@hatiolab/things-scene 9.0.0-beta.9 → 9.0.0

package/dist/components/line.d.ts

@@ -1,91 +0,0 @@
-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

@@ -1,303 +0,0 @@
-/*
- * 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

@@ -1 +0,0 @@
-{"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

@@ -1,47 +0,0 @@
-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

@@ -1,103 +0,0 @@
-/*
- * 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

@@ -1 +0,0 @@
-{"version":3,"file":"local-ref.js","sourceRoot":"","sources":["../../src/components/local-ref.js"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAEzC,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,KAAK;SACZ;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE;gBACR,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;aAC3B;SACF;KACF;IACD,gBAAgB,EAAE,KAAK;IACvB,IAAI,EAAE,2BAA2B;CAClC,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,QAAQ,CAAC,KAAK,CAAC;IACnD,IAAI,GAAG;QACL,IAAI,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;QAE9B,IAAI,CAAC,GAAG,IAAI,OAAO,GAAG,IAAI,QAAQ;YAAE,OAAO,IAAI,CAAA;QAE/C,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;IAChC,CAAC;IAED,IAAI,GAAG,CAAC,GAAG;QACT,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IAC3B,CAAC;IAED,IAAI,QAAQ;QACV,IAAI,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAA;QAClC,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;QAExB,IAAI,EAAE,GAAG,MAAM,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAA;QAC1C,IAAI,EAAE,GAAG,MAAM,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,CAAA;QAE5C,QAAQ,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE;YACtB,KAAK,MAAM;gBACT,OAAO;oBACL,CAAC,EAAE,EAAE;oBACL,CAAC,EAAE,EAAE;iBACN,CAAA;gBACD,MAAK;YACP,KAAK,OAAO,CAAC;YACb;gBACE,OAAO;oBACL,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC;oBACnB,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC;iBACpB,CAAA;gBACD,MAAK;SACR;IACH,CAAC;IAED,IAAI,CAAC,GAAG;QACN,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAM;QAEzB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;QACpB,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QACf,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAA;IACvB,CAAC;IAED,SAAS,CAAC,GAAG;QACX,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;QAEpB,IAAI,IAAI,CAAC,GAAG,EAAE;YACZ,IAAI,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAA;YAClC,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;YAExB,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAA;YAEzB,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAA;YACjC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA;YAC3B,GAAG,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;SAChD;IACH,CAAC;IAED,UAAU,CAAC,GAAG;QACZ,IAAI,IAAI,CAAC,GAAG;YAAE,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;QAE7C,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;IACvB,CAAC;IAED,MAAM,CAAC,GAAG;QACR,IAAI,IAAI,CAAC,GAAG;YAAE,OAAO,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;QAEzC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAE9B,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAE9C,SAAS;QACT,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;QAElC,aAAa;IACf,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,KAAK,CAAA;IACd,CAAC;CACF;AAED,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;AACnD,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,EAAE,UAAU,EAAE,KAAK,CAAC,CAAA;AAExD,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA","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

@@ -1,45 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,24 +0,0 @@
-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;