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

package/dist/model/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "compile", {
+  enumerable: true,
+  get: function () {
+    return _compile.default;
+  }
+});
+Object.defineProperty(exports, "duplicate", {
+  enumerable: true,
+  get: function () {
+    return _duplicate.default;
+  }
+});
+Object.defineProperty(exports, "match", {
+  enumerable: true,
+  get: function () {
+    return _selector.match;
+  }
+});
+Object.defineProperty(exports, "select", {
+  enumerable: true,
+  get: function () {
+    return _selector.select;
+  }
+});
+var _compile = _interopRequireDefault(require("./compile.js"));
+var _duplicate = _interopRequireDefault(require("./duplicate.js"));
+var _selector = require("./selector.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/dist/model/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_compile","_interopRequireDefault","require","_duplicate","_selector","e","__esModule","default"],"sources":["../../src/model/index.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nexport { default as compile } from './compile.js'\nexport { default as duplicate } from './duplicate.js'\nexport { select, match } from './selector.js'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAA6C,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/dist/model/selector.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.match = match;
+exports.select = select;
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+function match_by_id(selector, component, listener, root) {
+  return selector.substr(1) == component.get('id');
+}
+function match_by_class(selector, component, listener, root) {
+  var str_class = component.get('class');
+  if (!str_class) return false;
+  var classes = str_class.split(' ') || [];
+  return classes.indexOf(selector.substr(1)) >= 0;
+}
+function match_by_special(selector, component, listener, root) {
+  switch (selector) {
+    case '(all)':
+      return true;
+    case '(self)':
+      return root === component;
+    case '(root)':
+      return !root.parent && root === component;
+    case '(descendant)':
+      return root !== component;
+    case '(child)':
+      return root === component.parent;
+    default:
+      return false;
+  }
+}
+function match_by_type(selector, component, listener, root) {
+  return selector == component.get('type');
+}
+
+// match의 self는 root 이다.
+function match(selector, component, listener, root) {
+  if (selector == '(all)') return true;
+  switch (selector.charAt(0)) {
+    case '#':
+      return match_by_id(selector, component, listener, root);
+    case '.':
+      return match_by_class(selector, component, listener, root);
+    case '(':
+      return match_by_special(selector, component, listener, root);
+    default:
+      return match_by_type(selector, component, listener, root);
+  }
+}
+function select_recurse(matcher, selector, component, self, root, result) {
+  if (matcher(selector, component, self, root)) result.push(component);
+  component.components && component.components.forEach(child => {
+    select_recurse(matcher, selector, child, self, root, result);
+  });
+  return result;
+}
+function match_by_special_for_select(selector, component, self, root) {
+  switch (selector) {
+    case '(all)':
+      return true;
+    // TODO descendant를 구현하시오. (self의 자손들)
+    // case '(descendant)' :
+    //   return root !== component
+    case '(parent)':
+      return self && self.parent === component;
+    case '(child)':
+    case '(children)':
+      return self && self === component.parent;
+    case '(sibling)':
+    case '(siblings)':
+      return self && self.parent === component.parent && self !== component;
+    default:
+      return false;
+  }
+}
+
+// select의 self는 self 이다.
+function select(selector, component, self) {
+  if (selector == '(root)') return [component];
+  if (selector == '(self)') return self ? [self] : [];
+  var matcher;
+  switch (selector.charAt(0)) {
+    case '#':
+      let selected = component.root.findAllById(selector.substr(1));
+      if (selected) return selected;else return [];
+      break;
+    case '.':
+      matcher = match_by_class;
+      break;
+    case '(':
+      matcher = match_by_special_for_select;
+      break;
+    default:
+      matcher = match_by_type;
+      break;
+  }
+  return select_recurse(matcher, selector, component, self, component, []);
+}
+//# sourceMappingURL=selector.js.map

package/dist/model/selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selector.js","names":["match_by_id","selector","component","listener","root","substr","get","match_by_class","str_class","classes","split","indexOf","match_by_special","parent","match_by_type","match","charAt","select_recurse","matcher","self","result","push","components","forEach","child","match_by_special_for_select","select","selected","findAllById"],"sources":["../../src/model/selector.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nfunction match_by_id(selector, component, listener, root) {\n  return selector.substr(1) == component.get('id')\n}\n\nfunction match_by_class(selector, component, listener, root) {\n  var str_class = component.get('class')\n  if (!str_class) return false\n\n  var classes = str_class.split(' ') || []\n\n  return classes.indexOf(selector.substr(1)) >= 0\n}\n\nfunction match_by_special(selector, component, listener, root) {\n  switch (selector) {\n    case '(all)':\n      return true\n    case '(self)':\n      return root === component\n    case '(root)':\n      return !root.parent && root === component\n    case '(descendant)':\n      return root !== component\n    case '(child)':\n      return root === component.parent\n    default:\n      return false\n  }\n}\n\nfunction match_by_type(selector, component, listener, root) {\n  return selector == component.get('type')\n}\n\n// match의 self는 root 이다.\nexport function match(selector, component, listener, root) {\n  if (selector == '(all)') return true\n\n  switch (selector.charAt(0)) {\n    case '#':\n      return match_by_id(selector, component, listener, root)\n    case '.':\n      return match_by_class(selector, component, listener, root)\n    case '(':\n      return match_by_special(selector, component, listener, root)\n    default:\n      return match_by_type(selector, component, listener, root)\n  }\n}\n\nfunction select_recurse(matcher, selector, component, self, root, result) {\n  if (matcher(selector, component, self, root)) result.push(component)\n\n  component.components &&\n    component.components.forEach(child => {\n      select_recurse(matcher, selector, child, self, root, result)\n    })\n\n  return result\n}\n\nfunction match_by_special_for_select(selector, component, self, root) {\n  switch (selector) {\n    case '(all)':\n      return true\n    // TODO descendant를 구현하시오. (self의 자손들)\n    // case '(descendant)' :\n    //   return root !== component\n    case '(parent)':\n      return self && self.parent === component\n    case '(child)':\n    case '(children)':\n      return self && self === component.parent\n    case '(sibling)':\n    case '(siblings)':\n      return self && self.parent === component.parent && self !== component\n    default:\n      return false\n  }\n}\n\n// select의 self는 self 이다.\nexport function select(selector, component, self) {\n  if (selector == '(root)') return [component]\n  if (selector == '(self)') return self ? [self] : []\n\n  var matcher\n  switch (selector.charAt(0)) {\n    case '#':\n      let selected = component.root.findAllById(selector.substr(1))\n      if (selected) return selected\n      else return []\n      break\n    case '.':\n      matcher = match_by_class\n      break\n    case '(':\n      matcher = match_by_special_for_select\n      break\n    default:\n      matcher = match_by_type\n      break\n  }\n\n  return select_recurse(matcher, selector, component, self, component, [])\n}\n"],"mappings":";;;;;;;AAAA;AACA;AACA;;AAEA,SAASA,WAAWA,CAACC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,IAAI,EAAE;EACxD,OAAOH,QAAQ,CAACI,MAAM,CAAC,CAAC,CAAC,IAAIH,SAAS,CAACI,GAAG,CAAC,IAAI,CAAC;AAClD;AAEA,SAASC,cAAcA,CAACN,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,IAAI,EAAE;EAC3D,IAAII,SAAS,GAAGN,SAAS,CAACI,GAAG,CAAC,OAAO,CAAC;EACtC,IAAI,CAACE,SAAS,EAAE,OAAO,KAAK;EAE5B,IAAIC,OAAO,GAAGD,SAAS,CAACE,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE;EAExC,OAAOD,OAAO,CAACE,OAAO,CAACV,QAAQ,CAACI,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACjD;AAEA,SAASO,gBAAgBA,CAACX,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,IAAI,EAAE;EAC7D,QAAQH,QAAQ;IACd,KAAK,OAAO;MACV,OAAO,IAAI;IACb,KAAK,QAAQ;MACX,OAAOG,IAAI,KAAKF,SAAS;IAC3B,KAAK,QAAQ;MACX,OAAO,CAACE,IAAI,CAACS,MAAM,IAAIT,IAAI,KAAKF,SAAS;IAC3C,KAAK,cAAc;MACjB,OAAOE,IAAI,KAAKF,SAAS;IAC3B,KAAK,SAAS;MACZ,OAAOE,IAAI,KAAKF,SAAS,CAACW,MAAM;IAClC;MACE,OAAO,KAAK;EAChB;AACF;AAEA,SAASC,aAAaA,CAACb,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,IAAI,EAAE;EAC1D,OAAOH,QAAQ,IAAIC,SAAS,CAACI,GAAG,CAAC,MAAM,CAAC;AAC1C;;AAEA;AACO,SAASS,KAAKA,CAACd,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,IAAI,EAAE;EACzD,IAAIH,QAAQ,IAAI,OAAO,EAAE,OAAO,IAAI;EAEpC,QAAQA,QAAQ,CAACe,MAAM,CAAC,CAAC,CAAC;IACxB,KAAK,GAAG;MACN,OAAOhB,WAAW,CAACC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,IAAI,CAAC;IACzD,KAAK,GAAG;MACN,OAAOG,cAAc,CAACN,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,IAAI,CAAC;IAC5D,KAAK,GAAG;MACN,OAAOQ,gBAAgB,CAACX,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,IAAI,CAAC;IAC9D;MACE,OAAOU,aAAa,CAACb,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,IAAI,CAAC;EAC7D;AACF;AAEA,SAASa,cAAcA,CAACC,OAAO,EAAEjB,QAAQ,EAAEC,SAAS,EAAEiB,IAAI,EAAEf,IAAI,EAAEgB,MAAM,EAAE;EACxE,IAAIF,OAAO,CAACjB,QAAQ,EAAEC,SAAS,EAAEiB,IAAI,EAAEf,IAAI,CAAC,EAAEgB,MAAM,CAACC,IAAI,CAACnB,SAAS,CAAC;EAEpEA,SAAS,CAACoB,UAAU,IAClBpB,SAAS,CAACoB,UAAU,CAACC,OAAO,CAACC,KAAK,IAAI;IACpCP,cAAc,CAACC,OAAO,EAAEjB,QAAQ,EAAEuB,KAAK,EAAEL,IAAI,EAAEf,IAAI,EAAEgB,MAAM,CAAC;EAC9D,CAAC,CAAC;EAEJ,OAAOA,MAAM;AACf;AAEA,SAASK,2BAA2BA,CAACxB,QAAQ,EAAEC,SAAS,EAAEiB,IAAI,EAAEf,IAAI,EAAE;EACpE,QAAQH,QAAQ;IACd,KAAK,OAAO;MACV,OAAO,IAAI;IACb;IACA;IACA;IACA,KAAK,UAAU;MACb,OAAOkB,IAAI,IAAIA,IAAI,CAACN,MAAM,KAAKX,SAAS;IAC1C,KAAK,SAAS;IACd,KAAK,YAAY;MACf,OAAOiB,IAAI,IAAIA,IAAI,KAAKjB,SAAS,CAACW,MAAM;IAC1C,KAAK,WAAW;IAChB,KAAK,YAAY;MACf,OAAOM,IAAI,IAAIA,IAAI,CAACN,MAAM,KAAKX,SAAS,CAACW,MAAM,IAAIM,IAAI,KAAKjB,SAAS;IACvE;MACE,OAAO,KAAK;EAChB;AACF;;AAEA;AACO,SAASwB,MAAMA,CAACzB,QAAQ,EAAEC,SAAS,EAAEiB,IAAI,EAAE;EAChD,IAAIlB,QAAQ,IAAI,QAAQ,EAAE,OAAO,CAACC,SAAS,CAAC;EAC5C,IAAID,QAAQ,IAAI,QAAQ,EAAE,OAAOkB,IAAI,GAAG,CAACA,IAAI,CAAC,GAAG,EAAE;EAEnD,IAAID,OAAO;EACX,QAAQjB,QAAQ,CAACe,MAAM,CAAC,CAAC,CAAC;IACxB,KAAK,GAAG;MACN,IAAIW,QAAQ,GAAGzB,SAAS,CAACE,IAAI,CAACwB,WAAW,CAAC3B,QAAQ,CAACI,MAAM,CAAC,CAAC,CAAC,CAAC;MAC7D,IAAIsB,QAAQ,EAAE,OAAOA,QAAQ,MACxB,OAAO,EAAE;MACd;IACF,KAAK,GAAG;MACNT,OAAO,GAAGX,cAAc;MACxB;IACF,KAAK,GAAG;MACNW,OAAO,GAAGO,2BAA2B;MACrC;IACF;MACEP,OAAO,GAAGJ,aAAa;MACvB;EACJ;EAEA,OAAOG,cAAc,CAACC,OAAO,EAAEjB,QAAQ,EAAEC,SAAS,EAAEiB,IAAI,EAAEjB,SAAS,EAAE,EAAE,CAAC;AAC1E","ignoreList":[]}

package/dist/style/compile.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = compile;
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+function compile(style) {
+  return style;
+}
+//# sourceMappingURL=compile.js.map

package/dist/style/compile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compile.js","names":["compile","style"],"sources":["../../src/style/compile.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nexport default function compile(style) {\n  return style\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEe,SAASA,OAAOA,CAACC,KAAK,EAAE;EACrC,OAAOA,KAAK;AACd","ignoreList":[]}

package/dist/style/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "compile", {
+  enumerable: true,
+  get: function () {
+    return _compile.default;
+  }
+});
+var _compile = _interopRequireDefault(require("./compile.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/dist/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_compile","_interopRequireDefault","require","e","__esModule","default"],"sources":["../../src/style/index.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nexport { default as compile } from './compile.js'\n"],"mappings":";;;;;;;;;;;AAIA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAiD,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.startAddMode = startAddMode;
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+/* this should be root-container */
+function startAddMode(models) {
+  if (!(models instanceof Array)) {
+    models = [models];
+  }
+  this.trigger('addstart', models);
+}
+//# sourceMappingURL=add-start.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"add-start.js","names":["startAddMode","models","Array","trigger"],"sources":["../../../src/things-scene/api/add-start.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\n/* this should be root-container */\nexport function startAddMode(models) {\n  if (!(models instanceof Array)) {\n    models = [models]\n  }\n\n  this.trigger('addstart', models)\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEA;AACO,SAASA,YAAYA,CAACC,MAAM,EAAE;EACnC,IAAI,EAAEA,MAAM,YAAYC,KAAK,CAAC,EAAE;IAC9BD,MAAM,GAAG,CAACA,MAAM,CAAC;EACnB;EAEA,IAAI,CAACE,OAAO,CAAC,UAAU,EAAEF,MAAM,CAAC;AAClC","ignoreList":[]}

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

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = add;
+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 add(models, boundsOrOffset, onto) {
+  if (!(models instanceof Array)) models = [models];
+  if (!onto) onto = this.model_layer;
+  var changes = [];
+  var replaceRefidMap = new Map();
+  this.selected = models.map(model => {
+    try {
+      return Model.compile(model, onto.app, refid => {
+        const newRef = this.getNewRefid();
+        if (typeof refid !== 'undefined') {
+          replaceRefidMap.set(refid, newRef);
+        }
+        return newRef;
+      }, id => (this.indexMap[id] || [])[0]);
+    } catch (e) {
+      console.warn(e);
+      return false;
+    }
+  }).filter(Boolean).map(component => {
+    let {
+      left,
+      top,
+      width,
+      height,
+      x,
+      y,
+      cx,
+      cy
+    } = boundsOrOffset;
+    component.replaceRefids(replaceRefidMap);
+    if (!isNaN(left) && !isNaN(top) && !isNaN(width) && !isNaN(height)) component.bounds = {
+      left,
+      top,
+      width,
+      height
+    };
+    if (!isNaN(x) && !isNaN(y)) component.move({
+      x,
+      y
+    }, false /* relatively - leave relations among components */);
+    if (!isNaN(cx) && !isNaN(cy)) component.center = {
+      x: cx,
+      y: cy
+    };
+    changes.push({
+      component: component,
+      to_container: onto
+    });
+    return component;
+  });
+  this.app.commander.execute(new _commandMigrate.default({
+    changes
+  }));
+}
+//# sourceMappingURL=add.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"add.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","add","models","boundsOrOffset","onto","Array","model_layer","changes","replaceRefidMap","Map","selected","map","model","compile","app","refid","newRef","getNewRefid","id","indexMap","console","warn","filter","Boolean","component","left","top","width","height","x","y","cx","cy","replaceRefids","isNaN","bounds","move","center","push","to_container","commander","execute","CommandMigrate"],"sources":["../../../src/things-scene/api/add.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 add(models, boundsOrOffset, onto) {\n  if (!(models instanceof Array)) models = [models]\n\n  if (!onto) onto = this.model_layer\n\n  var changes = []\n\n  var replaceRefidMap = new Map()\n\n  this.selected = models\n    .map(model => {\n      try {\n        return Model.compile(\n          model,\n          onto.app,\n          refid => {\n            const newRef = this.getNewRefid()\n            if (typeof refid !== 'undefined') {\n              replaceRefidMap.set(refid, newRef)\n            }\n            return newRef\n          },\n          id => (this.indexMap[id] || [])[0]\n        )\n      } catch (e) {\n        console.warn(e)\n        return false\n      }\n    })\n    .filter(Boolean)\n    .map(component => {\n      let { left, top, width, height, x, y, cx, cy } = boundsOrOffset\n\n      component.replaceRefids(replaceRefidMap)\n\n      if (!isNaN(left) && !isNaN(top) && !isNaN(width) && !isNaN(height))\n        component.bounds = { left, top, width, height }\n\n      if (!isNaN(x) && !isNaN(y)) component.move({ x, y }, false /* relatively - leave relations among components */)\n\n      if (!isNaN(cx) && !isNaN(cy)) component.center = { x: cx, y: cy }\n\n      changes.push({\n        component: component,\n        to_container: onto\n      })\n\n      return component\n    })\n\n  this.app.commander.execute(new CommandMigrate({ changes }))\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = align;
+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 _align(type, selected) {
+  var total_bounds = JSON.parse(JSON.stringify(selected[0].bounds));
+  var right = total_bounds.left + total_bounds.width;
+  var bottom = total_bounds.top + total_bounds.height;
+  for (let i = 0; i < selected.length; i++) {
+    let bounds = selected[i].bounds;
+    total_bounds.left = bounds.left > total_bounds.left ? total_bounds.left : bounds.left;
+    total_bounds.top = bounds.top > total_bounds.top ? total_bounds.top : bounds.top;
+    right = bounds.left + bounds.width > right ? bounds.left + bounds.width : right;
+    bottom = bounds.top + bounds.height > bottom ? bounds.top + bounds.height : bottom;
+  }
+  total_bounds.width = right - total_bounds.left;
+  total_bounds.height = bottom - total_bounds.top;
+  switch (type) {
+    case LEFT:
+      for (let i = 0; i < selected.length; i++) {
+        let bounds = selected[i].bounds;
+        selected[i].bounds = {
+          left: total_bounds.left,
+          top: bounds.top,
+          width: bounds.width,
+          height: bounds.height
+        };
+      }
+      break;
+    case CENTER:
+      for (let i = 0; i < selected.length; i++) {
+        let bounds = selected[i].bounds;
+        selected[i].bounds = {
+          left: total_bounds.left + total_bounds.width / 2 - bounds.width / 2,
+          top: bounds.top,
+          width: bounds.width,
+          height: bounds.height
+        };
+      }
+      break;
+    case RIGHT:
+      for (let i = 0; i < selected.length; i++) {
+        let bounds = selected[i].bounds;
+        selected[i].bounds = {
+          left: right - bounds.width,
+          top: bounds.top,
+          width: bounds.width,
+          height: bounds.height
+        };
+      }
+      break;
+    case TOP:
+      for (let i = 0; i < selected.length; i++) {
+        let bounds = selected[i].bounds;
+        selected[i].bounds = {
+          left: bounds.left,
+          top: total_bounds.top,
+          width: bounds.width,
+          height: bounds.height
+        };
+      }
+      break;
+    case MIDDLE:
+      for (let i = 0; i < selected.length; i++) {
+        let bounds = selected[i].bounds;
+        selected[i].bounds = {
+          left: bounds.left,
+          top: total_bounds.top + total_bounds.height / 2 - bounds.height / 2,
+          width: bounds.width,
+          height: bounds.height
+        };
+      }
+      break;
+    case BOTTOM:
+      for (let i = 0; i < selected.length; i++) {
+        let bounds = selected[i].bounds;
+        selected[i].bounds = {
+          left: bounds.left,
+          top: bottom - bounds.height,
+          width: bounds.width,
+          height: bounds.height
+        };
+      }
+      break;
+    default:
+      return;
+  }
+}
+
+/* this should be root-container */
+function align(type) {
+  if (!this.hasSameParentForAllSelected || ALIGN_COMMANDS.indexOf(type) == -1) return;
+  var selected = this.selected.filter(c => !c.stuck);
+  if (selected.length <= 1) return;
+  var commander = this.app.commander;
+  _commandChange.default.around(commander, function () {
+    // 선택된 컴포넌트들을 움직인다.
+    _align(type, selected);
+  });
+}
+//# sourceMappingURL=align.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"align.js","names":["_commandChange","_interopRequireDefault","require","e","__esModule","default","LEFT","RIGHT","CENTER","TOP","BOTTOM","MIDDLE","ALIGN_COMMANDS","_align","type","selected","total_bounds","JSON","parse","stringify","bounds","right","left","width","bottom","top","height","i","length","align","hasSameParentForAllSelected","indexOf","filter","c","stuck","commander","app","CommandChange","around"],"sources":["../../../src/things-scene/api/align.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport CommandChange from '../../command/command-change.js'\n\nconst LEFT = 'left'\nconst RIGHT = 'right'\nconst CENTER = 'center'\nconst TOP = 'top'\nconst BOTTOM = 'bottom'\nconst MIDDLE = 'middle'\n\nconst ALIGN_COMMANDS = [LEFT, RIGHT, CENTER, TOP, MIDDLE, BOTTOM]\n\nfunction _align(type, selected) {\n  var total_bounds = JSON.parse(JSON.stringify(selected[0].bounds))\n  var right = total_bounds.left + total_bounds.width\n  var bottom = total_bounds.top + total_bounds.height\n\n  for (let i = 0; i < selected.length; i++) {\n    let bounds = selected[i].bounds\n\n    total_bounds.left = bounds.left > total_bounds.left ? total_bounds.left : bounds.left\n    total_bounds.top = bounds.top > total_bounds.top ? total_bounds.top : bounds.top\n\n    right = bounds.left + bounds.width > right ? bounds.left + bounds.width : right\n    bottom = bounds.top + bounds.height > bottom ? bounds.top + bounds.height : bottom\n  }\n\n  total_bounds.width = right - total_bounds.left\n  total_bounds.height = bottom - total_bounds.top\n\n  switch (type) {\n    case LEFT:\n      for (let i = 0; i < selected.length; i++) {\n        let bounds = selected[i].bounds\n        selected[i].bounds = {\n          left: total_bounds.left,\n          top: bounds.top,\n          width: bounds.width,\n          height: bounds.height\n        }\n      }\n\n      break\n    case CENTER:\n      for (let i = 0; i < selected.length; i++) {\n        let bounds = selected[i].bounds\n        selected[i].bounds = {\n          left: total_bounds.left + total_bounds.width / 2 - bounds.width / 2,\n          top: bounds.top,\n          width: bounds.width,\n          height: bounds.height\n        }\n      }\n      break\n    case RIGHT:\n      for (let i = 0; i < selected.length; i++) {\n        let bounds = selected[i].bounds\n        selected[i].bounds = {\n          left: right - bounds.width,\n          top: bounds.top,\n          width: bounds.width,\n          height: bounds.height\n        }\n      }\n      break\n    case TOP:\n      for (let i = 0; i < selected.length; i++) {\n        let bounds = selected[i].bounds\n        selected[i].bounds = {\n          left: bounds.left,\n          top: total_bounds.top,\n          width: bounds.width,\n          height: bounds.height\n        }\n      }\n      break\n    case MIDDLE:\n      for (let i = 0; i < selected.length; i++) {\n        let bounds = selected[i].bounds\n        selected[i].bounds = {\n          left: bounds.left,\n          top: total_bounds.top + total_bounds.height / 2 - bounds.height / 2,\n          width: bounds.width,\n          height: bounds.height\n        }\n      }\n      break\n    case BOTTOM:\n      for (let i = 0; i < selected.length; i++) {\n        let bounds = selected[i].bounds\n        selected[i].bounds = {\n          left: bounds.left,\n          top: bottom - bounds.height,\n          width: bounds.width,\n          height: bounds.height\n        }\n      }\n      break\n\n    default:\n      return\n  }\n}\n\n/* this should be root-container */\nexport default function align(type) {\n  if (!this.hasSameParentForAllSelected || ALIGN_COMMANDS.indexOf(type) == -1) return\n\n  var selected = this.selected.filter(c => !c.stuck)\n  if (selected.length <= 1) return\n\n  var commander = this.app.commander\n\n  CommandChange.around(commander, function () {\n    // 선택된 컴포넌트들을 움직인다.\n    _align(type, selected)\n  })\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/things-scene/api/center-to.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.centerTo = centerTo;
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+/* this should be root-container */
+function centerTo(component) {
+  // 1. canvas의 center 좌표를 rootModel의 좌표로 변환한다.
+  const canvas = component.rootModel.canvas;
+  const cw = canvas.clientWidth;
+  const ch = canvas.clientHeight;
+  const cc = component.rootModel.transcoordC2S(cw / 2, ch / 2);
+
+  // 2. rootModel로부터 component의 center좌표를 구한다.
+  const {
+    x,
+    y
+  } = component.center;
+  const {
+    x: px,
+    y: py
+  } = component.transcoordP2S(x, y);
+  const {
+    x: cx,
+    y: cy
+  } = component.transcoordS2T(px, py);
+
+  // 3. rootModel의 현재 translate를 구한다.
+  const {
+    x: tx,
+    y: ty
+  } = component.rootModel.get('translate');
+  const {
+    x: sx,
+    y: sy
+  } = component.rootModel.get('scale');
+  ty + (cc.y - cy) * sy;
+  component.rootModel.set({
+    translate: {
+      x: tx + (cc.x - cx) * sx,
+      y: ty + (cc.y - cy) * sy
+    }
+  });
+}
+//# sourceMappingURL=center-to.js.map

package/dist/things-scene/api/center-to.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"center-to.js","names":["centerTo","component","canvas","rootModel","cw","clientWidth","ch","clientHeight","cc","transcoordC2S","x","y","center","px","py","transcoordP2S","cx","cy","transcoordS2T","tx","ty","get","sx","sy","set","translate"],"sources":["../../../src/things-scene/api/center-to.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\n/* this should be root-container */\nexport function centerTo(component) {\n  // 1. canvas의 center 좌표를 rootModel의 좌표로 변환한다.\n  const canvas = component.rootModel.canvas\n  const cw = canvas.clientWidth\n  const ch = canvas.clientHeight\n\n  const cc = component.rootModel.transcoordC2S(cw / 2, ch / 2)\n\n  // 2. rootModel로부터 component의 center좌표를 구한다.\n  const { x, y } = component.center\n  const { x: px, y: py } = component.transcoordP2S(x, y)\n  const { x: cx, y: cy } = component.transcoordS2T(px, py)\n\n  // 3. rootModel의 현재 translate를 구한다.\n  const { x: tx, y: ty } = component.rootModel.get('translate')\n  const { x: sx, y: sy } = component.rootModel.get('scale')\n\n  ty + (cc.y - cy) * sy\n\n  component.rootModel.set({\n    translate: {\n      x: tx + (cc.x - cx) * sx,\n      y: ty + (cc.y - cy) * sy\n    }\n  })\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEA;AACO,SAASA,QAAQA,CAACC,SAAS,EAAE;EAClC;EACA,MAAMC,MAAM,GAAGD,SAAS,CAACE,SAAS,CAACD,MAAM;EACzC,MAAME,EAAE,GAAGF,MAAM,CAACG,WAAW;EAC7B,MAAMC,EAAE,GAAGJ,MAAM,CAACK,YAAY;EAE9B,MAAMC,EAAE,GAAGP,SAAS,CAACE,SAAS,CAACM,aAAa,CAACL,EAAE,GAAG,CAAC,EAAEE,EAAE,GAAG,CAAC,CAAC;;EAE5D;EACA,MAAM;IAAEI,CAAC;IAAEC;EAAE,CAAC,GAAGV,SAAS,CAACW,MAAM;EACjC,MAAM;IAAEF,CAAC,EAAEG,EAAE;IAAEF,CAAC,EAAEG;EAAG,CAAC,GAAGb,SAAS,CAACc,aAAa,CAACL,CAAC,EAAEC,CAAC,CAAC;EACtD,MAAM;IAAED,CAAC,EAAEM,EAAE;IAAEL,CAAC,EAAEM;EAAG,CAAC,GAAGhB,SAAS,CAACiB,aAAa,CAACL,EAAE,EAAEC,EAAE,CAAC;;EAExD;EACA,MAAM;IAAEJ,CAAC,EAAES,EAAE;IAAER,CAAC,EAAES;EAAG,CAAC,GAAGnB,SAAS,CAACE,SAAS,CAACkB,GAAG,CAAC,WAAW,CAAC;EAC7D,MAAM;IAAEX,CAAC,EAAEY,EAAE;IAAEX,CAAC,EAAEY;EAAG,CAAC,GAAGtB,SAAS,CAACE,SAAS,CAACkB,GAAG,CAAC,OAAO,CAAC;EAEzDD,EAAE,GAAG,CAACZ,EAAE,CAACG,CAAC,GAAGM,EAAE,IAAIM,EAAE;EAErBtB,SAAS,CAACE,SAAS,CAACqB,GAAG,CAAC;IACtBC,SAAS,EAAE;MACTf,CAAC,EAAES,EAAE,GAAG,CAACX,EAAE,CAACE,CAAC,GAAGM,EAAE,IAAIM,EAAE;MACxBX,CAAC,EAAES,EAAE,GAAG,CAACZ,EAAE,CAACG,CAAC,GAAGM,EAAE,IAAIM;IACxB;EACF,CAAC,CAAC;AACJ","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.change = change;
+exports.undoableChange = undoableChange;
+var _commandChange = _interopRequireDefault(require("../../command/command-change.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+/* this should be model-layer */
+function change(selector, value, self) {
+  var components = this.findAll(selector, self);
+  components.forEach(component => {
+    component.set(value);
+  });
+  return components;
+}
+
+/* this should be root-container */
+function undoableChange(changeFunc) {
+  _commandChange.default.around(this.app.commander, changeFunc);
+}
+//# sourceMappingURL=change.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"change.js","names":["_commandChange","_interopRequireDefault","require","e","__esModule","default","change","selector","value","self","components","findAll","forEach","component","set","undoableChange","changeFunc","CommandChange","around","app","commander"],"sources":["../../../src/things-scene/api/change.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport CommandChange from '../../command/command-change.js'\n\n/* this should be model-layer */\nexport function change(selector, value, self) {\n  var components = this.findAll(selector, self)\n  components.forEach(component => {\n    component.set(value)\n  })\n\n  return components\n}\n\n/* this should be root-container */\nexport function undoableChange(changeFunc) {\n  CommandChange.around(this.app.commander, changeFunc)\n}\n"],"mappings":";;;;;;;AAIA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA2D,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAJ3D;AACA;AACA;;AAIA;AACO,SAASG,MAAMA,CAACC,QAAQ,EAAEC,KAAK,EAAEC,IAAI,EAAE;EAC5C,IAAIC,UAAU,GAAG,IAAI,CAACC,OAAO,CAACJ,QAAQ,EAAEE,IAAI,CAAC;EAC7CC,UAAU,CAACE,OAAO,CAACC,SAAS,IAAI;IAC9BA,SAAS,CAACC,GAAG,CAACN,KAAK,CAAC;EACtB,CAAC,CAAC;EAEF,OAAOE,UAAU;AACnB;;AAEA;AACO,SAASK,cAAcA,CAACC,UAAU,EAAE;EACzCC,sBAAa,CAACC,MAAM,CAAC,IAAI,CAACC,GAAG,CAACC,SAAS,EAAEJ,UAAU,CAAC;AACtD","ignoreList":[]}

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.copy = copy;
+exports.cut = cut;
+exports.paste = paste;
+var _remove = _interopRequireDefault(require("./remove.js"));
+var _add = _interopRequireDefault(require("./add.js"));
+var _logger = require("../../core/logger.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+var count = 0;
+
+/* this should be root-container */
+function copy() {
+  var selected = this.selected;
+  var copied = selected.filter(component => !component.isRootModel()).map(component => component.hierarchy);
+  if (copied.length == 0) return;
+  count = 0;
+  return JSON.stringify(copied, null, 2);
+}
+function cut() {
+  count = 0;
+  var copied = copy.call(this);
+  _remove.default.call(this);
+  return copied;
+}
+function paste(copied) {
+  if (!copied) return;
+  try {
+    count++;
+    _add.default.call(this, JSON.parse(copied), {
+      x: count * 15,
+      y: count * 15
+    });
+  } catch (e) {
+    (0, _logger.error)(e, copied);
+  }
+}
+//# sourceMappingURL=clipboard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard.js","names":["_remove","_interopRequireDefault","require","_add","_logger","e","__esModule","default","count","copy","selected","copied","filter","component","isRootModel","map","hierarchy","length","JSON","stringify","cut","call","remove","paste","add","parse","x","y","error"],"sources":["../../../src/things-scene/api/clipboard.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport remove from './remove.js'\nimport add from './add.js'\nimport { error } from '../../core/logger.js'\n\nvar count = 0\n\n/* this should be root-container */\nexport function copy() {\n  var selected = this.selected\n\n  var copied = selected.filter(component => !component.isRootModel()).map(component => component.hierarchy)\n\n  if (copied.length == 0) return\n\n  count = 0\n\n  return JSON.stringify(copied, null, 2)\n}\n\nexport function cut() {\n  count = 0\n\n  var copied = copy.call(this)\n  remove.call(this)\n\n  return copied\n}\n\nexport function paste(copied) {\n  if (!copied) return\n\n  try {\n    count++\n    add.call(this, JSON.parse(copied), { x: count * 15, y: count * 15 })\n  } catch (e) {\n    error(e, copied)\n  }\n}\n"],"mappings":";;;;;;;;AAIA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA4C,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAN5C;AACA;AACA;;AAMA,IAAIG,KAAK,GAAG,CAAC;;AAEb;AACO,SAASC,IAAIA,CAAA,EAAG;EACrB,IAAIC,QAAQ,GAAG,IAAI,CAACA,QAAQ;EAE5B,IAAIC,MAAM,GAAGD,QAAQ,CAACE,MAAM,CAACC,SAAS,IAAI,CAACA,SAAS,CAACC,WAAW,CAAC,CAAC,CAAC,CAACC,GAAG,CAACF,SAAS,IAAIA,SAAS,CAACG,SAAS,CAAC;EAEzG,IAAIL,MAAM,CAACM,MAAM,IAAI,CAAC,EAAE;EAExBT,KAAK,GAAG,CAAC;EAET,OAAOU,IAAI,CAACC,SAAS,CAACR,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;AACxC;AAEO,SAASS,GAAGA,CAAA,EAAG;EACpBZ,KAAK,GAAG,CAAC;EAET,IAAIG,MAAM,GAAGF,IAAI,CAACY,IAAI,CAAC,IAAI,CAAC;EAC5BC,eAAM,CAACD,IAAI,CAAC,IAAI,CAAC;EAEjB,OAAOV,MAAM;AACf;AAEO,SAASY,KAAKA,CAACZ,MAAM,EAAE;EAC5B,IAAI,CAACA,MAAM,EAAE;EAEb,IAAI;IACFH,KAAK,EAAE;IACPgB,YAAG,CAACH,IAAI,CAAC,IAAI,EAAEH,IAAI,CAACO,KAAK,CAACd,MAAM,CAAC,EAAE;MAAEe,CAAC,EAAElB,KAAK,GAAG,EAAE;MAAEmB,CAAC,EAAEnB,KAAK,GAAG;IAAG,CAAC,CAAC;EACtE,CAAC,CAAC,OAAOH,CAAC,EAAE;IACV,IAAAuB,aAAK,EAACvB,CAAC,EAAEM,MAAM,CAAC;EAClB;AACF","ignoreList":[]}

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

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = distribute;
+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 VERTICAL = 'VERTICAL';
+const HORIZONTAL = 'HORIZONTAL';
+const DISTRIBUTE_COMMANDS = [VERTICAL, HORIZONTAL];
+function _distribute(type, selected) {
+  var order = selected.filter(c => !c.stuck).slice(0);
+  order.sort(function (a, b) {
+    let ca = a.center;
+    let cb = b.center;
+    return type === VERTICAL ? ca.y - cb.y : ca.x - cb.x;
+  });
+  var length_sum = order.reduce((sum, c) => {
+    return sum + (type === VERTICAL ? c.bounds.height : c.bounds.width);
+  }, 0);
+  var first_bounds = order[0].bounds;
+  var last_bounds = order[order.length - 1].bounds;
+  var bounds_length = type === VERTICAL ? last_bounds.top + last_bounds.height - first_bounds.top : last_bounds.left + last_bounds.width - first_bounds.left;
+  var space = (bounds_length - length_sum) / (order.length - 1);
+  var offset = type === VERTICAL ? first_bounds.top + first_bounds.height : first_bounds.left + first_bounds.width;
+  for (let i = 1; i < order.length - 1; i++) {
+    let component = order[i];
+    let bounds = component.bounds;
+    offset += space;
+    if (type === VERTICAL) {
+      bounds.top = offset;
+      offset += bounds.height;
+    } else {
+      bounds.left = offset;
+      offset += bounds.width;
+    }
+    component.bounds = bounds;
+  }
+}
+
+/* this should be root-container */
+function distribute(type) {
+  if (!this.hasSameParentForAllSelected || DISTRIBUTE_COMMANDS.indexOf(type) == -1) return;
+  var selected = this.selected;
+  if (selected.length <= 1) return;
+  var commander = this.app.commander;
+  _commandChange.default.around(commander, function () {
+    // 선택된 컴포넌트들을 움직인다.
+    _distribute(type, selected);
+  });
+}
+//# sourceMappingURL=distribute.js.map