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

package/dist/command/command-migrate.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _command = _interopRequireDefault(require("./command.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+function calculate_bounds_on_root(component) {
+  if (component.isRootModel()) return component.bounds;
+  var {
+    bounds,
+    rotatePoint
+  } = component;
+  var pointOnTop = rotatePoint;
+  // if(component.parent && !component.parent.isRootModel())
+  // pointOnTop = recursive_transcoordS2P(pointOnTop, component.parent)
+  // TODO 목적상 아래 로직으로 대체 가능할 것이다. 검토하라. (스케일된 컴포넌트에 대해서 이상작동한다.)
+  pointOnTop = component.transcoordS2T(pointOnTop.x, pointOnTop.y);
+  return {
+    left: pointOnTop.x - (rotatePoint.x - bounds.left),
+    top: pointOnTop.y - (rotatePoint.y - bounds.top),
+    width: bounds.width,
+    height: bounds.height
+  };
+}
+function calculate_bounds_on_container(component, container) {
+  if (container.isRootModel()) return component.bounds;
+  var {
+    bounds,
+    rotatePoint
+  } = component;
+  var pointOnContainer = container.transcoordT2S(rotatePoint.x, rotatePoint.y);
+  var container_bounds = container.bounds;
+  return {
+    left: pointOnContainer.x - (rotatePoint.x - bounds.left) - container_bounds.left,
+    top: pointOnContainer.y - (rotatePoint.y - bounds.top) - container_bounds.top,
+    width: bounds.width,
+    height: bounds.height
+  };
+}
+function calculate_rotation_on_root(component) {
+  var rotation = 0;
+  while (component && !component.isRootModel()) {
+    rotation += component.get('rotation') || 0;
+    component = component.parent;
+  }
+  return rotation % (Math.PI * 2);
+}
+function calculate_rotation_on_container(component, container) {
+  var rotation = component.get('rotation') || 0;
+  var container_rotation = calculate_rotation_on_root(container);
+  return (rotation - container_rotation) % (Math.PI * 2);
+}
+
+/*
+ * 컴포넌트가 추가, 삭제되거나 부모컨테이너를 바꿔서 이동하는 경우.
+ * 새로운 그룹을 만들거나, 그룹해제 되는 경우도 포함됨.
+ *
+ * to_container, component, to_index
+ *
+ */
+class CommandMigrate extends _command.default {
+  execute() {
+    var changes = this.params.changes;
+    changes.forEach(change => {
+      let {
+        component,
+        to_container,
+        to_index,
+        to_left,
+        to_top,
+        hint
+      } = change;
+      let bounds = calculate_bounds_on_root(component);
+      let rotation = calculate_rotation_on_root(component);
+
+      /* to_container가 없으면, 완전히 제거함 */
+      component.removeSelf(!to_container);
+      component.bounds = bounds;
+      component.set('rotation', rotation);
+      if (to_container) {
+        component.set('rotation', calculate_rotation_on_container(component, to_container));
+        let bounds = calculate_bounds_on_container(component, to_container);
+        change.to_left = to_left !== undefined ? to_left : bounds.left;
+        change.to_top = to_top !== undefined ? to_top : bounds.top;
+        component.bounds = {
+          left: change.to_left,
+          top: change.to_top,
+          width: bounds.width,
+          height: bounds.height
+        };
+        if (typeof to_index === 'undefined') to_container.addComponent(component);else to_container.insertComponentAt(component, to_index);
+      }
+    });
+  }
+}
+exports.default = CommandMigrate;
+//# sourceMappingURL=command-migrate.js.map

package/dist/command/command-migrate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-migrate.js","names":["_command","_interopRequireDefault","require","e","__esModule","default","calculate_bounds_on_root","component","isRootModel","bounds","rotatePoint","pointOnTop","transcoordS2T","x","y","left","top","width","height","calculate_bounds_on_container","container","pointOnContainer","transcoordT2S","container_bounds","calculate_rotation_on_root","rotation","get","parent","Math","PI","calculate_rotation_on_container","container_rotation","CommandMigrate","Command","execute","changes","params","forEach","change","to_container","to_index","to_left","to_top","hint","removeSelf","set","undefined","addComponent","insertComponentAt","exports"],"sources":["../../src/command/command-migrate.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport Command from './command.js'\n\nfunction calculate_bounds_on_root(component) {\n  if (component.isRootModel()) return component.bounds\n\n  var { bounds, rotatePoint } = component\n\n  var pointOnTop = rotatePoint\n  // if(component.parent && !component.parent.isRootModel())\n  // pointOnTop = recursive_transcoordS2P(pointOnTop, component.parent)\n  // TODO 목적상 아래 로직으로 대체 가능할 것이다. 검토하라. (스케일된 컴포넌트에 대해서 이상작동한다.)\n  pointOnTop = component.transcoordS2T(pointOnTop.x, pointOnTop.y)\n\n  return {\n    left: pointOnTop.x - (rotatePoint.x - bounds.left),\n    top: pointOnTop.y - (rotatePoint.y - bounds.top),\n    width: bounds.width,\n    height: bounds.height\n  }\n}\n\nfunction calculate_bounds_on_container(component, container) {\n  if (container.isRootModel()) return component.bounds\n\n  var { bounds, rotatePoint } = component\n\n  var pointOnContainer = container.transcoordT2S(rotatePoint.x, rotatePoint.y)\n\n  var container_bounds = container.bounds\n\n  return {\n    left: pointOnContainer.x - (rotatePoint.x - bounds.left) - container_bounds.left,\n    top: pointOnContainer.y - (rotatePoint.y - bounds.top) - container_bounds.top,\n    width: bounds.width,\n    height: bounds.height\n  }\n}\n\nfunction calculate_rotation_on_root(component) {\n  var rotation = 0\n\n  while (component && !component.isRootModel()) {\n    rotation += component.get('rotation') || 0\n\n    component = component.parent\n  }\n\n  return rotation % (Math.PI * 2)\n}\n\nfunction calculate_rotation_on_container(component, container) {\n  var rotation = component.get('rotation') || 0\n  var container_rotation = calculate_rotation_on_root(container)\n\n  return (rotation - container_rotation) % (Math.PI * 2)\n}\n\n/*\n * 컴포넌트가 추가, 삭제되거나 부모컨테이너를 바꿔서 이동하는 경우.\n * 새로운 그룹을 만들거나, 그룹해제 되는 경우도 포함됨.\n *\n * to_container, component, to_index\n *\n */\nexport default class CommandMigrate extends Command {\n  execute() {\n    var changes = this.params.changes\n\n    changes.forEach(change => {\n      let { component, to_container, to_index, to_left, to_top, hint } = change\n\n      let bounds = calculate_bounds_on_root(component)\n      let rotation = calculate_rotation_on_root(component)\n\n      /* to_container가 없으면, 완전히 제거함 */\n      component.removeSelf(!to_container)\n\n      component.bounds = bounds\n      component.set('rotation', rotation)\n\n      if (to_container) {\n        component.set('rotation', calculate_rotation_on_container(component, to_container))\n        let bounds = calculate_bounds_on_container(component, to_container)\n\n        change.to_left = to_left !== undefined ? to_left : bounds.left\n        change.to_top = to_top !== undefined ? to_top : bounds.top\n\n        component.bounds = {\n          left: change.to_left,\n          top: change.to_top,\n          width: bounds.width,\n          height: bounds.height\n        }\n\n        if (typeof to_index === 'undefined') to_container.addComponent(component)\n        else to_container.insertComponentAt(component, to_index)\n      }\n    })\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/command/command.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+class Command {
+  constructor(params) {
+    this.params = Object.assign({}, params);
+  }
+  excute() {}
+}
+exports.default = Command;
+//# sourceMappingURL=command.js.map

package/dist/command/command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.js","names":["Command","constructor","params","Object","assign","excute","exports","default"],"sources":["../../src/command/command.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nexport default class Command {\n  constructor(params) {\n    this.params = Object.assign({}, params)\n  }\n\n  excute() {}\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEe,MAAMA,OAAO,CAAC;EAC3BC,WAAWA,CAACC,MAAM,EAAE;IAClB,IAAI,CAACA,MAAM,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEF,MAAM,CAAC;EACzC;EAEAG,MAAMA,CAAA,EAAG,CAAC;AACZ;AAACC,OAAA,CAAAC,OAAA,GAAAP,OAAA","ignoreList":[]}

package/dist/command/snapshot-commander.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var core = _interopRequireWildcard(require("../core/index.js"));
+var _timecapsule = _interopRequireDefault(require("../core/timecapsule.js"));
+var _snapshotTaker = _interopRequireDefault(require("../core/snapshot-taker.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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; }
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+function recovery(state, container) {
+  var scale = container.model_layer.get('scale');
+  var translate = container.model_layer.get('translate');
+  if (state) {
+    let parsed = JSON.parse(state);
+    parsed.scale = scale;
+    parsed.translate = translate;
+    container.rebuildContentModel(parsed);
+  }
+}
+class SnapshotCommander {
+  constructor(container) {
+    this.container = container;
+    this.timecapsule = new _timecapsule.default(20);
+    var self = this;
+    this.snapshot_taker = new _snapshotTaker.default({
+      get state() {
+        let model = self.container.model_layer.hierarchy;
+        return JSON.stringify(model);
+      }
+    }, this.timecapsule);
+    this.snapshot_taker.take(true);
+    this.timecapsule.preserve();
+  }
+  dispose() {
+    this.reset();
+    this.timecapsule && this.timecapsule.dispose();
+    this.snapshot_taker && this.snapshot_taker.dispose();
+    delete this.container;
+    delete this.timecapsule;
+    delete this.snapshot_taker;
+  }
+  preserve() {
+    this.timecapsule.preserve();
+  }
+  hasUnpreservedChanges() {
+    return this.timecapsule.hasUnpreservedChanges();
+  }
+  execute(command, doit) {
+    /* doit 파라미터가 명시적으로 false가 아니면, 실행한다. */
+    if (doit !== false && command) command.execute();
+    this.snapshot_taker.touch();
+    this.trigger('execute', command, /* undoable */true, /* redoable */false);
+  }
+  undo() {
+    if (!this.timecapsule.backwardable) return;
+    recovery(this.timecapsule.backward(), this.container);
+    this.trigger('undo', this.undoable(), this.redoable());
+  }
+  redo() {
+    if (!this.timecapsule.forwardable) return;
+    recovery(this.timecapsule.forward(), this.container);
+    this.trigger('redo', this.undoable(), this.redoable());
+  }
+  undoable() {
+    return this.timecapsule.backwardable;
+  }
+  redoable() {
+    return this.timecapsule.forwardable;
+  }
+  reset() {
+    this.timecapsule && this.timecapsule.reset();
+    this.trigger('command-reset');
+  }
+}
+exports.default = SnapshotCommander;
+core.mixin(SnapshotCommander.prototype, core.event.withEvent);
+//# sourceMappingURL=snapshot-commander.js.map

package/dist/command/snapshot-commander.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapshot-commander.js","names":["core","_interopRequireWildcard","require","_timecapsule","_interopRequireDefault","_snapshotTaker","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","recovery","state","container","scale","model_layer","translate","parsed","JSON","parse","rebuildContentModel","SnapshotCommander","constructor","timecapsule","TimeCapsule","self","snapshot_taker","SnapshotTaker","model","hierarchy","stringify","take","preserve","dispose","reset","hasUnpreservedChanges","execute","command","doit","touch","trigger","undo","backwardable","backward","undoable","redoable","redo","forwardable","forward","exports","mixin","prototype","event","withEvent"],"sources":["../../src/command/snapshot-commander.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as core from '../core/index.js'\nimport TimeCapsule from '../core/timecapsule.js'\nimport SnapshotTaker from '../core/snapshot-taker.js'\n\nfunction recovery(state, container) {\n  var scale = container.model_layer.get('scale')\n  var translate = container.model_layer.get('translate')\n\n  if (state) {\n    let parsed = JSON.parse(state)\n    parsed.scale = scale\n    parsed.translate = translate\n    container.rebuildContentModel(parsed)\n  }\n}\n\nexport default class SnapshotCommander {\n  constructor(container) {\n    this.container = container\n    this.timecapsule = new TimeCapsule(20)\n    var self = this\n    this.snapshot_taker = new SnapshotTaker(\n      {\n        get state() {\n          let model = self.container.model_layer.hierarchy\n          return JSON.stringify(model)\n        }\n      },\n      this.timecapsule\n    )\n\n    this.snapshot_taker.take(true)\n    this.timecapsule.preserve()\n  }\n\n  dispose() {\n    this.reset()\n    this.timecapsule && this.timecapsule.dispose()\n    this.snapshot_taker && this.snapshot_taker.dispose()\n\n    delete this.container\n    delete this.timecapsule\n    delete this.snapshot_taker\n  }\n\n  preserve() {\n    this.timecapsule.preserve()\n  }\n\n  hasUnpreservedChanges() {\n    return this.timecapsule.hasUnpreservedChanges()\n  }\n\n  execute(command, doit) {\n    /* doit 파라미터가 명시적으로 false가 아니면, 실행한다. */\n    if (doit !== false && command) command.execute()\n\n    this.snapshot_taker.touch()\n\n    this.trigger('execute', command, /* undoable */ true, /* redoable */ false)\n  }\n\n  undo() {\n    if (!this.timecapsule.backwardable) return\n\n    recovery(this.timecapsule.backward(), this.container)\n\n    this.trigger('undo', this.undoable(), this.redoable())\n  }\n\n  redo() {\n    if (!this.timecapsule.forwardable) return\n\n    recovery(this.timecapsule.forward(), this.container)\n\n    this.trigger('redo', this.undoable(), this.redoable())\n  }\n\n  undoable() {\n    return this.timecapsule.backwardable\n  }\n\n  redoable() {\n    return this.timecapsule.forwardable\n  }\n\n  reset() {\n    this.timecapsule && this.timecapsule.reset()\n    this.trigger('command-reset')\n  }\n}\n\ncore.mixin(SnapshotCommander.prototype, core.event.withEvent)\n"],"mappings":"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","ignoreList":[]}

package/dist/components/anchor/anchor.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findInOutLines = findInOutLines;
+exports.findInletEnds = findInletEnds;
+exports.findInletLines = findInletLines;
+exports.findOutletEnds = findOutletEnds;
+exports.findOutletLines = findOutletLines;
+/**
+ * Position definition
+ * @typedef {Object} Position
+ * @property {number} x - x position
+ * @property {number} y - y position
+ */
+
+/**
+ * Bounds definition
+ * @typedef {Object} Bounds
+ * @property {number} left - left position
+ * @property {number} top - top position
+ * @property {number} width - width
+ * @property {number} height - height
+ */
+
+/**
+ * anchorDrawFunction
+ * @param {CanvasRenderingContext2D} context
+ * @param {Component} component
+ */
+
+/**
+ * Anchor definition
+ * @typedef {Object} Anchor
+ * @property {string} name - name of the anchor
+ * @property {string} type - type of the anchor
+ * @property {string} inout - inout direction of the anchor 'in', 'out', 'inout'
+ * @property {Position} position - position of the anchor
+ * @property {Bounds} bounds - bounds of the anchor
+ * @property {boolean} multiplicity - multiplicity
+ * @property {anchorDrawFunction} draw
+ */
+
+/**
+ * @function findInOutLines
+ * @param {Component} component
+ * @param {string} anchorName
+ * @return {Line[]}
+ */
+function findInOutLines(component, anchorName) {
+  const refid = component.state.refid;
+  return component.root.findAll(target => {
+    if (!target.isLine()) {
+      return false;
+    }
+    return target.from.component === refid && (!anchorName || target.from.anchor === anchorName) || target.to.component === refid && (!anchorName || target.to.anchor === anchorName);
+  });
+}
+
+/**
+ * @function findOutletLines
+ * @param {Component} component
+ * @param {string} anchorName
+ * @return {Line[]}
+ */
+function findOutletLines(component, anchorName) {
+  const refid = component.state.refid;
+  return component.root.findAll(target => {
+    return target.isLine() && target.from.component === refid && (anchorName ? target.from.anchor === anchorName : true);
+  });
+}
+
+/**
+ * @function findOutletEnds
+ * @param {Component} component
+ * @param {string} anchorName
+ * @return {Component[]}
+ */
+function findOutletEnds(component, anchorName) {
+  return findOutletLines(component, anchorName).map(line => line.toEnd?.component).filter(Boolean);
+}
+
+/**
+ * @function findInletLines
+ * @param {Component} component
+ * @return {Line[]}
+ */
+function findInletLines(component, anchorName) {
+  const refid = component.state.refid;
+  return component.root.findAll(target => {
+    return target.isLine() && target.to.component === refid && (anchorName ? target.to.anchor === anchorName : true);
+  });
+}
+
+/**
+ * @function findInletEnds
+ * @param {Component} component
+ * @param {string} anchorName
+ * @return {Component[]}
+ */
+function findInletEnds(component, anchorName) {
+  return findInletLines(component, anchorName).map(line => line.fromEnd?.component).filter(Boolean);
+}
+//# sourceMappingURL=anchor.js.map

package/dist/components/anchor/anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor.js","names":["findInOutLines","component","anchorName","refid","state","root","findAll","target","isLine","from","anchor","to","findOutletLines","findOutletEnds","map","line","toEnd","filter","Boolean","findInletLines","findInletEnds","fromEnd"],"sources":["../../../src/components/anchor/anchor.js"],"sourcesContent":["/**\n * Position definition\n * @typedef {Object} Position\n * @property {number} x - x position\n * @property {number} y - y position\n */\n\n/**\n * Bounds definition\n * @typedef {Object} Bounds\n * @property {number} left - left position\n * @property {number} top - top position\n * @property {number} width - width\n * @property {number} height - height\n */\n\n/**\n * anchorDrawFunction\n * @param {CanvasRenderingContext2D} context\n * @param {Component} component\n */\n\n/**\n * Anchor definition\n * @typedef {Object} Anchor\n * @property {string} name - name of the anchor\n * @property {string} type - type of the anchor\n * @property {string} inout - inout direction of the anchor 'in', 'out', 'inout'\n * @property {Position} position - position of the anchor\n * @property {Bounds} bounds - bounds of the anchor\n * @property {boolean} multiplicity - multiplicity\n * @property {anchorDrawFunction} draw\n */\n\n/**\n * @function findInOutLines\n * @param {Component} component\n * @param {string} anchorName\n * @return {Line[]}\n */\nexport function findInOutLines(component, anchorName) {\n  const refid = component.state.refid\n\n  return component.root.findAll(target => {\n    if (!target.isLine()) {\n      return false\n    }\n\n    return (\n      (target.from.component === refid && (!anchorName || target.from.anchor === anchorName)) ||\n      (target.to.component === refid && (!anchorName || target.to.anchor === anchorName))\n    )\n  })\n}\n\n/**\n * @function findOutletLines\n * @param {Component} component\n * @param {string} anchorName\n * @return {Line[]}\n */\nexport function findOutletLines(component, anchorName) {\n  const refid = component.state.refid\n\n  return component.root.findAll(target => {\n    return target.isLine() && target.from.component === refid && (anchorName ? target.from.anchor === anchorName : true)\n  })\n}\n\n/**\n * @function findOutletEnds\n * @param {Component} component\n * @param {string} anchorName\n * @return {Component[]}\n */\nexport function findOutletEnds(component, anchorName) {\n  return findOutletLines(component, anchorName)\n    .map(line => line.toEnd?.component)\n    .filter(Boolean)\n}\n\n/**\n * @function findInletLines\n * @param {Component} component\n * @return {Line[]}\n */\nexport function findInletLines(component, anchorName) {\n  const refid = component.state.refid\n\n  return component.root.findAll(target => {\n    return target.isLine() && target.to.component === refid && (anchorName ? target.to.anchor === anchorName : true)\n  })\n}\n\n/**\n * @function findInletEnds\n * @param {Component} component\n * @param {string} anchorName\n * @return {Component[]}\n */\nexport function findInletEnds(component, anchorName) {\n  return findInletLines(component, anchorName)\n    .map(line => line.fromEnd?.component)\n    .filter(Boolean)\n}\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAcA,CAACC,SAAS,EAAEC,UAAU,EAAE;EACpD,MAAMC,KAAK,GAAGF,SAAS,CAACG,KAAK,CAACD,KAAK;EAEnC,OAAOF,SAAS,CAACI,IAAI,CAACC,OAAO,CAACC,MAAM,IAAI;IACtC,IAAI,CAACA,MAAM,CAACC,MAAM,CAAC,CAAC,EAAE;MACpB,OAAO,KAAK;IACd;IAEA,OACGD,MAAM,CAACE,IAAI,CAACR,SAAS,KAAKE,KAAK,KAAK,CAACD,UAAU,IAAIK,MAAM,CAACE,IAAI,CAACC,MAAM,KAAKR,UAAU,CAAC,IACrFK,MAAM,CAACI,EAAE,CAACV,SAAS,KAAKE,KAAK,KAAK,CAACD,UAAU,IAAIK,MAAM,CAACI,EAAE,CAACD,MAAM,KAAKR,UAAU,CAAE;EAEvF,CAAC,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASU,eAAeA,CAACX,SAAS,EAAEC,UAAU,EAAE;EACrD,MAAMC,KAAK,GAAGF,SAAS,CAACG,KAAK,CAACD,KAAK;EAEnC,OAAOF,SAAS,CAACI,IAAI,CAACC,OAAO,CAACC,MAAM,IAAI;IACtC,OAAOA,MAAM,CAACC,MAAM,CAAC,CAAC,IAAID,MAAM,CAACE,IAAI,CAACR,SAAS,KAAKE,KAAK,KAAKD,UAAU,GAAGK,MAAM,CAACE,IAAI,CAACC,MAAM,KAAKR,UAAU,GAAG,IAAI,CAAC;EACtH,CAAC,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASW,cAAcA,CAACZ,SAAS,EAAEC,UAAU,EAAE;EACpD,OAAOU,eAAe,CAACX,SAAS,EAAEC,UAAU,CAAC,CAC1CY,GAAG,CAACC,IAAI,IAAIA,IAAI,CAACC,KAAK,EAAEf,SAAS,CAAC,CAClCgB,MAAM,CAACC,OAAO,CAAC;AACpB;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAAClB,SAAS,EAAEC,UAAU,EAAE;EACpD,MAAMC,KAAK,GAAGF,SAAS,CAACG,KAAK,CAACD,KAAK;EAEnC,OAAOF,SAAS,CAACI,IAAI,CAACC,OAAO,CAACC,MAAM,IAAI;IACtC,OAAOA,MAAM,CAACC,MAAM,CAAC,CAAC,IAAID,MAAM,CAACI,EAAE,CAACV,SAAS,KAAKE,KAAK,KAAKD,UAAU,GAAGK,MAAM,CAACI,EAAE,CAACD,MAAM,KAAKR,UAAU,GAAG,IAAI,CAAC;EAClH,CAAC,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASkB,aAAaA,CAACnB,SAAS,EAAEC,UAAU,EAAE;EACnD,OAAOiB,cAAc,CAAClB,SAAS,EAAEC,UAAU,CAAC,CACzCY,GAAG,CAACC,IAAI,IAAIA,IAAI,CAACM,OAAO,EAAEpB,SAAS,CAAC,CACpCgB,MAAM,CAACC,OAAO,CAAC;AACpB","ignoreList":[]}

package/dist/components/anchor/ellipse-anchors.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ellipseAnchors;
+/**
+ * @typedef {import('./anchor.js').Anchor} Anchor
+ */
+
+/**
+ * @function ellipseAnchors
+ * @param {import('../../../things-scene').Component} component
+ * @return {import('./anchor.js').Anchor[]}
+ */
+function ellipseAnchors(component) {
+  var {
+    left,
+    top,
+    width,
+    height
+  } = component.bounds;
+  var centerx = left + width / 2;
+  var centery = top + height / 2;
+  var right = left + width;
+  var bottom = top + height;
+  return [{
+    name: 'TOP',
+    position: {
+      x: centerx,
+      y: top
+    }
+  }, {
+    name: 'RIGHT',
+    position: {
+      x: right,
+      y: centery
+    }
+  }, {
+    name: 'BOTTOM',
+    position: {
+      x: centerx,
+      y: bottom
+    }
+  }, {
+    name: 'LEFT',
+    position: {
+      x: left,
+      y: centery
+    }
+  }];
+}
+//# sourceMappingURL=ellipse-anchors.js.map

package/dist/components/anchor/ellipse-anchors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ellipse-anchors.js","names":["ellipseAnchors","component","left","top","width","height","bounds","centerx","centery","right","bottom","name","position","x","y"],"sources":["../../../src/components/anchor/ellipse-anchors.js"],"sourcesContent":["/**\n * @typedef {import('./anchor.js').Anchor} Anchor\n */\n\n/**\n * @function ellipseAnchors\n * @param {import('../../../things-scene').Component} component\n * @return {import('./anchor.js').Anchor[]}\n */\nexport default function ellipseAnchors(component) {\n  var { left, top, width, height } = component.bounds\n\n  var centerx = left + width / 2\n  var centery = top + height / 2\n  var right = left + width\n  var bottom = top + height\n\n  return [\n    {\n      name: 'TOP',\n      position: {\n        x: centerx,\n        y: top\n      }\n    },\n    {\n      name: 'RIGHT',\n      position: {\n        x: right,\n        y: centery\n      }\n    },\n    {\n      name: 'BOTTOM',\n      position: {\n        x: centerx,\n        y: bottom\n      }\n    },\n    {\n      name: 'LEFT',\n      position: {\n        x: left,\n        y: centery\n      }\n    }\n  ]\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACe,SAASA,cAAcA,CAACC,SAAS,EAAE;EAChD,IAAI;IAAEC,IAAI;IAAEC,GAAG;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGJ,SAAS,CAACK,MAAM;EAEnD,IAAIC,OAAO,GAAGL,IAAI,GAAGE,KAAK,GAAG,CAAC;EAC9B,IAAII,OAAO,GAAGL,GAAG,GAAGE,MAAM,GAAG,CAAC;EAC9B,IAAII,KAAK,GAAGP,IAAI,GAAGE,KAAK;EACxB,IAAIM,MAAM,GAAGP,GAAG,GAAGE,MAAM;EAEzB,OAAO,CACL;IACEM,IAAI,EAAE,KAAK;IACXC,QAAQ,EAAE;MACRC,CAAC,EAAEN,OAAO;MACVO,CAAC,EAAEX;IACL;EACF,CAAC,EACD;IACEQ,IAAI,EAAE,OAAO;IACbC,QAAQ,EAAE;MACRC,CAAC,EAAEJ,KAAK;MACRK,CAAC,EAAEN;IACL;EACF,CAAC,EACD;IACEG,IAAI,EAAE,QAAQ;IACdC,QAAQ,EAAE;MACRC,CAAC,EAAEN,OAAO;MACVO,CAAC,EAAEJ;IACL;EACF,CAAC,EACD;IACEC,IAAI,EAAE,MAAM;IACZC,QAAQ,EAAE;MACRC,CAAC,EAAEX,IAAI;MACPY,CAAC,EAAEN;IACL;EACF,CAAC,CACF;AACH","ignoreList":[]}

package/dist/components/anchor/rect-anchors.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = rectAnchors;
+/**
+ * @typedef {import('./anchor.js').Anchor} Anchor
+ */
+
+/**
+ * @function rectAnchors
+ * @param {Component} component
+ * @return {Anchor[]}
+ */
+function rectAnchors(component) {
+  var {
+    left,
+    top,
+    width,
+    height
+  } = component.bounds;
+  var centerx = left + width / 2;
+  var centery = top + height / 2;
+  var right = left + width;
+  var bottom = top + height;
+  return [{
+    name: 'TOP',
+    position: {
+      x: centerx,
+      y: top
+    }
+  }, {
+    name: 'RIGHT',
+    position: {
+      x: right,
+      y: centery
+    }
+  }, {
+    name: 'BOTTOM',
+    position: {
+      x: centerx,
+      y: bottom
+    }
+  }, {
+    name: 'LEFT',
+    position: {
+      x: left,
+      y: centery
+    }
+  }];
+}
+//# sourceMappingURL=rect-anchors.js.map

package/dist/components/anchor/rect-anchors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rect-anchors.js","names":["rectAnchors","component","left","top","width","height","bounds","centerx","centery","right","bottom","name","position","x","y"],"sources":["../../../src/components/anchor/rect-anchors.js"],"sourcesContent":["/**\n * @typedef {import('./anchor.js').Anchor} Anchor\n */\n\n/**\n * @function rectAnchors\n * @param {Component} component\n * @return {Anchor[]}\n */\nexport default function rectAnchors(component) {\n  var { left, top, width, height } = component.bounds\n\n  var centerx = left + width / 2\n  var centery = top + height / 2\n  var right = left + width\n  var bottom = top + height\n\n  return [\n    {\n      name: 'TOP',\n      position: {\n        x: centerx,\n        y: top\n      }\n    },\n    {\n      name: 'RIGHT',\n      position: {\n        x: right,\n        y: centery\n      }\n    },\n    {\n      name: 'BOTTOM',\n      position: {\n        x: centerx,\n        y: bottom\n      }\n    },\n    {\n      name: 'LEFT',\n      position: {\n        x: left,\n        y: centery\n      }\n    }\n  ]\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACe,SAASA,WAAWA,CAACC,SAAS,EAAE;EAC7C,IAAI;IAAEC,IAAI;IAAEC,GAAG;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGJ,SAAS,CAACK,MAAM;EAEnD,IAAIC,OAAO,GAAGL,IAAI,GAAGE,KAAK,GAAG,CAAC;EAC9B,IAAII,OAAO,GAAGL,GAAG,GAAGE,MAAM,GAAG,CAAC;EAC9B,IAAII,KAAK,GAAGP,IAAI,GAAGE,KAAK;EACxB,IAAIM,MAAM,GAAGP,GAAG,GAAGE,MAAM;EAEzB,OAAO,CACL;IACEM,IAAI,EAAE,KAAK;IACXC,QAAQ,EAAE;MACRC,CAAC,EAAEN,OAAO;MACVO,CAAC,EAAEX;IACL;EACF,CAAC,EACD;IACEQ,IAAI,EAAE,OAAO;IACbC,QAAQ,EAAE;MACRC,CAAC,EAAEJ,KAAK;MACRK,CAAC,EAAEN;IACL;EACF,CAAC,EACD;IACEG,IAAI,EAAE,QAAQ;IACdC,QAAQ,EAAE;MACRC,CAAC,EAAEN,OAAO;MACVO,CAAC,EAAEJ;IACL;EACF,CAAC,EACD;IACEC,IAAI,EAAE,MAAM;IACZC,QAAQ,EAAE;MACRC,CAAC,EAAEX,IAAI;MACPY,CAAC,EAAEN;IACL;EACF,CAAC,CACF;AACH","ignoreList":[]}

package/dist/components/audio.js

@@ -0,0 +1,154 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _component = _interopRequireDefault(require("./component.js"));
+var _shape = _interopRequireDefault(require("./shape.js"));
+var _rectPath = _interopRequireDefault(require("./mixins/rect-path.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+const NATURE = {
+  mutable: false,
+  resizable: true,
+  rotatable: true,
+  properties: [{
+    type: 'attachment-selector',
+    label: 'src',
+    name: 'src',
+    property: {
+      category: 'audio'
+    }
+  }, {
+    type: 'checkbox',
+    label: 'started',
+    name: 'started'
+  }, {
+    type: 'checkbox',
+    label: 'loop',
+    name: 'loop'
+  }],
+  'value-property': 'src',
+  help: 'scene/component/audio'
+};
+const AUDIO_IMAGE = 'data:image/png;base64,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';
+class AudioPlayer extends (0, _rectPath.default)(_shape.default) {
+  static get image() {
+    if (!AudioPlayer.IMAGE) {
+      AudioPlayer.IMAGE = new Image();
+      AudioPlayer.IMAGE.src = AUDIO_IMAGE;
+    }
+    return AudioPlayer.IMAGE;
+  }
+  dispose() {
+    super.dispose();
+    this.started = false;
+    delete this._audio;
+  }
+  ready() {
+    super.ready();
+    this._audio = new Audio();
+    this._audio.addEventListener('canplay', () => {
+      this.started && this._audio.play();
+    });
+    var {
+      src = '',
+      loop = false,
+      started = false
+    } = this.state;
+    this.onchangeSrc(src);
+    this.onchangeLoop(loop);
+    this.onchangeStarted(started);
+  }
+  render(ctx) {
+    var {
+      left,
+      top,
+      width,
+      height,
+      src
+    } = this.state;
+    ctx.beginPath();
+    this.drawImage(ctx, AudioPlayer.image, left, top, width, height);
+  }
+  get nature() {
+    return NATURE;
+  }
+  get hasTextProperty() {
+    return false;
+  }
+  get src() {
+    return this.get('src');
+  }
+  set src(src) {
+    this.set('src', src);
+  }
+  get started() {
+    return !!this.get('started');
+  }
+  set started(started) {
+    this.set('started', started);
+  }
+  start() {
+    if (!this._audio) return;
+    this._audio.classList.add('active');
+    this._audio.play();
+  }
+  pause() {
+    if (!this._audio) return;
+    this._audio.classList.remove('active');
+    this._audio.pause();
+  }
+  onchangeSrc(src) {
+    try {
+      // this._audio.crossOrigin = "anonymous";
+      if (String(src).substring(0, 4) !== 'data') this._audio.crossOrigin = 'use-credentials';else this._audio.crossOrigin = null;
+      this._audio.src = typeof src === 'string' ? this.app.url(src) : src;
+    } catch (e) {
+      console.error(e);
+      return;
+    }
+  }
+  onchangeStarted(started) {
+    const audio = this._audio;
+    if (started) {
+      /* 
+        [ audio/video.readyState ]
+        0 = HAVE_NOTHING - no information whether or not the audio/video is ready
+        1 = HAVE_METADATA - metadata for the audio/video is ready
+        2 = HAVE_CURRENT_DATA - data for the current playback position is available, but not enough data to play next frame/millisecond
+        3 = HAVE_FUTURE_DATA - data for the current and at least the next frame is available
+        4 = HAVE_ENOUGH_DATA - enough data available to start playing
+      */
+      audio.readyState == 4 && audio.play();
+    } else {
+      audio.pause();
+    }
+  }
+  onchangeLoop(loop) {
+    this._audio.loop = loop;
+  }
+  onchange(after, before) {
+    'src' in after && this.onchangeSrc(after.src);
+    'started' in after && this.onchangeStarted(after.started);
+    'loop' in after && this.onchangeLoop(after.loop);
+  }
+  ondblclick(e) {
+    this.started = !this.started;
+  }
+  ondropfile(transfered, files) {
+    for (let i = 0; i < transfered.length; i++) {
+      if (transfered[i].type.startsWith('audio/')) {
+        this.src = files[i];
+        return;
+      }
+    }
+  }
+}
+exports.default = AudioPlayer;
+_component.default.register('audio', AudioPlayer);
+//# sourceMappingURL=audio.js.map