atomicuilibrary 0.0.1 → 0.1.3

package/dist/exploration-project-tailwind/p-6fa9dc15.entry.js

@@ -1 +0,0 @@
-import{r as t,c as o,h as i}from"./p-DUsoYu9r.js";const a=class{constructor(i){t(this,i),this.navItemClick=o(this,"navItemClick"),this.submenuToggle=o(this,"submenuToggle"),this.popoverStateChange=o(this,"popoverStateChange")}item;collapsed=!1;active=!1;activeId="";open=!1;animationDuration=350;indentation=0;forcePopover=!1;orientation="vertical";iconLibrary="default";isHovering=!1;popoverPlacement="bottom";hoverTimeout;navItemClick;submenuToggle;popoverStateChange;handleMouseEnter=t=>{if(this.hoverTimeout&&clearTimeout(this.hoverTimeout),this.isHovering=!0,"horizontal"===this.orientation)this.popoverPlacement="bottom";else{const o=t.currentTarget.getBoundingClientRect(),i=window.innerHeight;this.popoverPlacement=o.top>.6*i?"top":"bottom"}(this.collapsed||this.forcePopover||"top"===this.popoverPlacement)&&this.item.children&&this.item.children.length>0&&this.popoverStateChange.emit(!0)};handleMouseLeave=()=>{this.hoverTimeout=setTimeout((()=>{this.isHovering=!1,this.popoverStateChange.emit(!1)}),50)};hasActiveChild(t=this.item.children){return!!t&&t.some((t=>t.id===this.activeId||t.children&&this.hasActiveChild(t.children)))}handleClick=()=>{const t=this.item.children&&this.item.children.length>0;t&&(this.collapsed||this.forcePopover)||(t?this.submenuToggle.emit(this.item.id):this.navItemClick.emit(this.item))};render(){const t=this.item.children&&this.item.children.length>0,o=this.active||this.item.id===this.activeId,a=this.hasActiveChild(),n=this.forcePopover||"user-profile"===this.item.id;return i("li",{key:"b344aa6c6a2034b11c7bfb861ef51d24fb1ddc21",class:{"nav-item":!0,active:o,"active-parent":a,disabled:this.item.disabled,"has-children":t,open:this.open&&!n,collapsed:this.collapsed,hovering:this.isHovering,"in-popover":this.forcePopover,"is-user-profile":"user-profile"===this.item.id,"placement-top":"top"===this.popoverPlacement,"placement-bottom":"bottom"===this.popoverPlacement},tabindex:this.item.disabled?-1:0,"aria-disabled":this.item.disabled?"true":"false","aria-expanded":this.open&&!n?"true":"false",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},i("div",{key:"f511c50817c20785b2ea46afe2df07a7f5508818",class:"item-content",onClick:this.handleClick,onKeyDown:t=>{"Enter"===t.key&&this.handleClick()}},this.item.icon&&i("span",{key:"20bf50d7db7d55522e8bc9c1433bbeaf71639fa5",class:"nav-icon"},i("ui-icon",{key:"b1316aec36a00d9bd44b3a89072fa6a39b282490",name:this.item.icon,library:this.item.iconLibrary||this.iconLibrary,size:"1.25rem"})),(!this.collapsed||this.forcePopover)&&i("span",{key:"c2d027a25fa696b59231c99283761b03f637f603",class:"nav-label"},this.item.label),this.item.badge&&(!this.collapsed||this.forcePopover)&&i("span",{key:"0e89b2789f06b330f445588316008d6d0d2418f6",class:"nav-badge"},this.item.badge),t&&!n&&i("span",{key:"4d124c918ab7092a639d1026ec1ca964511da10c",class:"nav-arrow"},i("ui-icon",{key:"9cc46d50a9a8b76d439def8e56774fc5b9855dfd",name:"chevron-right",library:"lucide",size:"12px"})),t&&n&&i("span",{key:"e47643bc3dcf1a1b5b872d1114730f3c03e5bf80",class:"nav-arrow cascading"},i("ui-icon",{key:"7de0a36cdbc167332010d3191199d6c16d4f66a0",name:"chevron-right",library:"lucide",size:"12px"}))),!t&&this.collapsed&&this.isHovering&&i("div",{key:"b187ecbdadc6d7fb3d1be290ae2f62c5fb9b0458",class:"nav-tooltip"},this.item.label))}};a.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.nav-item{display:flex;flex-direction:column;cursor:pointer;border-radius:12px;margin-bottom:4px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;user-select:none;width:100%}.item-content{display:flex;align-items:center;gap:16px;height:48px;padding:0 16px;color:var(--nav-text-dim);transition:all 0.3s ease;position:relative;z-index:2;border-radius:10px}:host([orientation=horizontal]){display:flex;align-items:center;height:64px}:host([orientation=horizontal]) .nav-item{margin-bottom:0;height:100%;display:flex;align-items:center}:host([orientation=horizontal]) .item-content{height:100%;padding:0 12px;justify-content:center}.nav-item:hover .item-content{background:var(--nav-hover-bg);color:var(--nav-text)}.nav-item.active .item-content,.nav-item.active-parent .item-content{background:var(--nav-active-bg);color:var(--nav-accent);font-weight:600;box-shadow:inset 0 0 0 1px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.nav-item.active::before,.nav-item.active-parent::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--nav-accent);border-radius:0 4px 4px 0;box-shadow:0 0 10px var(--nav-accent);z-index:3}.nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;transition:transform 0.3s ease}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-item.active .nav-icon,.nav-item.active-parent .nav-icon{color:var(--nav-accent);transform:scale(1.1)}.nav-item.active .nav-icon svg,.nav-item.active-parent .nav-icon svg{filter:drop-shadow(0 0 5px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4))}.nav-label{font-size:14px;font-weight:500;white-space:nowrap;flex:1;letter-spacing:0.3px;overflow:hidden;text-overflow:ellipsis}.nav-badge{background:var(--nav-accent-gradient);color:var(--text-standard, #ffffff);border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700;text-transform:uppercase;margin-left:auto;box-shadow:0 4px 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.nav-arrow{margin-left:auto;font-size:10px;color:var(--nav-text-dim);transition:transform 0.3s ease}.nav-item.open>.item-content .nav-arrow{transform:rotate(90deg)}.nav-submenu{list-style:none;margin:0;padding:0 0 8px 12px;overflow:hidden}.nav-item.collapsed .nav-label,.nav-item.collapsed .nav-badge,.nav-item.collapsed .nav-arrow,.nav-item.collapsed .nav-submenu:not(.floating-popover){display:none}.nav-item.collapsed .item-content{justify-content:center;padding:0;width:100%}:host([indentation="1"]) .nav-item{margin-left:8px;border-radius:8px}:host([indentation="1"]) .item-content{height:38px;font-size:13px}:host([indentation="1"]) .nav-item.active::before{width:2px;top:10px;bottom:10px}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-item.open .nav-submenu navigation-item{animation:slideDown 0.3s ease forwards}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover{background:var(--bg-primary, #1e293b) !important;z-index:2500 !important;box-shadow:0 10px 40px rgba(0, 0, 0, 0.5) !important;width:220px !important;display:flex !important;flex-direction:column !important;max-height:calc(100vh - 32px) !important;overflow-y:auto !important;overflow-x:hidden !important}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover:not(.placement-top),:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover.placement-bottom{top:0;bottom:auto}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover.placement-top{bottom:0;top:auto}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover.placement-top::before{top:auto !important;bottom:18px !important}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::-webkit-scrollbar{width:6px}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::-webkit-scrollbar-track{background:transparent;border-radius:12px}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::-webkit-scrollbar-thumb{background:rgba(148, 163, 184, 0.5);border-radius:12px;transition:background 0.3s ease}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::-webkit-scrollbar-thumb:hover{background:rgba(148, 163, 184, 0.8)}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover navigation-item,:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover>navigation-item{display:block !important;width:100% !important;height:auto !important;min-height:40px !important;opacity:1 !important;visibility:visible !important;flex-shrink:0 !important}:host([orientation=vertical]) .nav-item.is-user-profile:hover .nav-submenu.floating-popover,:host([orientation=vertical]) .nav-item.is-user-profile.hovering .nav-submenu.floating-popover,:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover:hover,:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover.is-visible{visibility:visible !important;opacity:1 !important;pointer-events:auto !important;transform:translateX(0) translateY(0) !important}:host([orientation=vertical]) .nav-item.is-user-profile:hover,:host([orientation=vertical]) .nav-item.is-user-profile.hovering{overflow:visible !important;z-index:1001 !important}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::after{content:"";position:absolute;left:-25px;top:0;width:30px;height:100%;pointer-events:auto;background:transparent;z-index:2001}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu:not(.floating-popover){display:none !important}:host(:not([orientation=horizontal])) .nav-submenu.floating-popover.placement-top.is-visible{transform:translateX(0)}:host(:not([orientation=horizontal])) .nav-submenu.floating-popover.placement-top::before{top:auto;bottom:18px}:host(:not([orientation=horizontal])) .nav-submenu.floating-popover.placement-top::after{top:auto;bottom:0;height:100%}.nav-submenu.floating-popover::after{content:"";position:absolute;top:-20px;bottom:-20px;left:-24px;width:24px;background:transparent;z-index:-1}.nav-item:hover,.nav-item.hovering{z-index:1000;overflow:visible !important}.nav-item:not(.collapsed)>.nav-submenu.floating-popover:not(.cascading){left:100%;margin-left:12px;top:0}.nav-item:not(.collapsed)>.nav-submenu.floating-popover:not(.cascading)::before{display:block;}.nav-submenu.floating-popover.cascading{left:100%;margin-left:4px;top:-4px;}.nav-submenu.floating-popover.cascading::before{top:18px;left:-6px}.popover-header{padding:12px 16px;font-size:11px;font-weight:700;color:var(--nav-text-dim);text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid rgba(255, 255, 255, 0.05);margin-bottom:4px;user-select:none;pointer-events:none}.nav-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);background:var(--bg-primary, #1e293b);color:var(--text-standard, #f8fafc);padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 8px 24px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);border:1px solid rgba(255, 255, 255, 0.1);z-index:2000;margin-left:8px;pointer-events:none;animation:fadeIn 0.2s ease forwards}.nav-submenu.floating-popover::before,.nav-tooltip::before{content:"";position:absolute;left:-6px;top:18px;width:12px;height:12px;background:var(--bg-primary, #1e293b);transform:rotate(45deg);border-left:1px solid rgba(255, 255, 255, 0.1);border-bottom:1px solid rgba(255, 255, 255, 0.1);z-index:-1}.nav-tooltip::before{top:50%;margin-top:-6px}:host([orientation=horizontal]) .nav-submenu.floating-popover::before{content:"" !important;display:block !important;visibility:visible !important;opacity:1 !important;position:absolute !important;left:50% !important;right:auto !important;top:-6px !important;bottom:auto !important;margin:0 !important;width:12px !important;height:12px !important;background:var(--bg-primary, #1e293b) !important;transform:translateX(-50%) rotate(45deg) !important;border:none !important;border-top:1px solid rgba(255, 255, 255, 0.1) !important;border-right:1px solid rgba(255, 255, 255, 0.1) !important;z-index:-1 !important;pointer-events:none !important}@keyframes fadeIn{from{opacity:0;transform:translateY(-50%) translateX(-5px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.nav-submenu.floating-popover ::slotted(navigation-item),.nav-submenu.floating-popover navigation-item{margin-left:0 !important}.nav-item.collapsed:hover{overflow:visible}.nav-item.in-popover .item-content{height:40px;padding:0 12px;border-radius:8px}.nav-item.in-popover{margin-left:0 !important;margin-bottom:2px}.nav-item.in-popover.active .item-content{background:var(--nav-active-bg);border:1px solid rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.nav-item.in-popover.active .nav-label{color:var(--nav-accent) !important;font-weight:700}.nav-item.in-popover.active::before{top:8px;bottom:8px;width:3px}.nav-arrow.cascading{margin-left:auto;opacity:0.5;transition:transform 0.3s ease}.nav-item.placement-top .nav-arrow.cascading,.nav-submenu.placement-top .nav-arrow.cascading{transform:rotate(-90deg);}.nav-submenu:not(.placement-top) .nav-arrow.cascading{transform:rotate(0deg)}:host([indentation="0"]) .nav-item.in-popover{margin-left:0}.nav-item.is-user-profile .nav-icon{background:var(--nav-accent-gradient);border-radius:50%;color:var(--text-standard, #ffffff) !important;width:32px;height:32px;min-width:32px;box-shadow:0 4px 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4)}.nav-item.is-user-profile .nav-icon svg{width:18px;height:18px}.nav-item.is-user-profile .nav-label{font-weight:600;color:var(--nav-text)}:host([orientation=horizontal]){height:100%}:host([orientation=horizontal]) .nav-item{height:100%;flex-direction:row;align-items:center;justify-content:center;margin-bottom:0;border-radius:0;padding:0 4px}:host([orientation=horizontal]) .item-content{height:100%;padding:0 16px;border-radius:0;font-weight:600;transition:all 0.2s ease}:host([orientation=horizontal]) .nav-item:hover .item-content{background:rgba(255, 255, 255, 0.08)}:host([orientation=horizontal]) .nav-item.active::before,:host([orientation=horizontal]) .nav-item.active-parent::before{top:auto;bottom:0;left:0;right:0;width:100%;height:3px;border-radius:4px 4px 0 0}:host([orientation=horizontal]) .nav-item:not(.collapsed)>.nav-submenu.floating-popover:not(.cascading){left:0 !important;top:100% !important;bottom:auto !important;margin-left:0 !important;margin-top:8px !important;transform:translateY(-5px)}:host([orientation=horizontal][indentation="0"]) .nav-arrow{transform:rotate(90deg);}:host([orientation=horizontal][indentation="0"]) .nav-item.open>.item-content .nav-arrow{transform:rotate(-90deg);}:host([orientation=horizontal][indentation="1"]) .nav-arrow.cascading,:host([orientation=horizontal][indentation="2"]) .nav-arrow.cascading{transform:rotate(0deg);}:host([orientation=horizontal]) .nav-submenu.floating-popover::after{top:-12px;left:0;right:0;height:12px;width:100%}:host([orientation=horizontal]) .nav-submenu.floating-popover:not(.cascading)::before,:host([orientation=horizontal]) .nav-submenu.floating-popover.placement-bottom:not(.cascading)::before,:host([orientation=horizontal]) .nav-submenu.floating-popover.placement-top:not(.cascading)::before{content:"" !important;position:absolute !important;left:50% !important;right:auto !important;top:-6px !important;bottom:auto !important;width:12px !important;height:12px !important;transform:translateX(-50%) rotate(45deg) !important;background:var(--bg-primary, #1e293b) !important;border-top:1px solid rgba(255, 255, 255, 0.1) !important;border-right:1px solid rgba(255, 255, 255, 0.1) !important;border-left:none !important;border-bottom:none !important;z-index:-1 !important}:host([orientation=horizontal]) .nav-submenu.floating-popover.cascading::before{content:"" !important;position:absolute !important;left:-6px !important;right:auto !important;top:18px !important;bottom:auto !important;width:12px !important;height:12px !important;transform:rotate(45deg) !important;background:var(--bg-primary, #1e293b) !important;border-top:none !important;border-right:none !important;border-left:1px solid rgba(255, 255, 255, 0.1) !important;border-bottom:1px solid rgba(255, 255, 255, 0.1) !important;z-index:-1 !important}';export{a as ui_navigation_item}

package/dist/exploration-project-tailwind/p-70d82d79.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,a as i,h as r,F as o}from"./p-DUsoYu9r.js";const s=class{constructor(i){t(this,i),this.otpChange=e(this,"otpChange"),this.otpComplete=e(this,"otpComplete"),this.otpSubmit=e(this,"otpSubmit"),this.resendClick=e(this,"resendClick")}get el(){return i(this)}length=6;value="";label="";helperText="";errorText="";disabled=!1;readonly=!1;required=!1;type="number";autoFocus=!0;secure=!1;size="md";color="primary";variant="default";invalid=!1;skeleton=!1;autoSubmit=!1;groupSize=0;placeholder="";rtl=!1;resendInterval=60;resendLabel="Resend Code";otpValues=[];focusedIndex=-1;internalInvalid=!1;internalErrorText="";resendTimer=0;resendIntervalId;otpChange;otpComplete;otpSubmit;resendClick;inputRefs=[];componentWillLoad(){if(this.otpValues=new Array(this.length).fill(""),this.value){const t=this.value.split("").slice(0,this.length);this.otpValues=[...t,...new Array(this.length-t.length).fill("")]}}startResendTimer(){this.resendTimer=this.resendInterval,this.resendIntervalId=setInterval((()=>{this.resendTimer>0?this.resendTimer--:clearInterval(this.resendIntervalId)}),1e3)}handleResend=()=>{this.resendTimer>0||(this.resendClick.emit(),this.startResendTimer())};disconnectedCallback(){this.resendIntervalId&&clearInterval(this.resendIntervalId)}componentDidLoad(){this.autoFocus&&this.inputRefs[0]&&this.inputRefs[0].focus()}handleValueChange(t){if(t===this.otpValues.join(""))return;const e=t.split("").slice(0,this.length);this.otpValues=[...e,...new Array(this.length-e.length).fill("")]}handleInput=(t,e)=>{let i=t.detail;if(i.length>1&&(i=i.slice(-1)),("number"===this.type||"numeric"===this.type)&&i&&!/^\d$/.test(i))return void this.showTemporaryError("Only numbers allowed");if("alphanumeric"===this.type&&i&&!/^[a-zA-Z0-9]$/.test(i))return void this.showTemporaryError("Only letters and numbers allowed");this.internalInvalid=!1,this.internalErrorText="",this.otpValues[e]=i,this.otpValues=[...this.otpValues];const r=this.otpValues.join("");this.value=r;const o=r.length===this.length&&!r.includes("");this.otpChange.emit({value:r,complete:o}),o&&(this.otpComplete.emit({value:r}),this.autoSubmit&&this.handleSubmit()),i&&e<this.length-1&&this.inputRefs[e+1]?.focus()};handleSubmit=()=>{this.otpSubmit.emit({value:this.value})};handleKeyDown=(t,e)=>{if("Backspace"===t.key){if(!this.otpValues[e]&&e>0){this.otpValues[e-1]="",this.otpValues=[...this.otpValues],this.inputRefs[e-1]?.focus();const t=this.otpValues.join("");this.value=t,this.otpChange.emit({value:t,complete:!1})}}else"ArrowLeft"===t.key&&e>0?this.rtl?e<this.length-1&&this.inputRefs[e+1]?.focus():this.inputRefs[e-1]?.focus():"ArrowRight"===t.key&&e<this.length-1&&(this.rtl?this.inputRefs[e-1]?.focus():this.inputRefs[e+1]?.focus())};handlePaste=t=>{t.preventDefault();const e=t.clipboardData.getData("text").split("").slice(0,this.length);if(("number"===this.type||"numeric"===this.type)&&!/^\d+$/.test(e.join("")))return void this.showTemporaryError("Only numbers allowed");if("alphanumeric"===this.type&&!/^[a-zA-Z0-9]+$/.test(e.join("")))return void this.showTemporaryError("Only letters and numbers allowed");this.internalInvalid=!1,this.internalErrorText="",this.otpValues=[...e,...new Array(this.length-e.length).fill("")];const i=this.otpValues.join("");this.value=i;const r=i.length===this.length;this.otpChange.emit({value:i,complete:r}),r?(this.otpComplete.emit({value:i}),this.inputRefs[this.length-1]?.focus()):this.inputRefs[e.length]?.focus()};errorTimeout;showTemporaryError(t){this.internalInvalid=!0,this.internalErrorText=t,this.errorTimeout&&clearTimeout(this.errorTimeout),this.errorTimeout=setTimeout((()=>{this.internalInvalid=!1,this.internalErrorText=""}),2e3)}handleFocus=t=>{this.focusedIndex!==t&&(this.focusedIndex=t,this.inputRefs[t]?.select())};handleBlur=()=>{this.focusedIndex=-1};clear(){this.otpValues=new Array(this.length).fill(""),this.value="",this.otpChange.emit({value:"",complete:!1}),this.inputRefs[0]?.focus()}focus(){this.inputRefs[0]?.focus()}render(){const t=this.invalid||this.internalInvalid,e=this.internalErrorText||this.errorText;return r("div",{key:"8fe5324ea7e186d84beea09373bf235f93921708",class:{"otp-input":!0,[`otp-input-${this.size}`]:!0,[`otp-input-${this.color}`]:!0,[`otp-input-${this.variant}`]:!0,"otp-input-disabled":this.disabled,"otp-input-readonly":this.readonly,"otp-input-invalid":t,"otp-input-skeleton":this.skeleton},dir:this.rtl?"rtl":"ltr"},this.label&&r("label",{key:"baa571a85ef85c818b191b46160b42a50b465585",class:"otp-label"},this.label),r("div",{key:"48cb77b47f529d79d9ffcc84af84307f1ecc8a1a",class:"otp-inputs-container"},this.otpValues.map(((t,e)=>{const i=this.groupSize>0&&(e+1)%this.groupSize==0&&e!==this.length-1;return r(o,null,r("ui-input",{ref:t=>this.inputRefs[e]=t,type:this.secure?"password":"text",inputMode:"number"===this.type||"numeric"===this.type?"numeric":"text",pattern:"number"===this.type||"numeric"===this.type?"[0-9]*":void 0,maxLength:1,class:{"otp-input-field":!0,focused:this.focusedIndex===e,filled:!!t},value:t,placeholder:this.placeholder,disabled:this.disabled||this.skeleton,readonly:this.readonly,onInputChange:t=>this.handleInput(t,e),onInputKeydown:t=>this.handleKeyDown(t.detail,e),onPasteInternal:t=>0===e?this.handlePaste(t.detail):t.detail.preventDefault(),onFocusInternal:()=>this.handleFocus(e),onInputBlur:this.handleBlur,ariaLabel:`Digit ${e+1}`,size:this.size,align:"center"}),i&&r("div",{class:"otp-divider"}))}))),t&&e&&r("div",{key:"eb635e42e20010b8ca86e84ea3f3a7d9c077a5fa",class:"error-text"},r("ui-icon",{key:"50163f7f1957e40f76d80c4b93548b0cf308b3bf",name:"exclamation-circle",library:"fontawesome"}),e),!t&&this.helperText&&r("div",{key:"0665d1b8ed1e46af72017732bcf59fa4b2ad1e14",class:"helper-text"},this.helperText),r("div",{key:"2d6a7e0c414b396e6a859ebcc5adbd5838cdabf5",class:"otp-resend-container"},r("ui-button",{key:"8f93b95638c39ce06cd1b5bf55172ca3b4045580",variant:"ghost",size:"sm",onClick:this.handleResend,disabled:this.resendTimer>0||this.disabled,label:`${this.resendLabel} ${this.resendTimer>0?`(${this.resendTimer}s)`:""}`})))}static get watchers(){return{value:[{handleValueChange:0}]}}};s.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.otp-input{display:flex;flex-direction:column;gap:12px}.otp-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--label-color, var(--text-primary, #333));margin-bottom:8px}.otp-inputs-container{display:flex;gap:8px;justify-content:center;align-items:center}.otp-divider{width:12px;height:2px;background:var(--border-color, #e0e0e0);margin-inline-start:4px;margin-inline-end:4px}.otp-input-field{width:48px;height:56px;text-align:center;font-size:24px;font-weight:600;border:2px solid var(--border-color, #e0e0e0);border-radius:8px;background:var(--surface-color, var(--bg-primary, #ffffff));outline:none;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);caret-color:var(--primary-color, var(--color-success, #3dcd58))}.otp-input-field:hover:not(:disabled){border-color:var(--border-hover, #bbb)}.otp-input-field:focus,.otp-input-field.focused{border-color:var(--primary-color, var(--color-success, #3dcd58));box-shadow:0 0 0 3px rgba(var(--color-success-rgb, 61, 205, 88), 0.15);transform:translateY(-2px)}.otp-input-field.filled{border-color:var(--primary-color, var(--color-success, #3dcd58));background:var(--primary-color-light, rgba(var(--color-success-rgb, 61, 205, 88), 0.05))}.otp-input-field:disabled{background:var(--background-secondary, #f5f5f5);cursor:not-allowed;opacity:0.6}.otp-input-sm .otp-input-field{width:40px;height:48px;font-size:20px}.otp-input-lg .otp-input-field{width:56px;height:64px;font-size:28px}.otp-input-secondary .otp-input-field:focus{border-color:var(--color-primary, #6b7280);box-shadow:0 0 0 3px rgba(107, 114, 128, 0.15)}.otp-input-success .otp-input-field:focus{border-color:var(--color-success, #16a34a);box-shadow:0 0 0 3px rgba(22, 163, 74, 0.15)}.otp-input-danger .otp-input-field:focus{border-color:var(--color-danger-hover, #dc2626);box-shadow:0 0 0 3px rgba(var(--color-danger-rgb, 220, 38, 38), 0.15)}.otp-input-warning .otp-input-field:focus{border-color:var(--color-warning, #f59e0b);box-shadow:0 0 0 3px rgba(var(--color-warning-rgb, 245, 158, 11), 0.15)}.otp-input-info .otp-input-field:focus{border-color:var(--color-info-hover, #0891b2);box-shadow:0 0 0 3px rgba(8, 145, 178, 0.15)}.otp-input-underlined .otp-input-field{border:none;border-bottom:2px solid var(--border-color);border-radius:0;background:transparent}.otp-input-underlined .otp-input-field:focus{transform:none;border-bottom-color:var(--primary-color);box-shadow:none}.otp-input-flushed .otp-input-field{border:none;background:var(--background-secondary, var(--bg-secondary, #f3f4f6));border-radius:12px}.otp-input-flushed .otp-input-field:focus{background:var(--surface-color);box-shadow:0 4px 12px rgba(0, 0, 0, 0.05)}.otp-input-separated .otp-input-field{margin-inline-start:4px;margin-inline-end:4px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.05);border-radius:12px}.otp-input-invalid{animation:otp-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.otp-input-invalid .otp-input-field{border-color:var(--danger-color, #f44336) !important}.otp-input-invalid .otp-input-field:focus{box-shadow:0 0 0 3px rgba(244, 67, 54, 0.15)}.error-text{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--danger-color, #f44336)}.error-text i{font-size:14px}.helper-text{font-size:12px;color:var(--label-subtitle-color, var(--text-secondary, #666));text-align:center}.otp-input-skeleton{pointer-events:none}.otp-input-skeleton .otp-input-field{background:linear-gradient(90deg, var(--bg-secondary, #f3f4f6) 25%, var(--bg-primary, #e5e7eb) 50%, var(--bg-secondary, #f3f4f6) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear;border-color:transparent}.otp-input-skeleton .otp-label{width:80px;height:14px;background:var(--bg-primary, #e5e7eb);border-radius:4px;margin-bottom:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes otp-shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}@keyframes fillPulse{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 15px rgba(var(--color-success-rgb, 61, 205, 88), 0.3)}100%{transform:scale(1)}}.otp-input-field.filled{animation:fillPulse 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}";export{s as ui_otp_input}

package/dist/exploration-project-tailwind/p-717dad1f.entry.js

@@ -1 +0,0 @@
-import{r as t,c as o,a as r,h as e,H as i}from"./p-DUsoYu9r.js";import{c as n}from"./p-BMFah5q3.js";const d=new class{container;politeRegion;assertiveRegion;constructor(){this.init()}init(){const t=document.getElementById("aria-live-regions");if(t)return this.container=t,this.politeRegion=document.getElementById("aria-live-polite"),void(this.assertiveRegion=document.getElementById("aria-live-assertive"));this.container=document.createElement("div"),this.container.id="aria-live-regions",this.container.style.position="absolute",this.container.style.width="1px",this.container.style.height="1px",this.container.style.padding="0",this.container.style.margin="-1px",this.container.style.overflow="hidden",this.container.style.clip="rect(0, 0, 0, 0)",this.container.style.whiteSpace="nowrap",this.container.style.border="0",this.politeRegion=this.createRegion("polite"),this.assertiveRegion=this.createRegion("assertive"),this.container.appendChild(this.politeRegion),this.container.appendChild(this.assertiveRegion),document.body.appendChild(this.container)}createRegion(t){const o=document.createElement("div");return o.id=`aria-live-${t}`,o.setAttribute("aria-live",t),o.setAttribute("aria-atomic","true"),o}announce(t,o="polite"){this.container||this.init();const r="assertive"===o?this.assertiveRegion:this.politeRegion;r.textContent="",setTimeout((()=>{r.textContent=t}),50)}},a=class{constructor(r){t(this,r),this.valueChange=o(this,"valueChange"),this.dropdownOpen=o(this,"dropdownOpen"),this.dropdownClose=o(this,"dropdownClose")}get hostElement(){return r(this)}options=[];placeholder="Select an option";multiSelect=!1;cascading=!1;value="";disabled=!1;searchable=!1;maxHeight=300;size="md";appearance="dropdown";variant="default";chipView=!1;showArrow;ignoreParentPosition=!0;clearable;fullWidth=!1;fitContent=!1;menuWidth;loading=!1;invalid=!1;helperText;errorMessage;searchPlaceholder="Search...";iconLibrary="ionicons";showPath=!1;highFidelity=!0;rtl=!1;shape="default";showSelectedMarker=!0;selectedMarkerIcon="check";selectedMarkerLibrary="lucide";selectedMarkerLabel="";selectedMarkerColor="";isOpen=!1;parsedOptions=[];selectedValues=new Set;searchQuery="";expandedNodes=new Set;dropdownPosition="bottom";menuLeft=0;menuTop=0;computedMenuWidth=0;menuMaxHeight=0;highlightedIndex=-1;nestedPath=[];optionsRef=[];searchInputRef;searchDebounce;menuElement;rafId=null;isPortaled=!1;handleDocumentClick=t=>{if(!this.isOpen)return;const o=t.composedPath(),r=o.some((t=>t===this.hostElement)),e=this.menuElement&&o.some((t=>t===this.menuElement||t instanceof Node&&this.menuElement.contains(t)));r||e||this.closeDropdown()};expandAll=!1;skeleton=!1;showSelectAll=!1;selectAllLabel="Select All";textColor="";virtualScroll=!1;caseSensitive=!1;label="";valueChange;dropdownOpen;dropdownClose;handleOptionsChange(t){this.parseOptions(t),this.syncNestedPath()}handleValueChange(t){this.updateSelectedValues(t),this.syncNestedPath()}handleSearchQueryChange(){clearTimeout(this.searchDebounce),this.searchDebounce=setTimeout((()=>{const t=this.getVisibleOptionCount();d.announce(`${t} option${1!==t?"s":""} found`)}),300)}componentWillLoad(){this.parseOptions(this.options),this.updateSelectedValues(this.value),this.syncNestedPath(),this.expandAll&&this.cascading&&this.expandAllNodes(this.parsedOptions)}expandAllNodes(t){t.forEach((t=>{t.children&&(this.expandedNodes.add(t.value.toString()),this.expandAllNodes(t.children))})),this.expandedNodes=new Set(this.expandedNodes)}async open(){this.isOpen||this.toggleDropdown()}componentDidUpdate(){this.isOpen&&this.menuElement&&this.calculateDropdownPosition()}connectedCallback(){this.handleViewportChange=this.handleViewportChange.bind(this),window.addEventListener("scroll",this.handleViewportChange,!0),window.addEventListener("resize",this.handleViewportChange),document.addEventListener("click",this.handleDocumentClick,!0),window.addEventListener("popstate",this.closeDropdown),window.addEventListener("hashchange",this.closeDropdown)}disconnectedCallback(){window.removeEventListener("scroll",this.handleViewportChange,!0),window.removeEventListener("resize",this.handleViewportChange),document.removeEventListener("click",this.handleDocumentClick,!0),window.removeEventListener("popstate",this.closeDropdown),window.removeEventListener("hashchange",this.closeDropdown),this.cleanupPortal()}getOptionId(t){return`dropdown-option-${t}`}handleKeyDown=t=>{if(!this.disabled)if(this.searchable||1!==t.key.length||!this.isOpen)switch(t.key){case"Enter":case" ":if(this.isOpen){if(this.highlightedIndex>=0){t.preventDefault();const o=this.getVisibleOptions();o[this.highlightedIndex]&&this.handleOptionClick(o[this.highlightedIndex],t)}}else t.preventDefault(),this.toggleDropdown();break;case"ArrowDown":if(t.preventDefault(),this.isOpen){const t=this.getVisibleOptionCount();this.highlightedIndex=Math.min(this.highlightedIndex+1,t-1),this.scrollToHighlighted()}else this.toggleDropdown();break;case"ArrowUp":t.preventDefault(),this.isOpen&&(this.highlightedIndex=Math.max(this.highlightedIndex-1,0),this.scrollToHighlighted());break;case"Escape":this.isOpen&&(t.preventDefault(),this.closeDropdown(),this.hostElement.shadowRoot?.querySelector(".dropdown-trigger")?.focus());break;case"Tab":this.isOpen&&this.closeDropdown()}else{const o=t.key.toLowerCase(),r=this.getVisibleOptions(),e=this.highlightedIndex+1,i=[...r.slice(e),...r.slice(0,e)].findIndex((t=>(t.label??"").toLowerCase().startsWith(o)));if(-1!==i){let t=e+i;t>=r.length&&(t-=r.length),this.highlightedIndex=t,this.scrollToHighlighted(),d.announce(r[t].label??"")}}};getVisibleOptions(){if(this.isNestedMenuVariant())return this.getNestedMenuLevels(this.filterOptions(this.parsedOptions)).flat();const t=[],o=r=>{r.forEach((r=>{t.push(r),r.children&&(this.expandedNodes.has(r.value?.toString()??"")||this.searchQuery)&&o(r.children)}))};return this.cascading?o(this.filterOptions(this.parsedOptions)):this.filterOptions(this.parsedOptions).forEach((o=>t.push(o))),t}getVisibleOptionCount(){return this.getVisibleOptions().length}scrollToHighlighted(){const t=this.optionsRef[this.highlightedIndex];t&&t.scrollIntoView({block:"nearest"})}isNestedMenuVariant(){return"nested-menu"===this.variant&&this.cascading&&!this.searchQuery}findOptionPathByValue(t,o,r=[]){for(const e of t){const t=e.value?.toString()??"",i=t?[...r,t]:[...r];if(t===o)return i;if(e.children){const t=this.findOptionPathByValue(e.children,o,i);if(t)return t}}return null}syncNestedPath(){if("nested-menu"!==this.variant||!this.cascading)return void(this.nestedPath=[]);const t=Array.from(this.selectedValues)[0];this.nestedPath=t?this.findOptionPathByValue(this.parsedOptions,t)??[]:[]}setNestedPath(t,o){const r=this.nestedPath.slice(0,t);r[t]=o,this.nestedPath=r}getNestedMenuLevels(t){const o=[];let r=t;r.length>0&&o.push(r);for(let t=0;t<this.nestedPath.length;t++){const e=this.nestedPath[t],i=r.find((t=>(t.value?.toString()??"")===e));if(!i?.children?.length)break;r=i.children,o.push(r)}return o}getNestedMenuEstimatedWidth(){return("sm"===this.size?190:"lg"===this.size?260:220)*Math.max(1,this.getNestedMenuLevels(this.filterOptions(this.parsedOptions)).length)}parseOptions(t){let o=[];if("string"==typeof t&&t.length>0)try{o=JSON.parse(t)}catch(t){console.error("Invalid JSON for dropdown options:",t),o=[]}else if(Array.isArray(t)&&t.length>0)o=t;else{const t=Array.from(this.hostElement.querySelectorAll("option"));o=t.length>0?t.map((t=>({label:t.textContent||"",value:t.value||t.textContent||"",disabled:t.disabled,...t.dataset.icon?{icon:t.dataset.icon}:{},...t.dataset.subtitle?{subtitle:t.dataset.subtitle}:{},...t.dataset.description?{description:t.dataset.description}:{},...t.dataset.group?{group:t.dataset.group}:{}}))):[]}const r=[];o.forEach((t=>{t.options&&Array.isArray(t.options)?t.options.forEach((o=>{r.push({...o,group:t.label})})):r.push(t)})),this.parsedOptions=r}updateSelectedValues(t){this.selectedValues=t?this.multiSelect?new Set(t.split(",").filter((t=>t))):new Set([t]):new Set}toggleDropdown=()=>{if(this.disabled)return;const t=this.hostElement.shadowRoot?.querySelector(".dropdown-trigger")||this.hostElement.querySelector(".dropdown-trigger");if(!t)return;const o=t.getBoundingClientRect();if(0!==o.width||0!==o.height)if(this.isOpen=!this.isOpen,this.isOpen){if(this.dropdownOpen.emit(),this.highlightedIndex=-1,"nested-menu"===this.variant&&this.cascading&&this.syncNestedPath(),this.schedulePositionUpdate(),!this.multiSelect&&this.selectedValues.size>0){const t=this.getVisibleOptions().findIndex((t=>this.selectedValues.has(t.value?.toString()??"")));-1!==t&&(this.highlightedIndex=t)}setTimeout((()=>{this.calculateDropdownPosition(),this.searchable&&this.searchInputRef&&this.searchInputRef.focus()}),50)}else this.closeDropdown()};schedulePositionUpdate(){null!==this.rafId&&cancelAnimationFrame(this.rafId);const t=performance.now(),o=r=>{this.isOpen?(this.calculateDropdownPosition(),this.rafId=r-t<250?requestAnimationFrame(o):null):this.rafId=null};this.rafId=requestAnimationFrame(o)}cleanupPortal(){null!==this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=null),this.isPortaled&&this.menuElement&&this.menuElement.parentElement===document.body&&(this.hostElement.appendChild(this.menuElement),this.isPortaled=!1)}handleViewportChange(){this.isOpen&&this.calculateDropdownPosition()}parseConfiguredMenuWidth(){if(null==this.menuWidth)return{};if("number"==typeof this.menuWidth&&Number.isFinite(this.menuWidth))return{cssWidth:`${this.menuWidth}px`,pixelWidth:this.menuWidth};const t=String(this.menuWidth).trim();if(!t)return{};if(/^\d+(?:\.\d+)?$/.test(t)){const o=Number(t);return{cssWidth:`${o}px`,pixelWidth:o}}return/^\d+(?:\.\d+)?px$/i.test(t)?{cssWidth:t,pixelWidth:parseFloat(t)}:{cssWidth:t}}getMenuStyle(t){const o=this.parseConfiguredMenuWidth(),r=this.computedMenuWidth>0?`${this.computedMenuWidth}px`:void 0,e={left:`${this.menuLeft}px`,maxWidth:"calc(100vw - 16px)",maxHeight:`${this.menuMaxHeight>0?this.menuMaxHeight:this.maxHeight||300}px`,visibility:t?"visible":0===this.menuLeft&&0===this.menuTop?"hidden":"visible",top:`${this.menuTop}px`};return o.cssWidth?{...e,width:o.cssWidth}:this.fullWidth?{...e,width:r,minWidth:r}:{...e,width:"max-content",minWidth:r}}shouldPortalMenu(){return!0}calculateDropdownPosition(){if(!this.hostElement||!this.isOpen||!this.menuElement)return;const t=this.hostElement.shadowRoot?.querySelector(".dropdown-trigger")||this.hostElement.querySelector(".dropdown-trigger");if(!t)return;const o=t.getBoundingClientRect();if(0===o.width&&0===o.height)return this.menuLeft=0,this.menuTop=0,this.computedMenuWidth=0,void(this.dropdownPosition="bottom");const r=this.parseConfiguredMenuWidth(),e=t.offsetWidth||o.width,i=!this.fitContent&&r.pixelWidth?r.pixelWidth:this.isNestedMenuVariant()?Math.max(e,this.getNestedMenuEstimatedWidth()):e,d=this.shouldPortalMenu();d&&this.menuElement.parentElement!==document.body?(document.body.appendChild(this.menuElement),this.isPortaled=!0):!d&&this.isPortaled&&this.cleanupPortal();const{left:a,top:s,placement:p,availableHeight:l}=n(t,{menuWidth:i,menuHeight:this.maxHeight||300,gap:4,placement:"auto",useTransformedAncestorOffset:!d||!this.ignoreParentPosition}),h=Math.max(80,Math.min(this.maxHeight||300,l));let c=a,g=s;d||(c=a,g=s),this.menuLeft===c&&this.menuTop===g&&this.computedMenuWidth===e&&this.dropdownPosition===p&&this.menuMaxHeight===h||(this.menuLeft=c,this.menuTop=g,this.computedMenuWidth=e,this.dropdownPosition=p,this.menuMaxHeight=h)}closeDropdown=()=>{this.isOpen&&(this.isOpen=!1,this.dropdownClose.emit(),this.searchQuery="",this.cleanupPortal())};handleOptionClick=(t,o)=>{if(o.stopPropagation(),!t.disabled)if(this.cascading&&t.children&&t.children.length>0){if(this.isNestedMenuVariant()){const o=this.getNestedMenuLevels(this.filterOptions(this.parsedOptions)).findIndex((o=>o.some((o=>(o.value?.toString()??"")===(t.value?.toString()??"")))));return void this.setNestedPath(-1===o?0:o,t.value?.toString()??"")}this.toggleNode(t.value?.toString()??"")}else{if(this.multiSelect){const o=new Set(this.selectedValues),r=t.value?.toString()??"";o.has(r)?(o.delete(r),d.announce(`Deselected ${t.label}`)):(o.add(r),d.announce(`Selected ${t.label}`)),this.selectedValues=o,this.value=Array.from(o).join(",")}else{const o=t.value?.toString()??"";this.selectedValues=new Set([o]),this.value=o,this.closeDropdown(),this.hostElement.shadowRoot?.querySelector(".dropdown-trigger")?.focus(),d.announce(`Selected ${t.label}`)}this.emitChangeEvent()}};toggleNode=t=>{const o=new Set(this.expandedNodes);o.has(t)?o.delete(t):o.add(t),this.expandedNodes=o};handleClear=t=>{t.stopPropagation(),this.selectedValues=new Set,this.value="",this.emitChangeEvent(),this.hostElement.shadowRoot?.querySelector(".dropdown-trigger")?.focus()};handleSearchInput=t=>{this.searchQuery=t.target.value.toLowerCase()};emitChangeEvent(){const t=this.getSelectedOptions();this.valueChange.emit({value:this.value,selectedOptions:t})}getSelectedOptions(){const t=[],o=r=>{r.forEach((r=>{this.selectedValues.has(r.value?.toString()??"")&&t.push(r),r.children&&o(r.children)}))};return o(this.parsedOptions),t}getSelectedDescendantCount(t){if(!t.children)return 0;let o=0;const r=t=>{t.forEach((t=>{this.selectedValues.has(t.value?.toString()??"")&&o++,t.children&&r(t.children)}))};return r(t.children),o}filterOptions(t){return this.searchQuery?t.filter((t=>{const o=this.caseSensitive?this.searchQuery:this.searchQuery.toLowerCase(),r=this.caseSensitive?t.label??"":(t.label??"").toLowerCase(),e=this.caseSensitive?t.subtitle||"":(t.subtitle||"").toLowerCase(),i=this.caseSensitive?t.description||"":(t.description||"").toLowerCase(),n=this.caseSensitive?t.group||"":(t.group||"").toLowerCase(),d=r.includes(o),a=e.includes(o),s=i.includes(o),p=n.includes(o),l=t.children&&this.filterOptions(t.children).length>0;return d||a||s||p||l})).map((t=>({...t,children:t.children?this.filterOptions(t.children):void 0}))):t}getIconSize(t){let o="md";return"sm"!==this.size&&"md"!==this.size&&"lg"!==this.size||(o=this.size),{sm:{main:"14px",sub:"12px",marker:"16px"},md:{main:"16px",sub:"14px",marker:"18px"},lg:{main:"18px",sub:"16px",marker:"20px"}}[o][t]}highlightMatches(t){if(!this.searchQuery||!t)return t;const o=this.searchQuery.toLowerCase(),r=t.toLowerCase().indexOf(o);return-1===r?t:e("span",null,t.substring(0,r),e("span",{class:"dropdown-search-highlight"},t.substring(r,r+o.length)),t.substring(r+o.length))}renderOption(t,o=0,r={current:0}){if(t.isSeparator)return e("div",{class:"dropdown-separator"});const i=this.selectedValues.has(t.value?.toString()??""),n=!!(this.cascading&&t.children&&t.children.length>0),d=r.current;r.current++;const a=d===this.highlightedIndex,s=this.getOptionId(d);return e("div",{class:"dropdown-option-wrapper",key:t.value?.toString()??"",role:"option",id:s,"aria-selected":i?"true":"false"},e("div",{class:{"ui-dropdown-option":!0,dropdowndata:!0,"ui-dropdown-option-selected":i,"dropdown-option-highlighted":a,"dropdown-option-disabled":!!t.disabled,"dropdown-option-parent":n},style:{paddingLeft:"16px",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:"12px",boxSizing:"border-box",width:"100%",whiteSpace:"nowrap",...i?{backgroundColor:"var(--dd-selected-bg)",color:"var(--dd-selected-text)",borderRadius:"12px"}:{}},onClick:o=>this.handleOptionClick(t,o),ref:t=>{t&&(this.optionsRef[d]=t)}},(this.multiSelect&&!n||t.icon)&&e("div",{class:"dropdown-option-left"},this.multiSelect&&!n&&e("div",{class:{"dropdown-checkbox":!0,checked:i,"dropdown-checkbox-selected":i}},i&&e("ui-icon",{name:"check",library:"lucide",size:this.getIconSize("sub"),color:"white"})),t.icon&&e("span",{class:"dropdown-option-icon"},"string"==typeof t.icon?e("ui-icon",{name:t.icon,library:t.iconLibrary,size:this.getIconSize("main")}):t.icon)),e("div",{class:"dropdown-option-text"},e("div",{class:{"dropdown-option-content":!0,"dropdown-content-parent":n}},e("div",{class:"dropdown-option-label"},this.highlightMatches(t.label??"")),(t.subtitle||t.description)&&e("div",{class:"dropdown-option-subtitle"},this.highlightMatches(t.subtitle??t.description??"")))),e("div",{class:"dropdown-option-right"},t.rightTag&&e("ui-tag",{label:t.rightTag,color:t.rightTagColor||"default",size:"sm",variant:"light",class:"dropdown-option-tag"}),t.rightIcon&&e("span",{class:"dropdown-option-right-icon"},e("ui-icon",{name:t.rightIcon,library:t.rightIconLibrary,size:this.getIconSize("sub")})),n&&e("div",{class:"dropdown-expand-group"},this.multiSelect&&(()=>{const o=this.getSelectedDescendantCount(t);return o>0?e("span",{class:"dropdown-badge"},o):null})(),e("ui-icon",{name:"chevron-right",library:"lucide",size:this.getIconSize("sub"),class:{"dropdown-expand-icon":!0,expanded:this.expandedNodes.has(t.value?.toString()??"")}})),!this.multiSelect&&!n&&this.showSelectedMarker&&e("span",{class:"ui-dropdown-selected-marker-wrap",style:i?{}:{visibility:"hidden"}},e("ui-icon",{name:this.selectedMarkerIcon,library:this.selectedMarkerLibrary,size:this.getIconSize("marker"),class:"ui-dropdown-selected-marker",color:this.selectedMarkerColor||"var(--dd-selected-icon)"}),this.selectedMarkerLabel&&e("span",{class:"ui-dropdown-selected-marker-label"},this.selectedMarkerLabel)))),n&&this.expandedNodes.has(t.value?.toString()??"")&&e("div",{class:"dropdown-children"},t.children?.map((t=>this.renderOption(t,o+1,r)))))}renderChips(){const t=this.getSelectedOptions();return 0===t.length?this.placeholder:e("div",{class:"dropdown-chips"},t.map((t=>e("ui-tag",{label:t.label??"",size:"sm",color:"primary",variant:"light",removable:!0,animation:"slide",onTagRemove:o=>{o.stopPropagation(),this.handleOptionClick(t,o)}}))))}getDisplayText(){if(0===this.selectedValues.size)return this.placeholder;if(this.multiSelect){if(this.chipView)return this.renderChips();const t=this.getSelectedOptions();return 1===t.length?t[0].label:`${t.length} items selected`}{const t=this.getSelectedOptions();if(t.length>0){const o=t[0];return"detailed"===this.variant&&o.icon?e("div",{class:"dropdown-trigger-content"},e("ui-icon",{name:o.icon,library:o.iconLibrary||this.iconLibrary,size:"18px",class:"dropdown-trigger-icon"}),e("span",{class:"dropdown-trigger-label"},o.label)):o.label}return this.placeholder}}renderValidationSubstrate(){return this.invalid&&this.errorMessage?e("div",{class:"dropdown-helper-text dropdown-error-text"},e("ui-icon",{name:"alert-circle",library:"lucide",size:"12px"}),e("span",null,this.errorMessage)):this.helperText?e("div",{class:"dropdown-helper-text"},this.helperText):null}render(){if(this.skeleton)return e("div",{class:{"dropdown-container":!0,"dropdown-skeleton":!0,[`dropdown-${this.size}`]:!0,"dropdown-full-width":this.fullWidth,"dropdown-fit-content":this.fitContent,[`variant-${this.variant}`]:!0}},e("div",{class:"dropdown-trigger"},e("div",{class:"dropdown-skeleton-text"}),e("div",{class:"dropdown-skeleton-icon"})));const t=this.filterOptions(this.parsedOptions),o=this.selectedValues.size>0,r=void 0!==this.showArrow?this.showArrow:"button"!==this.appearance,i=void 0!==this.clearable?this.clearable:this.multiSelect&&!this.chipView,n=this.isOpen&&this.highlightedIndex>=0?this.getOptionId(this.highlightedIndex):void 0,d=!this.shouldPortalMenu();let a={};return a.color=this.textColor&&o?this.textColor:"var(--dd-text, var(--color-on-surface, #10213a))",e("div",{class:{"dropdown-container":!0,[`dropdown-${this.size}`]:!0,[`variant-${this.variant}`]:!0,"dropdown-disabled":this.disabled,"dropdown-open":this.isOpen,"dropdown-invalid":this.invalid,"dropdown-appearance-button":"button"===this.appearance,"dropdown-full-width":this.fullWidth,"dropdown-fit-content":this.fitContent,"dropdown-has-chips":this.chipView&&this.multiSelect&&o,"dropdown-rtl":this.rtl,[`dropdown-shape-${this.shape}`]:"default"!==this.shape},dir:this.rtl?"rtl":"ltr"},this.label&&e("label",{class:"dropdown-label"},this.label),e("div",{class:"dropdown-trigger",onClick:this.toggleDropdown,onKeyDown:this.handleKeyDown,tabIndex:this.disabled?-1:0,role:"combobox","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-controls":"dropdown-list","aria-label":this.placeholder,"aria-activedescendant":n},e("slot",{name:"prefix"}),e("div",{class:{"dropdown-display":!0,"dropdown-placeholder":!o},style:a},this.getDisplayText()),e("div",{class:"dropdown-icons"},this.loading&&e("span",{class:"dropdown-spinner"},e("ui-icon",{name:"loader-2",library:"lucide",spin:!0,size:"16px"})),o&&i&&!this.disabled&&e("span",{class:"dropdown-clear",onClick:this.handleClear,tabIndex:0,role:"button","aria-label":"Clear selection",onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.stopPropagation(),this.handleClear(t))}},e("ui-icon",{name:"x",library:"lucide",size:this.getIconSize("sub")})),r&&e("ui-icon",{name:"chevron-down",library:"lucide",size:this.getIconSize("sub"),class:{"dropdown-arrow":!0,open:this.isOpen}}))),this.renderValidationSubstrate(),this.isOpen&&e("div",{class:{"ui-dropdown-menu":!0,"ui-dropdown-menu--local":d,"dropdown-menu-top":"top"===this.dropdownPosition,[`dropdown-menu-${this.size}`]:!0,[`dropdown-menu-variant-${this.variant}`]:!0,"dropdown-menu-searchable":this.searchable,"dropdown-menu-cascading":this.cascading},id:"dropdown-list",role:"listbox","aria-multiselectable":this.multiSelect?"true":"false",ref:t=>{t&&(this.menuElement=t)},style:this.getMenuStyle(d)},this.searchable&&e("div",{class:"dropdown-search"},e("div",{class:"dropdown-search-container"},e("ui-icon",{name:"search",library:"lucide",size:"16px",class:"dropdown-search-icon"}),e("input",{type:"text",class:"dropdown-search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,onInput:this.handleSearchInput,ref:t=>{t&&(this.searchInputRef=t)},onKeyDown:this.handleKeyDown,"aria-activedescendant":n}))),e("div",{class:"dropdown-options"},this.renderBulkActions(t),t.length>0?this.renderMenuContents(t,{current:0}):e("div",{class:"dropdown-empty"},e("slot",{name:"empty-state"},"No options found")))))}isAllSelected(t){const o=t=>{let r=[];return t.forEach((t=>{r.push(t.value?.toString()??""),t.children&&(r=[...r,...o(t.children)])})),r},r=o(t);return 0!==r.length&&r.every((t=>this.selectedValues.has(t)))}toggleSelectAll(t){const o=t=>{let r=[];return t.forEach((t=>{r.push(t.value?.toString()??""),t.children&&(r=[...r,...o(t.children)])})),r},r=o(t),e=this.isAllSelected(t);r.forEach(e?t=>this.selectedValues.delete(t):t=>this.selectedValues.add(t)),this.selectedValues=new Set(this.selectedValues),this.value=Array.from(this.selectedValues).join(","),this.emitChangeEvent()}clearAllSelections(){this.selectedValues=new Set,this.value="",this.emitChangeEvent()}renderBulkActions(t){if(!this.multiSelect||this.searchQuery)return null;const o=this.isAllSelected(t),r=this.selectedValues.size>0,i=this.showSelectAll&&t.length>0;return i||r?e("div",{class:"dropdown-bulk-actions"},i&&e("div",{class:{"dropdown-select-all":!0,"dropdown-select-all-with-clear":r},onClick:o=>{o.stopPropagation(),this.toggleSelectAll(t)}},e("div",{class:{"dropdown-checkbox":!0,"dropdown-checkbox-selected":o}},o&&e("ui-icon",{name:"check",library:"lucide",size:"12px"})),e("span",null,this.selectAllLabel)),r&&e("div",{class:"dropdown-clear-all",onClick:t=>{t.stopPropagation(),this.clearAllSelections()}},e("ui-icon",{name:"trash-2",library:"lucide",size:"14px"}),e("span",null,"Clear All"))):null}renderNestedMenuContents(t,o){const r=this.getNestedMenuLevels(t);return e("div",{class:"dropdown-nested-columns"},r.map(((t,r)=>e("div",{class:"dropdown-nested-panel",key:`nested-level-${r}`},t.map((t=>{const i=!!t.children?.length,n=t.value?.toString()??"",d=this.selectedValues.has(n),a=this.nestedPath[r]===n,s=o.current;o.current++;const p=s===this.highlightedIndex,l=this.getOptionId(s);return e("div",{class:"dropdown-option-wrapper",key:`${n}-${r}`,role:"option",id:l,"aria-selected":d?"true":"false"},e("div",{class:{"ui-dropdown-option":!0,dropdowndata:!0,"dropdown-nested-option":!0,"ui-dropdown-option-selected":d,"dropdown-option-highlighted":p,"dropdown-option-disabled":!!t.disabled,"dropdown-option-parent":i,"dropdown-nested-option-active":a},onMouseEnter:()=>{i&&this.setNestedPath(r,n)},onClick:o=>this.handleOptionClick(t,o),ref:t=>{t&&(this.optionsRef[s]=t)}},(this.multiSelect&&!i||t.icon)&&e("div",{class:"dropdown-option-left"},this.multiSelect&&!i&&e("div",{class:{"dropdown-checkbox":!0,checked:d,"dropdown-checkbox-selected":d}},d&&e("ui-icon",{name:"check",library:"lucide",size:this.getIconSize("sub"),color:"white"})),t.icon&&e("span",{class:"dropdown-option-icon"},"string"==typeof t.icon?e("ui-icon",{name:t.icon,library:t.iconLibrary,size:this.getIconSize("main")}):t.icon)),e("div",{class:"dropdown-option-text"},e("div",{class:"dropdown-option-content"},e("div",{class:"dropdown-option-label"},this.highlightMatches(t.label??"")),(t.subtitle||t.description)&&e("div",{class:"dropdown-option-subtitle"},this.highlightMatches(t.subtitle??t.description??"")))),e("div",{class:"dropdown-option-right"},t.rightTag&&e("ui-tag",{label:t.rightTag,color:t.rightTagColor||"default",size:"sm",variant:"light",class:"dropdown-option-tag"}),i&&e("ui-icon",{name:"chevron-right",library:"lucide",size:this.getIconSize("sub"),class:{"dropdown-expand-icon":!0,expanded:a}}),!this.multiSelect&&!i&&this.showSelectedMarker&&e("span",{class:"ui-dropdown-selected-marker-wrap",style:d?{}:{visibility:"hidden"}},e("ui-icon",{name:this.selectedMarkerIcon,library:this.selectedMarkerLibrary,size:this.getIconSize("marker"),class:"ui-dropdown-selected-marker",color:this.selectedMarkerColor||"var(--dd-selected-icon)"}),this.selectedMarkerLabel&&e("span",{class:"ui-dropdown-selected-marker-label"},this.selectedMarkerLabel)))))}))))))}renderMenuContents(t,o){if(this.isNestedMenuVariant())return this.renderNestedMenuContents(t,o);const r=[];let i=null;return(this.virtualScroll?t.slice(0,50):t).forEach((t=>{t.group&&t.group!==i&&(r.push(e("div",{class:"dropdown-group-header"},t.group)),i=t.group),r.push(this.renderOption(t,0,o))})),this.virtualScroll&&t.length>50&&r.push(e("div",{class:"dropdown-more-info"},"Showing 50 of ",t.length," items. Use search to find more.")),r}static get watchers(){return{options:[{handleOptionsChange:0}],value:[{handleValueChange:0}],searchQuery:[{handleSearchQueryChange:0}]}}};a.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:root{--dd-primary:var(--color-primary, #2563eb);--dd-border:var(--border-default, #cfd8e3);--dd-border-strong:var(--border-strong, #b4c1d1);--dd-focus:var(--color-primary-hover, #2563eb);--dd-text:var(--label-color, var(--text-primary, var(--color-on-surface, #10213a)));--dd-muted:var(--label-subtitle-color, var(--text-secondary, var(--color-on-surface-muted, #62748a)));--dd-bg:var(--bg-primary, #ffffff);--dd-panel:rgba(255, 255, 255, 0.98);--dd-panel-solid:var(--bg-primary, #ffffff);--dd-hover:var(--bg-primary, #f3f8ff);--dd-selected:var(--dropdown-selected-bg, var(--color-success-light, #ecfdf5));--dd-selected-bg:var(--dropdown-selected-bg, var(--color-success-light, #ecfdf5));--dd-selected-text:var(--dropdown-selected-text, var(--color-success, var(--color-on-primary, #059669)));--dd-selected-icon:var(--dropdown-selected-icon, var(--color-success, var(--color-on-primary, #059669)));--dd-selected-border:var(--dropdown-selected-border, var(--color-success-border, var(--color-on-primary-border, #a7f3d0)));--dd-transition:all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);--dd-error:var(--color-danger, #ef4444);--dd-radius-sm:8px;--dd-radius-md:10px}.dropdown-label{display:block;font-size:11px;font-weight:700;color:var(--dd-text);margin-bottom:8px;letter-spacing:0.08em;text-transform:uppercase;opacity:0.65;cursor:default}.dropdown-container{position:relative;display:inline-flex;flex-direction:column;width:max-content;min-width:50px;vertical-align:middle}.dropdown-full-width{width:100%;display:block;}.dropdown-fit-content{width:max-content;min-width:unset}.dropdown-fit-content .ui-dropdown-menu{width:max-content;min-width:100%;white-space:nowrap}.dropdown-fit-content .dropdown-trigger{width:max-content}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--bg-primary, #ffffff);border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);cursor:pointer;transition:var(--dd-transition);-webkit-user-select:none;user-select:none;gap:12px;padding:0 16px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);color:var(--dd-text);font-weight:500;line-height:normal;box-sizing:border-box}.dropdown-trigger:hover{border-color:var(--dd-border-strong);box-shadow:0 10px 22px rgba(var(--color-primary-rgb, 37, 99, 235), 0.08)}.dropdown-open .dropdown-trigger{border-color:var(--dd-focus);background:var(--dd-bg);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.dropdown-disabled .dropdown-trigger{background:var(--bg-secondary, #f1f5f9);cursor:not-allowed;opacity:0.7;border-color:var(--dd-border);box-shadow:none}.dropdown-disabled .dropdown-trigger:hover{background:var(--bg-secondary, #f1f5f9)}.dropdown-sm .dropdown-trigger{padding:0 12px;font-size:13px;min-height:32px;height:32px;border-radius:var(--dd-radius-sm)}.dropdown-md .dropdown-trigger{padding:0 16px;font-size:14px;min-height:40px;height:40px;border-radius:var(--dd-radius-md)}.dropdown-lg .dropdown-trigger{padding:0 20px;font-size:15px;min-height:44px;height:44px;border-radius:var(--dd-radius-md)}.dropdown-shape-square .dropdown-trigger,.dropdown-shape-square .dropdown-menu{border-radius:0 !important}.dropdown-shape-rounded .dropdown-trigger,.dropdown-shape-rounded .dropdown-menu{border-radius:20px !important}.dropdown-shape-pill .dropdown-trigger{border-radius:999px !important}.dropdown-shape-pill .dropdown-menu{border-radius:28px !important}.dropdown-appearance-button .dropdown-trigger{background:var(--dd-primary);border-color:var(--dd-primary);color:var(--color-primary-text, var(--dd-text, #ffffff));box-shadow:0 4px 14px 0 rgba(var(--color-primary-rgb, 37, 99, 235), 0.39)}.dropdown-appearance-button .dropdown-trigger:hover{background:var(--color-primary, #1d4ed8);border-color:var(--color-primary, #1d4ed8);transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--color-primary-rgb, 37, 99, 235), 0.23)}.dropdown-appearance-button .dropdown-trigger:active{transform:translateY(0)}.variant-glass .dropdown-trigger{background:rgba(255, 255, 255, 0.08);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.12);color:var(--text-standard, #ffffff);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.07)}.variant-glass .dropdown-trigger:hover{background:rgba(255, 255, 255, 0.12);border-color:rgba(255, 255, 255, 0.2)}.variant-glass .dropdown-display,.variant-glass .dropdown-placeholder{color:var(--text-standard, #ffffff)}.variant-glass.dropdown-open .dropdown-trigger{background:rgba(255, 255, 255, 0.15);border-color:var(--dd-focus)}.variant-toggle{min-width:unset !important}.variant-toggle .dropdown-trigger{background:transparent;border-color:transparent;padding:0 !important;min-height:unset !important;height:auto !important;box-shadow:none;gap:4px}.variant-toggle .dropdown-trigger:hover{background:var(--dd-hover);border-color:var(--dd-border)}.variant-toggle.dropdown-open .dropdown-trigger{background:var(--dd-hover);border-color:var(--dd-focus);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.variant-toggle .dropdown-display{padding:2px}.dropdown-appearance-button .dropdown-display{color:var(--color-primary-text, var(--dd-text, #ffffff))}.dropdown-appearance-button .dropdown-clear,.dropdown-appearance-button .dropdown-arrow{color:var(--color-primary-text, var(--dd-text, #ffffff))}.dropdown-display{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.dropdown-has-chips .dropdown-trigger{height:auto;min-height:48px;padding:6px 16px}.dropdown-chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0;width:100%}.dropdown-placeholder{color:var(--label-subtitle-color, #91a0b4);font-weight:400}.dropdown-icons{display:flex;align-items:center;gap:8px;flex-shrink:0}.dropdown-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--bg-primary, #eef4fb);color:var(--dd-muted);transition:var(--dd-transition)}.dropdown-clear:hover{background:var(--bg-primary, #e2ecf8);color:var(--dd-text)}.dropdown-arrow{display:flex;align-items:center;color:var(--dd-muted);transition:transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1)}.dropdown-arrow.open{transform:rotate(180deg);color:var(--dd-focus)}.ui-dropdown-menu{position:fixed;display:flex !important;flex-direction:column !important;gap:0;background:var(--bg-primary, #ffffff) !important;border:1px solid rgba(0, 0, 0, 0.08);border-radius:16px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.1);z-index:10001;overflow:hidden;animation:dropdownPop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);width:auto;min-width:0}.ui-dropdown-menu--local{position:absolute}@keyframes dropdownPop{from{opacity:0;transform:translateY(12px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-menu-top{top:auto;bottom:calc(100% + 8px);animation:dropdownPopTop 0.2s cubic-bezier(0.34, 1.56, 0.64, 1)}@keyframes dropdownPopTop{from{opacity:0;transform:translateY(-4px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-search{padding:12px;border-bottom:1px solid var(--border-subtle, #edf2f7);background:var(--dd-panel)}.dropdown-search-container{position:relative;display:flex;align-items:center}.dropdown-search-icon{position:absolute;left:12px;color:var(--dd-muted);pointer-events:none}.dropdown-search-input{width:100%;padding:11px 13px 11px 36px;background:var(--bg-primary, #f9fbfe);border:1px solid var(--border-default, #d4deea);border-radius:12px;font-size:14px;color:var(--dd-text);outline:none;transition:var(--dd-transition)}.dropdown-search-input::placeholder{color:var(--dd-muted);opacity:0.8}.dropdown-search-input:focus{background:var(--bg-primary, #ffffff);border-color:var(--dd-focus);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.dropdown-options{flex:1;min-height:0;overflow-y:auto;padding:8px;background:var(--dd-panel-solid)}.dropdown-menu-sm{border-radius:12px;--dd-option-min-height:28px;--dd-option-padding-y:8px;--dd-option-padding-x:12px;--dd-option-gap:10px;--dd-option-spacing-y:2px}.dropdown-menu-sm .dropdown-search{padding:8px}.dropdown-menu-sm .dropdown-search-input{min-height:34px;font-size:13px;padding:8px 12px 8px 34px}.dropdown-menu-sm .dropdown-options{padding:6px}.dropdown-menu-sm .dropdown-option-label{font-size:13px}.dropdown-menu-sm .dropdown-option-subtitle,.dropdown-menu-sm .dropdown-empty,.dropdown-menu-sm .dropdown-group-header,.dropdown-menu-sm .dropdown-bulk-actions,.dropdown-menu-sm .dropdown-select-all,.dropdown-menu-sm .dropdown-clear-all{font-size:12px}.dropdown-menu-md{border-radius:16px;--dd-option-min-height:30px;--dd-option-padding-y:10px;--dd-option-padding-x:16px;--dd-option-gap:12px;--dd-option-spacing-y:4px}.dropdown-menu-lg{border-radius:18px;--dd-option-min-height:32px;--dd-option-padding-y:12px;--dd-option-padding-x:18px;--dd-option-gap:14px;--dd-option-spacing-y:6px}.dropdown-menu-lg .dropdown-search{padding:14px}.dropdown-menu-lg .dropdown-search-input{min-height:46px;font-size:15px;padding:12px 14px 12px 40px}.dropdown-menu-lg .dropdown-options{padding:10px}.dropdown-menu-lg .dropdown-option-label{font-size:15px}.dropdown-menu-lg .dropdown-option-subtitle,.dropdown-menu-lg .dropdown-empty,.dropdown-menu-lg .dropdown-group-header,.dropdown-menu-lg .dropdown-bulk-actions,.dropdown-menu-lg .dropdown-select-all,.dropdown-menu-lg .dropdown-clear-all{font-size:14px}.dropdown-options::-webkit-scrollbar{width:5px}.dropdown-options::-webkit-scrollbar-track{background:transparent}.dropdown-options::-webkit-scrollbar-thumb{background:var(--color-primary, #cbd5e1);border-radius:10px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #94a3b8)}.dropdown-option-wrapper{position:relative}.ui-dropdown-option,.dropdowndata{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center;gap:var(--dd-option-gap, 12px);background-color:transparent;transition:var(--dd-transition);border-radius:12px;margin:var(--dd-option-spacing-y, 4px) 0;padding:var(--dd-option-padding-y, 10px) var(--dd-option-padding-x, 16px);min-height:var(--dd-option-min-height, 48px);width:100%;box-sizing:border-box}.dropdown-menu-sm .ui-dropdown-option,.dropdown-menu-sm .dropdowndata{border-radius:10px}.dropdown-menu-lg .ui-dropdown-option,.dropdown-menu-lg .dropdowndata{border-radius:14px}.ui-dropdown-option:hover,.dropdowndata:hover,.dropdown-option-highlighted{background:var(--dd-hover);border-color:var(--color-primary, #d7e7ff);box-shadow:0 10px 24px rgba(var(--color-primary-rgb, 37, 99, 235), 0.08);transform:translateY(-1px)}.ui-dropdown-option-selected{background:var(--dd-selected-bg) !important;color:var(--dd-selected-text) !important;font-weight:600;border-radius:12px;margin:4px 0;box-shadow:none !important}.ui-dropdown-option-selected .dropdown-option-label{color:var(--dd-selected-text) !important;font-weight:600 !important}.dropdown-option-disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.dropdown-option-parent{font-weight:600;letter-spacing:-0.01em}.dropdown-option-left{display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropdown-option-icon{display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--dd-muted);line-height:1}.dropdown-option-text{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;overflow:hidden;line-height:normal;padding:4px 0}.dropdown-option-text .dropdown-option-content{width:100%;min-width:0;overflow:hidden}.dropdown-option-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;font-size:14px;font-weight:500;color:var(--dd-text, var(--color-on-surface, #10213a))}.dropdown-option-subtitle{font-size:12px;color:var(--dd-muted, var(--color-on-surface-muted, #62748a));font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.dropdown-option-description{font-size:12px;color:var(--dd-muted, var(--color-on-surface-muted, #62748a));font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.dropdown-option-right{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center;justify-content:flex-end;flex-shrink:0;margin-left:auto;gap:8px}.dropdown-option-right:empty{display:none}.dropdown-option-tag{flex-shrink:0}.dropdown-option-right-icon{display:flex;align-items:center;justify-content:center;color:var(--dd-muted);opacity:0.8}.ui-dropdown-selected-marker{display:inline-flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;animation:checkPop 0.2s cubic-bezier(0.34, 1.56, 0.64, 1)}.ui-dropdown-selected-marker-wrap{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.ui-dropdown-selected-marker-label{font-size:11px;font-weight:500;color:var(--dd-selected-text);white-space:nowrap;animation:checkPop 0.2s cubic-bezier(0.34, 1.56, 0.64, 1)}@keyframes checkPop{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}.dropdown-checkbox{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--color-primary, #cbd5e1);border-radius:5px;flex-shrink:0;transition:var(--dd-transition);background:var(--bg-primary, #ffffff);line-height:1}.dropdown-checkbox ui-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-standard, #ffffff)}.dropdown-option-selected .dropdown-checkbox,.dropdown-checkbox.checked,.dropdown-checkbox.dropdown-checkbox-selected{background:var(--dd-primary);border-color:var(--dd-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 37, 99, 235), 0.2)}.dropdown-expand-icon{transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--dd-muted);opacity:0.6}.dropdown-expand-icon.expanded{transform:rotate(90deg);color:var(--dd-primary);opacity:1}.dropdown-children{margin-left:20px;padding-left:12px;border-left:1px solid var(--dd-border);margin-top:-1px;margin-bottom:4px}.dropdown-empty{padding:32px 16px;font-size:14px}.dropdown-helper-text{margin-top:6px;font-size:12px;color:var(--dd-muted);display:flex;align-items:center;gap:6px;padding:0 4px}.dropdown-error-text{color:var(--dd-error);font-weight:500;animation:dropdownShake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.dropdown-invalid .dropdown-trigger{border-color:var(--dd-error)}.dropdown-invalid .dropdown-trigger:hover{box-shadow:0 0 0 4px rgba(var(--color-danger-rgb, 239, 68, 68), 0.1)}@keyframes dropdownShake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.dropdown-spinner{display:flex;animation:dropdownSpin 1s linear infinite;color:var(--dd-primary)}@keyframes dropdownSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.dropdown-group-header{padding:12px 14px 6px;font-size:11px;font-weight:700;color:var(--dd-muted);text-transform:uppercase;letter-spacing:0.05em;background:var(--dd-panel-solid)}.dropdown-select-all{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;font-weight:600;font-size:14px;color:var(--dd-primary);background:transparent;transition:var(--dd-transition);border-bottom:none;border-radius:10px;min-height:36px;flex:1;justify-content:flex-start}.dropdown-select-all.dropdown-select-all-with-clear{border-bottom:1px solid var(--dd-border)}.dropdown-select-all:hover{background:rgba(var(--color-primary-rgb, 37, 99, 235), 0.08)}.dropdown-select-all .dropdown-checkbox{width:18px;height:18px;border:1px solid var(--dd-border-strong);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:var(--dd-transition)}.dropdown-select-all .dropdown-checkbox.checked{background-color:var(--dd-primary);border-color:var(--dd-primary)}.dropdown-skeleton{pointer-events:none}.dropdown-skeleton .dropdown-trigger{background:var(--bg-secondary, #f1f5f9);border-color:var(--border-subtle, #e2e8f0);box-shadow:none}.dropdown-skeleton .dropdown-skeleton-text{width:60%;height:14px;background:linear-gradient(90deg, var(--bg-primary, #e2e8f0) 25%, var(--bg-primary, #f8fafc) 50%, var(--bg-primary, #e2e8f0) 75%);background-size:200% 100%;animation:dropdownShimmer 1.5s infinite;border-radius:4px}.dropdown-skeleton .dropdown-skeleton-icon{width:16px;height:16px;background:var(--bg-primary, #e2e8f0);border-radius:4px}@keyframes dropdownShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.dropdown-separator{height:1px;background-color:var(--dd-border);margin:6px 10px;pointer-events:none}.dropdown-search-highlight{background-color:var(--bg-primary, #fef08a);color:var(--color-danger, #854d0e);border-radius:2px;padding:0 1px;font-weight:600}.dropdown-bulk-actions{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--dd-border);background:linear-gradient(180deg, var(--bg-primary, #fbfdff) 0%, var(--bg-primary, #f8fafc) 100%);font-size:13px;gap:12px}.dropdown-clear-all{display:flex;align-items:center;gap:8px;color:var(--color-danger, #ef4444);cursor:pointer;padding:8px 10px;border-radius:10px;transition:all 0.2s;font-weight:500;min-height:36px;justify-content:center;white-space:nowrap}.dropdown-clear-all:hover{background-color:var(--bg-primary, #fef2f2);color:var(--color-danger-hover, #dc2626)}.dropdown-menu-variant-nested-menu{overflow:visible}.dropdown-menu-variant-nested-menu .dropdown-options{overflow:visible;padding:6px}.dropdown-nested-columns{display:flex;align-items:stretch;min-width:max-content}.dropdown-nested-panel{min-width:210px;max-width:280px;padding:2px}.dropdown-nested-panel+.dropdown-nested-panel{border-left:1px solid var(--dd-border);margin-left:4px;padding-left:10px}.dropdown-menu-sm .dropdown-nested-panel{min-width:180px}.dropdown-menu-lg .dropdown-nested-panel{min-width:240px}.dropdown-nested-option{margin:2px 0}.dropdown-nested-option-active{background:var(--dd-hover);border-color:var(--dd-border-strong)}.variant-detailed .dropdown-trigger{border-color:var(--dd-border);border-radius:14px;min-height:48px;background:linear-gradient(180deg, var(--bg-primary, #ffffff) 0%, var(--bg-primary, #f8fbff) 100%);box-shadow:0 2px 8px rgba(15, 23, 42, 0.04);font-weight:500}.variant-detailed .dropdown-trigger:hover{border-color:var(--dd-border-strong);box-shadow:0 10px 22px rgba(var(--color-primary-rgb, 37, 99, 235), 0.08)}.variant-detailed.dropdown-open .dropdown-trigger{border-color:var(--dd-focus);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 37, 99, 235), 0.14), 0 16px 32px rgba(var(--color-primary-rgb, 37, 99, 235), 0.14)}.variant-detailed .dropdown-menu{border-radius:20px !important;padding:6px !important;background:rgba(255, 255, 255, 0.98) !important;backdrop-filter:blur(20px) !important;box-shadow:0 20px 50px rgba(15, 23, 42, 0.22) !important}.variant-detailed .dropdown-options{padding:4px !important}.variant-detailed .ui-dropdown-option,.variant-detailed .dropdowndata{padding:12px 14px !important;border-radius:16px !important;margin:4px 0 !important;gap:14px !important;border:1px solid transparent !important;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important}.variant-detailed .ui-dropdown-option:hover,.variant-detailed .ui-dropdown-option.dropdown-option-highlighted,.variant-detailed .dropdowndata:hover,.variant-detailed .dropdowndata.dropdown-option-highlighted{background:var(--bg-primary, #f0f7ff) !important;border-color:var(--border-subtle, #dbeafe) !important;transform:translateY(-1.5px) !important;box-shadow:0 8px 16px rgba(var(--color-primary-rgb, 37, 99, 235), 0.08) !important}.variant-detailed .ui-dropdown-option.ui-dropdown-option-selected,.variant-detailed .dropdowndata.ui-dropdown-option-selected{background:var(--dd-selected-bg) !important;border-color:var(--dd-selected-border) !important;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5) !important}.variant-detailed .ui-dropdown-option.ui-dropdown-option-selected .dropdown-option-label,.variant-detailed .dropdowndata.ui-dropdown-option-selected .dropdown-option-label{color:var(--dd-selected-text) !important;font-weight:700 !important}.variant-detailed .dropdown-option-label{font-size:14px !important;font-weight:600 !important;color:var(--text-primary, #1e293b) !important;margin-bottom:2px !important}.variant-detailed .dropdown-option-subtitle{font-size:11px !important;color:var(--text-muted, #64748b) !important;font-weight:500 !important;text-transform:uppercase !important;letter-spacing:0.02em !important}.variant-detailed .dropdown-option-tag{font-size:10px !important;font-weight:700 !important;letter-spacing:0.05em !important;padding:4px 10px !important;border-radius:999px !important;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05) !important}.variant-detailed .dropdown-option-icon,.variant-detailed .dropdown-option-right-icon{font-size:20px !important;display:flex !important;align-items:center !important;justify-content:center !important}.variant-detailed .dropdown-option-right-icon{color:var(--color-primary, #cbd5e1) !important;transition:all 0.2s !important}.variant-detailed .dropdown-option-right-icon:hover{color:var(--color-warning, #f59e0b) !important;transform:scale(1.1) !important}.variant-detailed .ui-dropdown-selected-marker{display:inline-flex !important;align-items:center !important;justify-content:center !important;color:var(--dd-primary) !important;background:var(--bg-primary, #dbeafe) !important;padding:4px !important;border-radius:50% !important;flex-shrink:0 !important}.variant-detailed .dropdown-trigger-content{display:flex !important;align-items:center !important;gap:10px !important}.variant-detailed .dropdown-trigger-icon{color:var(--dd-primary, var(--color-primary, #10b981)) !important;font-size:18px !important;flex-shrink:0 !important}.variant-detailed .dropdown-trigger-label{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.variant-detailed .dropdown-expand-group{display:flex !important;align-items:center !important;gap:8px !important}.variant-detailed .dropdown-badge{background:var(--dd-primary, var(--color-primary, #10b981)) !important;color:var(--text-standard, #ffffff) !important;font-size:10px !important;font-weight:800 !important;height:18px !important;min-width:18px !important;padding:0 5px !important;border-radius:9px !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 4px 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3) !important;animation:badgePop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important}@keyframes badgePop{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.dropdown-option:active{transform:scale(0.98);transition:transform 0.1s ease}.dropdown-option-selected.dropdowndata{position:relative;overflow:hidden}.dropdown-option-selected.dropdowndata::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle, rgba(var(--color-primary-rgb, 59, 130, 246), 0.1) 0%, transparent 70%);pointer-events:none}';const s=class{constructor(r){t(this,r),this.toggleGroupChange=o(this,"toggleGroupChange"),this.toggleGroupSearch=o(this,"toggleGroupSearch"),this.toggleGroupReorder=o(this,"toggleGroupReorder"),this.toggleGroupCollapse=o(this,"toggleGroupCollapse")}get el(){return r(this)}value=[];name="";disabled=!1;readonly=!1;required=!1;invalid=!1;label="";helperText="";errorMessage="";layout="horizontal";columns=3;selectionMode="single";size="md";color="primary";variant="solid";shape="default";options=[];labelPosition="right";showIcons=!1;enableAnimation=!0;keyboardNavigation=!0;showSelectAll=!1;searchable=!1;searchPlaceholder="Search toggles...";isDraggable=!1;collapsible=!1;collapsed=!1;loading=!1;loadingText="Loading options...";maxSelections=0;showSkeleton=!1;skeletonCount=3;compact=!1;items=[];searchQuery="";focusedIndex=-1;isCollapsed=!1;draggedIndex=-1;dragOverIndex=-1;indicatorRect={left:0,top:0,width:0,height:0,opacity:0};listEl;resizeObserver;internals;toggleGroupChange;toggleGroupSearch;toggleGroupReorder;toggleGroupCollapse;handleOptionsChange(){this.parseOptions()}handleValueChange(){this.syncToggles(),this.updateIndicator()}componentWillLoad(){"function"==typeof this.el.attachInternals&&(this.internals=this.el.attachInternals()),this.parseOptions(),this.isCollapsed=this.collapsed,"multiple"!==this.selectionMode||Array.isArray(this.value)||(this.value=this.value?[this.value]:[]),this.updateFormValue()}updateFormValue(){if(this.internals){const t=Array.isArray(this.value)?this.value.join(","):this.value;this.internals.setFormValue(t)}}componentDidRender(){this.updateIndicator(),!this.resizeObserver&&this.el&&"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updateIndicator())),this.resizeObserver.observe(this.el))}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0)}async updateIndicator(){"segmented"===this.variant&&this.listEl&&"multiple"!==this.selectionMode?requestAnimationFrame((()=>{const t=this.value;if(!t)return void(this.indicatorRect={...this.indicatorRect,opacity:0});const o=this.listEl?.querySelector(`.toggle-item-wrapper[data-value="${t}"]`);this.indicatorRect=o?{left:o.offsetLeft,top:o.offsetTop,width:o.offsetWidth,height:o.offsetHeight,opacity:1}:{...this.indicatorRect,opacity:0}})):0!==this.indicatorRect.opacity&&(this.indicatorRect={...this.indicatorRect,opacity:0})}parseOptions(){if("string"==typeof this.options)try{this.items=JSON.parse(this.options)}catch(t){console.error("Invalid options JSON in ui-toggle-group"),this.items=[]}else this.items=[...this.options||[]]}handleSwitchChange(t){t.stopPropagation();const o=t.detail.value,r=t.detail.checked;if("single"===this.selectionMode)r?this.value=o:this.required||(this.value="");else{let e=Array.isArray(this.value)?[...this.value]:[];if(r){if(this.maxSelections>0&&e.length>=this.maxSelections)return void(t.target.checked=!1);e.includes(o)||e.push(o)}else e=e.filter((t=>t!==o));this.value=e}this.toggleGroupChange.emit({value:this.value}),this.syncToggles(),this.updateFormValue()}syncToggles(){const t=this.el.shadowRoot?.querySelectorAll("ui-switch");t?.forEach((t=>{if("single"===this.selectionMode)t.checked=t.value===this.value;else{const o=Array.isArray(this.value)?this.value:[];t.checked=o.includes(t.value)}}))}handleSearch=t=>{this.searchQuery=t.detail.toLowerCase();const o=this.getFilteredItems();this.toggleGroupSearch.emit({query:this.searchQuery,results:o})};getFilteredItems(){return this.searchQuery?this.items.filter((t=>t.label?.toLowerCase().includes(this.searchQuery)||t.value?.toLowerCase().includes(this.searchQuery))):this.items}handleSelectAll=t=>{if("multiple"===this.selectionMode){if(t){const t=this.items.map((t=>t.value));this.value=this.maxSelections>0?t.slice(0,this.maxSelections):t}else this.value=[];this.toggleGroupChange.emit({value:this.value}),this.syncToggles(),this.updateFormValue()}};toggleCollapse=()=>{this.isCollapsed=!this.isCollapsed,this.toggleGroupCollapse.emit({collapsed:this.isCollapsed})};onDragStart=t=>{this.isDraggable&&(this.draggedIndex=t)};onDragOver=(t,o)=>{this.isDraggable&&(t.preventDefault(),this.dragOverIndex=o)};onDrop=t=>{if(!this.isDraggable||-1===this.draggedIndex)return;const o=[...this.items],r=o.splice(this.draggedIndex,1)[0];o.splice(t,0,r),this.items=o,this.toggleGroupReorder.emit({oldIndex:this.draggedIndex,newIndex:t,items:o}),this.draggedIndex=-1,this.dragOverIndex=-1};handleKeyDown=t=>{if(!this.keyboardNavigation)return;const o=this.getFilteredItems();"ArrowDown"===t.key||"ArrowRight"===t.key?(t.preventDefault(),this.focusedIndex=(this.focusedIndex+1)%o.length):"ArrowUp"===t.key||"ArrowLeft"===t.key?(t.preventDefault(),this.focusedIndex=(this.focusedIndex-1+o.length)%o.length):"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),-1===this.focusedIndex)||this.toggleItemValue(o[this.focusedIndex].value)};toggleItemValue(t){if("single"===this.selectionMode)this.value=t;else{let o=Array.isArray(this.value)?[...this.value]:[];o.includes(t)?o=o.filter((o=>o!==t)):(0===this.maxSelections||o.length<this.maxSelections)&&o.push(t),this.value=o}this.toggleGroupChange.emit({value:this.value}),this.syncToggles(),this.updateFormValue()}renderLabel(){return this.label?e("div",{class:"toggle-group-header"},e("label",{class:"toggle-group-label"},this.label,this.required&&e("span",{class:"required"},"*")),this.collapsible&&e("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,icon:this.isCollapsed?"chevron-down":"chevron-up",iconLibrary:"lucide",iconSize:"16px",onClick:this.toggleCollapse,ariaLabel:this.isCollapsed?"Expand":"Collapse"})):null}renderSearch(){return this.searchable?e("div",{class:"search-container"},e("ui-icon",{name:"search",library:"lucide",size:"14px",class:"search-icon"}),e("ui-input",{type:"text",placeholder:this.searchPlaceholder,onInputChange:this.handleSearch,value:this.searchQuery,size:"sm",fullWidth:!0})):null}renderControls(){return this.showSelectAll&&"multiple"===this.selectionMode?e("div",{class:"group-controls"},e("ui-button",{variant:"ghost",size:"sm",onClick:()=>this.handleSelectAll(!0),icon:"check-circle",iconLibrary:"lucide",iconSize:"14px",label:"Select All",ariaLabel:"Select All"}),e("ui-button",{variant:"ghost",size:"sm",onClick:()=>this.handleSelectAll(!1),icon:"x-circle",iconLibrary:"lucide",iconSize:"14px",label:"Deselect All",ariaLabel:"Deselect All"}),this.maxSelections>0&&e("span",{class:"max-badge"},"Max: ",this.maxSelections)):null}renderLoading(){return this.showSkeleton?e("div",{class:"skeleton-container"},Array.from({length:this.skeletonCount}).map((()=>e("div",{class:"skeleton-item"},e("div",{class:"skeleton-switch"}),e("div",{class:"skeleton-text"}))))):this.loading?e("div",{class:"loading-container"},e("ui-icon",{name:"refresh",spin:!0})," ",this.loadingText):null}render(){const t=t=>"single"===this.selectionMode?this.value===t:Array.isArray(this.value)&&this.value.includes(t),o=this.getFilteredItems();return e(i,{class:{"toggle-group-host":!0,"group-disabled":this.disabled,"group-invalid":this.invalid,"group-collapsed":this.isCollapsed,"group-compact":this.compact},onKeyDown:this.handleKeyDown},this.renderLabel(),this.renderSearch(),this.renderControls(),this.loading||this.showSkeleton?this.renderLoading():!this.isCollapsed&&e("div",{class:{"toggle-list":!0,[`layout-${this.layout}`]:!0,"is-segmented":"segmented"===this.variant},style:"grid"===this.layout?{"grid-template-columns":`repeat(${this.columns}, 1fr)`}:{},ref:t=>this.listEl=t},"segmented"===this.variant&&e("div",{class:"segmented-indicator",style:{transform:`translate3d(${this.indicatorRect.left}px, ${this.indicatorRect.top}px, 0)`,width:`${this.indicatorRect.width}px`,height:`${this.indicatorRect.height}px`,opacity:`${this.indicatorRect.opacity}`,backgroundColor:`var(--toggle-group-${this.color})`}}),o.map(((o,r)=>e("div",{class:{"toggle-item-wrapper":!0,"is-dragging":this.draggedIndex===r,"is-drag-over":this.dragOverIndex===r,"is-focused":this.focusedIndex===r,"is-active":t(o.value)&&"segmented"===this.variant},"data-value":o.value,onClick:()=>this.toggleItemValue(o.value),draggable:this.isDraggable,onDragStart:()=>this.onDragStart(r),onDragOver:t=>this.onDragOver(t,r),onDrop:()=>this.onDrop(r)},this.isDraggable&&e("ui-icon",{name:"menu",class:"drag-handle"}),e("ui-switch",{value:o.value,label:o.label,"icon-on":o.icon,disabled:this.disabled||o.disabled,checked:t(o.value),size:this.size,color:this.color,variant:this.variant,shape:this.shape,"label-position":this.labelPosition,"show-icons":this.showIcons,"enable-animation":this.enableAnimation,readonly:this.readonly}))))),this.invalid&&this.errorMessage&&e("div",{class:"error-message"},e("ui-icon",{name:"alert-circle",library:"lucide",size:"14px"}),this.errorMessage),this.helperText&&!this.invalid&&e("div",{class:"helper-text"},this.helperText))}static get formAssociated(){return!0}static get watchers(){return{options:[{handleOptionsChange:0}],value:[{handleValueChange:0}]}}};s.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--toggle-group-gap:16px;--toggle-group-border:var(--border-subtle, #e2e8f0);--toggle-group-text:var(--text-primary, #1e293b);--toggle-group-muted:var(--color-primary, #64748b);--toggle-group-primary:var(--color-primary-hover, #2563eb);--toggle-group-danger:var(--color-danger, #ef4444)}.toggle-group-host{display:flex;flex-direction:column}.toggle-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.toggle-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--toggle-group-text);display:flex;align-items:center}.toggle-group-label .required{color:var(--toggle-group-danger);margin-left:4px}.collapse-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--toggle-group-muted);transition:all 0.2s}.collapse-btn:hover{background:var(--bg-secondary, #f1f5f9);color:var(--toggle-group-text)}.search-container{position:relative;margin-bottom:16px}.search-container .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--toggle-group-muted)}.search-container .search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid var(--toggle-group-border);border-radius:8px;font-size:14px;transition:all 0.2s;outline:none}.search-container .search-input:focus{border-color:var(--toggle-group-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.group-controls{display:flex;gap:12px;align-items:center;margin-bottom:16px}.group-controls .control-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-primary, #ffffff);border:1px solid var(--toggle-group-border);border-radius:6px;font-size:13px;font-weight:600;color:var(--toggle-group-muted);cursor:pointer;transition:all 0.2s}.group-controls .control-btn ui-icon{color:var(--toggle-group-muted)}.group-controls .control-btn:hover{background:var(--bg-primary, #f8fafc);border-color:var(--color-primary, #cbd5e1);transform:translateY(-1px);color:var(--toggle-group-text)}.max-badge{font-size:11px;background:var(--bg-secondary, #f1f5f9);color:var(--toggle-group-muted);padding:2px 8px;border-radius:9999px;font-weight:600}.group-compact{gap:8px}.group-compact .toggle-list{gap:8px}.group-compact .layout-vertical{gap:4px}.group-compact .toggle-group-header{margin-bottom:4px}.toggle-list{display:flex;gap:var(--toggle-group-gap)}.toggle-list.layout-horizontal{flex-direction:row;flex-wrap:wrap}.toggle-list.layout-vertical{flex-direction:column;gap:8px}.toggle-list.layout-grid{display:grid;gap:16px}.toggle-list{}.toggle-list.is-segmented{position:relative;background:var(--bg-secondary, #f1f5f9);padding:6px;border-radius:16px;display:inline-flex;width:fit-content;gap:0;border:none;box-shadow:0 2px 8px rgba(0, 0, 0, 0.05)}.toggle-list.is-segmented .toggle-item-wrapper{position:relative;z-index:2;padding:10px 24px;border-radius:12px;background:transparent !important;border:none !important;box-shadow:none !important;transform:none !important;flex:1;justify-content:center;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);min-width:120px;font-weight:700}.toggle-list.is-segmented .toggle-item-wrapper ui-switch{transition:color 0.3s ease;--switch-track-bg:transparent;--switch-thumb-bg:transparent;--switch-glow:none;pointer-events:none;width:100%;display:flex;justify-content:center}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(track){opacity:0;visibility:hidden;display:none}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(thumb){opacity:0;visibility:hidden;display:none}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(container){margin:0;width:100%;display:flex;justify-content:center}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(label){margin:0;width:100%;text-align:center;justify-content:center;align-items:center}.toggle-list.is-segmented .toggle-item-wrapper.is-active ui-switch::part(label){color:#ffffff !important;font-weight:700;text-shadow:0 1px 2px rgba(0, 0, 0, 0.1)}.toggle-list.is-segmented .toggle-item-wrapper:hover:not(.is-active){background:rgba(0, 0, 0, 0.03) !important}.toggle-list.is-segmented .segmented-indicator{position:absolute;top:6px;left:6px;bottom:6px;border-radius:12px;transition:transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), width 0.4s ease, background-color 0.4s ease;box-shadow:0 4px 12px rgba(0, 0, 0, 0.12);z-index:1}.toggle-item-wrapper{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:12px;border:1px solid transparent;transition:background-color 0.2s ease, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s ease, border-color 0.2s ease;cursor:pointer}.toggle-item-wrapper:hover{background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.03);transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05)}.toggle-item-wrapper:active{transform:scale(0.96);background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.06)}.toggle-item-wrapper:focus-within{background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.05);border-color:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.4);box-shadow:0 0 0 3px rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.15)}.toggle-item-wrapper.is-dragging{opacity:0.5;transform:scale(0.98);background:var(--bg-secondary, #f1f5f9);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1)}.toggle-item-wrapper.is-drag-over{border-top:2px solid var(--toggle-group-primary);padding-top:2px}.toggle-item-wrapper.is-focused{background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.05)}.drag-handle{cursor:grab;color:var(--toggle-group-muted);opacity:0.4}.drag-handle:hover{opacity:1}.drag-handle:active{cursor:grabbing}.error-message{margin-top:8px;font-size:13px;color:var(--toggle-group-danger);display:flex;align-items:center;gap:6px}.helper-text{margin-top:8px;font-size:13px;color:var(--toggle-group-muted)}.skeleton-container{display:flex;flex-direction:inherit;gap:16px}.skeleton-item{display:flex;align-items:center;gap:12px}.skeleton-item .skeleton-switch{width:44px;height:24px;border-radius:12px;background:var(--bg-secondary, #f1f5f9)}.skeleton-item .skeleton-text{width:120px;height:16px;border-radius:4px;background:var(--bg-secondary, #f1f5f9)}.skeleton-item{animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:0.6}50%{opacity:1}100%{opacity:0.6}}.group-disabled{opacity:0.5;pointer-events:none}.group-collapsed .toggle-list{display:none}';export{a as ui_dropdown,s as ui_toggle_group}

package/dist/exploration-project-tailwind/p-7376ac95.entry.js

@@ -1 +0,0 @@
-import{r as e,c,a as o,h as t}from"./p-DUsoYu9r.js";import{n as r}from"./p-C7gf39HE.js";const i=class{constructor(o){e(this,o),this.analyticsEvent=c(this,"analyticsEvent"),this.checkboxChange=c(this,"checkboxChange"),this.checkboxFocus=c(this,"checkboxFocus"),this.checkboxBlur=c(this,"checkboxBlur")}analyticsEvent;customClass;badge;tooltip;tooltipPosition="top";get el(){return o(this)}internals;inputElement;async setFocus(){this.inputElement?.focus()}checked=!1;indeterminate=!1;disabled=!1;readonly=!1;required=!1;invalid=!1;label="";helperText="";errorMessage="";value="";name="";size="md";color="success";variant="default";skeleton=!1;labelPosition="right";customCheckIcon="";customIndeterminateIcon="";customImage="";customIconLibrary="lucide";checkboxTabIndex=0;ariaLabel="";ariaDescribedBy="";enableAnimation=!0;rippleEffect=!0;labelClickable=!0;rtl=!1;description="";descriptionPosition="below";confetti=!1;glow=!1;haptic=!1;hapticIntensity="light";reveal="none";revealDelay=0;isButton=!1;isFocused=!1;isHovered=!1;particles=[];checkboxChange;checkboxFocus;checkboxBlur;componentWillLoad(){this.internals=this.el.attachInternals(),this.updateFormValue(),this.updateIndeterminateState()}formResetCallback(){this.checked=!1,this.indeterminate=!1,this.updateFormValue()}updateIndeterminateState(){this.inputElement&&(this.inputElement.indeterminate=this.indeterminate)}handleChange=e=>{this.disabled||this.readonly?e.preventDefault():(this.checked=e.target.checked,this.indeterminate=!1,this.haptic&&this.triggerHaptic(this.hapticIntensity),this.confetti&&this.checked&&this.triggerConfetti(),this.updateFormValue(),this.checkboxChange.emit({checked:this.checked,value:this.value,indeterminate:this.indeterminate}),this.analyticsEvent.emit({checked:this.checked,value:this.value,indeterminate:this.indeterminate}))};updateFormValue(){this.internals.setFormValue(this.checked?this.value||"on":null)}triggerHaptic(e="light"){window.navigator.vibrate&&window.navigator.vibrate("heavy"===e?[50,20,50]:"md"===e?[30]:[10])}triggerConfetti(){const e=Array.from({length:15}).map(((e,c)=>({id:Date.now()+c,x:50,y:50,vx:8*(Math.random()-.5),vy:8*(Math.random()-.5),r:360*Math.random(),color:["#3DCD58","#4ade80","#ffffff"][Math.floor(3*Math.random())],size:6*Math.random()+4})));this.particles=[...e],setTimeout((()=>this.particles=[]),800)}handleFocus=()=>{this.disabled||(this.isFocused=!0,this.checkboxFocus.emit())};handleBlur=()=>{this.isFocused=!1,this.checkboxBlur.emit()};handleMouseEnter=()=>{this.disabled||(this.isHovered=!0)};handleMouseLeave=()=>{this.isHovered=!1};handleKeyDown=e=>{this.disabled||this.readonly||" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.checked=!this.checked,this.indeterminate=!1,this.checkboxChange.emit({checked:this.checked,value:this.value,indeterminate:this.indeterminate}))};renderCheckmark(){return this.checked||this.indeterminate?this.customImage?t("img",{src:this.customImage,class:"custom-image-mark"}):this.indeterminate&&this.customIndeterminateIcon?t("ui-icon",{name:this.customIndeterminateIcon,library:this.customIconLibrary,class:"custom-icon-mark"}):!this.indeterminate&&this.customCheckIcon?t("ui-icon",{name:this.customCheckIcon,library:this.customIconLibrary,class:"custom-icon-mark"}):t("svg",{class:"checkmark-svg",viewBox:"0 0 24 24"},t("path",this.indeterminate?{class:"indeterminate-path",fill:"none",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round",d:"M5 12h14"}:{class:"checkmark-path",fill:"none",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round",d:"M5 13l4 4L19 7"})):null}renderLabel(){return this.label?t("div",{class:`label-section is-${this.descriptionPosition}`},t("span",{class:{"checkbox-label-text":!0,"non-clickable":!this.labelClickable},onClick:e=>{this.labelClickable||e.preventDefault()}},this.label,this.required&&t("span",{class:"required-indicator"},"*")),this.description&&t("span",{class:"checkbox-description"},this.description)):null}renderHelperText(){return this.invalid&&this.errorMessage?t("div",{class:"helper-text error"},t("ui-icon",{name:"exclamation-circle",library:"fontawesome",size:"14px"}),this.errorMessage):this.helperText?t("div",{class:"helper-text"},this.helperText):null}render(){const e=r(this.size,"md"),c={"checkbox-container":!0,[`checkbox-${e}`]:!0,[`checkbox-${this.color}`]:!0,[`checkbox-${this.variant}`]:!0,"checkbox-disabled":this.disabled,"checkbox-readonly":this.readonly,"checkbox-invalid":this.invalid,"checkbox-focused":this.isFocused,"checkbox-hovered":this.isHovered,[`checkbox-label-${this.labelPosition}`]:!0,"checkbox-animate":this.enableAnimation,"checkbox-skeleton":this.skeleton,"checkbox-checked":this.checked,"checkbox-indeterminate":this.indeterminate,"checkbox-rtl":this.rtl,"checkbox-glow":this.glow,"checkbox-is-button":this.isButton,[`checkbox-reveal-${this.reveal}`]:"none"!==this.reveal,...this.customClass?{[this.customClass]:!0}:{}},o={"checkbox-input-wrapper":!0,"checkbox-checked":this.checked,"checkbox-indeterminate":this.indeterminate,"checkbox-ripple":this.rippleEffect&&!this.disabled};return t("div",{key:"98ae46b3ba03456e81610b5c1558d2f62b2c697e",class:c,dir:this.rtl?"rtl":"ltr",style:{"--reveal-delay":`${this.revealDelay}ms`}},t("label",{key:"8d7a330bb7f92b454076bef8e22cee9daa8f9fb4",class:"checkbox-label",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},("left"===this.labelPosition||"top"===this.labelPosition)&&this.renderLabel(),t("div",{key:"fd9728537e2c16a564f9b363012802ba8fa1235e",class:o},t("input",{key:"1074f40300a98aaef23eb2c03466cc972b1b3090",ref:e=>this.inputElement=e,type:"checkbox",class:"checkbox-input",checked:this.checked,disabled:this.disabled,readonly:this.readonly,required:this.required,value:this.value,name:this.name,tabindex:this.checkboxTabIndex,"aria-label":this.ariaLabel||this.label,"aria-describedby":this.ariaDescribedBy,"aria-checked":this.indeterminate?"mixed":this.checked.toString(),"aria-invalid":this.invalid.toString(),onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown}),t("div",{key:"c769aaf4fe33649562de2848871114f15c88b742",class:"checkbox-box"},t("div",{key:"7de0b8700ecaad754fe7bc0e44da00852c4bb014",class:"glow-layer"}),this.renderCheckmark(),this.particles.map((e=>t("span",{class:"btn-confetti",key:e.id,style:{left:`${e.x}%`,top:`${e.y}%`,"--vx":`${e.vx}px`,"--vy":`${e.vy}px`,"--vr":`${e.r}deg`,backgroundColor:e.color,width:`${e.size}px`,height:`${e.size}px`}})))),this.badge&&t("span",{key:"99ad8db8cebfa106f5865c0a96470cb481ef9e91",class:"checkbox-badge"},this.badge),this.tooltip&&t("div",{key:"a2c46d9e27e9d404d543c31a1449b0ae945965c2",class:`checkbox-tooltip checkbox-tooltip-${this.tooltipPosition}`},this.tooltip)),("right"===this.labelPosition||"bottom"===this.labelPosition)&&this.renderLabel()),this.renderHelperText())}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{indeterminate:[{updateIndeterminateState:0}]}}};i.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.checkbox-badge{display:inline-block;min-width:18px;height:18px;padding:0 6px;background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff);font-size:10px;font-weight:700;border-radius:9px;margin-inline-start:8px;vertical-align:middle;text-align:center;line-height:18px;box-shadow:0 2px 4px rgba(var(--color-success-rgb, 61, 205, 88), 0.2)}.btn-confetti{position:absolute;border-radius:50%;pointer-events:none;z-index:100;animation:confetti-drift 0.8s ease-out forwards}@keyframes confetti-drift{0%{transform:translate(0, 0) scale(1) rotate(0deg);opacity:1}100%{transform:translate(var(--vx), var(--vy)) scale(0) rotate(var(--vr));opacity:0}}[class*=checkbox-reveal-]{opacity:0;animation-fill-mode:forwards;animation-delay:var(--reveal-delay, 0ms)}.checkbox-reveal-fade-in{animation:checkbox-fade-in 0.6s ease-out forwards}.checkbox-reveal-slide-up{animation:checkbox-slide-up 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards}.checkbox-reveal-zoom{animation:checkbox-zoom 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes checkbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes checkbox-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes checkbox-zoom{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.checkbox-tooltip{position:absolute;background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:10}.checkbox-input-wrapper:hover .checkbox-tooltip{opacity:1}.checkbox-tooltip-top{bottom:calc(100% + 10px);left:50%;transform:translateX(-50%)}.checkbox-tooltip-bottom{top:calc(100% + 10px);left:50%;transform:translateX(-50%)}.checkbox-tooltip-left{inset-inline-end:calc(100% + 10px);top:50%;transform:translateY(-50%)}.checkbox-tooltip-right{inset-inline-start:calc(100% + 10px);top:50%;transform:translateY(-50%)}:host{display:inline-block;--ui-checkbox-border:var(--border-strong, #bfc8d8);--ui-checkbox-border-hover:var(--color-primary, #94a3b8);--ui-checkbox-bg:var(--bg-primary, #ffffff);--ui-checkbox-checked-bg:var(--color-success, #3dcd58);--text-primary:var(--label-color, var(--text-primary, #1e293b));--text-secondary:var(--label-subtitle-color, var(--text-secondary, #64748b));--error-color-light:var(--bg-secondary, #fef2f2)}:host-context(.dark),:host-context([data-theme=dark]),:host-context([data-theme=violet]),:host-context([data-theme=pink]),:host-context([data-theme=blue]),:host-context([data-theme=green]),:host(.dark){--ui-checkbox-border:var(--border-strong, #334155);--ui-checkbox-border-hover:var(--color-primary, #475569);--ui-checkbox-bg:var(--bg-primary, #1e293b);--ui-checkbox-checked-bg:var(--color-primary, #4ade80);--text-primary:var(--label-color, var(--text-primary, #f1f5f9));--text-secondary:var(--label-subtitle-color, var(--text-secondary, #cbd5e1))}.checkbox-container{display:inline-flex;flex-direction:column;gap:4px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;vertical-align:middle;box-sizing:border-box;color:var(--text-primary)}.checkbox-container.checkbox-rtl{direction:rtl}.checkbox-container *{box-sizing:border-box}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;position:relative;transition:all 0.2s ease}.checkbox-label-top .checkbox-label{flex-direction:column;align-items:flex-start;gap:8px}.checkbox-label-top .checkbox-label .checkbox-label-text{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--text-primary)}.checkbox-label-bottom .checkbox-label{flex-direction:column-reverse;align-items:flex-start;gap:8px}.checkbox-label-bottom .checkbox-label .checkbox-label-text{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--text-primary)}.checkbox-label-left .checkbox-label{flex-direction:row-reverse;justify-content:flex-end}.checkbox-container.checkbox-disabled .checkbox-label{cursor:not-allowed;opacity:0.6}.checkbox-container.checkbox-readonly .checkbox-label{cursor:default}.label-section{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.label-section.is-side{flex-direction:row;align-items:baseline;gap:8px}.label-section.is-side .checkbox-description{margin-top:0}.checkbox-description{font-size:0.75rem;opacity:0.7;font-weight:400;line-height:1.1;margin-top:2px;color:var(--text-secondary)}.checkbox-input-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border-radius:inherit}.checkbox-input{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;z-index:1;appearance:none;-webkit-appearance:none;-moz-appearance:none}.checkbox-box{position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--ui-checkbox-border);background:var(--ui-checkbox-bg);transition:all 0.35s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}.checkbox-box .glow-layer{position:absolute;inset:-4px;background:var(--ui-checkbox-color, var(--color-primary));opacity:0;filter:blur(12px);transition:opacity 0.4s ease;border-radius:inherit;z-index:-1;pointer-events:none}.checkbox-glow.checkbox-checked .checkbox-box .glow-layer{opacity:0.4}.checkbox-xxxs .checkbox-box{width:12px;height:12px;border-radius:3px}.checkbox-xxxs .check-icon{font-size:8px;width:8px;height:8px;display:flex;align-items:center;justify-content:center}.checkbox-xxxs .checkbox-label-text{font-size:0.75rem;line-height:1.25}.checkbox-xxs .checkbox-box{width:14px;height:14px;border-radius:4px}.checkbox-xxs .check-icon{font-size:9px;width:9px;height:9px;display:flex;align-items:center;justify-content:center}.checkbox-xxs .checkbox-label-text{font-size:0.8125rem;line-height:1.25}.checkbox-xs .checkbox-box{width:16px;height:16px;border-radius:4px}.checkbox-xs .check-icon{font-size:10px;width:10px;height:10px;display:flex;align-items:center;justify-content:center}.checkbox-xs .checkbox-label-text{font-size:0.875rem;line-height:1.5}.checkbox-sm .checkbox-box{width:18px;height:18px;border-radius:5px}.checkbox-sm .check-icon{font-size:11px;width:11px;height:11px;display:flex;align-items:center;justify-content:center}.checkbox-sm .checkbox-label-text{font-size:0.9375rem;line-height:1.5}.checkbox-md .checkbox-box{width:20px;height:20px;border-radius:6px}.checkbox-md .check-icon{font-size:12px;width:12px;height:12px;display:flex;align-items:center;justify-content:center}.checkbox-md .checkbox-label-text{font-size:1rem;line-height:1.5}.checkbox-lg .checkbox-box{width:24px;height:24px;border-radius:8px}.checkbox-lg .check-icon{font-size:14px;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.checkbox-lg .checkbox-label-text{font-size:1.125rem;line-height:1.5}.checkbox-xl .checkbox-box{width:28px;height:28px;border-radius:10px}.checkbox-xl .check-icon{font-size:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.checkbox-xl .checkbox-label-text{font-size:1.25rem;line-height:1.5}.checkbox-xxl .checkbox-box{width:32px;height:32px;border-radius:12px}.checkbox-xxl .check-icon{font-size:18px;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.checkbox-xxl .checkbox-label-text{font-size:1.375rem;line-height:1.5}.checkbox-xxxl .checkbox-box{width:40px;height:40px;border-radius:14px}.checkbox-xxxl .check-icon{font-size:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.checkbox-xxxl .checkbox-label-text{font-size:1.5rem;line-height:1.5}.checkbox-rounded .checkbox-box{border-radius:50%}.checkbox-square .checkbox-box{border-radius:0}.checkbox-glass .checkbox-box{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px);border-color:rgba(255, 255, 255, 0.2) !important;border-width:1.5px}.checkbox-glass.checkbox-checked .checkbox-box{background:currentColor !important;backdrop-filter:none}.checkbox-raised .checkbox-box{border-color:rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.05) !important}.checkbox-button,.checkbox-chip{width:auto}.checkbox-button .checkbox-label,.checkbox-chip .checkbox-label{padding:8px 16px;border:2px solid var(--border-color, var(--border-default, #e5e7eb));border-radius:8px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);background:var(--surface-color, var(--bg-primary, #ffffff));line-height:1.5;box-sizing:border-box;min-height:40px}.checkbox-button .checkbox-box,.checkbox-chip .checkbox-box{margin-inline-end:8px;transform:scale(0.85)}.checkbox-button.checkbox-primary.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-primary.checkbox-checked .checkbox-label{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.1);border-color:var(--color-success, #3dcd58)}.checkbox-button.checkbox-secondary.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-secondary.checkbox-checked .checkbox-label{background:rgba(107, 114, 128, 0.1);border-color:var(--color-primary, #6b7280)}.checkbox-button.checkbox-success.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-success.checkbox-checked .checkbox-label{background:rgba(22, 163, 74, 0.1);border-color:var(--color-success, #16a34a)}.checkbox-button.checkbox-danger.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-danger.checkbox-checked .checkbox-label{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.1);border-color:var(--color-danger-hover, #dc2626)}.checkbox-button.checkbox-warning.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-warning.checkbox-checked .checkbox-label{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1);border-color:var(--color-warning, #f59e0b)}.checkbox-button.checkbox-info.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-info.checkbox-checked .checkbox-label{background:rgba(8, 145, 178, 0.1);border-color:var(--color-info-hover, #0891b2)}.checkbox-button.checkbox-hovered:not(.checkbox-disabled) .checkbox-label,.checkbox-chip.checkbox-hovered:not(.checkbox-disabled) .checkbox-label{box-shadow:0 4px 12px rgba(0, 0, 0, 0.08);transform:translateY(-1px)}.checkbox-chip .checkbox-label{border-radius:20px;padding:4px 12px;min-height:32px}.checkbox-animate .checkbox-box::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;transform:scale(0);transition:transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);border-radius:inherit;z-index:0}.checkbox-animate .checkbox-checked .checkbox-box::after,.checkbox-animate .checkbox-indeterminate .checkbox-box::after{transform:scale(1)}.checkbox-animate .checkbox-checked .check-icon,.checkbox-animate .checkbox-indeterminate .check-icon{z-index:1;animation:checkmark-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards}.checkbox-primary{--ui-checkbox-color:var(--color-primary, #3b82f6)}.checkbox-secondary{--ui-checkbox-color:var(--text-muted, #6b7280)}.checkbox-success{--ui-checkbox-color:var(--color-success, #16a34a)}.checkbox-danger{--ui-checkbox-color:var(--color-danger-hover, #dc2626)}.checkbox-warning{--ui-checkbox-color:var(--color-warning, #f59e0b)}.checkbox-info{--ui-checkbox-color:var(--color-info-hover, #0891b2)}.checkbox-checked .checkbox-box,.checkbox-indeterminate .checkbox-box{background:var(--ui-checkbox-color, var(--color-primary));border-color:var(--ui-checkbox-color, var(--color-primary))}.checkbox-box{background:var(--ui-checkbox-bg);border-color:var(--ui-checkbox-border)}.checkmark-svg{width:100%;height:100%;display:block;padding:10%;color:var(--text-standard, #ffffff);z-index:2}.custom-image-mark{width:100%;height:100%;object-fit:contain;border-radius:inherit;z-index:2}.custom-icon-mark{z-index:2;color:var(--text-standard, #ffffff)}.checkmark-path{stroke-dasharray:48;stroke-dashoffset:48;transition:stroke-dashoffset 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.1s}.checkbox-checked .checkmark-path{stroke-dashoffset:0}.indeterminate-path{stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset 0.3s ease}.checkbox-indeterminate .indeterminate-path{stroke-dashoffset:0}.checkbox-checked .check-icon,.checkbox-indeterminate .check-icon{transform:scale(1)}@keyframes checkmark-pop{0%{transform:scale(0) rotate(-45deg)}70%{transform:scale(1.2) rotate(0deg)}100%{transform:scale(1) rotate(0deg)}}.checkbox-focused .checkbox-box{box-shadow:0 0 0 3px rgba(var(--color-success-rgb, 61, 205, 88), 0.2);border-color:var(--ui-checkbox-checked-bg)}.checkbox-hovered:not(.checkbox-disabled):not(.checkbox-readonly) .checkbox-box{border-color:var(--ui-checkbox-border-hover)}.checkbox-ripple .checkbox-box::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;transform:translate(-50%, -50%) scale(0);background:rgba(0, 0, 0, 0.1);pointer-events:none}.checkbox-ripple .checkbox-input:active~.checkbox-box::before{animation:ripple 0.6s ease}@keyframes ripple{0%{transform:translate(-50%, -50%) scale(0);opacity:1}100%{transform:translate(-50%, -50%) scale(3);opacity:0}}.checkbox-skeleton{pointer-events:none}.checkbox-skeleton .checkbox-box{background:var(--bg-primary, #e5e7eb) !important;border-color:var(--border-default, #e5e7eb) !important;animation:skeleton-shimmer 1.5s infinite linear;background:linear-gradient(90deg, var(--bg-primary, #e5e7eb) 25%, var(--bg-secondary, #f3f4f6) 50%, var(--bg-primary, #e5e7eb) 75%) !important;background-size:200% 100% !important}.checkbox-skeleton .checkbox-label-text{width:100px;height:1rem;background:var(--bg-primary, #e5e7eb);border-radius:4px;color:transparent;animation:skeleton-shimmer 1.5s infinite linear;background:linear-gradient(90deg, var(--bg-primary, #e5e7eb) 25%, var(--bg-secondary, #f3f4f6) 50%, var(--bg-primary, #e5e7eb) 75%);background-size:200% 100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.checkbox-label-text{color:var(--text-primary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;display:inline-block;line-height:1.5}.required-indicator{color:var(--color-danger-hover, #dc2626);margin-inline-start:4px}.helper-text{font-size:0.875rem;color:var(--text-secondary);margin-inline-start:32px;display:flex;align-items:center;gap:4px}.checkbox-label-left .helper-text{margin-inline-start:0;margin-inline-end:32px}.checkbox-label-top .helper-text,.checkbox-label-bottom .helper-text{margin-inline-start:0;justify-content:center}.helper-text.error{color:var(--color-danger-hover, #dc2626)}.checkbox-invalid .checkbox-box{border-color:var(--color-danger-hover, #dc2626)}.checkbox-invalid:not(.checkbox-checked):not(.checkbox-indeterminate) .checkbox-box{background:var(--error-color-light, #fef2f2)}.checkbox-is-button{width:100%;height:100%}.checkbox-is-button .checkbox-label{padding:8px 16px;justify-content:center;background:var(--ui-checkbox-bg);transition:all 0.2s ease;width:100%;height:100%;border-radius:0;border:1px solid var(--ui-checkbox-border)}.checkbox-is-button .checkbox-label:hover:not(.checkbox-disabled){background:rgba(0, 0, 0, 0.02)}.checkbox-is-button .checkbox-box{margin-inline-end:8px;transform:scale(0.85)}.checkbox-is-button.checkbox-checked .checkbox-label{background:var(--ui-checkbox-checked-bg);color:var(--color-primary-text, #ffffff);z-index:1;border-color:var(--ui-checkbox-checked-bg)}.checkbox-is-button.checkbox-secondary.checkbox-checked .checkbox-label{background:var(--color-primary, #6b7280);border-color:var(--color-primary, #6b7280)}.checkbox-is-button.checkbox-success.checkbox-checked .checkbox-label{background:var(--color-success, #16a34a);border-color:var(--color-success, #16a34a)}.checkbox-is-button.checkbox-danger.checkbox-checked .checkbox-label{background:var(--color-danger-hover, #dc2626);border-color:var(--color-danger-hover, #dc2626)}.checkbox-is-button.checkbox-warning.checkbox-checked .checkbox-label{background:var(--color-warning, #f59e0b);border-color:var(--color-warning, #f59e0b)}.checkbox-is-button.checkbox-info.checkbox-checked .checkbox-label{background:var(--color-info-hover, #0891b2);border-color:var(--color-info-hover, #0891b2)}.checkbox-is-button+.checkbox-is-button .checkbox-label{margin-inline-start:-1px}';export{i as ui_checkbox}

package/dist/exploration-project-tailwind/p-77a21491.entry.js

@@ -1 +0,0 @@
-import{a as i,r,c as t,h as a}from"./p-DUsoYu9r.js";const o=class{internals;get el(){return i(this)}value="";name="";disabled=!1;readonly=!1;required=!1;invalid=!1;label="";helperText="";errorMessage="";layout="vertical";columns=2;gap="16px";size="md";color="primary";options=[];labelPosition="right";enableAnimation=!0;rippleEffect=!0;buttonGroup=!1;variant="default";skeleton=!1;allowEmpty=!1;showDot=!0;reveal="none";revealDelay=0;revealStagger=60;searchable=!1;searchPlaceholder="Search items...";rtl=!1;radios=[];searchQuery="";radioGroupChange;constructor(i){r(this,i),this.radioGroupChange=t(this,"radioGroupChange"),this.internals=this.el.attachInternals()}componentWillLoad(){this.updateOptions(),this.internals.setFormValue(this.value)}componentDidLoad(){this.syncRadios()}componentDidUpdate(){this.syncRadios()}watchValue(){this.syncRadios()}updateOptions(){let i=[];if("string"==typeof this.options)try{i=JSON.parse(this.options)}catch{console.error("Invalid options JSON"),i=[]}else Array.isArray(this.options)&&(i=[...this.options]);JSON.stringify(this.radios)!==JSON.stringify(i)&&(this.radios=i)}handleRadioClick(i){if(!this.allowEmpty)return;const r=i.target.closest("ui-radio")||i.composedPath&&i.composedPath().find((i=>"UI-RADIO"===i.tagName));!r||r.disabled||this.disabled||r.value===this.value&&(i.preventDefault(),i.stopPropagation(),this.value="",this.radioGroupChange.emit({value:""}))}handleRadioChange(i){const{checked:r,value:t}=i.detail;r&&(this.value=t,this.internals.setFormValue(t),this.updateValidity(),this.radioGroupChange.emit({value:t}))}updateValidity(){this.required&&!this.value?this.internals.setValidity({valueMissing:!0},"Please select an option.",this.el):this.internals.setValidity({})}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}getRadios(){return[...Array.from(this.el.shadowRoot.querySelectorAll("ui-radio")),...Array.from(this.el.querySelectorAll("ui-radio"))]}syncRadios(){this.getRadios().forEach(((i,r)=>{i.checked=i.value===this.value,i.isButton=this.buttonGroup,i.variant=this.variant,i.skeleton=this.skeleton,i.name=this.name,i.reveal=this.reveal,i.revealDelay=this.revealDelay+r*this.revealStagger,i.rtl=this.rtl}))}renderLabel(){return this.label?a("div",{class:"radio-group-label"},this.label,this.required&&a("span",{class:"required-indicator"},"*")):null}renderSearch(){return this.searchable?a("div",{class:{"radio-search":!0,"search-active":this.searchQuery.length>0}},a("div",{class:"search-input-wrapper"},a("ui-icon",{name:"search",library:"lucide",class:"search-icon"}),a("ui-input",{type:"text",placeholder:this.searchPlaceholder,onInputChange:i=>{this.searchQuery=i.detail.toLowerCase()},value:this.searchQuery,size:"sm",fullWidth:!0}),this.searchQuery.length>0&&a("ui-button",{variant:"ghost",class:"clear-search",onClick:()=>{this.searchQuery=""},ariaLabel:"Clear search",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"}))):null}render(){const i=Array.isArray(this.radios)?this.radios.filter((i=>!this.searchQuery||i.label.toLowerCase().includes(this.searchQuery))):[],r={"radio-group":!0,[`radio-group-${this.layout}`]:!0,"radio-group-disabled":this.disabled,"radio-group-invalid":this.invalid,"radio-group-button":this.buttonGroup,[`radio-group-variant-${this.variant}`]:!0,"radio-group-skeleton":this.skeleton},t={"radio-list":!0,[`radio-list-${this.layout}`]:!0},o={..."grid"===this.layout?{"grid-template-columns":`repeat(${this.columns}, 1fr)`}:{},gap:this.gap};return a("div",{key:"8f4bf0db359a75ef98dfb5719adbd6b70fea3c38",class:r,role:"radiogroup","aria-label":this.label,dir:this.rtl?"rtl":"ltr"},this.renderLabel(),this.renderSearch(),a("div",{key:"6eb5c03abf60138dd6b20b7830fdc80310729bf8",class:t,style:o},a("slot",{key:"bdc217a91c554f749634d0b9ba2965b1f626ee27"}),0===i.length&&this.searchQuery&&a("div",{key:"f7dd1dc1cda443e0877a64c5e04cba402f905c6f",class:"no-results"},"No matches found"),i.map(((i,r)=>a("ui-radio",{value:i.value,label:i.label,description:i.description,badge:i.badge,tooltip:i.tooltip,"tooltip-position":i.tooltipPosition,name:this.name,checked:this.value===i.value,disabled:this.disabled||i.disabled,readonly:this.readonly,invalid:this.invalid,size:this.size,color:this.color,"label-position":this.labelPosition,"show-dot":this.showDot,"enable-animation":this.enableAnimation,"ripple-effect":this.rippleEffect,"is-button":this.buttonGroup,variant:this.variant,skeleton:this.skeleton,reveal:this.reveal,"reveal-delay":this.revealDelay+r*this.revealStagger,rtl:this.rtl})))),this.renderHelperText())}renderHelperText(){return this.invalid&&this.errorMessage?a("div",{class:"helper-text error"},a("ui-icon",{library:"lucide",name:"alert-circle",size:"14px"}),this.errorMessage):this.helperText?a("div",{class:"helper-text"},this.helperText):null}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValue:0}],options:[{updateOptions:0}]}}};o.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.radio-group{display:flex;flex-direction:column;gap:12px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.radio-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--label-color, var(--text-primary));margin-bottom:8px}.radio-search{position:relative;margin-bottom:8px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.radio-search .search-input-wrapper{position:relative;display:flex;align-items:center;background:rgba(var(--primary-rgb, 139, 92, 246), 0.03);border:1px solid rgba(0, 0, 0, 0.05);border-radius:12px;padding:2px 4px;transition:all 0.3s}.radio-search .search-input-wrapper:focus-within{background:var(--bg-primary, #ffffff);border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb), 0.15);transform:translateY(-1px)}.radio-search .search-icon{margin-inline-start:12px;opacity:0.4;font-size:16px;color:var(--primary-color)}.radio-search input.search-input{flex:1;border:none;background:transparent;padding:10px 12px;font-size:13px;font-weight:500;color:var(--text-primary);outline:none}.radio-search input.search-input::placeholder{opacity:0.5}.radio-search .clear-search{background:rgba(0, 0, 0, 0.05);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-inline-end:6px;color:var(--text-secondary);transition:all 0.2s}.radio-search .clear-search:hover{background:rgba(0, 0, 0, 0.1);color:var(--text-primary);transform:scale(1.1)}.radio-search .clear-search ui-icon{font-size:14px}.no-results{font-size:13px;color:var(--text-secondary);padding:12px 0;font-style:italic;opacity:0.7}.required-indicator{color:var(--color-danger-hover, #dc2626);margin-inline-start:4px}.radio-list{display:flex}.radio-list-vertical{flex-direction:column}.radio-list-horizontal{flex-direction:row;flex-wrap:wrap}.radio-list-grid{display:grid}.radio-group-button .radio-list{gap:0;border-radius:10px;overflow:hidden;border:1px solid var(--border-subtle, #e2e8f0);width:fit-content}.radio-group-button ui-radio:not(:first-child){margin-inline-start:-1px}.radio-group-button ui-radio{display:flex;flex:1}.radio-group-button .radio-list-vertical{flex-direction:column;width:100%}.radio-group-button .radio-list-vertical ui-radio:not(:first-child){margin-inline-start:0;margin-top:-1px}.radio-group-button .radio-list-vertical ui-radio:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.radio-group-button .radio-list-vertical ui-radio:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.radio-group-button .radio-list-horizontal ui-radio:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.radio-group-button .radio-list-horizontal ui-radio:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.radio-group-skeleton .radio-group-label{background:var(--bg-primary, #e5e7eb);color:transparent;border-radius:4px;width:150px}.helper-text{font-size:0.875rem;color:var(--label-subtitle-color, var(--text-muted, #6b7280));display:flex;align-items:center;gap:4px;margin-top:4px}.helper-text.error{color:var(--color-danger-hover, #dc2626)}.radio-group-disabled{opacity:0.6;pointer-events:none}.radio-group-invalid .radio-group-label{color:var(--color-danger-hover, #dc2626)}';export{o as ui_radio_group}

package/dist/exploration-project-tailwind/p-807c6555.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,a as i,h as s,H as r}from"./p-DUsoYu9r.js";const o=class{constructor(i){t(this,i),this.groupClick=e(this,"groupClick"),this.groupToggle=e(this,"groupToggle")}get el(){return i(this)}label="";collapsible=!1;expanded=!0;icon="";divider=!0;dense=!1;selectable=!1;selected=!1;badge="";badgeColor="default";level=0;skeleton=!1;groupClick;groupToggle;toggleExpanded=t=>{t.stopPropagation(),this.collapsible&&(this.expanded=!this.expanded,this.groupToggle.emit({expanded:this.expanded}))};handleHeaderClick=t=>{this.selectable&&(this.selected=!this.selected),this.groupClick.emit({selected:this.selected,expanded:this.expanded}),this.collapsible&&!this.selectable&&this.toggleExpanded(t)};renderSkeleton(){return s("div",{class:"list-group-skeleton"},s("div",{class:"skeleton-header"},s("div",{class:"skeleton-icon"}),s("div",{class:"skeleton-text"})),s("div",{class:"skeleton-content"},s("div",{class:"skeleton-item"}),s("div",{class:"skeleton-item"}),s("div",{class:"skeleton-item"})))}render(){if(this.skeleton)return s(r,null,this.renderSkeleton());const t={"group-header":!0,"group-header-collapsible":this.collapsible,"group-header-dense":this.dense,"group-header-selected":this.selected,"group-header-selectable":this.selectable},e={"group-content":!0,"group-content-collapsed":!this.expanded},i=24*this.level;return s(r,{style:{"--group-level":this.level.toString()}},this.label&&s("div",{class:t,onClick:this.handleHeaderClick,style:{paddingLeft:`${i+12}px`}},s("div",{class:"header-left"},this.collapsible&&s("ui-button",{variant:"ghost",onClick:this.toggleExpanded,ariaLabel:this.expanded?"Collapse group":"Expand group",icon:this.expanded?"chevron-down":"chevron-right",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}),this.selectable&&s("div",{class:{"selection-checkbox":!0,selected:this.selected}},s("div",{class:"checkbox-box"},this.selected&&s("ui-icon",{name:"check",library:"fontawesome"}))),this.icon&&s("ui-icon",{class:"group-icon",name:this.icon.replace(/^fa[sb]? fa-/,""),library:"fontawesome"}),s("span",{class:"group-label"},this.label),this.badge&&s("span",{class:`group-badge badge-${this.badgeColor}`},this.badge)),s("div",{class:"header-actions"},s("slot",{name:"header-actions"}))),s("div",{class:e,role:"region","aria-expanded":this.expanded.toString()},s("slot",null)),s("div",{class:"group-footer"},s("slot",{name:"footer"})),this.divider&&s("div",{class:"group-divider"}))}};o.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;--header-padding:12px 16px;--header-bg-hover:rgba(0, 0, 0, 0.04);--header-bg-selected:var(--primary-color-light, #e0f2fe);--header-color-selected:var(--primary-color, #0284c7)}.group-header{padding:var(--header-padding);font-weight:600;font-size:0.875rem;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:0.05em;display:flex;align-items:center;justify-content:space-between;user-select:none;border-radius:4px;margin-bottom:4px;transition:all 0.2s ease}.group-header-collapsible{cursor:pointer}.group-header-collapsible:hover{background-color:var(--header-bg-hover)}.group-header-selectable{cursor:pointer}.group-header-selectable:hover{background-color:var(--header-bg-hover)}.group-header-selected{background-color:var(--header-bg-selected);color:var(--header-color-selected)}.group-header-selected .group-icon,.group-header-selected .collapse-icon{color:var(--header-color-selected)}.group-header-dense{padding:8px 16px;font-size:0.8125rem}.header-left{display:flex;align-items:center;gap:12px;flex:1}.collapse-btn{background:none;border:none;padding:4px;cursor:pointer;color:inherit;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color 0.2s;margin-left:-8px}.collapse-btn:hover{background-color:rgba(0, 0, 0, 0.1)}.selection-checkbox{margin-right:-4px;display:flex;align-items:center;justify-content:center}.selection-checkbox .checkbox-box{width:20px;height:20px;border:2px solid var(--border-strong, #d1d5db);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;background:var(--bg-primary, #ffffff)}.selection-checkbox .checkbox-box i{font-size:12px;color:var(--text-standard, #ffffff);transform:scale(0);transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.selection-checkbox.selected .checkbox-box{background:var(--primary-color, #0ea5e9);border-color:var(--primary-color, #0ea5e9)}.selection-checkbox.selected .checkbox-box i{transform:scale(1)}.selection-checkbox:hover .checkbox-box{border-color:var(--primary-color, #0ea5e9)}.group-badge{padding:2px 8px;border-radius:12px;font-size:0.75rem;font-weight:600;margin-left:8px;line-height:1.4}.group-badge.badge-default{background:var(--bg-primary, #e5e7eb);color:var(--text-secondary, #374151)}.group-badge.badge-primary{background:var(--primary-color, #0ea5e9);color:var(--text-standard, #ffffff)}.group-badge.badge-secondary{background:var(--secondary-color, #64748b);color:var(--text-standard, #ffffff)}.group-badge.badge-success{background:var(--success-color, #22c55e);color:var(--text-standard, #ffffff)}.group-badge.badge-danger{background:var(--danger-color, var(--color-danger, #ef4444));color:var(--text-standard, #ffffff)}.group-badge.badge-warning{background:var(--warning-color, var(--color-warning, #f59e0b));color:var(--text-standard, #ffffff)}.group-badge.badge-info{background:var(--info-color, var(--color-primary, #10b981));color:var(--text-standard, #ffffff)}.header-actions{display:flex;align-items:center;gap:8px}.group-footer{padding:8px 16px;border-top:1px solid var(--border-subtle, #f3f4f6);font-size:0.875rem;color:var(--text-muted, #6b7280)}.group-footer:empty{display:none}.collapse-icon{font-size:0.75rem;transition:transform 0.2s ease;color:var(--text-muted, #9ca3af)}.group-icon{font-size:1rem;color:var(--text-muted, #6b7280)}.group-label{flex:1}.group-content{display:block;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);opacity:1;max-height:1000px;overflow:visible;transform-origin:top}.group-content-collapsed{max-height:0;opacity:0;overflow:hidden;transform:scaleY(0.95)}.group-divider{height:1px;background-color:var(--bg-primary, #e5e7eb);margin:8px 0}.list-group-skeleton{padding:16px}.list-group-skeleton .skeleton-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.list-group-skeleton .skeleton-header .skeleton-icon{width:24px;height:24px;border-radius:4px;background:var(--bg-primary, #e5e7eb);animation:pulse 1.5s infinite}.list-group-skeleton .skeleton-header .skeleton-text{height:16px;width:120px;border-radius:4px;background:var(--bg-primary, #e5e7eb);animation:pulse 1.5s infinite}.list-group-skeleton .skeleton-content{display:flex;flex-direction:column;gap:12px;padding-left:12px}.list-group-skeleton .skeleton-content .skeleton-item{height:48px;width:100%;border-radius:8px;background:var(--bg-secondary, #f3f4f6);animation:pulse 1.5s infinite}.list-group-skeleton .skeleton-content .skeleton-item:nth-child(2){animation-delay:0.1s}.list-group-skeleton .skeleton-content .skeleton-item:nth-child(3){animation-delay:0.2s}@keyframes pulse{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}";const a=class{constructor(i){t(this,i),this.listItemClick=e(this,"listItemClick"),this.listItemActionClick=e(this,"listItemActionClick"),this.listItemToggle=e(this,"listItemToggle"),this.contextMenuOpenEvent=e(this,"contextMenuOpenEvent"),this.contextMenuCloseEvent=e(this,"contextMenuCloseEvent"),this.checkboxChange=e(this,"checkboxChange"),this.pillClick=e(this,"pillClick"),this.tagClick=e(this,"tagClick"),this.swipeAction=e(this,"swipeAction"),this.longPress=e(this,"longPress"),this.starToggle=e(this,"starToggle"),this.detailToggle=e(this,"detailToggle")}get el(){return i(this)}selected=!1;disabled=!1;readonly=!1;label="";value="";icon="";actionIcon="";size="md";color="default";variant="text";nested=!1;level=0;collapsible=!1;expanded=!1;divider=!1;dense=!1;interactive=!0;href="";target="_self";contextMenu=!1;contextMenuTrigger="click";contextMenuPosition="auto";showCheckbox=!1;checked=!1;sublabel="";multiline=!1;badge="";badgeColor="default";counter="";tags="";image="";userAvatar="";skeleton=!1;highlight="";selectionColor="default";hoverColor="default";avatarPosition="left";showMenu=!1;rightActionColor="danger";avatarGroup="";avatarGroupPosition="content";treeLines=!1;gridMode=!1;longPressDelay=600;locked=!1;swipeActions=!1;swipeBehavior="reveal";leftActionIcon="";leftActionColor="success";rightActionIcon="";progress=-1;status="";statusPosition="bottom-right";showStar=!1;leftActions=[];rightActions=[];fullSwipeThreshold=.75;starred=!1;expandable=!1;expandedDetail=!1;wobble=!1;priorityPulse=!1;presence=[];density="comfortable";sparkline=[];metadata={};showGhostLayer=!1;auraMode=!1;presenceCursors=[];a11yLabel="";isFocused=!1;isHovered=!1;contextMenuOpen=!1;contextMenuX=0;contextMenuY=0;swipeOffset=0;showStatusEditor=!1;listItemClick;listItemActionClick;listItemToggle;contextMenuOpenEvent;contextMenuCloseEvent;checkboxChange;pillClick;tagClick;swipeAction;longPress;starToggle;detailToggle;contextMenuRef;touchStartX=0;touchCurrentX=0;isSwiping=!1;longPressTimer;componentDidLoad(){this.contextMenu&&document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){this.contextMenu&&document.removeEventListener("click",this.handleOutsideClick)}handleOutsideClick=t=>{if(this.contextMenuOpen&&this.contextMenuRef&&!this.contextMenuRef.contains(t.target)){const e=this.el.shadowRoot.querySelector(".list-item");e&&!e.contains(t.target)&&this.closeContextMenu()}};handleClick=t=>{if(!this.disabled&&!this.readonly){if(this.contextMenu&&"click"===this.contextMenuTrigger)return t.stopPropagation(),void this.toggleContextMenu(t);if(this.locked)return this.wobble=!0,void setTimeout((()=>this.wobble=!1),400);if(this.expandable&&!this.contextMenu)return this.expandedDetail=!this.expandedDetail,void this.detailToggle.emit({value:this.value,expanded:this.expandedDetail});this.collapsible&&!this.contextMenu&&(this.expanded=!this.expanded,this.listItemToggle.emit({value:this.value,expanded:this.expanded})),!this.interactive||this.contextMenu||this.locked||(t.shiftKey||t.ctrlKey||t.metaKey||(this.selected=!this.selected),this.listItemClick.emit({value:this.value,selected:this.selected,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey})),this.href&&(t.preventDefault(),window.open(this.href,this.target))}};handleContextMenu=t=>{this.contextMenu&&"rightClick"===this.contextMenuTrigger&&(t.preventDefault(),t.stopPropagation(),this.toggleContextMenu(t))};toggleContextMenu=t=>{this.contextMenuOpen?this.closeContextMenu():this.openContextMenu(t)};openContextMenu=t=>{const e=t.currentTarget.getBoundingClientRect(),i=200,s=window.innerWidth,r=window.innerHeight;let o=0,a=0;if("rightClick"===this.contextMenuTrigger)o=t.clientX,a=t.clientY;else switch(this.contextMenuPosition){case"right":o=e.right,a=e.top;break;case"left":o=e.left-i,a=e.top;break;case"bottom":o=e.left,a=e.bottom;break;default:s-e.right>i?(o=e.right,a=e.top):(o=e.left-i,a=e.top)}o+i>s&&(o=s-i-10),o<0&&(o=10),a+300>r&&(a=r-300-10,a<0&&(a=Math.max(10,e.top-300))),a<0&&(a=10),this.contextMenuX=o,this.contextMenuY=a,this.contextMenuOpen=!0,this.contextMenuOpenEvent.emit({value:this.value})};closeContextMenu=()=>{this.contextMenuOpen=!1,this.contextMenuCloseEvent.emit({value:this.value})};handleCheckboxChange=t=>{t.stopPropagation(),this.disabled||this.readonly||(this.checked=!this.checked,this.checkboxChange.emit({value:this.value,checked:this.checked}))};handleFocus=()=>{this.isFocused=!0};handleBlur=()=>{this.isFocused=!1};handleMouseEnter=t=>{this.isHovered=!0,this.contextMenu&&"hover"===this.contextMenuTrigger&&this.openContextMenu(t)};handleMouseLeave=()=>{this.isHovered=!1,this.contextMenu&&"hover"===this.contextMenuTrigger&&setTimeout((()=>{this.isHovered||this.closeContextMenu()}),300)};handleTouchStart=t=>{this.swipeActions&&!this.disabled&&(this.touchStartX=t.touches[0].clientX,this.isSwiping=!0,this.longPressDelay>0&&(this.longPressTimer=setTimeout((()=>{this.swipeOffset||(this.longPress.emit({value:this.value}),navigator.vibrate&&navigator.vibrate(50))}),this.longPressDelay)))};handleTouchMove=t=>{if(!this.isSwiping)return;this.touchCurrentX=t.touches[0].clientX;const e=this.touchCurrentX-this.touchStartX;Math.abs(e)>10&&clearTimeout(this.longPressTimer),e>80&&!this.leftActionIcon&&0===this.leftActions.length||e<-80&&!this.rightActionIcon&&0===this.rightActions.length||(this.swipeOffset=e)};handleTouchEnd=()=>{if(!this.swipeActions)return;clearTimeout(this.longPressTimer);const t=.25*this.el.clientWidth,e=this.el.clientWidth*this.fullSwipeThreshold,i=Math.abs(this.swipeOffset);if(i>e){const t=this.swipeOffset>0?"left":"right",e="left"===t?this.leftActions.length?this.leftActions:[{icon:this.leftActionIcon,action:"left"}]:this.rightActions.length?this.rightActions:[{icon:this.rightActionIcon,action:"right"}],i=e[0]?.action||("left"===t?"check":"trash");return this.swipeOffset=this.swipeOffset>0?this.el.clientWidth:-this.el.clientWidth,void setTimeout((()=>{this.swipeAction.emit({value:this.value,side:t,action:i}),"dismiss"===this.swipeBehavior?this.el.style.display="none":this.swipeOffset=0}),200)}this.swipeOffset=i>t?this.swipeOffset>0?80*Math.max(1,this.leftActions.length):-80*Math.max(1,this.rightActions.length):0};async focusItem(){this.isFocused=!0,this.el.shadowRoot.querySelector(".list-item")?.setAttribute("tabindex","0"),this.el.shadowRoot.querySelector(".list-item")?.focus()}handleKeyDown=t=>{this.isFocused&&"Enter"===t.key&&this.listItemClick.emit({value:this.value,selected:!this.selected})};renderLabel(t){return this.highlight&&t?t.split(new RegExp(`(${this.highlight})`,"gi")).map((t=>t.toLowerCase()===this.highlight.toLowerCase()?s("mark",{class:"list-item-highlight"},t):t)):t}renderPresenceCursors(){return this.presenceCursors&&0!==this.presenceCursors.length?s("div",{class:"presence-cursors-layer"},this.presenceCursors.map((t=>s("div",{class:`ghost-cursor cursor-${t.color||"blue"}`,style:{left:`${t.x}px`,top:`${t.y}px`}},s("ui-icon",{name:"mouse-pointer",library:"fontawesome"}),s("div",{class:"cursor-label"},t.name))))):null}renderSparkline(){if(!this.sparkline||this.sparkline.length<2)return null;const t=Math.max(...this.sparkline),e=Math.min(...this.sparkline),i=t-e||1,r=this.sparkline.map(((t,s)=>`${s/(this.sparkline.length-1)*60},${20-(t-e)/i*20}`)).join(" ");return s("svg",{class:"list-sparkline",width:60,height:20},s("polyline",{fill:"none",stroke:"#3bf673","stroke-width":"1.5",points:r}))}renderGhostLayer(){return this.showGhostLayer?s("div",{class:"list-item-ghost-layer"},s("div",{class:"ghost-meta"},"IP: ",this.metadata?.ip||"127.0.0.1"),s("div",{class:"ghost-meta"},"VER: ",this.metadata?.version||"1.0.0"),s("div",{class:"ghost-meta"},"ID: ",this.value||"N/A")):null}parseTagsToItems(){if(!this.tags)return[];try{const t="string"==typeof this.tags?JSON.parse(this.tags):this.tags;return Array.isArray(t)?t:[]}catch{return[]}}render(){const t={"list-item":!0,[`list-item-${this.size}`]:!0,[`list-item-${this.color}`]:!0,[`list-item-${this.variant}`]:!0,"list-item-selected":this.selected,"list-item-disabled":this.disabled,"list-item-readonly":this.readonly,"list-item-focused":this.isFocused,"list-item-hovered":this.isHovered,"list-item-nested":this.nested,"list-item-tree-lines":this.treeLines&&this.level>0,"list-item-grid":this.gridMode,"list-item-collapsible":this.collapsible,"list-item-expanded":this.expanded,"list-item-divider":this.divider,"list-item-dense":this.dense,"list-item-interactive":this.interactive,"list-item-link":!!this.href,"list-item-context-menu":this.contextMenu,"list-item-context-menu-open":this.contextMenuOpen,"list-item-multiline":this.multiline,"list-item-with-checkbox":this.showCheckbox,"list-item-checked":this.checked,"is-skeleton":this.skeleton,"list-item-locked":this.locked,"list-item-starred":this.starred,"list-item-expandable":this.expandable,"list-item-detail-expanded":this.expandedDetail,"is-wobbling":this.wobble,[`list-item-density-${this.density}`]:!0,[`list-item-aura-${this.status}`]:this.auraMode&&this.status&&!this.skeleton,[`list-item-selection-${this.selectionColor}`]:this.selected&&"default"!==this.selectionColor,[`list-item-hover-${this.hoverColor}`]:"default"!==this.hoverColor,"list-item-avatar-right":"right"===this.avatarPosition},e=24*this.level,i=this.parseTagsToItems(),o="string"==typeof this.avatarGroup?JSON.parse(this.avatarGroup||"[]"):this.avatarGroup||[];return s(r,{key:"58ce4116ce6d57212618035289472a8885198909",onKeyDown:this.handleKeyDown,tabIndex:this.interactive&&!this.disabled?0:-1},s("div",{key:"2d3d1569f7cadc8e324e75285b08e51865a616d9",class:t,onClick:this.handleClick,onContextMenu:this.handleContextMenu,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onMouseDown:()=>{this.longPressTimer=setTimeout((()=>{this.longPress.emit({value:this.value})}),this.longPressDelay)},onMouseUp:()=>clearTimeout(this.longPressTimer),onTouchStart:this.handleTouchStart,onTouchMove:this.handleTouchMove,onTouchEnd:this.handleTouchEnd,tabindex:this.disabled?-1:0,role:"listitem","aria-label":this.a11yLabel||(this.skeleton?"Loading cluster node":`${this.label}, status: ${this.status}, health: ${this.progress}%`),"aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":"false","aria-haspopup":this.contextMenu?"menu":void 0,"aria-expanded":this.contextMenuOpen?"true":"false",style:{paddingLeft:`${e+(this.level>0?32:16)}px`,transform:`translateX(${this.swipeOffset}px)`},part:"list-item"},this.priorityPulse&&s("div",{key:"077eb5592bd7da1c326619f37da4b42a0dc428b5",class:"list-item-pulse"}),this.presence&&this.presence.length>0&&this.presence.map((t=>s("div",{class:`presence-halo presence-${t.color||"blue"}`,title:`User ${t.id} active`}))),this.renderGhostLayer(),this.renderPresenceCursors(),this.swipeActions&&0!==this.swipeOffset&&s("div",{key:"f59474feb89543f37d4618ec4c422878669cee3a",class:"swipe-actions-container"},this.swipeOffset>0&&s("div",{key:"64c03eb1c0c9633988441ce81c16a0ba024185a4",class:"swipe-action-wrapper left"},this.leftActions.length>0?this.leftActions.map((t=>s("div",{class:`swipe-action bg-${t.color}`,onClick:()=>this.swipeAction.emit({value:this.value,side:"left",action:t.action})},s("ui-icon",{name:t.icon,library:"fontawesome"})))):s("div",{class:`swipe-action left bg-${this.leftActionColor}`},s("ui-icon",{name:this.leftActionIcon,library:"fontawesome"}))),this.swipeOffset<0&&s("div",{key:"d6670645e03558910d978b74685c6d0d1e76c774",class:"swipe-action-wrapper right"},this.rightActions.length>0?this.rightActions.map((t=>s("div",{class:`swipe-action bg-${t.color}`,onClick:()=>this.swipeAction.emit({value:this.value,side:"right",action:t.action})},s("ui-icon",{name:t.icon,library:"fontawesome"})))):s("div",{class:`swipe-action right bg-${this.rightActionColor}`},s("ui-icon",{name:this.rightActionIcon,library:"fontawesome"})))),this.skeleton&&s("div",{key:"4c77cacc6165a5f32b3048a3193c08c43fe1b3dd",class:"skeleton-pulse"}),this.showCheckbox&&!this.skeleton&&s("div",{key:"74c9ff9a6bec5c8201a1c713e0eb49d99c44dd85",class:"list-item-checkbox"},s("ui-checkbox",{key:"bdf7bed4aa503546fab79d1c1ca8f170b7ea4289",checked:this.checked,disabled:this.disabled,readonly:this.readonly,onCheckboxChange:t=>this.handleCheckboxChange(t),size:"sm"})),this.collapsible&&!this.contextMenu&&!this.skeleton&&s("ui-icon",{key:"0d90b7eaec8eada7810b04ce55b94f4e647b6af0",class:"collapse-icon",name:this.expanded?"chevron-down":"chevron-right",library:"fontawesome"}),"left"===this.avatarPosition&&s("div",{key:"32e681013eaf3b8dbf239ed093608b0186f56124",class:"list-item-left-media"},this.userAvatar?s("div",{class:"list-item-avatar-container"},s("ui-avatar",{class:{"list-item-avatar":!0,"skeleton-circle":this.skeleton},src:this.userAvatar,size:"lg"===this.size?"md":"sm"}),this.status&&!this.skeleton&&s("span",{class:`list-item-status status-${this.status} pos-${this.statusPosition}`})):this.image?s("div",{class:{"list-item-image":!0,"skeleton-rect":this.skeleton}},!this.skeleton&&s("img",{src:this.image,alt:this.label})):this.icon?s("ui-icon",{class:"list-item-icon",name:this.icon,library:"fontawesome"}):this.avatarGroup&&"media"===this.avatarGroupPosition?s("div",{class:"list-item-media-avatar-group"},s("ui-avatar-group",{items:o,size:"xs",spacing:"-12px",limit:3})):this.skeleton&&s("div",{class:"list-item-media-placeholder skeleton-circle"})),s("div",{key:"0149ace554979e9a601bd717fab44c8f71a22f75",class:"list-item-content"},s("div",{key:"b53dac62842d57fc4cb060bc138903b59ab1e32b",class:"list-item-label-wrapper"},this.showStar&&!this.skeleton&&s("ui-icon",{key:"15d77a692e85eab6ea85bd530068d83d9221ec0b",class:{"list-item-star-icon":!0,"is-starred":this.starred},name:"star",library:"fontawesome",onClick:t=>{t.stopPropagation(),this.starred=!this.starred,this.starToggle.emit({value:this.value,starred:this.starred}),navigator.vibrate&&navigator.vibrate(20)}}),s("span",{key:"08cc2c0d174b85bd07acee7aa98c0498d18bce4f",class:{"list-item-label":!0,"skeleton-text":this.skeleton}},this.skeleton?"":this.renderLabel(this.label)),this.badge&&!this.skeleton&&s("span",{key:"f0c536c274a653d4cb8a6ae4e9b0905a938d0073",class:`list-item-badge badge-${this.badgeColor}`},this.badge)),(this.sublabel||this.skeleton)&&s("div",{key:"e3f001f937904d3e291834de24a3305d32c5f22d",class:"list-item-subline"},s("span",{key:"cab7999b62cc0d3cca31b573043be48be72ad3b2",class:{"list-item-sublabel":!0,"skeleton-text":this.skeleton}},this.skeleton?"":this.renderLabel(this.sublabel)),this.renderSparkline()),this.progress>=0&&!this.skeleton&&s("div",{key:"10559a4b748ef1d49bc7748c35d05217294806b0",class:"list-item-progress-container"},s("div",{key:"36ec119650364308b1d86b0ed0361b675dd3b56a",class:"list-item-progress-bar",style:{width:`${this.progress}%`}}),s("span",{key:"ae6209cc9da5ddc2c4dad32c000602d3d4ed7977",class:"list-item-progress-text"},this.progress,"%")),this.avatarGroup&&"content"===this.avatarGroupPosition&&!this.skeleton&&s("div",{key:"91b42175d2203685397be51b38b0a20e978dab85",class:"list-item-collaborators"},s("ui-avatar-group",{key:"97782481c4725e203cafb230bdf9cff36ab0b4c7",items:o,size:"xs",spacing:"-8px"})),i.length>0&&!this.skeleton&&s("div",{key:"ce41b5b18a85962e36532117def183ebec3a889e",class:"list-item-tags"},s("ui-tag-group",{key:"9fefbdcf44f0f72caf6cb956a7ef663723440a51",spacing:"4px"},i.map((t=>s("ui-tag",{label:"string"==typeof t?t:t.label,color:t.color||"default",variant:t.variant||"light",size:"xs",shape:t.shape||"pill",icon:t.icon})))))),s("slot",{key:"f5f37f87becd210aebc7d3b443805447b2f08934"}),"right"===this.avatarPosition&&s("div",{key:"1a0024c8eb561fc77c10e6ca393556d57e5b82dc",class:"list-item-right-media"},this.userAvatar?s("div",{class:"list-item-avatar-container"},s("ui-avatar",{class:{"list-item-avatar":!0,"skeleton-circle":this.skeleton},src:this.userAvatar,size:"lg"===this.size?"md":"sm"}),this.status&&!this.skeleton&&s("span",{class:`list-item-status status-${this.status} pos-${this.statusPosition}`})):this.image?s("div",{class:{"list-item-image":!0,"skeleton-rect":this.skeleton}},!this.skeleton&&s("img",{src:this.image,alt:this.label})):this.icon?s("ui-icon",{class:"list-item-icon",name:this.icon,library:"fontawesome"}):this.avatarGroup&&"media"===this.avatarGroupPosition?s("div",{class:"list-item-media-avatar-group"},s("ui-avatar-group",{items:o,size:"xs",spacing:"-12px",limit:3})):null),this.avatarGroup&&"right"===this.avatarGroupPosition&&!this.skeleton&&s("div",{key:"ca2da167a6df02533aaf3e4d15b14af4a77b188c",class:"list-item-right-collaborators"},s("ui-avatar-group",{key:"93aca83ac5defecf49eba0144ef8eb793cf84d90",items:o,size:"xs",spacing:"-8px"})),""!==this.counter&&!this.skeleton&&s("span",{key:"e32d27e4c9f1e9899d9ea327f2aded8f2184de2a",class:"list-item-counter"},this.counter),this.locked&&!this.skeleton&&s("ui-icon",{key:"7d5bb73fa57391b4f06938ec16a625c86b89cf36",class:"list-item-lock-icon",name:"lock",library:"fontawesome"}),this.showMenu&&!this.skeleton&&s("div",{key:"5cac8d9f75433668559299587d62b358a564cdbc",class:"list-item-menu",onClick:t=>{t.stopPropagation(),this.toggleContextMenu(t)}},s("ui-icon",{key:"08ca49e61037d1a7f1590c9941213434caf3f993",name:"ellipsis-v",library:"fontawesome"}))),this.contextMenuOpen&&s("div",{key:"44a01fb51995af67c9a61464caab980c8f4ad523",ref:t=>this.contextMenuRef=t,class:"list-item-context-menu-container",style:{top:`${this.contextMenuY}px`,left:`${this.contextMenuX}px`}},s("slot",{key:"b44a9d26b3d06e2528c8133f6080db1eee944dc2",name:"context-menu"},s("div",{key:"455e867a0acb5fcd97df1e1c63de11ab643101ac",class:"context-menu-default"},s("div",{key:"ec25558af4c83b57bf36e7c430e5296de74956e9",class:"context-menu-item",onClick:()=>this.closeContextMenu()},s("ui-icon",{key:"69be015e453751f92d2572c82f83977b170386ef",name:"info-circle",library:"fontawesome"}),s("span",{key:"cc4a0148cba635cd3b7305827339b8be101b21dc"},"View Details")),s("div",{key:"bf42c2745524c05869583e60580777266f5fad0d",class:"context-menu-item",onClick:()=>this.closeContextMenu()},s("ui-icon",{key:"a40e0515fdf007eb09f0348947f38be95b36de42",name:"edit",library:"fontawesome"}),s("span",{key:"9243b179bbcb3b7f09c31ca72d73b38b166d0bb1"},"Edit Item")),s("div",{key:"881528fbf3230427a153c535c606d1edabd911ff",class:"context-menu-divider"}),s("div",{key:"18cd2ade135fdc8cbc9805361b889897a8c9d384",class:"context-menu-item danger",onClick:()=>this.closeContextMenu()},s("ui-icon",{key:"a16b3e59fc28d532abbda7d2228889d0e2475671",name:"trash",library:"fontawesome"}),s("span",{key:"1c7dae8d54e168682d9a1bdb6665951a95df092c"},"Delete Node"))))),this.expandable&&s("div",{key:"d6da1edf62a007534109bc82de4028efc4235912",class:{"list-item-detail-panel":!0,"is-expanded":this.expandedDetail}},s("slot",{key:"6c163928bcb53c29a47d3c56fbfe0ecbfcd5f8c3",name:"detail"})))}};a.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.list-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all 0.2s ease;user-select:none;outline:none;position:relative;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;width:100%;max-width:100%;box-sizing:border-box}.list-item:focus{outline:2px solid rgba(var(--color-primary-rgb, 59, 130, 246), 0.5);outline-offset:-2px}.collapse-icon{font-size:0.75rem;transition:transform 0.2s ease;color:var(--text-muted, #6b7280)}.list-item-icon{font-size:1.25rem;flex-shrink:0;transition:color 0.2s ease}.list-item-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg-secondary, #f1f5f9)}.list-item-avatar img{width:100%;height:100%;object-fit:cover}.list-item-image{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--bg-secondary, #f1f5f9)}.list-item-image img{width:100%;height:100%;object-fit:cover}.list-item-sm .list-item-avatar{width:32px;height:32px}.list-item-sm .list-item-image{width:36px;height:36px}.list-item-lg .list-item-avatar{width:48px;height:48px}.list-item-lg .list-item-image{width:64px;height:64px}.skeleton-pulse{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:list-skeleton-shimmer 1.5s infinite;pointer-events:none;z-index:10}.skeleton-text{height:0.8em;background:var(--bg-primary, #e2e8f0);border-radius:4px;width:80%;display:inline-block}.skeleton-text.list-item-sublabel{width:60%;margin-top:4px}.skeleton-circle{background:var(--bg-primary, #e2e8f0);border-radius:50%}.skeleton-rect{background:var(--bg-primary, #e2e8f0);border-radius:8px}@keyframes list-skeleton-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.is-skeleton{pointer-events:none;background:transparent !important;border-color:var(--border-subtle, #f1f5f9) !important;transform:none !important}.list-item-highlight{background:var(--bg-primary, #dcfce7);color:var(--color-success, #166534);padding:0 2px;border-radius:2px;font-weight:700}.list-item-content{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0;overflow:hidden}.list-item-label-wrapper{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.list-item-label{font-size:1rem;color:var(--text-secondary, #374151);transition:color 0.2s ease;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-sublabel{font-size:0.875rem;color:var(--text-muted, #6b7280);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-multiline .list-item-content{padding:4px 0}.list-item-multiline .list-item-label{white-space:normal;line-height:1.5;word-wrap:break-word;word-break:break-word}.list-item-multiline .list-item-sublabel{white-space:normal;line-height:1.5;word-wrap:break-word;word-break:break-word}.list-item-action-icon{font-size:1.125rem;flex-shrink:0;padding:4px;border-radius:4px;transition:all 0.2s ease}.list-item-action-icon:hover{background:rgba(0, 0, 0, 0.05)}.list-item-action-icon:active{transform:scale(0.95)}.list-item-sm{padding:8px 12px;gap:8px}.list-item-sm .list-item-icon{font-size:1rem}.list-item-sm .list-item-label{font-size:0.875rem}.list-item-sm .list-item-action-icon{font-size:1rem}.list-item-md{padding:12px 16px;gap:12px}.list-item-lg{padding:16px 20px;gap:14px}.list-item-lg .list-item-icon{font-size:1.5rem}.list-item-lg .list-item-label{font-size:1.125rem}.list-item-lg .list-item-action-icon{font-size:1.25rem}.list-item-dense{padding:6px 12px;gap:8px}.list-item-dense .list-item-label{font-size:0.875rem}.list-item-text{background:transparent}.list-item-text:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(0, 0, 0, 0.04)}.list-item-filled{background:var(--bg-primary, #ffffff);border:1px solid var(--border-default, #e5e7eb);margin-bottom:2px;border-radius:6px}.list-item-filled:hover:not(.list-item-disabled):not(.list-item-readonly){background:var(--bg-primary, #f9fafb);border-color:var(--border-strong, #d1d5db)}.list-item-filled.list-item-primary{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.05);border-color:rgba(var(--color-success-rgb, 61, 205, 88), 0.2)}.list-item-filled.list-item-primary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-success-rgb, 61, 205, 88), 0.1)}.list-item-filled.list-item-secondary{background:rgba(107, 114, 128, 0.05);border-color:rgba(107, 114, 128, 0.2)}.list-item-filled.list-item-secondary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(107, 114, 128, 0.1)}.list-item-filled.list-item-success{background:rgba(22, 163, 74, 0.05);border-color:rgba(22, 163, 74, 0.2)}.list-item-filled.list-item-success:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(22, 163, 74, 0.1)}.list-item-filled.list-item-danger{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.05);border-color:rgba(var(--color-danger-rgb, 220, 38, 38), 0.2)}.list-item-filled.list-item-danger:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.1)}.list-item-filled.list-item-warning{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.05);border-color:rgba(var(--color-warning-rgb, 245, 158, 11), 0.2)}.list-item-filled.list-item-warning:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1)}.list-item-filled.list-item-info{background:rgba(8, 145, 178, 0.05);border-color:rgba(8, 145, 178, 0.2)}.list-item-filled.list-item-info:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(8, 145, 178, 0.1)}.list-item-outlined{background:transparent;border:1px solid var(--border-default, #e5e7eb);margin-bottom:2px;border-radius:6px}.list-item-outlined:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(0, 0, 0, 0.02);border-color:var(--border-strong, #d1d5db)}.list-item-outlined.list-item-primary{border-color:rgba(var(--color-success-rgb, 61, 205, 88), 0.3)}.list-item-outlined.list-item-primary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-success-rgb, 61, 205, 88), 0.05);border-color:rgba(var(--color-success-rgb, 61, 205, 88), 0.5)}.list-item-outlined.list-item-secondary{border-color:rgba(107, 114, 128, 0.3)}.list-item-outlined.list-item-secondary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(107, 114, 128, 0.05);border-color:rgba(107, 114, 128, 0.5)}.list-item-outlined.list-item-success{border-color:rgba(22, 163, 74, 0.3)}.list-item-outlined.list-item-success:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(22, 163, 74, 0.05);border-color:rgba(22, 163, 74, 0.5)}.list-item-outlined.list-item-danger{border-color:rgba(var(--color-danger-rgb, 220, 38, 38), 0.3)}.list-item-outlined.list-item-danger:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.05);border-color:rgba(var(--color-danger-rgb, 220, 38, 38), 0.5)}.list-item-outlined.list-item-warning{border-color:rgba(var(--color-warning-rgb, 245, 158, 11), 0.3)}.list-item-outlined.list-item-warning:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.05);border-color:rgba(var(--color-warning-rgb, 245, 158, 11), 0.5)}.list-item-outlined.list-item-info{border-color:rgba(8, 145, 178, 0.3)}.list-item-outlined.list-item-info:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(8, 145, 178, 0.05);border-color:rgba(8, 145, 178, 0.5)}.list-item-soft{background:rgba(0, 0, 0, 0.02);border-radius:6px;margin-bottom:2px}.list-item-soft:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(0, 0, 0, 0.05)}.list-item-soft.list-item-primary{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.08)}.list-item-soft.list-item-primary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-success-rgb, 61, 205, 88), 0.12)}.list-item-soft.list-item-secondary{background:rgba(107, 114, 128, 0.08)}.list-item-soft.list-item-secondary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(107, 114, 128, 0.12)}.list-item-soft.list-item-success{background:rgba(22, 163, 74, 0.08)}.list-item-soft.list-item-success:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(22, 163, 74, 0.12)}.list-item-soft.list-item-danger{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.08)}.list-item-soft.list-item-danger:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.12)}.list-item-soft.list-item-warning{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.08)}.list-item-soft.list-item-warning:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.12)}.list-item-soft.list-item-info{background:rgba(8, 145, 178, 0.08)}.list-item-soft.list-item-info:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(8, 145, 178, 0.12)}.list-item-default .list-item-icon{color:var(--text-muted, #6b7280)}.list-item-primary .list-item-icon{color:var(--color-success, #3dcd58)}.list-item-secondary .list-item-icon{color:var(--text-muted, #6b7280)}.list-item-success .list-item-icon{color:var(--color-success, #16a34a)}.list-item-danger .list-item-icon{color:var(--color-danger-hover, #dc2626)}.list-item-warning .list-item-icon{color:var(--color-warning, #f59e0b)}.list-item-info .list-item-icon{color:var(--color-info-hover, #0891b2)}.list-item-text.list-item-selected.list-item-primary{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.08)}.list-item-text.list-item-selected.list-item-primary .list-item-icon,.list-item-text.list-item-selected.list-item-primary .list-item-label{color:var(--color-success, #3dcd58);font-weight:600}.list-item-text.list-item-selected.list-item-secondary{background:rgba(107, 114, 128, 0.08)}.list-item-text.list-item-selected.list-item-secondary .list-item-icon,.list-item-text.list-item-selected.list-item-secondary .list-item-label{color:var(--text-secondary, #4b5563);font-weight:600}.list-item-text.list-item-selected.list-item-success{background:rgba(22, 163, 74, 0.08)}.list-item-text.list-item-selected.list-item-success .list-item-icon,.list-item-text.list-item-selected.list-item-success .list-item-label{color:var(--color-success, #16a34a);font-weight:600}.list-item-text.list-item-selected.list-item-danger{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.08)}.list-item-text.list-item-selected.list-item-danger .list-item-icon,.list-item-text.list-item-selected.list-item-danger .list-item-label{color:var(--color-danger-hover, #dc2626);font-weight:600}.list-item-text.list-item-selected.list-item-warning{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.08)}.list-item-text.list-item-selected.list-item-warning .list-item-icon,.list-item-text.list-item-selected.list-item-warning .list-item-label{color:var(--color-warning-hover, #d97706);font-weight:600}.list-item-text.list-item-selected.list-item-info{background:rgba(8, 145, 178, 0.08)}.list-item-text.list-item-selected.list-item-info .list-item-icon,.list-item-text.list-item-selected.list-item-info .list-item-label{color:var(--color-info-hover, #0891b2);font-weight:600}.list-item-text.list-item-selected.list-item-default{background:rgba(0, 0, 0, 0.05)}.list-item-text.list-item-selected.list-item-default .list-item-label{font-weight:600}.list-item-filled.list-item-selected.list-item-primary{background:var(--bg-primary, #d1fae5);border-color:var(--color-success, #3dcd58)}.list-item-filled.list-item-selected.list-item-primary .list-item-icon,.list-item-filled.list-item-selected.list-item-primary .list-item-label{color:var(--color-success, #009B4E);font-weight:600}.list-item-filled.list-item-selected.list-item-success{background:var(--bg-primary, #dcfce7);border-color:var(--color-success, #16a34a)}.list-item-filled.list-item-selected.list-item-success .list-item-icon,.list-item-filled.list-item-selected.list-item-success .list-item-label{color:var(--color-success, #166534);font-weight:600}.list-item-filled.list-item-selected.list-item-danger{background:var(--bg-primary, #fee2e2);border-color:var(--color-danger-hover, #dc2626)}.list-item-filled.list-item-selected.list-item-danger .list-item-icon,.list-item-filled.list-item-selected.list-item-danger .list-item-label{color:var(--color-danger, #991b1b);font-weight:600}.list-item-outlined.list-item-selected.list-item-primary{border-color:var(--color-success, #3dcd58);border-width:2px}.list-item-outlined.list-item-selected.list-item-primary .list-item-icon,.list-item-outlined.list-item-selected.list-item-primary .list-item-label{color:var(--color-success, #3dcd58);font-weight:600}.list-item-outlined.list-item-selected.list-item-success{border-color:var(--color-success, #16a34a);border-width:2px}.list-item-outlined.list-item-selected.list-item-success .list-item-icon,.list-item-outlined.list-item-selected.list-item-success .list-item-label{color:var(--color-success, #16a34a);font-weight:600}.list-item-soft.list-item-selected.list-item-primary{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.12)}.list-item-soft.list-item-selected.list-item-primary .list-item-icon,.list-item-soft.list-item-selected.list-item-primary .list-item-label{color:var(--color-success, #009B4E);font-weight:600}.list-item-selected{border-radius:8px}.list-item-soft.list-item-selected.list-item-success{background:rgba(22, 163, 74, 0.12);border-radius:8px}.list-item-soft.list-item-selected.list-item-success .list-item-icon,.list-item-soft.list-item-selected.list-item-success .list-item-label{color:var(--color-success, #15803d);font-weight:600}.list-item-disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.list-item-readonly{cursor:default}.list-item-divider::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--bg-primary, #e5e7eb)}.list-item-link .list-item-label{text-decoration:none}.list-item-link:hover .list-item-label{text-decoration:underline}.list-item-interactive{cursor:pointer}.list-item:not(.list-item-interactive){cursor:default}.list-item-children{display:flex;flex-direction:column;animation:slideDown 0.2s ease}@keyframes slideDown{from{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.list-item-focused{box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.list-item-hovered:not(.list-item-disabled):not(.list-item-readonly){transform:translateX(2px);border-radius:8px}.list-item-context-menu{position:relative}.list-item-context-menu .list-item-context-icon{font-size:0.875rem;color:var(--text-muted, #9ca3af);margin-left:auto;transition:transform 0.2s ease}.list-item-context-menu.list-item-context-menu-open .list-item-context-icon{transform:rotate(90deg)}.list-item-context-menu:hover .list-item-context-icon{color:var(--text-muted, #6b7280)}.context-menu{min-width:200px;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 10px 25px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);padding:8px 0;animation:contextMenuFadeIn 0.15s ease-out;overflow:hidden;max-height:400px;overflow-y:auto}.context-menu ::slotted(ui-list-item){margin:0;border-radius:0}.context-menu::-webkit-scrollbar{width:6px}.context-menu::-webkit-scrollbar-track{background:transparent}.context-menu::-webkit-scrollbar-thumb{background:var(--bg-secondary, #d1d5db);border-radius:3px}.context-menu::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #9ca3af)}@keyframes contextMenuFadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.context-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;background:transparent}.list-item-checkbox{display:flex;align-items:center;cursor:pointer;margin-right:4px}.list-item-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.list-item-checkbox .checkbox-icon{font-size:1.25rem;color:var(--text-muted, #9ca3af);transition:all 0.2s ease}.list-item-checkbox:hover .checkbox-icon{color:var(--text-muted, #6b7280)}.list-item-checked .checkbox-icon{color:var(--color-success, #3dcd58) !important}.list-item-disabled .list-item-checkbox,.list-item-readonly .list-item-checkbox{cursor:not-allowed;opacity:0.5}.list-item-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:0.75rem;font-weight:600;line-height:1;white-space:nowrap}.list-item-badge.badge-default{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.list-item-badge.badge-primary{background:var(--bg-primary, #d1fae5);color:var(--color-success, #009B4E)}.list-item-badge.badge-secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #4b5563)}.list-item-badge.badge-success{background:var(--bg-primary, #d1fae5);color:var(--color-primary, #065f46)}.list-item-badge.badge-danger{background:var(--bg-primary, #fee2e2);color:var(--color-danger, #991b1b)}.list-item-badge.badge-warning{background:var(--bg-primary, #fef3c7);color:var(--color-danger, #92400e)}.list-item-badge.badge-info{background:var(--bg-primary, #e0f2fe);color:var(--color-primary, #075985)}.list-item-counter{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff);font-size:0.75rem;font-weight:600;line-height:1;margin-left:auto;flex-shrink:0}.list-item-right{display:flex;align-items:center;flex-direction:column;gap:6px;margin-left:auto;flex-shrink:0;max-width:50%;overflow:hidden}.list-item-pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.list-item-pills::-webkit-scrollbar{height:4px}.list-item-pills::-webkit-scrollbar-thumb{background:var(--bg-secondary, #d1d5db);border-radius:2px}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;font-size:0.75rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;flex-shrink:0}.pill i{font-size:0.75rem}.pill:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.pill:active{transform:translateY(0)}.pill.pill-default{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.pill.pill-default:hover{background:var(--bg-primary, #e5e7eb)}.pill.pill-primary{background:var(--bg-primary, #d1fae5);color:var(--color-success, #009B4E)}.pill.pill-primary:hover{background:var(--color-success, #a7f3d0)}.pill.pill-secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #4b5563)}.pill.pill-secondary:hover{background:var(--bg-primary, #e5e7eb)}.pill.pill-success{background:var(--bg-primary, #d1fae5);color:var(--color-primary, #065f46)}.pill.pill-success:hover{background:var(--color-success, #a7f3d0)}.pill.pill-danger{background:var(--bg-primary, #fee2e2);color:var(--color-danger, #991b1b)}.pill.pill-danger:hover{background:var(--color-danger, #fecaca)}.pill.pill-warning{background:var(--bg-primary, #fef3c7);color:var(--color-danger, #92400e)}.pill.pill-warning:hover{background:var(--color-primary, #fde68a)}.pill.pill-info{background:var(--bg-primary, #e0f2fe);color:var(--color-primary, #075985)}.pill.pill-info:hover{background:var(--color-primary, #bae6fd)}.list-item-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.list-item-tags::-webkit-scrollbar{height:4px}.list-item-tags::-webkit-scrollbar-thumb{background:var(--bg-secondary, #d1d5db);border-radius:2px}.tag{display:inline-flex;align-items:center;padding:2px 8px;background:var(--bg-secondary, #f3f4f6);color:var(--text-muted, #6b7280);border-radius:4px;font-size:0.75rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;flex-shrink:0}.tag:hover{background:var(--bg-primary, #e5e7eb);color:var(--text-secondary, #374151)}.tag:active{transform:scale(0.95)}.list-item-sm .list-item-checkbox .checkbox-icon{font-size:1rem}.list-item-sm .list-item-badge{font-size:0.625rem;padding:1px 6px}.list-item-sm .list-item-counter{min-width:16px;height:16px;font-size:0.625rem}.list-item-sm .pill{padding:2px 8px;font-size:0.625rem}.list-item-sm .tag{padding:1px 6px;font-size:0.625rem}.list-item-sm .list-item-sublabel{font-size:0.75rem}.list-item-lg .list-item-checkbox .checkbox-icon{font-size:1.5rem}.list-item-lg .list-item-badge{font-size:0.875rem;padding:3px 10px}.list-item-lg .list-item-counter{min-width:24px;height:24px;font-size:0.875rem}.list-item-lg .pill{padding:6px 12px;font-size:0.875rem}.list-item-lg .tag{padding:3px 10px;font-size:0.875rem}.list-item-lg .list-item-sublabel{font-size:1rem}.list-item-left-media{display:flex;align-items:center;gap:inherit;flex-shrink:0}.list-item-right-media{display:flex;align-items:center;gap:inherit;flex-shrink:0;margin-left:12px}.list-item-avatar-right .list-item-counter,.list-item-avatar-right .list-item-action-icon,.list-item-avatar-right .list-item-context-icon{margin-left:8px}.list-item-avatar-right .list-item-right-media{margin-left:auto}.list-item.list-item-selection-primary.list-item-selected{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.12) !important;border-color:var(--color-success, #3dcd58) !important}.list-item.list-item-selection-primary.list-item-selected .list-item-label{color:var(--color-success, #009B4E) !important}.list-item.list-item-selection-primary.list-item-selected .list-item-icon{color:var(--color-success, #009B4E) !important}.list-item.list-item-selection-secondary.list-item-selected{background:rgba(107, 114, 128, 0.12) !important;border-color:var(--color-primary, #6b7280) !important}.list-item.list-item-selection-secondary.list-item-selected .list-item-label{color:var(--color-primary, #4b5563) !important}.list-item.list-item-selection-secondary.list-item-selected .list-item-icon{color:var(--color-primary, #4b5563) !important}.list-item.list-item-selection-success.list-item-selected{background:rgba(22, 163, 74, 0.12) !important;border-color:var(--color-success, #16a34a) !important}.list-item.list-item-selection-success.list-item-selected .list-item-label{color:var(--color-success, #15803d) !important}.list-item.list-item-selection-success.list-item-selected .list-item-icon{color:var(--color-success, #15803d) !important}.list-item.list-item-selection-danger.list-item-selected{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.12) !important;border-color:var(--color-danger-hover, #dc2626) !important}.list-item.list-item-selection-danger.list-item-selected .list-item-label{color:var(--color-danger, #991b1b) !important}.list-item.list-item-selection-danger.list-item-selected .list-item-icon{color:var(--color-danger, #991b1b) !important}.list-item.list-item-selection-warning.list-item-selected{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.12) !important;border-color:var(--color-warning, #f59e0b) !important}.list-item.list-item-selection-warning.list-item-selected .list-item-label{color:var(--color-danger, #92400e) !important}.list-item.list-item-selection-warning.list-item-selected .list-item-icon{color:var(--color-danger, #92400e) !important}.list-item.list-item-selection-info.list-item-selected{background:rgba(8, 145, 178, 0.12) !important;border-color:var(--color-info-hover, #0891b2) !important}.list-item.list-item-selection-info.list-item-selected .list-item-label{color:var(--color-primary, #075985) !important}.list-item.list-item-selection-info.list-item-selected .list-item-icon{color:var(--color-primary, #075985) !important}.list-item.list-item-hover-primary:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(var(--color-success-rgb, 61, 205, 88), 0.05) !important}.list-item.list-item-hover-secondary:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(107, 114, 128, 0.05) !important}.list-item.list-item-hover-success:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(22, 163, 74, 0.05) !important}.list-item.list-item-hover-danger:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.05) !important}.list-item.list-item-hover-warning:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.05) !important}.list-item.list-item-hover-info:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(8, 145, 178, 0.05) !important}.list-item-lock-icon{font-size:0.875rem;color:var(--text-muted, #9ca3af);margin-left:12px;flex-shrink:0}.list-item-menu-icon{font-size:1rem;color:var(--text-muted, #6b7280);margin-left:8px;padding:6px;border-radius:6px;transition:all 0.2s ease;flex-shrink:0;cursor:pointer}.list-item-menu-icon:hover{background:rgba(0, 0, 0, 0.08);color:var(--text-primary, #1f2937)}.list-item-menu-icon:active{transform:scale(0.9)}.list-item-locked{cursor:default !important}.list-item-locked .list-item-label{color:var(--text-muted, #9ca3af) !important}.list-item-locked .list-item-icon{opacity:0.5}.list-item-locked:hover{transform:none !important;background:transparent !important}.swipe-actions-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none;z-index:-1;overflow:hidden;border-radius:inherit}.swipe-action{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-standard, #ffffff);transition:opacity 0.2s ease}.swipe-action ui-icon{font-size:1.5rem}.swipe-action.left{justify-content:flex-start;padding-left:24px;background-color:var(--color-success, #10b981)}.swipe-action.right{justify-content:flex-end;padding-right:24px;background-color:var(--color-danger, #ef4444)}.bg-success{background-color:var(--color-success, #10b981)}.bg-danger{background-color:var(--color-danger, #ef4444)}.bg-warning{background-color:var(--color-warning, #f59e0b)}.bg-info{background-color:var(--color-primary, #10b981)}.bg-primary{background-color:var(--color-success, #3dcd58)}.list-item[style*=transform]{transition:transform 0.1s ease-out}.list-item-grid{flex-direction:column !important;align-items:center !important;text-align:center;padding:24px 16px !important;border:1px solid var(--border-subtle, #f1f5f9);border-radius:16px !important;background:var(--bg-primary, #ffffff);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05)}.list-item-grid:hover{transform:translateY(-4px) !important;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);border-color:var(--color-primary, #10b981)}.list-item-grid .list-item-avatar,.list-item-grid .list-item-image{width:64px !important;height:64px !important;margin-bottom:16px}.list-item-grid .list-item-content{align-items:center;width:100%}.list-item-grid .list-item-label{font-size:1.125rem;font-weight:700}.list-item-grid .list-item-collaborators{margin-top:12px}.list-item-tree-lines{position:relative}.list-item-tree-lines::before{content:"";position:absolute;left:26px;top:-12px;bottom:50%;width:2px;background:var(--color-primary, #cbd5e1)}.list-item-tree-lines::after{content:"";position:absolute;left:26px;top:50%;width:16px;height:2px;background:var(--color-primary, #cbd5e1);border-radius:0 2px 2px 0}.list-item-collaborators{display:flex;align-items:center;margin-top:4px}.list-item.focused-item{outline:2px solid var(--color-primary, #10b981);outline-offset:-2px;background:var(--bg-primary, #eff6ff)}.list-item-avatar-container{position:relative;display:inline-flex}.list-item-status{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-primary, #ffffff);z-index:2}.list-item-status.pos-bottom-right{bottom:0;right:0}.list-item-status.pos-top-right{top:0;right:0}.list-item-status.status-online{background:var(--color-success, #10b981)}.list-item-status.status-busy{background:var(--color-danger, #ef4444)}.list-item-status.status-away{background:var(--color-warning, #f59e0b)}.list-item-status.status-offline{background:var(--color-primary, #94a3b8)}.list-item-status.status-online::after{content:"";position:absolute;width:100%;height:100%;background:inherit;border-radius:50%;animation:pulseStatus 2s infinite;opacity:0.6;left:0;top:0}@keyframes pulseStatus{0%{transform:scale(1);opacity:0.6}100%{transform:scale(3);opacity:0}}.list-item-progress-container{display:flex;align-items:center;gap:8px;margin-top:6px;width:100%}.list-item-progress-container .list-item-progress-bar{height:4px;background:var(--color-primary, #10b981);border-radius:2px;transition:width 0.3s ease}.list-item-progress-container .list-item-progress-text{font-size:10px;font-weight:700;color:var(--text-muted, #64748b)}.list-item-star-icon{font-size:0.875rem;color:var(--color-primary, #cbd5e1);margin-right:8px;cursor:pointer;transition:all 0.2s}.list-item-star-icon:hover{color:var(--color-primary, #94a3b8);transform:scale(1.1)}.list-item-star-icon.is-starred{color:var(--color-warning, #f59e0b) !important}.list-item-expandable-section{width:100%;background:var(--bg-primary, #f8fafc);overflow:hidden;border-top:1px solid var(--border-subtle, #f1f5f9);animation:expandDetail 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.list-item-expandable-section .expandable-detail-content{padding:16px 24px 16px 56px}@keyframes expandDetail{from{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.list-item-media-avatar-group{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0}.list-item-right-collaborators{display:flex;align-items:center;margin-left:auto;margin-right:12px}.is-wobbling{animation:wobbleNo 0.4s ease-in-out}@keyframes wobbleNo{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.list-item-pulse{position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 0 rgba(var(--color-danger-rgb, 239, 68, 68), 0);animation:etherealPulse 2s infinite;z-index:1}@keyframes etherealPulse{0%{box-shadow:0 0 0 0 rgba(var(--color-danger-rgb, 239, 68, 68), 0.4)}70%{box-shadow:0 0 0 12px rgba(var(--color-danger-rgb, 239, 68, 68), 0)}100%{box-shadow:0 0 0 0 rgba(var(--color-danger-rgb, 239, 68, 68), 0)}}.presence-halo{position:absolute;top:6px;right:6px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-primary, #ffffff);box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1)}.presence-halo.presence-blue{background:var(--color-primary, #10b981)}.presence-halo.presence-purple{background:var(--color-primary, #a855f7)}.list-item-density-compact{padding-top:4px !important;padding-bottom:4px !important;min-height:40px}.list-item-density-compact .list-item-sublabel,.list-item-density-compact .list-item-tags,.list-item-density-compact .list-item-progress-container{display:none}.list-item-density-compact .list-item-avatar-container,.list-item-density-compact ui-avatar{transform:scale(0.8)}.list-item-density-cozy{padding-top:20px !important;padding-bottom:20px !important}.list-item-density-cozy .list-item-label{font-size:1.1rem;font-weight:700;color:var(--text-primary, #0f172a)}.list-item-density-cozy .list-item-avatar-container,.list-item-density-cozy ui-avatar{transform:scale(1.15)}';export{o as ui_list_group,a as ui_list_item}

package/dist/exploration-project-tailwind/p-875be805.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,a as i,h as s}from"./p-DUsoYu9r.js";import{c as o}from"./p-BMFah5q3.js";const a=class{constructor(i){t(this,i),this.locationChange=e(this,"locationChange"),this.locationSearch=e(this,"locationSearch"),this.locationOpen=e(this,"locationOpen"),this.locationClose=e(this,"locationClose"),this.locationLoadError=e(this,"locationLoadError"),this.locationCreate=e(this,"locationCreate")}get hostElement(){return i(this)}options=[];value="";multiSelect=!1;placeholder="Select location";searchable=!0;searchPlaceholder="Search country, state, city, postal code...";disabled=!1;clearable=!0;maxHeight=360;debounceMs=250;maxSelections=0;resultLimit=250;showRecent=!0;showFavorites=!0;persistState=!0;storageKey="ui-smart-location-dropdown-state";showPath=!0;showTypeBadge=!0;allowCustomValue=!1;ignoreParentPosition=!0;portal=!1;loadLocations;remoteMinChars=2;isOpen=!1;parsedOptions=[];remoteOptions=[];selectedIds=new Set;searchQuery="";loading=!1;loadError="";highlightedIndex=-1;menuLeft=0;menuTop=0;menuWidth=0;dropdownPosition="bottom";recentIds=[];favoriteIds=[];locationChange;locationSearch;locationOpen;locationClose;locationLoadError;locationCreate;searchDebounceTimer;searchInputRef;menuElement;optionsRefs=[];rafId;isPortaled=!1;searchToken=0;watchOptions(t){this.parsedOptions=this.normalizeOptions(t)}watchValue(t){this.selectedIds=this.parseSelectedIds(t)}componentWillLoad(){this.parsedOptions=this.normalizeOptions(this.options),this.selectedIds=this.parseSelectedIds(this.value),this.restorePersistentState()}disconnectedCallback(){this.searchDebounceTimer&&clearTimeout(this.searchDebounceTimer),this.cleanupPortal(),this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=0)}handleOutsideClick(t){const e="function"==typeof t.composedPath?t.composedPath():[],i=e.includes(this.hostElement)||this.hostElement.contains(t.target),s=!!this.menuElement&&(e.includes(this.menuElement)||this.menuElement.contains(t.target));i||s||this.closeDropdown()}handleResize(){this.isOpen&&this.calculatePosition()}handleScroll(){this.isOpen&&this.calculatePosition()}normalizeOptions(t){const e="string"==typeof t?this.tryParse(t):t||[],i=[],s=(t,e,o,a=[])=>{t.forEach((t=>{if(null==t||null==t.id||!t.label)return;const r=String(t.id),n=t.type||this.inferType(e),c=[...a,t.label],l=[t.label,t.code||"",n,c.join(" "),(t.tags||[]).join(" ")].join(" ").toLowerCase();i.push({...t,idStr:r,parentIdStr:o,type:n,depth:e,pathLabels:c,searchText:l}),t.children&&t.children.length>0&&s(t.children,e+1,r,c)}))};return s(e,0),i}tryParse(t){if(!t)return[];try{const e=JSON.parse(t);return Array.isArray(e)?e:[]}catch(t){return console.error("Invalid JSON for location options",t),[]}}inferType(t){return t<=0?"country":1===t?"state":2===t?"city":3===t?"district":"custom"}parseSelectedIds(t){return t?this.multiSelect?new Set(t.split(",").map((t=>t.trim())).filter(Boolean)):new Set([t]):new Set}get selectedOptions(){const t=new Map(this.getMergedOptions().map((t=>[t.idStr,t])));return Array.from(this.selectedIds).map((e=>t.get(e))).filter((t=>!!t))}getMergedOptions(){const t=[...this.parsedOptions],e=new Set(t.map((t=>t.idStr)));return this.remoteOptions.forEach((i=>{e.has(i.idStr)||t.push(i)})),t}get filteredOptions(){const t=this.getMergedOptions(),e=this.searchQuery.trim().toLowerCase();let i=e?t.filter((t=>t.searchText.includes(e))):t;if(!e){const t=this.favoriteIds.map((t=>i.find((e=>e.idStr===t)))).filter((t=>!!t)),e=this.recentIds.map((t=>i.find((e=>e.idStr===t&&!this.favoriteIds.includes(t))))).filter((t=>!!t)),s=new Set([...t.map((t=>t.idStr)),...e.map((t=>t.idStr))]),o=i.filter((t=>!s.has(t.idStr)));i=[...t,...e,...o]}return i.slice(0,this.resultLimit)}get typeLabelMap(){return{country:"Country",state:"State",province:"Province",city:"City",district:"District",postal:"Postal",custom:"Custom"}}toggleDropdown=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.isOpen=!0,this.locationOpen.emit(),this.highlightedIndex=this.filteredOptions.length>0?0:-1,this.schedulePositionUpdate(),this.searchable&&window.setTimeout((()=>this.searchInputRef?.focus()),25)))};closeDropdown=()=>{this.isOpen&&(this.isOpen=!1,this.locationClose.emit(),this.highlightedIndex=-1,this.searchQuery="",this.remoteOptions=[],this.loadError="",this.cleanupPortal())};schedulePositionUpdate(){this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{this.calculatePosition(),this.rafId=0}))}calculatePosition(){if(!this.isOpen||!this.menuElement)return;const t=this.hostElement.shadowRoot?.querySelector(".location-trigger");if(!t)return;this.portal&&!this.isPortaled&&this.menuElement.parentElement!==document.body&&(document.body.appendChild(this.menuElement),this.isPortaled=!0);const e=o(t,{menuWidth:t.offsetWidth,menuHeight:this.maxHeight,gap:4,placement:"auto",useTransformedAncestorOffset:!this.ignoreParentPosition});this.menuLeft=e.left,this.menuTop=e.top,this.menuWidth=e.width,this.dropdownPosition=e.placement}cleanupPortal(){this.portal&&this.isPortaled&&this.menuElement&&this.menuElement.parentElement===document.body&&(this.hostElement.appendChild(this.menuElement),this.isPortaled=!1)}onSearchInput_Custom=t=>{this.searchQuery=t||"",this.searchDebounceTimer&&clearTimeout(this.searchDebounceTimer),this.searchDebounceTimer=window.setTimeout((()=>{this.runRemoteSearch(this.searchQuery),this.emitSearchEvent(),this.highlightedIndex=this.filteredOptions.length>0?0:-1}),this.debounceMs)};async runRemoteSearch(t){if(!this.loadLocations)return;if((t||"").trim().length<this.remoteMinChars)return this.remoteOptions=[],this.loading=!1,void(this.loadError="");const e=++this.searchToken;this.loading=!0,this.loadError="";try{const i=await this.loadLocations(t.trim());if(e!==this.searchToken)return;this.remoteOptions=this.normalizeOptions(i||[])}catch(i){if(e!==this.searchToken)return;const s=i instanceof Error?i.message:"Failed to load locations";this.remoteOptions=[],this.loadError=s,this.locationLoadError.emit({query:t,message:s})}finally{e===this.searchToken&&(this.loading=!1,this.emitSearchEvent())}}emitSearchEvent(){this.locationSearch.emit({query:this.searchQuery,localResults:this.parsedOptions.filter((t=>t.searchText.includes(this.searchQuery.toLowerCase()))).length,remoteResults:this.remoteOptions.length,loading:this.loading})}handleKeyDown=t=>{if(this.disabled)return;const e=this.filteredOptions;switch(t.key){case"Enter":case" ":return this.isOpen?this.highlightedIndex>=0&&e[this.highlightedIndex]?(t.preventDefault(),void this.selectOption(e[this.highlightedIndex],"select")):void(this.allowCustomValue&&this.searchQuery.trim()&&(t.preventDefault(),this.createCustomLocation(this.searchQuery.trim()))):(t.preventDefault(),void this.toggleDropdown());case"ArrowDown":return t.preventDefault(),void(this.isOpen?e.length>0&&(this.highlightedIndex=Math.min(e.length-1,this.highlightedIndex+1),this.scrollToHighlighted()):this.toggleDropdown());case"ArrowUp":return t.preventDefault(),void(this.isOpen&&e.length>0&&(this.highlightedIndex=Math.max(0,this.highlightedIndex-1),this.scrollToHighlighted()));case"Escape":return void(this.isOpen&&(t.preventDefault(),this.closeDropdown()));case"Backspace":if(this.multiSelect&&!this.searchQuery&&this.selectedIds.size>0){const t=Array.from(this.selectedIds).at(-1);t&&this.removeSelectedId(t,"remove")}return;default:return}};scrollToHighlighted(){const t=this.optionsRefs[this.highlightedIndex];t?.scrollIntoView({block:"nearest"})}selectOption(t,e){if(!t.disabled){if(this.multiSelect){const e=new Set(this.selectedIds);if(e.has(t.idStr))e.delete(t.idStr);else{if(this.maxSelections>0&&e.size>=this.maxSelections)return;e.add(t.idStr)}this.selectedIds=e}else this.selectedIds=new Set([t.idStr]),this.closeDropdown();this.touchRecent(t.idStr),this.syncValueAndEmit(e)}}removeSelectedId(t,e){if(!this.selectedIds.has(t))return;const i=new Set(this.selectedIds);i.delete(t),this.selectedIds=i,this.syncValueAndEmit(e)}clearSelection=t=>{t?.stopPropagation(),0!==this.selectedIds.size&&(this.selectedIds=new Set,this.syncValueAndEmit("clear"))};toggleFavorite=(t,e)=>{e.stopPropagation();const i=this.favoriteIds.includes(t);this.favoriteIds=i?this.favoriteIds.filter((e=>e!==t)):[t,...this.favoriteIds].slice(0,50),this.persistCurrentState()};touchRecent(t){this.recentIds=[t,...this.recentIds.filter((e=>e!==t))].slice(0,50),this.persistCurrentState()}persistCurrentState(){if(this.persistState&&"undefined"!=typeof localStorage)try{localStorage.setItem(this.storageKey,JSON.stringify({recentIds:this.recentIds,favoriteIds:this.favoriteIds}))}catch{}}restorePersistentState(){if(this.persistState&&"undefined"!=typeof localStorage)try{const t=localStorage.getItem(this.storageKey);if(!t)return;const e=JSON.parse(t);this.recentIds=Array.isArray(e?.recentIds)?e.recentIds.map((t=>String(t))).slice(0,50):[],this.favoriteIds=Array.isArray(e?.favoriteIds)?e.favoriteIds.map((t=>String(t))).slice(0,50):[]}catch{this.recentIds=[],this.favoriteIds=[]}}syncValueAndEmit(t){const e=Array.from(this.selectedIds);this.value=this.multiSelect?e.join(","):e[0]||"",this.locationChange.emit({value:this.value,selected:this.selectedOptions,trigger:t,query:this.searchQuery})}createCustomLocation(t){const e=`custom:${t.toLowerCase().replace(/\s+/g,"-")}`,i={id:e,label:t,type:"custom"};this.locationCreate.emit(i);const s=this.normalizeOptions([i]);this.remoteOptions=[...s,...this.remoteOptions.filter((t=>t.idStr!==e))],s[0]&&this.selectOption(s[0],"select")}getDisplayText(){const t=this.selectedOptions;return 0===t.length?this.placeholder:this.multiSelect?1===t.length?this.showPath?t[0].pathLabels.join(" / "):t[0].label:`${t.length} locations selected`:this.showPath?t[0].pathLabels.join(" / "):t[0].label}renderSelectedChips(){if(!this.multiSelect||0===this.selectedOptions.length)return null;const t=this.selectedOptions.slice(0,3),e=this.selectedOptions.length-t.length;return s("div",{class:"selected-chips"},t.map((t=>s("span",{class:"selected-chip",key:`chip-${t.idStr}`},s("span",{class:"chip-label"},this.showPath?t.pathLabels.join(" / "):t.label),s("ui-button",{class:"chip-remove",onButtonClick:()=>this.removeSelectedId(t.idStr,"remove"),"aria-label":`Remove ${t.label}`,variant:"plain",icon:"x",iconLibrary:"lucide",iconOnly:!0})))),e>0&&s("span",{class:"selected-more"},"+",e))}renderOption(t,e){const i=this.selectedIds.has(t.idStr),o=this.highlightedIndex===e,a=this.favoriteIds.includes(t.idStr),r=this.showPath?t.pathLabels.join(" / "):t.label;return s("div",{class:{"location-option":!0,"location-option-selected":i,"location-option-highlighted":o,"location-option-disabled":!!t.disabled},role:"option","aria-selected":i?"true":"false",onMouseEnter:()=>this.highlightedIndex=e,onClick:()=>this.selectOption(t,"select"),ref:t=>this.optionsRefs[e]=t},s("div",{class:"location-option-main"},this.multiSelect&&s("ui-icon",{name:i?"check-square":"square",library:"lucide",size:"18px"}),s("div",{class:"location-option-text"},s("span",{class:"location-label"},r),t.code&&s("span",{class:"location-code"},t.code))),s("div",{class:"location-option-meta"},this.showTypeBadge&&s("span",{class:"location-type"},this.typeLabelMap[t.type]),this.showFavorites&&s("ui-button",{class:{"fav-btn":!0,active:a},onButtonClick:e=>this.toggleFavorite(t.idStr,e.detail),"aria-label":a?`Remove ${t.label} from favorites`:`Add ${t.label} to favorites`,variant:"plain",icon:"star",iconLibrary:"lucide",iconOnly:!0})))}render(){const t=this.filteredOptions,e=this.selectedIds.size>0,i=this.allowCustomValue&&!!this.searchQuery.trim()&&0===t.length;return s("div",{key:"0d1270c7b8941a54d23f12b336a40248127a9515",class:{"location-dropdown":!0,open:this.isOpen,disabled:this.disabled}},s("div",{key:"454a4fb32bdfcbb31f61ab24f69dd720f1d7975c",class:"location-trigger",role:"combobox","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox",tabIndex:this.disabled?-1:0,onClick:this.toggleDropdown,onKeyDown:this.handleKeyDown},s("span",{key:"06e96ca6b9ce142e1c6eb4145d75de7c6753d0aa",class:{"trigger-text":!0,placeholder:!e}},this.getDisplayText()),s("div",{key:"75bf60390f1983473a30b6c7fa6906d7bd39a99d",class:"trigger-icons"},e&&this.clearable&&!this.disabled&&s("ui-button",{key:"274b970b60c84e37ba60ef76a226d8dffd21f85b",class:"clear-btn",onButtonClick:this.clearSelection,"aria-label":"Clear selected locations",variant:"plain",icon:"x",iconLibrary:"lucide",iconOnly:!0}),s("ui-icon",{key:"872eb5b33bb7c84ebdf68d0685af115d78b893ba",name:"chevron-down",library:"lucide",size:"16px",class:{arrow:!0,open:this.isOpen}}))),this.renderSelectedChips(),this.isOpen&&s("div",{key:"5285b7a36ec106df13afbfde4bae0127567dd459",class:{menu:!0,top:"top"===this.dropdownPosition},role:"listbox",ref:t=>this.menuElement=t,style:{maxHeight:`${this.maxHeight}px`,left:`${this.menuLeft}px`,width:`${this.menuWidth}px`,position:"fixed",zIndex:"10020",top:`${this.menuTop}px`}},this.searchable&&s("div",{key:"96c9247325ad38fa7ad1378141a8de53fe23c062",class:"search-row"},s("ui-input",{key:"16e6a0e35ae37de129b1812ecd7ed7c46c3b84c3",ref:t=>this.searchInputRef=t,class:"search-input",value:this.searchQuery,placeholder:this.searchPlaceholder,onInputChange:t=>this.onSearchInput_Custom(t.detail),onKeyDown:this.handleKeyDown,variant:"plain"})),this.loading&&s("div",{key:"8be3bb6ff2b546d4b77dedea4efdced3cf456a73",class:"status loading"},"Loading locations..."),!this.loading&&this.loadError&&s("div",{key:"2990bc4eb6413fc9ad02ec4214af9701f3ddb63f",class:"status error"},this.loadError),!this.loading&&t.length>0&&s("div",{key:"cc1da47a2b1e0703c8f9cf3b12f66c53f4c72215",class:"options-list"},t.map(((t,e)=>this.renderOption(t,e)))),!this.loading&&0===t.length&&!i&&s("div",{key:"74871de825014986333f513ab8a78eee94efffca",class:"status empty"},"No locations found"),i&&s("ui-button",{key:"0fd041bedf71502bea54a09d658669ccd3bcc68f",class:"create-btn",onButtonClick:()=>this.createCustomLocation(this.searchQuery.trim()),variant:"plain",align:"start",fullWidth:!0,icon:"plus",iconLibrary:"lucide",label:`Create "${this.searchQuery.trim()}"`}),(this.showFavorites||this.showRecent)&&!this.searchQuery&&s("div",{key:"5a4c6ecc6768d6a6ee8b3731e4d12b845c936a8f",class:"footer-meta"},this.showFavorites&&s("span",{key:"e2cac6f8adb895ba9f262be9924ea9a5619c95e3"},"Favorites: ",this.favoriteIds.length),this.showRecent&&s("span",{key:"f541571f8f6dd69ce531f7a54cc8cd6d06b3d8a8"},"Recent: ",this.recentIds.length))))}static get watchers(){return{options:[{watchOptions:0}],value:[{watchValue:0}]}}};a.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;width:100%;--sld-border:#cfd8e3;--sld-border-strong:#b4c1d1;--sld-focus:#2563eb;--sld-text:#10213a;--sld-muted:#62748a;--sld-bg:#ffffff;--sld-panel:rgba(255, 255, 255, 0.98);--sld-panel-solid:#ffffff;--sld-hover:#f3f8ff;--sld-selected:#e8f1ff;--sld-chip:#edf4ff;--sld-shadow:0 18px 40px rgba(15, 23, 42, 0.16)}.location-dropdown{position:relative;width:100%;font-family:"Segoe UI", Roboto, sans-serif}.location-trigger{border:1px solid var(--sld-border);border-radius:14px;min-height:48px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);color:var(--sld-text);cursor:pointer;box-shadow:0 2px 8px rgba(15, 23, 42, 0.04);transition:border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, transform 0.2s ease}.location-trigger:hover{border-color:var(--sld-border-strong);box-shadow:0 10px 22px rgba(37, 99, 235, 0.08)}.location-trigger:focus,.location-dropdown.open .location-trigger{border-color:var(--sld-focus);box-shadow:0 0 0 4px rgba(37, 99, 235, 0.14), 0 16px 32px rgba(37, 99, 235, 0.14);outline:none}.location-dropdown.disabled .location-trigger{opacity:0.72;cursor:not-allowed}.trigger-text{flex:1;font-size:14px;font-weight:500;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trigger-text.placeholder{color:#91a0b4}.trigger-icons{display:inline-flex;align-items:center;gap:6px}.arrow{transition:transform 0.18s ease;color:var(--sld-muted)}.arrow.open{transform:rotate(180deg)}.clear-btn,.fav-btn,.chip-remove{border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sld-muted);padding:0}.clear-btn:hover,.fav-btn:hover,.chip-remove:hover{color:var(--sld-text)}.clear-btn{width:24px;height:24px;border-radius:999px;background:#eef4fb}.clear-btn:hover{background:#e2ecf8}.fav-btn.active{color:#d97706}.selected-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.selected-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid #d7e7ff;background:var(--sld-chip);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.9);max-width:100%}.chip-label{font-size:12px;color:#1c3657;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-more{font-size:12px;color:#37557b;align-self:center}.menu{border:1px solid rgba(180, 193, 209, 0.72);border-radius:18px;background:var(--sld-panel-solid);background-color:var(--sld-panel-solid);backdrop-filter:blur(18px);box-shadow:var(--sld-shadow);overflow:hidden;isolation:isolate}.search-row{position:sticky;top:0;z-index:1;padding:12px;border-bottom:1px solid #edf2f7;background:var(--sld-panel)}.search-input{width:100%;border:1px solid #d4deea;border-radius:12px;padding:11px 13px;font-size:14px;outline:none;background:#f9fbfe;color:var(--sld-text);transition:border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease}.search-input:focus{border-color:var(--sld-focus);background:#ffffff;box-shadow:0 0 0 4px rgba(37, 99, 235, 0.1)}.options-list{padding:8px;overflow-y:auto;max-height:inherit;background:var(--sld-panel-solid)}.location-option{padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;border:1px solid transparent;border-radius:14px;background:var(--sld-panel-solid);transition:background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease}.location-option:hover,.location-option-highlighted{background:var(--sld-hover);border-color:#d7e7ff;box-shadow:0 10px 24px rgba(37, 99, 235, 0.08);transform:translateY(-1px)}.location-option-selected{background:var(--sld-selected);border-color:#b9d4ff;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.85)}.location-option-disabled{opacity:0.5;cursor:not-allowed}.location-option-main{min-width:0;display:flex;align-items:center;gap:8px;flex:1}.location-option-text{min-width:0;display:flex;flex-direction:column}.location-label{font-size:13px;font-weight:600;color:var(--sld-text);white-space:normal;overflow:hidden;text-overflow:ellipsis}.location-code{font-size:11px;color:var(--sld-muted)}.location-option-meta{display:inline-flex;align-items:center;gap:8px}.location-type{font-size:10px;border:1px solid #d8e5f3;border-radius:999px;padding:4px 8px;color:#55708f;background:#f7fbff;text-transform:uppercase;letter-spacing:0.08em;font-weight:700}.fav-btn{width:28px;height:28px;border-radius:999px;background:#f6f9fc}.fav-btn:hover{background:#ebf2f8}.status{padding:14px;font-size:13px;background:var(--sld-panel-solid)}.status.loading,.status.empty{color:var(--sld-muted)}.status.error{color:#b91c1c;background:#fef2f2}.create-btn{width:100%;border:none;border-top:1px solid #edf2f7;background:#f7fbff;color:var(--sld-text);font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;padding:13px;cursor:pointer;font-weight:600}.create-btn:hover{background:#eef6ff}.footer-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf2f7;padding:10px 12px 12px;font-size:11px;color:var(--sld-muted);background:var(--sld-panel)}';export{a as ui_smart_location_dropdown}