@fmsim/machine 1.0.47 → 1.0.49

package/dist/agv-line.js

@@ -11,7 +11,7 @@ export default class AGVLine extends MCSTransport {
         return NATURE;
     }
     containable(component) {
-        return ['AGV'].includes(component.state.type);
+        return ['AGV', 'Node'].includes(component.state.type);
     }
     get auxColor() {
         return '#333';

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,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC/C,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'].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,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"]}

package/dist/carrier.js

@@ -48,7 +48,7 @@ export default class Carrier extends MCSStatusMixin(ParentObjectMixin(Shape)) {
                     });
                 }
                 if (decorator || border || arrow) {
-                    this.trigger('animatoroff');
+                    this.trigger('deco-off');
                 }
             }
             const animationConfig = this.getAnimationConfig(this.getState('CARRIERSTATUS'));
@@ -62,16 +62,16 @@ export default class Carrier extends MCSStatusMixin(ParentObjectMixin(Shape)) {
                     this.started = true;
                 }
                 if (decorator) {
-                    this.trigger('animatoroff');
-                    this.trigger('icon', decorator);
+                    this.trigger('deco-icon-off');
+                    this.trigger('deco-icon', decorator);
                 }
                 if (border) {
-                    this.trigger('animatoroff');
-                    this.trigger('border', border);
+                    this.trigger('deco-border-off');
+                    this.trigger('deco-border', border);
                 }
                 if (arrow) {
-                    this.trigger('animatoroff');
-                    this.trigger('bouncing', arrow);
+                    this.trigger('deco-arrow-off');
+                    this.trigger('deco-arrow', arrow);
                 }
             }
         }

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('animatoroff')\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('animatoroff')\n          this.trigger('icon', decorator)\n        }\n\n        if (border) {\n          this.trigger('animatoroff')\n          this.trigger('border', border)\n        }\n\n        if (arrow) {\n          this.trigger('animatoroff')\n          this.trigger('bouncing', 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 EMPTYTYPE = this.getState('EMPTYTYPE')\n\n    if (!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    const { EMPTYTYPE, showText } = this.state\n\n    if (!EMPTYTYPE) {\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 } 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 EMPTYTYPE = this.getState('EMPTYTYPE')\n\n    if (!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    const { EMPTYTYPE, showText } = this.state\n\n    if (!EMPTYTYPE) {\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"]}

package/dist/conveyor.js

@@ -27,7 +27,7 @@ export default class Conveyor extends MCSTransport {
         return this.root.conveyorLegendTheme || super.getLegendFallback();
     }
     containable(component) {
-        return ['Shuttle', 'Port'].includes(component.state.type);
+        return ['Shuttle', 'Port', 'Node'].includes(component.state.type);
     }
     renderConveyor(ctx) {
         const { left, top, width, height } = this.bounds;

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'].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":"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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"]}

package/dist/editors/ox-input-nodes.js

@@ -3,89 +3,145 @@
  */
 import { __decorate, __metadata } from "tslib";
 import '@material/web/icon/icon.js';
-import { css, html } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
+import { css, html, nothing } from 'lit';
+import { customElement, state, query, queryAll } from 'lit/decorators.js';
 import { OxFormField } from '@operato/input';
 let OxInputNodes = class OxInputNodes extends OxFormField {
     constructor() {
         super(...arguments);
         this.value = [];
+        this._changingNow = false;
+    }
+    firstUpdated() {
+        this.renderRoot.addEventListener('change', this._onChange.bind(this));
     }
     render() {
-        const nodes = this.value || [];
+        const value = this.value || [];
         return html `
-      <fieldset>
-        <ul>
-          ${nodes.map(({ id, name }) => html `
-              <li @change=${this.onChange}>
-                <div data-id=${id}>${id}</div>
-                <input type="text" name="name" value=${name || ''} />
-              </li>
-            `)}
-        </ul>
-      </fieldset>
+      ${value.map(item => html `
+          <div data-record>
+            <input
+              type="text"
+              data-id
+              .value=${item}
+              @keyup=${(e) => e.key === 'Enter' && this._build()}
+            />
+            <button
+              class="record-action"
+              @click=${(e) => this._delete(e)}
+              tabindex="-1"
+              ?disabled=${this.disabled}
+            >
+              <md-icon>remove</md-icon>
+            </button>
+          </div>
+        `)}
+      ${this.disabled
+            ? nothing
+            : html `
+            <div data-record-new>
+              <input type="text" data-id value="" @keyup=${(e) => e.key === 'Enter' && this._add()} />
+              <button class="record-action" @click=${(e) => this._add()} tabindex="-1">
+                <md-icon>add</md-icon>
+              </button>
+            </div>
+          `}
     `;
     }
-    onChange(e) {
-        e.stopPropagation();
-        const lis = this.renderRoot.querySelectorAll('li');
-        this.value = Array.from(lis).map(li => {
-            var _a, _b;
-            const id = (_a = li.querySelector('[data-id]')) === null || _a === void 0 ? void 0 : _a.getAttribute('data-id');
-            const name = (_b = li.querySelector('input')) === null || _b === void 0 ? void 0 : _b.value;
-            const node = this.value.find(node => node.id === id);
-            return Object.assign(Object.assign({}, node), { name });
-        });
-        this.dispatchEvent(new CustomEvent('change', {
-            bubbles: true,
-            composed: true,
-            detail: this.value
-        }));
+    _onChange(e) {
+        if (this._changingNow) {
+            return;
+        }
+        this._changingNow = true;
+        const input = e.target;
+        const record = e.target.closest('[data-record],[data-record-new]');
+        if (record.hasAttribute('data-record')) {
+            this._build();
+        }
+        else if (record.hasAttribute('data-record-new') && input.hasAttribute('data-value')) {
+            this._add();
+        }
+        this._changingNow = false;
+    }
+    _build(includeNewRecord) {
+        const selector = includeNewRecord ? '[data-record],[data-record-new]' : '[data-record]';
+        const records = this.renderRoot.querySelectorAll(selector);
+        this.value = Array.from(records)
+            .map(record => record.querySelector('[data-id]').value)
+            .filter(Boolean)
+            .sort();
+        this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true, detail: this.value }));
+    }
+    _add() {
+        this._build(true);
+        this.addinput.value = '';
+        this.addinput.focus();
+    }
+    _delete(e) {
+        const record = e.target.closest('[data-record]');
+        record.querySelector('[data-id]').value = '';
+        this._build();
     }
 };
 OxInputNodes.styles = [
     css `
       :host {
-        display: flex;
-        --md-icon-size: 1.4em;
-      }
-
-      fieldset {
-        flex: 1;
-        font-size: 0.8em;
-        border: 0;
-        border-bottom: 1px solid;
-        background-color: var(--md-sys-color-surface-variant);
-        padding: var(--spacing-medium);
-      }
-
-      ul {
         display: flex;
         flex-direction: column;
-        gap: var(--spacing-small);
+        overflow: hidden;
 
-        padding: 0;
-        margin: 0;
+        --md-icon-size: 14px;
+        --spacing-large: 16px;
+        --spacing-medium: 8px;
+        --spacing-small: 4px;
+        --spacing-tiny: 2px;
+        --padding-default: 4px;
+        --button-color: rgba(0, 0, 0, 0.5);
+        --button-border: 1px solid rgba(0, 0, 0, 0.15);
+        --button-background-color: rgba(0, 0, 0, 0.05);
+        --button-background-focus-color: rgba(0, 0, 0, 0.1);
+        --button-active-border: 1px solid rgba(0, 0, 0, 0.2);
       }
 
-      li {
+      div {
         display: flex;
-        flex-direction: row;
-        align-items: center;
-        gap: var(--spacing-large);
+        flex-flow: row nowrap;
+        gap: var(--spacing-medium);
+        margin-bottom: var(--spacing-small);
       }
 
-      li > * {
-        flex: 1;
+      button {
+        border: var(--button-border);
+        border-radius: var(--border-radius);
+        background-color: var(--button-background-color);
+        padding: var(--spacing-small) var(--padding-default);
+        line-height: 0.8;
+        color: var(--button-color);
+        cursor: pointer;
+      }
+      button + button {
+        margin-left: -5px;
+      }
+      button:focus,
+      button:hover,
+      button:active {
+        border: var(--button-active-border);
+        background-color: var(--button-background-focus-color);
+        color: rgba(0, 0, 0, 0.5);
       }
 
-      div[data-name] {
-        text-align: right;
+      input {
+        flex: 1;
+        border: 0;
+        border: 1px solid rgba(0, 0, 0, 0.15);
+        padding: var(--spacing-tiny);
+        font: var(--input-font);
+        min-width: 50px;
       }
 
-      div[data-value] {
-        display: flex;
-        justify-content: space-between;
+      input:focus {
+        outline: none;
+        border: 1px solid rgba(0, 0, 0, 0.2);
       }
     `
 ];
@@ -93,6 +149,14 @@ __decorate([
     state(),
     __metadata("design:type", Array)
 ], OxInputNodes.prototype, "value", void 0);
+__decorate([
+    queryAll('[data-record]'),
+    __metadata("design:type", Object)
+], OxInputNodes.prototype, "records", void 0);
+__decorate([
+    query('[data-record-new] [data-id]'),
+    __metadata("design:type", HTMLInputElement)
+], OxInputNodes.prototype, "addinput", void 0);
 OxInputNodes = __decorate([
     customElement('ox-input-nodes')
 ], OxInputNodes);

package/dist/editors/ox-input-nodes.js.map

@@ -1 +1 @@
-{"version":3,"file":"ox-input-nodes.js","sourceRoot":"","sources":["../../src/editors/ox-input-nodes.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAExD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAIrC,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,WAAW;IAAtC;;QAgDI,UAAK,GAAW,EAAE,CAAA;IA0C7B,CAAC;IAxCC,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAK,EAAa,CAAA;QAE1C,OAAO,IAAI,CAAA;;;YAGH,KAAK,CAAC,GAAG,CACT,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA;4BACN,IAAI,CAAC,QAAQ;+BACV,EAAE,IAAI,EAAE;uDACgB,IAAI,IAAI,EAAE;;aAEpD,CACF;;;KAGN,CAAA;IACH,CAAC;IAED,QAAQ,CAAC,CAAQ;QACf,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;QAElD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;;YACpC,MAAM,EAAE,GAAG,MAAA,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,0CAAE,YAAY,CAAC,SAAS,CAAC,CAAA;YACjE,MAAM,IAAI,GAAG,MAAA,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,0CAAE,KAAK,CAAA;YAC7C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;YAEpD,uCAAY,IAAK,KAAE,IAAI,IAAE;QAC3B,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,IAAI,CAAC,KAAK;SACnB,CAAC,CACH,CAAA;IACH,CAAC;;AAxFM,mBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2CF;CACF,AA7CY,CA6CZ;AAEQ;IAAR,KAAK,EAAE;;2CAAmB;AAhDhB,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CA0FxB","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@material/web/icon/icon.js'\n\nimport { css, html } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\nimport { OxFormField } from '@operato/input'\nimport { Node } from '../types'\n\n@customElement('ox-input-nodes')\nexport class OxInputNodes extends OxFormField {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        --md-icon-size: 1.4em;\n      }\n\n      fieldset {\n        flex: 1;\n        font-size: 0.8em;\n        border: 0;\n        border-bottom: 1px solid;\n        background-color: var(--md-sys-color-surface-variant);\n        padding: var(--spacing-medium);\n      }\n\n      ul {\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-small);\n\n        padding: 0;\n        margin: 0;\n      }\n\n      li {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        gap: var(--spacing-large);\n      }\n\n      li > * {\n        flex: 1;\n      }\n\n      div[data-name] {\n        text-align: right;\n      }\n\n      div[data-value] {\n        display: flex;\n        justify-content: space-between;\n      }\n    `\n  ]\n\n  @state() value: Node[] = []\n\n  render() {\n    const nodes = this.value || ([] as Node[])\n\n    return html`\n      <fieldset>\n        <ul>\n          ${nodes.map(\n            ({ id, name }) => html`\n              <li @change=${this.onChange}>\n                <div data-id=${id}>${id}</div>\n                <input type=\"text\" name=\"name\" value=${name || ''} />\n              </li>\n            `\n          )}\n        </ul>\n      </fieldset>\n    `\n  }\n\n  onChange(e: Event) {\n    e.stopPropagation()\n\n    const lis = this.renderRoot.querySelectorAll('li')\n\n    this.value = Array.from(lis).map(li => {\n      const id = li.querySelector('[data-id]')?.getAttribute('data-id')\n      const name = li.querySelector('input')?.value\n      const node = this.value.find(node => node.id === id)\n\n      return { ...node!, name }\n    })\n\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        bubbles: true,\n        composed: true,\n        detail: this.value\n      })\n    )\n  }\n}\n"]}
+{"version":3,"file":"ox-input-nodes.js","sourceRoot":"","sources":["../../src/editors/ox-input-nodes.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@material/web/icon/icon.js'\n\nimport { css, html, nothing } from 'lit'\nimport { customElement, state, query, queryAll } from 'lit/decorators.js'\n\nimport { OxFormField } from '@operato/input'\n\n@customElement('ox-input-nodes')\nexport class OxInputNodes extends OxFormField {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n\n        --md-icon-size: 14px;\n        --spacing-large: 16px;\n        --spacing-medium: 8px;\n        --spacing-small: 4px;\n        --spacing-tiny: 2px;\n        --padding-default: 4px;\n        --button-color: rgba(0, 0, 0, 0.5);\n        --button-border: 1px solid rgba(0, 0, 0, 0.15);\n        --button-background-color: rgba(0, 0, 0, 0.05);\n        --button-background-focus-color: rgba(0, 0, 0, 0.1);\n        --button-active-border: 1px solid rgba(0, 0, 0, 0.2);\n      }\n\n      div {\n        display: flex;\n        flex-flow: row nowrap;\n        gap: var(--spacing-medium);\n        margin-bottom: var(--spacing-small);\n      }\n\n      button {\n        border: var(--button-border);\n        border-radius: var(--border-radius);\n        background-color: var(--button-background-color);\n        padding: var(--spacing-small) var(--padding-default);\n        line-height: 0.8;\n        color: var(--button-color);\n        cursor: pointer;\n      }\n      button + button {\n        margin-left: -5px;\n      }\n      button:focus,\n      button:hover,\n      button:active {\n        border: var(--button-active-border);\n        background-color: var(--button-background-focus-color);\n        color: rgba(0, 0, 0, 0.5);\n      }\n\n      input {\n        flex: 1;\n        border: 0;\n        border: 1px solid rgba(0, 0, 0, 0.15);\n        padding: var(--spacing-tiny);\n        font: var(--input-font);\n        min-width: 50px;\n      }\n\n      input:focus {\n        outline: none;\n        border: 1px solid rgba(0, 0, 0, 0.2);\n      }\n    `\n  ]\n\n  @state() value: string[] = []\n\n  @queryAll('[data-record]') records!: NodeListOf<HTMLElement>\n  @query('[data-record-new] [data-id]') addinput!: HTMLInputElement\n\n  private _changingNow: boolean = false\n\n  firstUpdated() {\n    this.renderRoot.addEventListener('change', this._onChange.bind(this))\n  }\n\n  render() {\n    const value = this.value || []\n\n    return html`\n      ${value.map(\n        item => html`\n          <div data-record>\n            <input\n              type=\"text\"\n              data-id\n              .value=${item}\n              @keyup=${(e: KeyboardEvent) => e.key === 'Enter' && this._build()}\n            />\n            <button\n              class=\"record-action\"\n              @click=${(e: MouseEvent) => this._delete(e)}\n              tabindex=\"-1\"\n              ?disabled=${this.disabled}\n            >\n              <md-icon>remove</md-icon>\n            </button>\n          </div>\n        `\n      )}\n      ${this.disabled\n        ? nothing\n        : html`\n            <div data-record-new>\n              <input type=\"text\" data-id value=\"\" @keyup=${(e: KeyboardEvent) => e.key === 'Enter' && this._add()} />\n              <button class=\"record-action\" @click=${(e: MouseEvent) => this._add()} tabindex=\"-1\">\n                <md-icon>add</md-icon>\n              </button>\n            </div>\n          `}\n    `\n  }\n\n  _onChange(e: Event) {\n    if (this._changingNow) {\n      return\n    }\n\n    this._changingNow = true\n\n    const input = e.target as HTMLInputElement\n\n    const record = (e.target as Element).closest('[data-record],[data-record-new]') as HTMLElement\n\n    if (record.hasAttribute('data-record')) {\n      this._build()\n    } else if (record.hasAttribute('data-record-new') && input.hasAttribute('data-value')) {\n      this._add()\n    }\n\n    this._changingNow = false\n  }\n\n  _build(includeNewRecord?: boolean) {\n    const selector = includeNewRecord ? '[data-record],[data-record-new]' : '[data-record]'\n    const records = this.renderRoot.querySelectorAll(selector) as NodeListOf<HTMLElement>\n\n    this.value = Array.from(records)\n      .map(record => (record.querySelector('[data-id]')! as HTMLInputElement).value as string)\n      .filter(Boolean)\n      .sort()\n\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true, detail: this.value }))\n  }\n\n  _add() {\n    this._build(true)\n\n    this.addinput.value = ''\n    this.addinput.focus()\n  }\n\n  _delete(e: MouseEvent) {\n    const record = (e.target as Element).closest('[data-record]') as HTMLElement\n\n    ;(record!.querySelector('[data-id]') as HTMLInputElement)!.value = ''\n\n    this._build()\n  }\n}\n"]}

package/dist/editors/ox-property-editor-nodes.js

@@ -5,17 +5,7 @@ import { customElement } from 'lit/decorators.js';
 import { OxPropertyEditor } from '@operato/property-editor';
 let PropertyEditorNodes = class PropertyEditorNodes extends OxPropertyEditor {
     editorTemplate(value, spec) {
-        // const { defaultValue = [] } = spec
-        // value ||= []
-        // const valueProperty = defaultValue
-        //   .map(({ name, ...others }) => {
-        //     const node = value.find(v => v.name == name)
-        //     if (node) {
-        //       return { ...others, ...node }
-        //     }
-        //   })
-        //   .filter(Boolean)
-        return html ` <ox-input-nodes .value=${value} fullwidth></ox-input-nodes> `;
+        return html ` <ox-input-nodes .value=${value}></ox-input-nodes> `;
     }
 };
 PropertyEditorNodes = __decorate([

package/dist/editors/ox-property-editor-nodes.js.map

@@ -1 +1 @@
-{"version":3,"file":"ox-property-editor-nodes.js","sourceRoot":"","sources":["../../src/editors/ox-property-editor-nodes.ts"],"names":[],"mappings":";AAAA,OAAO,kBAAkB,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAgB,MAAM,0BAA0B,CAAA;AAIlE,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,gBAAgB;IACvD,cAAc,CAAC,KAAa,EAAE,IAAkB;QAC9C,qCAAqC;QACrC,eAAe;QAEf,qCAAqC;QACrC,oCAAoC;QACpC,mDAAmD;QACnD,kBAAkB;QAClB,sCAAsC;QACtC,QAAQ;QACR,OAAO;QACP,qBAAqB;QAErB,OAAO,IAAI,CAAA,2BAA2B,KAAK,+BAA+B,CAAA;IAC5E,CAAC;CACF,CAAA;AAhBY,mBAAmB;IAD/B,aAAa,CAAC,0BAA0B,CAAC;GAC7B,mBAAmB,CAgB/B","sourcesContent":["import './ox-input-nodes'\n\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxPropertyEditor, PropertySpec } from '@operato/property-editor'\nimport { Node } from '../types'\n\n@customElement('ox-property-editor-nodes')\nexport class PropertyEditorNodes extends OxPropertyEditor {\n  editorTemplate(value: Node[], spec: PropertySpec) {\n    // const { defaultValue = [] } = spec\n    // value ||= []\n\n    // const valueProperty = defaultValue\n    //   .map(({ name, ...others }) => {\n    //     const node = value.find(v => v.name == name)\n    //     if (node) {\n    //       return { ...others, ...node }\n    //     }\n    //   })\n    //   .filter(Boolean)\n\n    return html` <ox-input-nodes .value=${value} fullwidth></ox-input-nodes> `\n  }\n}\n"]}
+{"version":3,"file":"ox-property-editor-nodes.js","sourceRoot":"","sources":["../../src/editors/ox-property-editor-nodes.ts"],"names":[],"mappings":";AAAA,OAAO,kBAAkB,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAgB,MAAM,0BAA0B,CAAA;AAGlE,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,gBAAgB;IACvD,cAAc,CAAC,KAAe,EAAE,IAAkB;QAChD,OAAO,IAAI,CAAA,2BAA2B,KAAK,qBAAqB,CAAA;IAClE,CAAC;CACF,CAAA;AAJY,mBAAmB;IAD/B,aAAa,CAAC,0BAA0B,CAAC;GAC7B,mBAAmB,CAI/B","sourcesContent":["import './ox-input-nodes'\n\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxPropertyEditor, PropertySpec } from '@operato/property-editor'\n\n@customElement('ox-property-editor-nodes')\nexport class PropertyEditorNodes extends OxPropertyEditor {\n  editorTemplate(value: string[], spec: PropertySpec) {\n    return html` <ox-input-nodes .value=${value}></ox-input-nodes> `\n  }\n}\n"]}

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

@@ -12,6 +12,9 @@ export const MCSStatusMixinProperties = [
 ];
 export function MCSStatusMixin(Base) {
     return class extends Base {
+        isLVComponent() {
+            return true;
+        }
         get status() {
             return;
         }

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

@@ -1 +1 @@
-{"version":3,"file":"mcs-status-mixin.js","sourceRoot":"","sources":["../../src/features/mcs-status-mixin.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAElD,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC;QACE,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,YAAY;QAClB,QAAQ,EAAE;YACR,OAAO,EAAE,cAAc;SACxB;KACF;CACF,CAAA;AAED,MAAM,UAAU,cAAc,CAA4B,IAAW;IACnE,OAAO,KAAM,SAAQ,IAAI;QACvB,IAAI,MAAM;YACR,OAAM;QACR,CAAC;QAED,IAAI,SAAS;YACX,OAAM;QACR,CAAC;QAED,IAAI,MAAM;YACR,OAAO,WAAW,CAAA;QACpB,CAAC;QAED,IAAI,SAAS;YACX,OAAO,WAAW,CAAA;QACpB,CAAC;QAED,IAAI,WAAW;YACb,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;YAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;YAE1B,OAAO,CAAC,MAAM,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAA,IAAI,SAAS,CAAA;QACpH,CAAC;QAED,IAAI,QAAQ;YACV,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAA;YAC7B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAA;YAE7B,OAAO,CAAC,MAAM,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAA,CAAA;QACvG,CAAC;KACF,CAAA;AACH,CAAC","sourcesContent":["type Constructor<T = {}> = new (...args: any[]) => T\n\ninterface Legend {\n  [key: string]: string\n}\n\nimport { themesColorMap } from '@fmsim/api'\nimport { LEGEND_NULL } from './mcs-status-default'\n\nexport const MCSStatusMixinProperties = [\n  {\n    type: 'select',\n    label: 'legend-name',\n    name: 'legendName',\n    property: {\n      options: themesColorMap\n    }\n  }\n]\n\nexport function MCSStatusMixin<TBase extends Constructor>(Base: TBase) {\n  return class extends Base {\n    get status(): string | undefined {\n      return\n    }\n\n    get auxStatus(): string | undefined {\n      return\n    }\n\n    get legend(): Legend {\n      return LEGEND_NULL\n    }\n\n    get auxLegend(): Legend {\n      return LEGEND_NULL\n    }\n\n    get statusColor(): string | undefined {\n      const status = this.status\n      const legend = this.legend\n\n      return (status && legend && (legend[status] || legend[status!] || legend.default)) || legend?.default || '#F0F0F0'\n    }\n\n    get auxColor(): string | undefined {\n      const status = this.auxStatus\n      const legend = this.auxLegend\n\n      return (status && legend && (legend[status] || legend[status!] || legend.default)) || legend?.default\n    }\n  }\n}\n"]}
+{"version":3,"file":"mcs-status-mixin.js","sourceRoot":"","sources":["../../src/features/mcs-status-mixin.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAElD,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC;QACE,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,YAAY;QAClB,QAAQ,EAAE;YACR,OAAO,EAAE,cAAc;SACxB;KACF;CACF,CAAA;AAED,MAAM,UAAU,cAAc,CAA4B,IAAW;IACnE,OAAO,KAAM,SAAQ,IAAI;QACvB,aAAa;YACX,OAAO,IAAI,CAAA;QACb,CAAC;QAED,IAAI,MAAM;YACR,OAAM;QACR,CAAC;QAED,IAAI,SAAS;YACX,OAAM;QACR,CAAC;QAED,IAAI,MAAM;YACR,OAAO,WAAW,CAAA;QACpB,CAAC;QAED,IAAI,SAAS;YACX,OAAO,WAAW,CAAA;QACpB,CAAC;QAED,IAAI,WAAW;YACb,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;YAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;YAE1B,OAAO,CAAC,MAAM,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAA,IAAI,SAAS,CAAA;QACpH,CAAC;QAED,IAAI,QAAQ;YACV,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAA;YAC7B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAA;YAE7B,OAAO,CAAC,MAAM,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAA,CAAA;QACvG,CAAC;KACF,CAAA;AACH,CAAC","sourcesContent":["type Constructor<T = {}> = new (...args: any[]) => T\n\ninterface Legend {\n  [key: string]: string\n}\n\nimport { themesColorMap } from '@fmsim/api'\nimport { LEGEND_NULL } from './mcs-status-default'\n\nexport const MCSStatusMixinProperties = [\n  {\n    type: 'select',\n    label: 'legend-name',\n    name: 'legendName',\n    property: {\n      options: themesColorMap\n    }\n  }\n]\n\nexport function MCSStatusMixin<TBase extends Constructor>(Base: TBase) {\n  return class extends Base {\n    isLVComponent() {\n      return true\n    }\n\n    get status(): string | undefined {\n      return\n    }\n\n    get auxStatus(): string | undefined {\n      return\n    }\n\n    get legend(): Legend {\n      return LEGEND_NULL\n    }\n\n    get auxLegend(): Legend {\n      return LEGEND_NULL\n    }\n\n    get statusColor(): string | undefined {\n      const status = this.status\n      const legend = this.legend\n\n      return (status && legend && (legend[status] || legend[status!] || legend.default)) || legend?.default || '#F0F0F0'\n    }\n\n    get auxColor(): string | undefined {\n      const status = this.auxStatus\n      const legend = this.auxLegend\n\n      return (status && legend && (legend[status] || legend[status!] || legend.default)) || legend?.default\n    }\n  }\n}\n"]}

package/dist/mcs-vehicle.js

@@ -1,10 +1,23 @@
 import { LEGEND_VEHICLE } from './features/mcs-status-default';
 import MCSCarrierHolder from './mcs-carrier-holder';
 const DIRECTION_GAP = 3;
+function findNode(vehicle, nodeId, nodeMachine) {
+    if (!nodeId || !nodeMachine) {
+        return null;
+    }
+    const nodes = vehicle.root.findAllById(nodeId).filter(node => node.state.type == 'Node');
+    return nodes.find((node) => {
+        return node.nodeMachine === nodeMachine;
+    });
+}
 /**
  * MCS용 Unit > Transport들의 공통 속성을 정의한 오브젝트
  */
 export default class MCSVehicle extends MCSCarrierHolder {
+    constructor() {
+        super(...arguments);
+        this.lastWaypoint = null;
+    }
     static get properties() {
         return [
             ...MCSCarrierHolder.properties,
@@ -66,5 +79,31 @@ export default class MCSVehicle extends MCSCarrierHolder {
         super.postrender(ctx);
         // this.renderDirection(ctx)
     }
+    onchangeData(after, before) {
+        super.onchangeData(after, before);
+        const { NodeId: beforeNodeId, NodeMachine: beforeNodeMachine } = before.data || {};
+        const { NodeId, NodeMachine } = after.data || {};
+        if (NodeId === undefined ||
+            NodeMachine === undefined ||
+            (beforeNodeId === NodeId && beforeNodeMachine === NodeMachine) ||
+            (this.lastWaypoint && this.lastWaypoint.NodeId === NodeId && this.lastWaypoint.NodeMachine === NodeMachine)) {
+            return; // not changed
+        }
+        const afterNode = findNode(this, NodeId, NodeMachine);
+        if (!afterNode) {
+            console.warn(`Node not found. NodeId: ${NodeId}, NodeMachine: ${NodeMachine}`);
+            return;
+        }
+        const beforeNode = this.lastWaypoint
+            ? findNode(this, this.lastWaypoint.NodeId, this.lastWaypoint.NodeMachine)
+            : afterNode;
+        // 실제 존재하는 노드 중 가장 최근에 이동한 노드
+        this.lastWaypoint = { NodeId, NodeMachine };
+        this.trigger('waypoint', {
+            from: beforeNode,
+            to: afterNode,
+            duration: 5000
+        });
+    }
 }
 //# sourceMappingURL=mcs-vehicle.js.map

package/dist/mcs-vehicle.js.map

@@ -1 +1 @@
-{"version":3,"file":"mcs-vehicle.js","sourceRoot":"","sources":["../src/mcs-vehicle.ts"],"names":[],"mappings":"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","sourcesContent":["import { LEGEND_VEHICLE, Legend } from './features/mcs-status-default'\nimport MCSCarrierHolder from './mcs-carrier-holder'\n\nconst DIRECTION_GAP = 3\n\n/**\n * MCS용 Unit > Transport들의 공통 속성을 정의한 오브젝트\n */\nexport default class MCSVehicle extends MCSCarrierHolder {\n  static get properties(): any {\n    return [\n      ...MCSCarrierHolder.properties,\n      {\n        type: 'select',\n        label: 'direction',\n        name: 'direction',\n        property: {\n          options: ['', 'up', 'down', 'left', 'right']\n        }\n      }\n    ]\n  }\n\n  getLegendFallback(): Legend {\n    return LEGEND_VEHICLE\n  }\n\n  renderDirection(ctx: CanvasRenderingContext2D) {\n    const { direction } = this.state\n\n    if (direction) {\n      const { left, top, width, height } = this.state\n\n      ctx.beginPath()\n      ctx.translate(left, top)\n\n      ctx.strokeStyle = 'black'\n      ctx.fillStyle = 'black'\n      ctx.lineJoin = 'round'\n      ctx.lineWidth = 1\n      ctx.setLineDash([])\n\n      switch (direction) {\n        case 'up':\n          ctx.moveTo((width * 1) / 3, -DIRECTION_GAP)\n          ctx.lineTo(width / 2, -height / 10 - DIRECTION_GAP)\n          ctx.lineTo((width * 2) / 3, -DIRECTION_GAP)\n          break\n        case 'down':\n          ctx.moveTo((width * 1) / 3, height + DIRECTION_GAP)\n          ctx.lineTo(width / 2, height + height / 10 + DIRECTION_GAP)\n          ctx.lineTo((width * 2) / 3, height + DIRECTION_GAP)\n          break\n        case 'left':\n          ctx.moveTo(-DIRECTION_GAP, (height * 1) / 3)\n          ctx.lineTo(-width / 10 - 2, height / 2)\n          ctx.lineTo(-DIRECTION_GAP, (height * 2) / 3)\n          break\n        case 'right':\n        default:\n          ctx.moveTo(DIRECTION_GAP + width, (height * 1) / 3)\n          ctx.lineTo(DIRECTION_GAP + width + width / 10, height / 2)\n          ctx.lineTo(DIRECTION_GAP + width, (height * 2) / 3)\n          break\n      }\n\n      ctx.translate(-left, -top)\n      ctx.closePath()\n\n      ctx.fill()\n      ctx.stroke()\n    }\n  }\n\n  // Performance aware\n  postrender(ctx: CanvasRenderingContext2D): void {\n    super.postrender(ctx)\n    // this.renderDirection(ctx)\n  }\n}\n"]}
+{"version":3,"file":"mcs-vehicle.js","sourceRoot":"","sources":["../src/mcs-vehicle.ts"],"names":[],"mappings":"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","sourcesContent":["import { Properties } from '@hatiolab/things-scene'\nimport { LEGEND_VEHICLE, Legend } from './features/mcs-status-default'\nimport MCSCarrierHolder from './mcs-carrier-holder'\nimport Node from './node'\n\nconst DIRECTION_GAP = 3\n\nfunction findNode(vehicle: MCSVehicle, nodeId: string, nodeMachine: string) {\n  if (!nodeId || !nodeMachine) {\n    return null\n  }\n\n  const nodes = vehicle.root.findAllById(nodeId).filter(node => node.state.type == 'Node') as Node[]\n\n  return nodes.find((node: Node) => {\n    return node.nodeMachine === nodeMachine\n  })\n}\n\n/**\n * MCS용 Unit > Transport들의 공통 속성을 정의한 오브젝트\n */\nexport default class MCSVehicle extends MCSCarrierHolder {\n  static get properties(): any {\n    return [\n      ...MCSCarrierHolder.properties,\n      {\n        type: 'select',\n        label: 'direction',\n        name: 'direction',\n        property: {\n          options: ['', 'up', 'down', 'left', 'right']\n        }\n      }\n    ]\n  }\n\n  private lastWaypoint: { NodeId: string; NodeMachine: string } | null = null\n\n  getLegendFallback(): Legend {\n    return LEGEND_VEHICLE\n  }\n\n  renderDirection(ctx: CanvasRenderingContext2D) {\n    const { direction } = this.state\n\n    if (direction) {\n      const { left, top, width, height } = this.state\n\n      ctx.beginPath()\n      ctx.translate(left, top)\n\n      ctx.strokeStyle = 'black'\n      ctx.fillStyle = 'black'\n      ctx.lineJoin = 'round'\n      ctx.lineWidth = 1\n      ctx.setLineDash([])\n\n      switch (direction) {\n        case 'up':\n          ctx.moveTo((width * 1) / 3, -DIRECTION_GAP)\n          ctx.lineTo(width / 2, -height / 10 - DIRECTION_GAP)\n          ctx.lineTo((width * 2) / 3, -DIRECTION_GAP)\n          break\n        case 'down':\n          ctx.moveTo((width * 1) / 3, height + DIRECTION_GAP)\n          ctx.lineTo(width / 2, height + height / 10 + DIRECTION_GAP)\n          ctx.lineTo((width * 2) / 3, height + DIRECTION_GAP)\n          break\n        case 'left':\n          ctx.moveTo(-DIRECTION_GAP, (height * 1) / 3)\n          ctx.lineTo(-width / 10 - 2, height / 2)\n          ctx.lineTo(-DIRECTION_GAP, (height * 2) / 3)\n          break\n        case 'right':\n        default:\n          ctx.moveTo(DIRECTION_GAP + width, (height * 1) / 3)\n          ctx.lineTo(DIRECTION_GAP + width + width / 10, height / 2)\n          ctx.lineTo(DIRECTION_GAP + width, (height * 2) / 3)\n          break\n      }\n\n      ctx.translate(-left, -top)\n      ctx.closePath()\n\n      ctx.fill()\n      ctx.stroke()\n    }\n  }\n\n  // Performance aware\n  postrender(ctx: CanvasRenderingContext2D): void {\n    super.postrender(ctx)\n    // this.renderDirection(ctx)\n  }\n\n  onchangeData(after: Properties, before: Properties): void {\n    super.onchangeData(after, before)\n\n    const { NodeId: beforeNodeId, NodeMachine: beforeNodeMachine } = before.data || {}\n    const { NodeId, NodeMachine } = after.data || {}\n\n    if (\n      NodeId === undefined ||\n      NodeMachine === undefined ||\n      (beforeNodeId === NodeId && beforeNodeMachine === NodeMachine) ||\n      (this.lastWaypoint && this.lastWaypoint.NodeId === NodeId && this.lastWaypoint.NodeMachine === NodeMachine)\n    ) {\n      return // not changed\n    }\n\n    const afterNode = findNode(this, NodeId, NodeMachine)\n    if (!afterNode) {\n      console.warn(`Node not found. NodeId: ${NodeId}, NodeMachine: ${NodeMachine}`)\n      return\n    }\n\n    const beforeNode = this.lastWaypoint\n      ? findNode(this, this.lastWaypoint.NodeId, this.lastWaypoint.NodeMachine)\n      : afterNode\n\n    // 실제 존재하는 노드 중 가장 최근에 이동한 노드\n    this.lastWaypoint = { NodeId, NodeMachine }\n\n    this.trigger('waypoint', {\n      from: beforeNode,\n      to: afterNode,\n      duration: 5000\n    })\n  }\n}\n"]}

package/dist/node.js

@@ -2,11 +2,23 @@
  * Copyright © HatioLab Inc. All rights reserved.
  */
 import { Component, Shape } from '@hatiolab/things-scene';
+import MCSMachine from './mcs-machine';
 const NATURE = {
     mutable: false,
     resizable: false,
     rotatable: false,
-    properties: []
+    properties: [
+        {
+            type: 'string',
+            name: 'NodeMachine',
+            label: 'node-machine'
+        },
+        {
+            type: 'nodes',
+            label: 'nodes',
+            name: 'nodes'
+        }
+    ]
 };
 class Node extends Shape {
     is3dish() {
@@ -50,6 +62,15 @@ class Node extends Shape {
             cy: left_top.y + (right_bottom.y - left_top.y) / 2
         });
     }
+    get nodeMachine() {
+        if (this.state.NodeMachine) {
+            return this.state.NodeMachine;
+        }
+        const parent = this.parent;
+        if (parent && parent instanceof MCSMachine) {
+            return parent.state.id;
+        }
+    }
     contains(x, y) {
         var { cx, cy } = this.state;
         var normx = (x - cx) / (Node.RADIUS * 2);