@fmsim/layout-view 0.0.49

package/dist-client/board-provider.d.ts

@@ -0,0 +1,3 @@
+import { ReferenceMap, Scene } from '@hatiolab/things-scene';
+export declare function createBoardProvider(): ReferenceMap<Scene>;
+export declare const provider: ReferenceMap<Scene>;

package/dist-client/board-provider.js

@@ -0,0 +1,44 @@
+import { create, error, ReferenceMap } from '@hatiolab/things-scene';
+import { DataStorage } from '@fmsim/board';
+import { fetchBoardById } from '@fmsim/api';
+export function createBoardProvider() {
+    var _provider = new ReferenceMap(async (boardId, resolve, reject) => {
+        try {
+            const { board, themes } = (await fetchBoardById(boardId)) || {};
+            const style = themes === null || themes === void 0 ? void 0 : themes.items.reduce((style, theme) => {
+                style[theme.name] = theme.value;
+                return style;
+            }, {});
+            if (!board) {
+                reject(new Error('Failed to get the requested board.'));
+                return;
+            }
+            var model = JSON.parse(board.model);
+            var scene;
+            try {
+                scene = await provider.get(boardId);
+                console.warn('Board fetched more than twice.', boardId);
+            }
+            catch (e) {
+                scene = create({
+                    model,
+                    style,
+                    mode: 0,
+                    refProvider: provider,
+                    dataStorage: new DataStorage(boardId)
+                });
+                // s.app.baseUrl = undefined;
+            }
+            resolve(scene);
+        }
+        catch (e) {
+            error(e);
+            reject(e);
+        }
+    }, async (id, ref) => {
+        ref.dispose();
+    });
+    return _provider;
+}
+export const provider = createBoardProvider();
+//# sourceMappingURL=board-provider.js.map

package/dist-client/board-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"board-provider.js","sourceRoot":"","sources":["../client/board-provider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAS,MAAM,wBAAwB,CAAA;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAE3C,MAAM,UAAU,mBAAmB;IACjC,IAAI,SAAS,GAAG,IAAI,YAAY,CAC9B,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAgB,EAAE;QAC/C,IAAI;YACF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAA;YAC/D,MAAM,KAAK,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBAClD,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAA;gBAC/B,OAAO,KAAK,CAAA;YACd,CAAC,EAAE,EAAE,CAAC,CAAA;YAEN,IAAI,CAAC,KAAK,EAAE;gBACV,MAAM,CAAC,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAC,CAAA;gBACvD,OAAM;aACP;YAED,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;YAEnC,IAAI,KAAY,CAAA;YAEhB,IAAI;gBACF,KAAK,GAAG,MAAM,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;gBACnC,OAAO,CAAC,IAAI,CAAC,gCAAgC,EAAE,OAAO,CAAC,CAAA;aACxD;YAAC,OAAO,CAAC,EAAE;gBACV,KAAK,GAAG,MAAM,CAAC;oBACb,KAAK;oBACL,KAAK;oBACL,IAAI,EAAE,CAAC;oBACP,WAAW,EAAE,QAAe;oBAC5B,WAAW,EAAE,IAAI,WAAW,CAAC,OAAO,CAAC;iBACtC,CAAC,CAAA;gBAEF,6BAA6B;aAC9B;YAED,OAAO,CAAC,KAAK,CAAC,CAAA;SACf;QAAC,OAAO,CAAC,EAAE;YACV,KAAK,CAAC,CAAC,CAAC,CAAA;YACR,MAAM,CAAC,CAAC,CAAC,CAAA;SACV;IACH,CAAC,EACD,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE;QAChB,GAAG,CAAC,OAAO,EAAE,CAAA;IACf,CAAC,CACF,CAAA;IAED,OAAO,SAAS,CAAA;AAClB,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,mBAAmB,EAAE,CAAA","sourcesContent":["import { create, error, ReferenceMap, Scene } from '@hatiolab/things-scene'\nimport { DataStorage } from '@fmsim/board'\nimport { fetchBoardById } from '@fmsim/api'\n\nexport function createBoardProvider() {\n  var _provider = new ReferenceMap<Scene>(\n    async (boardId, resolve, reject): Promise<any> => {\n      try {\n        const { board, themes } = (await fetchBoardById(boardId)) || {}\n        const style = themes?.items.reduce((style, theme) => {\n          style[theme.name] = theme.value\n          return style\n        }, {})\n\n        if (!board) {\n          reject(new Error('Failed to get the requested board.'))\n          return\n        }\n\n        var model = JSON.parse(board.model)\n\n        var scene: Scene\n\n        try {\n          scene = await provider.get(boardId)\n          console.warn('Board fetched more than twice.', boardId)\n        } catch (e) {\n          scene = create({\n            model,\n            style,\n            mode: 0,\n            refProvider: provider as any,\n            dataStorage: new DataStorage(boardId)\n          })\n\n          // s.app.baseUrl = undefined;\n        }\n\n        resolve(scene)\n      } catch (e) {\n        error(e)\n        reject(e)\n      }\n    },\n    async (id, ref) => {\n      ref.dispose()\n    }\n  )\n\n  return _provider\n}\n\nexport const provider = createBoardProvider()\n"]}

package/dist-client/bootstrap.d.ts

@@ -0,0 +1,2 @@
+import '@fmsim/board/ox-property-editor-board-selector.js';
+export default function bootstrap(): void;

package/dist-client/bootstrap.js

@@ -0,0 +1,16 @@
+import '@fmsim/board/ox-property-editor-board-selector.js';
+import { OxGristRendererJson5, registerEditor, registerRenderer } from '@operato/data-grist';
+import { BoardModeller } from '@fmsim/board/ox-board-modeller.js';
+import { registerDefaultGroups } from '@fmsim/board';
+import { MachineGroups } from '@fmsim/machine';
+import { ColorMapEditor } from './data-grist/color-map-editor';
+import { ColorRangesEditor } from './data-grist/color-ranges-editor';
+export default function bootstrap() {
+    registerRenderer('color-map', OxGristRendererJson5);
+    registerRenderer('color-ranges', OxGristRendererJson5);
+    registerEditor('color-map', ColorMapEditor);
+    registerEditor('color-ranges', ColorRangesEditor);
+    MachineGroups.map(group => BoardModeller.registerGroup(group));
+    registerDefaultGroups();
+}
+//# 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":"AAAA,OAAO,mDAAmD,CAAA;AAE1D,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAC5F,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAEpE,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,gBAAgB,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAA;IACnD,gBAAgB,CAAC,cAAc,EAAE,oBAAoB,CAAC,CAAA;IAEtD,cAAc,CAAC,WAAW,EAAE,cAAc,CAAC,CAAA;IAC3C,cAAc,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAA;IAEjD,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;IAC9D,qBAAqB,EAAE,CAAA;AACzB,CAAC","sourcesContent":["import '@fmsim/board/ox-property-editor-board-selector.js'\n\nimport { OxGristRendererJson5, registerEditor, registerRenderer } from '@operato/data-grist'\nimport { BoardModeller } from '@fmsim/board/ox-board-modeller.js'\nimport { registerDefaultGroups } from '@fmsim/board'\nimport { MachineGroups } from '@fmsim/machine'\nimport { ColorMapEditor } from './data-grist/color-map-editor'\nimport { ColorRangesEditor } from './data-grist/color-ranges-editor'\n\nexport default function bootstrap() {\n  registerRenderer('color-map', OxGristRendererJson5)\n  registerRenderer('color-ranges', OxGristRendererJson5)\n\n  registerEditor('color-map', ColorMapEditor)\n  registerEditor('color-ranges', ColorRangesEditor)\n\n  MachineGroups.map(group => BoardModeller.registerGroup(group))\n  registerDefaultGroups()\n}\n"]}

package/dist-client/data-grist/color-map-editor.d.ts

@@ -0,0 +1,8 @@
+import { OxGristEditorValueMap } from '@operato/grist-editor/ox-grist-editor-value-map.js';
+export declare class ColorMapEditor extends OxGristEditorValueMap {
+    get options(): {
+        name: string;
+        valuetype: string;
+        objectified: boolean;
+    };
+}

package/dist-client/data-grist/color-map-editor.js

@@ -0,0 +1,17 @@
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { OxGristEditorValueMap } from '@operato/grist-editor/ox-grist-editor-value-map.js';
+let ColorMapEditor = class ColorMapEditor extends OxGristEditorValueMap {
+    get options() {
+        return {
+            name: `Color Map : ${this.record.name}`,
+            valuetype: 'color',
+            objectified: true
+        };
+    }
+};
+ColorMapEditor = __decorate([
+    customElement('color-map-editor')
+], ColorMapEditor);
+export { ColorMapEditor };
+//# sourceMappingURL=color-map-editor.js.map

package/dist-client/data-grist/color-map-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-map-editor.js","sourceRoot":"","sources":["../../client/data-grist/color-map-editor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oDAAoD,CAAA;AAG1F,IAAa,cAAc,GAA3B,MAAa,cAAe,SAAQ,qBAAqB;IACvD,IAAI,OAAO;QACT,OAAO;YACL,IAAI,EAAE,eAAe,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YACvC,SAAS,EAAE,OAAO;YAClB,WAAW,EAAE,IAAI;SAClB,CAAA;IACH,CAAC;CACF,CAAA;AARY,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAQ1B;SARY,cAAc","sourcesContent":["import { customElement } from 'lit/decorators.js'\n\nimport { OxGristEditorValueMap } from '@operato/grist-editor/ox-grist-editor-value-map.js'\n\n@customElement('color-map-editor')\nexport class ColorMapEditor extends OxGristEditorValueMap {\n  get options() {\n    return {\n      name: `Color Map : ${this.record.name}`,\n      valuetype: 'color',\n      objectified: true\n    }\n  }\n}\n"]}

package/dist-client/data-grist/color-ranges-editor.d.ts

@@ -0,0 +1,8 @@
+import { OxGristEditorValueRanges } from '@operato/grist-editor/ox-grist-editor-value-ranges.js';
+export declare class ColorRangesEditor extends OxGristEditorValueRanges {
+    get options(): {
+        name: string;
+        valuetype: string;
+        objectified: boolean;
+    };
+}

package/dist-client/data-grist/color-ranges-editor.js

@@ -0,0 +1,17 @@
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { OxGristEditorValueRanges } from '@operato/grist-editor/ox-grist-editor-value-ranges.js';
+let ColorRangesEditor = class ColorRangesEditor extends OxGristEditorValueRanges {
+    get options() {
+        return {
+            name: `Color Ranges : ${this.record.name}`,
+            valuetype: 'color',
+            objectified: true
+        };
+    }
+};
+ColorRangesEditor = __decorate([
+    customElement('color-ranges-editor')
+], ColorRangesEditor);
+export { ColorRangesEditor };
+//# sourceMappingURL=color-ranges-editor.js.map

package/dist-client/data-grist/color-ranges-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-ranges-editor.js","sourceRoot":"","sources":["../../client/data-grist/color-ranges-editor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,uDAAuD,CAAA;AAGhG,IAAa,iBAAiB,GAA9B,MAAa,iBAAkB,SAAQ,wBAAwB;IAC7D,IAAI,OAAO;QACT,OAAO;YACL,IAAI,EAAE,kBAAkB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YAC1C,SAAS,EAAE,OAAO;YAClB,WAAW,EAAE,IAAI;SAClB,CAAA;IACH,CAAC;CACF,CAAA;AARY,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAQ7B;SARY,iBAAiB","sourcesContent":["import { customElement } from 'lit/decorators.js'\n\nimport { OxGristEditorValueRanges } from '@operato/grist-editor/ox-grist-editor-value-ranges.js'\n\n@customElement('color-ranges-editor')\nexport class ColorRangesEditor extends OxGristEditorValueRanges {\n  get options() {\n    return {\n      name: `Color Ranges : ${this.record.name}`,\n      valuetype: 'color',\n      objectified: true\n    }\n  }\n}\n"]}

package/dist-client/index.d.ts

@@ -0,0 +1,4 @@
+export * from './board-provider';
+export * from './pages/board-viewer-page';
+export * from './pages/board-modeller-page';
+export * from './pages/fmb-unit-info';

package/dist-client/index.js

@@ -0,0 +1,5 @@
+export * from './board-provider';
+export * from './pages/board-viewer-page';
+export * from './pages/board-modeller-page';
+export * from './pages/fmb-unit-info';
+//# 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":"AAAA,cAAc,kBAAkB,CAAA;AAEhC,cAAc,2BAA2B,CAAA;AACzC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA","sourcesContent":["export * from './board-provider'\n\nexport * from './pages/board-viewer-page'\nexport * from './pages/board-modeller-page'\nexport * from './pages/fmb-unit-info'\n"]}

package/dist-client/pages/board-modeller-page.d.ts

@@ -0,0 +1,49 @@
+import './things-scene-components.import';
+import '@fmsim/board/ox-board-modeller.js';
+import { BoardModeller } from '@fmsim/board/ox-board-modeller.js';
+import { PageView } from '@operato/shell';
+declare const BoardModellerPage_base: (new (...args: any[]) => {
+    _storeUnsubscribe: import("redux").Unsubscribe;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    stateChanged(_state: unknown): void;
+    readonly isConnected: boolean;
+}) & typeof PageView;
+export declare class BoardModellerPage extends BoardModellerPage_base {
+    constructor();
+    static styles: import("lit").CSSResult[];
+    boardId?: string | null;
+    boardName?: string;
+    model: any;
+    themes: any;
+    baseUrl?: string;
+    selected: any;
+    mode?: number;
+    hideProperty?: boolean;
+    overlay?: string | null;
+    scene: any;
+    componentGroupList?: any;
+    fonts: any;
+    propertyEditor: any;
+    preparing?: boolean;
+    board: any;
+    modeller?: BoardModeller;
+    get context(): {
+        title: string | undefined;
+        help: string;
+        widebleed: boolean;
+    };
+    get oopsNote(): {
+        icon: string;
+        title: string;
+        description: string;
+    };
+    refresh(): Promise<void>;
+    updated(changes: any): void;
+    pageUpdated(changes: any, lifecycle: any): void;
+    stateChanged(state: any): void;
+    render(): import("lit-html").TemplateResult<1>;
+    updateBoard(): Promise<void>;
+    saveBoard(): Promise<void>;
+}
+export {};

package/dist-client/pages/board-modeller-page.js

@@ -0,0 +1,267 @@
+import { __decorate, __metadata } from "tslib";
+import './things-scene-components.import';
+import '@fmsim/board/ox-board-modeller.js';
+import { css, html } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { connect } from 'pwa-helpers/connect-mixin.js';
+import { BoardModeller } from '@fmsim/board/ox-board-modeller.js';
+import { OxPropertyEditor } from '@operato/property-editor';
+import { PageView, store } from '@operato/shell';
+import { fetchBoardById, updateBoard } from '@fmsim/api';
+import { provider } from '../board-provider';
+import components from './things-scene-components-with-tools.import';
+const NOOP = () => { };
+let BoardModellerPage = class BoardModellerPage extends connect(store)(PageView) {
+    constructor() {
+        super();
+        components.forEach(({ templates = [], groups = [] }) => {
+            groups.forEach(group => BoardModeller.registerGroup(group));
+            BoardModeller.registerTemplate(templates);
+        });
+        /* 컴포넌트에서 정의된 에디터들을 MODELLER_EDITORS에 등록 */
+        var addedEditors = {};
+        for (let component in components) {
+            let { editors } = components[component];
+            editors &&
+                editors.forEach(editor => {
+                    let { type, element } = editor;
+                    addedEditors[type] = element;
+                });
+        }
+        OxPropertyEditor.register(addedEditors);
+        this.boardName = '';
+        this.model = null;
+        this.themes = null;
+        this.baseUrl = '';
+        this.selected = [];
+        this.mode = 1;
+        this.hideProperty = false;
+        this.overlay = null;
+        this.scene = null;
+        this.fonts = [];
+        this.board = null;
+        this.componentGroupList = BoardModeller.groups;
+    }
+    get context() {
+        return {
+            title: this.board ? this.boardName : this.preparing ? 'Fetching board...' : 'Board Not Found',
+            help: 'board-modeller/modeller',
+            widebleed: true
+        };
+    }
+    get oopsNote() {
+        return {
+            icon: 'color_lens',
+            title: 'EMPTY BOARD',
+            description: 'There are no board to be designed'
+        };
+    }
+    async refresh() {
+        if (!this.boardId) {
+            this.board = null;
+            this.model = null;
+            return;
+        }
+        try {
+            this.preparing = true;
+            this.updateContext();
+            var { board, themes } = (await fetchBoardById(this.boardId)) || {};
+            if (!board) {
+                this.board = null;
+                throw 'board not found';
+            }
+            this.board = Object.assign(Object.assign({}, board), { model: Object.assign({}, JSON.parse(board.model)) });
+            this.boardName = this.board.name;
+            this.model = Object.assign({}, this.board.model);
+            this.themes = themes === null || themes === void 0 ? void 0 : themes.items.reduce((style, theme) => {
+                style[theme.name] = theme.value;
+                return style;
+            }, {});
+        }
+        catch (ex) {
+            document.dispatchEvent(new CustomEvent('notify', {
+                detail: {
+                    level: 'error',
+                    message: ex,
+                    ex
+                }
+            }));
+        }
+        finally {
+            this.preparing = false;
+            this.updateContext();
+        }
+    }
+    updated(changes) {
+        if (changes.has('boardId')) {
+            this.refresh();
+        }
+    }
+    pageUpdated(changes, lifecycle) {
+        var _a;
+        if (this.active) {
+            this.boardId = lifecycle.resourceId;
+        }
+        else {
+            this.boardId = null;
+            this.model = null;
+            (_a = this.modeller) === null || _a === void 0 ? void 0 : _a.close();
+        }
+    }
+    stateChanged(state) {
+        this.baseUrl = state.route.rootPath;
+        this.fonts = state.font;
+    }
+    render() {
+        var oops = !this.preparing && !this.model && this.oopsNote;
+        return oops
+            ? html ` <oops-note icon=${oops.icon} title=${oops.title} description=${oops.description}></oops-note> `
+            : html `
+          <ox-board-modeller
+            .mode=${this.mode}
+            @mode-changed=${e => {
+                this.mode = e.detail.value;
+            }}
+            .model=${this.model}
+            @model-changed=${e => {
+                this.model = e.detail.value;
+            }}
+            .scene=${this.scene}
+            @scene-changed=${e => {
+                this.scene = e.detail.value;
+            }}
+            .selected=${this.selected}
+            @selected-changed=${e => {
+                this.selected = e.detail.value;
+            }}
+            .baseUrl=${this.baseUrl}
+            .provider=${provider}
+            @save-model=${e => this.saveBoard()}
+            .componentGroupList=${this.componentGroupList}
+            .fonts=${this.fonts}
+            .themes=${this.themes}
+            .hideProperty=${this.hideProperty}
+          >
+          </ox-board-modeller>
+        `;
+    }
+    async updateBoard() {
+        try {
+            this.preparing = true;
+            var { id, name, description, groupId } = this.board;
+            var model = JSON.stringify(this.scene.model);
+            await updateBoard({ id, name, description, model, groupId });
+            document.dispatchEvent(new CustomEvent('notify', {
+                detail: {
+                    level: 'info',
+                    message: 'saved'
+                }
+            }));
+        }
+        catch (ex) {
+            document.dispatchEvent(new CustomEvent('notify', {
+                detail: {
+                    level: 'error',
+                    message: ex,
+                    ex: ex
+                }
+            }));
+        }
+        finally {
+            this.preparing = false;
+        }
+        this.updateContext();
+    }
+    async saveBoard() {
+        await this.updateBoard();
+    }
+};
+BoardModellerPage.styles = [
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        overflow: hidden;
+        position: relative;
+      }
+
+      board-modeller {
+        flex: 1;
+      }
+
+      oops-note {
+        display: block;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+    `
+];
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], BoardModellerPage.prototype, "boardId", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], BoardModellerPage.prototype, "boardName", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], BoardModellerPage.prototype, "model", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], BoardModellerPage.prototype, "themes", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], BoardModellerPage.prototype, "baseUrl", void 0);
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Object)
+], BoardModellerPage.prototype, "selected", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], BoardModellerPage.prototype, "mode", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], BoardModellerPage.prototype, "hideProperty", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], BoardModellerPage.prototype, "overlay", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], BoardModellerPage.prototype, "scene", void 0);
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Object)
+], BoardModellerPage.prototype, "componentGroupList", void 0);
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Object)
+], BoardModellerPage.prototype, "fonts", void 0);
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Object)
+], BoardModellerPage.prototype, "propertyEditor", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], BoardModellerPage.prototype, "preparing", void 0);
+__decorate([
+    query('ox-board-modeller'),
+    __metadata("design:type", BoardModeller)
+], BoardModellerPage.prototype, "modeller", void 0);
+BoardModellerPage = __decorate([
+    customElement('board-modeller-page'),
+    __metadata("design:paramtypes", [])
+], BoardModellerPage);
+export { BoardModellerPage };
+//# sourceMappingURL=board-modeller-page.js.map

package/dist-client/pages/board-modeller-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"board-modeller-page.js","sourceRoot":"","sources":["../../client/pages/board-modeller-page.ts"],"names":[],"mappings":"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","sourcesContent":["import './things-scene-components.import'\nimport '@fmsim/board/ox-board-modeller.js'\n\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { BoardModeller } from '@fmsim/board/ox-board-modeller.js'\nimport { OxPropertyEditor } from '@operato/property-editor'\nimport { PageView, store } from '@operato/shell'\nimport { fetchBoardById, updateBoard } from '@fmsim/api'\n\nimport { provider } from '../board-provider'\nimport components from './things-scene-components-with-tools.import'\n\nconst NOOP = () => {}\n\n@customElement('board-modeller-page')\nexport class BoardModellerPage extends connect(store)(PageView) {\n  constructor() {\n    super()\n\n    components.forEach(({ templates = [], groups = [] }) => {\n      groups.forEach(group => BoardModeller.registerGroup(group))\n      BoardModeller.registerTemplate(templates)\n    })\n\n    /* 컴포넌트에서 정의된 에디터들을 MODELLER_EDITORS에 등록 */\n    var addedEditors = {}\n    for (let component in components) {\n      let { editors } = components[component]\n\n      editors &&\n        editors.forEach(editor => {\n          let { type, element } = editor\n\n          addedEditors[type] = element\n        })\n    }\n\n    OxPropertyEditor.register(addedEditors)\n\n    this.boardName = ''\n    this.model = null\n    this.themes = null\n    this.baseUrl = ''\n    this.selected = []\n    this.mode = 1\n    this.hideProperty = false\n    this.overlay = null\n    this.scene = null\n    this.fonts = []\n    this.board = null\n    this.componentGroupList = BoardModeller.groups\n  }\n\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        overflow: hidden;\n        position: relative;\n      }\n\n      board-modeller {\n        flex: 1;\n      }\n\n      oops-note {\n        display: block;\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n      }\n    `\n  ]\n\n  @property({ type: String }) boardId?: string | null\n  @property({ type: String }) boardName?: string\n  @property({ type: Object }) model: any\n  @property({ type: Object }) themes: any\n  @property({ type: String }) baseUrl?: string\n  @property({ type: Array }) selected: any\n  @property({ type: Number }) mode?: number\n  @property({ type: Boolean }) hideProperty?: boolean\n  @property({ type: String }) overlay?: string | null\n  @property({ type: Object }) scene: any\n  @property({ type: Array }) componentGroupList?: any\n  @property({ type: Array }) fonts: any\n  @property({ type: Array }) propertyEditor: any\n  @property({ type: Boolean }) preparing?: boolean\n\n  board: any\n  @query('ox-board-modeller') modeller?: BoardModeller\n\n  get context() {\n    return {\n      title: this.board ? this.boardName : this.preparing ? 'Fetching board...' : 'Board Not Found',\n      help: 'board-modeller/modeller',\n      widebleed: true\n    }\n  }\n\n  get oopsNote() {\n    return {\n      icon: 'color_lens',\n      title: 'EMPTY BOARD',\n      description: 'There are no board to be designed'\n    }\n  }\n\n  async refresh() {\n    if (!this.boardId) {\n      this.board = null\n      this.model = null\n\n      return\n    }\n    try {\n      this.preparing = true\n      this.updateContext()\n\n      var { board, themes } = (await fetchBoardById(this.boardId)) || {}\n\n      if (!board) {\n        this.board = null\n        throw 'board not found'\n      }\n\n      this.board = {\n        ...board,\n        model: {\n          ...JSON.parse(board.model)\n        }\n      }\n\n      this.boardName = this.board.name\n      this.model = {\n        ...this.board.model\n      }\n      this.themes = themes?.items.reduce((style, theme) => {\n        style[theme.name] = theme.value\n        return style\n      }, {})\n    } catch (ex) {\n      document.dispatchEvent(\n        new CustomEvent('notify', {\n          detail: {\n            level: 'error',\n            message: ex,\n            ex\n          }\n        })\n      )\n    } finally {\n      this.preparing = false\n      this.updateContext()\n    }\n  }\n\n  updated(changes) {\n    if (changes.has('boardId')) {\n      this.refresh()\n    }\n  }\n\n  pageUpdated(changes, lifecycle) {\n    if (this.active) {\n      this.boardId = lifecycle.resourceId\n    } else {\n      this.boardId = null\n      this.model = null\n      this.modeller?.close()\n    }\n  }\n\n  stateChanged(state) {\n    this.baseUrl = state.route.rootPath\n    this.fonts = state.font\n  }\n\n  render() {\n    var oops = !this.preparing && !this.model && this.oopsNote\n\n    return oops\n      ? html` <oops-note icon=${oops.icon} title=${oops.title} description=${oops.description}></oops-note> `\n      : html`\n          <ox-board-modeller\n            .mode=${this.mode}\n            @mode-changed=${e => {\n              this.mode = e.detail.value\n            }}\n            .model=${this.model}\n            @model-changed=${e => {\n              this.model = e.detail.value\n            }}\n            .scene=${this.scene}\n            @scene-changed=${e => {\n              this.scene = e.detail.value\n            }}\n            .selected=${this.selected}\n            @selected-changed=${e => {\n              this.selected = e.detail.value\n            }}\n            .baseUrl=${this.baseUrl}\n            .provider=${provider}\n            @save-model=${e => this.saveBoard()}\n            .componentGroupList=${this.componentGroupList}\n            .fonts=${this.fonts}\n            .themes=${this.themes}\n            .hideProperty=${this.hideProperty}\n          >\n          </ox-board-modeller>\n        `\n  }\n\n  async updateBoard() {\n    try {\n      this.preparing = true\n\n      var { id, name, description, groupId } = this.board\n      var model = JSON.stringify(this.scene.model)\n\n      await updateBoard({ id, name, description, model, groupId })\n\n      document.dispatchEvent(\n        new CustomEvent('notify', {\n          detail: {\n            level: 'info',\n            message: 'saved'\n          }\n        })\n      )\n    } catch (ex) {\n      document.dispatchEvent(\n        new CustomEvent('notify', {\n          detail: {\n            level: 'error',\n            message: ex,\n            ex: ex\n          }\n        })\n      )\n    } finally {\n      this.preparing = false\n    }\n\n    this.updateContext()\n  }\n\n  async saveBoard() {\n    await this.updateBoard()\n  }\n}\n"]}

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

@@ -0,0 +1,41 @@
+import './things-scene-components.import';
+import '@fmsim/board/ox-board-viewer.js';
+import './fmb-unit-info.js';
+import { BoardViewer } from '@fmsim/board';
+import { PageView } from '@operato/shell';
+declare const BoardViewerPage_base: (new (...args: any[]) => {
+    _storeUnsubscribe: import("redux").Unsubscribe;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    stateChanged(_state: unknown): void;
+    readonly isConnected: boolean;
+}) & typeof PageView;
+export declare class BoardViewerPage extends BoardViewerPage_base {
+    static styles: import("lit").CSSResult[];
+    _board: any;
+    _boardId?: string;
+    _baseUrl?: string;
+    _interactive?: boolean;
+    preparing?: boolean;
+    private showFMBUnitInfoHandler;
+    private popup?;
+    boardViewer: BoardViewer;
+    get oopsNote(): {
+        icon: string;
+        title: string;
+        description: string;
+    };
+    get context(): {
+        title: any;
+    };
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    updated(changes: any): void;
+    pageUpdated(changes: any, lifecycle: any): void;
+    stateChanged(state: any): void;
+    refresh(): Promise<void>;
+    showFMBUnitInfo(e: Event): void;
+    hidePopup(): void;
+}
+export {};