@xlabs-store/core 0.0.1 → 0.0.2

package/dist/cjs/x-tour-panel.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-C7sKs9A2.js');
+var index = require('./index-Cy2P_ln3.js');
 
-const xTourPanelCss = () => `@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}:host{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.x-tour-panel){position:relative;width:var(--x-tour-panel-width, 520px);max-width:90vw;background-color:var(--x-tour-panel-bg, var(--x-color-bg-elevated, #ffffff));border-radius:var(--x-tour-panel-border-radius, var(--x-border-radius-lg, 8px));-webkit-box-shadow:var(--x-tour-panel-box-shadow, var(--x-shadow, 0 6px 16px 0 rgba(0, 0, 0, 0.08)));box-shadow:var(--x-tour-panel-box-shadow, var(--x-shadow, 0 6px 16px 0 rgba(0, 0, 0, 0.08)));pointer-events:auto;font-family:var(--x-font-family);-webkit-animation:x-tour-panel-fade-in var(--x-tour-motion-duration, var(--x-motion-duration-slow, 0.3s)) ease;animation:x-tour-panel-fade-in var(--x-tour-motion-duration, var(--x-motion-duration-slow, 0.3s)) ease}.x-tour-content{position:relative;padding:var(--x-tour-panel-padding, var(--x-padding-md, 16px));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.x-tour-close{position:absolute;top:12px;right:12px;padding:4px;background:transparent;border:none;border-radius:var(--x-border-radius-sm);cursor:pointer;color:var(--x-tour-close-color, var(--x-color-text-tertiary, rgba(0, 0, 0, 0.45)));-webkit-transition:all 0.2s;transition:all 0.2s;z-index:1}.x-tour-close:hover{background-color:var(--x-color-fill-secondary);color:var(--x-tour-close-hover-color, var(--x-color-text, rgba(0, 0, 0, 0.88)))}.x-tour-close x-icon{font-size:14px}.x-tour-cover{margin-bottom:var(--x-margin-md);border-radius:var(--x-tour-panel-border-radius, var(--x-border-radius-lg, 8px)) var(--x-tour-panel-border-radius, var(--x-border-radius-lg, 8px)) 0 0;overflow:hidden;margin-top:calc(var(--x-tour-panel-padding, var(--x-padding-md, 16px)) * -1);margin-left:calc(var(--x-tour-panel-padding, var(--x-padding-md, 16px)) * -1);margin-right:calc(var(--x-tour-panel-padding, var(--x-padding-md, 16px)) * -1)}.x-tour-cover img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;display:block}.x-tour-header{margin-bottom:var(--x-margin-xs)}.x-tour-title{color:var(--x-tour-title-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-weight:var(--x-tour-title-font-weight, var(--x-font-weight-semibold, 600));font-size:var(--x-tour-title-font-size, var(--x-font-size-lg, 16px));line-height:var(--x-line-height)}.x-tour-description{color:var(--x-tour-description-color, var(--x-color-text-secondary, rgba(0, 0, 0, 0.65)));font-size:var(--x-font-size);line-height:var(--x-line-height);margin-bottom:var(--x-margin-lg)}.x-tour-footer{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.x-tour-indicators{color:var(--x-tour-indicator-color, var(--x-color-text-tertiary, rgba(0, 0, 0, 0.45)));font-size:var(--x-font-size-sm)}.x-tour-buttons{display:-ms-flexbox;display:flex;gap:var(--x-spacing-xs)}.x-tour-arrow{position:absolute;width:8px;height:8px;background-color:var(--x-tour-panel-bg, var(--x-color-bg-elevated, #ffffff));-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1}:host([placement^=top]) .x-tour-arrow{bottom:-4px;left:calc(50% - 4px);-webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.05);box-shadow:2px 2px 3px rgba(0, 0, 0, 0.05)}:host([placement^=bottom]) .x-tour-arrow{top:-4px;left:calc(50% - 4px);-webkit-box-shadow:-2px -2px 3px rgba(0, 0, 0, 0.05);box-shadow:-2px -2px 3px rgba(0, 0, 0, 0.05)}:host([placement^=left]) .x-tour-arrow{right:-4px;top:calc(50% - 4px);-webkit-box-shadow:2px -2px 3px rgba(0, 0, 0, 0.05);box-shadow:2px -2px 3px rgba(0, 0, 0, 0.05)}:host([placement^=right]) .x-tour-arrow{left:-4px;top:calc(50% - 4px);-webkit-box-shadow:-2px 2px 3px rgba(0, 0, 0, 0.05);box-shadow:-2px 2px 3px rgba(0, 0, 0, 0.05)}:host([placement=topLeft]) .x-tour-arrow,:host([placement=bottomLeft]) .x-tour-arrow{left:24px}:host([placement=topRight]) .x-tour-arrow,:host([placement=bottomRight]) .x-tour-arrow{left:auto;right:24px}:host([placement=leftTop]) .x-tour-arrow,:host([placement=rightTop]) .x-tour-arrow{top:24px}:host([placement=leftBottom]) .x-tour-arrow,:host([placement=rightBottom]) .x-tour-arrow{top:auto;bottom:24px}@-webkit-keyframes x-tour-panel-fade-in{from{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes x-tour-panel-fade-in{from{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}`;
+const xTourPanelCss = () => `@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-text-processing:#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}:host{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.x-tour-panel){position:relative;width:var(--x-tour-panel-width, 520px);max-width:90vw;background-color:var(--x-tour-panel-bg, var(--x-color-bg-elevated, #ffffff));border-radius:var(--x-tour-panel-border-radius, var(--x-border-radius-lg, 8px));-webkit-box-shadow:var(--x-tour-panel-box-shadow, var(--x-shadow, 0 6px 16px 0 rgba(0, 0, 0, 0.08)));box-shadow:var(--x-tour-panel-box-shadow, var(--x-shadow, 0 6px 16px 0 rgba(0, 0, 0, 0.08)));pointer-events:auto;font-family:var(--x-font-family);-webkit-animation:x-tour-panel-fade-in var(--x-tour-motion-duration, var(--x-motion-duration-slow, 0.3s)) ease;animation:x-tour-panel-fade-in var(--x-tour-motion-duration, var(--x-motion-duration-slow, 0.3s)) ease}.x-tour-content{position:relative;padding:var(--x-tour-panel-padding, var(--x-padding-md, 16px));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.x-tour-close{position:absolute;top:12px;right:12px;padding:4px;background:transparent;border:none;border-radius:var(--x-border-radius-sm);cursor:pointer;color:var(--x-tour-close-color, var(--x-color-text-tertiary, rgba(0, 0, 0, 0.45)));-webkit-transition:all 0.2s;transition:all 0.2s;z-index:1}.x-tour-close:hover{background-color:var(--x-color-fill-secondary);color:var(--x-tour-close-hover-color, var(--x-color-text, rgba(0, 0, 0, 0.88)))}.x-tour-close x-icon{font-size:14px}.x-tour-cover{margin-bottom:var(--x-margin-md);border-radius:var(--x-tour-panel-border-radius, var(--x-border-radius-lg, 8px)) var(--x-tour-panel-border-radius, var(--x-border-radius-lg, 8px)) 0 0;overflow:hidden;margin-top:calc(var(--x-tour-panel-padding, var(--x-padding-md, 16px)) * -1);margin-left:calc(var(--x-tour-panel-padding, var(--x-padding-md, 16px)) * -1);margin-right:calc(var(--x-tour-panel-padding, var(--x-padding-md, 16px)) * -1)}.x-tour-cover img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;display:block}.x-tour-header{margin-bottom:var(--x-margin-xs)}.x-tour-title{color:var(--x-tour-title-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-weight:var(--x-tour-title-font-weight, var(--x-font-weight-semibold, 600));font-size:var(--x-tour-title-font-size, var(--x-font-size-lg, 16px));line-height:var(--x-line-height)}.x-tour-description{color:var(--x-tour-description-color, var(--x-color-text-secondary, rgba(0, 0, 0, 0.65)));font-size:var(--x-font-size);line-height:var(--x-line-height);margin-bottom:var(--x-margin-lg)}.x-tour-footer{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.x-tour-indicators{color:var(--x-tour-indicator-color, var(--x-color-text-tertiary, rgba(0, 0, 0, 0.45)));font-size:var(--x-font-size-sm)}.x-tour-buttons{display:-ms-flexbox;display:flex;gap:var(--x-spacing-xs)}.x-tour-arrow{position:absolute;width:8px;height:8px;background-color:var(--x-tour-panel-bg, var(--x-color-bg-elevated, #ffffff));-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1}:host([placement^=top]) .x-tour-arrow{bottom:-4px;left:calc(50% - 4px);-webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.05);box-shadow:2px 2px 3px rgba(0, 0, 0, 0.05)}:host([placement^=bottom]) .x-tour-arrow{top:-4px;left:calc(50% - 4px);-webkit-box-shadow:-2px -2px 3px rgba(0, 0, 0, 0.05);box-shadow:-2px -2px 3px rgba(0, 0, 0, 0.05)}:host([placement^=left]) .x-tour-arrow{right:-4px;top:calc(50% - 4px);-webkit-box-shadow:2px -2px 3px rgba(0, 0, 0, 0.05);box-shadow:2px -2px 3px rgba(0, 0, 0, 0.05)}:host([placement^=right]) .x-tour-arrow{left:-4px;top:calc(50% - 4px);-webkit-box-shadow:-2px 2px 3px rgba(0, 0, 0, 0.05);box-shadow:-2px 2px 3px rgba(0, 0, 0, 0.05)}:host([placement=topLeft]) .x-tour-arrow,:host([placement=bottomLeft]) .x-tour-arrow{left:24px}:host([placement=topRight]) .x-tour-arrow,:host([placement=bottomRight]) .x-tour-arrow{left:auto;right:24px}:host([placement=leftTop]) .x-tour-arrow,:host([placement=rightTop]) .x-tour-arrow{top:24px}:host([placement=leftBottom]) .x-tour-arrow,:host([placement=rightBottom]) .x-tour-arrow{top:auto;bottom:24px}@-webkit-keyframes x-tour-panel-fade-in{from{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes x-tour-panel-fade-in{from{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}`;
 
 const XTourPanel = class {
     constructor(hostRef) {
@@ -81,7 +81,7 @@ const XTourPanel = class {
         if (!this.step)
             return null;
         const { title, description, cover, nextButtonProps, prevButtonProps } = this.step;
-        return (index.h(index.Host, { class: "x-tour-panel" }, this.arrow && index.h("div", { class: "x-tour-arrow" }), index.h("div", { class: "x-tour-content" }, index.h("button", { class: "x-tour-close", onClick: () => this.xClose.emit() }, index.h("x-icon", { name: "close" })), cover && (index.h("div", { class: "x-tour-cover" }, typeof cover === 'string' ? index.h("img", { src: cover, alt: "cover" }) : cover)), index.h("div", { class: "x-tour-header" }, typeof title === 'string' ? index.h("div", { class: "x-tour-title" }, title) : title), index.h("div", { class: "x-tour-description" }, typeof description === 'string' ? index.h("div", null, description) : description), index.h("div", { class: "x-tour-footer" }, index.h("div", { class: "x-tour-indicators" }, this.current + 1, " / ", this.total), index.h("div", { class: "x-tour-buttons" }, this.current > 0 && (index.h("x-button", { size: "small", ...(prevButtonProps || {}), onClick: () => this.xPrev.emit() }, prevButtonProps?.children || 'Previous')), index.h("x-button", { type: "primary", size: "small", ...(nextButtonProps || {}), onClick: () => this.xNext.emit() }, nextButtonProps?.children || (this.current === this.total - 1 ? 'Finish' : 'Next')))))));
+        return (index.h(index.Host, { class: "x-tour-panel" }, this.arrow && index.h("div", { class: "x-tour-arrow" }), index.h("div", { class: "x-tour-content" }, index.h("button", { class: "x-tour-close", onClick: () => this.xClose.emit() }, index.h("x-icon", { name: "close" })), cover && index.h("div", { class: "x-tour-cover" }, typeof cover === 'string' ? index.h("img", { src: cover, alt: "cover" }) : cover), index.h("div", { class: "x-tour-header" }, typeof title === 'string' ? index.h("div", { class: "x-tour-title" }, title) : title), index.h("div", { class: "x-tour-description" }, typeof description === 'string' ? index.h("div", null, description) : description), index.h("div", { class: "x-tour-footer" }, index.h("div", { class: "x-tour-indicators" }, this.current + 1, " / ", this.total), index.h("div", { class: "x-tour-buttons" }, this.current > 0 && (index.h("x-button", { size: "small", ...(prevButtonProps || {}), onClick: () => this.xPrev.emit() }, prevButtonProps?.children || 'Previous')), index.h("x-button", { type: "primary", size: "small", ...(nextButtonProps || {}), onClick: () => this.xNext.emit() }, nextButtonProps?.children || (this.current === this.total - 1 ? 'Finish' : 'Next')))))));
     }
 };
 XTourPanel.style = xTourPanelCss();

package/dist/cjs/x-tour.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-C7sKs9A2.js');
-var portalController = require('./portal-controller-CtYVbhXL.js');
+var index = require('./index-Cy2P_ln3.js');
+var portalController = require('./portal-controller-DJft2QkA.js');
 
-const xTourCss = () => `@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}:host{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--x-tour-z-index, 1001)}.x-tour-mask{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--x-tour-mask-z-index, 1001)}.x-tour-svg{position:absolute;top:0;left:0;width:100%;height:100%}.x-tour-mask-path{fill:var(--x-tour-mask-bg, var(--x-color-bg-mask, rgba(0, 0, 0, 0.45)));-webkit-transition:d var(--x-tour-motion-duration, var(--x-motion-duration-slow, 0.3s)) ease;transition:d var(--x-tour-motion-duration, var(--x-motion-duration-slow, 0.3s)) ease;pointer-events:auto}`;
+const xTourCss = () => `@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-text-processing:#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}:host{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--x-tour-z-index, 1001)}.x-tour-mask{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--x-tour-mask-z-index, 1001)}.x-tour-svg{position:absolute;top:0;left:0;width:100%;height:100%}.x-tour-mask-path{fill:var(--x-tour-mask-bg, var(--x-color-bg-mask, rgba(0, 0, 0, 0.45)));-webkit-transition:d var(--x-tour-motion-duration, var(--x-motion-duration-slow, 0.3s)) ease;transition:d var(--x-tour-motion-duration, var(--x-motion-duration-slow, 0.3s)) ease;pointer-events:auto}`;
 
 const XTour = class {
     constructor(hostRef) {
@@ -248,10 +248,10 @@ const XTour = class {
                 zIndex: this.zIndex + 1,
                 content: panel,
                 offset: 12,
-                onPlacementChange: (p) => {
+                onPlacementChange: p => {
                     this.activePlacement = p;
                     panel.placement = p;
-                }
+                },
             });
         }
         else {
@@ -261,10 +261,10 @@ const XTour = class {
                 placement: step.placement || 'bottom',
                 zIndex: this.zIndex + 1,
                 content: panel,
-                onPlacementChange: (p) => {
+                onPlacementChange: p => {
                     this.activePlacement = p;
                     panel.placement = p;
-                }
+                },
             });
         }
         this.updateTargetRect();
@@ -317,15 +317,15 @@ const XTour = class {
             const w = width + padding * 2;
             const h = height + padding * 2;
             // Anti-clockwise to create a hole
-            maskPath += ` M ${x + r} ${y} 
-                    h ${w - r * 2} 
-                    a ${r} ${r} 0 0 1 ${r} ${r} 
-                    v ${h - r * 2} 
-                    a ${r} ${r} 0 0 1 -${r} ${r} 
-                    h -${w - r * 2} 
-                    a ${r} ${r} 0 0 1 -${r} -${r} 
-                    v -${h - r * 2} 
-                    a ${r} ${r} 0 0 1 ${r} -${r} 
+            maskPath += ` M ${x + r} ${y} 
+                    h ${w - r * 2} 
+                    a ${r} ${r} 0 0 1 ${r} ${r} 
+                    v ${h - r * 2} 
+                    a ${r} ${r} 0 0 1 -${r} ${r} 
+                    h -${w - r * 2} 
+                    a ${r} ${r} 0 0 1 -${r} -${r} 
+                    v -${h - r * 2} 
+                    a ${r} ${r} 0 0 1 ${r} -${r} 
                     Z`;
         }
         return (index.h(index.Host, { style: { zIndex: `${this.zIndex}` } }, this.mask && (index.h("div", { class: "x-tour-mask" }, index.h("svg", { class: "x-tour-svg", width: "100%", height: "100%", viewBox: `0 0 ${windowWidth} ${windowHeight}` }, index.h("path", { class: "x-tour-mask-path", d: maskPath, "fill-rule": "evenodd" }))))));

package/dist/cjs/x-virtual-scroll.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-C7sKs9A2.js');
+var index = require('./index-Cy2P_ln3.js');
 
 const xVirtualScrollCss = () => `:host{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--x-font-family)}.x-virtual-scroll-host{display:block;width:100%}.x-virtual-scroll-container{background:var(--x-color-bg-base, #ffffff);border:var(--x-border-width-base, 1px) var(--x-virtual-scroll-border-style, solid) var(--x-color-border, #d9d9d9);border-radius:var(--x-border-radius-base, 8px);-webkit-box-sizing:border-box;box-sizing:border-box;}.x-virtual-scroll-container::-webkit-scrollbar{width:8px}.x-virtual-scroll-container::-webkit-scrollbar-track{background:transparent}.x-virtual-scroll-container::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.2);border-radius:4px}.x-virtual-scroll-container::-webkit-scrollbar-thumb:hover{background:rgba(0, 0, 0, 0.3)}.x-virtual-scroll-container{scrollbar-width:thin;scrollbar-color:rgba(0, 0, 0, 0.2) transparent}.x-virtual-scroll-spacer{width:100%}.x-virtual-scroll-items{will-change:transform}.x-virtual-scroll-item{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--x-padding-xs, 8px) var(--x-padding-md, 12px);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease;border-bottom:1px solid var(--x-color-split, rgba(5, 5, 5, 0.06))}.x-virtual-scroll-item:last-child{border-bottom:none}.x-virtual-scroll-item.x-virtual-scroll-item-hoverable:hover{background:var(--x-color-background-hover, #fafafa)}.x-virtual-scroll-item.selected{background:var(--x-color-primary-contrast, #e6f4ff)}.x-virtual-scroll-item-default{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;
 
@@ -153,16 +153,16 @@ const XVirtualScroll = class {
         const offsetY = visibleRange.start * itemHeight;
         // Get visible items
         const visibleItems = items.slice(visibleRange.start, visibleRange.end + 1);
-        return (index.h(index.Host, { key: 'd717a359fa4fa3037a75f1363aacbb4dcea2ccaa', class: "x-virtual-scroll-host", style: {
+        return (index.h(index.Host, { key: 'f34b05f2ee3c0a715b50f6c015438e4496f4d633', class: "x-virtual-scroll-host", style: {
                 width: width,
-            } }, index.h("div", { key: 'ff88b01940db972a4685e7ac349a61ba338bc860', class: "x-virtual-scroll-container", style: {
+            } }, index.h("div", { key: '9d9ee1bea57167c2aa63cbb7d734eb4f929f9a1b', class: "x-virtual-scroll-container", style: {
                 height: `${height}px`,
                 overflow: 'auto',
                 position: 'relative',
-            }, onScroll: this.handleScroll, ref: (el) => (this.scrollContainerRef = el) }, index.h("div", { key: '7d32d8c277a41209eadf6ae8d260396972c84a6f', class: "x-virtual-scroll-spacer", style: {
+            }, onScroll: this.handleScroll, ref: el => (this.scrollContainerRef = el) }, index.h("div", { key: '914bb32723c745a79397f7d7ef964270181ca6ee', class: "x-virtual-scroll-spacer", style: {
                 height: `${totalHeight}px`,
                 position: 'relative',
-            } }, index.h("div", { key: 'a582f1e5d2b6da550ab4c4af630dfdff8b1c6a5d', class: "x-virtual-scroll-items", style: {
+            } }, index.h("div", { key: 'e2e5f20c795455c9512fe7efed438b214dbf8dca', class: "x-virtual-scroll-items", style: {
                 transform: `translateY(${offsetY}px)`,
                 position: 'absolute',
                 top: '0',

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-C7sKs9A2.js');
+var index = require('./index-Cy2P_ln3.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 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-text-processing:#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) {
@@ -187,7 +187,7 @@ const XWorkflowBuilder = class {
             } }, 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 ? (() => {
+        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';
@@ -198,7 +198,7 @@ const XWorkflowBuilder = class {
                     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) => {
+                } })), 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 };
@@ -231,7 +231,7 @@ const XWorkflowBuilder = class {
                     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: [
+        })()) : (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: [
@@ -324,9 +324,9 @@ const XWorkflowBuilder = class {
         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) => {
+        return (index.h(index.Host, { key: 'bad55b93956829853806a37b5bbd79987568b58e' }, index.h("x-layout", { key: '3b9b067fd110de263753472a187a2fded19ed4c7', fixed: true, class: "builder-root" }, index.h("x-header", { key: '5f07eb160fd29c7e9b4899e6ed08e684e37d923b', class: "builder-header" }, index.h("x-flex", { key: 'ebdfef5e3a35e3056f530ecef9e31bce6994440b', align: "center", justify: "space-between" }, index.h("x-space", { key: '6367f580ccca25457a2db77daf85235d4240632c', size: "middle", align: "center" }, index.h("x-flex", { key: '06d66e958bb3c3c4216ed349e401198b0ee6749e', align: "center", gap: "8" }, index.h("x-icon", { key: 'd58b467293e470943ae59778be6f64f3d891b503', name: "hub", size: 24, color: "var(--x-primary-color)" }), index.h("x-typography", { key: 'c97debb400798656775483cb3458e6764ab980b6', type: "title", level: 5, style: { margin: '0' } }, "XLabs Workflow Pro"))), index.h("x-space", { key: '67cd752411f4fabf4bb2f98526b03d09f1640f29', size: "small", align: "center" }, index.h("x-flex", { key: '5be6c491830ca000ddba7d949beb735c7a4ff232', align: "center", gap: "8" }, index.h("x-tooltip", { key: '6c879642b90f93320aea43ba2268df23011eea4a', tooltipTitle: "Import workflow from JSON" }, index.h("x-button", { key: '4637d288d27bce4bc89ebac163daed26ad03e232', 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 => {
+            } }, "Import")), index.h("x-dropdown", { key: '2c0fb034f11b46db6b85dd8c41d29d5517459832' }, index.h("x-button", { key: '43d7ab08abffbaef5207ba0f97a64b2d700e4bc7', type: "default", slot: "trigger" }, "Export ", index.h("x-icon", { key: 'c560ac02985ba51750878da346ecc449af1a19c2', name: "expand_more" })), index.h("x-menu", { key: '9ff6ec6c9eb0dfc240a27694a53557f60108fd39', slot: "overlay" }, index.h("x-menu-item", { key: 'a22685b9abd02be69200827e342ad4e2610b041b', onClick: () => this.exportJson() }, index.h("x-icon", { key: 'a9d371391ebde36105404e205e42507a0f2768a6', name: "json" }), " Export JSON"), index.h("x-menu-item", { key: '50cbd839196d85b24542ecd18f43dbba8933542a', onClick: () => this.exportAsImage() }, index.h("x-icon", { key: '252d7a4159d9677a09edc0658b210727c3bf02ef', name: "image" }), " Export PNG"))), index.h("x-divider", { key: '1f710d9b464ebb8aa74b438ddc4c354ed3075eb4', type: "vertical" }), index.h("x-tooltip", { key: '816c9686282cabff3f7d1fd39f36bb354b432738', tooltipTitle: "Toggle Dark/Light Mode" }, index.h("x-button", { key: '195ab847fdb73a2ef10885a95919b2eb266bd173', type: "text", onXClick: () => this.handleThemeToggle() }, index.h("x-icon", { key: '81a935b0a3a0cbf429e7937ba0ee08b97a3fb75f', name: this.theme === 'light' ? 'dark_mode' : 'light_mode' }))), index.h("x-flex", { key: '2dffa71677ca04f2a15126d4535fdfd0fa332d30', align: "center", gap: "16" }, index.h("x-flex", { key: 'f25e325f1fcecb12c7abac967b6b892965b92e25', align: "center", gap: "8" }, index.h("span", { key: '3cd32970aca0f4cef1e2f8361ea094c8c2e2e5df', style: { fontSize: '12px', color: '#64748b' } }, "Turbo"), index.h("x-switch", { key: '0427d53bf97b3af731e46d2d5c43a525abae156a', checked: this.turboMode, onXChange: (e) => (this.turboMode = e.detail) })), index.h("x-tooltip", { key: 'b6d92e19a956fb1c4767bbcaf74afc20a5f5d50c', tooltipTitle: "Force Layout" }, index.h("x-button", { key: 'cd70fe9412ab728a8f73c694b77b609865874307', type: "text", onXClick: () => this.handleForceLayout() }, index.h("x-icon", { key: '9f7b3245dd8c9ac1eb3784e4f41aee1f39b121f2', name: "auto_graph" }))), index.h("x-tooltip", { key: 'c0298e14a86adf9a2d131b1403b87e170ba39450', tooltipTitle: "Toggle Node Toolbar" }, index.h("x-button", { key: '432d0bbf939608fa797aa947b513c742203d655e', type: this.nodeToolbarVisible ? 'primary' : 'text', size: "small", onXClick: () => (this.nodeToolbarVisible = !this.nodeToolbarVisible) }, index.h("x-icon", { key: 'a1e36f1ca9b47e70c20af5fb833aaf4f531e69d9', name: "construction" })))), index.h("x-button", { key: 'baa2504bf8c2cf749f93189b67d06e989e202bd0', type: "primary", onXClick: () => this.showMessage('Workflow saved to server!', 'success') }, "Save Workflow"))))), index.h("x-layout", { key: '2fc53708c53e15d603df5c61efa6854c6dfa6a9a', hasSiderProp: true, class: "builder-main" }, this.renderLeftSider(), index.h("x-content", { key: '7a8e94ea2d279884c3a375e40a31740237b86589', class: "canvas-content" }, index.h("div", { key: 'd77d3ee7f9a5d37089514b24681db10473734bca', class: "canvas-wrapper" }, index.h("x-workflow", { key: 'e1f650c9c8e9796c3ddc1470c05e15f37c6dd523', 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) {
@@ -350,7 +350,7 @@ const XWorkflowBuilder = class {
                 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) }))));
+            } }), this.renderFloatingControls(), index.h("x-float-button", { key: '61b3edaec3ec6217811cee9569eec3aa24abd4bc', tooltip: "Recenter", onXClick: () => this.showMessage('Recenter logic here', 'info') }, index.h("x-icon", { key: 'bf5966e6d4b4e09c327428f7870de5105580a2bf', slot: "icon", name: "center_focus_weak" })), index.h("x-float-button", { key: '60e57ddc7f6d7397d0b6a68c861e1f936c7823ac', tooltip: "Help", onXClick: () => this.showMessage('Workflow Builder Help', 'info') }, index.h("x-icon", { key: 'd554dabe7e7775d952a6f75dd0b44be0b3a4bdc8', slot: "icon", name: "help_outline" })))), this.renderRightSider()), index.h("x-footer", { key: 'f62458cda16b13ae60dfec840ff10aa96e8dcb12', class: "builder-footer" }, index.h("x-space", { key: 'e52e51e2bfd2be5d5149ac9104b4e0657a8fc3f4', size: "middle" }, index.h("x-badge", { key: '3a80ba4fc6f8791505ca49ea9c5e0be24e21eefb', status: "processing", text: `Nodes: ${this.nodes.length}` }), index.h("x-divider", { key: '5f986a59b01d30b0566473d250e57393998871ae', type: "vertical" }), index.h("x-badge", { key: 'bea01f78b597bcb78b92503ca466e29e554d4caa', status: "warning", text: `Edges: ${this.edges.length}` }), index.h("x-divider", { key: '6cb5bb05eb06728b5fc90d7528b436a1d383e36d', type: "vertical" }), index.h("x-typography", { key: 'a1862f0446972fd52d80eee786fe4b6a5715327c', 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: '9e9871f08fa8bfe9bb6d2924df54ef070d25ab25', class: "footer-status" }, index.h("x-typography", { key: '44d202659a060d227c591054b90655e6ca005346', type: "text" }, "System Ready")))), index.h("div", { key: '3520e2845da297cd47c8f7e5b63cd342988d9467', 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: '879da576db1d6993986517c185c447ad758ffc0e', visible: this.importModalVisible, title: "Import Workflow Definition", onXOk: () => this.handleImport(), onXCancel: () => (this.importModalVisible = false), okText: "Import Now", cancelText: "Cancel" }, index.h("x-alert", { key: '017ecd3bcee9349df03e9cea3dc3db23429e3e79', 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: 'd7e9cb287bb486b2d3d0067acb07294dfd19dd81', type: "text" }, "Paste your JSON definition below:"), index.h("x-textarea", { key: '94f865b191d3fedf2f6f942c87061aa150a8dbcf', rows: 12, placeholder: '{ "nodes": [...], "edges": [...] }', value: this.importJson, onXChange: (ev) => (this.importJson = ev.detail) }))));
     }
     static get watchers() { return {
         "initialNodes": [{