@xlabs-store/core 0.0.1 → 0.0.2

package/components/x-drawer.js

@@ -1 +1 @@
-import{t as o,p as e,H as r,c as x,h as a,d as t}from"./p-g6ZBqIze.js";import{P as n}from"./p-COpzIi1n.js";import{d as i}from"./p-D7n-26Q5.js";import{d as c}from"./p-BkiOFW3H.js";const s=e(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.xClose=x(this,"xClose",7),this.xAfterOpenChange=x(this,"xAfterOpenChange",7)}get el(){return this}open=!1;drawerTitle;placement="right";closable=!0;mask=!0;maskClosable=!0;width=378;height=378;zIndex=1e3;size="default";destroyOnClose=!1;keyboard=!0;xClose;xAfterOpenChange;portalInstance=null;componentDidLoad(){this.open&&(this.updatePortal(),document.addEventListener("keydown",this.handleKeyDown))}disconnectedCallback(){this.destroyPortal(),document.removeEventListener("keydown",this.handleKeyDown)}handleOpenChange(o){this.updatePortal(),this.xAfterOpenChange.emit(o),o?document.addEventListener("keydown",this.handleKeyDown):document.removeEventListener("keydown",this.handleKeyDown)}handlePropsChange(){this.open&&this.updatePortal()}handleKeyDown=o=>{this.keyboard&&"Escape"===o.key&&this.open&&this.handleClose()};handleClose=()=>{this.xClose.emit()};getSlotContent(o){const e=o?`slot[name="${o}"]`:"slot:not([name])",r=this.el.shadowRoot?.querySelector(e);return r?r.assignedNodes({flatten:!0}).map((o=>o.nodeType===Node.ELEMENT_NODE?o.outerHTML:o.textContent||"")).join(""):""}buildDrawerElement(){const o=document.createElement("x-drawer-content");return o.open=this.open,o.drawerTitle=this.drawerTitle,o.placement=this.placement,o.closable=this.closable,o.mask=this.mask,o.maskClosable=this.maskClosable,o.width=this.width,o.height=this.height,o.zIndex=this.zIndex,o.size=this.size,o.keyboard=this.keyboard,o.bodyContent=this.getSlotContent(),o.footerContent=this.getSlotContent("footer"),o.extraContent=this.getSlotContent("extra"),o.titleContent=this.getSlotContent("title"),o.addEventListener("xClose",(()=>{this.handleClose()})),o}updatePortal(){if(!this.open&&this.destroyOnClose)return void this.destroyPortal();if(!this.open&&!this.portalInstance)return;const o=this.buildDrawerElement();this.portalInstance?this.portalInstance.update({open:this.open,content:o}):this.portalInstance=n.create({open:!0,zIndex:this.zIndex,content:o})}destroyPortal(){this.portalInstance&&(this.portalInstance.destroy(),this.portalInstance=null)}render(){return a(t,{key:"a6ee04e45ff4d3e3a5f50ce4feecb7eae886d3f7",class:{"x-drawer":!0,"x-drawer-open":this.open}},a("div",{key:"22c1a3a583ba657353da9f317d0ab8fd9fd626aa",style:{display:"none"}},a("slot",{key:"4cc9b5ad72f7a05ba43a2cf97ac491972ec47483"}),a("slot",{key:"497cf0644134c8feec24f795f66ff311117ab06f",name:"title"}),a("slot",{key:"b67c6ae93f61c6b54e6201ae953218e5b3ded5a5",name:"extra"}),a("slot",{key:"0a1abf0a54204cf749eafa1e177440ebb52b4469",name:"footer"})))}static get watchers(){return{open:[{handleOpenChange:0}],drawerTitle:[{handlePropsChange:0}],placement:[{handlePropsChange:0}],closable:[{handlePropsChange:0}],mask:[{handlePropsChange:0}],maskClosable:[{handlePropsChange:0}],width:[{handlePropsChange:0}],height:[{handlePropsChange:0}],zIndex:[{handlePropsChange:0}],size:[{handlePropsChange:0}],keyboard:[{handlePropsChange:0}]}}static get style(){return'@charset "UTF-8";:root{--x-color-primary:#1677ff;--x-color-primary-rgb:22, 119, 255;--x-color-primary-contrast:#ffffff;--x-color-primary-contrast-rgb:255, 255, 255;--x-color-primary-shade:#0958d9;--x-color-primary-tint:#4096ff;--x-color-primary-bg:#e6f4ff;--x-color-primary-bg-hover:#bae0ff;--x-color-primary-border:#91caff;--x-color-primary-border-hover:#69b1ff;--x-color-primary-hover:#4096ff;--x-color-primary-active:#0958d9;--x-color-primary-text:#1677ff;--x-color-primary-text-hover:#4096ff;--x-color-primary-text-active:#0958d9;--x-color-secondary:#3dc2ff;--x-color-secondary-rgb:61, 194, 255;--x-color-secondary-contrast:#ffffff;--x-color-secondary-contrast-rgb:255, 255, 255;--x-color-secondary-shade:#36abe0;--x-color-secondary-tint:#50c8ff;--x-color-success:#52c41a;--x-color-success-rgb:82, 196, 26;--x-color-success-contrast:#ffffff;--x-color-success-contrast-rgb:255, 255, 255;--x-color-success-shade:#389e0d;--x-color-success-tint:#73d13d;--x-color-success-bg:#f6ffed;--x-color-success-bg-hover:#d9f7be;--x-color-success-border:#b7eb8f;--x-color-success-border-hover:#95de64;--x-color-success-hover:#73d13d;--x-color-success-active:#389e0d;--x-color-success-text:#52c41a;--x-color-success-text-hover:#73d13d;--x-color-success-text-active:#389e0d;--x-color-warning:#faad14;--x-color-warning-rgb:250, 173, 20;--x-color-warning-contrast:#000000;--x-color-warning-contrast-rgb:0, 0, 0;--x-color-warning-shade:#d48806;--x-color-warning-tint:#ffc53d;--x-color-warning-bg:#fffbe6;--x-color-warning-bg-hover:#fff1b8;--x-color-warning-border:#ffe58f;--x-color-warning-border-hover:#ffd666;--x-color-warning-hover:#ffc53d;--x-color-warning-active:#d48806;--x-color-warning-text:#faad14;--x-color-warning-text-hover:#ffc53d;--x-color-warning-text-active:#d48806;--x-color-danger:#ff4d4f;--x-color-danger-rgb:255, 77, 79;--x-color-danger-contrast:#ffffff;--x-color-danger-contrast-rgb:255, 255, 255;--x-color-danger-shade:#cf1322;--x-color-danger-tint:#ff7875;--x-color-error:#ff4d4f;--x-color-error-rgb:255, 77, 79;--x-color-error-bg:#fff2f0;--x-color-error-bg-hover:#ffccc7;--x-color-error-border:#ffa39e;--x-color-error-border-hover:#ff7875;--x-color-error-hover:#ff7875;--x-color-error-active:#d9363e;--x-color-error-text:#ff4d4f;--x-color-error-text-hover:#ff7875;--x-color-error-text-active:#d9363e;--x-color-info:#1677ff;--x-color-info-rgb:22, 119, 255;--x-color-info-bg:#e6f4ff;--x-color-info-bg-hover:#bae0ff;--x-color-info-border:#91caff;--x-color-info-border-hover:#69b1ff;--x-color-info-hover:#69b1ff;--x-color-info-active:#0958d9;--x-color-info-text:#1677ff;--x-color-info-text-hover:#69b1ff;--x-color-info-text-active:#0958d9;--x-color-text:rgba(0, 0, 0, 0.88);--x-color-text-secondary:rgba(0, 0, 0, 0.65);--x-color-text-tertiary:rgba(0, 0, 0, 0.45);--x-color-text-quaternary:rgba(0, 0, 0, 0.25);--x-color-text-disabled:rgba(0, 0, 0, 0.25);--x-color-text-placeholder:rgba(0, 0, 0, 0.25);--x-color-text-heading:rgba(0, 0, 0, 0.88);--x-color-text-label:rgba(0, 0, 0, 0.65);--x-color-text-description:rgba(0, 0, 0, 0.45);--x-color-text-light-solid:#ffffff;--x-color-bg-container:#ffffff;--x-color-bg-elevated:#ffffff;--x-color-bg-layout:#f5f5f5;--x-color-bg-spotlight:rgba(0, 0, 0, 0.85);--x-color-bg-mask:rgba(0, 0, 0, 0.45);--x-color-bg-base:#ffffff;--x-color-bg-container-disabled:#f5f5f5;--x-color-bg-container-loading:rgba(255, 255, 255, 0.65);--x-color-white:#ffffff;--x-color-fill:rgba(0, 0, 0, 0.15);--x-color-fill-secondary:rgba(0, 0, 0, 0.06);--x-color-fill-tertiary:rgba(0, 0, 0, 0.04);--x-color-fill-quaternary:rgba(0, 0, 0, 0.02);--x-color-border:#d9d9d9;--x-color-border-secondary:#f0f0f0;--x-color-border-bg:#ffffff;--x-color-split:rgba(5, 5, 5, 0.06);--x-color-dark:#222428;--x-color-dark-rgb:34, 36, 40;--x-color-dark-contrast:#ffffff;--x-color-dark-contrast-rgb:255, 255, 255;--x-color-dark-shade:#1e2023;--x-color-dark-tint:#383a3e;--x-color-medium:#92949c;--x-color-medium-rgb:146, 148, 156;--x-color-medium-contrast:#ffffff;--x-color-medium-contrast-rgb:255, 255, 255;--x-color-medium-shade:#808289;--x-color-medium-tint:#9d9fa6;--x-color-light:#f4f5f8;--x-color-light-rgb:244, 245, 248;--x-color-light-contrast:#000000;--x-color-light-contrast-rgb:0, 0, 0;--x-color-light-shade:#d7d8da;--x-color-light-tint:#f5f6f9;--x-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--x-font-family-code:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--x-font-size:14px;--x-font-size-sm:12px;--x-font-size-lg:16px;--x-font-size-xl:20px;--x-font-size-heading-1:38px;--x-font-size-heading-2:30px;--x-font-size-heading-3:24px;--x-font-size-heading-4:20px;--x-font-size-heading-5:16px;--x-line-height:1.5714285714285714;--x-line-height-lg:1.5;--x-line-height-sm:1.6666666666666667;--x-line-height-heading-1:1.2105263157894737;--x-line-height-heading-2:1.2666666666666666;--x-line-height-heading-3:1.3333333333333333;--x-line-height-heading-4:1.4;--x-line-height-heading-5:1.5;--x-font-weight-normal:400;--x-font-weight-medium:500;--x-font-weight-semibold:600;--x-font-weight-strong:600;--x-font-size-base:14px;--x-font-size-xxl:24px;--x-line-height-base:1.5714285714285714;--x-spacing-xxs:4px;--x-spacing-xs:8px;--x-spacing-sm:12px;--x-spacing-md:16px;--x-spacing-lg:20px;--x-spacing-xl:24px;--x-spacing-xxl:32px;--x-spacing-xxxl:48px;--x-margin-xxs:4px;--x-margin-xs:8px;--x-margin-sm:12px;--x-margin-md:16px;--x-margin-lg:24px;--x-margin-xl:32px;--x-margin-xxl:48px;--x-padding-xxs:4px;--x-padding-xs:8px;--x-padding-sm:12px;--x-padding-md:16px;--x-padding-lg:24px;--x-padding-content-horizontal-lg:24px;--x-padding-content-vertical-lg:12px;--x-padding-content-horizontal:16px;--x-padding-content-vertical:12px;--x-padding-content-horizontal-sm:16px;--x-padding-content-vertical-sm:8px;--x-border-radius:6px;--x-border-radius-xs:2px;--x-border-radius-sm:4px;--x-border-radius-lg:8px;--x-border-radius-xl:12px;--x-border-radius-outer:4px;--x-border-radius-base:6px;--x-border-width:1px;--x-border-width-base:1px;--x-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-shadow-lg:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-box-shadow-popover-arrow:2px 2px 5px rgba(0, 0, 0, 0.05);--x-box-shadow-card:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);--x-box-shadow-drawer-right:-6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-left:6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-up:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-down:0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);--x-motion-duration-fast:0.1s;--x-motion-duration-mid:0.2s;--x-motion-duration-slow:0.3s;--x-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--x-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--x-motion-ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--x-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--x-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--x-motion-ease-in-out-circle:cubic-bezier(0.78, 0.14, 0.15, 0.86);--x-motion-ease-out-circle:cubic-bezier(0.08, 0.82, 0.17, 1);--x-motion-ease-in-circle:cubic-bezier(0.6, 0.04, 0.98, 0.34);--x-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--x-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--x-z-index-base:0;--x-z-index-popup-base:1000;--x-z-index-popup:1030;--x-z-index-affix:10;--x-z-index-modal:1000;--x-z-index-modal-mask:1000;--x-z-index-drawer:1000;--x-z-index-popover:1030;--x-z-index-dropdown:1050;--x-z-index-tooltip:1070;--x-z-index-notification:1080;--x-z-index-message:1090;--x-z-index-popconfirm:1060;--x-z-index-table-fixed:10;--x-opacity-loading:0.65;--x-opacity-image:1;--x-opacity-disabled:0.5;--x-control-height:32px;--x-control-height-xs:24px;--x-control-height-sm:24px;--x-control-height-lg:40px;--x-control-radio-size:16px;--x-control-checkbox-size:16px;--x-control-padding-horizontal:12px;--x-control-padding-horizontal-sm:8px;--x-control-outline-width:2px;--x-control-outline:rgba(5, 145, 255, 0.1);--x-control-item-bg-hover:rgba(0, 0, 0, 0.04);--x-control-item-bg-active:#e6f4ff;--x-control-item-bg-active-hover:#bae0ff;--x-control-item-bg-active-disabled:rgba(0, 0, 0, 0.15);--x-control-tmp-outline:rgba(0, 0, 0, 0.02);--x-color-yellow:#fadb14;--x-color-yellow-rgb:250, 219, 20;--x-font-family-base:var(--x-font-family);--x-color-link:#1677ff;--x-color-link-hover:#69b1ff;--x-color-link-active:#0958d9;--x-color-icon:rgba(0, 0, 0, 0.45);--x-color-icon-hover:rgba(0, 0, 0, 0.88);--x-color-highlight:#ff4d4f;--x-color-bg-text-hover:rgba(0, 0, 0, 0.06);--x-color-bg-text-active:rgba(0, 0, 0, 0.15);--x-screen-xs:480px;--x-screen-xs-min:480px;--x-screen-xs-max:575px;--x-screen-sm:576px;--x-screen-sm-min:576px;--x-screen-sm-max:767px;--x-screen-md:768px;--x-screen-md-min:768px;--x-screen-md-max:991px;--x-screen-lg:992px;--x-screen-lg-min:992px;--x-screen-lg-max:1199px;--x-screen-xl:1200px;--x-screen-xl-min:1200px;--x-screen-xl-max:1599px;--x-screen-xxl:1600px;--x-screen-xxl-min:1600px;--x-color-fill-content:rgba(0, 0, 0, 0.06);--x-color-fill-content-hover:rgba(0, 0, 0, 0.15);--x-color-fill-alter:rgba(0, 0, 0, 0.02);--x-scrollbar-width:12px;--x-scrollbar-track-bg:rgba(0, 0, 0, 0.04);--x-scrollbar-thumb-bg:rgba(0, 0, 0, 0.25);--x-scrollbar-thumb-bg-hover:rgba(0, 0, 0, 0.35);--x-menu-dark-bg:#001529;--x-menu-dark-item-bg:#001529;--x-menu-dark-popup-bg:#001529;--x-menu-dark-submenu-item-bg:#000c17}:host{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--x-drawer-z-index, var(--x-z-index-drawer, 1000))}:host(.x-drawer-open){display:block}'}},[769,"x-drawer",{open:[4],drawerTitle:[1,"drawer-title"],placement:[1],closable:[4],mask:[4],maskClosable:[4,"mask-closable"],width:[8],height:[8],zIndex:[2,"z-index"],size:[1],destroyOnClose:[4,"destroy-on-close"],keyboard:[4]},void 0,{open:[{handleOpenChange:0}],drawerTitle:[{handlePropsChange:0}],placement:[{handlePropsChange:0}],closable:[{handlePropsChange:0}],mask:[{handlePropsChange:0}],maskClosable:[{handlePropsChange:0}],width:[{handlePropsChange:0}],height:[{handlePropsChange:0}],zIndex:[{handlePropsChange:0}],size:[{handlePropsChange:0}],keyboard:[{handlePropsChange:0}]}]);function l(){"undefined"!=typeof customElements&&["x-drawer","x-drawer-content","x-icon"].forEach((e=>{switch(e){case"x-drawer":customElements.get(o(e))||customElements.define(o(e),s);break;case"x-drawer-content":customElements.get(o(e))||i();break;case"x-icon":customElements.get(o(e))||c()}}))}l();const d=s,p=l;export{d as XDrawer,p as defineCustomElement}
+import{t as o,p as e,H as r,d as x,h as a,c as t}from"./p-BLqwG7xa.js";import{P as n}from"./p-DM8AggMt.js";import{d as i}from"./p-B5VsEsBC.js";import{d as s}from"./p-C1_JmoB8.js";const c=e(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.xClose=x(this,"xClose",7),this.xAfterOpenChange=x(this,"xAfterOpenChange",7)}get el(){return this}open=!1;drawerTitle;placement="right";closable=!0;mask=!0;maskClosable=!0;width=378;height=378;zIndex=1e3;size="default";destroyOnClose=!1;keyboard=!0;xClose;xAfterOpenChange;portalInstance=null;componentDidLoad(){this.open&&(this.updatePortal(),document.addEventListener("keydown",this.handleKeyDown))}disconnectedCallback(){this.destroyPortal(),document.removeEventListener("keydown",this.handleKeyDown)}handleOpenChange(o){this.updatePortal(),this.xAfterOpenChange.emit(o),o?document.addEventListener("keydown",this.handleKeyDown):document.removeEventListener("keydown",this.handleKeyDown)}handlePropsChange(){this.open&&this.updatePortal()}handleKeyDown=o=>{this.keyboard&&"Escape"===o.key&&this.open&&this.handleClose()};handleClose=()=>{this.xClose.emit()};getSlotContent(o){const e=o?`slot[name="${o}"]`:"slot:not([name])",r=this.el.shadowRoot?.querySelector(e);return r?r.assignedNodes({flatten:!0}).map((o=>o.nodeType===Node.ELEMENT_NODE?o.outerHTML:o.textContent||"")).join(""):""}buildDrawerElement(){const o=document.createElement("x-drawer-content");return o.open=this.open,o.drawerTitle=this.drawerTitle,o.placement=this.placement,o.closable=this.closable,o.mask=this.mask,o.maskClosable=this.maskClosable,o.width=this.width,o.height=this.height,o.zIndex=this.zIndex,o.size=this.size,o.keyboard=this.keyboard,o.bodyContent=this.getSlotContent(),o.footerContent=this.getSlotContent("footer"),o.extraContent=this.getSlotContent("extra"),o.titleContent=this.getSlotContent("title"),o.addEventListener("xClose",(()=>{this.handleClose()})),o}updatePortal(){if(!this.open&&this.destroyOnClose)return void this.destroyPortal();if(!this.open&&!this.portalInstance)return;const o=this.buildDrawerElement();this.portalInstance?this.portalInstance.update({open:this.open,content:o}):this.portalInstance=n.create({open:!0,zIndex:this.zIndex,content:o})}destroyPortal(){this.portalInstance&&(this.portalInstance.destroy(),this.portalInstance=null)}render(){return a(t,{key:"5ff7c1a00e3c39e2b463491de24e7b8ed1d1755c",class:{"x-drawer":!0,"x-drawer-open":this.open}},a("div",{key:"0066d10dfeb9ce27d0776f812f0d8b2da0717c2a",style:{display:"none"}},a("slot",{key:"8a3825d6bf3daaae32d28836d969b7e2ad58f477"}),a("slot",{key:"0f6e88dcd6dacaf5c7cf0616ee30f536a75fef16",name:"title"}),a("slot",{key:"91fe469e3a6b3642306facefe418b2d577e98d05",name:"extra"}),a("slot",{key:"c74e03899b49afa630a5b65b3711825be501daba",name:"footer"})))}static get watchers(){return{open:[{handleOpenChange:0}],drawerTitle:[{handlePropsChange:0}],placement:[{handlePropsChange:0}],closable:[{handlePropsChange:0}],mask:[{handlePropsChange:0}],maskClosable:[{handlePropsChange:0}],width:[{handlePropsChange:0}],height:[{handlePropsChange:0}],zIndex:[{handlePropsChange:0}],size:[{handlePropsChange:0}],keyboard:[{handlePropsChange:0}]}}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:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--x-drawer-z-index, var(--x-z-index-drawer, 1000))}:host(.x-drawer-open){display:block}"}},[769,"x-drawer",{open:[4],drawerTitle:[1,"drawer-title"],placement:[1],closable:[4],mask:[4],maskClosable:[4,"mask-closable"],width:[8],height:[8],zIndex:[2,"z-index"],size:[1],destroyOnClose:[4,"destroy-on-close"],keyboard:[4]},void 0,{open:[{handleOpenChange:0}],drawerTitle:[{handlePropsChange:0}],placement:[{handlePropsChange:0}],closable:[{handlePropsChange:0}],mask:[{handlePropsChange:0}],maskClosable:[{handlePropsChange:0}],width:[{handlePropsChange:0}],height:[{handlePropsChange:0}],zIndex:[{handlePropsChange:0}],size:[{handlePropsChange:0}],keyboard:[{handlePropsChange:0}]}]);function l(){"undefined"!=typeof customElements&&["x-drawer","x-drawer-content","x-icon"].forEach((e=>{switch(e){case"x-drawer":customElements.get(o(e))||customElements.define(o(e),c);break;case"x-drawer-content":customElements.get(o(e))||i();break;case"x-icon":customElements.get(o(e))||s()}}))}l();const d=c,p=l;export{d as XDrawer,p as defineCustomElement}

package/components/x-dropdown-content.js

@@ -1 +1 @@
-import{X as o,d as p}from"./p-DZPUUptR.js";const s=o,t=p;export{s as XDropdownContent,t as defineCustomElement}
+import{X as o,d as s}from"./p-jTIj1nFL.js";const j=o,p=s;export{j as XDropdownContent,p as defineCustomElement}

package/components/x-dropdown.js

@@ -1 +1 @@
-import{X as s,d as o}from"./p-CSfrs76m.js";const r=s,m=o;export{r as XDropdown,m as defineCustomElement}
+import{X as o,d as s}from"./p-DUjF0MeP.js";const p=o,r=s;export{p as XDropdown,r as defineCustomElement}

package/components/x-editor.js

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

package/components/x-empty.js

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

package/components/x-finder.js

@@ -1 +1 @@
-import{t as e,p as t,H as i,c as o,h as r,F as s,d as a}from"./p-g6ZBqIze.js";import{M as n}from"./p-Co3Y9VjQ.js";import{d as l}from"./p-noTpj1Kh.js";import{d as x}from"./p-CGYOWZnh.js";import{d as c}from"./p-Ce32Mo_Q.js";import{d}from"./p-BkPJ1Whr.js";import{d as p}from"./p-D8ew7Rgv.js";import{d as f}from"./p-DD-W_fMF.js";import{d as m}from"./p-B5Syz0fw.js";import{d as g}from"./p-BHLvuyOq.js";import{d as h}from"./p-CSfrs76m.js";import{d as b}from"./p-DZPUUptR.js";import{d as u}from"./p-BOCR5Zk0.js";import{d as v}from"./p-DEumEVI3.js";import{d as y}from"./p-B4rO7Sgt.js";import{d as w}from"./p-Bz7MhZ4K.js";import{d as k}from"./p-BkiOFW3H.js";import{d as z}from"./p-CeBfFEIa.js";import{d as j}from"./p-DaL42JUi.js";import{d as C}from"./p-DTlSrH8_.js";import{d as I}from"./p-B8SZP5Xz.js";import{d as S}from"./p-DZFphzg1.js";import{d as E}from"./p-ccpcKv5U.js";import{d as D}from"./p-BZQcq9R_.js";import{d as F}from"./p-DcRlYBIl.js";import{d as M}from"./p-BvjR2Q5Q.js";import{d as B}from"./p-DJ1WhSJ4.js";import{d as $}from"./p-C7csgUoA.js";class _{config;state={items:[],filteredItems:[],selectedItems:[],pathTrail:[{id:null,name:"Home"}],currentFolderId:null,loading:!1,viewMode:"grid",filterMode:"all",searchQuery:"",sortBy:"name",sortOrder:"asc",showDetails:!0,storage:{used:12.4,total:20}};onChange;constructor(e,t){this.config=e,this.onChange=t,e.defaultViewMode&&(this.state.viewMode=e.defaultViewMode)}getState(){return{...this.state}}updateState(e){this.state={...this.state,...e},this.applyFilters(),this.onChange(this.state)}async loadItems(e=this.state.currentFolderId){if(this.config.list){this.updateState({loading:!0,currentFolderId:e,selectedItems:[]});try{const t=await this.config.list(e);this.updateState({items:t,loading:!1})}catch(e){console.error("Failed to load items",e),this.updateState({loading:!1})}}}async createFolder(){if(!this.config.createFolder)return;const e=n.create({title:"Create New Folder",content:this.renderInputTemplate("Enter folder name...",""),onOk:async()=>{const t=this.getInputValue(e);return!!t&&(!!await this.config.createFolder(t,this.state.currentFolderId)&&(await this.loadItems(),!0))}})}async createProject(){if(!this.config.createProject)return;const e=n.create({title:"Create New Project",content:this.renderInputTemplate("Enter project name...",""),onOk:async()=>{const t=this.getInputValue(e);return!!t&&(!!await this.config.createProject(t)&&(await this.loadItems(),!0))}})}async upload(e){if(this.config.upload){this.updateState({loading:!0});try{await this.config.upload(e,this.state.currentFolderId)&&await this.loadItems()}finally{this.updateState({loading:!1})}}}async rename(e){if(!this.config.update)return;const t=n.create({title:"Rename Item",content:this.renderInputTemplate("Enter new name...",e.name),onOk:async()=>{const i=this.getInputValue(t);return!(!i||i===e.name)&&(!!await this.config.update(e,{name:i})&&(await this.loadItems(),!0))}})}async delete(e){this.config.delete&&n.confirm({title:"Confirm Delete",content:`Are you sure you want to delete <strong>${e.name}</strong>?`,okText:"Delete",okDanger:!0,onOk:async()=>{await this.config.delete(e)&&await this.loadItems()}})}download(e){if(this.config.download)this.config.download(e);else if(e.url){const t=document.createElement("a");t.href=e.url,t.download=e.name,t.click()}}navigateTo(e,t){const i=this.state.pathTrail.findIndex((t=>t.id===e));let o=[];o=-1!==i?this.state.pathTrail.slice(0,i+1):[...this.state.pathTrail,{id:e,name:t}],this.updateState({pathTrail:o}),this.loadItems(e)}setSearchQuery(e){this.updateState({searchQuery:e})}setFilterMode(e){this.updateState({filterMode:e})}setViewMode(e){this.updateState({viewMode:e})}setSorting(e,t){this.updateState({sortBy:e,sortOrder:t||(this.state.sortBy===e&&"asc"===this.state.sortOrder?"desc":"asc")})}toggleDetails(e){this.updateState({showDetails:void 0!==e?e:!this.state.showDetails})}selectItem(e,t=!1){if(t){const t=this.state.selectedItems.findIndex((t=>t.id===e.id))>-1?this.state.selectedItems.filter((t=>t.id!==e.id)):[...this.state.selectedItems,e];this.updateState({selectedItems:t})}else this.updateState({selectedItems:[e],showDetails:!0})}clearSelection(){this.updateState({selectedItems:[]})}applyFilters(){let e=[...this.state.items];if("images"===this.state.filterMode&&(e=e.filter((e=>"file"===e.type&&this.isImageItem(e)))),this.state.searchQuery){const t=this.state.searchQuery.toLowerCase();e=e.filter((e=>e.name.toLowerCase().includes(t)))}e.sort(((e,t)=>{let i=e[this.state.sortBy],o=t[this.state.sortBy];"name"===this.state.sortBy&&(i=e.name.toLowerCase(),o=t.name.toLowerCase());const r="asc"===this.state.sortOrder?1:-1;return i>o?r:i<o?-r:0})),this.state.filteredItems=e}getFileExtension(e){const t=(e||"").trim(),i=t.lastIndexOf(".");return-1===i?"":t.slice(i+1).toLowerCase()}isImageItem(e){if((e.mimeType||"").toLowerCase().startsWith("image/"))return!0;const t=this.getFileExtension(e.name);return["png","jpg","jpeg","gif","webp","bmp","svg","avif"].includes(t)}renderInputTemplate(e,t){return`\n      <div style="padding: 8px 0;">\n        <div style="font-size: 14px; font-weight: 500; color: #64748b; margin-bottom: 8px;">Name</div>\n        <input type="text" id="finder-modal-input" value="${t}" placeholder="${e}" \n          style="width: 100%; padding: 8px 12px; border: 1px solid #d9d9d9; border-radius: 4px; box-sizing: border-box; font-family: inherit;" \n        />\n      </div>\n    `}getInputValue(e){const t=e.getContentElement().querySelector("#finder-modal-input");return t?.value?.trim()||""}}const T=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.xSelect=o(this,"xSelect",7),this.xClose=o(this,"xClose",7)}get el(){return this}displayMode="page";visible=!1;config={};finderTitle="File Manager";async handleConfigChange(e){this.initService(e),await this.service.loadItems()}state;xSelect;xClose;service;fileInput;itemsViewportRef;itemsResizeObserver;itemsViewportHeight=0;itemsViewportScrollTop=0;async componentWillLoad(){this.initService(this.config),await this.service.loadItems()}componentDidLoad(){this.initItemsViewportObserver()}disconnectedCallback(){this.itemsResizeObserver?.disconnect()}initService(e){this.service=new _(e,(e=>{this.state={...e}})),this.state=this.service.getState()}initItemsViewportObserver(){this.itemsResizeObserver||this.itemsViewportRef&&(this.itemsResizeObserver=new ResizeObserver((()=>{const e=this.itemsViewportRef?.clientHeight||0;e!==this.itemsViewportHeight&&(this.itemsViewportHeight=e)})),this.itemsResizeObserver.observe(this.itemsViewportRef),this.itemsViewportHeight=this.itemsViewportRef.clientHeight||0)}setItemsViewportRef=e=>{this.itemsViewportRef=e,this.initItemsViewportObserver()};handleItemsViewportScroll=e=>{this.itemsViewportScrollTop=e.target.scrollTop};handleFileSelected=async e=>{const t=e.target,i=t.files?.[0];i&&await this.service.upload(i),t.value=""};handleConfirmSelect=e=>{e&&e.stopPropagation&&e.stopPropagation(),this.xSelect.emit(this.state.selectedItems),"dialog"===this.displayMode&&(this.visible=!1,this.xClose.emit())};renderHeader(){const e=this.state?.filterMode||"all";return r("x-header",{class:"finder-header"},r("x-flex",{justify:"space-between",align:"center",style:{width:"100%",height:"100%"}},r("x-flex",{align:"center",gap:"32"},r("div",{class:"header-logo"},this.finderTitle),r("x-flex",{align:"center",gap:"24"},r("a",{href:"#",class:{"nav-link":!0,active:"all"===e},onClick:e=>{e.preventDefault(),this.service.setFilterMode("all")}},"All Files"),r("a",{href:"#",class:{"nav-link":!0,active:"images"===e},onClick:e=>{e.preventDefault(),this.service.setFilterMode("images")}},"Images"))),r("x-flex",{align:"center",gap:"16"},r("div",null,r("x-input",{placeholder:"Search assets...",prefixIcon:"search",size:"small",style:{width:"240px"},onXChange:e=>this.service.setSearchQuery(e.detail.value)})),r("x-segmented",{value:this.state.viewMode,options:[{label:"Grid",value:"grid",icon:"grid_view"},{label:"List",value:"list",icon:"list"}],onXChange:e=>this.service.setViewMode(e.detail)}),r("x-flex",{align:"center",gap:"12"},r("x-icon",{name:"settings",size:"18",color:"#64748b",class:"clickable",onClick:()=>this.openSettings()}),r("x-icon",{name:"info",size:"18",color:"#64748b",class:"clickable",onClick:()=>this.openInfo()})))))}openSettings(){const e=n.create({title:"Finder Settings",content:`\n        <div style="display:flex;flex-direction:column;gap:12px;padding-top:6px;">\n          <label style="font-size:13px;color:#64748b;display:flex;flex-direction:column;gap:6px;">\n            View Mode\n            <select id="finder-setting-viewmode" style="padding:8px;border:1px solid #d9d9d9;border-radius:6px;">\n              <option value="grid"${"grid"===this.state.viewMode?" selected":""}>Grid</option>\n              <option value="list"${"list"===this.state.viewMode?" selected":""}>List</option>\n            </select>\n          </label>\n          <label style="font-size:13px;color:#64748b;display:flex;flex-direction:column;gap:6px;">\n            Filter\n            <select id="finder-setting-filter" style="padding:8px;border:1px solid #d9d9d9;border-radius:6px;">\n              <option value="all"${"all"===this.state.filterMode?" selected":""}>All Files</option>\n              <option value="images"${"images"===this.state.filterMode?" selected":""}>Images</option>\n            </select>\n          </label>\n          <label style="font-size:13px;color:#64748b;display:flex;align-items:center;gap:8px;">\n            <input type="checkbox" id="finder-setting-showdetails"${this.state.showDetails?" checked":""} />\n            Show Details Panel\n          </label>\n        </div>\n      `,onOk:async()=>{const t=e.getContentElement(),i=t.querySelector("#finder-setting-viewmode")?.value,o=t.querySelector("#finder-setting-filter")?.value,r=t.querySelector("#finder-setting-showdetails")?.checked;return i&&this.service.setViewMode(i),o&&this.service.setFilterMode(o),this.service.toggleDetails(r),!0}})}openInfo(){const e=(this.state.items||[]).length,t=(this.state.filteredItems||[]).length,i=(this.state.selectedItems||[]).length,o=(this.state.pathTrail||[]).map((e=>e.name)).join(" / ");n.info({title:"Finder Info",content:`\n        <div style="display:flex;flex-direction:column;gap:8px;">\n          <div><strong>Path:</strong> ${o||"Home"}</div>\n          <div><strong>Total Items:</strong> ${e}</div>\n          <div><strong>Visible Items:</strong> ${t}</div>\n          <div><strong>Selected:</strong> ${i}</div>\n          <div><strong>Storage:</strong> ${this.state.storage?`${this.state.storage.used} GB / ${this.state.storage.total} GB`:"N/A"}</div>\n        </div>\n      `})}renderSidebar(){const e=(this.state.items||[]).filter((e=>"folder"===e.type)),t=null==this.state.currentFolderId?"__root__":this.state.currentFolderId+"",i={key:"__root__",title:"Home",icon:"home",folderId:null,children:[]},o=this.state.pathTrail||[{id:null,name:"Home"}];let s=i;for(let e=1;e<o.length;e++){const t=o[e],i={key:t.id+"",title:t.name,icon:"folder",folderId:t.id,children:[]};s.children=[i],s=i}s.children=e.map((e=>({key:e.id+"",title:e.name,icon:"folder",folderId:e.id})));const a=[i],n=["__root__",...o.slice(1).map((e=>e.id+""))];return r("x-sider",{class:"finder-sidebar",width:240,style:{display:"flex",flexDirection:"column"}},r("x-layout",{hasSiderProp:!1,fixed:!1},r("x-header",{class:"finder-header"},r("x-flex",{align:"center",style:{height:"100%"},justify:"space-between",gap:"12"},r("x-button",{type:"primary",style:{width:"100%"},block:!0,size:"large",onClick:()=>this.fileInput.click()},r("x-icon",{slot:"icon",name:"cloud_upload"}),"Upload"))),r("x-layout",{hasSiderProp:!1,fixed:!0},r("div",{class:"sidebar-section"},r("div",{class:"section-title"},"FOLDERS"),r("x-tree",{treeData:a,selectedKeys:[t],expandedKeys:n,showIcon:!0,blockNode:!0,onXSelect:e=>{e&&e.stopPropagation&&e.stopPropagation();const t=e?.detail?.node;this.service.navigateTo(t?.folderId??null,t?.title||"Home")}})))))}renderBreadcrumbs(){return r("div",null,r("x-breadcrumb",null,this.state.pathTrail.map((e=>r("x-breadcrumb-item",{onClick:t=>{t&&t.stopPropagation&&t.stopPropagation(),this.service.navigateTo(e.id,e.name)}},r("a",{href:"javascript:void(0)"},e.name))))),r("x-flex",{justify:"space-between",align:"center",style:{marginTop:"16px"}},r("div",null),r("div",null)))}getFileExtension(e){const t=(e||"").trim(),i=t.lastIndexOf(".");return-1===i?"":t.slice(i+1).toLowerCase()}formatMiddleEllipsis(e,t,i){const o=(e||"").trim();return o?t<=0||i<=0||o.length<=t+i+1?o:`${o.slice(0,t)}…${o.slice(-i)}`:""}isImageFile(e){if((e.mimeType||"").toLowerCase().startsWith("image/"))return!0;const t=this.getFileExtension(e.name);return["png","jpg","jpeg","gif","webp","bmp","svg","avif"].includes(t)}getFileIconName(e){if("folder"===e.type)return"folder";const t=(e.mimeType||"").toLowerCase(),i=this.getFileExtension(e.name);return this.isImageFile(e)?"image":"application/pdf"===t||"pdf"===i?"picture_as_pdf":t.includes("spreadsheet")||["xls","xlsx","csv"].includes(i)?"table_chart":t.includes("word")||["doc","docx","rtf"].includes(i)?"article":t.includes("presentation")||["ppt","pptx"].includes(i)?"slideshow":t.startsWith("audio/")||["mp3","wav","ogg","m4a","flac"].includes(i)?"audiotrack":t.startsWith("video/")||["mp4","mov","mkv","webm"].includes(i)?"movie":["zip","rar","7z","tar","gz"].includes(i)?"folder_zip":["txt","md","log"].includes(i)?"text_snippet":["json","xml","yml","yaml","js","ts","tsx","jsx","css","scss","html"].includes(i)?"code":"description"}getFileIconColor(e){if("folder"===e.type)return"#f59e0b";const t=this.getFileExtension(e.name),i=(e.mimeType||"").toLowerCase();return this.isImageFile(e)?"#0ea5e9":"application/pdf"===i||"pdf"===t?"#ef4444":i.includes("spreadsheet")||["xls","xlsx","csv"].includes(t)?"#16a34a":i.includes("word")||["doc","docx","rtf"].includes(t)?"#2563eb":i.includes("presentation")||["ppt","pptx"].includes(t)?"#f97316":i.startsWith("audio/")||["mp3","wav","ogg","m4a","flac"].includes(t)?"#8b5cf6":i.startsWith("video/")||["mp4","mov","mkv","webm"].includes(t)?"#a855f7":["zip","rar","7z","tar","gz"].includes(t)?"#64748b":"#94a3b8"}formatDate(e){if(!e)return"-";const t=new Date(e);return isNaN(t.getTime())?e+"":`${t.getFullYear()}-${(t.getMonth()+1+"").padStart(2,"0")}-${(t.getDate()+"").padStart(2,"0")} ${(t.getHours()+"").padStart(2,"0")}:${(t.getMinutes()+"").padStart(2,"0")}:${(t.getSeconds()+"").padStart(2,"0")}`}renderItemThumb(e,t,i){return"folder"===e.type?r("x-icon",{name:"folder",size:i,color:t?"var(--x-color-primary)":this.getFileIconColor(e)}):this.isImageFile(e)&&(e.thumbnail||e.url)?r("x-image",{src:e.thumbnail||e.url,alt:e.name,width:"100%",height:"100%",loading:"lazy",preview:!1,style:{pointerEvents:"none"}}):r("x-icon",{name:this.getFileIconName(e),size:i,color:t?"var(--x-color-primary)":this.getFileIconColor(e)})}renderGridItem(e){const t=this.state.selectedItems.some((t=>t.id===e.id)),i=this.formatMiddleEllipsis(e.name,18,12);return r("x-col",{flex:"0 0 240px",style:{width:"240px",minWidth:"240px",maxWidth:"240px",marginBottom:"24px"}},r("x-card",{class:"grid-item "+(t?"selected":""),hoverable:!0,onClick:t=>{t.stopPropagation();const i=t.ctrlKey||t.metaKey;"folder"!==e.type||i?this.service.selectItem(e,i):this.service.navigateTo(e.id,e.name)},onDblClick:t=>{t.stopPropagation(),"folder"===e.type?this.service.navigateTo(e.id,e.name):this.service.download(e)}},r("div",{class:"thumbnail",slot:"cover"},this.renderItemThumb(e,t,48),t&&r("div",{class:"badge"},r("x-icon",{name:"check",size:12}))),r("div",{class:"info"},r("div",{class:"name",title:e.name},i),r("div",{class:"meta"},e.size?e.size+" MB":"-"," • ",e.mimeType||("folder"===e.type?"Folder":"")))))}renderListItem(e){const t=this.state.selectedItems.some((t=>t.id===e.id)),i=this.formatMiddleEllipsis(e.name,28,16);return r("div",{class:"list-item "+(t?"selected":""),onClick:t=>{t.stopPropagation();const i=t.ctrlKey||t.metaKey;"folder"!==e.type||i?this.service.selectItem(e,i):this.service.navigateTo(e.id,e.name)},onDblClick:t=>{t.stopPropagation(),"folder"===e.type?this.service.navigateTo(e.id,e.name):this.service.download(e)}},r("x-flex",{align:"center",gap:"12",style:{flex:"1",minWidth:"0"}},r("x-icon",{name:this.getFileIconName(e),size:"20",color:t?"var(--x-color-primary)":this.getFileIconColor(e)}),r("span",{class:"name",title:e.name},i)),r("span",{class:"type"},e.mimeType||e.type),r("span",{class:"size"},e.size?e.size+" MB":"-"),r("span",{class:"date"},this.formatDate(e.updatedAt)))}renderVirtualList(e){const t=56*e.length,i=Math.max(0,Math.floor(this.itemsViewportScrollTop/56)-8),o=e.slice(i,Math.min(e.length-1,Math.ceil((this.itemsViewportScrollTop+this.itemsViewportHeight)/56)+8)+1);return r("div",{class:"virtual-spacer",style:{height:t+"px"}},r("div",{class:"virtual-items",style:{transform:`translateY(${56*i}px)`}},o.map((e=>r("div",{key:e.id+"",style:{height:"56px"}},this.renderListItem(e))))))}renderDetails(){if(!this.state.showDetails||0===this.state.selectedItems.length)return null;const e=this.state.selectedItems[0],t=this.formatMiddleEllipsis(e.name,28,16);return r("x-sider",{class:"details-sidebar",width:320,style:{display:"flex",flexDirection:"column"}},r("x-layout",{hasSiderProp:!1,fixed:!1},r("x-header",{class:"finder-header"},r("x-flex",{align:"center",justify:"space-between",gap:"12"},r("x-flex",{flex:"1",align:"center",gap:"4"},r("x-typography",{type:"title",level:4},"Details")),r("x-icon",{name:"close",onClick:()=>this.service.toggleDetails(!1),class:"clickable"}))),r("x-layout",{hasSiderProp:!1,fixed:!0},r("x-content",null,r("div",{class:"details-content"},r("div",{class:"preview"},this.isImageFile(e)&&(e.url||e.thumbnail)?r("x-image",{src:e.url||e.thumbnail,alt:e.name,width:"100%",height:"100%",loading:"lazy",placeholder:!0,preview:!0}):r("x-icon",{name:"folder"===e.type?"folder":this.getFileIconName(e),size:"80",color:"#cbd5e1"})),r("div",{class:"info-section"},r("x-flex",{align:"center",gap:"8",style:{marginBottom:"4px",minWidth:"0"}},r("x-icon",{name:"description",size:16,color:"var(--x-color-primary)"}),r("div",{class:"filename",title:e.name},t)),r("div",{class:"time"},e.updatedAt?"MODIFIED "+this.formatDate(e.updatedAt):"")),r("x-descriptions",{column:1,size:"small",style:{marginTop:"24px"}},r("x-descriptions-item",{label:"Type"},e.mimeType||e.type),r("x-descriptions-item",{label:"Size"},e.size?e.size+" MB":"-"),r("x-descriptions-item",{label:"Dimensions"},e.dimensions||"-"),r("x-descriptions-item",{label:"Created"},this.formatDate(e.createdAt)),r("x-descriptions-item",{label:"Modified"},this.formatDate(e.updatedAt)))))),r("x-footer",null,r("div",{class:"actions"},r("div",{class:"label"},"QUICK ACTIONS"),r("x-flex",{justify:"space-around",style:{marginTop:"16px"}},r("div",{class:"action-btn",onClick:t=>{t.stopPropagation(),this.service.download(e)}},r("x-icon",{name:"download",size:20}),r("span",null,"Download")),r("div",{class:"action-btn",onClick:t=>{t.stopPropagation(),this.service.rename(e)}},r("x-icon",{name:"edit",size:20}),r("span",null,"Rename")),r("div",{class:"action-btn danger",onClick:t=>{t.stopPropagation(),this.service.delete(e)}},r("x-icon",{name:"delete",size:20}),r("span",null,"Delete")))))))}renderFooter(){const e=this.state.selectedItems.length>0;return r("x-footer",{class:"selection-footer"},r("x-flex",{justify:"space-between",align:"center",style:{width:"100%"}},r("x-flex",{align:"center",gap:"8"},e&&r(s,null,r("x-icon",{name:"check_circle",size:"18",color:"var(--x-color-primary)"}),r("span",{class:"text"},this.state.selectedItems.length," items selected"))),r("x-flex",{align:"center",gap:"8"},r("x-space",null,r("x-button",{type:"text",onClick:e=>{e.stopPropagation(),this.service.clearSelection(),"dialog"===this.displayMode&&(this.visible=!1,this.xClose.emit())}},"Cancel"),r("x-button",{type:"primary",disabled:!e,onClick:this.handleConfirmSelect},"Select Files")))))}render(){const e="grid"===this.state.viewMode,t=this.state.filteredItems||[],i=r("x-layout",{key:"5094b9695720b295e038e97f3f18726e926970ba",class:"finder-container",fixed:!0},this.renderHeader(),r("x-layout",{key:"123f21a544c21a73658e4ff9a98458bb691e9104",hasSiderProp:!0,fixed:!1},this.renderSidebar(),r("x-layout",{key:"aea9694a8167a070dd16102dcaa1a8262d580dcd",hasSiderProp:!0,fixed:!0},r("x-content",{key:"5f27961a6e0dbe85b16b5ad590429bcb0515eaf5",class:"main-content"},this.renderBreadcrumbs(),r("div",{key:"07ca6371d162b9f0a3f99e5db0c1f2e514765b47",class:{"items-viewport":!0,"items-viewport-grid":e,"items-viewport-list":!e},ref:this.setItemsViewportRef,onScroll:this.handleItemsViewportScroll},r("x-spin",{key:"61612ab7ff99bfb22649673f8c791ce95a749007",spinning:this.state.loading,style:{width:"100%"}},0===t.length?r("div",{class:"empty-center"},r("x-empty",{description:"No items found"})):e?r("div",{class:"items-grid"},r("x-row",{gutter:24},t.map((e=>this.renderGridItem(e))))):r("div",{class:"items-list"},this.renderVirtualList(t)))))),this.renderDetails()),this.renderFooter(),r("input",{key:"a613a663e1cf46ea33b807544a853bdbcb7f9c05",type:"file",ref:e=>this.fileInput=e,style:{display:"none"},onChange:this.handleFileSelected}));return r(a,{key:"ee145b2cabb7020bf1db35477ed2299774408844"},r("div",{key:"f56a8f764b044a4842c5cb121e393475db16b762",class:"page-wrapper"},i))}static get watchers(){return{config:[{handleConfigChange:0}]}}static get style(){return'@charset "UTF-8";:root{--x-color-primary:#1677ff;--x-color-primary-rgb:22, 119, 255;--x-color-primary-contrast:#ffffff;--x-color-primary-contrast-rgb:255, 255, 255;--x-color-primary-shade:#0958d9;--x-color-primary-tint:#4096ff;--x-color-primary-bg:#e6f4ff;--x-color-primary-bg-hover:#bae0ff;--x-color-primary-border:#91caff;--x-color-primary-border-hover:#69b1ff;--x-color-primary-hover:#4096ff;--x-color-primary-active:#0958d9;--x-color-primary-text:#1677ff;--x-color-primary-text-hover:#4096ff;--x-color-primary-text-active:#0958d9;--x-color-secondary:#3dc2ff;--x-color-secondary-rgb:61, 194, 255;--x-color-secondary-contrast:#ffffff;--x-color-secondary-contrast-rgb:255, 255, 255;--x-color-secondary-shade:#36abe0;--x-color-secondary-tint:#50c8ff;--x-color-success:#52c41a;--x-color-success-rgb:82, 196, 26;--x-color-success-contrast:#ffffff;--x-color-success-contrast-rgb:255, 255, 255;--x-color-success-shade:#389e0d;--x-color-success-tint:#73d13d;--x-color-success-bg:#f6ffed;--x-color-success-bg-hover:#d9f7be;--x-color-success-border:#b7eb8f;--x-color-success-border-hover:#95de64;--x-color-success-hover:#73d13d;--x-color-success-active:#389e0d;--x-color-success-text:#52c41a;--x-color-success-text-hover:#73d13d;--x-color-success-text-active:#389e0d;--x-color-warning:#faad14;--x-color-warning-rgb:250, 173, 20;--x-color-warning-contrast:#000000;--x-color-warning-contrast-rgb:0, 0, 0;--x-color-warning-shade:#d48806;--x-color-warning-tint:#ffc53d;--x-color-warning-bg:#fffbe6;--x-color-warning-bg-hover:#fff1b8;--x-color-warning-border:#ffe58f;--x-color-warning-border-hover:#ffd666;--x-color-warning-hover:#ffc53d;--x-color-warning-active:#d48806;--x-color-warning-text:#faad14;--x-color-warning-text-hover:#ffc53d;--x-color-warning-text-active:#d48806;--x-color-danger:#ff4d4f;--x-color-danger-rgb:255, 77, 79;--x-color-danger-contrast:#ffffff;--x-color-danger-contrast-rgb:255, 255, 255;--x-color-danger-shade:#cf1322;--x-color-danger-tint:#ff7875;--x-color-error:#ff4d4f;--x-color-error-rgb:255, 77, 79;--x-color-error-bg:#fff2f0;--x-color-error-bg-hover:#ffccc7;--x-color-error-border:#ffa39e;--x-color-error-border-hover:#ff7875;--x-color-error-hover:#ff7875;--x-color-error-active:#d9363e;--x-color-error-text:#ff4d4f;--x-color-error-text-hover:#ff7875;--x-color-error-text-active:#d9363e;--x-color-info:#1677ff;--x-color-info-rgb:22, 119, 255;--x-color-info-bg:#e6f4ff;--x-color-info-bg-hover:#bae0ff;--x-color-info-border:#91caff;--x-color-info-border-hover:#69b1ff;--x-color-info-hover:#69b1ff;--x-color-info-active:#0958d9;--x-color-info-text:#1677ff;--x-color-info-text-hover:#69b1ff;--x-color-info-text-active:#0958d9;--x-color-text:rgba(0, 0, 0, 0.88);--x-color-text-secondary:rgba(0, 0, 0, 0.65);--x-color-text-tertiary:rgba(0, 0, 0, 0.45);--x-color-text-quaternary:rgba(0, 0, 0, 0.25);--x-color-text-disabled:rgba(0, 0, 0, 0.25);--x-color-text-placeholder:rgba(0, 0, 0, 0.25);--x-color-text-heading:rgba(0, 0, 0, 0.88);--x-color-text-label:rgba(0, 0, 0, 0.65);--x-color-text-description:rgba(0, 0, 0, 0.45);--x-color-text-light-solid:#ffffff;--x-color-bg-container:#ffffff;--x-color-bg-elevated:#ffffff;--x-color-bg-layout:#f5f5f5;--x-color-bg-spotlight:rgba(0, 0, 0, 0.85);--x-color-bg-mask:rgba(0, 0, 0, 0.45);--x-color-bg-base:#ffffff;--x-color-bg-container-disabled:#f5f5f5;--x-color-bg-container-loading:rgba(255, 255, 255, 0.65);--x-color-white:#ffffff;--x-color-fill:rgba(0, 0, 0, 0.15);--x-color-fill-secondary:rgba(0, 0, 0, 0.06);--x-color-fill-tertiary:rgba(0, 0, 0, 0.04);--x-color-fill-quaternary:rgba(0, 0, 0, 0.02);--x-color-border:#d9d9d9;--x-color-border-secondary:#f0f0f0;--x-color-border-bg:#ffffff;--x-color-split:rgba(5, 5, 5, 0.06);--x-color-dark:#222428;--x-color-dark-rgb:34, 36, 40;--x-color-dark-contrast:#ffffff;--x-color-dark-contrast-rgb:255, 255, 255;--x-color-dark-shade:#1e2023;--x-color-dark-tint:#383a3e;--x-color-medium:#92949c;--x-color-medium-rgb:146, 148, 156;--x-color-medium-contrast:#ffffff;--x-color-medium-contrast-rgb:255, 255, 255;--x-color-medium-shade:#808289;--x-color-medium-tint:#9d9fa6;--x-color-light:#f4f5f8;--x-color-light-rgb:244, 245, 248;--x-color-light-contrast:#000000;--x-color-light-contrast-rgb:0, 0, 0;--x-color-light-shade:#d7d8da;--x-color-light-tint:#f5f6f9;--x-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--x-font-family-code:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--x-font-size:14px;--x-font-size-sm:12px;--x-font-size-lg:16px;--x-font-size-xl:20px;--x-font-size-heading-1:38px;--x-font-size-heading-2:30px;--x-font-size-heading-3:24px;--x-font-size-heading-4:20px;--x-font-size-heading-5:16px;--x-line-height:1.5714285714285714;--x-line-height-lg:1.5;--x-line-height-sm:1.6666666666666667;--x-line-height-heading-1:1.2105263157894737;--x-line-height-heading-2:1.2666666666666666;--x-line-height-heading-3:1.3333333333333333;--x-line-height-heading-4:1.4;--x-line-height-heading-5:1.5;--x-font-weight-normal:400;--x-font-weight-medium:500;--x-font-weight-semibold:600;--x-font-weight-strong:600;--x-font-size-base:14px;--x-font-size-xxl:24px;--x-line-height-base:1.5714285714285714;--x-spacing-xxs:4px;--x-spacing-xs:8px;--x-spacing-sm:12px;--x-spacing-md:16px;--x-spacing-lg:20px;--x-spacing-xl:24px;--x-spacing-xxl:32px;--x-spacing-xxxl:48px;--x-margin-xxs:4px;--x-margin-xs:8px;--x-margin-sm:12px;--x-margin-md:16px;--x-margin-lg:24px;--x-margin-xl:32px;--x-margin-xxl:48px;--x-padding-xxs:4px;--x-padding-xs:8px;--x-padding-sm:12px;--x-padding-md:16px;--x-padding-lg:24px;--x-padding-content-horizontal-lg:24px;--x-padding-content-vertical-lg:12px;--x-padding-content-horizontal:16px;--x-padding-content-vertical:12px;--x-padding-content-horizontal-sm:16px;--x-padding-content-vertical-sm:8px;--x-border-radius:6px;--x-border-radius-xs:2px;--x-border-radius-sm:4px;--x-border-radius-lg:8px;--x-border-radius-xl:12px;--x-border-radius-outer:4px;--x-border-radius-base:6px;--x-border-width:1px;--x-border-width-base:1px;--x-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-shadow-lg:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-box-shadow-popover-arrow:2px 2px 5px rgba(0, 0, 0, 0.05);--x-box-shadow-card:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);--x-box-shadow-drawer-right:-6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-left:6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-up:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-down:0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);--x-motion-duration-fast:0.1s;--x-motion-duration-mid:0.2s;--x-motion-duration-slow:0.3s;--x-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--x-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--x-motion-ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--x-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--x-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--x-motion-ease-in-out-circle:cubic-bezier(0.78, 0.14, 0.15, 0.86);--x-motion-ease-out-circle:cubic-bezier(0.08, 0.82, 0.17, 1);--x-motion-ease-in-circle:cubic-bezier(0.6, 0.04, 0.98, 0.34);--x-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--x-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--x-z-index-base:0;--x-z-index-popup-base:1000;--x-z-index-popup:1030;--x-z-index-affix:10;--x-z-index-modal:1000;--x-z-index-modal-mask:1000;--x-z-index-drawer:1000;--x-z-index-popover:1030;--x-z-index-dropdown:1050;--x-z-index-tooltip:1070;--x-z-index-notification:1080;--x-z-index-message:1090;--x-z-index-popconfirm:1060;--x-z-index-table-fixed:10;--x-opacity-loading:0.65;--x-opacity-image:1;--x-opacity-disabled:0.5;--x-control-height:32px;--x-control-height-xs:24px;--x-control-height-sm:24px;--x-control-height-lg:40px;--x-control-radio-size:16px;--x-control-checkbox-size:16px;--x-control-padding-horizontal:12px;--x-control-padding-horizontal-sm:8px;--x-control-outline-width:2px;--x-control-outline:rgba(5, 145, 255, 0.1);--x-control-item-bg-hover:rgba(0, 0, 0, 0.04);--x-control-item-bg-active:#e6f4ff;--x-control-item-bg-active-hover:#bae0ff;--x-control-item-bg-active-disabled:rgba(0, 0, 0, 0.15);--x-control-tmp-outline:rgba(0, 0, 0, 0.02);--x-color-yellow:#fadb14;--x-color-yellow-rgb:250, 219, 20;--x-font-family-base:var(--x-font-family);--x-color-link:#1677ff;--x-color-link-hover:#69b1ff;--x-color-link-active:#0958d9;--x-color-icon:rgba(0, 0, 0, 0.45);--x-color-icon-hover:rgba(0, 0, 0, 0.88);--x-color-highlight:#ff4d4f;--x-color-bg-text-hover:rgba(0, 0, 0, 0.06);--x-color-bg-text-active:rgba(0, 0, 0, 0.15);--x-screen-xs:480px;--x-screen-xs-min:480px;--x-screen-xs-max:575px;--x-screen-sm:576px;--x-screen-sm-min:576px;--x-screen-sm-max:767px;--x-screen-md:768px;--x-screen-md-min:768px;--x-screen-md-max:991px;--x-screen-lg:992px;--x-screen-lg-min:992px;--x-screen-lg-max:1199px;--x-screen-xl:1200px;--x-screen-xl-min:1200px;--x-screen-xl-max:1599px;--x-screen-xxl:1600px;--x-screen-xxl-min:1600px;--x-color-fill-content:rgba(0, 0, 0, 0.06);--x-color-fill-content-hover:rgba(0, 0, 0, 0.15);--x-color-fill-alter:rgba(0, 0, 0, 0.02);--x-scrollbar-width:12px;--x-scrollbar-track-bg:rgba(0, 0, 0, 0.04);--x-scrollbar-thumb-bg:rgba(0, 0, 0, 0.25);--x-scrollbar-thumb-bg-hover:rgba(0, 0, 0, 0.35);--x-menu-dark-bg:#001529;--x-menu-dark-item-bg:#001529;--x-menu-dark-popup-bg:#001529;--x-menu-dark-submenu-item-bg:#000c17}:host{display:block;font-family:inherit;border-radius:var(--x-modal-content-border-radius, var(--x-border-radius-lg, 8px)) var(--x-modal-content-border-radius, var(--x-border-radius-lg, 8px)) 0 0;overflow:hidden}.page-wrapper{height:100%;background-color:white;position:relative;overflow:hidden}.finder-container{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:80vh}.details-sidebar,.finder-sidebar{--x-sider-bg:#fff !important}.finder-header{height:64px;background:var(--x-finder-header-bg, var(--x-color-bg-container, #ffffff));border-bottom:var(--x-border-width-base, 1px) solid var(--x-finder-border-color, var(--x-color-border-secondary, #f0f0f0));-ms-flex-negative:0;flex-shrink:0;z-index:10}.finder-header .header-logo{font-size:20px;font-weight:700;color:var(--x-finder-text-color, var(--x-text-color, #1e293b));white-space:nowrap}.finder-header .nav-link{text-decoration:none;color:var(--x-finder-text-secondary, var(--x-text-color-secondary, #64748b)) !important;font-weight:500;font-size:14px;-webkit-transition:color 0.2s;transition:color 0.2s;white-space:nowrap}.finder-header .nav-link:hover{color:var(--x-finder-text-color, var(--x-text-color, #1e293b)) !important}.finder-header .nav-link.active{color:var(--x-color-primary, #137fec) !important;font-weight:600}.finder-sidebar{overflow:hidden}.finder-sidebar .sidebar-top{padding:24px;-ms-flex-negative:0;flex-shrink:0}.finder-sidebar .sidebar-section{padding:0 24px}.finder-sidebar .sidebar-section .section-title{font-size:12px;font-weight:600;color:var(--x-text-color-secondary);margin-bottom:12px;letter-spacing:0.5px}.main-content{background:var(--x-finder-content-bg, var(--x-color-bg-layout, #f1f5f9));padding:0px 15px 15px;-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;min-height:0}.main-content .content-toolbar{margin:20px 0px;-ms-flex-negative:0;flex-shrink:0}.items-grid{width:100%}.grid-item{height:100%;cursor:pointer;border-radius:var(--x-finder-border-radius-lg, var(--x-border-radius-lg, 16px));border:2px solid transparent;-webkit-transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.grid-item::part(body){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.grid-item.selected{border-color:var(--x-color-primary, #137fec)}.grid-item.selected::part(card){background-color:var(--x-finder-item-selected-bg, var(--x-color-primary-bg, #f0f9ff))}.grid-item .thumbnail{background-color:var(--x-finder-thumbnail-bg, var(--x-color-fill-quaternary, #f1f5f9));border-radius:var(--x-finder-border-radius-md, var(--x-border-radius-base, 12px));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:12px;position:relative;overflow:hidden;width:100%;aspect-ratio:16/10}.grid-item .thumbnail img,.grid-item .thumbnail x-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.grid-item .thumbnail .badge{position:absolute;top:8px;right:8px;background:var(--x-color-primary, #137fec);color:var(--x-finder-item-bg, var(--x-color-bg-container, #ffffff));width:22px;height:22px;border-radius:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.grid-item .info{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.grid-item .info .name{font-weight:600;font-size:var(--x-finder-font-size-md, var(--x-font-size-lg, 14px));color:var(--x-finder-text-color, var(--x-text-color, #1e293b));margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-item .info .meta{font-size:var(--x-finder-font-size-sm, var(--x-font-size-base, 12px));color:var(--x-finder-text-secondary, var(--x-text-color-secondary, #64748b));font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.items-list{position:relative}.virtual-spacer{width:100%;position:relative}.virtual-items{position:absolute;top:0;left:0;right:0}.list-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 16px;border-radius:var(--x-finder-border-radius-sm, var(--x-border-radius-sm, 8px));cursor:pointer;-webkit-transition:background 0.2s;transition:background 0.2s;height:56px;-webkit-box-sizing:border-box;box-sizing:border-box}.list-item:hover{background:var(--x-finder-item-hover-bg, var(--x-color-fill-tertiary, #f8fafc))}.list-item.selected{background:var(--x-finder-item-selected-bg, var(--x-color-primary-bg, #f0f9ff))}.list-item.selected .name{color:var(--x-color-primary, #137fec);font-weight:600}.list-item .name{font-size:var(--x-finder-font-size-md, var(--x-font-size-lg, 14px));color:var(--x-finder-text-color, var(--x-text-color, #1e293b));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item .type,.list-item .size,.list-item .date{font-size:13px;color:var(--x-finder-text-secondary, var(--x-text-color-secondary, #64748b));width:120px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item .type{-ms-flex-negative:0;flex-shrink:0;width:150px;text-align:left;margin-left:16px}.details-sidebar .preview{aspect-ratio:16/10;background:var(--x-finder-thumbnail-bg, var(--x-color-fill-quaternary, #f1f5f9));border-radius:var(--x-finder-border-radius-lg, var(--x-border-radius-lg, 16px));margin-bottom:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.details-sidebar .preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.details-sidebar .info-section{margin-bottom:32px}.details-sidebar .info-section .filename{font-size:var(--x-finder-font-size-lg, 16px);font-weight:600;color:var(--x-finder-text-color, var(--x-text-color, #1e293b));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.details-sidebar .info-section .time{font-size:var(--x-finder-font-size-xs, var(--x-font-size-sm, 11px));color:var(--x-finder-text-muted, var(--x-text-color-description, #94a3b8));font-weight:700;letter-spacing:0.1em;text-transform:uppercase;margin-top:4px}.details-sidebar .actions{margin-top:auto;padding-top:24px;border-top:var(--x-border-width-base, 1px) solid var(--x-finder-thumbnail-bg, var(--x-color-fill-quaternary, #f1f5f9))}.details-sidebar .actions .label{font-size:var(--x-finder-font-size-xs, var(--x-font-size-sm, 11px));font-weight:700;color:var(--x-finder-text-muted, var(--x-text-color-description, #94a3b8));margin-bottom:20px}.details-sidebar .actions .action-btn{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:10px;cursor:pointer;color:var(--x-finder-text-secondary, var(--x-text-color-secondary, #64748b));-webkit-transition:all 0.2s;transition:all 0.2s}.details-sidebar .actions .action-btn span{font-size:var(--x-finder-font-size-sm, var(--x-font-size-base, 12px));font-weight:600}.details-sidebar .actions .action-btn:hover{color:var(--x-color-primary, #137fec);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.details-sidebar .actions .action-btn.danger:hover{color:var(--x-finder-danger-color, var(--x-color-error, #ef4444))}.selection-footer{height:80px;background:var(--x-finder-footer-bg, var(--x-color-bg-container, #ffffff));border-top:var(--x-border-width-base, 1px) solid var(--x-finder-border-color, var(--x-color-border-secondary, #f0f0f0));padding:0 40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0}.selection-footer .text{font-size:15px;font-weight:600;color:var(--x-finder-text-color, var(--x-text-color, #1e293b))}.clickable{cursor:pointer;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.clickable:hover{opacity:0.7}x-layout{position:relative !important}'}},[513,"x-finder",{displayMode:[1,"display-mode"],visible:[1028],config:[16],finderTitle:[1,"finder-title"],state:[32],itemsViewportHeight:[32],itemsViewportScrollTop:[32]},void 0,{config:[{handleConfigChange:0}]}]);function O(){"undefined"!=typeof customElements&&["x-finder","x-breadcrumb","x-breadcrumb-item","x-button","x-card","x-col","x-content","x-descriptions","x-descriptions-item","x-dropdown","x-dropdown-content","x-empty","x-flex","x-footer","x-header","x-icon","x-image","x-input","x-layout","x-modal-content","x-row","x-segmented","x-sider","x-space","x-spin","x-tree","x-typography"].forEach((t=>{switch(t){case"x-finder":customElements.get(e(t))||customElements.define(e(t),T);break;case"x-breadcrumb":customElements.get(e(t))||l();break;case"x-breadcrumb-item":customElements.get(e(t))||x();break;case"x-button":customElements.get(e(t))||c();break;case"x-card":customElements.get(e(t))||d();break;case"x-col":customElements.get(e(t))||p();break;case"x-content":customElements.get(e(t))||f();break;case"x-descriptions":customElements.get(e(t))||m();break;case"x-descriptions-item":customElements.get(e(t))||g();break;case"x-dropdown":customElements.get(e(t))||h();break;case"x-dropdown-content":customElements.get(e(t))||b();break;case"x-empty":customElements.get(e(t))||u();break;case"x-flex":customElements.get(e(t))||v();break;case"x-footer":customElements.get(e(t))||y();break;case"x-header":customElements.get(e(t))||w();break;case"x-icon":customElements.get(e(t))||k();break;case"x-image":customElements.get(e(t))||z();break;case"x-input":customElements.get(e(t))||j();break;case"x-layout":customElements.get(e(t))||C();break;case"x-modal-content":customElements.get(e(t))||I();break;case"x-row":customElements.get(e(t))||S();break;case"x-segmented":customElements.get(e(t))||E();break;case"x-sider":customElements.get(e(t))||D();break;case"x-space":customElements.get(e(t))||F();break;case"x-spin":customElements.get(e(t))||M();break;case"x-tree":customElements.get(e(t))||B();break;case"x-typography":customElements.get(e(t))||$()}}))}O();const R=T,V=O;export{R as XFinder,V as defineCustomElement}
+import{t as e,p as t,H as i,d as o,h as r,F as s,c as a}from"./p-BLqwG7xa.js";import{M as n}from"./p-DSa1uqPO.js";import{d as l}from"./p-C3Kx_-Wc.js";import{d as x}from"./p-CijqjTOk.js";import{d as c}from"./p-CmfyRJYt.js";import{d}from"./p-BzX-LA7W.js";import{d as p}from"./p-sijpPVRP.js";import{d as f}from"./p-DFzUUEiS.js";import{d as m}from"./p-B7SdFSQT.js";import{d as g}from"./p-BFPoQ179.js";import{d as h}from"./p-DUjF0MeP.js";import{d as b}from"./p-jTIj1nFL.js";import{d as u}from"./p-CIOnWzKr.js";import{d as v}from"./p-BUXxKr3t.js";import{d as y}from"./p-BBTo0Tfc.js";import{d as w}from"./p--BbMiBIf.js";import{d as k}from"./p-C1_JmoB8.js";import{d as z}from"./p-D_hKBumm.js";import{d as j}from"./p-4BROAJ-M.js";import{d as C}from"./p-DcqkhKqy.js";import{d as I}from"./p-Cp3SPBy3.js";import{d as S}from"./p-BZdNMS4e.js";import{d as E}from"./p-eF_oZrS1.js";import{d as F}from"./p-C-KgrbKX.js";import{d as D}from"./p-DynL8Hj8.js";import{d as M}from"./p-DTPUsC3Q.js";import{d as B}from"./p-ibXnjCdF.js";import{d as T}from"./p-DT7-VE44.js";class ${config;state={items:[],filteredItems:[],selectedItems:[],pathTrail:[{id:null,name:"Home"}],currentFolderId:null,loading:!1,viewMode:"grid",filterMode:"all",searchQuery:"",sortBy:"name",sortOrder:"asc",showDetails:!0,storage:{used:12.4,total:20}};onChange;constructor(e,t){this.config=e,this.onChange=t,e.defaultViewMode&&(this.state.viewMode=e.defaultViewMode)}getState(){return{...this.state}}updateState(e){this.state={...this.state,...e},this.applyFilters(),this.onChange(this.state)}async loadItems(e=this.state.currentFolderId){if(this.config.list){this.updateState({loading:!0,currentFolderId:e,selectedItems:[]});try{const t=await this.config.list(e);this.updateState({items:t,loading:!1})}catch(e){console.error("Failed to load items",e),this.updateState({loading:!1})}}}async createFolder(){if(!this.config.createFolder)return;const e=n.create({title:"Create New Folder",content:this.renderInputTemplate("Enter folder name...",""),onOk:async()=>{const t=this.getInputValue(e);return!!t&&(!!await this.config.createFolder(t,this.state.currentFolderId)&&(await this.loadItems(),!0))}})}async createProject(){if(!this.config.createProject)return;const e=n.create({title:"Create New Project",content:this.renderInputTemplate("Enter project name...",""),onOk:async()=>{const t=this.getInputValue(e);return!!t&&(!!await this.config.createProject(t)&&(await this.loadItems(),!0))}})}async upload(e){if(this.config.upload){this.updateState({loading:!0});try{await this.config.upload(e,this.state.currentFolderId)&&await this.loadItems()}finally{this.updateState({loading:!1})}}}async rename(e){if(!this.config.update)return;const t=n.create({title:"Rename Item",content:this.renderInputTemplate("Enter new name...",e.name),onOk:async()=>{const i=this.getInputValue(t);return!(!i||i===e.name)&&(!!await this.config.update(e,{name:i})&&(await this.loadItems(),!0))}})}async delete(e){this.config.delete&&n.confirm({title:"Confirm Delete",content:`Are you sure you want to delete <strong>${e.name}</strong>?`,okText:"Delete",okDanger:!0,onOk:async()=>{await this.config.delete(e)&&await this.loadItems()}})}download(e){if(this.config.download)this.config.download(e);else if(e.url){const t=document.createElement("a");t.href=e.url,t.download=e.name,t.click()}}navigateTo(e,t){const i=this.state.pathTrail.findIndex((t=>t.id===e));let o=[];o=-1!==i?this.state.pathTrail.slice(0,i+1):[...this.state.pathTrail,{id:e,name:t}],this.updateState({pathTrail:o}),this.loadItems(e)}setSearchQuery(e){this.updateState({searchQuery:e})}setFilterMode(e){this.updateState({filterMode:e})}setViewMode(e){this.updateState({viewMode:e})}setSorting(e,t){this.updateState({sortBy:e,sortOrder:t||(this.state.sortBy===e&&"asc"===this.state.sortOrder?"desc":"asc")})}toggleDetails(e){this.updateState({showDetails:void 0!==e?e:!this.state.showDetails})}selectItem(e,t=!1){if(t){const t=this.state.selectedItems.findIndex((t=>t.id===e.id))>-1?this.state.selectedItems.filter((t=>t.id!==e.id)):[...this.state.selectedItems,e];this.updateState({selectedItems:t})}else this.updateState({selectedItems:[e],showDetails:!0})}clearSelection(){this.updateState({selectedItems:[]})}applyFilters(){let e=[...this.state.items];if("images"===this.state.filterMode&&(e=e.filter((e=>"file"===e.type&&this.isImageItem(e)))),this.state.searchQuery){const t=this.state.searchQuery.toLowerCase();e=e.filter((e=>e.name.toLowerCase().includes(t)))}e.sort(((e,t)=>{let i=e[this.state.sortBy],o=t[this.state.sortBy];"name"===this.state.sortBy&&(i=e.name.toLowerCase(),o=t.name.toLowerCase());const r="asc"===this.state.sortOrder?1:-1;return i>o?r:i<o?-r:0})),this.state.filteredItems=e}getFileExtension(e){const t=(e||"").trim(),i=t.lastIndexOf(".");return-1===i?"":t.slice(i+1).toLowerCase()}isImageItem(e){if((e.mimeType||"").toLowerCase().startsWith("image/"))return!0;const t=this.getFileExtension(e.name);return["png","jpg","jpeg","gif","webp","bmp","svg","avif"].includes(t)}renderInputTemplate(e,t){return`\n      <div style="padding: 8px 0;">\n        <div style="font-size: 14px; font-weight: 500; color: #64748b; margin-bottom: 8px;">Name</div>\n        <input type="text" id="finder-modal-input" value="${t}" placeholder="${e}" \n          style="width: 100%; padding: 8px 12px; border: 1px solid #d9d9d9; border-radius: 4px; box-sizing: border-box; font-family: inherit;" \n        />\n      </div>\n    `}getInputValue(e){const t=e.getContentElement().querySelector("#finder-modal-input");return t?.value?.trim()||""}}const _=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.xSelect=o(this,"xSelect",7),this.xClose=o(this,"xClose",7)}get el(){return this}displayMode="page";visible=!1;config={};finderTitle="File Manager";async handleConfigChange(e){this.initService(e),await this.service.loadItems()}state;xSelect;xClose;service;fileInput;itemsViewportRef;itemsResizeObserver;itemsViewportHeight=0;itemsViewportScrollTop=0;async componentWillLoad(){this.initService(this.config),await this.service.loadItems()}componentDidLoad(){this.initItemsViewportObserver()}disconnectedCallback(){this.itemsResizeObserver?.disconnect()}initService(e){this.service=new $(e,(e=>{this.state={...e}})),this.state=this.service.getState()}initItemsViewportObserver(){this.itemsResizeObserver||this.itemsViewportRef&&(this.itemsResizeObserver=new ResizeObserver((()=>{const e=this.itemsViewportRef?.clientHeight||0;e!==this.itemsViewportHeight&&(this.itemsViewportHeight=e)})),this.itemsResizeObserver.observe(this.itemsViewportRef),this.itemsViewportHeight=this.itemsViewportRef.clientHeight||0)}setItemsViewportRef=e=>{this.itemsViewportRef=e,this.initItemsViewportObserver()};handleItemsViewportScroll=e=>{this.itemsViewportScrollTop=e.target.scrollTop};handleFileSelected=async e=>{const t=e.target,i=t.files?.[0];i&&await this.service.upload(i),t.value=""};handleConfirmSelect=e=>{e&&e.stopPropagation&&e.stopPropagation(),this.xSelect.emit(this.state.selectedItems),"dialog"===this.displayMode&&(this.visible=!1,this.xClose.emit())};renderHeader(){const e=this.state?.filterMode||"all";return r("x-header",{class:"finder-header"},r("x-flex",{justify:"space-between",align:"center",style:{width:"100%",height:"100%"}},r("x-flex",{align:"center",gap:"32"},r("div",{class:"header-logo"},this.finderTitle),r("x-flex",{align:"center",gap:"24"},r("a",{href:"#",class:{"nav-link":!0,active:"all"===e},onClick:e=>{e.preventDefault(),this.service.setFilterMode("all")}},"All Files"),r("a",{href:"#",class:{"nav-link":!0,active:"images"===e},onClick:e=>{e.preventDefault(),this.service.setFilterMode("images")}},"Images"))),r("x-flex",{align:"center",gap:"16"},r("div",null,r("x-input",{placeholder:"Search assets...",prefixIcon:"search",size:"small",style:{width:"240px"},onXChange:e=>this.service.setSearchQuery(e.detail.value)})),r("x-segmented",{value:this.state.viewMode,options:[{label:"Grid",value:"grid",icon:"grid_view"},{label:"List",value:"list",icon:"list"}],onXChange:e=>this.service.setViewMode(e.detail)}),r("x-flex",{align:"center",gap:"12"},r("x-icon",{name:"settings",size:"18",color:"#64748b",class:"clickable",onClick:()=>this.openSettings()}),r("x-icon",{name:"info",size:"18",color:"#64748b",class:"clickable",onClick:()=>this.openInfo()})))))}openSettings(){const e=n.create({title:"Finder Settings",content:`\n        <div style="display:flex;flex-direction:column;gap:12px;padding-top:6px;">\n          <label style="font-size:13px;color:#64748b;display:flex;flex-direction:column;gap:6px;">\n            View Mode\n            <select id="finder-setting-viewmode" style="padding:8px;border:1px solid #d9d9d9;border-radius:6px;">\n              <option value="grid"${"grid"===this.state.viewMode?" selected":""}>Grid</option>\n              <option value="list"${"list"===this.state.viewMode?" selected":""}>List</option>\n            </select>\n          </label>\n          <label style="font-size:13px;color:#64748b;display:flex;flex-direction:column;gap:6px;">\n            Filter\n            <select id="finder-setting-filter" style="padding:8px;border:1px solid #d9d9d9;border-radius:6px;">\n              <option value="all"${"all"===this.state.filterMode?" selected":""}>All Files</option>\n              <option value="images"${"images"===this.state.filterMode?" selected":""}>Images</option>\n            </select>\n          </label>\n          <label style="font-size:13px;color:#64748b;display:flex;align-items:center;gap:8px;">\n            <input type="checkbox" id="finder-setting-showdetails"${this.state.showDetails?" checked":""} />\n            Show Details Panel\n          </label>\n        </div>\n      `,onOk:async()=>{const t=e.getContentElement(),i=t.querySelector("#finder-setting-viewmode")?.value,o=t.querySelector("#finder-setting-filter")?.value,r=t.querySelector("#finder-setting-showdetails")?.checked;return i&&this.service.setViewMode(i),o&&this.service.setFilterMode(o),this.service.toggleDetails(r),!0}})}openInfo(){const e=(this.state.items||[]).length,t=(this.state.filteredItems||[]).length,i=(this.state.selectedItems||[]).length,o=(this.state.pathTrail||[]).map((e=>e.name)).join(" / ");n.info({title:"Finder Info",content:`\n        <div style="display:flex;flex-direction:column;gap:8px;">\n          <div><strong>Path:</strong> ${o||"Home"}</div>\n          <div><strong>Total Items:</strong> ${e}</div>\n          <div><strong>Visible Items:</strong> ${t}</div>\n          <div><strong>Selected:</strong> ${i}</div>\n          <div><strong>Storage:</strong> ${this.state.storage?`${this.state.storage.used} GB / ${this.state.storage.total} GB`:"N/A"}</div>\n        </div>\n      `})}renderSidebar(){const e=(this.state.items||[]).filter((e=>"folder"===e.type)),t=null==this.state.currentFolderId?"__root__":this.state.currentFolderId+"",i={key:"__root__",title:"Home",icon:"home",folderId:null,children:[]},o=this.state.pathTrail||[{id:null,name:"Home"}];let s=i;for(let e=1;e<o.length;e++){const t=o[e],i={key:t.id+"",title:t.name,icon:"folder",folderId:t.id,children:[]};s.children=[i],s=i}s.children=e.map((e=>({key:e.id+"",title:e.name,icon:"folder",folderId:e.id})));const a=[i],n=["__root__",...o.slice(1).map((e=>e.id+""))];return r("x-sider",{class:"finder-sidebar",width:240,style:{display:"flex",flexDirection:"column"}},r("x-layout",{hasSiderProp:!1,fixed:!1},r("x-header",{class:"finder-header"},r("x-flex",{align:"center",style:{height:"100%"},justify:"space-between",gap:"12"},r("x-button",{type:"primary",style:{width:"100%"},block:!0,size:"large",onClick:()=>this.fileInput.click()},r("x-icon",{slot:"icon",name:"cloud_upload"}),"Upload"))),r("x-layout",{hasSiderProp:!1,fixed:!0},r("div",{class:"sidebar-section"},r("div",{class:"section-title"},"FOLDERS"),r("x-tree",{treeData:a,selectedKeys:[t],expandedKeys:n,showIcon:!0,blockNode:!0,onXSelect:e=>{e&&e.stopPropagation&&e.stopPropagation();const t=e?.detail?.node;this.service.navigateTo(t?.folderId??null,t?.title||"Home")}})))))}renderBreadcrumbs(){return r("div",null,r("x-breadcrumb",null,this.state.pathTrail.map((e=>r("x-breadcrumb-item",{onClick:t=>{t&&t.stopPropagation&&t.stopPropagation(),this.service.navigateTo(e.id,e.name)}},r("a",{href:"javascript:void(0)"},e.name))))),r("x-flex",{justify:"space-between",align:"center",style:{marginTop:"16px"}},r("div",null),r("div",null)))}getFileExtension(e){const t=(e||"").trim(),i=t.lastIndexOf(".");return-1===i?"":t.slice(i+1).toLowerCase()}formatMiddleEllipsis(e,t,i){const o=(e||"").trim();return o?t<=0||i<=0||o.length<=t+i+1?o:`${o.slice(0,t)}…${o.slice(-i)}`:""}isImageFile(e){if((e.mimeType||"").toLowerCase().startsWith("image/"))return!0;const t=this.getFileExtension(e.name);return["png","jpg","jpeg","gif","webp","bmp","svg","avif"].includes(t)}getFileIconName(e){if("folder"===e.type)return"folder";const t=(e.mimeType||"").toLowerCase(),i=this.getFileExtension(e.name);return this.isImageFile(e)?"image":"application/pdf"===t||"pdf"===i?"picture_as_pdf":t.includes("spreadsheet")||["xls","xlsx","csv"].includes(i)?"table_chart":t.includes("word")||["doc","docx","rtf"].includes(i)?"article":t.includes("presentation")||["ppt","pptx"].includes(i)?"slideshow":t.startsWith("audio/")||["mp3","wav","ogg","m4a","flac"].includes(i)?"audiotrack":t.startsWith("video/")||["mp4","mov","mkv","webm"].includes(i)?"movie":["zip","rar","7z","tar","gz"].includes(i)?"folder_zip":["txt","md","log"].includes(i)?"text_snippet":["json","xml","yml","yaml","js","ts","tsx","jsx","css","scss","html"].includes(i)?"code":"description"}getFileIconColor(e){if("folder"===e.type)return"#f59e0b";const t=this.getFileExtension(e.name),i=(e.mimeType||"").toLowerCase();return this.isImageFile(e)?"#0ea5e9":"application/pdf"===i||"pdf"===t?"#ef4444":i.includes("spreadsheet")||["xls","xlsx","csv"].includes(t)?"#16a34a":i.includes("word")||["doc","docx","rtf"].includes(t)?"#2563eb":i.includes("presentation")||["ppt","pptx"].includes(t)?"#f97316":i.startsWith("audio/")||["mp3","wav","ogg","m4a","flac"].includes(t)?"#8b5cf6":i.startsWith("video/")||["mp4","mov","mkv","webm"].includes(t)?"#a855f7":["zip","rar","7z","tar","gz"].includes(t)?"#64748b":"#94a3b8"}formatDate(e){if(!e)return"-";const t=new Date(e);return isNaN(t.getTime())?e+"":`${t.getFullYear()}-${(t.getMonth()+1+"").padStart(2,"0")}-${(t.getDate()+"").padStart(2,"0")} ${(t.getHours()+"").padStart(2,"0")}:${(t.getMinutes()+"").padStart(2,"0")}:${(t.getSeconds()+"").padStart(2,"0")}`}renderItemThumb(e,t,i){return"folder"===e.type?r("x-icon",{name:"folder",size:i,color:t?"var(--x-color-primary)":this.getFileIconColor(e)}):this.isImageFile(e)&&(e.thumbnail||e.url)?r("x-image",{src:e.thumbnail||e.url,alt:e.name,width:"100%",height:"100%",loading:"lazy",preview:!1,style:{pointerEvents:"none"}}):r("x-icon",{name:this.getFileIconName(e),size:i,color:t?"var(--x-color-primary)":this.getFileIconColor(e)})}renderGridItem(e){const t=this.state.selectedItems.some((t=>t.id===e.id)),i=this.formatMiddleEllipsis(e.name,18,12);return r("x-col",{flex:"0 0 240px",style:{width:"240px",minWidth:"240px",maxWidth:"240px",marginBottom:"24px"}},r("x-card",{class:"grid-item "+(t?"selected":""),hoverable:!0,onClick:t=>{t.stopPropagation();const i=t.ctrlKey||t.metaKey;"folder"!==e.type||i?this.service.selectItem(e,i):this.service.navigateTo(e.id,e.name)},onDblClick:t=>{t.stopPropagation(),"folder"===e.type?this.service.navigateTo(e.id,e.name):this.service.download(e)}},r("div",{class:"thumbnail",slot:"cover"},this.renderItemThumb(e,t,48),t&&r("div",{class:"badge"},r("x-icon",{name:"check",size:12}))),r("div",{class:"info"},r("div",{class:"name",title:e.name},i),r("div",{class:"meta"},e.size?e.size+" MB":"-"," • ",e.mimeType||("folder"===e.type?"Folder":"")))))}renderListItem(e){const t=this.state.selectedItems.some((t=>t.id===e.id)),i=this.formatMiddleEllipsis(e.name,28,16);return r("div",{class:"list-item "+(t?"selected":""),onClick:t=>{t.stopPropagation();const i=t.ctrlKey||t.metaKey;"folder"!==e.type||i?this.service.selectItem(e,i):this.service.navigateTo(e.id,e.name)},onDblClick:t=>{t.stopPropagation(),"folder"===e.type?this.service.navigateTo(e.id,e.name):this.service.download(e)}},r("x-flex",{align:"center",gap:"12",style:{flex:"1",minWidth:"0"}},r("x-icon",{name:this.getFileIconName(e),size:"20",color:t?"var(--x-color-primary)":this.getFileIconColor(e)}),r("span",{class:"name",title:e.name},i)),r("span",{class:"type"},e.mimeType||e.type),r("span",{class:"size"},e.size?e.size+" MB":"-"),r("span",{class:"date"},this.formatDate(e.updatedAt)))}renderVirtualList(e){const t=56*e.length,i=Math.max(0,Math.floor(this.itemsViewportScrollTop/56)-8),o=e.slice(i,Math.min(e.length-1,Math.ceil((this.itemsViewportScrollTop+this.itemsViewportHeight)/56)+8)+1);return r("div",{class:"virtual-spacer",style:{height:t+"px"}},r("div",{class:"virtual-items",style:{transform:`translateY(${56*i}px)`}},o.map((e=>r("div",{key:e.id+"",style:{height:"56px"}},this.renderListItem(e))))))}renderDetails(){if(!this.state.showDetails||0===this.state.selectedItems.length)return null;const e=this.state.selectedItems[0],t=this.formatMiddleEllipsis(e.name,28,16);return r("x-sider",{class:"details-sidebar",width:320,style:{display:"flex",flexDirection:"column"}},r("x-layout",{hasSiderProp:!1,fixed:!1},r("x-header",{class:"finder-header"},r("x-flex",{align:"center",justify:"space-between",gap:"12"},r("x-flex",{flex:"1",align:"center",gap:"4"},r("x-typography",{type:"title",level:4},"Details")),r("x-icon",{name:"close",onClick:()=>this.service.toggleDetails(!1),class:"clickable"}))),r("x-layout",{hasSiderProp:!1,fixed:!0},r("x-content",null,r("div",{class:"details-content"},r("div",{class:"preview"},this.isImageFile(e)&&(e.url||e.thumbnail)?r("x-image",{src:e.url||e.thumbnail,alt:e.name,width:"100%",height:"100%",loading:"lazy",placeholder:!0,preview:!0}):r("x-icon",{name:"folder"===e.type?"folder":this.getFileIconName(e),size:"80",color:"#cbd5e1"})),r("div",{class:"info-section"},r("x-flex",{align:"center",gap:"8",style:{marginBottom:"4px",minWidth:"0"}},r("x-icon",{name:"description",size:16,color:"var(--x-color-primary)"}),r("div",{class:"filename",title:e.name},t)),r("div",{class:"time"},e.updatedAt?"MODIFIED "+this.formatDate(e.updatedAt):"")),r("x-descriptions",{column:1,size:"small",style:{marginTop:"24px"}},r("x-descriptions-item",{label:"Type"},e.mimeType||e.type),r("x-descriptions-item",{label:"Size"},e.size?e.size+" MB":"-"),r("x-descriptions-item",{label:"Dimensions"},e.dimensions||"-"),r("x-descriptions-item",{label:"Created"},this.formatDate(e.createdAt)),r("x-descriptions-item",{label:"Modified"},this.formatDate(e.updatedAt)))))),r("x-footer",null,r("div",{class:"actions"},r("div",{class:"label"},"QUICK ACTIONS"),r("x-flex",{justify:"space-around",style:{marginTop:"16px"}},r("div",{class:"action-btn",onClick:t=>{t.stopPropagation(),this.service.download(e)}},r("x-icon",{name:"download",size:20}),r("span",null,"Download")),r("div",{class:"action-btn",onClick:t=>{t.stopPropagation(),this.service.rename(e)}},r("x-icon",{name:"edit",size:20}),r("span",null,"Rename")),r("div",{class:"action-btn danger",onClick:t=>{t.stopPropagation(),this.service.delete(e)}},r("x-icon",{name:"delete",size:20}),r("span",null,"Delete")))))))}renderFooter(){const e=this.state.selectedItems.length>0;return r("x-footer",{class:"selection-footer"},r("x-flex",{justify:"space-between",align:"center",style:{width:"100%"}},r("x-flex",{align:"center",gap:"8"},e&&r(s,null,r("x-icon",{name:"check_circle",size:"18",color:"var(--x-color-primary)"}),r("span",{class:"text"},this.state.selectedItems.length," items selected"))),r("x-flex",{align:"center",gap:"8"},r("x-space",null,r("x-button",{type:"text",onClick:e=>{e.stopPropagation(),this.service.clearSelection(),"dialog"===this.displayMode&&(this.visible=!1,this.xClose.emit())}},"Cancel"),r("x-button",{type:"primary",disabled:!e,onClick:this.handleConfirmSelect},"Select Files")))))}render(){const e="grid"===this.state.viewMode,t=this.state.filteredItems||[],i=r("x-layout",{key:"5fb749654a407a02bb02ae79874980b88f5684b2",class:"finder-container",fixed:!0},this.renderHeader(),r("x-layout",{key:"fece82e9563ec289707611eaa6b8fd5fb893e076",hasSiderProp:!0,fixed:!1},this.renderSidebar(),r("x-layout",{key:"b1a10e0b023d40a6d8366163e9d59ed40d119af9",hasSiderProp:!0,fixed:!0},r("x-content",{key:"7bc1a35be5c52d40153f505a1ee326b3c78b8a40",class:"main-content"},this.renderBreadcrumbs(),r("div",{key:"325d305b5a4b1164e775ae6af33098804b5cb710",class:{"items-viewport":!0,"items-viewport-grid":e,"items-viewport-list":!e},ref:this.setItemsViewportRef,onScroll:this.handleItemsViewportScroll},r("x-spin",{key:"4d1ea5d41d6dd9131792ac6e02541a069847d9f1",spinning:this.state.loading,style:{width:"100%"}},0===t.length?r("div",{class:"empty-center"},r("x-empty",{description:"No items found"})):e?r("div",{class:"items-grid"},r("x-row",{gutter:24},t.map((e=>this.renderGridItem(e))))):r("div",{class:"items-list"},this.renderVirtualList(t)))))),this.renderDetails()),this.renderFooter(),r("input",{key:"deeba5f21ec0045934b51c5921e286a355d11142",type:"file",ref:e=>this.fileInput=e,style:{display:"none"},onChange:this.handleFileSelected}));return r(a,{key:"8e6023d093104d8c80071a725aca32fe21c8414b"},r("div",{key:"02308f43892839e45acac1fbdfd6346208dce7d5",class:"page-wrapper"},i))}static get watchers(){return{config:[{handleConfigChange: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;font-family:inherit;border-radius:var(--x-modal-content-border-radius, var(--x-border-radius-lg, 8px)) var(--x-modal-content-border-radius, var(--x-border-radius-lg, 8px)) 0 0;overflow:hidden}.page-wrapper{height:100%;background-color:white;position:relative;overflow:hidden}.finder-container{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:80vh}.details-sidebar,.finder-sidebar{--x-sider-bg:#fff !important}.finder-header{height:64px;background:var(--x-finder-header-bg, var(--x-color-bg-container, #ffffff));border-bottom:var(--x-border-width-base, 1px) solid var(--x-finder-border-color, var(--x-color-border-secondary, #f0f0f0));-ms-flex-negative:0;flex-shrink:0;z-index:10}.finder-header .header-logo{font-size:20px;font-weight:700;color:var(--x-finder-text-color, var(--x-text-color, #1e293b));white-space:nowrap}.finder-header .nav-link{text-decoration:none;color:var(--x-finder-text-secondary, var(--x-text-color-secondary, #64748b)) !important;font-weight:500;font-size:14px;-webkit-transition:color 0.2s;transition:color 0.2s;white-space:nowrap}.finder-header .nav-link:hover{color:var(--x-finder-text-color, var(--x-text-color, #1e293b)) !important}.finder-header .nav-link.active{color:var(--x-color-primary, #137fec) !important;font-weight:600}.finder-sidebar{overflow:hidden}.finder-sidebar .sidebar-top{padding:24px;-ms-flex-negative:0;flex-shrink:0}.finder-sidebar .sidebar-section{padding:0 24px}.finder-sidebar .sidebar-section .section-title{font-size:12px;font-weight:600;color:var(--x-text-color-secondary);margin-bottom:12px;letter-spacing:0.5px}.main-content{background:var(--x-finder-content-bg, var(--x-color-bg-layout, #f1f5f9));padding:0px 15px 15px;-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;min-height:0}.main-content .content-toolbar{margin:20px 0px;-ms-flex-negative:0;flex-shrink:0}.items-grid{width:100%}.grid-item{height:100%;cursor:pointer;border-radius:var(--x-finder-border-radius-lg, var(--x-border-radius-lg, 16px));border:2px solid transparent;-webkit-transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.grid-item::part(body){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.grid-item.selected{border-color:var(--x-color-primary, #137fec)}.grid-item.selected::part(card){background-color:var(--x-finder-item-selected-bg, var(--x-color-primary-bg, #f0f9ff))}.grid-item .thumbnail{background-color:var(--x-finder-thumbnail-bg, var(--x-color-fill-quaternary, #f1f5f9));border-radius:var(--x-finder-border-radius-md, var(--x-border-radius-base, 12px));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:12px;position:relative;overflow:hidden;width:100%;aspect-ratio:16/10}.grid-item .thumbnail img,.grid-item .thumbnail x-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.grid-item .thumbnail .badge{position:absolute;top:8px;right:8px;background:var(--x-color-primary, #137fec);color:var(--x-finder-item-bg, var(--x-color-bg-container, #ffffff));width:22px;height:22px;border-radius:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.grid-item .info{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.grid-item .info .name{font-weight:600;font-size:var(--x-finder-font-size-md, var(--x-font-size-lg, 14px));color:var(--x-finder-text-color, var(--x-text-color, #1e293b));margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-item .info .meta{font-size:var(--x-finder-font-size-sm, var(--x-font-size-base, 12px));color:var(--x-finder-text-secondary, var(--x-text-color-secondary, #64748b));font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.items-list{position:relative}.virtual-spacer{width:100%;position:relative}.virtual-items{position:absolute;top:0;left:0;right:0}.list-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 16px;border-radius:var(--x-finder-border-radius-sm, var(--x-border-radius-sm, 8px));cursor:pointer;-webkit-transition:background 0.2s;transition:background 0.2s;height:56px;-webkit-box-sizing:border-box;box-sizing:border-box}.list-item:hover{background:var(--x-finder-item-hover-bg, var(--x-color-fill-tertiary, #f8fafc))}.list-item.selected{background:var(--x-finder-item-selected-bg, var(--x-color-primary-bg, #f0f9ff))}.list-item.selected .name{color:var(--x-color-primary, #137fec);font-weight:600}.list-item .name{font-size:var(--x-finder-font-size-md, var(--x-font-size-lg, 14px));color:var(--x-finder-text-color, var(--x-text-color, #1e293b));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item .type,.list-item .size,.list-item .date{font-size:13px;color:var(--x-finder-text-secondary, var(--x-text-color-secondary, #64748b));width:120px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item .type{-ms-flex-negative:0;flex-shrink:0;width:150px;text-align:left;margin-left:16px}.details-sidebar .preview{aspect-ratio:16/10;background:var(--x-finder-thumbnail-bg, var(--x-color-fill-quaternary, #f1f5f9));border-radius:var(--x-finder-border-radius-lg, var(--x-border-radius-lg, 16px));margin-bottom:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.details-sidebar .preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.details-sidebar .info-section{margin-bottom:32px}.details-sidebar .info-section .filename{font-size:var(--x-finder-font-size-lg, 16px);font-weight:600;color:var(--x-finder-text-color, var(--x-text-color, #1e293b));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.details-sidebar .info-section .time{font-size:var(--x-finder-font-size-xs, var(--x-font-size-sm, 11px));color:var(--x-finder-text-muted, var(--x-text-color-description, #94a3b8));font-weight:700;letter-spacing:0.1em;text-transform:uppercase;margin-top:4px}.details-sidebar .actions{margin-top:auto;padding-top:24px;border-top:var(--x-border-width-base, 1px) solid var(--x-finder-thumbnail-bg, var(--x-color-fill-quaternary, #f1f5f9))}.details-sidebar .actions .label{font-size:var(--x-finder-font-size-xs, var(--x-font-size-sm, 11px));font-weight:700;color:var(--x-finder-text-muted, var(--x-text-color-description, #94a3b8));margin-bottom:20px}.details-sidebar .actions .action-btn{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:10px;cursor:pointer;color:var(--x-finder-text-secondary, var(--x-text-color-secondary, #64748b));-webkit-transition:all 0.2s;transition:all 0.2s}.details-sidebar .actions .action-btn span{font-size:var(--x-finder-font-size-sm, var(--x-font-size-base, 12px));font-weight:600}.details-sidebar .actions .action-btn:hover{color:var(--x-color-primary, #137fec);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.details-sidebar .actions .action-btn.danger:hover{color:var(--x-finder-danger-color, var(--x-color-error, #ef4444))}.selection-footer{height:80px;background:var(--x-finder-footer-bg, var(--x-color-bg-container, #ffffff));border-top:var(--x-border-width-base, 1px) solid var(--x-finder-border-color, var(--x-color-border-secondary, #f0f0f0));padding:0 40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0}.selection-footer .text{font-size:15px;font-weight:600;color:var(--x-finder-text-color, var(--x-text-color, #1e293b))}.clickable{cursor:pointer;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.clickable:hover{opacity:0.7}x-layout{position:relative !important}"}},[513,"x-finder",{displayMode:[1,"display-mode"],visible:[1028],config:[16],finderTitle:[1,"finder-title"],state:[32],itemsViewportHeight:[32],itemsViewportScrollTop:[32]},void 0,{config:[{handleConfigChange:0}]}]);function O(){"undefined"!=typeof customElements&&["x-finder","x-breadcrumb","x-breadcrumb-item","x-button","x-card","x-col","x-content","x-descriptions","x-descriptions-item","x-dropdown","x-dropdown-content","x-empty","x-flex","x-footer","x-header","x-icon","x-image","x-input","x-layout","x-modal-content","x-row","x-segmented","x-sider","x-space","x-spin","x-tree","x-typography"].forEach((t=>{switch(t){case"x-finder":customElements.get(e(t))||customElements.define(e(t),_);break;case"x-breadcrumb":customElements.get(e(t))||l();break;case"x-breadcrumb-item":customElements.get(e(t))||x();break;case"x-button":customElements.get(e(t))||c();break;case"x-card":customElements.get(e(t))||d();break;case"x-col":customElements.get(e(t))||p();break;case"x-content":customElements.get(e(t))||f();break;case"x-descriptions":customElements.get(e(t))||m();break;case"x-descriptions-item":customElements.get(e(t))||g();break;case"x-dropdown":customElements.get(e(t))||h();break;case"x-dropdown-content":customElements.get(e(t))||b();break;case"x-empty":customElements.get(e(t))||u();break;case"x-flex":customElements.get(e(t))||v();break;case"x-footer":customElements.get(e(t))||y();break;case"x-header":customElements.get(e(t))||w();break;case"x-icon":customElements.get(e(t))||k();break;case"x-image":customElements.get(e(t))||z();break;case"x-input":customElements.get(e(t))||j();break;case"x-layout":customElements.get(e(t))||C();break;case"x-modal-content":customElements.get(e(t))||I();break;case"x-row":customElements.get(e(t))||S();break;case"x-segmented":customElements.get(e(t))||E();break;case"x-sider":customElements.get(e(t))||F();break;case"x-space":customElements.get(e(t))||D();break;case"x-spin":customElements.get(e(t))||M();break;case"x-tree":customElements.get(e(t))||B();break;case"x-typography":customElements.get(e(t))||T()}}))}O();const P=_,V=O;export{P as XFinder,V as defineCustomElement}

package/components/x-flex.js

@@ -1 +1 @@
-import{X as o,d as s}from"./p-DEumEVI3.js";const m=o,p=s;export{m as XFlex,p as defineCustomElement}
+import{X as o,d as r}from"./p-BUXxKr3t.js";const s=o,t=r;export{s as XFlex,t as defineCustomElement}

package/components/x-float-button.js

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

package/components/x-footer.js

@@ -1 +1 @@
-import{X as o,d as r}from"./p-B4rO7Sgt.js";const s=o,t=r;export{s as XFooter,t as defineCustomElement}
+import{X as o,d as s}from"./p-BBTo0Tfc.js";const p=o,r=s;export{p as XFooter,r as defineCustomElement}

package/components/x-form-builder.js

@@ -1 +1 @@
-import{t as e,p as t,H as o,c as s,h as r}from"./p-g6ZBqIze.js";import{U as n,S as a}from"./p-DElCk9ta.js";import{t as i}from"./p-D66tF8_2.js";import{d as l}from"./p-CHRrsVXB.js";import{d as c}from"./p-TC9DZAbC.js";import{d as m}from"./p-BkEgl31q.js";import{d}from"./p-Ce32Mo_Q.js";import{d as p}from"./p-AgSyA7Ia.js";import{d as h}from"./p-BkPJ1Whr.js";import{d as u}from"./p-CAPfC5Vn.js";import{d as x}from"./p-Ck6SW8G3.js";import{d as g}from"./p-DTvD0UO5.js";import{d as f}from"./p-PlUkLT0A.js";import{d as b}from"./p-B4R9Mtmk.js";import{d as y}from"./p-Dg0xgMke.js";import{d as k}from"./p-D_xaGiZU.js";import{d as v}from"./p-B-ClGFfy.js";import{d as C}from"./p-CSfrs76m.js";import{d as w}from"./p-DZPUUptR.js";import{d as j}from"./p-DsgWQbJY.js";import{d as E}from"./p-BOCR5Zk0.js";import{d as D}from"./p-en06CSUT.js";import{d as P}from"./p-BkiOFW3H.js";import{d as B}from"./p-DaL42JUi.js";import{d as S}from"./p-QTSiPk0I.js";import{d as T}from"./p-BeIFU-wn.js";import{d as X}from"./p-B8SZP5Xz.js";import{d as A}from"./p-CRBPzT4B.js";import{d as z}from"./p-D7ijqXRY.js";import{d as R}from"./p-CEBSDVyp.js";import{d as F}from"./p-C70KKm8p.js";import{d as U}from"./p-Dx3yBe39.js";import{d as I}from"./p-DxKMnrS8.js";import{d as M}from"./p-Dky_8i8S.js";import{d as W}from"./p-5c86X8JO.js";import{d as O}from"./p-CKUzvJue.js";import{d as q}from"./p-CFB6xkAX.js";import{d as L}from"./p-B-7Hwizp.js";import{d as K}from"./p-BvjR2Q5Q.js";import{d as Z}from"./p-BSRP2TGa.js";import{d as _}from"./p-O88oQkR1.js";import{d as H}from"./p-DGqQ8PT4.js";import{d as Q}from"./p-DRa4o4c6.js";import{d as V}from"./p-DOxXxhXb.js";import{d as J}from"./p-Cd919NAP.js";import{d as $}from"./p-DphUq6Z5.js";import{d as G}from"./p-ADwHM_jT.js";import{d as N}from"./p-DBk4T-b-.js";import{d as Y}from"./p-BUjRcJoK.js";const ee={},te=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.xChange=s(this,"xChange",7),this.formSubmit=s(this,"formSubmit",7),this.xTableAction=s(this,"xTableAction",7),this.formError=s(this,"formError",7),this.ready=s(this,"ready",7),this.xClick=s(this,"xClick",7),this.valueChange=s(this,"valueChange",7)}xChange;formSubmit;xTableAction;formError;ready;xClick;valueChange;get el(){return this}getMessageValidator(e,t={}){if(!t||0===Object.keys(t).length)return[];const o={...e,id:e.id,name:e.name,label:e.label,field:e.label||e.name||"Field"},s=e?.validationMessages||{},r=this.schema?.setting?.validateMessages||{},a=n.messageValidator();return Object.entries(t).map((([e,t])=>i(s[e]||r[e]||a[e],{...t,...o})))}get mapping(){const e=e=>{const{commonProps:t,onChange:o}=this.getcommonProps(e);return r("x-input",{key:e.id||e.name,...t,type:e.type,value:e.control?e.control.value:e.defaultValue||"",onXChange:o,onXBlur:()=>e.control?e.control.markAsTouched():null})};return{text:e,input:e,email:e,password:e,url:e,number:e=>{const{commonProps:t,onChange:o}=this.getcommonProps(e),s=e;return r("x-input-number",{...t,status:t.status,min:s.min,max:s.max,step:s.step,precision:s.precision,controls:s.controls,stringMode:s.stringMode,onXChange:o})},textarea:e,select:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);const s=e,n="single"===s.mode?void 0:s.mode;return r("x-select",{...t,value:e.control?e.control.value:e.defaultValue,mode:n,allowClear:s.allowClear??t.allowClear??!1,showSearch:s.showSearch??!1,placeholder:s.placeholder||t.placeholder,onXChange:o,options:s.options||[]})},radio:e=>{const{commonProps:t,onChange:o}=this.getcommonProps(e);return r("x-radio-group",{...t,value:e.control?e.control.value:e.defaultValue,options:e.options||[],direction:e.direction||e.orientation||"horizontal",onXChange:o})},checkbox:e=>{const{commonProps:t,onChange:o}=this.getcommonProps(e),s=e,n=s.options||[],a=e.control?e.control.value:t.defaultValue,i=Array.isArray(a);return r("div",{style:{margin:"4px 0"}},r("div",{style:{display:"flex",gap:"10px",flexWrap:"wrap",flexDirection:"vertical"===(s.direction||s.orientation||"horizontal")?"column":"row"}},n.length>0?n.map(((s,n)=>r("x-checkbox",{key:`${e.name}-${n}`,...t,value:s.value,disabled:s.disabled||t.disabled,onXChange:o,checked:i?(a||[]).includes(s.value):a===s.value},s.label+""))):r("x-checkbox",{...t,onXChange:o,checked:!!a},e.label+"")))},date:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);const s=e.min?new Date(e.min):void 0,n=e.max?new Date(e.max):void 0,a=e.control?e.control.value:e.defaultValue;return r("x-date-picker",{...t,onXChange:o,picker:e.picker||"date",format:e.format,placement:e.placement,minDate:s?s.toISOString().split("T")[0]:void 0,maxDate:n?n.toISOString().split("T")[0]:void 0,value:"string"==typeof a?a:a instanceof Date?a.toISOString().split("T")[0]:"",size:t.size})},datetime:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);const s=e.min?new Date(e.min):void 0,n=e.max?new Date(e.max):void 0,a=e.control?e.control.value:e.defaultValue;return r("x-date-picker",{...t,onXChange:o,picker:e.picker||"date",format:e.format,placement:e.placement,showTime:!0,minDate:s?s.toISOString().split("T")[0]:void 0,maxDate:n?n.toISOString().split("T")[0]:void 0,value:"string"==typeof a?a:a instanceof Date?a.toISOString():"",size:t.size})},time:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);const s=e.control?e.control.value:e.defaultValue,n=s instanceof Date?s.toTimeString().split(" ")[0]:"string"==typeof s?s:"",a={margin:"8px 0",...t.disabled?{pointerEvents:"none",opacity:"0.5"}:{}};return r("div",{style:a},r("x-time-picker",{...t,value:n,onXChange:e=>{o(e)}}))},file:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);return r("x-upload",{...t,onXChange:o,listType:e.listType,multiple:e.multiple,maxCount:e.maxCount,accept:e.accept,action:e.action})},slider:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);return r("x-slider",{...t,value:e.control?e.control.value:e.defaultValue,range:e.range,marks:e.marks,tooltip:void 0!==e.tooltip?e.tooltip:e.tooltipVisible,allowCross:e.allowCross,pushable:e.pushable,draggableTrack:e.draggableTrack,onXChange:o})},switch:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);const s=e;return r("x-switch",{...t,checked:e.control?e.control.value:e.defaultValue,size:"middle"===t.size?"default":t.size,checkedChildren:s.checkedChildren,unCheckedChildren:s.unCheckedChildren,defaultChecked:s.defaultChecked,onXChange:o})},rate:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);return r("x-rate",{...t,value:e.control?e.control.value:e.defaultValue||0,count:e.count,allowHalf:e.allowHalf,allowClear:e.allowClear,character:e.character,onXChange:o})},color:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);return r("x-color-picker",{...t,onXChange:o})},tags:e,range:e,phone:e,location:e,"tree-select":e=>{const{commonProps:t,onChange:o}=this.getcommonProps(e),s=e;return r("x-tree-select",{...t,onXChange:o,treeData:s.treeData||s.options||[],multiple:s.multiple,treeCheckable:s.treeCheckable,showCheckedStrategy:s.showCheckedStrategy,showSearch:s.showSearch,allowClear:s.allowClear??t.allowClear,placeholder:s.placeholder||t.placeholder,value:e.control?e.control.value:t.defaultValue})},transfer:e=>{const{commonProps:t,onChange:o}=this.getcommonProps(e);return r("x-transfer",{...t,onXChange:o,dataSource:e.dataSource||[],targetKeys:e.control?e.control.value:e.targetKeys||[],selectedKeys:e.selectedKeys,titles:e.titles,operations:e.operations,showSearch:e.showSearch,searchPlaceholder:e.searchPlaceholder,notFoundContent:e.notFoundContent,oneWay:e.oneWay,showSelectAll:e.showSelectAll,listWidth:e.listWidth,listHeight:e.listHeight,pagination:e.pagination,pageSize:e.pageSize})},cascader:e=>{const{commonProps:t,onChange:o}=this.getcommonProps(e),s=e;return r("x-cascader",{...t,onXChange:o,options:s.options||[],value:e.control?e.control.value:s.defaultValue||null,placeholder:s.placeholder||t.placeholder,size:s.size||t.size,variant:s.variant,placement:s.placement,status:t.status||void 0,expandTrigger:s.expandTrigger,changeOnSelect:s.changeOnSelect,multiple:s.multiple,allowClear:s.allowClear??t.allowClear,showSearch:s.showSearch,fieldNames:s.fieldNames,displaySeparator:s.displaySeparator,maxTagCount:s.maxTagCount,notFoundContent:s.notFoundContent,loading:s.loading})},"auto-complete":e=>{const{commonProps:t,onChange:o}=this.getcommonProps(e),s=e;return r("x-auto-complete",{...t,onXChange:o,options:s.options||[],value:e.control?e.control.value:s.defaultValue||"",placeholder:s.placeholder||t.placeholder,size:s.size||t.size,variant:s.variant,placement:s.placement,status:t.status||void 0,allowClear:s.allowClear??t.allowClear,backfill:s.backfill,defaultOpen:s.defaultOpen,filterOption:s.filterOption,notFoundContent:s.notFoundContent})},daterange:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);const s=e.min?new Date(e.min):void 0,n=e.max?new Date(e.max):void 0,a=e.control?e.control.value:e.defaultValue;let i={start:null,end:null};return Array.isArray(a)&&(i={start:a[0]instanceof Date?a[0].toISOString().split("T")[0]:a[0],end:a[1]instanceof Date?a[1].toISOString().split("T")[0]:a[1]}),r("x-range-picker",{...t,placeholder:[e.placeholder||"Start",e.placeholder||"End"],onXChange:o,picker:e.picker||"date",format:e.format,placement:e.placement,minDate:s?s.toISOString().split("T")[0]:void 0,maxDate:n?n.toISOString().split("T")[0]:void 0,value:i,size:t.size,showTime:e.showTime})},divider:e=>r("x-divider",{orientation:e.orientation||"center",dashed:!!e.dashed,plain:!!e.plain,style:{marginTop:void 0!==e.marginTop?e.marginTop+"px":"12px",marginBottom:void 0!==e.marginBottom?e.marginBottom+"px":"12px"}},e.text||e.content||e.description||""),heading:e=>{const t=(e.content??"")+"",o=e.styleType,s=e.ellipsis,n=e.ellipsisRows,a={margin:"8px 0",textAlign:e.align};return r("h"+Math.min(Math.max(e.level??3,1),6),{style:a,"data-type":o,"data-ellipsis":s,"data-rows":n},t)},paragraph:e=>r("p",{style:{margin:"8px 0",color:"var(--x-text-secondary, #6b7280)",textAlign:e.align},"data-type":e.styleType,"data-ellipsis":e.ellipsis,"data-rows":e.ellipsisRows},(e.content??e.placeholder??e.label??"")+""),image:e=>r("div",{style:{margin:"8px 0",textAlign:e.align}},r("img",{src:e.src||e.value||"",width:e.width||300,height:e.height||300,alt:e.alt||"",style:{borderRadius:"8px"}})),captcha:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);return r("x-captcha",{...t,value:e.control?e.control.value:e.defaultValue||"",length:e.length,caseSensitive:e.caseSensitive,message:e.message,onXChange:o})},address:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);return r("x-address",{...t,value:e.control?e.control.value:e.defaultValue||ee,onXChange:o,placeholderProvince:e.placeholderProvince,placeholderDistrict:e.placeholderDistrict,placeholderWard:e.placeholderWard,provincesData:e.provincesData,districtsData:e.districtsData,wardsData:e.wardsData,ref:t=>{t&&e.control&&e.control.registerValidatorAsync((async()=>await t.validate()?null:{address:"Please select full address"}))}})},avatar:e=>{const t=e.size||64;return r("div",{style:{margin:"8px 0",textAlign:e.align}},r("img",{src:e.src||e.value||"",alt:e.alt||"",style:{width:t+"px",height:t+"px",borderRadius:void 0===e.circle||e.circle?"50%":"0",objectFit:"cover"}}))},editor:e=>{let{commonProps:t,onChange:o}=this.getcommonProps(e);return r("x-editor",{...t,onValueChange:o})},button:e=>{const t=e.icon,o=e.content||e.label||"",s=e.htmlType?e.htmlType:"submit"===e.type||"reset"===e.type?e.type:"button";return r("div",{style:{textAlign:e.align,margin:"8px 0"}},r("x-button",{type:e.buttonType||e.type||"default",shape:e.shape||"default",size:e.size||"middle",block:!!e.block,danger:!!e.danger,ghost:!!e.ghost,loading:!!e.loading,disabled:!!e.disabled,htmlType:s,onXClick:async t=>{if("submit"===s){let o=!0;const s=this.el.shadowRoot;if(s){const e=s.querySelectorAll("x-captcha");for(let t=0;t<e.length;t++){const s=e[t];s.validate&&(await s.validate()||(o=!1))}}this.builder.form.valid&&o?this.formSubmit.emit({value:this.builder.form.value,builder:this.builder,event:t,field:e}):(this.builder.form.markAllAsTouched(),this._tick++,this.formError.emit({builder:this.builder,event:t,errors:this.builder.form.errors}))}else"reset"===s?(this.builder.form.reset(),this._tick++):this.xClick.emit({field:e,builder:this.builder,event:t})}},t&&r("x-icon",{slot:"icon",name:t}),o))},href:e=>{const t=e.icon,o=(e.content??e.label??e.text??e.value??"Link")+"";return r("div",{style:{textAlign:e.align,textDecoration:!1===e.underline?"none":"underline"}},r("a",{href:e.href||e.value||"#",target:e.target||"_self",rel:e.rel||"","data-type":e.styleType,"data-ellipsis":e.ellipsis},t?r("i",{"data-icon":t,style:{marginRight:"8px"}}):null,r("span",null,o)))},grid:e=>r("div",{style:{display:"grid",gridTemplateColumns:`repeat(${e.columns||12}, minmax(0, 1fr))`,gap:(e.gap||15)+"px"}},"elements"in e&&e.elements?this.bind(e.elements,e):null),table:e=>{const{commonProps:t,onChange:o}=this.getcommonProps(e),s=e,n=(s.columns||[]).map((e=>({...e,dataIndex:e.dataIndex||e.key,slot:e.actions?e.slot||e.key||"action":e.slot})));return r("x-table",{...t,columns:n,dataSource:s.dataSource||[],rowKey:s.rowKey||"id",tableTitle:s.tableTitle,pagination:s.pagination,tableScroll:s.tableScroll,rowSelection:s.rowSelection,size:s.size,bordered:s.bordered,loading:s.loading,showHeader:s.showHeader,emptyText:s.emptyText,resizableColumns:s.resizableColumns,draggableColumns:s.draggableColumns,draggableRows:s.draggableRows,sticky:s.sticky,onXSelectionChange:e=>{s.rowSelection&&o(e.detail.selectedRowKeys)},onXChange:e=>{console.log("x-form-builder: Table changed:",e.detail)}},n.filter((e=>e.actions)).map((e=>(s.dataSource||[]).map(((t,o)=>r("div",{slot:`${e.slot}-${o}`,style:{display:"flex",gap:"8px"}},(e.actions||[]).map((e=>{const o=r("x-button",{type:"button"===e.type?"primary":"link",size:"small",danger:e.danger,onClick:o=>{o.stopPropagation(),this.xTableAction.emit({action:e.onClick||e.label,record:t,field:s})}},e.icon&&r("x-icon",{slot:"icon",name:e.icon}),e.label);return e.tooltip?r("x-tooltip",{tooltipTitle:e.tooltip},o):o}))))))))},maps:e=>{const t=e.provider||"openstreetmap",o=e.center,s=e.zoom||10,n=!!e.searchEnabled;return r("div",{style:{width:"100%",margin:"8px 0"}},r("div",{style:{width:e.width||"100%",height:(e.height||400)+"px",border:"1px solid #d9d9d9",borderRadius:"6px",position:"relative",overflow:"hidden"}},r("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",background:"google"===t?"#e8f5e8":"mapbox"===t?"#f0f8ff":"bing"===t?"#fff7e6":"#f0f0f0"}},r("div",{style:{fontWeight:"500",marginBottom:"8px"}},(e.label||"Interactive Map")+""),o?r("div",{style:{color:"#666",fontSize:"12px",textAlign:"center"}},r("div",null,"Lat: ",o.lat,", Lng: ",o.lng),r("div",null,"Zoom: ",s)):null,n?r("div",{style:{marginTop:"12px"}},r("input",{placeholder:"Search location...",style:{width:"200px",padding:"6px 8px",border:"1px solid #d9d9d9",borderRadius:"4px"}})):null)))},panel:e=>r("div",{style:{padding:"12px",border:"1px solid var(--x-border, #e5e7eb)",borderRadius:"8px",margin:"8px 0"}},"elements"in e&&e.elements?this.bind(e.elements,e):null),container:e=>r("div",{style:{margin:"8px 0"}},"elements"in e&&e.elements?this.bind(e.elements,e):null),iframe:e=>r("div",{style:{width:"100%",margin:"8px 0"}},r("iframe",{src:e.src,title:e.title||"Embedded Content",width:e.width||"100%",height:e.height||400,frameBorder:e.frameBorder||0,scrolling:e.scrolling||"auto",loading:e.loading||"lazy",sandbox:e.sandbox,allow:e.allow,referrerPolicy:e.referrerPolicy,style:{border:"none",borderRadius:"8px"}})),"qr-code":e=>{const t=e.label,o=e.value||"https://example.com",s=e.size||200,n=e.level||"M",a=e.bgColor||"#FFFFFF",i=e.fgColor||"#000000",l=!!e.includeMargin,c=e.description;return r("div",{style:{width:"100%",margin:"8px 0",textAlign:e.align||"center"}},r("div",{style:{display:"inline-block"}},t?r("div",{style:{marginBottom:"8px",fontWeight:"500"}},t+""):null,r("div",{style:{width:s+"px",height:s+"px",background:a,color:i,border:"1px dashed #e5e7eb",padding:l?"16px":"0",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"8px"}},r("span",{style:{fontSize:"12px"}},o+""," (",n+"",")")),c?r("div",{style:{marginTop:"8px",color:"#666",fontSize:"12px",textAlign:"center"}},c+""):null))}}}schema;getcommonProps(e){const t={defaultValue:e.defaultValue??e.defaultChecked??e.targetKeys,prefixIcon:e.prefixIcon,suffixIcon:e.suffixIcon,focused:e.focused,status:e.status,allowClear:e.allowClear,hasUppercase:e.hasUppercase,hasNumber:e.hasNumber,hasSpecialChar:e.hasSpecialChar,name:e.name,required:e.required||Array.isArray(e.validators)&&e.validators.some((e=>"required"===e.type)),disabled:e.disabled,readonly:e.readonly,size:e.size||"middle",placeholder:e.placeholder||"",errorMessage:"",pattern:e.pattern};"min"in e&&(t.min=e.min),"max"in e&&(t.max=e.max),"step"in e&&(t.step=e.step),"minLength"in e&&(t.minLength=e.minLength),"maxLength"in e&&(t.maxLength=e.maxLength);const o=e.control;if(o&&this.builder&&o.touched&&(t.status=void 0,o.invalid)){t.status="error";const s=this.getMessageValidator(e,o.errors??{});t.errorMessage=s.length>0?s[0]:"Invalid value"}return{commonProps:t,onChange:t=>{const o=t.detail&&"object"==typeof t.detail&&"value"in t.detail?t.detail.value:t.detail;e.control?e.control.setValue(o):e.value=o,this._tick++}}}_tick=0;value;context={};builder;componentWillLoad(){this.syncBuilder()}syncBuilder(){this.asyncBuilderForm()}isSyncing=!1;asyncBuilderForm(){if(!this.isSyncing){this.isSyncing=!0;try{!this.schema||this.builder&&this.schema===this.builder.schema||(this.builder=new a(this.schema),this.builder.subscribe((e=>{this.value=e,this.valueChange.emit(e),this.xChange.emit({builder:this.builder,event:null}),this._tick++}))),this.builder&&this.value&&this.builder.form.patchValue(this.value,{emitEvent:!1}),this.builder&&this.context&&(this.builder.context=this.context,this.builder.conditions&&this.builder.conditions.checkAll&&this.builder.conditions.checkAll()),this._tick++}finally{this.isSyncing=!1}}}getLayoutStyles(){const e=this.schema.layout||this.schema.setting?.layout||"vertical",t="string"==typeof e?e:e?.type,o=this.schema?.gap??10;return"horizontal"===t?{container:{display:"flex",flexWrap:"wrap",gap:(e?.gap??o)+"px"},item:{marginBottom:"0"}}:"inline"===t?{container:{display:"flex",alignItems:"center",gap:(e?.gap??o)+"px"},item:{marginBottom:"0"}}:"grid"===t?{container:{display:"grid",gridTemplateColumns:`repeat(${e?.columns||2}, minmax(0, 1fr))`,gap:(e?.gap??o)+"px"},item:{marginBottom:"0"}}:{container:{display:"flex",flexDirection:"column",gap:(e?.gap??o)+"px"},item:{marginBottom:"0"}}}bind(e,t){return e&&Array.isArray(e)?e.map((e=>{if(e.hidden)return null;const o=!!t&&t.disabled,s=!!t&&t.readonly,n={...e,disabled:e.disabled||o,readonly:e.readonly||s},a=this.mapping[e.type],i={marginBottom:"15px"};if("grid"===t?.type&&(i.gridColumn="span "+(e.span||1)),"elements"in e)return r("div",{key:e.id||e.name,style:i},r(a,{...n}));const{commonProps:l}=this.getcommonProps(n),c=this.schema.layout||this.schema.setting?.layout||"vertical",m="string"==typeof c?c:c?.type,d="object"==typeof c?c?.labelAlign:this.schema.setting?.labelAlign||"right",p=this.schema.setting?.labelCol,h=this.schema.setting?.wrapperCol;if("button"===e.type){const t={...e};return t.buttonType&&(t.type=t.buttonType),e.align&&(i.textAlign=e.align),r("div",{key:e.id||e.name,style:i},r(a,{...t},e.content))}return r("x-form-item",{key:e.id||e.name,label:e.label,colon:e.colon,required:e.required||Array.isArray(e.validators)&&e.validators.some((e=>"required"===e.type)),validateStatus:l.status,help:l.errorMessage||e.note,layout:m,labelAlign:d,labelCol:p,wrapperCol:h,style:i},r(a,{...n}))})):null}render(){if(!this.schema)return null;const e=this.getLayoutStyles(),t=r("form",{noValidate:!0,onSubmit:e=>{e.preventDefault(),e.stopPropagation()}},r("div",{style:e.container},this.bind(this.schema?.elements)),(()=>{if(!this.schema||!this.builder)return null;if(this.builder.form.is_custom_submit)return null;const e=this.schema.setting||{};let t=Array.isArray(this.schema.actions)?this.schema.actions:[];t&&0!==t.length||(e.showSubmitButton&&t.push({id:"submit",type:"submit",label:e.submitButtonText||i("buttons.submit")}),e.showResetButton&&t.push({id:"reset",type:"reset",label:e.resetButtonText||i("buttons.reset")}));const o=this.mapping.button;return r("div",{style:{marginTop:"12px",textAlign:e.submitButtonPosition||"right"}},t.map(((e,t)=>{const{label:s,type:n,...a}=e,i={...a};return"submit"===n||"reset"===n?i.htmlType=n:n&&(i.type=n),r("span",{style:{display:"inline-block",marginLeft:t?"8px":"0"},key:e.id||"action-"+t},r(o,{...i},s))})))})());return"card"===this.schema.type?r("x-card",null,r("slot",{name:"title"},this.schema.title&&r("x-typography-title",{level:3},this.schema.title),this.schema.description&&r("x-typography-text",null,this.schema.description)),t):t}static get watchers(){return{schema:[{syncBuilder:0}],value:[{syncBuilder:0}],context:[{syncBuilder:0}]}}static get style(){return":host{display:block}"}},[769,"x-form-builder",{schema:[16],value:[1040],context:[8],_tick:[32]},void 0,{schema:[{syncBuilder:0}],value:[{syncBuilder:0}],context:[{syncBuilder:0}]}]);function oe(){"undefined"!=typeof customElements&&["x-form-builder","x-address","x-auto-complete","x-auto-complete-dropdown-content","x-button","x-captcha","x-card","x-cascader","x-cascader-dropdown-content","x-checkbox","x-color-picker","x-color-picker-panel","x-date-picker","x-date-picker-dropdown-content","x-divider","x-dropdown","x-dropdown-content","x-editor","x-empty","x-form-item","x-icon","x-input","x-input-number","x-modal","x-modal-content","x-pagination","x-popover","x-popover-content","x-radio","x-radio-group","x-range-picker","x-range-picker-dropdown-content","x-rate","x-select","x-select-dropdown-content","x-slider","x-spin","x-switch","x-table","x-time-picker","x-time-picker-dropdown-content","x-tooltip","x-tooltip-content","x-transfer","x-tree-select","x-tree-select-dropdown-content","x-upload"].forEach((t=>{switch(t){case"x-form-builder":customElements.get(e(t))||customElements.define(e(t),te);break;case"x-address":customElements.get(e(t))||l();break;case"x-auto-complete":customElements.get(e(t))||c();break;case"x-auto-complete-dropdown-content":customElements.get(e(t))||m();break;case"x-button":customElements.get(e(t))||d();break;case"x-captcha":customElements.get(e(t))||p();break;case"x-card":customElements.get(e(t))||h();break;case"x-cascader":customElements.get(e(t))||u();break;case"x-cascader-dropdown-content":customElements.get(e(t))||x();break;case"x-checkbox":customElements.get(e(t))||g();break;case"x-color-picker":customElements.get(e(t))||f();break;case"x-color-picker-panel":customElements.get(e(t))||b();break;case"x-date-picker":customElements.get(e(t))||y();break;case"x-date-picker-dropdown-content":customElements.get(e(t))||k();break;case"x-divider":customElements.get(e(t))||v();break;case"x-dropdown":customElements.get(e(t))||C();break;case"x-dropdown-content":customElements.get(e(t))||w();break;case"x-editor":customElements.get(e(t))||j();break;case"x-empty":customElements.get(e(t))||E();break;case"x-form-item":customElements.get(e(t))||D();break;case"x-icon":customElements.get(e(t))||P();break;case"x-input":customElements.get(e(t))||B();break;case"x-input-number":customElements.get(e(t))||S();break;case"x-modal":customElements.get(e(t))||T();break;case"x-modal-content":customElements.get(e(t))||X();break;case"x-pagination":customElements.get(e(t))||A();break;case"x-popover":customElements.get(e(t))||z();break;case"x-popover-content":customElements.get(e(t))||R();break;case"x-radio":customElements.get(e(t))||F();break;case"x-radio-group":customElements.get(e(t))||U();break;case"x-range-picker":customElements.get(e(t))||I();break;case"x-range-picker-dropdown-content":customElements.get(e(t))||M();break;case"x-rate":customElements.get(e(t))||W();break;case"x-select":customElements.get(e(t))||O();break;case"x-select-dropdown-content":customElements.get(e(t))||q();break;case"x-slider":customElements.get(e(t))||L();break;case"x-spin":customElements.get(e(t))||K();break;case"x-switch":customElements.get(e(t))||Z();break;case"x-table":customElements.get(e(t))||_();break;case"x-time-picker":customElements.get(e(t))||H();break;case"x-time-picker-dropdown-content":customElements.get(e(t))||Q();break;case"x-tooltip":customElements.get(e(t))||V();break;case"x-tooltip-content":customElements.get(e(t))||J();break;case"x-transfer":customElements.get(e(t))||$();break;case"x-tree-select":customElements.get(e(t))||G();break;case"x-tree-select-dropdown-content":customElements.get(e(t))||N();break;case"x-upload":customElements.get(e(t))||Y()}}))}oe();const se=te,re=oe;export{se as XFormBuilder,re as defineCustomElement}
+import{X as o,d as s}from"./p-xzKm-BQN.js";const m=o,p=s;export{m as XFormBuilder,p as defineCustomElement}

package/components/x-form-item.js

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

package/components/x-form.js

@@ -1 +1 @@
-import{X as s,d as o}from"./p-BskMfHyY.js";const p=s,r=o;export{p as XForm,r as defineCustomElement}
+import{X as o,d as s}from"./p-K2tV3sog.js";const t=o,p=s;export{t as XForm,p as defineCustomElement}

package/components/x-header.js

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

package/components/x-icon-picker-dropdown-content.d.ts

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

package/components/x-icon-picker-dropdown-content.js

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

package/components/x-icon.js

@@ -1 +1 @@
-import{X as o,d as s}from"./p-BkiOFW3H.js";const p=o,r=s;export{p as XIcon,r as defineCustomElement}
+import{X as o,d as s}from"./p-C1_JmoB8.js";const m=o,p=s;export{m as XIcon,p as defineCustomElement}

package/components/x-image.js

@@ -1 +1 @@
-import{X as o,d as s}from"./p-CeBfFEIa.js";const a=o,p=s;export{a as XImage,p as defineCustomElement}
+import{X as m,d as o}from"./p-D_hKBumm.js";const s=m,p=o;export{s as XImage,p as defineCustomElement}

package/components/x-infinite-scroll.js

@@ -1 +1 @@
-import{t as o,p as r,H as x,c as e,h as i,d as a}from"./p-g6ZBqIze.js";import{d as t}from"./p-BvjR2Q5Q.js";const n=r(class extends x{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.xLoadMore=e(this,"xLoadMore",7)}get el(){return this}threshold=20;disabled=!1;loading=!1;hasMore=!0;loadingText="Loading...";noMoreText="No more data";xLoadMore;observer;sentinel;componentDidLoad(){this.setupObserver()}disconnectedCallback(){this.cleanupObserver()}handleConfigChange(){this.setupObserver()}setupObserver(){this.cleanupObserver(),!this.disabled&&this.hasMore&&(this.observer=new IntersectionObserver((o=>{o[0].isIntersecting&&!this.loading&&this.hasMore&&!this.disabled&&this.xLoadMore.emit()}),{root:null,rootMargin:`0px 0px ${this.threshold}px 0px`,threshold:0}),this.sentinel&&this.observer.observe(this.sentinel))}cleanupObserver(){this.observer&&(this.observer.disconnect(),this.observer=null)}render(){return i(a,{key:"2c402e182338838f2303fbd7d7e6d72a85b75f61",class:"x-infinite-scroll"},i("div",{key:"55688e4590660c16c6ed413d3a2cfea10120229b",class:"x-infinite-scroll-content"},i("slot",{key:"163f8b5f05846f1b5f3ac7bbc2f8da847bc67cb9"})),i("div",{key:"84ee17b317206114bc8e6720f0ee7f4cee78f77a",ref:o=>this.sentinel=o,class:"x-infinite-scroll-sentinel"}),i("div",{key:"f3305017c26f8d9c4e659dfefffc12cae882def0",class:"x-infinite-scroll-status"},this.loading&&i("div",{key:"601ff13b31d6f0f7cea639d108a13fb26b0bd27e",class:"x-infinite-scroll-loading"},i("x-spin",{key:"8bc76127a6b9a818496c281ae0bb0f4a1c84c1bb",spinning:!0,size:"small",tip:this.loadingText})),!this.hasMore&&i("div",{key:"61dc13b4f7a0a9b12e1edab1b0bc8a2e7e2510f6",class:"x-infinite-scroll-no-more"},i("slot",{key:"f1bfe2b4ad1482e989b5c5ad750413e4ce2a7704",name:"noMore"},this.noMoreText))))}static get watchers(){return{disabled:[{handleConfigChange:0}],hasMore:[{handleConfigChange:0}],threshold:[{handleConfigChange:0}]}}static get style(){return'@charset "UTF-8";:root{--x-color-primary:#1677ff;--x-color-primary-rgb:22, 119, 255;--x-color-primary-contrast:#ffffff;--x-color-primary-contrast-rgb:255, 255, 255;--x-color-primary-shade:#0958d9;--x-color-primary-tint:#4096ff;--x-color-primary-bg:#e6f4ff;--x-color-primary-bg-hover:#bae0ff;--x-color-primary-border:#91caff;--x-color-primary-border-hover:#69b1ff;--x-color-primary-hover:#4096ff;--x-color-primary-active:#0958d9;--x-color-primary-text:#1677ff;--x-color-primary-text-hover:#4096ff;--x-color-primary-text-active:#0958d9;--x-color-secondary:#3dc2ff;--x-color-secondary-rgb:61, 194, 255;--x-color-secondary-contrast:#ffffff;--x-color-secondary-contrast-rgb:255, 255, 255;--x-color-secondary-shade:#36abe0;--x-color-secondary-tint:#50c8ff;--x-color-success:#52c41a;--x-color-success-rgb:82, 196, 26;--x-color-success-contrast:#ffffff;--x-color-success-contrast-rgb:255, 255, 255;--x-color-success-shade:#389e0d;--x-color-success-tint:#73d13d;--x-color-success-bg:#f6ffed;--x-color-success-bg-hover:#d9f7be;--x-color-success-border:#b7eb8f;--x-color-success-border-hover:#95de64;--x-color-success-hover:#73d13d;--x-color-success-active:#389e0d;--x-color-success-text:#52c41a;--x-color-success-text-hover:#73d13d;--x-color-success-text-active:#389e0d;--x-color-warning:#faad14;--x-color-warning-rgb:250, 173, 20;--x-color-warning-contrast:#000000;--x-color-warning-contrast-rgb:0, 0, 0;--x-color-warning-shade:#d48806;--x-color-warning-tint:#ffc53d;--x-color-warning-bg:#fffbe6;--x-color-warning-bg-hover:#fff1b8;--x-color-warning-border:#ffe58f;--x-color-warning-border-hover:#ffd666;--x-color-warning-hover:#ffc53d;--x-color-warning-active:#d48806;--x-color-warning-text:#faad14;--x-color-warning-text-hover:#ffc53d;--x-color-warning-text-active:#d48806;--x-color-danger:#ff4d4f;--x-color-danger-rgb:255, 77, 79;--x-color-danger-contrast:#ffffff;--x-color-danger-contrast-rgb:255, 255, 255;--x-color-danger-shade:#cf1322;--x-color-danger-tint:#ff7875;--x-color-error:#ff4d4f;--x-color-error-rgb:255, 77, 79;--x-color-error-bg:#fff2f0;--x-color-error-bg-hover:#ffccc7;--x-color-error-border:#ffa39e;--x-color-error-border-hover:#ff7875;--x-color-error-hover:#ff7875;--x-color-error-active:#d9363e;--x-color-error-text:#ff4d4f;--x-color-error-text-hover:#ff7875;--x-color-error-text-active:#d9363e;--x-color-info:#1677ff;--x-color-info-rgb:22, 119, 255;--x-color-info-bg:#e6f4ff;--x-color-info-bg-hover:#bae0ff;--x-color-info-border:#91caff;--x-color-info-border-hover:#69b1ff;--x-color-info-hover:#69b1ff;--x-color-info-active:#0958d9;--x-color-info-text:#1677ff;--x-color-info-text-hover:#69b1ff;--x-color-info-text-active:#0958d9;--x-color-text:rgba(0, 0, 0, 0.88);--x-color-text-secondary:rgba(0, 0, 0, 0.65);--x-color-text-tertiary:rgba(0, 0, 0, 0.45);--x-color-text-quaternary:rgba(0, 0, 0, 0.25);--x-color-text-disabled:rgba(0, 0, 0, 0.25);--x-color-text-placeholder:rgba(0, 0, 0, 0.25);--x-color-text-heading:rgba(0, 0, 0, 0.88);--x-color-text-label:rgba(0, 0, 0, 0.65);--x-color-text-description:rgba(0, 0, 0, 0.45);--x-color-text-light-solid:#ffffff;--x-color-bg-container:#ffffff;--x-color-bg-elevated:#ffffff;--x-color-bg-layout:#f5f5f5;--x-color-bg-spotlight:rgba(0, 0, 0, 0.85);--x-color-bg-mask:rgba(0, 0, 0, 0.45);--x-color-bg-base:#ffffff;--x-color-bg-container-disabled:#f5f5f5;--x-color-bg-container-loading:rgba(255, 255, 255, 0.65);--x-color-white:#ffffff;--x-color-fill:rgba(0, 0, 0, 0.15);--x-color-fill-secondary:rgba(0, 0, 0, 0.06);--x-color-fill-tertiary:rgba(0, 0, 0, 0.04);--x-color-fill-quaternary:rgba(0, 0, 0, 0.02);--x-color-border:#d9d9d9;--x-color-border-secondary:#f0f0f0;--x-color-border-bg:#ffffff;--x-color-split:rgba(5, 5, 5, 0.06);--x-color-dark:#222428;--x-color-dark-rgb:34, 36, 40;--x-color-dark-contrast:#ffffff;--x-color-dark-contrast-rgb:255, 255, 255;--x-color-dark-shade:#1e2023;--x-color-dark-tint:#383a3e;--x-color-medium:#92949c;--x-color-medium-rgb:146, 148, 156;--x-color-medium-contrast:#ffffff;--x-color-medium-contrast-rgb:255, 255, 255;--x-color-medium-shade:#808289;--x-color-medium-tint:#9d9fa6;--x-color-light:#f4f5f8;--x-color-light-rgb:244, 245, 248;--x-color-light-contrast:#000000;--x-color-light-contrast-rgb:0, 0, 0;--x-color-light-shade:#d7d8da;--x-color-light-tint:#f5f6f9;--x-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--x-font-family-code:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--x-font-size:14px;--x-font-size-sm:12px;--x-font-size-lg:16px;--x-font-size-xl:20px;--x-font-size-heading-1:38px;--x-font-size-heading-2:30px;--x-font-size-heading-3:24px;--x-font-size-heading-4:20px;--x-font-size-heading-5:16px;--x-line-height:1.5714285714285714;--x-line-height-lg:1.5;--x-line-height-sm:1.6666666666666667;--x-line-height-heading-1:1.2105263157894737;--x-line-height-heading-2:1.2666666666666666;--x-line-height-heading-3:1.3333333333333333;--x-line-height-heading-4:1.4;--x-line-height-heading-5:1.5;--x-font-weight-normal:400;--x-font-weight-medium:500;--x-font-weight-semibold:600;--x-font-weight-strong:600;--x-font-size-base:14px;--x-font-size-xxl:24px;--x-line-height-base:1.5714285714285714;--x-spacing-xxs:4px;--x-spacing-xs:8px;--x-spacing-sm:12px;--x-spacing-md:16px;--x-spacing-lg:20px;--x-spacing-xl:24px;--x-spacing-xxl:32px;--x-spacing-xxxl:48px;--x-margin-xxs:4px;--x-margin-xs:8px;--x-margin-sm:12px;--x-margin-md:16px;--x-margin-lg:24px;--x-margin-xl:32px;--x-margin-xxl:48px;--x-padding-xxs:4px;--x-padding-xs:8px;--x-padding-sm:12px;--x-padding-md:16px;--x-padding-lg:24px;--x-padding-content-horizontal-lg:24px;--x-padding-content-vertical-lg:12px;--x-padding-content-horizontal:16px;--x-padding-content-vertical:12px;--x-padding-content-horizontal-sm:16px;--x-padding-content-vertical-sm:8px;--x-border-radius:6px;--x-border-radius-xs:2px;--x-border-radius-sm:4px;--x-border-radius-lg:8px;--x-border-radius-xl:12px;--x-border-radius-outer:4px;--x-border-radius-base:6px;--x-border-width:1px;--x-border-width-base:1px;--x-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-shadow-lg:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-box-shadow-popover-arrow:2px 2px 5px rgba(0, 0, 0, 0.05);--x-box-shadow-card:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);--x-box-shadow-drawer-right:-6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-left:6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-up:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-down:0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);--x-motion-duration-fast:0.1s;--x-motion-duration-mid:0.2s;--x-motion-duration-slow:0.3s;--x-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--x-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--x-motion-ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--x-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--x-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--x-motion-ease-in-out-circle:cubic-bezier(0.78, 0.14, 0.15, 0.86);--x-motion-ease-out-circle:cubic-bezier(0.08, 0.82, 0.17, 1);--x-motion-ease-in-circle:cubic-bezier(0.6, 0.04, 0.98, 0.34);--x-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--x-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--x-z-index-base:0;--x-z-index-popup-base:1000;--x-z-index-popup:1030;--x-z-index-affix:10;--x-z-index-modal:1000;--x-z-index-modal-mask:1000;--x-z-index-drawer:1000;--x-z-index-popover:1030;--x-z-index-dropdown:1050;--x-z-index-tooltip:1070;--x-z-index-notification:1080;--x-z-index-message:1090;--x-z-index-popconfirm:1060;--x-z-index-table-fixed:10;--x-opacity-loading:0.65;--x-opacity-image:1;--x-opacity-disabled:0.5;--x-control-height:32px;--x-control-height-xs:24px;--x-control-height-sm:24px;--x-control-height-lg:40px;--x-control-radio-size:16px;--x-control-checkbox-size:16px;--x-control-padding-horizontal:12px;--x-control-padding-horizontal-sm:8px;--x-control-outline-width:2px;--x-control-outline:rgba(5, 145, 255, 0.1);--x-control-item-bg-hover:rgba(0, 0, 0, 0.04);--x-control-item-bg-active:#e6f4ff;--x-control-item-bg-active-hover:#bae0ff;--x-control-item-bg-active-disabled:rgba(0, 0, 0, 0.15);--x-control-tmp-outline:rgba(0, 0, 0, 0.02);--x-color-yellow:#fadb14;--x-color-yellow-rgb:250, 219, 20;--x-font-family-base:var(--x-font-family);--x-color-link:#1677ff;--x-color-link-hover:#69b1ff;--x-color-link-active:#0958d9;--x-color-icon:rgba(0, 0, 0, 0.45);--x-color-icon-hover:rgba(0, 0, 0, 0.88);--x-color-highlight:#ff4d4f;--x-color-bg-text-hover:rgba(0, 0, 0, 0.06);--x-color-bg-text-active:rgba(0, 0, 0, 0.15);--x-screen-xs:480px;--x-screen-xs-min:480px;--x-screen-xs-max:575px;--x-screen-sm:576px;--x-screen-sm-min:576px;--x-screen-sm-max:767px;--x-screen-md:768px;--x-screen-md-min:768px;--x-screen-md-max:991px;--x-screen-lg:992px;--x-screen-lg-min:992px;--x-screen-lg-max:1199px;--x-screen-xl:1200px;--x-screen-xl-min:1200px;--x-screen-xl-max:1599px;--x-screen-xxl:1600px;--x-screen-xxl-min:1600px;--x-color-fill-content:rgba(0, 0, 0, 0.06);--x-color-fill-content-hover:rgba(0, 0, 0, 0.15);--x-color-fill-alter:rgba(0, 0, 0, 0.02);--x-scrollbar-width:12px;--x-scrollbar-track-bg:rgba(0, 0, 0, 0.04);--x-scrollbar-thumb-bg:rgba(0, 0, 0, 0.25);--x-scrollbar-thumb-bg-hover:rgba(0, 0, 0, 0.35);--x-menu-dark-bg:#001529;--x-menu-dark-item-bg:#001529;--x-menu-dark-popup-bg:#001529;--x-menu-dark-submenu-item-bg:#000c17}:host{display:block;position:relative}.x-infinite-scroll-sentinel{height:1px;width:100%}.x-infinite-scroll-status{padding:var(--x-infinite-scroll-status-padding-block, 12px) var(--x-infinite-scroll-status-padding-inline, 0);text-align:center}.x-infinite-scroll-loading{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.x-infinite-scroll-no-more{color:var(--x-infinite-scroll-no-more-color, var(--x-color-text-description, rgba(0, 0, 0, 0.45)));font-size:var(--x-infinite-scroll-no-more-font-size, var(--x-font-size-sm, 12px))}'}},[769,"x-infinite-scroll",{threshold:[2],disabled:[4],loading:[4],hasMore:[4,"has-more"],loadingText:[1,"loading-text"],noMoreText:[1,"no-more-text"]},void 0,{disabled:[{handleConfigChange:0}],hasMore:[{handleConfigChange:0}],threshold:[{handleConfigChange:0}]}]);function c(){"undefined"!=typeof customElements&&["x-infinite-scroll","x-spin"].forEach((r=>{switch(r){case"x-infinite-scroll":customElements.get(o(r))||customElements.define(o(r),n);break;case"x-spin":customElements.get(o(r))||t()}}))}c();const l=n,s=c;export{l as XInfiniteScroll,s as defineCustomElement}
+import{t as o,p as r,H as x,d as e,h as i,c as a}from"./p-BLqwG7xa.js";import{d as t}from"./p-DTPUsC3Q.js";const n=r(class extends x{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.xLoadMore=e(this,"xLoadMore",7)}get el(){return this}threshold=20;disabled=!1;loading=!1;hasMore=!0;loadingText="Loading...";noMoreText="No more data";xLoadMore;observer;sentinel;componentDidLoad(){this.setupObserver()}disconnectedCallback(){this.cleanupObserver()}handleConfigChange(){this.setupObserver()}setupObserver(){this.cleanupObserver(),!this.disabled&&this.hasMore&&(this.observer=new IntersectionObserver((o=>{o[0].isIntersecting&&!this.loading&&this.hasMore&&!this.disabled&&this.xLoadMore.emit()}),{root:null,rootMargin:`0px 0px ${this.threshold}px 0px`,threshold:0}),this.sentinel&&this.observer.observe(this.sentinel))}cleanupObserver(){this.observer&&(this.observer.disconnect(),this.observer=null)}render(){return i(a,{key:"096788e6f8979a160900b5e4f1e50b8ed45595e6",class:"x-infinite-scroll"},i("div",{key:"2cfe24d963736ceefaf0bce393b0b58ae4bd5451",class:"x-infinite-scroll-content"},i("slot",{key:"a8fb3b00256d181b0e26e85b253660abcabdffb3"})),i("div",{key:"5278b0fd7ec177707f6f90aaf6f14c340d98316a",ref:o=>this.sentinel=o,class:"x-infinite-scroll-sentinel"}),i("div",{key:"abd3dec40aff21261b5749fe91c4da826ba23fdf",class:"x-infinite-scroll-status"},this.loading&&i("div",{key:"687c5a55cdae413adb5c4d19ed0af928bf1d8094",class:"x-infinite-scroll-loading"},i("x-spin",{key:"062bb9872ad91951e43a3fce68794945b789081a",spinning:!0,size:"small",tip:this.loadingText})),!this.hasMore&&i("div",{key:"c4958032f48158b6300f41f99ab53e497424be3e",class:"x-infinite-scroll-no-more"},i("slot",{key:"c05f1b3a5ee006fc550f80463c6b4c5a9fd769f3",name:"noMore"},this.noMoreText))))}static get watchers(){return{disabled:[{handleConfigChange:0}],hasMore:[{handleConfigChange:0}],threshold:[{handleConfigChange: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;position:relative}.x-infinite-scroll-sentinel{height:1px;width:100%}.x-infinite-scroll-status{padding:var(--x-infinite-scroll-status-padding-block, 12px) var(--x-infinite-scroll-status-padding-inline, 0);text-align:center}.x-infinite-scroll-loading{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.x-infinite-scroll-no-more{color:var(--x-infinite-scroll-no-more-color, var(--x-color-text-description, rgba(0, 0, 0, 0.45)));font-size:var(--x-infinite-scroll-no-more-font-size, var(--x-font-size-sm, 12px))}"}},[769,"x-infinite-scroll",{threshold:[2],disabled:[4],loading:[4],hasMore:[4,"has-more"],loadingText:[1,"loading-text"],noMoreText:[1,"no-more-text"]},void 0,{disabled:[{handleConfigChange:0}],hasMore:[{handleConfigChange:0}],threshold:[{handleConfigChange:0}]}]);function c(){"undefined"!=typeof customElements&&["x-infinite-scroll","x-spin"].forEach((r=>{switch(r){case"x-infinite-scroll":customElements.get(o(r))||customElements.define(o(r),n);break;case"x-spin":customElements.get(o(r))||t()}}))}c();const l=n,s=c;export{l as XInfiniteScroll,s as defineCustomElement}

package/components/x-input-icon.d.ts

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