@operato/board 0.3.8 → 0.3.9

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+### [0.3.9](https://github.com/hatiolab/operato/compare/v0.3.8...v0.3.9) (2022-01-15)
+
+
+### :bug: Bug Fix
+
+* move @operato/board/utils to @operato/utils ([06ba865](https://github.com/hatiolab/operato/commit/06ba865ac70bd65166fd20b6d23cc5241d9fca17))
+
+
+
 ### [0.3.8](https://github.com/hatiolab/operato/compare/v0.3.7...v0.3.8) (2022-01-14)
 
 **Note:** Version bump only for package @operato/board

package/custom-elements.json

@@ -3185,221 +3185,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/fullscreen.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "fullscreen",
-          "parameters": [
-            {
-              "name": "element",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "description": "대상 엘리먼트"
-            },
-            {
-              "name": "afterfull",
-              "optional": true,
-              "type": {
-                "text": "FullscreenCallback"
-              },
-              "description": "풀스크린이 된 이후에 호출되는 콜백함수"
-            },
-            {
-              "name": "afterfinish",
-              "optional": true,
-              "type": {
-                "text": "FullscreenCallback"
-              },
-              "description": "풀스크린이 해제된 이후에 호출되는 콜백함수"
-            }
-          ],
-          "description": "엘리먼트를 풀스크린으로 표시되도록 한다."
-        },
-        {
-          "kind": "function",
-          "name": "exitfullscreen"
-        },
-        {
-          "kind": "function",
-          "name": "togglefullscreen",
-          "parameters": [
-            {
-              "name": "element",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "name": "afterfull",
-              "optional": true,
-              "type": {
-                "text": "FullscreenCallback"
-              }
-            },
-            {
-              "name": "afterfinish",
-              "optional": true,
-              "type": {
-                "text": "FullscreenCallback"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "fullscreen",
-          "declaration": {
-            "name": "fullscreen",
-            "module": "src/utils/fullscreen.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "exitfullscreen",
-          "declaration": {
-            "name": "exitfullscreen",
-            "module": "src/utils/fullscreen.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "togglefullscreen",
-          "declaration": {
-            "name": "togglefullscreen",
-            "module": "src/utils/fullscreen.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/os.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "getOS",
-          "description": "method to get operating system of running browser",
-          "return": {
-            "type": {
-              "text": "string"
-            }
-          }
-        },
-        {
-          "kind": "function",
-          "name": "isMobileDevice",
-          "description": "method to tell if platform of running browser is kind of mobile device",
-          "return": {
-            "type": {
-              "text": "boolean"
-            }
-          }
-        },
-        {
-          "kind": "function",
-          "name": "isIOS",
-          "description": "method to tell if operating system of running browser is iOS",
-          "return": {
-            "type": {
-              "text": "boolean"
-            }
-          }
-        },
-        {
-          "kind": "function",
-          "name": "isMacOS",
-          "description": "method to tell if operating system of running browser is MacOS",
-          "return": {
-            "type": {
-              "text": "boolean"
-            }
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "getOS",
-          "declaration": {
-            "name": "getOS",
-            "module": "src/utils/os.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "isMobileDevice",
-          "declaration": {
-            "name": "isMobileDevice",
-            "module": "src/utils/os.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "isIOS",
-          "declaration": {
-            "name": "isIOS",
-            "module": "src/utils/os.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "isMacOS",
-          "declaration": {
-            "name": "isMacOS",
-            "module": "src/utils/os.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/swipe-listener.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "SwipeListener",
-          "parameters": [
-            {
-              "name": "element",
-              "type": {
-                "text": "DOMElement"
-              },
-              "description": "Element on which to listen for swipe gestures."
-            },
-            {
-              "name": "options",
-              "optional": true,
-              "type": {
-                "text": "Object"
-              },
-              "description": "Optional: Options."
-            }
-          ],
-          "description": "Starts monitoring swipes on the given element and\nemits `swipe` event when a swipe gesture is performed.",
-          "return": {
-            "type": {
-              "text": "Object"
-            }
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SwipeListener",
-          "declaration": {
-            "name": "SwipeListener",
-            "module": "src/utils/swipe-listener.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/modeller/component-toolbar/component-detail.ts",

package/dist/src/ox-board-modeller.js

@@ -11,7 +11,7 @@ import { css, html, LitElement } from 'lit';
 import { customElement, property, query } from 'lit/decorators.js';
 import { SCENE_MODE } from '@hatiolab/things-scene';
 import { OxPopup } from '@operato/popup';
-import { togglefullscreen } from './utils/fullscreen';
+import { togglefullscreen } from '@operato/utils';
 const isMacOS = navigator.userAgent.indexOf('Mac') != -1;
 const ICON_PROPERTIES = new URL('../../icons/icon-properties.png', import.meta.url).href;
 const ICON_PROPERTIES_LINE_TYPE = new URL('../../icons/icon-properties-line-type.png', import.meta.url).href;

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

@@ -1 +1 @@
-{"version":3,"file":"ox-board-modeller.js","sourceRoot":"","sources":["../../src/ox-board-modeller.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-fab'\nimport './modeller/scene-viewer/ox-scene-viewer'\nimport './modeller/component-toolbar/component-toolbar'\nimport './modeller/property-sidebar/property-sidebar'\nimport './modeller/edit-toolbar'\nimport '@hatiolab/things-scene'\nimport './ox-board-viewer'\n\nimport { saveAs } from 'file-saver'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { Scene, SCENE_MODE } from '@hatiolab/things-scene'\nimport { OxPopup } from '@operato/popup'\n\nimport { EditToolbar } from './modeller/edit-toolbar'\nimport { ComponentGroup, ComponentTemplate } from './types'\nimport { togglefullscreen } from './utils/fullscreen'\n\nconst isMacOS = navigator.userAgent.indexOf('Mac') != -1\n\nconst ICON_PROPERTIES = new URL('../../icons/icon-properties.png', import.meta.url).href\nconst ICON_PROPERTIES_LINE_TYPE = new URL('../../icons/icon-properties-line-type.png', import.meta.url).href\nconst ICON_PROPERTIES_ARROW_TYPE = new URL('../../icons/icon-properties-arrow-type.png', import.meta.url).href\nconst ICON_PROPERTIES_LABEL = new URL('../../icons/icon-properties-label.png', import.meta.url).href\nconst ICON_PROPERTIES_PADDING = new URL('../../icons/icon-properties-padding.png', import.meta.url).href\n\nconst ICON_HTOOLBAR = new URL('../../icons/icon-htoolbar.png', import.meta.url).href\nconst ICON_FULLSCREEN = new URL('../../icons/icon-fullscreen.png', import.meta.url).href\nconst ICON_COLLAPSE = new URL('../../icons/icon-collapse.png', import.meta.url).href\nconst ICON_COLLAPSE_ACTIVE = new URL('../../icons/icon-collapse-active.png', import.meta.url).href\n\nconst ICON_SHELL_INSPECTOR = new URL('../../icons/icon-shell-inspector.png', import.meta.url).href\n\nvar Registry: ComponentGroup[] = []\n\n@customElement('ox-board-modeller')\nexport class BoardModeller extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: grid;\n\n        grid-template-rows: auto 1fr;\n        grid-template-columns: auto 1fr auto;\n        grid-template-areas: 'toolbar toolbar toolbar' 'palletbar scene propertybar';\n        grid-gap: 0;\n\n        height: 100%;\n        overflow: hidden;\n      }\n\n      #toolbar {\n        grid-area: toolbar;\n      }\n\n      edit-toolbar {\n        grid-area: toolbar;\n      }\n\n      component-toolbar {\n        grid-area: palletbar;\n      }\n\n      property-sidebar {\n        grid-area: propertybar;\n        overflow: hidden;\n      }\n\n      #scene-wrap {\n        grid-area: scene;\n        position: relative;\n\n        display: flex;\n        flex-direction: row;\n      }\n\n      ox-scene-viewer {\n        flex: 1;\n        width: 100%;\n        height: 100%;\n      }\n\n      mwc-fab {\n        position: absolute;\n        right: 15px;\n        bottom: 15px;\n      }\n\n      ox-popup {\n        width: 90%;\n        height: 90%;\n        left: 50%;\n        top: 50%;\n        transform: translateX(-50%) translateY(-50%);\n        background: var(--secondary-color, black);\n\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n      }\n\n      ox-board-viewer {\n        width: 98%;\n        height: 98%;\n        margin: auto;\n        padding: 0;\n      }\n    `\n  ]\n\n  static registerGroup(group: ComponentGroup) {\n    var found = Registry.find(inRegisterGroup => inRegisterGroup.name == group.name)\n\n    if (found) {\n      found = {\n        ...found,\n        ...group\n      }\n    } else {\n      Registry.push(group)\n    }\n  }\n\n  static registerTemplate(templates: ComponentTemplate[]): void {\n    templates &&\n      templates.forEach(template => {\n        var group = Registry.find(group => group.name == template.group)\n\n        if (!group) {\n          console.warn('Invalid group', group, template)\n          return\n        }\n\n        if (!group.templates.find(inGroupTemplate => inGroupTemplate.type == template.type)) {\n          group.templates.push(template)\n        }\n      })\n  }\n\n  static get groups(): ComponentGroup[] {\n    return Registry\n  }\n\n  static getGroup(name: string) {\n    return Registry.find(group => group.name === name)\n  }\n\n  @property({ type: String }) boardName: string = ''\n  @property({ type: Object }) model: any = null\n  @property({ type: String }) baseUrl: string = ''\n  @property({ type: Array }) selected: any[] = []\n  @property({ type: Number }) mode: SCENE_MODE = SCENE_MODE.EDIT\n  @property({ type: Object }) provider: any = null\n  @property({ type: Boolean }) hideProperty: boolean = false\n  @property({ type: String }) overlay: string = ''\n  @property({ type: Object }) scene?: Scene\n  @property({ type: Array }) componentGroupList: any[] = []\n  @property({ type: Array }) fonts: any[] = []\n  @property({ type: Array }) propertyEditor: any[] = []\n\n  @query('edit-toolbar') private editToolbar!: EditToolbar\n\n  private group: string = ''\n  private shortcutHandler?: (e: KeyboardEvent) => void\n\n  constructor() {\n    super()\n\n    document.addEventListener('get-all-scene-component-ids', (e: Event) => {\n      var { component, callback } = (e as CustomEvent).detail\n\n      if (!this.scene) return\n\n      var ids\n      if (component) {\n        ids = this.scene.findAll(component).map(c => c.model.id)\n      } else {\n        // @ts-ignore\n        ids = this.scene.ids.map(({ key }) => key)\n      }\n\n      ids = ids.filter(id => !!id).sort()\n      callback(ids)\n    })\n\n    this.style.setProperty('--url-icon-properties', `url(${ICON_PROPERTIES})`)\n    this.style.setProperty('--url-icon-properties-label', `url(${ICON_PROPERTIES_LABEL})`)\n    this.style.setProperty('--url-icon-properties-padding', `url(${ICON_PROPERTIES_PADDING})`)\n    this.style.setProperty('--url-icon-properties-line-type', `url(${ICON_PROPERTIES_LINE_TYPE})`)\n    this.style.setProperty('--url-icon-properties-arrow-type', `url(${ICON_PROPERTIES_ARROW_TYPE})`)\n\n    this.style.setProperty('--url-icon-htoolbar', `url(${ICON_HTOOLBAR})`)\n    this.style.setProperty('--url-icon-fullscreen', `url(${ICON_FULLSCREEN})`)\n    this.style.setProperty('--url-icon-collapse', `url(${ICON_COLLAPSE})`)\n    this.style.setProperty('--url-icon-collapse-active', `url(${ICON_COLLAPSE_ACTIVE})`)\n\n    this.style.setProperty('--url-icon-shell-inspector', `url(${ICON_SHELL_INSPECTOR})`)\n  }\n\n  render() {\n    return html`\n      <edit-toolbar\n        id=\"edittoolbar\"\n        .scene=${this.scene}\n        .selected=${this.selected}\n        @hide-property-changed=${(e: CustomEvent) => (this.hideProperty = e.detail.value)}\n        @open-preview=${() => this.preview()}\n        @download-model=${() => this.downloadModel()}\n        @modeller-fullscreen=${() => togglefullscreen(this)}\n      >\n        ${this.renderBrandingZone()}\n      </edit-toolbar>\n\n      <component-toolbar\n        .scene=${this.scene}\n        .mode=${this.mode}\n        @mode-changed=${(e: CustomEvent) => {\n          this.mode = e.detail.value\n        }}\n        .componentGroupList=${this.componentGroupList}\n        .group=${this.group}\n      >\n      </component-toolbar>\n\n      <div id=\"scene-wrap\">\n        <ox-scene-viewer\n          id=\"scene\"\n          .scene=${this.scene}\n          @scene-changed=${(e: CustomEvent) => {\n            this.scene = e.detail.value\n          }}\n          .model=${this.model}\n          .selected=${this.selected}\n          @selected-changed=${(e: CustomEvent) => {\n            this.selected = e.detail.value\n          }}\n          .mode=${this.mode}\n          @mode-changed=${(e: CustomEvent) => {\n            this.mode = e.detail.value\n          }}\n          fit=\"ratio\"\n          .baseUrl=${this.baseUrl}\n          @contextmenu=${() => this.onContextMenu()}\n          .provider=${this.provider}\n          name=\"modeller\"\n        >\n          <ox-scene-layer type=\"selection-layer\"></ox-scene-layer>\n          <ox-scene-layer type=\"modeling-layer\"></ox-scene-layer>\n          <ox-scene-layer type=\"guide-layer\">\n            <ox-scene-property name=\"ruler\" value=\"disabled\"></ox-scene-property>\n          </ox-scene-layer>\n          <ox-scene-layer type=\"shift-layer\">\n            <ox-scene-property name=\"text\" value=\"${this.overlay}\"></ox-scene-property>\n            <ox-scene-property name=\"alpha\" value=\"0.3\"></ox-scene-property>\n            <ox-scene-property name=\"fontFamily\" value=\"arial\"></ox-scene-property>\n            <ox-scene-property name=\"fontSize\" value=\"30\" type=\"number\"></ox-scene-property>\n            <ox-scene-property name=\"fontColor\" value=\"navy\"></ox-scene-property>\n            <ox-scene-property name=\"textBaseline\" value=\"top\"></ox-scene-property>\n            <ox-scene-property name=\"textAlign\" value=\"left\"></ox-scene-property>\n            <ox-scene-property name=\"paddingTop\" value=\"50\" type=\"number\"></ox-scene-property>\n            <ox-scene-property name=\"paddingLeft\" value=\"50\" type=\"number\"></ox-scene-property>\n          </ox-scene-layer>\n          <ox-scene-layer type=\"tag-layer\"></ox-scene-layer>\n          <ox-scene-handler type=\"text-editor\"></ox-scene-handler>\n          <ox-scene-handler type=\"move-handler\"></ox-scene-handler>\n        </ox-scene-viewer>\n\n        <mwc-fab icon=\"save\" @click=${() => this.onTapSave()} title=\"save\"> </mwc-fab>\n      </div>\n\n      <property-sidebar\n        .scene=${this.scene}\n        .selected=${this.selected}\n        .collapsed=${this.hideProperty}\n        .fonts=${this.fonts}\n        .propertyEditor=${this.propertyEditor}\n      >\n      </property-sidebar>\n    `\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback()\n    this.bindShortcutEvent()\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback()\n    this.unbindShortcutEvent()\n  }\n\n  close() {\n    this.model = null\n    this.requestUpdate()\n  }\n\n  onShortcut(e: KeyboardEvent) {\n    if (isMacOS) var ctrlKey = e.metaKey\n    else var ctrlKey = e.ctrlKey\n\n    switch (e.code) {\n      case 'KeyS':\n        if (ctrlKey) {\n          this.onTapSave()\n          e.preventDefault()\n        }\n        break\n    }\n  }\n\n  preview() {\n    const board = {\n      id: 'preview',\n      model: this.scene?.model ? JSON.parse(JSON.stringify(this.scene.model)) : null\n    }\n\n    OxPopup.open({\n      template: html` <ox-board-viewer .provider=${this.provider} .board=${board}></ox-board-viewer> `,\n      parent: this.renderRoot as Element\n    })\n\n    requestAnimationFrame(() => {\n      dispatchEvent(new Event('resize'))\n    })\n  }\n\n  downloadModel() {\n    if (!this.scene) return\n\n    var model = JSON.stringify(this.model, null, 2)\n    var filename = (this.boardName || 'NONAME') + '-' + Date.now() + '.json'\n    saveAs(new Blob([model], { type: 'application/octet-stream' }), filename)\n  }\n\n  renderBrandingZone() {\n    return html``\n  }\n\n  onTapSave() {\n    this.dispatchEvent(new CustomEvent('save-model', { bubbles: true, composed: true, detail: { model: this.model } }))\n  }\n\n  bindShortcutEvent() {\n    // TODO: Global Hotkey에 대한 정의를 edit-toolbar에서 가져올 수 있도록 수정해야 함.\n    const GLOBAL_HOTKEYS = ['Digit1', 'Digit2', 'F11', 'KeyD', 'KeyP', 'KeyS']\n\n    this.shortcutHandler = (e: KeyboardEvent) => {\n      const target = e.composedPath()[0] as HTMLElement\n      var tagName = target.tagName\n      var isInput = target.isContentEditable || tagName == 'INPUT' || tagName == 'SELECT' || tagName == 'TEXTAREA'\n      var isGlobalHotkey = GLOBAL_HOTKEYS.includes(e.code)\n\n      if (!isGlobalHotkey && isInput) return\n      if (!this.editToolbar.onShortcut(e)) this.onShortcut(e)\n    }\n\n    document.addEventListener('keydown', this.shortcutHandler)\n  }\n\n  unbindShortcutEvent() {\n    if (this.shortcutHandler) {\n      document.removeEventListener('keydown', this.shortcutHandler)\n      delete this.shortcutHandler\n    }\n  }\n\n  onContextMenu() {}\n}\n"]}
+{"version":3,"file":"ox-board-modeller.js","sourceRoot":"","sources":["../../src/ox-board-modeller.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-fab'\nimport './modeller/scene-viewer/ox-scene-viewer'\nimport './modeller/component-toolbar/component-toolbar'\nimport './modeller/property-sidebar/property-sidebar'\nimport './modeller/edit-toolbar'\nimport '@hatiolab/things-scene'\nimport './ox-board-viewer'\n\nimport { saveAs } from 'file-saver'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { Scene, SCENE_MODE } from '@hatiolab/things-scene'\nimport { OxPopup } from '@operato/popup'\nimport { togglefullscreen } from '@operato/utils'\n\nimport { EditToolbar } from './modeller/edit-toolbar'\nimport { ComponentGroup, ComponentTemplate } from './types'\n\nconst isMacOS = navigator.userAgent.indexOf('Mac') != -1\n\nconst ICON_PROPERTIES = new URL('../../icons/icon-properties.png', import.meta.url).href\nconst ICON_PROPERTIES_LINE_TYPE = new URL('../../icons/icon-properties-line-type.png', import.meta.url).href\nconst ICON_PROPERTIES_ARROW_TYPE = new URL('../../icons/icon-properties-arrow-type.png', import.meta.url).href\nconst ICON_PROPERTIES_LABEL = new URL('../../icons/icon-properties-label.png', import.meta.url).href\nconst ICON_PROPERTIES_PADDING = new URL('../../icons/icon-properties-padding.png', import.meta.url).href\n\nconst ICON_HTOOLBAR = new URL('../../icons/icon-htoolbar.png', import.meta.url).href\nconst ICON_FULLSCREEN = new URL('../../icons/icon-fullscreen.png', import.meta.url).href\nconst ICON_COLLAPSE = new URL('../../icons/icon-collapse.png', import.meta.url).href\nconst ICON_COLLAPSE_ACTIVE = new URL('../../icons/icon-collapse-active.png', import.meta.url).href\n\nconst ICON_SHELL_INSPECTOR = new URL('../../icons/icon-shell-inspector.png', import.meta.url).href\n\nvar Registry: ComponentGroup[] = []\n\n@customElement('ox-board-modeller')\nexport class BoardModeller extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: grid;\n\n        grid-template-rows: auto 1fr;\n        grid-template-columns: auto 1fr auto;\n        grid-template-areas: 'toolbar toolbar toolbar' 'palletbar scene propertybar';\n        grid-gap: 0;\n\n        height: 100%;\n        overflow: hidden;\n      }\n\n      #toolbar {\n        grid-area: toolbar;\n      }\n\n      edit-toolbar {\n        grid-area: toolbar;\n      }\n\n      component-toolbar {\n        grid-area: palletbar;\n      }\n\n      property-sidebar {\n        grid-area: propertybar;\n        overflow: hidden;\n      }\n\n      #scene-wrap {\n        grid-area: scene;\n        position: relative;\n\n        display: flex;\n        flex-direction: row;\n      }\n\n      ox-scene-viewer {\n        flex: 1;\n        width: 100%;\n        height: 100%;\n      }\n\n      mwc-fab {\n        position: absolute;\n        right: 15px;\n        bottom: 15px;\n      }\n\n      ox-popup {\n        width: 90%;\n        height: 90%;\n        left: 50%;\n        top: 50%;\n        transform: translateX(-50%) translateY(-50%);\n        background: var(--secondary-color, black);\n\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n      }\n\n      ox-board-viewer {\n        width: 98%;\n        height: 98%;\n        margin: auto;\n        padding: 0;\n      }\n    `\n  ]\n\n  static registerGroup(group: ComponentGroup) {\n    var found = Registry.find(inRegisterGroup => inRegisterGroup.name == group.name)\n\n    if (found) {\n      found = {\n        ...found,\n        ...group\n      }\n    } else {\n      Registry.push(group)\n    }\n  }\n\n  static registerTemplate(templates: ComponentTemplate[]): void {\n    templates &&\n      templates.forEach(template => {\n        var group = Registry.find(group => group.name == template.group)\n\n        if (!group) {\n          console.warn('Invalid group', group, template)\n          return\n        }\n\n        if (!group.templates.find(inGroupTemplate => inGroupTemplate.type == template.type)) {\n          group.templates.push(template)\n        }\n      })\n  }\n\n  static get groups(): ComponentGroup[] {\n    return Registry\n  }\n\n  static getGroup(name: string) {\n    return Registry.find(group => group.name === name)\n  }\n\n  @property({ type: String }) boardName: string = ''\n  @property({ type: Object }) model: any = null\n  @property({ type: String }) baseUrl: string = ''\n  @property({ type: Array }) selected: any[] = []\n  @property({ type: Number }) mode: SCENE_MODE = SCENE_MODE.EDIT\n  @property({ type: Object }) provider: any = null\n  @property({ type: Boolean }) hideProperty: boolean = false\n  @property({ type: String }) overlay: string = ''\n  @property({ type: Object }) scene?: Scene\n  @property({ type: Array }) componentGroupList: any[] = []\n  @property({ type: Array }) fonts: any[] = []\n  @property({ type: Array }) propertyEditor: any[] = []\n\n  @query('edit-toolbar') private editToolbar!: EditToolbar\n\n  private group: string = ''\n  private shortcutHandler?: (e: KeyboardEvent) => void\n\n  constructor() {\n    super()\n\n    document.addEventListener('get-all-scene-component-ids', (e: Event) => {\n      var { component, callback } = (e as CustomEvent).detail\n\n      if (!this.scene) return\n\n      var ids\n      if (component) {\n        ids = this.scene.findAll(component).map(c => c.model.id)\n      } else {\n        // @ts-ignore\n        ids = this.scene.ids.map(({ key }) => key)\n      }\n\n      ids = ids.filter(id => !!id).sort()\n      callback(ids)\n    })\n\n    this.style.setProperty('--url-icon-properties', `url(${ICON_PROPERTIES})`)\n    this.style.setProperty('--url-icon-properties-label', `url(${ICON_PROPERTIES_LABEL})`)\n    this.style.setProperty('--url-icon-properties-padding', `url(${ICON_PROPERTIES_PADDING})`)\n    this.style.setProperty('--url-icon-properties-line-type', `url(${ICON_PROPERTIES_LINE_TYPE})`)\n    this.style.setProperty('--url-icon-properties-arrow-type', `url(${ICON_PROPERTIES_ARROW_TYPE})`)\n\n    this.style.setProperty('--url-icon-htoolbar', `url(${ICON_HTOOLBAR})`)\n    this.style.setProperty('--url-icon-fullscreen', `url(${ICON_FULLSCREEN})`)\n    this.style.setProperty('--url-icon-collapse', `url(${ICON_COLLAPSE})`)\n    this.style.setProperty('--url-icon-collapse-active', `url(${ICON_COLLAPSE_ACTIVE})`)\n\n    this.style.setProperty('--url-icon-shell-inspector', `url(${ICON_SHELL_INSPECTOR})`)\n  }\n\n  render() {\n    return html`\n      <edit-toolbar\n        id=\"edittoolbar\"\n        .scene=${this.scene}\n        .selected=${this.selected}\n        @hide-property-changed=${(e: CustomEvent) => (this.hideProperty = e.detail.value)}\n        @open-preview=${() => this.preview()}\n        @download-model=${() => this.downloadModel()}\n        @modeller-fullscreen=${() => togglefullscreen(this)}\n      >\n        ${this.renderBrandingZone()}\n      </edit-toolbar>\n\n      <component-toolbar\n        .scene=${this.scene}\n        .mode=${this.mode}\n        @mode-changed=${(e: CustomEvent) => {\n          this.mode = e.detail.value\n        }}\n        .componentGroupList=${this.componentGroupList}\n        .group=${this.group}\n      >\n      </component-toolbar>\n\n      <div id=\"scene-wrap\">\n        <ox-scene-viewer\n          id=\"scene\"\n          .scene=${this.scene}\n          @scene-changed=${(e: CustomEvent) => {\n            this.scene = e.detail.value\n          }}\n          .model=${this.model}\n          .selected=${this.selected}\n          @selected-changed=${(e: CustomEvent) => {\n            this.selected = e.detail.value\n          }}\n          .mode=${this.mode}\n          @mode-changed=${(e: CustomEvent) => {\n            this.mode = e.detail.value\n          }}\n          fit=\"ratio\"\n          .baseUrl=${this.baseUrl}\n          @contextmenu=${() => this.onContextMenu()}\n          .provider=${this.provider}\n          name=\"modeller\"\n        >\n          <ox-scene-layer type=\"selection-layer\"></ox-scene-layer>\n          <ox-scene-layer type=\"modeling-layer\"></ox-scene-layer>\n          <ox-scene-layer type=\"guide-layer\">\n            <ox-scene-property name=\"ruler\" value=\"disabled\"></ox-scene-property>\n          </ox-scene-layer>\n          <ox-scene-layer type=\"shift-layer\">\n            <ox-scene-property name=\"text\" value=\"${this.overlay}\"></ox-scene-property>\n            <ox-scene-property name=\"alpha\" value=\"0.3\"></ox-scene-property>\n            <ox-scene-property name=\"fontFamily\" value=\"arial\"></ox-scene-property>\n            <ox-scene-property name=\"fontSize\" value=\"30\" type=\"number\"></ox-scene-property>\n            <ox-scene-property name=\"fontColor\" value=\"navy\"></ox-scene-property>\n            <ox-scene-property name=\"textBaseline\" value=\"top\"></ox-scene-property>\n            <ox-scene-property name=\"textAlign\" value=\"left\"></ox-scene-property>\n            <ox-scene-property name=\"paddingTop\" value=\"50\" type=\"number\"></ox-scene-property>\n            <ox-scene-property name=\"paddingLeft\" value=\"50\" type=\"number\"></ox-scene-property>\n          </ox-scene-layer>\n          <ox-scene-layer type=\"tag-layer\"></ox-scene-layer>\n          <ox-scene-handler type=\"text-editor\"></ox-scene-handler>\n          <ox-scene-handler type=\"move-handler\"></ox-scene-handler>\n        </ox-scene-viewer>\n\n        <mwc-fab icon=\"save\" @click=${() => this.onTapSave()} title=\"save\"> </mwc-fab>\n      </div>\n\n      <property-sidebar\n        .scene=${this.scene}\n        .selected=${this.selected}\n        .collapsed=${this.hideProperty}\n        .fonts=${this.fonts}\n        .propertyEditor=${this.propertyEditor}\n      >\n      </property-sidebar>\n    `\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback()\n    this.bindShortcutEvent()\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback()\n    this.unbindShortcutEvent()\n  }\n\n  close() {\n    this.model = null\n    this.requestUpdate()\n  }\n\n  onShortcut(e: KeyboardEvent) {\n    if (isMacOS) var ctrlKey = e.metaKey\n    else var ctrlKey = e.ctrlKey\n\n    switch (e.code) {\n      case 'KeyS':\n        if (ctrlKey) {\n          this.onTapSave()\n          e.preventDefault()\n        }\n        break\n    }\n  }\n\n  preview() {\n    const board = {\n      id: 'preview',\n      model: this.scene?.model ? JSON.parse(JSON.stringify(this.scene.model)) : null\n    }\n\n    OxPopup.open({\n      template: html` <ox-board-viewer .provider=${this.provider} .board=${board}></ox-board-viewer> `,\n      parent: this.renderRoot as Element\n    })\n\n    requestAnimationFrame(() => {\n      dispatchEvent(new Event('resize'))\n    })\n  }\n\n  downloadModel() {\n    if (!this.scene) return\n\n    var model = JSON.stringify(this.model, null, 2)\n    var filename = (this.boardName || 'NONAME') + '-' + Date.now() + '.json'\n    saveAs(new Blob([model], { type: 'application/octet-stream' }), filename)\n  }\n\n  renderBrandingZone() {\n    return html``\n  }\n\n  onTapSave() {\n    this.dispatchEvent(new CustomEvent('save-model', { bubbles: true, composed: true, detail: { model: this.model } }))\n  }\n\n  bindShortcutEvent() {\n    // TODO: Global Hotkey에 대한 정의를 edit-toolbar에서 가져올 수 있도록 수정해야 함.\n    const GLOBAL_HOTKEYS = ['Digit1', 'Digit2', 'F11', 'KeyD', 'KeyP', 'KeyS']\n\n    this.shortcutHandler = (e: KeyboardEvent) => {\n      const target = e.composedPath()[0] as HTMLElement\n      var tagName = target.tagName\n      var isInput = target.isContentEditable || tagName == 'INPUT' || tagName == 'SELECT' || tagName == 'TEXTAREA'\n      var isGlobalHotkey = GLOBAL_HOTKEYS.includes(e.code)\n\n      if (!isGlobalHotkey && isInput) return\n      if (!this.editToolbar.onShortcut(e)) this.onShortcut(e)\n    }\n\n    document.addEventListener('keydown', this.shortcutHandler)\n  }\n\n  unbindShortcutEvent() {\n    if (this.shortcutHandler) {\n      document.removeEventListener('keydown', this.shortcutHandler)\n      delete this.shortcutHandler\n    }\n  }\n\n  onContextMenu() {}\n}\n"]}

package/dist/src/ox-board-player.js

@@ -3,10 +3,9 @@ import '@material/mwc-fab';
 import '@material/mwc-icon';
 import './player/ox-board-wrapper';
 import './player/ox-board-player-carousel';
-import { LitElement, html } from 'lit';
+import { html, LitElement } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators.js';
-import { exitfullscreen, togglefullscreen } from './utils/fullscreen';
-import { SwipeListener } from './utils/swipe-listener';
+import { exitfullscreen, SwipeListener, togglefullscreen } from '@operato/utils';
 import { style } from './ox-board-player-style';
 let BoardPlayer = class BoardPlayer extends LitElement {
     constructor() {

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

@@ -1 +1 @@
-{"version":3,"file":"ox-board-player.js","sourceRoot":"","sources":["../../src/ox-board-player.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-fab'\nimport '@material/mwc-icon'\nimport './player/ox-board-wrapper'\nimport './player/ox-board-player-carousel'\n\nimport { LitElement, PropertyValues, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { exitfullscreen, togglefullscreen } from './utils/fullscreen'\n\nimport { SwipeListener } from './utils/swipe-listener'\nimport { style } from './ox-board-player-style'\n\n@customElement('ox-board-player')\nexport class BoardPlayer extends LitElement {\n  static styles = style\n\n  @property({ type: Array }) boards: Array<any> = []\n  @property({ type: Number }) playtime = 30\n  @property({ type: Number }) columns = 1\n  @property({ type: Number }) rows = 1\n  @property({ type: Boolean }) started = false\n  @property({ type: Boolean }) playing = false\n  @property({ type: Object }) provider: any\n\n  @state() _controlAnimation?: Animation\n  @state() _transferTimer?: any\n  @state() _currentPlayer?: any\n  @state() _fullscreened = false\n\n  @query('#control') _control!: HTMLElement\n\n  render() {\n    return html`\n      <slot @mousemove=${() => this.onMousemove()} @transform=${() => this.onTransform()} tabindex=\"-1\">\n        ${this.started\n          ? html`\n              <ox-board-player-carousel axis=\"y\" .rows=${this.rows} .columns=${this.columns} player>\n                ${this.boards.map(\n                  item =>\n                    html` <ox-board-wrapper page .sceneId=${item.id} .provider=${this.provider}> </ox-board-wrapper> `\n                )}\n              </ox-board-player-carousel>\n            `\n          : html``}\n      </slot>\n\n      <div id=\"control\" @mouseover=${() => this.onMouseoverControl()} hidden>\n        <div id=\"joystick\">\n          <mwc-icon id=\"up\" @click=${() => this.moveUp()}>keyboard_arrow_up</mwc-icon>\n          <mwc-icon id=\"left\" @click=${() => this.moveLeft()}>keyboard_arrow_left</mwc-icon>\n          <mwc-icon id=\"play\" @click=${() => this.play()} ?hidden=${this.playing}>play_arrow</mwc-icon>\n          <mwc-icon id=\"pause\" @click=${() => this.pause()} ?hidden=${!this.playing}>pause</mwc-icon>\n          <mwc-icon id=\"right\" @click=${() => this.moveRight()}>keyboard_arrow_right</mwc-icon>\n          <mwc-icon id=\"down\" @click=${() => this.moveDown()}>keyboard_arrow_down</mwc-icon>\n        </div>\n\n        <div id=\"setting-container\">\n          <div id=\"setting\">\n            <label id=\"schedule-container\">\n              <mwc-icon id=\"schedule\">schedule</mwc-icon>\n              <input\n                .value=${this.playtime}\n                @change=${(e: Event) => (this.playtime = Number((e.target as HTMLInputElement).value))}\n              />\n              sec.\n            </label>\n            <div id=\"grid-setting-container\">\n              <mwc-icon id=\"view_module\">view_module</mwc-icon>\n              <select\n                .value=${this.rows}\n                @change=${(e: Event) => (this.rows = Number((e.target as HTMLInputElement).value))}\n              >\n                ${[1, 2, 3, 4, 5].map(row => html` <option>${row}</option> `)}\n              </select>\n              x\n              <select\n                .value=${this.columns}\n                @change=${(e: Event) => (this.columns = Number((e.target as HTMLInputElement).value))}\n              >\n                ${[1, 2, 3, 4, 5].map(column => html` <option>${column}</option> `)}\n              </select>\n            </div>\n          </div>\n\n          <div id=\"etc\">\n            <mwc-icon id=\"fullscreen\" @click=${() => this.onTapFullscreen()} ?hidden=${this._fullscreened}\n              >fullscreen</mwc-icon\n            >\n            <mwc-icon id=\"fullscreen-exit\" @click=${() => this.onTapFullscreen()} ?hidden=${!this._fullscreened}\n              >fullscreen_exit</mwc-icon\n            >\n            <mwc-icon id=\"close\" @click=${() => this.onTapClose()}>close</mwc-icon>\n          </div>\n        </div>\n      </div>\n    `\n  }\n\n  firstUpdated() {\n    SwipeListener(this)\n\n    this.addEventListener('swipe', (e: Event) => {\n      var directions = (e as any).detail.directions\n\n      if (directions.left) {\n        this.moveRight()\n      } else if (directions.right) {\n        this.moveLeft()\n      } else if (directions.top) {\n        this.moveDown()\n      } else if (directions.bottom) {\n        this.moveUp()\n      }\n    })\n\n    this.setAttribute('tabindex', '0')\n    this.addEventListener('keydown', (e: KeyboardEvent) => {\n      switch (e.key) {\n        case 'Right': // for IE/Edge\n        case 'ArrowRight':\n          e.stopPropagation()\n          this.moveRight()\n          break\n\n        case 'Left': // for IE/Edge\n        case 'ArrowLeft':\n          e.stopPropagation()\n          this.moveLeft()\n          break\n\n        case 'Up': // for IE/Edge\n        case 'ArrowUp':\n          e.stopPropagation()\n          this.moveUp()\n          break\n\n        case 'Down': // for IE/Edge\n        case 'ArrowDown':\n          e.stopPropagation()\n          this.moveDown()\n          break\n      }\n    })\n\n    this.focus()\n  }\n\n  updated(changes: PropertyValues<this>) {\n    if (changes.has('boards') || changes.has('columns') || changes.has('rows')) {\n      this.boards && this.boards.length > 0 ? this.restart() : this.stop()\n    } else if (changes.has('playtime') && this.playing) {\n      this._resetTransformTimer()\n    }\n  }\n\n  async _resetFadeTimer(stop?: boolean) {\n    if (!this._controlAnimation) {\n      this._controlAnimation = this._control.animate(\n        [\n          {\n            opacity: 1,\n            easing: 'ease-in'\n          },\n          { opacity: 0 }\n        ],\n        { delay: 1000, duration: 2000 }\n      )\n    }\n\n    this._control.hidden = false\n\n    this._controlAnimation.cancel()\n    if (stop) return\n\n    try {\n      this._controlAnimation.play()\n      await this._controlAnimation.finished\n      this._control.hidden = true\n    } catch (e) {\n      /* cancelled */\n    }\n  }\n\n  _resetTransformTimer() {\n    clearTimeout(this._transferTimer)\n\n    this.playing = true\n\n    if (this._currentPlayer) {\n      this._transferTimer = setTimeout(() => {\n        if (this._transferTimer) this._currentPlayer.next()\n      }, this.playtime * 1000)\n    }\n  }\n\n  onMousemove() {\n    this._resetFadeTimer()\n  }\n\n  onMouseoverControl() {\n    this._resetFadeTimer(true)\n  }\n\n  onTapFullscreen() {\n    togglefullscreen(\n      this,\n      () => {\n        this._fullscreened = true\n        this.focus()\n      },\n      () => {\n        this._fullscreened = false\n        this.focus()\n      }\n    )\n  }\n\n  onTransform() {\n    requestAnimationFrame(() => this.started && this.playing && this._resetTransformTimer())\n  }\n\n  play() {\n    this._resetTransformTimer()\n  }\n\n  pause() {\n    clearTimeout(this._transferTimer)\n    this.playing = false\n  }\n\n  moveLeft() {\n    this._currentPlayer.axis = 'y'\n    this._currentPlayer.previous()\n  }\n\n  moveRight() {\n    this._currentPlayer.axis = 'y'\n    this._currentPlayer.next()\n  }\n\n  moveUp() {\n    this._currentPlayer.axis = 'x'\n    this._currentPlayer.next()\n  }\n\n  moveDown() {\n    this._currentPlayer.axis = 'x'\n    this._currentPlayer.previous()\n  }\n\n  onTapClose() {\n    if (this._fullscreened) {\n      exitfullscreen()\n    }\n\n    window.history.back()\n  }\n\n  async restart() {\n    await this.stop()\n    await this.start()\n  }\n\n  async start() {\n    if (!this.boards || this.boards.length == 0) return\n\n    this.started = true\n    this.playing = true\n\n    await this.updateComplete\n\n    this._currentPlayer = this.renderRoot.querySelector(':not([style*=\"display: none\"])[player]')\n\n    this._resetTransformTimer()\n    this._resetFadeTimer()\n\n    this.focus()\n  }\n\n  async stop() {\n    clearTimeout(this._transferTimer)\n\n    this._currentPlayer && this._currentPlayer.stop()\n    this.started = false\n\n    /**\n     * this.started = false 로 인한 update를 강제하기 위함임.\n     * this.start() 가 바로 호출되어 this.started 의 변화가 render에 반영되지 않을 수 있으므로.\n     */\n    await this.updateComplete\n  }\n}\n"]}
+{"version":3,"file":"ox-board-player.js","sourceRoot":"","sources":["../../src/ox-board-player.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-fab'\nimport '@material/mwc-icon'\nimport './player/ox-board-wrapper'\nimport './player/ox-board-player-carousel'\n\nimport { html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { exitfullscreen, SwipeListener, togglefullscreen } from '@operato/utils'\n\nimport { style } from './ox-board-player-style'\n\n@customElement('ox-board-player')\nexport class BoardPlayer extends LitElement {\n  static styles = style\n\n  @property({ type: Array }) boards: Array<any> = []\n  @property({ type: Number }) playtime = 30\n  @property({ type: Number }) columns = 1\n  @property({ type: Number }) rows = 1\n  @property({ type: Boolean }) started = false\n  @property({ type: Boolean }) playing = false\n  @property({ type: Object }) provider: any\n\n  @state() _controlAnimation?: Animation\n  @state() _transferTimer?: any\n  @state() _currentPlayer?: any\n  @state() _fullscreened = false\n\n  @query('#control') _control!: HTMLElement\n\n  render() {\n    return html`\n      <slot @mousemove=${() => this.onMousemove()} @transform=${() => this.onTransform()} tabindex=\"-1\">\n        ${this.started\n          ? html`\n              <ox-board-player-carousel axis=\"y\" .rows=${this.rows} .columns=${this.columns} player>\n                ${this.boards.map(\n                  item =>\n                    html` <ox-board-wrapper page .sceneId=${item.id} .provider=${this.provider}> </ox-board-wrapper> `\n                )}\n              </ox-board-player-carousel>\n            `\n          : html``}\n      </slot>\n\n      <div id=\"control\" @mouseover=${() => this.onMouseoverControl()} hidden>\n        <div id=\"joystick\">\n          <mwc-icon id=\"up\" @click=${() => this.moveUp()}>keyboard_arrow_up</mwc-icon>\n          <mwc-icon id=\"left\" @click=${() => this.moveLeft()}>keyboard_arrow_left</mwc-icon>\n          <mwc-icon id=\"play\" @click=${() => this.play()} ?hidden=${this.playing}>play_arrow</mwc-icon>\n          <mwc-icon id=\"pause\" @click=${() => this.pause()} ?hidden=${!this.playing}>pause</mwc-icon>\n          <mwc-icon id=\"right\" @click=${() => this.moveRight()}>keyboard_arrow_right</mwc-icon>\n          <mwc-icon id=\"down\" @click=${() => this.moveDown()}>keyboard_arrow_down</mwc-icon>\n        </div>\n\n        <div id=\"setting-container\">\n          <div id=\"setting\">\n            <label id=\"schedule-container\">\n              <mwc-icon id=\"schedule\">schedule</mwc-icon>\n              <input\n                .value=${this.playtime}\n                @change=${(e: Event) => (this.playtime = Number((e.target as HTMLInputElement).value))}\n              />\n              sec.\n            </label>\n            <div id=\"grid-setting-container\">\n              <mwc-icon id=\"view_module\">view_module</mwc-icon>\n              <select\n                .value=${this.rows}\n                @change=${(e: Event) => (this.rows = Number((e.target as HTMLInputElement).value))}\n              >\n                ${[1, 2, 3, 4, 5].map(row => html` <option>${row}</option> `)}\n              </select>\n              x\n              <select\n                .value=${this.columns}\n                @change=${(e: Event) => (this.columns = Number((e.target as HTMLInputElement).value))}\n              >\n                ${[1, 2, 3, 4, 5].map(column => html` <option>${column}</option> `)}\n              </select>\n            </div>\n          </div>\n\n          <div id=\"etc\">\n            <mwc-icon id=\"fullscreen\" @click=${() => this.onTapFullscreen()} ?hidden=${this._fullscreened}\n              >fullscreen</mwc-icon\n            >\n            <mwc-icon id=\"fullscreen-exit\" @click=${() => this.onTapFullscreen()} ?hidden=${!this._fullscreened}\n              >fullscreen_exit</mwc-icon\n            >\n            <mwc-icon id=\"close\" @click=${() => this.onTapClose()}>close</mwc-icon>\n          </div>\n        </div>\n      </div>\n    `\n  }\n\n  firstUpdated() {\n    SwipeListener(this)\n\n    this.addEventListener('swipe', (e: Event) => {\n      var directions = (e as any).detail.directions\n\n      if (directions.left) {\n        this.moveRight()\n      } else if (directions.right) {\n        this.moveLeft()\n      } else if (directions.top) {\n        this.moveDown()\n      } else if (directions.bottom) {\n        this.moveUp()\n      }\n    })\n\n    this.setAttribute('tabindex', '0')\n    this.addEventListener('keydown', (e: KeyboardEvent) => {\n      switch (e.key) {\n        case 'Right': // for IE/Edge\n        case 'ArrowRight':\n          e.stopPropagation()\n          this.moveRight()\n          break\n\n        case 'Left': // for IE/Edge\n        case 'ArrowLeft':\n          e.stopPropagation()\n          this.moveLeft()\n          break\n\n        case 'Up': // for IE/Edge\n        case 'ArrowUp':\n          e.stopPropagation()\n          this.moveUp()\n          break\n\n        case 'Down': // for IE/Edge\n        case 'ArrowDown':\n          e.stopPropagation()\n          this.moveDown()\n          break\n      }\n    })\n\n    this.focus()\n  }\n\n  updated(changes: PropertyValues<this>) {\n    if (changes.has('boards') || changes.has('columns') || changes.has('rows')) {\n      this.boards && this.boards.length > 0 ? this.restart() : this.stop()\n    } else if (changes.has('playtime') && this.playing) {\n      this._resetTransformTimer()\n    }\n  }\n\n  async _resetFadeTimer(stop?: boolean) {\n    if (!this._controlAnimation) {\n      this._controlAnimation = this._control.animate(\n        [\n          {\n            opacity: 1,\n            easing: 'ease-in'\n          },\n          { opacity: 0 }\n        ],\n        { delay: 1000, duration: 2000 }\n      )\n    }\n\n    this._control.hidden = false\n\n    this._controlAnimation.cancel()\n    if (stop) return\n\n    try {\n      this._controlAnimation.play()\n      await this._controlAnimation.finished\n      this._control.hidden = true\n    } catch (e) {\n      /* cancelled */\n    }\n  }\n\n  _resetTransformTimer() {\n    clearTimeout(this._transferTimer)\n\n    this.playing = true\n\n    if (this._currentPlayer) {\n      this._transferTimer = setTimeout(() => {\n        if (this._transferTimer) this._currentPlayer.next()\n      }, this.playtime * 1000)\n    }\n  }\n\n  onMousemove() {\n    this._resetFadeTimer()\n  }\n\n  onMouseoverControl() {\n    this._resetFadeTimer(true)\n  }\n\n  onTapFullscreen() {\n    togglefullscreen(\n      this,\n      () => {\n        this._fullscreened = true\n        this.focus()\n      },\n      () => {\n        this._fullscreened = false\n        this.focus()\n      }\n    )\n  }\n\n  onTransform() {\n    requestAnimationFrame(() => this.started && this.playing && this._resetTransformTimer())\n  }\n\n  play() {\n    this._resetTransformTimer()\n  }\n\n  pause() {\n    clearTimeout(this._transferTimer)\n    this.playing = false\n  }\n\n  moveLeft() {\n    this._currentPlayer.axis = 'y'\n    this._currentPlayer.previous()\n  }\n\n  moveRight() {\n    this._currentPlayer.axis = 'y'\n    this._currentPlayer.next()\n  }\n\n  moveUp() {\n    this._currentPlayer.axis = 'x'\n    this._currentPlayer.next()\n  }\n\n  moveDown() {\n    this._currentPlayer.axis = 'x'\n    this._currentPlayer.previous()\n  }\n\n  onTapClose() {\n    if (this._fullscreened) {\n      exitfullscreen()\n    }\n\n    window.history.back()\n  }\n\n  async restart() {\n    await this.stop()\n    await this.start()\n  }\n\n  async start() {\n    if (!this.boards || this.boards.length == 0) return\n\n    this.started = true\n    this.playing = true\n\n    await this.updateComplete\n\n    this._currentPlayer = this.renderRoot.querySelector(':not([style*=\"display: none\"])[player]')\n\n    this._resetTransformTimer()\n    this._resetFadeTimer()\n\n    this.focus()\n  }\n\n  async stop() {\n    clearTimeout(this._transferTimer)\n\n    this._currentPlayer && this._currentPlayer.stop()\n    this.started = false\n\n    /**\n     * this.started = false 로 인한 update를 강제하기 위함임.\n     * this.start() 가 바로 호출되어 this.started 의 변화가 render에 반영되지 않을 수 있으므로.\n     */\n    await this.updateComplete\n  }\n}\n"]}

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

@@ -1,11 +1,10 @@
 import { __decorate } from "tslib";
 import '@material/mwc-fab';
 import '@material/mwc-icon';
-import { LitElement, css, html } from 'lit';
-import { SCENE_MODE, create } from '@hatiolab/things-scene';
+import { css, html, LitElement } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators.js';
-import { isIOS } from './utils/os';
-import { togglefullscreen } from './utils/fullscreen';
+import { create, SCENE_MODE } from '@hatiolab/things-scene';
+import { isIOS, togglefullscreen } from '@operato/utils';
 let BoardViewer = class BoardViewer extends LitElement {
     constructor() {
         super(...arguments);

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

@@ -1 +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'\n\nimport { LitElement, PropertyValues, css, html } from 'lit'\nimport { SCENE_MODE, create } from '@hatiolab/things-scene'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { isIOS } from './utils/os'\nimport { togglefullscreen } from './utils/fullscreen'\n\n@customElement('ox-board-viewer')\nexport class BoardViewer extends LitElement {\n  static styles = 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    /* for scroller */\n    ::-webkit-scrollbar {\n      width: 5px;\n      height: 5px;\n    }\n    ::-webkit-scrollbar-track {\n      background-color: transparent;\n    }\n    ::-webkit-scrollbar-thumb {\n      background-color: rgba(0, 0, 0, 0.2);\n    }\n    ::-webkit-scrollbar-thumb:hover {\n      background-color: #aa866a;\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  @property({ type: String }) baseUrl: string = ''\n  @property({ type: Object }) board: any = {}\n  @property({ type: Object }) provider: any = null\n  @property({ type: Object }) data: 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: any = null\n  @state() _forward: Array<any> = []\n  @state() _backward: Array<any> = []\n\n  @state() _oldtarget?: HTMLElement\n  @state() _fade_animations?: Array<Animation>\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\n  disconnectedCallback() {\n    super.disconnectedCallback()\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        this.initScene()\n      }\n    }\n\n    if (changes.has('data') && this._scene && this.data) {\n      this._scene.data = this.data\n    }\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      mode: SCENE_MODE.VIEW,\n      refProvider: this.provider\n    })\n\n    if (this.baseUrl) {\n      this._scene.baseUrl = this.baseUrl\n    }\n\n    this.provider.add(this.board.id, this._scene)\n\n    this.setupScene(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()\n\n      this._scene = null\n    }\n\n    // delete queued scenes\n    this._forward.forEach(scene => scene.release())\n    this._forward = []\n\n    this._backward.forEach(scene => scene.release())\n    this._backward = []\n  }\n\n  releaseScene() {\n    this.closeScene()\n    this.transientShowButtons()\n  }\n\n  setupScene(scene: any) {\n    this._scene = scene\n\n    /* scene의 기존 target을 보관한다. */\n    this._oldtarget = this._scene.target\n\n    this._scene.fit(this.board.model.fitMode)\n    this._scene.target = this._target\n\n    if (this.data) {\n      this._scene.data = this.data\n    }\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()\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(this._scene)\n      }\n\n      this._scene = scene\n\n      this._forward.forEach(scene => scene.release())\n\n      /* forward를 비운다. */\n      this._forward = []\n\n      this.setupScene(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('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  }\n\n  unbindSceneEvents(scene: any) {\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  }\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 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(this._scene)\n    }\n\n    this.setupScene(scene)\n  }\n\n  onTapPrev() {\n    var 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(this._scene)\n    }\n\n    this.setupScene(scene)\n  }\n\n  onTapFullscreen() {\n    togglefullscreen(\n      this,\n      () => this.requestUpdate(),\n      () => this.requestUpdate()\n    )\n  }\n\n  onLinkGoto(targetBoardId: string, value: any, fromComponent: any) {\n    this.showScene(targetBoardId, fromComponent.data)\n  }\n\n  onLinkOpen(url: string, value: any, fromComponent: any) {\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: any) {\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 getSceneImageData(base64 = false) {\n    if (!this._scene) {\n      return\n    }\n\n    var { width, height } = this._scene.model\n    var pixelRatio = window.devicePixelRatio\n\n    // 1. Scene의 바운드에 근거하여, 오프스크린 캔바스를 만든다.\n    var canvas = document.createElement('canvas')\n    canvas.width = Number(width)\n    canvas.height = Number(height)\n\n    var root = this._scene.root\n    // 2. 모델레이어의 원래 위치와 스케일을 저장한다.\n    var translate = root.get('translate')\n    var scale = root.get('scale')\n\n    // 3. 위치와 스케일 기본 설정.\n    root.set('translate', { x: 0, y: 0 })\n    root.set('scale', { x: 1 / pixelRatio, y: 1 / pixelRatio })\n\n    // 4. 오프스크린 캔바스의 Context2D를 구한뒤, 모델레이어를 그 위에 그린다.\n    var context = canvas.getContext('2d')\n\n    root.draw(context)\n\n    root.set('translate', translate)\n    root.set('scale', scale)\n\n    var data = base64 ? canvas.toDataURL() : context!.getImageData(0, 0, width, height).data\n\n    return {\n      width,\n      height,\n      data\n    }\n  }\n\n  async printTrick(image: string) {\n    var viewTarget: HTMLElement | null = null\n    var printTarget: HTMLImageElement | null = null\n\n    if (!image) {\n      image = (await this.getSceneImageData(true))?.data as string\n    }\n\n    printTarget = document.createElement('img')\n    printTarget.id = 'target'\n    printTarget.src = image\n    printTarget.style.width = '100%'\n    printTarget.style.height = '100%'\n\n    const x = (mql: MediaQueryListEvent) => {\n      if (mql.matches) {\n        if (!viewTarget) {\n          viewTarget = this.shadowRoot!.getElementById('target')\n          this.renderRoot.replaceChild(printTarget!, viewTarget!)\n        }\n      } else {\n        this.renderRoot.replaceChild(viewTarget!, printTarget!)\n        printTarget!.remove()\n        mediaQueryList.removeEventListener('change', x)\n      }\n    }\n\n    if (window.matchMedia) {\n      var mediaQueryList = window.matchMedia('print')\n      mediaQueryList.addEventListener('change', x)\n    }\n  }\n}\n"]}
+{"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'\n\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { create, SCENE_MODE } from '@hatiolab/things-scene'\nimport { isIOS, togglefullscreen } from '@operato/utils'\n\n@customElement('ox-board-viewer')\nexport class BoardViewer extends LitElement {\n  static styles = 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    /* for scroller */\n    ::-webkit-scrollbar {\n      width: 5px;\n      height: 5px;\n    }\n    ::-webkit-scrollbar-track {\n      background-color: transparent;\n    }\n    ::-webkit-scrollbar-thumb {\n      background-color: rgba(0, 0, 0, 0.2);\n    }\n    ::-webkit-scrollbar-thumb:hover {\n      background-color: #aa866a;\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  @property({ type: String }) baseUrl: string = ''\n  @property({ type: Object }) board: any = {}\n  @property({ type: Object }) provider: any = null\n  @property({ type: Object }) data: 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: any = null\n  @state() _forward: Array<any> = []\n  @state() _backward: Array<any> = []\n\n  @state() _oldtarget?: HTMLElement\n  @state() _fade_animations?: Array<Animation>\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\n  disconnectedCallback() {\n    super.disconnectedCallback()\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        this.initScene()\n      }\n    }\n\n    if (changes.has('data') && this._scene && this.data) {\n      this._scene.data = this.data\n    }\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      mode: SCENE_MODE.VIEW,\n      refProvider: this.provider\n    })\n\n    if (this.baseUrl) {\n      this._scene.baseUrl = this.baseUrl\n    }\n\n    this.provider.add(this.board.id, this._scene)\n\n    this.setupScene(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()\n\n      this._scene = null\n    }\n\n    // delete queued scenes\n    this._forward.forEach(scene => scene.release())\n    this._forward = []\n\n    this._backward.forEach(scene => scene.release())\n    this._backward = []\n  }\n\n  releaseScene() {\n    this.closeScene()\n    this.transientShowButtons()\n  }\n\n  setupScene(scene: any) {\n    this._scene = scene\n\n    /* scene의 기존 target을 보관한다. */\n    this._oldtarget = this._scene.target\n\n    this._scene.fit(this.board.model.fitMode)\n    this._scene.target = this._target\n\n    if (this.data) {\n      this._scene.data = this.data\n    }\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()\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(this._scene)\n      }\n\n      this._scene = scene\n\n      this._forward.forEach(scene => scene.release())\n\n      /* forward를 비운다. */\n      this._forward = []\n\n      this.setupScene(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('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  }\n\n  unbindSceneEvents(scene: any) {\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  }\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 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(this._scene)\n    }\n\n    this.setupScene(scene)\n  }\n\n  onTapPrev() {\n    var 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(this._scene)\n    }\n\n    this.setupScene(scene)\n  }\n\n  onTapFullscreen() {\n    togglefullscreen(\n      this,\n      () => this.requestUpdate(),\n      () => this.requestUpdate()\n    )\n  }\n\n  onLinkGoto(targetBoardId: string, value: any, fromComponent: any) {\n    this.showScene(targetBoardId, fromComponent.data)\n  }\n\n  onLinkOpen(url: string, value: any, fromComponent: any) {\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: any) {\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 getSceneImageData(base64 = false) {\n    if (!this._scene) {\n      return\n    }\n\n    var { width, height } = this._scene.model\n    var pixelRatio = window.devicePixelRatio\n\n    // 1. Scene의 바운드에 근거하여, 오프스크린 캔바스를 만든다.\n    var canvas = document.createElement('canvas')\n    canvas.width = Number(width)\n    canvas.height = Number(height)\n\n    var root = this._scene.root\n    // 2. 모델레이어의 원래 위치와 스케일을 저장한다.\n    var translate = root.get('translate')\n    var scale = root.get('scale')\n\n    // 3. 위치와 스케일 기본 설정.\n    root.set('translate', { x: 0, y: 0 })\n    root.set('scale', { x: 1 / pixelRatio, y: 1 / pixelRatio })\n\n    // 4. 오프스크린 캔바스의 Context2D를 구한뒤, 모델레이어를 그 위에 그린다.\n    var context = canvas.getContext('2d')\n\n    root.draw(context)\n\n    root.set('translate', translate)\n    root.set('scale', scale)\n\n    var data = base64 ? canvas.toDataURL() : context!.getImageData(0, 0, width, height).data\n\n    return {\n      width,\n      height,\n      data\n    }\n  }\n\n  async printTrick(image: string) {\n    var viewTarget: HTMLElement | null = null\n    var printTarget: HTMLImageElement | null = null\n\n    if (!image) {\n      image = (await this.getSceneImageData(true))?.data as string\n    }\n\n    printTarget = document.createElement('img')\n    printTarget.id = 'target'\n    printTarget.src = image\n    printTarget.style.width = '100%'\n    printTarget.style.height = '100%'\n\n    const x = (mql: MediaQueryListEvent) => {\n      if (mql.matches) {\n        if (!viewTarget) {\n          viewTarget = this.shadowRoot!.getElementById('target')\n          this.renderRoot.replaceChild(printTarget!, viewTarget!)\n        }\n      } else {\n        this.renderRoot.replaceChild(viewTarget!, printTarget!)\n        printTarget!.remove()\n        mediaQueryList.removeEventListener('change', x)\n      }\n    }\n\n    if (window.matchMedia) {\n      var mediaQueryList = window.matchMedia('print')\n      mediaQueryList.addEventListener('change', x)\n    }\n  }\n}\n"]}