atomicuilibrary 0.0.1

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

@@ -0,0 +1 @@
+import{r as i,c as e,a as r,h as d}from"./p-DUsoYu9r.js";const t=class{constructor(r){i(this,r),this.dividerClick=e(this,"dividerClick"),this.dividerChange=e(this,"dividerChange"),this.dividerHaptic=e(this,"dividerHaptic")}get el(){return r(this)}text="";icon="";subtitle="";aura=!1;glass=!1;kinetic=!1;iconAnimation="none";upright=!1;steps=0;currentStep=0;heatmap=!1;percent=0;ripple=!1;parallax=!1;reveal=!1;dragEnabled=!1;organic=!1;holographic=!1;stream=!1;teleportTo="";enableHaptics=!1;orientation="horizontal";variant="solid";size="md";textAlign="center";color="";textColor="";textTransform="capitalize";verticalAlign="center";gap="";plain=!1;image="";loading=!1;thickness="";responsive="none";animation="none";clickable=!1;shadow=!1;glow=!1;opacity=1;pattern="none";inset="none";spacing="none";badge="";maxWidth="";borderRadius="";height="";lines="all";linecap="butt";shape="none";shapeColor="";isRevealed;isDragging=!1;dividerClick;dividerChange;dividerHaptic;observer;componentWillLoad(){this.isRevealed=!this.reveal}componentDidLoad(){this.reveal&&(this.observer=new IntersectionObserver((i=>{i.forEach((i=>{i.isIntersecting&&(this.isRevealed=!0,this.enableHaptics&&this.dividerHaptic.emit({type:"reveal"}),this.observer.disconnect())}))}),{threshold:.1}),this.observer.observe(this.el))}disconnectedCallback(){this.observer&&this.observer.disconnect(),this.handleMouseUp()}async triggerReveal(){this.isRevealed=!0}handleMouseDown=i=>{this.ripple&&this.handleRipple(i),this.dragEnabled&&(this.isDragging=!0,this.updateValueOnMove(i),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp))};handleTouchStart=i=>{this.ripple&&this.handleRipple(i),this.dragEnabled&&(this.isDragging=!0,this.updateValueOnMove(i),document.addEventListener("touchmove",this.handleTouchMove,{passive:!1}),document.addEventListener("touchend",this.handleMouseUp))};handleMouseMove=i=>{this.isDragging&&this.updateValueOnMove(i)};handleTouchMove=i=>{this.isDragging&&(i.preventDefault(),this.updateValueOnMove(i))};handleMouseUp=()=>{this.isDragging&&(this.isDragging=!1,document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("touchmove",this.handleTouchMove),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("touchend",this.handleMouseUp))};handleKeyDown=i=>{if(!this.dragEnabled)return;let e=0;if("ArrowRight"!==i.key&&"ArrowUp"!==i.key||(e=5),"ArrowLeft"!==i.key&&"ArrowDown"!==i.key||(e=-5),0!==e){i.preventDefault();const r=Math.max(0,Math.min(100,(this.percent||0)+e)),d=this.steps>0?Math.round(r/100*(this.steps-1))+1:0;this.dividerChange.emit({percent:r,step:d})}};updateValueOnMove(i){const e=this.el.getBoundingClientRect();let r=0;r="horizontal"===this.orientation?(("touches"in i?i.touches[0].clientX:i.clientX)-e.left)/e.width*100:(("touches"in i?i.touches[0].clientY:i.clientY)-e.top)/e.height*100,r=Math.max(0,Math.min(100,r));const d=this.steps>0?Math.round(r/100*(this.steps-1))+1:0;this.dividerChange.emit({percent:Math.round(r),step:d}),this.enableHaptics&&this.steps>0&&d!==this.currentStep&&this.dividerHaptic.emit({type:"step"})}handleClick=i=>{if(this.enableHaptics&&this.dividerHaptic.emit({type:"click"}),this.teleportTo){const i=document.querySelector(this.teleportTo);i&&i.scrollIntoView({behavior:"smooth",block:"start"})}(this.clickable||this.ripple||this.dragEnabled)&&this.dividerClick.emit(i)};handleRipple=i=>{const e=this.el.shadowRoot?.querySelector(".ripple-container");if(!e)return;const r=this.el.getBoundingClientRect(),d=i.clientX-r.left,t=i.clientY-r.top,a=document.createElement("span");a.style.left=`${d}px`,a.style.top=`${t}px`,e.appendChild(a),setTimeout((()=>a.remove()),800)};renderSteps(i){const e=this.steps,r=this.currentStep,t="horizontal"===this.orientation;let a=1,o=e;if("center"===this.textAlign){const r=Math.ceil(e/2);"start"===i?o=r:a=r+1}else if("left"===this.textAlign){if("start"===i)return null}else if("right"===this.textAlign&&"end"===i)return null;const n=[];for(let i=a;i<=o;i++)n.push(i);return n.map((i=>d("div",{class:{"divider-step-node":!0,"is-completed":i<r,"is-active":i===r},style:t?{left:(i-a)/(o-a+1)*100+100/(o-a+1)/2+"%"}:{top:(i-a)/(o-a+1)*100+100/(o-a+1)/2+"%"}},d("span",{class:"step-label"},i))))}renderShape(){return"none"===this.shape?null:d("div",{class:`divider-shape divider-shape-${this.shape}`},d("svg",{viewBox:"0 0 100 100",preserveAspectRatio:"none",style:this.shapeColor?{fill:this.shapeColor}:{}},d("path",{d:{curve:"M0,0 C50,100 50,100 100,0 L100,100 0,100 Z",tilt:"M0,0 L100,100 L0,100 Z",triangle:"M0,100 L50,0 L100,100 Z",wave:"M0,50 Q25,0 50,50 T100,50 L100,100 0,100 Z",zigzag:"M0,100 L25,0 L50,100 L75,0 L100,100 Z",arrow:"M0,0 L50,50 L100,0 L100,100 L0,100 Z"}[this.shape]||""})))}render(){if("none"!==this.shape)return this.renderShape();const i=["primary","secondary","success","danger","warning","info"].includes(this.color),e=["divider",`divider-${this.orientation}`,`divider-${this.variant}`,`divider-${this.size}`,`divider-text-${this.textAlign}`,"vertical"===this.orientation?`divider-vertical-${this.verticalAlign}`:"",this.plain?"divider-plain":"",this.loading?"divider-loading":"",this.image?"divider-with-image":"","none"!==this.responsive?`divider-responsive-${this.responsive}`:"",i?`color-${this.color}`:this.color?"divider-custom":"",this.textColor?"divider-custom-text":"","none"!==this.animation?`divider-animation-${this.animation}`:"",this.clickable||this.ripple||this.dragEnabled?"divider-interactive":"",this.shadow?"divider-shadow":"",this.glow?"divider-glow":"","none"!==this.pattern?`divider-pattern-${this.pattern}`:"","none"!==this.inset?`divider-inset-${this.inset}`:"","none"!==this.spacing?`divider-spacing-${this.spacing}`:"",this.badge?"divider-with-badge":"",this.aura?"divider-aura":"",this.glass?"divider-glass":"",this.kinetic?"divider-kinetic":"","none"!==this.iconAnimation?`divider-icon-anim-${this.iconAnimation}`:"",this.upright?"divider-upright":"",this.steps>0?"divider-with-steps":"",this.heatmap?"divider-heatmap":"",this.reveal?"divider-reveal":"",this.isRevealed?"is-revealed":"",this.dragEnabled?"divider-draggable":"",this.isDragging?"is-dragging":"",this.organic?"divider-organic":"",this.holographic?"divider-holographic":"",this.stream?"divider-stream":"",this.ripple?"divider-ripple":"",this.parallax?"divider-parallax":"",this.subtitle?"divider-with-subtitle":"","all"!==this.lines?`divider-lines-${this.lines}`:"","butt"!==this.linecap?`divider-linecap-${this.linecap}`:""].filter(Boolean).join(" "),r={...!i&&this.color&&{"--divider-color":this.color},...this.textColor&&{"--divider-text-color":this.textColor},...this.textTransform&&{"--divider-text-transform":this.textTransform},...this.thickness&&{"--divider-thickness":this.thickness},...this.gap&&{margin:this.gap},...1!==this.opacity&&{opacity:this.opacity.toString()},...this.maxWidth&&{maxWidth:this.maxWidth},...this.borderRadius&&{"--divider-border-radius":this.borderRadius},...this.height&&{height:this.height},...this.heatmap&&this.percent&&{"--divider-percent":`${this.percent}%`}},t=this.text||this.icon||this.image||this.loading,a=!this.plain&&("all"===this.lines||"start"===this.lines),o=!this.plain&&("all"===this.lines||"end"===this.lines);return d("div",{class:e,style:r,onMouseDown:this.handleMouseDown,onTouchStart:this.handleTouchStart,onKeyDown:this.handleKeyDown,onClick:this.handleClick,role:this.dragEnabled?"slider":this.clickable||this.ripple?"button":"separator","aria-orientation":this.orientation,"aria-label":this.text||"divider","aria-valuenow":this.dragEnabled?this.percent:void 0,"aria-valuemin":this.dragEnabled?0:void 0,"aria-valuemax":this.dragEnabled?100:void 0,"aria-valuetext":this.dragEnabled?`${this.percent}% ${this.steps>0?`(Step ${this.currentStep})`:""}`:void 0,tabindex:this.dragEnabled||this.clickable||this.ripple?0:void 0},this.ripple&&d("div",{class:"ripple-container"}),a&&d("div",{class:"divider-line first"},this.steps>0&&this.renderSteps("start")),d("div",{class:"divider-content-wrapper"},d("slot",{name:"start"}),t&&d("span",{class:"divider-main-content"},this.loading?d("div",{class:"divider-shimmer"}):d("div",{class:"divider-text-area"},this.image&&d("img",{src:this.image,alt:"divider-img",class:"divider-image"}),!this.image&&(this.icon||this.el.querySelector('[slot="icon"]'))&&d("span",{class:"divider-icon"},d("slot",{name:"icon"},this.icon.length>2?d("ui-icon",{name:this.icon,library:"fontawesome",size:"lg"===this.size?"18px":"14px"}):this.icon)),d("div",{class:"divider-label-group"},this.text&&d("span",{class:"divider-label"},this.text),this.subtitle&&d("span",{class:"divider-subtitle"},this.subtitle)),this.badge&&d("span",{class:"divider-badge"},this.badge))),d("slot",null),d("slot",{name:"end"})),o&&d("div",{class:"divider-line last"},this.steps>0&&this.renderSteps("end")))}};t.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;width:100%;box-sizing:border-box}:host([orientation=vertical]){display:inline-flex;width:auto;height:100%;align-self:stretch;vertical-align:middle}.divider{display:flex;align-items:center;width:100%;height:100%;margin:16px 0;color:var(--divider-text-color, var(--text-muted, #6b7280));font-size:var(--divider-text-size, 14px);white-space:nowrap;font-family:inherit;box-sizing:border-box}.divider-vertical{flex-direction:column;height:100%;min-height:1em;width:auto;margin:0 16px}.divider-line{flex:1;height:1px;background-color:var(--divider-color, #e5e7eb);position:relative;}.divider-gradient .divider-line{background:linear-gradient(to right, transparent, var(--divider-color, #e5e7eb), transparent);height:2px}.divider-vertical .divider-line{width:1px;height:auto;flex:1}.divider-main-content{padding:0 var(--divider-gap, 16px);text-transform:var(--divider-text-transform, capitalize);font-weight:500;display:inline-flex;align-items:center;gap:8px;color:var(--divider-text-color, var(--text-muted, #6b7280));white-space:nowrap;background-color:var(--bg-primary, #ffffff);position:relative;z-index:1}.divider-main-content:empty{display:none;padding:0}.divider-icon{display:inline-flex;align-items:center;justify-content:center}.divider-vertical .divider-main-content{padding:16px 0;writing-mode:vertical-rl;letter-spacing:0.1em}.divider-upright .divider-main-content{text-orientation:upright;letter-spacing:0}.divider-text-left .divider-line:first-child,.divider-text-start .divider-line:first-child{flex:0 0 20px}.divider-text-left .divider-line:last-child,.divider-text-start .divider-line:last-child{flex:1}.divider-text-center .divider-line:first-child,.divider-text-center .divider-line:last-child{flex:1}.divider-text-right .divider-line:first-child,.divider-text-end .divider-line:first-child{flex:1}.divider-text-right .divider-line:last-child,.divider-text-end .divider-line:last-child{flex:0 0 20px}.divider-vertical.divider-text-left .divider-line:first-child{flex:0 0 20px}.divider-vertical.divider-text-left .divider-line:last-child{flex:1}.divider-vertical.divider-text-center .divider-line:first-child,.divider-vertical.divider-text-center .divider-line:last-child{flex:1}.divider-vertical.divider-text-right .divider-line:first-child{flex:1}.divider-vertical.divider-text-right .divider-line:last-child{flex:0 0 20px}.divider-solid .divider-line{background-color:var(--bg-primary, #e5e7eb)}.divider-dashed .divider-line{border-bottom:2px dashed var(--border-strong, #d1d5db);background:none;height:0}.divider-dotted .divider-line{border-bottom:2px dotted var(--border-strong, #d1d5db);background:none;height:0}.divider-double-solid .divider-line{border-top:1px solid var(--border-default, #e5e7eb);border-bottom:1px solid var(--border-default, #e5e7eb);height:3px;background:none}.divider-double-dashed .divider-line{border-top:2px dashed var(--border-strong, #d1d5db);border-bottom:2px dashed var(--border-strong, #d1d5db);height:3px;background:none}.divider-double-dotted .divider-line{border-top:2px dotted var(--border-strong, #d1d5db);border-bottom:2px dotted var(--border-strong, #d1d5db);height:3px;background:none}.divider-sm .divider-line{height:1px}.divider-sm.divider-vertical .divider-line{width:1px}.divider-md .divider-line{height:2px}.divider-md.divider-vertical .divider-line{width:2px}.divider-lg .divider-line{height:3px}.divider-lg.divider-vertical .divider-line{width:3px}.divider-sm.divider-dashed .divider-line{border-bottom-width:1px}.divider-sm.divider-dotted .divider-line{border-bottom-width:1px}.divider-md.divider-dashed .divider-line{border-bottom-width:2px}.divider-md.divider-dotted .divider-line{border-bottom-width:2px}.divider-lg.divider-dashed .divider-line{border-bottom-width:3px}.divider-lg.divider-dotted .divider-line{border-bottom-width:3px}.divider-sm.divider-double-solid .divider-line,.divider-sm.divider-double-dashed .divider-line,.divider-sm.divider-double-dotted .divider-line{border-top-width:1px;border-bottom-width:1px;height:2px}.divider-md.divider-double-solid .divider-line,.divider-md.divider-double-dashed .divider-line,.divider-md.divider-double-dotted .divider-line{border-top-width:2px;border-bottom-width:2px;height:4px}.divider-lg.divider-double-solid .divider-line,.divider-lg.divider-double-dashed .divider-line,.divider-lg.divider-double-dotted .divider-line{border-top-width:3px;border-bottom-width:3px;height:6px}.divider-custom .divider-line{background-color:var(--divider-color, #e5e7eb)}.divider-custom.divider-dashed .divider-line,.divider-custom.divider-dotted .divider-line,.divider-custom.divider-double-solid .divider-line,.divider-custom.divider-double-dashed .divider-line,.divider-custom.divider-double-dotted .divider-line{border-color:var(--divider-color, var(--border-default, #e5e7eb))}.divider-custom .divider-text{color:var(--divider-text-color, var(--text-muted, #6b7280))}.divider-animation-fade{animation:dividerFadeIn 0.5s ease}.divider-animation-slide{animation:dividerSlideIn 0.5s ease}.divider-animation-expand{animation:dividerExpand 0.5s ease}@keyframes dividerFadeIn{from{opacity:0}to{opacity:1}}@keyframes dividerSlideIn{from{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes dividerExpand{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.divider-clickable{cursor:pointer;transition:all 0.2s ease}.divider-clickable:hover{transform:scale(1.02)}.divider-clickable:focus-visible{outline:2px solid var(--color-primary, #10b981);outline-offset:2px;border-radius:4px}.divider-shadow .divider-line{box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.divider-glow .divider-line{box-shadow:0 0 10px currentColor;filter:brightness(1.2)}.divider-pattern-dots .divider-line{background-image:radial-gradient(circle, currentColor 1px, transparent 1px);background-size:8px 8px;background-color:transparent;height:8px}.divider-aura .divider-line{position:relative;overflow:hidden;box-shadow:0 0 15px currentColor;filter:brightness(1.2)}.divider-aura .divider-line::after{content:\"\";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);animation:auraFlow 3s infinite ease-in-out}@keyframes auraFlow{0%{left:-100%}50%{left:150%}100%{left:150%}}.divider-glass .divider-main-content{background:rgba(255, 255, 255, 0.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255, 255, 255, 0.2);padding:8px 20px;border-radius:30px;box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.15)}.divider-kinetic .divider-line{background:linear-gradient(-45deg, var(--color-danger, #ee7752), var(--color-danger, #e73c7e), var(--color-primary, #23a6d5), var(--color-success, #23d5ab));background-size:400% 400%;animation:kineticGradient 10s ease infinite;height:2px}@keyframes kineticGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.divider-icon-anim-spin .divider-icon{animation:iconSpin 4s linear infinite}.divider-icon-anim-pulse .divider-icon{animation:iconPulse 2s ease-in-out infinite}.divider-icon-anim-flip .divider-icon{animation:iconFlip 3s ease-in-out infinite}@keyframes iconSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes iconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes iconFlip{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}.divider-pattern-stripes .divider-line{background-image:repeating-linear-gradient(45deg, currentColor, currentColor 2px, transparent 2px, transparent 6px);background-color:transparent;height:8px}.divider-pattern-wavy .divider-line{background-image:url(\"data:image/svg+xml,%3Csvg width='100' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5 Q 25 0, 50 5 T 100 5' stroke='%23e5e7eb' fill='none' stroke-width='2'/%3E%3C/svg%3E\");background-repeat:repeat-x;background-size:100px 10px;background-color:transparent;height:10px}.divider-pattern-zigzag .divider-line{background-image:linear-gradient(135deg, currentColor 25%, transparent 25%), linear-gradient(225deg, currentColor 25%, transparent 25%);background-size:10px 10px;background-position:0 0, 5px 0;background-repeat:repeat-x;background-color:transparent;height:10px}.divider-inset-start{margin-left:40px}.divider-inset-end{margin-right:40px}.divider-inset-both{margin-left:40px;margin-right:40px}.divider-vertical.divider-inset-start{margin-left:0;margin-top:40px}.divider-vertical.divider-inset-end{margin-right:0;margin-bottom:40px}.divider-vertical.divider-inset-both{margin-left:0;margin-right:0;margin-top:40px;margin-bottom:40px}.divider-spacing-compact{margin:8px 0}.divider-spacing-comfortable{margin:24px 0}.divider-spacing-spacious{margin:40px 0}.divider-vertical.divider-spacing-compact{margin:0 8px}.divider-vertical.divider-spacing-comfortable{margin:0 24px}.divider-vertical.divider-spacing-spacious{margin:0 40px}.divider-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:8px;background-color:var(--color-primary, #10b981);color:var(--text-standard, #ffffff);border-radius:10px;font-size:11px;font-weight:600;line-height:1}.divider-line{border-radius:var(--divider-border-radius, 0)}.divider-content-wrapper{display:flex;align-items:center;gap:12px}.divider-main-content{display:flex;align-items:center;gap:8px;padding:0 12px;background-color:var(--bg-primary, #ffffff);position:relative;z-index:1}.divider-text-area{display:flex;align-items:center;gap:8px}.divider-label{text-transform:var(--divider-text-transform, capitalize);font-weight:700;letter-spacing:-0.01em}.divider-label-group{display:flex;flex-direction:column;gap:2px}.divider-subtitle{font-size:0.7rem;font-weight:500;opacity:0.6;text-transform:none;letter-spacing:0.02em}.divider-with-subtitle{padding:12px 0}.divider-image{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(255, 255, 255, 0.8);box-shadow:0 4px 10px rgba(0, 0, 0, 0.1)}.divider-shimmer{width:80px;height:16px;background:linear-gradient(90deg, var(--bg-primary, #f3f4f6) 25%, var(--bg-primary, #e5e7eb) 50%, var(--bg-primary, #f3f4f6) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.divider-plain .divider-line{display:none}.divider-plain .divider-main-content{padding:0}@media (prefers-reduced-motion: reduce){.divider-animation-fade,.divider-animation-slide,.divider-animation-expand,.divider-clickable,.divider-shimmer{animation:none;transition:none}}.color-primary .divider-line{background-color:var(--color-primary, #10b981);border-color:var(--color-primary, #10b981)}.color-secondary .divider-line{background-color:var(--text-muted, #6b7280);border-color:var(--color-primary, #6b7280)}.color-success .divider-line{background-color:var(--color-success, #10b981);border-color:var(--color-success, #10b981)}.color-danger .divider-line{background-color:var(--color-danger, #ef4444);border-color:var(--color-danger, #ef4444)}.color-warning .divider-line{background-color:var(--color-warning, #f59e0b);border-color:var(--color-warning, #f59e0b)}.divider-linecap-round .divider-line{border-radius:9999px}.divider-linecap-square .divider-line{border-radius:0}.divider-lines-none .divider-line{display:none}.divider-shape{position:relative;width:100%;overflow:hidden;line-height:0;margin:16px 0}.divider-shape svg{display:block;width:calc(100% + 1.3px);height:50px;transform:rotate(180deg);}.divider-shape svg path{fill:var(--divider-color, #e5e7eb);stroke:none}.divider-shape-curve svg{height:50px}.divider-shape-tilt svg{height:40px}.divider-shape-triangle svg{height:40px}.divider-shape-wave svg{height:60px}.divider-shape-zigzag svg{height:30px}.divider-shape-arrow svg{height:30px}.color-primary .divider-shape svg path{fill:var(--color-primary, #10b981)}.color-secondary .divider-shape svg path{fill:var(--text-muted, #6b7280)}.color-success .divider-shape svg path{fill:var(--color-success, #10b981)}.color-danger .divider-shape svg path{fill:var(--color-danger, #ef4444)}.color-warning .divider-shape svg path{fill:var(--color-warning, #f59e0b)}.color-info .divider-shape svg path{fill:var(--color-info, #06b6d4)}.divider-step-node{position:absolute;width:22px;height:22px;background:var(--bg-primary, #ffffff);border:2px solid var(--border-subtle, #e2e8f0);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:var(--color-primary, #94a3b8);transform:translate(-50%, -50%);top:50%;z-index:2;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.divider-vertical .divider-step-node{left:50%;top:auto}.divider-step-node.is-completed{background:var(--color-success, #10b981);border-color:var(--color-success, #10b981);color:var(--text-standard, #ffffff);transform:translate(-50%, -50%) scale(1.1)}.divider-step-node.is-active{border-color:var(--color-primary, #8b5cf6);color:var(--color-primary, #8b5cf6);background:var(--bg-primary, #ffffff);box-shadow:0 0 0 4px rgba(139, 92, 246, 0.15);transform:translate(-50%, -50%) scale(1.2)}.divider-heatmap .divider-line{background:linear-gradient(90deg, var(--color-success, #10b981) 0%, var(--color-warning, #f59e0b) 50%, var(--color-danger, #ef4444) 100%) no-repeat left, var(--border-default, #e5e7eb);background-size:var(--divider-percent, 100%) 100%, 100% 100%;height:2px !important}.divider-ripple{position:relative;overflow:hidden;cursor:pointer}.ripple-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ripple-container span{position:absolute;transform:translate(-50%, -50%);background-color:rgba(255, 255, 255, 0.4);border-radius:50%;animation:rippleAnim 0.8s ease-out forwards;width:20px;height:20px}@keyframes rippleAnim{0%{transform:translate(-50%, -50%) scale(0);opacity:1}100%{transform:translate(-50%, -50%) scale(20);opacity:0}}.divider-parallax{filter:drop-shadow(0 12px 15px rgba(0, 0, 0, 0.2));transition:all 0.4s ease}.divider-parallax:hover{transform:translateY(-4px);filter:drop-shadow(0 20px 25px rgba(0, 0, 0, 0.25))}.divider-reveal.is-revealed .divider-line{transform:scaleX(1) !important;opacity:1 !important}.divider-reveal .divider-line{transform:scaleX(0);opacity:0;transition:transform 1.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s ease;transform-origin:center}.divider-draggable{cursor:ew-resize !important;user-select:none}.divider-draggable .divider-line{position:relative;overflow:hidden}.divider-draggable.is-dragging{cursor:grabbing !important}.divider-organic:hover .divider-line{animation:organicWobble 2s infinite alternate ease-in-out}@keyframes organicWobble{0%{transform:scaleY(1) skewX(0deg)}33%{transform:scaleY(1.4) skewX(2deg)}66%{transform:scaleY(0.8) skewX(-2deg)}100%{transform:scaleY(1.2) skewX(1deg)}}.divider-stream .divider-line{position:relative;overflow:hidden}.divider-stream .divider-line::before{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:streamFlicker 0.15s infinite}@keyframes streamFlicker{0%{opacity:0.1}50%{opacity:0.6}100%{opacity:0.1}}.divider-holographic:hover .divider-line{filter:drop-shadow(2px 0 0 rgba(255, 0, 0, 0.5)) drop-shadow(-2px 0 0 rgba(0, 255, 255, 0.5));transition:filter 0.2s ease}.divider-teleport{cursor:pointer}";export{t as ui_divider}

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

@@ -0,0 +1 @@
+import{r,c as e,a,h as i,H as t}from"./p-DUsoYu9r.js";const o=class{constructor(a){r(this,a),this.breadcrumbClick=e(this,"breadcrumbClick")}get el(){return a(this)}isDropdownOpen=!1;items=[];separator="/";separatorIcon;maxItems=0;showHome=!1;homeIcon="🏠";size="md";iconLibrary="default";separatorIconLibrary="default";variant="default";structuredData=!1;baseUrl="";breadcrumbClick;parseItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch(r){return console.error("Failed to parse items JSON:",r),[]}return this.items}handleItemClick=(r,e)=>{r.disabled||r.active?e.preventDefault():this.breadcrumbClick.emit(r)};toggleDropdown=r=>{r.stopPropagation(),this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen?document.addEventListener("click",this.closeDropdown):document.removeEventListener("click",this.closeDropdown)};closeDropdown=()=>{this.isDropdownOpen=!1,document.removeEventListener("click",this.closeDropdown)};disconnectedCallback(){document.removeEventListener("click",this.closeDropdown)}getItems(){const r=this.parseItems();return r.length>0?r:Array.from(this.el.querySelectorAll("ui-breadcrumb-item")).map((r=>({label:r.label||r.textContent,href:r.href,icon:r.icon,iconLibrary:r.iconLibrary,active:r.active,disabled:r.disabled,badge:r.badge})))}renderStructuredData(r){if(!this.structuredData)return null;const e={"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:r.map(((r,e)=>({"@type":"ListItem",position:e+1,name:r.label,item:r.href?r.href.startsWith("http")?r.href:`${this.baseUrl}${r.href}`:void 0})))};return i("script",{type:"application/ld+json",innerHTML:JSON.stringify(e)})}renderSeparator(r){return i("li",{class:"breadcrumb-separator",key:r,"aria-hidden":"true"},i("slot",{name:"separator"},this.separatorIcon?i("ui-icon",{name:this.separatorIcon,library:this.iconLibrary,size:"1.1em"}):this.separator))}renderItem(r,e){const a={"breadcrumb-item":!0,active:!!r.active,disabled:!!r.disabled,[`size-${this.size}`]:!0},t=i("span",{class:"breadcrumb-content"},r.icon&&i("span",{class:"breadcrumb-icon"},i("ui-icon",{name:r.icon,library:r.iconLibrary||this.iconLibrary,size:"1.1em"})),i("span",{class:"breadcrumb-label"},r.label),void 0!==r.badge&&i("span",{class:`breadcrumb-badge badge-${r.badgeVariant||"neutral"}`},r.badge)),o=!r.href||r.disabled||r.active?i("span",{class:a,"aria-current":r.active?"page":void 0},t):i("a",{href:r.href,class:a,onClick:e=>this.handleItemClick(r,e),"aria-current":r.active?"page":void 0},t);return i("li",{key:`item-${e}`,class:"breadcrumb-item-wrapper"},o)}renderHome(){return i("li",{class:"breadcrumb-item-wrapper"},i("a",{href:"/",class:`breadcrumb-item home size-${this.size}`},i("span",{class:"breadcrumb-icon"},i("ui-icon",{name:this.homeIcon,library:this.iconLibrary,size:"1.2em"}))))}render(){const r=this.getItems(),e=[];if(this.showHome&&(e.push(this.renderHome()),r.length>0&&e.push(this.renderSeparator("home-sep"))),this.maxItems>0&&r.length>this.maxItems){const a=Math.max(1,this.maxItems-2),t=r.slice(1,r.length-a);e.push(this.renderItem(r[0],0)),e.push(this.renderSeparator("sep-0")),e.push(i("li",{key:"ellipsis",class:"breadcrumb-item-wrapper ellipsis-wrapper "+(this.isDropdownOpen?"is-open":"")},i("ui-button",{variant:"ghost",onClick:this.toggleDropdown,ariaLabel:"Show hidden breadcrumbs",size:"sm",label:"..."}),this.isDropdownOpen&&i("div",{class:"breadcrumb-dropdown"},i("ul",{class:"dropdown-list"},t.map(((r,e)=>i("li",{key:`collapsed-${e}`,class:"dropdown-item"},i("a",{href:r.href||"#",onClick:e=>this.handleItemClick(r,e)},r.icon&&i("span",{class:"item-icon"},i("ui-icon",{name:r.icon,library:r.iconLibrary||this.iconLibrary,size:"1em"})),i("span",{class:"item-label"},r.label))))))))),e.push(this.renderSeparator("sep-ellipsis"));const o=r.slice(-a);o.forEach(((i,t)=>{const s=r.length-a+t;e.push(this.renderItem(i,s)),t<o.length-1&&e.push(this.renderSeparator(`sep-${s}`))}))}else r.forEach(((a,i)=>{e.push(this.renderItem(a,i)),i<r.length-1&&e.push(this.renderSeparator(`sep-${i}`))}));const a=["breadcrumb",`breadcrumb-${this.size}`,`breadcrumb-variant-${this.variant}`].join(" ");return i(t,{key:"cc58f67d87e5fa59d510a9eaca3fa6bbb165e790","aria-label":"Breadcrumb"},this.renderStructuredData(r),i("nav",{key:"b88aceaa493445a9cc47f9e72fb40d84f57ceefd",class:a},i("ol",{key:"fecb2561f7b18d68971352a0096e4bb855813306",class:"breadcrumb-list"},e,i("slot",{key:"352d383a94182b58709fd670f75c11f0a4e53b99"}))))}};o.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.breadcrumb{display:flex;align-items:center}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:4px}.breadcrumb-item-wrapper{display:flex;align-items:center;gap:4px}.breadcrumb-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;color:var(--text-muted, #64748b);text-decoration:none;border-radius:6px;transition:all 0.2s ease;font-weight:500;cursor:pointer;background-color:transparent}.breadcrumb-item.size-sm{padding:4px 8px;font-size:12px;gap:4px}.breadcrumb-item.size-md{padding:6px 12px;font-size:14px;gap:6px}.breadcrumb-item.size-lg{padding:8px 16px;font-size:16px;gap:8px}.breadcrumb-item:hover:not(.active):not(.disabled){color:var(--color-primary, #10b981);background-color:var(--bg-primary, #eff6ff)}.breadcrumb-item.active{color:var(--text-primary, #1e293b);font-weight:600;cursor:default;background-color:var(--bg-secondary, #f1f5f9)}.breadcrumb-item.disabled{color:var(--color-primary, #cbd5e1);cursor:not-allowed;opacity:0.6}.breadcrumb-item.home{padding:6px 10px}.breadcrumb-content{display:flex;align-items:center;gap:inherit}.breadcrumb-icon{display:inline-flex;align-items:center;font-size:1em;line-height:1}.breadcrumb-icon svg{width:1em;height:1em;fill:currentColor}.breadcrumb-label{white-space:nowrap}.breadcrumb-separator{display:inline-flex;align-items:center;color:var(--color-primary, #cbd5e1);font-size:0.875em;user-select:none;padding:0 4px}.breadcrumb-separator svg{width:1em;height:1em;fill:currentColor}.breadcrumb-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:700;line-height:1;margin-left:4px}.badge-neutral{background:var(--bg-secondary, #f1f5f9);color:var(--color-primary, #475569)}.badge-primary{background:var(--bg-primary, #dbeafe);color:var(--color-primary, #1e40af)}.badge-success{background:var(--bg-primary, #dcfce7);color:var(--color-success, #166534)}.badge-warning{background:var(--bg-primary, #fef9c3);color:var(--color-danger, #854d0e)}.badge-danger{background:var(--bg-primary, #fee2e2);color:var(--color-danger, #991b1b)}.badge-info{background:var(--bg-primary, #e0f2fe);color:var(--color-primary, #075985)}.ellipsis-wrapper{position:relative}.breadcrumb-ellipsis-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:4px 8px;color:var(--color-primary, #94a3b8);cursor:pointer;border-radius:4px;transition:all 0.2s}.breadcrumb-ellipsis-btn:hover{background:var(--bg-secondary, #f1f5f9);color:var(--text-muted, #64748b)}.breadcrumb-dropdown{position:absolute;top:100%;left:0;z-index:1000;min-width:160px;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);border:1px solid var(--border-subtle, #e2e8f0);margin-top:8px;padding:4px;animation:dropdownIn 0.2s ease-out}@keyframes dropdownIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-list{list-style:none;margin:0;padding:0}.dropdown-item a{display:flex;align-items:center;gap:10px;padding:8px 12px;color:var(--color-primary, #475569);text-decoration:none;font-size:13px;font-weight:500;border-radius:6px;transition:background 0.2s}.dropdown-item a:hover{background:var(--bg-secondary, #f1f5f9);color:var(--color-primary, #10b981)}.dropdown-item .item-icon{font-size:14px}.breadcrumb-variant-pills .breadcrumb-item{background:var(--bg-secondary, #f1f5f9);border-radius:999px;margin:0 2px}.breadcrumb-variant-pills .breadcrumb-item:hover{background:var(--bg-primary, #e2e8f0)}.breadcrumb-variant-pills .breadcrumb-item.active{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.breadcrumb-variant-glass{background:rgba(15, 23, 42, 0.3);backdrop-filter:blur(8px);padding:8px 16px;border-radius:12px;border:1px solid rgba(255, 255, 255, 0.1)}.breadcrumb-variant-glass .breadcrumb-item{color:rgba(255, 255, 255, 0.7)}.breadcrumb-variant-glass .breadcrumb-item:hover{color:var(--text-standard, #ffffff);background:rgba(255, 255, 255, 0.1)}.breadcrumb-variant-glass .breadcrumb-item.active{color:var(--text-standard, #ffffff);background:rgba(255, 255, 255, 0.2)}.breadcrumb-variant-glass .breadcrumb-separator{color:rgba(255, 255, 255, 0.3)}@media (max-width: 640px){.breadcrumb-item.size-md{padding:4px 8px;font-size:12px}.breadcrumb-item.size-lg{padding:6px 12px;font-size:14px}}";export{o as ui_breadcrumb}

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

@@ -0,0 +1 @@
+import{r as t,c as i,h as a}from"./p-DUsoYu9r.js";const n=class{constructor(a){t(this,a),this.navItemClick=i(this,"navItemClick")}items=[];activeId;variant="default";size="md";align="start";scrollable=!1;showDivider=!1;fullWidth=!1;displayAs="buttons";iconLibrary="default";navItemClick;scrollLeft=0;canScrollLeft=!1;canScrollRight=!1;navRef;parseItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch(t){return console.error("Failed to parse items JSON:",t),[]}return this.items}handleItemClick=(t,i)=>{t.disabled?i.preventDefault():(t.href||i.preventDefault(),this.activeId=t.id,this.navItemClick.emit(t))};handleScroll=()=>{if(!this.navRef)return;const{scrollLeft:t,scrollWidth:i,clientWidth:a}=this.navRef;this.scrollLeft=t,this.canScrollLeft=t>0,this.canScrollRight=t<i-a-1};scrollToDirection=t=>{this.navRef&&this.navRef.scrollTo({left:"left"===t?this.navRef.scrollLeft-200:this.navRef.scrollLeft+200,behavior:"smooth"})};componentDidLoad(){this.scrollable&&this.navRef&&this.handleScroll()}render(){const t=this.parseItems(),i={"horizontal-nav-container":!0,scrollable:this.scrollable},n={"horizontal-nav":!0,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0,[`align-${this.align}`]:!0,"full-width":this.fullWidth,"with-divider":this.showDivider,[`display-${this.displayAs}`]:!0};return a("div",{key:"fbcf314495c91cb99bc90db33029196edfdb63a2",class:i},this.scrollable&&this.canScrollLeft&&a("button",{key:"f8de2c214e9d6f5b2a98c8f15dd11d21590e21bc",class:"scroll-button left",onClick:()=>this.scrollToDirection("left"),"aria-label":"Scroll left"},a("svg",{key:"f578cf8f8051944b9d172fb4d6b97e23e0534e1a",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},a("polyline",{key:"dc8225738c6d416bff540136ce13421bf92ab06d",points:"15 18 9 12 15 6"}))),a("nav",{key:"3296d5d35db2f5447bbf0081e4a2670e65b25046",class:n,ref:t=>this.navRef=t,onScroll:this.handleScroll},a("ul",{key:"66db7520e79ced35998900fb72abe09ac99b15c1",class:"nav-list"},t.map((t=>this.renderItem(t))))),this.scrollable&&this.canScrollRight&&a("button",{key:"bdf0b40342ff2c07a541258a4cda3310dfa07c5e",class:"scroll-button right",onClick:()=>this.scrollToDirection("right"),"aria-label":"Scroll right"},a("svg",{key:"6cd30d589d60113d2e3cccda8d6c3f7914d23750",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},a("polyline",{key:"02dcff53f897c9dff39369fc1b9c48cd06cb5365",points:"9 18 15 12 9 6"}))))}renderItem(t){const i={"nav-item":!0,active:t.active||t.id===this.activeId,disabled:t.disabled},n=a("span",{class:"nav-item-content"},t.icon&&a("span",{class:"nav-icon"},a("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"1.2em"})),a("span",{class:"nav-label"},t.label),t.badge&&a("span",{class:"nav-badge"},t.badge));return a("li",{key:t.id,class:"nav-list-item"},t.href&&!t.disabled?a("a",{href:t.href,class:i,onClick:i=>this.handleItemClick(t,i)},n):a("button",{class:i,disabled:t.disabled,onClick:i=>this.handleItemClick(t,i)},n))}};n.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;width:100%}.horizontal-nav-container{position:relative;display:flex;align-items:center;width:100%}.horizontal-nav-container.scrollable .horizontal-nav{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.horizontal-nav-container.scrollable .horizontal-nav::-webkit-scrollbar{display:none}.horizontal-nav{display:flex;width:100%;background-color:#ffffff;border-radius:8px;padding:4px}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:4px;width:100%}.horizontal-nav.full-width .nav-list{flex:1}.horizontal-nav.full-width .nav-list-item{flex:1}.horizontal-nav.full-width .nav-item{width:100%;justify-content:center}.horizontal-nav.align-start .nav-list{justify-content:flex-start}.horizontal-nav.align-center .nav-list{justify-content:center}.horizontal-nav.align-end .nav-list{justify-content:flex-end}.horizontal-nav.align-space-between .nav-list{justify-content:space-between}.nav-list-item{display:flex}.nav-item{display:flex;align-items:center;gap:8px;padding:8px 16px;background:none;border:none;border-radius:6px;color:#64748b;text-decoration:none;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;font-size:14px;position:relative}.horizontal-nav.size-sm .nav-item{padding:6px 12px;font-size:12px;gap:6px}.horizontal-nav.size-md .nav-item{padding:8px 16px;font-size:14px;gap:8px}.horizontal-nav.size-lg .nav-item{padding:10px 20px;font-size:16px;gap:10px}.horizontal-nav.variant-default .nav-item:hover:not(.disabled):not(.active){background-color:#f1f5f9;color:#475569}.horizontal-nav.variant-default .nav-item.active{background-color:#eff6ff;color:#3b82f6}.horizontal-nav.variant-pills .nav-item{border-radius:20px}.horizontal-nav.variant-pills .nav-item:hover:not(.disabled):not(.active){background-color:#f1f5f9;color:#475569}.horizontal-nav.variant-pills .nav-item.active{background-color:#3b82f6;color:white}.horizontal-nav.variant-underline{background-color:transparent;border-bottom:1px solid #e2e8f0;border-radius:0;padding:0}.horizontal-nav.variant-underline .nav-item{border-radius:0;padding-bottom:12px;margin-bottom:-1px}.horizontal-nav.variant-underline .nav-item::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:transparent;transition:background-color 0.2s ease}.horizontal-nav.variant-underline .nav-item:hover:not(.disabled):not(.active){color:#475569}.horizontal-nav.variant-underline .nav-item:hover:not(.disabled):not(.active)::after{background-color:#cbd5e1}.horizontal-nav.variant-underline .nav-item.active{color:#3b82f6}.horizontal-nav.variant-underline .nav-item.active::after{background-color:#3b82f6}.horizontal-nav.variant-segmented{background-color:#f1f5f9;border-radius:8px;padding:4px}.horizontal-nav.variant-segmented .nav-item{background-color:transparent}.horizontal-nav.variant-segmented .nav-item:hover:not(.disabled):not(.active){background-color:rgba(255, 255, 255, 0.5)}.horizontal-nav.variant-segmented .nav-item.active{background-color:white;color:#1e293b;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.nav-item.disabled{opacity:0.4;cursor:not-allowed}.nav-item-content{display:flex;align-items:center;gap:inherit}.nav-icon{display:inline-flex;align-items:center;font-size:1.1em;line-height:1}.nav-icon svg{width:1em;height:1em;fill:currentColor}.nav-label{line-height:1}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;background-color:#ef4444;color:white;font-size:11px;font-weight:600;border-radius:10px;line-height:1}.nav-item.active .nav-badge{background-color:#dc2626}.horizontal-nav.with-divider .nav-list-item:not(:last-child)::after{content:"";width:1px;height:20px;background-color:#e2e8f0;margin:auto 4px}.scroll-button{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:white;border:1px solid #e2e8f0;border-radius:50%;cursor:pointer;z-index:10;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);transition:all 0.2s ease}.scroll-button:hover{background-color:#f8fafc;border-color:#cbd5e1}.scroll-button.left{left:4px}.scroll-button.right{right:4px}.scroll-button svg{width:16px;height:16px;color:#64748b}.horizontal-nav.display-list{padding:0;background:transparent}.horizontal-nav.display-list .nav-list{flex-direction:column;gap:0}.horizontal-nav.display-list .nav-list-item{width:100%;border-bottom:1px solid #e5e7eb}.horizontal-nav.display-list .nav-list-item:last-child{border-bottom:none}.horizontal-nav.display-list .nav-item{width:100%;padding:12px 16px;border-radius:0;justify-content:flex-start;background-color:#ffffff}.horizontal-nav.display-list .nav-item:hover{background-color:#f9fafb}.horizontal-nav.display-list .nav-item.active{background-color:#eff6ff;border-left:3px solid #3b82f6;padding-left:13px}.horizontal-nav.display-list.variant-pills .nav-item,.horizontal-nav.display-list.variant-underline .nav-item,.horizontal-nav.display-list.variant-segmented .nav-item{border-radius:0}.horizontal-nav.display-list.variant-pills .nav-item.active{background-color:#eff6ff}.horizontal-nav.display-list.size-sm .nav-item{padding:8px 12px}.horizontal-nav.display-list.size-sm .nav-item.active{padding-left:9px}.horizontal-nav.display-list.size-lg .nav-item{padding:16px 20px}.horizontal-nav.display-list.size-lg .nav-item.active{padding-left:17px}@media (max-width: 640px){.horizontal-nav.size-md .nav-item{padding:6px 12px;font-size:13px}.horizontal-nav.size-lg .nav-item{padding:8px 16px;font-size:14px}}';export{n as ui_horizontal_nav}

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

@@ -0,0 +1 @@
+import{r as o,c as e,a as r,h as t}from"./p-DUsoYu9r.js";import{s as i}from"./p-D2WzX6vR.js";import{F as s}from"./p-BSQ8klD4.js";import{a,c as p}from"./p-BMFah5q3.js";const n=class{constructor(r){o(this,r),this.uiBeforeOpen=e(this,"uiBeforeOpen"),this.uiOpen=e(this,"uiOpen"),this.uiBeforeClose=e(this,"uiBeforeClose"),this.uiClose=e(this,"uiClose"),this.uiToggle=e(this,"uiToggle")}get element(){return r(this)}heading="";target;content="";open=!1;disabled=!1;trigger="click";placement="top";showArrow=!0;width="280px";animation="scale";showCloseButton=!1;backdrop=!1;variant="light";popoverRole="dialog";showDelay=0;hideDelay=200;closeOnScroll=!1;closeOnEsc=!0;maxHeight="none";interactive=!0;loading=!1;skeleton=!1;offset=12;arrowSize=10;closeOnOutsideClick=!0;closeOnBlur=!0;matchTriggerWidth=!1;flip=!0;shift=!0;boundary="viewport";padding=24;fallbackPlacements;autoPlacement=!1;strategy="fixed";zIndex=21e3;uiBeforeOpen;uiOpen;uiBeforeClose;uiClose;uiToggle;currentPlacement="top";popoverStyles={};arrowStyles={};targetElement;popoverContent;arrowElement;hideTimeout;showTimeout;focusTrap;cleanupAutoUpdate;resizeObserver;latestSizeData={width:"",maxWidth:"",maxHeight:""};updateRetries=0;componentWillLoad(){this.currentPlacement=this.placement}componentDidLoad(){this.setupTrigger(),this.popoverContent=this.element.shadowRoot?.querySelector(".popover"),this.arrowElement=this.element.shadowRoot?.querySelector(".popover-arrow"),this.popoverContent&&(this.resizeObserver=new ResizeObserver((()=>{this.open&&this.updatePosition()})),this.resizeObserver.observe(this.popoverContent)),window.addEventListener("keydown",this.handleGlobalKeyDown)}componentDidUpdate(){this.open&&!this.cleanupAutoUpdate&&this.startAutoUpdate()}disconnectedCallback(){this.cleanup(),this.cleanupAutoUpdate&&this.cleanupAutoUpdate(),window.removeEventListener("keydown",this.handleGlobalKeyDown),this.focusTrap&&this.focusTrap.deactivate()}visibilityChanged(o){if(o){if(this.disabled)return void(this.open=!1);this.handleOpen()}else this.handleClose()}handleTriggerConfigChange(){this.cleanup(),this.setupTrigger()}handleOpen(){this.targetElement||this.setupTrigger(),this.popoverContent=this.element.shadowRoot?.querySelector(".popover"),this.arrowElement=this.element.shadowRoot?.querySelector(".popover-arrow"),this.popoverContent&&!this.resizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{this.open&&this.updatePosition()})),this.resizeObserver.observe(this.popoverContent)),requestAnimationFrame((()=>{this.startAutoUpdate(),this.updateAriaAttributes(!0),this.closeOnOutsideClick&&setTimeout((()=>{document.addEventListener("click",this.handleOutsideClick)}),10),(this.backdrop||this.showCloseButton||"click"===this.trigger)&&requestAnimationFrame((()=>{this.initFocusTrap(),this.focusTrap&&this.focusTrap.activate()})),this.uiOpen.emit()}))}handleClose(){this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=void 0),document.removeEventListener("click",this.handleOutsideClick),this.focusTrap&&this.focusTrap.deactivate(),this.updateAriaAttributes(!1),this.uiClose.emit()}updateAriaAttributes(o){this.targetElement&&(this.targetElement.setAttribute("aria-expanded",o.toString()),this.targetElement.setAttribute("aria-haspopup","menu"===this.popoverRole?"menu":"true"))}initFocusTrap(){this.popoverContent&&(this.focusTrap||(this.focusTrap=new s(this.popoverContent,{initialFocus:this.popoverContent,returnFocus:this.targetElement,escapeDeactivates:!0,clickOutsideDeactivates:!this.backdrop})))}setupTrigger(){if(this.target&&(this.targetElement="string"==typeof this.target?document.querySelector(this.target):this.target),!this.targetElement){const o=this.element.shadowRoot?.querySelector('slot[name="trigger"]'),e=this.element.shadowRoot?.querySelector("slot:not([name])"),r=o=>{const e=o?.assignedElements();return e?.length>0?e[0]:null};this.targetElement=r(o)||r(e)}this.targetElement||(this.targetElement=this.element),this.targetElement&&"manual"!==this.trigger&&(["BUTTON","A","INPUT","SELECT","TEXTAREA"].includes(this.targetElement.tagName)||(this.targetElement.hasAttribute("role")||this.targetElement.setAttribute("role","button"),this.targetElement.hasAttribute("tabindex")||this.targetElement.setAttribute("tabindex","0")),"click"===this.trigger?(this.targetElement.addEventListener("click",this.handleTriggerClick),this.targetElement.addEventListener("keydown",this.handleTargetKeyDown)):"hover"===this.trigger?(this.targetElement.addEventListener("mouseenter",this.handleMouseEnter),this.targetElement.addEventListener("mouseleave",this.handleMouseLeave),this.targetElement.addEventListener("focusin",this.handleFocusIn),this.targetElement.addEventListener("focusout",this.handleFocusOut)):"focus"===this.trigger&&(this.targetElement.addEventListener("focusin",this.handleFocusIn),this.targetElement.addEventListener("focusout",this.handleFocusOut)),this.updateAriaAttributes(this.open))}handleTargetKeyDown=o=>{"Enter"!==o.key&&" "!==o.key||(o.preventDefault(),this.toggle())};cleanup(){this.targetElement&&(this.targetElement.removeEventListener("click",this.handleTriggerClick),this.targetElement.removeEventListener("keydown",this.handleTargetKeyDown),this.targetElement.removeEventListener("mouseenter",this.handleMouseEnter),this.targetElement.removeEventListener("mouseleave",this.handleMouseLeave),this.targetElement.removeEventListener("focusin",this.handleFocusIn),this.targetElement.removeEventListener("focusout",this.handleFocusOut),document.removeEventListener("click",this.handleOutsideClick),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0))}handleTriggerClick=o=>{o.stopPropagation(),"click"===this.trigger&&this.toggle()};handleFocusIn=()=>{this.show()};handleFocusOut=()=>{this.hide()};handleOutsideClick=o=>{this.targetElement?.contains(o.target)||this.popoverContent?.contains(o.target)||this.open&&this.hide()};handleMouseEnter=()=>{this.disabled||(clearTimeout(this.hideTimeout),this.showDelay>0?this.showTimeout=setTimeout((()=>this.show()),this.showDelay):this.show())};handleMouseLeave=()=>{clearTimeout(this.showTimeout),this.hideTimeout=setTimeout((()=>this.hide()),this.hideDelay)};handlePopoverMouseEnter=()=>{"hover"===this.trigger&&this.interactive&&(clearTimeout(this.hideTimeout),clearTimeout(this.showTimeout))};handlePopoverMouseLeave=()=>{"hover"===this.trigger&&this.interactive&&this.handleMouseLeave()};handleGlobalKeyDown=o=>{this.open&&this.closeOnEsc&&"Escape"===o.key&&(o.stopPropagation(),this.hide())};startAutoUpdate(){this.cleanupAutoUpdate&&this.cleanupAutoUpdate(),this.popoverContent=this.element.shadowRoot?.querySelector(".popover"),this.showArrow&&(this.arrowElement=this.element.shadowRoot?.querySelector(".popover-arrow")),this.targetElement&&this.popoverContent&&(this.cleanupAutoUpdate=a(this.targetElement,this.popoverContent,(()=>this.updatePosition()),{animationFrame:!0}))}async updatePosition(){if(this.popoverContent||(this.popoverContent=this.element.shadowRoot?.querySelector(".popover")),this.showArrow&&!this.arrowElement&&(this.arrowElement=this.element.shadowRoot?.querySelector(".popover-arrow")),!this.open||!this.popoverContent||!this.targetElement)return void(this.updateRetries=0);if(0===this.popoverContent.offsetWidth&&this.updateRetries<5)return this.updateRetries++,void requestAnimationFrame((()=>this.updatePosition()));this.updateRetries=0;const{left:o,top:e,placement:r,availableHeight:t,availableWidth:i,arrowX:s,arrowY:a}=p(this.targetElement,{menuWidth:this.popoverContent.offsetWidth,menuHeight:this.popoverContent.offsetHeight,gap:this.offset,placement:this.autoPlacement?"auto":this.placement.split("-")[0],align:this.placement.includes("start")?"start":this.placement.includes("end")?"end":"center",padding:this.padding});this.currentPlacement=r,this.latestSizeData={width:this.width,maxWidth:`${Math.min(window.innerWidth-2*this.padding,i)}px`,maxHeight:"none"!==this.maxHeight?this.maxHeight:`${t}px`};const n=this.latestSizeData;if(this.popoverStyles={position:this.strategy,left:`${o}px`,top:`${e}px`,width:this.matchTriggerWidth?`${this.targetElement.offsetWidth}px`:n.width||this.width,minWidth:"160px",maxWidth:n.maxWidth,maxHeight:n.maxHeight,visibility:"visible",opacity:"1"},this.showArrow&&this.arrowElement){const o=r,e={top:"bottom",right:"left",bottom:"top",left:"right"}[o],t=Math.round(this.arrowSize/2);this.arrowStyles={top:"",right:"",bottom:"",left:"",..."top"===o||"bottom"===o?{left:`${s}px`,transform:"translateX(-50%) rotate(45deg)"}:{top:`${a}px`,transform:"translateY(-50%) rotate(45deg)"},[e]:`-${t}px`}}}async reposition(){return this.updatePosition()}async computePlacement(){return this.currentPlacement}async show(){if(!this.disabled){if(this.uiBeforeOpen){const o=this.uiBeforeOpen.emit();if(o&&o.defaultPrevented)return}this.open=!0}}async hide(){if(this.uiBeforeClose){const o=this.uiBeforeClose.emit();if(o&&o.defaultPrevented)return}this.open=!1}async toggle(){this.disabled||(this.open?await this.hide():await this.show(),this.uiToggle&&this.uiToggle.emit({open:this.open}))}getPopoverStyle(){return{"--ui-popover-arrow-size":`${this.arrowSize}px`,zIndex:this.zIndex?`${this.zIndex}`:void 0}}render(){const o={popover:!0,"popover-visible":this.open,"popover-loading":this.loading,"popover-skeleton":this.skeleton,[`popover-${this.currentPlacement}`]:!0,[`popover-${this.variant}`]:!0,[`popover-anim-${this.animation}`]:!0},e={...this.getPopoverStyle(),...this.popoverStyles};return t("div",{key:"0f7778a7317e7842be132860b1dc61b611fa247d",class:"popover-wrapper"},t("div",{key:"2df4f3624d7335dbb9149b169778dfe288c4ff57",class:"popover-trigger"},t("slot",{key:"e0058a8f0c58e229df36e2ef47a402e4cf9e81dd",name:"trigger"}),t("slot",{key:"49c41549a41f352f0b94e6ae4dbde48435742ebc"})),this.backdrop&&this.open&&t("div",{key:"51851882bc67bd5a1a88d7a9f8bd44df99e3dee6",class:"popover-backdrop",onClick:()=>this.hide()}),this.open&&t("div",{key:"bd82cf9d153a7b228ac7696e407bb8a0d36ae942",class:o,style:e,onMouseEnter:()=>this.handlePopoverMouseEnter(),onMouseLeave:()=>this.handlePopoverMouseLeave(),role:this.popoverRole,"aria-modal":this.backdrop?"true":"false","aria-label":this.heading||void 0},this.showArrow&&t("div",{key:"545cb01f513e171e3d79a664ea57c5cbee6b5d07",class:"popover-arrow",style:this.arrowStyles}),t("div",{key:"bc8a9f93d49c2d1c201203728e731ef5a2850602",class:"popover-inner"},(this.heading||this.showCloseButton)&&t("div",{key:"9dee577314cc88f1bad7372006e593f34fa1a3fc",class:"popover-header"},this.heading&&t("div",{key:"7b0b3be1e8f6b0949969172eb74702034c661f6a",class:"popover-title"},this.heading),this.showCloseButton&&t("ui-button",{key:"d6dcc9b87b330797f6e29bf711df0504b386f5cb",variant:"ghost",size:"xxs",iconOnly:!0,class:"popover-close",onClick:()=>this.hide(),ariaLabel:"Close",icon:"x",iconLibrary:"lucide",iconSize:"14px"})),t("div",{key:"3639ca2119db19c98ce70fd11afe8ba4451cad2c",class:"popover-body",style:{maxHeight:this.maxHeight,overflowY:"none"!==this.maxHeight?"auto":void 0}},t("slot",{key:"43b5f442af61f83b9342a8a704a625155aabb0d3",name:"content"}),this.content&&t("div",{key:"1bd964f0709f66c335bfaaafe1bbe268554be279",innerHTML:i(this.content)})),t("slot",{key:"da80a35ef26a42ab2830e84ac81cdca2aef348f2",name:"footer"}))))}static get watchers(){return{open:[{visibilityChanged:0}],target:[{handleTriggerConfigChange:0}],trigger:[{handleTriggerConfigChange:0}]}}};n.style='@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.popover-wrapper{position:relative;display:inline-block}.popover-trigger{display:inline-block;cursor:pointer}.popover-backdrop{position:fixed;inset-block-start:0;inset-inline-start:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:19999;cursor:default;animation:backdropIn 0.18s ease}@keyframes backdropIn{from{opacity:0}to{opacity:1}}.popover{position:fixed;z-index:21000;background:var(--popover-bg, var(--bg-primary, #ffffff));border:1px solid var(--popover-border, var(--border-default, #e5e7eb));border-radius:var(--popover-radius, 10px);box-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.08);opacity:0;transition:opacity 0.2s ease, transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none;max-width:calc(100vw - 32px);word-wrap:break-word;overflow-wrap:break-word;overflow:visible;}.popover-visible{opacity:1;pointer-events:auto}.popover-inner{overflow:hidden;border-radius:inherit;max-height:inherit;}.popover-header{display:flex;align-items:center;justify-content:space-between;margin:0;padding-block:12px;padding-inline:16px;border-block-end:1px solid var(--popover-border, var(--border-default, #e5e7eb))}.popover-title{font-weight:700;font-size:14px;color:var(--popover-text-primary, var(--text-primary, #1f2937));margin:0;letter-spacing:-0.01em}.popover-close{background:transparent;border:none;color:var(--popover-text-secondary, var(--text-muted, #9ca3af));cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background 0.15s, color 0.15s;margin-inline-start:8px}.popover-close:hover{background:var(--popover-border, var(--border-default, #e5e7eb));color:var(--popover-text-primary, var(--text-primary, #1f2937))}.popover-body{padding-block:12px;padding-inline:16px;font-size:14px;color:var(--popover-text-secondary, var(--text-muted, #6b7280));line-height:1.6;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0, 0, 0, 0.15) transparent}.popover-body::-webkit-scrollbar{width:4px}.popover-body::-webkit-scrollbar-track{background:transparent}.popover-body::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.15);border-radius:2px}::slotted([slot=footer]){display:block;padding-block:10px;padding-inline:16px;border-block-start:1px solid var(--popover-border, var(--border-default, #e5e7eb));background:var(--popover-footer-bg, rgba(0, 0, 0, 0.02))}.popover-dark{--popover-bg:var(--bg-primary, #1f2937);--popover-border:var(--border-default, #374151);--popover-text-primary:var(--bg-primary, #f3f4f6);--popover-text-secondary:var(--bg-secondary, #d1d5db);--popover-footer-bg:rgba(255,255,255,0.04)}.popover-dark .popover-arrow{--popover-bg:var(--bg-primary, #1f2937);--popover-border:var(--border-default, #374151)}.popover-success{--popover-bg:var(--bg-primary, #f0fdf4);--popover-border:var(--color-success, #bbf7d0);--popover-text-primary:var(--color-success, #14532d);--popover-text-secondary:var(--color-success, #166534);--popover-footer-bg:rgba(var(--color-success-rgb, 16, 185, 129), 0.06)}.popover-success .popover-header{border-block-end-color:var(--color-success, #bbf7d0)}.popover-success .popover-title::before{content:"✓  ";color:var(--color-success, #16a34a)}.popover-warning{--popover-bg:var(--bg-primary, #fffbeb);--popover-border:var(--color-primary, #fde68a);--popover-text-primary:var(--color-danger, #78350f);--popover-text-secondary:var(--color-danger, #92400e);--popover-footer-bg:rgba(var(--color-warning-rgb, 245, 158, 11), 0.06)}.popover-warning .popover-header{border-block-end-color:var(--color-primary, #fde68a)}.popover-warning .popover-title::before{content:"⚠  ";color:var(--color-warning-hover, #d97706)}.popover-error{--popover-bg:var(--bg-primary, #fef2f2);--popover-border:var(--color-danger, #fecaca);--popover-text-primary:var(--color-danger, #7f1d1d);--popover-text-secondary:var(--color-danger, #991b1b);--popover-footer-bg:rgba(var(--color-danger-rgb, 239, 68, 68), 0.06)}.popover-error .popover-header{border-block-end-color:var(--color-danger, #fecaca)}.popover-error .popover-title::before{content:"✕  ";color:var(--color-danger-hover, #dc2626)}.popover-info{--popover-bg:var(--bg-primary, #eff6ff);--popover-border:var(--color-primary, #bfdbfe);--popover-text-primary:var(--color-primary, #1e3a8a);--popover-text-secondary:var(--color-primary, #1e40af);--popover-footer-bg:rgba(var(--color-primary-rgb, 59, 130, 246), 0.06)}.popover-info .popover-header{border-block-end-color:var(--color-primary, #bfdbfe)}.popover-info .popover-title::before{content:"ℹ  ";color:var(--color-primary-hover, #2563eb)}.popover-arrow{position:absolute;width:var(--ui-popover-arrow-size, 10px);height:var(--ui-popover-arrow-size, 10px);background:var(--popover-bg, var(--bg-primary, #ffffff));border:1px solid var(--popover-border, var(--border-default, #e5e7eb));transform:rotate(45deg);pointer-events:none;box-sizing:border-box;z-index:1;}.popover-top .popover-arrow,.popover-top-start .popover-arrow,.popover-top-end .popover-arrow{border-top:none;border-left:none;}.popover-bottom .popover-arrow,.popover-bottom-start .popover-arrow,.popover-bottom-end .popover-arrow{border-right:none;border-bottom:none;}.popover-left .popover-arrow,.popover-left-start .popover-arrow,.popover-left-end .popover-arrow{border-left:none;border-bottom:none;}.popover-right .popover-arrow,.popover-right-start .popover-arrow,.popover-right-end .popover-arrow{border-top:none;border-right:none;}.popover-anim-scale{transform:scale(0.92);transform-origin:center top}.popover-anim-scale.popover-bottom,.popover-anim-scale.popover-bottom-start,.popover-anim-scale.popover-bottom-end{transform-origin:center bottom}.popover-anim-scale.popover-left,.popover-anim-scale.popover-left-start,.popover-anim-scale.popover-left-end{transform-origin:right center}.popover-anim-scale.popover-right,.popover-anim-scale.popover-right-start,.popover-anim-scale.popover-right-end{transform-origin:left center}.popover-anim-scale.popover-visible{transform:scale(1)}.popover-anim-slide.popover-top,.popover-anim-slide.popover-top-start,.popover-anim-slide.popover-top-end{transform:translateY(8px)}.popover-anim-slide.popover-bottom,.popover-anim-slide.popover-bottom-start,.popover-anim-slide.popover-bottom-end{transform:translateY(-8px)}.popover-anim-slide.popover-left,.popover-anim-slide.popover-left-start,.popover-anim-slide.popover-left-end{transform:translateX(8px)}.popover-anim-slide.popover-right,.popover-anim-slide.popover-right-start,.popover-anim-slide.popover-right-end{transform:translateX(-8px)}.popover-anim-slide.popover-visible{transform:translate(0, 0)}.popover-skeleton .popover-body{display:flex;flex-direction:column;gap:10px;padding:16px}.popover-skeleton .popover-body::before,.popover-skeleton .popover-body::after{content:"";display:block;height:12px;border-radius:6px;background:linear-gradient(90deg, var(--bg-primary, #e5e7eb) 25%, var(--bg-secondary, #f3f4f6) 50%, var(--bg-primary, #e5e7eb) 75%);background-size:200% 100%;animation:skeletonShimmer 1.4s infinite}.popover-skeleton .popover-body::after{width:65%}@keyframes skeletonShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.popover{transition:none;transform:none !important;opacity:1 !important;display:none}.popover-visible{display:block}}';export{n as ui_popover}

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

@@ -0,0 +1 @@
+import{r as e,h as t}from"./p-DUsoYu9r.js";const i=class{constructor(t){e(this,t)}companyName="Company Name";companyLogo="🏢";userName="John Doe";userAvatar="user";companyLogoLibrary="se";userAvatarLibrary="se";iconLibrary="default";actions="[]";userMenuItems="[]";backgroundColor="var(--background-color)";textColor="var(--text-color)";showShadow=!0;isUserMenuOpen=!1;userMenuRef;parseActions(){if("string"==typeof this.actions)try{return JSON.parse(this.actions)}catch(e){return[]}return this.actions}parseUserMenuItems(){if("string"==typeof this.userMenuItems)try{return JSON.parse(this.userMenuItems)}catch(e){return[]}return this.userMenuItems}handleUserProfileClick=()=>{this.isUserMenuOpen=!this.isUserMenuOpen};handleUserMenuItemClick=e=>{e.onClick&&e.onClick(),this.isUserMenuOpen=!1};handleClickOutside=e=>{this.userMenuRef&&!this.userMenuRef.contains(e.target)&&(this.isUserMenuOpen=!1)};componentDidLoad(){document.addEventListener("click",this.handleClickOutside)}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside)}render(){const e=this.parseActions(),i=this.parseUserMenuItems();return t("div",{key:"b642019eb5d91c4254e7d790487e225b7bee7269",class:{"top-bar-container":!0,"with-shadow":this.showShadow},style:{backgroundColor:this.backgroundColor,color:this.textColor}},t("div",{key:"961ed766a5c2dbcbc83533c2d5cd5d258ea128b4",class:"company-section"},t("div",{key:"4cee9e5ca502633748006c0ae304a248e5dd31a8",class:"company-logo"},t("ui-icon",{key:"83f2d81d0272faf2d1b55e2bbad3003b5c4c4ca8",name:this.companyLogo,library:this.companyLogoLibrary,size:"1.5rem"})),t("div",{key:"5e701053945e19bbb59246f36915612a70e3770b",class:"company-name"},this.companyName)),t("div",{key:"ba8da231725cd5c7b3add333af87f410228dff04",class:"center-section"},t("slot",{key:"daa1a117a240d6d227ac6dc9d6d61a0d5b64c698"})),t("div",{key:"2ae8a945da778abb480e6290ae79d2354f6b7c16",class:"actions-section"},e.map((e=>t("ui-button",{key:e.id,class:"action-button",onButtonClick:()=>e.onClick?.(),title:e.label,icon:e.icon,iconLibrary:e.iconLibrary||this.iconLibrary,badge:e.badge,variant:"ghost",iconOnly:!0}))),t("div",{key:"ed34f03b16af74bd21423efd4321fbcc15450935",class:"user-profile-container",ref:e=>this.userMenuRef=e},t("ui-button",{key:"e24b97a236e514de2a66dfa10b3d4801aec39844",class:{"user-profile-button":!0,active:this.isUserMenuOpen},onButtonClick:this.handleUserProfileClick,variant:"ghost"},t("span",{key:"ea979123dc365794c59b1e809a2324c8435c6488",slot:"prefix",class:"user-avatar"},t("ui-icon",{key:"cb6bac6593f55dab233da27c419af9e95ffbde8b",name:this.userAvatar,library:this.userAvatarLibrary,size:"1.5rem"})),t("span",{key:"bc252a92615113a7cf75e1627d27f6bb025b9e8a",class:"user-name"},this.userName),t("ui-icon",{key:"992e9f3e21678f742447b98558b2d8590fdb498d",slot:"suffix",name:"chevron-down",library:"lucide",size:"12px",class:{open:this.isUserMenuOpen}})),this.isUserMenuOpen&&t("div",{key:"dc7d0ad0190701385f2541f89ba609fcd3522057",class:"user-menu"},i.map((e=>t("div",{key:e.id},e.divider?t("div",{class:"menu-divider"}):t("ui-button",{class:"menu-item",onButtonClick:()=>this.handleUserMenuItemClick(e),variant:"ghost",align:"start",fullWidth:!0},e.icon&&t("span",{slot:"prefix",class:"menu-item-icon"},t("ui-icon",{name:e.icon,library:e.iconLibrary||this.iconLibrary,size:"1.1rem"})),t("span",{class:"menu-item-label"},e.label)))))))))}};i.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;position:sticky;top:0;z-index:1000;width:100%}.top-bar-container{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background-color:#ffffff;border-bottom:1px solid #e5e7eb;transition:all 0.3s ease}.top-bar-container.with-shadow{box-shadow:0 2px 8px rgba(0, 0, 0, 0.1)}.company-section{display:flex;align-items:center;gap:12px;flex-shrink:0}.company-logo{font-size:28px;line-height:1;display:flex;align-items:center;justify-content:center}.company-name{font-size:18px;font-weight:700;color:inherit;white-space:nowrap}.center-section{flex:1;display:flex;align-items:center;justify-content:center;padding:0 24px}.actions-section{display:flex;align-items:center;gap:12px;flex-shrink:0}.action-button{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:8px;background-color:transparent;color:inherit;cursor:pointer;transition:all 0.2s ease}.action-button:hover{background-color:rgba(0, 0, 0, 0.05)}.action-icon{font-size:20px;line-height:1}.action-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;background-color:#ef4444;color:white;font-size:11px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;line-height:1}.user-profile-container{position:relative}.user-profile-button{display:flex;align-items:center;gap:8px;padding:6px 12px;border:none;border-radius:8px;background-color:transparent;color:inherit;cursor:pointer;transition:all 0.2s ease;font-family:inherit}.user-profile-button:hover{background-color:rgba(0, 0, 0, 0.05)}.user-profile-button.active{background-color:rgba(0, 0, 0, 0.08)}.user-avatar{font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center}.user-name{font-size:14px;font-weight:500;color:inherit;white-space:nowrap}.dropdown-arrow{font-size:10px;color:inherit;transition:transform 0.2s ease;display:flex;align-items:center}.dropdown-arrow.open{transform:rotate(180deg)}.user-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background-color:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px rgba(0, 0, 0, 0.1);padding:8px 0;animation:slideDown 0.2s ease;z-index:1001}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:none;background:none;color:#374151;font-size:14px;text-align:left;cursor:pointer;transition:background-color 0.15s ease;font-family:inherit}.menu-item:hover{background-color:#f3f4f6}.menu-item-icon{font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;width:20px}.menu-item-label{flex:1;white-space:nowrap}.menu-divider{height:1px;background-color:#e5e7eb;margin:8px 0}@media (max-width: 768px){.top-bar-container{padding:10px 16px}.company-name{font-size:16px}.user-name{display:none}.center-section{padding:0 12px}.action-button{width:36px;height:36px}}@media (max-width: 480px){.company-logo{font-size:24px}.actions-section{gap:8px}}";export{i as ui_top_bar}

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

@@ -0,0 +1 @@
+import{r as i,c as t,a,h as e}from"./p-DUsoYu9r.js";const n=class{constructor(a){i(this,a),this.pageChange=t(this,"pageChange"),this.itemsPerPageChange=t(this,"itemsPerPageChange"),this.validationError=t(this,"validationError")}get el(){return a(this)}hideNavButtons=!1;currentPage=1;totalItems=0;itemsPerPage=10;maxVisiblePages=5;type="basic";size="md";variant="default";theme="primary";showFirstLast=!0;showPrevNext=!0;showPageSize=!1;showTotal=!1;showJumpTo=!1;prevText="Previous";nextText="Next";firstText="First";lastText="Last";pageSizes=[10,25,50,100];disabled=!1;iconOnly=!1;infinite=!1;loading=!1;compact=!1;keyboardNav=!0;shape="default";pill=!1;circle=!1;prevIcon="";nextIcon="";firstIcon="";lastIcon="";mobileBreakpoint=768;responsiveMode=!0;rtl=!1;ellipsisTooltip=!0;pageTransition=!0;urlSync=!1;urlParam="page";autoHide=!0;getEffectiveShape(){return"default"!==this.shape?this.shape:this.circle?"circle":this.pill?"pill":"default"}quickJump=!1;quickJumpStep=5;sticky=!1;stickyPosition="bottom";smartCompact=!1;smartCompactThreshold=20;swipeGestures=!0;showProgress=!1;showSelectedMarker=!0;segmented=!1;hideNumbers=!1;showLabel=!1;labelTemplate="{current} OF {total}";arrowsJoined=!1;vertical=!1;persistPage=!1;storageKey="pagination-page";pageChange;itemsPerPageChange;validationError;jumpToPage=null;inputError="";pageInputValue="1";showEllipsisTooltip=!1;ellipsisPages=[];isTransitioning=!1;isMobile=!1;openDropdown=null;handleTotalChange(){this.currentPage>this.totalPages&&this.totalPages>0&&(this.currentPage=this.totalPages)}handleCurrentPageChange(i){this.syncPageInputState(i)}handleOpenDropdownChange(i){this.el.classList.toggle("has-open-dropdown",null!==i)}paginationRef;touchStartX=0;touchEndX=0;handleOutsideClick=i=>{this.openDropdown&&(i.composedPath().includes(this.el)||(this.openDropdown=null))};componentWillLoad(){if(this.responsiveMode&&"undefined"!=typeof window&&this.checkMobileView(),this.urlSync&&"undefined"!=typeof window){const i=this.getPageFromURL();i&&i!==this.currentPage&&(this.currentPage=i)}if(this.persistPage&&"undefined"!=typeof window){const i=this.getPageFromStorage();i&&i!==this.currentPage&&(this.currentPage=i)}this.syncPageInputState(this.currentPage)}componentDidLoad(){"undefined"!=typeof window&&(document.addEventListener("pointerdown",this.handleOutsideClick,!0),window.addEventListener("click",this.handleOutsideClick)),this.responsiveMode&&"undefined"!=typeof window&&window.addEventListener("resize",this.checkMobileView),this.swipeGestures&&this.paginationRef&&(this.paginationRef.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),this.paginationRef.addEventListener("touchend",this.handleTouchEnd,{passive:!0}))}disconnectedCallback(){"undefined"!=typeof window&&(window.removeEventListener("resize",this.checkMobileView),window.removeEventListener("click",this.handleOutsideClick),document.removeEventListener("pointerdown",this.handleOutsideClick,!0)),this.swipeGestures&&this.paginationRef&&(this.paginationRef.removeEventListener("touchstart",this.handleTouchStart),this.paginationRef.removeEventListener("touchend",this.handleTouchEnd))}checkMobileView=()=>{"undefined"!=typeof window&&(this.isMobile=window.innerWidth<this.mobileBreakpoint)};handleKeyDown=i=>{if(this.keyboardNav&&!this.disabled)switch(i.key){case"ArrowLeft":i.preventDefault(),this.handlePageChange(this.rtl?this.currentPage+1:this.currentPage-1);break;case"ArrowRight":i.preventDefault(),this.handlePageChange(this.rtl?this.currentPage-1:this.currentPage+1);break;case"Home":i.preventDefault(),this.handlePageChange(1);break;case"End":i.preventDefault(),this.handlePageChange(this.totalPages)}};getPageFromURL(){if("undefined"==typeof window)return null;const i=new URLSearchParams(window.location.search).get(this.urlParam);return i?parseInt(i,10):null}updateURL(i){if("undefined"==typeof window)return;const t=new URL(window.location.href);t.searchParams.set(this.urlParam,i.toString()),window.history.pushState({},"",t.toString())}getPageFromStorage(){if("undefined"==typeof window)return null;const i=localStorage.getItem(this.storageKey);return i?parseInt(i,10):null}savePageToStorage(i){"undefined"!=typeof window&&localStorage.setItem(this.storageKey,i.toString())}handleTouchStart=i=>{this.touchStartX=i.changedTouches[0].screenX};handleTouchEnd=i=>{this.touchEndX=i.changedTouches[0].screenX,this.handleSwipe()};handleSwipe(){const i=this.touchStartX-this.touchEndX;Math.abs(i)>50&&this.handlePageChange(i>0?this.rtl?this.currentPage-1:this.currentPage+1:this.rtl?this.currentPage+1:this.currentPage-1)}handleQuickJump(i){const t=this.quickJumpStep,a="forward"===i?Math.min(this.currentPage+t,this.totalPages):Math.max(this.currentPage-t,1);this.handlePageChange(a)}get progressPercentage(){return this.currentPage/this.totalPages*100}get totalPages(){return Math.ceil(this.totalItems/this.itemsPerPage)}get visiblePages(){const i=this.totalPages,t=this.currentPage,a=this.maxVisiblePages;if(i<=a)return Array.from({length:i},((i,t)=>t+1));const e=Math.floor(a/2);let n=Math.max(1,t-e),o=Math.min(i,n+a-1);return o-n+1<a&&(n=Math.max(1,o-a+1)),Array.from({length:o-n+1},((i,t)=>n+t))}handlePageChange(i){this.openDropdown=null,this.jumpToPage=null,i<1||i>this.totalPages||i===this.currentPage||this.disabled||(this.pageTransition&&(this.isTransitioning=!0,setTimeout((()=>this.isTransitioning=!1),300)),this.currentPage=i,this.syncPageInputState(i),this.urlSync&&this.updateURL(i),this.persistPage&&this.savePageToStorage(i),this.pageChange.emit({page:i,itemsPerPage:this.itemsPerPage}))}handleItemsPerPageChange(i){this.openDropdown=null,this.itemsPerPage=i,this.currentPage=1,this.syncPageInputState(1),this.itemsPerPageChange.emit(i),this.pageChange.emit({page:1,itemsPerPage:i})}handleJumpToPage(){this.openDropdown=null;const i=this.pageInputValue.trim();if(!i)return this.jumpToPage=null,this.inputError="Please enter a valid number",void this.validationError.emit("Please enter a valid number");const t=Number(i);if(isNaN(t))return this.inputError="Please enter a valid number",void this.validationError.emit("Please enter a valid number");if(t<1)return this.inputError="Page number must be at least 1",void this.validationError.emit(this.inputError);if(t>this.totalPages)return this.inputError=`Page number cannot exceed ${this.totalPages}`,void this.validationError.emit(this.inputError);this.inputError="",this.jumpToPage=t;const a=Math.max(1,Math.min(this.totalPages,t));this.handlePageChange(a)}syncPageInputState(i){const t=Number.isFinite(i)&&i>0?i:1;this.jumpToPage=t,this.pageInputValue=t.toString()}getPageInputWidth(){const i=Math.max(1,this.totalPages.toString().length),t=Math.max(0,this.pageInputValue.trim().length),a=Math.max(2,i,t),e="sm"===this.size?"1.75rem":"lg"===this.size?"2.5rem":"2rem";return`calc(${Math.min(a,"sm"===this.size?4:"lg"===this.size?8:6)}ch + ${e})`}handleInputChange(i){const t="string"==typeof i.detail?i.detail:`${i.detail??""}`;if(this.pageInputValue=t,""===t)return this.jumpToPage=null,void(this.inputError="");const a=Number(t);if(isNaN(a))return this.inputError="Please enter a valid number",void this.validationError.emit(this.inputError);this.jumpToPage=a,a>=1&&a<=this.totalPages&&(this.inputError="")}renderPageSizeSelector(){if(!this.showPageSize)return null;const i=["glass","modern","premium"].includes(this.variant),t="pageSize"===this.openDropdown;return e("div",{class:{"pagination-size-selector":!0,"pagination-size-premium":i,"pagination-size-selector-open":t},onClick:i=>i.stopPropagation()},e("span",{class:"pagination-size-label"},"Show:"),e("div",{class:{"pg-dropdown":!0,"pg-dropdown-open-host":t}},e("button",{class:{"pg-dropdown-trigger":!0,"pg-dropdown-open":t},onClick:()=>{this.openDropdown=t?null:"pageSize"},disabled:this.disabled,type:"button"},e("span",null,this.itemsPerPage),e("svg",{class:{"pg-dropdown-arrow":!0,"pg-arrow-up":t},width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2.5","stroke-linecap":"round","stroke-linejoin":"round"},e("path",{d:"m6 9 6 6 6-6"}))),t&&e("div",{class:"pg-dropdown-panel"},this.pageSizes.map((i=>e("div",{class:{"pg-dropdown-item":!0,"pg-dropdown-item-selected":i===this.itemsPerPage},onClick:()=>{this.handleItemsPerPageChange(i),this.openDropdown=null}},e("span",null,i),i===this.itemsPerPage&&e("svg",{class:"pg-dropdown-check",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"},e("path",{d:"M20 6 9 17l-5-5"}))))))))}getPageLabel(){return this.labelTemplate.replace("{current}",this.currentPage.toString()).replace("{total}",this.totalPages.toString())}getNavIcon(i){if(this.vertical){if("first"===i)return this.firstIcon||"chevrons-up";if("prev"===i)return this.prevIcon||"chevron-up";if("next"===i)return this.nextIcon||"chevron-down";if("last"===i)return this.lastIcon||"chevrons-down"}return"first"===i?this.firstIcon||"chevrons-left":"prev"===i?this.prevIcon||"chevron-left":"next"===i?this.nextIcon||"chevron-right":"last"===i?this.lastIcon||"chevrons-right":""}renderBasicPagination(){const{currentPage:i,totalPages:t,visiblePages:a,showFirstLast:n,showPrevNext:o}=this,r=i>1,s=i<t;return e("div",{class:"pagination-basic"},n&&e("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(1),disabled:!r||this.disabled,ariaLabel:"First page",icon:this.iconOnly?"chevrons-left":void 0,iconLibrary:"lucide",label:this.iconOnly?void 0:this.firstText,shape:this.getEffectiveShape()}),o&&e("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(i-1),disabled:!r||this.disabled,ariaLabel:"Previous page",icon:this.iconOnly||this.arrowsJoined?this.getNavIcon("prev"):void 0,iconLibrary:"lucide",label:this.iconOnly||this.arrowsJoined?void 0:this.prevText,shape:this.getEffectiveShape()}),this.showLabel&&e("div",{class:{"pagination-label":!0,"pagination-joined":this.segmented}},this.getPageLabel()),!this.hideNumbers&&e("div",{class:{"pagination-pages":!0,"pagination-joined":this.segmented}},a.map((i=>e("ui-button",{key:i,variant:this.getButtonVariant(i),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(i),disabled:this.disabled,label:`${i}`,shape:this.getEffectiveShape()})))),o&&e("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(i+1),disabled:!s||this.disabled,ariaLabel:"Next page",icon:this.iconOnly||this.arrowsJoined?this.getNavIcon("next"):void 0,iconLibrary:"lucide",label:this.iconOnly||this.arrowsJoined?void 0:this.nextText,shape:this.getEffectiveShape()}),n&&e("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(t),disabled:!s||this.disabled,ariaLabel:"Last page",icon:this.iconOnly?"chevrons-right":void 0,iconLibrary:"lucide",label:this.iconOnly?void 0:this.lastText,shape:this.getEffectiveShape()}),this.quickJump&&e("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handleQuickJump("backward"),disabled:!r||this.disabled,ariaLabel:`Jump back ${this.quickJumpStep} pages`,icon:"chevrons-left",iconLibrary:"lucide",shape:this.getEffectiveShape()}),this.quickJump&&e("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handleQuickJump("forward"),disabled:!s||this.disabled,ariaLabel:`Jump forward ${this.quickJumpStep} pages`,icon:"chevrons-right",iconLibrary:"lucide",shape:this.getEffectiveShape()}))}renderCompactPagination(){const{currentPage:i,totalPages:t}=this,a=i<t;return e("div",{class:"pagination-compact"},e("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevron-left",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.handlePageChange(i-1),disabled:!(i>1)||this.disabled,ariaLabel:"Previous page",shape:this.getEffectiveShape()}),e("span",{class:"pagination-info"},i," of ",t),e("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevron-right",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.handlePageChange(i+1),disabled:!a||this.disabled,ariaLabel:"Next page",shape:this.getEffectiveShape()}))}renderDetailedPagination(){const i=(this.currentPage-1)*this.itemsPerPage+1,t=Math.min(this.currentPage*this.itemsPerPage,this.totalItems);return e("div",{class:"pagination-detailed"},this.renderBasicPagination(),e("div",{class:"pagination-details"},this.showTotal&&e("span",{class:"pagination-total"},"Showing ",i,"-",t," of ",this.totalItems," items"),this.renderPageSizeSelector(),this.showJumpTo&&e("div",{class:"pagination-jump"},e("label",null,"Go to page:"),e("ui-input",{type:"number",min:1,max:this.totalPages,value:this.jumpToPage,class:this.inputError?"has-error":"",onInputChange:i=>this.handleInputChange(i),onInputKeydown:i=>"Enter"===i.detail.key&&this.handleJumpToPage(),disabled:this.disabled,size:"sm",variant:"plain",showTypeIcon:!1,style:{width:this.getPageInputWidth()}}),e("ui-button",{variant:"primary",size:"sm",onClick:()=>this.handleJumpToPage(),disabled:this.disabled,label:"Go",shape:this.getEffectiveShape()}))))}renderMinimalPagination(){const{currentPage:i,totalPages:t}=this,a=i<t;return e("div",{class:"pagination-minimal"},e("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevrons-left",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.handlePageChange(i-1),disabled:!(i>1)||this.disabled,ariaLabel:"Previous page",shape:this.getEffectiveShape()}),e("div",{class:"pagination-input-group"},e("ui-input",{type:"number",min:1,max:t,value:this.jumpToPage||this.currentPage,onInputChange:i=>this.handleInputChange(i),onInputBlur:()=>this.handleJumpToPage(),onInputKeydown:i=>"Enter"===i.detail.key&&this.handleJumpToPage(),disabled:this.disabled,class:"pagination-page-input "+(this.inputError?"has-error":""),size:"sm",variant:"plain",showTypeIcon:!1,style:{width:this.getPageInputWidth()}}),e("span",{class:"pagination-separator"},"of"),e("span",{class:"pagination-total-pages"},t)),e("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevrons-right",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.handlePageChange(i+1),disabled:!a||this.disabled,ariaLabel:"Next page",shape:this.getEffectiveShape()}))}renderAdvancedPagination(){return e("div",{class:"pagination-advanced"},e("div",{class:"pagination-controls"},this.renderPageSizeSelector(),this.showTotal&&e("div",{class:"pagination-summary"},"Showing ",(this.currentPage-1)*this.itemsPerPage+1," to ",Math.min(this.currentPage*this.itemsPerPage,this.totalItems)," of ",this.totalItems," entries")),this.renderBasicPagination(),this.showJumpTo&&e("div",{class:"pagination-jump-section"},e("label",null,"Jump to page:"),e("ui-input",{type:"text",inputmode:"numeric",pattern:"[0-9]*",value:this.currentPage.toString(),size:this.size,onInputChange:i=>this.handleInputChange(i),class:{"pagination-page-input":!0,"has-error":""!==this.inputError},style:{width:this.getPageInputWidth()},error:""!==this.inputError,showError:!1,disabled:this.disabled}),e("ui-button",{variant:"primary",size:"sm",onClick:()=>this.handleJumpToPage(),disabled:this.disabled,label:"Go",shape:this.getEffectiveShape()})))}renderInfinitePagination(){return e("div",{class:"pagination-infinite"},e("div",{class:"pagination-loading"},this.loading?e("ui-loader",{size:"xs",color:"currentColor"}):e("ui-button",{variant:"primary",onClick:()=>this.handlePageChange(this.currentPage+1),disabled:this.currentPage>=this.totalPages||this.disabled,label:"Load More",shape:this.getEffectiveShape()})),this.showTotal&&e("div",{class:"pagination-infinite-info"},"Showing ",this.currentPage*this.itemsPerPage," of ",this.totalItems," items"))}renderDropdownPagination(){const i=[];for(let t=1;t<=this.totalPages;t++)i.push({label:`Page ${t} of ${this.totalPages}`,value:t.toString()});return e("div",{class:"pagination-dropdown-container"},this.showTotal&&e("div",{class:"pagination-total"},this.totalItems," Items"),this.renderPageSizeSelector(),!this.hideNavButtons&&e("ui-button",{variant:"ghost",iconOnly:!0,icon:"chevron-left",iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage-1),disabled:1===this.currentPage||this.disabled,ariaLabel:"Previous page",shape:"circle"}),e("div",{class:{"pagination-dropdown-wrapper":!0,"pagination-dropdown-wrapper-open":"page"===this.openDropdown},onClick:i=>i.stopPropagation()},e("div",{class:{"pg-dropdown":!0,"pg-dropdown-open-host":"page"===this.openDropdown}},e("button",{class:{"pg-dropdown-trigger":!0,"pg-dropdown-trigger-wide":!0,"pg-dropdown-open":"page"===this.openDropdown},onClick:()=>{this.openDropdown="page"===this.openDropdown?null:"page"},disabled:this.disabled,type:"button"},e("span",null,"Page ",this.currentPage," of ",this.totalPages),e("svg",{class:{"pg-dropdown-arrow":!0,"pg-arrow-up":"page"===this.openDropdown},width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2.5","stroke-linecap":"round","stroke-linejoin":"round"},e("path",{d:"m6 9 6 6 6-6"}))),"page"===this.openDropdown&&e("div",{class:"pg-dropdown-panel pg-dropdown-panel-scroll"},i.map((i=>e("div",{class:{"pg-dropdown-item":!0,"pg-dropdown-item-selected":i.value===this.currentPage.toString()},onClick:()=>{this.handlePageChange(parseInt(i.value)),this.openDropdown=null}},e("span",null,i.label),i.value===this.currentPage.toString()&&e("svg",{class:"pg-dropdown-check",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"},e("path",{d:"M20 6 9 17l-5-5"})))))))),!this.hideNavButtons&&e("ui-button",{variant:"ghost",iconOnly:!0,icon:"chevron-right",iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage+1),disabled:this.currentPage===this.totalPages||this.disabled,ariaLabel:"Next page",shape:"circle"}))}renderInputPagination(){return e("div",{class:"pagination-input-container"},this.showTotal&&e("div",{class:"pagination-total"},this.totalItems," Total"),this.renderPageSizeSelector(),!this.hideNavButtons&&e("ui-button",{variant:"ghost",iconOnly:!0,icon:this.getNavIcon("first"),iconLibrary:"lucide",onClick:()=>this.handlePageChange(1),disabled:1===this.currentPage||this.disabled,ariaLabel:"First page",shape:"circle"}),!this.hideNavButtons&&e("ui-button",{variant:"ghost",iconOnly:!0,icon:this.getNavIcon("prev"),iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage-1),disabled:1===this.currentPage||this.disabled,ariaLabel:"Previous page",shape:"circle"}),e("ui-input",{type:"text",inputmode:"numeric",pattern:"[0-9]*",class:"pagination-page-input "+(this.inputError?"has-error":""),value:this.pageInputValue,onInputChange:i=>this.handleInputChange(i),onInputKeydown:i=>"Enter"===i.detail.key&&this.handleJumpToPage(),onFocusInternal:()=>{this.inputError=""},disabled:this.disabled,size:this.size,variant:"plain",showTypeIcon:!1,showError:!1,style:{width:this.getPageInputWidth()}}),e("span",{class:"pagination-input-label"},"of ",e("strong",null,this.totalPages)),!this.hideNavButtons&&e("ui-button",{variant:"ghost",iconOnly:!0,icon:this.getNavIcon("next"),iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage+1),disabled:this.currentPage===this.totalPages||this.disabled,ariaLabel:"Next page",shape:"circle"}),!this.hideNavButtons&&e("ui-button",{variant:"ghost",iconOnly:!0,icon:this.getNavIcon("last"),iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.totalPages),disabled:this.currentPage===this.totalPages||this.disabled,shape:"circle"}))}renderIndicatorPagination(){const i=Array.from({length:this.totalPages},((i,t)=>t+1));return e("div",{class:"pagination-indicator-container"},this.showPrevNext&&e("ui-button",{variant:this.getButtonVariant(-1),iconOnly:!0,icon:"chevron-left",iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage-1),disabled:1===this.currentPage||this.disabled,ariaLabel:"Previous page",shape:this.getEffectiveShape()}),e("div",{class:"pagination-indicators"},i.map((i=>e("div",{class:{"pagination-indicator":!0,"pagination-indicator-active":i===this.currentPage},onClick:()=>!this.disabled&&this.handlePageChange(i),role:"button",tabindex:this.disabled?-1:0,"aria-label":`Go to page ${i}`,"aria-current":i===this.currentPage?"page":void 0},e("div",{class:"pagination-indicator-dot"}),i===this.currentPage&&e("div",{class:"pagination-indicator-label"},i))))),this.showPrevNext&&e("ui-button",{variant:this.getButtonVariant(-1),iconOnly:!0,icon:"chevron-right",iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage+1),disabled:this.currentPage===this.totalPages||this.disabled,ariaLabel:"Next page",shape:this.getEffectiveShape()}),this.showTotal&&e("div",{class:"pagination-total"},this.currentPage," / ",this.totalPages))}getButtonVariant(i){return i===this.currentPage?"soft"===this.variant?"soft":"glass"===this.variant?"glass":"modern"===this.variant||"premium"===this.variant?"primary":this.theme:"outlined"===this.variant?"outline":"floating"===this.variant?"raised":"glass"===this.variant?"glass":"soft"===this.variant?"soft":"modern"===this.variant?"ghost":"minimalist"===this.variant?"plain":"ghost"}render(){if(this.autoHide&&this.totalPages<=1&&!this.infinite)return null;const i=this.smartCompact&&this.totalPages>this.smartCompactThreshold||this.responsiveMode&&this.isMobile?"compact":this.type,t="default"!==this.shape?this.shape:this.circle?"circle":this.pill?"pill":"default",a={"ui-pagination":!0,[`pagination-${i}`]:!0,[`pagination-${this.size}`]:!0,[`pagination-${this.variant}`]:!0,[`pagination-theme-${this.theme}`]:"default"!==this.theme,[`pagination-shape-${t}`]:"default"!==t,"pagination-disabled":this.disabled,"pagination-segmented":this.segmented,"pagination-arrows-joined":this.arrowsJoined,"pagination-vertical":this.vertical,"pagination-rtl":this.rtl,"pagination-mobile":this.isMobile,"pagination-sticky":this.sticky,[`pagination-sticky-${this.stickyPosition}`]:this.sticky,"pagination-transitioning":this.isTransitioning,"pagination-has-container":["floating","glass","modern","premium"].includes(this.variant),"pagination-dropdown-open":null!==this.openDropdown};return e("div",{class:a,onKeyDown:this.handleKeyDown,tabindex:this.keyboardNav&&!this.disabled?0:-1,role:"navigation","aria-label":"Pagination Navigation",ref:i=>this.paginationRef=i},e("div",{role:"status","aria-live":"polite","aria-atomic":"true",class:"sr-only"},"Page ",this.currentPage," of ",this.totalPages),this.showProgress&&e("div",{class:"pagination-progress-bar"},e("div",{class:"pagination-progress-fill",style:{width:`${this.progressPercentage}%`}})),e("div",{class:"pagination-main-content"},this.infinite?this.renderInfinitePagination():"basic"===i?this.renderBasicPagination():"compact"===i?this.renderCompactPagination():"detailed"===i?this.renderDetailedPagination():"minimal"===i?this.renderMinimalPagination():"advanced"===i?this.renderAdvancedPagination():"dropdown"===i?this.renderDropdownPagination():"input"===i?this.renderInputPagination():"indicator"===i?this.renderIndicatorPagination():this.renderBasicPagination()),this.showTotal&&"detailed"!==i&&"advanced"!==i&&"dropdown"!==i&&e("div",{class:"pagination-total"},"Total ",this.totalItems," items"))}static get watchers(){return{totalItems:[{handleTotalChange:0}],itemsPerPage:[{handleTotalChange:0}],currentPage:[{handleCurrentPageChange:0}],openDropdown:[{handleOpenDropdownChange:0}]}}};n.style='@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;position:relative;z-index:0}:host(.has-open-dropdown){z-index:100}.ui-pagination{display:flex;align-items:center;gap:8px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.ui-pagination.pagination-sm{font-size:12px}.ui-pagination.pagination-md{font-size:14px}.ui-pagination.pagination-lg{font-size:16px}.ui-pagination.pagination-default .pagination-btn{cursor:pointer;border-radius:8px}.ui-pagination.pagination-outlined .pagination-btn{cursor:pointer;border-radius:8px}.ui-pagination.pagination-filled .pagination-btn{cursor:pointer;border-radius:8px}.ui-pagination.pagination-floating{background:var(--bg-primary, #ffffff);padding:8px 16px;border-radius:50px;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);border:1px solid var(--border-default, #e5e7eb);width:fit-content}.ui-pagination.pagination-glass{background:rgba(255, 255, 255, 0.1);backdrop-filter:blur(12px);padding:10px 20px;border-radius:16px;border:1px solid rgba(255, 255, 255, 0.2);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.15);width:fit-content}.ui-pagination.pagination-soft{gap:12px}.ui-pagination.pagination-modern{background:var(--bg-primary, #ffffff);padding:12px 24px;border-radius:24px;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);border:1px solid var(--border-default, #f3f4f6);gap:16px;width:fit-content}.ui-pagination.pagination-modern .pagination-btn.active{box-shadow:0 4px 12px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.ui-pagination.pagination-minimalist{gap:20px;padding:4px}.ui-pagination.pagination-minimalist .pagination-btn{position:relative}.ui-pagination.pagination-minimalist .pagination-btn:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--color-primary, #10b981);transition:width 0.3s ease}.ui-pagination.pagination-minimalist .pagination-btn.active:after{width:80%}.ui-pagination.pagination-premium{background:var(--bg-primary, #ffffff);padding:12px 28px;border-radius:40px;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.1), 0 10px 15px -5px rgba(0, 0, 0, 0.04);border:none;gap:12px;width:fit-content}.ui-pagination.pagination-premium .pagination-btn.active{background:linear-gradient(135deg, var(--color-primary, #6366f1), var(--color-primary-hover, #4f46e5)) !important;color:white !important;box-shadow:0 10px 20px -5px rgba(var(--color-primary-rgb, 99, 102, 241), 0.5);transform:scale(1.1);transition:all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.ui-pagination.pagination-premium .pagination-btn:hover:not(.active):not(.disabled){background:var(--bg-secondary, #f8fafc);transform:translateY(-2px)}.ui-pagination.pagination-underline{gap:12px}.ui-pagination.pagination-underline .pagination-btn.active{position:relative;color:var(--color-primary, #10b981) !important;background:transparent !important}.ui-pagination.pagination-underline .pagination-btn.active::after{content:"";position:absolute;bottom:2px;left:20%;right:20%;height:2px;background:var(--color-primary, #10b981);border-radius:2px;box-shadow:0 2px 4px rgba(var(--color-primary-rgb, 16, 185, 129), 0.3)}.pagination-main-content{display:flex;align-items:center;justify-content:center;flex:1}.ui-pagination.pagination-has-container{justify-content:center;margin-left:auto;margin-right:auto}.ui-pagination.pagination-segmented{gap:0;width:fit-content;border-radius:8px;overflow:hidden;border:1px solid var(--border-default, #e5e7eb);background:var(--bg-primary, #ffffff)}.ui-pagination.pagination-segmented.pagination-shape-pill{border-radius:30px}.ui-pagination.pagination-segmented.pagination-shape-pill .pagination-btn:first-child{border-top-left-radius:30px !important;border-bottom-left-radius:30px !important}.ui-pagination.pagination-segmented.pagination-shape-pill .pagination-btn:last-child{border-top-right-radius:30px !important;border-bottom-right-radius:30px !important}.ui-pagination.pagination-segmented .pagination-btn,.ui-pagination.pagination-segmented .pagination-label,.ui-pagination.pagination-segmented .pagination-pages{border-radius:0 !important;border:none !important;margin:0 !important;display:flex;align-items:center}.ui-pagination.pagination-segmented .pagination-pages{gap:0;border-left:1px solid var(--border-default, #e5e7eb) !important;border-right:1px solid var(--border-default, #e5e7eb) !important}.ui-pagination.pagination-segmented .pagination-label{padding:0 16px;font-weight:600;font-size:13px;color:var(--text-secondary, #374151);border-left:1px solid var(--border-default, #e5e7eb) !important;border-right:1px solid var(--border-default, #e5e7eb) !important;background:var(--bg-primary, #ffffff);height:100%;min-height:36px}.ui-pagination.pagination-segmented .pagination-btn:not(:last-child){border-right:1px solid var(--border-default, #e5e7eb) !important}.ui-pagination.pagination-arrows-joined .pagination-prev{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;border-right:none !important}.ui-pagination.pagination-arrows-joined .pagination-next{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.pagination-joined{display:flex;gap:0}.ui-pagination.pagination-vertical{flex-direction:column;width:fit-content;height:auto;gap:12px}.ui-pagination.pagination-vertical .pagination-pages,.ui-pagination.pagination-vertical .pagination-indicators,.ui-pagination.pagination-vertical .pagination-input-container,.ui-pagination.pagination-vertical .pagination-dropdown-container,.ui-pagination.pagination-vertical .pagination-joined{flex-direction:column}.ui-pagination.pagination-vertical.pagination-segmented{border-radius:8px}.ui-pagination.pagination-vertical.pagination-segmented .pagination-btn,.ui-pagination.pagination-vertical.pagination-segmented .pagination-label,.ui-pagination.pagination-vertical.pagination-segmented .pagination-pages{width:100%;border-right:none !important;border-bottom:1px solid var(--border-default, #e5e7eb) !important}.ui-pagination.pagination-vertical.pagination-segmented .pagination-btn:last-child,.ui-pagination.pagination-vertical.pagination-segmented .pagination-label:last-child,.ui-pagination.pagination-vertical.pagination-segmented .pagination-pages:last-child{border-bottom:none !important}.ui-pagination.pagination-vertical.pagination-segmented.pagination-shape-pill{border-radius:20px}.ui-pagination.pagination-vertical.pagination-segmented.pagination-shape-pill .pagination-btn:first-child{border-radius:20px 20px 0 0 !important}.ui-pagination.pagination-vertical.pagination-segmented.pagination-shape-pill .pagination-btn:last-child{border-radius:0 0 20px 20px !important}.ui-pagination.pagination-vertical.pagination-arrows-joined .pagination-prev{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;border-bottom:none !important}.ui-pagination.pagination-vertical.pagination-arrows-joined .pagination-next{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.ui-pagination.pagination-vertical.pagination-underline .pagination-btn.active::after{bottom:20%;top:20%;left:2px;right:auto;width:2px;height:auto}.pagination-btn.disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.pagination-btn:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--color-primary, #10b981)}.pagination-btn svg{display:inline-flex;vertical-align:middle;width:16px;height:16px}.ui-pagination.pagination-sm .pagination-btn svg{width:14px;height:14px}.ui-pagination.pagination-lg .pagination-btn svg{width:18px;height:18px}.pagination-basic{display:flex;align-items:center;gap:4px}.pagination-pages{display:flex;align-items:center;gap:2px}.pagination-compact{display:flex;align-items:center;gap:12px}.pagination-info{font-weight:500;color:var(--text-secondary, #374151);white-space:nowrap}.pagination-detailed{display:flex;flex-direction:column;gap:16px;align-items:center}.pagination-details{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.pagination-total{color:var(--text-muted, #6b7280);font-size:0.875em;margin-left:auto}.pagination-size-selector{display:flex;align-items:center;gap:8px;font-size:0.875em;position:relative;z-index:1}.pagination-size-selector .pagination-size-label{color:var(--text-secondary, #374151);font-weight:500}.pagination-size-selector .pagination-size-suffix{color:var(--text-muted, #64748b)}.pg-dropdown{position:relative;display:inline-flex}.pg-dropdown-open-host{z-index:30}.pg-dropdown-trigger{display:inline-flex;align-items:center;gap:6px;background:var(--bg-primary, #ffffff);border:1.5px solid var(--border-default, #e2e8f0);border-radius:20px;padding:5px 10px 5px 12px;font-size:13px;font-weight:600;font-family:inherit;color:var(--text-primary, #1e293b);cursor:pointer;outline:none;transition:all 0.2s ease;white-space:nowrap}.pg-dropdown-trigger:hover{border-color:var(--color-primary, #3b82f6);box-shadow:0 2px 8px rgba(59, 130, 246, 0.12)}.pg-dropdown-trigger.pg-dropdown-open{border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.12)}.pg-dropdown-trigger:disabled{opacity:0.5;cursor:not-allowed}.pg-dropdown-trigger-wide{min-width:110px;justify-content:space-between}.pg-dropdown-arrow{flex-shrink:0;transition:transform 0.2s ease;opacity:0.6}.pg-arrow-up{transform:rotate(180deg)}.pg-dropdown-panel{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);min-width:100%;width:max-content;background:var(--bg-primary, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:18px;box-shadow:0 12px 40px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.1);z-index:100;padding:6px;overflow:hidden;animation:pgDropdownIn 0.15s ease-out}.pg-dropdown-panel-scroll{max-height:220px;overflow-y:auto;scrollbar-width:thin}.pg-dropdown-panel-scroll::-webkit-scrollbar{width:4px}.pg-dropdown-panel-scroll::-webkit-scrollbar-track{background:transparent}.pg-dropdown-panel-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}@keyframes pgDropdownIn{from{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.pg-dropdown-item{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;border-radius:12px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-primary, #1e293b);transition:background 0.15s ease;white-space:nowrap}.pg-dropdown-item:hover{background:var(--bg-secondary, #f1f5f9)}.pg-dropdown-item-selected{background:#ecfdf5 !important;color:#059669 !important;font-weight:700}.pg-dropdown-item-selected:hover{background:#d1fae5 !important}.pg-dropdown-check{flex-shrink:0;color:#059669}.pagination-size-premium{gap:12px}.pagination-jump{display:flex;align-items:center;gap:8px;font-size:0.875em}.pagination-jump label{color:var(--text-secondary, #374151)}.pagination-jump input{width:44px;padding:4px 8px;border:1px solid var(--border-strong, #d1d5db);border-radius:8px;text-align:center;transition:all 0.2s ease}.pagination-jump input:focus{outline:none;border-color:var(--color-primary, #10b981);box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--color-primary, #10b981)}.pagination-jump-btn{margin-left:4px}.pagination-minimal{display:flex;align-items:center;gap:8px}.pagination-input-group{display:flex;align-items:center;gap:8px}.pagination-page-input{min-width:0 !important;text-align:center;font-size:inherit}.pagination-separator{color:var(--text-muted, #6b7280);font-weight:500}.pagination-total-pages{font-weight:500;color:var(--text-secondary, #374151)}.pagination-advanced{display:flex;flex-direction:column;gap:16px;align-items:center}.pagination-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:space-between;width:100%}.pagination-summary{color:var(--text-muted, #6b7280);font-size:0.875em}.pagination-jump-section{display:flex;align-items:center;gap:8px;font-size:0.875em}.pagination-jump-section label{color:var(--text-secondary, #374151)}.pagination-jump-section input{width:44px;padding:4px 8px;border:1px solid var(--border-strong, #d1d5db);border-radius:8px;text-align:center}.pagination-infinite{display:flex;flex-direction:column;align-items:center;gap:12px}.pagination-loading{display:flex;align-items:center;justify-content:center}.pagination-infinite-info{color:var(--text-muted, #6b7280);font-size:0.875em}.pagination-spinner{width:24px;height:24px;border:2px solid var(--border-default, #e5e7eb);border-top:2px solid var(--color-primary, #10b981);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width: 640px){.ui-pagination{flex-wrap:wrap;justify-content:center}.pagination-detailed .pagination-details,.pagination-advanced .pagination-controls{flex-direction:column;gap:12px}.pagination-basic{flex-wrap:wrap}.pagination-pages{order:2;width:100%;justify-content:center}.pagination-first,.pagination-prev{order:1}.pagination-next,.pagination-last{order:3}}@media (prefers-color-scheme: dark){.ui-pagination.pagination-default .pagination-btn{background-color:var(--bg-primary, var(--text-primary, #1f2937));border-color:var(--border-default, #374151);color:var(--text-standard, #f9fafb)}.ui-pagination.pagination-default .pagination-btn:hover:not(.disabled):not(.active){background-color:var(--text-secondary, #374151);border-color:var(--border-strong, #4b5563)}.ui-pagination.pagination-outlined .pagination-btn{border-color:var(--border-default, #374151);color:var(--text-standard, #f9fafb)}.ui-pagination.pagination-outlined .pagination-btn:hover:not(.disabled):not(.active){border-color:var(--border-strong, #4b5563);background-color:var(--text-secondary, #374151)}.ui-pagination.pagination-filled .pagination-btn{background-color:var(--text-secondary, #374151);color:var(--text-standard, #f9fafb)}.ui-pagination.pagination-filled .pagination-btn:hover:not(.disabled):not(.active){background-color:var(--text-secondary, #4b5563)}.pagination-info,.pagination-total,.pagination-size-selector label,.pagination-jump label,.pagination-separator,.pagination-total-pages,.pagination-summary,.pagination-jump-section label,.pagination-infinite-info{color:var(--bg-secondary, #d1d5db)}.pagination-size-selector select,.pagination-jump input,.pagination-page-input,.pagination-jump-section input{background-color:var(--bg-primary, var(--text-primary, #1f2937));border-color:var(--border-default, #374151);color:var(--text-standard, #f9fafb);border-radius:8px}.ui-pagination.pagination-floating{background-color:var(--bg-primary, #111827);border-color:var(--border-default, #374151);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3)}.ui-pagination.pagination-glass{background-color:rgba(15, 23, 42, 0.4);border-color:rgba(255, 255, 255, 0.05);box-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.6)}.ui-pagination.pagination-modern{background-color:var(--bg-primary, #111827);border-color:var(--border-default, #1f2937);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.6)}.ui-pagination.pagination-premium{background-color:var(--bg-primary, #111827);box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.7)}.ui-pagination.pagination-premium .pagination-btn:hover:not(.active):not(.disabled){background:var(--bg-secondary, #1e293b)}.ui-pagination.pagination-segmented{background-color:var(--bg-primary, #111827);border-color:var(--border-default, #1f2937)}.ui-pagination.pagination-segmented .pagination-btn,.ui-pagination.pagination-segmented .pagination-label,.ui-pagination.pagination-segmented .pagination-pages{border-color:var(--border-default, #1f2937) !important}.ui-pagination.pagination-segmented .pagination-label{background-color:var(--bg-primary, #111827);color:var(--text-standard, #f9fafb)}.ui-pagination.pagination-underline .pagination-btn.active::after{background:var(--color-primary, #60a5fa);box-shadow:0 2px 8px rgba(96, 165, 250, 0.5)}}.pagination-dropdown-container{display:inline-flex;align-items:center;position:relative;isolation:isolate;overflow:visible;background:var(--bg-primary, #ffffff);padding:6px;border-radius:40px;box-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.05);border:1px solid var(--border-default, rgba(226, 232, 240, 0.8));gap:8px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.pagination-dropdown-container:hover{box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);border-color:var(--color-primary-light, rgba(59, 130, 246, 0.2));transform:translateY(-1px)}.pagination-dropdown-wrapper{position:relative;display:flex;align-items:center;min-width:130px;justify-content:center;z-index:2}.pagination-dropdown-wrapper ui-dropdown{width:100%;--dd-shadow:none;}.pagination-dropdown-wrapper-open{z-index:30}.pagination-total{padding:0 12px;color:var(--text-muted, #64748b);font-size:13px;font-weight:600;border-right:1px solid var(--border-default, #e2e8f0);height:24px;display:flex;align-items:center;letter-spacing:-0.01em}.pagination-dropdown-container .pagination-size-selector,.pagination-input-container .pagination-size-selector{padding:0 12px;border-right:1px solid var(--border-default, #e2e8f0);height:24px;font-size:12px;gap:6px}.pagination-dropdown-container .pagination-size-selector .pagination-size-label,.pagination-input-container .pagination-size-selector .pagination-size-label{color:var(--text-muted, #94a3b8);font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:0.05em}.pagination-dropdown-container .pagination-size-selector .pagination-size-suffix,.pagination-input-container .pagination-size-selector .pagination-size-suffix{display:none}.pagination-dropdown-container .pagination-size-selector ui-dropdown,.pagination-input-container .pagination-size-selector ui-dropdown{width:auto;min-width:50px;--dropdown-trigger-padding:0 8px;--dropdown-trigger-height:28px;--dropdown-trigger-bg:transparent;--dropdown-trigger-border:none;--dropdown-value-font-size:13px;--dropdown-value-font-weight:600}.pagination-input-container{display:inline-flex;align-items:center;position:relative;isolation:isolate;overflow:visible;background:var(--bg-primary, rgba(255, 255, 255, 0.95));backdrop-filter:blur(8px);padding:2px 6px;border-radius:40px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);border:1.5px solid var(--border-default, #e2e8f0);gap:6px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.pagination-page-input{flex:none !important;width:auto;min-width:44px}.pagination-page-input ui-input{--input-text-align:center;--input-border-radius:20px;--input-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.02);--input-height:28px;--input-font-size:13px;--input-font-weight:700;--input-border-color:#e2e8f0;--input-padding-inline:4px}.pagination-input-label{font-size:13px;font-weight:500;color:var(--text-muted, #94a3b8);display:flex;gap:1rem;align-items:center}.pagination-input-label strong{color:var(--text-primary, #1e293b);font-weight:700;font-size:14px}.pagination-dropdown-container .pagination-btn,.pagination-input-container .pagination-btn{position:relative;z-index:1;width:32px;height:32px;border-radius:50% !important;display:flex;align-items:center;justify-content:center;transition:all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);background:transparent !important;border:none !important;color:var(--text-secondary, #475569) !important}.pagination-dropdown-container .pagination-btn:hover:not(.disabled),.pagination-input-container .pagination-btn:hover:not(.disabled){background:var(--bg-secondary, #f8fafc) !important;transform:scale(1.15);color:var(--color-primary, #2563eb) !important}.pagination-dropdown-container .pagination-btn:active:not(.disabled),.pagination-input-container .pagination-btn:active:not(.disabled){transform:scale(0.95)}.pagination-dropdown-container .pagination-btn svg,.pagination-input-container .pagination-btn svg{width:18px;height:18px}.ui-pagination.pagination-dropdown-open .pagination-dropdown-container .pagination-btn,.ui-pagination.pagination-dropdown-open .pagination-input-container .pagination-btn{z-index:1}@media (prefers-color-scheme: dark){.pagination-dropdown-container,.pagination-input-container{background:var(--bg-primary, #0f172a);border-color:rgba(255, 255, 255, 0.05);box-shadow:0 10px 40px -10px rgba(0, 0, 0, 0.5)}.pagination-total{border-color:rgba(255, 255, 255, 0.1);color:#94a3b8}.pagination-dropdown-container .pagination-size-selector,.pagination-input-container .pagination-size-selector{border-color:rgba(255, 255, 255, 0.1)}.pagination-dropdown-container .pagination-size-selector .pagination-size-label,.pagination-input-container .pagination-size-selector .pagination-size-label{color:#64748b}.pagination-input-label strong{color:#f1f5f9}.pagination-btn:hover:not(.disabled){background:rgba(255, 255, 255, 0.05) !important}}.pagination-page-input.has-error{border-color:var(--color-danger, #ef4444) !important;background-color:var(--color-danger-light, rgba(239, 68, 68, 0.05)) !important}.pagination-error-message{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--color-danger, #ef4444);color:white;padding:4px 10px;border-radius:4px;font-size:11px;margin-top:8px;white-space:nowrap;z-index:10;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1)}.pagination-error-message::before{content:"";position:absolute;top:-4px;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--color-danger, #ef4444)}.ui-pagination.pagination-sm .pagination-error-message{font-size:10px;padding:2px 8px}.pagination-indicator-container{display:flex;align-items:center;gap:16px}.pagination-indicators{display:flex;align-items:center;gap:8px}.pagination-indicator{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}.pagination-indicator-dot{width:8px;height:8px;border-radius:50%;background-color:var(--inactive-color, #cbd5e1);transition:all 0.3s ease}.pagination-indicator:hover .pagination-indicator-dot{background-color:var(--hover-color, #94a3b8);transform:scale(1.2)}.pagination-indicator-active .pagination-indicator-dot{background-color:var(--primary-color, var(--color-primary, #10b981));transform:scale(1.5)}.pagination-indicator-label{position:absolute;top:-30px;background-color:var(--primary-color, var(--color-primary, #10b981));color:var(--text-standard, #ffffff);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;animation:indicatorSlideIn 0.2s ease}.pagination-indicator-label::after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--primary-color, var(--color-primary, #10b981))}@keyframes indicatorSlideIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.pagination-nav-btn:disabled{opacity:0.4;cursor:not-allowed}.pagination-nav-btn svg{width:16px;height:16px}.ui-pagination.pagination-sm .pagination-indicator-dot{width:6px;height:6px}.ui-pagination.pagination-sm .pagination-nav-btn{width:28px;height:28px}.ui-pagination.pagination-sm .pagination-indicator-label{font-size:10px;padding:2px 8px;top:-26px}.ui-pagination.pagination-lg .pagination-indicator-dot{width:10px;height:10px}.ui-pagination.pagination-lg .pagination-nav-btn{width:40px;height:40px}.ui-pagination.pagination-lg .pagination-nav-btn svg{width:20px;height:20px}.ui-pagination.pagination-lg .pagination-indicator-label{font-size:14px;padding:6px 12px;top:-36px}@media (prefers-color-scheme: dark){.pagination-indicator-dot{background-color:var(--inactive-color, #475569)}.pagination-indicator:hover .pagination-indicator-dot{background-color:var(--hover-color, var(--text-muted, #64748b))}.pagination-indicator-active .pagination-indicator-dot{background-color:var(--primary-color, #60a5fa)}.pagination-indicator-label{background-color:var(--primary-color, #60a5fa)}.pagination-indicator-label::after{border-top-color:var(--primary-color, #60a5fa)}.pagination-nav-btn{background-color:var(--bg-color, var(--bg-primary, var(--text-primary, #1f2937)));border-color:var(--border-color, var(--border-default, #374151));color:var(--text-color, #d1d5db)}.pagination-nav-btn:hover:not(:disabled){background-color:var(--hover-bg, var(--text-secondary, #374151));border-color:var(--primary-color, #60a5fa);color:var(--primary-color, #60a5fa)}}.sr-only{position:absolute;width:0px;height:0px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none}.ui-pagination.pagination-shape-rounded .pagination-btn{border-radius:12px !important}.ui-pagination.pagination-shape-pill .pagination-btn{border-radius:24px !important;padding-left:16px !important;padding-right:16px !important}.ui-pagination.pagination-shape-circle .pagination-btn{border-radius:50% !important;width:36px !important;height:36px !important;min-width:36px !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}.pagination-rtl{direction:rtl}.pagination-rtl .pagination-pages{flex-direction:row-reverse}@media (max-width: 768px){.pagination-mobile .pagination-btn{min-width:36px;height:36px;padding:8px;font-size:14px}.pagination-mobile .pagination-pages{gap:4px}.pagination-mobile .pagination-total,.pagination-mobile .pagination-summary{font-size:12px}}.ui-pagination:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--color-primary, #10b981);border-radius:8px}.ui-pagination:focus:not(:focus-visible){outline:none}.pagination-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--color-primary, #10b981)}@media (prefers-reduced-motion: reduce){.pagination-btn,.pagination-indicator{transition:none}}.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}.pagination-transitioning .pagination-btn.active{animation:pageTransition 0.3s ease}@keyframes pageTransition{0%{transform:scale(0.95);opacity:0.7}100%{transform:scale(1);opacity:1}}.pagination-sticky{position:sticky;z-index:100;background:var(--bg-primary, #ffffff);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);padding:12px 16px;border-radius:8px}.pagination-sticky-top{top:0}.pagination-sticky-bottom{bottom:0}.pagination-progress-bar{width:100%;height:3px;background:var(--bg-primary, #e5e7eb);border-radius:2px;overflow:hidden;margin-bottom:12px}.pagination-progress-fill{height:100%;background:linear-gradient(90deg, var(--color-primary, #10b981), var(--color-primary, #8b5cf6));transition:width 0.3s ease}.pagination-theme-primary .pagination-progress-fill{background:linear-gradient(90deg, var(--color-primary, #10b981), var(--color-primary, #60a5fa))}.pagination-theme-success .pagination-progress-fill{background:linear-gradient(90deg, var(--color-success, #10b981), var(--color-success, #34d399))}.pagination-theme-danger .pagination-progress-fill{background:linear-gradient(90deg, var(--color-danger, #ef4444), var(--color-danger, #f87171))}.pagination-theme-warning .pagination-progress-fill{background:linear-gradient(90deg, var(--color-warning, #f59e0b), var(--color-danger, #fbbf24))}.pagination-theme-info .pagination-progress-fill{background:linear-gradient(90deg, var(--color-info, #06b6d4), var(--color-primary, #22d3ee))}@media (max-width: 768px){.ui-pagination{touch-action:pan-y;user-select:none}}@media (prefers-reduced-motion: reduce){.pagination-transitioning .pagination-btn.active{animation:none}.pagination-progress-fill{transition:none}}.pagination-quick-jump{background:var(--bg-secondary, #f3f4f6) !important;border:1px solid var(--border-strong, #d1d5db) !important;color:var(--text-muted, #6b7280) !important;font-weight:600;font-size:0.875em;min-width:44px !important}.pagination-quick-jump:hover:not(:disabled){background:var(--bg-primary, #e5e7eb) !important;border-color:var(--color-primary, #9ca3af) !important;color:var(--text-secondary, #374151) !important}.pagination-quick-jump:active:not(:disabled){transform:scale(0.95)}.pagination-theme-primary .pagination-quick-jump:hover:not(:disabled){background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.1) !important;border-color:var(--color-primary, #10b981) !important;color:var(--color-primary, #10b981) !important}.pagination-theme-success .pagination-quick-jump:hover:not(:disabled){background:rgba(var(--color-success-rgb, 16, 185, 129), 0.1) !important;border-color:var(--color-success, #10b981) !important;color:var(--color-success, #10b981) !important}.pagination-theme-danger .pagination-quick-jump:hover:not(:disabled){background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.1) !important;border-color:var(--color-danger, #ef4444) !important;color:var(--color-danger, #ef4444) !important}';const o=class{constructor(a){i(this,a),this.ratingChange=t(this,"ratingChange")}get el(){return a(this)}type="star";value=0;max=5;size="md";color="warning";activeColor;activeFillColor;readonly=!1;disabled=!1;allowHalf=!1;showValue=!1;description;descriptionPosition="bottom";labels;glow=!1;haptic=!1;victoryGlow=!1;variant="default";clearable=!1;iconName="star";iconLibrary="lucide";image;colorMap;invalid=!1;errorMessage;showReviews=!1;totalReviews=0;helperText;showHistogram=!1;summaryData;useEmoji=!1;showSummary=!1;summaryPosition="side";rtl=!1;hoverValue=0;isVictory=!1;particles=[];ratingChange;getLabels(){if(this.labels)try{return"string"==typeof this.labels?JSON.parse(this.labels):this.labels}catch{return[]}return[]}handleClick=i=>{this.readonly||this.disabled||(this.value="thumb"===this.type?this.value===i?0:i:this.clearable&&this.value===i?0:i,this.haptic&&"vibrate"in navigator&&navigator.vibrate(this.value===this.max?[15,30,15]:10),this.value===this.max&&this.triggerVictory(),this.ratingChange.emit(this.value))};handleKeyDown=i=>{if(this.readonly||this.disabled)return;let t=this.value;const a=this.allowHalf?.5:1,e=this.rtl||"rtl"===this.el.dir||!!this.el.closest('[dir="rtl"]');switch(i.key){case"ArrowRight":case"ArrowUp":t=e?Math.max(0,this.value-a):Math.min(this.max,this.value+a),i.preventDefault();break;case"ArrowLeft":case"ArrowDown":t=e?Math.min(this.max,this.value+a):Math.max(0,this.value-a),i.preventDefault();break;case"Home":t=0,i.preventDefault();break;case"End":t=this.max,i.preventDefault();break;default:return}t!==this.value&&(this.value=t,this.ratingChange.emit(this.value),this.value===this.max&&this.triggerVictory())};triggerVictory=()=>{if(!this.victoryGlow)return;this.isVictory=!0;const i=Array.from({length:24}).map(((i,t)=>({id:Date.now()+t,tx:500*(Math.random()-.5),ty:-(300*Math.random()+100),rot:720*Math.random(),clr:["#fbbf24","#f59e0b","#3bf673","#10b981","#ef4444","#6366f1"][t%6],size:8*Math.random()+4})));this.particles=i,setTimeout((()=>{this.isVictory=!1,this.particles=[]}),1500)};handleMouseEnter=i=>{this.readonly||this.disabled||(this.hoverValue=i)};handleMouseLeave=()=>{this.readonly||this.disabled||(this.hoverValue=0)};renderStarRating(){const i=[],t=this.hoverValue||this.value,a=this.colorMap?JSON.parse(this.colorMap):null;for(let n=1;n<=this.max;n++){const o=t>=n,r=this.allowHalf&&t>=n-.5&&t<n,s=a&&a[n-1]?a[n-1]:this.activeColor||this.color,p=this.activeFillColor||"currentColor";i.push(e("button",{type:"button",class:{"rating-item":!0,"rating-item-active":o||r,"rating-item-half":r,"rating-item-hover":this.hoverValue>=n,[`rating-color-${s}`]:!!s},onClick:()=>this.handleClick(n),onMouseEnter:()=>this.handleMouseEnter(n),onMouseLeave:this.handleMouseLeave,disabled:this.disabled||this.readonly,"aria-label":`Rate ${n} out of ${this.max}`},e("div",{class:"rating-icon-container"},this.image?e("img",{src:this.image,class:"rating-icon-bg",alt:"rating"}):e("ui-icon",{name:this.iconName,color:"currentColor",library:this.iconLibrary,size:this.size,class:"rating-icon-bg"}),e("div",{class:"rating-icon-fill",style:{width:r?"50%":o?"100% ":"0%"}},this.image?e("img",{src:this.image,alt:"rating active"}):e("ui-icon",{name:this.iconName,color:"currentColor",library:this.iconLibrary,size:this.size,fill:p})))))}return i}renderHistogram(){if(!this.summaryData)return null;try{const i="string"==typeof this.summaryData?JSON.parse(this.summaryData):this.summaryData;if(!Array.isArray(i))return null;const t=i.reduce(((i,t)=>i+t),0),a=this.activeColor||`var(--rating-${this.color})`;return e("div",{class:"rating-histogram"},i.map(((n,o)=>{const r=t>0?n/t*100:0;return e("div",{class:"histogram-row"},e("span",{class:"histogram-label"},i.length-o," ",e("ui-icon",{name:"star",library:"lucide",size:"10px"})),e("div",{class:"histogram-bar-container"},e("div",{class:"histogram-bar-fill",style:{width:`${r}%`,backgroundColor:a}})),e("span",{class:"histogram-count"},n))})))}catch{return null}}renderSmileyRating(){const i=[],t=this.getLabels(),a=["frown","meh","smile","laugh","heart"],n=["😢","😕","😐","🙂","😄"],o=this.hoverValue||this.value;for(let r=1;r<=this.max;r++){const s=this.value===r,p=o===r||this.useEmoji&&o>=r,l=a[r-1]||"smile";i.push(e("div",{class:"smiley-item-wrapper"},e("button",{type:"button",class:{"rating-item":!0,"rating-item-smiley":!0,"rating-item-active":p,"rating-item-selected":s,"rating-item-hover":this.hoverValue===r,"rating-item-emoji":this.useEmoji},onClick:()=>this.handleClick(r),onMouseEnter:()=>this.handleMouseEnter(r),onMouseLeave:this.handleMouseLeave,disabled:this.disabled||this.readonly,"aria-label":t[r-1]||`Rate ${r} out of ${this.max}`},this.useEmoji?e("span",{class:"emoji-display"},o>=r||s?n[r-1]||"🙂":"⚪"):e("div",{class:"rating-icon-container"},e("ui-icon",{name:l,color:"currentColor",library:"lucide",size:this.size,class:"rating-icon-bg"}),e("div",{class:"rating-icon-fill",style:{width:p?"100%":"0%"}},e("ui-icon",{name:l,color:"currentColor",library:"lucide",size:this.size})))),t[r-1]&&e("span",{class:"smiley-label"},t[r-1])))}return i}renderThumbRating(){const i=1===this.value||1===this.hoverValue,t=-1===this.value||-1===this.hoverValue;return[e("button",{type:"button",class:{"rating-item":!0,"rating-item-thumb":!0,"rating-item-active":i,"rating-item-thumb-up":!0},onClick:()=>this.handleClick(1),onMouseEnter:()=>this.handleMouseEnter(1),onMouseLeave:this.handleMouseLeave,disabled:this.disabled||this.readonly,"aria-label":"Thumbs up"},e("div",{class:"rating-icon-container"},e("ui-icon",{name:"thumbs-up",color:"currentColor",library:"lucide",class:"rating-icon-bg"}),e("div",{class:"rating-icon-fill",style:{width:i?"100%":"0%"}},e("ui-icon",{name:"thumbs-up",color:"currentColor",library:"lucide"})))),e("button",{type:"button",class:{"rating-item":!0,"rating-item-thumb":!0,"rating-item-active":t,"rating-item-thumb-down":!0},onClick:()=>this.handleClick(-1),onMouseEnter:()=>this.handleMouseEnter(-1),onMouseLeave:this.handleMouseLeave,disabled:this.disabled||this.readonly,"aria-label":"Thumbs down"},e("div",{class:"rating-icon-container"},e("ui-icon",{name:"thumbs-down",library:"lucide",class:"rating-icon-bg"}),e("div",{class:"rating-icon-fill",style:{width:t?"100%":"0%"}},e("ui-icon",{name:"thumbs-down",library:"lucide"}))))]}render(){const i={"rating-container":!0,"rating-rtl":this.rtl||"rtl"===this.el.dir||!!this.el.closest('[dir="rtl"]'),[`rating-size-${this.size}`]:!0,[`rating-variant-${this.variant}`]:!0,"rating-readonly":this.readonly,"rating-disabled":this.disabled,"rating-glow":this.glow,"rating-victory":this.isVictory,"rating-invalid":this.invalid},t=this.getLabels(),a="thumb"===this.type?1===this.value?"Liked":-1===this.value?"Disliked":"":t[(this.hoverValue||this.value)-1],n=this.description&&e("div",{key:"ddad90f4a42a3c07145f31156cdc6495f33b0bee",class:`rating-description rating-description-${this.descriptionPosition}`},this.description),o=this.invalid&&this.errorMessage?e("div",{class:"rating-helper rating-error"},e("ui-icon",{name:"alert-circle",library:"lucide",size:"12px"}),e("span",null,this.errorMessage)):this.helperText?e("div",{class:"rating-helper"},this.helperText):null,r={"--rating-active-color":this.activeColor||`var(--rating-${this.color})`,"--rating-fill-color":this.activeFillColor||"currentColor"},s=this.showSummary&&a?e("div",{class:`rating-summary rating-summary-${this.summaryPosition}`},e("div",{class:"summary-divider"}),e("div",{class:"summary-content"},e("p",{class:"summary-label"},a),e("p",{class:"summary-value"},(this.hoverValue||this.value).toFixed(0)," / ",this.max))):null;return e("div",{key:"09946cb1ba974009053c5cdf39a92c904f485cc7",class:i,style:r,tabindex:this.disabled?-1:0,onKeyDown:this.handleKeyDown,role:"group","aria-label":"Rating component"},e("div",{key:"8c56d47b79ddd22a69fd58dee44f13182ebabc3f",class:"rating-items-container"},e("div",{key:"6c9206ec1dc844689631a32799dd368bef1160b0",class:"rating-items"},"star"===this.type&&this.renderStarRating(),"smiley"===this.type&&this.renderSmileyRating(),"thumb"===this.type&&this.renderThumbRating(),"side"===this.descriptionPosition&&n),"side"===this.summaryPosition&&s),this.showValue&&!this.showSummary&&"thumb"!==this.type&&e("div",{key:"2b733f67e6c01f31e789b79ea1f652a63edcde39",class:"rating-value"},a&&e("span",{key:"d5ca42772c409783b2ef5dea7da47944df87eec9",class:"rating-label"},a),e("span",{key:"860c841ed2d7b2e642ad132d91bcd731e1a974c2",class:"rating-number"},(this.hoverValue||this.value).toFixed(this.allowHalf?1:0)," / ",this.max)),this.showReviews&&this.totalReviews>0&&e("div",{key:"d3f05521d7337580d120356ce44cc149211fe28f",class:"rating-total-reviews"},e("span",{key:"4f3c9863f74bb3e2a5f2d46cb94bef7e053471a1",class:"review-dot"},"•"),e("span",{key:"9eb1794ad9f571667afd26857719bc38c68f5dbf",class:"review-count"},"(",this.totalReviews," reviews)")),"bottom"===this.descriptionPosition&&n,"bottom"===this.summaryPosition&&s,this.showHistogram&&this.renderHistogram(),o,this.particles.map((i=>e("div",{key:i.id,class:"rating-victory-particle",style:{"--tx":`${i.tx}px`,"--ty":`${i.ty}px`,"--rot":`${i.rot}deg`,"--clr":i.clr,"--size":`${i.size}px`,left:"50%",top:"50%"}}))))}};o.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:inline-block;--rating-primary:var(--color-primary, #10b981);--rating-warning:var(--color-warning, #f59e0b);--rating-success:var(--color-success, #10b981);--rating-danger:var(--color-danger, #ef4444)}.rating-container{display:inline-flex;flex-direction:column;gap:12px;user-select:none;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.rating-container.rating-victory .rating-item-active:last-child{animation:rating-victory-pulse 0.8s cubic-bezier(0.4, 0, 0.2, 1)}.rating-container.rating-victory .rating-item-active .rating-icon-container::after{content:"";position:absolute;width:6px;height:6px;background:currentColor;border-radius:50%;filter:blur(2px);animation:rating-particle-burst 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;box-shadow:10px -20px 0 0 currentColor, -15px -25px 0 0 currentColor, 20px -30px 0 0 currentColor}.rating-container.rating-glow .rating-item-active .rating-icon-fill{filter:drop-shadow(0 0 8px currentColor);animation:rating-shimmer 2s infinite linear}@keyframes rating-shimmer{0%{opacity:0.8}50%{opacity:1}100%{opacity:0.8}}.rating-items{display:flex;align-items:center;gap:8px}.rating-rtl .rating-items{flex-direction:row-reverse}.rating-item{background:none;border:none;padding:0;margin:0;cursor:pointer;outline:none;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);display:flex;align-items:center;justify-content:center;position:relative}.rating-item:hover:not(:disabled){transform:scale(1.25);z-index:2}.rating-item.rating-item-active{transform:scale(1.15);z-index:5}.rating-item.rating-item-selected{transform:scale(1.3);z-index:10}.rating-item.rating-item-emoji{background:var(--bg-secondary, #f1f5f9);border-radius:50%;padding:10px;font-size:1.5em;filter:grayscale(1);opacity:0.5;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.02)}.rating-item.rating-item-emoji.rating-item-active,.rating-item.rating-item-emoji.rating-item-selected{filter:grayscale(0);opacity:1;background:var(--bg-primary, #ffffff);transform:scale(1.3) !important;box-shadow:0 8px 16px rgba(0, 0, 0, 0.08), inset 0 2px 4px rgba(255, 255, 255, 0.8);z-index:20}.rating-item.rating-item-emoji .emoji-display{transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);display:inline-block}.rating-item:disabled{cursor:not-allowed;opacity:0.5}.rating-icon-container{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px}.rating-size-xxxs .rating-icon-container{width:14px;height:14px}.rating-size-xxs .rating-icon-container{width:18px;height:18px}.rating-size-xs .rating-icon-container{width:22px;height:22px}.rating-size-sm .rating-icon-container{width:26px;height:26px}.rating-size-md .rating-icon-container{width:34px;height:34px}.rating-size-lg .rating-icon-container{width:44px;height:44px}.rating-size-xl .rating-icon-container{width:56px;height:56px}.rating-size-xxl .rating-icon-container{width:72px;height:72px}.rating-size-xxxl .rating-icon-container{width:96px;height:96px}.rating-icon-bg{color:var(--text-muted, #94a3b8);opacity:0.4 !important;transition:all 0.3s;display:block;width:100%;height:100%;position:absolute;top:0;left:0}.rating-glass .rating-icon-bg{color:rgba(255, 255, 255, 0.4);opacity:0.5}.rating-icon-bg.img,.rating-icon-bg img{filter:grayscale(100%);opacity:0.5}.rating-icon-fill{position:absolute;top:0;left:0;height:100%;width:0%;overflow:hidden;color:var(--rating-active-color, var(--color-warning, #f59e0b));transition:width 0.3s cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.rating-icon-fill ui-icon,.rating-icon-fill img{display:block;position:absolute;top:0;left:0;width:34px;height:34px;flex-shrink:0}.rating-size-xxxs .rating-icon-fill ui-icon,.rating-size-xxxs .rating-icon-fill img{width:14px;height:14px}.rating-size-xxs .rating-icon-fill ui-icon,.rating-size-xxs .rating-icon-fill img{width:18px;height:18px}.rating-size-xs .rating-icon-fill ui-icon,.rating-size-xs .rating-icon-fill img{width:22px;height:22px}.rating-size-sm .rating-icon-fill ui-icon,.rating-size-sm .rating-icon-fill img{width:26px;height:26px}.rating-size-md .rating-icon-fill ui-icon,.rating-size-md .rating-icon-fill img{width:34px;height:34px}.rating-size-lg .rating-icon-fill ui-icon,.rating-size-lg .rating-icon-fill img{width:44px;height:44px}.rating-size-xl .rating-icon-fill ui-icon,.rating-size-xl .rating-icon-fill img{width:56px;height:56px}.rating-size-xxl .rating-icon-fill ui-icon,.rating-size-xxl .rating-icon-fill img{width:72px;height:72px}.rating-size-xxxl .rating-icon-fill ui-icon,.rating-size-xxxl .rating-icon-fill img{width:96px;height:96px}.rating-icon-fill img{filter:none;opacity:1;max-width:none}.rating-item-smiley{background:rgba(var(--text-standard-rgb, 128, 128, 128), 0.08);border:1px solid rgba(var(--text-standard-rgb, 128, 128, 128), 0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;cursor:pointer}.rating-size-xxxs .rating-item-smiley{padding:4px}.rating-size-xxs .rating-item-smiley{padding:5px}.rating-size-xs .rating-item-smiley{padding:6px}.rating-size-sm .rating-item-smiley{padding:8px}.rating-size-md .rating-item-smiley{padding:10px}.rating-size-lg .rating-item-smiley{padding:12px}.rating-size-xl .rating-item-smiley{padding:16px}.rating-size-xxl .rating-item-smiley{padding:20px}.rating-size-xxxl .rating-item-smiley{padding:24px}.rating-item-smiley.rating-item-active,.rating-item-smiley.rating-item-selected{background:rgba(var(--primary-rgb, 139, 92, 246), 0.15);transform:scale(1.15);color:var(--rating-active-color);box-shadow:0 0 0 4px rgba(var(--primary-rgb, 139, 92, 246), 0.05), 0 4px 12px rgba(0, 0, 0, 0.05)}.rating-glass .rating-item-smiley{background:rgba(255, 255, 255, 0.05)}.rating-glass .rating-item-smiley.rating-item-selected{background:rgba(255, 255, 255, 0.15)}.rating-item-thumb{padding:10px;background:var(--bg-primary, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:12px}.rating-item-thumb.rating-item-active{background:var(--bg-primary, #ffffff);box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);border-color:var(--rating-active-color)}.rating-item-thumb.rating-item-thumb-up:hover:not(:disabled){color:var(--rating-success);border-color:var(--rating-success)}.rating-item-thumb.rating-item-thumb-down:hover:not(:disabled){color:var(--rating-danger);border-color:var(--rating-danger)}.smiley-item-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px}.rating-size-lg .smiley-item-wrapper{gap:12px}.rating-size-xl .smiley-item-wrapper{gap:16px}.smiley-label{font-size:11px;font-weight:700;color:var(--rating-active-color, var(--color-success, #10b981));text-transform:capitalize;letter-spacing:-0.2px;white-space:nowrap}.rating-size-lg .smiley-label{font-size:13px}.rating-size-xl .smiley-label{font-size:15px}.rating-total-reviews{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:4px;color:var(--color-primary, #94a3b8);font-size:11px;font-weight:500;font-style:italic}.rating-rtl .rating-total-reviews{flex-direction:row-reverse}.rating-total-reviews .review-dot{opacity:0.5}.rating-primary{--rating-active-color:var(--rating-primary)}.rating-warning{--rating-active-color:var(--rating-warning)}.rating-success{--rating-active-color:var(--rating-success)}.rating-danger{--rating-active-color:var(--rating-danger)}.rating-size-xxxs .rating-icon-container,.rating-size-xxxs .rating-item-smiley{width:14px;height:14px}.rating-size-xxxs ui-icon{--size:14px}.rating-size-xxxs img{width:14px;height:14px}.rating-size-xxs .rating-icon-container,.rating-size-xxs .rating-item-smiley{width:18px;height:18px}.rating-size-xxs ui-icon{--size:18px}.rating-size-xxs img{width:18px;height:18px}.rating-size-xs .rating-icon-container,.rating-size-xs .rating-item-smiley{width:22px;height:22px}.rating-size-xs ui-icon{--size:22px}.rating-size-xs img{width:22px;height:22px}.rating-size-sm .rating-icon-container,.rating-size-sm .rating-item-smiley{width:26px;height:26px}.rating-size-sm ui-icon{--size:26px}.rating-size-sm img{width:26px;height:26px}.rating-size-md .rating-icon-container,.rating-size-md .rating-item-smiley{width:34px;height:34px}.rating-size-md ui-icon{--size:34px}.rating-size-md img{width:34px;height:34px}.rating-size-lg .rating-icon-container,.rating-size-lg .rating-item-smiley{width:44px;height:44px}.rating-size-lg ui-icon{--size:44px}.rating-size-lg img{width:44px;height:44px}.rating-size-xl .rating-icon-container,.rating-size-xl .rating-item-smiley{width:56px;height:56px}.rating-size-xl ui-icon{--size:56px}.rating-size-xl img{width:56px;height:56px}.rating-size-xxl .rating-icon-container,.rating-size-xxl .rating-item-smiley{width:72px;height:72px}.rating-size-xxl ui-icon{--size:72px}.rating-size-xxl img{width:72px;height:72px}.rating-size-xxxl .rating-icon-container,.rating-size-xxxl .rating-item-smiley{width:96px;height:96px}.rating-size-xxxl ui-icon{--size:96px}.rating-size-xxxl img{width:96px;height:96px}.rating-glass{background:rgba(255, 255, 255, 0.05);backdrop-filter:blur(12px);padding:16px;border-radius:16px;border:1px solid rgba(255, 255, 255, 0.1);box-shadow:0 4px 20px rgba(0, 0, 0, 0.1)}.rating-raised{background:var(--bg-primary, #f8fafc);padding:20px;border-radius:20px;box-shadow:8px 8px 16px rgba(0, 0, 0, 0.05), -4px -4px 12px var(--bg-primary, #ffffff);border:1px solid rgba(0, 0, 0, 0.02)}@keyframes rating-particle-burst{0%{transform:scale(0);opacity:1}100%{transform:scale(1.5) translateY(-60px);opacity:0}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes rating-victory-pulse{from{transform:scale(1.1);filter:drop-shadow(0 0 0px var(--rating-active-color))}to{transform:scale(1.4);filter:drop-shadow(0 0 12px var(--rating-active-color))}}.rating-items-container{display:flex;align-items:center;gap:24px}.rating-summary{display:flex;align-items:center;gap:16px}.rating-summary .summary-divider{width:1px;height:24px;background:var(--bg-primary, #e2e8f0)}.rating-size-lg .rating-summary .summary-divider,.rating-size-xl .rating-summary .summary-divider{height:32px}.rating-summary .summary-content{display:flex;flex-direction:column;justify-content:center;line-height:1.2}.rating-summary .summary-content .summary-label{font-size:14px;font-weight:800;color:var(--rating-active-color, #1e293b);margin:0}.rating-summary .summary-content .summary-value{font-size:12px;font-weight:600;color:var(--rating-active-color, var(--color-success, #10b981));opacity:0.6;margin:0}.rating-summary-bottom{margin-top:12px;justify-content:center}.rating-summary-bottom .summary-divider{display:none}.rating-summary-bottom .summary-content{flex-direction:row;align-items:center;gap:8px}.rating-value{display:flex;flex-direction:column;align-items:center;gap:2px}.rating-label{font-size:13px;font-weight:700;color:var(--rating-active-color);text-transform:uppercase;letter-spacing:0.5px}.rating-number{font-size:11px;font-weight:500;color:var(--color-primary, #94a3b8)}.rating-description{color:var(--color-primary, #94a3b8);font-size:10px;font-weight:400;line-height:1.4;opacity:0.8;max-width:200px}.rating-description-side{margin-inline-start:12px;padding-inline-start:12px;border-inline-start:1px solid rgba(0, 0, 0, 0.08);display:flex;align-items:center}.rating-description-bottom{margin-top:8px;text-align:center;width:100%}.rating-victory-particle{position:absolute;width:var(--size, 6px);height:var(--size, 6px);background:var(--clr, #fbbf24);border-radius:2px;pointer-events:none;z-index:50;animation:rating-particle-burst 1s cubic-bezier(0, 0, 0.2, 1) forwards}@keyframes rating-particle-burst{0%{transform:translate(0, 0) rotate(0deg) scale(0);opacity:1}15%{transform:translate(calc(var(--tx) * 0.2), calc(var(--ty) * 0.2)) rotate(45deg) scale(1.2)}100%{transform:translate(var(--tx), var(--ty)) rotate(var(--rot)) scale(0);opacity:0}}.rating-invalid .rating-icon-bg{color:var(--rating-danger, var(--color-danger, #ef4444));opacity:0.2}.rating-invalid .rating-icon-fill{color:var(--rating-danger, var(--color-danger, #ef4444))}.rating-invalid.rating-glow .rating-item-active{filter:drop-shadow(0 0 8px rgba(var(--color-danger-rgb, 239, 68, 68), 0.4))}.rating-helper{margin-top:8px;font-size:11px;color:var(--text-muted, #64748b);display:flex;align-items:center;gap:6px}.rating-helper.rating-error{color:var(--color-danger, #ef4444)}.rating-histogram{display:flex;flex-direction:column;gap:6px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle, #e2e8f0);width:100%}.histogram-row{display:flex;align-items:center;gap:12px;font-size:11px}.histogram-label{display:flex;align-items:center;gap:4px;min-width:40px;font-weight:600;color:var(--text-standard, #475569)}.histogram-bar-container{flex:1;height:8px;background:var(--bg-secondary, #f1f5f9);border-radius:4px;overflow:hidden}.histogram-bar-fill{height:100%;border-radius:4px;transition:width 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.histogram-count{min-width:30px;text-align:right;font-weight:500;color:var(--text-muted, #94a3b8)}.rating-container:focus{outline:none}.rating-container:focus .rating-items{box-shadow:0 0 0 3px var(--rating-active-color, #fbbf24) 44;border-radius:8px;padding:4px;margin:-4px}';const r=class{constructor(a){i(this,a),this.skeletonShow=t(this,"skeletonShow"),this.skeletonHide=t(this,"skeletonHide")}ariaLabel;ariaLive="off";ariaRole;progress;dark="auto";rtl=!1;skeletonShow;skeletonHide;template="none";count=1;direction="column";lazyAnimation=!0;speed="normal";color="neutral";radius;stagger=0;gap="16px";highlightColor;elevation=0;shape="rectangle";mask=!1;ghost=!1;size="md";width="100%";height="20px";borderRadius="4px";animated=!0;animationType="pulse";customClass="";delay=0;waveAngle="90deg";waveSpeed="1.5s";rows=1;lastRowWidth="80%";isActuallyVisible=!1;isInView=!0;delayTimer;observer;componentDidLoad(){this.lazyAnimation&&this.setupObserver()}setupObserver(){void 0!==globalThis.IntersectionObserver?(this.observer=new IntersectionObserver((i=>{i.forEach((i=>{this.isInView=i.isIntersecting}))}),{threshold:.1}),this.el&&this.observer.observe(this.el)):this.isInView=!0}handleDelayChange(){this.handleVisibility()}componentWillLoad(){this.handleVisibility()}get el(){return a(this)}handleVisibility(){if(this.delay<=0)return this.isActuallyVisible||this.skeletonShow?.emit(),void(this.isActuallyVisible=!0);this.delayTimer&&clearTimeout(this.delayTimer),this.isActuallyVisible&&this.skeletonHide?.emit(),this.isActuallyVisible=!1,this.delayTimer=setTimeout((()=>{this.isActuallyVisible=!0,this.skeletonShow?.emit()}),this.delay)}disconnectedCallback(){this.delayTimer&&clearTimeout(this.delayTimer),this.observer&&this.observer.disconnect()}getSizeDimensions(){const i={"3xs":{width:"12px",height:"12px"},"2xs":{width:"16px",height:"16px"},xs:{width:"20px",height:"20px"},sm:{width:"24px",height:"24px"},md:{width:"32px",height:"32px"},lg:{width:"48px",height:"48px"},xl:{width:"64px",height:"64px"},"2xl":{width:"80px",height:"80px"},"3xl":{width:"120px",height:"120px"},"4xl":{width:"160px",height:"160px"}};return i[this.size]||i.md}getSkeletonStyles(){const i=this.getSizeDimensions(),t={width:"100%"!==this.width?this.width:i.width,height:"20px"!==this.height?this.height:i.height};switch(this.shape){case"circle":t.borderRadius="50%";const i=Math.min(parseInt(this.width),parseInt(this.height)||parseInt(this.width));t.width=`${i}px`,t.height=`${i}px`;break;case"square":const a=Math.min(parseInt(this.width),parseInt(this.height)||parseInt(this.width));t.width=`${a}px`,t.height=`${a}px`,t.borderRadius="0";break;case"oval":t.borderRadius="50%";break;case"rounded-square":const e=Math.min(parseInt(this.width),parseInt(this.height)||parseInt(this.width));t.width=`${e}px`,t.height=`${e}px`,t.borderRadius=this.borderRadius;break;case"rounded-rectangle":case"rounded":t.borderRadius=this.borderRadius;break;case"text":t.borderRadius="4px",t.height={"3xs":"10px","2xs":"12px",xs:"14px",sm:"16px",md:"18px",lg:"24px",xl:"32px","2xl":"40px","3xl":"48px","4xl":"64px"}[this.size]||"18px";break;case"avatar":t.borderRadius="50%";const n=this.getSizeDimensions();t.width="100%"!==this.width?this.width:n.width,t.height="20px"!==this.height?this.height:n.height;break;case"button":t.borderRadius="6px",t.height="20px"!==this.height?this.height:{xs:"24px",sm:"28px",md:"32px",lg:"36px",xl:"40px","2xl":"44px"}[this.size]||"32px";break;case"pill":t.borderRadius="20px",t.height="20px"!==this.height?this.height:{xs:"20px",sm:"24px",md:"28px",lg:"32px"}[this.size]||"28px",t.width="100%"!==this.width?this.width:"60px";break;case"card":t.borderRadius="8px",t.minHeight="20px"!==this.height?this.height:{xs:"80px",sm:"100px",md:"120px",lg:"160px",xl:"200px","2xl":"240px"}[this.size]||"120px";break;case"list-item":t.borderRadius="4px",t.height="20px"!==this.height?this.height:{xs:"32px",sm:"36px",md:"40px",lg:"48px",xl:"56px","2xl":"64px"}[this.size]||"40px";break;case"image":t.borderRadius="8px",t.height="20px"!==this.height?this.height:{xs:"100px",sm:"150px",md:"200px",lg:"250px",xl:"300px","2xl":"400px"}[this.size]||"200px",t.display="flex",t.alignItems="center",t.justifyContent="center";break;case"none":t.background="transparent",t.width="auto",t.height="auto";break;default:t.borderRadius="0"}return t}render(){if(!this.isActuallyVisible)return null;const i=Array.from({length:Math.max(1,this.count)}),t=this.ariaRole||("number"==typeof this.progress?"progressbar":"status"),a={role:t,"aria-busy":!0,"aria-label":this.ariaLabel,"aria-live":this.ariaLive};"progressbar"===t&&"number"==typeof this.progress&&(a["aria-valuenow"]=this.progress,a["aria-valuemin"]=0,a["aria-valuemax"]=100);const n=["dark","blue","violet","green","pink"],o=document.documentElement.getAttribute("data-theme")||"",r="auto"===this.dark&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches||n.some((i=>document.documentElement.classList.contains("theme-"+i)||document.body.classList.contains("theme-"+i)))||n.includes(o)||!!this.el.closest(n.map((i=>`.theme-${i}, [data-theme="${i}"]`)).join(", ")));return e("div",{class:`skeleton-replication-container skeleton-direction-${this.direction} ${"dark"===this.dark||r?"skeleton-dark":""} ${this.rtl?"skeleton-rtl":""}`,style:{display:"flex",flexDirection:this.direction,gap:this.gap},...a},i.map(((i,t)=>{const a=this.stagger>0?t*this.stagger+"ms":"0ms",n=this.animated&&(!this.lazyAnimation||this.isInView),o=!["neutral","primary","secondary","success","danger","warning","info"].includes(this.color),r={skeleton:!0,"skeleton-animated":n,[`skeleton-${this.animationType}`]:n,[`skeleton-${this.shape}`]:!0,[`skeleton-speed-${this.speed}`]:!0,[`skeleton-color-${this.color}`]:!o&&"neutral"!==this.color,"skeleton-mask":this.mask,"skeleton-ghost":this.ghost&&this.mask,"skeleton-elevated":this.elevation>0,[this.customClass]:!!this.customClass},s={"--skeleton-stagger-delay":a,"--skeleton-wave-angle":this.waveAngle,"--skeleton-wave-speed":this.waveSpeed,"--skeleton-gap":this.gap,"--skeleton-elevation":this.elevation>0?`var(--ui-shadow-${this.elevation}, 0 2px 8px rgba(0,0,0,0.05))`:"none"};o&&(s["--skeleton-bg"]=this.color,s["--skeleton-wave-bg"]=this.highlightColor||this.color),this.radius&&(s["--skeleton-border-radius"]=this.radius);const p=["circle","avatar","oval"].includes(this.shape),l={...this.getSkeletonStyles(),...s,animationDelay:a,...p?{}:this.radius||"4px"!==this.borderRadius?{borderRadius:this.radius||this.borderRadius}:{}};return e("div",{class:r,style:l,key:t},this.renderContent(),"number"==typeof this.progress&&e("div",{class:"skeleton-progress-bar",style:{width:this.progress+"%",height:"4px",background:"var(--skeleton-wave-bg, #fff)",borderRadius:"2px",marginTop:"4px"}}))})),e("slot",{name:"custom"}))}renderContent(){const i="text"===this.shape&&this.rows>1;return[this.mask||"none"===this.shape?e("slot",null):null,i&&!this.mask?e("div",{class:"skeleton-text-rows",style:{display:"flex",flexDirection:"column",gap:"8px",width:"100%"}},Array.from({length:this.rows}).map(((i,t)=>e("div",{class:"skeleton-text-row",style:{height:"1em",width:t===this.rows-1?this.lastRowWidth:t>0&&t%2==0?"92%":"100%",backgroundColor:"inherit",borderRadius:"4px",animation:"inherit"}})))):null,"card"!==this.shape||this.mask?null:e("div",{class:"skeleton-card-content"},e("div",{class:"skeleton-card-header"},e("div",{class:"skeleton-circle",style:{width:"32px",height:"32px",borderRadius:"50%"}}),e("div",{class:"skeleton-card-title"},e("div",{class:"skeleton-text",style:{width:"60%",height:"16px",borderRadius:"4px"}}),e("div",{class:"skeleton-text",style:{width:"40%",height:"12px",borderRadius:"4px"}}))),e("div",{class:"skeleton-card-body"},e("div",{class:"skeleton-text",style:{width:"100%",height:"14px",borderRadius:"4px"}}),e("div",{class:"skeleton-text",style:{width:"80%",height:"14px",borderRadius:"4px"}}),e("div",{class:"skeleton-text",style:{width:"90%",height:"14px",borderRadius:"4px"}}))),"list-item"!==this.shape||this.mask?null:e("div",{class:"skeleton-list-content"},e("div",{class:"skeleton-circle",style:{width:"32px",height:"32px",borderRadius:"50%"}}),e("div",{class:"skeleton-list-text"},e("div",{class:"skeleton-text",style:{width:"70%",height:"14px",borderRadius:"4px"}}),e("div",{class:"skeleton-text",style:{width:"50%",height:"12px",borderRadius:"4px"}}))),"image"!==this.shape||this.mask?null:e("div",{class:"skeleton-image-icon"},e("ui-icon",{name:"image",library:"lucide",size:"25%",style:{opacity:"0.2"}})),"profile"===this.template?e("div",{class:"skeleton-profile-template"},e("ui-skeleton-loader",{shape:"circle",size:this.size,color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("div",{class:"skeleton-profile-lines"},e("ui-skeleton-loader",{shape:"text",size:this.size,width:"120px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("ui-skeleton-loader",{shape:"text",size:"xs",width:"80px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}))):null,"media-object"===this.template?e("div",{class:"skeleton-media-object-template"},e("ui-skeleton-loader",{shape:"rounded-rectangle",width:"48px",height:"48px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("div",{class:"skeleton-media-lines",style:{flex:"1"}},e("ui-skeleton-loader",{shape:"text",size:"md",width:"70%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("ui-skeleton-loader",{shape:"text",size:"xs",width:"40%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated,style:{marginTop:"4px"}}),e("ui-skeleton-loader",{shape:"text",size:"xs",width:"90%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated,style:{marginTop:"8px"}}))):null,"feed-item"===this.template?e("div",{class:"skeleton-feed-template"},e("div",{class:"feed-header",style:{display:"flex",gap:"12px",marginBottom:"16px"}},e("ui-skeleton-loader",{shape:"circle",size:"md",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("div",{style:{flex:"1"}},e("ui-skeleton-loader",{shape:"text",size:"xs",width:"100px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("ui-skeleton-loader",{shape:"text",size:"xs",width:"60px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated,style:{marginTop:"4px"}}))),e("ui-skeleton-loader",{shape:"rectangle",width:"100%",height:"200px","border-radius":"8px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("div",{class:"feed-footer",style:{marginTop:"12px",display:"flex",gap:"8px"}},e("ui-skeleton-loader",{shape:"button",size:"sm",width:"60px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("ui-skeleton-loader",{shape:"button",size:"sm",width:"60px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}))):null,"table-row"===this.template?e("div",{class:"skeleton-table-row-template",style:{display:"flex",gap:"20px",alignItems:"center",width:"100%",padding:"12px 0"}},e("ui-skeleton-loader",{shape:"rectangle",width:"20px",height:"20px","border-radius":"4px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("ui-skeleton-loader",{shape:"text",width:"15%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("ui-skeleton-loader",{shape:"text",width:"35%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("ui-skeleton-loader",{shape:"text",width:"20%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("ui-skeleton-loader",{shape:"pill",width:"80px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated,style:{marginLeft:"auto"}})):null]}static get watchers(){return{delay:[{handleDelayChange:0}]}}};r.style='@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{--skeleton-bg:var(--skeleton-loader-bg, var(--bg-tertiary, #e2e8f0));--skeleton-wave-bg:var(--skeleton-loader-wave-bg, var(--bg-secondary, #f3f4f6));--skeleton-border-radius:var(--skeleton-loader-border-radius, 4px);--skeleton-progress-bar-bg:var(--skeleton-loader-progress-bar-bg, var(--bg-primary, #ffffff));--skeleton-focus-ring:var(--skeleton-loader-focus-ring, var(--color-primary, #10b981));--skeleton-focus-shadow:var(--skeleton-loader-focus-shadow, #dbeafe)}:host-context([data-theme=dark]),:host-context([data-theme=blue]),:host-context([data-theme=violet]),:host-context([data-theme=green]),:host-context([data-theme=pink]),:host-context(.theme-dark),:host-context(.theme-blue),:host-context(.theme-violet),:host-context(.theme-green),:host-context(.theme-pink),:host(.theme-dark),:host([dark=dark]),:host-context(.skeleton-dark),.skeleton-dark{--skeleton-bg:var(--skeleton-loader-bg, var(--bg-secondary, #1e293b));--skeleton-wave-bg:var(--skeleton-loader-wave-bg, var(--bg-tertiary, #334155))}.skeleton-color-primary{--skeleton-bg:color-mix(in srgb, var(--color-primary, #10b981) 20%, transparent);--skeleton-wave-bg:color-mix(in srgb, var(--color-primary, #10b981) 40%, transparent)}.skeleton-color-secondary{--skeleton-bg:color-mix(in srgb, var(--color-secondary, #64748b) 20%, transparent);--skeleton-wave-bg:color-mix(in srgb, var(--color-secondary, #64748b) 40%, transparent)}.skeleton-color-success{--skeleton-bg:color-mix(in srgb, var(--color-success, #22c55e) 20%, transparent);--skeleton-wave-bg:color-mix(in srgb, var(--color-success, #22c55e) 40%, transparent)}.skeleton-color-danger{--skeleton-bg:color-mix(in srgb, var(--color-danger, #ef4444) 20%, transparent);--skeleton-wave-bg:color-mix(in srgb, var(--color-danger, #ef4444) 40%, transparent)}.skeleton-color-warning{--skeleton-bg:color-mix(in srgb, var(--color-warning, #f59e0b) 20%, transparent);--skeleton-wave-bg:color-mix(in srgb, var(--color-warning, #f59e0b) 40%, transparent)}.skeleton-color-info{--skeleton-bg:color-mix(in srgb, var(--color-info, #38bdf8) 20%, transparent);--skeleton-wave-bg:color-mix(in srgb, var(--color-info, #38bdf8) 40%, transparent)}.skeleton-replication-container ::slotted([slot=custom]:focus-visible){outline:2px solid var(--color-primary, #10b981);outline-offset:2px;border-radius:4px;box-shadow:0 0 0 2px var(--border-subtle, #dbeafe);transition:outline 0.2s, box-shadow 0.2s}.skeleton-rtl .skeleton{direction:rtl;--skeleton-wave-angle:-90deg;animation-direction:reverse}.skeleton-progress-bar{transition:width 0.3s cubic-bezier(0.4, 0, 0.2, 1);background:var(--skeleton-wave-bg, var(--bg-primary, #ffffff));height:4px;border-radius:2px;margin-top:4px}.skeleton-replication-container slot[name=custom]{display:block;margin-top:8px}:host{display:block}.skeleton{background:var(--skeleton-bg, #f0f0f0);position:relative;overflow:hidden}.skeleton-animated.skeleton-pulse{animation:skeleton-pulse var(--skeleton-wave-speed, 1.5s) ease-in-out infinite}.skeleton-animated.skeleton-wave{background:linear-gradient(var(--skeleton-wave-angle, 90deg), var(--skeleton-bg, #f0f0f0) 25%, var(--skeleton-wave-bg, #e0e0e0) 50%, var(--skeleton-bg, #f0f0f0) 75%);background-size:200% 100%;animation:skeleton-wave var(--skeleton-wave-speed, 1.5s) ease-in-out infinite;}.skeleton-dark .skeleton-animated.skeleton-wave{background:linear-gradient(var(--skeleton-wave-angle, 90deg), var(--skeleton-bg, #1e293b) 25%, var(--skeleton-wave-bg, #334155) 50%, var(--skeleton-bg, #1e293b) 75%);background-size:200% 100%}.skeleton-animated.skeleton-shimmer{background:linear-gradient(110deg, var(--skeleton-bg, #f0f0f0) 8%, var(--skeleton-wave-bg, #e0e0e0) 18%, var(--skeleton-bg, #f0f0f0) 33%);background-size:200% 100%;animation:skeleton-shimmer var(--skeleton-wave-speed, 1.5s) linear infinite}.skeleton-animated.skeleton-sheen::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:skeleton-sheen var(--skeleton-wave-speed, 1.5s) infinite}.skeleton-animated.skeleton-glow{animation:skeleton-glow var(--skeleton-wave-speed, 1.5s) ease-in-out infinite alternate}.skeleton-animated.skeleton-flicker{animation:skeleton-flicker 0.2s infinite}.skeleton-circle{border-radius:50%}.skeleton-rounded{border-radius:var(--skeleton-border-radius, 4px)}.skeleton-text{border-radius:4px}.skeleton-avatar{border-radius:50%}.skeleton-button{border-radius:6px}.skeleton-card{border-radius:8px;padding:16px}.skeleton-list-item{border-radius:4px;padding:12px;display:flex;align-items:center;gap:12px}.skeleton-card-content{display:flex;flex-direction:column;gap:12px}.skeleton-card-header{display:flex;align-items:center;gap:12px}.skeleton-card-title{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-card-body{display:flex;flex-direction:column;gap:8px}.skeleton-list-content{display:flex;align-items:center;gap:12px;width:100%}.skeleton-list-text{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-card .skeleton-circle,.skeleton-card .skeleton-text,.skeleton-list-item .skeleton-circle,.skeleton-list-item .skeleton-text{background:var(--skeleton-bg, #f0f0f0);animation:inherit}.skeleton-image-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.skeleton-profile-template{display:flex;align-items:center;gap:16px}.skeleton-profile-template .skeleton-profile-lines{display:flex;flex-direction:column;gap:8px}.skeleton-media-object-template{display:flex;align-items:flex-start;gap:12px}.skeleton-media-object-template .skeleton-media-lines{display:flex;flex-direction:column;gap:6px}.skeleton-feed-template{width:100%;padding:16px;border:1px solid var(--ui-color-border, var(--border-default, #e5e7eb));border-radius:12px;background:var(--ui-color-surface, var(--bg-primary, #ffffff))}.skeleton-mask{width:fit-content;height:fit-content;min-width:20px;min-height:20px;display:inline-block}.skeleton-mask>*{visibility:hidden}.skeleton-mask.skeleton-ghost>*{visibility:visible !important;opacity:0.15 !important;filter:blur(2px) grayscale(1)}.skeleton-replication-container{width:100%;display:flex;gap:var(--skeleton-gap, 16px)}.skeleton-replication-container.skeleton-direction-row{flex-wrap:wrap;flex-direction:row !important}.skeleton-replication-container.skeleton-direction-column{flex-direction:column !important}.skeleton-elevated{box-shadow:var(--skeleton-elevation, none)}@keyframes skeleton-pulse{0%,100%{opacity:1}50%{opacity:0.6}}@keyframes skeleton-wave{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes skeleton-sheen{100%{transform:translateX(100%)}}@keyframes skeleton-glow{from{box-shadow:0 0 5px rgba(255, 255, 255, 0), inset 0 0 5px rgba(255, 255, 255, 0)}to{box-shadow:0 0 20px rgba(255, 255, 255, 0.2), inset 0 0 10px rgba(255, 255, 255, 0.1)}}@keyframes skeleton-flicker{0%{opacity:0.95}25%{opacity:1}50%{opacity:0.9}75%{opacity:1}100%{opacity:0.95}}:host{--skeleton-border-radius:4px}.skeleton-speed-slow.skeleton-pulse{animation-duration:3s}.skeleton-speed-slow.skeleton-wave{animation-duration:3s}.skeleton-speed-slow.skeleton-shimmer{animation-duration:3.5s}.skeleton-speed-slow.skeleton-sheen::after{animation-duration:3.5s}.skeleton-speed-slow.skeleton-glow{animation-duration:3s}.skeleton-speed-normal.skeleton-pulse{animation-duration:1.5s}.skeleton-speed-normal.skeleton-wave{animation-duration:1.5s}.skeleton-speed-normal.skeleton-shimmer{animation-duration:1.8s}.skeleton-speed-normal.skeleton-sheen::after{animation-duration:1.8s}.skeleton-speed-normal.skeleton-glow{animation-duration:1.5s}.skeleton-speed-fast.skeleton-pulse{animation-duration:0.8s}.skeleton-speed-fast.skeleton-wave{animation-duration:0.8s}.skeleton-speed-fast.skeleton-shimmer{animation-duration:1s}.skeleton-speed-fast.skeleton-sheen::after{animation-duration:1s}.skeleton-speed-fast.skeleton-glow{animation-duration:0.8s}';export{n as ui_pagination,o as ui_rating,r as ui_skeleton}

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

@@ -0,0 +1 @@
+import{r as t,a as r,h as a,H as e,c as i}from"./p-DUsoYu9r.js";import{s as o}from"./p-D2WzX6vR.js";const s=class{constructor(r){t(this,r)}get el(){return r(this)}avatars=[];maxVisible=5;max=null;size="m";shape="circle";layout="stack";spacing=4;overlap=null;borderColor="white";borderWidth=2;enablePopover=!0;animated=!0;slottedAvatars=[];showPopover=!1;isRosterOpen=!1;isHovered=!1;handleSlotChange(){this.updateSlottedAvatars()}componentWillLoad(){this.updateSlottedAvatars()}componentDidLoad(){}updateSlottedAvatars(){const t=this.el.shadowRoot?.querySelector("slot"),r=t?t.assignedElements():Array.from(this.el.children);this.slottedAvatars=r.filter((t=>"ui-avatar"===t.tagName.toLowerCase()))}getMaxCount(){const t=this.max||this.maxVisible;return"number"==typeof t?t:t&&"object"==typeof t&&"count"in t&&t.count||1/0}getMaxStyle(){return this.max&&"object"==typeof this.max&&"style"in this.max?this.max.style:{}}calculateOverlap(){if("grid"===this.layout)return this.spacing;if(null!==this.overlap)return-Math.abs(this.overlap);const t={xs:24,s:32,sm:32,default:20,m:40,lg:40,l:48,xl:64};let r=40;const a=parseFloat(this.size);return isNaN(a)?"string"==typeof this.size&&t[this.size]&&(r=t[this.size]):r=a,-.4*r}handleMouseEnterGroup=()=>{this.isHovered=!0};handleMouseLeaveGroup=()=>{this.isHovered=!1,this.showPopover=!1};toggleRoster=t=>{t.stopPropagation(),this.isRosterOpen=!this.isRosterOpen};closeRoster=()=>{this.isRosterOpen=!1};renderExcessCount(t,r){const e=t-r;if(e<=0)return null;const i=this.getMaxStyle();return a("div",{class:"excess-avatar-container",onMouseEnter:()=>this.showPopover=this.enablePopover,onMouseLeave:()=>this.showPopover=!1,onClick:this.toggleRoster},a("div",{class:{"avatar-extra":!0,[`avatar-${this.getSizeAlias()}`]:!0,[`shape-${this.shape}`]:!0},style:{...i,backgroundColor:i.backgroundColor||"#f56a00"}},"+",e),this.showPopover&&this.enablePopover&&"stack"===this.layout&&this.renderPopover(r))}renderPopover(t){const r=this.getAllAvatarData().slice(t);return a("div",{class:"avatar-popover"},a("div",{class:"popover-content"},r.map(((t,r)=>a("div",{class:"popover-item",key:r},a("ui-avatar",{size:"xs",shape:this.shape,src:t.src,icon:t.icon,name:t.name,content:t.content,bgColor:t.bgColor}),a("span",{class:"popover-text"},t.name||t.content||"User"))))))}getAllAvatarData(){return this.avatars&&this.avatars.length>0?this.avatars:this.slottedAvatars.map((t=>({src:t.getAttribute("src"),name:t.getAttribute("name"),content:t.getAttribute("content")||t.textContent?.trim(),tooltipText:t.getAttribute("tooltipText")||t.getAttribute("tooltip-text")||t.getAttribute("name")||t.textContent?.trim(),icon:t.getAttribute("icon"),bgColor:t.getAttribute("bgColor")||t.getAttribute("bg-color"),badge:t.getAttribute("badge"),status:t.getAttribute("status")})))}getSizeAlias(){return{sm:"s",md:"m",lg:"l"}[this.size]||this.size}render(){const t=this.getAllAvatarData(),r=this.getMaxCount(),i="grid"===this.layout?t:t.slice(0,r),o=this.calculateOverlap(),s={"avatar-group":!0,[`layout-${this.layout}`]:!0,"avatar-group-animated":this.animated&&"stack"===this.layout,expanded:this.isHovered&&"stack"===this.layout},n={"--avatar-spacing":`${o}px`,"--avatar-border-color":this.borderColor,"--avatar-border-width":`${this.borderWidth}px`,"--avatar-size":"number"==typeof this.size?`${this.size}px`:this.size.toString()};return a(e,{key:"d1c53574be9549de6cce9cf8aae33ac8019dd556"},a("div",{key:"0f64bd06b7f8bd077e98286b9df7cd24e1924a50",class:s,style:n,onMouseEnter:this.handleMouseEnterGroup,onMouseLeave:this.handleMouseLeaveGroup},a("div",{key:"937475ddb42adc924320a2f15f61a76f3ec3c916",class:"avatar-list"},i.map(((r,e)=>a("ui-avatar",{...r,key:e,size:this.size,shape:this.shape,border:`${this.borderWidth}px solid ${this.borderColor}`,class:"group-avatar",style:{zIndex:("stack"===this.layout?t.length-e:1).toString()}}))),"stack"===this.layout&&this.renderExcessCount(t.length,r)),a("div",{key:"52779f80360501b288b88cd896f2dd117b18c0e1",style:{display:"none"}},a("slot",{key:"bd6996c4789091de98a2f01349990412278e51ee"}))),this.isRosterOpen&&a("div",{key:"fb404a5fd2e4723bb54465a8e6b94d220052721d",class:"avatar-roster-backdrop",onClick:this.closeRoster},a("div",{key:"81df0d927175829c2fe80e3c39bf81350011620e",class:"avatar-roster-content",onClick:t=>t.stopPropagation()},a("div",{key:"89cea0f5aed19f87eaab53bdab36b0ccf429dc54",class:"roster-header"},a("h3",{key:"3d113ccb91edb0b47e7bccc311af3f52f09ed5f2"},"Participants (",t.length,")"),a("ui-button",{key:"ad42880fadf89334d69ff0fca445adf7fb1b4494",variant:"ghost",onClick:this.closeRoster,ariaLabel:"Close roster",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"})),a("div",{key:"d683e744b8a132d600d8681254c39b0569b1564c",class:"roster-list"},t.map(((t,r)=>a("div",{key:r,class:"roster-item"},a("ui-avatar",{...t,size:"s",shape:this.shape}),a("div",{class:"roster-info"},a("span",{class:"roster-name"},t.name||t.content||"Anonymous"),t.status&&a("span",{class:`roster-status status-${t.status}`},t.status)))))))))}};s.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.avatar-group{display:inline-flex;position:relative;align-items:center}.avatar-group.layout-stack .group-avatar{margin-right:var(--avatar-spacing, -16px);transition:all 0.5s cubic-bezier(0.25, 1, 0.5, 1);transform-origin:center bottom}.avatar-group.layout-stack .group-avatar:hover{z-index:100 !important;transform:scale(1.25) translateY(-10px);margin-right:8px !important;box-shadow:0 10px 25px rgba(0, 0, 0, 0.2);border-color:var(--border-subtle, #fff) !important}.avatar-group.layout-stack .group-avatar:hover~.group-avatar,.avatar-group.layout-stack .group-avatar:hover~.excess-avatar-container{transform:translateX(24px)}.avatar-group.layout-stack.avatar-group-animated:hover{padding-right:40px}.avatar-group.layout-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(var(--avatar-size) + 8px), 1fr));gap:8px;width:100%}.avatar-list{display:flex;flex-wrap:wrap;align-items:center}.layout-stack .avatar-list{flex-wrap:nowrap}.avatar-extra{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-danger, #f56a00);color:var(--text-standard, #ffffff);font-weight:600;border:var(--avatar-border-width, 2px) solid var(--avatar-border-color, #fff);cursor:pointer;z-index:1;transition:transform 0.2s;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);font-size:0.8em}.avatar-extra:hover{transform:scale(1.1) translateY(-4px);z-index:100;box-shadow:0 8px 20px rgba(0, 0, 0, 0.15)}.avatar-extra.shape-circle{border-radius:50%}.avatar-extra.shape-square{border-radius:8px}.avatar-popover{position:absolute;top:100%;right:0;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.2);padding:12px;z-index:1000;min-width:180px;margin-top:8px;animation:popoverFadeIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.avatar-popover::after{content:"";position:absolute;top:-12px;right:12px;border:6px solid transparent;border-bottom-color:var(--bg-primary, #ffffff)}.avatar-popover .popover-content{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.avatar-popover .popover-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;transition:background 0.2s;cursor:pointer}.avatar-popover .popover-item:hover{background:var(--bg-secondary, #f3f4f6)}.avatar-popover .popover-item ui-avatar{transition:none !important;transform:none !important;box-shadow:none !important}.avatar-popover .popover-text{font-size:14px;color:var(--text-secondary, #374151);font-weight:500}@keyframes popoverFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.avatar-roster-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(4px)}.avatar-roster-content{background:var(--bg-primary, #ffffff);width:90%;max-width:500px;max-height:80vh;border-radius:16px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.3);display:flex;flex-direction:column;overflow:hidden;animation:modalIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)}.roster-header{padding:20px;border-bottom:1px solid var(--border-subtle, #eee);display:flex;align-items:center;justify-content:space-between}.roster-header h3{margin:0;color:var(--text-primary, #1f2937)}.roster-header .close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:var(--text-muted, #9ca3af)}.roster-header .close-btn:hover{color:var(--text-primary, #1f2937)}.roster-list{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.roster-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:12px;transition:background 0.2s}.roster-item:hover{background:var(--bg-primary, #f9fafb)}.roster-info{display:flex;flex-direction:column}.roster-name{font-weight:600;color:var(--text-primary, #111827)}.roster-status{font-size:11px;text-transform:capitalize;border-radius:4px;padding:1px 6px;width:fit-content}.status-online{color:var(--color-success-hover, #059669);background:var(--bg-primary, #ecfdf5)}@keyframes modalIn{from{opacity:0;transform:scale(0.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}';const n=class{constructor(r){t(this,r)}get el(){return r(this)}direction="horizontal";wrap="nowrap";spacing="8px";align="center";justify="start";max=0;overlap=!1;showDividers=!1;dividerType="solid";childrenCount=0;isRosterOpen=!1;mutationObserver;componentWillLoad(){this.updateChildrenCount()}componentDidLoad(){this.mutationObserver=new MutationObserver((()=>{this.updateChildrenCount()})),this.mutationObserver.observe(this.el,{childList:!0})}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}toggleRoster=()=>{this.isRosterOpen=!this.isRosterOpen};closeRoster=()=>{this.isRosterOpen=!1};updateChildrenVisibility(t){Array.from(this.el.children).forEach(((r,a)=>{r.style.display=a<t?"":"none"}))}updateChildrenCount(){this.childrenCount=this.el.children.length}renderRoster(t,r){return a("div",{class:"stack-roster-backdrop",onClick:this.closeRoster},a("div",{class:"stack-roster-content",onClick:t=>t.stopPropagation()},a("div",{class:"roster-header"},a("div",{class:"roster-titles"},a("h4",{class:"roster-main-title"},"Hidden Items"),a("span",{class:"roster-sub-title"},r," items total")),a("ui-button",{variant:"ghost",onClick:this.closeRoster,ariaLabel:"Close roster",icon:"times",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})),a("div",{class:"roster-list"},t.map(((t,r)=>a("div",{key:r,class:"roster-item"},a("div",{class:"roster-item-preview",innerHTML:o(t.outerHTML)}),a("span",{class:"roster-item-label"},"Item ",r+1)))))))}render(){const t=this.overlap||this.spacing.startsWith("-"),r=this.max>0?this.max:this.childrenCount,i=this.childrenCount-r,o=Array.from(this.el.children);return requestAnimationFrame((()=>this.updateChildrenVisibility(r))),a(e,{key:"b4bb6771a1c77451d4942923c5d073e8a244364b",class:{"ui-stack":!0,[`stack-${this.direction}`]:!0,[`stack-wrap-${this.wrap}`]:!0,"stack-overlap":t,"stack-show-dividers":this.showDividers&&!t,[`divider-${this.dividerType}`]:this.showDividers},style:{"--stack-spacing":t?"0":this.spacing,"--stack-overlap":t?this.spacing.startsWith("-")?this.spacing:"-12px":"0","align-items":this.align,"justify-content":this.justify,"flex-wrap":this.wrap}},a("div",{key:"9da8fff23f86aa701e9924f551318b29f9af4cfb",class:"stack-container"},a("slot",{key:"6525df2ac3797654bea059326ead5fe8a89e55ae"}),i>0&&a("div",{key:"aa65e3619fad1f13b85b19c70b157ac96f559216",class:"stack-overflow-indicator",onClick:t=>{t.stopPropagation(),this.toggleRoster()},onKeyDown:t=>{"Enter"===t.key&&this.toggleRoster()},tabindex:"0",role:"button",title:`View ${i} more items`},"+",i)),this.isRosterOpen&&this.renderRoster(o,this.childrenCount))}};n.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:inline-block}:host(.stack-horizontal) .stack-container{flex-direction:row}:host(.stack-vertical) .stack-container{flex-direction:column}.stack-container{display:flex;gap:var(--stack-spacing, 8px)}:host(.stack-wrap-wrap) .stack-container{flex-wrap:wrap}:host(.stack-wrap-wrap-reverse) .stack-container{flex-wrap:wrap-reverse}:host(.stack-show-dividers) .stack-container{gap:0}:host(.stack-show-dividers) ::slotted(*:not(:last-child)){position:relative;margin-right:var(--stack-spacing, 8px);display:flex;align-items:center}:host(.stack-show-dividers) ::slotted(*:not(:last-child))::after{content:"";position:absolute;right:calc(var(--stack-spacing, 8px) / -2);background:var(--bg-primary, #e5e7eb)}:host(.stack-horizontal.stack-show-dividers) ::slotted(*:not(:last-child))::after{width:1px;height:60%;top:20%}:host(.stack-vertical.stack-show-dividers) ::slotted(*:not(:last-child))::after{height:1px;width:60%;left:20%;bottom:calc(var(--stack-spacing, 8px) / -2)}:host(.divider-dashed) ::slotted(*:not(:last-child))::after{border-right:1px dashed var(--border-default, #e5e7eb);background:none}:host(.divider-dotted) ::slotted(*:not(:last-child))::after{border-right:1px dotted var(--border-default, #e5e7eb);background:none}:host(.stack-overlap) .stack-container{padding-right:20px}:host(.stack-overlap) ::slotted(*){margin-right:var(--stack-overlap, -12px) !important;transition:transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), z-index 0s, filter 0.3s ease;position:relative;z-index:1;border:2px solid var(--bg-primary, #ffffff);box-sizing:border-box;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));cursor:pointer}:host(.stack-overlap) ::slotted(*:hover){transform:translateY(-8px) scale(1.1) rotate(1deg);z-index:100 !important;filter:drop-shadow(0 12px 24px rgba(0, 0, 0, 0.2))}:host(.stack-overlap) ::slotted(*:last-child){margin-right:0 !important}.stack-roster-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn 0.2s ease-out}.stack-roster-content{background:var(--bg-primary, #ffffff);width:90%;max-width:400px;max-height:80vh;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);display:flex;flex-direction:column;overflow:hidden;animation:slideUp 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.roster-header{padding:16px 20px;border-bottom:1px solid var(--border-subtle, #f1f5f9);display:flex;justify-content:space-between;align-items:center}.roster-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #1e293b)}.close-btn{background:var(--bg-secondary, #f1f5f9);border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted, #64748b);font-size:18px;transition:all 0.2s}.close-btn:hover{background:var(--bg-primary, #e2e8f0);color:var(--text-primary, #0f172a)}.roster-list{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.roster-item{padding:10px;border-radius:10px;background:var(--bg-primary, #f8fafc);border:1px solid var(--border-subtle, #f1f5f9);display:flex;align-items:center;transition:background 0.2s}.roster-item:hover{background:var(--bg-secondary, #f1f5f9)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.stack-overflow-indicator{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:50%;background:var(--bg-secondary, #f3f4f6);border:2px solid var(--bg-primary, #ffffff);color:var(--text-secondary, #4b5563);font-size:12px;font-weight:600;z-index:10;cursor:pointer;transition:transform 0.2s}.stack-overflow-indicator:hover{transform:scale(1.1);background:var(--bg-primary, #e5e7eb)}@media (prefers-color-scheme: dark){.stack-roster-content{background:var(--bg-primary, #1e293b)}.roster-header h4{color:var(--text-standard, #ffffff)}.roster-item{background:var(--color-primary, #334155);border-color:var(--color-primary, #475569)}.roster-item:hover{background:var(--color-primary, #475569)}.stack-overflow-indicator{background:var(--color-primary, #374151);border-color:var(--border-strong, #1f2937);color:var(--text-standard, #f3f4f6)}.stack-overflow-indicator:hover{background:var(--color-primary, #4b5563)}}';const p=class{constructor(r){t(this,r),this.tagAdd=i(this,"tagAdd"),this.tagGroupChange=i(this,"tagGroupChange")}get el(){return r(this)}max=0;spacing="8px";overlap=!1;value=[];selectionMode="none";size;variant;color;rounded=!1;removable=!1;creatable=!1;searchable=!1;collapsible=!1;caseSensitive=!1;delimiters=[","," "];skeleton=!1;shape;animation;readOnly=!1;placeholder="Add tag...";tagAdd;searchQuery="";isExpanded=!1;isLastTagHighlighted=!1;tagGroupChange;handleKeyDown(t){if(this.readOnly)return;const r=Array.from(this.el.querySelectorAll("ui-tag")),a=this.el.shadowRoot?.activeElement||document.activeElement,e=r.findIndex((t=>t===a||t.contains(a))),i=a===this.el.shadowRoot?.querySelector(".tag-group-inline-input");if("ArrowLeft"===t.key)i&&0===t.target.selectionStart?r.length>0&&(r[r.length-1].focus(),t.preventDefault()):e>0&&(r[e-1].focus(),t.preventDefault());else if("ArrowRight"===t.key)-1!==e&&(e===r.length-1?this.el.shadowRoot?.querySelector(".tag-group-inline-input")?.focus():r[e+1].focus(),t.preventDefault());else if(("Backspace"===t.key||"Delete"===t.key)&&-1!==e){const a=r[e],i=e<r.length-1?r[e+1]:this.el.shadowRoot?.querySelector(".tag-group-inline-input");this.removable&&(this.removeTagByValue(a.value||a.label),i&&i.focus(),t.preventDefault())}}handleGroupChange(){this.updateChildren()}handleTagRemove(t){if(this.readOnly)return;const r=t.target;if(!r)return;const a=r.value||r.label;if(Array.isArray(this.value)){const t=this.value.indexOf(a);if(t>-1){const r=[...this.value];r.splice(t,1),this.value=r,this.tagGroupChange.emit(this.value)}}else this.value===a&&(this.value="",this.tagGroupChange.emit(this.value));r.parentNode===this.el&&this.el.removeChild(r),setTimeout((()=>this.updateChildren()),50)}handleTagCheck(t){if(this.readOnly||"none"===this.selectionMode)return;const r=t.target,a=r.value||r.label;if("single"===this.selectionMode)this.value=t.detail?a:"",this.syncSelection();else{const r=Array.isArray(this.value)?[...this.value]:this.value?[this.value]:[];if(t.detail)r.includes(a)||r.push(a);else{const t=r.indexOf(a);t>-1&&r.splice(t,1)}this.value=r,this.syncSelection()}this.tagGroupChange.emit(this.value)}componentDidLoad(){this.updateChildren();const t=this.el.shadowRoot?.querySelector("slot");t&&t.addEventListener("slotchange",(()=>this.updateChildren()))}updateChildren(){const t=Array.from(this.el.querySelectorAll("ui-tag")),r=this.searchQuery.toLowerCase();t.forEach(((a,e)=>{this.size&&(a.size=this.size),this.variant&&(a.variant=this.variant),this.color&&(a.color=this.color),!this.overlap||this.shape||a.shape?this.shape?a.shape=this.shape:this.rounded&&(a.shape="pill"):a.shape="circle",this.skeleton&&(a.skeleton=this.skeleton),this.animation&&(a.animation=this.animation),a.removable=!this.readOnly&&this.removable,a.disabled=this.readOnly,"none"!==this.selectionMode&&(a.checkable=!0);const i=(a.label||"").toLowerCase().includes(r),o=this.max>0&&e>=this.max;this.isLastTagHighlighted&&e===t.length-1?a.setAttribute("highlighted","true"):a.removeAttribute("highlighted"),a.style.display=!i||o&&!this.isExpanded?"none":""})),this.syncSelection()}syncSelection(){const t=Array.from(this.el.querySelectorAll("ui-tag")),r=Array.isArray(this.value)?this.value:[this.value];t.forEach((t=>{t.checked=r.includes(t.value||t.label)}))}handleSearch=t=>{this.searchQuery=t.detail,this.updateChildren()};addTags(t){if(!t)return;this.isLastTagHighlighted=!1;const r=this.delimiters.map((t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))).join("|"),a=new RegExp(r||",","g");t.split(a).map((t=>t.trim())).filter((t=>!!t)).forEach((t=>{const r=Array.from(this.el.querySelectorAll("ui-tag")).find((r=>this.caseSensitive?r.label===t:r.label.toLowerCase()===t.toLowerCase()));if(r)r.pulse=!0,setTimeout((()=>r.pulse=!1),2e3);else{const r=document.createElement("ui-tag");r.setAttribute("label",t),this.el.appendChild(r),this.tagAdd.emit(t)}})),this.updateChildren()}removeLastTag(){const t=Array.from(this.el.querySelectorAll("ui-tag"));if(t.length>0){const r=t[t.length-1],a=r.value||r.label;if(Array.isArray(this.value)){const t=this.value.indexOf(a);if(t>-1){const r=[...this.value];r.splice(t,1),this.value=r,this.tagGroupChange.emit(this.value)}}this.el.removeChild(r),this.updateChildren()}}removeTagByValue(t){if(Array.isArray(this.value)){const r=this.value.indexOf(t);if(r>-1){const t=[...this.value];t.splice(r,1),this.value=t,this.tagGroupChange.emit(this.value)}}else this.value===t&&(this.value="",this.tagGroupChange.emit(this.value));const r=Array.from(this.el.querySelectorAll("ui-tag")).find((r=>(r.value||r.label)===t));r&&this.el.removeChild(r),this.updateChildren()}handleAddTag=t=>{const r=t.detail.target,a=r.value,e=t.detail.key;if("Enter"===e||this.delimiters.includes(e)&&a.trim())return this.delimiters.includes(e)&&t.detail.preventDefault(),this.addTags(a),void(r.value="");"Backspace"!==e||a?(a||"Backspace"!==e)&&(this.isLastTagHighlighted=!1,this.updateChildren()):this.isLastTagHighlighted?(this.removeLastTag(),this.isLastTagHighlighted=!1):(this.isLastTagHighlighted=!0,this.updateChildren()),"Escape"===e&&(this.isLastTagHighlighted=!1,this.updateChildren())};toggleExpand=()=>{this.isExpanded=!this.isExpanded};render(){const t=Array.from(this.el.querySelectorAll("ui-tag")),r=t.filter((t=>"none"!==t.style.display)),i=this.max>0&&t.length>this.max,o=0===t.length,s=t.length>0&&0===r.length,n=(this.searchable||this.creatable)&&!this.readOnly;return a(e,{key:"100edcd7c662a814b0f9fb61726e2582e794a228"},a("div",{key:"4c67c1ca95250f7b86aa920806a9c610fd177e5b",class:{"tag-group-container":!0,"is-readonly":this.readOnly,"is-empty":o}},a("ui-stack",{key:"80cc96c4c1106e7627160f5396443f9f76ff05d5",spacing:this.spacing,overlap:this.overlap,max:this.isExpanded?0:this.max,wrap:"wrap"},a("slot",{key:"4d6a8877bc1aad8548782ca3eb79d55bd620a3b7"}),n&&a("ui-input",{key:"1097f155dbea020ea979f38ad1557113d5f535f8",type:"text",class:"tag-group-inline-input",placeholder:o?this.placeholder:"",value:this.searchQuery,onInputChange:this.handleSearch,onInputKeydown:this.handleAddTag,size:"sm",variant:"borderless",hideBorder:!0,fullWidth:!0})),s&&a("div",{key:"887770e92e8f74e0c2299b082123aa99f0a8e973",class:"tag-group-empty no-results"},a("span",{key:"0b99fe5f1f8f1a8e0546d6ef986e4868513f0c98"},'No tags match "',this.searchQuery,'"'))||o&&this.readOnly&&a("div",{key:"af1db7772425a2792d52641b9b6a0850a236d4dd",class:"tag-group-empty"},a("ui-icon",{key:"c436b83d899bddf9c606cb767b97cbd5485d4086",name:"tag",library:"lucide",size:"1.4em"}),a("span",{key:"22a6243817d886e23b529ead4366bcf81b2fe057"},"No items assigned")),this.collapsible&&i&&a("ui-button",{key:"bf5f9ce800276a0c6294d48c9817b3b342b09a0c",variant:"ghost",size:"sm",class:"tag-group-overflow-toggle",onClick:this.toggleExpand,label:this.isExpanded?"Show less":`View all ${t.length} items`})))}static get watchers(){return{isExpanded:[{handleGroupChange:0}],skeleton:[{handleGroupChange:0}],shape:[{handleGroupChange:0}],color:[{handleGroupChange:0}]}}};p.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.tag-group-container{display:flex;flex-direction:column;gap:12px;padding:8px 12px;border:1.5px solid var(--border-subtle, #e2e8f0);border-radius:10px;background:var(--bg-primary, #f8fafc);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);min-height:42px}.tag-group-container:focus-within{background:var(--bg-primary, #ffffff);border-color:var(--color-primary, #10b981);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.tag-group-container.is-readonly{background:transparent;border-color:transparent;padding:0;pointer-events:none}.tag-group-inline-input{flex:1;min-width:60px;border:none;background:transparent;font-size:13px;padding:4px 0;outline:none;color:var(--text-primary, #1e293b)}.tag-group-inline-input::placeholder{color:var(--color-primary, #94a3b8)}ui-stack[overlap] ui-tag,ui-stack[overlap=true] ui-tag{--ui-tag-border:2px solid var(--bg-primary, #ffffff) !important;transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}ui-stack[overlap] ui-tag:hover,ui-stack[overlap=true] ui-tag:hover{transform:translateY(-4px) scale(1.1);z-index:100 !important}ui-tag[highlighted=true]{--ui-tag-bg:var(--color-primary, #10b981) !important;--ui-tag-color:var(--text-standard, #ffffff) !important;--ui-tag-border:1px solid var(--color-primary-hover, #2563eb) !important;transform:scale(1.05);box-shadow:0 4px 6px -1px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.tag-group-overflow-toggle{margin-top:4px;align-self:flex-start;background:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-subtle, #e2e8f0);color:var(--text-muted, #64748b);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;cursor:pointer;padding:4px 12px;border-radius:999px;transition:all 0.2s ease}.tag-group-overflow-toggle:hover{background:var(--bg-primary, #ffffff);color:var(--color-primary, #10b981);border-color:var(--color-primary, #10b981);transform:translateY(-1px)}.tag-group-overflow-toggle:active{transform:translateY(0)}.tag-group-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:8px;color:var(--color-primary, #94a3b8);background:transparent}.tag-group-empty ui-icon{opacity:0.4}.tag-group-empty span{font-size:13px;font-weight:500}.tag-group-empty.no-results{padding:12px;border-radius:8px;background:rgba(241, 245, 249, 0.5);color:var(--text-muted, #64748b);border:1px dashed var(--border-subtle, #e2e8f0)}";export{s as ui_avatar_group,n as ui_stack,p as ui_tag_group}

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

@@ -0,0 +1 @@
+import{r as t,c as o,a as i,h as s,H as e}from"./p-DUsoYu9r.js";import{s as r}from"./p-D2WzX6vR.js";const l=class{constructor(i){t(this,i),this.tooltipShow=o(this,"tooltipShow"),this.tooltipHide=o(this,"tooltipHide"),this.tooltipClick=o(this,"tooltipClick"),this.tooltipMouseEnter=o(this,"tooltipMouseEnter"),this.tooltipMouseLeave=o(this,"tooltipMouseLeave"),this.tooltipMouseMove=o(this,"tooltipMouseMove"),this.tooltipClose=o(this,"tooltipClose"),this.tooltipKeydown=o(this,"tooltipKeydown"),this.tooltipTouchStart=o(this,"tooltipTouchStart"),this.tooltipTouchEnd=o(this,"tooltipTouchEnd")}get el(){return i(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&&(l.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&&(l.groupListeners.has(this.groupId)||l.groupListeners.set(this.groupId,[]),l.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 t=l.groupListeners.get(this.groupId)||[],o=t.indexOf(this.handleGroupChange);-1!==o&&t.splice(o,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,o)=>{if(o&&t)for(;t.firstChild;){const i=t.firstChild;i instanceof HTMLElement&&i.classList.contains("tooltip-loading-spinner")?t.removeChild(i):o.appendChild(i)}};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:r(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}]}}};l.style='.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}}';export{l as ui_tooltip}