@things-factory/operato-board 6.2.102 → 6.2.103

package/dist-client/bootstrap.d.ts

@@ -0,0 +1,8 @@
+import '@things-factory/notification';
+import '@things-factory/board-ui';
+import '@operato/help/ox-help-panel.js';
+import '@operato/i18n/ox-i18n.js';
+import '@things-factory/auth-ui/dist-client';
+import './viewparts/menu-tools';
+import '@things-factory/setting-ui';
+export default function bootstrap(): Promise<void>;

package/dist-client/bootstrap.js

@@ -0,0 +1,227 @@
+import '@things-factory/notification';
+import '@things-factory/board-ui';
+import '@operato/help/ox-help-panel.js';
+import '@operato/i18n/ox-i18n.js';
+import '@things-factory/auth-ui/dist-client'; /* for domain-switch */
+import './viewparts/menu-tools';
+import '@things-factory/setting-ui'; /* secure-iplist-setting-let */
+import { html } from 'lit-html';
+import { registerDefaultGroups } from '@operato/board/register-default-groups.js';
+import { appendViewpart, toggleOverlay, TOOL_POSITION, updateViewpart, VIEWPART_LEVEL, VIEWPART_POSITION } from '@operato/layout';
+import { hasPrivilege } from '@things-factory/auth-base/dist-client';
+import { APPEND_APP_TOOL } from '@things-factory/apptool-base';
+import { setupAppToolPart } from '@things-factory/apptool-ui';
+import { setAuthManagementMenus } from '@things-factory/auth-ui';
+import { setupContextUIPart } from '@things-factory/context-ui';
+import { ADD_MORENDA, ADD_MORENDA_TAIL } from '@things-factory/more-base';
+import { ADD_SETTING } from '@things-factory/setting-base';
+import { navigate, store, UPDATE_BASE_URL } from '@operato/shell';
+export default async function bootstrap() {
+    var _a;
+    /*
+      set board-modeller group and default templates - should be called befor BoardModeller open
+    */
+    registerDefaultGroups();
+    await setupAppToolPart({
+        toolbar: true,
+        busybar: true,
+        mdibar: false
+    });
+    await setupContextUIPart({
+        titlebar: 'header',
+        contextToolbar: 'page-footer'
+    });
+    store.dispatch({
+        type: UPDATE_BASE_URL
+    });
+    /* append top-menu to layout */
+    var state = store.getState();
+    var width = ((_a = state.layout) === null || _a === void 0 ? void 0 : _a.width) || 'WIDE';
+    appendViewpart({
+        name: 'board-topmenu',
+        viewpart: {
+            show: true,
+            template: html ` <menu-tools></menu-tools> `
+        },
+        position: width == 'WIDE' ? VIEWPART_POSITION.NAVBAR : VIEWPART_POSITION.FOOTERBAR
+    });
+    store.subscribe(async () => {
+        var state = store.getState();
+        if (state.layout.width == width) {
+            return;
+        }
+        width = state.layout.width;
+        updateViewpart('board-topmenu', {
+            position: width == 'WIDE' ? VIEWPART_POSITION.NAVBAR : VIEWPART_POSITION.FOOTERBAR,
+            level: VIEWPART_LEVEL.TOPMOST
+        });
+    });
+    /* add setting morenda */
+    store.dispatch({
+        type: ADD_MORENDA,
+        morenda: {
+            icon: html ` <mwc-icon>settings</mwc-icon> `,
+            name: html ` <ox-i18n msgid="label.setting"></ox-i18n> `,
+            action: () => {
+                navigate('setting');
+            }
+        }
+    });
+    setAuthManagementMenus();
+    if (await hasPrivilege({ privilege: 'mutation', category: 'user', domainOwnerGranted: true, superUserGranted: true })) {
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <mwc-icon>vpn_key</mwc-icon> `,
+                name: html ` <ox-i18n msgid="text.oauth2-clients"></ox-i18n> `,
+                action: () => {
+                    navigate('oauth2-clients');
+                }
+            }
+        });
+    }
+    store.dispatch({
+        type: ADD_MORENDA,
+        morenda: {
+            icon: html ` <mwc-icon>extension</mwc-icon> `,
+            name: html ` <ox-i18n msgid="text.api-sandbox"></ox-i18n> `,
+            action: () => {
+                navigate('api-swagger');
+            }
+        }
+    });
+    store.dispatch({
+        type: ADD_MORENDA,
+        morenda: {
+            icon: html ` <mwc-icon>hub</mwc-icon> `,
+            name: html ` <ox-i18n msgid="text.integration analysis"></ox-i18n>&nbsp;(beta)`,
+            action: () => {
+                navigate('integration-analysis');
+            }
+        }
+    });
+    store.dispatch({
+        type: ADD_MORENDA,
+        morenda: {
+            icon: html ` <mwc-icon>help</mwc-icon> `,
+            name: html ` <ox-i18n msgid="text.help"></ox-i18n> `,
+            action: () => {
+                navigate('help');
+            }
+        }
+    });
+    if (await hasPrivilege({ privilege: 'mutation', category: 'state-register', domainOwnerGranted: true })) {
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <mwc-icon>app_registration</mwc-icon> `,
+                name: html ` <ox-i18n msgid="title.state-register"></ox-i18n> `,
+                action: () => {
+                    navigate('state-register-page');
+                }
+            }
+        });
+    }
+    if (await hasPrivilege({ privilege: 'mutation', category: 'board', domainOwnerGranted: true })) {
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <mwc-icon>font_download</mwc-icon> `,
+                name: html ` <ox-i18n msgid="menu.fonts"></ox-i18n> `,
+                action: () => {
+                    navigate('font-list');
+                }
+            }
+        });
+        // store.dispatch({
+        //   type: ADD_MORENDA,
+        //   morenda: {
+        //     icon: html` <mwc-icon>draw</mwc-icon> `,
+        //     name: html` <ox-i18n msgid="text.theme"></ox-i18n> `,
+        //     action: () => {
+        //       navigate('theme-list')
+        //     }
+        //   }
+        // })
+    }
+    // store.dispatch({
+    //   type: ADD_MORENDA,
+    //   morenda: {
+    //     icon: html` <mwc-icon>dashboard</mwc-icon> `,
+    //     name: html` <ox-i18n msgid="menu.board-template"></ox-i18n> `,
+    //     action: () => {
+    //       navigate('board-template-list')
+    //     }
+    //   }
+    // })
+    store.dispatch({
+        type: ADD_MORENDA_TAIL,
+        template: html ` <domain-switch slot="tail"></domain-switch> `
+    });
+    /* append favorite tool to app-tools */
+    var acceptedPages = ['board-viewer'];
+    store.dispatch({
+        type: APPEND_APP_TOOL,
+        tool: {
+            name: 'favorite-tool',
+            template: html ` <favorite-tool .acceptedPages=${acceptedPages}></favorite-tool> `,
+            position: TOOL_POSITION.REAR
+        }
+    });
+    /* setting app-tools */
+    store.dispatch({
+        type: APPEND_APP_TOOL,
+        tool: {
+            name: 'notification-badge',
+            template: html `
+        <notification-badge
+          @click=${e => {
+                toggleOverlay('notification', {
+                    backdrop: true
+                });
+            }}
+        >
+        </notification-badge>
+      `,
+            position: TOOL_POSITION.REAR
+        }
+    });
+    appendViewpart({
+        name: 'notification',
+        viewpart: {
+            show: false,
+            hovering: 'edge',
+            template: html ` <notification-list style="min-width: 300px;"></notification-list> `
+        },
+        position: VIEWPART_POSITION.ASIDEBAR
+    });
+    store.dispatch({
+        type: ADD_SETTING,
+        setting: {
+            seq: 20,
+            template: html ` <notification-setting-let></notification-setting-let> `
+        }
+    });
+    store.dispatch({
+        type: ADD_SETTING,
+        setting: {
+            seq: 21,
+            template: html ` <board-view-setting-let></board-view-setting-let> `
+        }
+    });
+    if (await hasPrivilege({
+        privilege: 'mutation',
+        category: 'security',
+        domainOwnerGranted: true,
+        superUserGranted: true
+    })) {
+        store.dispatch({
+            type: ADD_SETTING,
+            setting: {
+                seq: 31,
+                template: html ` <secure-iplist-setting-let></secure-iplist-setting-let> `
+            }
+        });
+    }
+}
+//# sourceMappingURL=bootstrap.js.map

package/dist-client/bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"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","sourcesContent":["import '@things-factory/notification'\nimport '@things-factory/board-ui'\nimport '@operato/help/ox-help-panel.js'\nimport '@operato/i18n/ox-i18n.js'\nimport '@things-factory/auth-ui/dist-client' /* for domain-switch */\nimport './viewparts/menu-tools'\nimport '@things-factory/setting-ui' /* secure-iplist-setting-let */\n\nimport { html } from 'lit-html'\nimport { registerDefaultGroups } from '@operato/board/register-default-groups.js'\nimport {\n  appendViewpart,\n  toggleOverlay,\n  TOOL_POSITION,\n  updateViewpart,\n  VIEWPART_LEVEL,\n  VIEWPART_POSITION\n} from '@operato/layout'\n\nimport { hasPrivilege } from '@things-factory/auth-base/dist-client'\nimport { APPEND_APP_TOOL } from '@things-factory/apptool-base'\nimport { setupAppToolPart } from '@things-factory/apptool-ui'\nimport { setAuthManagementMenus } from '@things-factory/auth-ui'\nimport { setupContextUIPart } from '@things-factory/context-ui'\nimport { ADD_MORENDA, ADD_MORENDA_TAIL } from '@things-factory/more-base'\nimport { ADD_SETTING } from '@things-factory/setting-base'\nimport { navigate, store, UPDATE_BASE_URL } from '@operato/shell'\n\nexport default async function bootstrap() {\n  /* \n    set board-modeller group and default templates - should be called befor BoardModeller open \n  */\n  registerDefaultGroups()\n\n  await setupAppToolPart({\n    toolbar: true,\n    busybar: true,\n    mdibar: false\n  })\n\n  await setupContextUIPart({\n    titlebar: 'header',\n    contextToolbar: 'page-footer'\n  })\n\n  store.dispatch({\n    type: UPDATE_BASE_URL\n  })\n\n  /* append top-menu to layout */\n  var state = store.getState() as any\n  var width = state.layout?.width || 'WIDE'\n\n  appendViewpart({\n    name: 'board-topmenu',\n    viewpart: {\n      show: true,\n      template: html` <menu-tools></menu-tools> `\n    },\n    position: width == 'WIDE' ? VIEWPART_POSITION.NAVBAR : VIEWPART_POSITION.FOOTERBAR\n  })\n\n  store.subscribe(async () => {\n    var state = store.getState() as any\n\n    if (state.layout.width == width) {\n      return\n    }\n\n    width = state.layout.width\n\n    updateViewpart('board-topmenu', {\n      position: width == 'WIDE' ? VIEWPART_POSITION.NAVBAR : VIEWPART_POSITION.FOOTERBAR,\n      level: VIEWPART_LEVEL.TOPMOST\n    })\n  })\n\n  /* add setting morenda */\n  store.dispatch({\n    type: ADD_MORENDA,\n    morenda: {\n      icon: html` <mwc-icon>settings</mwc-icon> `,\n      name: html` <ox-i18n msgid=\"label.setting\"></ox-i18n> `,\n      action: () => {\n        navigate('setting')\n      }\n    }\n  })\n\n  setAuthManagementMenus()\n\n  if (\n    await hasPrivilege({ privilege: 'mutation', category: 'user', domainOwnerGranted: true, superUserGranted: true })\n  ) {\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <mwc-icon>vpn_key</mwc-icon> `,\n        name: html` <ox-i18n msgid=\"text.oauth2-clients\"></ox-i18n> `,\n        action: () => {\n          navigate('oauth2-clients')\n        }\n      }\n    })\n  }\n\n  store.dispatch({\n    type: ADD_MORENDA,\n    morenda: {\n      icon: html` <mwc-icon>extension</mwc-icon> `,\n      name: html` <ox-i18n msgid=\"text.api-sandbox\"></ox-i18n> `,\n      action: () => {\n        navigate('api-swagger')\n      }\n    }\n  })\n\n  store.dispatch({\n    type: ADD_MORENDA,\n    morenda: {\n      icon: html` <mwc-icon>hub</mwc-icon> `,\n      name: html` <ox-i18n msgid=\"text.integration analysis\"></ox-i18n>&nbsp;(beta)`,\n      action: () => {\n        navigate('integration-analysis')\n      }\n    }\n  })\n\n  store.dispatch({\n    type: ADD_MORENDA,\n    morenda: {\n      icon: html` <mwc-icon>help</mwc-icon> `,\n      name: html` <ox-i18n msgid=\"text.help\"></ox-i18n> `,\n      action: () => {\n        navigate('help')\n      }\n    }\n  })\n\n  if (await hasPrivilege({ privilege: 'mutation', category: 'state-register', domainOwnerGranted: true })) {\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <mwc-icon>app_registration</mwc-icon> `,\n        name: html` <ox-i18n msgid=\"title.state-register\"></ox-i18n> `,\n        action: () => {\n          navigate('state-register-page')\n        }\n      }\n    })\n  }\n\n  if (await hasPrivilege({ privilege: 'mutation', category: 'board', domainOwnerGranted: true })) {\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <mwc-icon>font_download</mwc-icon> `,\n        name: html` <ox-i18n msgid=\"menu.fonts\"></ox-i18n> `,\n        action: () => {\n          navigate('font-list')\n        }\n      }\n    })\n\n    // store.dispatch({\n    //   type: ADD_MORENDA,\n    //   morenda: {\n    //     icon: html` <mwc-icon>draw</mwc-icon> `,\n    //     name: html` <ox-i18n msgid=\"text.theme\"></ox-i18n> `,\n    //     action: () => {\n    //       navigate('theme-list')\n    //     }\n    //   }\n    // })\n  }\n\n  // store.dispatch({\n  //   type: ADD_MORENDA,\n  //   morenda: {\n  //     icon: html` <mwc-icon>dashboard</mwc-icon> `,\n  //     name: html` <ox-i18n msgid=\"menu.board-template\"></ox-i18n> `,\n  //     action: () => {\n  //       navigate('board-template-list')\n  //     }\n  //   }\n  // })\n\n  store.dispatch({\n    type: ADD_MORENDA_TAIL,\n    template: html` <domain-switch slot=\"tail\"></domain-switch> `\n  })\n\n  /* append favorite tool to app-tools */\n  var acceptedPages = ['board-viewer']\n\n  store.dispatch({\n    type: APPEND_APP_TOOL,\n    tool: {\n      name: 'favorite-tool',\n      template: html` <favorite-tool .acceptedPages=${acceptedPages}></favorite-tool> `,\n      position: TOOL_POSITION.REAR\n    }\n  })\n\n  /* setting app-tools */\n  store.dispatch({\n    type: APPEND_APP_TOOL,\n    tool: {\n      name: 'notification-badge',\n      template: html`\n        <notification-badge\n          @click=${e => {\n            toggleOverlay('notification', {\n              backdrop: true\n            })\n          }}\n        >\n        </notification-badge>\n      `,\n      position: TOOL_POSITION.REAR\n    }\n  })\n\n  appendViewpart({\n    name: 'notification',\n    viewpart: {\n      show: false,\n      hovering: 'edge',\n      template: html` <notification-list style=\"min-width: 300px;\"></notification-list> `\n    },\n    position: VIEWPART_POSITION.ASIDEBAR\n  })\n\n  store.dispatch({\n    type: ADD_SETTING,\n    setting: {\n      seq: 20,\n      template: html` <notification-setting-let></notification-setting-let> `\n    }\n  })\n\n  store.dispatch({\n    type: ADD_SETTING,\n    setting: {\n      seq: 21,\n      template: html` <board-view-setting-let></board-view-setting-let> `\n    }\n  })\n\n  if (\n    await hasPrivilege({\n      privilege: 'mutation',\n      category: 'security',\n      domainOwnerGranted: true,\n      superUserGranted: true\n    })\n  ) {\n    store.dispatch({\n      type: ADD_SETTING,\n      setting: {\n        seq: 31,\n        template: html` <secure-iplist-setting-let></secure-iplist-setting-let> `\n      }\n    })\n  }\n}\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/pages/app-board-player-page.d.ts

@@ -0,0 +1,6 @@
+export class AppBoardPlayerPage {
+    get context(): {
+        title: any;
+        screencastable: boolean;
+    };
+}

package/dist-client/pages/app-board-player-page.js

@@ -0,0 +1,11 @@
+import { BoardPlayerPage } from '@things-factory/board-ui';
+export class AppBoardPlayerPage extends BoardPlayerPage {
+    get context() {
+        return {
+            title: super.context.title,
+            screencastable: true
+        };
+    }
+}
+customElements.define('app-board-player-page', AppBoardPlayerPage);
+//# sourceMappingURL=app-board-player-page.js.map

package/dist-client/pages/app-board-player-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-board-player-page.js","sourceRoot":"","sources":["../../client/pages/app-board-player-page.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,MAAM,OAAO,kBAAmB,SAAQ,eAAe;IACrD,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;YAC1B,cAAc,EAAE,IAAI;SACrB,CAAA;IACH,CAAC;CACF;AAED,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,kBAAkB,CAAC,CAAA","sourcesContent":["import { BoardPlayerPage } from '@things-factory/board-ui'\n\nexport class AppBoardPlayerPage extends BoardPlayerPage {\n  get context() {\n    return {\n      title: super.context.title,\n      screencastable: true\n    }\n  }\n}\n\ncustomElements.define('app-board-player-page', AppBoardPlayerPage)\n"]}

package/dist-client/pages/app-board-viewer-page.d.ts

@@ -0,0 +1,5 @@
+export class AppBoardViewerPage {
+    get context(): {
+        title: any;
+    };
+}

package/dist-client/pages/app-board-viewer-page.js

@@ -0,0 +1,26 @@
+import { BoardViewerPage } from '@things-factory/board-ui';
+export class AppBoardViewerPage extends BoardViewerPage {
+    get context() {
+        return {
+            title: super.context.title
+            // printable: {
+            //   accept: ['label', 'usb', 'zebra-browser-print'],
+            //   name: this._board && this._board.name,
+            //   content: () => {
+            //     return this.getGrf()
+            //   },
+            //   options: {}
+            // },
+            // screencastable: true,
+            // exportable: {
+            //   accept: ['json'],
+            //   name: this._board && this._board.name,
+            //   data: () => {
+            //     return this._board.model
+            //   }
+            // }
+        };
+    }
+}
+customElements.define('app-board-viewer-page', AppBoardViewerPage);
+//# sourceMappingURL=app-board-viewer-page.js.map

package/dist-client/pages/app-board-viewer-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-board-viewer-page.js","sourceRoot":"","sources":["../../client/pages/app-board-viewer-page.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,MAAM,OAAO,kBAAmB,SAAQ,eAAe;IACrD,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;YAC1B,eAAe;YACf,qDAAqD;YACrD,2CAA2C;YAC3C,qBAAqB;YACrB,2BAA2B;YAC3B,OAAO;YACP,gBAAgB;YAChB,KAAK;YACL,wBAAwB;YACxB,gBAAgB;YAChB,sBAAsB;YACtB,2CAA2C;YAC3C,kBAAkB;YAClB,+BAA+B;YAC/B,MAAM;YACN,IAAI;SACL,CAAA;IACH,CAAC;CACF;AAED,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,kBAAkB,CAAC,CAAA","sourcesContent":["import { BoardViewerPage } from '@things-factory/board-ui'\n\nexport class AppBoardViewerPage extends BoardViewerPage {\n  get context() {\n    return {\n      title: super.context.title\n      // printable: {\n      //   accept: ['label', 'usb', 'zebra-browser-print'],\n      //   name: this._board && this._board.name,\n      //   content: () => {\n      //     return this.getGrf()\n      //   },\n      //   options: {}\n      // },\n      // screencastable: true,\n      // exportable: {\n      //   accept: ['json'],\n      //   name: this._board && this._board.name,\n      //   data: () => {\n      //     return this._board.model\n      //   }\n      // }\n    }\n  }\n}\n\ncustomElements.define('app-board-viewer-page', AppBoardViewerPage)\n"]}

package/dist-client/pages/connection-list-page.d.ts

@@ -0,0 +1,30 @@
+import { Connection } from '@things-factory/integration-ui/dist-client/pages/connection';
+export declare class ConnectionListPage extends Connection {
+    get context(): {
+        board_topmenu: boolean;
+        title: string;
+        search: {
+            handler: (search: any) => void;
+            value: string;
+        };
+        help: string;
+        actions: {
+            icon: string;
+            emphasis: {
+                raised: boolean;
+                outlined: boolean;
+                dense: boolean;
+                danger: boolean;
+            };
+            title: string;
+            action: (name: any) => Promise<void>;
+        }[];
+        exportable: {
+            name: string;
+            data: () => Promise<{}[]>;
+        };
+        importable: {
+            handler: (records: any) => Promise<void>;
+        };
+    };
+}

package/dist-client/pages/connection-list-page.js

@@ -0,0 +1,13 @@
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { Connection } from '@things-factory/integration-ui/dist-client/pages/connection';
+let ConnectionListPage = class ConnectionListPage extends Connection {
+    get context() {
+        return Object.assign(Object.assign({}, super.context), { board_topmenu: true });
+    }
+};
+ConnectionListPage = __decorate([
+    customElement('connection-list-page')
+], ConnectionListPage);
+export { ConnectionListPage };
+//# sourceMappingURL=connection-list-page.js.map

package/dist-client/pages/connection-list-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connection-list-page.js","sourceRoot":"","sources":["../../client/pages/connection-list-page.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAA;AAGjF,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAChD,IAAI,OAAO;QACT,uCACK,KAAK,CAAC,OAAO,KAChB,aAAa,EAAE,IAAI,IACpB;IACH,CAAC;CACF,CAAA;AAPY,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAO9B;SAPY,kBAAkB","sourcesContent":["import { customElement } from 'lit/decorators.js'\nimport { Connection } from '@things-factory/integration-ui/dist-client/pages/connection'\n\n@customElement('connection-list-page')\nexport class ConnectionListPage extends Connection {\n  get context() {\n    return {\n      ...super.context,\n      board_topmenu: true\n    }\n  }\n}\n"]}

package/dist-client/pages/scenario-list-page.d.ts

@@ -0,0 +1,30 @@
+export class ScenarioListPage extends Scenario {
+    get context(): {
+        board_topmenu: boolean;
+        title: string;
+        search: {
+            handler: (search: any) => void;
+            value: string;
+        };
+        help: string;
+        actions: {
+            icon: string;
+            emphasis: {
+                raised: boolean;
+                outlined: boolean;
+                dense: boolean;
+                danger: boolean;
+            };
+            title: string;
+            action: () => void;
+        }[];
+        exportable: {
+            name: string;
+            data: () => Promise<{}[]>;
+        };
+        importable: {
+            handler: (records: any) => Promise<void>;
+        };
+    };
+}
+import { Scenario } from "@things-factory/integration-ui/dist-client/pages/scenario.js";

package/dist-client/pages/scenario-list-page.js

@@ -0,0 +1,8 @@
+import { Scenario } from '@things-factory/integration-ui/dist-client/pages/scenario.js';
+export class ScenarioListPage extends Scenario {
+    get context() {
+        return Object.assign(Object.assign({}, super.context), { board_topmenu: true });
+    }
+}
+customElements.define('scenario-list-page', ScenarioListPage);
+//# sourceMappingURL=scenario-list-page.js.map

package/dist-client/pages/scenario-list-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scenario-list-page.js","sourceRoot":"","sources":["../../client/pages/scenario-list-page.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,8DAA8D,CAAA;AAEvF,MAAM,OAAO,gBAAiB,SAAQ,QAAQ;IAC5C,IAAI,OAAO;QACT,uCACK,KAAK,CAAC,OAAO,KAChB,aAAa,EAAE,IAAI,IACpB;IACH,CAAC;CACF;AAED,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAA","sourcesContent":["import { Scenario } from '@things-factory/integration-ui/dist-client/pages/scenario.js'\n\nexport class ScenarioListPage extends Scenario {\n  get context() {\n    return {\n      ...super.context,\n      board_topmenu: true\n    }\n  }\n}\n\ncustomElements.define('scenario-list-page', ScenarioListPage)\n"]}

package/dist-client/route.d.ts

@@ -0,0 +1 @@
+export default function route(page: any): any;

package/dist-client/route.js

@@ -0,0 +1,22 @@
+export default function route(page) {
+    switch (page) {
+        case '':
+            /* board-list 페이지를 default page로 한다. */
+            return '/board-list';
+        case 'board-viewer':
+            /* overide board-viewer */
+            import('./pages/app-board-viewer-page');
+            return page;
+        case 'board-player':
+            /* overide board-player */
+            import('./pages/app-board-player-page');
+            return page;
+        case 'connection-list':
+            import('./pages/connection-list-page');
+            return page;
+        case 'scenario-list':
+            import('./pages/scenario-list-page');
+            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,IAAI;IAChC,QAAQ,IAAI,EAAE;QACZ,KAAK,EAAE;YACL,uCAAuC;YACvC,OAAO,aAAa,CAAA;QAEtB,KAAK,cAAc;YACjB,0BAA0B;YAC1B,MAAM,CAAC,+BAA+B,CAAC,CAAA;YACvC,OAAO,IAAI,CAAA;QAEb,KAAK,cAAc;YACjB,0BAA0B;YAC1B,MAAM,CAAC,+BAA+B,CAAC,CAAA;YACvC,OAAO,IAAI,CAAA;QAEb,KAAK,iBAAiB;YACpB,MAAM,CAAC,8BAA8B,CAAC,CAAA;YACtC,OAAO,IAAI,CAAA;QAEb,KAAK,eAAe;YAClB,MAAM,CAAC,4BAA4B,CAAC,CAAA;YACpC,OAAO,IAAI,CAAA;KACd;AACH,CAAC","sourcesContent":["export default function route(page) {\n  switch (page) {\n    case '':\n      /* board-list 페이지를 default page로 한다. */\n      return '/board-list'\n\n    case 'board-viewer':\n      /* overide board-viewer */\n      import('./pages/app-board-viewer-page')\n      return page\n\n    case 'board-player':\n      /* overide board-player */\n      import('./pages/app-board-player-page')\n      return page\n\n    case 'connection-list':\n      import('./pages/connection-list-page')\n      return page\n\n    case 'scenario-list':\n      import('./pages/scenario-list-page')\n      return page\n  }\n}\n"]}

package/dist-client/themes/app-theme.css

@@ -0,0 +1,145 @@
+body {
+  /* theme color */
+  --primary-color-rgb: 130, 105, 96;
+  --primary-color: rgb(var(--primary-color-rgb));
+  --secondary-color-rgb: 78, 78, 90;
+  --secondary-color: rgb(var(--secondary-color-rgb));
+  --focus-color: var(--theme-white-color);
+  --primary-background-color: var(--secondary-color);
+  --secondary-background-color: #283644;
+  --main-section-background-color: #f5f2ee;
+  --theme-white-color: #fff;
+  --theme-black-color: rgba(0, 0, 0, 0.9);
+
+  --focus-background-color: var(--primary-color);
+  --primary-text-color: #3c3938;
+  --secondary-text-color: var(--primary-color);
+
+  --opacity-dark-color: rgba(0, 0, 0, 0.4);
+  --opacity-light-color: rgba(255, 255, 255, 0.8);
+
+  /* status color */
+  --status-success-color: #35a24a;
+  --status-warning-color: #ee8d03;
+  --status-danger-color: #d14946;
+  --status-info-color: #398ace;
+
+  /* common style */
+  --border-radius: 4px;
+  --border-dark-color: 1px solid rgba(0, 0, 0, 0.15);
+  --border-light-color: 1px solid rgba(255, 255, 255, 0.3);
+
+  --box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
+
+  --theme-font: 'Noto', Helvetica;
+
+  --margin-default: 9px;
+  --margin-narrow: 4px;
+  --margin-wide: 15px;
+  --padding-default: var(--margin-default);
+  --padding-narrow: var(--margin-narrow);
+  --padding-wide: var(--margin-wide);
+
+  --scrollbar-thumb-color: rgba(57, 78, 100, 0.5);
+  --scrollbar-thumb-hover-color: var(--primary-color);
+
+  --fontsize-default: 14px;
+  --fontsize-small: 13px;
+  --fontsize-large: 16px;
+
+  /* app layout style */
+  --app-grid-template-area: 'header header header' 'nav main aside' 'nav footer aside';
+
+  /* title & description style */
+  --title-margin: var(--margin-narrow) 0;
+  --title-font: bold 24px var(--theme-font);
+  --title-text-color: var(--secondary-color);
+  --title-font-mobile: bold 20px var(--theme-font);
+
+  --page-description-margin: var(--margin-narrow) 0 var(--margin-wide) 0;
+  --page-description-font: normal var(--fontsize-default) / 1.2rem var(--theme-font);
+  --page-description-color: var(--secondary-text-color);
+
+  --subtitle-padding: 12px 5px 3px 5px;
+  --subtitle-font: bold 18px var(--theme-font);
+  --subtitle-text-color: var(--primary-color);
+  --subtitle-border-bottom: 1px solid var(--primary-color);
+
+  /* icon style */
+  --icon-tiny-size: 24px;
+  --icon-default-size: 36px;
+  --icon-big-size: 48px;
+  --icon-default-color: var(--theme-white-color);
+
+  /* material design component themes */
+  --mdc-theme-on-primary: var(--theme-white-color);
+  --mdc-theme-primary: var(--secondary-text-color);
+  --mdc-theme-on-secondary: var(--theme-white-color);
+  --mdc-theme-secondary: var(--primary-color);
+  --mdc-button-outline-color: var(--primary-color);
+  --mdc-danger-button-primary-color: var(--status-danger-color);
+  --mdc-danger-button-outline-color: var(--status-danger-color);
+  --mdc-button-outline-width: 1px;
+  --mdc-button-horizontal-padding: 16px;
+
+  /* button style */
+  --button-background-color: #fafbfc;
+  --button-background-focus-color: var(--primary-color);
+  --button-border: var(--border-dark-color);
+  --button-border-radius: var(--border-radius);
+  --button-margin: var(--margin-default) var(--margin-default) var(--margin-default) 0;
+  --button-padding: var(--padding-default);
+  --button-color: var(--secondary-color);
+  --button-font: normal 15px var(--theme-font);
+  --button-text-transform: capitalize;
+  --button-active-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
+  --button-activ-border: 1px solid var(--primary-color);
+
+  --button-primary-background-color: var(--primary-color);
+  --button-primary-active-background-color: var(--status-success-color);
+  --button-primary-padding: var(--margin-default) var(--margin-wide);
+  --button-primary-color: var(--theme-white-color);
+  --button-primary-font: bold 16px var(--theme-font);
+
+  /* table style */
+  --th-padding: var(--padding-default);
+  --th-border-top: 2px solid var(--secondary-color);
+  --th-text-transform: capitalize;
+  --th-font: bold var(--fontsize-small) var(--theme-font);
+  --th-color: rgba(var(--secondary-color-rgb), 0.8);
+
+  --tr-background-color: var(--theme-white-color);
+  --tr-background-odd-color: rgba(255, 255, 255, 0.4);
+  --tr-background-hover-color: #e1f5fe;
+  --td-border-line: 1px solid rgba(0, 0, 0, 0.05);
+  --td-border-bottom: 1px solid rgba(0, 0, 0, 0.09);
+  --td-padding: var(--padding-default);
+  --td-font: normal 13px var(--theme-font);
+  --td-color: var(--secondary-color);
+
+  --label-cell-background-color: #f6f6f6; /* th or td common background color */
+
+  /* form style */
+  --label-font: normal var(--fontsize-default) var(--theme-font);
+  --label-color: var(--secondary-color);
+  --label-text-transform: capitalize;
+  --input-margin: var(--margin-narrow) 0;
+  --input-padding: var(--padding-default);
+  --input-min-width: 200px;
+  --input-font: normal var(--fontsize-default) var(--theme-font);
+  --input-hint-font: normal var(--fontsize-small) var(--theme-font);
+  --input-hint-color: #666;
+  --input-container-max-width: 900px;
+  --fieldset-margin: var(--padding-wide) 0;
+  --fieldset-padding: 0 var(--padding-wide) var(--padding-wide) var(--padding-wide);
+  --legend-padding: var(--padding-default) 0;
+  --legend-color: var(--secondary-text-color);
+  --legend-font: bold 16px var(--theme-font);
+}
+
+@media only screen and (max-width: 460px) {
+  body {
+    /* subtitle style */
+    --subtitle-margin: 0;
+  }
+}

package/dist-client/themes/board-app-menu-tools-theme.css

@@ -0,0 +1,6 @@
+body {
+  --menu-tools-background-color: rgba(var(--secondary-color-rgb), 0.6);
+  --menu-tools-iconbutton-size: var(--icon-tiny-size);
+  --menu-tools-color: rgba(255, 255, 255, 0.7);
+  --menu-tools-active-color: var(--google-yellow-100);
+}