a

angular.json

         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "outputPath": "dist/iot-web-ui",
+            "outputPath": "dist/lot-web-ui",
             "index": "src/index.html",
             "main": "src/main.ts",
             "polyfills": [

dist/lot-web-ui/3rdpartylicenses.txt

 @angular/core
 MIT
 
-@angular/forms
+@angular/flex-layout
 MIT
 
 @angular/material
  
 
 
+tslib
+0BSD
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+
 zone.js
 MIT
 The MIT License

dist/lot-web-ui/assets/style/scss/common.scss

+@mixin mixPaddingMargin($i, $px) {
+  // reusable code here
+  .mt-#{$i} {
+    margin-top: $px * 1px !important;
+  }
+  .mb-#{$i} {
+    margin-bottom: $px * 1px !important;
+  }
+  .ms-#{$i} {
+    margin-left: $px * 1px !important;
+  }
+  .me-#{$i} {
+    margin-right: $px * 1px !important;
+  }
+  .mx-#{$i} {
+    margin-left: $px * 1px !important;
+    margin-right: $px * 1px !important;
+  }
+  .my-#{$i} {
+    margin-top: $px * 1px !important;
+    margin-bottom: $px * 1px !important;
+  }
+  .p-#{$i} {
+    padding: $px * 1px !important;
+  }
+  .pt-#{$i} {
+    padding-top: $px * 1px !important;
+  }
+  .pb-#{$i} {
+    padding-bottom: $px * 1px !important;
+  }
+  .ps-#{$i} {
+    padding-left: $px * 1px !important;
+  }
+  .pe-#{$i} {
+    padding-right: $px * 1px !important;
+  }
+  .px-#{$i} {
+    padding-left: $px * 1px !important;
+    padding-right: $px * 1px !important;
+  }
+  .py-#{$i} {
+    padding-top: $px * 1px !important;
+    padding-bottom: $px * 1px !important;
+  }
+  .mt--#{$i} {
+    margin-top: $px * -1px !important;
+  }
+  .mb--#{$i} {
+    margin-bottom: $px * -1px !important;
+  }
+  .ms--#{$i} {
+    margin-left: $px * -1px !important;
+  }
+  .me--#{$i} {
+    margin-right: $px * -1px !important;
+  }
+  .mx--#{$i} {
+    margin-left: $px * -1px !important;
+    margin-right: $px * -1px !important;
+  }
+  .my--#{$i} {
+    margin-top: $px * -1px !important;
+    margin-bottom: $px * -1px !important;
+  }
+}
+@mixin mixPosition($i, $px) {
+  .top-#{$i} {
+   top: $px * 1px !important;
+  }
+  .top--#{$i} {
+    top: $px * -1px !important;
+  }
+  .right-#{$i} {
+    right: $px * 1px !important;
+  }
+  .bottom-#{$i} {
+    bottom: $px * 1px !important;
+  }
+  .bottom--#{$i} {
+    bottom: $px * -1px !important;
+  }
+  .left-#{$i} {
+    left: $px * 1px !important;
+  }
+}
+$pxs: 0 0, 1 4, 2 8, 3 16, 4 24, 5 32, 6 48, 7 56, 8 62, 9 70, 10 78 ;
+@each $i, $px in $pxs {
+  @include mixPaddingMargin($i, $px);
+  @include mixPosition($i, $px);
+}
+
+@each $weight in 100, 200, 300, 400, 500, 600, 700, 800, 900 {
+  [mat-weight='#{$weight}'] {
+    font-weight: $weight !important;
+  }
+}
+
+@mixin mixFontSize($i, $rem) {
+  // reusable code here
+  .fz-#{$i} {
+   font-size: $rem * 1rem !important;
+  }
+
+}
+
+$rems: 0 0.5, 1 0.75, 2 1, 3 1.25, 4 1.5, 5 1.75, 6 2, 7 2.25, 8 2.5, 9 2.75, 10 3;
+@each $i,  $rem in  $rems {
+  @include mixFontSize($i, $rem);
+}

dist/lot-web-ui/runtime.b21f8ee49caf5a50.js

+(()=>{"use strict";var e,v={},m={};function r(e){var o=m[e];if(void 0!==o)return o.exports;var t=m[e]={exports:{}};return v[e].call(t.exports,t,t.exports,r),t.exports}r.m=v,e=[],r.O=(o,t,i,u)=>{if(!t){var a=1/0;for(n=0;n<e.length;n++){for(var[t,i,u]=e[n],s=!0,l=0;l<t.length;l++)(!1&u||a>=u)&&Object.keys(r.O).every(b=>r.O[b](t[l]))?t.splice(l--,1):(s=!1,u<a&&(a=u));if(s){e.splice(n--,1);var d=i();void 0!==d&&(o=d)}}return o}u=u||0;for(var n=e.length;n>0&&e[n-1][2]>u;n--)e[n]=e[n-1];e[n]=[t,i,u]},r.d=(e,o)=>{for(var t in o)r.o(o,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((o,t)=>(r.f[t](e,o),o),[])),r.u=e=>e+".524c2851113f0510.js",r.miniCssF=e=>{},r.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),(()=>{var e={},o="iot-web-ui:";r.l=(t,i,u,n)=>{if(e[t])e[t].push(i);else{var a,s;if(void 0!==u)for(var l=document.getElementsByTagName("script"),d=0;d<l.length;d++){var f=l[d];if(f.getAttribute("src")==t||f.getAttribute("data-webpack")==o+u){a=f;break}}a||(s=!0,(a=document.createElement("script")).type="module",a.charset="utf-8",a.timeout=120,r.nc&&a.setAttribute("nonce",r.nc),a.setAttribute("data-webpack",o+u),a.src=r.tu(t)),e[t]=[i];var c=(g,b)=>{a.onerror=a.onload=null,clearTimeout(p);var _=e[t];if(delete e[t],a.parentNode&&a.parentNode.removeChild(a),_&&_.forEach(h=>h(b)),g)return g(b)},p=setTimeout(c.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=c.bind(null,a.onerror),a.onload=c.bind(null,a.onload),s&&document.head.appendChild(a)}}})(),r.r=e=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;r.tt=()=>(void 0===e&&(e={createScriptURL:o=>o},typeof trustedTypes<"u"&&trustedTypes.createPolicy&&(e=trustedTypes.createPolicy("angular#bundler",e))),e)})(),r.tu=e=>r.tt().createScriptURL(e),r.p="",(()=>{var e={666:0};r.f.j=(i,u)=>{var n=r.o(e,i)?e[i]:void 0;if(0!==n)if(n)u.push(n[2]);else if(666!=i){var a=new Promise((f,c)=>n=e[i]=[f,c]);u.push(n[2]=a);var s=r.p+r.u(i),l=new Error;r.l(s,f=>{if(r.o(e,i)&&(0!==(n=e[i])&&(e[i]=void 0),n)){var c=f&&("load"===f.type?"missing":f.type),p=f&&f.target&&f.target.src;l.message="Loading chunk "+i+" failed.\n("+c+": "+p+")",l.name="ChunkLoadError",l.type=c,l.request=p,n[1](l)}},"chunk-"+i,i)}else e[i]=0},r.O.j=i=>0===e[i];var o=(i,u)=>{var l,d,[n,a,s]=u,f=0;if(n.some(p=>0!==e[p])){for(l in a)r.o(a,l)&&(r.m[l]=a[l]);if(s)var c=s(r)}for(i&&i(u);f<n.length;f++)r.o(e,d=n[f])&&e[d]&&e[d][0](),e[d]=0;return r.O(c)},t=self.webpackChunkiot_web_ui=self.webpackChunkiot_web_ui||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))})()})();

dist/lot-web-ui/runtime.d852378690cbdee8.js

-(()=>{"use strict";var e,_={},v={};function n(e){var o=v[e];if(void 0!==o)return o.exports;var r=v[e]={exports:{}};return _[e].call(r.exports,r,r.exports,n),r.exports}n.m=_,e=[],n.O=(o,r,u,l)=>{if(!r){var t=1/0;for(a=0;a<e.length;a++){for(var[r,u,l]=e[a],c=!0,f=0;f<r.length;f++)(!1&l||t>=l)&&Object.keys(n.O).every(d=>n.O[d](r[f]))?r.splice(f--,1):(c=!1,l<t&&(t=l));if(c){e.splice(a--,1);var s=u();void 0!==s&&(o=s)}}return o}l=l||0;for(var a=e.length;a>0&&e[a-1][2]>l;a--)e[a]=e[a-1];e[a]=[r,u,l]},n.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),(()=>{var e={666:0};n.O.j=u=>0===e[u];var o=(u,l)=>{var f,s,[a,t,c]=l,i=0;if(a.some(b=>0!==e[b])){for(f in t)n.o(t,f)&&(n.m[f]=t[f]);if(c)var p=c(n)}for(u&&u(l);i<a.length;i++)n.o(e,s=a[i])&&e[s]&&e[s][0](),e[s]=0;return n.O(p)},r=self.webpackChunklot_web_ui=self.webpackChunklot_web_ui||[];r.forEach(o.bind(null,0)),r.push=o.bind(null,r.push.bind(r))})()})();

src/config.ts

 export const config = {
-  gateway: 'ws:/socket.aztrace.vn/ws'
+  gateway: 'wss:/socket.aztrace.vn/ws'
 };