@fmsim/machine 1.0.63 → 1.0.65

package/dist/agv-line.js

@@ -1,4 +1,5 @@
-import { Component } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { sceneComponent } from '@hatiolab/things-scene';
 import MCSTransport from './mcs-transport';
 const NATURE = {
     mutable: false,
@@ -6,7 +7,7 @@ const NATURE = {
     rotatable: true,
     properties: [...MCSTransport.properties]
 };
-export default class AGVLine extends MCSTransport {
+let AGVLine = class AGVLine extends MCSTransport {
     static get nature() {
         return NATURE;
     }
@@ -46,6 +47,9 @@ export default class AGVLine extends MCSTransport {
         context.stroke();
         context.translate(-left, -top);
     }
-}
-Component.register('AGVLine', AGVLine);
+};
+AGVLine = __decorate([
+    sceneComponent('AGVLine')
+], AGVLine);
+export default AGVLine;
 //# sourceMappingURL=agv-line.js.map

package/dist/agv-line.js.map

@@ -1 +1 @@
-{"version":3,"file":"agv-line.js","sourceRoot":"","sources":["../src/agv-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,wBAAwB,CAAA;AACnE,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAE1C,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC;CACzC,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,YAAY;IAC/C,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAED,WAAW,CAAC,SAAoB;QAC9B,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IACvD,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,MAAM,CAAA;IACf,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,IAAI,CAAC,kBAAkB,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAA;IAClE,CAAC;IAED,MAAM,CAAC,OAAiC;QACtC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAEhD,OAAO,CAAC,SAAS,EAAE,CAAA;QAEnB,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAE5B,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,WAAY,CAAA;QACrC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,QAAS,CAAA;QACpC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAExB,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;QAErC,IAAI,KAAK,GAAG,MAAM,EAAE,CAAC;YACnB,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;YACpB,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;YACxB,gCAAgC;YAChC,oCAAoC;YACpC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;YACzB,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAC/B,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;YACpB,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;YACzB,+BAA+B;YAC/B,oCAAoC;YACpC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;YACxB,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAC/B,CAAC;QAED,OAAO,CAAC,MAAM,EAAE,CAAA;QAEhB,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAA;IAChC,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA","sourcesContent":["import { Component, ComponentNature } from '@hatiolab/things-scene'\nimport MCSTransport from './mcs-transport'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [...MCSTransport.properties]\n}\n\nexport default class AGVLine extends MCSTransport {\n  static get nature() {\n    return NATURE\n  }\n\n  containable(component: Component) {\n    return ['AGV', 'Node'].includes(component.state.type)\n  }\n\n  get auxColor() {\n    return '#333'\n  }\n\n  getLegendFallback() {\n    return this.root.agvlineLegendTheme || super.getLegendFallback()\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n\n    context.beginPath()\n\n    context.translate(left, top)\n\n    context.fillStyle = this.statusColor!\n    context.strokeStyle = this.auxColor!\n    context.setLineDash([3])\n\n    context.fillRect(0, 0, width, height)\n\n    if (width > height) {\n      context.moveTo(0, 0)\n      context.lineTo(width, 0)\n      // context.moveTo(0, height / 2)\n      // context.lineTo(width, height / 2)\n      context.moveTo(0, height)\n      context.lineTo(width, height)\n    } else {\n      context.moveTo(0, 0)\n      context.lineTo(0, height)\n      // context.moveTo(width / 2, 0)\n      // context.lineTo(width / 2, height)\n      context.moveTo(width, 0)\n      context.lineTo(width, height)\n    }\n\n    context.stroke()\n\n    context.translate(-left, -top)\n  }\n}\n\nComponent.register('AGVLine', AGVLine)\n"]}
+{"version":3,"file":"agv-line.js","sourceRoot":"","sources":["../src/agv-line.ts"],"names":[],"mappings":";AAAA,OAAO,EAA8B,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACnF,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAE1C,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC;CACzC,CAAA;AAGc,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,YAAY;IAC/C,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAED,WAAW,CAAC,SAAoB;QAC9B,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IACvD,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,MAAM,CAAA;IACf,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,IAAI,CAAC,kBAAkB,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAA;IAClE,CAAC;IAED,MAAM,CAAC,OAAiC;QACtC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAEhD,OAAO,CAAC,SAAS,EAAE,CAAA;QAEnB,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAE5B,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,WAAY,CAAA;QACrC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,QAAS,CAAA;QACpC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAExB,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;QAErC,IAAI,KAAK,GAAG,MAAM,EAAE,CAAC;YACnB,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;YACpB,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;YACxB,gCAAgC;YAChC,oCAAoC;YACpC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;YACzB,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAC/B,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;YACpB,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;YACzB,+BAA+B;YAC/B,oCAAoC;YACpC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;YACxB,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAC/B,CAAC;QAED,OAAO,CAAC,MAAM,EAAE,CAAA;QAEhB,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAA;IAChC,CAAC;CACF,CAAA;AAlDoB,OAAO;IAD3B,cAAc,CAAC,SAAS,CAAC;GACL,OAAO,CAkD3B;eAlDoB,OAAO","sourcesContent":["import { Component, ComponentNature, sceneComponent } from '@hatiolab/things-scene'\nimport MCSTransport from './mcs-transport'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [...MCSTransport.properties]\n}\n\n@sceneComponent('AGVLine')\nexport default class AGVLine extends MCSTransport {\n  static get nature() {\n    return NATURE\n  }\n\n  containable(component: Component) {\n    return ['AGV', 'Node'].includes(component.state.type)\n  }\n\n  get auxColor() {\n    return '#333'\n  }\n\n  getLegendFallback() {\n    return this.root.agvlineLegendTheme || super.getLegendFallback()\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n\n    context.beginPath()\n\n    context.translate(left, top)\n\n    context.fillStyle = this.statusColor!\n    context.strokeStyle = this.auxColor!\n    context.setLineDash([3])\n\n    context.fillRect(0, 0, width, height)\n\n    if (width > height) {\n      context.moveTo(0, 0)\n      context.lineTo(width, 0)\n      // context.moveTo(0, height / 2)\n      // context.lineTo(width, height / 2)\n      context.moveTo(0, height)\n      context.lineTo(width, height)\n    } else {\n      context.moveTo(0, 0)\n      context.lineTo(0, height)\n      // context.moveTo(width / 2, 0)\n      // context.lineTo(width / 2, height)\n      context.moveTo(width, 0)\n      context.lineTo(width, height)\n    }\n\n    context.stroke()\n\n    context.translate(-left, -top)\n  }\n}\n"]}

package/dist/agv.js

@@ -1,4 +1,5 @@
-import { Component } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { sceneComponent } from '@hatiolab/things-scene';
 import { themesColorRange } from '@fmsim/api';
 import MCSVehicle from './mcs-vehicle';
 import { getVaueOnRanges } from './utils/get-value-on-ranges';
@@ -20,7 +21,7 @@ const NATURE = {
     ]
 };
 const GAP = 2;
-export default class AGV extends MCSVehicle {
+let AGV = class AGV extends MCSVehicle {
     static get nature() {
         return NATURE;
     }
@@ -73,14 +74,11 @@ export default class AGV extends MCSVehicle {
     }
     // 사선 패턴을 그리는 함수
     drawHatchPattern(ctx, x, y, width, height) {
-        // 크기에 따라 패턴 간격과 선 두께 조정 (2배 덜 조밀하게)
-        const minSpacing = 4; // 최소 간격 2배 증가 (원래 2의 2배)
-        const maxSpacing = 16; // 최대 간격 2배 증가 (원래 8의 2배)
-        const preferredSpacing = Math.max(minSpacing, Math.min(width, height) / 5); // 간격 계산 시 나누는 값 1/2로 감소
-        const spacing = Math.min(preferredSpacing, maxSpacing);
-        // 선 두께 계산 (작은 크기에서도 보이도록)
-        const minLineWidth = 0.35;
-        const scaleFactor = Math.min(width, height) / 130;
+        // 6개의 빗금을 그리기 위한 간격 계산
+        const spacing = (width + height) / 6;
+        // 선 두께 계산 (크기에 비례)
+        const minLineWidth = 0.5;
+        const scaleFactor = Math.min(width, height) / 20; // 130에서 50으로 변경하여 더 두껍게
         const lineWidth = Math.max(minLineWidth, scaleFactor);
         ctx.beginPath();
         ctx.strokeStyle = 'black';
@@ -89,10 +87,11 @@ export default class AGV extends MCSVehicle {
         ctx.save();
         ctx.rect(x, y, width, height);
         ctx.clip();
-        // 사선 패턴 그리기
-        for (let i = -height; i < width + height; i += spacing) {
-            ctx.moveTo(x + i, y);
-            ctx.lineTo(x + i - height, y + height);
+        // 6개의 사선 패턴 그리기
+        for (let i = 0; i < 6; i++) {
+            const startX = x + i * spacing;
+            ctx.moveTo(startX, y);
+            ctx.lineTo(startX - height, y + height);
         }
         ctx.stroke();
         // 클리핑 해제
@@ -135,26 +134,56 @@ export default class AGV extends MCSVehicle {
             ctx.lineWidth = lineWidth;
             ctx.strokeRect(batteryX, batteryY, batteryWidth, batteryHeight);
             // 배터리 잔량 텍스트 표시
-            // const textWidth = batteryWidth * 0.7
-            // const textHeight = batteryHeight * 0.7
-            // const textBgX = batteryX + (batteryWidth - textWidth) / 2
-            // const textBgY = batteryY + (batteryHeight - textHeight) / 2
-            // ctx.fillStyle = 'white'
-            // ctx.fillRect(textBgX, textBgY, textWidth, textHeight)
-            // 텍스트 그리기
-            ctx.font = `4px Roboto, Arial, sans-serif`;
+            const fontSize = batteryHeight * 0.8;
+            ctx.font = `${fontSize}px Roboto, Arial, sans-serif`;
             ctx.fillStyle = 'black';
             ctx.textAlign = 'center';
             ctx.textBaseline = 'middle';
-            // 배터리 잔량 텍스트 (정수 + % 포함)
-            const text = `${Math.round(BATTERYRATE)}%`;
-            // 텍스트 위치 (배터리 중앙)
-            const textX = batteryX + batteryWidth / 2;
-            const textY = height; // batteryY + batteryHeight // / 2
-            ctx.fillText(text, textX, textY);
+            // 실제 렌더링될 텍스트 크기 계산
+            const transform = ctx.getTransform();
+            const scaleX = Math.sqrt(transform.m11 * transform.m11 + transform.m21 * transform.m21);
+            const actualFontSize = fontSize * (scaleX || 1);
+            // 실제 텍스트 크기가 16px 이상일 때만 텍스트 표시
+            if (actualFontSize >= 16) {
+                // 배터리 잔량 텍스트 (정수 + % 포함)
+                const text = `${Math.round(BATTERYRATE)}%`;
+                // 텍스트 크기 측정
+                const textMetrics = ctx.measureText(text);
+                const textWidth = textMetrics.width * 1.1; // 여백을 위해 10% 추가
+                const textHeight = fontSize * 1.1; // 여백을 위해 10% 추가
+                // 배터리 중심점 계산
+                const batteryCenterX = batteryX + batteryWidth / 2;
+                const batteryCenterY = batteryY + batteryHeight / 2;
+                // 현재 변환 상태 저장
+                ctx.save();
+                // 배터리 중심점으로 이동
+                ctx.translate(batteryCenterX, batteryCenterY);
+                // 순수한 회전 각도 계산 (라디안)
+                const normalizedM11 = transform.m11 / scaleX;
+                const normalizedM21 = transform.m21 / scaleX;
+                let angle = Math.atan2(normalizedM21, normalizedM11);
+                // 회전 보정 (같은 방향으로 회전)
+                ctx.rotate(angle);
+                // 텍스트 배경 위치 계산 (중심점 기준)
+                const textBgX = -textWidth / 2;
+                const textBgY = -textHeight / 2;
+                // 텍스트 배경 그리기
+                ctx.fillStyle = 'white';
+                ctx.fillRect(textBgX, textBgY, textWidth, textHeight);
+                // 텍스트 그리기
+                ctx.fillStyle = 'black';
+                ctx.textAlign = 'center';
+                ctx.textBaseline = 'middle';
+                ctx.fillText(text, 0, textHeight * 0.1); // 텍스트를 약간 아래로 이동
+                // 변환 상태 복원
+                ctx.restore();
+            }
             ctx.translate(-left, -top);
         }
     }
-}
-Component.register('AGV', AGV);
+};
+AGV = __decorate([
+    sceneComponent('AGV')
+], AGV);
+export default AGV;
 //# sourceMappingURL=agv.js.map

package/dist/agv.js.map

@@ -1 +1 @@
-{"version":3,"file":"agv.js","sourceRoot":"","sources":["../src/agv.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, ComponentNature, Properties } from '@hatiolab/things-scene'\nimport { themesColorRange } from '@fmsim/api'\nimport MCSVehicle from './mcs-vehicle'\nimport { getVaueOnRanges } from './utils/get-value-on-ranges'\nimport { BATTERY_RATE_LEGEND } from './features/mcs-status-default'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    ...MCSVehicle.properties,\n    {\n      type: 'select',\n      label: 'battery-rate-legend-name',\n      name: 'batteryRateLegendName',\n      property: {\n        options: themesColorRange\n      }\n    }\n  ]\n}\n\nconst GAP = 2\nexport default class AGV extends MCSVehicle {\n  static get nature() {\n    return NATURE\n  }\n\n  get auxColor() {\n    return 'black'\n  }\n\n  getLegendFallback() {\n    return this.root.agvLegendTheme || super.getLegendFallback()\n  }\n\n  getBatteryLegendFallback() {\n    return this.root.batteryRateLegendTheme || BATTERY_RATE_LEGEND\n  }\n\n  getBatteryLegendTheme() {\n    const { batteryRateLegendName } = this.state\n\n    if (batteryRateLegendName) {\n      return this.root?.style?.[batteryRateLegendName]\n    }\n  }\n\n  getBatteryColor(rate: number) {\n    return getVaueOnRanges(rate, this.getBatteryLegendTheme() || this.getBatteryLegendFallback())\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n\n    ctx.translate(left, top)\n    ctx.beginPath()\n\n    // 작은 크기에서도 보이도록 최소 선 두께 설정\n    const minLineWidth = 0.5\n    const scaleFactor = Math.min(width, height) / 100\n    const lineWidth = Math.max(minLineWidth, scaleFactor)\n\n    ctx.strokeStyle = this.auxColor\n    ctx.fillStyle = this.statusColor!\n    ctx.lineWidth = lineWidth\n    ctx.lineCap = 'round'\n    ctx.setLineDash([])\n\n    // 기본 사각형 그리기\n    ctx.rect(1, 0, width - 2, height)\n    ctx.rect(GAP + 1, GAP, width - (GAP + 1) * 2, height - GAP * 2)\n\n    ctx.fill()\n    ctx.stroke()\n\n    ctx.beginPath()\n\n    // 바퀴 그리기\n    ctx.strokeStyle = 'black'\n\n    ctx.moveTo(0, (height * 1) / 3)\n    ctx.lineTo(0, (height * 2) / 3)\n    ctx.moveTo(width, (height * 1) / 3)\n    ctx.lineTo(width, (height * 2) / 3)\n\n    ctx.stroke()\n\n    ctx.translate(-left, -top)\n  }\n\n  // 사선 패턴을 그리는 함수\n  drawHatchPattern(ctx: CanvasRenderingContext2D, x: number, y: number, width: number, height: number) {\n    // 크기에 따라 패턴 간격과 선 두께 조정 (2배 덜 조밀하게)\n    const minSpacing = 4 // 최소 간격 2배 증가 (원래 2의 2배)\n    const maxSpacing = 16 // 최대 간격 2배 증가 (원래 8의 2배)\n    const preferredSpacing = Math.max(minSpacing, Math.min(width, height) / 5) // 간격 계산 시 나누는 값 1/2로 감소\n    const spacing = Math.min(preferredSpacing, maxSpacing)\n\n    // 선 두께 계산 (작은 크기에서도 보이도록)\n    const minLineWidth = 0.35\n    const scaleFactor = Math.min(width, height) / 130\n    const lineWidth = Math.max(minLineWidth, scaleFactor)\n\n    ctx.beginPath()\n    ctx.strokeStyle = 'black'\n    ctx.lineWidth = lineWidth\n\n    // 배터리 박스 내부로 클리핑 설정\n    ctx.save()\n    ctx.rect(x, y, width, height)\n    ctx.clip()\n\n    // 사선 패턴 그리기\n    for (let i = -height; i < width + height; i += spacing) {\n      ctx.moveTo(x + i, y)\n      ctx.lineTo(x + i - height, y + height)\n    }\n\n    ctx.stroke()\n    // 클리핑 해제\n    ctx.restore()\n  }\n\n  postrender(ctx: CanvasRenderingContext2D): void {\n    super.postrender(ctx)\n\n    const BATTERYRATE = this.data?.BATTERYRATE\n\n    if (typeof BATTERYRATE === 'number') {\n      const { left, top, width, height } = this.bounds\n      ctx.translate(left, top)\n\n      // 배터리 크기 및 위치 설정 (최소 크기 보장)\n      const minBatteryHeight = 2\n      const minBatteryWidth = 4\n      const preferredHeight = height / 5\n      const preferredWidth = (width * 3) / 4\n\n      const batteryHeight = Math.max(minBatteryHeight, preferredHeight)\n      const batteryWidth = Math.max(minBatteryWidth, preferredWidth)\n      const batteryX = (width - batteryWidth) / 2\n      const batteryY = (height - batteryHeight) * 1.1\n\n      // 배터리 테두리 그리기 (크기에 비례한 선 두께)\n      const minLineWidth = 0.5\n      const scaleFactor = Math.min(width, height) / 100\n      const lineWidth = Math.max(minLineWidth, scaleFactor)\n\n      // 배터리 배경을 흰색으로 채우기\n      ctx.fillStyle = 'white'\n      ctx.fillRect(batteryX, batteryY, batteryWidth, batteryHeight)\n\n      // 배터리 전체 영역에 사선 패턴 그리기\n      this.drawHatchPattern(ctx, batteryX, batteryY, batteryWidth, batteryHeight)\n\n      // 배터리 잔량 표시\n      const fillWidth = (batteryWidth * BATTERYRATE) / 100\n\n      // 배터리 잔량에 따른 색상 설정 - 테마 적용\n      ctx.fillStyle = this.getBatteryColor(BATTERYRATE)\n\n      // 배터리 잔량 영역 채우기\n      ctx.fillRect(batteryX, batteryY, fillWidth, batteryHeight)\n\n      // 배터리 테두리 다시 그리기\n      ctx.beginPath()\n      ctx.strokeStyle = 'black'\n      ctx.lineWidth = lineWidth\n      ctx.strokeRect(batteryX, batteryY, batteryWidth, batteryHeight)\n\n      // 배터리 잔량 텍스트 표시\n      // const textWidth = batteryWidth * 0.7\n      // const textHeight = batteryHeight * 0.7\n      // const textBgX = batteryX + (batteryWidth - textWidth) / 2\n      // const textBgY = batteryY + (batteryHeight - textHeight) / 2\n\n      // ctx.fillStyle = 'white'\n      // ctx.fillRect(textBgX, textBgY, textWidth, textHeight)\n\n      // 텍스트 그리기\n      ctx.font = `4px Roboto, Arial, sans-serif`\n      ctx.fillStyle = 'black'\n      ctx.textAlign = 'center'\n      ctx.textBaseline = 'middle'\n\n      // 배터리 잔량 텍스트 (정수 + % 포함)\n      const text = `${Math.round(BATTERYRATE)}%`\n\n      // 텍스트 위치 (배터리 중앙)\n      const textX = batteryX + batteryWidth / 2\n      const textY = height // batteryY + batteryHeight // / 2\n\n      ctx.fillText(text, textX, textY)\n\n      ctx.translate(-left, -top)\n    }\n  }\n}\n\nComponent.register('AGV', AGV)\n"]}
+{"version":3,"file":"agv.js","sourceRoot":"","sources":["../src/agv.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentNature, sceneComponent } from '@hatiolab/things-scene'\nimport { themesColorRange } from '@fmsim/api'\nimport MCSVehicle from './mcs-vehicle'\nimport { getVaueOnRanges } from './utils/get-value-on-ranges'\nimport { BATTERY_RATE_LEGEND } from './features/mcs-status-default'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    ...MCSVehicle.properties,\n    {\n      type: 'select',\n      label: 'battery-rate-legend-name',\n      name: 'batteryRateLegendName',\n      property: {\n        options: themesColorRange\n      }\n    }\n  ]\n}\n\nconst GAP = 2\n\n@sceneComponent('AGV')\nexport default class AGV extends MCSVehicle {\n  static get nature() {\n    return NATURE\n  }\n\n  get auxColor() {\n    return 'black'\n  }\n\n  getLegendFallback() {\n    return this.root.agvLegendTheme || super.getLegendFallback()\n  }\n\n  getBatteryLegendFallback() {\n    return this.root.batteryRateLegendTheme || BATTERY_RATE_LEGEND\n  }\n\n  getBatteryLegendTheme() {\n    const { batteryRateLegendName } = this.state\n\n    if (batteryRateLegendName) {\n      return this.root?.style?.[batteryRateLegendName]\n    }\n  }\n\n  getBatteryColor(rate: number) {\n    return getVaueOnRanges(rate, this.getBatteryLegendTheme() || this.getBatteryLegendFallback())\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n\n    ctx.translate(left, top)\n    ctx.beginPath()\n\n    // 작은 크기에서도 보이도록 최소 선 두께 설정\n    const minLineWidth = 0.5\n    const scaleFactor = Math.min(width, height) / 100\n    const lineWidth = Math.max(minLineWidth, scaleFactor)\n\n    ctx.strokeStyle = this.auxColor\n    ctx.fillStyle = this.statusColor!\n    ctx.lineWidth = lineWidth\n    ctx.lineCap = 'round'\n    ctx.setLineDash([])\n\n    // 기본 사각형 그리기\n    ctx.rect(1, 0, width - 2, height)\n    ctx.rect(GAP + 1, GAP, width - (GAP + 1) * 2, height - GAP * 2)\n\n    ctx.fill()\n    ctx.stroke()\n\n    ctx.beginPath()\n\n    // 바퀴 그리기\n    ctx.strokeStyle = 'black'\n\n    ctx.moveTo(0, (height * 1) / 3)\n    ctx.lineTo(0, (height * 2) / 3)\n    ctx.moveTo(width, (height * 1) / 3)\n    ctx.lineTo(width, (height * 2) / 3)\n\n    ctx.stroke()\n\n    ctx.translate(-left, -top)\n  }\n\n  // 사선 패턴을 그리는 함수\n  drawHatchPattern(ctx: CanvasRenderingContext2D, x: number, y: number, width: number, height: number) {\n    // 6개의 빗금을 그리기 위한 간격 계산\n    const spacing = (width + height) / 6\n\n    // 선 두께 계산 (크기에 비례)\n    const minLineWidth = 0.5\n    const scaleFactor = Math.min(width, height) / 20 // 130에서 50으로 변경하여 더 두껍게\n    const lineWidth = Math.max(minLineWidth, scaleFactor)\n\n    ctx.beginPath()\n    ctx.strokeStyle = 'black'\n    ctx.lineWidth = lineWidth\n\n    // 배터리 박스 내부로 클리핑 설정\n    ctx.save()\n    ctx.rect(x, y, width, height)\n    ctx.clip()\n\n    // 6개의 사선 패턴 그리기\n    for (let i = 0; i < 6; i++) {\n      const startX = x + i * spacing\n      ctx.moveTo(startX, y)\n      ctx.lineTo(startX - height, y + height)\n    }\n\n    ctx.stroke()\n    // 클리핑 해제\n    ctx.restore()\n  }\n\n  postrender(ctx: CanvasRenderingContext2D): void {\n    super.postrender(ctx)\n\n    const BATTERYRATE = this.data?.BATTERYRATE\n\n    if (typeof BATTERYRATE === 'number') {\n      const { left, top, width, height } = this.bounds\n      ctx.translate(left, top)\n\n      // 배터리 크기 및 위치 설정 (최소 크기 보장)\n      const minBatteryHeight = 2\n      const minBatteryWidth = 4\n      const preferredHeight = height / 5\n      const preferredWidth = (width * 3) / 4\n\n      const batteryHeight = Math.max(minBatteryHeight, preferredHeight)\n      const batteryWidth = Math.max(minBatteryWidth, preferredWidth)\n      const batteryX = (width - batteryWidth) / 2\n      const batteryY = (height - batteryHeight) * 1.1\n\n      // 배터리 테두리 그리기 (크기에 비례한 선 두께)\n      const minLineWidth = 0.5\n      const scaleFactor = Math.min(width, height) / 100\n      const lineWidth = Math.max(minLineWidth, scaleFactor)\n\n      // 배터리 배경을 흰색으로 채우기\n      ctx.fillStyle = 'white'\n      ctx.fillRect(batteryX, batteryY, batteryWidth, batteryHeight)\n\n      // 배터리 전체 영역에 사선 패턴 그리기\n      this.drawHatchPattern(ctx, batteryX, batteryY, batteryWidth, batteryHeight)\n\n      // 배터리 잔량 표시\n      const fillWidth = (batteryWidth * BATTERYRATE) / 100\n\n      // 배터리 잔량에 따른 색상 설정 - 테마 적용\n      ctx.fillStyle = this.getBatteryColor(BATTERYRATE)\n\n      // 배터리 잔량 영역 채우기\n      ctx.fillRect(batteryX, batteryY, fillWidth, batteryHeight)\n\n      // 배터리 테두리 다시 그리기\n      ctx.beginPath()\n      ctx.strokeStyle = 'black'\n      ctx.lineWidth = lineWidth\n      ctx.strokeRect(batteryX, batteryY, batteryWidth, batteryHeight)\n\n      // 배터리 잔량 텍스트 표시\n      const fontSize = batteryHeight * 0.8\n      ctx.font = `${fontSize}px Roboto, Arial, sans-serif`\n      ctx.fillStyle = 'black'\n      ctx.textAlign = 'center'\n      ctx.textBaseline = 'middle'\n\n      // 실제 렌더링될 텍스트 크기 계산\n      const transform = ctx.getTransform()\n      const scaleX = Math.sqrt(transform.m11 * transform.m11 + transform.m21 * transform.m21)\n      const actualFontSize = fontSize * (scaleX || 1)\n\n      // 실제 텍스트 크기가 16px 이상일 때만 텍스트 표시\n      if (actualFontSize >= 16) {\n        // 배터리 잔량 텍스트 (정수 + % 포함)\n        const text = `${Math.round(BATTERYRATE)}%`\n\n        // 텍스트 크기 측정\n        const textMetrics = ctx.measureText(text)\n        const textWidth = textMetrics.width * 1.1 // 여백을 위해 10% 추가\n        const textHeight = fontSize * 1.1 // 여백을 위해 10% 추가\n\n        // 배터리 중심점 계산\n        const batteryCenterX = batteryX + batteryWidth / 2\n        const batteryCenterY = batteryY + batteryHeight / 2\n\n        // 현재 변환 상태 저장\n        ctx.save()\n\n        // 배터리 중심점으로 이동\n        ctx.translate(batteryCenterX, batteryCenterY)\n\n        // 순수한 회전 각도 계산 (라디안)\n        const normalizedM11 = transform.m11 / scaleX\n        const normalizedM21 = transform.m21 / scaleX\n        let angle = Math.atan2(normalizedM21, normalizedM11)\n\n        // 회전 보정 (같은 방향으로 회전)\n        ctx.rotate(angle)\n\n        // 텍스트 배경 위치 계산 (중심점 기준)\n        const textBgX = -textWidth / 2\n        const textBgY = -textHeight / 2\n\n        // 텍스트 배경 그리기\n        ctx.fillStyle = 'white'\n        ctx.fillRect(textBgX, textBgY, textWidth, textHeight)\n\n        // 텍스트 그리기\n        ctx.fillStyle = 'black'\n        ctx.textAlign = 'center'\n        ctx.textBaseline = 'middle'\n        ctx.fillText(text, 0, textHeight * 0.1) // 텍스트를 약간 아래로 이동\n\n        // 변환 상태 복원\n        ctx.restore()\n      }\n\n      ctx.translate(-left, -top)\n    }\n  }\n}\n"]}

package/dist/buffer.js

@@ -1,4 +1,5 @@
-import { Component } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { sceneComponent } from '@hatiolab/things-scene';
 import MCSMachine from './mcs-machine';
 const NATURE = {
     mutable: false,
@@ -6,7 +7,7 @@ const NATURE = {
     rotatable: true,
     properties: [...MCSMachine.properties]
 };
-export default class Buffer extends MCSMachine {
+let Buffer = class Buffer extends MCSMachine {
     static get nature() {
         return NATURE;
     }
@@ -38,6 +39,9 @@ export default class Buffer extends MCSMachine {
         ctx.fill();
         ctx.stroke();
     }
-}
-Component.register('Buffer', Buffer);
+};
+Buffer = __decorate([
+    sceneComponent('Buffer')
+], Buffer);
+export default Buffer;
 //# sourceMappingURL=buffer.js.map

package/dist/buffer.js.map

@@ -1 +1 @@
-{"version":3,"file":"buffer.js","sourceRoot":"","sources":["../src/buffer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,wBAAwB,CAAA;AACnE,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,CAAC,GAAG,UAAU,CAAC,UAAU,CAAC;CACvC,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,UAAU;IAC5C,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAA;IACjE,CAAC;IAED,WAAW,CAAC,SAAoB;QAC9B,OAAO,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAChF,CAAC;IAED,MAAM,CAAC,GAAG;QACR,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC9B,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAE9C,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,GAAG,CAAC,CAAA;QAExD,GAAG,CAAC,SAAS,EAAE,CAAA;QACf,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAExB,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAA;QAC/B,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,WAAY,CAAA;QACjC,GAAG,CAAC,SAAS,GAAG,SAAS,IAAI,CAAC,CAAA;QAC9B,GAAG,CAAC,OAAO,GAAG,OAAO,CAAA;QACrB,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;QAEnB,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;QACrB,GAAG,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,EAAE,CAAC,CAAC,CAAA;QAC7B,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,CAAA;QAC7B,GAAG,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,EAAE,MAAM,CAAC,CAAA;QAClC,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;QAC1B,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAA;QACzB,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;QAErB,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAA;QAE1B,GAAG,CAAC,IAAI,EAAE,CAAA;QACV,GAAG,CAAC,MAAM,EAAE,CAAA;IACd,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA","sourcesContent":["import { Component, ComponentNature } from '@hatiolab/things-scene'\nimport MCSMachine from './mcs-machine'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [...MCSMachine.properties]\n}\n\nexport default class Buffer extends MCSMachine {\n  static get nature() {\n    return NATURE\n  }\n\n  getLegendFallback() {\n    return this.root.bufferLegendTheme || super.getLegendFallback()\n  }\n\n  containable(component: Component) {\n    return super.containable(component) || ['Port'].includes(component.state.type)\n  }\n\n  render(ctx) {\n    var { lineWidth } = this.state\n    var { left, top, width, height } = this.bounds\n\n    const offset = Math.round(Math.min(width, height) * 0.2)\n\n    ctx.beginPath()\n    ctx.translate(left, top)\n\n    ctx.strokeStyle = this.auxColor\n    ctx.fillStyle = this.statusColor!\n    ctx.lineWidth = lineWidth || 1\n    ctx.lineCap = 'round'\n    ctx.setLineDash([])\n\n    ctx.moveTo(offset, 0)\n    ctx.lineTo(width - offset, 0)\n    ctx.lineTo(width, height / 2)\n    ctx.lineTo(width - offset, height)\n    ctx.lineTo(offset, height)\n    ctx.lineTo(0, height / 2)\n    ctx.lineTo(offset, 0)\n\n    ctx.translate(-left, -top)\n\n    ctx.fill()\n    ctx.stroke()\n  }\n}\n\nComponent.register('Buffer', Buffer)\n"]}
+{"version":3,"file":"buffer.js","sourceRoot":"","sources":["../src/buffer.ts"],"names":[],"mappings":";AAAA,OAAO,EAA8B,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACnF,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,CAAC,GAAG,UAAU,CAAC,UAAU,CAAC;CACvC,CAAA;AAGc,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAC5C,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAA;IACjE,CAAC;IAED,WAAW,CAAC,SAAoB;QAC9B,OAAO,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAChF,CAAC;IAED,MAAM,CAAC,GAAG;QACR,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC9B,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAE9C,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,GAAG,CAAC,CAAA;QAExD,GAAG,CAAC,SAAS,EAAE,CAAA;QACf,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAExB,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAA;QAC/B,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,WAAY,CAAA;QACjC,GAAG,CAAC,SAAS,GAAG,SAAS,IAAI,CAAC,CAAA;QAC9B,GAAG,CAAC,OAAO,GAAG,OAAO,CAAA;QACrB,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;QAEnB,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;QACrB,GAAG,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,EAAE,CAAC,CAAC,CAAA;QAC7B,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,CAAA;QAC7B,GAAG,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,EAAE,MAAM,CAAC,CAAA;QAClC,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;QAC1B,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAA;QACzB,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;QAErB,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAA;QAE1B,GAAG,CAAC,IAAI,EAAE,CAAA;QACV,GAAG,CAAC,MAAM,EAAE,CAAA;IACd,CAAC;CACF,CAAA;AAzCoB,MAAM;IAD1B,cAAc,CAAC,QAAQ,CAAC;GACJ,MAAM,CAyC1B;eAzCoB,MAAM","sourcesContent":["import { Component, ComponentNature, sceneComponent } from '@hatiolab/things-scene'\nimport MCSMachine from './mcs-machine'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [...MCSMachine.properties]\n}\n\n@sceneComponent('Buffer')\nexport default class Buffer extends MCSMachine {\n  static get nature() {\n    return NATURE\n  }\n\n  getLegendFallback() {\n    return this.root.bufferLegendTheme || super.getLegendFallback()\n  }\n\n  containable(component: Component) {\n    return super.containable(component) || ['Port'].includes(component.state.type)\n  }\n\n  render(ctx) {\n    var { lineWidth } = this.state\n    var { left, top, width, height } = this.bounds\n\n    const offset = Math.round(Math.min(width, height) * 0.2)\n\n    ctx.beginPath()\n    ctx.translate(left, top)\n\n    ctx.strokeStyle = this.auxColor\n    ctx.fillStyle = this.statusColor!\n    ctx.lineWidth = lineWidth || 1\n    ctx.lineCap = 'round'\n    ctx.setLineDash([])\n\n    ctx.moveTo(offset, 0)\n    ctx.lineTo(width - offset, 0)\n    ctx.lineTo(width, height / 2)\n    ctx.lineTo(width - offset, height)\n    ctx.lineTo(offset, height)\n    ctx.lineTo(0, height / 2)\n    ctx.lineTo(offset, 0)\n\n    ctx.translate(-left, -top)\n\n    ctx.fill()\n    ctx.stroke()\n  }\n}\n"]}

package/dist/carrier.js

@@ -1,6 +1,7 @@
+import { __decorate } from "tslib";
 import JSON5 from 'json5';
 import { getPopupData } from '@fmsim/api';
-import { Component, Shape } from '@hatiolab/things-scene';
+import { Shape, sceneComponent } from '@hatiolab/things-scene';
 import { ANIMATION_DEFAULT } from './features/animation-default.js';
 import { ParentObjectMixin } from './features/parent-object-mixin.js';
 import { LEGEND_CARRIER } from './features/mcs-status-default.js';
@@ -10,7 +11,7 @@ const NATURE = {
     resizable: false,
     rotatable: false
 };
-export default class Carrier extends MCSStatusMixin(ParentObjectMixin(Shape)) {
+let Carrier = class Carrier extends MCSStatusMixin(ParentObjectMixin(Shape)) {
     static get nature() {
         return NATURE;
     }
@@ -184,6 +185,9 @@ export default class Carrier extends MCSStatusMixin(ParentObjectMixin(Shape)) {
         }
         return await getPopupData(type, id);
     }
-}
-Component.register('Carrier', Carrier);
+};
+Carrier = __decorate([
+    sceneComponent('Carrier')
+], Carrier);
+export default Carrier;
 //# sourceMappingURL=carrier.js.map

package/dist/carrier.js.map

@@ -1 +1 @@
-{"version":3,"file":"carrier.js","sourceRoot":"","sources":["../src/carrier.ts"],"names":[],"mappings":"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","sourcesContent":["import JSON5 from 'json5'\nimport { getPopupData } from '@fmsim/api'\n\nimport { BOUNDS, Component, ComponentNature, Properties, Shape } from '@hatiolab/things-scene'\nimport { ANIMATION_DEFAULT, AnimationPreset, AnimationConfig } from './features/animation-default.js'\nimport { ParentObjectMixin } from './features/parent-object-mixin.js'\nimport { LEGEND_CARRIER, Legend } from './features/mcs-status-default.js'\nimport { MCSStatusMixin } from './features/mcs-status-mixin.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: false,\n  rotatable: false\n}\n\nexport default class Carrier extends MCSStatusMixin(ParentObjectMixin(Shape)) {\n  static get nature() {\n    return NATURE\n  }\n\n  get path() {\n    if (!this.parent) {\n      return []\n    }\n\n    const { left, top, width, height } = this.calculateShrunkRectangle(this.parent.bounds)\n\n    return [\n      { x: left, y: top },\n      { x: left + width / 2, y: top },\n      { x: left + width, y: top + height / 2 },\n      { x: left + width, y: top + height },\n      { x: left, y: top + height }\n    ]\n  }\n\n  set path(path) {}\n\n  onchangeData(after: Properties, before: Properties): void {\n    const { CARRIERNAME, CARRIERTYPE = '', EMPTYTYPE, CARRIERSTATUS } = this.data || {}\n\n    this.setState('id', CARRIERNAME)\n    this.setState('EMPTYTYPE', EMPTYTYPE)\n    this.setState('CARRIERTYPE', CARRIERTYPE)\n    this.setState('CARRIERSTATUS', CARRIERSTATUS)\n\n    // TODO carrierstatus에 따라서 매핑되는 애니메이션 테마 수행\n    if (after.data.CARRIERSTATUS !== before.data?.CARRIERSTATUS) {\n      const { CARRIERSTATUS: lastCarrierStatus } = before.data || {}\n      const lastAnimationConfig = lastCarrierStatus && this.getAnimationConfig(lastCarrierStatus)\n\n      if (lastAnimationConfig) {\n        let { animation, decorator, border, arrow } = lastAnimationConfig\n        if (animation) {\n          this.resetAnimation()\n          this.setState('animation', {\n            oncreate: null\n          })\n        }\n\n        if (decorator || border || arrow) {\n          this.trigger('deco-off')\n        }\n      }\n\n      const animationConfig = this.getAnimationConfig(this.getState('CARRIERSTATUS'))\n\n      if (animationConfig) {\n        let { animation, decorator, border, arrow } = animationConfig\n        if (animation) {\n          this.resetAnimation()\n          this.setState('animation', {\n            oncreate: animation\n          })\n          this.started = true\n        }\n\n        if (decorator) {\n          this.trigger('deco-icon-off')\n          this.trigger('deco-icon', decorator)\n        }\n\n        if (border) {\n          this.trigger('deco-border-off')\n          this.trigger('deco-border', border)\n        }\n\n        if (arrow) {\n          this.trigger('deco-arrow-off')\n          this.trigger('deco-arrow', arrow)\n        }\n      }\n    }\n  }\n\n  get status() {\n    return this.getState('EMPTYTYPE')\n  }\n\n  get legend(): Legend {\n    const { carrierLegendName } = this.parent?.state || {}\n\n    if (carrierLegendName) {\n      return this.root?.style[carrierLegendName]\n    }\n\n    return this.root?.carrierLegendTheme || LEGEND_CARRIER\n  }\n\n  getAnimationConfig(carrierStatus): AnimationConfig | null {\n    const config = this.animationPreset[carrierStatus || 'default']\n\n    if (config && typeof config == 'string') {\n      try {\n        return JSON5.parse(config)\n      } catch (e) {\n        console.error(e)\n      }\n    } else {\n      return (config as AnimationConfig) || null\n    }\n\n    return null\n  }\n\n  get animationPreset(): AnimationPreset {\n    const { carrierAnimationName } = this.parent?.state || {}\n\n    if (carrierAnimationName) {\n      return this.root?.style[carrierAnimationName] || this.root?.state.carrierAnimationTheme || ANIMATION_DEFAULT\n    }\n\n    return ANIMATION_DEFAULT\n  }\n\n  get hasTextProperty() {\n    return this.getState('showText') || false\n  }\n\n  calculateShrunkRectangle(originalRect: BOUNDS): BOUNDS {\n    const shrunkRect: BOUNDS = { ...originalRect }\n\n    shrunkRect.left = originalRect.width * 0.1\n    shrunkRect.width *= 0.8\n\n    shrunkRect.top = originalRect.height * 0.1\n    shrunkRect.height *= 0.8\n\n    return shrunkRect\n  }\n\n  contains(x, y) {\n    const { id: CARRIERNAME } = this.state || {}\n\n    if (!CARRIERNAME) {\n      return false\n    }\n\n    const rect = this.bounds\n    x -= rect.left\n    y -= rect.top\n\n    if (x < 0 || y < 0 || x > rect.width || y > rect.height) {\n      return false\n    }\n\n    // 윗변 중앙 좌표\n    const topCenterX = rect.width / 2\n    const topCenterY = 0\n\n    // 오른쪽 변 중앙 좌표\n    const rightCenterX = rect.width\n    const rightCenterY = rect.height / 2\n\n    // 기울기 m = (y2 - y1) / (x2 - x1)\n    const m = (rightCenterY - topCenterY) / (rightCenterX - topCenterX)\n\n    // y 절편 b = y - mx\n    const b = topCenterY - m * topCenterX\n\n    // 점(px, py)이 선 아래(좌하부)에 있는지 확인\n    return y > m * x + b\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    const { EMPTYTYPE, id: CARRIERNAME, showText } = this.state\n\n    if (!CARRIERNAME) {\n      return\n    }\n\n    const { width, height } = this.bounds\n    const path = this.path\n    const round = Math.round(Math.min(width, height) * 0.1)\n    const lineWidth = round > 5 ? 1 : 0.5\n\n    ctx.beginPath()\n    ctx.moveTo(path[0].x, path[0].y)\n\n    path.slice(1).forEach(({ x, y }) => {\n      ctx.lineTo(x, y)\n    })\n\n    ctx.closePath()\n\n    ctx.lineWidth = lineWidth\n    ctx.fillStyle = this.statusColor || 'transparent'\n    ctx.strokeStyle = this.auxColor || 'transparent'\n\n    ctx.fill()\n    ctx.stroke()\n\n    if (showText) {\n      const text = EMPTYTYPE == 'FULL' ? 'F' : EMPTYTYPE == 'EMPTY' ? 'E' : EMPTYTYPE == 'EMPTYEMPTY' ? 'X' : ''\n\n      if (text) {\n        const { x: cx, y: cy } = this.center\n\n        ctx.fillStyle = 'black'\n        ctx.font = `normal ${Math.round(round * 8)}px Arial`\n        ctx.textAlign = 'center'\n        ctx.textBaseline = 'middle'\n\n        ctx.fillText(text, cx - width / 8, cy + height / 8)\n      }\n    }\n  }\n\n  async detailInfo() {\n    const { type, id } = this.state\n\n    if (!id) {\n      return\n    }\n\n    return await getPopupData(type, id)\n  }\n}\n\nComponent.register('Carrier', Carrier)\n"]}
+{"version":3,"file":"carrier.js","sourceRoot":"","sources":["../src/carrier.ts"],"names":[],"mappings":"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","sourcesContent":["import JSON5 from 'json5'\nimport { getPopupData } from '@fmsim/api'\n\nimport { BOUNDS, Component, ComponentNature, Properties, Shape, sceneComponent } from '@hatiolab/things-scene'\nimport { ANIMATION_DEFAULT, AnimationPreset, AnimationConfig } from './features/animation-default.js'\nimport { ParentObjectMixin } from './features/parent-object-mixin.js'\nimport { LEGEND_CARRIER, Legend } from './features/mcs-status-default.js'\nimport { MCSStatusMixin } from './features/mcs-status-mixin.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: false,\n  rotatable: false\n}\n\n@sceneComponent('Carrier')\nexport default class Carrier extends MCSStatusMixin(ParentObjectMixin(Shape)) {\n  static get nature() {\n    return NATURE\n  }\n\n  get path() {\n    if (!this.parent) {\n      return []\n    }\n\n    const { left, top, width, height } = this.calculateShrunkRectangle(this.parent.bounds)\n\n    return [\n      { x: left, y: top },\n      { x: left + width / 2, y: top },\n      { x: left + width, y: top + height / 2 },\n      { x: left + width, y: top + height },\n      { x: left, y: top + height }\n    ]\n  }\n\n  set path(path) {}\n\n  onchangeData(after: Properties, before: Properties): void {\n    const { CARRIERNAME, CARRIERTYPE = '', EMPTYTYPE, CARRIERSTATUS } = this.data || {}\n\n    this.setState('id', CARRIERNAME)\n    this.setState('EMPTYTYPE', EMPTYTYPE)\n    this.setState('CARRIERTYPE', CARRIERTYPE)\n    this.setState('CARRIERSTATUS', CARRIERSTATUS)\n\n    // TODO carrierstatus에 따라서 매핑되는 애니메이션 테마 수행\n    if (after.data.CARRIERSTATUS !== before.data?.CARRIERSTATUS) {\n      const { CARRIERSTATUS: lastCarrierStatus } = before.data || {}\n      const lastAnimationConfig = lastCarrierStatus && this.getAnimationConfig(lastCarrierStatus)\n\n      if (lastAnimationConfig) {\n        let { animation, decorator, border, arrow } = lastAnimationConfig\n        if (animation) {\n          this.resetAnimation()\n          this.setState('animation', {\n            oncreate: null\n          })\n        }\n\n        if (decorator || border || arrow) {\n          this.trigger('deco-off')\n        }\n      }\n\n      const animationConfig = this.getAnimationConfig(this.getState('CARRIERSTATUS'))\n\n      if (animationConfig) {\n        let { animation, decorator, border, arrow } = animationConfig\n        if (animation) {\n          this.resetAnimation()\n          this.setState('animation', {\n            oncreate: animation\n          })\n          this.started = true\n        }\n\n        if (decorator) {\n          this.trigger('deco-icon-off')\n          this.trigger('deco-icon', decorator)\n        }\n\n        if (border) {\n          this.trigger('deco-border-off')\n          this.trigger('deco-border', border)\n        }\n\n        if (arrow) {\n          this.trigger('deco-arrow-off')\n          this.trigger('deco-arrow', arrow)\n        }\n      }\n    }\n  }\n\n  get status() {\n    return this.getState('EMPTYTYPE')\n  }\n\n  get legend(): Legend {\n    const { carrierLegendName } = this.parent?.state || {}\n\n    if (carrierLegendName) {\n      return this.root?.style[carrierLegendName]\n    }\n\n    return this.root?.carrierLegendTheme || LEGEND_CARRIER\n  }\n\n  getAnimationConfig(carrierStatus): AnimationConfig | null {\n    const config = this.animationPreset[carrierStatus || 'default']\n\n    if (config && typeof config == 'string') {\n      try {\n        return JSON5.parse(config)\n      } catch (e) {\n        console.error(e)\n      }\n    } else {\n      return (config as AnimationConfig) || null\n    }\n\n    return null\n  }\n\n  get animationPreset(): AnimationPreset {\n    const { carrierAnimationName } = this.parent?.state || {}\n\n    if (carrierAnimationName) {\n      return this.root?.style[carrierAnimationName] || this.root?.state.carrierAnimationTheme || ANIMATION_DEFAULT\n    }\n\n    return ANIMATION_DEFAULT\n  }\n\n  get hasTextProperty() {\n    return this.getState('showText') || false\n  }\n\n  calculateShrunkRectangle(originalRect: BOUNDS): BOUNDS {\n    const shrunkRect: BOUNDS = { ...originalRect }\n\n    shrunkRect.left = originalRect.width * 0.1\n    shrunkRect.width *= 0.8\n\n    shrunkRect.top = originalRect.height * 0.1\n    shrunkRect.height *= 0.8\n\n    return shrunkRect\n  }\n\n  contains(x, y) {\n    const { id: CARRIERNAME } = this.state || {}\n\n    if (!CARRIERNAME) {\n      return false\n    }\n\n    const rect = this.bounds\n    x -= rect.left\n    y -= rect.top\n\n    if (x < 0 || y < 0 || x > rect.width || y > rect.height) {\n      return false\n    }\n\n    // 윗변 중앙 좌표\n    const topCenterX = rect.width / 2\n    const topCenterY = 0\n\n    // 오른쪽 변 중앙 좌표\n    const rightCenterX = rect.width\n    const rightCenterY = rect.height / 2\n\n    // 기울기 m = (y2 - y1) / (x2 - x1)\n    const m = (rightCenterY - topCenterY) / (rightCenterX - topCenterX)\n\n    // y 절편 b = y - mx\n    const b = topCenterY - m * topCenterX\n\n    // 점(px, py)이 선 아래(좌하부)에 있는지 확인\n    return y > m * x + b\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    const { EMPTYTYPE, id: CARRIERNAME, showText } = this.state\n\n    if (!CARRIERNAME) {\n      return\n    }\n\n    const { width, height } = this.bounds\n    const path = this.path\n    const round = Math.round(Math.min(width, height) * 0.1)\n    const lineWidth = round > 5 ? 1 : 0.5\n\n    ctx.beginPath()\n    ctx.moveTo(path[0].x, path[0].y)\n\n    path.slice(1).forEach(({ x, y }) => {\n      ctx.lineTo(x, y)\n    })\n\n    ctx.closePath()\n\n    ctx.lineWidth = lineWidth\n    ctx.fillStyle = this.statusColor || 'transparent'\n    ctx.strokeStyle = this.auxColor || 'transparent'\n\n    ctx.fill()\n    ctx.stroke()\n\n    if (showText) {\n      const text = EMPTYTYPE == 'FULL' ? 'F' : EMPTYTYPE == 'EMPTY' ? 'E' : EMPTYTYPE == 'EMPTYEMPTY' ? 'X' : ''\n\n      if (text) {\n        const { x: cx, y: cy } = this.center\n\n        ctx.fillStyle = 'black'\n        ctx.font = `normal ${Math.round(round * 8)}px Arial`\n        ctx.textAlign = 'center'\n        ctx.textBaseline = 'middle'\n\n        ctx.fillText(text, cx - width / 8, cy + height / 8)\n      }\n    }\n  }\n\n  async detailInfo() {\n    const { type, id } = this.state\n\n    if (!id) {\n      return\n    }\n\n    return await getPopupData(type, id)\n  }\n}\n"]}

package/dist/conveyor-join.js

@@ -1,4 +1,5 @@
-import { Component } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { Component, sceneComponent } from '@hatiolab/things-scene';
 import MCSTransport from './mcs-transport';
 import { ConveyorMixin } from './features/conveyor-mixin';
 import { normalizeAngle } from './utils/normalize-angle';
@@ -76,7 +77,7 @@ var clockwiseControlHandler = {
         component.set({ endAngle });
     }
 };
-export default class ConveyorJoin extends ConveyorMixin(MCSTransport) {
+let ConveyorJoin = class ConveyorJoin extends ConveyorMixin(MCSTransport) {
     get nature() {
         return NATURE;
     }
@@ -166,7 +167,10 @@ export default class ConveyorJoin extends ConveyorMixin(MCSTransport) {
         });
         return controls;
     }
-}
+};
+ConveyorJoin = __decorate([
+    sceneComponent('ConveyorJoin')
+], ConveyorJoin);
+export default ConveyorJoin;
 Component.memoize(ConveyorJoin.prototype, 'controls', false);
-Component.register('ConveyorJoin', 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, Control, POSITION } from '@hatiolab/things-scene'\nimport MCSTransport from './mcs-transport'\nimport { ConveyorMixin } from './features/conveyor-mixin'\nimport { normalizeAngle } from './utils/normalize-angle'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    ...MCSTransport.properties,\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}\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\nexport default class ConveyorJoin extends ConveyorMixin(MCSTransport) {\n  get nature() {\n    return NATURE\n  }\n\n  getLegendFallback() {\n    return this.root.conveyorLegendTheme || super.getLegendFallback()\n  }\n\n  containable(component: Component) {\n    return ['Shuttle', 'Port'].includes(component.state.type)\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(context: CanvasRenderingContext2D) {\n    var { ratio = 50, cx, cy, rx, ry, startAngle = 0, endAngle = Math.PI / 2 } = this.state\n\n    context.beginPath()\n\n    startAngle -= Math.PI / 2\n    endAngle -= Math.PI / 2\n\n    /* outer ellipse and inner ellipse */\n    context.ellipse(cx, cy, Math.abs(rx), Math.abs(ry), 0, startAngle, endAngle)\n    context.ellipse(cx, cy, Math.abs((rx / 100) * ratio), Math.abs((ry / 100) * ratio), 0, endAngle, startAngle, true)\n\n    context.lineTo(rx * Math.cos(startAngle) + cx, ry * Math.sin(startAngle) + cy)\n\n    this.drawFill(context)\n    this.drawStroke(context)\n  }\n\n  get path() {\n    var { cx, cy, rx, ry } = this.state\n\n    return [\n      {\n        x: cx - rx,\n        y: cy - ry\n      },\n      {\n        x: cx + rx,\n        y: cy - ry\n      },\n      {\n        x: cx + rx,\n        y: cy + ry\n      },\n      {\n        x: cx - rx,\n        y: cy + ry\n      }\n    ]\n  }\n\n  set path(path) {\n    var left_top = path[0]\n    var right_bottom = path[2]\n\n    this.set({\n      cx: left_top.x + (right_bottom.x - left_top.x) / 2,\n      cy: left_top.y + (right_bottom.y - left_top.y) / 2,\n      rx: (right_bottom.x - left_top.x) / 2,\n      ry: (right_bottom.y - left_top.y) / 2\n    })\n  }\n\n  get controls(): Control[] {\n    var { cx, cy, rx, ry, ratio, startAngle, endAngle } = this.state\n\n    var controls = [] as Control[]\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.memoize(ConveyorJoin.prototype, 'controls', false)\n\nComponent.register('ConveyorJoin', ConveyorJoin as any)\n"]}
+{"version":3,"file":"conveyor-join.js","sourceRoot":"","sources":["../src/conveyor-join.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, ComponentNature, Control, POSITION, sceneComponent } from '@hatiolab/things-scene'\nimport MCSTransport from './mcs-transport'\nimport { ConveyorMixin } from './features/conveyor-mixin'\nimport { normalizeAngle } from './utils/normalize-angle'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    ...MCSTransport.properties,\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}\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\n@sceneComponent('ConveyorJoin')\nexport default class ConveyorJoin extends ConveyorMixin(MCSTransport) {\n  get nature() {\n    return NATURE\n  }\n\n  getLegendFallback() {\n    return this.root.conveyorLegendTheme || super.getLegendFallback()\n  }\n\n  containable(component: Component) {\n    return ['Shuttle', 'Port'].includes(component.state.type)\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(context: CanvasRenderingContext2D) {\n    var { ratio = 50, cx, cy, rx, ry, startAngle = 0, endAngle = Math.PI / 2 } = this.state\n\n    context.beginPath()\n\n    startAngle -= Math.PI / 2\n    endAngle -= Math.PI / 2\n\n    /* outer ellipse and inner ellipse */\n    context.ellipse(cx, cy, Math.abs(rx), Math.abs(ry), 0, startAngle, endAngle)\n    context.ellipse(cx, cy, Math.abs((rx / 100) * ratio), Math.abs((ry / 100) * ratio), 0, endAngle, startAngle, true)\n\n    context.lineTo(rx * Math.cos(startAngle) + cx, ry * Math.sin(startAngle) + cy)\n\n    this.drawFill(context)\n    this.drawStroke(context)\n  }\n\n  get path() {\n    var { cx, cy, rx, ry } = this.state\n\n    return [\n      {\n        x: cx - rx,\n        y: cy - ry\n      },\n      {\n        x: cx + rx,\n        y: cy - ry\n      },\n      {\n        x: cx + rx,\n        y: cy + ry\n      },\n      {\n        x: cx - rx,\n        y: cy + ry\n      }\n    ]\n  }\n\n  set path(path) {\n    var left_top = path[0]\n    var right_bottom = path[2]\n\n    this.set({\n      cx: left_top.x + (right_bottom.x - left_top.x) / 2,\n      cy: left_top.y + (right_bottom.y - left_top.y) / 2,\n      rx: (right_bottom.x - left_top.x) / 2,\n      ry: (right_bottom.y - left_top.y) / 2\n    })\n  }\n\n  get controls(): Control[] {\n    var { cx, cy, rx, ry, ratio, startAngle, endAngle } = this.state\n\n    var controls = [] as Control[]\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.memoize(ConveyorJoin.prototype, 'controls', false)\n"]}

package/dist/conveyor.js

@@ -1,4 +1,5 @@
-import { Component } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { sceneComponent } from '@hatiolab/things-scene';
 import MCSTransport from './mcs-transport';
 const NATURE = {
     mutable: false,
@@ -16,7 +17,7 @@ const NATURE = {
         ...MCSTransport.properties
     ]
 };
-export default class Conveyor extends MCSTransport {
+let Conveyor = class Conveyor extends MCSTransport {
     static get nature() {
         return NATURE;
     }
@@ -81,6 +82,9 @@ export default class Conveyor extends MCSTransport {
             this.renderConveyor(ctx);
         }
     }
-}
-Component.register('Conveyor', Conveyor);
+};
+Conveyor = __decorate([
+    sceneComponent('Conveyor')
+], 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":"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","sourcesContent":["import { Component, ComponentNature } from '@hatiolab/things-scene'\nimport MCSTransport from './mcs-transport'\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: ['', 'conveyor', 'rail']\n      }\n    },\n    ...MCSTransport.properties\n  ]\n}\n\nexport default class Conveyor extends MCSTransport {\n  static get nature() {\n    return NATURE\n  }\n\n  get auxColor() {\n    return '#777'\n  }\n\n  getLegendFallback() {\n    return this.root.conveyorLegendTheme || super.getLegendFallback()\n  }\n\n  containable(component: Component) {\n    return ['Shuttle', 'Port', 'Node'].includes(component.state.type)\n  }\n\n  renderConveyor(ctx: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n\n    const rollWidth = Math.max(10, Math.min(width, height) / 2)\n\n    ctx.beginPath()\n    ctx.fillStyle = this.statusColor!\n    ctx.strokeStyle = this.auxColor!\n    ctx.lineWidth = 1\n\n    ctx.translate(left, top)\n    ctx.rect(0, 0, width, height)\n    ctx.fill()\n    ctx.stroke()\n\n    ctx.beginPath()\n    ctx.strokeStyle = '#aaa'\n\n    if (width > height) {\n      for (let d = 0; d < width; d += rollWidth) {\n        ctx.moveTo(d, 0)\n        ctx.lineTo(d, height)\n      }\n    } else {\n      for (let d = 0; d < height; d += rollWidth) {\n        ctx.moveTo(0, d)\n        ctx.lineTo(width, d)\n      }\n    }\n\n    ctx.stroke()\n\n    ctx.translate(-left, -top)\n  }\n\n  renderRtvRail(ctx: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n\n    ctx.beginPath()\n\n    ctx.translate(left, top)\n\n    ctx.fillStyle = this.statusColor!\n\n    if (width > height) {\n      ctx.fillRect(0, 0, width, (height * 1) / 5)\n      ctx.fillRect(0, (height * 4) / 5, width, (height * 1) / 5)\n    } else {\n      ctx.fillRect(0, 0, (width * 1) / 5, height)\n      ctx.fillRect((width * 4) / 5, 0, (width * 1) / 5, height)\n    }\n\n    ctx.translate(-left, -top)\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    const { conveyorType } = this.state\n\n    if (conveyorType == 'rail') {\n      this.renderRtvRail(ctx)\n    } else {\n      this.renderConveyor(ctx)\n    }\n  }\n}\n\nComponent.register('Conveyor', Conveyor)\n"]}
+{"version":3,"file":"conveyor.js","sourceRoot":"","sources":["../src/conveyor.ts"],"names":[],"mappings":";AAAA,OAAO,EAA8B,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACnF,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAE1C,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,CAAC,EAAE,EAAE,UAAU,EAAE,MAAM,CAAC;aAClC;SACF;QACD,GAAG,YAAY,CAAC,UAAU;KAC3B;CACF,CAAA;AAGc,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,YAAY;IAChD,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,MAAM,CAAA;IACf,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAA;IACnE,CAAC;IAED,WAAW,CAAC,SAAoB;QAC9B,OAAO,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IACnE,CAAC;IAED,cAAc,CAAC,GAA6B;QAC1C,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAEhD,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA;QAE3D,GAAG,CAAC,SAAS,EAAE,CAAA;QACf,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,WAAY,CAAA;QACjC,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,QAAS,CAAA;QAChC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAA;QAEjB,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QACxB,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;QAC7B,GAAG,CAAC,IAAI,EAAE,CAAA;QACV,GAAG,CAAC,MAAM,EAAE,CAAA;QAEZ,GAAG,CAAC,SAAS,EAAE,CAAA;QACf,GAAG,CAAC,WAAW,GAAG,MAAM,CAAA;QAExB,IAAI,KAAK,GAAG,MAAM,EAAE,CAAC;YACnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,IAAI,SAAS,EAAE,CAAC;gBAC1C,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;gBAChB,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;YACvB,CAAC;QACH,CAAC;aAAM,CAAC;YACN,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,IAAI,SAAS,EAAE,CAAC;gBAC3C,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;gBAChB,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;YACtB,CAAC;QACH,CAAC;QAED,GAAG,CAAC,MAAM,EAAE,CAAA;QAEZ,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAA;IAC5B,CAAC;IAED,aAAa,CAAC,GAA6B;QACzC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAEhD,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAExB,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,WAAY,CAAA;QAEjC,IAAI,KAAK,GAAG,MAAM,EAAE,CAAC;YACnB,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;YAC3C,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;QAC5D,CAAC;aAAM,CAAC;YACN,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,CAAA;YAC3C,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,CAAA;QAC3D,CAAC;QAED,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAA;IAC5B,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEnC,IAAI,YAAY,IAAI,MAAM,EAAE,CAAC;YAC3B,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;QACzB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;QAC1B,CAAC;IACH,CAAC;CACF,CAAA;AAjFoB,QAAQ;IAD5B,cAAc,CAAC,UAAU,CAAC;GACN,QAAQ,CAiF5B;eAjFoB,QAAQ","sourcesContent":["import { Component, ComponentNature, sceneComponent } from '@hatiolab/things-scene'\nimport MCSTransport from './mcs-transport'\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: ['', 'conveyor', 'rail']\n      }\n    },\n    ...MCSTransport.properties\n  ]\n}\n\n@sceneComponent('Conveyor')\nexport default class Conveyor extends MCSTransport {\n  static get nature() {\n    return NATURE\n  }\n\n  get auxColor() {\n    return '#777'\n  }\n\n  getLegendFallback() {\n    return this.root.conveyorLegendTheme || super.getLegendFallback()\n  }\n\n  containable(component: Component) {\n    return ['Shuttle', 'Port', 'Node'].includes(component.state.type)\n  }\n\n  renderConveyor(ctx: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n\n    const rollWidth = Math.max(10, Math.min(width, height) / 2)\n\n    ctx.beginPath()\n    ctx.fillStyle = this.statusColor!\n    ctx.strokeStyle = this.auxColor!\n    ctx.lineWidth = 1\n\n    ctx.translate(left, top)\n    ctx.rect(0, 0, width, height)\n    ctx.fill()\n    ctx.stroke()\n\n    ctx.beginPath()\n    ctx.strokeStyle = '#aaa'\n\n    if (width > height) {\n      for (let d = 0; d < width; d += rollWidth) {\n        ctx.moveTo(d, 0)\n        ctx.lineTo(d, height)\n      }\n    } else {\n      for (let d = 0; d < height; d += rollWidth) {\n        ctx.moveTo(0, d)\n        ctx.lineTo(width, d)\n      }\n    }\n\n    ctx.stroke()\n\n    ctx.translate(-left, -top)\n  }\n\n  renderRtvRail(ctx: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n\n    ctx.beginPath()\n\n    ctx.translate(left, top)\n\n    ctx.fillStyle = this.statusColor!\n\n    if (width > height) {\n      ctx.fillRect(0, 0, width, (height * 1) / 5)\n      ctx.fillRect(0, (height * 4) / 5, width, (height * 1) / 5)\n    } else {\n      ctx.fillRect(0, 0, (width * 1) / 5, height)\n      ctx.fillRect((width * 4) / 5, 0, (width * 1) / 5, height)\n    }\n\n    ctx.translate(-left, -top)\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    const { conveyorType } = this.state\n\n    if (conveyorType == 'rail') {\n      this.renderRtvRail(ctx)\n    } else {\n      this.renderConveyor(ctx)\n    }\n  }\n}\n"]}

package/dist/crane.js

@@ -1,4 +1,5 @@
-import { Component } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { sceneComponent } from '@hatiolab/things-scene';
 import MCSVehicle from './mcs-vehicle';
 const NATURE = {
     mutable: false,
@@ -7,7 +8,7 @@ const NATURE = {
     properties: [...MCSVehicle.properties]
 };
 const GAP = 2;
-export default class Crane extends MCSVehicle {
+let Crane = class Crane extends MCSVehicle {
     static get nature() {
         return NATURE;
     }
@@ -53,6 +54,9 @@ export default class Crane extends MCSVehicle {
         ctx.stroke();
         ctx.translate(-left, -top);
     }
-}
-Component.register('Crane', Crane);
+};
+Crane = __decorate([
+    sceneComponent('Crane')
+], Crane);
+export default Crane;
 //# sourceMappingURL=crane.js.map

package/dist/crane.js.map

@@ -1 +1 @@
-{"version":3,"file":"crane.js","sourceRoot":"","sources":["../src/crane.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, ComponentNature, Properties } from '@hatiolab/things-scene'\nimport MCSVehicle from './mcs-vehicle'\nimport { LEGEND_CRANE } from './features/mcs-status-default'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [...MCSVehicle.properties]\n}\n\nconst GAP = 2\n\nexport default class Crane extends MCSVehicle {\n  static get nature() {\n    return NATURE\n  }\n\n  get auxColor() {\n    return 'black'\n  }\n\n  getLegendFallback() {\n    return this.root.craneLegendTheme || super.getLegendFallback()\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n    const { x: cx, y: cy } = this.center\n    const rx = width / 2\n    const ry = height / 2\n\n    const round = Math.min(rx, ry) * 0.5\n\n    ctx.translate(left, top)\n    ctx.beginPath()\n\n    ctx.strokeStyle = this.auxColor\n    ctx.fillStyle = this.statusColor!\n    ctx.lineWidth = 1\n    ctx.lineCap = 'round'\n    ctx.setLineDash([])\n\n    const radius = Math.round(Math.min(width, height) * 0.1)\n    ctx.roundRect(1, 0, width - 2, height, radius)\n    ctx.roundRect(GAP + 1, GAP, width - (GAP + 1) * 2, height - GAP * 2, radius - 1)\n    ctx.fill()\n    ctx.stroke()\n\n    ctx.beginPath()\n    ctx.arc(cx - left, cy - top, round, 0, Math.PI * 2)\n    ctx.stroke()\n\n    ctx.beginPath()\n    ctx.roundRect(width / 2 - (round * 2) / 4 - round / 8, height / 2 - (round * 6) / 5, round / 4, (round * 6) / 5, 1)\n    ctx.roundRect(width / 2 + (round * 2) / 4 - round / 8, height / 2 - (round * 6) / 5, round / 4, (round * 6) / 5, 1)\n\n    ctx.fill()\n    ctx.stroke()\n\n    ctx.beginPath()\n\n    // draw crane bar metapore\n    ctx.strokeStyle = 'black'\n    ctx.lineWidth = 3\n    ctx.lineCap = 'butt'\n\n    ctx.moveTo(GAP * 3, height / 2)\n    ctx.lineTo(width - GAP * 3, height / 2)\n\n    ctx.stroke()\n\n    ctx.translate(-left, -top)\n  }\n}\n\nComponent.register('Crane', Crane)\n"]}
+{"version":3,"file":"crane.js","sourceRoot":"","sources":["../src/crane.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, ComponentNature, Properties, sceneComponent } from '@hatiolab/things-scene'\nimport MCSVehicle from './mcs-vehicle'\nimport { LEGEND_CRANE } from './features/mcs-status-default'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [...MCSVehicle.properties]\n}\n\nconst GAP = 2\n\n@sceneComponent('Crane')\nexport default class Crane extends MCSVehicle {\n  static get nature() {\n    return NATURE\n  }\n\n  get auxColor() {\n    return 'black'\n  }\n\n  getLegendFallback() {\n    return this.root.craneLegendTheme || super.getLegendFallback()\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n    const { x: cx, y: cy } = this.center\n    const rx = width / 2\n    const ry = height / 2\n\n    const round = Math.min(rx, ry) * 0.5\n\n    ctx.translate(left, top)\n    ctx.beginPath()\n\n    ctx.strokeStyle = this.auxColor\n    ctx.fillStyle = this.statusColor!\n    ctx.lineWidth = 1\n    ctx.lineCap = 'round'\n    ctx.setLineDash([])\n\n    const radius = Math.round(Math.min(width, height) * 0.1)\n    ctx.roundRect(1, 0, width - 2, height, radius)\n    ctx.roundRect(GAP + 1, GAP, width - (GAP + 1) * 2, height - GAP * 2, radius - 1)\n    ctx.fill()\n    ctx.stroke()\n\n    ctx.beginPath()\n    ctx.arc(cx - left, cy - top, round, 0, Math.PI * 2)\n    ctx.stroke()\n\n    ctx.beginPath()\n    ctx.roundRect(width / 2 - (round * 2) / 4 - round / 8, height / 2 - (round * 6) / 5, round / 4, (round * 6) / 5, 1)\n    ctx.roundRect(width / 2 + (round * 2) / 4 - round / 8, height / 2 - (round * 6) / 5, round / 4, (round * 6) / 5, 1)\n\n    ctx.fill()\n    ctx.stroke()\n\n    ctx.beginPath()\n\n    // draw crane bar metapore\n    ctx.strokeStyle = 'black'\n    ctx.lineWidth = 3\n    ctx.lineCap = 'butt'\n\n    ctx.moveTo(GAP * 3, height / 2)\n    ctx.lineTo(width - GAP * 3, height / 2)\n\n    ctx.stroke()\n\n    ctx.translate(-left, -top)\n  }\n}\n"]}