@operato/scene-basic 1.2.5

package/dist/polyline.d.ts

@@ -0,0 +1,18 @@
+import { Component, ComponentNature, Line } from '@hatiolab/things-scene';
+export default class Polyline extends Line {
+    _fromEnd: any;
+    _toEnd: any;
+    get pathExtendable(): boolean;
+    get path(): any[];
+    set path(path: any[]);
+    get controls(): {
+        x: any;
+        y: any;
+        handler: {
+            ondragstart: (point: import("@hatiolab/things-scene").DIMENSION, index: number, component: Component) => void;
+            ondragmove: (point: import("@hatiolab/things-scene").DIMENSION, index: number, component: Component) => void;
+            ondragend: (point: import("@hatiolab/things-scene").DIMENSION, index: number, component: Component) => void;
+        };
+    }[];
+    get nature(): ComponentNature;
+}

package/dist/polyline.js

@@ -0,0 +1,102 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { Component, Line } from '@hatiolab/things-scene';
+var controlHandler = {
+    ondragstart: function (point, index, component) {
+        component.mutatePath(null, function (path) {
+            path.splice(index, 0, point); // array.insert(index, point) 의 의미임.
+        });
+    },
+    ondragmove: function (point, index, component) {
+        component.mutatePath(null, function (path) {
+            path[index] = point;
+        });
+    },
+    ondragend: function (point, index, component) { }
+};
+const NATURE = {
+    mutable: false,
+    resizable: false,
+    rotatable: false,
+    properties: [
+        {
+            type: 'number',
+            label: 'round',
+            name: 'round',
+            property: {
+                min: 0,
+                max: 100,
+                step: 1
+            }
+        }
+    ],
+    help: 'scene/component/polyline'
+};
+export default class Polyline extends Line {
+    get pathExtendable() {
+        return true;
+    }
+    get path() {
+        var _a, _b;
+        const { from, to } = this.state;
+        const { path } = this.state;
+        return [
+            ((_a = this.fromEnd) === null || _a === void 0 ? void 0 : _a.position) || (from === null || from === void 0 ? void 0 : from.position) || path[0],
+            ...path.slice(1, -1),
+            ((_b = this.toEnd) === null || _b === void 0 ? void 0 : _b.position) || (to === null || to === void 0 ? void 0 : to.position) || path[path.length - 1]
+        ];
+    }
+    set path(path) {
+        const { from, to } = this.state;
+        delete this._fromEnd;
+        delete this._toEnd;
+        this.set({
+            from: {
+                ...from,
+                position: path[0]
+            },
+            to: {
+                ...to,
+                position: path[path.length - 1]
+            },
+            path
+        });
+    }
+    get controls() {
+        // 폴리라인에서의 control은 새로운 path를 추가하는 포인트이다.
+        var path = this.path;
+        var controls = [];
+        for (let i = 0; i < path.length - 1; i++) {
+            let p1 = path[i];
+            let p2 = path[i + 1];
+            if (i == 0) {
+                controls.push({
+                    x: p1.x,
+                    y: p1.y,
+                    handler: controlHandler
+                });
+            }
+            controls.push({
+                x: (p1.x + p2.x) / 2,
+                y: (p1.y + p2.y) / 2,
+                handler: controlHandler
+            });
+            if (i == path.length - 2) {
+                controls.push({
+                    x: p2.x,
+                    y: p2.y,
+                    handler: controlHandler
+                });
+            }
+        }
+        return controls;
+    }
+    get nature() {
+        return NATURE;
+    }
+}
+/* target anchor의 움직임이 반영되지 못하므로, 일단 controls memoize를 제거함. */
+// Component.memoize(Polyline.prototype, 'controls', false)
+Component.register('polyline', Polyline);
+//# sourceMappingURL=polyline.js.map

package/dist/polyline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"polyline.js","sourceRoot":"","sources":["../src/polyline.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { Component, ComponentNature, Properties, Line, POSITION } from '@hatiolab/things-scene'\n\nvar controlHandler = {\n  ondragstart: function (point: POSITION, index: number, component: Component) {\n    component.mutatePath(null, function (path) {\n      path.splice(index, 0, point) // array.insert(index, point) 의 의미임.\n    })\n  },\n\n  ondragmove: function (point: POSITION, index: number, component: Component) {\n    component.mutatePath(null, function (path) {\n      path[index] = point\n    })\n  },\n\n  ondragend: function (point: POSITION, index: number, component: Component) {}\n}\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: false,\n  rotatable: false,\n  properties: [\n    {\n      type: 'number',\n      label: 'round',\n      name: 'round',\n      property: {\n        min: 0,\n        max: 100,\n        step: 1\n      }\n    }\n  ],\n  help: 'scene/component/polyline'\n}\n\nexport default class Polyline extends Line {\n  _fromEnd: any\n  _toEnd: any\n\n  get pathExtendable() {\n    return true\n  }\n\n  get path() {\n    const { from, to } = this.state\n    const { path } = this.state\n\n    return [\n      this.fromEnd?.position || from?.position || path[0],\n      ...path.slice(1, -1),\n      this.toEnd?.position || to?.position || path[path.length - 1]\n    ]\n  }\n\n  set path(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: path[0]\n      },\n      to: {\n        ...to,\n        position: path[path.length - 1]\n      },\n      path\n    })\n  }\n\n  get controls() {\n    // 폴리라인에서의 control은 새로운 path를 추가하는 포인트이다.\n    var path = this.path\n    var controls = []\n\n    for (let i = 0; i < path.length - 1; i++) {\n      let p1 = path[i]\n      let p2 = path[i + 1]\n\n      if (i == 0) {\n        controls.push({\n          x: p1.x,\n          y: p1.y,\n          handler: controlHandler\n        })\n      }\n\n      controls.push({\n        x: (p1.x + p2.x) / 2,\n        y: (p1.y + p2.y) / 2,\n        handler: controlHandler\n      })\n\n      if (i == path.length - 2) {\n        controls.push({\n          x: p2.x,\n          y: p2.y,\n          handler: controlHandler\n        })\n      }\n    }\n\n    return controls\n  }\n\n  get nature() {\n    return NATURE\n  }\n}\n\n/* target anchor의 움직임이 반영되지 못하므로, 일단 controls memoize를 제거함. */\n// Component.memoize(Polyline.prototype, 'controls', false)\n\nComponent.register('polyline', Polyline)\n"]}

package/dist/rect.d.ts

@@ -0,0 +1,19 @@
+import { Component, ComponentNature, Shape } from '@hatiolab/things-scene';
+declare const Rect_base: (new (...args: any[]) => {
+    findOutletLines(anchorName: string): import("@hatiolab/things-scene").Line[];
+    findOutletEnds(anchorName: string): Component[];
+    findInletLines(anchorName: string): import("@hatiolab/things-scene").Line[];
+    findInletEnds(anchorName: string): Component[];
+}) & typeof Shape;
+export default class Rect extends Rect_base {
+    is3dish(): boolean;
+    get controls(): {
+        x: any;
+        y: any;
+        handler: {
+            ondragmove: (point: import("@hatiolab/things-scene").DIMENSION, index: number, component: Component) => void;
+        };
+    }[];
+    get nature(): ComponentNature;
+}
+export {};

package/dist/rect.js

@@ -0,0 +1,60 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { Component, Connectable, RectPath, Shape } from '@hatiolab/things-scene';
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'number',
+            label: 'round',
+            name: 'round',
+            property: {
+                min: 0
+            }
+        }
+    ],
+    help: 'scene/component/rect'
+};
+var controlHandler = {
+    ondragmove: function (point, index, component) {
+        var { left, top, width, height } = component.model;
+        var transcoorded = component.transcoordP2S(point.x, point.y);
+        var round = ((transcoorded.x - left) / (width / 2)) * 100;
+        round = safeRound(round, width, height);
+        component.set({
+            round
+        });
+    }
+};
+function safeRound(round, width, height) {
+    var max = width > height ? (height / width) * 100 : 100;
+    if (round >= max)
+        round = max;
+    else if (round <= 0)
+        round = 0;
+    return round;
+}
+export default class Rect extends Connectable(RectPath(Shape)) {
+    is3dish() {
+        return true;
+    }
+    get controls() {
+        var { left, top, width, round, height } = this.state;
+        round = round == undefined ? 0 : safeRound(round, width, height);
+        return [
+            {
+                x: left + (width / 2) * (round / 100),
+                y: top,
+                handler: controlHandler
+            }
+        ];
+    }
+    get nature() {
+        return NATURE;
+    }
+}
+Component.register('rect', Rect);
+//# sourceMappingURL=rect.js.map

package/dist/rect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rect.js","sourceRoot":"","sources":["../src/rect.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAmB,WAAW,EAAwB,QAAQ,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAEvH,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE;gBACR,GAAG,EAAE,CAAC;aACP;SACF;KACF;IACD,IAAI,EAAE,sBAAsB;CAC7B,CAAA;AAED,IAAI,cAAc,GAAG;IACnB,UAAU,EAAE,UAAU,KAAe,EAAE,KAAa,EAAE,SAAoB;QACxE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,KAAK,CAAA;QAElD,IAAI,YAAY,GAAG,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA;QAC5D,IAAI,KAAK,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;QAEzD,KAAK,GAAG,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;QAEvC,SAAS,CAAC,GAAG,CAAC;YACZ,KAAK;SACN,CAAC,CAAA;IACJ,CAAC;CACF,CAAA;AAED,SAAS,SAAS,CAAC,KAAa,EAAE,KAAa,EAAE,MAAc;IAC7D,IAAI,GAAG,GAAG,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAA;IAEvD,IAAI,KAAK,IAAI,GAAG;QAAE,KAAK,GAAG,GAAG,CAAA;SACxB,IAAI,KAAK,IAAI,CAAC;QAAE,KAAK,GAAG,CAAC,CAAA;IAE9B,OAAO,KAAK,CAAA;AACd,CAAC;AAED,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,OAAO;QACL,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,QAAQ;QACV,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QACpD,KAAK,GAAG,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;QAEhE,OAAO;YACL;gBACE,CAAC,EAAE,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC;gBACrC,CAAC,EAAE,GAAG;gBACN,OAAO,EAAE,cAAc;aACxB;SACF,CAAA;IACH,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, ComponentNature, Connectable, POSITION, Properties, RectPath, Shape } from '@hatiolab/things-scene'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'number',\n      label: 'round',\n      name: 'round',\n      property: {\n        min: 0\n      }\n    }\n  ],\n  help: 'scene/component/rect'\n}\n\nvar controlHandler = {\n  ondragmove: function (point: POSITION, index: number, component: Component) {\n    var { left, top, width, height } = component.model\n\n    var transcoorded = component.transcoordP2S(point.x, point.y)\n    var round = ((transcoorded.x - left) / (width / 2)) * 100\n\n    round = safeRound(round, width, height)\n\n    component.set({\n      round\n    })\n  }\n}\n\nfunction safeRound(round: number, width: number, height: number) {\n  var max = width > height ? (height / width) * 100 : 100\n\n  if (round >= max) round = max\n  else if (round <= 0) round = 0\n\n  return round\n}\n\nexport default class Rect extends Connectable(RectPath(Shape)) {\n  is3dish() {\n    return true\n  }\n\n  get controls() {\n    var { left, top, width, round, height } = this.state\n    round = round == undefined ? 0 : safeRound(round, width, height)\n\n    return [\n      {\n        x: left + (width / 2) * (round / 100),\n        y: top,\n        handler: controlHandler\n      }\n    ]\n  }\n\n  get nature() {\n    return NATURE\n  }\n}\n\nComponent.register('rect', Rect)\n"]}

package/dist/star.d.ts

@@ -0,0 +1,13 @@
+import { Component, ComponentNature, Ellipse } from '@hatiolab/things-scene';
+export default class Star extends Ellipse {
+    is3dish(): boolean;
+    render(ctx: CanvasRenderingContext2D): void;
+    get controls(): {
+        x: any;
+        y: number;
+        handler: {
+            ondragmove: (point: import("@hatiolab/things-scene").DIMENSION, index: number, component: Component) => void;
+        };
+    }[];
+    get nature(): ComponentNature;
+}

package/dist/star.js

@@ -0,0 +1,80 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { Component, Ellipse } from '@hatiolab/things-scene';
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'number',
+            label: 'ratio',
+            name: 'ratio',
+            property: 'ratio'
+        },
+        {
+            type: 'number',
+            label: 'wing',
+            name: 'wing',
+            property: 'wing'
+        }
+    ],
+    help: 'scene/component/star'
+};
+var controlHandler = {
+    ondragmove: function (point, index, component) {
+        var controls = component.controls;
+        var { cy, ry } = component.model;
+        var transcoorded = component.transcoordP2S(point.x, point.y);
+        var ratio = ((transcoorded.y - cy) / ry) * 100 + 100;
+        if (ratio >= 100)
+            ratio = 100;
+        else if (ratio <= 0)
+            ratio = 0;
+        component.set({ ratio }); // ratio: ratio  => ratio
+    }
+};
+export default class Star extends Ellipse {
+    is3dish() {
+        return false;
+    }
+    render(ctx) {
+        var { ratio = 30, wing = 5, cx, cy, rx, ry, startAngle, endAngle, anticlockwise } = this.state;
+        // 박스 그리기
+        if (wing < 3)
+            return;
+        const RADIAN = 1.5707963267948966; // 90도 뒤틀기
+        var a = (Math.PI * 2) / wing;
+        var xRatio = rx - (ratio / 100) * rx;
+        var yRatio = ry - (ratio / 100) * ry;
+        ctx.save();
+        ctx.beginPath();
+        ctx.translate(cx, cy);
+        ctx.moveTo(rx * Math.cos(-RADIAN), ry * Math.sin(-RADIAN));
+        ctx.lineTo(((rx - xRatio) * (Math.cos(a - RADIAN) + Math.cos(0 - RADIAN))) / 2, ((ry - yRatio) * (Math.sin(a - RADIAN) + Math.sin(0 - RADIAN))) / 2);
+        for (var i = 1; i < wing; i++) {
+            ctx.lineTo(rx * Math.cos(a * i - RADIAN), ry * Math.sin(a * i - RADIAN));
+            ctx.lineTo(((rx - xRatio) * (Math.cos(a * (i + 1) - RADIAN) + Math.cos(a * i - RADIAN))) / 2, ((ry - yRatio) * (Math.sin(a * (i + 1) - RADIAN) + Math.sin(a * i - RADIAN))) / 2);
+        }
+        // ratio /= 1.5;
+        ctx.closePath();
+        ctx.restore();
+    }
+    get controls() {
+        var { cx, cy, ry, ratio } = this.state;
+        return [
+            {
+                x: cx,
+                y: cy - ry + ry * (ratio / 100),
+                handler: controlHandler
+            }
+        ];
+    }
+    get nature() {
+        return NATURE;
+    }
+}
+Component.memoize(Star.prototype, 'controls', false);
+Component.register('star', Star);
+//# sourceMappingURL=star.js.map

package/dist/star.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"star.js","sourceRoot":"","sources":["../src/star.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, ComponentNature, Ellipse, POSITION } from '@hatiolab/things-scene'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'number',\n      label: 'ratio',\n      name: 'ratio',\n      property: 'ratio'\n    },\n    {\n      type: 'number',\n      label: 'wing',\n      name: 'wing',\n      property: 'wing'\n    }\n  ],\n  help: 'scene/component/star'\n}\n\nvar controlHandler = {\n  ondragmove: function (point: POSITION, index: number, component: Component) {\n    var controls = component.controls\n    var { cy, ry } = component.model\n\n    var transcoorded = component.transcoordP2S(point.x, point.y)\n\n    var ratio = ((transcoorded.y - cy) / ry) * 100 + 100\n\n    if (ratio >= 100) ratio = 100\n    else if (ratio <= 0) ratio = 0\n\n    component.set({ ratio }) // ratio: ratio  => ratio\n  }\n}\n\nexport default class Star extends Ellipse {\n  is3dish() {\n    return false\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { ratio = 30, wing = 5, cx, cy, rx, ry, startAngle, endAngle, anticlockwise } = this.state\n\n    // 박스 그리기\n\n    if (wing < 3) return\n\n    const RADIAN = 1.5707963267948966 // 90도 뒤틀기\n    var a = (Math.PI * 2) / wing\n    var xRatio = rx - (ratio / 100) * rx\n    var yRatio = ry - (ratio / 100) * ry\n\n    ctx.save()\n    ctx.beginPath()\n\n    ctx.translate(cx, cy)\n\n    ctx.moveTo(rx * Math.cos(-RADIAN), ry * Math.sin(-RADIAN))\n    ctx.lineTo(\n      ((rx - xRatio) * (Math.cos(a - RADIAN) + Math.cos(0 - RADIAN))) / 2,\n      ((ry - yRatio) * (Math.sin(a - RADIAN) + Math.sin(0 - RADIAN))) / 2\n    )\n\n    for (var i = 1; i < wing; i++) {\n      ctx.lineTo(rx * Math.cos(a * i - RADIAN), ry * Math.sin(a * i - RADIAN))\n\n      ctx.lineTo(\n        ((rx - xRatio) * (Math.cos(a * (i + 1) - RADIAN) + Math.cos(a * i - RADIAN))) / 2,\n        ((ry - yRatio) * (Math.sin(a * (i + 1) - RADIAN) + Math.sin(a * i - RADIAN))) / 2\n      )\n    }\n    // ratio /= 1.5;\n    ctx.closePath()\n    ctx.restore()\n  }\n\n  get controls() {\n    var { cx, cy, ry, ratio } = this.state\n\n    return [\n      {\n        x: cx,\n        y: cy - ry + ry * (ratio / 100),\n        handler: controlHandler\n      }\n    ]\n  }\n\n  get nature() {\n    return NATURE\n  }\n}\n\nComponent.memoize(Star.prototype, 'controls', false)\n\nComponent.register('star', Star)\n"]}

package/dist/templates/audio.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+    type: string;
+    description: string;
+    icon: string;
+    group: string;
+    model: {
+        type: string;
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+    };
+};
+export default _default;

package/dist/templates/audio.js

@@ -0,0 +1,15 @@
+const audio = new URL('../../icons/audio.png', import.meta.url).href;
+export default {
+    type: 'audio',
+    description: 'audio',
+    icon: audio,
+    group: 'textAndMedia',
+    model: {
+        type: 'audio',
+        left: 100,
+        top: 100,
+        width: 100,
+        height: 100
+    }
+};
+//# sourceMappingURL=audio.js.map

package/dist/templates/audio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio.js","sourceRoot":"","sources":["../../src/templates/audio.ts"],"names":[],"mappings":"AAAA,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,uBAAuB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEpE,eAAe;IACb,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,OAAO;IACpB,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,GAAG;QACT,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;KACZ;CACF,CAAA","sourcesContent":["const audio = new URL('../../icons/audio.png', import.meta.url).href\n\nexport default {\n  type: 'audio',\n  description: 'audio',\n  icon: audio,\n  group: 'textAndMedia',\n  model: {\n    type: 'audio',\n    left: 100,\n    top: 100,\n    width: 100,\n    height: 100\n  }\n}\n"]}

package/dist/templates/color-image.d.ts

@@ -0,0 +1,22 @@
+declare const _default: {
+    type: string;
+    description: string;
+    icon: string;
+    group: string;
+    model: {
+        type: string;
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+        isGray: boolean;
+        fillStyle: string;
+        strokeStyle: string;
+        alpha: number;
+        hidden: boolean;
+        lineWidth: number;
+        lineDash: string;
+        lineCap: string;
+    };
+};
+export default _default;

package/dist/templates/color-image.js

@@ -0,0 +1,23 @@
+const colorImage = new URL('../../icons/color-image.png', import.meta.url).href;
+export default {
+    type: 'color image',
+    description: 'color image',
+    icon: colorImage,
+    group: 'textAndMedia',
+    model: {
+        type: 'image-view',
+        left: 100,
+        top: 100,
+        width: 100,
+        height: 100,
+        isGray: false,
+        fillStyle: '#fff',
+        strokeStyle: '#000',
+        alpha: 1,
+        hidden: false,
+        lineWidth: 1,
+        lineDash: 'solid',
+        lineCap: 'butt'
+    }
+};
+//# sourceMappingURL=color-image.js.map

package/dist/templates/color-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-image.js","sourceRoot":"","sources":["../../src/templates/color-image.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,6BAA6B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE/E,eAAe;IACb,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,aAAa;IAC1B,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE;QACL,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,GAAG;QACT,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,OAAO;QACjB,OAAO,EAAE,MAAM;KAChB;CACF,CAAA","sourcesContent":["const colorImage = new URL('../../icons/color-image.png', import.meta.url).href\n\nexport default {\n  type: 'color image',\n  description: 'color image',\n  icon: colorImage,\n  group: 'textAndMedia',\n  model: {\n    type: 'image-view',\n    left: 100,\n    top: 100,\n    width: 100,\n    height: 100,\n    isGray: false,\n    fillStyle: '#fff',\n    strokeStyle: '#000',\n    alpha: 1,\n    hidden: false,\n    lineWidth: 1,\n    lineDash: 'solid',\n    lineCap: 'butt'\n  }\n}\n"]}

package/dist/templates/donut.d.ts

@@ -0,0 +1,22 @@
+declare const _default: {
+    type: string;
+    description: string;
+    icon: string;
+    group: string;
+    model: {
+        type: string;
+        rx: number;
+        ry: number;
+        cx: number;
+        cy: number;
+        ratio: number;
+        fillStyle: string;
+        strokeStyle: string;
+        alpha: number;
+        hidden: boolean;
+        lineWidth: number;
+        lineDash: string;
+        lineCap: string;
+    };
+};
+export default _default;

package/dist/templates/donut.js

@@ -0,0 +1,23 @@
+const donut = new URL('../../icons/donut.png', import.meta.url).href;
+export default {
+    type: 'donut',
+    description: 'donut shape',
+    icon: donut,
+    group: 'shape',
+    model: {
+        type: 'donut',
+        rx: 50,
+        ry: 50,
+        cx: 150,
+        cy: 150,
+        ratio: 30,
+        fillStyle: '#fff',
+        strokeStyle: '#000',
+        alpha: 1,
+        hidden: false,
+        lineWidth: 1,
+        lineDash: 'solid',
+        lineCap: 'butt'
+    }
+};
+//# sourceMappingURL=donut.js.map

package/dist/templates/donut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"donut.js","sourceRoot":"","sources":["../../src/templates/donut.ts"],"names":[],"mappings":"AAAA,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,uBAAuB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEpE,eAAe;IACb,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,aAAa;IAC1B,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,OAAO;IACd,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,GAAG;QACP,EAAE,EAAE,GAAG;QACP,KAAK,EAAE,EAAE;QACT,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,OAAO;QACjB,OAAO,EAAE,MAAM;KAChB;CACF,CAAA","sourcesContent":["const donut = new URL('../../icons/donut.png', import.meta.url).href\n\nexport default {\n  type: 'donut',\n  description: 'donut shape',\n  icon: donut,\n  group: 'shape',\n  model: {\n    type: 'donut',\n    rx: 50,\n    ry: 50,\n    cx: 150,\n    cy: 150,\n    ratio: 30,\n    fillStyle: '#fff',\n    strokeStyle: '#000',\n    alpha: 1,\n    hidden: false,\n    lineWidth: 1,\n    lineDash: 'solid',\n    lineCap: 'butt'\n  }\n}\n"]}

package/dist/templates/ellipse.d.ts

@@ -0,0 +1,21 @@
+declare const _default: {
+    type: string;
+    description: string;
+    icon: string;
+    group: string;
+    model: {
+        type: string;
+        rx: number;
+        ry: number;
+        cx: number;
+        cy: number;
+        fillStyle: string;
+        strokeStyle: string;
+        alpha: number;
+        hidden: boolean;
+        lineWidth: number;
+        lineDash: string;
+        lineCap: string;
+    };
+};
+export default _default;

package/dist/templates/ellipse.js

@@ -0,0 +1,22 @@
+const ellipse = new URL('../../icons/ellipse.png', import.meta.url).href;
+export default {
+    type: 'ellipse',
+    description: 'ellipse shape',
+    icon: ellipse,
+    group: 'shape',
+    model: {
+        type: 'ellipse',
+        rx: 50,
+        ry: 50,
+        cx: 150,
+        cy: 150,
+        fillStyle: '#fff',
+        strokeStyle: '#000',
+        alpha: 1,
+        hidden: false,
+        lineWidth: 1,
+        lineDash: 'solid',
+        lineCap: 'butt'
+    }
+};
+//# sourceMappingURL=ellipse.js.map

package/dist/templates/ellipse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ellipse.js","sourceRoot":"","sources":["../../src/templates/ellipse.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,yBAAyB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAExE,eAAe;IACb,IAAI,EAAE,SAAS;IACf,WAAW,EAAE,eAAe;IAC5B,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,OAAO;IACd,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,GAAG;QACP,EAAE,EAAE,GAAG;QACP,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,OAAO;QACjB,OAAO,EAAE,MAAM;KAChB;CACF,CAAA","sourcesContent":["const ellipse = new URL('../../icons/ellipse.png', import.meta.url).href\n\nexport default {\n  type: 'ellipse',\n  description: 'ellipse shape',\n  icon: ellipse,\n  group: 'shape',\n  model: {\n    type: 'ellipse',\n    rx: 50,\n    ry: 50,\n    cx: 150,\n    cy: 150,\n    fillStyle: '#fff',\n    strokeStyle: '#000',\n    alpha: 1,\n    hidden: false,\n    lineWidth: 1,\n    lineDash: 'solid',\n    lineCap: 'butt'\n  }\n}\n"]}

package/dist/templates/gif-image.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+    type: string;
+    description: string;
+    icon: string;
+    group: string;
+    model: {
+        type: string;
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+    };
+};
+export default _default;

package/dist/templates/gif-image.js

@@ -0,0 +1,15 @@
+const gifImage = new URL('../../icons/gif-image.png', import.meta.url).href;
+export default {
+    type: 'gif image',
+    description: 'gif image',
+    icon: gifImage,
+    group: 'textAndMedia',
+    model: {
+        type: 'gif-view',
+        left: 100,
+        top: 100,
+        width: 100,
+        height: 100
+    }
+};
+//# sourceMappingURL=gif-image.js.map

package/dist/templates/gif-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gif-image.js","sourceRoot":"","sources":["../../src/templates/gif-image.ts"],"names":[],"mappings":"AAAA,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,2BAA2B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE3E,eAAe;IACb,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,WAAW;IACxB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE;QACL,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,GAAG;QACT,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;KACZ;CACF,CAAA","sourcesContent":["const gifImage = new URL('../../icons/gif-image.png', import.meta.url).href\n\nexport default {\n  type: 'gif image',\n  description: 'gif image',\n  icon: gifImage,\n  group: 'textAndMedia',\n  model: {\n    type: 'gif-view',\n    left: 100,\n    top: 100,\n    width: 100,\n    height: 100\n  }\n}\n"]}

package/dist/templates/gray-image.d.ts

@@ -0,0 +1,22 @@
+declare const _default: {
+    type: string;
+    description: string;
+    icon: string;
+    group: string;
+    model: {
+        type: string;
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+        isGray: boolean;
+        fillStyle: string;
+        strokeStyle: string;
+        alpha: number;
+        hidden: boolean;
+        lineWidth: number;
+        lineDash: string;
+        lineCap: string;
+    };
+};
+export default _default;

package/dist/templates/gray-image.js

@@ -0,0 +1,23 @@
+const grayImage = new URL('../../icons/gray-image.png', import.meta.url).href;
+export default {
+    type: 'gray image',
+    description: 'gray image',
+    icon: grayImage,
+    group: 'textAndMedia',
+    model: {
+        type: 'image-view',
+        left: 100,
+        top: 100,
+        width: 100,
+        height: 100,
+        isGray: true,
+        fillStyle: '#fff',
+        strokeStyle: '#000',
+        alpha: 1,
+        hidden: false,
+        lineWidth: 1,
+        lineDash: 'solid',
+        lineCap: 'butt'
+    }
+};
+//# sourceMappingURL=gray-image.js.map

package/dist/templates/gray-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gray-image.js","sourceRoot":"","sources":["../../src/templates/gray-image.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,4BAA4B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE7E,eAAe;IACb,IAAI,EAAE,YAAY;IAClB,WAAW,EAAE,YAAY;IACzB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE;QACL,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,GAAG;QACT,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;QACZ,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,OAAO;QACjB,OAAO,EAAE,MAAM;KAChB;CACF,CAAA","sourcesContent":["const grayImage = new URL('../../icons/gray-image.png', import.meta.url).href\n\nexport default {\n  type: 'gray image',\n  description: 'gray image',\n  icon: grayImage,\n  group: 'textAndMedia',\n  model: {\n    type: 'image-view',\n    left: 100,\n    top: 100,\n    width: 100,\n    height: 100,\n    isGray: true,\n    fillStyle: '#fff',\n    strokeStyle: '#000',\n    alpha: 1,\n    hidden: false,\n    lineWidth: 1,\n    lineDash: 'solid',\n    lineCap: 'butt'\n  }\n}\n"]}