@operato/flow 9.0.0 → 9.0.2

package/dist/src/components/flow-toolbar.js

@@ -0,0 +1,161 @@
+import { __decorate } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { consume } from '@lit/context';
+import { flowContext } from '../context/flow-context.js';
+import { flowEditContext } from '../context/flow-edit-context.js';
+import { flowDebugContext } from '../context/flow-debug-context.js';
+let FlowToolbar = class FlowToolbar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.currentMode = 'edit';
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const mode = this.currentMode;
+        const debugMode = mode === 'debug';
+        return html `
+      <div class="mode">
+        <md-icon @click=${this.toggleMode}>${mode == 'edit' ? 'edit' : 'bug_report'}</md-icon>
+      </div>
+
+      <div class="subtools">
+        ${debugMode
+            ? html `
+              <!-- 기본 실행 컨트롤 -->
+              <md-icon @click=${(_a = this.flowDebugContext) === null || _a === void 0 ? void 0 : _a.executeFlow}>play_arrow</md-icon>
+              <md-icon @click=${(_b = this.flowDebugContext) === null || _b === void 0 ? void 0 : _b.pauseFlow}>pause</md-icon>
+              <md-icon @click=${(_c = this.flowDebugContext) === null || _c === void 0 ? void 0 : _c.stopFlow}>stop</md-icon>
+
+              <!-- 디버깅 스텝 실행 기능 -->
+              <div class="debug-tools">
+                <md-icon @click=${(_d = this.flowDebugContext) === null || _d === void 0 ? void 0 : _d.stepOver} title="Step Over">arrow_forward</md-icon>
+                <md-icon @click=${(_e = this.flowDebugContext) === null || _e === void 0 ? void 0 : _e.stepInto} title="Step Into">call_split</md-icon>
+                <md-icon @click=${(_f = this.flowDebugContext) === null || _f === void 0 ? void 0 : _f.stepOut} title="Step Out">exit_to_app</md-icon>
+                <md-icon @click=${(_g = this.flowDebugContext) === null || _g === void 0 ? void 0 : _g.continueExecution} title="Continue">fast_forward</md-icon>
+              </div>
+
+              <!-- 브레이크포인트 관리 -->
+              <div class="breakpoint-toggle" @click=${this.toggleBreakpoint}>
+                <span>Toggle Breakpoint</span>
+                <md-icon>${this.hasBreakpoint ? 'radio_button_checked' : 'radio_button_unchecked'}</md-icon>
+              </div>
+            `
+            : html ` <md-icon @click=${(_h = this.flowEditContext) === null || _h === void 0 ? void 0 : _h.runLayout}>graph_4</md-icon> `}
+      </div>
+    `;
+    }
+    /** 모드 전환 */
+    toggleMode() {
+        var _a;
+        this.currentMode = this.currentMode === 'edit' ? 'debug' : 'edit';
+        (_a = this.flowContext) === null || _a === void 0 ? void 0 : _a.setMode(this.currentMode);
+    }
+    /** 브레이크포인트 설정 / 해제 */
+    toggleBreakpoint() {
+        var _a;
+        if (!this.flowDebugContext || !((_a = this.flowContext) === null || _a === void 0 ? void 0 : _a.selected))
+            return;
+        const nodeId = this.flowContext.selected.id;
+        if (this.flowDebugContext.breakpoints.has(nodeId)) {
+            this.flowDebugContext.breakpoints.delete(nodeId);
+        }
+        else {
+            this.flowDebugContext.breakpoints.add(nodeId);
+        }
+        this.requestUpdate();
+    }
+    /** 현재 선택된 노드가 브레이크포인트인지 여부 */
+    get hasBreakpoint() {
+        var _a, _b;
+        return ((_a = this.flowContext) === null || _a === void 0 ? void 0 : _a.selected) ? (_b = this.flowDebugContext) === null || _b === void 0 ? void 0 : _b.breakpoints.has(this.flowContext.selected.id) : false;
+    }
+};
+FlowToolbar.styles = css `
+    :host {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
+
+    div.mode {
+      background: #f9f9f9;
+      border-radius: 8px;
+      padding: 8px;
+      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+    }
+
+    div.subtools {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      background: #ffffff;
+      border-radius: 8px;
+      padding: 8px;
+      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+    }
+
+    md-icon {
+      cursor: pointer;
+      transition: transform 0.2s;
+      color: #001d84;
+      font-variation-settings:
+        'FILL' 1,
+        'wght' 400,
+        'GRAD' 0,
+        'opsz' 48;
+    }
+
+    md-icon:hover {
+      transform: scale(1.1);
+    }
+
+    .subtools md-icon {
+      color: #007bff;
+    }
+
+    .debug-tools {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+      background: #eef5ff;
+      padding: 8px;
+      border-radius: 8px;
+    }
+
+    .debug-tools md-icon {
+      color: #ff9800;
+    }
+
+    .breakpoint-toggle {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 6px;
+      background: #f5f5f5;
+      border-radius: 6px;
+      cursor: pointer;
+      font-size: 14px;
+    }
+
+    .breakpoint-toggle:hover {
+      background: #ddd;
+    }
+  `;
+__decorate([
+    consume({ context: flowContext, subscribe: true })
+], FlowToolbar.prototype, "flowContext", void 0);
+__decorate([
+    consume({ context: flowDebugContext, subscribe: true })
+], FlowToolbar.prototype, "flowDebugContext", void 0);
+__decorate([
+    consume({ context: flowEditContext, subscribe: true })
+], FlowToolbar.prototype, "flowEditContext", void 0);
+__decorate([
+    state()
+], FlowToolbar.prototype, "currentMode", void 0);
+FlowToolbar = __decorate([
+    customElement('flow-toolbar')
+], FlowToolbar);
+export { FlowToolbar };
+//# sourceMappingURL=flow-toolbar.js.map

package/dist/src/components/flow-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-toolbar.js","sourceRoot":"","sources":["../../../src/components/flow-toolbar.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { consume } from '@lit/context'\n\nimport { flowContext, FlowContextType } from '../context/flow-context.js'\nimport { flowEditContext, FlowEditContextType } from '../context/flow-edit-context.js'\nimport { flowDebugContext, FlowDebugContextType } from '../context/flow-debug-context.js'\n\n@customElement('flow-toolbar')\nexport class FlowToolbar extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    div.mode {\n      background: #f9f9f9;\n      border-radius: 8px;\n      padding: 8px;\n      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n    }\n\n    div.subtools {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      background: #ffffff;\n      border-radius: 8px;\n      padding: 8px;\n      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n    }\n\n    md-icon {\n      cursor: pointer;\n      transition: transform 0.2s;\n      color: #001d84;\n      font-variation-settings:\n        'FILL' 1,\n        'wght' 400,\n        'GRAD' 0,\n        'opsz' 48;\n    }\n\n    md-icon:hover {\n      transform: scale(1.1);\n    }\n\n    .subtools md-icon {\n      color: #007bff;\n    }\n\n    .debug-tools {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      background: #eef5ff;\n      padding: 8px;\n      border-radius: 8px;\n    }\n\n    .debug-tools md-icon {\n      color: #ff9800;\n    }\n\n    .breakpoint-toggle {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 6px;\n      background: #f5f5f5;\n      border-radius: 6px;\n      cursor: pointer;\n      font-size: 14px;\n    }\n\n    .breakpoint-toggle:hover {\n      background: #ddd;\n    }\n  `\n\n  @consume({ context: flowContext, subscribe: true }) private flowContext?: FlowContextType\n  @consume({ context: flowDebugContext, subscribe: true }) private flowDebugContext?: FlowDebugContextType\n  @consume({ context: flowEditContext, subscribe: true }) private flowEditContext?: FlowEditContextType\n\n  @state() private currentMode: 'edit' | 'debug' = 'edit'\n\n  render() {\n    const mode = this.currentMode\n    const debugMode = mode === 'debug'\n\n    return html`\n      <div class=\"mode\">\n        <md-icon @click=${this.toggleMode}>${mode == 'edit' ? 'edit' : 'bug_report'}</md-icon>\n      </div>\n\n      <div class=\"subtools\">\n        ${debugMode\n          ? html`\n              <!-- 기본 실행 컨트롤 -->\n              <md-icon @click=${this.flowDebugContext?.executeFlow}>play_arrow</md-icon>\n              <md-icon @click=${this.flowDebugContext?.pauseFlow}>pause</md-icon>\n              <md-icon @click=${this.flowDebugContext?.stopFlow}>stop</md-icon>\n\n              <!-- 디버깅 스텝 실행 기능 -->\n              <div class=\"debug-tools\">\n                <md-icon @click=${this.flowDebugContext?.stepOver} title=\"Step Over\">arrow_forward</md-icon>\n                <md-icon @click=${this.flowDebugContext?.stepInto} title=\"Step Into\">call_split</md-icon>\n                <md-icon @click=${this.flowDebugContext?.stepOut} title=\"Step Out\">exit_to_app</md-icon>\n                <md-icon @click=${this.flowDebugContext?.continueExecution} title=\"Continue\">fast_forward</md-icon>\n              </div>\n\n              <!-- 브레이크포인트 관리 -->\n              <div class=\"breakpoint-toggle\" @click=${this.toggleBreakpoint}>\n                <span>Toggle Breakpoint</span>\n                <md-icon>${this.hasBreakpoint ? 'radio_button_checked' : 'radio_button_unchecked'}</md-icon>\n              </div>\n            `\n          : html` <md-icon @click=${this.flowEditContext?.runLayout}>graph_4</md-icon> `}\n      </div>\n    `\n  }\n\n  /** 모드 전환 */\n  private toggleMode() {\n    this.currentMode = this.currentMode === 'edit' ? 'debug' : 'edit'\n    this.flowContext?.setMode(this.currentMode)\n  }\n\n  /** 브레이크포인트 설정 / 해제 */\n  private toggleBreakpoint() {\n    if (!this.flowDebugContext || !this.flowContext?.selected) return\n\n    const nodeId = this.flowContext.selected.id\n\n    if (this.flowDebugContext.breakpoints.has(nodeId)) {\n      this.flowDebugContext.breakpoints.delete(nodeId)\n    } else {\n      this.flowDebugContext.breakpoints.add(nodeId)\n    }\n\n    this.requestUpdate()\n  }\n\n  /** 현재 선택된 노드가 브레이크포인트인지 여부 */\n  private get hasBreakpoint() {\n    return this.flowContext?.selected ? this.flowDebugContext?.breakpoints.has(this.flowContext.selected.id) : false\n  }\n}\n"]}

package/dist/src/components/property-editor.d.ts

@@ -0,0 +1,35 @@
+import '@operato/property-editor/ox-property-editor-3axis.js';
+import '@operato/property-editor/ox-property-editor-3dish.js';
+import '@operato/property-editor/ox-property-editor-legend.js';
+import '@operato/property-editor/ox-property-editor-description.js';
+import '@operato/property-editor/ox-property-editor-number.js';
+import '@operato/property-editor/ox-property-editor-unit-number.js';
+import '@operato/property-editor/ox-property-editor-password.js';
+import '@operato/property-editor/ox-property-editor-action.js';
+import '@operato/property-editor/ox-property-editor-angle.js';
+import '@operato/property-editor/ox-property-editor-string.js';
+import '@operato/property-editor/ox-property-editor-data.js';
+import '@operato/property-editor/ox-property-editor-date.js';
+import '@operato/property-editor/ox-property-editor-month.js';
+import '@operato/property-editor/ox-property-editor-time.js';
+import '@operato/property-editor/ox-property-editor-datetime.js';
+import '@operato/property-editor/ox-property-editor-checkbox.js';
+import '@operato/property-editor/ox-property-editor-options.js';
+import '@operato/property-editor/ox-property-editor-select.js';
+import '@operato/property-editor/ox-property-editor-scene-component-id.js';
+import '@operato/property-editor/ox-property-editor-color.js';
+import '@operato/property-editor/ox-property-editor-multiple-colors.js';
+import '@operato/property-editor/ox-property-editor-solid-colorstops.js';
+import '@operato/property-editor/ox-property-editor-gradient-colorstops.js';
+import '@operato/property-editor/ox-property-editor-textarea.js';
+import '@operato/property-editor/ox-property-editor-table.js';
+import '@operato/property-editor/ox-property-editor-key-values.js';
+import '@operato/property-editor/ox-property-editor-partition-keys.js';
+import '@operato/property-editor/ox-property-editor-value-map.js';
+import '@operato/property-editor/ox-property-editor-value-ranges.js';
+import '@operato/property-editor/ox-property-editor-hashtags.js';
+import '@operato/property-editor/ox-property-editor-image.js';
+import '@operato/property-editor/ox-property-editor-file.js';
+import '@operato/attachment/ox-property-editor-attachment-selector.js';
+import '@operato/attachment/ox-property-editor-image-selector.js';
+import '@operato/font/ox-property-editor-font-selector.js';

package/dist/src/components/property-editor.js

@@ -0,0 +1,78 @@
+import '@operato/property-editor/ox-property-editor-3axis.js';
+import '@operato/property-editor/ox-property-editor-3dish.js';
+import '@operato/property-editor/ox-property-editor-legend.js';
+import '@operato/property-editor/ox-property-editor-description.js';
+import '@operato/property-editor/ox-property-editor-number.js';
+import '@operato/property-editor/ox-property-editor-unit-number.js';
+import '@operato/property-editor/ox-property-editor-password.js';
+import '@operato/property-editor/ox-property-editor-action.js';
+import '@operato/property-editor/ox-property-editor-angle.js';
+import '@operato/property-editor/ox-property-editor-string.js';
+import '@operato/property-editor/ox-property-editor-data.js';
+import '@operato/property-editor/ox-property-editor-date.js';
+import '@operato/property-editor/ox-property-editor-month.js';
+import '@operato/property-editor/ox-property-editor-time.js';
+import '@operato/property-editor/ox-property-editor-datetime.js';
+import '@operato/property-editor/ox-property-editor-checkbox.js';
+import '@operato/property-editor/ox-property-editor-options.js';
+import '@operato/property-editor/ox-property-editor-select.js';
+import '@operato/property-editor/ox-property-editor-scene-component-id.js';
+import '@operato/property-editor/ox-property-editor-color.js';
+import '@operato/property-editor/ox-property-editor-multiple-colors.js';
+import '@operato/property-editor/ox-property-editor-solid-colorstops.js';
+import '@operato/property-editor/ox-property-editor-gradient-colorstops.js';
+import '@operato/property-editor/ox-property-editor-textarea.js';
+import '@operato/property-editor/ox-property-editor-table.js';
+import '@operato/property-editor/ox-property-editor-key-values.js';
+import '@operato/property-editor/ox-property-editor-partition-keys.js';
+import '@operato/property-editor/ox-property-editor-value-map.js';
+import '@operato/property-editor/ox-property-editor-value-ranges.js';
+import '@operato/property-editor/ox-property-editor-hashtags.js';
+import '@operato/property-editor/ox-property-editor-image.js';
+import '@operato/property-editor/ox-property-editor-file.js';
+import '@operato/attachment/ox-property-editor-attachment-selector.js';
+import '@operato/attachment/ox-property-editor-image-selector.js';
+import '@operato/font/ox-property-editor-font-selector.js';
+import { OxPropertyEditor } from '@operato/property-editor';
+OxPropertyEditor.register({
+    legend: 'ox-property-editor-legend',
+    description: 'ox-property-editor-description',
+    number: 'ox-property-editor-number',
+    'unit-number': 'ox-property-editor-unit-number',
+    slider: 'ox-property-editor-range',
+    password: 'ox-property-editor-password',
+    action: 'ox-property-editor-action',
+    angle: 'ox-property-editor-angle',
+    string: 'ox-property-editor-string',
+    textarea: 'ox-property-editor-textarea',
+    javascript: 'ox-property-editor-textarea',
+    script: 'ox-property-editor-textarea',
+    checkbox: 'ox-property-editor-checkbox',
+    boolean: 'ox-property-editor-checkbox',
+    select: 'ox-property-editor-select',
+    date: 'ox-property-editor-date',
+    month: 'ox-property-editor-month',
+    datetime: 'ox-property-editor-datetime',
+    time: 'ox-property-editor-time',
+    options: 'ox-property-editor-options',
+    data: 'ox-property-editor-data',
+    file: 'ox-property-editor-file',
+    image: 'ox-property-editor-image',
+    'range-input': 'ox-property-editor-range',
+    'attachment-selector': 'ox-property-editor-attachment-selector',
+    'gltf-selector': 'ox-property-editor-attachment-selector',
+    'image-selector': 'ox-property-editor-image-selector',
+    color: 'ox-property-editor-color',
+    'solid-color-stops': 'ox-property-editor-solid-colorstops',
+    'gradient-color-stops': 'ox-property-editor-gradient-colorstops',
+    'multiple-color': 'ox-property-editor-multiple-colors',
+    map: 'ox-property-editor-value-map',
+    range: 'ox-property-editor-value-ranges',
+    'editor-table': 'ox-property-editor-table',
+    'id-input': 'ox-property-editor-scene-component-id',
+    'font-selector': 'ox-property-editor-font-selector',
+    'partition-keys': 'ox-property-editor-partion-keys',
+    'key-values': 'ox-property-editor-key-values',
+    hashtags: 'ox-property-editor-hashtags'
+});
+//# sourceMappingURL=property-editor.js.map

package/dist/src/components/property-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"property-editor.js","sourceRoot":"","sources":["../../../src/components/property-editor.ts"],"names":[],"mappings":"AAAA,OAAO,sDAAsD,CAAA;AAC7D,OAAO,sDAAsD,CAAA;AAC7D,OAAO,uDAAuD,CAAA;AAC9D,OAAO,4DAA4D,CAAA;AACnE,OAAO,uDAAuD,CAAA;AAC9D,OAAO,4DAA4D,CAAA;AACnE,OAAO,yDAAyD,CAAA;AAChE,OAAO,uDAAuD,CAAA;AAC9D,OAAO,sDAAsD,CAAA;AAC7D,OAAO,uDAAuD,CAAA;AAC9D,OAAO,qDAAqD,CAAA;AAC5D,OAAO,qDAAqD,CAAA;AAC5D,OAAO,sDAAsD,CAAA;AAC7D,OAAO,qDAAqD,CAAA;AAC5D,OAAO,yDAAyD,CAAA;AAChE,OAAO,yDAAyD,CAAA;AAChE,OAAO,wDAAwD,CAAA;AAC/D,OAAO,uDAAuD,CAAA;AAC9D,OAAO,mEAAmE,CAAA;AAC1E,OAAO,sDAAsD,CAAA;AAC7D,OAAO,gEAAgE,CAAA;AACvE,OAAO,iEAAiE,CAAA;AACxE,OAAO,oEAAoE,CAAA;AAC3E,OAAO,yDAAyD,CAAA;AAChE,OAAO,sDAAsD,CAAA;AAC7D,OAAO,2DAA2D,CAAA;AAClE,OAAO,+DAA+D,CAAA;AACtE,OAAO,0DAA0D,CAAA;AACjE,OAAO,6DAA6D,CAAA;AACpE,OAAO,yDAAyD,CAAA;AAChE,OAAO,sDAAsD,CAAA;AAC7D,OAAO,qDAAqD,CAAA;AAC5D,OAAO,+DAA+D,CAAA;AACtE,OAAO,0DAA0D,CAAA;AACjE,OAAO,mDAAmD,CAAA;AAE1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAE3D,gBAAgB,CAAC,QAAQ,CAAC;IACxB,MAAM,EAAE,2BAA2B;IACnC,WAAW,EAAE,gCAAgC;IAC7C,MAAM,EAAE,2BAA2B;IACnC,aAAa,EAAE,gCAAgC;IAC/C,MAAM,EAAE,0BAA0B;IAClC,QAAQ,EAAE,6BAA6B;IACvC,MAAM,EAAE,2BAA2B;IACnC,KAAK,EAAE,0BAA0B;IACjC,MAAM,EAAE,2BAA2B;IACnC,QAAQ,EAAE,6BAA6B;IACvC,UAAU,EAAE,6BAA6B;IACzC,MAAM,EAAE,6BAA6B;IACrC,QAAQ,EAAE,6BAA6B;IACvC,OAAO,EAAE,6BAA6B;IACtC,MAAM,EAAE,2BAA2B;IACnC,IAAI,EAAE,yBAAyB;IAC/B,KAAK,EAAE,0BAA0B;IACjC,QAAQ,EAAE,6BAA6B;IACvC,IAAI,EAAE,yBAAyB;IAC/B,OAAO,EAAE,4BAA4B;IACrC,IAAI,EAAE,yBAAyB;IAC/B,IAAI,EAAE,yBAAyB;IAC/B,KAAK,EAAE,0BAA0B;IACjC,aAAa,EAAE,0BAA0B;IACzC,qBAAqB,EAAE,wCAAwC;IAC/D,eAAe,EAAE,wCAAwC;IACzD,gBAAgB,EAAE,mCAAmC;IACrD,KAAK,EAAE,0BAA0B;IACjC,mBAAmB,EAAE,qCAAqC;IAC1D,sBAAsB,EAAE,wCAAwC;IAChE,gBAAgB,EAAE,oCAAoC;IACtD,GAAG,EAAE,8BAA8B;IACnC,KAAK,EAAE,iCAAiC;IACxC,cAAc,EAAE,0BAA0B;IAC1C,UAAU,EAAE,uCAAuC;IACnD,eAAe,EAAE,kCAAkC;IACnD,gBAAgB,EAAE,iCAAiC;IACnD,YAAY,EAAE,+BAA+B;IAC7C,QAAQ,EAAE,6BAA6B;CACxC,CAAC,CAAA","sourcesContent":["import '@operato/property-editor/ox-property-editor-3axis.js'\nimport '@operato/property-editor/ox-property-editor-3dish.js'\nimport '@operato/property-editor/ox-property-editor-legend.js'\nimport '@operato/property-editor/ox-property-editor-description.js'\nimport '@operato/property-editor/ox-property-editor-number.js'\nimport '@operato/property-editor/ox-property-editor-unit-number.js'\nimport '@operato/property-editor/ox-property-editor-password.js'\nimport '@operato/property-editor/ox-property-editor-action.js'\nimport '@operato/property-editor/ox-property-editor-angle.js'\nimport '@operato/property-editor/ox-property-editor-string.js'\nimport '@operato/property-editor/ox-property-editor-data.js'\nimport '@operato/property-editor/ox-property-editor-date.js'\nimport '@operato/property-editor/ox-property-editor-month.js'\nimport '@operato/property-editor/ox-property-editor-time.js'\nimport '@operato/property-editor/ox-property-editor-datetime.js'\nimport '@operato/property-editor/ox-property-editor-checkbox.js'\nimport '@operato/property-editor/ox-property-editor-options.js'\nimport '@operato/property-editor/ox-property-editor-select.js'\nimport '@operato/property-editor/ox-property-editor-scene-component-id.js'\nimport '@operato/property-editor/ox-property-editor-color.js'\nimport '@operato/property-editor/ox-property-editor-multiple-colors.js'\nimport '@operato/property-editor/ox-property-editor-solid-colorstops.js'\nimport '@operato/property-editor/ox-property-editor-gradient-colorstops.js'\nimport '@operato/property-editor/ox-property-editor-textarea.js'\nimport '@operato/property-editor/ox-property-editor-table.js'\nimport '@operato/property-editor/ox-property-editor-key-values.js'\nimport '@operato/property-editor/ox-property-editor-partition-keys.js'\nimport '@operato/property-editor/ox-property-editor-value-map.js'\nimport '@operato/property-editor/ox-property-editor-value-ranges.js'\nimport '@operato/property-editor/ox-property-editor-hashtags.js'\nimport '@operato/property-editor/ox-property-editor-image.js'\nimport '@operato/property-editor/ox-property-editor-file.js'\nimport '@operato/attachment/ox-property-editor-attachment-selector.js'\nimport '@operato/attachment/ox-property-editor-image-selector.js'\nimport '@operato/font/ox-property-editor-font-selector.js'\n\nimport { OxPropertyEditor } from '@operato/property-editor'\n\nOxPropertyEditor.register({\n  legend: 'ox-property-editor-legend',\n  description: 'ox-property-editor-description',\n  number: 'ox-property-editor-number',\n  'unit-number': 'ox-property-editor-unit-number',\n  slider: 'ox-property-editor-range',\n  password: 'ox-property-editor-password',\n  action: 'ox-property-editor-action',\n  angle: 'ox-property-editor-angle',\n  string: 'ox-property-editor-string',\n  textarea: 'ox-property-editor-textarea',\n  javascript: 'ox-property-editor-textarea',\n  script: 'ox-property-editor-textarea',\n  checkbox: 'ox-property-editor-checkbox',\n  boolean: 'ox-property-editor-checkbox',\n  select: 'ox-property-editor-select',\n  date: 'ox-property-editor-date',\n  month: 'ox-property-editor-month',\n  datetime: 'ox-property-editor-datetime',\n  time: 'ox-property-editor-time',\n  options: 'ox-property-editor-options',\n  data: 'ox-property-editor-data',\n  file: 'ox-property-editor-file',\n  image: 'ox-property-editor-image',\n  'range-input': 'ox-property-editor-range',\n  'attachment-selector': 'ox-property-editor-attachment-selector',\n  'gltf-selector': 'ox-property-editor-attachment-selector',\n  'image-selector': 'ox-property-editor-image-selector',\n  color: 'ox-property-editor-color',\n  'solid-color-stops': 'ox-property-editor-solid-colorstops',\n  'gradient-color-stops': 'ox-property-editor-gradient-colorstops',\n  'multiple-color': 'ox-property-editor-multiple-colors',\n  map: 'ox-property-editor-value-map',\n  range: 'ox-property-editor-value-ranges',\n  'editor-table': 'ox-property-editor-table',\n  'id-input': 'ox-property-editor-scene-component-id',\n  'font-selector': 'ox-property-editor-font-selector',\n  'partition-keys': 'ox-property-editor-partion-keys',\n  'key-values': 'ox-property-editor-key-values',\n  hashtags: 'ox-property-editor-hashtags'\n})\n"]}

package/dist/src/components/property-panel/data-mapper-popup.d.ts

@@ -0,0 +1,11 @@
+import '@operato/data-mapper';
+import { LitElement } from 'lit';
+import { FlowEdge, FlowNode } from '../../types.js';
+export declare class DataMapperPopup extends LitElement {
+    static styles: import("lit").CSSResult[];
+    edge: FlowEdge;
+    nodes: FlowNode[];
+    render(): import("lit-html").TemplateResult<1>;
+    onChangeMappings: (e: CustomEvent) => void;
+    private updateMapping;
+}

package/dist/src/components/property-panel/data-mapper-popup.js

@@ -0,0 +1,86 @@
+import { __decorate } from "tslib";
+import '@operato/data-mapper';
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { CommonHeaderStyles } from '@operato/styles';
+import { i18next } from '@operato/i18n';
+import { convertNodesToTree, convertSchemaToTree /*convertMappings*/ } from '../../utils/generate-mapping-scheme.js';
+let DataMapperPopup = class DataMapperPopup extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.onChangeMappings = (e) => {
+            e.stopPropagation();
+            this.edge.dataMappings = e.detail;
+        };
+        this.updateMapping = (e) => {
+            e.stopPropagation();
+            this.dispatchEvent(new CustomEvent('change', {
+                detail: this.edge.dataMappings
+            }));
+        };
+    }
+    render() {
+        const { toAnchor, dataMappings } = this.edge;
+        const inputSchema = toAnchor === null || toAnchor === void 0 ? void 0 : toAnchor.node.inputSchema;
+        const toNode = toAnchor === null || toAnchor === void 0 ? void 0 : toAnchor.node;
+        const sourceSchema = convertNodesToTree(this.nodes, toNode ? [toNode] : []);
+        const targetSchema = convertSchemaToTree(inputSchema, toAnchor === null || toAnchor === void 0 ? void 0 : toAnchor.node.label);
+        return html `
+      <div class="header">
+        <div class="title">Function Box</div>
+      </div>
+
+      <ox-data-mapper
+        .sourceSchema=${sourceSchema}
+        .targetSchema=${targetSchema}
+        .mappings=${dataMappings}
+        @change=${this.onChangeMappings}
+      >
+      </ox-data-mapper>
+
+      <div class="footer">
+        <div filler></div>
+        <button @click=${this.updateMapping} done><md-icon>save</md-icon>${i18next.t('button.save')}</button>
+      </div>
+    `;
+    }
+};
+DataMapperPopup.styles = [
+    CommonHeaderStyles,
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        background: white;
+        background-color: var(--md-sys-color-surface);
+        color: var(--md-sys-color-primary);
+
+        z-index: 1;
+      }
+
+      .header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 10px;
+      }
+
+      ox-data-mapper {
+        flex: 1;
+        padding: 0 20px;
+        overflow-y: auto;
+      }
+    `
+];
+__decorate([
+    property({ type: Object })
+], DataMapperPopup.prototype, "edge", void 0);
+__decorate([
+    property({ type: Array })
+], DataMapperPopup.prototype, "nodes", void 0);
+DataMapperPopup = __decorate([
+    customElement('data-mapper-popup')
+], DataMapperPopup);
+export { DataMapperPopup };
+//# sourceMappingURL=data-mapper-popup.js.map

package/dist/src/components/property-panel/data-mapper-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-mapper-popup.js","sourceRoot":"","sources":["../../../../src/components/property-panel/data-mapper-popup.ts"],"names":[],"mappings":";AAAA,OAAO,sBAAsB,CAAA;AAE7B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAIvC,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,CAAC,mBAAmB,EAAE,MAAM,wCAAwC,CAAA;AAG7G,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QA8DL,qBAAgB,GAAG,CAAC,CAAc,EAAE,EAAE;YACpC,CAAC,CAAC,eAAe,EAAE,CAAA;YAEnB,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,MAAM,CAAA;QACnC,CAAC,CAAA;QAEO,kBAAa,GAAG,CAAC,CAAQ,EAAE,EAAE;YACnC,CAAC,CAAC,eAAe,EAAE,CAAA;YAEnB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;gBACxB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,YAAY;aAC/B,CAAC,CACH,CAAA;QACH,CAAC,CAAA;IACH,CAAC;IA5CC,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,IAAI,CAAA;QAE5C,MAAM,WAAW,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAC,WAAW,CAAA;QAC9C,MAAM,MAAM,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAA;QAE7B,MAAM,YAAY,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;QAC3E,MAAM,YAAY,GAAa,mBAAmB,CAAC,WAAY,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAE,KAAM,CAAC,CAAA;QAExF,OAAO,IAAI,CAAA;;;;;;wBAMS,YAAY;wBACZ,YAAY;oBAChB,YAAY;kBACd,IAAI,CAAC,gBAAgB;;;;;;yBAMd,IAAI,CAAC,aAAa,gCAAgC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;;KAE9F,CAAA;IACH,CAAC;;AA3DM,sBAAM,GAAG;IACd,kBAAkB;IAClB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;KAwBF;CACF,AA3BY,CA2BZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAgB;AAChB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;8CAAmB;AA/BlC,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA6E3B","sourcesContent":["import '@operato/data-mapper'\n\nimport { LitElement, html, css } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { CommonHeaderStyles } from '@operato/styles'\nimport { i18next } from '@operato/i18n'\nimport { TreeNode } from '@operato/data-mapper'\n\nimport { FlowEdge, FlowNode } from '../../types.js'\nimport { convertNodesToTree, convertSchemaToTree /*convertMappings*/ } from '../../utils/generate-mapping-scheme.js'\n\n@customElement('data-mapper-popup')\nexport class DataMapperPopup extends LitElement {\n  static styles = [\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n        background: white;\n        background-color: var(--md-sys-color-surface);\n        color: var(--md-sys-color-primary);\n\n        z-index: 1;\n      }\n\n      .header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 10px;\n      }\n\n      ox-data-mapper {\n        flex: 1;\n        padding: 0 20px;\n        overflow-y: auto;\n      }\n    `\n  ]\n\n  @property({ type: Object }) edge!: FlowEdge\n  @property({ type: Array }) nodes!: FlowNode[]\n\n  render() {\n    const { toAnchor, dataMappings } = this.edge\n\n    const inputSchema = toAnchor?.node.inputSchema\n    const toNode = toAnchor?.node\n\n    const sourceSchema = convertNodesToTree(this.nodes, toNode ? [toNode] : [])\n    const targetSchema: TreeNode = convertSchemaToTree(inputSchema!, toAnchor?.node!.label!)\n\n    return html`\n      <div class=\"header\">\n        <div class=\"title\">Function Box</div>\n      </div>\n\n      <ox-data-mapper\n        .sourceSchema=${sourceSchema}\n        .targetSchema=${targetSchema}\n        .mappings=${dataMappings}\n        @change=${this.onChangeMappings}\n      >\n      </ox-data-mapper>\n\n      <div class=\"footer\">\n        <div filler></div>\n        <button @click=${this.updateMapping} done><md-icon>save</md-icon>${i18next.t('button.save')}</button>\n      </div>\n    `\n  }\n\n  onChangeMappings = (e: CustomEvent) => {\n    e.stopPropagation()\n\n    this.edge.dataMappings = e.detail\n  }\n\n  private updateMapping = (e: Event) => {\n    e.stopPropagation()\n\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: this.edge.dataMappings\n      })\n    )\n  }\n}\n"]}

package/dist/src/components/property-panel/task-selection-popup.d.ts

@@ -0,0 +1,10 @@
+import { LitElement } from 'lit';
+export declare class TaskSelectionPopup extends LitElement {
+    static styles: import("lit").CSSResult;
+    private searchQuery;
+    private selectedGroup;
+    render(): import("lit-html").TemplateResult<1>;
+    private onSearchInput;
+    private toggleGroup;
+    private selectTask;
+}

package/dist/src/components/property-panel/task-selection-popup.js

@@ -0,0 +1,106 @@
+import { __decorate } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { TaskGroups } from '../../api/tasks.js';
+let TaskSelectionPopup = class TaskSelectionPopup extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.searchQuery = '';
+        this.selectedGroup = null;
+    }
+    render() {
+        return html `
+      <div class="header">
+        <h3>Select a Task</h3>
+      </div>
+
+      <input class="search-box" type="text" placeholder="Search..." @input=${this.onSearchInput} />
+
+      <div>
+        ${Object.entries(TaskGroups).map(([group, tasks]) => this.searchQuery && !tasks.some(task => task.name.includes(this.searchQuery))
+            ? ''
+            : html `
+                <div class="task-group" @click=${() => this.toggleGroup(group)}>${group}</div>
+                ${this.selectedGroup === group
+                ? html `
+                      <div class="task-list">
+                        ${tasks
+                    .filter(task => task.name.includes(this.searchQuery))
+                    .map(task => html `
+                              <div class="task-item" @click=${() => this.selectTask(task)}>${task.name}</div>
+                            `)}
+                      </div>
+                    `
+                : ''}
+              `)}
+      </div>
+    `;
+    }
+    onSearchInput(e) {
+        this.searchQuery = e.target.value;
+    }
+    toggleGroup(group) {
+        this.selectedGroup = this.selectedGroup === group ? null : group;
+    }
+    selectTask(task) {
+        this.dispatchEvent(new CustomEvent('task-selected', { detail: task, bubbles: true }));
+    }
+};
+TaskSelectionPopup.styles = css `
+    :host {
+      display: block;
+      height: 100%;
+      background: white;
+      padding: 20px;
+      overflow-y: auto;
+      z-index: 1;
+    }
+
+    .header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 10px;
+    }
+
+    .search-box {
+      width: 100%;
+      padding: 8px;
+      margin-bottom: 10px;
+      border: 1px solid #ccc;
+      border-radius: 4px;
+    }
+
+    .task-group {
+      font-weight: bold;
+      padding: 6px;
+      background-color: #f4f4f4;
+      border-radius: 4px;
+      cursor: pointer;
+    }
+
+    .task-list {
+      padding-left: 12px;
+    }
+
+    .task-item {
+      padding: 4px;
+      cursor: pointer;
+      border-radius: 4px;
+    }
+
+    .task-item:hover {
+      background-color: #e0e0e0;
+    }
+  `;
+__decorate([
+    state()
+], TaskSelectionPopup.prototype, "searchQuery", void 0);
+__decorate([
+    state()
+], TaskSelectionPopup.prototype, "selectedGroup", void 0);
+TaskSelectionPopup = __decorate([
+    customElement('task-selection-popup')
+], TaskSelectionPopup);
+export { TaskSelectionPopup };
+//# sourceMappingURL=task-selection-popup.js.map

package/dist/src/components/property-panel/task-selection-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-selection-popup.js","sourceRoot":"","sources":["../../../../src/components/property-panel/task-selection-popup.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAIxC,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAiDY,gBAAW,GAAW,EAAE,CAAA;QACxB,kBAAa,GAAkB,IAAI,CAAA;IA8CtD,CAAC;IA5CC,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;6EAK8D,IAAI,CAAC,aAAa;;;UAGrF,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CAClD,IAAI,CAAC,WAAW,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAC3E,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,IAAI,CAAA;iDAC+B,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,KAAK;kBACrE,IAAI,CAAC,aAAa,KAAK,KAAK;gBAC5B,CAAC,CAAC,IAAI,CAAA;;0BAEE,KAAK;qBACJ,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;qBACpD,GAAG,CACF,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;8DACsB,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI;6BACzE,CACF;;qBAEN;gBACH,CAAC,CAAC,EAAE;eACP,CACN;;KAEJ,CAAA;IACH,CAAC;IAEO,aAAa,CAAC,CAAQ;QAC5B,IAAI,CAAC,WAAW,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAA;IACzD,CAAC;IAEO,WAAW,CAAC,KAAa;QAC/B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IAClE,CAAC;IAEO,UAAU,CAAC,IAAc;QAC/B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IACvF,CAAC;;AA9FM,yBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8ClB,AA9CY,CA8CZ;AAEgB;IAAhB,KAAK,EAAE;uDAAiC;AACxB;IAAhB,KAAK,EAAE;yDAA4C;AAlDzC,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAgG9B","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { TaskGroups } from '../../api/tasks.js'\nimport { TaskType } from '../../types.js'\n\n@customElement('task-selection-popup')\nexport class TaskSelectionPopup extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      height: 100%;\n      background: white;\n      padding: 20px;\n      overflow-y: auto;\n      z-index: 1;\n    }\n\n    .header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 10px;\n    }\n\n    .search-box {\n      width: 100%;\n      padding: 8px;\n      margin-bottom: 10px;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n    }\n\n    .task-group {\n      font-weight: bold;\n      padding: 6px;\n      background-color: #f4f4f4;\n      border-radius: 4px;\n      cursor: pointer;\n    }\n\n    .task-list {\n      padding-left: 12px;\n    }\n\n    .task-item {\n      padding: 4px;\n      cursor: pointer;\n      border-radius: 4px;\n    }\n\n    .task-item:hover {\n      background-color: #e0e0e0;\n    }\n  `\n\n  @state() private searchQuery: string = ''\n  @state() private selectedGroup: string | null = null\n\n  render() {\n    return html`\n      <div class=\"header\">\n        <h3>Select a Task</h3>\n      </div>\n\n      <input class=\"search-box\" type=\"text\" placeholder=\"Search...\" @input=${this.onSearchInput} />\n\n      <div>\n        ${Object.entries(TaskGroups).map(([group, tasks]) =>\n          this.searchQuery && !tasks.some(task => task.name.includes(this.searchQuery))\n            ? ''\n            : html`\n                <div class=\"task-group\" @click=${() => this.toggleGroup(group)}>${group}</div>\n                ${this.selectedGroup === group\n                  ? html`\n                      <div class=\"task-list\">\n                        ${tasks\n                          .filter(task => task.name.includes(this.searchQuery))\n                          .map(\n                            task => html`\n                              <div class=\"task-item\" @click=${() => this.selectTask(task)}>${task.name}</div>\n                            `\n                          )}\n                      </div>\n                    `\n                  : ''}\n              `\n        )}\n      </div>\n    `\n  }\n\n  private onSearchInput(e: Event) {\n    this.searchQuery = (e.target as HTMLInputElement).value\n  }\n\n  private toggleGroup(group: string) {\n    this.selectedGroup = this.selectedGroup === group ? null : group\n  }\n\n  private selectTask(task: TaskType) {\n    this.dispatchEvent(new CustomEvent('task-selected', { detail: task, bubbles: true }))\n  }\n}\n"]}

package/dist/src/context/flow-context.d.ts

@@ -0,0 +1,21 @@
+import { FlowNodeImplementation, EditorMode, FlowNode, FlowEdge, FlowEntity, TaskType } from '../types.js';
+export interface FlowContextType {
+    nodes: FlowNode[];
+    edges: FlowEdge[];
+    mode: EditorMode;
+    setMode: (mode: EditorMode) => void;
+    addLog: (log: string) => void;
+    logs: string[];
+    availableNodeTypes: {
+        [type: string]: FlowNodeImplementation;
+    };
+    setAvailableNodeTypes: (nodeTypes: {
+        [type: string]: FlowNodeImplementation;
+    }) => void;
+    selected: FlowEntity | null;
+    getTaskTypes(): TaskType[];
+    getTaskType: (taskType: string) => TaskType;
+}
+export declare const flowContext: {
+    __context__: FlowContextType;
+};

package/dist/src/context/flow-context.js

@@ -0,0 +1,3 @@
+import { createContext } from '@lit/context';
+export const flowContext = createContext('flow-context');
+//# sourceMappingURL=flow-context.js.map

package/dist/src/context/flow-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-context.js","sourceRoot":"","sources":["../../../src/context/flow-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAsB5C,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAkB,cAAc,CAAC,CAAA","sourcesContent":["import { createContext } from '@lit/context'\nimport { FlowNodeImplementation, EditorMode, FlowNode, FlowEdge, FlowEntity, TaskType } from '../types.js'\n\nexport interface FlowContextType {\n  nodes: FlowNode[]\n  edges: FlowEdge[]\n\n  mode: EditorMode\n  setMode: (mode: EditorMode) => void\n\n  addLog: (log: string) => void\n  logs: string[]\n\n  availableNodeTypes: { [type: string]: FlowNodeImplementation }\n  setAvailableNodeTypes: (nodeTypes: { [type: string]: FlowNodeImplementation }) => void\n\n  selected: FlowEntity | null\n\n  getTaskTypes(): TaskType[]\n  getTaskType: (taskType: string) => TaskType\n}\n\nexport const flowContext = createContext<FlowContextType>('flow-context')\n"]}

package/dist/src/context/flow-debug-context.d.ts

@@ -0,0 +1,16 @@
+export interface FlowDebugContextType {
+    executeFlow: () => void;
+    pauseFlow: () => void;
+    stopFlow: () => void;
+    stepOver: () => void;
+    stepInto: () => void;
+    stepOut: () => void;
+    continueExecution: () => void;
+    breakpoints: Set<string>;
+    setBreakpoint: (nodeId: string) => void;
+    currentExecutionNode: string | null;
+    setCurrentExecutionNode: (nodeId: string | null) => void;
+}
+export declare const flowDebugContext: {
+    __context__: FlowDebugContextType;
+};

package/dist/src/context/flow-debug-context.js

@@ -0,0 +1,3 @@
+import { createContext } from '@lit/context';
+export const flowDebugContext = createContext('flow-debug-context');
+//# sourceMappingURL=flow-debug-context.js.map

package/dist/src/context/flow-debug-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-debug-context.js","sourceRoot":"","sources":["../../../src/context/flow-debug-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAkB5C,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAuB,oBAAoB,CAAC,CAAA","sourcesContent":["import { createContext } from '@lit/context'\n\nexport interface FlowDebugContextType {\n  executeFlow: () => void\n  pauseFlow: () => void\n  stopFlow: () => void\n  stepOver: () => void\n  stepInto: () => void\n  stepOut: () => void\n  continueExecution: () => void\n\n  breakpoints: Set<string>\n  setBreakpoint: (nodeId: string) => void\n\n  currentExecutionNode: string | null\n  setCurrentExecutionNode: (nodeId: string | null) => void\n}\n\nexport const flowDebugContext = createContext<FlowDebugContextType>('flow-debug-context')\n"]}

package/dist/src/context/flow-edit-context.d.ts

@@ -0,0 +1,11 @@
+import { FlowEntityModel, FlowEntity } from '../types.js';
+export interface FlowEditContextType {
+    runLayout: () => void;
+    updateEntity: (entity: FlowEntity, model: Partial<FlowEntityModel>) => void;
+    updateOptions: (entity: FlowEntity, options: {
+        [key: string]: any;
+    }) => void;
+}
+export declare const flowEditContext: {
+    __context__: FlowEditContextType;
+};

package/dist/src/context/flow-edit-context.js

@@ -0,0 +1,3 @@
+import { createContext } from '@lit/context';
+export const flowEditContext = createContext('flow-edit-context');
+//# sourceMappingURL=flow-edit-context.js.map

package/dist/src/context/flow-edit-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-edit-context.js","sourceRoot":"","sources":["../../../src/context/flow-edit-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAU5C,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAsB,mBAAmB,CAAC,CAAA","sourcesContent":["import { createContext } from '@lit/context'\nimport { FlowNode, FlowEdge, FlowNodeModel, FlowEdgeModel, FlowEntityModel, FlowEntity } from '../types.js'\n\nexport interface FlowEditContextType {\n  runLayout: () => void\n\n  updateEntity: (entity: FlowEntity, model: Partial<FlowEntityModel>) => void\n  updateOptions: (entity: FlowEntity, options: { [key: string]: any }) => void\n}\n\nexport const flowEditContext = createContext<FlowEditContextType>('flow-edit-context')\n"]}

package/dist/src/handlers/dnd-event-handler.d.ts

@@ -0,0 +1,9 @@
+import { FlowEventHandler } from './flow-event-handler';
+export declare class DndEventHandler extends FlowEventHandler {
+    addEventListeners(): void;
+    removeEventListeners(): void;
+    /** 드래그 오버 허용 */
+    private allowDrop;
+    /** 노드 드롭 처리 */
+    private onDrop;
+}