@xlabs-store/core 0.0.1

package/components/x-tour.js

@@ -0,0 +1 @@
+import{t as o,p as r,H as e,c as x,h as t,d as i}from"./p-g6ZBqIze.js";import{P as a}from"./p-COpzIi1n.js";import{d as n}from"./p-Ce32Mo_Q.js";import{d as s}from"./p-BkiOFW3H.js";import{d as c}from"./p-CGIxdOEm.js";const l=r(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.xChange=x(this,"xChange",7),this.xClose=x(this,"xClose",7),this.xFinish=x(this,"xFinish",7)}get el(){return this}open=!1;current=0;steps=[];mask=!0;zIndex=1001;arrow=!0;xChange;xClose;xFinish;activeStep=null;targetRect=null;activePlacement="bottom";portalInstance=null;resizeObserver=null;scrollHandler;handleOpenChange(){this.updateTour()}handleCurrentChange(){this.updateTour()}componentWillLoad(){this.open&&this.updateTour()}componentDidLoad(){this.scrollHandler=()=>{this.open&&this.updateTargetRect()},window.addEventListener("scroll",this.scrollHandler,!0),this.resizeObserver=new ResizeObserver((()=>{this.open&&this.updateTargetRect()})),this.resizeObserver.observe(document.body)}disconnectedCallback(){this.portalInstance&&this.portalInstance.destroy(),window.removeEventListener("scroll",this.scrollHandler,!0),this.resizeObserver&&this.resizeObserver.disconnect()}getTargetElement(o){return o?"string"==typeof o?document.querySelector(o):"function"==typeof o?o():o:null}updateTargetRect(){if(!this.open||!this.steps||!this.steps[this.current])return void(this.targetRect=null);const o=this.steps[this.current],r=this.getTargetElement(o.target);r?(this.targetRect=r.getBoundingClientRect(),this.portalInstance&&this.portalInstance.update({target:r,placement:o.placement||"bottom"})):(this.targetRect=null,this.portalInstance&&this.portalInstance.update({target:null,placement:"bottom"}))}handleNext=()=>{this.current<this.steps.length-1?(this.current++,this.xChange.emit(this.current)):(this.xFinish.emit(),this.handleClose())};handlePrev=()=>{this.current>0&&(this.current--,this.xChange.emit(this.current))};handleClose=()=>{this.xClose.emit()};updateTour(){if(!this.open||!this.steps.length)return void(this.portalInstance&&(this.portalInstance.destroy(),this.portalInstance=null));const o=this.steps[this.current],r=this.getTargetElement(o.target),e=this.buildTourPanel();r||(e.style.position="fixed",e.style.top="50%",e.style.left="50%",e.style.transform="translate(-50%, -50%)",e.style.zIndex=this.zIndex+1),this.portalInstance?this.portalInstance.update({open:!0,target:r||void 0,placement:o.placement||"bottom",zIndex:this.zIndex+1,content:e,onPlacementChange:o=>{this.activePlacement=o,e.placement=o}}):this.portalInstance=a.create({open:!0,target:r||void 0,placement:o.placement||"bottom",zIndex:this.zIndex+1,content:e,offset:12,onPlacementChange:o=>{this.activePlacement=o,e.placement=o}}),this.updateTargetRect()}buildTourPanel(){const o=this.steps[this.current],r=document.createElement("x-tour-panel");return r.step=o,r.current=this.current,r.total=this.steps.length,r.arrow=this.arrow,r.placement=this.activePlacement,r.addEventListener("xNext",this.handleNext),r.addEventListener("xPrev",this.handlePrev),r.addEventListener("xClose",this.handleClose),r}render(){if(!this.open)return null;const o=window.innerWidth,r=window.innerHeight;let e=`M 0 0 h ${o} v ${r} h -${o} Z`;if(this.targetRect){const{left:o,top:r,width:x,height:t}=this.targetRect,i=4,a=2,n=x+2*i,s=t+2*i;e+=` M ${o-i+a} ${r-i} \n                    h ${n-2*a} \n                    a ${a} ${a} 0 0 1 ${a} ${a} \n                    v ${s-2*a} \n                    a ${a} ${a} 0 0 1 -${a} ${a} \n                    h -${n-2*a} \n                    a ${a} ${a} 0 0 1 -${a} -${a} \n                    v -${s-2*a} \n                    a ${a} ${a} 0 0 1 ${a} -${a} \n                    Z`}return t(i,{style:{zIndex:""+this.zIndex}},this.mask&&t("div",{class:"x-tour-mask"},t("svg",{class:"x-tour-svg",width:"100%",height:"100%",viewBox:`0 0 ${o} ${r}`},t("path",{class:"x-tour-mask-path",d:e,"fill-rule":"evenodd"}))))}static get watchers(){return{open:[{handleOpenChange:0}],current:[{handleCurrentChange:0}]}}static get style(){return'@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}'}},[513,"x-tour",{open:[4],current:[1026],steps:[16],mask:[4],zIndex:[2,"z-index"],arrow:[4],activeStep:[32],targetRect:[32],activePlacement:[32]},void 0,{open:[{handleOpenChange:0}],current:[{handleCurrentChange:0}]}]);function p(){"undefined"!=typeof customElements&&["x-tour","x-button","x-icon","x-tour-panel"].forEach((r=>{switch(r){case"x-tour":customElements.get(o(r))||customElements.define(o(r),l);break;case"x-button":customElements.get(o(r))||n();break;case"x-icon":customElements.get(o(r))||s();break;case"x-tour-panel":customElements.get(o(r))||c()}}))}p();const d=l,f=p;export{d as XTour,f as defineCustomElement}

package/components/x-transfer.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XTransfer extends Components.XTransfer, HTMLElement {}
+export const XTransfer: {
+    prototype: XTransfer;
+    new (): XTransfer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/x-transfer.js

@@ -0,0 +1 @@
+import{X as o,d as p}from"./p-DphUq6Z5.js";const s=o,r=p;export{s as XTransfer,r as defineCustomElement}

package/components/x-tree-select-dropdown-content.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XTreeSelectDropdownContent extends Components.XTreeSelectDropdownContent, HTMLElement {}
+export const XTreeSelectDropdownContent: {
+    prototype: XTreeSelectDropdownContent;
+    new (): XTreeSelectDropdownContent;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/x-tree-select-dropdown-content.js

@@ -0,0 +1 @@
+import{X as o,d as s}from"./p-DBk4T-b-.js";const p=o,r=s;export{p as XTreeSelectDropdownContent,r as defineCustomElement}

package/components/x-tree-select.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XTreeSelect extends Components.XTreeSelect, HTMLElement {}
+export const XTreeSelect: {
+    prototype: XTreeSelect;
+    new (): XTreeSelect;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/x-tree-select.js

@@ -0,0 +1 @@
+import{X as o,d as s}from"./p-ADwHM_jT.js";const p=o,r=s;export{p as XTreeSelect,r as defineCustomElement}

package/components/x-tree.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XTree extends Components.XTree, HTMLElement {}
+export const XTree: {
+    prototype: XTree;
+    new (): XTree;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/x-tree.js

@@ -0,0 +1 @@
+import{X as o,d as s}from"./p-DJ1WhSJ4.js";const p=o,r=s;export{p as XTree,r as defineCustomElement}

package/components/x-typography.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XTypography extends Components.XTypography, HTMLElement {}
+export const XTypography: {
+    prototype: XTypography;
+    new (): XTypography;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/x-typography.js

@@ -0,0 +1 @@
+import{X as o,d as s}from"./p-C7csgUoA.js";const p=o,r=s;export{p as XTypography,r as defineCustomElement}

package/components/x-upload.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XUpload extends Components.XUpload, HTMLElement {}
+export const XUpload: {
+    prototype: XUpload;
+    new (): XUpload;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/x-upload.js

@@ -0,0 +1 @@
+import{X as o,d as s}from"./p-BUjRcJoK.js";const p=o,r=s;export{p as XUpload,r as defineCustomElement}

package/components/x-virtual-scroll.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XVirtualScroll extends Components.XVirtualScroll, HTMLElement {}
+export const XVirtualScroll: {
+    prototype: XVirtualScroll;
+    new (): XVirtualScroll;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/x-virtual-scroll.js

@@ -0,0 +1 @@
+import{t as e,p as t,H as r,h as i,d as l}from"./p-g6ZBqIze.js";const a=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}items=[];itemHeight=40;height=300;overscan=5;width="100%";itemClass="";hoverable=!0;scrollTop=0;visibleRange={start:0,end:0};scrollContainerRef;componentWillLoad(){this.updateVisibleRange()}updateVisibleRange(){const{scrollTop:e,itemHeight:t,height:r,overscan:i,items:l}=this,a=l.length;this.visibleRange={start:Math.max(0,Math.floor(e/t)-i),end:Math.min(a-1,Math.ceil((e+r)/t)+i)}}handleScroll=e=>{this.scrollTop=e.target.scrollTop};async scrollToIndex(e,t="smooth"){this.scrollContainerRef&&e>=0&&e<this.items.length&&this.scrollContainerRef.scrollTo({top:e*this.itemHeight,behavior:t})}async getScrollTop(){return this.scrollTop}async getVisibleRange(){return this.visibleRange}render(){const{items:e,itemHeight:t,height:r,width:a,visibleRange:s,itemClass:o,hoverable:c}=this,n=e.length*t,d=s.start*t,b=e.slice(s.start,s.end+1);return i(l,{key:"d717a359fa4fa3037a75f1363aacbb4dcea2ccaa",class:"x-virtual-scroll-host",style:{width:a}},i("div",{key:"ff88b01940db972a4685e7ac349a61ba338bc860",class:"x-virtual-scroll-container",style:{height:r+"px",overflow:"auto",position:"relative"},onScroll:this.handleScroll,ref:e=>this.scrollContainerRef=e},i("div",{key:"7d32d8c277a41209eadf6ae8d260396972c84a6f",class:"x-virtual-scroll-spacer",style:{height:n+"px",position:"relative"}},i("div",{key:"a582f1e5d2b6da550ab4c4af630dfdff8b1c6a5d",class:"x-virtual-scroll-items",style:{transform:`translateY(${d}px)`,position:"absolute",top:"0",left:"0",right:"0"}},b.map(((e,r)=>{const l=s.start+r;return i("div",{class:{"x-virtual-scroll-item":!0,"x-virtual-scroll-item-hoverable":c,[o]:!!o},style:{height:t+"px",overflow:"hidden"},key:l,"data-index":l},i("slot",{name:"item-"+l},i("div",{class:"x-virtual-scroll-item-default"},"string"==typeof e?e:JSON.stringify(e))))}))))))}static get watchers(){return{scrollTop:[{updateVisibleRange:0}],items:[{updateVisibleRange:0}],itemHeight:[{updateVisibleRange:0}],height:[{updateVisibleRange:0}],overscan:[{updateVisibleRange:0}]}}static get style(){return":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}"}},[769,"x-virtual-scroll",{items:[16],itemHeight:[2,"item-height"],height:[2],overscan:[2],width:[1],itemClass:[1,"item-class"],hoverable:[4],scrollTop:[32],visibleRange:[32],scrollToIndex:[64],getScrollTop:[64],getVisibleRange:[64]},void 0,{scrollTop:[{updateVisibleRange:0}],items:[{updateVisibleRange:0}],itemHeight:[{updateVisibleRange:0}],height:[{updateVisibleRange:0}],overscan:[{updateVisibleRange:0}]}]);function s(){"undefined"!=typeof customElements&&["x-virtual-scroll"].forEach((t=>{"x-virtual-scroll"===t&&(customElements.get(e(t))||customElements.define(e(t),a))}))}s();const o=a,c=s;export{o as XVirtualScroll,c as defineCustomElement}

package/components/x-workflow-builder.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XWorkflowBuilder extends Components.XWorkflowBuilder, HTMLElement {}
+export const XWorkflowBuilder: {
+    prototype: XWorkflowBuilder;
+    new (): XWorkflowBuilder;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/x-workflow-builder.js

@@ -0,0 +1 @@
+import{t as e,p as o,H as t,h as r,d as a}from"./p-g6ZBqIze.js";import{d as i}from"./p-BVeQ5W_G.js";import{d as s}from"./p-CfhgoXyB.js";import{d as l}from"./p-Ce32Mo_Q.js";import{d as x}from"./p-BkPJ1Whr.js";import{d as n}from"./p-D8ew7Rgv.js";import{d as c}from"./p-PlUkLT0A.js";import{d}from"./p-B4R9Mtmk.js";import{d as p}from"./p-DD-W_fMF.js";import{d as f}from"./p-B-ClGFfy.js";import{d as b}from"./p-CSfrs76m.js";import{d as m}from"./p-DZPUUptR.js";import{d as g}from"./p-DEumEVI3.js";import{d as h}from"./p-DbRpEXwX.js";import{d as u}from"./p-B4rO7Sgt.js";import{d as y}from"./p-BskMfHyY.js";import{d as v}from"./p-en06CSUT.js";import{d as k}from"./p-Bz7MhZ4K.js";import{d as w}from"./p-BkiOFW3H.js";import{d as z}from"./p-DaL42JUi.js";import{d as C}from"./p-QTSiPk0I.js";import{d as E}from"./p-DTlSrH8_.js";import{d as X}from"./p-DVz50Dd3.js";import{d as j}from"./p-BM-ap7lt.js";import{d as S}from"./p-C_ZBjXFP.js";import{d as T}from"./p-BeIFU-wn.js";import{d as N}from"./p-B8SZP5Xz.js";import{d as I}from"./p-6KpqCGp9.js";import{d as B}from"./p-DZFphzg1.js";import{d as D}from"./p-ccpcKv5U.js";import{d as R}from"./p-CKUzvJue.js";import{d as M}from"./p-CFB6xkAX.js";import{d as L}from"./p-BVnVlCcd.js";import{d as P}from"./p-BZQcq9R_.js";import{d as U}from"./p-B-7Hwizp.js";import{d as _}from"./p-DcRlYBIl.js";import{d as F}from"./p-BSRP2TGa.js";import{d as G}from"./p-Bu2JqZs8.js";import{d as O}from"./p-C3gvR6nN.js";import{d as J}from"./p-DOxXxhXb.js";import{d as W}from"./p-Cd919NAP.js";import{d as H}from"./p-C7csgUoA.js";import{d as V}from"./p-CKVSyuIH.js";const A=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}initialNodes;initialEdges;builderTitle="XLabs Workflow Pro";nodes=[];edges=[];selectedNode=null;selectedEdge=null;viewport={x:0,y:0,zoom:1};activeTool="select";theme="light";turboMode=!1;snapToGrid=10;activeTab="content";gridVisible=!0;gridType="dots";nodeToolbarVisible=!0;nodeToolbarMode="selected";edgeRoutingMode="fixed";siderCollapsed=!1;importModalVisible=!1;importJson="";messages=[];componentWillLoad(){this.initializeFromProps()}handlePropsChange(){this.initializeFromProps()}initializeFromProps(){if(this.initialNodes)try{this.nodes="string"==typeof this.initialNodes?JSON.parse(this.initialNodes):[...this.initialNodes]}catch(e){console.error("Failed to parse initialNodes",e)}else this.nodes=[{id:"1",position:{x:250,y:150},data:{label:"Input Node"},type:"input",zIndex:10,resizable:!0},{id:"2",position:{x:100,y:100},data:{label:"Parent Group"},type:"group",width:400,height:300,resizable:!0,className:"group-node",zIndex:1},{id:"3",position:{x:120,y:120},data:{label:"Child Node"},parentId:"2",zIndex:11}];if(this.initialEdges)try{this.edges="string"==typeof this.initialEdges?JSON.parse(this.initialEdges):[...this.initialEdges]}catch(e){console.error("Failed to parse initialEdges",e)}else this.initialNodes||(this.edges=[{id:"e1-3",source:"1",target:"3",animated:!0}])}workflow;showMessage(e,o="info"){const t=""+Date.now();this.messages=[...this.messages,{id:t,content:e,type:o}]}handleMessageClose(e){this.messages=this.messages.filter((o=>o.id!==e))}addNode(e="default"){const o=""+Date.now();this.nodes=[...this.nodes,{id:o,position:{x:400,y:300},data:{label:`New ${e} Node`},type:e,shape:"branch"===e?"diamond":void 0,width:"branch"===e?100:150,height:"branch"===e?100:48,resizable:!0,zIndex:10}],this.showMessage(e.charAt(0).toUpperCase()+e.slice(1)+" node added","success")}handleUndo(){const e=this.el.shadowRoot?.querySelector("x-workflow");e?.service&&(e.service.undo(),this.showMessage("Undo successful","info"))}handleRedo(){const e=this.el.shadowRoot?.querySelector("x-workflow");e?.service&&(e.service.redo(),this.showMessage("Redo successful","info"))}handleNodeClick(e){this.selectedNode=e.detail,this.selectedEdge=null}handleEdgeClick(e){this.selectedEdge=e,this.selectedNode=null}updateNodeData(e,o){this.nodes=this.nodes.map((t=>t.id===e?{...t,data:{...t.data,...o}}:t));const t=this.nodes.find((o=>o.id===e));t&&this.selectedNode?.id===e&&(this.selectedNode=t)}updateNodeStyles(e,o){this.nodes=this.nodes.map((t=>t.id===e?{...t,style:{...t.style||{},...o}}:t));const t=this.nodes.find((o=>o.id===e));t&&this.selectedNode?.id===e&&(this.selectedNode=t)}handleAutoLayout(){const e=this.el.shadowRoot?.querySelector("x-workflow");e?.service&&(e.service.autoLayout(),this.showMessage("Auto layout applied","info"))}handleDelete(){const e=this.el.shadowRoot?.querySelector("x-workflow");e?.service&&(e.service.deleteSelected(),this.showMessage("Selection deleted","info"))}handleGroup(){this.workflow&&(this.workflow.groupSelected(),this.showMessage("Cells grouped","success"))}renderLeftSider(){return r("x-sider",{collapsible:!0,collapsed:this.siderCollapsed,onXCollapse:e=>this.siderCollapsed=e.detail,width:260,theme:"light",class:"toolbox-sider"},r("div",{class:"toolbox-content"},r("div",{class:"toolbox-section"},r("div",{class:"toolbox-section-header"},"Elements"),r("x-row",null,[{type:"input",label:"Input",icon:"login",color:"#1890ff"},{type:"default",label:"Process",icon:"settings",color:"#52c41a"},{type:"output",label:"Output",icon:"logout",color:"#f5222d"}].map((e=>r("x-col",{span:24},r("x-card",{hoverable:!0,bordered:!0,class:"palette-card",onClick:()=>this.addNode(e.type)},r("div",{class:"palette-card-content"},r("x-icon",{name:e.icon,size:20,color:e.color}),r("x-typography",{type:"text"},e.label)))))))),r("x-divider",{style:{margin:"16px 0"}}),r("div",{class:"toolbox-section"},r("div",{class:"toolbox-section-header"},"Logic & Data"),r("x-row",null,[{type:"branch",label:"Branch",icon:"alt_route",color:"#faad14"},{type:"group",label:"Group",icon:"crop_free",color:"#722ed1"}].map((e=>r("x-col",{span:24},r("x-card",{hoverable:!0,bordered:!0,class:"palette-card",onClick:()=>this.addNode(e.type)},r("div",{class:"palette-card-content"},r("x-icon",{name:e.icon,size:20,color:e.color}),r("x-typography",{type:"text"},e.label))))))))))}renderFloatingControls(){return r("div",{class:"canvas-floating-controls"},r("x-segmented",{value:this.activeTool,options:[{label:"Select",value:"select"},{label:"Draw",value:"freehand"},{label:"Rect",value:"rectangle"},{label:"Eraser",value:"eraser"}],onXChange:e=>this.activeTool=e.detail.value}),r("x-divider",{type:"vertical"}),r("x-space",{size:"small"},r("x-tooltip",{tooltipTitle:"Undo (Ctrl+Z)"},r("x-button",{type:"text",onXClick:()=>this.handleUndo()},r("x-icon",{name:"undo",size:16}))),r("x-tooltip",{tooltipTitle:"Redo (Ctrl+Y)"},r("x-button",{type:"text",onXClick:()=>this.handleRedo()},r("x-icon",{name:"redo",size:16}))),r("x-tooltip",{tooltipTitle:"Auto Layout"},r("x-button",{type:"text",onXClick:()=>this.handleAutoLayout()},r("x-icon",{name:"grid_view",size:16}))),r("x-tooltip",{tooltipTitle:"Delete Selection (Del)"},r("x-button",{type:"text",onXClick:()=>this.handleDelete()},r("x-icon",{name:"delete",size:16,color:"#ff4d4f"}))),r("x-tooltip",{tooltipTitle:"Group Selection"},r("x-button",{type:"text",onXClick:()=>this.handleGroup()},r("x-icon",{name:"group_work",size:16,color:"var(--x-primary-color)"}))),r("x-divider",{type:"vertical"}),r("x-tooltip",{tooltipTitle:"Toggle Grid"},r("x-button",{type:"text",onXClick:()=>{this.gridVisible=!this.gridVisible}},r("x-icon",{name:this.gridVisible?"grid_on":"grid_off",size:16})))))}renderRightSider(){return r("x-sider",{width:320,theme:"light",class:"properties-sider"},r("div",{class:"sider-header"},r("x-icon",{name:"tune",size:18}),r("x-typography",{type:"title",level:4,style:{margin:"0"}},"Properties")),this.selectedNode?r("div",{class:"node-editor"},r("div",{class:"selected-node-info"},r("x-tag",{color:"processing"},this.selectedNode.type?.toUpperCase()),r("x-typography",{type:"text",strong:!0},this.selectedNode.id)),r("div",{class:"property-sections"},r("div",{class:"property-section-title"},"Content"),this.renderContentTab(),r("x-divider",{style:{margin:"16px 0"}}),r("div",{class:"property-section-title"},"Design"),this.renderDesignTab(),r("x-divider",{style:{margin:"16px 0"}}),r("div",{class:"property-section-title"},"Layout"),this.renderLayoutTab())):this.selectedEdge?(()=>{const e=this.selectedEdge,o=e.style||{},t=o.stroke||"#b1b1b7",a=parseInt(o.strokeWidth||"2"),i=o.strokeDasharray,s=i?"5,5"===i?"dashed":"dotted":"solid";return r("div",{class:"edge-editor"},r("div",{class:"selected-node-info"},r("x-tag",{color:"warning"},"EDGE"),r("x-typography",{type:"text",strong:!0},e.id)),r("div",{class:"property-sections"},r("div",{class:"property-section-title"},"Content"),r("x-card",{bordered:!1,size:"small",type:"inner"},r("x-form",{layout:"vertical"},r("x-form-item",{label:"Label"},r("x-input",{value:this.selectedEdge.label||"",onXChange:o=>{const t=o.detail.value;this.edges=this.edges.map((o=>o.id===e.id?{...o,label:t}:o)),this.selectedEdge={...e,label:t}}})),r("x-form-item",{label:"Source → Target"},r("x-typography",{type:"text",disabled:!0},this.selectedEdge.source," ","→"," ",this.selectedEdge.target)))),r("x-divider",{style:{margin:"16px 0"}}),r("div",{class:"property-section-title"},"Design"),r("x-card",{bordered:!1,size:"small",type:"inner"},r("x-form",{layout:"vertical"},r("x-form-item",{label:"Edge Type"},r("x-select",{value:this.selectedEdge.type||"default",onXChange:o=>{const t=o.detail.value;this.edges=this.edges.map((o=>o.id===e.id?{...o,type:t}:o)),this.selectedEdge={...e,type:t}}},r("x-select-option",{value:"default"},"Bezier (Curve)"),r("x-select-option",{value:"straight"},"Linear (Straight)"),r("x-select-option",{value:"step"},"Step"),r("x-select-option",{value:"smoothstep"},"Smooth Step"))),r("x-form-item",{label:"Stroke Color"},r("x-color-picker",{value:t,onXChange:t=>{const r={...o||{},stroke:t.detail.value};this.edges=this.edges.map((o=>o.id===e.id?{...o,style:r}:o)),this.selectedEdge={...e,style:r}}})),r("x-form-item",{label:"Stroke Width"},r("x-slider",{min:1,max:10,value:a,onXChange:t=>{const r={...o||{},strokeWidth:t.detail+""};this.edges=this.edges.map((o=>o.id===e.id?{...o,style:r}:o)),this.selectedEdge={...e,style:r}}})),r("x-form-item",{label:"Animated"},r("x-switch",{checked:this.selectedEdge.animated,onXChange:o=>{const t=o.detail;this.edges=this.edges.map((o=>o.id===e.id?{...o,animated:t}:o)),this.selectedEdge={...e,animated:t}}})),r("x-form-item",{label:"Stroke Style"},r("x-select",{value:s,onXChange:t=>{const r=t.detail.value,a={...o||{},strokeDasharray:"dashed"===r?"5,5":"dotted"===r?"2,2":void 0};this.edges=this.edges.map((o=>o.id===e.id?{...o,style:a}:o)),this.selectedEdge={...e,style:a}}},r("x-select-option",{value:"solid"},"Solid"),r("x-select-option",{value:"dashed"},"Dashed"),r("x-select-option",{value:"dotted"},"Dotted"))),r("x-divider",{plain:!0,style:{fontSize:"11px",margin:"8px 0"}},"Handle Routing"),r("x-row",{gutter:8},r("x-col",{span:12},r("x-form-item",{label:"Src"},r("x-select",{size:"small",value:this.selectedEdge.sourceHandle||"right",onXChange:o=>{const t=o.detail.value;this.edges=this.edges.map((o=>o.id===e.id?{...o,sourceHandle:t}:o)),this.selectedEdge={...e,sourceHandle:t}}},r("x-select-option",{value:"top"},"Top"),r("x-select-option",{value:"right"},"Right"),r("x-select-option",{value:"bottom"},"Bottom"),r("x-select-option",{value:"left"},"Left")))),r("x-col",{span:12},r("x-form-item",{label:"Tgt"},r("x-select",{size:"small",value:this.selectedEdge.targetHandle||"left",onXChange:o=>{const t=o.detail.value;this.edges=this.edges.map((o=>o.id===e.id?{...o,targetHandle:t}:o)),this.selectedEdge={...e,targetHandle:t}}},r("x-select-option",{value:"top"},"Top"),r("x-select-option",{value:"right"},"Right"),r("x-select-option",{value:"bottom"},"Bottom"),r("x-select-option",{value:"left"},"Left")))))))))})():r("div",{class:"empty-selection"},r("x-result",{status:"info",resultTitle:"No Selection",subTitle:"Select a node or edge to edit."},r("div",{slot:"extra"},r("x-button",{type:"primary",size:"small",onXClick:()=>this.addNode("default")},"Add Node")))),r("div",{class:"global-config"},r("x-divider",{orientation:"left"},"Global Settings"),r("x-form",{layout:"vertical",size:"small"},r("x-row",{gutter:[0,16]},r("x-col",{span:24},r("x-form-item",{label:"Routing Mode"},r("x-segmented",{value:this.edgeRoutingMode,options:[{label:"Fixed",value:"fixed"},{label:"Auto",value:"auto"}],onXChange:e=>this.edgeRoutingMode=e.detail}))),r("x-col",{span:24},r("x-form-item",{label:"Toolbar Mode"},r("x-select",{value:this.nodeToolbarMode,onXChange:e=>this.nodeToolbarMode=e.detail.value},r("x-select-option",{value:"selected"},"On Select"),r("x-select-option",{value:"always"},"Always"),r("x-select-option",{value:"hover"},"On Hover")))),r("x-col",{span:24},r("x-form-item",{label:"Snap to Grid"},r("x-select",{value:""+this.snapToGrid,onXChange:e=>this.snapToGrid=parseInt(e.detail.value)},r("x-select-option",{value:"0"},"Off"),r("x-select-option",{value:"10"},"10px"),r("x-select-option",{value:"20"},"20px"),r("x-select-option",{value:"50"},"50px")))),r("x-col",{span:24},r("x-form-item",{label:"Grid Style"},r("x-segmented",{value:this.gridType,options:[{label:"Dots",value:"dots"},{label:"Lines",value:"lines"}],onXChange:e=>this.gridType=e.detail})))))))}handleThemeToggle(){this.theme="light"===this.theme?"dark":"light",this.showMessage(`Switched to ${this.theme} mode`,"info")}handleForceLayout(){this.workflow&&(this.workflow.forceLayout(),this.showMessage("Force layout applied","info"))}async exportAsImage(){const e=this.el.shadowRoot?.querySelector("x-workflow"),o=e?.shadowRoot?.querySelector(".workflow-container");if(!o)return;this.showMessage("Generating image...","loading");const t=o.querySelector("svg"),r=(new XMLSerializer).serializeToString(t),a=document.createElement("canvas"),i=a.getContext("2d"),s=new Image,l=o.getBoundingClientRect();a.width=l.width,a.height=l.height;const x=new Blob([r],{type:"image/svg+xml;charset=utf-8"}),n=URL.createObjectURL(x);s.onload=()=>{i.fillStyle="white",i.fillRect(0,0,a.width,a.height),i.drawImage(s,0,0);const e=a.toDataURL("image/png"),o=document.createElement("a");o.href=e,o.download="workflow-export.png",o.click(),URL.revokeObjectURL(n),this.showMessage("Image exported successfully","success")},s.src=n}exportJson(){const e=this.el.shadowRoot?.querySelector("x-workflow"),o=e?.service?e.service.getFullState():{nodes:this.nodes,edges:this.edges,viewport:this.viewport},t=new Blob([JSON.stringify(o,null,2)],{type:"application/json"}),r=URL.createObjectURL(t),a=document.createElement("a");a.href=r,a.download="workflow.json",a.click(),URL.revokeObjectURL(r),this.showMessage("JSON exported successfully","success")}handleImport(){try{const e=JSON.parse(this.importJson);e.nodes&&(this.nodes=e.nodes),e.edges&&(this.edges=e.edges),this.importModalVisible=!1,this.showMessage("Workflow imported successfully","success")}catch{this.showMessage("Invalid JSON format","error")}}renderContentTab(){const e=this.selectedNode;return e?r("x-card",{bordered:!1,size:"small",type:"inner"},r("x-form",{layout:"vertical"},r("x-form-item",{label:"Label"},r("x-input",{value:e.data.label,onXChange:o=>this.updateNodeData(e.id,{label:o.detail.value})})),r("x-form-item",{label:"Node ID"},r("x-input",{value:e.id,disabled:!0})))):null}renderDesignTab(){const e=this.selectedNode;return e?r("x-card",{bordered:!1,size:"small",type:"inner"},r("x-form",{layout:"vertical"},r("x-row",{gutter:16},r("x-col",{span:12},r("x-form-item",{label:"Width"},r("x-input-number",{value:e.width||150,onXChange:o=>this.updateNodeStyles(e.id,{width:o.detail.value})}))),r("x-col",{span:12},r("x-form-item",{label:"Height"},r("x-input-number",{value:e.height||48,onXChange:o=>this.updateNodeStyles(e.id,{height:o.detail.value})})))),r("x-form-item",{label:"Background Color"},r("x-color-picker",{value:e.style?.background||"#ffffff",onXChange:o=>this.updateNodeStyles(e.id,{background:o.detail.value})})),r("x-form-item",{label:"Border Radius"},r("x-slider",{min:0,max:24,value:parseInt(e.style?.borderRadius||"6"),onXChange:o=>this.updateNodeStyles(e.id,{borderRadius:o.detail+"px"})})))):null}renderLayoutTab(){const e=this.selectedNode;return e?r("x-card",{bordered:!1,size:"small",type:"inner"},r("x-form",{layout:"vertical"},r("x-form-item",{label:"Z-Index"},r("x-input-number",{value:e.zIndex||10,onXChange:o=>this.nodes=this.nodes.map((t=>t.id===e.id?{...t,zIndex:o.detail.value}:t))})),r("x-form-item",{label:"Resizable"},r("x-switch",{checked:e.resizable,onXChange:o=>this.nodes=this.nodes.map((t=>t.id===e.id?{...t,resizable:o.detail}:t))})))):null}render(){return r(a,{key:"0faccbdf9f2a3bac562a28492783d72ac9d85904"},r("x-layout",{key:"674c830b74114a268525fecd51f2b6e36ffd2621",fixed:!0,class:"builder-root"},r("x-header",{key:"d8fc35929a764c3ba412f92220ebaeb09dbbb5d7",class:"builder-header"},r("x-flex",{key:"24037e3fd064f1bf88dd1ced6f497e7fac9907e3",align:"center",justify:"space-between"},r("x-space",{key:"b02059d2d9a24e38c4b8527eb7730bfa5d4fe9fc",size:"middle",align:"center"},r("x-flex",{key:"22c7194ece550caf4e9318c0a86663832c043649",align:"center",gap:"8"},r("x-icon",{key:"e805b06acfaa1ef28166deadd8368155f2246c29",name:"hub",size:24,color:"var(--x-primary-color)"}),r("x-typography",{key:"9b2034e63d14ee4597edb5fb1f9ede67851ba7bc",type:"title",level:5,style:{margin:"0"}},"XLabs Workflow Pro"))),r("x-space",{key:"6c52a2cca4b01c154add473b205e87e26638efaf",size:"small",align:"center"},r("x-flex",{key:"bb727e2f612c3d534b38be95f86d54f7fc426c48",align:"center",gap:"8"},r("x-tooltip",{key:"d937710e20370e27ea15e2eb04b4693adb2f05cb",tooltipTitle:"Import workflow from JSON"},r("x-button",{key:"e1d70e5e0f45851c7c12ae407f3c10707c031fb5",type:"default",onXClick:()=>{this.importModalVisible=!0}},"Import")),r("x-dropdown",{key:"fdf3302b1825141a07d1c1d87a578d9c8cae2cee"},r("x-button",{key:"37fbb14fc1afcdf9f5c681302416615b2e06efac",type:"default",slot:"trigger"},"Export ",r("x-icon",{key:"f4176e5d46069165607466fc2a3a21ca03c7036a",name:"expand_more"})),r("x-menu",{key:"220f750110eeb4fbabded36fb56a5ec489892c2c",slot:"overlay"},r("x-menu-item",{key:"071cf5aca5c26c03f0928b5073fac23563a170bb",onClick:()=>this.exportJson()},r("x-icon",{key:"e6e485bf6b1065b4bf8e41945b5bfc5221d76423",name:"json"})," Export JSON"),r("x-menu-item",{key:"2eff28ca8352e66676c6ade4f15f722c56b30135",onClick:()=>this.exportAsImage()},r("x-icon",{key:"098cd706b93d8bf1e7e96c1c0fe403c811f4600e",name:"image"})," Export PNG"))),r("x-divider",{key:"be1dbaf01a62a2e8fcf48443566dcaf245273afa",type:"vertical"}),r("x-tooltip",{key:"a8b0a2afcacb9d85c7a3bfb59ba58387f627a758",tooltipTitle:"Toggle Dark/Light Mode"},r("x-button",{key:"31327eb682df35d0ca6f7b899382162573e1e3a1",type:"text",onXClick:()=>this.handleThemeToggle()},r("x-icon",{key:"be69001a8215b6d0b808697e2f6689eb673ba49c",name:"light"===this.theme?"dark_mode":"light_mode"}))),r("x-flex",{key:"994850fd003567ee89c0192a25e83e234c10c7f7",align:"center",gap:"16"},r("x-flex",{key:"a05903aa8fd15576fb484d296e34da83083bd11f",align:"center",gap:"8"},r("span",{key:"b636943e65255ad669bf96813d2a9b313c57c054",style:{fontSize:"12px",color:"#64748b"}},"Turbo"),r("x-switch",{key:"39fe9f954f8ca4be2d78ddb7fc72c1141194e9b4",checked:this.turboMode,onXChange:e=>this.turboMode=e.detail})),r("x-tooltip",{key:"6988771c0453533a11cd7f86445d7c09a441fe69",tooltipTitle:"Force Layout"},r("x-button",{key:"0744f1c1078df2326044c0fa713770b33fd95aed",type:"text",onXClick:()=>this.handleForceLayout()},r("x-icon",{key:"90cf5cca862b1058121de9431feca17e188c97b9",name:"auto_graph"}))),r("x-tooltip",{key:"265915fd6ca5a4ffca87cf32768b165799edb886",tooltipTitle:"Toggle Node Toolbar"},r("x-button",{key:"b448b0da6fc61e444ba7ef109566334436c803e7",type:this.nodeToolbarVisible?"primary":"text",size:"small",onXClick:()=>this.nodeToolbarVisible=!this.nodeToolbarVisible},r("x-icon",{key:"dcc9969bdc8998aaaf36bd4397e6afe5966626fe",name:"construction"})))),r("x-button",{key:"be82367deddb5d4686f0826e28d8455a2cd55f1a",type:"primary",onXClick:()=>this.showMessage("Workflow saved to server!","success")},"Save Workflow"))))),r("x-layout",{key:"e4d585c24bdaf70a2e5cac037f72fb2f15d15f5f",hasSiderProp:!0,class:"builder-main"},this.renderLeftSider(),r("x-content",{key:"79da1d665a29f917203e543282bb7a4139b62c6c",class:"canvas-content"},r("div",{key:"1643dc6ad989d1f5882fdc0f43b05ae69c9ba4c7",class:"canvas-wrapper"},r("x-workflow",{key:"f75cb6876a60fa3ef45464e55d2a1b02495d2c31",ref:e=>this.workflow=e,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?"dots"===this.gridType?"dots":"lines":"dots"},onXNodeClick:e=>this.handleNodeClick(e),onXEdgeClick:e=>this.handleEdgeClick(e.detail),onXNodesChange:e=>{this.nodes=e.detail;const o=this.nodes.find((e=>e.selected));o?(this.selectedNode=o,this.selectedEdge=null):this.selectedEdge||(this.selectedNode=null)},onXEdgesChange:e=>{this.edges=e.detail;const o=this.edges.find((e=>e.selected));o?(this.selectedEdge=o,this.selectedNode=null):this.selectedNode||(this.selectedEdge=null)},onXConnect:e=>console.log("Connected:",e.detail),onXViewportChange:e=>this.viewport=e.detail,onClick:()=>{const e=this.el.shadowRoot?.querySelector("x-workflow");0===e?.selectedEdges?.length&&(this.selectedEdge=null)}}),this.renderFloatingControls(),r("x-float-button",{key:"39d836c7bb23aaf84579157570ea1735646c1f65",tooltip:"Recenter",onXClick:()=>this.showMessage("Recenter logic here","info")},r("x-icon",{key:"e0f62bcf71a9c5d7ed35b8b21ce943ed2c1da114",slot:"icon",name:"center_focus_weak"})),r("x-float-button",{key:"95e6c4e2ab813e32694921fc4392444960f19184",tooltip:"Help",onXClick:()=>this.showMessage("Workflow Builder Help","info")},r("x-icon",{key:"f86748e2f74b2f4b00d9f344e66dba70ac05ccc2",slot:"icon",name:"help_outline"})))),this.renderRightSider()),r("x-footer",{key:"67d036b3fbffbd5dba994cae365800a2ae160670",class:"builder-footer"},r("x-space",{key:"34a71fad3b61d7fa9bfb9a304c994efe04e44005",size:"middle"},r("x-badge",{key:"653453953d21e71c4f6143e5a1d2024cbce1242d",status:"processing",text:"Nodes: "+this.nodes.length}),r("x-divider",{key:"3dfc7e538647bda82e31df0a8cafca4a7fa2209e",type:"vertical"}),r("x-badge",{key:"45efad274387a274393e3c2d76d23ea93b57efba",status:"warning",text:"Edges: "+this.edges.length}),r("x-divider",{key:"e2fdb7bf6d5530f3030527c1de27bc0bbf26a001",type:"vertical"}),r("x-typography",{key:"b29d0f786981f20bdc7a0e489cef8fd5fd3c1f5e",type:"text",class:"viewport-info"},"Zoom: ",Math.round(100*this.viewport.zoom),"% | X: ",Math.round(this.viewport.x)," Y: ",Math.round(this.viewport.y))),r("div",{key:"78451993195deb5a8092dbed3f6b8b6366d48776",class:"footer-status"},r("x-typography",{key:"cba7d868c9ae149c8f5749a88f4cd9f3a0b7ede7",type:"text"},"System Ready")))),r("div",{key:"07a20f58eb36afe52bacea4bbf7924dfb0b40c1b",class:"message-container"},this.messages.map((e=>r("x-message",{content:e.content,type:e.type,onXClose:()=>this.handleMessageClose(e.id)})))),r("x-modal",{key:"118d787f46866a103853fc68822dd88dc2ef0faa",visible:this.importModalVisible,title:"Import Workflow Definition",onXOk:()=>this.handleImport(),onXCancel:()=>this.importModalVisible=!1,okText:"Import Now",cancelText:"Cancel"},r("x-alert",{key:"ae0ed9cd468f9c440dbe77386d836bf7b9e8ae97",message:"Warning",description:"Importing a new JSON will overwrite your current workflow state.",type:"warning",showIcon:!0,style:{marginBottom:"16px"}}),r("x-typography",{key:"fb15c18c0a115dd73af8b65093f88062c8093e5e",type:"text"},"Paste your JSON definition below:"),r("x-textarea",{key:"11fe3b5a2c30a67f69fe653731da4ea5e8ddde01",rows:12,placeholder:'{ "nodes": [...], "edges": [...] }',value:this.importJson,onXChange:e=>this.importJson=e.detail})))}static get watchers(){return{initialNodes:[{handlePropsChange:0}],initialEdges:[{handlePropsChange:0}]}}static get style(){return'@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)}'}},[513,"x-workflow-builder",{initialNodes:[1,"initial-nodes"],initialEdges:[1,"initial-edges"],builderTitle:[1,"builder-title"],nodes:[32],edges:[32],selectedNode:[32],selectedEdge:[32],viewport:[32],activeTool:[32],theme:[32],turboMode:[32],snapToGrid:[32],activeTab:[32],gridVisible:[32],gridType:[32],nodeToolbarVisible:[32],nodeToolbarMode:[32],edgeRoutingMode:[32],siderCollapsed:[32],importModalVisible:[32],importJson:[32],messages:[32]},void 0,{initialNodes:[{handlePropsChange:0}],initialEdges:[{handlePropsChange:0}]}]);function Z(){"undefined"!=typeof customElements&&["x-workflow-builder","x-alert","x-badge","x-button","x-card","x-col","x-color-picker","x-color-picker-panel","x-content","x-divider","x-dropdown","x-dropdown-content","x-flex","x-float-button","x-footer","x-form","x-form-item","x-header","x-icon","x-input","x-input-number","x-layout","x-menu","x-menu-item","x-message","x-modal","x-modal-content","x-result","x-row","x-segmented","x-select","x-select-dropdown-content","x-select-option","x-sider","x-slider","x-space","x-switch","x-tag","x-textarea","x-tooltip","x-tooltip-content","x-typography","x-workflow"].forEach((o=>{switch(o){case"x-workflow-builder":customElements.get(e(o))||customElements.define(e(o),A);break;case"x-alert":customElements.get(e(o))||i();break;case"x-badge":customElements.get(e(o))||s();break;case"x-button":customElements.get(e(o))||l();break;case"x-card":customElements.get(e(o))||x();break;case"x-col":customElements.get(e(o))||n();break;case"x-color-picker":customElements.get(e(o))||c();break;case"x-color-picker-panel":customElements.get(e(o))||d();break;case"x-content":customElements.get(e(o))||p();break;case"x-divider":customElements.get(e(o))||f();break;case"x-dropdown":customElements.get(e(o))||b();break;case"x-dropdown-content":customElements.get(e(o))||m();break;case"x-flex":customElements.get(e(o))||g();break;case"x-float-button":customElements.get(e(o))||h();break;case"x-footer":customElements.get(e(o))||u();break;case"x-form":customElements.get(e(o))||y();break;case"x-form-item":customElements.get(e(o))||v();break;case"x-header":customElements.get(e(o))||k();break;case"x-icon":customElements.get(e(o))||w();break;case"x-input":customElements.get(e(o))||z();break;case"x-input-number":customElements.get(e(o))||C();break;case"x-layout":customElements.get(e(o))||E();break;case"x-menu":customElements.get(e(o))||X();break;case"x-menu-item":customElements.get(e(o))||j();break;case"x-message":customElements.get(e(o))||S();break;case"x-modal":customElements.get(e(o))||T();break;case"x-modal-content":customElements.get(e(o))||N();break;case"x-result":customElements.get(e(o))||I();break;case"x-row":customElements.get(e(o))||B();break;case"x-segmented":customElements.get(e(o))||D();break;case"x-select":customElements.get(e(o))||R();break;case"x-select-dropdown-content":customElements.get(e(o))||M();break;case"x-select-option":customElements.get(e(o))||L();break;case"x-sider":customElements.get(e(o))||P();break;case"x-slider":customElements.get(e(o))||U();break;case"x-space":customElements.get(e(o))||_();break;case"x-switch":customElements.get(e(o))||F();break;case"x-tag":customElements.get(e(o))||G();break;case"x-textarea":customElements.get(e(o))||O();break;case"x-tooltip":customElements.get(e(o))||J();break;case"x-tooltip-content":customElements.get(e(o))||W();break;case"x-typography":customElements.get(e(o))||H();break;case"x-workflow":customElements.get(e(o))||V()}}))}Z();const q=A,Y=Z;export{q as XWorkflowBuilder,Y as defineCustomElement}

package/components/x-workflow.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XWorkflow extends Components.XWorkflow, HTMLElement {}
+export const XWorkflow: {
+    prototype: XWorkflow;
+    new (): XWorkflow;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/x-workflow.js

@@ -0,0 +1 @@
+import{X as o,d as s}from"./p-CKVSyuIH.js";const p=o,r=s;export{p as XWorkflow,r as defineCustomElement}

package/dist/cjs/abstract-control-C4D0eNCC.js

@@ -0,0 +1,277 @@
+'use strict';
+
+/**
+ * AbstractControl — Base class mirroring Angular's AbstractControl
+ * Provides: value, status, errors, dirty, touched, pristine, valid, invalid
+ */
+class AbstractControl {
+    _value = null;
+    _status = 'VALID';
+    _errors = null;
+    _validators = [];
+    _asyncValidators = [];
+    _updateOn = 'change';
+    _dirty = false;
+    _touched = false;
+    _pending = false;
+    // Listeners
+    _onChange = [];
+    _onStatusChange = [];
+    _valueChangeListeners = new Set();
+    _statusChangeListeners = new Set();
+    _stateChangeListeners = new Set();
+    parent = null;
+    getRawValue() {
+        return this.value;
+    }
+    get valid() { return this._status === 'VALID'; }
+    get invalid() { return this._status === 'INVALID'; }
+    get pending() { return this._status === 'PENDING'; }
+    get disabled() { return this._status === 'DISABLED'; }
+    get enabled() { return this._status !== 'DISABLED'; }
+    get dirty() { return this._dirty; }
+    get pristine() { return !this._dirty; }
+    get touched() { return this._touched; }
+    get untouched() { return !this._touched; }
+    get status() { return this._status; }
+    get errors() { return this._errors; }
+    get updateOn() { return this._updateOn; }
+    // ─── Value Change Observable ──────────────────────────────────
+    /**
+     * Subscribe to value changes — returns unsubscribe fn
+     */
+    valueChanges(listener) {
+        this._valueChangeListeners.add(listener);
+        return () => this._valueChangeListeners.delete(listener);
+    }
+    /**
+     * Subscribe to status changes — returns unsubscribe fn
+     */
+    statusChanges(listener) {
+        this._statusChangeListeners.add(listener);
+        return () => this._statusChangeListeners.delete(listener);
+    }
+    /**
+     * Subscribe to state changes (value + status + errors)
+     */
+    stateChanges(listener) {
+        this._stateChangeListeners.add(listener);
+        return () => this._stateChangeListeners.delete(listener);
+    }
+    // ─── State Mutations ──────────────────────────────────────────
+    markAsDirty(opts = {}) {
+        this._dirty = true;
+        if (!opts.onlySelf && this.parent) {
+            this.parent.markAsDirty(opts);
+        }
+    }
+    markAsPristine(opts = {}) {
+        this._dirty = false;
+        this._forEachChild((control) => control.markAsPristine({ onlySelf: true }));
+        if (!opts.onlySelf && this.parent) {
+            this.parent._updateDirty();
+        }
+    }
+    markAsTouched(opts = {}) {
+        this._touched = true;
+        if (!opts.onlySelf && this.parent) {
+            this.parent.markAsTouched(opts);
+        }
+    }
+    markAsUntouched(opts = {}) {
+        this._touched = false;
+        this._forEachChild((control) => control.markAsUntouched({ onlySelf: true }));
+        if (!opts.onlySelf && this.parent) {
+            this.parent._updateTouched();
+        }
+    }
+    markAllAsTouched() {
+        this.markAsTouched({ onlySelf: true });
+        this._forEachChild((control) => control.markAllAsTouched());
+    }
+    markAllAsDirty() {
+        this.markAsDirty({ onlySelf: true });
+        this._forEachChild((control) => control.markAllAsDirty());
+    }
+    // ─── Enable / Disable ─────────────────────────────────────────
+    enable(opts = {}) {
+        this._status = 'VALID';
+        this._forEachChild((control) => control.enable({ onlySelf: true }));
+        this._updateValueAndValidity(opts);
+        if (opts.emitEvent !== false) {
+            this._emitStatusChange(this._status);
+        }
+    }
+    disable(opts = {}) {
+        this._status = 'DISABLED';
+        this._errors = null;
+        this._forEachChild((control) => control.disable({ onlySelf: true }));
+        if (opts.emitEvent !== false) {
+            this._emitStatusChange(this._status);
+        }
+        if (!opts.onlySelf && this.parent) {
+            this.parent._updateValueAndValidity(opts);
+        }
+    }
+    // ─── Validators ───────────────────────────────────────────────
+    setValidators(validators) {
+        this._validators = this._coerceToArray(validators);
+        this._runValidation();
+    }
+    addValidators(validators) {
+        const arr = this._coerceToArray(validators);
+        this._validators = [...this._validators, ...arr.filter(v => !this._validators.includes(v))];
+    }
+    removeValidators(validators) {
+        const arr = this._coerceToArray(validators);
+        this._validators = this._validators.filter(v => !arr.includes(v));
+    }
+    clearValidators() {
+        this._validators = [];
+    }
+    hasValidator(validator) {
+        return this._validators.includes(validator);
+    }
+    setAsyncValidators(validators) {
+        this._asyncValidators = this._coerceToArray(validators);
+    }
+    clearAsyncValidators() {
+        this._asyncValidators = [];
+    }
+    // ─── Errors ───────────────────────────────────────────────────
+    setErrors(errors, opts = {}) {
+        this._setErrors(errors, opts);
+    }
+    getError(errorCode, path) {
+        const control = path ? this.get(path) : this;
+        return control && control._errors ? control._errors[errorCode] : null;
+    }
+    hasError(errorCode, path) {
+        return !!this.getError(errorCode, path);
+    }
+    // ─── Traverse ────────────────────────────────────────────────
+    get(path) {
+        return _find(this, path);
+    }
+    get root() {
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
+        let x = this;
+        while (x.parent)
+            x = x.parent;
+        return x;
+    }
+    // ─── Internal ────────────────────────────────────────────────
+    _applyValidators(validatorsOrOptions, asyncValidators) {
+        if (validatorsOrOptions && typeof validatorsOrOptions === 'object' && !Array.isArray(validatorsOrOptions) && 'validators' in validatorsOrOptions) {
+            const opts = validatorsOrOptions;
+            this._validators = this._coerceToArray(opts.validators);
+            this._asyncValidators = this._coerceToArray(opts.asyncValidators);
+        }
+        else {
+            this._validators = this._coerceToArray(validatorsOrOptions);
+            this._asyncValidators = this._coerceToArray(asyncValidators);
+        }
+    }
+    _runValidators(_value) {
+        if (this._validators.length === 0)
+            return null;
+        const errors = {};
+        let hasError = false;
+        for (const validator of this._validators) {
+            const result = validator(this);
+            if (result) {
+                Object.assign(errors, result);
+                hasError = true;
+            }
+        }
+        return hasError ? errors : null;
+    }
+    async _runAsyncValidators(_value) {
+        if (this._asyncValidators.length === 0)
+            return;
+        this._status = 'PENDING';
+        this._emitStatusChange('PENDING');
+        try {
+            const results = await Promise.all(this._asyncValidators.map(v => v(this)));
+            const merged = {};
+            let hasError = false;
+            for (const r of results) {
+                if (r) {
+                    Object.assign(merged, r);
+                    hasError = true;
+                }
+            }
+            this._setErrors(hasError ? merged : null);
+        }
+        catch {
+            // silently ignore async validator errors
+        }
+    }
+    _setErrors(errors, opts = {}) {
+        this._errors = errors;
+        this._status = this._calculateStatus();
+        if (opts.emitEvent !== false) {
+            this._emitStatusChange(this._status);
+        }
+        if (this.parent) {
+            this.parent._updateValueAndValidity({ onlySelf: true });
+        }
+    }
+    _updateValueAndValidity(opts = {}) {
+        this._runValidation();
+        if (opts.emitEvent !== false) {
+            this._emitStatusChange(this._status);
+        }
+        if (!opts.onlySelf && this.parent) {
+            this.parent._updateValueAndValidity(opts);
+        }
+    }
+    _calculateStatus() {
+        if (this._status === 'DISABLED')
+            return 'DISABLED';
+        if (this._errors)
+            return 'INVALID';
+        if (this._pending)
+            return 'PENDING';
+        return 'VALID';
+    }
+    _emitValueChange(value) {
+        this._valueChangeListeners.forEach(fn => fn(value));
+        this._emitStateChange();
+    }
+    _emitStatusChange(status) {
+        this._statusChangeListeners.forEach(fn => fn(status));
+        this._emitStateChange();
+    }
+    _emitStateChange() {
+        const state = { value: this.value, status: this.status, errors: this.errors };
+        this._stateChangeListeners.forEach(fn => fn(state));
+    }
+    _updateDirty() {
+        this._dirty = this._anyControls((c) => c.dirty);
+    }
+    _updateTouched() {
+        this._touched = this._anyControls((c) => c.touched);
+    }
+    _anyControls(_condition) { return false; }
+    _forEachChild(_fn) { }
+    _coerceToArray(v) {
+        if (!v)
+            return [];
+        return Array.isArray(v) ? v : [v];
+    }
+}
+function _find(control, path) {
+    const segments = Array.isArray(path) ? path : path.split('.');
+    return segments.reduce((c, seg) => {
+        if (!c)
+            return null;
+        if (c instanceof Object && '_controls' in c) {
+            const ctrl = c._controls;
+            return typeof ctrl === 'object' ? ctrl[seg] ?? null : null;
+        }
+        return null;
+    }, control);
+}
+
+exports.AbstractControl = AbstractControl;

package/dist/cjs/config-BP9bROYD.js

@@ -0,0 +1,63 @@
+'use strict';
+
+const defaultConfig = {
+    icons: {
+        search: 'search',
+        clear: 'cancel',
+        close: 'close',
+        delete: 'delete',
+        remove: 'cancel',
+        check: 'check',
+        checkSmall: 'check_small',
+        loading: 'progress_activity',
+        upload: 'upload',
+        date: 'date_range',
+        time: 'pace',
+        calendar: 'calendar_today',
+        arrowDown: 'keyboard_arrow_down',
+        arrowUp: 'keyboard_arrow_up',
+        arrowLeft: 'keyboard_arrow_left',
+        arrowRight: 'keyboard_arrow_right',
+        doubleArrowLeft: 'keyboard_double_arrow_left',
+        doubleArrowRight: 'keyboard_double_arrow_right',
+        visibility: 'visibility',
+        visibilityOff: 'visibility_off',
+        file: 'file',
+        more: 'more_vert',
+        paperClip: 'attach_file',
+        picture: 'image',
+        eye: 'visibility',
+        download: 'download',
+        plus: 'add',
+        inbox: 'inbox',
+        zoomIn: 'zoom_in',
+        zoomOut: 'zoom_out',
+        rotateLeft: 'rotate_left',
+        rotateRight: 'rotate_right',
+        flipX: 'flip',
+        flipY: 'flip',
+        success: 'check_circle',
+        error: 'cancel',
+        warning: 'warning',
+        info: 'info',
+    }
+};
+let globalConfig = {
+    icons: { ...defaultConfig.icons }
+};
+const setGlobalConfig = (config) => {
+    globalConfig = {
+        ...globalConfig,
+        ...config,
+        icons: {
+            ...globalConfig.icons,
+            ...(config.icons || {}),
+        }
+    };
+};
+const getIcon = (key) => {
+    return globalConfig.icons[key] ?? defaultConfig.icons[key];
+};
+
+exports.getIcon = getIcon;
+exports.setGlobalConfig = setGlobalConfig;