atomicuilibrary 0.1.0 → 0.1.3

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

@@ -0,0 +1 @@
+import{r as t,c as o,a as i,h as r,H as e}from"./p-Dqu2zaH1.js";import{s as a}from"./p-Dyu3Nplq.js";import{n}from"./p-C7gf39HE.js";import{h as s}from"./p-Ck6jDuhz.js";const c=class{constructor(i){t(this,i),this.accordionChange=o(this,"accordionChange"),this.beforeOpen=o(this,"beforeOpen"),this.afterOpen=o(this,"afterOpen"),this.beforeClose=o(this,"beforeClose"),this.afterClose=o(this,"afterClose"),this.accordionSearch=o(this,"accordionSearch"),this.accordionReorder=o(this,"accordionReorder"),this.accordionAction=o(this,"accordionAction")}get element(){return i(this)}items=[];multiple=!1;expandedItems=null;defaultOpen=[];animationDuration=300;animationTiming="ease";physics="standard";backgroundColor="";haptic=!0;enableAnimation=!0;showNumbers=!1;arrowIconCollapsed="chevron-right";arrowIconExpanded="chevron-down";hideArrow=!1;selectedHeaderColor="#10b981";selectionPosition="left";variant="default";toggleStyle="chevron";size="md";iconPosition="end";persistState="";lazyRender=!1;theme="default";columns=1;enableParallax=!1;enableHaptics=!1;stickyHeaders=!1;enableQuickActions=!1;enableSearchHeatmap=!1;focusTimeout=0;enableRanking=!1;enableLocking=!1;enableSparklines=!1;enableGestures=!1;syncGroup="";showBreadcrumbs=!1;printExpandAll=!1;enableCollaborators=!1;enableAISummaries=!1;enablePortalReader=!1;enableSnapshots=!1;enableStreaming=!1;enableVoiceControl=!1;enableHolographic=!1;enableTeleportation=!1;isListening=!1;voiceCommand="";activePortalId="";availableSnapshots=[];unlockedItems=new Set;patternInput="";activeLockId="";itemHeat=new Map;_collaborators=new Map;collabChannel=null;iconLibrary="lucide";handleRemoteSync(t){if(!this.syncGroup||t.detail.group!==this.syncGroup||t.detail.sourceId===this.element.id)return;const{itemId:o,isOpen:i,multiple:r}=t.detail;r?i&&!this.openItems.includes(o)?this.openItems=[...this.openItems,o]:i||(this.openItems=this.openItems.filter((t=>t!==o))):this.openItems=i?[o]:[]}disabled=!1;enableSearch=!1;searchPlaceholder="Search...";enableExpandCollapseAll=!1;enablePersistence=!1;persistenceKey="ui-accordion-state";enableDragDrop=!1;enableNested=!1;rtl=!1;dense=!1;headerLevel=3;loading=!1;autoScroll=!1;scrollBehavior="smooth";openItems=[];onExpandedItemsChange(t){null!==t&&(this.openItems=[...t])}parsedItems=[];parsedDefaultOpen=[];searchQuery="";filteredItems=[];draggedItemId=null;dragOverItemId=null;animatingItems=new Set;isShaking=new Set;accordionChange;beforeOpen;afterOpen;beforeClose;afterClose;accordionSearch;accordionReorder;accordionAction;contentElements=new Map;itemRefs=new Map;focusTimers=new Map;onItemsChange(t){if("string"==typeof t)try{this.parsedItems=JSON.parse(t)}catch(t){console.error("Invalid JSON for accordion items:",t),this.parsedItems=[]}else this.parsedItems=t||[];this.contentElements.clear()}onDefaultOpenChange(t){this.parsedDefaultOpen=t||[],this.openItems=[...this.parsedDefaultOpen]}onMultipleChange(t,o){o&&!t&&this.openItems.length>1&&(this.openItems=[this.openItems[0]])}onAnimationDurationChange(){this.openItems=[...this.openItems]}onShowNumbersChange(){this.openItems=[...this.openItems]}componentWillLoad(){if(this.onItemsChange(this.items),this.onDefaultOpenChange(this.defaultOpen),this.enablePersistence){const t=this.loadFromStorage();this.openItems=t||[...this.parsedDefaultOpen]}else this.openItems=[...this.parsedDefaultOpen];this.filteredItems=this.parsedItems,this.enableCollaborators&&this.initCollaboration(),this.enableAISummaries&&this.simulateAISummaries()}initCollaboration(){"BroadcastChannel"in window&&(this.collabChannel=new BroadcastChannel(`ui-accordion-collab-${this.persistenceKey||"default"}`),this.collabChannel.onmessage=t=>{const{type:o,itemId:i,user:r}=t.data;if("presence"===o){const t=this._collaborators.get(i)||[];t.find((t=>t.id===r.id))||(this._collaborators.set(i,[...t,r]),this._collaborators=new Map(this._collaborators))}})}simulateAISummaries(){this.parsedItems.forEach((t=>{if(!t.summaryList&&t.content){const o=t.content.replace(/<[^>]*>/g,"").slice(0,200);t.summaryList=[`Key Insight: ${o.split(".")[0]||"Analyzing content..."}`,"Status: Verified by AI Engine","Confidence: 98.4%"]}}))}componentDidUpdate(){this.getAllItems(this.parsedItems).forEach((t=>{const o=this.contentElements.get(t.id);o&&t.content&&(o.innerHTML=a(t.content))})),this.enablePersistence&&this.saveToStorage()}handleKeyDown(t){if(!this.element.contains(t.target))return;const o=t.target.closest(".accordion-item");if(!o)return;const i=o.getAttribute("data-id");if(i)switch(t.key){case"Enter":case" ":t.preventDefault(),this.toggleItem(i);break;case"ArrowDown":t.preventDefault(),this.focusNextItem(i);break;case"ArrowUp":t.preventDefault(),this.focusPreviousItem(i);break;case"Home":t.preventDefault(),this.focusFirstItem();break;case"End":t.preventDefault(),this.focusLastItem()}}toggleItem(t,o){if(o&&o.stopPropagation(),this.disabled)return;const i=this.getAllItems(this.parsedItems).find((o=>o.id===t));if(i?.disabled)return;if(this.animatingItems.has(t))return;const r=[...this.openItems],e=r.includes(t),a=!e,n={itemId:t,isOpen:a,timestamp:Date.now()};if(a){if(i?.lockCode&&!this.unlockedItems.has(t)&&this.enableLocking)return this.activeLockId=t,void(this.patternInput="");if(this.updateHeat(t),this.resetFocusTimer(t),this.beforeOpen.emit(n).defaultPrevented)return}else if(this.clearFocusTimer(t),this.beforeClose.emit(n).defaultPrevented)return;if(this.animatingItems.add(t),this.animatingItems=new Set(this.animatingItems),this.multiple)e?this.expandedItems||(this.openItems=r.filter((o=>o!==t))):this.expandedItems||(this.openItems=[...r,t]);else{const o=this.getPathToItem(this.parsedItems,t)||[];e?this.expandedItems||(this.openItems=o.filter((o=>o!==t))):this.expandedItems||(this.openItems=o)}this.accordionChange.emit({itemId:t,isOpen:a,openItems:this.expandedItems?e?r.filter((o=>o!==t)):[...r,t]:[...this.openItems]}),this.syncGroup&&window.dispatchEvent(new CustomEvent("accordionRemoteState",{detail:{group:this.syncGroup,itemId:t,isOpen:a,multiple:this.multiple,sourceId:this.element.id}})),this.playHaptic(a?"open":"close"),this.haptic&&navigator.vibrate&&navigator.vibrate(a?10:8),setTimeout((()=>{this.animatingItems.delete(t),this.animatingItems=new Set(this.animatingItems);const o=this.openItems.includes(t),i={itemId:t,isOpen:o,timestamp:Date.now()};o?(this.afterOpen.emit(i),this.autoScroll&&this.scrollToItem(t,this.scrollBehavior)):this.afterClose.emit(i)}),this.animationDuration)}async shake(t){this.isShaking.has(t)||(this.isShaking.add(t),this.isShaking=new Set(this.isShaking),this.haptic&&navigator.vibrate&&navigator.vibrate([30,50,30]),setTimeout((()=>{this.isShaking.delete(t),this.isShaking=new Set(this.isShaking)}),600))}async success(t){const o=this.element.shadowRoot?.querySelector(`[data-id="${t}"]`);o&&(o.classList.add("accordion-item-success"),this.haptic&&navigator.vibrate&&navigator.vibrate([10,30,20]),setTimeout((()=>{o.classList.remove("accordion-item-success")}),1e3))}focusNextItem(t){const o=this.getVisibleItems(this.parsedItems),i=o.findIndex((o=>o.id===t));-1!==i&&this.focusItem(o[(i+1)%o.length].id)}focusPreviousItem(t){const o=this.getVisibleItems(this.parsedItems),i=o.findIndex((o=>o.id===t));-1!==i&&this.focusItem(o[0===i?o.length-1:i-1].id)}focusFirstItem(){const t=this.getVisibleItems(this.parsedItems);t.length>0&&this.focusItem(t[0].id)}focusLastItem(){const t=this.getVisibleItems(this.parsedItems);t.length>0&&this.focusItem(t[t.length-1].id)}focusItem(t){const o=this.element.querySelector(`[data-id="${t}"] .accordion-header`);o&&o.focus()}async openItem(t){const o=this.getAllItems(this.parsedItems).find((o=>o.id===t));if(o?.disabled)return;let i=[...this.openItems];this.multiple||(i=[]),i.includes(t)||i.push(t),this.openItems=i}async closeItem(t){this.openItems=this.openItems.filter((o=>o!==t))}async toggleItemById(t){this.toggleItem(t)}async openAll(){this.multiple&&(this.openItems=this.getAllItems(this.parsedItems).map((t=>t.id)))}async closeAll(){this.openItems=[]}async scrollToItem(t,o="smooth"){const i=this.itemRefs.get(t);i&&i.scrollIntoView({behavior:o,block:"center"})}async searchItems(t){this.searchQuery=t,this.performSearch()}async clearSearch(){this.searchQuery="",this.filteredItems=this.parsedItems}async getOpenItems(){return[...this.openItems]}async setOpenItems(t){this.openItems=[...t]}async saveSnapshot(t){this.enableSnapshots&&(localStorage.setItem(`${this.persistenceKey}-snapshot-${t}`,JSON.stringify(this.openItems)),this.availableSnapshots=[...new Set([...this.availableSnapshots,t])],this.saveToStorage())}async teleportTo(t){this.enableTeleportation&&(this.openItem(t),this.scrollToItem(t))}async initVoice(){if(!this.enableVoiceControl||!("webkitSpeechRecognition"in window))return;const t=new window.webkitSpeechRecognition;t.continuous=!1,t.interimResults=!1,t.lang="en-US",t.onstart=()=>{this.isListening=!0},t.onend=()=>{this.isListening=!1},t.onresult=t=>{const o=t.results[0][0].transcript.toLowerCase();this.voiceCommand=o;const i=this.getAllItems(this.parsedItems).find((t=>o.includes(t.title.toLowerCase())||o.includes(t.id.toLowerCase())));if(i&&this.toggleItem(i.id),(o.includes("reset")||o.includes("close all"))&&this.closeAll(),o.includes("search for")){const t=o.split("search for")[1].trim();this.searchItems(t)}},t.start()}saveToStorage(){try{localStorage.setItem(this.persistenceKey,JSON.stringify(this.openItems))}catch(t){console.error("Failed to save accordion state:",t)}}playHaptic(t){if(this.enableHaptics)try{const o=new(window.AudioContext||window.webkitAudioContext),i=o.createOscillator(),r=o.createGain();i.connect(r),r.connect(o.destination);const e=o.currentTime;"open"===t?(i.type="sine",i.frequency.setValueAtTime(880,e),i.frequency.exponentialRampToValueAtTime(100,e+.1),r.gain.setValueAtTime(.3,e),r.gain.exponentialRampToValueAtTime(.01,e+.1)):(i.type="triangle",i.frequency.setValueAtTime(220,e),i.frequency.exponentialRampToValueAtTime(40,e+.15),r.gain.setValueAtTime(.2,e),r.gain.exponentialRampToValueAtTime(.01,e+.15)),i.start(e),i.stop(e+.2),setTimeout((()=>o.close()),250)}catch(t){console.warn("Audio haptics unavailable:",t)}}loadFromStorage(){try{const t=localStorage.getItem(this.persistenceKey);return t?JSON.parse(t):null}catch(t){return console.error("Failed to load accordion state:",t),null}}performSearch(){if(!this.searchQuery.trim())return this.filteredItems=this.parsedItems,void this.accordionSearch.emit({query:"",matchedItems:[],totalItems:this.parsedItems.length});const t=this.searchQuery.toLowerCase(),o=this.getAllItems(this.parsedItems),i=o.filter((o=>!1!==o.searchable&&`${o.title} ${o.subtitle||""} ${o.content||""}`.toLowerCase().includes(t))).map((t=>t.id));this.filteredItems=this.parsedItems.filter((t=>this.itemOrChildrenMatch(t,i))),this.accordionSearch.emit({query:this.searchQuery,matchedItems:i,totalItems:o.length})}itemOrChildrenMatch(t,o){return!!o.includes(t.id)||!!t.children&&t.children.some((t=>this.itemOrChildrenMatch(t,o)))}getAllItems(t){const o=[];return t.forEach((t=>{o.push(t),t.children&&this.enableNested&&o.push(...this.getAllItems(t.children))})),o}getVisibleItems(t){const o=[];return t.forEach((t=>{o.push(t);const i=this.openItems.includes(t.id);t.children&&this.enableNested&&i&&o.push(...this.getVisibleItems(t.children))})),o}getPathToItem(t,o){for(const i of t){if(i.id===o)return[i.id];if(i.children){const t=this.getPathToItem(i.children,o);if(t)return[i.id,...t]}}return null}handleDragStart(t,o){this.enableDragDrop&&(this.draggedItemId=t,o.dataTransfer&&(o.dataTransfer.effectAllowed="move",o.dataTransfer.setData("text/plain",t)))}handleDragOver(t,o){this.enableDragDrop&&this.draggedItemId&&(o.preventDefault(),this.dragOverItemId=t,o.dataTransfer&&(o.dataTransfer.dropEffect="move"))}handleDragEnd(){this.draggedItemId=null,this.dragOverItemId=null}handleDrop(t,o){if(!this.enableDragDrop||!this.draggedItemId)return;o.preventDefault();const i=this.parsedItems.findIndex((t=>t.id===this.draggedItemId)),r=this.parsedItems.findIndex((o=>o.id===t));if(-1!==i&&-1!==r&&i!==r){const t=[...this.parsedItems],[o]=t.splice(i,1);t.splice(r,0,o),this.parsedItems=t,this.items=[...t],this.accordionReorder.emit({itemId:this.draggedItemId,oldIndex:i,newIndex:r,items:t})}this.handleDragEnd()}handleActionClick(t,o,i,r){r.stopPropagation(),i.onClick&&i.onClick(t,o),this.accordionAction.emit({itemId:t,actionId:o,action:i})}resetFocusTimer(t){!this.focusTimeout||this.focusTimeout<=0||(this.clearFocusTimer(t),this.focusTimers.set(t,setTimeout((()=>{this.openItems.includes(t)&&this.toggleItem(t)}),this.focusTimeout)))}clearFocusTimer(t){const o=this.focusTimers.get(t);o&&(clearTimeout(o),this.focusTimers.delete(t))}renderPresence(t){if(!this.enableCollaborators)return null;const o=[...t.collaborators||[],...this._collaborators.get(t.id)||[]];return 0===o.length?null:r("div",{class:"accordion-collaborators"},o.map((t=>r("div",{class:"presence-avatar",title:t.name,style:{backgroundColor:t.color||"#3bf673"}},t.avatar?r("img",{src:t.avatar,alt:""}):t.name?t.name.charAt(0):"?"))))}renderAIBriefing(t){return this.enableAISummaries&&t.summaryList?r("div",{class:"accordion-ai-briefing"},r("ul",{class:"briefing-list"},t.summaryList.map((t=>r("li",null,t))))):null}renderPortalOverlay(){if(!this.activePortalId)return null;const t=this.getAllItems(this.parsedItems).find((t=>t.id===this.activePortalId));return t?r("div",{class:"accordion-portal-overlay",style:{"--accordion-bg":this.backgroundColor||"white",backgroundColor:"var(--accordion-bg, #ffffff)"}},r("div",{class:"portal-header"},r("div",{class:"portal-title"},t.title),r("div",{class:"portal-header-actions"},r("ui-button-toggle",{class:"portal-close-toggle",value:"close-portal",label:"Exit reader",icon:"x",library:this.iconLibrary,variant:"outline",shape:"pill",size:"sm",ariaLabel:"Close portal reader",onButtonToggleChange:()=>this.activePortalId=""}))),r("div",{class:"portal-content"},r("div",{class:"portal-meta"},t.subtitle," | Full Focus Mode"),r("div",{class:"portal-body",innerHTML:a(t.content??"")}))):null}renderStreamingTerminal(t){return this.enableStreaming&&t.streamData?r("div",{class:"accordion-streaming-terminal"},r("div",{class:"terminal-header"},"LIVE TELEMETRY STREAM"),r("div",{class:"terminal-body",ref:t=>{t&&(t.scrollTop=t.scrollHeight)}},t.streamData.map((t=>r("div",{class:"terminal-line"},r("span",{class:"line-timestamp"},"[",(new Date).toLocaleTimeString(),"]"),r("span",{class:"line-msg"},t)))))):null}renderTeleportLink(t){return t.teleportTo?r("ui-button",{variant:"ghost",size:"xs",class:"accordion-teleport-link",icon:"link-2",iconLibrary:"lucide",iconSize:"12px",label:`Goto: ${t.teleportTo}`,onClick:o=>{o.stopPropagation(),t.teleportTo&&this.teleportTo(t.teleportTo)}}):null}renderQuickActions(t){if(!this.enableQuickActions)return null;const o=t.actions||[];return r("div",{class:"accordion-quick-actions"},this.enableVoiceControl&&r("ui-button",{variant:"ghost",iconOnly:!0,size:"xs",class:"quick-action-btn voice-btn "+(this.isListening?"active":""),icon:"mic",iconLibrary:"lucide",iconSize:"14px",ariaLabel:"Start Voice Command",onClick:t=>{t.stopPropagation(),this.initVoice()}}),this.enablePortalReader&&r("ui-button",{variant:"ghost",iconOnly:!0,size:"xs",class:"quick-action-btn portal-btn",icon:"maximize",iconLibrary:"lucide",iconSize:"14px",ariaLabel:"Open Focus Portal",onClick:o=>{o.stopPropagation(),this.activePortalId=t.id}}),o.map((o=>r("ui-button",{variant:o.variant||"ghost",iconOnly:!o.label||!!o.icon,size:"xs",class:"quick-action-btn",icon:o.icon,iconLibrary:o.iconLibrary||this.iconLibrary,iconSize:"14px",label:o.icon?void 0:o.label,ariaLabel:o.ariaLabel||o.label,disabled:o.disabled,onClick:i=>{this.handleActionClick(t.id,o.id,o,i)}}))))}renderSearchHeatmap(){if(!this.enableSearchHeatmap||!this.searchQuery)return null;const t=this.getAllItems(this.parsedItems),o=t.map(((t,o)=>({id:t.id,index:o}))).filter((o=>{const i=this.searchQuery.toLowerCase();return`${o.id}`&&(t[o.index].title.toLowerCase().includes(i)||(t[o.index].subtitle||"").toLowerCase().includes(i))})),i=t.length;return r("div",{class:"accordion-search-heatmap"},o.map((t=>r("div",{class:"heatmap-marker",style:{top:t.index/i*100+"%"},onClick:()=>this._scrollToItem(t.id)}))))}_scrollToItem(t){this.scrollToItem(t)}updateHeat(t){if(!this.enableRanking)return;const o=this.itemHeat.get(t)||0;this.itemHeat.set(t,o+1),this.itemHeat=new Map(this.itemHeat),this.saveToStorage()}renderSparkline(t){if(!this.enableSparklines||!t||t.length<2)return null;const o=t??[];if(o.length<2)return null;const i=Math.max(...o),e=Math.min(...o),a=i-e||1,n=o.map(((t,i)=>`${i/(o.length-1)*60},${20-(t-e)/a*20}`)).join(" ");return r("div",{class:"accordion-header-sparkline"},r("svg",{width:60,height:20,viewBox:"0 0 60 20"},r("polyline",{fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round",points:n})))}handlePatternDot(t){this.patternInput+=t;const o=this.getAllItems(this.parsedItems).find((t=>t.id===this.activeLockId));if(o&&o.lockCode===this.patternInput){this.unlockedItems.add(this.activeLockId),this.unlockedItems=new Set(this.unlockedItems);const t=this.activeLockId;this.activeLockId="",this.toggleItem(t)}else this.patternInput.length>=(o?.lockCode?.length||9)&&(this.shake(this.activeLockId),this.patternInput="")}renderLockOverlay(){return this.activeLockId?r("div",{class:"accordion-lock-overlay"},r("div",{class:"lock-grid"},["1","2","3","4","5","6","7","8","9"].map((t=>r("div",{class:{"lock-dot":!0,active:this.patternInput.includes(t)},onMouseEnter:()=>this.handlePatternDot(t),onTouchStart:()=>this.handlePatternDot(t)})))),r("div",{class:"lock-hint"},"Draw Security Pattern"),r("ui-button",{variant:"ghost",size:"sm",class:"lock-cancel",label:"Cancel",onClick:()=>this.activeLockId=""})):null}handleParallax(t,o){if(!this.enableParallax)return;const i=this.itemRefs.get(o);if(!i)return;const r=i.getBoundingClientRect(),e=(t.clientX-r.left-r.width/2)/(r.width/4),a=(t.clientY-r.top-r.height/2)/(r.height/4);i.style.setProperty("--parallax-x",10*e+"px"),i.style.setProperty("--parallax-y",10*a+"px"),i.style.setProperty("--rotate-y",8*e+"deg"),i.style.setProperty("--rotate-x",8*-a+"deg")}resetParallax(t){const o=this.itemRefs.get(t);o&&(o.style.setProperty("--parallax-x","0px"),o.style.setProperty("--parallax-y","0px"),o.style.setProperty("--rotate-y","0deg"),o.style.setProperty("--rotate-x","0deg"))}highlightSearchText(t){if(!this.searchQuery.trim())return t;const o=this.searchQuery.trim(),i=new RegExp(`(${o})`,"gi");return t.replace(i,'<mark class="search-highlight">$1</mark>')}renderItem(t,o=0,i=[]){const e=this.openItems.includes(t.id),n=this.disabled||t.disabled||!1,s=["accordion-item",e&&"accordion-item-open",n&&"accordion-item-disabled",this.draggedItemId===t.id&&"accordion-item-dragging",this.dragOverItemId===t.id&&"accordion-item-drag-over",t.loading&&"accordion-item-loading",o>0&&"accordion-item-nested",this.isShaking.has(t.id)&&"accordion-item-shaking"].filter(Boolean).join(" "),c=["accordion-header",n&&"accordion-header-disabled",this.stickyHeaders&&"accordion-header-sticky","none"!==this.selectionPosition&&`accordion-selection-${this.selectionPosition}`,this.enableAnimation&&`accordion-physics-${this.physics}`].filter(Boolean).join(" "),d=["accordion-content",e&&"accordion-content-open",this.enableAnimation&&`accordion-physics-${this.physics}`].filter(Boolean).join(" "),l=Math.min(this.headerLevel+o,6),p=`h${l}`;return r("div",{class:s,"data-id":t.id,draggable:this.enableDragDrop&&!n,onDragStart:o=>this.handleDragStart(t.id,o),onDragOver:o=>this.handleDragOver(t.id,o),onDragEnd:()=>this.handleDragEnd(),onDrop:o=>this.handleDrop(t.id,o),onMouseMove:o=>this.handleParallax(o,t.id),onMouseLeave:()=>this.resetParallax(t.id),style:{"--nest-depth":o.toString(),...this.enableHolographic&&this.openItems.length>0&&!e?{transform:"perspective(1000px) rotateX(-10deg) translateZ(-50px)",opacity:"0.6"}:{}},ref:o=>{o&&this.itemRefs.set(t.id,o)}},t.headerSlot?r("div",{class:"accordion-header-custom",role:"heading","aria-level":l},r("slot",{name:t.headerSlot})):r(p,{style:{margin:0,padding:0}},r("ui-button",{variant:"accordion",class:c,onClick:o=>this.toggleItem(t.id,o),disabled:n,fullWidth:!0,"icon-position":"none",align:"start",justify:"between",noRipple:!0,"aria-expanded":e?"true":"false","aria-controls":`accordion-content-${t.id}`,ariaLabel:`${e?"Close":"Open"} ${t.title}`,tabindex:n?-1:0},r("div",{class:"accordion-header-content"},r("div",{class:"accordion-header-left"},"start"===this.iconPosition&&!this.hideArrow&&(()=>r("div",{class:"accordion-arrow-wrapper"},r("ui-icon",{name:"plus-minus"===this.toggleStyle?e?"minus":"plus":e?this.arrowIconExpanded:this.arrowIconCollapsed,library:this.iconLibrary,size:"1.2em",class:"accordion-arrow arrow-start"})))(),t.image&&r("img",{src:t.image,alt:"",class:"accordion-image"}),t.icon&&r("span",{class:"accordion-icon"},r("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"1.2em"})),r("div",{class:"accordion-header-text"},this.showBreadcrumbs&&i.length>0&&r("div",{class:"accordion-breadcrumbs"},i.map(((t,o)=>r("span",{class:"breadcrumb-node"},t," ",o<i.length-1?" > ":"")))),r("div",{class:"accordion-title-group"},r("div",{class:"accordion-title",innerHTML:a(this.enableSearch?this.highlightSearchText(t.title):t.title)}),t.subtitle&&r("div",{class:"accordion-subtitle",innerHTML:a(this.enableSearch?this.highlightSearchText(t.subtitle):t.subtitle)}),this.renderSparkline(t.sparkline??[]),this.renderAIBriefing(t),this.renderTeleportLink(t)),t.peek&&!e&&!this.searchQuery&&r("span",{class:"accordion-peek-snippet",innerHTML:a(t.peek)}))),r("div",{class:"accordion-header-right"},r("div",{class:"accordion-header-indicators"},this.renderPresence(t),this.renderQuickActions(t),void 0!==t.progress&&t.progress>=0&&r("div",{class:"accordion-progress-ring"},r("svg",{viewBox:"0 0 36 36"},r("circle",{cx:"18",cy:"18",r:"16",fill:"none",class:"ring-bg","stroke-width":"3"}),r("circle",{cx:"18",cy:"18",r:"16",fill:"none",class:"ring-fg","stroke-width":"3",style:{strokeDasharray:`${t.progress}, 100`}})),r("span",{class:"progress-text"},t.progress,"%")),t.status&&"none"!==t.status&&r("div",{class:`accordion-status-badge status-${t.status}`},"completed"===t.status&&r("ui-icon",{name:"check",library:this.iconLibrary,size:"14px"}),"error"===t.status&&r("ui-icon",{name:"alert-circle",library:this.iconLibrary,size:"14px"}),"warning"===t.status&&r("ui-icon",{name:"alert-triangle",library:this.iconLibrary,size:"14px"}),"current"===t.status&&r("div",{class:"pulse-dot"}))),void 0!==t.badge&&t.badge>0&&r("span",{class:"accordion-badge"},t.badge),t.actions&&t.actions.length>0&&r("div",{class:"accordion-actions"},t.actions.map((o=>r("ui-button",{key:o.id,variant:o.variant||"ghost",size:"xs",iconOnly:!!o.icon,icon:o.icon,iconLibrary:o.iconLibrary||t.iconLibrary||this.iconLibrary,iconSize:"1.1em",label:o.icon?void 0:o.label,ariaLabel:o.ariaLabel||o.label,disabled:o.disabled,onClick:i=>this.handleActionClick(t.id,o.id,o,i)})))),t.loading&&r("ui-loader",{size:"xs",color:"currentColor",class:"accordion-loading-spinner"}),"end"===this.iconPosition&&!this.hideArrow&&(()=>r("div",{class:"accordion-arrow-wrapper"},r("ui-icon",{name:"plus-minus"===this.toggleStyle?e?"minus":"plus":e?this.arrowIconExpanded:this.arrowIconCollapsed,library:this.iconLibrary,size:"1.2em",class:"accordion-arrow"})))())))),(()=>{const a=this.animatingItems.has(t.id),n=!this.lazyRender||e||a||t.renderOnceOnly||this.printExpandAll;return n&&this.lazyRender&&e&&(t.renderOnceOnly=!0),n?r("div",{class:d,id:`accordion-content-${t.id}`,"aria-labelledby":`accordion-header-${t.id}`,role:"region",style:{"--animation-duration":`${this.animationDuration}ms`,"--animation-timing":this.animationTiming}},r("div",{class:"accordion-content-inner",ref:o=>{o&&t.content&&this.contentElements.set(t.id,o)}},this.renderStreamingTerminal(t),t.content||r("slot",{name:`content-${t.id}`})),this.enableNested&&t.children&&t.children.length>0&&r("div",{class:"accordion-nested-items"},t.children.map((r=>this.renderItem(r,o+1,[...i,t.title]))))):null})())}renderSkeleton(){return Array.from({length:3}).map(((t,o)=>r("div",{class:"accordion-item accordion-item-skeleton",key:`skeleton-${o}`},r("div",{class:"accordion-header"},r("div",{class:"accordion-header-content"},r("div",{class:"skeleton-box",style:{width:"24px",height:"24px"}}),r("div",{class:"skeleton-box",style:{width:"60%",height:"20px"}}))))))}renderNumberedIndicators(){return r("div",{class:"accordion-indicators",role:"tablist","aria-label":"Accordion navigation"},this.parsedItems.map(((t,o)=>{const i=this.openItems.includes(t.id),e=this.disabled||t.disabled||!1,a=["accordion-indicator",i&&"accordion-indicator-active",e&&"accordion-indicator-disabled"].filter(Boolean).join(" ");return r("ui-button",{key:t.id,variant:i?"primary":"outline",size:"xs",class:a,label:`${o+1}`,onClick:()=>this.toggleItem(t.id),disabled:e,ariaLabel:`Open ${t.title}`,"aria-expanded":i?"true":"false","aria-controls":`accordion-content-${t.id}`})})))}render(){const t=["accordion-container",`accordion-${this.size}`,`accordion-${this.variant}`,`accordion-theme-${this.theme}`,this.columns>1?`accordion-columns-${this.columns}`:"","start"===this.iconPosition?"accordion-icon-start":"",this.rtl?"accordion-rtl":"",this.dense?"accordion-dense":"",this.printExpandAll?"accordion-print-expand-all":""].filter(Boolean).join(" "),o=(()=>{let t=[...this.parsedItems];return this.enableRanking&&t.sort(((t,o)=>(this.itemHeat.get(o.id)||0)-(this.itemHeat.get(t.id)||0))),this.enableSearch&&this.searchQuery?this.filteredItems:t})(),i={};return this.backgroundColor&&(i["--accordion-bg"]=this.backgroundColor,i.backgroundColor="var(--accordion-bg)"),r(e,{class:{"accordion-host":!0,"is-open":this.openItems.length>0,"is-portal-active":!!this.activePortalId}},r("div",{class:t,role:"tablist","aria-multiselectable":this.multiple,dir:this.rtl?"rtl":"ltr",style:{...i,"--selected-header-color":this.selectedHeaderColor,"--selected-header-bg":this.selectedHeaderColor+"1a",..."headline"===this.variant?(()=>{const t=this.headerLevel||3;return{"--hl-title-size":["48px","36px","28px","22px","18px","15px"][t-1],"--hl-subtitle-size":["24px","20px","17px","14px","13px","12px"][t-1],"--hl-padding":["48px 0","40px 0","32px 0","24px 0","18px 0","14px 0"][t-1],"--hl-gap":["16px","14px","12px","10px","8px","6px"][t-1]}})():{}}},this.enableSearch&&r("div",{class:"accordion-search"},r("ui-input",{type:"text",class:"accordion-search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,onInputChange:t=>{this.searchQuery=t.detail,this.performSearch()},ariaLabel:"Search accordion items",showClear:!1}),this.searchQuery&&r("ui-button",{variant:"ghost",iconOnly:!0,size:"xs",class:"accordion-search-clear",icon:"x",iconLibrary:this.iconLibrary,iconSize:"14px",ariaLabel:"Clear search",onClick:()=>this.clearSearch()}),r("div",{class:"sr-only","aria-live":"polite",role:"status"},this.searchQuery?`Showing ${this.filteredItems.length} results for ${this.searchQuery}`:"")),this.enableExpandCollapseAll&&this.multiple&&r("div",{class:"accordion-controls"},r("ui-button",{variant:"ghost",size:"sm",class:"accordion-control-button",icon:"chevron-down",iconLibrary:this.iconLibrary,iconSize:"14px",iconPosition:"left",label:"Expand All",onClick:()=>this.openAll(),disabled:this.disabled,ariaLabel:"Expand all items"}),r("ui-button",{variant:"ghost",size:"sm",class:"accordion-control-button",icon:"chevron-up",iconLibrary:this.iconLibrary,iconSize:"14px",iconPosition:"left",label:"Collapse All",onClick:()=>this.closeAll(),disabled:this.disabled,ariaLabel:"Collapse all items"})),this.showNumbers&&!this.loading&&this.renderNumberedIndicators(),this.renderSearchHeatmap(),this.renderLockOverlay(),this.renderPortalOverlay(),this.loading?this.renderSkeleton():o.length>0?o.map((t=>this.renderItem(t,0,[]))):r("div",{class:"accordion-no-results"},this.loading?r("ui-loader",{size:"xs",color:"currentColor"}):this.enableSearch&&this.searchQuery?r("p",null,'No items match your search "',this.searchQuery,'"'):r("p",null,"No items to display"))))}static get watchers(){return{expandedItems:[{onExpandedItemsChange:0}],items:[{onItemsChange:0}],defaultOpen:[{onDefaultOpenChange:0}],multiple:[{onMultipleChange:0}],animationDuration:[{onAnimationDurationChange:0}],showNumbers:[{onShowNumbersChange:0}]}}};c.style='@charset "UTF-8";.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}.accordion-container{width:100%;border:1px solid var(--accordion-border-color, #e5e7eb);border-radius:8px;overflow:hidden;background-color:var(--accordion-bg, white);font-family:var(--font-family)}.accordion-indicators{display:flex;gap:8px;padding:16px 20px;border-bottom:1px solid var(--accordion-border-color, #e5e7eb);background-color:#f9fafb;flex-wrap:wrap}.accordion-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid #d1d5db;border-radius:50%;background-color:white;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease;outline:none}.accordion-indicator:hover:not(.accordion-indicator-disabled){border-color:var(--selected-header-color, #10b981);color:var(--selected-header-color, #10b981);background-color:var(--selected-header-bg, #eff6ff)}.accordion-indicator:focus{box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.accordion-indicator-active{border-color:var(--selected-header-color, #10b981);background-color:var(--selected-header-bg, #eff6ff);color:var(--selected-header-color, #10b981);font-weight:600}.accordion-indicator-disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.accordion-item{border-bottom:1px solid var(--accordion-border-color, #e5e7eb)}.accordion-item:last-child{border-bottom:none}.accordion-item-disabled{opacity:0.6;pointer-events:none}.accordion-header{width:100%;padding:16px 20px;background:none;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:500;color:#374151;transition:all 0.2s ease;outline:none}.accordion-header:focus{box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1);border-radius:4px}.accordion-header:hover:not(.accordion-header-disabled){background-color:transparent}.accordion-item-open .accordion-header{background-color:var(--selected-header-bg, #f0f9ff);border-left:none}.accordion-item-open .accordion-header.accordion-selection-left{border-left:3px solid var(--selected-header-color, #10b981)}.accordion-item-open .accordion-header.accordion-selection-top{border-top:3px solid var(--selected-header-color, #10b981)}.accordion-header:active:not(.accordion-header-disabled){background-color:#f3f4f6}.accordion-header:active:not(.accordion-header-disabled).accordion-physics-bouncy,.accordion-header:active:not(.accordion-header-disabled).accordion-physics-liquid{transform:perspective(500px) rotateX(-2deg) scale(0.985);transition:transform 0.1s cubic-bezier(0.4, 0, 0.2, 1)}.accordion-header:focus-visible{outline:none;box-shadow:0 0 0 2px white, 0 0 0 4px var(--selected-header-color, #10b981) !important;border-radius:4px;z-index:10}.accordion-header-disabled{cursor:not-allowed;color:#9ca3af}.accordion-header-content{display:flex !important;align-items:center;justify-content:space-between;width:100%;min-width:0;flex:1}.accordion-header-btn{width:100% !important;height:auto !important;min-height:0 !important;padding:0 !important;background:transparent !important;box-shadow:none !important;border:none !important;transform:none !important}.accordion-header-btn::part(button){padding:16px 20px !important;width:100% !important;justify-content:space-between !important;background:transparent !important;border:none !important;box-shadow:none !important}.accordion-header-btn:hover::part(button){background:rgba(0, 0, 0, 0.02) !important}.accordion-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-align:left}.accordion-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto}.accordion-actions{display:flex;align-items:center;gap:4px;margin-left:4px}.accordion-icon{font-size:18px;color:#6b7280;flex-shrink:0}.accordion-image{width:24px;height:24px;border-radius:4px;object-fit:cover;flex-shrink:0}.accordion-header-text{flex:1;display:flex;flex-direction:column;min-width:0;text-align:left}.accordion-title-group{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.accordion-title{font-size:15px;font-weight:600;color:var(--color-text-primary, #111827);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accordion-subtitle{font-size:13px;color:var(--color-text-muted, #6b7280);margin-top:2px}.accordion-badge{background-color:#ef4444;color:white;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center;flex-shrink:0}.accordion-arrow{color:var(--color-text-muted, #6b7280);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:0.7;pointer-events:none;}.accordion-header:hover .accordion-arrow{opacity:1;color:var(--color-text-primary, #111827);transform:scale(1.1)}.accordion-item-open .accordion-arrow{transform:rotate(180deg)}.accordion-arrow.arrow-start{margin-right:4px}.accordion-content{overflow:hidden;max-height:0;opacity:0;transition:max-height var(--animation-duration, 300ms) var(--animation-timing, ease), opacity var(--animation-duration, 300ms) var(--animation-timing, ease);background-color:var(--accordion-content-bg, #f9fafb);}.accordion-content.accordion-physics-bouncy{transition:max-height var(--animation-duration, 500ms) cubic-bezier(0.68, -0.6, 0.32, 1.6), opacity var(--animation-duration, 500ms) ease, transform var(--animation-duration, 500ms) cubic-bezier(0.68, -0.6, 0.32, 1.6);transform-origin:top}.accordion-content.accordion-physics-bouncy.accordion-content-open{animation:elastic-stretch var(--animation-duration, 500ms) cubic-bezier(0.68, -0.6, 0.32, 1.6)}.accordion-content.accordion-physics-liquid{transition:max-height var(--animation-duration, 600ms) cubic-bezier(0.2, 0.8, 0.2, 1), opacity var(--animation-duration, 600ms) ease, transform var(--animation-duration, 600ms) cubic-bezier(0.2, 0.8, 0.2, 1);transform-origin:top}.accordion-content.accordion-physics-liquid.accordion-content-open{animation:liquid-stretch var(--animation-duration, 600ms) cubic-bezier(0.2, 0.8, 0.2, 1)}@keyframes elastic-stretch{0%{transform:scaleY(0.9) translateY(-10px)}60%{transform:scaleY(1.05) translateY(0)}100%{transform:scaleY(1) translateY(0)}}@keyframes liquid-stretch{0%{transform:scaleY(0.8) skewX(-2deg)}50%{transform:scaleY(1.02) skewX(1deg)}100%{transform:scaleY(1) skewX(0)}}.accordion-content:not(.accordion-content-open){max-height:0;opacity:0}.accordion-content-open{max-height:90vh;opacity:1;overflow-y:auto}.accordion-content-inner{padding:16px 20px;color:#4b5563;line-height:1.6}.accordion-content-inner p{margin-top:0;margin-bottom:12px}.accordion-content-inner p:last-child{margin-bottom:0}.accordion-container.accordion-sm .accordion-header{padding:10px 16px;font-size:13px}.accordion-container.accordion-lg .accordion-header{padding:20px 24px;font-size:18px}.accordion-container.accordion-main .accordion-header{padding:24px 32px;font-size:22px;font-weight:700}.accordion-container.accordion-section .accordion-header{padding:18px 24px;font-size:18px;font-weight:600}.accordion-container.accordion-subsection .accordion-header{padding:14px 20px;font-size:15px;font-weight:500}.accordion-container.accordion-popover .accordion-header{padding:8px 12px;font-size:13px;font-weight:500}.accordion-container.accordion-popover .accordion-content-inner{padding:8px 12px;font-size:12px}.accordion-container.accordion-bordered .accordion-item{border:1px solid #e5e7eb;margin-bottom:8px;border-radius:6px}.accordion-container.accordion-bordered .accordion-item:last-child{margin-bottom:0}.accordion-container.accordion-bordered{border:none;background:transparent}.accordion-container.accordion-splitted{border:none;background:transparent;display:flex;flex-direction:column;gap:12px}.accordion-container.accordion-splitted .accordion-item{border:1px solid #e5e7eb;border-radius:12px;background:white;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);transition:box-shadow 0.2s ease, border-color 0.2s ease}.accordion-container.accordion-splitted .accordion-item-open{box-shadow:0 4px 12px rgba(0, 0, 0, 0.08);border-color:var(--selected-header-color, #10b981)}.accordion-container.accordion-light{border:none;background:transparent}.accordion-container.accordion-light .accordion-item{border-bottom:1px solid transparent;}.accordion-container.accordion-light .accordion-header{background:transparent !important;}.accordion-container.accordion-light .accordion-header:hover{background:rgba(0, 0, 0, 0.03) !important}.accordion-container.accordion-shadow{border:none;box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);border-radius:16px}.accordion-container.accordion-card-list,.accordion-container.accordion-card{border:none;background:transparent;display:flex;flex-direction:column;gap:12px;overflow:visible;}.accordion-card-list .accordion-item,.accordion-card .accordion-item{border:1px solid #e8edf2;border-radius:16px;background:#ffffff;box-shadow:0 2px 8px rgba(0, 0, 0, 0.06);transition:box-shadow 0.25s ease, border-color 0.25s ease, transform 0.15s ease;overflow:hidden}.accordion-card-list .accordion-item:hover:not(.accordion-item-disabled),.accordion-card .accordion-item:hover:not(.accordion-item-disabled){box-shadow:0 4px 18px rgba(0, 0, 0, 0.1);transform:translateY(-1px)}.accordion-card-list .accordion-item-open,.accordion-card .accordion-item-open{border-color:var(--selected-header-color, #10b981);box-shadow:0 8px 30px rgba(0, 0, 0, 0.15);transform:translateY(-2px)}.accordion-card-list .accordion-item,.accordion-card .accordion-item,.accordion-card-list .accordion-item:last-child,.accordion-card .accordion-item:last-child{border:1px solid #e8edf2}.accordion-card-list .accordion-header,.accordion-card .accordion-header{--button-padding:18px 0px;background:transparent;border-left:none !important}.accordion-card-list .accordion-header:hover:not(.accordion-header-disabled),.accordion-card .accordion-header:hover:not(.accordion-header-disabled){background:transparent}.accordion-card-list .accordion-item-open .accordion-header,.accordion-card .accordion-item-open .accordion-header{background:transparent;border-left:none !important}.accordion-card-list .accordion-icon,.accordion-card .accordion-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:12px;background:color-mix(in srgb, var(--selected-header-color, #10b981) 12%, transparent);color:var(--selected-header-color, #10b981);font-size:20px;flex-shrink:0;transition:background 0.2s ease}@supports not (background: color-mix(in srgb, red 10%, transparent)){.accordion-card-list .accordion-icon,.accordion-card .accordion-icon{background:rgba(16, 185, 129, 0.12)}}.accordion-card-list .accordion-item:hover .accordion-icon,.accordion-card .accordion-item:hover .accordion-icon{background:color-mix(in srgb, var(--selected-header-color, #10b981) 20%, transparent)}.accordion-card-list .accordion-title,.accordion-card .accordion-title{font-size:15px;font-weight:700;color:#1a202c;white-space:normal;}.accordion-card-list .accordion-subtitle,.accordion-card .accordion-subtitle{font-size:13px;color:#8a92a0;font-weight:400;white-space:normal}.accordion-card-list .accordion-header-text,.accordion-card .accordion-header-text{gap:3px}.accordion-card-list .accordion-arrow,.accordion-card .accordion-arrow{color:#c0c8d4;font-size:14px;margin-left:16px;transition:color 0.2s ease}.accordion-card-list .accordion-item:hover .accordion-arrow,.accordion-card .accordion-item:hover .accordion-arrow{color:var(--selected-header-color, #10b981)}.accordion-card-list .accordion-item-open .accordion-arrow,.accordion-card .accordion-item-open .accordion-arrow{color:var(--selected-header-color, #10b981)}.accordion-card-list .accordion-content,.accordion-card .accordion-content{background:#f8fafc;border-top:1px solid #edf1f6}.accordion-card-list .accordion-content-inner,.accordion-card .accordion-content-inner{padding:16px 20px 20px;color:#4a5568;font-size:14px;line-height:1.65}.accordion-card-list.accordion-sm .accordion-header,.accordion-card.accordion-sm .accordion-header{padding:14px 16px}.accordion-card-list.accordion-sm .accordion-icon,.accordion-card.accordion-sm .accordion-icon{width:36px;height:36px;min-width:36px;border-radius:10px;font-size:17px}.accordion-card-list.accordion-sm .accordion-title,.accordion-card.accordion-sm .accordion-title{font-size:14px}.accordion-card-list.accordion-lg .accordion-header,.accordion-card.accordion-lg .accordion-header{padding:22px 24px}.accordion-card-list.accordion-lg .accordion-icon,.accordion-card.accordion-lg .accordion-icon{width:52px;height:52px;min-width:52px;border-radius:14px;font-size:24px}.accordion-card-list.accordion-lg .accordion-title,.accordion-card.accordion-lg .accordion-title{font-size:17px}.accordion-card-list.accordion-icon-start .accordion-arrow.arrow-start,.accordion-card.accordion-icon-start .accordion-arrow.arrow-start{margin-right:16px;margin-left:0}.accordion-headline{background:transparent !important;border:none !important;box-shadow:none !important}.accordion-headline .accordion-item{border-bottom:1px solid #e5e7eb;margin-bottom:0;transition:all 0.25s ease}.accordion-headline .accordion-item:last-child{border-bottom:none}.accordion-headline .accordion-header{padding:var(--hl-padding, 32px 0);font-size:var(--hl-title-size, 28px);font-weight:700;color:#111827;background:transparent;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:24px;border-left:none !important;text-align:left}.accordion-headline .accordion-header:hover{background:transparent;color:var(--selected-header-color, #10b981)}.accordion-headline .accordion-header-content{flex:1;display:flex;flex-direction:row;align-items:flex-start;gap:16px}.accordion-headline .accordion-header-text{display:flex;flex-direction:column;gap:var(--hl-gap, 12px);flex:1;text-align:left}.accordion-headline .accordion-title{white-space:normal;font-size:var(--hl-title-size, 28px) !important;font-weight:700;line-height:1.2;text-align:left;color:#111827}.accordion-headline .accordion-subtitle{font-size:var(--hl-subtitle-size, 16px) !important;color:#4b5563;line-height:1.6;margin-top:4px;white-space:normal;max-width:90%;font-weight:400;text-align:left}.accordion-headline{}.accordion-headline .accordion-badge{background:#1f2937;color:white;width:22px;height:22px;min-width:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;order:2;margin-top:6px}.accordion-headline .accordion-arrow{font-size:calc(var(--hl-title-size, 28px) * 0.7);color:#111827;margin-top:6px;opacity:0.8}.accordion-headline .accordion-item-open .accordion-header{background:transparent;border-left:none;color:#111827}.accordion-headline .accordion-content{background:transparent}.accordion-headline .accordion-content-inner{padding:24px 0 40px 0;border-top:1px dashed var(--border-default, #e5e7eb);font-size:var(--hl-subtitle-size, 16px);color:var(--text-secondary, #4b5563);line-height:1.6;text-align:left}.accordion-arrow.arrow-start{margin-left:0;margin-right:12px;order:-1;}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.accordion-header:focus-visible{outline:2px solid #10b981;outline-offset:2px;z-index:10;}@media (max-width: 640px){.accordion-header{padding:12px 16px;font-size:14px}.accordion-content-inner{padding:12px 16px}.accordion-header-content{gap:8px}.accordion-badge{font-size:11px;padding:1px 6px}}.accordion-search{position:relative;padding:16px 20px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.accordion-search-input{width:100%;padding:10px 40px 10px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:all 0.2s ease}.accordion-search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.accordion-search-clear{position:absolute;right:28px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;font-size:18px;padding:4px 8px;border-radius:4px;transition:all 0.2s ease}.accordion-search-clear:hover{background-color:#e5e7eb;color:#374151}.search-highlight{background-color:#fef08a;color:#854d0e;padding:2px 4px;border-radius:2px;font-weight:600}.accordion-controls{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb;flex-wrap:wrap}.accordion-control-button{padding:8px 16px;background-color:white;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all 0.2s ease;outline:none}.accordion-control-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.accordion-control-button:active:not(:disabled){background-color:#e5e7eb}.accordion-control-button:disabled{opacity:0.5;cursor:not-allowed}.accordion-control-button:focus{box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.accordion-header-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.accordion-subtitle{font-size:13px;color:#6b7280;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accordion-actions{display:flex;gap:4px;margin-left:8px}.accordion-action-button{padding:6px 10px;background-color:transparent;border:1px solid #d1d5db;border-radius:4px;font-size:14px;color:#374151;cursor:pointer;transition:all 0.2s ease;outline:none}.accordion-action-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.accordion-action-button:disabled{opacity:0.5;cursor:not-allowed}.accordion-action-button:focus{box-shadow:0 0 0 2px rgba(59, 130, 246, 0.2)}.accordion-loading-spinner{font-size:16px;animation:spin 1s linear infinite;margin-left:8px}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.accordion-item-loading{opacity:0.7}.accordion-item-dragging{opacity:0.5;cursor:grabbing;transform:scale(0.98)}.accordion-item-drag-over{border-top:3px solid #10b981;background-color:#eff6ff}@keyframes accordion-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.accordion-item-shaking{animation:accordion-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;pointer-events:none}@keyframes accordion-success-pulse{0%{box-shadow:0 0 0 0 rgba(16, 185, 129, 0.4), 0 0 0 0 rgba(16, 185, 129, 0.2);background-color:rgba(16, 185, 129, 0.05)}50%{background-color:rgba(16, 185, 129, 0.1)}70%{box-shadow:0 0 0 15px rgba(16, 185, 129, 0), 0 0 0 30px rgba(16, 185, 129, 0)}100%{box-shadow:0 0 0 0 rgba(16, 185, 129, 0), 0 0 0 0 rgba(16, 185, 129, 0);background-color:transparent}}.accordion-item-success{border-color:#10b981 !important;animation:accordion-success-pulse 1s cubic-bezier(0.4, 0, 0.2, 1)}.accordion-item[draggable=true]{cursor:grab}.accordion-item[draggable=true]:active{cursor:grabbing}.accordion-nested-items{padding-left:0;background-color:transparent}.accordion-item-nested{margin-left:24px;position:relative;border-left:none;}.accordion-item-nested::before{content:"";position:absolute;left:-16px;top:0;bottom:0;width:2px;background:linear-gradient(180deg, var(--selected-header-color, #10b981) 0%, rgba(229, 231, 235, 0.4) 100%);opacity:0.6;transition:all 0.3s ease}.accordion-item-nested{}.accordion-item-nested::after{content:"";position:absolute;left:-16px;top:24px;width:14px;height:2px;background:var(--selected-header-color, #10b981);opacity:0.3;border-radius:0 2px 2px 0}.accordion-item-nested{}.accordion-item-nested .accordion-header::before{content:"";position:absolute;left:-18px;top:22px;width:6px;height:6px;background:var(--selected-header-color, #10b981);border-radius:50%;opacity:0.5;z-index:2}.accordion-item-nested .accordion-header{padding-left:16px;font-size:15px;background-color:rgba(0, 0, 0, 0.015);border-radius:0 8px 8px 0;margin-top:2px;margin-bottom:2px}.accordion-item-nested .accordion-header:hover{background-color:rgba(0, 0, 0, 0.03)}.accordion-item-nested .accordion-nested-items .accordion-header{background-color:rgba(0, 0, 0, 0.025);font-size:14px}.accordion-header-custom{padding:16px 20px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.accordion-no-results{padding:32px 20px;text-align:center;color:#6b7280;font-size:14px}.accordion-no-results p{margin:0}.accordion-rtl{direction:rtl}.accordion-rtl .accordion-header{text-align:right}.accordion-rtl .accordion-arrow{margin-left:0;margin-right:12px}.accordion-rtl .accordion-arrow.arrow-start{margin-right:0;margin-left:12px}.accordion-rtl .accordion-item-open .accordion-header{border-left:none;border-right:3px solid var(--selected-header-color, #10b981)}.accordion-rtl .accordion-actions{margin-left:0;margin-right:8px}.accordion-dense .accordion-header{padding:10px 16px;font-size:14px}.accordion-dense .accordion-content-inner{padding:10px 16px;font-size:13px}.accordion-dense .accordion-search{padding:12px 16px}.accordion-dense .accordion-controls{padding:8px 16px}.accordion-dense .accordion-indicators{padding:12px 16px}.accordion-dense .accordion-indicator{width:28px;height:28px;font-size:12px}.accordion-dense .accordion-subtitle{font-size:12px}@media print{.accordion-print-expand-all .accordion-content{max-height:none !important;opacity:1 !important;display:block !important}.accordion-print-expand-all .accordion-item{page-break-inside:avoid}.accordion-search,.accordion-controls,.accordion-indicators{display:none !important}.accordion-arrow,.accordion-actions{display:none !important}.accordion-header{cursor:default;pointer-events:none}}.accordion-control-button:focus-visible,.accordion-action-button:focus-visible,.accordion-indicator:focus-visible{outline:2px solid #10b981;outline-offset:2px;border-radius:4px}.accordion-item,.accordion-header,.accordion-content,.accordion-action-button,.accordion-control-button{transition:all 0.2s ease}@media (prefers-reduced-motion: reduce){.accordion-content,.accordion-arrow,.accordion-item,.accordion-header,.accordion-loading-spinner{transition:none;animation:none}}.accordion-item-skeleton{padding:16px 20px;background:#fff}.skeleton-box{background:#e5e7eb;border-radius:4px;animation:skeleton-pulse 1.5s infinite ease-in-out}@keyframes skeleton-pulse{0%{opacity:0.6}50%{opacity:1}100%{opacity:0.6}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none}.accordion-status-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;margin-left:12px;flex-shrink:0}.accordion-status-badge.status-completed{color:#10b981;background:rgba(16, 185, 129, 0.1)}.accordion-status-badge.status-error{color:#ef4444;background:rgba(239, 68, 68, 0.1)}.accordion-status-badge.status-warning{color:#f59e0b;background:rgba(245, 158, 11, 0.1)}.accordion-status-badge.status-current{color:#3b82f6;background:rgba(59, 130, 246, 0.1)}.pulse-dot{width:8px;height:8px;background-color:#3b82f6;border-radius:50%;box-shadow:0 0 0 0 rgba(59, 130, 246, 0.7);animation:status-pulse 1.5s infinite}@keyframes status-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(59, 130, 246, 0.7)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(59, 130, 246, 0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(59, 130, 246, 0)}}.accordion-theme-glass{background:rgba(255, 255, 255, 0.4) !important;backdrop-filter:blur(12px) !important;border:1px solid rgba(255, 255, 255, 0.3) !important;box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.07) !important}.accordion-theme-glass .accordion-item{background:transparent;border-bottom:1px solid rgba(255, 255, 255, 0.1)}.accordion-theme-glass .accordion-header:hover{background:rgba(255, 255, 255, 0.2)}.accordion-theme-radiant{background:#0f172a !important;border:1px solid #1e293b !important;color:#f8fafc}.accordion-theme-radiant .accordion-item{border-bottom:1px solid #1e293b;background:transparent}.accordion-theme-radiant .accordion-header{color:#e2e8f0}.accordion-theme-radiant .accordion-header:hover{color:#38bdf8}.accordion-theme-radiant .accordion-item-open .accordion-header{background:linear-gradient(90deg, rgba(56, 189, 248, 0.05) 0%, transparent 100%);color:#38bdf8;box-shadow:inset 2px 0 0 #38bdf8}.accordion-theme-radiant .accordion-subtitle{color:#94a3b8}@media (min-width: 1024px){.accordion-columns-2{display:grid !important;grid-template-columns:1fr 1fr;gap:16px;border:none !important;background:transparent !important}.accordion-columns-2 .accordion-item{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:0 !important}}.accordion-item{perspective:1000px;transform-style:preserve-3d}.accordion-header{transform:translate3d(var(--parallax-x, 0), var(--parallax-y, 0), 0) rotateX(var(--rotate-x, 0)) rotateY(var(--rotate-y, 0));transition:transform 0.1s ease-out;will-change:transform}.accordion-header-indicators{display:flex;align-items:center;gap:12px}.accordion-actions{display:flex;align-items:center;gap:4px}.accordion-progress-ring{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin-left:8px}.accordion-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.accordion-progress-ring .ring-bg{stroke:#e5e7eb}.accordion-progress-ring .ring-fg{stroke:#3b82f6;stroke-linecap:round;transition:stroke-dasharray 0.5s ease}.accordion-progress-ring .progress-text{position:absolute;font-size:8px;font-weight:700;color:var(--progress-text);letter-spacing:-0.02em}.accordion-icon,.accordion-badge,.accordion-status-badge{transform:translateZ(20px)}.accordion-title{transform:translateZ(10px)}.accordion-header-sticky{position:sticky;top:0;z-index:50;background:inherit;box-shadow:0 4px 12px rgba(0, 0, 0, 0.03)}.accordion-header-sticky::after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:10px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.02), transparent);pointer-events:none;opacity:1}.accordion-peek-snippet{display:block;font-size:13px;color:#94a3b8;font-style:italic;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%;opacity:0.8;animation:peek-reveal 0.4s ease-out}@keyframes peek-reveal{from{opacity:0;transform:translateY(-4px)}to{opacity:0.8;transform:translateY(0)}}.accordion-bordered .accordion-header-sticky,.accordion-card .accordion-header-sticky{background:white;z-index:100}.accordion-theme-glass .accordion-header-sticky{background:rgba(255, 255, 255, 0.2);backdrop-filter:blur(12px)}.accordion-theme-radiant .accordion-header-sticky{background:#0f172a}.accordion-container{position:relative}.accordion-quick-actions{position:absolute;right:12px;top:50%;transform:translateY(-50%) translateX(10px);display:flex;gap:8px;opacity:0;pointer-events:none;transition:all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);background:rgba(255, 255, 255, 0.9);padding:4px 8px;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);z-index:20}.accordion-item:hover .accordion-quick-actions{opacity:1;transform:translateY(-50%) translateX(0);pointer-events:auto}.quick-action-btn{background:transparent;border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all 0.2s ease}.quick-action-btn:hover{background:#f1f5f9;color:#3b82f6;transform:scale(1.1)}.accordion-search-heatmap{position:absolute;top:80px;bottom:0;right:-12px;width:4px;background:rgba(226, 232, 240, 0.5);border-radius:2px;pointer-events:none;z-index:50}.heatmap-marker{position:absolute;width:8px;height:8px;left:-2px;background:#3b82f6;border-radius:50%;box-shadow:0 0 8px rgba(59, 130, 246, 0.8);pointer-events:auto;cursor:pointer;transition:transform 0.2s ease}.heatmap-marker:hover{transform:scale(1.5);background:#2563eb}.accordion-theme-radiant .accordion-quick-actions{background:#1e293b;border-color:#334155;color:white}.accordion-theme-glass .accordion-quick-actions{background:rgba(255, 255, 255, 0.15);backdrop-filter:blur(8px);border-color:rgba(255, 255, 255, 0.3)}.accordion-lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(15, 23, 42, 0.95);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:500;border-radius:inherit;backdrop-filter:blur(8px);animation:lock-fade-in 0.3s ease-out}.accordion-lock-overlay .lock-grid{display:grid;grid-template-columns:repeat(3, 40px);gap:20px;margin-bottom:24px}.accordion-lock-overlay .lock-dot{width:16px;height:16px;background:rgba(255, 255, 255, 0.2);border-radius:50%;cursor:pointer;transition:all 0.2s ease;box-shadow:0 0 10px rgba(0, 0, 0, 0.5)}.accordion-lock-overlay .lock-dot.active{background:#38bdf8;box-shadow:0 0 15px #38bdf8;transform:scale(1.3)}.accordion-lock-overlay .lock-hint{color:#94a3b8;font-size:14px;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:0.1em}.accordion-lock-overlay .lock-cancel{background:transparent;border:1px solid #334155;color:#94a3b8;padding:6px 16px;border-radius:6px;cursor:pointer;transition:all 0.2s ease}.accordion-lock-overlay .lock-cancel:hover{border-color:#ef4444;color:#ef4444}@keyframes lock-fade-in{from{opacity:0;background:rgba(0, 0, 0, 0)}to{opacity:1;background:rgba(15, 23, 42, 0.95)}}.accordion-header-sparkline{opacity:0.7;color:#3b82f6;margin-left:8px}.accordion-header-sparkline polyline{stroke-dasharray:100;stroke-dashoffset:100;animation:spark-draw 1.5s ease-out forwards}@keyframes spark-draw{to{stroke-dashoffset:0}}.accordion-theme-radiant .accordion-header-sparkline{color:#38bdf8}.accordion-theme-glass .accordion-header-sparkline{color:#8b5cf6}.accordion-breadcrumbs{font-size:10px;text-transform:uppercase;letter-spacing:0.05em;color:#94a3b8;margin-bottom:4px;opacity:0.6;font-weight:700}.breadcrumb-node{transition:color 0.2s ease}.breadcrumb-node:hover{color:#3b82f6}@media print{.accordion-print-expand-all .accordion-content{display:block !important;max-height:none !important;opacity:1 !important;visibility:visible !important;overflow:visible !important;border-top:1px solid #e2e8f0}.accordion-print-expand-all .accordion-item{margin-bottom:20px !important;break-inside:avoid;border:1px solid #e2e8f0 !important;box-shadow:none !important;background:white !important}.accordion-print-expand-all{}.accordion-print-expand-all .accordion-arrow,.accordion-print-expand-all .accordion-search,.accordion-print-expand-all .accordion-controls,.accordion-print-expand-all .accordion-quick-actions,.accordion-print-expand-all .accordion-lock-overlay,.accordion-print-expand-all .accordion-search-heatmap,.accordion-print-expand-all .accordion-action-button{display:none !important}.accordion-print-expand-all .accordion-header{background:#f8fafc !important;color:black !important;padding:12px !important}.accordion-print-expand-all .accordion-header-sparkline{display:inline-block !important;opacity:1 !important}}@media print{.accordion-theme-radiant.accordion-print-expand-all,.accordion-theme-glass.accordion-print-expand-all{background:white !important;color:black !important}.accordion-theme-radiant.accordion-print-expand-all .accordion-header,.accordion-theme-glass.accordion-print-expand-all .accordion-header{color:black !important;background:#f1f5f9 !important}.accordion-theme-radiant.accordion-print-expand-all .accordion-title,.accordion-theme-glass.accordion-print-expand-all .accordion-title{color:black !important}}.accordion-portal-reader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:white;display:flex;flex-direction:column;animation:portal-glide-up 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);padding:40px;overflow-y:auto}.accordion-portal-reader .portal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;padding-bottom:24px;margin-bottom:40px}.accordion-portal-reader .portal-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.accordion-portal-reader .portal-title{font-size:32px;font-weight:800;letter-spacing:-0.02em;color:#0f172a}.accordion-portal-reader .portal-close-toggle::part(button){min-width:148px;padding:0.8rem 1rem;border-radius:999px;border:1px solid #cbd5e1;background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);color:#0f172a;box-shadow:0 10px 24px rgba(15, 23, 42, 0.08);font-weight:700}.accordion-portal-reader .portal-close{background:#f1f5f9;border:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease}.accordion-portal-reader .portal-close:hover{background:#ef4444;color:white;transform:rotate(90deg)}.accordion-portal-reader .portal-content{max-width:800px;margin:0 auto;width:100%}.accordion-portal-reader .portal-meta{text-transform:uppercase;font-size:12px;letter-spacing:0.1em;color:#64748b;font-weight:700;margin-bottom:24px}.accordion-portal-reader .portal-body{font-size:18px;line-height:1.8;color:#334155}.accordion-portal-reader .portal-body p{margin-bottom:1.5em}.accordion-collaborators{display:flex;margin-right:12px}.accordion-collaborators .presence-avatar{width:24px;height:24px;border-radius:50%;border:2px solid white;margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:white;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);transition:transform 0.2s ease;cursor:pointer}.accordion-collaborators .presence-avatar:first-child{margin-left:0}.accordion-collaborators .presence-avatar:hover{transform:translateY(-4px) scale(1.1);z-index:10}.accordion-collaborators .presence-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.accordion-ai-briefing{position:absolute;top:100%;left:0;width:280px;background:white;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 10px 25px rgba(0, 0, 0, 0.1);z-index:100;opacity:0;pointer-events:none;transform:translateY(10px);transition:all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1)}.accordion-ai-briefing .briefing-list{margin:0;padding:0 0 0 16px;font-size:13px;line-height:1.6;color:#475569}.accordion-ai-briefing .briefing-list li{margin-bottom:8px}.accordion-title:hover+.accordion-ai-briefing{opacity:1;transform:translateY(0)}@keyframes portal-glide-up{from{transform:translateY(100vh);opacity:0}to{transform:translateY(0);opacity:1}}.accordion-theme-radiant .accordion-portal-reader{background:#0f172a}.accordion-theme-radiant .accordion-portal-reader .portal-title,.accordion-theme-radiant .accordion-portal-reader .portal-body{color:white}.accordion-theme-radiant .accordion-portal-reader .portal-header{border-color:#1e293b}.accordion-theme-radiant .accordion-portal-reader .portal-close{background:#1e293b;color:white}.accordion-theme-radiant .accordion-portal-reader .portal-close-toggle::part(button){background:linear-gradient(180deg, #1e293b 0%, #0f172a 100%);border-color:#334155;color:#e2e8f0;box-shadow:0 12px 30px rgba(2, 6, 23, 0.45)}.accordion-theme-radiant .accordion-ai-briefing{background:#1e293b;border-color:#334155;color:white}.accordion-theme-radiant .accordion-ai-briefing .briefing-list{color:#cbd5e1}.accordion-streaming-terminal{background:#020617;border-radius:8px;border:1px solid #1e293b;margin-bottom:20px;overflow:hidden;box-shadow:inset 0 0 20px rgba(0, 0, 0, 0.5)}.accordion-streaming-terminal .terminal-header{background:#1e293b;padding:6px 16px;font-size:10px;font-weight:800;color:#94a3b8;letter-spacing:0.1em}.accordion-streaming-terminal .terminal-body{height:180px;overflow-y:auto;padding:12px;font-family:"JetBrains Mono", "Fira Code", monospace;font-size:11px;line-height:1.5;scroll-behavior:smooth}.accordion-streaming-terminal .terminal-line{display:flex;gap:12px;margin-bottom:4px;border-left:2px solid transparent;transition:all 0.2s ease}.accordion-streaming-terminal .terminal-line:hover{background:rgba(255, 255, 255, 0.05);border-left-color:#3b82f6}.accordion-streaming-terminal .line-timestamp{color:#64748b;white-space:nowrap}.accordion-streaming-terminal .line-msg{color:#cbd5e1;word-break:break-all}.quick-action-btn.voice-btn.active{background:#ef4444 !important;color:white !important;animation:voice-pulse 1.5s infinite ease-in-out;box-shadow:0 0 15px #ef4444}@keyframes voice-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:0.7}100%{transform:scale(1);opacity:1}}.accordion-teleport-link{background:rgba(59, 130, 246, 0.1);border:1px solid rgba(59, 130, 246, 0.2);color:#3b82f6;font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;margin-left:8px;transition:all 0.2s ease}.accordion-teleport-link:hover{background:#3b82f6;color:white}.accordion-item{transition:transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.6s ease;transform-origin:top center}.accordion-container.accordion-boxed{border:none;background:transparent;display:flex;flex-direction:column;gap:12px;overflow:visible}.accordion-container.accordion-boxed .accordion-item{border:1px solid rgba(255, 255, 255, 0.08);border-radius:20px;background:#252627;box-shadow:0 4px 20px rgba(0, 0, 0, 0.2);transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);margin-bottom:0;overflow:hidden}.accordion-container.accordion-boxed .accordion-item:hover:not(.accordion-item-disabled){box-shadow:0 8px 30px rgba(0, 0, 0, 0.3);transform:translateY(-2px);border-color:rgba(255, 255, 255, 0.15)}.accordion-container.accordion-boxed .accordion-item-open{border-color:rgba(235, 255, 0, 0.4);box-shadow:0 12px 40px rgba(0, 0, 0, 0.4)}.accordion-container.accordion-boxed .accordion-header{background:transparent;padding:20px 24px;color:#ffffff}.accordion-container.accordion-boxed .accordion-header::part(button){padding:20px 24px !important}.accordion-container.accordion-boxed .accordion-title{color:#ffffff;font-size:18px;font-weight:700}.accordion-container.accordion-boxed .accordion-subtitle{color:#a0a5ad}.accordion-container.accordion-boxed .accordion-arrow-wrapper{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background-color:#ebff00;color:#121314;box-shadow:0 0 10px rgba(235, 255, 0, 0.3);transition:all 0.3s ease;flex-shrink:0}.accordion-container.accordion-boxed .accordion-arrow-wrapper .accordion-arrow{color:#121314;opacity:1;font-weight:800;transition:transform 0.3s ease}.accordion-container.accordion-boxed .accordion-item:hover .accordion-arrow-wrapper{transform:scale(1.1);box-shadow:0 0 15px rgba(235, 255, 0, 0.6)}.accordion-container.accordion-boxed .accordion-content{background:#1e1f20;border-top:1px solid rgba(255, 255, 255, 0.05)}.accordion-container.accordion-boxed .accordion-content-inner{color:#e2e8f0;padding:20px 24px;font-size:15px;line-height:1.7}.accordion-container.accordion-minimal{border:none;background:transparent}.accordion-container.accordion-minimal .accordion-item{border-bottom:1px solid rgba(0, 0, 0, 0.06);background:transparent;border-radius:0;box-shadow:none;margin-bottom:0}.accordion-container.accordion-minimal .accordion-item:last-child{border-bottom:none}.accordion-container.accordion-minimal .accordion-header{padding:20px 0;background:transparent;color:#1e293b}.accordion-container.accordion-minimal .accordion-header:hover{color:var(--selected-header-color, #10b981)}.accordion-container.accordion-minimal .accordion-title{color:inherit;font-size:16px;font-weight:600;transition:color 0.2s ease}.accordion-container.accordion-minimal .accordion-subtitle{color:#64748b;margin-top:4px}.accordion-container.accordion-minimal .accordion-arrow{color:#64748b;opacity:0.7;font-size:14px}.accordion-container.accordion-minimal .accordion-item-open .accordion-header{background-color:transparent !important;color:var(--selected-header-color, #10b981)}.accordion-container.accordion-minimal .accordion-content{background:transparent}.accordion-container.accordion-minimal .accordion-content-inner{padding:0 0 20px 0;color:#475569;font-size:14px;line-height:1.6}.accordion-container.accordion-left-toggle{border:none;background:transparent;display:flex;flex-direction:column;gap:8px}.accordion-container.accordion-left-toggle .accordion-item{border-bottom:1px solid rgba(0, 0, 0, 0.06);background:transparent;border-radius:0;box-shadow:none;margin-bottom:0}.accordion-container.accordion-left-toggle .accordion-item:last-child{border-bottom:none}.accordion-container.accordion-left-toggle .accordion-header{padding:16px 0;background:transparent;color:#0f172a}.accordion-container.accordion-left-toggle .accordion-title{color:#0f172a;font-size:16px;font-weight:600}.accordion-container.accordion-left-toggle .accordion-subtitle{color:#64748b}.accordion-container.accordion-left-toggle .accordion-arrow-wrapper{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:#0f172a;color:#ffffff;transition:all 0.2s ease;margin-right:12px;flex-shrink:0;order:-1}.accordion-container.accordion-left-toggle .accordion-arrow-wrapper .accordion-arrow{color:#ffffff;opacity:1;font-size:11px}.accordion-container.accordion-left-toggle .accordion-item:hover .accordion-arrow-wrapper{background-color:var(--selected-header-color, #10b981);transform:scale(1.08)}.accordion-container.accordion-left-toggle .accordion-item-open .accordion-arrow-wrapper{background-color:#0f172a}.accordion-container.accordion-left-toggle .accordion-content{background:transparent}.accordion-container.accordion-left-toggle .accordion-content-inner{padding:8px 0 20px 40px;color:#475569;font-size:14px;line-height:1.6}.accordion-container.accordion-iconic{border:none;background:transparent;display:flex;flex-direction:column;gap:16px}.accordion-container.accordion-iconic .accordion-item{border:1px solid #f1f5f9;border-radius:16px;background:#ffffff;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);transition:all 0.25s ease;overflow:hidden}.accordion-container.accordion-iconic .accordion-item:hover:not(.accordion-item-disabled){box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.05);border-color:#e2e8f0}.accordion-container.accordion-iconic .accordion-header{padding:20px 24px;background:transparent}.accordion-container.accordion-iconic .accordion-title{font-size:16px;font-weight:700;color:#1e293b}.accordion-container.accordion-iconic .accordion-subtitle{color:#64748b;font-size:13px}.accordion-container.accordion-iconic .accordion-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;font-size:22px;margin-right:16px;flex-shrink:0;transition:transform 0.2s ease;background-color:rgba(99, 102, 241, 0.1);color:#6366f1}.accordion-container.accordion-iconic .accordion-item:hover .accordion-icon{transform:scale(1.05)}.accordion-container.accordion-iconic .accordion-arrow-wrapper{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:#f8fafc;border:1px solid #e2e8f0;color:#64748b;transition:all 0.2s ease;flex-shrink:0}.accordion-container.accordion-iconic .accordion-arrow-wrapper .accordion-arrow{color:#64748b;opacity:0.8;font-size:11px}.accordion-container.accordion-iconic .accordion-item:hover .accordion-arrow-wrapper{background-color:#6366f1;border-color:#6366f1;color:#ffffff}.accordion-container.accordion-iconic .accordion-item:hover .accordion-arrow-wrapper .accordion-arrow{color:#ffffff;opacity:1}.accordion-container.accordion-iconic .accordion-content{background:#f8fafc;border-top:1px solid #f1f5f9}.accordion-container.accordion-iconic .accordion-content-inner{padding:24px;color:#334155;font-size:14px;line-height:1.6}.accordion-container.accordion-iconic .accordion-item:nth-child(1) .accordion-icon{background-color:rgba(99, 102, 241, 0.1);color:#6366f1}.accordion-container.accordion-iconic .accordion-item:nth-child(2) .accordion-icon{background-color:rgba(239, 68, 68, 0.1);color:#ef4444}.accordion-container.accordion-iconic .accordion-item:nth-child(3) .accordion-icon{background-color:rgba(16, 185, 129, 0.1);color:#10b981}.accordion-container.accordion-iconic .accordion-item:nth-child(4) .accordion-icon{background-color:rgba(59, 130, 246, 0.1);color:#3b82f6}:host-context(.dark),:host-context([data-theme=dark]),:host(.dark),:host([data-theme=dark]){}:host-context(.dark) .accordion-container,:host-context([data-theme=dark]) .accordion-container,:host(.dark) .accordion-container,:host([data-theme=dark]) .accordion-container{background-color:var(--accordion-bg, #1e293b);border-color:var(--accordion-border-color, #334155)}:host-context(.dark),:host-context([data-theme=dark]),:host(.dark),:host([data-theme=dark]){}:host-context(.dark) .accordion-search,:host-context([data-theme=dark]) .accordion-search,:host(.dark) .accordion-search,:host([data-theme=dark]) .accordion-search{background-color:#0f172a;border-bottom-color:#334155}:host-context(.dark) .accordion-search-clear:hover,:host-context([data-theme=dark]) .accordion-search-clear:hover,:host(.dark) .accordion-search-clear:hover,:host([data-theme=dark]) .accordion-search-clear:hover{background-color:#334155;color:#f8fafc}:host-context(.dark),:host-context([data-theme=dark]),:host(.dark),:host([data-theme=dark]){}:host-context(.dark) .accordion-indicators,:host-context([data-theme=dark]) .accordion-indicators,:host(.dark) .accordion-indicators,:host([data-theme=dark]) .accordion-indicators{background-color:#0f172a;border-color:#334155}:host-context(.dark) .accordion-indicator,:host-context([data-theme=dark]) .accordion-indicator,:host(.dark) .accordion-indicator,:host([data-theme=dark]) .accordion-indicator{background-color:#1e293b;border-color:#475569;color:#94a3b8}:host-context(.dark) .accordion-indicator:hover:not(.accordion-indicator-disabled),:host-context([data-theme=dark]) .accordion-indicator:hover:not(.accordion-indicator-disabled),:host(.dark) .accordion-indicator:hover:not(.accordion-indicator-disabled),:host([data-theme=dark]) .accordion-indicator:hover:not(.accordion-indicator-disabled){background-color:rgba(16, 185, 129, 0.15)}:host-context(.dark) .accordion-indicator-active,:host-context([data-theme=dark]) .accordion-indicator-active,:host(.dark) .accordion-indicator-active,:host([data-theme=dark]) .accordion-indicator-active{background-color:rgba(16, 185, 129, 0.15)}:host-context(.dark),:host-context([data-theme=dark]),:host(.dark),:host([data-theme=dark]){}:host-context(.dark) .accordion-item,:host-context([data-theme=dark]) .accordion-item,:host(.dark) .accordion-item,:host([data-theme=dark]) .accordion-item{border-color:var(--accordion-border-color, #334155)}:host-context(.dark) .accordion-header,:host-context([data-theme=dark]) .accordion-header,:host(.dark) .accordion-header,:host([data-theme=dark]) .accordion-header{color:#f8fafc}:host-context(.dark) .accordion-item-open .accordion-header,:host-context([data-theme=dark]) .accordion-item-open .accordion-header,:host(.dark) .accordion-item-open .accordion-header,:host([data-theme=dark]) .accordion-item-open .accordion-header{background-color:rgba(16, 185, 129, 0.1)}:host-context(.dark) .accordion-header:active:not(.accordion-header-disabled),:host-context([data-theme=dark]) .accordion-header:active:not(.accordion-header-disabled),:host(.dark) .accordion-header:active:not(.accordion-header-disabled),:host([data-theme=dark]) .accordion-header:active:not(.accordion-header-disabled){background-color:#334155}:host-context(.dark),:host-context([data-theme=dark]),:host(.dark),:host([data-theme=dark]){}:host-context(.dark) .accordion-title,:host-context([data-theme=dark]) .accordion-title,:host(.dark) .accordion-title,:host([data-theme=dark]) .accordion-title{color:#f8fafc}:host-context(.dark) .accordion-subtitle,:host-context([data-theme=dark]) .accordion-subtitle,:host(.dark) .accordion-subtitle,:host([data-theme=dark]) .accordion-subtitle{color:#94a3b8}:host-context(.dark) .accordion-icon,:host-context([data-theme=dark]) .accordion-icon,:host(.dark) .accordion-icon,:host([data-theme=dark]) .accordion-icon{color:#94a3b8}:host-context(.dark),:host-context([data-theme=dark]),:host(.dark),:host([data-theme=dark]){}:host-context(.dark) .accordion-content,:host-context([data-theme=dark]) .accordion-content,:host(.dark) .accordion-content,:host([data-theme=dark]) .accordion-content{background-color:var(--accordion-content-bg, #0f172a)}:host-context(.dark) .accordion-content-inner,:host-context([data-theme=dark]) .accordion-content-inner,:host(.dark) .accordion-content-inner,:host([data-theme=dark]) .accordion-content-inner{color:#cbd5e1}:host-context(.dark),:host-context([data-theme=dark]),:host(.dark),:host([data-theme=dark]){}:host-context(.dark) .accordion-container.accordion-splitted .accordion-item,:host-context([data-theme=dark]) .accordion-container.accordion-splitted .accordion-item,:host(.dark) .accordion-container.accordion-splitted .accordion-item,:host([data-theme=dark]) .accordion-container.accordion-splitted .accordion-item{background:#1e293b;border-color:#334155;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}:host-context(.dark) .accordion-container.accordion-card-list .accordion-item,:host-context(.dark) .accordion-container.accordion-card .accordion-item,:host-context([data-theme=dark]) .accordion-container.accordion-card-list .accordion-item,:host-context([data-theme=dark]) .accordion-container.accordion-card .accordion-item,:host(.dark) .accordion-container.accordion-card-list .accordion-item,:host(.dark) .accordion-container.accordion-card .accordion-item,:host([data-theme=dark]) .accordion-container.accordion-card-list .accordion-item,:host([data-theme=dark]) .accordion-container.accordion-card .accordion-item{background:#1e293b;border-color:#334155}:host-context(.dark) .accordion-container.accordion-card-list .accordion-title,:host-context(.dark) .accordion-container.accordion-card .accordion-title,:host-context([data-theme=dark]) .accordion-container.accordion-card-list .accordion-title,:host-context([data-theme=dark]) .accordion-container.accordion-card .accordion-title,:host(.dark) .accordion-container.accordion-card-list .accordion-title,:host(.dark) .accordion-container.accordion-card .accordion-title,:host([data-theme=dark]) .accordion-container.accordion-card-list .accordion-title,:host([data-theme=dark]) .accordion-container.accordion-card .accordion-title{color:#f8fafc}:host-context(.dark) .accordion-container.accordion-card-list .accordion-subtitle,:host-context(.dark) .accordion-container.accordion-card .accordion-subtitle,:host-context([data-theme=dark]) .accordion-container.accordion-card-list .accordion-subtitle,:host-context([data-theme=dark]) .accordion-container.accordion-card .accordion-subtitle,:host(.dark) .accordion-container.accordion-card-list .accordion-subtitle,:host(.dark) .accordion-container.accordion-card .accordion-subtitle,:host([data-theme=dark]) .accordion-container.accordion-card-list .accordion-subtitle,:host([data-theme=dark]) .accordion-container.accordion-card .accordion-subtitle{color:#94a3b8}:host-context(.dark) .accordion-container.accordion-card-list .accordion-content,:host-context(.dark) .accordion-container.accordion-card .accordion-content,:host-context([data-theme=dark]) .accordion-container.accordion-card-list .accordion-content,:host-context([data-theme=dark]) .accordion-container.accordion-card .accordion-content,:host(.dark) .accordion-container.accordion-card-list .accordion-content,:host(.dark) .accordion-container.accordion-card .accordion-content,:host([data-theme=dark]) .accordion-container.accordion-card-list .accordion-content,:host([data-theme=dark]) .accordion-container.accordion-card .accordion-content{background:#0f172a;border-top-color:#334155}:host-context(.dark) .accordion-container.accordion-headline .accordion-header,:host-context([data-theme=dark]) .accordion-container.accordion-headline .accordion-header,:host(.dark) .accordion-container.accordion-headline .accordion-header,:host([data-theme=dark]) .accordion-container.accordion-headline .accordion-header{color:#f8fafc}:host-context(.dark) .accordion-container.accordion-headline .accordion-title,:host-context([data-theme=dark]) .accordion-container.accordion-headline .accordion-title,:host(.dark) .accordion-container.accordion-headline .accordion-title,:host([data-theme=dark]) .accordion-container.accordion-headline .accordion-title{color:#f8fafc !important}:host-context(.dark) .accordion-container.accordion-headline .accordion-subtitle,:host-context([data-theme=dark]) .accordion-container.accordion-headline .accordion-subtitle,:host(.dark) .accordion-container.accordion-headline .accordion-subtitle,:host([data-theme=dark]) .accordion-container.accordion-headline .accordion-subtitle{color:#94a3b8 !important}:host-context(.dark) .accordion-container.accordion-iconic .accordion-item,:host-context([data-theme=dark]) .accordion-container.accordion-iconic .accordion-item,:host(.dark) .accordion-container.accordion-iconic .accordion-item,:host([data-theme=dark]) .accordion-container.accordion-iconic .accordion-item{background:#1e293b;border-color:#334155}:host-context(.dark) .accordion-container.accordion-iconic .accordion-title,:host-context([data-theme=dark]) .accordion-container.accordion-iconic .accordion-title,:host(.dark) .accordion-container.accordion-iconic .accordion-title,:host([data-theme=dark]) .accordion-container.accordion-iconic .accordion-title{color:#f8fafc}:host-context(.dark) .accordion-container.accordion-iconic .accordion-subtitle,:host-context([data-theme=dark]) .accordion-container.accordion-iconic .accordion-subtitle,:host(.dark) .accordion-container.accordion-iconic .accordion-subtitle,:host([data-theme=dark]) .accordion-container.accordion-iconic .accordion-subtitle{color:#94a3b8}:host-context(.dark) .accordion-container.accordion-iconic .accordion-content,:host-context([data-theme=dark]) .accordion-container.accordion-iconic .accordion-content,:host(.dark) .accordion-container.accordion-iconic .accordion-content,:host([data-theme=dark]) .accordion-container.accordion-iconic .accordion-content{background:#0f172a;border-top-color:#334155}:host-context(.dark) .accordion-container.accordion-minimal .accordion-header,:host-context([data-theme=dark]) .accordion-container.accordion-minimal .accordion-header,:host(.dark) .accordion-container.accordion-minimal .accordion-header,:host([data-theme=dark]) .accordion-container.accordion-minimal .accordion-header{color:#f8fafc}:host-context(.dark) .accordion-container.accordion-minimal .accordion-title,:host-context([data-theme=dark]) .accordion-container.accordion-minimal .accordion-title,:host(.dark) .accordion-container.accordion-minimal .accordion-title,:host([data-theme=dark]) .accordion-container.accordion-minimal .accordion-title{color:#f8fafc}:host-context(.dark) .accordion-container.accordion-minimal .accordion-arrow-wrapper,:host-context([data-theme=dark]) .accordion-container.accordion-minimal .accordion-arrow-wrapper,:host(.dark) .accordion-container.accordion-minimal .accordion-arrow-wrapper,:host([data-theme=dark]) .accordion-container.accordion-minimal .accordion-arrow-wrapper{background-color:#334155;border-color:#475569}:host-context(.dark) .accordion-container.accordion-minimal .accordion-item-open .accordion-arrow-wrapper,:host-context([data-theme=dark]) .accordion-container.accordion-minimal .accordion-item-open .accordion-arrow-wrapper,:host(.dark) .accordion-container.accordion-minimal .accordion-item-open .accordion-arrow-wrapper,:host([data-theme=dark]) .accordion-container.accordion-minimal .accordion-item-open .accordion-arrow-wrapper{background-color:#1e293b}';const d=class{constructor(i){t(this,i),this.avatarError=o(this,"avatarError"),this.avatarClick=o(this,"avatarClick"),this.avatarUpload=o(this,"avatarUpload"),this.avatarLoad=o(this,"avatarLoad"),this.avatarMouseEnter=o(this,"avatarMouseEnter"),this.avatarMouseLeave=o(this,"avatarMouseLeave")}get el(){return i(this)}alt="";gap=4;icon="";iconLibrary="default";shape="circle";size="m";src="";srcSet="";imgDraggable=!0;crossOrigin="";bgColor="#52c41a";color="#ffffff";border="";tooltipText="";responsiveSize=void 0;status="";statusPosition="bottom-right";showStatus=!1;indicatorSize;badge="";badgePosition="top-right";badgeColor="#ff4d4f";editable=!1;acceptTypes="image/*";fallbackIcon="fas fa-user";loading=!1;lazy=!1;fit="cover";verified=!1;glass=!1;skeleton=!1;reflection=!1;segments=0;variant="default";clickable=!1;autoColor=!1;gradient=!1;gradientColors="";animation="none";ringColor="#3bf673";story=!1;storySeen=!1;activeSpeaker=!1;statusPulse=!1;threeD=!1;href="";content;name;maxInitials=2;group=!1;avatars=[];maxVisible=5;max=void 0;layout="stack";spacing=4;overlap=void 0;groupBorderColor="white";groupBorderWidth=2;enablePopover=!0;animated=!0;hasError=!1;scale=1;currentSize=40;showTooltip=!1;isHovered=!1;uploadedImage="";slottedAvatars=[];showPopoverGroup=!1;isRosterOpen=!1;isScaling=!1;textRef;avatarRef;avatarError;avatarClick;avatarUpload;avatarLoad;avatarMouseEnter;avatarMouseLeave;handleSrcChange(){this.hasError=!1,this.uploadedImage=""}handleLoadingChange(t){!t&&this.lazy&&this.src&&this.loadImage()}componentWillLoad(){this.group&&this.updateSlottedAvatars()}componentDidLoad(){this.group&&this.updateSlottedAvatars(),requestAnimationFrame((()=>this.setScale())),this.responsiveSize&&(this.updateResponsiveSize(),window.addEventListener("resize",this.updateResponsiveSize))}componentDidUpdate(){this.textRef&&this.avatarRef&&requestAnimationFrame((()=>this.setScale()))}updateSlottedAvatars(){const t=this.el.shadowRoot?.querySelector("slot"),o=t?t.assignedElements():Array.from(this.el.children);this.slottedAvatars=o.filter((t=>"ui-avatar"===t.tagName.toLowerCase()))}disconnectedCallback(){this.responsiveSize&&window.removeEventListener("resize",this.updateResponsiveSize)}updateResponsiveSize=()=>{if(!this.responsiveSize)return;const t=window.innerWidth;let o=this.size;t<576&&void 0!==this.responsiveSize.xs?o=this.responsiveSize.xs:t>=576&&t<768&&void 0!==this.responsiveSize.sm?o=this.responsiveSize.sm:t>=768&&t<992&&void 0!==this.responsiveSize.md?o=this.responsiveSize.md:t>=992&&t<1200&&void 0!==this.responsiveSize.lg?o=this.responsiveSize.lg:t>=1200&&void 0!==this.responsiveSize.xl&&(o=this.responsiveSize.xl),this.currentSize=o};setScale=()=>{if(this.isScaling||!this.textRef||!this.avatarRef)return;const t=this.textRef.offsetWidth,o=this.avatarRef.offsetWidth;if(0===t||0===o)return;const i=o-2*this.gap<t?(o-2*this.gap)/t:1;Math.abs(this.scale-i)>.01&&(this.isScaling=!0,this.scale=i,setTimeout((()=>{this.isScaling=!1}),100))};handleImgError=t=>{this.el.isConnected&&(this.hasError=!0,this.avatarError.emit(t))};handleImgLoad=t=>{this.el.isConnected&&this.avatarLoad.emit(t)};handleAvatarClick=t=>{if(this.clickable||this.editable){if(!this.el.isConnected)return;if(this.avatarClick.emit(t),this.editable){const t=this.el.shadowRoot?.querySelector('input[type="file"]');t&&t.click()}}};handleFileChange=t=>{const o=t.target,i=o.files?.[0];if(i){const t=new FileReader;t.onload=t=>{if(!this.el.isConnected)return;const o=t.target?.result;this.uploadedImage=o,this.hasError=!1,this.avatarUpload.emit({file:i,dataUrl:o})},t.readAsDataURL(i)}};handleMouseEnterAvatar=t=>{this.el.isConnected&&(this.isHovered=!0,this.avatarMouseEnter.emit(t),(this.tooltipText||this.alt)&&(this.showTooltip=!0))};handleMouseLeaveAvatar=t=>{this.el.isConnected&&(this.isHovered=!1,this.avatarMouseLeave.emit(t),this.showTooltip=!1)};getInitials(t){if(!t)return"";const o=t.trim().split(" ").filter((t=>!!t));return 0===o.length?"":1===o.length?o[0].substring(0,this.maxInitials).toUpperCase():(o[0].charAt(0)+o[o.length-1].charAt(0)).toUpperCase().substring(0,this.maxInitials)}generateColorFromText(t){let o=0;for(let i=0;i<t.length;i++)o=t.charCodeAt(i)+((o<<5)-o);const i=["#f56a00","#7265e6","#ffbf00","#00a2ae","#52c41a","#1890ff","#eb2f96","#fa8c16","#13c2c2","#722ed1","#fa541c","#2f54eb"];return i[Math.abs(o)%i.length]}getGradientColors(){if(this.gradientColors)try{const t=JSON.parse(this.gradientColors);if(Array.isArray(t)&&t.length>=2)return t}catch{const t=this.gradientColors.split(",").map((t=>t.trim()));if(t.length>=2)return t}return["#667eea","#764ba2"]}loadImage(){if(!this.src||!this.lazy)return;const t=new Image;t.src=this.src,t.onload=t=>this.handleImgLoad(t),t.onerror=t=>this.handleImgError(t)}getSizeInPixels(){const t=parseFloat(this.currentSize);if(!isNaN(t))return t;switch(this.currentSize){case"xs":return 24;case"s":case"sm":return 32;case"default":return 20;case"m":case"md":default:return 40;case"l":case"lg":return 48;case"xl":return 64}}renderImage(){const t=this.uploadedImage||this.src;if(this.hasError||!t)return null;const o="boolean"==typeof this.imgDraggable?this.imgDraggable:"true"===this.imgDraggable,i=this.getSizeInPixels();return r("img",{src:t,srcset:this.srcSet||void 0,alt:this.alt||this.name||"Avatar",width:i,height:i,draggable:o,crossorigin:this.crossOrigin||void 0,loading:this.lazy?"lazy":void 0,onError:this.handleImgError,onLoad:this.handleImgLoad,style:{objectFit:this.fit}})}renderIcon(){const t=this.icon||this.fallbackIcon;return t?r("ui-icon",{name:t,library:!this.icon&&this.fallbackIcon?"fontawesome":this.iconLibrary,size:"1.2em",class:"avatar-icon"}):null}renderText(){const t=this.content||this.getInitials(this.name||this.el.textContent?.trim()||"");return t?r("span",{ref:t=>this.textRef=t,class:"avatar-string",style:1!==this.scale?{transform:`scale(${this.scale}) translateX(-50%)`}:{transform:"translateX(-50%)"}},t):null}getAvatarSizeAlias(){let t=this.size;this.responsiveSize&&this.currentSize!==this.size&&(t=this.currentSize);const o=parseFloat(t);if(!isNaN(o))return`${o}px`;switch(t){case"lg":return"l";case"md":return"m";case"sm":return"s";default:return t}}getTooltipText(){return this.tooltipText?this.tooltipText:this.alt?this.alt:this.name||this.el.textContent?.trim()||""}getIndicatorSizeStyles(){if(null==this.indicatorSize||""===this.indicatorSize)return;const t="string"==typeof this.indicatorSize?this.indicatorSize.trim():this.indicatorSize;let o;return o="number"==typeof t||/^\d+(?:\.\d+)?$/.test(t)?`${t}px`:t,{"--avatar-status-size":o,"--avatar-status-border-width":`max(1px, calc(${o} * 0.2))`,"--avatar-status-offline-inset":`max(1px, calc(${o} * 0.2))`,"--avatar-status-busy-width":`calc(${o} * 0.6)`,"--avatar-status-busy-height":`max(1px, calc(${o} * 0.15))`}}renderStatusIndicator(){return this.showStatus&&this.status?r("span",{class:{"avatar-status":!0,[`avatar-status-${this.status}`]:!0,[`avatar-status-${this.statusPosition}`]:!0,"avatar-status-pulse":this.statusPulse},style:this.getIndicatorSizeStyles()}):null}renderBadge(){if(!this.badge)return null;const t=1===this.badge.toString().length;return r("span",{class:{"avatar-badge":!0,[`avatar-badge-${this.badgePosition}`]:!0,"avatar-badge-circle":t,"avatar-badge-pill":!t},style:{backgroundColor:this.badgeColor}},this.badge)}renderVerified(){return this.verified?r("span",{class:"avatar-verified"},r("ui-icon",{name:"check-circle",library:"fontawesome",size:"14px"})):null}renderLoading(){return this.loading||this.skeleton?this.skeleton?r("div",{class:"avatar-skeleton"},r("div",{class:"skeleton-shimmer"})):r("div",{class:"avatar-loading"},r("ui-icon",{name:"loader-2",library:"lucide",spin:!0,size:"18px"})):null}renderEditOverlay(){return this.editable?r("div",{class:"avatar-edit-overlay"},r("ui-icon",{name:"camera",library:"fontawesome",size:"16px"}),r("ui-input",{type:"file",accept:this.acceptTypes,onInputChange:this.handleFileChange,style:{display:"none"}})):null}getMaxCount(){const t=this.max||this.maxVisible;return"number"==typeof t?t:t&&"object"==typeof t&&"count"in t&&t.count||1/0}getMaxStyle(){return this.max&&"object"==typeof this.max&&"style"in this.max?this.max.style:{}}calculateOverlap(){if("grid"===this.layout)return this.spacing;if(null!==this.overlap)return-Math.abs(this.overlap);const t={xs:24,s:32,sm:32,default:20,m:40,md:40,l:40,lg:48,xl:64};let o=40;const i=parseFloat(this.size);return isNaN(i)?"string"==typeof this.size&&t[this.size]&&(o=t[this.size]):o=i,-.4*o}getAllAvatarData(){return this.avatars&&this.avatars.length>0?this.avatars:this.slottedAvatars.map((t=>{const o={content:t.textContent?.trim()||void 0,tooltipText:t.getAttribute("name")||t.textContent?.trim()||void 0};return Array.from(t.attributes).forEach((t=>{const i=t.name.replace(/-([a-z])/g,(t=>t[1].toUpperCase()));let r=t.value;"true"!==r&&""!==r||(r=!0),"false"===r&&(r=!1),o[i]=r})),o}))}renderExcessCount(t,o){const i=t-o;if(i<=0)return null;const e=this.getMaxStyle();return r("div",{class:"excess-avatar-container",onMouseEnter:()=>this.showPopoverGroup=this.enablePopover,onMouseLeave:()=>this.showPopoverGroup=!1,onClick:this.toggleRoster},r("div",{class:{"avatar-extra":!0,[`avatar-${this.getAvatarSizeAlias()}`]:!0,[`shape-${this.shape}`]:!0},style:{...e,backgroundColor:e.backgroundColor||"#f56a00"}},"+",i),this.showPopoverGroup&&this.enablePopover&&"stack"===this.layout&&this.renderPopoverGroup(o))}renderPopoverGroup(t){const o=this.getAllAvatarData().slice(t);return r("div",{class:"avatar-popover"},r("div",{class:"popover-content"},o.map(((t,o)=>r("div",{class:"popover-item",key:o},r("ui-avatar",{size:"xs",shape:this.shape,...t}),r("span",{class:"popover-text"},t.name||t.content||"User"))))))}toggleRoster=t=>{t.stopPropagation(),this.isRosterOpen=!this.isRosterOpen};closeRoster=()=>{this.isRosterOpen=!1};renderRoster(t){return this.isRosterOpen?r("div",{class:"avatar-roster-backdrop",onClick:this.closeRoster},r("div",{class:"avatar-roster-content",onClick:t=>t.stopPropagation()},r("div",{class:"roster-header"},r("h3",null,"Participants (",t.length,")"),r("ui-button",{variant:"ghost",onClick:this.closeRoster,ariaLabel:"Close",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"})),r("div",{class:"roster-list"},t.map(((t,o)=>r("div",{key:o,class:"roster-item"},r("ui-avatar",{...t,size:"s",shape:this.shape}),r("div",{class:"roster-info"},r("span",{class:"roster-name"},t.name||t.content||"Anonymous"),t.status&&r("span",{class:`roster-status status-${t.status}`},t.status)))))))):null}render(){if(this.group){const t=this.getAllAvatarData(),o=this.getMaxCount(),i="grid"===this.layout?t:t.slice(0,o),a=this.calculateOverlap(),n={"avatar-group":!0,[`layout-${this.layout}`]:!0,"avatar-group-animated":this.animated&&"stack"===this.layout,expanded:this.isHovered&&"stack"===this.layout},s={"--avatar-spacing":`${a}px`,"--avatar-border-color":this.groupBorderColor,"--avatar-border-width":`${this.groupBorderWidth}px`,"--avatar-size":"number"==typeof this.size?`${this.size}px`:this.size.toString()};return r(e,null,r("div",{class:n,style:s,onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1},r("div",{class:"avatar-list"},i.map(((o,i)=>r("ui-avatar",{...o,key:i,size:this.size,shape:this.shape,border:`${this.groupBorderWidth}px solid ${this.groupBorderColor}`,class:"group-avatar",style:{zIndex:("stack"===this.layout?t.length-i:1).toString()}}))),"stack"===this.layout&&this.renderExcessCount(t.length,o)),r("div",{style:{display:"none"}},r("slot",{onSlotchange:()=>this.updateSlottedAvatars()}))),this.renderRoster(t))}const t=!(!this.uploadedImage&&!this.src||this.hasError),o=this.content||this.name||this.el.textContent?.trim(),i=!t&&!!o,a=!(t||i||!this.icon&&!this.fallbackIcon),n=this.getAvatarSizeAlias(),s=!isNaN(parseFloat(this.size)),c={avatar:!0,[`avatar-${this.shape}`]:!0,[`avatar-${n}`]:!s,"avatar-image":t,"avatar-icon":a,"avatar-text":i,"avatar-clickable":this.clickable||this.editable||!!this.href,"avatar-loading":this.loading,"avatar-hovered":this.isHovered,[`avatar-animation-${this.animation}`]:"none"!==this.animation,"avatar-gradient":this.gradient,"avatar-glass":this.glass||"glass"===this.variant,"avatar-skeleton":this.skeleton,"avatar-reflection":this.reflection,"avatar-story":this.story,"avatar-story-seen":this.storySeen,"avatar-active-speaker":this.activeSpeaker,"avatar-3d":this.threeD},d={};if(s||this.responsiveSize){const t=`${this.getSizeInPixels()}px`;if(d.width=t,d.height=t,d.lineHeight=t,s){const t=parseFloat(this.size);d.fontSize=a?.6*t+"px":.45*t+"px"}}if(!t)if(this.gradient){const[t,o]=this.getGradientColors();d.background=`linear-gradient(135deg, ${t} 0%, ${o} 100%)`}else this.autoColor&&o?d.backgroundColor=this.generateColorFromText(o):this.bgColor&&(d.backgroundColor=this.bgColor);this.color&&!t&&(d.color=this.color),this.border&&(d.border=this.border),"ring"!==this.animation&&"glow"!==this.animation||(d["--ring-color"]=this.ringColor),this.segments>0&&(d["--story-segments"]=this.segments);const l=this.getTooltipText(),p=l.length>0,h={[`avatar-${this.shape}`]:!0};return"string"==typeof this.size&&(h[`avatar-${n}`]=!0),r(e,{class:h},r(this.href?"a":"div",{...this.href?{href:this.href,class:"avatar-link"}:{class:"avatar-container"}},r("div",{ref:t=>this.avatarRef=t,class:c,style:d,onMouseEnter:this.handleMouseEnterAvatar,onMouseLeave:this.handleMouseLeaveAvatar,onClick:this.handleAvatarClick,title:this.clickable||this.editable||this.href?void 0:l,role:this.clickable||this.editable||this.href?"button":void 0,tabindex:this.clickable||this.editable||this.href?0:void 0},this.loading&&this.renderLoading(),this.skeleton&&this.renderLoading(),!this.loading&&!this.skeleton&&(t?this.renderImage():a?this.renderIcon():i?this.renderText():null),(this.glass||"glass"===this.variant)&&r("div",{class:"glass-overlay"}),this.reflection&&r("div",{class:"reflection-overlay"}),this.renderEditOverlay()),this.renderStatusIndicator(),this.renderBadge(),this.renderVerified(),p&&this.showTooltip&&r("div",{class:"avatar-tooltip"},l)))}static get watchers(){return{src:[{handleSrcChange:0}],loading:[{handleLoadingChange:0}]}}};d.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:inline-flex;vertical-align:middle}:host *{box-sizing:border-box}:host{transition:all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.avatar-container,.avatar-link{position:relative;display:inline-block;text-decoration:none}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-secondary, #ccc);color:var(--text-standard, #ffffff);font-weight:600;overflow:visible;white-space:nowrap;text-align:center;vertical-align:middle;user-select:none;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);transition:all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.avatar.avatar-hovered{transform:translateY(-4px) scale(1.05);box-shadow:0 10px 20px rgba(0, 0, 0, 0.15)}.avatar.avatar-hovered.avatar-3d{transform:perspective(500px) rotateX(10deg) rotateY(10deg) translateY(-4px)}.avatar-circle{border-radius:50%}.avatar-square{border-radius:8px}.avatar-hexagon{clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);border-radius:0}.avatar-squircle{border-radius:35%}.avatar-circle img,.avatar-circle .avatar-string,.avatar-circle .avatar-icon,.avatar-hexagon img,.avatar-hexagon .avatar-string,.avatar-hexagon .avatar-icon,.avatar-squircle img,.avatar-squircle .avatar-string,.avatar-squircle .avatar-icon{border-radius:inherit;overflow:hidden}.avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:opacity 0.3s ease}.avatar-xs{width:24px;height:24px;line-height:24px;font-size:10px}.avatar-sm,.avatar-s{width:32px;height:32px;line-height:32px;font-size:12px}.avatar-default,.avatar-m{width:40px;height:40px;line-height:40px;font-size:16px}.avatar-lg,.avatar-l{width:48px;height:48px;line-height:48px;font-size:20px}.avatar-xl{width:64px;height:64px;line-height:64px;font-size:28px}.avatar-string{position:absolute;left:50%;transform:translateX(-50%);display:inline-block;white-space:nowrap}.avatar-icon{font-size:1.2em;display:flex;align-items:center;justify-content:center}.avatar-status{position:absolute;width:var(--avatar-status-size, 10px);height:var(--avatar-status-size, 10px);border-radius:50%;border:var(--avatar-status-border-width, 2px) solid var(--border-subtle, #fff);z-index:5;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.avatar-status.avatar-status-top-right{top:0;right:0}.avatar-status.avatar-status-top-left{top:0;left:0}.avatar-status.avatar-status-bottom-right{bottom:0;right:0}.avatar-status.avatar-status-bottom-left{bottom:0;left:0}.avatar-status.avatar-status-online{background-color:var(--color-success, #22c55e)}.avatar-status.avatar-status-offline{background-color:transparent;border-color:var(--color-primary, #94a3b8)}.avatar-status.avatar-status-offline::after{content:"";position:absolute;inset:var(--avatar-status-offline-inset, 2px);border-radius:50%;background:var(--bg-primary, #ffffff);z-index:-1}.avatar-status.avatar-status-away{background-color:var(--color-warning, #f59e0b);clip-path:polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%, 50% 50%);border:none}.avatar-status.avatar-status-busy,.avatar-status.avatar-status-dnd{background-color:var(--color-danger, #ef4444)}.avatar-status.avatar-status-busy::before,.avatar-status.avatar-status-dnd::before{content:"";position:absolute;top:50%;left:50%;width:var(--avatar-status-busy-width, 6px);height:var(--avatar-status-busy-height, 1.5px);background:var(--bg-primary, #ffffff);transform:translate(-50%, -50%)}.avatar-badge{position:absolute;min-width:18px;height:18px;line-height:18px;text-align:center;font-size:10px;font-weight:bold;color:var(--text-standard, #ffffff);border:2px solid var(--border-subtle, #fff);z-index:6;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.avatar-badge.avatar-badge-circle{border-radius:50%}.avatar-badge.avatar-badge-pill{padding:0 5px;border-radius:10px}.avatar-badge.avatar-badge-top-right{top:-4px;right:-4px}.avatar-badge.avatar-badge-top-left{top:-4px;left:-4px}.avatar-badge.avatar-badge-bottom-right{bottom:-4px;right:-4px}.avatar-badge.avatar-badge-bottom-left{bottom:-4px;left:-4px}.avatar-tooltip{position:absolute;bottom:110%;left:50%;transform:translateX(-50%);background:rgba(0, 0, 0, 0.85);color:var(--text-standard, #ffffff);padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:100;pointer-events:none;box-shadow:0 4px 10px rgba(0, 0, 0, 0.2)}.avatar-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:rgba(0, 0, 0, 0.85)}.avatar-skeleton{background:var(--bg-primary, #eee);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit}.avatar-skeleton .skeleton-shimmer{width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:shimmer 1.5s infinite}.avatar-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255, 255, 255, 0.8);display:flex;align-items:center;justify-content:center;z-index:4;border-radius:inherit}.avatar-edit-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);opacity:0;transition:0.2s;display:flex;align-items:center;justify-content:center;z-index:3;border-radius:inherit;color:var(--text-standard, #ffffff)}.avatar:hover .avatar-edit-overlay{opacity:1}.avatar-glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255, 255, 255, 0.1) !important;border:1px solid rgba(255, 255, 255, 0.2) !important}.avatar-reflection .reflection-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, transparent 50%);pointer-events:none}.avatar-verified{position:absolute;bottom:0;right:0;width:16px;height:16px;background:var(--color-primary, #1890ff);color:var(--text-standard, #ffffff);border-radius:50%;border:2px solid var(--border-subtle, #fff);display:flex;align-items:center;justify-content:center;font-size:10px;z-index:7}.avatar-story{padding:3px}.avatar-story::after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:inherit;border:2px solid transparent;background:linear-gradient(45deg, var(--color-danger, #f09433), var(--color-danger, #e6683c), var(--color-danger, #dc2743), var(--color-danger, #cc2366), var(--color-danger, #bc1888)) border-box;-webkit-mask:linear-gradient(var(--bg-primary, #fff) 0 0) padding-box, linear-gradient(var(--bg-primary, #fff) 0 0);mask:linear-gradient(var(--bg-primary, #fff) 0 0) padding-box, linear-gradient(var(--bg-primary, #fff) 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;z-index:1}.avatar-story.avatar-story-seen::after{background:var(--bg-secondary, #ccc) border-box}.avatar-story[style*="--story-segments"]::after{background:conic-gradient(from 0deg, var(--color-danger, #f09433) 0deg, var(--color-danger, #f09433) calc(360deg / var(--story-segments) - 2deg), transparent calc(360deg / var(--story-segments) - 2deg), transparent calc(360deg / var(--story-segments)));background-repeat:repeat;-webkit-mask:linear-gradient(var(--bg-primary, #fff) 0 0) padding-box, linear-gradient(var(--bg-primary, #fff) 0 0);mask:linear-gradient(var(--bg-primary, #fff) 0 0) padding-box, linear-gradient(var(--bg-primary, #fff) 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes avatarRing{0%{transform:scale(1);opacity:1}100%{transform:scale(1.3);opacity:0}}.avatar-animation-pulse{animation:pulse 2s infinite}.avatar-animation-ring::after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid var(--ring-color, var(--color-primary, #10b981));border-radius:inherit;animation:avatarRing 1.5s infinite}.avatar-animation-glow{box-shadow:0 0 15px var(--ring-color, var(--color-primary, #10b981));animation:avatarGlow 2s ease-in-out infinite alternate}@keyframes avatarGlow{from{box-shadow:0 0 8px var(--ring-color, var(--color-primary, #10b981))}to{box-shadow:0 0 20px var(--ring-color, var(--color-primary, #10b981))}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.avatar-clickable:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(0, 0, 0, 0.15)}.avatar-group{display:inline-flex;position:relative;align-items:center}.avatar-group.layout-stack .group-avatar{margin-right:var(--avatar-spacing, -16px);transition:all 0.5s cubic-bezier(0.25, 1, 0.5, 1);transform-origin:center bottom}.avatar-group.layout-stack .group-avatar:hover{z-index:100 !important;transform:scale(1.25) translateY(-10px);margin-right:8px !important;box-shadow:0 10px 25px rgba(0, 0, 0, 0.2);border-color:var(--border-subtle, #fff) !important}.avatar-group.layout-stack .group-avatar:hover~.group-avatar,.avatar-group.layout-stack .group-avatar:hover~.excess-avatar-container{transform:translateX(24px)}.avatar-group.layout-stack.avatar-group-animated:hover{padding-right:40px}.avatar-group.layout-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(var(--avatar-size) + 8px), 1fr));gap:8px;width:100%}.avatar-list{display:flex;flex-wrap:wrap;align-items:center}.layout-stack .avatar-list{flex-wrap:nowrap}.avatar-extra{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-danger, #f56a00);color:var(--text-standard, #ffffff);font-weight:600;border:var(--avatar-border-width, 2px) solid var(--avatar-border-color, #fff);cursor:pointer;z-index:1;transition:all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);font-size:0.8em}.avatar-extra:hover{transform:scale(1.1) translateY(-4px);z-index:100;box-shadow:0 8px 20px rgba(0, 0, 0, 0.15)}.avatar-extra.shape-circle{border-radius:50%}.avatar-extra.shape-square{border-radius:8px}.avatar-extra.shape-hexagon{clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);border-radius:0}.avatar-extra.shape-squircle{border-radius:35%}.excess-avatar-container{position:relative;display:inline-block}.avatar-popover{position:absolute;top:100%;right:0;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.2);padding:12px;z-index:1000;min-width:180px;margin-top:8px;animation:popoverFadeIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.avatar-popover::after{content:"";position:absolute;top:-12px;right:12px;border:6px solid transparent;border-bottom-color:var(--bg-primary, #ffffff)}.avatar-popover .popover-content{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.avatar-popover .popover-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;transition:background 0.2s;cursor:pointer}.avatar-popover .popover-item:hover{background:var(--bg-secondary, #f3f4f6)}.avatar-popover .popover-item ui-avatar{transition:none !important;transform:none !important;box-shadow:none !important}.avatar-popover .popover-text{font-size:14px;color:var(--text-secondary, #374151);font-weight:500}.avatar-roster-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(4px)}.avatar-roster-content{background:var(--bg-primary, #ffffff);width:90%;max-width:500px;max-height:80vh;border-radius:16px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.3);display:flex;flex-direction:column;overflow:hidden;animation:modalIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)}.roster-header{padding:20px;border-bottom:1px solid var(--border-subtle, #eee);display:flex;align-items:center;justify-content:space-between}.roster-header h3{margin:0;color:var(--text-primary, #1f2937)}.roster-header .close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:var(--color-primary, #9ca3af)}.roster-header .close-btn:hover{color:var(--bg-primary, #1f2937)}.roster-list{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.roster-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:12px;transition:background 0.2s}.roster-item:hover{background:var(--bg-primary, #f9fafb)}.roster-info{display:flex;flex-direction:column}.roster-name{font-weight:600;color:var(--text-primary, #111827)}.roster-status{font-size:11px;text-transform:capitalize;border-radius:4px;padding:1px 6px;width:fit-content}.status-online{color:var(--color-success-hover, #059669);background:var(--bg-primary, #ecfdf5)}@keyframes popoverFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{from{opacity:0;transform:scale(0.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}';const l=class{constructor(i){t(this,i),this.badgeClick=o(this,"badgeClick"),this.badgeClose=o(this,"badgeClose")}get hostElement(){return i(this)}value;max=99;color="danger";size="md";dot=!1;position="top-right";variant="standard";showZero=!1;animation="none";offsetX=0;offsetY=0;icon;iconPosition="left";iconLibrary="default";gradient;customColor;customTextColor;interactive=!1;closeable=!1;glow=!1;shape="default";inline=!1;rtl=!1;isVisible=!0;badgeClick;badgeClose;handleClick=t=>{this.interactive&&(t.stopPropagation(),this.badgeClick.emit())};handleClose=t=>{t.stopPropagation(),t.preventDefault(),this.isVisible=!1,this.badgeClose.emit()};getDisplayValue(){if(this.dot)return"";if(null==this.value)return"";const t="number"==typeof this.value?this.value:parseInt(this.value);return isNaN(t)?this.value.toString():0!==t||this.showZero?t>(this.max??99)?`${this.max??99}+`:t.toString():""}render(){if(!this.isVisible)return null;const t=this.getDisplayValue(),o=!!this.hostElement.querySelector('[slot="badge-content"]'),i=this.dot||""!==t||this.icon||o,a=t.toString(),n=["badge",`badge-${this.color}`,`badge-${this.size}`,`badge-${this.position}`,`badge-${this.variant}`,this.dot?"badge-dot":"",1!==a.length||this.icon||this.closeable?"badge-pill":"badge-single","none"!==this.animation?`badge-${this.animation}`:"",this.interactive?"badge-interactive":"",this.glow?"badge-glow":"",this.gradient?`badge-gradient-${this.gradient}`:"","default"!==this.shape?`badge-shape-${this.shape}`:"",this.inline?"badge-inline":"",this.closeable?"badge-closable":""].filter(Boolean).join(" "),s={};return this.offsetX&&(s["--badge-offset-x"]=`${this.offsetX}px`),this.offsetY&&(s["--badge-offset-y"]=`${this.offsetY}px`),this.customColor&&(s["background-color"]=this.customColor),this.customTextColor&&(s.color=this.customTextColor),r(e,{dir:this.rtl?"rtl":void 0},r("div",{class:"badge-wrapper"},r("slot",null),i&&r("span",{class:n,style:s,onClick:this.handleClick},this.icon&&"left"===this.iconPosition&&!this.dot&&r("span",{class:"badge-icon"},r("ui-icon",{name:this.icon,library:this.iconLibrary,size:"1.1em"})),r("slot",{name:"badge-content"},!this.dot&&t),this.icon&&"right"===this.iconPosition&&!this.dot&&r("span",{class:"badge-icon"},r("ui-icon",{name:this.icon,library:this.iconLibrary,size:"1.1em"})),this.closeable&&r("span",{class:"badge-close",onClick:this.handleClose,"aria-label":"Close badge",role:"button",tabindex:"0"},r("ui-icon",{name:"x",library:"lucide",size:"1em"})))))}};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}.badge-wrapper{position:relative;display:inline-block}.badge{position:absolute;display:flex;align-items:center;justify-content:center;width:fit-content;border-radius:9999px;font-weight:600;border:var(--badge-border, none)}.badge.badge-single:not(.badge-shape-square){border-radius:50%;padding:0 !important;min-width:var(--badge-height);aspect-ratio:1/1}.badge.badge-pill{white-space:nowrap;border-radius:9999px}.badge{font-family:inherit;line-height:1;z-index:1;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);transition:transform 0.2s ease, opacity 0.2s ease;pointer-events:none;}.badge-sm{--badge-height:16px;min-width:14px;height:16px;padding:0 3px;font-size:10px}.badge-md{--badge-height:20px;min-width:18px;height:20px;padding:0 4px;font-size:11px}.badge-lg{--badge-height:24px;min-width:22px;height:24px;padding:0 5px;font-size:13px}.badge-dot{min-width:8px !important;width:8px;height:8px;padding:0 !important;border-radius:50%}.badge-dot.badge-sm{width:6px;height:6px}.badge-dot.badge-lg{width:10px;height:10px}.badge-top-right{top:0;inset-inline-end:0;transform:translate(40%, -40%)}[dir=rtl] .badge-top-right{transform:translate(-40%, -40%)}.badge-top-left{top:0;inset-inline-start:0;transform:translate(-40%, -40%)}[dir=rtl] .badge-top-left{transform:translate(40%, -40%)}.badge-bottom-right{bottom:0;inset-inline-end:0;transform:translate(40%, 40%)}[dir=rtl] .badge-bottom-right{transform:translate(-40%, 40%)}.badge-bottom-left{bottom:0;inset-inline-start:0;transform:translate(-40%, 40%)}[dir=rtl] .badge-bottom-left{transform:translate(40%, 40%)}.badge-inline{position:static !important;transform:none !important;vertical-align:middle;flex-shrink:0}.badge-pulse::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;box-shadow:0 0 0 0 currentColor;animation:badge-pulse 1.5s infinite ease-in-out;opacity:1}@keyframes badge-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 currentColor;opacity:0.7}100%{transform:scale(2);box-shadow:0 0 0 10px transparent;opacity:0}}.badge-standard.badge-primary{background-color:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.badge-standard.badge-secondary{background-color:var(--text-muted, #6b7280);color:var(--text-standard, #ffffff)}.badge-standard.badge-success{background-color:var(--color-success, #10b981);color:var(--text-standard, #ffffff)}.badge-standard.badge-danger{background-color:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff)}.badge-standard.badge-warning{background-color:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff)}.badge-standard.badge-info{background-color:var(--color-info, #06b6d4);color:var(--text-standard, #ffffff)}.badge-outlined{background-color:transparent}.badge-outlined.badge-primary{color:var(--color-primary, #10b981);border:2px solid var(--color-primary, #10b981)}.badge-outlined.badge-secondary{color:var(--text-muted, #6b7280);border:2px solid var(--color-primary, #6b7280)}.badge-outlined.badge-success{color:var(--color-success, #10b981);border:2px solid var(--color-success, #10b981)}.badge-outlined.badge-danger{color:var(--color-danger, #ef4444);border:2px solid var(--color-danger, #ef4444)}.badge-outlined.badge-warning{color:var(--color-warning, #f59e0b);border:2px solid var(--color-warning, #f59e0b)}.badge-outlined.badge-info{color:var(--color-info, #06b6d4);border:2px solid var(--color-info, #06b6d4)}.badge-icon{display:inline-flex;align-items:center;justify-content:center;font-size:0.9em;margin:0 2px}.badge-interactive{pointer-events:auto;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease}.badge-interactive:hover{transform:scale(1.1);box-shadow:0 4px 8px rgba(0, 0, 0, 0.2)}.badge-interactive:active{transform:scale(0.95)}.badge.badge-closable{pointer-events:auto !important;width:auto !important;min-width:var(--badge-size, 20px) !important;padding-left:0.6em !important;padding-right:0.3em !important}.badge.badge-closable.badge-shape-circle{border-radius:9999px;}.badge-close{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:inherit;cursor:pointer;padding:2px;margin-left:4px;border-radius:50%;font-size:1em;opacity:0.7;transition:opacity 0.2s ease, transform 0.1s ease, background-color 0.2s ease;line-height:1;pointer-events:auto;position:relative;z-index:2}.badge-close:hover{opacity:1;transform:scale(1.1);background-color:rgba(0, 0, 0, 0.1)}.badge-bordered{background-color:transparent;border:2px solid currentColor}.badge-bordered.badge-primary{color:var(--color-primary, #10b981);border-color:var(--color-primary, #10b981)}.badge-bordered.badge-secondary{color:var(--text-muted, #6b7280);border-color:var(--color-primary, #6b7280)}.badge-bordered.badge-success{color:var(--color-success, #10b981);border-color:var(--color-success, #10b981)}.badge-bordered.badge-danger{color:var(--color-danger, #ef4444);border-color:var(--color-danger, #ef4444)}.badge-bordered.badge-warning{color:var(--color-warning, #f59e0b);border-color:var(--color-warning, #f59e0b)}.badge-bordered.badge-info{color:var(--color-info, #06b6d4);border-color:var(--color-info, #06b6d4)}.badge-soft.badge-primary{background-color:var(--color-primary-soft, #ecfdf5);color:var(--color-primary, #10b981)}.badge-soft.badge-secondary{background-color:var(--color-secondary-soft, #f3f4f6);color:var(--text-muted, #6b7280)}.badge-soft.badge-success{background-color:var(--color-success-soft, #ecfdf5);color:var(--color-success, #10b981)}.badge-soft.badge-danger{background-color:var(--color-danger-soft, #fef2f2);color:var(--color-danger, #ef4444)}.badge-soft.badge-warning{background-color:var(--color-warning-soft, #fffbeb);color:var(--color-warning, #f59e0b)}.badge-soft.badge-info{background-color:var(--color-info-soft, #ecfeff);color:var(--color-info, #06b6d4)}.badge-gradient-blue-purple{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-green-teal{background:linear-gradient(135deg, var(--color-success, #10b981) 0%, var(--color-info, #06b6d4) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-orange-red{background:linear-gradient(135deg, var(--color-warning, #f59e0b) 0%, var(--color-danger, #ef4444) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-pink-purple{background:linear-gradient(135deg, var(--color-danger, #ec4899) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-blue-green{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-success, #10b981) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-purple-pink{background:linear-gradient(135deg, var(--color-primary, #8b5cf6) 0%, var(--color-danger, #ec4899) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-teal-blue{background:linear-gradient(135deg, var(--color-info, #06b6d4) 0%, var(--color-primary, #10b981) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-yellow-orange{background:linear-gradient(135deg, var(--color-danger, #fbbf24) 0%, var(--color-warning, #f59e0b) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-red-pink{background:linear-gradient(135deg, var(--color-danger, #ef4444) 0%, var(--color-danger, #ec4899) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-indigo-purple{background:linear-gradient(135deg, var(--color-primary, #6366f1) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--text-standard, #ffffff);border:none}.badge-glow{box-shadow:0 0 10px currentColor, 0 0 20px currentColor;animation:badge-glow-pulse 2s ease-in-out infinite}@keyframes badge-glow-pulse{0%,100%{box-shadow:0 0 10px currentColor, 0 0 20px currentColor}50%{box-shadow:0 0 15px currentColor, 0 0 30px currentColor}}.badge-bounce{animation:badge-bounce 1s ease-in-out infinite}@keyframes badge-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.badge-shake{animation:badge-shake 0.5s ease-in-out infinite}@keyframes badge-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.badge-pulse{animation:badge-pulse-scale 1.5s ease-in-out infinite}.badge-pulse::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;box-shadow:0 0 0 0 currentColor;animation:badge-pulse-ring 1.5s infinite ease-in-out;opacity:1}@keyframes badge-pulse-scale{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes badge-pulse-ring{0%{transform:scale(1);box-shadow:0 0 0 0 currentColor;opacity:0.7}100%{transform:scale(2);box-shadow:0 0 0 10px transparent;opacity:0}}.badge:focus-visible{outline:2px solid var(--color-primary, #10b981);outline-offset:2px}@media (prefers-reduced-motion: reduce){.badge-bounce,.badge-shake,.badge-pulse,.badge-glow,.badge-interactive{animation:none}.badge-pulse::after{animation:none}}.badge-shape-circle{border-radius:50%;min-width:auto;width:var(--badge-size, 20px);height:var(--badge-size, 20px);padding:0 !important;display:flex;align-items:center;justify-content:center}.badge-shape-circle.badge-sm{--badge-size:16px;font-size:9px}.badge-shape-circle.badge-md{--badge-size:20px;font-size:11px}.badge-shape-circle.badge-lg{--badge-size:24px;font-size:13px}.badge-shape-square{border-radius:4px;min-width:auto;width:var(--badge-size, 20px);height:var(--badge-size, 20px);padding:0 !important;display:flex;align-items:center;justify-content:center}.badge-shape-square.badge-sm{--badge-size:16px;font-size:9px}.badge-shape-square.badge-md{--badge-size:20px;font-size:11px}.badge-shape-square.badge-lg{--badge-size:24px;font-size:13px}';const p=class{get el(){return i(this)}internals;nativeButton;async setFocus(){this.nativeButton?.focus()}constructor(i){t(this,i),this.buttonClick=o(this,"buttonClick"),this.internals=this.el.attachInternals()}imgSrc;imgAlt;type="button";avatarSrc;avatarAlt;avatarStatus="";value;label;subtitle;description;descriptionPosition="below";icon;iconLibrary="lucide";iconOnly=!1;iconPosition="left";align="center";justify="center";iconSize;iconColor="currentColor";variant="outline";color="none";size="md";disabled=!1;loading=!1;loadingPosition="left";fullWidth=!1;width;minWidth;shape="rounded";rounded=!0;pill=!1;circle=!1;href;target;rel;grow=!1;badge;counter;counterColor;counterCustomColor;counterCustomTextColor;badgeColor="danger";badgeCustomColor;badgeCustomTextColor;badgePosition="top-right";rtl=!1;selected=!1;elevation;reveal="none";revealDelay=0;noRipple=!1;ariaLabel;copyValue;progress;copied=!1;buttonClick;getBadgeColor(){const t=this.badgeColor;return t===this.color?"danger"===this.color?"warning":"danger":t}handleClick=t=>{if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();this.noRipple||this.createRipple(t),this.copyValue&&navigator.clipboard?.writeText(this.copyValue).then((()=>{this.copied=!0,setTimeout((()=>this.copied=!1),2e3)})),"submit"!==this.type||this.disabled?"reset"!==this.type||this.disabled||this.internals.form?.reset():this.internals.form?.requestSubmit(),this.buttonClick.emit(t)};createRipple(t){const o=t.currentTarget,i=o.querySelector(".btn-ripple-container");if(!i)return;const r=document.createElement("span"),e=Math.max(o.clientWidth,o.clientHeight),a=e/2,n=o.getBoundingClientRect();r.style.width=r.style.height=`${e}px`,r.style.left=t.clientX-n.left-a+"px",r.style.top=t.clientY-n.top-a+"px",r.classList.add("ripple");const s=i.getElementsByClassName("ripple")[0];s&&s.remove(),i.appendChild(r)}renderButtonContent(t,o,i){const e=this.el.getAttribute("title")||"",a=(this.label||e).trim(),n=(this.description||this.subtitle||"").trim(),s=!!a,c=!!n,d=s||c||!this.iconOnly;if(this.iconOnly)return this.loading?i:o||t||r("slot",null);const l=this.badge&&("inline-left"===this.badgePosition||this.rtl&&"inline-right"===this.badgePosition)?r("ui-badge",{class:"btn-badge-inline",value:this.badge.toString(),color:this.getBadgeColor(),"custom-color":this.badgeCustomColor,"custom-text-color":this.badgeCustomTextColor,size:"sm"}):null,p=this.badge&&("inline-right"===this.badgePosition||this.rtl&&"inline-left"===this.badgePosition)?r("ui-badge",{class:"btn-badge-inline",value:this.badge.toString(),color:this.getBadgeColor(),"custom-color":this.badgeCustomColor,"custom-text-color":this.badgeCustomTextColor,size:"sm"}):null,h=this.loading&&("left"===this.loadingPosition||"icon"===this.loadingPosition&&!t&&!o),b=this.loading&&"right"===this.loadingPosition,u=this.loading&&("center"===this.loadingPosition||"icon"===this.loadingPosition),f=o||t||u?r("div",{class:"btn-icon-block",part:"icon-block"},u?i:o||t):null,g={};this.counterCustomColor&&(g["background-color"]=this.counterCustomColor),this.counterCustomTextColor&&(g.color=this.counterCustomTextColor);const x=void 0!==this.counter&&""!==this.counter?r("span",{class:{"btn-counter-badge":!0,[`counter-${this.counterColor}`]:!!this.counterColor},style:g,part:"counter"},this.counter):null,m=d?r("div",{class:"btn-label-block",part:"label-block"},r("div",{class:"btn-title",part:"title"},this.copied?"✓ Copied!":s?a:r("slot",null),x),c&&r("div",{class:`btn-subtitle btn-subtitle-${this.descriptionPosition}`,part:"subtitle"},n)):null;return r("div",{class:{"btn-label-row":!0,[`icon-pos-${this.iconPosition}`]:!0}},l,h&&i,f,m,b&&i,p)}render(){const t=!!this.imgSrc,o=!!this.avatarSrc,i=!!this.icon&&!this.loading,e=this.href?"a":"button",s=n(this.size,"md"),c=this.loading?r("span",{class:`btn-spinner btn-spinner-${this.loadingPosition}`},r("ui-loader",{size:"xs",color:"currentColor"})):null,d=this.el.getAttribute("title")||"",l=this.ariaLabel||(this.label||d||this.el.textContent||"").trim(),p=a(l),h=this.href?{href:this.href,target:this.target,rel:this.rel,role:"button","aria-label":p}:{type:"image"===this.type?"button":this.type,disabled:this.disabled||this.loading,"aria-label":p},b=i?r("span",{class:"btn-icon",part:"icon","aria-hidden":"true"},r("ui-icon",{name:this.icon,library:this.iconLibrary,size:this.iconSize||s,color:this.iconColor||"currentColor"})):null,u=o?r("span",{class:"btn-avatar"},r("img",{src:this.avatarSrc,alt:this.avatarAlt||""}),this.avatarStatus&&r("span",{class:`status-dot status-${this.avatarStatus}`})):null,f={"--button-width":this.width?this.width:this.fullWidth?"100%":"auto","--button-min-width":this.minWidth?this.minWidth:"auto","animation-delay":"none"!==this.reveal&&this.revealDelay>0?`${this.revealDelay}ms`:void 0},g=["btn",`btn-${"string"==typeof this.variant?this.variant:"none"}`,this.color&&`btn-${this.color}`,`btn-${s}`,(this.disabled||this.loading)&&"btn-disabled",this.iconOnly&&!this.loading&&"btn-icon-only",this.loading&&"btn-loading",this.fullWidth&&"btn-full-width",this.grow&&"btn-grow",this.shape&&"default"!==this.shape?`btn-shape-${this.shape}`:this.circle?"btn-shape-circle":this.pill?"btn-shape-pill":o?"btn-shape-circle":"btn-shape-rounded",this.selected&&"btn-selected","top"===this.iconPosition||"bottom"===this.iconPosition?"btn-is-vertical":"",!!this.elevation&&`btn-elevation-${this.elevation}`,t&&"btn-type-image",o&&"btn-type-avatar",`btn-align-${this.align}`,`btn-justify-${this.justify}`,`icon-pos-${this.iconPosition}`,this.loading&&`btn-loading-${this.loadingPosition}`,this.rtl&&"btn-rtl","none"!==this.reveal&&`reveal-${this.reveal}`].filter(Boolean).join(" ");return r(e,{key:"1a633068acc34fcf0fa27d2035b26452c17446c1",...h,style:f,class:g,part:"button",dir:this.rtl?"rtl":"ltr",onClick:this.handleClick,ref:t=>this.nativeButton=t},!this.noRipple&&r("span",{key:"c39b6a3c884ddcb8b1123a92fd325a39b6749bdf",class:"btn-ripple-container"}),r("span",{key:"f7ef1d361081711c95019718ca64b7215b59f235",class:"btn-content"},t?r("fragment",null,this.loading&&c,r("img",{src:this.imgSrc,alt:this.imgAlt||"",class:"btn-image"})):this.renderButtonContent(b,u,c)),this.badge&&!this.badgePosition.startsWith("inline")&&r("ui-badge",{key:"63cf65ca304184c969dedd157730c116823d9ba9",class:`btn-badge is-absolute pos-${this.badgePosition}`,value:this.badge.toString(),color:this.getBadgeColor(),"custom-color":this.badgeCustomColor,"custom-text-color":this.badgeCustomTextColor,size:"sm"}),void 0!==this.progress&&r("span",{key:"e9ea36586c110dc064dc9b8676b83765d5ce281a",class:"btn-progress-fill",style:{width:`${Math.min(100,Math.max(0,this.progress))}%`}}))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}};p.style='@charset "UTF-8";.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}.btn-label-row{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;transition:all 0.2s ease}.btn-label-row.icon-pos-left{flex-direction:row}.btn-label-row.icon-pos-right{flex-direction:row-reverse}.btn-label-row.icon-pos-top{flex-direction:column}.btn-label-row.icon-pos-bottom{flex-direction:column-reverse}.btn-label-block{display:flex;flex-direction:column;justify-content:center;min-width:0;align-items:center;text-align:center}.icon-pos-left .btn-label-block{align-items:flex-start;text-align:left}.icon-pos-right .btn-label-block{align-items:flex-end;text-align:right}.icon-pos-top .btn-label-block,.icon-pos-bottom .btn-label-block,.icon-pos-none .btn-label-block{align-items:center;text-align:center}.btn-title{font-size:inherit;font-weight:600;line-height:1.2}.btn-subtitle{font-size:0.85em;font-weight:400;color:var(--btn-subtitle-color, var(--label-subtitle-color, var(--dd-muted, #62748a)));line-height:1.2;opacity:1;transition:color 0.2s ease;margin-top:2px}.btn-subtitle.btn-subtitle-above{margin-top:0;margin-bottom:2px}.btn-icon-block{display:flex;align-items:center;justify-content:center;flex-shrink:0}:host{display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;border-radius:var(--button-border-radius, 8px);}:host([shape=square]){border-radius:0}:host([shape=circle]),:host([circle]){border-radius:50%}:host([shape=pill]),:host([pill]){border-radius:9999px}:host(.is-full-width){display:block;width:100%}:host(.is-grow){flex:1;display:inline-flex}.btn{display:inline-flex;align-items:center;justify-content:center}.btn.btn-align-start{justify-content:flex-start;text-align:left}.btn.btn-align-start .btn-label-block{align-items:flex-start;text-align:left}.btn.btn-align-end{justify-content:flex-end;text-align:right}.btn.btn-align-end .btn-label-block{align-items:flex-end;text-align:right}.btn.btn-align-center{justify-content:center;text-align:center}.btn.btn-align-center .btn-label-block{align-items:center;text-align:center}.btn.btn-justify-start{justify-content:flex-start}.btn.btn-justify-end{justify-content:flex-end}.btn.btn-justify-center{justify-content:center}.btn.btn-justify-between{justify-content:space-between}.btn.btn-justify-around{justify-content:space-around}.btn .btn-content,.btn .btn-label-row{display:flex;flex:1;align-items:center;justify-content:inherit;min-width:0;width:100%;gap:8px}.btn .btn-content.is-vertical,.btn .btn-label-row.is-vertical{flex-direction:column;justify-content:center}.btn .btn-label-block{display:flex;flex-direction:column;min-width:0;flex:1;justify-content:center}.btn .btn-label-block .btn-title{display:flex;flex:1;width:100%;min-width:0;align-items:center;justify-content:inherit}.btn{position:relative;width:var(--button-width, auto);height:var(--ui-button-height, 40px);min-height:100%;padding:var(--button-padding, 0 20px);border:1px solid transparent;outline:none;cursor:pointer;user-select:none;text-decoration:none;font-family:inherit;font-weight:var(--button-font-weight, 600);font-size:var(--button-font-size, 14px);line-height:var(--button-line-height, normal);white-space:nowrap;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);overflow:visible;box-sizing:border-box;-webkit-tap-highlight-color:transparent;color:var(--text-primary, #000);box-shadow:0 2px 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.btn.btn-is-vertical{height:auto;min-height:var(--ui-button-height, 44px);padding:10px 16px}.btn.btn-is-vertical .btn-label-block{align-items:center;text-align:center}.btn.btn-type-image{background:transparent !important;border-color:transparent !important;box-shadow:none !important;padding:0 !important;width:auto;height:auto;min-width:0}.btn.btn-type-image .btn-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}@media (hover: hover){.btn:hover:not(.btn-disabled){box-shadow:0 4px 14px rgba(var(--color-primary-rgb, 59, 130, 246), 0.25);filter:brightness(1.08);transform:scale(1.01)}}.btn:active:not(.btn-disabled){transform:scale(0.97);box-shadow:0 1px 4px rgba(0, 0, 0, 0.12);filter:brightness(0.94);transition:transform 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.btn-selected{background:var(--btn-selected-bg, rgba(var(--color-primary-rgb, 59, 130, 246), 0.1));border-color:var(--btn-selected-border, var(--color-primary, #3b82f6));color:var(--btn-selected-color, var(--color-primary, #3b82f6));z-index:2}.btn-selected[style*="--hide-button-selection: 1"]{background-color:transparent !important;border-color:transparent !important;box-shadow:none !important}.btn-shortcut{font-size:0.8em;padding:1px 4px;background:rgba(0, 0, 0, 0.1);border-radius:4px;margin-inline-start:6px;font-family:monospace;opacity:0.7;letter-spacing:1px}.btn-primary .btn-shortcut{background:rgba(255, 255, 255, 0.2)}.btn-outline .btn-shortcut{background:rgba(0, 0, 0, 0.05)}.btn:focus-visible{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4)}.btn-primary{background:var(--color-primary, #10b981);box-shadow:0 2px 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.btn-secondary{background:var(--color-primary, #6b7280);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1)}.btn-success{background:var(--color-success, #10b981);box-shadow:0 2px 8px rgba(var(--color-success-rgb, 16, 185, 129), 0.2)}.btn-danger{background:var(--color-danger, #ef4444);box-shadow:0 2px 8px rgba(var(--color-danger-rgb, 239, 68, 68), 0.2)}.btn-warning{background:var(--color-warning, #f59e0b);box-shadow:0 2px 8px rgba(var(--color-warning-rgb, 245, 158, 11), 0.2)}.btn-info{background:var(--color-primary, #10b981);box-shadow:0 2px 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.btn-dark{background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff)}.btn-outline{background:transparent;border-color:var(--border-strong, #d1d5db);color:var(--btn-label-color, var(--label-color, var(--text-secondary, #374151)));box-shadow:none}.btn-outline:hover:not(.btn-disabled){border-color:var(--color-primary, #9ca3af);background:rgba(0, 0, 0, 0.02)}.btn-ghost{background:transparent;color:var(--btn-label-color, var(--label-color, var(--text-secondary, #374151)));box-shadow:none}.btn-ghost:hover:not(.btn-disabled){background:rgba(0, 0, 0, 0.05)}.btn-plain{background:transparent;border:none;box-shadow:none;color:inherit;padding:0;height:100%;min-width:0;width:100%;border-radius:inherit}.btn-plain:hover:not(.btn-disabled){transform:none;box-shadow:none;filter:none;background:transparent}.btn-plain:active:not(.btn-disabled){transform:none;filter:none}.btn-raised{background:var(--bg-primary, #ffffff);color:var(--btn-label-color, var(--label-color, var(--text-primary, #1f2937)));border:1px solid var(--border-default, #e5e7eb);border-bottom:3px solid var(--border-strong, #d1d5db);box-shadow:0 2px 4px rgba(0, 0, 0, 0.05)}.btn-raised:active:not(.btn-disabled){border-bottom-width:1px;transform:translateY(2px)}.btn-glass{background:rgba(255, 255, 255, 0.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255, 255, 255, 0.2);color:inherit;box-shadow:0 8px 32px rgba(0, 0, 0, 0.1)}.btn-glass:hover:not(.btn-disabled){background:rgba(255, 255, 255, 0.25)}.btn-soft{background:var(--btn-soft-bg, rgba(var(--color-primary-rgb, 59, 130, 246), 0.15));color:var(--label-color, var(--text-primary, #1e293b));border-color:transparent;box-shadow:none}.btn-soft:hover:not(.btn-disabled){background:var(--btn-soft-hover-bg, rgba(var(--color-primary-rgb, 59, 130, 246), 0.12));transform:translateY(-1px)}.btn-soft.btn-success{background:rgba(var(--color-success-rgb, 16, 185, 129), 0.1);color:var(--label-color, #10b981)}.btn-soft.btn-success:hover:not(.btn-disabled){background:rgba(var(--color-success-rgb, 16, 185, 129), 0.16)}.btn-soft.btn-danger{background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.1);color:var(--label-color, #ef4444)}.btn-soft.btn-danger:hover:not(.btn-disabled){background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.16)}.btn-soft.btn-warning{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1);color:var(--label-color, #f59e0b)}.btn-soft.btn-warning:hover:not(.btn-disabled){background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.16)}.btn-soft.btn-info{background:rgba(var(--color-info-rgb, 6, 182, 212), 0.1);color:var(--label-color, #06b6d4)}.btn-soft.btn-info:hover:not(.btn-disabled){background:rgba(var(--color-info-rgb, 6, 182, 212), 0.16)}.btn-accordion{background:transparent;color:var(--btn-label-color, var(--label-color, var(--text-secondary, #374151)));box-shadow:none;width:100%;--button-padding:16px 0px;--ui-button-height:auto;justify-content:space-between !important;border:none;font-size:16px;font-weight:500}.btn-accordion:hover:not(.btn-disabled){background:transparent;transform:none !important;box-shadow:none !important;filter:none !important}.btn-accordion:active:not(.btn-disabled){transform:none !important;background:transparent;box-shadow:none !important;filter:none !important}.btn-accordion:focus-visible,.btn-accordion:focus,.btn-accordion:active{outline:none !important;box-shadow:none !important;background:transparent !important}.btn-gradient{background:linear-gradient(135deg, var(--color-success, #3dcd58) 0%, var(--color-success, #00b894) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(var(--color-success-rgb, 61, 205, 88), 0.35)}.btn-gradient:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-success, #2ebd4a) 0%, var(--color-success, #00a381) 100%);box-shadow:0 6px 20px rgba(var(--color-success-rgb, 61, 205, 88), 0.5);transform:translateY(-1px)}.btn-gradient:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(var(--color-success-rgb, 61, 205, 88), 0.3);transform:translateY(0)}.btn-gradient-blue{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(var(--color-primary-rgb, 59, 130, 246), 0.35)}.btn-gradient-blue:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-primary-hover, #2563eb) 0%, var(--color-primary, #7c3aed) 100%);box-shadow:0 6px 20px rgba(var(--color-primary-rgb, 59, 130, 246), 0.5);transform:translateY(-1px)}.btn-gradient-blue:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3);transform:translateY(0)}.btn-gradient-purple{background:linear-gradient(135deg, var(--color-primary, #8b5cf6) 0%, var(--color-danger, #ec4899) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(139, 92, 246, 0.35)}.btn-gradient-purple:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-primary, #7c3aed) 0%, var(--color-danger, #db2777) 100%);box-shadow:0 6px 20px rgba(139, 92, 246, 0.5);transform:translateY(-1px)}.btn-gradient-purple:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(139, 92, 246, 0.3);transform:translateY(0)}.btn-gradient-orange{background:linear-gradient(135deg, var(--color-danger, #f97316) 0%, var(--color-danger, #ef4444) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(249, 115, 22, 0.35)}.btn-gradient-orange:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-danger, #ea6c0a) 0%, var(--color-danger-hover, #dc2626) 100%);box-shadow:0 6px 20px rgba(249, 115, 22, 0.5);transform:translateY(-1px)}.btn-gradient-orange:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(249, 115, 22, 0.3);transform:translateY(0)}.btn-gradient-ocean{background:linear-gradient(135deg, var(--color-primary, #0ea5e9) 0%, var(--color-info, #06b6d4) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(14, 165, 233, 0.35)}.btn-gradient-ocean:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-primary, #0284c7) 0%, var(--color-info-hover, #0891b2) 100%);box-shadow:0 6px 20px rgba(14, 165, 233, 0.5);transform:translateY(-1px)}.btn-gradient-ocean:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(14, 165, 233, 0.3);transform:translateY(0)}.btn-gradient-sunset{background:linear-gradient(135deg, var(--color-warning, #f59e0b) 0%, var(--color-danger, #f97316) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(var(--color-warning-rgb, 245, 158, 11), 0.35)}.btn-gradient-sunset:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-warning-hover, #d97706) 0%, var(--color-danger, #ea6c0a) 100%);box-shadow:0 6px 20px rgba(var(--color-warning-rgb, 245, 158, 11), 0.5);transform:translateY(-1px)}.btn-gradient-sunset:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(var(--color-warning-rgb, 245, 158, 11), 0.3);transform:translateY(0)}.btn-gradient-candy{background:linear-gradient(135deg, var(--color-danger, #ec4899) 0%, var(--color-danger, #ef4444) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(236, 72, 153, 0.35)}.btn-gradient-candy:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-danger, #db2777) 0%, var(--color-danger-hover, #dc2626) 100%);box-shadow:0 6px 20px rgba(236, 72, 153, 0.5);transform:translateY(-1px)}.btn-gradient-candy:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(236, 72, 153, 0.3);transform:translateY(0)}.btn-gradient-gold{background:linear-gradient(135deg, var(--color-danger, #fbbf24) 0%, var(--color-warning-hover, #d97706) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(251, 191, 36, 0.35);text-shadow:0 1px 2px rgba(0, 0, 0, 0.15)}.btn-gradient-gold:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-warning, #f59e0b) 0%, var(--color-danger, #b45309) 100%);box-shadow:0 6px 20px rgba(251, 191, 36, 0.5);transform:translateY(-1px)}.btn-gradient-gold:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(251, 191, 36, 0.3);transform:translateY(0)}.btn-xxxs{--ui-button-height:20px;font-size:10px;padding:0 6px}.btn-xxs{--ui-button-height:24px;font-size:11px;padding:0 8px}.btn-xs{--ui-button-height:28px;font-size:12px;padding:0 10px}.btn-sm{--ui-button-height:32px;font-size:13px;padding:0 12px}.btn-md{--ui-button-height:44px;font-size:14px;padding:0 18px}.btn-lg{--ui-button-height:52px;font-size:15px;padding:0 22px}.btn-xl{--ui-button-height:60px;font-size:16px;padding:0 28px}.btn-xxl{--ui-button-height:68px;font-size:18px;padding:0 36px}.btn-xxxl{--ui-button-height:84px;font-size:20px;padding:0 48px}.btn-shape-square,.btn-shape-sharp{border-radius:0}.btn-shape-rounded{border-radius:var(--button-border-radius, 8px)}.btn-shape-rounded-lg{border-radius:var(--button-border-radius, 12px)}.btn-shape-pill,.btn-shape-oval{border-radius:var(--button-border-radius, 9999px);padding-left:1.5rem !important;padding-right:1.5rem !important}.btn-icon-only{padding:0 !important;width:var(--ui-button-height, 40px) !important;min-width:var(--ui-button-height, 40px) !important;max-width:var(--ui-button-height, 40px) !important;flex:0 0 var(--ui-button-height, 40px) !important;aspect-ratio:1/1 !important;display:inline-flex;align-items:center;justify-content:center}.btn-icon-only .btn-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;gap:0}.btn-icon-only .btn-label-group{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;gap:0}.btn-icon-only .btn-icon{display:flex;align-items:center;justify-content:center;margin:0}.btn-icon-only .btn-label{margin:0;font-size:0.95em;font-weight:700;line-height:1;text-transform:uppercase;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.btn-shape-circle{border-radius:50% !important;aspect-ratio:1/1 !important;padding:0 !important;width:var(--ui-button-height, 40px) !important;min-width:var(--ui-button-height, 40px) !important;max-width:var(--ui-button-height, 40px) !important;display:inline-flex;align-items:center;justify-content:center}.btn-shape-chip{border-radius:100px;height:28px !important;font-size:11px;padding:0 12px}.btn-disabled{opacity:0.5;cursor:not-allowed;filter:grayscale(0.8);pointer-events:none}.btn-loading{cursor:wait}.btn-selected{background:var(--btn-selected-bg, rgba(var(--color-primary-rgb, 59, 130, 246), 0.12));color:var(--btn-selected-color, var(--color-primary, #2563eb));font-weight:700;outline:none;box-shadow:inset 0 0 0 1px rgba(var(--color-primary-rgb, 59, 130, 246), 0.25)}.btn-selected::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.15);pointer-events:none;z-index:-1}.btn-ghost.btn-selected{background:var(--btn-selected-bg, rgba(37, 99, 235, 0.1));color:var(--btn-selected-color, var(--text-standard))}.btn-ghost.btn-selected:hover:not(.btn-disabled){background:var(--btn-selected-hover-bg, rgba(37, 99, 235, 0.16))}.btn-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;max-width:100%;position:relative;z-index:1;flex:1 1 auto;overflow:hidden}.btn-icon-pos-left .btn-label-row{flex-direction:row}.btn-icon-pos-right .btn-label-row{flex-direction:row}.btn-icon-pos-top,.btn-icon-pos-bottom{height:auto;min-height:var(--ui-button-height);padding-top:10px !important;padding-bottom:10px !important}.btn-icon-pos-top .btn-label-row,.btn-icon-pos-bottom .btn-label-row{gap:4px !important;align-items:center !important;justify-content:center !important}.btn-icon-pos-top .btn-title-block,.btn-icon-pos-bottom .btn-title-block{align-items:center !important;text-align:center !important}.btn-icon-pos-top .btn-label-row{flex-direction:column}.btn-icon-pos-bottom .btn-label-row{flex-direction:column}.btn-label-group{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden}.btn-label-group.is-column{flex-direction:column;gap:4px}.btn-counter{margin-inline-start:8px;vertical-align:middle;flex-shrink:0}.btn-icon,.btn-spinner{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-label{display:inline-flex;align-items:center;gap:inherit;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:normal}.btn-img{height:1.5em;width:auto;margin:0 4px;object-fit:contain;flex-shrink:0}.btn-avatar{position:relative;flex-shrink:0;border-radius:50%;overflow:visible;display:flex;align-items:center;justify-content:center;width:calc(var(--ui-button-height) * 0.65);height:calc(var(--ui-button-height) * 0.65);background:rgba(0, 0, 0, 0.05);margin-right:8px}.btn-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.btn-avatar .status-dot{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--bg-primary, #ffffff);z-index:1}.btn-avatar .status-dot.status-online{background-color:var(--color-success, #10b981)}.btn-avatar .status-dot.status-offline{background-color:var(--text-muted, #6b7280)}.btn-avatar .status-dot.status-busy{background-color:var(--color-danger, #ef4444)}.btn-avatar .status-dot.status-away{background-color:var(--color-warning, #f59e0b)}.btn-icon-only .btn-avatar,.btn-shape-circle .btn-avatar{margin-inline-end:0;width:100%;height:100%;border-radius:inherit}.btn-icon-only .btn-avatar img,.btn-shape-circle .btn-avatar img{border-radius:inherit}.btn-has-bg{background-size:cover;background-position:center;position:relative}.btn-has-bg::before{content:"";position:absolute;inset:0;background:rgba(0, 0, 0, 0.3);transition:opacity 0.2s}.btn-has-bg:hover::before{background:rgba(0, 0, 0, 0.4)}.elevation-0{box-shadow:none}.elevation-1{box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.elevation-2{box-shadow:0 4px 8px rgba(0, 0, 0, 0.12)}.elevation-3{box-shadow:0 8px 16px rgba(0, 0, 0, 0.15)}.elevation-4{box-shadow:0 12px 24px rgba(0, 0, 0, 0.18)}.elevation-5{box-shadow:0 20px 40px rgba(0, 0, 0, 0.2)}ui-badge.is-inline{margin:0px}ui-badge.is-absolute{position:absolute;z-index:10;pointer-events:none;width:0;height:0;--badge-border:2px solid var(--btn-badge-border, var(--bg-primary, #ffffff))}.pos-top-right{top:-1rem;inset-inline-end:0}.pos-top-left{top:-1rem;inset-inline-start:0}.pos-bottom-right{bottom:1rem;inset-inline-end:0}.pos-bottom-left{bottom:1rem;inset-inline-start:0}.btn-ripple-container{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.ripple{position:absolute;border-radius:50%;background:rgba(255, 255, 255, 0.3);transform:scale(0);animation:ripple-anim 0.6s linear}@keyframes ripple-anim{to{transform:scale(4);opacity:0}}.btn-soft{box-shadow:none;border:none}.btn-soft.btn-primary,.btn-soft.btn-success,.btn-soft.btn-danger,.btn-soft.btn-warning,.btn-soft.btn-info{color:var(--label-color)}.btn-soft.btn-secondary{color:var(--label-subtitle-color)}.btn-soft:hover:not(.btn-disabled){background:currentColor;color:var(--text-standard, #ffffff);filter:none}.btn-active{transform:translateY(1px);filter:brightness(0.9) !important;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.1) !important}.btn-skeleton{pointer-events:none;background:var(--bg-secondary, #f1f5f9) !important;border:none !important;color:transparent !important;box-shadow:none !important;position:relative;overflow:hidden}.btn-skeleton *{opacity:0 !important}.btn-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);animation:btn-shimmer 1.5s infinite}@keyframes btn-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.btn-gradient-sunset{background:linear-gradient(135deg, var(--color-primary, #f093fb) 0%, var(--color-danger, #f5576c) 100%);color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-gradient-ocean{background:linear-gradient(135deg, var(--color-primary, #4facfe) 0%, var(--color-primary, #00f2fe) 100%);color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-gradient-midnight{background:linear-gradient(135deg, var(--bg-primary, #232526) 0%, var(--bg-secondary, #414345) 100%);color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-gradient-forest{background:linear-gradient(135deg, var(--color-primary, #11998e) 0%, var(--color-success, #38ef7d) 100%);color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-gradient-blaze{background:linear-gradient(135deg, var(--color-danger, #ff512f) 0%, var(--color-danger, #dd2476) 100%);color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-dropdown-icon{margin-inline-start:4px;display:flex;align-items:center;opacity:0.8;transition:transform 0.2s}.btn:hover .btn-dropdown-icon{transform:translateY(1px)}.btn-magnetic,.btn-tilt{transition:transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);will-change:transform;transform-style:preserve-3d}.btn-glow{position:relative}.btn-glow::before{content:"";position:absolute;inset:-2px;background:currentColor;border-radius:inherit;filter:blur(8px);opacity:0.4;z-index:-1;animation:btn-glow-pulse 2s ease-in-out infinite}@keyframes btn-glow-pulse{0%,100%{opacity:0.3;transform:scale(1)}50%{opacity:0.6;transform:scale(1.05)}}.confetti-particle{position:absolute;top:50%;left:50%;width:8px;height:8px;background-color:var(--particle-color);border-radius:2px;pointer-events:none;z-index:10;animation:confetti-burst 0.8s ease-out forwards}@keyframes confetti-burst{0%{transform:translate(-50%, -50%) rotate(0deg) scale(1);opacity:1}100%{transform:translate(calc(cos(var(--particle-angle)) * 100px * var(--particle-velocity)), calc(sin(var(--particle-angle)) * 100px * var(--particle-velocity))) rotate(720deg) scale(0);opacity:0}}.btn-primary.btn-glow{color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-primary.btn-glow::before{background:var(--ui-primary, var(--color-success, #3dcd58))}.btn-success.btn-glow{color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-success.btn-glow::before{background:var(--ui-success, var(--color-success, #10b981))}.btn-danger.btn-glow{color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-danger.btn-glow::before{background:var(--ui-danger, var(--color-danger, #ef4444))}.btn-warning.btn-glow{color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-warning.btn-glow::before{background:var(--ui-warning, var(--color-warning, #f59e0b))}.btn-info.btn-glow{color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-info.btn-glow::before{background:var(--ui-info, var(--color-info-hover, #0891b2))}.btn-glossy{position:relative;overflow:hidden}.btn-glossy::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent);transform:skewX(-25deg);animation:glossy-sweep 4s infinite ease-in-out}@keyframes glossy-sweep{0%{left:-100%}30%{left:150%}100%{left:150%}}.btn-icon{display:inline-flex;transition:transform 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.btn-icon ui-icon{transition:opacity 0.2s, transform 0.2s}.btn:hover .btn-icon ui-icon{transform:scale(1.1)}.btn-hold-track{position:absolute;top:0;left:0;height:100%;background:rgba(0, 0, 0, 0.15);pointer-events:none;z-index:0;transition:width 0.05s linear}.btn-has-theme{--btn-theme-bg:var(--btn-theme-color, var(--color-primary, #10b981));--btn-theme-text:var(--text-standard, #ffffff);background:var(--btn-theme-bg);color:var(--btn-theme-text);border:none}.btn-has-theme:hover:not(.btn-disabled){background:color-mix(in srgb, var(--btn-theme-bg), #000 10%);box-shadow:0 4px 12px color-mix(in srgb, var(--btn-theme-bg), transparent 70%)}.btn-has-theme.btn-outline{background:transparent;color:var(--btn-theme-bg);border:1px solid var(--btn-theme-bg)}.btn-has-theme.btn-outline:hover:not(.btn-disabled){background:var(--btn-theme-bg);color:var(--text-standard, #ffffff)}.btn-has-theme.btn-soft{color:var(--btn-theme-bg)}.btn-has-theme.btn-soft:hover:not(.btn-disabled){background:var(--btn-theme-bg);color:var(--text-standard, #ffffff)}.btn-progress-track{position:absolute;top:0;left:0;height:100%;background:color-mix(in srgb, currentColor, transparent 80%);z-index:1;pointer-events:none;transition:width 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.btn-primary .btn-progress-track{background:rgba(0, 0, 0, 0.2)}.btn-outline .btn-progress-track{background:color-mix(in srgb, currentColor, transparent 85%)}.btn-accordion{background:transparent;border:none;padding:0;height:auto;min-height:48px;width:100%;border-radius:0;box-shadow:none;color:inherit;--button-width:100%}.btn-accordion .btn-content,.btn-accordion .btn-label-row{padding:0 20px;justify-content:space-between}.btn-accordion .btn-label-block,.btn-accordion .btn-title{align-items:stretch;text-align:left;width:100%;display:flex;flex-direction:column}.btn-accordion:hover:not(.btn-disabled){background:rgba(0, 0, 0, 0.02);transform:none;box-shadow:none;filter:none}.btn-accordion:active:not(.btn-disabled){background:rgba(0, 0, 0, 0.05);transform:none}.btn-shaking{animation:btn-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}@keyframes btn-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)}}.btn-rainbow.btn-glow::before{animation:btn-rainbow-glow 4s linear infinite;opacity:0.6}@keyframes btn-rainbow-glow{0%{background:var(--color-danger, #ff0000);filter:hue-rotate(0deg) blur(10px)}100%{background:var(--color-danger, #ff0000);filter:hue-rotate(360deg) blur(10px)}}.btn-liquid-progress{overflow:hidden}.btn-liquid-progress::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:rgba(255, 255, 255, 0.2);border-radius:38%;animation:btn-liquid-wave 3s linear infinite}@keyframes btn-liquid-wave{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.btn-split{padding-right:0 !important}.btn-split .btn-dropdown-icon{height:100%;padding:0 12px;margin-inline-start:8px;border-inline-start:1px solid rgba(255, 255, 255, 0.2);display:flex;align-items:center;transition:background 0.2s}.btn-split .btn-dropdown-icon:hover{background:rgba(0, 0, 0, 0.1)}.btn-confirm-pop{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);padding:12px 16px;border-radius:12px;font-size:13px;display:flex;align-items:center;gap:12px;white-space:nowrap;box-shadow:0 10px 25px rgba(0, 0, 0, 0.2);z-index:100;animation:pop-in 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.btn-confirm-pop::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--border-strong, #1f2937)}.btn-confirm-pop .pop-actions{display:flex;gap:6px}.btn-confirm-pop .pop-actions button{width:24px;height:24px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;transition:transform 0.1s}.btn-confirm-pop .pop-actions button:active{transform:scale(0.9)}.btn-confirm-pop .pop-actions .pop-btn-no{background:var(--text-secondary, #374151);color:var(--bg-primary, #ffffff)}.btn-confirm-pop .pop-actions .pop-btn-yes{background:var(--color-success, #10b981);color:var(--bg-primary, #ffffff)}@keyframes pop-in{from{opacity:0;transform:translateX(-50%) translateY(10px) scale(0.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.btn-reveal-fade-in{animation:btn-fade-in 0.6s ease-out forwards}.btn-reveal-slide-up{animation:btn-slide-up 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards}.btn-reveal-zoom{animation:btn-zoom-in 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes btn-fade-in{from{opacity:0}to{opacity:1}}@keyframes btn-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes btn-zoom-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.btn-tooltip-pop{position:absolute;top:-10px;left:50%;transform:translateX(-50%) translateY(-100%);background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);padding:4px 10px;border-radius:6px;font-size:11px;white-space:nowrap;pointer-events:none;z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);animation:tooltip-in 0.2s ease-out}.btn-tooltip-pop::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:var(--border-strong, #1f2937)}@keyframes tooltip-in{from{opacity:0;transform:translateX(-50%) translateY(-90%) scale(0.95)}to{opacity:1;transform:translateX(-50%) translateY(-100%) scale(1)}}.btn-animate-gradient{background-size:240% 240% !important;animation:bg-living-gradient 6s ease infinite !important}@keyframes bg-living-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.btn-pulse{position:relative}.btn-pulse::before{content:"";position:absolute;inset:-6px;background:inherit;border-radius:inherit;opacity:0.4;z-index:-1;animation:btn-energy-pulse 2s cubic-bezier(0.24, 0, 0.38, 1) infinite}@keyframes btn-energy-pulse{0%{transform:scale(1);opacity:0.4;filter:blur(2px)}100%{transform:scale(1.3);opacity:0;filter:blur(8px)}}.btn-group-start{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;border-right:0.5px solid rgba(0, 0, 0, 0.1) !important}.btn-group-middle{border-radius:0 !important;border-right:0.5px solid rgba(0, 0, 0, 0.1) !important}.btn-group-end{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.btn-is-slider{background:rgba(0, 0, 0, 0.05) !important;border:1px solid rgba(0, 0, 0, 0.1) !important;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05) !important;color:var(--text-muted, #64748b) !important;cursor:default !important;overflow:hidden;position:relative}.btn-is-slider:hover{transform:none !important}.btn-is-slider .btn-slider-handle{position:absolute;top:4px;height:calc(100% - 8px);width:52px;background:var(--bg-primary, #ffffff);border-radius:inherit;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);cursor:grab;z-index:10;transition:left 0.05s linear;color:var(--ui-primary, var(--color-success, #3dcd58))}.btn-is-slider .btn-slider-handle:active{cursor:grabbing}.btn-is-slider.btn-primary .btn-slider-handle{color:var(--ui-primary, var(--color-success, #3dcd58))}.btn-is-slider.btn-danger .btn-slider-handle{color:var(--ui-danger, var(--color-danger, #ef4444))}.btn-is-slider.btn-success .btn-slider-handle{color:var(--ui-success, var(--color-success, #10b981))}.btn-icon-hover-rotate:hover:not(.btn-disabled) .btn-icon{transform:rotate(15deg);transition:transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.btn-follow-glow::before{content:"";position:absolute;inset:0;background:radial-gradient(circle 80px at var(--glow-x, 0) var(--glow-y, 0), rgba(255, 255, 255, 0.15), transparent);opacity:0;transition:opacity 0.3s;pointer-events:none;z-index:1}.btn-follow-glow:hover::before{opacity:1}.btn-spinning .btn-icon{animation:btn-icon-spin 0.6s cubic-bezier(0.34, 1.56, 0.64, 1)}@keyframes btn-icon-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.btn-shatter{position:absolute;background:rgba(0, 0, 0, 0.6);pointer-events:none;z-index:100;animation:btn-shatter-explode 0.8s cubic-bezier(0.1, 0.8, 0.3, 1) forwards}@keyframes btn-shatter-explode{0%{transform:translate(0, 0) rotate(0);opacity:1}100%{transform:translate(var(--vx), var(--vy)) rotate(var(--vr));opacity:0}}.btn-spinner.is-ring{width:24px;height:24px}.btn-spinner.is-ring .progress-ring{transform:rotate(-90deg);width:100%;height:100%}.btn-spinner.is-ring .progress-ring circle{stroke-linecap:round}.btn-spinner.is-ring .progress-ring .ring-bg{stroke:rgba(255, 255, 255, 0.1)}.btn-spinner.is-ring .progress-ring .ring-fg{stroke:currentColor;transition:stroke-dasharray 0.3s ease}.btn-primary .ring-bg{stroke:rgba(0, 0, 0, 0.1)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ui-surface), 0 0 0 4px var(--ui-primary, var(--color-success, #3dcd58)) !important;z-index:100}.btn:active:not(.btn-disabled),.btn-active:not(.btn-disabled){transform:translateY(1px) scale(0.96);box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) !important;filter:brightness(0.95)}.btn-raised:active:not(.btn-disabled){box-shadow:0 2px 4px rgba(0, 0, 0, 0.15) !important}@media (max-width: 640px){.btn-hide-mobile{padding:0 !important;width:var(--ui-button-height) !important;min-width:var(--ui-button-height) !important}.btn-hide-mobile .btn-label,.btn-hide-mobile .btn-label-group,.btn-hide-mobile .btn-dropdown-icon{display:none !important}.btn-hide-mobile .btn-icon{margin:0 !important}}.btn-progress-fill{position:absolute;left:0;top:0;bottom:0;background:rgba(255, 255, 255, 0.2);border-radius:inherit;pointer-events:none;transition:width 0.4s ease;z-index:0}.btn-image{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.btn-counter-badge{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;height:18px;min-width:18px;padding:0 6px;border-radius:999px;background:var(--btn-counter-bg, rgba(0, 0, 0, 0.08));color:var(--btn-counter-color, inherit);margin-inline-start:8px;line-height:1;flex-shrink:0;box-sizing:border-box;text-shadow:none}.btn-primary .btn-counter-badge,.btn-success .btn-counter-badge,.btn-danger .btn-counter-badge,.btn-warning .btn-counter-badge,.btn-info .btn-counter-badge,.btn-dark .btn-counter-badge{background:var(--btn-counter-bg, rgba(255, 255, 255, 0.25));color:var(--btn-counter-color, #ffffff)}.btn-secondary .btn-counter-badge{background:var(--btn-counter-bg, rgba(0, 0, 0, 0.12));color:var(--btn-counter-color, inherit)}.btn-outline .btn-counter-badge,.btn-ghost .btn-counter-badge{background:var(--btn-counter-bg, rgba(0, 0, 0, 0.08));color:var(--btn-counter-color, var(--btn-label-color, var(--label-color, var(--text-secondary, #374151))))}.btn-soft .btn-counter-badge{background:var(--btn-counter-bg, rgba(0, 0, 0, 0.06));color:var(--btn-counter-color, inherit)}.btn-soft.btn-primary .btn-counter-badge{background:var(--btn-counter-bg, rgba(59, 130, 246, 0.15));color:var(--btn-counter-color, var(--color-primary, #3b82f6))}.btn-soft.btn-success .btn-counter-badge{background:var(--btn-counter-bg, rgba(16, 185, 129, 0.15));color:var(--btn-counter-color, var(--color-success, #10b981))}.btn-soft.btn-danger .btn-counter-badge{background:var(--btn-counter-bg, rgba(239, 68, 68, 0.15));color:var(--btn-counter-color, var(--color-danger, #ef4444))}.btn-soft.btn-warning .btn-counter-badge{background:var(--btn-counter-bg, rgba(245, 158, 11, 0.15));color:var(--btn-counter-color, var(--color-warning, #f59e0b))}.btn-soft.btn-info .btn-counter-badge{background:var(--btn-counter-bg, rgba(6, 182, 212, 0.15));color:var(--btn-counter-color, var(--color-info, #06b6d4))}.btn-gradient .btn-counter-badge,.btn-gradient-blue .btn-counter-badge,.btn-gradient-purple .btn-counter-badge,.btn-gradient-orange .btn-counter-badge,.btn-gradient-ocean .btn-counter-badge,.btn-gradient-sunset .btn-counter-badge,.btn-gradient-candy .btn-counter-badge,.btn-gradient-gold .btn-counter-badge,.btn-gradient-midnight .btn-counter-badge,.btn-gradient-forest .btn-counter-badge,.btn-gradient-blaze .btn-counter-badge{background:var(--btn-counter-bg, rgba(255, 255, 255, 0.25));color:var(--btn-counter-color, #ffffff)}.btn-counter-badge.counter-primary{background-color:var(--color-primary, #3b82f6) !important;color:#ffffff !important}.btn-counter-badge.counter-success{background-color:var(--color-success, #10b981) !important;color:#ffffff !important}.btn-counter-badge.counter-danger{background-color:var(--color-danger, #ef4444) !important;color:#ffffff !important}.btn-counter-badge.counter-warning{background-color:var(--color-warning, #f59e0b) !important;color:#ffffff !important}.btn-counter-badge.counter-info{background-color:var(--color-info, #06b6d4) !important;color:#ffffff !important}.btn-counter-badge.counter-secondary{background-color:var(--color-secondary, #6b7280) !important;color:#ffffff !important}';const h=class{constructor(i){t(this,i),this.buttonToggleChange=o(this,"buttonToggleChange")}get el(){return i(this)}value="";label;icon;iconLeft;iconRight;iconPosition="left";iconOnly=!1;name="";selected=!1;disabled=!1;readonly=!1;loading=!1;size="md";color="primary";variant="soft";description;descriptionPosition="below";fullWidth=!1;reveal="none";revealDelay=0;shape="rounded";library="lucide";avatarSrc;avatarAlt;status;buttonToggleChange;handleClick=t=>{t.stopPropagation(),this.disabled||this.readonly||this.loading||this.buttonToggleChange.emit({value:this.value})};render(){const t={};return"none"!==this.reveal&&this.revealDelay>0&&(t["animation-delay"]=`${this.revealDelay}ms`),r("ui-button",{key:"faf3faae2f92535d6336b53616c8013ff533e7d6",part:"button",label:this.label,description:this.description,descriptionPosition:this.descriptionPosition,shape:this.shape,variant:this.variant,size:this.size,selected:this.selected,style:t,icon:this.icon||this.iconLeft||this.iconRight,iconPosition:this.iconPosition,iconLibrary:this.library,iconOnly:this.iconOnly,avatarSrc:this.avatarSrc,avatarAlt:this.avatarAlt,avatarStatus:this.status,disabled:this.disabled||this.loading,"aria-pressed":this.selected?"true":"false","aria-label":this.label,role:"radio",onClick:this.handleClick,tabIndex:this.disabled?-1:0,class:{"button-toggle-item":!0,"full-width":this.fullWidth}},r("slot",{key:"4423b19bae11878c48a5ae7d66bd332aa8d6015f"}))}};h.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:contents}.button-toggle-item{width:100%}.button-toggle-item.full-width{width:100%}.button-toggle-item{}.button-list-vertical .button-toggle-item::part(button){justify-content:flex-start;text-align:left}.toggle-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:toggle-spin 0.6s linear infinite}@keyframes toggle-spin{to{transform:rotate(360deg)}}.reveal-fade-in{animation:toggle-fade-in 0.4s ease both}.reveal-slide-up{animation:toggle-slide-up 0.4s ease both}.reveal-zoom{animation:toggle-zoom 0.35s ease both}@keyframes toggle-fade-in{from{opacity:0}to{opacity:1}}@keyframes toggle-slide-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toggle-zoom{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}";const b=class{get el(){return i(this)}internals;focusFrameId=null;constructor(i){t(this,i),this.buttonToggleGroupChange=o(this,"buttonToggleGroupChange"),this.buttonToggleGroupAction=o(this,"buttonToggleGroupAction"),this.buttonToggleGroupBatch=o(this,"buttonToggleGroupBatch"),this.buttonToggleGroupSearch=o(this,"buttonToggleGroupSearch"),this.buttonToggleGroupExport=o(this,"buttonToggleGroupExport"),this.buttonToggleGroupImport=o(this,"buttonToggleGroupImport"),this.buttonToggleGroupAnalytics=o(this,"buttonToggleGroupAnalytics"),this.internals=this.el.attachInternals()}value="";name="";disabled=!1;readonly=!1;required=!1;invalid=!1;label="";helperText="";errorMessage="";orientation="horizontal";size="md";color="primary";variant="soft";options=[];fullWidth=!1;iconPosition="left";iconLibrary="default";library;iconOnly=!1;mode="segmented";buttonAction;buttonActionLabel="Action";keepButtonLabel=!1;customContent=!1;loading=!1;shape="rounded";multiSelect=!1;batchActions=!1;searchEnabled=!1;exportEnabled=!1;importEnabled=!1;analyticsEnabled=!1;advancedTheme="";reveal="none";revealDelay=0;revealStagger=50;magneticIndicator=!1;rtl=!1;wrap=!1;width="";persistKey="";buttons=[];isDropdownOpen=!1;searchQuery="";selectedValues=[];analytics={};focusIndex=-1;ariaLive="";selectionIndicatorRef;resizeObserver;mutationObserver;buttonToggleGroupChange;buttonToggleGroupAction;buttonToggleGroupBatch;buttonToggleGroupSearch;buttonToggleGroupExport;buttonToggleGroupImport;buttonToggleGroupAnalytics;componentWillLoad(){if(this.normalizeProps(),this.updateOptions(),this.syncButtons(),this.updateOptionsFromChildren(),this.persistKey)try{const t=localStorage.getItem(this.persistKey);null!==t&&(this.value=JSON.parse(t))}catch{}}componentDidLoad(){"dropdown"===this.mode&&document.addEventListener("click",this.handleClickOutside),this.el.addEventListener("keydown",this.handleKeyDown),"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updateIndicator())),this.resizeObserver.observe(this.el)),"undefined"!=typeof MutationObserver&&(this.mutationObserver=new MutationObserver((()=>this.updateOptionsFromChildren())),this.mutationObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0})),setTimeout((()=>this.updateIndicator()),100)}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside),this.el.removeEventListener("keydown",this.handleKeyDown),null!==this.focusFrameId&&(cancelAnimationFrame(this.focusFrameId),this.focusFrameId=null),this.resizeObserver&&this.resizeObserver.disconnect(),this.mutationObserver&&this.mutationObserver.disconnect()}handleMouseMove=t=>{if(!this.magneticIndicator||!this.selectionIndicatorRef||"dropdown"===this.mode||this.multiSelect)return;const o=Array.from(this.el.shadowRoot?.querySelectorAll("ui-button")??[]).find((t=>t.value===this.value));if(!o)return;const i=o.getBoundingClientRect(),r=i.left+i.width/2,e=i.top+i.height/2;if(Math.hypot(t.clientX-r,t.clientY-e)<150){const i=4;this.selectionIndicatorRef.style.transform=`translate(${o.offsetLeft+(t.clientX-r)/8+i}px, ${o.offsetTop+(t.clientY-e)/8+i}px) scale(1.02)`}else{const t=4;this.selectionIndicatorRef.style.transform=`translate(${o.offsetLeft+t}px, ${o.offsetTop+t}px) scale(1)`}};updateIndicator(){this.selectionIndicatorRef&&"dropdown"!==this.mode&&!this.multiSelect&&requestAnimationFrame((()=>{const t=Array.from(this.el.shadowRoot?.querySelectorAll("ui-button")??[]),o=t.find((t=>t.value===this.value));if(o){const i=o.offsetLeft,r=o.offsetTop,e=o.offsetHeight,a=4;this.selectionIndicatorRef.style.width=o.offsetWidth-2*a+"px",this.selectionIndicatorRef.style.height=e-2*a+"px",this.selectionIndicatorRef.style.transform=`translate(${i+a}px, ${r+a}px)`,this.selectionIndicatorRef.style.opacity="1",t.forEach((t=>{t.style.setProperty("--hide-button-selection","1")}))}else this.selectionIndicatorRef.style.opacity="0",t.forEach((t=>{t.style.setProperty("--hide-button-selection","0")}))}))}handleClickOutside=t=>{this.el.contains(t.target)||(this.isDropdownOpen=!1)};componentDidUpdate(){this.syncButtons(),this.updateIndicator()}watchValue(){this.syncButtons(),this.analyticsEnabled&&this.trackAnalytics("change",this.value),this.ariaLive=`Selection changed: ${Array.isArray(this.value)?this.value.join(", "):this.value}`,this.internals.setFormValue(Array.isArray(this.value)?this.value.join(","):this.value||"")}handleColorChange(){this.normalizeProps()}handleOptionsChange(){this.updateOptions()}normalizeProps(){try{"string"==typeof this.color&&this.color.startsWith("{")&&(this.color=JSON.parse(this.color)),"string"==typeof this.options&&(this.buttons=JSON.parse(this.options))}catch(t){console.warn("Failed to parse complex button-toggle-group prop",t)}}updateOptions(){if("string"==typeof this.options)try{this.buttons=JSON.parse(this.options)}catch{console.error("Invalid options JSON"),this.buttons=[]}else Array.isArray(this.options)&&this.options.length>0?this.buttons=[...this.options]:this.updateOptionsFromChildren()}updateOptionsFromChildren(){const t=Array.from(this.el.children);if(0===t.length)return;const o=t.filter((t=>"ui-button-toggle"===t.tagName.toLowerCase()||"ui-button"===t.tagName.toLowerCase())).map(((t,o)=>{const i=t;return{value:i.value||t.getAttribute("value")||`opt-${o}`,label:i.label||t.getAttribute("label")||t.textContent?.trim(),icon:i.icon||t.getAttribute("icon"),disabled:i.disabled||t.hasAttribute("disabled"),description:i.description||t.getAttribute("description"),descriptionPosition:i.descriptionPosition||t.getAttribute("description-position"),iconLibrary:i.library||i.iconLibrary||t.getAttribute("icon-library")||t.getAttribute("library")}}));JSON.stringify(this.buttons)!==JSON.stringify(o)&&(this.buttons=o)}handleButtonToggleChange(t){const o=t.detail.value;this.multiSelect?(this.selectedValues=this.selectedValues.includes(o)?this.selectedValues.filter((t=>t!==o)):[...this.selectedValues,o],this.value=[...this.selectedValues],this.buttonToggleGroupChange.emit({value:this.value}),this._persistValue(),this.analyticsEnabled&&this.trackAnalytics("multiSelect",this.value),this.ariaLive=`Selection changed: ${this.selectedValues.join(", ")}`):this.value!==o?(this.value=o,this.syncButtons(),this.buttonToggleGroupChange.emit({value:this.value}),this._persistValue(),this.analyticsEnabled&&this.trackAnalytics("change",this.value),this.ariaLive=`Selection changed: ${this.value}`):this.required||(this.value="",this.syncButtons(),this.buttonToggleGroupChange.emit({value:this.value}),this._persistValue(),this.analyticsEnabled&&this.trackAnalytics("deselect",this.value),this.ariaLive="Selection cleared")}handleDropdownToggle=t=>{t.stopPropagation(),this.disabled||this.readonly||(this.isDropdownOpen=!this.isDropdownOpen)};handleButtonAction=t=>{t.stopPropagation(),this.disabled||this.readonly||(this.buttonAction&&this.buttonAction(),this.buttonToggleGroupAction.emit({value:this.value}))};handleOptionSelect=(t,o)=>{o.stopPropagation(),this.disabled||this.readonly||(this.value=t,this.isDropdownOpen=!1,this.syncButtons(),this.buttonToggleGroupChange.emit({value:this.value}),this._persistValue())};_persistValue(){if(this.persistKey)try{localStorage.setItem(this.persistKey,JSON.stringify(this.value))}catch{}}syncButtons(){const t=this.el.shadowRoot?.querySelectorAll("ui-button")??[];this.multiSelect&&Array.isArray(this.value)?t.forEach((t=>{t.selected=this.value.includes(t.value)})):t.forEach((t=>{t.selected=t.value===this.value}))}renderLabel(){return this.label?r("div",{class:"button-group-label"},this.label,this.required&&r("span",{class:"required-indicator"},"*"),this.searchEnabled&&r("ui-input",{class:"button-group-search",placeholder:"Search...",value:this.searchQuery,prefixIcon:"search",iconLibrary:this.iconLibrary,showClear:!0,size:"sm",onInputChange:t=>this.handleSearch(t.detail),onInputClear:()=>this.handleSearch(""),"aria-label":"Search toggles"})):null}renderHelperText(){return this.invalid&&this.errorMessage?r("div",{class:"helper-text error"},r("ui-icon",{name:"exclamation-circle",library:"fontawesome",size:"14px"}),this.errorMessage):this.helperText?r("div",{class:"helper-text"},this.helperText):this.ariaLive?r("div",{class:"sr-only","aria-live":"polite"},this.ariaLive):null}getFilteredButtons(){return this.searchEnabled&&this.searchQuery?this.buttons.filter((t=>(t.label||t.value).toLowerCase().includes(this.searchQuery.toLowerCase()))):this.buttons}renderDropdownButton(){const t=this.getFilteredButtons(),o=this.buttons.find((t=>t.value===this.value)),i=this.keepButtonLabel?this.buttonActionLabel:o?.label||this.buttonActionLabel,e=this.keepButtonLabel?null:o?.icon,a={"dropdown-menu":!0,"dropdown-menu-open":this.isDropdownOpen};return r("div",{class:"dropdown-container"},r("div",{class:{"dropdown-button":!0,"dropdown-button-open":this.isDropdownOpen,"dropdown-button-disabled":this.disabled,"dropdown-button-readonly":this.readonly,[`dropdown-button-${this.size}`]:!0,[`dropdown-button-${this.color}`]:!0,[`dropdown-button-${this.variant}`]:!0,[`dropdown-button-${this.shape}`]:!0}},r("ui-button",{variant:"ghost",class:"dropdown-action-button",onClick:this.handleButtonAction,disabled:this.disabled||this.loading,loading:this.loading,icon:e,iconLibrary:this.iconLibrary,label:i,size:this.size,color:this.color,justify:"center"}),r("ui-button",{variant:"ghost",class:"dropdown-toggle-button",onClick:this.handleDropdownToggle,disabled:this.disabled||this.loading,ariaLabel:this.isDropdownOpen?"Close dropdown":"Open dropdown",icon:this.isDropdownOpen?"chevron-up":"chevron-down",iconLibrary:"lucide",iconOnly:!0,size:this.size,color:this.color})),r("div",{class:a},this.searchEnabled&&r("div",{class:"dropdown-search"},r("input",{type:"text",value:this.searchQuery,onInput:t=>this.searchQuery=t.target.value,placeholder:"Search..."})),this.customContent?r("div",{class:"dropdown-custom-content"},r("slot",{name:"dropdown-content"})):t.map(((t,o)=>{const i=this.value===t.value;return r("div",{class:{"dropdown-option":!0,"dropdown-option-selected":i,"dropdown-option-disabled":t.disabled},onClick:o=>!t.disabled&&this.handleOptionSelect(t.value,o),role:"option","aria-selected":i.toString(),style:{"--index":o.toString()}},t.icon&&r("div",{class:"option-icon"},r("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"16px"})),t.avatarSrc&&r("div",{class:"option-avatar"},r("img",{src:t.avatarSrc,alt:t.avatarAlt||t.label}),t.status&&r("span",{class:`status-dot status-${t.status}`})),r("span",{class:"option-label"},t.label||t.value),i&&r("div",{class:"option-check"},r("ui-icon",{name:"check",library:"lucide",size:"14px"})))}))))}render(){const t={"ui-button-toggle-group":!0,[`group-${this.orientation}`]:!0,"group-disabled":this.disabled,"group-invalid":this.invalid,"group-full-width":this.fullWidth,"group-rtl":this.rtl,"group-multi-select":this.multiSelect,"group-single-select":!this.multiSelect,"group-dropdown-mode":"dropdown"===this.mode,[`group-${this.color}`]:!0,[`group-variant-${this.variant}`]:!0,[`group-size-${this.size}`]:!0,[`group-shape-${this.shape}`]:!0,[`theme-${this.advancedTheme}`]:!!this.advancedTheme,[`group-reveal-${this.reveal}`]:"none"!==this.reveal},o={"button-list":!0,[`button-list-${this.orientation}`]:!0},i=this.getFilteredButtons();let e="var(--color-primary, #10b981)",a="var(--color-primary-contrast, #ffffff)";if("string"==typeof this.color)this.color.startsWith("#")||this.color.startsWith("rgb")?(e=this.color,this.color.startsWith("#")&&7===this.color.length&&(a=(299*parseInt(this.color.slice(1,3),16)+587*parseInt(this.color.slice(3,5),16)+114*parseInt(this.color.slice(5,7),16))/1e3>=128?"#1a1a1a":"#ffffff")):(e=`var(--color-${this.color})`,a=`var(--color-${this.color}-contrast, #ffffff)`);else if(this.color&&"object"==typeof this.color){const t=this.color.from||"#10b981";e=`linear-gradient(135deg, ${t}, ${this.color.to||t})`,a="#ffffff"}return r("div",{key:"5826e0db706109891e74fc0a4ee04e1df381687b",class:t,role:this.multiSelect?"group":"radiogroup","aria-label":this.label,tabIndex:0,style:{width:this.width,"--indicator-bg":e,"--indicator-text-color":a},onMouseMove:t=>this.handleMouseMove(t),onMouseLeave:()=>this.updateIndicator()},this.renderLabel(),this.batchActions&&r("div",{key:"fbf7ab8ce6a8548a53438eb613040a78f58bbaa4",class:"batch-actions"},r("ui-button",{key:"b4b34241bf9a24158472ad3714ca63d898493869",variant:"ghost",onClick:this.selectAll,disabled:this.disabled,label:"Select All",size:"sm"}),r("ui-button",{key:"5cf67b5f2a749f6ee2975be469f03ba0c7374906",variant:"ghost",onClick:this.clearAll,disabled:this.disabled,label:"Clear All",size:"sm"}),this.exportEnabled&&r("ui-button",{key:"15d1e37dbccf82fb1f0097301c4de451e0931273",variant:"ghost",onClick:this.exportSelection,label:"Export",size:"sm"}),this.importEnabled&&r("ui-button",{key:"3a82d6a1896cca92f0314c8b423c0a9df823eba6",variant:"ghost",onClick:this.importSelection,label:"Import",size:"sm"})),"dropdown"===this.mode?this.renderDropdownButton():r("div",{class:o},!this.multiSelect&&r("div",{class:"selection-indicator",ref:t=>this.selectionIndicatorRef=t}),i.map(((t,o)=>r("ui-button",{key:t.value,value:t.value,label:t.label,icon:t.icon,iconPosition:t.icon?this.iconPosition:"none",iconOnly:this.iconOnly,name:this.name,selected:this.multiSelect?this.selectedValues.includes(t.value):this.value===t.value,disabled:this.disabled||t.disabled,readonly:this.readonly,loading:this.loading,size:this.size,variant:this.variant,description:t.description,"description-position":t.descriptionPosition,"full-width":this.fullWidth,reveal:this.reveal,"reveal-delay":this.revealDelay+o*this.revealStagger,tabIndex:this.focusIndex===o?0:-1,"aria-checked":this.multiSelect?this.selectedValues.includes(t.value):this.value===t.value,"aria-label":t.label||t.value,onFocus:()=>this.handleFocus(o),onBlur:this.handleBlur,onClick:o=>{o.stopPropagation(),this.disabled||t.disabled||this.handleButtonToggleChange({detail:{value:t.value}})},shape:this.shape,iconLibrary:t.iconLibrary||this.library||this.iconLibrary})))),this.renderHelperText(),this.analyticsEnabled&&r("div",{key:"10b18efe0af543838aa8b835a931951d9b17ab78",class:"analytics-info"},r("pre",{key:"1e7ac3662e57728b24e3ab14f4846c2d2b9c3991"},JSON.stringify(this.analytics,null,2))))}handleKeyDown=t=>{if(this.disabled||this.readonly)return;const o=this.searchEnabled&&this.searchQuery?this.buttons.filter((t=>(t.label||t.value).toLowerCase().includes(this.searchQuery.toLowerCase()))):this.buttons;if(0!==o.length)if("ArrowRight"===t.key||"ArrowDown"===t.key)this.focusIndex=(this.focusIndex+1)%o.length,this.focusButton(this.focusIndex),t.preventDefault();else if("ArrowLeft"===t.key||"ArrowUp"===t.key)this.focusIndex=(this.focusIndex-1+o.length)%o.length,this.focusButton(this.focusIndex),t.preventDefault();else if(" "===t.key||"Enter"===t.key){const i=o[this.focusIndex];i&&!i.disabled&&this.handleButtonToggleChange({detail:{value:i.value}}),t.preventDefault()}};focusButton(t){const o=this.el.shadowRoot?.querySelectorAll("ui-button")??[];o[t]&&o[t].focus()}scheduleFocusIndexUpdate(t,o=!1){null!==this.focusFrameId&&cancelAnimationFrame(this.focusFrameId),this.focusFrameId=requestAnimationFrame((()=>{if(this.focusFrameId=null,o){const t=this.el.shadowRoot?.activeElement||document.activeElement;if(t&&this.el.contains(t))return}this.focusIndex!==t&&(this.focusIndex=t)}))}handleFocus(t){this.scheduleFocusIndexUpdate(t)}handleBlur=()=>{this.scheduleFocusIndexUpdate(-1,!0)};handleSearch(t){this.searchQuery=t,this.buttonToggleGroupSearch.emit({query:t})}selectAll=()=>{this.multiSelect&&(this.selectedValues=this.buttons.map((t=>t.value)),this.value=[...this.selectedValues],this.buttonToggleGroupBatch.emit({values:this.selectedValues}),this.ariaLive=`All selected: ${this.selectedValues.join(", ")}`)};clearAll=()=>{this.multiSelect&&(this.selectedValues=[],this.value=[],this.buttonToggleGroupBatch.emit({values:[]}),this.ariaLive="Selection cleared")};exportSelection=()=>{if(!this.exportEnabled)return;let t;t=this.multiSelect?Array.isArray(this.selectedValues)?this.selectedValues:[]:"string"==typeof this.value?[this.value]:[],this.buttonToggleGroupExport.emit({values:t}),this.ariaLive=`Exported: ${t.join(", ")}`};importSelection=()=>{this.importEnabled&&(this.selectedValues=this.buttons.slice(0,2).map((t=>t.value)),this.value=[...this.selectedValues],this.buttonToggleGroupImport.emit({values:this.selectedValues}),this.ariaLive=`Imported: ${this.selectedValues.join(", ")}`)};trackAnalytics(t,o){this.analyticsEnabled&&(this.analytics[t]||(this.analytics[t]=[]),this.analytics[t].push({value:o,timestamp:Date.now()}),this.buttonToggleGroupAnalytics.emit({event:t,value:o}))}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValue:0}],color:[{handleColorChange:0}],options:[{handleOptionsChange:0}]}}};b.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}.ui-button-toggle-group{display:inline-flex;flex-direction:column;gap:12px;width:max-content;min-width:fit-content;font-family:inherit}.ui-button-toggle-group.group-rtl{direction:rtl}.ui-button-toggle-group.group-wrap .button-list{flex-wrap:wrap}.ui-button-toggle-group{}.ui-button-toggle-group.group-shape-round{--group-radius:12px;--indicator-radius:8px}.ui-button-toggle-group.group-shape-pill{--group-radius:99px;--indicator-radius:99px}.ui-button-toggle-group.group-shape-square{--group-radius:0px;--indicator-radius:0px}.ui-button-toggle-group{}.ui-button-toggle-group.group-variant-chip .button-list{background:transparent;padding:4px;gap:10px;box-shadow:none;flex-wrap:wrap;border:none !important;overflow:visible}.ui-button-toggle-group.group-variant-chip ui-button{transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.ui-button-toggle-group.group-variant-chip ui-button:hover{transform:translateY(-2px)}.ui-button-toggle-group.group-variant-chip ui-button::part(button){background:rgba(255, 255, 255, 0.5) !important;backdrop-filter:blur(8px);border:1px solid rgba(0, 0, 0, 0.05) !important;border-radius:99px !important;color:#64748b !important;font-weight:500 !important;--button-padding:8px 18px;--ui-button-height:auto;min-height:32px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.02) !important}.ui-button-toggle-group.group-variant-chip ui-button:hover::part(button){border-color:rgba(var(--color-primary-rgb, 16, 185, 129), 0.2) !important;background:#ffffff !important;color:var(--color-primary, #10b981) !important;box-shadow:0 4px 12px rgba(0, 0, 0, 0.05) !important}.ui-button-toggle-group.group-variant-chip ui-button[selected]::part(button){background:var(--indicator-bg, var(--color-primary, #10b981)) !important;color:#ffffff !important;opacity:1 !important;border-color:transparent !important;font-weight:700 !important;box-shadow:0 8px 20px rgba(var(--color-primary-rgb, 16, 185, 129), 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;transform:translateY(-1px)}.ui-button-toggle-group.group-variant-chip ui-button[selected]:hover::part(button){filter:brightness(1.1);box-shadow:0 10px 25px rgba(var(--color-primary-rgb, 16, 185, 129), 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.4) !important}.button-group-label{font-weight:700;color:var(--label-color, #1e293b);font-size:0.9375rem;margin-bottom:6px;display:flex;align-items:center}.required-indicator{color:var(--color-danger-hover, #dc2626);margin-left:4px}.button-list{display:flex;padding:var(--group-padding, 6px);padding:var(--group-padding, 4px);border-radius:var(--group-radius, 10px);position:relative;background:var(--button-group-bg, #f1f5f9);border:1px solid var(--border-color, #e2e8f0);overflow:hidden;transform:translateZ(0);isolation:isolate;background-clip:padding-box;color:var(--text-color, #64748b);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.03)}.selection-indicator{position:absolute;top:0;left:0;background:var(--indicator-bg, var(--color-primary, #10b981));opacity:0;pointer-events:none;transition:transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), width 0.3s cubic-bezier(0.19, 1, 0.22, 1), height 0.3s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s ease;z-index:1;border-radius:var(--indicator-radius, 99px);box-shadow:0 8px 20px rgba(0, 0, 0, 0.12), inset 0 1px 1px rgba(255, 255, 255, 0.3);border:1px solid rgba(255, 255, 255, 0.1);box-sizing:border-box;}.selection-indicator::after{content:"";position:absolute;inset:0;background:rgba(0, 0, 0, 0.05);border-radius:inherit;opacity:0;transition:opacity 0.2s}.button-list:hover .selection-indicator::after{opacity:0.2}.button-list-horizontal{flex-direction:row;align-items:stretch}.button-list-vertical{flex-direction:column;align-items:stretch}.button-list ui-button{flex:none;position:relative;z-index:2;--button-padding:8px 16px;--ui-button-height:auto;min-height:44px;color:var(--text-color, #64748b) !important}.button-list-vertical ui-button{width:100%}.button-list ui-button[icon-only]{width:44px !important;--button-padding:0 !important;--ui-button-height:44px !important;flex:0 0 44px !important}.button-list-full-width ui-button{flex:1}.button-list ui-button::part(button){background:rgba(var(--ui-input-focus-rgb, 99, 102, 241), 0.02) !important;color:inherit !important;border:none !important;box-shadow:none !important;font-weight:600 !important;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--button-border-radius:var(--indicator-radius, 8px);opacity:1}.button-list ui-button::part(subtitle){opacity:0.7;color:inherit !important}.button-list ui-button:hover::part(button){opacity:1;background:rgba(var(--ui-input-focus-rgb, 99, 102, 241), 0.05) !important;color:var(--indicator-bg, var(--color-primary-dark, #059669)) !important}.button-list:not(.group-multi-select) ui-button[selected]::part(button){color:var(--indicator-text-color, #ffffff) !important;z-index:5;opacity:1 !important}.ui-button-toggle-group .button-list ui-button[selected]::part(title),.ui-button-toggle-group .button-list ui-button[selected]::part(subtitle),.ui-button-toggle-group .button-list ui-button[selected]::part(icon){color:var(--indicator-text-color, #ffffff) !important;opacity:1 !important}.group-multi-select .button-list ui-button[selected]::part(button){background:var(--indicator-bg, var(--color-primary, #10b981)) !important;color:var(--indicator-text-color, #ffffff) !important;opacity:1 !important;box-shadow:0 4px 12px rgba(var(--color-primary-rgb, 16, 185, 129), 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.2) !important;border-radius:var(--indicator-radius, 30px) !important;border:1px solid rgba(255, 255, 255, 0.1) !important;z-index:5;transform:scale(0.96)}.button-list-horizontal:not([style*="--group-padding"]) ui-button:not(:last-child)::after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.08) 80%, transparent);z-index:3;transition:opacity 0.2s ease}.button-list ui-button[selected]::after,.button-list ui-button[selected]+ui-button::after{opacity:0 !important}.helper-text{font-size:0.875rem;color:var(--text-muted, #64748b);margin-top:6px;font-weight:400}.helper-text.error{color:#ef4444}.ui-button-toggle-group[variant=dropdown] .button-list{--group-padding:0;--indicator-radius:4px}.dropdown-container{position:relative;display:inline-flex}.dropdown-button{display:flex;align-items:stretch;background:var(--button-group-bg, #f1f5f9);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--group-radius, 10px);overflow:hidden;transition:all 0.2s ease}.dropdown-button.dropdown-button-open{border-color:var(--color-primary, #10b981);box-shadow:0 0 0 3px rgba(16, 185, 129, 0.1)}.dropdown-action-button{border-radius:0 !important;flex:1;--button-padding:0 16px;--ui-button-height:44px}.dropdown-toggle-button{border-radius:0 !important;width:44px;border-left:1px solid rgba(0, 0, 0, 0.05) !important;--button-padding:0;--ui-button-height:44px}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;width:max-content;background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px rgba(0, 0, 0, 0.1);z-index:1000;display:flex;flex-direction:column;padding:6px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.dropdown-menu.dropdown-menu-open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-option{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:6px;cursor:pointer;color:#475569;font-size:0.9375rem;font-weight:500;transition:all 0.15s ease;white-space:nowrap}.dropdown-option:hover{background:#f1f5f9;color:#1e293b}.dropdown-option.dropdown-option-selected{background:var(--color-primary-subtle, rgba(var(--color-primary-rgb, 16, 185, 129), 0.1));color:var(--color-primary, #10b981)}.dropdown-option.dropdown-option-disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.dropdown-option .option-icon{display:flex;align-items:center;justify-content:center;color:inherit;font-size:1.1em}.dropdown-option .option-label{flex:1}.dropdown-option .option-check{color:var(--color-primary, #10b981);margin-left:auto;display:flex;align-items:center}.dropdown-search{padding:4px 8px 8px;border-bottom:1px solid #f1f5f9;margin-bottom:4px}.dropdown-search input{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:0.8125rem;outline:none;transition:all 0.2s}.dropdown-search input:focus{border-color:#10b981;box-shadow:0 0 0 2px rgba(16, 185, 129, 0.1)}:host-context([data-theme=dark]) .button-group-label,:host([data-theme=dark]) .button-group-label,:host-context([data-theme=violet]) .button-group-label,:host([data-theme=violet]) .button-group-label,:host-context([data-theme=pink]) .button-group-label,:host([data-theme=pink]) .button-group-label,:host-context([data-theme=blue]) .button-group-label,:host([data-theme=blue]) .button-group-label{--label-color:var(--label-color, #f1f5f9)}:host-context([data-theme=dark]) .button-list,:host([data-theme=dark]) .button-list,:host-context([data-theme=violet]) .button-list,:host([data-theme=violet]) .button-list,:host-context([data-theme=pink]) .button-list,:host([data-theme=pink]) .button-list,:host-context([data-theme=blue]) .button-list,:host([data-theme=blue]) .button-list{--button-group-bg:var(--bg-secondary, #1e293b);--border-color:var(--border-color, #334155);--text-color:var(--text-secondary, #94a3b8)}:host-context([data-theme=dark]) .button-list ui-button:hover::part(button),:host([data-theme=dark]) .button-list ui-button:hover::part(button),:host-context([data-theme=violet]) .button-list ui-button:hover::part(button),:host([data-theme=violet]) .button-list ui-button:hover::part(button),:host-context([data-theme=pink]) .button-list ui-button:hover::part(button),:host([data-theme=pink]) .button-list ui-button:hover::part(button),:host-context([data-theme=blue]) .button-list ui-button:hover::part(button),:host([data-theme=blue]) .button-list ui-button:hover::part(button){background:rgba(255, 255, 255, 0.05) !important}:host-context([data-theme=dark]) .dropdown-button,:host([data-theme=dark]) .dropdown-button,:host-context([data-theme=violet]) .dropdown-button,:host([data-theme=violet]) .dropdown-button,:host-context([data-theme=pink]) .dropdown-button,:host([data-theme=pink]) .dropdown-button,:host-context([data-theme=blue]) .dropdown-button,:host([data-theme=blue]) .dropdown-button{--button-group-bg:var(--bg-secondary, #1e293b);--border-color:var(--border-color, #334155)}:host-context([data-theme=dark]) .dropdown-menu,:host([data-theme=dark]) .dropdown-menu,:host-context([data-theme=violet]) .dropdown-menu,:host([data-theme=violet]) .dropdown-menu,:host-context([data-theme=pink]) .dropdown-menu,:host([data-theme=pink]) .dropdown-menu,:host-context([data-theme=blue]) .dropdown-menu,:host([data-theme=blue]) .dropdown-menu{background:var(--bg-primary, #1e293b);border-color:var(--border-color, #334155)}:host-context([data-theme=dark]) .dropdown-option,:host([data-theme=dark]) .dropdown-option,:host-context([data-theme=violet]) .dropdown-option,:host([data-theme=violet]) .dropdown-option,:host-context([data-theme=pink]) .dropdown-option,:host([data-theme=pink]) .dropdown-option,:host-context([data-theme=blue]) .dropdown-option,:host([data-theme=blue]) .dropdown-option{color:var(--text-secondary, #cbd5e1)}:host-context([data-theme=dark]) .dropdown-option:hover,:host([data-theme=dark]) .dropdown-option:hover,:host-context([data-theme=violet]) .dropdown-option:hover,:host([data-theme=violet]) .dropdown-option:hover,:host-context([data-theme=pink]) .dropdown-option:hover,:host([data-theme=pink]) .dropdown-option:hover,:host-context([data-theme=blue]) .dropdown-option:hover,:host([data-theme=blue]) .dropdown-option:hover{background:var(--bg-secondary, #334155);color:var(--text-primary, #ffffff)}:host-context([data-theme=dark]) .dropdown-option.dropdown-option-selected,:host([data-theme=dark]) .dropdown-option.dropdown-option-selected,:host-context([data-theme=violet]) .dropdown-option.dropdown-option-selected,:host([data-theme=violet]) .dropdown-option.dropdown-option-selected,:host-context([data-theme=pink]) .dropdown-option.dropdown-option-selected,:host([data-theme=pink]) .dropdown-option.dropdown-option-selected,:host-context([data-theme=blue]) .dropdown-option.dropdown-option-selected,:host([data-theme=blue]) .dropdown-option.dropdown-option-selected{background:rgba(var(--color-primary-rgb, 16, 185, 129), 0.15);color:var(--color-primary, #10b981)}:host-context([data-theme=dark]) .dropdown-search input,:host([data-theme=dark]) .dropdown-search input,:host-context([data-theme=violet]) .dropdown-search input,:host([data-theme=violet]) .dropdown-search input,:host-context([data-theme=pink]) .dropdown-search input,:host([data-theme=pink]) .dropdown-search input,:host-context([data-theme=blue]) .dropdown-search input,:host([data-theme=blue]) .dropdown-search input{background:var(--bg-primary, #1e293b);border-color:var(--border-color, #334155);color:var(--text-primary, #ffffff)}:host-context([data-theme=green]) .button-group-label,:host([data-theme=green]) .button-group-label{--label-color:#f0fdf4}:host-context([data-theme=green]) .button-list,:host([data-theme=green]) .button-list{--button-group-bg:#064e3b;--border-color:#166534;--text-color:#a7f3d0}:host-context([data-theme=green]) .button-list ui-button:hover::part(button),:host([data-theme=green]) .button-list ui-button:hover::part(button){background:rgba(255, 255, 255, 0.08) !important}:host-context([data-theme=green]) .dropdown-button,:host([data-theme=green]) .dropdown-button{--button-group-bg:#064e3b;--border-color:#166534}:host-context([data-theme=green]) .dropdown-menu,:host([data-theme=green]) .dropdown-menu{background:#064e3b;border-color:#166534}:host-context([data-theme=green]) .dropdown-option,:host([data-theme=green]) .dropdown-option{color:#d1fae5}:host-context([data-theme=green]) .dropdown-option:hover,:host([data-theme=green]) .dropdown-option:hover{background:#166534;color:#ffffff}:host-context([data-theme=green]) .dropdown-option.dropdown-option-selected,:host([data-theme=green]) .dropdown-option.dropdown-option-selected{background:rgba(255, 255, 255, 0.15);color:#ffffff}:host-context([data-theme=green]) .dropdown-search input,:host([data-theme=green]) .dropdown-search input{background:#064e3b;border-color:#166534;color:#ffffff}';const u=class{constructor(i){t(this,i),this.itemSelect=o(this,"itemSelect"),this.menuItemClick=o(this,"menuItemClick"),this.longPress=o(this,"longPress"),this.menuToggle=o(this,"menuToggle")}get hostEl(){return i(this)}items=[];internalItems=[];hasItemTemplate=!1;onItemsChange(){this.internalItems=this.parseItems(),this.resetVirtualScroll()}onLoadItemsChange(){this.resetVirtualScroll()}onVisibleCountChange(){this.resetVirtualScroll()}onPersistStateChange(){this.persistState||this.persistedState.clear()}componentWillLoad(){this.internalItems=this.parseItems(),this.detectItemTemplate()}openOn="contextmenu";placement="bottom";target;onTargetChange(){this.attachTarget()}closeOnSelect=!0;viewportPadding=16;submenuOpenDelay=120;hoverCloseDelay=50;targetOnly=!1;theme="light";reserveIconSpace=!0;persistState=!1;longPressDuration=500;visibleCount=0;itemHeight=48;loadItems;selectedId;iconLibrary="default";itemSelect;menuItemClick;longPress;menuToggle;beforeOpen;beforeClose;open=!1;pos={x:0,y:0};activePath=[];hoverPath=[];typeahead="";submenuSide=[];virtualStart=0;loadingVirtual=!1;rootMenuEl;openTimeout;closeTimeout;lastKeyTime=0;keyBuffer="";slottedTarget;lastAnchorEls=[];targetElement;longPressTimer;virtualScrollEl;persistedState=new Map;virtualHasMore=!0;templateObserver;componentDidLoad(){this.attachTarget(),this.detectItemTemplate(),this.setupTemplateObserver(),this.scheduleInitialLoad(),document.addEventListener("click",this.onGlobalClick,{capture:!0}),document.addEventListener("contextmenu",this.onGlobalContextMenu,{capture:!0}),window.addEventListener("resize",this.onWindowResize),window.addEventListener("scroll",this.onWindowResize,!0),window.addEventListener("uiContextMenuOpen",this.handleOtherMenuOpen)}disconnectedCallback(){this.disconnectTemplateObserver(),document.removeEventListener("click",this.onGlobalClick,{capture:!0}),document.removeEventListener("contextmenu",this.onGlobalContextMenu,{capture:!0}),window.removeEventListener("resize",this.onWindowResize),window.removeEventListener("scroll",this.onWindowResize,!0),window.removeEventListener("uiContextMenuOpen",this.handleOtherMenuOpen)}handleOtherMenuOpen=t=>{t.detail&&t.detail.source!==this.hostEl&&this.close()};detectItemTemplate(){this.hasItemTemplate=!!this.hostEl.querySelector('template[slot="item"]')}setupTemplateObserver(){this.templateObserver||void 0!==globalThis.MutationObserver&&(this.templateObserver=new MutationObserver((()=>{this.detectItemTemplate()})),this.templateObserver.observe(this.hostEl,{childList:!0,subtree:!0}))}disconnectTemplateObserver(){this.templateObserver?.disconnect(),this.templateObserver=void 0}scheduleInitialLoad(){this.loadItems&&this.loadMoreItems()}ensureVirtualItems(){this.loadItems&&this.virtualHasMore&&!this.loadingVirtual&&this.loadMoreItems()}resetVirtualScroll(){this.virtualStart=0,this.virtualHasMore=!0,this.loadingVirtual=!1,this.virtualScrollEl&&(this.virtualScrollEl.scrollTop=0),this.ensureVirtualItems()}async loadMoreItems(t){if(!this.loadItems||this.loadingVirtual||!this.virtualHasMore)return;this.loadingVirtual=!0;const o=this.internalItems.length,i=t??Math.max(this.visibleCount||1,8);try{const t=this.loadItems(o,i),r=await t;if(r&&r.length){const t=this.normalizeItems(r);this.internalItems=[...this.internalItems,...t],r.length<i&&(this.virtualHasMore=!1)}else this.virtualHasMore=!1}catch{this.virtualHasMore=!1}finally{this.loadingVirtual=!1}}handleVirtualScroll=t=>{const o=t.currentTarget;if(!o)return;const i=Math.floor(o.scrollTop/Math.max(1,this.itemHeight));i!==this.virtualStart&&(this.virtualStart=i),this.maybeLoadMoreFromScroll(o)};maybeLoadMoreFromScroll(t){this.loadItems&&!this.loadingVirtual&&this.virtualHasMore&&t.scrollTop+t.clientHeight>=t.scrollHeight-2*this.itemHeight&&this.loadMoreItems()}get virtualizationActive(){return this.visibleCount>0&&this.itemHeight>0}getVirtualWindow(t){const o=Math.min(Math.max(this.visibleCount,1),t||1),i=Math.max(0,t-o),r=Math.min(this.virtualStart,i);r!==this.virtualStart&&(this.virtualStart=r);const e=Math.min(t,r+o+2);return{start:r,end:e,visible:o,topPadding:r*this.itemHeight,bottomPadding:Math.max(0,(t-e)*this.itemHeight),containerHeight:o*this.itemHeight}}async evaluateHook(t){if(!t)return!0;try{const o=t();return o&&"function"==typeof o.then?!1!==await o:!1!==o}catch{return!1}}attachTarget(){if(this.target)try{let t=this.hostEl.getRootNode().querySelector(this.target);t||(t=document.querySelector(this.target)),t&&(this.targetElement=t,this.bindEvents(t))}catch{}if(!this.targetElement){const t=this.hostEl.shadowRoot?.querySelector("slot");if(t){const o=t.assignedElements();o.length>0&&(this.slottedTarget=o[0],this.targetElement=this.slottedTarget,this.bindEvents(this.slottedTarget))}}}bindEvents(t){"hover"===this.openOn?(t.addEventListener("mouseenter",this.onTargetMouseEnter),t.addEventListener("mouseleave",this.onTargetMouseLeave),t.addEventListener("click",this.onTargetClick)):t.addEventListener("click"===this.openOn?"click":"contextmenu",this.onTargetTrigger),t.addEventListener("touchstart",this.onTouchStart,{passive:!0}),t.addEventListener("touchend",this.onTouchEnd,{passive:!0}),t.addEventListener("touchmove",this.onTouchMove,{passive:!0})}normalizeItems(t){return(t||[]).map((t=>{const o={...t};return!0===o.separator&&(o.divider=!0),o.children&&o.children.length&&(o.children=this.normalizeItems(o.children)),this.applyPersistedState(o),o}))}applyPersistedState(t){if(this.persistState&&t.id){const o=this.persistedState.get(String(t.id));o&&void 0!==o.checked&&(t.checked=o.checked)}t.children&&t.children.forEach((t=>this.applyPersistedState(t)))}parseItems(){let t=[];if("string"==typeof this.items)try{t=JSON.parse(this.items)}catch{t=[]}else t=this.items||[];return this.normalizeItems(t)}onTargetTrigger=t=>{"contextmenu"===this.openOn&&t.preventDefault(),this.openAt({x:t.clientX,y:t.clientY})};onTargetMouseEnter=t=>{this.closeTimeout&&clearTimeout(this.closeTimeout);const o=t.currentTarget.getBoundingClientRect();this.openAt("top"===this.placement?{x:o.left,y:o.top}:"right"===this.placement?{x:o.right,y:o.top}:"left"===this.placement?{x:o.left,y:o.top}:{x:o.left,y:o.bottom})};onTargetMouseLeave=()=>{this.closeTimeout=window.setTimeout((()=>{this.close()}),this.hoverCloseDelay)};onTargetClick=()=>{};onTouchStart=t=>{"contextmenu"===this.openOn&&(this.longPressTimer=setTimeout((()=>{const o=t.touches[0],i={x:o.clientX,y:o.clientY};this.openAt(i),this.longPress.emit(i)}),this.longPressDuration))};onTouchEnd=()=>{this.longPressTimer&&clearTimeout(this.longPressTimer)};onTouchMove=()=>{this.longPressTimer&&clearTimeout(this.longPressTimer)};onMenuMouseEnter=()=>{this.closeTimeout&&clearTimeout(this.closeTimeout)};onMenuMouseLeave=()=>{this.onTargetMouseLeave()};onGlobalContextMenu=t=>{this.targetOnly||"contextmenu"===this.openOn&&(this.targetElement&&!this.targetElement.contains(t.target)||this.hostEl.contains(t.target)||(t.preventDefault(),this.openAt({x:t.clientX,y:t.clientY})))};onGlobalClick=t=>{if(!this.open)return;const o=t.target,i="function"==typeof t.composedPath?t.composedPath():[],r=i.includes(this.hostEl),e=!!this.targetElement&&i.includes(this.targetElement),a=!!this.hostEl.shadowRoot?.contains(o),n=!!this.rootMenuEl?.contains(o);r||e||a||n||this.hostEl.contains(o)||this.targetElement&&this.targetElement.contains(o)||this.close()};onWindowResize=()=>{this.open&&requestAnimationFrame((()=>this.clampRootPosition()))};async openAt(t){await this.evaluateHook(this.beforeOpen)&&(this.open=!0,this.pos={...t},this.activePath=[],this.hoverPath=[],this.submenuSide=[],this.hostEl.isConnected&&(this.menuToggle.emit(!0),window.dispatchEvent(new CustomEvent("uiContextMenuOpen",{detail:{source:this.hostEl}}))),requestAnimationFrame((()=>{this.rootMenuEl=this.hostEl.shadowRoot?.querySelector(".ctx-menu"),this.clampRootPosition(),this.rootMenuEl?.querySelector('[role="menu"]')?.focus()})))}async close(){this.open&&await this.evaluateHook(this.beforeClose)&&(this.open=!1,this.hostEl.isConnected&&this.menuToggle.emit(!1),this.activePath=[],this.hoverPath=[],this.submenuSide=[])}clampRectToViewport(t,o){const i=window.innerWidth,r=window.innerHeight;return{dx:Math.min(0,i-o-t.right)+Math.max(0,o-t.left),dy:Math.min(0,r-o-t.bottom)+Math.max(0,o-t.top)}}clampRootPosition(){if(!this.rootMenuEl)return;const t=this.rootMenuEl,o=this.viewportPadding,i=window.innerHeight,r=t.getBoundingClientRect(),{dx:e,dy:a}=this.clampRectToViewport(r,o);let n=Math.round(this.pos.x+e),s=Math.round(this.pos.y+a);n<o&&(n=o),s<o&&(s=o),this.pos={x:n,y:s};const c=i-o-s;this.virtualizationActive?(t.style.maxHeight="",t.style.overflowY=""):r.height>c?(t.style.maxHeight=`${c}px`,t.style.overflowY="auto"):(t.style.maxHeight="",t.style.overflowY="");const d=a<0?"100%":a>0?"0%":"50%";t.style.setProperty("--ctx-origin-x",e<0?"100%":e>0?"0%":"50%"),t.style.setProperty("--ctx-origin-y",d)}openSubmenu(t,o,i){const r=i.getBoundingClientRect(),e=window.innerWidth-r.right,a=e>=240||e>=r.left?"right":"left";this.submenuSide=[...this.submenuSide.slice(0,t),a],this.activePath=[...this.activePath.slice(0,t),o],this.lastAnchorEls[t]=i,this.scheduleSubmenuPosition(t)}handleMouseEnterItem(t,o,i){window.clearTimeout(this.openTimeout),this.openTimeout=window.setTimeout((()=>{this.openSubmenu(t,o,i),this.hoverPath=[...this.activePath]}),this.submenuOpenDelay)}handleClickItem(t,o,i){if(!t.disabled&&!t.divider)if(t.children&&t.children.length>0){const t=o.length-1;this.openSubmenu(t,o[t],i.currentTarget)}else"checkbox"===t.type?(t.checked=!t.checked,this.internalItems=[...this.internalItems]):"radio"===t.type&&((o.length>1?this.getItemsAtPath(o.slice(0,-1)):this.internalItems).forEach((t=>{"radio"===t.type&&(t.checked=!1)})),t.checked=!0,this.internalItems=[...this.internalItems]),this.itemSelect.emit({item:t,path:o}),this.menuItemClick.emit({item:t,path:o}),"checkbox"!==t.type&&"radio"!==t.type&&this.closeOnSelect&&this.close()}getItemsAtPath(t){let o=this.internalItems;for(const i of t){const t=o[i];if(!t||!t.children)return[];o=t.children}return o}navMove(t,o){const i=this.getItemsAtPath(this.activePath.slice(0,t+1));let r=(this.activePath[t]??-1)+o;const e=t=>Math.max(0,Math.min(t,i.length-1)),a=t=>{const o=i[t];return o&&!o.divider&&!o.disabled};for(r=e(r);!a(r)&&(o>0?r<i.length-1:r>0);)r=e(r+o);this.activePath=[...this.activePath.slice(0,t),r],this.getAnchorElForLevel(t)&&this.scheduleSubmenuPosition(t)}keydown=t=>{if(!this.open)return;const o=this.activePath.length?this.activePath.length-1:0,i=this.getItemsAtPath(this.activePath.slice(0,o+1))[this.activePath[o]??0];switch(t.key){case"ArrowDown":t.preventDefault(),this.navMove(o,1);break;case"ArrowUp":t.preventDefault(),this.navMove(o,-1);break;case"ArrowRight":t.preventDefault(),i?.children?.length&&(this.activePath=[...this.activePath,0],this.submenuSide=[...this.submenuSide,"right"],this.getAnchorElForLevel(o)&&this.scheduleSubmenuPosition(o));break;case"ArrowLeft":t.preventDefault(),this.activePath.length>0?(this.activePath=this.activePath.slice(0,-1),this.submenuSide=this.submenuSide.slice(0,-1)):this.close();break;case"Enter":t.preventDefault(),i&&this.itemSelect.emit({item:i,path:[...this.activePath]}),this.closeOnSelect&&this.close();break;case"Escape":this.close();break;default:if(1===t.key.length){const i=Date.now();i-this.lastKeyTime>800&&(this.keyBuffer=""),this.lastKeyTime=i,this.keyBuffer+=t.key.toLowerCase();const r=this.getItemsAtPath(this.activePath.slice(0,o+1)).findIndex((t=>!t.divider&&!t.disabled&&t.label&&t.label.toLowerCase().startsWith(this.keyBuffer)));r>=0&&(this.activePath=[...this.activePath.slice(0,o),r])}}};getAnchorElForLevel(t){try{const o=this.hostEl.shadowRoot?.querySelector(".ctx-menu > .ctx-list");if(!o)return;let i=o;for(let o=0;o<=t;o++){const r=this.activePath[o];if(null==r)return;const e=i.querySelectorAll(":scope > .ctx-item")[r];if(!e)return;if(o===t)return e;const a=e.querySelector(":scope > .ctx-submenu > .ctx-list");if(!a)return;i=a}}catch{}}scheduleSubmenuPosition(t){requestAnimationFrame((()=>this.positionSubmenu(t)))}positionSubmenu(t){const o=this.lastAnchorEls[t]||this.getAnchorElForLevel(t);if(!o)return;const i=o.querySelector(":scope > .ctx-submenu");if(!i)return;const r=this.viewportPadding,e=window.innerWidth,a=window.innerHeight,n=i.getBoundingClientRect(),s=o.getBoundingClientRect(),c=this.submenuSide[t]||"right";if("right"===c&&n.right>e-r||"left"===c&&n.left<r){const o=s.left>e-s.right?"left":"right";if(o!==c)return this.submenuSide=[...this.submenuSide.slice(0,t),o],void requestAnimationFrame((()=>this.positionSubmenu(t)))}let d=0;const l=i.getBoundingClientRect();l.bottom>a-r&&(d-=Math.ceil(l.bottom-(a-r)));let p=l.top+d;p<r&&(d+=Math.ceil(r-p),p=r),i.style.top=0!==d?`${d}px`:"0px";const h=a-r-p;l.height>h?(i.style.maxHeight=`${h}px`,i.style.overflowY="auto"):(i.style.maxHeight="",i.style.overflowY="")}renderItems(t,o,i=0){const e=this.activePath[o]??-1,n=this.submenuSide[o]||"right",s=t.some((t=>!!t.icon||void 0!==t.checked||"checkbox"===t.type||"radio"===t.type||t.id&&t.id===this.selectedId||!!t.iconTemplate)),c=this.reserveIconSpace&&s,d=this.activePath.slice(0,o);return r("ul",{class:{"ctx-list":!0,"ctx-list-no-icons":!c},role:"menu",tabindex:0,onKeyDown:this.keydown},t.map(((t,s)=>{if(t.divider||"separator"===t.type)return r("li",{class:"ctx-divider",role:"separator"});if("header"===t.type)return r("li",{class:"ctx-header",role:"presentation"},t.label);const l=i+s,p=l===e,h=!!t.children?.length,b="danger"===t.variant,u=!(!t.id||t.id!==this.selectedId),f=[...d,l],g={name:"item",item:t,index:l,level:o,path:f,checked:!(!t.checked&&!u),active:p,hasChildren:h,disabled:!!t.disabled,variant:t.variant},x=r(!t.href||t.disabled||h?"div":"a",{class:"ctx-item-content",...!t.href||t.disabled||h?{}:{href:t.href}},(c||t.icon||void 0!==t.checked||u||t.iconTemplate)&&r("span",{class:"ctx-icon-area"},t.iconTemplate?r("span",{class:"ctx-icon-slot",innerHTML:a(t.iconTemplate)}):t.icon?r("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"1.2em"}):t.checked||u?r("ui-icon",{name:"check",library:"lucide",size:"1.2em"}):""),r("div",{class:"ctx-text-content"},r("div",{class:"ctx-label-row"},r("span",{class:"ctx-label"},t.label),t.shortcut&&r("span",{class:"ctx-shortcut"},t.shortcut)),t.description&&r("span",{class:"ctx-description"},t.description)),h&&r("span",{class:"ctx-sub-arrow"},r("ui-icon",{name:"chevron-right",library:"lucide",size:"12px"})));return r("li",{class:{"ctx-item":!0,"ctx-item-active":p,"ctx-item-selected":u,"ctx-item-disabled":!!t.disabled,"ctx-item-danger":b,"ctx-item-has-children":h},role:"checkbox"===t.type?"menuitemcheckbox":"radio"===t.type?"menuitemradio":"menuitem","aria-checked":t.checked||u?"true":"false","aria-haspopup":h?"menu":null,"aria-disabled":t.disabled?"true":null,onMouseEnter:t=>this.handleMouseEnterItem(o,l,t.currentTarget),onClick:o=>this.handleClickItem(t,f,o)},r("slot",{...g},x),h&&p&&r("div",{class:{"ctx-submenu":!0,[`ctx-sub-${n}`]:!0}},this.renderItems(t.children,o+1)))})))}render(){const t=this.internalItems;let o="";"top"===this.placement?o="translateY(-100%)":"left"===this.placement&&(o="translateX(-100%)");const i=this.virtualizationActive&&(this.loadItems||t.length>this.visibleCount)&&t.length>0?this.getVirtualWindow(t.length):null;return r(e,{key:"c2181afce5b7b4ef2d7df5a2d991bb70d41f27cb"},r("slot",{key:"4142323103c62c98771ce563dfb0618ab88de56d"}),this.open&&r("div",{key:"9326f1949e3f13b96d4641ebea1cf8496014ae15",class:"ctx-menu",style:{position:"fixed",zIndex:"11000",left:`${this.pos.x}px`,top:`${this.pos.y}px`,transform:o},onMouseEnter:this.onMenuMouseEnter,onMouseLeave:this.onMenuMouseLeave},i?r("div",{class:"ctx-virtual-scroll",ref:t=>this.virtualScrollEl=t||void 0,style:{height:`${i.containerHeight}px`,overflowY:"auto"},onScroll:this.handleVirtualScroll},r("div",{class:"ctx-virtual-spacer",style:{height:t.length*this.itemHeight+"px"}},r("div",{class:"ctx-virtual-offset",style:{transform:`translateY(${i.topPadding}px)`}},this.renderItems(t.slice(i.start,i.end),0,i.start),this.loadingVirtual&&r("div",{class:"ctx-virtual-loader",style:{height:`${this.itemHeight}px`}},r("ui-loader",{type:"dots",size:"xs"}))))):this.renderItems(t,0)))}static get watchers(){return{items:[{onItemsChange:0}],loadItems:[{onLoadItemsChange:0}],visibleCount:[{onVisibleCountChange:0}],persistState:[{onPersistStateChange:0}],target:[{onTargetChange:0}]}}};u.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}.ctx-menu{position:fixed;z-index:20000;min-width:220px;max-width:min(320px, 100vw - 16px);--ctx-bg:var(--bg-primary, #ffffff);--ctx-fg:var(--text-primary, #000000);--ctx-border:var(--border-default, #d9d9d9);--ctx-hover:var(--bg-secondary, #e6e6e6);--ctx-active:var(--color-primary-subtle, rgba(0, 138, 22, 0.08));--ctx-active-fg:var(--color-primary, #008a16);--ctx-active-icon:var(--color-primary, #008a16);background-color:var(--ctx-bg, #ffffff) !important;background-image:none !important;color:var(--ctx-fg);border:1px solid var(--ctx-border);border-radius:10px;box-shadow:0 12px 28px rgba(0, 0, 0, 0.22), 0 8px 10px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.05);padding:6px;animation:ctx-enter 120ms ease-out;transform-origin:var(--ctx-origin-x, 0%) var(--ctx-origin-y, 0%);scrollbar-width:thin;scrollbar-color:rgba(0, 0, 0, 0.2) transparent}.ctx-menu::-webkit-scrollbar{width:8px}.ctx-menu::-webkit-scrollbar-track{background:transparent}.ctx-menu::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.2);border-radius:4px}.ctx-menu::-webkit-scrollbar-thumb:hover{background:rgba(0, 0, 0, 0.3)}.ctx-virtual-scroll{width:100%;position:relative}.ctx-virtual-spacer{position:relative;width:100%}.ctx-virtual-offset{position:absolute;inset:0;width:100%}:host([theme=dark]) .ctx-menu::-webkit-scrollbar-thumb,:host-context([data-theme=dark]) .ctx-menu::-webkit-scrollbar-thumb,:host-context(.dark) .ctx-menu::-webkit-scrollbar-thumb,html[data-theme=dark] :host .ctx-menu::-webkit-scrollbar-thumb{background:rgba(255, 255, 255, 0.2)}:host([theme=dark]) .ctx-menu,:host-context([data-theme=dark]) .ctx-menu,:host-context(.dark) .ctx-menu,html[data-theme=dark] :host .ctx-menu{--ctx-bg:var(--bg-primary, #1e293b);--ctx-fg:var(--text-primary, #e2e8f0);--ctx-border:var(--color-primary, #334155);--ctx-hover:var(--color-primary, #334155);--ctx-active:var(--color-primary-subtle, rgba(0, 138, 22, 0.15));--ctx-active-fg:var(--color-primary, #008a16);--ctx-active-icon:var(--color-primary, #008a16);box-shadow:0 12px 28px rgba(0, 0, 0, 0.4), 0 8px 10px rgba(0, 0, 0, 0.2)}@keyframes ctx-enter{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}.ctx-list{list-style:none;margin:0;padding:4px;overflow:visible;scrollbar-width:thin;scrollbar-color:rgba(0, 0, 0, 0.2) transparent}.ctx-list::-webkit-scrollbar{width:8px}.ctx-list::-webkit-scrollbar-track{background:transparent}.ctx-list::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.2);border-radius:4px}.ctx-list::-webkit-scrollbar-thumb:hover{background:rgba(0, 0, 0, 0.3)}:host([theme=dark]) .ctx-list::-webkit-scrollbar-thumb,:host-context([data-theme=dark]) .ctx-list::-webkit-scrollbar-thumb,:host-context(.dark) .ctx-list::-webkit-scrollbar-thumb,html[data-theme=dark] :host .ctx-list::-webkit-scrollbar-thumb{background:rgba(255, 255, 255, 0.2)}:host([theme=dark]) .ctx-list::-webkit-scrollbar-thumb:hover,:host-context([data-theme=dark]) .ctx-list::-webkit-scrollbar-thumb:hover,:host-context(.dark) .ctx-list::-webkit-scrollbar-thumb:hover,html[data-theme=dark] :host .ctx-list::-webkit-scrollbar-thumb:hover{background:rgba(255, 255, 255, 0.3)}.ctx-item{position:relative;display:block;border-radius:8px;cursor:pointer;user-select:none}.ctx-item:hover,.ctx-item-active{background:var(--ctx-hover, var(--bg-secondary, #f3f4f6))}.ctx-item-selected{background:var(--ctx-active, #e0f2fe);color:var(--ctx-active-fg, #0284c7);font-weight:600;position:relative}.ctx-item-selected::before{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:4px;height:24px;background-color:var(--color-primary, #008a16);border-radius:4px}.ctx-item-selected .ctx-icon-area{color:var(--ctx-active-icon, inherit)}.ctx-item-disabled{opacity:0.55;cursor:not-allowed}.ctx-icon-area{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--ctx-icon, var(--text-muted, #6b7280));font-size:14px;flex-shrink:0}.ctx-sub-arrow{color:var(--ctx-muted, var(--text-muted, #9ca3af));font-weight:600;justify-self:end}.ctx-divider{height:1px;margin:6px 8px;background:var(--ctx-divider, #e5e7eb)}.ctx-header{padding:8px 12px;font-size:11px;text-transform:uppercase;color:var(--ctx-muted, var(--text-muted, #9ca3af));font-weight:600;letter-spacing:0.5px;pointer-events:none}.ctx-item-danger{color:var(--color-danger, #ef4444);}.ctx-item-danger:hover{background:var(--bg-primary, #fee2e2);color:var(--color-danger, #b91c1c);}.ctx-item-danger .ctx-icon-area{color:currentColor}.ctx-description{display:block;font-size:11px;color:var(--ctx-muted, var(--text-muted, #6b7280));margin-top:2px;line-height:1.3}.ctx-text-content{display:flex;flex-direction:column;flex:1;min-width:0}.ctx-label-row{display:flex;align-items:center;justify-content:space-between;width:100%}.ctx-item-content{display:flex;align-items:center;gap:8px;padding:6px 10px;text-decoration:none;color:inherit;width:100%;box-sizing:border-box}.ctx-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctx-shortcut{margin-left:8px}.ctx-submenu{position:absolute;top:0;left:calc(100% + 4px);min-width:220px;max-width:min(320px, 100vw - 16px);background:var(--ctx-bg, var(--bg-primary, #ffffff));backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border:1px solid var(--ctx-border, var(--border-default, #e5e7eb));border-radius:10px;box-shadow:0 12px 28px rgba(0, 0, 0, 0.25), 0 8px 10px rgba(0, 0, 0, 0.15);padding:6px;z-index:1000}.ctx-sub-left{left:auto;right:calc(100% + 4px)}@media (prefers-color-scheme: dark){.ctx-menu,.ctx-submenu{background:var(--ctx-bg, var(--bg-secondary, #111827));color:var(--ctx-fg, #f3f4f6);border-color:var(--ctx-border, var(--border-default, #374151));box-shadow:0 12px 28px rgba(0, 0, 0, 0.48), 0 8px 10px rgba(0, 0, 0, 0.35)}.ctx-item:hover,.ctx-item-active{background:var(--ctx-hover, var(--bg-primary, #1f2937))}.ctx-divider{background:var(--ctx-divider, #374151)}.ctx-muted,.ctx-shortcut,.ctx-sub-arrow{color:var(--text-muted, #9ca3af)}}:host([theme=green]) .ctx-menu,:host-context([data-theme=green]) .ctx-menu,:host-context(.green) .ctx-menu,html[data-theme=green] :host .ctx-menu,:host([theme=green]) .ctx-submenu,:host-context([data-theme=green]) .ctx-submenu,:host-context(.green) .ctx-submenu,html[data-theme=green] :host .ctx-submenu{--ctx-bg:var(--color-success, #3dcd58);--ctx-fg:var(--bg-primary, #ffffff);--ctx-border:rgba(255, 255, 255, 0.2);--ctx-hover:rgba(255, 255, 255, 0.1);--ctx-active:rgba(255, 255, 255, 0.2);--ctx-active-fg:var(--bg-primary, #ffffff);--ctx-active-icon:var(--bg-primary, #ffffff);--ctx-divider:rgba(255, 255, 255, 0.2);--ctx-muted:rgba(255, 255, 255, 0.7);box-shadow:0 12px 28px rgba(0, 0, 0, 0.2), 0 8px 10px rgba(0, 0, 0, 0.1)}:host([theme=green]) .ctx-shortcut,:host([theme=green]) .ctx-sub-arrow,:host-context([data-theme=green]) .ctx-shortcut,:host-context([data-theme=green]) .ctx-sub-arrow,:host-context(.green) .ctx-shortcut,:host-context(.green) .ctx-sub-arrow{color:rgba(255, 255, 255, 0.7)}@media (prefers-reduced-motion: reduce){.ctx-menu{animation:none}}';const f=class{constructor(o){t(this,o)}name;library="default";src;size;fill;color;spin=!1;label;loading=!1;fetchedSvg="";isFetching=!1;get el(){return i(this)}lucideContainer;static lucideLoadingPromise=null;static svgCache=new Map;handleIconChange(){this.initLucide(),this.loadRemoteSvg()}componentWillLoad(){this.loadRemoteSvg()}componentDidLoad(){this.initLucide(),this.ensureLibraryStyles()}componentDidUpdate(){this.initLucide(),this.ensureLibraryStyles()}async loadRemoteSvg(){const t=(this.library||"default").trim().toLowerCase(),o=(this.name||"").trim();if(!o||"iconoir"!==t&&"custom"!==t&&"default"!==t)return void(this.fetchedSvg="");let i="";if("iconoir"===t&&(i=`https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/icons/regular/${o.startsWith("iconoir-")?o.replace("iconoir-",""):o}.svg`),i)if(f.svgCache.has(i))this.fetchedSvg=f.svgCache.get(i);else{this.isFetching=!0;try{const t=await fetch(i);if(t.ok){const o=(await t.text()).replace(/width=".*?"/,'width="100%"').replace(/height=".*?"/,'height="100%"');f.svgCache.set(i,o),this.fetchedSvg=o}}catch(t){this.fetchedSvg=""}finally{this.isFetching=!1}}else this.fetchedSvg=""}async initLucide(){"lucide"===this.getEffectiveLibrary()&&this.lucideContainer&&(window.lucide||(f.lucideLoadingPromise||(f.lucideLoadingPromise=new Promise((t=>{let o=0;const i=()=>{window.lucide?t():o<100?(o++,setTimeout(i,100)):(console.warn("[ui-icon] Global Lucide load timeout after 10s. Icon library may be blocked or slow."),t())};i()}))),await f.lucideLoadingPromise),this.renderLucideIcon())}renderLucideIcon(){const t=window.lucide;if(!t||!this.lucideContainer)return;const o=(this.name||"").trim();if(!o)return;this.lucideContainer.innerHTML="";const i=o.replace(/(^\w|-\w)/g,(t=>t.replace(/-/,"").toUpperCase()));try{const r=t.icons?t.icons[i]:null;if(r&&"function"==typeof r.toSVG){const t=r.toSVG({width:"100%",height:"100%",stroke:"currentColor",fill:this.fill||"none","stroke-width":2});this.lucideContainer.innerHTML=a(t)}else{const i=document.createElement("i");i.setAttribute("data-lucide",o),i.style.display="block",i.style.width="100%",i.style.height="100%",this.lucideContainer.appendChild(i),t.createIcons({icons:t.icons,root:this.lucideContainer,attrs:{width:"100%",height:"100%",stroke:"currentColor",fill:this.fill||"none","stroke-width":2}})}}catch(i){console.warn(`[ui-icon] Render failed for "${o}", trying fallback...`),"function"==typeof t.createIcons&&t.createIcons()}}isSvgPath(t){if("string"!=typeof t)return!1;const o=t.trim();return/^[mM]\s*[-+]?(?:\d*\.\d+|\d+)/.test(o)&&/[a-zA-Z]/.test(o.substring(1))}isUrl(t){return"string"==typeof t&&(t.startsWith("http")||t.startsWith("/")||t.startsWith("./")||t.startsWith("../")||t.includes(".svg")||t.includes(".png")||t.includes(".jpg"))}isEmoji(t){return"string"==typeof t&&/\p{Extended_Pictographic}/u.test(t)}getParsedSize(){if("number"==typeof this.size)return`${this.size}px`;if(!this.size)return"var(--size, 1em)";const t={xxxs:"0.75rem",xxs:"0.875rem",xs:"1rem",sm:"1.125rem",md:"1.25rem",lg:"1.375rem",xl:"1.5rem",xxl:"1.75rem",xxxl:"2rem"},o=this.size?.toString().trim()??"",i=n(o,o||"md").toLowerCase();return t[i]||o.includes("px")||o.includes("rem")||o.includes("em")?t[i]||o||"16px":/^\d+$/.test(o)?`${o}px`:`var(--size, ${o})`}getEffectiveLibrary(){let t=(this.library||"default").trim().toLowerCase();const o=(this.name||"").trim();return"default"===t?this.isUrl(o)||this.isSvgPath(o)?"custom":this.isEmoji(o)?"emoji":o.includes("fa-")||o.startsWith("fa ")?"fontawesome":o.startsWith("bi-")?"bootstrap":o.startsWith("ri-")?"remixicon":"lucide":t}ensureLibraryStyles(){const t={fontawesome:"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css",icons8:"https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css",iconoir:"https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css",bootstrap:"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css",remixicon:"https://cdn.jsdelivr.net/npm/remixicon@4.6.0/fonts/remixicon.css",google:"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined"}[this.getEffectiveLibrary()];if(!t||!this.el.shadowRoot)return;if(this.el.shadowRoot.querySelector(`link[href="${t}"]`))return;const o=document.createElement("link");o.rel="stylesheet",o.href=t,this.el.shadowRoot.appendChild(o)}render(){const t=this.getParsedSize(),o=this.getEffectiveLibrary();return r(e,{key:"11a1cf7893d75e1732568ebbb3df40176c06dda6",style:{fontSize:t,width:t,height:t,color:this.color||"inherit",display:"inline-flex",alignItems:"center",justifyContent:"center"},...this.label?{role:"img","aria-label":this.label}:{"aria-hidden":"true"}},r("div",{key:"46e5027b067072e5b30ba7a18185e357bfddd072",class:"icon-container "+(this.spin?"fa-spin":"")},this.loading||this.isFetching?r("ui-loader",{size:"0.8em",color:"currentColor",type:"spinner"}):this.renderIconContent(o,t)))}renderIconContent(t,o){const i=(this.name||"").trim();if("custom"===t||this.isUrl(i)||this.isSvgPath(i)||this.src){if(this.src||this.isUrl(i))return r("img",{src:this.src||i,alt:"",style:{width:"100%",height:"100%",objectFit:"contain"}});if(this.isSvgPath(i))return r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",style:{width:"100%",height:"100%"}},r("path",{d:i}))}if("fontawesome"===t){let t=i;return i.includes("fa-")||i.startsWith("fa ")?i.startsWith("fa-")&&!i.includes(" ")&&(t=`fa-solid ${i}`):t=`fa-solid fa-${i}`,r("i",{class:t,"aria-hidden":"true",style:{fontSize:"inherit",color:"inherit"}})}if("icons8"===t){const t=i.includes("la-")?i:`las la-${i}`;return r("i",{class:t,"aria-hidden":"true",style:{fontSize:"inherit",color:"inherit"}})}if("iconoir"===t){if(this.fetchedSvg)return r("div",{class:"svg-container",style:{width:"100%",height:"100%"},innerHTML:a(this.fetchedSvg)});const t=i.startsWith("iconoir-")?i:`iconoir-${i}`;return r("i",{class:t,style:{fontSize:"inherit",color:"inherit"}})}if("ionicons"===t)return r("ion-icon",{name:this.name,style:{fontSize:o,color:this.color||"inherit"}});if("lucide"===t)return r("div",{class:"lucide-wrapper",style:{width:"100%",height:"100%"},ref:t=>this.lucideContainer=t});if("bootstrap"===t){const t=i.startsWith("bi-")?i:`bi-${i}`;return r("i",{class:`bi ${t}`,style:{fontSize:"inherit",color:"inherit"}})}if("google"===t)return r("span",{class:"material-symbols-outlined",style:{fontSize:"inherit",color:"inherit"}},this.name);if("remixicon"===t){const t=i.startsWith("ri-")?i:`ri-${i}`;return r("i",{class:t,style:{fontSize:"inherit",color:"inherit"}})}return"emoji"===t?r("span",{class:"emoji-icon","aria-hidden":"true",style:{fontSize:"inherit",lineHeight:"1",fontStyle:"normal",userSelect:"none"}},this.name):i}static get watchers(){return{name:[{handleIconChange:0}],library:[{handleIconChange:0}]}}};f.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:inline-flex;align-items:center;justify-content:center;overflow:visible;line-height:1;vertical-align:middle;color:inherit;}.material-symbols-outlined{font-family:"Material Symbols Outlined" !important;font-weight:normal;font-style:normal;font-size:1em;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.icon-container{display:flex;align-items:center;justify-content:center;line-height:1;user-select:none;width:100%;height:100%}.icon-container svg,.icon-container .lucide-wrapper svg{display:block;width:100%;height:100%}.icon-container img{display:block;width:100%;height:100%;object-fit:contain}.icon-container i{font-size:inherit;color:inherit;line-height:1;display:flex;align-items:center;justify-content:center;width:1em;height:1em}.emoji-icon{font-family:"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;font-style:normal;font-size:inherit;line-height:1;color:unset;display:inline-flex;align-items:center;justify-content:center;user-select:none}.fa-spin{animation:fa-spin 2s infinite linear}@keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}';const g=["primary","secondary","success","warning","danger","error","info","default"],x=class{constructor(i){t(this,i),this.analyticsEvent=o(this,"analyticsEvent"),this.inputChange=o(this,"inputChange"),this.inputFocus=o(this,"inputFocus"),this.inputBlur=o(this,"inputBlur"),this.inputClear=o(this,"inputClear"),this.inputKeydown=o(this,"inputKeydown"),this.inputKeyup=o(this,"inputKeyup"),this.inputCopy=o(this,"inputCopy"),this.fileSelected=o(this,"fileSelected"),this.suggestionSelected=o(this,"suggestionSelected"),this.prefixClick=o(this,"prefixClick"),this.suffixClick=o(this,"suffixClick"),this.search=o(this,"search"),this.inputInput=o(this,"inputInput"),this.focusInternal=o(this,"focusInternal"),this.pasteInternal=o(this,"pasteInternal"),this.wheelInternal=o(this,"wheelInternal"),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get element(){return i(this)}badge;color="primary";prefixColor;suffixColor;gradientDecorators=!1;rippleEffect=!0;linearLoading=!1;hintTooltip="";successPulse=!1;alwaysFloated=!1;shakeOnError=!1;maxRows=5;autocompleteSuggestions=[];voiceInput=!1;shortcutHint="";textTransform="none";relativeTime=!1;highlightMatches=!0;dropZone=!1;ghostText="";revealOnHold=!1;noSpaces=!1;alphaOnly=!1;numericOnly=!1;showPasswordStrength=!1;showProgressCircle=!1;dirtyTracking=!1;defaultValue="";otpLength=6;voiceEnabled=!1;statusIndicator="none";validationTrigger="onInput";gradientBorder=!1;backdropSheen=!1;isPasswordHeld=!1;currentGhost="";isDirty=!1;isRecording=!1;isDragging=!1;rippleX=0;rippleY=0;showRipple=!1;showClearButton=!1;customClass;analyticsEvent;inputElement;colorPickerElement;filePickerElement;debounceTimer;internals;type="text";variant="outlined";size="md";width;value="";placeholder="";label="";helperText="";errorText="";successText="";warningText="";infoText="";validationState="none";disabled=!1;readonly=!1;required=!1;multiline=!1;rows=3;autoResize=!1;minRows;cols;maxLength;minLength;showCounter=!1;showClear=!1;showPasswordToggle=!0;prefixIcon="";suffixIcon="";prefixText="";suffixText="";floatingLabel=!1;autocomplete="off";min;max;step;pattern;name;inputId;debounce=0;loading=!1;fullWidth=!1;autofocus=!1;customTabIndex;showCopy=!1;density="standard";showDividers=!1;mask="none";currency="USD";accept;multiple=!1;minLengthIndicator;maxLengthIndicator;tooltip;suggestions=[];inputmode;clearIcon="x-circle";showSteppers=!1;showTypeIcon=!0;formatter;parser;autoSelect=!1;autoTrim=!1;rtl=!1;passwordStrengthCalculator;resize="vertical";enterkeyhint;passwordIcon="eye";passwordVisibleIcon="eye-off";skeleton=!1;prefixClickable=!1;suffixClickable=!1;allowedChars="";blockInvalidPaste=!1;customMask="";selectOnClick=!1;clearOnEscape=!0;autoCapitalize="none";async setFocus(){this.inputElement&&this.inputElement.focus()}async openFilePicker(){this.filePickerElement&&this.filePickerElement.click()}async openColorPicker(){this.colorPickerElement&&this.colorPickerElement.click()}isFocused=!1;isPasswordVisible=!1;currentLength=0;showSuggestions=!1;selectedSuggestionIndex=-1;rangeValue=50;shake=!1;passwordStrength=0;capsLockOn=!1;selectedFileNames="";internalErrorText="";validate(t){if(!t&&!this.required)return this.validationState="none",void(this.internalErrorText="");if("email"===this.type&&t&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t))return this.validationState="error",void(this.internalErrorText="Please enter a valid email address");if("color"===this.type&&t&&!/^#([A-Fa-f0-9]{3}){1,2}$/.test(t))return this.validationState="error",void(this.internalErrorText="Please enter a valid Hex color (e.g. #ff0000)");if("url"===this.type&&t&&!/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/i.test(t))return this.validationState="error",void(this.internalErrorText="Please enter a valid URL");if(this.pattern&&t&&!new RegExp(this.pattern).test(t))return this.validationState="error",void(this.internalErrorText="Please match the requested format");if("number"===this.type&&t){const o=parseFloat(t);if(void 0!==this.min&&o<parseFloat(this.min))return this.validationState="error",void(this.internalErrorText=`Value must be greater than or equal to ${this.min}`);if(void 0!==this.max&&o>parseFloat(this.max))return this.validationState="error",void(this.internalErrorText=`Value must be less than or equal to ${this.max}`)}if(t){if(this.minLengthIndicator&&t.length<this.minLengthIndicator)return this.validationState="error",void(this.internalErrorText=`Please lengthen this text to ${this.minLengthIndicator} characters or more`);if(this.maxLengthIndicator&&t.length>this.maxLengthIndicator)return this.validationState="error",void(this.internalErrorText=`Please shorten this text to ${this.maxLengthIndicator} characters or less`)}"error"===this.validationState&&this.internalErrorText?this.internals&&this.internals.setValidity({customError:!0},this.internalErrorText,this.inputElement):(this.internals&&this.internals.setValidity({}),this.validationState="none",this.internalErrorText="")}updateFormValue(){this.internals&&this.internals.setFormValue(this.value)}inputChange;inputFocus;inputBlur;inputClear;inputKeydown;inputKeyup;inputCopy;fileSelected;suggestionSelected;prefixClick;suffixClick;search;inputInput;focusInternal;pasteInternal;wheelInternal;valueChanged(t){this.currentLength=t?.length||0,this.autoTrim&&t&&(this.value=t.trim()),this.dirtyTracking&&(this.isDirty=t!==this.defaultValue),this.autoResize&&this.multiline&&this.inputElement&&this.resizeTextarea(),"password"===this.type&&t&&(this.passwordStrength=this.calculatePasswordStrength(t)),"range"===this.type&&(this.rangeValue=parseFloat(t)||0),this.updateClearButtonVisibility(),this.updateFormValue()}handleValidationStateChange(t){this.shakeOnError&&"error"===t&&(this.shake=!0,setTimeout((()=>this.shake=!1),600))}handleShakeChange(t){t&&setTimeout((()=>this.shake=!1),600)}componentWillLoad(){"function"==typeof this.attachInternals&&(this.internals=this.attachInternals()),this.currentLength=this.value?.length||0,"range"===this.type&&this.value&&(this.rangeValue=parseFloat(this.value)||0),this.updateFormValue()}resizeObserver;componentDidLoad(){this.autoResize&&this.multiline&&this.inputElement&&(this.resizeTextarea(),this.resizeObserver=new ResizeObserver((()=>{this.resizeTextarea()})),this.resizeObserver.observe(this.inputElement))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect(),this.debounceTimer&&clearTimeout(this.debounceTimer)}updateClearButtonVisibility(){this.showClearButton=this.showClear&&!!this.value}getRangePercentage(){const t=parseFloat(this.min)||0,o=parseFloat(this.max)||100;return(this.rangeValue-t)/(o-t)*100}resizeTextarea(){if(this.inputElement&&this.multiline){const t=this.inputElement;t.style.height="auto";const o=parseInt(getComputedStyle(t).lineHeight)||20,i=this.maxRows?this.maxRows*o:0;let r=t.scrollHeight;this.maxRows&&r>i&&i>0?(t.style.height=`${i}px`,t.style.overflowY="auto"):(t.style.height=`${r}px`,t.style.overflowY="hidden")}}getMaskPlaceholder(){return this.customMask?this.customMask.replace(/#/g,"X").replace(/A/g,"X"):{phone:"(XXX) XXX-XXXX","credit-card":"XXXX XXXX XXXX XXXX",date:"MM/DD/YYYY",currency:"$0.00",ssn:"XXX-XX-XXXX",zip:"XXXXX",none:""}[this.mask]||""}applyMask(t){if(!t)return t;if(this.customMask){const o=t.replace(/[^A-Za-z0-9]/g,"");let i="",r=0;for(let t=0;t<this.customMask.length&&r<o.length;t++){const e=this.customMask[t];i+="#"===e||"A"===e?o[r++]:e}return i}if("none"===this.mask&&"currency"!==this.type)return t;const o="currency"===this.type?"currency":this.mask,i=t.replace(/\D/g,"");switch(o){case"phone":return i?i.length<=3?`(${i}`:i.length<=6?`(${i.slice(0,3)}) ${i.slice(3)}`:`(${i.slice(0,3)}) ${i.slice(3,6)}-${i.slice(6,10)}`:"";case"credit-card":return i.match(/.{1,4}/g)?.join(" ").slice(0,19)||i;case"date":return i.length<=2?i:i.length<=4?`${i.slice(0,2)}/${i.slice(2)}`:`${i.slice(0,2)}/${i.slice(2,4)}/${i.slice(4,8)}`;case"currency":{if(!i)return"";const t=(parseInt(i)/100).toFixed(2);return new Intl.NumberFormat("en-US",{style:"currency",currency:this.currency}).format(parseFloat(t))}case"ssn":return i.length<=3?i:i.length<=5?`${i.slice(0,3)}-${i.slice(3)}`:`${i.slice(0,3)}-${i.slice(3,5)}-${i.slice(5,9)}`;case"zip":return i.slice(0,5);default:return t}}calculatePasswordStrength(t){if(this.passwordStrengthCalculator)return this.passwordStrengthCalculator(t);let o=0;return t.length>=1&&(t.length>=8&&o++,/[A-Z]/.test(t)&&o++,/[0-9]/.test(t)&&o++,/[^A-Za-z0-9]/.test(t)&&o++),o}applyTextTransform(t){if(!t||"none"===this.textTransform)return t;switch(this.textTransform){case"uppercase":return t.toUpperCase();case"lowercase":return t.toLowerCase();case"capitalize":return t.charAt(0).toUpperCase()+t.slice(1).toLowerCase();case"pascal":return t.split(/\s+/).map((t=>t.charAt(0).toUpperCase()+t.slice(1).toLowerCase())).join("");case"words":return t.split(" ").map((t=>t.charAt(0).toUpperCase()+t.slice(1).toLowerCase())).join(" ");case"sentences":return t.split(". ").map((t=>t.charAt(0).toUpperCase()+t.slice(1))).join(". ");default:return t}}recognition=null;voiceStatusTimer=null;setVoiceStatus(t){this.isRecording=t,t?this.statusIndicator="listening":(this.statusIndicator="none",clearTimeout(this.voiceStatusTimer),this._voiceOffLabel=!0,this.voiceStatusTimer=setTimeout((()=>{this._voiceOffLabel=!1,this.isRecording=!1}),1500))}startVoiceRecognition=()=>{if(this.isRecording)return void(this.recognition?this.recognition.stop():this.setVoiceStatus(!1));const t=window.SpeechRecognition||window.webkitSpeechRecognition;t?(this.recognition=new t,this.recognition.continuous=!1,this.recognition.interimResults=!1,this.recognition.onstart=()=>this.setVoiceStatus(!0),this.recognition.onend=()=>{this.setVoiceStatus(!1),this.recognition=null},this.recognition.onerror=()=>{this.setVoiceStatus(!1),this.recognition=null},this.recognition.onresult=t=>{this.value=this.applyTextTransform(t.results[0][0].transcript),this.inputInput.emit(this.value),this.inputChange.emit(this.value)},this.setVoiceStatus(!0),this.recognition.start()):this.setVoiceStatus(!0)};handleMouseDown=t=>{if(!this.rippleEffect)return;const o=t.currentTarget.getBoundingClientRect();this.rippleX=t.clientX-o.left,this.rippleY=t.clientY-o.top,this.showRipple=!0,setTimeout((()=>this.showRipple=!1),600)};handleDragOver=t=>{this.dropZone&&"file"===this.type&&(t.preventDefault(),this.isDragging=!0)};handleDragLeave=()=>{this.isDragging=!1};handleDrop=t=>{if(!this.dropZone||"file"!==this.type)return;t.preventDefault(),this.isDragging=!1;const o=t.dataTransfer?.files;if(o&&o.length>0){if(this.filePickerElement){this.filePickerElement.files=o;const t=new window.Event("input",{bubbles:!0});this.filePickerElement.dispatchEvent(t)}this.selectedFileNames=Array.from(o).map((t=>t.name)).join(", "),this.fileSelected.emit(o)}};highlightTextMatches(t){if(!t||!this.value||!this.highlightMatches)return t;const o=this.value.toLowerCase(),i=t.toLowerCase().indexOf(o);return-1===i?t:r("span",null,t.slice(0,i),r("b",{class:"match-highlight"},t.slice(i,i+o.length)),t.slice(i+o.length))}getRelativeTimeString(t){try{const o=new Date(t);if(isNaN(o.getTime()))return"";const i=new Date,r=Math.round((o.getTime()-i.getTime())/864e5);return new Intl.RelativeTimeFormat("en",{numeric:"auto"}).format(r,"day")}catch{return""}}applyZenithFiltering(t){let o=t;return this.noSpaces&&(o=o.replace(/\s/g,"")),this.alphaOnly&&(o=o.replace(/[^a-zA-Z]/g,"")),this.numericOnly&&(o=o.replace(/[^0-9.]/g,"")),o}handleInput=t=>{const o=t.target;let i=o.value;if(i=this.applyZenithFiltering(i),i=this.applyTextTransform(i),o.value=i,this.ghostText&&(this.currentGhost=i&&this.ghostText.toLowerCase().startsWith(i.toLowerCase())?this.ghostText.slice(i.length):""),this.allowedChars){const t=new RegExp(this.allowedChars,"g"),r=i.match(t);i=r?r.join(""):"",o.value!==i&&(o.value=i)}if("number"===this.type){i=i.replace(/(?!^-)[^0-9.]/g,"");const t=i.split(".");t.length>2&&(i=t[0]+"."+t.slice(1).join("")),o.value=i}if(this.parser&&(i=this.parser(i)),"none"===this.mask&&"currency"!==this.type||"password"===this.type||(i=this.applyMask(i),o.value=i),"range"===this.type&&(this.rangeValue=parseFloat(i)),"file"===this.type&&o instanceof HTMLInputElement&&o.files){const t=Array.from(o.files);return this.selectedFileNames=t.map((t=>t.name)).join(", "),void this.fileSelected.emit(o.files)}this.value=i,this.currentLength=i.length,"onInput"===this.validationTrigger&&this.validate(i),this.autoResize&&this.multiline&&this.resizeTextarea(),(this.suggestions.length>0||this.autocompleteSuggestions.length>0)&&i&&(this.showSuggestions=!0,this.selectedSuggestionIndex=-1),this.debounce>0?(clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{this.inputChange.emit(this.value),this.analyticsEvent&&this.analyticsEvent.emit({value:this.value})}),this.debounce)):(this.inputChange.emit(this.value),this.analyticsEvent&&this.analyticsEvent.emit({value:this.value}))};handleFocus=t=>{this.isFocused=!0,this.inputFocus.emit(t),(this.autoSelect||this.selectOnClick)&&this.inputElement&&this.inputElement.select()};handleBlur=t=>{this.isFocused=!1,"onInput"!==this.validationTrigger&&"onBlur"!==this.validationTrigger||this.validate(this.value),this.inputBlur.emit(t),this.autoTrim&&this.value&&(this.value=this.value.trim(),this.inputChange.emit(this.value))};handleRangeManualInput=t=>{const o=t.target.value,i=parseFloat(this.min)||0,r=parseFloat(this.max)||100;let e=parseFloat(o);isNaN(e)||(e<i&&(e=i),e>r&&(e=r),this.rangeValue=e,this.value=e.toString(),this.inputChange.emit(this.value))};stepValue=t=>{if(this.disabled||this.readonly||"number"!==this.type)return;const o=parseFloat(this.step)||1,i=parseFloat(this.value)||0,r=(this.step?.toString().split(".")[1]||"").length;let e="up"===t?i+o:i-o;e=parseFloat(e.toFixed(r)),void 0!==this.min&&(e=Math.max(parseFloat(this.min),e)),void 0!==this.max&&(e=Math.min(parseFloat(this.max),e)),this.value=e.toString(),this.inputChange.emit(this.value)};renderSteppers(){return"number"===this.type&&this.showSteppers&&"plain"!==this.variant&&"borderless"!==this.variant?r("div",{class:"stepper-controls"},r("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,onClick:()=>this.stepValue("up"),disabled:this.disabled||this.readonly,tabIndex:-1,icon:"chevron-up",iconLibrary:"lucide",ariaLabel:"Increase value"}),r("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,onClick:()=>this.stepValue("down"),disabled:this.disabled||this.readonly,tabIndex:-1,icon:"chevron-down",iconLibrary:"lucide",ariaLabel:"Decrease value"})):null}handleClear=()=>{this.value="",this.currentLength=0,this.inputChange.emit(this.value),this.inputClear.emit(),this.inputElement&&this.inputElement.focus()};handleKeydown=t=>{if("password"===this.type&&"function"==typeof t.getModifierState&&(this.capsLockOn=t.getModifierState("CapsLock")),"number"===this.type&&("ArrowUp"===t.key||"ArrowDown"===t.key))return t.preventDefault(),this.stepValue("ArrowUp"===t.key?"up":"down"),void this.inputKeydown.emit(t);if(this.showSuggestions&&this.suggestions.length>0){const o=this.getFilteredSuggestions();"ArrowDown"===t.key?(t.preventDefault(),this.selectedSuggestionIndex=Math.min(this.selectedSuggestionIndex+1,o.length-1)):"ArrowUp"===t.key?(t.preventDefault(),this.selectedSuggestionIndex=Math.max(this.selectedSuggestionIndex-1,0)):"Enter"===t.key&&this.selectedSuggestionIndex>=0?(t.preventDefault(),this.selectSuggestion(o[this.selectedSuggestionIndex])):"Escape"===t.key&&(this.showSuggestions=!1,this.selectedSuggestionIndex=-1)}else"Escape"===t.key&&this.clearOnEscape&&this.handleClear();"Enter"===t.key&&"search"===this.type&&this.search.emit(this.value),this.inputKeydown.emit(t)};handleKeyup=t=>{"password"===this.type&&"function"==typeof t.getModifierState&&(this.capsLockOn=t.getModifierState("CapsLock")),this.inputKeyup.emit(t)};handleCopy=async()=>{if(this.value)try{await navigator.clipboard.writeText(this.value),this.inputCopy.emit(this.value)}catch(t){console.error("Failed to copy:",t)}};selectSuggestion(t){this.value=t,this.showSuggestions=!1,this.selectedSuggestionIndex=-1,this.suggestionSelected.emit(t),this.inputChange.emit(t)}getFilteredSuggestions(){if(!this.suggestions||!Array.isArray(this.suggestions))return[];if(!this.value)return this.suggestions;const t=this.value.toLowerCase();return this.suggestions.filter((o=>o&&"string"==typeof o&&o.toLowerCase().includes(t)))}getCurrencyIcon(){if(this.currency)return{USD:"dollar-sign",EUR:"euro",GBP:"pound-sterling",JPY:"japanese-yen",INR:"indian-rupee",RUB:"russian-ruble",ILS:"shekel-sign"}[this.currency.toUpperCase()]}renderCurrencyText(){try{if(this.getCurrencyIcon())return null;const t=new Intl.NumberFormat("en",{style:"currency",currency:this.currency||"USD"}).formatToParts(0),o=t.find((t=>"currency"===t.type))?.value||"$";return r("span",{class:"prefix-text currency-text"},o)}catch{return r("span",{class:"prefix-text currency-text"},this.currency||"$")}}getValidationMessage(){return"error"===this.validationState?this.errorText||this.internalErrorText:"success"===this.validationState?this.successText:"warning"===this.validationState?this.warningText:"info"===this.validationState?this.infoText:this.helperText}renderPrefixIcon(){if(this.prefixText)return r("span",{class:"prefix-text"},this.prefixText);let t=this.prefixIcon;if("none"===t||"false"===t)return null;if(t||!this.showTypeIcon||this.prefixText||(t={search:"search",email:"mail",tel:"phone",url:"link",date:"calendar",currency:this.getCurrencyIcon()}[this.type]??""),!t&&"currency"===this.type)return this.renderCurrencyText();if(t||"credit-card"!==this.mask||(t="credit-card"),t||"color"!==this.type||(t="palette"),"number"===this.type&&("plain"===this.variant||"borderless"===this.variant)&&!this.prefixIcon)return null;const o=!!this.element.querySelector('[slot="prefix-icon"]');return t||o?r("div",{class:{"prefix-icon":!0,"prefix-icon--clickable":this.prefixClickable,[`block-color-${this.prefixColor}`]:!!this.prefixColor},onClick:()=>this.prefixClickable&&this.prefixClick.emit(),role:this.prefixClickable?"button":void 0,tabIndex:this.prefixClickable?0:void 0,"aria-label":this.prefixClickable?"Prefix action":void 0},r("slot",{name:"prefix-icon"},t&&r("ui-icon",{library:"lucide",name:t,color:"currentColor"}))):null}renderSuffixContent(){const t=[];if(this.showClearButton&&t.push(r("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,class:"clear-button",onClick:this.handleClear,ariaLabel:"Clear input",tabIndex:-1,icon:this.clearIcon,iconLibrary:"lucide"})),"password"===this.type&&this.showPasswordToggle){const o=()=>{this.revealOnHold&&(this.isPasswordHeld=!0)},i=()=>{this.revealOnHold&&(this.isPasswordHeld=!1)};t.push(r("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,class:"password-toggle",onClick:()=>!this.revealOnHold&&(this.isPasswordVisible=!this.isPasswordVisible),onMouseDown:o,onMouseUp:i,onMouseLeave:i,onTouchStart:o,onTouchEnd:i,ariaLabel:this.isPasswordVisible?"Hide password":"Show password",tabIndex:-1,icon:this.isPasswordVisible||this.isPasswordHeld?this.passwordVisibleIcon:this.passwordIcon,iconLibrary:"lucide"}))}if(this.capsLockOn&&t.push(r("div",{class:"caps-lock-warning",title:"Caps Lock is ON"},r("ui-icon",{library:"lucide",name:"arrow-big-up"}))),this.loading&&t.push(r("ui-icon",{library:"lucide",name:"loader-2",class:"loading-spinner",spin:!0})),this.showCopy&&t.push(r("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,class:"copy-button",onClick:this.handleCopy,ariaLabel:"Copy to clipboard",icon:"copy",iconLibrary:"lucide"})),this.showProgressCircle&&this.maxLength){const o=Math.min(this.currentLength/this.maxLength*100,100),i=9,e=2*Math.PI*i,a=e-o/100*e;t.push(r("div",{class:"progress-circle-container",title:`${this.currentLength}/${this.maxLength}`},r("svg",{class:"progress-circle-svg",viewBox:"0 0 24 24"},r("circle",{class:"ring-track",cx:"12",cy:"12",r:i}),r("circle",{class:"ring-fill",cx:"12",cy:"12",r:i,style:{strokeDasharray:`${e}`,strokeDashoffset:`${a}`}}))))}(this.voiceEnabled||this.voiceInput)&&t.push(r("ui-button",{variant:this.isRecording?"danger":"ghost",size:"xxs",iconOnly:!0,class:{"voice-button":!0,"is-recording":this.isRecording},onClick:this.startVoiceRecognition,ariaLabel:this.isRecording?"Stop listening":"Start voice input",title:this.isRecording?"Listening… click to stop":"Click to speak",icon:this.isRecording?"mic-off":"mic",iconLibrary:"lucide"})),this.shortcutHint&&t.push(r("div",{class:"shortcut-hint"},this.shortcutHint));const o=!!this.element.querySelector('[slot="suffix-icon"]');return(this.suffixIcon||o)&&t.push(r("div",{class:{"suffix-icon":!0,"suffix-icon--clickable":this.suffixClickable,[`block-color-${this.suffixColor}`]:!!this.suffixColor},onClick:()=>this.suffixClickable&&this.suffixClick.emit(),role:this.suffixClickable?"button":void 0,tabIndex:this.suffixClickable?0:void 0,"aria-label":this.suffixClickable?"Suffix action":void 0},r("slot",{name:"suffix-icon"},this.suffixIcon&&r("ui-icon",{library:"lucide",name:this.suffixIcon,color:"currentColor"})))),t.length>0?t:null}renderLengthIndicator(){if(!this.minLengthIndicator&&!this.maxLengthIndicator)return null;const t=this.currentLength,o=this.minLengthIndicator||this.minLength||0,i=this.maxLengthIndicator||this.maxLength||0;let e="normal";return o&&t<o&&(e="warning"),i&&t>i&&(e="error"),o&&t>=o&&i&&t<=i&&(e="success"),r("span",{class:`length-indicator ${e}`},o&&t<o&&o-t+" more characters needed",i&&`${t}/${i}`)}renderAutocomplete(){const t=this.getFilteredSuggestions(),o=this.autocompleteSuggestions.length>0?this.autocompleteSuggestions:t.map((t=>({text:t,subtitle:void 0,icon:void 0})));return this.showSuggestions&&0!==o.length?r("div",{class:"autocomplete-dropdown",exportparts:"dropdown"},o.map(((t,o)=>t?r("div",{class:{"autocomplete-item":!0,active:o===this.selectedSuggestionIndex},onClick:()=>this.selectSuggestion(t.text)},t.icon&&r("ui-icon",{library:"lucide",name:t.icon,class:"suggestion-icon"}),r("div",{class:"suggestion-text-block"},r("span",{class:"suggestion-main-text"},this.highlightTextMatches(t.text)),t.subtitle&&r("span",{class:"suggestion-subtitle"},t.subtitle))):null))):null}render(){const t="color"===this.type,o="file"===this.type,i="otp"===this.type||"pin"===this.type,a=this.isPasswordVisible||this.isPasswordHeld||t||o?"text":this.type,n=this.getValidationMessage(),c=this.color&&!g.includes(this.color),d={...c?{"--ui-custom-color":this.color,"--ui-custom-color-rgb":s(this.color)}:{},"--ui-input-width":this.width},l=!!(this.prefixIcon&&"none"!==this.prefixIcon&&"false"!==this.prefixIcon||this.prefixText||this.showTypeIcon&&["search","email","tel","url","date","currency"].includes(this.type)&&!this.prefixIcon&&!this.prefixText&&"plain"!==this.variant&&"borderless"!==this.variant||t||"currency"===this.type),p={"input-wrapper":!0,focused:this.isFocused,disabled:this.disabled,readonly:this.readonly,"has-value":!!this.value,"has-prefix":l,"has-suffix":!!(this.suffixIcon&&"none"!==this.suffixIcon&&"false"!==this.suffixIcon||this.suffixText||this.showClear||"search"===this.type||"password"===this.type&&this.showPasswordToggle||this.loading||this.showCopy||this.voiceInput||this.shortcutHint),multiline:this.multiline,"full-width":this.fullWidth,"shake-animation":this.shake,"gradient-decorators":this.gradientDecorators,"is-always-floated":this.alwaysFloated,"is-success-pulse":this.successPulse&&"success"===this.validationState,"is-skeleton":this.skeleton,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0,[`density-${this.density}`]:!0,"is-otp":i,"has-gradient-border":this.gradientBorder,"has-backdrop-sheen":this.backdropSheen},h={ref:t=>this.inputElement=t,class:"input-field",placeholder:!this.floatingLabel||this.isFocused||this.value?this.placeholder||this.getMaskPlaceholder():"",disabled:this.disabled,readonly:this.readonly,required:this.required,autocomplete:this.autocomplete,maxlength:i?this.otpLength:this.maxLength,name:this.name,id:this.inputId,autofocus:this.autofocus,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeydown,onKeyUp:this.handleKeyup};return r(e,{key:"9a60ec147a5fa55b2e8b5707480b548c42f5ae9e",class:{[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0,"full-width":this.fullWidth,[`has-${this.validationState}`]:"none"!==this.validationState,[`input-color-${c?"custom":this.color}`]:!0,"shake-animation":this.shake,focused:this.isFocused},style:d},r("div",{key:"e502dc3eb3906454cc9dd59d90ace7733c0d28be",class:{...p,"input-ripple":this.rippleEffect}},this.label&&!this.floatingLabel&&!i&&r("label",{key:"cf95f5a2c55b665b381e101da1935817e5f6854e",class:"input-label"},this.label,this.required&&"*"),r("div",{key:"720476ab6d027d170c9f6578aafbd9dd6d4666ab",class:"input-container",onMouseDown:this.handleMouseDown,onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop},r("div",{key:"0aa6363f0ab1ce0b1258faa1a8e50edd2ce0194a",class:"clipping-layer"},this.showRipple&&r("div",{key:"870e6c126209301040ab87cb8268292c4554c8c6",class:"liquid-ripple",style:{left:`${this.rippleX}px`,top:`${this.rippleY}px`}}),this.linearLoading&&r("div",{key:"0142a9159ae2da923f4cb8e235d450949b218858",class:"linear-loading-bar"}),this.backdropSheen&&r("div",{key:"16201b907180eecf6572aa4d35acd4dc4195c2c9",class:"backdrop-sheen-effect"})),this.renderAutocomplete(),(this.badge||this.dirtyTracking&&this.isDirty)&&r("span",{key:"d39d26d0cf846f63623798af36b1a3246b27c475",class:"input-badge "+(this.badge?"":"dot-mode")},this.badge||""),this.renderPrefixIcon(),this.floatingLabel&&!i&&r("label",{key:"b97c78efd92e947be92260d99e6ce33a5819e752",class:"floating-label"},this.label,this.required&&"*"),this.multiline?r("textarea",{...h,style:{resize:this.autoResize?"none":this.resize},value:this.value}):i?r("div",{class:"otp-container"},Array.from({length:this.otpLength}).map(((t,o)=>r("div",{class:{"otp-box":!0,filled:this.value.length>o,active:this.value.length===o&&this.isFocused}},this.value[o]||""))),r("input",{...h,style:{opacity:"0",position:"absolute",inset:"0",caretColor:"transparent"}})):"range"===this.type?r("div",{class:"range-input-wrapper",style:{"--range-progress":`${this.getRangePercentage()}%`}},r("input",{...h,type:"range",value:this.rangeValue,min:this.min||0,max:this.max||100,step:this.step||1}),r("div",{class:"range-manual-adornment"},r("input",{type:"number",class:"range-manual-input",value:this.rangeValue,min:this.min||0,max:this.max||100,step:this.step||1,onInput:this.handleRangeManualInput}))):r("div",{class:"input-field-stack"},r("input",{...h,type:a,value:o?this.selectedFileNames:this.value}),this.currentGhost&&r("span",{class:"ghost-text-overlay",onClick:()=>this.value=this.ghostText},this.currentGhost)),t&&r("input",{key:"b7cc0f56b519fcded55dca59706f65d68e2d4a6c",type:"color",style:{opacity:"0",position:"absolute",inset:"0",pointerEvents:"none"},value:this.value||"#000000",onInput:t=>{this.value=t.target.value,this.inputChange.emit(this.value)},ref:t=>this.colorPickerElement=t}),o&&r("input",{key:"25e806d92c00ba0152a107688613355cfe5068ee",type:"file",style:{opacity:"0",position:"absolute",inset:"0",cursor:"pointer",zIndex:"1"},accept:this.accept,multiple:this.multiple,onInput:this.handleInput,ref:t=>this.filePickerElement=t}),this.suffixText&&r("span",{key:"da03a61e714765539b519ad8245461e81c9674bd",class:{"suffix-text":!0,[`block-color-${this.suffixColor}`]:!!this.suffixColor}},this.suffixText),("none"!==this.statusIndicator||this.isRecording||this._voiceOffLabel)&&r("div",{key:"9680ae515520a198ad817148a24df39d7a3f6a98",class:`status-indicator status-${this.isRecording?"listening":this._voiceOffLabel?"offline":this.statusIndicator}`},!this.voiceEnabled&&!this.voiceInput&&("listening"===this.statusIndicator||this.isRecording)&&r("ui-icon",{key:"0c98b998db7a897d21be1f11db346cc4e205e26b",library:"lucide",name:"mic",class:"mic-pulse"}),"listening"!==this.statusIndicator&&!this.isRecording&&!this._voiceOffLabel&&r("span",{key:"88e14b5da603333797c322df5422246341f16285",class:"status-dot"}),r("span",{key:"9d770b76bc248d7dba69d0822c0b79f3bfaabab9",class:"status-label"},this.isRecording?"Listening":this._voiceOffLabel?"Not listening":"none"!==this.statusIndicator?this.statusIndicator.charAt(0).toUpperCase()+this.statusIndicator.slice(1):null),"typing"===this.statusIndicator&&r("span",{key:"1841bca58c42f9893f293457219f191fc3a3cbaa",class:"typing-animation"},r("span",{key:"566c69184b5962469dabf7f10f6576e0cdae2252"}),r("span",{key:"fb5556bb660ac76d8a5397cdd0d91186cf88339e"}),r("span",{key:"451c92cdcd4b43f05021224e12a44ff6fbd6912b"}))),this.renderSuffixContent(),this.renderSteppers(),this.hintTooltip&&r("div",{key:"97994c03e366b0053256666df50e66b4bbaaa5b5",class:"hint-tooltip-icon",title:this.hintTooltip},r("ui-icon",{key:"a7d61711aba28201c218a6a9899f1c76dab86070",library:"lucide",name:"help-circle"}))),(n||this.showCounter||this.minLengthIndicator||this.maxLengthIndicator||"password"===this.type&&this.value&&this.showPasswordStrength)&&r("div",{key:"b12ff7f34d5fd33eb4cf8a52bcee590b79ba540a",class:"input-footer"},"password"===this.type&&this.value&&this.showPasswordStrength&&r("div",{key:"063096f5f7c035a5f3d787a6cc4c104812dbe2d2",class:"password-strength-meter"},r("div",{key:"0bc8772ccfafcac7ffd343f3ffe447e22a271be0",class:`strength-bar strength-${this.passwordStrength}`})),n&&r("span",{key:"ddfc73c09005217a0c9bfb614690ad988a76dc0b",class:"helper-text "+("none"!==this.validationState?this.validationState+"-text":"")},"error"===this.validationState&&r("ui-icon",{key:"d5a240295b07fc6bb4e76ac4c9f6154cb4819655",library:"lucide",name:"alert-circle",class:"validation-icon"}),"warning"===this.validationState&&r("ui-icon",{key:"a596776cfd419ea66b6a69ea85ca65dc2c058d0b",library:"lucide",name:"alert-triangle",class:"validation-icon"}),"success"===this.validationState&&r("ui-icon",{key:"7c3b20980d11d7d4429a4c53fad8f93fb51773e7",library:"lucide",name:"check-circle-2",class:"validation-icon"}),"info"===this.validationState&&r("ui-icon",{key:"e2d6e55549ae7c038dd9f5f293895be1c255f25e",library:"lucide",name:"info",class:"validation-icon"}),n),this.relativeTime&&"date"===this.type&&this.value&&r("span",{key:"11d4bd88d83070f3ebdad9ae53686447d6f16152",class:"relative-time-overlay"},this.getRelativeTimeString(this.value)),this.showCounter&&this.maxLength&&r("span",{key:"7f7d35051ff6a206abe35085e798609725499268",class:"character-counter"},this.currentLength,"/",this.maxLength),this.renderLengthIndicator())))}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChanged:0}],validationState:[{handleValidationStateChange:0}],shake:[{handleShakeChange:0}]}}};x.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:inline-block;width:var(--ui-input-width, auto);min-width:0;max-width:100%}:host.variant-plain{min-width:0;box-sizing:border-box}:host{--ui-input-bg:var(--bg-primary, #ffffff);--ui-input-color:var(--text-primary, #1e293b);--ui-input-color-rgb:30,   41,   59;--ui-input-border:var(--color-primary, #bfc8d8);--ui-input-border-hover:var(--color-primary, #94a3b8);--ui-input-focus:var(--color-primary, #6366f1);--ui-input-focus-rgb:99,   102,   241;--ui-input-placeholder:var(--ui-input-color);--ui-input-label:var(--label-color, var(--text-primary, #1e293b));--ui-input-helper:var(--label-subtitle-color, var(--text-muted, #64748b));--ui-input-addon-bg:var(--bg-primary, #f8fafc);--ui-input-addon-border:var(--border-subtle, #e2e8f0);--ui-input-addon-color:var(--text-muted, #64748b);--ui-input-radius:10px;--ui-input-soft-bg:var(--bg-secondary, #f8fafc);--ui-input-soft-border:var(--border-subtle, #e2e8f0);--ui-input-filled-bg:var(--bg-secondary, #f1f5f9);--ui-input-underlined-border:var(--border-default, #e2e8f0);--ui-input-placeholder-opacity:0.45}:host(.input-color-primary){--ui-input-focus:var(--color-primary, #10b981);--ui-input-focus-rgb:unquote(37, 99, 235);--ui-input-border:var(--color-primary-border, #bfdbfe);--ui-input-border-hover:var(--color-primary, #10b981);--ui-input-addon-bg:var(--color-primary, #2563eb);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-primary, #10b981);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-primary-soft, #eff6ff);--ui-input-soft-border:var(--color-primary-border, #bfdbfe);--ui-input-filled-bg:var(--color-primary-ghost, #f1f5f9)}:host :host .input-color-primary{--ui-input-focus:var(--color-primary, #10b981);--ui-input-focus-rgb:unquote(37, 99, 235);--ui-input-border:var(--color-primary-border, #bfdbfe);--ui-input-border-hover:var(--color-primary, #10b981);--ui-input-addon-bg:var(--color-primary, #2563eb);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-primary, #10b981);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-primary-soft, #eff6ff);--ui-input-soft-border:var(--color-primary-border, #bfdbfe);--ui-input-filled-bg:var(--color-primary-ghost, #f1f5f9)}:host(.has-primary){--ui-input-focus:var(--color-primary, #10b981);--ui-input-focus-rgb:unquote(37, 99, 235);--ui-input-border:var(--color-primary, #10b981);--ui-input-border-hover:var(--color-primary, #10b981);--ui-input-brand-color:var(--color-primary, #10b981)}:host.has-value .input-container,:host.focused .input-container{border-color:var(--ui-input-border) !important}:host(.input-color-secondary){--ui-input-focus:var(--color-secondary, #64748b);--ui-input-focus-rgb:unquote(100, 116, 139);--ui-input-border:var(--color-secondary-border, #e2e8f0);--ui-input-border-hover:var(--color-secondary, #64748b);--ui-input-addon-bg:var(--color-secondary, #64748b);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-secondary, #64748b);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-secondary-soft, #f1f5f9);--ui-input-soft-border:var(--color-secondary-border, #e2e8f0);--ui-input-filled-bg:var(--color-secondary-ghost, #f8fafc)}:host :host .input-color-secondary{--ui-input-focus:var(--color-secondary, #64748b);--ui-input-focus-rgb:unquote(100, 116, 139);--ui-input-border:var(--color-secondary-border, #e2e8f0);--ui-input-border-hover:var(--color-secondary, #64748b);--ui-input-addon-bg:var(--color-secondary, #64748b);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-secondary, #64748b);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-secondary-soft, #f1f5f9);--ui-input-soft-border:var(--color-secondary-border, #e2e8f0);--ui-input-filled-bg:var(--color-secondary-ghost, #f8fafc)}:host(.has-secondary){--ui-input-focus:var(--color-secondary, #64748b);--ui-input-focus-rgb:unquote(100, 116, 139);--ui-input-border:var(--color-secondary, #64748b);--ui-input-border-hover:var(--color-secondary, #64748b);--ui-input-brand-color:var(--color-secondary, #64748b)}:host.has-value .input-container,:host.focused .input-container{border-color:var(--ui-input-border) !important}:host(.input-color-success){--ui-input-focus:var(--color-success, #10b981);--ui-input-focus-rgb:unquote(16, 185, 129);--ui-input-border:var(--color-success-border, #bbf7d0);--ui-input-border-hover:var(--color-success, #10b981);--ui-input-addon-bg:var(--color-success, #10b981);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-success, #10b981);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-success-soft, #f0fdf4);--ui-input-soft-border:var(--color-success-border, #bbf7d0);--ui-input-filled-bg:var(--color-success-ghost, #f0fdf4)}:host :host .input-color-success{--ui-input-focus:var(--color-success, #10b981);--ui-input-focus-rgb:unquote(16, 185, 129);--ui-input-border:var(--color-success-border, #bbf7d0);--ui-input-border-hover:var(--color-success, #10b981);--ui-input-addon-bg:var(--color-success, #10b981);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-success, #10b981);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-success-soft, #f0fdf4);--ui-input-soft-border:var(--color-success-border, #bbf7d0);--ui-input-filled-bg:var(--color-success-ghost, #f0fdf4)}:host(.has-success){--ui-input-focus:var(--color-success, #10b981);--ui-input-focus-rgb:unquote(16, 185, 129);--ui-input-border:var(--color-success, #10b981);--ui-input-border-hover:var(--color-success, #10b981);--ui-input-brand-color:var(--color-success, #10b981)}:host.has-value .input-container,:host.focused .input-container{border-color:var(--ui-input-border) !important}:host(.input-color-danger){--ui-input-focus:var(--color-danger, #ef4444);--ui-input-focus-rgb:unquote(239, 68, 68);--ui-input-border:var(--color-danger-border, #fecaca);--ui-input-border-hover:var(--color-danger, #ef4444);--ui-input-addon-bg:var(--color-danger, #ef4444);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-danger, #ef4444);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-danger-soft, #fef2f2);--ui-input-soft-border:var(--color-danger-border, #fecaca);--ui-input-filled-bg:var(--color-danger-ghost, #fef2f2)}:host :host .input-color-danger{--ui-input-focus:var(--color-danger, #ef4444);--ui-input-focus-rgb:unquote(239, 68, 68);--ui-input-border:var(--color-danger-border, #fecaca);--ui-input-border-hover:var(--color-danger, #ef4444);--ui-input-addon-bg:var(--color-danger, #ef4444);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-danger, #ef4444);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-danger-soft, #fef2f2);--ui-input-soft-border:var(--color-danger-border, #fecaca);--ui-input-filled-bg:var(--color-danger-ghost, #fef2f2)}:host(.has-danger){--ui-input-focus:var(--color-danger, #ef4444);--ui-input-focus-rgb:unquote(239, 68, 68);--ui-input-border:var(--color-danger, #ef4444);--ui-input-border-hover:var(--color-danger, #ef4444);--ui-input-brand-color:var(--color-danger, #ef4444)}:host.has-value .input-container,:host.focused .input-container{border-color:var(--ui-input-border) !important}:host(.input-color-error){--ui-input-focus:var(--color-danger, #ef4444);--ui-input-focus-rgb:unquote(239, 68, 68);--ui-input-border:var(--color-danger-border, #fecaca);--ui-input-border-hover:var(--color-danger, #ef4444);--ui-input-addon-bg:var(--color-danger, #ef4444);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-danger, #ef4444);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-danger-soft, #fef2f2);--ui-input-soft-border:var(--color-danger-border, #fecaca);--ui-input-filled-bg:var(--color-danger-ghost, #fef2f2)}:host :host .input-color-error{--ui-input-focus:var(--color-danger, #ef4444);--ui-input-focus-rgb:unquote(239, 68, 68);--ui-input-border:var(--color-danger-border, #fecaca);--ui-input-border-hover:var(--color-danger, #ef4444);--ui-input-addon-bg:var(--color-danger, #ef4444);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-danger, #ef4444);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-danger-soft, #fef2f2);--ui-input-soft-border:var(--color-danger-border, #fecaca);--ui-input-filled-bg:var(--color-danger-ghost, #fef2f2)}:host(.has-error){--ui-input-focus:var(--color-danger, #ef4444);--ui-input-focus-rgb:unquote(239, 68, 68);--ui-input-border:var(--color-danger, #ef4444);--ui-input-border-hover:var(--color-danger, #ef4444);--ui-input-brand-color:var(--color-danger, #ef4444)}:host.has-value .input-container,:host.focused .input-container{border-color:var(--ui-input-border) !important}:host(.input-color-warning){--ui-input-focus:var(--color-warning, #f59e0b);--ui-input-focus-rgb:unquote(245, 158, 11);--ui-input-border:var(--color-warning-border, #fde68a);--ui-input-border-hover:var(--color-warning, #f59e0b);--ui-input-addon-bg:var(--color-warning, #f59e0b);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-warning, #f59e0b);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-warning-soft, #fffbeb);--ui-input-soft-border:var(--color-warning-border, #fde68a);--ui-input-filled-bg:var(--color-warning-ghost, #fffbeb)}:host :host .input-color-warning{--ui-input-focus:var(--color-warning, #f59e0b);--ui-input-focus-rgb:unquote(245, 158, 11);--ui-input-border:var(--color-warning-border, #fde68a);--ui-input-border-hover:var(--color-warning, #f59e0b);--ui-input-addon-bg:var(--color-warning, #f59e0b);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-warning, #f59e0b);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-warning-soft, #fffbeb);--ui-input-soft-border:var(--color-warning-border, #fde68a);--ui-input-filled-bg:var(--color-warning-ghost, #fffbeb)}:host(.has-warning){--ui-input-focus:var(--color-warning, #f59e0b);--ui-input-focus-rgb:unquote(245, 158, 11);--ui-input-border:var(--color-warning, #f59e0b);--ui-input-border-hover:var(--color-warning, #f59e0b);--ui-input-brand-color:var(--color-warning, #f59e0b)}:host.has-value .input-container,:host.focused .input-container{border-color:var(--ui-input-border) !important}:host(.input-color-info){--ui-input-focus:var(--color-info, #0ea5e9);--ui-input-focus-rgb:unquote(14, 165, 233);--ui-input-border:var(--color-info-border, #bae6fd);--ui-input-border-hover:var(--color-info, #0ea5e9);--ui-input-addon-bg:var(--color-info, #0ea5e9);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-info, #0ea5e9);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-info-soft, #f0f9ff);--ui-input-soft-border:var(--color-info-border, #bae6fd);--ui-input-filled-bg:var(--color-info-ghost, #f0f9ff)}:host :host .input-color-info{--ui-input-focus:var(--color-info, #0ea5e9);--ui-input-focus-rgb:unquote(14, 165, 233);--ui-input-border:var(--color-info-border, #bae6fd);--ui-input-border-hover:var(--color-info, #0ea5e9);--ui-input-addon-bg:var(--color-info, #0ea5e9);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-info, #0ea5e9);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-info-soft, #f0f9ff);--ui-input-soft-border:var(--color-info-border, #bae6fd);--ui-input-filled-bg:var(--color-info-ghost, #f0f9ff)}:host(.has-info){--ui-input-focus:var(--color-info, #0ea5e9);--ui-input-focus-rgb:unquote(14, 165, 233);--ui-input-border:var(--color-info, #0ea5e9);--ui-input-border-hover:var(--color-info, #0ea5e9);--ui-input-brand-color:var(--color-info, #0ea5e9)}:host.has-value .input-container,:host.focused .input-container{border-color:var(--ui-input-border) !important}:host.input-color-custom{--ui-input-focus:var(--ui-custom-color, var(--color-primary, #10b981));--ui-input-focus-rgb:var(--ui-custom-color-rgb, 59, 130, 246);--ui-input-addon-bg:var(--ui-custom-color, var(--color-primary, #10b981));--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--ui-custom-color, var(--color-primary, #10b981));--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:rgba(var(--ui-custom-color-rgb, 59, 130, 246), 0.12);--ui-input-soft-border:rgba(var(--ui-custom-color-rgb, 59, 130, 246), 0.3);--ui-input-filled-bg:rgba(var(--ui-custom-color-rgb, 59, 130, 246), 0.08)}:host(.input-color-custom){--ui-input-focus:var(--ui-custom-color, var(--color-primary, #10b981));--ui-input-focus-rgb:var(--ui-custom-color-rgb, 59, 130, 246);--ui-input-addon-bg:var(--ui-custom-color, var(--color-primary, #10b981));--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--ui-custom-color, var(--color-primary, #10b981));--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:rgba(var(--ui-custom-color-rgb, 59, 130, 246), 0.12);--ui-input-soft-border:rgba(var(--ui-custom-color-rgb, 59, 130, 246), 0.3);--ui-input-filled-bg:rgba(var(--ui-custom-color-rgb, 59, 130, 246), 0.08)}:host([class*=input-color-]) .prefix-icon:not(.prefix-icon--clickable),:host([class*=input-color-]) .suffix-icon:not(.suffix-icon--clickable){color:var(--ui-input-label);background:rgba(var(--ui-input-focus-rgb), 0.08);border-color:rgba(var(--ui-input-focus-rgb), 0.15)}:host([class*=input-color-]) .input-label{color:var(--ui-input-label)}:host[class*=input-color-] .prefix-icon:not(.prefix-icon--clickable),:host[class*=input-color-] .suffix-icon:not(.suffix-icon--clickable){color:var(--ui-input-brand-color);background:rgba(var(--ui-input-focus-rgb), 0.08);border-color:rgba(var(--ui-input-focus-rgb), 0.15)}:host[class*=input-color-] .input-label{color:var(--ui-input-label-color, var(--ui-input-label))}:host [class*=block-color-].block-color-primary{background:var(--color-primary, #10b981) !important;color:var(--text-standard, #ffffff) !important}:host [class*=block-color-].block-color-secondary{background:var(--color-secondary, #64748b) !important;color:var(--text-standard, #ffffff) !important}:host [class*=block-color-].block-color-success{background:var(--color-success, #10b981) !important;color:var(--text-standard, #ffffff) !important}:host [class*=block-color-].block-color-danger{background:var(--color-danger, #ef4444) !important;color:var(--text-standard, #ffffff) !important}:host [class*=block-color-].block-color-error{background:var(--color-danger, #ef4444) !important;color:var(--text-standard, #ffffff) !important}:host [class*=block-color-].block-color-warning{background:var(--color-warning, #f59e0b) !important;color:var(--text-standard, #ffffff) !important}:host [class*=block-color-].block-color-info{background:var(--color-info, #0ea5e9) !important;color:var(--text-standard, #ffffff) !important}:host.gradient-decorators [class*=prefix-],:host.gradient-decorators [class*=suffix-]:not(.hidden){background-clip:padding-box !important;border:none !important}:host.gradient-decorators.input-color-primary [class*=prefix-],:host.gradient-decorators.input-color-primary [class*=suffix-]{background:linear-gradient(135deg, var(--color-primary, #10b981), var(--color-primary, #6366f1)) !important}:host.gradient-decorators.input-color-secondary [class*=prefix-],:host.gradient-decorators.input-color-secondary [class*=suffix-]{background:linear-gradient(135deg, var(--color-secondary, #64748b), var(--color-primary, #6366f1)) !important}:host.gradient-decorators.input-color-success [class*=prefix-],:host.gradient-decorators.input-color-success [class*=suffix-]{background:linear-gradient(135deg, var(--color-success, #10b981), var(--color-primary, #6366f1)) !important}:host.gradient-decorators.input-color-danger [class*=prefix-],:host.gradient-decorators.input-color-danger [class*=suffix-]{background:linear-gradient(135deg, var(--color-danger, #ef4444), var(--color-primary, #6366f1)) !important}:host.gradient-decorators.input-color-error [class*=prefix-],:host.gradient-decorators.input-color-error [class*=suffix-]{background:linear-gradient(135deg, var(--color-danger, #ef4444), var(--color-primary, #6366f1)) !important}:host.gradient-decorators.input-color-warning [class*=prefix-],:host.gradient-decorators.input-color-warning [class*=suffix-]{background:linear-gradient(135deg, var(--color-warning, #f59e0b), var(--color-primary, #6366f1)) !important}:host.gradient-decorators.input-color-info [class*=prefix-],:host.gradient-decorators.input-color-info [class*=suffix-]{background:linear-gradient(135deg, var(--color-info, #0ea5e9), var(--color-primary, #6366f1)) !important}:host.full-width{display:block;width:100%}:host.multiline .input-field{resize:both;height:auto;min-height:100px;line-height:1.6;padding:12px 14px;white-space:pre-wrap;overflow-y:auto;text-overflow:clip}:host.shake-animation{animation:shake 0.6s cubic-bezier(0.36, 0.07, 0.19, 0.97) both !important}:host(.shake-animation){animation:shake 0.6s cubic-bezier(0.36, 0.07, 0.19, 0.97) both !important}:host-context(.dark),:host-context([data-theme=dark]),:host(.dark){--ui-input-bg:var(--bg-primary, #1e293b);--ui-input-color:var(--text-standard, #f1f5f9);--ui-input-border:var(--border-default, #334155);--ui-input-border-hover:var(--border-strong, #475569);--ui-input-focus:var(--color-primary, #4ade80);--ui-input-focus-rgb:var(--color-primary-rgb);--ui-input-placeholder:var(--text-muted);--ui-input-label:var(--label-color, #f5f5f5);--ui-input-helper:var(--label-subtitle-color, #c2c2c2);--ui-input-addon-bg:var(--bg-secondary, #0f172a);--ui-input-addon-border:var(--border-subtle, #334155);--ui-input-addon-color:var(--label-subtitle-color, #c2c2c2);--ui-input-soft-bg:rgba(255, 255, 255, 0.05) !important;--ui-input-filled-bg:rgba(255, 255, 255, 0.08) !important}:host-context([data-theme=violet]){--ui-input-bg:var(--bg-primary, #1a1440);--ui-input-color:var(--text-standard, #f5f3ff);--ui-input-border:var(--color-primary);--ui-input-border-hover:var(--color-primary-hover);--ui-input-placeholder:var(--text-muted);--ui-input-label:var(--label-color, #ffffff);--ui-input-helper:var(--label-subtitle-color, #ddd6fe);--ui-input-addon-bg:var(--bg-secondary);--ui-input-addon-border:var(--border-subtle);--ui-input-addon-color:var(--label-subtitle-color)}.input-wrapper{display:flex;flex-direction:column;gap:8px;width:100%;max-width:100%;min-width:0}.input-wrapper.full-width{width:100%}:host(.size-xxxs) .input-wrapper .input-field,.input-wrapper.size-xxxs .input-field{padding:var(--ui-input-padding, 0 6px);font-size:11px;height:20px;line-height:20px;text-align:var(--ui-input-text-align, left)}:host(.size-xxxs) .input-wrapper .input-label,.input-wrapper.size-xxxs .input-label{font-size:11px;line-height:16px}:host(.size-xxxs) .input-wrapper .helper-text,.input-wrapper.size-xxxs .helper-text{font-size:9px}:host(.size-xxxs) .input-wrapper .prefix-icon,:host(.size-xxxs) .input-wrapper .suffix-icon,:host(.size-xxxs) .input-wrapper .prefix-text,:host(.size-xxxs) .input-wrapper .suffix-text,.input-wrapper.size-xxxs .prefix-icon,.input-wrapper.size-xxxs .suffix-icon,.input-wrapper.size-xxxs .prefix-text,.input-wrapper.size-xxxs .suffix-text{padding:0 6px;font-size:11px}:host(.size-xxxs) .input-wrapper .otp-box,.input-wrapper.size-xxxs .otp-box{height:28px;width:22px;max-width:22px;font-size:11px}:host(.size-xxs) .input-wrapper .input-field,.input-wrapper.size-xxs .input-field{padding:var(--ui-input-padding, 0 8px);font-size:12px;height:24px;line-height:24px;text-align:var(--ui-input-text-align, left)}:host(.size-xxs) .input-wrapper .input-label,.input-wrapper.size-xxs .input-label{font-size:12px;line-height:18px}:host(.size-xxs) .input-wrapper .helper-text,.input-wrapper.size-xxs .helper-text{font-size:10px}:host(.size-xxs) .input-wrapper .prefix-icon,:host(.size-xxs) .input-wrapper .suffix-icon,:host(.size-xxs) .input-wrapper .prefix-text,:host(.size-xxs) .input-wrapper .suffix-text,.input-wrapper.size-xxs .prefix-icon,.input-wrapper.size-xxs .suffix-icon,.input-wrapper.size-xxs .prefix-text,.input-wrapper.size-xxs .suffix-text{padding:0 8px;font-size:12px}:host(.size-xxs) .input-wrapper .otp-box,.input-wrapper.size-xxs .otp-box{height:32px;width:26px;max-width:26px;font-size:12px}:host(.size-xs) .input-wrapper .input-field,.input-wrapper.size-xs .input-field{padding:var(--ui-input-padding, 0 10px);font-size:13px;height:28px;line-height:28px;text-align:var(--ui-input-text-align, left)}:host(.size-xs) .input-wrapper .input-label,.input-wrapper.size-xs .input-label{font-size:13px;line-height:20px}:host(.size-xs) .input-wrapper .helper-text,.input-wrapper.size-xs .helper-text{font-size:11px}:host(.size-xs) .input-wrapper .prefix-icon,:host(.size-xs) .input-wrapper .suffix-icon,:host(.size-xs) .input-wrapper .prefix-text,:host(.size-xs) .input-wrapper .suffix-text,.input-wrapper.size-xs .prefix-icon,.input-wrapper.size-xs .suffix-icon,.input-wrapper.size-xs .prefix-text,.input-wrapper.size-xs .suffix-text{padding:0 10px;font-size:13px}:host(.size-xs) .input-wrapper .otp-box,.input-wrapper.size-xs .otp-box{height:36px;width:30px;max-width:30px;font-size:13px}:host(.size-sm) .input-wrapper .input-container,.input-wrapper.size-sm .input-container{min-height:32px}:host(.size-sm) .input-wrapper .input-field,.input-wrapper.size-sm .input-field{padding:var(--ui-input-padding, 0 12px);font-size:14px;height:32px;line-height:32px;text-align:var(--ui-input-text-align, left)}:host(.size-sm) .input-wrapper .input-label,.input-wrapper.size-sm .input-label{font-size:14px;line-height:22px}:host(.size-sm) .input-wrapper .helper-text,.input-wrapper.size-sm .helper-text{font-size:11px}:host(.size-sm) .input-wrapper .prefix-icon,:host(.size-sm) .input-wrapper .suffix-icon,:host(.size-sm) .input-wrapper .prefix-text,:host(.size-sm) .input-wrapper .suffix-text,.input-wrapper.size-sm .prefix-icon,.input-wrapper.size-sm .suffix-icon,.input-wrapper.size-sm .prefix-text,.input-wrapper.size-sm .suffix-text{padding:0 12px;font-size:14px}:host(.size-sm) .input-wrapper .otp-box,.input-wrapper.size-sm .otp-box{height:40px;width:32px;max-width:32px;font-size:14px}:host(.size-md) .input-wrapper .input-container,.input-wrapper.size-md .input-container{min-height:38px}:host(.size-md) .input-wrapper .input-field,.input-wrapper.size-md .input-field{padding:var(--ui-input-padding, 0 14px);font-size:15px;height:38px;line-height:38px;text-align:var(--ui-input-text-align, left)}:host(.size-md) .input-wrapper .input-label,.input-wrapper.size-md .input-label{font-size:15px;line-height:24px}:host(.size-md) .input-wrapper .helper-text,.input-wrapper.size-md .helper-text{font-size:12px}:host(.size-md) .input-wrapper .prefix-icon,:host(.size-md) .input-wrapper .suffix-icon,:host(.size-md) .input-wrapper .prefix-text,:host(.size-md) .input-wrapper .suffix-text,.input-wrapper.size-md .prefix-icon,.input-wrapper.size-md .suffix-icon,.input-wrapper.size-md .prefix-text,.input-wrapper.size-md .suffix-text{padding:0 14px;font-size:15px}:host(.size-md) .input-wrapper .otp-box,.input-wrapper.size-md .otp-box{height:46px;width:36px;max-width:36px;font-size:16px}:host(.size-lg) .input-wrapper .input-container,.input-wrapper.size-lg .input-container{min-height:42px}:host(.size-lg) .input-wrapper .input-field,.input-wrapper.size-lg .input-field{padding:var(--ui-input-padding, 0 16px);font-size:16px;height:42px;line-height:42px;text-align:var(--ui-input-text-align, left)}:host(.size-lg) .input-wrapper .input-label,.input-wrapper.size-lg .input-label{font-size:16px;line-height:26px}:host(.size-lg) .input-wrapper .helper-text,.input-wrapper.size-lg .helper-text{font-size:13px}:host(.size-lg) .input-wrapper .prefix-icon,:host(.size-lg) .input-wrapper .suffix-icon,:host(.size-lg) .input-wrapper .prefix-text,:host(.size-lg) .input-wrapper .suffix-text,.input-wrapper.size-lg .prefix-icon,.input-wrapper.size-lg .suffix-icon,.input-wrapper.size-lg .prefix-text,.input-wrapper.size-lg .suffix-text{padding:0 16px;font-size:18px}:host(.size-lg) .input-wrapper .otp-box,.input-wrapper.size-lg .otp-box{height:52px;width:42px;max-width:42px;font-size:18px}:host(.size-xl) .input-wrapper .input-container,.input-wrapper.size-xl .input-container{min-height:48px}:host(.size-xl) .input-wrapper .input-field,.input-wrapper.size-xl .input-field{padding:var(--ui-input-padding, 0 18px);font-size:18px;height:48px;line-height:48px;text-align:var(--ui-input-text-align, left)}:host(.size-xl) .input-wrapper .input-label,.input-wrapper.size-xl .input-label{font-size:18px;line-height:28px}:host(.size-xl) .input-wrapper .helper-text,.input-wrapper.size-xl .helper-text{font-size:14px}:host(.size-xl) .input-wrapper .prefix-icon,:host(.size-xl) .input-wrapper .suffix-icon,:host(.size-xl) .input-wrapper .prefix-text,:host(.size-xl) .input-wrapper .suffix-text,.input-wrapper.size-xl .prefix-icon,.input-wrapper.size-xl .suffix-icon,.input-wrapper.size-xl .prefix-text,.input-wrapper.size-xl .suffix-text{padding:0 18px;font-size:20px}:host(.size-xl) .input-wrapper .otp-box,.input-wrapper.size-xl .otp-box{height:60px;width:48px;max-width:48px;font-size:20px}:host(.size-xxl) .input-wrapper .input-container,.input-wrapper.size-xxl .input-container{min-height:54px}:host(.size-xxl) .input-wrapper .input-field,.input-wrapper.size-xxl .input-field{padding:var(--ui-input-padding, 0 20px);font-size:20px;height:54px;line-height:54px;text-align:var(--ui-input-text-align, left)}:host(.size-xxl) .input-wrapper .input-label,.input-wrapper.size-xxl .input-label{font-size:20px;line-height:32px}:host(.size-xxl) .input-wrapper .helper-text,.input-wrapper.size-xxl .helper-text{font-size:15px}:host(.size-xxl) .input-wrapper .prefix-icon,:host(.size-xxl) .input-wrapper .suffix-icon,:host(.size-xxl) .input-wrapper .prefix-text,:host(.size-xxl) .input-wrapper .suffix-text,.input-wrapper.size-xxl .prefix-icon,.input-wrapper.size-xxl .suffix-icon,.input-wrapper.size-xxl .prefix-text,.input-wrapper.size-xxl .suffix-text{padding:0 20px;font-size:24px}:host(.size-xxl) .input-wrapper .otp-box,.input-wrapper.size-xxl .otp-box{height:68px;width:54px;max-width:54px;font-size:22px}:host(.size-xxxl) .input-wrapper .input-field,.input-wrapper.size-xxxl .input-field{padding:var(--ui-input-padding, 0 24px);font-size:24px;height:64px;line-height:64px;text-align:var(--ui-input-text-align, left)}:host(.size-xxxl) .input-wrapper .input-label,.input-wrapper.size-xxxl .input-label{font-size:24px;line-height:36px}:host(.size-xxxl) .input-wrapper .helper-text,.input-wrapper.size-xxxl .helper-text{font-size:16px}:host(.size-xxxl) .input-wrapper .prefix-icon,:host(.size-xxxl) .input-wrapper .suffix-icon,:host(.size-xxxl) .input-wrapper .prefix-text,:host(.size-xxxl) .input-wrapper .suffix-text,.input-wrapper.size-xxxl .prefix-icon,.input-wrapper.size-xxxl .suffix-icon,.input-wrapper.size-xxxl .prefix-text,.input-wrapper.size-xxxl .suffix-text{padding:0 24px;font-size:28px}:host(.size-xxxl) .input-wrapper .otp-box,.input-wrapper.size-xxxl .otp-box{height:80px;width:64px;max-width:64px;font-size:26px}.input-label{display:block;font-size:11px;font-weight:700;color:var(--ui-input-label-color, var(--ui-input-label));margin-bottom:8px;letter-spacing:0.08em;text-transform:uppercase;opacity:0.65}.input-label .required-indicator{color:var(--color-danger-hover, #dc2626);margin-left:3px;font-size:16px;vertical-align:middle}.input-container{position:relative;display:flex;align-items:center;border:1px solid var(--ui-input-border);border-radius:var(--ui-input-radius);background:var(--ui-input-bg);box-shadow:0 2px 4px rgba(0, 0, 0, 0.02), inset 0 1px 1px rgba(255, 255, 255, 0.5);transition:border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;width:100%;max-width:100%;min-width:0;overflow:visible;padding:0 !important;z-index:1}.input-container .clipping-layer{position:absolute;inset:-1px;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}.density-cozy .input-container{gap:6px}.density-compact .input-container{gap:4px}.input-field{flex:1;border:none;outline:none;background:transparent;font-family:inherit;color:var(--ui-input-color);width:100%;min-width:0;font-weight:400;text-align:var(--ui-input-text-align, left);padding:0 var(--ui-input-padding-x, 12px) !important;transition:color 0.2s, opacity 0.2s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.input-field::placeholder{color:var(--ui-input-placeholder);font-weight:400;opacity:var(--ui-input-placeholder-opacity)}.input-field:disabled{cursor:not-allowed;opacity:0.6;color:var(--text-muted, #6b7280)}.input-field:read-only{cursor:default;color:var(--text-secondary, #374151)}.input-field[type=number]{-moz-appearance:textfield}.input-field[type=number]::-webkit-outer-spin-button,.input-field[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host(.variant-outlined) .input-container{border:1px solid var(--ui-input-border);background:var(--ui-input-bg);box-shadow:0 2px 4px rgba(0, 0, 0, 0.02)}:host(.variant-outlined.focused) .input-container{border-color:var(--ui-input-focus) !important;box-shadow:0 0 0 3px rgba(var(--ui-input-focus-rgb, 99, 102, 241), 0.15), 0 1px 3px rgba(0, 0, 0, 0.08) !important}:host(.variant-filled) .input-container{border-bottom:2px solid transparent;border-radius:10px 10px 0 0;border:none;background:var(--ui-input-filled-bg);box-shadow:inset 0 -1px 0 0 var(--border-strong, #d1d5db)}:host(.variant-filled.focused) .input-container{background:var(--bg-primary, #e5e7eb);border-bottom-color:var(--ui-input-focus);box-shadow:inset 0 -2px 0 0 var(--ui-input-focus)}:host(.variant-underlined) .input-container{border-bottom:1px solid var(--ui-input-underlined-border, var(--border-strong, #d1d5db));border-radius:0;padding-left:0;padding-right:0;border:none;background:transparent;box-shadow:none}:host(.variant-underlined.focused) .input-container{border-bottom-color:var(--ui-input-focus);box-shadow:0 1px 0 0 var(--ui-input-focus)}:host(.variant-soft) .input-container{border:1px solid var(--ui-input-soft-border);background:var(--ui-input-soft-bg);box-shadow:none}:host(.variant-soft.focused) .input-container{background:var(--ui-input-bg);border-color:var(--ui-input-focus);box-shadow:0 0 0 3px rgba(var(--ui-input-focus-rgb, 99, 102, 241), 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.04) !important}.variant-borderless .input-container,.variant-plain .input-container{border:none !important;background:transparent !important;box-shadow:none !important;padding:0 !important}.floating-label{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:transparent;padding:0 4px;color:var(--ui-input-label, var(--label-subtitle-color));pointer-events:none;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);font-size:14px;line-height:1;z-index:2}.input-wrapper.has-prefix .floating-label{left:56px}.input-wrapper.has-prefix-text .floating-label{left:76px}.focused .floating-label,.has-value .floating-label,.is-always-floated .floating-label{top:0;left:12px;transform:translateY(-56%) scale(0.8);transform-origin:left bottom;background:var(--ui-input-bg);padding:0 6px;font-size:14px;font-weight:700;color:var(--label-color, #111827);letter-spacing:0.04em;text-transform:uppercase;z-index:5}.input-wrapper.has-prefix .focused .floating-label,.input-wrapper.has-prefix .has-value .floating-label,.input-wrapper.has-prefix .is-always-floated .floating-label{left:56px}.input-wrapper.has-prefix-text .focused .floating-label,.input-wrapper.has-prefix-text .has-value .floating-label,.input-wrapper.has-prefix-text .is-always-floated .floating-label{left:76px}.prefix-text,.suffix-text,.prefix-icon,.suffix-icon{display:flex;align-items:center;align-self:stretch;background:var(--ui-input-addon-bg);border-color:var(--ui-input-addon-border)}.prefix-text.prefix-text,.prefix-text.prefix-icon,.suffix-text.prefix-text,.suffix-text.prefix-icon,.prefix-icon.prefix-text,.prefix-icon.prefix-icon,.suffix-icon.prefix-text,.suffix-icon.prefix-icon{border-right:1px solid var(--ui-input-addon-border);border-radius:calc(var(--ui-input-radius) - 1px) 0 0 calc(var(--ui-input-radius) - 1px);margin-right:2px}.prefix-text.suffix-text,.prefix-text.suffix-icon,.suffix-text.suffix-text,.suffix-text.suffix-icon,.prefix-icon.suffix-text,.prefix-icon.suffix-icon,.suffix-icon.suffix-text,.suffix-icon.suffix-icon{border-left:1px solid var(--ui-input-addon-border);border-radius:0 calc(var(--ui-input-radius) - 1px) calc(var(--ui-input-radius) - 1px) 0;margin-left:2px}.prefix-text,.suffix-text,.prefix-icon,.suffix-icon{display:flex;align-items:center;justify-content:center;padding:0 12px;color:var(--label-icon-color, var(--label-subtitle-color));font-weight:500}.prefix-text--clickable,.suffix-text--clickable,.prefix-icon--clickable,.suffix-icon--clickable{cursor:pointer;border:none;transition:background 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;user-select:none}.prefix-text--clickable:hover,.suffix-text--clickable:hover,.prefix-icon--clickable:hover,.suffix-icon--clickable:hover{background:var(--ui-input-border-hover, rgba(var(--ui-input-focus-rgb, 99, 102, 241), 0.12));filter:brightness(0.92)}.prefix-text--clickable:active,.suffix-text--clickable:active,.prefix-icon--clickable:active,.suffix-icon--clickable:active{transform:scale(0.93)}.prefix-text--clickable:focus-visible,.suffix-text--clickable:focus-visible,.prefix-icon--clickable:focus-visible,.suffix-icon--clickable:focus-visible{outline:2px solid var(--ui-input-focus);outline-offset:-2px}.input-field-stack{position:relative;flex:1;display:flex;align-items:center;min-width:0;overflow:hidden}.input-field-stack .input-field{flex:1 !important;z-index:2 !important;background:transparent !important}.ghost-text-overlay{position:absolute;top:50%;left:0;transform:translateY(-50%);pointer-events:none;color:rgba(var(--ui-input-color-rgb), 0.35);font-size:inherit;padding-left:inherit;z-index:1;white-space:pre}.otp-container{display:flex;gap:8px;width:100%;justify-content:center;align-items:center;position:relative;padding:6px 16px;box-sizing:border-box}.otp-container input.input-field{position:absolute;opacity:0;inset:0;z-index:2;cursor:pointer}.otp-box{flex:0 0 auto;width:38px;height:46px;max-width:38px;overflow:hidden;border:2px solid var(--ui-input-border);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;background:var(--bg-primary, #ffffff);transition:border-color 0.2s, box-shadow 0.2s;line-height:1;user-select:none}.otp-box.filled{border-color:var(--ui-input-focus);box-shadow:0 0 0 3px rgba(var(--ui-input-focus-rgb), 0.15), 0 4px 12px rgba(var(--ui-input-focus-rgb), 0.12)}.otp-box.active{border-color:var(--ui-input-focus);box-shadow:0 0 0 3px rgba(var(--ui-input-focus-rgb), 0.2)}.otp-box.active::after{content:"";width:2px;height:1.2em;background:var(--ui-input-focus);animation:otp-cursor 1s infinite}@keyframes otp-cursor{0%,100%{opacity:1}50%{opacity:0}}.has-gradient-border .clipping-layer::before{content:"";position:absolute;inset:-150%;background:conic-gradient(from 0deg, var(--color-primary, #8b5cf6), var(--color-danger, #ec4899), var(--color-success, #10b981), var(--color-warning, #f59e0b), var(--color-primary, #8b5cf6));animation:spin-shader 4s linear infinite;z-index:-1}.has-gradient-border .input-container{border-color:transparent !important}@keyframes spin-shader{100%{transform:rotate(360deg)}}.has-backdrop-sheen .clipping-layer::after{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(135deg, transparent, rgba(255, 255, 255, 0.3), transparent);animation:sheen-flow 3s ease-in-out infinite;transform:skewX(-20deg)}@keyframes sheen-flow{0%{left:-150%}100%{left:150%}}.liquid-ripple{position:absolute;background:rgba(var(--ui-input-focus-rgb, 61, 205, 88), 0.25);border-radius:50%;transform:translate(-50%, -50%) scale(0);pointer-events:none;animation:ripple-animation 0.6s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes ripple-animation{0%{transform:translate(-50%, -50%) scale(0);opacity:0.5}100%{transform:translate(-50%, -50%) scale(4);opacity:0}}.range-input-wrapper{display:flex;align-items:center;flex:1;gap:12px;height:100%;padding:0 14px;width:100%;min-width:0;overflow:hidden;position:relative}.range-input-wrapper input[type=range]{-webkit-appearance:none;appearance:none;flex:1;background:transparent;cursor:pointer;height:38px;z-index:2;margin:0}.range-input-wrapper input[type=range]:focus{outline:none}.range-input-wrapper input[type=range]::-webkit-slider-runnable-track{height:6px;background:linear-gradient(to right, var(--ui-input-focus) 0%, var(--ui-input-focus) var(--range-progress), var(--border-subtle, #e2e8f0) var(--range-progress), var(--border-subtle, #e2e8f0) 100%);border-radius:6px;transition:all 0.2s ease}.range-input-wrapper input[type=range]::-moz-range-track{height:6px;background:var(--border-subtle, #e2e8f0);border-radius:6px}.range-input-wrapper input[type=range]::-moz-range-progress{background:var(--ui-input-focus);height:6px;border-radius:6px 0 0 6px}.range-input-wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:18px;width:18px;background:#ffffff;border:2px solid var(--ui-input-focus);border-radius:50%;margin-top:-6px;box-shadow:0 2px 5px rgba(0, 0, 0, 0.15), 0 0 0 0 rgba(var(--ui-input-focus-rgb), 0);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);z-index:10}.range-input-wrapper input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 3px 8px rgba(0, 0, 0, 0.2), 0 0 0 4px rgba(var(--ui-input-focus-rgb), 0.1);transform:scale(1.1)}.range-input-wrapper input[type=range]:active::-webkit-slider-thumb{transform:scale(0.95);background:var(--ui-input-focus);border-color:#ffffff}.range-input-wrapper input[type=range]::-moz-range-thumb{height:16px;width:16px;background:#ffffff;border:2px solid var(--ui-input-focus);border-radius:50%;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);cursor:pointer}.range-input-wrapper input[type=range]:disabled{cursor:not-allowed;opacity:0.6}.range-input-wrapper input[type=range]:disabled::-webkit-slider-runnable-track{background:var(--border-subtle, #e2e8f0)}.range-input-wrapper input[type=range]:disabled::-webkit-slider-thumb{border-color:var(--text-muted)}.range-input-wrapper .range-manual-adornment{display:flex;align-items:center;margin-left:12px}.range-input-wrapper .range-manual-input{width:60px;height:28px;border:1px solid var(--ui-input-focus);border-radius:6px;background:rgba(var(--ui-input-focus-rgb), 0.05);color:var(--ui-input-focus);font-size:13px;font-weight:700;text-align:center;outline:none;transition:all 0.2s;font-family:inherit}.range-input-wrapper .range-manual-input::-webkit-inner-spin-button,.range-input-wrapper .range-manual-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.range-input-wrapper .range-manual-input:focus{background:#ffffff;box-shadow:0 0 0 2px rgba(var(--ui-input-focus-rgb), 0.2)}.status-indicator{display:inline-flex;align-items:center;gap:8px;position:relative;margin:0 8px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;background:var(--bg-primary, #ffffff);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);z-index:10;border:1px solid rgba(0, 0, 0, 0.05)}.status-indicator .status-dot{width:7px;height:7px;border-radius:50%}.status-indicator.status-online{color:var(--color-success)}.status-indicator.status-online .status-dot{background:var(--color-success);box-shadow:0 0 10px var(--color-success)}.status-indicator.status-away{color:var(--color-warning)}.status-indicator.status-away .status-dot{background:var(--color-warning);box-shadow:0 0 10px var(--color-warning)}.status-indicator.status-listening{color:var(--color-danger);background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.05);border-color:rgba(var(--color-danger-rgb, 239, 68, 68), 0.2)}.status-indicator.status-listening .mic-pulse{animation:mic-pulse 1.5s infinite;font-size:14px}.status-indicator .status-label{margin-left:2px;text-transform:capitalize;color:var(--text-secondary)}@keyframes mic-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:0.7}100%{transform:scale(1);opacity:1}}.typing-animation{display:inline-flex;gap:2px}.typing-animation span{width:3px;height:3px;border-radius:50%;background:currentColor;animation:typing-blink 1.4s infinite both}.typing-animation span:nth-child(2){animation-delay:0.2s}.typing-animation span:nth-child(3){animation-delay:0.4s}@keyframes typing-blink{0%,80%,100%{opacity:0}40%{opacity:1}}.linear-loading-bar{position:absolute;bottom:-1.5px;left:-1.5px;right:-1.5px;height:3px;background:rgba(var(--ui-input-focus-rgb), 0.1);overflow:hidden;z-index:5}.linear-loading-bar::after{content:"";position:absolute;width:50%;height:100%;background:linear-gradient(90deg, transparent, var(--ui-input-focus), transparent);animation:linear-loading-flow 1.5s infinite}@keyframes linear-loading-flow{0%{left:-50%}100%{left:100%}}.input-footer{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-top:6px}.helper-text{display:inline-flex;align-items:center;gap:6px;color:var(--ui-input-helper-color, var(--ui-input-helper));flex:1}.helper-text .validation-icon{font-size:1.15em}.helper-text.success-text{color:var(--color-success, #10b981)}.helper-text.error-text{color:var(--color-danger, #ef4444)}.helper-text.warning-text{color:var(--color-warning, #f59e0b)}.helper-text.info-text{color:var(--color-primary, #0ea5e9)}.character-counter{color:var(--text-muted);font-size:12px;margin-left:auto}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--ui-input-bg);border:1.5px solid var(--ui-input-border);border-radius:12px;box-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.1);margin-top:6px;max-height:280px;overflow-y:auto;z-index:1000;padding:6px}.autocomplete-dropdown .autocomplete-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;cursor:pointer;transition:all 0.2s}.autocomplete-dropdown .autocomplete-item:hover{background:rgba(var(--ui-input-focus-rgb), 0.08);color:var(--ui-input-focus);transform:translateX(4px)}.input-field[type=date],.input-field[type=datetime-local],.input-field[type=month],.input-field[type=week],.input-field[type=time]{cursor:pointer}.input-field[type=date]::-webkit-calendar-picker-indicator,.input-field[type=datetime-local]::-webkit-calendar-picker-indicator,.input-field[type=month]::-webkit-calendar-picker-indicator,.input-field[type=week]::-webkit-calendar-picker-indicator,.input-field[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0.6;transition:opacity 0.15s ease}.input-field[type=date]::-webkit-calendar-picker-indicator:hover,.input-field[type=datetime-local]::-webkit-calendar-picker-indicator:hover,.input-field[type=month]::-webkit-calendar-picker-indicator:hover,.input-field[type=week]::-webkit-calendar-picker-indicator:hover,.input-field[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}.input-field[type=file]{cursor:pointer}.input-field[type=file]::-webkit-file-upload-button{cursor:pointer}.input-field[type=file]::file-selector-button{cursor:pointer}.input-field[type=color]{cursor:pointer}.input-field[type=color]::-webkit-color-swatch-wrapper,.input-field[type=color]::-webkit-color-swatch{cursor:pointer}.otp-container input.input-field{cursor:pointer}.otp-box{cursor:pointer}.shortcut-hint{cursor:default;user-select:none}.dirty-indicator{cursor:default}@keyframes shake{0%,100%{transform:translate3d(0, 0, 0)}10%,90%{transform:translate3d(-3px, 0, 0)}20%,80%{transform:translate3d(6px, 0, 0)}30%,50%,70%{transform:translate3d(-10px, 0, 0)}40%,60%{transform:translate3d(10px, 0, 0)}}';const m=class{constructor(i){t(this,i),this.uiShow=o(this,"uiShow"),this.uiHide=o(this,"uiHide")}get element(){return i(this)}ariaLabel="Loading...";ariaLive="polite";backdropBlur=!1;enableBlur=!1;color="success";fullscreen=!1;label;description;labelPosition="bottom";overlay=!1;overlayOpacity=.5;overlayBackground;size="md";speed="normal";thickness=3;type="spinner";visible=!0;variant="standard";value;predictive=!1;messages;messageInterval=2500;image;rainText;rainColumns=5;trapFocus=!1;status="loading";activeLabel;currentProgress=0;uiShow;uiHide;messageTimer;predictiveTimer;activeMessageIndex=0;parsedMessages=[];originalFocusedElement=null;focusableElements=[];canvasElement;canvasAnimationId;canvasColumnsDrops=[];handleVisibilityChange(t){t?(this.uiShow.emit(),this.startTimers(),this.trapFocus&&this.setupFocusTrap()):(this.uiHide.emit(),this.stopTimers(),this.releaseFocusTrap())}parseMessagesProp(){if(this.messages){if("string"==typeof this.messages)try{this.parsedMessages=JSON.parse(this.messages)}catch{this.parsedMessages=this.messages.includes(",")?this.messages.split(",").map((t=>t.trim())):[this.messages]}else Array.isArray(this.messages)&&(this.parsedMessages=this.messages);this.activeMessageIndex=0,this.updateActiveLabel()}else this.parsedMessages=[]}handleStatusChange(t){"success"===t&&this.predictive&&(clearInterval(this.predictiveTimer),this.predictiveTimer=setInterval((()=>{this.currentProgress<100?this.currentProgress=Math.min(100,this.currentProgress+5):clearInterval(this.predictiveTimer)}),30))}componentWillLoad(){this.parseMessagesProp(),this.activeLabel=this.label,void 0!==this.value&&(this.currentProgress=this.value)}componentDidLoad(){this.visible&&(this.uiShow.emit(),this.startTimers(),this.trapFocus&&this.setupFocusTrap(),"raining-letters"===this.type&&this.initMatrixRain())}componentDidUpdate(){"raining-letters"!==this.type||this.canvasAnimationId?"raining-letters"!==this.type&&this.canvasAnimationId&&this.stopMatrixRain():this.initMatrixRain()}disconnectedCallback(){this.stopTimers(),this.releaseFocusTrap(),this.stopMatrixRain()}startTimers(){this.stopTimers(),this.parsedMessages.length>0&&(this.updateActiveLabel(),this.messageTimer=setInterval((()=>{this.activeMessageIndex=(this.activeMessageIndex+1)%this.parsedMessages.length,this.updateActiveLabel()}),this.messageInterval)),this.predictive&&"loading"===this.status&&(this.currentProgress=0,this.predictiveTimer=setInterval((()=>{if(this.currentProgress<95){const t=Math.max(.1,.05*(95-this.currentProgress)*Math.random());this.currentProgress=parseFloat((this.currentProgress+t).toFixed(1))}}),350))}stopTimers(){this.messageTimer&&(clearInterval(this.messageTimer),this.messageTimer=void 0),this.predictiveTimer&&(clearInterval(this.predictiveTimer),this.predictiveTimer=void 0)}updateActiveLabel(){this.activeLabel=this.parsedMessages.length>0&&this.activeMessageIndex<this.parsedMessages.length?this.parsedMessages[this.activeMessageIndex]:this.label}setupFocusTrap(){this.originalFocusedElement=document.activeElement,setTimeout((()=>{this.focusableElements=this.getFocusableElements(),this.focusableElements.length>0&&this.focusableElements[0].focus()}),50),document.addEventListener("keydown",this.handleKeyDown)}releaseFocusTrap(){document.removeEventListener("keydown",this.handleKeyDown),this.originalFocusedElement&&(this.originalFocusedElement.focus(),this.originalFocusedElement=null)}getFocusableElements(){return this.element.shadowRoot?Array.from(this.element.shadowRoot.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]')):[]}handleKeyDown=t=>{if(this.visible&&this.trapFocus&&"Tab"===t.key){if(this.focusableElements=this.getFocusableElements(),0===this.focusableElements.length)return void t.preventDefault();const o=this.focusableElements[0],i=this.focusableElements[this.focusableElements.length-1],r=this.element.shadowRoot?.activeElement;t.shiftKey?r!==o&&r!==document.body||(i.focus(),t.preventDefault()):r===i&&(o.focus(),t.preventDefault())}};initMatrixRain(){if(!this.canvasElement)return;this.stopMatrixRain();const t=this.canvasElement,o=t.getContext("2d");if(!o)return;t.width=160,t.height=120;const i=this.rainText||"ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789",r=Math.max(3,this.rainColumns),e=Math.floor(160/r);this.canvasColumnsDrops=[];for(let t=0;t<r;t++)this.canvasColumnsDrops.push(-10*Math.random());const a=()=>{o.fillStyle="rgba(255, 255, 255, 0.15)",o.fillRect(0,0,160,120);let t="#10b981";this.color&&!["primary","secondary","success","danger","warning","info"].includes(this.color)?t=this.color:"primary"===this.color?t="#3b82f6":"danger"===this.color?t="#ef4444":"success"===this.color?t="#10b981":"warning"===this.color?t="#f59e0b":"info"===this.color&&(t="#06b6d4"),o.fillStyle=t,o.font=`${e}px monospace`;for(let t=0;t<this.canvasColumnsDrops.length;t++){const r=i[Math.floor(Math.random()*i.length)],a=this.canvasColumnsDrops[t]*e;o.fillText(r,t*e+e/4,a),a>120&&Math.random()>.96?this.canvasColumnsDrops[t]=0:this.canvasColumnsDrops[t]+=.45}this.canvasAnimationId=requestAnimationFrame(a)};a()}stopMatrixRain(){this.canvasAnimationId&&(cancelAnimationFrame(this.canvasAnimationId),this.canvasAnimationId=void 0)}getStyles(){const t={};return this.color&&(this.color.startsWith("#")||this.color.startsWith("rgb")||this.color.includes("gradient"))&&(t["--loader-color"]=this.color),this.size&&!["3xs","2xs","xs","small","md","large","xl","2xl","3xl","jumbo"].includes(this.size)&&(t["--loader-size"]=this.size),(this.overlay||this.fullscreen)&&(t["--overlay-opacity"]=`${this.overlayOpacity}`,this.overlayBackground&&(t["--overlay-background"]=this.overlayBackground)),this.speed&&(t["--loader-speed"]={slow:"2s",normal:"1s",fast:"0.5s"}[this.speed]||"1s"),this.thickness&&(t["--loader-thickness"]=`${this.thickness}px`),t}render(){if(!this.visible)return null;const t=this.overlay||this.fullscreen,o=["3xs","2xs","xs","small","md","large","xl","2xl","3xl","jumbo"].includes(this.size),i=["primary","secondary","success","danger","warning","info"].includes(this.color),e={"loader-wrapper":!0,"loader-overlay":t,"loader-fullscreen":this.fullscreen,"loader-blur":this.backdropBlur||this.enableBlur,[`loader-variant-${this.variant}`]:!0},a={"loader-container":!0,[`loader-size-${this.size}`]:o,[`loader-color-${this.color}`]:i,[`loader-label-${this.labelPosition}`]:!0,"loader-status-success":"success"===this.status,"loader-status-error":"error"===this.status};return r("div",{class:e,style:this.getStyles(),role:t?"dialog":"status","aria-modal":t?"true":void 0,"aria-label":this.ariaLabel,"aria-live":this.ariaLive},t&&this.trapFocus&&r("div",{tabIndex:0,class:"focus-trap-sentinel"}),r("div",{class:a},r("div",{class:"loader-visual"},"success"===this.status?this.renderStatusIcon("success"):"error"===this.status?this.renderStatusIcon("error"):this.renderAnimation()),(this.activeLabel||this.description||this.predictive)&&r("div",{class:"loader-text-block"},this.activeLabel&&r("span",{class:"loader-label-text"},this.activeLabel),this.description&&r("span",{class:"loader-desc-text"},this.description),this.predictive&&r("div",{class:"loader-predictive-bar"},r("div",{class:"loader-predictive-fill",style:{width:`${this.currentProgress}%`}}),r("span",{class:"loader-predictive-percentage"},Math.round(this.currentProgress),"%")))),t&&this.trapFocus&&r("div",{tabIndex:0,class:"focus-trap-sentinel"}))}renderStatusIcon(t){return"success"===t?r("div",{class:"status-icon-wrapper success"},r("svg",{viewBox:"0 0 52 52",class:"status-svg"},r("circle",{cx:"26",cy:"26",r:"25",fill:"none",class:"status-circle-bg"}),r("path",{fill:"none",d:"M14.1 27.2l7.1 7.2 16.7-16.8",class:"status-check-path"}))):r("div",{class:"status-icon-wrapper error"},r("svg",{viewBox:"0 0 52 52",class:"status-svg"},r("circle",{cx:"26",cy:"26",r:"25",fill:"none",class:"status-circle-bg"}),r("path",{fill:"none",d:"M16 16l20 20M36 16L16 36",class:"status-cross-path"})))}renderAnimation(){switch(this.type){case"dots":return r("div",{class:"anim-dots"},r("div",null),r("div",null),r("div",null));case"bar":return r("div",{class:"anim-bar"},r("div",void 0!==this.value?{class:"bar-determinate",style:{width:`${this.value}%`}}:{class:"bar-indeterminate"}));case"pulse":return r("div",{class:"anim-pulse"});case"ring":return r("div",{class:"anim-ring"});case"bounce":return r("div",{class:"anim-bounce"},r("div",null),r("div",null));case"grid":return r("div",{class:"anim-grid"},r("div",null),r("div",null),r("div",null),r("div",null),r("div",null),r("div",null),r("div",null),r("div",null),r("div",null));case"wave":return r("div",{class:"anim-wave"},r("div",null),r("div",null),r("div",null),r("div",null),r("div",null));case"dual-ring":return r("div",{class:"anim-dual-ring"});case"heartbeat":return r("div",{class:"anim-heartbeat"},r("svg",{viewBox:"0 0 32 32",class:"heart-svg"},r("path",{d:"M16 28.5S2 18.2 2 10.5a6.5 6.5 0 0 1 11-4.8 6.5 6.5 0 0 1 11 4.8c0 7.7-14 18-14 18z"})));case"clock":return r("div",{class:"anim-clock"},r("div",{class:"clock-hour"}),r("div",{class:"clock-minute"}));case"raining-letters":return r("div",{class:"anim-raining-letters"},r("canvas",{ref:t=>this.canvasElement=t}));case"ripple":return r("div",{class:"anim-ripple"},r("div",null),r("div",null),r("div",null));case"infinite":return r("div",{class:"anim-infinite"},r("svg",{viewBox:"0 0 100 50"},r("path",{d:"M30 15c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15zm40 0c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z",class:"infinity-bg"}),r("path",{d:"M30 15c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15zm40 0c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z",class:"infinity-loop"})));case"wifi":return r("div",{class:"anim-wifi"},r("div",{class:"wifi-dot"}),r("div",{class:"wifi-arc-1"}),r("div",{class:"wifi-arc-2"}),r("div",{class:"wifi-arc-3"}));case"rainbow":return r("div",{class:"anim-rainbow"});case"square-shuffle":return r("div",{class:"anim-square-shuffle"},r("div",null),r("div",null),r("div",null),r("div",null));case"dna-helix":return r("div",{class:"anim-dna-helix"},Array.from({length:12}).map(((t,o)=>r("div",{class:"dna-strand",style:{"--i":`${o}`}},r("div",{class:"dna-dot dot-top"}),r("div",{class:"dna-bar"}),r("div",{class:"dna-dot dot-bottom"})))));case"atom-sphere":return r("div",{class:"anim-atom-sphere"},r("div",{class:"atom-nucleus"}),r("div",{class:"atom-orbit orbit-1"},r("div",{class:"atom-electron"})),r("div",{class:"atom-orbit orbit-2"},r("div",{class:"atom-electron"})),r("div",{class:"atom-orbit orbit-3"},r("div",{class:"atom-electron"})));case"staircase":return r("div",{class:"anim-staircase"},r("div",{class:"stair-climber"}),r("div",{class:"stairs"},r("div",null),r("div",null),r("div",null),r("div",null)));case"radar":return r("div",{class:"anim-radar"},r("div",{class:"radar-scanner"}),r("div",{class:"radar-ring"}),r("div",{class:"radar-ring-mid"}),r("div",{class:"radar-dot"}));case"liquid-drop":return r("div",{class:"anim-liquid-drop"},r("div",{class:"drop-nozzle"}),r("div",{class:"drop-droplet"}),r("div",{class:"drop-surface"}));case"neon-path":return r("div",{class:"anim-neon-path"},r("div",null));case"neuro-pulse":return r("div",{class:"anim-neuro-pulse"},r("svg",{viewBox:"0 0 100 100",class:"neuro-svg"},r("path",{d:"M50 50 L20 20 M50 50 L80 20 M50 50 L50 80 M50 50 L20 70 M50 50 L80 70",class:"neuro-branch"}),r("circle",{cx:"50",cy:"50",r:"8",class:"neuro-center"}),r("circle",{cx:"20",cy:"20",r:"4",class:"neuro-terminal"}),r("circle",{cx:"80",cy:"20",r:"4",class:"neuro-terminal"}),r("circle",{cx:"50",cy:"80",r:"4",class:"neuro-terminal"}),r("circle",{cx:"20",cy:"70",r:"4",class:"neuro-terminal"}),r("circle",{cx:"80",cy:"70",r:"4",class:"neuro-terminal"}),r("circle",{cx:"50",cy:"50",class:"neuro-active-pulse pulse-1"}),r("circle",{cx:"50",cy:"50",class:"neuro-active-pulse pulse-2"})));case"vortex-ring":return r("div",{class:"anim-vortex-ring"},r("div",null),r("div",null),r("div",null));case"cube-fold":return r("div",{class:"anim-cube-fold"},r("div",{class:"fold-cube cube-1"}),r("div",{class:"fold-cube cube-2"}),r("div",{class:"fold-cube cube-4"}),r("div",{class:"fold-cube cube-3"}));case"breathing":return r("div",{class:"anim-breathing"});case"glitch-text":return r("div",{class:"anim-glitch-text","data-text":"LOADING"},"LOADING");case"plc-module":return r("div",{class:"anim-plc-module"},r("div",{class:"plc-header"},"CPU"),r("div",{class:"plc-leds"},r("div",{class:"plc-row"},r("span",{class:"led-label"},"RUN"),r("span",{class:"plc-led led-green blinking"})),r("div",{class:"plc-row"},r("span",{class:"led-label"},"ERR"),r("span",{class:"plc-led led-red off"})),r("div",{class:"plc-row"},r("span",{class:"led-label"},"COM"),r("span",{class:"plc-led led-amber flicker"})),r("div",{class:"plc-row"},r("span",{class:"led-label"},"I/O"),r("span",{class:"plc-led led-green flicker-delayed"}))));case"m580-signal":return r("div",{class:"anim-m580-signal"},r("div",null),r("div",null),r("div",null),r("div",null),r("div",null));case"circuit-board":return r("div",{class:"anim-circuit-board"},r("svg",{viewBox:"0 0 100 100"},r("path",{d:"M10 50 L40 50 L50 40 L90 40 M40 50 L50 60 L80 60",class:"circuit-path",fill:"none"}),r("circle",{cx:"10",cy:"50",r:"3",class:"circuit-node"}),r("circle",{cx:"90",cy:"40",r:"3",class:"circuit-node"}),r("circle",{cx:"80",cy:"60",r:"3",class:"circuit-node"}),r("circle",{cx:"0",cy:"0",r:"2.5",class:"circuit-pulse pulse-a"},r("animateMotion",{dur:"2s",repeatCount:"indefinite",path:"M10 50 L40 50 L50 40 L90 40"})),r("circle",{cx:"0",cy:"0",r:"2.5",class:"circuit-pulse pulse-b"},r("animateMotion",{dur:"2s",repeatCount:"indefinite",path:"M40 50 L50 60 L80 60",begin:"0.5s"}))));case"callout-rotate":return r("div",{class:"anim-callout-rotate"},r("div",{class:"callout-ring"}),r("div",{class:"callout-arrow"}));case"infinite-roller":return r("div",{class:"anim-infinite-roller"},r("div",null),r("div",null),r("div",null));case"image":return r("div",{class:"anim-image"},r("img",{src:this.image,alt:"loading-graphic"}));default:return r("div",{class:"anim-spinner"})}}static get watchers(){return{visible:[{handleVisibilityChange:0}],messages:[{parseMessagesProp:0}],status:[{handleStatusChange:0}]}}};m.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:inline-block;box-sizing:border-box;--ui-primary-color:#3b82f6;--ui-secondary-color:#64748b;--ui-success-color:#10b981;--ui-danger-color:#ef4444;--ui-warning-color:#f59e0b;--ui-info-color:#06b6d4;--loader-color:var(--ui-success-color);--loader-size:40px;--loader-speed:1s;--loader-thickness:3px;--overlay-opacity:0.5;--overlay-background:rgba(255, 255, 255, var(--overlay-opacity))}.loader-wrapper{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;transition:opacity 0.3s ease}.loader-wrapper.loader-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;background:var(--overlay-background);display:flex;align-items:center;justify-content:center}.loader-wrapper.loader-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:9999}.loader-wrapper.loader-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.loader-wrapper.loader-variant-glass{background:rgba(255, 255, 255, 0.15);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.2);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.1)}.loader-wrapper.loader-variant-neon{background:rgba(10, 10, 12, 0.95);box-shadow:inset 0 0 40px color-mix(in srgb, var(--loader-color) 20%, transparent), 0 0 20px color-mix(in srgb, var(--loader-color) 10%, transparent);--loader-color:#a855f7}.loader-wrapper.loader-variant-minimal{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.loader-wrapper.loader-variant-linear-strip{position:absolute;top:0;left:0;width:100%;height:4px;background:transparent;z-index:1001}.loader-container{display:flex;align-items:center;justify-content:center;box-sizing:border-box;gap:16px}.loader-container.loader-size-3xs{--loader-size:12px}.loader-container.loader-size-2xs{--loader-size:16px}.loader-container.loader-size-xs{--loader-size:20px}.loader-container.loader-size-small{--loader-size:28px}.loader-container.loader-size-md{--loader-size:40px}.loader-container.loader-size-large{--loader-size:56px}.loader-container.loader-size-xl{--loader-size:72px}.loader-container.loader-size-2xl{--loader-size:96px}.loader-container.loader-size-3xl{--loader-size:120px}.loader-container.loader-size-jumbo{--loader-size:160px}.loader-container.loader-color-primary{--loader-color:var(--ui-primary-color)}.loader-container.loader-color-secondary{--loader-color:var(--ui-secondary-color)}.loader-container.loader-color-success{--loader-color:var(--ui-success-color)}.loader-container.loader-color-danger{--loader-color:var(--ui-danger-color)}.loader-container.loader-color-warning{--loader-color:var(--ui-warning-color)}.loader-container.loader-color-info{--loader-color:var(--ui-info-color)}.loader-container.loader-label-bottom{flex-direction:column;text-align:center}.loader-container.loader-label-top{flex-direction:column-reverse;text-align:center}.loader-container.loader-label-left{flex-direction:row-reverse;text-align:right}.loader-container.loader-label-right{flex-direction:row;text-align:left}.loader-visual{display:flex;align-items:center;justify-content:center;position:relative;width:var(--loader-size);height:var(--loader-size);min-width:var(--loader-size);min-height:var(--loader-size)}.loader-text-block{display:flex;flex-direction:column;gap:4px}.loader-label-text{font-family:system-ui, -apple-system, sans-serif;font-size:14px;font-weight:600;color:#1e293b;letter-spacing:0.02em;animation:breathe 2s ease-in-out infinite}.loader-variant-neon .loader-label-text{color:#e9d5ff;text-shadow:0 0 10px rgba(168, 85, 247, 0.8)}.loader-desc-text{font-family:system-ui, -apple-system, sans-serif;font-size:12px;color:#64748b}.loader-variant-neon .loader-desc-text{color:#c084fc}.loader-predictive-bar{display:flex;align-items:center;gap:8px;width:140px;margin-top:4px}.loader-predictive-bar .loader-predictive-fill{height:4px;background:var(--loader-color);border-radius:2px;transition:width 0.3s cubic-bezier(0.1, 0.8, 0.3, 1)}.loader-predictive-bar .loader-predictive-percentage{font-size:11px;font-weight:700;color:var(--loader-color)}.focus-trap-sentinel{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.status-icon-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.status-icon-wrapper .status-svg{width:var(--loader-size);height:var(--loader-size)}.status-icon-wrapper .status-circle-bg{stroke-width:4;stroke-miterlimit:10;animation:status-stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards}.status-icon-wrapper .status-check-path{transform-origin:50% 50%;stroke-width:4;stroke-linecap:round;stroke-dasharray:48;stroke-dashoffset:48;animation:status-stroke-offset 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.6s forwards}.status-icon-wrapper .status-cross-path{transform-origin:50% 50%;stroke-width:4;stroke-linecap:round;stroke-dasharray:48;stroke-dashoffset:48;animation:status-stroke-offset 0.35s cubic-bezier(0.65, 0, 0.45, 1) 0.6s forwards}.status-icon-wrapper.success .status-circle-bg{stroke:var(--ui-success-color);fill:none}.status-icon-wrapper.success .status-check-path{stroke:var(--ui-success-color)}.status-icon-wrapper.error .status-circle-bg{stroke:var(--ui-danger-color);fill:none}.status-icon-wrapper.error .status-cross-path{stroke:var(--ui-danger-color)}.anim-spinner{width:100%;height:100%;border:var(--loader-thickness) solid color-mix(in srgb, var(--loader-color) 15%, transparent);border-left-color:var(--loader-color);border-radius:50%;box-sizing:border-box;animation:spin var(--loader-speed) linear infinite}.loader-variant-neon .anim-spinner{box-shadow:0 0 10px var(--loader-color), inset 0 0 5px var(--loader-color)}.anim-dots{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}.anim-dots div{width:25%;height:25%;background-color:var(--loader-color);border-radius:50%;animation:dots-pulse var(--loader-speed) ease-in-out infinite}.anim-dots div:nth-child(2){animation-delay:calc(var(--loader-speed) / 6)}.anim-dots div:nth-child(3){animation-delay:calc(var(--loader-speed) / 3)}.anim-bar{width:100%;height:var(--loader-thickness);background:rgba(120, 120, 120, 0.15);border-radius:calc(var(--loader-thickness) / 2);overflow:hidden;position:relative}.anim-bar .bar-indeterminate{position:absolute;height:100%;background:var(--loader-color);left:-50%;width:50%;border-radius:calc(var(--loader-thickness) / 2);animation:bar-slide calc(var(--loader-speed) * 1.5) cubic-bezier(0.4, 0, 0.2, 1) infinite}.anim-bar .bar-determinate{height:100%;background:var(--loader-color);border-radius:calc(var(--loader-thickness) / 2);transition:width 0.3s ease}.anim-pulse{width:80%;height:80%;background-color:var(--loader-color);border-radius:50%;animation:pulse-grow var(--loader-speed) ease-in-out infinite}.anim-ring{width:100%;height:100%;border:var(--loader-thickness) solid transparent;border-top-color:var(--loader-color);border-bottom-color:var(--loader-color);border-radius:50%;box-sizing:border-box;animation:spin var(--loader-speed) cubic-bezier(0.5, 0, 0.5, 1) infinite}.anim-bounce{width:100%;height:100%;position:relative}.anim-bounce div{width:100%;height:100%;border-radius:50%;background-color:var(--loader-color);opacity:0.6;position:absolute;top:0;left:0;animation:bounce-scale calc(var(--loader-speed) * 2) ease-in-out infinite}.anim-bounce div:nth-child(2){animation-delay:calc(var(--loader-speed) * -1)}.anim-grid{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:15%;width:100%;height:100%}.anim-grid div{background-color:var(--loader-color);border-radius:50%;animation:grid-fade calc(var(--loader-speed) * 1.2) ease-in-out infinite}.anim-grid div:nth-child(1){animation-delay:0s}.anim-grid div:nth-child(2){animation-delay:0.1s}.anim-grid div:nth-child(3){animation-delay:0.2s}.anim-grid div:nth-child(4){animation-delay:0.1s}.anim-grid div:nth-child(5){animation-delay:0.2s}.anim-grid div:nth-child(6){animation-delay:0.3s}.anim-grid div:nth-child(7){animation-delay:0.2s}.anim-grid div:nth-child(8){animation-delay:0.3s}.anim-grid div:nth-child(9){animation-delay:0.4s}.anim-wave{display:flex;align-items:center;justify-content:space-between;width:100%;height:80%}.anim-wave div{width:12%;height:100%;background-color:var(--loader-color);border-radius:4px;animation:wave-stretch var(--loader-speed) ease-in-out infinite}.anim-wave div:nth-child(1){animation-delay:-0.45s}.anim-wave div:nth-child(2){animation-delay:-0.3s}.anim-wave div:nth-child(3){animation-delay:-0.15s}.anim-wave div:nth-child(4){animation-delay:-0.3s}.anim-wave div:nth-child(5){animation-delay:-0.45s}.anim-dual-ring{width:100%;height:100%;border:var(--loader-thickness) solid transparent;border-left-color:var(--loader-color);border-right-color:var(--loader-color);border-radius:50%;animation:spin var(--loader-speed) linear infinite}.anim-heartbeat{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.anim-heartbeat .heart-svg{width:90%;height:90%;fill:var(--loader-color);animation:pulse-heart calc(var(--loader-speed) * 1.2) ease infinite}.anim-clock{width:100%;height:100%;border:var(--loader-thickness) solid var(--loader-color);border-radius:50%;position:relative;box-sizing:border-box}.anim-clock .clock-hour,.anim-clock .clock-minute{position:absolute;background-color:var(--loader-color);width:var(--loader-thickness);left:calc(50% - var(--loader-thickness) / 2);transform-origin:bottom center;border-radius:4px}.anim-clock .clock-hour{height:30%;top:20%;animation:spin calc(var(--loader-speed) * 6) linear infinite}.anim-clock .clock-minute{height:40%;top:10%;animation:spin var(--loader-speed) linear infinite}.anim-raining-letters{width:100%;height:100%;overflow:hidden;border-radius:8px;border:1px solid rgba(120, 120, 120, 0.15);box-sizing:border-box}.anim-raining-letters canvas{width:100% !important;height:100% !important;background:transparent}.anim-ripple{width:100%;height:100%;position:relative}.anim-ripple div{position:absolute;border:var(--loader-thickness) solid var(--loader-color);border-radius:50%;opacity:1;width:0;height:0;top:50%;left:50%;transform:translate(-50%, -50%);animation:ripple-grow var(--loader-speed) cubic-bezier(0, 0.2, 0.8, 1) infinite}.anim-ripple div:nth-child(2){animation-delay:-0.33s}.anim-ripple div:nth-child(3){animation-delay:-0.66s}.anim-infinite{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.anim-infinite svg{width:100%;height:60%}.anim-infinite .infinity-bg{stroke:rgba(120, 120, 120, 0.1);stroke-width:4;fill:none}.anim-infinite .infinity-loop{stroke:var(--loader-color);stroke-width:4;stroke-linecap:round;stroke-dasharray:120 200;fill:none;animation:loop-crawl calc(var(--loader-speed) * 1.5) linear infinite}.anim-wifi{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.anim-wifi div{border:var(--loader-thickness) solid transparent;border-top-color:var(--loader-color);border-radius:50%;position:absolute;transform-origin:center center;box-sizing:border-box}.anim-wifi .wifi-dot{width:15%;height:15%;background-color:var(--loader-color);border:none}.anim-wifi .wifi-arc-1{width:45%;height:45%;animation:wifi-pulse var(--loader-speed) ease-in-out infinite 0.1s}.anim-wifi .wifi-arc-2{width:70%;height:70%;animation:wifi-pulse var(--loader-speed) ease-in-out infinite 0.2s}.anim-wifi .wifi-arc-3{width:95%;height:95%;animation:wifi-pulse var(--loader-speed) ease-in-out infinite 0.3s}.anim-rainbow{width:100%;height:100%;border-radius:50%;padding:var(--loader-thickness);background:linear-gradient(90deg, #ff007f, #7f00ff, #00f0ff, #00ff7f, #ffef00, #ff007f);background-size:300% 300%;box-sizing:border-box;mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;mask-composite:exclude;animation:spin var(--loader-speed) linear infinite, gradient-move 3s ease infinite}.anim-square-shuffle{width:100%;height:100%;position:relative}.anim-square-shuffle div{width:35%;height:35%;background-color:var(--loader-color);position:absolute;animation:shuffle-move calc(var(--loader-speed) * 2) cubic-bezier(0.25, 1, 0.5, 1) infinite}.anim-square-shuffle div:nth-child(1){top:10%;left:10%}.anim-square-shuffle div:nth-child(2){top:10%;left:55%;animation-delay:-0.5s}.anim-square-shuffle div:nth-child(3){top:55%;left:55%;animation-delay:-1s}.anim-square-shuffle div:nth-child(4){top:55%;left:10%;animation-delay:-1.5s}.anim-dna-helix{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.anim-dna-helix .dna-strand{height:100%;width:6%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;animation:dna-twist calc(var(--loader-speed) * 1.5) ease-in-out infinite;animation-delay:calc(var(--i) * -0.12s)}.anim-dna-helix .dna-strand .dna-dot{width:150%;height:6%;background:var(--loader-color);border-radius:50%}.anim-dna-helix .dna-strand .dna-bar{width:30%;height:80%;background:rgba(120, 120, 120, 0.15);border-radius:2px}.anim-atom-sphere{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.anim-atom-sphere .atom-nucleus{width:20%;height:20%;background:var(--loader-color);border-radius:50%;box-shadow:0 0 10px var(--loader-color)}.anim-atom-sphere .atom-orbit{position:absolute;width:100%;height:40%;border:1.5px solid color-mix(in srgb, var(--loader-color) 35%, transparent);border-radius:50%}.anim-atom-sphere .atom-orbit .atom-electron{width:var(--loader-thickness);height:var(--loader-thickness);background:var(--loader-color);border-radius:50%;position:absolute;top:-3px;left:50%;box-shadow:0 0 6px var(--loader-color)}.anim-atom-sphere .atom-orbit.orbit-1{transform:rotate(0deg)}.anim-atom-sphere .atom-orbit.orbit-1 .atom-electron{animation:orbit-spin var(--loader-speed) linear infinite}.anim-atom-sphere .atom-orbit.orbit-2{transform:rotate(60deg)}.anim-atom-sphere .atom-orbit.orbit-2 .atom-electron{animation:orbit-spin var(--loader-speed) linear infinite -0.33s}.anim-atom-sphere .atom-orbit.orbit-3{transform:rotate(-60deg)}.anim-atom-sphere .atom-orbit.orbit-3 .atom-electron{animation:orbit-spin var(--loader-speed) linear infinite -0.66s}.anim-staircase{width:100%;height:100%;position:relative}.anim-staircase .stair-climber{width:25%;height:25%;background-color:var(--loader-color);border-radius:4px;position:absolute;top:10%;left:10%;animation:stair-climb var(--loader-speed) cubic-bezier(0.25, 1, 0.5, 1) infinite}.anim-staircase .stairs{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%;height:100%}.anim-staircase .stairs div{background:rgba(120, 120, 120, 0.15);height:20%;border-radius:2px;margin-top:5%}.anim-staircase .stairs div:nth-child(1){width:100%}.anim-staircase .stairs div:nth-child(2){width:75%}.anim-staircase .stairs div:nth-child(3){width:50%}.anim-staircase .stairs div:nth-child(4){width:25%}.anim-radar{width:100%;height:100%;border-radius:50%;border:1.5px solid rgba(120, 120, 120, 0.1);box-sizing:border-box;position:relative;overflow:hidden}.anim-radar .radar-scanner{position:absolute;top:50%;left:50%;width:100%;height:100%;background:conic-gradient(from 0deg at 50% 50%, color-mix(in srgb, var(--loader-color) 15%, transparent) 0%, transparent 40%, transparent 100%);transform:translate(-50%, -50%);animation:spin var(--loader-speed) linear infinite;transform-origin:50% 50%}.anim-radar .radar-ring,.anim-radar .radar-ring-mid{position:absolute;border:1px dashed color-mix(in srgb, var(--loader-color) 25%, transparent);border-radius:50%;top:50%;left:50%;transform:translate(-50%, -50%)}.anim-radar .radar-ring{width:70%;height:70%}.anim-radar .radar-ring-mid{width:40%;height:40%}.anim-radar .radar-dot{width:8%;height:8%;background:var(--loader-color);border-radius:50%;position:absolute;top:30%;left:65%;box-shadow:0 0 8px var(--loader-color);animation:blink 1.2s infinite}.anim-liquid-drop{width:100%;height:100%;position:relative}.anim-liquid-drop .drop-nozzle{width:20%;height:10%;background:rgba(120, 120, 120, 0.2);border-radius:0 0 4px 4px;margin:0 auto}.anim-liquid-drop .drop-droplet{width:14%;height:20%;background:var(--loader-color);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;position:absolute;top:10%;left:43%;animation:drop-fall var(--loader-speed) cubic-bezier(0.5, 0, 0.7, 0.4) infinite}.anim-liquid-drop .drop-surface{width:80%;height:8%;background:color-mix(in srgb, var(--loader-color) 30%, transparent);border-radius:50%;position:absolute;bottom:10%;left:10%;animation:surface-ripple var(--loader-speed) ease infinite}.anim-neon-path{width:100%;height:100%;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 0 15px color-mix(in srgb, var(--loader-color) 15%, transparent);box-sizing:border-box}.anim-neon-path div{width:100%;height:100%;border:var(--loader-thickness) solid var(--loader-color);border-radius:12px;box-sizing:border-box;animation:neon-glow-scale 1.5s ease-in-out infinite alternate}.anim-neuro-pulse{width:100%;height:100%}.anim-neuro-pulse .neuro-svg{width:100%;height:100%}.anim-neuro-pulse .neuro-branch{stroke:rgba(120, 120, 120, 0.15);stroke-width:2}.anim-neuro-pulse .neuro-center{fill:var(--loader-color)}.anim-neuro-pulse .neuro-terminal{fill:rgba(120, 120, 120, 0.4)}.anim-neuro-pulse .neuro-active-pulse{fill:var(--loader-color);animation:neuro-pulse-scale 2s ease-out infinite}.anim-neuro-pulse .neuro-active-pulse.pulse-2{animation-delay:1s}.anim-vortex-ring{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.anim-vortex-ring div{position:absolute;border:var(--loader-thickness) solid transparent;border-top-color:var(--loader-color);border-radius:50%;animation:spin var(--loader-speed) cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite}.anim-vortex-ring div:nth-child(1){width:100%;height:100%}.anim-vortex-ring div:nth-child(2){width:70%;height:70%;animation-delay:-0.2s;animation-direction:reverse}.anim-vortex-ring div:nth-child(3){width:40%;height:40%;animation-delay:-0.4s}.anim-cube-fold{width:70%;height:70%;transform:rotateZ(45deg);position:relative}.anim-cube-fold .fold-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}.anim-cube-fold .fold-cube::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--loader-color);animation:cube-fold-anim calc(var(--loader-speed) * 2.4) linear infinite both;transform-origin:100% 100%}.anim-cube-fold .fold-cube.cube-2{transform:scale(1.1) rotateZ(90deg)}.anim-cube-fold .fold-cube.cube-2::before{animation-delay:0.3s}.anim-cube-fold .fold-cube.cube-3{transform:scale(1.1) rotateZ(270deg)}.anim-cube-fold .fold-cube.cube-3::before{animation-delay:0.9s}.anim-cube-fold .fold-cube.cube-4{transform:scale(1.1) rotateZ(180deg)}.anim-cube-fold .fold-cube.cube-4::before{animation-delay:0.6s}.anim-breathing{width:60%;height:60%;background-color:var(--loader-color);border-radius:50%;animation:breathe 2s ease-in-out infinite;box-shadow:0 0 15px var(--loader-color)}.anim-glitch-text{font-family:"Courier New", Courier, monospace;font-size:16px;font-weight:900;color:#fff;position:relative;text-shadow:0.05em 0 0 rgba(255, 0, 0, 0.75), -0.025em -0.05em 0 rgba(0, 255, 0, 0.75), 0.025em 0.05em 0 rgba(0, 0, 255, 0.75);animation:glitch 1s infinite}.anim-glitch-text::before,.anim-glitch-text::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.anim-glitch-text::before{animation:glitch-anim-1 0.7s infinite linear alternate-reverse;text-shadow:-2px 0 #ff00c1;clip:rect(44px, 450px, 56px, 0)}.anim-glitch-text::after{animation:glitch-anim-2 0.7s infinite linear alternate-reverse;text-shadow:-2px 0 #00fff9, 2px 2px #ff00c1;clip:rect(85px, 450px, 140px, 0)}.anim-plc-module{background:#27272a;border:1.5px solid #3f3f46;border-radius:6px;width:90%;height:90%;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;font-family:monospace;font-size:8px;color:#a1a1aa}.anim-plc-module .plc-header{background:#3f3f46;color:#fff;font-weight:bold;text-align:center;padding:2px 0}.anim-plc-module .plc-leds{display:flex;flex-direction:column;gap:4px;padding:6px;flex:1;justify-content:center}.anim-plc-module .plc-row{display:flex;justify-content:space-between;align-items:center}.anim-plc-module .plc-led{width:6px;height:6px;border-radius:50%}.anim-plc-module .plc-led.led-green{background:#22c55e;box-shadow:0 0 4px #22c55e}.anim-plc-module .plc-led.led-amber{background:#f59e0b;box-shadow:0 0 4px #f59e0b}.anim-plc-module .plc-led.led-red{background:#ef4444}.anim-plc-module .plc-led.blinking{animation:blink 0.8s infinite}.anim-plc-module .plc-led.flicker{animation:blink 0.25s infinite}.anim-plc-module .plc-led.flicker-delayed{animation:blink 0.35s infinite 0.15s}.anim-plc-module .plc-led.off{background:#52525b;box-shadow:none}.anim-m580-signal{display:flex;align-items:flex-end;justify-content:space-between;width:80%;height:60%}.anim-m580-signal div{width:14%;background-color:#22c55e;border-radius:1px;box-shadow:0 0 3px #22c55e;animation:signal-rise 1.5s ease-in-out infinite}.anim-m580-signal div:nth-child(1){height:20%;animation-delay:0.1s}.anim-m580-signal div:nth-child(2){height:40%;animation-delay:0.2s}.anim-m580-signal div:nth-child(3){height:60%;animation-delay:0.3s}.anim-m580-signal div:nth-child(4){height:80%;animation-delay:0.4s}.anim-m580-signal div:nth-child(5){height:100%;animation-delay:0.5s}.anim-circuit-board{width:100%;height:100%}.anim-circuit-board svg{width:100%;height:100%}.anim-circuit-board .circuit-path{stroke:rgba(120, 120, 120, 0.15);stroke-width:3px}.anim-circuit-board .circuit-node{fill:none;stroke:var(--loader-color);stroke-width:2.5px}.anim-circuit-board .circuit-pulse{fill:var(--loader-color);box-shadow:0 0 8px var(--loader-color)}.anim-callout-rotate{width:100%;height:100%;position:relative}.anim-callout-rotate .callout-ring{width:100%;height:100%;border:var(--loader-thickness) dashed color-mix(in srgb, var(--loader-color) 40%, transparent);border-radius:50%;box-sizing:border-box;animation:spin calc(var(--loader-speed) * 3) linear infinite}.anim-callout-rotate .callout-arrow{position:absolute;width:30%;height:30%;border:var(--loader-thickness) solid var(--loader-color);border-top:none;border-left:none;top:35%;left:35%;transform:rotate(-45deg);animation:spin var(--loader-speed) ease-in-out infinite}.anim-infinite-roller{display:flex;align-items:center;justify-content:space-around;width:100%;height:30%;border-radius:10px;background:rgba(120, 120, 120, 0.1);padding:0 4px;box-sizing:border-box}.anim-infinite-roller div{width:16%;height:60%;background-color:var(--loader-color);border-radius:50%;animation:roll-slide 1.5s ease-in-out infinite}.anim-infinite-roller div:nth-child(1){animation-delay:0s}.anim-infinite-roller div:nth-child(2){animation-delay:0.25s}.anim-infinite-roller div:nth-child(3){animation-delay:0.5s}.anim-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.anim-image img{max-width:90%;max-height:90%;object-fit:contain;animation:pulse-grow 2s ease-in-out infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes breathe{0%,100%{opacity:0.45;transform:scale(0.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes dots-pulse{0%,100%{transform:scale(0.3);opacity:0.2}50%{transform:scale(1);opacity:1}}@keyframes bar-slide{0%{left:-50%}100%{left:100%}}@keyframes pulse-grow{0%,100%{transform:scale(0);opacity:0.8}50%{transform:scale(1);opacity:0.2}}@keyframes bounce-scale{0%,100%{transform:scale(0)}50%{transform:scale(1)}}@keyframes grid-fade{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.3;transform:scale(0.7)}}@keyframes wave-stretch{0%,100%{transform:scaleY(0.3)}50%{transform:scaleY(1)}}@keyframes pulse-heart{0%{transform:scale(0.9)}25%{transform:scale(1.1)}35%{transform:scale(1)}55%{transform:scale(1.15)}70%{transform:scale(1)}100%{transform:scale(0.9)}}@keyframes ripple-grow{0%{width:0;height:0;opacity:1}100%{width:100%;height:100%;opacity:0}}@keyframes loop-crawl{0%{stroke-dashoffset:320}100%{stroke-dashoffset:0}}@keyframes wifi-pulse{0%,100%{opacity:0.25}50%{opacity:1}}@keyframes gradient-move{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes shuffle-move{0%,100%{transform:translate(0, 0)}25%{transform:translate(120%, 0)}50%{transform:translate(120%, 120%)}75%{transform:translate(0, 120%)}}@keyframes dna-twist{0%,100%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}}@keyframes orbit-spin{0%{transform:rotate(0deg) translateX(0px)}100%{transform:rotate(360deg) translateX(0px)}}@keyframes stair-climb{0%{transform:translate(0, 0)}20%{transform:translate(0, -25%)}40%{transform:translate(25%, -25%)}60%{transform:translate(25%, -50%)}80%{transform:translate(50%, -50%)}100%{transform:translate(50%, -25%)}}@keyframes drop-fall{0%{transform:scale(0) translateY(0);opacity:0}10%{transform:scale(1) translateY(0);opacity:1}80%{transform:scale(1) translateY(250%);opacity:1}90%,100%{transform:scale(0) translateY(250%);opacity:0}}@keyframes surface-ripple{0%,75%{transform:scale(0.2);opacity:0}82%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes neon-glow-scale{0%{box-shadow:0 0 10px color-mix(in srgb, var(--loader-color) 30%, transparent)}100%{box-shadow:0 0 25px color-mix(in srgb, var(--loader-color) 75%, transparent)}}@keyframes neuro-pulse-scale{0%{transform:scale(0.6);opacity:0.8}100%{transform:scale(4.5);opacity:0}}@keyframes cube-fold-anim{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1}90%,100%{transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px, 2px)}40%{transform:translate(-2px, -2px)}60%{transform:translate(2px, 2px)}80%{transform:translate(2px, -2px)}100%{transform:translate(0)}}@keyframes glitch-anim-1{0%{clip:rect(15px, 9999px, 66px, 0)}5%{clip:rect(85px, 9999px, 5px, 0)}10%{clip:rect(34px, 9999px, 78px, 0)}15%{clip:rect(67px, 9999px, 12px, 0)}20%{clip:rect(12px, 9999px, 115px, 0)}25%{clip:rect(98px, 9999px, 94px, 0)}30%{clip:rect(5px, 9999px, 22px, 0)}35%{clip:rect(143px, 9999px, 87px, 0)}40%{clip:rect(61px, 9999px, 140px, 0)}45%{clip:rect(72px, 9999px, 34px, 0)}50%{clip:rect(110px, 9999px, 99px, 0)}55%{clip:rect(2px, 9999px, 45px, 0)}60%{clip:rect(89px, 9999px, 112px, 0)}65%{clip:rect(30px, 9999px, 5px, 0)}70%{clip:rect(122px, 9999px, 80px, 0)}75%{clip:rect(56px, 9999px, 18px, 0)}80%{clip:rect(95px, 9999px, 134px, 0)}85%{clip:rect(14px, 9999px, 49px, 0)}90%{clip:rect(68px, 9999px, 91px, 0)}95%{clip:rect(104px, 9999px, 120px, 0)}100%{clip:rect(40px, 9999px, 10px, 0)}}@keyframes glitch-anim-2{0%{clip:rect(112px, 9999px, 76px, 0)}5%{clip:rect(25px, 9999px, 5px, 0)}10%{clip:rect(98px, 9999px, 34px, 0)}15%{clip:rect(5px, 9999px, 145px, 0)}20%{clip:rect(87px, 9999px, 67px, 0)}25%{clip:rect(120px, 9999px, 10px, 0)}30%{clip:rect(43px, 9999px, 89px, 0)}35%{clip:rect(72px, 9999px, 120px, 0)}40%{clip:rect(2px, 9999px, 54px, 0)}45%{clip:rect(134px, 9999px, 98px, 0)}50%{clip:rect(61px, 9999px, 15px, 0)}55%{clip:rect(95px, 9999px, 130px, 0)}60%{clip:rect(14px, 9999px, 45px, 0)}65%{clip:rect(80px, 9999px, 112px, 0)}70%{clip:rect(34px, 9999px, 2px, 0)}75%{clip:rect(104px, 9999px, 80px, 0)}80%{clip:rect(44px, 9999px, 91px, 0)}85%{clip:rect(122px, 9999px, 5px, 0)}90%{clip:rect(56px, 9999px, 140px, 0)}95%{clip:rect(89px, 9999px, 22px, 0)}100%{clip:rect(110px, 9999px, 99px, 0)}}@keyframes blink{0%,100%{opacity:0.25}50%{opacity:1}}@keyframes signal-rise{0%,100%{opacity:0.2;transform:scaleY(0.7)}50%{opacity:1;transform:scaleY(1)}}@keyframes roll-slide{0%,100%{transform:translateX(-30%)}50%{transform:translateX(30%)}}@keyframes status-stroke{100%{stroke-dashoffset:0}}@keyframes status-stroke-offset{100%{stroke-dashoffset:0}}';const v=class{constructor(i){t(this,i),this.navOpen=o(this,"navOpen"),this.navClose=o(this,"navClose"),this.navToggle=o(this,"navToggle"),this.navItemClick=o(this,"navItemClick"),this.itemExpand=o(this,"itemExpand"),this.itemCollapse=o(this,"itemCollapse")}get el(){return i(this)}items=[];categories=[];bottomItems=[];secondaryItems=[];bottomItemsSecondary=[];showSearch=!1;mode="collapsed";position="left";collapsible=!0;expandedWidth="280px";collapsedWidth="64px";iconOnly=!0;accordion=!1;activeId;theme="auto";orientation="vertical";density="comfortable";indicatorPosition="start";maxItems=100;companyLogo;companyName;iconLibrary="default";isExpanded=!0;isMobile=!1;expandedItems=new Set;keyword="";effectiveTheme="light";gliderTop=0;gliderHeight=0;gliderLeft=0;gliderWidth=0;gliderOpacity=0;hoveredId=null;hoveredIconId=null;navOpen;navClose;navToggle;navItemClick;itemExpand;itemCollapse;componentWillLoad(){this.checkScreenSize(),this.handleModeChange(),this.expandParents(),this.syncTheme()}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>{this.checkScreenSize(),this.updateGlider()})),this.resizeObserver.observe(document.body),this.themeObserver=new MutationObserver((()=>this.syncTheme())),this.themeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["class","data-theme"]}),this.themeObserver.observe(document.body,{attributes:!0,attributeFilter:["class"]}),requestAnimationFrame((()=>this.updateGlider()))}componentDidRender(){requestAnimationFrame((()=>this.updateGlider()))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect(),this.themeObserver&&this.themeObserver.disconnect()}handleResize(){"auto"===this.mode&&this.checkScreenSize()}checkScreenSize(){const t=window.innerWidth<768;t!==this.isMobile&&(this.isMobile=t,this.isExpanded=!t)}handleModeChange(){"auto"===this.mode?this.checkScreenSize():this.isExpanded="expanded"===this.mode,this.isMobile=window.innerWidth<768,this.isMobile=window.innerWidth<768}handleScroll(){this.updateGlider()}onThemeChange(){this.syncTheme()}onActiveIdChange(){this.expandParents(),requestAnimationFrame((()=>this.updateGlider()))}onExpandChange(){requestAnimationFrame((()=>this.updateGlider()))}resizeObserver;themeObserver;syncTheme(){if("auto"===this.theme){const t=document.documentElement,o=document.body,i=t.getAttribute("data-theme");this.effectiveTheme=t.classList.contains("green")||o.classList.contains("green")||"green"===i?"green":t.classList.contains("pink")||o.classList.contains("pink")||"pink"===i?"pink":t.classList.contains("violet")||o.classList.contains("violet")||"violet"===i?"violet":t.classList.contains("yellow")||o.classList.contains("yellow")||"yellow"===i?"yellow":t.classList.contains("blue")||o.classList.contains("blue")||"blue"===i?"blue":t.classList.contains("dark")||o.classList.contains("dark")||"dark"===i||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}else this.effectiveTheme=this.theme}updateGlider(){if(!this.el)return;const t=this.hoveredId?`#nav-item-${this.hoveredId}`:".nav-item.active, .nav-item.active-ancestor",o=this.el.shadowRoot?.querySelector(t);if(o){const t=this.el.getBoundingClientRect(),i=o.getBoundingClientRect();if("horizontal"===this.orientation){const o=i.left-t.left,r=i.width;this.gliderLeft===o&&this.gliderWidth===r&&1===this.gliderOpacity||(this.gliderLeft=o,this.gliderWidth=r,this.gliderOpacity=1)}else{const o=i.top-t.top,r=i.height;this.gliderTop===o&&this.gliderHeight===r&&1===this.gliderOpacity||(this.gliderTop=o,this.gliderHeight=r,this.gliderOpacity=1)}}else 0!==this.gliderOpacity&&(this.gliderOpacity=0)}expandParents(){if(!this.activeId)return;const t=new Set(this.expandedItems);let o=!1;const i=r=>{for(const e of r)e.children&&e.children.length>0&&this.hasActiveChild(e)&&(t.has(e.id)||(t.add(e.id),o=!0),i(e.children))};i(this.categories||[]),i(this.items||[]),i(this.bottomItems||[]),i(this.secondaryItems||[]),i(this.bottomItemsSecondary||[]),o&&(this.expandedItems=t)}async open(){this.collapsible&&(this.isExpanded=!0,"auto"!==this.mode&&(this.mode="expanded"),this.navOpen.emit())}async close(){this.collapsible&&(this.isExpanded=!1,"auto"!==this.mode&&(this.mode="collapsed"),this.navClose.emit())}async toggle(){this.isExpanded?await this.close():await this.open(),this.navToggle.emit({expanded:this.isExpanded})}async setActive(t){this.activeId=t}handleItemClick(t){if(t.children&&t.children.length>0){if(!this.isExpanded||"horizontal"===this.orientation){let o=t.children[0];for(;o&&o.children&&o.children.length>0;)o=o.children[0];return void(o&&!o.disabled&&(this.activeId=o.id,this.navItemClick.emit(o),this.isMobile&&this.close()))}this.toggleItem(t.id)}else{if(t.disabled)return;this.activeId=t.id,this.navItemClick.emit(t),this.isMobile&&this.close()}}hasActiveChild(t){return!!t.children&&t.children.some((t=>t.id===this.activeId||this.hasActiveChild(t)))}toggleItem(t){const o=new Set(this.expandedItems);o.has(t)?(o.delete(t),this.itemCollapse.emit(t)):(o.add(t),this.itemExpand.emit(t)),this.expandedItems=o}handleKeyDown(t,o){"Enter"===t.key||" "===t.key?(t.preventDefault(),this.handleItemClick(o)):"ArrowDown"===t.key?(t.preventDefault(),this.focusNext(t.target)):"ArrowUp"===t.key?(t.preventDefault(),this.focusPrev(t.target)):"ArrowRight"===t.key?this.expandedItems.has(o.id)||this.toggleItem(o.id):"ArrowLeft"===t.key&&this.expandedItems.has(o.id)&&this.toggleItem(o.id)}focusNext(t){const o=Array.from(this.el.shadowRoot.querySelectorAll(".nav-item")),i=o.indexOf(t);i>-1&&i<o.length-1&&o[i+1].focus()}focusPrev(t){const o=Array.from(this.el.shadowRoot.querySelectorAll(".nav-item")),i=o.indexOf(t);i>0&&o[i-1].focus()}renderToggle(){return!this.collapsible||this.isMobile?null:r("div",{class:"nav-toggle-edge",onClick:()=>this.toggle()},r("svg",{viewBox:"0 0 24 24",width:"14",height:"14",stroke:"currentColor","stroke-width":"2",fill:"none"},r("path",{d:"M15 18l-6-6 6-6"})))}filterItems(t){if(!this.keyword)return t;const o=this.keyword.toLowerCase(),i=t=>t.filter((t=>{const r=t.label.toLowerCase().includes(o),e=t.children&&i(t.children).length>0;return r||e})).map((t=>t.children?{...t,children:i(t.children)}:t));return i(t)}renderNavList(t,o){const i=this.filterItems(t),r=this.maxItems;if(this.keyword||"horizontal"===this.orientation||i.length<=r)return i.map((t=>this.renderItem(t)));const e=r-1,a=i.slice(0,e),n={id:`nav-overflow-${o}`,label:"More",icon:"more-horizontal",iconLibrary:"lucide",children:i.slice(e)};return[...a.map((t=>this.renderItem(t))),this.renderItem(n)]}getBlocks(){return{categories:[...this.categories||[],...(this.items||[]).filter((t=>"categories"===t.block))],primary:(this.items||[]).filter((t=>!t.block||"primary"===t.block)),secondary:[...this.secondaryItems||[],...(this.items||[]).filter((t=>"secondary"===t.block))],bottom:[...this.bottomItems||[],...(this.items||[]).filter((t=>"bottom"===t.block))],bottomSecondary:[...this.bottomItemsSecondary||[],...(this.items||[]).filter((t=>"bottomSecondary"===t.block))]}}render(){const t=this.getBlocks(),o=[!this.isExpanded&&"is-collapsed",this.isMobile&&"is-drawer",this.isMobile&&this.isExpanded&&"drawer-open",`pos-${"string"==typeof this.position?this.position:""}`,`indicator-${"string"==typeof this.indicatorPosition?this.indicatorPosition:""}`].filter(Boolean).join(" ");return r(e,{key:"2eb01698cf4e733afaea46d374a90834404dac5c",style:{"--nav-width":"boolean"==typeof this.isExpanded?this.isExpanded?this.expandedWidth:this.isMobile?"0px":this.collapsedWidth:this.collapsedWidth},class:o,"data-theme":this.effectiveTheme},r("div",{key:"64afaaedfbae9c6ef52d43dd9a66b0f8c70cb005",class:"nav-glider",style:{top:"horizontal"===this.orientation?"auto":`${"number"==typeof this.gliderTop?this.gliderTop:0}px`,height:"horizontal"===this.orientation?"3px":`${"number"==typeof this.gliderHeight?this.gliderHeight:0}px`,left:"horizontal"===this.orientation?`${"number"==typeof this.gliderLeft?this.gliderLeft:0}px`:"left"===this.position?"6px":"auto",right:"horizontal"===this.orientation?"auto":"right"===this.position?"6px":"auto",width:"horizontal"===this.orientation?`${"number"==typeof this.gliderWidth?this.gliderWidth:0}px`:"4px",bottom:"horizontal"===this.orientation?"0":"auto",opacity:`${"number"==typeof this.gliderOpacity?this.gliderOpacity:0}`}}),this.renderToggle(),this.isMobile&&this.isExpanded&&r("div",{key:"c1cc68a69a4483b72de62b8dc01df11c2cd5b46d",class:"nav-backdrop",onClick:()=>this.close()}),r("div",{key:"4476a7ff93109e3b6e5958660b96dedba14f42e5",class:"nav-blocks-container"},r("div",{key:"68faa594665af6f1cedf149185abd2cca9817228",class:"nav-header"},r("slot",{key:"b80e043762877652627c51eb2ddc3e0f63df57c0",name:"header"},(this.companyLogo||this.companyName)&&r("div",{key:"fb3c413c07ff8350426ad0f4f15bdbfd0ee86811",class:"nav-company-block",style:{display:"flex",alignItems:"center",gap:"12px",padding:"0 24px",height:"64px"}},this.companyLogo&&r("img",{key:"847a03eac2008e4ebc04e979edeeb5a13f5abdfc",src:this.companyLogo,alt:this.companyName||"Logo",style:{height:"32px",width:"auto"}}),this.isExpanded&&this.companyName&&r("span",{key:"abcff11af04d25aec0b037545d0aaf5c6dac7943",class:"nav-company-name",style:{fontWeight:"600",fontSize:"16px"}},this.companyName))),r("slot",{key:"3d76424bb0011e74f65a7652b422876216c5a184",name:"logo"}),this.isMobile&&r("div",{key:"90f60b7f7a238688f0ec88b5e719a3fbc351e9fc",class:"nav-mobile-close",onClick:()=>this.close()},r("svg",{key:"81b3b606dbc8e698b2bda807486d0a0807523baf",viewBox:"0 0 24 24",width:"24",height:"24",stroke:"currentColor",fill:"none"},r("path",{key:"e3874a36edaccd360cb51f7ea7439ad35546b284",d:"M18 6L6 18M6 6l12 12"})))),this.showSearch&&this.isExpanded&&r("div",{key:"159550b1dad6ff640256e1d104365cf9914798cc",class:"nav-search-bar"},r("div",{key:"2c546aba432593be79cb9cd87508fc97e9e53675",style:{position:"relative",display:"flex",alignItems:"center",background:"var(--nav-item-hover-bg, #f1f5f9)",borderRadius:"6px",padding:"4px 8px"}},r("svg",{key:"3f908153c8229f86ef86a84e43db7f8f04e106f5",viewBox:"0 0 24 24",width:"16",height:"16",fill:"none",stroke:"currentColor","stroke-width":"2",style:{opacity:"0.5",marginRight:"8px"}},r("circle",{key:"0180978379bb2e07d78dc7ebbcfd9f977eeb3eab",cx:"11",cy:"11",r:"8"}),r("line",{key:"60eeaded9a9eae354f3c2b47b64b66d00d0256ff",x1:"21",y1:"21",x2:"16.65",y2:"16.65"})),r("input",{key:"1583b28f1daed5e1545a5040afe4722c7b3e4ab1",type:"text",placeholder:"Search...",value:this.keyword,onInput:t=>this.keyword=t.target.value,style:{background:"transparent",border:"none",outline:"none",width:"100%",fontSize:"14px",color:"inherit"}}))),t.categories.length>0&&r("div",{key:"2c80c4bb5deef89af5f93ea6d2b1b69bbe8d94be",class:"nav-block-categories",role:"tree"},this.renderNavList(t.categories,"cat")),r("div",{key:"d235632930a29f1be58a749317415cac8dda95db",class:"nav-block-top",role:"tree"},this.renderNavList(t.primary,"top"),r("slot",{key:"5b4e7cbf60a4017630323b05c5f49f447c72342a",name:"menu-item"})," ",0===t.primary.length&&0===t.categories.length&&0===t.secondary.length&&r("slot",{key:"e4bfa9034a10ca358f6b82ae98c25473a93ca6e7",name:"empty-state"},"No Items")),t.secondary.length>0&&r("div",{key:"f09d0dc5ac73f3be4f955b06e8df12df35841cd5",class:"nav-block-secondary",role:"tree"},this.renderNavList(t.secondary,"sec")),t.bottom.length>0&&r("div",{key:"c177f73e835f8145392a2977ca8d2e1a0a19e0dc",class:"nav-block-bottom",role:"tree"},t.bottom.map((t=>this.renderItem(t))),r("slot",{key:"30645d8bdf679a52419bfcc3a24ca94b334d7e09",name:"footer"})),t.bottomSecondary.length>0&&r("div",{key:"5359678d2c1719502bb2ef9ea98884bad930a01a",class:"nav-block-profile",role:"tree"},t.bottomSecondary.map((t=>this.renderItem(t))))))}isBottomItem(t){const o=this.getBlocks();return o.bottom.some((o=>o.id===t))||o.bottomSecondary.some((o=>o.id===t))}renderItem(t,o=0){if("divider"===t.type)return r("div",{class:"nav-divider",style:{height:"1px",background:"var(--ui-input-border, #e2e8f0)",margin:"8px 0"}});if("title"===t.type)return this.isExpanded||"horizontal"===this.orientation?r("div",{class:`nav-title level-${o}`,style:{fontSize:"11px",fontWeight:"bold",textTransform:"uppercase",color:"#94a3b8",padding:"12px 16px 4px 16px"}},t.label):null;const i=this.expandedItems.has(t.id),e=this.activeId===t.id||!this.isExpanded&&this.hasActiveChild(t),a=this.isExpanded&&this.hasActiveChild(t),n=t.children&&t.children.length>0,s=16*o+16+"px",c=`nav-item-${t.id}`,d=["nav-item",e&&"active",a&&"active-ancestor",i&&"expanded","user-profile"===t.id&&"is-user-profile",!t.icon&&"no-icon"].filter(Boolean).join(" "),l=[(t.icon||t.avatar||"image"===t.type||"icon"===t.type||"avatar"===t.type||t.imageUrl)&&r("span",{class:"nav-icon-container"},t.avatar||"avatar"===t.type?r("ui-avatar",{src:t.avatar||t.imageUrl,shape:"circle",class:"nav-avatar-icon",size:this.isExpanded||"horizontal"===this.orientation?"1.5rem":"2rem",status:t.status}):"image"===t.type||t.imageUrl?r("img",{src:t.imageUrl,alt:t.label,class:"nav-image-icon",style:{width:"24px",height:"24px",borderRadius:"4px",objectFit:"cover"}}):r("span",{class:"nav-icon"},r("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"1.25rem"})),t.status&&!t.avatar&&"avatar"!==t.type&&r("span",{class:`nav-status-dot status-${t.status}`}),!this.isExpanded&&t.badge&&r("span",{class:"nav-badge-mini"},t.badge),"horizontal"===this.orientation&&("user-profile"===t.id||this.isBottomItem(t.id))&&t.badge&&r("span",{class:"nav-badge-mini"},t.badge)),!n&&!this.isExpanded&&this.hoveredIconId===t.id&&r("div",{class:{"nav-tooltip":!0,visible:!0}},t.label),(this.isExpanded||"horizontal"===this.orientation&&!this.isBottomItem(t.id))&&r("span",{class:"nav-label-container"},r("span",{class:"nav-label"},t.label),t.badge&&r("span",{class:"nav-badge"},t.badge)),n&&(this.isExpanded||"horizontal"===this.orientation)&&r("span",{class:"nav-arrow"},r("svg",{viewBox:"0 0 24 24",width:"16",height:"16",stroke:"currentColor",fill:"none",class:i&&"horizontal"!==this.orientation?"rotate-180":""},r("path",{d:"M6 9l6 6 6-6"})))],p={paddingLeft:"horizontal"===this.orientation?"0":this.isExpanded?s:"0"};return r("div",{key:t.id,class:`nav-item-wrapper level-${o}`,role:"none"},t.href&&!n?r("a",{id:c,href:t.href,class:d,style:p,onMouseEnter:()=>{"horizontal"===this.orientation&&(this.hoveredId=t.id,this.updateGlider()),n||this.isExpanded||(this.hoveredIconId=t.id)},onMouseLeave:()=>{"horizontal"===this.orientation&&(this.hoveredId=null,this.updateGlider()),this.hoveredIconId=null},onClick:o=>{o.stopPropagation(),this.handleItemClick(t)},onKeyDown:o=>this.handleKeyDown(o,t),title:!this.isExpanded&&n?t.label:"",tabindex:0,role:"treeitem","aria-selected":e?"true":"false"},l):r("div",{id:c,class:d,style:p,onMouseEnter:()=>{"horizontal"===this.orientation&&(this.hoveredId=t.id,this.updateGlider()),n||this.isExpanded||(this.hoveredIconId=t.id)},onMouseLeave:()=>{"horizontal"===this.orientation&&(this.hoveredId=null,this.updateGlider()),this.hoveredIconId=null},onClick:o=>{o.stopPropagation(),this.handleItemClick(t)},onKeyDown:o=>this.handleKeyDown(o,t),title:!this.isExpanded&&n?t.label:"",tabindex:0,role:"treeitem","aria-expanded":n?i?"true":"false":null,"aria-selected":e?"true":"false"},l),(()=>{const o=n?t.children:[];return o&&0!==o.length?this.isExpanded&&"horizontal"!==this.orientation?null:r("ui-context-menu",{target:`#${c}`,items:o,selectedId:this.activeId,theme:this.effectiveTheme,openOn:"hover",placement:"horizontal"===this.orientation?"bottom":"left"===this.position?"right":"left",onItemSelect:o=>{o.stopPropagation(),this.handleItemClick(n?o.detail.item:t)}}):null})(),n&&i&&this.isExpanded&&"horizontal"!==this.orientation&&r("div",{class:"nav-children",role:"group"},t.children.map((t=>this.renderItem(t,o+1)))))}static get watchers(){return{mode:[{handleModeChange:0}],theme:[{onThemeChange:0}],activeId:[{onActiveIdChange:0}],isExpanded:[{onExpandChange:0}]}}};v.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{--nav-bg:var(--bg-primary, #fcfcfc);--nav-color:var(--text-primary, #000000);--nav-border-color:var(--border-subtle, #d9d9d9);--nav-item-hover-bg:var(--bg-hover, #e6e6e6);--nav-item-active-bg:var(--bg-selected, var(--color-primary-subtle, rgba(0, 138, 22, 0.08)));--nav-item-active-color:var(--color-primary, #008a16);--nav-accent-gradient:linear-gradient(135deg, var(--color-primary, #3b82f6) 0%, var(--color-secondary, #8b5cf6) 100%);--nav-width:280px;--nav-transition:width 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);display:flex;flex-direction:column;height:100vh;width:var(--nav-width);background:var(--nav-bg);color:var(--nav-color);border-right:1px solid var(--nav-border-color);transition:var(--nav-transition);box-sizing:border-box;position:relative;z-index:100}:host(.pos-right){border-right:none;border-left:1px solid var(--nav-border-color)}.nav-toggle-edge{position:absolute;top:48px;right:-12px;width:24px;height:24px;background:var(--nav-bg);border:1px solid var(--nav-border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:101;color:var(--nav-color);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);transition:transform 0.2s, background-color 0.2s}.nav-toggle-edge:hover{background-color:var(--nav-item-hover-bg)}:host(.pos-right) .nav-toggle-edge{right:auto;left:-12px;transform:rotate(180deg)}:host(.is-collapsed) .nav-toggle-edge{transform:rotate(180deg)}:host(.pos-right.is-collapsed) .nav-toggle-edge{transform:rotate(0deg)}:host([data-theme=dark]),:host-context([data-theme=dark]){--nav-bg:var(--bg-primary, #111827);--nav-color:var(--text-secondary, #94a3b8);--nav-border-color:var(--border-subtle, #1e293b);--nav-item-hover-bg:var(--bg-hover, #1e293b);--nav-item-active-bg:var(--bg-selected, var(--color-primary-subtle, rgba(0, 138, 22, 0.15)));--nav-item-active-color:var(--color-primary, #008a16)}:host([data-theme=green]),:host-context([data-theme=green]){--nav-bg:#3DCD58;--nav-color:#ffffff;--nav-border-color:rgba(255, 255, 255, 0.2);--nav-item-hover-bg:rgba(255, 255, 255, 0.1);--nav-item-active-bg:rgba(255, 255, 255, 0.2);--nav-item-active-color:#ffffff}:host([data-theme=pink]),:host-context([data-theme=pink]),:host([data-theme=violet]),:host-context([data-theme=violet]),:host([data-theme=yellow]),:host-context([data-theme=yellow]),:host([data-theme=blue]),:host-context([data-theme=blue]){--nav-bg:var(--bg-primary);--nav-color:var(--text-secondary, var(--text-primary));--nav-border-color:var(--border-subtle);--nav-item-hover-bg:var(--bg-hover);--nav-item-active-bg:var(--bg-selected, var(--color-primary-subtle));--nav-item-active-color:var(--color-primary)}:host([orientation=horizontal]){width:100%;height:64px;flex-direction:row;border-right:none;border-bottom:1px solid var(--nav-border-color)}:host([orientation=horizontal]) .nav-blocks-container{display:flex !important;flex-direction:row !important;align-items:center;width:100%;height:100%;overflow:visible;flex-wrap:nowrap !important;justify-content:flex-start !important}:host([orientation=horizontal]) .nav-header{border-bottom:none;border-right:1px solid var(--nav-border-color);flex-shrink:0}:host(.is-collapsed) .nav-block-categories,:host(.is-collapsed) .nav-block-top,:host(.is-collapsed) .nav-block-secondary,:host(.is-collapsed) .nav-block-bottom,:host(.is-collapsed) .nav-block-profile{overflow:visible !important}:host([orientation=horizontal]) .nav-block-bottom{margin-left:auto}:host([orientation=horizontal]) .nav-block-categories,:host([orientation=horizontal]) .nav-block-top,:host([orientation=horizontal]) .nav-block-secondary,:host([orientation=horizontal]) .nav-block-bottom,:host([orientation=horizontal]) .nav-block-profile{display:flex !important;flex-direction:row !important;align-items:center;padding:0;overflow:visible !important;border:none !important;height:100%;flex-shrink:0;flex-grow:0 !important;max-height:none !important;flex-wrap:nowrap !important}:host([orientation=horizontal]) .nav-block-categories,:host([orientation=horizontal]) .nav-block-top,:host([orientation=horizontal]) .nav-block-secondary,:host([orientation=horizontal]) .nav-search-bar{border-right:none !important}:host([orientation=horizontal]) .nav-block-top{flex:none}:host([orientation=horizontal]) .nav-item-wrapper{height:100%;display:flex !important;flex-direction:row !important;align-items:center;flex-shrink:0}:host([orientation=horizontal]) .nav-item{height:100%;padding:0 6px;margin:0 !important;border-radius:0;display:flex;align-items:center;justify-content:center;white-space:nowrap}:host([orientation=horizontal]) .nav-icon{margin-right:4px;}:host([orientation=horizontal]) .nav-glider{left:0;right:auto;bottom:0px !important;top:auto !important;height:3px !important;border-radius:4px 4px 0 0;background-color:var(--nav-item-active-color);transition:left 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s}:host([orientation=horizontal]) .nav-toggle-edge{display:none}:host([orientation=horizontal]) .nav-block-bottom .nav-label,:host([orientation=horizontal]) .nav-block-profile .nav-label{display:none;}:host([orientation=horizontal]) .nav-search-bar{padding:0 12px;border-bottom:none;border-right:1px solid var(--nav-border-color);height:100%;display:flex;align-items:center}:host([orientation=horizontal]) .nav-search-bar>div{width:150px}:host(.is-drawer){position:fixed;top:0;left:0;bottom:0;height:100vh;box-shadow:4px 0 16px rgba(0, 0, 0, 0.1);z-index:1000}:host(.is-drawer.pos-right){left:auto;right:0;box-shadow:-4px 0 16px rgba(0, 0, 0, 0.1)}.nav-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.4);z-index:-1;}:host(.is-drawer){overflow:visible;}.nav-header{flex-shrink:0;min-height:64px;display:flex;align-items:center;padding:0 16px;overflow:hidden;white-space:nowrap;position:relative;border-bottom:1px solid var(--nav-border-color)}.nav-mobile-close{position:absolute;right:16px;top:50%;transform:translateY(-50%);cursor:pointer;padding:4px}.nav-blocks-container{display:flex;flex-direction:column;flex:1;min-height:100vh;height:100vh;overflow:hidden;}.nav-block-categories{flex-shrink:0;max-height:30%;overflow-y:auto;overflow-x:visible;display:flex;flex-direction:column;padding:8px 0;border-bottom:1px solid var(--nav-border-color);scrollbar-width:thin;scrollbar-color:var(--nav-border-color) transparent}.nav-block-top{flex:1;min-height:0;overflow-y:auto;overflow-x:visible;display:flex;flex-direction:column;padding:8px 0;scrollbar-width:thin;scrollbar-color:var(--nav-border-color) transparent}.nav-block-bottom{flex-shrink:0;border-top:1px solid var(--nav-border-color);padding:8px 0;background-color:rgba(255, 255, 255, 0.05);display:flex;flex-direction:column;overflow:visible;min-height:fit-content;max-height:fit-content;}:host([data-theme=light]) .nav-block-bottom{background-color:rgba(0, 0, 0, 0.05)}.nav-header{border-bottom:1px solid var(--nav-border-color)}.nav-search-bar{padding:8px 16px;border-bottom:1px solid var(--nav-border-color)}.nav-block-secondary{padding:8px 0;border-top:1px solid var(--nav-border-color);display:flex;flex-direction:column;overflow:visible}.nav-block-profile{flex-shrink:0;padding:8px 0;border-top:1px solid var(--nav-border-color);display:flex;flex-direction:column;background-color:rgba(255, 255, 255, 0.08);overflow:visible;min-height:fit-content;max-height:fit-content;}:host([data-theme=light]) .nav-block-profile{background-color:rgba(0, 0, 0, 0.08)}.nav-block-categories::-webkit-scrollbar,.nav-block-top::-webkit-scrollbar{width:4px}.nav-block-categories::-webkit-scrollbar-thumb,.nav-block-top::-webkit-scrollbar-thumb{background-color:var(--nav-border-color);border-radius:4px}.nav-item-wrapper{display:flex;flex-direction:column;min-width:0;}.nav-item{display:flex;align-items:center;height:40px;cursor:pointer;user-select:none;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;position:relative;overflow:visible;margin:2px 8px;border-radius:8px;outline:none;}a.nav-item{text-decoration:none;color:inherit}.nav-item:focus-visible{outline:2px solid var(--nav-item-active-color);outline-offset:-2px}.nav-item:hover{background-color:var(--nav-item-hover-bg)}.nav-item.active,.nav-item.active-ancestor{background-color:var(--nav-item-active-bg);color:var(--nav-item-active-color);font-weight:500;position:relative}.nav-glider{position:absolute;width:4px;background-color:var(--nav-item-active-color, #008a16);border-radius:4px;transition:top 0.25s cubic-bezier(0.4, 0, 0.2, 1), height 0.2s ease, opacity 0.2s;pointer-events:none;z-index:10;left:6px}:host(.indicator-end) .nav-glider{left:auto;right:6px}.nav-item-wrapper:not(.level-0)>.nav-item{font-size:0.95em;opacity:0.9;height:36px;}.nav-item-wrapper:not(.level-0)>.nav-item.active{background-color:var(--nav-item-active-bg);color:var(--nav-item-active-color);font-weight:600;position:relative}.nav-item-wrapper:not(.level-0)>.nav-item.active::before{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:4px;height:32px;border-radius:4px;background-color:var(--nav-item-active-color)}.nav-children{position:relative;}.nav-icon-container{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-status-dot{position:absolute;top:2px;right:12px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--nav-bg);z-index:2}:host(.is-collapsed) .nav-status-dot,:host([orientation=horizontal]) .nav-status-dot{right:0px}.nav-status-dot.status-online{background-color:#22c55e}.nav-status-dot.status-offline{background-color:#94a3b8}.nav-status-dot.status-away{background-color:#eab308}.nav-status-dot.status-busy{background-color:#ef4444}.nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;margin-right:12px}:host(.is-collapsed) .nav-icon,:host([orientation=horizontal]) .nav-block-bottom .nav-icon,:host([orientation=horizontal]) .nav-block-profile .nav-icon{margin-right:0}.nav-label-container{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.nav-badge{background-color:var(--nav-item-active-color);color:white;font-size:10px;font-weight:700;padding:0 6px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-badge-mini{position:absolute;top:-4px;right:-4px;background-color:#ef4444;color:white;font-size:9px;font-weight:800;min-width:14px;height:14px;padding:0 3px;border-radius:7px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--nav-bg);z-index:3}.nav-item{border-left:3px solid transparent}.nav-item.active .nav-icon{color:currentColor;}.nav-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.nav-item.no-icon .nav-label{font-size:12px;opacity:0.8;padding-left:4px}.nav-item.is-user-profile .nav-icon{background:var(--nav-accent-gradient);border-radius:50%;color:white !important;width:32px;height:32px;min-width:32px;box-shadow:0 4px 10px rgba(59, 130, 246, 0.4);margin-right:12px}.nav-item.is-user-profile .nav-icon ui-icon{width:18px !important;height:18px !important;font-size:18px !important}.nav-item.is-user-profile .nav-label{font-weight:600;color:var(--nav-color)}.nav-arrow{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:8px;transition:transform 0.2s}:host([orientation=horizontal]) .nav-arrow{margin-left:4px}.nav-arrow .rotate-180{transform:rotate(180deg)}.nav-children{display:flex;flex-direction:column;overflow:hidden;animation:slideDown 0.2s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}:host(.is-collapsed:not([orientation=horizontal])) .nav-item{justify-content:center;padding:0 !important;margin:4px 0;width:100%;border-radius:0}:host(.is-collapsed:not([orientation=horizontal])) .nav-icon{margin-right:0}:host(.is-collapsed:not([orientation=horizontal])) .nav-label,:host(.is-collapsed:not([orientation=horizontal])) .nav-arrow{display:none;}.nav-tooltip{position:absolute;background:#1e293b;color:#f8fafc;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px rgba(0, 0, 0, 0.3);border:1px solid rgba(255, 255, 255, 0.1);z-index:2000;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 0.2s, transform 0.2s, visibility 0.2s}.nav-tooltip.visible{opacity:1;visibility:visible}:host(.is-collapsed:not([orientation=horizontal])) .nav-tooltip{left:100%;top:50%;transform:translateY(-50%) translateX(-10px);margin-left:10px}:host(.is-collapsed:not([orientation=horizontal])) .nav-tooltip.visible{transform:translateY(-50%) translateX(0)}:host([orientation=horizontal]) .nav-tooltip{top:100%;left:50%;transform:translateX(-50%) translateY(-10px);margin-top:8px}:host([orientation=horizontal]) .nav-tooltip.visible{transform:translateX(-50%) translateY(0)}:host(:not(.is-collapsed):not([orientation=horizontal])) .nav-tooltip{left:50%;bottom:100%;transform:translateX(-50%) translateY(10px);margin-bottom:8px}:host(:not(.is-collapsed):not([orientation=horizontal])) .nav-tooltip.visible{transform:translateX(-50%) translateY(0)}.nav-tooltip::before{content:"";position:absolute;width:8px;height:8px;background:#1e293b;transform:rotate(45deg);z-index:-1;border:1px solid rgba(255, 255, 255, 0.1)}:host(.is-collapsed:not([orientation=horizontal])) .nav-tooltip::before{left:-4px;top:50%;margin-top:-4px;border-right:none;border-top:none}:host([orientation=horizontal]) .nav-tooltip::before{top:-4px;left:50%;margin-left:-4px;border-right:none;border-bottom:none}:host(:not(.is-collapsed):not([orientation=horizontal])) .nav-tooltip::before{bottom:-4px;left:12px;border-left:none;border-top:none}';export{c as ui_accordion,d as ui_avatar,l as ui_badge,p as ui_button,h as ui_button_toggle,b as ui_button_toggle_group,u as ui_context_menu,f as ui_icon,x as ui_input,m as ui_loader,v as ui_navigation_bar}