@fmsim/board 2.0.0-beta.105 → 2.0.0-beta.107

package/custom-elements.json

@@ -15,6 +15,22 @@
             "module": "src/types.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "setFlowReplayEnabled",
+          "declaration": {
+            "name": "setFlowReplayEnabled",
+            "module": "./config/flow-replay.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "isFlowReplayEnabled",
+          "declaration": {
+            "name": "isFlowReplayEnabled",
+            "module": "./config/flow-replay.js"
+          }
+        },
         {
           "kind": "js",
           "name": "registerDefaultGroups",
@@ -2955,6 +2971,58 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/config/flow-replay.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "setFlowReplayEnabled",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "enabled",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ],
+          "description": "Flow-Replay(플레이백) 전역 활성 여부 설정. 부트스트랩에서 한 번 호출."
+        },
+        {
+          "kind": "function",
+          "name": "isFlowReplayEnabled",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "description": "Flow-Replay(플레이백) 전역 활성 여부. 기본 true(활성)."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "setFlowReplayEnabled",
+          "declaration": {
+            "name": "setFlowReplayEnabled",
+            "module": "src/config/flow-replay.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "isFlowReplayEnabled",
+          "declaration": {
+            "name": "isFlowReplayEnabled",
+            "module": "src/config/flow-replay.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/component/etc.ts",
@@ -11189,6 +11257,176 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/property-sidebar/styles/styles.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "PropertyStyles",
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "any"
+              },
+              "default": "{}",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "Component[]"
+              },
+              "default": "[]",
+              "attribute": "selected"
+            },
+            {
+              "kind": "field",
+              "name": "fonts",
+              "type": {
+                "text": "any[]"
+              },
+              "default": "[]",
+              "attribute": "fonts"
+            },
+            {
+              "kind": "method",
+              "name": "onButtonGroupClick",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_isLine",
+              "parameters": [
+                {
+                  "name": "selected",
+                  "type": {
+                    "text": "Component[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onValueChange",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_getValueFromEventTarget",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_onAfterValueChange",
+              "parameters": [
+                {
+                  "name": "key",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "any"
+              },
+              "default": "{}",
+              "fieldName": "value"
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "Component[]"
+              },
+              "default": "[]",
+              "fieldName": "selected"
+            },
+            {
+              "name": "fonts",
+              "type": {
+                "text": "any[]"
+              },
+              "default": "[]",
+              "fieldName": "fonts"
+            }
+          ],
+          "superclass": {
+            "name": "AbstractProperty",
+            "module": "/src/modeller/property-sidebar/abstract-property.js"
+          },
+          "events": [
+            {
+              "name": "property-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PropertyStyles",
+          "declaration": {
+            "name": "PropertyStyles",
+            "module": "src/modeller/property-sidebar/styles/styles.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/modeller/property-sidebar/inspector/inspector-controller.ts",
@@ -12084,176 +12322,6 @@
           }
         }
       ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/styles/styles.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "PropertyStyles",
-          "members": [
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "any"
-              },
-              "default": "{}",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "selected",
-              "type": {
-                "text": "Component[]"
-              },
-              "default": "[]",
-              "attribute": "selected"
-            },
-            {
-              "kind": "field",
-              "name": "fonts",
-              "type": {
-                "text": "any[]"
-              },
-              "default": "[]",
-              "attribute": "fonts"
-            },
-            {
-              "kind": "method",
-              "name": "onButtonGroupClick",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_isLine",
-              "parameters": [
-                {
-                  "name": "selected",
-                  "type": {
-                    "text": "Component[]"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_onValueChange",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_getValueFromEventTarget",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_onAfterValueChange",
-              "parameters": [
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "any"
-              },
-              "default": "{}",
-              "fieldName": "value"
-            },
-            {
-              "name": "selected",
-              "type": {
-                "text": "Component[]"
-              },
-              "default": "[]",
-              "fieldName": "selected"
-            },
-            {
-              "name": "fonts",
-              "type": {
-                "text": "any[]"
-              },
-              "default": "[]",
-              "fieldName": "fonts"
-            }
-          ],
-          "superclass": {
-            "name": "AbstractProperty",
-            "module": "/src/modeller/property-sidebar/abstract-property.js"
-          },
-          "events": [
-            {
-              "name": "property-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "PropertyStyles",
-          "declaration": {
-            "name": "PropertyStyles",
-            "module": "src/modeller/property-sidebar/styles/styles.ts"
-          }
-        }
-      ]
     }
   ]
 }

package/dist/src/config/flow-replay.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Flow-Replay(플레이백 = 과거 흐름 재생) 기능 ON/OFF 전역 설정.
+ *
+ * 3D 기능(things-scene 의 setThreedEnabled/isThreedEnabled)과 같은 방식이지만,
+ * 플레이백은 전적으로 fmsim(board) 안의 기능이라 엔진 전역이 아니라 fmsim 전역으로 둔다.
+ * 부트스트랩이 <things-app flow-replay-enabled="false"> 를 딱 한 번 읽어 여기에 밀어넣고,
+ * 뷰어(ox-board-viewer)가 이 값을 참조해 재생 FAB·시작 경로를 게이팅한다.
+ *
+ * 판정 규칙은 3D 와 동일한 opt-out: 명시적으로 "false" 일 때만 비활성, 그 외 전부 활성(기본 ON).
+ */
+/** Flow-Replay(플레이백) 전역 활성 여부 설정. 부트스트랩에서 한 번 호출. */
+export declare function setFlowReplayEnabled(enabled: boolean): void;
+/** Flow-Replay(플레이백) 전역 활성 여부. 기본 true(활성). */
+export declare function isFlowReplayEnabled(): boolean;

package/dist/src/config/flow-replay.js

@@ -0,0 +1,20 @@
+/**
+ * Flow-Replay(플레이백 = 과거 흐름 재생) 기능 ON/OFF 전역 설정.
+ *
+ * 3D 기능(things-scene 의 setThreedEnabled/isThreedEnabled)과 같은 방식이지만,
+ * 플레이백은 전적으로 fmsim(board) 안의 기능이라 엔진 전역이 아니라 fmsim 전역으로 둔다.
+ * 부트스트랩이 <things-app flow-replay-enabled="false"> 를 딱 한 번 읽어 여기에 밀어넣고,
+ * 뷰어(ox-board-viewer)가 이 값을 참조해 재생 FAB·시작 경로를 게이팅한다.
+ *
+ * 판정 규칙은 3D 와 동일한 opt-out: 명시적으로 "false" 일 때만 비활성, 그 외 전부 활성(기본 ON).
+ */
+let _flowReplayEnabled = true;
+/** Flow-Replay(플레이백) 전역 활성 여부 설정. 부트스트랩에서 한 번 호출. */
+export function setFlowReplayEnabled(enabled) {
+    _flowReplayEnabled = enabled;
+}
+/** Flow-Replay(플레이백) 전역 활성 여부. 기본 true(활성). */
+export function isFlowReplayEnabled() {
+    return _flowReplayEnabled;
+}
+//# sourceMappingURL=flow-replay.js.map

package/dist/src/config/flow-replay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-replay.js","sourceRoot":"","sources":["../../../src/config/flow-replay.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,IAAI,kBAAkB,GAAG,IAAI,CAAA;AAE7B,qDAAqD;AACrD,MAAM,UAAU,oBAAoB,CAAC,OAAgB;IACnD,kBAAkB,GAAG,OAAO,CAAA;AAC9B,CAAC;AAED,+CAA+C;AAC/C,MAAM,UAAU,mBAAmB;IACjC,OAAO,kBAAkB,CAAA;AAC3B,CAAC","sourcesContent":["/**\n * Flow-Replay(플레이백 = 과거 흐름 재생) 기능 ON/OFF 전역 설정.\n *\n * 3D 기능(things-scene 의 setThreedEnabled/isThreedEnabled)과 같은 방식이지만,\n * 플레이백은 전적으로 fmsim(board) 안의 기능이라 엔진 전역이 아니라 fmsim 전역으로 둔다.\n * 부트스트랩이 <things-app flow-replay-enabled=\"false\"> 를 딱 한 번 읽어 여기에 밀어넣고,\n * 뷰어(ox-board-viewer)가 이 값을 참조해 재생 FAB·시작 경로를 게이팅한다.\n *\n * 판정 규칙은 3D 와 동일한 opt-out: 명시적으로 \"false\" 일 때만 비활성, 그 외 전부 활성(기본 ON).\n */\n\nlet _flowReplayEnabled = true\n\n/** Flow-Replay(플레이백) 전역 활성 여부 설정. 부트스트랩에서 한 번 호출. */\nexport function setFlowReplayEnabled(enabled: boolean): void {\n  _flowReplayEnabled = enabled\n}\n\n/** Flow-Replay(플레이백) 전역 활성 여부. 기본 true(활성). */\nexport function isFlowReplayEnabled(): boolean {\n  return _flowReplayEnabled\n}\n"]}

package/dist/src/index.d.ts

@@ -1,4 +1,5 @@
 export * from './types.js';
+export { setFlowReplayEnabled, isFlowReplayEnabled } from './config/flow-replay.js';
 export { registerDefaultGroups } from './component/register-default-groups.js';
 export { DataStorage } from './data-storage/data-storage.js';
 export { PlaybackEngine } from './playback/playback-engine.js';

package/dist/src/index.js

@@ -1,4 +1,5 @@
 export * from './types.js';
+export { setFlowReplayEnabled, isFlowReplayEnabled } from './config/flow-replay.js';
 export { registerDefaultGroups } from './component/register-default-groups.js';
 export { DataStorage } from './data-storage/data-storage.js';
 export { PlaybackEngine } from './playback/playback-engine.js';

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAGrE,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAElC,cAAc,sBAAsB,CAAA","sourcesContent":["export * from './types.js'\n\nexport { registerDefaultGroups } from './component/register-default-groups.js'\nexport { DataStorage } from './data-storage/data-storage.js'\nexport { PlaybackEngine } from './playback/playback-engine.js'\nexport { BoardModelCache } from './data-storage/board-model-cache.js'\nexport type { CachedBoard } from './data-storage/board-model-cache.js'\n\nexport * from './ox-board-viewer.js'\nexport * from './ox-board-modeller.js'\nexport * from './ox-board-list.js'\n\nexport * from './component/index.js'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAE1B,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AACnF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAGrE,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAElC,cAAc,sBAAsB,CAAA","sourcesContent":["export * from './types.js'\n\nexport { setFlowReplayEnabled, isFlowReplayEnabled } from './config/flow-replay.js'\nexport { registerDefaultGroups } from './component/register-default-groups.js'\nexport { DataStorage } from './data-storage/data-storage.js'\nexport { PlaybackEngine } from './playback/playback-engine.js'\nexport { BoardModelCache } from './data-storage/board-model-cache.js'\nexport type { CachedBoard } from './data-storage/board-model-cache.js'\n\nexport * from './ox-board-viewer.js'\nexport * from './ox-board-modeller.js'\nexport * from './ox-board-list.js'\n\nexport * from './component/index.js'\n"]}

package/dist/src/layers/mcs-mouse-event-handler.js

@@ -1,6 +1,6 @@
 import { EventMap } from '@hatiolab/things-scene';
 function dispatchFetchLvModelDataByMouseEvent(type, event, target) {
-    var _a;
+    var _a, _b, _c;
     // 플레이백 모드 — 함수 자체를 실행하지 않음.
     //   1) 외부 모니터링 fetchLvModelDataByMouseEvent window 이벤트 차단
     //   2) realTarget 반환 차단 → onclick 의 후속 clickComponent dispatch 가
@@ -9,6 +9,10 @@ function dispatchFetchLvModelDataByMouseEvent(type, event, target) {
     if ((_a = target === null || target === void 0 ? void 0 : target.root) === null || _a === void 0 ? void 0 : _a.playbackMode)
         return undefined;
     const parent = target.parentObject;
+    // CapacityBar(Stocker/Zone) 처럼 세그먼트 게이지를 그리는 컴포넌트는, carrier/abnormal
+    // 모드에서 클릭된 세그먼트(Full/Empty/EmptyEmpty/Normal/Abnormal)를 함께 실어 보낸다.
+    // capacity 모드·비세그먼트 컴포넌트는 undefined → 필드 미포함.
+    const segment = (_c = (_b = target).segmentAtEvent) === null || _c === void 0 ? void 0 : _c.call(_b, event);
     if (target.getState('id')) {
         window.dispatchEvent(new CustomEvent('fetchLvModelDataByMouseEvent', {
             detail: {
@@ -24,7 +28,8 @@ function dispatchFetchLvModelDataByMouseEvent(type, event, target) {
                             }
                             : null
                     },
-                    data: target.data
+                    data: target.data,
+                    ...(segment ? { segment } : {})
                 }
             }
         }));
@@ -37,7 +42,8 @@ function dispatchFetchLvModelDataByMouseEvent(type, event, target) {
                     type,
                     event,
                     model: parent.state,
-                    data: parent.data
+                    data: parent.data,
+                    ...(segment ? { segment } : {})
                 }
             }
         }));

package/dist/src/layers/mcs-mouse-event-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"mcs-mouse-event-handler.js","sourceRoot":"","sources":["../../../src/layers/mcs-mouse-event-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAE5D,SAAS,oCAAoC,CAC3C,IAAoC,EACpC,KAAiB,EACjB,MAAgD;;IAEhD,4BAA4B;IAC5B,0DAA0D;IAC1D,iEAAiE;IACjE,iEAAiE;IACjE,sDAAsD;IACtD,IAAI,MAAC,MAAc,aAAd,MAAM,uBAAN,MAAM,CAAU,IAAI,0CAAE,YAAY;QAAE,OAAO,SAAS,CAAA;IAEzD,MAAM,MAAM,GAAG,MAAM,CAAC,YAAY,CAAA;IAElC,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAC1B,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAC,8BAA8B,EAAE;YAC9C,MAAM,EAAE;gBACN,KAAK,EAAE;oBACL,IAAI;oBACJ,KAAK;oBACL,KAAK,EAAE;wBACL,GAAG,MAAM,CAAC,KAAK;wBACf,YAAY,EAAE,MAAM;4BAClB,CAAC,CAAC;gCACE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;gCACpB,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC;6BACzB;4BACH,CAAC,CAAC,IAAI;qBACT;oBACD,IAAI,EAAE,MAAM,CAAC,IAAI;iBAClB;aACF;SACF,CAAC,CACH,CAAA;QAED,OAAO,MAAM,IAAI,MAAM,CAAA;IACzB,CAAC;SAAM,IAAI,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAC3C,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAC,8BAA8B,EAAE;YAC9C,MAAM,EAAE;gBACN,KAAK,EAAE;oBACL,IAAI;oBACJ,KAAK;oBACL,KAAK,EAAE,MAAM,CAAC,KAAK;oBACnB,IAAI,EAAE,MAAM,CAAC,IAAI;iBAClB;aACF;SACF,CAAC,CACH,CAAA;QAED,OAAO,MAAM,CAAA;IACf,CAAC;AACH,CAAC;AAED,wDAAwD;AACxD,+BAA+B;AAE/B,4BAA4B;AAE5B,iEAAiE;AACjE,IAAI;AAEJ,SAAS,OAAO,CAAC,KAAiB,EAAE,IAAS;IAC3C,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;IAE1B,KAAK,CAAC,eAAe,EAAE,CAAA;IAEvB,UAAU,CAAC,GAAG,EAAE;QACd,IAAI,MAAM,CAAC,YAAY,KAAK,UAAU,EAAE,CAAC;YACvC,MAAM,UAAU,GAAG,oCAAoC,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;YAE/E,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAC,gBAAgB,EAAE;gBAChC,MAAM,EAAE,UAAU,IAAI,MAAM;aAC7B,CAAC,CACH,CAAA;QACH,CAAC;IACH,CAAC,EAAE,GAAG,CAAC,CAAA;AACT,CAAC;AAED,SAAS,UAAU,CAAC,KAAiB,EAAE,IAAS;IAC9C,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;IAE1B,UAAU,CAAC,GAAG,EAAE;QACd,MAAM,CAAC,YAAY,GAAG,EAAE,CAAA;IAC1B,CAAC,EAAE,GAAG,CAAC,CAAA;IAEP,KAAK,CAAC,eAAe,EAAE,CAAA;IAEvB,MAAM,CAAC,YAAY,GAAG,UAAU,CAAA;IAEhC,oCAAoC,CAAC,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;AACjE,CAAC;AAED,QAAQ,CAAC,QAAQ,CAAC,mBAAmB,EAAE;IACrC,aAAa,EAAE;QACb,OAAO,EAAE;YACP,6CAA6C;YAC7C,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,UAAU;SACrB;KACF;CACF,CAAC,CAAA","sourcesContent":["import { Component, EventMap } from '@hatiolab/things-scene'\n\nfunction dispatchFetchLvModelDataByMouseEvent(\n  type: 'hover' | 'click' | 'dblclick',\n  event: MouseEvent,\n  target: Component & { parentObject?: Component }\n): Component | undefined {\n  // 플레이백 모드 — 함수 자체를 실행하지 않음.\n  //   1) 외부 모니터링 fetchLvModelDataByMouseEvent window 이벤트 차단\n  //   2) realTarget 반환 차단 → onclick 의 후속 clickComponent dispatch 가\n  //      realTarget = undefined 로 흘러 popup 등 후속 backend 호출 경로도 비활성\n  // (popup 의 detailInfo() 가드와 더불어 백엔드 요청을 차단하는 1차 게이트.)\n  if ((target as any)?.root?.playbackMode) return undefined\n\n  const parent = target.parentObject\n\n  if (target.getState('id')) {\n    window.dispatchEvent(\n      new CustomEvent('fetchLvModelDataByMouseEvent', {\n        detail: {\n          value: {\n            type,\n            event,\n            model: {\n              ...target.state,\n              parentObject: parent\n                ? {\n                    id: parent.get('id'),\n                    type: parent.get('type')\n                  }\n                : null\n            },\n            data: target.data\n          }\n        }\n      })\n    )\n\n    return parent || target\n  } else if (parent && parent.getState('id')) {\n    window.dispatchEvent(\n      new CustomEvent('fetchLvModelDataByMouseEvent', {\n        detail: {\n          value: {\n            type,\n            event,\n            model: parent.state,\n            data: parent.data\n          }\n        }\n      })\n    )\n\n    return parent\n  }\n}\n\n// function onmouseenter(event: MouseEvent, hint: any) {\n//   const target = hint.origin\n\n//   event.stopPropagation()\n\n//   dispatchFetchLvModelDataByMouseEvent('hover', event, target)\n// }\n\nfunction onclick(event: MouseEvent, hint: any) {\n  const target = hint.origin\n\n  event.stopPropagation()\n\n  setTimeout(() => {\n    if (target.currentEvent !== 'dblclick') {\n      const realTarget = dispatchFetchLvModelDataByMouseEvent('click', event, target)\n\n      window.dispatchEvent(\n        new CustomEvent('clickComponent', {\n          detail: realTarget || target\n        })\n      )\n    }\n  }, 300)\n}\n\nfunction ondblclick(event: MouseEvent, hint: any) {\n  const target = hint.origin\n\n  setTimeout(() => {\n    target.currentEvent = ''\n  }, 500)\n\n  event.stopPropagation()\n\n  target.currentEvent = 'dblclick'\n\n  dispatchFetchLvModelDataByMouseEvent('dblclick', event, target)\n}\n\nEventMap.register('mcs-event-handler', {\n  'model-layer': {\n    '(all)': {\n      // mouseenter: onmouseenter, /* 사용되지 않고 있음 */\n      click: onclick,\n      dblclick: ondblclick\n    }\n  }\n})\n"]}
+{"version":3,"file":"mcs-mouse-event-handler.js","sourceRoot":"","sources":["../../../src/layers/mcs-mouse-event-handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventMap } from '@hatiolab/things-scene'\n\nfunction dispatchFetchLvModelDataByMouseEvent(\n  type: 'hover' | 'click' | 'dblclick',\n  event: MouseEvent,\n  target: Component & { parentObject?: Component }\n): Component | undefined {\n  // 플레이백 모드 — 함수 자체를 실행하지 않음.\n  //   1) 외부 모니터링 fetchLvModelDataByMouseEvent window 이벤트 차단\n  //   2) realTarget 반환 차단 → onclick 의 후속 clickComponent dispatch 가\n  //      realTarget = undefined 로 흘러 popup 등 후속 backend 호출 경로도 비활성\n  // (popup 의 detailInfo() 가드와 더불어 백엔드 요청을 차단하는 1차 게이트.)\n  if ((target as any)?.root?.playbackMode) return undefined\n\n  const parent = target.parentObject\n\n  // CapacityBar(Stocker/Zone) 처럼 세그먼트 게이지를 그리는 컴포넌트는, carrier/abnormal\n  // 모드에서 클릭된 세그먼트(Full/Empty/EmptyEmpty/Normal/Abnormal)를 함께 실어 보낸다.\n  // capacity 모드·비세그먼트 컴포넌트는 undefined → 필드 미포함.\n  const segment = (target as any).segmentAtEvent?.(event)\n\n  if (target.getState('id')) {\n    window.dispatchEvent(\n      new CustomEvent('fetchLvModelDataByMouseEvent', {\n        detail: {\n          value: {\n            type,\n            event,\n            model: {\n              ...target.state,\n              parentObject: parent\n                ? {\n                    id: parent.get('id'),\n                    type: parent.get('type')\n                  }\n                : null\n            },\n            data: target.data,\n            ...(segment ? { segment } : {})\n          }\n        }\n      })\n    )\n\n    return parent || target\n  } else if (parent && parent.getState('id')) {\n    window.dispatchEvent(\n      new CustomEvent('fetchLvModelDataByMouseEvent', {\n        detail: {\n          value: {\n            type,\n            event,\n            model: parent.state,\n            data: parent.data,\n            ...(segment ? { segment } : {})\n          }\n        }\n      })\n    )\n\n    return parent\n  }\n}\n\n// function onmouseenter(event: MouseEvent, hint: any) {\n//   const target = hint.origin\n\n//   event.stopPropagation()\n\n//   dispatchFetchLvModelDataByMouseEvent('hover', event, target)\n// }\n\nfunction onclick(event: MouseEvent, hint: any) {\n  const target = hint.origin\n\n  event.stopPropagation()\n\n  setTimeout(() => {\n    if (target.currentEvent !== 'dblclick') {\n      const realTarget = dispatchFetchLvModelDataByMouseEvent('click', event, target)\n\n      window.dispatchEvent(\n        new CustomEvent('clickComponent', {\n          detail: realTarget || target\n        })\n      )\n    }\n  }, 300)\n}\n\nfunction ondblclick(event: MouseEvent, hint: any) {\n  const target = hint.origin\n\n  setTimeout(() => {\n    target.currentEvent = ''\n  }, 500)\n\n  event.stopPropagation()\n\n  target.currentEvent = 'dblclick'\n\n  dispatchFetchLvModelDataByMouseEvent('dblclick', event, target)\n}\n\nEventMap.register('mcs-event-handler', {\n  'model-layer': {\n    '(all)': {\n      // mouseenter: onmouseenter, /* 사용되지 않고 있음 */\n      click: onclick,\n      dblclick: ondblclick\n    }\n  }\n})\n"]}

package/dist/src/layers/movement-layer.d.ts

@@ -30,7 +30,10 @@ export type PATH = {
     dstUnit: string;
     pathType: PathType;
     status: PathStatus;
-    transportCnt: number;
+    /** 강조 대상 개수(신규 이름). 미지정 시 label 자동 생성에 사용. */
+    highlightTarget?: number;
+    /** @deprecated `highlightTarget` 로 개명됨. 하위호환을 위해 유지 — 읽을 때 highlightTarget 이 없으면 이 값을 사용. */
+    transportCnt?: number;
     label: string;
     styles?: PathStyles;
 };

package/dist/src/layers/movement-layer.js

@@ -9,6 +9,15 @@ const MOVEMENT_STYLES = {
 };
 const WING_FACTOR = Math.sqrt(3);
 const LINEWIDTH = 2;
+/**
+ * highlightTarget(신규) 를 우선 사용하고, 없으면 transportCnt(deprecated) 로 폴백해
+ * 자동 라벨 문자열을 만든다(2 초과일 때만 개수 표시). 하위호환 단일 소스.
+ */
+function autoHighlightLabel(path) {
+    var _a, _b;
+    const count = Number((_b = (_a = path.highlightTarget) !== null && _a !== void 0 ? _a : path.transportCnt) !== null && _b !== void 0 ? _b : 0);
+    return count > 1 ? String(count) : '';
+}
 let MovementLayer = class MovementLayer extends Layer {
     constructor() {
         super(...arguments);
@@ -160,7 +169,7 @@ let MovementLayer = class MovementLayer extends Layer {
                 dest.transcoordS2C(destCenter.x, destCenter.y, root)
             ];
             ctx.beginPath();
-            this.drawArrow(ctx, srcPos, destPos, path.pathType, path.status, path.label || (Number(path.transportCnt || 0) > 1 ? String(path.transportCnt) : ''), path.styles);
+            this.drawArrow(ctx, srcPos, destPos, path.pathType, path.status, path.label || autoHighlightLabel(path), path.styles);
             ctx.stroke();
         });
         ctx.restore();
@@ -185,7 +194,7 @@ let MovementLayer = class MovementLayer extends Layer {
                 beginSize: (_m = (_l = path.styles) === null || _l === void 0 ? void 0 : _l.beginSize) !== null && _m !== void 0 ? _m : 'size2',
                 end: (_p = (_o = path.styles) === null || _o === void 0 ? void 0 : _o.end) !== null && _p !== void 0 ? _p : 'arrow',
                 endSize: (_r = (_q = path.styles) === null || _q === void 0 ? void 0 : _q.endSize) !== null && _r !== void 0 ? _r : 'size2',
-                label: path.label || (Number(path.transportCnt || 0) > 1 ? String(path.transportCnt) : '')
+                label: path.label || autoHighlightLabel(path)
             });
         });
     }