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

package/dist/components/line.js

@@ -0,0 +1,374 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WEST = exports.SOUTH = exports.NORTH = exports.EAST = void 0;
+var _component = _interopRequireDefault(require("./component.js"));
+var _line = require("./drawer/line.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+const NORTH = exports.NORTH = 'N';
+const SOUTH = exports.SOUTH = 'S';
+const EAST = exports.EAST = 'E';
+const WEST = exports.WEST = 'W';
+class LinkEnd {
+  constructor({
+    component,
+    anchor,
+    position,
+    self
+  }) {
+    this.component = component; /* component */
+    this._anchorName = anchor;
+    this._position = position;
+    this.self = self;
+  }
+  get position() {
+    const anchor = this.anchor;
+    if (anchor) {
+      var {
+        position
+      } = anchor;
+      const fromTop = this.component.transcoordS2T(position.x, position.y);
+      return this.self.transcoordT2P(fromTop.x, fromTop.y);
+    }
+    return this._position;
+  }
+  set position({
+    x,
+    y
+  }) {
+    this._position = {
+      x,
+      y
+    };
+  }
+  get anchor() {
+    return this.component?.findAnchor(this._anchorName /* anchor name */);
+  }
+  get direction() {
+    const bounds = this.component.bounds;
+    const anchor = this.anchor;
+    if (!anchor) {
+      return EAST;
+    }
+    const position = anchor.position;
+    if (position.y <= bounds.top) {
+      return NORTH;
+    }
+    if (position.y >= bounds.top + bounds.height) {
+      return SOUTH;
+    }
+    if (position.x <= bounds.left) {
+      return WEST;
+    }
+    return EAST;
+  }
+  get boundaryPosition() {
+    const anchor = this.anchor;
+    if (anchor) {
+      var {
+        position
+      } = anchor;
+      var dx = 0,
+        dy = 0;
+      switch (this.direction) {
+        case SOUTH:
+          dy = 20;
+          break;
+        case NORTH:
+          dy = -20;
+          break;
+        case WEST:
+          dx = -20;
+          break;
+        case EAST:
+        default:
+          dx = 20;
+      }
+      position = {
+        x: position.x + dx,
+        y: position.y + dy
+      };
+      const fromTop = this.component.transcoordS2T(position.x, position.y);
+      return this.self.transcoordT2P(fromTop.x, fromTop.y);
+    }
+  }
+}
+
+/**
+ * LinkEndConfig definition
+ * @typedef {Object} LinkEndConfig
+ * @property {string} component - end component refid
+ * @property {string} anchor - end anchor name of end component
+ * @property {Position} position - position of the link end
+ */
+
+/**
+ * Line type definition
+ * @typedef {Object} Line
+ * @property {LinkEndConfig} from
+ * @property {LinkEndConfig} to
+ * @property {LinkEnd} fromEnd
+ * @property {LinkEnd} toEnd
+ */
+class Line extends _component.default {
+  isLine() {
+    return true;
+  }
+  replaceRefids(replaceMap) {
+    ;
+    ['from', 'to'].forEach(fromto => {
+      const anchor = this.get(fromto);
+      if (anchor?.component) {
+        const refid = replaceMap.get(anchor.component) || anchor.component;
+        this.set(fromto, {
+          ...anchor,
+          component: refid
+        });
+      }
+    });
+  }
+  get fromEnd() {
+    if (this.parent && !this._fromEnd) {
+      const {
+        component,
+        anchor,
+        position
+      } = this.getState('from') || {};
+      if (!component) {
+        return;
+      }
+      const componentObject = this.root?.findByRefid(component);
+      if (!componentObject) {
+        return;
+      }
+      this._fromEnd = new LinkEnd({
+        component: componentObject,
+        fromto: 'from',
+        anchor,
+        position,
+        self: this
+      });
+    }
+    return this._fromEnd;
+  }
+  get from() {
+    return this.getState('from');
+  }
+  set from(from) {
+    delete this._fromEnd;
+    this.set('from', from);
+  }
+  get toEnd() {
+    if (this.parent && !this._toEnd) {
+      const {
+        component,
+        anchor,
+        position
+      } = this.getState('to') || {};
+      if (!component) {
+        return;
+      }
+      const componentObject = this.root?.findByRefid(component);
+      if (!componentObject) {
+        return;
+      }
+      this._toEnd = new LinkEnd({
+        component: componentObject,
+        fromto: 'to',
+        anchor,
+        position,
+        self: this
+      });
+    }
+    return this._toEnd;
+  }
+  get to() {
+    return this.getState('to');
+  }
+  set to(to) {
+    delete this._toEnd;
+    this.set('to', to);
+  }
+  move({
+    x,
+    y
+  }, absolutly) {
+    if (absolutly) {
+      /* move시에는 먼저 anchor들을 detach한다. */
+      this.from = {
+        position: this._fromEnd?.position || this.getState('from')?.position || {
+          x: 0,
+          y: 0
+        }
+      };
+      this.to = {
+        position: this._toEnd?.position || this.getState('to')?.position || {
+          x: 0,
+          y: 0
+        }
+      };
+    }
+    super.move({
+      x,
+      y
+    }, absolutly);
+  }
+  render(ctx) {
+    var {
+      begin = 'none',
+      end = 'none',
+      lineWidth,
+      round = 0
+    } = this.state;
+    var path = this.drawPath;
+    (0, _line.drawEndTips)(ctx, path, this.state);
+    ctx.beginPath();
+    var beginPos = (0, _line.getTipNeckPos)(begin, lineWidth, path[0], path[1]);
+    var endPos = (0, _line.getTipNeckPos)(end, lineWidth, path[path.length - 1], path[path.length - 2]);
+    path = [beginPos, ...path.slice(1, -1), endPos];
+    var cursor = {
+      x: beginPos.x,
+      y: beginPos.y
+    };
+    ctx.moveTo(beginPos.x, beginPos.y);
+    for (var i = 1; i < path.length; i++) {
+      const prev = cursor;
+      cursor = path[i];
+      const next = path[i + 1];
+      if (prev.x === cursor.x && prev.y === cursor.y) {
+        continue;
+      }
+      if (!next) {
+        ctx.lineTo(cursor.x, cursor.y);
+        break;
+      }
+      var length = Math.sqrt((prev.x - cursor.x) * (prev.x - cursor.x) + (prev.y - cursor.y) * (prev.y - cursor.y));
+      var theta = length !== 0 ? Math.atan2(prev.x - cursor.x, prev.y - cursor.y) : 0;
+      var x = Math.sin(theta) * Math.min(round, length / 2) + cursor.x;
+      var y = Math.cos(theta) * Math.min(round, length / 2) + cursor.y;
+      const p1 = round > 0 || length !== 0 ? {
+        x,
+        y
+      } : cursor;
+      var length = Math.sqrt((next.x - cursor.x) * (next.x - cursor.x) + (next.y - cursor.y) * (next.y - cursor.y));
+      theta = length !== 0 ? Math.atan2(next.x - cursor.x, next.y - cursor.y) : 0;
+      x = Math.sin(theta) * Math.min(round, length / 2) + cursor.x;
+      y = Math.cos(theta) * Math.min(round, length / 2) + cursor.y;
+      const p2 = round > 0 || length !== 0 ? {
+        x,
+        y
+      } : cursor;
+      ctx.lineTo(p1.x, p1.y);
+      round > 0 && ctx.quadraticCurveTo(cursor.x, cursor.y, p2.x, p2.y);
+    }
+    this.drawStroke(ctx);
+  }
+  contains(x, y) {
+    // 효율을 위해서, contains를 호출하기 전에 x, y좌표값은 이 컴포넌트에 대해서 이미 transcoord 된 상태이다.
+    // 참조 : capture(x, y)
+    var {
+      lineWidth
+    } = this.state;
+    return (0, _line.containedInPath)(x, y, this.drawPath, lineWidth);
+  }
+  get resizable() {
+    return false;
+  }
+  get mutable() {
+    return true;
+  }
+  get rotatable() {
+    return false;
+  }
+  get path() {
+    const {
+      from,
+      to
+    } = this.state;
+    var {
+      x1,
+      y1,
+      x2,
+      y2
+    } = this.state;
+    return [this.fromEnd?.position || from?.position || {
+      x: x1,
+      y: y1
+    }, this.toEnd?.position || to?.position || {
+      x: x2,
+      y: y2
+    }];
+  }
+  set path(path) {
+    const [p1, p2] = path;
+    const {
+      from,
+      to
+    } = this.state;
+    delete this._fromEnd;
+    delete this._toEnd;
+    this.set({
+      from: {
+        ...from,
+        position: p1
+      },
+      to: {
+        ...to,
+        position: p2
+      }
+    });
+  }
+  get textBounds() {
+    var path = this.drawPath;
+    var from, to;
+    var maxLength = 0;
+
+    /* Find the longest path and set its midpoint as textBounds */
+    for (let i = 1; i < path.length; i++) {
+      var prev = path[i - 1];
+      var next = path[i];
+      var length = (prev.x - next.x) * (prev.x - next.x) + (prev.y - next.y) * (prev.y - next.y);
+      if (length > maxLength) {
+        // In case of similar length, the front pass takes precedence.(비슷한 길이인 경우에는 앞쪽 패스를 우선시한다)
+        maxLength = Math.ceil(length);
+        from = prev;
+        to = next;
+      }
+    }
+    var {
+      paddingTop,
+      paddingLeft,
+      paddingRight,
+      paddingBottom
+    } = this.state;
+    paddingBottom ||= 0;
+    paddingTop ||= 0;
+    paddingLeft ||= 0;
+    paddingRight ||= 0;
+    return {
+      left: Math.min(from.x, to.x) + paddingLeft,
+      top: Math.min(from.y, to.y) + paddingTop,
+      width: Math.max(Math.abs(from.x - to.x) - paddingLeft - paddingRight, 0),
+      height: Math.max(Math.abs(from.y - to.y) - paddingTop - paddingBottom, 0)
+    };
+  }
+  get decorators() {
+    return ['decotag'];
+  }
+}
+exports.default = Line;
+Line.getTipNeckPos = _line.getTipNeckPos;
+Line.containedInPath = _line.containedInPath;
+Line.drawEndTips = _line.drawEndTips;
+
+/* anchor에 붙은 line은 모델의 변경없이도 position이 변화할 수 있으므로, memoize를 하지 않는다. */
+// Component.memoize(Line.prototype, 'path', false)
+
+_component.default.register('line', Line);
+//# sourceMappingURL=line.js.map

package/dist/components/line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line.js","names":["_component","_interopRequireDefault","require","_line","e","__esModule","default","NORTH","exports","SOUTH","EAST","WEST","LinkEnd","constructor","component","anchor","position","self","_anchorName","_position","fromTop","transcoordS2T","x","y","transcoordT2P","findAnchor","direction","bounds","top","height","left","boundaryPosition","dx","dy","Line","Component","isLine","replaceRefids","replaceMap","forEach","fromto","get","refid","set","fromEnd","parent","_fromEnd","getState","componentObject","root","findByRefid","from","toEnd","_toEnd","to","move","absolutly","render","ctx","begin","end","lineWidth","round","state","path","drawPath","drawEndTips","beginPath","beginPos","getTipNeckPos","endPos","length","slice","cursor","moveTo","i","prev","next","lineTo","Math","sqrt","theta","atan2","sin","min","cos","p1","p2","quadraticCurveTo","drawStroke","contains","containedInPath","resizable","mutable","rotatable","x1","y1","x2","y2","textBounds","maxLength","ceil","paddingTop","paddingLeft","paddingRight","paddingBottom","width","max","abs","decorators","register"],"sources":["../../src/components/line.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport Component from './component.js'\nimport { containedInPath, drawEndTips, getTipNeckPos } from './drawer/line.js'\n\nexport const NORTH = 'N'\nexport const SOUTH = 'S'\nexport const EAST = 'E'\nexport const WEST = 'W'\n\nclass LinkEnd {\n  constructor({ component, anchor, position, self }) {\n    this.component = component /* component */\n    this._anchorName = anchor\n    this._position = position\n    this.self = self\n  }\n\n  get position() {\n    const anchor = this.anchor\n    if (anchor) {\n      var { position } = anchor\n\n      const fromTop = this.component.transcoordS2T(position.x, position.y)\n      return this.self.transcoordT2P(fromTop.x, fromTop.y)\n    }\n\n    return this._position\n  }\n\n  set position({ x, y }) {\n    this._position = { x, y }\n  }\n\n  get anchor() {\n    return this.component?.findAnchor(this._anchorName /* anchor name */)\n  }\n\n  get direction() {\n    const bounds = this.component.bounds\n    const anchor = this.anchor\n\n    if (!anchor) {\n      return EAST\n    }\n\n    const position = anchor.position\n\n    if (position.y <= bounds.top) {\n      return NORTH\n    }\n    if (position.y >= bounds.top + bounds.height) {\n      return SOUTH\n    }\n    if (position.x <= bounds.left) {\n      return WEST\n    }\n\n    return EAST\n  }\n\n  get boundaryPosition() {\n    const anchor = this.anchor\n\n    if (anchor) {\n      var { position } = anchor\n\n      var dx = 0,\n        dy = 0\n      switch (this.direction) {\n        case SOUTH:\n          dy = 20\n          break\n        case NORTH:\n          dy = -20\n          break\n        case WEST:\n          dx = -20\n          break\n        case EAST:\n        default:\n          dx = 20\n      }\n\n      position = {\n        x: position.x + dx,\n        y: position.y + dy\n      }\n\n      const fromTop = this.component.transcoordS2T(position.x, position.y)\n      return this.self.transcoordT2P(fromTop.x, fromTop.y)\n    }\n  }\n}\n\n/**\n * LinkEndConfig definition\n * @typedef {Object} LinkEndConfig\n * @property {string} component - end component refid\n * @property {string} anchor - end anchor name of end component\n * @property {Position} position - position of the link end\n */\n\n/**\n * Line type definition\n * @typedef {Object} Line\n * @property {LinkEndConfig} from\n * @property {LinkEndConfig} to\n * @property {LinkEnd} fromEnd\n * @property {LinkEnd} toEnd\n */\nexport default class Line extends Component {\n  isLine() {\n    return true\n  }\n\n  replaceRefids(replaceMap) {\n    ;['from', 'to'].forEach(fromto => {\n      const anchor = this.get(fromto)\n      if (anchor?.component) {\n        const refid = replaceMap.get(anchor.component) || anchor.component\n        this.set(fromto, {\n          ...anchor,\n          component: refid\n        })\n      }\n    })\n  }\n\n  get fromEnd() {\n    if (this.parent && !this._fromEnd) {\n      const { component, anchor, position } = this.getState('from') || {}\n\n      if (!component) {\n        return\n      }\n\n      const componentObject = this.root?.findByRefid(component)\n      if (!componentObject) {\n        return\n      }\n\n      this._fromEnd = new LinkEnd({\n        component: componentObject,\n        fromto: 'from',\n        anchor,\n        position,\n        self: this\n      })\n    }\n\n    return this._fromEnd\n  }\n\n  get from() {\n    return this.getState('from')\n  }\n\n  set from(from) {\n    delete this._fromEnd\n    this.set('from', from)\n  }\n\n  get toEnd() {\n    if (this.parent && !this._toEnd) {\n      const { component, anchor, position } = this.getState('to') || {}\n\n      if (!component) {\n        return\n      }\n\n      const componentObject = this.root?.findByRefid(component)\n      if (!componentObject) {\n        return\n      }\n\n      this._toEnd = new LinkEnd({\n        component: componentObject,\n        fromto: 'to',\n        anchor,\n        position,\n        self: this\n      })\n    }\n\n    return this._toEnd\n  }\n\n  get to() {\n    return this.getState('to')\n  }\n\n  set to(to) {\n    delete this._toEnd\n    this.set('to', to)\n  }\n\n  move({ x, y }, absolutly) {\n    if (absolutly) {\n      /* move시에는 먼저 anchor들을 detach한다. */\n      this.from = {\n        position: this._fromEnd?.position || this.getState('from')?.position || { x: 0, y: 0 }\n      }\n      this.to = {\n        position: this._toEnd?.position || this.getState('to')?.position || { x: 0, y: 0 }\n      }\n    }\n\n    super.move({ x, y }, absolutly)\n  }\n\n  render(ctx) {\n    var { begin = 'none', end = 'none', lineWidth, round = 0 } = this.state\n\n    var path = this.drawPath\n\n    drawEndTips(ctx, path, this.state)\n\n    ctx.beginPath()\n\n    var beginPos = getTipNeckPos(begin, lineWidth, path[0], path[1])\n    var endPos = getTipNeckPos(end, lineWidth, path[path.length - 1], path[path.length - 2])\n\n    path = [beginPos, ...path.slice(1, -1), endPos]\n    var cursor = { x: beginPos.x, y: beginPos.y }\n    ctx.moveTo(beginPos.x, beginPos.y)\n\n    for (var i = 1; i < path.length; i++) {\n      const prev = cursor\n      cursor = path[i]\n\n      const next = path[i + 1]\n      if (prev.x === cursor.x && prev.y === cursor.y) {\n        continue\n      }\n\n      if (!next) {\n        ctx.lineTo(cursor.x, cursor.y)\n        break\n      }\n\n      var length = Math.sqrt((prev.x - cursor.x) * (prev.x - cursor.x) + (prev.y - cursor.y) * (prev.y - cursor.y))\n      var theta = length !== 0 ? Math.atan2(prev.x - cursor.x, prev.y - cursor.y) : 0\n      var x = Math.sin(theta) * Math.min(round, length / 2) + cursor.x\n      var y = Math.cos(theta) * Math.min(round, length / 2) + cursor.y\n\n      const p1 = round > 0 || length !== 0 ? { x, y } : cursor\n\n      var length = Math.sqrt((next.x - cursor.x) * (next.x - cursor.x) + (next.y - cursor.y) * (next.y - cursor.y))\n      theta = length !== 0 ? Math.atan2(next.x - cursor.x, next.y - cursor.y) : 0\n      x = Math.sin(theta) * Math.min(round, length / 2) + cursor.x\n      y = Math.cos(theta) * Math.min(round, length / 2) + cursor.y\n\n      const p2 = round > 0 || length !== 0 ? { x, y } : cursor\n\n      ctx.lineTo(p1.x, p1.y)\n      round > 0 && ctx.quadraticCurveTo(cursor.x, cursor.y, p2.x, p2.y)\n    }\n\n    this.drawStroke(ctx)\n  }\n\n  contains(x, y) {\n    // 효율을 위해서, contains를 호출하기 전에 x, y좌표값은 이 컴포넌트에 대해서 이미 transcoord 된 상태이다.\n    // 참조 : capture(x, y)\n    var { lineWidth } = this.state\n\n    return containedInPath(x, y, this.drawPath, lineWidth)\n  }\n\n  get resizable() {\n    return false\n  }\n\n  get mutable() {\n    return true\n  }\n\n  get rotatable() {\n    return false\n  }\n\n  get path() {\n    const { from, to } = this.state\n    var { x1, y1, x2, y2 } = this.state\n\n    return [\n      this.fromEnd?.position ||\n        from?.position || {\n          x: x1,\n          y: y1\n        },\n      this.toEnd?.position ||\n        to?.position || {\n          x: x2,\n          y: y2\n        }\n    ]\n  }\n\n  set path(path) {\n    const [p1, p2] = path\n    const { from, to } = this.state\n\n    delete this._fromEnd\n    delete this._toEnd\n\n    this.set({\n      from: {\n        ...from,\n        position: p1\n      },\n      to: {\n        ...to,\n        position: p2\n      }\n    })\n  }\n\n  get textBounds() {\n    var path = this.drawPath\n\n    var from, to\n    var maxLength = 0\n\n    /* Find the longest path and set its midpoint as textBounds */\n    for (let i = 1; i < path.length; i++) {\n      var prev = path[i - 1]\n      var next = path[i]\n\n      var length = (prev.x - next.x) * (prev.x - next.x) + (prev.y - next.y) * (prev.y - next.y)\n      if (length > maxLength) {\n        // In case of similar length, the front pass takes precedence.(비슷한 길이인 경우에는 앞쪽 패스를 우선시한다)\n        maxLength = Math.ceil(length)\n        from = prev\n        to = next\n      }\n    }\n\n    var { paddingTop, paddingLeft, paddingRight, paddingBottom } = this.state\n\n    paddingBottom ||= 0\n    paddingTop ||= 0\n    paddingLeft ||= 0\n    paddingRight ||= 0\n\n    return {\n      left: Math.min(from.x, to.x) + paddingLeft,\n      top: Math.min(from.y, to.y) + paddingTop,\n      width: Math.max(Math.abs(from.x - to.x) - paddingLeft - paddingRight, 0),\n      height: Math.max(Math.abs(from.y - to.y) - paddingTop - paddingBottom, 0)\n    }\n  }\n\n  get decorators() {\n    return ['decotag']\n  }\n}\n\nLine.getTipNeckPos = getTipNeckPos\nLine.containedInPath = containedInPath\nLine.drawEndTips = drawEndTips\n\n/* anchor에 붙은 line은 모델의 변경없이도 position이 변화할 수 있으므로, memoize를 하지 않는다. */\n// Component.memoize(Line.prototype, 'path', false)\n\nComponent.register('line', Line)\n"],"mappings":"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","ignoreList":[]}

package/dist/components/local-ref.js

@@ -0,0 +1,114 @@
+"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: 'id-input',
+    label: 'ref',
+    name: 'ref'
+  }, {
+    type: 'select',
+    label: 'fit',
+    name: 'fit',
+    property: {
+      options: ['', 'both', 'ratio']
+    }
+  }],
+  'value-property': 'ref',
+  help: 'scene/component/local-ref'
+};
+class LocalRef extends (0, _rectPath.default)(_shape.default) {
+  get ref() {
+    var ref = this.getState('ref');
+    if (!ref || typeof ref != 'string') return null;
+    return this.root.findById(ref);
+  }
+  set ref(ref) {
+    this.setState('ref', ref);
+  }
+  get refScale() {
+    let targetBounds = this.ref.bounds;
+    let bounds = this.bounds;
+    let sx = bounds.width / targetBounds.width;
+    let sy = bounds.height / targetBounds.height;
+    switch (this.model.fit) {
+      case 'both':
+        return {
+          x: sx,
+          y: sy
+        };
+        break;
+      case 'ratio':
+      default:
+        return {
+          x: Math.min(sx, sy),
+          y: Math.min(sx, sy)
+        };
+        break;
+    }
+  }
+  draw(ctx) {
+    if (this._drawing) return;
+    this._drawing = true;
+    super.draw(ctx);
+    this._drawing = false;
+  }
+  prerender(ctx) {
+    super.prerender(ctx);
+    if (this.ref) {
+      let targetCenter = this.ref.center;
+      let center = this.center;
+      let scale = this.refScale;
+      ctx.translate(center.x, center.y);
+      ctx.scale(scale.x, scale.y);
+      ctx.translate(-targetCenter.x, -targetCenter.y);
+    }
+  }
+  postrender(ctx) {
+    if (this.ref) return this.ref.postrender(ctx);
+    super.postrender(ctx);
+  }
+  render(ctx) {
+    if (this.ref) return this.ref.render(ctx);
+    var {
+      round = 0
+    } = this.state;
+    var {
+      left,
+      top,
+      width,
+      height
+    } = this.bounds;
+
+    // 박스 그리기
+    ctx.beginPath();
+    ctx.rect(left, top, width, height);
+
+    // TODO Logic
+  }
+  get nature() {
+    return NATURE;
+  }
+  get hasTextProperty() {
+    return false;
+  }
+}
+exports.default = LocalRef;
+_component.default.memoize(LocalRef.prototype, 'ref', false);
+_component.default.memoize(LocalRef.prototype, 'refScale', false);
+_component.default.register('local-ref', LocalRef);
+//# sourceMappingURL=local-ref.js.map

package/dist/components/local-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"local-ref.js","names":["_component","_interopRequireDefault","require","_shape","_rectPath","e","__esModule","default","NATURE","mutable","resizable","rotatable","properties","type","label","name","property","options","help","LocalRef","RectPath","Shape","ref","getState","root","findById","setState","refScale","targetBounds","bounds","sx","width","sy","height","model","fit","x","y","Math","min","draw","ctx","_drawing","prerender","targetCenter","center","scale","translate","postrender","render","round","state","left","top","beginPath","rect","nature","hasTextProperty","exports","Component","memoize","prototype","register"],"sources":["../../src/components/local-ref.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport Component from './component.js'\nimport Shape from './shape.js'\n\nimport RectPath from './mixins/rect-path.js'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'id-input',\n      label: 'ref',\n      name: 'ref'\n    },\n    {\n      type: 'select',\n      label: 'fit',\n      name: 'fit',\n      property: {\n        options: ['', 'both', 'ratio']\n      }\n    }\n  ],\n  'value-property': 'ref',\n  help: 'scene/component/local-ref'\n}\n\nexport default class LocalRef extends RectPath(Shape) {\n  get ref() {\n    var ref = this.getState('ref')\n\n    if (!ref || typeof ref != 'string') return null\n\n    return this.root.findById(ref)\n  }\n\n  set ref(ref) {\n    this.setState('ref', ref)\n  }\n\n  get refScale() {\n    let targetBounds = this.ref.bounds\n    let bounds = this.bounds\n\n    let sx = bounds.width / targetBounds.width\n    let sy = bounds.height / targetBounds.height\n\n    switch (this.model.fit) {\n      case 'both':\n        return {\n          x: sx,\n          y: sy\n        }\n        break\n      case 'ratio':\n      default:\n        return {\n          x: Math.min(sx, sy),\n          y: Math.min(sx, sy)\n        }\n        break\n    }\n  }\n\n  draw(ctx) {\n    if (this._drawing) return\n\n    this._drawing = true\n    super.draw(ctx)\n    this._drawing = false\n  }\n\n  prerender(ctx) {\n    super.prerender(ctx)\n\n    if (this.ref) {\n      let targetCenter = this.ref.center\n      let center = this.center\n\n      let scale = this.refScale\n\n      ctx.translate(center.x, center.y)\n      ctx.scale(scale.x, scale.y)\n      ctx.translate(-targetCenter.x, -targetCenter.y)\n    }\n  }\n\n  postrender(ctx) {\n    if (this.ref) return this.ref.postrender(ctx)\n\n    super.postrender(ctx)\n  }\n\n  render(ctx) {\n    if (this.ref) return this.ref.render(ctx)\n\n    var { round = 0 } = this.state\n\n    var { left, top, width, height } = this.bounds\n\n    // 박스 그리기\n    ctx.beginPath()\n\n    ctx.rect(left, top, width, height)\n\n    // TODO Logic\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  get hasTextProperty() {\n    return false\n  }\n}\n\nComponent.memoize(LocalRef.prototype, 'ref', false)\nComponent.memoize(LocalRef.prototype, 'refScale', false)\n\nComponent.register('local-ref', LocalRef)\n"],"mappings":"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","ignoreList":[]}

package/dist/components/mixins/connectable.js

@@ -0,0 +1,128 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _anchor = require("../anchor/anchor.js");
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+var _default = superclass => {
+  var A = class extends superclass {
+    isConnectable() {
+      return true;
+    }
+    postrender(context) {
+      super.postrender(context);
+      this._draw_anchors(context);
+    }
+
+    /**
+     *
+     * @param {CanvasRenderingContext2D} context
+     */
+    _draw_anchors(context) {
+      /**
+       * @type {import('../anchor/anchor.js').Anchor[]} anchors
+       */
+      var anchors = this.anchors || [];
+      context.save();
+      anchors.forEach(anchor => {
+        var {
+          position: {
+            x,
+            y
+          },
+          draw
+        } = anchor;
+        if (draw) {
+          context.beginPath();
+          try {
+            draw.call(anchor, context, this);
+          } catch (err) {
+            console.error(err);
+          }
+          context.closePath();
+        }
+      });
+      context.restore();
+    }
+    contains(x, y) {
+      var contains = super.contains(x, y);
+      if (contains) {
+        return contains;
+      }
+
+      /**
+       * @type {import('../anchor/anchor.js').Anchor[]} anchors
+       */
+      var anchors = this.anchors || [];
+      for (let anchor of anchors) {
+        const bounds = anchor.bounds;
+        if (!bounds) {
+          continue;
+        }
+        const {
+          left,
+          top,
+          width,
+          height
+        } = bounds;
+        var contains = x < Math.max(left + width, left) && x > Math.min(left + width, left) && y < Math.max(top + height, top) && y > Math.min(top + height, top);
+        if (contains) {
+          return contains;
+        }
+      }
+      return false;
+    }
+
+    /**
+     * @function findInOutLines
+     * @param {string} anchorName
+     * @return {Line[]}
+     */
+    findInOutLines(anchorName) {
+      return (0, _anchor.findInOutLines)(this, anchorName);
+    }
+
+    /**
+     * @function findOutletLines
+     * @parameter {string} anchorName
+     * @return {Line[]}
+     */
+    findOutletLines(anchorName) {
+      return (0, _anchor.findOutletLines)(this, anchorName);
+    }
+
+    /**
+     * @function findOutletEnds
+     * @parameter {string} anchorName
+     * @return {Component[]}
+     */
+    findOutletEnds(anchorName) {
+      return (0, _anchor.findOutletEnds)(this, anchorName);
+    }
+
+    /**
+     * @function findInletLines
+     * @parameter {string} anchorName
+     * @return {Line[]}
+     */
+    findInletLines(anchorName) {
+      return (0, _anchor.findInletLines)(this, anchorName);
+    }
+
+    /**
+     * @function findInletEnds
+     * @parameter {string} anchorName
+     * @return {Component[]}
+     */
+    findInletEnds(anchorName) {
+      return (0, _anchor.findInletEnds)(this, anchorName);
+    }
+  };
+  return A;
+};
+exports.default = _default;
+//# sourceMappingURL=connectable.js.map

package/dist/components/mixins/connectable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectable.js","names":["_anchor","require","_default","superclass","A","isConnectable","postrender","context","_draw_anchors","anchors","save","forEach","anchor","position","x","y","draw","beginPath","call","err","console","error","closePath","restore","contains","bounds","left","top","width","height","Math","max","min","findInOutLines","anchorName","findOutletLines","findOutletEnds","findInletLines","findInletEnds","exports","default"],"sources":["../../../src/components/mixins/connectable.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { findInOutLines, findInletEnds, findInletLines, findOutletEnds, findOutletLines } from '../anchor/anchor.js'\n\nexport default superclass => {\n  var A = class extends superclass {\n    isConnectable() {\n      return true\n    }\n\n    postrender(context) {\n      super.postrender(context)\n\n      this._draw_anchors(context)\n    }\n\n    /**\n     *\n     * @param {CanvasRenderingContext2D} context\n     */\n    _draw_anchors(context) {\n      /**\n       * @type {import('../anchor/anchor.js').Anchor[]} anchors\n       */\n      var anchors = this.anchors || []\n\n      context.save()\n\n      anchors.forEach(anchor => {\n        var {\n          position: { x, y },\n          draw\n        } = anchor\n\n        if (draw) {\n          context.beginPath()\n\n          try {\n            draw.call(anchor, context, this)\n          } catch (err) {\n            console.error(err)\n          }\n\n          context.closePath()\n        }\n      })\n\n      context.restore()\n    }\n\n    contains(x, y) {\n      var contains = super.contains(x, y)\n\n      if (contains) {\n        return contains\n      }\n\n      /**\n       * @type {import('../anchor/anchor.js').Anchor[]} anchors\n       */\n      var anchors = this.anchors || []\n\n      for (let anchor of anchors) {\n        const bounds = anchor.bounds\n\n        if (!bounds) {\n          continue\n        }\n\n        const { left, top, width, height } = bounds\n\n        var contains =\n          x < Math.max(left + width, left) &&\n          x > Math.min(left + width, left) &&\n          y < Math.max(top + height, top) &&\n          y > Math.min(top + height, top)\n\n        if (contains) {\n          return contains\n        }\n      }\n\n      return false\n    }\n\n    /**\n     * @function findInOutLines\n     * @param {string} anchorName\n     * @return {Line[]}\n     */\n    findInOutLines(anchorName) {\n      return findInOutLines(this, anchorName)\n    }\n\n    /**\n     * @function findOutletLines\n     * @parameter {string} anchorName\n     * @return {Line[]}\n     */\n    findOutletLines(anchorName) {\n      return findOutletLines(this, anchorName)\n    }\n\n    /**\n     * @function findOutletEnds\n     * @parameter {string} anchorName\n     * @return {Component[]}\n     */\n    findOutletEnds(anchorName) {\n      return findOutletEnds(this, anchorName)\n    }\n\n    /**\n     * @function findInletLines\n     * @parameter {string} anchorName\n     * @return {Line[]}\n     */\n    findInletLines(anchorName) {\n      return findInletLines(this, anchorName)\n    }\n\n    /**\n     * @function findInletEnds\n     * @parameter {string} anchorName\n     * @return {Component[]}\n     */\n    findInletEnds(anchorName) {\n      return findInletEnds(this, anchorName)\n    }\n  }\n\n  return A\n}\n"],"mappings":"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","ignoreList":[]}