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

package/dist/components/mixins/data-source.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+/*
+ * DataSource 컴포넌트를 위한 Mixin임
+ */
+var _default = superclass => {
+  var A = class extends superclass {
+    _convertDataFormat(data, format) {
+      var formattedData;
+      switch (format) {
+        case 'json':
+          formattedData = JSON.parse(data);
+          break;
+        default:
+          formattedData = data;
+          break;
+      }
+      return formattedData;
+    }
+    isDataSource() {
+      return true;
+    }
+  };
+  return A;
+};
+exports.default = _default;
+//# sourceMappingURL=data-source.js.map

package/dist/components/mixins/data-source.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-source.js","names":["_default","superclass","A","_convertDataFormat","data","format","formattedData","JSON","parse","isDataSource","exports","default"],"sources":["../../../src/components/mixins/data-source.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\n/*\n * DataSource 컴포넌트를 위한 Mixin임\n */\n\nexport default superclass => {\n  var A = class extends superclass {\n    _convertDataFormat(data, format) {\n      var formattedData\n      switch (format) {\n        case 'json':\n          formattedData = JSON.parse(data)\n          break\n        default:\n          formattedData = data\n          break\n      }\n\n      return formattedData\n    }\n\n    isDataSource() {\n      return true\n    }\n  }\n\n  return A\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AAFA,IAAAA,QAAA,GAIeC,UAAU,IAAI;EAC3B,IAAIC,CAAC,GAAG,cAAcD,UAAU,CAAC;IAC/BE,kBAAkBA,CAACC,IAAI,EAAEC,MAAM,EAAE;MAC/B,IAAIC,aAAa;MACjB,QAAQD,MAAM;QACZ,KAAK,MAAM;UACTC,aAAa,GAAGC,IAAI,CAACC,KAAK,CAACJ,IAAI,CAAC;UAChC;QACF;UACEE,aAAa,GAAGF,IAAI;UACpB;MACJ;MAEA,OAAOE,aAAa;IACtB;IAEAG,YAAYA,CAAA,EAAG;MACb,OAAO,IAAI;IACb;EACF,CAAC;EAED,OAAOP,CAAC;AACV,CAAC;AAAAQ,OAAA,CAAAC,OAAA,GAAAX,QAAA","ignoreList":[]}

package/dist/components/mixins/html-element.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.GESTURES = void 0;
+var _const = require("../../const.js");
+var _uaEventHandler = require("../../event/ua-event-handler.js");
+var _reposition = _interopRequireDefault(require("../html/reposition.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+const GESTURES = exports.GESTURES = ['mousemove', 'mouseup', 'mousedown', 'mouseout', 'wheel', 'tap', 'click', 'touchstart', 'touchmove', 'touchend', 'mouseenter', 'mouseleave', 'dragstart', 'dragmove', 'dragend', 'dblclick'];
+
+/**
+ * Mixin HTMLElement
+ */
+var _default = superclass => {
+  var A = class extends superclass {
+    isHTMLElement() {
+      return true;
+    }
+    isShadowable() {
+      return true;
+    }
+    get element() {
+      return this._element;
+    }
+    set element(element) {
+      this._element = element;
+    }
+
+    // Overidable
+    get tagName() {
+      return this.get('type');
+    }
+
+    // Overidable
+    setElementProperties(element) {
+      throw new Error('Not Implemented Yet');
+    }
+
+    // Overidable
+    createElement() {
+      this.element = document.createElement(this.tagName);
+      if (!this.element) return;
+      if (this.parent.isHTMLElement()) this.parent.element.appendChild(this.element);else this.root.model_layer.overlay.appendChild(this.element);
+      GESTURES.forEach(event => {
+        this.element.addEventListener(event, this.userInputEventHandler.bind(this));
+      });
+      _const.KEYEVENTS.forEach(event => {
+        this.element.addEventListener(event, this.userInputEventHandler.bind(this));
+      });
+      this.oncreate_element && this.oncreate_element(this.element);
+    }
+    userInputEventHandler(e) {
+      (0, _uaEventHandler.trigger)(this, e.type, e);
+      e.stopPropagation();
+    }
+    reposition() {
+      this.element && (0, _reposition.default)(this);
+    }
+
+    // Overidable
+    disposeElement() {
+      var element = this.element;
+      element && element.parentElement && element.parentElement.removeChild(element);
+      delete this.element;
+    }
+    ready() {
+      super.ready();
+      !this.element && this.createElement();
+      if (this.parent.isHTMLElement()) this.parent.element.appendChild(this.element);else this.root.model_layer.overlay.appendChild(this.element);
+      this.setElementProperties(this.element);
+      this.reposition();
+    }
+    dispose() {
+      this.disposeElement(this);
+      super.dispose();
+    }
+    get hasTextProperty() {
+      return true;
+    }
+    get textHidden() {
+      return true;
+    }
+    get hidden() {
+      return super.hidden;
+    }
+    set hidden(hidden) {
+      super.hidden = hidden;
+      this.element.style.display = hidden ? 'none' : 'block';
+    }
+    onchange(after, before) {
+      this.element && this.setElementProperties(this.element);
+      this.reposition();
+    }
+    isDescendible(container) {
+      return container.isHTMLElement();
+    }
+  };
+  return A;
+};
+exports.default = _default;
+//# sourceMappingURL=html-element.js.map

package/dist/components/mixins/html-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-element.js","names":["_const","require","_uaEventHandler","_reposition","_interopRequireDefault","e","__esModule","default","GESTURES","exports","_default","superclass","A","isHTMLElement","isShadowable","element","_element","tagName","get","setElementProperties","Error","createElement","document","parent","appendChild","root","model_layer","overlay","forEach","event","addEventListener","userInputEventHandler","bind","KEYEVENTS","oncreate_element","trigger","type","stopPropagation","reposition","disposeElement","parentElement","removeChild","ready","dispose","hasTextProperty","textHidden","hidden","style","display","onchange","after","before","isDescendible","container"],"sources":["../../../src/components/mixins/html-element.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { KEYEVENTS } from '../../const.js'\nimport { trigger } from '../../event/ua-event-handler.js'\nimport reposition from '../html/reposition.js'\n\nexport const GESTURES = [\n  'mousemove',\n  'mouseup',\n  'mousedown',\n  'mouseout',\n  'wheel',\n  'tap',\n  'click',\n  'touchstart',\n  'touchmove',\n  'touchend',\n  'mouseenter',\n  'mouseleave',\n  'dragstart',\n  'dragmove',\n  'dragend',\n  'dblclick'\n]\n\n/**\n * Mixin HTMLElement\n */\nexport default superclass => {\n  var A = class extends superclass {\n    isHTMLElement() {\n      return true\n    }\n\n    isShadowable() {\n      return true\n    }\n\n    get element() {\n      return this._element\n    }\n\n    set element(element) {\n      this._element = element\n    }\n\n    // Overidable\n    get tagName() {\n      return this.get('type')\n    }\n\n    // Overidable\n    setElementProperties(element) {\n      throw new Error('Not Implemented Yet')\n    }\n\n    // Overidable\n    createElement() {\n      this.element = document.createElement(this.tagName)\n      if (!this.element) return\n\n      if (this.parent.isHTMLElement()) this.parent.element.appendChild(this.element)\n      else this.root.model_layer.overlay.appendChild(this.element)\n\n      GESTURES.forEach(event => {\n        this.element.addEventListener(event, this.userInputEventHandler.bind(this))\n      })\n\n      KEYEVENTS.forEach(event => {\n        this.element.addEventListener(event, this.userInputEventHandler.bind(this))\n      })\n\n      this.oncreate_element && this.oncreate_element(this.element)\n    }\n\n    userInputEventHandler(e) {\n      trigger(this, e.type, e)\n      e.stopPropagation()\n    }\n\n    reposition() {\n      this.element && reposition(this)\n    }\n\n    // Overidable\n    disposeElement() {\n      var element = this.element\n      element && element.parentElement && element.parentElement.removeChild(element)\n      delete this.element\n    }\n\n    ready() {\n      super.ready()\n      !this.element && this.createElement()\n\n      if (this.parent.isHTMLElement()) this.parent.element.appendChild(this.element)\n      else this.root.model_layer.overlay.appendChild(this.element)\n\n      this.setElementProperties(this.element)\n\n      this.reposition()\n    }\n\n    dispose() {\n      this.disposeElement(this)\n      super.dispose()\n    }\n\n    get hasTextProperty() {\n      return true\n    }\n\n    get textHidden() {\n      return true\n    }\n\n    get hidden() {\n      return super.hidden\n    }\n\n    set hidden(hidden) {\n      super.hidden = hidden\n      this.element.style.display = hidden ? 'none' : 'block'\n    }\n\n    onchange(after, before) {\n      this.element && this.setElementProperties(this.element)\n\n      this.reposition()\n    }\n\n    isDescendible(container) {\n      return container.isHTMLElement()\n    }\n  }\n\n  return A\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/mixins/move-handle.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+const LABEL_WIDTH = 25;
+const LABEL_HEIGHT = 25;
+const MOVE_HANDLE_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAclBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC0BbqFAAAAJXRSTlMAgAP3VSI6/g9fBk5FavJsMrariSjzPnO1enRRL5SMhmOOWB9keFTE0wAAANxJREFUOMutk9kWgyAMRLFuiLjUtdp9yf//YglVsQXz1HniMPcEMgHGvpX2O0Ypi+EgCL+IAShC+wB7QfubRDT7AFcnUPoLMLiP4PyJbsb55i05AgnR5iaQDsICgtH0cotBWoAP1c7kC6kFxEseCfZfB6gEgbNeBrira2QmH1uVYCXlA3is8UmgUCPIyQJKEmu8QtQJN0e9DPXVpzG2G216c1CqRmcBOdxXk07sWUSPv07zo0amCNQycv+NzmR6cRcwmfbuI7p2nZ/z4be0P83Foz6vIkhfZXr82XgDlZsspIq4peUAAAAASUVORK5CYII=';
+const IMAGE = new Image();
+IMAGE.src = MOVE_HANDLE_IMAGE;
+var _default = superclass => {
+  var A = class extends superclass {
+    postrender(context) {
+      super.postrender(context);
+      if (!this.app.isEditMode) return;
+      if (!this._focused) return;
+      if (!this.showMoveHandle) return;
+      this._draw_move_handle(context);
+    }
+    _draw_move_handle(context) {
+      var {
+        left,
+        top,
+        width
+      } = this.bounds;
+      context.save();
+      // 이동 핸들 그리기
+      context.beginPath();
+      context.globalAlpha = 1;
+      context.rect(left + width, top, LABEL_WIDTH, LABEL_HEIGHT);
+      let color = 255 - 20 % 255;
+      context.fillStyle = `rgba(${color}, ${color}, ${color}, 1)`;
+      context.fill();
+
+      // 아이콘 그리기
+      context.drawImage(IMAGE, left + width + LABEL_WIDTH * 0.15, top + LABEL_HEIGHT * 0.15, LABEL_WIDTH * 0.7, LABEL_HEIGHT * 0.7);
+      context.closePath();
+      context.restore();
+    }
+    contains(x, y) {
+      var contains = super.contains(x, y);
+      if (this.app.isViewMode) {
+        return contains;
+      }
+      if (!contains) {
+        var {
+          left,
+          top,
+          width,
+          height
+        } = this.bounds;
+        var right = left + width;
+        var h = LABEL_HEIGHT;
+        if (this.showMoveHandle)
+          // 이동 핸들러 영역에 포함되는지
+          contains = x < Math.max(right + LABEL_WIDTH, right) && x > Math.min(right + LABEL_WIDTH, right) && y < Math.max(top + h, top) && y > Math.min(top + h, top);
+      }
+      if (this._focustd !== contains) {
+        this._focused = contains;
+        this.invalidate();
+      }
+      return contains;
+    }
+  };
+  return A;
+};
+exports.default = _default;
+//# sourceMappingURL=move-handle.js.map

package/dist/components/mixins/move-handle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"move-handle.js","names":["LABEL_WIDTH","LABEL_HEIGHT","MOVE_HANDLE_IMAGE","IMAGE","Image","src","_default","superclass","A","postrender","context","app","isEditMode","_focused","showMoveHandle","_draw_move_handle","left","top","width","bounds","save","beginPath","globalAlpha","rect","color","fillStyle","fill","drawImage","closePath","restore","contains","x","y","isViewMode","height","right","h","Math","max","min","_focustd","invalidate","exports","default"],"sources":["../../../src/components/mixins/move-handle.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nconst LABEL_WIDTH = 25\nconst LABEL_HEIGHT = 25\nconst MOVE_HANDLE_IMAGE =\n  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAclBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC0BbqFAAAAJXRSTlMAgAP3VSI6/g9fBk5FavJsMrariSjzPnO1enRRL5SMhmOOWB9keFTE0wAAANxJREFUOMutk9kWgyAMRLFuiLjUtdp9yf//YglVsQXz1HniMPcEMgHGvpX2O0Ypi+EgCL+IAShC+wB7QfubRDT7AFcnUPoLMLiP4PyJbsb55i05AgnR5iaQDsICgtH0cotBWoAP1c7kC6kFxEseCfZfB6gEgbNeBrira2QmH1uVYCXlA3is8UmgUCPIyQJKEmu8QtQJN0e9DPXVpzG2G216c1CqRmcBOdxXk07sWUSPv07zo0amCNQycv+NzmR6cRcwmfbuI7p2nZ/z4be0P83Foz6vIkhfZXr82XgDlZsspIq4peUAAAAASUVORK5CYII='\nconst IMAGE = new Image()\nIMAGE.src = MOVE_HANDLE_IMAGE\n\nexport default superclass => {\n  var A = class extends superclass {\n    postrender(context) {\n      super.postrender(context)\n\n      if (!this.app.isEditMode) return\n\n      if (!this._focused) return\n\n      if (!this.showMoveHandle) return\n\n      this._draw_move_handle(context)\n    }\n\n    _draw_move_handle(context) {\n      var { left, top, width } = this.bounds\n\n      context.save()\n      // 이동 핸들 그리기\n      context.beginPath()\n\n      context.globalAlpha = 1\n      context.rect(left + width, top, LABEL_WIDTH, LABEL_HEIGHT)\n\n      let color = 255 - (20 % 255)\n      context.fillStyle = `rgba(${color}, ${color}, ${color}, 1)`\n      context.fill()\n\n      // 아이콘 그리기\n      context.drawImage(\n        IMAGE,\n        left + width + LABEL_WIDTH * 0.15,\n        top + LABEL_HEIGHT * 0.15,\n        LABEL_WIDTH * 0.7,\n        LABEL_HEIGHT * 0.7\n      )\n      context.closePath()\n\n      context.restore()\n    }\n\n    contains(x, y) {\n      var contains = super.contains(x, y)\n\n      if (this.app.isViewMode) {\n        return contains\n      }\n\n      if (!contains) {\n        var { left, top, width, height } = this.bounds\n        var right = left + width\n        var h = LABEL_HEIGHT\n\n        if (this.showMoveHandle)\n          // 이동 핸들러 영역에 포함되는지\n          contains =\n            x < Math.max(right + LABEL_WIDTH, right) &&\n            x > Math.min(right + LABEL_WIDTH, right) &&\n            y < Math.max(top + h, top) &&\n            y > Math.min(top + h, top)\n      }\n\n      if (this._focustd !== contains) {\n        this._focused = contains\n        this.invalidate()\n      }\n\n      return contains\n    }\n  }\n\n  return A\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/mixins/rect-path.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var memoize = _interopRequireWildcard(require("../../core/memoize.js"));
+var _safeRound = require("../../core/safe-round.js");
+var _rectAnchors = _interopRequireDefault(require("../anchor/rect-anchors.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; }
+/**
+ * 주의 : RectPath를 mixin한 컴포넌트는 'path'를 memoize해서는 안된다.
+ */
+var _default = superclass => {
+  var A = class extends superclass {
+    contains(x, y) {
+      var {
+        left,
+        top,
+        width,
+        height,
+        lineWidth = 0
+      } = this.state;
+      var extend = lineWidth / 2;
+      return x < Math.max(left + width, left) + extend && x > Math.min(left + width, left) - extend && y < Math.max(top + height, top) + extend && y > Math.min(top + height, top) - extend;
+    }
+    set path(path) {
+      var left_top = path[0];
+      var right_bottom = path[2];
+      this.set({
+        left: left_top.x,
+        top: left_top.y,
+        width: right_bottom.x - left_top.x,
+        height: right_bottom.y - left_top.y
+      });
+    }
+    get path() {
+      var {
+        left = 0,
+        top = 0,
+        width = 0,
+        height = 0
+      } = this.state;
+      return [{
+        x: left,
+        y: top
+      }, {
+        x: left + width,
+        y: top
+      }, {
+        x: left + width,
+        y: top + height
+      }, {
+        x: left,
+        y: top + height
+      }];
+    }
+    get anchors() {
+      return (0, _rectAnchors.default)(this);
+    }
+    get bounds() {
+      const {
+        left = 0,
+        top = 0,
+        width = 0,
+        height = 0
+      } = this.state;
+      return {
+        left,
+        top,
+        width,
+        height
+      };
+    }
+    set bounds(bounds) {
+      this.set({
+        left: 0,
+        top: 0,
+        width: 0,
+        height: 0,
+        ...bounds
+      });
+    }
+    render(ctx) {
+      /* Due to performance issues, instead of using the renderer of the shape, 
+      the render method of the rect-path itself is defined. */
+      var {
+        round = 0
+      } = this.model;
+      var {
+        left,
+        top,
+        width,
+        height
+      } = this.bounds;
+      ctx.translate(left, top);
+      ctx.beginPath();
+      round = (0, _safeRound.safeRound)(round, width, height);
+      if (round > 0) {
+        ctx.roundRect(0, 0, width, height, round);
+      } else {
+        ctx.rect(0, 0, width, height);
+      }
+      ctx.translate(-left, -top);
+    }
+  };
+  memoize.intercept(A.prototype, 'path', false);
+  return A;
+};
+exports.default = _default;
+//# sourceMappingURL=rect-path.js.map

package/dist/components/mixins/rect-path.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rect-path.js","names":["memoize","_interopRequireWildcard","require","_safeRound","_rectAnchors","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_default","superclass","A","contains","x","y","left","top","width","height","lineWidth","state","extend","Math","max","min","path","left_top","right_bottom","anchors","rectAnchors","bounds","render","ctx","round","model","translate","beginPath","safeRound","roundRect","rect","intercept","prototype","exports"],"sources":["../../../src/components/mixins/rect-path.js"],"sourcesContent":["import * as memoize from '../../core/memoize.js'\nimport { safeRound } from '../../core/safe-round.js'\nimport rectAnchors from '../anchor/rect-anchors.js'\n\n/**\n * 주의 : RectPath를 mixin한 컴포넌트는 'path'를 memoize해서는 안된다.\n */\nexport default superclass => {\n  var A = class extends superclass {\n    contains(x, y) {\n      var { left, top, width, height, lineWidth = 0 } = this.state\n      var extend = lineWidth / 2\n\n      return (\n        x < Math.max(left + width, left) + extend &&\n        x > Math.min(left + width, left) - extend &&\n        y < Math.max(top + height, top) + extend &&\n        y > Math.min(top + height, top) - extend\n      )\n    }\n\n    set path(path) {\n      var left_top = path[0]\n      var right_bottom = path[2]\n\n      this.set({\n        left: left_top.x,\n        top: left_top.y,\n        width: right_bottom.x - left_top.x,\n        height: right_bottom.y - left_top.y\n      })\n    }\n\n    get path() {\n      var { left = 0, top = 0, width = 0, height = 0 } = this.state\n\n      return [\n        {\n          x: left,\n          y: top\n        },\n        {\n          x: left + width,\n          y: top\n        },\n        {\n          x: left + width,\n          y: top + height\n        },\n        {\n          x: left,\n          y: top + height\n        }\n      ]\n    }\n\n    get anchors() {\n      return rectAnchors(this)\n    }\n\n    get bounds() {\n      const { left = 0, top = 0, width = 0, height = 0 } = this.state\n\n      return {\n        left,\n        top,\n        width,\n        height\n      }\n    }\n\n    set bounds(bounds) {\n      this.set({\n        left: 0,\n        top: 0,\n        width: 0,\n        height: 0,\n        ...bounds\n      })\n    }\n\n    render(ctx) {\n      /* Due to performance issues, instead of using the renderer of the shape, \n      the render method of the rect-path itself is defined. */\n      var { round = 0 } = this.model\n\n      var { left, top, width, height } = this.bounds\n\n      ctx.translate(left, top)\n      ctx.beginPath()\n\n      round = safeRound(round, width, height)\n\n      if (round > 0) {\n        ctx.roundRect(0, 0, width, height, round)\n      } else {\n        ctx.rect(0, 0, width, height)\n      }\n\n      ctx.translate(-left, -top)\n    }\n  }\n\n  memoize.intercept(A.prototype, 'path', false)\n\n  return A\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/mixins/value-holder.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("../../core/utils.js");
+var _substitutor = require("../text/substitutor.js");
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+/*
+ * ValueHolder 단일 숫자값을 value라는 속성으로 가지는 컴포넌트를 위한 Mixin임
+ * value 속성을 가지는 컴포넌트는 다음의 특징을 갖는 것을 암묵적으로 동의한다.
+ *
+ * 1. value 속성은 Number 타입니다.
+ * 1. value 속성은 expression을 통해서 컴포넌트 자신의 속성을 접근할 수 있고, 다른 컴포넌트의 data 속성을 접근할 수 있다.
+ * 1. value 속성을 가지는 컴포넌트는 값 변화에 대해서 animation을 사용할 수 있다.
+ *
+ * TODO. min, max 값을 가지도록 한다.
+ * TODO. animation 설정을 오버라이드 할 수 있도록 한다.
+ */
+var _default = superclass => {
+  var A = class extends superclass {
+    animOnValueChange(value, animFromBase = false, base) {
+      if (value == this._lastValue) {
+        return;
+      }
+      if (animFromBase) {
+        var diff = value - (Number(base) || 0);
+      } else {
+        var diff = value - (this._lastValue || 0);
+      }
+      this._lastValue = value;
+      this._anim_alpha = -diff;
+      this.animate({
+        step: delta => {
+          this._anim_alpha = diff * (delta - 1);
+          this.invalidate();
+        },
+        duration: 1000,
+        delta: 'circ',
+        options: {
+          x: 1
+        },
+        ease: 'out'
+      }).start();
+    }
+    dispose() {
+      super.dispose();
+      delete this._value_substitutor;
+    }
+    onchange(after, before) {
+      if (after.hasOwnProperty('value')) delete this._value_substitutor;
+    }
+    get animAlpha() {
+      return this._anim_alpha || 0;
+    }
+    get animValue() {
+      /* this.value 를 사용해서는 안된다. (성능 효율을 위해서.)*/
+      return (this._lastValue || 0) + (this._anim_alpha || 0);
+    }
+    defaultValueSubstitutor() {
+      return this.getState('value');
+    }
+    get valueSubstitutor() {
+      if (!this._value_substitutor) this._value_substitutor = (0, _substitutor.buildSubstitutor)(this.getState('value'), this) || this.defaultValueSubstitutor;
+      return this._value_substitutor;
+    }
+    get value() {
+      return Number(this.valueSubstitutor()) || 0;
+    }
+    set value(value) {
+      delete this._value_substitutor;
+      this.setState('value', Number((0, _utils.objToVal)(value)));
+    }
+  };
+  return A;
+};
+exports.default = _default;
+//# sourceMappingURL=value-holder.js.map

package/dist/components/mixins/value-holder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-holder.js","names":["_utils","require","_substitutor","_default","superclass","A","animOnValueChange","value","animFromBase","base","_lastValue","diff","Number","_anim_alpha","animate","step","delta","invalidate","duration","options","x","ease","start","dispose","_value_substitutor","onchange","after","before","hasOwnProperty","animAlpha","animValue","defaultValueSubstitutor","getState","valueSubstitutor","buildSubstitutor","setState","objToVal","exports","default"],"sources":["../../../src/components/mixins/value-holder.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\n/*\n * ValueHolder 단일 숫자값을 value라는 속성으로 가지는 컴포넌트를 위한 Mixin임\n * value 속성을 가지는 컴포넌트는 다음의 특징을 갖는 것을 암묵적으로 동의한다.\n *\n * 1. value 속성은 Number 타입니다.\n * 1. value 속성은 expression을 통해서 컴포넌트 자신의 속성을 접근할 수 있고, 다른 컴포넌트의 data 속성을 접근할 수 있다.\n * 1. value 속성을 가지는 컴포넌트는 값 변화에 대해서 animation을 사용할 수 있다.\n *\n * TODO. min, max 값을 가지도록 한다.\n * TODO. animation 설정을 오버라이드 할 수 있도록 한다.\n */\n\nimport { objToVal } from '../../core/utils.js'\nimport { buildSubstitutor } from '../text/substitutor.js'\n\nexport default superclass => {\n  var A = class extends superclass {\n    animOnValueChange(value, animFromBase = false, base) {\n      if (value == this._lastValue) {\n        return\n      }\n\n      if (animFromBase) {\n        var diff = value - (Number(base) || 0)\n      } else {\n        var diff = value - (this._lastValue || 0)\n      }\n\n      this._lastValue = value\n      this._anim_alpha = -diff\n\n      this.animate({\n        step: delta => {\n          this._anim_alpha = diff * (delta - 1)\n          this.invalidate()\n        },\n        duration: 1000,\n        delta: 'circ',\n        options: {\n          x: 1\n        },\n        ease: 'out'\n      }).start()\n    }\n\n    dispose() {\n      super.dispose()\n\n      delete this._value_substitutor\n    }\n\n    onchange(after, before) {\n      if (after.hasOwnProperty('value')) delete this._value_substitutor\n    }\n\n    get animAlpha() {\n      return this._anim_alpha || 0\n    }\n\n    get animValue() {\n      /* this.value 를 사용해서는 안된다. (성능 효율을 위해서.)*/\n      return (this._lastValue || 0) + (this._anim_alpha || 0)\n    }\n\n    defaultValueSubstitutor() {\n      return this.getState('value')\n    }\n\n    get valueSubstitutor() {\n      if (!this._value_substitutor)\n        this._value_substitutor = buildSubstitutor(this.getState('value'), this) || this.defaultValueSubstitutor\n\n      return this._value_substitutor\n    }\n\n    get value() {\n      return Number(this.valueSubstitutor()) || 0\n    }\n\n    set value(value) {\n      delete this._value_substitutor\n      this.setState('value', Number(objToVal(value)))\n    }\n  }\n\n  return A\n}\n"],"mappings":";;;;;;AAgBA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAjBA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,IAAAE,QAAA,GAeeC,UAAU,IAAI;EAC3B,IAAIC,CAAC,GAAG,cAAcD,UAAU,CAAC;IAC/BE,iBAAiBA,CAACC,KAAK,EAAEC,YAAY,GAAG,KAAK,EAAEC,IAAI,EAAE;MACnD,IAAIF,KAAK,IAAI,IAAI,CAACG,UAAU,EAAE;QAC5B;MACF;MAEA,IAAIF,YAAY,EAAE;QAChB,IAAIG,IAAI,GAAGJ,KAAK,IAAIK,MAAM,CAACH,IAAI,CAAC,IAAI,CAAC,CAAC;MACxC,CAAC,MAAM;QACL,IAAIE,IAAI,GAAGJ,KAAK,IAAI,IAAI,CAACG,UAAU,IAAI,CAAC,CAAC;MAC3C;MAEA,IAAI,CAACA,UAAU,GAAGH,KAAK;MACvB,IAAI,CAACM,WAAW,GAAG,CAACF,IAAI;MAExB,IAAI,CAACG,OAAO,CAAC;QACXC,IAAI,EAAEC,KAAK,IAAI;UACb,IAAI,CAACH,WAAW,GAAGF,IAAI,IAAIK,KAAK,GAAG,CAAC,CAAC;UACrC,IAAI,CAACC,UAAU,CAAC,CAAC;QACnB,CAAC;QACDC,QAAQ,EAAE,IAAI;QACdF,KAAK,EAAE,MAAM;QACbG,OAAO,EAAE;UACPC,CAAC,EAAE;QACL,CAAC;QACDC,IAAI,EAAE;MACR,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IACZ;IAEAC,OAAOA,CAAA,EAAG;MACR,KAAK,CAACA,OAAO,CAAC,CAAC;MAEf,OAAO,IAAI,CAACC,kBAAkB;IAChC;IAEAC,QAAQA,CAACC,KAAK,EAAEC,MAAM,EAAE;MACtB,IAAID,KAAK,CAACE,cAAc,CAAC,OAAO,CAAC,EAAE,OAAO,IAAI,CAACJ,kBAAkB;IACnE;IAEA,IAAIK,SAASA,CAAA,EAAG;MACd,OAAO,IAAI,CAAChB,WAAW,IAAI,CAAC;IAC9B;IAEA,IAAIiB,SAASA,CAAA,EAAG;MACd;MACA,OAAO,CAAC,IAAI,CAACpB,UAAU,IAAI,CAAC,KAAK,IAAI,CAACG,WAAW,IAAI,CAAC,CAAC;IACzD;IAEAkB,uBAAuBA,CAAA,EAAG;MACxB,OAAO,IAAI,CAACC,QAAQ,CAAC,OAAO,CAAC;IAC/B;IAEA,IAAIC,gBAAgBA,CAAA,EAAG;MACrB,IAAI,CAAC,IAAI,CAACT,kBAAkB,EAC1B,IAAI,CAACA,kBAAkB,GAAG,IAAAU,6BAAgB,EAAC,IAAI,CAACF,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,IAAI,IAAI,CAACD,uBAAuB;MAE1G,OAAO,IAAI,CAACP,kBAAkB;IAChC;IAEA,IAAIjB,KAAKA,CAAA,EAAG;MACV,OAAOK,MAAM,CAAC,IAAI,CAACqB,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7C;IAEA,IAAI1B,KAAKA,CAACA,KAAK,EAAE;MACf,OAAO,IAAI,CAACiB,kBAAkB;MAC9B,IAAI,CAACW,QAAQ,CAAC,OAAO,EAAEvB,MAAM,CAAC,IAAAwB,eAAQ,EAAC7B,KAAK,CAAC,CAAC,CAAC;IACjD;EACF,CAAC;EAED,OAAOF,CAAC;AACV,CAAC;AAAAgC,OAAA,CAAAC,OAAA,GAAAnC,QAAA","ignoreList":[]}

package/dist/components/mutater/bounds.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = mutateBounds;
+var _transcoord = require("../geometry/transcoord.js");
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+/*
+ * 바운드의 변경이, 컴포넌트의 현재 컴포넌트 rotation의 영향을 받아서 변형되어 보이지 않도록 하기위한 함수이다.
+ * 마치 현재 각도 상태에서 바운드변경을 일으키는 것처럼 보이게된다.
+ *
+ * logic에서는 컴포넌트 좌표 상태에서 바운드 변화를 제공한다.
+ * context 만약, 그리기 상태에서 mutateBounds를 사용하고, logic에서 사용해야 한다면, 제공한다.
+ *
+ * 일반적으로, 컴포넌트내 부분적인 바운드의 변화도 현재 컴포넌트의 rotation에 따라서,
+ * 전체적인 변화를 보이는 경우가 많다. 가시적으로 보이는 전체적인 모양을 고정하고 부분적인 바운드의 변경만이 화면에 적용되도록 하기 위해서 사용한다.
+ * 그렇게 하기 위해서, mutateBounds 내부적으로, bounds 전체에 대해서 변화가 발생하게 된다.
+ */
+
+function mutateBounds(logic, context) {
+  var bounds = this.bounds;
+  var rotatePoint = this.rotatePoint;
+  var rotation = this.get('rotation');
+  var scale = this.get('scale');
+  if (logic) {
+    var new_bounds = logic.call(context, bounds);
+    if (new_bounds) bounds = new_bounds;
+  }
+  var {
+    left,
+    top,
+    width,
+    height
+  } = bounds;
+  var coords = [{
+    x: left,
+    y: top
+  }, {
+    x: left + width,
+    y: top + height
+  }];
+  coords = coords.map(point => {
+    return (0, _transcoord.transcoordRR)(point.x, point.y, rotatePoint, rotation, scale);
+  });
+  var left_top = coords[0];
+  var right_bottom = coords[1];
+  rotatePoint = {
+    x: (left_top.x + right_bottom.x) / 2,
+    y: (left_top.y + right_bottom.y) / 2
+  };
+  coords = coords.map(point => {
+    // 변경된 rotatePoint에 대해서 다시 transcoord함.
+    return (0, _transcoord.transcoordR)(point.x, point.y, rotatePoint, rotation, scale);
+  });
+  left_top = coords[0];
+  right_bottom = coords[1];
+  this.bounds = {
+    left: left_top.x,
+    top: left_top.y,
+    width: right_bottom.x - left_top.x,
+    height: right_bottom.y - left_top.y
+  };
+}
+//# sourceMappingURL=bounds.js.map

package/dist/components/mutater/bounds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bounds.js","names":["_transcoord","require","mutateBounds","logic","context","bounds","rotatePoint","rotation","get","scale","new_bounds","call","left","top","width","height","coords","x","y","map","point","transcoordRR","left_top","right_bottom","transcoordR"],"sources":["../../../src/components/mutater/bounds.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\n/*\n * 바운드의 변경이, 컴포넌트의 현재 컴포넌트 rotation의 영향을 받아서 변형되어 보이지 않도록 하기위한 함수이다.\n * 마치 현재 각도 상태에서 바운드변경을 일으키는 것처럼 보이게된다.\n *\n * logic에서는 컴포넌트 좌표 상태에서 바운드 변화를 제공한다.\n * context 만약, 그리기 상태에서 mutateBounds를 사용하고, logic에서 사용해야 한다면, 제공한다.\n *\n * 일반적으로, 컴포넌트내 부분적인 바운드의 변화도 현재 컴포넌트의 rotation에 따라서,\n * 전체적인 변화를 보이는 경우가 많다. 가시적으로 보이는 전체적인 모양을 고정하고 부분적인 바운드의 변경만이 화면에 적용되도록 하기 위해서 사용한다.\n * 그렇게 하기 위해서, mutateBounds 내부적으로, bounds 전체에 대해서 변화가 발생하게 된다.\n */\n\nimport { transcoordR, transcoordRR } from '../geometry/transcoord.js'\n\nexport default function mutateBounds(logic, context) {\n  var bounds = this.bounds\n  var rotatePoint = this.rotatePoint\n  var rotation = this.get('rotation')\n  var scale = this.get('scale')\n\n  if (logic) {\n    var new_bounds = logic.call(context, bounds)\n    if (new_bounds) bounds = new_bounds\n  }\n\n  var { left, top, width, height } = bounds\n\n  var coords = [\n    {\n      x: left,\n      y: top\n    },\n    {\n      x: left + width,\n      y: top + height\n    }\n  ]\n\n  coords = coords.map(point => {\n    return transcoordRR(point.x, point.y, rotatePoint, rotation, scale)\n  })\n\n  var left_top = coords[0]\n  var right_bottom = coords[1]\n\n  rotatePoint = {\n    x: (left_top.x + right_bottom.x) / 2,\n    y: (left_top.y + right_bottom.y) / 2\n  }\n\n  coords = coords.map(point => {\n    // 변경된 rotatePoint에 대해서 다시 transcoord함.\n    return transcoordR(point.x, point.y, rotatePoint, rotation, scale)\n  })\n\n  left_top = coords[0]\n  right_bottom = coords[1]\n\n  this.bounds = {\n    left: left_top.x,\n    top: left_top.y,\n    width: right_bottom.x - left_top.x,\n    height: right_bottom.y - left_top.y\n  }\n}\n"],"mappings":";;;;;;AAgBA,IAAAA,WAAA,GAAAC,OAAA;AAhBA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIe,SAASC,YAAYA,CAACC,KAAK,EAAEC,OAAO,EAAE;EACnD,IAAIC,MAAM,GAAG,IAAI,CAACA,MAAM;EACxB,IAAIC,WAAW,GAAG,IAAI,CAACA,WAAW;EAClC,IAAIC,QAAQ,GAAG,IAAI,CAACC,GAAG,CAAC,UAAU,CAAC;EACnC,IAAIC,KAAK,GAAG,IAAI,CAACD,GAAG,CAAC,OAAO,CAAC;EAE7B,IAAIL,KAAK,EAAE;IACT,IAAIO,UAAU,GAAGP,KAAK,CAACQ,IAAI,CAACP,OAAO,EAAEC,MAAM,CAAC;IAC5C,IAAIK,UAAU,EAAEL,MAAM,GAAGK,UAAU;EACrC;EAEA,IAAI;IAAEE,IAAI;IAAEC,GAAG;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGV,MAAM;EAEzC,IAAIW,MAAM,GAAG,CACX;IACEC,CAAC,EAAEL,IAAI;IACPM,CAAC,EAAEL;EACL,CAAC,EACD;IACEI,CAAC,EAAEL,IAAI,GAAGE,KAAK;IACfI,CAAC,EAAEL,GAAG,GAAGE;EACX,CAAC,CACF;EAEDC,MAAM,GAAGA,MAAM,CAACG,GAAG,CAACC,KAAK,IAAI;IAC3B,OAAO,IAAAC,wBAAY,EAACD,KAAK,CAACH,CAAC,EAAEG,KAAK,CAACF,CAAC,EAAEZ,WAAW,EAAEC,QAAQ,EAAEE,KAAK,CAAC;EACrE,CAAC,CAAC;EAEF,IAAIa,QAAQ,GAAGN,MAAM,CAAC,CAAC,CAAC;EACxB,IAAIO,YAAY,GAAGP,MAAM,CAAC,CAAC,CAAC;EAE5BV,WAAW,GAAG;IACZW,CAAC,EAAE,CAACK,QAAQ,CAACL,CAAC,GAAGM,YAAY,CAACN,CAAC,IAAI,CAAC;IACpCC,CAAC,EAAE,CAACI,QAAQ,CAACJ,CAAC,GAAGK,YAAY,CAACL,CAAC,IAAI;EACrC,CAAC;EAEDF,MAAM,GAAGA,MAAM,CAACG,GAAG,CAACC,KAAK,IAAI;IAC3B;IACA,OAAO,IAAAI,uBAAW,EAACJ,KAAK,CAACH,CAAC,EAAEG,KAAK,CAACF,CAAC,EAAEZ,WAAW,EAAEC,QAAQ,EAAEE,KAAK,CAAC;EACpE,CAAC,CAAC;EAEFa,QAAQ,GAAGN,MAAM,CAAC,CAAC,CAAC;EACpBO,YAAY,GAAGP,MAAM,CAAC,CAAC,CAAC;EAExB,IAAI,CAACX,MAAM,GAAG;IACZO,IAAI,EAAEU,QAAQ,CAACL,CAAC;IAChBJ,GAAG,EAAES,QAAQ,CAACJ,CAAC;IACfJ,KAAK,EAAES,YAAY,CAACN,CAAC,GAAGK,QAAQ,CAACL,CAAC;IAClCF,MAAM,EAAEQ,YAAY,CAACL,CAAC,GAAGI,QAAQ,CAACJ;EACpC,CAAC;AACH","ignoreList":[]}

package/dist/components/mutater/path.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = mutatePath;
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+/*
+ * 특정 패스의 변경이, 컴포넌트의 현재 컴포넌트 rotation의 영향을 받아서 변형되어 보이지 않도록 하기위한 함수이다.
+ * 마치 현재 각도 상태에서 PATH의 변경을 일으키는 것처럼 보이게된다.
+ * beforLogic에서는 컴포넌트 좌표 상태에서 패스 변화가 필요한 경우에 제공한다.
+ * afterLogic에서는 컨테이너 좌표 상태에서 패스 변화가 필요한 경우에 제공한다.
+ * context 만약, 그리기 상태에서 mutatePath를 사용하고, beforeLogic이나 afterLogic에서 사용해야 한다면, 제공한다.
+ *
+ * 일반적으로, 컴포넌트내 부분적인 path의 변화도 현재 컴포넌트의 rotation에 따라서,
+ * 전체적인 변화를 보이는 경우가 많다. 가시적으로 보이는 전체적인 모양을 고정하고 부분적인 패스의 변경만이 화면에 적용되도록 하기 위해서 사용한다.
+ * 그렇게 하기 위해서, mutatePath 내부적으로, path 전체에 대해서 변화가 발생하게 된다.
+ */
+
+function mutatePath(beforeLogic, afterLogic, context) {
+  // 1. 컴포넌트의 path 정보를 가져온다.
+  var path = this.path;
+  var rotatePoint = this.rotatePoint;
+  var rotation = this.get('rotation');
+  var scale = this.get('scale');
+  if (beforeLogic) path = beforeLogic.call(context, path);
+  var path_in_parent = path.map(point => {
+    return this.transcoordS2P(point.x, point.y);
+  });
+
+  // 3. 이동한 핸들의 위치로 패스 정보를 수정한다. (핸들 위치는 transcoord하지 않은 화면위치값으로 한다.)
+  if (afterLogic) {
+    var path = afterLogic.call(context, path_in_parent);
+    if (path) path_in_parent = path;
+  }
+
+  // 4. 첫번째 패스 포인트를 임의의 센터로 정하고, 모든 패스정보를 transcoord시킨다.
+  var vcenter = {
+    x: 0,
+    y: 0
+  };
+  var path = path_in_parent.map(point => {
+    return this.transcoordP2S(point.x, point.y, vcenter);
+  });
+
+  // 5. 회전한 패스의 바운드를 구한다.
+  var left, right, top, bottom;
+  left = right = path[0].x;
+  top = bottom = path[0].y;
+  for (let i = 1; i < path.length; i++) {
+    let point = path[i];
+    if (point.x < left) left = point.x;else if (point.x > right) right = point.x;
+    if (point.y < top) top = point.y;else if (point.y > bottom) bottom = point.y;
+  }
+
+  // 6. 바운드에 기준해서 rotatePoint 값을 구한다.
+  rotatePoint = {
+    x: (left + right) / 2,
+    y: (top + bottom) / 2
+  };
+
+  // 7. 구한 center값을 다시 가상의 중심으로 reverTranscoord해서 정확한 중심값을 구한다.
+  rotatePoint = this.transcoordS2P(rotatePoint.x, rotatePoint.y, vcenter);
+
+  // 8. Keep한 패스의 모든 포지션에 center를 적용한 transcoord를 적용하여, 새로운 패스를 구한다.
+  this.path = path_in_parent.map(point => {
+    return this.transcoordP2S(point.x, point.y, rotatePoint);
+  });
+}
+//# sourceMappingURL=path.js.map

package/dist/components/mutater/path.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"path.js","names":["mutatePath","beforeLogic","afterLogic","context","path","rotatePoint","rotation","get","scale","call","path_in_parent","map","point","transcoordS2P","x","y","vcenter","transcoordP2S","left","right","top","bottom","i","length"],"sources":["../../../src/components/mutater/path.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\n/*\n * 특정 패스의 변경이, 컴포넌트의 현재 컴포넌트 rotation의 영향을 받아서 변형되어 보이지 않도록 하기위한 함수이다.\n * 마치 현재 각도 상태에서 PATH의 변경을 일으키는 것처럼 보이게된다.\n * beforLogic에서는 컴포넌트 좌표 상태에서 패스 변화가 필요한 경우에 제공한다.\n * afterLogic에서는 컨테이너 좌표 상태에서 패스 변화가 필요한 경우에 제공한다.\n * context 만약, 그리기 상태에서 mutatePath를 사용하고, beforeLogic이나 afterLogic에서 사용해야 한다면, 제공한다.\n *\n * 일반적으로, 컴포넌트내 부분적인 path의 변화도 현재 컴포넌트의 rotation에 따라서,\n * 전체적인 변화를 보이는 경우가 많다. 가시적으로 보이는 전체적인 모양을 고정하고 부분적인 패스의 변경만이 화면에 적용되도록 하기 위해서 사용한다.\n * 그렇게 하기 위해서, mutatePath 내부적으로, path 전체에 대해서 변화가 발생하게 된다.\n */\n\nexport default function mutatePath(beforeLogic, afterLogic, context) {\n  // 1. 컴포넌트의 path 정보를 가져온다.\n  var path = this.path\n  var rotatePoint = this.rotatePoint\n  var rotation = this.get('rotation')\n  var scale = this.get('scale')\n\n  if (beforeLogic) path = beforeLogic.call(context, path)\n\n  var path_in_parent = path.map(point => {\n    return this.transcoordS2P(point.x, point.y)\n  })\n\n  // 3. 이동한 핸들의 위치로 패스 정보를 수정한다. (핸들 위치는 transcoord하지 않은 화면위치값으로 한다.)\n  if (afterLogic) {\n    var path = afterLogic.call(context, path_in_parent)\n    if (path) path_in_parent = path\n  }\n\n  // 4. 첫번째 패스 포인트를 임의의 센터로 정하고, 모든 패스정보를 transcoord시킨다.\n  var vcenter = { x: 0, y: 0 }\n  var path = path_in_parent.map(point => {\n    return this.transcoordP2S(point.x, point.y, vcenter)\n  })\n\n  // 5. 회전한 패스의 바운드를 구한다.\n  var left, right, top, bottom\n\n  left = right = path[0].x\n  top = bottom = path[0].y\n\n  for (let i = 1; i < path.length; i++) {\n    let point = path[i]\n\n    if (point.x < left) left = point.x\n    else if (point.x > right) right = point.x\n\n    if (point.y < top) top = point.y\n    else if (point.y > bottom) bottom = point.y\n  }\n\n  // 6. 바운드에 기준해서 rotatePoint 값을 구한다.\n  rotatePoint = {\n    x: (left + right) / 2,\n    y: (top + bottom) / 2\n  }\n\n  // 7. 구한 center값을 다시 가상의 중심으로 reverTranscoord해서 정확한 중심값을 구한다.\n  rotatePoint = this.transcoordS2P(rotatePoint.x, rotatePoint.y, vcenter)\n\n  // 8. Keep한 패스의 모든 포지션에 center를 적용한 transcoord를 적용하여, 새로운 패스를 구한다.\n  this.path = path_in_parent.map(point => {\n    return this.transcoordP2S(point.x, point.y, rotatePoint)\n  })\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEe,SAASA,UAAUA,CAACC,WAAW,EAAEC,UAAU,EAAEC,OAAO,EAAE;EACnE;EACA,IAAIC,IAAI,GAAG,IAAI,CAACA,IAAI;EACpB,IAAIC,WAAW,GAAG,IAAI,CAACA,WAAW;EAClC,IAAIC,QAAQ,GAAG,IAAI,CAACC,GAAG,CAAC,UAAU,CAAC;EACnC,IAAIC,KAAK,GAAG,IAAI,CAACD,GAAG,CAAC,OAAO,CAAC;EAE7B,IAAIN,WAAW,EAAEG,IAAI,GAAGH,WAAW,CAACQ,IAAI,CAACN,OAAO,EAAEC,IAAI,CAAC;EAEvD,IAAIM,cAAc,GAAGN,IAAI,CAACO,GAAG,CAACC,KAAK,IAAI;IACrC,OAAO,IAAI,CAACC,aAAa,CAACD,KAAK,CAACE,CAAC,EAAEF,KAAK,CAACG,CAAC,CAAC;EAC7C,CAAC,CAAC;;EAEF;EACA,IAAIb,UAAU,EAAE;IACd,IAAIE,IAAI,GAAGF,UAAU,CAACO,IAAI,CAACN,OAAO,EAAEO,cAAc,CAAC;IACnD,IAAIN,IAAI,EAAEM,cAAc,GAAGN,IAAI;EACjC;;EAEA;EACA,IAAIY,OAAO,GAAG;IAAEF,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE,CAAC;EAC5B,IAAIX,IAAI,GAAGM,cAAc,CAACC,GAAG,CAACC,KAAK,IAAI;IACrC,OAAO,IAAI,CAACK,aAAa,CAACL,KAAK,CAACE,CAAC,EAAEF,KAAK,CAACG,CAAC,EAAEC,OAAO,CAAC;EACtD,CAAC,CAAC;;EAEF;EACA,IAAIE,IAAI,EAAEC,KAAK,EAAEC,GAAG,EAAEC,MAAM;EAE5BH,IAAI,GAAGC,KAAK,GAAGf,IAAI,CAAC,CAAC,CAAC,CAACU,CAAC;EACxBM,GAAG,GAAGC,MAAM,GAAGjB,IAAI,CAAC,CAAC,CAAC,CAACW,CAAC;EAExB,KAAK,IAAIO,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGlB,IAAI,CAACmB,MAAM,EAAED,CAAC,EAAE,EAAE;IACpC,IAAIV,KAAK,GAAGR,IAAI,CAACkB,CAAC,CAAC;IAEnB,IAAIV,KAAK,CAACE,CAAC,GAAGI,IAAI,EAAEA,IAAI,GAAGN,KAAK,CAACE,CAAC,MAC7B,IAAIF,KAAK,CAACE,CAAC,GAAGK,KAAK,EAAEA,KAAK,GAAGP,KAAK,CAACE,CAAC;IAEzC,IAAIF,KAAK,CAACG,CAAC,GAAGK,GAAG,EAAEA,GAAG,GAAGR,KAAK,CAACG,CAAC,MAC3B,IAAIH,KAAK,CAACG,CAAC,GAAGM,MAAM,EAAEA,MAAM,GAAGT,KAAK,CAACG,CAAC;EAC7C;;EAEA;EACAV,WAAW,GAAG;IACZS,CAAC,EAAE,CAACI,IAAI,GAAGC,KAAK,IAAI,CAAC;IACrBJ,CAAC,EAAE,CAACK,GAAG,GAAGC,MAAM,IAAI;EACtB,CAAC;;EAED;EACAhB,WAAW,GAAG,IAAI,CAACQ,aAAa,CAACR,WAAW,CAACS,CAAC,EAAET,WAAW,CAACU,CAAC,EAAEC,OAAO,CAAC;;EAEvE;EACA,IAAI,CAACZ,IAAI,GAAGM,cAAc,CAACC,GAAG,CAACC,KAAK,IAAI;IACtC,OAAO,IAAI,CAACK,aAAa,CAACL,KAAK,CAACE,CAAC,EAAEF,KAAK,CAACG,CAAC,EAAEV,WAAW,CAAC;EAC1D,CAAC,CAAC;AACJ","ignoreList":[]}