@xlabs-store/core 0.0.1

package/dist/cjs/x-workflow-builder.cjs.entry.js

@@ -0,0 +1,366 @@
+'use strict';
+
+var index = require('./index-C7sKs9A2.js');
+
+const xWorkflowBuilderCss = () => `@charset "UTF-8";:root{--x-color-primary:#1677ff;--x-color-primary-rgb:22, 119, 255;--x-color-primary-contrast:#ffffff;--x-color-primary-contrast-rgb:255, 255, 255;--x-color-primary-shade:#0958d9;--x-color-primary-tint:#4096ff;--x-color-primary-bg:#e6f4ff;--x-color-primary-bg-hover:#bae0ff;--x-color-primary-border:#91caff;--x-color-primary-border-hover:#69b1ff;--x-color-primary-hover:#4096ff;--x-color-primary-active:#0958d9;--x-color-primary-text:#1677ff;--x-color-primary-text-hover:#4096ff;--x-color-primary-text-active:#0958d9;--x-color-secondary:#3dc2ff;--x-color-secondary-rgb:61, 194, 255;--x-color-secondary-contrast:#ffffff;--x-color-secondary-contrast-rgb:255, 255, 255;--x-color-secondary-shade:#36abe0;--x-color-secondary-tint:#50c8ff;--x-color-success:#52c41a;--x-color-success-rgb:82, 196, 26;--x-color-success-contrast:#ffffff;--x-color-success-contrast-rgb:255, 255, 255;--x-color-success-shade:#389e0d;--x-color-success-tint:#73d13d;--x-color-success-bg:#f6ffed;--x-color-success-bg-hover:#d9f7be;--x-color-success-border:#b7eb8f;--x-color-success-border-hover:#95de64;--x-color-success-hover:#73d13d;--x-color-success-active:#389e0d;--x-color-success-text:#52c41a;--x-color-success-text-hover:#73d13d;--x-color-success-text-active:#389e0d;--x-color-warning:#faad14;--x-color-warning-rgb:250, 173, 20;--x-color-warning-contrast:#000000;--x-color-warning-contrast-rgb:0, 0, 0;--x-color-warning-shade:#d48806;--x-color-warning-tint:#ffc53d;--x-color-warning-bg:#fffbe6;--x-color-warning-bg-hover:#fff1b8;--x-color-warning-border:#ffe58f;--x-color-warning-border-hover:#ffd666;--x-color-warning-hover:#ffc53d;--x-color-warning-active:#d48806;--x-color-warning-text:#faad14;--x-color-warning-text-hover:#ffc53d;--x-color-warning-text-active:#d48806;--x-color-danger:#ff4d4f;--x-color-danger-rgb:255, 77, 79;--x-color-danger-contrast:#ffffff;--x-color-danger-contrast-rgb:255, 255, 255;--x-color-danger-shade:#cf1322;--x-color-danger-tint:#ff7875;--x-color-error:#ff4d4f;--x-color-error-rgb:255, 77, 79;--x-color-error-bg:#fff2f0;--x-color-error-bg-hover:#ffccc7;--x-color-error-border:#ffa39e;--x-color-error-border-hover:#ff7875;--x-color-error-hover:#ff7875;--x-color-error-active:#d9363e;--x-color-error-text:#ff4d4f;--x-color-error-text-hover:#ff7875;--x-color-error-text-active:#d9363e;--x-color-info:#1677ff;--x-color-info-rgb:22, 119, 255;--x-color-info-bg:#e6f4ff;--x-color-info-bg-hover:#bae0ff;--x-color-info-border:#91caff;--x-color-info-border-hover:#69b1ff;--x-color-info-hover:#69b1ff;--x-color-info-active:#0958d9;--x-color-info-text:#1677ff;--x-color-info-text-hover:#69b1ff;--x-color-info-text-active:#0958d9;--x-color-text:rgba(0, 0, 0, 0.88);--x-color-text-secondary:rgba(0, 0, 0, 0.65);--x-color-text-tertiary:rgba(0, 0, 0, 0.45);--x-color-text-quaternary:rgba(0, 0, 0, 0.25);--x-color-text-disabled:rgba(0, 0, 0, 0.25);--x-color-text-placeholder:rgba(0, 0, 0, 0.25);--x-color-text-heading:rgba(0, 0, 0, 0.88);--x-color-text-label:rgba(0, 0, 0, 0.65);--x-color-text-description:rgba(0, 0, 0, 0.45);--x-color-text-light-solid:#ffffff;--x-color-bg-container:#ffffff;--x-color-bg-elevated:#ffffff;--x-color-bg-layout:#f5f5f5;--x-color-bg-spotlight:rgba(0, 0, 0, 0.85);--x-color-bg-mask:rgba(0, 0, 0, 0.45);--x-color-bg-base:#ffffff;--x-color-bg-container-disabled:#f5f5f5;--x-color-bg-container-loading:rgba(255, 255, 255, 0.65);--x-color-white:#ffffff;--x-color-fill:rgba(0, 0, 0, 0.15);--x-color-fill-secondary:rgba(0, 0, 0, 0.06);--x-color-fill-tertiary:rgba(0, 0, 0, 0.04);--x-color-fill-quaternary:rgba(0, 0, 0, 0.02);--x-color-border:#d9d9d9;--x-color-border-secondary:#f0f0f0;--x-color-border-bg:#ffffff;--x-color-split:rgba(5, 5, 5, 0.06);--x-color-dark:#222428;--x-color-dark-rgb:34, 36, 40;--x-color-dark-contrast:#ffffff;--x-color-dark-contrast-rgb:255, 255, 255;--x-color-dark-shade:#1e2023;--x-color-dark-tint:#383a3e;--x-color-medium:#92949c;--x-color-medium-rgb:146, 148, 156;--x-color-medium-contrast:#ffffff;--x-color-medium-contrast-rgb:255, 255, 255;--x-color-medium-shade:#808289;--x-color-medium-tint:#9d9fa6;--x-color-light:#f4f5f8;--x-color-light-rgb:244, 245, 248;--x-color-light-contrast:#000000;--x-color-light-contrast-rgb:0, 0, 0;--x-color-light-shade:#d7d8da;--x-color-light-tint:#f5f6f9;--x-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--x-font-family-code:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--x-font-size:14px;--x-font-size-sm:12px;--x-font-size-lg:16px;--x-font-size-xl:20px;--x-font-size-heading-1:38px;--x-font-size-heading-2:30px;--x-font-size-heading-3:24px;--x-font-size-heading-4:20px;--x-font-size-heading-5:16px;--x-line-height:1.5714285714285714;--x-line-height-lg:1.5;--x-line-height-sm:1.6666666666666667;--x-line-height-heading-1:1.2105263157894737;--x-line-height-heading-2:1.2666666666666666;--x-line-height-heading-3:1.3333333333333333;--x-line-height-heading-4:1.4;--x-line-height-heading-5:1.5;--x-font-weight-normal:400;--x-font-weight-medium:500;--x-font-weight-semibold:600;--x-font-weight-strong:600;--x-font-size-base:14px;--x-font-size-xxl:24px;--x-line-height-base:1.5714285714285714;--x-spacing-xxs:4px;--x-spacing-xs:8px;--x-spacing-sm:12px;--x-spacing-md:16px;--x-spacing-lg:20px;--x-spacing-xl:24px;--x-spacing-xxl:32px;--x-spacing-xxxl:48px;--x-margin-xxs:4px;--x-margin-xs:8px;--x-margin-sm:12px;--x-margin-md:16px;--x-margin-lg:24px;--x-margin-xl:32px;--x-margin-xxl:48px;--x-padding-xxs:4px;--x-padding-xs:8px;--x-padding-sm:12px;--x-padding-md:16px;--x-padding-lg:24px;--x-padding-content-horizontal-lg:24px;--x-padding-content-vertical-lg:12px;--x-padding-content-horizontal:16px;--x-padding-content-vertical:12px;--x-padding-content-horizontal-sm:16px;--x-padding-content-vertical-sm:8px;--x-border-radius:6px;--x-border-radius-xs:2px;--x-border-radius-sm:4px;--x-border-radius-lg:8px;--x-border-radius-xl:12px;--x-border-radius-outer:4px;--x-border-radius-base:6px;--x-border-width:1px;--x-border-width-base:1px;--x-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-shadow-lg:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-box-shadow-popover-arrow:2px 2px 5px rgba(0, 0, 0, 0.05);--x-box-shadow-card:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);--x-box-shadow-drawer-right:-6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-left:6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-up:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-down:0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);--x-motion-duration-fast:0.1s;--x-motion-duration-mid:0.2s;--x-motion-duration-slow:0.3s;--x-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--x-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--x-motion-ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--x-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--x-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--x-motion-ease-in-out-circle:cubic-bezier(0.78, 0.14, 0.15, 0.86);--x-motion-ease-out-circle:cubic-bezier(0.08, 0.82, 0.17, 1);--x-motion-ease-in-circle:cubic-bezier(0.6, 0.04, 0.98, 0.34);--x-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--x-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--x-z-index-base:0;--x-z-index-popup-base:1000;--x-z-index-popup:1030;--x-z-index-affix:10;--x-z-index-modal:1000;--x-z-index-modal-mask:1000;--x-z-index-drawer:1000;--x-z-index-popover:1030;--x-z-index-dropdown:1050;--x-z-index-tooltip:1070;--x-z-index-notification:1080;--x-z-index-message:1090;--x-z-index-popconfirm:1060;--x-z-index-table-fixed:10;--x-opacity-loading:0.65;--x-opacity-image:1;--x-opacity-disabled:0.5;--x-control-height:32px;--x-control-height-xs:24px;--x-control-height-sm:24px;--x-control-height-lg:40px;--x-control-radio-size:16px;--x-control-checkbox-size:16px;--x-control-padding-horizontal:12px;--x-control-padding-horizontal-sm:8px;--x-control-outline-width:2px;--x-control-outline:rgba(5, 145, 255, 0.1);--x-control-item-bg-hover:rgba(0, 0, 0, 0.04);--x-control-item-bg-active:#e6f4ff;--x-control-item-bg-active-hover:#bae0ff;--x-control-item-bg-active-disabled:rgba(0, 0, 0, 0.15);--x-control-tmp-outline:rgba(0, 0, 0, 0.02);--x-color-yellow:#fadb14;--x-color-yellow-rgb:250, 219, 20;--x-font-family-base:var(--x-font-family);--x-color-link:#1677ff;--x-color-link-hover:#69b1ff;--x-color-link-active:#0958d9;--x-color-icon:rgba(0, 0, 0, 0.45);--x-color-icon-hover:rgba(0, 0, 0, 0.88);--x-color-highlight:#ff4d4f;--x-color-bg-text-hover:rgba(0, 0, 0, 0.06);--x-color-bg-text-active:rgba(0, 0, 0, 0.15);--x-screen-xs:480px;--x-screen-xs-min:480px;--x-screen-xs-max:575px;--x-screen-sm:576px;--x-screen-sm-min:576px;--x-screen-sm-max:767px;--x-screen-md:768px;--x-screen-md-min:768px;--x-screen-md-max:991px;--x-screen-lg:992px;--x-screen-lg-min:992px;--x-screen-lg-max:1199px;--x-screen-xl:1200px;--x-screen-xl-min:1200px;--x-screen-xl-max:1599px;--x-screen-xxl:1600px;--x-screen-xxl-min:1600px;--x-color-fill-content:rgba(0, 0, 0, 0.06);--x-color-fill-content-hover:rgba(0, 0, 0, 0.15);--x-color-fill-alter:rgba(0, 0, 0, 0.02);--x-scrollbar-width:12px;--x-scrollbar-track-bg:rgba(0, 0, 0, 0.04);--x-scrollbar-thumb-bg:rgba(0, 0, 0, 0.25);--x-scrollbar-thumb-bg-hover:rgba(0, 0, 0, 0.35);--x-menu-dark-bg:#001529;--x-menu-dark-item-bg:#001529;--x-menu-dark-popup-bg:#001529;--x-menu-dark-submenu-item-bg:#000c17}.builder-root{height:100vh;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:var(--x-builder-bg, var(--x-color-bg-layout, #f5f7f9))}.builder-header{padding:0 24px;background:var(--x-builder-header-bg, var(--x-color-bg-container, #ffffff));border-bottom:var(--x-border-width-base, 1px) solid var(--x-builder-border-color, var(--x-color-border-secondary, #f0f0f0));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:var(--x-builder-header-height, 64px);z-index:100;-webkit-box-shadow:var(--x-box-shadow-tertiary, 0 2px 8px rgba(0, 0, 0, 0.06));box-shadow:var(--x-box-shadow-tertiary, 0 2px 8px rgba(0, 0, 0, 0.06))}.logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px}.builder-main{-ms-flex:1;flex:1;overflow:hidden}.toolbox-sider{background:var(--x-builder-sider-bg, var(--x-color-bg-container, #ffffff));border-right:var(--x-border-width-base, 1px) solid var(--x-builder-border-color, var(--x-color-border-secondary, #f0f0f0))}.palette-card{cursor:pointer;-webkit-transition:all var(--x-motion-duration-mid, 0.3s);transition:all var(--x-motion-duration-mid, 0.3s);margin-bottom:8px;border-radius:8px}.palette-card:hover{border-color:var(--x-color-primary, #1677ff);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:var(--x-box-shadow-secondary, 0 4px 12px rgba(0, 0, 0, 0.1));box-shadow:var(--x-box-shadow-secondary, 0 4px 12px rgba(0, 0, 0, 0.1))}.palette-card-content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:12px;padding:8px 12px}.canvas-content{position:relative;background:var(--x-color-bg-container, #ffffff);padding:0 !important}.canvas-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.canvas-floating-controls{position:absolute;bottom:24px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:var(--x-builder-controls-bg, rgba(255, 255, 255, 0.9));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;border-radius:32px;-webkit-box-shadow:var(--x-builder-controls-shadow, var(--x-shadow-secondary, 0 8px 24px rgba(0, 0, 0, 0.12)));box-shadow:var(--x-builder-controls-shadow, var(--x-shadow-secondary, 0 8px 24px rgba(0, 0, 0, 0.12)));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;z-index:50;border:var(--x-border-width-base, 1px) solid rgba(0, 0, 0, 0.05)}.canvas-fab{position:absolute;bottom:24px;right:24px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px;z-index:50}.properties-sider{background:var(--x-builder-sider-bg, var(--x-color-bg-container, #ffffff));border-left:var(--x-border-width-base, 1px) solid var(--x-builder-border-color, var(--x-color-border-secondary, #f0f0f0));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sider-header{padding:16px;border-bottom:var(--x-border-width-base, 1px) solid var(--x-builder-border-color, var(--x-color-border-secondary, #f0f0f0));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.node-editor{-ms-flex:1;flex:1;overflow-y:auto;padding-bottom:32px}.toolbox-content{height:100%;overflow-y:auto;padding:16px 0}.toolbox-section{padding:0 16px}.toolbox-section-header{font-size:12px;font-weight:600;color:var(--x-color-text-secondary, rgba(0, 0, 0, 0.45));text-transform:uppercase;margin-bottom:12px;letter-spacing:0.5px}.property-sections{padding:16px}.property-section-title{font-size:13px;font-weight:600;color:var(--x-color-text, rgba(0, 0, 0, 0.88));margin-bottom:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.property-section-title::before{content:"";width:3px;height:13px;background:var(--x-color-primary, #1677ff);margin-right:8px;border-radius:2px}.empty-selection{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:32px}.global-config{padding:16px;border-top:var(--x-border-width-base, 1px) solid var(--x-builder-border-color, var(--x-color-border-secondary, #f0f0f0))}.builder-footer{padding:0 16px;background:var(--x-builder-header-bg, var(--x-color-bg-container, #ffffff));border-top:var(--x-border-width-base, 1px) solid var(--x-builder-border-color, var(--x-color-border-secondary, #f0f0f0));height:var(--x-builder-footer-height, 40px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;font-size:12px}.viewport-info{color:var(--x-color-text-secondary, rgba(0, 0, 0, 0.45));font-variant-numeric:tabular-nums}.message-container{position:fixed;top:24px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:12px;pointer-events:none}.message-container>*{pointer-events:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--x-color-fill, #d9d9d9);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--x-color-fill-secondary, #bfbfbf)}`;
+
+const XWorkflowBuilder = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get el() { return index.getElement(this); }
+    /**
+     * Initial nodes to load into the builder
+     */
+    initialNodes;
+    /**
+     * Initial edges to load into the builder
+     */
+    initialEdges;
+    /**
+     * Optional custom title for the builder
+     */
+    builderTitle = 'XLabs Workflow Pro';
+    nodes = [];
+    edges = [];
+    selectedNode = null;
+    selectedEdge = null;
+    viewport = { x: 0, y: 0, zoom: 1 };
+    activeTool = 'select';
+    theme = 'light';
+    turboMode = false;
+    snapToGrid = 10;
+    activeTab = 'content';
+    gridVisible = true;
+    gridType = 'dots';
+    nodeToolbarVisible = true;
+    nodeToolbarMode = 'selected';
+    edgeRoutingMode = 'fixed';
+    // UI State
+    siderCollapsed = false;
+    importModalVisible = false;
+    importJson = '';
+    messages = [];
+    componentWillLoad() {
+        this.initializeFromProps();
+    }
+    handlePropsChange() {
+        this.initializeFromProps();
+    }
+    initializeFromProps() {
+        if (this.initialNodes) {
+            try {
+                this.nodes = typeof this.initialNodes === 'string' ? JSON.parse(this.initialNodes) : [...this.initialNodes];
+            }
+            catch (e) {
+                console.error('Failed to parse initialNodes', e);
+            }
+        }
+        else {
+            // Default fallback nodes
+            this.nodes = [
+                { id: '1', position: { x: 250, y: 150 }, data: { label: 'Input Node' }, type: 'input', zIndex: 10, resizable: true },
+                { id: '2', position: { x: 100, y: 100 }, data: { label: 'Parent Group' }, type: 'group', width: 400, height: 300, resizable: true, className: 'group-node', zIndex: 1 },
+                { id: '3', position: { x: 120, y: 120 }, data: { label: 'Child Node' }, parentId: '2', zIndex: 11 },
+            ];
+        }
+        if (this.initialEdges) {
+            try {
+                this.edges = typeof this.initialEdges === 'string' ? JSON.parse(this.initialEdges) : [...this.initialEdges];
+            }
+            catch (e) {
+                console.error('Failed to parse initialEdges', e);
+            }
+        }
+        else if (!this.initialNodes) {
+            this.edges = [{ id: 'e1-3', source: '1', target: '3', animated: true }];
+        }
+    }
+    workflow;
+    showMessage(content, type = 'info') {
+        const id = Date.now().toString();
+        this.messages = [...this.messages, { id, content, type }];
+    }
+    handleMessageClose(id) {
+        this.messages = this.messages.filter(m => m.id !== id);
+    }
+    addNode(type = 'default') {
+        const id = Date.now().toString();
+        const newNode = {
+            id,
+            position: { x: 400, y: 300 },
+            data: { label: `New ${type} Node` },
+            type,
+            shape: type === 'branch' ? 'diamond' : undefined,
+            width: type === 'branch' ? 100 : 150,
+            height: type === 'branch' ? 100 : 48,
+            resizable: true,
+            zIndex: 10,
+        };
+        this.nodes = [...this.nodes, newNode];
+        this.showMessage(`${type.charAt(0).toUpperCase() + type.slice(1)} node added`, 'success');
+    }
+    handleUndo() {
+        const workflow = this.el.shadowRoot?.querySelector('x-workflow');
+        if (workflow?.service) {
+            workflow.service.undo();
+            this.showMessage('Undo successful', 'info');
+        }
+    }
+    handleRedo() {
+        const workflow = this.el.shadowRoot?.querySelector('x-workflow');
+        if (workflow?.service) {
+            workflow.service.redo();
+            this.showMessage('Redo successful', 'info');
+        }
+    }
+    handleNodeClick(e) {
+        this.selectedNode = e.detail;
+        this.selectedEdge = null;
+    }
+    handleEdgeClick(edge) {
+        this.selectedEdge = edge;
+        this.selectedNode = null;
+    }
+    updateNodeData(id, data) {
+        this.nodes = this.nodes.map(n => {
+            if (n.id === id) {
+                return { ...n, data: { ...n.data, ...data } };
+            }
+            return n;
+        });
+        const updated = this.nodes.find(n => n.id === id);
+        if (updated && this.selectedNode?.id === id) {
+            this.selectedNode = updated;
+        }
+    }
+    updateNodeStyles(id, style) {
+        this.nodes = this.nodes.map(n => {
+            if (n.id === id) {
+                return { ...n, style: { ...(n.style || {}), ...style } };
+            }
+            return n;
+        });
+        const updated = this.nodes.find(n => n.id === id);
+        if (updated && this.selectedNode?.id === id) {
+            this.selectedNode = updated;
+        }
+    }
+    handleAutoLayout() {
+        const workflow = this.el.shadowRoot?.querySelector('x-workflow');
+        if (workflow?.service) {
+            workflow.service.autoLayout();
+            this.showMessage('Auto layout applied', 'info');
+        }
+    }
+    handleDelete() {
+        const workflow = this.el.shadowRoot?.querySelector('x-workflow');
+        if (workflow?.service) {
+            workflow.service.deleteSelected();
+            this.showMessage('Selection deleted', 'info');
+        }
+    }
+    handleGroup() {
+        if (this.workflow) {
+            this.workflow.groupSelected();
+            this.showMessage('Cells grouped', 'success');
+        }
+    }
+    renderLeftSider() {
+        return (index.h("x-sider", { collapsible: true, collapsed: this.siderCollapsed, onXCollapse: ev => (this.siderCollapsed = ev.detail), width: 260, theme: "light", class: "toolbox-sider" }, index.h("div", { class: "toolbox-content" }, index.h("div", { class: "toolbox-section" }, index.h("div", { class: "toolbox-section-header" }, "Elements"), index.h("x-row", null, [
+            { type: 'input', label: 'Input', icon: 'login', color: '#1890ff' },
+            { type: 'default', label: 'Process', icon: 'settings', color: '#52c41a' },
+            { type: 'output', label: 'Output', icon: 'logout', color: '#f5222d' },
+        ].map(item => (index.h("x-col", { span: 24 }, index.h("x-card", { hoverable: true, bordered: true, class: "palette-card", onClick: () => this.addNode(item.type) }, index.h("div", { class: "palette-card-content" }, index.h("x-icon", { name: item.icon, size: 20, color: item.color }), index.h("x-typography", { type: "text" }, item.label)))))))), index.h("x-divider", { style: { margin: '16px 0' } }), index.h("div", { class: "toolbox-section" }, index.h("div", { class: "toolbox-section-header" }, "Logic & Data"), index.h("x-row", null, [
+            { type: 'branch', label: 'Branch', icon: 'alt_route', color: '#faad14' },
+            { type: 'group', label: 'Group', icon: 'crop_free', color: '#722ed1' },
+        ].map(item => (index.h("x-col", { span: 24 }, index.h("x-card", { hoverable: true, bordered: true, class: "palette-card", onClick: () => this.addNode(item.type) }, index.h("div", { class: "palette-card-content" }, index.h("x-icon", { name: item.icon, size: 20, color: item.color }), index.h("x-typography", { type: "text" }, item.label)))))))))));
+    }
+    renderFloatingControls() {
+        return (index.h("div", { class: "canvas-floating-controls" }, index.h("x-segmented", { value: this.activeTool, options: [
+                { label: 'Select', value: 'select' },
+                { label: 'Draw', value: 'freehand' },
+                { label: 'Rect', value: 'rectangle' },
+                { label: 'Eraser', value: 'eraser' },
+            ], onXChange: (ev) => (this.activeTool = ev.detail.value) }), index.h("x-divider", { type: "vertical" }), index.h("x-space", { size: "small" }, index.h("x-tooltip", { tooltipTitle: "Undo (Ctrl+Z)" }, index.h("x-button", { type: "text", onXClick: () => this.handleUndo() }, index.h("x-icon", { name: "undo", size: 16 }))), index.h("x-tooltip", { tooltipTitle: "Redo (Ctrl+Y)" }, index.h("x-button", { type: "text", onXClick: () => this.handleRedo() }, index.h("x-icon", { name: "redo", size: 16 }))), index.h("x-tooltip", { tooltipTitle: "Auto Layout" }, index.h("x-button", { type: "text", onXClick: () => this.handleAutoLayout() }, index.h("x-icon", { name: "grid_view", size: 16 }))), index.h("x-tooltip", { tooltipTitle: "Delete Selection (Del)" }, index.h("x-button", { type: "text", onXClick: () => this.handleDelete() }, index.h("x-icon", { name: "delete", size: 16, color: "#ff4d4f" }))), index.h("x-tooltip", { tooltipTitle: "Group Selection" }, index.h("x-button", { type: "text", onXClick: () => this.handleGroup() }, index.h("x-icon", { name: "group_work", size: 16, color: "var(--x-primary-color)" }))), index.h("x-divider", { type: "vertical" }), index.h("x-tooltip", { tooltipTitle: "Toggle Grid" }, index.h("x-button", { type: "text", onXClick: (_ev) => {
+                this.gridVisible = !this.gridVisible;
+            } }, index.h("x-icon", { name: this.gridVisible ? 'grid_on' : 'grid_off', size: 16 }))))));
+    }
+    renderRightSider() {
+        return (index.h("x-sider", { width: 320, theme: "light", class: "properties-sider" }, index.h("div", { class: "sider-header" }, index.h("x-icon", { name: "tune", size: 18 }), index.h("x-typography", { type: "title", level: 4, style: { margin: '0' } }, "Properties")), this.selectedNode ? (index.h("div", { class: "node-editor" }, index.h("div", { class: "selected-node-info" }, index.h("x-tag", { color: "processing" }, this.selectedNode.type?.toUpperCase()), index.h("x-typography", { type: "text", strong: true }, this.selectedNode.id)), index.h("div", { class: "property-sections" }, index.h("div", { class: "property-section-title" }, "Content"), this.renderContentTab(), index.h("x-divider", { style: { margin: '16px 0' } }), index.h("div", { class: "property-section-title" }, "Design"), this.renderDesignTab(), index.h("x-divider", { style: { margin: '16px 0' } }), index.h("div", { class: "property-section-title" }, "Layout"), this.renderLayoutTab()))) : this.selectedEdge ? (() => {
+            const edge = this.selectedEdge;
+            const style = edge.style || {};
+            const strokeColor = style['stroke'] || '#b1b1b7';
+            const strokeWidth = parseInt(style['strokeWidth'] || '2');
+            const strokeDash = style['strokeDasharray'];
+            const strokeStyle = strokeDash ? (strokeDash === '5,5' ? 'dashed' : 'dotted') : 'solid';
+            return (index.h("div", { class: "edge-editor" }, index.h("div", { class: "selected-node-info" }, index.h("x-tag", { color: "warning" }, "EDGE"), index.h("x-typography", { type: "text", strong: true }, edge.id)), index.h("div", { class: "property-sections" }, index.h("div", { class: "property-section-title" }, "Content"), index.h("x-card", { bordered: false, size: "small", type: "inner" }, index.h("x-form", { layout: "vertical" }, index.h("x-form-item", { label: "Label" }, index.h("x-input", { value: this.selectedEdge.label || '', onXChange: (ev) => {
+                    const val = ev.detail.value;
+                    this.edges = this.edges.map(e => (e.id === edge.id ? { ...e, label: val } : e));
+                    this.selectedEdge = { ...edge, label: val };
+                } })), index.h("x-form-item", { label: "Source \u2192 Target" }, index.h("x-typography", { type: "text", disabled: true }, this.selectedEdge.source, " ", "\u2192", " ", this.selectedEdge.target)))), index.h("x-divider", { style: { margin: '16px 0' } }), index.h("div", { class: "property-section-title" }, "Design"), index.h("x-card", { bordered: false, size: "small", type: "inner" }, index.h("x-form", { layout: "vertical" }, index.h("x-form-item", { label: "Edge Type" }, index.h("x-select", { value: this.selectedEdge.type || 'default', onXChange: (ev) => {
+                    const val = ev.detail.value;
+                    this.edges = this.edges.map(e => (e.id === edge.id ? { ...e, type: val } : e));
+                    this.selectedEdge = { ...edge, type: val };
+                } }, index.h("x-select-option", { value: "default" }, "Bezier (Curve)"), index.h("x-select-option", { value: "straight" }, "Linear (Straight)"), index.h("x-select-option", { value: "step" }, "Step"), index.h("x-select-option", { value: "smoothstep" }, "Smooth Step"))), index.h("x-form-item", { label: "Stroke Color" }, index.h("x-color-picker", { value: strokeColor, onXChange: (ev) => {
+                    const val = ev.detail.value;
+                    const nStyle = { ...(style || {}), stroke: val };
+                    this.edges = this.edges.map(e => (e.id === edge.id ? { ...e, style: nStyle } : e));
+                    this.selectedEdge = { ...edge, style: nStyle };
+                } })), index.h("x-form-item", { label: "Stroke Width" }, index.h("x-slider", { min: 1, max: 10, value: strokeWidth, onXChange: (ev) => {
+                    const val = ev.detail + '';
+                    const nStyle = { ...(style || {}), strokeWidth: val };
+                    this.edges = this.edges.map(e => (e.id === edge.id ? { ...e, style: nStyle } : e));
+                    this.selectedEdge = { ...edge, style: nStyle };
+                } })), index.h("x-form-item", { label: "Animated" }, index.h("x-switch", { checked: this.selectedEdge.animated, onXChange: (ev) => {
+                    const val = ev.detail;
+                    this.edges = this.edges.map(e => (e.id === edge.id ? { ...e, animated: val } : e));
+                    this.selectedEdge = { ...edge, animated: val };
+                } })), index.h("x-form-item", { label: "Stroke Style" }, index.h("x-select", { value: strokeStyle, onXChange: (ev) => {
+                    const val = ev.detail.value;
+                    const dash = val === 'dashed' ? '5,5' : val === 'dotted' ? '2,2' : undefined;
+                    const nStyle = { ...(style || {}), strokeDasharray: dash };
+                    this.edges = this.edges.map(e => (e.id === edge.id ? { ...e, style: nStyle } : e));
+                    this.selectedEdge = { ...edge, style: nStyle };
+                } }, index.h("x-select-option", { value: "solid" }, "Solid"), index.h("x-select-option", { value: "dashed" }, "Dashed"), index.h("x-select-option", { value: "dotted" }, "Dotted"))), index.h("x-divider", { plain: true, style: { fontSize: '11px', margin: '8px 0' } }, "Handle Routing"), index.h("x-row", { gutter: 8 }, index.h("x-col", { span: 12 }, index.h("x-form-item", { label: "Src" }, index.h("x-select", { size: "small", value: this.selectedEdge.sourceHandle || 'right', onXChange: (ev) => {
+                    const val = ev.detail.value;
+                    this.edges = this.edges.map(e => (e.id === edge.id ? { ...e, sourceHandle: val } : e));
+                    this.selectedEdge = { ...edge, sourceHandle: val };
+                } }, index.h("x-select-option", { value: "top" }, "Top"), index.h("x-select-option", { value: "right" }, "Right"), index.h("x-select-option", { value: "bottom" }, "Bottom"), index.h("x-select-option", { value: "left" }, "Left")))), index.h("x-col", { span: 12 }, index.h("x-form-item", { label: "Tgt" }, index.h("x-select", { size: "small", value: this.selectedEdge.targetHandle || 'left', onXChange: (ev) => {
+                    const val = ev.detail.value;
+                    this.edges = this.edges.map(e => (e.id === edge.id ? { ...e, targetHandle: val } : e));
+                    this.selectedEdge = { ...edge, targetHandle: val };
+                } }, index.h("x-select-option", { value: "top" }, "Top"), index.h("x-select-option", { value: "right" }, "Right"), index.h("x-select-option", { value: "bottom" }, "Bottom"), index.h("x-select-option", { value: "left" }, "Left"))))))))));
+        })() : (index.h("div", { class: "empty-selection" }, index.h("x-result", { status: "info", resultTitle: "No Selection", subTitle: "Select a node or edge to edit." }, index.h("div", { slot: "extra" }, index.h("x-button", { type: "primary", size: "small", onXClick: () => this.addNode('default') }, "Add Node"))))), index.h("div", { class: "global-config" }, index.h("x-divider", { orientation: "left" }, "Global Settings"), index.h("x-form", { layout: "vertical", size: "small" }, index.h("x-row", { gutter: [0, 16] }, index.h("x-col", { span: 24 }, index.h("x-form-item", { label: "Routing Mode" }, index.h("x-segmented", { value: this.edgeRoutingMode, options: [
+                { label: 'Fixed', value: 'fixed' },
+                { label: 'Auto', value: 'auto' },
+            ], onXChange: (ev) => (this.edgeRoutingMode = ev.detail) }))), index.h("x-col", { span: 24 }, index.h("x-form-item", { label: "Toolbar Mode" }, index.h("x-select", { value: this.nodeToolbarMode, onXChange: (ev) => (this.nodeToolbarMode = ev.detail.value) }, index.h("x-select-option", { value: "selected" }, "On Select"), index.h("x-select-option", { value: "always" }, "Always"), index.h("x-select-option", { value: "hover" }, "On Hover")))), index.h("x-col", { span: 24 }, index.h("x-form-item", { label: "Snap to Grid" }, index.h("x-select", { value: this.snapToGrid.toString(), onXChange: (ev) => (this.snapToGrid = parseInt(ev.detail.value)) }, index.h("x-select-option", { value: "0" }, "Off"), index.h("x-select-option", { value: "10" }, "10px"), index.h("x-select-option", { value: "20" }, "20px"), index.h("x-select-option", { value: "50" }, "50px")))), index.h("x-col", { span: 24 }, index.h("x-form-item", { label: "Grid Style" }, index.h("x-segmented", { value: this.gridType, options: [
+                { label: 'Dots', value: 'dots' },
+                { label: 'Lines', value: 'lines' },
+            ], onXChange: (ev) => (this.gridType = ev.detail) }))))))));
+    }
+    handleThemeToggle() {
+        this.theme = this.theme === 'light' ? 'dark' : 'light';
+        this.showMessage(`Switched to ${this.theme} mode`, 'info');
+    }
+    handleForceLayout() {
+        if (this.workflow) {
+            this.workflow.forceLayout();
+            this.showMessage('Force layout applied', 'info');
+        }
+    }
+    async exportAsImage() {
+        const workflow = this.el.shadowRoot?.querySelector('x-workflow');
+        const container = workflow?.shadowRoot?.querySelector('.workflow-container');
+        if (!container)
+            return;
+        this.showMessage('Generating image...', 'loading');
+        const svg = container.querySelector('svg');
+        const svgData = new XMLSerializer().serializeToString(svg);
+        const canvas = document.createElement('canvas');
+        const ctx = canvas.getContext('2d');
+        const img = new Image();
+        const rect = container.getBoundingClientRect();
+        canvas.width = rect.width;
+        canvas.height = rect.height;
+        const svgBlob = new Blob([svgData], { type: 'image/svg+xml;charset=utf-8' });
+        const url = URL.createObjectURL(svgBlob);
+        img.onload = () => {
+            ctx.fillStyle = 'white';
+            ctx.fillRect(0, 0, canvas.width, canvas.height);
+            ctx.drawImage(img, 0, 0);
+            const pngUrl = canvas.toDataURL('image/png');
+            const downloadLink = document.createElement('a');
+            downloadLink.href = pngUrl;
+            downloadLink.download = 'workflow-export.png';
+            downloadLink.click();
+            URL.revokeObjectURL(url);
+            this.showMessage('Image exported successfully', 'success');
+        };
+        img.src = url;
+    }
+    exportJson() {
+        const workflow = this.el.shadowRoot?.querySelector('x-workflow');
+        const data = workflow?.service ? workflow.service.getFullState() : { nodes: this.nodes, edges: this.edges, viewport: this.viewport };
+        const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = 'workflow.json';
+        a.click();
+        URL.revokeObjectURL(url);
+        this.showMessage('JSON exported successfully', 'success');
+    }
+    handleImport() {
+        try {
+            const data = JSON.parse(this.importJson);
+            if (data.nodes)
+                this.nodes = data.nodes;
+            if (data.edges)
+                this.edges = data.edges;
+            this.importModalVisible = false;
+            this.showMessage('Workflow imported successfully', 'success');
+        }
+        catch {
+            this.showMessage('Invalid JSON format', 'error');
+        }
+    }
+    renderContentTab() {
+        const node = this.selectedNode;
+        if (!node)
+            return null;
+        return (index.h("x-card", { bordered: false, size: "small", type: "inner" }, index.h("x-form", { layout: "vertical" }, index.h("x-form-item", { label: "Label" }, index.h("x-input", { value: node.data.label, onXChange: (ev) => this.updateNodeData(node.id, { label: ev.detail.value }) })), index.h("x-form-item", { label: "Node ID" }, index.h("x-input", { value: node.id, disabled: true })))));
+    }
+    renderDesignTab() {
+        const node = this.selectedNode;
+        if (!node)
+            return null;
+        return (index.h("x-card", { bordered: false, size: "small", type: "inner" }, index.h("x-form", { layout: "vertical" }, index.h("x-row", { gutter: 16 }, index.h("x-col", { span: 12 }, index.h("x-form-item", { label: "Width" }, index.h("x-input-number", { value: node.width || 150, onXChange: (ev) => this.updateNodeStyles(node.id, { width: ev.detail.value }) }))), index.h("x-col", { span: 12 }, index.h("x-form-item", { label: "Height" }, index.h("x-input-number", { value: node.height || 48, onXChange: (ev) => this.updateNodeStyles(node.id, { height: ev.detail.value }) })))), index.h("x-form-item", { label: "Background Color" }, index.h("x-color-picker", { value: node.style?.background || '#ffffff', onXChange: (ev) => this.updateNodeStyles(node.id, { background: ev.detail.value }) })), index.h("x-form-item", { label: "Border Radius" }, index.h("x-slider", { min: 0, max: 24, value: parseInt(node.style?.borderRadius || '6'), onXChange: (ev) => this.updateNodeStyles(node.id, { borderRadius: ev.detail + 'px' }) })))));
+    }
+    renderLayoutTab() {
+        const node = this.selectedNode;
+        if (!node)
+            return null;
+        return (index.h("x-card", { bordered: false, size: "small", type: "inner" }, index.h("x-form", { layout: "vertical" }, index.h("x-form-item", { label: "Z-Index" }, index.h("x-input-number", { value: node.zIndex || 10, onXChange: (ev) => (this.nodes = this.nodes.map(n => (n.id === node.id ? { ...n, zIndex: ev.detail.value } : n))) })), index.h("x-form-item", { label: "Resizable" }, index.h("x-switch", { checked: node.resizable, onXChange: (ev) => (this.nodes = this.nodes.map(n => (n.id === node.id ? { ...n, resizable: ev.detail } : n))) })))));
+    }
+    render() {
+        return (index.h(index.Host, { key: '0faccbdf9f2a3bac562a28492783d72ac9d85904' }, index.h("x-layout", { key: '674c830b74114a268525fecd51f2b6e36ffd2621', fixed: true, class: "builder-root" }, index.h("x-header", { key: 'd8fc35929a764c3ba412f92220ebaeb09dbbb5d7', class: "builder-header" }, index.h("x-flex", { key: '24037e3fd064f1bf88dd1ced6f497e7fac9907e3', align: "center", justify: "space-between" }, index.h("x-space", { key: 'b02059d2d9a24e38c4b8527eb7730bfa5d4fe9fc', size: "middle", align: "center" }, index.h("x-flex", { key: '22c7194ece550caf4e9318c0a86663832c043649', align: "center", gap: "8" }, index.h("x-icon", { key: 'e805b06acfaa1ef28166deadd8368155f2246c29', name: "hub", size: 24, color: "var(--x-primary-color)" }), index.h("x-typography", { key: '9b2034e63d14ee4597edb5fb1f9ede67851ba7bc', type: "title", level: 5, style: { margin: '0' } }, "XLabs Workflow Pro"))), index.h("x-space", { key: '6c52a2cca4b01c154add473b205e87e26638efaf', size: "small", align: "center" }, index.h("x-flex", { key: 'bb727e2f612c3d534b38be95f86d54f7fc426c48', align: "center", gap: "8" }, index.h("x-tooltip", { key: 'd937710e20370e27ea15e2eb04b4693adb2f05cb', tooltipTitle: "Import workflow from JSON" }, index.h("x-button", { key: 'e1d70e5e0f45851c7c12ae407f3c10707c031fb5', type: "default", onXClick: (_ev) => {
+                this.importModalVisible = true;
+            } }, "Import")), index.h("x-dropdown", { key: 'fdf3302b1825141a07d1c1d87a578d9c8cae2cee' }, index.h("x-button", { key: '37fbb14fc1afcdf9f5c681302416615b2e06efac', type: "default", slot: "trigger" }, "Export ", index.h("x-icon", { key: 'f4176e5d46069165607466fc2a3a21ca03c7036a', name: "expand_more" })), index.h("x-menu", { key: '220f750110eeb4fbabded36fb56a5ec489892c2c', slot: "overlay" }, index.h("x-menu-item", { key: '071cf5aca5c26c03f0928b5073fac23563a170bb', onClick: () => this.exportJson() }, index.h("x-icon", { key: 'e6e485bf6b1065b4bf8e41945b5bfc5221d76423', name: "json" }), " Export JSON"), index.h("x-menu-item", { key: '2eff28ca8352e66676c6ade4f15f722c56b30135', onClick: () => this.exportAsImage() }, index.h("x-icon", { key: '098cd706b93d8bf1e7e96c1c0fe403c811f4600e', name: "image" }), " Export PNG"))), index.h("x-divider", { key: 'be1dbaf01a62a2e8fcf48443566dcaf245273afa', type: "vertical" }), index.h("x-tooltip", { key: 'a8b0a2afcacb9d85c7a3bfb59ba58387f627a758', tooltipTitle: "Toggle Dark/Light Mode" }, index.h("x-button", { key: '31327eb682df35d0ca6f7b899382162573e1e3a1', type: "text", onXClick: () => this.handleThemeToggle() }, index.h("x-icon", { key: 'be69001a8215b6d0b808697e2f6689eb673ba49c', name: this.theme === 'light' ? 'dark_mode' : 'light_mode' }))), index.h("x-flex", { key: '994850fd003567ee89c0192a25e83e234c10c7f7', align: "center", gap: "16" }, index.h("x-flex", { key: 'a05903aa8fd15576fb484d296e34da83083bd11f', align: "center", gap: "8" }, index.h("span", { key: 'b636943e65255ad669bf96813d2a9b313c57c054', style: { fontSize: '12px', color: '#64748b' } }, "Turbo"), index.h("x-switch", { key: '39fe9f954f8ca4be2d78ddb7fc72c1141194e9b4', checked: this.turboMode, onXChange: (e) => (this.turboMode = e.detail) })), index.h("x-tooltip", { key: '6988771c0453533a11cd7f86445d7c09a441fe69', tooltipTitle: "Force Layout" }, index.h("x-button", { key: '0744f1c1078df2326044c0fa713770b33fd95aed', type: "text", onXClick: () => this.handleForceLayout() }, index.h("x-icon", { key: '90cf5cca862b1058121de9431feca17e188c97b9', name: "auto_graph" }))), index.h("x-tooltip", { key: '265915fd6ca5a4ffca87cf32768b165799edb886', tooltipTitle: "Toggle Node Toolbar" }, index.h("x-button", { key: 'b448b0da6fc61e444ba7ef109566334436c803e7', type: this.nodeToolbarVisible ? 'primary' : 'text', size: "small", onXClick: () => (this.nodeToolbarVisible = !this.nodeToolbarVisible) }, index.h("x-icon", { key: 'dcc9969bdc8998aaaf36bd4397e6afe5966626fe', name: "construction" })))), index.h("x-button", { key: 'be82367deddb5d4686f0826e28d8455a2cd55f1a', type: "primary", onXClick: () => this.showMessage('Workflow saved to server!', 'success') }, "Save Workflow"))))), index.h("x-layout", { key: 'e4d585c24bdaf70a2e5cac037f72fb2f15d15f5f', hasSiderProp: true, class: "builder-main" }, this.renderLeftSider(), index.h("x-content", { key: '79da1d665a29f917203e543282bb7a4139b62c6c', class: "canvas-content" }, index.h("div", { key: '1643dc6ad989d1f5882fdc0f43b05ae69c9ba4c7', class: "canvas-wrapper" }, index.h("x-workflow", { key: 'f75cb6876a60fa3ef45464e55d2a1b02495d2c31', ref: el => (this.workflow = el), nodes: this.nodes, edges: this.edges, tool: this.activeTool, theme: this.theme, nodeToolbarVisible: this.nodeToolbarVisible, nodeToolbarMode: this.nodeToolbarMode, edgeRoutingMode: this.edgeRoutingMode, ...{ turboMode: this.turboMode }, snapToGridValue: this.snapToGrid, background: { variant: this.gridVisible ? (this.gridType === 'dots' ? 'dots' : 'lines') : 'dots' }, onXNodeClick: ev => this.handleNodeClick(ev), onXEdgeClick: ev => this.handleEdgeClick(ev.detail), onXNodesChange: ev => {
+                this.nodes = ev.detail;
+                const sel = this.nodes.find(n => n.selected);
+                if (sel) {
+                    this.selectedNode = sel;
+                    this.selectedEdge = null;
+                }
+                else if (!this.selectedEdge) {
+                    this.selectedNode = null;
+                }
+            }, onXEdgesChange: ev => {
+                this.edges = ev.detail;
+                const sel = this.edges.find(e => e.selected);
+                if (sel) {
+                    this.selectedEdge = sel;
+                    this.selectedNode = null;
+                }
+                else if (!this.selectedNode) {
+                    this.selectedEdge = null;
+                }
+            }, onXConnect: (ev) => console.log('Connected:', ev.detail), onXViewportChange: ev => (this.viewport = ev.detail), onClick: () => {
+                const workflow = this.el.shadowRoot?.querySelector('x-workflow');
+                if (workflow?.selectedEdges?.length === 0)
+                    this.selectedEdge = null;
+            } }), this.renderFloatingControls(), index.h("x-float-button", { key: '39d836c7bb23aaf84579157570ea1735646c1f65', tooltip: "Recenter", onXClick: () => this.showMessage('Recenter logic here', 'info') }, index.h("x-icon", { key: 'e0f62bcf71a9c5d7ed35b8b21ce943ed2c1da114', slot: "icon", name: "center_focus_weak" })), index.h("x-float-button", { key: '95e6c4e2ab813e32694921fc4392444960f19184', tooltip: "Help", onXClick: () => this.showMessage('Workflow Builder Help', 'info') }, index.h("x-icon", { key: 'f86748e2f74b2f4b00d9f344e66dba70ac05ccc2', slot: "icon", name: "help_outline" })))), this.renderRightSider()), index.h("x-footer", { key: '67d036b3fbffbd5dba994cae365800a2ae160670', class: "builder-footer" }, index.h("x-space", { key: '34a71fad3b61d7fa9bfb9a304c994efe04e44005', size: "middle" }, index.h("x-badge", { key: '653453953d21e71c4f6143e5a1d2024cbce1242d', status: "processing", text: `Nodes: ${this.nodes.length}` }), index.h("x-divider", { key: '3dfc7e538647bda82e31df0a8cafca4a7fa2209e', type: "vertical" }), index.h("x-badge", { key: '45efad274387a274393e3c2d76d23ea93b57efba', status: "warning", text: `Edges: ${this.edges.length}` }), index.h("x-divider", { key: 'e2fdb7bf6d5530f3030527c1de27bc0bbf26a001', type: "vertical" }), index.h("x-typography", { key: 'b29d0f786981f20bdc7a0e489cef8fd5fd3c1f5e', type: "text", class: "viewport-info" }, "Zoom: ", Math.round(this.viewport.zoom * 100), "% | X: ", Math.round(this.viewport.x), " Y: ", Math.round(this.viewport.y))), index.h("div", { key: '78451993195deb5a8092dbed3f6b8b6366d48776', class: "footer-status" }, index.h("x-typography", { key: 'cba7d868c9ae149c8f5749a88f4cd9f3a0b7ede7', type: "text" }, "System Ready")))), index.h("div", { key: '07a20f58eb36afe52bacea4bbf7924dfb0b40c1b', class: "message-container" }, this.messages.map(msg => (index.h("x-message", { content: msg.content, type: msg.type, onXClose: () => this.handleMessageClose(msg.id) })))), index.h("x-modal", { key: '118d787f46866a103853fc68822dd88dc2ef0faa', visible: this.importModalVisible, title: "Import Workflow Definition", onXOk: () => this.handleImport(), onXCancel: () => (this.importModalVisible = false), okText: "Import Now", cancelText: "Cancel" }, index.h("x-alert", { key: 'ae0ed9cd468f9c440dbe77386d836bf7b9e8ae97', message: "Warning", description: "Importing a new JSON will overwrite your current workflow state.", type: "warning", showIcon: true, style: { marginBottom: '16px' } }), index.h("x-typography", { key: 'fb15c18c0a115dd73af8b65093f88062c8093e5e', type: "text" }, "Paste your JSON definition below:"), index.h("x-textarea", { key: '11fe3b5a2c30a67f69fe653731da4ea5e8ddde01', rows: 12, placeholder: '{ "nodes": [...], "edges": [...] }', value: this.importJson, onXChange: (ev) => (this.importJson = ev.detail) }))));
+    }
+    static get watchers() { return {
+        "initialNodes": [{
+                "handlePropsChange": 0
+            }],
+        "initialEdges": [{
+                "handlePropsChange": 0
+            }]
+    }; }
+};
+XWorkflowBuilder.style = xWorkflowBuilderCss();
+
+exports.x_workflow_builder = XWorkflowBuilder;

package/dist/cjs/xlabs-store.cjs.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var index = require('./index-C7sKs9A2.js');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+/*
+ Stencil Client Patch Browser v4.43.3 | MIT Licensed | https://stenciljs.com
+ */
+
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('xlabs-store.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await index.globalScripts();
+  return index.bootstrapLazy(JSON.parse("[[\"x-form-builder.cjs\",[[769,\"x-form-builder\",{\"schema\":[16],\"value\":[1040],\"context\":[8],\"_tick\":[32]},null,{\"schema\":[{\"syncBuilder\":0}],\"value\":[{\"syncBuilder\":0}],\"context\":[{\"syncBuilder\":0}]}]]],[\"x-workflow-builder.cjs\",[[513,\"x-workflow-builder\",{\"initialNodes\":[1,\"initial-nodes\"],\"initialEdges\":[1,\"initial-edges\"],\"builderTitle\":[1,\"builder-title\"],\"nodes\":[32],\"edges\":[32],\"selectedNode\":[32],\"selectedEdge\":[32],\"viewport\":[32],\"activeTool\":[32],\"theme\":[32],\"turboMode\":[32],\"snapToGrid\":[32],\"activeTab\":[32],\"gridVisible\":[32],\"gridType\":[32],\"nodeToolbarVisible\":[32],\"nodeToolbarMode\":[32],\"edgeRoutingMode\":[32],\"siderCollapsed\":[32],\"importModalVisible\":[32],\"importJson\":[32],\"messages\":[32]},null,{\"initialNodes\":[{\"handlePropsChange\":0}],\"initialEdges\":[{\"handlePropsChange\":0}]}]]],[\"x-finder.cjs\",[[513,\"x-finder\",{\"displayMode\":[1,\"display-mode\"],\"visible\":[1028],\"config\":[16],\"finderTitle\":[1,\"finder-title\"],\"state\":[32],\"itemsViewportHeight\":[32],\"itemsViewportScrollTop\":[32]},null,{\"config\":[{\"handleConfigChange\":0}]}]]],[\"x-app.cjs\",[[772,\"x-app\",{\"fixed\":[4],\"locale\":[1],\"iconConfig\":[16],\"getContainer\":[64],\"setLocale\":[64]},null,{\"locale\":[{\"onLocaleChanged\":0}],\"iconConfig\":[{\"onIconConfigChanged\":0}]}]]],[\"x-tour.cjs\",[[513,\"x-tour\",{\"open\":[4],\"current\":[1026],\"steps\":[16],\"mask\":[4],\"zIndex\":[2,\"z-index\"],\"arrow\":[4],\"activeStep\":[32],\"targetRect\":[32],\"activePlacement\":[32]},null,{\"open\":[{\"handleOpenChange\":0}],\"current\":[{\"handleCurrentChange\":0}]}]]],[\"x-drawer.cjs\",[[769,\"x-drawer\",{\"open\":[4],\"drawerTitle\":[1,\"drawer-title\"],\"placement\":[1],\"closable\":[4],\"mask\":[4],\"maskClosable\":[4,\"mask-closable\"],\"width\":[8],\"height\":[8],\"zIndex\":[2,\"z-index\"],\"size\":[1],\"destroyOnClose\":[4,\"destroy-on-close\"],\"keyboard\":[4]},null,{\"open\":[{\"handleOpenChange\":0}],\"drawerTitle\":[{\"handlePropsChange\":0}],\"placement\":[{\"handlePropsChange\":0}],\"closable\":[{\"handlePropsChange\":0}],\"mask\":[{\"handlePropsChange\":0}],\"maskClosable\":[{\"handlePropsChange\":0}],\"width\":[{\"handlePropsChange\":0}],\"height\":[{\"handlePropsChange\":0}],\"zIndex\":[{\"handlePropsChange\":0}],\"size\":[{\"handlePropsChange\":0}],\"keyboard\":[{\"handlePropsChange\":0}]}]]],[\"x-list.cjs\",[[769,\"x-list\",{\"bordered\":[4],\"split\":[4],\"size\":[1],\"headerText\":[1,\"header-text\"],\"footerText\":[1,\"footer-text\"],\"loading\":[4],\"dataSource\":[16],\"renderItem\":[16],\"pageSize\":[2,\"page-size\"],\"infiniteScroll\":[4,\"infinite-scroll\"],\"visibleCount\":[32]}]]],[\"x-popconfirm.cjs\",[[769,\"x-popconfirm\",{\"confirmTitle\":[1,\"confirm-title\"],\"okText\":[1,\"ok-text\"],\"cancelText\":[1,\"cancel-text\"],\"placement\":[1],\"disabled\":[4],\"visible\":[32]},[[8,\"click\",\"handleWindowClick\"]]]]],[\"x-steps.cjs\",[[769,\"x-steps\",{\"current\":[1026],\"direction\":[1],\"initial\":[2],\"size\":[1],\"status\":[1],\"type\":[1],\"titlePlacement\":[1,\"title-placement\"],\"labelPlacement\":[1,\"label-placement\"],\"variant\":[1],\"percent\":[2],\"progressDot\":[4,\"progress-dot\"],\"responsive\":[4],\"items\":[16],\"classNames\":[16],\"styles\":[16],\"internalDirection\":[32],\"next\":[64],\"prev\":[64],\"goTo\":[64]},null,{\"current\":[{\"handlePropsChange\":0}],\"status\":[{\"handlePropsChange\":0}],\"direction\":[{\"handlePropsChange\":0}],\"type\":[{\"handlePropsChange\":0}],\"size\":[{\"handlePropsChange\":0}],\"progressDot\":[{\"handlePropsChange\":0}],\"percent\":[{\"handlePropsChange\":0}]}]]],[\"x-collapse-panel.cjs\",[[769,\"x-collapse-panel\",{\"panelKey\":[1,\"panel-key\"],\"header\":[1],\"showArrow\":[4,\"show-arrow\"],\"forceRender\":[4,\"force-render\"],\"collapsible\":[1],\"active\":[1028],\"expandIconPosition\":[1,\"expand-icon-position\"],\"destroyInactivePanel\":[4,\"destroy-inactive-panel\"],\"collapseSize\":[1,\"collapse-size\"],\"contentRendered\":[32]},null,{\"active\":[{\"handleActiveChange\":0}]}]]],[\"x-comment.cjs\",[[769,\"x-comment\",{\"author\":[1],\"avatar\":[1],\"datetime\":[1],\"content\":[1],\"hasNestedComments\":[32],\"hasAvatarSlot\":[32],\"hasAuthorSlot\":[32],\"hasDatetimeSlot\":[32],\"hasContentSlot\":[32],\"hasActionsSlot\":[32]}]]],[\"x-infinite-scroll.cjs\",[[769,\"x-infinite-scroll\",{\"threshold\":[2],\"disabled\":[4],\"loading\":[4],\"hasMore\":[4,\"has-more\"],\"loadingText\":[1,\"loading-text\"],\"noMoreText\":[1,\"no-more-text\"]},null,{\"disabled\":[{\"handleConfigChange\":0}],\"hasMore\":[{\"handleConfigChange\":0}],\"threshold\":[{\"handleConfigChange\":0}]}]]],[\"x-menu-submenu.cjs\",[[769,\"x-menu-submenu\",{\"itemKey\":[513,\"item-key\"],\"disabled\":[4],\"popupClassName\":[1,\"popup-class-name\"],\"popupOffset\":[16],\"_menuMode\":[1,\"_menu-mode\"],\"_menuTheme\":[1,\"_menu-theme\"],\"_inlineCollapsed\":[4,\"_inline-collapsed\"],\"_level\":[2],\"_inlineIndent\":[2,\"_inline-indent\"],\"_open\":[4],\"_triggerSubMenuAction\":[1,\"_trigger-sub-menu-action\"],\"_subMenuOpenDelay\":[2,\"_sub-menu-open-delay\"],\"_subMenuCloseDelay\":[2,\"_sub-menu-close-delay\"],\"_keyPath\":[16],\"_selectedKeys\":[16],\"isHovered\":[32],\"popupVisible\":[32],\"inlineExpanded\":[32]},null,{\"_open\":[{\"handleOpenChange\":0}],\"_menuMode\":[{\"handlePropsChange\":0}],\"_menuTheme\":[{\"handlePropsChange\":0}],\"_inlineIndent\":[{\"handlePropsChange\":0}],\"_level\":[{\"handlePropsChange\":0}]}]]],[\"x-statistic.cjs\",[[513,\"x-statistic\",{\"statisticTitle\":[1,\"statistic-title\"],\"value\":[8],\"precision\":[2],\"valuePrefix\":[1,\"value-prefix\"],\"suffix\":[1],\"loading\":[4],\"decimalSeparator\":[1,\"decimal-separator\"],\"groupSeparator\":[1,\"group-separator\"]}]]],[\"x-tabs.cjs\",[[769,\"x-tabs\",{\"activeKey\":[1025,\"active-key\"],\"defaultActiveKey\":[1,\"default-active-key\"],\"tabPlacement\":[1,\"tab-placement\"],\"type\":[1],\"size\":[1],\"centered\":[4],\"items\":[16],\"indicator\":[16],\"animated\":[4],\"tabBarGutter\":[2,\"tab-bar-gutter\"],\"tabBarStyle\":[16],\"tabBarExtraContent\":[1,\"tab-bar-extra-content\"],\"addIcon\":[1,\"add-icon\"],\"removeIcon\":[1,\"remove-icon\"],\"hideAdd\":[4,\"hide-add\"],\"destroyInactiveTabPane\":[4,\"destroy-inactive-tab-pane\"],\"classNames\":[16],\"styles\":[16],\"tabs\":[32],\"inkBarStyle\":[32],\"getActiveKey\":[64],\"setActiveKey\":[64]},null,{\"activeKey\":[{\"handleActiveKeyChange\":0}],\"items\":[{\"handleItemsChange\":0}]}]]],[\"x-timeline.cjs\",[[769,\"x-timeline\",{\"mode\":[1],\"pending\":[8],\"reverse\":[4]}]]],[\"x-affix.cjs\",[[769,\"x-affix\",{\"topOffset\":[2,\"top-offset\"],\"bottomOffset\":[2,\"bottom-offset\"],\"target\":[16],\"affixStyle\":[32],\"placeholderStyle\":[32],\"status\":[32]}]]],[\"x-anchor.cjs\",[[769,\"x-anchor\",{\"affix\":[4],\"bounds\":[2],\"getContainer\":[16],\"topOffset\":[2,\"top-offset\"],\"showInkInFixed\":[4,\"show-ink-in-fixed\"],\"targetOffset\":[2,\"target-offset\"],\"activeLink\":[32]},[[9,\"scroll\",\"handleScroll\"]]]]],[\"x-anchor-link.cjs\",[[769,\"x-anchor-link\",{\"href\":[1],\"linkTitle\":[1,\"link-title\"],\"target\":[1]}]]],[\"x-back-top.cjs\",[[769,\"x-back-top\",{\"visibilityHeight\":[2,\"visibility-height\"],\"duration\":[2],\"visible\":[32]}]]],[\"x-carousel.cjs\",[[769,\"x-carousel\",{\"autoplay\":[4],\"dotPosition\":[1,\"dot-position\"],\"dots\":[4],\"effect\":[1],\"activeIndex\":[32],\"count\":[32]}]]],[\"x-collapse.cjs\",[[769,\"x-collapse\",{\"activeKey\":[1032,\"active-key\"],\"defaultActiveKey\":[8,\"default-active-key\"],\"accordion\":[4],\"bordered\":[4],\"collapsible\":[1],\"destroyInactivePanel\":[4,\"destroy-inactive-panel\"],\"expandIconPosition\":[1,\"expand-icon-position\"],\"ghost\":[4],\"size\":[1],\"internalActiveKey\":[32]},[[0,\"xItemClick\",\"handlePanelClick\"]],{\"activeKey\":[{\"handleActiveKeyChange\":0}]}]]],[\"x-mentions.cjs\",[[513,\"x-mentions\",{\"value\":[1025],\"options\":[16],\"triggerPrefix\":[1,\"trigger-prefix\"],\"placeholder\":[1],\"loading\":[4],\"disabled\":[4],\"rows\":[2],\"open\":[32],\"filterOptions\":[32],\"activeIndex\":[32],\"popupStyle\":[32]},[[8,\"click\",\"handleWindowClick\"]]]]],[\"x-menu-divider.cjs\",[[513,\"x-menu-divider\",{\"dashed\":[4],\"_menuTheme\":[1,\"_menu-theme\"],\"_inlineCollapsed\":[4,\"_inline-collapsed\"]}]]],[\"x-menu-item-group.cjs\",[[769,\"x-menu-item-group\",{\"groupTitle\":[1,\"group-title\"],\"_menuMode\":[1,\"_menu-mode\"],\"_menuTheme\":[1,\"_menu-theme\"],\"_inlineCollapsed\":[4,\"_inline-collapsed\"],\"_level\":[2],\"_inlineIndent\":[2,\"_inline-indent\"]},null,{\"_menuMode\":[{\"handlePropsChange\":0}],\"_menuTheme\":[{\"handlePropsChange\":0}],\"_level\":[{\"handlePropsChange\":0}],\"_inlineIndent\":[{\"handlePropsChange\":0}]}]]],[\"x-page-header.cjs\",[[769,\"x-page-header\",{\"headerTitle\":[1,\"header-title\"],\"subTitle\":[1,\"sub-title\"],\"backIcon\":[4,\"back-icon\"]}]]],[\"x-progress.cjs\",[[513,\"x-progress\",{\"percent\":[2],\"type\":[1],\"status\":[1],\"showInfo\":[4,\"show-info\"],\"strokeColor\":[1,\"stroke-color\"],\"trailColor\":[1,\"trail-color\"],\"width\":[2],\"strokeWidth\":[2,\"stroke-width\"]}]]],[\"x-qr-code.cjs\",[[513,\"x-qr-code\",{\"value\":[1],\"size\":[2],\"ec\":[1],\"type\":[1],\"gradient\":[4],\"logo\":[1],\"color\":[1],\"bgColor\":[1,\"bg-color\"],\"svgContent\":[32]},null,{\"value\":[{\"generate\":0}],\"ec\":[{\"generate\":0}],\"size\":[{\"renderQR\":0}],\"type\":[{\"renderQR\":0}],\"gradient\":[{\"renderQR\":0}],\"logo\":[{\"renderQR\":0}],\"color\":[{\"renderQR\":0}],\"bgColor\":[{\"renderQR\":0}]}]]],[\"x-splitter.cjs\",[[769,\"x-splitter\",{\"orientation\":[1],\"vertical\":[4],\"layout\":[1],\"lazy\":[4],\"collapsibleIcon\":[16],\"draggerIcon\":[1,\"dragger-icon\"],\"classNames\":[16],\"styles\":[16],\"panelSizes\":[32],\"isDragging\":[32],\"lazyPosition\":[32],\"collapsedPanels\":[32]},[[0,\"xPanelResizeStart\",\"handlePanelResizeStart\"],[0,\"xPanelCollapse\",\"handlePanelCollapse\"]],{\"orientation\":[{\"handleLayoutChange\":0}],\"vertical\":[{\"handleLayoutChange\":0}],\"layout\":[{\"handleLayoutChange\":0}]}]]],[\"x-splitter-panel.cjs\",[[769,\"x-splitter-panel\",{\"size\":[1032],\"defaultSize\":[8,\"default-size\"],\"min\":[8],\"max\":[8],\"resizable\":[4],\"collapsible\":[4]}]]],[\"x-tab-pane.cjs\",[[769,\"x-tab-pane\",{\"tab\":[1],\"tabKey\":[1,\"tab-key\"],\"forceRender\":[4,\"force-render\"],\"active\":[516],\"destroyInactiveTabPane\":[4,\"destroy-inactive-tab-pane\"],\"closable\":[4],\"icon\":[1]}]]],[\"x-table-cell.cjs\",[[772,\"x-table-cell\",{\"dataIndex\":[1,\"data-index\"],\"align\":[1],\"colSpan\":[2,\"col-span\"],\"rowSpan\":[2,\"row-span\"],\"cellClass\":[1,\"cell-class\"],\"customStyle\":[16]}]]],[\"x-table-row.cjs\",[[769,\"x-table-row\",{\"record\":[16],\"index\":[2],\"columns\":[16],\"customCellIndices\":[32],\"tableEl\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]]]]],[\"x-virtual-scroll.cjs\",[[769,\"x-virtual-scroll\",{\"items\":[16],\"itemHeight\":[2,\"item-height\"],\"height\":[2],\"overscan\":[2],\"width\":[1],\"itemClass\":[1,\"item-class\"],\"hoverable\":[4],\"scrollTop\":[32],\"visibleRange\":[32],\"scrollToIndex\":[64],\"getScrollTop\":[64],\"getVisibleRange\":[64]},null,{\"scrollTop\":[{\"updateVisibleRange\":0}],\"items\":[{\"updateVisibleRange\":0}],\"itemHeight\":[{\"updateVisibleRange\":0}],\"height\":[{\"updateVisibleRange\":0}],\"overscan\":[{\"updateVisibleRange\":0}]}]]],[\"x-tour-panel.cjs\",[[513,\"x-tour-panel\",{\"step\":[16],\"current\":[2],\"total\":[2],\"arrow\":[4],\"placement\":[1]}]]],[\"x-drawer-content.cjs\",[[512,\"x-drawer-content\",{\"open\":[4],\"drawerTitle\":[1,\"drawer-title\"],\"placement\":[1],\"closable\":[4],\"mask\":[4],\"maskClosable\":[4,\"mask-closable\"],\"width\":[8],\"height\":[8],\"zIndex\":[2,\"z-index\"],\"size\":[1],\"keyboard\":[4],\"bodyContent\":[1,\"body-content\"],\"footerContent\":[1,\"footer-content\"],\"extraContent\":[1,\"extra-content\"],\"titleContent\":[1,\"title-content\"],\"animatedOpen\":[32]},null,{\"open\":[{\"handleOpenChange\":0}]}]]],[\"x-notification.cjs\",[[513,\"x-notification\",{\"message\":[1],\"description\":[1],\"duration\":[2],\"placement\":[1],\"type\":[1],\"icon\":[1],\"closeIcon\":[1,\"close-icon\"],\"btn\":[1],\"notificationKey\":[1,\"notification-key\"],\"showProgress\":[4,\"show-progress\"],\"pauseOnHover\":[4,\"pause-on-hover\"],\"ariaRole\":[1,\"aria-role\"],\"visible\":[32],\"closing\":[32],\"close\":[64],\"getClosePromise\":[64],\"updateMessage\":[64],\"updateDescription\":[64],\"updateDuration\":[64]}]]],[\"x-popconfirm-content.cjs\",[[512,\"x-popconfirm-content\",{\"confirmTitle\":[1,\"confirm-title\"],\"okText\":[1,\"ok-text\"],\"cancelText\":[1,\"cancel-text\"],\"placement\":[1],\"hidden\":[4],\"confirmCallback\":[16],\"cancelCallback\":[16]}]]],[\"x-step.cjs\",[[769,\"x-step\",{\"stepTitle\":[1,\"step-title\"],\"subTitle\":[1,\"sub-title\"],\"description\":[1],\"icon\":[1],\"status\":[1025],\"disabled\":[4],\"percent\":[2],\"_stepNumber\":[1026,\"_step-number\"],\"_stepIndex\":[1026,\"_step-index\"],\"_direction\":[1],\"_clickable\":[4],\"_size\":[1],\"_type\":[1],\"_progressDot\":[4,\"_progress-dot\"]}]]],[\"x-avatar.cjs\",[[769,\"x-avatar\",{\"shape\":[1],\"size\":[8],\"src\":[1],\"srcSet\":[1,\"src-set\"],\"alt\":[1],\"icon\":[1],\"gap\":[2],\"imgDraggable\":[4,\"img-draggable\"],\"crossOrigin\":[1,\"cross-origin\"],\"isImgExist\":[32],\"scale\":[32],\"mounted\":[32]}]]],[\"x-list-item.cjs\",[[257,\"x-list-item\"]]],[\"x-skeleton.cjs\",[[769,\"x-skeleton\",{\"active\":[4],\"avatar\":[4],\"paragraph\":[4],\"showTitle\":[4,\"show-title\"],\"round\":[4],\"loading\":[4]}]]],[\"x-timeline-item.cjs\",[[769,\"x-timeline-item\",{\"color\":[1],\"label\":[1],\"position\":[1]}]]],[\"x-icon.cjs\",[[769,\"x-icon\",{\"rotate\":[2],\"spin\":[4],\"type\":[1],\"name\":[1],\"size\":[8],\"color\":[1],\"weight\":[8],\"grade\":[8],\"fill\":[4]}]]],[\"x-date-picker-dropdown-content.cjs\",[[512,\"x-date-picker-dropdown-content\",{\"dropdownClasses\":[16],\"dropdownStyle\":[16],\"setDropdownRef\":[16],\"panelMode\":[1,\"panel-mode\"],\"currentViewDate\":[16],\"selectedDate\":[16],\"showTime\":[4,\"show-time\"],\"showToday\":[4,\"show-today\"],\"showNow\":[4,\"show-now\"],\"selectedHour\":[2,\"selected-hour\"],\"selectedMinute\":[2,\"selected-minute\"],\"selectedSecond\":[2,\"selected-second\"],\"use12Hours\":[4,\"use-1-2-hours\"],\"hourStep\":[2,\"hour-step\"],\"minuteStep\":[2,\"minute-step\"],\"secondStep\":[2,\"second-step\"],\"disabledDateFn\":[16],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"weekStartDay\":[2,\"week-start-day\"]}]]],[\"x-cascader-dropdown-content.cjs\",[[512,\"x-cascader-dropdown-content\",{\"dropdownClasses\":[16],\"dropdownStyle\":[16],\"setDropdownRef\":[16],\"activeOptions\":[16],\"selectedPath\":[16],\"hoveredPath\":[16],\"multiple\":[4],\"expandTrigger\":[1,\"expand-trigger\"],\"fieldNames\":[16],\"notFoundContent\":[1,\"not-found-content\"],\"pageSize\":[2,\"page-size\"],\"visibleCounts\":[32]},null,{\"activeOptions\":[{\"handleOptionsChange\":0}]}]]],[\"x-range-picker-dropdown-content.cjs\",[[512,\"x-range-picker-dropdown-content\",{\"dropdownClasses\":[16],\"dropdownStyle\":[16],\"setDropdownRef\":[16],\"leftViewDate\":[16],\"rightViewDate\":[16],\"leftPanelMode\":[1,\"left-panel-mode\"],\"rightPanelMode\":[1,\"right-panel-mode\"],\"picker\":[1],\"rangeStart\":[16],\"rangeEnd\":[16],\"hoveringDate\":[16],\"activePanel\":[1,\"active-panel\"],\"presets\":[16],\"showTime\":[4,\"show-time\"],\"disabledDateFn\":[16],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"weekStartDay\":[2,\"week-start-day\"]}]]],[\"x-time-picker-dropdown-content.cjs\",[[512,\"x-time-picker-dropdown-content\",{\"dropdownClasses\":[16],\"dropdownStyle\":[16],\"setDropdownRef\":[16],\"selectedHour\":[2,\"selected-hour\"],\"selectedMinute\":[2,\"selected-minute\"],\"selectedSecond\":[2,\"selected-second\"],\"use12Hours\":[4,\"use-1-2-hours\"],\"showSecond\":[4,\"show-second\"],\"showNow\":[4,\"show-now\"],\"hourStep\":[2,\"hour-step\"],\"minuteStep\":[2,\"minute-step\"],\"secondStep\":[2,\"second-step\"],\"selectedPeriod\":[1,\"selected-period\"],\"disabledHours\":[16],\"disabledMinutes\":[16],\"disabledSeconds\":[16]}]]],[\"x-tree-select-dropdown-content.cjs\",[[512,\"x-tree-select-dropdown-content\",{\"dropdownClasses\":[16],\"dropdownStyle\":[16],\"setDropdownRef\":[16],\"treeData\":[16],\"selectedValues\":[16],\"expandedKeys\":[16],\"checkedKeys\":[16],\"halfCheckedKeys\":[16],\"multiple\":[4],\"treeCheckable\":[4,\"tree-checkable\"],\"treeLine\":[4,\"tree-line\"],\"fieldNames\":[16],\"notFoundContent\":[1,\"not-found-content\"],\"searchValue\":[1,\"search-value\"],\"filterTreeNode\":[16]}]]],[\"x-auto-complete-dropdown-content.cjs\",[[772,\"x-auto-complete-dropdown-content\",{\"dropdownClasses\":[16],\"dropdownStyle\":[16],\"setDropdownRef\":[16]}]]],[\"x-descriptions-item.cjs\",[[769,\"x-descriptions-item\",{\"label\":[1],\"span\":[2],\"colon\":[4],\"labelStyle\":[16],\"contentStyle\":[16]}]]],[\"x-message.cjs\",[[513,\"x-message\",{\"content\":[1],\"duration\":[2],\"type\":[1],\"icon\":[1],\"messageKey\":[1,\"message-key\"],\"visible\":[32],\"closing\":[32],\"close\":[64],\"getClosePromise\":[64],\"updateContent\":[64],\"updateDuration\":[64]}]]],[\"x-breadcrumb_5.cjs\",[[513,\"x-tree\",{\"treeData\":[16],\"checkable\":[4],\"selectable\":[4],\"multiple\":[4],\"expandedKeys\":[1040],\"selectedKeys\":[1040],\"checkedKeys\":[1040],\"defaultExpandedKeys\":[16],\"defaultSelectedKeys\":[16],\"defaultCheckedKeys\":[16],\"defaultExpandAll\":[4,\"default-expand-all\"],\"autoExpandParent\":[4,\"auto-expand-parent\"],\"showLine\":[4,\"show-line\"],\"showIcon\":[4,\"show-icon\"],\"blockNode\":[4,\"block-node\"],\"disabled\":[4],\"allowDrag\":[4,\"allow-drag\"],\"virtual\":[4],\"height\":[2],\"itemHeight\":[2,\"item-height\"],\"checkStrictly\":[4,\"check-strictly\"],\"filterValue\":[1,\"filter-value\"],\"actions\":[16],\"showActions\":[1,\"show-actions\"],\"filterTreeNode\":[16],\"internalExpandedKeys\":[32],\"internalSelectedKeys\":[32],\"internalCheckedKeys\":[32],\"halfCheckedKeys\":[32],\"loadingKeys\":[32],\"dragOverNodeKey\":[32],\"scrollTop\":[32],\"focusedKey\":[32]},null,{\"treeData\":[{\"watchTreeData\":0}],\"expandedKeys\":[{\"watchExpandedKeys\":0}],\"filterValue\":[{\"watchFilterValue\":0}],\"selectedKeys\":[{\"watchSelectedKeys\":0}],\"checkedKeys\":[{\"watchCheckedKeys\":0}]}],[769,\"x-descriptions\",{\"descriptionTitle\":[1,\"description-title\"],\"bordered\":[4],\"column\":[2],\"layout\":[1],\"size\":[1],\"colon\":[4],\"items\":[16],\"labelStyle\":[16],\"contentStyle\":[16],\"currentColumn\":[32],\"getColumnCount\":[64]}],[769,\"x-image\",{\"alt\":[1],\"fallback\":[1],\"height\":[8],\"width\":[8],\"src\":[1],\"placeholder\":[4],\"preview\":[4],\"rootClassName\":[1,\"root-class-name\"],\"crossOrigin\":[1,\"cross-origin\"],\"referrerPolicy\":[1,\"referrer-policy\"],\"loading\":[1],\"isError\":[32],\"isLoading\":[32],\"isPreviewVisible\":[32],\"transform\":[32]},null,{\"preview\":[{\"previewChanged\":0}],\"src\":[{\"srcChanged\":0}]}],[769,\"x-breadcrumb\",{\"separator\":[1]}],[769,\"x-breadcrumb-item\",{\"href\":[1],\"separator\":[1]}]]],[\"x-empty.cjs\",[[769,\"x-empty\",{\"description\":[1],\"image\":[1]}]]],[\"x-spin.cjs\",[[769,\"x-spin\",{\"spinning\":[4],\"size\":[1],\"tip\":[1]}]]],[\"x-color-picker-panel_2.cjs\",[[769,\"x-input\",{\"addonBefore\":[1,\"addon-before\"],\"addonAfter\":[1,\"addon-after\"],\"allowClear\":[4,\"allow-clear\"],\"bordered\":[4],\"variant\":[1],\"defaultValue\":[1,\"default-value\"],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"inputId\":[1,\"input-id\"],\"maxLength\":[2,\"max-length\"],\"min\":[2],\"max\":[2],\"step\":[2],\"prefixIcon\":[1,\"prefix-icon\"],\"suffixIcon\":[1,\"suffix-icon\"],\"size\":[1],\"status\":[1],\"type\":[1],\"value\":[1025],\"placeholder\":[1],\"name\":[1],\"autofocus\":[4],\"autocomplete\":[1],\"showCount\":[4,\"show-count\"],\"showPasswordToggle\":[4,\"show-password-toggle\"],\"pattern\":[1],\"required\":[4],\"spellcheck\":[4],\"focused\":[32],\"passwordVisible\":[32],\"hovering\":[32],\"setFocus\":[64],\"setBlur\":[64],\"select\":[64]},null,{\"value\":[{\"valueChanged\":0}]}],[513,\"x-color-picker-panel\",{\"color\":[1040],\"format\":[1025],\"disabledAlpha\":[4,\"disabled-alpha\"],\"disabledFormat\":[4,\"disabled-format\"],\"presets\":[16],\"allowClear\":[4,\"allow-clear\"],\"formatDropdownOpen\":[32],\"setColor\":[64]},null,{\"color\":[{\"handleColorPropChange\":0}]}]]],[\"x-select_2.cjs\",[[513,\"x-select\",{\"disabled\":[4],\"mode\":[1],\"allowClear\":[4,\"allow-clear\"],\"showSearch\":[4,\"show-search\"],\"placeholder\":[1],\"size\":[1],\"value\":[1032],\"defaultValue\":[8,\"default-value\"],\"open\":[1028],\"loading\":[4],\"maxTagCount\":[8,\"max-tag-count\"],\"maxTagPlaceholder\":[1,\"max-tag-placeholder\"],\"maxTagTextLength\":[2,\"max-tag-text-length\"],\"bordered\":[4],\"status\":[1],\"placement\":[1],\"labelInValue\":[4,\"label-in-value\"],\"filterOption\":[4,\"filter-option\"],\"filterSort\":[16],\"notFoundContent\":[1,\"not-found-content\"],\"autofocus\":[4],\"inputId\":[1,\"input-id\"],\"name\":[1],\"showAction\":[16],\"dropdownClassName\":[1,\"dropdown-class-name\"],\"dropdownStyle\":[16],\"dropdownMatchSelectWidth\":[8,\"dropdown-match-select-width\"],\"listHeight\":[2,\"list-height\"],\"pageSize\":[2,\"page-size\"],\"options\":[16],\"searchValue\":[32],\"selectedOptions\":[32],\"focused\":[32],\"activeIndex\":[32],\"internalOptions\":[32],\"visibleCount\":[32],\"setFocus\":[64],\"setBlur\":[64]},[[8,\"click\",\"handleWindowClick\"],[0,\"keydown\",\"handleKeydown\"]],{\"value\":[{\"onValueChange\":0}],\"open\":[{\"onOpenChange\":0}],\"options\":[{\"onOptionsChange\":0}]}],[772,\"x-select-dropdown-content\",{\"dropdownClasses\":[16],\"dropdownStyle\":[16],\"setDropdownRef\":[16]}]]],[\"x-checkbox_5.cjs\",[[513,\"x-pagination\",{\"current\":[1026],\"defaultCurrent\":[2,\"default-current\"],\"defaultPageSize\":[2,\"default-page-size\"],\"disabled\":[4],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"pageSize\":[1026,\"page-size\"],\"pageSizeOptions\":[16],\"totalBoundaryShowSizeChanger\":[2,\"total-boundary-show-size-changer\"],\"showSizeChanger\":[4,\"show-size-changer\"],\"showQuickJumper\":[4,\"show-quick-jumper\"],\"showTotal\":[16],\"showLessItems\":[4,\"show-less-items\"],\"showTitle\":[4,\"show-title\"],\"simple\":[4],\"size\":[1],\"total\":[2],\"align\":[1],\"responsive\":[4],\"classNames\":[16],\"styles\":[16],\"internalCurrent\":[32],\"internalPageSize\":[32],\"jumpValue\":[32]},null,{\"current\":[{\"watchCurrent\":0}],\"pageSize\":[{\"watchPageSize\":0}]}],[769,\"x-popover\",{\"popoverTitle\":[1,\"popover-title\"],\"content\":[1],\"placement\":[1],\"trigger\":[1],\"open\":[4],\"visible\":[32]},[[0,\"click\",\"handleClick\"],[1,\"mouseenter\",\"handleMouseEnter\"],[1,\"mouseleave\",\"handleMouseLeave\"]],{\"open\":[{\"watchOpen\":0}]}],[769,\"x-checkbox\",{\"autoFocus\":[4,\"auto-focus\"],\"checked\":[1028],\"defaultChecked\":[4,\"default-checked\"],\"disabled\":[4],\"indeterminate\":[4],\"name\":[1],\"value\":[8],\"classNames\":[16],\"styles\":[16],\"checkboxId\":[1,\"checkbox-id\"],\"placement\":[1],\"alignment\":[1],\"setFocus\":[64],\"removeFocus\":[64]},null,{\"checked\":[{\"handleCheckedChange\":0}],\"indeterminate\":[{\"handleIndeterminateChange\":0}]}],[772,\"x-popover-content\",{\"popoverTitle\":[1,\"popover-title\"],\"content\":[1],\"placement\":[1],\"hidden\":[4],\"contentClass\":[1,\"content-class\"],\"mouseEnterPopover\":[16],\"mouseLeavePopover\":[16]}],[769,\"x-radio\",{\"autoFocus\":[4,\"auto-focus\"],\"checked\":[1028],\"defaultChecked\":[4,\"default-checked\"],\"disabled\":[4],\"name\":[1],\"placement\":[1],\"alignment\":[1],\"value\":[8],\"classNames\":[16],\"styles\":[16],\"radioId\":[1,\"radio-id\"],\"setFocus\":[64],\"removeFocus\":[64]},null,{\"checked\":[{\"handleCheckedChange\":0}]}]]],[\"x-button.cjs\",[[769,\"x-button\",{\"block\":[4],\"danger\":[4],\"disabled\":[4],\"ghost\":[4],\"href\":[1],\"htmlType\":[1,\"html-type\"],\"loading\":[4],\"shape\":[1],\"size\":[1],\"target\":[1],\"type\":[1],\"isIconOnly\":[32]}]]],[\"x-modal-content.cjs\",[[772,\"x-modal-content\",{\"modalTitle\":[1,\"modal-title\"],\"showHeader\":[4,\"show-header\"],\"width\":[8],\"footer\":[4],\"closable\":[4],\"mask\":[4],\"maskClosable\":[4,\"mask-closable\"],\"centered\":[4],\"okText\":[1,\"ok-text\"],\"cancelText\":[1,\"cancel-text\"],\"okLoading\":[4,\"ok-loading\"],\"cancelLoading\":[4,\"cancel-loading\"],\"okType\":[1,\"ok-type\"],\"okDanger\":[4,\"ok-danger\"],\"type\":[513],\"bodyContent\":[1,\"body-content\"],\"footerContent\":[1,\"footer-content\"],\"bodyStyle\":[16],\"maskStyle\":[16],\"wrapStyle\":[16]}]]],[\"x-dropdown_2.cjs\",[[769,\"x-dropdown\",{\"arrow\":[4],\"autoAdjustOverflow\":[4,\"auto-adjust-overflow\"],\"disabled\":[4],\"destroyOnHidden\":[4,\"destroy-on-hidden\"],\"menu\":[16],\"placement\":[1],\"trigger\":[1],\"open\":[1028],\"classNames\":[16],\"styles\":[16],\"internalOpen\":[32],\"contextMenuPosition\":[32],\"selectedKeys\":[32],\"isDestroyed\":[32],\"currentPlacement\":[32]},[[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeyDown\"]],{\"placement\":[{\"watchPlacement\":0}],\"open\":[{\"watchOpen\":0}]}],[772,\"x-dropdown-content\",{\"overlayClasses\":[16],\"overlayStyle\":[16],\"showArrow\":[4,\"show-arrow\"],\"isOpen\":[4,\"is-open\"],\"overlayMouseEnter\":[16],\"overlayMouseLeave\":[16],\"setOverlayRef\":[16]}]]],[\"x-color-picker_9.cjs\",[[769,\"x-tooltip\",{\"tooltipTitle\":[1,\"tooltip-title\"],\"placement\":[1],\"trigger\":[1],\"color\":[1],\"open\":[1028],\"defaultOpen\":[4,\"default-open\"],\"arrow\":[4],\"mouseEnterDelay\":[2,\"mouse-enter-delay\"],\"mouseLeaveDelay\":[2,\"mouse-leave-delay\"],\"destroyTooltipOnHide\":[4,\"destroy-tooltip-on-hide\"],\"autoAdjustOverflow\":[4,\"auto-adjust-overflow\"],\"zIndex\":[2,\"z-index\"],\"classNames\":[16],\"styles\":[16],\"visible\":[32],\"show\":[64],\"hide\":[64]},null,{\"open\":[{\"handleOpenChange\":0}]}],[769,\"x-form-item\",{\"label\":[1],\"validateStatus\":[1025,\"validate-status\"],\"help\":[1025],\"required\":[1028],\"colon\":[4],\"hasFeedback\":[4,\"has-feedback\"],\"labelCol\":[8,\"label-col\"],\"wrapperCol\":[8,\"wrapper-col\"],\"labelAlign\":[1,\"label-align\"],\"layout\":[513],\"name\":[1],\"valuePropName\":[1,\"value-prop-name\"],\"extra\":[1],\"control\":[32],\"status\":[32],\"errorMessage\":[32],\"parentLayout\":[32],\"parentColon\":[32],\"parentHideRequiredMark\":[32],\"parentLabelAlign\":[32]},null,{\"name\":[{\"nameChanged\":0}]}],[513,\"x-slider\",{\"min\":[2],\"max\":[2],\"step\":[2],\"range\":[4],\"vertical\":[4],\"disabled\":[4],\"allowCross\":[4,\"allow-cross\"],\"pushable\":[8],\"draggableTrack\":[4,\"draggable-track\"],\"tooltip\":[4],\"marks\":[16],\"value\":[1026],\"defaultValue\":[2,\"default-value\"],\"activeThumb\":[32],\"isDragging\":[32]},null,{\"value\":[{\"onValueChange\":0}]}],[513,\"x-switch\",{\"autoFocus\":[4,\"auto-focus\"],\"checked\":[1028],\"checkedChildren\":[1,\"checked-children\"],\"defaultChecked\":[4,\"default-checked\"],\"disabled\":[4],\"loading\":[4],\"size\":[1],\"unCheckedChildren\":[1,\"un-checked-children\"]}],[769,\"x-modal\",{\"visible\":[4],\"modalTitle\":[1,\"modal-title\"],\"width\":[8],\"footer\":[4],\"closable\":[4],\"mask\":[4],\"maskClosable\":[4,\"mask-closable\"],\"centered\":[4],\"okText\":[1,\"ok-text\"],\"cancelText\":[1,\"cancel-text\"],\"okLoading\":[4,\"ok-loading\"],\"cancelLoading\":[4,\"cancel-loading\"],\"okType\":[1,\"ok-type\"],\"type\":[1]},null,{\"visible\":[{\"handleVisibleChange\":0}],\"modalTitle\":[{\"handlePropsChange\":0}],\"width\":[{\"handlePropsChange\":0}],\"footer\":[{\"handlePropsChange\":0}],\"closable\":[{\"handlePropsChange\":0}],\"mask\":[{\"handlePropsChange\":0}],\"maskClosable\":[{\"handlePropsChange\":0}],\"centered\":[{\"handlePropsChange\":0}],\"okText\":[{\"handlePropsChange\":0}],\"cancelText\":[{\"handlePropsChange\":0}],\"okLoading\":[{\"handlePropsChange\":0}],\"cancelLoading\":[{\"handlePropsChange\":0}],\"okType\":[{\"handlePropsChange\":0}],\"type\":[{\"handlePropsChange\":0}]}],[769,\"x-color-picker\",{\"allowClear\":[4,\"allow-clear\"],\"defaultValue\":[1,\"default-value\"],\"defaultFormat\":[1,\"default-format\"],\"disabled\":[4],\"disabledAlpha\":[4,\"disabled-alpha\"],\"disabledFormat\":[4,\"disabled-format\"],\"format\":[1025],\"open\":[1028],\"presets\":[16],\"placement\":[1],\"showText\":[4,\"show-text\"],\"size\":[1],\"trigger\":[1],\"value\":[1025],\"classNames\":[16],\"styles\":[16],\"internalOpen\":[32],\"internalFormat\":[32],\"internalColor\":[32],\"isCleared\":[32],\"getColor\":[64]},[[4,\"click\",\"handleDocumentClick\"],[4,\"keydown\",\"handleKeydown\"]],{\"value\":[{\"handleValueChange\":0}],\"format\":[{\"handleFormatChange\":0}],\"open\":[{\"handleOpenPropChange\":0}]}],[769,\"x-input-number\",{\"addonAfter\":[1,\"addon-after\"],\"addonBefore\":[1,\"addon-before\"],\"autoFocus\":[4,\"auto-focus\"],\"controls\":[4],\"decimalSeparator\":[1,\"decimal-separator\"],\"defaultValue\":[8,\"default-value\"],\"disabled\":[4],\"formatter\":[16],\"keyboard\":[4],\"max\":[2],\"min\":[2],\"parser\":[16],\"placeholder\":[1],\"precision\":[2],\"prefixIcon\":[1,\"prefix-icon\"],\"readOnly\":[4,\"read-only\"],\"size\":[1],\"status\":[1],\"step\":[2],\"stringMode\":[4,\"string-mode\"],\"suffix\":[1],\"value\":[1032],\"variant\":[1],\"changeOnWheel\":[4,\"change-on-wheel\"],\"classNames\":[16],\"styles\":[16],\"focused\":[32],\"inputValue\":[32],\"isTyping\":[32],\"setFocus\":[64],\"setBlur\":[64]},null,{\"value\":[{\"handleValueChange\":0}]}],[769,\"x-divider\",{\"dashed\":[4],\"orientation\":[1],\"plain\":[4],\"type\":[1],\"orientationMargin\":[1,\"orientation-margin\"],\"hasContent\":[32]}],[772,\"x-tooltip-content\",{\"tooltipTitle\":[1,\"tooltip-title\"],\"placement\":[1],\"showArrow\":[4,\"show-arrow\"],\"color\":[1],\"contentClass\":[1,\"content-class\"],\"hidden\":[4]}]]],[\"x-alert_11.cjs\",[[769,\"x-workflow\",{\"nodes\":[16],\"edges\":[16],\"fitView\":[4,\"fit-view\"],\"interactive\":[4],\"viewportValue\":[16],\"snapToGridValue\":[2,\"snap-to-grid-value\"],\"background\":[16],\"tool\":[1],\"theme\":[1],\"turboMode\":[4,\"turbo-mode\"],\"displayMode\":[1,\"display-mode\"],\"users\":[16],\"nodeToolbarVisible\":[4,\"node-toolbar-visible\"],\"nodeToolbarMode\":[1,\"node-toolbar-mode\"],\"edgeRoutingMode\":[1,\"edge-routing-mode\"],\"flowNodes\":[32],\"flowEdges\":[32],\"flowViewport\":[32],\"pendingConnection\":[32],\"selectedNodes\":[32],\"draggingNodeId\":[32],\"proximityPreview\":[32],\"helperLines\":[32],\"contextMenu\":[32],\"selectionRect\":[32],\"drawings\":[32],\"activeDrawing\":[32],\"editingEdgeId\":[32],\"focusedNodeId\":[32],\"forceLayout\":[64]},[[5,\"mousemove\",\"handleMove\"],[5,\"touchmove\",\"handleMove\"],[5,\"mouseup\",\"handleUp\"],[5,\"touchend\",\"handleUp\"],[8,\"keydown\",\"handleKeyDown\"]],{\"nodes\":[{\"handleNodesPropChange\":0}],\"edges\":[{\"handleEdgesPropChange\":0}],\"viewportValue\":[{\"handleViewportChange\":0}]}],[513,\"x-alert\",{\"message\":[1],\"description\":[1],\"type\":[1],\"closable\":[4],\"showIcon\":[4,\"show-icon\"],\"banner\":[4],\"closed\":[32]}],[769,\"x-result\",{\"status\":[1],\"resultTitle\":[1,\"result-title\"],\"subTitle\":[1,\"sub-title\"],\"classNames\":[16],\"styles\":[16],\"iconSize\":[2,\"icon-size\"]}],[769,\"x-tag\",{\"closable\":[4],\"closeIcon\":[4,\"close-icon\"],\"color\":[1],\"disabled\":[4],\"href\":[1],\"target\":[1],\"visible\":[1028],\"variant\":[1],\"bordered\":[4],\"isClosing\":[32]}],[513,\"x-textarea\",{\"allowClear\":[4,\"allow-clear\"],\"autoSize\":[4,\"auto-size\"],\"bordered\":[4],\"defaultValue\":[1,\"default-value\"],\"disabled\":[4],\"maxLength\":[2,\"max-length\"],\"showCount\":[4,\"show-count\"],\"status\":[1],\"value\":[1025],\"placeholder\":[1],\"rows\":[2],\"focused\":[32]}],[769,\"x-badge\",{\"count\":[8],\"dot\":[4],\"overflowCount\":[2,\"overflow-count\"],\"showZero\":[4,\"show-zero\"],\"status\":[1],\"text\":[1],\"color\":[1],\"offset\":[16],\"size\":[1],\"badgeTitle\":[1,\"badge-title\"],\"classNames\":[16],\"styles\":[16],\"hasChildren\":[32]},null,{\"count\":[{\"countChanged\":0}]}],[769,\"x-float-button\",{\"tooltip\":[1],\"type\":[1],\"shape\":[1],\"href\":[1],\"target\":[1],\"description\":[1]}],[769,\"x-form\",{\"layout\":[513],\"name\":[1],\"colon\":[4],\"size\":[1],\"form\":[16],\"initialValues\":[16],\"hideRequiredMark\":[4,\"hide-required-mark\"],\"submit\":[64]},null,{\"initialValues\":[{\"handleInitialValuesChange\":0}]}],[769,\"x-menu\",{\"mode\":[1],\"theme\":[1],\"inlineCollapsed\":[4,\"inline-collapsed\"],\"inlineIndent\":[2,\"inline-indent\"],\"defaultSelectedKeys\":[16],\"selectedKeys\":[1040],\"defaultOpenKeys\":[16],\"openKeys\":[1040],\"multiple\":[4],\"selectable\":[4],\"triggerSubMenuAction\":[1,\"trigger-sub-menu-action\"],\"subMenuOpenDelay\":[2,\"sub-menu-open-delay\"],\"subMenuCloseDelay\":[2,\"sub-menu-close-delay\"],\"internalSelectedKeys\":[32],\"internalOpenKeys\":[32]},[[0,\"xMenuItemClick\",\"handleItemClick\"],[0,\"xSubmenuToggle\",\"handleSubmenuToggle\"]],{\"selectedKeys\":[{\"handleSelectedKeysChange\":0}],\"openKeys\":[{\"handleOpenKeysChange\":0}],\"mode\":[{\"handlePropsChange\":0}],\"theme\":[{\"handlePropsChange\":0}],\"inlineCollapsed\":[{\"handlePropsChange\":0}],\"inlineIndent\":[{\"handlePropsChange\":0}]}],[769,\"x-menu-item\",{\"itemKey\":[513,\"item-key\"],\"danger\":[4],\"disabled\":[4],\"itemTitle\":[1,\"item-title\"],\"_menuMode\":[1,\"_menu-mode\"],\"_menuTheme\":[1,\"_menu-theme\"],\"_inlineCollapsed\":[4,\"_inline-collapsed\"],\"_level\":[2],\"_inlineIndent\":[2,\"_inline-indent\"],\"_selected\":[4],\"_keyPath\":[16],\"isHovered\":[32]},null,{\"_selected\":[{\"handleSelectedChange\":0}]}],[772,\"x-select-option\",{\"disabled\":[4],\"value\":[8],\"label\":[1],\"optionTitle\":[1,\"option-title\"],\"selected\":[1540],\"active\":[1540]}]]],[\"x-address_14.cjs\",[[769,\"x-table\",{\"columns\":[16],\"dataSource\":[16],\"rowKey\":[1,\"row-key\"],\"size\":[1],\"tableLayout\":[1,\"table-layout\"],\"bordered\":[4],\"loading\":[4],\"showHeader\":[4,\"show-header\"],\"tableTitle\":[1,\"table-title\"],\"tableFooter\":[1,\"table-footer\"],\"rowSelection\":[16],\"expandable\":[16],\"tableScroll\":[16],\"pagination\":[4],\"showSorterTooltip\":[4,\"show-sorter-tooltip\"],\"sortDirections\":[16],\"sticky\":[4],\"virtual\":[4],\"emptyText\":[1,\"empty-text\"],\"rowClassName\":[1,\"row-class-name\"],\"rowEvents\":[16],\"resizableColumns\":[4,\"resizable-columns\"],\"draggableColumns\":[4,\"draggable-columns\"],\"draggableRows\":[4,\"draggable-rows\"],\"headerRowEvents\":[16],\"classNames\":[16],\"styles\":[16],\"currentPage\":[32],\"currentPageSize\":[32],\"sortState\":[32],\"filterState\":[32],\"selectedRowKeys\":[32],\"expandedRowKeys\":[32],\"hoveredRowKey\":[32],\"internalColumns\":[32],\"internalDataSource\":[32],\"resizeState\":[32],\"draggedColumnKey\":[32],\"dragOverColumnKey\":[32],\"dragOverColumnSide\":[32],\"draggedRowKey\":[32],\"dragOverRowKey\":[32],\"dragOverRowSide\":[32],\"activeFilterColumn\":[32],\"getSelectedRowKeys\":[64],\"setSelectedRowKeys\":[64],\"clearSelection\":[64],\"getExpandedRowKeys\":[64],\"scrollToRow\":[64]},null,{\"rowKey\":[{\"handleRowKeyChange\":0}],\"columns\":[{\"handleColumnsChange\":0}],\"dataSource\":[{\"handleDataSourceChange\":0}],\"rowSelection\":[{\"handleRowSelectionChange\":0}],\"expandable\":[{\"handleExpandableChange\":0}],\"pagination\":[{\"handlePaginationChange\":0}]}],[513,\"x-editor\",{\"initialValue\":[1,\"initial-value\"],\"placeholder\":[1],\"disabled\":[4],\"showToolbar\":[4,\"show-toolbar\"],\"toolbar\":[16],\"_showSlashMenu\":[32],\"_slashMenuPosition\":[32],\"_slashFilter\":[32],\"_activeFormats\":[32],\"_activeBlockType\":[32],\"_activeModal\":[32],\"_modalData\":[32],\"_activeAlignment\":[32],\"getState\":[64],\"setState\":[64],\"getHTML\":[64],\"setHTML\":[64],\"focusEditor\":[64],\"clear\":[64],\"undo\":[64],\"redo\":[64],\"canUndo\":[64],\"canRedo\":[64]}],[513,\"x-address\",{\"value\":[1040],\"required\":[4],\"disabled\":[4],\"placeholderProvince\":[1,\"placeholder-province\"],\"placeholderDistrict\":[1,\"placeholder-district\"],\"placeholderWard\":[1,\"placeholder-ward\"],\"provincesData\":[16],\"districtsData\":[16],\"wardsData\":[16],\"provinces\":[32],\"districts\":[32],\"wards\":[32],\"selectedProvince\":[32],\"selectedDistrict\":[32],\"selectedWard\":[32],\"error\":[32],\"validate\":[64]},null,{\"value\":[{\"handleValueChange\":0}]}],[513,\"x-auto-complete\",{\"allowClear\":[4,\"allow-clear\"],\"autoFocus\":[4,\"auto-focus\"],\"backfill\":[4],\"defaultActiveFirstOption\":[4,\"default-active-first-option\"],\"defaultOpen\":[4,\"default-open\"],\"defaultValue\":[1,\"default-value\"],\"disabled\":[4],\"filterOption\":[4,\"filter-option\"],\"notFoundContent\":[1,\"not-found-content\"],\"open\":[1028],\"options\":[16],\"placeholder\":[1],\"placement\":[1],\"status\":[1],\"size\":[1],\"value\":[1025],\"variant\":[1],\"virtual\":[4],\"popupMatchSelectWidth\":[8,\"popup-match-select-width\"],\"listHeight\":[2,\"list-height\"],\"prefixIcon\":[1,\"prefix-icon\"],\"suffixIcon\":[1,\"suffix-icon\"],\"classNames\":[16],\"styles\":[16],\"internalOpen\":[32],\"searchValue\":[32],\"activeIndex\":[32],\"focused\":[32],\"internalOptions\":[32],\"parsedOptions\":[32],\"setFocus\":[64],\"setBlur\":[64]},[[8,\"click\",\"handleWindowClick\"],[0,\"keydown\",\"handleKeydown\"]],{\"options\":[{\"onOptionsChange\":0}],\"value\":[{\"onValueChange\":0}],\"open\":[{\"onOpenPropChange\":0}]}],[513,\"x-date-picker\",{\"disabled\":[4],\"value\":[1025],\"defaultValue\":[1,\"default-value\"],\"placeholder\":[1],\"size\":[1],\"picker\":[1],\"format\":[1],\"bordered\":[4],\"status\":[1],\"placement\":[1],\"allowClear\":[4,\"allow-clear\"],\"open\":[1028],\"showTime\":[4,\"show-time\"],\"showToday\":[4,\"show-today\"],\"showNow\":[4,\"show-now\"],\"inputId\":[1,\"input-id\"],\"name\":[1],\"autofocus\":[4],\"disabledDate\":[16],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"defaultPickerValue\":[1,\"default-picker-value\"],\"suffixIcon\":[1,\"suffix-icon\"],\"superPrevIcon\":[1,\"super-prev-icon\"],\"superNextIcon\":[1,\"super-next-icon\"],\"prevIcon\":[1,\"prev-icon\"],\"nextIcon\":[1,\"next-icon\"],\"inputReadOnly\":[4,\"input-read-only\"],\"weekStartDay\":[2,\"week-start-day\"],\"currentViewDate\":[32],\"focused\":[32],\"panelMode\":[32],\"hoverDate\":[32],\"inputValue\":[32],\"selectedHour\":[32],\"selectedMinute\":[32],\"selectedSecond\":[32],\"setFocus\":[64],\"setBlur\":[64]},[[8,\"click\",\"handleWindowClick\"],[0,\"keydown\",\"handleKeydown\"]],{\"value\":[{\"valueChanged\":0}],\"open\":[{\"openChanged\":0}]}],[513,\"x-time-picker\",{\"disabled\":[4],\"value\":[1025],\"defaultValue\":[1,\"default-value\"],\"placeholder\":[1],\"size\":[1],\"format\":[1],\"bordered\":[4],\"status\":[1],\"placement\":[1],\"allowClear\":[4,\"allow-clear\"],\"open\":[1028],\"use12Hours\":[4,\"use-1-2-hours\"],\"hourStep\":[2,\"hour-step\"],\"minuteStep\":[2,\"minute-step\"],\"secondStep\":[2,\"second-step\"],\"showSecond\":[4,\"show-second\"],\"showNow\":[4,\"show-now\"],\"inputId\":[1,\"input-id\"],\"name\":[1],\"autofocus\":[4],\"inputReadOnly\":[4,\"input-read-only\"],\"disabledTime\":[16],\"focused\":[32],\"hovering\":[32],\"selectedHour\":[32],\"selectedMinute\":[32],\"selectedSecond\":[32],\"selectedPeriod\":[32],\"inputValue\":[32],\"setFocus\":[64],\"setBlur\":[64]},[[8,\"click\",\"handleWindowClick\"],[0,\"keydown\",\"handleKeydown\"]],{\"value\":[{\"valueChanged\":0}],\"open\":[{\"openChanged\":0}]}],[513,\"x-cascader\",{\"options\":[16],\"value\":[1040],\"defaultValue\":[16],\"placeholder\":[1],\"disabled\":[4],\"allowClear\":[4,\"allow-clear\"],\"showSearch\":[4,\"show-search\"],\"fieldNames\":[16],\"size\":[1],\"status\":[1],\"placement\":[1],\"variant\":[1],\"expandTrigger\":[1,\"expand-trigger\"],\"changeOnSelect\":[4,\"change-on-select\"],\"multiple\":[4],\"maxTagCount\":[8,\"max-tag-count\"],\"open\":[1028],\"autofocus\":[4],\"notFoundContent\":[1,\"not-found-content\"],\"loading\":[4],\"displaySeparator\":[1,\"display-separator\"],\"isOpen\":[32],\"activeOptions\":[32],\"selectedPath\":[32],\"hoveredPath\":[32],\"searchValue\":[32],\"filteredOptions\":[32],\"isFocused\":[32],\"hovering\":[32],\"setFocus\":[64],\"setBlur\":[64]},[[8,\"click\",\"handleWindowClick\"],[0,\"keydown\",\"handleKeyDown\"]],{\"options\":[{\"watchOptions\":0}],\"value\":[{\"watchValue\":0}],\"open\":[{\"watchOpen\":0}],\"isOpen\":[{\"isOpenChanged\":0}],\"searchValue\":[{\"watchSearchValue\":0}]}],[513,\"x-range-picker\",{\"disabled\":[4],\"value\":[1040],\"defaultValue\":[16],\"placeholder\":[16],\"size\":[1],\"picker\":[1],\"format\":[1],\"bordered\":[4],\"status\":[1],\"placement\":[1],\"allowClear\":[4,\"allow-clear\"],\"open\":[1028],\"showTime\":[4,\"show-time\"],\"separator\":[1],\"presets\":[16],\"inputId\":[1,\"input-id\"],\"name\":[1],\"autofocus\":[4],\"disabledDate\":[16],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"inputReadOnly\":[4,\"input-read-only\"],\"weekStartDay\":[2,\"week-start-day\"],\"allowEmpty\":[16],\"activeField\":[32],\"focused\":[32],\"hovering\":[32],\"hoverDate\":[32],\"leftViewDate\":[32],\"rightViewDate\":[32],\"rangeStart\":[32],\"rangeEnd\":[32],\"hoveringDate\":[32],\"activePanel\":[32],\"leftPanelMode\":[32],\"rightPanelMode\":[32],\"startInputValue\":[32],\"endInputValue\":[32],\"tempStartDate\":[32],\"tempEndDate\":[32],\"startHour\":[32],\"startMinute\":[32],\"startSecond\":[32],\"endHour\":[32],\"endMinute\":[32],\"endSecond\":[32],\"setFocus\":[64],\"setBlur\":[64]},[[8,\"click\",\"handleWindowClick\"],[0,\"keydown\",\"handleKeydown\"]],{\"value\":[{\"valueChanged\":0}],\"open\":[{\"openChanged\":0}]}],[513,\"x-transfer\",{\"dataSource\":[16],\"targetKeys\":[1040],\"selectedKeys\":[1040],\"titles\":[16],\"operations\":[16],\"disabled\":[4],\"showSearch\":[4,\"show-search\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"notFoundContent\":[1,\"not-found-content\"],\"oneWay\":[4,\"one-way\"],\"showSelectAll\":[4,\"show-select-all\"],\"listWidth\":[1,\"list-width\"],\"listHeight\":[1,\"list-height\"],\"pagination\":[4],\"pageSize\":[2,\"page-size\"],\"sourceSearchValue\":[32],\"targetSearchValue\":[32],\"sourceCurrentPage\":[32],\"targetCurrentPage\":[32]},null,{\"targetKeys\":[{\"watchTargetKeys\":0}]}],[513,\"x-tree-select\",{\"treeData\":[16],\"value\":[1025],\"defaultValue\":[1,\"default-value\"],\"placeholder\":[1],\"disabled\":[4],\"multiple\":[4],\"treeCheckable\":[4,\"tree-checkable\"],\"treeCheckStrictly\":[4,\"tree-check-strictly\"],\"showCheckedStrategy\":[1,\"show-checked-strategy\"],\"allowClear\":[4,\"allow-clear\"],\"showSearch\":[4,\"show-search\"],\"filterTreeNode\":[16],\"treeNodeFilterProp\":[1,\"tree-node-filter-prop\"],\"size\":[1],\"status\":[1],\"placement\":[1],\"variant\":[1],\"open\":[1028],\"maxTagCount\":[2,\"max-tag-count\"],\"maxTagPlaceholder\":[1,\"max-tag-placeholder\"],\"treeLine\":[4,\"tree-line\"],\"defaultExpandedKeys\":[16],\"defaultExpandAll\":[4,\"default-expand-all\"],\"treeDefaultExpandParent\":[4,\"tree-default-expand-parent\"],\"treeExpandedKeys\":[16],\"autofocus\":[4],\"inputId\":[1,\"input-id\"],\"name\":[1],\"listHeight\":[2,\"list-height\"],\"loading\":[4],\"notFoundContent\":[1,\"not-found-content\"],\"popupMatchSelectWidth\":[4,\"popup-match-select-width\"],\"fieldNames\":[16],\"showArrow\":[4,\"show-arrow\"],\"treeIcon\":[4,\"tree-icon\"],\"virtual\":[4],\"labelInValue\":[4,\"label-in-value\"],\"focused\":[32],\"hovering\":[32],\"searchValue\":[32],\"expandedKeys\":[32],\"selectedKeys\":[32],\"checkedKeys\":[32],\"halfCheckedKeys\":[32],\"dropdownWidth\":[32],\"setFocus\":[64],\"setBlur\":[64]},[[8,\"click\",\"handleWindowClick\"],[0,\"keydown\",\"handleKeydown\"]],{\"treeData\":[{\"treeDataChanged\":0}],\"value\":[{\"valueChanged\":0}],\"treeExpandedKeys\":[{\"treeExpandedKeysChanged\":0}],\"open\":[{\"openChanged\":0}]}],[769,\"x-radio-group\",{\"value\":[1032],\"defaultValue\":[8,\"default-value\"],\"disabled\":[4],\"name\":[1],\"direction\":[1],\"options\":[16],\"optionType\":[1,\"option-type\"],\"buttonStyle\":[1,\"button-style\"],\"size\":[1],\"placement\":[1],\"alignment\":[1],\"classNames\":[16],\"styles\":[16]},[[0,\"xChange\",\"handleChildChange\"]],{\"value\":[{\"valueChanged\":0}],\"disabled\":[{\"propsChanged\":0}],\"name\":[{\"propsChanged\":0}],\"placement\":[{\"propsChanged\":0}],\"alignment\":[{\"propsChanged\":0}]}],[769,\"x-upload\",{\"accept\":[1],\"action\":[1],\"disabled\":[4],\"listType\":[1,\"list-type\"],\"multiple\":[4],\"name\":[1],\"fileList\":[1040],\"defaultFileList\":[16],\"maxCount\":[2,\"max-count\"],\"method\":[1],\"data\":[16],\"headers\":[16],\"withCredentials\":[4,\"with-credentials\"],\"directory\":[4],\"openFileDialogOnClick\":[4,\"open-file-dialog-on-click\"],\"showUploadList\":[4,\"show-upload-list\"],\"drag\":[4],\"progress\":[16],\"classNames\":[16],\"styles\":[16],\"internalFileList\":[32],\"dragOver\":[32],\"upload\":[64],\"abort\":[64]},null,{\"fileList\":[{\"handleFileListChange\":0}]}],[513,\"x-captcha\",{\"label\":[1],\"placeholder\":[1],\"length\":[2],\"caseSensitive\":[4,\"case-sensitive\"],\"required\":[4],\"message\":[1],\"error\":[1],\"disabled\":[4],\"value\":[1025],\"captchaValue\":[32],\"errorMessage\":[32],\"validate\":[64],\"refresh\":[64]}],[513,\"x-rate\",{\"allowClear\":[4,\"allow-clear\"],\"allowHalf\":[4,\"allow-half\"],\"autoFocus\":[4,\"auto-focus\"],\"character\":[1],\"count\":[2],\"defaultValue\":[2,\"default-value\"],\"disabled\":[4],\"value\":[1026],\"hoverValue\":[32]}]]],[\"x-card_12.cjs\",[[513,\"x-segmented\",{\"options\":[16],\"value\":[1032],\"defaultValue\":[8,\"default-value\"],\"size\":[1],\"block\":[4],\"disabled\":[4],\"innerValue\":[32],\"thumbStyle\":[32]},null,{\"value\":[{\"handleValueChange\":0}],\"options\":[{\"handleOptionsChange\":0}]}],[769,\"x-col\",{\"span\":[8],\"offset\":[8],\"order\":[8],\"pull\":[8],\"push\":[8],\"flex\":[8],\"xs\":[8],\"sm\":[8],\"md\":[8],\"lg\":[8],\"xl\":[8],\"xxl\":[8]}],[769,\"x-content\",{\"scrollX\":[4,\"scroll-x\"],\"scrollY\":[4,\"scroll-y\"],\"scrollEvents\":[4,\"scroll-events\"],\"getScrollElement\":[64],\"scrollToTop\":[64],\"scrollToBottom\":[64],\"scrollToPoint\":[64]}],[769,\"x-flex\",{\"align\":[1],\"justify\":[1],\"vertical\":[4],\"wrap\":[8],\"flex\":[1],\"gap\":[8],\"component\":[1]}],[257,\"x-footer\"],[257,\"x-header\"],[769,\"x-layout\",{\"fixed\":[516],\"hasSiderProp\":[4,\"has-sider-prop\"],\"hasSider\":[32]},null,{\"fixed\":[{\"watchFixed\":0}]}],[769,\"x-row\",{\"align\":[1],\"gutter\":[2],\"justify\":[1],\"wrap\":[4]}],[769,\"x-sider\",{\"collapsible\":[4],\"collapsed\":[1028],\"defaultCollapsed\":[4,\"default-collapsed\"],\"reverseArrow\":[4,\"reverse-arrow\"],\"theme\":[1],\"width\":[8],\"collapsedWidth\":[2,\"collapsed-width\"],\"trigger\":[1],\"internalCollapsed\":[32]},null,{\"collapsed\":[{\"collapsedChanged\":0}]}],[769,\"x-space\",{\"align\":[1],\"direction\":[1],\"size\":[8],\"wrap\":[4],\"block\":[4]}],[769,\"x-typography\",{\"type\":[1],\"level\":[2],\"disabled\":[4],\"mark\":[4],\"code\":[4],\"keyboard\":[4],\"underline\":[4],\"delete\":[4],\"strong\":[4],\"italic\":[4],\"href\":[1],\"target\":[1]}],[769,\"x-card\",{\"cardTitle\":[1,\"card-title\"],\"extra\":[1],\"bordered\":[4],\"hoverable\":[4],\"loading\":[4],\"size\":[1],\"type\":[1],\"cover\":[1],\"hasTitleSlot\":[32],\"hasExtraSlot\":[32],\"hasCoverSlot\":[32],\"hasActionsSlot\":[32]}]]]]"), options);
+});
+
+exports.setNonce = index.setNonce;