@fmsim/board 0.0.49

package/dist/src/ox-board-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-board-viewer.js","sourceRoot":"","sources":["../../src/ox-board-viewer.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-fab'\nimport '@material/mwc-icon'\nimport './layers/mcs-event-handlers.js'\nimport './layers/movement-layer.js'\n\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { Component, create, ReferenceProvider, Scene, SCENE_MODE } from '@hatiolab/things-scene'\nimport { isIOS, togglefullscreen } from '@operato/utils'\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport { DataStorage } from './data-storage/data-storage.js'\nimport { runScenario, startScenario, DataSubscriptionProviderImpl } from '@fmsim/api'\n\n@customElement('ox-board-viewer')\nexport class BoardViewer extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        position: relative;\n\n        width: 100%; /* 전체화면보기를 위해서 필요함. */\n        overflow: hidden;\n      }\n\n      #target {\n        flex: 1;\n\n        width: 100%; /* 전체화면보기를 위해서 필요함. */\n        height: 100%;\n\n        outline: 0;\n      }\n\n      /* navigation buttons */\n      mwc-icon {\n        z-index: 10;\n        position: absolute;\n        top: 45%;\n        min-width: 50px;\n        width: 50px;\n        height: 50px;\n        margin: 0;\n        padding: 0;\n        color: #fff;\n        user-select: none;\n\n        --mdc-icon-size: 3em;\n      }\n\n      mwc-icon[hidden] {\n        display: none;\n      }\n\n      mwc-icon:hover {\n        background-color: rgba(0, 0, 0, 0.2);\n        border-radius: 50%;\n      }\n\n      #prev {\n        left: 5px;\n      }\n\n      #next {\n        right: 5px;\n      }\n\n      #fullscreen {\n        position: absolute;\n        bottom: 15px;\n        right: 16px;\n      }\n\n      [hidden] {\n        display: none;\n      }\n\n      @media print {\n        mwc-fab,\n        mwc-icon {\n          display: none;\n        }\n      }\n    `\n  ]\n\n  @property({ type: String }) baseUrl: string = ''\n  @property({ type: Object }) board: any = {}\n  @property({ type: Object }) provider: ReferenceProvider | null = null\n  @property({ type: Object }) data: any\n  @property({ type: Object }) values: any\n\n  @property({ type: Boolean, reflect: true, attribute: 'hide-fullscreen' }) hideFullscreen = false\n  @property({ type: Boolean, reflect: true, attribute: 'hide-navigation' }) hideNavigation = false\n\n  @state() _scene: Scene | null = null\n  @state() _forward: { id: string; scene: any }[] = []\n  @state() _backward: { id: string; scene: any }[] = []\n\n  @state() _oldtarget: HTMLElement | null = null\n  @state() _fade_animations?: Array<Animation>\n\n  public currentBoardId?: string = this.board?.id\n\n  @query('#target') _target!: HTMLElement\n  @query('#prev') _prev!: HTMLElement\n  @query('#next') _next!: HTMLElement\n  @query('#fullscreen') _fullscreen!: HTMLElement\n\n  render() {\n    var fullscreen =\n      !isIOS() && !this.hideFullscreen\n        ? html`\n            <mwc-fab\n              id=\"fullscreen\"\n              .icon=${document.fullscreenElement ? 'fullscreen_exit' : 'fullscreen'}\n              @click=${(e: Event) => this.onTapFullscreen()}\n              @mouseover=${(e: Event) => this.transientShowButtons(true)}\n              @mouseout=${(e: Event) => this.transientShowButtons()}\n              title=\"fullscreen\"\n            ></mwc-fab>\n          `\n        : html``\n\n    var prev = !this.hideNavigation\n      ? html`\n          <mwc-icon\n            id=\"prev\"\n            @click=${(e: Event) => this.onTapPrev()}\n            @mouseover=${(e: Event) => this.transientShowButtons(true)}\n            @mouseout=${(e: Event) => this.transientShowButtons()}\n            hidden\n            >keyboard_arrow_left</mwc-icon\n          >\n        `\n      : html``\n\n    var next = !this.hideNavigation\n      ? html`\n          <mwc-icon\n            id=\"next\"\n            @click=${(e: Event) => this.onTapNext()}\n            @mouseover=${(e: Event) => this.transientShowButtons(true)}\n            @mouseout=${(e: Event) => this.transientShowButtons()}\n            hidden\n            >keyboard_arrow_right</mwc-icon\n          >\n        `\n      : html``\n\n    return html`\n      ${prev}\n\n      <div\n        id=\"target\"\n        @touchstart=${(e: Event) => this.transientShowButtons()}\n        @mousemove=${(e: Event) => this.transientShowButtons()}\n      ></div>\n\n      ${next} ${fullscreen}\n    `\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n\n    window.addEventListener('resize', () => {\n      this._scene && this._scene.fit()\n    })\n\n    this.renderRoot.addEventListener(\n      'close-scene',\n      e => {\n        e.preventDefault()\n        this.onTapPrev()\n      },\n      false\n    )\n\n    // 모니터링에서 장비 아이디에 해당하는 object를 찾아 캔버스 가운데 위치하도록 조정한다.\n    window.addEventListener('fetchIFactsData', (e: Event) => {\n      const id = (e as CustomEvent).detail.value\n\n      const components = this._scene?.findAll(`#${id}`)\n      if (!components || components.length == 0) {\n        console.log('No equipment was found.')\n        return\n      }\n\n      components[0].trigger('reactionreset')\n      components.forEach(component => component.trigger('reaction'))\n      this._scene?.centerTo(components[0], true /* animated */)\n    })\n\n    // 모니터링에서 Movement Data를 보여준다.\n    window.addEventListener('fmbShowMovement', (e: Event) => {\n      const movement = (e as CustomEvent).detail.value\n\n      const movementLayer = this._scene?.findById(`#movement-layer`)\n      if (!movementLayer) {\n        return\n      }\n\n      movementLayer.data = movement\n    })\n\n    // 모니터링에서 보드 상태를 원래상태 (정사이즈)로 돌려놓는다.\n    window.addEventListener('fmbMonitoringInit', e => {\n      this._scene?.fit('ratio')\n    })\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n\n    // TODO release event handlers\n\n    this.closeScene()\n  }\n\n  updated(changes: PropertyValues<this>) {\n    if (changes.has('board')) {\n      this.closeScene()\n\n      if (this.board && this.board.id) {\n        if (this.board.model) {\n          this.initScene()\n        } else {\n          this.initSceneAsync()\n        }\n      }\n    }\n\n    if (changes.has('data') && this._scene && this.data) {\n      this._scene.data = this.data\n    }\n\n    if (changes.has('values') && this._scene && this.values) {\n      this._scene.values = this.values\n    }\n  }\n\n  async initSceneAsync() {\n    if (!this.board || !this.board.id) return\n\n    this._scene = await this.provider!.create(this.board.id)\n    this.setupScene({ id: this.board.id, scene: this._scene })\n  }\n\n  initScene() {\n    if (!this.board || !this.board.id) return\n\n    this._scene = create({\n      model: {\n        ...this.board.model\n      },\n      style: this.board.style,\n      mode: SCENE_MODE.VIEW,\n      handlers: ['mcs-event-handler', 'zoom-handler', 'shift-handler'],\n      layers: [{ type: 'reaction-layer' }, { type: 'scroll-layer' }, { type: 'movement-layer', id: 'movement-layer' }],\n      refProvider: this.provider!,\n      dataStorage: this.board.id !== 'preview' ? new DataStorage(this.board.id) : undefined,\n      dataSubscriptionProvider: new DataSubscriptionProviderImpl()\n    })\n\n    if (this.baseUrl) {\n      this._scene.baseUrl = this.baseUrl\n    }\n\n    this.setupScene({ id: this.board.id, scene: this._scene })\n  }\n\n  closeScene() {\n    if (this._scene) {\n      this.unbindSceneEvents(this._scene)\n\n      this._scene.target = null\n      this._scene.release && this._scene.release()\n\n      this._scene = null\n    }\n\n    // delete queued scenes\n    this._forward.forEach(({ scene }) => scene.release && scene.release())\n    this._forward = []\n\n    this._backward.forEach(({ scene }) => scene.release && scene.release())\n    this._backward = []\n  }\n\n  releaseScene() {\n    this.closeScene()\n    this.transientShowButtons()\n  }\n\n  setupScene({ id, scene }: { id: string; scene: any }) {\n    this._scene = scene\n\n    const backgroundColor = this._scene?.root.state.fillStyle\n    if (typeof backgroundColor === 'string') {\n      this.style.backgroundColor = backgroundColor\n    } else {\n      this.style.backgroundColor = 'initial'\n    }\n\n    /* scene의 기존 target을 보관한다. */\n    this._oldtarget = this._scene!.target\n\n    this._scene!.fit(this._scene!.fitMode)\n    this._scene!.target = this._target\n\n    if (this.data) {\n      this._scene!.data = this.data\n    }\n    if (this.values) {\n      this._scene!.values = this.values\n    }\n    this.currentBoardId = id\n\n    this.bindSceneEvents()\n\n    this.transientShowButtons()\n  }\n\n  async showScene(boardId: string, bindingData?: any) {\n    if (!boardId) return\n\n    try {\n      var scene = await this.provider!.get(boardId, true)\n\n      if (scene === this._scene) {\n        scene.release && scene.release()\n        return\n      }\n\n      if (this._scene) {\n        /* old scene을 _backward에 보관한다. */\n        this.unbindSceneEvents(this._scene)\n        /* 원래의 target에 되돌린다. */\n        this._scene.target = this._oldtarget\n        this._backward.push({ id: this.currentBoardId!, scene: this._scene })\n      }\n\n      this._scene = scene\n\n      this._forward.forEach(({ scene }) => scene.release && scene.release())\n\n      /* forward를 비운다. */\n      this._forward = []\n\n      this.setupScene({ id: boardId, scene })\n\n      if (bindingData) {\n        scene.data = bindingData\n      }\n    } catch (e) {\n      console.error(e)\n    }\n  }\n\n  bindSceneEvents() {\n    this._scene!.on('run', this.onRunBoard, this)\n    this._scene!.on('goto', this.onLinkGoto, this)\n    this._scene!.on('link-open', this.onLinkOpen, this)\n    this._scene!.on('link-move', this.onLinkMove, this)\n    this._scene!.on('route-page', this.onRoutePage, this)\n    this._scene!.on('start-scenario', this.onStartScenario, this)\n    this._scene!.on('run-scenario', this.onRunScenario, this)\n  }\n\n  unbindSceneEvents(scene: any) {\n    scene.off('run', this.onRunBoard, this)\n    scene.off('goto', this.onLinkGoto, this)\n    scene.off('link-open', this.onLinkOpen, this)\n    scene.off('link-move', this.onLinkMove, this)\n    scene.off('route-page', this.onRoutePage, this)\n    scene.off('start-scenario', this.onStartScenario, this)\n    scene.off('run-scenario', this.onRunScenario, this)\n  }\n\n  transientShowButtons(stop?: boolean) {\n    var buttons = []\n    !this.hideNavigation && buttons.push(this._next, this._prev)\n    !this.hideFullscreen && buttons.push(this._fullscreen)\n\n    if (buttons.length == 0) {\n      return\n    }\n\n    if (!this._fade_animations) {\n      this._fade_animations = buttons\n        .filter(button => button)\n        .map(button => {\n          let animation = button.animate(\n            [\n              {\n                opacity: 1,\n                easing: 'ease-in'\n              },\n              { opacity: 0 }\n            ],\n            { delay: 1000, duration: 2000 }\n          )\n\n          animation.onfinish = () => {\n            button.setAttribute('hidden', '')\n          }\n\n          return animation\n        })\n    }\n\n    this._forward.length <= 0 ? this._next.setAttribute('hidden', '') : this._next.removeAttribute('hidden')\n    this._backward.length <= 0 ? this._prev.setAttribute('hidden', '') : this._prev.removeAttribute('hidden')\n    this._fullscreen && this._fullscreen.removeAttribute('hidden')\n\n    this._fade_animations.forEach(animation => {\n      animation.cancel()\n      if (stop) return\n\n      animation.play()\n    })\n  }\n\n  /* event handlers */\n\n  onTapNext() {\n    var { id, scene } = this._forward.pop() || {}\n    if (!scene) return\n\n    if (this._scene) {\n      this._scene.target = null\n      /* 원래의 target에 되돌린다. */\n      this._scene!.target = this._oldtarget\n      this.unbindSceneEvents(this._scene)\n      this._backward.push({ id: id!, scene: this._scene })\n    }\n\n    this.setupScene({ id: id!, scene })\n  }\n\n  onTapPrev() {\n    var { id, scene } = this._backward.pop() || {}\n    if (!scene) return\n\n    if (this._scene) {\n      this._scene.target = null\n      /* 원래의 target에 되돌린다. */\n      this._scene.target = this._oldtarget\n      this.unbindSceneEvents(this._scene)\n      this._forward.push({ id: id!, scene: this._scene })\n    }\n\n    this.setupScene({ id: id!, scene })\n  }\n\n  onTapFullscreen() {\n    togglefullscreen(\n      this,\n      () => this.requestUpdate(),\n      () => this.requestUpdate()\n    )\n  }\n\n  onRunBoard() {\n    this.dispatchEvent(new CustomEvent('run-board', { bubbles: true, composed: true, detail: this.board.id }))\n  }\n\n  onLinkGoto(targetBoardId: string, options: any, fromComponent: any) {\n    const { input, output } = options || { input: '(self)' }\n    const data = input && fromComponent.root.findFirst(input, fromComponent)?.data\n    this.showScene(targetBoardId, data)\n  }\n\n  onLinkOpen(url: string, value: any, fromComponent: Component) {\n    if (!url) return\n\n    try {\n      window.open(url)\n    } catch (ex) {\n      document.dispatchEvent(\n        new CustomEvent('notify', {\n          detail: {\n            level: 'error',\n            message: ex,\n            ex\n          }\n        })\n      )\n    }\n  }\n\n  onLinkMove(url: string, value: any, fromComponent: Component) {\n    if (!url) return\n\n    location.href = url\n  }\n\n  onRoutePage(page: string) {\n    if (!page) {\n      return\n    }\n\n    history.pushState({}, '', page)\n    window.dispatchEvent(new Event('popstate'))\n  }\n\n  async onStartScenario(scenario: string, value: string | number | object, component: Component) {\n    try {\n      await startScenario(scenario, scenario, value)\n    } catch (e) {\n      console.error(e)\n    }\n  }\n\n  async onRunScenario(scenario: string, value: string | number | object, component: Component) {\n    try {\n      component.data = await runScenario(scenario, value)\n    } catch (e) {\n      console.error(e)\n    }\n  }\n\n  getSceneData() {\n    return this._scene?.data\n  }\n\n  getSceneValues() {\n    return this._scene?.values\n  }\n}\n"]}

package/dist/src/ox-editor-board-selector.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import '@material/mwc-icon';
+import './selector/ox-board-selector';
+import { LitElement } from 'lit';
+export declare class BoardSelector extends LitElement {
+    static get styles(): import("lit").CSSResult[];
+    value?: string;
+    properties?: any;
+    private popup;
+    render(): import("lit-html").TemplateResult<1>;
+    _onInputChanged(e: Event): void;
+    openSelector(): void;
+}

package/dist/src/ox-editor-board-selector.js

@@ -0,0 +1,85 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import { __decorate } from "tslib";
+import '@material/mwc-icon';
+import './selector/ox-board-selector';
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { i18next } from '@operato/i18n';
+import { openPopup } from '@operato/layout';
+export let BoardSelector = class BoardSelector extends LitElement {
+    static get styles() {
+        return [
+            css `
+        :host {
+          position: relative;
+          display: inline-block;
+        }
+
+        input[type='text'] {
+          box-sizing: border-box;
+          width: 100%;
+          height: 100%;
+          border: 1px solid rgba(0, 0, 0, 0.2);
+        }
+
+        mwc-icon {
+          position: absolute;
+          top: 0;
+          right: 0;
+        }
+      `
+        ];
+    }
+    render() {
+        return html `
+      <input id="text" type="text" .value=${this.value || ''} @change=${(e) => this._onInputChanged(e)} />
+
+      <mwc-icon @click=${(e) => this.openSelector()}>dashboard</mwc-icon>
+    `;
+    }
+    _onInputChanged(e) {
+        var _a;
+        this.value = (_a = e.target) === null || _a === void 0 ? void 0 : _a.value;
+        this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }));
+    }
+    openSelector() {
+        if (this.popup) {
+            delete this.popup;
+        }
+        /*
+         * 기존 설정된 보드가 선택된 상태가 되게 하기 위해서는 selector에 value를 전달해줄 필요가 있음.
+         * 주의. value는 object일 수도 있고, string일 수도 있다.
+         * string인 경우에는 해당 보드의 id로 해석한다.
+         */
+        var value = this.value || {};
+        var template = html `
+      <ox-board-selector
+        .creatable=${true}
+        .value=${value}
+        @board-selected=${async (e) => {
+            var board = e.detail.board;
+            this.value = board.id;
+            this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }));
+            this.popup && this.popup.close();
+        }}
+      ></ox-board-selector>
+    `;
+        this.popup = openPopup(template, {
+            backdrop: true,
+            size: 'large',
+            title: i18next.t('title.select board')
+        });
+    }
+};
+__decorate([
+    property({ type: String })
+], BoardSelector.prototype, "value", void 0);
+__decorate([
+    property({ type: Object })
+], BoardSelector.prototype, "properties", void 0);
+BoardSelector = __decorate([
+    customElement('ox-editor-board-selector')
+], BoardSelector);
+//# sourceMappingURL=ox-editor-board-selector.js.map

package/dist/src/ox-editor-board-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-editor-board-selector.js","sourceRoot":"","sources":["../../src/ox-editor-board-selector.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,oBAAoB,CAAA;AAC3B,OAAO,8BAA8B,CAAA;AAErC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAGpC,WAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAC3C,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,CAAA;;;;;;;;;;;;;;;;;;OAkBF;SACF,CAAA;IACH,CAAC;IAOD,MAAM;QACJ,OAAO,IAAI,CAAA;4CAC6B,IAAI,CAAC,KAAK,IAAI,EAAE,YAAY,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;;yBAEpF,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE;KAC1D,CAAA;IACH,CAAC;IAED,eAAe,CAAC,CAAQ;;QACtB,IAAI,CAAC,KAAK,GAAG,MAAC,CAAC,CAAC,MAAc,0CAAE,KAAK,CAAA;QACrC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IAClF,CAAC;IAED,YAAY;QACV,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,OAAO,IAAI,CAAC,KAAK,CAAA;SAClB;QAED;;;;WAIG;QACH,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;QAE5B,IAAI,QAAQ,GAAG,IAAI,CAAA;;qBAEF,IAAI;iBACR,KAAK;0BACI,KAAK,EAAE,CAAc,EAAE,EAAE;YACzC,IAAI,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;YAC1B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,EAAE,CAAA;YAErB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;YAEhF,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;QAClC,CAAC;;KAEJ,CAAA;QAED,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,QAAQ,EAAE;YAC/B,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC;SACvC,CAAC,CAAA;IACJ,CAAC;CACF,CAAA;AAnD6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAe;AACd;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAiB;AA1BjC,aAAa;IADzB,aAAa,CAAC,0BAA0B,CAAC;GAC7B,aAAa,CA4EzB","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@material/mwc-icon'\nimport './selector/ox-board-selector'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\nimport { openPopup } from '@operato/layout'\n\n@customElement('ox-editor-board-selector')\nexport class BoardSelector extends LitElement {\n  static get styles() {\n    return [\n      css`\n        :host {\n          position: relative;\n          display: inline-block;\n        }\n\n        input[type='text'] {\n          box-sizing: border-box;\n          width: 100%;\n          height: 100%;\n          border: 1px solid rgba(0, 0, 0, 0.2);\n        }\n\n        mwc-icon {\n          position: absolute;\n          top: 0;\n          right: 0;\n        }\n      `\n    ]\n  }\n\n  @property({ type: String }) value?: string\n  @property({ type: Object }) properties?: any\n\n  private popup: any\n\n  render() {\n    return html`\n      <input id=\"text\" type=\"text\" .value=${this.value || ''} @change=${(e: Event) => this._onInputChanged(e)} />\n\n      <mwc-icon @click=${(e: MouseEvent) => this.openSelector()}>dashboard</mwc-icon>\n    `\n  }\n\n  _onInputChanged(e: Event) {\n    this.value = (e.target as any)?.value\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n  }\n\n  openSelector() {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    /*\n     * 기존 설정된 보드가 선택된 상태가 되게 하기 위해서는 selector에 value를 전달해줄 필요가 있음.\n     * 주의. value는 object일 수도 있고, string일 수도 있다.\n     * string인 경우에는 해당 보드의 id로 해석한다.\n     */\n    var value = this.value || {}\n\n    var template = html`\n      <ox-board-selector\n        .creatable=${true}\n        .value=${value}\n        @board-selected=${async (e: CustomEvent) => {\n          var board = e.detail.board\n          this.value = board.id\n\n          this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n\n          this.popup && this.popup.close()\n        }}\n      ></ox-board-selector>\n    `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'large',\n      title: i18next.t('title.select board')\n    })\n  }\n}\n"]}

package/dist/src/ox-property-editor-board-selector.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import './ox-editor-board-selector';

package/dist/src/ox-property-editor-board-selector.js

@@ -0,0 +1,22 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import { __decorate } from "tslib";
+import './ox-editor-board-selector';
+import { html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { OxPropertyEditor } from '@operato/property-editor';
+let PropertyEditorBoardSelector = class PropertyEditorBoardSelector extends OxPropertyEditor {
+    static get styles() {
+        return [...OxPropertyEditor.styles];
+    }
+    editorTemplate(value, spec) {
+        return html `
+      <ox-editor-board-selector id="editor" .value=${value} .properties=${spec.property}></ox-editor-board-selector>
+    `;
+    }
+};
+PropertyEditorBoardSelector = __decorate([
+    customElement('ox-property-editor-board-selector')
+], PropertyEditorBoardSelector);
+//# sourceMappingURL=ox-property-editor-board-selector.js.map

package/dist/src/ox-property-editor-board-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-board-selector.js","sourceRoot":"","sources":["../../src/ox-property-editor-board-selector.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAgB,MAAM,0BAA0B,CAAA;AAGzE,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,gBAAgB;IACxD,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACrC,CAAC;IAED,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,OAAO,IAAI,CAAA;qDACsC,KAAK,gBAAgB,IAAI,CAAC,QAAQ;KAClF,CAAA;IACH,CAAC;CACF,CAAA;AAVK,2BAA2B;IADhC,aAAa,CAAC,mCAAmC,CAAC;GAC7C,2BAA2B,CAUhC","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport './ox-editor-board-selector'\n\nimport { html, TemplateResult } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxPropertyEditor, PropertySpec } from '@operato/property-editor'\n\n@customElement('ox-property-editor-board-selector')\nclass PropertyEditorBoardSelector extends OxPropertyEditor {\n  static get styles() {\n    return [...OxPropertyEditor.styles]\n  }\n\n  editorTemplate(value: any, spec: PropertySpec): TemplateResult {\n    return html`\n      <ox-editor-board-selector id=\"editor\" .value=${value} .properties=${spec.property}></ox-editor-board-selector>\n    `\n  }\n}\n"]}

package/dist/src/ox-property-editor-theme.d.ts

@@ -0,0 +1,19 @@
+import '@operato/input/ox-select.js';
+import '@operato/popup/ox-popup-list.js';
+import { LitElement, TemplateResult } from 'lit';
+import { OxPropertyEditor, PropertySpec } from '@operato/property-editor';
+type Option = {
+    display?: string;
+    text?: string;
+    value: any;
+} | string;
+export default class OxPropertyEditorTheme extends OxPropertyEditor {
+    static styles: import("lit").CSSResult[];
+    oxSelect: LitElement;
+    connectedCallback(): Promise<void>;
+    editorTemplate(value: any, spec: PropertySpec): TemplateResult;
+    _getOptionValue(item: Option): any;
+    _getOptionDisplay(item: Option): string | undefined;
+    _isSelected(value: any, item: Option): boolean;
+}
+export {};

package/dist/src/ox-property-editor-theme.js

@@ -0,0 +1,111 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { __decorate } from "tslib";
+import '@operato/input/ox-select.js';
+import '@operato/popup/ox-popup-list.js';
+import { css, html } from 'lit';
+import { customElement, query } from 'lit/decorators.js';
+import { OxPropertyEditor } from '@operato/property-editor';
+let OxPropertyEditorTheme = class OxPropertyEditorTheme extends OxPropertyEditor {
+    async connectedCallback() {
+        var _a;
+        super.connectedCallback();
+        var options = (_a = this.property) === null || _a === void 0 ? void 0 : _a.options;
+        if (typeof options === 'function') {
+            this.property = {
+                ...this.property,
+                options: await options.apply(this)
+            };
+            await this.updateComplete;
+            this.oxSelect.requestUpdate();
+        }
+    }
+    editorTemplate(value, spec) {
+        const { property } = spec;
+        var { theme, themeType } = property;
+        var options = property === null || property === void 0 ? void 0 : property.options;
+        if (!(options instanceof Array)) {
+            options = [];
+        }
+        const { fullwidth = false } = spec.editor || {};
+        return html `
+      <ox-select id="editor" .value=${value} placeholder=${spec.placeholder || ''} ?fullwidth=${fullwidth}>
+        <ox-popup-list with-search>
+          ${options.map(item => html `
+              <div option value=${this._getOptionValue(item)} ?selected=${this._isSelected(value, item)}>
+                ${this._getOptionDisplay(item) || html `&nbsp;`}
+              </div>
+            `)}
+        </ox-popup-list>
+      </ox-select>
+    `;
+    }
+    // editorTemplate(value: any, spec: PropertySpec): TemplateResult {
+    //   var property = spec.property || {}
+    //   return html`
+    //     <ox-select id="editor" .value=${value} placeholder=${spec.placeholder || ''}>
+    //       <ox-popup-list with-search>
+    //         ${options.map(
+    //           item => html`
+    //             <div option value=${this._getOptionValue(item)} ?selected=${this._isSelected(value, item)}>
+    //               ${this._getOptionDisplay(item) || html`&nbsp;`}
+    //             </div>
+    //           `
+    //         )}
+    //       </ox-popup-list>
+    //     </ox-select>
+    //   `
+    //   //   <mwc-icon-button
+    //   //     .icon=${icon}
+    //   //     @click=${(e: MouseEvent) => {
+    //   //       this.dispatchEvent(
+    //   //         new CustomEvent('i-need-selected', {
+    //   //           bubbles: true,
+    //   //           composed: true,
+    //   //           detail: {
+    //   //             callback: (selected: any[]) => {
+    //   //               const firstSelected = selected[0] as Component
+    //   //               const root = firstSelected.rootModel
+    //   //               typeof action === 'function' && action(selected[0])
+    //   //             }
+    //   //           }
+    //   //         })
+    //   //       )
+    //   //     }}
+    //   //   ></mwc-icon-button>
+    //   // `
+    // }
+    _getOptionValue(item) {
+        if (typeof item == 'string')
+            return item;
+        return item.value;
+    }
+    _getOptionDisplay(item) {
+        if (typeof item == 'string')
+            return item;
+        return item.display || item.text;
+    }
+    _isSelected(value, item) {
+        return value === this._getOptionValue(item);
+    }
+};
+OxPropertyEditorTheme.styles = [
+    ...OxPropertyEditor.styles,
+    css `
+      ox-select {
+        background-color: var(--theme-white-color);
+        padding: 1px 2px;
+        color: var(--theme-black-color);
+        font-size: 13.5px;
+      }
+    `
+];
+__decorate([
+    query('ox-select')
+], OxPropertyEditorTheme.prototype, "oxSelect", void 0);
+OxPropertyEditorTheme = __decorate([
+    customElement('ox-property-editor-theme')
+], OxPropertyEditorTheme);
+export default OxPropertyEditorTheme;
+//# sourceMappingURL=ox-property-editor-theme.js.map

package/dist/src/ox-property-editor-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-theme.js","sourceRoot":"","sources":["../../src/ox-property-editor-theme.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@operato/input/ox-select.js'\nimport '@operato/popup/ox-popup-list.js'\n\nimport { css, html, LitElement, TemplateResult } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\nimport { OxPropertyEditor, PropertySpec } from '@operato/property-editor'\nimport { Component } from '@hatiolab/things-scene'\n\ntype Option = { display?: string; text?: string; value: any } | string\n\n@customElement('ox-property-editor-theme')\nexport default class OxPropertyEditorTheme extends OxPropertyEditor {\n  static styles = [\n    ...OxPropertyEditor.styles,\n    css`\n      ox-select {\n        background-color: var(--theme-white-color);\n        padding: 1px 2px;\n        color: var(--theme-black-color);\n        font-size: 13.5px;\n      }\n    `\n  ]\n\n  @query('ox-select') oxSelect!: LitElement\n\n  async connectedCallback() {\n    super.connectedCallback()\n\n    var options = this.property?.options\n    if (typeof options === 'function') {\n      this.property = {\n        ...this.property,\n        options: await options.apply(this)\n      }\n      await this.updateComplete\n      this.oxSelect.requestUpdate()\n    }\n  }\n\n  editorTemplate(value: any, spec: PropertySpec): TemplateResult {\n    const { property } = spec\n\n    var { theme, themeType } = property\n    var options = property?.options as Option[]\n\n    if (!(options instanceof Array)) {\n      options = []\n    }\n\n    const { fullwidth = false } = spec.editor || {}\n\n    return html`\n      <ox-select id=\"editor\" .value=${value} placeholder=${spec.placeholder || ''} ?fullwidth=${fullwidth}>\n        <ox-popup-list with-search>\n          ${options.map(\n            item => html`\n              <div option value=${this._getOptionValue(item)} ?selected=${this._isSelected(value, item)}>\n                ${this._getOptionDisplay(item) || html`&nbsp;`}\n              </div>\n            `\n          )}\n        </ox-popup-list>\n      </ox-select>\n    `\n  }\n\n  // editorTemplate(value: any, spec: PropertySpec): TemplateResult {\n  //   var property = spec.property || {}\n\n  //   return html`\n  //     <ox-select id=\"editor\" .value=${value} placeholder=${spec.placeholder || ''}>\n  //       <ox-popup-list with-search>\n  //         ${options.map(\n  //           item => html`\n  //             <div option value=${this._getOptionValue(item)} ?selected=${this._isSelected(value, item)}>\n  //               ${this._getOptionDisplay(item) || html`&nbsp;`}\n  //             </div>\n  //           `\n  //         )}\n  //       </ox-popup-list>\n  //     </ox-select>\n  //   `\n\n  //   //   <mwc-icon-button\n  //   //     .icon=${icon}\n  //   //     @click=${(e: MouseEvent) => {\n  //   //       this.dispatchEvent(\n  //   //         new CustomEvent('i-need-selected', {\n  //   //           bubbles: true,\n  //   //           composed: true,\n  //   //           detail: {\n  //   //             callback: (selected: any[]) => {\n  //   //               const firstSelected = selected[0] as Component\n  //   //               const root = firstSelected.rootModel\n\n  //   //               typeof action === 'function' && action(selected[0])\n  //   //             }\n  //   //           }\n  //   //         })\n  //   //       )\n  //   //     }}\n  //   //   ></mwc-icon-button>\n  //   // `\n  // }\n\n  _getOptionValue(item: Option) {\n    if (typeof item == 'string') return item\n\n    return item.value\n  }\n\n  _getOptionDisplay(item: Option) {\n    if (typeof item == 'string') return item\n\n    return item.display || item.text\n  }\n\n  _isSelected(value: any, item: Option) {\n    return value === this._getOptionValue(item)\n  }\n}\n"]}

package/dist/src/selector/board-creation-popup.d.ts

@@ -0,0 +1,19 @@
+import '@material/mwc-textfield';
+import '@material/mwc-textarea';
+import '@material/mwc-select';
+import '@material/mwc-list/mwc-list-item';
+import '@material/mwc-button';
+import { LitElement } from 'lit';
+declare const BoardCreationPopup_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+export declare class BoardCreationPopup extends BoardCreationPopup_base {
+    static get styles(): import("lit").CSSResult[];
+    defaultGroup?: string;
+    groups?: {
+        id: string;
+        name: string;
+    }[];
+    render(): import("lit-html").TemplateResult<1>;
+    firstUpdated(): void;
+    onClickSubmit(): void;
+}
+export {};

package/dist/src/selector/board-creation-popup.js

@@ -0,0 +1,100 @@
+import { __decorate } from "tslib";
+import '@material/mwc-textfield';
+import '@material/mwc-textarea';
+import '@material/mwc-select';
+import '@material/mwc-list/mwc-list-item';
+import '@material/mwc-button';
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { i18next, localize } from '@operato/i18n';
+export let BoardCreationPopup = class BoardCreationPopup extends localize(i18next)(LitElement) {
+    static get styles() {
+        return [
+            css `
+        :host {
+          display: flex;
+          flex-direction: column;
+
+          padding: 10px;
+          background-color: white;
+        }
+
+        :host > * {
+          margin: 10px;
+        }
+
+        [content] {
+          flex: 1;
+          display: flex;
+          flex-direction: column;
+          overflow: auto;
+        }
+
+        [content] > * {
+          margin: 10px 0;
+        }
+      `
+        ];
+    }
+    render() {
+        var groups = this.groups || [];
+        return html `
+      <div content>
+        <mwc-textfield label=${String(i18next.t('label.name'))} name="name" required field-name></mwc-textfield>
+        <mwc-textarea
+          label=${String(i18next.t('label.description'))}
+          name="description"
+          field-description
+        ></mwc-textarea>
+        <mwc-select
+          label=${String(i18next.t('label.group'))}
+          field-group
+          helper="If there is no group to choose, you can leave it empty."
+        >
+          ${groups.map(group => html `
+              <mwc-list-item value=${group.id} ?selected=${this.defaultGroup == group.id}>${group.name}</mwc-list-item>
+            `)}
+        </mwc-select>
+      </div>
+
+      <mwc-button
+        raised
+        label=${String(i18next.t('button.create'))}
+        @click=${(e) => this.onClickSubmit()}
+      ></mwc-button>
+    `;
+    }
+    firstUpdated() {
+        setTimeout(() => {
+            var _a;
+            ;
+            (_a = this.renderRoot.querySelector('mwc-textfield')) === null || _a === void 0 ? void 0 : _a.focus();
+        }, 100);
+    }
+    onClickSubmit() {
+        var [name, description, groupId] = ['name', 'description', 'group'].map(attr => {
+            var _a;
+            return (_a = this.renderRoot.querySelector(`[field-${attr}]`)) === null || _a === void 0 ? void 0 : _a.value;
+        });
+        if (!name) {
+            return;
+        }
+        this.dispatchEvent(new CustomEvent('create-board', {
+            detail: {
+                name,
+                description,
+                groupId
+            }
+        }));
+    }
+};
+__decorate([
+    property({ type: String })
+], BoardCreationPopup.prototype, "defaultGroup", void 0);
+__decorate([
+    property({ type: Array })
+], BoardCreationPopup.prototype, "groups", void 0);
+BoardCreationPopup = __decorate([
+    customElement('board-creation-popup')
+], BoardCreationPopup);
+//# sourceMappingURL=board-creation-popup.js.map

package/dist/src/selector/board-creation-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"board-creation-popup.js","sourceRoot":"","sources":["../../../src/selector/board-creation-popup.ts"],"names":[],"mappings":";AAAA,OAAO,yBAAyB,CAAA;AAChC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,sBAAsB,CAAA;AAC7B,OAAO,kCAAkC,CAAA;AACzC,OAAO,sBAAsB,CAAA;AAE7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAG1C,WAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IACnE,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;OAuBF;SACF,CAAA;IACH,CAAC;IAKD,MAAM;QACJ,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,CAAA;QAE9B,OAAO,IAAI,CAAA;;+BAEgB,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;;kBAE5C,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC;;;;;kBAKtC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;;;;YAItC,MAAM,CAAC,GAAG,CACV,KAAK,CAAC,EAAE,CAAC,IAAI,CAAA;qCACY,KAAK,CAAC,EAAE,cAAc,IAAI,CAAC,YAAY,IAAI,KAAK,CAAC,EAAE,IAAI,KAAK,CAAC,IAAI;aACzF,CACF;;;;;;gBAMK,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;iBACjC,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;KAEnD,CAAA;IACH,CAAC;IAED,YAAY;QACV,UAAU,CAAC,GAAG,EAAE;;YACd,CAAC;YAAA,MAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,eAAe,CAAS,0CAAE,KAAK,EAAE,CAAA;QACnE,CAAC,EAAE,GAAG,CAAC,CAAA;IACT,CAAC;IAED,aAAa;QACX,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;;YAC7E,OAAO,MAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,IAAI,GAAG,CAAS,0CAAE,KAAK,CAAA;QACzE,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,IAAI,EAAE;YACT,OAAM;SACP;QAED,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,cAAc,EAAE;YAC9B,MAAM,EAAE;gBACN,IAAI;gBACJ,WAAW;gBACX,OAAO;aACR;SACF,CAAC,CACH,CAAA;IACH,CAAC;CACF,CAAA;AA5D6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDAAsB;AACtB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;kDAAwC;AA/BvD,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CA0F9B","sourcesContent":["import '@material/mwc-textfield'\nimport '@material/mwc-textarea'\nimport '@material/mwc-select'\nimport '@material/mwc-list/mwc-list-item'\nimport '@material/mwc-button'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\n\n@customElement('board-creation-popup')\nexport class BoardCreationPopup extends localize(i18next)(LitElement) {\n  static get styles() {\n    return [\n      css`\n        :host {\n          display: flex;\n          flex-direction: column;\n\n          padding: 10px;\n          background-color: white;\n        }\n\n        :host > * {\n          margin: 10px;\n        }\n\n        [content] {\n          flex: 1;\n          display: flex;\n          flex-direction: column;\n          overflow: auto;\n        }\n\n        [content] > * {\n          margin: 10px 0;\n        }\n      `\n    ]\n  }\n\n  @property({ type: String }) defaultGroup?: string\n  @property({ type: Array }) groups?: { id: string; name: string }[]\n\n  render() {\n    var groups = this.groups || []\n\n    return html`\n      <div content>\n        <mwc-textfield label=${String(i18next.t('label.name'))} name=\"name\" required field-name></mwc-textfield>\n        <mwc-textarea\n          label=${String(i18next.t('label.description'))}\n          name=\"description\"\n          field-description\n        ></mwc-textarea>\n        <mwc-select\n          label=${String(i18next.t('label.group'))}\n          field-group\n          helper=\"If there is no group to choose, you can leave it empty.\"\n        >\n          ${groups.map(\n            group => html`\n              <mwc-list-item value=${group.id} ?selected=${this.defaultGroup == group.id}>${group.name}</mwc-list-item>\n            `\n          )}\n        </mwc-select>\n      </div>\n\n      <mwc-button\n        raised\n        label=${String(i18next.t('button.create'))}\n        @click=${(e: MouseEvent) => this.onClickSubmit()}\n      ></mwc-button>\n    `\n  }\n\n  firstUpdated() {\n    setTimeout(() => {\n      ;(this.renderRoot.querySelector('mwc-textfield') as any)?.focus()\n    }, 100)\n  }\n\n  onClickSubmit() {\n    var [name, description, groupId] = ['name', 'description', 'group'].map(attr => {\n      return (this.renderRoot.querySelector(`[field-${attr}]`) as any)?.value\n    })\n\n    if (!name) {\n      return\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('create-board', {\n        detail: {\n          name,\n          description,\n          groupId\n        }\n      })\n    )\n  }\n}\n"]}

package/dist/src/selector/board-thumbnail-card.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+declare const BoardThumbnailCard_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+export declare class BoardThumbnailCard extends BoardThumbnailCard_base {
+    static get styles(): import("lit").CSSResult[];
+    defaultGroup?: string;
+    groups?: {
+        id: string;
+        name: string;
+    }[];
+    render(): import("lit-html").TemplateResult<1>;
+    onClickFlip(e: Event): void;
+    onClickSubmit(e: Event): void;
+    reset(): void;
+}
+export {};