@xlabs-store/core 0.0.1 → 0.0.3

package/components/p-DynL8Hj8.js

@@ -0,0 +1 @@
+import{t as o,p as r,H as x,h as e,c as a}from"./p-BLqwG7xa.js";const c=r(class extends x{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}align;direction="horizontal";size="small";wrap=!1;block=!1;render(){const{align:o,direction:r,size:x,wrap:c,block:i}=this,t={};o&&(t["--x-space-align"]=o),t["--x-space-direction"]="vertical"===r?"column":"row",t["--x-space-wrap"]=c?"wrap":"nowrap",t["--x-space-display"]=i?"flex":"inline-flex";let n=8;return"number"==typeof x?n=x:"middle"===x?n=16:"large"===x&&(n=24),Array.isArray(x)&&(n="number"==typeof x[0]?x[0]:8),t["--x-space-gap"]=`${n}px`,e(a,{key:"67a681628b205c19e4a38cb05dabe29b123d432d",style:t},e("div",{key:"d4eaf5d6fa382e912248c9923259bbea13e9ee18",class:"x-space"},e("slot",{key:"e71f84f099b054362e4bcaab4e329e9156d57975"})))}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-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:var(--x-space-display, inline-flex);width:100%}.x-space{display:-ms-flexbox;display:flex;-ms-flex-direction:var(--x-space-direction, row);flex-direction:var(--x-space-direction, row);-ms-flex-wrap:var(--x-space-wrap, nowrap);flex-wrap:var(--x-space-wrap, nowrap);-ms-flex-align:var(--x-space-align, center);align-items:var(--x-space-align, center);gap:var(--x-space-gap, var(--x-spacing-xs, 8px));width:100%}"}},[769,"x-space",{align:[1],direction:[1],size:[8],wrap:[4],block:[4]}]);function i(){"undefined"!=typeof customElements&&["x-space"].forEach((r=>{"x-space"===r&&(customElements.get(o(r))||customElements.define(o(r),c))}))}i();export{c as X,i as d}

package/components/p-EYMvnfpO.js

@@ -0,0 +1 @@
+import{t,p as a,H as r,d as o,h as e,c as i}from"./p-BLqwG7xa.js";import{d as x}from"./p-C1_JmoB8.js";const s=a(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.xChange=o(this,"xChange",7),this.xTabClick=o(this,"xTabClick",7),this.xEdit=o(this,"xEdit",7),this.xTabScroll=o(this,"xTabScroll",7),this.xTabRename=o(this,"xTabRename",7)}get el(){return this}navListEl;isUpdatingTabs=!1;activeKey;defaultActiveKey;tabPlacement="top";type="line";size="middle";centered=!1;items;indicator;animated=!0;tabBarGutter;tabBarStyle;tabBarExtraContent;addIcon;removeIcon;hideAdd=!1;destroyInactiveTabPane=!1;classNames;styles;editable=!1;xChange;xTabClick;xEdit;xTabScroll;xTabRename;tabs=[];inkBarStyle={};editingKey=null;editingLabel="";componentWillLoad(){!this.activeKey&&this.defaultActiveKey&&(this.activeKey=this.defaultActiveKey)}componentDidLoad(){this.updateTabs(),this.updateInkBar()}componentDidUpdate(){this.updateInkBar()}handleActiveKeyChange(t){this.updateChildren(t),this.updateInkBar()}handleItemsChange(){this.updateTabs()}async getActiveKey(){return this.activeKey}async setActiveKey(t){const a=this.activeKey;this.activeKey=t,this.xChange.emit({activeKey:t,previousKey:a})}updateTabs(){if(!this.isUpdatingTabs){this.isUpdatingTabs=!0;try{let t=[];t=this.items&&this.items.length>0?this.items.map((t=>({key:t.key,label:t.label,disabled:!!t.disabled,closable:!1!==t.closable,icon:t.icon,forceRender:t.forceRender}))):Array.from(this.el.children).filter((t=>"x-tab-pane"===t.tagName.toLowerCase())).map((t=>({key:t.paneKey||t.key||t.tabKey||t.getAttribute("pane-key")||t.getAttribute("key")||t.getAttribute("tab-key")||"",label:t.tab||t.getAttribute("tab")||"",disabled:t.disabled||t.hasAttribute("disabled"),closable:!1!==t.closable&&"false"!==t.getAttribute("closable"),icon:t.icon||t.getAttribute("icon")||void 0,forceRender:t.forceRender||t.hasAttribute("force-render")}))),JSON.stringify(t)!==JSON.stringify(this.tabs)&&(this.tabs=t),!this.activeKey&&this.tabs.length>0&&(this.activeKey=this.tabs[0].key),this.updateChildren(this.activeKey)}finally{this.isUpdatingTabs=!1}}}updateChildren(t){Array.from(this.el.children).filter((t=>"x-tab-pane"===t.tagName.toLowerCase())).forEach((a=>{const r=(a.paneKey||a.key||a.tabKey||a.getAttribute("pane-key")||a.getAttribute("key")||a.getAttribute("tab-key"))===t;a.active!==r&&(a.active=r),this.destroyInactiveTabPane&&!a.destroyInactiveTabPane&&(a.destroyInactiveTabPane=!0)}))}updateInkBar(){if("line"!==this.type||!this.navListEl)return;const t=this.navListEl.querySelector(".x-tabs-tab-active");if(!t)return void(Object.keys(this.inkBarStyle).length>0&&(this.inkBarStyle={}));let a={};if("start"===this.tabPlacement||"end"===this.tabPlacement)a={top:`${t.offsetTop}px`,height:`${t.offsetHeight}px`};else{let r=t.offsetWidth,o=t.offsetLeft;if(void 0!==this.indicator?.size&&(r="number"==typeof this.indicator.size?this.indicator.size:r),this.indicator?.align){const a=t.offsetWidth-r;"center"===this.indicator.align?o+=a/2:"end"===this.indicator.align&&(o+=a)}a={left:`${o}px`,width:`${r}px`}}JSON.stringify(a)!==JSON.stringify(this.inkBarStyle)&&(this.inkBarStyle=a)}handleTabClick=(t,a,r)=>{if(!a&&(this.xTabClick.emit({key:t,nativeEvent:r}),this.activeKey!==t)){const a=this.activeKey;this.activeKey=t,this.xChange.emit({activeKey:t,previousKey:a})}};handleTabDoubleClick=(t,a,r)=>{this.editable&&(r.stopPropagation(),this.editingKey=t,this.editingLabel=a)};handleLabelChange=t=>{this.editingLabel=t.target.value};handleLabelSubmit=()=>{if(null!==this.editingKey){const t=this.tabs.findIndex((t=>t.key===this.editingKey));if(-1!==t&&this.tabs[t].label!==this.editingLabel){const a=[...this.tabs];a[t]={...a[t],label:this.editingLabel},this.tabs=a,this.xTabRename.emit({key:this.editingKey,label:this.editingLabel})}}this.editingKey=null,this.editingLabel=""};handleLabelKeyDown=t=>{"Enter"===t.key?this.handleLabelSubmit():"Escape"===t.key&&(this.editingKey=null,this.editingLabel="")};handleAddClick=t=>{t.stopPropagation(),this.xEdit.emit({targetKey:"",action:"add"})};handleRemoveClick=(t,a)=>{a.stopPropagation(),this.xEdit.emit({targetKey:t,action:"remove"})};getTabBarGutterStyle(){return void 0===this.tabBarGutter?{}:"start"===this.tabPlacement||"end"===this.tabPlacement?{marginBottom:`${this.tabBarGutter}px`}:{marginRight:`${this.tabBarGutter}px`}}isInkBarAnimated(){return"boolean"==typeof this.animated?this.animated:!1!==this.animated?.inkBar}renderRemoveIcon(){return this.removeIcon?e("x-icon",{name:this.removeIcon}):e("svg",{viewBox:"64 64 896 896",width:"1em",height:"1em",fill:"currentColor"},e("path",{d:"M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"}))}renderAddIcon(){return this.addIcon?e("x-icon",{name:this.addIcon}):e("svg",{viewBox:"64 64 896 896",width:"1em",height:"1em",fill:"currentColor"},e("path",{d:"M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"}),e("path",{d:"M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"}))}renderExtraContent(t){if(!this.tabBarExtraContent)return null;if("string"==typeof this.tabBarExtraContent)return"right"===t?e("div",{class:"x-tabs-extra-content"},this.tabBarExtraContent):null;const a=this.tabBarExtraContent[t];return a?e("div",{class:`x-tabs-extra-content x-tabs-extra-content-${t}`},a):null}renderTabs(){const t=this.getTabBarGutterStyle();return this.tabs.map((a=>e("div",{"data-key":a.key,class:{"x-tabs-tab":!0,"x-tabs-tab-active":this.activeKey===a.key,"x-tabs-tab-disabled":a.disabled,[this.classNames?.item??""]:!!this.classNames?.item},style:{...t,...this.styles?.item},onClick:t=>this.handleTabClick(a.key,a.disabled,t),role:"tab","aria-selected":this.activeKey===a.key?"true":"false","aria-disabled":a.disabled?"true":"false",tabindex:a.disabled?-1:0,onDblClick:t=>this.handleTabDoubleClick(a.key,a.label,t)},e("div",{class:"x-tabs-tab-btn"},a.icon&&e("x-icon",{name:a.icon,class:"x-tabs-tab-icon"}),this.editingKey===a.key?e("input",{type:"text",class:"x-tabs-tab-edit-input",value:this.editingLabel,onInput:this.handleLabelChange,onBlur:this.handleLabelSubmit,onKeyDown:this.handleLabelKeyDown,ref:t=>t?.focus(),onClick:t=>t.stopPropagation()}):e("span",{class:"x-tabs-tab-label"},a.label)),"editable-card"===this.type&&a.closable&&e("button",{type:"button",class:{"x-tabs-tab-remove":!0,[this.classNames?.remove??""]:!!this.classNames?.remove},style:this.styles?.remove,onClick:t=>this.handleRemoveClick(a.key,t),"aria-label":"Remove tab"},this.renderRemoveIcon()))))}renderAddButton(){return"editable-card"!==this.type||this.hideAdd?null:e("button",{type:"button",class:{"x-tabs-nav-add":!0,[this.classNames?.add??""]:!!this.classNames?.add},style:this.styles?.add,onClick:this.handleAddClick,"aria-label":"Add tab"},this.renderAddIcon())}handleSlotChange=()=>{requestAnimationFrame((()=>{this.updateTabs()}))};renderContent(){return this.items&&this.items.length>0?this.items.map((t=>{const a=t.key===this.activeKey;return a||t.forceRender||!this.destroyInactiveTabPane?e("div",{class:{"x-tabs-tabpane":!0,"x-tabs-tabpane-active":a},key:t.key,role:"tabpanel","aria-hidden":a?"false":"true",style:{display:a?"block":"none"}},t.children):null})):e("slot",{onSlotchange:this.handleSlotChange})}render(){const t="start"===this.tabPlacement||"end"===this.tabPlacement,a={"x-tabs":!0,[`x-tabs-${this.tabPlacement}`]:!0,[`x-tabs-${this.type}`]:!0,[`x-tabs-${this.size}`]:"middle"!==this.size,"x-tabs-centered":this.centered,"x-tabs-vertical":t,[this.classNames?.root??""]:!!this.classNames?.root},r={...this.tabBarStyle,...this.styles?.header};return e(i,{key:"3c25a51a4e1391091fe5736075b1e9f616bf2735",class:a,style:this.styles?.root},e("div",{key:"5da39a5306d18e4b401e072db022f95f1d96e62b",class:{"x-tabs-nav":!0,[this.classNames?.header??""]:!!this.classNames?.header},style:r,role:"tablist"},this.renderExtraContent("left"),e("div",{key:"0b04cb3ff938268c5052caf6a90049be9b9cc1b3",class:{"x-tabs-nav-wrap":!0,[this.classNames?.nav??""]:!!this.classNames?.nav},style:this.styles?.nav},e("div",{key:"f7d849a84c65cc4f6b280e35e522bebd64988946",class:"x-tabs-nav-list",ref:t=>this.navListEl=t},this.renderTabs(),this.renderAddButton(),"line"===this.type&&e("div",{key:"0bd7ec3f6f02d9aabaae028391195a807c41b393",class:{"x-tabs-ink-bar":!0,"x-tabs-ink-bar-animated":this.isInkBarAnimated(),[this.classNames?.indicator??""]:!!this.classNames?.indicator},style:{...this.inkBarStyle,...this.styles?.indicator}}))),this.renderExtraContent("right")),e("div",{key:"cc72e83f22ba37dc9e87bc29193f181d53110eb4",class:{"x-tabs-content-holder":!0,[this.classNames?.content??""]:!!this.classNames?.content},style:this.styles?.content},e("div",{key:"ee8b25ea9953fc404962122c47e3fa9275b29ac3",class:"x-tabs-content"},this.renderContent())))}static get watchers(){return{activeKey:[{handleActiveKeyChange:0}],items:[{handleItemsChange: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-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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--x-tabs-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:var(--x-tabs-font-size, var(--x-font-size, 14px));font-family:var(--x-tabs-font-family, var(--x-font-family, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif));line-height:var(--x-tabs-line-height, var(--x-line-height-base, 1.5714285714));-webkit-box-sizing:border-box;box-sizing:border-box}:host(.x-tabs-top){-ms-flex-direction:column;flex-direction:column}:host(.x-tabs-bottom){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.x-tabs-start){-ms-flex-direction:row;flex-direction:row}:host(.x-tabs-end){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.x-tabs-vertical) .x-tabs-nav{-ms-flex-direction:column;flex-direction:column;margin:0;min-width:var(--x-tabs-vertical-nav-min-width, 80px)}:host(.x-tabs-vertical) .x-tabs-nav::before{top:0;bottom:0;left:auto;right:0;width:1px;height:100%;border-bottom:none;border-right:var(--x-tabs-border-width, var(--x-border-width-base, 1px)) solid var(--x-tabs-border-color, var(--x-color-border-secondary, #f0f0f0))}:host(.x-tabs-vertical) .x-tabs-nav-wrap{-ms-flex-direction:column;flex-direction:column}:host(.x-tabs-vertical) .x-tabs-nav-list{-ms-flex-direction:column;flex-direction:column}:host(.x-tabs-vertical) .x-tabs-tab{margin:0 0 var(--x-tabs-vertical-item-margin, 16px) 0;padding:var(--x-tabs-vertical-item-padding, 8px 24px)}:host(.x-tabs-vertical) .x-tabs-ink-bar{width:var(--x-tabs-ink-bar-height, 2px);height:auto;right:0;left:auto;bottom:auto}:host(.x-tabs-vertical) .x-tabs-extra-content-left{margin-right:0;margin-bottom:var(--x-spacing-md, 16px)}:host(.x-tabs-vertical) .x-tabs-extra-content-right{margin-left:0;margin-top:var(--x-spacing-md, 16px)}:host(.x-tabs-centered) .x-tabs-nav-wrap{-ms-flex-pack:center;justify-content:center}:host(.x-tabs-small){font-size:var(--x-tabs-font-size-sm, 14px)}:host(.x-tabs-small) .x-tabs-tab{padding:var(--x-tabs-horizontal-item-padding-sm, 8px 0)}:host(.x-tabs-large){font-size:var(--x-tabs-font-size-lg, 16px)}:host(.x-tabs-large) .x-tabs-tab{padding:var(--x-tabs-horizontal-item-padding-lg, 16px 0)}.x-tabs-nav{position:relative;display:-ms-flexbox;display:flex;-ms-flex:none;flex:none;-ms-flex-align:center;align-items:center;margin:0 0 var(--x-tabs-nav-margin, var(--x-spacing-md, 16px)) 0}.x-tabs-nav::before{position:absolute;right:0;left:0;bottom:0;border-bottom:var(--x-tabs-border-width, var(--x-border-width-base, 1px)) solid var(--x-tabs-border-color, var(--x-color-border-secondary, #f0f0f0));content:\"\"}.x-tabs-nav-wrap{position:relative;display:-ms-flexbox;display:flex;-ms-flex:auto;flex:auto;-ms-flex-item-align:stretch;align-self:stretch;overflow:hidden;white-space:nowrap;-webkit-transform:translate(0);transform:translate(0)}.x-tabs-nav-list{position:relative;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-transform var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-tabs-motion-timing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:-webkit-transform var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-tabs-motion-timing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:transform var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-tabs-motion-timing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:transform var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-tabs-motion-timing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), -webkit-transform var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-tabs-motion-timing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)))}.x-tabs-extra-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:none;flex:none}.x-tabs-extra-content-left{margin-right:var(--x-tabs-nav-margin, var(--x-spacing-md, 16px))}.x-tabs-extra-content-right{margin-left:var(--x-tabs-nav-margin, var(--x-spacing-md, 16px))}.x-tabs-tab{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:var(--x-tabs-tab-padding, var(--x-spacing-sm, 12px)) 0;font-size:inherit;background:transparent;border:0;outline:none;cursor:pointer;margin:0 var(--x-tabs-tab-margin, var(--x-spacing-xxl, 32px)) 0 0;-webkit-transition:all var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-tabs-motion-timing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:all var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-tabs-motion-timing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));color:var(--x-tabs-tab-color, var(--x-color-text, rgba(0, 0, 0, 0.88)))}.x-tabs-tab:last-child{margin-right:0}.x-tabs-tab:hover{color:var(--x-tabs-tab-color-hover, var(--x-color-primary-hover, #4096ff))}.x-tabs-tab:focus-visible{outline:2px solid var(--x-color-primary-border, #91caff);outline-offset:2px;border-radius:2px}.x-tabs-tab.x-tabs-tab-active{color:var(--x-tabs-tab-color-active, var(--x-color-primary, #1677ff));font-weight:var(--x-tabs-tab-font-weight-active, 500)}.x-tabs-tab.x-tabs-tab-disabled{color:var(--x-tabs-tab-color-disabled, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25)));cursor:not-allowed}.x-tabs-tab-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--x-tabs-tab-btn-gap, 8px);outline:none;-webkit-transition:all var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-tabs-motion-timing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:all var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-tabs-motion-timing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)))}.x-tabs-tab-icon{margin-right:0}.x-tabs-tab-label{display:inline-block}.x-tabs-tab-edit-input{border:1px solid var(--x-color-primary, #1677ff);border-radius:2px;padding:2px 4px;font-size:inherit;font-family:inherit;width:100px;outline:none;background:transparent;color:inherit}.x-tabs-tab-remove{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-left:var(--x-tabs-tab-remove-margin-left, 8px);padding:0;color:var(--x-color-text-description, rgba(0, 0, 0, 0.45));font-size:var(--x-tabs-tab-remove-font-size, 12px);background:transparent;border:none;cursor:pointer;-webkit-transition:all var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s));transition:all var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s))}.x-tabs-tab-remove:hover{color:var(--x-color-text, rgba(0, 0, 0, 0.88))}.x-tabs-ink-bar{position:absolute;background:var(--x-tabs-ink-bar-color, var(--x-color-primary, #1677ff));pointer-events:none;height:var(--x-tabs-ink-bar-height, 2px);bottom:0;left:0;width:0}.x-tabs-ink-bar-animated{-webkit-transition:left var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-tabs-motion-timing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), width var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-tabs-motion-timing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), top var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-tabs-motion-timing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), height var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-tabs-motion-timing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:left var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-tabs-motion-timing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), width var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-tabs-motion-timing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), top var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-tabs-motion-timing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), height var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-tabs-motion-timing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)))}.x-tabs-content-holder{-ms-flex:auto;flex:auto;min-width:0;min-height:0}.x-tabs-content{position:relative;width:100%}:host(.x-tabs-card) .x-tabs-nav::before{border-bottom:var(--x-tabs-border-width, var(--x-border-width-base, 1px)) solid var(--x-tabs-border-color, var(--x-color-border-secondary, #f0f0f0))}:host(.x-tabs-card) .x-tabs-tab{margin:0 var(--x-tabs-card-gap, var(--x-spacing-xxs, 4px)) 0 0;padding:var(--x-tabs-card-padding, var(--x-spacing-xs, 8px) var(--x-spacing-md, 16px));background:var(--x-tabs-card-bg, var(--x-color-fill-quaternary, rgba(0, 0, 0, 0.02)));border:var(--x-tabs-border-width, var(--x-border-width-base, 1px)) solid var(--x-tabs-border-color, var(--x-color-border-secondary, #f0f0f0));border-bottom:none;border-radius:var(--x-tabs-card-border-radius, var(--x-border-radius-lg, 8px)) var(--x-tabs-card-border-radius, var(--x-border-radius-lg, 8px)) 0 0;-webkit-transition:all var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-tabs-motion-timing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:all var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-tabs-motion-timing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)))}:host(.x-tabs-card) .x-tabs-tab.x-tabs-tab-active{color:var(--x-tabs-tab-color-active, var(--x-color-primary, #1677ff));background:var(--x-tabs-card-bg-active, var(--x-color-bg-container, #ffffff));border-bottom-color:var(--x-tabs-card-bg-active, var(--x-color-bg-container, #ffffff))}:host(.x-tabs-card) .x-tabs-ink-bar{display:none}:host(.x-tabs-editable-card) .x-tabs-nav::before{border-bottom:var(--x-tabs-border-width, var(--x-border-width-base, 1px)) solid var(--x-tabs-border-color, var(--x-color-border-secondary, #f0f0f0))}:host(.x-tabs-editable-card) .x-tabs-tab{margin:0 var(--x-tabs-card-gap, var(--x-spacing-xxs, 4px)) 0 0;padding:var(--x-tabs-card-padding, var(--x-spacing-xs, 8px) var(--x-spacing-md, 16px));background:var(--x-tabs-card-bg, var(--x-color-fill-quaternary, rgba(0, 0, 0, 0.02)));border:var(--x-tabs-border-width, var(--x-border-width-base, 1px)) solid var(--x-tabs-border-color, var(--x-color-border-secondary, #f0f0f0));border-bottom:none;border-radius:var(--x-tabs-card-border-radius, var(--x-border-radius-lg, 8px)) var(--x-tabs-card-border-radius, var(--x-border-radius-lg, 8px)) 0 0}:host(.x-tabs-editable-card) .x-tabs-tab.x-tabs-tab-active{color:var(--x-tabs-tab-color-active, var(--x-color-primary, #1677ff));background:var(--x-tabs-card-bg-active, var(--x-color-bg-container, #ffffff));border-bottom-color:var(--x-tabs-card-bg-active, var(--x-color-bg-container, #ffffff))}:host(.x-tabs-editable-card) .x-tabs-ink-bar{display:none}.x-tabs-nav-add{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--x-tabs-nav-add-min-width, 40px);height:100%;padding:var(--x-tabs-card-padding, var(--x-spacing-xs, 8px) var(--x-spacing-md, 16px));margin-left:var(--x-tabs-card-gap, var(--x-spacing-xxs, 4px));color:var(--x-color-text, rgba(0, 0, 0, 0.88));font-size:14px;background:var(--x-tabs-card-bg, var(--x-color-fill-quaternary, rgba(0, 0, 0, 0.02)));border:var(--x-tabs-border-width, var(--x-border-width-base, 1px)) solid var(--x-tabs-border-color, var(--x-color-border-secondary, #f0f0f0));border-bottom:none;border-radius:var(--x-tabs-card-border-radius, var(--x-border-radius-lg, 8px)) var(--x-tabs-card-border-radius, var(--x-border-radius-lg, 8px)) 0 0;cursor:pointer;-webkit-transition:all var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s));transition:all var(--x-tabs-motion-duration, var(--x-motion-duration-mid, 0.2s))}.x-tabs-nav-add:hover{color:var(--x-tabs-tab-color-hover, var(--x-color-primary-hover, #4096ff))}:host(.x-tabs-bottom) .x-tabs-nav{-ms-flex-order:1;order:1;margin-top:var(--x-tabs-nav-margin, var(--x-spacing-md, 16px));margin-bottom:0}:host(.x-tabs-bottom) .x-tabs-nav::before{top:0;bottom:auto}:host(.x-tabs-bottom) .x-tabs-ink-bar{top:0;bottom:auto}:host(.x-tabs-bottom).x-tabs-card .x-tabs-tab,:host(.x-tabs-bottom).x-tabs-editable-card .x-tabs-tab{border-top:none;border-bottom:var(--x-tabs-border-width, var(--x-border-width-base, 1px)) solid var(--x-tabs-border-color, var(--x-color-border-secondary, #f0f0f0));border-radius:0 0 var(--x-tabs-card-border-radius, var(--x-border-radius-lg, 8px)) var(--x-tabs-card-border-radius, var(--x-border-radius-lg, 8px))}:host(.x-tabs-bottom).x-tabs-card .x-tabs-tab.x-tabs-tab-active,:host(.x-tabs-bottom).x-tabs-editable-card .x-tabs-tab.x-tabs-tab-active{border-top-color:var(--x-tabs-card-bg-active, var(--x-color-bg-container, #ffffff))}:host(.x-tabs-start) .x-tabs-nav{margin-right:var(--x-tabs-nav-margin, var(--x-spacing-md, 16px));margin-bottom:0}:host(.x-tabs-start).x-tabs-card .x-tabs-tab,:host(.x-tabs-start).x-tabs-editable-card .x-tabs-tab{border-right:none;border-radius:var(--x-tabs-card-border-radius, var(--x-border-radius-lg, 8px)) 0 0 var(--x-tabs-card-border-radius, var(--x-border-radius-lg, 8px))}:host(.x-tabs-start).x-tabs-card .x-tabs-tab.x-tabs-tab-active,:host(.x-tabs-start).x-tabs-editable-card .x-tabs-tab.x-tabs-tab-active{border-right-color:var(--x-tabs-card-bg-active, var(--x-color-bg-container, #ffffff))}:host(.x-tabs-end) .x-tabs-nav{margin-left:var(--x-tabs-nav-margin, var(--x-spacing-md, 16px));margin-bottom:0}:host(.x-tabs-end) .x-tabs-nav::before{right:auto;left:0}:host(.x-tabs-end) .x-tabs-ink-bar{right:auto;left:0}:host(.x-tabs-end).x-tabs-card .x-tabs-tab,:host(.x-tabs-end).x-tabs-editable-card .x-tabs-tab{border-left:none;border-radius:0 var(--x-tabs-card-border-radius, var(--x-border-radius-lg, 8px)) var(--x-tabs-card-border-radius, var(--x-border-radius-lg, 8px)) 0}:host(.x-tabs-end).x-tabs-card .x-tabs-tab.x-tabs-tab-active,:host(.x-tabs-end).x-tabs-editable-card .x-tabs-tab.x-tabs-tab-active{border-left-color:var(--x-tabs-card-bg-active, var(--x-color-bg-container, #ffffff))}"}},[769,"x-tabs",{activeKey:[1025,"active-key"],defaultActiveKey:[1,"default-active-key"],tabPlacement:[1,"tab-placement"],type:[1],size:[1],centered:[4],items:[16],indicator:[16],animated:[4],tabBarGutter:[2,"tab-bar-gutter"],tabBarStyle:[16],tabBarExtraContent:[1,"tab-bar-extra-content"],addIcon:[1,"add-icon"],removeIcon:[1,"remove-icon"],hideAdd:[4,"hide-add"],destroyInactiveTabPane:[4,"destroy-inactive-tab-pane"],classNames:[16],styles:[16],editable:[4],tabs:[32],inkBarStyle:[32],editingKey:[32],editingLabel:[32],getActiveKey:[64],setActiveKey:[64]},void 0,{activeKey:[{handleActiveKeyChange:0}],items:[{handleItemsChange:0}]}]);function n(){"undefined"!=typeof customElements&&["x-tabs","x-icon"].forEach((a=>{switch(a){case"x-tabs":customElements.get(t(a))||customElements.define(t(a),s);break;case"x-icon":customElements.get(t(a))||x()}}))}n();export{s as X,n as d}

package/components/p-K2tV3sog.js

@@ -0,0 +1 @@
+import{t as o,p as r,H as e,d as t,h as x,c as i}from"./p-BLqwG7xa.js";import{A as a}from"./p-BtYiIQqg.js";class n extends a{_controls;constructor(o,r,e){super(),this._controls=o,this._setParentForControls(),this._applyValidators(r,e),this._updateValueAndValidity({onlySelf:!0,emitEvent:!1})}get value(){return this._reduceValue()}get controls(){return this._controls}registerControl(o,r){return this._controls[o]?this._controls[o]:(this._controls[o]=r,r.parent=this,this._updateValueAndValidity(),r)}addControl(o,r,e={}){this.registerControl(o,r),!1!==e.emitEvent&&this._emitValueChange(this.value)}removeControl(o,r={}){this._controls[o]&&(this._controls[o].parent=null,delete this._controls[o]),this._updateValueAndValidity(),!1!==r.emitEvent&&this._emitValueChange(this.value)}setControl(o,r,e={}){this._controls[o]&&(this._controls[o].parent=null),this._controls[o]=r,r.parent=this,this._updateValueAndValidity(),!1!==e.emitEvent&&this._emitValueChange(this.value)}contains(o){return o in this._controls&&this._controls[o].enabled}setValue(o,r={}){this._checkAllValuesPresent(o),Object.keys(o).forEach((e=>{this._throwIfControlMissing(e),this._controls[e].setValue(o[e],{onlySelf:!0,emitEvent:r.emitEvent})})),this._updateValueAndValidity(r),!1!==r.emitEvent&&this._emitValueChange(this.value)}patchValue(o,r={}){Object.keys(o).forEach((e=>{this._controls[e]&&this._controls[e].patchValue(o[e],{onlySelf:!0,emitEvent:r.emitEvent})})),this._updateValueAndValidity(r),!1!==r.emitEvent&&this._emitValueChange(this.value)}reset(o,r={}){this._forEachChild(((e,t)=>{e.reset(o?o[t]:void 0,{onlySelf:!0,emitEvent:r.emitEvent})})),this.markAsPristine(r),this.markAsUntouched(r),this._updateValueAndValidity(r)}getRawValue(){return this._reduceChildren({},((o,r,e)=>(o[e]=r.getRawValue(),o)))}_runValidation(){if("DISABLED"===this._status)return;this._status=this._computeStatus();const o=this._runValidators(this.value),r={...this._collectChildErrors()||{},...o||{}};this._errors=Object.keys(r).length?r:null,this._status=this._calculateStatus()}_computeStatus(){return this._anyControlsHaveStatus("INVALID")?"INVALID":this._anyControlsHaveStatus("PENDING")?"PENDING":"VALID"}_collectChildErrors(){return null}_anyControlsHaveStatus(o){return Object.values(this._controls).some((r=>r.status===o))}_forEachChild(o){Object.keys(this._controls).forEach((r=>o(this._controls[r],r)))}_anyControls(o){return Object.values(this._controls).some((r=>o(r)))}_reduceValue(){return this._reduceChildren({},((o,r,e)=>((r.enabled||this.disabled)&&(o[e]=r.value),o)))}_reduceChildren(o,r){let e=o;return this._forEachChild(((o,t)=>{e=r(e,o,t)})),e}_setParentForControls(){this._forEachChild((o=>{o.parent=this}))}_checkAllValuesPresent(o){this._forEachChild(((r,e)=>{if(!(e in o))throw new Error(`Must supply a value for form control with name: '${e}'.`)}))}_throwIfControlMissing(o){if(!Object.keys(this._controls).length)throw new Error("There are no form controls registered with this group yet.");if(!this._controls[o])throw new Error(`Cannot find form control with name: ${o}.`)}}const s=r(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.xFinish=t(this,"xFinish",7),this.xFinishFailed=t(this,"xFinishFailed",7),this.xReset=t(this,"xReset",7)}get el(){return this}layout="horizontal";name;colon=!0;size="middle";form;initialValues;hideRequiredMark=!1;xFinish;xFinishFailed;xReset;async submit(){this.form&&(this.form.markAllAsTouched(),this.form.valid?this.xFinish.emit(this.form.value):this.xFinishFailed.emit({values:this.form.value,errorFields:this.getErrorFields(),outOfDate:!1}))}async reset(){this.form&&(this.form.reset(this.initialValues),this.xReset.emit())}getErrorFields(){if(!this.form)return[];const o=[],r=this.form.controls;for(const e in r)r[e].invalid&&o.push({name:[e],errors:Object.values(r[e].errors||{})});return o}handleSubmit=o=>{o.preventDefault(),this.submit()};handleReset=o=>{o.preventDefault(),this.reset()};handleHostClick(o){const r=o.composedPath();for(const o of r)if(o instanceof e){const r=o.tagName.toUpperCase(),e="BUTTON"===r&&"submit"===o.type,t="X-BUTTON"===r&&("submit"===o.htmlType||"submit"===o.getAttribute("html-type"));if(e||t){this.submit();break}const x="BUTTON"===r&&"reset"===o.type,i="X-BUTTON"===r&&("reset"===o.htmlType||"reset"===o.getAttribute("html-type"));if(x||i){this.reset();break}}}handleKeyDown(o){if("Enter"===o.key&&!o.defaultPrevented){const r=o.target.tagName.toUpperCase();"TEXTAREA"!==r&&"X-TEXTAREA"!==r&&this.submit()}}handleInitialValuesChange(o){this.form&&o&&this.form.patchValue(o,{emitEvent:!0})}componentWillLoad(){this.form||(this.form=new n({})),this.handleInitialValuesChange(this.initialValues)}render(){return x(i,{key:"d6f8a01dd1a3b4f592de43b6a55a7d23fb39d75c",class:{"x-form":!0,[`x-form-${this.layout}`]:!0,[`x-form-${this.size}`]:!0,"x-form-hide-required-mark":this.hideRequiredMark}},x("form",{key:"8cebba32c468fa27c72d71bc4455c7c7f543d77a",name:this.name,onSubmit:this.handleSubmit,onReset:this.handleReset},x("slot",{key:"32f5b3c4b4521977c4da7de889719f67a2bb127a"})))}static get watchers(){return{initialValues:[{handleInitialValuesChange: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-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;color:var(--x-form-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:var(--x-form-font-size, var(--x-font-size, 14px));font-family:var(--x-form-font-family, var(--x-font-family, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif));font-variant:tabular-nums;line-height:var(--x-form-line-height, var(--x-line-height, 1.5715));-webkit-font-feature-settings:\"tnum\";font-feature-settings:\"tnum\"}.x-form{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:var(--x-form-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:var(--x-form-font-size, var(--x-font-size, 14px));font-variant:tabular-nums;line-height:var(--x-form-line-height, var(--x-line-height, 1.5715));list-style:none;-webkit-font-feature-settings:\"tnum\";font-feature-settings:\"tnum\"}.x-form.x-form-inline{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.x-form.x-form-inline ::slotted(x-form-item){-ms-flex:none;flex:none;margin-right:var(--x-form-inline-item-margin-right, var(--x-spacing-md, 16px));margin-bottom:0}.x-form.x-form-hide-required-mark ::slotted(x-form-item) .x-form-item-required::before{display:none !important}.x-form.x-form-hide-required-mark .x-form-item-required::before{display:none !important}"}},[769,"x-form",{layout:[513],name:[1],colon:[4],size:[1],form:[16],initialValues:[16],hideRequiredMark:[4,"hide-required-mark"],submit:[64],reset:[64]},[[0,"click","handleHostClick"],[0,"keydown","handleKeyDown"]],{initialValues:[{handleInitialValuesChange:0}]}]);function l(){"undefined"!=typeof customElements&&["x-form"].forEach((r=>{"x-form"===r&&(customElements.get(o(r))||customElements.define(o(r),s))}))}l();export{s as X,l as d}

package/components/p-LX68sH4m.js

@@ -0,0 +1 @@
+import{t as o,p as r,H as e,h as x,c as i}from"./p-BLqwG7xa.js";const t=r(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}color="blue";label;position;render(){return x(i,{key:"4a48d2253e10171c89741afc20d55dde4f8dac03",class:{"x-timeline-item":!0,[`x-timeline-item-${this.color}`]:["blue","red","green","gray"].includes(this.color)},style:["blue","red","green","gray"].includes(this.color)?{}:{"--timeline-dot-color":this.color}},x("div",{key:"5c59c0ed3c0aef744e85488469d9f355f59ad209",class:"x-timeline-item-tail"}),x("div",{key:"e0d41efc83391a6292599f3a73970fb5709e35ad",class:"x-timeline-item-head"},x("slot",{key:"19fedeab9c19b43b8fe7eab6b4c8b1df1053f743",name:"dot"})),x("div",{key:"a19c7e085ce5067abc6934e851da24a0b61f7a00",class:"x-timeline-item-content"},x("slot",{key:"1b3eb9abd39de98791c09332dd5d7cd871e40b4f"})))}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-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:relative;margin:0;padding-bottom:var(--x-timeline-item-padding-bottom, var(--x-spacing-lg, 16px));font-size:var(--x-timeline-item-font-size, var(--x-font-size-base, 14px));list-style:none;display:block}:host(:last-child){padding-bottom:0}:host(:last-child) .x-timeline-item-tail{display:none}.x-timeline-item-tail{position:absolute;left:4px;top:10px;height:100%;border-left:var(--x-timeline-item-tail-width, 2px) solid var(--x-timeline-item-tail-color, var(--x-color-border-secondary, rgba(0, 0, 0, 0.06)))}.x-timeline-item-head{position:absolute;width:var(--x-timeline-item-dot-size, 10px);height:var(--x-timeline-item-dot-size, 10px);background-color:var(--x-timeline-item-dot-bg, var(--x-color-bg-container, #ffffff));border-radius:var(--x-timeline-item-dot-border-radius, 100px);border:var(--x-timeline-item-dot-border-width, 2px) solid transparent;color:var(--x-timeline-item-dot-color, var(--x-color-primary, #1677ff));border-color:var(--x-timeline-item-dot-color, var(--x-color-primary, #1677ff))}.x-timeline-item-head ::slotted([slot=dot]){position:absolute;top:-5px;left:-5px;width:var(--x-timeline-item-dot-slot-size, 20px);height:var(--x-timeline-item-dot-slot-size, 20px);background:var(--x-timeline-item-dot-bg, var(--x-color-bg-container, #ffffff));text-align:center;line-height:var(--x-timeline-item-dot-slot-size, 20px)}.x-timeline-item-content{position:relative;top:-4px;margin-left:var(--x-timeline-item-content-margin-left, var(--x-spacing-lg, 16px));word-break:break-word}:host(.x-timeline-item-blue) .x-timeline-item-head{color:var(--x-timeline-item-dot-color-blue, var(--x-color-primary, #1677ff));border-color:var(--x-timeline-item-dot-color-blue, var(--x-color-primary, #1677ff))}:host(.x-timeline-item-red) .x-timeline-item-head{color:var(--x-timeline-item-dot-color-red, var(--x-color-danger, #ff4d4f));border-color:var(--x-timeline-item-dot-color-red, var(--x-color-danger, #ff4d4f))}:host(.x-timeline-item-green) .x-timeline-item-head{color:var(--x-timeline-item-dot-color-green, var(--x-color-success, #52c41a));border-color:var(--x-timeline-item-dot-color-green, var(--x-color-success, #52c41a))}:host(.x-timeline-item-gray) .x-timeline-item-head{color:var(--x-timeline-item-dot-color-gray, var(--x-color-text-quaternary, rgba(0, 0, 0, 0.25)));border-color:var(--x-timeline-item-dot-color-gray, var(--x-color-text-quaternary, rgba(0, 0, 0, 0.25)))}"}},[769,"x-timeline-item",{color:[1],label:[1],position:[1]}]);function a(){"undefined"!=typeof customElements&&["x-timeline-item"].forEach((r=>{"x-timeline-item"===r&&(customElements.get(o(r))||customElements.define(o(r),t))}))}a();export{t as X,a as d}

package/components/{p-CKVSyuIH.js → p-MRcLOacJ.js}

@@ -1 +1 @@
-import{t,p as e,H as s,c as i,h as o}from"./p-g6ZBqIze.js";import{d as n}from"./p-B-ClGFfy.js";import{d as r}from"./p-BkiOFW3H.js";class a{nodes=[];edges=[];viewport={x:0,y:0,zoom:1};selectedNodeIds=[];selectedEdgeIds=[];nodeValues={};clipboardNodes=[];clipboardEdges=[];history=[];historyIndex=-1;listeners=[];constructor(t=[],e=[]){this.nodes=t,this.edges=e,this.saveToHistory()}subscribe(t){return this.listeners.push(t),()=>{this.listeners=this.listeners.filter((e=>e!==t))}}notify(){this.listeners.forEach((t=>t()))}forceLayout(){this.notify()}saveToHistory(){const t=this.history[this.historyIndex];t&&JSON.stringify(t.nodes)===JSON.stringify(this.nodes)&&JSON.stringify(t.edges)===JSON.stringify(this.edges)||(this.history=this.history.slice(0,this.historyIndex+1),this.history.push({nodes:JSON.parse(JSON.stringify(this.nodes)),edges:JSON.parse(JSON.stringify(this.edges))}),this.historyIndex=this.history.length-1,this.history.length>50&&(this.history.shift(),this.historyIndex--))}undo(){if(this.historyIndex>0){this.historyIndex--;const t=this.history[this.historyIndex];this.nodes=JSON.parse(JSON.stringify(t.nodes)),this.edges=JSON.parse(JSON.stringify(t.edges)),this.notify()}}redo(){if(this.historyIndex<this.history.length-1){this.historyIndex++;const t=this.history[this.historyIndex];this.nodes=JSON.parse(JSON.stringify(t.nodes)),this.edges=JSON.parse(JSON.stringify(t.edges)),this.notify()}}getNodes(){return this.nodes.filter((t=>this.isNodeVisible(t.id)))}isNodeVisible(t){const e=this.nodes.find((e=>e.id===t));if(!e)return!1;if(e.hidden)return!1;let s=this.nodes.find((t=>t.id===e.parentId));for(;s;){if(s.isCollapsed)return!1;s=this.nodes.find((t=>t.id===s.parentId))}return!0}getEdges(){return this.edges.filter((t=>this.isNodeVisible(t.source)&&this.isNodeVisible(t.target)))}getViewport(){return this.viewport}getSelectedNodes(){return this.selectedNodeIds}getSelectedEdges(){return this.selectedEdgeIds}setNodes(t){this.nodes=t.map((t=>{const e=this.nodes.find((e=>e.id===t.id));return e?{...t,width:t.width||e.width,height:t.height||e.height,shape:t.shape||e.shape}:t})),this.notify()}setEdges(t){this.edges=t,this.notify()}setViewport(t){this.viewport=t,this.notify()}updateNodeValue(t,e){this.nodeValues[t]=e,this.propagate(t),this.notify()}propagate(t){const e=this.nodeValues[t];this.edges.filter((e=>e.source===t)).forEach((s=>{this.nodes.find((t=>t.id===s.target))&&console.log(`Propagating from ${t} to ${s.target}:`,e)}))}addNode(t){this.nodes=[...this.nodes,t],this.saveToHistory(),this.notify()}updateNodePosition(t,e,s,i=0){const o=this.nodes.find((e=>e.id===t));if(!o)return;let n=i>0?Math.round(e/i)*i:e,r=i>0?Math.round(s/i)*i:s;if(o.parentId){const t=this.nodes.find((t=>t.id===o.parentId));t&&(n=Math.max(0,Math.min(n,(t.width||400)-(o.width||150))),r=Math.max(0,Math.min(r,(t.height||300)-(o.height||48))))}this.nodes.forEach((e=>{e.id!==t&&e.parentId!==t&&(Math.abs(n-e.position.x)<10&&(n=e.position.x),Math.abs(r-e.position.y)<10&&(r=e.position.y))}));const a=n-o.position.x,h=r-o.position.y;if(0===a&&0===h)return;const d=this.selectedNodeIds.includes(t)?this.selectedNodeIds:[t],l=new Set,c=new Map;d.forEach((t=>{this.collectNodesToMove(t,a,h,l,c)})),this.nodes=this.nodes.map((t=>{const e=c.get(t.id);return e?{...t,position:e}:t})),this.notify()}collectNodesToMove(t,e,s,i,o){if(i.has(t))return;const n=this.nodes.find((e=>e.id===t));n&&(i.add(t),o.set(t,{x:n.position.x+e,y:n.position.y+s}),this.nodes.filter((e=>e.parentId===t)).forEach((t=>this.collectNodesToMove(t.id,e,s,i,o))))}onConnect(t){if(!this.isValidConnection(t))return null;if(this.edges.some((e=>e.source===t.source&&e.target===t.target&&(e.sourceHandle||"floating")===(t.sourceHandle||"floating")&&(e.targetHandle||"floating")===(t.targetHandle||"floating"))))return null;const e=`e-${t.source}-${t.target}-${Date.now()}-${Math.floor(1e3*Math.random())}`;return this.edges=[...this.edges,{id:e,...t,type:"default",animated:!1,sourceHandle:t.sourceHandle||"floating",targetHandle:t.targetHandle||"floating"}],this.saveToHistory(),this.notify(),e}toggleNodeCollapse(t){this.nodes=this.nodes.map((e=>e.id===t?{...e,isCollapsed:!e.isCollapsed}:e)),this.saveToHistory(),this.notify()}isValidConnection(t){if(t.source===t.target)return!1;if(this.isCycle(t.source,t.target))return!1;if(this.edges.some((e=>e.source===t.source&&e.target===t.target)))return!1;const e=this.nodes.find((e=>e.id===t.source)),s=this.nodes.find((e=>e.id===t.target));return!(void 0!==e?.maxConnections&&this.edges.filter((e=>e.source===t.source)).length>=e.maxConnections||void 0!==s?.maxConnections&&this.edges.filter((e=>e.target===t.target)).length>=s.maxConnections)}updateEdge(t,e){this.edges=this.edges.map((s=>s.id===t?{...s,...e}:s)),this.saveToHistory(),this.notify()}isCycle(t,e){if(t===e)return!0;const s=new Set,i=[e];for(;i.length>0;){const e=i.shift();if(e){if(e===t)return!0;s.has(e)||(s.add(e),this.edges.filter((t=>t.source===e)).forEach((t=>i.push(t.target))))}}return!1}deleteSelected(){this.nodes=this.nodes.filter((t=>!this.selectedNodeIds.includes(t.id))),this.edges=this.edges.filter((t=>!this.selectedEdgeIds.includes(t.id)&&!this.selectedNodeIds.includes(t.source)&&!this.selectedNodeIds.includes(t.target))),this.selectedNodeIds=[],this.selectedEdgeIds=[],this.saveToHistory(),this.notify()}groupSelected(){if(this.selectedNodeIds.length<2)return;const t=this.nodes.filter((t=>this.selectedNodeIds.includes(t.id))),e=Math.min(...t.map((t=>t.position.x))),s=Math.min(...t.map((t=>t.position.y))),i=Math.max(...t.map((t=>t.position.x+(t.width||150)))),o=Math.max(...t.map((t=>t.position.y+(t.height||48)))),n=`group-${Date.now()}`,r={id:n,type:"group",position:{x:e-20,y:s-40},width:i-e+40,height:o-s+60,data:{label:"New Group"},zIndex:1,style:{background:"rgba(0,0,0,0.02)",border:"1px dashed #ccc"}};this.nodes=[...this.nodes.map((t=>this.selectedNodeIds.includes(t.id)?{...t,parentId:n}:t)),r],this.selectedNodeIds=[n],this.saveToHistory(),this.notify()}autoLayout(t="LR"){const e=new Set,s={},i=this.nodes.filter((t=>!this.edges.some((e=>e.target===t.id)))),o=(t,i)=>{s[t]=Math.max(s[t]||0,i),e.has(t)||(e.add(t),this.edges.filter((e=>e.source===t)).forEach((t=>o(t.target,i+1))))};i.forEach((t=>o(t.id,0))),this.nodes.forEach((t=>{void 0===s[t.id]&&o(t.id,0)}));const n={};Object.entries(s).forEach((([t,e])=>{n[e]=[...n[e]||[],t]})),this.nodes=this.nodes.map((e=>{const i=s[e.id],o=n[i].indexOf(e.id);return{...e,position:"LR"===t?{x:250*i,y:100*o+100}:{x:250*o+200,y:100*i+100}}})),this.saveToHistory(),this.notify()}selectNode(t,e=!1){e?this.selectedNodeIds=this.selectedNodeIds.includes(t)?this.selectedNodeIds.filter((e=>e!==t)):[...this.selectedNodeIds,t]:(this.selectedNodeIds=[t],this.selectedEdgeIds=[]),this.notify()}setParent(t,e){const s=this.nodes.find((e=>e.id===t));if(s&&s.parentId!==e){if(e){const i=this.nodes.find((t=>t.id===e));if(i){const o=s.position.x-i.position.x,n=s.position.y-i.position.y;this.nodes=this.nodes.map((s=>s.id===t?{...s,parentId:e,position:{x:o,y:n}}:s))}}else{const e=s.parentId?this.nodes.find((t=>t.id===s.parentId)):null;this.nodes=this.nodes.map(e?i=>i.id===t?{...i,parentId:null,position:{x:s.position.x+e.position.x,y:s.position.y+e.position.y}}:i:e=>e.id===t?{...e,parentId:null}:e)}this.saveToHistory(),this.notify()}}updateNode(t,e){this.nodes=this.nodes.map((s=>s.id===t?{...s,...e,data:{...s.data,...e.data}}:s)),this.notify()}rotateNode(t,e){this.nodes=this.nodes.map((s=>s.id===t?{...s,rotation:e}:s)),this.notify()}selectEdge(t,e=!1){e?this.selectedEdgeIds=this.selectedEdgeIds.includes(t)?this.selectedEdgeIds.filter((e=>e!==t)):[...this.selectedEdgeIds,t]:(this.selectedEdgeIds=[t],this.selectedNodeIds=[]),this.notify()}clearSelection(){this.selectedNodeIds=[],this.selectedEdgeIds=[],this.notify()}deleteEdge(t){this.edges=this.edges.filter((e=>e.id!==t)),this.saveToHistory(),this.notify()}deleteNode(t){const e=this.edges.filter((e=>e.target===t)),s=this.edges.filter((e=>e.source===t));if(1===e.length&&1===s.length){const t=e[0].source,i=s[0].target;this.addEdge({id:`reconnect-${Date.now()}`,source:t,target:i,sourceHandle:e[0].sourceHandle,targetHandle:s[0].targetHandle,type:e[0].type})}this.nodes=this.nodes.filter((e=>e.id!==t)),this.edges=this.edges.filter((e=>e.source!==t&&e.target!==t)),this.selectedNodeIds=this.selectedNodeIds.filter((e=>e!==t)),this.saveToHistory(),this.notify()}addEdge(t){this.edges=[...this.edges,t],this.saveToHistory(),this.notify()}copySelected(){this.clipboardNodes=this.nodes.filter((t=>this.selectedNodeIds.includes(t.id))).map((t=>({...t}))),this.clipboardEdges=this.edges.filter((t=>this.selectedNodeIds.includes(t.source)&&this.selectedNodeIds.includes(t.target))).map((t=>({...t})))}paste(t,e){if(0===this.clipboardNodes.length)return;const s={},i=Math.min(...this.clipboardNodes.map((t=>t.position.x))),o=Math.min(...this.clipboardNodes.map((t=>t.position.y))),n=(void 0===t?i+20:t)-i,r=(void 0===e?o+20:e)-o,a=this.clipboardNodes.map((t=>{const e=`node-${Date.now()}-${Math.random()}`;return s[t.id]=e,{...t,id:e,position:{x:t.position.x+n,y:t.position.y+r},selected:!0}})),h=this.clipboardEdges.map((t=>({...t,id:`edge-${Date.now()}-${Math.random()}`,source:s[t.source],target:s[t.target]})));this.nodes=[...this.nodes.map((t=>({...t,selected:!1}))),...a],this.edges=[...this.edges,...h],this.selectedNodeIds=a.map((t=>t.id)),this.saveToHistory(),this.notify()}generateStressTest(t){const e=[];for(let s=0;s<t;s++)e.push({id:`stress-${s}`,position:{x:2e3*Math.random(),y:2e3*Math.random()},data:{label:`Node ${s}`},zIndex:10});this.nodes=[...this.nodes,...e],this.notify()}getFullState(){return{nodes:this.nodes,edges:this.edges,viewport:this.viewport,nodeValues:this.nodeValues}}}const h=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.xNodesChange=i(this,"xNodesChange",7),this.xEdgesChange=i(this,"xEdgesChange",7),this.xViewportChange=i(this,"xViewportChange",7),this.xNodeClick=i(this,"xNodeClick",7),this.xEdgeClick=i(this,"xEdgeClick",7),this.xConnect=i(this,"xConnect",7),this.xWorkflowChange=i(this,"xWorkflowChange",7)}get el(){return this}nodes=[];edges=[];fitView=!1;interactive=!0;viewportValue={x:0,y:0,zoom:1};snapToGridValue=0;background={variant:"dots"};tool="select";theme="light";turboMode=!1;displayMode="advanced";users=[];nodeToolbarVisible=!0;nodeToolbarMode="selected";edgeRoutingMode="fixed";flowNodes=[];flowEdges=[];flowViewport={x:0,y:0,zoom:1};pendingConnection=null;selectedNodes=[];draggingNodeId=null;proximityPreview=null;helperLines=[];contextMenu=null;selectionRect=null;drawings=[];activeDrawing=null;editingEdgeId=null;focusedNodeId=null;xNodesChange;xEdgesChange;xViewportChange;xNodeClick;xEdgeClick;xConnect;xWorkflowChange;service;isDraggingCanvas=!1;isUpdatingFromProp=!1;isInteracting=!1;lastMousePos={x:0,y:0};container;throttleTimer=null;async forceLayout(){this.service.forceLayout()}componentWillLoad(){this.service=new a(this.nodes,this.edges),this.service.setViewport(this.viewportValue),this.updateState(),this.service.subscribe((()=>{this.updateState(),this.throttleEmitWorkflowChange()}))}throttleEmitWorkflowChange(){this.throttleTimer||(this.throttleTimer=setTimeout((()=>{this.xWorkflowChange.emit(this.service.getFullState()),this.throttleTimer=null}),100))}handleNodesPropChange(t){this.isUpdatingFromProp=!0,this.service.setNodes(t),this.isUpdatingFromProp=!1}handleEdgesPropChange(t){this.isUpdatingFromProp=!0,this.service.setEdges(t),this.isUpdatingFromProp=!1}handleViewportChange(t){this.isUpdatingFromProp=!0,this.service.setViewport(t),this.isUpdatingFromProp=!1}updateState(){this.flowNodes=[...this.service.getNodes()],this.flowEdges=[...this.service.getEdges()],this.flowViewport={...this.service.getViewport()},this.selectedNodes=[...this.service.getSelectedNodes()],this.isUpdatingFromProp||this.isInteracting||(this.xViewportChange.emit(this.flowViewport),this.xNodesChange.emit(this.flowNodes),this.xEdgesChange.emit(this.flowEdges))}handleMouseDown=t=>{if(!this.interactive)return;const e="touches"in t?t.touches[0].clientX:t.clientX,s="touches"in t?t.touches[0].clientY:t.clientY,i=t.target;if(!i.closest(".node")&&!i.closest(".edge-group")&&(i===this.container||i.closest(".background-canvas"))){const i=this.container.getBoundingClientRect();if("rectangle"===this.tool||"freehand"===this.tool)return void this.startDrawing((e-i.left-this.flowViewport.x)/this.flowViewport.zoom,(s-i.top-this.flowViewport.y)/this.flowViewport.zoom);this.lastMousePos={x:e,y:s},"shiftKey"in t&&t.shiftKey?(this.selectionRect={x:e-i.left,y:s-i.top,width:0,height:0},this.isInteracting=!0):(this.isDraggingCanvas=!0,this.isInteracting=!0,this.service.clearSelection()),this.contextMenu=null}};handleMove(t){const e="touches"in t?t.touches[0].clientX:t.clientX,s="touches"in t?t.touches[0].clientY:t.clientY,{x:i,y:o,zoom:n}=this.flowViewport,r=this.container.getBoundingClientRect();if(this.isDraggingCanvas){const t=e-this.lastMousePos.x,r=s-this.lastMousePos.y;this.lastMousePos={x:e,y:s},this.service.setViewport({x:i+t,y:o+r,zoom:n})}if(this.pendingConnection&&(this.pendingConnection={...this.pendingConnection,mouseX:(e-r.left-i)/n,mouseY:(s-r.top-o)/n}),"eraser"===this.tool&&("buttons"in t&&1===t.buttons||"touches"in t)&&this.handleEraserAt(e,s),this.activeDrawing){const t=(e-r.left-i)/n,a=(s-r.top-o)/n;"rectangle"===this.activeDrawing.type?this.activeDrawing={...this.activeDrawing,width:t-this.activeDrawing.position.x,height:a-this.activeDrawing.position.y}:"freehand"===this.activeDrawing.type&&(this.activeDrawing={...this.activeDrawing,points:[...this.activeDrawing.points,{x:t,y:a}]})}}handleEraserAt(t,e){const s=this.container.getBoundingClientRect(),{x:i,y:o,zoom:n}=this.flowViewport,r=(t-s.left-i)/n,a=(e-s.top-o)/n,h=this.flowNodes.find((t=>r>=t.position.x&&r<=t.position.x+(t.width||150)&&a>=t.position.y&&a<=t.position.y+(t.height||48)));h&&this.service.deleteNode(h.id),this.drawings=this.drawings.filter((t=>{if("rectangle"===t.type){const e=Math.min(t.position.x,t.position.x+(t.width||0)),s=Math.min(t.position.y,t.position.y+(t.height||0)),i=Math.abs(t.width||0),o=Math.abs(t.height||0);return!(r>=e&&r<=e+i&&a>=s&&a<=s+o)}return!0}))}handleUp(){if(this.isInteracting&&(this.isInteracting=!1,this.updateState()),this.isDraggingCanvas=!1,this.activeDrawing&&(this.drawings=[...this.drawings,this.activeDrawing],this.activeDrawing=null),this.selectionRect&&(this.applyLassoSelection(),this.selectionRect=null),this.draggingNodeId){const t=this.flowNodes.find((t=>t.id===this.draggingNodeId));if(t){const e=this.flowNodes.find((e=>e.id!==t.id&&"group"===e.type&&(t.position.x>=e.position.x&&t.position.x+(t.width||150)<=e.position.x+(e.width||400)&&t.position.y>=e.position.y&&t.position.y+(t.height||48)<=e.position.y+(e.height||300))));e?this.service.setParent(t.id,e.id):t.parentId&&this.service.setParent(t.id,null)}}this.isDraggingCanvas=!1,this.draggingNodeId=null,this.helperLines=[]}handleKeyDown(t){this.interactive&&"INPUT"!==t.target.tagName&&((t.ctrlKey||t.metaKey)&&"c"===t.key&&(t.preventDefault(),this.service.copySelected()),(t.ctrlKey||t.metaKey)&&"v"===t.key&&(t.preventDefault(),this.service.paste()),(t.ctrlKey||t.metaKey)&&"z"===t.key&&(t.preventDefault(),t.shiftKey?this.service.redo():this.service.undo()),"Delete"!==t.key&&"Backspace"!==t.key||(t.preventDefault(),this.service.deleteSelected()))}handleWheel=t=>{if(!this.interactive)return;t.preventDefault();const e=this.service.getViewport(),s=Math.min(Math.max(e.zoom+.001*-t.deltaY,.1),5);if(s===e.zoom)return;const i=this.container.getBoundingClientRect(),o=t.clientX-i.left,n=t.clientY-i.top;this.service.setViewport({x:o-(o-e.x)/e.zoom*s,y:n-(n-e.y)/e.zoom*s,zoom:s})};render(){const{x:t,y:e,zoom:s}=this.flowViewport,i=`translate(${t}px, ${e}px) scale(${s})`;return o("div",{key:"db1bff3ac7ea27720be9a937afc0ee78a1c7ddb3",class:{"workflow-container":!0,"theme-dark":"dark"===this.theme},onMouseDown:this.handleMouseDown,onTouchStart:this.handleMouseDown,onWheel:this.handleWheel,ref:t=>this.container=t},o("div",{key:"24c5d1a846646f25d6ae1ace14f38e7d939d0348",class:"background-canvas"},this.renderBackground()),o("div",{key:"d96eb3b0188cb0c6f16e2e093873c56fd471ca37",class:"flow-renderer",style:{transform:i}},o("svg",{key:"2801eb1d3d4fb082be5057f0b1500fbc3ac53583",class:"edges-svg"},o("defs",{key:"b797372dac820c84edc52087d07805bfb7155126"},o("marker",{key:"8b0584a343dcbbc40a43767e4a6ab0733a0243d3",id:"arrowhead",markerWidth:"10",markerHeight:"7",refX:"9",refY:"3.5",orient:"auto"},o("polygon",{key:"dfe7c9ad6eeaccba3cd560b891021dad77c32b34",points:"0 0, 10 3.5, 0 7",fill:"currentColor"})),o("marker",{key:"e098834ed3919e64aea097f9d9b2326781841e8e",id:"arrowhead-selected",markerWidth:"10",markerHeight:"7",refX:"9",refY:"3.5",orient:"auto"},o("polygon",{key:"5c99c575d24f2f6cffddc71ecb3fc29c592416ec",points:"0 0, 10 3.5, 0 7",fill:"var(--x-primary-color)"}))),this.flowEdges.sort(((t,e)=>(t.selected?1:0)-(e.selected?1:0))).map((t=>this.renderEdge(t))),this.renderPendingLine(),this.renderProximityPreview(),this.renderEdgeHandles()),o("div",{key:"cd1699a7dd5a41e238be3d94329686e9e8975253",class:"nodes-layer"},this.flowNodes.map((t=>this.renderNode(t)))),o("svg",{key:"bd722c1ce4e18b83b5e954af15162c4fa6bbb44e",class:"drawings-layer"},this.drawings.map((t=>this.renderDrawing(t))),this.activeDrawing&&this.renderDrawing(this.activeDrawing)),this.renderHelperLines(),this.renderUsers()),this.renderContextMenu(),this.renderSelectionRect())}renderBackground(){return"dots"===this.background.variant?o("div",{class:"dots-bg",style:{backgroundSize:`${20*this.flowViewport.zoom}px ${20*this.flowViewport.zoom}px`}}):null}renderUsers(){return this.users.map((t=>o("div",{class:"user-cursor",style:{left:`${t.position.x}px`,top:`${t.position.y}px`}},o("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:t.color},o("path",{d:"M5 1v22l6-6h11z"})),o("span",{class:"user-name",style:{backgroundColor:t.color}},t.name))))}renderPendingLine(){return this.pendingConnection?o("path",{d:`M${this.pendingConnection.startX},${this.pendingConnection.startY} L${this.pendingConnection.mouseX},${this.pendingConnection.mouseY}`,class:"edge-path pending"}):null}renderProximityPreview(){if(!this.proximityPreview)return null;const t=this.flowNodes.find((t=>t.id===this.proximityPreview.source)),e=this.flowNodes.find((t=>t.id===this.proximityPreview.target));if(!t||!e)return null;const s=this.getHandlePos(t,this.proximityPreview.sourceHandle,e),i=this.getHandlePos(e,this.proximityPreview.targetHandle,t);return o("path",{d:`M${s.x},${s.y} L${i.x},${i.y}`,class:"edge-path proximity-preview","stroke-dasharray":"5,5",opacity:"0.5"})}handleNodeClick(t,e){const s=this.flowNodes.find((t=>t.id===e));s&&(this.service.selectNode(e,!!(t.shiftKey||t.ctrlKey||t.metaKey)),this.xNodeClick.emit(s))}handleEdgeLabelDblClick(t,e){t.stopPropagation(),this.editingEdgeId=e}handleEdgeLabelChange(t,e){this.service.updateEdge(e,{label:t.target.value})}renderEdgeLabel(t,e,s){return o("foreignObject",{x:e-50,y:s-12,width:100,height:24,class:"edge-label-container"},o("div",{class:"edge-label",onDblClick:e=>this.handleEdgeLabelDblClick(e,t.id)},this.editingEdgeId===t.id?o("input",{value:t.label,onInput:e=>this.handleEdgeLabelChange(e,t.id),onKeyDown:t=>"Enter"===t.key&&(this.editingEdgeId=null),onBlur:()=>this.editingEdgeId=null,autoFocus:!0,style:{width:"100%",background:"white",border:"1px solid #ccc",borderRadius:"4px"}}):t.label||""))}renderEdge(t){const e=this.flowNodes.find((e=>e.id===t.source)),s=this.flowNodes.find((e=>e.id===t.target));if(!e||!s)return null;const i=this.getHandlePos(e,t.sourceHandle,s),n=this.getHandlePos(s,t.targetHandle,e);let r=i.x,a=i.y,h=n.x,d=n.y;const l=this.flowEdges.filter((e=>e.source===t.source&&e.target===t.target)),c=l.findIndex((e=>e.id===t.id)),u=l.length>1?20*(c-(l.length-1)/2):0;if("straight"!==t.type){const t=h-r,e=d-a,s=Math.hypot(t,e)||1,i=-e/s,o=t/s;r+=i*u,a+=o*u,h+=i*u,d+=o*u}let p="";if("straight"===t.type)p=`M${r},${a} L${h},${d}`;else if("step"===t.type||"smoothstep"===t.type){const e="smoothstep"===t.type?8:0,s=[],i=r+(h-r)/2,o=a+(d-a)/2;Math.abs(r-h)>Math.abs(a-d)?(s.push({x:r,y:a}),s.push({x:i,y:a}),s.push({x:i,y:d}),s.push({x:h,y:d})):(s.push({x:r,y:a}),s.push({x:r,y:o}),s.push({x:h,y:o}),s.push({x:h,y:d}));const n=[];n.push(`M${s[0].x},${s[0].y}`);for(let t=1;t<s.length-1;t++){const i=s[t-1],o=s[t],r=s[t+1];if(0===e){n.push(`L${o.x},${o.y}`);continue}const a=o.x-i.x,h=o.y-i.y,d=r.x-o.x,l=r.y-o.y,c=Math.hypot(a,h),u=Math.hypot(d,l),p=Math.min(e,c/2,u/2),g=o.x+d/u*p,b=o.y+l/u*p;n.push(`L${o.x-a/c*p},${o.y-h/c*p}`),n.push(`Q${o.x},${o.y} ${g},${b}`)}const l=s[s.length-1];n.push(`L${l.x},${l.y}`),p=n.join(" ")}else{const t=h-r,e=.5;p=`\n      M${r},${a}\n      C${r+t*e},${a}\n       ${h-t*e},${d}\n       ${h},${d}\n    `}const g=this.selectedNodes.includes(t.id);return o("g",{key:t.id,class:{"edge-group":!0}},o("path",{d:p,stroke:"transparent","stroke-width":"20",fill:"none",style:{cursor:"pointer",pointerEvents:"stroke"},onClick:e=>{e.stopPropagation(),this.service.selectEdge(t.id,e.ctrlKey||e.metaKey),this.xEdgeClick.emit(t)}}),o("path",{d:p,class:{"edge-path":!0,selected:g,animated:t.animated},"marker-end":g?"url(#arrowhead-selected)":"url(#arrowhead)",style:{pointerEvents:"none",stroke:g?"var(--x-primary-color)":t.style?.stroke||"#b1b1b7",strokeDasharray:t.style?.strokeDasharray}}),t.selected&&o("foreignObject",{x:(r+h)/2-30,y:(a+d)/2-50,width:"60",height:"40"},o("div",{class:"edge-toolbar"},o("button",{class:"edge-toolbar-btn",onClick:e=>{e.stopPropagation(),this.service.updateEdge(t.id,{animated:!t.animated})}},"⚡"),o("button",{class:"edge-toolbar-btn",onClick:e=>{e.stopPropagation(),this.service.deleteEdge(t.id)}},"🗑"))),t.label&&this.renderEdgeLabel(t,(r+h)/2,(a+d)/2))}getHandlePos(t,e,s){const i=Math.round(t.position.x),o=Math.round(t.position.y),n=t.width?Math.round(t.width):"diamond"===t.shape?100:150,r=t.height?Math.round(t.height):"diamond"===t.shape?100:48;if("floating"===e&&s)return this.getFloatingHandlePos(t,s);if("auto"===this.edgeRoutingMode&&s){const t={x:i+n/2,y:o+r/2},a={x:s.position.x+(s.width||150)/2,y:s.position.y+(s.height||48)/2},h=a.x-t.x,d=a.y-t.y;e=Math.abs(h)>Math.abs(d)?h>0?"right":"left":d>0?"bottom":"top"}else if(!e&&s){const t={x:i+n/2,y:o+r/2},a={x:s.position.x+(s.width||150)/2,y:s.position.y+(s.height||48)/2},h=a.x-t.x,d=a.y-t.y;e=Math.abs(h)>Math.abs(d)?h>0?"right":"left":d>0?"bottom":"top"}else e||(e="floating");switch(e){case"top":return{x:i+n/2,y:o};case"right":return{x:i+n,y:o+r/2};case"bottom":return{x:i+n/2,y:o+r};case"left":return{x:i,y:o+r/2};default:return{x:i+n/2,y:o+r/2}}}getFloatingHandlePos(t,e){const s=(t.width||150)/2,i=(t.height||48)/2,o=t.position.x+s,n=t.position.y+i,r=e.position.x+(e.width||150)/2-o,a=e.position.y+(e.height||48)/2-n,h=Math.atan2(a,r);if("diamond"===t.shape){const t=s*i/(i*Math.abs(Math.cos(h))+s*Math.abs(Math.sin(h)));return{x:o+t*Math.cos(h),y:n+t*Math.sin(h)}}if("circle"===t.shape){const t=Math.min(s,i);return{x:o+t*Math.cos(h),y:n+t*Math.sin(h)}}return Math.abs(r)*i>Math.abs(a)*s?{x:o+s*Math.sign(r),y:n+a*s/Math.abs(r)}:{x:o+r*i/Math.abs(a),y:n+i*Math.sign(a)}}renderEdgeHandles(){return this.flowEdges.filter((t=>t.selected)).map((t=>{const e=this.flowNodes.find((e=>e.id===t.source)),s=this.flowNodes.find((e=>e.id===t.target));if(!e||!s)return null;const i=this.getHandlePos(e,t.sourceHandle,s),n=this.getHandlePos(s,t.targetHandle,e);return o("g",{class:"edge-controls"},o("circle",{cx:i.x,cy:i.y,r:"4",class:"edge-handle source",onMouseDown:e=>this.startEdgeReconnect(e,t,"source"),onTouchStart:e=>this.startEdgeReconnect(e,t,"source")}),o("circle",{cx:n.x,cy:n.y,r:"4",class:"edge-handle target",onMouseDown:e=>this.startEdgeReconnect(e,t,"target"),onTouchStart:e=>this.startEdgeReconnect(e,t,"target")}))}))}startEdgeReconnect(t,e,s){if(this.pendingConnection)return;t.preventDefault(),t.stopPropagation();const i="source"===s?e.target:e.source,o=this.flowNodes.find((t=>t.id===i));if(!o)return;const n=this.container.getBoundingClientRect(),{x:r,y:a,zoom:h}=this.flowViewport,d=this.getHandlePos(o,"source"===s?e.targetHandle:e.sourceHandle),l="touches"in t?t.touches[0].clientX:t.clientX,c="touches"in t?t.touches[0].clientY:t.clientY;this.service.deleteEdge(e.id),this.pendingConnection={source:i,handle:("source"===s?e.targetHandle:e.sourceHandle)||"floating",startX:d.x,startY:d.y,mouseX:(l-n.left-r)/h,mouseY:(c-n.top-a)/h},this.startConnectionHandler(i,"source"===s?"target":"source")}renderNode(t){const e=this.selectedNodes.includes(t.id),s=this.focusedNodeId===t.id,i=t.shape?`shape-${t.shape}`:"";return o("div",{key:t.id,"data-id":t.id,class:{node:!0,selected:e,dragging:this.draggingNodeId===t.id,collapsed:t.isCollapsed,[t.className]:!!t.className,[i]:!!i,focused:s,turbo:this.turboMode,[`type-${t.type}`]:!0},style:{left:`${Math.round(t.position.x)}px`,top:`${Math.round(t.position.y)}px`,width:t.width?`${t.width}px`:"diamond"===t.shape?"100px":"150px",height:t.height?`${t.height}px`:"diamond"===t.shape?"100px":"48px",transform:`rotate(${t.rotation||0}deg) translateZ(0)`,opacity:this.focusedNodeId&&!s&&t.parentId!==this.focusedNodeId?"0.3":"1",zIndex:e?"1000":(t.zIndex||10).toString(),...t.style||{}},onMouseDown:e=>this.handleNodeDragStart(e,t),onTouchStart:e=>this.handleNodeDragStart(e,t),onClick:e=>this.handleNodeClick(e,t.id),onDblClick:()=>"group"===t.type&&(this.focusedNodeId=this.focusedNodeId===t.id?null:t.id)},this.shouldShowToolbar(t)&&this.renderNodeToolbar(t),"diamond"===t.shape&&o("div",{class:"node-shape-wrapper"},o("svg",{viewBox:"0 0 100 100",preserveAspectRatio:"none",class:"node-shape-svg"},o("path",{d:"M50 0 L100 50 L50 100 L0 50 Z",class:{"shape-path":!0,selected:e}}))),o("div",{class:"node-content"},("group"===t.type||t.isParent)&&o("button",{class:"node-collapse-btn",onClick:e=>{e.stopPropagation(),this.service.toggleNodeCollapse(t.id)}},o("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},o("path",{d:t.isCollapsed?"M12 5v14M5 12h14":"M5 12h14"}))),t.template?o("div",{innerHTML:t.template}):o("slot",{name:`node-${t.type}`},t.data?.label||t.id)),t.handles?t.handles.map((e=>this.renderCustomHandle(t,e))):[o("div",{key:"top",class:"handle top",onMouseDown:e=>this.startConnection(e,t.id,"top")}),o("div",{key:"right",class:"handle right",onMouseDown:e=>this.startConnection(e,t.id,"right")}),o("div",{key:"bottom",class:"handle bottom",onMouseDown:e=>this.startConnection(e,t.id,"bottom")}),o("div",{key:"left",class:"handle left",onMouseDown:e=>this.startConnection(e,t.id,"left")})],e&&t.resizable&&o("div",{class:"node-resizer",onMouseDown:e=>this.startResize(e,t)})," ",e&&!1!==t.rotatable&&o("div",{class:"node-rotator",onMouseDown:e=>this.startRotate(e,t)},o("x-icon",{name:"autorenew",size:12}))," ")}shouldShowToolbar(t){return!!this.nodeToolbarVisible&&("always"===this.nodeToolbarMode||"selected"===this.nodeToolbarMode&&this.selectedNodes.includes(t.id))}renderNodeToolbar(t){return o("div",{class:"node-toolbar"},o("div",{class:"color-picker"},["#ffffff","#fecaca","#bfdbfe","#bbf7d0","#fef08a","#e9d5ff"].map((e=>o("div",{class:"color-swatch",style:{background:e},onClick:()=>this.service.updateNode(t.id,{style:{...t.style,background:e}})})))),o("x-divider",{type:"vertical"}),o("button",{onClick:()=>this.service.deleteNode(t.id)},o("x-icon",{name:"delete",size:14})),o("button",{onClick:()=>this.service.copySelected()},o("x-icon",{name:"content_copy",size:14})))}renderCustomHandle(t,e){return e("div",{class:{handle:!0,[e.position]:!0},style:e.style,onMouseDown:s=>this.startConnection(s,t.id,e.id),onTouchStart:s=>this.startConnection(s,t.id,e.id)})}handleNodeDragStart(t,e){if(e.dragHandle&&!t.target.closest(e.dragHandle))return;t.preventDefault(),t.stopPropagation();const s="touches"in t?t.touches[0].clientX:t.clientX,i="touches"in t?t.touches[0].clientY:t.clientY;this.service.selectNode(e.id,"shiftKey"in t&&t.shiftKey),this.startNodeDrag(s,i,e)}startNodeDrag(t,e,s){const i=s.position.x,o=s.position.y,n=this.flowViewport.zoom;let r=!1;const a=a=>{const h="touches"in a?a.touches[0].clientX:a.clientX,d="touches"in a?a.touches[0].clientY:a.clientY;if(!r){if(!(Math.sqrt(Math.pow(h-t,2)+Math.pow(d-e,2))>5))return;r=!0,this.draggingNodeId=s.id,this.isInteracting=!0}const l=i+(h-t)/n,c=o+(d-e)/n;this.service.updateNodePosition(s.id,l,c,this.snapToGridValue),this.helperLines=this.calculateHelperLines(s.id,l,c),this.checkProximity(s.id,l,c)},h=()=>{this.proximityPreview&&(this.service.onConnect(this.proximityPreview),this.proximityPreview=null),document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",h),document.removeEventListener("touchmove",a),document.removeEventListener("touchend",h),this.draggingNodeId=null,this.handleUp()};document.addEventListener("mousemove",a),document.addEventListener("mouseup",h),document.addEventListener("touchmove",a),document.addEventListener("touchend",h)}startResize(t,e){t.stopPropagation();const s="touches"in t?t.touches[0].clientX:t.clientX,i="touches"in t?t.touches[0].clientY:t.clientY,o=e.width||150,n=e.height||48,r=this.flowViewport.zoom,a=t=>{const a=(("touches"in t?t.touches[0].clientX:t.clientX)-s)/r,h=(("touches"in t?t.touches[0].clientY:t.clientY)-i)/r;this.service.setNodes(this.flowNodes.map((t=>t.id===e.id?{...t,width:Math.max(50,o+a),height:Math.max(30,n+h)}:t)))},h=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",h),document.removeEventListener("touchmove",a),document.removeEventListener("touchend",h)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",h),document.addEventListener("touchmove",a),document.addEventListener("touchend",h)}startRotate(t,e){t.stopPropagation();const s=this.container.getBoundingClientRect(),{x:i,y:o,zoom:n}=this.flowViewport,r=e.position.x+(e.width||150)/2,a=e.position.y+(e.height||48)/2,h=t=>{const h=Math.atan2((("touches"in t?t.touches[0].clientY:t.clientY)-s.top-o)/n-a,(("touches"in t?t.touches[0].clientX:t.clientX)-s.left-i)/n-r)*(180/Math.PI)+90;this.service.rotateNode(e.id,h)},d=()=>{this.service.saveToHistory(),document.removeEventListener("mousemove",h),document.removeEventListener("mouseup",d),document.removeEventListener("touchmove",h),document.removeEventListener("touchend",d)};document.addEventListener("mousemove",h),document.addEventListener("mouseup",d),document.addEventListener("touchmove",h),document.addEventListener("touchend",d)}applyLassoSelection(){if(!this.selectionRect)return;const{x:t,y:e,width:s,height:i}=this.selectionRect,o=this.flowViewport.zoom,n=this.flowViewport.x,r=this.flowViewport.y,a=(Math.min(t,t+s)-n)/o,h=(Math.min(e,e+i)-r)/o,d=Math.abs(s)/o,l=Math.abs(i)/o;this.flowNodes.forEach((t=>{const e=t.position.x,s=t.position.y;e>=a&&e+(t.width||150)<=a+d&&s>=h&&s+(t.height||48)<=h+l&&this.service.selectNode(t.id,!0)}))}renderSelectionRect(){if(!this.selectionRect)return null;const{x:t,y:e,width:s,height:i}=this.selectionRect;return o("div",{class:"selection-rect",style:{left:`${Math.min(t,t+s)}px`,top:`${Math.min(e,e+i)}px`,width:`${Math.abs(s)}px`,height:`${Math.abs(i)}px`}})}renderContextMenu(){return this.contextMenu?o("div",{class:"context-menu",style:{left:`${this.contextMenu.x}px`,top:`${this.contextMenu.y}px`}},o("div",{class:"menu-item",onClick:()=>this.addNodeAtPos(this.contextMenu.x,this.contextMenu.y)},"Add Node Here"),o("div",{class:"divider"}),this.selectedNodes.length>1&&o("div",{class:"menu-item",onClick:()=>this.service.groupSelected()},"Group Selected"),o("div",{class:"menu-item",onClick:()=>this.service.undo()},"Undo"),o("div",{class:"menu-item",onClick:()=>this.service.redo()},"Redo")):null}addNodeAtPos(t,e){const s=this.container.getBoundingClientRect(),{x:i,y:o,zoom:n}=this.flowViewport;this.service.addNode({id:`node-${Date.now()}`,position:{x:(t-s.left-i)/n,y:(e-s.top-o)/n},data:{label:"New Node"},zIndex:10})}startConnection(t,e,s){if(this.pendingConnection)return;t.preventDefault(),t.stopPropagation();const i="touches"in t?t.touches[0].clientX:t.clientX,o="touches"in t?t.touches[0].clientY:t.clientY,n=this.container.getBoundingClientRect(),{x:r,y:a,zoom:h}=this.flowViewport,d=this.flowNodes.find((t=>t.id===e));if(!d)return;const l=this.getHandlePos(d,s);this.pendingConnection={source:e,handle:s,startX:l.x,startY:l.y,mouseX:(i-n.left-r)/h,mouseY:(o-n.top-a)/h},this.proximityPreview=null,this.startConnectionHandler(e,"source")}startConnectionHandler(t,e="source"){const s=i=>{const o=this.pendingConnection;if(this.pendingConnection=null,this.proximityPreview=null,document.removeEventListener("mouseup",s),document.removeEventListener("touchend",s),!o)return;const n="touches"in i?i.touches[0].clientX:i.clientX,r="touches"in i?i.touches[0].clientY:i.clientY,{x:a,y:h,zoom:d}=this.flowViewport,l=this.container.getBoundingClientRect(),c=(n-l.left-a)/d,u=(r-l.top-h)/d,p=this.flowNodes.find((t=>c>=t.position.x-15&&c<=t.position.x+((t.width||150)+30)&&u>=t.position.y-15&&u<=t.position.y+((t.height||48)+30)));if(p&&p.id!==t){const s=i.composedPath().find((t=>t.classList&&t.classList.contains("handle"))),n=s?Array.from(s.classList).find((t=>["top","right","bottom","left"].includes(t))):"floating",r="source"===e?{source:t,target:p.id,sourceHandle:o.handle,targetHandle:n}:{source:p.id,target:t,sourceHandle:n,targetHandle:o.handle};this.service.isValidConnection(r)&&(this.service.onConnect(r),this.xConnect.emit(r))}else if(!p){const s=`node-${Date.now()}`;this.service.addNode({id:s,position:{x:c-75,y:u-24},data:{label:"New Node"},zIndex:10});const i="source"===e?{source:t,target:s,sourceHandle:o.handle,targetHandle:"floating"}:{source:s,target:t,sourceHandle:"floating",targetHandle:o.handle};this.service.onConnect(i),this.xConnect.emit(i)}};document.addEventListener("mouseup",s),document.addEventListener("touchend",s)}startDrawing(t,e){this.activeDrawing={id:`draw-${Date.now()}`,type:"rectangle"===this.tool?"rectangle":"freehand",position:{x:t,y:e},points:"freehand"===this.tool?[{x:t,y:e}]:[],width:0,height:0,style:{stroke:"#111",strokeWidth:"2",fill:"none"}}}renderDrawing(t){return"rectangle"===t.type?o("rect",{x:Math.min(t.position.x,t.position.x+(t.width||0)),y:Math.min(t.position.y,t.position.y+(t.height||0)),width:Math.abs(t.width||0),height:Math.abs(t.height||0),style:t.style}):o("path",{d:t.points.map(((t,e)=>`${0===e?"M":"L"}${t.x},${t.y}`)).join(" "),style:t.style})}checkProximity(t,e,s){const i=this.flowNodes.find((e=>e.id===t));if(!i)return;const o=e+(i.width||150)/2,n=s+(i.height||48)/2;let r=null,a=50;this.flowNodes.forEach((e=>{if(e.id===t||e.parentId===t)return;const s=Math.sqrt((o-(e.position.x+(e.width||150)/2))**2+(n-(e.position.y+(e.height||48)/2))**2);s<a&&(a=s,r={source:t,target:e.id,sourceHandle:"floating",targetHandle:"floating"})})),this.proximityPreview=r}calculateHelperLines(t,e,s){const i=[];return this.flowNodes.forEach((o=>{o.id!==t&&o.parentId!==t&&(Math.abs(e-o.position.x)<10&&i.push({x:o.position.x}),Math.abs(s-o.position.y)<10&&i.push({y:o.position.y}))})),i}renderHelperLines(){return o("svg",{class:"helper-lines-svg",style:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",pointerEvents:"none"}},this.helperLines.map((t=>o("line",void 0!==t.x?{x1:t.x,y1:"-10000",x2:t.x,y2:"10000",stroke:"#3b82f6","stroke-dasharray":"2,2"}:{x1:"-10000",y1:t.y,x2:"10000",y2:t.y,stroke:"#3b82f6","stroke-dasharray":"2,2"}))))}static get watchers(){return{nodes:[{handleNodesPropChange:0}],edges:[{handleEdgesPropChange:0}],viewportValue:[{handleViewportChange:0}]}}static get style(){return':host{display:block;width:100%;height:100%;overflow:hidden}.workflow-container{position:relative;width:100%;height:100%;background:#f8f9fa;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;outline:none}.background-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.dots-bg{width:100%;height:100%;background-image:radial-gradient(#d1d5db 1px, transparent 1px);background-size:20px 20px}.flow-renderer{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform-origin:0 0;transform-origin:0 0;will-change:transform}.nodes-layer,.edges-svg,.drawings-layer{position:absolute;top:0;left:0;width:100%;height:100%}.edges-svg{overflow:visible;pointer-events:none}.node{position:absolute;background:#ffffff;border:1px solid #d1d5db;border-radius:6px;-webkit-box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:-webkit-transform 0.1s ease-out;transition:-webkit-transform 0.1s ease-out;transition:transform 0.1s ease-out;transition:transform 0.1s ease-out, -webkit-transform 0.1s ease-out}.node.dragging{-webkit-transition:none;transition:none;cursor:-webkit-grabbing;cursor:grabbing;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);z-index:100}.node{color:#1f2937;font-family:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:8px 12px;min-width:100px;min-height:40px;z-index:10;-webkit-transform-origin:center center;transform-origin:center center}.node.shape-circle{border-radius:50%}.node.shape-diamond{background:transparent !important;border:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;-webkit-clip-path:none !important;clip-path:none !important}.node.shape-diamond .node-shape-wrapper{position:absolute;inset:0;z-index:0;pointer-events:none}.node.shape-diamond .node-shape-svg{width:100%;height:100%;overflow:visible}.node.shape-diamond .node-shape-svg .shape-path{fill:#ffffff;stroke:#d1d5db;stroke-width:1.5px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;vector-effect:non-scaling-stroke}.node.shape-diamond .node-shape-svg .shape-path.selected{stroke:#3b82f6;stroke-width:3px;-webkit-filter:drop-shadow(0 0 4px rgba(59, 130, 246, 0.3));filter:drop-shadow(0 0 4px rgba(59, 130, 246, 0.3))}.node.shape-diamond .node-content{position:relative;z-index:1;-webkit-transform:scale(0.7);transform:scale(0.7);pointer-events:auto}.node-content{pointer-events:none;font-size:14px;font-weight:500;text-align:center;width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:8px}.node-content>*{pointer-events:auto}.node.dragging{cursor:-webkit-grabbing;cursor:grabbing;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);z-index:100;-webkit-transition:none;transition:none}.node.selected{border-color:#3b82f6;-webkit-box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px #3b82f6}.handle{position:absolute;width:12px;height:12px;background:white;border:2px solid #3b82f6;border-radius:50%;cursor:crosshair;z-index:20}.handle::after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px}.handle:hover{background:#2563eb;border-color:#2563eb}.handle.top{top:-6px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.handle.right{right:-6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.handle.bottom{bottom:-6px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.handle.left{left:-6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.edge-path{fill:none;stroke:#b1b1b7;stroke-width:2px;pointer-events:auto;cursor:pointer;-webkit-transition:stroke 0.2s;transition:stroke 0.2s}.edge-path:hover{stroke-width:3px;stroke:#3b82f6}.edge-path.selected{stroke:#3b82f6;stroke-width:3px}.edge-path.animated{stroke-dasharray:5;-webkit-animation:dash 1s linear infinite;animation:dash 1s linear infinite}.edge-path.turbo{stroke:#ff00ff;stroke-width:3px;-webkit-filter:drop-shadow(0 0 5px rgba(255, 0, 255, 0.8));filter:drop-shadow(0 0 5px rgba(255, 0, 255, 0.8));stroke-dasharray:10;-webkit-animation:turbo-dash 0.5s linear infinite;animation:turbo-dash 0.5s linear infinite}@-webkit-keyframes turbo-dash{from{stroke-dashoffset:20}to{stroke-dashoffset:0}}@keyframes turbo-dash{from{stroke-dashoffset:20}to{stroke-dashoffset:0}}@-webkit-keyframes dash{from{stroke-dashoffset:10}to{stroke-dashoffset:0}}@keyframes dash{from{stroke-dashoffset:10}to{stroke-dashoffset:0}}.node-toolbar{position:absolute;top:-45px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:white;border:1px solid #ddd;border-radius:6px;padding:4px;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);z-index:100}.node-toolbar .color-picker{display:-ms-flexbox;display:flex;gap:2px;padding:0 4px}.node-toolbar .color-picker .color-swatch{width:16px;height:16px;border-radius:2px;border:1px solid #eee;cursor:pointer;-webkit-transition:-webkit-transform 0.1s;transition:-webkit-transform 0.1s;transition:transform 0.1s;transition:transform 0.1s, -webkit-transform 0.1s}.node-toolbar .color-picker .color-swatch:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.node-toolbar button{background:transparent;border:none;color:#333;cursor:pointer;padding:4px;border-radius:2px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:14px}.toolbar-btn{background:transparent;border:none;color:white;cursor:pointer;padding:4px;border-radius:2px;display:-ms-flexbox;display:flex}.toolbar-btn:hover{background:rgba(255, 255, 255, 0.1)}.edge-toolbar{display:-ms-flexbox;display:flex;background:#333;padding:4px;border-radius:4px;gap:4px}.edge-toolbar-btn{background:transparent;border:none;color:white;cursor:pointer;padding:4px}.node-resizer{position:absolute;right:0;bottom:0;width:10px;height:10px;background:#3b82f6;cursor:nwse-resize;border-radius:2px 0 0 0}.node-rotator{position:absolute;top:-24px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:20px;height:20px;background:white;border:1px solid #3b82f6;border-radius:50%;cursor:-webkit-grab;cursor:grab;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.node-rotator::before{content:"";position:absolute;bottom:-15px;left:50%;width:1px;height:15px;background:#3b82f6}.node-collapse-btn{background:transparent;border:none;padding:2px;cursor:pointer;display:-ms-flexbox;display:flex;color:inherit;opacity:0.6}.node-collapse-btn:hover{opacity:1}.context-menu{position:fixed;background:white;border:1px solid #ddd;-webkit-box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:4px;padding:4px 0;z-index:100000;min-width:150px}.menu-item{padding:8px 16px;cursor:pointer;font-size:13px}.menu-item:hover{background:#f3f4f6}.divider{height:1px;background:#eee;margin:4px 0}.selection-rect{position:absolute;background:rgba(59, 130, 246, 0.1);border:1px solid rgba(59, 130, 246, 0.5);pointer-events:none;z-index:10000}.user-cursor{position:absolute;pointer-events:none;z-index:10000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-webkit-transition:all 0.1s linear;transition:all 0.1s linear}.user-cursor svg{-webkit-filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))}.user-cursor .user-name{margin-top:2px;padding:2px 6px;border-radius:4px;color:white;font-size:10px;font-weight:500;white-space:nowrap;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);box-shadow:0 1px 3px rgba(0, 0, 0, 0.2)}.edge-handle{fill:white;stroke:#3b82f6;stroke-width:2px;cursor:crosshair;pointer-events:auto}.edge-path.proximity-preview{stroke:#b1b1b7;stroke-width:2px;pointer-events:none}.edge-label{background:white;padding:2px 4px;border-radius:4px;border:1px solid #b1b1b7;font-size:10px;color:#333;text-align:center;white-space:nowrap;pointer-events:none}.workflow-container.theme-dark{background:#141414}.workflow-container.theme-dark .dots-bg{background-image:radial-gradient(#333 1px, transparent 1px)}.workflow-container.theme-dark .node{background:#222;border-color:#333;color:#eee;-webkit-box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.5);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.5)}.workflow-container.theme-dark .handle{background:#222}.workflow-container.theme-dark .context-menu{background:#222;border-color:#444;color:#eee}.workflow-container.theme-dark .context-menu .menu-item:hover{background:#333}.workflow-container.theme-dark .context-menu .divider{background:#444}.workflow-container.theme-dark .edge-label{background:#333;color:#eee;border-color:#444}'}},[769,"x-workflow",{nodes:[16],edges:[16],fitView:[4,"fit-view"],interactive:[4],viewportValue:[16],snapToGridValue:[2,"snap-to-grid-value"],background:[16],tool:[1],theme:[1],turboMode:[4,"turbo-mode"],displayMode:[1,"display-mode"],users:[16],nodeToolbarVisible:[4,"node-toolbar-visible"],nodeToolbarMode:[1,"node-toolbar-mode"],edgeRoutingMode:[1,"edge-routing-mode"],flowNodes:[32],flowEdges:[32],flowViewport:[32],pendingConnection:[32],selectedNodes:[32],draggingNodeId:[32],proximityPreview:[32],helperLines:[32],contextMenu:[32],selectionRect:[32],drawings:[32],activeDrawing:[32],editingEdgeId:[32],focusedNodeId:[32],forceLayout:[64]},[[5,"mousemove","handleMove"],[5,"touchmove","handleMove"],[5,"mouseup","handleUp"],[5,"touchend","handleUp"],[8,"keydown","handleKeyDown"]],{nodes:[{handleNodesPropChange:0}],edges:[{handleEdgesPropChange:0}],viewportValue:[{handleViewportChange:0}]}]);function d(){"undefined"!=typeof customElements&&["x-workflow","x-divider","x-icon"].forEach((e=>{switch(e){case"x-workflow":customElements.get(t(e))||customElements.define(t(e),h);break;case"x-divider":customElements.get(t(e))||n();break;case"x-icon":customElements.get(t(e))||r()}}))}d();export{h as X,d}
+import{t,p as e,H as s,d as i,h as o}from"./p-BLqwG7xa.js";import{d as n}from"./p-tMIvQ4L0.js";import{d as r}from"./p-C1_JmoB8.js";class a{nodes=[];edges=[];viewport={x:0,y:0,zoom:1};selectedNodeIds=[];selectedEdgeIds=[];nodeValues={};clipboardNodes=[];clipboardEdges=[];history=[];historyIndex=-1;listeners=[];constructor(t=[],e=[]){this.nodes=t,this.edges=e,this.saveToHistory()}subscribe(t){return this.listeners.push(t),()=>{this.listeners=this.listeners.filter((e=>e!==t))}}notify(){this.listeners.forEach((t=>t()))}forceLayout(){this.notify()}saveToHistory(){const t=this.history[this.historyIndex];t&&JSON.stringify(t.nodes)===JSON.stringify(this.nodes)&&JSON.stringify(t.edges)===JSON.stringify(this.edges)||(this.history=this.history.slice(0,this.historyIndex+1),this.history.push({nodes:JSON.parse(JSON.stringify(this.nodes)),edges:JSON.parse(JSON.stringify(this.edges))}),this.historyIndex=this.history.length-1,this.history.length>50&&(this.history.shift(),this.historyIndex--))}undo(){if(this.historyIndex>0){this.historyIndex--;const t=this.history[this.historyIndex];this.nodes=JSON.parse(JSON.stringify(t.nodes)),this.edges=JSON.parse(JSON.stringify(t.edges)),this.notify()}}redo(){if(this.historyIndex<this.history.length-1){this.historyIndex++;const t=this.history[this.historyIndex];this.nodes=JSON.parse(JSON.stringify(t.nodes)),this.edges=JSON.parse(JSON.stringify(t.edges)),this.notify()}}getNodes(){return this.nodes.filter((t=>this.isNodeVisible(t.id)))}isNodeVisible(t){const e=this.nodes.find((e=>e.id===t));if(!e)return!1;if(e.hidden)return!1;let s=this.nodes.find((t=>t.id===e.parentId));for(;s;){if(s.isCollapsed)return!1;s=this.nodes.find((t=>t.id===s.parentId))}return!0}getEdges(){return this.edges.filter((t=>this.isNodeVisible(t.source)&&this.isNodeVisible(t.target)))}getViewport(){return this.viewport}getSelectedNodes(){return this.selectedNodeIds}getSelectedEdges(){return this.selectedEdgeIds}setNodes(t){this.nodes=t.map((t=>{const e=this.nodes.find((e=>e.id===t.id));return e?{...t,width:t.width||e.width,height:t.height||e.height,shape:t.shape||e.shape}:t})),this.notify()}setEdges(t){this.edges=t,this.notify()}setViewport(t){this.viewport=t,this.notify()}updateNodeValue(t,e){this.nodeValues[t]=e,this.propagate(t),this.notify()}propagate(t){const e=this.nodeValues[t];this.edges.filter((e=>e.source===t)).forEach((s=>{this.nodes.find((t=>t.id===s.target))&&console.log(`Propagating from ${t} to ${s.target}:`,e)}))}addNode(t){this.nodes=[...this.nodes,t],this.saveToHistory(),this.notify()}updateNodePosition(t,e,s,i=0){const o=this.nodes.find((e=>e.id===t));if(!o)return;let n=i>0?Math.round(e/i)*i:e,r=i>0?Math.round(s/i)*i:s;if(o.parentId){const t=this.nodes.find((t=>t.id===o.parentId));t&&(n=Math.max(0,Math.min(n,(t.width||400)-(o.width||150))),r=Math.max(0,Math.min(r,(t.height||300)-(o.height||48))))}this.nodes.forEach((e=>{e.id!==t&&e.parentId!==t&&(Math.abs(n-e.position.x)<10&&(n=e.position.x),Math.abs(r-e.position.y)<10&&(r=e.position.y))}));const a=n-o.position.x,h=r-o.position.y;if(0===a&&0===h)return;const d=this.selectedNodeIds.includes(t)?this.selectedNodeIds:[t],l=new Set,c=new Map;d.forEach((t=>{this.collectNodesToMove(t,a,h,l,c)})),this.nodes=this.nodes.map((t=>{const e=c.get(t.id);return e?{...t,position:e}:t})),this.notify()}collectNodesToMove(t,e,s,i,o){if(i.has(t))return;const n=this.nodes.find((e=>e.id===t));n&&(i.add(t),o.set(t,{x:n.position.x+e,y:n.position.y+s}),this.nodes.filter((e=>e.parentId===t)).forEach((t=>this.collectNodesToMove(t.id,e,s,i,o))))}onConnect(t){if(!this.isValidConnection(t))return null;if(this.edges.some((e=>e.source===t.source&&e.target===t.target&&(e.sourceHandle||"floating")===(t.sourceHandle||"floating")&&(e.targetHandle||"floating")===(t.targetHandle||"floating"))))return null;const e=`e-${t.source}-${t.target}-${Date.now()}-${Math.floor(1e3*Math.random())}`;return this.edges=[...this.edges,{id:e,...t,type:"default",animated:!1,sourceHandle:t.sourceHandle||"floating",targetHandle:t.targetHandle||"floating"}],this.saveToHistory(),this.notify(),e}toggleNodeCollapse(t){this.nodes=this.nodes.map((e=>e.id===t?{...e,isCollapsed:!e.isCollapsed}:e)),this.saveToHistory(),this.notify()}isValidConnection(t){if(t.source===t.target)return!1;if(this.isCycle(t.source,t.target))return!1;if(this.edges.some((e=>e.source===t.source&&e.target===t.target)))return!1;const e=this.nodes.find((e=>e.id===t.source)),s=this.nodes.find((e=>e.id===t.target));return!(void 0!==e?.maxConnections&&this.edges.filter((e=>e.source===t.source)).length>=e.maxConnections||void 0!==s?.maxConnections&&this.edges.filter((e=>e.target===t.target)).length>=s.maxConnections)}updateEdge(t,e){this.edges=this.edges.map((s=>s.id===t?{...s,...e}:s)),this.saveToHistory(),this.notify()}isCycle(t,e){if(t===e)return!0;const s=new Set,i=[e];for(;i.length>0;){const e=i.shift();if(e){if(e===t)return!0;s.has(e)||(s.add(e),this.edges.filter((t=>t.source===e)).forEach((t=>i.push(t.target))))}}return!1}deleteSelected(){this.nodes=this.nodes.filter((t=>!this.selectedNodeIds.includes(t.id))),this.edges=this.edges.filter((t=>!this.selectedEdgeIds.includes(t.id)&&!this.selectedNodeIds.includes(t.source)&&!this.selectedNodeIds.includes(t.target))),this.selectedNodeIds=[],this.selectedEdgeIds=[],this.saveToHistory(),this.notify()}groupSelected(){if(this.selectedNodeIds.length<2)return;const t=this.nodes.filter((t=>this.selectedNodeIds.includes(t.id))),e=Math.min(...t.map((t=>t.position.x))),s=Math.min(...t.map((t=>t.position.y))),i=Math.max(...t.map((t=>t.position.x+(t.width||150)))),o=Math.max(...t.map((t=>t.position.y+(t.height||48)))),n=`group-${Date.now()}`,r={id:n,type:"group",position:{x:e-20,y:s-40},width:i-e+40,height:o-s+60,data:{label:"New Group"},zIndex:1,style:{background:"rgba(0,0,0,0.02)",border:"1px dashed #ccc"}};this.nodes=[...this.nodes.map((t=>this.selectedNodeIds.includes(t.id)?{...t,parentId:n}:t)),r],this.selectedNodeIds=[n],this.saveToHistory(),this.notify()}autoLayout(t="LR"){const e=new Set,s={},i=this.nodes.filter((t=>!this.edges.some((e=>e.target===t.id)))),o=(t,i)=>{s[t]=Math.max(s[t]||0,i),e.has(t)||(e.add(t),this.edges.filter((e=>e.source===t)).forEach((t=>o(t.target,i+1))))};i.forEach((t=>o(t.id,0))),this.nodes.forEach((t=>{void 0===s[t.id]&&o(t.id,0)}));const n={};Object.entries(s).forEach((([t,e])=>{n[e]=[...n[e]||[],t]})),this.nodes=this.nodes.map((e=>{const i=s[e.id],o=n[i].indexOf(e.id);return{...e,position:"LR"===t?{x:250*i,y:100*o+100}:{x:250*o+200,y:100*i+100}}})),this.saveToHistory(),this.notify()}selectNode(t,e=!1){e?this.selectedNodeIds=this.selectedNodeIds.includes(t)?this.selectedNodeIds.filter((e=>e!==t)):[...this.selectedNodeIds,t]:(this.selectedNodeIds=[t],this.selectedEdgeIds=[]),this.notify()}setParent(t,e){const s=this.nodes.find((e=>e.id===t));if(s&&s.parentId!==e){if(e){const i=this.nodes.find((t=>t.id===e));if(i){const o=s.position.x-i.position.x,n=s.position.y-i.position.y;this.nodes=this.nodes.map((s=>s.id===t?{...s,parentId:e,position:{x:o,y:n}}:s))}}else{const e=s.parentId?this.nodes.find((t=>t.id===s.parentId)):null;this.nodes=this.nodes.map(e?i=>i.id===t?{...i,parentId:null,position:{x:s.position.x+e.position.x,y:s.position.y+e.position.y}}:i:e=>e.id===t?{...e,parentId:null}:e)}this.saveToHistory(),this.notify()}}updateNode(t,e){this.nodes=this.nodes.map((s=>s.id===t?{...s,...e,data:{...s.data,...e.data}}:s)),this.notify()}rotateNode(t,e){this.nodes=this.nodes.map((s=>s.id===t?{...s,rotation:e}:s)),this.notify()}selectEdge(t,e=!1){e?this.selectedEdgeIds=this.selectedEdgeIds.includes(t)?this.selectedEdgeIds.filter((e=>e!==t)):[...this.selectedEdgeIds,t]:(this.selectedEdgeIds=[t],this.selectedNodeIds=[]),this.notify()}clearSelection(){this.selectedNodeIds=[],this.selectedEdgeIds=[],this.notify()}deleteEdge(t){this.edges=this.edges.filter((e=>e.id!==t)),this.saveToHistory(),this.notify()}deleteNode(t){const e=this.edges.filter((e=>e.target===t)),s=this.edges.filter((e=>e.source===t));if(1===e.length&&1===s.length){const t=e[0].source,i=s[0].target;this.addEdge({id:`reconnect-${Date.now()}`,source:t,target:i,sourceHandle:e[0].sourceHandle,targetHandle:s[0].targetHandle,type:e[0].type})}this.nodes=this.nodes.filter((e=>e.id!==t)),this.edges=this.edges.filter((e=>e.source!==t&&e.target!==t)),this.selectedNodeIds=this.selectedNodeIds.filter((e=>e!==t)),this.saveToHistory(),this.notify()}addEdge(t){this.edges=[...this.edges,t],this.saveToHistory(),this.notify()}copySelected(){this.clipboardNodes=this.nodes.filter((t=>this.selectedNodeIds.includes(t.id))).map((t=>({...t}))),this.clipboardEdges=this.edges.filter((t=>this.selectedNodeIds.includes(t.source)&&this.selectedNodeIds.includes(t.target))).map((t=>({...t})))}paste(t,e){if(0===this.clipboardNodes.length)return;const s={},i=Math.min(...this.clipboardNodes.map((t=>t.position.x))),o=Math.min(...this.clipboardNodes.map((t=>t.position.y))),n=(void 0===t?i+20:t)-i,r=(void 0===e?o+20:e)-o,a=this.clipboardNodes.map((t=>{const e=`node-${Date.now()}-${Math.random()}`;return s[t.id]=e,{...t,id:e,position:{x:t.position.x+n,y:t.position.y+r},selected:!0}})),h=this.clipboardEdges.map((t=>({...t,id:`edge-${Date.now()}-${Math.random()}`,source:s[t.source],target:s[t.target]})));this.nodes=[...this.nodes.map((t=>({...t,selected:!1}))),...a],this.edges=[...this.edges,...h],this.selectedNodeIds=a.map((t=>t.id)),this.saveToHistory(),this.notify()}generateStressTest(t){const e=[];for(let s=0;s<t;s++)e.push({id:`stress-${s}`,position:{x:2e3*Math.random(),y:2e3*Math.random()},data:{label:`Node ${s}`},zIndex:10});this.nodes=[...this.nodes,...e],this.notify()}getFullState(){return{nodes:this.nodes,edges:this.edges,viewport:this.viewport,nodeValues:this.nodeValues}}}const h=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.xNodesChange=i(this,"xNodesChange",7),this.xEdgesChange=i(this,"xEdgesChange",7),this.xViewportChange=i(this,"xViewportChange",7),this.xNodeClick=i(this,"xNodeClick",7),this.xEdgeClick=i(this,"xEdgeClick",7),this.xConnect=i(this,"xConnect",7),this.xWorkflowChange=i(this,"xWorkflowChange",7)}get el(){return this}nodes=[];edges=[];fitView=!1;interactive=!0;viewportValue={x:0,y:0,zoom:1};snapToGridValue=0;background={variant:"dots"};tool="select";theme="light";turboMode=!1;displayMode="advanced";users=[];nodeToolbarVisible=!0;nodeToolbarMode="selected";edgeRoutingMode="fixed";flowNodes=[];flowEdges=[];flowViewport={x:0,y:0,zoom:1};pendingConnection=null;selectedNodes=[];draggingNodeId=null;proximityPreview=null;helperLines=[];contextMenu=null;selectionRect=null;drawings=[];activeDrawing=null;editingEdgeId=null;focusedNodeId=null;xNodesChange;xEdgesChange;xViewportChange;xNodeClick;xEdgeClick;xConnect;xWorkflowChange;service;isDraggingCanvas=!1;isUpdatingFromProp=!1;isInteracting=!1;lastMousePos={x:0,y:0};container;throttleTimer=null;async forceLayout(){this.service.forceLayout()}componentWillLoad(){this.service=new a(this.nodes,this.edges),this.service.setViewport(this.viewportValue),this.updateState(),this.service.subscribe((()=>{this.updateState(),this.throttleEmitWorkflowChange()}))}throttleEmitWorkflowChange(){this.throttleTimer||(this.throttleTimer=setTimeout((()=>{this.xWorkflowChange.emit(this.service.getFullState()),this.throttleTimer=null}),100))}handleNodesPropChange(t){this.isUpdatingFromProp=!0,this.service.setNodes(t),this.isUpdatingFromProp=!1}handleEdgesPropChange(t){this.isUpdatingFromProp=!0,this.service.setEdges(t),this.isUpdatingFromProp=!1}handleViewportChange(t){this.isUpdatingFromProp=!0,this.service.setViewport(t),this.isUpdatingFromProp=!1}updateState(){this.flowNodes=[...this.service.getNodes()],this.flowEdges=[...this.service.getEdges()],this.flowViewport={...this.service.getViewport()},this.selectedNodes=[...this.service.getSelectedNodes()],this.isUpdatingFromProp||this.isInteracting||(this.xViewportChange.emit(this.flowViewport),this.xNodesChange.emit(this.flowNodes),this.xEdgesChange.emit(this.flowEdges))}handleMouseDown=t=>{if(!this.interactive)return;const e="touches"in t?t.touches[0].clientX:t.clientX,s="touches"in t?t.touches[0].clientY:t.clientY,i=t.target;if(!i.closest(".node")&&!i.closest(".edge-group")&&(i===this.container||i.closest(".background-canvas"))){const i=this.container.getBoundingClientRect();if("rectangle"===this.tool||"freehand"===this.tool)return void this.startDrawing((e-i.left-this.flowViewport.x)/this.flowViewport.zoom,(s-i.top-this.flowViewport.y)/this.flowViewport.zoom);this.lastMousePos={x:e,y:s},"shiftKey"in t&&t.shiftKey?(this.selectionRect={x:e-i.left,y:s-i.top,width:0,height:0},this.isInteracting=!0):(this.isDraggingCanvas=!0,this.isInteracting=!0,this.service.clearSelection()),this.contextMenu=null}};handleMove(t){const e="touches"in t?t.touches[0].clientX:t.clientX,s="touches"in t?t.touches[0].clientY:t.clientY,{x:i,y:o,zoom:n}=this.flowViewport,r=this.container.getBoundingClientRect();if(this.isDraggingCanvas){const t=e-this.lastMousePos.x,r=s-this.lastMousePos.y;this.lastMousePos={x:e,y:s},this.service.setViewport({x:i+t,y:o+r,zoom:n})}if(this.pendingConnection&&(this.pendingConnection={...this.pendingConnection,mouseX:(e-r.left-i)/n,mouseY:(s-r.top-o)/n}),"eraser"===this.tool&&("buttons"in t&&1===t.buttons||"touches"in t)&&this.handleEraserAt(e,s),this.activeDrawing){const t=(e-r.left-i)/n,a=(s-r.top-o)/n;"rectangle"===this.activeDrawing.type?this.activeDrawing={...this.activeDrawing,width:t-this.activeDrawing.position.x,height:a-this.activeDrawing.position.y}:"freehand"===this.activeDrawing.type&&(this.activeDrawing={...this.activeDrawing,points:[...this.activeDrawing.points,{x:t,y:a}]})}}handleEraserAt(t,e){const s=this.container.getBoundingClientRect(),{x:i,y:o,zoom:n}=this.flowViewport,r=(t-s.left-i)/n,a=(e-s.top-o)/n,h=this.flowNodes.find((t=>r>=t.position.x&&r<=t.position.x+(t.width||150)&&a>=t.position.y&&a<=t.position.y+(t.height||48)));h&&this.service.deleteNode(h.id),this.drawings=this.drawings.filter((t=>{if("rectangle"===t.type){const e=Math.min(t.position.x,t.position.x+(t.width||0)),s=Math.min(t.position.y,t.position.y+(t.height||0)),i=Math.abs(t.width||0),o=Math.abs(t.height||0);return!(r>=e&&r<=e+i&&a>=s&&a<=s+o)}return!0}))}handleUp(){if(this.isInteracting&&(this.isInteracting=!1,this.updateState()),this.isDraggingCanvas=!1,this.activeDrawing&&(this.drawings=[...this.drawings,this.activeDrawing],this.activeDrawing=null),this.selectionRect&&(this.applyLassoSelection(),this.selectionRect=null),this.draggingNodeId){const t=this.flowNodes.find((t=>t.id===this.draggingNodeId));if(t){const e=this.flowNodes.find((e=>e.id!==t.id&&"group"===e.type&&(t.position.x>=e.position.x&&t.position.x+(t.width||150)<=e.position.x+(e.width||400)&&t.position.y>=e.position.y&&t.position.y+(t.height||48)<=e.position.y+(e.height||300))));e?this.service.setParent(t.id,e.id):t.parentId&&this.service.setParent(t.id,null)}}this.isDraggingCanvas=!1,this.draggingNodeId=null,this.helperLines=[]}handleKeyDown(t){this.interactive&&"INPUT"!==t.target.tagName&&((t.ctrlKey||t.metaKey)&&"c"===t.key&&(t.preventDefault(),this.service.copySelected()),(t.ctrlKey||t.metaKey)&&"v"===t.key&&(t.preventDefault(),this.service.paste()),(t.ctrlKey||t.metaKey)&&"z"===t.key&&(t.preventDefault(),t.shiftKey?this.service.redo():this.service.undo()),"Delete"!==t.key&&"Backspace"!==t.key||(t.preventDefault(),this.service.deleteSelected()))}handleWheel=t=>{if(!this.interactive)return;t.preventDefault();const e=this.service.getViewport(),s=Math.min(Math.max(e.zoom+.001*-t.deltaY,.1),5);if(s===e.zoom)return;const i=this.container.getBoundingClientRect(),o=t.clientX-i.left,n=t.clientY-i.top;this.service.setViewport({x:o-(o-e.x)/e.zoom*s,y:n-(n-e.y)/e.zoom*s,zoom:s})};render(){const{x:t,y:e,zoom:s}=this.flowViewport,i=`translate(${t}px, ${e}px) scale(${s})`;return o("div",{key:"a91dd40532f5f5b4ed483ae6e386bba58a4c32fc",class:{"workflow-container":!0,"theme-dark":"dark"===this.theme},onMouseDown:this.handleMouseDown,onTouchStart:this.handleMouseDown,onWheel:this.handleWheel,ref:t=>this.container=t},o("div",{key:"907746c70c6498dafede5c7003c49280d382683f",class:"background-canvas"},this.renderBackground()),o("div",{key:"4b08f3a924ffb0f32452eb890d1412ec09064868",class:"flow-renderer",style:{transform:i}},o("svg",{key:"79d11a10adc62c2fda79e0d255004202282974de",class:"edges-svg"},o("defs",{key:"88b740608559c08280829d75c96a53792636f7ff"},o("marker",{key:"4af37c5a03d2039e429b94579de0d4abc1f74dc4",id:"arrowhead",markerWidth:"10",markerHeight:"7",refX:"9",refY:"3.5",orient:"auto"},o("polygon",{key:"81c67a5f7f974adbe54b013cc982d367627886b0",points:"0 0, 10 3.5, 0 7",fill:"currentColor"})),o("marker",{key:"b373d964af68271dc5dc74d2b30d4c7b342eb20b",id:"arrowhead-selected",markerWidth:"10",markerHeight:"7",refX:"9",refY:"3.5",orient:"auto"},o("polygon",{key:"a067eb105fcc952b3475ba694baa1c070c8f6c8f",points:"0 0, 10 3.5, 0 7",fill:"var(--x-primary-color)"}))),this.flowEdges.sort(((t,e)=>(t.selected?1:0)-(e.selected?1:0))).map((t=>this.renderEdge(t))),this.renderPendingLine(),this.renderProximityPreview(),this.renderEdgeHandles()),o("div",{key:"cb5e9f73ca6b623871b44678e1ce6312d0c70b4c",class:"nodes-layer"},this.flowNodes.map((t=>this.renderNode(t)))),o("svg",{key:"7f3b9e5a58576406080264de861cec229ac6606b",class:"drawings-layer"},this.drawings.map((t=>this.renderDrawing(t))),this.activeDrawing&&this.renderDrawing(this.activeDrawing)),this.renderHelperLines(),this.renderUsers()),this.renderContextMenu(),this.renderSelectionRect())}renderBackground(){return"dots"===this.background.variant?o("div",{class:"dots-bg",style:{backgroundSize:`${20*this.flowViewport.zoom}px ${20*this.flowViewport.zoom}px`}}):null}renderUsers(){return this.users.map((t=>o("div",{class:"user-cursor",style:{left:`${t.position.x}px`,top:`${t.position.y}px`}},o("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:t.color},o("path",{d:"M5 1v22l6-6h11z"})),o("span",{class:"user-name",style:{backgroundColor:t.color}},t.name))))}renderPendingLine(){return this.pendingConnection?o("path",{d:`M${this.pendingConnection.startX},${this.pendingConnection.startY} L${this.pendingConnection.mouseX},${this.pendingConnection.mouseY}`,class:"edge-path pending"}):null}renderProximityPreview(){if(!this.proximityPreview)return null;const t=this.flowNodes.find((t=>t.id===this.proximityPreview.source)),e=this.flowNodes.find((t=>t.id===this.proximityPreview.target));if(!t||!e)return null;const s=this.getHandlePos(t,this.proximityPreview.sourceHandle,e),i=this.getHandlePos(e,this.proximityPreview.targetHandle,t);return o("path",{d:`M${s.x},${s.y} L${i.x},${i.y}`,class:"edge-path proximity-preview","stroke-dasharray":"5,5",opacity:"0.5"})}handleNodeClick(t,e){const s=this.flowNodes.find((t=>t.id===e));s&&(this.service.selectNode(e,!!(t.shiftKey||t.ctrlKey||t.metaKey)),this.xNodeClick.emit(s))}handleEdgeLabelDblClick(t,e){t.stopPropagation(),this.editingEdgeId=e}handleEdgeLabelChange(t,e){this.service.updateEdge(e,{label:t.target.value})}renderEdgeLabel(t,e,s){return o("foreignObject",{x:e-50,y:s-12,width:100,height:24,class:"edge-label-container"},o("div",{class:"edge-label",onDblClick:e=>this.handleEdgeLabelDblClick(e,t.id)},this.editingEdgeId===t.id?o("input",{value:t.label,onInput:e=>this.handleEdgeLabelChange(e,t.id),onKeyDown:t=>"Enter"===t.key&&(this.editingEdgeId=null),onBlur:()=>this.editingEdgeId=null,autoFocus:!0,style:{width:"100%",background:"white",border:"1px solid #ccc",borderRadius:"4px"}}):t.label||""))}renderEdge(t){const e=this.flowNodes.find((e=>e.id===t.source)),s=this.flowNodes.find((e=>e.id===t.target));if(!e||!s)return null;const i=this.getHandlePos(e,t.sourceHandle,s),n=this.getHandlePos(s,t.targetHandle,e);let r=i.x,a=i.y,h=n.x,d=n.y;const l=this.flowEdges.filter((e=>e.source===t.source&&e.target===t.target)),c=l.findIndex((e=>e.id===t.id)),u=l.length>1?20*(c-(l.length-1)/2):0;if("straight"!==t.type){const t=h-r,e=d-a,s=Math.hypot(t,e)||1,i=-e/s,o=t/s;r+=i*u,a+=o*u,h+=i*u,d+=o*u}let p="";if("straight"===t.type)p=`M${r},${a} L${h},${d}`;else if("step"===t.type||"smoothstep"===t.type){const e="smoothstep"===t.type?8:0,s=[],i=r+(h-r)/2,o=a+(d-a)/2;Math.abs(r-h)>Math.abs(a-d)?(s.push({x:r,y:a}),s.push({x:i,y:a}),s.push({x:i,y:d}),s.push({x:h,y:d})):(s.push({x:r,y:a}),s.push({x:r,y:o}),s.push({x:h,y:o}),s.push({x:h,y:d}));const n=[];n.push(`M${s[0].x},${s[0].y}`);for(let t=1;t<s.length-1;t++){const i=s[t-1],o=s[t],r=s[t+1];if(0===e){n.push(`L${o.x},${o.y}`);continue}const a=o.x-i.x,h=o.y-i.y,d=r.x-o.x,l=r.y-o.y,c=Math.hypot(a,h),u=Math.hypot(d,l),p=Math.min(e,c/2,u/2),g=o.x+d/u*p,f=o.y+l/u*p;n.push(`L${o.x-a/c*p},${o.y-h/c*p}`),n.push(`Q${o.x},${o.y} ${g},${f}`)}const l=s[s.length-1];n.push(`L${l.x},${l.y}`),p=n.join(" ")}else{const t=h-r,e=.5;p=`\n      M${r},${a}\n      C${r+t*e},${a}\n       ${h-t*e},${d}\n       ${h},${d}\n    `}const g=this.selectedNodes.includes(t.id);return o("g",{key:t.id,class:{"edge-group":!0}},o("path",{d:p,stroke:"transparent","stroke-width":"20",fill:"none",style:{cursor:"pointer",pointerEvents:"stroke"},onClick:e=>{e.stopPropagation(),this.service.selectEdge(t.id,e.ctrlKey||e.metaKey),this.xEdgeClick.emit(t)}}),o("path",{d:p,class:{"edge-path":!0,selected:g,animated:t.animated},"marker-end":g?"url(#arrowhead-selected)":"url(#arrowhead)",style:{pointerEvents:"none",stroke:g?"var(--x-primary-color)":t.style?.stroke||"#b1b1b7",strokeDasharray:t.style?.strokeDasharray}}),t.selected&&o("foreignObject",{x:(r+h)/2-30,y:(a+d)/2-50,width:"60",height:"40"},o("div",{class:"edge-toolbar"},o("button",{class:"edge-toolbar-btn",onClick:e=>{e.stopPropagation(),this.service.updateEdge(t.id,{animated:!t.animated})}},"⚡"),o("button",{class:"edge-toolbar-btn",onClick:e=>{e.stopPropagation(),this.service.deleteEdge(t.id)}},"🗑"))),t.label&&this.renderEdgeLabel(t,(r+h)/2,(a+d)/2))}getHandlePos(t,e,s){const i=Math.round(t.position.x),o=Math.round(t.position.y),n=t.width?Math.round(t.width):"diamond"===t.shape?100:150,r=t.height?Math.round(t.height):"diamond"===t.shape?100:48;if("floating"===e&&s)return this.getFloatingHandlePos(t,s);if("auto"===this.edgeRoutingMode&&s){const t={x:i+n/2,y:o+r/2},a={x:s.position.x+(s.width||150)/2,y:s.position.y+(s.height||48)/2},h=a.x-t.x,d=a.y-t.y;e=Math.abs(h)>Math.abs(d)?h>0?"right":"left":d>0?"bottom":"top"}else if(!e&&s){const t={x:i+n/2,y:o+r/2},a={x:s.position.x+(s.width||150)/2,y:s.position.y+(s.height||48)/2},h=a.x-t.x,d=a.y-t.y;e=Math.abs(h)>Math.abs(d)?h>0?"right":"left":d>0?"bottom":"top"}else e||(e="floating");switch(e){case"top":return{x:i+n/2,y:o};case"right":return{x:i+n,y:o+r/2};case"bottom":return{x:i+n/2,y:o+r};case"left":return{x:i,y:o+r/2};default:return{x:i+n/2,y:o+r/2}}}getFloatingHandlePos(t,e){const s=(t.width||150)/2,i=(t.height||48)/2,o=t.position.x+s,n=t.position.y+i,r=e.position.x+(e.width||150)/2-o,a=e.position.y+(e.height||48)/2-n,h=Math.atan2(a,r);if("diamond"===t.shape){const t=s*i/(i*Math.abs(Math.cos(h))+s*Math.abs(Math.sin(h)));return{x:o+t*Math.cos(h),y:n+t*Math.sin(h)}}if("circle"===t.shape){const t=Math.min(s,i);return{x:o+t*Math.cos(h),y:n+t*Math.sin(h)}}return Math.abs(r)*i>Math.abs(a)*s?{x:o+s*Math.sign(r),y:n+a*s/Math.abs(r)}:{x:o+r*i/Math.abs(a),y:n+i*Math.sign(a)}}renderEdgeHandles(){return this.flowEdges.filter((t=>t.selected)).map((t=>{const e=this.flowNodes.find((e=>e.id===t.source)),s=this.flowNodes.find((e=>e.id===t.target));if(!e||!s)return null;const i=this.getHandlePos(e,t.sourceHandle,s),n=this.getHandlePos(s,t.targetHandle,e);return o("g",{class:"edge-controls"},o("circle",{cx:i.x,cy:i.y,r:"4",class:"edge-handle source",onMouseDown:e=>this.startEdgeReconnect(e,t,"source"),onTouchStart:e=>this.startEdgeReconnect(e,t,"source")}),o("circle",{cx:n.x,cy:n.y,r:"4",class:"edge-handle target",onMouseDown:e=>this.startEdgeReconnect(e,t,"target"),onTouchStart:e=>this.startEdgeReconnect(e,t,"target")}))}))}startEdgeReconnect(t,e,s){if(this.pendingConnection)return;t.preventDefault(),t.stopPropagation();const i="source"===s?e.target:e.source,o=this.flowNodes.find((t=>t.id===i));if(!o)return;const n=this.container.getBoundingClientRect(),{x:r,y:a,zoom:h}=this.flowViewport,d=this.getHandlePos(o,"source"===s?e.targetHandle:e.sourceHandle),l="touches"in t?t.touches[0].clientX:t.clientX,c="touches"in t?t.touches[0].clientY:t.clientY;this.service.deleteEdge(e.id),this.pendingConnection={source:i,handle:("source"===s?e.targetHandle:e.sourceHandle)||"floating",startX:d.x,startY:d.y,mouseX:(l-n.left-r)/h,mouseY:(c-n.top-a)/h},this.startConnectionHandler(i,"source"===s?"target":"source")}renderNode(t){const e=this.selectedNodes.includes(t.id),s=this.focusedNodeId===t.id,i=t.shape?`shape-${t.shape}`:"";return o("div",{key:t.id,"data-id":t.id,class:{node:!0,selected:e,dragging:this.draggingNodeId===t.id,collapsed:t.isCollapsed,[t.className]:!!t.className,[i]:!!i,focused:s,turbo:this.turboMode,[`type-${t.type}`]:!0},style:{left:`${Math.round(t.position.x)}px`,top:`${Math.round(t.position.y)}px`,width:t.width?`${t.width}px`:"diamond"===t.shape?"100px":"150px",height:t.height?`${t.height}px`:"diamond"===t.shape?"100px":"48px",transform:`rotate(${t.rotation||0}deg) translateZ(0)`,opacity:this.focusedNodeId&&!s&&t.parentId!==this.focusedNodeId?"0.3":"1",zIndex:e?"1000":(t.zIndex||10).toString(),...t.style||{}},onMouseDown:e=>this.handleNodeDragStart(e,t),onTouchStart:e=>this.handleNodeDragStart(e,t),onClick:e=>this.handleNodeClick(e,t.id),onDblClick:()=>"group"===t.type&&(this.focusedNodeId=this.focusedNodeId===t.id?null:t.id)},this.shouldShowToolbar(t)&&this.renderNodeToolbar(t),"diamond"===t.shape&&o("div",{class:"node-shape-wrapper"},o("svg",{viewBox:"0 0 100 100",preserveAspectRatio:"none",class:"node-shape-svg"},o("path",{d:"M50 0 L100 50 L50 100 L0 50 Z",class:{"shape-path":!0,selected:e}}))),o("div",{class:"node-content"},("group"===t.type||t.isParent)&&o("button",{class:"node-collapse-btn",onClick:e=>{e.stopPropagation(),this.service.toggleNodeCollapse(t.id)}},o("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},o("path",{d:t.isCollapsed?"M12 5v14M5 12h14":"M5 12h14"}))),t.template?o("div",{innerHTML:t.template}):o("slot",{name:`node-${t.type}`},t.data?.label||t.id)),t.handles?t.handles.map((e=>this.renderCustomHandle(t,e))):[o("div",{key:"top",class:"handle top",onMouseDown:e=>this.startConnection(e,t.id,"top")}),o("div",{key:"right",class:"handle right",onMouseDown:e=>this.startConnection(e,t.id,"right")}),o("div",{key:"bottom",class:"handle bottom",onMouseDown:e=>this.startConnection(e,t.id,"bottom")}),o("div",{key:"left",class:"handle left",onMouseDown:e=>this.startConnection(e,t.id,"left")})],e&&t.resizable&&o("div",{class:"node-resizer",onMouseDown:e=>this.startResize(e,t)})," ",e&&!1!==t.rotatable&&o("div",{class:"node-rotator",onMouseDown:e=>this.startRotate(e,t)},o("x-icon",{name:"autorenew",size:12}))," ")}shouldShowToolbar(t){return!!this.nodeToolbarVisible&&("always"===this.nodeToolbarMode||"selected"===this.nodeToolbarMode&&this.selectedNodes.includes(t.id))}renderNodeToolbar(t){return o("div",{class:"node-toolbar"},o("div",{class:"color-picker"},["#ffffff","#fecaca","#bfdbfe","#bbf7d0","#fef08a","#e9d5ff"].map((e=>o("div",{class:"color-swatch",style:{background:e},onClick:()=>this.service.updateNode(t.id,{style:{...t.style,background:e}})})))),o("x-divider",{type:"vertical"}),o("button",{onClick:()=>this.service.deleteNode(t.id)},o("x-icon",{name:"delete",size:14})),o("button",{onClick:()=>this.service.copySelected()},o("x-icon",{name:"content_copy",size:14})))}renderCustomHandle(t,e){return e("div",{class:{handle:!0,[e.position]:!0},style:e.style,onMouseDown:s=>this.startConnection(s,t.id,e.id),onTouchStart:s=>this.startConnection(s,t.id,e.id)})}handleNodeDragStart(t,e){if(e.dragHandle&&!t.target.closest(e.dragHandle))return;t.preventDefault(),t.stopPropagation();const s="touches"in t?t.touches[0].clientX:t.clientX,i="touches"in t?t.touches[0].clientY:t.clientY;this.service.selectNode(e.id,"shiftKey"in t&&t.shiftKey),this.startNodeDrag(s,i,e)}startNodeDrag(t,e,s){const i=s.position.x,o=s.position.y,n=this.flowViewport.zoom;let r=!1;const a=a=>{const h="touches"in a?a.touches[0].clientX:a.clientX,d="touches"in a?a.touches[0].clientY:a.clientY;if(!r){if(!(Math.sqrt(Math.pow(h-t,2)+Math.pow(d-e,2))>5))return;r=!0,this.draggingNodeId=s.id,this.isInteracting=!0}const l=i+(h-t)/n,c=o+(d-e)/n;this.service.updateNodePosition(s.id,l,c,this.snapToGridValue),this.helperLines=this.calculateHelperLines(s.id,l,c),this.checkProximity(s.id,l,c)},h=()=>{this.proximityPreview&&(this.service.onConnect(this.proximityPreview),this.proximityPreview=null),document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",h),document.removeEventListener("touchmove",a),document.removeEventListener("touchend",h),this.draggingNodeId=null,this.handleUp()};document.addEventListener("mousemove",a),document.addEventListener("mouseup",h),document.addEventListener("touchmove",a),document.addEventListener("touchend",h)}startResize(t,e){t.stopPropagation();const s="touches"in t?t.touches[0].clientX:t.clientX,i="touches"in t?t.touches[0].clientY:t.clientY,o=e.width||150,n=e.height||48,r=this.flowViewport.zoom,a=t=>{const a=(("touches"in t?t.touches[0].clientX:t.clientX)-s)/r,h=(("touches"in t?t.touches[0].clientY:t.clientY)-i)/r;this.service.setNodes(this.flowNodes.map((t=>t.id===e.id?{...t,width:Math.max(50,o+a),height:Math.max(30,n+h)}:t)))},h=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",h),document.removeEventListener("touchmove",a),document.removeEventListener("touchend",h)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",h),document.addEventListener("touchmove",a),document.addEventListener("touchend",h)}startRotate(t,e){t.stopPropagation();const s=this.container.getBoundingClientRect(),{x:i,y:o,zoom:n}=this.flowViewport,r=e.position.x+(e.width||150)/2,a=e.position.y+(e.height||48)/2,h=t=>{const h=Math.atan2((("touches"in t?t.touches[0].clientY:t.clientY)-s.top-o)/n-a,(("touches"in t?t.touches[0].clientX:t.clientX)-s.left-i)/n-r)*(180/Math.PI)+90;this.service.rotateNode(e.id,h)},d=()=>{this.service.saveToHistory(),document.removeEventListener("mousemove",h),document.removeEventListener("mouseup",d),document.removeEventListener("touchmove",h),document.removeEventListener("touchend",d)};document.addEventListener("mousemove",h),document.addEventListener("mouseup",d),document.addEventListener("touchmove",h),document.addEventListener("touchend",d)}applyLassoSelection(){if(!this.selectionRect)return;const{x:t,y:e,width:s,height:i}=this.selectionRect,o=this.flowViewport.zoom,n=this.flowViewport.x,r=this.flowViewport.y,a=(Math.min(t,t+s)-n)/o,h=(Math.min(e,e+i)-r)/o,d=Math.abs(s)/o,l=Math.abs(i)/o;this.flowNodes.forEach((t=>{const e=t.position.x,s=t.position.y;e>=a&&e+(t.width||150)<=a+d&&s>=h&&s+(t.height||48)<=h+l&&this.service.selectNode(t.id,!0)}))}renderSelectionRect(){if(!this.selectionRect)return null;const{x:t,y:e,width:s,height:i}=this.selectionRect;return o("div",{class:"selection-rect",style:{left:`${Math.min(t,t+s)}px`,top:`${Math.min(e,e+i)}px`,width:`${Math.abs(s)}px`,height:`${Math.abs(i)}px`}})}renderContextMenu(){return this.contextMenu?o("div",{class:"context-menu",style:{left:`${this.contextMenu.x}px`,top:`${this.contextMenu.y}px`}},o("div",{class:"menu-item",onClick:()=>this.addNodeAtPos(this.contextMenu.x,this.contextMenu.y)},"Add Node Here"),o("div",{class:"divider"}),this.selectedNodes.length>1&&o("div",{class:"menu-item",onClick:()=>this.service.groupSelected()},"Group Selected"),o("div",{class:"menu-item",onClick:()=>this.service.undo()},"Undo"),o("div",{class:"menu-item",onClick:()=>this.service.redo()},"Redo")):null}addNodeAtPos(t,e){const s=this.container.getBoundingClientRect(),{x:i,y:o,zoom:n}=this.flowViewport;this.service.addNode({id:`node-${Date.now()}`,position:{x:(t-s.left-i)/n,y:(e-s.top-o)/n},data:{label:"New Node"},zIndex:10})}startConnection(t,e,s){if(this.pendingConnection)return;t.preventDefault(),t.stopPropagation();const i="touches"in t?t.touches[0].clientX:t.clientX,o="touches"in t?t.touches[0].clientY:t.clientY,n=this.container.getBoundingClientRect(),{x:r,y:a,zoom:h}=this.flowViewport,d=this.flowNodes.find((t=>t.id===e));if(!d)return;const l=this.getHandlePos(d,s);this.pendingConnection={source:e,handle:s,startX:l.x,startY:l.y,mouseX:(i-n.left-r)/h,mouseY:(o-n.top-a)/h},this.proximityPreview=null,this.startConnectionHandler(e,"source")}startConnectionHandler(t,e="source"){const s=i=>{const o=this.pendingConnection;if(this.pendingConnection=null,this.proximityPreview=null,document.removeEventListener("mouseup",s),document.removeEventListener("touchend",s),!o)return;const n="touches"in i?i.touches[0].clientX:i.clientX,r="touches"in i?i.touches[0].clientY:i.clientY,{x:a,y:h,zoom:d}=this.flowViewport,l=this.container.getBoundingClientRect(),c=(n-l.left-a)/d,u=(r-l.top-h)/d,p=this.flowNodes.find((t=>c>=t.position.x-15&&c<=t.position.x+((t.width||150)+30)&&u>=t.position.y-15&&u<=t.position.y+((t.height||48)+30)));if(p&&p.id!==t){const s=i.composedPath().find((t=>t.classList&&t.classList.contains("handle"))),n=s?Array.from(s.classList).find((t=>["top","right","bottom","left"].includes(t))):"floating",r="source"===e?{source:t,target:p.id,sourceHandle:o.handle,targetHandle:n}:{source:p.id,target:t,sourceHandle:n,targetHandle:o.handle};this.service.isValidConnection(r)&&(this.service.onConnect(r),this.xConnect.emit(r))}else if(!p){const s=`node-${Date.now()}`;this.service.addNode({id:s,position:{x:c-75,y:u-24},data:{label:"New Node"},zIndex:10});const i="source"===e?{source:t,target:s,sourceHandle:o.handle,targetHandle:"floating"}:{source:s,target:t,sourceHandle:"floating",targetHandle:o.handle};this.service.onConnect(i),this.xConnect.emit(i)}};document.addEventListener("mouseup",s),document.addEventListener("touchend",s)}startDrawing(t,e){this.activeDrawing={id:`draw-${Date.now()}`,type:"rectangle"===this.tool?"rectangle":"freehand",position:{x:t,y:e},points:"freehand"===this.tool?[{x:t,y:e}]:[],width:0,height:0,style:{stroke:"#111",strokeWidth:"2",fill:"none"}}}renderDrawing(t){return"rectangle"===t.type?o("rect",{x:Math.min(t.position.x,t.position.x+(t.width||0)),y:Math.min(t.position.y,t.position.y+(t.height||0)),width:Math.abs(t.width||0),height:Math.abs(t.height||0),style:t.style}):o("path",{d:t.points.map(((t,e)=>`${0===e?"M":"L"}${t.x},${t.y}`)).join(" "),style:t.style})}checkProximity(t,e,s){const i=this.flowNodes.find((e=>e.id===t));if(!i)return;const o=e+(i.width||150)/2,n=s+(i.height||48)/2;let r=null,a=50;this.flowNodes.forEach((e=>{if(e.id===t||e.parentId===t)return;const s=Math.sqrt((o-(e.position.x+(e.width||150)/2))**2+(n-(e.position.y+(e.height||48)/2))**2);s<a&&(a=s,r={source:t,target:e.id,sourceHandle:"floating",targetHandle:"floating"})})),this.proximityPreview=r}calculateHelperLines(t,e,s){const i=[];return this.flowNodes.forEach((o=>{o.id!==t&&o.parentId!==t&&(Math.abs(e-o.position.x)<10&&i.push({x:o.position.x}),Math.abs(s-o.position.y)<10&&i.push({y:o.position.y}))})),i}renderHelperLines(){return o("svg",{class:"helper-lines-svg",style:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",pointerEvents:"none"}},this.helperLines.map((t=>o("line",void 0!==t.x?{x1:t.x,y1:"-10000",x2:t.x,y2:"10000",stroke:"#3b82f6","stroke-dasharray":"2,2"}:{x1:"-10000",y1:t.y,x2:"10000",y2:t.y,stroke:"#3b82f6","stroke-dasharray":"2,2"}))))}static get watchers(){return{nodes:[{handleNodesPropChange:0}],edges:[{handleEdgesPropChange:0}],viewportValue:[{handleViewportChange:0}]}}static get style(){return':host{display:block;width:100%;height:100%;overflow:hidden}.workflow-container{position:relative;width:100%;height:100%;background:#f8f9fa;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;outline:none}.background-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.dots-bg{width:100%;height:100%;background-image:radial-gradient(#d1d5db 1px, transparent 1px);background-size:20px 20px}.flow-renderer{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform-origin:0 0;transform-origin:0 0;will-change:transform}.nodes-layer,.edges-svg,.drawings-layer{position:absolute;top:0;left:0;width:100%;height:100%}.edges-svg{overflow:visible;pointer-events:none}.node{position:absolute;background:#ffffff;border:1px solid #d1d5db;border-radius:6px;-webkit-box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:-webkit-transform 0.1s ease-out;transition:-webkit-transform 0.1s ease-out;transition:transform 0.1s ease-out;transition:transform 0.1s ease-out, -webkit-transform 0.1s ease-out}.node.dragging{-webkit-transition:none;transition:none;cursor:-webkit-grabbing;cursor:grabbing;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);z-index:100}.node{color:#1f2937;font-family:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:8px 12px;min-width:100px;min-height:40px;z-index:10;-webkit-transform-origin:center center;transform-origin:center center}.node.shape-circle{border-radius:50%}.node.shape-diamond{background:transparent !important;border:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;-webkit-clip-path:none !important;clip-path:none !important}.node.shape-diamond .node-shape-wrapper{position:absolute;inset:0;z-index:0;pointer-events:none}.node.shape-diamond .node-shape-svg{width:100%;height:100%;overflow:visible}.node.shape-diamond .node-shape-svg .shape-path{fill:#ffffff;stroke:#d1d5db;stroke-width:1.5px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;vector-effect:non-scaling-stroke}.node.shape-diamond .node-shape-svg .shape-path.selected{stroke:#3b82f6;stroke-width:3px;-webkit-filter:drop-shadow(0 0 4px rgba(59, 130, 246, 0.3));filter:drop-shadow(0 0 4px rgba(59, 130, 246, 0.3))}.node.shape-diamond .node-content{position:relative;z-index:1;-webkit-transform:scale(0.7);transform:scale(0.7);pointer-events:auto}.node-content{pointer-events:none;font-size:14px;font-weight:500;text-align:center;width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:8px}.node-content>*{pointer-events:auto}.node.dragging{cursor:-webkit-grabbing;cursor:grabbing;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);z-index:100;-webkit-transition:none;transition:none}.node.selected{border-color:#3b82f6;-webkit-box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px #3b82f6}.handle{position:absolute;width:12px;height:12px;background:white;border:2px solid #3b82f6;border-radius:50%;cursor:crosshair;z-index:20}.handle::after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px}.handle:hover{background:#2563eb;border-color:#2563eb}.handle.top{top:-6px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.handle.right{right:-6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.handle.bottom{bottom:-6px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.handle.left{left:-6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.edge-path{fill:none;stroke:#b1b1b7;stroke-width:2px;pointer-events:auto;cursor:pointer;-webkit-transition:stroke 0.2s;transition:stroke 0.2s}.edge-path:hover{stroke-width:3px;stroke:#3b82f6}.edge-path.selected{stroke:#3b82f6;stroke-width:3px}.edge-path.animated{stroke-dasharray:5;-webkit-animation:dash 1s linear infinite;animation:dash 1s linear infinite}.edge-path.turbo{stroke:#ff00ff;stroke-width:3px;-webkit-filter:drop-shadow(0 0 5px rgba(255, 0, 255, 0.8));filter:drop-shadow(0 0 5px rgba(255, 0, 255, 0.8));stroke-dasharray:10;-webkit-animation:turbo-dash 0.5s linear infinite;animation:turbo-dash 0.5s linear infinite}@-webkit-keyframes turbo-dash{from{stroke-dashoffset:20}to{stroke-dashoffset:0}}@keyframes turbo-dash{from{stroke-dashoffset:20}to{stroke-dashoffset:0}}@-webkit-keyframes dash{from{stroke-dashoffset:10}to{stroke-dashoffset:0}}@keyframes dash{from{stroke-dashoffset:10}to{stroke-dashoffset:0}}.node-toolbar{position:absolute;top:-45px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:white;border:1px solid #ddd;border-radius:6px;padding:4px;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);z-index:100}.node-toolbar .color-picker{display:-ms-flexbox;display:flex;gap:2px;padding:0 4px}.node-toolbar .color-picker .color-swatch{width:16px;height:16px;border-radius:2px;border:1px solid #eee;cursor:pointer;-webkit-transition:-webkit-transform 0.1s;transition:-webkit-transform 0.1s;transition:transform 0.1s;transition:transform 0.1s, -webkit-transform 0.1s}.node-toolbar .color-picker .color-swatch:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.node-toolbar button{background:transparent;border:none;color:#333;cursor:pointer;padding:4px;border-radius:2px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:14px}.toolbar-btn{background:transparent;border:none;color:white;cursor:pointer;padding:4px;border-radius:2px;display:-ms-flexbox;display:flex}.toolbar-btn:hover{background:rgba(255, 255, 255, 0.1)}.edge-toolbar{display:-ms-flexbox;display:flex;background:#333;padding:4px;border-radius:4px;gap:4px}.edge-toolbar-btn{background:transparent;border:none;color:white;cursor:pointer;padding:4px}.node-resizer{position:absolute;right:0;bottom:0;width:10px;height:10px;background:#3b82f6;cursor:nwse-resize;border-radius:2px 0 0 0}.node-rotator{position:absolute;top:-24px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:20px;height:20px;background:white;border:1px solid #3b82f6;border-radius:50%;cursor:-webkit-grab;cursor:grab;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.node-rotator::before{content:"";position:absolute;bottom:-15px;left:50%;width:1px;height:15px;background:#3b82f6}.node-collapse-btn{background:transparent;border:none;padding:2px;cursor:pointer;display:-ms-flexbox;display:flex;color:inherit;opacity:0.6}.node-collapse-btn:hover{opacity:1}.context-menu{position:fixed;background:white;border:1px solid #ddd;-webkit-box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:4px;padding:4px 0;z-index:100000;min-width:150px}.menu-item{padding:8px 16px;cursor:pointer;font-size:13px}.menu-item:hover{background:#f3f4f6}.divider{height:1px;background:#eee;margin:4px 0}.selection-rect{position:absolute;background:rgba(59, 130, 246, 0.1);border:1px solid rgba(59, 130, 246, 0.5);pointer-events:none;z-index:10000}.user-cursor{position:absolute;pointer-events:none;z-index:10000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-webkit-transition:all 0.1s linear;transition:all 0.1s linear}.user-cursor svg{-webkit-filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))}.user-cursor .user-name{margin-top:2px;padding:2px 6px;border-radius:4px;color:white;font-size:10px;font-weight:500;white-space:nowrap;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);box-shadow:0 1px 3px rgba(0, 0, 0, 0.2)}.edge-handle{fill:white;stroke:#3b82f6;stroke-width:2px;cursor:crosshair;pointer-events:auto}.edge-path.proximity-preview{stroke:#b1b1b7;stroke-width:2px;pointer-events:none}.edge-label{background:white;padding:2px 4px;border-radius:4px;border:1px solid #b1b1b7;font-size:10px;color:#333;text-align:center;white-space:nowrap;pointer-events:none}.workflow-container.theme-dark{background:#141414}.workflow-container.theme-dark .dots-bg{background-image:radial-gradient(#333 1px, transparent 1px)}.workflow-container.theme-dark .node{background:#222;border-color:#333;color:#eee;-webkit-box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.5);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.5)}.workflow-container.theme-dark .handle{background:#222}.workflow-container.theme-dark .context-menu{background:#222;border-color:#444;color:#eee}.workflow-container.theme-dark .context-menu .menu-item:hover{background:#333}.workflow-container.theme-dark .context-menu .divider{background:#444}.workflow-container.theme-dark .edge-label{background:#333;color:#eee;border-color:#444}'}},[769,"x-workflow",{nodes:[16],edges:[16],fitView:[4,"fit-view"],interactive:[4],viewportValue:[16],snapToGridValue:[2,"snap-to-grid-value"],background:[16],tool:[1],theme:[1],turboMode:[4,"turbo-mode"],displayMode:[1,"display-mode"],users:[16],nodeToolbarVisible:[4,"node-toolbar-visible"],nodeToolbarMode:[1,"node-toolbar-mode"],edgeRoutingMode:[1,"edge-routing-mode"],flowNodes:[32],flowEdges:[32],flowViewport:[32],pendingConnection:[32],selectedNodes:[32],draggingNodeId:[32],proximityPreview:[32],helperLines:[32],contextMenu:[32],selectionRect:[32],drawings:[32],activeDrawing:[32],editingEdgeId:[32],focusedNodeId:[32],forceLayout:[64]},[[5,"mousemove","handleMove"],[5,"touchmove","handleMove"],[5,"mouseup","handleUp"],[5,"touchend","handleUp"],[8,"keydown","handleKeyDown"]],{nodes:[{handleNodesPropChange:0}],edges:[{handleEdgesPropChange:0}],viewportValue:[{handleViewportChange:0}]}]);function d(){"undefined"!=typeof customElements&&["x-workflow","x-divider","x-icon"].forEach((e=>{switch(e){case"x-workflow":customElements.get(t(e))||customElements.define(t(e),h);break;case"x-divider":customElements.get(t(e))||n();break;case"x-icon":customElements.get(t(e))||r()}}))}d();export{h as X,d}

package/components/p-N4_1eZ9k.js

@@ -0,0 +1 @@
+import{t as r,p as o,H as e,d as a,h as x}from"./p-BLqwG7xa.js";import{g as c}from"./p-RKpMhZmc.js";import{d as i}from"./p-C1_JmoB8.js";const t=o(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.xItemClick=a(this,"xItemClick",7),this.xItemHover=a(this,"xItemHover",7)}get el(){return this}dropdownClasses={};dropdownStyle={};setDropdownRef;activeOptions=[];selectedPath=[];hoveredPath=[];multiple=!1;expandTrigger="click";fieldNames={value:"value",label:"label",children:"children"};notFoundContent="No data";xItemClick;xItemHover;visibleCounts=[];pageSize=50;dropdownEl=null;componentDidLoad(){this.setDropdownRef?.(this.dropdownEl),this.initVisibleCounts()}handleOptionsChange(){this.initVisibleCounts()}initVisibleCounts(){this.visibleCounts=this.activeOptions.map((()=>this.pageSize))}handleMenuScroll=(r,o)=>{const e=r.target;if(e.scrollTop+e.clientHeight>=e.scrollHeight-20&&this.visibleCounts[o]<this.activeOptions[o].length){const r=[...this.visibleCounts];r[o]+=this.pageSize,this.visibleCounts=r}};disconnectedCallback(){this.setDropdownRef?.(null)}setRef=r=>{this.dropdownEl=r,this.setDropdownRef?.(r)};getOptionValue(r){return r[this.fieldNames.value||"value"]}getOptionLabel(r){return r[this.fieldNames.label||"label"]}getOptionChildren(r){return r[this.fieldNames.children||"children"]}isOptionSelected(r,o){return!(o>=this.selectedPath.length)&&this.getOptionValue(this.selectedPath[o])===this.getOptionValue(r)}isOptionActive(r,o){return!(o>=this.hoveredPath.length)&&this.getOptionValue(this.hoveredPath[o])===this.getOptionValue(r)}handleItemClick=(r,o)=>{r.disabled||this.xItemClick.emit({option:r,depth:o})};handleItemHover=(r,o)=>{r.disabled||"hover"!==this.expandTrigger||this.xItemHover.emit({option:r,depth:o})};renderCheckbox(r){return x("span",{class:{"x-cascader-checkbox":!0,"x-cascader-checkbox-checked":r}},x("span",{class:"x-cascader-checkbox-inner"}))}renderLoadingIcon(){return x("span",{class:"x-cascader-menu-item-loading-icon"},x("x-icon",{spin:!0,name:c("loading")}))}renderExpandIcon(){return x("span",{class:"x-cascader-menu-item-expand-icon"},x("x-icon",{name:c("arrowRight")}))}renderMenuItem(r,o){const e=this.getOptionChildren(r),a=e&&e.length>0,c=!1===r.isLeaf&&(!e||0===e.length),i=this.isOptionActive(r,o),t=this.isOptionSelected(r,o);return x("li",{class:{"x-cascader-menu-item":!0,"x-cascader-menu-item-active":i,"x-cascader-menu-item-selected":t,"x-cascader-menu-item-disabled":!!r.disabled,"x-cascader-menu-item-loading":c},onClick:()=>this.handleItemClick(r,o),onMouseEnter:()=>this.handleItemHover(r,o)},this.multiple&&this.renderCheckbox(t),x("span",{class:"x-cascader-menu-item-content"},this.getOptionLabel(r)),c&&this.renderLoadingIcon(),a&&!c&&this.renderExpandIcon())}renderMenu(r,o,e){const a=r.slice(0,this.visibleCounts[o]||this.pageSize);return x("ul",{class:"x-cascader-menu",style:{borderRight:e?"none":void 0},onScroll:r=>this.handleMenuScroll(r,o)},a.map((r=>this.renderMenuItem(r,o))))}renderMenus(){return 0===this.activeOptions.length||0===this.activeOptions[0].length?x("div",{class:"x-cascader-menu-empty"},this.notFoundContent):x("div",{class:"x-cascader-menus"},this.activeOptions.map(((r,o)=>this.renderMenu(r,o,o===this.activeOptions.length-1))))}render(){return x("div",{key:"bfece16203a0bb8611bf8166f0080de44f553bc0",class:this.dropdownClasses,style:this.dropdownStyle,ref:this.setRef,part:"dropdown"},x("div",{key:"e942bb327cf261aabe5f66cc9510cea89a9a76ff",class:"x-cascader-dropdown-content"},this.renderMenus()))}static get watchers(){return{activeOptions:[{handleOptionsChange: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-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}.x-cascader-dropdown{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:var(--x-dropdown-padding-block, var(--x-padding-xs, 4px)) var(--x-dropdown-padding-inline, 0);color:var(--x-dropdown-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:var(--x-dropdown-font-size, var(--x-font-size, 14px));line-height:var(--x-dropdown-line-height, var(--x-line-height, 1.5714285714));list-style:none;font-family:var(--x-dropdown-font-family, var(--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"));background:var(--x-dropdown-bg, var(--x-color-bg-elevated, #ffffff));border-radius:var(--x-dropdown-border-radius, var(--x-border-radius-lg, 8px));-webkit-box-shadow:var(--x-dropdown-box-shadow, var(--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)));box-shadow:var(--x-dropdown-box-shadow, var(--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)));outline:none;background:var(--x-cascader-menu-bg, var(--x-dropdown-bg, var(--x-color-bg-elevated, #ffffff)));border-radius:var(--x-cascader-border-radius, var(--x-control-border-radius-sm, var(--x-border-radius-sm, 4px)));-webkit-box-shadow:var(--x-cascader-menu-shadow, var(--x-dropdown-box-shadow, var(--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))));box-shadow:var(--x-cascader-menu-shadow, var(--x-dropdown-box-shadow, var(--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))));padding:0;overflow:hidden}.x-cascader-dropdown-hidden{display:none}.x-cascader-menus{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:start;align-items:flex-start}.x-cascader-menu{display:inline-block;min-width:var(--x-cascader-menu-min-width, 111px);height:var(--x-cascader-menu-height, 180px);margin:0;padding:var(--x-cascader-spacing-xxs, var(--x-dropdown-padding-block, var(--x-padding-xs, 4px))) 0;overflow:auto;vertical-align:top;list-style:none;border-right:var(--x-cascader-border-width, var(--x-control-border-width, var(--x-border-width-base, 1px))) solid var(--x-cascader-menu-border-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}.x-cascader-menu:last-child{border-right:0}.x-cascader-menu-empty{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:150px;min-height:100px;padding:16px;color:rgba(0, 0, 0, 0.25);font-size:var(--x-cascader-font-size, var(--x-control-font-size, var(--x-font-size-base, 14px)))}.x-cascader-menu-item{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:var(--x-dropdown-item-border-radius, var(--x-border-radius-sm, 4px));padding:var(--x-dropdown-item-padding-vertical, var(--x-padding-xxs, 4px)) var(--x-dropdown-item-padding-horizontal, var(--x-padding-sm, 12px));clear:both;margin:0;color:var(--x-dropdown-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-weight:normal;font-size:var(--x-dropdown-font-size, var(--x-font-size, 14px));line-height:var(--x-dropdown-line-height, var(--x-line-height, 1.5714285714));cursor:pointer;-webkit-transition:all 0.3s;transition:all 0.3s}.x-cascader-menu-item:hover{background-color:var(--x-dropdown-item-bg-hover, var(--x-control-item-bg-hover, rgba(0, 0, 0, 0.04)))}.x-cascader-menu-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.x-cascader-menu-item:hover:not(.x-cascader-menu-item-disabled){background:var(--x-cascader-item-bg-hover, var(--x-dropdown-item-bg-hover, var(--x-control-item-bg-hover, rgba(0, 0, 0, 0.04))))}.x-cascader-menu-item-active{background:var(--x-cascader-item-bg-active, var(--x-dropdown-item-bg-active, var(--x-control-item-bg-active, #e6f4ff)));color:var(--x-cascader-color-primary, var(--x-control-border-color-focus, var(--x-color-primary, #1677ff)));font-weight:var(--x-cascader-font-weight-active, var(--x-dropdown-item-color-selected, var(--x-font-weight-strong, 600)))}.x-cascader-menu-item-disabled{color:var(--x-dropdown-item-color-disabled, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25)));cursor:not-allowed}.x-cascader-menu-item-disabled:hover{background-color:transparent}.x-cascader-menu-item-loading{cursor:wait}.x-cascader-menu-item-content{-ms-flex:1;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.x-cascader-menu-item-expand-icon{margin-left:8px;color:var(--x-cascader-item-expand-color, var(--x-color-text-secondary, rgba(0, 0, 0, 0.65)));font-size:10px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.x-cascader-menu-item-loading-icon{margin-left:8px;color:var(--x-cascader-color-primary, var(--x-control-border-color-focus, var(--x-color-primary, #1677ff)));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.x-cascader-checkbox{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--x-dropdown-checkbox-size, 16px);height:var(--x-dropdown-checkbox-size, 16px);margin-right:8px;border:1px solid var(--x-dropdown-checkbox-border-color, var(--x-color-border, #d9d9d9));border-radius:var(--x-dropdown-checkbox-border-radius, var(--x-border-radius-sm, 4px));background:#fff;-webkit-transition:all 0.2s;transition:all 0.2s;cursor:pointer;-ms-flex-negative:0;flex-shrink:0;position:relative}.x-cascader-checkbox-inner{display:block;width:100%;height:100%;position:relative}.x-cascader-checkbox-inner::after{content:"";position:absolute;top:50%;left:50%;width:5.7142857143px;height:9.1428571429px;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:rotate(45deg) scale(0) translate(-50%, -50%);transform:rotate(45deg) scale(0) translate(-50%, -50%);opacity:0;-webkit-transition:all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;transition:all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;-webkit-box-sizing:border-box;box-sizing:border-box}.x-cascader-checkbox-checked{background-color:var(--x-dropdown-checkbox-color, var(--x-color-primary, #1677ff));border-color:var(--x-dropdown-checkbox-color, var(--x-color-primary, #1677ff))}.x-cascader-checkbox-checked .x-dropdown-checkbox-inner::after{-webkit-transform:translate(-50%, -50%) rotate(45deg) scale(1);transform:translate(-50%, -50%) rotate(45deg) scale(1);opacity:1;position:absolute;top:45%;left:25%}.x-cascader-checkbox-indeterminate{background-color:#fff;border-color:#d9d9d9}.x-cascader-checkbox-indeterminate .x-dropdown-checkbox-inner::after{display:none}.x-cascader-checkbox-indeterminate::after{content:"";width:8px;height:8px;background-color:var(--x-dropdown-checkbox-color, var(--x-color-primary, #1677ff));border-radius:2px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.x-cascader-checkbox-disabled{cursor:not-allowed;background-color:rgba(0, 0, 0, 0.04);border-color:#d9d9d9}.x-cascader-checkbox-disabled.x-dropdown-checkbox-checked{background-color:rgba(0, 0, 0, 0.04);border-color:#d9d9d9}.x-cascader-checkbox-disabled.x-dropdown-checkbox-checked .x-dropdown-checkbox-inner::after{border-color:rgba(0, 0, 0, 0.25)}.x-cascader-checkbox{width:var(--x-cascader-checkbox-size, var(--x-dropdown-checkbox-size, 16px));height:var(--x-cascader-checkbox-size, var(--x-dropdown-checkbox-size, 16px));border-radius:var(--x-cascader-checkbox-border-radius, var(--x-dropdown-checkbox-border-radius, var(--x-border-radius-sm, 4px)))}.x-cascader-checkbox-checked{background:var(--x-cascader-checkbox-color, var(--x-dropdown-checkbox-color, var(--x-color-primary, #1677ff)));border-color:var(--x-cascader-checkbox-color, var(--x-dropdown-checkbox-color, var(--x-color-primary, #1677ff)))}'}},[512,"x-cascader-dropdown-content",{dropdownClasses:[16],dropdownStyle:[16],setDropdownRef:[16],activeOptions:[16],selectedPath:[16],hoveredPath:[16],multiple:[4],expandTrigger:[1,"expand-trigger"],fieldNames:[16],notFoundContent:[1,"not-found-content"],pageSize:[2,"page-size"],visibleCounts:[32]},void 0,{activeOptions:[{handleOptionsChange:0}]}]);function n(){"undefined"!=typeof customElements&&["x-cascader-dropdown-content","x-icon"].forEach((o=>{switch(o){case"x-cascader-dropdown-content":customElements.get(r(o))||customElements.define(r(o),t);break;case"x-icon":customElements.get(r(o))||i()}}))}n();export{t as X,n as d}

package/components/p-PNU1f8B9.js

@@ -0,0 +1 @@
+import{t as r,p as o,H as e,d as i,h as t,c as a}from"./p-BLqwG7xa.js";import{P as x}from"./p-DM8AggMt.js";import{g as n}from"./p-RKpMhZmc.js";import{t as c}from"./p-DFADJBLL.js";import{d as s}from"./p-CmfyRJYt.js";import{d as l}from"./p-C1_JmoB8.js";import{d as p}from"./p-BnnNgLpE.js";const d=o(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.xChange=i(this,"xChange",7),this.xOpenChange=i(this,"xOpenChange",7),this.xBlur=i(this,"xBlur",7),this.xFocus=i(this,"xFocus",7)}get el(){return this}disabled=!1;value="";defaultValue;placeholder=c("TimePicker.placeholder",{},"Select time");size="middle";format="HH:mm:ss";bordered=!0;status;placement="bottomLeft";allowClear=!0;open=!1;use12Hours=!1;hourStep=1;minuteStep=1;secondStep=1;showSecond=!0;showNow=!0;inputId;name;autofocus=!1;inputReadOnly=!1;disabledTime;focused=!1;hovering=!1;selectedHour=0;selectedMinute=0;selectedSecond=0;selectedPeriod="AM";inputValue="";xChange;xOpenChange;xBlur;xFocus;inputRef;wrapperRef;portalInstance=null;componentWillLoad(){this.value?(this.parseValue(this.value),this.inputValue=this.formatTime()):this.defaultValue&&(this.value=this.defaultValue,this.parseValue(this.defaultValue),this.inputValue=this.formatTime())}componentDidLoad(){this.autofocus&&!this.disabled&&this.setFocus()}disconnectedCallback(){this.destroyPortal()}valueChanged(r){r?(this.parseValue(r),this.inputValue=this.formatTime()):this.inputValue=""}openChanged(r){this.xOpenChange.emit(r),r?(this.createOrUpdatePortal(),requestAnimationFrame((()=>{this.scrollToSelected()}))):this.destroyPortal()}handleWindowClick(r){if(!this.open)return;const o=r.composedPath(),e=o.includes(this.el),i=this.portalInstance?.getElement(),t=!!i&&o.includes(i);e||t||this.closeDropdown()}handleKeydown(r){if(!this.disabled)switch(r.key){case"Escape":r.preventDefault(),this.closeDropdown();break;case"Enter":r.preventDefault(),this.open?this.confirmSelection():this.openDropdown();break;case"Tab":this.open&&this.closeDropdown()}}async setFocus(){this.inputRef?.focus(),this.focused=!0}async setBlur(){this.inputRef?.blur(),this.focused=!1}parseValue(r){if(!r)return;const o=r.split(":");if(o.length>=2){let r=parseInt(o[0],10);const e=parseInt(o[1],10),i=o[2]?parseInt(o[2],10):0;this.use12Hours&&(r>=12?(this.selectedPeriod="PM",r>12&&(r-=12)):(this.selectedPeriod="AM",0===r&&(r=12))),this.selectedHour=r,this.selectedMinute=e,this.selectedSecond=i}}formatTime(){let r=this.selectedHour;this.use12Hours&&("PM"===this.selectedPeriod&&12!==r?r+=12:"AM"===this.selectedPeriod&&12===r&&(r=0));const o=String(r).padStart(2,"0"),e=String(this.selectedMinute).padStart(2,"0"),i=String(this.selectedSecond).padStart(2,"0");let t=this.format.replace("HH",o).replace("mm",e).replace("ss",i);return this.use12Hours&&(t=t.replace("A",this.selectedPeriod)),t}getValueString(){let r=this.selectedHour;return this.use12Hours&&("PM"===this.selectedPeriod&&12!==r?r+=12:"AM"===this.selectedPeriod&&12===r&&(r=0)),`${String(r).padStart(2,"0")}:${String(this.selectedMinute).padStart(2,"0")}:${String(this.selectedSecond).padStart(2,"0")}`}openDropdown(){this.disabled||this.open||(this.open=!0)}closeDropdown(){this.open&&(this.open=!1)}getWrapperEl(){return this.wrapperRef||void 0}createOrUpdatePortal(){if(!this.open)return;const r=this.getWrapperEl();if(!r)return;const o=this.buildDropdownElement();this.portalInstance?this.portalInstance.update({open:!0,target:r,placement:this.placement,zIndex:1050,content:o}):this.portalInstance=x.create({open:!0,target:r,placement:this.placement,zIndex:1050,content:o})}updatePortal(){if(!this.open||!this.portalInstance)return;const r=this.getWrapperEl();if(!r)return;const o=this.buildDropdownElement();this.portalInstance.update({open:!0,target:r,placement:this.placement,zIndex:1050,content:o})}destroyPortal(){this.portalInstance&&(this.portalInstance.destroy(),this.portalInstance=null)}buildDropdownElement(){const r=document.createElement("x-time-picker-dropdown-content");return r.dropdownClasses={"x-time-picker-dropdown":!0,"x-time-picker-dropdown-hidden":!this.open,[`x-time-picker-dropdown-placement-${this.placement}`]:!0},r.dropdownStyle={},r.selectedHour=this.selectedHour,r.selectedMinute=this.selectedMinute,r.selectedSecond=this.selectedSecond,r.use12Hours=this.use12Hours,r.showSecond=this.showSecond,r.showNow=this.showNow,r.hourStep=this.hourStep,r.minuteStep=this.minuteStep,r.secondStep=this.secondStep,r.selectedPeriod=this.selectedPeriod||"AM",this.disabledTime&&(r.disabledHours=this.disabledTime.disabledHours,r.disabledMinutes=this.disabledTime.disabledMinutes,r.disabledSeconds=this.disabledTime.disabledSeconds),r.addEventListener("xTimeChange",(r=>{const{hour:o,minute:e,second:i,period:t}=r.detail;this.selectedHour=o,this.selectedMinute=e,this.selectedSecond=i,t&&(this.selectedPeriod=t),this.updatePortal()})),r.addEventListener("xNowClick",(()=>{this.handleNowClick()})),r.addEventListener("xOkClick",(()=>{this.confirmSelection()})),r}scrollToSelected(){}confirmSelection(){const r=this.getValueString();this.value=r,this.inputValue=this.formatTime(),this.xChange.emit({value:r,timeString:this.inputValue,hour:this.selectedHour,minute:this.selectedMinute,second:this.selectedSecond}),this.closeDropdown()}handleNowClick(){const r=new Date;let o=r.getHours();this.use12Hours&&(o>=12?(this.selectedPeriod="PM",o>12&&(o-=12)):(this.selectedPeriod="AM",0===o&&(o=12))),this.selectedHour=o,this.selectedMinute=r.getMinutes(),this.selectedSecond=r.getSeconds(),this.confirmSelection()}handleClear(r){r.preventDefault(),r.stopPropagation(),this.value="",this.inputValue="",this.selectedHour=0,this.selectedMinute=0,this.selectedSecond=0,this.xChange.emit({value:null,timeString:"",hour:0,minute:0,second:0})}handleInputFocus=r=>{this.focused=!0,this.openDropdown(),this.xFocus.emit(r)};handleInputBlur=r=>{setTimeout((()=>{this.focused=!1,this.xBlur.emit(r)}),100)};handleMouseEnter=()=>{this.hovering=!0};handleMouseLeave=()=>{this.hovering=!1};renderClockIcon(){return t("x-icon",{name:n("time")})}renderClearIcon(){return t("x-icon",{name:n("clear")})}render(){const r=this.allowClear&&this.value&&!this.disabled&&this.hovering;return t(a,{key:"81eb647ce69e742751675837e2b50e699776b848",class:{"x-time-picker":!0,"x-time-picker-focused":this.focused,"x-time-picker-disabled":this.disabled,"x-time-picker-borderless":!this.bordered,"x-time-picker-open":this.open,[`x-time-picker-${this.size}`]:!0,[`x-time-picker-status-${this.status}`]:!!this.status}},t("div",{key:"c3889902b2e9be9e0a673ee9c00bb15304d4ec4b",ref:r=>this.wrapperRef=r,class:{"x-time-picker-wrapper":!0,disabled:this.disabled},onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},t("div",{key:"91d43e895b98f44aabd84300678ccb620315a62f",class:"x-time-picker-input",onClick:()=>this.openDropdown()},t("input",{key:"e55122bcc6f917b744615acbd5c3ea528a2bdb17",ref:r=>this.inputRef=r,id:this.inputId,name:this.name,type:"text",value:this.inputValue,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.inputReadOnly||!0,autoComplete:"off",onFocus:this.handleInputFocus,onBlur:this.handleInputBlur})),t("span",{key:"796c0d3878829f10a546d2dfca0deeff066a7031",class:"x-time-picker-suffix"},r?t("span",{class:"x-time-picker-clear",onClick:r=>this.handleClear(r)},this.renderClearIcon()):t("span",{class:"x-time-picker-icon"},this.renderClockIcon()))))}static get watchers(){return{value:[{valueChanged:0}],open:[{openChanged: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-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:inline-block;width:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit;font-size:var(--x-time-picker-font-size, var(--x-font-size-base, 14px));line-height:var(--x-time-picker-line-height, var(--x-line-height-base, 1.5714));color:var(--x-time-picker-color, var(--x-control-color, var(--x-color-text, rgba(0, 0, 0, 0.88))))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.x-time-picker-input{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;min-width:0;padding:0 var(--x-control-padding-horizontal, var(--x-spacing-md, 12px));min-height:var(--x-control-height, var(--x-size-control-height, 32px));background-color:var(--x-control-bg, var(--x-color-bg-container, #ffffff));border:var(--x-control-border-width, var(--x-border-width-base, 1px)) solid var(--x-control-border-color, var(--x-color-border, #d9d9d9));border-radius:var(--x-control-border-radius, var(--x-border-radius-base, 6px));-webkit-transition:all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-box-sizing:border-box;box-sizing:border-box}.x-time-picker-input:hover:not(.disabled):not([disabled]):not([class*=-disabled]){border-color:var(--x-control-border-color-hover, var(--x-color-primary-hover, #4096ff))}.x-time-picker-input{padding-right:calc(var(--x-time-picker-padding-horizontal, var(--x-control-padding-horizontal, var(--x-spacing-md, 12px))) + 24px);cursor:pointer}.x-time-picker-input input{-ms-flex:1;flex:1;width:100%;min-width:0;padding:0;margin:0;background:transparent;border:none;outline:none;color:var(--x-control-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:inherit;font-family:inherit;line-height:calc(var(--x-control-height, var(--x-size-control-height, 32px)) - 2px);cursor:inherit}.x-time-picker-input input::-webkit-input-placeholder{color:var(--x-control-placeholder-color, var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25)))}.x-time-picker-input input::-moz-placeholder{color:var(--x-control-placeholder-color, var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25)))}.x-time-picker-input input:-ms-input-placeholder{color:var(--x-control-placeholder-color, var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25)))}.x-time-picker-input input::-ms-input-placeholder{color:var(--x-control-placeholder-color, var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25)))}.x-time-picker-input input::placeholder{color:var(--x-control-placeholder-color, var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25)))}.x-time-picker-input input:disabled{cursor:not-allowed;color:var(--x-control-color-disabled, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25)))}.x-time-picker-input input{width:100%;padding:0;line-height:inherit;cursor:pointer}.x-time-picker-input input::-webkit-input-placeholder{color:var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25))}.x-time-picker-input input::-moz-placeholder{color:var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25))}.x-time-picker-input input:-ms-input-placeholder{color:var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25))}.x-time-picker-input input::-ms-input-placeholder{color:var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25))}.x-time-picker-input input::placeholder{color:var(--x-color-text-placeholder, rgba(0, 0, 0, 0.25))}.x-time-picker-suffix{position:absolute;right:var(--x-time-picker-padding-horizontal, var(--x-control-padding-horizontal, var(--x-spacing-md, 12px)));top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--x-time-picker-suffix-color, var(--x-color-text-quaternary, rgba(0, 0, 0, 0.25)));pointer-events:none}.x-time-picker-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--x-time-picker-suffix-color, var(--x-color-text-quaternary, rgba(0, 0, 0, 0.25)));-webkit-transition:color var(--x-time-picker-motion-duration, var(--x-motion-duration-mid, 0.2s));transition:color var(--x-time-picker-motion-duration, var(--x-motion-duration-mid, 0.2s))}.x-time-picker-icon svg{display:block}.x-time-picker-clear{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--x-color-text-quaternary, rgba(0, 0, 0, 0.25));cursor:pointer;pointer-events:auto;-webkit-transition:color var(--x-time-picker-motion-duration, var(--x-motion-duration-mid, 0.2s));transition:color var(--x-time-picker-motion-duration, var(--x-motion-duration-mid, 0.2s))}.x-time-picker-clear:hover{color:var(--x-color-text-tertiary, rgba(0, 0, 0, 0.45))}.x-time-picker-clear svg{display:block}:host(.x-time-picker-focused) .x-time-picker-input{border-color:var(--x-time-picker-border-color-focus, var(--x-control-border-color-focus, var(--x-color-primary, #1677ff))) !important;-webkit-box-shadow:var(--x-time-picker-focus-shadow, 2px var(--x-control-focus-shadow-color, var(--x-color-primary-bg, rgba(22, 119, 255, 0.1))));box-shadow:var(--x-time-picker-focus-shadow, 2px var(--x-control-focus-shadow-color, var(--x-color-primary-bg, rgba(22, 119, 255, 0.1))));z-index:1}:host(.x-time-picker-disabled) .x-time-picker-input.disabled,:host(.x-time-picker-disabled) .x-time-picker-input[disabled],:host(.x-time-picker-disabled) .x-time-picker-input[class*=-disabled]{background-color:var(--x-control-bg-disabled, var(--x-color-bg-container-disabled, rgba(0, 0, 0, 0.04)));border-color:var(--x-control-border-color-disabled, var(--x-color-border, #d9d9d9));color:var(--x-control-color-disabled, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25)));cursor:not-allowed}:host(.x-time-picker-disabled) .x-time-picker-input.disabled:hover,:host(.x-time-picker-disabled) .x-time-picker-input[disabled]:hover,:host(.x-time-picker-disabled) .x-time-picker-input[class*=-disabled]:hover{border-color:var(--x-control-border-color-disabled, var(--x-color-border, #d9d9d9)) !important}:host(.x-time-picker-disabled) .x-time-picker-input:hover{border-color:var(--x-time-picker-border-color-disabled, var(--x-control-border-color-disabled, var(--x-color-border, #d9d9d9)))}:host(.x-time-picker-disabled) input{cursor:not-allowed;color:var(--x-time-picker-color-disabled, var(--x-control-color-disabled, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25))))}:host(.x-time-picker-borderless) .x-time-picker-input{background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}:host(.x-time-picker-borderless) .x-time-picker-input:hover{border-color:transparent}:host(.x-time-picker-borderless) .x-time-picker-input.focused,:host(.x-time-picker-borderless) .x-time-picker-input:focus-within{border-color:transparent;-webkit-box-shadow:none;box-shadow:none}:host(.x-time-picker-status-error) .x-time-picker-input{border-color:var(--x-control-border-color-error, var(--x-color-error, #ff4d4f))}:host(.x-time-picker-status-error) .x-time-picker-input:hover:not(.disabled):not([disabled]){border-color:var(--x-control-border-color-error-hover, var(--x-color-error-hover, #ff7875))}:host(.x-time-picker-status-error) .x-time-picker-input.focused,:host(.x-time-picker-status-error) .x-time-picker-input:focus-within{border-color:var(--x-control-border-color-error, var(--x-color-error, #ff4d4f));-webkit-box-shadow:0 0 0 3px var(--x-control-focus-shadow-error-color, var(--x-color-error-bg, rgba(255, 38, 5, 0.06)));box-shadow:0 0 0 3px var(--x-control-focus-shadow-error-color, var(--x-color-error-bg, rgba(255, 38, 5, 0.06)))}:host(.x-time-picker-status-error).x-time-picker-focused .x-time-picker-input{-webkit-box-shadow:0 0 0 2px var(--x-color-error-bg, rgba(255, 38, 5, 0.06));box-shadow:0 0 0 2px var(--x-color-error-bg, rgba(255, 38, 5, 0.06))}:host(.x-time-picker-status-warning) .x-time-picker-input{border-color:var(--x-control-border-color-warning, var(--x-color-warning, #faad14))}:host(.x-time-picker-status-warning) .x-time-picker-input:hover:not(.disabled):not([disabled]){border-color:var(--x-control-border-color-warning-hover, var(--x-color-warning-hover, #ffc53d))}:host(.x-time-picker-status-warning) .x-time-picker-input.focused,:host(.x-time-picker-status-warning) .x-time-picker-input:focus-within{border-color:var(--x-control-border-color-warning, var(--x-color-warning, #faad14));-webkit-box-shadow:0 0 0 3px var(--x-control-focus-shadow-warning-color, var(--x-color-warning-bg, rgba(255, 215, 5, 0.1)));box-shadow:0 0 0 3px var(--x-control-focus-shadow-warning-color, var(--x-color-warning-bg, rgba(255, 215, 5, 0.1)))}:host(.x-time-picker-status-warning).x-time-picker-focused .x-time-picker-input{-webkit-box-shadow:0 0 0 2px var(--x-color-warning-bg, rgba(250, 173, 20, 0.1));box-shadow:0 0 0 2px var(--x-color-warning-bg, rgba(250, 173, 20, 0.1))}:host(.x-time-picker-small) .x-time-picker-input{min-height:var(--x-control-height-sm, var(--x-size-control-height-sm, 24px));padding:0 var(--x-control-padding-horizontal-sm, var(--x-spacing-sm, 8px));font-size:var(--x-control-font-size-sm, var(--x-font-size-sm, 12px))}:host(.x-time-picker-small) .x-time-picker-input input,:host(.x-time-picker-small) .x-time-picker-input textarea{line-height:calc(var(--x-control-height-sm, var(--x-size-control-height-sm, 24px)) - 2px)}:host(.x-time-picker-small) .x-time-picker-input{height:var(--x-control-height-sm, 24px);padding-right:calc(var(--x-control-padding-horizontal-sm, 8px) + 20px);font-size:var(--x-font-size-sm, 12px)}:host(.x-time-picker-large) .x-time-picker-input{min-height:var(--x-control-height-lg, var(--x-size-control-height-lg, 40px));padding:0 var(--x-control-padding-horizontal, var(--x-spacing-md, 12px));font-size:var(--x-control-font-size-lg, var(--x-font-size-lg, 16px))}:host(.x-time-picker-large) .x-time-picker-input input,:host(.x-time-picker-large) .x-time-picker-input textarea{line-height:calc(var(--x-control-height-lg, var(--x-size-control-height-lg, 40px)) - 2px)}:host(.x-time-picker-large) .x-time-picker-input{height:var(--x-control-height-lg, 40px);padding-right:calc(var(--x-control-padding-horizontal, 12px) + 28px);font-size:var(--x-font-size-lg, 16px)}.x-time-picker-dropdown{position:relative;z-index:var(--x-time-picker-panel-z-index, var(--x-z-index-dropdown, 1050));background:var(--x-time-picker-panel-bg, var(--x-color-bg-elevated, #ffffff));border-radius:var(--x-time-picker-border-radius, var(--x-control-border-radius-sm, var(--x-border-radius-sm, 4px)));-webkit-box-shadow:var(--x-time-picker-panel-shadow, var(--x-shadow-lg, 0 6px 16px rgba(0, 0, 0, 0.08)));box-shadow:var(--x-time-picker-panel-shadow, var(--x-shadow-lg, 0 6px 16px rgba(0, 0, 0, 0.08)));overflow:hidden}.x-time-picker-dropdown-placement-bottom,.x-time-picker-dropdown-placement-bottomLeft,.x-time-picker-dropdown-placement-bottomRight{-webkit-transform-origin:top center;transform-origin:top center}.x-time-picker-dropdown-placement-top,.x-time-picker-dropdown-placement-topLeft,.x-time-picker-dropdown-placement-topRight{-webkit-transform-origin:bottom center;transform-origin:bottom center}.x-time-picker-panel-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.x-time-picker-panel{display:-ms-flexbox;display:flex}.x-time-picker-panel-content{display:-ms-flexbox;display:flex;height:var(--x-time-picker-panel-height, 192px)}.x-time-picker-column{-ms-flex:none;flex:none;width:var(--x-time-picker-column-width, 56px);height:100%;overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--x-time-picker-column-border-color, var(--x-color-split, rgba(5, 5, 5, 0.06)));scrollbar-width:thin}.x-time-picker-column:last-child{border-right:none}.x-time-picker-column::-webkit-scrollbar{width:4px}.x-time-picker-column::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.1);border-radius:2px}.x-time-picker-column-period{width:48px}.x-time-picker-column-list{list-style:none;margin:0;padding:4px 0}.x-time-picker-cell{height:28px;line-height:28px;margin:0;padding:0 12px;text-align:center;cursor:pointer;-webkit-transition:background var(--x-time-picker-motion-duration, var(--x-motion-duration-mid, 0.2s));transition:background var(--x-time-picker-motion-duration, var(--x-motion-duration-mid, 0.2s))}.x-time-picker-cell:hover:not(.x-time-picker-cell-disabled){background:var(--x-time-picker-option-bg-hover, var(--x-color-bg-layout, #f5f5f5))}.x-time-picker-cell-selected{font-weight:var(--x-time-picker-font-weight-selected, var(--x-font-weight-semibold, 600));background:var(--x-time-picker-option-bg-selected, var(--x-color-bg-layout, #f5f5f5))}.x-time-picker-cell-disabled{color:var(--x-time-picker-color-disabled, var(--x-control-color-disabled, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25))));cursor:not-allowed}.x-time-picker-cell-disabled:hover{background:transparent}.x-time-picker-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:8px 12px;border-top:1px solid var(--x-time-picker-column-border-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}.x-time-picker-now-btn{color:var(--x-color-primary, #1677ff);font-size:var(--x-time-picker-font-size, var(--x-font-size-base, 14px));cursor:pointer;-webkit-transition:color var(--x-time-picker-motion-duration, var(--x-motion-duration-mid, 0.2s));transition:color var(--x-time-picker-motion-duration, var(--x-motion-duration-mid, 0.2s));text-decoration:none}.x-time-picker-now-btn:hover{color:var(--x-color-primary-hover, #4096ff)}.x-time-picker-ok-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:24px;padding:0 8px;font-size:var(--x-font-size-sm, 12px);font-weight:400;color:#fff;background:var(--x-color-primary, #1677ff);border:none;border-radius:var(--x-border-radius-xs, 4px);cursor:pointer;-webkit-transition:all var(--x-time-picker-motion-duration, var(--x-motion-duration-mid, 0.2s));transition:all var(--x-time-picker-motion-duration, var(--x-motion-duration-mid, 0.2s))}.x-time-picker-ok-btn:hover{background:var(--x-color-primary-hover, #4096ff)}.x-time-picker-ok-btn:active{background:var(--x-color-primary-active, #0958d9)}"}},[513,"x-time-picker",{disabled:[4],value:[1025],defaultValue:[1,"default-value"],placeholder:[1],size:[1],format:[1],bordered:[4],status:[1],placement:[1],allowClear:[4,"allow-clear"],open:[1028],use12Hours:[4,"use-1-2-hours"],hourStep:[2,"hour-step"],minuteStep:[2,"minute-step"],secondStep:[2,"second-step"],showSecond:[4,"show-second"],showNow:[4,"show-now"],inputId:[1,"input-id"],name:[1],autofocus:[4],inputReadOnly:[4,"input-read-only"],disabledTime:[16],focused:[32],hovering:[32],selectedHour:[32],selectedMinute:[32],selectedSecond:[32],selectedPeriod:[32],inputValue:[32],setFocus:[64],setBlur:[64]},[[8,"click","handleWindowClick"],[0,"keydown","handleKeydown"]],{value:[{valueChanged:0}],open:[{openChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["x-time-picker","x-button","x-icon","x-time-picker-dropdown-content"].forEach((o=>{switch(o){case"x-time-picker":customElements.get(r(o))||customElements.define(r(o),d);break;case"x-button":customElements.get(r(o))||s();break;case"x-icon":customElements.get(r(o))||l();break;case"x-time-picker-dropdown-content":customElements.get(r(o))||p()}}))}h();export{d as X,h as d}