@operato/flow 9.0.0-beta.56 → 9.0.0-beta.62

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

@@ -1,161 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"file":"flow-toolbar.js","sourceRoot":"","sources":["../../../src/components/flow-toolbar.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,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAmB,MAAM,4BAA4B,CAAA;AACzE,OAAO,EAAE,eAAe,EAAuB,MAAM,iCAAiC,CAAA;AACtF,OAAO,EAAE,gBAAgB,EAAwB,MAAM,kCAAkC,CAAA;AAGlF,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QA6EY,gBAAW,GAAqB,MAAM,CAAA;IA+DzD,CAAC;IA7DC,MAAM;;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAA;QAC7B,MAAM,SAAS,GAAG,IAAI,KAAK,OAAO,CAAA;QAElC,OAAO,IAAI,CAAA;;0BAEW,IAAI,CAAC,UAAU,IAAI,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY;;;;UAIzE,SAAS;YACT,CAAC,CAAC,IAAI,CAAA;;gCAEgB,MAAA,IAAI,CAAC,gBAAgB,0CAAE,WAAW;gCAClC,MAAA,IAAI,CAAC,gBAAgB,0CAAE,SAAS;gCAChC,MAAA,IAAI,CAAC,gBAAgB,0CAAE,QAAQ;;;;kCAI7B,MAAA,IAAI,CAAC,gBAAgB,0CAAE,QAAQ;kCAC/B,MAAA,IAAI,CAAC,gBAAgB,0CAAE,QAAQ;kCAC/B,MAAA,IAAI,CAAC,gBAAgB,0CAAE,OAAO;kCAC9B,MAAA,IAAI,CAAC,gBAAgB,0CAAE,iBAAiB;;;;sDAIpB,IAAI,CAAC,gBAAgB;;2BAEhD,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,wBAAwB;;aAEpF;YACH,CAAC,CAAC,IAAI,CAAA,oBAAoB,MAAA,IAAI,CAAC,eAAe,0CAAE,SAAS,qBAAqB;;KAEnF,CAAA;IACH,CAAC;IAED,YAAY;IACJ,UAAU;;QAChB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAA;QACjE,MAAA,IAAI,CAAC,WAAW,0CAAE,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAC7C,CAAC;IAED,sBAAsB;IACd,gBAAgB;;QACtB,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,QAAQ,CAAA;YAAE,OAAM;QAEjE,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAA;QAE3C,IAAI,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;YAClD,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;QAClD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QAC/C,CAAC;QAED,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;IAED,8BAA8B;IAC9B,IAAY,aAAa;;QACvB,OAAO,CAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,QAAQ,EAAC,CAAC,CAAC,MAAA,IAAI,CAAC,gBAAgB,0CAAE,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;IAClH,CAAC;;AA1IM,kBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsElB,AAtEY,CAsEZ;AAE2D;IAA3D,OAAO,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;gDAAsC;AACxB;IAAhE,OAAO,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;qDAAgD;AACxC;IAA/D,OAAO,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;oDAA8C;AAEpF;IAAhB,KAAK,EAAE;gDAA+C;AA7E5C,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CA4IvB","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

@@ -1,34 +0,0 @@
-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-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

@@ -1,76 +0,0 @@
-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-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',
-    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

@@ -1 +0,0 @@
-{"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,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,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-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  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

@@ -1,11 +0,0 @@
-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

@@ -1,86 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,10 +0,0 @@
-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

@@ -1,106 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,21 +0,0 @@
-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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,16 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,11 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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