@hatiolab/things-scene 9.0.0-beta.34 → 9.0.0-beta.36

package/dist/layer/selection-layer.js

@@ -0,0 +1,373 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _component = _interopRequireDefault(require("../components/component.js"));
+var _logger = require("../core/logger.js");
+var _layer = _interopRequireDefault(require("./layer.js"));
+var _selectedFinder = require("./selection/selected-finder.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+function unselectAllAncester(component, selected) {
+  var ancester = component.parent;
+  while (ancester) {
+    let idx = selected.indexOf(ancester);
+    if (idx != -1) {
+      selected.splice(idx, 1);
+    }
+    ancester = ancester.parent;
+  }
+}
+function unselectAllDecendant(component, selected) {
+  var children = component.components || [];
+  for (let child of children) {
+    unselectAllDecendant(child, selected);
+    let idx = selected.indexOf(child);
+    if (idx != -1) {
+      selected.splice(idx, 1);
+    }
+  }
+}
+class SelectionLayer extends _layer.default {
+  // Lifecycle
+  ready() {
+    super.ready();
+    var rootModel = this.rootModel;
+    var translate = rootModel.get('translate');
+    var scale = rootModel.get('scale');
+    this.set('translate', translate);
+    this.set('scale', scale);
+  }
+  contains(x, y) {
+    return false;
+  }
+  render(ctx) {
+    var selbox = this.selbox;
+    if (selbox) {
+      let {
+        sx,
+        sy,
+        ex,
+        ey
+      } = selbox;
+      let scale = this.get('scale') || {
+        x: 1,
+        y: 1
+      };
+      ctx.beginPath();
+      ctx.rect(sx, sy, ex - sx, ey - sy);
+      ctx.setLineDash([2 / scale.x, 4 / scale.y]);
+      ctx.lineWidth = 1 / scale.x;
+      ctx.strokeStyle = 'black';
+      ctx.stroke();
+    }
+  }
+  get eventMap() {
+    return {
+      '(root)': {
+        '(self)': {
+          keydown: this.onkeydown
+        }
+      },
+      'model-layer': {
+        '(self)': {
+          change: this.onchange_root_model
+        },
+        '(all)': {
+          dragstart: this.ondragstart_selbox,
+          dragmove: this.ondragmove_selbox,
+          dragend: this.ondragend_selbox,
+          mousedown: this.onmousedown_comp,
+          mouseup: this.onmouseup_comp
+        }
+      }
+    };
+  }
+  onkeydown(e, hint) {
+    var {
+      origin,
+      deliverer
+    } = hint; /* deliverer should be RootContainer */
+
+    var selected = deliverer.selected;
+    if (selected.length !== 1) {
+      return false;
+    }
+    var component = selected[0];
+    var container = component.parent;
+    if (!container || container === deliverer) {
+      return false;
+    }
+    if (e.code === 'Tab') {
+      var capturables = container.layout.capturables(container);
+      var idx = capturables.indexOf(component);
+      if (idx == -1) {
+        if (container.indexOf(component)) {
+          idx = 0;
+        } else {
+          (0, _logger.warn)('Container not contains [', component, '] as a component');
+          return false;
+        }
+      }
+      var length = capturables.length;
+      if (e.shiftKey) idx--;else idx++;
+      component = capturables[(idx + length) % length];
+    } else if (container.layout.keyNavigate) {
+      component = container.layout.keyNavigate(container, component, e) || component;
+    } else {
+      return false;
+    }
+    deliverer.selected = [component];
+    e.preventDefault();
+  }
+  onchange_root_model(after, before, hint) {
+    if (after.translate) {
+      // Model Base 레이어와 동일한 translate를 유지하도록 한다.
+      this.set('translate', after.translate);
+    }
+    if (after.scale) {
+      // Model Base 레이어와 동일한 scale 유지하도록 한다.
+      this.set('scale', after.scale);
+    }
+  }
+  _pendingDecision(e) {
+    /* MouseUP에서 결정하도록 마우스가 눌린 위치를 기억한다. */
+    this.downpoint = {
+      x: e.offsetX,
+      y: e.offsetY
+    };
+  }
+  _selectGroupItem(origin, e) {
+    var idx = this.selected.indexOf(origin);
+
+    /*
+     * 기존에 선택된 아이템 중에서 그룹내에 있는 아이템이 있다면, 바로 선택되도록 한다.
+     * 그렇지 않으면, MouseUP에서 결정하도록 한다.
+     */
+    let parentOfOrigin = origin.parent;
+
+    // 최상위 그룹을 찾는다.
+    while (parentOfOrigin.parent.isGroup()) {
+      parentOfOrigin = parentOfOrigin.parent;
+    }
+    let selectedSiblings = [];
+    let foundSibling = false;
+    let foundGroup = false;
+    this.selected.forEach(item => {
+      let parent = item.parent;
+      if (item === parentOfOrigin) {
+        foundGroup = true;
+        return;
+      }
+      while (parent.parent && parent.parent.isGroup()) {
+        parent = parent.parent;
+      }
+      if (parent === parentOfOrigin) {
+        /* 최상위 그룹이 동일한 경우 sibling으로 판단한다. */
+
+        selectedSiblings.push(item);
+        foundSibling = true;
+      }
+    });
+    if (foundSibling) {
+      if (e.shiftKey) {
+        if (idx == -1) {
+          selectedSiblings.push(origin);
+        } else {
+          this._pendingDecision(e);
+          return;
+        }
+      } else {
+        if (idx == -1) {
+          selectedSiblings = [origin];
+        } else {
+          this._pendingDecision(e);
+          return;
+        }
+      }
+    } /* no siblinig */else {
+      if (!foundGroup) {
+        /* 기존에 선택된 컴포넌트의 부모 그룹을 찾지 못했다면, 공통부모 여부를 판단해서, 최상위 그룹이 선택된다. */
+        if (e.shiftKey) {
+          /* (sibling이 없고) 이미 선택된 컴포넌트들이 있다면, ... */
+          if (this.selected.length > 0) {
+            if (this.selected.indexOf(parentOfOrigin) == -1) {
+              /* 멀티 선택 리스트에 최상위 그룹을 추가한다. */
+              selectedSiblings = [...this.selected, parentOfOrigin];
+            } else {
+              /* 멀티 선택 조건에 맞지 않아서, 아무 동작도 하지 않는다 */
+              return;
+            }
+          } else {
+            /* (sibling이 없고) 이미 선택된 컴포넌트들이 없다면, 최상위 부모 그룹이 선택된다. */
+            selectedSiblings = [parentOfOrigin];
+          }
+        } else {
+          selectedSiblings = [parentOfOrigin];
+        }
+      } else {
+        /* 기존에 선택된 컴포넌트의 부모 그룹을 찾았다면, 드래깅일 수도 있으므로, 결정을 지연시킨다. */
+        this._pendingDecision(e);
+        return;
+      }
+    }
+    this.selected = selectedSiblings;
+  }
+  onmousedown_comp(e, hint) {
+    var {
+      origin
+    } = hint;
+    this.downpoint = null;
+    if (e.shiftKey) {
+      // shiftKey 상태에서는 선택은 mousedown에서 처리하고, 선택의 해제는 mouseup 이벤트에서 처리한다.
+
+      // 선택된 대상의 부모가 group인 경우
+      if (origin.parent.isGroup()) {
+        this._selectGroupItem(origin, e);
+        return;
+      }
+      if (this.selected.indexOf(origin) == -1) {
+        // 선택된 컴포넌트와 같은 부모를 가진 컴포넌트들로 선택리스트를 재구성한다.
+        // 모델 노드에서 제외된 컴포넌트와 Root Model은 제외한다.
+        let selected = this.selected.filter(c => !c.isRootModel() && !!c.parent);
+        let parent = selected.length > 0 && selected[0].parent;
+        if (parent && parent !== origin.parent) {
+          // origin의 부모가 그룹이라면, 그 그룹은 분명히 선택된 상태이다.
+          // if (origin.parent.isGroup()) {
+          //   this._pendingDecision(e)
+
+          //   return
+          // }
+
+          // 편집의 편의상, shift + mouseclick 하는 경우에만, 조상이 다르더라도 선택될 수 있도록 한다.
+          // 새로선택된 컴포넌트의 조상과 자손들은 모두 선택취소한다.
+          unselectAllAncester(origin, selected);
+          unselectAllDecendant(origin, selected);
+        }
+        selected.push(origin);
+        this.selected = selected;
+      } else {
+        this._pendingDecision(e);
+        return;
+      }
+    } else {
+      /* no shift-key */
+
+      // 선택된 대상의 부모가 group인 경우
+      if (origin.parent.isGroup()) {
+        this._selectGroupItem(origin, e);
+        return;
+      }
+      if (this.selected.indexOf(origin) == -1) {
+        this.selected = [origin];
+        this.sameParent = true;
+      } else {
+        return; // 변화된 것이 없다.
+      }
+    }
+  }
+  onmouseup_comp(e, hint) {
+    /*
+     * mouse-down 이벤트에서 결정이 pending된 경우 (this.downpoint에 값이 설정된 경우임)
+     * 선택은 mousedown에서 처리하고, 선택의 해제는 mouseup 이벤트에서 처리한다.
+     * 만약에, 부모가 그룹이라면, mouseup이벤트에서 선택이 처리된다.
+     */
+
+    if (!this.downpoint) {
+      return;
+    }
+
+    /*
+     * 마우스가 눌린 위치와 동일한 위치에서 버튼릴리즈 된 경우만 처리한다.
+     * 선택해제 또는 그룹내 컴포넌트 선택을 위한 행동으로 간주한다.
+     */
+    if (this.downpoint.x !== e.offsetX || this.downpoint.y !== e.offsetY) return;
+    var {
+      origin
+    } = hint;
+    let idx = this.selected.indexOf(origin);
+    if (idx == -1 && origin.parent.isGroup()) {
+      idx = this.selected.indexOf(origin.parent);
+    }
+
+    /* 이미 선택되어 있는 컴포넌트를 선택리스트에서 제거 */
+    if (idx !== -1 && e.shiftKey) {
+      let selected = this.selected.slice();
+      if (idx > -1) {
+        selected.splice(idx, 1); // remove
+      }
+      this.selected = selected;
+      return;
+    }
+
+    // 선택된 대상의 부모가 group인 경우
+    if (origin.parent.isGroup()) {
+      this.selected = [origin];
+      return;
+    }
+  }
+
+  /* 영역을 그려서 다중 선택을 하는 기능을 위한 이벤트 핸들러들임 */
+
+  ondragstart_selbox(e, hint) {
+    var {
+      origin
+    } = hint;
+    if (!origin.stuck) return;
+    var {
+      x,
+      y
+    } = this.transcoordC2S(e.offsetX, e.offsetY);
+
+    // Model Base 레이어에서 드래깅이 시작되면, 멀티선택 영역을 시작한다.
+    // 만일, origin이 stuck된 컴포넌트이면, 선택리스트에서 제외한다.
+
+    this.selbox = {
+      sx: x,
+      sy: y,
+      selected: []
+    };
+  }
+  ondragmove_selbox(e, hint) {
+    var {
+      origin
+    } = hint;
+    if (!origin.stuck) return;
+    var {
+      x,
+      y
+    } = this.transcoordC2S(e.offsetX, e.offsetY);
+    var {
+      deliverer
+    } = hint; /* should be rootModel */
+
+    // 드래그 해제 이전에 컨트롤 키를 릴리즈 하는 경우, selbox가 없을 수 있으므로 확인한다.
+    // selbox는 여러 컴포넌트를 선택하기 위해서 마우스로 드래깅해서 만들어내는 영역임.
+    // 드래그로는 stuck 되어있는 컨테이너의 1차 자식 컴포넌트들만 선택할 수 있다.
+    if (this.selbox) {
+      this.selbox.ex = x;
+      this.selbox.ey = y;
+      let container = origin;
+      (0, _selectedFinder.selectedFinder)(this, origin, this.selbox, e.shiftKey);
+      this.invalidate();
+    }
+  }
+  ondragend_selbox(e, hint) {
+    var {
+      origin
+    } = hint;
+    if (!origin.stuck) return;
+    this.last_pos = null;
+    this.selbox = null;
+    (0, _selectedFinder.selectedFinder)(this, null, null, false, true);
+    this.invalidate();
+  }
+}
+exports.default = SelectionLayer;
+_component.default.register('selection-layer', SelectionLayer);
+//# sourceMappingURL=selection-layer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selection-layer.js","names":["_component","_interopRequireDefault","require","_logger","_layer","_selectedFinder","e","__esModule","default","unselectAllAncester","component","selected","ancester","parent","idx","indexOf","splice","unselectAllDecendant","children","components","child","SelectionLayer","Layer","ready","rootModel","translate","get","scale","set","contains","x","y","render","ctx","selbox","sx","sy","ex","ey","beginPath","rect","setLineDash","lineWidth","strokeStyle","stroke","eventMap","keydown","onkeydown","change","onchange_root_model","dragstart","ondragstart_selbox","dragmove","ondragmove_selbox","dragend","ondragend_selbox","mousedown","onmousedown_comp","mouseup","onmouseup_comp","hint","origin","deliverer","length","container","code","capturables","layout","warn","shiftKey","keyNavigate","preventDefault","after","before","_pendingDecision","downpoint","offsetX","offsetY","_selectGroupItem","parentOfOrigin","isGroup","selectedSiblings","foundSibling","foundGroup","forEach","item","push","filter","c","isRootModel","sameParent","slice","stuck","transcoordC2S","selectedFinder","invalidate","last_pos","exports","Component","register"],"sources":["../../src/layer/selection-layer.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport Component from '../components/component.js'\nimport { warn } from '../core/logger.js'\nimport Layer from './layer.js'\nimport { selectedFinder } from './selection/selected-finder.js'\n\nfunction unselectAllAncester(component, selected) {\n  var ancester = component.parent\n  while (ancester) {\n    let idx = selected.indexOf(ancester)\n    if (idx != -1) {\n      selected.splice(idx, 1)\n    }\n    ancester = ancester.parent\n  }\n}\n\nfunction unselectAllDecendant(component, selected) {\n  var children = component.components || []\n  for (let child of children) {\n    unselectAllDecendant(child, selected)\n\n    let idx = selected.indexOf(child)\n    if (idx != -1) {\n      selected.splice(idx, 1)\n    }\n  }\n}\n\nexport default class SelectionLayer extends Layer {\n  // Lifecycle\n  ready() {\n    super.ready()\n    var rootModel = this.rootModel\n\n    var translate = rootModel.get('translate')\n    var scale = rootModel.get('scale')\n\n    this.set('translate', translate)\n    this.set('scale', scale)\n  }\n\n  contains(x, y) {\n    return false\n  }\n\n  render(ctx) {\n    var selbox = this.selbox\n\n    if (selbox) {\n      let { sx, sy, ex, ey } = selbox\n      let scale = this.get('scale') || { x: 1, y: 1 }\n\n      ctx.beginPath()\n\n      ctx.rect(sx, sy, ex - sx, ey - sy)\n\n      ctx.setLineDash([2 / scale.x, 4 / scale.y])\n      ctx.lineWidth = 1 / scale.x\n      ctx.strokeStyle = 'black'\n\n      ctx.stroke()\n    }\n  }\n\n  get eventMap() {\n    return {\n      '(root)': {\n        '(self)': {\n          keydown: this.onkeydown\n        }\n      },\n      'model-layer': {\n        '(self)': {\n          change: this.onchange_root_model\n        },\n        '(all)': {\n          dragstart: this.ondragstart_selbox,\n          dragmove: this.ondragmove_selbox,\n          dragend: this.ondragend_selbox,\n\n          mousedown: this.onmousedown_comp,\n          mouseup: this.onmouseup_comp\n        }\n      }\n    }\n  }\n\n  onkeydown(e, hint) {\n    var { origin, deliverer } = hint /* deliverer should be RootContainer */\n\n    var selected = deliverer.selected\n\n    if (selected.length !== 1) {\n      return false\n    }\n\n    var component = selected[0]\n    var container = component.parent\n\n    if (!container || container === deliverer) {\n      return false\n    }\n\n    if (e.code === 'Tab') {\n      var capturables = container.layout.capturables(container)\n\n      var idx = capturables.indexOf(component)\n\n      if (idx == -1) {\n        if (container.indexOf(component)) {\n          idx = 0\n        } else {\n          warn('Container not contains [', component, '] as a component')\n          return false\n        }\n      }\n\n      var length = capturables.length\n\n      if (e.shiftKey) idx--\n      else idx++\n\n      component = capturables[(idx + length) % length]\n    } else if (container.layout.keyNavigate) {\n      component = container.layout.keyNavigate(container, component, e) || component\n    } else {\n      return false\n    }\n\n    deliverer.selected = [component]\n    e.preventDefault()\n  }\n\n  onchange_root_model(after, before, hint) {\n    if (after.translate) {\n      // Model Base 레이어와 동일한 translate를 유지하도록 한다.\n      this.set('translate', after.translate)\n    }\n\n    if (after.scale) {\n      // Model Base 레이어와 동일한 scale 유지하도록 한다.\n      this.set('scale', after.scale)\n    }\n  }\n\n  _pendingDecision(e) {\n    /* MouseUP에서 결정하도록 마우스가 눌린 위치를 기억한다. */\n    this.downpoint = {\n      x: e.offsetX,\n      y: e.offsetY\n    }\n  }\n\n  _selectGroupItem(origin, e) {\n    var idx = this.selected.indexOf(origin)\n\n    /*\n     * 기존에 선택된 아이템 중에서 그룹내에 있는 아이템이 있다면, 바로 선택되도록 한다.\n     * 그렇지 않으면, MouseUP에서 결정하도록 한다.\n     */\n    let parentOfOrigin = origin.parent\n\n    // 최상위 그룹을 찾는다.\n    while (parentOfOrigin.parent.isGroup()) {\n      parentOfOrigin = parentOfOrigin.parent\n    }\n\n    let selectedSiblings = []\n    let foundSibling = false\n    let foundGroup = false\n\n    this.selected.forEach(item => {\n      let parent = item.parent\n\n      if (item === parentOfOrigin) {\n        foundGroup = true\n        return\n      }\n\n      while (parent.parent && parent.parent.isGroup()) {\n        parent = parent.parent\n      }\n\n      if (parent === parentOfOrigin) {\n        /* 최상위 그룹이 동일한 경우 sibling으로 판단한다. */\n\n        selectedSiblings.push(item)\n        foundSibling = true\n      }\n    })\n\n    if (foundSibling) {\n      if (e.shiftKey) {\n        if (idx == -1) {\n          selectedSiblings.push(origin)\n        } else {\n          this._pendingDecision(e)\n          return\n        }\n      } else {\n        if (idx == -1) {\n          selectedSiblings = [origin]\n        } else {\n          this._pendingDecision(e)\n          return\n        }\n      }\n    } /* no siblinig */ else {\n      if (!foundGroup) {\n        /* 기존에 선택된 컴포넌트의 부모 그룹을 찾지 못했다면, 공통부모 여부를 판단해서, 최상위 그룹이 선택된다. */\n        if (e.shiftKey) {\n          /* (sibling이 없고) 이미 선택된 컴포넌트들이 있다면, ... */\n          if (this.selected.length > 0) {\n            if (this.selected.indexOf(parentOfOrigin) == -1) {\n              /* 멀티 선택 리스트에 최상위 그룹을 추가한다. */\n              selectedSiblings = [...this.selected, parentOfOrigin]\n            } else {\n              /* 멀티 선택 조건에 맞지 않아서, 아무 동작도 하지 않는다 */\n              return\n            }\n          } else {\n            /* (sibling이 없고) 이미 선택된 컴포넌트들이 없다면, 최상위 부모 그룹이 선택된다. */\n            selectedSiblings = [parentOfOrigin]\n          }\n        } else {\n          selectedSiblings = [parentOfOrigin]\n        }\n      } else {\n        /* 기존에 선택된 컴포넌트의 부모 그룹을 찾았다면, 드래깅일 수도 있으므로, 결정을 지연시킨다. */\n        this._pendingDecision(e)\n        return\n      }\n    }\n\n    this.selected = selectedSiblings\n  }\n\n  onmousedown_comp(e, hint) {\n    var { origin } = hint\n    this.downpoint = null\n\n    if (e.shiftKey) {\n      // shiftKey 상태에서는 선택은 mousedown에서 처리하고, 선택의 해제는 mouseup 이벤트에서 처리한다.\n\n      // 선택된 대상의 부모가 group인 경우\n      if (origin.parent.isGroup()) {\n        this._selectGroupItem(origin, e)\n        return\n      }\n\n      if (this.selected.indexOf(origin) == -1) {\n        // 선택된 컴포넌트와 같은 부모를 가진 컴포넌트들로 선택리스트를 재구성한다.\n        // 모델 노드에서 제외된 컴포넌트와 Root Model은 제외한다.\n        let selected = this.selected.filter(c => !c.isRootModel() && !!c.parent)\n\n        let parent = selected.length > 0 && selected[0].parent\n        if (parent && parent !== origin.parent) {\n          // origin의 부모가 그룹이라면, 그 그룹은 분명히 선택된 상태이다.\n          // if (origin.parent.isGroup()) {\n          //   this._pendingDecision(e)\n\n          //   return\n          // }\n\n          // 편집의 편의상, shift + mouseclick 하는 경우에만, 조상이 다르더라도 선택될 수 있도록 한다.\n          // 새로선택된 컴포넌트의 조상과 자손들은 모두 선택취소한다.\n          unselectAllAncester(origin, selected)\n          unselectAllDecendant(origin, selected)\n        }\n\n        selected.push(origin)\n\n        this.selected = selected\n      } else {\n        this._pendingDecision(e)\n        return\n      }\n    } else {\n      /* no shift-key */\n\n      // 선택된 대상의 부모가 group인 경우\n      if (origin.parent.isGroup()) {\n        this._selectGroupItem(origin, e)\n        return\n      }\n\n      if (this.selected.indexOf(origin) == -1) {\n        this.selected = [origin]\n        this.sameParent = true\n      } else {\n        return // 변화된 것이 없다.\n      }\n    }\n  }\n\n  onmouseup_comp(e, hint) {\n    /*\n     * mouse-down 이벤트에서 결정이 pending된 경우 (this.downpoint에 값이 설정된 경우임)\n     * 선택은 mousedown에서 처리하고, 선택의 해제는 mouseup 이벤트에서 처리한다.\n     * 만약에, 부모가 그룹이라면, mouseup이벤트에서 선택이 처리된다.\n     */\n\n    if (!this.downpoint) {\n      return\n    }\n\n    /*\n     * 마우스가 눌린 위치와 동일한 위치에서 버튼릴리즈 된 경우만 처리한다.\n     * 선택해제 또는 그룹내 컴포넌트 선택을 위한 행동으로 간주한다.\n     */\n    if (this.downpoint.x !== e.offsetX || this.downpoint.y !== e.offsetY) return\n\n    var { origin } = hint\n    let idx = this.selected.indexOf(origin)\n    if (idx == -1 && origin.parent.isGroup()) {\n      idx = this.selected.indexOf(origin.parent)\n    }\n\n    /* 이미 선택되어 있는 컴포넌트를 선택리스트에서 제거 */\n    if (idx !== -1 && e.shiftKey) {\n      let selected = this.selected.slice()\n\n      if (idx > -1) {\n        selected.splice(idx, 1) // remove\n      }\n\n      this.selected = selected\n\n      return\n    }\n\n    // 선택된 대상의 부모가 group인 경우\n    if (origin.parent.isGroup()) {\n      this.selected = [origin]\n      return\n    }\n  }\n\n  /* 영역을 그려서 다중 선택을 하는 기능을 위한 이벤트 핸들러들임 */\n\n  ondragstart_selbox(e, hint) {\n    var { origin } = hint\n\n    if (!origin.stuck) return\n\n    var { x, y } = this.transcoordC2S(e.offsetX, e.offsetY)\n\n    // Model Base 레이어에서 드래깅이 시작되면, 멀티선택 영역을 시작한다.\n    // 만일, origin이 stuck된 컴포넌트이면, 선택리스트에서 제외한다.\n\n    this.selbox = {\n      sx: x,\n      sy: y,\n      selected: []\n    }\n  }\n\n  ondragmove_selbox(e, hint) {\n    var { origin } = hint\n\n    if (!origin.stuck) return\n\n    var { x, y } = this.transcoordC2S(e.offsetX, e.offsetY)\n    var { deliverer } = hint /* should be rootModel */\n\n    // 드래그 해제 이전에 컨트롤 키를 릴리즈 하는 경우, selbox가 없을 수 있으므로 확인한다.\n    // selbox는 여러 컴포넌트를 선택하기 위해서 마우스로 드래깅해서 만들어내는 영역임.\n    // 드래그로는 stuck 되어있는 컨테이너의 1차 자식 컴포넌트들만 선택할 수 있다.\n    if (this.selbox) {\n      this.selbox.ex = x\n      this.selbox.ey = y\n\n      let container = origin\n\n      selectedFinder(this, origin, this.selbox, e.shiftKey)\n\n      this.invalidate()\n    }\n  }\n\n  ondragend_selbox(e, hint) {\n    var { origin } = hint\n\n    if (!origin.stuck) return\n\n    this.last_pos = null\n    this.selbox = null\n\n    selectedFinder(this, null, null, false, true)\n\n    this.invalidate()\n  }\n}\n\nComponent.register('selection-layer', SelectionLayer)\n"],"mappings":"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","ignoreList":[]}

package/dist/layer/shift-layer.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _component = _interopRequireDefault(require("../components/component.js"));
+var Const = _interopRequireWildcard(require("../const.js"));
+var _layer = _interopRequireDefault(require("./layer.js"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+class ShiftLayer extends _layer.default {
+  // Lifecycle
+  ready() {
+    super.ready();
+    var translate = this.rootModel.get('translate');
+    this.set('translate', translate);
+  }
+  render(ctx) {
+    /* render nothing */
+  }
+  get pointerEvents() {
+    return 'none';
+  }
+  contains(x, y) {
+    return !!(this.app.mode == Const.MODE_SHIFT);
+  }
+  get eventMap() {
+    return {
+      '(root)': {
+        '(self)': {
+          keydown: this.onkeydown,
+          keyup: this.onkeyup
+        }
+      }
+    };
+  }
+  onkeydown(e) {
+    if (e.code === 'Space' && this.before_mode === undefined) {
+      this.before_mode = this.app.mode;
+      this.app.mode = Const.MODE_SHIFT;
+    }
+  }
+  onkeyup(e) {
+    if (e.code === 'Space') {
+      if (this.before_mode !== undefined) {
+        this.app.mode = this.before_mode;
+      }
+      delete this.before_mode;
+    }
+  }
+
+  /* default UI Event Handlers. */
+
+  ondragstart(e) {
+    this.last_position = this.transcoordC2S(e.offsetX, e.offsetY);
+  }
+  ondragmove(e) {
+    var {
+      x,
+      y
+    } = this.transcoordC2S(e.offsetX, e.offsetY);
+
+    // 모델레이어의 원점을 움직인다.
+    this.rootModel.move({
+      x: x - this.last_position.x,
+      y: y - this.last_position.y
+    }, false);
+
+    // 모델레이어의 translate 값이 바뀌었으므로, 이 레이어의 translate도 변경되었을 것이다.
+    // 따라서, transcoord을 다시 해주어야 한다.
+
+    this.last_position = this.transcoordC2S(e.offsetX, e.offsetY);
+  }
+}
+exports.default = ShiftLayer;
+_component.default.register('shift-layer', ShiftLayer);
+//# sourceMappingURL=shift-layer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shift-layer.js","names":["_component","_interopRequireDefault","require","Const","_interopRequireWildcard","_layer","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ShiftLayer","Layer","ready","translate","rootModel","render","ctx","pointerEvents","contains","x","y","app","mode","MODE_SHIFT","eventMap","keydown","onkeydown","keyup","onkeyup","code","before_mode","undefined","ondragstart","last_position","transcoordC2S","offsetX","offsetY","ondragmove","move","exports","Component","register"],"sources":["../../src/layer/shift-layer.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport Component from '../components/component.js'\nimport * as Const from '../const.js'\nimport Layer from './layer.js'\n\nexport default class ShiftLayer extends Layer {\n  // Lifecycle\n  ready() {\n    super.ready()\n    var translate = this.rootModel.get('translate')\n    this.set('translate', translate)\n  }\n\n  render(ctx) {\n    /* render nothing */\n  }\n\n  get pointerEvents() {\n    return 'none'\n  }\n\n  contains(x, y) {\n    return !!(this.app.mode == Const.MODE_SHIFT)\n  }\n\n  get eventMap() {\n    return {\n      '(root)': {\n        '(self)': {\n          keydown: this.onkeydown,\n          keyup: this.onkeyup\n        }\n      }\n    }\n  }\n\n  onkeydown(e) {\n    if (e.code === 'Space' && this.before_mode === undefined) {\n      this.before_mode = this.app.mode\n      this.app.mode = Const.MODE_SHIFT\n    }\n  }\n\n  onkeyup(e) {\n    if (e.code === 'Space') {\n      if (this.before_mode !== undefined) {\n        this.app.mode = this.before_mode\n      }\n      delete this.before_mode\n    }\n  }\n\n  /* default UI Event Handlers. */\n\n  ondragstart(e) {\n    this.last_position = this.transcoordC2S(e.offsetX, e.offsetY)\n  }\n\n  ondragmove(e) {\n    var { x, y } = this.transcoordC2S(e.offsetX, e.offsetY)\n\n    // 모델레이어의 원점을 움직인다.\n    this.rootModel.move(\n      {\n        x: x - this.last_position.x,\n        y: y - this.last_position.y\n      },\n      false\n    )\n\n    // 모델레이어의 translate 값이 바뀌었으므로, 이 레이어의 translate도 변경되었을 것이다.\n    // 따라서, transcoord을 다시 해주어야 한다.\n\n    this.last_position = this.transcoordC2S(e.offsetX, e.offsetY)\n  }\n}\n\nComponent.register('shift-layer', ShiftLayer)\n"],"mappings":"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","ignoreList":[]}

package/dist/layout/absolute.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _layout = _interopRequireDefault(require("./layout.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+/* 대상 컴포넌트의 bounds를 계산한다. */
+var AbsoluteLayout = {
+  reflow: function (container, component) {},
+  capturables: function (container) {
+    return container.components;
+  },
+  drawables: function (container) {
+    if (!container.app.isViewMode) return container.components;
+    return container.components.filter(c => !c.hidden);
+  },
+  isStuck: function (component) {
+    return false;
+  },
+  ABSOLUTE: true
+};
+_layout.default.register('absolute', AbsoluteLayout);
+var _default = exports.default = AbsoluteLayout;
+//# sourceMappingURL=absolute.js.map

package/dist/layout/absolute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"absolute.js","names":["_layout","_interopRequireDefault","require","e","__esModule","default","AbsoluteLayout","reflow","container","component","capturables","components","drawables","app","isViewMode","filter","c","hidden","isStuck","ABSOLUTE","Layout","register","_default","exports"],"sources":["../../src/layout/absolute.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport Layout from './layout.js'\n\n/* 대상 컴포넌트의 bounds를 계산한다. */\nvar AbsoluteLayout = {\n  reflow: function (container, component) {},\n\n  capturables: function (container) {\n    return container.components\n  },\n\n  drawables: function (container) {\n    if (!container.app.isViewMode) return container.components\n    return container.components.filter(c => !c.hidden)\n  },\n\n  isStuck: function (component) {\n    return false\n  },\n\n  ABSOLUTE: true\n}\n\nLayout.register('absolute', AbsoluteLayout)\n\nexport default AbsoluteLayout\n"],"mappings":";;;;;;AAIA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAJhC;AACA;AACA;;AAIA;AACA,IAAIG,cAAc,GAAG;EACnBC,MAAM,EAAE,SAAAA,CAAUC,SAAS,EAAEC,SAAS,EAAE,CAAC,CAAC;EAE1CC,WAAW,EAAE,SAAAA,CAAUF,SAAS,EAAE;IAChC,OAAOA,SAAS,CAACG,UAAU;EAC7B,CAAC;EAEDC,SAAS,EAAE,SAAAA,CAAUJ,SAAS,EAAE;IAC9B,IAAI,CAACA,SAAS,CAACK,GAAG,CAACC,UAAU,EAAE,OAAON,SAAS,CAACG,UAAU;IAC1D,OAAOH,SAAS,CAACG,UAAU,CAACI,MAAM,CAACC,CAAC,IAAI,CAACA,CAAC,CAACC,MAAM,CAAC;EACpD,CAAC;EAEDC,OAAO,EAAE,SAAAA,CAAUT,SAAS,EAAE;IAC5B,OAAO,KAAK;EACd,CAAC;EAEDU,QAAQ,EAAE;AACZ,CAAC;AAEDC,eAAM,CAACC,QAAQ,CAAC,UAAU,EAAEf,cAAc,CAAC;AAAA,IAAAgB,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAE5BC,cAAc","ignoreList":[]}

package/dist/layout/card.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _layout = _interopRequireDefault(require("./layout.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+function getActiveArrayFromContainer(container) {
+  var components = container.components.filter(c => !c.hidden);
+  var config = container.getState('layoutConfig') || {};
+  var active = components[config && config.activeIndex || 0];
+  return active && [active] || [];
+}
+
+/* 대상 컴포넌트의 bounds를 계산한다. */
+var CardLayout = {
+  reflow: function (container) {
+    var container_bounds = container.bounds;
+    var config = container.getState('layoutConfig') || {};
+    var bounds = {
+      left: 0,
+      top: 0,
+      width: container_bounds.width,
+      height: container_bounds.height
+    };
+    container.forEach((component, i) => {
+      let hidden = i != (config.activeIndex || 0);
+      component.bounds = bounds;
+      component.setState('rotation', 0);
+      if (component.element) {
+        component.element.style.visibility = hidden ? 'hidden' : 'visible';
+      }
+    });
+  },
+  capturables: function (container) {
+    return getActiveArrayFromContainer(container);
+  },
+  drawables: function (container) {
+    return getActiveArrayFromContainer(container);
+  },
+  isStuck: function (component) {
+    return true;
+  }
+};
+_layout.default.register('card', CardLayout);
+var _default = exports.default = CardLayout;
+//# sourceMappingURL=card.js.map

package/dist/layout/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","names":["_layout","_interopRequireDefault","require","e","__esModule","default","getActiveArrayFromContainer","container","components","filter","c","hidden","config","getState","active","activeIndex","CardLayout","reflow","container_bounds","bounds","left","top","width","height","forEach","component","i","setState","element","style","visibility","capturables","drawables","isStuck","Layout","register","_default","exports"],"sources":["../../src/layout/card.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport Layout from './layout.js'\n\nfunction getActiveArrayFromContainer(container) {\n  var components = container.components.filter(c => !c.hidden)\n  var config = container.getState('layoutConfig') || {}\n\n  var active = components[(config && config.activeIndex) || 0]\n\n  return (active && [active]) || []\n}\n\n/* 대상 컴포넌트의 bounds를 계산한다. */\nvar CardLayout = {\n  reflow: function (container) {\n    var container_bounds = container.bounds\n    var config = container.getState('layoutConfig') || {}\n\n    var bounds = {\n      left: 0,\n      top: 0,\n      width: container_bounds.width,\n      height: container_bounds.height\n    }\n\n    container.forEach((component, i) => {\n      let hidden = i != (config.activeIndex || 0)\n      component.bounds = bounds\n      component.setState('rotation', 0)\n      if (component.element) {\n        component.element.style.visibility = hidden ? 'hidden' : 'visible'\n      }\n    })\n  },\n\n  capturables: function (container) {\n    return getActiveArrayFromContainer(container)\n  },\n\n  drawables: function (container) {\n    return getActiveArrayFromContainer(container)\n  },\n\n  isStuck: function (component) {\n    return true\n  }\n}\n\nLayout.register('card', CardLayout)\n\nexport default CardLayout\n"],"mappings":";;;;;;AAIA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAJhC;AACA;AACA;;AAIA,SAASG,2BAA2BA,CAACC,SAAS,EAAE;EAC9C,IAAIC,UAAU,GAAGD,SAAS,CAACC,UAAU,CAACC,MAAM,CAACC,CAAC,IAAI,CAACA,CAAC,CAACC,MAAM,CAAC;EAC5D,IAAIC,MAAM,GAAGL,SAAS,CAACM,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;EAErD,IAAIC,MAAM,GAAGN,UAAU,CAAEI,MAAM,IAAIA,MAAM,CAACG,WAAW,IAAK,CAAC,CAAC;EAE5D,OAAQD,MAAM,IAAI,CAACA,MAAM,CAAC,IAAK,EAAE;AACnC;;AAEA;AACA,IAAIE,UAAU,GAAG;EACfC,MAAM,EAAE,SAAAA,CAAUV,SAAS,EAAE;IAC3B,IAAIW,gBAAgB,GAAGX,SAAS,CAACY,MAAM;IACvC,IAAIP,MAAM,GAAGL,SAAS,CAACM,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAErD,IAAIM,MAAM,GAAG;MACXC,IAAI,EAAE,CAAC;MACPC,GAAG,EAAE,CAAC;MACNC,KAAK,EAAEJ,gBAAgB,CAACI,KAAK;MAC7BC,MAAM,EAAEL,gBAAgB,CAACK;IAC3B,CAAC;IAEDhB,SAAS,CAACiB,OAAO,CAAC,CAACC,SAAS,EAAEC,CAAC,KAAK;MAClC,IAAIf,MAAM,GAAGe,CAAC,KAAKd,MAAM,CAACG,WAAW,IAAI,CAAC,CAAC;MAC3CU,SAAS,CAACN,MAAM,GAAGA,MAAM;MACzBM,SAAS,CAACE,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;MACjC,IAAIF,SAAS,CAACG,OAAO,EAAE;QACrBH,SAAS,CAACG,OAAO,CAACC,KAAK,CAACC,UAAU,GAAGnB,MAAM,GAAG,QAAQ,GAAG,SAAS;MACpE;IACF,CAAC,CAAC;EACJ,CAAC;EAEDoB,WAAW,EAAE,SAAAA,CAAUxB,SAAS,EAAE;IAChC,OAAOD,2BAA2B,CAACC,SAAS,CAAC;EAC/C,CAAC;EAEDyB,SAAS,EAAE,SAAAA,CAAUzB,SAAS,EAAE;IAC9B,OAAOD,2BAA2B,CAACC,SAAS,CAAC;EAC/C,CAAC;EAED0B,OAAO,EAAE,SAAAA,CAAUR,SAAS,EAAE;IAC5B,OAAO,IAAI;EACb;AACF,CAAC;AAEDS,eAAM,CAACC,QAAQ,CAAC,MAAM,EAAEnB,UAAU,CAAC;AAAA,IAAAoB,QAAA,GAAAC,OAAA,CAAAhC,OAAA,GAEpBW,UAAU","ignoreList":[]}

package/dist/layout/html-absolute.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _layout = _interopRequireDefault(require("./layout.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+/* 대상 컴포넌트의 bounds를 계산한다. */
+var HTMLAbsoluteLayout = {
+  reflow: function (container, component) {
+    var components = this.drawables(container);
+    components.filter(component => component.isHTMLElement()).forEach(component => component.reposition());
+  },
+  capturables: function (container) {
+    return container.components;
+  },
+  drawables: function (container) {
+    return container.app && !container.app.isViewMode ? container.components : container.components.filter(c => !c.hidden);
+  },
+  isStuck: function (component) {
+    return false;
+  },
+  ABSOLUTE: true
+};
+_layout.default.register('html-absolute', HTMLAbsoluteLayout);
+var _default = exports.default = HTMLAbsoluteLayout;
+//# sourceMappingURL=html-absolute.js.map

package/dist/layout/html-absolute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-absolute.js","names":["_layout","_interopRequireDefault","require","e","__esModule","default","HTMLAbsoluteLayout","reflow","container","component","components","drawables","filter","isHTMLElement","forEach","reposition","capturables","app","isViewMode","c","hidden","isStuck","ABSOLUTE","Layout","register","_default","exports"],"sources":["../../src/layout/html-absolute.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport Layout from './layout.js'\n\n/* 대상 컴포넌트의 bounds를 계산한다. */\nvar HTMLAbsoluteLayout = {\n  reflow: function (container, component) {\n    var components = this.drawables(container)\n\n    components.filter(component => component.isHTMLElement()).forEach(component => component.reposition())\n  },\n\n  capturables: function (container) {\n    return container.components\n  },\n\n  drawables: function (container) {\n    return container.app && !container.app.isViewMode\n      ? container.components\n      : container.components.filter(c => !c.hidden)\n  },\n\n  isStuck: function (component) {\n    return false\n  },\n\n  ABSOLUTE: true\n}\n\nLayout.register('html-absolute', HTMLAbsoluteLayout)\n\nexport default HTMLAbsoluteLayout\n"],"mappings":";;;;;;AAIA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAJhC;AACA;AACA;;AAIA;AACA,IAAIG,kBAAkB,GAAG;EACvBC,MAAM,EAAE,SAAAA,CAAUC,SAAS,EAAEC,SAAS,EAAE;IACtC,IAAIC,UAAU,GAAG,IAAI,CAACC,SAAS,CAACH,SAAS,CAAC;IAE1CE,UAAU,CAACE,MAAM,CAACH,SAAS,IAAIA,SAAS,CAACI,aAAa,CAAC,CAAC,CAAC,CAACC,OAAO,CAACL,SAAS,IAAIA,SAAS,CAACM,UAAU,CAAC,CAAC,CAAC;EACxG,CAAC;EAEDC,WAAW,EAAE,SAAAA,CAAUR,SAAS,EAAE;IAChC,OAAOA,SAAS,CAACE,UAAU;EAC7B,CAAC;EAEDC,SAAS,EAAE,SAAAA,CAAUH,SAAS,EAAE;IAC9B,OAAOA,SAAS,CAACS,GAAG,IAAI,CAACT,SAAS,CAACS,GAAG,CAACC,UAAU,GAC7CV,SAAS,CAACE,UAAU,GACpBF,SAAS,CAACE,UAAU,CAACE,MAAM,CAACO,CAAC,IAAI,CAACA,CAAC,CAACC,MAAM,CAAC;EACjD,CAAC;EAEDC,OAAO,EAAE,SAAAA,CAAUZ,SAAS,EAAE;IAC5B,OAAO,KAAK;EACd,CAAC;EAEDa,QAAQ,EAAE;AACZ,CAAC;AAEDC,eAAM,CAACC,QAAQ,CAAC,eAAe,EAAElB,kBAAkB,CAAC;AAAA,IAAAmB,QAAA,GAAAC,OAAA,CAAArB,OAAA,GAErCC,kBAAkB","ignoreList":[]}