@fmsim/machine 1.0.41 → 1.0.42

package/dist/editors/index.js

@@ -1,2 +1,9 @@
-"use strict";
+import './ox-input-nodes';
+import './ox-property-editor-nodes';
+export default [
+    {
+        type: 'nodes',
+        element: 'ox-property-editor-nodes'
+    }
+];
 //# sourceMappingURL=index.js.map

package/dist/editors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/editors/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAA;AACzB,OAAO,4BAA4B,CAAA;AAEnC,eAAe;IACb;QACE,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,0BAA0B;KACpC;CACF,CAAA","sourcesContent":["import './ox-input-nodes'\nimport './ox-property-editor-nodes'\n\nexport default [\n  {\n    type: 'nodes',\n    element: 'ox-property-editor-nodes'\n  }\n]\n"]}

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

@@ -0,0 +1,100 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+import { css, html } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { OxFormField } from '@operato/input';
+let OxInputNodes = class OxInputNodes extends OxFormField {
+    constructor() {
+        super(...arguments);
+        this.value = [];
+    }
+    render() {
+        const nodes = 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>
+    `;
+    }
+    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
+        }));
+    }
+};
+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);
+
+        padding: 0;
+        margin: 0;
+      }
+
+      li {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: var(--spacing-large);
+      }
+
+      li > * {
+        flex: 1;
+      }
+
+      div[data-name] {
+        text-align: right;
+      }
+
+      div[data-value] {
+        display: flex;
+        justify-content: space-between;
+      }
+    `
+];
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], OxInputNodes.prototype, "value", void 0);
+OxInputNodes = __decorate([
+    customElement('ox-input-nodes')
+], OxInputNodes);
+export { OxInputNodes };
+//# sourceMappingURL=ox-input-nodes.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,25 @@
+import { __decorate } from "tslib";
+import './ox-input-nodes';
+import { html } from 'lit';
+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> `;
+    }
+};
+PropertyEditorNodes = __decorate([
+    customElement('ox-property-editor-nodes')
+], PropertyEditorNodes);
+export { PropertyEditorNodes };
+//# sourceMappingURL=ox-property-editor-nodes.js.map

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

@@ -0,0 +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"]}

package/dist/index.js

@@ -22,4 +22,5 @@ export { default as Port } from './port';
 export { default as Crane } from './crane';
 export { default as Shelf } from './shelf';
 export { default as Carrier } from './carrier';
+export { default as NodePath } from './node-path';
 //# 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,oCAAoC,CAAA;AAE3C,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":["import './scene/root-container-override.js'\n\nexport { 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"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oCAAoC,CAAA;AAE3C,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;AAE9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA","sourcesContent":["import './scene/root-container-override.js'\n\nexport { 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\nexport { default as NodePath } from './node-path'\n"]}

package/dist/node-path.js

@@ -0,0 +1,233 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { Component, Line } from '@hatiolab/things-scene';
+var controlHandler = {
+    currentIndex: 0,
+    ondragstart: function (point, index, component) {
+        component.mutatePath(null, function (path) {
+            const nodes = component.state.nodes;
+            const control = component.controls[index];
+            const { from, to, id } = control;
+            const newId = `${Date.now()}`;
+            if (id) {
+                const fromNode = nodes.find(node => node.id === id);
+                const fromIndex = nodes.indexOf(fromNode);
+                controlHandler.currentIndex = fromIndex == 0 ? 0 : fromIndex + 1;
+                nodes.splice(controlHandler.currentIndex, 0, {
+                    id: newId,
+                    position: point,
+                    name: '',
+                    connections: []
+                });
+                fromNode.connections.push(newId);
+                path.splice(controlHandler.currentIndex, 0, point);
+            }
+            else {
+                const fromNode = nodes.find(node => node.id === from);
+                controlHandler.currentIndex = nodes.indexOf(fromNode) + 1;
+                nodes.splice(controlHandler.currentIndex, 0, {
+                    id: newId,
+                    position: point,
+                    name: '',
+                    connections: [to]
+                });
+                const connections = fromNode.connections;
+                connections.splice(connections.indexOf(to), 1, newId);
+                path.splice(controlHandler.currentIndex, 0, point);
+            }
+        });
+    },
+    ondragmove: function (point, index, component) {
+        component.mutatePath(null, function (path) {
+            path[controlHandler.currentIndex] = point;
+        });
+    },
+    ondragend: function (point, index, component) { }
+};
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'nodes',
+            label: 'nodes',
+            name: 'nodes'
+        }
+    ],
+    help: 'scene/component/node-path'
+};
+export default class NodePath extends Line {
+    static get nature() {
+        return NATURE;
+    }
+    get path() {
+        return this.state.nodes.map(node => node.position);
+    }
+    set path(path) {
+        const nodes = this.state.nodes || [];
+        this.set('nodes', nodes.map((node, index) => (Object.assign(Object.assign({}, node), { position: path[index] }))));
+    }
+    contains(x, y) {
+        var path = this.path;
+        var result = false;
+        path.forEach((p, idx) => {
+            let j = (idx + path.length + 1) % path.length;
+            let x1 = p.x;
+            let y1 = p.y;
+            let x2 = path[j].x;
+            let y2 = path[j].y;
+            if (y1 > y != y2 > y && x < ((x2 - x1) * (y - y1)) / (y2 - y1) + x1)
+                result = !result;
+        });
+        return result;
+    }
+    render(ctx) {
+        // 모든 연결 렌더링
+        this.renderConnections(ctx);
+        // 모든 노드 렌더링
+        this.renderNodes(ctx);
+    }
+    renderConnections(ctx) {
+        const { nodes = [], lineColor = '#000', lineWidth = 1 } = this.state;
+        nodes.forEach(node => {
+            const { x: x1, y: y1 } = node.position;
+            const connections = node.connections || [];
+            connections.forEach(targetId => {
+                const targetNode = this.findNodeById(targetId);
+                if (targetNode) {
+                    const { x: x2, y: y2 } = targetNode.position;
+                    ctx.beginPath();
+                    ctx.moveTo(x1, y1);
+                    ctx.lineTo(x2, y2);
+                    ctx.strokeStyle = lineColor;
+                    ctx.lineWidth = lineWidth;
+                    ctx.stroke();
+                }
+            });
+        });
+    }
+    renderNodes(ctx) {
+        const { nodes = [], fillStyle = '#fff', strokeStyle = '#000' } = this.state;
+        nodes.forEach(node => {
+            const { x, y } = node.position;
+            ctx.beginPath();
+            ctx.arc(x, y, 10, 0, Math.PI * 2);
+            ctx.fillStyle = fillStyle;
+            ctx.strokeStyle = strokeStyle;
+            ctx.fill();
+        });
+    }
+    findNodeById(id) {
+        const nodes = this.state.nodes || [];
+        return nodes.find(node => node.id === id);
+    }
+    findNodeIndexById(id) {
+        const nodes = this.state.nodes || [];
+        return nodes.findIndex(node => node.id === id);
+    }
+    addNode(x, y, name = '', type = 'normal') {
+        const nodes = [...(this.state.nodes || [])];
+        const nodeId = `${Date.now()}`;
+        const node = {
+            id: nodeId,
+            position: { x, y },
+            name,
+            connections: []
+        };
+        nodes.push(node);
+        this.setState('nodes', nodes);
+        return nodeId;
+    }
+    moveNode(index, position) {
+        const nodes = [...(this.state.nodes || [])];
+        if (nodes[index]) {
+            nodes[index].position = position;
+            this.setState('nodes', nodes);
+        }
+    }
+    connectNodes(sourceId, targetId) {
+        if (sourceId === targetId)
+            return false;
+        const nodes = [...(this.state.nodes || [])];
+        const sourceIndex = this.findNodeIndexById(sourceId);
+        const targetIndex = this.findNodeIndexById(targetId);
+        if (sourceIndex >= 0 && targetIndex >= 0) {
+            // 이미 연결되어 있는지 확인
+            if (!nodes[sourceIndex].connections.includes(targetId)) {
+                nodes[sourceIndex].connections.push(targetId);
+            }
+            // 양방향 연결 (선택적)
+            // if (!nodes[targetIndex].connections.includes(sourceId)) {
+            //   nodes[targetIndex].connections.push(sourceId)
+            // }
+            this.setState('nodes', nodes);
+            return true;
+        }
+        return false;
+    }
+    disconnectNodes(sourceId, targetId) {
+        const nodes = [...(this.state.nodes || [])];
+        const sourceIndex = this.findNodeIndexById(sourceId);
+        const targetIndex = this.findNodeIndexById(targetId);
+        if (sourceIndex >= 0) {
+            nodes[sourceIndex].connections = nodes[sourceIndex].connections.filter(id => id !== targetId);
+        }
+        // 양방향 연결 해제 (선택적)
+        // if (targetIndex >= 0) {
+        //   nodes[targetIndex].connections = nodes[targetIndex].connections.filter(id => id !== sourceId)
+        // }
+        this.setState('nodes', nodes);
+    }
+    removeNode(nodeId) {
+        let nodes = [...(this.state.nodes || [])];
+        // 해당 노드 제거
+        nodes = nodes.filter(node => node.id !== nodeId);
+        // 다른 노드들의 연결에서도 제거
+        nodes.forEach(node => {
+            node.connections = node.connections.filter(id => id !== nodeId);
+        });
+        this.setState('nodes', nodes);
+    }
+    // 특정 노드 연결에 대한 속성 설정
+    setConnectionProperty(sourceId, targetId, propertyName, value) {
+        const nodes = [...(this.state.nodes || [])];
+        const sourceIndex = this.findNodeIndexById(sourceId);
+        if (sourceIndex >= 0 && nodes[sourceIndex].connections.includes(targetId)) {
+            this.setState('nodes', nodes);
+            return true;
+        }
+        return false;
+    }
+    get controls() {
+        var { nodes } = this.state;
+        var controls = [];
+        for (let i = 0; i < nodes.length; i++) {
+            const { id: sourceId, position: p1, connections = [] } = nodes[i];
+            controls.push({
+                x: p1.x,
+                y: p1.y,
+                //@ts-ignore
+                id: sourceId,
+                handler: controlHandler
+            });
+            connections.forEach(targetId => {
+                const targetNode = this.findNodeById(targetId);
+                const { position: p2 } = targetNode;
+                controls.push({
+                    x: (p1.x + p2.x) / 2,
+                    y: (p1.y + p2.y) / 2,
+                    //@ts-ignore
+                    from: sourceId,
+                    //@ts-ignore
+                    to: targetId,
+                    handler: controlHandler
+                });
+            });
+        }
+        return controls;
+    }
+}
+Component.register('NodePath', NodePath);
+//# sourceMappingURL=node-path.js.map

package/dist/node-path.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-path.js","sourceRoot":"","sources":["../src/node-path.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,IAAI,EAAW,MAAM,wBAAwB,CAAA;AAgBjE,IAAI,cAAc,GAAG;IACnB,YAAY,EAAE,CAAC;IACf,WAAW,EAAE,UAAU,KAAK,EAAE,KAAK,EAAE,SAAS;QAC5C,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,IAAI;YACvC,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,KAAe,CAAA;YAC7C,MAAM,OAAO,GAAG,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;YACzC,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,OAAc,CAAA;YACvC,MAAM,KAAK,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,EAAE,CAAA;YAE7B,IAAI,EAAE,EAAE,CAAC;gBACP,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;gBACnD,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,QAAS,CAAC,CAAA;gBAC1C,cAAc,CAAC,YAAY,GAAG,SAAS,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAA;gBAEhE,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC,EAAE;oBAC3C,EAAE,EAAE,KAAK;oBACT,QAAQ,EAAE,KAAK;oBACf,IAAI,EAAE,EAAE;oBACR,WAAW,EAAE,EAAE;iBAChB,CAAC,CAAA;gBAEF,QAAS,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBACjC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC,EAAE,KAAK,CAAC,CAAA;YACpD,CAAC;iBAAM,CAAC;gBACN,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,CAAA;gBACrD,cAAc,CAAC,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,QAAS,CAAC,GAAG,CAAC,CAAA;gBAE1D,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC,EAAE;oBAC3C,EAAE,EAAE,KAAK;oBACT,QAAQ,EAAE,KAAK;oBACf,IAAI,EAAE,EAAE;oBACR,WAAW,EAAE,CAAC,EAAE,CAAC;iBAClB,CAAC,CAAA;gBAEF,MAAM,WAAW,GAAG,QAAS,CAAC,WAAW,CAAA;gBACzC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAA;gBAErD,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC,EAAE,KAAK,CAAC,CAAA;YACpD,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,UAAU,EAAE,UAAU,KAAK,EAAE,KAAK,EAAE,SAAS;QAC3C,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,IAAI;YACvC,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,GAAG,KAAK,CAAA;QAC3C,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,SAAS,EAAE,UAAU,KAAK,EAAE,KAAK,EAAE,SAAS,IAAG,CAAC;CACjD,CAAA;AAED,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SACd;KACF;IACD,IAAI,EAAE,2BAA2B;CAClC,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,IAAI;IACxC,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAKD,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IACpD,CAAC;IAED,IAAI,IAAI,CAAC,IAAgB;QACvB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAA;QAEpC,IAAI,CAAC,GAAG,CACN,OAAO,EACP,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,iCAAM,IAAI,KAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CACjE,CAAA;IACH,CAAC;IAED,QAAQ,CAAC,CAAS,EAAE,CAAS;QAC3B,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;QACpB,IAAI,MAAM,GAAG,KAAK,CAAA;QAElB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;YACtB,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA;YAE7C,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAA;YACZ,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAA;YACZ,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YAClB,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YAElB,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE;gBAAE,MAAM,GAAG,CAAC,MAAM,CAAA;QACvF,CAAC,CAAC,CAAA;QAEF,OAAO,MAAM,CAAA;IACf,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,YAAY;QACZ,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAA;QAE3B,YAAY;QACZ,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;IACvB,CAAC;IAED,iBAAiB,CAAC,GAA6B;QAC7C,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,GAAG,MAAM,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEpE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACnB,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAA;YACtC,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,IAAI,EAAE,CAAA;YAE1C,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBAC7B,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAA;gBAC9C,IAAI,UAAU,EAAE,CAAC;oBACf,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,UAAU,CAAC,QAAQ,CAAA;oBAE5C,GAAG,CAAC,SAAS,EAAE,CAAA;oBACf,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;oBAClB,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;oBAClB,GAAG,CAAC,WAAW,GAAG,SAAS,CAAA;oBAC3B,GAAG,CAAC,SAAS,GAAG,SAAS,CAAA;oBAEzB,GAAG,CAAC,MAAM,EAAE,CAAA;gBACd,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,WAAW,CAAC,GAA6B;QACvC,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,GAAG,MAAM,EAAE,WAAW,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAE3E,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACnB,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAA;YAE9B,GAAG,CAAC,SAAS,EAAE,CAAA;YAEf,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAA;YAEjC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAA;YACzB,GAAG,CAAC,WAAW,GAAG,WAAW,CAAA;YAE7B,GAAG,CAAC,IAAI,EAAE,CAAA;QACZ,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,YAAY,CAAC,EAAU;QACrB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAA;QACpC,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;IAC3C,CAAC;IAED,iBAAiB,CAAC,EAAU;QAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAA;QACpC,OAAO,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;IAChD,CAAC;IAED,OAAO,CAAC,CAAS,EAAE,CAAS,EAAE,OAAe,EAAE,EAAE,OAAe,QAAQ;QACtE,MAAM,KAAK,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAA;QAC3C,MAAM,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,EAAE,CAAA;QAE9B,MAAM,IAAI,GAAS;YACjB,EAAE,EAAE,MAAM;YACV,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE;YAClB,IAAI;YACJ,WAAW,EAAE,EAAE;SAChB,CAAA;QAED,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAChB,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;QAE7B,OAAO,MAAM,CAAA;IACf,CAAC;IAED,QAAQ,CAAC,KAAa,EAAE,QAAkB;QACxC,MAAM,KAAK,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAA;QAC3C,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YACjB,KAAK,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAA;YAChC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;QAC/B,CAAC;IACH,CAAC;IAED,YAAY,CAAC,QAAgB,EAAE,QAAgB;QAC7C,IAAI,QAAQ,KAAK,QAAQ;YAAE,OAAO,KAAK,CAAA;QAEvC,MAAM,KAAK,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAA;QAC3C,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAA;QACpD,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAA;QAEpD,IAAI,WAAW,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,EAAE,CAAC;YACzC,iBAAiB;YACjB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACvD,KAAK,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;YAC/C,CAAC;YAED,eAAe;YACf,4DAA4D;YAC5D,kDAAkD;YAClD,IAAI;YAEJ,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;YAC7B,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,KAAK,CAAA;IACd,CAAC;IAED,eAAe,CAAC,QAAgB,EAAE,QAAgB;QAChD,MAAM,KAAK,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAA;QAC3C,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAA;QACpD,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAA;QAEpD,IAAI,WAAW,IAAI,CAAC,EAAE,CAAC;YACrB,KAAK,CAAC,WAAW,CAAC,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAA;QAC/F,CAAC;QAED,kBAAkB;QAClB,0BAA0B;QAC1B,kGAAkG;QAClG,IAAI;QAEJ,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAC/B,CAAC;IAED,UAAU,CAAC,MAAc;QACvB,IAAI,KAAK,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAA;QAEzC,WAAW;QACX,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,CAAA;QAEhD,mBAAmB;QACnB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACnB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,MAAM,CAAC,CAAA;QACjE,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAC/B,CAAC;IAED,qBAAqB;IACrB,qBAAqB,CAAC,QAAgB,EAAE,QAAgB,EAAE,YAAoB,EAAE,KAAU;QACxF,MAAM,KAAK,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAA;QAC3C,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAA;QAEpD,IAAI,WAAW,IAAI,CAAC,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC1E,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;YAC7B,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,KAAK,CAAA;IACd,CAAC;IAED,IAAI,QAAQ;QACV,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC1B,IAAI,QAAQ,GAAG,EAAe,CAAA;QAE9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACtC,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,WAAW,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;YACjE,QAAQ,CAAC,IAAI,CAAC;gBACZ,CAAC,EAAE,EAAE,CAAC,CAAC;gBACP,CAAC,EAAE,EAAE,CAAC,CAAC;gBACP,YAAY;gBACZ,EAAE,EAAE,QAAQ;gBACZ,OAAO,EAAE,cAAc;aACxB,CAAC,CAAA;YAEF,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBAC7B,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAA;gBAC9C,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,UAAW,CAAA;gBAEpC,QAAQ,CAAC,IAAI,CAAC;oBACZ,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;oBACpB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;oBACpB,YAAY;oBACZ,IAAI,EAAE,QAAQ;oBACd,YAAY;oBACZ,EAAE,EAAE,QAAQ;oBACZ,OAAO,EAAE,cAAc;iBACxB,CAAC,CAAA;YACJ,CAAC,CAAC,CAAA;QACJ,CAAC;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, Line, Control } from '@hatiolab/things-scene'\nimport { Node, Position } from './types'\n\n/**\n * NodePath 컴포넌트의 상태 인터페이스\n */\nexport interface NodePathState {\n  nodes: Node[]\n  lineColor?: string\n  lineWidth?: number\n  defaultNodeSize?: number\n  defaultNodeColor?: string\n  nodeShape?: string\n  [key: string]: any\n}\n\nvar controlHandler = {\n  currentIndex: 0,\n  ondragstart: function (point, index, component) {\n    component.mutatePath(null, function (path) {\n      const nodes = component.state.nodes as Node[]\n      const control = component.controls[index]\n      const { from, to, id } = control as any\n      const newId = `${Date.now()}`\n\n      if (id) {\n        const fromNode = nodes.find(node => node.id === id)\n        const fromIndex = nodes.indexOf(fromNode!)\n        controlHandler.currentIndex = fromIndex == 0 ? 0 : fromIndex + 1\n\n        nodes.splice(controlHandler.currentIndex, 0, {\n          id: newId,\n          position: point,\n          name: '',\n          connections: []\n        })\n\n        fromNode!.connections.push(newId)\n        path.splice(controlHandler.currentIndex, 0, point)\n      } else {\n        const fromNode = nodes.find(node => node.id === from)\n        controlHandler.currentIndex = nodes.indexOf(fromNode!) + 1\n\n        nodes.splice(controlHandler.currentIndex, 0, {\n          id: newId,\n          position: point,\n          name: '',\n          connections: [to]\n        })\n\n        const connections = fromNode!.connections\n        connections.splice(connections.indexOf(to), 1, newId)\n\n        path.splice(controlHandler.currentIndex, 0, point)\n      }\n    })\n  },\n\n  ondragmove: function (point, index, component) {\n    component.mutatePath(null, function (path) {\n      path[controlHandler.currentIndex] = point\n    })\n  },\n\n  ondragend: function (point, index, component) {}\n}\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'nodes',\n      label: 'nodes',\n      name: 'nodes'\n    }\n  ],\n  help: 'scene/component/node-path'\n}\n\nexport default class NodePath extends Line {\n  static get nature() {\n    return NATURE\n  }\n\n  // 상태 프로퍼티에 타입 어노테이션을 추가합니다\n  declare state: NodePathState\n\n  get path(): Position[] {\n    return this.state.nodes.map(node => node.position)\n  }\n\n  set path(path: Position[]) {\n    const nodes = this.state.nodes || []\n\n    this.set(\n      'nodes',\n      nodes.map((node, index) => ({ ...node, position: path[index] }))\n    )\n  }\n\n  contains(x: number, y: number): boolean {\n    var path = this.path\n    var result = false\n\n    path.forEach((p, idx) => {\n      let j = (idx + path.length + 1) % path.length\n\n      let x1 = p.x\n      let y1 = p.y\n      let x2 = path[j].x\n      let y2 = path[j].y\n\n      if (y1 > y != y2 > y && x < ((x2 - x1) * (y - y1)) / (y2 - y1) + x1) result = !result\n    })\n\n    return result\n  }\n\n  render(ctx: CanvasRenderingContext2D): void {\n    // 모든 연결 렌더링\n    this.renderConnections(ctx)\n\n    // 모든 노드 렌더링\n    this.renderNodes(ctx)\n  }\n\n  renderConnections(ctx: CanvasRenderingContext2D): void {\n    const { nodes = [], lineColor = '#000', lineWidth = 1 } = this.state\n\n    nodes.forEach(node => {\n      const { x: x1, y: y1 } = node.position\n      const connections = node.connections || []\n\n      connections.forEach(targetId => {\n        const targetNode = this.findNodeById(targetId)\n        if (targetNode) {\n          const { x: x2, y: y2 } = targetNode.position\n\n          ctx.beginPath()\n          ctx.moveTo(x1, y1)\n          ctx.lineTo(x2, y2)\n          ctx.strokeStyle = lineColor\n          ctx.lineWidth = lineWidth\n\n          ctx.stroke()\n        }\n      })\n    })\n  }\n\n  renderNodes(ctx: CanvasRenderingContext2D): void {\n    const { nodes = [], fillStyle = '#fff', strokeStyle = '#000' } = this.state\n\n    nodes.forEach(node => {\n      const { x, y } = node.position\n\n      ctx.beginPath()\n\n      ctx.arc(x, y, 10, 0, Math.PI * 2)\n\n      ctx.fillStyle = fillStyle\n      ctx.strokeStyle = strokeStyle\n\n      ctx.fill()\n    })\n  }\n\n  findNodeById(id: string): Node | undefined {\n    const nodes = this.state.nodes || []\n    return nodes.find(node => node.id === id)\n  }\n\n  findNodeIndexById(id: string): number {\n    const nodes = this.state.nodes || []\n    return nodes.findIndex(node => node.id === id)\n  }\n\n  addNode(x: number, y: number, name: string = '', type: string = 'normal'): string {\n    const nodes = [...(this.state.nodes || [])]\n    const nodeId = `${Date.now()}`\n\n    const node: Node = {\n      id: nodeId,\n      position: { x, y },\n      name,\n      connections: []\n    }\n\n    nodes.push(node)\n    this.setState('nodes', nodes)\n\n    return nodeId\n  }\n\n  moveNode(index: number, position: Position): void {\n    const nodes = [...(this.state.nodes || [])]\n    if (nodes[index]) {\n      nodes[index].position = position\n      this.setState('nodes', nodes)\n    }\n  }\n\n  connectNodes(sourceId: string, targetId: string): boolean {\n    if (sourceId === targetId) return false\n\n    const nodes = [...(this.state.nodes || [])]\n    const sourceIndex = this.findNodeIndexById(sourceId)\n    const targetIndex = this.findNodeIndexById(targetId)\n\n    if (sourceIndex >= 0 && targetIndex >= 0) {\n      // 이미 연결되어 있는지 확인\n      if (!nodes[sourceIndex].connections.includes(targetId)) {\n        nodes[sourceIndex].connections.push(targetId)\n      }\n\n      // 양방향 연결 (선택적)\n      // if (!nodes[targetIndex].connections.includes(sourceId)) {\n      //   nodes[targetIndex].connections.push(sourceId)\n      // }\n\n      this.setState('nodes', nodes)\n      return true\n    }\n\n    return false\n  }\n\n  disconnectNodes(sourceId: string, targetId: string): void {\n    const nodes = [...(this.state.nodes || [])]\n    const sourceIndex = this.findNodeIndexById(sourceId)\n    const targetIndex = this.findNodeIndexById(targetId)\n\n    if (sourceIndex >= 0) {\n      nodes[sourceIndex].connections = nodes[sourceIndex].connections.filter(id => id !== targetId)\n    }\n\n    // 양방향 연결 해제 (선택적)\n    // if (targetIndex >= 0) {\n    //   nodes[targetIndex].connections = nodes[targetIndex].connections.filter(id => id !== sourceId)\n    // }\n\n    this.setState('nodes', nodes)\n  }\n\n  removeNode(nodeId: string): void {\n    let nodes = [...(this.state.nodes || [])]\n\n    // 해당 노드 제거\n    nodes = nodes.filter(node => node.id !== nodeId)\n\n    // 다른 노드들의 연결에서도 제거\n    nodes.forEach(node => {\n      node.connections = node.connections.filter(id => id !== nodeId)\n    })\n\n    this.setState('nodes', nodes)\n  }\n\n  // 특정 노드 연결에 대한 속성 설정\n  setConnectionProperty(sourceId: string, targetId: string, propertyName: string, value: any): boolean {\n    const nodes = [...(this.state.nodes || [])]\n    const sourceIndex = this.findNodeIndexById(sourceId)\n\n    if (sourceIndex >= 0 && nodes[sourceIndex].connections.includes(targetId)) {\n      this.setState('nodes', nodes)\n      return true\n    }\n\n    return false\n  }\n\n  get controls(): Control[] {\n    var { nodes } = this.state\n    var controls = [] as Control[]\n\n    for (let i = 0; i < nodes.length; i++) {\n      const { id: sourceId, position: p1, connections = [] } = nodes[i]\n      controls.push({\n        x: p1.x,\n        y: p1.y,\n        //@ts-ignore\n        id: sourceId,\n        handler: controlHandler\n      })\n\n      connections.forEach(targetId => {\n        const targetNode = this.findNodeById(targetId)\n        const { position: p2 } = targetNode!\n\n        controls.push({\n          x: (p1.x + p2.x) / 2,\n          y: (p1.y + p2.y) / 2,\n          //@ts-ignore\n          from: sourceId,\n          //@ts-ignore\n          to: targetId,\n          handler: controlHandler\n        })\n      })\n    }\n\n    return controls\n  }\n}\n\nComponent.register('NodePath', NodePath)\n"]}

package/dist/templates/data-subscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-subscription.js","sourceRoot":"","sources":["../../src/templates/data-subscription.js"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,wCAAwC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEpF,eAAe;IACb,IAAI,EAAE,mBAAmB;IACzB,WAAW,EAAE,mBAAmB;IAChC,KAAK,EAAE,KAAK;IACZ,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,mBAAmB;QACzB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-data-subscription.png', import.meta.url).href\n\nexport default {\n  type: 'data-subscription',\n  description: 'data-subscription',\n  group: 'etc',\n  icon,\n  model: {\n    type: 'data-subscription',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}
+{"version":3,"file":"data-subscription.js","sourceRoot":"","sources":["../../src/templates/data-subscription.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,wCAAwC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEpF,eAAe;IACb,IAAI,EAAE,mBAAmB;IACzB,WAAW,EAAE,mBAAmB;IAChC,KAAK,EAAE,KAAK;IACZ,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,mBAAmB;QACzB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACb;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-data-subscription.png', import.meta.url).href\n\nexport default {\n  type: 'data-subscription',\n  description: 'data-subscription',\n  group: 'etc',\n  icon,\n  model: {\n    type: 'data-subscription',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 100,\n    hidden: true\n  }\n}\n"]}

package/dist/templates/index.js

@@ -13,6 +13,7 @@ import Shelf from './shelf';
 import agvLine from './agv-line';
 import ohtLine from './oht-line';
 import conveyor from './conveyor';
+import NodePath from './node-path';
 export default [
     StockerCapacityBar,
     ZoneCapacityBar,
@@ -28,6 +29,7 @@ export default [
     Shuttle,
     Crane,
     Shelf,
-    Port
+    Port,
+    NodePath
 ];
 //# sourceMappingURL=index.js.map

package/dist/templates/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,wBAAwB,CAAA;AACvD,OAAO,eAAe,MAAM,qBAAqB,CAAA;AACjD,OAAO,QAAQ,MAAM,aAAa,CAAA;AAElC,OAAO,GAAG,MAAM,OAAO,CAAA;AACvB,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,GAAG,MAAM,OAAO,CAAA;AACvB,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,eAAe;IACb,kBAAkB;IAClB,eAAe;IACf,QAAQ;IAER,MAAM;IACN,OAAO;IACP,SAAS;IAET,OAAO;IACP,OAAO;IACP,QAAQ;IAER,GAAG;IACH,GAAG;IACH,OAAO;IACP,KAAK;IACL,KAAK;IACL,IAAI;CACL,CAAA","sourcesContent":["import StockerCapacityBar from './stocker-capacity-bar'\nimport ZoneCapacityBar from './zone-capacity-bar'\nimport PortFlow from './port-flow'\n\nimport AGV from './agv'\nimport Buffer from './buffer'\nimport Equipment from './equipment'\nimport OHT from './oht'\nimport Stocker from './stocker'\n\nimport Shuttle from './shuttle'\nimport Port from './port'\nimport Crane from './crane'\nimport Shelf from './shelf'\n\nimport agvLine from './agv-line'\nimport ohtLine from './oht-line'\nimport conveyor from './conveyor'\n\nexport default [\n  StockerCapacityBar,\n  ZoneCapacityBar,\n  PortFlow,\n\n  Buffer,\n  Stocker,\n  Equipment,\n\n  agvLine,\n  ohtLine,\n  conveyor,\n\n  AGV,\n  OHT,\n  Shuttle,\n  Crane,\n  Shelf,\n  Port\n]\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,wBAAwB,CAAA;AACvD,OAAO,eAAe,MAAM,qBAAqB,CAAA;AACjD,OAAO,QAAQ,MAAM,aAAa,CAAA;AAElC,OAAO,GAAG,MAAM,OAAO,CAAA;AACvB,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,GAAG,MAAM,OAAO,CAAA;AACvB,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAElC,eAAe;IACb,kBAAkB;IAClB,eAAe;IACf,QAAQ;IAER,MAAM;IACN,OAAO;IACP,SAAS;IAET,OAAO;IACP,OAAO;IACP,QAAQ;IAER,GAAG;IACH,GAAG;IACH,OAAO;IACP,KAAK;IACL,KAAK;IACL,IAAI;IAEJ,QAAQ;CACT,CAAA","sourcesContent":["import StockerCapacityBar from './stocker-capacity-bar'\nimport ZoneCapacityBar from './zone-capacity-bar'\nimport PortFlow from './port-flow'\n\nimport AGV from './agv'\nimport Buffer from './buffer'\nimport Equipment from './equipment'\nimport OHT from './oht'\nimport Stocker from './stocker'\n\nimport Shuttle from './shuttle'\nimport Port from './port'\nimport Crane from './crane'\nimport Shelf from './shelf'\n\nimport agvLine from './agv-line'\nimport ohtLine from './oht-line'\nimport conveyor from './conveyor'\n\nimport NodePath from './node-path'\n\nexport default [\n  StockerCapacityBar,\n  ZoneCapacityBar,\n  PortFlow,\n\n  Buffer,\n  Stocker,\n  Equipment,\n\n  agvLine,\n  ohtLine,\n  conveyor,\n\n  AGV,\n  OHT,\n  Shuttle,\n  Crane,\n  Shelf,\n  Port,\n\n  NodePath\n]\n"]}

package/dist/templates/node-path.js

@@ -0,0 +1,48 @@
+const nodePath = new URL('../../icons/node-path.png', import.meta.url).href;
+export default {
+    type: 'NodePath',
+    description: 'node path',
+    icon: nodePath,
+    group: ['etc'],
+    model: {
+        type: 'NodePath',
+        left: 100,
+        top: 100,
+        width: 20,
+        height: 20,
+        fillStyle: '#fff',
+        strokeStyle: 'rgb(0, 0, 0, 0.2)',
+        alpha: 0.2,
+        lineWidth: 12,
+        lineDash: 'solid',
+        lineCap: 'round',
+        joinStyle: 'round',
+        nodes: [
+            {
+                id: '1',
+                position: { x: 100, y: 100 },
+                name: 'Node 1',
+                connections: ['2']
+            },
+            {
+                id: '2',
+                position: { x: 200, y: 100 },
+                name: 'Node 2',
+                connections: ['3']
+            },
+            {
+                id: '3',
+                position: { x: 200, y: 200 },
+                name: 'Node 2',
+                connections: ['4']
+            },
+            {
+                id: '4',
+                position: { x: 100, y: 200 },
+                name: 'Node 2',
+                connections: []
+            }
+        ]
+    }
+};
+//# sourceMappingURL=node-path.js.map

package/dist/templates/node-path.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-path.js","sourceRoot":"","sources":["../../src/templates/node-path.ts"],"names":[],"mappings":"AAAA,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,2BAA2B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE3E,eAAe;IACb,IAAI,EAAE,UAAU;IAChB,WAAW,EAAE,WAAW;IACxB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,CAAC,KAAK,CAAC;IACd,KAAK,EAAE;QACL,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,GAAG;QACT,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,mBAAmB;QAChC,KAAK,EAAE,GAAG;QACV,SAAS,EAAE,EAAE;QACb,QAAQ,EAAE,OAAO;QACjB,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,OAAO;QAClB,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,GAAG;gBACP,QAAQ,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;gBAC5B,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,CAAC,GAAG,CAAC;aACnB;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,QAAQ,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;gBAC5B,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,CAAC,GAAG,CAAC;aACnB;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,QAAQ,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;gBAC5B,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,CAAC,GAAG,CAAC;aACnB;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,QAAQ,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;gBAC5B,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,EAAE;aAChB;SACF;KACF;CACF,CAAA","sourcesContent":["const nodePath = new URL('../../icons/node-path.png', import.meta.url).href\n\nexport default {\n  type: 'NodePath',\n  description: 'node path',\n  icon: nodePath,\n  group: ['etc'],\n  model: {\n    type: 'NodePath',\n    left: 100,\n    top: 100,\n    width: 20,\n    height: 20,\n    fillStyle: '#fff',\n    strokeStyle: 'rgb(0, 0, 0, 0.2)',\n    alpha: 0.2,\n    lineWidth: 12,\n    lineDash: 'solid',\n    lineCap: 'round',\n    joinStyle: 'round',\n    nodes: [\n      {\n        id: '1',\n        position: { x: 100, y: 100 },\n        name: 'Node 1',\n        connections: ['2']\n      },\n      {\n        id: '2',\n        position: { x: 200, y: 100 },\n        name: 'Node 2',\n        connections: ['3']\n      },\n      {\n        id: '3',\n        position: { x: 200, y: 200 },\n        name: 'Node 2',\n        connections: ['4']\n      },\n      {\n        id: '4',\n        position: { x: 100, y: 200 },\n        name: 'Node 2',\n        connections: []\n      }\n    ]\n  }\n}\n"]}