@operato/board 1.1.11 → 1.1.13

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@operato/board",
-  "version": "1.1.11",
+  "version": "1.1.13",
   "description": "Webcomponent for board following open-wc recommendations",
   "author": "heartyoh",
-  "license": "MIT",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
   "publishConfig": {
@@ -17,10 +16,10 @@
   },
   "exports": {
     ".": "./dist/src/index.js",
-    "./ox-scene-handler.js": "./dist/src/ox-scene-handler.js",
-    "./ox-scene-layer.js": "./dist/src/ox-scene-layer.js",
-    "./ox-scene-property.js": "./dist/src/ox-scene-property.js",
-    "./ox-scene-viewer.js": "./dist/src/ox-scene-viewer.js",
+    "./ox-scene-handler.js": "./dist/src/modeller/scene-viewer/ox-scene-handler.js",
+    "./ox-scene-layer.js": "./dist/src/modeller/scene-viewer/ox-scene-layer.js",
+    "./ox-scene-property.js": "./dist/src/modeller/scene-viewer/ox-scene-property.js",
+    "./ox-scene-viewer.js": "./dist/src/modeller/scene-viewer/ox-scene-viewer.js",
     "./ox-board-list.js": "./dist/src/ox-board-list.js",
     "./ox-board-viewer.js": "./dist/src/ox-board-viewer.js",
     "./ox-board-player.js": "./dist/src/ox-board-player.js",
@@ -30,16 +29,16 @@
   "typesVersions": {
     "*": {
       "ox-scene-handler.js": [
-        "./dist/src/ox-scene-handler.d.ts"
+        "./dist/src/modeller/scene-viewer/ox-scene-handler.d.ts"
       ],
       "ox-scene-layer.js": [
-        "./dist/src/ox-scene-layer.d.ts"
+        "./dist/src/modeller/scene-viewer/ox-scene-layer.d.ts"
       ],
       "ox-scene-property.js": [
-        "./dist/src/ox-scene-property.d.ts"
+        "./dist/src/modeller/scene-viewer/ox-scene-property.d.ts"
       ],
       "ox-scene-viewer.js": [
-        "./dist/src/ox-scene-viewer.d.ts"
+        "./dist/src/modeller/scene-viewer/ox-scene-viewer.d.ts"
       ],
       "ox-board-list.js": [
         "./dist/src/ox-board-list.d.ts"
@@ -54,7 +53,7 @@
         "./dist/src/ox-board-modeller.d.ts"
       ],
       "register-default-groups.js": [
-        "./dist/src/register-default-groups.d.ts"
+        "./dist/src/component/register-default-groups.d.ts"
       ]
     }
   },
@@ -72,17 +71,17 @@
   },
   "dependencies": {
     "@open-wc/scoped-elements": "^2.0.0-next.6",
-    "@operato/app": "^1.1.10",
-    "@operato/data-grist": "^1.1.10",
-    "@operato/font": "^1.1.10",
-    "@operato/graphql": "^1.1.1",
-    "@operato/i18n": "^1.1.4",
-    "@operato/input": "^1.1.10",
-    "@operato/markdown": "^1.1.1",
-    "@operato/popup": "^1.1.10",
-    "@operato/property-editor": "^1.1.10",
-    "@operato/styles": "^1.1.1",
-    "@operato/utils": "^1.1.1",
+    "@operato/app": "^1.1.13",
+    "@operato/data-grist": "^1.1.13",
+    "@operato/font": "^1.1.13",
+    "@operato/graphql": "^1.1.13",
+    "@operato/i18n": "^1.1.13",
+    "@operato/input": "^1.1.13",
+    "@operato/markdown": "^1.1.13",
+    "@operato/popup": "^1.1.13",
+    "@operato/property-editor": "^1.1.13",
+    "@operato/styles": "^1.1.13",
+    "@operato/utils": "^1.1.13",
     "@polymer/paper-dropdown-menu": "^3.2.0",
     "@types/file-saver": "^2.0.4",
     "@types/sortablejs": "^1.10.7",
@@ -131,5 +130,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "dec67ce0d35898e2cbc69b4ebe29e8e2027e77c4"
+  "gitHead": "b202a789101281a3ba6cf13992a57e8c4bb6687e"
 }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) Hatiolab Inc.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/dist/src/modeller/scene-viewer/ox-scene-player.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/modeller/scene-viewer/ox-scene-player.js

@@ -1,99 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-let OxScenePlayer = class OxScenePlayer extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.sceneId = '';
-        /*
-         * 캔바스에 모델을 어떻게 적절하게 보여줄 것인지를 설정한다.
-         *
-         * @none 가로, 세로 스케일을 1로 고정하고, {0, 0}좌표로 translate시킨다.
-         * @both 캔바스에 모델을 꼭 채우도록 가로, 세로 스케일을 조정하고, {0, 0}좌표로 translate시킨다.
-         * @width 캔바스의 폭에 모델의 폭을 일치하도록 가로, 세로 스케일을 동일하게 조정하고, {0, 0}좌표로 translate시킨다.
-         * @height 캔바스의 높이에 모델의 높이를 일치하도록 가로, 세로 스케일을 동일하게 조정하고, {0, 0}좌표로 translate시킨다.
-         * @center 가로, 세로 스케일을 1로 고정하고 모델이 화면의 중앙에 위치하도록 translate시킨다.
-         * @ratio 모델의 모든 부분이 캔바스에 최대 크기로 표현될 수 있도록 가로, 세로 동일한 스케일로 조정하고, {0, 0}좌표로 translate시킨다.
-         *
-         * @todo things-real 에서는 enumeration type 이며, FitMode.RATIO | FitMode.BOTH 중 하나로 정의한다.
-         */
-        this.fit = 'ratio';
-    }
-    render() {
-        return html ` <div id="root"></div> `;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        window.addEventListener('resize', () => {
-            requestAnimationFrame(() => {
-                if (this.scene) {
-                    this.scene.resize();
-                    if (this.offsetWidth) {
-                        this.scene.fit(this.fit);
-                    }
-                }
-            });
-        });
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this._releaseRef();
-    }
-    updated(change) {
-        change.has('sceneId') && this._onSceneIdChanged();
-    }
-    _releaseRef() {
-        if (this.scene) {
-            this.scene.target = null;
-            this.scene.release && this.scene.release();
-            delete this.scene;
-        }
-    }
-    _onSceneIdChanged() {
-        if (!this.provider)
-            return;
-        this._releaseRef();
-        if (!this.sceneId)
-            return;
-        this.provider.get(this.sceneId, true).then((scene) => {
-            var _a;
-            this.scene = scene;
-            if (!this.scene) {
-                return;
-            }
-            this.scene.target = this.renderRoot.querySelector('#root');
-            /* 이 컴포넌트의 폭이 값을 가지고 있으면 - 화면상에 자리를 잡고 보여지고 있음을 의미한다.
-             * 이 때는 정상적으로 그려주고,
-             * 그렇지 않으면, 다음 Resize Handling시에 처리하도록 한다.
-             */
-            if ((_a = this.scene.target) === null || _a === void 0 ? void 0 : _a.offsetWidth)
-                this.scene.fit(this.fit);
-        }, (e) => { });
-    }
-};
-OxScenePlayer.styles = [
-    css `
-      :host {
-        display: block;
-        width: 100%;
-      }
-
-      #root {
-        width: 100%;
-        height: 100%;
-      }
-    `
-];
-__decorate([
-    property({ type: String })
-], OxScenePlayer.prototype, "sceneId", void 0);
-__decorate([
-    property({ type: String })
-], OxScenePlayer.prototype, "fit", void 0);
-__decorate([
-    property({ type: Object })
-], OxScenePlayer.prototype, "provider", void 0);
-OxScenePlayer = __decorate([
-    customElement('things-scene-player')
-], OxScenePlayer);
-//# sourceMappingURL=ox-scene-player.js.map

package/dist/src/modeller/scene-viewer/ox-scene-player.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-scene-player.js","sourceRoot":"","sources":["../../../../src/modeller/scene-viewer/ox-scene-player.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAK3D,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAe8B,YAAO,GAAW,EAAE,CAAA;QAChD;;;;;;;;;;;WAWG;QACyB,QAAG,GAA8D,OAAO,CAAA;IAqEtG,CAAC;IAhEC,MAAM;QACJ,OAAO,IAAI,CAAA,yBAAyB,CAAA;IACtC,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;QAEzB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;YACrC,qBAAqB,CAAC,GAAG,EAAE;gBACzB,IAAI,IAAI,CAAC,KAAK,EAAE;oBACd,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAA;oBAEnB,IAAI,IAAI,CAAC,WAAW,EAAE;wBACpB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;qBACzB;iBACF;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAA;QAE5B,IAAI,CAAC,WAAW,EAAE,CAAA;IACpB,CAAC;IAED,OAAO,CAAC,MAA4B;QAClC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAA;IACnD,CAAC;IAED,WAAW;QACT,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAA;YACxB,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAA;YAC1C,OAAO,IAAI,CAAC,KAAK,CAAA;SAClB;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAM;QAE1B,IAAI,CAAC,WAAW,EAAE,CAAA;QAElB,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAM;QAEzB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,IAAI,CACxC,CAAC,KAAY,EAAE,EAAE;;YACf,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;YAElB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;gBACf,OAAM;aACP;YAED,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;YAE1D;;;eAGG;YACH,IAAI,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAE,WAAW;gBAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAC9D,CAAC,EACD,CAAC,CAAM,EAAE,EAAE,GAAE,CAAC,CACf,CAAA;IACH,CAAC;;AA/FM,oBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;KAUF;CACF,CAAA;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAqB;AAapB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAyE;AACxE;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAc;AA7BrC,aAAa;IADlB,aAAa,CAAC,qBAAqB,CAAC;GAC/B,aAAa,CAiGlB","sourcesContent":["import { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { Scene } from '@hatiolab/things-scene'\n\n@customElement('things-scene-player')\nclass OxScenePlayer extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: block;\n        width: 100%;\n      }\n\n      #root {\n        width: 100%;\n        height: 100%;\n      }\n    `\n  ]\n\n  @property({ type: String }) sceneId: string = ''\n  /*\n   * 캔바스에 모델을 어떻게 적절하게 보여줄 것인지를 설정한다.\n   *\n   * @none 가로, 세로 스케일을 1로 고정하고, {0, 0}좌표로 translate시킨다.\n   * @both 캔바스에 모델을 꼭 채우도록 가로, 세로 스케일을 조정하고, {0, 0}좌표로 translate시킨다.\n   * @width 캔바스의 폭에 모델의 폭을 일치하도록 가로, 세로 스케일을 동일하게 조정하고, {0, 0}좌표로 translate시킨다.\n   * @height 캔바스의 높이에 모델의 높이를 일치하도록 가로, 세로 스케일을 동일하게 조정하고, {0, 0}좌표로 translate시킨다.\n   * @center 가로, 세로 스케일을 1로 고정하고 모델이 화면의 중앙에 위치하도록 translate시킨다.\n   * @ratio 모델의 모든 부분이 캔바스에 최대 크기로 표현될 수 있도록 가로, 세로 동일한 스케일로 조정하고, {0, 0}좌표로 translate시킨다.\n   *\n   * @todo things-real 에서는 enumeration type 이며, FitMode.RATIO | FitMode.BOTH 중 하나로 정의한다.\n   */\n  @property({ type: String }) fit: 'none' | 'both' | 'width' | 'height' | 'center' | 'ratio' = 'ratio'\n  @property({ type: Object }) provider: any\n\n  private scene?: Scene\n\n  render() {\n    return html` <div id=\"root\"></div> `\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n\n    window.addEventListener('resize', () => {\n      requestAnimationFrame(() => {\n        if (this.scene) {\n          this.scene.resize()\n\n          if (this.offsetWidth) {\n            this.scene.fit(this.fit)\n          }\n        }\n      })\n    })\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n\n    this._releaseRef()\n  }\n\n  updated(change: PropertyValues<this>) {\n    change.has('sceneId') && this._onSceneIdChanged()\n  }\n\n  _releaseRef() {\n    if (this.scene) {\n      this.scene.target = null\n      this.scene.release && this.scene.release()\n      delete this.scene\n    }\n  }\n\n  _onSceneIdChanged() {\n    if (!this.provider) return\n\n    this._releaseRef()\n\n    if (!this.sceneId) return\n\n    this.provider.get(this.sceneId, true).then(\n      (scene: Scene) => {\n        this.scene = scene\n\n        if (!this.scene) {\n          return\n        }\n\n        this.scene.target = this.renderRoot.querySelector('#root')\n\n        /* 이 컴포넌트의 폭이 값을 가지고 있으면 - 화면상에 자리를 잡고 보여지고 있음을 의미한다.\n         * 이 때는 정상적으로 그려주고,\n         * 그렇지 않으면, 다음 Resize Handling시에 처리하도록 한다.\n         */\n        if (this.scene.target?.offsetWidth) this.scene.fit(this.fit)\n      },\n      (e: any) => {}\n    )\n  }\n}\n"]}

package/src/modeller/scene-viewer/ox-scene-player.ts

@@ -1,104 +0,0 @@
-import { css, html, LitElement, PropertyValues } from 'lit'
-import { customElement, property } from 'lit/decorators.js'
-
-import { Scene } from '@hatiolab/things-scene'
-
-@customElement('things-scene-player')
-class OxScenePlayer extends LitElement {
-  static styles = [
-    css`
-      :host {
-        display: block;
-        width: 100%;
-      }
-
-      #root {
-        width: 100%;
-        height: 100%;
-      }
-    `
-  ]
-
-  @property({ type: String }) sceneId: string = ''
-  /*
-   * 캔바스에 모델을 어떻게 적절하게 보여줄 것인지를 설정한다.
-   *
-   * @none 가로, 세로 스케일을 1로 고정하고, {0, 0}좌표로 translate시킨다.
-   * @both 캔바스에 모델을 꼭 채우도록 가로, 세로 스케일을 조정하고, {0, 0}좌표로 translate시킨다.
-   * @width 캔바스의 폭에 모델의 폭을 일치하도록 가로, 세로 스케일을 동일하게 조정하고, {0, 0}좌표로 translate시킨다.
-   * @height 캔바스의 높이에 모델의 높이를 일치하도록 가로, 세로 스케일을 동일하게 조정하고, {0, 0}좌표로 translate시킨다.
-   * @center 가로, 세로 스케일을 1로 고정하고 모델이 화면의 중앙에 위치하도록 translate시킨다.
-   * @ratio 모델의 모든 부분이 캔바스에 최대 크기로 표현될 수 있도록 가로, 세로 동일한 스케일로 조정하고, {0, 0}좌표로 translate시킨다.
-   *
-   * @todo things-real 에서는 enumeration type 이며, FitMode.RATIO | FitMode.BOTH 중 하나로 정의한다.
-   */
-  @property({ type: String }) fit: 'none' | 'both' | 'width' | 'height' | 'center' | 'ratio' = 'ratio'
-  @property({ type: Object }) provider: any
-
-  private scene?: Scene
-
-  render() {
-    return html` <div id="root"></div> `
-  }
-
-  connectedCallback() {
-    super.connectedCallback()
-
-    window.addEventListener('resize', () => {
-      requestAnimationFrame(() => {
-        if (this.scene) {
-          this.scene.resize()
-
-          if (this.offsetWidth) {
-            this.scene.fit(this.fit)
-          }
-        }
-      })
-    })
-  }
-
-  disconnectedCallback() {
-    super.disconnectedCallback()
-
-    this._releaseRef()
-  }
-
-  updated(change: PropertyValues<this>) {
-    change.has('sceneId') && this._onSceneIdChanged()
-  }
-
-  _releaseRef() {
-    if (this.scene) {
-      this.scene.target = null
-      this.scene.release && this.scene.release()
-      delete this.scene
-    }
-  }
-
-  _onSceneIdChanged() {
-    if (!this.provider) return
-
-    this._releaseRef()
-
-    if (!this.sceneId) return
-
-    this.provider.get(this.sceneId, true).then(
-      (scene: Scene) => {
-        this.scene = scene
-
-        if (!this.scene) {
-          return
-        }
-
-        this.scene.target = this.renderRoot.querySelector('#root')
-
-        /* 이 컴포넌트의 폭이 값을 가지고 있으면 - 화면상에 자리를 잡고 보여지고 있음을 의미한다.
-         * 이 때는 정상적으로 그려주고,
-         * 그렇지 않으면, 다음 Resize Handling시에 처리하도록 한다.
-         */
-        if (this.scene.target?.offsetWidth) this.scene.fit(this.fit)
-      },
-      (e: any) => {}
-    )
-  }
-}