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

package/dist/things-scene/api/distribute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"distribute.js","names":["_commandChange","_interopRequireDefault","require","e","__esModule","default","VERTICAL","HORIZONTAL","DISTRIBUTE_COMMANDS","_distribute","type","selected","order","filter","c","stuck","slice","sort","a","b","ca","center","cb","y","x","length_sum","reduce","sum","bounds","height","width","first_bounds","last_bounds","length","bounds_length","top","left","space","offset","i","component","distribute","hasSameParentForAllSelected","indexOf","commander","app","CommandChange","around"],"sources":["../../../src/things-scene/api/distribute.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport CommandChange from '../../command/command-change.js'\n\nconst VERTICAL = 'VERTICAL'\nconst HORIZONTAL = 'HORIZONTAL'\n\nconst DISTRIBUTE_COMMANDS = [VERTICAL, HORIZONTAL]\n\nfunction _distribute(type, selected) {\n  var order = selected.filter(c => !c.stuck).slice(0)\n\n  order.sort(function (a, b) {\n    let ca = a.center\n    let cb = b.center\n    return type === VERTICAL ? ca.y - cb.y : ca.x - cb.x\n  })\n\n  var length_sum = order.reduce((sum, c) => {\n    return sum + (type === VERTICAL ? c.bounds.height : c.bounds.width)\n  }, 0)\n  var first_bounds = order[0].bounds\n  var last_bounds = order[order.length - 1].bounds\n\n  var bounds_length =\n    type === VERTICAL\n      ? last_bounds.top + last_bounds.height - first_bounds.top\n      : last_bounds.left + last_bounds.width - first_bounds.left\n\n  var space = (bounds_length - length_sum) / (order.length - 1)\n\n  var offset = type === VERTICAL ? first_bounds.top + first_bounds.height : first_bounds.left + first_bounds.width\n\n  for (let i = 1; i < order.length - 1; i++) {\n    let component = order[i]\n    let bounds = component.bounds\n\n    offset += space\n\n    if (type === VERTICAL) {\n      bounds.top = offset\n      offset += bounds.height\n    } else {\n      bounds.left = offset\n      offset += bounds.width\n    }\n\n    component.bounds = bounds\n  }\n}\n\n/* this should be root-container */\nexport default function distribute(type) {\n  if (!this.hasSameParentForAllSelected || DISTRIBUTE_COMMANDS.indexOf(type) == -1) return\n\n  var selected = this.selected\n  if (selected.length <= 1) return\n\n  var commander = this.app.commander\n\n  CommandChange.around(commander, function () {\n    // 선택된 컴포넌트들을 움직인다.\n    _distribute(type, selected)\n  })\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/things-scene/api/duplicate.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = duplicate;
+var _commandMigrate = _interopRequireDefault(require("../../command/command-migrate.js"));
+var Model = _interopRequireWildcard(require("../../model/index.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.
+ */
+
+/* this should be root-container */
+function duplicate() {
+  var changes = [];
+  var replaceRefidMap = new Map();
+  this.selected = this.selected.filter(component => !component.isRootModel()).map(component => {
+    let clone = Model.duplicate(component, refid => {
+      const newRefid = this.getNewRefid();
+      if (typeof refid !== 'undefined') {
+        replaceRefidMap.set(refid, newRefid);
+      }
+      return newRefid;
+    });
+    clone.move({
+      x: 20,
+      y: 20
+    }, false /* relatively - leave relations among components */);
+    changes.push({
+      component: clone,
+      to_container: component.parent
+    });
+    return clone;
+  }).map(component => {
+    component.replaceRefids(replaceRefidMap);
+    return component;
+  });
+  if (changes.length == 0) return;
+  var command = new _commandMigrate.default({
+    changes
+  });
+  this.app.commander.execute(command);
+}
+//# sourceMappingURL=duplicate.js.map

package/dist/things-scene/api/duplicate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"duplicate.js","names":["_commandMigrate","_interopRequireDefault","require","Model","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","duplicate","changes","replaceRefidMap","Map","selected","filter","component","isRootModel","map","clone","refid","newRefid","getNewRefid","move","x","y","push","to_container","parent","replaceRefids","length","command","CommandMigrate","app","commander","execute"],"sources":["../../../src/things-scene/api/duplicate.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport CommandMigrate from '../../command/command-migrate.js'\nimport * as Model from '../../model/index.js'\n\n/* this should be root-container */\nexport default function duplicate() {\n  var changes = []\n\n  var replaceRefidMap = new Map()\n\n  this.selected = this.selected\n    .filter(component => !component.isRootModel())\n    .map(component => {\n      let clone = Model.duplicate(component, refid => {\n        const newRefid = this.getNewRefid()\n        if (typeof refid !== 'undefined') {\n          replaceRefidMap.set(refid, newRefid)\n        }\n        return newRefid\n      })\n      clone.move({ x: 20, y: 20 }, false /* relatively - leave relations among components */)\n\n      changes.push({\n        component: clone,\n        to_container: component.parent\n      })\n\n      return clone\n    })\n    .map(component => {\n      component.replaceRefids(replaceRefidMap)\n      return component\n    })\n\n  if (changes.length == 0) return\n\n  var command = new CommandMigrate({ changes })\n  this.app.commander.execute(command)\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/things-scene/api/fullscreen.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = fullscreen;
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+function fullscreen(fit) {
+  var target_element = this.target_element;
+  var fitmode = fit || this.fitMode;
+  var self = this;
+  function _fullscreen_callback(e) {
+    // TODO 1초 동안 container의 크기변화를 계속 지켜보면서, fit을 실행하는 로직으로 개선.
+    self.fit(fitmode);
+    if (!document.fullscreen && !document.mozFullScreen && !document.webkitIsFullScreen && !document.msFullscreenElement) {
+      ;
+      ['fullscreenchange', 'mozfullscreenchange', 'webkitfullscreenchange', 'MSFullscreenChange'].forEach(event => document.removeEventListener(event, _fullscreen_callback));
+    }
+  }
+  ;
+  ['fullscreenchange', 'mozfullscreenchange', 'webkitfullscreenchange', 'MSFullscreenChange'].forEach(event => document.addEventListener(event, _fullscreen_callback));
+  if (target_element.requestFullScreen) target_element.requestFullScreen();else if (target_element.webkitRequestFullScreen) target_element.webkitRequestFullScreen();else if (target_element.mozRequestFullScreen) target_element.mozRequestFullScreen();else if (target_element.msRequestFullscreen) target_element.msRequestFullscreen();
+}
+//# sourceMappingURL=fullscreen.js.map

package/dist/things-scene/api/fullscreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fullscreen.js","names":["fullscreen","fit","target_element","fitmode","fitMode","self","_fullscreen_callback","e","document","mozFullScreen","webkitIsFullScreen","msFullscreenElement","forEach","event","removeEventListener","addEventListener","requestFullScreen","webkitRequestFullScreen","mozRequestFullScreen","msRequestFullscreen"],"sources":["../../../src/things-scene/api/fullscreen.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nexport default function fullscreen(fit) {\n  var target_element = this.target_element\n  var fitmode = fit || this.fitMode\n  var self = this\n\n  function _fullscreen_callback(e) {\n    // TODO 1초 동안 container의 크기변화를 계속 지켜보면서, fit을 실행하는 로직으로 개선.\n    self.fit(fitmode)\n\n    if (\n      !document.fullscreen &&\n      !document.mozFullScreen &&\n      !document.webkitIsFullScreen &&\n      !document.msFullscreenElement\n    ) {\n      ;['fullscreenchange', 'mozfullscreenchange', 'webkitfullscreenchange', 'MSFullscreenChange'].forEach(event =>\n        document.removeEventListener(event, _fullscreen_callback)\n      )\n    }\n  }\n\n  ;['fullscreenchange', 'mozfullscreenchange', 'webkitfullscreenchange', 'MSFullscreenChange'].forEach(event =>\n    document.addEventListener(event, _fullscreen_callback)\n  )\n\n  if (target_element.requestFullScreen) target_element.requestFullScreen()\n  else if (target_element.webkitRequestFullScreen) target_element.webkitRequestFullScreen()\n  else if (target_element.mozRequestFullScreen) target_element.mozRequestFullScreen()\n  else if (target_element.msRequestFullscreen) target_element.msRequestFullscreen()\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACe,SAASA,UAAUA,CAACC,GAAG,EAAE;EACtC,IAAIC,cAAc,GAAG,IAAI,CAACA,cAAc;EACxC,IAAIC,OAAO,GAAGF,GAAG,IAAI,IAAI,CAACG,OAAO;EACjC,IAAIC,IAAI,GAAG,IAAI;EAEf,SAASC,oBAAoBA,CAACC,CAAC,EAAE;IAC/B;IACAF,IAAI,CAACJ,GAAG,CAACE,OAAO,CAAC;IAEjB,IACE,CAACK,QAAQ,CAACR,UAAU,IACpB,CAACQ,QAAQ,CAACC,aAAa,IACvB,CAACD,QAAQ,CAACE,kBAAkB,IAC5B,CAACF,QAAQ,CAACG,mBAAmB,EAC7B;MACA;MAAC,CAAC,kBAAkB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,oBAAoB,CAAC,CAACC,OAAO,CAACC,KAAK,IACxGL,QAAQ,CAACM,mBAAmB,CAACD,KAAK,EAAEP,oBAAoB,CAC1D,CAAC;IACH;EACF;EAEA;EAAC,CAAC,kBAAkB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,oBAAoB,CAAC,CAACM,OAAO,CAACC,KAAK,IACxGL,QAAQ,CAACO,gBAAgB,CAACF,KAAK,EAAEP,oBAAoB,CACvD,CAAC;EAED,IAAIJ,cAAc,CAACc,iBAAiB,EAAEd,cAAc,CAACc,iBAAiB,CAAC,CAAC,MACnE,IAAId,cAAc,CAACe,uBAAuB,EAAEf,cAAc,CAACe,uBAAuB,CAAC,CAAC,MACpF,IAAIf,cAAc,CAACgB,oBAAoB,EAAEhB,cAAc,CAACgB,oBAAoB,CAAC,CAAC,MAC9E,IAAIhB,cAAc,CAACiB,mBAAmB,EAAEjB,cAAc,CAACiB,mBAAmB,CAAC,CAAC;AACnF","ignoreList":[]}

package/dist/things-scene/api/group.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.group = group;
+exports.ungroup = ungroup;
+var _commandMigrate = _interopRequireDefault(require("../../command/command-migrate.js"));
+var _component = _interopRequireDefault(require("../../components/component.js"));
+var Model = _interopRequireWildcard(require("../../model/index.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.
+ */
+
+/* this should be root-container */
+function group() {
+  if (!this.hasSameParentForAllSelected) {
+    return;
+  }
+  var selected = this.selected.filter(c => !!c.parent && !c.stuck);
+  if (selected.length < 2) return;
+  var parent = selected[0].parent;
+  var boundsList = [];
+  var sorted = selected.sort((a, b) => {
+    return parent.components.indexOf(a) - parent.components.indexOf(b);
+  });
+  sorted.forEach(c => {
+    boundsList.push(c.bounds);
+  });
+  var bounds = _component.default.union(boundsList);
+  var left_top = selected[0].transcoordP2S(bounds.left, bounds.top);
+  left_top = selected[0].transcoordS2T(left_top.x, left_top.y);
+  var replaceRefidMap = new Map();
+  var group_component = Model.compile({
+    type: 'group',
+    left: left_top.x,
+    top: left_top.y,
+    width: bounds.width,
+    height: bounds.height
+  }, parent.app, refid => {
+    const newRef = this.getNewRefid();
+    if (typeof refid !== 'undefined') {
+      replaceRefidMap.set(refid, newRef);
+    }
+    return newRef;
+  });
+  group_component.replaceRefids(replaceRefidMap);
+  var changes = [{
+    component: group_component,
+    to_container: parent
+  }];
+  sorted.forEach(component => {
+    changes.push({
+      component: component,
+      to_container: group_component
+    });
+  });
+  this.app.commander.execute(new _commandMigrate.default({
+    changes
+  }));
+  this.selected = [group_component];
+}
+function ungroup() {
+  var selected = this.selected;
+  if (selected.length === 0) return;
+  var components = [];
+  var changes = [];
+  this.selected.forEach(group => {
+    if (!group.isGroup()) return;
+    var parent = group.parent;
+    group.components.forEach(component => {
+      components.push(component);
+      changes.push({
+        component: component,
+        to_container: parent
+      });
+    });
+    changes.push({
+      component: group,
+      to_container: null
+    });
+  });
+  this.app.commander.execute(new _commandMigrate.default({
+    changes
+  }));
+  this.selected = components;
+}
+//# sourceMappingURL=group.js.map

package/dist/things-scene/api/group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.js","names":["_commandMigrate","_interopRequireDefault","require","_component","Model","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","group","hasSameParentForAllSelected","selected","filter","c","parent","stuck","length","boundsList","sorted","sort","b","components","indexOf","forEach","push","bounds","Component","union","left_top","transcoordP2S","left","top","transcoordS2T","x","y","replaceRefidMap","Map","group_component","compile","type","width","height","app","refid","newRef","getNewRefid","replaceRefids","changes","component","to_container","commander","execute","CommandMigrate","ungroup","isGroup"],"sources":["../../../src/things-scene/api/group.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport CommandMigrate from '../../command/command-migrate.js'\nimport Component from '../../components/component.js'\nimport * as Model from '../../model/index.js'\n\n/* this should be root-container */\nexport function group() {\n  if (!this.hasSameParentForAllSelected) {\n    return\n  }\n\n  var selected = this.selected.filter(c => !!c.parent && !c.stuck)\n\n  if (selected.length < 2) return\n\n  var parent = selected[0].parent\n  var boundsList = []\n\n  var sorted = selected.sort((a, b) => {\n    return parent.components.indexOf(a) - parent.components.indexOf(b)\n  })\n\n  sorted.forEach(c => {\n    boundsList.push(c.bounds)\n  })\n\n  var bounds = Component.union(boundsList)\n  var left_top = selected[0].transcoordP2S(bounds.left, bounds.top)\n  left_top = selected[0].transcoordS2T(left_top.x, left_top.y)\n\n  var replaceRefidMap = new Map()\n\n  var group_component = Model.compile(\n    {\n      type: 'group',\n      left: left_top.x,\n      top: left_top.y,\n      width: bounds.width,\n      height: bounds.height\n    },\n    parent.app,\n    refid => {\n      const newRef = this.getNewRefid()\n      if (typeof refid !== 'undefined') {\n        replaceRefidMap.set(refid, newRef)\n      }\n      return newRef\n    }\n  )\n\n  group_component.replaceRefids(replaceRefidMap)\n\n  var changes = [\n    {\n      component: group_component,\n      to_container: parent\n    }\n  ]\n\n  sorted.forEach(component => {\n    changes.push({\n      component: component,\n      to_container: group_component\n    })\n  })\n\n  this.app.commander.execute(new CommandMigrate({ changes }))\n\n  this.selected = [group_component]\n}\n\nexport function ungroup() {\n  var selected = this.selected\n\n  if (selected.length === 0) return\n\n  var components = []\n  var changes = []\n\n  this.selected.forEach(group => {\n    if (!group.isGroup()) return\n\n    var parent = group.parent\n\n    group.components.forEach(component => {\n      components.push(component)\n\n      changes.push({\n        component: component,\n        to_container: parent\n      })\n    })\n\n    changes.push({\n      component: group,\n      to_container: null\n    })\n  })\n\n  this.app.commander.execute(new CommandMigrate({ changes }))\n\n  this.selected = components\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/things-scene/api/ids.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIds = getIds;
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+/* this should be root-container */
+function getIds() {
+  return Object.values(this.indexMap).map(components => {
+    return components.map(component => {
+      let {
+        id,
+        data
+      } = component.model;
+      return {
+        key: id,
+        value: data
+      };
+    });
+  }).flat().sort((c1, c2) => {
+    return c1.key > c2.key ? 1 : -1;
+  });
+}
+//# sourceMappingURL=ids.js.map

package/dist/things-scene/api/ids.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ids.js","names":["getIds","Object","values","indexMap","map","components","component","id","data","model","key","value","flat","sort","c1","c2"],"sources":["../../../src/things-scene/api/ids.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\n/* this should be root-container */\nexport function getIds() {\n  return Object.values(this.indexMap)\n    .map(components => {\n      return components.map(component => {\n        let { id, data } = component.model\n\n        return {\n          key: id,\n          value: data\n        }\n      })\n    })\n    .flat()\n    .sort((c1, c2) => {\n      return c1.key > c2.key ? 1 : -1\n    })\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEA;AACO,SAASA,MAAMA,CAAA,EAAG;EACvB,OAAOC,MAAM,CAACC,MAAM,CAAC,IAAI,CAACC,QAAQ,CAAC,CAChCC,GAAG,CAACC,UAAU,IAAI;IACjB,OAAOA,UAAU,CAACD,GAAG,CAACE,SAAS,IAAI;MACjC,IAAI;QAAEC,EAAE;QAAEC;MAAK,CAAC,GAAGF,SAAS,CAACG,KAAK;MAElC,OAAO;QACLC,GAAG,EAAEH,EAAE;QACPI,KAAK,EAAEH;MACT,CAAC;IACH,CAAC,CAAC;EACJ,CAAC,CAAC,CACDI,IAAI,CAAC,CAAC,CACNC,IAAI,CAAC,CAACC,EAAE,EAAEC,EAAE,KAAK;IAChB,OAAOD,EAAE,CAACJ,GAAG,GAAGK,EAAE,CAACL,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;EACjC,CAAC,CAAC;AACN","ignoreList":[]}

package/dist/things-scene/api/index.js

@@ -0,0 +1,192 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "add", {
+  enumerable: true,
+  get: function () {
+    return _add.default;
+  }
+});
+Object.defineProperty(exports, "align", {
+  enumerable: true,
+  get: function () {
+    return _align.default;
+  }
+});
+Object.defineProperty(exports, "change", {
+  enumerable: true,
+  get: function () {
+    return _change.change;
+  }
+});
+Object.defineProperty(exports, "copy", {
+  enumerable: true,
+  get: function () {
+    return _clipboard.copy;
+  }
+});
+Object.defineProperty(exports, "cut", {
+  enumerable: true,
+  get: function () {
+    return _clipboard.cut;
+  }
+});
+Object.defineProperty(exports, "distribute", {
+  enumerable: true,
+  get: function () {
+    return _distribute.default;
+  }
+});
+Object.defineProperty(exports, "duplicate", {
+  enumerable: true,
+  get: function () {
+    return _duplicate.default;
+  }
+});
+Object.defineProperty(exports, "fullscreen", {
+  enumerable: true,
+  get: function () {
+    return _fullscreen.default;
+  }
+});
+Object.defineProperty(exports, "getIds", {
+  enumerable: true,
+  get: function () {
+    return _ids.getIds;
+  }
+});
+Object.defineProperty(exports, "group", {
+  enumerable: true,
+  get: function () {
+    return _group.group;
+  }
+});
+Object.defineProperty(exports, "move", {
+  enumerable: true,
+  get: function () {
+    return _zorder.move;
+  }
+});
+Object.defineProperty(exports, "off", {
+  enumerable: true,
+  get: function () {
+    return _listener.off;
+  }
+});
+Object.defineProperty(exports, "on", {
+  enumerable: true,
+  get: function () {
+    return _listener.on;
+  }
+});
+Object.defineProperty(exports, "once", {
+  enumerable: true,
+  get: function () {
+    return _listener.once;
+  }
+});
+Object.defineProperty(exports, "paste", {
+  enumerable: true,
+  get: function () {
+    return _clipboard.paste;
+  }
+});
+Object.defineProperty(exports, "place", {
+  enumerable: true,
+  get: function () {
+    return _place.default;
+  }
+});
+Object.defineProperty(exports, "remove", {
+  enumerable: true,
+  get: function () {
+    return _remove.default;
+  }
+});
+Object.defineProperty(exports, "startAddMode", {
+  enumerable: true,
+  get: function () {
+    return _addStart.startAddMode;
+  }
+});
+Object.defineProperty(exports, "startDatabindPasteMode", {
+  enumerable: true,
+  get: function () {
+    return _pasteStart.startDatabindPasteMode;
+  }
+});
+Object.defineProperty(exports, "startStylePasteMode", {
+  enumerable: true,
+  get: function () {
+    return _pasteStart.startStylePasteMode;
+  }
+});
+Object.defineProperty(exports, "stopDatabindPasteMode", {
+  enumerable: true,
+  get: function () {
+    return _pasteStart.stopDatabindPasteMode;
+  }
+});
+Object.defineProperty(exports, "stopStylePasteMode", {
+  enumerable: true,
+  get: function () {
+    return _pasteStart.stopStylePasteMode;
+  }
+});
+Object.defineProperty(exports, "symmetryX", {
+  enumerable: true,
+  get: function () {
+    return _symmetry.symmetryX;
+  }
+});
+Object.defineProperty(exports, "symmetryY", {
+  enumerable: true,
+  get: function () {
+    return _symmetry.symmetryY;
+  }
+});
+Object.defineProperty(exports, "toDataURL", {
+  enumerable: true,
+  get: function () {
+    return _toDataUrl.toDataURL;
+  }
+});
+Object.defineProperty(exports, "undoableChange", {
+  enumerable: true,
+  get: function () {
+    return _change.undoableChange;
+  }
+});
+Object.defineProperty(exports, "ungroup", {
+  enumerable: true,
+  get: function () {
+    return _group.ungroup;
+  }
+});
+Object.defineProperty(exports, "zorder", {
+  enumerable: true,
+  get: function () {
+    return _zorder.zorder;
+  }
+});
+var _align = _interopRequireDefault(require("./align.js"));
+var _distribute = _interopRequireDefault(require("./distribute.js"));
+var _zorder = require("./zorder.js");
+var _add = _interopRequireDefault(require("./add.js"));
+var _duplicate = _interopRequireDefault(require("./duplicate.js"));
+var _remove = _interopRequireDefault(require("./remove.js"));
+var _listener = require("./listener.js");
+var _fullscreen = _interopRequireDefault(require("./fullscreen.js"));
+var _clipboard = require("./clipboard.js");
+var _toDataUrl = require("./to-data-url.js");
+var _group = require("./group.js");
+var _symmetry = require("./symmetry.js");
+var _change = require("./change.js");
+var _ids = require("./ids.js");
+var _place = _interopRequireDefault(require("./place.js"));
+var _addStart = require("./add-start.js");
+var _pasteStart = require("./paste-start.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/dist/things-scene/api/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_align","_interopRequireDefault","require","_distribute","_zorder","_add","_duplicate","_remove","_listener","_fullscreen","_clipboard","_toDataUrl","_group","_symmetry","_change","_ids","_place","_addStart","_pasteStart","e","__esModule","default"],"sources":["../../../src/things-scene/api/index.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nexport { default as align } from './align.js'\nexport { default as distribute } from './distribute.js'\nexport { move, zorder } from './zorder.js'\nexport { default as add } from './add.js'\nexport { default as duplicate } from './duplicate.js'\nexport { default as remove } from './remove.js'\nexport { on, once, off } from './listener.js'\nexport { default as fullscreen } from './fullscreen.js'\nexport { cut, copy, paste } from './clipboard.js'\nexport { toDataURL } from './to-data-url.js'\nexport { group, ungroup } from './group.js'\nexport { symmetryX, symmetryY } from './symmetry.js'\nexport { change, undoableChange } from './change.js'\nexport { getIds } from './ids.js'\nexport { default as place } from './place.js'\nexport { startAddMode } from './add-start.js'\nexport {\n  startStylePasteMode,\n  stopStylePasteMode,\n  startDatabindPasteMode,\n  stopDatabindPasteMode\n} from './paste-start.js'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,OAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AACA,IAAAW,SAAA,GAAAX,OAAA;AACA,IAAAY,OAAA,GAAAZ,OAAA;AACA,IAAAa,IAAA,GAAAb,OAAA;AACA,IAAAc,MAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,SAAA,GAAAf,OAAA;AACA,IAAAgB,WAAA,GAAAhB,OAAA;AAKyB,SAAAD,uBAAAkB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/dist/things-scene/api/listener.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.off = off;
+exports.on = on;
+exports.once = once;
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+/* this should be root-container */
+
+function on(event, listener, context) {
+  switch (event) {
+    case 'execute':
+    case 'redo':
+    case 'undo':
+    case 'command-reset':
+      this.app?.commander.on(event, listener, context);
+      break;
+    case 'mode':
+      this.app?.on(event, listener, context);
+      break;
+    case 'selected':
+      this.on(event, listener, context);
+      break;
+    default:
+      this.on(event, listener, context);
+  }
+}
+function once(event, listener, context) {
+  switch (event) {
+    case 'execute':
+    case 'redo':
+    case 'undo':
+    case 'command-reset':
+      this.app?.commander.once(event, listener, context);
+      break;
+    case 'mode':
+      this.app.once(event, listener, context);
+      break;
+    case 'selected':
+      this.once(event, listener, context);
+      break;
+    default:
+      this.once(event, listener, context);
+  }
+}
+function off(event, listener, context) {
+  switch (event) {
+    case 'execute':
+    case 'redo':
+    case 'undo':
+    case 'command-reset':
+      this.app?.commander.off(event, listener, context);
+      break;
+    case 'mode':
+      this.app?.off(event, listener, context);
+      break;
+    case 'selected':
+      this.off(event, listener, context);
+      break;
+    default:
+      this.off(event, listener, context);
+  }
+}
+//# sourceMappingURL=listener.js.map

package/dist/things-scene/api/listener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listener.js","names":["on","event","listener","context","app","commander","once","off"],"sources":["../../../src/things-scene/api/listener.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\n/* this should be root-container */\n\nexport function on(event, listener, context) {\n  switch (event) {\n    case 'execute':\n    case 'redo':\n    case 'undo':\n    case 'command-reset':\n      this.app?.commander.on(event, listener, context)\n      break\n\n    case 'mode':\n      this.app?.on(event, listener, context)\n      break\n\n    case 'selected':\n      this.on(event, listener, context)\n      break\n\n    default:\n      this.on(event, listener, context)\n  }\n}\n\nexport function once(event, listener, context) {\n  switch (event) {\n    case 'execute':\n    case 'redo':\n    case 'undo':\n    case 'command-reset':\n      this.app?.commander.once(event, listener, context)\n      break\n\n    case 'mode':\n      this.app.once(event, listener, context)\n      break\n\n    case 'selected':\n      this.once(event, listener, context)\n      break\n\n    default:\n      this.once(event, listener, context)\n  }\n}\n\nexport function off(event, listener, context) {\n  switch (event) {\n    case 'execute':\n    case 'redo':\n    case 'undo':\n    case 'command-reset':\n      this.app?.commander.off(event, listener, context)\n      break\n\n    case 'mode':\n      this.app?.off(event, listener, context)\n      break\n\n    case 'selected':\n      this.off(event, listener, context)\n      break\n\n    default:\n      this.off(event, listener, context)\n  }\n}\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;;AAEA;;AAEO,SAASA,EAAEA,CAACC,KAAK,EAAEC,QAAQ,EAAEC,OAAO,EAAE;EAC3C,QAAQF,KAAK;IACX,KAAK,SAAS;IACd,KAAK,MAAM;IACX,KAAK,MAAM;IACX,KAAK,eAAe;MAClB,IAAI,CAACG,GAAG,EAAEC,SAAS,CAACL,EAAE,CAACC,KAAK,EAAEC,QAAQ,EAAEC,OAAO,CAAC;MAChD;IAEF,KAAK,MAAM;MACT,IAAI,CAACC,GAAG,EAAEJ,EAAE,CAACC,KAAK,EAAEC,QAAQ,EAAEC,OAAO,CAAC;MACtC;IAEF,KAAK,UAAU;MACb,IAAI,CAACH,EAAE,CAACC,KAAK,EAAEC,QAAQ,EAAEC,OAAO,CAAC;MACjC;IAEF;MACE,IAAI,CAACH,EAAE,CAACC,KAAK,EAAEC,QAAQ,EAAEC,OAAO,CAAC;EACrC;AACF;AAEO,SAASG,IAAIA,CAACL,KAAK,EAAEC,QAAQ,EAAEC,OAAO,EAAE;EAC7C,QAAQF,KAAK;IACX,KAAK,SAAS;IACd,KAAK,MAAM;IACX,KAAK,MAAM;IACX,KAAK,eAAe;MAClB,IAAI,CAACG,GAAG,EAAEC,SAAS,CAACC,IAAI,CAACL,KAAK,EAAEC,QAAQ,EAAEC,OAAO,CAAC;MAClD;IAEF,KAAK,MAAM;MACT,IAAI,CAACC,GAAG,CAACE,IAAI,CAACL,KAAK,EAAEC,QAAQ,EAAEC,OAAO,CAAC;MACvC;IAEF,KAAK,UAAU;MACb,IAAI,CAACG,IAAI,CAACL,KAAK,EAAEC,QAAQ,EAAEC,OAAO,CAAC;MACnC;IAEF;MACE,IAAI,CAACG,IAAI,CAACL,KAAK,EAAEC,QAAQ,EAAEC,OAAO,CAAC;EACvC;AACF;AAEO,SAASI,GAAGA,CAACN,KAAK,EAAEC,QAAQ,EAAEC,OAAO,EAAE;EAC5C,QAAQF,KAAK;IACX,KAAK,SAAS;IACd,KAAK,MAAM;IACX,KAAK,MAAM;IACX,KAAK,eAAe;MAClB,IAAI,CAACG,GAAG,EAAEC,SAAS,CAACE,GAAG,CAACN,KAAK,EAAEC,QAAQ,EAAEC,OAAO,CAAC;MACjD;IAEF,KAAK,MAAM;MACT,IAAI,CAACC,GAAG,EAAEG,GAAG,CAACN,KAAK,EAAEC,QAAQ,EAAEC,OAAO,CAAC;MACvC;IAEF,KAAK,UAAU;MACb,IAAI,CAACI,GAAG,CAACN,KAAK,EAAEC,QAAQ,EAAEC,OAAO,CAAC;MAClC;IAEF;MACE,IAAI,CAACI,GAAG,CAACN,KAAK,EAAEC,QAAQ,EAAEC,OAAO,CAAC;EACtC;AACF","ignoreList":[]}

package/dist/things-scene/api/paste-start.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.startDatabindPasteMode = startDatabindPasteMode;
+exports.startStylePasteMode = startStylePasteMode;
+exports.stopDatabindPasteMode = stopDatabindPasteMode;
+exports.stopStylePasteMode = stopStylePasteMode;
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+/* this should be root-container */
+function startStylePasteMode() {
+  this.trigger('stylepastestart');
+}
+function stopStylePasteMode() {
+  this.trigger('stylepastestop');
+}
+function startDatabindPasteMode() {
+  this.trigger('databindpastestart');
+}
+function stopDatabindPasteMode() {
+  this.trigger('databindpastestop');
+}
+//# sourceMappingURL=paste-start.js.map

package/dist/things-scene/api/paste-start.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paste-start.js","names":["startStylePasteMode","trigger","stopStylePasteMode","startDatabindPasteMode","stopDatabindPasteMode"],"sources":["../../../src/things-scene/api/paste-start.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\n/* this should be root-container */\nexport function startStylePasteMode() {\n  this.trigger('stylepastestart')\n}\n\nexport function stopStylePasteMode() {\n  this.trigger('stylepastestop')\n}\n\nexport function startDatabindPasteMode() {\n  this.trigger('databindpastestart')\n}\n\nexport function stopDatabindPasteMode() {\n  this.trigger('databindpastestop')\n}\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;;AAEA;AACO,SAASA,mBAAmBA,CAAA,EAAG;EACpC,IAAI,CAACC,OAAO,CAAC,iBAAiB,CAAC;AACjC;AAEO,SAASC,kBAAkBA,CAAA,EAAG;EACnC,IAAI,CAACD,OAAO,CAAC,gBAAgB,CAAC;AAChC;AAEO,SAASE,sBAAsBA,CAAA,EAAG;EACvC,IAAI,CAACF,OAAO,CAAC,oBAAoB,CAAC;AACpC;AAEO,SAASG,qBAAqBA,CAAA,EAAG;EACtC,IAAI,CAACH,OAAO,CAAC,mBAAmB,CAAC;AACnC","ignoreList":[]}

package/dist/things-scene/api/place.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = place;
+var _commandChange = _interopRequireDefault(require("../../command/command-change.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+const LEFT = 'left';
+const RIGHT = 'right';
+const CENTER = 'center';
+const TOP = 'top';
+const BOTTOM = 'bottom';
+const MIDDLE = 'middle';
+const ALIGN_COMMANDS = [LEFT, RIGHT, CENTER, TOP, MIDDLE, BOTTOM];
+function _place(type, selected) {
+  const parent = selected[0].parent;
+  const {
+    width,
+    height
+  } = parent.bounds;
+  switch (type) {
+    case LEFT:
+      for (let i = 0; i < selected.length; i++) {
+        let bounds = selected[i].bounds;
+        selected[i].bounds = {
+          ...bounds,
+          left: 0
+        };
+      }
+      break;
+    case CENTER:
+      for (let i = 0; i < selected.length; i++) {
+        let bounds = selected[i].bounds;
+        selected[i].bounds = {
+          ...bounds,
+          left: width / 2 - bounds.width / 2
+        };
+      }
+      break;
+    case RIGHT:
+      for (let i = 0; i < selected.length; i++) {
+        let bounds = selected[i].bounds;
+        selected[i].bounds = {
+          ...bounds,
+          left: width - bounds.width
+        };
+      }
+      break;
+    case TOP:
+      for (let i = 0; i < selected.length; i++) {
+        let bounds = selected[i].bounds;
+        selected[i].bounds = {
+          ...bounds,
+          top: 0
+        };
+      }
+      break;
+    case MIDDLE:
+      for (let i = 0; i < selected.length; i++) {
+        let bounds = selected[i].bounds;
+        selected[i].bounds = {
+          ...bounds,
+          top: height / 2 - bounds.height / 2
+        };
+      }
+      break;
+    case BOTTOM:
+      for (let i = 0; i < selected.length; i++) {
+        let bounds = selected[i].bounds;
+        selected[i].bounds = {
+          ...bounds,
+          top: height - bounds.height
+        };
+      }
+      break;
+    default:
+      return;
+  }
+}
+
+/* this should be root-container */
+function place(type) {
+  if (!this.hasSameParentForAllSelected || ALIGN_COMMANDS.indexOf(type) == -1) {
+    return;
+  }
+  var selected = this.selected.filter(c => !c.stuck);
+  var commander = this.app.commander;
+  _commandChange.default.around(commander, function () {
+    // 선택된 컴포넌트들을 움직인다.
+    _place(type, selected);
+  });
+}
+//# sourceMappingURL=place.js.map