@fmsim/machine 1.0.18 → 1.0.20

package/dist/carrier.js

@@ -1,17 +1,38 @@
 import JSON5 from 'json5';
-import { Component } from '@hatiolab/things-scene';
+import { Component, Shape } from '@hatiolab/things-scene';
 import { ANIMATION_DEFAULT } from './features/animation-default.js';
 import { LEGEND_CARRIER } from './features/mcs-status-default.js';
 import { MCSStatusMixin } from './features/mcs-status-mixin.js';
-export class Carrier extends MCSStatusMixin(Component) {
-    set data(data) {
-        const { CARRIERNAME, CARRIERTYPE = '', EMPTYTYPE, CARRIERSTATUS } = data || {};
+const NATURE = {
+    mutable: false,
+    resizable: false,
+    rotatable: false
+};
+export default class Carrier extends MCSStatusMixin(Shape) {
+    static get nature() {
+        return NATURE;
+    }
+    get path() {
+        const { left, top, width, height } = this.calculateShrunkRectangle(this.parent.bounds);
+        return [
+            { x: left, y: top },
+            { x: left + width / 2, y: top },
+            { x: left + width, y: top + height / 2 },
+            { x: left + width, y: top + height },
+            { x: left, y: top + height }
+        ];
+    }
+    set path(path) { }
+    onchangeData(after, before) {
+        var _a;
+        const { CARRIERNAME, CARRIERTYPE = '', EMPTYTYPE, CARRIERSTATUS } = this.data || {};
         this.setState('id', CARRIERNAME);
         this.emptyType = EMPTYTYPE;
         this.carrierStatus = CARRIERSTATUS;
         // TODO carrierstatus에 따라서 매핑되는 애니메이션 테마 수행
-        if (this.lastCarrierStatus !== this.carrierStatus) {
-            const lastAnimationConfig = this.getAnimationConfig(this.lastCarrierStatus);
+        if (after.data.CARRIERSTATUS !== ((_a = before.data) === null || _a === void 0 ? void 0 : _a.CARRIERSTATUS)) {
+            const { CARRIERSTATUS: lastCarrierStatus } = before.data || {};
+            const lastAnimationConfig = lastCarrierStatus && this.getAnimationConfig(lastCarrierStatus);
             if (lastAnimationConfig) {
                 let { animation, decorator, border, arrow } = lastAnimationConfig;
                 if (animation) {
@@ -58,16 +79,15 @@ export class Carrier extends MCSStatusMixin(Component) {
                 }
             }
         }
-        this.lastCarrierStatus = this.carrierStatus;
     }
     get status() {
         return this.emptyType;
     }
     get legend() {
-        var _a;
-        const { carrierLegendName } = this.parent.state;
+        var _a, _b;
+        const { carrierLegendName } = ((_a = this.parent) === null || _a === void 0 ? void 0 : _a.state) || {};
         if (carrierLegendName) {
-            return (_a = this.root) === null || _a === void 0 ? void 0 : _a.style[carrierLegendName];
+            return (_b = this.root) === null || _b === void 0 ? void 0 : _b.style[carrierLegendName];
         }
         return LEGEND_CARRIER;
     }
@@ -87,23 +107,26 @@ export class Carrier extends MCSStatusMixin(Component) {
         return null;
     }
     get animationPreset() {
-        var _a;
-        const { carrierAnimationName } = this.parent.state;
+        var _a, _b;
+        const { carrierAnimationName } = ((_a = this.parent) === null || _a === void 0 ? void 0 : _a.state) || {};
         if (carrierAnimationName) {
-            return ((_a = this.parent.root) === null || _a === void 0 ? void 0 : _a.style[carrierAnimationName]) || ANIMATION_DEFAULT;
+            return ((_b = this.parent.root) === null || _b === void 0 ? void 0 : _b.style[carrierAnimationName]) || ANIMATION_DEFAULT;
         }
         return ANIMATION_DEFAULT;
     }
     calculateShrunkRectangle(originalRect) {
         const shrunkRect = Object.assign({}, originalRect);
-        shrunkRect.left += originalRect.width * 0.1;
+        shrunkRect.left = originalRect.width * 0.1;
         shrunkRect.width *= 0.8;
-        shrunkRect.top += originalRect.height * 0.1;
+        shrunkRect.top = originalRect.height * 0.1;
         shrunkRect.height *= 0.8;
         return shrunkRect;
     }
     contains(x, y) {
-        const rect = this.calculateShrunkRectangle(this.parent.bounds);
+        if (!this.emptyType) {
+            return false;
+        }
+        const rect = this.bounds;
         x -= rect.left;
         y -= rect.top;
         if (x < 0 || y < 0 || x > rect.width || y > rect.height) {
@@ -126,28 +149,19 @@ export class Carrier extends MCSStatusMixin(Component) {
         if (!this.emptyType) {
             return;
         }
-        const { left, top, width, height } = this.calculateShrunkRectangle(this.parent.bounds);
-        const radius = Math.round(Math.min(width, height) * 0.1);
-        // 시작점 설정
+        const { width, height } = this.bounds;
+        const path = this.path;
         ctx.beginPath();
-        ctx.moveTo(left + radius, top);
-        // 상단 가로선 그리기
-        ctx.lineTo(left + width / 2, top);
-        // 우측 세로선 그리기
-        ctx.lineTo(left + width, top + height / 2);
-        ctx.lineTo(left + width, top + height);
-        // 하단 가로선 그리기
-        ctx.lineTo(left, top + height);
-        // 좌측 세로선 그리기
-        ctx.lineTo(left, top);
-        // 경로 닫기 및 그리기
+        ctx.moveTo(path[0].x, path[0].y);
+        path.slice(1).forEach(({ x, y }) => {
+            ctx.lineTo(x, y);
+        });
         ctx.closePath();
-        ctx.lineWidth = radius > 5 ? 1 : 0.5;
+        ctx.lineWidth = Math.round(Math.min(width, height) * 0.1) > 5 ? 1 : 0.5;
         ctx.fillStyle = this.statusColor || 'transparent';
         ctx.strokeStyle = this.auxColor || 'transparent';
         ctx.fill();
         ctx.stroke();
-        ctx.beginPath();
     }
 }
 Component.register('Carrier', Carrier);

package/dist/carrier.js.map

@@ -1 +1 @@
-{"version":3,"file":"carrier.js","sourceRoot":"","sources":["../src/carrier.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAU,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAAoC,MAAM,iCAAiC,CAAA;AACrG,OAAO,EAAE,cAAc,EAAU,MAAM,kCAAkC,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAE/D,MAAM,OAAO,OAAQ,SAAQ,cAAc,CAAC,SAAS,CAAC;IAOpD,IAAI,IAAI,CAAC,IAAS;QAChB,MAAM,EAAE,WAAW,EAAE,WAAW,GAAG,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,IAAI,IAAI,EAAE,CAAA;QAE9E,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;QAEhC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAA;QAC1B,IAAI,CAAC,aAAa,GAAG,aAAa,CAAA;QAElC,2CAA2C;QAC3C,IAAI,IAAI,CAAC,iBAAiB,KAAK,IAAI,CAAC,aAAa,EAAE,CAAC;YAClD,MAAM,mBAAmB,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;YAE3E,IAAI,mBAAmB,EAAE,CAAC;gBACxB,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,mBAAmB,CAAA;gBACjE,IAAI,SAAS,EAAE,CAAC;oBACd,CAAC;oBAAC,IAAY,CAAC,OAAO,GAAG,KAAK,CAC7B;oBAAC,IAAY,CAAC,UAAU,GAAG,IAAI,CAAA;oBAChC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;wBACzB,QAAQ,EAAE,IAAI;qBACf,CAAC,CAAA;gBACJ,CAAC;gBAED,IAAI,SAAS,EAAE,CAAC;oBACd,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;gBACzB,CAAC;gBAED,IAAI,MAAM,EAAE,CAAC;oBACX,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;gBAC3B,CAAC;gBAED,IAAI,KAAK,EAAE,CAAC;oBACV,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;gBAC7B,CAAC;YACH,CAAC;YAED,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;YAEnE,IAAI,eAAe,EAAE,CAAC;gBACpB,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,CAAA;gBAC7D,IAAI,SAAS,EAAE,CAAC;oBACd,CAAC;oBAAC,IAAY,CAAC,OAAO,GAAG,KAAK,CAC7B;oBAAC,IAAY,CAAC,UAAU,GAAG,IAAI,CAAA;oBAChC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;wBACzB,QAAQ,EAAE,SAAS;qBACpB,CAAC,CACD;oBAAC,IAAY,CAAC,OAAO,GAAG,IAAI,CAAA;gBAC/B,CAAC;gBAED,IAAI,SAAS,EAAE,CAAC;oBACd,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;oBACvB,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;gBACjC,CAAC;gBAED,IAAI,MAAM,EAAE,CAAC;oBACX,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;oBACzB,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;gBAChC,CAAC;gBAED,IAAI,KAAK,EAAE,CAAC;oBACV,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;oBAC3B,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;gBACjC,CAAC;YACH,CAAC;QACH,CAAC;QAED,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,CAAA;IAC7C,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,SAAS,CAAA;IACvB,CAAC;IAED,IAAI,MAAM;;QACR,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAA;QAE/C,IAAI,iBAAiB,EAAE,CAAC;YACtB,OAAO,MAAC,IAAI,CAAC,IAAY,0CAAE,KAAK,CAAC,iBAAiB,CAAC,CAAA;QACrD,CAAC;QAED,OAAO,cAAc,CAAA;IACvB,CAAC;IAED,kBAAkB,CAAC,aAAa;QAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,eAAe,CAAC,aAAa,IAAI,SAAS,CAAC,CAAA;QAE/D,IAAI,MAAM,IAAI,OAAO,MAAM,IAAI,QAAQ,EAAE,CAAC;YACxC,IAAI,CAAC;gBACH,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;YAC5B,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;YAClB,CAAC;QACH,CAAC;aAAM,CAAC;YACN,OAAQ,MAA0B,IAAI,IAAI,CAAA;QAC5C,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,eAAe;;QACjB,MAAM,EAAE,oBAAoB,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAA;QAElD,IAAI,oBAAoB,EAAE,CAAC;YACzB,OAAO,CAAA,MAAC,IAAI,CAAC,MAAM,CAAC,IAAY,0CAAE,KAAK,CAAC,oBAAoB,CAAC,KAAI,iBAAiB,CAAA;QACpF,CAAC;QAED,OAAO,iBAAiB,CAAA;IAC1B,CAAC;IAED,wBAAwB,CAAC,YAAoB;QAC3C,MAAM,UAAU,qBAAgB,YAAY,CAAE,CAAA;QAE9C,UAAU,CAAC,IAAI,IAAI,YAAY,CAAC,KAAK,GAAG,GAAG,CAAA;QAC3C,UAAU,CAAC,KAAK,IAAI,GAAG,CAAA;QAEvB,UAAU,CAAC,GAAG,IAAI,YAAY,CAAC,MAAM,GAAG,GAAG,CAAA;QAC3C,UAAU,CAAC,MAAM,IAAI,GAAG,CAAA;QAExB,OAAO,UAAU,CAAA;IACnB,CAAC;IAED,QAAQ,CAAC,CAAC,EAAE,CAAC;QACX,MAAM,IAAI,GAAG,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;QAC9D,CAAC,IAAI,IAAI,CAAC,IAAI,CAAA;QACd,CAAC,IAAI,IAAI,CAAC,GAAG,CAAA;QAEb,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YACxD,OAAO,KAAK,CAAA;QACd,CAAC;QAED,WAAW;QACX,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAA;QACjC,MAAM,UAAU,GAAG,CAAC,CAAA;QAEpB,cAAc;QACd,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAA;QAC/B,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAA;QAEpC,gCAAgC;QAChC,MAAM,CAAC,GAAG,CAAC,YAAY,GAAG,UAAU,CAAC,GAAG,CAAC,YAAY,GAAG,UAAU,CAAC,CAAA;QAEnE,kBAAkB;QAClB,MAAM,CAAC,GAAG,UAAU,GAAG,CAAC,GAAG,UAAU,CAAA;QAErC,+BAA+B;QAC/B,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACtB,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,OAAM;QACR,CAAC;QAED,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;QAEtF,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,GAAG,CAAC,CAAA;QAExD,SAAS;QACT,GAAG,CAAC,SAAS,EAAE,CAAA;QACf,GAAG,CAAC,MAAM,CAAC,IAAI,GAAG,MAAM,EAAE,GAAG,CAAC,CAAA;QAE9B,aAAa;QACb,GAAG,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,GAAG,CAAC,EAAE,GAAG,CAAC,CAAA;QAEjC,aAAa;QACb,GAAG,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,EAAE,GAAG,GAAG,MAAM,GAAG,CAAC,CAAC,CAAA;QAC1C,GAAG,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,EAAE,GAAG,GAAG,MAAM,CAAC,CAAA;QAEtC,aAAa;QACb,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,GAAG,MAAM,CAAC,CAAA;QAE9B,aAAa;QACb,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAErB,cAAc;QACd,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,GAAG,CAAC,SAAS,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;QACpC,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,IAAI,aAAa,CAAA;QACjD,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,IAAI,aAAa,CAAA;QAEhD,GAAG,CAAC,IAAI,EAAE,CAAA;QACV,GAAG,CAAC,MAAM,EAAE,CAAA;QAEZ,GAAG,CAAC,SAAS,EAAE,CAAA;IACjB,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA","sourcesContent":["import JSON5 from 'json5'\n\nimport { BOUNDS, Component } from '@hatiolab/things-scene'\nimport { ANIMATION_DEFAULT, AnimationPreset, AnimationConfig } from './features/animation-default.js'\nimport { LEGEND_CARRIER, Legend } from './features/mcs-status-default.js'\nimport { MCSStatusMixin } from './features/mcs-status-mixin.js'\n\nexport class Carrier extends MCSStatusMixin(Component) {\n  id?: string\n  emptyType?: 'FULL' | 'EMPTY' | 'EMPTYEMPTY'\n  carrierStatus?: string\n\n  lastCarrierStatus?: string\n\n  set data(data: any) {\n    const { CARRIERNAME, CARRIERTYPE = '', EMPTYTYPE, CARRIERSTATUS } = data || {}\n\n    this.setState('id', CARRIERNAME)\n\n    this.emptyType = EMPTYTYPE\n    this.carrierStatus = CARRIERSTATUS\n\n    // TODO carrierstatus에 따라서 매핑되는 애니메이션 테마 수행\n    if (this.lastCarrierStatus !== this.carrierStatus) {\n      const lastAnimationConfig = this.getAnimationConfig(this.lastCarrierStatus)\n\n      if (lastAnimationConfig) {\n        let { animation, decorator, border, arrow } = lastAnimationConfig\n        if (animation) {\n          ;(this as any).started = false\n          ;(this as any)._animation = null\n          this.setState('animation', {\n            oncreate: null\n          })\n        }\n\n        if (decorator) {\n          this.trigger('iconoff')\n        }\n\n        if (border) {\n          this.trigger('borderoff')\n        }\n\n        if (arrow) {\n          this.trigger('bouncingoff')\n        }\n      }\n\n      const animationConfig = this.getAnimationConfig(this.carrierStatus)\n\n      if (animationConfig) {\n        let { animation, decorator, border, arrow } = animationConfig\n        if (animation) {\n          ;(this as any).started = false\n          ;(this as any)._animation = null\n          this.setState('animation', {\n            oncreate: animation\n          })\n          ;(this as any).started = true\n        }\n\n        if (decorator) {\n          this.trigger('iconoff')\n          this.trigger('icon', decorator)\n        }\n\n        if (border) {\n          this.trigger('borderoff')\n          this.trigger('border', border)\n        }\n\n        if (arrow) {\n          this.trigger('bouncingoff')\n          this.trigger('bouncing', arrow)\n        }\n      }\n    }\n\n    this.lastCarrierStatus = this.carrierStatus\n  }\n\n  get status() {\n    return this.emptyType\n  }\n\n  get legend(): Legend {\n    const { carrierLegendName } = this.parent.state\n\n    if (carrierLegendName) {\n      return (this.root as any)?.style[carrierLegendName]\n    }\n\n    return 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.parent.root as any)?.style[carrierAnimationName] || ANIMATION_DEFAULT\n    }\n\n    return ANIMATION_DEFAULT\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 rect = this.calculateShrunkRectangle(this.parent.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    if (!this.emptyType) {\n      return\n    }\n\n    const { left, top, width, height } = this.calculateShrunkRectangle(this.parent.bounds)\n\n    const radius = Math.round(Math.min(width, height) * 0.1)\n\n    // 시작점 설정\n    ctx.beginPath()\n    ctx.moveTo(left + radius, top)\n\n    // 상단 가로선 그리기\n    ctx.lineTo(left + width / 2, top)\n\n    // 우측 세로선 그리기\n    ctx.lineTo(left + width, top + height / 2)\n    ctx.lineTo(left + width, top + height)\n\n    // 하단 가로선 그리기\n    ctx.lineTo(left, top + height)\n\n    // 좌측 세로선 그리기\n    ctx.lineTo(left, top)\n\n    // 경로 닫기 및 그리기\n    ctx.closePath()\n\n    ctx.lineWidth = radius > 5 ? 1 : 0.5\n    ctx.fillStyle = this.statusColor || 'transparent'\n    ctx.strokeStyle = this.auxColor || 'transparent'\n\n    ctx.fill()\n    ctx.stroke()\n\n    ctx.beginPath()\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'\n\nimport { BOUNDS, Component, ComponentNature, RectPath, Shape } from '@hatiolab/things-scene'\nimport { ANIMATION_DEFAULT, AnimationPreset, AnimationConfig } from './features/animation-default.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(Shape) {\n  static get nature() {\n    return NATURE\n  }\n\n  id?: string\n  emptyType?: 'FULL' | 'EMPTY' | 'EMPTYEMPTY'\n  carrierStatus?: string\n\n  get path() {\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, before) {\n    const { CARRIERNAME, CARRIERTYPE = '', EMPTYTYPE, CARRIERSTATUS } = this.data || {}\n\n    this.setState('id', CARRIERNAME)\n\n    this.emptyType = EMPTYTYPE\n    this.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 as any).started = false\n          ;(this as any)._animation = null\n          this.setState('animation', {\n            oncreate: null\n          })\n        }\n\n        if (decorator) {\n          this.trigger('iconoff')\n        }\n\n        if (border) {\n          this.trigger('borderoff')\n        }\n\n        if (arrow) {\n          this.trigger('bouncingoff')\n        }\n      }\n\n      const animationConfig = this.getAnimationConfig(this.carrierStatus)\n\n      if (animationConfig) {\n        let { animation, decorator, border, arrow } = animationConfig\n        if (animation) {\n          ;(this as any).started = false\n          ;(this as any)._animation = null\n          this.setState('animation', {\n            oncreate: animation\n          })\n          ;(this as any).started = true\n        }\n\n        if (decorator) {\n          this.trigger('iconoff')\n          this.trigger('icon', decorator)\n        }\n\n        if (border) {\n          this.trigger('borderoff')\n          this.trigger('border', border)\n        }\n\n        if (arrow) {\n          this.trigger('bouncingoff')\n          this.trigger('bouncing', arrow)\n        }\n      }\n    }\n  }\n\n  get status() {\n    return this.emptyType\n  }\n\n  get legend(): Legend {\n    const { carrierLegendName } = this.parent?.state || {}\n\n    if (carrierLegendName) {\n      return (this.root as any)?.style[carrierLegendName]\n    }\n\n    return 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.parent.root as any)?.style[carrierAnimationName] || ANIMATION_DEFAULT\n    }\n\n    return ANIMATION_DEFAULT\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    if (!this.emptyType) {\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    if (!this.emptyType) {\n      return\n    }\n\n    const { width, height } = this.bounds\n    const path = this.path\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 = Math.round(Math.min(width, height) * 0.1) > 5 ? 1 : 0.5\n    ctx.fillStyle = this.statusColor || 'transparent'\n    ctx.strokeStyle = this.auxColor || 'transparent'\n\n    ctx.fill()\n    ctx.stroke()\n  }\n}\n\nComponent.register('Carrier', Carrier)\n"]}

package/dist/features/mcs-status-default.js

@@ -46,9 +46,9 @@ export const LEGEND_CRANE = {
     default: '#F0F0F0'
 };
 export const LEGEND_CARRIER = {
-    Full: '#4AA7FE',
-    Empty: '#8BDA5B',
-    EmptyEmpty: '#019D59',
+    FULL: '#4AA7FE',
+    EMPTY: '#8BDA5B',
+    EMPTYEMPTY: '#019D59',
     default: '#F0F0F0'
 };
 export const LEGEND_CAPACITY = {

package/dist/features/mcs-status-default.js.map

@@ -1 +1 @@
-{"version":3,"file":"mcs-status-default.js","sourceRoot":"","sources":["../../src/features/mcs-status-default.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,WAAW,GAAW,EAAE,OAAO,EAAE,SAAS,EAAE,CAAA;AAEzD,MAAM,CAAC,MAAM,cAAc,GAAW;IACpC,MAAM,EAAE,SAAS,EAAE,eAAe;IAClC,MAAM,EAAE,SAAS,EAAE,KAAK;IACxB,MAAM,EAAE,SAAS,EAAE,eAAe;IAClC,MAAM,EAAE,SAAS,EAAE,KAAK;IACxB,MAAM,EAAE,SAAS,EAAE,YAAY;IAC/B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,MAAM,EAAE,SAAS,EAAE,UAAU;IAC7B,MAAM,EAAE,SAAS,EAAE,QAAQ;IAC3B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAW;IACpC,MAAM,EAAE,SAAS,EAAE,eAAe;IAClC,MAAM,EAAE,SAAS,EAAE,WAAW;IAC9B,2CAA2C;IAC3C,4CAA4C;IAC5C,yCAAyC;IACzC,wCAAwC;IACxC,MAAM,EAAE,SAAS,EAAE,cAAc;IACjC,MAAM,EAAE,SAAS,EAAE,YAAY;IAC/B,MAAM,EAAE,SAAS,EAAE,WAAW;IAC9B,MAAM,EAAE,SAAS,EAAE,UAAU;IAC7B,MAAM,EAAE,SAAS,EAAE,UAAU;IAC7B,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAW;IACjC,MAAM,EAAE,SAAS,EAAE,SAAS;IAC5B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,MAAM,EAAE,SAAS,EAAE,QAAQ;IAC3B,MAAM,EAAE,SAAS,EAAE,iBAAiB;IACpC,MAAM,EAAE,SAAS,EAAE,gBAAgB;IACnC,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,MAAM,EAAE,SAAS,EAAE,eAAe;IAClC,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAW;IAClC,MAAM,EAAE,SAAS,EAAE,eAAe;IAClC,6BAA6B;IAC7B,8BAA8B;IAC9B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,MAAM,EAAE,SAAS,EAAE,SAAS;IAC5B,6BAA6B;IAC7B,qCAAqC;IACrC,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAW;IACpC,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAW;IACrC,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;IACnB,OAAO,EAAE,SAAS;CACnB,CAAA","sourcesContent":["export interface Legend {\n  [key: string]: string\n}\n\nexport const LEGEND_NULL: Legend = { default: '#F0F0F0' }\n\nexport const LEGEND_MACHINE: Legend = {\n  '1000': '#707070', // DISCONNECTED\n  '1001': '#8BDA5B', // UP\n  '1002': '#EB3245', // OUTOFSERVICE\n  '1003': '#5630D0', // PM\n  '1004': '#FFFFFF', // NOTONLINE\n  '1005': '#404040', // DOWN\n  '1006': '#F4F226', // NOTAUTO\n  '1007': '#FD9B00', // ALARM\n  '1008': '#4AA7FE', // FULL\n  default: '#F0F0F0'\n}\n\nexport const LEGEND_VEHICLE: Legend = {\n  '4000': '#EB3245', // OUTOFSERVICE\n  '4001': '#8BDA5B', // ASSIGNED\n  // '4002': '#cbf266', // ASSIGNED_ACQUIRING\n  // '4003': '#cbf266', // ASSIGNED_DEPOSITING\n  // '4004': '#cbf266', // ASSIGNED_ENROUTE\n  // '4005': '#cbf266', // ASSIGNED_PARKED\n  '4006': '#FD9B00', // NOTASSIGNED\n  '4007': '#32D1C4', // INSTALLED\n  '4008': '#9790EC', // CHARGING\n  '4009': '#4AA7FE', // CHARGED\n  '4010': '#404040', // REMOVED\n  default: '#F0F0F0'\n}\n\nexport const LEGEND_UNIT: Legend = {\n  '2000': '#FD9B00', // BANNED\n  '2001': '#404040', // DOWN\n  '2002': '#8BDA5B', // EMPTY\n  '2003': '#FFFFFF', // EMPTY_RESERVED\n  '2004': '#32D1C4', // FULL_RESERVED\n  '2005': '#4AA7FE', // FULL\n  '2006': '#EB3245', // NOTINSERVICE\n  default: '#F0F0F0'\n}\n\nexport const LEGEND_CRANE: Legend = {\n  '3000': '#EB3245', // OUTOFSERVICE\n  // '3001': '#404040', // DOWN\n  // '3002': '#8BDA5B', // EMPTY\n  '3003': '#FFFFFF', // IDLE\n  '3004': '#32D1C4', // ACTIVE\n  // '3005': '#4AA7FE', // FULL\n  // '3006': '#EB3245', // NOTINSERVICE\n  default: '#F0F0F0'\n}\n\nexport const LEGEND_CARRIER: Legend = {\n  Full: '#4AA7FE',\n  Empty: '#8BDA5B',\n  EmptyEmpty: '#019D59',\n  default: '#F0F0F0'\n}\n\nexport const LEGEND_CAPACITY: Legend = {\n  '0~20': '#5630D0',\n  '20~80': '#8BDA5B',\n  '80~100': '#FD9B00',\n  default: '#F0F0F0'\n}\n"]}
+{"version":3,"file":"mcs-status-default.js","sourceRoot":"","sources":["../../src/features/mcs-status-default.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,WAAW,GAAW,EAAE,OAAO,EAAE,SAAS,EAAE,CAAA;AAEzD,MAAM,CAAC,MAAM,cAAc,GAAW;IACpC,MAAM,EAAE,SAAS,EAAE,eAAe;IAClC,MAAM,EAAE,SAAS,EAAE,KAAK;IACxB,MAAM,EAAE,SAAS,EAAE,eAAe;IAClC,MAAM,EAAE,SAAS,EAAE,KAAK;IACxB,MAAM,EAAE,SAAS,EAAE,YAAY;IAC/B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,MAAM,EAAE,SAAS,EAAE,UAAU;IAC7B,MAAM,EAAE,SAAS,EAAE,QAAQ;IAC3B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAW;IACpC,MAAM,EAAE,SAAS,EAAE,eAAe;IAClC,MAAM,EAAE,SAAS,EAAE,WAAW;IAC9B,2CAA2C;IAC3C,4CAA4C;IAC5C,yCAAyC;IACzC,wCAAwC;IACxC,MAAM,EAAE,SAAS,EAAE,cAAc;IACjC,MAAM,EAAE,SAAS,EAAE,YAAY;IAC/B,MAAM,EAAE,SAAS,EAAE,WAAW;IAC9B,MAAM,EAAE,SAAS,EAAE,UAAU;IAC7B,MAAM,EAAE,SAAS,EAAE,UAAU;IAC7B,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAW;IACjC,MAAM,EAAE,SAAS,EAAE,SAAS;IAC5B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,MAAM,EAAE,SAAS,EAAE,QAAQ;IAC3B,MAAM,EAAE,SAAS,EAAE,iBAAiB;IACpC,MAAM,EAAE,SAAS,EAAE,gBAAgB;IACnC,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,MAAM,EAAE,SAAS,EAAE,eAAe;IAClC,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAW;IAClC,MAAM,EAAE,SAAS,EAAE,eAAe;IAClC,6BAA6B;IAC7B,8BAA8B;IAC9B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,MAAM,EAAE,SAAS,EAAE,SAAS;IAC5B,6BAA6B;IAC7B,qCAAqC;IACrC,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAW;IACpC,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAW;IACrC,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;IACnB,OAAO,EAAE,SAAS;CACnB,CAAA","sourcesContent":["export interface Legend {\n  [key: string]: string\n}\n\nexport const LEGEND_NULL: Legend = { default: '#F0F0F0' }\n\nexport const LEGEND_MACHINE: Legend = {\n  '1000': '#707070', // DISCONNECTED\n  '1001': '#8BDA5B', // UP\n  '1002': '#EB3245', // OUTOFSERVICE\n  '1003': '#5630D0', // PM\n  '1004': '#FFFFFF', // NOTONLINE\n  '1005': '#404040', // DOWN\n  '1006': '#F4F226', // NOTAUTO\n  '1007': '#FD9B00', // ALARM\n  '1008': '#4AA7FE', // FULL\n  default: '#F0F0F0'\n}\n\nexport const LEGEND_VEHICLE: Legend = {\n  '4000': '#EB3245', // OUTOFSERVICE\n  '4001': '#8BDA5B', // ASSIGNED\n  // '4002': '#cbf266', // ASSIGNED_ACQUIRING\n  // '4003': '#cbf266', // ASSIGNED_DEPOSITING\n  // '4004': '#cbf266', // ASSIGNED_ENROUTE\n  // '4005': '#cbf266', // ASSIGNED_PARKED\n  '4006': '#FD9B00', // NOTASSIGNED\n  '4007': '#32D1C4', // INSTALLED\n  '4008': '#9790EC', // CHARGING\n  '4009': '#4AA7FE', // CHARGED\n  '4010': '#404040', // REMOVED\n  default: '#F0F0F0'\n}\n\nexport const LEGEND_UNIT: Legend = {\n  '2000': '#FD9B00', // BANNED\n  '2001': '#404040', // DOWN\n  '2002': '#8BDA5B', // EMPTY\n  '2003': '#FFFFFF', // EMPTY_RESERVED\n  '2004': '#32D1C4', // FULL_RESERVED\n  '2005': '#4AA7FE', // FULL\n  '2006': '#EB3245', // NOTINSERVICE\n  default: '#F0F0F0'\n}\n\nexport const LEGEND_CRANE: Legend = {\n  '3000': '#EB3245', // OUTOFSERVICE\n  // '3001': '#404040', // DOWN\n  // '3002': '#8BDA5B', // EMPTY\n  '3003': '#FFFFFF', // IDLE\n  '3004': '#32D1C4', // ACTIVE\n  // '3005': '#4AA7FE', // FULL\n  // '3006': '#EB3245', // NOTINSERVICE\n  default: '#F0F0F0'\n}\n\nexport const LEGEND_CARRIER: Legend = {\n  FULL: '#4AA7FE',\n  EMPTY: '#8BDA5B',\n  EMPTYEMPTY: '#019D59',\n  default: '#F0F0F0'\n}\n\nexport const LEGEND_CAPACITY: Legend = {\n  '0~20': '#5630D0',\n  '20~80': '#8BDA5B',\n  '80~100': '#FD9B00',\n  default: '#F0F0F0'\n}\n"]}

package/dist/index.js

@@ -20,4 +20,5 @@ export { default as Shuttle } from './shuttle';
 export { default as Port } from './port';
 export { default as Crane } from './crane';
 export { default as Shelf } from './shelf';
+export { default as Carrier } from './carrier';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,UAAU,CAAA;AAEnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA","sourcesContent":["export { default as MachineGroups } from './groups'\n\nexport { default as MCSMachine } from './mcs-machine'\nexport { default as MCSUnit } from './mcs-unit'\nexport { default as MCSCarrierHolder } from './mcs-carrier-holder'\nexport { default as MCSVehicle } from './mcs-vehicle'\nexport { default as MCSTransport } from './mcs-transport'\nexport { default as ZoneCapacityBar } from './zone-capacity-bar'\nexport { default as StockerCapacityBar } from './stocker-capacity-bar'\nexport { default as PortFlow } from './port-flow'\n\nexport { default as AGVLine } from './agv-line'\nexport { default as Buffer } from './buffer'\nexport { default as Conveyor } from './conveyor'\nexport { default as ConveyorJoin } from './conveyor-join'\nexport { default as Equipment } from './equipment'\nexport { default as OHTLine } from './oht-line'\nexport { default as Stocker } from './stocker'\n\nexport { default as AGV } from './agv'\nexport { default as OHT } from './oht'\nexport { default as Shuttle } from './shuttle'\n\nexport { default as Port } from './port'\nexport { default as Crane } from './crane'\nexport { default as Shelf } from './shelf'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,UAAU,CAAA;AAEnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA","sourcesContent":["export { default as MachineGroups } from './groups'\n\nexport { default as MCSMachine } from './mcs-machine'\nexport { default as MCSUnit } from './mcs-unit'\nexport { default as MCSCarrierHolder } from './mcs-carrier-holder'\nexport { default as MCSVehicle } from './mcs-vehicle'\nexport { default as MCSTransport } from './mcs-transport'\nexport { default as ZoneCapacityBar } from './zone-capacity-bar'\nexport { default as StockerCapacityBar } from './stocker-capacity-bar'\nexport { default as PortFlow } from './port-flow'\n\nexport { default as AGVLine } from './agv-line'\nexport { default as Buffer } from './buffer'\nexport { default as Conveyor } from './conveyor'\nexport { default as ConveyorJoin } from './conveyor-join'\nexport { default as Equipment } from './equipment'\nexport { default as OHTLine } from './oht-line'\nexport { default as Stocker } from './stocker'\n\nexport { default as AGV } from './agv'\nexport { default as OHT } from './oht'\nexport { default as Shuttle } from './shuttle'\n\nexport { default as Port } from './port'\nexport { default as Crane } from './crane'\nexport { default as Shelf } from './shelf'\nexport { default as Carrier } from './carrier'\n"]}

package/dist/mcs-carrier-holder.js

@@ -1,174 +1,7 @@
-import JSON5 from 'json5';
+import { Model } from '@hatiolab/things-scene';
 import { themesColorMap, themesAnimationMap } from '@fmsim/api';
-import { ANIMATION_DEFAULT } from './features/animation-default.js';
-import { LEGEND_CARRIER } from './features/mcs-status-default.js';
-import { MCSStatusMixin } from './features/mcs-status-mixin.js';
 import MCSUnit from './mcs-unit.js';
-export class Carrier extends MCSStatusMixin(Object) {
-    constructor(host) {
-        super();
-        this.host = host;
-    }
-    set data(data) {
-        const { CARRIERNAME, CARRIERTYPE = '', EMPTYTYPE, CARRIERSTATUS } = data || {};
-        this.id = CARRIERNAME;
-        this.emptyType = EMPTYTYPE;
-        this.carrierStatus = CARRIERSTATUS;
-        // TODO carrierstatus에 따라서 매핑되는 애니메이션 테마 수행
-        if (this.lastCarrierStatus !== this.carrierStatus) {
-            const lastAnimationConfig = this.getAnimationConfig(this.lastCarrierStatus);
-            const target = this.host;
-            if (lastAnimationConfig) {
-                let { animation, decorator, border, arrow } = lastAnimationConfig;
-                if (animation) {
-                    target.started = false;
-                    target._animation = null;
-                    target.setState('animation', {
-                        oncreate: null
-                    });
-                }
-                if (decorator) {
-                    target.trigger('iconoff');
-                }
-                if (border) {
-                    target.trigger('borderoff');
-                }
-                if (arrow) {
-                    target.trigger('bouncingoff');
-                }
-            }
-            const animationConfig = this.getAnimationConfig(this.carrierStatus);
-            if (animationConfig) {
-                let { animation, decorator, border, arrow } = animationConfig;
-                if (animation) {
-                    target.started = false;
-                    target._animation = null;
-                    target.setState('animation', {
-                        oncreate: animation
-                    });
-                    target.started = true;
-                }
-                if (decorator) {
-                    target.trigger('iconoff');
-                    target.trigger('icon', decorator);
-                }
-                if (border) {
-                    target.trigger('borderoff');
-                    target.trigger('border', border);
-                }
-                if (arrow) {
-                    target.trigger('bouncingoff');
-                    target.trigger('bouncing', arrow);
-                }
-            }
-        }
-        this.lastCarrierStatus = this.carrierStatus;
-    }
-    get status() {
-        return this.emptyType;
-    }
-    get legend() {
-        var _a;
-        const { carrierLegendName } = this.host.state;
-        if (carrierLegendName) {
-            return (_a = this.host.root) === null || _a === void 0 ? void 0 : _a.style[carrierLegendName];
-        }
-        return LEGEND_CARRIER;
-    }
-    getAnimationConfig(carrierStatus) {
-        const config = this.animationPreset[carrierStatus || 'default'];
-        if (config && typeof config == 'string') {
-            try {
-                return JSON5.parse(config);
-            }
-            catch (e) {
-                console.error(e);
-            }
-        }
-        else {
-            return config || null;
-        }
-        return null;
-    }
-    get animationPreset() {
-        var _a;
-        const { carrierAnimationName } = this.host.state;
-        if (carrierAnimationName) {
-            return ((_a = this.host.root) === null || _a === void 0 ? void 0 : _a.style[carrierAnimationName]) || ANIMATION_DEFAULT;
-        }
-        return ANIMATION_DEFAULT;
-    }
-    calculateShrunkRectangle(originalRect) {
-        const shrunkRect = Object.assign({}, originalRect);
-        shrunkRect.left += originalRect.width * 0.1;
-        shrunkRect.width *= 0.8;
-        shrunkRect.top += originalRect.height * 0.1;
-        shrunkRect.height *= 0.8;
-        return shrunkRect;
-    }
-    isPointOnCarrier(x, y, { left, top, width, height }) {
-        const rect = this.calculateShrunkRectangle({ left, top, width, height });
-        x -= rect.left;
-        y -= rect.top;
-        if (x < 0 || y < 0 || x > rect.width || y > rect.height) {
-            return false;
-        }
-        // 윗변 중앙 좌표
-        const topCenterX = rect.width / 2;
-        const topCenterY = 0;
-        // 오른쪽 변 중앙 좌표
-        const rightCenterX = rect.width;
-        const rightCenterY = rect.height / 2;
-        // 기울기 m = (y2 - y1) / (x2 - x1)
-        const m = (rightCenterY - topCenterY) / (rightCenterX - topCenterX);
-        // y 절편 b = y - mx
-        const b = topCenterY - m * topCenterX;
-        // 점(px, py)이 선 아래(좌하부)에 있는지 확인
-        return y > m * x + b;
-    }
-    render(ctx) {
-        if (!this.emptyType) {
-            return;
-        }
-        const { left, top, width, height } = this.calculateShrunkRectangle(this.host.bounds);
-        const radius = Math.round(Math.min(width, height) * 0.1);
-        // 시작점 설정
-        ctx.beginPath();
-        ctx.moveTo(left + radius, top);
-        // 상단 가로선 그리기
-        ctx.lineTo(left + width / 2, top);
-        // 우측 세로선 그리기
-        ctx.lineTo(left + width, top + height / 2);
-        ctx.lineTo(left + width, top + height);
-        // 하단 가로선 그리기
-        ctx.lineTo(left, top + height);
-        // 좌측 세로선 그리기
-        ctx.lineTo(left, top);
-        // 경로 닫기 및 그리기
-        ctx.closePath();
-        ctx.lineWidth = radius > 5 ? 1 : 0.5;
-        ctx.fillStyle = this.statusColor || 'transparent';
-        ctx.strokeStyle = this.auxColor || 'transparent';
-        ctx.fill();
-        ctx.stroke();
-        ctx.beginPath();
-        // const text =
-        //   this.emptyType == 'FULL' ? 'F' : this.emptyType == 'EMPTY' ? 'E' : this.emptyType == 'EMPTYEMPTY' ? 'X' : ''
-        // if (text) {
-        //   const { x: cx, y: cy } = this.host.center
-        //   ctx.fillStyle = 'black'
-        //   ctx.font = `normal ${Math.round(radius * 8)}px Arial`
-        //   ctx.textAlign = 'center'
-        //   ctx.textBaseline = 'middle'
-        //   ctx.fillText(text, cx - width / 8, cy + height / 8)
-        // }
-    }
-}
 export default class MCSCarrierHolder extends MCSUnit {
-    constructor() {
-        super(...arguments);
-        this.carrier = new Carrier(this);
-    }
     static get properties() {
         return [
             ...MCSUnit.properties,
@@ -191,26 +24,20 @@ export default class MCSCarrierHolder extends MCSUnit {
         ];
     }
     ready() {
+        super.ready();
+        this.carrier = Model.compile({ type: 'Carrier' }, this.root.app);
         this.carrier.data = this.data;
+        this.addComponent(this.carrier);
     }
-    postrender(ctx) {
-        this.carrier.render(ctx);
-        super.postrender(ctx);
+    dispose() {
+        this.carrier = null;
+        super.dispose();
     }
     onchangeData(after, before) {
-        this.carrier.data = this.data;
-        super.onchangeData(after, before);
-    }
-    isPointOnCarrier(x, y) {
-        const { CARRIERID } = this.data || {};
-        if (!CARRIERID) {
-            return false;
+        if (this.carrier) {
+            this.carrier.data = this.data;
         }
-        const point = this.transcoordC2S(x, y);
-        const { left, top, width, height } = this.bounds;
-        point.x -= left;
-        point.y -= top;
-        return this.carrier.isPointOnCarrier(point.x, point.y, { left: 0, top: 0, width, height });
+        super.onchangeData(after, before);
     }
 }
 //# sourceMappingURL=mcs-carrier-holder.js.map

package/dist/mcs-carrier-holder.js.map

@@ -1 +1 @@
-{"version":3,"file":"mcs-carrier-holder.js","sourceRoot":"","sources":["../src/mcs-carrier-holder.ts"],"names":[],"mappings":"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","sourcesContent":["import JSON5 from 'json5'\n\nimport { BOUNDS, Component } from '@hatiolab/things-scene'\nimport { themesColorMap, themesAnimationMap } from '@fmsim/api'\nimport { ANIMATION_DEFAULT, AnimationPreset, AnimationConfig } from './features/animation-default.js'\nimport { LEGEND_CARRIER, Legend } from './features/mcs-status-default.js'\nimport { MCSStatusMixin } from './features/mcs-status-mixin.js'\nimport MCSUnit from './mcs-unit.js'\n\nexport class Carrier extends MCSStatusMixin(Object) {\n  host: Component\n\n  id?: string\n  emptyType?: 'FULL' | 'EMPTY' | 'EMPTYEMPTY'\n  carrierStatus?: string\n\n  lastCarrierStatus?: string\n\n  constructor(host: Component) {\n    super()\n    this.host = host\n  }\n\n  set data(data: any) {\n    const { CARRIERNAME, CARRIERTYPE = '', EMPTYTYPE, CARRIERSTATUS } = data || {}\n\n    this.id = CARRIERNAME\n    this.emptyType = EMPTYTYPE\n    this.carrierStatus = CARRIERSTATUS\n\n    // TODO carrierstatus에 따라서 매핑되는 애니메이션 테마 수행\n    if (this.lastCarrierStatus !== this.carrierStatus) {\n      const lastAnimationConfig = this.getAnimationConfig(this.lastCarrierStatus)\n      const target = this.host as any\n\n      if (lastAnimationConfig) {\n        let { animation, decorator, border, arrow } = lastAnimationConfig\n        if (animation) {\n          target.started = false\n          target._animation = null\n          target.setState('animation', {\n            oncreate: null\n          })\n        }\n\n        if (decorator) {\n          target.trigger('iconoff')\n        }\n\n        if (border) {\n          target.trigger('borderoff')\n        }\n\n        if (arrow) {\n          target.trigger('bouncingoff')\n        }\n      }\n\n      const animationConfig = this.getAnimationConfig(this.carrierStatus)\n\n      if (animationConfig) {\n        let { animation, decorator, border, arrow } = animationConfig\n        if (animation) {\n          target.started = false\n          target._animation = null\n          target.setState('animation', {\n            oncreate: animation\n          })\n          target.started = true\n        }\n\n        if (decorator) {\n          target.trigger('iconoff')\n          target.trigger('icon', decorator)\n        }\n\n        if (border) {\n          target.trigger('borderoff')\n          target.trigger('border', border)\n        }\n\n        if (arrow) {\n          target.trigger('bouncingoff')\n          target.trigger('bouncing', arrow)\n        }\n      }\n    }\n\n    this.lastCarrierStatus = this.carrierStatus\n  }\n\n  get status() {\n    return this.emptyType\n  }\n\n  get legend(): Legend {\n    const { carrierLegendName } = this.host.state\n\n    if (carrierLegendName) {\n      return (this.host.root as any)?.style[carrierLegendName]\n    }\n\n    return 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.host.state\n\n    if (carrierAnimationName) {\n      return (this.host.root as any)?.style[carrierAnimationName] || ANIMATION_DEFAULT\n    }\n\n    return ANIMATION_DEFAULT\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  isPointOnCarrier(x, y, { left, top, width, height }) {\n    const rect = this.calculateShrunkRectangle({ left, top, width, height })\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    if (!this.emptyType) {\n      return\n    }\n\n    const { left, top, width, height } = this.calculateShrunkRectangle(this.host.bounds)\n\n    const radius = Math.round(Math.min(width, height) * 0.1)\n\n    // 시작점 설정\n    ctx.beginPath()\n    ctx.moveTo(left + radius, top)\n\n    // 상단 가로선 그리기\n    ctx.lineTo(left + width / 2, top)\n\n    // 우측 세로선 그리기\n    ctx.lineTo(left + width, top + height / 2)\n    ctx.lineTo(left + width, top + height)\n\n    // 하단 가로선 그리기\n    ctx.lineTo(left, top + height)\n\n    // 좌측 세로선 그리기\n    ctx.lineTo(left, top)\n\n    // 경로 닫기 및 그리기\n    ctx.closePath()\n\n    ctx.lineWidth = radius > 5 ? 1 : 0.5\n    ctx.fillStyle = this.statusColor || 'transparent'\n    ctx.strokeStyle = this.auxColor || 'transparent'\n\n    ctx.fill()\n    ctx.stroke()\n\n    ctx.beginPath()\n\n    // const text =\n    //   this.emptyType == 'FULL' ? 'F' : this.emptyType == 'EMPTY' ? 'E' : this.emptyType == 'EMPTYEMPTY' ? 'X' : ''\n\n    // if (text) {\n    //   const { x: cx, y: cy } = this.host.center\n\n    //   ctx.fillStyle = 'black'\n    //   ctx.font = `normal ${Math.round(radius * 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\nexport default class MCSCarrierHolder extends MCSUnit {\n  static get properties(): any {\n    return [\n      ...MCSUnit.properties,\n      {\n        type: 'select',\n        label: 'carrier-legend-name',\n        name: 'carrierLegendName',\n        property: {\n          options: themesColorMap\n        }\n      },\n      {\n        type: 'select',\n        label: 'carrier-animation-name',\n        name: 'carrierAnimationName',\n        property: {\n          options: themesAnimationMap\n        }\n      }\n    ]\n  }\n\n  carrier: Carrier = new Carrier(this)\n\n  ready() {\n    this.carrier.data = this.data\n  }\n\n  postrender(ctx: CanvasRenderingContext2D) {\n    this.carrier.render(ctx)\n\n    super.postrender(ctx)\n  }\n\n  onchangeData(after: any, before: any) {\n    this.carrier.data = this.data\n\n    super.onchangeData(after, before)\n  }\n\n  isPointOnCarrier(x, y) {\n    const { CARRIERID } = this.data || {}\n    if (!CARRIERID) {\n      return false\n    }\n\n    const point = this.transcoordC2S(x, y)\n    const { left, top, width, height } = this.bounds\n\n    point.x -= left\n    point.y -= top\n\n    return this.carrier.isPointOnCarrier(point.x, point.y, { left: 0, top: 0, width, height })\n  }\n}\n"]}
+{"version":3,"file":"mcs-carrier-holder.js","sourceRoot":"","sources":["../src/mcs-carrier-holder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAC/D,OAAO,OAAO,MAAM,eAAe,CAAA;AAGnC,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,OAAO;IACnD,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,OAAO,CAAC,UAAU;YACrB;gBACE,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,qBAAqB;gBAC5B,IAAI,EAAE,mBAAmB;gBACzB,QAAQ,EAAE;oBACR,OAAO,EAAE,cAAc;iBACxB;aACF;YACD;gBACE,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,wBAAwB;gBAC/B,IAAI,EAAE,sBAAsB;gBAC5B,QAAQ,EAAE;oBACR,OAAO,EAAE,kBAAkB;iBAC5B;aACF;SACF,CAAA;IACH,CAAC;IAID,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAQ,CAAA;QAEvE,IAAI,CAAC,OAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;QAE9B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAQ,CAAC,CAAA;IAClC,CAAC;IAED,OAAO;QACL,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QAEnB,KAAK,CAAC,OAAO,EAAE,CAAA;IACjB,CAAC;IAED,YAAY,CAAC,KAAU,EAAE,MAAW;QAClC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;QAC/B,CAAC;QAED,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IACnC,CAAC;CACF","sourcesContent":["import { Model } from '@hatiolab/things-scene'\nimport { themesColorMap, themesAnimationMap } from '@fmsim/api'\nimport MCSUnit from './mcs-unit.js'\nimport Carrier from './carrier.js'\n\nexport default class MCSCarrierHolder extends MCSUnit {\n  static get properties(): any {\n    return [\n      ...MCSUnit.properties,\n      {\n        type: 'select',\n        label: 'carrier-legend-name',\n        name: 'carrierLegendName',\n        property: {\n          options: themesColorMap\n        }\n      },\n      {\n        type: 'select',\n        label: 'carrier-animation-name',\n        name: 'carrierAnimationName',\n        property: {\n          options: themesAnimationMap\n        }\n      }\n    ]\n  }\n\n  carrier?: Carrier | null\n\n  ready() {\n    super.ready()\n\n    this.carrier = Model.compile({ type: 'Carrier' }, this.root.app) as any\n\n    this.carrier!.data = this.data\n\n    this.addComponent(this.carrier!)\n  }\n\n  dispose(): void {\n    this.carrier = null\n\n    super.dispose()\n  }\n\n  onchangeData(after: any, before: any) {\n    if (this.carrier) {\n      this.carrier.data = this.data\n    }\n\n    super.onchangeData(after, before)\n  }\n}\n"]}

package/dist/mcs-unit.js

@@ -1,4 +1,4 @@
-import { Component } from '@hatiolab/things-scene';
+import { ContainerAbstract } from '@hatiolab/things-scene';
 import { getPopupData } from '@fmsim/api';
 import { MCSStatusMixin, MCSStatusMixinProperties } from './features/mcs-status-mixin';
 import { LEGEND_UNIT } from './features/mcs-status-default';
@@ -6,7 +6,7 @@ import { ParentObjectMixin, ParentObjectMixinProperties } from './features/paren
 /**
  * MCS용 Unit들의 공통 속성을 정의한 오브젝트
  */
-export default class MCSUnit extends MCSStatusMixin(ParentObjectMixin(Component)) {
+export default class MCSUnit extends MCSStatusMixin(ParentObjectMixin(ContainerAbstract)) {
     static get properties() {
         return [...MCSStatusMixinProperties, ...ParentObjectMixinProperties];
     }

package/dist/mcs-unit.js.map

@@ -1 +1 @@
-{"version":3,"file":"mcs-unit.js","sourceRoot":"","sources":["../src/mcs-unit.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component } from '@hatiolab/things-scene'\nimport { getPopupData } from '@fmsim/api'\n\nimport { MCSStatusMixin, MCSStatusMixinProperties } from './features/mcs-status-mixin'\nimport { LEGEND_UNIT, Legend } from './features/mcs-status-default'\nimport { ParentObjectMixin, ParentObjectMixinProperties } from './features/parent-object-mixin'\n\n/**\n * MCS용 Unit들의 공통 속성을 정의한 오브젝트\n */\nexport default class MCSUnit extends MCSStatusMixin(ParentObjectMixin(Component)) {\n  static get properties(): any {\n    return [...MCSStatusMixinProperties, ...ParentObjectMixinProperties]\n  }\n\n  get hasTextProperty() {\n    return true\n  }\n\n  get reactionDecorators() {\n    return ['bouncing-arrow']\n  }\n\n  get decorators() {\n    return ['decotag']\n  }\n\n  getTheme() {\n    const { legendName } = this.state\n\n    if (legendName) {\n      return (this.root as any)?.style?.[legendName]\n    }\n  }\n\n  get status() {\n    return this.data?.STATUS\n  }\n\n  get auxStatus() {\n    return this.data?.STATUS\n  }\n\n  get legend(): Legend {\n    return this.getTheme() || this.getLegendFallback()\n  }\n\n  get auxLegend() {\n    return this.legend\n  }\n\n  getLegendFallback() {\n    return LEGEND_UNIT\n  }\n\n  contains(x, y) {\n    var { left, top, width, height, lineWidth = 0 } = this.state\n    var extend = lineWidth / 2\n\n    return (\n      x < Math.max(left + width, left) + extend &&\n      x > Math.min(left + width, left) - extend &&\n      y < Math.max(top + height, top) + extend &&\n      y > Math.min(top + height, top) - extend\n    )\n  }\n\n  set path(path) {\n    var left_top = path[0]\n    var right_bottom = path[2]\n\n    this.set({\n      left: left_top.x,\n      top: left_top.y,\n      width: right_bottom.x - left_top.x,\n      height: right_bottom.y - left_top.y\n    })\n  }\n\n  get path() {\n    var { left = 0, top = 0, width = 0, height = 0 } = this.state\n\n    return [\n      {\n        x: left,\n        y: top\n      },\n      {\n        x: left + width,\n        y: top\n      },\n      {\n        x: left + width,\n        y: top + height\n      },\n      {\n        x: left,\n        y: top + height\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"]}
+{"version":3,"file":"mcs-unit.js","sourceRoot":"","sources":["../src/mcs-unit.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, ContainerAbstract } from '@hatiolab/things-scene'\nimport { getPopupData } from '@fmsim/api'\n\nimport { MCSStatusMixin, MCSStatusMixinProperties } from './features/mcs-status-mixin'\nimport { LEGEND_UNIT, Legend } from './features/mcs-status-default'\nimport { ParentObjectMixin, ParentObjectMixinProperties } from './features/parent-object-mixin'\n\n/**\n * MCS용 Unit들의 공통 속성을 정의한 오브젝트\n */\nexport default class MCSUnit extends MCSStatusMixin(ParentObjectMixin(ContainerAbstract)) {\n  static get properties(): any {\n    return [...MCSStatusMixinProperties, ...ParentObjectMixinProperties]\n  }\n\n  get hasTextProperty() {\n    return true\n  }\n\n  get reactionDecorators() {\n    return ['bouncing-arrow']\n  }\n\n  get decorators() {\n    return ['decotag']\n  }\n\n  getTheme() {\n    const { legendName } = this.state\n\n    if (legendName) {\n      return (this.root as any)?.style?.[legendName]\n    }\n  }\n\n  get status() {\n    return this.data?.STATUS\n  }\n\n  get auxStatus() {\n    return this.data?.STATUS\n  }\n\n  get legend(): Legend {\n    return this.getTheme() || this.getLegendFallback()\n  }\n\n  get auxLegend() {\n    return this.legend\n  }\n\n  getLegendFallback() {\n    return LEGEND_UNIT\n  }\n\n  contains(x, y) {\n    var { left, top, width, height, lineWidth = 0 } = this.state\n    var extend = lineWidth / 2\n\n    return (\n      x < Math.max(left + width, left) + extend &&\n      x > Math.min(left + width, left) - extend &&\n      y < Math.max(top + height, top) + extend &&\n      y > Math.min(top + height, top) - extend\n    )\n  }\n\n  set path(path) {\n    var left_top = path[0]\n    var right_bottom = path[2]\n\n    this.set({\n      left: left_top.x,\n      top: left_top.y,\n      width: right_bottom.x - left_top.x,\n      height: right_bottom.y - left_top.y\n    })\n  }\n\n  get path() {\n    var { left = 0, top = 0, width = 0, height = 0 } = this.state\n\n    return [\n      {\n        x: left,\n        y: top\n      },\n      {\n        x: left + width,\n        y: top\n      },\n      {\n        x: left + width,\n        y: top + height\n      },\n      {\n        x: left,\n        y: top + height\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/port-flow.js

@@ -37,19 +37,53 @@ export default class PortFlow extends ParentObjectMixin(RectPath(Shape)) {
         return NATURE;
     }
     get textBounds() {
-        const { left, top, width, height } = this.bounds;
-        const { labelPosition = 'top' } = this.state;
+        var { paddingTop, paddingLeft, paddingRight, paddingBottom, fontSize = 24 } = this.state;
+        paddingBottom || (paddingBottom = 0);
+        paddingTop || (paddingTop = 0);
+        paddingLeft || (paddingLeft = 0);
+        paddingRight || (paddingRight = 0);
+        var { left, top, width, height } = this.bounds;
+        var { labelPosition = 'top' } = this.state;
+        left += paddingLeft;
+        top += paddingTop;
+        width = Math.max(width - paddingLeft - paddingRight, 0);
+        height = Math.max(height - paddingTop - paddingBottom, 0);
         switch (labelPosition) {
             case 'top':
-                return Object.assign(Object.assign({}, this.bounds), { top: top - 24, height: 24 });
+                return {
+                    left,
+                    top: top - fontSize,
+                    width,
+                    height: fontSize
+                };
             case 'bottom':
-                return Object.assign(Object.assign({}, this.bounds), { top: top + height, height: 24 });
+                return {
+                    left,
+                    top: top + height,
+                    width,
+                    height: fontSize
+                };
             case 'left':
-                return Object.assign(Object.assign({}, this.bounds), { left: left - 60, width: 60 });
+                return {
+                    left: left - fontSize * 4,
+                    top,
+                    width: fontSize * 4,
+                    height
+                };
             case 'right':
-                return Object.assign(Object.assign({}, this.bounds), { left: left + width, width: 60 });
+                return {
+                    left: left + width,
+                    top,
+                    width: fontSize * 4,
+                    height
+                };
             default:
-                return Object.assign(Object.assign({}, this.bounds), { top: top - 24, height: 24 });
+                return {
+                    left,
+                    top: top - fontSize,
+                    width,
+                    height: fontSize
+                };
         }
     }
     get text() {
@@ -58,10 +92,9 @@ export default class PortFlow extends ParentObjectMixin(RectPath(Shape)) {
     }
     render(ctx) {
         const { left, top, width, height } = this.bounds;
-        var { orientation = 'left to right', direction = 'IN' } = this.state;
-        const { INOUTTYPE } = this.data;
+        var { orientation = 'left to right', direction = 'BOTH' } = this.state;
+        const { INOUTTYPE } = this.data || {};
         if (INOUTTYPE) {
-            // TODO bothtype value 조정하기.
             direction = INOUTTYPE; /* IN | OUT | BOTH */
         }
         ctx.beginPath();