@operato/scene-wheel-sorter 9.0.0-beta.9 → 9.0.1

package/dist/conveyor-join-trapezoid.d.ts

@@ -1,19 +1,10 @@
-import { ComponentNature } from '@hatiolab/things-scene';
-declare const ConveyorJoinTrapezoid_base: {
-    new (...args: any[]): {
-        [x: string]: any;
-        dispose(): void;
-        animOnState(): void;
-        readonly conveyorType: any;
-        readonly fillStyle: {
-            image: any;
-            offsetX: number;
-            offsetY: number;
-            type: string;
-        };
-    };
-};
-export default class ConveyorJoinTrapezoid extends ConveyorJoinTrapezoid_base {
+import { Component, ComponentNature } from '@hatiolab/things-scene';
+interface RollerMixin {
+    animOnState(): void;
+    conveyorType: number;
+}
+declare const MixinPolygon: typeof Component & (new (...args: any[]) => RollerMixin);
+export default class ConveyorJoinTrapezoid extends MixinPolygon {
     get nature(): ComponentNature;
     is3dish(): boolean;
     render(context: CanvasRenderingContext2D): void;

package/dist/conveyor-join-trapezoid.js

@@ -1,4 +1,5 @@
-import { Component, Polygon } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { Polygon, sceneComponent } from '@hatiolab/things-scene';
 /*
  * Copyright © HatioLab Inc. All rights reserved.
  */
@@ -47,7 +48,9 @@ const STAT_IDLE = 0;
 const STAT_RUN = 1;
 const STAT_CHUTE_FULL = 3;
 const STAT_ERROR = 4;
-export default class ConveyorJoinTrapezoid extends MixinRoller(Polygon) {
+// 클래스 확장 타입을 명시적으로 정의
+const MixinPolygon = MixinRoller(Polygon);
+let ConveyorJoinTrapezoid = class ConveyorJoinTrapezoid extends MixinPolygon {
     get nature() {
         return NATURE;
     }
@@ -58,6 +61,9 @@ export default class ConveyorJoinTrapezoid extends MixinRoller(Polygon) {
         this.getState('animated') && this.animOnState();
         super.render(context);
     }
-}
-Component.register('conveyor-join-trapezoid', ConveyorJoinTrapezoid);
+};
+ConveyorJoinTrapezoid = __decorate([
+    sceneComponent('conveyor-join-trapezoid')
+], ConveyorJoinTrapezoid);
+export default ConveyorJoinTrapezoid;
 //# sourceMappingURL=conveyor-join-trapezoid.js.map

package/dist/conveyor-join-trapezoid.js.map

@@ -1 +1 @@
-{"version":3,"file":"conveyor-join-trapezoid.js","sourceRoot":"","sources":["../src/conveyor-join-trapezoid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAE5E;;GAEG;AACH,OAAO,WAAW,MAAM,qBAAqB,CAAA;AAE7C,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,eAAe;YACtB,IAAI,EAAE,cAAc;YACpB,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACP;wBACE,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,CAAC;qBACT;oBACD;wBACE,OAAO,EAAE,MAAM;wBACf,KAAK,EAAE,CAAC;qBACT;iBACF;aACF;SACF;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,WAAW;SAClB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SACd;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,UAAU;SACjB;KACF;IACD,IAAI,EAAE,yCAAyC;CAChD,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,CAAA;AACnB,MAAM,QAAQ,GAAG,CAAC,CAAA;AAClB,MAAM,eAAe,GAAG,CAAC,CAAA;AACzB,MAAM,UAAU,GAAG,CAAC,CAAA;AAEpB,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,WAAW,CAAC,OAAO,CAAC;IACrE,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,OAAO;QACL,OAAO,KAAK,CAAA;IACd,CAAC;IAED,MAAM,CAAC,OAAiC;QACtC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAA;QAC/C,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IACvB,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,yBAAyB,EAAE,qBAA4B,CAAC,CAAA","sourcesContent":["import { Component, ComponentNature, Polygon } from '@hatiolab/things-scene'\n\n/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport MixinRoller from './mixin-conveyor.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'conveyor-type',\n      name: 'conveyorType',\n      property: {\n        options: [\n          {\n            display: 'Roller',\n            value: 0\n          },\n          {\n            display: 'Belt',\n            value: 1\n          }\n        ]\n      }\n    },\n    {\n      type: 'number',\n      label: 'roll-width',\n      name: 'rollWidth'\n    },\n    {\n      type: 'number',\n      label: 'value',\n      name: 'value'\n    },\n    {\n      type: 'checkbox',\n      label: 'animation',\n      name: 'animated'\n    }\n  ],\n  help: 'scene/component/conveyor-join-trapezoid'\n}\n\nconst STAT_IDLE = 0\nconst STAT_RUN = 1\nconst STAT_CHUTE_FULL = 3\nconst STAT_ERROR = 4\n\nexport default class ConveyorJoinTrapezoid extends MixinRoller(Polygon) {\n  get nature() {\n    return NATURE\n  }\n\n  is3dish() {\n    return false\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    this.getState('animated') && this.animOnState()\n    super.render(context)\n  }\n}\n\nComponent.register('conveyor-join-trapezoid', ConveyorJoinTrapezoid as any)\n"]}
+{"version":3,"file":"conveyor-join-trapezoid.js","sourceRoot":"","sources":["../src/conveyor-join-trapezoid.ts"],"names":[],"mappings":";AAAA,OAAO,EAAqC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEnG;;GAEG;AACH,OAAO,WAAW,MAAM,qBAAqB,CAAA;AAE7C,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,eAAe;YACtB,IAAI,EAAE,cAAc;YACpB,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACP;wBACE,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,CAAC;qBACT;oBACD;wBACE,OAAO,EAAE,MAAM;wBACf,KAAK,EAAE,CAAC;qBACT;iBACF;aACF;SACF;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,WAAW;SAClB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SACd;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,UAAU;SACjB;KACF;IACD,IAAI,EAAE,yCAAyC;CAChD,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,CAAA;AACnB,MAAM,QAAQ,GAAG,CAAC,CAAA;AAClB,MAAM,eAAe,GAAG,CAAC,CAAA;AACzB,MAAM,UAAU,GAAG,CAAC,CAAA;AAQpB,sBAAsB;AACtB,MAAM,YAAY,GAAG,WAAW,CAAC,OAAO,CAAwE,CAAA;AAGjG,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,YAAY;IAC7D,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,OAAO;QACL,OAAO,KAAK,CAAA;IACd,CAAC;IAED,MAAM,CAAC,OAAiC;QACtC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAA;QAC/C,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IACvB,CAAC;CACF,CAAA;AAboB,qBAAqB;IADzC,cAAc,CAAC,yBAAyB,CAAC;GACrB,qBAAqB,CAazC;eAboB,qBAAqB","sourcesContent":["import { Class, Component, ComponentNature, Polygon, sceneComponent } from '@hatiolab/things-scene'\n\n/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport MixinRoller from './mixin-conveyor.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'conveyor-type',\n      name: 'conveyorType',\n      property: {\n        options: [\n          {\n            display: 'Roller',\n            value: 0\n          },\n          {\n            display: 'Belt',\n            value: 1\n          }\n        ]\n      }\n    },\n    {\n      type: 'number',\n      label: 'roll-width',\n      name: 'rollWidth'\n    },\n    {\n      type: 'number',\n      label: 'value',\n      name: 'value'\n    },\n    {\n      type: 'checkbox',\n      label: 'animation',\n      name: 'animated'\n    }\n  ],\n  help: 'scene/component/conveyor-join-trapezoid'\n}\n\nconst STAT_IDLE = 0\nconst STAT_RUN = 1\nconst STAT_CHUTE_FULL = 3\nconst STAT_ERROR = 4\n\n// MixinRoller에서 확장된 클래스의 인터페이스 정의\ninterface RollerMixin {\n  animOnState(): void\n  conveyorType: number\n}\n\n// 클래스 확장 타입을 명시적으로 정의\nconst MixinPolygon = MixinRoller(Polygon) as unknown as typeof Component & (new (...args: any[]) => RollerMixin)\n\n@sceneComponent('conveyor-join-trapezoid')\nexport default class ConveyorJoinTrapezoid extends MixinPolygon {\n  get nature() {\n    return NATURE\n  }\n\n  is3dish() {\n    return false\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    this.getState('animated') && this.animOnState()\n    super.render(context)\n  }\n}\n"]}

package/dist/conveyor-join.d.ts

@@ -1,19 +1,10 @@
 import { Component, ComponentNature, POSITION } from '@hatiolab/things-scene';
-declare const ConveyorJoin_base: {
-    new (...args: any[]): {
-        [x: string]: any;
-        dispose(): void;
-        animOnState(): void;
-        readonly conveyorType: any;
-        readonly fillStyle: {
-            image: any;
-            offsetX: number;
-            offsetY: number;
-            type: string;
-        };
-    };
-};
-export default class ConveyorJoin extends ConveyorJoin_base {
+interface RollerMixin {
+    animOnState(): void;
+    conveyorType: number;
+}
+declare const MixinDonut: typeof Component & (new (...args: any[]) => RollerMixin);
+export default class ConveyorJoin extends MixinDonut {
     get nature(): ComponentNature;
     is3dish(): boolean;
     contains(x: number, y: number): boolean;

package/dist/conveyor-join.js

@@ -1,4 +1,5 @@
-import { Component, Donut } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { Donut, sceneComponent } from '@hatiolab/things-scene';
 import MixinRoller from './mixin-conveyor.js';
 const NATURE = {
     mutable: false,
@@ -111,7 +112,9 @@ function normalizeAngle(angle) {
     }
     return angle;
 }
-export default class ConveyorJoin extends MixinRoller(Donut) {
+// 클래스 확장 타입을 명시적으로 정의
+const MixinDonut = MixinRoller(Donut);
+let ConveyorJoin = class ConveyorJoin extends MixinDonut {
     get nature() {
         return NATURE;
     }
@@ -165,6 +168,9 @@ export default class ConveyorJoin extends MixinRoller(Donut) {
         });
         return controls;
     }
-}
-Component.register('conveyor-join', ConveyorJoin);
+};
+ConveyorJoin = __decorate([
+    sceneComponent('conveyor-join')
+], ConveyorJoin);
+export default ConveyorJoin;
 //# sourceMappingURL=conveyor-join.js.map

package/dist/conveyor-join.js.map

@@ -1 +1 @@
-{"version":3,"file":"conveyor-join.js","sourceRoot":"","sources":["../src/conveyor-join.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, ComponentNature, Donut, POSITION } from '@hatiolab/things-scene'\n\nimport MixinRoller from './mixin-conveyor.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'conveyor-type',\n      name: 'conveyorType',\n      property: {\n        options: [\n          {\n            display: 'Roller',\n            value: 0\n          },\n          {\n            display: 'Belt',\n            value: 1\n          }\n        ]\n      }\n    },\n    {\n      type: 'angle',\n      label: 'start-angle',\n      name: 'startAngle'\n    },\n    {\n      type: 'angle',\n      label: 'end-angle',\n      name: 'endAngle'\n    },\n    {\n      type: 'number',\n      label: 'ratio',\n      name: 'ratio'\n    },\n    {\n      type: 'number',\n      label: 'roll-width',\n      name: 'rollWidth'\n    },\n    {\n      type: 'number',\n      label: 'value',\n      name: 'value'\n    },\n    {\n      type: 'checkbox',\n      label: 'animation',\n      name: 'animated'\n    }\n  ],\n  help: 'scene/component/conveyor-join'\n}\n\nvar controlHandler = {\n  ondragmove: function (point: POSITION, index: number, component: Component) {\n    var { cx, cy, rx, ry, startAngle, endAngle } = component.model\n\n    var { x, y } = component.transcoordP2S(point.x, point.y)\n\n    const angle = (startAngle + endAngle) / 2\n\n    /* 원점으로부터 최대 거리 */\n    const dx = Math.abs(rx * Math.sin(angle))\n    const dy = Math.abs(ry * Math.cos(angle))\n    const distance = Math.sqrt(dx * dx + dy * dy)\n\n    /* 원점으로부터 현재 컨트롤 위치까지의 거리 */\n    const px = Math.abs(cx - x)\n    const py = Math.abs(cy - y)\n    const pdistance = Math.sqrt(px * px + py * py)\n\n    var ratio = (pdistance / distance) * 100\n\n    ratio = ratio >= 100 || ratio <= -100 ? 100 : Math.abs(ratio)\n\n    component.set({ ratio })\n  }\n}\n\nvar antiClockWiseControlHandler = {\n  ondragmove: function (point: POSITION, index: number, component: Component) {\n    var { cx, cy } = component.model\n\n    var transcoorded = component.transcoordP2S(point.x, point.y)\n\n    var theta = Math.atan2(-(transcoorded.y - cy), transcoorded.x - cx)\n\n    if (theta > 0 && theta <= Math.PI / 2) theta = Math.PI / 2\n    if (theta < 0 && theta >= -Math.PI / 2) theta = -Math.PI / 2\n\n    const startAngle = (-theta + Math.PI / 2 - Math.PI * 2) % (Math.PI * 2)\n\n    component.set({ startAngle })\n  }\n}\n\nvar clockwiseControlHandler = {\n  ondragmove: function (point: POSITION, index: number, component: Component) {\n    var { cx, cy } = component.model\n\n    var transcoorded = component.transcoordP2S(point.x, point.y)\n\n    var theta = Math.atan2(-(transcoorded.y - cy), transcoorded.x - cx)\n\n    if (theta > 0) if (theta >= Math.PI / 2) theta = Math.PI / 2\n    if (theta < 0) if (theta <= -Math.PI / 2) theta = -Math.PI / 2\n\n    var endAngle = -theta + Math.PI / 2\n\n    component.set({ endAngle })\n  }\n}\n\nfunction normalizeAngle(angle: number): number {\n  angle = angle % (2 * Math.PI)\n  if (angle <= -Math.PI) {\n    angle += 2 * Math.PI\n  } else if (angle > Math.PI) {\n    angle -= 2 * Math.PI\n  }\n  return angle\n}\n\nexport default class ConveyorJoin extends MixinRoller(Donut) {\n  get nature() {\n    return NATURE\n  }\n\n  is3dish() {\n    return false\n  }\n\n  contains(x: number, y: number) {\n    var { cx, cy, rx, ry, ratio, startAngle, endAngle } = this.state\n    rx = Math.abs(rx)\n    ry = Math.abs(ry)\n\n    const normx = (x - cx) / (rx * 2 - 0.5)\n    const normy = (y - cy) / (ry * 2 - 0.5)\n    const ratiox = (x - cx) / ((rx / 100) * ratio * 2 - 0.5)\n    const ratioy = (y - cy) / ((ry / 100) * ratio * 2 - 0.5)\n\n    if (normx * normx + normy * normy < 0.25 && ratiox * ratiox + ratioy * ratioy > 0.25) {\n      const angle = normalizeAngle(Math.atan2(-normy, normx) - Math.PI / 2)\n\n      if (angle >= startAngle && angle <= endAngle) {\n        return true\n      }\n    }\n\n    return false\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { ratio = 50, cx, cy, rx, ry, startAngle = 0, endAngle = Math.PI / 2, animated = false } = this.state\n\n    animated && this.animOnState()\n\n    ctx.beginPath()\n\n    startAngle = (startAngle - Math.PI / 2 - Math.PI * 2) % (Math.PI * 2)\n    endAngle -= Math.PI / 2\n\n    ctx.ellipse(cx, cy, Math.abs(rx), Math.abs(ry), 0, startAngle, endAngle)\n    ctx.ellipse(cx, cy, Math.abs((rx / 100) * ratio), Math.abs((ry / 100) * ratio), 0, endAngle, startAngle, true)\n\n    ctx.lineTo(rx * Math.cos(startAngle) + cx, ry * Math.sin(startAngle) + cy)\n  }\n\n  get controls() {\n    var { cx, cy, rx, ry, ratio, startAngle, endAngle } = this.state\n\n    var controls = []\n\n    controls.push({\n      x: cx + ((rx + (rx * ratio) / 100) / 2) * Math.sin(startAngle),\n      y: cy - ((ry + (ry * ratio) / 100) / 2) * Math.cos(startAngle),\n      handler: antiClockWiseControlHandler\n    })\n\n    controls.push({\n      x: cx + ((rx + (rx * ratio) / 100) / 2) * Math.sin(endAngle),\n      y: cy - ((ry + (ry * ratio) / 100) / 2) * Math.cos(endAngle),\n      handler: clockwiseControlHandler\n    })\n\n    const angle = (startAngle + endAngle) / 2\n    controls.push({\n      x: cx + ((rx * ratio) / 100) * Math.sin(angle),\n      y: cy - ((ry * ratio) / 100) * Math.cos(angle),\n      handler: controlHandler\n    })\n\n    return controls\n  }\n}\n\nComponent.register('conveyor-join', ConveyorJoin as any)\n"]}
+{"version":3,"file":"conveyor-join.js","sourceRoot":"","sources":["../src/conveyor-join.ts"],"names":[],"mappings":"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","sourcesContent":["import { Class, Component, ComponentNature, Donut, POSITION, sceneComponent } from '@hatiolab/things-scene'\n\nimport MixinRoller from './mixin-conveyor.js'\n\n// MixinRoller에서 확장된 클래스의 인터페이스 정의\ninterface RollerMixin {\n  animOnState(): void\n  conveyorType: number\n}\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'conveyor-type',\n      name: 'conveyorType',\n      property: {\n        options: [\n          {\n            display: 'Roller',\n            value: 0\n          },\n          {\n            display: 'Belt',\n            value: 1\n          }\n        ]\n      }\n    },\n    {\n      type: 'angle',\n      label: 'start-angle',\n      name: 'startAngle'\n    },\n    {\n      type: 'angle',\n      label: 'end-angle',\n      name: 'endAngle'\n    },\n    {\n      type: 'number',\n      label: 'ratio',\n      name: 'ratio'\n    },\n    {\n      type: 'number',\n      label: 'roll-width',\n      name: 'rollWidth'\n    },\n    {\n      type: 'number',\n      label: 'value',\n      name: 'value'\n    },\n    {\n      type: 'checkbox',\n      label: 'animation',\n      name: 'animated'\n    }\n  ],\n  help: 'scene/component/conveyor-join'\n}\n\nvar controlHandler = {\n  ondragmove: function (point: POSITION, index: number, component: Component) {\n    var { cx, cy, rx, ry, startAngle, endAngle } = component.model\n\n    var { x, y } = component.transcoordP2S(point.x, point.y)\n\n    const angle = (startAngle + endAngle) / 2\n\n    /* 원점으로부터 최대 거리 */\n    const dx = Math.abs(rx * Math.sin(angle))\n    const dy = Math.abs(ry * Math.cos(angle))\n    const distance = Math.sqrt(dx * dx + dy * dy)\n\n    /* 원점으로부터 현재 컨트롤 위치까지의 거리 */\n    const px = Math.abs(cx - x)\n    const py = Math.abs(cy - y)\n    const pdistance = Math.sqrt(px * px + py * py)\n\n    var ratio = (pdistance / distance) * 100\n\n    ratio = ratio >= 100 || ratio <= -100 ? 100 : Math.abs(ratio)\n\n    component.set({ ratio })\n  }\n}\n\nvar antiClockWiseControlHandler = {\n  ondragmove: function (point: POSITION, index: number, component: Component) {\n    var { cx, cy } = component.model\n\n    var transcoorded = component.transcoordP2S(point.x, point.y)\n\n    var theta = Math.atan2(-(transcoorded.y - cy), transcoorded.x - cx)\n\n    if (theta > 0 && theta <= Math.PI / 2) theta = Math.PI / 2\n    if (theta < 0 && theta >= -Math.PI / 2) theta = -Math.PI / 2\n\n    const startAngle = (-theta + Math.PI / 2 - Math.PI * 2) % (Math.PI * 2)\n\n    component.set({ startAngle })\n  }\n}\n\nvar clockwiseControlHandler = {\n  ondragmove: function (point: POSITION, index: number, component: Component) {\n    var { cx, cy } = component.model\n\n    var transcoorded = component.transcoordP2S(point.x, point.y)\n\n    var theta = Math.atan2(-(transcoorded.y - cy), transcoorded.x - cx)\n\n    if (theta > 0) if (theta >= Math.PI / 2) theta = Math.PI / 2\n    if (theta < 0) if (theta <= -Math.PI / 2) theta = -Math.PI / 2\n\n    var endAngle = -theta + Math.PI / 2\n\n    component.set({ endAngle })\n  }\n}\n\nfunction normalizeAngle(angle: number): number {\n  angle = angle % (2 * Math.PI)\n  if (angle <= -Math.PI) {\n    angle += 2 * Math.PI\n  } else if (angle > Math.PI) {\n    angle -= 2 * Math.PI\n  }\n  return angle\n}\n\n// 클래스 확장 타입을 명시적으로 정의\nconst MixinDonut = MixinRoller(Donut) as unknown as typeof Component & (new (...args: any[]) => RollerMixin)\n\n@sceneComponent('conveyor-join')\nexport default class ConveyorJoin extends MixinDonut {\n  get nature() {\n    return NATURE\n  }\n\n  is3dish() {\n    return false\n  }\n\n  contains(x: number, y: number) {\n    var { cx, cy, rx, ry, ratio, startAngle, endAngle } = this.state\n    rx = Math.abs(rx)\n    ry = Math.abs(ry)\n\n    const normx = (x - cx) / (rx * 2 - 0.5)\n    const normy = (y - cy) / (ry * 2 - 0.5)\n    const ratiox = (x - cx) / ((rx / 100) * ratio * 2 - 0.5)\n    const ratioy = (y - cy) / ((ry / 100) * ratio * 2 - 0.5)\n\n    if (normx * normx + normy * normy < 0.25 && ratiox * ratiox + ratioy * ratioy > 0.25) {\n      const angle = normalizeAngle(Math.atan2(-normy, normx) - Math.PI / 2)\n\n      if (angle >= startAngle && angle <= endAngle) {\n        return true\n      }\n    }\n\n    return false\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { ratio = 50, cx, cy, rx, ry, startAngle = 0, endAngle = Math.PI / 2, animated = false } = this.state\n\n    animated && this.animOnState()\n\n    ctx.beginPath()\n\n    startAngle = (startAngle - Math.PI / 2 - Math.PI * 2) % (Math.PI * 2)\n    endAngle -= Math.PI / 2\n\n    ctx.ellipse(cx, cy, Math.abs(rx), Math.abs(ry), 0, startAngle, endAngle)\n    ctx.ellipse(cx, cy, Math.abs((rx / 100) * ratio), Math.abs((ry / 100) * ratio), 0, endAngle, startAngle, true)\n\n    ctx.lineTo(rx * Math.cos(startAngle) + cx, ry * Math.sin(startAngle) + cy)\n  }\n\n  get controls() {\n    var { cx, cy, rx, ry, ratio, startAngle, endAngle } = this.state\n\n    var controls = []\n\n    controls.push({\n      x: cx + ((rx + (rx * ratio) / 100) / 2) * Math.sin(startAngle),\n      y: cy - ((ry + (ry * ratio) / 100) / 2) * Math.cos(startAngle),\n      handler: antiClockWiseControlHandler\n    })\n\n    controls.push({\n      x: cx + ((rx + (rx * ratio) / 100) / 2) * Math.sin(endAngle),\n      y: cy - ((ry + (ry * ratio) / 100) / 2) * Math.cos(endAngle),\n      handler: clockwiseControlHandler\n    })\n\n    const angle = (startAngle + endAngle) / 2\n    controls.push({\n      x: cx + ((rx * ratio) / 100) * Math.sin(angle),\n      y: cy - ((ry * ratio) / 100) * Math.cos(angle),\n      handler: controlHandler\n    })\n\n    return controls\n  }\n}\n"]}

package/dist/conveyor.d.ts

@@ -1,19 +1,10 @@
-import { ComponentNature } from '@hatiolab/things-scene';
-declare const Conveyor_base: {
-    new (...args: any[]): {
-        [x: string]: any;
-        dispose(): void;
-        animOnState(): void;
-        readonly conveyorType: any;
-        readonly fillStyle: {
-            image: any;
-            offsetX: number;
-            offsetY: number;
-            type: string;
-        };
-    };
-};
-export default class Conveyor extends Conveyor_base {
+import { Component, ComponentNature } from '@hatiolab/things-scene';
+interface RollerMixin {
+    animOnState(): void;
+    conveyorType: number;
+}
+declare const MixinShape: typeof Component & (new (...args: any[]) => RollerMixin);
+export default class Conveyor extends MixinShape {
     get nature(): ComponentNature;
     render(ctx: CanvasRenderingContext2D): void;
     is3dish(): boolean;

package/dist/conveyor.js

@@ -1,4 +1,5 @@
-import { Component, RectPath, Shape } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { RectPath, Shape, sceneComponent } from '@hatiolab/things-scene';
 /*
  * Copyright © HatioLab Inc. All rights reserved.
  */
@@ -43,7 +44,9 @@ const NATURE = {
     ],
     help: 'scene/component/conveyor'
 };
-export default class Conveyor extends MixinRoller(RectPath(Shape)) {
+// 클래스 확장 타입을 명시적으로 정의
+const MixinShape = MixinRoller(RectPath(Shape));
+let Conveyor = class Conveyor extends MixinShape {
     get nature() {
         return NATURE;
     }
@@ -56,7 +59,10 @@ export default class Conveyor extends MixinRoller(RectPath(Shape)) {
     is3dish() {
         return false;
     }
-}
-Component.register('conveyor', Conveyor);
-Component.register('conveyor-belt', Conveyor);
+};
+Conveyor = __decorate([
+    sceneComponent('conveyor'),
+    sceneComponent('conveyor-belt')
+], Conveyor);
+export default Conveyor;
 //# sourceMappingURL=conveyor.js.map

package/dist/conveyor.js.map

@@ -1 +1 @@
-{"version":3,"file":"conveyor.js","sourceRoot":"","sources":["../src/conveyor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,QAAQ,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAEpF;;GAEG;AACH,OAAO,WAAW,MAAM,qBAAqB,CAAA;AAE7C,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,eAAe;YACtB,IAAI,EAAE,cAAc;YACpB,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACP;wBACE,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,CAAC;qBACT;oBACD;wBACE,OAAO,EAAE,MAAM;wBACf,KAAK,EAAE,CAAC;qBACT;iBACF;aACF;SACF;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,WAAW;SAClB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SACd;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,UAAU;SACjB;KACF;IACD,IAAI,EAAE,0BAA0B;CACjC,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAE/D,QAAQ,IAAI,IAAI,CAAC,WAAW,EAAE,CAAA;QAE9B,GAAG,CAAC,SAAS,EAAE,CAAA;QACf,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;IACpC,CAAC;IAED,OAAO;QACL,OAAO,KAAK,CAAA;IACd,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,UAAU,EAAE,QAAe,CAAC,CAAA;AAC/C,SAAS,CAAC,QAAQ,CAAC,eAAe,EAAE,QAAe,CAAC,CAAA","sourcesContent":["import { Component, ComponentNature, RectPath, Shape } from '@hatiolab/things-scene'\n\n/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport MixinRoller from './mixin-conveyor.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'conveyor-type',\n      name: 'conveyorType',\n      property: {\n        options: [\n          {\n            display: 'Roller',\n            value: 0\n          },\n          {\n            display: 'Belt',\n            value: 1\n          }\n        ]\n      }\n    },\n    {\n      type: 'number',\n      label: 'roll-width',\n      name: 'rollWidth'\n    },\n    {\n      type: 'number',\n      label: 'value',\n      name: 'value'\n    },\n    {\n      type: 'checkbox',\n      label: 'animation',\n      name: 'animated'\n    }\n  ],\n  help: 'scene/component/conveyor'\n}\n\nexport default class Conveyor extends MixinRoller(RectPath(Shape)) {\n  get nature() {\n    return NATURE\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { width, height, left, top, animated = false } = this.state\n\n    animated && this.animOnState()\n\n    ctx.beginPath()\n    ctx.rect(left, top, width, height)\n  }\n\n  is3dish() {\n    return false\n  }\n}\n\nComponent.register('conveyor', Conveyor as any)\nComponent.register('conveyor-belt', Conveyor as any)\n"]}
+{"version":3,"file":"conveyor.js","sourceRoot":"","sources":["../src/conveyor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAqC,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAE3G;;GAEG;AACH,OAAO,WAAW,MAAM,qBAAqB,CAAA;AAQ7C,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,eAAe;YACtB,IAAI,EAAE,cAAc;YACpB,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACP;wBACE,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,CAAC;qBACT;oBACD;wBACE,OAAO,EAAE,MAAM;wBACf,KAAK,EAAE,CAAC;qBACT;iBACF;aACF;SACF;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,WAAW;SAClB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SACd;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,UAAU;SACjB;KACF;IACD,IAAI,EAAE,0BAA0B;CACjC,CAAA;AAED,sBAAsB;AACtB,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAwE,CAAA;AAIvG,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAC9C,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAE/D,QAAQ,IAAI,IAAI,CAAC,WAAW,EAAE,CAAA;QAE9B,GAAG,CAAC,SAAS,EAAE,CAAA;QACf,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;IACpC,CAAC;IAED,OAAO;QACL,OAAO,KAAK,CAAA;IACd,CAAC;CACF,CAAA;AAjBoB,QAAQ;IAF5B,cAAc,CAAC,UAAU,CAAC;IAC1B,cAAc,CAAC,eAAe,CAAC;GACX,QAAQ,CAiB5B;eAjBoB,QAAQ","sourcesContent":["import { Class, Component, ComponentNature, RectPath, Shape, sceneComponent } from '@hatiolab/things-scene'\n\n/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport MixinRoller from './mixin-conveyor.js'\n\n// MixinRoller에서 확장된 클래스의 인터페이스 정의\ninterface RollerMixin {\n  animOnState(): void\n  conveyorType: number\n}\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'conveyor-type',\n      name: 'conveyorType',\n      property: {\n        options: [\n          {\n            display: 'Roller',\n            value: 0\n          },\n          {\n            display: 'Belt',\n            value: 1\n          }\n        ]\n      }\n    },\n    {\n      type: 'number',\n      label: 'roll-width',\n      name: 'rollWidth'\n    },\n    {\n      type: 'number',\n      label: 'value',\n      name: 'value'\n    },\n    {\n      type: 'checkbox',\n      label: 'animation',\n      name: 'animated'\n    }\n  ],\n  help: 'scene/component/conveyor'\n}\n\n// 클래스 확장 타입을 명시적으로 정의\nconst MixinShape = MixinRoller(RectPath(Shape)) as unknown as typeof Component & (new (...args: any[]) => RollerMixin)\n\n@sceneComponent('conveyor')\n@sceneComponent('conveyor-belt')\nexport default class Conveyor extends MixinShape {\n  get nature() {\n    return NATURE\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { width, height, left, top, animated = false } = this.state\n\n    animated && this.animOnState()\n\n    ctx.beginPath()\n    ctx.rect(left, top, width, height)\n  }\n\n  is3dish() {\n    return false\n  }\n}\n"]}

package/dist/scanner.d.ts

@@ -1,18 +1,8 @@
-import { ComponentNature } from '@hatiolab/things-scene';
-declare const Scanner_base: {
-    new (...args: any[]): {
-        [x: string]: any;
-        dispose(): void;
-        readonly fillStyle: {
-            image: any;
-            offsetX: number;
-            offsetY: number;
-            type: string;
-            fitPattern: boolean;
-        };
-    };
-};
-export default class Scanner extends Scanner_base {
+import { Component, ComponentNature } from '@hatiolab/things-scene';
+interface ScannerMixin {
+}
+declare const MixinShape: typeof Component & (new (...args: any[]) => ScannerMixin);
+export default class Scanner extends MixinShape {
     get nature(): ComponentNature;
     render(ctx: CanvasRenderingContext2D): void;
     is3dish(): boolean;

package/dist/scanner.js

@@ -1,4 +1,5 @@
-import { Component, RectPath, Shape } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { RectPath, sceneComponent, Shape } from '@hatiolab/things-scene';
 /*
  * Copyright © HatioLab Inc. All rights reserved.
  */
@@ -19,7 +20,9 @@ const STAT_IDLE = 0;
 const STAT_RUN = 1;
 const STAT_CHUTE_FULL = 2;
 const STAT_ERROR = 3;
-export default class Scanner extends MixinScanner(RectPath(Shape)) {
+// 클래스 확장 타입을 명시적으로 정의
+const MixinShape = MixinScanner(RectPath(Shape));
+let Scanner = class Scanner extends MixinShape {
     get nature() {
         return NATURE;
     }
@@ -41,6 +44,9 @@ export default class Scanner extends MixinScanner(RectPath(Shape)) {
     is3dish() {
         return false;
     }
-}
-Component.register('scanner', Scanner);
+};
+Scanner = __decorate([
+    sceneComponent('scanner')
+], Scanner);
+export default Scanner;
 //# sourceMappingURL=scanner.js.map

package/dist/scanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"scanner.js","sourceRoot":"","sources":["../src/scanner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,QAAQ,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAEpF;;GAEG;AACH,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAE7C,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;SACd;KACF;CACF,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,CAAA;AACnB,MAAM,QAAQ,GAAG,CAAC,CAAA;AAClB,MAAM,eAAe,GAAG,CAAC,CAAA;AACzB,MAAM,UAAU,GAAG,CAAC,CAAA;AAEpB,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAE7C,IAAI,MAAM,GAAG,KAAK,GAAG,EAAE,CAAA;QAEvB,GAAG,CAAC,SAAS,EAAE,CAAA;QACf,GAAG,CAAC,MAAM,CAAC,IAAI,GAAG,MAAM,EAAE,GAAG,CAAC,CAAA;QAC9B,GAAG,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,GAAG,MAAM,EAAE,GAAG,CAAC,CAAA;QACtC,GAAG,CAAC,gBAAgB,CAAC,IAAI,GAAG,KAAK,EAAE,GAAG,EAAE,IAAI,GAAG,KAAK,EAAE,GAAG,GAAG,MAAM,CAAC,CAAA;QACnE,GAAG,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,EAAE,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA;QAC/C,GAAG,CAAC,gBAAgB,CAAC,IAAI,GAAG,KAAK,EAAE,GAAG,GAAG,MAAM,EAAE,IAAI,GAAG,KAAK,GAAG,MAAM,EAAE,GAAG,GAAG,MAAM,CAAC,CAAA;QACrF,GAAG,CAAC,MAAM,CAAC,IAAI,GAAG,MAAM,EAAE,GAAG,GAAG,MAAM,CAAC,CAAA;QACvC,GAAG,CAAC,gBAAgB,CAAC,IAAI,EAAE,GAAG,GAAG,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA;QACrE,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,GAAG,MAAM,CAAC,CAAA;QAC9B,GAAG,CAAC,gBAAgB,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,CAAC,CAAA;QACnD,GAAG,CAAC,IAAI,EAAE,CAAA;IACZ,CAAC;IAED,OAAO;QACL,OAAO,KAAK,CAAA;IACd,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,SAAS,EAAE,OAAc,CAAC,CAAA","sourcesContent":["import { Component, ComponentNature, RectPath, Shape } from '@hatiolab/things-scene'\n\n/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport MixinScanner from './mixin-scanner.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'number',\n      label: 'value',\n      name: 'value'\n    }\n  ]\n}\n\nconst STAT_IDLE = 0\nconst STAT_RUN = 1\nconst STAT_CHUTE_FULL = 2\nconst STAT_ERROR = 3\n\nexport default class Scanner extends MixinScanner(RectPath(Shape)) {\n  get nature() {\n    return NATURE\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { width, height, left, top } = this.state\n\n    var radius = width / 10\n\n    ctx.beginPath()\n    ctx.moveTo(left + radius, top)\n    ctx.lineTo(left + width - radius, top)\n    ctx.quadraticCurveTo(left + width, top, left + width, top + radius)\n    ctx.lineTo(left + width, top + height - radius)\n    ctx.quadraticCurveTo(left + width, top + height, left + width - radius, top + height)\n    ctx.lineTo(left + radius, top + height)\n    ctx.quadraticCurveTo(left, top + height, left, top + height - radius)\n    ctx.lineTo(left, top + radius)\n    ctx.quadraticCurveTo(left, top, left + radius, top)\n    ctx.clip()\n  }\n\n  is3dish() {\n    return false\n  }\n}\n\nComponent.register('scanner', Scanner as any)\n"]}
+{"version":3,"file":"scanner.js","sourceRoot":"","sources":["../src/scanner.ts"],"names":[],"mappings":";AAAA,OAAO,EAAqC,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAE3G;;GAEG;AACH,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAO7C,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;SACd;KACF;CACF,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,CAAA;AACnB,MAAM,QAAQ,GAAG,CAAC,CAAA;AAClB,MAAM,eAAe,GAAG,CAAC,CAAA;AACzB,MAAM,UAAU,GAAG,CAAC,CAAA;AAEpB,sBAAsB;AACtB,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAyE,CAAA;AAGzG,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAC7C,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAE7C,IAAI,MAAM,GAAG,KAAK,GAAG,EAAE,CAAA;QAEvB,GAAG,CAAC,SAAS,EAAE,CAAA;QACf,GAAG,CAAC,MAAM,CAAC,IAAI,GAAG,MAAM,EAAE,GAAG,CAAC,CAAA;QAC9B,GAAG,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,GAAG,MAAM,EAAE,GAAG,CAAC,CAAA;QACtC,GAAG,CAAC,gBAAgB,CAAC,IAAI,GAAG,KAAK,EAAE,GAAG,EAAE,IAAI,GAAG,KAAK,EAAE,GAAG,GAAG,MAAM,CAAC,CAAA;QACnE,GAAG,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,EAAE,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA;QAC/C,GAAG,CAAC,gBAAgB,CAAC,IAAI,GAAG,KAAK,EAAE,GAAG,GAAG,MAAM,EAAE,IAAI,GAAG,KAAK,GAAG,MAAM,EAAE,GAAG,GAAG,MAAM,CAAC,CAAA;QACrF,GAAG,CAAC,MAAM,CAAC,IAAI,GAAG,MAAM,EAAE,GAAG,GAAG,MAAM,CAAC,CAAA;QACvC,GAAG,CAAC,gBAAgB,CAAC,IAAI,EAAE,GAAG,GAAG,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA;QACrE,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,GAAG,MAAM,CAAC,CAAA;QAC9B,GAAG,CAAC,gBAAgB,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,CAAC,CAAA;QACnD,GAAG,CAAC,IAAI,EAAE,CAAA;IACZ,CAAC;IAED,OAAO;QACL,OAAO,KAAK,CAAA;IACd,CAAC;CACF,CAAA;AA1BoB,OAAO;IAD3B,cAAc,CAAC,SAAS,CAAC;GACL,OAAO,CA0B3B;eA1BoB,OAAO","sourcesContent":["import { Class, Component, ComponentNature, RectPath, sceneComponent, Shape } from '@hatiolab/things-scene'\n\n/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport MixinScanner from './mixin-scanner.js'\n\n// MixinScanner에서 확장된 클래스의 인터페이스 정의\ninterface ScannerMixin {\n  // 필요한 메서드나 속성을 여기에 정의\n}\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'number',\n      label: 'value',\n      name: 'value'\n    }\n  ]\n}\n\nconst STAT_IDLE = 0\nconst STAT_RUN = 1\nconst STAT_CHUTE_FULL = 2\nconst STAT_ERROR = 3\n\n// 클래스 확장 타입을 명시적으로 정의\nconst MixinShape = MixinScanner(RectPath(Shape)) as unknown as typeof Component & (new (...args: any[]) => ScannerMixin)\n\n@sceneComponent('scanner')\nexport default class Scanner extends MixinShape {\n  get nature() {\n    return NATURE\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { width, height, left, top } = this.state\n\n    var radius = width / 10\n\n    ctx.beginPath()\n    ctx.moveTo(left + radius, top)\n    ctx.lineTo(left + width - radius, top)\n    ctx.quadraticCurveTo(left + width, top, left + width, top + radius)\n    ctx.lineTo(left + width, top + height - radius)\n    ctx.quadraticCurveTo(left + width, top + height, left + width - radius, top + height)\n    ctx.lineTo(left + radius, top + height)\n    ctx.quadraticCurveTo(left, top + height, left, top + height - radius)\n    ctx.lineTo(left, top + radius)\n    ctx.quadraticCurveTo(left, top, left + radius, top)\n    ctx.clip()\n  }\n\n  is3dish() {\n    return false\n  }\n}\n"]}

package/dist/wheel-sorter.d.ts

@@ -1,15 +1,13 @@
-import { ComponentNature } from '@hatiolab/things-scene';
-declare const WheelSorter_base: {
-    new (...args: any[]): {
-        [x: string]: any;
-        animOnState(): void;
-        _draw_pattern(ctx: CanvasRenderingContext2D): void;
-        _draw_circle(ctx: CanvasRenderingContext2D, size: number): void;
-        _draw_inner(ctx: CanvasRenderingContext2D, size: number, tilt: number): void;
-        _draw_wheel(ctx: CanvasRenderingContext2D, size: number, tilt: number): void;
-    };
-};
-export default class WheelSorter extends WheelSorter_base {
+import { Component, ComponentNature } from '@hatiolab/things-scene';
+interface WheelSorterMixin {
+    animOnState(): void;
+    _draw_pattern(ctx: CanvasRenderingContext2D): void;
+    _draw_circle(ctx: CanvasRenderingContext2D): void;
+    _draw_inner(ctx: CanvasRenderingContext2D): void;
+    _draw_wheel(ctx: CanvasRenderingContext2D): void;
+}
+declare const MixinShape: typeof Component & (new (...args: any[]) => WheelSorterMixin);
+export default class WheelSorter extends MixinShape {
     get nature(): ComponentNature;
     render(ctx: CanvasRenderingContext2D): void;
     postrender(ctx: CanvasRenderingContext2D): void;

package/dist/wheel-sorter.js

@@ -1,4 +1,5 @@
-import { Component, RectPath, Shape } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { RectPath, Shape, sceneComponent } from '@hatiolab/things-scene';
 /*
  * Copyright © HatioLab Inc. All rights reserved.
  */
@@ -31,7 +32,9 @@ const NATURE = {
     ],
     help: 'scene/component/wheel-sorter'
 };
-export default class WheelSorter extends MixinWheelSorter(RectPath(Shape)) {
+// 클래스 확장 타입을 명시적으로 정의
+const MixinShape = MixinWheelSorter(RectPath(Shape));
+let WheelSorter = class WheelSorter extends MixinShape {
     get nature() {
         return NATURE;
     }
@@ -49,6 +52,9 @@ export default class WheelSorter extends MixinWheelSorter(RectPath(Shape)) {
     is3dish() {
         return false;
     }
-}
-Component.register('wheel-sorter', WheelSorter);
+};
+WheelSorter = __decorate([
+    sceneComponent('wheel-sorter')
+], WheelSorter);
+export default WheelSorter;
 //# sourceMappingURL=wheel-sorter.js.map

package/dist/wheel-sorter.js.map

@@ -1 +1 @@
-{"version":3,"file":"wheel-sorter.js","sourceRoot":"","sources":["../src/wheel-sorter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,QAAQ,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAEpF;;GAEG;AACH,OAAO,gBAAgB,MAAM,yBAAyB,CAAA;AAEtD,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,MAAM;YACb,IAAI,EAAE,MAAM;SACb;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,WAAW;SAClB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SACd;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,UAAU;SACjB;KACF;IACD,IAAI,EAAE,8BAA8B;CACrC,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxE,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEvD,QAAQ,IAAI,IAAI,CAAC,WAAW,EAAE,CAAA;QAE9B,GAAG,CAAC,SAAS,EAAE,CAAA;QACf,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;QAElC,GAAG,CAAC,IAAI,EAAE,CAAA,CAAC,8BAA8B;IAC3C,CAAC;IAED,UAAU,CAAC,GAA6B;QACtC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;QACrB,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACzB,CAAC;IAED,OAAO;QACL,OAAO,KAAK,CAAA;IACd,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAE,WAAkB,CAAC,CAAA","sourcesContent":["import { Component, ComponentNature, RectPath, Shape } from '@hatiolab/things-scene'\n\n/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport MixinWheelSorter from './mixin-wheel-sorter.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'number',\n      label: 'tilt',\n      name: 'tilt'\n    },\n    {\n      type: 'number',\n      label: 'wheel-size',\n      name: 'wheelSize'\n    },\n    {\n      type: 'number',\n      label: 'value',\n      name: 'value'\n    },\n    {\n      type: 'checkbox',\n      label: 'animation',\n      name: 'animated'\n    }\n  ],\n  help: 'scene/component/wheel-sorter'\n}\n\nexport default class WheelSorter extends MixinWheelSorter(RectPath(Shape)) {\n  get nature() {\n    return NATURE\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { width, height, left, top, animated } = this.state\n\n    animated && this.animOnState()\n\n    ctx.beginPath()\n    ctx.rect(left, top, width, height)\n\n    ctx.clip() // bound를 벗어난 영역에도 그려지는 것을 예방.\n  }\n\n  postrender(ctx: CanvasRenderingContext2D) {\n    super.postrender(ctx)\n    this._draw_pattern(ctx)\n  }\n\n  is3dish() {\n    return false\n  }\n}\n\nComponent.register('wheel-sorter', WheelSorter as any)\n"]}
+{"version":3,"file":"wheel-sorter.js","sourceRoot":"","sources":["../src/wheel-sorter.ts"],"names":[],"mappings":";AAAA,OAAO,EAAqC,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAE3G;;GAEG;AACH,OAAO,gBAAgB,MAAM,yBAAyB,CAAA;AAWtD,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,MAAM;YACb,IAAI,EAAE,MAAM;SACb;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,WAAW;SAClB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SACd;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,UAAU;SACjB;KACF;IACD,IAAI,EAAE,8BAA8B;CACrC,CAAA;AAED,sBAAsB;AACtB,MAAM,UAAU,GAAG,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,CACP,CAAA;AAG7B,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IACjD,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEvD,QAAQ,IAAI,IAAI,CAAC,WAAW,EAAE,CAAA;QAE9B,GAAG,CAAC,SAAS,EAAE,CAAA;QACf,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;QAElC,GAAG,CAAC,IAAI,EAAE,CAAA,CAAC,8BAA8B;IAC3C,CAAC;IAED,UAAU,CAAC,GAA6B;QACtC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;QACrB,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACzB,CAAC;IAED,OAAO;QACL,OAAO,KAAK,CAAA;IACd,CAAC;CACF,CAAA;AAxBoB,WAAW;IAD/B,cAAc,CAAC,cAAc,CAAC;GACV,WAAW,CAwB/B;eAxBoB,WAAW","sourcesContent":["import { Class, Component, ComponentNature, RectPath, Shape, sceneComponent } from '@hatiolab/things-scene'\n\n/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport MixinWheelSorter from './mixin-wheel-sorter.js'\n\n// MixinWheelSorter에서 확장된 클래스의 인터페이스 정의\ninterface WheelSorterMixin {\n  animOnState(): void\n  _draw_pattern(ctx: CanvasRenderingContext2D): void\n  _draw_circle(ctx: CanvasRenderingContext2D): void\n  _draw_inner(ctx: CanvasRenderingContext2D): void\n  _draw_wheel(ctx: CanvasRenderingContext2D): void\n}\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'number',\n      label: 'tilt',\n      name: 'tilt'\n    },\n    {\n      type: 'number',\n      label: 'wheel-size',\n      name: 'wheelSize'\n    },\n    {\n      type: 'number',\n      label: 'value',\n      name: 'value'\n    },\n    {\n      type: 'checkbox',\n      label: 'animation',\n      name: 'animated'\n    }\n  ],\n  help: 'scene/component/wheel-sorter'\n}\n\n// 클래스 확장 타입을 명시적으로 정의\nconst MixinShape = MixinWheelSorter(RectPath(Shape)) as unknown as typeof Component &\n  (new (...args: any[]) => WheelSorterMixin)\n\n@sceneComponent('wheel-sorter')\nexport default class WheelSorter extends MixinShape {\n  get nature() {\n    return NATURE\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { width, height, left, top, animated } = this.state\n\n    animated && this.animOnState()\n\n    ctx.beginPath()\n    ctx.rect(left, top, width, height)\n\n    ctx.clip() // bound를 벗어난 영역에도 그려지는 것을 예방.\n  }\n\n  postrender(ctx: CanvasRenderingContext2D) {\n    super.postrender(ctx)\n    this._draw_pattern(ctx)\n  }\n\n  is3dish() {\n    return false\n  }\n}\n"]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/scene-wheel-sorter",
   "description": "The wheel sorter component for things-scene",
   "author": "heartyoh",
-  "version": "9.0.0-beta.9",
+  "version": "9.0.1",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -28,12 +28,12 @@
     "migration": "things-factory-migration"
   },
   "dependencies": {
-    "@hatiolab/things-scene": "^9.0.0-beta"
+    "@hatiolab/things-scene": "^9.0.0"
   },
   "devDependencies": {
     "@hatiolab/prettier-config": "^1.0.0",
-    "@things-factory/builder": "^9.0.0-beta",
-    "@things-factory/operato-board": "^9.0.0-beta",
+    "@things-factory/builder": "^9.0.0",
+    "@things-factory/operato-board": "^9.0.0",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "@web/dev-server": "^0.1.28",
@@ -58,5 +58,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "a055d01e45284ed000513e62768dcad61f926293"
+  "gitHead": "5c1850ff48a7c9b6aa133426e817b22032326143"
 }