atomicuilibrary 0.0.1

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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-73d29a4a.entry.js

@@ -0,0 +1 @@
+import{r as t,h as r}from"./p-DUsoYu9r.js";import{G as o}from"./p-vwwmWKs9.js";import{s as i}from"./p-D2WzX6vR.js";const a=class{constructor(r){t(this,r)}panel;closePanel(){o.emit("panel:closed",this.panel.id)}onHeaderMouseDown=t=>{o.emit("panel:dragstart",{panelId:this.panel.id,x:t.clientX,y:t.clientY})};render(){return r("div",{key:"deb12b776f98fd8ebf5fd56807afb71b8df2cd0d",class:"lm-panel","data-id":this.panel.id},r("div",{key:"92e40c443c14ee9f0ae3fbe26a11889a56911098",class:"lm-panel-header",onMouseDown:t=>this.onHeaderMouseDown(t)},r("div",{key:"4c10877061aeeabb9f80803c57bdd6e594dd5383",class:"lm-title",style:{display:"flex",alignItems:"center"}},this.panel.icon&&r("ui-icon",{key:"23a72b93dda720d0360c67e6e59c90544900dc44",name:this.panel.icon,library:"lucide",style:{width:"16px",height:"16px",marginRight:"8px"}}),this.panel.title),r("div",{key:"86191441afcbac1e185f1d27b0a2cf11192d423b",class:"lm-controls"},!1!==this.panel.closable&&r("ui-button",{key:"4dd85509e733a1b62e7980d2ba7e399fce209ef9",variant:"ghost",class:"lm-close",onClick:()=>this.closePanel(),ariaLabel:"Close panel",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"xxs"}))),r("div",{key:"8734d98fd113a5005a71f3adf121842d8b7a0000",class:"lm-panel-body"},this.panel.content?r("div",{innerHTML:i(this.panel.content)}):r("slot",null)))}};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%;height:100%;overflow:hidden}.lm-panel{display:flex;flex-direction:column;flex:1;width:100%;height:100%;background:var(--bg-primary, #ffffff);overflow:hidden;border:1px solid var(--border-subtle, #e2e8f0)}.lm-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-subtle, #e2e8f0);min-height:36px;flex-shrink:0}.lm-panel-header .lm-title{font-size:13px;font-weight:600;color:var(--color-primary, #334155);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lm-panel-header .lm-controls{display:flex;align-items:center;gap:8px}.lm-close{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #64748b);width:20px;height:20px;font-size:16px;line-height:1;transition:all 0.2s}.lm-close:hover{background:var(--bg-primary, #fee2e2);color:var(--color-danger, #ef4444)}.lm-panel-body{flex:1;overflow:auto;position:relative;display:flex;flex-direction:column}.lm-panel-body>div{flex:1}";const e=class{constructor(r){t(this,r)}containerId;index;startX;startY;onDown(t){this.startX=t.clientX,this.startY=t.clientY,window.addEventListener("mousemove",this.onMove),window.addEventListener("mouseup",this.onUp)}onMove=t=>{const r=t.clientX-this.startX,i=t.clientY-this.startY;this.startX=t.clientX,this.startY=t.clientY,o.emit("splitter:drag",{containerId:this.containerId,index:this.index,dx:r,dy:i})};onUp=()=>{window.removeEventListener("mousemove",this.onMove),window.removeEventListener("mouseup",this.onUp)};direction="horizontal";render(){return r("div",{key:"6cbc72c65f18247f7a445a3c887c774d13551297",class:`lm-splitter ${this.direction}`,onMouseDown:t=>this.onDown(t)})}};e.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;z-index:10}.lm-splitter{background-color:var(--bg-primary, #e2e8f0);transition:background-color 0.2s;flex-shrink:0;}.lm-splitter.horizontal{width:4px;height:100%;cursor:col-resize}.lm-splitter{}.lm-splitter.vertical{width:100%;height:4px;cursor:row-resize}.lm-splitter:hover{background-color:var(--color-primary, #10b981)}@media (max-width: 768px){:host{display:none !important}}";const l=class{constructor(r){t(this,r)}panels;activeTabId;containerId;mode="horizontal";switchTab(t){o.emit("tab:changed",{containerId:this.containerId,tabId:t})}closePanel(t,r){t.stopPropagation(),o.emit("panel:closed",r)}onTabMouseDown(t,r){0===t.button&&(t.target.classList.contains("lm-tab-close")||o.emit("panel:dragstart",{panelId:r,x:t.clientX,y:t.clientY}))}render(){return r("div",{key:"83f1cde2f6966da615dd0e0b5ab821e0f035ce22",class:`lm-tabs ${this.mode}`},r("div",{key:"507a672779ab113ca9da4d724c6d59451084daf4",class:"lm-tab-list"},this.panels.map((t=>r("div",{class:"lm-tab "+(t.id===this.activeTabId?"active":""),"data-id":t.id,onClick:()=>this.switchTab(t.id),onMouseDown:r=>this.onTabMouseDown(r,t.id)},r("span",{class:"lm-tab-title",style:{display:"flex",alignItems:"center"}},t.icon&&r("ui-icon",{name:t.icon,library:"lucide",style:{width:"14px",height:"14px",marginRight:"6px"}}),t.title),!1!==t.closable&&r("span",{class:"lm-tab-close",onClick:r=>this.closePanel(r,t.id)},"×"))))))}};l.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%}.lm-tabs{background-color:var(--bg-secondary, #f1f5f9);border-bottom:1px solid var(--border-subtle, #e2e8f0);display:flex}.lm-tabs.horizontal{flex-direction:row;width:100%;min-height:32px;overflow-x:auto}.lm-tabs.vertical{flex-direction:column;height:100%;width:100%;overflow-y:auto;overflow-x:hidden;background-color:var(--color-primary, #334155);color:var(--color-primary, #94a3b8)}.lm-tabs{}.lm-tabs::-webkit-scrollbar{display:none}.lm-tab-list{display:flex}.lm-tabs.horizontal .lm-tab-list{flex-direction:row}.lm-tabs.vertical .lm-tab-list{flex-direction:column;width:100%;align-items:center}.lm-tab{padding:8px 16px;font-size:13px;color:var(--text-muted, #64748b);cursor:pointer;transition:all 0.2s;white-space:nowrap;user-select:none;display:flex;align-items:center;justify-content:center}.lm-tab:hover{background:var(--bg-primary, #e2e8f0);color:var(--color-primary, #334155)}.lm-tabs.horizontal .lm-tab{border-right:1px solid var(--border-subtle, #e2e8f0);background:var(--bg-secondary, #f1f5f9)}.lm-tabs.horizontal .lm-tab.active{background:var(--bg-primary, #ffffff);color:var(--color-primary, #10b981);font-weight:500;border-bottom:2px solid var(--color-primary, #10b981)}.lm-tabs.vertical .lm-tab{width:48px;height:48px;padding:0;border-bottom:none;color:var(--color-primary, #94a3b8)}.lm-tabs.vertical .lm-tab:hover{background:rgba(255, 255, 255, 0.1);color:var(--text-standard, #f1f5f9)}.lm-tabs.vertical .lm-tab.active{background:var(--bg-primary, #ffffff);color:var(--color-primary, #10b981);border-left:2px solid var(--color-primary, #10b981);}.lm-tab-title{flex:1;overflow:hidden;text-overflow:ellipsis}.lm-tab-close{margin-left:8px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:14px;line-height:1;color:var(--color-primary, #94a3b8);transition:all 0.2s;cursor:pointer}.lm-tab-close:hover{background:var(--bg-primary, #e2e8f0);color:var(--color-danger, #ef4444)}.active .lm-tab-close{color:var(--color-primary, #94a3b8)}.active .lm-tab-close:hover{background:var(--bg-secondary, #f1f5f9);color:var(--color-danger, #ef4444)}.lm-tabs.vertical .lm-tab-close{display:none;}";export{a as lm_panel,e as lm_splitter,l as lm_tabs}

package/dist/exploration-project-tailwind/p-7515b1e3.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,a as r,h as s}from"./p-DUsoYu9r.js";import{s as p}from"./p-D2WzX6vR.js";const i=class{constructor(r){e(this,r),this.stepperPrevious=t(this,"stepperPrevious"),this.stepperNext=t(this,"stepperNext"),this.stepperFinish=t(this,"stepperFinish"),this.stepperFail=t(this,"stepperFail"),this.stepperChange=t(this,"stepperChange"),this.stepperValidationError=t(this,"stepperValidationError"),this.progressUpdate=t(this,"progressUpdate"),this.stepValidation=t(this,"stepValidation"),this.stepLoading=t(this,"stepLoading")}steps=[];normalizedSteps=[];orientation="horizontal";size="md";activeStep=0;showNumbers=!0;showDescriptions=!1;showControls=!1;labelPrev="Previous";labelNext="Next";labelFinish="Finish";labelFail="Mark Failed";stepperPrevious;stepperNext;stepperFinish;stepperFail;customIcons;flow="linear";shadow=!0;theme;keyboardNavigation=!0;responsive=!0;maxVisibleSteps=5;progressDot=!1;iconLibrary="default";labelPlacement="horizontal";labelPosition="right";variant="default";colorScheme="primary";animated=!0;showProgress=!1;validateBeforeNext;mobileBreakpoint=768;allowStepClick=!0;showTooltips=!0;compact=!1;stepsPerPage=0;scrollable=!0;clickable=!1;iconLineWidth;iconLineHeight;iconLineFlex;stepShape="circle";validationErrors=new Map;isMobile=!1;isLoading=!1;get host(){return r(this)}stepperChange;stepperValidationError;progressUpdate;stepValidation;stepLoading;async next(e={}){return this.navigateToStep(this.activeStep+1,e)}async prev(e={}){return this.navigateToStep(this.activeStep-1,e)}async goTo(e,t={}){return this.navigateToStep(e,t)}async complete(e){const t=e??this.activeStep;t>=0&&t<this.normalizedSteps.length&&this.updateStepStatus(t,"completed")}async fail(e,t){const r=e??this.activeStep;r>=0&&r<this.normalizedSteps.length&&(this.updateStepStatus(r,"failed"),t&&this.validationErrors.set(String(this.normalizedSteps[r].id),t))}async getCurrentStep(){return this.activeStep>=0&&this.activeStep<this.normalizedSteps.length?this.normalizedSteps[this.activeStep]:null}async getSteps(){return[...this.normalizedSteps]}async validateCurrentStep(){return this.validateStep(this.activeStep)}async navigateToStep(e,t={}){if(e<0||e>=this.normalizedSteps.length)return!1;const r=this.normalizedSteps[e];if(!t.force&&!this.canNavigateTo(e))return!1;if(!t.skipValidation&&"linear"===this.flow&&e>this.activeStep&&!await this.validateStep(this.activeStep))return!1;const s=this.activeStep;return this.activeStep=e,this.updateStepStatuses(),this.stepperChange.emit({index:e,step:r,previousIndex:s}),!0}handleActiveStepChange(){this.updateStepStatuses()}canNavigateTo(e){return"non-linear"===this.flow||e<=this.activeStep+1}async validateStep(e){const t=this.normalizedSteps[e];if(this.validateBeforeNext){this.isLoading=!0,this.stepLoading.emit(!0);try{const r=await this.validateBeforeNext(e);if(this.stepValidation.emit({step:e,valid:r}),!r){const r="Validation failed for the current step";return this.validationErrors.set(String(t?.id||e),r),t&&this.stepperValidationError.emit({index:e,step:t,error:r}),!1}}finally{this.isLoading=!1,this.stepLoading.emit(!1)}}if(!t)return!0;if(t.node&&"function"==typeof t.node.validate){this.isLoading=!0,this.stepLoading.emit(!0);try{if(!await t.node.validate()){const r="Step validation failed";return this.validationErrors.set(String(t.id),r),this.stepperValidationError.emit({index:e,step:t,error:r}),!1}}catch(r){const s=`Validation error: ${r.message}`;return this.validationErrors.set(String(t.id),s),this.stepperValidationError.emit({index:e,step:t,error:s}),!1}finally{this.isLoading=!1,this.stepLoading.emit(!1)}}if(!t.validator)return!0;try{if(!await t.validator.validate(t,t.data)){const r=t.validator.errorMessage||"Validation failed";return this.validationErrors.set(String(t.id),r),this.stepperValidationError.emit({index:e,step:t,error:r}),!1}return this.validationErrors.delete(String(t.id)),!0}catch(r){const s=`Validation error: ${r.message}`;return this.validationErrors.set(String(t.id),s),this.stepperValidationError.emit({index:e,step:t,error:s}),!1}}updateStepStatuses(){const e=["failed","error","waiting","warning","info","disabled"];this.normalizedSteps=this.normalizedSteps.map(((t,r)=>{if(t.status&&e.includes(t.status))return t;let s="pending";return r<this.activeStep?s="completed":r===this.activeStep&&(s="active"),{...t,status:s}}))}updateStepStatus(e,t){e>=0&&e<this.normalizedSteps.length&&(this.normalizedSteps=this.normalizedSteps.map(((r,s)=>s===e?{...r,status:t}:r)))}getStepIcon(e){if(this.customIcons&&this.customIcons[e])return this.customIcons[e];switch(e){case"completed":case"success":return"check";case"failed":case"error":return"x";case"waiting":case"pending":return"clock";case"info":return"info";case"active":return"circle-dot";case"disabled":return"ban";default:return"circle"}}renderProgressCircle(e){const t=2*Math.PI*14,r=t-e/100*t;return s("svg",{class:"stepper-progress-circle",viewBox:"0 0 32 32"},s("circle",{class:"stepper-progress-bg",cx:"16",cy:"16",r:14}),s("circle",{class:"stepper-progress-value",cx:"16",cy:"16",r:14,"stroke-dasharray":t,"stroke-dashoffset":r}))}renderStepIcon(e,t){if(e.svgIcon)return e.svgIcon.includes("<svg")?s("span",{class:"stepper-step-custom-icon",innerHTML:p(e.svgIcon)}):s("span",{class:"stepper-step-custom-icon"},s("ui-icon",{name:e.svgIcon,library:e.iconLibrary||this.iconLibrary,size:"1.25rem"}));if(e.iconUrl)return s("img",{src:e.iconUrl,alt:e.label,class:"stepper-step-image-icon"});if(e.icon)return"lucide"===this.iconLibrary?s("span",{class:"stepper-step-icon"},s("ui-icon",{name:e.icon,library:"lucide",size:"1.2em"})):s("span",{class:"stepper-step-icon","aria-hidden":"true"},e.icon);if(this.showNumbers&&"active"!==e.status&&"completed"!==e.status&&"success"!==e.status&&"failed"!==e.status)return s("span",{class:"stepper-step-number","aria-hidden":"true"},t+1);const r=this.getStepIcon(e.status);return s("span",{class:"stepper-step-icon","aria-hidden":"true"},s("ui-icon",{name:r,library:"default"===this.iconLibrary?"lucide":this.iconLibrary,size:"1.2em"}))}getStepClasses(e,t){const r=["stepper-step",`stepper-step-${this.size}`,`stepper-step-${e.status}`];return t===this.activeStep&&r.push("stepper-step-active"),t<this.activeStep&&r.push("stepper-step-completed"),r.join(" ")}parseSteps(e){if(Array.isArray(e))return e;if("string"==typeof e&&e.trim().length)try{const t=JSON.parse(e);if(Array.isArray(t))return t}catch(e){console.warn("ui-stepper: failed to parse steps JSON, using defaults",e)}return[{id:"1",label:"Step 1",status:"completed"},{id:"2",label:"Step 2",status:"active"},{id:"3",label:"Step 3",status:"waiting"},{id:"4",label:"Step 4",status:"waiting"}]}stepsChanged(e){this.normalizedSteps=this.parseSteps(e)}componentWillLoad(){if(this.normalizedSteps=this.parseSteps(this.steps),0===this.normalizedSteps.length||4===this.normalizedSteps.length&&"Step 1"===this.normalizedSteps[0].label){const e=this.scanStepsFromChildren();e.length>0&&(this.normalizedSteps=e)}this.updateStepStatuses()}scanStepsFromChildren(){return Array.from(this.host.querySelectorAll("ui-step")).map(((e,t)=>({id:e.id||`step-${t}`,label:e.stepTitle||e.getAttribute("step-title")||`Step ${t+1}`,description:e.subtitle||e.getAttribute("subtitle")||"",status:e.status||e.getAttribute("status")||"pending",icon:e.icon||e.getAttribute("icon")||"",disabled:e.disabled||e.hasAttribute("disabled"),node:e})))}onPrevClick=()=>{const e=Math.max(0,this.activeStep-1);this.stepperPrevious.emit({index:e,step:this.normalizedSteps[e]})};onNextClick=()=>{const e=Math.min(this.normalizedSteps.length-1,this.activeStep+1);this.stepperNext.emit({index:e,step:this.normalizedSteps[e]})};onFinishClick=()=>{const e=this.activeStep;this.stepperFinish.emit({index:e,step:this.normalizedSteps[e]})};onFailClick=()=>{const e=this.activeStep;this.stepperFail.emit({index:e,step:this.normalizedSteps[e]})};handleKeyDown=e=>{if(this.keyboardNavigation)switch(e.key){case"ArrowLeft":case"ArrowUp":e.preventDefault(),this.prev();break;case"ArrowRight":case"ArrowDown":e.preventDefault(),this.next();break;case"Home":e.preventDefault(),this.goTo(0);break;case"End":e.preventDefault(),this.goTo(this.normalizedSteps.length-1)}};handleStepClick=e=>{("non-linear"===this.flow||e<=this.activeStep+1)&&this.goTo(e)};getProgress(){return 0===this.normalizedSteps.length?0:Math.round((this.activeStep+1)/this.normalizedSteps.length*100)}renderSnakeLayout(e,t){const r=this.stepsPerPage||10,p=[];for(let e=0;e<this.normalizedSteps.length;e+=r)p.push(this.normalizedSteps.slice(e,e+r));const i=this.getProgress();return s("div",{class:`${e} stepper--snake-layout`,style:t,role:"navigation","aria-label":"Step progress"},this.showProgress&&s("div",{class:"stepper-progress-bar",role:"progressbar","aria-valuenow":i,"aria-valuemin":0,"aria-valuemax":100},s("div",{class:"progress-fill",style:{width:`${i}%`}}),s("span",{class:"progress-text","aria-live":"polite"},i,"% Complete (",this.activeStep+1,"/",this.normalizedSteps.length,")")),s("div",{class:"snake-container"},p.map(((e,t)=>{const p=t%2==0;return s("div",{class:{"snake-row":!0,"snake-row--even":p,"snake-row--odd":!p}},e.map(((p,i)=>{const a=t*r+i,o=i===e.length-1,n=a===this.normalizedSteps.length-1;return s("div",{class:{"stepper-item":!0,"stepper-item--active":a===this.activeStep,"stepper-item--completed":a<this.activeStep,"stepper-item--pending":a>this.activeStep,"stepper-item--clickable":"non-linear"===this.flow||a<=this.activeStep,"has-connector":!o,"has-row-connector":o&&!n},onClick:()=>this.handleStepClick(a),role:"button",title:p.label},s("div",{class:"step-icon-wrapper"},this.isLoading&&a===this.activeStep?s("ui-icon",{name:"refresh-cw",class:"fa-spin",library:"lucide",size:"1.2em"}):s("span",{class:"step-icon"},this.renderStepIcon(p,a))),!o&&s("div",{class:"snake-connector-horizontal"}),o&&!n&&s("div",{class:"snake-connector-turn"}))})))}))))}render(){let e=this.labelPosition;"vertical"===this.labelPlacement&&(e="bottom");const t=["stepper-container",`stepper-${this.orientation}`,`stepper-${this.size}`,`stepper--${this.colorScheme}`,this.responsive?"stepper-responsive":"",this.progressDot?"stepper-dot":"",`stepper-label-${e}`,`stepper-variant-${this.variant}`,this.animated?"stepper--animated":"",this.clickable?"stepper--clickable":"",this.compact?"stepper--compact":"",this.scrollable?"stepper--scrollable":"",`stepper-shape-${this.stepShape}`].join(" "),r=this.theme?{"--stepper-primary-color":this.theme.primaryColor,"--stepper-secondary-color":this.theme.secondaryColor,"--stepper-success-color":this.theme.successColor,"--stepper-error-color":this.theme.errorColor,"--stepper-warning-color":this.theme.warningColor,"--stepper-info-color":this.theme.infoColor,"--stepper-text-color":this.theme.textColor,"--stepper-background-color":this.theme.backgroundColor,"--stepper-border-color":this.theme.borderColor,"--stepper-font-size":this.theme.fontSize,"--stepper-font-family":this.theme.fontFamily}:{};if(this.iconLineWidth&&(r["--icon-line-width"]=this.iconLineWidth),this.iconLineHeight&&(r["--icon-line-height"]=this.iconLineHeight),void 0!==this.iconLineFlex&&(r["--icon-line-flex"]=this.iconLineFlex.toString()),"snack"===this.variant&&"horizontal"===this.orientation)return this.renderSnakeLayout(t,r);const p=this.getProgress();return s("div",{class:t,style:r,role:"tablist","aria-orientation":this.orientation,"aria-label":"Step navigation",tabindex:this.keyboardNavigation?0:-1,onKeyDown:this.handleKeyDown},this.showProgress&&s("div",{class:"stepper-progress-bar",role:"progressbar","aria-valuenow":p,"aria-valuemin":0,"aria-valuemax":100},s("div",{class:"progress-fill",style:{width:`${p}%`}}),s("span",{class:"progress-text","aria-live":"polite"},p,"% Complete (",this.activeStep+1,"/",this.normalizedSteps.length,")")),this.scrollable&&"horizontal"===this.orientation&&s("div",{class:"scroll-indicator scroll-indicator--left"}),s("div",{class:"steps-wrapper",role:"list",style:{display:"flex",flexDirection:"horizontal"===this.orientation?"row":"column",width:"100%"}},this.normalizedSteps.map(((t,r)=>{const p=r===this.normalizedSteps.length-1,i="non-linear"===this.flow||r<=this.activeStep,a="completed"===t.status||"success"===t.status?"completed":"failed"===t.status?"failed":"active"===t.status?"active":"pending",o=[...this.getStepClasses(t,r).split(" "),i?"stepper-step-clickable":"",this.validationErrors.has(String(t.id))?"stepper-step-error":""].filter(Boolean).join(" ");return s("div",{key:t.id,class:o,style:{position:"relative"},role:"tab","aria-selected":r===this.activeStep,"aria-controls":`step-panel-${t.id}`,"aria-disabled":!i,tabindex:i?0:-1,onClick:()=>this.handleStepClick(r),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleStepClick(r))}},s("div",{class:"stepper-step-wrapper"},s("div",{class:"stepper-step-indicator",style:{position:"relative"},"aria-label":`Step ${r+1}: ${t.label} - ${t.status}`},void 0===t.percent||"active"!==t.status||this.progressDot?this.progressDot?s("span",{class:"stepper-dot-inner","aria-hidden":"true"}):this.renderStepIcon(t,r):this.renderProgressCircle(t.percent)),"vertical"===this.orientation&&!p&&s("span",{class:`stepper-connector stepper-connector-${this.orientation} stepper-connector-${a}`,"aria-hidden":"true"}),"horizontal"===this.orientation?s("div",{class:"stepper-step-content stepper-step-content-horizontal"},s("div",{class:"stepper-step-title"},s("div",{class:"stepper-step-label"},t.node&&t.node.renderContent?t.node.renderContent():t.label),!p&&"top"!==e&&"bottom"!==e&&s("span",{class:`stepper-connector stepper-connector-horizontal stepper-connector-${a}`,"aria-hidden":"true"})),this.showDescriptions&&t.description&&s("div",{class:"stepper-step-description"},t.description),s("div",{class:"stepper-content-slot"},s("slot",{name:`content-${t.id}`})),this.validationErrors.has(String(t.id))&&s("div",{class:"stepper-step-error-message",role:"alert"},this.validationErrors.get(String(t.id)))):s("div",{class:"stepper-step-content"},s("div",{class:{"stepper-step-label":!0,"stepper-label-active":r===this.activeStep}},t.label),this.showDescriptions&&t.description&&s("div",{class:"stepper-step-description"},t.description),s("div",{class:{"stepper-content-slot":!0,"stepper-content-active":r===this.activeStep,"stepper-content-panel":"panel"===this.variant}},s("slot",{name:`content-${t.id}`})),this.validationErrors.has(String(t.id))&&s("div",{class:"stepper-step-error-message",role:"alert"},this.validationErrors.get(String(t.id))),t.children&&t.children.length>0&&s("div",{class:"stepper-sub-steps"},t.children.map(((e,t)=>s("div",{class:`stepper-sub-step stepper-sub-step-${e.status||"pending"}`,key:e.id||t},s("span",{class:"sub-step-dot"}),s("span",{class:"sub-step-label"},e.label)))))),"horizontal"===this.orientation&&!p&&("top"===e||"bottom"===e)&&s("span",{class:`stepper-connector stepper-connector-horizontal stepper-connector-${a}`,"aria-hidden":"true"})))}))),this.scrollable&&"horizontal"===this.orientation&&s("div",{class:"scroll-indicator scroll-indicator--right"}),this.showControls?s("div",{class:"stepper-controls",role:"group","aria-label":"Step controls"},s("ui-button",{variant:"secondary",size:"sm"===this.size?"sm":"md",onClick:this.onPrevClick,disabled:this.activeStep<=0,ariaLabel:this.labelPrev,label:this.labelPrev}),s("ui-button",{variant:"primary",size:"sm"===this.size?"sm":"md",onClick:this.onNextClick,disabled:this.activeStep>=this.normalizedSteps.length-1,ariaLabel:this.labelNext,label:this.labelNext}),s("ui-button",{variant:"success",size:"sm"===this.size?"sm":"md",onClick:this.onFinishClick,ariaLabel:this.labelFinish,label:this.labelFinish}),s("ui-button",{variant:"danger",size:"sm"===this.size?"sm":"md",onClick:this.onFailClick,ariaLabel:this.labelFail,label:this.labelFail})):null)}static get watchers(){return{activeStep:[{handleActiveStepChange:0}],steps:[{stepsChanged: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}:host{display:block;width:100%}.stepper-container{display:flex;width:100%;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;box-sizing:border-box}.stepper-horizontal{flex-direction:row}.stepper-vertical{flex-direction:column}.stepper-step{position:relative;display:flex;flex:1;vertical-align:top}.stepper-horizontal .stepper-step{margin-right:16px}.stepper-horizontal .stepper-step:last-child{margin-right:0}.stepper-vertical .stepper-step{flex-direction:column;flex:none;min-height:64px}.stepper-step-wrapper{display:flex;align-items:flex-start;width:100%}.stepper-label-right .stepper-step-wrapper{flex-direction:row}.stepper-label-left .stepper-step-wrapper{flex-direction:row-reverse}.stepper-label-left .stepper-step-indicator{margin-right:0;margin-left:8px}.stepper-horizontal.stepper-label-top .stepper-step-wrapper{flex-direction:column-reverse;align-items:center;text-align:center}.stepper-horizontal.stepper-label-top .stepper-step-indicator{margin-right:0;margin-top:8px}.stepper-horizontal.stepper-label-bottom .stepper-step-wrapper,.stepper-horizontal.stepper-label-vertical .stepper-step-wrapper{flex-direction:column;align-items:center;text-align:center}.stepper-horizontal.stepper-label-bottom .stepper-step-indicator,.stepper-horizontal.stepper-label-vertical .stepper-step-indicator{margin-right:0;margin-bottom:8px}.stepper-horizontal.stepper-label-top .stepper-step-title,.stepper-horizontal.stepper-label-bottom .stepper-step-title{display:block;width:100%}.stepper-horizontal.stepper-label-top .stepper-step-title .stepper-connector,.stepper-horizontal.stepper-label-bottom .stepper-step-title .stepper-connector{display:none}.stepper-horizontal.stepper-label-top .stepper-step-content,.stepper-horizontal.stepper-label-bottom .stepper-step-content{display:flex;flex-direction:column;align-items:center;width:100%}.stepper-label-top .stepper-step-label,.stepper-label-bottom .stepper-step-label{text-align:center;padding-right:0}.stepper-vertical.stepper-label-top .stepper-step-wrapper,.stepper-vertical.stepper-label-bottom .stepper-step-wrapper{flex-direction:row;align-items:flex-start;text-align:left}.stepper-vertical.stepper-label-top .stepper-step-indicator,.stepper-vertical.stepper-label-bottom .stepper-step-indicator{margin-right:8px;margin-top:0;margin-bottom:0}.stepper-vertical.stepper-label-top .stepper-step-content,.stepper-vertical.stepper-label-bottom .stepper-step-content{align-items:flex-start;text-align:left}.stepper-vertical.stepper-label-top .stepper-step-wrapper{align-items:flex-end;align-items:flex-start}.stepper-vertical.stepper-label-bottom .stepper-step-wrapper{align-items:flex-start}.stepper-step-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:8px;background-color:var(--bg-primary, var(--text-standard, #ffffff));border:1px solid rgba(0, 0, 0, 0.25);border-radius:50%;transition:all 0.3s;flex-shrink:0;color:rgba(0, 0, 0, 0.25);font-size:14px;z-index:2}.stepper-shape-square .stepper-step-indicator{border-radius:4px !important}.stepper-shape-square-active .stepper-step-active .stepper-step-indicator{border-radius:4px !important;background-color:var(--bg-primary, #f6ffed) !important;border:1px solid var(--color-success, #b7eb8f) !important;padding:4px;width:38px !important;height:38px !important;position:relative;display:flex !important;align-items:center;justify-content:center;z-index:10}.stepper-shape-square-active .stepper-step-active .stepper-step-indicator::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:24px;height:24px;background-color:var(--color-primary, #1677ff);border-radius:50%;z-index:-1}.stepper-shape-square-active .stepper-step-active .stepper-step-indicator .stepper-step-icon,.stepper-shape-square-active .stepper-step-active .stepper-step-indicator .stepper-step-number,.stepper-shape-square-active .stepper-step-active .stepper-step-indicator ui-icon{color:var(--text-standard, #ffffff) !important;font-size:14px;--icon-color:var(--text-standard, #ffffff)}.stepper--primary{--stepper-color:var(--color-primary, #1677ff);--stepper-color-hover:var(--color-primary, #4096ff);--stepper-success:var(--color-success, #52c41a);--stepper-error:var(--color-danger, #ff4d4f);--stepper-warning:var(--color-danger, #faad14)}.stepper--success{--stepper-color:var(--color-success, #52c41a);--stepper-color-hover:var(--color-success, #73d13d)}.stepper--warning{--stepper-color:var(--color-danger, #faad14);--stepper-color-hover:var(--color-danger, #ffc53d)}.stepper--danger{--stepper-color:var(--color-danger, #ff4d4f);--stepper-color-hover:var(--color-danger, #ff7875)}.stepper-label-vertical .stepper-step-indicator{margin-right:0;margin-bottom:8px}.stepper-step-active .stepper-step-indicator{background-color:var(--stepper-color, #1677ff);border-color:var(--stepper-color, #1677ff);color:var(--text-standard, #ffffff)}.stepper-step-active .stepper-step-label{color:var(--stepper-color, #1677ff);font-weight:600}.stepper-shape-square-active .stepper-step-active .stepper-step-label{color:var(--color-success, #52c41a) !important;font-weight:700}.stepper-step-completed .stepper-step-indicator,.stepper-step-success .stepper-step-indicator{background-color:var(--bg-primary, var(--text-standard, #ffffff));border-color:var(--color-success, #52c41a);color:var(--color-success, #52c41a)}.stepper-step-completed .stepper-step-label,.stepper-step-success .stepper-step-label{color:rgba(0, 0, 0, 0.45)}.stepper-step-failed .stepper-step-indicator,.stepper-step-error .stepper-step-indicator{background-color:var(--bg-primary, var(--text-standard, #ffffff));border-color:var(--color-danger, #ff4d4f);color:var(--color-danger, #ff4d4f)}.stepper-step-failed .stepper-step-label,.stepper-step-error .stepper-step-label{color:var(--color-danger, #ff4d4f)}.stepper-step-pending .stepper-step-indicator,.stepper-step-waiting .stepper-step-indicator{background-color:var(--bg-primary, var(--text-standard, #ffffff));border-color:rgba(0, 0, 0, 0.25);color:rgba(0, 0, 0, 0.25)}.stepper-step-info .stepper-step-indicator{background-color:var(--bg-primary, var(--text-standard, #ffffff));border-color:var(--color-primary, #1677ff);color:var(--color-primary, #1677ff)}.stepper-step-info .stepper-step-label{color:rgba(0, 0, 0, 0.45)}.stepper-step-warning .stepper-step-indicator{background-color:var(--bg-primary, var(--text-standard, #ffffff));border-color:var(--color-danger, #faad14);color:var(--color-danger, #faad14)}.stepper-step-warning .stepper-step-label{color:rgba(0, 0, 0, 0.45)}.stepper-step-disabled .stepper-step-indicator{background-color:var(--bg-primary, #f5f5f5);border-color:var(--border-default, #d9d9d9);color:rgba(0, 0, 0, 0.25);cursor:not-allowed}.stepper-step-disabled .stepper-step-label{color:rgba(0, 0, 0, 0.25);cursor:not-allowed}.stepper-step-icon{font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.stepper-progress-circle{position:absolute;top:-1px;left:-1px;width:34px;height:34px;transform:rotate(-90deg)}.stepper-progress-bg{fill:none;stroke:rgba(0, 0, 0, 0.06);stroke-width:2px}.stepper-progress-value{fill:none;stroke:var(--color-primary, #1677ff);stroke-width:2.5px;stroke-linecap:round;transition:stroke-dashoffset 0.3s ease}.stepper-sm .stepper-progress-circle{width:26px;height:26px}.stepper-step-image-icon{width:20px;height:20px;border-radius:50%;object-fit:cover}.stepper-step-custom-icon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.stepper-step-custom-icon svg{width:16px;height:16px}.stepper-step-content{display:flex;flex-direction:column;flex:1;min-height:32px;justify-content:center}.stepper-step-label{position:relative;display:inline-block;padding-right:16px;color:rgba(0, 0, 0, 0.45);font-size:14px;line-height:32px;white-space:nowrap}.stepper-vertical .stepper-step-label{line-height:32px}.stepper-step-description{color:rgba(0, 0, 0, 0.45);font-size:14px;line-height:1.5;white-space:normal}.stepper-step-title{display:flex;align-items:center;position:relative}.stepper-connector{position:absolute;background-color:rgba(0, 0, 0, 0.06);transition:background-color 0.3s}.stepper-horizontal .stepper-connector{position:relative;flex:1;height:1px;margin:0 8px;background-color:rgba(0, 0, 0, 0.06);opacity:1;visibility:visible}.stepper-horizontal.stepper-label-bottom .stepper-connector{position:absolute;top:16px;left:50%;width:calc(100% + 16px);margin:0}.stepper-horizontal.stepper-label-top .stepper-connector{position:absolute;top:auto;bottom:16px;left:50%;width:calc(100% + 16px);margin:0}.stepper-horizontal.stepper-label-top .stepper-step,.stepper-horizontal.stepper-label-bottom .stepper-step{position:relative}.stepper-vertical .stepper-connector{top:36px;left:16px;width:1px;height:calc(100% - 40px);flex:var(--icon-line-flex, none)}.stepper-step-completed .stepper-connector,.stepper-step-success .stepper-connector,.stepper-shape-square-active .stepper-step-active .stepper-connector,.stepper-shape-square-active .stepper-connector-active{background-color:var(--color-success, #52c41a) !important;height:2px}.stepper-dot .stepper-step-indicator{width:8px;height:8px;margin-right:8px;margin-left:0;border:none;background-color:rgba(0, 0, 0, 0.25)}.stepper-dot .stepper-dot-inner{display:none}.stepper-dot .stepper-step-active .stepper-step-indicator{width:10px;height:10px;background-color:var(--color-primary, #1677ff)}.stepper-dot.stepper-horizontal .stepper-connector{position:absolute;top:4px;left:16px;width:calc(100% - 24px);margin:0}.stepper-dot.stepper-horizontal.stepper-label-bottom .stepper-connector{top:4px;left:50%;width:calc(100% + 16px);margin:0}.stepper-dot.stepper-horizontal.stepper-label-top .stepper-connector{top:auto;bottom:4px;left:50%;width:calc(100% + 16px);margin:0}.stepper-dot.stepper-vertical .stepper-connector{left:4px;top:10px}.stepper-dot .stepper-step-wrapper{align-items:center}.stepper-dot .stepper-step-content{min-height:auto}.stepper-sm .stepper-step-indicator{width:24px;height:24px;font-size:12px}.stepper-sm .stepper-step-label{font-size:14px;line-height:24px}.stepper-sm.stepper-horizontal .stepper-connector{top:12px}.stepper-lg .stepper-step-indicator{width:40px;height:40px;font-size:18px}.stepper-lg .stepper-step-label{font-size:16px;line-height:40px}.stepper-variant-inline{display:inline-flex;gap:0;border:1px solid var(--border-default, #d9d9d9);border-radius:6px;padding:0;background:var(--bg-primary, #ffffff);overflow:hidden}.stepper-variant-inline .stepper-step{padding:10px 20px;margin:0;border-right:1px solid var(--border-default, #d9d9d9);background:var(--bg-primary, #fafafa);transition:all 0.3s;position:relative}.stepper-variant-inline .stepper-step:last-child{border-right:none}.stepper-variant-inline .stepper-step:hover{background:var(--bg-primary, #f0f0f0)}.stepper-variant-inline .stepper-step-active{background:var(--color-primary, #1677ff);color:var(--text-standard, #ffffff)}.stepper-variant-inline .stepper-step-active .stepper-step-label{color:var(--text-standard, #ffffff);font-weight:600}.stepper-variant-inline .stepper-step-completed{background:var(--bg-primary, #f6ffed)}.stepper-variant-inline .stepper-connector{display:none}.stepper-variant-inline .stepper-step-indicator{width:18px;height:18px;font-size:11px}.stepper-variant-inline .stepper-step-wrapper{align-items:center}.stepper-variant-inline .stepper-step-content{min-height:auto}.stepper-variant-inline .stepper-step-label{line-height:18px;font-size:13px}.stepper-sub-steps{margin-top:8px;padding-left:12px;display:flex;flex-direction:column;gap:4px}.stepper-sub-step{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(0, 0, 0, 0.45)}.sub-step-dot{width:6px;height:6px;border-radius:50%;background-color:rgba(0, 0, 0, 0.25)}.stepper-sub-step-active .sub-step-label{color:var(--color-primary, #1677ff);font-weight:500}.stepper-sub-step-active .sub-step-dot{background-color:var(--color-primary, #1677ff)}.stepper-sub-step-completed .sub-step-dot{background-color:var(--color-success, #52c41a)}.stepper-controls{display:flex;gap:8px;margin-top:24px;justify-content:flex-end}.stepper-btn{padding:4px 15px;border-radius:6px;border:1px solid var(--border-default, #d9d9d9);background:var(--bg-primary, #ffffff);cursor:pointer;transition:all 0.2s}.stepper-btn:hover{color:var(--color-primary, #4096ff);border-color:var(--color-primary, #4096ff)}.stepper-btn.prev:hover{color:var(--color-primary, #4096ff);border-color:var(--color-primary, #4096ff)}.stepper-btn:disabled{color:rgba(0, 0, 0, 0.25);background-color:var(--bg-primary, #f5f5f5);border-color:var(--border-default, #d9d9d9);cursor:not-allowed}.stepper-step-clickable{cursor:pointer}.stepper-step-clickable:hover .stepper-step-indicator{border-color:var(--color-primary, #1677ff);color:var(--color-primary, #1677ff)}.stepper-step-clickable:hover .stepper-step-label{color:var(--color-primary, #1677ff)}.stepper-step-error-message{color:var(--color-danger, #ff4d4f);font-size:12px;margin-top:4px}.stepper-variant-navigation{border-bottom:1px solid rgba(0, 0, 0, 0.06);padding-bottom:8px}.stepper-variant-navigation .stepper-step{padding:8px 16px;margin:0;transition:background-color 0.3s}.stepper-variant-navigation .stepper-step::after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:2px;background-color:transparent;transition:all 0.3s}.stepper-variant-navigation .stepper-step-active::after{background-color:var(--color-primary, #1677ff)}.stepper-variant-navigation .stepper-step:hover{background-color:rgba(0, 0, 0, 0.02)}.stepper-variant-navigation .stepper-connector{display:none}.stepper-variant-panel{gap:0;background:transparent;padding:0;position:relative}.stepper-variant-panel .stepper-step{background:var(--bg-primary, #ffffff);border-radius:8px;padding:20px 24px;border:2px solid var(--border-subtle, #e8e8e8);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);margin:0;margin-right:24px;flex:1;box-shadow:0 1px 2px rgba(0, 0, 0, 0.04);position:relative}.stepper-variant-panel .stepper-step:last-child{margin-right:0}.stepper-variant-panel .stepper-step::after{content:"";position:absolute;right:-14px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:14px solid var(--border-subtle, #ffffff);z-index:2}.stepper-variant-panel .stepper-step::before{content:"";position:absolute;right:-16px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:16px solid var(--border-subtle, #e8e8e8);z-index:1}.stepper-variant-panel .stepper-step:last-child::after,.stepper-variant-panel .stepper-step:last-child::before{display:none}.stepper-variant-panel .stepper-step:hover{border-color:var(--border-default, #d9d9d9);box-shadow:0 2px 4px rgba(0, 0, 0, 0.08)}.stepper-variant-panel .stepper-step-active{background:linear-gradient(135deg, var(--bg-primary, #e6f4ff) 0%, var(--bg-primary, #f0f8ff) 100%);border-color:var(--color-primary, #1677ff);box-shadow:0 4px 12px rgba(22, 119, 255, 0.15);transform:scale(1.02)}.stepper-variant-panel .stepper-step-active::after{border-left-color:var(--border-subtle, #f0f8ff)}.stepper-variant-panel .stepper-step-active::before{border-left-color:var(--color-primary, #1677ff)}.stepper-variant-panel .stepper-step-active .stepper-step-indicator{background:linear-gradient(135deg, var(--color-primary, #1677ff) 0%, var(--color-primary, #4096ff) 100%);box-shadow:0 2px 8px rgba(22, 119, 255, 0.3)}.stepper-variant-panel .stepper-step-completed{background:var(--bg-primary, #f6ffed);border-color:var(--color-success, #b7eb8f)}.stepper-variant-panel .stepper-step-completed::after{border-left-color:var(--border-subtle, #f6ffed)}.stepper-variant-panel .stepper-step-completed::before{border-left-color:var(--color-success, #b7eb8f)}.stepper-variant-panel .stepper-step-completed .stepper-step-indicator{background:linear-gradient(135deg, var(--color-success, #52c41a) 0%, var(--color-success, #73d13d) 100%)}.stepper-variant-panel .stepper-step-label{font-weight:600;color:rgba(0, 0, 0, 0.85)}.stepper-variant-panel .stepper-step-active .stepper-step-label{color:var(--color-primary, #1677ff)}.stepper-variant-panel .stepper-connector{display:none}@media (max-width: 768px){.stepper-responsive.stepper-horizontal{flex-direction:column}.stepper-responsive.stepper-horizontal .stepper-step{margin-right:0;margin-bottom:16px}}.stepper-content-slot{display:none;margin-top:12px;width:100%}.stepper-step-active .stepper-content-slot{display:block}.stepper-vertical .stepper-content-slot{padding-left:0}.stepper-progress-bar{position:relative;width:100%;height:8px;background:var(--bg-primary, #e5e7eb);border-radius:4px;margin-bottom:24px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg, var(--color-success, #3dcd58), var(--color-success, #22c55e));border-radius:4px;transition:width 0.4s ease;position:relative}.progress-text{position:absolute;top:12px;right:0;font-size:0.75rem;font-weight:600;color:var(--text-muted, #6b7280)}.step-optional-badge{font-size:10px;background-color:var(--bg-primary, #f5f5f5);color:var(--text-secondary, #595959);padding:2px 6px;border-radius:10px;margin-left:8px;margin-top:4px;display:inline-block;vertical-align:middle}.scroll-indicator{position:absolute;top:0;bottom:0;width:24px;pointer-events:none;z-index:10}.scroll-indicator--left{left:0;background:linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)}.scroll-indicator--right{right:0;background:linear-gradient(to left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)}.stepper--snake-layout .snake-container{display:flex;flex-direction:column;gap:0;width:100%}.stepper--snake-layout .snake-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;position:relative;width:100%}.stepper--snake-layout .snake-row--odd{flex-direction:row-reverse}.stepper--snake-layout .stepper-item{position:relative;padding:0;flex:0 0 10%;max-width:10%;display:flex;justify-content:center;z-index:2;box-sizing:border-box}.stepper--snake-layout .step-icon-wrapper{width:32px;height:32px;background:var(--bg-primary, #e5e7eb);border-radius:50%;transition:all 0.2s;font-size:0.75rem;font-weight:700;color:var(--text-muted, #6b7280);display:flex;align-items:center;justify-content:center;z-index:2;position:relative;background-color:var(--bg-primary, var(--text-standard, #ffffff))}.stepper--snake-layout .stepper-item--active .step-icon-wrapper{width:36px;height:36px;background:var(--color-primary, #1677ff);color:var(--text-standard, #ffffff);transform:scale(1.1);box-shadow:0 4px 10px rgba(0, 0, 0, 0.15)}.stepper--snake-layout .stepper-item--completed .step-icon-wrapper{background:var(--color-success, #52c41a);color:var(--text-standard, #ffffff)}.stepper--snake-layout .stepper-item.has-connector::after{content:"";position:absolute;top:50%;height:2px;background:var(--bg-primary, #e5e7eb);z-index:-1;width:100%;left:50%;transform:translateY(-50%)}.stepper--snake-layout .snake-row--odd .stepper-item.has-connector::after{left:auto;right:50%}.stepper--snake-layout .stepper-item--completed.has-connector::after{background:var(--color-success, #52c41a)}.stepper--snake-layout .snake-connector-turn{position:absolute;top:50%;left:50%;transform:translateX(-50%);width:2px;height:64px;background:var(--bg-primary, #e5e7eb);z-index:-2}.stepper--snake-layout .stepper-item--completed.has-row-connector .snake-connector-turn{background:var(--color-success, #52c41a)}';export{i as ui_stepper}

package/dist/exploration-project-tailwind/p-77124686.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,a as r,h as e}from"./p-DUsoYu9r.js";const o=class{constructor(r){t(this,r),this.anchorClick=i(this,"anchorClick"),this.anchorItemClick=i(this,"anchorItemClick"),this.activeItemChange=i(this,"activeItemChange"),this.navigate=i(this,"navigate"),this.affixChange=i(this,"affixChange"),this.progressChange=i(this,"progressChange"),this.expandChange=i(this,"expandChange")}get el(){return r(this)}items=[];links="";mode="vertical";orientation="vertical";position="left";activeItem="";activeLink="";scrollOffset=80;routerNavigate=!1;loadIcons=!0;sticky=!0;scrollContainer="";smoothScroll=!0;showTooltip=!1;showIndicator=!0;observerRootMargin="";useSlot=!1;showNumbers=!1;numberStyle="numeric";size="md";theme="light";activeColor="#18ff3e";alignment="left";updateHash=!1;affix=!1;affixOffset=20;indicator="line";autoGenContainer="";showProgress=!1;arrowNavigation=!0;collapsible=!1;defaultExpanded=!0;derivedItems=[];currentActive="";isAffixed=!1;scrollProgress=0;expandedItems=new Set;indicatorStyle={};_observer=null;_onWindowScroll=null;_onContainerScroll=null;_onHashChange=null;linkElements=new Map;scrollTimeout;anchorClick;anchorItemClick;activeItemChange;navigate;affixChange;progressChange;expandChange;componentWillLoad(){this.autoGenContainer?this.generateLinksFromContainer():this.parseItems(),this.currentActive=this.activeItem||this.activeLink,this.defaultExpanded&&this.expandAll()}itemsChanged(){this.autoGenContainer||this.parseItems()}handleAutoGenContainerChange(){this.generateLinksFromContainer()}parseItems(){const t=this.items;if(t&&t.length>0){if("string"==typeof t)try{this.derivedItems=JSON.parse(t)}catch{this.derivedItems=[]}else this.derivedItems=[...t];return}if(this.links&&this.links.length>0){try{this.derivedItems=JSON.parse(this.links)}catch{this.derivedItems=[]}return}const i=Array.from(this.el.querySelectorAll("ui-anchor-item"));i.length>0&&(this.derivedItems=i.map((t=>({id:t.getAttribute("target")||t.getAttribute("id")||"",label:t.getAttribute("label")||"",icon:t.getAttribute("icon")??void 0,iconLibrary:t.getAttribute("iconLibrary")||t.getAttribute("icon-library"),disabled:t.hasAttribute("disabled"),badge:t.getAttribute("badge")??void 0,tooltip:t.getAttribute("tooltip")??void 0,href:t.getAttribute("href")??void 0,target:t.getAttribute("target")??void 0,rel:t.getAttribute("rel")??void 0}))))}generateLinksFromContainer(){if(!this.autoGenContainer)return;const t=document.querySelector(this.autoGenContainer);if(!t)return;const i=t.querySelectorAll("h1, h2, h3, h4");this.derivedItems=Array.from(i).map(((t,i)=>(t.id||(t.id=`auto-anchor-${i}`),{id:`link-${i}`,label:t.innerText??t.textContent??"",target:t.id??""})))}componentDidLoad(){this.setupScrollSpy(),this.setupAffix(),this.setupProgress(),this.updateHash&&this.setupHashNavigation(),setTimeout((()=>this.updateIndicatorPosition(this.currentActive)),100)}disconnectedCallback(){if(this._observer)try{this._observer.disconnect()}catch(t){}this._onWindowScroll&&window.removeEventListener("scroll",this._onWindowScroll),this._onContainerScroll&&this.scrollContainer&&document.querySelector(this.scrollContainer)?.removeEventListener("scroll",this._onContainerScroll),this._onHashChange&&window.removeEventListener("hashchange",this._onHashChange),this.scrollTimeout&&clearTimeout(this.scrollTimeout)}getParsedItems(){return this.derivedItems}flattenItems(t){return t.reduce(((t,i)=>(t.push(i),i.children&&t.push(...this.flattenItems(i.children)),t)),[])}expandAll(){this.flattenItems(this.getParsedItems()).forEach((t=>{t.children&&t.children.length>0&&this.expandedItems.add(t.id)})),this.expandedItems=new Set(this.expandedItems)}setupAffix(){if(!this.affix)return;const t=()=>{const t=(window.pageYOffset||document.documentElement.scrollTop)>this.affixOffset;t!==this.isAffixed&&(this.isAffixed=t,this.affixChange.emit(this.isAffixed))};window.addEventListener("scroll",t),this._onWindowScroll=t,t()}setupProgress(){if(!this.showProgress)return;const t=()=>{this.scrollTimeout&&clearTimeout(this.scrollTimeout),this.scrollTimeout=setTimeout((()=>{const t=this.scrollContainer?document.querySelector(this.scrollContainer):null;if(t){const i=t.scrollHeight-t.clientHeight;this.scrollProgress=i>0?t.scrollTop/i*100:0}else{const t=window.pageYOffset||document.documentElement.scrollTop,i=document.documentElement.scrollHeight-window.innerHeight;this.scrollProgress=i>0?t/i*100:0}this.progressChange.emit(this.scrollProgress)}),50)};this.scrollContainer?(document.querySelector(this.scrollContainer)?.addEventListener("scroll",t),this._onContainerScroll=t):(window.addEventListener("scroll",t),this._onWindowScroll||(this._onWindowScroll=t)),t()}setupHashNavigation(){this._onHashChange=()=>{const t=window.location.hash.substring(1);t&&this.scrollToSection(t)},window.addEventListener("hashchange",this._onHashChange)}setupScrollSpy(){const t=this.flattenItems(this.getParsedItems());let i=this.scrollContainer?document.querySelector(this.scrollContainer):null;if(!i&&this.scrollContainer){const t=this.el.parentElement?.closest(".examples-split-layout, .viewport-pane");t&&(i=t.querySelector(this.scrollContainer))}const r=new IntersectionObserver((i=>{i.forEach((i=>{if(i.isIntersecting){const r=i.target.getAttribute("id"),e=t.find((t=>t.target===r||t.id===r));r&&e&&this.setActiveState(e.id)}}))}),{root:i,rootMargin:this.observerRootMargin||`-${this.scrollOffset}px 0px -50% 0px`,threshold:0});t.forEach((t=>{const e=t.target||t.id;if(!e)return;let o=document.getElementById(e);!o&&i&&(o=i.querySelector(`#${e}`)),o&&r.observe(o)})),this._observer=r}setActiveState(t){if(this.currentActive===t)return;this.currentActive=t,this.activeItem=t,this.activeLink=t;const i=this.flattenItems(this.getParsedItems()).find((i=>i.id===t));i&&this.activeItemChange.emit({id:i.id,label:i.label??""}),this.updateIndicatorPosition(t),this.collapsible&&this.ensureVisible(t,this.getParsedItems())}ensureVisible(t,i,r=null){for(const e of i){if(e.id===t)return r&&!this.expandedItems.has(r)&&this.toggleExpand(r,!0),!0;if(e.children&&this.ensureVisible(t,e.children,e.id))return r&&!this.expandedItems.has(r)&&this.toggleExpand(r,!0),!0}return!1}scrollToSection(t){const i=document.getElementById(t)||document.querySelector(`#${t}`);if(!i)return;let r=this.scrollContainer?document.querySelector(this.scrollContainer):null;if(!r&&this.scrollContainer){const t=this.el.parentElement?.closest(".examples-split-layout, .viewport-pane");t&&(r=t.querySelector(this.scrollContainer))}if(r){const t=r.getBoundingClientRect(),e=i.getBoundingClientRect();r.scrollTo({top:r.scrollTop+(e.top-t.top)-this.scrollOffset,behavior:this.smoothScroll?"smooth":"auto"})}else{const t=i.getBoundingClientRect().top+window.pageYOffset-this.scrollOffset;window.scrollTo({top:t,behavior:this.smoothScroll?"smooth":"auto"})}this.updateHash&&history.pushState(null,"",`#${t}`)}updateIndicatorPosition(t){this.showIndicator&&t&&requestAnimationFrame((()=>{const i=this.linkElements.get(t);if(!i)return;const r=this.el.shadowRoot?.querySelector(".anchor-list");if(!r)return;const e=r.getBoundingClientRect(),o=i.getBoundingClientRect();this.indicatorStyle="vertical"===(this.orientation||this.mode)?{transform:`translateY(${o.top-e.top}px)`,height:`${o.height}px`}:{transform:`translateX(${o.left-e.left}px)`,width:`${o.width}px`}}))}handleItemClick=(t,i)=>{if(i.metaKey||i.ctrlKey||i.shiftKey||i.altKey)return this.anchorItemClick.emit({id:t.id,label:t.label??""}),void this.anchorClick.emit({linkId:t.id,targetId:t.target||""});if(t.disabled)return;if(i.preventDefault(),i.stopPropagation(),this.anchorItemClick.emit({id:t.id,label:t.label??""}),this.anchorClick.emit({linkId:t.id,targetId:t.target||""}),this.setActiveState(t.id),t.href&&!t.href.startsWith("#")&&this.routerNavigate)return void this.navigate.emit({href:t.href,target:t.target,rel:t.rel});const r=t.href&&t.href.startsWith("#")?t.href.substring(1):t.target||t.id;this.scrollToSection(r)};toggleExpand(t,i){const r=new Set(this.expandedItems),e=void 0!==i?i:!r.has(t);e?r.add(t):r.delete(t),this.expandedItems=r,this.expandChange.emit({id:t,expanded:e})}handleKeyDown=(t,i,r)=>{if(t.disabled)return;const e=i.key;if("Enter"!==e&&" "!==e){if(this.collapsible&&(t.children?.length??0)>0){if("ArrowRight"===e&&!this.expandedItems.has(t.id))return this.toggleExpand(t.id,!0),void i.preventDefault();if("ArrowLeft"===e&&this.expandedItems.has(t.id))return this.toggleExpand(t.id,!1),void i.preventDefault()}if(this.arrowNavigation&&("ArrowDown"===e||"ArrowUp"===e)){i.preventDefault();const t=(this.el.shadowRoot?.querySelectorAll(".anchor-item")??[])["ArrowDown"===e?r+1:r-1];t?.focus()}}else{i.preventDefault(),this.setActiveState(t.id);const r=t.href&&t.href.startsWith("#")?t.href.substring(1):t.target||t.id;this.scrollToSection(r)}};watchActiveItem(t){if(t&&t!==this.currentActive){this.setActiveState(t);try{this.scrollToSection(t)}catch(t){}}}async setActive(t){t&&(this.setActiveState(t),this.scrollToSection(t))}getNumberPrefix(t,i=0,r=""){const e=t+1;let o;switch(this.numberStyle){case"decimal":o=e.toString().padStart(2,"0");break;case"alpha":o=String.fromCharCode(97+t);break;case"roman":o=["i","ii","iii","iv","v","vi","vii","viii","ix","x"][t]||String(e);break;default:o=String(e)}return i>0&&r?`${r.endsWith(".")?r.slice(0,-1):r}.${o}.`:`${o}.`}renderItem(t,i,r=0,o="",a){const n=t.children&&t.children.length>0,s=this.expandedItems.has(t.id),h=this.showNumbers?this.getNumberPrefix(i,r,o):"",c=a.val++,l=this.currentActive===t.id,d=this.orientation||this.mode,p=n&&this.collapsible&&"vertical"===d?e("span",{class:"anchor-toggle "+(s?"expanded":""),onClick:i=>{i.stopPropagation(),this.toggleExpand(t.id)}},e("ui-icon",{name:"chevron-right",library:"fontawesome",size:"12px"})):null,f=e("div",{style:{display:"contents"}},this.showNumbers&&e("span",{class:"anchor-number"},h),p,t.icon&&e("span",{class:"anchor-icon"},e("ui-icon",{name:t.icon,library:t.iconLibrary||"lucide",size:"1.2em"})),"dot"===this.indicator?e("span",{class:"dot-marker"}):e("span",{class:"anchor-label"},t.label),t.badge&&e("span",{class:"anchor-badge"},t.badge));return e("div",{class:"anchor-item-wrapper"},e("li",{ref:i=>{i&&this.linkElements.set(t.id,i)},class:{"anchor-item":!0,active:l,disabled:!!t.disabled,"has-children":!!n,[`level-${r}`]:!0,"dot-type":"dot"===this.indicator},"data-id":t.id,title:"dot"===this.indicator?t.tooltip||t.label:this.showTooltip?t.tooltip:void 0,tabindex:t.disabled?-1:0,role:"button","aria-current":l?"true":"false","aria-disabled":t.disabled?"true":"false","aria-expanded":n?String(s):void 0,style:{paddingLeft:"vertical"===d?16+16*r+"px":void 0},onClick:i=>this.handleItemClick(t,i),onKeyDown:i=>this.handleKeyDown(t,i,c)},this.useSlot?e("slot",{name:`item-${t.id}`},f):f),n&&s&&e("ul",{class:"anchor-sublist"},t.children.map(((t,i)=>this.renderItem(t,i,r+1,h,a)))))}render(){const t=this.getParsedItems(),i={val:0},r=this.orientation||this.mode,o=this.affix&&this.isAffixed?{position:"fixed",top:`${this.affixOffset}px`,zIndex:"1000"}:{};return e("nav",{key:"85e96011d2a9daae2ca20941ee3ab496961d1e6b",class:{anchor:!0,[`anchor--${r}`]:!0,[`anchor--${this.position}`]:!0,[`anchor--${this.size}`]:!0,[`anchor--${this.theme}`]:!0,[`anchor--align-${this.alignment}`]:!0,[`anchor-type-${this.indicator}`]:!0,"anchor--sticky":this.sticky,"anchor--affixed":this.affix&&this.isAffixed,"anchor--with-indicator":this.showIndicator,"anchor--with-numbers":this.showNumbers,"show-progress":this.showProgress},style:{"--anchor-active-color":this.activeColor,...o}},this.showProgress&&e("div",{key:"02805460ccef5d7c0ffc52d00de050d91fb1bd78",class:"anchor-progress"},e("div",{key:"dfa97ee018532f56e8d9c078f8980b3e52dd75a9",class:"anchor-progress-bar",style:{width:"horizontal"===r?`${this.scrollProgress}%`:"100%",height:"vertical"===r?`${this.scrollProgress}%`:"100%"}})),e("ul",{key:"d1ffe5c5041220ea11909ed67f52062bc5386953",class:"anchor-list",style:{position:"relative"}},t.map(((t,r)=>this.renderItem(t,r,0,"",i))),this.showIndicator&&e("div",{key:"40f921ba4343544049edb8589fce02f1e2e8f64d",class:"anchor-indicator",style:this.indicatorStyle})))}static get watchers(){return{items:[{itemsChanged:0}],links:[{itemsChanged:0}],autoGenContainer:[{handleAutoGenContainerChange:0}],activeItem:[{watchActiveItem:0}],activeLink:[{watchActiveItem: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}.anchor{display:flex;padding:16px;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);position:relative;--anchor-active-color:var(--color-primary-hover, #2563eb);transition:all 0.3s ease}.anchor--sm{padding:8px}.anchor--sm .anchor-item{padding:6px 12px;font-size:0.75rem}.anchor--md{padding:16px}.anchor--md .anchor-item{padding:12px 16px;font-size:0.875rem}.anchor--lg{padding:20px}.anchor--lg .anchor-item{padding:16px 20px;font-size:1rem}.anchor--dark{background:var(--bg-primary, #1f2937)}.anchor--dark .anchor-item{color:var(--text-muted, #9ca3af)}.anchor--dark .anchor-item:hover:not(.disabled){background:var(--color-primary, #374151);color:var(--text-standard, #f3f4f6)}.anchor--dark .anchor-item.active{background:var(--color-primary, #1e40af);color:var(--text-standard, #dbeafe)}.anchor--custom{background:var(--anchor-bg, var(--bg-primary, #ffffff))}.anchor--custom .anchor-item{color:var(--anchor-text, var(--text-muted, #6b7280))}.anchor--custom .anchor-item:hover:not(.disabled){background:var(--anchor-hover-bg, var(--bg-secondary, #f3f4f6));color:var(--anchor-hover-text, var(--text-primary, #111827))}.anchor--custom .anchor-item.active{background:var(--anchor-active-bg, #eff6ff);color:var(--anchor-active-color)}.anchor--horizontal.anchor--align-center{justify-content:center}.anchor--horizontal.anchor--align-right{justify-content:flex-end}.anchor--horizontal.anchor--align-left{justify-content:flex-start}.anchor--vertical.anchor--align-center .anchor-item{justify-content:center;text-align:center}.anchor--vertical.anchor--align-right .anchor-item{justify-content:flex-end;text-align:right;flex-direction:row-reverse}.anchor--vertical.anchor--align-right .anchor-indicator{left:auto;right:0;border-radius:2px 0 0 2px}.anchor--affixed{position:fixed !important;animation:slideDown 0.3s ease}@keyframes slideDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.anchor-progress{position:absolute;top:0;left:0;right:0;height:3px;background:var(--bg-primary, #e5e7eb);border-radius:8px 8px 0 0;overflow:hidden}.anchor-progress-bar{height:100%;background:var(--anchor-active-color);transition:width 0.1s ease}.anchor--vertical .anchor-progress{top:0;left:0;bottom:0;right:auto;width:3px;height:auto;border-radius:8px 0 0 8px}.anchor--vertical .anchor-progress-bar{width:100%;height:0;transition:height 0.1s ease}.anchor-indicator{position:absolute;background:var(--anchor-active-color);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border-radius:2px;pointer-events:none;z-index:2}.anchor--vertical.anchor--with-indicator .anchor-indicator{left:-16px;width:3px;height:24px}.anchor--horizontal.anchor--with-indicator .anchor-indicator{bottom:-16px;height:3px;width:60px}.anchor-type-dot .anchor-indicator{background:var(--anchor-active-color);width:8px;height:8px;border-radius:50%;transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);transform-origin:center;box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.anchor-type-dot.anchor--vertical .anchor-indicator{left:-13px}.anchor-type-dot.anchor--horizontal .anchor-indicator{bottom:-19px}.anchor--sticky{position:sticky}.anchor--vertical.anchor--left{top:80px;left:0}.anchor--vertical.anchor--right{top:80px;right:0}.anchor--horizontal.anchor--top{top:0;left:0;right:0;z-index:100}.anchor--horizontal.anchor--bottom{bottom:0;left:0;right:0;z-index:100}.anchor-list{list-style:none;margin:0;padding:0;display:flex;gap:8px;width:100%}.anchor--vertical .anchor-list{flex-direction:column}.anchor--horizontal .anchor-list{flex-direction:row;flex-wrap:wrap}.anchor-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-radius:6px;transition:all 0.2s ease;color:var(--text-muted, #6b7280);font-size:0.875rem;font-weight:500;position:relative;user-select:none;outline:none}.anchor-item:hover:not(.disabled){background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #111827)}.anchor-item:focus-visible{box-shadow:0 0 0 2px var(--anchor-active-color);outline:2px solid transparent}.anchor-item.active{color:var(--anchor-active-color);font-weight:600}.anchor-item.disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.anchor-item.dot-type{gap:12px}.dot-marker{width:8px;height:8px;border-radius:50%;background-color:var(--bg-secondary, #d1d5db);transition:all 0.3s ease;flex-shrink:0}.anchor-item.dot-type:hover .dot-marker{background-color:var(--text-muted, #9ca3af)}.anchor--horizontal .anchor-item.dot-type{flex-direction:column;align-items:center}.anchor-number{font-size:0.75rem;font-weight:600;color:inherit;opacity:0.7;min-width:24px}.anchor--with-numbers .anchor-item{gap:8px}.anchor-icon{font-size:1rem;display:flex;align-items:center;justify-content:center}.anchor-label{white-space:nowrap}.anchor--horizontal .anchor-item:not(.dot-type){flex-direction:column;gap:4px;text-align:center;min-width:80px}.anchor-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff);font-size:0.75rem;font-weight:600;border-radius:10px;line-height:1}.anchor-item.active .anchor-badge{background:var(--anchor-active-color)}.anchor-sublist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.anchor-toggle{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:0.75rem;color:var(--text-muted, #9ca3af);transition:transform 0.2s ease;margin-right:-4px;border-radius:4px}.anchor-toggle:hover{background:var(--bg-primary, #e5e7eb);color:var(--text-secondary, #4b5563)}.anchor-toggle.expanded{transform:rotate(90deg)}.anchor-item.has-children{font-weight:500}.anchor--vertical .anchor-item{position:relative}.anchor--vertical .anchor-indicator{transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s ease, top 0.3s ease}";export{o as ui_anchor}

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

@@ -0,0 +1 @@
+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-77cc333a.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as a,H as e}from"./p-DUsoYu9r.js";const o=class{constructor(a){t(this,a),this.uiFabActionClick=i(this,"uiFabActionClick")}icon;label;tooltip;disabled=!1;loading=!1;value;uiFabActionClick;handleClick=t=>{if(this.disabled||this.loading)return t.stopPropagation(),void t.preventDefault();this.uiFabActionClick.emit({value:void 0!==this.value?this.value:this.label||this.icon})};render(){return a(e,{key:"90ef99b98ff4ad2482a4e788bd29266655ccdff7",class:{"is-disabled":this.disabled,"is-loading":this.loading}},this.label&&a("div",{key:"b814405698a29b37bff8f3c1346879b3874451a8",class:"fab-item-label","aria-hidden":"true"},this.label),a("ui-button",{key:"a16effbb8a01f731cf544276a0823aba10b73e70",variant:"primary",shape:"circle",class:"fab-item-trigger",disabled:this.disabled||this.loading,loading:this.loading,onClick:this.handleClick,ariaLabel:this.tooltip||this.label||this.icon,title:this.tooltip,icon:this.icon,iconOnly:!0,size:"sm"},!this.icon&&a("slot",{key:"ca833a5516dc634456bab3f0a8095688dc55e43c",name:"icon"})))}};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:flex;align-items:center;position:relative}.fab-item-trigger{width:var(--ui-fab-action-size, 40px);height:var(--ui-fab-action-size, 40px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);outline:none;z-index:2}.fab-item-trigger:hover{transform:scale(1.1)}.fab-item-trigger:active{transform:scale(0.95)}:host(.is-disabled) .fab-item-trigger{opacity:0.5;cursor:not-allowed;pointer-events:none}.fab-item-label{position:absolute;background:rgba(0, 0, 0, 0.8);color:var(--text-standard, #ffffff);padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;pointer-events:none;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);right:calc(100% + 12px);opacity:1;transition:opacity 0.2s}:host-context(ui-fab.pos-bottom-left) .fab-item-label,:host-context(ui-fab.pos-top-left) .fab-item-label{right:auto;left:calc(100% + 12px)}.spinner{width:20px;height:20px;animation:rotate 2s linear infinite}.spinner .spinner-circle{stroke-dasharray:1, 200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}";export{o as ui_fab_item}

package/dist/exploration-project-tailwind/p-7f91d949.entry.js

@@ -0,0 +1 @@
+import{r as e,c as i,a,h as s,H as t}from"./p-DUsoYu9r.js";const r=class{constructor(a){e(this,a),this.panelResize=i(this,"panelResize"),this.panelCollapse=i(this,"panelCollapse"),this.resizeStart=i(this,"resizeStart"),this.resizeEnd=i(this,"resizeEnd")}get el(){return a(this)}direction="horizontal";panels=[];handleSize=8;handleColor="#d1d5db";handleHoverColor="#3DCD58";minPanelSize=10;maxPanelSize=-1;saveState=!1;stateKey="resizable-panel-state";theme="light";animated=!1;showHandleIcon=!0;snapToEdge=!1;snapThreshold=30;internalPanels=[];isDragging=!1;dragHandleIndex=-1;dragStartPos=0;dragStartSizes=[];panelResize;panelCollapse;resizeStart;resizeEnd;containerRef;panelRefs=[];hasMouseMoved=!1;applyResizeDelta(e,i,a){if(!a||e<0)return;const s=[...this.internalPanels],t=s[e],r=s[e+1];if(!t||!r)return;const l=(this.dragStartSizes[e]??t.size??0)+(this.dragStartSizes[e+1]??r.size??0),n=i/a*100;let o=(this.dragStartSizes[e]??t.size??0)+n,c=(this.dragStartSizes[e+1]??r.size??0)-n;const h=t.minSize??this.minPanelSize,d=r.minSize??this.minPanelSize,p=t.maxSize??this.maxPanelSize,b=r.maxSize??this.maxPanelSize;o<h&&(o=h,c=l-o),c<d&&(c=d,o=l-c),p>0&&o>p&&(o=p,c=l-o),b>0&&c>b&&(c=b,o=l-c);const z=this.snapToEdge&&this.snapThreshold>0&&a>0?this.snapThreshold/a*100:0,u=[];let f=o,m=c;if(z>0){if(f<=z){const e=t.collapsed;t.collapsed=!0,f=0,m=l,r.collapsed=!1,e||u.push({panel:t,collapsed:!0})}else t.collapsed&&f>z&&(t.collapsed=!1,f=Math.max(f,h),m=l-f,u.push({panel:t,collapsed:!1}));if(m<=z){const e=r.collapsed;r.collapsed=!0,m=0,f=l,t.collapsed=!1,e||u.push({panel:r,collapsed:!0})}else r.collapsed&&m>z&&(r.collapsed=!1,m=Math.max(m,d),f=l-m,u.push({panel:r,collapsed:!1}))}else t.collapsed&&f>0&&(t.collapsed=!1),r.collapsed&&m>0&&(r.collapsed=!1);const g=t.size!==f||r.size!==m||u.length>0;t.size=f,r.size=m,this.internalPanels=[...s],g&&(this.panelResize.emit({panels:this.internalPanels,index:e}),u.forEach((e=>this.panelCollapse.emit(e))))}componentWillLoad(){this.parsePanels(),this.saveState&&this.loadState()}handlePanelsChange(){this.isDragging||this.parsePanels()}parsePanels(){let e="string"==typeof this.panels?JSON.parse(this.panels):this.panels;e&&0!==e.length||(e=[{id:"panel-1",size:50},{id:"panel-2",size:50}]);const i=e.reduce(((e,i)=>e+(i.size||0)),0);e=i>0&&Math.abs(i-100)>.1?e.map((e=>({...e,size:(e.size||0)/i*100,minSize:e.minSize||this.minPanelSize,maxSize:e.maxSize||this.maxPanelSize,resizable:!1!==e.resizable,collapsible:e.collapsible||!1,collapsed:e.collapsed||!1,collapseDirection:e.collapseDirection||("horizontal"===this.direction?"left":"up")}))):e.map((e=>({...e,minSize:e.minSize||this.minPanelSize,maxSize:e.maxSize||this.maxPanelSize,resizable:!1!==e.resizable,collapsible:e.collapsible||!1,collapsed:e.collapsed||!1,collapseDirection:e.collapseDirection||("horizontal"===this.direction?"left":"up")}))),this.internalPanels=e}loadState(){if(this.saveState)try{const e=localStorage.getItem(this.stateKey);if(e){const i=JSON.parse(e);i&&i.length===this.internalPanels.length&&(this.internalPanels=this.internalPanels.map(((e,a)=>({...e,size:i[a]?.size||e.size,collapsed:i[a]?.collapsed||e.collapsed}))))}}catch(e){console.warn("Failed to load panel state:",e)}}saveStateToStorage(){if(this.saveState)try{const e=this.internalPanels.map((e=>({id:e.id,size:e.size,collapsed:e.collapsed})));localStorage.setItem(this.stateKey,JSON.stringify(e))}catch(e){console.warn("Failed to save panel state:",e)}}handleMouseDown(e,i){const a=this.internalPanels[e],s=this.internalPanels[e+1];a?.resizable&&!1!==s?.resizable&&(i.preventDefault(),this.isDragging=!0,this.dragHandleIndex=e,this.dragStartPos="horizontal"===this.direction?i.clientX:i.clientY,this.dragStartSizes=this.internalPanels.map((e=>e.size??0)),this.hasMouseMoved=!1,this.resizeStart.emit({index:e}),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp))}handleMouseMove=e=>{this.isDragging&&-1!==this.dragHandleIndex&&(e.preventDefault(),this.hasMouseMoved=!0,this.applyResizeDelta(this.dragHandleIndex,("horizontal"===this.direction?e.clientX:e.clientY)-this.dragStartPos,"horizontal"===this.direction?this.containerRef.offsetWidth:this.containerRef.offsetHeight))};handleMouseUp=()=>{if(this.isDragging){const e=this.hasMouseMoved,i=this.dragHandleIndex,a=this.internalPanels.map((e=>e.size??0));e&&(this.resizeEnd.emit({index:i,sizes:a.map((e=>e??0))}),this.saveStateToStorage()),this.dragHandleIndex=-1,this.hasMouseMoved=!1,this.isDragging=!1}document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp)};handleTouchStart(e,i){const a=this.internalPanels[e],s=this.internalPanels[e+1];if(!a?.resizable||!1===s?.resizable)return;i.preventDefault();const t=i.touches[0];this.isDragging=!0,this.dragHandleIndex=e,this.dragStartPos="horizontal"===this.direction?t.clientX:t.clientY,this.dragStartSizes=this.internalPanels.map((e=>e.size??0)),this.hasMouseMoved=!1,this.resizeStart.emit({index:e}),document.addEventListener("touchmove",this.handleTouchMove),document.addEventListener("touchend",this.handleTouchEnd)}handleTouchMove=e=>{if(!this.isDragging||-1===this.dragHandleIndex)return;e.preventDefault(),this.hasMouseMoved=!0;const i=e.touches[0];this.applyResizeDelta(this.dragHandleIndex,("horizontal"===this.direction?i.clientX:i.clientY)-this.dragStartPos,"horizontal"===this.direction?this.containerRef.offsetWidth:this.containerRef.offsetHeight)};handleTouchEnd=()=>{if(this.isDragging){const e=this.hasMouseMoved,i=this.dragHandleIndex,a=this.internalPanels.map((e=>e.size??0));e&&(this.resizeEnd.emit({index:i,sizes:a.map((e=>e??0))}),this.saveStateToStorage()),this.dragHandleIndex=-1,this.hasMouseMoved=!1,this.isDragging=!1}document.removeEventListener("touchmove",this.handleTouchMove),document.removeEventListener("touchend",this.handleTouchEnd)};toggleCollapse(e){const i=this.internalPanels[e];if(!i.collapsible)return;const a=[...this.internalPanels],s=i.collapseDirection||("horizontal"===this.direction?"left":"up");if(i.collapsed){const t=i.minSize||30;let r=-1;if("horizontal"===this.direction?"left"===s&&e<a.length-1?r=e+1:"right"===s&&e>0&&(r=e-1):"top"===s&&e<a.length-1?r=e+1:"bottom"===s&&e>0&&(r=e-1),-1===r||a[r].collapsed){const s=a.filter(((i,s)=>s!==e&&!a[s].collapsed));if(s.length>0){const i=t/s.length;a.forEach(((s,t)=>{t===e||s.collapsed||(a[t]={...s,size:Math.max(s.minSize||10,(s.size??0)-i)})}))}a[e]={...i,collapsed:!1,size:t}}else{const s=Math.min(t,(a[r].size??0)-(a[r].minSize||10));a[r]={...a[r],size:(a[r].size??0)-s},a[e]={...i,collapsed:!1,size:s}}}else{const t=a[e].size??0;let r=-1;if("horizontal"===this.direction?"left"===s&&e<a.length-1?r=e+1:"right"===s&&e>0&&(r=e-1):"up"===s&&e<a.length-1?r=e+1:"bottom"===s&&e>0&&(r=e-1),-1===r||a[r].collapsed){const i=a.filter(((i,s)=>s!==e&&!a[s].collapsed));if(i.length>0){const s=t/i.length;a.forEach(((i,t)=>{t===e||i.collapsed||(a[t]={...i,size:(i.size??0)+s})}))}}else a[r]={...a[r],size:(a[r].size??0)+t};a[e]={...i,collapsed:!0,size:0}}this.internalPanels=a,this.panelCollapse.emit({panel:a[e],collapsed:!!a[e].collapsed}),this.saveStateToStorage()}disconnectedCallback(){document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("touchmove",this.handleTouchMove),document.removeEventListener("touchend",this.handleTouchEnd)}getCollapseIcon(e){const i=e.collapseDirection||("horizontal"===this.direction?"left":"up");if(!e.collapsed)return i;switch(i){case"left":default:return"right";case"right":return"left";case"top":return"bottom";case"bottom":return"top"}}render(){return s(t,{key:"222dabdb3f919a430a8dc35008607dd9ad21f670"},s("div",{key:"6fab04ac24283a3dc1be30ca97488639021e0c13",class:{"resizable-container":!0,[`resizable-${this.direction}`]:!0,[`resizable-theme-${this.theme}`]:!0,"resizable-dragging":this.isDragging,"resizable-animated":this.animated&&!this.isDragging},ref:e=>this.containerRef=e},this.internalPanels.map(((e,i)=>s("div",{key:e.id,class:"panel-wrapper",style:{["horizontal"===this.direction?"width":"height"]:e.collapsed?`${this.handleSize}px`:`${e.size}%`}},s("div",{class:{"resizable-panel":!0,"panel-collapsed":!!e.collapsed},ref:e=>this.panelRefs[i]=e},s("slot",{name:e.id})),i<this.internalPanels.length-1&&s("div",{class:{"resize-handle":!0,[`resize-handle-${this.direction}`]:!0,"resize-handle-active":this.dragHandleIndex===i,"resize-handle-disabled":!e.resizable||!1===this.internalPanels[i+1]?.resizable},style:{["horizontal"===this.direction?"width":"height"]:`${this.handleSize}px`,backgroundColor:this.dragHandleIndex===i?this.handleHoverColor:this.handleColor},onMouseDown:e=>this.handleMouseDown(i,e),onTouchStart:e=>this.handleTouchStart(i,e),onDblClick:()=>this.toggleCollapse(i)},this.showHandleIcon&&e.resizable&&!1!==this.internalPanels[i+1]?.resizable&&s("div",{class:"resize-handle-icon"},s("ui-icon",{name:"grip-"+("horizontal"===this.direction?"vertical":"lines"),library:"fontawesome"})),e.collapsible&&s("ui-button",{variant:"ghost",class:"collapse-button",onClick:e=>{e.stopPropagation(),e.preventDefault(),this.toggleCollapse(i)},onMouseDown:e=>{e.stopPropagation(),e.preventDefault()},ariaLabel:e.collapsed?"Expand":"Collapse",icon:`chevron-${this.getCollapseIcon(e)}`,iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})))))))}static get watchers(){return{panels:[{handlePanelsChange:0}]}}};r.style='.sr-only.sc-ui-resizable-panel{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.sc-ui-resizable-panel{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}.sc-ui-resizable-panel-h{display:block;width:100%;height:100%;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.resizable-container.sc-ui-resizable-panel{display:flex;width:100%;height:100%;overflow:hidden;position:relative}.resizable-container.resizable-horizontal.sc-ui-resizable-panel{flex-direction:row}.resizable-container.resizable-vertical.sc-ui-resizable-panel{flex-direction:column}.resizable-container.resizable-theme-dark.sc-ui-resizable-panel{background:var(--bg-secondary, #0f172a);color:var(--text-standard, #f3f4f6)}.resizable-container.resizable-dragging.sc-ui-resizable-panel{cursor:col-resize}.resizable-container.resizable-dragging.resizable-vertical.sc-ui-resizable-panel{cursor:row-resize}.resizable-container.resizable-dragging.sc-ui-resizable-panel{user-select:none}.resizable-container.resizable-dragging.sc-ui-resizable-panel *.sc-ui-resizable-panel{pointer-events:none}.resizable-container.resizable-animated.sc-ui-resizable-panel .resizable-panel.sc-ui-resizable-panel{transition:width 0.2s ease, height 0.2s ease}.panel-wrapper.sc-ui-resizable-panel{display:flex;flex-direction:row;flex:0 0 auto;min-width:0;min-height:0}.resizable-vertical.sc-ui-resizable-panel .panel-wrapper.sc-ui-resizable-panel{flex-direction:column}.resizable-panel.sc-ui-resizable-panel{overflow:auto;position:relative;background:var(--bg-primary, #ffffff);border:none;min-width:0;min-height:0;width:100%;height:100%;flex-shrink:0}.resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar{width:8px;height:8px}.resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-track{background:var(--bg-secondary, #f3f4f6)}.resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-thumb{background:var(--bg-secondary, #d1d5db);border-radius:4px}.resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #9ca3af)}.resizable-panel.panel-collapsed.sc-ui-resizable-panel{display:none}.resizable-theme-dark.sc-ui-resizable-panel .resizable-panel.sc-ui-resizable-panel{background:var(--bg-secondary, #0f172a);color:var(--text-standard, #f3f4f6)}.resizable-theme-dark.sc-ui-resizable-panel .resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-track{background:var(--bg-primary, #1f2937)}.resizable-theme-dark.sc-ui-resizable-panel .resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-thumb{background:var(--color-primary, #4b5563)}.resizable-theme-dark.sc-ui-resizable-panel .resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #6b7280)}.resize-handle.sc-ui-resizable-panel{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;transition:all 0.2s;z-index:10}.resize-handle.resize-handle-horizontal.sc-ui-resizable-panel{cursor:col-resize;width:1px;height:100%}.resize-handle.resize-handle-horizontal.sc-ui-resizable-panel:hover{background:var(--color-success, #3dcd58);width:2px}.resize-handle.resize-handle-vertical.sc-ui-resizable-panel{cursor:row-resize;height:1px;width:100%}.resize-handle.resize-handle-vertical.sc-ui-resizable-panel:hover{background:var(--color-success, #3dcd58);height:2px}.resize-handle.resize-handle-active.sc-ui-resizable-panel{background:var(--color-success, #3dcd58)}.resize-handle.resize-handle-disabled.sc-ui-resizable-panel{cursor:not-allowed;opacity:0.5}.resize-handle.resize-handle-disabled.sc-ui-resizable-panel:hover{background:transparent}.resizable-theme-dark.sc-ui-resizable-panel .resize-handle.sc-ui-resizable-panel{background:transparent}.resizable-theme-dark.sc-ui-resizable-panel .resize-handle.sc-ui-resizable-panel:hover{background:var(--color-success, #3dcd58)}.resizable-theme-dark.sc-ui-resizable-panel .resize-handle.resize-handle-disabled.sc-ui-resizable-panel:hover{background:transparent}.resize-handle-icon.sc-ui-resizable-panel{pointer-events:none;color:var(--text-muted, #6b7280);font-size:12px;opacity:0;transition:opacity 0.2s}.resize-handle.sc-ui-resizable-panel:hover .resize-handle-icon.sc-ui-resizable-panel{opacity:1}.resize-handle-active.sc-ui-resizable-panel .resize-handle-icon.sc-ui-resizable-panel{opacity:1;color:var(--text-standard, #ffffff)}.resizable-theme-dark.sc-ui-resizable-panel .resize-handle-icon.sc-ui-resizable-panel{color:var(--text-muted, #9ca3af)}.resize-handle-active.sc-ui-resizable-panel .resizable-theme-dark.sc-ui-resizable-panel .resize-handle-icon.sc-ui-resizable-panel{color:var(--text-standard, #ffffff)}.collapse-button.sc-ui-resizable-panel{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:20px;height:20px;border-radius:50%;border:1px solid var(--border-strong, #d1d5db);background:var(--bg-primary, #ffffff);color:var(--text-muted, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all 0.2s;pointer-events:auto;z-index:20;opacity:0.8;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.resize-handle.sc-ui-resizable-panel:hover .collapse-button.sc-ui-resizable-panel{opacity:1;background:var(--bg-primary, #ffffff);border-color:var(--color-primary, #9ca3af)}.collapse-button.sc-ui-resizable-panel:hover{background:var(--color-success, #3dcd58) !important;border-color:var(--color-success, #3dcd58) !important;color:var(--text-standard, #ffffff) !important;transform:translate(-50%, -50%) scale(1.2)}.collapse-button.sc-ui-resizable-panel:active{transform:translate(-50%, -50%) scale(0.95)}.resizable-theme-dark.sc-ui-resizable-panel .collapse-button.sc-ui-resizable-panel{background:var(--color-primary, #374151);border-color:var(--border-strong, #4b5563);color:var(--text-muted, #9ca3af);opacity:0.8}.resizable-theme-dark.sc-ui-resizable-panel .collapse-button.sc-ui-resizable-panel:hover{background:var(--color-success, #3dcd58);border-color:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff)}.resize-handle-horizontal.sc-ui-resizable-panel .collapse-button.sc-ui-resizable-panel{top:50%;left:50%}.resize-handle-vertical.sc-ui-resizable-panel .collapse-button.sc-ui-resizable-panel{top:50%;left:50%}.resizable-panel.sc-ui-resizable-panel ui-resizable-panel.sc-ui-resizable-panel{width:100%;height:100%;border:none}';export{r as ui_resizable_panel}