@dssp/dkpi 1.0.0-alpha.10

package/dist-client/entries/public/home.js

@@ -0,0 +1,97 @@
+import { __decorate } from "tslib";
+import '@material/web/icon/icon.js';
+import { css, html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+let HomePage = class HomePage extends LitElement {
+    render() {
+        var { title, description } = this.applicationMeta;
+        return html `
+      <div message>
+        <strong>${title}</strong>
+        ${description}
+        <video autoplay muted playsinline loop>
+          <source src="/assets/videos/intro.mp4" type="video/mp4" />
+        </video>
+      </div>
+
+      <md-icon signin @click=${e => (window.location.href = '/auth/signin')}>login</md-icon>
+    `;
+    }
+    get applicationMeta() {
+        if (!this._applicationMeta) {
+            var iconLink = document.querySelector('link[rel="application-icon"]');
+            var titleMeta = document.querySelector('meta[name="application-name"]');
+            var descriptionMeta = document.querySelector('meta[name="application-description"]');
+            this._applicationMeta = {
+                icon: iconLink === null || iconLink === void 0 ? void 0 : iconLink.href,
+                title: (titleMeta === null || titleMeta === void 0 ? void 0 : titleMeta.content) || 'Things Factory',
+                description: (descriptionMeta === null || descriptionMeta === void 0 ? void 0 : descriptionMeta.content) || 'Reimagining Software'
+            };
+        }
+        return this._applicationMeta;
+    }
+};
+HomePage.styles = [
+    css `
+      :host {
+        background-color: var(--md-sys-color-background);
+
+        display: block;
+        position: relative;
+
+        max-width: 100vw;
+        width: 100vw;
+        height: 100vh;
+        height: 100dvh;
+      }
+
+      [signin] {
+        position: absolute;
+        right: 20px;
+        top: 20px;
+        font-size: 2em;
+        color: white;
+      }
+
+      [message] {
+        background-color: rgba(50, 66, 97, 0.8);
+        padding: 60px 50px 0 50px;
+        color: #fff;
+        text-align: center;
+        font-size: 20px;
+      }
+
+      [message] strong {
+        display: block;
+        font-size: 2.5rem;
+      }
+
+      video {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 100vw;
+        height: 100vh;
+        object-fit: cover;
+        transform: translate(-50%, -50%);
+      }
+
+      @media screen and (max-width: 480px) {
+        [message] {
+          padding: 60px 30px 0 30px;
+          color: #fff;
+          text-align: center;
+          font-size: 15px;
+        }
+
+        [message] strong {
+          font-size: 1.6rem;
+        }
+      }
+    `
+];
+HomePage = __decorate([
+    customElement('home-page')
+], HomePage);
+export { HomePage };
+//# sourceMappingURL=home.js.map

package/dist-client/entries/public/home.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"home.js","sourceRoot":"","sources":["../../../client/entries/public/home.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAG1C,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IA+DtC,MAAM;QACJ,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,eAAe,CAAA;QAEjD,OAAO,IAAI,CAAA;;kBAEG,KAAK;UACb,WAAW;;;;;;+BAMU,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,cAAc,CAAC;KACtE,CAAA;IACH,CAAC;IAED,IAAI,eAAe;QACjB,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC3B,IAAI,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,8BAA8B,CAAoB,CAAA;YACxF,IAAI,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,+BAA+B,CAAoB,CAAA;YAC1F,IAAI,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,sCAAsC,CAAoB,CAAA;YAEvG,IAAI,CAAC,gBAAgB,GAAG;gBACtB,IAAI,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI;gBACpB,KAAK,EAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,KAAI,gBAAgB;gBAC7C,WAAW,EAAE,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,OAAO,KAAI,sBAAsB;aAChE,CAAA;QACH,CAAC;QAED,OAAO,IAAI,CAAC,gBAAgB,CAAA;IAC9B,CAAC;;AA5FM,eAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwDF;CACF,AA1DY,CA0DZ;AA3DU,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CA8FpB","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('home-page')\nexport class HomePage extends LitElement {\n  static styles = [\n    css`\n      :host {\n        background-color: var(--md-sys-color-background);\n\n        display: block;\n        position: relative;\n\n        max-width: 100vw;\n        width: 100vw;\n        height: 100vh;\n        height: 100dvh;\n      }\n\n      [signin] {\n        position: absolute;\n        right: 20px;\n        top: 20px;\n        font-size: 2em;\n        color: white;\n      }\n\n      [message] {\n        background-color: rgba(50, 66, 97, 0.8);\n        padding: 60px 50px 0 50px;\n        color: #fff;\n        text-align: center;\n        font-size: 20px;\n      }\n\n      [message] strong {\n        display: block;\n        font-size: 2.5rem;\n      }\n\n      video {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 100vw;\n        height: 100vh;\n        object-fit: cover;\n        transform: translate(-50%, -50%);\n      }\n\n      @media screen and (max-width: 480px) {\n        [message] {\n          padding: 60px 30px 0 30px;\n          color: #fff;\n          text-align: center;\n          font-size: 15px;\n        }\n\n        [message] strong {\n          font-size: 1.6rem;\n        }\n      }\n    `\n  ]\n\n  private _applicationMeta\n\n  render() {\n    var { title, description } = this.applicationMeta\n\n    return html`\n      <div message>\n        <strong>${title}</strong>\n        ${description}\n        <video autoplay muted playsinline loop>\n          <source src=\"/assets/videos/intro.mp4\" type=\"video/mp4\" />\n        </video>\n      </div>\n\n      <md-icon signin @click=${e => (window.location.href = '/auth/signin')}>login</md-icon>\n    `\n  }\n\n  get applicationMeta() {\n    if (!this._applicationMeta) {\n      var iconLink = document.querySelector('link[rel=\"application-icon\"]') as HTMLLinkElement\n      var titleMeta = document.querySelector('meta[name=\"application-name\"]') as HTMLMetaElement\n      var descriptionMeta = document.querySelector('meta[name=\"application-description\"]') as HTMLMetaElement\n\n      this._applicationMeta = {\n        icon: iconLink?.href,\n        title: titleMeta?.content || 'Things Factory',\n        description: descriptionMeta?.content || 'Reimagining Software'\n      }\n    }\n\n    return this._applicationMeta\n  }\n}\n"]}

package/dist-client/icons/menu-icons.d.ts

@@ -0,0 +1,5 @@
+export declare const ICONS_HOME: string[];
+export declare const ICONS_KPIS: string[];
+export declare const ICONS_STATUS: string[];
+export declare const ICONS_INTEGRATION: string[];
+export declare const ICONS_SETTING: string[];

package/dist-client/icons/menu-icons.js

@@ -0,0 +1,84 @@
+const ICON_HOME = `
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40">
+  <defs>
+    <style>
+      .menu-svg {
+        fill: #fff;
+				stroke: {{strokecolor}};
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  
+    <path class="menu-svg" d="M31,36.5c-.2,0-.4,0-.6,0-.2,0-.3-.2-.5-.3l-8.3-8.3c-.2-.2-.3-.3-.3-.5,0-.2,0-.4,0-.6s0-.4,0-.6c0-.2.2-.3.3-.5l3.1-3.1c.2-.2.3-.3.5-.3.2,0,.4,0,.6,0s.4,0,.6,0c.2,0,.3.2.5.3l8.3,8.3c.2.2.3.3.3.5,0,.2,0,.4,0,.6s0,.4,0,.6c0,.2-.2.3-.3.5l-3.1,3.1c-.2.2-.3.3-.5.3-.2,0-.4,0-.6,0ZM31,33.6l1.8-1.8-6.9-6.9-1.8,1.8,6.9,6.9ZM8.9,36.5c-.2,0-.4,0-.6-.1-.2,0-.3-.2-.5-.3l-3.1-3.1c-.2-.2-.3-.3-.3-.5,0-.2-.1-.4-.1-.6s0-.4.1-.6c0-.2.2-.3.3-.5l8.6-8.6h3.5l1.3-1.3-6.9-6.9h-2.4l-4.6-4.6,4.1-4.1,4.6,4.6v2.4l6.9,6.9,4.9-4.9-2.4-2.4,2.1-2.1h-4.2l-.9-.9,5.3-5.3.9.9v4.2l2.1-2.1,6.2,6.2c.4.4.8.9,1,1.5.2.5.3,1.1.3,1.7s0,1-.3,1.5c-.2.5-.5.9-.8,1.4l-3.5-3.5-2.3,2.3-1.8-1.8-8,8v3.5l-8.6,8.6c-.2.2-.3.3-.5.3-.2,0-.4.1-.6.1ZM8.9,33.6l7.6-7.6v-1.8h-1.8l-7.6,7.6,1.8,1.8ZM8.9,33.6l-1.8-1.8.9.9.9.9ZM31,33.6l1.8-1.8-1.8,1.8Z"/>
+</svg>
+`;
+const ICON_KPIS = `
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40">
+  <defs>
+    <style>
+      .menu-svg {
+        fill: #fff;
+				stroke: {{strokecolor}};
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  
+  <path class="menu-svg" d="M27.9,15.1h2.7v-2.8h-2.7v2.8ZM27.9,21.4h2.7v-2.8h-2.7v2.8ZM27.9,27.7h2.7v-2.8h-2.7v2.8ZM26.9,33.3v-2.4h6.9V9h-14.2v2.8l-2.3-1.7v-3.5h18.7v26.7s-9.1,0-9.1,0ZM4,33.3v-14.5l9.9-7.3,9.9,7.3v14.5h-8.1v-7.5h-3.5v7.5H4ZM6.3,31h3.6v-7.5h8v7.5h3.6v-11l-7.7-5.5-7.7,5.5v11h0ZM18,31v-7.5h-8v7.5-7.5h8v7.5Z"/>
+</svg>
+`;
+const ICON_STATUS = `
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40">
+  <defs>
+    <style>
+      .menu-svg {
+        fill: #fff;
+				stroke: {{strokecolor}};
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+
+  <path class="menu-svg" d="M7.4,33.9c-.8,0-1.5-.3-2.1-.8-.6-.6-.8-1.3-.8-2.1V9c0-.8.3-1.5.8-2.1.6-.6,1.3-.8,2.1-.8h25.2c.8,0,1.5.3,2.1.8s.8,1.3.8,2.1v21.9c0,.8-.3,1.5-.8,2.1s-1.3.8-2.1.8H7.4ZM7.4,31.4h25.2c0,0,.3,0,.4-.2,0,0,.2-.2.2-.4V9c0,0,0-.3-.2-.4,0,0-.2-.2-.4-.2H7.4c0,0-.3,0-.4.2,0,0-.2.2-.2.4v21.9c0,0,0,.3.2.4,0,0,.2.2.4.2h0ZM8.9,27.7h7.3v-2.4h-7.3v2.4ZM24.2,24.3l7.5-7.5-1.8-1.8-5.7,5.8-2.4-2.4-1.7,1.8s4.1,4.1,4.1,4.1ZM8.9,21.2h7.3v-2.4h-7.3v2.4ZM8.9,14.6h7.3v-2.4h-7.3s0,2.4,0,2.4ZM6.9,31.4V8.5v22.9Z"/>
+</svg>
+`;
+const ICON_INTEGRATION = `
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40">
+  <defs>
+    <style>
+      .menu-svg {
+        fill: #fff;
+				stroke: {{strokecolor}};
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+    
+  <path class="menu-svg" d="M9.1,35.5c-.8,0-1.5-.3-2.1-.8-.6-.6-.8-1.2-.8-2.1V10.9c0-.8.3-1.5.8-2.1.6-.6,1.2-.8,2.1-.8h2.3v-3.5h2.5v3.5h12.3v-3.5h2.4v3.5h2.3c.8,0,1.5.3,2.1.8.6.6.8,1.2.8,2.1v21.7c0,.8-.3,1.5-.8,2.1s-1.2.8-2.1.8c0,0-21.8,0-21.8,0ZM9.1,33.1h21.7c0,0,.3,0,.4-.2,0,0,.2-.2.2-.4v-15.2H8.5v15.2c0,0,0,.3.2.4,0,0,.2.2.4.2ZM8.5,14.9h22.7v-4c0,0,0-.3-.2-.4,0,0-.2-.2-.4-.2H9.1c0,0-.3,0-.4.2,0,0-.2.2-.2.4,0,0,0,4,0,4ZM8.5,14.9v-4.5,4.5ZM12.2,22.9v-2.4h15.4v2.4s-15.4,0-15.4,0ZM12.2,29.4v-2.4h10.5v2.4h-10.5Z"/>
+</svg>
+`;
+const ICON_SETTING = `
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40">
+  <defs>
+    <style>
+      .menu-svg {
+        fill: #fff;
+				stroke: {{strokecolor}};
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  
+  <path class="menu-svg" d="M13.1,24.2h2v-5.7h-2v1.9h-2.4v2h2.4v1.9h0ZM16.7,22.3h12.8v-2h-12.8v2ZM25,18.1h2v-1.9h2.4v-2h-2.4v-1.9h-2v5.7h0ZM10.6,16.2h12.8v-2h-12.8v2ZM14.3,34v-3.3h-6.9c-.8,0-1.5-.3-2.1-.8s-.8-1.3-.8-2.1V8.9c0-.8.3-1.6.8-2.1.6-.5,1.3-.8,2.1-.8h25.2c.8,0,1.5.3,2.1.8s.8,1.3.8,2.1v18.8c0,.8-.3,1.6-.8,2.1-.6.5-1.3.8-2.1.8h-6.9v3.3h-11.5,0ZM7.5,28.2h25.2c0,0,.3,0,.4-.2,0,0,.2-.2.2-.4V8.9c0,0,0-.3-.2-.4,0,0-.2-.2-.4-.2H7.5c0,0-.3,0-.4.2,0,0-.2.2-.2.4v18.8c0,0,0,.3.2.4,0,0,.2.2.4.2h0ZM6.9,28.2V8.4v19.8Z"/>
+</svg>
+`;
+function icons(template) {
+    return ['#ffffff', '#64A3D9'].map(color => 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(template.replace(/{{strokecolor}}/g, color)));
+}
+export const ICONS_HOME = icons(ICON_HOME);
+export const ICONS_KPIS = icons(ICON_KPIS);
+export const ICONS_STATUS = icons(ICON_STATUS);
+export const ICONS_INTEGRATION = icons(ICON_INTEGRATION);
+export const ICONS_SETTING = icons(ICON_SETTING);
+//# sourceMappingURL=menu-icons.js.map

package/dist-client/icons/menu-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-icons.js","sourceRoot":"","sources":["../../client/icons/menu-icons.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG;;;;;;;;;;;;;;CAcjB,CAAA;AAED,MAAM,SAAS,GAAG;;;;;;;;;;;;;;CAcjB,CAAA;AAED,MAAM,WAAW,GAAG;;;;;;;;;;;;;;CAcnB,CAAA;AAED,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;CAcxB,CAAA;AAED,MAAM,YAAY,GAAG;;;;;;;;;;;;;;CAcpB,CAAA;AAED,SAAS,KAAK,CAAC,QAAQ;IACrB,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,GAAG,CAC/B,KAAK,CAAC,EAAE,CAAC,0CAA0C,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC,CACxG,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;AAC1C,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;AAC1C,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAA;AAC9C,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAA;AACxD,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,YAAY,CAAC,CAAA","sourcesContent":["const ICON_HOME = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" viewBox=\"0 0 40 40\">\n  <defs>\n    <style>\n      .menu-svg {\n        fill: #fff;\n\t\t\t\tstroke: {{strokecolor}};\n        stroke-width: 0px;\n      }\n    </style>\n  </defs>\n  \n    <path class=\"menu-svg\" d=\"M31,36.5c-.2,0-.4,0-.6,0-.2,0-.3-.2-.5-.3l-8.3-8.3c-.2-.2-.3-.3-.3-.5,0-.2,0-.4,0-.6s0-.4,0-.6c0-.2.2-.3.3-.5l3.1-3.1c.2-.2.3-.3.5-.3.2,0,.4,0,.6,0s.4,0,.6,0c.2,0,.3.2.5.3l8.3,8.3c.2.2.3.3.3.5,0,.2,0,.4,0,.6s0,.4,0,.6c0,.2-.2.3-.3.5l-3.1,3.1c-.2.2-.3.3-.5.3-.2,0-.4,0-.6,0ZM31,33.6l1.8-1.8-6.9-6.9-1.8,1.8,6.9,6.9ZM8.9,36.5c-.2,0-.4,0-.6-.1-.2,0-.3-.2-.5-.3l-3.1-3.1c-.2-.2-.3-.3-.3-.5,0-.2-.1-.4-.1-.6s0-.4.1-.6c0-.2.2-.3.3-.5l8.6-8.6h3.5l1.3-1.3-6.9-6.9h-2.4l-4.6-4.6,4.1-4.1,4.6,4.6v2.4l6.9,6.9,4.9-4.9-2.4-2.4,2.1-2.1h-4.2l-.9-.9,5.3-5.3.9.9v4.2l2.1-2.1,6.2,6.2c.4.4.8.9,1,1.5.2.5.3,1.1.3,1.7s0,1-.3,1.5c-.2.5-.5.9-.8,1.4l-3.5-3.5-2.3,2.3-1.8-1.8-8,8v3.5l-8.6,8.6c-.2.2-.3.3-.5.3-.2,0-.4.1-.6.1ZM8.9,33.6l7.6-7.6v-1.8h-1.8l-7.6,7.6,1.8,1.8ZM8.9,33.6l-1.8-1.8.9.9.9.9ZM31,33.6l1.8-1.8-1.8,1.8Z\"/>\n</svg>\n`\n\nconst ICON_KPIS = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" viewBox=\"0 0 40 40\">\n  <defs>\n    <style>\n      .menu-svg {\n        fill: #fff;\n\t\t\t\tstroke: {{strokecolor}};\n        stroke-width: 0px;\n      }\n    </style>\n  </defs>\n  \n  <path class=\"menu-svg\" d=\"M27.9,15.1h2.7v-2.8h-2.7v2.8ZM27.9,21.4h2.7v-2.8h-2.7v2.8ZM27.9,27.7h2.7v-2.8h-2.7v2.8ZM26.9,33.3v-2.4h6.9V9h-14.2v2.8l-2.3-1.7v-3.5h18.7v26.7s-9.1,0-9.1,0ZM4,33.3v-14.5l9.9-7.3,9.9,7.3v14.5h-8.1v-7.5h-3.5v7.5H4ZM6.3,31h3.6v-7.5h8v7.5h3.6v-11l-7.7-5.5-7.7,5.5v11h0ZM18,31v-7.5h-8v7.5-7.5h8v7.5Z\"/>\n</svg>\n`\n\nconst ICON_STATUS = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" viewBox=\"0 0 40 40\">\n  <defs>\n    <style>\n      .menu-svg {\n        fill: #fff;\n\t\t\t\tstroke: {{strokecolor}};\n        stroke-width: 0px;\n      }\n    </style>\n  </defs>\n\n  <path class=\"menu-svg\" d=\"M7.4,33.9c-.8,0-1.5-.3-2.1-.8-.6-.6-.8-1.3-.8-2.1V9c0-.8.3-1.5.8-2.1.6-.6,1.3-.8,2.1-.8h25.2c.8,0,1.5.3,2.1.8s.8,1.3.8,2.1v21.9c0,.8-.3,1.5-.8,2.1s-1.3.8-2.1.8H7.4ZM7.4,31.4h25.2c0,0,.3,0,.4-.2,0,0,.2-.2.2-.4V9c0,0,0-.3-.2-.4,0,0-.2-.2-.4-.2H7.4c0,0-.3,0-.4.2,0,0-.2.2-.2.4v21.9c0,0,0,.3.2.4,0,0,.2.2.4.2h0ZM8.9,27.7h7.3v-2.4h-7.3v2.4ZM24.2,24.3l7.5-7.5-1.8-1.8-5.7,5.8-2.4-2.4-1.7,1.8s4.1,4.1,4.1,4.1ZM8.9,21.2h7.3v-2.4h-7.3v2.4ZM8.9,14.6h7.3v-2.4h-7.3s0,2.4,0,2.4ZM6.9,31.4V8.5v22.9Z\"/>\n</svg>\n`\n\nconst ICON_INTEGRATION = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" viewBox=\"0 0 40 40\">\n  <defs>\n    <style>\n      .menu-svg {\n        fill: #fff;\n\t\t\t\tstroke: {{strokecolor}};\n        stroke-width: 0px;\n      }\n    </style>\n  </defs>\n    \n  <path class=\"menu-svg\" d=\"M9.1,35.5c-.8,0-1.5-.3-2.1-.8-.6-.6-.8-1.2-.8-2.1V10.9c0-.8.3-1.5.8-2.1.6-.6,1.2-.8,2.1-.8h2.3v-3.5h2.5v3.5h12.3v-3.5h2.4v3.5h2.3c.8,0,1.5.3,2.1.8.6.6.8,1.2.8,2.1v21.7c0,.8-.3,1.5-.8,2.1s-1.2.8-2.1.8c0,0-21.8,0-21.8,0ZM9.1,33.1h21.7c0,0,.3,0,.4-.2,0,0,.2-.2.2-.4v-15.2H8.5v15.2c0,0,0,.3.2.4,0,0,.2.2.4.2ZM8.5,14.9h22.7v-4c0,0,0-.3-.2-.4,0,0-.2-.2-.4-.2H9.1c0,0-.3,0-.4.2,0,0-.2.2-.2.4,0,0,0,4,0,4ZM8.5,14.9v-4.5,4.5ZM12.2,22.9v-2.4h15.4v2.4s-15.4,0-15.4,0ZM12.2,29.4v-2.4h10.5v2.4h-10.5Z\"/>\n</svg>\n`\n\nconst ICON_SETTING = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" viewBox=\"0 0 40 40\">\n  <defs>\n    <style>\n      .menu-svg {\n        fill: #fff;\n\t\t\t\tstroke: {{strokecolor}};\n        stroke-width: 0px;\n      }\n    </style>\n  </defs>\n  \n  <path class=\"menu-svg\" d=\"M13.1,24.2h2v-5.7h-2v1.9h-2.4v2h2.4v1.9h0ZM16.7,22.3h12.8v-2h-12.8v2ZM25,18.1h2v-1.9h2.4v-2h-2.4v-1.9h-2v5.7h0ZM10.6,16.2h12.8v-2h-12.8v2ZM14.3,34v-3.3h-6.9c-.8,0-1.5-.3-2.1-.8s-.8-1.3-.8-2.1V8.9c0-.8.3-1.6.8-2.1.6-.5,1.3-.8,2.1-.8h25.2c.8,0,1.5.3,2.1.8s.8,1.3.8,2.1v18.8c0,.8-.3,1.6-.8,2.1-.6.5-1.3.8-2.1.8h-6.9v3.3h-11.5,0ZM7.5,28.2h25.2c0,0,.3,0,.4-.2,0,0,.2-.2.2-.4V8.9c0,0,0-.3-.2-.4,0,0-.2-.2-.4-.2H7.5c0,0-.3,0-.4.2,0,0-.2.2-.2.4v18.8c0,0,0,.3.2.4,0,0,.2.2.4.2h0ZM6.9,28.2V8.4v19.8Z\"/>\n</svg>\n`\n\nfunction icons(template) {\n  return ['#ffffff', '#64A3D9'].map(\n    color => 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(template.replace(/{{strokecolor}}/g, color))\n  )\n}\n\nexport const ICONS_HOME = icons(ICON_HOME)\nexport const ICONS_KPIS = icons(ICON_KPIS)\nexport const ICONS_STATUS = icons(ICON_STATUS)\nexport const ICONS_INTEGRATION = icons(ICON_INTEGRATION)\nexport const ICONS_SETTING = icons(ICON_SETTING)\n"]}

package/dist-client/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist-client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/dist-client/menu.d.ts

@@ -0,0 +1,23 @@
+export declare function getMenuTemplate(owner: boolean | undefined, dataSets: any[]): (false | {
+    name: string;
+    type: string;
+    icon?: undefined;
+    path?: undefined;
+    menus?: undefined;
+} | {
+    name: string;
+    icon: string;
+    path: string;
+    type?: undefined;
+    menus?: undefined;
+} | {
+    name: string;
+    icon: string;
+    path: string;
+    menus: {
+        name: any;
+        icon: string;
+        path: string;
+    }[];
+    type?: undefined;
+})[];

package/dist-client/menu.js

@@ -0,0 +1,59 @@
+import i18next from 'i18next';
+export function getMenuTemplate(owner = false, dataSets) {
+    return [
+        owner && {
+            name: 'DATASET',
+            type: 'group'
+        },
+        owner && {
+            name: i18next.t('title.data-set list'),
+            icon: 'dataset',
+            path: 'data-set-list'
+        },
+        owner && {
+            name: i18next.t('title.data-key-set list'),
+            icon: 'dataset_linked',
+            path: 'data-key-set-list'
+        },
+        {
+            name: 'DATA ENTRY',
+            type: 'group'
+        },
+        {
+            icon: 'edit_square',
+            name: i18next.t('title.data-entry list'),
+            path: 'data-entry-list'
+        },
+        {
+            name: 'DATA REPORT',
+            type: 'group'
+        },
+        owner && {
+            name: i18next.t('title.data-sample list'),
+            icon: 'rule',
+            path: 'data-sample-list',
+            menus: dataSets.map(item => {
+                return {
+                    name: item.name,
+                    icon: 'checklist_rtl',
+                    path: `data-sample-search/${item.id}`
+                };
+            }) || []
+        },
+        owner && {
+            name: i18next.t('title.data-summary list'),
+            icon: 'functions',
+            path: 'data-summary-list',
+            menus: dataSets
+                .filter(item => item.active && item.summaryPeriod)
+                .map(item => {
+                return {
+                    name: item.name,
+                    icon: 'checklist',
+                    path: `data-summary-period/${item.id}`
+                };
+            }) || []
+        }
+    ].filter(Boolean);
+}
+//# sourceMappingURL=menu.js.map

package/dist-client/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../client/menu.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAA;AAE7B,MAAM,UAAU,eAAe,CAAC,QAAiB,KAAK,EAAE,QAAe;IACrE,OAAO;QACL,KAAK,IAAI;YACP,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,OAAO;SACd;QACD,KAAK,IAAI;YACP,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;YACtC,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,eAAe;SACtB;QACD,KAAK,IAAI;YACP,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC;YAC1C,IAAI,EAAE,gBAAgB;YACtB,IAAI,EAAE,mBAAmB;SAC1B;QACD;YACE,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE,OAAO;SACd;QACD;YACE,IAAI,EAAE,aAAa;YACnB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC;YACxC,IAAI,EAAE,iBAAiB;SACxB;QACD;YACE,IAAI,EAAE,aAAa;YACnB,IAAI,EAAE,OAAO;SACd;QACD,KAAK,IAAI;YACP,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC;YACzC,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,kBAAkB;YACxB,KAAK,EACH,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;gBAClB,OAAO;oBACL,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,IAAI,EAAE,eAAe;oBACrB,IAAI,EAAE,sBAAsB,IAAI,CAAC,EAAE,EAAE;iBACtC,CAAA;YACH,CAAC,CAAC,IAAI,EAAE;SACX;QACD,KAAK,IAAI;YACP,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC;YAC1C,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,mBAAmB;YACzB,KAAK,EACH,QAAQ;iBACL,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,aAAa,CAAC;iBACjD,GAAG,CAAC,IAAI,CAAC,EAAE;gBACV,OAAO;oBACL,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,IAAI,EAAE,WAAW;oBACjB,IAAI,EAAE,uBAAuB,IAAI,CAAC,EAAE,EAAE;iBACvC,CAAA;YACH,CAAC,CAAC,IAAI,EAAE;SACb;KACF,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;AACnB,CAAC","sourcesContent":["import i18next from 'i18next'\n\nexport function getMenuTemplate(owner: boolean = false, dataSets: any[]) {\n  return [\n    owner && {\n      name: 'DATASET',\n      type: 'group'\n    },\n    owner && {\n      name: i18next.t('title.data-set list'),\n      icon: 'dataset',\n      path: 'data-set-list'\n    },\n    owner && {\n      name: i18next.t('title.data-key-set list'),\n      icon: 'dataset_linked',\n      path: 'data-key-set-list'\n    },\n    {\n      name: 'DATA ENTRY',\n      type: 'group'\n    },\n    {\n      icon: 'edit_square',\n      name: i18next.t('title.data-entry list'),\n      path: 'data-entry-list'\n    },\n    {\n      name: 'DATA REPORT',\n      type: 'group'\n    },\n    owner && {\n      name: i18next.t('title.data-sample list'),\n      icon: 'rule',\n      path: 'data-sample-list',\n      menus:\n        dataSets.map(item => {\n          return {\n            name: item.name,\n            icon: 'checklist_rtl',\n            path: `data-sample-search/${item.id}`\n          }\n        }) || []\n    },\n    owner && {\n      name: i18next.t('title.data-summary list'),\n      icon: 'functions',\n      path: 'data-summary-list',\n      menus:\n        dataSets\n          .filter(item => item.active && item.summaryPeriod)\n          .map(item => {\n            return {\n              name: item.name,\n              icon: 'checklist',\n              path: `data-summary-period/${item.id}`\n            }\n          }) || []\n    }\n  ].filter(Boolean)\n}\n"]}

package/dist-client/pages/sv-user-management.d.ts

@@ -0,0 +1,5 @@
+import '@material/web/icon/icon.js';
+import '@things-factory/component-ui';
+import '@things-factory/auth-ui/dist-client/components/ownership-transfer-popup';
+import '@things-factory/auth-ui/dist-client/components/user-role-editor';
+import '@things-factory/auth-ui/dist-client/components/create-user';

package/dist-client/pages/sv-user-management.js

@@ -0,0 +1,219 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+import '@things-factory/component-ui';
+import '@things-factory/auth-ui/dist-client/components/ownership-transfer-popup';
+import '@things-factory/auth-ui/dist-client/components/user-role-editor';
+import '@things-factory/auth-ui/dist-client/components/create-user';
+import gql from 'graphql-tag';
+import { css, html } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { client, gqlContext } from '@operato/graphql';
+import { i18next } from '@operato/i18n';
+import { PageView } from '@operato/shell';
+import { OxPrompt } from '@operato/popup/ox-prompt.js';
+let SVUserManagement = class SVUserManagement extends PageView {
+    constructor() {
+        super(...arguments);
+        this.domainUsers = [];
+        this.currentTab = '';
+        this.passwordResettable = false;
+        this.userCreatable = false;
+    }
+    get context() {
+        return {
+            title: i18next.t('text.user management'),
+            help: 'auth/users'
+        };
+    }
+    render() {
+        const groupingUser = (this.domainUsers || []).reduce((groupingUser, user) => {
+            const userType = user.userType;
+            if (!groupingUser[userType]) {
+                groupingUser[userType] = [];
+            }
+            user.activated = user.status === 'activated';
+            groupingUser[userType].push(user);
+            return groupingUser;
+        }, {
+            admin: [],
+            user: [],
+            application: [],
+            appliance: []
+        });
+        const USER_TYPES = {
+            USER: i18next.t('label.user'),
+            APPLICATION: i18next.t('label.application'),
+            APPLIANCE: i18next.t('text.appliance')
+        };
+        const userSet = {
+            [USER_TYPES.USER]: [...groupingUser.user, ...groupingUser.admin],
+            [USER_TYPES.APPLICATION]: groupingUser.application,
+            [USER_TYPES.APPLIANCE]: groupingUser.appliance
+        };
+        return html `
+      ${this.userCreatable
+            ? html `<create-user
+            @create-user=${async (event) => {
+                const user = event.detail;
+                user.userType = 'user';
+                await this.createUser(user);
+            }}
+          ></create-user>`
+            : ''}
+      <quick-find-list
+        id="user-list"
+        .data=${userSet}
+        @tabChanged=${e => (this.currentTab = e.detail.currentTabKey)}
+        .headerRenderer=${user => {
+            return html `
+            ${!user.activated
+                ? html `
+                  <md-icon>do_disturb</md-icon>
+                  ${user.name}
+                `
+                : html ` ${user.owner ? html ` <md-icon>supervisor_account</md-icon> ` : ''} ${user.name} `}
+          `;
+        }}
+        .contentRenderer=${user => html ` <user-role-editor
+            .user=${user}
+            .domainOwner=${this.owner}
+            .activate=${user.activated}
+            @userUpdated=${this.refreshUsers.bind(this)}
+            @ownershipTransferred=${this.refreshUsers.bind(this)}
+            .passwordResettable=${this.passwordResettable}
+          ></user-role-editor>`}
+      ></quick-find-list>
+    `;
+    }
+    async pageUpdated(changes, lifecycle, before) {
+        if (this.active) {
+            this.refreshUsers();
+            this.checkPasswordResettable();
+            this.checkUserCreatable();
+        }
+    }
+    async refreshUsers() {
+        var _a, _b;
+        const domainUsersResp = await client.query({
+            query: gql `
+        query {
+          users {
+            items {
+              id
+              name
+              email
+              userType
+              status
+              owner
+            }
+          }
+        }
+      `,
+            context: gqlContext()
+        });
+        if (!((_a = domainUsersResp.errors) === null || _a === void 0 ? void 0 : _a.length)) {
+            this.domainUsers = domainUsersResp.data.users.items || [];
+            this.owner = this.domainUsers.filter(user => user.owner)[0] || {};
+            (_b = this.userListElement) === null || _b === void 0 ? void 0 : _b.close();
+        }
+    }
+    async checkPasswordResettable() {
+        const response = await client.query({
+            query: gql `
+        query {
+          checkResettablePasswordToDefault
+        }
+      `
+        });
+        if (!response.errors) {
+            this.passwordResettable = response.data.checkResettablePasswordToDefault;
+        }
+    }
+    async checkUserCreatable() {
+        const response = await client.query({
+            query: gql `
+        query {
+          checkDefaultPassword
+        }
+      `
+        });
+        if (!response.errors) {
+            this.userCreatable = response.data.checkDefaultPassword;
+        }
+    }
+    async createUser(user) {
+        if (await OxPrompt.open({
+            title: i18next.t('text.are_you_sure'),
+            text: i18next.t('text.are_you_sure_to_x_user', { x: i18next.t('button.create') }),
+            confirmButton: { text: i18next.t('button.confirm') },
+            cancelButton: { text: i18next.t('button.cancel') }
+        })) {
+            const response = await client.mutate({
+                mutation: gql `
+          mutation createUser($user: NewUser!) {
+            createUser(user: $user) {
+              name
+            }
+          }
+        `,
+                variables: { user },
+                context: gqlContext()
+            });
+            if (!response.errors) {
+                await OxPrompt.open({
+                    title: i18next.t('text.completed'),
+                    confirmButton: { text: i18next.t('button.confirm') }
+                });
+                await this.refreshUsers();
+            }
+        }
+    }
+    showToast(message) {
+        document.dispatchEvent(new CustomEvent('notify', { detail: { message, option: { timer: 1000 } } }));
+    }
+};
+SVUserManagement.styles = [
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        background-color: var(--main-section-background-color);
+        padding: var(--padding-wide);
+        overflow: auto;
+      }
+
+      @media screen and (max-width: 600px) {
+        :host {
+          padding: var(--padding-narrow);
+        }
+      }
+    `
+];
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], SVUserManagement.prototype, "domainUsers", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], SVUserManagement.prototype, "owner", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], SVUserManagement.prototype, "currentTab", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], SVUserManagement.prototype, "passwordResettable", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], SVUserManagement.prototype, "userCreatable", void 0);
+__decorate([
+    query('#user-list'),
+    __metadata("design:type", Object)
+], SVUserManagement.prototype, "userListElement", void 0);
+SVUserManagement = __decorate([
+    customElement('sv-user-management')
+], SVUserManagement);
+//# sourceMappingURL=sv-user-management.js.map

package/dist-client/pages/sv-user-management.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sv-user-management.js","sourceRoot":"","sources":["../../client/pages/sv-user-management.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@things-factory/component-ui'\nimport '@things-factory/auth-ui/dist-client/components/ownership-transfer-popup'\nimport '@things-factory/auth-ui/dist-client/components/user-role-editor'\nimport '@things-factory/auth-ui/dist-client/components/create-user'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { client, gqlContext } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { PageView } from '@operato/shell'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\n\n@customElement('sv-user-management')\nclass SVUserManagement extends PageView {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: var(--main-section-background-color);\n        padding: var(--padding-wide);\n        overflow: auto;\n      }\n\n      @media screen and (max-width: 600px) {\n        :host {\n          padding: var(--padding-narrow);\n        }\n      }\n    `\n  ]\n\n  @property({ type: Array }) domainUsers: any[] = []\n  @property({ type: Object }) owner: any\n  @property({ type: String }) currentTab: string = ''\n  @property({ type: Boolean }) passwordResettable: boolean = false\n  @property({ type: Boolean }) userCreatable: boolean = false\n\n  @query('#user-list') userListElement!: HTMLElement & { close: () => void }\n\n  get context() {\n    return {\n      title: i18next.t('text.user management'),\n      help: 'auth/users'\n    }\n  }\n\n  render() {\n    const groupingUser = (this.domainUsers || []).reduce(\n      (groupingUser, user) => {\n        const userType = user.userType\n        if (!groupingUser[userType]) {\n          groupingUser[userType] = []\n        }\n        user.activated = user.status === 'activated'\n        groupingUser[userType].push(user)\n\n        return groupingUser\n      },\n      {\n        admin: [],\n        user: [],\n        application: [],\n        appliance: []\n      }\n    )\n\n    const USER_TYPES = {\n      USER: i18next.t('label.user'),\n      APPLICATION: i18next.t('label.application'),\n      APPLIANCE: i18next.t('text.appliance')\n    }\n\n    const userSet = {\n      [USER_TYPES.USER]: [...groupingUser.user, ...groupingUser.admin],\n      [USER_TYPES.APPLICATION]: groupingUser.application,\n      [USER_TYPES.APPLIANCE]: groupingUser.appliance\n    }\n\n    return html`\n      ${this.userCreatable\n        ? html`<create-user\n            @create-user=${async event => {\n              const user = event.detail\n              user.userType = 'user'\n\n              await this.createUser(user)\n            }}\n          ></create-user>`\n        : ''}\n      <quick-find-list\n        id=\"user-list\"\n        .data=${userSet}\n        @tabChanged=${e => (this.currentTab = e.detail.currentTabKey)}\n        .headerRenderer=${user => {\n          return html`\n            ${!user.activated\n              ? html`\n                  <md-icon>do_disturb</md-icon>\n                  ${user.name}\n                `\n              : html` ${user.owner ? html` <md-icon>supervisor_account</md-icon> ` : ''} ${user.name} `}\n          `\n        }}\n        .contentRenderer=${user =>\n          html` <user-role-editor\n            .user=${user}\n            .domainOwner=${this.owner}\n            .activate=${user.activated}\n            @userUpdated=${this.refreshUsers.bind(this)}\n            @ownershipTransferred=${this.refreshUsers.bind(this)}\n            .passwordResettable=${this.passwordResettable}\n          ></user-role-editor>`}\n      ></quick-find-list>\n    `\n  }\n\n  async pageUpdated(changes, lifecycle, before) {\n    if (this.active) {\n      this.refreshUsers()\n      this.checkPasswordResettable()\n      this.checkUserCreatable()\n    }\n  }\n\n  async refreshUsers() {\n    const domainUsersResp = await client.query({\n      query: gql`\n        query {\n          users {\n            items {\n              id\n              name\n              email\n              userType\n              status\n              owner\n            }\n          }\n        }\n      `,\n      context: gqlContext()\n    })\n\n    if (!domainUsersResp.errors?.length) {\n      this.domainUsers = domainUsersResp.data.users.items || []\n      this.owner = this.domainUsers.filter(user => user.owner)[0] || {}\n      this.userListElement?.close()\n    }\n  }\n\n  async checkPasswordResettable() {\n    const response = await client.query({\n      query: gql`\n        query {\n          checkResettablePasswordToDefault\n        }\n      `\n    })\n\n    if (!response.errors) {\n      this.passwordResettable = response.data.checkResettablePasswordToDefault\n    }\n  }\n\n  async checkUserCreatable() {\n    const response = await client.query({\n      query: gql`\n        query {\n          checkDefaultPassword\n        }\n      `\n    })\n\n    if (!response.errors) {\n      this.userCreatable = response.data.checkDefaultPassword\n    }\n  }\n\n  async createUser(user) {\n    if (\n      await OxPrompt.open({\n        title: i18next.t('text.are_you_sure'),\n        text: i18next.t('text.are_you_sure_to_x_user', { x: i18next.t('button.create') }),\n        confirmButton: { text: i18next.t('button.confirm') },\n        cancelButton: { text: i18next.t('button.cancel') }\n      })\n    ) {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation createUser($user: NewUser!) {\n            createUser(user: $user) {\n              name\n            }\n          }\n        `,\n        variables: { user },\n        context: gqlContext()\n      })\n\n      if (!response.errors) {\n        await OxPrompt.open({\n          title: i18next.t('text.completed'),\n          confirmButton: { text: i18next.t('button.confirm') }\n        })\n\n        await this.refreshUsers()\n      }\n    }\n  }\n\n  showToast(message) {\n    document.dispatchEvent(new CustomEvent('notify', { detail: { message, option: { timer: 1000 } } }))\n  }\n}\n"]}

package/dist-client/route.d.ts

@@ -0,0 +1 @@
+export default function route(page: string): "/dashboard" | "users" | undefined;

package/dist-client/route.js

@@ -0,0 +1,10 @@
+export default function route(page) {
+    switch (page) {
+        case '':
+            return '/dashboard';
+        case 'users':
+            import('./pages/sv-user-management');
+            return page;
+    }
+}
+//# sourceMappingURL=route.js.map

package/dist-client/route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.js","sourceRoot":"","sources":["../client/route.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,IAAY;IACxC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,EAAE;YACL,OAAO,YAAY,CAAA;QAErB,KAAK,OAAO;YACV,MAAM,CAAC,4BAA4B,CAAC,CAAA;YACpC,OAAO,IAAI,CAAA;IACf,CAAC;AACH,CAAC","sourcesContent":["export default function route(page: string) {\n  switch (page) {\n    case '':\n      return '/dashboard'\n\n    case 'users':\n      import('./pages/sv-user-management')\n      return page\n  }\n}\n"]}

package/dist-client/themes/dark.css

@@ -0,0 +1,51 @@
+.dark {
+  --md-sys-color-primary: rgb(174 198 255);
+  --md-sys-color-surface-tint: rgb(174 198 255);
+  --md-sys-color-on-primary: rgb(17 47 96);
+  --md-sys-color-primary-container: rgb(44 70 120);
+  --md-sys-color-on-primary-container: rgb(216 226 255);
+  --md-sys-color-secondary: rgb(191 198 220);
+  --md-sys-color-on-secondary: rgb(41 48 65);
+  --md-sys-color-secondary-container: rgb(63 71 89);
+  --md-sys-color-on-secondary-container: rgb(219 226 249);
+  --md-sys-color-tertiary: rgb(222 188 223);
+  --md-sys-color-on-tertiary: rgb(64 40 67);
+  --md-sys-color-tertiary-container: rgb(88 62 91);
+  --md-sys-color-on-tertiary-container: rgb(252 215 251);
+  --md-sys-color-error: rgb(255 180 171);
+  --md-sys-color-on-error: rgb(105 0 5);
+  --md-sys-color-error-container: rgb(147 0 10);
+  --md-sys-color-on-error-container: rgb(255 218 214);
+  --md-sys-color-background: rgb(17 19 24);
+  --md-sys-color-on-background: rgb(226 226 233);
+  --md-sys-color-surface: rgb(17 19 24);
+  --md-sys-color-on-surface: rgb(226 226 233);
+  --md-sys-color-surface-variant: rgb(68 71 79);
+  --md-sys-color-on-surface-variant: rgb(197 198 208);
+  --md-sys-color-outline: rgb(142 144 153);
+  --md-sys-color-outline-variant: rgb(68 71 79);
+  --md-sys-color-shadow: rgb(0 0 0);
+  --md-sys-color-scrim: rgb(0 0 0);
+  --md-sys-color-inverse-surface: rgb(226 226 233);
+  --md-sys-color-inverse-on-surface: rgb(47 48 54);
+  --md-sys-color-inverse-primary: rgb(68 94 145);
+  --md-sys-color-primary-fixed: rgb(216 226 255);
+  --md-sys-color-on-primary-fixed: rgb(0 26 66);
+  --md-sys-color-primary-fixed-dim: rgb(174 198 255);
+  --md-sys-color-on-primary-fixed-variant: rgb(44 70 120);
+  --md-sys-color-secondary-fixed: rgb(219 226 249);
+  --md-sys-color-on-secondary-fixed: rgb(20 27 44);
+  --md-sys-color-secondary-fixed-dim: rgb(191 198 220);
+  --md-sys-color-on-secondary-fixed-variant: rgb(63 71 89);
+  --md-sys-color-tertiary-fixed: rgb(252 215 251);
+  --md-sys-color-on-tertiary-fixed: rgb(41 19 45);
+  --md-sys-color-tertiary-fixed-dim: rgb(222 188 223);
+  --md-sys-color-on-tertiary-fixed-variant: rgb(88 62 91);
+  --md-sys-color-surface-dim: rgb(17 19 24);
+  --md-sys-color-surface-bright: rgb(55 57 62);
+  --md-sys-color-surface-container-lowest: rgb(12 14 19);
+  --md-sys-color-surface-container-low: rgb(26 27 32);
+  --md-sys-color-surface-container: rgb(30 31 37);
+  --md-sys-color-surface-container-high: rgb(40 42 47);
+  --md-sys-color-surface-container-highest: rgb(51 53 58);
+}