atomicuilibrary 0.1.0 → 0.1.3

package/dist/components/tooltip.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,createEvent as i,h as s,Host as e,transformTag as r}from"@stencil/core/internal/client";import{s as l,d as a}from"./icon.js";import{d as p,a as n}from"./badge.js";import{d as c}from"./loader.js";const h=t(class t extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.tooltipShow=i(this,"tooltipShow",7),this.tooltipHide=i(this,"tooltipHide",7),this.tooltipClick=i(this,"tooltipClick",7),this.tooltipMouseEnter=i(this,"tooltipMouseEnter",7),this.tooltipMouseLeave=i(this,"tooltipMouseLeave",7),this.tooltipMouseMove=i(this,"tooltipMouseMove",7),this.tooltipClose=i(this,"tooltipClose",7),this.tooltipKeydown=i(this,"tooltipKeydown",7),this.tooltipTouchStart=i(this,"tooltipTouchStart",7),this.tooltipTouchEnd=i(this,"tooltipTouchEnd",7)}get el(){return this}content="";position="top";trigger="hover";variant="dark";animation="fade-in";arrow=!0;showDelay=0;hideDelay=0;maxWidth=300;offset=8;html=!1;interactive=!1;disabled=!1;customClass="";zIndex=9999;followCursor=!1;autoFlip=!0;visible=!1;customColor="";textColor="";transitionDuration=200;transitionTiming="ease";arrowSize=8;openAtMousePosition=!1;trackMouse=!1;trackInterval=16;autoShift=!0;closable=!1;keyboard=!0;portal=!0;allowNested=!1;loading=!1;size="md";longPressDuration=500;boundary="";groupId="";sticky=!1;showHeader=!1;showFooter=!1;closeOnClickOutside=!0;elevation=0;shape="rounded";showGlow=!1;isVisible=!1;isPositioned=!1;currentPosition="top";cursorX=0;cursorY=0;mouseClickX=0;mouseClickY=0;touchStartTime=0;isTouchDevice=!1;tooltipShow;tooltipHide;tooltipClick;tooltipMouseEnter;tooltipMouseLeave;tooltipMouseMove;tooltipClose;tooltipKeydown;tooltipTouchStart;tooltipTouchEnd;targetElement;tooltipElement;defaultSlotSource;headerSlotSource;footerSlotSource;defaultSlotTarget;headerSlotTarget;footerSlotTarget;showTimeout;hideTimeout;observer;trackIntervalId=0;lastTrackTime=0;resizeObserver;updateRetries=0;static groupListeners=new Map;notifyGroupChange(){this.groupId&&(t.groupListeners.get(this.groupId)||[]).forEach((t=>t(this.isVisible?this.groupId:"")))}handleGroupChange=()=>{};watchVisible(t){"manual"===this.trigger&&(t?this.show():this.hide())}componentDidLoad(){this.targetElement=this.el.querySelector('[slot="target"]'),this.targetElement?(this.isTouchDevice="ontouchstart"in window||navigator.maxTouchPoints>0,this.setupEventListeners(),this.keyboard&&document.addEventListener("keydown",this.handleKeyDown),this.visible&&"manual"===this.trigger&&this.show(),this.observer&&this.el&&this.observer.observe(this.el,{childList:!0,subtree:!0}),this.targetElement&&"ResizeObserver"in window&&(this.resizeObserver=new ResizeObserver((()=>{this.isVisible&&this.updatePosition()})),this.resizeObserver&&this.targetElement&&this.resizeObserver.observe(this.targetElement)),this.groupId&&(t.groupListeners.has(this.groupId)||t.groupListeners.set(this.groupId,[]),t.groupListeners.get(this.groupId).push(this.handleGroupChange))):console.warn('tooltip: No element with slot="target" found')}disconnectedCallback(){if(this.removeEventListeners(),this.observer&&this.observer.disconnect(),this.resizeObserver&&this.resizeObserver.disconnect(),this.clearTimeouts(),this.removeWindowListeners(),this.keyboard&&document.removeEventListener("keydown",this.handleKeyDown),this.portal&&this.tooltipElement&&this.tooltipElement.parentNode&&this.tooltipElement.parentNode.removeChild(this.tooltipElement),this.groupId){const o=t.groupListeners.get(this.groupId)||[],i=o.indexOf(this.handleGroupChange);-1!==i&&o.splice(i,1)}}setupEventListeners(){if(!this.disabled){switch(this.trigger){case"hover":this.targetElement.addEventListener("mouseenter",this.handleMouseEnter),this.targetElement.addEventListener("mouseleave",this.handleMouseLeave),this.followCursor&&this.targetElement.addEventListener("mousemove",this.handleMouseMove);break;case"click":this.targetElement.addEventListener("click",this.handleClick),this.closeOnClickOutside&&document.addEventListener("click",this.handleDocumentClick);break;case"focus":this.targetElement.addEventListener("focus",this.handleFocus),this.targetElement.addEventListener("blur",this.handleBlur)}this.isTouchDevice&&(this.targetElement.addEventListener("touchstart",this.handleTouchStart),this.targetElement.addEventListener("touchend",this.handleTouchEnd),this.targetElement.addEventListener("touchcancel",this.handleTouchCancel))}}removeEventListeners(){this.targetElement&&(this.targetElement.removeEventListener("mouseenter",this.handleMouseEnter),this.targetElement.removeEventListener("mouseleave",this.handleMouseLeave),this.targetElement.removeEventListener("mousemove",this.handleMouseMove),this.targetElement.removeEventListener("click",this.handleClick),this.targetElement.removeEventListener("focus",this.handleFocus),this.targetElement.removeEventListener("blur",this.handleBlur),this.targetElement.removeEventListener("touchstart",this.handleTouchStart),this.targetElement.removeEventListener("touchend",this.handleTouchEnd),this.targetElement.removeEventListener("touchcancel",this.handleTouchCancel)),document.removeEventListener("click",this.handleDocumentClick)}clearTimeouts(){this.showTimeout&&clearTimeout(this.showTimeout),this.hideTimeout&&clearTimeout(this.hideTimeout),this.trackIntervalId&&(cancelAnimationFrame(this.trackIntervalId),this.trackIntervalId=0)}handleMouseEnter=t=>{this.trackMouse&&(this.cursorX=t.clientX,this.cursorY=t.clientY,this.tooltipMouseEnter.emit(t)),this.clearTimeouts(),this.showTimeout=window.setTimeout((()=>{this.show()}),this.showDelay)};handleMouseLeave=t=>{this.tooltipMouseLeave.emit(t),this.clearTimeouts(),this.trackIntervalId&&cancelAnimationFrame(this.trackIntervalId),this.hideTimeout=this.interactive?window.setTimeout((()=>{this.tooltipElement&&!this.tooltipElement.matches(":hover")&&this.hide()}),this.hideDelay+100):window.setTimeout((()=>{this.hide()}),this.hideDelay)};handleMouseMove=t=>{if(this.followCursor||this.trackMouse){const o=performance.now();o-this.lastTrackTime>=this.trackInterval&&(this.cursorX=t.clientX,this.cursorY=t.clientY,this.tooltipMouseMove.emit({x:this.cursorX,y:this.cursorY}),this.lastTrackTime=o,this.isVisible&&(this.followCursor||this.trackMouse)&&this.updatePosition())}};handleClick=t=>{t.stopPropagation(),this.openAtMousePosition&&(this.mouseClickX=t.clientX,this.mouseClickY=t.clientY),this.tooltipClick.emit(t),this.isVisible?this.forceHide():this.show()};handleDocumentClick=t=>{if(this.isVisible&&"click"===this.trigger){const o=t.target;this.el.contains(o)||!this.tooltipElement||this.tooltipElement.contains(o)||this.hide()}};handleFocus=()=>{this.show()};handleBlur=()=>{this.hide()};handleKeyDown=t=>{this.keyboard&&this.isVisible&&(this.tooltipKeydown.emit(t),"Escape"===t.key&&(t.preventDefault(),this.handleClose()))};handleTouchStart=t=>{this.touchStartTime=Date.now(),this.tooltipTouchStart.emit(t)};handleTouchEnd=t=>{const o=Date.now()-this.touchStartTime;this.tooltipTouchEnd.emit(t),o>=this.longPressDuration&&(t.preventDefault(),this.isVisible?this.hide():this.show())};handleTouchCancel=()=>{this.touchStartTime=0};handleClose=()=>{this.tooltipClose.emit(),this.forceHide()};handleWindowEvents=()=>{this.isVisible&&this.updatePosition()};addWindowListeners(){window.addEventListener("resize",this.handleWindowEvents),window.addEventListener("scroll",this.handleWindowEvents,!0)}removeWindowListeners(){window.removeEventListener("resize",this.handleWindowEvents),window.removeEventListener("scroll",this.handleWindowEvents,!0)}handleTooltipMouseEnter=()=>{this.interactive&&this.clearTimeouts()};handleTooltipMouseLeave=()=>{this.interactive&&(this.hideTimeout=window.setTimeout((()=>{this.hide()}),this.hideDelay))};migrateSlotsToTooltip(){if(!this.tooltipElement)return;const t=(t,o)=>{if(t&&o)for(;t.firstChild;)o.appendChild(t.firstChild)};this.headerSlotSource&&this.headerSlotTarget&&t(this.headerSlotSource,this.headerSlotTarget),this.defaultSlotSource&&this.defaultSlotTarget&&t(this.defaultSlotSource,this.defaultSlotTarget),this.footerSlotSource&&this.footerSlotTarget&&t(this.footerSlotSource,this.footerSlotTarget)}restoreSlotsToHost(){if(!this.tooltipElement)return;const t=(t,i)=>{if(i&&t)for(;t.firstChild;){const s=t.firstChild;s instanceof o&&s.classList.contains("tooltip-loading-spinner")?t.removeChild(s):i.appendChild(s)}};this.headerSlotTarget&&this.headerSlotSource&&t(this.headerSlotTarget,this.headerSlotSource),this.defaultSlotTarget&&this.defaultSlotSource&&t(this.defaultSlotTarget,this.defaultSlotSource),this.footerSlotTarget&&this.footerSlotSource&&t(this.footerSlotTarget,this.footerSlotSource)}async show(){this.disabled||this.isVisible||(this.isVisible=!0,this.isPositioned=!1,this.trackIntervalId=requestAnimationFrame((()=>{this.trackIntervalId=requestAnimationFrame((()=>{this.trackIntervalId=0,this.el.isConnected&&(this.portal&&this.tooltipElement&&this.tooltipElement.parentElement!==document.body&&document.body.appendChild(this.tooltipElement),this.addWindowListeners(),this.migrateSlotsToTooltip(),this.updatePosition(),this.isPositioned=!0,this.tooltipShow.emit({position:this.currentPosition}),this.notifyGroupChange())}))})))}async hide(){this.isVisible&&(this.isPositioned=!1,this.sticky||(this.portal&&this.tooltipElement&&this.tooltipElement.parentElement===document.body?(this.restoreSlotsToHost(),this.el.appendChild(this.tooltipElement)):this.restoreSlotsToHost(),this.removeWindowListeners(),this.isVisible=!1,this.tooltipHide.emit(),this.notifyGroupChange()))}async forceHide(){this.isVisible&&(this.isPositioned=!1,this.portal&&this.tooltipElement&&this.tooltipElement.parentElement===document.body?(this.restoreSlotsToHost(),this.el.appendChild(this.tooltipElement)):this.restoreSlotsToHost(),this.removeWindowListeners(),this.isVisible=!1,this.tooltipHide.emit())}async toggle(){this.isVisible?this.hide():this.show()}updatePosition(){if(!this.tooltipElement||!this.targetElement)return;const t=this.targetElement.getBoundingClientRect(),o=this.tooltipElement.getBoundingClientRect(),i=this.offset;if(0===o.width||0===o.height)return void(this.updateRetries<5&&(this.updateRetries++,this.trackIntervalId=requestAnimationFrame((()=>this.updatePosition()))));this.updateRetries=0;let s="auto"===this.position?"top":this.position;const e={top:{top:t.top-o.height-i,left:t.left+(t.width-o.width)/2},bottom:{top:t.bottom+i,left:t.left+(t.width-o.width)/2},left:{top:t.top+(t.height-o.height)/2,left:t.left-o.width-i},right:{top:t.top+(t.height-o.height)/2,left:t.right+i},"top-left":{top:t.top-o.height-i,left:t.left},"top-right":{top:t.top-o.height-i,left:t.right-o.width},"bottom-left":{top:t.bottom+i,left:t.left},"bottom-right":{top:t.bottom+i,left:t.right-o.width}};this.openAtMousePosition&&"click"===this.trigger&&this.mouseClickX&&this.mouseClickY?e[s]={top:this.mouseClickY+i,left:this.mouseClickX+i}:(this.followCursor||this.trackMouse)&&"hover"===this.trigger&&(e[s]={top:this.cursorY+i,left:this.cursorX+i});let r=s,l=e[s];if(this.autoFlip&&!this.followCursor&&!this.trackMouse&&!this.openAtMousePosition){const t=window.innerWidth,i=window.innerHeight;l.top<0&&s.includes("top")?(r=s.replace("top","bottom"),l=e[r]||e.bottom):l.top+o.height>i&&s.includes("bottom")&&(r=s.replace("bottom","top"),l=e[r]||e.top),l.left<0&&s.includes("left")?(r=s.replace("left","right"),l=e[r]||e.right):l.left+o.width>t&&s.includes("right")&&(r=s.replace("right","left"),l=e[r]||e.left)}if(this.autoShift){let t={top:0,left:0,width:window.innerWidth,height:window.innerHeight};if(this.boundary){const o=document.querySelector(this.boundary);if(o){const i=o.getBoundingClientRect();t={top:i.top,left:i.left,width:i.width,height:i.height}}}const i=8;l.left<t.left+i?l.left=t.left+i:l.left+o.width>t.left+t.width-i&&(l.left=t.left+t.width-o.width-i),l.top<t.top+i?l.top=t.top+i:l.top+o.height>t.top+t.height-i&&(l.top=t.top+t.height-o.height-i)}this.currentPosition=r;const a=Math.max(0,Math.round(l.top)),p=Math.max(0,Math.round(l.left));this.tooltipElement.style.top=`${a}px`,this.tooltipElement.style.left=`${p}px`}render(){const t={tooltip:!0,"tooltip-visible":this.isVisible&&this.isPositioned,[`tooltip-${this.variant}`]:!this.customColor&&!this.textColor,[`tooltip-${this.currentPosition}`]:!0,[`tooltip-${this.size}`]:!0,[`tooltip-animation-${this.animation}`]:!0,"tooltip-interactive":this.interactive,"tooltip-follow-cursor":this.followCursor||this.trackMouse,"tooltip-custom-color":!!this.customColor||!!this.textColor,"tooltip-loading":this.loading,"tooltip-sticky":this.sticky,"tooltip-closable":this.closable,"tooltip-glow":this.showGlow,[`tooltip-elevation-${this.elevation}`]:this.elevation>0,[`tooltip-shape-${this.shape}`]:!0,...this.customClass?{[this.customClass]:!0}:{}},o=s("div",{key:"5e5c75b174869faf89475e47c40e2f733ca639cb",class:t,style:{"--tooltip-max-width":`${this.maxWidth}px`,"--tooltip-z-index":this.zIndex.toString(),"--tooltip-transition-duration":`${this.transitionDuration}ms`,"--tooltip-transition-timing":this.transitionTiming,"--tooltip-arrow-size":`${this.arrowSize}px`,...this.customColor?{"--tooltip-bg-color":this.customColor}:{},...this.textColor?{"--tooltip-text-color":this.textColor}:{}},ref:t=>this.tooltipElement=t,onMouseEnter:this.handleTooltipMouseEnter,onMouseLeave:this.handleTooltipMouseLeave,role:"tooltip","aria-live":"polite"},this.closable&&s("ui-button",{key:"c782e3113216319ed2ac22f3c35b446b9ce7edf8",variant:"ghost",class:"tooltip-close",onClick:this.handleClose,ariaLabel:"Close tooltip",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"}),this.showHeader&&s("div",{key:"e05c1bda9cb7cb892195c71efb19ffbd4169790c",class:"tooltip-header"},s("div",{key:"a6cf727d9c266a6e6b7448726116ba804a38104f",ref:t=>this.headerSlotTarget=t})),s("div",{key:"cc4d88f048bc46cfdd2eebbfdd47c8ffa6b93ed3",class:"tooltip-content"},this.loading?s("div",{class:"tooltip-loading-spinner"},s("ui-icon",{name:"loader",library:"lucide",spin:!0}),s("span",null,"Loading...")):this.html?s("div",{innerHTML:l(this.content)}):s("span",null,this.content),s("div",{key:"8dd2fcb7e5262cbe06c70be5c10093d44e930335",class:"tooltip-slot-content",ref:t=>this.defaultSlotTarget=t})),this.showFooter&&s("div",{key:"26ce70cb64df924dcae94ef69b58392a9d36c209",class:"tooltip-footer"},s("div",{key:"34e503228a04d14459a0d8d06298ffb2a4024a5f",ref:t=>this.footerSlotTarget=t})),this.arrow&&s("div",{key:"69001577b02dbca5c611876ccf6f23deed2729c1",class:"tooltip-arrow"}));return s(e,{key:"307752cb0fd187a5e6e730d210695ab306cc56c0"},s("div",{key:"54368e7a646845a67938888ba9f9d5f43adb60f5",class:"tooltip-wrapper"},s("slot",{key:"4137b0ece48c46cec089ea3c25a3d2dd8627a4d2",name:"target"})),this.isVisible&&o,s("div",{key:"9953d7fe69e1696350bd17f3a884350e840ead76",class:"tooltip-slot-source",style:{display:"none"},"aria-hidden":"true"},s("div",{key:"e725fb6982d649ec5a9c650a21f5d2f03aa474e2",ref:t=>this.defaultSlotSource=t},s("slot",{key:"11f51228e8a76bd5e2ea7c26a02bc0d5ae046010"})),s("div",{key:"e01d0037a906144fef1ed7908f784b8564340e5e",ref:t=>this.headerSlotSource=t},s("slot",{key:"f878b0f6724fb0005bec621cc846f76f26528569",name:"header"})),s("div",{key:"ff99e07c1ebcd501954c4eca287f62dfc024786f",ref:t=>this.footerSlotSource=t},s("slot",{key:"0a86e94fcb161cdc792acc33be982f0952d28823",name:"footer"}))))}static get watchers(){return{visible:[{watchVisible:0}]}}static get style(){return'.sr-only.sc-ui-tooltip{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only.sc-ui-tooltip{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.sc-ui-tooltip-h{display:inline-block;position:relative}.tooltip-wrapper.sc-ui-tooltip{display:inline-block}.tooltip.sc-ui-tooltip{position:fixed;max-width:var(--tooltip-max-width, 300px);min-width:max-content;width:max-content;padding:8px 12px;border-radius:6px;font-size:14px;line-height:1.4;font-weight:400;z-index:var(--tooltip-z-index, var(--z-tooltip, 310));pointer-events:none;opacity:0;transition:opacity var(--tooltip-transition-duration, 200ms) var(--tooltip-transition-timing, ease), transform var(--tooltip-transition-duration, 200ms) var(--tooltip-transition-timing, ease);word-wrap:break-word;overflow-wrap:break-word;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);will-change:transform, opacity;white-space:normal}.tooltip.tooltip-interactive.sc-ui-tooltip{pointer-events:auto;cursor:default}.tooltip.tooltip-custom-color.sc-ui-tooltip{background:var(--tooltip-bg-color) !important;color:var(--tooltip-text-color, var(--text-standard, #ffffff)) !important;border-color:var(--tooltip-bg-color) !important}.tooltip-content.sc-ui-tooltip{position:relative;z-index:1;display:block;width:100%;text-align:center}.tooltip-visible.sc-ui-tooltip{opacity:1;pointer-events:auto}.tooltip-dark.sc-ui-tooltip{background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);border:1px solid var(--border-default, #374151)}.tooltip-light.sc-ui-tooltip{background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);border:1px solid var(--border-default, #e5e7eb);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15)}.tooltip-primary.sc-ui-tooltip{background:linear-gradient(135deg, var(--color-success, #3dcd58) 0%, var(--color-success, #009B4E) 100%);color:var(--text-standard, #ffffff);border:1px solid var(--color-success, #009B4E)}.tooltip-info.sc-ui-tooltip{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff);border:1px solid var(--color-primary-hover, #2563eb)}.tooltip-success.sc-ui-tooltip{background:var(--color-success, #10b981);color:var(--text-standard, #ffffff);border:1px solid var(--color-success-hover, #059669)}.tooltip-warning.sc-ui-tooltip{background:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff);border:1px solid var(--color-warning-hover, #d97706)}.tooltip-error.sc-ui-tooltip{background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff);border:1px solid var(--color-danger-hover, #dc2626)}.tooltip-glass.sc-ui-tooltip{background:rgba(255, 255, 255, 0.15) !important;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.2);color:var(--text-standard, #ffffff);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.37)}.tooltip-glass.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:rgba(255, 255, 255, 0.15);border:none;backdrop-filter:blur(12px)}.tooltip-arrow.sc-ui-tooltip{position:absolute;width:var(--tooltip-arrow-size, 8px);height:var(--tooltip-arrow-size, 8px);transform:rotate(45deg);z-index:0}.tooltip-custom-color.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--tooltip-bg-color);border-right:1px solid var(--tooltip-bg-color);border-bottom:1px solid var(--tooltip-bg-color)}.tooltip-dark.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--bg-primary, #1f2937);border-right:1px solid var(--border-default, #374151);border-bottom:1px solid var(--border-default, #374151)}.tooltip-light.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--bg-primary, #ffffff);border-right:1px solid var(--border-default, #e5e7eb);border-bottom:1px solid var(--border-default, #e5e7eb)}.tooltip-primary.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:linear-gradient(135deg, var(--color-success, #3dcd58) 0%, var(--color-success, #009B4E) 100%);border-right:1px solid var(--color-success, #009B4E);border-bottom:1px solid var(--color-success, #009B4E)}.tooltip-info.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--color-primary, #10b981);border-right:1px solid var(--color-primary-hover, #2563eb);border-bottom:1px solid var(--color-primary-hover, #2563eb)}.tooltip-success.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--color-success, #10b981);border-right:1px solid var(--color-success-hover, #059669);border-bottom:1px solid var(--color-success-hover, #059669)}.tooltip-warning.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--color-warning, #f59e0b);border-right:1px solid var(--color-warning-hover, #d97706);border-bottom:1px solid var(--color-warning-hover, #d97706)}.tooltip-error.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--color-danger, #ef4444);border-right:1px solid var(--color-danger-hover, #dc2626);border-bottom:1px solid var(--color-danger-hover, #dc2626)}.tooltip-glass.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:rgba(255, 255, 255, 0.2);border:1px solid rgba(255, 255, 255, 0.1)}.tooltip-top.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip,.tooltip-top-left.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip,.tooltip-top-right.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{bottom:calc(var(--tooltip-arrow-size, 8px) / -2);left:50%;transform:translateX(-50%) rotate(45deg)}.tooltip-top-left.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{left:16px;transform:rotate(45deg)}.tooltip-top-right.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{left:auto;right:16px;transform:rotate(45deg)}.tooltip-bottom.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip,.tooltip-bottom-left.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip,.tooltip-bottom-right.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{top:calc(var(--tooltip-arrow-size, 8px) / -2);left:50%;transform:translateX(-50%) rotate(-135deg)}.tooltip-bottom-left.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{left:16px;transform:rotate(-135deg)}.tooltip-bottom-right.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{left:auto;right:16px;transform:rotate(-135deg)}.tooltip-left.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{right:calc(var(--tooltip-arrow-size, 8px) / -2);top:50%;transform:translateY(-50%) rotate(135deg)}.tooltip-right.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{left:calc(var(--tooltip-arrow-size, 8px) / -2);top:50%;transform:translateY(-50%) rotate(-45deg)}.tooltip-animation-fade.sc-ui-tooltip{transition:opacity 0.2s ease}.tooltip-animation-slide.tooltip-top.sc-ui-tooltip,.tooltip-animation-slide.tooltip-top-left.sc-ui-tooltip,.tooltip-animation-slide.tooltip-top-right.sc-ui-tooltip{transform:translateY(10px)}.tooltip-animation-slide.tooltip-top.tooltip-visible.sc-ui-tooltip,.tooltip-animation-slide.tooltip-top-left.tooltip-visible.sc-ui-tooltip,.tooltip-animation-slide.tooltip-top-right.tooltip-visible.sc-ui-tooltip{transform:translateY(0)}.tooltip-animation-slide.tooltip-bottom.sc-ui-tooltip,.tooltip-animation-slide.tooltip-bottom-left.sc-ui-tooltip,.tooltip-animation-slide.tooltip-bottom-right.sc-ui-tooltip{transform:translateY(-10px)}.tooltip-animation-slide.tooltip-bottom.tooltip-visible.sc-ui-tooltip,.tooltip-animation-slide.tooltip-bottom-left.tooltip-visible.sc-ui-tooltip,.tooltip-animation-slide.tooltip-bottom-right.tooltip-visible.sc-ui-tooltip{transform:translateY(0)}.tooltip-animation-slide.tooltip-left.sc-ui-tooltip{transform:translateX(10px)}.tooltip-animation-slide.tooltip-left.tooltip-visible.sc-ui-tooltip{transform:translateX(0)}.tooltip-animation-slide.tooltip-right.sc-ui-tooltip{transform:translateX(-10px)}.tooltip-animation-slide.tooltip-right.tooltip-visible.sc-ui-tooltip{transform:translateX(0)}.tooltip-animation-scale.sc-ui-tooltip{transform:scale(0.8)}.tooltip-animation-scale.tooltip-visible.sc-ui-tooltip{transform:scale(1)}.tooltip-animation-bounce.tooltip-visible.sc-ui-tooltip{animation:tooltipBounce 0.4s ease}@keyframes tooltipBounce{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.95)}100%{transform:scale(1)}}.tooltip-animation-none.sc-ui-tooltip{transition:none}.tooltip-follow-cursor.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{display:none}.tooltip-interactive.sc-ui-tooltip:hover{opacity:1}.tooltip-content.sc-ui-tooltip a.sc-ui-tooltip{color:inherit;text-decoration:underline}.tooltip-content.sc-ui-tooltip a.sc-ui-tooltip:hover{opacity:0.8}.tooltip-content.sc-ui-tooltip strong.sc-ui-tooltip{font-weight:600}.tooltip-content.sc-ui-tooltip em.sc-ui-tooltip{font-style:italic}.tooltip-content.sc-ui-tooltip code.sc-ui-tooltip{padding:2px 4px;border-radius:3px;font-family:"Courier New", monospace;font-size:90%}.tooltip-content.sc-ui-tooltip ul.sc-ui-tooltip,.tooltip-content.sc-ui-tooltip ol.sc-ui-tooltip{margin:4px 0;padding-left:20px}.tooltip-content.sc-ui-tooltip li.sc-ui-tooltip{margin:2px 0}.tooltip-dark.sc-ui-tooltip .tooltip-content.sc-ui-tooltip code.sc-ui-tooltip{background:rgba(255, 255, 255, 0.1);color:var(--color-primary, #93c5fd)}.tooltip-light.sc-ui-tooltip .tooltip-content.sc-ui-tooltip code.sc-ui-tooltip{background:rgba(0, 0, 0, 0.05);color:var(--color-danger-hover, #dc2626)}@media (max-width: 768px){.tooltip.sc-ui-tooltip{max-width:calc(100vw - 32px);font-size:13px}}.tooltip[aria-hidden=true].sc-ui-tooltip{display:none}@media print{.tooltip.sc-ui-tooltip{display:none !important}}.tooltip-sm.sc-ui-tooltip{padding:4px 8px;font-size:12px;max-width:200px}.tooltip-md.sc-ui-tooltip{padding:8px 12px;font-size:14px;max-width:300px}.tooltip-lg.sc-ui-tooltip{padding:12px 16px;font-size:16px;max-width:400px}.tooltip-shape-rounded.sc-ui-tooltip{border-radius:6px}.tooltip-shape-square.sc-ui-tooltip{border-radius:0}.tooltip-shape-pill.sc-ui-tooltip{border-radius:9999px;padding-left:16px;padding-right:16px}.tooltip-elevation-1.sc-ui-tooltip{box-shadow:0 4px 8px rgba(0, 0, 0, 0.15)}.tooltip-elevation-2.sc-ui-tooltip{box-shadow:0 8px 16px rgba(0, 0, 0, 0.2)}.tooltip-elevation-3.sc-ui-tooltip{box-shadow:0 12px 24px rgba(0, 0, 0, 0.25)}.tooltip-elevation-4.sc-ui-tooltip{box-shadow:0 16px 32px rgba(0, 0, 0, 0.3)}.tooltip-elevation-5.sc-ui-tooltip{box-shadow:0 20px 40px rgba(0, 0, 0, 0.35)}.tooltip-glow.sc-ui-tooltip::after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg, rgba(59, 130, 246, 0.5), rgba(139, 92, 246, 0.5), rgba(236, 72, 153, 0.5), rgba(59, 130, 246, 0.5));background-size:400% 400%;border-radius:inherit;z-index:-1;filter:blur(8px);animation:tooltipPremiumGlow 3s ease infinite;opacity:0.6}@keyframes tooltipPremiumGlow{0%{background-position:0% 50%;opacity:0.4}50%{background-position:100% 50%;opacity:0.7}100%{background-position:0% 50%;opacity:0.4}}@keyframes tooltipGlowPulse{0%,100%{opacity:0.3;transform:scale(1)}50%{opacity:0.6;transform:scale(1.02)}}.tooltip-close.sc-ui-tooltip{position:absolute;top:4px;right:4px;width:20px;height:20px;padding:0;background:rgba(0, 0, 0, 0.2);border:none;border-radius:50%;color:currentColor;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:2;transition:background 0.2s ease}.tooltip-close.sc-ui-tooltip:hover{background:rgba(0, 0, 0, 0.4)}.tooltip-close.sc-ui-tooltip:focus{outline:2px solid currentColor;outline-offset:2px}.tooltip-close.sc-ui-tooltip ui-icon.sc-ui-tooltip{--size:10px}.tooltip-light.sc-ui-tooltip .tooltip-close.sc-ui-tooltip{background:rgba(0, 0, 0, 0.1)}.tooltip-light.sc-ui-tooltip .tooltip-close.sc-ui-tooltip:hover{background:rgba(0, 0, 0, 0.2)}.tooltip-closable.sc-ui-tooltip{padding-right:32px}.tooltip-loading.sc-ui-tooltip .tooltip-content.sc-ui-tooltip{min-height:40px;display:flex;align-items:center;justify-content:center}.tooltip-loading-spinner.sc-ui-tooltip{display:flex;align-items:center;gap:8px}.tooltip-loading-spinner.sc-ui-tooltip ui-icon.sc-ui-tooltip{--size:16px}.tooltip-loading-spinner.sc-ui-tooltip span.sc-ui-tooltip{font-size:13px}.tooltip-header.sc-ui-tooltip{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid rgba(255, 255, 255, 0.2);font-weight:600;font-size:14px}.tooltip-light.sc-ui-tooltip .tooltip-header.sc-ui-tooltip{border-bottom-color:rgba(0, 0, 0, 0.1)}.tooltip-footer.sc-ui-tooltip{padding-top:8px;margin-top:8px;border-top:1px solid rgba(255, 255, 255, 0.2);font-size:12px;display:flex;gap:8px;justify-content:flex-end}.tooltip-light.sc-ui-tooltip .tooltip-footer.sc-ui-tooltip{border-top-color:rgba(0, 0, 0, 0.1)}.tooltip-sticky.sc-ui-tooltip{pointer-events:auto;box-shadow:0 4px 16px rgba(0, 0, 0, 0.2)}.tooltip-sticky.sc-ui-tooltip::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 59, 130, 246), 0.5);opacity:0.6;pointer-events:none}@media (hover: none) and (pointer: coarse){.tooltip.sc-ui-tooltip{font-size:14px;padding:10px 14px}.tooltip-sm.sc-ui-tooltip{font-size:13px;padding:8px 12px}.tooltip-lg.sc-ui-tooltip{font-size:15px;padding:12px 16px}}'}},[774,"ui-tooltip",{content:[1],position:[1],trigger:[1],variant:[1],animation:[1],arrow:[4],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],maxWidth:[2,"max-width"],offset:[2],html:[4],interactive:[4],disabled:[4],customClass:[1,"custom-class"],zIndex:[2,"z-index"],followCursor:[4,"follow-cursor"],autoFlip:[4,"auto-flip"],visible:[4],customColor:[1,"custom-color"],textColor:[1,"text-color"],transitionDuration:[2,"transition-duration"],transitionTiming:[1,"transition-timing"],arrowSize:[2,"arrow-size"],openAtMousePosition:[4,"open-at-mouse-position"],trackMouse:[4,"track-mouse"],trackInterval:[2,"track-interval"],autoShift:[4,"auto-shift"],closable:[4],keyboard:[4],portal:[4],allowNested:[4,"allow-nested"],loading:[4],size:[1],longPressDuration:[2,"long-press-duration"],boundary:[1],groupId:[1,"group-id"],sticky:[4],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],closeOnClickOutside:[4,"close-on-click-outside"],elevation:[2],shape:[1],showGlow:[4,"show-glow"],isVisible:[32],isPositioned:[32],currentPosition:[32],cursorX:[32],cursorY:[32],mouseClickX:[32],mouseClickY:[32],touchStartTime:[32],isTouchDevice:[32],show:[64],hide:[64],forceHide:[64],toggle:[64]},void 0,{visible:[{watchVisible:0}]}]);function d(){"undefined"!=typeof customElements&&["ui-tooltip","ui-badge","ui-button","ui-icon","ui-loader"].forEach((t=>{switch(t){case"ui-tooltip":customElements.get(r(t))||customElements.define(r(t),h);break;case"ui-badge":customElements.get(r(t))||n();break;case"ui-button":customElements.get(r(t))||p();break;case"ui-icon":customElements.get(r(t))||a();break;case"ui-loader":customElements.get(r(t))||c()}}))}export{h as T,d}
+import{proxyCustomElement as t,HTMLElement as o,createEvent as i,h as s,Host as e,transformTag as r}from"@stencil/core/internal/client";import{s as l,d as a}from"./icon.js";import{d as p}from"./badge.js";import{d as n}from"./button.js";import{d as c}from"./loader.js";const h=t(class t extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.tooltipShow=i(this,"tooltipShow",7),this.tooltipHide=i(this,"tooltipHide",7),this.tooltipClick=i(this,"tooltipClick",7),this.tooltipMouseEnter=i(this,"tooltipMouseEnter",7),this.tooltipMouseLeave=i(this,"tooltipMouseLeave",7),this.tooltipMouseMove=i(this,"tooltipMouseMove",7),this.tooltipClose=i(this,"tooltipClose",7),this.tooltipKeydown=i(this,"tooltipKeydown",7),this.tooltipTouchStart=i(this,"tooltipTouchStart",7),this.tooltipTouchEnd=i(this,"tooltipTouchEnd",7)}get el(){return this}content="";position="top";trigger="hover";variant="dark";animation="fade-in";arrow=!0;showDelay=0;hideDelay=0;maxWidth=300;offset=8;html=!1;interactive=!1;disabled=!1;customClass="";zIndex=9999;followCursor=!1;autoFlip=!0;visible=!1;customColor="";textColor="";transitionDuration=200;transitionTiming="ease";arrowSize=8;openAtMousePosition=!1;trackMouse=!1;trackInterval=16;autoShift=!0;closable=!1;keyboard=!0;portal=!0;allowNested=!1;loading=!1;size="md";longPressDuration=500;boundary="";groupId="";sticky=!1;showHeader=!1;showFooter=!1;closeOnClickOutside=!0;elevation=0;shape="rounded";showGlow=!1;isVisible=!1;isPositioned=!1;currentPosition="top";cursorX=0;cursorY=0;mouseClickX=0;mouseClickY=0;touchStartTime=0;isTouchDevice=!1;tooltipShow;tooltipHide;tooltipClick;tooltipMouseEnter;tooltipMouseLeave;tooltipMouseMove;tooltipClose;tooltipKeydown;tooltipTouchStart;tooltipTouchEnd;targetElement;tooltipElement;defaultSlotSource;headerSlotSource;footerSlotSource;defaultSlotTarget;headerSlotTarget;footerSlotTarget;showTimeout;hideTimeout;observer;trackIntervalId=0;lastTrackTime=0;resizeObserver;updateRetries=0;static groupListeners=new Map;notifyGroupChange(){this.groupId&&(t.groupListeners.get(this.groupId)||[]).forEach((t=>t(this.isVisible?this.groupId:"")))}handleGroupChange=()=>{};watchVisible(t){"manual"===this.trigger&&(t?this.show():this.hide())}componentDidLoad(){this.targetElement=this.el.querySelector('[slot="target"]'),this.targetElement?(this.isTouchDevice="ontouchstart"in window||navigator.maxTouchPoints>0,this.setupEventListeners(),this.keyboard&&document.addEventListener("keydown",this.handleKeyDown),this.visible&&"manual"===this.trigger&&this.show(),this.observer&&this.el&&this.observer.observe(this.el,{childList:!0,subtree:!0}),this.targetElement&&"ResizeObserver"in window&&(this.resizeObserver=new ResizeObserver((()=>{this.isVisible&&this.updatePosition()})),this.resizeObserver&&this.targetElement&&this.resizeObserver.observe(this.targetElement)),this.groupId&&(t.groupListeners.has(this.groupId)||t.groupListeners.set(this.groupId,[]),t.groupListeners.get(this.groupId).push(this.handleGroupChange))):console.warn('tooltip: No element with slot="target" found')}disconnectedCallback(){if(this.removeEventListeners(),this.observer&&this.observer.disconnect(),this.resizeObserver&&this.resizeObserver.disconnect(),this.clearTimeouts(),this.removeWindowListeners(),this.keyboard&&document.removeEventListener("keydown",this.handleKeyDown),this.portal&&this.tooltipElement&&this.tooltipElement.parentNode&&this.tooltipElement.parentNode.removeChild(this.tooltipElement),this.groupId){const o=t.groupListeners.get(this.groupId)||[],i=o.indexOf(this.handleGroupChange);-1!==i&&o.splice(i,1)}}setupEventListeners(){if(!this.disabled){switch(this.trigger){case"hover":this.targetElement.addEventListener("mouseenter",this.handleMouseEnter),this.targetElement.addEventListener("mouseleave",this.handleMouseLeave),this.followCursor&&this.targetElement.addEventListener("mousemove",this.handleMouseMove);break;case"click":this.targetElement.addEventListener("click",this.handleClick),this.closeOnClickOutside&&document.addEventListener("click",this.handleDocumentClick);break;case"focus":this.targetElement.addEventListener("focus",this.handleFocus),this.targetElement.addEventListener("blur",this.handleBlur)}this.isTouchDevice&&(this.targetElement.addEventListener("touchstart",this.handleTouchStart),this.targetElement.addEventListener("touchend",this.handleTouchEnd),this.targetElement.addEventListener("touchcancel",this.handleTouchCancel))}}removeEventListeners(){this.targetElement&&(this.targetElement.removeEventListener("mouseenter",this.handleMouseEnter),this.targetElement.removeEventListener("mouseleave",this.handleMouseLeave),this.targetElement.removeEventListener("mousemove",this.handleMouseMove),this.targetElement.removeEventListener("click",this.handleClick),this.targetElement.removeEventListener("focus",this.handleFocus),this.targetElement.removeEventListener("blur",this.handleBlur),this.targetElement.removeEventListener("touchstart",this.handleTouchStart),this.targetElement.removeEventListener("touchend",this.handleTouchEnd),this.targetElement.removeEventListener("touchcancel",this.handleTouchCancel)),document.removeEventListener("click",this.handleDocumentClick)}clearTimeouts(){this.showTimeout&&clearTimeout(this.showTimeout),this.hideTimeout&&clearTimeout(this.hideTimeout),this.trackIntervalId&&(cancelAnimationFrame(this.trackIntervalId),this.trackIntervalId=0)}handleMouseEnter=t=>{this.trackMouse&&(this.cursorX=t.clientX,this.cursorY=t.clientY,this.tooltipMouseEnter.emit(t)),this.clearTimeouts(),this.showTimeout=window.setTimeout((()=>{this.show()}),this.showDelay)};handleMouseLeave=t=>{this.tooltipMouseLeave.emit(t),this.clearTimeouts(),this.trackIntervalId&&cancelAnimationFrame(this.trackIntervalId),this.hideTimeout=this.interactive?window.setTimeout((()=>{this.tooltipElement&&!this.tooltipElement.matches(":hover")&&this.hide()}),this.hideDelay+100):window.setTimeout((()=>{this.hide()}),this.hideDelay)};handleMouseMove=t=>{if(this.followCursor||this.trackMouse){const o=performance.now();o-this.lastTrackTime>=this.trackInterval&&(this.cursorX=t.clientX,this.cursorY=t.clientY,this.tooltipMouseMove.emit({x:this.cursorX,y:this.cursorY}),this.lastTrackTime=o,this.isVisible&&(this.followCursor||this.trackMouse)&&this.updatePosition())}};handleClick=t=>{t.stopPropagation(),this.openAtMousePosition&&(this.mouseClickX=t.clientX,this.mouseClickY=t.clientY),this.tooltipClick.emit(t),this.isVisible?this.forceHide():this.show()};handleDocumentClick=t=>{if(this.isVisible&&"click"===this.trigger){const o=t.target;this.el.contains(o)||!this.tooltipElement||this.tooltipElement.contains(o)||this.hide()}};handleFocus=()=>{this.show()};handleBlur=()=>{this.hide()};handleKeyDown=t=>{this.keyboard&&this.isVisible&&(this.tooltipKeydown.emit(t),"Escape"===t.key&&(t.preventDefault(),this.handleClose()))};handleTouchStart=t=>{this.touchStartTime=Date.now(),this.tooltipTouchStart.emit(t)};handleTouchEnd=t=>{const o=Date.now()-this.touchStartTime;this.tooltipTouchEnd.emit(t),o>=this.longPressDuration&&(t.preventDefault(),this.isVisible?this.hide():this.show())};handleTouchCancel=()=>{this.touchStartTime=0};handleClose=()=>{this.tooltipClose.emit(),this.forceHide()};handleWindowEvents=()=>{this.isVisible&&this.updatePosition()};addWindowListeners(){window.addEventListener("resize",this.handleWindowEvents),window.addEventListener("scroll",this.handleWindowEvents,!0)}removeWindowListeners(){window.removeEventListener("resize",this.handleWindowEvents),window.removeEventListener("scroll",this.handleWindowEvents,!0)}handleTooltipMouseEnter=()=>{this.interactive&&this.clearTimeouts()};handleTooltipMouseLeave=()=>{this.interactive&&(this.hideTimeout=window.setTimeout((()=>{this.hide()}),this.hideDelay))};migrateSlotsToTooltip(){if(!this.tooltipElement)return;const t=(t,o)=>{if(t&&o)for(;t.firstChild;)o.appendChild(t.firstChild)};this.headerSlotSource&&this.headerSlotTarget&&t(this.headerSlotSource,this.headerSlotTarget),this.defaultSlotSource&&this.defaultSlotTarget&&t(this.defaultSlotSource,this.defaultSlotTarget),this.footerSlotSource&&this.footerSlotTarget&&t(this.footerSlotSource,this.footerSlotTarget)}restoreSlotsToHost(){if(!this.tooltipElement)return;const t=(t,i)=>{if(i&&t)for(;t.firstChild;){const s=t.firstChild;s instanceof o&&s.classList.contains("tooltip-loading-spinner")?t.removeChild(s):i.appendChild(s)}};this.headerSlotTarget&&this.headerSlotSource&&t(this.headerSlotTarget,this.headerSlotSource),this.defaultSlotTarget&&this.defaultSlotSource&&t(this.defaultSlotTarget,this.defaultSlotSource),this.footerSlotTarget&&this.footerSlotSource&&t(this.footerSlotTarget,this.footerSlotSource)}async show(){this.disabled||this.isVisible||(this.isVisible=!0,this.isPositioned=!1,this.trackIntervalId=requestAnimationFrame((()=>{this.trackIntervalId=requestAnimationFrame((()=>{this.trackIntervalId=0,this.el.isConnected&&(this.portal&&this.tooltipElement&&this.tooltipElement.parentElement!==document.body&&document.body.appendChild(this.tooltipElement),this.addWindowListeners(),this.migrateSlotsToTooltip(),this.updatePosition(),this.isPositioned=!0,this.tooltipShow.emit({position:this.currentPosition}),this.notifyGroupChange())}))})))}async hide(){this.isVisible&&(this.isPositioned=!1,this.sticky||(this.portal&&this.tooltipElement&&this.tooltipElement.parentElement===document.body?(this.restoreSlotsToHost(),this.el.appendChild(this.tooltipElement)):this.restoreSlotsToHost(),this.removeWindowListeners(),this.isVisible=!1,this.tooltipHide.emit(),this.notifyGroupChange()))}async forceHide(){this.isVisible&&(this.isPositioned=!1,this.portal&&this.tooltipElement&&this.tooltipElement.parentElement===document.body?(this.restoreSlotsToHost(),this.el.appendChild(this.tooltipElement)):this.restoreSlotsToHost(),this.removeWindowListeners(),this.isVisible=!1,this.tooltipHide.emit())}async toggle(){this.isVisible?this.hide():this.show()}updatePosition(){if(!this.tooltipElement||!this.targetElement)return;const t=this.targetElement.getBoundingClientRect(),o=this.tooltipElement.getBoundingClientRect(),i=this.offset;if(0===o.width||0===o.height)return void(this.updateRetries<5&&(this.updateRetries++,this.trackIntervalId=requestAnimationFrame((()=>this.updatePosition()))));this.updateRetries=0;let s="auto"===this.position?"top":this.position;const e={top:{top:t.top-o.height-i,left:t.left+(t.width-o.width)/2},bottom:{top:t.bottom+i,left:t.left+(t.width-o.width)/2},left:{top:t.top+(t.height-o.height)/2,left:t.left-o.width-i},right:{top:t.top+(t.height-o.height)/2,left:t.right+i},"top-left":{top:t.top-o.height-i,left:t.left},"top-right":{top:t.top-o.height-i,left:t.right-o.width},"bottom-left":{top:t.bottom+i,left:t.left},"bottom-right":{top:t.bottom+i,left:t.right-o.width}};this.openAtMousePosition&&"click"===this.trigger&&this.mouseClickX&&this.mouseClickY?e[s]={top:this.mouseClickY+i,left:this.mouseClickX+i}:(this.followCursor||this.trackMouse)&&"hover"===this.trigger&&(e[s]={top:this.cursorY+i,left:this.cursorX+i});let r=s,l=e[s];if(this.autoFlip&&!this.followCursor&&!this.trackMouse&&!this.openAtMousePosition){const t=window.innerWidth,i=window.innerHeight;l.top<0&&s.includes("top")?(r=s.replace("top","bottom"),l=e[r]||e.bottom):l.top+o.height>i&&s.includes("bottom")&&(r=s.replace("bottom","top"),l=e[r]||e.top),l.left<0&&s.includes("left")?(r=s.replace("left","right"),l=e[r]||e.right):l.left+o.width>t&&s.includes("right")&&(r=s.replace("right","left"),l=e[r]||e.left)}if(this.autoShift){let t={top:0,left:0,width:window.innerWidth,height:window.innerHeight};if(this.boundary){const o=document.querySelector(this.boundary);if(o){const i=o.getBoundingClientRect();t={top:i.top,left:i.left,width:i.width,height:i.height}}}const i=8;l.left<t.left+i?l.left=t.left+i:l.left+o.width>t.left+t.width-i&&(l.left=t.left+t.width-o.width-i),l.top<t.top+i?l.top=t.top+i:l.top+o.height>t.top+t.height-i&&(l.top=t.top+t.height-o.height-i)}this.currentPosition=r;const a=Math.max(0,Math.round(l.top)),p=Math.max(0,Math.round(l.left));this.tooltipElement.style.top=`${a}px`,this.tooltipElement.style.left=`${p}px`}render(){const t={tooltip:!0,"tooltip-visible":this.isVisible&&this.isPositioned,[`tooltip-${this.variant}`]:!this.customColor&&!this.textColor,[`tooltip-${this.currentPosition}`]:!0,[`tooltip-${this.size}`]:!0,[`tooltip-animation-${this.animation}`]:!0,"tooltip-interactive":this.interactive,"tooltip-follow-cursor":this.followCursor||this.trackMouse,"tooltip-custom-color":!!this.customColor||!!this.textColor,"tooltip-loading":this.loading,"tooltip-sticky":this.sticky,"tooltip-closable":this.closable,"tooltip-glow":this.showGlow,[`tooltip-elevation-${this.elevation}`]:this.elevation>0,[`tooltip-shape-${this.shape}`]:!0,...this.customClass?{[this.customClass]:!0}:{}},o=s("div",{key:"8f1f9b9c8df2fa1d1b835dd339588329fa42fabb",class:t,style:{"--tooltip-max-width":`${this.maxWidth}px`,"--tooltip-z-index":this.zIndex.toString(),"--tooltip-transition-duration":`${this.transitionDuration}ms`,"--tooltip-transition-timing":this.transitionTiming,"--tooltip-arrow-size":`${this.arrowSize}px`,...this.customColor?{"--tooltip-bg-color":this.customColor}:{},...this.textColor?{"--tooltip-text-color":this.textColor}:{}},ref:t=>this.tooltipElement=t,onMouseEnter:this.handleTooltipMouseEnter,onMouseLeave:this.handleTooltipMouseLeave,role:"tooltip","aria-live":"polite"},this.closable&&s("ui-button",{key:"e384dec2ebdc9fd7b7087ff9c4bf4c4ae3a98ae7",variant:"ghost",class:"tooltip-close",onClick:this.handleClose,ariaLabel:"Close tooltip",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"}),this.showHeader&&s("div",{key:"b00552306d674fce854ea272c4e2aef14cf5db20",class:"tooltip-header"},s("div",{key:"cc0e8fc44d3af24ad68b4373f3b6e69a85fbf133",ref:t=>this.headerSlotTarget=t})),s("div",{key:"907a00f18eba5a5f75b719addfcf28d02775b33d",class:"tooltip-content"},this.loading?s("div",{class:"tooltip-loading-spinner"},s("ui-icon",{name:"loader",library:"lucide",spin:!0}),s("span",null,"Loading...")):this.html?s("div",{innerHTML:l(this.content)}):s("span",null,this.content),s("div",{key:"c164836ecfc1289304ba3ba58f650e6788b4c88c",class:"tooltip-slot-content",ref:t=>this.defaultSlotTarget=t})),this.showFooter&&s("div",{key:"1e59e1c7bcd606f4dafbb9552b41820f86ff7e0b",class:"tooltip-footer"},s("div",{key:"5822507a3c373caf240ad3fa1192985ad4e32325",ref:t=>this.footerSlotTarget=t})),this.arrow&&s("div",{key:"93c2f3ad8b75d9d5107eefc0470c9a56202d265b",class:"tooltip-arrow"}));return s(e,{key:"a3b89e2ca5f7485b2472287927afb259da835c1f"},s("div",{key:"3317d76132c0e01199f03c927539ba6d6b44bfbc",class:"tooltip-wrapper"},s("slot",{key:"93a6facacc00058a53bb83de4e37e836741d7b42",name:"target"})),this.isVisible&&o,s("div",{key:"a07f61c4fadf478ef647964e8b86f9bdc57299d8",class:"tooltip-slot-source",style:{display:"none"},"aria-hidden":"true"},s("div",{key:"96b5c2be37eac9c5c6fb60e16d63cf46c294c540",ref:t=>this.defaultSlotSource=t},s("slot",{key:"7e13e89470a73981e412f5016fd7dd8ec00e2d03"})),s("div",{key:"75a180465f3bac9ce4a3c24dbeca4ab98dc4be5b",ref:t=>this.headerSlotSource=t},s("slot",{key:"e79f03abfa7485a8336cf576ecaf04ed48c7203d",name:"header"})),s("div",{key:"2b74af20c38016fbeda92bae42c65bf4b365369d",ref:t=>this.footerSlotSource=t},s("slot",{key:"3ed95162a73fde60fea6a96b6a13de5beb4054de",name:"footer"}))))}static get watchers(){return{visible:[{watchVisible:0}]}}static get style(){return'.sr-only.sc-ui-tooltip{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only.sc-ui-tooltip{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.sc-ui-tooltip-h{display:inline-block;position:relative}.tooltip-wrapper.sc-ui-tooltip{display:inline-block}.tooltip.sc-ui-tooltip{position:fixed;max-width:var(--tooltip-max-width, 300px);min-width:max-content;width:max-content;padding:8px 12px;border-radius:6px;font-size:14px;line-height:1.4;font-weight:400;z-index:var(--tooltip-z-index, var(--z-tooltip, 310));pointer-events:none;opacity:0;transition:opacity var(--tooltip-transition-duration, 200ms) var(--tooltip-transition-timing, ease), transform var(--tooltip-transition-duration, 200ms) var(--tooltip-transition-timing, ease);word-wrap:break-word;overflow-wrap:break-word;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);will-change:transform, opacity;white-space:normal}.tooltip.tooltip-interactive.sc-ui-tooltip{pointer-events:auto;cursor:default}.tooltip.tooltip-custom-color.sc-ui-tooltip{background:var(--tooltip-bg-color) !important;color:var(--tooltip-text-color, var(--text-standard, #ffffff)) !important;border-color:var(--tooltip-bg-color) !important}.tooltip-content.sc-ui-tooltip{position:relative;z-index:1;display:block;width:100%;text-align:center}.tooltip-visible.sc-ui-tooltip{opacity:1;pointer-events:auto}.tooltip-dark.sc-ui-tooltip{background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);border:1px solid var(--border-default, #374151)}.tooltip-light.sc-ui-tooltip{background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);border:1px solid var(--border-default, #e5e7eb);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15)}.tooltip-primary.sc-ui-tooltip{background:linear-gradient(135deg, var(--color-success, #3dcd58) 0%, var(--color-success, #009B4E) 100%);color:var(--text-standard, #ffffff);border:1px solid var(--color-success, #009B4E)}.tooltip-info.sc-ui-tooltip{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff);border:1px solid var(--color-primary-hover, #2563eb)}.tooltip-success.sc-ui-tooltip{background:var(--color-success, #10b981);color:var(--text-standard, #ffffff);border:1px solid var(--color-success-hover, #059669)}.tooltip-warning.sc-ui-tooltip{background:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff);border:1px solid var(--color-warning-hover, #d97706)}.tooltip-error.sc-ui-tooltip{background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff);border:1px solid var(--color-danger-hover, #dc2626)}.tooltip-glass.sc-ui-tooltip{background:rgba(255, 255, 255, 0.15) !important;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.2);color:var(--text-standard, #ffffff);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.37)}.tooltip-glass.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:rgba(255, 255, 255, 0.15);border:none;backdrop-filter:blur(12px)}.tooltip-arrow.sc-ui-tooltip{position:absolute;width:var(--tooltip-arrow-size, 8px);height:var(--tooltip-arrow-size, 8px);transform:rotate(45deg);z-index:0}.tooltip-custom-color.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--tooltip-bg-color);border-right:1px solid var(--tooltip-bg-color);border-bottom:1px solid var(--tooltip-bg-color)}.tooltip-dark.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--bg-primary, #1f2937);border-right:1px solid var(--border-default, #374151);border-bottom:1px solid var(--border-default, #374151)}.tooltip-light.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--bg-primary, #ffffff);border-right:1px solid var(--border-default, #e5e7eb);border-bottom:1px solid var(--border-default, #e5e7eb)}.tooltip-primary.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:linear-gradient(135deg, var(--color-success, #3dcd58) 0%, var(--color-success, #009B4E) 100%);border-right:1px solid var(--color-success, #009B4E);border-bottom:1px solid var(--color-success, #009B4E)}.tooltip-info.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--color-primary, #10b981);border-right:1px solid var(--color-primary-hover, #2563eb);border-bottom:1px solid var(--color-primary-hover, #2563eb)}.tooltip-success.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--color-success, #10b981);border-right:1px solid var(--color-success-hover, #059669);border-bottom:1px solid var(--color-success-hover, #059669)}.tooltip-warning.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--color-warning, #f59e0b);border-right:1px solid var(--color-warning-hover, #d97706);border-bottom:1px solid var(--color-warning-hover, #d97706)}.tooltip-error.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--color-danger, #ef4444);border-right:1px solid var(--color-danger-hover, #dc2626);border-bottom:1px solid var(--color-danger-hover, #dc2626)}.tooltip-glass.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:rgba(255, 255, 255, 0.2);border:1px solid rgba(255, 255, 255, 0.1)}.tooltip-top.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip,.tooltip-top-left.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip,.tooltip-top-right.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{bottom:calc(var(--tooltip-arrow-size, 8px) / -2);left:50%;transform:translateX(-50%) rotate(45deg)}.tooltip-top-left.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{left:16px;transform:rotate(45deg)}.tooltip-top-right.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{left:auto;right:16px;transform:rotate(45deg)}.tooltip-bottom.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip,.tooltip-bottom-left.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip,.tooltip-bottom-right.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{top:calc(var(--tooltip-arrow-size, 8px) / -2);left:50%;transform:translateX(-50%) rotate(-135deg)}.tooltip-bottom-left.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{left:16px;transform:rotate(-135deg)}.tooltip-bottom-right.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{left:auto;right:16px;transform:rotate(-135deg)}.tooltip-left.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{right:calc(var(--tooltip-arrow-size, 8px) / -2);top:50%;transform:translateY(-50%) rotate(135deg)}.tooltip-right.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{left:calc(var(--tooltip-arrow-size, 8px) / -2);top:50%;transform:translateY(-50%) rotate(-45deg)}.tooltip-animation-fade.sc-ui-tooltip{transition:opacity 0.2s ease}.tooltip-animation-slide.tooltip-top.sc-ui-tooltip,.tooltip-animation-slide.tooltip-top-left.sc-ui-tooltip,.tooltip-animation-slide.tooltip-top-right.sc-ui-tooltip{transform:translateY(10px)}.tooltip-animation-slide.tooltip-top.tooltip-visible.sc-ui-tooltip,.tooltip-animation-slide.tooltip-top-left.tooltip-visible.sc-ui-tooltip,.tooltip-animation-slide.tooltip-top-right.tooltip-visible.sc-ui-tooltip{transform:translateY(0)}.tooltip-animation-slide.tooltip-bottom.sc-ui-tooltip,.tooltip-animation-slide.tooltip-bottom-left.sc-ui-tooltip,.tooltip-animation-slide.tooltip-bottom-right.sc-ui-tooltip{transform:translateY(-10px)}.tooltip-animation-slide.tooltip-bottom.tooltip-visible.sc-ui-tooltip,.tooltip-animation-slide.tooltip-bottom-left.tooltip-visible.sc-ui-tooltip,.tooltip-animation-slide.tooltip-bottom-right.tooltip-visible.sc-ui-tooltip{transform:translateY(0)}.tooltip-animation-slide.tooltip-left.sc-ui-tooltip{transform:translateX(10px)}.tooltip-animation-slide.tooltip-left.tooltip-visible.sc-ui-tooltip{transform:translateX(0)}.tooltip-animation-slide.tooltip-right.sc-ui-tooltip{transform:translateX(-10px)}.tooltip-animation-slide.tooltip-right.tooltip-visible.sc-ui-tooltip{transform:translateX(0)}.tooltip-animation-scale.sc-ui-tooltip{transform:scale(0.8)}.tooltip-animation-scale.tooltip-visible.sc-ui-tooltip{transform:scale(1)}.tooltip-animation-bounce.tooltip-visible.sc-ui-tooltip{animation:tooltipBounce 0.4s ease}@keyframes tooltipBounce{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.95)}100%{transform:scale(1)}}.tooltip-animation-none.sc-ui-tooltip{transition:none}.tooltip-follow-cursor.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{display:none}.tooltip-interactive.sc-ui-tooltip:hover{opacity:1}.tooltip-content.sc-ui-tooltip a.sc-ui-tooltip{color:inherit;text-decoration:underline}.tooltip-content.sc-ui-tooltip a.sc-ui-tooltip:hover{opacity:0.8}.tooltip-content.sc-ui-tooltip strong.sc-ui-tooltip{font-weight:600}.tooltip-content.sc-ui-tooltip em.sc-ui-tooltip{font-style:italic}.tooltip-content.sc-ui-tooltip code.sc-ui-tooltip{padding:2px 4px;border-radius:3px;font-family:"Courier New", monospace;font-size:90%}.tooltip-content.sc-ui-tooltip ul.sc-ui-tooltip,.tooltip-content.sc-ui-tooltip ol.sc-ui-tooltip{margin:4px 0;padding-left:20px}.tooltip-content.sc-ui-tooltip li.sc-ui-tooltip{margin:2px 0}.tooltip-dark.sc-ui-tooltip .tooltip-content.sc-ui-tooltip code.sc-ui-tooltip{background:rgba(255, 255, 255, 0.1);color:var(--color-primary, #93c5fd)}.tooltip-light.sc-ui-tooltip .tooltip-content.sc-ui-tooltip code.sc-ui-tooltip{background:rgba(0, 0, 0, 0.05);color:var(--color-danger-hover, #dc2626)}@media (max-width: 768px){.tooltip.sc-ui-tooltip{max-width:calc(100vw - 32px);font-size:13px}}.tooltip[aria-hidden=true].sc-ui-tooltip{display:none}@media print{.tooltip.sc-ui-tooltip{display:none !important}}.tooltip-sm.sc-ui-tooltip{padding:4px 8px;font-size:12px;max-width:200px}.tooltip-md.sc-ui-tooltip{padding:8px 12px;font-size:14px;max-width:300px}.tooltip-lg.sc-ui-tooltip{padding:12px 16px;font-size:16px;max-width:400px}.tooltip-shape-rounded.sc-ui-tooltip{border-radius:6px}.tooltip-shape-square.sc-ui-tooltip{border-radius:0}.tooltip-shape-pill.sc-ui-tooltip{border-radius:9999px;padding-left:16px;padding-right:16px}.tooltip-elevation-1.sc-ui-tooltip{box-shadow:0 4px 8px rgba(0, 0, 0, 0.15)}.tooltip-elevation-2.sc-ui-tooltip{box-shadow:0 8px 16px rgba(0, 0, 0, 0.2)}.tooltip-elevation-3.sc-ui-tooltip{box-shadow:0 12px 24px rgba(0, 0, 0, 0.25)}.tooltip-elevation-4.sc-ui-tooltip{box-shadow:0 16px 32px rgba(0, 0, 0, 0.3)}.tooltip-elevation-5.sc-ui-tooltip{box-shadow:0 20px 40px rgba(0, 0, 0, 0.35)}.tooltip-glow.sc-ui-tooltip::after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg, rgba(59, 130, 246, 0.5), rgba(139, 92, 246, 0.5), rgba(236, 72, 153, 0.5), rgba(59, 130, 246, 0.5));background-size:400% 400%;border-radius:inherit;z-index:-1;filter:blur(8px);animation:tooltipPremiumGlow 3s ease infinite;opacity:0.6}@keyframes tooltipPremiumGlow{0%{background-position:0% 50%;opacity:0.4}50%{background-position:100% 50%;opacity:0.7}100%{background-position:0% 50%;opacity:0.4}}@keyframes tooltipGlowPulse{0%,100%{opacity:0.3;transform:scale(1)}50%{opacity:0.6;transform:scale(1.02)}}.tooltip-close.sc-ui-tooltip{position:absolute;top:4px;right:4px;width:20px;height:20px;padding:0;background:rgba(0, 0, 0, 0.2);border:none;border-radius:50%;color:currentColor;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:2;transition:background 0.2s ease}.tooltip-close.sc-ui-tooltip:hover{background:rgba(0, 0, 0, 0.4)}.tooltip-close.sc-ui-tooltip:focus{outline:2px solid currentColor;outline-offset:2px}.tooltip-close.sc-ui-tooltip ui-icon.sc-ui-tooltip{--size:10px}.tooltip-light.sc-ui-tooltip .tooltip-close.sc-ui-tooltip{background:rgba(0, 0, 0, 0.1)}.tooltip-light.sc-ui-tooltip .tooltip-close.sc-ui-tooltip:hover{background:rgba(0, 0, 0, 0.2)}.tooltip-closable.sc-ui-tooltip{padding-right:32px}.tooltip-loading.sc-ui-tooltip .tooltip-content.sc-ui-tooltip{min-height:40px;display:flex;align-items:center;justify-content:center}.tooltip-loading-spinner.sc-ui-tooltip{display:flex;align-items:center;gap:8px}.tooltip-loading-spinner.sc-ui-tooltip ui-icon.sc-ui-tooltip{--size:16px}.tooltip-loading-spinner.sc-ui-tooltip span.sc-ui-tooltip{font-size:13px}.tooltip-header.sc-ui-tooltip{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid rgba(255, 255, 255, 0.2);font-weight:600;font-size:14px}.tooltip-light.sc-ui-tooltip .tooltip-header.sc-ui-tooltip{border-bottom-color:rgba(0, 0, 0, 0.1)}.tooltip-footer.sc-ui-tooltip{padding-top:8px;margin-top:8px;border-top:1px solid rgba(255, 255, 255, 0.2);font-size:12px;display:flex;gap:8px;justify-content:flex-end}.tooltip-light.sc-ui-tooltip .tooltip-footer.sc-ui-tooltip{border-top-color:rgba(0, 0, 0, 0.1)}.tooltip-sticky.sc-ui-tooltip{pointer-events:auto;box-shadow:0 4px 16px rgba(0, 0, 0, 0.2)}.tooltip-sticky.sc-ui-tooltip::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 59, 130, 246), 0.5);opacity:0.6;pointer-events:none}@media (hover: none) and (pointer: coarse){.tooltip.sc-ui-tooltip{font-size:14px;padding:10px 14px}.tooltip-sm.sc-ui-tooltip{font-size:13px;padding:8px 12px}.tooltip-lg.sc-ui-tooltip{font-size:15px;padding:12px 16px}}'}},[774,"ui-tooltip",{content:[1],position:[1],trigger:[1],variant:[1],animation:[1],arrow:[4],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],maxWidth:[2,"max-width"],offset:[2],html:[4],interactive:[4],disabled:[4],customClass:[1,"custom-class"],zIndex:[2,"z-index"],followCursor:[4,"follow-cursor"],autoFlip:[4,"auto-flip"],visible:[4],customColor:[1,"custom-color"],textColor:[1,"text-color"],transitionDuration:[2,"transition-duration"],transitionTiming:[1,"transition-timing"],arrowSize:[2,"arrow-size"],openAtMousePosition:[4,"open-at-mouse-position"],trackMouse:[4,"track-mouse"],trackInterval:[2,"track-interval"],autoShift:[4,"auto-shift"],closable:[4],keyboard:[4],portal:[4],allowNested:[4,"allow-nested"],loading:[4],size:[1],longPressDuration:[2,"long-press-duration"],boundary:[1],groupId:[1,"group-id"],sticky:[4],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],closeOnClickOutside:[4,"close-on-click-outside"],elevation:[2],shape:[1],showGlow:[4,"show-glow"],isVisible:[32],isPositioned:[32],currentPosition:[32],cursorX:[32],cursorY:[32],mouseClickX:[32],mouseClickY:[32],touchStartTime:[32],isTouchDevice:[32],show:[64],hide:[64],forceHide:[64],toggle:[64]},void 0,{visible:[{watchVisible:0}]}]);function d(){"undefined"!=typeof customElements&&["ui-tooltip","ui-badge","ui-button","ui-icon","ui-loader"].forEach((t=>{switch(t){case"ui-tooltip":customElements.get(r(t))||customElements.define(r(t),h);break;case"ui-badge":customElements.get(r(t))||p();break;case"ui-button":customElements.get(r(t))||n();break;case"ui-icon":customElements.get(r(t))||a();break;case"ui-loader":customElements.get(r(t))||c()}}))}export{h as T,d}

package/dist/components/ui-accordion.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as r,createEvent as i,h as a,Host as e,transformTag as n}from"@stencil/core/internal/client";import{s as t,d as c}from"./icon.js";import{d,a as s}from"./badge.js";import{d as l}from"./button-toggle.js";import{d as p}from"./input.js";import{d as h}from"./loader.js";const b=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.accordionChange=i(this,"accordionChange",7),this.beforeOpen=i(this,"beforeOpen",7),this.afterOpen=i(this,"afterOpen",7),this.beforeClose=i(this,"beforeClose",7),this.afterClose=i(this,"afterClose",7),this.accordionSearch=i(this,"accordionSearch",7),this.accordionReorder=i(this,"accordionReorder",7),this.accordionAction=i(this,"accordionAction",7)}get element(){return 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";toggleStyle="chevron";size="md";iconPosition="end";persistState="";lazyRender=!1;theme="default";columns=1;enableParallax=!1;enableHaptics=!1;stickyHeaders=!1;enableQuickActions=!1;enableSearchHeatmap=!1;focusTimeout=0;enableRanking=!1;enableLocking=!1;enableSparklines=!1;enableGestures=!1;syncGroup="";showBreadcrumbs=!1;printExpandAll=!1;enableCollaborators=!1;enableAISummaries=!1;enablePortalReader=!1;enableSnapshots=!1;enableStreaming=!1;enableVoiceControl=!1;enableHolographic=!1;enableTeleportation=!1;isListening=!1;voiceCommand="";activePortalId="";availableSnapshots=[];unlockedItems=new Set;patternInput="";activeLockId="";itemHeat=new Map;_collaborators=new Map;collabChannel=null;iconLibrary="lucide";handleRemoteSync(o){if(!this.syncGroup||o.detail.group!==this.syncGroup||o.detail.sourceId===this.element.id)return;const{itemId:r,isOpen:i,multiple:a}=o.detail;a?i&&!this.openItems.includes(r)?this.openItems=[...this.openItems,r]:i||(this.openItems=this.openItems.filter((o=>o!==r))):this.openItems=i?[r]:[]}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(o){null!==o&&(this.openItems=[...o])}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(o){if("string"==typeof o)try{this.parsedItems=JSON.parse(o)}catch(o){console.error("Invalid JSON for accordion items:",o),this.parsedItems=[]}else this.parsedItems=o||[];this.contentElements.clear()}onDefaultOpenChange(o){this.parsedDefaultOpen=o||[],this.openItems=[...this.parsedDefaultOpen]}onMultipleChange(o,r){r&&!o&&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 o=this.loadFromStorage();this.openItems=o||[...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=o=>{const{type:r,itemId:i,user:a}=o.data;if("presence"===r){const o=this._collaborators.get(i)||[];o.find((o=>o.id===a.id))||(this._collaborators.set(i,[...o,a]),this._collaborators=new Map(this._collaborators))}})}simulateAISummaries(){this.parsedItems.forEach((o=>{if(!o.summaryList&&o.content){const r=o.content.replace(/<[^>]*>/g,"").slice(0,200);o.summaryList=["Key Insight: "+(r.split(".")[0]||"Analyzing content..."),"Status: Verified by AI Engine","Confidence: 98.4%"]}}))}componentDidUpdate(){this.getAllItems(this.parsedItems).forEach((o=>{const r=this.contentElements.get(o.id);r&&o.content&&(r.innerHTML=t(o.content))})),this.enablePersistence&&this.saveToStorage()}handleKeyDown(o){if(!this.element.contains(o.target))return;const r=o.target.closest(".accordion-item");if(!r)return;const i=r.getAttribute("data-id");if(i)switch(o.key){case"Enter":case" ":o.preventDefault(),this.toggleItem(i);break;case"ArrowDown":o.preventDefault(),this.focusNextItem(i);break;case"ArrowUp":o.preventDefault(),this.focusPreviousItem(i);break;case"Home":o.preventDefault(),this.focusFirstItem();break;case"End":o.preventDefault(),this.focusLastItem()}}toggleItem(o,r){if(r&&r.stopPropagation(),this.disabled)return;const i=this.getAllItems(this.parsedItems).find((r=>r.id===o));if(i?.disabled)return;if(this.animatingItems.has(o))return;const a=[...this.openItems],e=a.includes(o),n=!e,t={itemId:o,isOpen:n,timestamp:Date.now()};if(n){if(i?.lockCode&&!this.unlockedItems.has(o)&&this.enableLocking)return this.activeLockId=o,void(this.patternInput="");if(this.updateHeat(o),this.resetFocusTimer(o),this.beforeOpen.emit(t).defaultPrevented)return}else if(this.clearFocusTimer(o),this.beforeClose.emit(t).defaultPrevented)return;if(this.animatingItems.add(o),this.animatingItems=new Set(this.animatingItems),this.multiple)e?this.expandedItems||(this.openItems=a.filter((r=>r!==o))):this.expandedItems||(this.openItems=[...a,o]);else{const r=this.getPathToItem(this.parsedItems,o)||[];e?this.expandedItems||(this.openItems=r.filter((r=>r!==o))):this.expandedItems||(this.openItems=r)}this.accordionChange.emit({itemId:o,isOpen:n,openItems:this.expandedItems?e?a.filter((r=>r!==o)):[...a,o]:[...this.openItems]}),this.syncGroup&&window.dispatchEvent(new CustomEvent("accordionRemoteState",{detail:{group:this.syncGroup,itemId:o,isOpen:n,multiple:this.multiple,sourceId:this.element.id}})),this.playHaptic(n?"open":"close"),this.haptic&&navigator.vibrate&&navigator.vibrate(n?10:8),setTimeout((()=>{this.animatingItems.delete(o),this.animatingItems=new Set(this.animatingItems);const r=this.openItems.includes(o),i={itemId:o,isOpen:r,timestamp:Date.now()};r?(this.afterOpen.emit(i),this.autoScroll&&this.scrollToItem(o,this.scrollBehavior)):this.afterClose.emit(i)}),this.animationDuration)}async shake(o){this.isShaking.has(o)||(this.isShaking.add(o),this.isShaking=new Set(this.isShaking),this.haptic&&navigator.vibrate&&navigator.vibrate([30,50,30]),setTimeout((()=>{this.isShaking.delete(o),this.isShaking=new Set(this.isShaking)}),600))}async success(o){const r=this.element.shadowRoot?.querySelector(`[data-id="${o}"]`);r&&(r.classList.add("accordion-item-success"),this.haptic&&navigator.vibrate&&navigator.vibrate([10,30,20]),setTimeout((()=>{r.classList.remove("accordion-item-success")}),1e3))}focusNextItem(o){const r=this.getVisibleItems(this.parsedItems),i=r.findIndex((r=>r.id===o));-1!==i&&this.focusItem(r[(i+1)%r.length].id)}focusPreviousItem(o){const r=this.getVisibleItems(this.parsedItems),i=r.findIndex((r=>r.id===o));-1!==i&&this.focusItem(r[0===i?r.length-1:i-1].id)}focusFirstItem(){const o=this.getVisibleItems(this.parsedItems);o.length>0&&this.focusItem(o[0].id)}focusLastItem(){const o=this.getVisibleItems(this.parsedItems);o.length>0&&this.focusItem(o[o.length-1].id)}focusItem(o){const r=this.element.querySelector(`[data-id="${o}"] .accordion-header`);r&&r.focus()}async openItem(o){const r=this.getAllItems(this.parsedItems).find((r=>r.id===o));if(r?.disabled)return;let i=[...this.openItems];this.multiple||(i=[]),i.includes(o)||i.push(o),this.openItems=i}async closeItem(o){this.openItems=this.openItems.filter((r=>r!==o))}async toggleItemById(o){this.toggleItem(o)}async openAll(){this.multiple&&(this.openItems=this.getAllItems(this.parsedItems).map((o=>o.id)))}async closeAll(){this.openItems=[]}async scrollToItem(o,r="smooth"){const i=this.itemRefs.get(o);i&&i.scrollIntoView({behavior:r,block:"center"})}async searchItems(o){this.searchQuery=o,this.performSearch()}async clearSearch(){this.searchQuery="",this.filteredItems=this.parsedItems}async getOpenItems(){return[...this.openItems]}async setOpenItems(o){this.openItems=[...o]}async saveSnapshot(o){this.enableSnapshots&&(localStorage.setItem(`${this.persistenceKey}-snapshot-${o}`,JSON.stringify(this.openItems)),this.availableSnapshots=[...new Set([...this.availableSnapshots,o])],this.saveToStorage())}async teleportTo(o){this.enableTeleportation&&(this.openItem(o),this.scrollToItem(o))}async initVoice(){if(!this.enableVoiceControl||!("webkitSpeechRecognition"in window))return;const o=new window.webkitSpeechRecognition;o.continuous=!1,o.interimResults=!1,o.lang="en-US",o.onstart=()=>{this.isListening=!0},o.onend=()=>{this.isListening=!1},o.onresult=o=>{const r=o.results[0][0].transcript.toLowerCase();this.voiceCommand=r;const i=this.getAllItems(this.parsedItems).find((o=>r.includes(o.title.toLowerCase())||r.includes(o.id.toLowerCase())));if(i&&this.toggleItem(i.id),(r.includes("reset")||r.includes("close all"))&&this.closeAll(),r.includes("search for")){const o=r.split("search for")[1].trim();this.searchItems(o)}},o.start()}saveToStorage(){try{localStorage.setItem(this.persistenceKey,JSON.stringify(this.openItems))}catch(o){console.error("Failed to save accordion state:",o)}}playHaptic(o){if(this.enableHaptics)try{const r=new(window.AudioContext||window.webkitAudioContext),i=r.createOscillator(),a=r.createGain();i.connect(a),a.connect(r.destination);const e=r.currentTime;"open"===o?(i.type="sine",i.frequency.setValueAtTime(880,e),i.frequency.exponentialRampToValueAtTime(100,e+.1),a.gain.setValueAtTime(.3,e),a.gain.exponentialRampToValueAtTime(.01,e+.1)):(i.type="triangle",i.frequency.setValueAtTime(220,e),i.frequency.exponentialRampToValueAtTime(40,e+.15),a.gain.setValueAtTime(.2,e),a.gain.exponentialRampToValueAtTime(.01,e+.15)),i.start(e),i.stop(e+.2),setTimeout((()=>r.close()),250)}catch(o){console.warn("Audio haptics unavailable:",o)}}loadFromStorage(){try{const o=localStorage.getItem(this.persistenceKey);return o?JSON.parse(o):null}catch(o){return console.error("Failed to load accordion state:",o),null}}performSearch(){if(!this.searchQuery.trim())return this.filteredItems=this.parsedItems,void this.accordionSearch.emit({query:"",matchedItems:[],totalItems:this.parsedItems.length});const o=this.searchQuery.toLowerCase(),r=this.getAllItems(this.parsedItems),i=r.filter((r=>!1!==r.searchable&&`${r.title} ${r.subtitle||""} ${r.content||""}`.toLowerCase().includes(o))).map((o=>o.id));this.filteredItems=this.parsedItems.filter((o=>this.itemOrChildrenMatch(o,i))),this.accordionSearch.emit({query:this.searchQuery,matchedItems:i,totalItems:r.length})}itemOrChildrenMatch(o,r){return!!r.includes(o.id)||!!o.children&&o.children.some((o=>this.itemOrChildrenMatch(o,r)))}getAllItems(o){const r=[];return o.forEach((o=>{r.push(o),o.children&&this.enableNested&&r.push(...this.getAllItems(o.children))})),r}getVisibleItems(o){const r=[];return o.forEach((o=>{r.push(o);const i=this.openItems.includes(o.id);o.children&&this.enableNested&&i&&r.push(...this.getVisibleItems(o.children))})),r}getPathToItem(o,r){for(const i of o){if(i.id===r)return[i.id];if(i.children){const o=this.getPathToItem(i.children,r);if(o)return[i.id,...o]}}return null}handleDragStart(o,r){this.enableDragDrop&&(this.draggedItemId=o,r.dataTransfer&&(r.dataTransfer.effectAllowed="move",r.dataTransfer.setData("text/plain",o)))}handleDragOver(o,r){this.enableDragDrop&&this.draggedItemId&&(r.preventDefault(),this.dragOverItemId=o,r.dataTransfer&&(r.dataTransfer.dropEffect="move"))}handleDragEnd(){this.draggedItemId=null,this.dragOverItemId=null}handleDrop(o,r){if(!this.enableDragDrop||!this.draggedItemId)return;r.preventDefault();const i=this.parsedItems.findIndex((o=>o.id===this.draggedItemId)),a=this.parsedItems.findIndex((r=>r.id===o));if(-1!==i&&-1!==a&&i!==a){const o=[...this.parsedItems],[r]=o.splice(i,1);o.splice(a,0,r),this.parsedItems=o,this.items=[...o],this.accordionReorder.emit({itemId:this.draggedItemId,oldIndex:i,newIndex:a,items:o})}this.handleDragEnd()}handleActionClick(o,r,i,a){a.stopPropagation(),i.onClick&&i.onClick(o,r),this.accordionAction.emit({itemId:o,actionId:r,action:i})}resetFocusTimer(o){!this.focusTimeout||this.focusTimeout<=0||(this.clearFocusTimer(o),this.focusTimers.set(o,setTimeout((()=>{this.openItems.includes(o)&&this.toggleItem(o)}),this.focusTimeout)))}clearFocusTimer(o){const r=this.focusTimers.get(o);r&&(clearTimeout(r),this.focusTimers.delete(o))}renderPresence(o){if(!this.enableCollaborators)return null;const r=[...o.collaborators||[],...this._collaborators.get(o.id)||[]];return 0===r.length?null:a("div",{class:"accordion-collaborators"},r.map((o=>a("div",{class:"presence-avatar",title:o.name,style:{backgroundColor:o.color||"#3bf673"}},o.avatar?a("img",{src:o.avatar,alt:""}):o.name?o.name.charAt(0):"?"))))}renderAIBriefing(o){return this.enableAISummaries&&o.summaryList?a("div",{class:"accordion-ai-briefing"},a("ul",{class:"briefing-list"},o.summaryList.map((o=>a("li",null,o))))):null}renderPortalOverlay(){if(!this.activePortalId)return null;const o=this.getAllItems(this.parsedItems).find((o=>o.id===this.activePortalId));return o?a("div",{class:"accordion-portal-overlay",style:{"--accordion-bg":this.backgroundColor||"white",backgroundColor:"var(--accordion-bg, #ffffff)"}},a("div",{class:"portal-header"},a("div",{class:"portal-title"},o.title),a("div",{class:"portal-header-actions"},a("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=""}))),a("div",{class:"portal-content"},a("div",{class:"portal-meta"},o.subtitle," | Full Focus Mode"),a("div",{class:"portal-body",innerHTML:t(o.content??"")}))):null}renderStreamingTerminal(o){return this.enableStreaming&&o.streamData?a("div",{class:"accordion-streaming-terminal"},a("div",{class:"terminal-header"},"LIVE TELEMETRY STREAM"),a("div",{class:"terminal-body",ref:o=>{o&&(o.scrollTop=o.scrollHeight)}},o.streamData.map((o=>a("div",{class:"terminal-line"},a("span",{class:"line-timestamp"},"[",(new Date).toLocaleTimeString(),"]"),a("span",{class:"line-msg"},o)))))):null}renderTeleportLink(o){return o.teleportTo?a("ui-button",{variant:"ghost",size:"xs",class:"accordion-teleport-link",icon:"link-2",iconLibrary:"lucide",iconSize:"12px",label:"Goto: "+o.teleportTo,onClick:r=>{r.stopPropagation(),o.teleportTo&&this.teleportTo(o.teleportTo)}}):null}renderQuickActions(o){if(!this.enableQuickActions)return null;const r=o.actions||[];return a("div",{class:"accordion-quick-actions"},this.enableVoiceControl&&a("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:o=>{o.stopPropagation(),this.initVoice()}}),this.enablePortalReader&&a("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:r=>{r.stopPropagation(),this.activePortalId=o.id}}),r.map((r=>a("ui-button",{variant:r.variant||"ghost",iconOnly:!r.label||!!r.icon,size:"xs",class:"quick-action-btn",icon:r.icon,iconLibrary:r.iconLibrary||this.iconLibrary,iconSize:"14px",label:r.icon?void 0:r.label,ariaLabel:r.ariaLabel||r.label,disabled:r.disabled,onClick:i=>{this.handleActionClick(o.id,r.id,r,i)}}))))}renderSearchHeatmap(){if(!this.enableSearchHeatmap||!this.searchQuery)return null;const o=this.getAllItems(this.parsedItems),r=o.map(((o,r)=>({id:o.id,index:r}))).filter((r=>{const i=this.searchQuery.toLowerCase();return""+r.id&&(o[r.index].title.toLowerCase().includes(i)||(o[r.index].subtitle||"").toLowerCase().includes(i))})),i=o.length;return a("div",{class:"accordion-search-heatmap"},r.map((o=>a("div",{class:"heatmap-marker",style:{top:o.index/i*100+"%"},onClick:()=>this._scrollToItem(o.id)}))))}_scrollToItem(o){this.scrollToItem(o)}updateHeat(o){if(!this.enableRanking)return;const r=this.itemHeat.get(o)||0;this.itemHeat.set(o,r+1),this.itemHeat=new Map(this.itemHeat),this.saveToStorage()}renderSparkline(o){if(!this.enableSparklines||!o||o.length<2)return null;const r=o??[];if(r.length<2)return null;const i=Math.max(...r),e=Math.min(...r),n=i-e||1,t=r.map(((o,i)=>`${i/(r.length-1)*60},${20-(o-e)/n*20}`)).join(" ");return a("div",{class:"accordion-header-sparkline"},a("svg",{width:60,height:20,viewBox:"0 0 60 20"},a("polyline",{fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round",points:t})))}handlePatternDot(o){this.patternInput+=o;const r=this.getAllItems(this.parsedItems).find((o=>o.id===this.activeLockId));if(r&&r.lockCode===this.patternInput){this.unlockedItems.add(this.activeLockId),this.unlockedItems=new Set(this.unlockedItems);const o=this.activeLockId;this.activeLockId="",this.toggleItem(o)}else this.patternInput.length>=(r?.lockCode?.length||9)&&(this.shake(this.activeLockId),this.patternInput="")}renderLockOverlay(){return this.activeLockId?a("div",{class:"accordion-lock-overlay"},a("div",{class:"lock-grid"},["1","2","3","4","5","6","7","8","9"].map((o=>a("div",{class:{"lock-dot":!0,active:this.patternInput.includes(o)},onMouseEnter:()=>this.handlePatternDot(o),onTouchStart:()=>this.handlePatternDot(o)})))),a("div",{class:"lock-hint"},"Draw Security Pattern"),a("ui-button",{variant:"ghost",size:"sm",class:"lock-cancel",label:"Cancel",onClick:()=>this.activeLockId=""})):null}handleParallax(o,r){if(!this.enableParallax)return;const i=this.itemRefs.get(r);if(!i)return;const a=i.getBoundingClientRect(),e=(o.clientX-a.left-a.width/2)/(a.width/4),n=(o.clientY-a.top-a.height/2)/(a.height/4);i.style.setProperty("--parallax-x",10*e+"px"),i.style.setProperty("--parallax-y",10*n+"px"),i.style.setProperty("--rotate-y",8*e+"deg"),i.style.setProperty("--rotate-x",8*-n+"deg")}resetParallax(o){const r=this.itemRefs.get(o);r&&(r.style.setProperty("--parallax-x","0px"),r.style.setProperty("--parallax-y","0px"),r.style.setProperty("--rotate-y","0deg"),r.style.setProperty("--rotate-x","0deg"))}highlightSearchText(o){if(!this.searchQuery.trim())return o;const r=this.searchQuery.trim(),i=RegExp(`(${r})`,"gi");return o.replace(i,'<mark class="search-highlight">$1</mark>')}renderItem(o,r=0,i=[]){const e=this.openItems.includes(o.id),n=this.disabled||o.disabled||!1,c=["accordion-item",e&&"accordion-item-open",n&&"accordion-item-disabled",this.draggedItemId===o.id&&"accordion-item-dragging",this.dragOverItemId===o.id&&"accordion-item-drag-over",o.loading&&"accordion-item-loading",r>0&&"accordion-item-nested",this.isShaking.has(o.id)&&"accordion-item-shaking"].filter(Boolean).join(" "),d=["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(" "),s=["accordion-content",e&&"accordion-content-open",this.enableAnimation&&"accordion-physics-"+this.physics].filter(Boolean).join(" "),l=Math.min(this.headerLevel+r,6),p="h"+l;return a("div",{class:c,"data-id":o.id,draggable:this.enableDragDrop&&!n,onDragStart:r=>this.handleDragStart(o.id,r),onDragOver:r=>this.handleDragOver(o.id,r),onDragEnd:()=>this.handleDragEnd(),onDrop:r=>this.handleDrop(o.id,r),onMouseMove:r=>this.handleParallax(r,o.id),onMouseLeave:()=>this.resetParallax(o.id),style:{"--nest-depth":""+r,...this.enableHolographic&&this.openItems.length>0&&!e?{transform:"perspective(1000px) rotateX(-10deg) translateZ(-50px)",opacity:"0.6"}:{}},ref:r=>{r&&this.itemRefs.set(o.id,r)}},o.headerSlot?a("div",{class:"accordion-header-custom",role:"heading","aria-level":l},a("slot",{name:o.headerSlot})):a(p,{style:{margin:0,padding:0}},a("ui-button",{variant:"accordion",class:d,onClick:r=>this.toggleItem(o.id,r),disabled:n,fullWidth:!0,"icon-position":"none",align:"start",justify:"between",noRipple:!0,"aria-expanded":e?"true":"false","aria-controls":"accordion-content-"+o.id,ariaLabel:`${e?"Close":"Open"} ${o.title}`,tabindex:n?-1:0},a("div",{class:"accordion-header-content"},a("div",{class:"accordion-header-left"},"start"===this.iconPosition&&!this.hideArrow&&(()=>a("div",{class:"accordion-arrow-wrapper"},a("ui-icon",{name:"plus-minus"===this.toggleStyle?e?"minus":"plus":e?this.arrowIconExpanded:this.arrowIconCollapsed,library:this.iconLibrary,size:"1.2em",class:"accordion-arrow arrow-start"})))(),o.image&&a("img",{src:o.image,alt:"",class:"accordion-image"}),o.icon&&a("span",{class:"accordion-icon"},a("ui-icon",{name:o.icon,library:o.iconLibrary||this.iconLibrary,size:"1.2em"})),a("div",{class:"accordion-header-text"},this.showBreadcrumbs&&i.length>0&&a("div",{class:"accordion-breadcrumbs"},i.map(((o,r)=>a("span",{class:"breadcrumb-node"},o," ",r<i.length-1?" > ":"")))),a("div",{class:"accordion-title-group"},a("div",{class:"accordion-title",innerHTML:t(this.enableSearch?this.highlightSearchText(o.title):o.title)}),o.subtitle&&a("div",{class:"accordion-subtitle",innerHTML:t(this.enableSearch?this.highlightSearchText(o.subtitle):o.subtitle)}),this.renderSparkline(o.sparkline??[]),this.renderAIBriefing(o),this.renderTeleportLink(o)),o.peek&&!e&&!this.searchQuery&&a("span",{class:"accordion-peek-snippet",innerHTML:t(o.peek)}))),a("div",{class:"accordion-header-right"},a("div",{class:"accordion-header-indicators"},this.renderPresence(o),this.renderQuickActions(o),void 0!==o.progress&&o.progress>=0&&a("div",{class:"accordion-progress-ring"},a("svg",{viewBox:"0 0 36 36"},a("circle",{cx:"18",cy:"18",r:"16",fill:"none",class:"ring-bg","stroke-width":"3"}),a("circle",{cx:"18",cy:"18",r:"16",fill:"none",class:"ring-fg","stroke-width":"3",style:{strokeDasharray:o.progress+", 100"}})),a("span",{class:"progress-text"},o.progress,"%")),o.status&&"none"!==o.status&&a("div",{class:"accordion-status-badge status-"+o.status},"completed"===o.status&&a("ui-icon",{name:"check",library:this.iconLibrary,size:"14px"}),"error"===o.status&&a("ui-icon",{name:"alert-circle",library:this.iconLibrary,size:"14px"}),"warning"===o.status&&a("ui-icon",{name:"alert-triangle",library:this.iconLibrary,size:"14px"}),"current"===o.status&&a("div",{class:"pulse-dot"}))),void 0!==o.badge&&o.badge>0&&a("span",{class:"accordion-badge"},o.badge),o.actions&&o.actions.length>0&&a("div",{class:"accordion-actions"},o.actions.map((r=>a("ui-button",{key:r.id,variant:r.variant||"ghost",size:"xs",iconOnly:!!r.icon,icon:r.icon,iconLibrary:r.iconLibrary||o.iconLibrary||this.iconLibrary,iconSize:"1.1em",label:r.icon?void 0:r.label,ariaLabel:r.ariaLabel||r.label,disabled:r.disabled,onClick:i=>this.handleActionClick(o.id,r.id,r,i)})))),o.loading&&a("ui-loader",{size:"xs",color:"currentColor",class:"accordion-loading-spinner"}),"end"===this.iconPosition&&!this.hideArrow&&(()=>a("div",{class:"accordion-arrow-wrapper"},a("ui-icon",{name:"plus-minus"===this.toggleStyle?e?"minus":"plus":e?this.arrowIconExpanded:this.arrowIconCollapsed,library:this.iconLibrary,size:"1.2em",class:"accordion-arrow"})))())))),(()=>{const n=this.animatingItems.has(o.id),t=!this.lazyRender||e||n||o.renderOnceOnly||this.printExpandAll;return t&&this.lazyRender&&e&&(o.renderOnceOnly=!0),t?a("div",{class:s,id:"accordion-content-"+o.id,"aria-labelledby":"accordion-header-"+o.id,role:"region",style:{"--animation-duration":this.animationDuration+"ms","--animation-timing":this.animationTiming}},a("div",{class:"accordion-content-inner",ref:r=>{r&&o.content&&this.contentElements.set(o.id,r)}},this.renderStreamingTerminal(o),o.content||a("slot",{name:"content-"+o.id})),this.enableNested&&o.children&&o.children.length>0&&a("div",{class:"accordion-nested-items"},o.children.map((a=>this.renderItem(a,r+1,[...i,o.title]))))):null})())}renderSkeleton(){return Array.from({length:3}).map(((o,r)=>a("div",{class:"accordion-item accordion-item-skeleton",key:"skeleton-"+r},a("div",{class:"accordion-header"},a("div",{class:"accordion-header-content"},a("div",{class:"skeleton-box",style:{width:"24px",height:"24px"}}),a("div",{class:"skeleton-box",style:{width:"60%",height:"20px"}}))))))}renderNumberedIndicators(){return a("div",{class:"accordion-indicators",role:"tablist","aria-label":"Accordion navigation"},this.parsedItems.map(((o,r)=>{const i=this.openItems.includes(o.id),e=this.disabled||o.disabled||!1,n=["accordion-indicator",i&&"accordion-indicator-active",e&&"accordion-indicator-disabled"].filter(Boolean).join(" ");return a("ui-button",{key:o.id,variant:i?"primary":"outline",size:"xs",class:n,label:""+(r+1),onClick:()=>this.toggleItem(o.id),disabled:e,ariaLabel:"Open "+o.title,"aria-expanded":i?"true":"false","aria-controls":"accordion-content-"+o.id})})))}render(){const o=["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(" "),r=(()=>{let o=[...this.parsedItems];return this.enableRanking&&o.sort(((o,r)=>(this.itemHeat.get(r.id)||0)-(this.itemHeat.get(o.id)||0))),this.enableSearch&&this.searchQuery?this.filteredItems:o})();return a(e,{class:{"accordion-host":!0,"is-open":this.openItems.length>0,"is-portal-active":!!this.activePortalId}},a("div",{class:o,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 o=this.headerLevel||3;return{"--hl-title-size":["48px","36px","28px","22px","18px","15px"][o-1],"--hl-subtitle-size":["24px","20px","17px","14px","13px","12px"][o-1],"--hl-padding":["48px 0","40px 0","32px 0","24px 0","18px 0","14px 0"][o-1],"--hl-gap":["16px","14px","12px","10px","8px","6px"][o-1]}})():{}}},this.enableSearch&&a("div",{class:"accordion-search"},a("ui-input",{type:"text",class:"accordion-search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,onInputChange:o=>{this.searchQuery=o.detail,this.performSearch()},ariaLabel:"Search accordion items",showClear:!1}),this.searchQuery&&a("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()}),a("div",{class:"sr-only","aria-live":"polite",role:"status"},this.searchQuery?`Showing ${this.filteredItems.length} results for ${this.searchQuery}`:"")),this.enableExpandCollapseAll&&this.multiple&&a("div",{class:"accordion-controls"},a("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"}),a("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():r.length>0?r.map((o=>this.renderItem(o,0,[]))):a("div",{class:"accordion-no-results"},this.loading?a("ui-loader",{size:"xs",color:"currentColor"}):this.enableSearch&&this.searchQuery?a("p",null,'No items match your search "',this.searchQuery,'"'):a("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}]}}static get style(){return'@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}.accordion-container.accordion-boxed{border:none;background:transparent;display:flex;flex-direction:column;gap:12px;overflow:visible}.accordion-container.accordion-boxed .accordion-item{border:1px solid rgba(255, 255, 255, 0.08);border-radius:20px;background:#252627;box-shadow:0 4px 20px rgba(0, 0, 0, 0.2);transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);margin-bottom:0;overflow:hidden}.accordion-container.accordion-boxed .accordion-item:hover:not(.accordion-item-disabled){box-shadow:0 8px 30px rgba(0, 0, 0, 0.3);transform:translateY(-2px);border-color:rgba(255, 255, 255, 0.15)}.accordion-container.accordion-boxed .accordion-item-open{border-color:rgba(235, 255, 0, 0.4);box-shadow:0 12px 40px rgba(0, 0, 0, 0.4)}.accordion-container.accordion-boxed .accordion-header{background:transparent;padding:20px 24px;color:#ffffff}.accordion-container.accordion-boxed .accordion-header::part(button){padding:20px 24px !important}.accordion-container.accordion-boxed .accordion-title{color:#ffffff;font-size:18px;font-weight:700}.accordion-container.accordion-boxed .accordion-subtitle{color:#a0a5ad}.accordion-container.accordion-boxed .accordion-arrow-wrapper{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background-color:#ebff00;color:#121314;box-shadow:0 0 10px rgba(235, 255, 0, 0.3);transition:all 0.3s ease;flex-shrink:0}.accordion-container.accordion-boxed .accordion-arrow-wrapper .accordion-arrow{color:#121314;opacity:1;font-weight:800;transition:transform 0.3s ease}.accordion-container.accordion-boxed .accordion-item:hover .accordion-arrow-wrapper{transform:scale(1.1);box-shadow:0 0 15px rgba(235, 255, 0, 0.6)}.accordion-container.accordion-boxed .accordion-content{background:#1e1f20;border-top:1px solid rgba(255, 255, 255, 0.05)}.accordion-container.accordion-boxed .accordion-content-inner{color:#e2e8f0;padding:20px 24px;font-size:15px;line-height:1.7}.accordion-container.accordion-minimal{border:none;background:transparent}.accordion-container.accordion-minimal .accordion-item{border-bottom:1px solid rgba(0, 0, 0, 0.06);background:transparent;border-radius:0;box-shadow:none;margin-bottom:0}.accordion-container.accordion-minimal .accordion-item:last-child{border-bottom:none}.accordion-container.accordion-minimal .accordion-header{padding:20px 0;background:transparent;color:#1e293b}.accordion-container.accordion-minimal .accordion-header:hover{color:var(--selected-header-color, #10b981)}.accordion-container.accordion-minimal .accordion-title{color:inherit;font-size:16px;font-weight:600;transition:color 0.2s ease}.accordion-container.accordion-minimal .accordion-subtitle{color:#64748b;margin-top:4px}.accordion-container.accordion-minimal .accordion-arrow{color:#64748b;opacity:0.7;font-size:14px}.accordion-container.accordion-minimal .accordion-item-open .accordion-header{background-color:transparent !important;color:var(--selected-header-color, #10b981)}.accordion-container.accordion-minimal .accordion-content{background:transparent}.accordion-container.accordion-minimal .accordion-content-inner{padding:0 0 20px 0;color:#475569;font-size:14px;line-height:1.6}.accordion-container.accordion-left-toggle{border:none;background:transparent;display:flex;flex-direction:column;gap:8px}.accordion-container.accordion-left-toggle .accordion-item{border-bottom:1px solid rgba(0, 0, 0, 0.06);background:transparent;border-radius:0;box-shadow:none;margin-bottom:0}.accordion-container.accordion-left-toggle .accordion-item:last-child{border-bottom:none}.accordion-container.accordion-left-toggle .accordion-header{padding:16px 0;background:transparent;color:#0f172a}.accordion-container.accordion-left-toggle .accordion-title{color:#0f172a;font-size:16px;font-weight:600}.accordion-container.accordion-left-toggle .accordion-subtitle{color:#64748b}.accordion-container.accordion-left-toggle .accordion-arrow-wrapper{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:#0f172a;color:#ffffff;transition:all 0.2s ease;margin-right:12px;flex-shrink:0;order:-1}.accordion-container.accordion-left-toggle .accordion-arrow-wrapper .accordion-arrow{color:#ffffff;opacity:1;font-size:11px}.accordion-container.accordion-left-toggle .accordion-item:hover .accordion-arrow-wrapper{background-color:var(--selected-header-color, #10b981);transform:scale(1.08)}.accordion-container.accordion-left-toggle .accordion-item-open .accordion-arrow-wrapper{background-color:#0f172a}.accordion-container.accordion-left-toggle .accordion-content{background:transparent}.accordion-container.accordion-left-toggle .accordion-content-inner{padding:8px 0 20px 40px;color:#475569;font-size:14px;line-height:1.6}.accordion-container.accordion-iconic{border:none;background:transparent;display:flex;flex-direction:column;gap:16px}.accordion-container.accordion-iconic .accordion-item{border:1px solid #f1f5f9;border-radius:16px;background:#ffffff;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);transition:all 0.25s ease;overflow:hidden}.accordion-container.accordion-iconic .accordion-item:hover:not(.accordion-item-disabled){box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.05);border-color:#e2e8f0}.accordion-container.accordion-iconic .accordion-header{padding:20px 24px;background:transparent}.accordion-container.accordion-iconic .accordion-title{font-size:16px;font-weight:700;color:#1e293b}.accordion-container.accordion-iconic .accordion-subtitle{color:#64748b;font-size:13px}.accordion-container.accordion-iconic .accordion-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;font-size:22px;margin-right:16px;flex-shrink:0;transition:transform 0.2s ease;background-color:rgba(99, 102, 241, 0.1);color:#6366f1}.accordion-container.accordion-iconic .accordion-item:hover .accordion-icon{transform:scale(1.05)}.accordion-container.accordion-iconic .accordion-arrow-wrapper{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:#f8fafc;border:1px solid #e2e8f0;color:#64748b;transition:all 0.2s ease;flex-shrink:0}.accordion-container.accordion-iconic .accordion-arrow-wrapper .accordion-arrow{color:#64748b;opacity:0.8;font-size:11px}.accordion-container.accordion-iconic .accordion-item:hover .accordion-arrow-wrapper{background-color:#6366f1;border-color:#6366f1;color:#ffffff}.accordion-container.accordion-iconic .accordion-item:hover .accordion-arrow-wrapper .accordion-arrow{color:#ffffff;opacity:1}.accordion-container.accordion-iconic .accordion-content{background:#f8fafc;border-top:1px solid #f1f5f9}.accordion-container.accordion-iconic .accordion-content-inner{padding:24px;color:#334155;font-size:14px;line-height:1.6}.accordion-container.accordion-iconic .accordion-item:nth-child(1) .accordion-icon{background-color:rgba(99, 102, 241, 0.1);color:#6366f1}.accordion-container.accordion-iconic .accordion-item:nth-child(2) .accordion-icon{background-color:rgba(239, 68, 68, 0.1);color:#ef4444}.accordion-container.accordion-iconic .accordion-item:nth-child(3) .accordion-icon{background-color:rgba(16, 185, 129, 0.1);color:#10b981}.accordion-container.accordion-iconic .accordion-item:nth-child(4) .accordion-icon{background-color:rgba(59, 130, 246, 0.1);color:#3b82f6}'}},[769,"ui-accordion",{items:[16],multiple:[4],expandedItems:[16],defaultOpen:[16],animationDuration:[2,"animation-duration"],animationTiming:[1,"animation-timing"],physics:[1],backgroundColor:[1,"background-color"],haptic:[4],enableAnimation:[4,"enable-animation"],showNumbers:[4,"show-numbers"],arrowIconCollapsed:[1,"arrow-icon-collapsed"],arrowIconExpanded:[1,"arrow-icon-expanded"],hideArrow:[4,"hide-arrow"],selectedHeaderColor:[1,"selected-header-color"],selectionPosition:[1,"selection-position"],variant:[1],toggleStyle:[1,"toggle-style"],size:[1],iconPosition:[1,"icon-position"],persistState:[1,"persist-state"],lazyRender:[4,"lazy-render"],theme:[1],columns:[2],enableParallax:[4,"enable-parallax"],enableHaptics:[4,"enable-haptics"],stickyHeaders:[4,"sticky-headers"],enableQuickActions:[4,"enable-quick-actions"],enableSearchHeatmap:[4,"enable-search-heatmap"],focusTimeout:[2,"focus-timeout"],enableRanking:[4,"enable-ranking"],enableLocking:[4,"enable-locking"],enableSparklines:[4,"enable-sparklines"],enableGestures:[4,"enable-gestures"],syncGroup:[1,"sync-group"],showBreadcrumbs:[4,"show-breadcrumbs"],printExpandAll:[4,"print-expand-all"],enableCollaborators:[4,"enable-collaborators"],enableAISummaries:[4,"enable-a-i-summaries"],enablePortalReader:[4,"enable-portal-reader"],enableSnapshots:[4,"enable-snapshots"],enableStreaming:[4,"enable-streaming"],enableVoiceControl:[4,"enable-voice-control"],enableHolographic:[4,"enable-holographic"],enableTeleportation:[4,"enable-teleportation"],iconLibrary:[1,"icon-library"],disabled:[4],enableSearch:[4,"enable-search"],searchPlaceholder:[1,"search-placeholder"],enableExpandCollapseAll:[4,"enable-expand-collapse-all"],enablePersistence:[4,"enable-persistence"],persistenceKey:[1,"persistence-key"],enableDragDrop:[4,"enable-drag-drop"],enableNested:[4,"enable-nested"],rtl:[4],dense:[4],headerLevel:[2,"header-level"],loading:[4],autoScroll:[4,"auto-scroll"],scrollBehavior:[1,"scroll-behavior"],isListening:[32],voiceCommand:[32],activePortalId:[32],availableSnapshots:[32],unlockedItems:[32],patternInput:[32],activeLockId:[32],itemHeat:[32],_collaborators:[32],openItems:[32],parsedItems:[32],parsedDefaultOpen:[32],searchQuery:[32],filteredItems:[32],draggedItemId:[32],dragOverItemId:[32],animatingItems:[32],isShaking:[32],shake:[64],success:[64],openItem:[64],closeItem:[64],toggleItemById:[64],openAll:[64],closeAll:[64],scrollToItem:[64],searchItems:[64],clearSearch:[64],getOpenItems:[64],setOpenItems:[64],saveSnapshot:[64],teleportTo:[64],initVoice:[64]},[[8,"accordionRemoteState","handleRemoteSync"],[8,"keydown","handleKeyDown"]],{expandedItems:[{onExpandedItemsChange:0}],items:[{onItemsChange:0}],defaultOpen:[{onDefaultOpenChange:0}],multiple:[{onMultipleChange:0}],animationDuration:[{onAnimationDurationChange:0}],showNumbers:[{onShowNumbersChange:0}]}]),m=b,g=function(){"undefined"!=typeof customElements&&["ui-accordion","ui-badge","ui-button","ui-button-toggle","ui-icon","ui-input","ui-loader"].forEach((o=>{switch(o){case"ui-accordion":customElements.get(n(o))||customElements.define(n(o),b);break;case"ui-badge":customElements.get(n(o))||s();break;case"ui-button":customElements.get(n(o))||d();break;case"ui-button-toggle":customElements.get(n(o))||l();break;case"ui-icon":customElements.get(n(o))||c();break;case"ui-input":customElements.get(n(o))||p();break;case"ui-loader":customElements.get(n(o))||h()}}))};export{m as UiAccordion,g as defineCustomElement}
+import{proxyCustomElement as o,HTMLElement as a,createEvent as r,h as i,Host as e,transformTag as t}from"@stencil/core/internal/client";import{s as n,d as c}from"./icon.js";import{d}from"./badge.js";import{d as s}from"./button.js";import{d as l}from"./button-toggle.js";import{d as h}from"./input.js";import{d as p}from"./loader.js";const b=o(class extends a{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.accordionChange=r(this,"accordionChange",7),this.beforeOpen=r(this,"beforeOpen",7),this.afterOpen=r(this,"afterOpen",7),this.beforeClose=r(this,"beforeClose",7),this.afterClose=r(this,"afterClose",7),this.accordionSearch=r(this,"accordionSearch",7),this.accordionReorder=r(this,"accordionReorder",7),this.accordionAction=r(this,"accordionAction",7)}get element(){return this}items=[];multiple=!1;expandedItems=null;defaultOpen=[];animationDuration=300;animationTiming="ease";physics="standard";backgroundColor="";haptic=!0;enableAnimation=!0;showNumbers=!1;arrowIconCollapsed="chevron-right";arrowIconExpanded="chevron-down";hideArrow=!1;selectedHeaderColor="#10b981";selectionPosition="left";variant="default";toggleStyle="chevron";size="md";iconPosition="end";persistState="";lazyRender=!1;theme="default";columns=1;enableParallax=!1;enableHaptics=!1;stickyHeaders=!1;enableQuickActions=!1;enableSearchHeatmap=!1;focusTimeout=0;enableRanking=!1;enableLocking=!1;enableSparklines=!1;enableGestures=!1;syncGroup="";showBreadcrumbs=!1;printExpandAll=!1;enableCollaborators=!1;enableAISummaries=!1;enablePortalReader=!1;enableSnapshots=!1;enableStreaming=!1;enableVoiceControl=!1;enableHolographic=!1;enableTeleportation=!1;isListening=!1;voiceCommand="";activePortalId="";availableSnapshots=[];unlockedItems=new Set;patternInput="";activeLockId="";itemHeat=new Map;_collaborators=new Map;collabChannel=null;iconLibrary="lucide";handleRemoteSync(o){if(!this.syncGroup||o.detail.group!==this.syncGroup||o.detail.sourceId===this.element.id)return;const{itemId:a,isOpen:r,multiple:i}=o.detail;i?r&&!this.openItems.includes(a)?this.openItems=[...this.openItems,a]:r||(this.openItems=this.openItems.filter((o=>o!==a))):this.openItems=r?[a]:[]}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(o){null!==o&&(this.openItems=[...o])}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(o){if("string"==typeof o)try{this.parsedItems=JSON.parse(o)}catch(o){console.error("Invalid JSON for accordion items:",o),this.parsedItems=[]}else this.parsedItems=o||[];this.contentElements.clear()}onDefaultOpenChange(o){this.parsedDefaultOpen=o||[],this.openItems=[...this.parsedDefaultOpen]}onMultipleChange(o,a){a&&!o&&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 o=this.loadFromStorage();this.openItems=o||[...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=o=>{const{type:a,itemId:r,user:i}=o.data;if("presence"===a){const o=this._collaborators.get(r)||[];o.find((o=>o.id===i.id))||(this._collaborators.set(r,[...o,i]),this._collaborators=new Map(this._collaborators))}})}simulateAISummaries(){this.parsedItems.forEach((o=>{if(!o.summaryList&&o.content){const a=o.content.replace(/<[^>]*>/g,"").slice(0,200);o.summaryList=["Key Insight: "+(a.split(".")[0]||"Analyzing content..."),"Status: Verified by AI Engine","Confidence: 98.4%"]}}))}componentDidUpdate(){this.getAllItems(this.parsedItems).forEach((o=>{const a=this.contentElements.get(o.id);a&&o.content&&(a.innerHTML=n(o.content))})),this.enablePersistence&&this.saveToStorage()}handleKeyDown(o){if(!this.element.contains(o.target))return;const a=o.target.closest(".accordion-item");if(!a)return;const r=a.getAttribute("data-id");if(r)switch(o.key){case"Enter":case" ":o.preventDefault(),this.toggleItem(r);break;case"ArrowDown":o.preventDefault(),this.focusNextItem(r);break;case"ArrowUp":o.preventDefault(),this.focusPreviousItem(r);break;case"Home":o.preventDefault(),this.focusFirstItem();break;case"End":o.preventDefault(),this.focusLastItem()}}toggleItem(o,a){if(a&&a.stopPropagation(),this.disabled)return;const r=this.getAllItems(this.parsedItems).find((a=>a.id===o));if(r?.disabled)return;if(this.animatingItems.has(o))return;const i=[...this.openItems],e=i.includes(o),t=!e,n={itemId:o,isOpen:t,timestamp:Date.now()};if(t){if(r?.lockCode&&!this.unlockedItems.has(o)&&this.enableLocking)return this.activeLockId=o,void(this.patternInput="");if(this.updateHeat(o),this.resetFocusTimer(o),this.beforeOpen.emit(n).defaultPrevented)return}else if(this.clearFocusTimer(o),this.beforeClose.emit(n).defaultPrevented)return;if(this.animatingItems.add(o),this.animatingItems=new Set(this.animatingItems),this.multiple)e?this.expandedItems||(this.openItems=i.filter((a=>a!==o))):this.expandedItems||(this.openItems=[...i,o]);else{const a=this.getPathToItem(this.parsedItems,o)||[];e?this.expandedItems||(this.openItems=a.filter((a=>a!==o))):this.expandedItems||(this.openItems=a)}this.accordionChange.emit({itemId:o,isOpen:t,openItems:this.expandedItems?e?i.filter((a=>a!==o)):[...i,o]:[...this.openItems]}),this.syncGroup&&window.dispatchEvent(new CustomEvent("accordionRemoteState",{detail:{group:this.syncGroup,itemId:o,isOpen:t,multiple:this.multiple,sourceId:this.element.id}})),this.playHaptic(t?"open":"close"),this.haptic&&navigator.vibrate&&navigator.vibrate(t?10:8),setTimeout((()=>{this.animatingItems.delete(o),this.animatingItems=new Set(this.animatingItems);const a=this.openItems.includes(o),r={itemId:o,isOpen:a,timestamp:Date.now()};a?(this.afterOpen.emit(r),this.autoScroll&&this.scrollToItem(o,this.scrollBehavior)):this.afterClose.emit(r)}),this.animationDuration)}async shake(o){this.isShaking.has(o)||(this.isShaking.add(o),this.isShaking=new Set(this.isShaking),this.haptic&&navigator.vibrate&&navigator.vibrate([30,50,30]),setTimeout((()=>{this.isShaking.delete(o),this.isShaking=new Set(this.isShaking)}),600))}async success(o){const a=this.element.shadowRoot?.querySelector(`[data-id="${o}"]`);a&&(a.classList.add("accordion-item-success"),this.haptic&&navigator.vibrate&&navigator.vibrate([10,30,20]),setTimeout((()=>{a.classList.remove("accordion-item-success")}),1e3))}focusNextItem(o){const a=this.getVisibleItems(this.parsedItems),r=a.findIndex((a=>a.id===o));-1!==r&&this.focusItem(a[(r+1)%a.length].id)}focusPreviousItem(o){const a=this.getVisibleItems(this.parsedItems),r=a.findIndex((a=>a.id===o));-1!==r&&this.focusItem(a[0===r?a.length-1:r-1].id)}focusFirstItem(){const o=this.getVisibleItems(this.parsedItems);o.length>0&&this.focusItem(o[0].id)}focusLastItem(){const o=this.getVisibleItems(this.parsedItems);o.length>0&&this.focusItem(o[o.length-1].id)}focusItem(o){const a=this.element.querySelector(`[data-id="${o}"] .accordion-header`);a&&a.focus()}async openItem(o){const a=this.getAllItems(this.parsedItems).find((a=>a.id===o));if(a?.disabled)return;let r=[...this.openItems];this.multiple||(r=[]),r.includes(o)||r.push(o),this.openItems=r}async closeItem(o){this.openItems=this.openItems.filter((a=>a!==o))}async toggleItemById(o){this.toggleItem(o)}async openAll(){this.multiple&&(this.openItems=this.getAllItems(this.parsedItems).map((o=>o.id)))}async closeAll(){this.openItems=[]}async scrollToItem(o,a="smooth"){const r=this.itemRefs.get(o);r&&r.scrollIntoView({behavior:a,block:"center"})}async searchItems(o){this.searchQuery=o,this.performSearch()}async clearSearch(){this.searchQuery="",this.filteredItems=this.parsedItems}async getOpenItems(){return[...this.openItems]}async setOpenItems(o){this.openItems=[...o]}async saveSnapshot(o){this.enableSnapshots&&(localStorage.setItem(`${this.persistenceKey}-snapshot-${o}`,JSON.stringify(this.openItems)),this.availableSnapshots=[...new Set([...this.availableSnapshots,o])],this.saveToStorage())}async teleportTo(o){this.enableTeleportation&&(this.openItem(o),this.scrollToItem(o))}async initVoice(){if(!this.enableVoiceControl||!("webkitSpeechRecognition"in window))return;const o=new window.webkitSpeechRecognition;o.continuous=!1,o.interimResults=!1,o.lang="en-US",o.onstart=()=>{this.isListening=!0},o.onend=()=>{this.isListening=!1},o.onresult=o=>{const a=o.results[0][0].transcript.toLowerCase();this.voiceCommand=a;const r=this.getAllItems(this.parsedItems).find((o=>a.includes(o.title.toLowerCase())||a.includes(o.id.toLowerCase())));if(r&&this.toggleItem(r.id),(a.includes("reset")||a.includes("close all"))&&this.closeAll(),a.includes("search for")){const o=a.split("search for")[1].trim();this.searchItems(o)}},o.start()}saveToStorage(){try{localStorage.setItem(this.persistenceKey,JSON.stringify(this.openItems))}catch(o){console.error("Failed to save accordion state:",o)}}playHaptic(o){if(this.enableHaptics)try{const a=new(window.AudioContext||window.webkitAudioContext),r=a.createOscillator(),i=a.createGain();r.connect(i),i.connect(a.destination);const e=a.currentTime;"open"===o?(r.type="sine",r.frequency.setValueAtTime(880,e),r.frequency.exponentialRampToValueAtTime(100,e+.1),i.gain.setValueAtTime(.3,e),i.gain.exponentialRampToValueAtTime(.01,e+.1)):(r.type="triangle",r.frequency.setValueAtTime(220,e),r.frequency.exponentialRampToValueAtTime(40,e+.15),i.gain.setValueAtTime(.2,e),i.gain.exponentialRampToValueAtTime(.01,e+.15)),r.start(e),r.stop(e+.2),setTimeout((()=>a.close()),250)}catch(o){console.warn("Audio haptics unavailable:",o)}}loadFromStorage(){try{const o=localStorage.getItem(this.persistenceKey);return o?JSON.parse(o):null}catch(o){return console.error("Failed to load accordion state:",o),null}}performSearch(){if(!this.searchQuery.trim())return this.filteredItems=this.parsedItems,void this.accordionSearch.emit({query:"",matchedItems:[],totalItems:this.parsedItems.length});const o=this.searchQuery.toLowerCase(),a=this.getAllItems(this.parsedItems),r=a.filter((a=>!1!==a.searchable&&`${a.title} ${a.subtitle||""} ${a.content||""}`.toLowerCase().includes(o))).map((o=>o.id));this.filteredItems=this.parsedItems.filter((o=>this.itemOrChildrenMatch(o,r))),this.accordionSearch.emit({query:this.searchQuery,matchedItems:r,totalItems:a.length})}itemOrChildrenMatch(o,a){return!!a.includes(o.id)||!!o.children&&o.children.some((o=>this.itemOrChildrenMatch(o,a)))}getAllItems(o){const a=[];return o.forEach((o=>{a.push(o),o.children&&this.enableNested&&a.push(...this.getAllItems(o.children))})),a}getVisibleItems(o){const a=[];return o.forEach((o=>{a.push(o);const r=this.openItems.includes(o.id);o.children&&this.enableNested&&r&&a.push(...this.getVisibleItems(o.children))})),a}getPathToItem(o,a){for(const r of o){if(r.id===a)return[r.id];if(r.children){const o=this.getPathToItem(r.children,a);if(o)return[r.id,...o]}}return null}handleDragStart(o,a){this.enableDragDrop&&(this.draggedItemId=o,a.dataTransfer&&(a.dataTransfer.effectAllowed="move",a.dataTransfer.setData("text/plain",o)))}handleDragOver(o,a){this.enableDragDrop&&this.draggedItemId&&(a.preventDefault(),this.dragOverItemId=o,a.dataTransfer&&(a.dataTransfer.dropEffect="move"))}handleDragEnd(){this.draggedItemId=null,this.dragOverItemId=null}handleDrop(o,a){if(!this.enableDragDrop||!this.draggedItemId)return;a.preventDefault();const r=this.parsedItems.findIndex((o=>o.id===this.draggedItemId)),i=this.parsedItems.findIndex((a=>a.id===o));if(-1!==r&&-1!==i&&r!==i){const o=[...this.parsedItems],[a]=o.splice(r,1);o.splice(i,0,a),this.parsedItems=o,this.items=[...o],this.accordionReorder.emit({itemId:this.draggedItemId,oldIndex:r,newIndex:i,items:o})}this.handleDragEnd()}handleActionClick(o,a,r,i){i.stopPropagation(),r.onClick&&r.onClick(o,a),this.accordionAction.emit({itemId:o,actionId:a,action:r})}resetFocusTimer(o){!this.focusTimeout||this.focusTimeout<=0||(this.clearFocusTimer(o),this.focusTimers.set(o,setTimeout((()=>{this.openItems.includes(o)&&this.toggleItem(o)}),this.focusTimeout)))}clearFocusTimer(o){const a=this.focusTimers.get(o);a&&(clearTimeout(a),this.focusTimers.delete(o))}renderPresence(o){if(!this.enableCollaborators)return null;const a=[...o.collaborators||[],...this._collaborators.get(o.id)||[]];return 0===a.length?null:i("div",{class:"accordion-collaborators"},a.map((o=>i("div",{class:"presence-avatar",title:o.name,style:{backgroundColor:o.color||"#3bf673"}},o.avatar?i("img",{src:o.avatar,alt:""}):o.name?o.name.charAt(0):"?"))))}renderAIBriefing(o){return this.enableAISummaries&&o.summaryList?i("div",{class:"accordion-ai-briefing"},i("ul",{class:"briefing-list"},o.summaryList.map((o=>i("li",null,o))))):null}renderPortalOverlay(){if(!this.activePortalId)return null;const o=this.getAllItems(this.parsedItems).find((o=>o.id===this.activePortalId));return o?i("div",{class:"accordion-portal-overlay",style:{"--accordion-bg":this.backgroundColor||"white",backgroundColor:"var(--accordion-bg, #ffffff)"}},i("div",{class:"portal-header"},i("div",{class:"portal-title"},o.title),i("div",{class:"portal-header-actions"},i("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=""}))),i("div",{class:"portal-content"},i("div",{class:"portal-meta"},o.subtitle," | Full Focus Mode"),i("div",{class:"portal-body",innerHTML:n(o.content??"")}))):null}renderStreamingTerminal(o){return this.enableStreaming&&o.streamData?i("div",{class:"accordion-streaming-terminal"},i("div",{class:"terminal-header"},"LIVE TELEMETRY STREAM"),i("div",{class:"terminal-body",ref:o=>{o&&(o.scrollTop=o.scrollHeight)}},o.streamData.map((o=>i("div",{class:"terminal-line"},i("span",{class:"line-timestamp"},"[",(new Date).toLocaleTimeString(),"]"),i("span",{class:"line-msg"},o)))))):null}renderTeleportLink(o){return o.teleportTo?i("ui-button",{variant:"ghost",size:"xs",class:"accordion-teleport-link",icon:"link-2",iconLibrary:"lucide",iconSize:"12px",label:"Goto: "+o.teleportTo,onClick:a=>{a.stopPropagation(),o.teleportTo&&this.teleportTo(o.teleportTo)}}):null}renderQuickActions(o){if(!this.enableQuickActions)return null;const a=o.actions||[];return i("div",{class:"accordion-quick-actions"},this.enableVoiceControl&&i("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:o=>{o.stopPropagation(),this.initVoice()}}),this.enablePortalReader&&i("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:a=>{a.stopPropagation(),this.activePortalId=o.id}}),a.map((a=>i("ui-button",{variant:a.variant||"ghost",iconOnly:!a.label||!!a.icon,size:"xs",class:"quick-action-btn",icon:a.icon,iconLibrary:a.iconLibrary||this.iconLibrary,iconSize:"14px",label:a.icon?void 0:a.label,ariaLabel:a.ariaLabel||a.label,disabled:a.disabled,onClick:r=>{this.handleActionClick(o.id,a.id,a,r)}}))))}renderSearchHeatmap(){if(!this.enableSearchHeatmap||!this.searchQuery)return null;const o=this.getAllItems(this.parsedItems),a=o.map(((o,a)=>({id:o.id,index:a}))).filter((a=>{const r=this.searchQuery.toLowerCase();return""+a.id&&(o[a.index].title.toLowerCase().includes(r)||(o[a.index].subtitle||"").toLowerCase().includes(r))})),r=o.length;return i("div",{class:"accordion-search-heatmap"},a.map((o=>i("div",{class:"heatmap-marker",style:{top:o.index/r*100+"%"},onClick:()=>this._scrollToItem(o.id)}))))}_scrollToItem(o){this.scrollToItem(o)}updateHeat(o){if(!this.enableRanking)return;const a=this.itemHeat.get(o)||0;this.itemHeat.set(o,a+1),this.itemHeat=new Map(this.itemHeat),this.saveToStorage()}renderSparkline(o){if(!this.enableSparklines||!o||o.length<2)return null;const a=o??[];if(a.length<2)return null;const r=Math.max(...a),e=Math.min(...a),t=r-e||1,n=a.map(((o,r)=>`${r/(a.length-1)*60},${20-(o-e)/t*20}`)).join(" ");return i("div",{class:"accordion-header-sparkline"},i("svg",{width:60,height:20,viewBox:"0 0 60 20"},i("polyline",{fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round",points:n})))}handlePatternDot(o){this.patternInput+=o;const a=this.getAllItems(this.parsedItems).find((o=>o.id===this.activeLockId));if(a&&a.lockCode===this.patternInput){this.unlockedItems.add(this.activeLockId),this.unlockedItems=new Set(this.unlockedItems);const o=this.activeLockId;this.activeLockId="",this.toggleItem(o)}else this.patternInput.length>=(a?.lockCode?.length||9)&&(this.shake(this.activeLockId),this.patternInput="")}renderLockOverlay(){return this.activeLockId?i("div",{class:"accordion-lock-overlay"},i("div",{class:"lock-grid"},["1","2","3","4","5","6","7","8","9"].map((o=>i("div",{class:{"lock-dot":!0,active:this.patternInput.includes(o)},onMouseEnter:()=>this.handlePatternDot(o),onTouchStart:()=>this.handlePatternDot(o)})))),i("div",{class:"lock-hint"},"Draw Security Pattern"),i("ui-button",{variant:"ghost",size:"sm",class:"lock-cancel",label:"Cancel",onClick:()=>this.activeLockId=""})):null}handleParallax(o,a){if(!this.enableParallax)return;const r=this.itemRefs.get(a);if(!r)return;const i=r.getBoundingClientRect(),e=(o.clientX-i.left-i.width/2)/(i.width/4),t=(o.clientY-i.top-i.height/2)/(i.height/4);r.style.setProperty("--parallax-x",10*e+"px"),r.style.setProperty("--parallax-y",10*t+"px"),r.style.setProperty("--rotate-y",8*e+"deg"),r.style.setProperty("--rotate-x",8*-t+"deg")}resetParallax(o){const a=this.itemRefs.get(o);a&&(a.style.setProperty("--parallax-x","0px"),a.style.setProperty("--parallax-y","0px"),a.style.setProperty("--rotate-y","0deg"),a.style.setProperty("--rotate-x","0deg"))}highlightSearchText(o){if(!this.searchQuery.trim())return o;const a=this.searchQuery.trim(),r=RegExp(`(${a})`,"gi");return o.replace(r,'<mark class="search-highlight">$1</mark>')}renderItem(o,a=0,r=[]){const e=this.openItems.includes(o.id),t=this.disabled||o.disabled||!1,c=["accordion-item",e&&"accordion-item-open",t&&"accordion-item-disabled",this.draggedItemId===o.id&&"accordion-item-dragging",this.dragOverItemId===o.id&&"accordion-item-drag-over",o.loading&&"accordion-item-loading",a>0&&"accordion-item-nested",this.isShaking.has(o.id)&&"accordion-item-shaking"].filter(Boolean).join(" "),d=["accordion-header",t&&"accordion-header-disabled",this.stickyHeaders&&"accordion-header-sticky","none"!==this.selectionPosition&&"accordion-selection-"+this.selectionPosition,this.enableAnimation&&"accordion-physics-"+this.physics].filter(Boolean).join(" "),s=["accordion-content",e&&"accordion-content-open",this.enableAnimation&&"accordion-physics-"+this.physics].filter(Boolean).join(" "),l=Math.min(this.headerLevel+a,6),h="h"+l;return i("div",{class:c,"data-id":o.id,draggable:this.enableDragDrop&&!t,onDragStart:a=>this.handleDragStart(o.id,a),onDragOver:a=>this.handleDragOver(o.id,a),onDragEnd:()=>this.handleDragEnd(),onDrop:a=>this.handleDrop(o.id,a),onMouseMove:a=>this.handleParallax(a,o.id),onMouseLeave:()=>this.resetParallax(o.id),style:{"--nest-depth":""+a,...this.enableHolographic&&this.openItems.length>0&&!e?{transform:"perspective(1000px) rotateX(-10deg) translateZ(-50px)",opacity:"0.6"}:{}},ref:a=>{a&&this.itemRefs.set(o.id,a)}},o.headerSlot?i("div",{class:"accordion-header-custom",role:"heading","aria-level":l},i("slot",{name:o.headerSlot})):i(h,{style:{margin:0,padding:0}},i("ui-button",{variant:"accordion",class:d,onClick:a=>this.toggleItem(o.id,a),disabled:t,fullWidth:!0,"icon-position":"none",align:"start",justify:"between",noRipple:!0,"aria-expanded":e?"true":"false","aria-controls":"accordion-content-"+o.id,ariaLabel:`${e?"Close":"Open"} ${o.title}`,tabindex:t?-1:0},i("div",{class:"accordion-header-content"},i("div",{class:"accordion-header-left"},"start"===this.iconPosition&&!this.hideArrow&&(()=>i("div",{class:"accordion-arrow-wrapper"},i("ui-icon",{name:"plus-minus"===this.toggleStyle?e?"minus":"plus":e?this.arrowIconExpanded:this.arrowIconCollapsed,library:this.iconLibrary,size:"1.2em",class:"accordion-arrow arrow-start"})))(),o.image&&i("img",{src:o.image,alt:"",class:"accordion-image"}),o.icon&&i("span",{class:"accordion-icon"},i("ui-icon",{name:o.icon,library:o.iconLibrary||this.iconLibrary,size:"1.2em"})),i("div",{class:"accordion-header-text"},this.showBreadcrumbs&&r.length>0&&i("div",{class:"accordion-breadcrumbs"},r.map(((o,a)=>i("span",{class:"breadcrumb-node"},o," ",a<r.length-1?" > ":"")))),i("div",{class:"accordion-title-group"},i("div",{class:"accordion-title",innerHTML:n(this.enableSearch?this.highlightSearchText(o.title):o.title)}),o.subtitle&&i("div",{class:"accordion-subtitle",innerHTML:n(this.enableSearch?this.highlightSearchText(o.subtitle):o.subtitle)}),this.renderSparkline(o.sparkline??[]),this.renderAIBriefing(o),this.renderTeleportLink(o)),o.peek&&!e&&!this.searchQuery&&i("span",{class:"accordion-peek-snippet",innerHTML:n(o.peek)}))),i("div",{class:"accordion-header-right"},i("div",{class:"accordion-header-indicators"},this.renderPresence(o),this.renderQuickActions(o),void 0!==o.progress&&o.progress>=0&&i("div",{class:"accordion-progress-ring"},i("svg",{viewBox:"0 0 36 36"},i("circle",{cx:"18",cy:"18",r:"16",fill:"none",class:"ring-bg","stroke-width":"3"}),i("circle",{cx:"18",cy:"18",r:"16",fill:"none",class:"ring-fg","stroke-width":"3",style:{strokeDasharray:o.progress+", 100"}})),i("span",{class:"progress-text"},o.progress,"%")),o.status&&"none"!==o.status&&i("div",{class:"accordion-status-badge status-"+o.status},"completed"===o.status&&i("ui-icon",{name:"check",library:this.iconLibrary,size:"14px"}),"error"===o.status&&i("ui-icon",{name:"alert-circle",library:this.iconLibrary,size:"14px"}),"warning"===o.status&&i("ui-icon",{name:"alert-triangle",library:this.iconLibrary,size:"14px"}),"current"===o.status&&i("div",{class:"pulse-dot"}))),void 0!==o.badge&&o.badge>0&&i("span",{class:"accordion-badge"},o.badge),o.actions&&o.actions.length>0&&i("div",{class:"accordion-actions"},o.actions.map((a=>i("ui-button",{key:a.id,variant:a.variant||"ghost",size:"xs",iconOnly:!!a.icon,icon:a.icon,iconLibrary:a.iconLibrary||o.iconLibrary||this.iconLibrary,iconSize:"1.1em",label:a.icon?void 0:a.label,ariaLabel:a.ariaLabel||a.label,disabled:a.disabled,onClick:r=>this.handleActionClick(o.id,a.id,a,r)})))),o.loading&&i("ui-loader",{size:"xs",color:"currentColor",class:"accordion-loading-spinner"}),"end"===this.iconPosition&&!this.hideArrow&&(()=>i("div",{class:"accordion-arrow-wrapper"},i("ui-icon",{name:"plus-minus"===this.toggleStyle?e?"minus":"plus":e?this.arrowIconExpanded:this.arrowIconCollapsed,library:this.iconLibrary,size:"1.2em",class:"accordion-arrow"})))())))),(()=>{const t=this.animatingItems.has(o.id),n=!this.lazyRender||e||t||o.renderOnceOnly||this.printExpandAll;return n&&this.lazyRender&&e&&(o.renderOnceOnly=!0),n?i("div",{class:s,id:"accordion-content-"+o.id,"aria-labelledby":"accordion-header-"+o.id,role:"region",style:{"--animation-duration":this.animationDuration+"ms","--animation-timing":this.animationTiming}},i("div",{class:"accordion-content-inner",ref:a=>{a&&o.content&&this.contentElements.set(o.id,a)}},this.renderStreamingTerminal(o),o.content||i("slot",{name:"content-"+o.id})),this.enableNested&&o.children&&o.children.length>0&&i("div",{class:"accordion-nested-items"},o.children.map((i=>this.renderItem(i,a+1,[...r,o.title]))))):null})())}renderSkeleton(){return Array.from({length:3}).map(((o,a)=>i("div",{class:"accordion-item accordion-item-skeleton",key:"skeleton-"+a},i("div",{class:"accordion-header"},i("div",{class:"accordion-header-content"},i("div",{class:"skeleton-box",style:{width:"24px",height:"24px"}}),i("div",{class:"skeleton-box",style:{width:"60%",height:"20px"}}))))))}renderNumberedIndicators(){return i("div",{class:"accordion-indicators",role:"tablist","aria-label":"Accordion navigation"},this.parsedItems.map(((o,a)=>{const r=this.openItems.includes(o.id),e=this.disabled||o.disabled||!1,t=["accordion-indicator",r&&"accordion-indicator-active",e&&"accordion-indicator-disabled"].filter(Boolean).join(" ");return i("ui-button",{key:o.id,variant:r?"primary":"outline",size:"xs",class:t,label:""+(a+1),onClick:()=>this.toggleItem(o.id),disabled:e,ariaLabel:"Open "+o.title,"aria-expanded":r?"true":"false","aria-controls":"accordion-content-"+o.id})})))}render(){const o=["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(" "),a=(()=>{let o=[...this.parsedItems];return this.enableRanking&&o.sort(((o,a)=>(this.itemHeat.get(a.id)||0)-(this.itemHeat.get(o.id)||0))),this.enableSearch&&this.searchQuery?this.filteredItems:o})(),r={};return this.backgroundColor&&(r["--accordion-bg"]=this.backgroundColor,r.backgroundColor="var(--accordion-bg)"),i(e,{class:{"accordion-host":!0,"is-open":this.openItems.length>0,"is-portal-active":!!this.activePortalId}},i("div",{class:o,role:"tablist","aria-multiselectable":this.multiple,dir:this.rtl?"rtl":"ltr",style:{...r,"--selected-header-color":this.selectedHeaderColor,"--selected-header-bg":this.selectedHeaderColor+"1a",..."headline"===this.variant?(()=>{const o=this.headerLevel||3;return{"--hl-title-size":["48px","36px","28px","22px","18px","15px"][o-1],"--hl-subtitle-size":["24px","20px","17px","14px","13px","12px"][o-1],"--hl-padding":["48px 0","40px 0","32px 0","24px 0","18px 0","14px 0"][o-1],"--hl-gap":["16px","14px","12px","10px","8px","6px"][o-1]}})():{}}},this.enableSearch&&i("div",{class:"accordion-search"},i("ui-input",{type:"text",class:"accordion-search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,onInputChange:o=>{this.searchQuery=o.detail,this.performSearch()},ariaLabel:"Search accordion items",showClear:!1}),this.searchQuery&&i("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()}),i("div",{class:"sr-only","aria-live":"polite",role:"status"},this.searchQuery?`Showing ${this.filteredItems.length} results for ${this.searchQuery}`:"")),this.enableExpandCollapseAll&&this.multiple&&i("div",{class:"accordion-controls"},i("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"}),i("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():a.length>0?a.map((o=>this.renderItem(o,0,[]))):i("div",{class:"accordion-no-results"},this.loading?i("ui-loader",{size:"xs",color:"currentColor"}):this.enableSearch&&this.searchQuery?i("p",null,'No items match your search "',this.searchQuery,'"'):i("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}]}}static get style(){return'@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.accordion-container{width:100%;border:1px solid var(--accordion-border-color, #e5e7eb);border-radius:8px;overflow:hidden;background-color:var(--accordion-bg, white);font-family:var(--font-family)}.accordion-indicators{display:flex;gap:8px;padding:16px 20px;border-bottom:1px solid var(--accordion-border-color, #e5e7eb);background-color:#f9fafb;flex-wrap:wrap}.accordion-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid #d1d5db;border-radius:50%;background-color:white;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease;outline:none}.accordion-indicator:hover:not(.accordion-indicator-disabled){border-color:var(--selected-header-color, #10b981);color:var(--selected-header-color, #10b981);background-color:var(--selected-header-bg, #eff6ff)}.accordion-indicator:focus{box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.accordion-indicator-active{border-color:var(--selected-header-color, #10b981);background-color:var(--selected-header-bg, #eff6ff);color:var(--selected-header-color, #10b981);font-weight:600}.accordion-indicator-disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.accordion-item{border-bottom:1px solid var(--accordion-border-color, #e5e7eb)}.accordion-item:last-child{border-bottom:none}.accordion-item-disabled{opacity:0.6;pointer-events:none}.accordion-header{width:100%;padding:16px 20px;background:none;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:500;color:#374151;transition:all 0.2s ease;outline:none}.accordion-header:focus{box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1);border-radius:4px}.accordion-header:hover:not(.accordion-header-disabled){background-color:transparent}.accordion-item-open .accordion-header{background-color:var(--selected-header-bg, #f0f9ff);border-left:none}.accordion-item-open .accordion-header.accordion-selection-left{border-left:3px solid var(--selected-header-color, #10b981)}.accordion-item-open .accordion-header.accordion-selection-top{border-top:3px solid var(--selected-header-color, #10b981)}.accordion-header:active:not(.accordion-header-disabled){background-color:#f3f4f6}.accordion-header:active:not(.accordion-header-disabled).accordion-physics-bouncy,.accordion-header:active:not(.accordion-header-disabled).accordion-physics-liquid{transform:perspective(500px) rotateX(-2deg) scale(0.985);transition:transform 0.1s cubic-bezier(0.4, 0, 0.2, 1)}.accordion-header:focus-visible{outline:none;box-shadow:0 0 0 2px white, 0 0 0 4px var(--selected-header-color, #10b981) !important;border-radius:4px;z-index:10}.accordion-header-disabled{cursor:not-allowed;color:#9ca3af}.accordion-header-content{display:flex !important;align-items:center;justify-content:space-between;width:100%;min-width:0;flex:1}.accordion-header-btn{width:100% !important;height:auto !important;min-height:0 !important;padding:0 !important;background:transparent !important;box-shadow:none !important;border:none !important;transform:none !important}.accordion-header-btn::part(button){padding:16px 20px !important;width:100% !important;justify-content:space-between !important;background:transparent !important;border:none !important;box-shadow:none !important}.accordion-header-btn:hover::part(button){background:rgba(0, 0, 0, 0.02) !important}.accordion-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-align:left}.accordion-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto}.accordion-actions{display:flex;align-items:center;gap:4px;margin-left:4px}.accordion-icon{font-size:18px;color:#6b7280;flex-shrink:0}.accordion-image{width:24px;height:24px;border-radius:4px;object-fit:cover;flex-shrink:0}.accordion-header-text{flex:1;display:flex;flex-direction:column;min-width:0;text-align:left}.accordion-title-group{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.accordion-title{font-size:15px;font-weight:600;color:var(--color-text-primary, #111827);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accordion-subtitle{font-size:13px;color:var(--color-text-muted, #6b7280);margin-top:2px}.accordion-badge{background-color:#ef4444;color:white;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center;flex-shrink:0}.accordion-arrow{color:var(--color-text-muted, #6b7280);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:0.7;pointer-events:none;}.accordion-header:hover .accordion-arrow{opacity:1;color:var(--color-text-primary, #111827);transform:scale(1.1)}.accordion-item-open .accordion-arrow{transform:rotate(180deg)}.accordion-arrow.arrow-start{margin-right:4px}.accordion-content{overflow:hidden;max-height:0;opacity:0;transition:max-height var(--animation-duration, 300ms) var(--animation-timing, ease), opacity var(--animation-duration, 300ms) var(--animation-timing, ease);background-color:var(--accordion-content-bg, #f9fafb);}.accordion-content.accordion-physics-bouncy{transition:max-height var(--animation-duration, 500ms) cubic-bezier(0.68, -0.6, 0.32, 1.6), opacity var(--animation-duration, 500ms) ease, transform var(--animation-duration, 500ms) cubic-bezier(0.68, -0.6, 0.32, 1.6);transform-origin:top}.accordion-content.accordion-physics-bouncy.accordion-content-open{animation:elastic-stretch var(--animation-duration, 500ms) cubic-bezier(0.68, -0.6, 0.32, 1.6)}.accordion-content.accordion-physics-liquid{transition:max-height var(--animation-duration, 600ms) cubic-bezier(0.2, 0.8, 0.2, 1), opacity var(--animation-duration, 600ms) ease, transform var(--animation-duration, 600ms) cubic-bezier(0.2, 0.8, 0.2, 1);transform-origin:top}.accordion-content.accordion-physics-liquid.accordion-content-open{animation:liquid-stretch var(--animation-duration, 600ms) cubic-bezier(0.2, 0.8, 0.2, 1)}@keyframes elastic-stretch{0%{transform:scaleY(0.9) translateY(-10px)}60%{transform:scaleY(1.05) translateY(0)}100%{transform:scaleY(1) translateY(0)}}@keyframes liquid-stretch{0%{transform:scaleY(0.8) skewX(-2deg)}50%{transform:scaleY(1.02) skewX(1deg)}100%{transform:scaleY(1) skewX(0)}}.accordion-content:not(.accordion-content-open){max-height:0;opacity:0}.accordion-content-open{max-height:90vh;opacity:1;overflow-y:auto}.accordion-content-inner{padding:16px 20px;color:#4b5563;line-height:1.6}.accordion-content-inner p{margin-top:0;margin-bottom:12px}.accordion-content-inner p:last-child{margin-bottom:0}.accordion-container.accordion-sm .accordion-header{padding:10px 16px;font-size:13px}.accordion-container.accordion-lg .accordion-header{padding:20px 24px;font-size:18px}.accordion-container.accordion-main .accordion-header{padding:24px 32px;font-size:22px;font-weight:700}.accordion-container.accordion-section .accordion-header{padding:18px 24px;font-size:18px;font-weight:600}.accordion-container.accordion-subsection .accordion-header{padding:14px 20px;font-size:15px;font-weight:500}.accordion-container.accordion-popover .accordion-header{padding:8px 12px;font-size:13px;font-weight:500}.accordion-container.accordion-popover .accordion-content-inner{padding:8px 12px;font-size:12px}.accordion-container.accordion-bordered .accordion-item{border:1px solid #e5e7eb;margin-bottom:8px;border-radius:6px}.accordion-container.accordion-bordered .accordion-item:last-child{margin-bottom:0}.accordion-container.accordion-bordered{border:none;background:transparent}.accordion-container.accordion-splitted{border:none;background:transparent;display:flex;flex-direction:column;gap:12px}.accordion-container.accordion-splitted .accordion-item{border:1px solid #e5e7eb;border-radius:12px;background:white;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);transition:box-shadow 0.2s ease, border-color 0.2s ease}.accordion-container.accordion-splitted .accordion-item-open{box-shadow:0 4px 12px rgba(0, 0, 0, 0.08);border-color:var(--selected-header-color, #10b981)}.accordion-container.accordion-light{border:none;background:transparent}.accordion-container.accordion-light .accordion-item{border-bottom:1px solid transparent;}.accordion-container.accordion-light .accordion-header{background:transparent !important;}.accordion-container.accordion-light .accordion-header:hover{background:rgba(0, 0, 0, 0.03) !important}.accordion-container.accordion-shadow{border:none;box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);border-radius:16px}.accordion-container.accordion-card-list,.accordion-container.accordion-card{border:none;background:transparent;display:flex;flex-direction:column;gap:12px;overflow:visible;}.accordion-card-list .accordion-item,.accordion-card .accordion-item{border:1px solid #e8edf2;border-radius:16px;background:#ffffff;box-shadow:0 2px 8px rgba(0, 0, 0, 0.06);transition:box-shadow 0.25s ease, border-color 0.25s ease, transform 0.15s ease;overflow:hidden}.accordion-card-list .accordion-item:hover:not(.accordion-item-disabled),.accordion-card .accordion-item:hover:not(.accordion-item-disabled){box-shadow:0 4px 18px rgba(0, 0, 0, 0.1);transform:translateY(-1px)}.accordion-card-list .accordion-item-open,.accordion-card .accordion-item-open{border-color:var(--selected-header-color, #10b981);box-shadow:0 8px 30px rgba(0, 0, 0, 0.15);transform:translateY(-2px)}.accordion-card-list .accordion-item,.accordion-card .accordion-item,.accordion-card-list .accordion-item:last-child,.accordion-card .accordion-item:last-child{border:1px solid #e8edf2}.accordion-card-list .accordion-header,.accordion-card .accordion-header{--button-padding:18px 0px;background:transparent;border-left:none !important}.accordion-card-list .accordion-header:hover:not(.accordion-header-disabled),.accordion-card .accordion-header:hover:not(.accordion-header-disabled){background:transparent}.accordion-card-list .accordion-item-open .accordion-header,.accordion-card .accordion-item-open .accordion-header{background:transparent;border-left:none !important}.accordion-card-list .accordion-icon,.accordion-card .accordion-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:12px;background:color-mix(in srgb, var(--selected-header-color, #10b981) 12%, transparent);color:var(--selected-header-color, #10b981);font-size:20px;flex-shrink:0;transition:background 0.2s ease}@supports not (background: color-mix(in srgb, red 10%, transparent)){.accordion-card-list .accordion-icon,.accordion-card .accordion-icon{background:rgba(16, 185, 129, 0.12)}}.accordion-card-list .accordion-item:hover .accordion-icon,.accordion-card .accordion-item:hover .accordion-icon{background:color-mix(in srgb, var(--selected-header-color, #10b981) 20%, transparent)}.accordion-card-list .accordion-title,.accordion-card .accordion-title{font-size:15px;font-weight:700;color:#1a202c;white-space:normal;}.accordion-card-list .accordion-subtitle,.accordion-card .accordion-subtitle{font-size:13px;color:#8a92a0;font-weight:400;white-space:normal}.accordion-card-list .accordion-header-text,.accordion-card .accordion-header-text{gap:3px}.accordion-card-list .accordion-arrow,.accordion-card .accordion-arrow{color:#c0c8d4;font-size:14px;margin-left:16px;transition:color 0.2s ease}.accordion-card-list .accordion-item:hover .accordion-arrow,.accordion-card .accordion-item:hover .accordion-arrow{color:var(--selected-header-color, #10b981)}.accordion-card-list .accordion-item-open .accordion-arrow,.accordion-card .accordion-item-open .accordion-arrow{color:var(--selected-header-color, #10b981)}.accordion-card-list .accordion-content,.accordion-card .accordion-content{background:#f8fafc;border-top:1px solid #edf1f6}.accordion-card-list .accordion-content-inner,.accordion-card .accordion-content-inner{padding:16px 20px 20px;color:#4a5568;font-size:14px;line-height:1.65}.accordion-card-list.accordion-sm .accordion-header,.accordion-card.accordion-sm .accordion-header{padding:14px 16px}.accordion-card-list.accordion-sm .accordion-icon,.accordion-card.accordion-sm .accordion-icon{width:36px;height:36px;min-width:36px;border-radius:10px;font-size:17px}.accordion-card-list.accordion-sm .accordion-title,.accordion-card.accordion-sm .accordion-title{font-size:14px}.accordion-card-list.accordion-lg .accordion-header,.accordion-card.accordion-lg .accordion-header{padding:22px 24px}.accordion-card-list.accordion-lg .accordion-icon,.accordion-card.accordion-lg .accordion-icon{width:52px;height:52px;min-width:52px;border-radius:14px;font-size:24px}.accordion-card-list.accordion-lg .accordion-title,.accordion-card.accordion-lg .accordion-title{font-size:17px}.accordion-card-list.accordion-icon-start .accordion-arrow.arrow-start,.accordion-card.accordion-icon-start .accordion-arrow.arrow-start{margin-right:16px;margin-left:0}.accordion-headline{background:transparent !important;border:none !important;box-shadow:none !important}.accordion-headline .accordion-item{border-bottom:1px solid #e5e7eb;margin-bottom:0;transition:all 0.25s ease}.accordion-headline .accordion-item:last-child{border-bottom:none}.accordion-headline .accordion-header{padding:var(--hl-padding, 32px 0);font-size:var(--hl-title-size, 28px);font-weight:700;color:#111827;background:transparent;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:24px;border-left:none !important;text-align:left}.accordion-headline .accordion-header:hover{background:transparent;color:var(--selected-header-color, #10b981)}.accordion-headline .accordion-header-content{flex:1;display:flex;flex-direction:row;align-items:flex-start;gap:16px}.accordion-headline .accordion-header-text{display:flex;flex-direction:column;gap:var(--hl-gap, 12px);flex:1;text-align:left}.accordion-headline .accordion-title{white-space:normal;font-size:var(--hl-title-size, 28px) !important;font-weight:700;line-height:1.2;text-align:left;color:#111827}.accordion-headline .accordion-subtitle{font-size:var(--hl-subtitle-size, 16px) !important;color:#4b5563;line-height:1.6;margin-top:4px;white-space:normal;max-width:90%;font-weight:400;text-align:left}.accordion-headline{}.accordion-headline .accordion-badge{background:#1f2937;color:white;width:22px;height:22px;min-width:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;order:2;margin-top:6px}.accordion-headline .accordion-arrow{font-size:calc(var(--hl-title-size, 28px) * 0.7);color:#111827;margin-top:6px;opacity:0.8}.accordion-headline .accordion-item-open .accordion-header{background:transparent;border-left:none;color:#111827}.accordion-headline .accordion-content{background:transparent}.accordion-headline .accordion-content-inner{padding:24px 0 40px 0;border-top:1px dashed var(--border-default, #e5e7eb);font-size:var(--hl-subtitle-size, 16px);color:var(--text-secondary, #4b5563);line-height:1.6;text-align:left}.accordion-arrow.arrow-start{margin-left:0;margin-right:12px;order:-1;}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.accordion-header:focus-visible{outline:2px solid #10b981;outline-offset:2px;z-index:10;}@media (max-width: 640px){.accordion-header{padding:12px 16px;font-size:14px}.accordion-content-inner{padding:12px 16px}.accordion-header-content{gap:8px}.accordion-badge{font-size:11px;padding:1px 6px}}.accordion-search{position:relative;padding:16px 20px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.accordion-search-input{width:100%;padding:10px 40px 10px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:all 0.2s ease}.accordion-search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.accordion-search-clear{position:absolute;right:28px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;font-size:18px;padding:4px 8px;border-radius:4px;transition:all 0.2s ease}.accordion-search-clear:hover{background-color:#e5e7eb;color:#374151}.search-highlight{background-color:#fef08a;color:#854d0e;padding:2px 4px;border-radius:2px;font-weight:600}.accordion-controls{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb;flex-wrap:wrap}.accordion-control-button{padding:8px 16px;background-color:white;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all 0.2s ease;outline:none}.accordion-control-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.accordion-control-button:active:not(:disabled){background-color:#e5e7eb}.accordion-control-button:disabled{opacity:0.5;cursor:not-allowed}.accordion-control-button:focus{box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.accordion-header-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.accordion-subtitle{font-size:13px;color:#6b7280;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accordion-actions{display:flex;gap:4px;margin-left:8px}.accordion-action-button{padding:6px 10px;background-color:transparent;border:1px solid #d1d5db;border-radius:4px;font-size:14px;color:#374151;cursor:pointer;transition:all 0.2s ease;outline:none}.accordion-action-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.accordion-action-button:disabled{opacity:0.5;cursor:not-allowed}.accordion-action-button:focus{box-shadow:0 0 0 2px rgba(59, 130, 246, 0.2)}.accordion-loading-spinner{font-size:16px;animation:spin 1s linear infinite;margin-left:8px}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.accordion-item-loading{opacity:0.7}.accordion-item-dragging{opacity:0.5;cursor:grabbing;transform:scale(0.98)}.accordion-item-drag-over{border-top:3px solid #10b981;background-color:#eff6ff}@keyframes accordion-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.accordion-item-shaking{animation:accordion-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;pointer-events:none}@keyframes accordion-success-pulse{0%{box-shadow:0 0 0 0 rgba(16, 185, 129, 0.4), 0 0 0 0 rgba(16, 185, 129, 0.2);background-color:rgba(16, 185, 129, 0.05)}50%{background-color:rgba(16, 185, 129, 0.1)}70%{box-shadow:0 0 0 15px rgba(16, 185, 129, 0), 0 0 0 30px rgba(16, 185, 129, 0)}100%{box-shadow:0 0 0 0 rgba(16, 185, 129, 0), 0 0 0 0 rgba(16, 185, 129, 0);background-color:transparent}}.accordion-item-success{border-color:#10b981 !important;animation:accordion-success-pulse 1s cubic-bezier(0.4, 0, 0.2, 1)}.accordion-item[draggable=true]{cursor:grab}.accordion-item[draggable=true]:active{cursor:grabbing}.accordion-nested-items{padding-left:0;background-color:transparent}.accordion-item-nested{margin-left:24px;position:relative;border-left:none;}.accordion-item-nested::before{content:"";position:absolute;left:-16px;top:0;bottom:0;width:2px;background:linear-gradient(180deg, var(--selected-header-color, #10b981) 0%, rgba(229, 231, 235, 0.4) 100%);opacity:0.6;transition:all 0.3s ease}.accordion-item-nested{}.accordion-item-nested::after{content:"";position:absolute;left:-16px;top:24px;width:14px;height:2px;background:var(--selected-header-color, #10b981);opacity:0.3;border-radius:0 2px 2px 0}.accordion-item-nested{}.accordion-item-nested .accordion-header::before{content:"";position:absolute;left:-18px;top:22px;width:6px;height:6px;background:var(--selected-header-color, #10b981);border-radius:50%;opacity:0.5;z-index:2}.accordion-item-nested .accordion-header{padding-left:16px;font-size:15px;background-color:rgba(0, 0, 0, 0.015);border-radius:0 8px 8px 0;margin-top:2px;margin-bottom:2px}.accordion-item-nested .accordion-header:hover{background-color:rgba(0, 0, 0, 0.03)}.accordion-item-nested .accordion-nested-items .accordion-header{background-color:rgba(0, 0, 0, 0.025);font-size:14px}.accordion-header-custom{padding:16px 20px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.accordion-no-results{padding:32px 20px;text-align:center;color:#6b7280;font-size:14px}.accordion-no-results p{margin:0}.accordion-rtl{direction:rtl}.accordion-rtl .accordion-header{text-align:right}.accordion-rtl .accordion-arrow{margin-left:0;margin-right:12px}.accordion-rtl .accordion-arrow.arrow-start{margin-right:0;margin-left:12px}.accordion-rtl .accordion-item-open .accordion-header{border-left:none;border-right:3px solid var(--selected-header-color, #10b981)}.accordion-rtl .accordion-actions{margin-left:0;margin-right:8px}.accordion-dense .accordion-header{padding:10px 16px;font-size:14px}.accordion-dense .accordion-content-inner{padding:10px 16px;font-size:13px}.accordion-dense .accordion-search{padding:12px 16px}.accordion-dense .accordion-controls{padding:8px 16px}.accordion-dense .accordion-indicators{padding:12px 16px}.accordion-dense .accordion-indicator{width:28px;height:28px;font-size:12px}.accordion-dense .accordion-subtitle{font-size:12px}@media print{.accordion-print-expand-all .accordion-content{max-height:none !important;opacity:1 !important;display:block !important}.accordion-print-expand-all .accordion-item{page-break-inside:avoid}.accordion-search,.accordion-controls,.accordion-indicators{display:none !important}.accordion-arrow,.accordion-actions{display:none !important}.accordion-header{cursor:default;pointer-events:none}}.accordion-control-button:focus-visible,.accordion-action-button:focus-visible,.accordion-indicator:focus-visible{outline:2px solid #10b981;outline-offset:2px;border-radius:4px}.accordion-item,.accordion-header,.accordion-content,.accordion-action-button,.accordion-control-button{transition:all 0.2s ease}@media (prefers-reduced-motion: reduce){.accordion-content,.accordion-arrow,.accordion-item,.accordion-header,.accordion-loading-spinner{transition:none;animation:none}}.accordion-item-skeleton{padding:16px 20px;background:#fff}.skeleton-box{background:#e5e7eb;border-radius:4px;animation:skeleton-pulse 1.5s infinite ease-in-out}@keyframes skeleton-pulse{0%{opacity:0.6}50%{opacity:1}100%{opacity:0.6}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none}.accordion-status-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;margin-left:12px;flex-shrink:0}.accordion-status-badge.status-completed{color:#10b981;background:rgba(16, 185, 129, 0.1)}.accordion-status-badge.status-error{color:#ef4444;background:rgba(239, 68, 68, 0.1)}.accordion-status-badge.status-warning{color:#f59e0b;background:rgba(245, 158, 11, 0.1)}.accordion-status-badge.status-current{color:#3b82f6;background:rgba(59, 130, 246, 0.1)}.pulse-dot{width:8px;height:8px;background-color:#3b82f6;border-radius:50%;box-shadow:0 0 0 0 rgba(59, 130, 246, 0.7);animation:status-pulse 1.5s infinite}@keyframes status-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(59, 130, 246, 0.7)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(59, 130, 246, 0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(59, 130, 246, 0)}}.accordion-theme-glass{background:rgba(255, 255, 255, 0.4) !important;backdrop-filter:blur(12px) !important;border:1px solid rgba(255, 255, 255, 0.3) !important;box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.07) !important}.accordion-theme-glass .accordion-item{background:transparent;border-bottom:1px solid rgba(255, 255, 255, 0.1)}.accordion-theme-glass .accordion-header:hover{background:rgba(255, 255, 255, 0.2)}.accordion-theme-radiant{background:#0f172a !important;border:1px solid #1e293b !important;color:#f8fafc}.accordion-theme-radiant .accordion-item{border-bottom:1px solid #1e293b;background:transparent}.accordion-theme-radiant .accordion-header{color:#e2e8f0}.accordion-theme-radiant .accordion-header:hover{color:#38bdf8}.accordion-theme-radiant .accordion-item-open .accordion-header{background:linear-gradient(90deg, rgba(56, 189, 248, 0.05) 0%, transparent 100%);color:#38bdf8;box-shadow:inset 2px 0 0 #38bdf8}.accordion-theme-radiant .accordion-subtitle{color:#94a3b8}@media (min-width: 1024px){.accordion-columns-2{display:grid !important;grid-template-columns:1fr 1fr;gap:16px;border:none !important;background:transparent !important}.accordion-columns-2 .accordion-item{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:0 !important}}.accordion-item{perspective:1000px;transform-style:preserve-3d}.accordion-header{transform:translate3d(var(--parallax-x, 0), var(--parallax-y, 0), 0) rotateX(var(--rotate-x, 0)) rotateY(var(--rotate-y, 0));transition:transform 0.1s ease-out;will-change:transform}.accordion-header-indicators{display:flex;align-items:center;gap:12px}.accordion-actions{display:flex;align-items:center;gap:4px}.accordion-progress-ring{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin-left:8px}.accordion-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.accordion-progress-ring .ring-bg{stroke:#e5e7eb}.accordion-progress-ring .ring-fg{stroke:#3b82f6;stroke-linecap:round;transition:stroke-dasharray 0.5s ease}.accordion-progress-ring .progress-text{position:absolute;font-size:8px;font-weight:700;color:var(--progress-text);letter-spacing:-0.02em}.accordion-icon,.accordion-badge,.accordion-status-badge{transform:translateZ(20px)}.accordion-title{transform:translateZ(10px)}.accordion-header-sticky{position:sticky;top:0;z-index:50;background:inherit;box-shadow:0 4px 12px rgba(0, 0, 0, 0.03)}.accordion-header-sticky::after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:10px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.02), transparent);pointer-events:none;opacity:1}.accordion-peek-snippet{display:block;font-size:13px;color:#94a3b8;font-style:italic;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%;opacity:0.8;animation:peek-reveal 0.4s ease-out}@keyframes peek-reveal{from{opacity:0;transform:translateY(-4px)}to{opacity:0.8;transform:translateY(0)}}.accordion-bordered .accordion-header-sticky,.accordion-card .accordion-header-sticky{background:white;z-index:100}.accordion-theme-glass .accordion-header-sticky{background:rgba(255, 255, 255, 0.2);backdrop-filter:blur(12px)}.accordion-theme-radiant .accordion-header-sticky{background:#0f172a}.accordion-container{position:relative}.accordion-quick-actions{position:absolute;right:12px;top:50%;transform:translateY(-50%) translateX(10px);display:flex;gap:8px;opacity:0;pointer-events:none;transition:all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);background:rgba(255, 255, 255, 0.9);padding:4px 8px;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);z-index:20}.accordion-item:hover .accordion-quick-actions{opacity:1;transform:translateY(-50%) translateX(0);pointer-events:auto}.quick-action-btn{background:transparent;border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all 0.2s ease}.quick-action-btn:hover{background:#f1f5f9;color:#3b82f6;transform:scale(1.1)}.accordion-search-heatmap{position:absolute;top:80px;bottom:0;right:-12px;width:4px;background:rgba(226, 232, 240, 0.5);border-radius:2px;pointer-events:none;z-index:50}.heatmap-marker{position:absolute;width:8px;height:8px;left:-2px;background:#3b82f6;border-radius:50%;box-shadow:0 0 8px rgba(59, 130, 246, 0.8);pointer-events:auto;cursor:pointer;transition:transform 0.2s ease}.heatmap-marker:hover{transform:scale(1.5);background:#2563eb}.accordion-theme-radiant .accordion-quick-actions{background:#1e293b;border-color:#334155;color:white}.accordion-theme-glass .accordion-quick-actions{background:rgba(255, 255, 255, 0.15);backdrop-filter:blur(8px);border-color:rgba(255, 255, 255, 0.3)}.accordion-lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(15, 23, 42, 0.95);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:500;border-radius:inherit;backdrop-filter:blur(8px);animation:lock-fade-in 0.3s ease-out}.accordion-lock-overlay .lock-grid{display:grid;grid-template-columns:repeat(3, 40px);gap:20px;margin-bottom:24px}.accordion-lock-overlay .lock-dot{width:16px;height:16px;background:rgba(255, 255, 255, 0.2);border-radius:50%;cursor:pointer;transition:all 0.2s ease;box-shadow:0 0 10px rgba(0, 0, 0, 0.5)}.accordion-lock-overlay .lock-dot.active{background:#38bdf8;box-shadow:0 0 15px #38bdf8;transform:scale(1.3)}.accordion-lock-overlay .lock-hint{color:#94a3b8;font-size:14px;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:0.1em}.accordion-lock-overlay .lock-cancel{background:transparent;border:1px solid #334155;color:#94a3b8;padding:6px 16px;border-radius:6px;cursor:pointer;transition:all 0.2s ease}.accordion-lock-overlay .lock-cancel:hover{border-color:#ef4444;color:#ef4444}@keyframes lock-fade-in{from{opacity:0;background:rgba(0, 0, 0, 0)}to{opacity:1;background:rgba(15, 23, 42, 0.95)}}.accordion-header-sparkline{opacity:0.7;color:#3b82f6;margin-left:8px}.accordion-header-sparkline polyline{stroke-dasharray:100;stroke-dashoffset:100;animation:spark-draw 1.5s ease-out forwards}@keyframes spark-draw{to{stroke-dashoffset:0}}.accordion-theme-radiant .accordion-header-sparkline{color:#38bdf8}.accordion-theme-glass .accordion-header-sparkline{color:#8b5cf6}.accordion-breadcrumbs{font-size:10px;text-transform:uppercase;letter-spacing:0.05em;color:#94a3b8;margin-bottom:4px;opacity:0.6;font-weight:700}.breadcrumb-node{transition:color 0.2s ease}.breadcrumb-node:hover{color:#3b82f6}@media print{.accordion-print-expand-all .accordion-content{display:block !important;max-height:none !important;opacity:1 !important;visibility:visible !important;overflow:visible !important;border-top:1px solid #e2e8f0}.accordion-print-expand-all .accordion-item{margin-bottom:20px !important;break-inside:avoid;border:1px solid #e2e8f0 !important;box-shadow:none !important;background:white !important}.accordion-print-expand-all{}.accordion-print-expand-all .accordion-arrow,.accordion-print-expand-all .accordion-search,.accordion-print-expand-all .accordion-controls,.accordion-print-expand-all .accordion-quick-actions,.accordion-print-expand-all .accordion-lock-overlay,.accordion-print-expand-all .accordion-search-heatmap,.accordion-print-expand-all .accordion-action-button{display:none !important}.accordion-print-expand-all .accordion-header{background:#f8fafc !important;color:black !important;padding:12px !important}.accordion-print-expand-all .accordion-header-sparkline{display:inline-block !important;opacity:1 !important}}@media print{.accordion-theme-radiant.accordion-print-expand-all,.accordion-theme-glass.accordion-print-expand-all{background:white !important;color:black !important}.accordion-theme-radiant.accordion-print-expand-all .accordion-header,.accordion-theme-glass.accordion-print-expand-all .accordion-header{color:black !important;background:#f1f5f9 !important}.accordion-theme-radiant.accordion-print-expand-all .accordion-title,.accordion-theme-glass.accordion-print-expand-all .accordion-title{color:black !important}}.accordion-portal-reader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:white;display:flex;flex-direction:column;animation:portal-glide-up 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);padding:40px;overflow-y:auto}.accordion-portal-reader .portal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;padding-bottom:24px;margin-bottom:40px}.accordion-portal-reader .portal-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.accordion-portal-reader .portal-title{font-size:32px;font-weight:800;letter-spacing:-0.02em;color:#0f172a}.accordion-portal-reader .portal-close-toggle::part(button){min-width:148px;padding:0.8rem 1rem;border-radius:999px;border:1px solid #cbd5e1;background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);color:#0f172a;box-shadow:0 10px 24px rgba(15, 23, 42, 0.08);font-weight:700}.accordion-portal-reader .portal-close{background:#f1f5f9;border:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease}.accordion-portal-reader .portal-close:hover{background:#ef4444;color:white;transform:rotate(90deg)}.accordion-portal-reader .portal-content{max-width:800px;margin:0 auto;width:100%}.accordion-portal-reader .portal-meta{text-transform:uppercase;font-size:12px;letter-spacing:0.1em;color:#64748b;font-weight:700;margin-bottom:24px}.accordion-portal-reader .portal-body{font-size:18px;line-height:1.8;color:#334155}.accordion-portal-reader .portal-body p{margin-bottom:1.5em}.accordion-collaborators{display:flex;margin-right:12px}.accordion-collaborators .presence-avatar{width:24px;height:24px;border-radius:50%;border:2px solid white;margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:white;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);transition:transform 0.2s ease;cursor:pointer}.accordion-collaborators .presence-avatar:first-child{margin-left:0}.accordion-collaborators .presence-avatar:hover{transform:translateY(-4px) scale(1.1);z-index:10}.accordion-collaborators .presence-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.accordion-ai-briefing{position:absolute;top:100%;left:0;width:280px;background:white;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 10px 25px rgba(0, 0, 0, 0.1);z-index:100;opacity:0;pointer-events:none;transform:translateY(10px);transition:all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1)}.accordion-ai-briefing .briefing-list{margin:0;padding:0 0 0 16px;font-size:13px;line-height:1.6;color:#475569}.accordion-ai-briefing .briefing-list li{margin-bottom:8px}.accordion-title:hover+.accordion-ai-briefing{opacity:1;transform:translateY(0)}@keyframes portal-glide-up{from{transform:translateY(100vh);opacity:0}to{transform:translateY(0);opacity:1}}.accordion-theme-radiant .accordion-portal-reader{background:#0f172a}.accordion-theme-radiant .accordion-portal-reader .portal-title,.accordion-theme-radiant .accordion-portal-reader .portal-body{color:white}.accordion-theme-radiant .accordion-portal-reader .portal-header{border-color:#1e293b}.accordion-theme-radiant .accordion-portal-reader .portal-close{background:#1e293b;color:white}.accordion-theme-radiant .accordion-portal-reader .portal-close-toggle::part(button){background:linear-gradient(180deg, #1e293b 0%, #0f172a 100%);border-color:#334155;color:#e2e8f0;box-shadow:0 12px 30px rgba(2, 6, 23, 0.45)}.accordion-theme-radiant .accordion-ai-briefing{background:#1e293b;border-color:#334155;color:white}.accordion-theme-radiant .accordion-ai-briefing .briefing-list{color:#cbd5e1}.accordion-streaming-terminal{background:#020617;border-radius:8px;border:1px solid #1e293b;margin-bottom:20px;overflow:hidden;box-shadow:inset 0 0 20px rgba(0, 0, 0, 0.5)}.accordion-streaming-terminal .terminal-header{background:#1e293b;padding:6px 16px;font-size:10px;font-weight:800;color:#94a3b8;letter-spacing:0.1em}.accordion-streaming-terminal .terminal-body{height:180px;overflow-y:auto;padding:12px;font-family:"JetBrains Mono", "Fira Code", monospace;font-size:11px;line-height:1.5;scroll-behavior:smooth}.accordion-streaming-terminal .terminal-line{display:flex;gap:12px;margin-bottom:4px;border-left:2px solid transparent;transition:all 0.2s ease}.accordion-streaming-terminal .terminal-line:hover{background:rgba(255, 255, 255, 0.05);border-left-color:#3b82f6}.accordion-streaming-terminal .line-timestamp{color:#64748b;white-space:nowrap}.accordion-streaming-terminal .line-msg{color:#cbd5e1;word-break:break-all}.quick-action-btn.voice-btn.active{background:#ef4444 !important;color:white !important;animation:voice-pulse 1.5s infinite ease-in-out;box-shadow:0 0 15px #ef4444}@keyframes voice-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:0.7}100%{transform:scale(1);opacity:1}}.accordion-teleport-link{background:rgba(59, 130, 246, 0.1);border:1px solid rgba(59, 130, 246, 0.2);color:#3b82f6;font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;margin-left:8px;transition:all 0.2s ease}.accordion-teleport-link:hover{background:#3b82f6;color:white}.accordion-item{transition:transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.6s ease;transform-origin:top center}.accordion-container.accordion-boxed{border:none;background:transparent;display:flex;flex-direction:column;gap:12px;overflow:visible}.accordion-container.accordion-boxed .accordion-item{border:1px solid rgba(255, 255, 255, 0.08);border-radius:20px;background:#252627;box-shadow:0 4px 20px rgba(0, 0, 0, 0.2);transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);margin-bottom:0;overflow:hidden}.accordion-container.accordion-boxed .accordion-item:hover:not(.accordion-item-disabled){box-shadow:0 8px 30px rgba(0, 0, 0, 0.3);transform:translateY(-2px);border-color:rgba(255, 255, 255, 0.15)}.accordion-container.accordion-boxed .accordion-item-open{border-color:rgba(235, 255, 0, 0.4);box-shadow:0 12px 40px rgba(0, 0, 0, 0.4)}.accordion-container.accordion-boxed .accordion-header{background:transparent;padding:20px 24px;color:#ffffff}.accordion-container.accordion-boxed .accordion-header::part(button){padding:20px 24px !important}.accordion-container.accordion-boxed .accordion-title{color:#ffffff;font-size:18px;font-weight:700}.accordion-container.accordion-boxed .accordion-subtitle{color:#a0a5ad}.accordion-container.accordion-boxed .accordion-arrow-wrapper{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background-color:#ebff00;color:#121314;box-shadow:0 0 10px rgba(235, 255, 0, 0.3);transition:all 0.3s ease;flex-shrink:0}.accordion-container.accordion-boxed .accordion-arrow-wrapper .accordion-arrow{color:#121314;opacity:1;font-weight:800;transition:transform 0.3s ease}.accordion-container.accordion-boxed .accordion-item:hover .accordion-arrow-wrapper{transform:scale(1.1);box-shadow:0 0 15px rgba(235, 255, 0, 0.6)}.accordion-container.accordion-boxed .accordion-content{background:#1e1f20;border-top:1px solid rgba(255, 255, 255, 0.05)}.accordion-container.accordion-boxed .accordion-content-inner{color:#e2e8f0;padding:20px 24px;font-size:15px;line-height:1.7}.accordion-container.accordion-minimal{border:none;background:transparent}.accordion-container.accordion-minimal .accordion-item{border-bottom:1px solid rgba(0, 0, 0, 0.06);background:transparent;border-radius:0;box-shadow:none;margin-bottom:0}.accordion-container.accordion-minimal .accordion-item:last-child{border-bottom:none}.accordion-container.accordion-minimal .accordion-header{padding:20px 0;background:transparent;color:#1e293b}.accordion-container.accordion-minimal .accordion-header:hover{color:var(--selected-header-color, #10b981)}.accordion-container.accordion-minimal .accordion-title{color:inherit;font-size:16px;font-weight:600;transition:color 0.2s ease}.accordion-container.accordion-minimal .accordion-subtitle{color:#64748b;margin-top:4px}.accordion-container.accordion-minimal .accordion-arrow{color:#64748b;opacity:0.7;font-size:14px}.accordion-container.accordion-minimal .accordion-item-open .accordion-header{background-color:transparent !important;color:var(--selected-header-color, #10b981)}.accordion-container.accordion-minimal .accordion-content{background:transparent}.accordion-container.accordion-minimal .accordion-content-inner{padding:0 0 20px 0;color:#475569;font-size:14px;line-height:1.6}.accordion-container.accordion-left-toggle{border:none;background:transparent;display:flex;flex-direction:column;gap:8px}.accordion-container.accordion-left-toggle .accordion-item{border-bottom:1px solid rgba(0, 0, 0, 0.06);background:transparent;border-radius:0;box-shadow:none;margin-bottom:0}.accordion-container.accordion-left-toggle .accordion-item:last-child{border-bottom:none}.accordion-container.accordion-left-toggle .accordion-header{padding:16px 0;background:transparent;color:#0f172a}.accordion-container.accordion-left-toggle .accordion-title{color:#0f172a;font-size:16px;font-weight:600}.accordion-container.accordion-left-toggle .accordion-subtitle{color:#64748b}.accordion-container.accordion-left-toggle .accordion-arrow-wrapper{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:#0f172a;color:#ffffff;transition:all 0.2s ease;margin-right:12px;flex-shrink:0;order:-1}.accordion-container.accordion-left-toggle .accordion-arrow-wrapper .accordion-arrow{color:#ffffff;opacity:1;font-size:11px}.accordion-container.accordion-left-toggle .accordion-item:hover .accordion-arrow-wrapper{background-color:var(--selected-header-color, #10b981);transform:scale(1.08)}.accordion-container.accordion-left-toggle .accordion-item-open .accordion-arrow-wrapper{background-color:#0f172a}.accordion-container.accordion-left-toggle .accordion-content{background:transparent}.accordion-container.accordion-left-toggle .accordion-content-inner{padding:8px 0 20px 40px;color:#475569;font-size:14px;line-height:1.6}.accordion-container.accordion-iconic{border:none;background:transparent;display:flex;flex-direction:column;gap:16px}.accordion-container.accordion-iconic .accordion-item{border:1px solid #f1f5f9;border-radius:16px;background:#ffffff;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);transition:all 0.25s ease;overflow:hidden}.accordion-container.accordion-iconic .accordion-item:hover:not(.accordion-item-disabled){box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.05);border-color:#e2e8f0}.accordion-container.accordion-iconic .accordion-header{padding:20px 24px;background:transparent}.accordion-container.accordion-iconic .accordion-title{font-size:16px;font-weight:700;color:#1e293b}.accordion-container.accordion-iconic .accordion-subtitle{color:#64748b;font-size:13px}.accordion-container.accordion-iconic .accordion-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;font-size:22px;margin-right:16px;flex-shrink:0;transition:transform 0.2s ease;background-color:rgba(99, 102, 241, 0.1);color:#6366f1}.accordion-container.accordion-iconic .accordion-item:hover .accordion-icon{transform:scale(1.05)}.accordion-container.accordion-iconic .accordion-arrow-wrapper{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:#f8fafc;border:1px solid #e2e8f0;color:#64748b;transition:all 0.2s ease;flex-shrink:0}.accordion-container.accordion-iconic .accordion-arrow-wrapper .accordion-arrow{color:#64748b;opacity:0.8;font-size:11px}.accordion-container.accordion-iconic .accordion-item:hover .accordion-arrow-wrapper{background-color:#6366f1;border-color:#6366f1;color:#ffffff}.accordion-container.accordion-iconic .accordion-item:hover .accordion-arrow-wrapper .accordion-arrow{color:#ffffff;opacity:1}.accordion-container.accordion-iconic .accordion-content{background:#f8fafc;border-top:1px solid #f1f5f9}.accordion-container.accordion-iconic .accordion-content-inner{padding:24px;color:#334155;font-size:14px;line-height:1.6}.accordion-container.accordion-iconic .accordion-item:nth-child(1) .accordion-icon{background-color:rgba(99, 102, 241, 0.1);color:#6366f1}.accordion-container.accordion-iconic .accordion-item:nth-child(2) .accordion-icon{background-color:rgba(239, 68, 68, 0.1);color:#ef4444}.accordion-container.accordion-iconic .accordion-item:nth-child(3) .accordion-icon{background-color:rgba(16, 185, 129, 0.1);color:#10b981}.accordion-container.accordion-iconic .accordion-item:nth-child(4) .accordion-icon{background-color:rgba(59, 130, 246, 0.1);color:#3b82f6}:host-context(.dark),:host-context([data-theme=dark]),:host(.dark),:host([data-theme=dark]){}:host-context(.dark) .accordion-container,:host-context([data-theme=dark]) .accordion-container,:host(.dark) .accordion-container,:host([data-theme=dark]) .accordion-container{background-color:var(--accordion-bg, #1e293b);border-color:var(--accordion-border-color, #334155)}:host-context(.dark),:host-context([data-theme=dark]),:host(.dark),:host([data-theme=dark]){}:host-context(.dark) .accordion-search,:host-context([data-theme=dark]) .accordion-search,:host(.dark) .accordion-search,:host([data-theme=dark]) .accordion-search{background-color:#0f172a;border-bottom-color:#334155}:host-context(.dark) .accordion-search-clear:hover,:host-context([data-theme=dark]) .accordion-search-clear:hover,:host(.dark) .accordion-search-clear:hover,:host([data-theme=dark]) .accordion-search-clear:hover{background-color:#334155;color:#f8fafc}:host-context(.dark),:host-context([data-theme=dark]),:host(.dark),:host([data-theme=dark]){}:host-context(.dark) .accordion-indicators,:host-context([data-theme=dark]) .accordion-indicators,:host(.dark) .accordion-indicators,:host([data-theme=dark]) .accordion-indicators{background-color:#0f172a;border-color:#334155}:host-context(.dark) .accordion-indicator,:host-context([data-theme=dark]) .accordion-indicator,:host(.dark) .accordion-indicator,:host([data-theme=dark]) .accordion-indicator{background-color:#1e293b;border-color:#475569;color:#94a3b8}:host-context(.dark) .accordion-indicator:hover:not(.accordion-indicator-disabled),:host-context([data-theme=dark]) .accordion-indicator:hover:not(.accordion-indicator-disabled),:host(.dark) .accordion-indicator:hover:not(.accordion-indicator-disabled),:host([data-theme=dark]) .accordion-indicator:hover:not(.accordion-indicator-disabled){background-color:rgba(16, 185, 129, 0.15)}:host-context(.dark) .accordion-indicator-active,:host-context([data-theme=dark]) .accordion-indicator-active,:host(.dark) .accordion-indicator-active,:host([data-theme=dark]) .accordion-indicator-active{background-color:rgba(16, 185, 129, 0.15)}:host-context(.dark),:host-context([data-theme=dark]),:host(.dark),:host([data-theme=dark]){}:host-context(.dark) .accordion-item,:host-context([data-theme=dark]) .accordion-item,:host(.dark) .accordion-item,:host([data-theme=dark]) .accordion-item{border-color:var(--accordion-border-color, #334155)}:host-context(.dark) .accordion-header,:host-context([data-theme=dark]) .accordion-header,:host(.dark) .accordion-header,:host([data-theme=dark]) .accordion-header{color:#f8fafc}:host-context(.dark) .accordion-item-open .accordion-header,:host-context([data-theme=dark]) .accordion-item-open .accordion-header,:host(.dark) .accordion-item-open .accordion-header,:host([data-theme=dark]) .accordion-item-open .accordion-header{background-color:rgba(16, 185, 129, 0.1)}:host-context(.dark) .accordion-header:active:not(.accordion-header-disabled),:host-context([data-theme=dark]) .accordion-header:active:not(.accordion-header-disabled),:host(.dark) .accordion-header:active:not(.accordion-header-disabled),:host([data-theme=dark]) .accordion-header:active:not(.accordion-header-disabled){background-color:#334155}:host-context(.dark),:host-context([data-theme=dark]),:host(.dark),:host([data-theme=dark]){}:host-context(.dark) .accordion-title,:host-context([data-theme=dark]) .accordion-title,:host(.dark) .accordion-title,:host([data-theme=dark]) .accordion-title{color:#f8fafc}:host-context(.dark) .accordion-subtitle,:host-context([data-theme=dark]) .accordion-subtitle,:host(.dark) .accordion-subtitle,:host([data-theme=dark]) .accordion-subtitle{color:#94a3b8}:host-context(.dark) .accordion-icon,:host-context([data-theme=dark]) .accordion-icon,:host(.dark) .accordion-icon,:host([data-theme=dark]) .accordion-icon{color:#94a3b8}:host-context(.dark),:host-context([data-theme=dark]),:host(.dark),:host([data-theme=dark]){}:host-context(.dark) .accordion-content,:host-context([data-theme=dark]) .accordion-content,:host(.dark) .accordion-content,:host([data-theme=dark]) .accordion-content{background-color:var(--accordion-content-bg, #0f172a)}:host-context(.dark) .accordion-content-inner,:host-context([data-theme=dark]) .accordion-content-inner,:host(.dark) .accordion-content-inner,:host([data-theme=dark]) .accordion-content-inner{color:#cbd5e1}:host-context(.dark),:host-context([data-theme=dark]),:host(.dark),:host([data-theme=dark]){}:host-context(.dark) .accordion-container.accordion-splitted .accordion-item,:host-context([data-theme=dark]) .accordion-container.accordion-splitted .accordion-item,:host(.dark) .accordion-container.accordion-splitted .accordion-item,:host([data-theme=dark]) .accordion-container.accordion-splitted .accordion-item{background:#1e293b;border-color:#334155;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}:host-context(.dark) .accordion-container.accordion-card-list .accordion-item,:host-context(.dark) .accordion-container.accordion-card .accordion-item,:host-context([data-theme=dark]) .accordion-container.accordion-card-list .accordion-item,:host-context([data-theme=dark]) .accordion-container.accordion-card .accordion-item,:host(.dark) .accordion-container.accordion-card-list .accordion-item,:host(.dark) .accordion-container.accordion-card .accordion-item,:host([data-theme=dark]) .accordion-container.accordion-card-list .accordion-item,:host([data-theme=dark]) .accordion-container.accordion-card .accordion-item{background:#1e293b;border-color:#334155}:host-context(.dark) .accordion-container.accordion-card-list .accordion-title,:host-context(.dark) .accordion-container.accordion-card .accordion-title,:host-context([data-theme=dark]) .accordion-container.accordion-card-list .accordion-title,:host-context([data-theme=dark]) .accordion-container.accordion-card .accordion-title,:host(.dark) .accordion-container.accordion-card-list .accordion-title,:host(.dark) .accordion-container.accordion-card .accordion-title,:host([data-theme=dark]) .accordion-container.accordion-card-list .accordion-title,:host([data-theme=dark]) .accordion-container.accordion-card .accordion-title{color:#f8fafc}:host-context(.dark) .accordion-container.accordion-card-list .accordion-subtitle,:host-context(.dark) .accordion-container.accordion-card .accordion-subtitle,:host-context([data-theme=dark]) .accordion-container.accordion-card-list .accordion-subtitle,:host-context([data-theme=dark]) .accordion-container.accordion-card .accordion-subtitle,:host(.dark) .accordion-container.accordion-card-list .accordion-subtitle,:host(.dark) .accordion-container.accordion-card .accordion-subtitle,:host([data-theme=dark]) .accordion-container.accordion-card-list .accordion-subtitle,:host([data-theme=dark]) .accordion-container.accordion-card .accordion-subtitle{color:#94a3b8}:host-context(.dark) .accordion-container.accordion-card-list .accordion-content,:host-context(.dark) .accordion-container.accordion-card .accordion-content,:host-context([data-theme=dark]) .accordion-container.accordion-card-list .accordion-content,:host-context([data-theme=dark]) .accordion-container.accordion-card .accordion-content,:host(.dark) .accordion-container.accordion-card-list .accordion-content,:host(.dark) .accordion-container.accordion-card .accordion-content,:host([data-theme=dark]) .accordion-container.accordion-card-list .accordion-content,:host([data-theme=dark]) .accordion-container.accordion-card .accordion-content{background:#0f172a;border-top-color:#334155}:host-context(.dark) .accordion-container.accordion-headline .accordion-header,:host-context([data-theme=dark]) .accordion-container.accordion-headline .accordion-header,:host(.dark) .accordion-container.accordion-headline .accordion-header,:host([data-theme=dark]) .accordion-container.accordion-headline .accordion-header{color:#f8fafc}:host-context(.dark) .accordion-container.accordion-headline .accordion-title,:host-context([data-theme=dark]) .accordion-container.accordion-headline .accordion-title,:host(.dark) .accordion-container.accordion-headline .accordion-title,:host([data-theme=dark]) .accordion-container.accordion-headline .accordion-title{color:#f8fafc !important}:host-context(.dark) .accordion-container.accordion-headline .accordion-subtitle,:host-context([data-theme=dark]) .accordion-container.accordion-headline .accordion-subtitle,:host(.dark) .accordion-container.accordion-headline .accordion-subtitle,:host([data-theme=dark]) .accordion-container.accordion-headline .accordion-subtitle{color:#94a3b8 !important}:host-context(.dark) .accordion-container.accordion-iconic .accordion-item,:host-context([data-theme=dark]) .accordion-container.accordion-iconic .accordion-item,:host(.dark) .accordion-container.accordion-iconic .accordion-item,:host([data-theme=dark]) .accordion-container.accordion-iconic .accordion-item{background:#1e293b;border-color:#334155}:host-context(.dark) .accordion-container.accordion-iconic .accordion-title,:host-context([data-theme=dark]) .accordion-container.accordion-iconic .accordion-title,:host(.dark) .accordion-container.accordion-iconic .accordion-title,:host([data-theme=dark]) .accordion-container.accordion-iconic .accordion-title{color:#f8fafc}:host-context(.dark) .accordion-container.accordion-iconic .accordion-subtitle,:host-context([data-theme=dark]) .accordion-container.accordion-iconic .accordion-subtitle,:host(.dark) .accordion-container.accordion-iconic .accordion-subtitle,:host([data-theme=dark]) .accordion-container.accordion-iconic .accordion-subtitle{color:#94a3b8}:host-context(.dark) .accordion-container.accordion-iconic .accordion-content,:host-context([data-theme=dark]) .accordion-container.accordion-iconic .accordion-content,:host(.dark) .accordion-container.accordion-iconic .accordion-content,:host([data-theme=dark]) .accordion-container.accordion-iconic .accordion-content{background:#0f172a;border-top-color:#334155}:host-context(.dark) .accordion-container.accordion-minimal .accordion-header,:host-context([data-theme=dark]) .accordion-container.accordion-minimal .accordion-header,:host(.dark) .accordion-container.accordion-minimal .accordion-header,:host([data-theme=dark]) .accordion-container.accordion-minimal .accordion-header{color:#f8fafc}:host-context(.dark) .accordion-container.accordion-minimal .accordion-title,:host-context([data-theme=dark]) .accordion-container.accordion-minimal .accordion-title,:host(.dark) .accordion-container.accordion-minimal .accordion-title,:host([data-theme=dark]) .accordion-container.accordion-minimal .accordion-title{color:#f8fafc}:host-context(.dark) .accordion-container.accordion-minimal .accordion-arrow-wrapper,:host-context([data-theme=dark]) .accordion-container.accordion-minimal .accordion-arrow-wrapper,:host(.dark) .accordion-container.accordion-minimal .accordion-arrow-wrapper,:host([data-theme=dark]) .accordion-container.accordion-minimal .accordion-arrow-wrapper{background-color:#334155;border-color:#475569}:host-context(.dark) .accordion-container.accordion-minimal .accordion-item-open .accordion-arrow-wrapper,:host-context([data-theme=dark]) .accordion-container.accordion-minimal .accordion-item-open .accordion-arrow-wrapper,:host(.dark) .accordion-container.accordion-minimal .accordion-item-open .accordion-arrow-wrapper,:host([data-theme=dark]) .accordion-container.accordion-minimal .accordion-item-open .accordion-arrow-wrapper{background-color:#1e293b}'}},[769,"ui-accordion",{items:[16],multiple:[4],expandedItems:[16],defaultOpen:[16],animationDuration:[2,"animation-duration"],animationTiming:[1,"animation-timing"],physics:[1],backgroundColor:[1,"background-color"],haptic:[4],enableAnimation:[4,"enable-animation"],showNumbers:[4,"show-numbers"],arrowIconCollapsed:[1,"arrow-icon-collapsed"],arrowIconExpanded:[1,"arrow-icon-expanded"],hideArrow:[4,"hide-arrow"],selectedHeaderColor:[1,"selected-header-color"],selectionPosition:[1,"selection-position"],variant:[1],toggleStyle:[1,"toggle-style"],size:[1],iconPosition:[1,"icon-position"],persistState:[1,"persist-state"],lazyRender:[4,"lazy-render"],theme:[1],columns:[2],enableParallax:[4,"enable-parallax"],enableHaptics:[4,"enable-haptics"],stickyHeaders:[4,"sticky-headers"],enableQuickActions:[4,"enable-quick-actions"],enableSearchHeatmap:[4,"enable-search-heatmap"],focusTimeout:[2,"focus-timeout"],enableRanking:[4,"enable-ranking"],enableLocking:[4,"enable-locking"],enableSparklines:[4,"enable-sparklines"],enableGestures:[4,"enable-gestures"],syncGroup:[1,"sync-group"],showBreadcrumbs:[4,"show-breadcrumbs"],printExpandAll:[4,"print-expand-all"],enableCollaborators:[4,"enable-collaborators"],enableAISummaries:[4,"enable-a-i-summaries"],enablePortalReader:[4,"enable-portal-reader"],enableSnapshots:[4,"enable-snapshots"],enableStreaming:[4,"enable-streaming"],enableVoiceControl:[4,"enable-voice-control"],enableHolographic:[4,"enable-holographic"],enableTeleportation:[4,"enable-teleportation"],iconLibrary:[1,"icon-library"],disabled:[4],enableSearch:[4,"enable-search"],searchPlaceholder:[1,"search-placeholder"],enableExpandCollapseAll:[4,"enable-expand-collapse-all"],enablePersistence:[4,"enable-persistence"],persistenceKey:[1,"persistence-key"],enableDragDrop:[4,"enable-drag-drop"],enableNested:[4,"enable-nested"],rtl:[4],dense:[4],headerLevel:[2,"header-level"],loading:[4],autoScroll:[4,"auto-scroll"],scrollBehavior:[1,"scroll-behavior"],isListening:[32],voiceCommand:[32],activePortalId:[32],availableSnapshots:[32],unlockedItems:[32],patternInput:[32],activeLockId:[32],itemHeat:[32],_collaborators:[32],openItems:[32],parsedItems:[32],parsedDefaultOpen:[32],searchQuery:[32],filteredItems:[32],draggedItemId:[32],dragOverItemId:[32],animatingItems:[32],isShaking:[32],shake:[64],success:[64],openItem:[64],closeItem:[64],toggleItemById:[64],openAll:[64],closeAll:[64],scrollToItem:[64],searchItems:[64],clearSearch:[64],getOpenItems:[64],setOpenItems:[64],saveSnapshot:[64],teleportTo:[64],initVoice:[64]},[[8,"accordionRemoteState","handleRemoteSync"],[8,"keydown","handleKeyDown"]],{expandedItems:[{onExpandedItemsChange:0}],items:[{onItemsChange:0}],defaultOpen:[{onDefaultOpenChange:0}],multiple:[{onMultipleChange:0}],animationDuration:[{onAnimationDurationChange:0}],showNumbers:[{onShowNumbersChange:0}]}]),m=b,x=function(){"undefined"!=typeof customElements&&["ui-accordion","ui-badge","ui-button","ui-button-toggle","ui-icon","ui-input","ui-loader"].forEach((o=>{switch(o){case"ui-accordion":customElements.get(t(o))||customElements.define(t(o),b);break;case"ui-badge":customElements.get(t(o))||d();break;case"ui-button":customElements.get(t(o))||s();break;case"ui-button-toggle":customElements.get(t(o))||l();break;case"ui-icon":customElements.get(t(o))||c();break;case"ui-input":customElements.get(t(o))||h();break;case"ui-loader":customElements.get(t(o))||p()}}))};export{m as UiAccordion,x as defineCustomElement}