atomicuilibrary 0.0.1 → 0.1.0

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

@@ -1 +0,0 @@
-import{r as t,c as i,a as r,h as o,H as e}from"./p-DUsoYu9r.js";import{s as a}from"./p-D2WzX6vR.js";import{n}from"./p-C7gf39HE.js";import{h as s}from"./p-Ck6jDuhz.js";const c=class{constructor(r){t(this,r),this.accordionChange=i(this,"accordionChange"),this.beforeOpen=i(this,"beforeOpen"),this.afterOpen=i(this,"afterOpen"),this.beforeClose=i(this,"beforeClose"),this.afterClose=i(this,"afterClose"),this.accordionSearch=i(this,"accordionSearch"),this.accordionReorder=i(this,"accordionReorder"),this.accordionAction=i(this,"accordionAction")}get element(){return r(this)}items=[];multiple=!1;expandedItems=null;defaultOpen=[];animationDuration=300;animationTiming="ease";physics="standard";backgroundColor="white";haptic=!0;enableAnimation=!0;showNumbers=!1;arrowIconCollapsed="chevron-right";arrowIconExpanded="chevron-down";hideArrow=!1;selectedHeaderColor="#10b981";selectionPosition="left";variant="default";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:i,isOpen:r,multiple:o}=t.detail;o?r&&!this.openItems.includes(i)?this.openItems=[...this.openItems,i]:r||(this.openItems=this.openItems.filter((t=>t!==i))):this.openItems=r?[i]:[]}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,i){i&&!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:i,itemId:r,user:o}=t.data;if("presence"===i){const t=this._collaborators.get(r)||[];t.find((t=>t.id===o.id))||(this._collaborators.set(r,[...t,o]),this._collaborators=new Map(this._collaborators))}})}simulateAISummaries(){this.parsedItems.forEach((t=>{if(!t.summaryList&&t.content){const i=t.content.replace(/<[^>]*>/g,"").slice(0,200);t.summaryList=[`Key Insight: ${i.split(".")[0]||"Analyzing content..."}`,"Status: Verified by AI Engine","Confidence: 98.4%"]}}))}componentDidUpdate(){this.getAllItems(this.parsedItems).forEach((t=>{const i=this.contentElements.get(t.id);i&&t.content&&(i.innerHTML=a(t.content))})),this.enablePersistence&&this.saveToStorage()}handleKeyDown(t){if(!this.element.contains(t.target))return;const i=t.target.closest(".accordion-item");if(!i)return;const r=i.getAttribute("data-id");if(r)switch(t.key){case"Enter":case" ":t.preventDefault(),this.toggleItem(r);break;case"ArrowDown":t.preventDefault(),this.focusNextItem(r);break;case"ArrowUp":t.preventDefault(),this.focusPreviousItem(r);break;case"Home":t.preventDefault(),this.focusFirstItem();break;case"End":t.preventDefault(),this.focusLastItem()}}toggleItem(t,i){if(i&&i.stopPropagation(),this.disabled)return;const r=this.getAllItems(this.parsedItems).find((i=>i.id===t));if(r?.disabled)return;if(this.animatingItems.has(t))return;const o=[...this.openItems],e=o.includes(t),a=!e,n={itemId:t,isOpen:a,timestamp:Date.now()};if(a){if(r?.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=o.filter((i=>i!==t))):this.expandedItems||(this.openItems=[...o,t]);else{const i=this.getPathToItem(this.parsedItems,t)||[];e?this.expandedItems||(this.openItems=i.filter((i=>i!==t))):this.expandedItems||(this.openItems=i)}this.accordionChange.emit({itemId:t,isOpen:a,openItems:this.expandedItems?e?o.filter((i=>i!==t)):[...o,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 i=this.openItems.includes(t),r={itemId:t,isOpen:i,timestamp:Date.now()};i?(this.afterOpen.emit(r),this.autoScroll&&this.scrollToItem(t,this.scrollBehavior)):this.afterClose.emit(r)}),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 i=this.element.shadowRoot?.querySelector(`[data-id="${t}"]`);i&&(i.classList.add("accordion-item-success"),this.haptic&&navigator.vibrate&&navigator.vibrate([10,30,20]),setTimeout((()=>{i.classList.remove("accordion-item-success")}),1e3))}focusNextItem(t){const i=this.getVisibleItems(this.parsedItems),r=i.findIndex((i=>i.id===t));-1!==r&&this.focusItem(i[(r+1)%i.length].id)}focusPreviousItem(t){const i=this.getVisibleItems(this.parsedItems),r=i.findIndex((i=>i.id===t));-1!==r&&this.focusItem(i[0===r?i.length-1:r-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 i=this.element.querySelector(`[data-id="${t}"] .accordion-header`);i&&i.focus()}async openItem(t){const i=this.getAllItems(this.parsedItems).find((i=>i.id===t));if(i?.disabled)return;let r=[...this.openItems];this.multiple||(r=[]),r.includes(t)||r.push(t),this.openItems=r}async closeItem(t){this.openItems=this.openItems.filter((i=>i!==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,i="smooth"){const r=this.itemRefs.get(t);r&&r.scrollIntoView({behavior:i,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 i=t.results[0][0].transcript.toLowerCase();this.voiceCommand=i;const r=this.getAllItems(this.parsedItems).find((t=>i.includes(t.title.toLowerCase())||i.includes(t.id.toLowerCase())));if(r&&this.toggleItem(r.id),(i.includes("reset")||i.includes("close all"))&&this.closeAll(),i.includes("search for")){const t=i.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 i=new(window.AudioContext||window.webkitAudioContext),r=i.createOscillator(),o=i.createGain();r.connect(o),o.connect(i.destination);const e=i.currentTime;"open"===t?(r.type="sine",r.frequency.setValueAtTime(880,e),r.frequency.exponentialRampToValueAtTime(100,e+.1),o.gain.setValueAtTime(.3,e),o.gain.exponentialRampToValueAtTime(.01,e+.1)):(r.type="triangle",r.frequency.setValueAtTime(220,e),r.frequency.exponentialRampToValueAtTime(40,e+.15),o.gain.setValueAtTime(.2,e),o.gain.exponentialRampToValueAtTime(.01,e+.15)),r.start(e),r.stop(e+.2),setTimeout((()=>i.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(),i=this.getAllItems(this.parsedItems),r=i.filter((i=>!1!==i.searchable&&`${i.title} ${i.subtitle||""} ${i.content||""}`.toLowerCase().includes(t))).map((t=>t.id));this.filteredItems=this.parsedItems.filter((t=>this.itemOrChildrenMatch(t,r))),this.accordionSearch.emit({query:this.searchQuery,matchedItems:r,totalItems:i.length})}itemOrChildrenMatch(t,i){return!!i.includes(t.id)||!!t.children&&t.children.some((t=>this.itemOrChildrenMatch(t,i)))}getAllItems(t){const i=[];return t.forEach((t=>{i.push(t),t.children&&this.enableNested&&i.push(...this.getAllItems(t.children))})),i}getVisibleItems(t){const i=[];return t.forEach((t=>{i.push(t);const r=this.openItems.includes(t.id);t.children&&this.enableNested&&r&&i.push(...this.getVisibleItems(t.children))})),i}getPathToItem(t,i){for(const r of t){if(r.id===i)return[r.id];if(r.children){const t=this.getPathToItem(r.children,i);if(t)return[r.id,...t]}}return null}handleDragStart(t,i){this.enableDragDrop&&(this.draggedItemId=t,i.dataTransfer&&(i.dataTransfer.effectAllowed="move",i.dataTransfer.setData("text/plain",t)))}handleDragOver(t,i){this.enableDragDrop&&this.draggedItemId&&(i.preventDefault(),this.dragOverItemId=t,i.dataTransfer&&(i.dataTransfer.dropEffect="move"))}handleDragEnd(){this.draggedItemId=null,this.dragOverItemId=null}handleDrop(t,i){if(!this.enableDragDrop||!this.draggedItemId)return;i.preventDefault();const r=this.parsedItems.findIndex((t=>t.id===this.draggedItemId)),o=this.parsedItems.findIndex((i=>i.id===t));if(-1!==r&&-1!==o&&r!==o){const t=[...this.parsedItems],[i]=t.splice(r,1);t.splice(o,0,i),this.parsedItems=t,this.items=[...t],this.accordionReorder.emit({itemId:this.draggedItemId,oldIndex:r,newIndex:o,items:t})}this.handleDragEnd()}handleActionClick(t,i,r,o){o.stopPropagation(),r.onClick&&r.onClick(t,i),this.accordionAction.emit({itemId:t,actionId:i,action:r})}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 i=this.focusTimers.get(t);i&&(clearTimeout(i),this.focusTimers.delete(t))}renderPresence(t){if(!this.enableCollaborators)return null;const i=[...t.collaborators||[],...this._collaborators.get(t.id)||[]];return 0===i.length?null:o("div",{class:"accordion-collaborators"},i.map((t=>o("div",{class:"presence-avatar",title:t.name,style:{backgroundColor:t.color||"#3bf673"}},t.avatar?o("img",{src:t.avatar,alt:""}):t.name?t.name.charAt(0):"?"))))}renderAIBriefing(t){return this.enableAISummaries&&t.summaryList?o("div",{class:"accordion-ai-briefing"},o("ul",{class:"briefing-list"},t.summaryList.map((t=>o("li",null,t))))):null}renderPortalOverlay(){if(!this.activePortalId)return null;const t=this.getAllItems(this.parsedItems).find((t=>t.id===this.activePortalId));return t?o("div",{class:"accordion-portal-overlay",style:{"--accordion-bg":this.backgroundColor||"white",backgroundColor:"var(--accordion-bg, #ffffff)"}},o("div",{class:"portal-header"},o("div",{class:"portal-title"},t.title),o("div",{class:"portal-header-actions"},o("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=""}))),o("div",{class:"portal-content"},o("div",{class:"portal-meta"},t.subtitle," | Full Focus Mode"),o("div",{class:"portal-body",innerHTML:a(t.content??"")}))):null}renderStreamingTerminal(t){return this.enableStreaming&&t.streamData?o("div",{class:"accordion-streaming-terminal"},o("div",{class:"terminal-header"},"LIVE TELEMETRY STREAM"),o("div",{class:"terminal-body",ref:t=>{t&&(t.scrollTop=t.scrollHeight)}},t.streamData.map((t=>o("div",{class:"terminal-line"},o("span",{class:"line-timestamp"},"[",(new Date).toLocaleTimeString(),"]"),o("span",{class:"line-msg"},t)))))):null}renderTeleportLink(t){return t.teleportTo?o("ui-button",{variant:"ghost",size:"xs",class:"accordion-teleport-link",icon:"link-2",iconLibrary:"lucide",iconSize:"12px",label:`Goto: ${t.teleportTo}`,onClick:i=>{i.stopPropagation(),t.teleportTo&&this.teleportTo(t.teleportTo)}}):null}renderQuickActions(t){if(!this.enableQuickActions)return null;const i=t.actions||[];return o("div",{class:"accordion-quick-actions"},this.enableVoiceControl&&o("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&&o("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:i=>{i.stopPropagation(),this.activePortalId=t.id}}),i.map((i=>o("ui-button",{variant:i.variant||"ghost",iconOnly:!i.label||!!i.icon,size:"xs",class:"quick-action-btn",icon:i.icon,iconLibrary:i.iconLibrary||this.iconLibrary,iconSize:"14px",label:i.icon?void 0:i.label,ariaLabel:i.ariaLabel||i.label,disabled:i.disabled,onClick:r=>{this.handleActionClick(t.id,i.id,i,r)}}))))}renderSearchHeatmap(){if(!this.enableSearchHeatmap||!this.searchQuery)return null;const t=this.getAllItems(this.parsedItems),i=t.map(((t,i)=>({id:t.id,index:i}))).filter((i=>{const r=this.searchQuery.toLowerCase();return`${i.id}`&&(t[i.index].title.toLowerCase().includes(r)||(t[i.index].subtitle||"").toLowerCase().includes(r))})),r=t.length;return o("div",{class:"accordion-search-heatmap"},i.map((t=>o("div",{class:"heatmap-marker",style:{top:t.index/r*100+"%"},onClick:()=>this._scrollToItem(t.id)}))))}_scrollToItem(t){this.scrollToItem(t)}updateHeat(t){if(!this.enableRanking)return;const i=this.itemHeat.get(t)||0;this.itemHeat.set(t,i+1),this.itemHeat=new Map(this.itemHeat),this.saveToStorage()}renderSparkline(t){if(!this.enableSparklines||!t||t.length<2)return null;const i=t??[];if(i.length<2)return null;const r=Math.max(...i),e=Math.min(...i),a=r-e||1,n=i.map(((t,r)=>`${r/(i.length-1)*60},${20-(t-e)/a*20}`)).join(" ");return o("div",{class:"accordion-header-sparkline"},o("svg",{width:60,height:20,viewBox:"0 0 60 20"},o("polyline",{fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round",points:n})))}handlePatternDot(t){this.patternInput+=t;const i=this.getAllItems(this.parsedItems).find((t=>t.id===this.activeLockId));if(i&&i.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>=(i?.lockCode?.length||9)&&(this.shake(this.activeLockId),this.patternInput="")}renderLockOverlay(){return this.activeLockId?o("div",{class:"accordion-lock-overlay"},o("div",{class:"lock-grid"},["1","2","3","4","5","6","7","8","9"].map((t=>o("div",{class:{"lock-dot":!0,active:this.patternInput.includes(t)},onMouseEnter:()=>this.handlePatternDot(t),onTouchStart:()=>this.handlePatternDot(t)})))),o("div",{class:"lock-hint"},"Draw Security Pattern"),o("ui-button",{variant:"ghost",size:"sm",class:"lock-cancel",label:"Cancel",onClick:()=>this.activeLockId=""})):null}handleParallax(t,i){if(!this.enableParallax)return;const r=this.itemRefs.get(i);if(!r)return;const o=r.getBoundingClientRect(),e=(t.clientX-o.left-o.width/2)/(o.width/4),a=(t.clientY-o.top-o.height/2)/(o.height/4);r.style.setProperty("--parallax-x",10*e+"px"),r.style.setProperty("--parallax-y",10*a+"px"),r.style.setProperty("--rotate-y",8*e+"deg"),r.style.setProperty("--rotate-x",8*-a+"deg")}resetParallax(t){const i=this.itemRefs.get(t);i&&(i.style.setProperty("--parallax-x","0px"),i.style.setProperty("--parallax-y","0px"),i.style.setProperty("--rotate-y","0deg"),i.style.setProperty("--rotate-x","0deg"))}highlightSearchText(t){if(!this.searchQuery.trim())return t;const i=this.searchQuery.trim(),r=new RegExp(`(${i})`,"gi");return t.replace(r,'<mark class="search-highlight">$1</mark>')}renderItem(t,i=0,r=[]){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",i>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(" "),l=["accordion-content",e&&"accordion-content-open",this.enableAnimation&&`accordion-physics-${this.physics}`].filter(Boolean).join(" "),d=Math.min(this.headerLevel+i,6),p=`h${d}`;return o("div",{class:s,"data-id":t.id,draggable:this.enableDragDrop&&!n,onDragStart:i=>this.handleDragStart(t.id,i),onDragOver:i=>this.handleDragOver(t.id,i),onDragEnd:()=>this.handleDragEnd(),onDrop:i=>this.handleDrop(t.id,i),onMouseMove:i=>this.handleParallax(i,t.id),onMouseLeave:()=>this.resetParallax(t.id),style:{"--nest-depth":i.toString(),...this.enableHolographic&&this.openItems.length>0&&!e?{transform:"perspective(1000px) rotateX(-10deg) translateZ(-50px)",opacity:"0.6"}:{}},ref:i=>{i&&this.itemRefs.set(t.id,i)}},t.headerSlot?o("div",{class:"accordion-header-custom",role:"heading","aria-level":d},o("slot",{name:t.headerSlot})):o(p,{style:{margin:0,padding:0}},o("ui-button",{variant:"accordion",class:c,onClick:i=>this.toggleItem(t.id,i),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},o("div",{class:"accordion-header-content"},o("div",{class:"accordion-header-left"},"start"===this.iconPosition&&!this.hideArrow&&(()=>o("ui-icon",{name:e?this.arrowIconExpanded:this.arrowIconCollapsed,library:this.iconLibrary,size:"1.2em",class:"accordion-arrow arrow-start"}))(),t.image&&o("img",{src:t.image,alt:"",class:"accordion-image"}),t.icon&&o("span",{class:"accordion-icon"},o("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"1.2em"})),o("div",{class:"accordion-header-text"},this.showBreadcrumbs&&r.length>0&&o("div",{class:"accordion-breadcrumbs"},r.map(((t,i)=>o("span",{class:"breadcrumb-node"},t," ",i<r.length-1?" > ":"")))),o("div",{class:"accordion-title-group"},o("div",{class:"accordion-title",innerHTML:a(this.enableSearch?this.highlightSearchText(t.title):t.title)}),t.subtitle&&o("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&&o("span",{class:"accordion-peek-snippet",innerHTML:a(t.peek)}))),o("div",{class:"accordion-header-right"},o("div",{class:"accordion-header-indicators"},this.renderPresence(t),this.renderQuickActions(t),void 0!==t.progress&&t.progress>=0&&o("div",{class:"accordion-progress-ring"},o("svg",{viewBox:"0 0 36 36"},o("circle",{cx:"18",cy:"18",r:"16",fill:"none",class:"ring-bg","stroke-width":"3"}),o("circle",{cx:"18",cy:"18",r:"16",fill:"none",class:"ring-fg","stroke-width":"3",style:{strokeDasharray:`${t.progress}, 100`}})),o("span",{class:"progress-text"},t.progress,"%")),t.status&&"none"!==t.status&&o("div",{class:`accordion-status-badge status-${t.status}`},"completed"===t.status&&o("ui-icon",{name:"check",library:this.iconLibrary,size:"14px"}),"error"===t.status&&o("ui-icon",{name:"alert-circle",library:this.iconLibrary,size:"14px"}),"warning"===t.status&&o("ui-icon",{name:"alert-triangle",library:this.iconLibrary,size:"14px"}),"current"===t.status&&o("div",{class:"pulse-dot"}))),void 0!==t.badge&&t.badge>0&&o("span",{class:"accordion-badge"},t.badge),t.actions&&t.actions.length>0&&o("div",{class:"accordion-actions"},t.actions.map((i=>o("ui-button",{key:i.id,variant:i.variant||"ghost",size:"xs",iconOnly:!!i.icon,icon:i.icon,iconLibrary:i.iconLibrary||t.iconLibrary||this.iconLibrary,iconSize:"1.1em",label:i.icon?void 0:i.label,ariaLabel:i.ariaLabel||i.label,disabled:i.disabled,onClick:r=>this.handleActionClick(t.id,i.id,i,r)})))),t.loading&&o("ui-loader",{size:"xs",color:"currentColor",class:"accordion-loading-spinner"}),"end"===this.iconPosition&&!this.hideArrow&&(()=>o("ui-icon",{name: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?o("div",{class:l,id:`accordion-content-${t.id}`,"aria-labelledby":`accordion-header-${t.id}`,role:"region",style:{"--animation-duration":`${this.animationDuration}ms`,"--animation-timing":this.animationTiming}},o("div",{class:"accordion-content-inner",ref:i=>{i&&t.content&&this.contentElements.set(t.id,i)}},this.renderStreamingTerminal(t),t.content||o("slot",{name:`content-${t.id}`})),this.enableNested&&t.children&&t.children.length>0&&o("div",{class:"accordion-nested-items"},t.children.map((o=>this.renderItem(o,i+1,[...r,t.title]))))):null})())}renderSkeleton(){return Array.from({length:3}).map(((t,i)=>o("div",{class:"accordion-item accordion-item-skeleton",key:`skeleton-${i}`},o("div",{class:"accordion-header"},o("div",{class:"accordion-header-content"},o("div",{class:"skeleton-box",style:{width:"24px",height:"24px"}}),o("div",{class:"skeleton-box",style:{width:"60%",height:"20px"}}))))))}renderNumberedIndicators(){return o("div",{class:"accordion-indicators",role:"tablist","aria-label":"Accordion navigation"},this.parsedItems.map(((t,i)=>{const r=this.openItems.includes(t.id),e=this.disabled||t.disabled||!1,a=["accordion-indicator",r&&"accordion-indicator-active",e&&"accordion-indicator-disabled"].filter(Boolean).join(" ");return o("ui-button",{key:t.id,variant:r?"primary":"outline",size:"xs",class:a,label:`${i+1}`,onClick:()=>this.toggleItem(t.id),disabled:e,ariaLabel:`Open ${t.title}`,"aria-expanded":r?"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(" "),i=(()=>{let t=[...this.parsedItems];return this.enableRanking&&t.sort(((t,i)=>(this.itemHeat.get(i.id)||0)-(this.itemHeat.get(t.id)||0))),this.enableSearch&&this.searchQuery?this.filteredItems:t})();return o(e,{class:{"accordion-host":!0,"is-open":this.openItems.length>0,"is-portal-active":!!this.activePortalId}},o("div",{class:t,role:"tablist","aria-multiselectable":this.multiple,dir:this.rtl?"rtl":"ltr",style:{"--accordion-bg":this.backgroundColor||"white",backgroundColor:"var(--accordion-bg, #ffffff)","--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&&o("div",{class:"accordion-search"},o("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&&o("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()}),o("div",{class:"sr-only","aria-live":"polite",role:"status"},this.searchQuery?`Showing ${this.filteredItems.length} results for ${this.searchQuery}`:"")),this.enableExpandCollapseAll&&this.multiple&&o("div",{class:"accordion-controls"},o("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"}),o("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():i.length>0?i.map((t=>this.renderItem(t,0,[]))):o("div",{class:"accordion-no-results"},this.loading?o("ui-loader",{size:"xs",color:"currentColor"}):this.enableSearch&&this.searchQuery?o("p",null,'No items match your search "',this.searchQuery,'"'):o("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 #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 #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 #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:#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:0 0 40px 0;font-size:var(--hl-subtitle-size, 16px);color:#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:#1f2937;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}';const l=class{constructor(r){t(this,r),this.avatarError=i(this,"avatarError"),this.avatarClick=i(this,"avatarClick"),this.avatarUpload=i(this,"avatarUpload"),this.avatarLoad=i(this,"avatarLoad"),this.avatarMouseEnter=i(this,"avatarMouseEnter"),this.avatarMouseLeave=i(this,"avatarMouseLeave")}get el(){return r(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;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"),i=t?t.assignedElements():Array.from(this.el.children);this.slottedAvatars=i.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 i=this.size;t<576&&void 0!==this.responsiveSize.xs?i=this.responsiveSize.xs:t>=576&&t<768&&void 0!==this.responsiveSize.sm?i=this.responsiveSize.sm:t>=768&&t<992&&void 0!==this.responsiveSize.md?i=this.responsiveSize.md:t>=992&&t<1200&&void 0!==this.responsiveSize.lg?i=this.responsiveSize.lg:t>=1200&&void 0!==this.responsiveSize.xl&&(i=this.responsiveSize.xl),this.currentSize=i};setScale=()=>{if(this.isScaling||!this.textRef||!this.avatarRef)return;const t=this.textRef.offsetWidth,i=this.avatarRef.offsetWidth;if(0===t||0===i)return;const r=i-2*this.gap<t?(i-2*this.gap)/t:1;Math.abs(this.scale-r)>.01&&(this.isScaling=!0,this.scale=r,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 i=t.target,r=i.files?.[0];if(r){const t=new FileReader;t.onload=t=>{if(!this.el.isConnected)return;const i=t.target?.result;this.uploadedImage=i,this.hasError=!1,this.avatarUpload.emit({file:r,dataUrl:i})},t.readAsDataURL(r)}};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 i=t.trim().split(" ").filter((t=>!!t));return 0===i.length?"":1===i.length?i[0].substring(0,this.maxInitials).toUpperCase():(i[0].charAt(0)+i[i.length-1].charAt(0)).toUpperCase().substring(0,this.maxInitials)}generateColorFromText(t){let i=0;for(let r=0;r<t.length;r++)i=t.charCodeAt(r)+((i<<5)-i);const r=["#f56a00","#7265e6","#ffbf00","#00a2ae","#52c41a","#1890ff","#eb2f96","#fa8c16","#13c2c2","#722ed1","#fa541c","#2f54eb"];return r[Math.abs(i)%r.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 i="boolean"==typeof this.imgDraggable?this.imgDraggable:"true"===this.imgDraggable,r=this.getSizeInPixels();return o("img",{src:t,srcset:this.srcSet||void 0,alt:this.alt||this.name||"Avatar",width:r,height:r,draggable:i,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?o("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?o("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 i=parseFloat(t);if(!isNaN(i))return`${i}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()||""}renderStatusIndicator(){return this.showStatus&&this.status?o("span",{class:{"avatar-status":!0,[`avatar-status-${this.status}`]:!0,[`avatar-status-${this.statusPosition}`]:!0,"avatar-status-pulse":this.statusPulse}}):null}renderBadge(){if(!this.badge)return null;const t=1===this.badge.toString().length;return o("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?o("span",{class:"avatar-verified"},o("ui-icon",{name:"check-circle",library:"fontawesome",size:"14px"})):null}renderLoading(){return this.loading||this.skeleton?this.skeleton?o("div",{class:"avatar-skeleton"},o("div",{class:"skeleton-shimmer"})):o("div",{class:"avatar-loading"},o("ui-icon",{name:"loader-2",library:"lucide",spin:!0,size:"18px"})):null}renderEditOverlay(){return this.editable?o("div",{class:"avatar-edit-overlay"},o("ui-icon",{name:"camera",library:"fontawesome",size:"16px"}),o("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 i=40;const r=parseFloat(this.size);return isNaN(r)?"string"==typeof this.size&&t[this.size]&&(i=t[this.size]):i=r,-.4*i}getAllAvatarData(){return this.avatars&&this.avatars.length>0?this.avatars:this.slottedAvatars.map((t=>({src:t.getAttribute("src"),name:t.getAttribute("name"),content:t.getAttribute("content")||t.textContent?.trim(),tooltipText:t.getAttribute("tooltipText")||t.getAttribute("tooltip-text")||t.getAttribute("name")||t.textContent?.trim(),icon:t.getAttribute("icon"),bgColor:t.getAttribute("bgColor")||t.getAttribute("bg-color"),badge:t.getAttribute("badge"),status:t.getAttribute("status")})))}renderExcessCount(t,i){const r=t-i;if(r<=0)return null;const e=this.getMaxStyle();return o("div",{class:"excess-avatar-container",onMouseEnter:()=>this.showPopoverGroup=this.enablePopover,onMouseLeave:()=>this.showPopoverGroup=!1,onClick:this.toggleRoster},o("div",{class:{"avatar-extra":!0,[`avatar-${this.getAvatarSizeAlias()}`]:!0,[`shape-${this.shape}`]:!0},style:{...e,backgroundColor:e.backgroundColor||"#f56a00"}},"+",r),this.showPopoverGroup&&this.enablePopover&&"stack"===this.layout&&this.renderPopoverGroup(i))}renderPopoverGroup(t){const i=this.getAllAvatarData().slice(t);return o("div",{class:"avatar-popover"},o("div",{class:"popover-content"},i.map(((t,i)=>o("div",{class:"popover-item",key:i},o("ui-avatar",{size:"xs",shape:this.shape,...t}),o("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?o("div",{class:"avatar-roster-backdrop",onClick:this.closeRoster},o("div",{class:"avatar-roster-content",onClick:t=>t.stopPropagation()},o("div",{class:"roster-header"},o("h3",null,"Participants (",t.length,")"),o("ui-button",{variant:"ghost",onClick:this.closeRoster,ariaLabel:"Close",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"})),o("div",{class:"roster-list"},t.map(((t,i)=>o("div",{key:i,class:"roster-item"},o("ui-avatar",{...t,size:"s",shape:this.shape}),o("div",{class:"roster-info"},o("span",{class:"roster-name"},t.name||t.content||"Anonymous"),t.status&&o("span",{class:`roster-status status-${t.status}`},t.status)))))))):null}render(){if(this.group){const t=this.getAllAvatarData(),i=this.getMaxCount(),r="grid"===this.layout?t:t.slice(0,i),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 o(e,null,o("div",{class:n,style:s,onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1},o("div",{class:"avatar-list"},r.map(((i,r)=>o("ui-avatar",{...i,key:r,size:this.size,shape:this.shape,border:`${this.groupBorderWidth}px solid ${this.groupBorderColor}`,class:"group-avatar",style:{zIndex:("stack"===this.layout?t.length-r:1).toString()}}))),"stack"===this.layout&&this.renderExcessCount(t.length,i)),o("div",{style:{display:"none"}},o("slot",{onSlotchange:()=>this.updateSlottedAvatars()}))),this.renderRoster(t))}const t=!(!this.uploadedImage&&!this.src||this.hasError),i=this.content||this.name||this.el.textContent?.trim(),r=!t&&!!i,a=!(t||r||!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":r,"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},l={};if(s||this.responsiveSize){const t=`${this.getSizeInPixels()}px`;if(l.width=t,l.height=t,l.lineHeight=t,s){const t=parseFloat(this.size);l.fontSize=a?.6*t+"px":.45*t+"px"}}if(!t)if(this.gradient){const[t,i]=this.getGradientColors();l.background=`linear-gradient(135deg, ${t} 0%, ${i} 100%)`}else this.autoColor&&i?l.backgroundColor=this.generateColorFromText(i):this.bgColor&&(l.backgroundColor=this.bgColor);this.color&&!t&&(l.color=this.color),this.border&&(l.border=this.border),"ring"!==this.animation&&"glow"!==this.animation||(l["--ring-color"]=this.ringColor),this.segments>0&&(l["--story-segments"]=this.segments);const d=this.getTooltipText(),p=d.length>0,h={[`avatar-${this.shape}`]:!0};return"string"==typeof this.size&&(h[`avatar-${n}`]=!0),o(e,{class:h},o(this.href?"a":"div",{...this.href?{href:this.href,class:"avatar-link"}:{class:"avatar-container"}},o("div",{ref:t=>this.avatarRef=t,class:c,style:l,onMouseEnter:this.handleMouseEnterAvatar,onMouseLeave:this.handleMouseLeaveAvatar,onClick:this.handleAvatarClick,title:this.clickable||this.editable||this.href?void 0:d,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():r?this.renderText():null),(this.glass||"glass"===this.variant)&&o("div",{class:"glass-overlay"}),this.reflection&&o("div",{class:"reflection-overlay"}),this.renderEditOverlay()),this.renderStatusIndicator(),this.renderBadge(),this.renderVerified(),p&&this.showTooltip&&o("div",{class:"avatar-tooltip"},d)))}static get watchers(){return{src:[{handleSrcChange:0}],loading:[{handleLoadingChange:0}]}}};l.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display: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:10px;height:10px;border-radius:50%;border: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: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:6px;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 d=class{constructor(r){t(this,r),this.badgeClick=i(this,"badgeClick"),this.badgeClose=i(this,"badgeClose")}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(),i=this.dot||""!==t||this.icon,r=t.toString(),a=["badge",`badge-${this.color}`,`badge-${this.size}`,`badge-${this.position}`,`badge-${this.variant}`,this.dot?"badge-dot":"",1!==r.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(" "),n={};return this.offsetX&&(n["--badge-offset-x"]=`${this.offsetX}px`),this.offsetY&&(n["--badge-offset-y"]=`${this.offsetY}px`),this.customColor&&(n["background-color"]=this.customColor),this.customTextColor&&(n.color=this.customTextColor),o(e,{dir:this.rtl?"rtl":void 0},o("div",{class:"badge-wrapper"},o("slot",null),i&&o("span",{class:a,style:n,onClick:this.handleClick},this.icon&&"left"===this.iconPosition&&!this.dot&&o("span",{class:"badge-icon"},o("ui-icon",{name:this.icon,library:this.iconLibrary,size:"1.1em"})),o("slot",{name:"badge-content"},!this.dot&&t),this.icon&&"right"===this.iconPosition&&!this.dot&&o("span",{class:"badge-icon"},o("ui-icon",{name:this.icon,library:this.iconLibrary,size:"1.1em"})),this.closeable&&o("ui-button",{variant:"ghost",class:"badge-close",onClick:this.handleClose,ariaLabel:"Close badge",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"}))))}};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}.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}.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:var(--bg-primary, var(--text-standard, #ffffff))}.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;border-radius:6px !important;padding-left:10px !important;padding-right:10px !important}.badge-close{background:none;border:none;color:inherit;cursor:pointer;padding:0 0 0 4px;margin-left:4px;font-size:0.9em;opacity:0.8;transition:opacity 0.2s ease;line-height:1;pointer-events:auto;position:relative;z-index:2}.badge-close:hover{opacity:1}.badge-bordered{background-color:var(--bg-primary, var(--text-standard, #ffffff));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(--bg-primary, #eff6ff);color:var(--color-primary, #10b981)}.badge-soft.badge-secondary{background-color:var(--bg-secondary, #f3f4f6);color:var(--text-muted, #6b7280)}.badge-soft.badge-success{background-color:var(--bg-primary, #d1fae5);color:var(--color-success, #10b981)}.badge-soft.badge-danger{background-color:var(--bg-primary, #fee2e2);color:var(--color-danger, #ef4444)}.badge-soft.badge-warning{background-color:var(--bg-primary, #fef3c7);color:var(--color-warning, #f59e0b)}.badge-soft.badge-info{background-color:var(--bg-primary, #cffafe);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 r(this)}internals;nativeButton;async setFocus(){this.nativeButton?.focus()}constructor(r){t(this,r),this.buttonClick=i(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;badgeColor="danger";badgeCustomColor;badgeCustomTextColor;badgePosition="top-right";rtl=!1;selected=!1;elevation;reveal="none";revealDelay=0;noRipple=!1;ariaLabel;copyValue;progress;copied=!1;buttonClick;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 i=t.currentTarget,r=i.querySelector(".btn-ripple-container");if(!r)return;const o=document.createElement("span"),e=Math.max(i.clientWidth,i.clientHeight),a=e/2,n=i.getBoundingClientRect();o.style.width=o.style.height=`${e}px`,o.style.left=t.clientX-n.left-a+"px",o.style.top=t.clientY-n.top-a+"px",o.classList.add("ripple");const s=r.getElementsByClassName("ripple")[0];s&&s.remove(),r.appendChild(o)}renderButtonContent(t,i,r){const e=this.label?.trim(),a=(this.description||this.subtitle||"").trim(),n=!!e,s=!!a,c=n||s||!this.iconOnly;if(this.iconOnly)return this.loading?r:i||t||o("slot",null);const l=this.badge&&("inline-left"===this.badgePosition||this.rtl&&"inline-right"===this.badgePosition)?o("ui-badge",{class:"btn-badge-inline",value:this.badge.toString(),color:this.badgeColor,"custom-color":this.badgeCustomColor,"custom-text-color":this.badgeCustomTextColor,size:"sm"}):null,d=this.badge&&("inline-right"===this.badgePosition||this.rtl&&"inline-left"===this.badgePosition)?o("ui-badge",{class:"btn-badge-inline",value:this.badge.toString(),color:this.badgeColor,"custom-color":this.badgeCustomColor,"custom-text-color":this.badgeCustomTextColor,size:"sm"}):null,p=this.loading&&("left"===this.loadingPosition||"icon"===this.loadingPosition&&!t&&!i),h=this.loading&&"right"===this.loadingPosition,b=this.loading&&("center"===this.loadingPosition||"icon"===this.loadingPosition),u=i||t||b?o("div",{class:"btn-icon-block",part:"icon-block"},b?r:i||t):null,f=c?o("div",{class:"btn-label-block",part:"label-block"},o("div",{class:"btn-title",part:"title"},this.copied?"✓ Copied!":n?e:o("slot",null)),s&&o("div",{class:`btn-subtitle btn-subtitle-${this.descriptionPosition}`,part:"subtitle"},a)):null;return o("div",{class:{"btn-label-row":!0,[`icon-pos-${this.iconPosition}`]:!0}},l,p&&r,u,f,h&&r,d)}render(){const t=!!this.imgSrc,i=!!this.avatarSrc,r=!!this.icon&&!this.loading,e=this.href?"a":"button",s=n(this.size,"md"),c=this.loading?o("span",{class:`btn-spinner btn-spinner-${this.loadingPosition}`},o("ui-loader",{size:"xs",color:"currentColor"})):null,l=this.ariaLabel||(this.label||this.el.textContent||"").trim(),d=a(l),p=this.href?{href:this.href,target:this.target,rel:this.rel,role:"button","aria-label":d}:{type:"image"===this.type?"button":this.type,disabled:this.disabled||this.loading,"aria-label":d},h=r?o("span",{class:"btn-icon",part:"icon","aria-hidden":"true"},o("ui-icon",{name:this.icon,library:this.iconLibrary,size:this.iconSize||s,color:this.iconColor||"currentColor"})):null,b=i?o("span",{class:"btn-avatar"},o("img",{src:this.avatarSrc,alt:this.avatarAlt||""}),this.avatarStatus&&o("span",{class:`status-dot status-${this.avatarStatus}`})):null,u={"--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},f=["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":i?"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",i&&"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 o(e,{key:"d8605634f3cc899257ed9d6960ca1cf4e0aaf031",...p,style:u,class:f,part:"button",dir:this.rtl?"rtl":"ltr",onClick:this.handleClick,ref:t=>this.nativeButton=t},!this.noRipple&&o("span",{key:"cba383c8098e685d8f2ade718daa452e0884a034",class:"btn-ripple-container"}),o("span",{key:"469dd3ab6fe97d66e8aa50434e9407da2806f7c9",class:"btn-content"},t?o("fragment",null,this.loading&&c,o("img",{src:this.imgSrc,alt:this.imgAlt||"",class:"btn-image"})):this.renderButtonContent(h,b,c)),this.badge&&!this.badgePosition.startsWith("inline")&&o("ui-badge",{key:"7ee2666b4d24ebed0516b6a15cf7c4c194ea1116",class:`btn-badge is-absolute pos-${this.badgePosition}`,value:this.badge.toString(),color:this.badgeColor,"custom-color":this.badgeCustomColor,"custom-text-color":this.badgeCustomTextColor,size:"sm"}),void 0!==this.progress&&o("span",{key:"a132192aa0c0548de607fcd8f4c1b7d61bb04bfc",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;}: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{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}.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}';const h=class{constructor(r){t(this,r),this.buttonToggleChange=i(this,"buttonToggleChange")}get el(){return r(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`),o("ui-button",{key:"97cc24c55a704ecd85f39d443f4cc098b3194138",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}},o("slot",{key:"2d5cdcb204273dbd82191ff0da555eec5d79ed6d"}))}};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 r(this)}internals;focusFrameId=null;constructor(r){t(this,r),this.buttonToggleGroupChange=i(this,"buttonToggleGroupChange"),this.buttonToggleGroupAction=i(this,"buttonToggleGroupAction"),this.buttonToggleGroupBatch=i(this,"buttonToggleGroupBatch"),this.buttonToggleGroupSearch=i(this,"buttonToggleGroupSearch"),this.buttonToggleGroupExport=i(this,"buttonToggleGroupExport"),this.buttonToggleGroupImport=i(this,"buttonToggleGroupImport"),this.buttonToggleGroupAnalytics=i(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 i=Array.from(this.el.shadowRoot?.querySelectorAll("ui-button")??[]).find((t=>t.value===this.value));if(!i)return;const r=i.getBoundingClientRect(),o=r.left+r.width/2,e=r.top+r.height/2;if(Math.hypot(t.clientX-o,t.clientY-e)<150){const r=4;this.selectionIndicatorRef.style.transform=`translate(${i.offsetLeft+(t.clientX-o)/8+r}px, ${i.offsetTop+(t.clientY-e)/8+r}px) scale(1.02)`}else{const t=4;this.selectionIndicatorRef.style.transform=`translate(${i.offsetLeft+t}px, ${i.offsetTop+t}px) scale(1)`}};updateIndicator(){this.selectionIndicatorRef&&"dropdown"!==this.mode&&!this.multiSelect&&requestAnimationFrame((()=>{const t=Array.from(this.el.shadowRoot?.querySelectorAll("ui-button")??[]),i=t.find((t=>t.value===this.value));if(i){const r=i.offsetLeft,o=i.offsetTop,e=i.offsetHeight,a=4;this.selectionIndicatorRef.style.width=i.offsetWidth-2*a+"px",this.selectionIndicatorRef.style.height=e-2*a+"px",this.selectionIndicatorRef.style.transform=`translate(${r+a}px, ${o+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 i=t.filter((t=>"ui-button-toggle"===t.tagName.toLowerCase()||"ui-button"===t.tagName.toLowerCase())).map(((t,i)=>{const r=t;return{value:r.value||t.getAttribute("value")||`opt-${i}`,label:r.label||t.getAttribute("label")||t.textContent?.trim(),icon:r.icon||t.getAttribute("icon"),disabled:r.disabled||t.hasAttribute("disabled"),description:r.description||t.getAttribute("description"),descriptionPosition:r.descriptionPosition||t.getAttribute("description-position"),iconLibrary:r.library||r.iconLibrary||t.getAttribute("icon-library")||t.getAttribute("library")}}));JSON.stringify(this.buttons)!==JSON.stringify(i)&&(this.buttons=i)}handleButtonToggleChange(t){const i=t.detail.value;this.multiSelect?(this.selectedValues=this.selectedValues.includes(i)?this.selectedValues.filter((t=>t!==i)):[...this.selectedValues,i],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!==i?(this.value=i,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,i)=>{i.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?o("div",{class:"button-group-label"},this.label,this.required&&o("span",{class:"required-indicator"},"*"),this.searchEnabled&&o("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?o("div",{class:"helper-text error"},o("ui-icon",{name:"exclamation-circle",library:"fontawesome",size:"14px"}),this.errorMessage):this.helperText?o("div",{class:"helper-text"},this.helperText):this.ariaLive?o("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(),i=this.buttons.find((t=>t.value===this.value)),r=this.keepButtonLabel?this.buttonActionLabel:i?.label||this.buttonActionLabel,e=this.keepButtonLabel?null:i?.icon,a={"dropdown-menu":!0,"dropdown-menu-open":this.isDropdownOpen};return o("div",{class:"dropdown-container"},o("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}},o("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:r,size:this.size,color:this.color,justify:"center"}),o("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})),o("div",{class:a},this.searchEnabled&&o("div",{class:"dropdown-search"},o("input",{type:"text",value:this.searchQuery,onInput:t=>this.searchQuery=t.target.value,placeholder:"Search..."})),this.customContent?o("div",{class:"dropdown-custom-content"},o("slot",{name:"dropdown-content"})):t.map(((t,i)=>{const r=this.value===t.value;return o("div",{class:{"dropdown-option":!0,"dropdown-option-selected":r,"dropdown-option-disabled":t.disabled},onClick:i=>!t.disabled&&this.handleOptionSelect(t.value,i),role:"option","aria-selected":r.toString(),style:{"--index":i.toString()}},t.icon&&o("div",{class:"option-icon"},o("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"16px"})),t.avatarSrc&&o("div",{class:"option-avatar"},o("img",{src:t.avatarSrc,alt:t.avatarAlt||t.label}),t.status&&o("span",{class:`status-dot status-${t.status}`})),o("span",{class:"option-label"},t.label||t.value),r&&o("div",{class:"option-check"},o("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},i={"button-list":!0,[`button-list-${this.orientation}`]:!0},r=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 o("div",{key:"2a8531e523b28208a24139e5424eaa90be9c7073",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&&o("div",{key:"e30632897c55499283fe0e6886bd7a3e7f590bad",class:"batch-actions"},o("ui-button",{key:"407de40948622de1cc9e14fcdae9d9ce06d8ec8c",variant:"ghost",onClick:this.selectAll,disabled:this.disabled,label:"Select All",size:"sm"}),o("ui-button",{key:"19699cfd346bb5d7fa4bab0f56f0b8b55333d148",variant:"ghost",onClick:this.clearAll,disabled:this.disabled,label:"Clear All",size:"sm"}),this.exportEnabled&&o("ui-button",{key:"a3e66305b6edca7fc19394bd7413af5f5801fc5f",variant:"ghost",onClick:this.exportSelection,label:"Export",size:"sm"}),this.importEnabled&&o("ui-button",{key:"de9512a60ee5bfdef71b409f17be20f0c1d575a8",variant:"ghost",onClick:this.importSelection,label:"Import",size:"sm"})),"dropdown"===this.mode?this.renderDropdownButton():o("div",{class:i},!this.multiSelect&&o("div",{class:"selection-indicator",ref:t=>this.selectionIndicatorRef=t}),r.map(((t,i)=>o("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+i*this.revealStagger,tabIndex:this.focusIndex===i?0:-1,"aria-checked":this.multiSelect?this.selectedValues.includes(t.value):this.value===t.value,"aria-label":t.label||t.value,onFocus:()=>this.handleFocus(i),onBlur:this.handleBlur,onClick:i=>{i.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&&o("div",{key:"cefc7fae744e3cc636c5b014a53fbb3ac07051f2",class:"analytics-info"},o("pre",{key:"00a1e53ab91350e9a5c7cc753e782f64a48e4f99"},JSON.stringify(this.analytics,null,2))))}handleKeyDown=t=>{if(this.disabled||this.readonly)return;const i=this.searchEnabled&&this.searchQuery?this.buttons.filter((t=>(t.label||t.value).toLowerCase().includes(this.searchQuery.toLowerCase()))):this.buttons;if(0!==i.length)if("ArrowRight"===t.key||"ArrowDown"===t.key)this.focusIndex=(this.focusIndex+1)%i.length,this.focusButton(this.focusIndex),t.preventDefault();else if("ArrowLeft"===t.key||"ArrowUp"===t.key)this.focusIndex=(this.focusIndex-1+i.length)%i.length,this.focusButton(this.focusIndex),t.preventDefault();else if(" "===t.key||"Enter"===t.key){const r=i[this.focusIndex];r&&!r.disabled&&this.handleButtonToggleChange({detail:{value:r.value}}),t.preventDefault()}};focusButton(t){const i=this.el.shadowRoot?.querySelectorAll("ui-button")??[];i[t]&&i[t].focus()}scheduleFocusIndexUpdate(t,i=!1){null!==this.focusFrameId&&cancelAnimationFrame(this.focusFrameId),this.focusFrameId=requestAnimationFrame((()=>{if(this.focusFrameId=null,i){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,i){this.analyticsEnabled&&(this.analytics[t]||(this.analytics[t]=[]),this.analytics[t].push({value:i,timestamp:Date.now()}),this.buttonToggleGroupAnalytics.emit({event:t,value:i}))}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, #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}.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);z-index:5;opacity:1}.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);opacity:1}.group-multi-select .button-list ui-button[selected]::part(button){background:var(--indicator-bg, #10b981);color:var(--indicator-text-color, #ffffff);opacity:1;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);border-radius:var(--indicator-radius, 30px);border:1px solid rgba(255, 255, 255, 0.1);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:rgba(16, 185, 129, 0.1);color:#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:#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)}';const u=class{constructor(r){t(this,r),this.itemSelect=i(this,"itemSelect"),this.menuItemClick=i(this,"menuItemClick"),this.longPress=i(this,"longPress"),this.menuToggle=i(this,"menuToggle")}get hostEl(){return r(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 i=this.internalItems.length,r=t??Math.max(this.visibleCount||1,8);try{const t=this.loadItems(i,r),o=await t;if(o&&o.length){const t=this.normalizeItems(o);this.internalItems=[...this.internalItems,...t],o.length<r&&(this.virtualHasMore=!1)}else this.virtualHasMore=!1}catch{this.virtualHasMore=!1}finally{this.loadingVirtual=!1}}handleVirtualScroll=t=>{const i=t.currentTarget;if(!i)return;const r=Math.floor(i.scrollTop/Math.max(1,this.itemHeight));r!==this.virtualStart&&(this.virtualStart=r),this.maybeLoadMoreFromScroll(i)};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 i=Math.min(Math.max(this.visibleCount,1),t||1),r=Math.max(0,t-i),o=Math.min(this.virtualStart,r);o!==this.virtualStart&&(this.virtualStart=o);const e=Math.min(t,o+i+2);return{start:o,end:e,visible:i,topPadding:o*this.itemHeight,bottomPadding:Math.max(0,(t-e)*this.itemHeight),containerHeight:i*this.itemHeight}}async evaluateHook(t){if(!t)return!0;try{const i=t();return i&&"function"==typeof i.then?!1!==await i:!1!==i}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 i=t.assignedElements();i.length>0&&(this.slottedTarget=i[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 i={...t};return!0===i.separator&&(i.divider=!0),i.children&&i.children.length&&(i.children=this.normalizeItems(i.children)),this.applyPersistedState(i),i}))}applyPersistedState(t){if(this.persistState&&t.id){const i=this.persistedState.get(String(t.id));i&&void 0!==i.checked&&(t.checked=i.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 i=t.currentTarget.getBoundingClientRect();this.openAt("top"===this.placement?{x:i.left,y:i.top}:"right"===this.placement?{x:i.right,y:i.top}:"left"===this.placement?{x:i.left,y:i.top}:{x:i.left,y:i.bottom})};onTargetMouseLeave=()=>{this.closeTimeout=window.setTimeout((()=>{this.close()}),this.hoverCloseDelay)};onTargetClick=()=>{};onTouchStart=t=>{"contextmenu"===this.openOn&&(this.longPressTimer=setTimeout((()=>{const i=t.touches[0],r={x:i.clientX,y:i.clientY};this.openAt(r),this.longPress.emit(r)}),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 i=t.target,r="function"==typeof t.composedPath?t.composedPath():[],o=r.includes(this.hostEl),e=!!this.targetElement&&r.includes(this.targetElement),a=!!this.hostEl.shadowRoot?.contains(i),n=!!this.rootMenuEl?.contains(i);o||e||a||n||this.hostEl.contains(i)||this.targetElement&&this.targetElement.contains(i)||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,i){const r=window.innerWidth,o=window.innerHeight;return{dx:Math.min(0,r-i-t.right)+Math.max(0,i-t.left),dy:Math.min(0,o-i-t.bottom)+Math.max(0,i-t.top)}}clampRootPosition(){if(!this.rootMenuEl)return;const t=this.rootMenuEl,i=this.viewportPadding,r=window.innerHeight,o=t.getBoundingClientRect(),{dx:e,dy:a}=this.clampRectToViewport(o,i);let n=Math.round(this.pos.x+e),s=Math.round(this.pos.y+a);n<i&&(n=i),s<i&&(s=i),this.pos={x:n,y:s};const c=r-i-s;this.virtualizationActive?(t.style.maxHeight="",t.style.overflowY=""):o.height>c?(t.style.maxHeight=`${c}px`,t.style.overflowY="auto"):(t.style.maxHeight="",t.style.overflowY="");const l=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",l)}openSubmenu(t,i,r){const o=r.getBoundingClientRect(),e=window.innerWidth-o.right,a=e>=240||e>=o.left?"right":"left";this.submenuSide=[...this.submenuSide.slice(0,t),a],this.activePath=[...this.activePath.slice(0,t),i],this.lastAnchorEls[t]=r,this.scheduleSubmenuPosition(t)}handleMouseEnterItem(t,i,r){window.clearTimeout(this.openTimeout),this.openTimeout=window.setTimeout((()=>{this.openSubmenu(t,i,r),this.hoverPath=[...this.activePath]}),this.submenuOpenDelay)}handleClickItem(t,i,r){if(!t.disabled&&!t.divider)if(t.children&&t.children.length>0){const t=i.length-1;this.openSubmenu(t,i[t],r.currentTarget)}else"checkbox"===t.type?(t.checked=!t.checked,this.internalItems=[...this.internalItems]):"radio"===t.type&&((i.length>1?this.getItemsAtPath(i.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:i}),this.menuItemClick.emit({item:t,path:i}),"checkbox"!==t.type&&"radio"!==t.type&&this.closeOnSelect&&this.close()}getItemsAtPath(t){let i=this.internalItems;for(const r of t){const t=i[r];if(!t||!t.children)return[];i=t.children}return i}navMove(t,i){const r=this.getItemsAtPath(this.activePath.slice(0,t+1));let o=(this.activePath[t]??-1)+i;const e=t=>Math.max(0,Math.min(t,r.length-1)),a=t=>{const i=r[t];return i&&!i.divider&&!i.disabled};for(o=e(o);!a(o)&&(i>0?o<r.length-1:o>0);)o=e(o+i);this.activePath=[...this.activePath.slice(0,t),o],this.getAnchorElForLevel(t)&&this.scheduleSubmenuPosition(t)}keydown=t=>{if(!this.open)return;const i=this.activePath.length?this.activePath.length-1:0,r=this.getItemsAtPath(this.activePath.slice(0,i+1))[this.activePath[i]??0];switch(t.key){case"ArrowDown":t.preventDefault(),this.navMove(i,1);break;case"ArrowUp":t.preventDefault(),this.navMove(i,-1);break;case"ArrowRight":t.preventDefault(),r?.children?.length&&(this.activePath=[...this.activePath,0],this.submenuSide=[...this.submenuSide,"right"],this.getAnchorElForLevel(i)&&this.scheduleSubmenuPosition(i));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(),r&&this.itemSelect.emit({item:r,path:[...this.activePath]}),this.closeOnSelect&&this.close();break;case"Escape":this.close();break;default:if(1===t.key.length){const r=Date.now();r-this.lastKeyTime>800&&(this.keyBuffer=""),this.lastKeyTime=r,this.keyBuffer+=t.key.toLowerCase();const o=this.getItemsAtPath(this.activePath.slice(0,i+1)).findIndex((t=>!t.divider&&!t.disabled&&t.label&&t.label.toLowerCase().startsWith(this.keyBuffer)));o>=0&&(this.activePath=[...this.activePath.slice(0,i),o])}}};getAnchorElForLevel(t){try{const i=this.hostEl.shadowRoot?.querySelector(".ctx-menu > .ctx-list");if(!i)return;let r=i;for(let i=0;i<=t;i++){const o=this.activePath[i];if(null==o)return;const e=r.querySelectorAll(":scope > .ctx-item")[o];if(!e)return;if(i===t)return e;const a=e.querySelector(":scope > .ctx-submenu > .ctx-list");if(!a)return;r=a}}catch{}}scheduleSubmenuPosition(t){requestAnimationFrame((()=>this.positionSubmenu(t)))}positionSubmenu(t){const i=this.lastAnchorEls[t]||this.getAnchorElForLevel(t);if(!i)return;const r=i.querySelector(":scope > .ctx-submenu");if(!r)return;const o=this.viewportPadding,e=window.innerWidth,a=window.innerHeight,n=r.getBoundingClientRect(),s=i.getBoundingClientRect(),c=this.submenuSide[t]||"right";if("right"===c&&n.right>e-o||"left"===c&&n.left<o){const i=s.left>e-s.right?"left":"right";if(i!==c)return this.submenuSide=[...this.submenuSide.slice(0,t),i],void requestAnimationFrame((()=>this.positionSubmenu(t)))}let l=0;const d=r.getBoundingClientRect();d.bottom>a-o&&(l-=Math.ceil(d.bottom-(a-o)));let p=d.top+l;p<o&&(l+=Math.ceil(o-p),p=o),r.style.top=0!==l?`${l}px`:"0px";const h=a-o-p;d.height>h?(r.style.maxHeight=`${h}px`,r.style.overflowY="auto"):(r.style.maxHeight="",r.style.overflowY="")}renderItems(t,i,r=0){const e=this.activePath[i]??-1,n=this.submenuSide[i]||"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,l=this.activePath.slice(0,i);return o("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 o("li",{class:"ctx-divider",role:"separator"});if("header"===t.type)return o("li",{class:"ctx-header",role:"presentation"},t.label);const d=r+s,p=d===e,h=!!t.children?.length,b="danger"===t.variant,u=!(!t.id||t.id!==this.selectedId),f=[...l,d],g={name:"item",item:t,index:d,level:i,path:f,checked:!(!t.checked&&!u),active:p,hasChildren:h,disabled:!!t.disabled,variant:t.variant},x=o(!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)&&o("span",{class:"ctx-icon-area"},t.iconTemplate?o("span",{class:"ctx-icon-slot",innerHTML:a(t.iconTemplate)}):t.icon?o("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"1.2em"}):t.checked||u?o("ui-icon",{name:"check",library:"lucide",size:"1.2em"}):""),o("div",{class:"ctx-text-content"},o("div",{class:"ctx-label-row"},o("span",{class:"ctx-label"},t.label),t.shortcut&&o("span",{class:"ctx-shortcut"},t.shortcut)),t.description&&o("span",{class:"ctx-description"},t.description)),h&&o("span",{class:"ctx-sub-arrow"},o("ui-icon",{name:"chevron-right",library:"lucide",size:"12px"})));return o("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(i,d,t.currentTarget),onClick:i=>this.handleClickItem(t,f,i)},o("slot",{...g},x),h&&p&&o("div",{class:{"ctx-submenu":!0,[`ctx-sub-${n}`]:!0}},this.renderItems(t.children,i+1)))})))}render(){const t=this.internalItems;let i="";"top"===this.placement?i="translateY(-100%)":"left"===this.placement&&(i="translateX(-100%)");const r=this.virtualizationActive&&(this.loadItems||t.length>this.visibleCount)&&t.length>0?this.getVirtualWindow(t.length):null;return o(e,{key:"c2181afce5b7b4ef2d7df5a2d991bb70d41f27cb"},o("slot",{key:"4142323103c62c98771ce563dfb0618ab88de56d"}),this.open&&o("div",{key:"9326f1949e3f13b96d4641ebea1cf8496014ae15",class:"ctx-menu",style:{position:"fixed",zIndex:"11000",left:`${this.pos.x}px`,top:`${this.pos.y}px`,transform:i},onMouseEnter:this.onMenuMouseEnter,onMouseLeave:this.onMenuMouseLeave},r?o("div",{class:"ctx-virtual-scroll",ref:t=>this.virtualScrollEl=t||void 0,style:{height:`${r.containerHeight}px`,overflowY:"auto"},onScroll:this.handleVirtualScroll},o("div",{class:"ctx-virtual-spacer",style:{height:t.length*this.itemHeight+"px"}},o("div",{class:"ctx-virtual-offset",style:{transform:`translateY(${r.topPadding}px)`}},this.renderItems(t.slice(r.start,r.end),0,r.start),this.loadingVirtual&&o("div",{class:"ctx-virtual-loader",style:{height:`${this.itemHeight}px`}},o("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:rgba(0, 138, 22, 0.08);--ctx-active-fg:var(--color-success, #008a16);--ctx-active-icon:var(--color-success, #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(--bg-primary, #e2e8f0);--ctx-border:var(--color-primary, #334155);--ctx-hover:var(--color-primary, #334155);--ctx-active:rgba(0, 138, 22, 0.15);--ctx-active-fg:var(--color-success, #008a16);--ctx-active-icon:var(--color-success, #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-success, #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(i){t(this,i)}name;library="default";src;size;fill;color;spin=!1;label;loading=!1;fetchedSvg="";isFetching=!1;get el(){return r(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(),i=(this.name||"").trim();if(!i||"iconoir"!==t&&"custom"!==t&&"default"!==t)return void(this.fetchedSvg="");let r="";if("iconoir"===t&&(r=`https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/icons/regular/${i.startsWith("iconoir-")?i.replace("iconoir-",""):i}.svg`),r)if(f.svgCache.has(r))this.fetchedSvg=f.svgCache.get(r);else{this.isFetching=!0;try{const t=await fetch(r);if(t.ok){const i=(await t.text()).replace(/width=".*?"/,'width="100%"').replace(/height=".*?"/,'height="100%"');f.svgCache.set(r,i),this.fetchedSvg=i}}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 i=0;const r=()=>{window.lucide?t():i<100?(i++,setTimeout(r,100)):(console.warn("[ui-icon] Global Lucide load timeout after 10s. Icon library may be blocked or slow."),t())};r()}))),await f.lucideLoadingPromise),this.renderLucideIcon())}renderLucideIcon(){const t=window.lucide;if(!t||!this.lucideContainer)return;const i=(this.name||"").trim();if(!i)return;this.lucideContainer.innerHTML="";const r=i.replace(/(^\w|-\w)/g,(t=>t.replace(/-/,"").toUpperCase()));try{const o=t.icons?t.icons[r]:null;if(o&&"function"==typeof o.toSVG){const t=o.toSVG({width:"100%",height:"100%",stroke:"currentColor",fill:this.fill||"none","stroke-width":2});this.lucideContainer.innerHTML=a(t)}else{const r=document.createElement("i");r.setAttribute("data-lucide",i),r.style.display="block",r.style.width="100%",r.style.height="100%",this.lucideContainer.appendChild(r),t.createIcons({icons:t.icons,root:this.lucideContainer,attrs:{width:"100%",height:"100%",stroke:"currentColor",fill:this.fill||"none","stroke-width":2}})}}catch(r){console.warn(`[ui-icon] Render failed for "${i}", trying fallback...`),"function"==typeof t.createIcons&&t.createIcons()}}isSvgPath(t){if("string"!=typeof t)return!1;const i=t.trim();return/^[mM]\s*[-+]?(?:\d*\.\d+|\d+)/.test(i)&&/[a-zA-Z]/.test(i.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"},i=this.size?.toString().trim()??"",r=n(i,i||"md").toLowerCase();return t[r]||i.includes("px")||i.includes("rem")||i.includes("em")?t[r]||i||"16px":/^\d+$/.test(i)?`${i}px`:`var(--size, ${i})`}getEffectiveLibrary(){let t=(this.library||"default").trim().toLowerCase();const i=(this.name||"").trim();return"default"===t?this.isUrl(i)||this.isSvgPath(i)?"custom":this.isEmoji(i)?"emoji":i.includes("fa-")||i.startsWith("fa ")?"fontawesome":i.startsWith("bi-")?"bootstrap":i.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 i=document.createElement("link");i.rel="stylesheet",i.href=t,this.el.shadowRoot.appendChild(i)}render(){const t=this.getParsedSize(),i=this.getEffectiveLibrary();return o(e,{key:"5a6bf9c51b3f46ec61428d94b6b230c5ec25527d",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"}},o("div",{key:"531c468608680f4d9a5d543f0b1088ffeb75f4dc",class:"icon-container "+(this.spin?"fa-spin":"")},this.loading||this.isFetching?o("ui-loader",{size:"0.8em",color:"currentColor",type:"spinner"}):this.renderIconContent(i,t)))}renderIconContent(t,i){const r=(this.name||"").trim();if("custom"===t||this.isUrl(r)||this.isSvgPath(r)||this.src){if(this.src||this.isUrl(r))return o("img",{src:this.src||r,alt:"",style:{width:"100%",height:"100%",objectFit:"contain"}});if(this.isSvgPath(r))return o("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",style:{width:"100%",height:"100%"}},o("path",{d:r}))}if("fontawesome"===t){let t=r;return r.includes("fa-")||r.startsWith("fa ")?r.startsWith("fa-")&&!r.includes(" ")&&(t=`fa-solid ${r}`):t=`fa-solid fa-${r}`,o("i",{class:t,"aria-hidden":"true",style:{fontSize:"inherit",color:"inherit"}})}if("icons8"===t){const t=r.includes("la-")?r:`las la-${r}`;return o("i",{class:t,"aria-hidden":"true",style:{fontSize:"inherit",color:"inherit"}})}if("iconoir"===t){if(this.fetchedSvg)return o("div",{class:"svg-container",style:{width:"100%",height:"100%"},innerHTML:a(this.fetchedSvg)});const t=r.startsWith("iconoir-")?r:`iconoir-${r}`;return o("i",{class:t,style:{fontSize:"inherit",color:"inherit"}})}if("ionicons"===t)return o("ion-icon",{name:this.name,style:{fontSize:i,color:this.color||"inherit"}});if("lucide"===t)return o("div",{class:"lucide-wrapper",style:{width:"100%",height:"100%"},ref:t=>this.lucideContainer=t});if("bootstrap"===t){const t=r.startsWith("bi-")?r:`bi-${r}`;return o("i",{class:`bi ${t}`,style:{fontSize:"inherit",color:"inherit"}})}if("google"===t)return o("span",{class:"material-symbols-outlined",style:{fontSize:"inherit",color:"inherit"}},this.name);if("remixicon"===t){const t=r.startsWith("ri-")?r:`ri-${r}`;return o("i",{class:t,style:{fontSize:"inherit",color:"inherit"}})}return"emoji"===t?o("span",{class:"emoji-icon","aria-hidden":"true",style:{fontSize:"inherit",lineHeight:"1",fontStyle:"normal",userSelect:"none"}},this.name):r}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(r){t(this,r),this.analyticsEvent=i(this,"analyticsEvent"),this.inputChange=i(this,"inputChange"),this.inputFocus=i(this,"inputFocus"),this.inputBlur=i(this,"inputBlur"),this.inputClear=i(this,"inputClear"),this.inputKeydown=i(this,"inputKeydown"),this.inputKeyup=i(this,"inputKeyup"),this.inputCopy=i(this,"inputCopy"),this.fileSelected=i(this,"fileSelected"),this.suggestionSelected=i(this,"suggestionSelected"),this.prefixClick=i(this,"prefixClick"),this.suffixClick=i(this,"suffixClick"),this.search=i(this,"search"),this.inputInput=i(this,"inputInput"),this.focusInternal=i(this,"focusInternal"),this.pasteInternal=i(this,"pasteInternal"),this.wheelInternal=i(this,"wheelInternal"),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals)}get element(){return r(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 i=parseFloat(t);if(void 0!==this.min&&i<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&&i>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,i=parseFloat(this.max)||100;return(this.rangeValue-t)/(i-t)*100}resizeTextarea(){if(this.inputElement&&this.multiline){const t=this.inputElement;t.style.height="auto";const i=parseInt(getComputedStyle(t).lineHeight)||20,r=this.maxRows?this.maxRows*i:0;let o=t.scrollHeight;this.maxRows&&o>r&&r>0?(t.style.height=`${r}px`,t.style.overflowY="auto"):(t.style.height=`${o}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 i=t.replace(/[^A-Za-z0-9]/g,"");let r="",o=0;for(let t=0;t<this.customMask.length&&o<i.length;t++){const e=this.customMask[t];r+="#"===e||"A"===e?i[o++]:e}return r}if("none"===this.mask&&"currency"!==this.type)return t;const i="currency"===this.type?"currency":this.mask,r=t.replace(/\D/g,"");switch(i){case"phone":return r?r.length<=3?`(${r}`:r.length<=6?`(${r.slice(0,3)}) ${r.slice(3)}`:`(${r.slice(0,3)}) ${r.slice(3,6)}-${r.slice(6,10)}`:"";case"credit-card":return r.match(/.{1,4}/g)?.join(" ").slice(0,19)||r;case"date":return r.length<=2?r:r.length<=4?`${r.slice(0,2)}/${r.slice(2)}`:`${r.slice(0,2)}/${r.slice(2,4)}/${r.slice(4,8)}`;case"currency":{if(!r)return"";const t=(parseInt(r)/100).toFixed(2);return new Intl.NumberFormat("en-US",{style:"currency",currency:this.currency}).format(parseFloat(t))}case"ssn":return r.length<=3?r:r.length<=5?`${r.slice(0,3)}-${r.slice(3)}`:`${r.slice(0,3)}-${r.slice(3,5)}-${r.slice(5,9)}`;case"zip":return r.slice(0,5);default:return t}}calculatePasswordStrength(t){if(this.passwordStrengthCalculator)return this.passwordStrengthCalculator(t);let i=0;return t.length>=1&&(t.length>=8&&i++,/[A-Z]/.test(t)&&i++,/[0-9]/.test(t)&&i++,/[^A-Za-z0-9]/.test(t)&&i++),i}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 i=t.currentTarget.getBoundingClientRect();this.rippleX=t.clientX-i.left,this.rippleY=t.clientY-i.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 i=t.dataTransfer?.files;if(i&&i.length>0){if(this.filePickerElement){this.filePickerElement.files=i;const t=new window.Event("input",{bubbles:!0});this.filePickerElement.dispatchEvent(t)}this.selectedFileNames=Array.from(i).map((t=>t.name)).join(", "),this.fileSelected.emit(i)}};highlightTextMatches(t){if(!t||!this.value||!this.highlightMatches)return t;const i=this.value.toLowerCase(),r=t.toLowerCase().indexOf(i);return-1===r?t:o("span",null,t.slice(0,r),o("b",{class:"match-highlight"},t.slice(r,r+i.length)),t.slice(r+i.length))}getRelativeTimeString(t){try{const i=new Date(t);if(isNaN(i.getTime()))return"";const r=new Date,o=Math.round((i.getTime()-r.getTime())/864e5);return new Intl.RelativeTimeFormat("en",{numeric:"auto"}).format(o,"day")}catch{return""}}applyZenithFiltering(t){let i=t;return this.noSpaces&&(i=i.replace(/\s/g,"")),this.alphaOnly&&(i=i.replace(/[^a-zA-Z]/g,"")),this.numericOnly&&(i=i.replace(/[^0-9.]/g,"")),i}handleInput=t=>{const i=t.target;let r=i.value;if(r=this.applyZenithFiltering(r),r=this.applyTextTransform(r),i.value=r,this.ghostText&&(this.currentGhost=r&&this.ghostText.toLowerCase().startsWith(r.toLowerCase())?this.ghostText.slice(r.length):""),this.allowedChars){const t=new RegExp(this.allowedChars,"g"),o=r.match(t);r=o?o.join(""):"",i.value!==r&&(i.value=r)}if("number"===this.type){r=r.replace(/(?!^-)[^0-9.]/g,"");const t=r.split(".");t.length>2&&(r=t[0]+"."+t.slice(1).join("")),i.value=r}if(this.parser&&(r=this.parser(r)),"none"===this.mask&&"currency"!==this.type||"password"===this.type||(r=this.applyMask(r),i.value=r),"range"===this.type&&(this.rangeValue=parseFloat(r)),"file"===this.type&&i instanceof HTMLInputElement&&i.files){const t=Array.from(i.files);return this.selectedFileNames=t.map((t=>t.name)).join(", "),void this.fileSelected.emit(i.files)}this.value=r,this.currentLength=r.length,"onInput"===this.validationTrigger&&this.validate(r),this.autoResize&&this.multiline&&this.resizeTextarea(),(this.suggestions.length>0||this.autocompleteSuggestions.length>0)&&r&&(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 i=t.target.value,r=parseFloat(this.min)||0,o=parseFloat(this.max)||100;let e=parseFloat(i);isNaN(e)||(e<r&&(e=r),e>o&&(e=o),this.rangeValue=e,this.value=e.toString(),this.inputChange.emit(this.value))};stepValue=t=>{if(this.disabled||this.readonly||"number"!==this.type)return;const i=parseFloat(this.step)||1,r=parseFloat(this.value)||0,o=(this.step?.toString().split(".")[1]||"").length;let e="up"===t?r+i:r-i;e=parseFloat(e.toFixed(o)),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?o("div",{class:"stepper-controls"},o("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"}),o("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")),this.showSuggestions&&this.suggestions.length>0){const i=this.getFilteredSuggestions();"ArrowDown"===t.key?(t.preventDefault(),this.selectedSuggestionIndex=Math.min(this.selectedSuggestionIndex+1,i.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(i[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((i=>i&&"string"==typeof i&&i.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),i=t.find((t=>"currency"===t.type))?.value||"$";return o("span",{class:"prefix-text currency-text"},i)}catch{return o("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(){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",number:"hash",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 i=!!this.element.querySelector('[slot="prefix-icon"]');return t||i?o("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},o("slot",{name:"prefix-icon"},t&&o("ui-icon",{library:"lucide",name:t,color:"currentColor"}))):null}renderSuffixContent(){const t=[];if(this.showClearButton&&t.push(o("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 i=()=>{this.revealOnHold&&(this.isPasswordHeld=!0)},r=()=>{this.revealOnHold&&(this.isPasswordHeld=!1)};t.push(o("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,class:"password-toggle",onClick:()=>!this.revealOnHold&&(this.isPasswordVisible=!this.isPasswordVisible),onMouseDown:i,onMouseUp:r,onMouseLeave:r,onTouchStart:i,onTouchEnd:r,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(o("div",{class:"caps-lock-warning",title:"Caps Lock is ON"},o("ui-icon",{library:"lucide",name:"arrow-big-up"}))),this.loading&&t.push(o("ui-icon",{library:"lucide",name:"loader-2",class:"loading-spinner",spin:!0})),this.showCopy&&t.push(o("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 i=Math.min(this.currentLength/this.maxLength*100,100),r=9,e=2*Math.PI*r,a=e-i/100*e;t.push(o("div",{class:"progress-circle-container",title:`${this.currentLength}/${this.maxLength}`},o("svg",{class:"progress-circle-svg",viewBox:"0 0 24 24"},o("circle",{class:"ring-track",cx:"12",cy:"12",r}),o("circle",{class:"ring-fill",cx:"12",cy:"12",r,style:{strokeDasharray:`${e}`,strokeDashoffset:`${a}`}}))))}(this.voiceEnabled||this.voiceInput)&&t.push(o("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(o("div",{class:"shortcut-hint"},this.shortcutHint));const i=!!this.element.querySelector('[slot="suffix-icon"]');return(this.suffixIcon||i)&&t.push(o("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},o("slot",{name:"suffix-icon"},this.suffixIcon&&o("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,i=this.minLengthIndicator||this.minLength||0,r=this.maxLengthIndicator||this.maxLength||0;let e="normal";return i&&t<i&&(e="warning"),r&&t>r&&(e="error"),i&&t>=i&&r&&t<=r&&(e="success"),o("span",{class:`length-indicator ${e}`},i&&t<i&&i-t+" more characters needed",r&&`${t}/${r}`)}renderAutocomplete(){const t=this.getFilteredSuggestions(),i=this.autocompleteSuggestions.length>0?this.autocompleteSuggestions:t.map((t=>({text:t,subtitle:void 0,icon:void 0})));return this.showSuggestions&&0!==i.length?o("div",{class:"autocomplete-dropdown",exportparts:"dropdown"},i.map(((t,i)=>t?o("div",{class:{"autocomplete-item":!0,active:i===this.selectedSuggestionIndex},onClick:()=>this.selectSuggestion(t.text)},t.icon&&o("ui-icon",{library:"lucide",name:t.icon,class:"suggestion-icon"}),o("div",{class:"suggestion-text-block"},o("span",{class:"suggestion-main-text"},this.highlightTextMatches(t.text)),t.subtitle&&o("span",{class:"suggestion-subtitle"},t.subtitle))):null))):null}render(){const t="color"===this.type,i="file"===this.type,r="otp"===this.type||"pin"===this.type,a=this.isPasswordVisible||this.isPasswordHeld||t||i?"text":this.type,n=this.getValidationMessage(),c=this.color&&!g.includes(this.color),l={...c?{"--ui-custom-color":this.color,"--ui-custom-color-rgb":s(this.color)}:{},"--ui-input-width":this.width},d=!!(this.prefixIcon&&"none"!==this.prefixIcon&&"false"!==this.prefixIcon||this.prefixText||this.showTypeIcon&&["search","email","tel","url","number","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":d,"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":r,"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:r?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 o(e,{key:"e4063f1d2456a41e57309506da2b79f1bbf518bd",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:l},o("div",{key:"7fd5939b576307e8285e5f53c91a7fc969617fa0",class:{...p,"input-ripple":this.rippleEffect}},this.label&&!this.floatingLabel&&!r&&o("label",{key:"0fa810d3e66f3d224340d93006df75b63f528912",class:"input-label"},this.label,this.required&&"*"),o("div",{key:"e2c21f6e14645a1fce1e6de5b1500ba41e04b115",class:"input-container",onMouseDown:this.handleMouseDown,onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop},o("div",{key:"73c7397d9d57c3effd34b6dab5bac043da68a78f",class:"clipping-layer"},this.showRipple&&o("div",{key:"dc23482a5f56c51605911625605285451225ca81",class:"liquid-ripple",style:{left:`${this.rippleX}px`,top:`${this.rippleY}px`}}),this.linearLoading&&o("div",{key:"a10a205c11a4dc9468d709148ab713f5a927699b",class:"linear-loading-bar"}),this.backdropSheen&&o("div",{key:"1d09a9fd9aa04999bc56186fec1be51f963f0e3d",class:"backdrop-sheen-effect"})),this.renderAutocomplete(),(this.badge||this.dirtyTracking&&this.isDirty)&&o("span",{key:"8b6b915bbf616387f937e25b73c15cd4f42694c3",class:"input-badge "+(this.badge?"":"dot-mode")},this.badge||""),this.renderPrefixIcon(),this.floatingLabel&&!r&&o("label",{key:"36418949fb5a3613f3c56517db0b2ba52e74d1d0",class:"floating-label"},this.label,this.required&&"*"),this.multiline?o("textarea",{...h,style:{resize:this.autoResize?"none":this.resize},value:this.value}):r?o("div",{class:"otp-container"},Array.from({length:this.otpLength}).map(((t,i)=>o("div",{class:{"otp-box":!0,filled:this.value.length>i,active:this.value.length===i&&this.isFocused}},this.value[i]||""))),o("input",{...h,style:{opacity:"0",position:"absolute",inset:"0",caretColor:"transparent"}})):"range"===this.type?o("div",{class:"range-input-wrapper",style:{"--range-progress":`${this.getRangePercentage()}%`}},o("input",{...h,type:"range",value:this.rangeValue,min:this.min||0,max:this.max||100,step:this.step||1}),o("div",{class:"range-manual-adornment"},o("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}))):o("div",{class:"input-field-stack"},o("input",{...h,type:a,value:i?this.selectedFileNames:this.value}),this.currentGhost&&o("span",{class:"ghost-text-overlay",onClick:()=>this.value=this.ghostText},this.currentGhost)),t&&o("input",{key:"71f29e41543ada3bb27402ec955ce17172866c35",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}),i&&o("input",{key:"f11732d7b0a60588b2d3fc74525cecb63c494a0d",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&&o("span",{key:"5daa65c5274948ca30e12f9d305b5ed36aca27b9",class:{"suffix-text":!0,[`block-color-${this.suffixColor}`]:!!this.suffixColor}},this.suffixText),("none"!==this.statusIndicator||this.isRecording||this._voiceOffLabel)&&o("div",{key:"f0a15ca443598eccff24608f24e03f6b6c524409",class:`status-indicator status-${this.isRecording?"listening":this._voiceOffLabel?"offline":this.statusIndicator}`},!this.voiceEnabled&&!this.voiceInput&&("listening"===this.statusIndicator||this.isRecording)&&o("ui-icon",{key:"3debcf72af06dab5cd5ab03f9e81793cde4c0a95",library:"lucide",name:"mic",class:"mic-pulse"}),"listening"!==this.statusIndicator&&!this.isRecording&&!this._voiceOffLabel&&o("span",{key:"440b5c5cad18a6b7cd0de8c04dd0f49ae35db124",class:"status-dot"}),o("span",{key:"bffc20acbaf070199bef467cefa3c25adc328221",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&&o("span",{key:"19262bd829f945fd203266ea67c248a94a775f71",class:"typing-animation"},o("span",{key:"769cbdde9e871c0fefa37466f5189bd4b95f04c9"}),o("span",{key:"ada0306edd6f3f942e0d0258b820f3d425278654"}),o("span",{key:"687a023614358579750b5f493ad2bb8511ef2910"}))),this.renderSuffixContent(),this.renderSteppers(),this.hintTooltip&&o("div",{key:"86d50262507a075bd68ea71fabcf4914d6a118e3",class:"hint-tooltip-icon",title:this.hintTooltip},o("ui-icon",{key:"e5590e7a20808a41bdfc3719e00b9e5ad2fc4a1d",library:"lucide",name:"help-circle"}))),(n||this.showCounter||this.minLengthIndicator||this.maxLengthIndicator||"password"===this.type&&this.value&&this.showPasswordStrength)&&o("div",{key:"9479bdd436afd44ee5b05dfc99bd6ce84379f058",class:"input-footer"},"password"===this.type&&this.value&&this.showPasswordStrength&&o("div",{key:"0ea62a19ed66dc33e98a3aba4a63c62589fb560e",class:"password-strength-meter"},o("div",{key:"3564a2205d7ade940909e12ef18b3ec71c06b583",class:`strength-bar strength-${this.passwordStrength}`})),n&&o("span",{key:"4015b4eb68d7045a4447df795debefa080acd854",class:"helper-text "+("none"!==this.validationState?this.validationState+"-text":"")},"error"===this.validationState&&o("ui-icon",{key:"bb9a04f2f7b577d9d797e574263fc96800e7184a",library:"lucide",name:"alert-circle",class:"validation-icon"}),"warning"===this.validationState&&o("ui-icon",{key:"2e756012a47e39f76472cd21497c692cb2cb66fa",library:"lucide",name:"alert-triangle",class:"validation-icon"}),"success"===this.validationState&&o("ui-icon",{key:"66d61660c177e1f4fece47bf7433c37045a13506",library:"lucide",name:"check-circle-2",class:"validation-icon"}),"info"===this.validationState&&o("ui-icon",{key:"6e41af71dd9abacd6f58e386297d023294dff819",library:"lucide",name:"info",class:"validation-icon"}),n),this.relativeTime&&"date"===this.type&&this.value&&o("span",{key:"ac8f3dae2f0aa149cf6394e7683599a6a3e4505e",class:"relative-time-overlay"},this.getRelativeTimeString(this.value)),this.showCounter&&this.maxLength&&o("span",{key:"5226cbf5034a58151a46c687180616246c9039d9",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)}: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)}: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(r){t(this,r),this.navOpen=i(this,"navOpen"),this.navClose=i(this,"navClose"),this.navToggle=i(this,"navToggle"),this.navItemClick=i(this,"navItemClick"),this.itemExpand=i(this,"itemExpand"),this.itemCollapse=i(this,"itemCollapse")}get el(){return r(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=4;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,i=document.body,r=t.getAttribute("data-theme");this.effectiveTheme=t.classList.contains("green")||i.classList.contains("green")||"green"===r?"green":t.classList.contains("dark")||i.classList.contains("dark")||"dark"===r||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",i=this.el.shadowRoot?.querySelector(t);if(i){const t=this.el.getBoundingClientRect(),r=i.getBoundingClientRect();if("horizontal"===this.orientation){const i=r.left-t.left,o=r.width;this.gliderLeft===i&&this.gliderWidth===o&&1===this.gliderOpacity||(this.gliderLeft=i,this.gliderWidth=o,this.gliderOpacity=1)}else{const i=r.top-t.top,o=r.height;this.gliderTop===i&&this.gliderHeight===o&&1===this.gliderOpacity||(this.gliderTop=i,this.gliderHeight=o,this.gliderOpacity=1)}}else 0!==this.gliderOpacity&&(this.gliderOpacity=0)}expandParents(){if(!this.activeId)return;const t=new Set(this.expandedItems);let i=!1;const r=o=>{for(const e of o)e.children&&e.children.length>0&&this.hasActiveChild(e)&&(t.has(e.id)||(t.add(e.id),i=!0),r(e.children))};r(this.categories||[]),r(this.items||[]),r(this.bottomItems||[]),r(this.secondaryItems||[]),r(this.bottomItemsSecondary||[]),i&&(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 i=t.children[0];for(;i&&i.children&&i.children.length>0;)i=i.children[0];return void(i&&!i.disabled&&(this.activeId=i.id,this.navItemClick.emit(i),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 i=new Set(this.expandedItems);i.has(t)?(i.delete(t),this.itemCollapse.emit(t)):(i.add(t),this.itemExpand.emit(t)),this.expandedItems=i}handleKeyDown(t,i){"Enter"===t.key||" "===t.key?(t.preventDefault(),this.handleItemClick(i)):"ArrowDown"===t.key?(t.preventDefault(),this.focusNext(t.target)):"ArrowUp"===t.key?(t.preventDefault(),this.focusPrev(t.target)):"ArrowRight"===t.key?this.expandedItems.has(i.id)||this.toggleItem(i.id):"ArrowLeft"===t.key&&this.expandedItems.has(i.id)&&this.toggleItem(i.id)}focusNext(t){const i=Array.from(this.el.shadowRoot.querySelectorAll(".nav-item")),r=i.indexOf(t);r>-1&&r<i.length-1&&i[r+1].focus()}focusPrev(t){const i=Array.from(this.el.shadowRoot.querySelectorAll(".nav-item")),r=i.indexOf(t);r>0&&i[r-1].focus()}renderToggle(){return!this.collapsible||this.isMobile?null:o("div",{class:"nav-toggle-edge",onClick:()=>this.toggle()},o("svg",{viewBox:"0 0 24 24",width:"14",height:"14",stroke:"currentColor","stroke-width":"2",fill:"none"},o("path",{d:"M15 18l-6-6 6-6"})))}filterItems(t){if(!this.keyword)return t;const i=this.keyword.toLowerCase(),r=t=>t.filter((t=>{const o=t.label.toLowerCase().includes(i),e=t.children&&r(t.children).length>0;return o||e})).map((t=>t.children?{...t,children:r(t.children)}:t));return r(t)}renderNavList(t,i){const r=this.filterItems(t),o=this.maxItems;if(this.keyword||"horizontal"===this.orientation||r.length<=o)return r.map((t=>this.renderItem(t)));const e=o-1,a=r.slice(0,e),n={id:`nav-overflow-${i}`,label:"More",icon:"more-horizontal",iconLibrary:"lucide",children:r.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(),i=[!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 o(e,{key:"5d7d3ba7a371bb0b2c7067c9ef6ffadf1cc5cf2c",style:{"--nav-width":"boolean"==typeof this.isExpanded?this.isExpanded?this.expandedWidth:this.isMobile?"0px":this.collapsedWidth:this.collapsedWidth},class:i,theme:null,"data-theme":this.effectiveTheme},o("div",{key:"822e6bca215424cf97ee14360e5474f279898d08",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&&o("div",{key:"e561f5ba73dcded187227d24c05271ffe8cd35be",class:"nav-backdrop",onClick:()=>this.close()}),o("div",{key:"00336a31f7c62f1e4225811a8526316869eacb67",class:"nav-blocks-container"},o("div",{key:"08bb7aa63e515127943aa1858b6246e924752237",class:"nav-header"},o("slot",{key:"5052017567308f9e24e13c273fa6e6f81bdabb54",name:"header"},(this.companyLogo||this.companyName)&&o("div",{key:"3a374287ff56db7e8e48786a9fd82d046eb27a24",class:"nav-company-block",style:{display:"flex",alignItems:"center",gap:"12px",padding:"0 24px",height:"64px"}},this.companyLogo&&o("img",{key:"c51ab5c8072dce6e11738da2df7a2c2d77534989",src:this.companyLogo,alt:this.companyName||"Logo",style:{height:"32px",width:"auto"}}),this.isExpanded&&this.companyName&&o("span",{key:"c37a8d0bc5ea530ac6e4c90d45aed571e401ad65",class:"nav-company-name",style:{fontWeight:"600",fontSize:"16px"}},this.companyName))),o("slot",{key:"b552595e83958add3197c9bd83eda6454d975dad",name:"logo"}),this.isMobile&&o("div",{key:"dfc692bd4d940e34bdd3c1ee0f7bab24e390623a",class:"nav-mobile-close",onClick:()=>this.close()},o("svg",{key:"38bc9e4c9799d01510b8c0a354d4c4be370775c8",viewBox:"0 0 24 24",width:"24",height:"24",stroke:"currentColor",fill:"none"},o("path",{key:"9e5ce385a716770a940247a2e97d5a002928f536",d:"M18 6L6 18M6 6l12 12"})))),this.showSearch&&this.isExpanded&&o("div",{key:"6210ee48a40ec6ac0a1b37c6064be9539041d89a",class:"nav-search-bar"},o("div",{key:"91be6b4b089065dec8601ad39d6f5ee6314c2743",style:{position:"relative",display:"flex",alignItems:"center",background:"var(--nav-item-hover-bg, #f1f5f9)",borderRadius:"6px",padding:"4px 8px"}},o("svg",{key:"eb7de33bd4feea4137a01b38a3c461536d471d0e",viewBox:"0 0 24 24",width:"16",height:"16",fill:"none",stroke:"currentColor","stroke-width":"2",style:{opacity:"0.5",marginRight:"8px"}},o("circle",{key:"e38c3bf011c65f5f6adf7283cfa4362afba456d6",cx:"11",cy:"11",r:"8"}),o("line",{key:"62dbce91bf5b3cce61f4fe711b9d70b9ddb2192f",x1:"21",y1:"21",x2:"16.65",y2:"16.65"})),o("input",{key:"2e3c9743f142fe4fec5e5d232edbfa7a453a5520",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&&o("div",{key:"bbfc7918309d8a05aa89f1cf29564f4a7e0f5657",class:"nav-block-categories",role:"tree"},this.renderNavList(t.categories,"cat")),o("div",{key:"856526bb6ebc4fb642f895e9d3977068562df9db",class:"nav-block-top",role:"tree"},this.renderNavList(t.primary,"top"),o("slot",{key:"f7f37b72d9b37144f7a982028d04dc2a182dd792",name:"menu-item"})," ",0===t.primary.length&&0===t.categories.length&&0===t.secondary.length&&o("slot",{key:"53ca544ecb67734f153b7c327c85100f33c74092",name:"empty-state"},"No Items")),t.secondary.length>0&&o("div",{key:"2d23b401f03faaa7c27aae850e84a5de3751b667",class:"nav-block-secondary",role:"tree"},this.renderNavList(t.secondary,"sec")),t.bottom.length>0&&o("div",{key:"e7f4d57d73f042d7c300f6a960469a8cef50afdd",class:"nav-block-bottom",role:"tree"},t.bottom.map((t=>this.renderItem(t))),o("slot",{key:"4ae38e3116a10f7ab3a244fb0ae3cfc3ad91e7d6",name:"footer"})),t.bottomSecondary.length>0&&o("div",{key:"e79b2b33ccf1e47902376599065562024a45eaff",class:"nav-block-profile",role:"tree"},t.bottomSecondary.map((t=>this.renderItem(t))))))}isBottomItem(t){const i=this.getBlocks();return i.bottom.some((i=>i.id===t))||i.bottomSecondary.some((i=>i.id===t))}renderItem(t,i=0){if("divider"===t.type)return o("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?o("div",{class:`nav-title level-${i}`,style:{fontSize:"11px",fontWeight:"bold",textTransform:"uppercase",color:"#94a3b8",padding:"12px 16px 4px 16px"}},t.label):null;const r=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*i+16+"px",c=`nav-item-${t.id}`,l=t.href&&!n?"a":"div",d=t.href&&!n?{href:t.href}:{},p=["nav-item",e&&"active",a&&"active-ancestor",r&&"expanded","user-profile"===t.id&&"is-user-profile",!t.icon&&"no-icon"].filter(Boolean).join(" ");return o("div",{key:t.id,class:`nav-item-wrapper level-${i}`,role:"none"},o(l,{id:c,...d,class:p,style:{paddingLeft:"horizontal"===this.orientation?"0":this.isExpanded?s:"0"},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:i=>{i.stopPropagation(),this.handleItemClick(t)},onKeyDown:i=>this.handleKeyDown(i,t),title:!this.isExpanded&&n?t.label:"",tabindex:"0",role:"treeitem","aria-expanded":n?r?"true":"false":null,"aria-selected":e?"true":"false"},(t.icon||t.avatar||"image"===t.type||"icon"===t.type||"avatar"===t.type||t.imageUrl)&&o("span",{class:"nav-icon-container"},t.avatar||"avatar"===t.type?o("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?o("img",{src:t.imageUrl,alt:t.label,class:"nav-image-icon",style:{width:"24px",height:"24px",borderRadius:"4px",objectFit:"cover"}}):o("span",{class:"nav-icon"},o("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"1.25rem"})),t.status&&!t.avatar&&"avatar"!==t.type&&o("span",{class:`nav-status-dot status-${t.status}`}),!this.isExpanded&&t.badge&&o("span",{class:"nav-badge-mini"},t.badge),"horizontal"===this.orientation&&("user-profile"===t.id||this.isBottomItem(t.id))&&t.badge&&o("span",{class:"nav-badge-mini"},t.badge)),!n&&!this.isExpanded&&this.hoveredIconId===t.id&&o("div",{class:{"nav-tooltip":!0,visible:!0}},t.label),(this.isExpanded||"horizontal"===this.orientation&&!this.isBottomItem(t.id))&&o("span",{class:"nav-label-container"},o("span",{class:"nav-label"},t.label),t.badge&&o("span",{class:"nav-badge"},t.badge)),n&&(this.isExpanded||"horizontal"===this.orientation)&&o("span",{class:"nav-arrow"},o("svg",{viewBox:"0 0 24 24",width:"16",height:"16",stroke:"currentColor",fill:"none",class:r&&"horizontal"!==this.orientation?"rotate-180":""},o("path",{d:"M6 9l6 6 6-6"})))),(()=>{const i=n?t.children:[];return i&&0!==i.length?this.isExpanded&&"horizontal"!==this.orientation?null:o("ui-context-menu",{target:`#${c}`,items:i,selectedId:this.activeId,theme:this.effectiveTheme,openOn:"hover",placement:"horizontal"===this.orientation?"bottom":"left"===this.position?"right":"left",onItemSelect:i=>{i.stopPropagation(),this.handleItemClick(n?i.detail.item:t)}}):null})(),n&&r&&this.isExpanded&&"horizontal"!==this.orientation&&o("div",{class:"nav-children",role:"group"},t.children.map((t=>this.renderItem(t,i+1)))))}static get watchers(){return{mode:[{handleModeChange:0}],theme:[{onThemeChange:0}],activeId:[{onActiveIdChange:0}],isExpanded:[{onExpandChange: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{--nav-bg:#fcfcfc;--nav-color:#000000;--nav-border-color:#d9d9d9;--nav-item-hover-bg:#e6e6e6;--nav-item-active-bg:rgba(0, 138, 22, 0.08);--nav-item-active-color:#008a16;--nav-accent-gradient:linear-gradient(135deg, #3b82f6 0%, #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:100%;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]){--nav-bg:#111827;--nav-color:#94a3b8;--nav-border-color:#1e293b;--nav-item-hover-bg:#1e293b;--nav-item-active-bg:rgba(0, 138, 22, 0.15);--nav-item-active-color:#008a16}:host([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([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}.nav-mobile-close{position:absolute;right:16px;top:50%;transform:translateY(-50%);cursor:pointer;padding:4px}.nav-blocks-container{display:flex;flex-direction:column;height:100%;overflow:visible;}.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;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;display:flex;flex-direction:column;overflow:visible;min-height:fit-content;max-height:fit-content;}.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;overflow:visible;min-height:fit-content;max-height:fit-content;}.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:#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,l as ui_avatar,d 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_navigation_bar}