@hatiolab/things-scene 3.4.39 → 3.4.42

package/dist/layer/model-layer.js

@@ -1,402 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import Component from '../components/component';
-import InfoWindow from '../components/info-window';
-import HTMLAbsoluteLayout from '../layout/html-absolute';
-import * as Emphasize from './action/emphasize';
-import ScenePopup from './action/popup';
-import * as Pressed from './action/pressed';
-import Layer from './layer';
-const SCALE_DEFAULT = { x: 1, y: 1 };
-const TRANSLATE_DEFAULT = { x: 0, y: 0 };
-export default class ModelLayer extends Layer {
-    constructor(x, y) {
-        super(x, y);
-    }
-    dispose() {
-        super.dispose();
-        delete this._canvas;
-        delete this._overlay;
-    }
-    contains(x, y) {
-        return true;
-    }
-    isRootModel() {
-        return true;
-    }
-    get stuck() {
-        return true;
-    }
-    get layout() {
-        /* reflow 시 하위 html-component들의 reposition을 수행하도록 함. */
-        return HTMLAbsoluteLayout;
-    }
-    get overlay() {
-        if (!this._overlay) {
-            var overlay = document.createElement('div');
-            overlay.style.position = 'absolute';
-            overlay.style.width = 0;
-            overlay.style.height = 0;
-            overlay.style.overflow = 'initial';
-            overlay.style['user-select'] = 'none';
-            overlay.style['transform-origin'] = 'top left';
-            this.element && this.element.appendChild(overlay);
-            this._overlay = overlay;
-            this._repositionOverlay();
-        }
-        return this._overlay;
-    }
-    createElement() {
-        var anchor = document.createElement('div');
-        anchor.style.position = 'absolute';
-        anchor.style['user-select'] = 'none';
-        anchor.style.overflow = 'hidden';
-        this._canvas = Component.createCanvas(1, 1);
-        this._canvas.style.position = 'absolute';
-        anchor.appendChild(this._canvas);
-        if (this._overlay)
-            anchor.appendChild(this._overlay);
-        return anchor;
-    }
-    resize() {
-        if (!this.target) {
-            return;
-        }
-        var { width: modelWidth, height: modelHeight, fitMode } = this.model;
-        if (this.root.fitMode) {
-            fitMode = this.root.fitMode;
-        }
-        else if (!fitMode) {
-            fitMode = 'ratio';
-        }
-        try {
-            var style = getComputedStyle(this.target);
-        }
-        catch (e) {
-            console.error(e, this.target);
-            return;
-        }
-        var width = style ? parseFloat(style.getPropertyValue('width')) : this.target.clientWidth;
-        var height = style ? parseFloat(style.getPropertyValue('height')) : this.target.clientHeight;
-        switch (fitMode) {
-            case 'both':
-            case 'ratio':
-                // width = style ? parseFloat(style.getPropertyValue('width')) : this.target.clientWidth
-                // height = style ? parseFloat(style.getPropertyValue('height')) : this.target.clientHeight
-                break;
-            case 'width':
-                // width = style ? parseFloat(style.getPropertyValue('width')) : this.target.clientWidth
-                height = (modelHeight * width) / modelWidth;
-                break;
-            case 'height':
-                // height = style ? parseFloat(style.getPropertyValue('height')) : this.target.clientHeight
-                width = (modelWidth * height) / modelHeight;
-                break;
-            case 'center':
-            case 'none':
-            default:
-                width = Math.max(modelWidth, width);
-                height = Math.max(modelHeight, height);
-        }
-        this.fitSize(this.canvas, true, width, height);
-        switch (fitMode) {
-            case 'ratio':
-            case 'both':
-                break;
-            case 'width':
-                this.element.style.overflowX = 'hidden';
-                this.element.style.overflowY = 'auto';
-                break;
-            case 'height':
-                this.element.style.overflowX = 'auto';
-                this.element.style.overflowY = 'hidden';
-                break;
-            case 'center':
-            case 'none':
-            default:
-                this.element.style.overflowX = width > modelWidth ? 'hidden' : 'auto';
-                this.element.style.overflowY = height > modelHeight ? 'hidden' : 'auto';
-        }
-        /* element는 항상 부모의 크기에 맞춘다. */
-        this.fitSize(this.element, true);
-    }
-    get canvas() {
-        return this._canvas;
-    }
-    /* Pixel하나가 차지하는 길이의 값 환산 */
-    get MPP() {
-        var { scale = { x: 1, y: 1 }, unit } = this.model;
-        switch (unit) {
-            case 'mm':
-            case 'cm':
-                return 1 / this.app.PPM / scale.x;
-            case 'in':
-                return 1 / this.app.PPI / scale.x;
-            case 'px':
-            default:
-                return 1 / scale.x;
-        }
-    }
-    /*
-     * capturePath(path) 파라미터로 주어진 path를 포함하는 컨테이너를 찾는다.
-     * @path
-     * @excepts 컨테이너를 찾을 때 제외되는 대상이다.
-     */
-    capturePath(path, excepts) {
-        var capturables = this.layout.capturables(this);
-        for (let i = capturables.length - 1; i >= 0; i--) {
-            let capturable = capturables[i];
-            if (!capturable.isContainer())
-                continue;
-            let found = capturable.capturePath(path, excepts);
-            if (found)
-                return found;
-        }
-        return false;
-    }
-    get eventMap() {
-        return {
-            '(self)': {
-                '(all)': {
-                    change: this._onchanged_all,
-                    mouseenter: this._onmouseenter_all,
-                    mouseleave: this._onmouseleave_all,
-                    click: this._onclick,
-                    mousedown: this._onmousedownup,
-                    mouseup: this._onmousedownup,
-                    touchstart: this._onmousedownup,
-                    touchend: this._onmousedownup
-                }
-            }
-        };
-    }
-    closeScene(data) {
-        requestAnimationFrame(() => this.overlay.dispatchEvent(new CustomEvent('close-scene', {
-            bubbles: true,
-            composed: true,
-            detail: data
-        })));
-    }
-    _repositionOverlay() {
-        var overlay = this._overlay;
-        if (!overlay)
-            return;
-        var { translate = TRANSLATE_DEFAULT, scale = SCALE_DEFAULT, rotation = 0 } = this.model;
-        var { left, top, width, height } = this.bounds;
-        overlay.style.left = left + 'px';
-        overlay.style.top = top + 'px';
-        /*
-         * overlay가 마우스 이벤트를 받게되면, scale이 반영되지 않은 좌표로 이벤트가 발생하므로,
-         * 마우스 이벤트를 직접 받지 못하도록 크기를 0로 유지한다.
-         */
-        // overlay.style['user-select'] = 'none';
-        // overlay.style.width = 0 + 'px';
-        // overlay.style.height = 0 + 'px';
-        /* CONFIRM-ME `transform: perspective(1px)` 스타일 설정은 scaling된 dom element를 좀 더 선명하게 보이도록 해준다. (Chrome 브라우저에서) */
-        var transform = `rotate(${rotation}rad) scale(${scale.x}, ${scale.y}) perspective(1px)`;
-        overlay.style['margin-left'] = translate.x + 'px';
-        overlay.style['margin-top'] = translate.y + 'px';
-        ['-webkit-', '-moz-', '-ms-', '-o-', ''].forEach(prefix => {
-            overlay.style[prefix + 'transform'] = transform;
-        });
-    }
-    onchange(after) {
-        // Root Component는 id, class, text 속성을 가지지 않는다.
-        var model = this._model;
-        delete model.id;
-        delete model.text;
-        delete model.class;
-        this._repositionOverlay();
-    }
-    _onchanged_all(after, before, hint) {
-        this.invalidate();
-    }
-    _onmouseenter_all(event, hint) {
-        event.stopPropagation();
-        if (!this.app || this.app.isEditMode)
-            return;
-        if (!hint)
-            return;
-        var source = hint.origin;
-        // model-layer는 hover event를 처리하지 않는다.
-        if (source instanceof ModelLayer || !source.model.event || !source.model.event.hover)
-            return;
-        if (source.hidden)
-            return;
-        var hoverEvtModel = source.model.event.hover;
-        hoverEvtModel && this._doEventAction(hoverEvtModel, source, true, event);
-    }
-    _onmouseleave_all(event, hint) {
-        event.stopPropagation();
-        if (!hint) {
-            return;
-        }
-        var source = hint.origin;
-        if (!this.app || this.app.isEditMode) {
-            return;
-        }
-        var hoverEvtModel = source.model.event && source.model.event.hover;
-        hoverEvtModel && this._doEventAction(hoverEvtModel, source, false, event);
-    }
-    _onclick(event, hint) {
-        event.stopPropagation();
-        if (this.app.isEditMode)
-            return;
-        if (!hint)
-            return;
-        var source = hint.origin;
-        var tapEvtModel = source.model.event && source.model.event.tap;
-        tapEvtModel && this._doEventAction(tapEvtModel, source, true, event);
-    }
-    _onmousedownup(event, hint) {
-        event.stopPropagation();
-        if (this.app.isEditMode)
-            return;
-        if (!hint)
-            return;
-        var source = hint.origin;
-        var tapEvtModel = source.model.event && source.model.event.tap;
-        tapEvtModel &&
-            tapEvtModel.pressed &&
-            this._doMouseDownUpEventAction(tapEvtModel, source, event.type == 'mousedown' || event.type == 'touchstart', event);
-    }
-    _doMouseDownUpEventAction(event, component, enter, org_event) {
-        var { pressed = false } = event;
-        if (!pressed) {
-            return;
-        }
-        if (enter) {
-            Pressed.pressed(component);
-        }
-        else {
-            Pressed.normalize(component);
-        }
-    }
-    _doEventAction(event, component, enter, org_event) {
-        var _a;
-        var { action, target, value, emphasize = false, restore = false, pressed = false, options } = event;
-        if (target) {
-            target = component.access(target);
-        }
-        if (value) {
-            value = component.access(value);
-        }
-        // IMPLEMENT-ME
-        if (emphasize) {
-            if (enter) {
-                Emphasize.emphasize(component);
-            }
-            else if (restore) {
-                Emphasize.normalize(component);
-            }
-        }
-        if (!action)
-            return;
-        switch (action) {
-            case 'data-toggle':
-                if (!target)
-                    return;
-                (enter || restore) &&
-                    this.root.findAll(target, component).forEach(component => {
-                        component.data = !component.data;
-                    });
-                break;
-            case 'data-tristate':
-                if (!target)
-                    return;
-                (enter || restore) &&
-                    this.root.findAll(target, component).forEach(component => {
-                        let number = Math.round(Math.max(Number(component.data) || 0, 0));
-                        component.data = (number + (enter ? 1 : 2)) % 3;
-                    });
-                break;
-            case 'data-set':
-                if (!target)
-                    return;
-                if (enter) {
-                    var data = value;
-                    this.root.findAll(target, component).forEach(comp => {
-                        comp.data = data;
-                    });
-                }
-                else if (restore) {
-                    // TODO restore 설정은 leave 시점에 enter 시점의 상태로 되돌린다는 뜻이다.
-                    // data-set에서는 어떻게 할 것인가 ? 참고로 enter - leave 는 stack 처럼 중복될 수 있다.
-                }
-                break;
-            case 'value-set':
-                if (!target)
-                    return;
-                if (enter) {
-                    var data = value;
-                    this.root.findAll(target, component).forEach(comp => {
-                        comp.value = data;
-                    });
-                }
-                else if (restore) {
-                    // TODO restore 설정은 leave 시점에 enter 시점의 상태로 되돌린다는 뜻이다.
-                    // value-set에서는 어떻게 할 것인가 ? 참고로 enter - leave 는 stack 처럼 중복될 수 있다.
-                }
-                break;
-            case 'infoWindow':
-            case 'info-window':
-                if (!target)
-                    return;
-                if (org_event.type == 'click') {
-                    InfoWindow.show(component, target, restore /* close button */, {
-                        x: org_event.offsetX,
-                        y: org_event.offsetY
-                    });
-                }
-                else {
-                    if (enter) {
-                        InfoWindow.show(component, target, restore /* auto close - no close button */, {
-                            x: org_event.offsetX,
-                            y: org_event.offsetY
-                        });
-                    }
-                    else if (restore) {
-                        InfoWindow.hide(component, target);
-                    }
-                }
-                break;
-            case 'toggle-info-window':
-                if (!target)
-                    return;
-                InfoWindow.toggle(component, target, false, {
-                    x: org_event.offsetX,
-                    y: org_event.offsetY
-                });
-                break;
-            case 'popup':
-            case 'modal-popup':
-                if (!target)
-                    return;
-                /*
-                  For backward compatibility,
-                  if the option is not set, it is assumed that the component's own data is input and the result output is received.
-                */
-                let input = !options ? '(self)' : 'input' in options ? options.input : '(self)';
-                let output = !options ? true : 'output' in options ? options.output : true;
-                // for things-scene model version >= 1.1
-                ScenePopup.show(component, target, {
-                    data: input && ((_a = this.root.findFirst(input, component)) === null || _a === void 0 ? void 0 : _a.data),
-                    output /* boolean - specifies whether to receive a return value from the popup or not. */,
-                    modal: action === 'modal-popup'
-                });
-                break;
-            case 'close-scene':
-                this.closeScene(component.data);
-                break;
-            case 'goto':
-                this.trigger(action, target, options, component);
-                break;
-            default:
-                this.trigger(action, target, value, component);
-        }
-    }
-}
-ModelLayer.Popup = ScenePopup;
-Component.register('model-layer', ModelLayer);
-//# sourceMappingURL=model-layer.js.map

package/dist/layer/model-layer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"model-layer.js","sourceRoot":"","sources":["../../src/layer/model-layer.js"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport Component from '../components/component'\nimport InfoWindow from '../components/info-window'\nimport HTMLAbsoluteLayout from '../layout/html-absolute'\nimport * as Emphasize from './action/emphasize'\nimport ScenePopup from './action/popup'\nimport * as Pressed from './action/pressed'\nimport Layer from './layer'\n\nconst SCALE_DEFAULT = { x: 1, y: 1 }\nconst TRANSLATE_DEFAULT = { x: 0, y: 0 }\n\nexport default class ModelLayer extends Layer {\n  constructor(x, y) {\n    super(x, y)\n  }\n\n  dispose() {\n    super.dispose()\n\n    delete this._canvas\n    delete this._overlay\n  }\n\n  contains(x, y) {\n    return true\n  }\n\n  isRootModel() {\n    return true\n  }\n\n  get stuck() {\n    return true\n  }\n\n  get layout() {\n    /* reflow 시 하위 html-component들의 reposition을 수행하도록 함. */\n    return HTMLAbsoluteLayout\n  }\n\n  get overlay() {\n    if (!this._overlay) {\n      var overlay = document.createElement('div')\n      overlay.style.position = 'absolute'\n      overlay.style.width = 0\n      overlay.style.height = 0\n      overlay.style.overflow = 'initial'\n\n      overlay.style['user-select'] = 'none'\n      overlay.style['transform-origin'] = 'top left'\n\n      this.element && this.element.appendChild(overlay)\n      this._overlay = overlay\n      this._repositionOverlay()\n    }\n\n    return this._overlay\n  }\n\n  createElement() {\n    var anchor = document.createElement('div')\n    anchor.style.position = 'absolute'\n\n    anchor.style['user-select'] = 'none'\n    anchor.style.overflow = 'hidden'\n\n    this._canvas = Component.createCanvas(1, 1)\n\n    this._canvas.style.position = 'absolute'\n    anchor.appendChild(this._canvas)\n\n    if (this._overlay) anchor.appendChild(this._overlay)\n\n    return anchor\n  }\n\n  resize() {\n    if (!this.target) {\n      return\n    }\n\n    var { width: modelWidth, height: modelHeight, fitMode } = this.model\n\n    if (this.root.fitMode) {\n      fitMode = this.root.fitMode\n    } else if (!fitMode) {\n      fitMode = 'ratio'\n    }\n\n    try {\n      var style = getComputedStyle(this.target)\n    } catch (e) {\n      console.error(e, this.target)\n      return\n    }\n    var width = style ? parseFloat(style.getPropertyValue('width')) : this.target.clientWidth\n    var height = style ? parseFloat(style.getPropertyValue('height')) : this.target.clientHeight\n\n    switch (fitMode) {\n      case 'both':\n      case 'ratio':\n        // width = style ? parseFloat(style.getPropertyValue('width')) : this.target.clientWidth\n        // height = style ? parseFloat(style.getPropertyValue('height')) : this.target.clientHeight\n        break\n      case 'width':\n        // width = style ? parseFloat(style.getPropertyValue('width')) : this.target.clientWidth\n        height = (modelHeight * width) / modelWidth\n        break\n      case 'height':\n        // height = style ? parseFloat(style.getPropertyValue('height')) : this.target.clientHeight\n        width = (modelWidth * height) / modelHeight\n        break\n      case 'center':\n      case 'none':\n      default:\n        width = Math.max(modelWidth, width)\n        height = Math.max(modelHeight, height)\n    }\n\n    this.fitSize(this.canvas, true, width, height)\n\n    switch (fitMode) {\n      case 'ratio':\n      case 'both':\n        break\n      case 'width':\n        this.element.style.overflowX = 'hidden'\n        this.element.style.overflowY = 'auto'\n        break\n      case 'height':\n        this.element.style.overflowX = 'auto'\n        this.element.style.overflowY = 'hidden'\n        break\n      case 'center':\n      case 'none':\n      default:\n        this.element.style.overflowX = width > modelWidth ? 'hidden' : 'auto'\n        this.element.style.overflowY = height > modelHeight ? 'hidden' : 'auto'\n    }\n\n    /* element는 항상 부모의 크기에 맞춘다. */\n    this.fitSize(this.element, true)\n  }\n\n  get canvas() {\n    return this._canvas\n  }\n\n  /* Pixel하나가 차지하는 길이의 값 환산 */\n  get MPP() {\n    var { scale = { x: 1, y: 1 }, unit } = this.model\n\n    switch (unit) {\n      case 'mm':\n      case 'cm':\n        return 1 / this.app.PPM / scale.x\n      case 'in':\n        return 1 / this.app.PPI / scale.x\n      case 'px':\n      default:\n        return 1 / scale.x\n    }\n  }\n\n  /*\n   * capturePath(path) 파라미터로 주어진 path를 포함하는 컨테이너를 찾는다.\n   * @path\n   * @excepts 컨테이너를 찾을 때 제외되는 대상이다.\n   */\n\n  capturePath(path, excepts) {\n    var capturables = this.layout.capturables(this)\n\n    for (let i = capturables.length - 1; i >= 0; i--) {\n      let capturable = capturables[i]\n      if (!capturable.isContainer()) continue\n\n      let found = capturable.capturePath(path, excepts)\n      if (found) return found\n    }\n\n    return false\n  }\n\n  get eventMap() {\n    return {\n      '(self)': {\n        '(all)': {\n          change: this._onchanged_all,\n          mouseenter: this._onmouseenter_all,\n          mouseleave: this._onmouseleave_all,\n          click: this._onclick,\n          mousedown: this._onmousedownup,\n          mouseup: this._onmousedownup,\n          touchstart: this._onmousedownup,\n          touchend: this._onmousedownup\n        }\n      }\n    }\n  }\n\n  closeScene(data) {\n    requestAnimationFrame(() =>\n      this.overlay.dispatchEvent(\n        new CustomEvent('close-scene', {\n          bubbles: true,\n          composed: true,\n          detail: data\n        })\n      )\n    )\n  }\n\n  _repositionOverlay() {\n    var overlay = this._overlay\n\n    if (!overlay) return\n\n    var { translate = TRANSLATE_DEFAULT, scale = SCALE_DEFAULT, rotation = 0 } = this.model\n\n    var { left, top, width, height } = this.bounds\n\n    overlay.style.left = left + 'px'\n    overlay.style.top = top + 'px'\n    /*\n     * overlay가 마우스 이벤트를 받게되면, scale이 반영되지 않은 좌표로 이벤트가 발생하므로,\n     * 마우스 이벤트를 직접 받지 못하도록 크기를 0로 유지한다.\n     */\n    // overlay.style['user-select'] = 'none';\n    // overlay.style.width = 0 + 'px';\n    // overlay.style.height = 0 + 'px';\n\n    /* CONFIRM-ME `transform: perspective(1px)` 스타일 설정은 scaling된 dom element를 좀 더 선명하게 보이도록 해준다. (Chrome 브라우저에서) */\n    var transform = `rotate(${rotation}rad) scale(${scale.x}, ${scale.y}) perspective(1px)`\n    overlay.style['margin-left'] = translate.x + 'px'\n    overlay.style['margin-top'] = translate.y + 'px'\n    ;['-webkit-', '-moz-', '-ms-', '-o-', ''].forEach(prefix => {\n      overlay.style[prefix + 'transform'] = transform\n    })\n  }\n\n  onchange(after) {\n    // Root Component는 id, class, text 속성을 가지지 않는다.\n    var model = this._model\n\n    delete model.id\n    delete model.text\n    delete model.class\n\n    this._repositionOverlay()\n  }\n\n  _onchanged_all(after, before, hint) {\n    this.invalidate()\n  }\n\n  _onmouseenter_all(event, hint) {\n    event.stopPropagation()\n\n    if (!this.app || this.app.isEditMode) return\n\n    if (!hint) return\n\n    var source = hint.origin\n\n    // model-layer는 hover event를 처리하지 않는다.\n    if (source instanceof ModelLayer || !source.model.event || !source.model.event.hover) return\n\n    if (source.hidden) return\n\n    var hoverEvtModel = source.model.event.hover\n\n    hoverEvtModel && this._doEventAction(hoverEvtModel, source, true, event)\n  }\n\n  _onmouseleave_all(event, hint) {\n    event.stopPropagation()\n\n    if (!hint) {\n      return\n    }\n\n    var source = hint.origin\n\n    if (!this.app || this.app.isEditMode) {\n      return\n    }\n\n    var hoverEvtModel = source.model.event && source.model.event.hover\n\n    hoverEvtModel && this._doEventAction(hoverEvtModel, source, false, event)\n  }\n\n  _onclick(event, hint) {\n    event.stopPropagation()\n\n    if (this.app.isEditMode) return\n\n    if (!hint) return\n\n    var source = hint.origin\n\n    var tapEvtModel = source.model.event && source.model.event.tap\n\n    tapEvtModel && this._doEventAction(tapEvtModel, source, true, event)\n  }\n\n  _onmousedownup(event, hint) {\n    event.stopPropagation()\n\n    if (this.app.isEditMode) return\n\n    if (!hint) return\n\n    var source = hint.origin\n\n    var tapEvtModel = source.model.event && source.model.event.tap\n\n    tapEvtModel &&\n      tapEvtModel.pressed &&\n      this._doMouseDownUpEventAction(\n        tapEvtModel,\n        source,\n        event.type == 'mousedown' || event.type == 'touchstart',\n        event\n      )\n  }\n\n  _doMouseDownUpEventAction(event, component, enter, org_event) {\n    var { pressed = false } = event\n    if (!pressed) {\n      return\n    }\n\n    if (enter) {\n      Pressed.pressed(component)\n    } else {\n      Pressed.normalize(component)\n    }\n  }\n\n  _doEventAction(event, component, enter, org_event) {\n    var { action, target, value, emphasize = false, restore = false, pressed = false, options } = event\n\n    if (target) {\n      target = component.access(target)\n    }\n    if (value) {\n      value = component.access(value)\n    }\n\n    // IMPLEMENT-ME\n    if (emphasize) {\n      if (enter) {\n        Emphasize.emphasize(component)\n      } else if (restore) {\n        Emphasize.normalize(component)\n      }\n    }\n\n    if (!action) return\n\n    switch (action) {\n      case 'data-toggle':\n        if (!target) return\n        ;(enter || restore) &&\n          this.root.findAll(target, component).forEach(component => {\n            component.data = !component.data\n          })\n        break\n\n      case 'data-tristate':\n        if (!target) return\n        ;(enter || restore) &&\n          this.root.findAll(target, component).forEach(component => {\n            let number = Math.round(Math.max(Number(component.data) || 0, 0))\n            component.data = (number + (enter ? 1 : 2)) % 3\n          })\n        break\n\n      case 'data-set':\n        if (!target) return\n\n        if (enter) {\n          var data = value\n          this.root.findAll(target, component).forEach(comp => {\n            comp.data = data\n          })\n        } else if (restore) {\n          // TODO restore 설정은 leave 시점에 enter 시점의 상태로 되돌린다는 뜻이다.\n          // data-set에서는 어떻게 할 것인가 ? 참고로 enter - leave 는 stack 처럼 중복될 수 있다.\n        }\n        break\n\n      case 'value-set':\n        if (!target) return\n\n        if (enter) {\n          var data = value\n          this.root.findAll(target, component).forEach(comp => {\n            comp.value = data\n          })\n        } else if (restore) {\n          // TODO restore 설정은 leave 시점에 enter 시점의 상태로 되돌린다는 뜻이다.\n          // value-set에서는 어떻게 할 것인가 ? 참고로 enter - leave 는 stack 처럼 중복될 수 있다.\n        }\n        break\n\n      case 'infoWindow':\n      case 'info-window':\n        if (!target) return\n\n        if (org_event.type == 'click') {\n          InfoWindow.show(component, target, restore /* close button */, {\n            x: org_event.offsetX,\n            y: org_event.offsetY\n          })\n        } else {\n          if (enter) {\n            InfoWindow.show(component, target, restore /* auto close - no close button */, {\n              x: org_event.offsetX,\n              y: org_event.offsetY\n            })\n          } else if (restore) {\n            InfoWindow.hide(component, target)\n          }\n        }\n        break\n\n      case 'toggle-info-window':\n        if (!target) return\n\n        InfoWindow.toggle(component, target, false, {\n          x: org_event.offsetX,\n          y: org_event.offsetY\n        })\n        break\n\n      case 'popup':\n      case 'modal-popup':\n        if (!target) return\n\n        /* \n          For backward compatibility, \n          if the option is not set, it is assumed that the component's own data is input and the result output is received. \n        */\n        let input = !options ? '(self)' : 'input' in options ? options.input : '(self)'\n        let output = !options ? true : 'output' in options ? options.output : true\n\n        // for things-scene model version >= 1.1\n        ScenePopup.show(component, target, {\n          data: input && this.root.findFirst(input, component)?.data,\n          output /* boolean - specifies whether to receive a return value from the popup or not. */,\n          modal: action === 'modal-popup'\n        })\n        break\n\n      case 'close-scene':\n        this.closeScene(component.data)\n        break\n\n      case 'goto':\n        this.trigger(action, target, options, component)\n        break\n\n      default:\n        this.trigger(action, target, value, component)\n    }\n  }\n}\n\nModelLayer.Popup = ScenePopup\n\nComponent.register('model-layer', ModelLayer)\n"]}

package/dist/layer/modeler/anchor-handler.d.ts

@@ -1,36 +0,0 @@
-/**
- * ActiveAnchor definition
- * @typedef {Object} ActiveAnchor
- * @property {Object} component - owner component of anchor
- * @property {string} anchor - anchor name
- */
-export default class AnchorHandler {
-    constructor(layer: any);
-    layer: any;
-    set active(arg: ActiveAnchor);
-    /**
-     * @type {ActiveAnchor} active
-     */
-    get active(): ActiveAnchor;
-    _active: ActiveAnchor | null | undefined;
-    reset(): void;
-    contains(x: any, y: any, component: any, scale: any): boolean;
-    draw(ctx: any, component: any, scale: any): void;
-    onmousedown(e: any): void;
-    ondragstart(e: any): void;
-    ondragmove(e: any): void;
-    ondragend(e: any): void;
-}
-/**
- * ActiveAnchor definition
- */
-export type ActiveAnchor = {
-    /**
-     * - owner component of anchor
-     */
-    component: Object;
-    /**
-     * - anchor name
-     */
-    anchor: string;
-};

package/dist/layer/modeler/control-handler.d.ts

@@ -1,18 +0,0 @@
-export default class ControlHandler {
-    constructor(layer: any);
-    layer: any;
-    reset(): void;
-    active: {
-        component: any;
-        index: any;
-        handler: any;
-    } | null | undefined;
-    get selected(): any;
-    contains(x: any, y: any, component: any, scale: any): boolean;
-    draw(context: any, component: any, scale: any): void;
-    onevent(event: any, e: any): void;
-    onmousedown(e: any): void;
-    ondragstart(e: any): void;
-    ondragmove(e: any): void;
-    ondragend(e: any): void;
-}

package/dist/layer/modeler/focus-outline.d.ts

@@ -1,5 +0,0 @@
-export default class FocusOutline {
-    constructor(layer: any);
-    layer: any;
-    draw(context: any, component: any, scale: any): void;
-}

package/dist/layer/modeler/group-outline.d.ts

@@ -1,5 +0,0 @@
-export default class GroupOutline {
-    constructor(layer: any);
-    layer: any;
-    draw(context: any, component: any, scale: any): void;
-}

package/dist/layer/modeler/index.d.ts

@@ -1,7 +0,0 @@
-export { default as FocusOutline } from "./focus-outline";
-export { default as GroupOutline } from "./group-outline";
-export { default as ControlHandler } from "./control-handler";
-export { default as PathHandler } from "./path-handler";
-export { default as AnchorHandler } from "./anchor-handler";
-export { default as Resizer } from "./resizer";
-export { default as Rotator } from "./rotator";

package/dist/layer/modeler/path-handler.d.ts

@@ -1,22 +0,0 @@
-export default class PathHandler {
-    constructor(layer: any);
-    layer: any;
-    reset(): void;
-    active: {
-        component: any;
-        index: any;
-    } | {
-        component: any;
-        index: number;
-    } | null | undefined;
-    created: any;
-    get selected(): any;
-    contains(x: any, y: any, component: any, scale: any): boolean;
-    startLinkProcess(linkFrom: any, linkModel: any, e: any): any;
-    draw(context: any, component: any, scale: any): void;
-    ondblclick(e: any): void;
-    onmousedown(e: any): void;
-    ondragstart(e: any): void;
-    ondragmove(e: any): void;
-    ondragend(e: any): void;
-}

package/dist/layer/modeler/resizer.d.ts

@@ -1,13 +0,0 @@
-export default class Resizer {
-    constructor(layer: any);
-    layer: any;
-    reset(): void;
-    active: any;
-    get selected(): any;
-    contains(x: any, y: any, component: any, scale: any): boolean;
-    draw(ctx: any, component: any, scale: any): void;
-    onmousedown(e: any): void;
-    ondragstart(e: any): void;
-    ondragmove(e: any): void;
-    ondragend(e: any): void;
-}

package/dist/layer/modeler/rotator.d.ts

@@ -1,15 +0,0 @@
-export default class Rotator {
-    constructor(layer: any);
-    layer: any;
-    reset(): void;
-    active: {
-        component: any;
-    } | null | undefined;
-    get selected(): any;
-    contains(x: any, y: any, component: any, scale: any): boolean;
-    draw(context: any, component: any, scale: any): void;
-    onmousedown(e: any): void;
-    ondragstart(e: any): void;
-    ondragmove(e: any): void;
-    ondragend(e: any): void;
-}