@hatiolab/things-scene 3.4.43 → 3.4.44

package/dist/components/line.d.ts

@@ -0,0 +1,91 @@
+export const NORTH: "N";
+export const SOUTH: "S";
+export const EAST: "E";
+export const WEST: "W";
+/**
+ * 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
+ */
+declare class Line extends Component {
+    get fromEnd(): LinkEnd | undefined;
+    _fromEnd: LinkEnd | undefined;
+    set from(arg: any);
+    get from(): any;
+    get toEnd(): LinkEnd | undefined;
+    _toEnd: LinkEnd | undefined;
+    set to(arg: any);
+    get to(): any;
+    move({ x, y }: {
+        x: any;
+        y: any;
+    }, absolutly: any): void;
+    get resizable(): boolean;
+    get mutable(): boolean;
+    get rotatable(): boolean;
+    set path(arg: any[]);
+    get path(): any[];
+}
+declare namespace Line {
+    export { getTipNeckPos };
+    export { containedInPath };
+    export { drawEndTips };
+}
+export default Line;
+/**
+ * LinkEndConfig definition
+ */
+export type LinkEndConfig = {
+    /**
+     * - end component refid
+     */
+    component: string;
+    /**
+     * - end anchor name of end component
+     */
+    anchor: string;
+    /**
+     * - position of the link end
+     */
+    position: Position;
+};
+/**
+ * Line type definition
+ */
+export type Line = {
+    from: LinkEndConfig;
+    to: LinkEndConfig;
+    fromEnd: LinkEnd;
+    toEnd: LinkEnd;
+};
+import Component from "./component";
+declare class LinkEnd {
+    constructor({ component, anchor, position, self }: {
+        component: any;
+        anchor: any;
+        position: any;
+        self: any;
+    });
+    component: any;
+    _anchorName: any;
+    _position: any;
+    self: any;
+    set position(arg: any);
+    get position(): any;
+    get anchor(): any;
+    get direction(): "N" | "S" | "E" | "W";
+    get boundaryPosition(): any;
+}
+import { getTipNeckPos } from "./drawer/line";
+import { containedInPath } from "./drawer/line";
+import { drawEndTips } from "./drawer/line";

package/dist/components/line.js

@@ -0,0 +1,303 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import Component from './component';
+import { containedInPath, drawEndTips, getTipNeckPos } from './drawer/line';
+export const NORTH = 'N';
+export const SOUTH = 'S';
+export const EAST = 'E';
+export const 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() {
+        var _a;
+        return (_a = this.component) === null || _a === void 0 ? void 0 : _a.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
+ */
+export default class Line extends Component {
+    isLine() {
+        return true;
+    }
+    replaceRefids(replaceMap) {
+        ;
+        ['from', 'to'].forEach(fromto => {
+            const anchor = this.get(fromto);
+            if (anchor === null || anchor === void 0 ? void 0 : anchor.component) {
+                const refid = replaceMap.get(anchor.component) || anchor.component;
+                this.set(fromto, {
+                    ...anchor,
+                    component: refid
+                });
+            }
+        });
+    }
+    get fromEnd() {
+        var _a;
+        if (this.parent && !this._fromEnd) {
+            const { component, anchor, position } = this.getState('from') || {};
+            if (!component) {
+                return;
+            }
+            const componentObject = (_a = this.root) === null || _a === void 0 ? void 0 : _a.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() {
+        var _a;
+        if (this.parent && !this._toEnd) {
+            const { component, anchor, position } = this.getState('to') || {};
+            if (!component) {
+                return;
+            }
+            const componentObject = (_a = this.root) === null || _a === void 0 ? void 0 : _a.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) {
+        var _a, _b, _c, _d;
+        if (absolutly) {
+            /* move시에는 먼저 anchor들을 detach한다. */
+            this.from = {
+                position: ((_a = this._fromEnd) === null || _a === void 0 ? void 0 : _a.position) || ((_b = this.getState('from')) === null || _b === void 0 ? void 0 : _b.position) || { x: 0, y: 0 }
+            };
+            this.to = {
+                position: ((_c = this._toEnd) === null || _c === void 0 ? void 0 : _c.position) || ((_d = this.getState('to')) === null || _d === void 0 ? void 0 : _d.position) || { x: 0, y: 0 }
+            };
+        }
+        super.move({ x, y }, absolutly);
+    }
+    render(ctx) {
+        var { begin = 'none', end = 'none', lineWidth, round = 0 } = this.state;
+        /* following 2 filters not to be merged */
+        var path = this.drawPath;
+        drawEndTips(ctx, path, this.state);
+        ctx.beginPath();
+        var beginPos = getTipNeckPos(begin, lineWidth, path[0], path[1]);
+        var endPos = 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 containedInPath(x, y, this.drawPath, lineWidth);
+    }
+    get resizable() {
+        return false;
+    }
+    get mutable() {
+        return true;
+    }
+    get rotatable() {
+        return false;
+    }
+    get path() {
+        var _a, _b;
+        const { from, to } = this.state;
+        var { x1, y1, x2, y2 } = this.state;
+        return [
+            ((_a = this.fromEnd) === null || _a === void 0 ? void 0 : _a.position) ||
+                (from === null || from === void 0 ? void 0 : from.position) || {
+                x: x1,
+                y: y1
+            },
+            ((_b = this.toEnd) === null || _b === void 0 ? void 0 : _b.position) ||
+                (to === null || to === void 0 ? void 0 : 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 || (paddingBottom = 0);
+        paddingTop || (paddingTop = 0);
+        paddingLeft || (paddingLeft = 0);
+        paddingRight || (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'];
+    }
+}
+Line.getTipNeckPos = getTipNeckPos;
+Line.containedInPath = containedInPath;
+Line.drawEndTips = drawEndTips;
+/* anchor에 붙은 line은 모델의 변경없이도 position이 변화할 수 있으므로, memoize를 하지 않는다. */
+// Component.memoize(Line.prototype, 'path', false)
+Component.register('line', Line);
+//# sourceMappingURL=line.js.map

package/dist/components/line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line.js","sourceRoot":"","sources":["../../src/components/line.js"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport Component from './component'\nimport { containedInPath, drawEndTips, getTipNeckPos } from './drawer/line'\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    /* following 2 filters not to be merged */\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"]}

package/dist/components/local-ref.d.ts

@@ -0,0 +1,47 @@
+declare const LocalRef_base: {
+    new (): {
+        [x: string]: any;
+        contains(x: any, y: any): boolean;
+        path: {
+            x: any;
+            y: any;
+        }[];
+        readonly anchors: import("./anchor/anchor").Anchor[];
+    };
+    [x: string]: any;
+};
+export default class LocalRef extends LocalRef_base {
+    set ref(arg: any);
+    get ref(): any;
+    get refScale(): {
+        x: number;
+        y: number;
+    };
+    draw(ctx: any): void;
+    _drawing: boolean | undefined;
+    prerender(ctx: any): void;
+    postrender(ctx: any): any;
+    render(ctx: any): any;
+    get nature(): {
+        mutable: boolean;
+        resizable: boolean;
+        rotatable: boolean;
+        properties: ({
+            type: string;
+            label: string;
+            name: string;
+            property?: undefined;
+        } | {
+            type: string;
+            label: string;
+            name: string;
+            property: {
+                options: string[];
+            };
+        })[];
+        'value-property': string;
+        help: string;
+    };
+    get hasTextProperty(): boolean;
+}
+export {};

package/dist/components/local-ref.js

@@ -0,0 +1,103 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import Component from './component';
+import Shape from './shape';
+import RectPath from './mixins/rect-path';
+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'
+};
+export default class LocalRef extends RectPath(Shape) {
+    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;
+    }
+}
+Component.memoize(LocalRef.prototype, 'ref', false);
+Component.memoize(LocalRef.prototype, 'refScale', false);
+Component.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","sourceRoot":"","sources":["../../src/components/local-ref.js"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport Component from './component'\nimport Shape from './shape'\n\nimport RectPath from './mixins/rect-path'\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"]}

package/dist/components/mixins/connectable.d.ts

@@ -0,0 +1,45 @@
+declare function _default(superclass: any): {
+    new (): {
+        [x: string]: any;
+        isConnectable(): boolean;
+        postrender(context: any): void;
+        /**
+         *
+         * @param {CanvasRenderingContext2D} context
+         */
+        _draw_anchors(context: CanvasRenderingContext2D): void;
+        contains(x: any, y: any): any;
+        /**
+         * @function findInOutLines
+         * @param {string} anchorName
+         * @return {Line[]}
+         */
+        findInOutLines(anchorName: string): Line[];
+        /**
+         * @function findOutletLines
+         * @parameter {string} anchorName
+         * @return {Line[]}
+         */
+        findOutletLines(anchorName: any): Line[];
+        /**
+         * @function findOutletEnds
+         * @parameter {string} anchorName
+         * @return {Component[]}
+         */
+        findOutletEnds(anchorName: any): Component[];
+        /**
+         * @function findInletLines
+         * @parameter {string} anchorName
+         * @return {Line[]}
+         */
+        findInletLines(anchorName: any): Line[];
+        /**
+         * @function findInletEnds
+         * @parameter {string} anchorName
+         * @return {Component[]}
+         */
+        findInletEnds(anchorName: any): Component[];
+    };
+    [x: string]: any;
+};
+export default _default;

package/dist/components/mixins/data-source.d.ts

@@ -0,0 +1,9 @@
+declare function _default(superclass: any): {
+    new (): {
+        [x: string]: any;
+        _convertDataFormat(data: any, format: any): any;
+        isDataSource(): boolean;
+    };
+    [x: string]: any;
+};
+export default _default;

package/dist/components/mixins/html-element.d.ts

@@ -0,0 +1,24 @@
+export const GESTURES: string[];
+declare function _default(superclass: any): {
+    new (): {
+        [x: string]: any;
+        isHTMLElement(): boolean;
+        isShadowable(): boolean;
+        element: any;
+        _element: any;
+        readonly tagName: any;
+        setElementProperties(element: any): void;
+        createElement(): void;
+        userInputEventHandler(e: any): void;
+        reposition(): void;
+        disposeElement(): void;
+        ready(): void;
+        dispose(): void;
+        readonly hasTextProperty: boolean;
+        readonly textHidden: boolean;
+        onchange(after: any, before: any): void;
+        isDescendible(container: any): any;
+    };
+    [x: string]: any;
+};
+export default _default;