@hatiolab/things-scene 9.0.0-beta.2 → 9.0.0-beta.21

package/dist/layer/model-layer.js

@@ -0,0 +1,402 @@
+/*
+ * 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

@@ -0,0 +1 @@
+{"version":3,"file":"model-layer.js","sourceRoot":"","sources":["../../src/layer/model-layer.js"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAC/C,OAAO,UAAU,MAAM,2BAA2B,CAAA;AAClD,OAAO,kBAAkB,MAAM,yBAAyB,CAAA;AACxD,OAAO,KAAK,SAAS,MAAM,oBAAoB,CAAA;AAC/C,OAAO,UAAU,MAAM,gBAAgB,CAAA;AACvC,OAAO,KAAK,OAAO,MAAM,kBAAkB,CAAA;AAC3C,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,MAAM,aAAa,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;AACpC,MAAM,iBAAiB,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;AAExC,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,KAAK;IAC3C,YAAY,CAAC,EAAE,CAAC;QACd,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACb,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAA;QAEf,OAAO,IAAI,CAAC,OAAO,CAAA;QACnB,OAAO,IAAI,CAAC,QAAQ,CAAA;IACtB,CAAC;IAED,QAAQ,CAAC,CAAC,EAAE,CAAC;QACX,OAAO,IAAI,CAAA;IACb,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,MAAM;QACR,uDAAuD;QACvD,OAAO,kBAAkB,CAAA;IAC3B,CAAC;IAED,IAAI,OAAO;QACT,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;YAC3C,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAA;YACnC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAA;YACvB,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;YACxB,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,SAAS,CAAA;YAElC,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,MAAM,CAAA;YACrC,OAAO,CAAC,KAAK,CAAC,kBAAkB,CAAC,GAAG,UAAU,CAAA;YAE9C,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;YACjD,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAA;YACvB,IAAI,CAAC,kBAAkB,EAAE,CAAA;SAC1B;QAED,OAAO,IAAI,CAAC,QAAQ,CAAA;IACtB,CAAC;IAED,aAAa;QACX,IAAI,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC1C,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAA;QAElC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,MAAM,CAAA;QACpC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;QAEhC,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAE3C,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAA;QACxC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAEhC,IAAI,IAAI,CAAC,QAAQ;YAAE,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAEpD,OAAO,MAAM,CAAA;IACf,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,OAAM;SACP;QAED,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEpE,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACrB,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAA;SAC5B;aAAM,IAAI,CAAC,OAAO,EAAE;YACnB,OAAO,GAAG,OAAO,CAAA;SAClB;QAED,IAAI;YACF,IAAI,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;SAC1C;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;YAC7B,OAAM;SACP;QACD,IAAI,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAA;QACzF,IAAI,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAA;QAE5F,QAAQ,OAAO,EAAE;YACf,KAAK,MAAM,CAAC;YACZ,KAAK,OAAO;gBACV,wFAAwF;gBACxF,2FAA2F;gBAC3F,MAAK;YACP,KAAK,OAAO;gBACV,wFAAwF;gBACxF,MAAM,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC,GAAG,UAAU,CAAA;gBAC3C,MAAK;YACP,KAAK,QAAQ;gBACX,2FAA2F;gBAC3F,KAAK,GAAG,CAAC,UAAU,GAAG,MAAM,CAAC,GAAG,WAAW,CAAA;gBAC3C,MAAK;YACP,KAAK,QAAQ,CAAC;YACd,KAAK,MAAM,CAAC;YACZ;gBACE,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;gBACnC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;SACzC;QAED,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;QAE9C,QAAQ,OAAO,EAAE;YACf,KAAK,OAAO,CAAC;YACb,KAAK,MAAM;gBACT,MAAK;YACP,KAAK,OAAO;gBACV,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAA;gBACvC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;gBACrC,MAAK;YACP,KAAK,QAAQ;gBACX,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;gBACrC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAA;gBACvC,MAAK;YACP,KAAK,QAAQ,CAAC;YACd,KAAK,MAAM,CAAC;YACZ;gBACE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAA;gBACrE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAA;SAC1E;QAED,8BAA8B;QAC9B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;IAClC,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC;IAED,4BAA4B;IAC5B,IAAI,GAAG;QACL,IAAI,EAAE,KAAK,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEjD,QAAQ,IAAI,EAAE;YACZ,KAAK,IAAI,CAAC;YACV,KAAK,IAAI;gBACP,OAAO,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC,CAAA;YACnC,KAAK,IAAI;gBACP,OAAO,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC,CAAA;YACnC,KAAK,IAAI,CAAC;YACV;gBACE,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,CAAA;SACrB;IACH,CAAC;IAED;;;;OAIG;IAEH,WAAW,CAAC,IAAI,EAAE,OAAO;QACvB,IAAI,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;QAE/C,KAAK,IAAI,CAAC,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;YAChD,IAAI,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;YAC/B,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE;gBAAE,SAAQ;YAEvC,IAAI,KAAK,GAAG,UAAU,CAAC,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;YACjD,IAAI,KAAK;gBAAE,OAAO,KAAK,CAAA;SACxB;QAED,OAAO,KAAK,CAAA;IACd,CAAC;IAED,IAAI,QAAQ;QACV,OAAO;YACL,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACP,MAAM,EAAE,IAAI,CAAC,cAAc;oBAC3B,UAAU,EAAE,IAAI,CAAC,iBAAiB;oBAClC,UAAU,EAAE,IAAI,CAAC,iBAAiB;oBAClC,KAAK,EAAE,IAAI,CAAC,QAAQ;oBACpB,SAAS,EAAE,IAAI,CAAC,cAAc;oBAC9B,OAAO,EAAE,IAAI,CAAC,cAAc;oBAC5B,UAAU,EAAE,IAAI,CAAC,cAAc;oBAC/B,QAAQ,EAAE,IAAI,CAAC,cAAc;iBAC9B;aACF;SACF,CAAA;IACH,CAAC;IAED,UAAU,CAAC,IAAI;QACb,qBAAqB,CAAC,GAAG,EAAE,CACzB,IAAI,CAAC,OAAO,CAAC,aAAa,CACxB,IAAI,WAAW,CAAC,aAAa,EAAE;YAC7B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,IAAI;SACb,CAAC,CACH,CACF,CAAA;IACH,CAAC;IAED,kBAAkB;QAChB,IAAI,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAA;QAE3B,IAAI,CAAC,OAAO;YAAE,OAAM;QAEpB,IAAI,EAAE,SAAS,GAAG,iBAAiB,EAAE,KAAK,GAAG,aAAa,EAAE,QAAQ,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEvF,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAE9C,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;QAChC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,IAAI,CAAA;QAC9B;;;WAGG;QACH,yCAAyC;QACzC,kCAAkC;QAClC,mCAAmC;QAEnC,+GAA+G;QAC/G,IAAI,SAAS,GAAG,UAAU,QAAQ,cAAc,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,oBAAoB,CAAA;QACvF,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC,CAAC,GAAG,IAAI,CAAA;QACjD,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,CAAC,GAAG,IAAI,CAC/C;QAAA,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YACzD,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC,GAAG,SAAS,CAAA;QACjD,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,QAAQ,CAAC,KAAK;QACZ,+CAA+C;QAC/C,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,CAAA;QAEvB,OAAO,KAAK,CAAC,EAAE,CAAA;QACf,OAAO,KAAK,CAAC,IAAI,CAAA;QACjB,OAAO,KAAK,CAAC,KAAK,CAAA;QAElB,IAAI,CAAC,kBAAkB,EAAE,CAAA;IAC3B,CAAC;IAED,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI;QAChC,IAAI,CAAC,UAAU,EAAE,CAAA;IACnB,CAAC;IAED,iBAAiB,CAAC,KAAK,EAAE,IAAI;QAC3B,KAAK,CAAC,eAAe,EAAE,CAAA;QAEvB,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,UAAU;YAAE,OAAM;QAE5C,IAAI,CAAC,IAAI;YAAE,OAAM;QAEjB,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;QAExB,sCAAsC;QACtC,IAAI,MAAM,YAAY,UAAU,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;YAAE,OAAM;QAE5F,IAAI,MAAM,CAAC,MAAM;YAAE,OAAM;QAEzB,IAAI,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAA;QAE5C,aAAa,IAAI,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;IAC1E,CAAC;IAED,iBAAiB,CAAC,KAAK,EAAE,IAAI;QAC3B,KAAK,CAAC,eAAe,EAAE,CAAA;QAEvB,IAAI,CAAC,IAAI,EAAE;YACT,OAAM;SACP;QAED,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;QAExB,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE;YACpC,OAAM;SACP;QAED,IAAI,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAA;QAElE,aAAa,IAAI,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;IAC3E,CAAC;IAED,QAAQ,CAAC,KAAK,EAAE,IAAI;QAClB,KAAK,CAAC,eAAe,EAAE,CAAA;QAEvB,IAAI,IAAI,CAAC,GAAG,CAAC,UAAU;YAAE,OAAM;QAE/B,IAAI,CAAC,IAAI;YAAE,OAAM;QAEjB,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;QAExB,IAAI,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAA;QAE9D,WAAW,IAAI,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;IACtE,CAAC;IAED,cAAc,CAAC,KAAK,EAAE,IAAI;QACxB,KAAK,CAAC,eAAe,EAAE,CAAA;QAEvB,IAAI,IAAI,CAAC,GAAG,CAAC,UAAU;YAAE,OAAM;QAE/B,IAAI,CAAC,IAAI;YAAE,OAAM;QAEjB,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;QAExB,IAAI,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAA;QAE9D,WAAW;YACT,WAAW,CAAC,OAAO;YACnB,IAAI,CAAC,yBAAyB,CAC5B,WAAW,EACX,MAAM,EACN,KAAK,CAAC,IAAI,IAAI,WAAW,IAAI,KAAK,CAAC,IAAI,IAAI,YAAY,EACvD,KAAK,CACN,CAAA;IACL,CAAC;IAED,yBAAyB,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS;QAC1D,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,CAAA;QAC/B,IAAI,CAAC,OAAO,EAAE;YACZ,OAAM;SACP;QAED,IAAI,KAAK,EAAE;YACT,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;SAC3B;aAAM;YACL,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,CAAA;SAC7B;IACH,CAAC;IAED,cAAc,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS;;QAC/C,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;QAEnG,IAAI,MAAM,EAAE;YACV,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;SAClC;QACD,IAAI,KAAK,EAAE;YACT,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;SAChC;QAED,eAAe;QACf,IAAI,SAAS,EAAE;YACb,IAAI,KAAK,EAAE;gBACT,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,CAAA;aAC/B;iBAAM,IAAI,OAAO,EAAE;gBAClB,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,CAAA;aAC/B;SACF;QAED,IAAI,CAAC,MAAM;YAAE,OAAM;QAEnB,QAAQ,MAAM,EAAE;YACd,KAAK,aAAa;gBAChB,IAAI,CAAC,MAAM;oBAAE,OACZ;gBAAA,CAAC,KAAK,IAAI,OAAO,CAAC;oBACjB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;wBACvD,SAAS,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,IAAI,CAAA;oBAClC,CAAC,CAAC,CAAA;gBACJ,MAAK;YAEP,KAAK,eAAe;gBAClB,IAAI,CAAC,MAAM;oBAAE,OACZ;gBAAA,CAAC,KAAK,IAAI,OAAO,CAAC;oBACjB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;wBACvD,IAAI,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;wBACjE,SAAS,CAAC,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;oBACjD,CAAC,CAAC,CAAA;gBACJ,MAAK;YAEP,KAAK,UAAU;gBACb,IAAI,CAAC,MAAM;oBAAE,OAAM;gBAEnB,IAAI,KAAK,EAAE;oBACT,IAAI,IAAI,GAAG,KAAK,CAAA;oBAChB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;wBAClD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;oBAClB,CAAC,CAAC,CAAA;iBACH;qBAAM,IAAI,OAAO,EAAE;oBAClB,sDAAsD;oBACtD,iEAAiE;iBAClE;gBACD,MAAK;YAEP,KAAK,WAAW;gBACd,IAAI,CAAC,MAAM;oBAAE,OAAM;gBAEnB,IAAI,KAAK,EAAE;oBACT,IAAI,IAAI,GAAG,KAAK,CAAA;oBAChB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;wBAClD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;oBACnB,CAAC,CAAC,CAAA;iBACH;qBAAM,IAAI,OAAO,EAAE;oBAClB,sDAAsD;oBACtD,kEAAkE;iBACnE;gBACD,MAAK;YAEP,KAAK,YAAY,CAAC;YAClB,KAAK,aAAa;gBAChB,IAAI,CAAC,MAAM;oBAAE,OAAM;gBAEnB,IAAI,SAAS,CAAC,IAAI,IAAI,OAAO,EAAE;oBAC7B,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,kBAAkB,EAAE;wBAC7D,CAAC,EAAE,SAAS,CAAC,OAAO;wBACpB,CAAC,EAAE,SAAS,CAAC,OAAO;qBACrB,CAAC,CAAA;iBACH;qBAAM;oBACL,IAAI,KAAK,EAAE;wBACT,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,kCAAkC,EAAE;4BAC7E,CAAC,EAAE,SAAS,CAAC,OAAO;4BACpB,CAAC,EAAE,SAAS,CAAC,OAAO;yBACrB,CAAC,CAAA;qBACH;yBAAM,IAAI,OAAO,EAAE;wBAClB,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;qBACnC;iBACF;gBACD,MAAK;YAEP,KAAK,oBAAoB;gBACvB,IAAI,CAAC,MAAM;oBAAE,OAAM;gBAEnB,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE;oBAC1C,CAAC,EAAE,SAAS,CAAC,OAAO;oBACpB,CAAC,EAAE,SAAS,CAAC,OAAO;iBACrB,CAAC,CAAA;gBACF,MAAK;YAEP,KAAK,OAAO,CAAC;YACb,KAAK,aAAa;gBAChB,IAAI,CAAC,MAAM;oBAAE,OAAM;gBAEnB;;;kBAGE;gBACF,IAAI,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAA;gBAC/E,IAAI,MAAM,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;gBAE1E,wCAAwC;gBACxC,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE;oBACjC,IAAI,EAAE,KAAK,KAAI,MAAA,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,0CAAE,IAAI,CAAA;oBAC1D,MAAM,CAAC,kFAAkF;oBACzF,KAAK,EAAE,MAAM,KAAK,aAAa;iBAChC,CAAC,CAAA;gBACF,MAAK;YAEP,KAAK,aAAa;gBAChB,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;gBAC/B,MAAK;YAEP,KAAK,MAAM;gBACT,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,CAAA;gBAChD,MAAK;YAEP;gBACE,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;SACjD;IACH,CAAC;CACF;AAED,UAAU,CAAC,KAAK,GAAG,UAAU,CAAA;AAE7B,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAE,UAAU,CAAC,CAAA","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

@@ -0,0 +1,36 @@
+/**
+ * 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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1,5 @@
+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

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

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,22 @@
+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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,15 @@
+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;
+}