atomicuilibrary 0.0.1

package/dist/components/tooltip.js

@@ -0,0 +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";const c=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:"d08971e832d6bb9f6975de4162afaee0025d6d98",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:"8744809203573938ea08f72665c75e63a9c37e79",variant:"ghost",class:"tooltip-close",onClick:this.handleClose,ariaLabel:"Close tooltip",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"}),this.showHeader&&s("div",{key:"f5675e917f299a2b2d9279ef6b4d06c21696e32a",class:"tooltip-header"},s("div",{key:"f2317e5f214ca6bcf92ad314840013e2f298c203",ref:t=>this.headerSlotTarget=t})),s("div",{key:"e4e5a79aeddaa5e00d60f3b12e96c169f147dae8",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:"87c26e2908df6ee6652d22e219dddc6c6f8ad36e",class:"tooltip-slot-content",ref:t=>this.defaultSlotTarget=t})),this.showFooter&&s("div",{key:"9fe03747ba4fe5f3fcccede2c49540a9a7c9d696",class:"tooltip-footer"},s("div",{key:"f55cc3ddbfbcaf0e45e03dcb1971b696cd566150",ref:t=>this.footerSlotTarget=t})),this.arrow&&s("div",{key:"30d603a7d56a57fca73c3cb9a6420cdabde31ead",class:"tooltip-arrow"}));return s(e,{key:"51577771914e7712be4e008b3cfa79683b06e3c2"},s("div",{key:"a5240a2c60d7dc9e2207d9c95fc8b860ab67efa1",class:"tooltip-wrapper"},s("slot",{key:"ce3a6106b2e281774e0281a5f72aeaa9fd84a37a",name:"target"})),this.isVisible&&o,s("div",{key:"91c1f89da5c9e24779a874d61862d02fa332749b",class:"tooltip-slot-source",style:{display:"none"},"aria-hidden":"true"},s("div",{key:"2ed6c8792820b8306ba30083dc62528cf935092b",ref:t=>this.defaultSlotSource=t},s("slot",{key:"d7b2237ccecaa53b6f3bf2afb87763abcec4fb20"})),s("div",{key:"9844aa3ec9a673f9ff2fc3fe20f350d3c3163f30",ref:t=>this.headerSlotSource=t},s("slot",{key:"538fdd565105d73df273bcdcc4e4d147b333deed",name:"header"})),s("div",{key:"2f6a44286d07483e4698b140fb22fa0c2c5d1b3b",ref:t=>this.footerSlotSource=t},s("slot",{key:"07c51076ab6df9792bdb737976f8b052908c5cfb",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 h(){"undefined"!=typeof customElements&&["ui-tooltip","ui-badge","ui-button","ui-icon"].forEach((t=>{switch(t){case"ui-tooltip":customElements.get(r(t))||customElements.define(r(t),c);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()}}))}export{c as T,h as d}

package/dist/components/ui-accordion.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UiAccordion extends Components.UiAccordion, HTMLElement {}
+export const UiAccordion: {
+    prototype: UiAccordion;
+    new (): UiAccordion;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ui-accordion.js

@@ -0,0 +1 @@
+import{proxyCustomElement as o,HTMLElement as e,createEvent as i,h as a,Host as r,transformTag as t}from"@stencil/core/internal/client";import{s as n,d as c}from"./icon.js";import{d as s,a as d}from"./badge.js";import{d as l}from"./button-toggle.js";import{d as p}from"./input.js";const h=o(class extends e{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";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:e,isOpen:i,multiple:a}=o.detail;a?i&&!this.openItems.includes(e)?this.openItems=[...this.openItems,e]:i||(this.openItems=this.openItems.filter((o=>o!==e))):this.openItems=i?[e]:[]}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,e){e&&!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:e,itemId:i,user:a}=o.data;if("presence"===e){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 e=o.content.replace(/<[^>]*>/g,"").slice(0,200);o.summaryList=["Key Insight: "+(e.split(".")[0]||"Analyzing content..."),"Status: Verified by AI Engine","Confidence: 98.4%"]}}))}componentDidUpdate(){this.getAllItems(this.parsedItems).forEach((o=>{const e=this.contentElements.get(o.id);e&&o.content&&(e.innerHTML=n(o.content))})),this.enablePersistence&&this.saveToStorage()}handleKeyDown(o){if(!this.element.contains(o.target))return;const e=o.target.closest(".accordion-item");if(!e)return;const i=e.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,e){if(e&&e.stopPropagation(),this.disabled)return;const i=this.getAllItems(this.parsedItems).find((e=>e.id===o));if(i?.disabled)return;if(this.animatingItems.has(o))return;const a=[...this.openItems],r=a.includes(o),t=!r,n={itemId:o,isOpen:t,timestamp:Date.now()};if(t){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(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)r?this.expandedItems||(this.openItems=a.filter((e=>e!==o))):this.expandedItems||(this.openItems=[...a,o]);else{const e=this.getPathToItem(this.parsedItems,o)||[];r?this.expandedItems||(this.openItems=e.filter((e=>e!==o))):this.expandedItems||(this.openItems=e)}this.accordionChange.emit({itemId:o,isOpen:t,openItems:this.expandedItems?r?a.filter((e=>e!==o)):[...a,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 e=this.openItems.includes(o),i={itemId:o,isOpen:e,timestamp:Date.now()};e?(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 e=this.element.shadowRoot?.querySelector(`[data-id="${o}"]`);e&&(e.classList.add("accordion-item-success"),this.haptic&&navigator.vibrate&&navigator.vibrate([10,30,20]),setTimeout((()=>{e.classList.remove("accordion-item-success")}),1e3))}focusNextItem(o){const e=this.getVisibleItems(this.parsedItems),i=e.findIndex((e=>e.id===o));-1!==i&&this.focusItem(e[(i+1)%e.length].id)}focusPreviousItem(o){const e=this.getVisibleItems(this.parsedItems),i=e.findIndex((e=>e.id===o));-1!==i&&this.focusItem(e[0===i?e.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 e=this.element.querySelector(`[data-id="${o}"] .accordion-header`);e&&e.focus()}async openItem(o){const e=this.getAllItems(this.parsedItems).find((e=>e.id===o));if(e?.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((e=>e!==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,e="smooth"){const i=this.itemRefs.get(o);i&&i.scrollIntoView({behavior:e,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 e=o.results[0][0].transcript.toLowerCase();this.voiceCommand=e;const i=this.getAllItems(this.parsedItems).find((o=>e.includes(o.title.toLowerCase())||e.includes(o.id.toLowerCase())));if(i&&this.toggleItem(i.id),(e.includes("reset")||e.includes("close all"))&&this.closeAll(),e.includes("search for")){const o=e.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 e=new(window.AudioContext||window.webkitAudioContext),i=e.createOscillator(),a=e.createGain();i.connect(a),a.connect(e.destination);const r=e.currentTime;"open"===o?(i.type="sine",i.frequency.setValueAtTime(880,r),i.frequency.exponentialRampToValueAtTime(100,r+.1),a.gain.setValueAtTime(.3,r),a.gain.exponentialRampToValueAtTime(.01,r+.1)):(i.type="triangle",i.frequency.setValueAtTime(220,r),i.frequency.exponentialRampToValueAtTime(40,r+.15),a.gain.setValueAtTime(.2,r),a.gain.exponentialRampToValueAtTime(.01,r+.15)),i.start(r),i.stop(r+.2),setTimeout((()=>e.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(),e=this.getAllItems(this.parsedItems),i=e.filter((e=>!1!==e.searchable&&`${e.title} ${e.subtitle||""} ${e.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:e.length})}itemOrChildrenMatch(o,e){return!!e.includes(o.id)||!!o.children&&o.children.some((o=>this.itemOrChildrenMatch(o,e)))}getAllItems(o){const e=[];return o.forEach((o=>{e.push(o),o.children&&this.enableNested&&e.push(...this.getAllItems(o.children))})),e}getVisibleItems(o){const e=[];return o.forEach((o=>{e.push(o);const i=this.openItems.includes(o.id);o.children&&this.enableNested&&i&&e.push(...this.getVisibleItems(o.children))})),e}getPathToItem(o,e){for(const i of o){if(i.id===e)return[i.id];if(i.children){const o=this.getPathToItem(i.children,e);if(o)return[i.id,...o]}}return null}handleDragStart(o,e){this.enableDragDrop&&(this.draggedItemId=o,e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("text/plain",o)))}handleDragOver(o,e){this.enableDragDrop&&this.draggedItemId&&(e.preventDefault(),this.dragOverItemId=o,e.dataTransfer&&(e.dataTransfer.dropEffect="move"))}handleDragEnd(){this.draggedItemId=null,this.dragOverItemId=null}handleDrop(o,e){if(!this.enableDragDrop||!this.draggedItemId)return;e.preventDefault();const i=this.parsedItems.findIndex((o=>o.id===this.draggedItemId)),a=this.parsedItems.findIndex((e=>e.id===o));if(-1!==i&&-1!==a&&i!==a){const o=[...this.parsedItems],[e]=o.splice(i,1);o.splice(a,0,e),this.parsedItems=o,this.items=[...o],this.accordionReorder.emit({itemId:this.draggedItemId,oldIndex:i,newIndex:a,items:o})}this.handleDragEnd()}handleActionClick(o,e,i,a){a.stopPropagation(),i.onClick&&i.onClick(o,e),this.accordionAction.emit({itemId:o,actionId:e,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 e=this.focusTimers.get(o);e&&(clearTimeout(e),this.focusTimers.delete(o))}renderPresence(o){if(!this.enableCollaborators)return null;const e=[...o.collaborators||[],...this._collaborators.get(o.id)||[]];return 0===e.length?null:a("div",{class:"accordion-collaborators"},e.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:n(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:e=>{e.stopPropagation(),o.teleportTo&&this.teleportTo(o.teleportTo)}}):null}renderQuickActions(o){if(!this.enableQuickActions)return null;const e=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:e=>{e.stopPropagation(),this.activePortalId=o.id}}),e.map((e=>a("ui-button",{variant:e.variant||"ghost",iconOnly:!e.label||!!e.icon,size:"xs",class:"quick-action-btn",icon:e.icon,iconLibrary:e.iconLibrary||this.iconLibrary,iconSize:"14px",label:e.icon?void 0:e.label,ariaLabel:e.ariaLabel||e.label,disabled:e.disabled,onClick:i=>{this.handleActionClick(o.id,e.id,e,i)}}))))}renderSearchHeatmap(){if(!this.enableSearchHeatmap||!this.searchQuery)return null;const o=this.getAllItems(this.parsedItems),e=o.map(((o,e)=>({id:o.id,index:e}))).filter((e=>{const i=this.searchQuery.toLowerCase();return""+e.id&&(o[e.index].title.toLowerCase().includes(i)||(o[e.index].subtitle||"").toLowerCase().includes(i))})),i=o.length;return a("div",{class:"accordion-search-heatmap"},e.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 e=this.itemHeat.get(o)||0;this.itemHeat.set(o,e+1),this.itemHeat=new Map(this.itemHeat),this.saveToStorage()}renderSparkline(o){if(!this.enableSparklines||!o||o.length<2)return null;const e=o??[];if(e.length<2)return null;const i=Math.max(...e),r=Math.min(...e),t=i-r||1,n=e.map(((o,i)=>`${i/(e.length-1)*60},${20-(o-r)/t*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:n})))}handlePatternDot(o){this.patternInput+=o;const e=this.getAllItems(this.parsedItems).find((o=>o.id===this.activeLockId));if(e&&e.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>=(e?.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,e){if(!this.enableParallax)return;const i=this.itemRefs.get(e);if(!i)return;const a=i.getBoundingClientRect(),r=(o.clientX-a.left-a.width/2)/(a.width/4),t=(o.clientY-a.top-a.height/2)/(a.height/4);i.style.setProperty("--parallax-x",10*r+"px"),i.style.setProperty("--parallax-y",10*t+"px"),i.style.setProperty("--rotate-y",8*r+"deg"),i.style.setProperty("--rotate-x",8*-t+"deg")}resetParallax(o){const e=this.itemRefs.get(o);e&&(e.style.setProperty("--parallax-x","0px"),e.style.setProperty("--parallax-y","0px"),e.style.setProperty("--rotate-y","0deg"),e.style.setProperty("--rotate-x","0deg"))}highlightSearchText(o){if(!this.searchQuery.trim())return o;const e=this.searchQuery.trim(),i=RegExp(`(${e})`,"gi");return o.replace(i,'<mark class="search-highlight">$1</mark>')}renderItem(o,e=0,i=[]){const r=this.openItems.includes(o.id),t=this.disabled||o.disabled||!1,c=["accordion-item",r&&"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",e>0&&"accordion-item-nested",this.isShaking.has(o.id)&&"accordion-item-shaking"].filter(Boolean).join(" "),s=["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(" "),d=["accordion-content",r&&"accordion-content-open",this.enableAnimation&&"accordion-physics-"+this.physics].filter(Boolean).join(" "),l=Math.min(this.headerLevel+e,6),p="h"+l;return a("div",{class:c,"data-id":o.id,draggable:this.enableDragDrop&&!t,onDragStart:e=>this.handleDragStart(o.id,e),onDragOver:e=>this.handleDragOver(o.id,e),onDragEnd:()=>this.handleDragEnd(),onDrop:e=>this.handleDrop(o.id,e),onMouseMove:e=>this.handleParallax(e,o.id),onMouseLeave:()=>this.resetParallax(o.id),style:{"--nest-depth":""+e,...this.enableHolographic&&this.openItems.length>0&&!r?{transform:"perspective(1000px) rotateX(-10deg) translateZ(-50px)",opacity:"0.6"}:{}},ref:e=>{e&&this.itemRefs.set(o.id,e)}},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:s,onClick:e=>this.toggleItem(o.id,e),disabled:t,fullWidth:!0,"icon-position":"none",align:"start",justify:"between",noRipple:!0,"aria-expanded":r?"true":"false","aria-controls":"accordion-content-"+o.id,ariaLabel:`${r?"Close":"Open"} ${o.title}`,tabindex:t?-1:0},a("div",{class:"accordion-header-content"},a("div",{class:"accordion-header-left"},"start"===this.iconPosition&&!this.hideArrow&&(()=>a("ui-icon",{name:r?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,e)=>a("span",{class:"breadcrumb-node"},o," ",e<i.length-1?" > ":"")))),a("div",{class:"accordion-title-group"},a("div",{class:"accordion-title",innerHTML:n(this.enableSearch?this.highlightSearchText(o.title):o.title)}),o.subtitle&&a("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&&!r&&!this.searchQuery&&a("span",{class:"accordion-peek-snippet",innerHTML:n(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((e=>a("ui-button",{key:e.id,variant:e.variant||"ghost",size:"xs",iconOnly:!!e.icon,icon:e.icon,iconLibrary:e.iconLibrary||o.iconLibrary||this.iconLibrary,iconSize:"1.1em",label:e.icon?void 0:e.label,ariaLabel:e.ariaLabel||e.label,disabled:e.disabled,onClick:i=>this.handleActionClick(o.id,e.id,e,i)})))),o.loading&&a("ui-loader",{size:"xs",color:"currentColor",class:"accordion-loading-spinner"}),"end"===this.iconPosition&&!this.hideArrow&&(()=>a("ui-icon",{name:r?this.arrowIconExpanded:this.arrowIconCollapsed,library:this.iconLibrary,size:"1.2em",class:"accordion-arrow"}))())))),(()=>{const t=this.animatingItems.has(o.id),n=!this.lazyRender||r||t||o.renderOnceOnly||this.printExpandAll;return n&&this.lazyRender&&r&&(o.renderOnceOnly=!0),n?a("div",{class:d,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:e=>{e&&o.content&&this.contentElements.set(o.id,e)}},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,e+1,[...i,o.title]))))):null})())}renderSkeleton(){return Array.from({length:3}).map(((o,e)=>a("div",{class:"accordion-item accordion-item-skeleton",key:"skeleton-"+e},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,e)=>{const i=this.openItems.includes(o.id),r=this.disabled||o.disabled||!1,t=["accordion-indicator",i&&"accordion-indicator-active",r&&"accordion-indicator-disabled"].filter(Boolean).join(" ");return a("ui-button",{key:o.id,variant:i?"primary":"outline",size:"xs",class:t,label:""+(e+1),onClick:()=>this.toggleItem(o.id),disabled:r,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(" "),e=(()=>{let o=[...this.parsedItems];return this.enableRanking&&o.sort(((o,e)=>(this.itemHeat.get(e.id)||0)-(this.itemHeat.get(o.id)||0))),this.enableSearch&&this.searchQuery?this.filteredItems:o})();return a(r,{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():e.length>0?e.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}'}},[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],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}]}]),b=h,m=function(){"undefined"!=typeof customElements&&["ui-accordion","ui-badge","ui-button","ui-button-toggle","ui-icon","ui-input"].forEach((o=>{switch(o){case"ui-accordion":customElements.get(t(o))||customElements.define(t(o),h);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))||p()}}))};export{b as UiAccordion,m as defineCustomElement}

package/dist/components/ui-advanced-data-table.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UiAdvancedDataTable extends Components.UiAdvancedDataTable, HTMLElement {}
+export const UiAdvancedDataTable: {
+    prototype: UiAdvancedDataTable;
+    new (): UiAdvancedDataTable;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ui-advanced-data-table.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as e,createEvent as r,h as a,transformTag as i}from"@stencil/core/internal/client";import{d as o,a as n}from"./badge.js";import{d as s}from"./checkbox.js";import{d as l}from"./icon.js";import{d}from"./input.js";import{d as c}from"./pagination.js";import{d as p}from"./radio.js";import{d as h}from"./rating.js";import{d as b}from"./skeleton-loader.js";import{d as u}from"./switch.js";const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.rowSelect=r(this,"rowSelect",7),this.rowDeselect=r(this,"rowDeselect",7),this.cellEdit=r(this,"cellEdit",7),this.cellEditStart=r(this,"cellEditStart",7),this.cellEditStop=r(this,"cellEditStop",7),this.rowEditStart=r(this,"rowEditStart",7),this.rowEditStop=r(this,"rowEditStop",7),this.sortChange=r(this,"sortChange",7),this.filterChange=r(this,"filterChange",7),this.pageChange=r(this,"pageChange",7),this.searchChange=r(this,"searchChange",7),this.columnOrderChange=r(this,"columnOrderChange",7),this.columnVisibilityChange=r(this,"columnVisibilityChange",7),this.columnPin=r(this,"columnPin",7),this.rowPin=r(this,"rowPin",7),this.rowReorderEvent=r(this,"rowReorderEvent",7),this.dataExport=r(this,"dataExport",7),this.groupToggle=r(this,"groupToggle",7),this.groupByChange=r(this,"groupByChange",7),this.rowEdit=r(this,"rowEdit",7),this.rowDelete=r(this,"rowDelete",7),this.rowAction=r(this,"rowAction",7),this.lazyLoadMore=r(this,"lazyLoadMore",7)}get el(){return this}config={columns:[],data:[],selectable:!1,pagination:!0,pageSize:10};columns=[];data=[];selectable=!1;multiSelect=!0;editable=!1;stickyHeader=!0;pagination=!0;pageSize=10;pageSizeOptions=[5,10,25,50,100];paginationTheme="default";paginationShape="default";paginationKeyboardNav=!0;paginationQuickJump=!1;paginationQuickJumpStep=5;paginationShowProgress=!1;paginationSticky=!1;paginationStickyPosition="bottom";paginationTransitions=!0;paginationUrlSync=!1;paginationUrlParam="page";paginationPersistPage=!1;paginationStorageKey="table-page";paginationSwipeGestures=!0;paginationSmartCompact=!1;paginationSmartCompactThreshold=20;paginationAutoHide=!0;paginationResponsive=!0;paginationMobileBreakpoint=768;virtualScroll=!1;virtualRowHeight=48;advancedFilters=!1;columnAggregation=!1;aggregationFunctions=["sum","avg","min","max","count"];persistState=!1;stateStorageKey="table-state";multiSort=!1;maxSortColumns=3;autoSizeColumns=!1;rowDetails=!1;keyboardShortcuts=!0;excelExport=!1;inlineValidation=!1;validationRules={};advancedCellEditors=!0;columnFormatting=!0;rangeSelection=!1;copyPaste=!1;conditionalFormatting=!1;formattingRules={};contextMenu=!1;mobileCardView=!0;lazyLoad=!1;pdfExport=!1;enableSparklines=!1;undoRedo=!1;printOptimized=!1;enhancedAccessibility=!0;advancedValidation=!1;searchable=!0;sortable=!0;filterable=!0;columnReorder=!0;columnVisibility=!0;rowHeight="normal";striped=!0;stripedColor;stripedColorDark;hoverable=!0;bordered=!0;loading=!1;showSkeleton=!0;skeletonRows=5;emptyMessage="No data available";serverSide=!1;totalRows=0;exportable=!0;theme="auto";variant="default";color="primary";grouping=!1;groupBy="";expandGroupsByDefault=!0;showGroupCount=!0;columnGrouping=!1;showGroupingControls=!0;treeData=!1;showActions=!1;customActions;iconLibrary="default";columnPinning=!0;rowPinning=!0;rowSpanning=!1;rowReorder=!1;multiFilter=!0;showFilterPanel=!1;showColumnPanel=!1;headerBackground;state={selectedRows:new Set,virtualVisibleRange:{start:0,end:50},sortConfig:{field:"",direction:null},filterConfig:{},searchQuery:"",pagination:{currentPage:1,pageSize:10,totalPages:1,totalRows:0},editingCell:null,columnOrder:[],visibleColumns:new Set,columnWidths:new Map,expandedGroups:new Set,groupBy:null,expandedRows:new Set,focusedCell:null};draggedColumn=null;draggedRow=null;showColumnSettings=!1;showExportDialog=!1;resizingColumn=null;activeActionMenu=null;pinnedColumns={left:[],right:[]};pinnedRows={top:[],bottom:[]};editingRow=null;activeFilters=new Map;filterPanelField="";filterPanelOperator="contains";filterPanelValue="";draggedColumnInPanel=null;columnSearchQuery="";virtualScrollOffset=0;virtualVisibleRange={start:0,end:50};multiSortConfig=[];columnAggregations=new Map;expandedRowDetails=new Set;validationErrors=new Map;showKeyboardShortcutsHelp=!1;advancedFilterConfig=new Map;rangeSelectionAnchor=null;clipboardData=[];formattingCache=new Map;contextMenuState={visible:!1,x:0,y:0,type:"cell",target:null};undoStack=[];redoStack=[];lazyLoadedRows=new Set;isMobileView=!1;rowSelect;rowDeselect;cellEdit;cellEditStart;cellEditStop;rowEditStart;rowEditStop;sortChange;filterChange;pageChange;searchChange;columnOrderChange;columnVisibilityChange;columnPin;rowPin;rowReorderEvent;dataExport;groupToggle;groupByChange;rowEdit;rowDelete;rowAction;lazyLoadMore;resizeObserver;lazyLoadObserver;editInputRef;resizeStartX=0;resizeStartWidth=0;resizingColumnId="";componentWillLoad(){this.initializeState()}componentDidLoad(){this.loadTableState(),this.setupResizeObserver(),this.applyTheme(),this.setupClickOutsideListener(),this.setupGlobalKeyboardShortcuts(),this.copyPaste&&(document.addEventListener("copy",this.handleCopy),document.addEventListener("paste",this.handlePaste))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect(),this.lazyLoadObserver&&this.lazyLoadObserver.disconnect(),document.removeEventListener("mousemove",this.handleResizeMove),document.removeEventListener("mouseup",this.handleResizeEnd),this.copyPaste&&(document.removeEventListener("copy",this.handleCopy),document.removeEventListener("paste",this.handlePaste)),document.removeEventListener("click",this.handleClickOutside)}onDataOrColumnsChange(){this.initializeState()}onPageSizeChange(t){this.state={...this.state,pagination:{...this.state.pagination,pageSize:t,currentPage:1,totalPages:this.calculateTotalPages(t)}}}onGroupByChange(t){this.handleGroupByChange(t)}onThemeChange(){this.applyTheme()}async selectRow(t){const e=new Set(this.state.selectedRows);e.add(t),this.updateSelectedRows(e)}async deselectRow(t){const e=new Set(this.state.selectedRows);e.delete(t),this.updateSelectedRows(e)}async selectAllRows(){const t=this.getProcessedData().map((t=>t.id));this.updateSelectedRows(new Set(t))}async deselectAllRows(){this.updateSelectedRows(new Set)}async getSelectedRows(){return Array.from(this.state.selectedRows)}async exportData(t={format:"csv"}){const e=this.prepareExportData(t);this.performExport(e,t)}async resetFilters(){this.state={...this.state,filterConfig:{},searchQuery:"",pagination:{...this.state.pagination,currentPage:1}}}async resetSort(){this.state={...this.state,sortConfig:{field:"",direction:null}}}async goToPage(t){t>=1&&t<=this.state.pagination.totalPages&&(this.state={...this.state,pagination:{...this.state.pagination,currentPage:t}},this.pageChange.emit({page:t,pageSize:this.state.pagination.pageSize}))}async refresh(){this.initializeState()}async print(){if(this.printOptimized)window.print();else{const t=document.createElement("style");t.textContent="\n        @media print {\n          body * { visibility: hidden; }\n          .data-table-container, .data-table-container * { visibility: visible; }\n          .data-table-container { position: absolute; left: 0; top: 0; width: 100%; }\n          .toolbar, .pagination-container, .column-settings-panel, .filter-panel { display: none !important; }\n          .data-table { width: 100% !important; border-collapse: collapse !important; }\n          .data-table td, .data-table th { border: 1px solid #ddd !important; padding: 8px !important; }\n        }\n      ",document.head.appendChild(t),window.print(),document.head.removeChild(t)}}initializeState(){const t=this.parseColumns(),e=this.flattenColumns(t),r=this.calculateInitialColumnWidths(e),a=this.groupBy||null,i=new Set;if(a&&this.expandGroupsByDefault){const t=this.parseData();this.groupData(t,a).forEach(((t,e)=>i.add(e)))}this.state={...this.state,columnOrder:e.map((t=>t.id)),visibleColumns:new Set(e.filter((t=>!1!==t.visible)).map((t=>t.id))),columnWidths:r,groupBy:a,expandedGroups:i,pagination:{currentPage:1,pageSize:this.pageSize,totalPages:this.calculateTotalPages(this.pageSize),totalRows:this.getTotalRows()},focusedCell:null}}parseColumns(){if("string"==typeof this.columns)try{return JSON.parse(this.columns)}catch{return[]}return this.columns||[]}parseData(){if("string"==typeof this.data)try{return JSON.parse(this.data)}catch{return[]}return this.data||[]}parsePageSizeOptions(){if("string"==typeof this.pageSizeOptions)try{return JSON.parse(this.pageSizeOptions)}catch{return[5,10,25,50,100]}return this.pageSizeOptions}flattenColumns(t){const e=[],r=t=>{t.forEach((t=>{t.children&&t.children.length>0?r(t.children):e.push(t)}))};return r(t),e}getVisibleColumns(){const t=this.parseColumns(),e=this.flattenColumns(t);return this.state.columnOrder.map((t=>e.find((e=>e.id===t)))).filter((t=>!!t&&this.state.visibleColumns.has(t.id)))}getTotalRows(){return this.serverSide?this.totalRows:this.parseData().length}calculateTotalPages(t){const e=this.getTotalRows();return Math.ceil(e/t)}getProcessedData(){let t=this.parseData();return this.treeData&&(t=this.flattenTreeData(t)),this.searchable&&this.state.searchQuery&&(t=this.applySearch(t,this.state.searchQuery)),this.filterable&&Object.keys(this.state.filterConfig).length>0&&(t=this.applyFilters(t,this.state.filterConfig)),this.advancedFilters&&(t=this.applyAdvancedFilters(t)),this.sortable&&(this.multiSort&&this.multiSortConfig.length>0?t=this.applyMultiSort(t):this.state.sortConfig.field&&this.state.sortConfig.direction&&(t=this.applySort(t,this.state.sortConfig))),this.serverSide||(this.state.pagination.totalRows=t.length,this.state.pagination.totalPages=this.calculateTotalPages(this.state.pagination.pageSize)),!this.pagination||this.serverSide||this.virtualScroll||(t=this.applyPagination(t)),this.persistState&&this.saveTableState(),t}applySearch(t,e){const r=e.toLowerCase(),a=this.getVisibleColumns();return t.filter((t=>a.some((e=>((e.field?t[e.field]:"")+"").toLowerCase().includes(r)))))}applyFilters(t,e){return t.filter((t=>Object.keys(e).every((r=>{const a=e[r];if(null===a||""===a)return!0;const i=t[r];return"string"==typeof a?(i+"").toLowerCase().includes(a.toLowerCase()):i===a}))))}applySort(t,e){return[...t].sort(((t,r)=>{const a=t[e.field],i=r[e.field];if(a===i)return 0;const o=a<i?-1:1;return"asc"===e.direction?o:-o}))}applyPagination(t){const{currentPage:e,pageSize:r}=this.state.pagination,a=(e-1)*r;return t.slice(a,a+r)}groupData(t,e){const r=new Map;return t.forEach((t=>{const a=null!=t[e]?t[e]+"":"(Empty)";r.has(a)||r.set(a,[]),r.get(a).push(t)})),r}handleGroupToggle(t){const e=new Set(this.state.expandedGroups);e.has(t)?e.delete(t):e.add(t),this.state={...this.state,expandedGroups:e},this.groupToggle.emit({groupKey:t,expanded:e.has(t)})}handleGroupByChange(t){const e=t===this.state.groupBy?null:t,r=new Set;if(e&&this.expandGroupsByDefault){const t=this.getProcessedData();this.groupData(t,e).forEach(((t,e)=>r.add(e)))}this.state={...this.state,groupBy:e,expandedGroups:r},e&&this.groupByChange.emit({field:e})}handleSort(t){if(!this.sortable)return;this.pushUndoState();const e=this.state.sortConfig;let r="asc";e.field===t&&("asc"===e.direction?r="desc":"desc"===e.direction&&(r=null));const a={field:r?t:"",direction:r};this.state={...this.state,sortConfig:a},this.sortChange.emit(a),this.enhancedAccessibility&&r&&this.announceToScreenReader(`Sorted by ${t} ${"asc"===r?"ascending":"descending"}`)}handleSearch(t){this.pushUndoState();const e=t.target;this.state={...this.state,searchQuery:e.value,pagination:{...this.state.pagination,currentPage:1}},this.searchChange.emit({query:e.value})}handleFilter(t,e){this.pushUndoState();const r={...this.state.filterConfig};if(""===e?delete r[t]:r[t]=e,this.state={...this.state,filterConfig:r,pagination:{...this.state.pagination,currentPage:1}},this.filterChange.emit(r),this.enhancedAccessibility){const t=Object.keys(r).length;this.announceToScreenReader(`${t} filter${1!==t?"s":""} applied`)}}handleRowSelect(t,e){const r=e.target,a=new Set(this.state.selectedRows);r.checked?(this.multiSelect||a.clear(),a.add(t)):a.delete(t),this.updateSelectedRows(a)}handleSelectAll(t){if(t.target.checked){const t=this.getProcessedData().map((t=>t.id));this.updateSelectedRows(new Set(t))}else this.updateSelectedRows(new Set)}updateSelectedRows(t){this.pushUndoState(),this.state={...this.state,selectedRows:t};const e=Array.from(t);t.size>0?(this.rowSelect.emit({selectedRows:e}),this.enhancedAccessibility&&this.announceToScreenReader(`${t.size} row${1!==t.size?"s":""} selected`)):(this.rowDeselect.emit({selectedRows:e}),this.enhancedAccessibility&&this.announceToScreenReader("All rows deselected"))}handleCellEdit(t,e,r){if(this.advancedValidation){const a=this.validateCell(t,e,r),i=t+"";if(a){const t=this.validationErrors.get(i)||new Map;t.set(e,a),this.validationErrors=new Map(this.validationErrors).set(i,t)}else{const t=this.validationErrors.get(i);t&&t.has(e)&&(t.delete(e),this.validationErrors=new Map(this.validationErrors))}}this.cellEditStop.emit({rowId:t,field:e,value:r}),this.cellEdit.emit({rowId:t,field:e,value:r}),this.state={...this.state,editingCell:null},this.editingRow!==t||this.editable||this.stopRowEdit(t)}startCellEdit(t,e){if(!this.editable)return;const r=Array.isArray(this.data)?this.data.find((e=>e.id===t)):null;this.cellEditStart.emit({rowId:t,field:e,value:r?r[e]:null}),this.editingRow!==t&&this.startRowEdit(t),this.state={...this.state,editingCell:{rowId:t,field:e}},setTimeout((()=>{this.editInputRef&&(this.editInputRef?.setFocus(),this.editInputRef&&"select"in this.editInputRef&&this.editInputRef.select())}),0)}startRowEdit(t){const e=Array.isArray(this.data)?this.data.find((e=>e.id===t)):null;e&&(this.editingRow=t,this.rowEditStart.emit({row:e}))}stopRowEdit(t){const e=Array.isArray(this.data)?this.data.find((e=>e.id===t)):null;e&&(this.editingRow=null,this.rowEditStop.emit({row:e}))}toggleRowExpansion(t,e){e.stopPropagation();const r=new Set(this.state.expandedRows);r.has(t)?r.delete(t):r.add(t),this.state={...this.state,expandedRows:r}}flattenTreeData(t,e=0){let r=[];return t.forEach((t=>{const a={...t,_depth:e,_hasChildren:t.children&&t.children.length>0};r.push(a),t.children&&t.children.length>0&&this.state.expandedRows.has(t.id)&&(r=r.concat(this.flattenTreeData(t.children,e+1)))})),r}handlePaginationChange(t){const{page:e,itemsPerPage:r}=t.detail;this.state={...this.state,pagination:{...this.state.pagination,currentPage:e,pageSize:r}},this.pageChange.emit({page:e,pageSize:r})}handlePageSizeChangeFromPagination(t){const e=t.detail;this.state={...this.state,pagination:{...this.state.pagination,pageSize:e,currentPage:1,totalPages:this.calculateTotalPages(e)}},this.pageChange.emit({page:1,pageSize:e})}handleVirtualScroll=t=>{if(!this.virtualScroll)return;const e=t.target,r=Math.floor(e.scrollTop/this.virtualRowHeight),a=r+Math.ceil(e.clientHeight/this.virtualRowHeight)+10;this.virtualVisibleRange={start:Math.max(0,r-5),end:a}};handleMultiSort(t,e){if(!this.multiSort)return void this.handleSort(t);this.pushUndoState();const r=e&&(e.ctrlKey||e.metaKey),a=this.multiSortConfig.findIndex((e=>e.field===t));let i=[...this.multiSortConfig];r?a>=0?"asc"===i[a].direction?i[a].direction="desc":i.splice(a,1):i.length<this.maxSortColumns&&i.push({field:t,direction:"asc"}):i=a>=0&&"asc"===i[a].direction?[{field:t,direction:"desc"}]:[{field:t,direction:"asc"}],this.multiSortConfig=i}applyMultiSort(t){return this.multiSort&&0!==this.multiSortConfig.length?[...t].sort(((t,e)=>{for(const r of this.multiSortConfig){const a=t[r.field],i=e[r.field];if(a!==i){const t=a<i?-1:1;return"asc"===r.direction?t:-t}}return 0})):this.applySort(t,this.state.sortConfig)}filterOperators={equals:(t,e)=>t===e,notEquals:(t,e)=>t!==e,contains:(t,e)=>(t+"").toLowerCase().includes((e+"").toLowerCase()),startsWith:(t,e)=>(t+"").toLowerCase().startsWith((e+"").toLowerCase()),endsWith:(t,e)=>(t+"").toLowerCase().endsWith((e+"").toLowerCase()),greaterThan:(t,e)=>Number(t)>Number(e),lessThan:(t,e)=>Number(t)<Number(e),isEmpty:t=>null==t||""===t,isNotEmpty:t=>null!=t&&""!==t};applyAdvancedFilters(t){return this.advancedFilters&&0!==this.advancedFilterConfig.size?t.filter((t=>Array.from(this.advancedFilterConfig.entries()).every((([e,r])=>{const a=this.filterOperators[r.operator];return!a||a(t[e],r.value)})))):t}saveTableState(){if(this.persistState&&"undefined"!=typeof window)try{const t={sortConfig:this.multiSort?this.multiSortConfig:this.state.sortConfig,filterConfig:this.state.filterConfig,columnOrder:this.state.columnOrder,visibleColumns:Array.from(this.state.visibleColumns),columnWidths:Array.from(this.state.columnWidths.entries()),pagination:this.state.pagination,groupBy:this.state.groupBy};localStorage.setItem(this.stateStorageKey,JSON.stringify(t))}catch(t){console.error("Failed to save table state:",t)}}loadTableState(){if(this.persistState&&"undefined"!=typeof window)try{const t=localStorage.getItem(this.stateStorageKey);if(t){const e=JSON.parse(t);this.multiSort&&e.multiSortConfig&&(this.multiSortConfig=e.multiSortConfig),this.state={...this.state,sortConfig:e.sortConfig||this.state.sortConfig,filterConfig:e.filterConfig||{},columnOrder:e.columnOrder||this.state.columnOrder,visibleColumns:new Set(e.visibleColumns||this.state.visibleColumns),columnWidths:new Map(e.columnWidths||[]),groupBy:e.groupBy||null}}}catch(t){console.error("Failed to load table state:",t)}}toggleRowDetails(t){const e=new Set(this.expandedRowDetails);e.has(t)?e.delete(t):e.add(t),this.expandedRowDetails=e}validateCell(t,e,r){if(!this.inlineValidation&&!this.advancedValidation)return null;const a=this.getVisibleColumns().find((t=>t.field===e));if(a&&a.validator){const e=Array.isArray(this.data)?this.data.find((e=>e.id===t)):null,i=a.validator(r,e);if(!0!==i&&null!==i)return"string"==typeof i?i:"Invalid value"}if(!this.validationRules[e])return null;const i=this.validationRules[e];if(i.required&&(null==r||""===r))return"This field is required";if(i.minLength&&(r+"").length<i.minLength)return"Minimum length is "+i.minLength;if(i.maxLength&&(r+"").length>i.maxLength)return"Maximum length is "+i.maxLength;if(void 0!==i.min&&Number(r)<i.min)return"Minimum value is "+i.min;if(void 0!==i.max&&Number(r)>i.max)return"Maximum value is "+i.max;if(i.pattern&&!RegExp(i.pattern).test(r+""))return i.patternMessage||"Invalid format";if(this.advancedValidation&&i.custom&&"function"==typeof i.custom)try{const t=i.custom(r);if(!0!==t)return"string"==typeof t?t:"Validation failed"}catch(t){return"Validation error"}return this.advancedValidation&&i.asyncCustom&&"function"==typeof i.asyncCustom&&this.validateCellAsync(t,e,r,i.asyncCustom),null}async validateCellAsync(t,e,r,a){try{const i=await a(r),o=t+"";if(!0!==i){const t="string"==typeof i?i:"Async validation failed",r=this.validationErrors.get(o)||new Map;r.set(e,t),this.validationErrors=new Map(this.validationErrors).set(o,r)}else{const t=this.validationErrors.get(o);t&&t.has(e)&&(t.delete(e),this.validationErrors=new Map(this.validationErrors))}}catch(r){const a=t+"",i=this.validationErrors.get(a)||new Map;i.set(e,"Async validation error"),this.validationErrors=new Map(this.validationErrors).set(a,i)}}renderAdvancedCellEditor(t,e,r){if(!this.advancedCellEditors)return this.renderEditableCell(t,e,r);const i=r=>{this.handleCellEdit(t.id,e.field,r),this.state={...this.state,editingCell:null}};switch(e.type){case"date":case"datetime":case"number":return a("ui-input",{type:"datetime"===e.type?"datetime-local":e.type,value:r||"",onInputChange:t=>i("number"===e.type?Number(t.detail):t.detail),onInputBlur:()=>this.state={...this.state,editingCell:null},customClass:`cell-editor ${e.type}-editor`,size:"sm"});case"boolean":return a("ui-checkbox",{checked:!!r,onCheckboxChange:t=>i(t.detail.checked),size:"sm"});default:return this.renderEditableCell(t,e,r)}}formatCellValue(t,e){if(!this.columnFormatting||null==t)return(t||"")+"";if(e.format)return e.format(t);switch(e.type){case"number":return(new Intl.NumberFormat).format(Number(t));case"date":return(new Intl.DateTimeFormat).format(new Date(t));case"datetime":return new Intl.DateTimeFormat(void 0,{dateStyle:"short",timeStyle:"short"}).format(new Date(t));default:return e.field?.toLowerCase().includes("price")||e.field?.toLowerCase().includes("cost")||e.field?.toLowerCase().includes("amount")?new Intl.NumberFormat(void 0,{style:"currency",currency:"USD"}).format(Number(t)):e.field?.toLowerCase().includes("percent")||e.field?.toLowerCase().includes("rate")?new Intl.NumberFormat(void 0,{style:"percent",minimumFractionDigits:2}).format(Number(t)/100):t+""}}handleCellClick(t,e,r){if(!this.rangeSelection||!r.shiftKey)return;if(!this.rangeSelectionAnchor)return void(this.rangeSelectionAnchor={rowId:t,field:e});const a=this.getProcessedData(),i=a.findIndex((t=>t.id===this.rangeSelectionAnchor.rowId)),o=a.findIndex((e=>e.id===t)),n=Math.min(i,o),s=Math.max(i,o),l=new Set(this.state.selectedRows);for(let t=n;t<=s;t++)l.add(a[t].id);this.state={...this.state,selectedRows:l}}handleCopy=t=>{if(!this.copyPaste||0===this.state.selectedRows.size)return;t.preventDefault();const e=this.getProcessedData(),r=this.getVisibleColumns(),a=e.filter((t=>this.state.selectedRows.has(t.id))),i=r.map((t=>t.label)).join("\t")+"\n"+a.map((t=>r.map((e=>this.formatCellValue(t[e.field],e))).join("\t"))).join("\n");t.clipboardData?.setData("text/plain",i),this.clipboardData=a.map((t=>r.map((e=>t[e.field]))))};handlePaste=t=>{if(!this.copyPaste||!this.editable)return;t.preventDefault();const e=t.clipboardData?.getData("text/plain");if(!e)return;const r=e.split("\n").map((t=>t.split("\t")));this.cellEdit.emit({rowId:"paste",field:"multiple",value:r})};getConditionalFormattingStyle(t,e){if(!this.conditionalFormatting||!this.formattingRules[e.field])return{};const r=this.formattingRules[e.field],a=Number(t);if(r.colorScale){const{min:t,max:e,minColor:i,maxColor:o}=r.colorScale,n=(a-t)/(e-t);return{backgroundColor:`rgb(${Math.round(i.r+(o.r-i.r)*n)}, ${Math.round(i.g+(o.g-i.g)*n)}, ${Math.round(i.b+(o.b-i.b)*n)})`}}if(r.dataBar){const{min:t,max:e,color:i}=r.dataBar,o=(a-t)/(e-t)*100;return{background:`linear-gradient(90deg, ${i} ${o}%, transparent ${o}%)`}}return r.custom&&"function"==typeof r.custom?r.custom(t):{}}toggleColumnVisibility(t){const e=new Set(this.state.visibleColumns);e.has(t)?e.delete(t):e.add(t),this.state={...this.state,visibleColumns:e},this.columnVisibilityChange.emit({visible:Array.from(e)})}handleColumnDragStart(t,e){this.draggedColumn=t,e.dataTransfer.effectAllowed="move"}handleColumnDragOver(t){t.preventDefault(),t.dataTransfer.dropEffect="move"}handleColumnDrop(t,e){if(e.preventDefault(),!this.draggedColumn||this.draggedColumn===t)return;const r=[...this.state.columnOrder],a=r.indexOf(this.draggedColumn),i=r.indexOf(t);r.splice(a,1),r.splice(i,0,this.draggedColumn),this.state={...this.state,columnOrder:r},this.columnOrderChange.emit({order:r}),this.draggedColumn=null}async handleColumnPin(t,e){const r={...this.pinnedColumns};r.left=r.left.filter((e=>e!==t)),r.right=r.right.filter((e=>e!==t)),"left"===e?r.left.push(t):"right"===e&&r.right.push(t),this.pinnedColumns=r,this.columnPin.emit({columnId:t,position:e})}async handleRowPin(t,e){const r={...this.pinnedRows};r.top=r.top.filter((e=>e!==t)),r.bottom=r.bottom.filter((e=>e!==t)),"top"===e?r.top.push(t):"bottom"===e&&r.bottom.push(t),this.pinnedRows=r,this.rowPin.emit({rowId:t,position:e})}handleRowDragStart(t,e){this.rowReorder&&(this.draggedRow=t,e.dataTransfer.effectAllowed="move")}handleRowDragOver(t){this.rowReorder&&(t.preventDefault(),t.dataTransfer.dropEffect="move")}handleRowDrop(t,e){e.preventDefault(),null!==this.draggedRow&&this.draggedRow!==t&&(this.rowReorderEvent.emit({fromIndex:this.draggedRow,toIndex:t}),this.draggedRow=null)}addFilter(t,e,r){const a=this.activeFilters.get(t)||[];a.push({operator:e,value:r}),this.activeFilters.set(t,a);const i={...this.state.filterConfig};i[t]=a,this.state={...this.state,filterConfig:i},this.filterChange.emit(i)}removeFilter(t,e){const r=this.activeFilters.get(t)||[];r.splice(e,1),0===r.length?this.activeFilters.delete(t):this.activeFilters.set(t,r);const a={...this.state.filterConfig};0===r.length?delete a[t]:a[t]=r,this.state={...this.state,filterConfig:a},this.filterChange.emit(a)}clearAllFilters(){this.activeFilters.clear(),this.state={...this.state,filterConfig:{}},this.filterChange.emit({})}handleResizeStart=(t,e)=>{e.preventDefault(),e.stopPropagation(),this.resizingColumnId=t,this.resizeStartX=e.clientX,this.resizeStartWidth=this.state.columnWidths.get(t)||150,this.resizingColumn=t,document.addEventListener("mousemove",this.handleResizeMove),document.addEventListener("mouseup",this.handleResizeEnd),document.body.style.userSelect="none"};handleResizeMove=t=>{if(!this.resizingColumnId)return;const e=Math.max(50,this.resizeStartWidth+(t.clientX-this.resizeStartX)),r=new Map(this.state.columnWidths);r.set(this.resizingColumnId,e),this.state={...this.state,columnWidths:r}};handleResizeEnd=()=>{this.resizingColumnId="",this.resizingColumn=null,document.body.style.userSelect="",document.removeEventListener("mousemove",this.handleResizeMove),document.removeEventListener("mouseup",this.handleResizeEnd)};calculateInitialColumnWidths(t){const e=new Map,r=t.filter((t=>!1!==t.visible)),a=r.length;let i;return i=a<=3?250:a<=6?200:a<=10?150:a<=15?120:100,r.forEach((t=>{if(t.width){const r=parseInt(t.width);e.set(t.id,isNaN(r)?i:r)}else e.set(t.id,i)})),e}prepareExportData(t){let e=t.selectedOnly?this.parseData().filter((t=>this.state.selectedRows.has(t.id))):this.getProcessedData();const r=t.visibleColumnsOnly?this.getVisibleColumns():this.flattenColumns(this.parseColumns());return e.map((t=>{const e={};return r.forEach((r=>{r.field&&(e[r.label]=r.format?r.format(t[r.field]):t[r.field])})),e}))}performExport(t,e){"csv"===e.format?this.exportToCSV(t,e.fileName||"export.csv"):"json"===e.format?this.exportToJSON(t,e.fileName||"export.json"):"excel"===e.format&&this.exportToExcel(t,e.fileName||"export.xlsx"),this.dataExport.emit({data:t,format:e.format}),this.showExportDialog=!1}exportToCSV(t,e){if(0===t.length)return;const r=Object.keys(t[0]),a=[r.join(","),...t.map((t=>r.map((e=>{const r=t[e];return"string"==typeof r&&r.includes(",")?`"${r}"`:r})).join(",")))].join("\n");this.downloadFile(a,e,"text/csv")}exportToJSON(t,e){const r=JSON.stringify(t,null,2);this.downloadFile(r,e,"application/json")}exportToExcel(t,e){if(0===t.length)return;const r=Object.keys(t[0]);let a='<?xml version="1.0"?><?mso-application progid="Excel.Sheet"?>';a+='<Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet" ',a+='xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet">',a+="<Styles>",a+='<Style ss:ID="Header"><Font ss:Bold="1"/><Interior ss:Color="#4472C4" ss:Pattern="Solid"/></Style>',a+='<Style ss:ID="Default"><Borders><Border ss:Position="Bottom" ss:LineStyle="Continuous" ss:Weight="1"/></Borders></Style>',a+="</Styles>",a+='<Worksheet ss:Name="Sheet1"><Table>',a+='<Row ss:StyleID="Header">',r.forEach((t=>{a+=`<Cell><Data ss:Type="String">${this.escapeXml(t)}</Data></Cell>`})),a+="</Row>",t.forEach((t=>{a+='<Row ss:StyleID="Default">',r.forEach((e=>{const r=t[e];a+=`<Cell><Data ss:Type="${"number"==typeof r?"Number":"String"}">${this.escapeXml((null!=r?r:"")+"")}</Data></Cell>`})),a+="</Row>"})),a+="</Table></Worksheet></Workbook>",this.downloadFile(a,e,"application/vnd.ms-excel")}escapeXml(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;")}downloadFile(t,e,r){const a=new Blob([t],{type:r}),i=URL.createObjectURL(a),o=document.createElement("a");o.href=i,o.download=e,o.click(),URL.revokeObjectURL(i)}exportToPDF(){this.printOptimized||(console.warn("PDF Export requires jspdf library. Please enable print mode."),alert("PDF Export not fully implemented without jspdf. Printing page instead.")),window.print()}pushUndoState(){if(!this.undoRedo)return;const t=JSON.parse(JSON.stringify(this.state));this.undoStack=[...this.undoStack,t],this.redoStack=[],this.undoStack.length>20&&this.undoStack.shift()}handleUndo(){if(!this.undoRedo||0===this.undoStack.length)return;const t=JSON.parse(JSON.stringify(this.state));this.redoStack=[...this.redoStack,t];const e=this.undoStack.pop();this.undoStack=[...this.undoStack],this.state={...e}}handleRedo(){if(!this.undoRedo||0===this.redoStack.length)return;const t=JSON.parse(JSON.stringify(this.state));this.undoStack=[...this.undoStack,t];const e=this.redoStack.pop();this.redoStack=[...this.redoStack],this.state={...e}}setupGlobalKeyboardShortcuts(){document.addEventListener("keydown",(t=>{this.undoRedo&&((t.ctrlKey||t.metaKey)&&"z"===t.key&&(t.preventDefault(),this.handleUndo()),(t.ctrlKey||t.metaKey)&&("y"===t.key||t.shiftKey&&"z"===t.key)&&(t.preventDefault(),this.handleRedo())),this.keyboardShortcuts&&!this.state.editingCell&&this.handleKeyboardNavigation(t)}))}handleKeyboardNavigation(t){if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Enter","Escape","Tab"].includes(t.key))return;const e=this.getProcessedData(),r=this.getVisibleColumns();if(0===e.length||0===r.length)return;let{focusedCell:a}=this.state;if(!a)return void(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t.key)&&(this.setFocusedCell(e[0].id,r[0].field??""),t.preventDefault()));const i=e.findIndex((t=>t.id===a.rowId)),o=r.findIndex((t=>t.field===a.field));if(-1!==i&&-1!==o)switch(t.key){case"ArrowUp":i>0&&(this.setFocusedCell(e[i-1].id,a.field),t.preventDefault());break;case"ArrowDown":i<e.length-1&&(this.setFocusedCell(e[i+1].id,a.field),t.preventDefault());break;case"ArrowLeft":o>0&&(this.setFocusedCell(a.rowId,r[o-1].field??""),t.preventDefault());break;case"ArrowRight":o<r.length-1&&(this.setFocusedCell(a.rowId,r[o+1].field??""),t.preventDefault());break;case"Enter":this.editable&&(this.startCellEdit(a.rowId,a.field),t.preventDefault());break;case"Escape":this.setFocusedCell(null,"")}}setFocusedCell(t,e){this.state={...this.state,focusedCell:t?{rowId:t,field:e}:null},t&&setTimeout((()=>{const r=this.el.shadowRoot?.querySelector(`td[data-row-id="${t}"][data-field="${e}"]`);r&&r.scrollIntoView({block:"nearest",inline:"nearest"})}),0)}applyTheme(){const t=this.el.shadowRoot?.querySelector(".data-table-container");if(t)if("auto"===this.theme){const e=window.matchMedia("(prefers-color-scheme: dark)").matches;t.classList.toggle("dark-mode",e)}else t.classList.toggle("dark-mode","dark"===this.theme)}setupClickOutsideListener=()=>{document.addEventListener("click",this.handleClickOutside),document.addEventListener("contextmenu",(t=>{if(this.contextMenu&&this.contextMenuState.visible){const e=t.target,r=(this.el.shadowRoot||this.el).querySelector(".context-menu");if(r&&r.contains(e))return}}))};handleClickOutside=t=>{if(null!==this.activeActionMenu&&(t.target.closest(".row-actions-container")||(this.activeActionMenu=null)),this.contextMenuState.visible){const e=t.target,r=(this.el.shadowRoot||this.el).querySelector(".context-menu");if(r&&r.contains(e))return;this.contextMenuState={...this.contextMenuState,visible:!1}}};handleHeaderContextMenu(t,e){t.preventDefault(),t.stopPropagation();const r=t.currentTarget.getBoundingClientRect();this.contextMenuState={visible:!0,x:r.left,y:r.bottom+window.scrollY,type:"header",target:e}}toggleColumnPin(t,e){const r={...this.pinnedColumns};r.left=r.left.filter((e=>e!==t)),r.right=r.right.filter((e=>e!==t)),"left"===e?r.left.push(t):"right"===e&&r.right.push(t),this.pinnedColumns=r,this.contextMenuState={...this.contextMenuState,visible:!1}}handleContextMenu(t,e,r){this.contextMenu&&(t.preventDefault(),t.stopPropagation(),this.contextMenuState={visible:!0,x:t.clientX,y:t.clientY,type:e,target:r})}setupResizeObserver(){this.resizeObserver=new ResizeObserver((t=>{this.el.shadowRoot?.host.dispatchEvent(new CustomEvent("tableResize"));for(const e of t)this.isMobileView=e.contentRect.width<768})),this.resizeObserver.observe(this.el)}setupLazyLoadObserver(t){t&&this.lazyLoad&&(this.lazyLoadObserver&&this.lazyLoadObserver.disconnect(),this.lazyLoadObserver=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting&&!this.loading){const t=this.parseData().length;this.lazyLoadMore.emit({currentCount:t})}}))}),{root:null,rootMargin:"100px",threshold:.1}),this.lazyLoadObserver.observe(t))}announceToScreenReader(t){if(!this.enhancedAccessibility)return;let e=this.el.shadowRoot?.querySelector(".sr-announcer");e||(e=document.createElement("div"),e.className="sr-announcer",e.setAttribute("aria-live","polite"),e.setAttribute("aria-atomic","true"),e.setAttribute("role","status"),this.el.shadowRoot?.appendChild(e)),e.textContent="",setTimeout((()=>{e.textContent=t}),100)}calculateAggregations(t){const e={};return this.getVisibleColumns().forEach((r=>{r.aggregation&&r.aggregation.length>0&&(e[r.id]={},r.aggregation.forEach((a=>{const i=t.map((t=>t[r.field])).filter((t=>null!=t&&""!==t));switch(a){case"sum":e[r.id].sum=i.reduce(((t,e)=>Number(t)+Number(e)),0);break;case"avg":const t=i.reduce(((t,e)=>Number(t)+Number(e)),0);e[r.id].avg=i.length>0?t/i.length:0;break;case"min":"date"===r.type||r.id&&r.id.toLowerCase().includes("date")?(i.sort(),e[r.id].min=i[0]):e[r.id].min=Math.min(...i.map((t=>Number(t))));break;case"max":"date"===r.type||r.id&&r.id.toLowerCase().includes("date")?(i.sort(),e[r.id].max=i[i.length-1]):e[r.id].max=Math.max(...i.map((t=>Number(t))));break;case"count":e[r.id].count=i.length}})))})),e}renderAggregationFooter(){const t=this.getProcessedData(),e=this.calculateAggregations(t);return Object.keys(e).length>0?a("tfoot",{class:"data-table-footer"},a("tr",null,(this.selectable||this.multiSelect)&&a("td",null),this.rowDetails&&a("td",null),this.getVisibleColumns().map((t=>{const r=e[t.id],i=this.pinnedColumns.left.includes(t.id),o=this.pinnedColumns.right.includes(t.id);return a("td",{class:{"pinned-left":i,"pinned-right":o},style:{position:i||o?"sticky":void 0,left:i?this.getPinnedOffset(t.id,"left"):void 0,right:o?this.getPinnedOffset(t.id,"right"):void 0,zIndex:i||o?"3":void 0,textAlign:t.align||"left"}},r&&Object.entries(r).map((([e,r])=>a("div",{class:"agg-item"},a("span",{class:"agg-label"},e,":"),a("span",{class:"agg-value"},t.format&&"number"==typeof r?t.format(r):r)))))})))):null}renderSkeletonRows(t){return Array.from({length:this.skeletonRows},((e,r)=>a("tr",{key:"skeleton-"+r,class:"skeleton-row"},this.selectable&&a("td",{class:"skeleton-cell"},a("ui-skeleton",{shape:"square",size:"sm",width:"16px",height:"16px"})),t.map((t=>a("td",{key:`skeleton-${r}-${t.id}`,class:"skeleton-cell"},a("ui-skeleton",{shape:"text",animationType:"wave",width:30+40*Math.random()+"%"})))))))}getPinnedOffset(t,e){const r=this.getVisibleColumns(),a=t=>"left"===e?this.pinnedColumns.left.includes(t.id):this.pinnedColumns.right.includes(t.id),i=r.filter((t=>a(t))),o=i.findIndex((e=>e.id===t));if(o<=0)return"0px";let n=0;for(let t=0;t<o;t++)n+=this.state.columnWidths.get(i[t].id)||150;return n+"px"}renderColumnHeader(t,e=1){if(t.children&&t.children.length>0)return a("th",{class:"column-group",colSpan:this.getLeafColumnCount(t),style:{textAlign:t.align||"left"}},a("div",{class:"column-header-content"},a("span",null,t.label)));const r=this.state.sortConfig.field===t.field,i=r?this.state.sortConfig.direction:null,o=this.state.columnWidths.get(t.id);return a("th",{rowSpan:e>1?e:void 0,class:{sortable:this.sortable&&!1!==t.sortable,sorted:r,"sticky-column":t.sticky||this.pinnedColumns.left.includes(t.id)||this.pinnedColumns.right.includes(t.id),resizing:this.resizingColumn===t.id,"pinned-left":this.pinnedColumns.left.includes(t.id),"pinned-right":this.pinnedColumns.right.includes(t.id)},style:{width:o?o+"px":t.width||"auto",minWidth:t.minWidth,textAlign:t.align||"left",position:t.sticky||this.pinnedColumns.left.includes(t.id)||this.pinnedColumns.right.includes(t.id)?"sticky":"relative",left:this.pinnedColumns.left.includes(t.id)?this.getPinnedOffset(t.id,"left"):void 0,right:this.pinnedColumns.right.includes(t.id)?this.getPinnedOffset(t.id,"right"):void 0,zIndex:t.sticky||this.pinnedColumns.left.includes(t.id)||this.pinnedColumns.right.includes(t.id)?"30":void 0}},a("div",{class:"column-header-content"},this.columnReorder&&a("span",{class:"drag-handle",draggable:!0,onDragStart:e=>this.handleColumnDragStart(t.id,e),onDragOver:t=>this.handleColumnDragOver(t),onDrop:e=>this.handleColumnDrop(t.id,e),title:"Drag to reorder"},a("ui-icon",{name:"grip-vertical",library:"lucide",size:"1.2em"})),a("span",{class:"column-label",onClick:e=>!1!==t.sortable&&this.handleMultiSort(t.field||t.id,e)},(this.pinnedColumns.left.includes(t.id)||this.pinnedColumns.right.includes(t.id))&&a("ui-icon",{name:"pin",library:"lucide",size:"14px",class:"pin-indicator"}),t.label),this.sortable&&!1!==t.sortable&&(()=>{if(this.multiSort){const e=this.multiSortConfig.findIndex((e=>e.field===(t.field||t.id)));return e>=0?a("span",{class:"sort-icon multi-sort"},a("ui-icon",{name:"asc"===this.multiSortConfig[e].direction?"arrow-up":"arrow-down",library:"lucide",size:"14px"}),a("span",{class:"sort-order-badge"},e+1)):a("ui-icon",{name:"arrow-up-down",library:"lucide",size:"14px",class:"sort-icon"})}return a("span",{class:"sort-icon"},!r&&a("ui-icon",{name:"arrow-up-down",library:"lucide",size:"14px"}),r&&a("ui-icon",{name:"asc"===i?"arrow-up":"arrow-down",library:"lucide",size:"14px"}))})(),a("ui-button",{variant:"ghost",class:"header-menu-trigger",onClick:e=>this.handleHeaderContextMenu(e,t),ariaLabel:"Column options",icon:"more-vertical",iconLibrary:"lucide",iconOnly:!0,size:"sm"})),this.filterable&&!1!==t.filterable&&a("div",{class:"column-filter"},a("ui-input",{type:"text",placeholder:`Filter ${t.label}...`,value:this.state.filterConfig[t.field||t.id]||"",onInputChange:e=>this.handleFilter(t.field||t.id,e.detail),onClick:t=>t.stopPropagation(),size:"sm",variant:"outlined"})),a("div",{class:"resize-handle",onMouseDown:e=>this.handleResizeStart(t.id,e),onClick:t=>t.stopPropagation()}))}renderTableHeaders(){const t=this.parseColumns();if(!t.some((t=>t.children&&t.children.length>0)))return a("tr",null,this.selectable&&a("th",{class:"select-column"},this.multiSelect&&a("ui-checkbox",{checked:this.state.selectedRows.size===this.getProcessedData().length,onCheckboxChange:t=>this.handleSelectAll(t),ariaLabel:"Select all rows",size:"sm"})),this.getVisibleColumns().map((t=>this.renderColumnHeader(t))),this.showActions&&a("th",{class:"actions-column"},"Actions"),this.rowDetails&&a("th",{class:"row-details-column"},"Details"));const e=[],r=this.getMaxColumnDepth(t);for(let i=0;i<r;i++)e.push(a("tr",null,0===i&&this.selectable&&a("th",{class:"select-column",rowSpan:r},this.multiSelect&&a("ui-checkbox",{checked:this.state.selectedRows.size===this.getProcessedData().length,onCheckboxChange:t=>this.handleSelectAll(t),ariaLabel:"Select all rows",size:"sm"})),this.renderHeaderLevel(t,i,0,r),0===i&&this.showActions&&a("th",{class:"actions-column",rowSpan:r},"Actions"),0===i&&this.rowDetails&&a("th",{class:"row-details-column",rowSpan:r},"Details")));return e}getMaxColumnDepth(t){let e=1;const r=(t,a)=>{t.forEach((t=>{t.children&&t.children.length>0&&(e=Math.max(e,a+1),r(t.children,a+1))}))};return r(t,1),e}renderHeaderLevel(t,e,r=0,a=1){const i=[];return t.forEach((t=>{const o=t.children&&t.children.length>0;(o?this.getLeafColumnCount(t)>0:this.state.visibleColumns.has(t.id))&&(r===e?i.push(this.renderColumnHeader(t,o?1:a-r)):o&&i.push(...this.renderHeaderLevel(t.children,e,r+1,a)))})),i}renderCell(t,e){const r=e.field?t[e.field]:"";let i;i=this.editable&&!1!==e.editable||this.state.editingCell?.rowId===t.id&&this.state.editingCell?.field===e.field&&!1!==e.editable?this.advancedCellEditors?this.renderAdvancedCellEditor(t,e,r):this.renderEditableCell(t,e,r):this.columnFormatting?this.formatCellValue(r,e):this.renderDisplayCell(t,e,r);const o=this.getVisibleColumns();if(this.treeData&&o.length>0&&o[0].id===e.id){const e=t._depth||0,r=t._hasChildren,o=this.state.expandedRows.has(t.id);return a("div",{class:"cell-content-wrapper",style:{display:"flex",alignItems:"center"}},a("span",{style:{paddingLeft:24*e+"px"}}),r?a("span",{class:"tree-toggle-icon",onClick:e=>this.toggleRowExpansion(t.id,e),style:{cursor:"pointer",marginRight:"8px",display:"inline-block",width:"16px",textAlign:"center",userSelect:"none"}},a("ui-icon",{name:o?"chevron-down":"chevron-right",library:"lucide",size:"14px"})):a("span",{style:{display:"inline-block",width:"24px"}}),a("div",{class:"cell-inner-content",style:{flex:"1"}},i))}return!this.columnReorder||e.align&&"left"!==e.align?i:a("div",{class:"cell-content-wrapper",style:{display:"flex",alignItems:"center"}},a("span",{class:"drag-handle-spacer",style:{width:"22px",flexShrink:"0"}}),a("div",{class:"cell-inner-content",style:{flex:"1"}},i))}getLeafColumnCount(t){if(!t.children||0===t.children.length)return 1;let e=0;return t.children.forEach((t=>{t.children&&t.children.length>0?e+=this.getLeafColumnCount(t):this.state.visibleColumns.has(t.id)&&(e+=1)})),e}renderEditableCell(t,e,r){const i=()=>{this.editable||(this.state={...this.state,editingCell:null})},o=(r,a)=>{"Enter"===r.key?this.handleCellEdit(t.id,e.field,a.value):"Escape"===r.key&&(this.editable||i())};switch(e.type){case"select":return a("select",{ref:t=>{t&&(this.editInputRef=t,t.value=r)},onChange:r=>this.handleCellEdit(t.id,e.field,r.target.value),onBlur:i,class:"cell-select"},e.selectOptions?.map((t=>a("option",{value:t.value,selected:t.value===r},t.label))));case"radio":return a("div",{class:"cell-radio-group"},e.radioOptions?.map((i=>a("label",{class:"radio-label"},a("ui-radio",{name:`${t.id}-${e.field}`,value:i.value,checked:i.value===r,onRadioChange:r=>this.handleCellEdit(t.id,e.field,r.detail.value),label:i.label,size:"sm"})))));case"checkbox":return a("ui-checkbox",{ref:t=>this.editInputRef=t,checked:!0===r||"true"===r,onCheckboxChange:r=>this.handleCellEdit(t.id,e.field,r.detail.checked),onCheckboxBlur:i,size:"sm"});case"switch":return a("ui-switch",{checked:!0===r||"true"===r,onSwitchChange:r=>this.handleCellEdit(t.id,e.field,r.detail.checked),size:"sm"});case"rating":const n=e.maxRating||5,s=Number(r)||0;return a("div",{class:"cell-rating"},Array.from({length:n},((t,e)=>e+1)).map((r=>a("span",{class:{star:!0,filled:r<=s},onClick:()=>this.handleCellEdit(t.id,e.field,r)},a("ui-icon",{name:"star",library:"lucide",size:"1.2em",color:r<=s?"#ffc107":"#bdbdbd"})))));case"date":case"time":case"datetime":case"password":case"email":return a("ui-input",{ref:t=>this.editInputRef=t,type:"datetime"===e.type?"datetime-local":e.type,value:r,onInputChange:r=>this.handleCellEdit(t.id,e.field,r.detail),onInputBlur:i,onInputKeydown:t=>o(t.detail,t.target),customClass:"cell-input",variant:"plain",size:"sm"});case"url":return a("ui-input",{ref:t=>this.editInputRef=t,type:"number"===e.type?"number":"tel"===e.type?"tel":"url"===e.type?"url":"text",value:r,onInputChange:r=>this.handleCellEdit(t.id,e.field,r.detail),onInputBlur:i,onInputKeydown:t=>o(t.detail,t.target),customClass:"cell-input",variant:"plain",size:"sm"})}}renderDisplayCell(t,e,r){if(e.render)return a("span",{class:{"editable-cell":this.editable&&!1!==e.editable},onDblClick:()=>this.editable&&!1!==e.editable&&this.startCellEdit(t.id,e.field)},e.render(r,t,0));if(this.enableSparklines&&Array.isArray(r)&&r.length>0&&"number"==typeof r[0])return this.renderSparkline(r);let i;switch(e.type){case"checkbox":case"boolean":i=a("span",{class:"cell-boolean"},a("ui-icon",{name:r?"check":"x",library:"lucide",size:"1.2em",color:r?"#4caf50":"#f44336"}));break;case"switch":i=a("ui-switch",{checked:!!r,readonly:!0,size:"sm"});break;case"rating":i=a("ui-rating",{value:Number(r)||0,max:e.maxRating||5,readonly:!0,size:"sm"});break;case"image":const t=e.imageStyle||{};i=r?a("img",{src:r,alt:"Cell image",class:"cell-image",style:{width:t.width||"40px",height:t.height||"40px",borderRadius:t.borderRadius||"4px"}}):null;break;case"password":i=a("span",{class:"cell-password"},"•".repeat(r?.length||8));break;case"date":i=r?new Date(r).toLocaleDateString():"";break;case"datetime":i=r?new Date(r).toLocaleString():"";break;case"time":i=r;break;case"email":i=a("a",{href:"mailto:"+r,class:"cell-link"},r);break;case"url":i=a("a",{href:r,target:"_blank",rel:"noopener noreferrer",class:"cell-link"},r);break;case"tel":i=a("a",{href:"tel:"+r,class:"cell-link"},r);break;default:i=e.format?e.format(r):r}return a("span",{class:{"editable-cell":this.editable&&!1!==e.editable},onDblClick:()=>this.editable&&!1!==e.editable&&this.startCellEdit(t.id,e.field)},i)}renderRowActions(t){const e=this.activeActionMenu===t.id,r=this.customActions||[{label:"Edit",value:"edit",icon:"✏️"},{label:"Delete",value:"delete",icon:"🗑️"}];return a("div",{class:"row-actions-container"},a("ui-button",{variant:"ghost",class:"row-actions-trigger",onClick:r=>{r.stopPropagation(),this.activeActionMenu=e?null:t.id},ariaLabel:"Row actions",icon:"more-vertical",iconLibrary:"lucide",iconOnly:!0,size:"sm"}),e&&a("div",{class:"row-actions-menu"},r.map((e=>a("ui-button",{key:e.value,variant:"ghost",class:"row-action-item",onClick:r=>{r.stopPropagation(),this.handleRowAction(t,e.value)},icon:e.icon,iconLibrary:e.iconLibrary||this.iconLibrary,label:e.label,size:"sm",block:!0,align:"start"})))))}handleRowAction(t,e){this.activeActionMenu=null,"edit"===e?this.rowEdit.emit({row:t}):"delete"===e?this.rowDelete.emit({row:t}):this.rowAction.emit({row:t,action:e})}renderGroupedRows(t,e){const r=this.groupData(t,this.state.groupBy),i=[];return r.forEach(((t,r)=>{const o=this.state.expandedGroups.has(r),n=t.length;i.push(a("tr",{class:"group-header-row",key:"group-"+r,role:"row","aria-expanded":o},a("td",{colSpan:e.length+(this.selectable?1:0)+(this.showActions?1:0),class:"group-header-cell",onClick:()=>this.handleGroupToggle(r),role:"button",tabIndex:0,onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleGroupToggle(r))},"aria-label":`${o?"Collapse":"Expand"} group ${r}`},a("div",{class:"group-header-content"},a("span",{class:"group-expand-icon"},a("ui-icon",{name:o?"chevron-down":"chevron-right",library:"lucide",size:"14px"})),a("span",{class:"group-label"},r),this.showGroupCount&&a("span",{class:"group-count"},"(",n," ",1===n?"item":"items",")"))))),o&&t.forEach(((t,o)=>{i.push(a("tr",{class:{"group-data-row":!0,selected:this.state.selectedRows.has(t.id)},key:t.id,role:"row","data-group":r,"aria-label":`Row ${o+1} in group ${r}`},this.selectable&&a("td",{class:"select-column",role:"cell"},a("ui-checkbox",{checked:this.state.selectedRows.has(t.id),onCheckboxChange:e=>this.handleRowSelect(t.id,e.detail),ariaLabel:"Select row "+(o+1),size:"sm"})),e.map((e=>a("td",{key:e.id,class:{"sticky-column":!!e.sticky,"focused-cell":this.state.focusedCell?.rowId===t.id&&this.state.focusedCell?.field===e.field,"pinned-left":this.pinnedColumns.left.includes(e.id),"pinned-right":this.pinnedColumns.right.includes(e.id)},style:{textAlign:e.align||"left"},role:"cell","data-row-id":t.id,"data-field":e.field,tabIndex:0,onFocus:()=>this.setFocusedCell(t.id,e.field)},this.renderCell(t,e)))),this.showActions&&a("td",{class:"actions-column",role:"cell"},this.renderRowActions(t)),this.rowDetails&&a("td",{class:"row-details-toggle-cell",role:"cell"},a("ui-button",{variant:"ghost",size:"sm",onClick:()=>this.toggleRowDetails(t.id),ariaLabel:"Toggle row details",icon:this.expandedRowDetails.has(t.id)?"chevron-down":"chevron-right",iconLibrary:"lucide",iconOnly:!0,iconSize:"1.2em"})))),this.rowDetails&&this.expandedRowDetails.has(t.id)&&i.push(this.renderRowDetailsPanel(t))}))})),i}renderRowDetailsPanel(t){if(!this.rowDetails||!this.expandedRowDetails.has(t.id))return null;const e=this.getVisibleColumns();return a("tr",{key:t.id+"-details",class:"row-details-row"},a("td",{colSpan:e.length+(this.selectable?1:0)+(this.rowReorder?1:0)+(this.showActions?1:0)},a("div",{class:"row-details-panel"},a("div",{class:"details-header"},a("h4",null,"Row Details"),a("ui-button",{variant:"ghost",onClick:()=>this.toggleRowDetails(t.id),icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"})),a("div",{class:"details-content"},Object.entries(t).map((([t,e])=>a("div",{key:t,class:"detail-item"},a("strong",{class:"detail-label"},t,":"),a("span",{class:"detail-value"},e+""))))))))}renderKeyboardShortcutsModal(){return this.showKeyboardShortcutsHelp?a("div",{class:"keyboard-shortcuts-modal",onClick:()=>this.showKeyboardShortcutsHelp=!1},a("div",{class:"modal-content",onClick:t=>t.stopPropagation()},a("div",{class:"modal-header"},a("h3",null,"Keyboard Shortcuts"),a("ui-button",{variant:"ghost",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm",onClick:()=>this.showKeyboardShortcutsHelp=!1})),a("div",{class:"modal-body"},a("table",{class:"shortcuts-table"},a("tbody",null,a("tr",null,a("td",{class:"shortcut-key"},"Ctrl + F"),a("td",{class:"shortcut-desc"},"Focus search")),a("tr",null,a("td",{class:"shortcut-key"},"Ctrl + A"),a("td",{class:"shortcut-desc"},"Select all rows")),a("tr",null,a("td",{class:"shortcut-key"},"Ctrl + E"),a("td",{class:"shortcut-desc"},"Export data")),a("tr",null,a("td",{class:"shortcut-key"},"Ctrl + Click"),a("td",{class:"shortcut-desc"},"Multi-column sort")),a("tr",null,a("td",{class:"shortcut-key"},"Shift + ?"),a("td",{class:"shortcut-desc"},"Show this help")),a("tr",null,a("td",{class:"shortcut-key"},"Arrow Keys"),a("td",{class:"shortcut-desc"},"Navigate cells"))))))):null}renderSparkline(t){if(t.length<2)return t.join(", ");const e=Math.min(...t),r=Math.max(...t)-e||1,i=t.map(((a,i)=>`${i/(t.length-1)*100},${20-(a-e)/r*20}`)).join(" ");return a("svg",{width:100,height:20,class:"sparkline",style:{display:"block"}},a("polyline",{points:i,fill:"none",stroke:"currentColor","stroke-width":"1.5"}))}renderContextMenu(){if(!this.contextMenuState.visible)return null;const{x:t,y:e,type:r,target:i}=this.contextMenuState,o={top:e+"px",left:t+"px",position:"fixed",zIndex:"1000"};if("header"===r){const t=i,e=this.pinnedColumns.left.includes(t.id),r=this.pinnedColumns.right.includes(t.id);return a("div",{class:"context-menu header-context-menu",style:o},a("div",{class:"context-menu-header"},t.label," Options"),a("ul",null,a("li",{onClick:()=>this.handleSort(t.field||t.id)},this.state.sortConfig.field===(t.field||t.id)&&"asc"===this.state.sortConfig.direction?a("span",null,a("ui-icon",{name:"check",library:"lucide",size:"1.2em"})," Sort Decending"):"Sort Ascending"),a("li",{class:"divider"}),a("li",{class:"has-submenu"},"Pin Column",a("ul",{class:"submenu"},a("li",{onClick:()=>this.toggleColumnPin(t.id,"left")},e&&a("ui-icon",{name:"check",library:"lucide",size:"1.2em"}),"Pin to Left"),a("li",{onClick:()=>this.toggleColumnPin(t.id,"right")},r&&a("ui-icon",{name:"check",library:"lucide",size:"1.2em"}),"Pin to Right"),a("li",{onClick:()=>this.toggleColumnPin(t.id,"none")},!e&&!r&&a("ui-icon",{name:"check",library:"lucide",size:"1.2em"}),"No Pin"))),a("li",{onClick:()=>this.toggleColumnVisibility(t.id)},"Hide Column"),a("li",{class:"divider"}),a("li",{onClick:()=>{this.handleFilter(t.field||t.id,""),this.contextMenuState={...this.contextMenuState,visible:!1}}},"Clear Column Filter")))}return a("div",{class:"context-menu",style:o},a("ul",null,a("li",{onClick:()=>this.handleContextAction("copy")},"Copy"),"row"===r&&a("li",{onClick:()=>this.handleContextAction("delete")},"Delete Row"),"cell"===r&&a("li",{onClick:()=>this.handleContextAction("edit")},"Edit Cell"),a("li",{class:"divider"}),a("li",{onClick:()=>this.handleContextAction("export")},"Export Row")))}handleContextAction(t){const{target:e,type:r}=this.contextMenuState;if("copy"===t){let t="";"cell"===r?t=(e.value||"")+"":"row"===r&&(t=JSON.stringify(e)),t&&navigator.clipboard.writeText(t).catch((t=>console.error("Copy failed",t)))}else"edit"===t&&"cell"===r&&this.startCellEdit(e.rowId,e.field);this.contextMenuState={...this.contextMenuState,visible:!1}}renderMobileCards(t){const e=this.getVisibleColumns();return a("div",{class:"mobile-cards-view"},t.map((t=>a("div",{class:"mobile-card",key:t.id},a("div",{class:"card-header"},this.selectable&&a("ui-checkbox",{checked:this.state.selectedRows.has(t.id),onCheckboxChange:e=>this.handleRowSelect(t.id,e.detail),size:"sm"}),a("span",{class:"card-title"},"Row #",t.id),this.showActions&&a("div",{class:"card-actions"},this.renderRowActions(t))),a("div",{class:"card-body"},e.map((e=>a("div",{class:"card-field",key:e.id},a("label",null,e.label||e.field),a("div",{class:"card-value"},this.renderCell(t,e))))))))),this.renderLazyLoadSentinel())}renderLazyLoadSentinel(){return this.lazyLoad?a("div",{class:"lazy-load-sentinel",ref:t=>{t&&this.setupLazyLoadObserver(t)},style:{height:"20px",textAlign:"center",padding:"10px"}},this.loading?"Loading more...":""):null}renderValidationError(t,e){if(!this.advancedValidation)return null;const r=t+"",i=this.validationErrors.get(r)?.get(e);return i?a("div",{class:"validation-error-tooltip"},a("ui-icon",{name:"alert-triangle",library:"lucide",size:"14px",class:"error-icon",color:"#f44336"}),a("span",{class:"error-message"},i)):null}renderPagination(){if(!this.pagination)return null;const{currentPage:t,pageSize:e,totalRows:r}=this.state.pagination;return a("div",{class:"pagination-container"},a("ui-pagination",{"total-items":r,"items-per-page":e,"current-page":t,"show-first-last":!0,"show-page-size":!0,"show-total":!0,"page-size-options":JSON.stringify(this.parsePageSizeOptions()),theme:this.paginationTheme,shape:this.paginationShape,"keyboard-nav":this.paginationKeyboardNav,"quick-jump":this.paginationQuickJump,"quick-jump-step":this.paginationQuickJumpStep,"show-progress":this.paginationShowProgress,sticky:this.paginationSticky,"sticky-position":this.paginationStickyPosition,"page-transition":this.paginationTransitions,"url-sync":this.paginationUrlSync,"url-param":this.paginationUrlParam,"persist-page":this.paginationPersistPage,"storage-key":this.paginationStorageKey,"swipe-gestures":this.paginationSwipeGestures,"smart-compact":this.paginationSmartCompact,"smart-compact-threshold":this.paginationSmartCompactThreshold,"auto-hide":this.paginationAutoHide,"responsive-mode":this.paginationResponsive,"mobile-breakpoint":this.paginationMobileBreakpoint,onPageChange:t=>this.handlePaginationChange(t),onItemsPerPageChange:t=>this.handlePageSizeChangeFromPagination(t)}))}renderToolbar(){return a("div",{class:"table-toolbar"},a("div",{class:"toolbar-left"},this.searchable&&a("div",{class:"search-box"},a("ui-input",{type:"text",placeholder:"Search...",value:this.state.searchQuery,onInputChange:t=>this.handleSearch(t.detail),ariaLabel:"Search table",size:"sm",prefixIcon:"search",variant:"outlined"})),this.grouping&&this.renderGroupingSelector()),a("div",{class:"toolbar-right"},this.filterable&&a("ui-button",{variant:"ghost",size:"sm",icon:"filter",iconLibrary:"lucide",iconSize:"1.1em",label:"Filters",ariaLabel:"Filter panel",onClick:()=>this.showFilterPanel=!this.showFilterPanel,"data-expanded":this.showFilterPanel}),this.columnVisibility&&a("ui-button",{variant:"ghost",size:"sm",icon:"settings",iconLibrary:"lucide",iconSize:"1.1em",label:"Columns",ariaLabel:"Column settings",onClick:()=>this.showColumnSettings=!this.showColumnSettings,"data-expanded":this.showColumnSettings}),this.exportable&&a("ui-button",{variant:"ghost",size:"sm",icon:"download",iconLibrary:"lucide",iconSize:"1.1em",label:"Export",ariaLabel:"Export data",onClick:()=>this.showExportDialog=!this.showExportDialog}),a("ui-button",{variant:"ghost",size:"sm",icon:"refresh-cw",iconLibrary:"lucide",iconSize:"1.1em",label:"Refresh",ariaLabel:"Refresh table",onClick:()=>this.refresh()})))}renderGroupingSelector(){const t=this.getVisibleColumns().filter((t=>!1!==t.groupBy));return 0===t.length?null:a("div",{class:"grouping-selector"},a("label",{htmlFor:"group-by-select"},"Group by:"),a("select",{id:"group-by-select",onInput:t=>this.handleGroupByChange(t.target.value),"aria-label":"Group table by column"},a("option",{value:"",selected:!this.state.groupBy},"None"),t.map((t=>a("option",{value:t.field||t.id,key:t.id,selected:this.state.groupBy===(t.field||t.id)},t.label)))))}renderFilterPanel(){if(!this.showFilterPanel)return null;const t=this.flattenColumns(this.parseColumns()),e=t.filter((t=>!1!==t.filterable)),r=e.find((t=>t.id===this.filterPanelField)),i=r?(t=>t.type?t.type:t.field?.includes("date")||t.field?.includes("Date")?"date":t.field?.includes("price")||t.field?.includes("salary")||t.field?.includes("amount")?"number":t.field?.includes("email")?"email":"text")(r):"text",o=(t=>{const e=[{value:"equals",label:"Equals"},{value:"notEquals",label:"Not Equals"}];return"number"===t||"date"===t?[...e,{value:"greaterThan",label:"Greater Than"},{value:"lessThan",label:"Less Than"},{value:"between",label:"Between"}]:"text"===t||"email"===t||"url"===t?[...e,{value:"contains",label:"Contains"},{value:"notContains",label:"Not Contains"},{value:"startsWith",label:"Starts With"},{value:"endsWith",label:"Ends With"}]:e})(i);return a("div",{class:"filter-panel"},a("div",{class:"filter-panel-header"},a("h4",null,a("ui-icon",{name:"filter",library:"lucide",size:"1.1em"})," Advanced Filters"),a("ui-button",{variant:"ghost",size:"sm",icon:"x",iconLibrary:"lucide",iconSize:"1.1em",onClick:()=>this.showFilterPanel=!1})),a("div",{class:"filter-panel-body"},a("div",{class:"filter-builder"},a("div",{class:"filter-row"},a("select",{class:"filter-field-select",onChange:t=>{this.filterPanelField=t.target.value,this.filterPanelValue=""}},a("option",{value:"",selected:""===this.filterPanelField},"Select Column..."),e.map((t=>a("option",{value:t.id,selected:this.filterPanelField===t.id},t.label)))),a("select",{class:"filter-operator-select",onChange:t=>this.filterPanelOperator=t.target.value,disabled:!this.filterPanelField},o.map((t=>a("option",{value:t.value,selected:this.filterPanelOperator===t.value},t.label)))),a("ui-input",{type:"number"===i?"number":"date"===i?"date":"text",customClass:"filter-value-input",value:this.filterPanelValue,onInputChange:t=>this.filterPanelValue=t.detail,placeholder:"Filter value...",disabled:!this.filterPanelField,size:"sm",variant:"outlined"}),a("ui-button",{variant:"ghost",size:"sm",icon:"plus",iconLibrary:"lucide",iconSize:"1.2em",label:"Add",onClick:()=>{this.filterPanelField&&this.filterPanelValue&&(this.addFilter(this.filterPanelField,this.filterPanelOperator,this.filterPanelValue),this.filterPanelField="",this.filterPanelValue="")},disabled:!this.filterPanelField||!this.filterPanelValue}))),a("div",{class:"active-filters"},a("div",{class:"active-filters-header"},a("span",null,"Active Filters (",Array.from(this.activeFilters.values()).flat().length,")"),this.activeFilters.size>0&&a("ui-button",{variant:"ghost",size:"sm",label:"Clear All",onClick:()=>this.clearAllFilters()})),a("div",{class:"filter-chips"},Array.from(this.activeFilters.entries()).map((([e,r])=>{const i=t.find((t=>t.id===e));return r.map(((t,r)=>a("div",{class:"filter-chip"},a("span",{class:"filter-chip-label"},a("strong",null,i?.label||e)," ",t.operator,' "',t.value,'"'),a("ui-button",{variant:"ghost",size:"sm",class:"filter-chip-remove",icon:"x",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.removeFilter(e,r)}))))})),0===this.activeFilters.size&&a("div",{class:"no-filters"},"No active filters")))))}renderColumnSettings(){if(!this.showColumnSettings)return null;const t=this.flattenColumns(this.parseColumns());return a("div",{class:"column-settings-dialog"},a("div",{class:"dialog-overlay",onClick:()=>this.showColumnSettings=!1}),a("div",{class:"dialog-content"},a("div",{class:"dialog-header"},a("h3",null,"Column Settings"),a("ui-button",{variant:"ghost",size:"sm",icon:"x",iconLibrary:"lucide",iconSize:"1.2em",onClick:()=>this.showColumnSettings=!1})),a("div",{class:"dialog-body"},a("div",{class:"column-list"},t.map((t=>a("label",{class:"column-item"},a("ui-checkbox",{checked:this.state.visibleColumns.has(t.id),onCheckboxChange:()=>this.toggleColumnVisibility(t.id),label:t.label,size:"sm"})))))),a("div",{class:"dialog-footer"},a("ui-button",{variant:"primary",label:"Done",onClick:()=>this.showColumnSettings=!1}))))}renderExportDialog(){return this.showExportDialog?a("div",{class:"export-dialog"},a("div",{class:"dialog-overlay",onClick:()=>this.showExportDialog=!1}),a("div",{class:"dialog-content"},a("div",{class:"dialog-header"},a("h3",null,"Export Data"),a("ui-button",{variant:"ghost",size:"sm",icon:"x",iconLibrary:"lucide",iconSize:"1.2em",onClick:()=>this.showExportDialog=!1})),a("div",{class:"dialog-body"},a("div",{class:"export-options"},a("ui-button",{variant:"ghost",fullWidth:!0,icon:"file-text",iconLibrary:"lucide",iconSize:"1.2em",label:"Export as CSV",onClick:()=>this.exportData({format:"csv",visibleColumnsOnly:!0})}),a("ui-button",{variant:"ghost",fullWidth:!0,icon:"clipboard",iconLibrary:"lucide",iconSize:"1.2em",label:"Export as JSON",onClick:()=>this.exportData({format:"json",visibleColumnsOnly:!0})}),this.pdfExport&&a("ui-button",{variant:"ghost",fullWidth:!0,icon:"book",iconLibrary:"lucide",iconSize:"1.2em",label:"Export as PDF",onClick:()=>this.exportToPDF()}),this.state.selectedRows.size>0&&a("ui-button",{variant:"ghost",fullWidth:!0,icon:"check-circle",iconLibrary:"lucide",iconSize:"1.2em",label:`Export Selected Only (${this.state.selectedRows.size} rows)`,onClick:()=>this.exportData({format:"csv",selectedOnly:!0})}))))):null}getHostStyles(){const t={};return this.headerBackground&&(t["--table-header-bg"]=this.headerBackground),this.stripedColor&&(t["--table-striped-bg"]=this.stripedColor),this.stripedColorDark&&(t["--table-striped-bg-dark"]=this.stripedColorDark),t}render(){const t=this.getProcessedData(),e=this.getVisibleColumns();let r=t,i=0,o=0;if(this.virtualScroll){const{start:e,end:a}=this.state.virtualVisibleRange,n=Math.max(0,e),s=Math.min(t.length,a);r=t.slice(n,s),i=n*this.virtualRowHeight,o=(t.length-s)*this.virtualRowHeight}return this.mobileCardView&&this.isMobileView?a("div",{class:{"data-table-container":!0,"mobile-view":!0,["advanced-table-"+this.variant]:!0,["table-color-"+this.color]:!0,"dark-mode":"dark"===this.theme,[this.rowHeight]:!!this.rowHeight},style:this.getHostStyles()},this.renderToolbar(),this.renderMobileCards(r),this.renderPagination(),this.renderFilterPanel(),this.renderColumnSettings(),this.renderExportDialog(),this.renderKeyboardShortcutsModal(),this.renderContextMenu()):a("div",{class:{"data-table-container":!0,["advanced-table-"+this.variant]:!0,["table-color-"+this.color]:!0,"dark-mode":"dark"===this.theme,[this.rowHeight]:!!this.rowHeight},style:this.getHostStyles()},this.renderToolbar(),a("div",{class:{"table-wrapper":!0,"virtual-scroll":this.virtualScroll},onScroll:this.virtualScroll?this.handleVirtualScroll:void 0},a("table",{class:{"data-table":!0,"sticky-header":this.stickyHeader,striped:this.striped,hoverable:this.hoverable,bordered:this.bordered},role:"table","aria-label":"Data table"},a("thead",null,this.renderTableHeaders()),a("tbody",null,this.loading&&this.showSkeleton&&this.renderSkeletonRows(e),this.loading&&!this.showSkeleton&&a("tr",null,a("td",{colSpan:e.length+(this.selectable?1:0)+(this.showActions?1:0)+(this.rowDetails?1:0),class:"loading-cell"},a("div",{class:"loading-container"},a("ui-loader",{type:"spinner",size:"2em",color:"primary"}),a("span",null,"Loading...")))),!this.loading&&0===t.length&&a("tr",null,a("td",{colSpan:e.length+(this.selectable?1:0)+(this.showActions?1:0)+(this.rowDetails?1:0),class:"empty-cell"},this.emptyMessage)),i>0&&a("tr",{style:{height:i+"px"},role:"presentation"},a("td",{colSpan:e.length+(this.selectable?1:0)+(this.showActions?1:0),style:{padding:"0",border:"none"}})),!this.loading&&r.length>0&&this.state.groupBy&&this.renderGroupedRows(r,e),!this.loading&&r.length>0&&!this.state.groupBy&&r.map(((t,r)=>[a("tr",{class:{selected:this.state.selectedRows.has(t.id),"pinned-row-top":this.pinnedRows.top.includes(t.id),"pinned-row-bottom":this.pinnedRows.bottom.includes(t.id)},key:t.id,role:"row",onContextMenu:e=>this.handleContextMenu(e,"row",t),"data-row-id":t.id},this.selectable&&a("td",{class:"select-column",role:"cell"},a("ui-checkbox",{checked:this.state.selectedRows.has(t.id),onCheckboxChange:e=>this.handleRowSelect(t.id,e),ariaLabel:"Select row "+(r+1),size:"sm"})),e.map((e=>a("td",{key:e.id,class:{"sticky-column":!!e.sticky,"range-selection-cell":!0,"focused-cell":this.state.focusedCell?.rowId===t.id&&this.state.focusedCell?.field===e.field,"pinned-left":this.pinnedColumns.left.includes(e.id),"pinned-right":this.pinnedColumns.right.includes(e.id)},style:{textAlign:e.align||"left",left:this.pinnedColumns.left.includes(e.id)?this.getPinnedOffset(e.id,"left"):void 0,right:this.pinnedColumns.right.includes(e.id)?this.getPinnedOffset(e.id,"right"):void 0,...this.getConditionalFormattingStyle(t[e.field],e)},role:"cell",onClick:r=>this.handleCellClick(t.id,e.field,r),onContextMenu:r=>this.handleContextMenu(r,"cell",{rowId:t.id,field:e.field,value:t[e.field]}),"data-row-id":t.id,"data-field":e.field,tabIndex:0,onFocus:()=>this.setFocusedCell(t.id,e.field)},this.renderCell(t,e),this.renderValidationError(t.id,e.field)))),this.showActions&&a("td",{class:"actions-column",role:"cell"},this.renderRowActions(t)),this.rowDetails&&a("td",{class:"row-details-toggle-cell",role:"cell"},a("ui-button",{variant:"ghost",size:"sm",icon:this.expandedRowDetails.has(t.id)?"chevron-down":"chevron-right",iconLibrary:"lucide",iconSize:"16px",ariaLabel:"Toggle row details",onClick:()=>this.toggleRowDetails(t.id)}))),this.renderRowDetailsPanel(t)])),o>0&&a("tr",{style:{height:o+"px"},role:"presentation"},a("td",{colSpan:100,style:{padding:"0",border:"none"}}))),this.columnAggregation&&this.renderAggregationFooter()),this.renderLazyLoadSentinel()),this.renderPagination(),this.renderFilterPanel(),this.renderColumnSettings(),this.renderExportDialog(),this.renderKeyboardShortcutsModal(),this.renderContextMenu())}static get watchers(){return{data:[{onDataOrColumnsChange:0}],columns:[{onDataOrColumnsChange:0}],pageSize:[{onPageSizeChange:0}],groupBy:[{onGroupByChange:0}],theme:[{onThemeChange:0}]}}static get style(){return'.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host([color=primary]),.table-color-primary{--table-primary:var(--color-primary-hover, #2563eb);--table-primary-rgb:var(--color-primary-rgb)}:host([color=secondary]),.table-color-secondary{--table-primary:var(--color-primary, #64748b);--table-primary-rgb:var(--color-primary-rgb)}:host([color=success]),.table-color-success{--table-primary:var(--color-success, #10b981);--table-primary-rgb:var(--color-primary-rgb)}:host([color=danger]),.table-color-danger{--table-primary:var(--color-danger, #ef4444);--table-primary-rgb:var(--color-primary-rgb)}:host([color=warning]),.table-color-warning{--table-primary:var(--color-warning, #f59e0b);--table-primary-rgb:var(--color-primary-rgb)}:host([color=info]),.table-color-info{--table-primary:var(--color-primary, #0ea5e9);--table-primary-rgb:var(--color-primary-rgb)}:host{display:block;font-family:"Inter", -apple-system, sans-serif;--table-bg:var(--bg-primary, #ffffff);--table-header-bg:var(--bg-primary, #f8fafc);--table-border:var(--border-subtle, #f1f5f9);--table-text:var(--text-primary, #1e293b);--table-text-secondary:var(--color-primary, #64748b);--table-text-secondary-rgb:100, 116, 139;--table-hover:var(--bg-primary, #f1f5f9);--table-primary:var(--color-primary-hover, #2563eb);--table-primary-rgb:37, 99, 235;--table-selected:rgba(var(--table-primary-rgb), 0.1);--table-shadow:rgba(0, 0, 0, 0.05);--table-striped-bg:rgba(0, 0, 0, 0.02);--table-striped-bg-dark:rgba(255, 255, 255, 0.02)}.data-table-container{background:var(--table-bg);border-radius:8px;box-shadow:0 1px 3px var(--table-shadow);overflow:hidden}.data-table-container.dark-mode{--table-bg:var(--bg-secondary, #0f172a);--table-header-bg:var(--bg-primary, #1e293b);--table-border:rgba(255, 255, 255, 0.05);--table-text:var(--bg-primary, #f8fafc);--table-text-secondary:var(--color-primary, #94a3b8);--table-hover:rgba(255, 255, 255, 0.03);--table-selected:rgba(var(--table-primary-rgb), 0.1);--table-shadow:rgba(0, 0, 0, 0.4)}.advanced-table-glass{background:transparent !important;box-shadow:none !important}.advanced-table-glass .table-toolbar{background:rgba(255, 255, 255, 0.03);backdrop-filter:blur(12px) saturate(160%);border-color:rgba(255, 255, 255, 0.08)}.advanced-table-glass .data-table thead{background:rgba(255, 255, 255, 0.05);backdrop-filter:blur(8px)}.advanced-table-glass .data-table tbody tr{background:transparent}.advanced-table-glass .data-table tbody tr:hover{background:rgba(255, 255, 255, 0.04)}.advanced-table-glass.dark-mode .table-toolbar{background:rgba(0, 0, 0, 0.2)}.advanced-table-glass.dark-mode .data-table thead{background:rgba(0, 0, 0, 0.3)}.advanced-table-raised{box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);border:1px solid rgba(0, 0, 0, 0.05)}.advanced-table-raised .data-table thead{background:linear-gradient(to bottom, var(--bg-primary, #f8fafc), var(--bg-secondary, #f1f5f9))}.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--table-header-bg);border-bottom:1px solid var(--table-border);gap:16px;flex-wrap:wrap;transition:all cubic-bezier(0.4, 0, 0.2, 1)}.toolbar-left,.toolbar-right{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search-box{position:relative;min-width:250px}.search-box input{width:100%;padding:8px 36px 8px 12px;border:1px solid var(--table-border);border-radius:6px;font-size:14px;background:var(--table-bg);color:var(--table-text);transition:all 0.2s}.search-box input:focus{outline:none;border-color:var(--table-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;opacity:0.5}.toolbar-btn{padding:8px 16px;background:var(--table-bg);color:var(--table-text);border:1px solid var(--table-border);border-radius:6px;font-size:14px;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:6px}.toolbar-btn:hover{background:var(--table-hover);border-color:var(--table-primary)}.toolbar-btn:active{transform:scale(0.98)}.table-wrapper{overflow-x:auto;overflow-y:auto;max-height:70vh;position:relative}.table-wrapper::-webkit-scrollbar{width:8px;height:8px}.table-wrapper::-webkit-scrollbar-track{background:var(--table-header-bg)}.table-wrapper::-webkit-scrollbar-thumb{background:var(--table-border);border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--table-text-secondary)}.data-table{width:100%;border-collapse:collapse;color:var(--table-text);font-size:13.5px;letter-spacing:-0.01em}.data-table.bordered{border:1px solid var(--table-border);border-radius:8px}.data-table thead{background:var(--table-header-bg);position:relative;z-index:10}.data-table.sticky-header thead{position:sticky;top:0;z-index:20}.data-table th{padding:14px 20px;text-align:left;font-weight:600;white-space:nowrap;background:var(--table-header-bg);color:var(--table-text-secondary);border-bottom:2px solid var(--table-border);user-select:none;text-transform:uppercase;font-size:11px;letter-spacing:0.05em;transition:background cubic-bezier(0.4, 0, 0.2, 1), color cubic-bezier(0.4, 0, 0.2, 1)}.data-table th.sticky-column{position:sticky;left:0;z-index:30;box-shadow:2px 0 4px var(--table-shadow)}.data-table th.sortable{cursor:pointer;transition:background 0.2s}.data-table th.sortable:hover{background:var(--table-hover)}.column-header-content{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}.drag-handle{cursor:grab;padding:0 4px;margin-right:4px;color:var(--table-text-secondary);font-size:14px;line-height:1;opacity:0.6;transition:all 0.2s;user-select:none;letter-spacing:-2px}.drag-handle:hover{opacity:1;color:var(--table-primary)}.drag-handle:active{cursor:grabbing}.column-label{flex:1;cursor:pointer;user-select:none}.data-table th.sortable .column-label:hover{color:var(--table-primary)}.column-header-content span:first-child{flex:1}.sort-icon{font-size:12px;opacity:0.5;transition:opacity 0.2s}.data-table th.sorted .sort-icon{opacity:1;color:var(--table-primary)}.column-filter{margin-top:8px}.column-filter input{width:100%;padding:4px 8px;border:1px solid var(--table-border);border-radius:4px;font-size:12px;background:var(--table-bg);color:var(--table-text)}.column-filter input:focus{outline:none;border-color:var(--table-primary)}.column-group{border-bottom:1px solid var(--table-border);background:var(--table-header-bg);font-weight:700}.resize-handle{position:absolute;top:0;right:0;width:4px;height:100%;cursor:col-resize;user-select:none;background:transparent;transition:background 0.2s;z-index:10}.resize-handle:hover{background:var(--table-primary)}.resize-handle::before{content:"";position:absolute;top:0;bottom:0;left:-2px;right:-2px;}.data-table th.resizing{user-select:none;cursor:col-resize}.data-table th.resizing .resize-handle{background:var(--table-primary)}.data-table tbody tr{transition:background cubic-bezier(0.4, 0, 0.2, 1);border-bottom:1px solid var(--table-border)}.data-table.hoverable tbody tr:hover{background:var(--table-hover);box-shadow:inset 4px 0 0 var(--table-primary)}.data-table.striped tbody tr:nth-child(even){background:var(--table-striped-bg)}.data-table-container.dark-mode .data-table.striped tbody tr:nth-child(even){background:var(--table-striped-bg-dark)}.data-table tbody tr.selected{background:var(--table-selected) !important}.data-table td{padding:14px 20px;color:var(--table-text);transition:color cubic-bezier(0.4, 0, 0.2, 1)}.data-table.compact td,.data-table.compact th{padding:6px 12px}.data-table.comfortable td,.data-table.comfortable th{padding:16px 20px}.data-table td.sticky-column{position:sticky;left:0;background:var(--table-bg);z-index:15;box-shadow:2px 0 4px var(--table-shadow)}.data-table tbody tr:hover td.sticky-column{background:var(--table-hover)}.data-table tbody tr.selected td.sticky-column{background:var(--table-selected)}.select-column{width:48px;text-align:center !important;padding:8px !important}.select-column input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--table-primary)}.actions-column{width:60px;text-align:center !important;padding:8px !important;position:relative}.row-actions-container{position:relative;display:inline-block}.row-actions-trigger{background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;color:var(--table-text-secondary);font-size:18px;line-height:1;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.row-actions-trigger:hover{background:var(--table-hover);color:var(--table-text)}.row-actions-trigger:active{background:var(--table-border)}.action-dots{font-weight:bold;letter-spacing:-2px}.row-actions-menu{position:absolute;top:100%;right:0;background:var(--table-bg);border:1px solid var(--table-border);border-radius:6px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);min-width:140px;z-index:1000;margin-top:4px;overflow:hidden;animation:fadeInMenu 0.15s ease-out}@keyframes fadeInMenu{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.row-action-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:transparent;border:none;text-align:left;cursor:pointer;color:var(--table-text);font-size:14px;transition:background 0.15s ease;border-bottom:1px solid var(--table-border)}.row-action-item:last-child{border-bottom:none}.row-action-item:hover{background:var(--table-hover)}.row-action-item:active{background:var(--table-border)}.action-icon{font-size:16px;width:20px;display:flex;align-items:center;justify-content:center}.action-label{flex:1}.grouping-selector{display:flex;align-items:center;gap:8px;margin-left:16px}.grouping-selector label{font-size:14px;font-weight:500;color:var(--table-text);white-space:nowrap}.grouping-selector select{padding:8px 12px;border:1px solid var(--table-border);border-radius:6px;font-size:14px;background:var(--table-bg);color:var(--table-text);cursor:pointer;min-width:150px;transition:all 0.2s}.grouping-selector select:focus{outline:none;border-color:var(--table-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.grouping-selector select:hover{border-color:var(--table-primary)}.group-header-row{background:var(--table-header-bg);border-top:2px solid var(--table-border);border-bottom:2px solid var(--table-border);transition:background 0.2s}.group-header-row:hover{background:var(--table-hover)}.group-header-cell{cursor:pointer;user-select:none;font-weight:600;padding:12px 16px !important;outline:none}.group-header-cell:focus{outline:2px solid var(--table-primary);outline-offset:-2px}.group-header-content{display:flex;align-items:center;gap:10px}.group-expand-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:12px;color:var(--table-primary);transition:transform 0.2s ease}.group-header-row[aria-expanded=true] .group-expand-icon{transform:rotate(0deg)}.group-header-row[aria-expanded=false] .group-expand-icon{transform:rotate(-90deg)}.group-label{font-size:15px;color:var(--table-text);font-weight:600}.group-count{font-size:13px;color:var(--table-text-secondary);font-weight:normal;margin-left:4px}.group-data-row{animation:fadeIn 0.2s ease-in-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.group-data-row td{padding-left:48px !important;border-left:3px solid transparent;transition:all 0.2s}.group-data-row td:first-child{border-left:3px solid var(--table-border)}.group-data-row.selected{background:var(--table-selected)}.group-data-row.selected td:first-child{border-left-color:var(--table-primary)}.group-data-row:hover{background:var(--table-hover)}.group-data-row:hover td:first-child{border-left-color:var(--table-primary)}.editable-cell{cursor:pointer;padding:4px;border-radius:4px;transition:background 0.15s}.editable-cell:hover{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.data-table td input,.data-table td select{width:100%;padding:6px 8px;border:2px solid var(--table-primary);border-radius:4px;font-size:14px;background:var(--table-bg);color:var(--table-text)}.data-table td input:focus,.data-table td select:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.loading-cell,.empty-cell{text-align:center !important;padding:48px 16px !important;color:var(--table-text-secondary)}.loading-cell{display:flex;flex-direction:column;align-items:center;gap:12px}.loading-spinner{width:48px;height:48px;border:3px solid rgba(var(--table-primary-rgb), 0.1);border-top-color:var(--table-primary);border-radius:50%;animation:spin 0.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;box-shadow:0 0 20px rgba(var(--table-primary-rgb), 0.15)}.skeleton-row td{padding:14px 20px}.skeleton-content,.skeleton-checkbox{height:16px;width:100%;background:linear-gradient(90deg, rgba(var(--table-text-secondary-rgb), 0.05) 25%, rgba(var(--table-text-secondary-rgb), 0.15) 37%, rgba(var(--table-text-secondary-rgb), 0.05) 63%);background-size:400% 100%;animation:skeleton-shimmer 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;border-radius:4px}.skeleton-checkbox{width:18px;height:18px;margin:0 auto}@keyframes skeleton-shimmer{0%{background-position:100% 50%}100%{background-position:0% 50%}}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--table-header-bg);border-top:1px solid var(--table-border);gap:16px;flex-wrap:wrap}.pagination-info{color:var(--table-text-secondary);font-size:14px}.pagination-controls{display:flex;gap:4px;align-items:center}.page-btn{min-width:36px;height:36px;padding:8px 12px;background:var(--table-bg);color:var(--table-text);border:1px solid var(--table-border);border-radius:6px;font-size:14px;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center}.page-btn:hover:not(:disabled){background:var(--table-hover);border-color:var(--table-primary)}.page-btn:disabled{opacity:0.4;cursor:not-allowed}.page-btn.active{background:var(--table-primary);color:var(--text-standard, #ffffff);border-color:var(--table-primary)}.page-size-selector{display:flex;align-items:center;gap:8px}.page-size-selector label{display:flex;align-items:center;gap:8px;color:var(--table-text-secondary);font-size:14px}.page-size-selector select{padding:6px 32px 6px 12px;border:1px solid var(--table-border);border-radius:6px;background:var(--table-bg);color:var(--table-text);font-size:14px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'12\' height=\'12\' viewBox=\'0 0 12 12\'%3E%3Cpath fill=\'%236b7280\' d=\'M6 9L1 4h10z\'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.page-size-selector select:focus{outline:none;border-color:var(--table-primary)}.column-settings-dialog,.export-dialog{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.dialog-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);backdrop-filter:blur(4px)}.dialog-content{position:relative;background:var(--table-bg);border-radius:12px;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);max-width:500px;width:90%;max-height:80vh;display:flex;flex-direction:column;animation:dialogSlideIn 0.2s ease-out}@keyframes dialogSlideIn{from{opacity:0;transform:scale(0.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--table-border)}.dialog-header h3{margin:0;font-size:18px;font-weight:600;color:var(--table-text)}.close-btn{width:32px;height:32px;padding:0;background:transparent;border:none;color:var(--table-text-secondary);font-size:24px;cursor:pointer;border-radius:6px;transition:all 0.2s;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--table-hover);color:var(--table-text)}.dialog-body{padding:20px;overflow-y:auto;flex:1}.dialog-footer{padding:16px 20px;border-top:1px solid var(--table-border);display:flex;justify-content:flex-end;gap:12px}.dialog-footer button{padding:10px 20px;background:var(--table-primary);color:var(--text-standard, #ffffff);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s}.dialog-footer button:hover{background:var(--table-primary-hover)}.column-list{display:flex;flex-direction:column;gap:8px}.column-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--table-header-bg);border-radius:6px;cursor:pointer;transition:background 0.2s}.column-item:hover{background:var(--table-hover)}.column-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--table-primary)}.column-item span{flex:1;color:var(--table-text);font-size:14px}.export-options{display:flex;flex-direction:column;gap:12px}.export-btn{padding:16px;background:var(--table-bg);color:var(--table-text);border:2px solid var(--table-border);border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:12px}.export-btn:hover{background:var(--table-hover);border-color:var(--table-primary);transform:translateX(4px)}@media (max-width: 768px){.table-toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right{width:100%;justify-content:space-between}.search-box{min-width:100%}.pagination-container{flex-direction:column;align-items:stretch;gap:12px}.pagination-info,.pagination-controls,.page-size-selector{justify-content:center}.table-wrapper{max-height:60vh}.data-table{font-size:13px}.data-table th,.data-table td{padding:8px 12px}}@media (max-width: 480px){.data-table{font-size:12px}.data-table th,.data-table td{padding:6px 8px}.toolbar-btn{font-size:13px;padding:6px 12px}.pagination-controls .page-btn{min-width:32px;height:32px;padding:4px 8px;font-size:13px}}.data-table:focus-within{outline:2px solid var(--table-primary);outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--table-primary);outline-offset:2px}.data-table-container *{box-sizing:border-box}.data-table tbody tr{contain:layout style}.data-table th[draggable=true]{cursor:move}.data-table th[draggable=true]:active{opacity:0.5}.skeleton-row{animation:pulse 1.5s ease-in-out infinite}.skeleton-cell{padding:12px 16px}.skeleton-content{height:16px;background:linear-gradient(90deg, var(--table-border) 25%, var(--table-hover) 50%, var(--table-border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-checkbox{width:16px;height:16px;background:linear-gradient(90deg, var(--table-border) 25%, var(--table-hover) 50%, var(--table-border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:3px;margin:0 auto}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}.cell-input{width:100%;padding:6px 8px;border:1px solid var(--table-border);border-radius:4px;background:var(--table-bg);color:var(--table-text);font-size:14px}.cell-input:focus{outline:none;border-color:var(--table-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.cell-select{width:100%;padding:6px 8px;border:1px solid var(--table-border);border-radius:4px;background:var(--table-bg);color:var(--table-text);font-size:14px;cursor:pointer}.cell-radio-group{display:flex;flex-direction:column;gap:6px}.radio-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px}.radio-label input[type=radio]{cursor:pointer}.cell-checkbox{width:18px;height:18px;cursor:pointer}.cell-switch{position:relative;display:inline-block;width:44px;height:24px}.cell-switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-secondary, #ccc);transition:0.3s;border-radius:24px}.switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--bg-primary, #ffffff);transition:0.3s;border-radius:50%}.cell-switch input:checked+.switch-slider{background-color:var(--table-primary)}.cell-switch input:checked+.switch-slider:before{transform:translateX(20px)}.cell-rating{display:flex;gap:4px;font-size:18px}.cell-rating .star{cursor:pointer;color:var(--bg-secondary, #d1d5db);transition:color 0.2s}.cell-rating .star.filled{color:var(--color-danger, #fbbf24)}.cell-rating .star:hover{color:var(--color-danger, #fcd34d)}.cell-rating-display{display:flex;gap:2px;font-size:16px}.cell-rating-display .star{color:var(--bg-secondary, #d1d5db)}.cell-rating-display .star.filled{color:var(--color-danger, #fbbf24)}.cell-boolean{font-size:18px;font-weight:bold}.cell-switch-display{display:inline-block}.switch-indicator{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;background:var(--bg-primary, #e5e7eb);color:var(--text-muted, #6b7280);text-transform:uppercase}.switch-indicator.active{background:var(--table-primary);color:var(--text-standard, #ffffff)}.cell-image{display:block;object-fit:cover}.cell-password{letter-spacing:2px;font-family:monospace}.cell-link{color:var(--table-primary);text-decoration:none;transition:color 0.2s}.cell-link:hover{color:var(--table-primary-hover);text-decoration:underline}.column-group{background:var(--table-header-bg);font-weight:600;border-bottom:2px solid var(--table-border)}.data-table thead tr:has(.column-group)+tr th{border-top:1px solid var(--table-border)}.filter-panel{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:var(--table-bg);border:1px solid var(--table-border);border-radius:12px;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.1);min-width:600px;max-width:90vw;max-height:80vh;z-index:1000;display:flex;flex-direction:column;animation:slideIn 0.2s ease-out}@keyframes slideIn{from{opacity:0;transform:translate(-50%, -45%)}to{opacity:1;transform:translate(-50%, -50%)}}.filter-panel::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);backdrop-filter:blur(4px);z-index:-1}.filter-panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--table-border)}.filter-panel-header h4{margin:0;font-size:18px;font-weight:600;color:var(--table-text);display:flex;align-items:center;gap:8px}.filter-panel-header .close-btn{background:transparent;border:none;font-size:28px;line-height:1;cursor:pointer;color:var(--table-text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all 0.2s}.filter-panel-header .close-btn:hover{background:var(--table-hover);color:var(--table-text)}.filter-panel-body{padding:24px;overflow-y:auto;flex:1}.filter-builder{margin-bottom:24px}.filter-row{display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:12px;align-items:center}.filter-field-select,.filter-operator-select{padding:10px 12px;border:1px solid var(--table-border);border-radius:6px;font-size:14px;background:var(--table-bg);color:var(--table-text);cursor:pointer;transition:all 0.2s}.filter-field-select:focus,.filter-operator-select:focus{outline:none;border-color:var(--table-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.filter-field-select:hover,.filter-operator-select:hover{border-color:var(--table-primary)}.filter-field-select:disabled,.filter-operator-select:disabled{opacity:0.5;cursor:not-allowed}.filter-value-input{padding:10px 12px;border:1px solid var(--table-border);border-radius:6px;font-size:14px;background:var(--table-bg);color:var(--table-text);transition:all 0.2s}.filter-value-input:focus{outline:none;border-color:var(--table-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.filter-value-input:disabled{opacity:0.5;cursor:not-allowed;background:var(--table-header-bg)}.add-filter-btn{padding:10px 20px;background:var(--table-primary);color:var(--text-standard, #ffffff);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s;white-space:nowrap}.add-filter-btn:hover:not(:disabled){background:var(--table-primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.add-filter-btn:active:not(:disabled){transform:translateY(0)}.add-filter-btn:disabled{opacity:0.5;cursor:not-allowed}.active-filters{border-top:1px solid var(--table-border);padding-top:20px}.active-filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.active-filters-header span{font-size:14px;font-weight:600;color:var(--table-text)}.clear-all-btn{padding:6px 12px;background:transparent;color:var(--color-danger, #ef4444);border:1px solid var(--color-danger, #ef4444);border-radius:6px;font-size:13px;cursor:pointer;transition:all 0.2s}.clear-all-btn:hover{background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff)}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:var(--table-selected);border:1px solid var(--table-primary);border-radius:20px;font-size:13px;color:var(--table-text);animation:chipSlideIn 0.2s ease-out}@keyframes chipSlideIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.filter-chip-label{display:flex;align-items:center;gap:4px}.filter-chip-label strong{color:var(--table-primary)}.filter-chip-remove{background:transparent;border:none;color:var(--table-text-secondary);font-size:20px;line-height:1;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s}.filter-chip-remove:hover{background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.1);color:var(--color-danger, #ef4444)}.no-filters{text-align:center;padding:32px;color:var(--table-text-secondary);font-size:14px}.pinned-row-top{position:sticky !important;top:0;z-index:25;background:var(--table-bg);box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.pinned-row-bottom{position:sticky !important;bottom:0;z-index:25;background:var(--table-bg);box-shadow:0 -2px 4px rgba(0, 0, 0, 0.1)}.pinned-row-top::before,.pinned-row-bottom::before{content:"";position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--color-primary, #10b981), var(--color-primary, #8b5cf6));opacity:0.6}.pinned-row-top::before{top:0}.pinned-row-bottom::before{bottom:0}.pinned-row-top:hover,.pinned-row-bottom:hover{background:var(--table-hover)}.sort-icon.multi-sort{position:relative;display:inline-flex;align-items:center;gap:4px}.sort-order-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff);border-radius:50%;font-size:11px;font-weight:600;line-height:1}.aggregation-footer{background:var(--bg-primary, #f9fafb);border-top:2px solid var(--border-default, #e5e7eb);font-weight:600}.aggregation-cell{padding:12px}.aggregation-values{display:flex;gap:16px;flex-wrap:wrap}.agg-item{display:flex;gap:6px;align-items:center}.agg-label{color:var(--text-muted, #6b7280);font-size:12px;text-transform:uppercase}.agg-value{color:var(--text-primary, #111827);font-size:14px;font-weight:700}.row-details-row{background:var(--bg-primary, #f9fafb)}.row-details-panel{padding:20px;border:1px solid var(--border-default, #e5e7eb);border-radius:8px;margin:8px}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--border-default, #e5e7eb)}.details-header h4{margin:0;color:var(--text-primary, #111827);font-size:16px}.close-details-btn{background:none;border:none;font-size:24px;color:var(--text-muted, #6b7280);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-details-btn:hover{background:var(--bg-primary, #e5e7eb);color:var(--text-primary, #111827)}.details-content{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:12px}.detail-item{display:flex;gap:8px;padding:8px;background:var(--bg-primary, #ffffff);border-radius:4px;border:1px solid var(--border-default, #e5e7eb)}.detail-label{color:var(--text-muted, #6b7280);font-size:13px;min-width:100px}.detail-value{color:var(--text-primary, #111827);font-size:13px;word-break:break-word}.keyboard-shortcuts-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:10000}.keyboard-shortcuts-modal .modal-content{background:var(--bg-primary, #ffffff);border-radius:12px;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1);max-width:500px;width:90%;max-height:80vh;overflow:auto}.keyboard-shortcuts-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-default, #e5e7eb)}.keyboard-shortcuts-modal .modal-header h3{margin:0;font-size:18px;color:var(--text-primary, #111827)}.keyboard-shortcuts-modal .modal-header button{background:none;border:none;font-size:24px;color:var(--text-muted, #6b7280);cursor:pointer;padding:0;width:30px;height:30px}.keyboard-shortcuts-modal .modal-body{padding:20px}.shortcuts-table{width:100%;border-collapse:collapse}.shortcuts-table tr{border-bottom:1px solid var(--border-default, #e5e7eb)}.shortcuts-table tr:last-child{border-bottom:none}.shortcuts-table td{padding:12px 8px}.shortcut-key{font-family:"Courier New", monospace;background:var(--bg-secondary, #f3f4f6);padding:4px 8px;border-radius:4px;font-size:13px;font-weight:600;color:var(--text-secondary, #374151);white-space:nowrap}.shortcut-desc{color:var(--text-muted, #6b7280);font-size:14px}.validation-error-tooltip{position:absolute;bottom:100%;left:0;background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff);padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:100;margin-bottom:4px;display:flex;align-items:center;gap:6px;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1)}.validation-error-tooltip::after{content:"";position:absolute;top:100%;left:10px;border:5px solid transparent;border-top-color:var(--color-danger, #ef4444)}.error-icon{font-size:14px}.error-message{font-weight:500}td.has-validation-error{position:relative;border:2px solid var(--color-danger, #ef4444) !important;background:var(--bg-primary, #fef2f2)}.virtual-scroll-container{overflow-y:auto;position:relative;will-change:transform}.virtual-scroll-content{position:relative}.auto-size-btn{padding:4px 8px;font-size:12px;background:var(--bg-secondary, #f3f4f6);border:1px solid var(--border-strong, #d1d5db);border-radius:4px;cursor:pointer;color:var(--text-secondary, #374151)}.auto-size-btn:hover{background:var(--bg-primary, #e5e7eb)}.premium-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:linear-gradient(135deg, var(--color-primary, #667eea) 0%, var(--color-primary, #764ba2) 100%);color:var(--text-standard, #ffffff);border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}@media (prefers-color-scheme: dark){.aggregation-footer{background:var(--bg-primary, #1f2937);border-top-color:var(--border-default, #374151)}.row-details-panel{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151)}.keyboard-shortcuts-modal .modal-content{background:var(--bg-primary, #1f2937);color:var(--text-standard, #f3f4f6)}.detail-item{background:var(--bg-secondary, #111827);border-color:var(--border-default, #374151)}}.cell-editor{width:100%;padding:6px 8px;border:2px solid var(--color-primary, #10b981);border-radius:4px;font-size:14px;outline:none}.date-editor,.datetime-editor{cursor:pointer}.number-editor{text-align:right}.select-editor{cursor:pointer;background:var(--bg-primary, #ffffff)}.checkbox-editor{width:20px;height:20px;cursor:pointer}.formatted-currency{color:var(--color-success-hover, #059669);font-weight:600}.formatted-percentage{color:var(--color-primary, #7c3aed);font-weight:600}.formatted-date{color:var(--color-primary, #0284c7)}.cell-range-selected{background:var(--bg-primary, #dbeafe) !important;border:2px solid var(--color-primary, #10b981) !important}.range-selection-anchor{background:var(--color-primary, #bfdbfe) !important;border:2px dashed var(--color-primary, #10b981) !important}.copy-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:var(--color-success, #10b981);color:var(--text-standard, #ffffff);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;z-index:1000;animation:fadeInOut 1s ease-in-out}@keyframes fadeInOut{0%,100%{opacity:0}50%{opacity:1}}.color-scale-cell{position:relative;color:var(--text-primary, #111827);font-weight:600}.data-bar-cell{position:relative;padding:8px}.data-bar-value{position:relative;z-index:1;font-weight:600}.icon-set{display:inline-flex;align-items:center;gap:6px}.icon-set-icon{font-size:16px}.icon-positive{color:var(--color-success, #10b981)}.icon-neutral{color:var(--color-warning, #f59e0b)}.icon-negative{color:var(--color-danger, #ef4444)}.cell-with-formatting{transition:all 0.2s ease}.cell-with-formatting:hover{transform:scale(1.02);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1)}.cell-progress-bar{width:100%;height:24px;background:var(--bg-primary, #e5e7eb);border-radius:12px;overflow:hidden;position:relative}.cell-progress-fill{height:100%;background:linear-gradient(90deg, var(--color-primary, #10b981) 0%, var(--color-primary, #1d4ed8) 100%);transition:width 0.3s ease;display:flex;align-items:center;justify-content:center;color:var(--text-standard, #ffffff);font-size:12px;font-weight:600}.cell-editor:focus{border-color:var(--color-primary-hover, #2563eb);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.cell-editor-error{border-color:var(--color-danger, #ef4444)}.cell-editor-error:focus{box-shadow:0 0 0 3px rgba(var(--color-danger-rgb, 239, 68, 68), 0.1)}.bulk-actions-toolbar{position:sticky;top:0;z-index:100;background:var(--bg-secondary, #f3f4f6);border-bottom:2px solid var(--border-default, #e5e7eb);padding:12px 16px;display:flex;align-items:center;gap:12px;animation:slideDown 0.3s ease}@keyframes slideDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.bulk-actions-count{font-weight:600;color:var(--text-secondary, #374151)}.bulk-action-btn{padding:6px 12px;background:var(--bg-primary, #ffffff);border:1px solid var(--border-strong, #d1d5db);border-radius:6px;font-size:14px;cursor:pointer;transition:all 0.2s}.bulk-action-btn:hover{background:var(--bg-primary, #f9fafb);border-color:var(--color-primary, #9ca3af)}.bulk-action-btn.primary{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff);border-color:var(--color-primary, #10b981)}.bulk-action-btn.primary:hover{background:var(--color-primary-hover, #2563eb)}.bulk-action-btn.danger{background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff);border-color:var(--color-danger, #ef4444)}.bulk-action-btn.danger:hover{background:var(--color-danger-hover, #dc2626)}@media print{.data-table-container{box-shadow:none !important;border:none !important;overflow:visible !important;max-height:none !important}.table-wrapper{max-height:none !important;overflow:visible !important}.table-toolbar,.pagination-container,.filter-panel,.column-settings-dialog,.export-dialog,.keyboard-shortcuts-modal,.actions-column,.select-column,.row-details-toggle-cell,.bulk-actions-bar{display:none !important}.data-table{width:100% !important;border-collapse:collapse !important}.data-table th,.data-table td{color:var(--text-primary, #000) !important;border:1px solid var(--border-default, #ccc) !important;padding:8px !important}tr{break-inside:avoid;page-break-inside:avoid}}.context-menu{position:fixed;background:var(--table-bg);border:1px solid var(--table-border);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);border-radius:6px;padding:4px;min-width:160px;z-index:9999}.context-menu-item{padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--table-text);font-size:14px;border-radius:4px}.context-menu-item:hover{background:var(--table-hover)}.mobile-cards-view{display:flex;flex-direction:column;gap:12px;padding:12px}.mobile-card{background:var(--table-bg);border:1px solid var(--table-border);border-radius:8px;padding:12px}.mobile-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--table-border);font-weight:600}.mobile-card .card-field{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.mobile-card .card-field label{color:var(--table-text-secondary);font-weight:500}.data-table td.focused-cell{box-shadow:inset 0 0 0 2px var(--table-primary) !important;background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.05);z-index:10}.data-table td:focus{outline:none}.data-table th.pinned-left,.data-table td.pinned-left{position:sticky;left:0;z-index:25;box-shadow:2px 0 4px var(--table-shadow)}.data-table th.pinned-right,.data-table td.pinned-right{position:sticky;right:0;z-index:25;box-shadow:-2px 0 4px var(--table-shadow)}.header-menu-trigger{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--table-text-secondary);opacity:0;transition:all 0.2s;font-size:16px;line-height:1}.data-table th:hover .header-menu-trigger{opacity:1}.header-menu-trigger:hover{background:var(--table-hover);color:var(--table-text)}.context-menu.header-context-menu{min-width:200px}.context-menu-header{padding:8px 12px;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--table-text-secondary);border-bottom:1px solid var(--table-border);margin-bottom:4px}.context-menu ul{list-style:none;padding:0;margin:0}.context-menu li{padding:8px 12px;cursor:pointer;font-size:14px;transition:background 0.2s;position:relative}.context-menu li:hover{background:var(--table-hover)}.context-menu li.divider{height:1px;background:var(--table-border);padding:0;margin:4px 0;cursor:default}.context-menu li.has-submenu::after{content:"";font-size:10px;position:absolute;right:12px;opacity:0.5}.context-menu .submenu{position:absolute;left:100%;top:0;display:none;background:var(--table-bg);border:1px solid var(--table-border);border-radius:6px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);min-width:140px;padding:4px}.context-menu li.has-submenu:hover>.submenu{display:block}.sr-announcer{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.data-table th.pinned-left,.data-table td.pinned-left{background:linear-gradient(to right, rgba(var(--color-primary-rgb, 59, 130, 246), 0.05), transparent);border-right:2px solid rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.data-table th.pinned-right,.data-table td.pinned-right{background:linear-gradient(to left, rgba(var(--color-primary-rgb, 59, 130, 246), 0.05), transparent);border-left:2px solid rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.data-table th.pinned-left::before,.data-table th.pinned-right::before{content:"";font-size:10px;opacity:0.6;margin-right:4px}.data-table th.pinned-left:hover,.data-table th.pinned-right:hover{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.pin-indicator{font-size:12px;margin-right:4px;opacity:0.8;display:inline-block;animation:pinPulse 2s ease-in-out infinite}@keyframes pinPulse{0%,100%{opacity:0.8}50%{opacity:1}}.data-table th.pinned-left,.data-table td.pinned-left{background:linear-gradient(to right, rgba(var(--color-primary-rgb, 59, 130, 246), 0.05), transparent), var(--table-bg) !important;background-blend-mode:normal}.data-table th.pinned-right,.data-table td.pinned-right{background:linear-gradient(to left, rgba(var(--color-primary-rgb, 59, 130, 246), 0.05), transparent), var(--table-bg) !important;background-blend-mode:normal}.data-table th.pinned-left{background:linear-gradient(to right, rgba(var(--color-primary-rgb, 59, 130, 246), 0.05), transparent), var(--table-header-bg) !important}.data-table td.pinned-left{background:linear-gradient(to right, rgba(var(--color-primary-rgb, 59, 130, 246), 0.05), transparent), var(--table-bg) !important}.data-table th.pinned-right{background:linear-gradient(to left, rgba(var(--color-primary-rgb, 59, 130, 246), 0.05), transparent), var(--table-header-bg) !important}.data-table td.pinned-right{background:linear-gradient(to left, rgba(var(--color-primary-rgb, 59, 130, 246), 0.05), transparent), var(--table-bg) !important}.data-table-footer{background-color:var(--table-header-bg, #f8fafc);border-top:2px solid var(--border-subtle, #e2e8f0);font-weight:600;z-index:2}.data-table-container tfoot tr{position:sticky;bottom:0;background-color:var(--table-header-bg, #f8fafc);z-index:3;box-shadow:0 -1px 2px rgba(0, 0, 0, 0.05)}.data-table-footer td{padding:12px 16px;border-bottom:1px solid var(--border-subtle, #e2e8f0);background-color:inherit;vertical-align:top}.agg-item{display:flex;flex-direction:column;font-size:0.75rem;margin-bottom:4px}.agg-label{color:var(--text-muted, #64748b);text-transform:uppercase;font-size:0.65rem;margin-bottom:1px}.agg-value{color:var(--text-primary, #0f172a);font-weight:700;font-size:0.85rem}'}},[513,"ui-advanced-data-table",{config:[1],columns:[1],data:[1],selectable:[4],multiSelect:[4,"multi-select"],editable:[4],stickyHeader:[4,"sticky-header"],pagination:[4],pageSize:[2,"page-size"],pageSizeOptions:[1,"page-size-options"],paginationTheme:[1,"pagination-theme"],paginationShape:[1,"pagination-shape"],paginationKeyboardNav:[4,"pagination-keyboard-nav"],paginationQuickJump:[4,"pagination-quick-jump"],paginationQuickJumpStep:[2,"pagination-quick-jump-step"],paginationShowProgress:[4,"pagination-show-progress"],paginationSticky:[4,"pagination-sticky"],paginationStickyPosition:[1,"pagination-sticky-position"],paginationTransitions:[4,"pagination-transitions"],paginationUrlSync:[4,"pagination-url-sync"],paginationUrlParam:[1,"pagination-url-param"],paginationPersistPage:[4,"pagination-persist-page"],paginationStorageKey:[1,"pagination-storage-key"],paginationSwipeGestures:[4,"pagination-swipe-gestures"],paginationSmartCompact:[4,"pagination-smart-compact"],paginationSmartCompactThreshold:[2,"pagination-smart-compact-threshold"],paginationAutoHide:[4,"pagination-auto-hide"],paginationResponsive:[4,"pagination-responsive"],paginationMobileBreakpoint:[2,"pagination-mobile-breakpoint"],virtualScroll:[4,"virtual-scroll"],virtualRowHeight:[2,"virtual-row-height"],advancedFilters:[4,"advanced-filters"],columnAggregation:[4,"column-aggregation"],aggregationFunctions:[1,"aggregation-functions"],persistState:[4,"persist-state"],stateStorageKey:[1,"state-storage-key"],multiSort:[4,"multi-sort"],maxSortColumns:[2,"max-sort-columns"],autoSizeColumns:[4,"auto-size-columns"],rowDetails:[4,"row-details"],keyboardShortcuts:[4,"keyboard-shortcuts"],excelExport:[4,"excel-export"],inlineValidation:[4,"inline-validation"],validationRules:[8,"validation-rules"],advancedCellEditors:[4,"advanced-cell-editors"],columnFormatting:[4,"column-formatting"],rangeSelection:[4,"range-selection"],copyPaste:[4,"copy-paste"],conditionalFormatting:[4,"conditional-formatting"],formattingRules:[8,"formatting-rules"],contextMenu:[4,"context-menu"],mobileCardView:[4,"mobile-card-view"],lazyLoad:[4,"lazy-load"],pdfExport:[4,"pdf-export"],enableSparklines:[4,"enable-sparklines"],undoRedo:[4,"undo-redo"],printOptimized:[4,"print-optimized"],enhancedAccessibility:[4,"enhanced-accessibility"],advancedValidation:[4,"advanced-validation"],searchable:[4],sortable:[4],filterable:[4],columnReorder:[4,"column-reorder"],columnVisibility:[4,"column-visibility"],rowHeight:[1,"row-height"],striped:[4],stripedColor:[1,"striped-color"],stripedColorDark:[1,"striped-color-dark"],hoverable:[4],bordered:[4],loading:[4],showSkeleton:[4,"show-skeleton"],skeletonRows:[2,"skeleton-rows"],emptyMessage:[1,"empty-message"],serverSide:[4,"server-side"],totalRows:[2,"total-rows"],exportable:[4],theme:[1],variant:[1],color:[1],grouping:[4],groupBy:[1,"group-by"],expandGroupsByDefault:[4,"expand-groups-by-default"],showGroupCount:[4,"show-group-count"],columnGrouping:[4,"column-grouping"],showGroupingControls:[4,"show-grouping-controls"],treeData:[4,"tree-data"],showActions:[4,"show-actions"],customActions:[16],iconLibrary:[1,"icon-library"],columnPinning:[4,"column-pinning"],rowPinning:[4,"row-pinning"],rowSpanning:[4,"row-spanning"],rowReorder:[4,"row-reorder"],multiFilter:[4,"multi-filter"],showFilterPanel:[1028,"show-filter-panel"],showColumnPanel:[1028,"show-column-panel"],headerBackground:[1,"header-background"],state:[32],draggedColumn:[32],draggedRow:[32],showColumnSettings:[32],showExportDialog:[32],resizingColumn:[32],activeActionMenu:[32],pinnedColumns:[32],pinnedRows:[32],editingRow:[32],activeFilters:[32],filterPanelField:[32],filterPanelOperator:[32],filterPanelValue:[32],draggedColumnInPanel:[32],columnSearchQuery:[32],virtualScrollOffset:[32],virtualVisibleRange:[32],multiSortConfig:[32],columnAggregations:[32],expandedRowDetails:[32],validationErrors:[32],showKeyboardShortcutsHelp:[32],advancedFilterConfig:[32],rangeSelectionAnchor:[32],clipboardData:[32],formattingCache:[32],contextMenuState:[32],undoStack:[32],redoStack:[32],lazyLoadedRows:[32],isMobileView:[32],selectRow:[64],deselectRow:[64],selectAllRows:[64],deselectAllRows:[64],getSelectedRows:[64],exportData:[64],resetFilters:[64],resetSort:[64],goToPage:[64],refresh:[64],print:[64],handleColumnPin:[64],handleRowPin:[64]},void 0,{data:[{onDataOrColumnsChange:0}],columns:[{onDataOrColumnsChange:0}],pageSize:[{onPageSizeChange:0}],groupBy:[{onGroupByChange:0}],theme:[{onThemeChange:0}]}]),m=g,x=function(){"undefined"!=typeof customElements&&["ui-advanced-data-table","ui-badge","ui-button","ui-checkbox","ui-icon","ui-input","ui-pagination","ui-radio","ui-rating","ui-skeleton","ui-switch"].forEach((t=>{switch(t){case"ui-advanced-data-table":customElements.get(i(t))||customElements.define(i(t),g);break;case"ui-badge":customElements.get(i(t))||n();break;case"ui-button":customElements.get(i(t))||o();break;case"ui-checkbox":customElements.get(i(t))||s();break;case"ui-icon":customElements.get(i(t))||l();break;case"ui-input":customElements.get(i(t))||d();break;case"ui-pagination":customElements.get(i(t))||c();break;case"ui-radio":customElements.get(i(t))||p();break;case"ui-rating":customElements.get(i(t))||h();break;case"ui-skeleton":customElements.get(i(t))||b();break;case"ui-switch":customElements.get(i(t))||u()}}))};export{m as UiAdvancedDataTable,x as defineCustomElement}

package/dist/components/ui-anchor.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UiAnchor extends Components.UiAnchor, HTMLElement {}
+export const UiAnchor: {
+    prototype: UiAnchor;
+    new (): UiAnchor;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;