@operato/board 9.2.8 → 10.0.0-beta.10

package/dist/src/modeller/edit-toolbar.js

@@ -3,7 +3,7 @@
  */
 import { __decorate } from "tslib";
 import { html, LitElement } from 'lit';
-import { property, query, queryAll } from 'lit/decorators.js';
+import { property, state, query, queryAll } from 'lit/decorators.js';
 import { copyToClipboard, isMacOS } from '@operato/utils';
 import { style } from './edit-toolbar-style.js';
 const MACOS = isMacOS();
@@ -12,9 +12,18 @@ export class EditToolbar extends LitElement {
         super(...arguments);
         this.selected = [];
         this.hideProperty = false;
+        this._dimension = null;
+        this._gizmoAttached = false;
     }
     firstUpdated() {
+        var _a, _b;
         this.addEventListener('mousewheel', this.onWheelEvent.bind(this), false);
+        // 툴바 버튼 클릭 후 씬으로 포커스를 돌려서 키보드 단축키가 계속 작동하도록 한다
+        this.addEventListener('click', () => {
+            var _a, _b, _c;
+            ;
+            (_c = (_b = (_a = this.scene) === null || _a === void 0 ? void 0 : _a.root) === null || _b === void 0 ? void 0 : _b.element) === null || _c === void 0 ? void 0 : _c.focus();
+        });
         window.addEventListener('paste', (e) => {
             var _a;
             try {
@@ -42,8 +51,8 @@ export class EditToolbar extends LitElement {
         this.renderRoot
             .querySelector('#font-decrease')
             .addEventListener('click', this.onTapFontDecrease.bind(this));
-        this.renderRoot.querySelector('#group').addEventListener('click', this.onTapGroup.bind(this));
-        this.renderRoot.querySelector('#ungroup').addEventListener('click', this.onTapUngroup.bind(this));
+        (_a = this.renderRoot.querySelector('#group')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', this.onTapGroup.bind(this));
+        (_b = this.renderRoot.querySelector('#ungroup')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', this.onTapUngroup.bind(this));
         this.renderRoot
             .querySelector('#toggle-property')
             .addEventListener('click', this.onTapToggle.bind(this));
@@ -138,26 +147,84 @@ export class EditToolbar extends LitElement {
         >
         </span>
 
-        <span class="vline"></span>
+        ${this._dimension === '3d'
+            ? html `
+              <span class="vline"></span>
 
-        <span
-          button
-          id="front"
-          data-zorder="front"
-          title="bring to front (${this.getShortcutString('cmd', 'shift', 'f')})"
-        >
-        </span>
-        <span button id="back" data-zorder="back" title="send to back (${this.getShortcutString('cmd', 'shift', 'b')})">
-        </span>
-        <span button id="forward" data-zorder="forward" title="bring forward (${this.getShortcutString('cmd', 'f')})">
-        </span>
-        <span button id="backward" data-zorder="backward" title="send backward (${this.getShortcutString('cmd', 'b')})">
-        </span>
+              <span button data-align="z-front" id="align-z-front" title="align Z front" @click=${this.onTapAlign}> </span>
+              <span button data-align="z-middle" id="align-z-middle" title="align Z middle" @click=${this.onTapAlign}> </span>
+              <span button data-align="z-back" id="align-z-back" title="align Z back" @click=${this.onTapAlign}> </span>
+              <span button data-distribute="Z" id="distribute-z" title="distribute Z" @click=${this.onTapDistribute}> </span>
+            `
+            : this._dimension === '2d'
+                ? html `
+                <span class="vline"></span>
 
-        <span class="vline"></span>
+                <span
+                  button
+                  id="front"
+                  data-zorder="front"
+                  title="bring to front (${this.getShortcutString('cmd', 'shift', 'f')})"
+                >
+                </span>
+                <span
+                  button
+                  id="back"
+                  data-zorder="back"
+                  title="send to back (${this.getShortcutString('cmd', 'shift', 'b')})"
+                >
+                </span>
+                <span
+                  button
+                  id="forward"
+                  data-zorder="forward"
+                  title="bring forward (${this.getShortcutString('cmd', 'f')})"
+                >
+                </span>
+                <span
+                  button
+                  id="backward"
+                  data-zorder="backward"
+                  title="send backward (${this.getShortcutString('cmd', 'b')})"
+                >
+                </span>
+              `
+                : ''}
 
-        <span button id="group" title="group (${this.getShortcutString('cmd', 'g')})"> </span>
-        <span button id="ungroup" title="ungroup (${this.getShortcutString('cmd', 'shift', 'g')})"> </span>
+        ${this._dimension === '2d' ? html `
+          <span class="vline"></span>
+
+          <span button id="group" title="group (${this.getShortcutString('cmd', 'g')})"> </span>
+          <span button id="ungroup" title="ungroup (${this.getShortcutString('cmd', 'shift', 'g')})"> </span>
+        ` : this._dimension === '3d' ? html `
+          <span class="vline"></span>
+
+          <span button class="gizmo-btn" data-gizmo="translate" title="Move (W)"
+            @click=${() => this._setGizmoMode('translate')}>
+            <svg viewBox="0 0 20 20" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.8">
+              <line x1="10" y1="2" x2="10" y2="18"/><line x1="2" y1="10" x2="18" y2="10"/>
+              <polyline points="10,2 7.5,5"/><polyline points="10,2 12.5,5"/>
+              <polyline points="18,10 15,7.5"/><polyline points="18,10 15,12.5"/>
+              <polyline points="10,18 7.5,15"/><polyline points="10,18 12.5,15"/>
+              <polyline points="2,10 5,7.5"/><polyline points="2,10 5,12.5"/>
+            </svg>
+          </span>
+          <span button class="gizmo-btn" data-gizmo="rotate" title="Rotate (E)"
+            @click=${() => this._setGizmoMode('rotate')}>
+            <svg viewBox="0 0 20 20" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.8">
+              <path d="M14.5 3.5A7 7 0 1 0 17 10"/>
+              <polyline points="14,1 15,3.5 12.5,4.5"/>
+            </svg>
+          </span>
+          <span button class="gizmo-btn" data-gizmo="scale" title="Scale (R)"
+            @click=${() => this._setGizmoMode('scale')}>
+            <svg viewBox="0 0 20 20" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.8">
+              <line x1="4" y1="16" x2="16" y2="4"/>
+              <rect x="2" y="13" width="4" height="4" rx="0.5" fill="currentColor"/>
+              <rect x="14" y="2" width="4" height="4" rx="0.5" fill="currentColor"/>
+            </svg>
+          </span>
+        ` : ''}
 
         <span class="vline"></span>
 
@@ -224,7 +291,7 @@ export class EditToolbar extends LitElement {
         return symbols.join(MACOS ? '' : '+');
     }
     onShortcut(e) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f;
         if (MACOS)
             var ctrlKey = e.metaKey;
         else
@@ -275,23 +342,29 @@ export class EditToolbar extends LitElement {
                 defaultPrevent = true;
                 break;
             case 'KeyG':
-                if (ctrlKey && !shiftKey)
-                    this.onTapGroup();
-                else if (ctrlKey && shiftKey)
-                    this.onTapUngroup();
+                if (this._dimension === '2d') {
+                    if (ctrlKey && !shiftKey)
+                        this.onTapGroup();
+                    else if (ctrlKey && shiftKey)
+                        this.onTapUngroup();
+                }
                 break;
             case 'KeyF':
-                if (ctrlKey && !shiftKey)
-                    (_a = this.scene) === null || _a === void 0 ? void 0 : _a.zorder('forward');
-                else if (ctrlKey && shiftKey)
-                    (_b = this.scene) === null || _b === void 0 ? void 0 : _b.zorder('front');
+                if (this._dimension === '2d') {
+                    if (ctrlKey && !shiftKey)
+                        (_a = this.scene) === null || _a === void 0 ? void 0 : _a.zorder('forward');
+                    else if (ctrlKey && shiftKey)
+                        (_b = this.scene) === null || _b === void 0 ? void 0 : _b.zorder('front');
+                }
                 break;
             case 'KeyB':
-                if (ctrlKey && !shiftKey)
-                    (_c = this.scene) === null || _c === void 0 ? void 0 : _c.zorder('backward');
-                else if (ctrlKey && shiftKey)
-                    (_d = this.scene) === null || _d === void 0 ? void 0 : _d.zorder('back');
-                else if (altKey && shiftKey)
+                if (this._dimension === '2d') {
+                    if (ctrlKey && !shiftKey)
+                        (_c = this.scene) === null || _c === void 0 ? void 0 : _c.zorder('backward');
+                    else if (ctrlKey && shiftKey)
+                        (_d = this.scene) === null || _d === void 0 ? void 0 : _d.zorder('back');
+                }
+                if (altKey && shiftKey)
                     this.onTapAlign('bottom');
                 break;
             case 'KeyH':
@@ -342,16 +415,19 @@ export class EditToolbar extends LitElement {
                 break;
             case 'Digit1':
                 if (ctrlKey) {
-                    console.log('MODEL', this.scene && this.scene.model);
                     defaultPrevent = true;
                 }
                 break;
             case 'Digit2':
                 if (ctrlKey) {
-                    console.log('SELECTED', this.scene && this.scene.selected);
                     defaultPrevent = true;
                 }
                 break;
+            case 'Escape':
+                (_e = this.scene) === null || _e === void 0 ? void 0 : _e.stopStylePasteMode();
+                (_f = this.scene) === null || _f === void 0 ? void 0 : _f.stopDatabindPasteMode();
+                defaultPrevent = true;
+                break;
             default:
                 return false;
         }
@@ -376,23 +452,54 @@ export class EditToolbar extends LitElement {
             before.off('execute', this.onExecute, this);
             before.off('undo', this.onUndo, this);
             before.off('redo', this.onRedo, this);
+            before.off('dimension', this._onDimensionChanged, this);
+            before.off('gizmoattach', this._onGizmoAttachChanged, this);
         }
         if (after) {
             after.on('execute', this.onExecute, this);
             after.on('undo', this.onUndo, this);
             after.on('redo', this.onRedo, this);
+            after.on('dimension', this._onDimensionChanged, this);
+            after.on('gizmoattach', this._onGizmoAttachChanged, this);
         }
     }
+    _onDimensionChanged(dimension) {
+        this._dimension = dimension;
+    }
+    _onGizmoAttachChanged(isAttached) {
+        this._gizmoAttached = isAttached;
+    }
+    _setGizmoMode(mode) {
+        var _a, _b;
+        ;
+        (_b = (_a = this.scene) === null || _a === void 0 ? void 0 : _a.root) === null || _b === void 0 ? void 0 : _b.setGizmoMode(mode);
+    }
     onSelectedChanged(after, before) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var hasSelection = after.length > 0;
         var alignable = after.length > 1;
+        // 선택 필요 버튼: 스타일 복사, 데이터바인드 복사, cut, copy, delete
+        const selectionButtons = [this.styleCopy, this.databindCopy, this.cut, this.copy, this.delete];
+        selectionButtons.forEach(btn => {
+            hasSelection ? btn === null || btn === void 0 ? void 0 : btn.removeAttribute('disabled') : btn === null || btn === void 0 ? void 0 : btn.setAttribute('disabled', '');
+        });
         this.aligners.forEach(aligner => alignable ? aligner.removeAttribute('disabled') : aligner.setAttribute('disabled', ''));
-        var movable = after.length === 1;
-        /* forward, backward 이동은 한 컴포넌트만 가능하다. */
-        !movable ? this.forward.setAttribute('disabled', '') : this.forward.removeAttribute('disabled');
-        !movable ? this.backward.setAttribute('disabled', '') : this.backward.removeAttribute('disabled');
-        /* 여러 컴포넌트는 front, back 이동이 가능하다. */
-        !(alignable || movable) ? this.front.setAttribute('disabled', '') : this.front.removeAttribute('disabled');
-        !(alignable || movable) ? this.back.setAttribute('disabled', '') : this.back.removeAttribute('disabled');
+        if (this._dimension === '2d') {
+            var movable = after.length === 1;
+            /* forward, backward 이동은 한 컴포넌트만 가능하다. */
+            !movable ? (_a = this.forward) === null || _a === void 0 ? void 0 : _a.setAttribute('disabled', '') : (_b = this.forward) === null || _b === void 0 ? void 0 : _b.removeAttribute('disabled');
+            !movable ? (_c = this.backward) === null || _c === void 0 ? void 0 : _c.setAttribute('disabled', '') : (_d = this.backward) === null || _d === void 0 ? void 0 : _d.removeAttribute('disabled');
+            /* 여러 컴포넌트는 front, back 이동이 가능하다. */
+            !(alignable || movable) ? (_e = this.front) === null || _e === void 0 ? void 0 : _e.setAttribute('disabled', '') : (_f = this.front) === null || _f === void 0 ? void 0 : _f.removeAttribute('disabled');
+            !(alignable || movable) ? (_g = this.back) === null || _g === void 0 ? void 0 : _g.setAttribute('disabled', '') : (_h = this.back) === null || _h === void 0 ? void 0 : _h.removeAttribute('disabled');
+        }
+        this.distributes.forEach(distribute => alignable ? distribute.removeAttribute('disabled') : distribute.setAttribute('disabled', ''));
+        if (this._dimension === '3d') {
+            const hasSelection = after.length > 0;
+            this.renderRoot.querySelectorAll('.gizmo-btn').forEach(btn => {
+                hasSelection ? btn.removeAttribute('disabled') : btn.setAttribute('disabled', '');
+            });
+        }
     }
     onTapUndo() {
         var _a;
@@ -403,12 +510,20 @@ export class EditToolbar extends LitElement {
         (_a = this.scene) === null || _a === void 0 ? void 0 : _a.redo();
     }
     onStartStylePasteMode() {
-        var _a;
-        (_a = this.scene) === null || _a === void 0 ? void 0 : _a.startStylePasteMode();
+        var _a, _b, _c;
+        if (((_a = this.selected) === null || _a === void 0 ? void 0 : _a.length) !== 1)
+            return;
+        if (this.selected[0] === ((_b = this.scene) === null || _b === void 0 ? void 0 : _b.root))
+            return;
+        (_c = this.scene) === null || _c === void 0 ? void 0 : _c.startStylePasteMode();
     }
     onStartDatabindPasteMode() {
-        var _a;
-        (_a = this.scene) === null || _a === void 0 ? void 0 : _a.startDatabindPasteMode();
+        var _a, _b, _c;
+        if (((_a = this.selected) === null || _a === void 0 ? void 0 : _a.length) !== 1)
+            return;
+        if (this.selected[0] === ((_b = this.scene) === null || _b === void 0 ? void 0 : _b.root))
+            return;
+        (_c = this.scene) === null || _c === void 0 ? void 0 : _c.startDatabindPasteMode();
     }
     onTapCut() {
         var _a;
@@ -547,6 +662,12 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], EditToolbar.prototype, "hideProperty", void 0);
+__decorate([
+    state()
+], EditToolbar.prototype, "_dimension", void 0);
+__decorate([
+    state()
+], EditToolbar.prototype, "_gizmoAttached", void 0);
 __decorate([
     query('#redo')
 ], EditToolbar.prototype, "redo", void 0);

package/dist/src/modeller/edit-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"edit-toolbar.js","sourceRoot":"","sources":["../../../src/modeller/edit-toolbar.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { html, LitElement, PropertyValues } from 'lit'\nimport { property, query, queryAll } from 'lit/decorators.js'\n\nimport { Component, Scene } from '@hatiolab/things-scene'\nimport { copyToClipboard, isMacOS } from '@operato/utils'\n\nimport { style } from './edit-toolbar-style.js'\n\nconst MACOS = isMacOS()\n\nexport class EditToolbar extends LitElement {\n  static styles = [style]\n\n  @property({ type: Object }) scene?: Scene\n  @property({ type: Array }) selected: any[] = []\n  @property({ type: Boolean }) hideProperty: boolean = false\n\n  private cliped?: string\n\n  @query('#redo') private redo!: HTMLElement\n  @query('#undo') private undo!: HTMLElement\n\n  @query('#fullscreen') private fullscreen!: HTMLElement\n  @query('#style-copy') private styleCopy!: HTMLElement\n  @query('#databind-copy') private databindCopy!: HTMLElement\n  @query('#cut') private cut!: HTMLElement\n  @query('#copy') private copy!: HTMLElement\n  @query('#paste') private paste!: HTMLElement\n  @query('#delete') private delete!: HTMLElement\n\n  @query('#forward') private forward!: HTMLElement\n  @query('#backward') private backward!: HTMLElement\n  @query('#front') private front!: HTMLElement\n  @query('#back') private back!: HTMLElement\n\n  @queryAll('[data-align]') private aligners!: NodeListOf<HTMLSpanElement>\n  @queryAll('[data-zorder]') private zorders!: NodeListOf<HTMLSpanElement>\n  @queryAll('[data-distribute]') private distributes!: NodeListOf<HTMLSpanElement>\n\n  firstUpdated() {\n    this.addEventListener('mousewheel', this.onWheelEvent.bind(this) as EventListener, false)\n\n    window.addEventListener('paste', (e: Event) => {\n      try {\n        this.cliped = (e as ClipboardEvent).clipboardData?.getData('text/plain')\n      } catch (e) {\n        console.error('model paste failed', e)\n      }\n    })\n\n    this.aligners.forEach(aligner => aligner.addEventListener('click', this.onTapAlign.bind(this) as EventListener))\n    this.zorders.forEach(zorder => zorder.addEventListener('click', this.onTapZorder.bind(this) as EventListener))\n    this.distributes.forEach(distribute =>\n      distribute.addEventListener('click', this.onTapDistribute.bind(this) as EventListener)\n    )\n\n    this.undo.addEventListener('click', this.onTapUndo.bind(this) as EventListener)\n    this.redo.addEventListener('click', this.onTapRedo.bind(this) as EventListener)\n    this.fullscreen.addEventListener('click', this.onTapFullscreen.bind(this) as EventListener)\n    this.styleCopy.addEventListener('click', this.onStartStylePasteMode.bind(this) as EventListener)\n    this.databindCopy.addEventListener('click', this.onStartDatabindPasteMode.bind(this) as EventListener)\n    this.cut.addEventListener('click', this.onTapCut.bind(this) as EventListener)\n    this.copy.addEventListener('click', this.onTapCopy.bind(this) as EventListener)\n    this.paste.addEventListener('click', this.onTapPaste.bind(this) as EventListener)\n    this.delete.addEventListener('click', this.onTapDelete.bind(this) as EventListener)\n\n    this.renderRoot\n      .querySelector('#font-increase')!\n      .addEventListener('click', this.onTapFontIncrease.bind(this) as EventListener)\n    this.renderRoot\n      .querySelector('#font-decrease')!\n      .addEventListener('click', this.onTapFontDecrease.bind(this) as EventListener)\n    this.renderRoot.querySelector('#group')!.addEventListener('click', this.onTapGroup.bind(this) as EventListener)\n    this.renderRoot.querySelector('#ungroup')!.addEventListener('click', this.onTapUngroup.bind(this) as EventListener)\n    this.renderRoot\n      .querySelector('#toggle-property')!\n      .addEventListener('click', this.onTapToggle.bind(this) as EventListener)\n    this.renderRoot\n      .querySelector('#fit-scene')!\n      .addEventListener('click', this.onTapFitScene.bind(this) as EventListener)\n    this.renderRoot.querySelector('#preview')!.addEventListener('click', this.onTapPreview.bind(this) as EventListener)\n  }\n\n  updated(changes: PropertyValues<this>) {\n    changes.has('scene') && this.onSceneChanged(this.scene, changes.get('scene') as Scene)\n    changes.has('selected') && this.onSelectedChanged(this.selected, changes.get('selected') as Component[])\n  }\n\n  render() {\n    return html`\n      <div tools>\n        <span><slot></slot></span>\n\n        <span button id=\"undo\" title=\"undo (${this.getShortcutString('cmd', 'z')})\"> </span>\n        <span button id=\"redo\" title=\"redo (${this.getShortcutString('cmd', 'shift', 'z')})\"> </span>\n\n        <span class=\"vline\"></span>\n\n        <span button id=\"style-copy\" title=\"style copy (${this.getShortcutString('cmd', '1')})\"> </span>\n        <span button id=\"databind-copy\" title=\"databind copy (${this.getShortcutString('cmd', '2')})\"> </span>\n\n        <span class=\"vline\"></span>\n\n        <span button id=\"cut\" title=\"cut (${this.getShortcutString('cmd', 'x')})\"> </span>\n        <span button id=\"copy\" title=\"copy (${this.getShortcutString('cmd', 'c')})\"> </span>\n        <span button id=\"paste\" title=\"paste (${this.getShortcutString('cmd', 'v')})\"> </span>\n        <span\n          button\n          id=\"delete\"\n          title=\"delete (${this.getShortcutString('backspace')}, ${this.getShortcutString('delete')})\"\n        >\n        </span>\n\n        <span class=\"vline\"></span>\n\n        <span\n          button\n          data-align=\"left\"\n          id=\"align-left\"\n          title=\"align left (${this.getShortcutString('alt', 'shift', 'l')})\"\n        >\n        </span>\n        <span\n          button\n          data-align=\"center\"\n          id=\"align-center\"\n          title=\"align center (${this.getShortcutString('alt', 'shift', 'c')})\"\n        >\n        </span>\n        <span\n          button\n          data-align=\"right\"\n          id=\"align-right\"\n          title=\"align right (${this.getShortcutString('alt', 'shift', 'r')})\"\n        >\n        </span>\n\n        <span button data-align=\"top\" id=\"align-top\" title=\"align top (${this.getShortcutString('alt', 'shift', 't')})\">\n        </span>\n        <span\n          button\n          data-align=\"middle\"\n          id=\"align-middle\"\n          title=\"align middle (${this.getShortcutString('alt', 'shift', 'm')})\"\n        >\n        </span>\n        <span\n          button\n          data-align=\"bottom\"\n          id=\"align-bottom\"\n          title=\"align bottom (${this.getShortcutString('alt', 'shift', 'b')})\"\n        >\n        </span>\n\n        <span\n          button\n          data-distribute=\"HORIZONTAL\"\n          id=\"distribute-horizontal\"\n          title=\"distribute horizontally (${this.getShortcutString('alt', 'shift', 'h')})\"\n        >\n        </span>\n\n        <span\n          button\n          data-distribute=\"VERTICAL\"\n          id=\"distribute-vertical\"\n          title=\"distribute vertically (${this.getShortcutString('alt', 'shift', 'v')})\"\n        >\n        </span>\n\n        <span class=\"vline\"></span>\n\n        <span\n          button\n          id=\"front\"\n          data-zorder=\"front\"\n          title=\"bring to front (${this.getShortcutString('cmd', 'shift', 'f')})\"\n        >\n        </span>\n        <span button id=\"back\" data-zorder=\"back\" title=\"send to back (${this.getShortcutString('cmd', 'shift', 'b')})\">\n        </span>\n        <span button id=\"forward\" data-zorder=\"forward\" title=\"bring forward (${this.getShortcutString('cmd', 'f')})\">\n        </span>\n        <span button id=\"backward\" data-zorder=\"backward\" title=\"send backward (${this.getShortcutString('cmd', 'b')})\">\n        </span>\n\n        <span class=\"vline\"></span>\n\n        <span button id=\"group\" title=\"group (${this.getShortcutString('cmd', 'g')})\"> </span>\n        <span button id=\"ungroup\" title=\"ungroup (${this.getShortcutString('cmd', 'shift', 'g')})\"> </span>\n\n        <span class=\"vline\"></span>\n\n        <span button id=\"font-increase\" title=\"increase font size\"></span>\n        <span button id=\"font-decrease\" title=\"decrease font size\" style=\"scale: 0.7;\"></span>\n\n        <span class=\"vline\"></span>\n        <span padding></span>\n\n        <span button id=\"fit-scene\" title=\"fit scene (${this.getShortcutString('cmd', 'd')})\"> </span>\n\n        <span class=\"vline\"></span>\n\n        <span button id=\"preview\" title=\"preview (${this.getShortcutString('ctrl', 'p')})\"> </span>\n\n        <span button id=\"fullscreen\" title=\"fullscreen (${this.getShortcutString('f11')})\"> </span>\n\n        <span\n          button\n          id=\"toggle-property\"\n          title=\"toggle property panel (${this.getShortcutString('cmd', 'h')})\"\n          toggles=\"true\"\n        >\n        </span>\n      </div>\n    `\n  }\n\n  onWheelEvent(e: Event) {\n    var delta = Math.max(-1, Math.min(1, (e as WheelEvent).deltaY || -(e as WheelEvent).detail))\n    this.scrollLeft -= delta * 40\n\n    e.preventDefault()\n  }\n\n  getSymbol(key: string) {\n    var symbol\n    switch (key) {\n      case 'cmd':\n      case 'ctrl':\n        symbol = MACOS ? '⌘' : 'Ctrl'\n        break\n      case 'shift':\n        symbol = MACOS ? '⇧' : 'Shift'\n        break\n      case 'alt':\n      case 'option':\n        symbol = MACOS ? '⌥' : 'Alt'\n        break\n      case 'backspace':\n        symbol = MACOS ? '⌫' : 'BackSpace'\n        break\n      case 'delete':\n        symbol = MACOS ? '⌦' : 'Del'\n        break\n      default:\n        symbol = key.toUpperCase()\n        break\n    }\n\n    return symbol\n  }\n\n  private getShortcutString(...keys: string[]) {\n    var symbols = []\n    for (var i = 0; i < arguments.length; i++) {\n      symbols.push(this.getSymbol(arguments[i]))\n    }\n\n    return symbols.join(MACOS ? '' : '+')\n  }\n\n  onShortcut(e: KeyboardEvent) {\n    if (MACOS) var ctrlKey = e.metaKey\n    else var ctrlKey = e.ctrlKey\n\n    var altKey = e.altKey\n    var shiftKey = e.shiftKey\n\n    var defaultPrevent = ctrlKey || altKey\n\n    switch (e.code) {\n      case 'KeyZ':\n        if (ctrlKey && !shiftKey) this.onTapUndo()\n        else if (ctrlKey && shiftKey) this.onTapRedo()\n        break\n      case 'KeyY':\n        if (ctrlKey && !shiftKey) this.onTapRedo()\n        break\n      case 'Digit1':\n        if (ctrlKey) this.onStartStylePasteMode()\n        break\n      case 'Digit2':\n        if (ctrlKey) this.onStartDatabindPasteMode()\n        break\n      case 'KeyC':\n        if (ctrlKey && !shiftKey) this.onTapCopy()\n        else if (altKey && shiftKey) this.onTapAlign('center')\n        break\n      case 'KeyX':\n        if (ctrlKey && !shiftKey) this.onTapCut()\n        break\n      case 'KeyV':\n        if (ctrlKey && !shiftKey) {\n          this.onTapPaste()\n          defaultPrevent = false\n        } else if (altKey && shiftKey) this.onTapDistribute('VERTICAL')\n        break\n      case 'Delete':\n      case 'Backspace':\n        this.onTapDelete()\n        defaultPrevent = true\n        break\n      case 'KeyG':\n        if (ctrlKey && !shiftKey) this.onTapGroup()\n        else if (ctrlKey && shiftKey) this.onTapUngroup()\n        break\n      case 'KeyF':\n        if (ctrlKey && !shiftKey) this.scene?.zorder('forward')\n        else if (ctrlKey && shiftKey) this.scene?.zorder('front')\n        break\n      case 'KeyB':\n        if (ctrlKey && !shiftKey) this.scene?.zorder('backward')\n        else if (ctrlKey && shiftKey) this.scene?.zorder('back')\n        else if (altKey && shiftKey) this.onTapAlign('bottom')\n        break\n      case 'KeyH':\n        if (ctrlKey && !shiftKey) this.onTapToggle()\n        else if (altKey && shiftKey) this.onTapDistribute('HORIZONTAL')\n        break\n      case 'F11':\n        this.onTapFullscreen()\n        defaultPrevent = true\n        break\n      case 'KeyP':\n        if (ctrlKey) {\n          this.onTapPreview()\n          defaultPrevent = true\n        }\n        break\n      case 'KeyA':\n        if (ctrlKey) this.onTapSelectAll()\n        break\n      case 'KeyL':\n        if (altKey && shiftKey) this.onTapAlign('left')\n        break\n      case 'KeyR':\n        if (altKey && shiftKey) this.onTapAlign('right')\n        break\n      case 'KeyM':\n        if (altKey && shiftKey) this.onTapAlign('middle')\n        break\n      case 'KeyT':\n        if (altKey && shiftKey) this.onTapAlign('top')\n        break\n      case 'KeyD':\n        if (ctrlKey) {\n          this.onTapFitScene()\n          defaultPrevent = true\n        }\n        break\n      case 'KeyE':\n        if (ctrlKey && shiftKey) this.onTapDownloadModel()\n        break\n      case 'Digit1':\n        if (ctrlKey) {\n          console.log('MODEL', this.scene && this.scene.model)\n          defaultPrevent = true\n        }\n        break\n      case 'Digit2':\n        if (ctrlKey) {\n          console.log('SELECTED', this.scene && this.scene.selected)\n          defaultPrevent = true\n        }\n        break\n\n      default:\n        return false\n    }\n\n    if (defaultPrevent) e.preventDefault()\n    return true\n  }\n\n  onExecute(command: string, undoable: boolean, redoable: boolean) {\n    !undoable ? this.undo.setAttribute('disabled', '') : this.undo.removeAttribute('disabled')\n    !redoable ? this.redo.setAttribute('disabled', '') : this.redo.removeAttribute('disabled')\n  }\n\n  onUndo(undoable: boolean, redoable: boolean) {\n    !undoable ? this.undo.setAttribute('disabled', '') : this.undo.removeAttribute('disabled')\n    !redoable ? this.redo.setAttribute('disabled', '') : this.redo.removeAttribute('disabled')\n  }\n\n  onRedo(undoable: boolean, redoable: boolean) {\n    !undoable ? this.undo.setAttribute('disabled', '') : this.undo.removeAttribute('disabled')\n    !redoable ? this.redo.setAttribute('disabled', '') : this.redo.removeAttribute('disabled')\n  }\n\n  onSceneChanged(after?: Scene, before?: Scene) {\n    if (before) {\n      before.off('execute', this.onExecute, this)\n      before.off('undo', this.onUndo, this)\n      before.off('redo', this.onRedo, this)\n    }\n\n    if (after) {\n      after.on('execute', this.onExecute, this)\n      after.on('undo', this.onUndo, this)\n      after.on('redo', this.onRedo, this)\n    }\n  }\n\n  onSelectedChanged(after: Component[], before: Component[]) {\n    var alignable = after.length > 1\n\n    this.aligners.forEach(aligner =>\n      alignable ? aligner.removeAttribute('disabled') : aligner.setAttribute('disabled', '')\n    )\n\n    var movable = after.length === 1\n\n    /* forward, backward 이동은 한 컴포넌트만 가능하다. */\n    !movable ? this.forward.setAttribute('disabled', '') : this.forward.removeAttribute('disabled')\n    !movable ? this.backward.setAttribute('disabled', '') : this.backward.removeAttribute('disabled')\n\n    /* 여러 컴포넌트는 front, back 이동이 가능하다. */\n    !(alignable || movable) ? this.front.setAttribute('disabled', '') : this.front.removeAttribute('disabled')\n    !(alignable || movable) ? this.back.setAttribute('disabled', '') : this.back.removeAttribute('disabled')\n  }\n\n  onTapUndo() {\n    this.scene?.undo()\n  }\n\n  onTapRedo() {\n    this.scene?.redo()\n  }\n\n  onStartStylePasteMode() {\n    this.scene?.startStylePasteMode()\n  }\n\n  onStartDatabindPasteMode() {\n    this.scene?.startDatabindPasteMode()\n  }\n\n  onTapCut() {\n    this.scene?.cut()\n  }\n\n  async onTapCopy() {\n    var copied = this.scene?.copy()\n\n    if (!copied) return\n\n    await copyToClipboard(copied)\n    this.cliped = copied\n  }\n\n  onTapPaste() {\n    setTimeout(() => {\n      this.cliped && this.scene?.paste(this.cliped)\n    }, 100)\n  }\n\n  onTapDelete() {\n    this.scene?.remove()\n  }\n\n  onTapSelectAll() {\n    this.scene?.select('(child)')\n  }\n\n  onTapFontIncrease(e: TouchEvent) {\n    var selected = this.scene?.selected\n    if (!selected || !selected.length) {\n      return\n    }\n\n    this.scene?.undoableChange(function () {\n      selected!.forEach(function (component) {\n        var fontSize = component.get('fontSize')\n\n        if (!fontSize) fontSize = '15'\n\n        if (fontSize) {\n          var size = parseInt(fontSize)\n          component.set('fontSize', size + 1)\n        }\n      })\n    })\n  }\n\n  onTapFontDecrease(e: TouchEvent) {\n    var selected = this.scene?.selected\n\n    if (!selected || !selected.length) {\n      return\n    }\n\n    this.scene?.undoableChange(function () {\n      selected!.forEach(function (component) {\n        var fontSize = component.get('fontSize')\n\n        if (!fontSize) fontSize = '15'\n\n        if (fontSize) {\n          var size = parseInt(fontSize)\n          if (size > 1) component.set('fontSize', size - 1)\n        }\n      })\n    })\n  }\n\n  onTapAlign(e: TouchEvent | string) {\n    if (!this.scene) return\n\n    var selected = this.scene.selected\n\n    var align = typeof e === 'string' ? e : (e.target as HTMLElement).getAttribute('data-align')\n    if (!align) {\n      return\n    }\n\n    if (selected.length <= 1) {\n      this.scene.place(align)\n    } else {\n      this.scene.align(align)\n    }\n  }\n\n  onTapZorder(e: TouchEvent | string) {\n    if (!this.scene) return\n\n    var selected = this.scene.selected\n    if (selected.length < 1) return\n\n    var zorder = typeof e === 'string' ? e : (e.target as HTMLElement).getAttribute('data-zorder')\n\n    zorder && this.scene.zorder(zorder)\n  }\n\n  onTapGroup() {\n    this.scene && this.scene.group()\n  }\n\n  onTapUngroup() {\n    this.scene && this.scene.ungroup()\n  }\n\n  onTapFullscreen() {\n    this.dispatchEvent(new CustomEvent('modeller-fullscreen'))\n  }\n\n  onTapToggle() {\n    this.hideProperty = !this.hideProperty\n    this.dispatchEvent(\n      new CustomEvent('hide-property-changed', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this.hideProperty }\n      })\n    )\n  }\n\n  onTapFitScene() {\n    if (this.scene) {\n      this.scene.resize()\n      this.scene.fit('ratio')\n    }\n  }\n\n  onTapPreview() {\n    this.dispatchEvent(new CustomEvent('open-preview'))\n  }\n\n  onTapDownloadModel() {\n    this.dispatchEvent(new CustomEvent('download-model'))\n  }\n\n  onTapDistribute(e: TouchEvent | string) {\n    if (!this.scene) return\n\n    var selected = this.scene.selected\n    if (selected.length <= 1) {\n      return\n    }\n\n    var distribute = typeof e === 'string' ? e : (e.target as HTMLElement)!.getAttribute('data-distribute')\n\n    distribute && this.scene.distribute(distribute)\n  }\n}\n"]}
+{"version":3,"file":"edit-toolbar.js","sourceRoot":"","sources":["../../../src/modeller/edit-toolbar.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { html, LitElement, PropertyValues } from 'lit'\nimport { property, state, query, queryAll } from 'lit/decorators.js'\n\nimport { Component, Scene } from '@hatiolab/things-scene'\nimport { copyToClipboard, isMacOS } from '@operato/utils'\n\nimport { style } from './edit-toolbar-style.js'\n\nconst MACOS = isMacOS()\n\nexport class EditToolbar extends LitElement {\n  static styles = [style]\n\n  @property({ type: Object }) scene?: Scene\n  @property({ type: Array }) selected: any[] = []\n  @property({ type: Boolean }) hideProperty: boolean = false\n\n  @state() private _dimension: '2d' | '3d' | null = null\n  @state() private _gizmoAttached = false\n\n  private cliped?: string\n\n  @query('#redo') private redo!: HTMLElement\n  @query('#undo') private undo!: HTMLElement\n\n  @query('#fullscreen') private fullscreen!: HTMLElement\n  @query('#style-copy') private styleCopy!: HTMLElement\n  @query('#databind-copy') private databindCopy!: HTMLElement\n  @query('#cut') private cut!: HTMLElement\n  @query('#copy') private copy!: HTMLElement\n  @query('#paste') private paste!: HTMLElement\n  @query('#delete') private delete!: HTMLElement\n\n  @query('#forward') private forward!: HTMLElement\n  @query('#backward') private backward!: HTMLElement\n  @query('#front') private front!: HTMLElement\n  @query('#back') private back!: HTMLElement\n\n  @queryAll('[data-align]') private aligners!: NodeListOf<HTMLSpanElement>\n  @queryAll('[data-zorder]') private zorders!: NodeListOf<HTMLSpanElement>\n  @queryAll('[data-distribute]') private distributes!: NodeListOf<HTMLSpanElement>\n\n  firstUpdated() {\n    this.addEventListener('mousewheel', this.onWheelEvent.bind(this) as EventListener, false)\n\n    // 툴바 버튼 클릭 후 씬으로 포커스를 돌려서 키보드 단축키가 계속 작동하도록 한다\n    this.addEventListener('click', () => {\n      ;(this.scene?.root as any)?.element?.focus()\n    })\n\n    window.addEventListener('paste', (e: Event) => {\n      try {\n        this.cliped = (e as ClipboardEvent).clipboardData?.getData('text/plain')\n      } catch (e) {\n        console.error('model paste failed', e)\n      }\n    })\n\n    this.aligners.forEach(aligner => aligner.addEventListener('click', this.onTapAlign.bind(this) as EventListener))\n    this.zorders.forEach(zorder => zorder.addEventListener('click', this.onTapZorder.bind(this) as EventListener))\n    this.distributes.forEach(distribute =>\n      distribute.addEventListener('click', this.onTapDistribute.bind(this) as EventListener)\n    )\n\n    this.undo.addEventListener('click', this.onTapUndo.bind(this) as EventListener)\n    this.redo.addEventListener('click', this.onTapRedo.bind(this) as EventListener)\n    this.fullscreen.addEventListener('click', this.onTapFullscreen.bind(this) as EventListener)\n    this.styleCopy.addEventListener('click', this.onStartStylePasteMode.bind(this) as EventListener)\n    this.databindCopy.addEventListener('click', this.onStartDatabindPasteMode.bind(this) as EventListener)\n    this.cut.addEventListener('click', this.onTapCut.bind(this) as EventListener)\n    this.copy.addEventListener('click', this.onTapCopy.bind(this) as EventListener)\n    this.paste.addEventListener('click', this.onTapPaste.bind(this) as EventListener)\n    this.delete.addEventListener('click', this.onTapDelete.bind(this) as EventListener)\n\n    this.renderRoot\n      .querySelector('#font-increase')!\n      .addEventListener('click', this.onTapFontIncrease.bind(this) as EventListener)\n    this.renderRoot\n      .querySelector('#font-decrease')!\n      .addEventListener('click', this.onTapFontDecrease.bind(this) as EventListener)\n    this.renderRoot.querySelector('#group')?.addEventListener('click', this.onTapGroup.bind(this) as EventListener)\n    this.renderRoot.querySelector('#ungroup')?.addEventListener('click', this.onTapUngroup.bind(this) as EventListener)\n    this.renderRoot\n      .querySelector('#toggle-property')!\n      .addEventListener('click', this.onTapToggle.bind(this) as EventListener)\n    this.renderRoot\n      .querySelector('#fit-scene')!\n      .addEventListener('click', this.onTapFitScene.bind(this) as EventListener)\n    this.renderRoot.querySelector('#preview')!.addEventListener('click', this.onTapPreview.bind(this) as EventListener)\n  }\n\n  updated(changes: PropertyValues<this>) {\n    changes.has('scene') && this.onSceneChanged(this.scene, changes.get('scene') as Scene)\n    changes.has('selected') && this.onSelectedChanged(this.selected, changes.get('selected') as Component[])\n  }\n\n  render() {\n    return html`\n      <div tools>\n        <span><slot></slot></span>\n\n        <span button id=\"undo\" title=\"undo (${this.getShortcutString('cmd', 'z')})\"> </span>\n        <span button id=\"redo\" title=\"redo (${this.getShortcutString('cmd', 'shift', 'z')})\"> </span>\n\n        <span class=\"vline\"></span>\n\n        <span button id=\"style-copy\" title=\"style copy (${this.getShortcutString('cmd', '1')})\"> </span>\n        <span button id=\"databind-copy\" title=\"databind copy (${this.getShortcutString('cmd', '2')})\"> </span>\n\n        <span class=\"vline\"></span>\n\n        <span button id=\"cut\" title=\"cut (${this.getShortcutString('cmd', 'x')})\"> </span>\n        <span button id=\"copy\" title=\"copy (${this.getShortcutString('cmd', 'c')})\"> </span>\n        <span button id=\"paste\" title=\"paste (${this.getShortcutString('cmd', 'v')})\"> </span>\n        <span\n          button\n          id=\"delete\"\n          title=\"delete (${this.getShortcutString('backspace')}, ${this.getShortcutString('delete')})\"\n        >\n        </span>\n\n        <span class=\"vline\"></span>\n\n        <span\n          button\n          data-align=\"left\"\n          id=\"align-left\"\n          title=\"align left (${this.getShortcutString('alt', 'shift', 'l')})\"\n        >\n        </span>\n        <span\n          button\n          data-align=\"center\"\n          id=\"align-center\"\n          title=\"align center (${this.getShortcutString('alt', 'shift', 'c')})\"\n        >\n        </span>\n        <span\n          button\n          data-align=\"right\"\n          id=\"align-right\"\n          title=\"align right (${this.getShortcutString('alt', 'shift', 'r')})\"\n        >\n        </span>\n\n        <span button data-align=\"top\" id=\"align-top\" title=\"align top (${this.getShortcutString('alt', 'shift', 't')})\">\n        </span>\n        <span\n          button\n          data-align=\"middle\"\n          id=\"align-middle\"\n          title=\"align middle (${this.getShortcutString('alt', 'shift', 'm')})\"\n        >\n        </span>\n        <span\n          button\n          data-align=\"bottom\"\n          id=\"align-bottom\"\n          title=\"align bottom (${this.getShortcutString('alt', 'shift', 'b')})\"\n        >\n        </span>\n\n        <span\n          button\n          data-distribute=\"HORIZONTAL\"\n          id=\"distribute-horizontal\"\n          title=\"distribute horizontally (${this.getShortcutString('alt', 'shift', 'h')})\"\n        >\n        </span>\n\n        <span\n          button\n          data-distribute=\"VERTICAL\"\n          id=\"distribute-vertical\"\n          title=\"distribute vertically (${this.getShortcutString('alt', 'shift', 'v')})\"\n        >\n        </span>\n\n        ${this._dimension === '3d'\n          ? html`\n              <span class=\"vline\"></span>\n\n              <span button data-align=\"z-front\" id=\"align-z-front\" title=\"align Z front\" @click=${this.onTapAlign}> </span>\n              <span button data-align=\"z-middle\" id=\"align-z-middle\" title=\"align Z middle\" @click=${this.onTapAlign}> </span>\n              <span button data-align=\"z-back\" id=\"align-z-back\" title=\"align Z back\" @click=${this.onTapAlign}> </span>\n              <span button data-distribute=\"Z\" id=\"distribute-z\" title=\"distribute Z\" @click=${this.onTapDistribute}> </span>\n            `\n          : this._dimension === '2d'\n            ? html`\n                <span class=\"vline\"></span>\n\n                <span\n                  button\n                  id=\"front\"\n                  data-zorder=\"front\"\n                  title=\"bring to front (${this.getShortcutString('cmd', 'shift', 'f')})\"\n                >\n                </span>\n                <span\n                  button\n                  id=\"back\"\n                  data-zorder=\"back\"\n                  title=\"send to back (${this.getShortcutString('cmd', 'shift', 'b')})\"\n                >\n                </span>\n                <span\n                  button\n                  id=\"forward\"\n                  data-zorder=\"forward\"\n                  title=\"bring forward (${this.getShortcutString('cmd', 'f')})\"\n                >\n                </span>\n                <span\n                  button\n                  id=\"backward\"\n                  data-zorder=\"backward\"\n                  title=\"send backward (${this.getShortcutString('cmd', 'b')})\"\n                >\n                </span>\n              `\n            : ''}\n\n        ${this._dimension === '2d' ? html`\n          <span class=\"vline\"></span>\n\n          <span button id=\"group\" title=\"group (${this.getShortcutString('cmd', 'g')})\"> </span>\n          <span button id=\"ungroup\" title=\"ungroup (${this.getShortcutString('cmd', 'shift', 'g')})\"> </span>\n        ` : this._dimension === '3d' ? html`\n          <span class=\"vline\"></span>\n\n          <span button class=\"gizmo-btn\" data-gizmo=\"translate\" title=\"Move (W)\"\n            @click=${() => this._setGizmoMode('translate')}>\n            <svg viewBox=\"0 0 20 20\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\n              <line x1=\"10\" y1=\"2\" x2=\"10\" y2=\"18\"/><line x1=\"2\" y1=\"10\" x2=\"18\" y2=\"10\"/>\n              <polyline points=\"10,2 7.5,5\"/><polyline points=\"10,2 12.5,5\"/>\n              <polyline points=\"18,10 15,7.5\"/><polyline points=\"18,10 15,12.5\"/>\n              <polyline points=\"10,18 7.5,15\"/><polyline points=\"10,18 12.5,15\"/>\n              <polyline points=\"2,10 5,7.5\"/><polyline points=\"2,10 5,12.5\"/>\n            </svg>\n          </span>\n          <span button class=\"gizmo-btn\" data-gizmo=\"rotate\" title=\"Rotate (E)\"\n            @click=${() => this._setGizmoMode('rotate')}>\n            <svg viewBox=\"0 0 20 20\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\n              <path d=\"M14.5 3.5A7 7 0 1 0 17 10\"/>\n              <polyline points=\"14,1 15,3.5 12.5,4.5\"/>\n            </svg>\n          </span>\n          <span button class=\"gizmo-btn\" data-gizmo=\"scale\" title=\"Scale (R)\"\n            @click=${() => this._setGizmoMode('scale')}>\n            <svg viewBox=\"0 0 20 20\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\n              <line x1=\"4\" y1=\"16\" x2=\"16\" y2=\"4\"/>\n              <rect x=\"2\" y=\"13\" width=\"4\" height=\"4\" rx=\"0.5\" fill=\"currentColor\"/>\n              <rect x=\"14\" y=\"2\" width=\"4\" height=\"4\" rx=\"0.5\" fill=\"currentColor\"/>\n            </svg>\n          </span>\n        ` : ''}\n\n        <span class=\"vline\"></span>\n\n        <span button id=\"font-increase\" title=\"increase font size\"></span>\n        <span button id=\"font-decrease\" title=\"decrease font size\" style=\"scale: 0.7;\"></span>\n\n        <span class=\"vline\"></span>\n        <span padding></span>\n\n        <span button id=\"fit-scene\" title=\"fit scene (${this.getShortcutString('cmd', 'd')})\"> </span>\n\n        <span class=\"vline\"></span>\n\n        <span button id=\"preview\" title=\"preview (${this.getShortcutString('ctrl', 'p')})\"> </span>\n\n        <span button id=\"fullscreen\" title=\"fullscreen (${this.getShortcutString('f11')})\"> </span>\n\n        <span\n          button\n          id=\"toggle-property\"\n          title=\"toggle property panel (${this.getShortcutString('cmd', 'h')})\"\n          toggles=\"true\"\n        >\n        </span>\n      </div>\n    `\n  }\n\n  onWheelEvent(e: Event) {\n    var delta = Math.max(-1, Math.min(1, (e as WheelEvent).deltaY || -(e as WheelEvent).detail))\n    this.scrollLeft -= delta * 40\n\n    e.preventDefault()\n  }\n\n  getSymbol(key: string) {\n    var symbol\n    switch (key) {\n      case 'cmd':\n      case 'ctrl':\n        symbol = MACOS ? '⌘' : 'Ctrl'\n        break\n      case 'shift':\n        symbol = MACOS ? '⇧' : 'Shift'\n        break\n      case 'alt':\n      case 'option':\n        symbol = MACOS ? '⌥' : 'Alt'\n        break\n      case 'backspace':\n        symbol = MACOS ? '⌫' : 'BackSpace'\n        break\n      case 'delete':\n        symbol = MACOS ? '⌦' : 'Del'\n        break\n      default:\n        symbol = key.toUpperCase()\n        break\n    }\n\n    return symbol\n  }\n\n  private getShortcutString(...keys: string[]) {\n    var symbols = []\n    for (var i = 0; i < arguments.length; i++) {\n      symbols.push(this.getSymbol(arguments[i]))\n    }\n\n    return symbols.join(MACOS ? '' : '+')\n  }\n\n  onShortcut(e: KeyboardEvent) {\n    if (MACOS) var ctrlKey = e.metaKey\n    else var ctrlKey = e.ctrlKey\n\n    var altKey = e.altKey\n    var shiftKey = e.shiftKey\n\n    var defaultPrevent = ctrlKey || altKey\n\n    switch (e.code) {\n      case 'KeyZ':\n        if (ctrlKey && !shiftKey) this.onTapUndo()\n        else if (ctrlKey && shiftKey) this.onTapRedo()\n        break\n      case 'KeyY':\n        if (ctrlKey && !shiftKey) this.onTapRedo()\n        break\n      case 'Digit1':\n        if (ctrlKey) this.onStartStylePasteMode()\n        break\n      case 'Digit2':\n        if (ctrlKey) this.onStartDatabindPasteMode()\n        break\n      case 'KeyC':\n        if (ctrlKey && !shiftKey) this.onTapCopy()\n        else if (altKey && shiftKey) this.onTapAlign('center')\n        break\n      case 'KeyX':\n        if (ctrlKey && !shiftKey) this.onTapCut()\n        break\n      case 'KeyV':\n        if (ctrlKey && !shiftKey) {\n          this.onTapPaste()\n          defaultPrevent = false\n        } else if (altKey && shiftKey) this.onTapDistribute('VERTICAL')\n        break\n      case 'Delete':\n      case 'Backspace':\n        this.onTapDelete()\n        defaultPrevent = true\n        break\n      case 'KeyG':\n        if (this._dimension === '2d') {\n          if (ctrlKey && !shiftKey) this.onTapGroup()\n          else if (ctrlKey && shiftKey) this.onTapUngroup()\n        }\n        break\n      case 'KeyF':\n        if (this._dimension === '2d') {\n          if (ctrlKey && !shiftKey) this.scene?.zorder('forward')\n          else if (ctrlKey && shiftKey) this.scene?.zorder('front')\n        }\n        break\n      case 'KeyB':\n        if (this._dimension === '2d') {\n          if (ctrlKey && !shiftKey) this.scene?.zorder('backward')\n          else if (ctrlKey && shiftKey) this.scene?.zorder('back')\n        }\n        if (altKey && shiftKey) this.onTapAlign('bottom')\n        break\n      case 'KeyH':\n        if (ctrlKey && !shiftKey) this.onTapToggle()\n        else if (altKey && shiftKey) this.onTapDistribute('HORIZONTAL')\n        break\n      case 'F11':\n        this.onTapFullscreen()\n        defaultPrevent = true\n        break\n      case 'KeyP':\n        if (ctrlKey) {\n          this.onTapPreview()\n          defaultPrevent = true\n        }\n        break\n      case 'KeyA':\n        if (ctrlKey) this.onTapSelectAll()\n        break\n      case 'KeyL':\n        if (altKey && shiftKey) this.onTapAlign('left')\n        break\n      case 'KeyR':\n        if (altKey && shiftKey) this.onTapAlign('right')\n        break\n      case 'KeyM':\n        if (altKey && shiftKey) this.onTapAlign('middle')\n        break\n      case 'KeyT':\n        if (altKey && shiftKey) this.onTapAlign('top')\n        break\n      case 'KeyD':\n        if (ctrlKey) {\n          this.onTapFitScene()\n          defaultPrevent = true\n        }\n        break\n      case 'KeyE':\n        if (ctrlKey && shiftKey) this.onTapDownloadModel()\n        break\n      case 'Digit1':\n        if (ctrlKey) {\n          defaultPrevent = true\n        }\n        break\n      case 'Digit2':\n        if (ctrlKey) {\n          defaultPrevent = true\n        }\n        break\n\n      case 'Escape':\n        this.scene?.stopStylePasteMode()\n        this.scene?.stopDatabindPasteMode()\n        defaultPrevent = true\n        break\n\n      default:\n        return false\n    }\n\n    if (defaultPrevent) e.preventDefault()\n    return true\n  }\n\n  onExecute(command: string, undoable: boolean, redoable: boolean) {\n    !undoable ? this.undo.setAttribute('disabled', '') : this.undo.removeAttribute('disabled')\n    !redoable ? this.redo.setAttribute('disabled', '') : this.redo.removeAttribute('disabled')\n  }\n\n  onUndo(undoable: boolean, redoable: boolean) {\n    !undoable ? this.undo.setAttribute('disabled', '') : this.undo.removeAttribute('disabled')\n    !redoable ? this.redo.setAttribute('disabled', '') : this.redo.removeAttribute('disabled')\n  }\n\n  onRedo(undoable: boolean, redoable: boolean) {\n    !undoable ? this.undo.setAttribute('disabled', '') : this.undo.removeAttribute('disabled')\n    !redoable ? this.redo.setAttribute('disabled', '') : this.redo.removeAttribute('disabled')\n  }\n\n  onSceneChanged(after?: Scene, before?: Scene) {\n    if (before) {\n      before.off('execute', this.onExecute, this)\n      before.off('undo', this.onUndo, this)\n      before.off('redo', this.onRedo, this)\n      before.off('dimension', this._onDimensionChanged, this)\n      before.off('gizmoattach', this._onGizmoAttachChanged, this)\n    }\n\n    if (after) {\n      after.on('execute', this.onExecute, this)\n      after.on('undo', this.onUndo, this)\n      after.on('redo', this.onRedo, this)\n      after.on('dimension', this._onDimensionChanged, this)\n      after.on('gizmoattach', this._onGizmoAttachChanged, this)\n    }\n  }\n\n  private _onDimensionChanged(dimension: '2d' | '3d') {\n    this._dimension = dimension\n  }\n\n  private _onGizmoAttachChanged(isAttached: boolean) {\n    this._gizmoAttached = isAttached\n  }\n\n  private _setGizmoMode(mode: 'translate' | 'rotate' | 'scale') {\n    ;(this.scene?.root as any)?.setGizmoMode(mode)\n  }\n\n  onSelectedChanged(after: Component[], before: Component[]) {\n    var hasSelection = after.length > 0\n    var alignable = after.length > 1\n\n    // 선택 필요 버튼: 스타일 복사, 데이터바인드 복사, cut, copy, delete\n    const selectionButtons = [this.styleCopy, this.databindCopy, this.cut, this.copy, this.delete]\n    selectionButtons.forEach(btn => {\n      hasSelection ? btn?.removeAttribute('disabled') : btn?.setAttribute('disabled', '')\n    })\n\n    this.aligners.forEach(aligner =>\n      alignable ? aligner.removeAttribute('disabled') : aligner.setAttribute('disabled', '')\n    )\n\n    if (this._dimension === '2d') {\n      var movable = after.length === 1\n\n      /* forward, backward 이동은 한 컴포넌트만 가능하다. */\n      !movable ? this.forward?.setAttribute('disabled', '') : this.forward?.removeAttribute('disabled')\n      !movable ? this.backward?.setAttribute('disabled', '') : this.backward?.removeAttribute('disabled')\n\n      /* 여러 컴포넌트는 front, back 이동이 가능하다. */\n      !(alignable || movable) ? this.front?.setAttribute('disabled', '') : this.front?.removeAttribute('disabled')\n      !(alignable || movable) ? this.back?.setAttribute('disabled', '') : this.back?.removeAttribute('disabled')\n    }\n\n    this.distributes.forEach(distribute =>\n      alignable ? distribute.removeAttribute('disabled') : distribute.setAttribute('disabled', '')\n    )\n\n    if (this._dimension === '3d') {\n      const hasSelection = after.length > 0\n      this.renderRoot.querySelectorAll('.gizmo-btn').forEach(btn => {\n        hasSelection ? btn.removeAttribute('disabled') : btn.setAttribute('disabled', '')\n      })\n    }\n  }\n\n  onTapUndo() {\n    this.scene?.undo()\n  }\n\n  onTapRedo() {\n    this.scene?.redo()\n  }\n\n  onStartStylePasteMode() {\n    if (this.selected?.length !== 1) return\n    if (this.selected[0] === this.scene?.root) return\n    this.scene?.startStylePasteMode()\n  }\n\n  onStartDatabindPasteMode() {\n    if (this.selected?.length !== 1) return\n    if (this.selected[0] === this.scene?.root) return\n    this.scene?.startDatabindPasteMode()\n  }\n\n  onTapCut() {\n    this.scene?.cut()\n  }\n\n  async onTapCopy() {\n    var copied = this.scene?.copy()\n\n    if (!copied) return\n\n    await copyToClipboard(copied)\n    this.cliped = copied\n  }\n\n  onTapPaste() {\n    setTimeout(() => {\n      this.cliped && this.scene?.paste(this.cliped)\n    }, 100)\n  }\n\n  onTapDelete() {\n    this.scene?.remove()\n  }\n\n  onTapSelectAll() {\n    this.scene?.select('(child)')\n  }\n\n  onTapFontIncrease(e: TouchEvent) {\n    var selected = this.scene?.selected\n    if (!selected || !selected.length) {\n      return\n    }\n\n    this.scene?.undoableChange(function () {\n      selected!.forEach(function (component: Component) {\n        var fontSize = component.get('fontSize')\n\n        if (!fontSize) fontSize = '15'\n\n        if (fontSize) {\n          var size = parseInt(fontSize)\n          component.set('fontSize', size + 1)\n        }\n      })\n    })\n  }\n\n  onTapFontDecrease(e: TouchEvent) {\n    var selected = this.scene?.selected\n\n    if (!selected || !selected.length) {\n      return\n    }\n\n    this.scene?.undoableChange(function () {\n      selected!.forEach(function (component: Component) {\n        var fontSize = component.get('fontSize')\n\n        if (!fontSize) fontSize = '15'\n\n        if (fontSize) {\n          var size = parseInt(fontSize)\n          if (size > 1) component.set('fontSize', size - 1)\n        }\n      })\n    })\n  }\n\n  onTapAlign(e: TouchEvent | string) {\n    if (!this.scene) return\n\n    var selected = this.scene.selected\n\n    var align = typeof e === 'string' ? e : (e.target as HTMLElement).getAttribute('data-align')\n    if (!align) {\n      return\n    }\n\n    if (selected.length <= 1) {\n      this.scene.place(align)\n    } else {\n      this.scene.align(align)\n    }\n  }\n\n  onTapZorder(e: TouchEvent | string) {\n    if (!this.scene) return\n\n    var selected = this.scene.selected\n    if (selected.length < 1) return\n\n    var zorder = typeof e === 'string' ? e : (e.target as HTMLElement).getAttribute('data-zorder')\n\n    zorder && this.scene.zorder(zorder)\n  }\n\n  onTapGroup() {\n    this.scene && this.scene.group()\n  }\n\n  onTapUngroup() {\n    this.scene && this.scene.ungroup()\n  }\n\n  onTapFullscreen() {\n    this.dispatchEvent(new CustomEvent('modeller-fullscreen'))\n  }\n\n  onTapToggle() {\n    this.hideProperty = !this.hideProperty\n    this.dispatchEvent(\n      new CustomEvent('hide-property-changed', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this.hideProperty }\n      })\n    )\n  }\n\n  onTapFitScene() {\n    if (this.scene) {\n      this.scene.resize()\n      this.scene.fit('ratio')\n    }\n  }\n\n  onTapPreview() {\n    this.dispatchEvent(new CustomEvent('open-preview'))\n  }\n\n  onTapDownloadModel() {\n    this.dispatchEvent(new CustomEvent('download-model'))\n  }\n\n  onTapDistribute(e: TouchEvent | string) {\n    if (!this.scene) return\n\n    var selected = this.scene.selected\n    if (selected.length <= 1) {\n      return\n    }\n\n    var distribute = typeof e === 'string' ? e : (e.target as HTMLElement)!.getAttribute('data-distribute')\n\n    distribute && this.scene.distribute(distribute)\n  }\n}\n"]}

package/dist/src/modeller/property-sidebar.d.ts

@@ -1,48 +1,6 @@
 /**
  * @license Copyright © HatioLab Inc. All rights reserved.
  */
-import '@material/web/icon/icon.js';
-import { LitElement, PropertyValues } from 'lit';
-import { Component, Model, Scene } from '@hatiolab/things-scene';
-import { PropertyEffects } from '@operato/property-panel/effects.js';
-import { SceneInspector } from '@operato/property-panel/inspector.js';
-import { PropertyShapes } from '@operato/property-panel/shapes.js';
-import { PropertySpecific } from '@operato/property-panel/specifics.js';
-import { PropertyStyles } from '@operato/property-panel/styles.js';
-import { PropertyDataBinding } from '@operato/property-panel/data-binding.js';
-declare const PropertySidebar_base: typeof LitElement & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types.js").ScopedElementsHost>;
-export declare class PropertySidebar extends PropertySidebar_base {
-    static styles: import("lit").CSSResult[];
-    scene: Scene | null;
-    bounds: any;
-    model: Model | null;
-    selected: Component[];
-    specificProps: any;
-    tabName: string | null;
-    collapsed: boolean;
-    fonts: any[];
-    propertyEditor: any[];
-    propertyTarget: Component | null;
-    firstUpdated(): void;
-    updated(change: PropertyValues<this>): void;
-    static get scopedElements(): {
-        'property-shape': typeof PropertyShapes;
-        'property-style': typeof PropertyStyles;
-        'property-effect': typeof PropertyEffects;
-        'property-specific': typeof PropertySpecific;
-        'property-data-binding': typeof PropertyDataBinding;
-        'scene-inspector': typeof SceneInspector;
-    };
-    render(): import("lit-html").TemplateResult<1>;
-    private onPropertyChanged;
-    private onBoundsChanged;
-    private onChangedByScene;
-    private setPropertyTargetAsDefault;
-    private onCollapsed;
-    private onSceneChanged;
-    private onSelectedChanged;
-    private setPropertyTarget;
-    private setBounds;
-    private isLine;
+import { OxPropertyPanel } from '@operato/property-panel/ox-property-panel.js';
+export declare class PropertySidebar extends OxPropertyPanel {
 }
-export {};