atomicuilibrary 0.1.0 → 0.1.3

package/dist/exploration-project-tailwind/p-0d31c9e9.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,a as s,h as e,H as a}from"./p-DUsoYu9r.js";const r=class{constructor(s){t(this,s),this.colorChange=i(this,"colorChange")}value="#3bf673";label="";showHex=!0;showRgb=!0;showRgba=!0;showHsl=!0;showHsla=!0;showAlpha=!1;showSwatches=!0;swatches=[];format="hex";disabled=!1;inline=!1;size="md";name="";required=!1;showRecent=!0;showEyeDropper=!0;showColorName=!0;showGradient=!1;variant="default";get el(){return s(this)}internals;isOpen=!1;hue=220;saturation=80;lightness=60;alpha=1;hexInput="#3bf673";isInvalid=!1;invalidField=null;recentColors=[];isGradientMode=!1;gradientStops=["#3bf673","#10b981"];activeStopIndex=0;colorChange;handleDocumentPointerDown=t=>{this.isOpen&&!this.inline&&(("function"==typeof t.composedPath?t.composedPath():[]).includes(this.el)||this.el.contains(t.target)||(this.isOpen=!1))};defaultSwatches=["#ef4444","#f97316","#f59e0b","#eab308","#84cc16","#22c55e","#10b981","#06b6d4","#3bf673","#8b5cf6","#ec4899","#f43f5e","#6b7280","#1f2937","#ffffff"];colorNames={"#ff0000":"Red","#00ff00":"Lime","#0000ff":"Blue","#ffffff":"White","#000000":"Black","#808080":"Gray","#ffff00":"Yellow","#00ffff":"Cyan","#ff00ff":"Magenta","#3bf673":"Royal Blue","#10b981":"Emerald","#ef4444":"Red Orange","#f59e0b":"Amber","#8b5cf6":"Violet","#6b7280":"Slate"};initializeInternals(){if(!this.internals&&"function"==typeof this.el?.attachInternals)try{this.internals=this.el.attachInternals()}catch(t){if(!(t instanceof DOMException)||"NotSupportedError"!==t.name)throw t}}componentWillLoad(){this.initializeInternals(),this.syncValueToState(this.value),this.value=this.getFormattedValue(),this.updateFormValue(),this.loadHistory()}connectedCallback(){document.addEventListener("pointerdown",this.handleDocumentPointerDown,!0)}disconnectedCallback(){document.removeEventListener("pointerdown",this.handleDocumentPointerDown,!0)}loadHistory(){if(this.showRecent)try{const t=localStorage.getItem("ui-color-history");t&&(this.recentColors=JSON.parse(t))}catch(t){console.error("Failed to load color history",t)}}saveHistory(t){if(!this.showRecent)return;const i=[t,...this.recentColors.filter((i=>i!==t))].slice(0,10);this.recentColors=i,localStorage.setItem("ui-color-history",JSON.stringify(i))}updateFormValue(){this.internals&&this.internals?.setFormValue(this.value)}valueChanged(t){this.syncValueToState(t)}getSwatches(){if("string"==typeof this.swatches)try{return JSON.parse(this.swatches)}catch{return this.defaultSwatches}return this.swatches.length>0?this.swatches:this.defaultSwatches}clamp(t,i,s){return Math.min(s,Math.max(i,t))}roundAlpha(t){return Math.round(100*this.clamp(t,0,1))/100}componentToHex(t){return Math.round(this.clamp(t,0,255)).toString(16).padStart(2,"0")}rgbToHsl(t,i,s){const e=this.clamp(t,0,255)/255,a=this.clamp(i,0,255)/255,r=this.clamp(s,0,255)/255,h=Math.max(e,a,r),n=Math.min(e,a,r),o=(h+n)/2;let l=0,p=0;if(h!==n){const t=h-n;switch(p=o>.5?t/(2-h-n):t/(h+n),h){case e:l=((a-r)/t+(a<r?6:0))/6;break;case a:l=((r-e)/t+2)/6;break;default:l=((e-a)/t+4)/6}}return{h:Math.round(360*l),s:Math.round(100*p),l:Math.round(100*o)}}parseHex(t){const i=t.trim().match(/^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i);if(!i)return null;let s=i[1];3!==s.length&&4!==s.length||(s=s.split("").map((t=>`${t}${t}`)).join(""));const e=8===s.length,a=parseInt(s.slice(0,2),16),r=parseInt(s.slice(2,4),16),h=parseInt(s.slice(4,6),16),n=e?parseInt(s.slice(6,8),16)/255:this.alpha,o=this.rgbToHsl(a,r,h);return{hex:`#${this.componentToHex(a)}${this.componentToHex(r)}${this.componentToHex(h)}`,alpha:this.roundAlpha(n),...o}}parseRgbColor(t){const i=t.trim().match(/^rgba?\(([^)]+)\)$/i);if(!i)return null;const s=i[1].split(",").map((t=>t.trim()));if(3!==s.length&&4!==s.length)return null;const e=s.slice(0,3).map((t=>Number(t)));if(e.some((t=>Number.isNaN(t))))return null;const[a,r,h]=e.map((t=>this.clamp(t,0,255))),n=void 0!==s[3]?this.roundAlpha(Number(s[3])):this.alpha;if(Number.isNaN(n))return null;const o=this.rgbToHsl(a,r,h);return{hex:`#${this.componentToHex(a)}${this.componentToHex(r)}${this.componentToHex(h)}`,alpha:n,...o}}parseHslColor(t){const i=t.trim().match(/^hsla?\(([^)]+)\)$/i);if(!i)return null;const s=i[1].split(",").map((t=>t.trim()));if(3!==s.length&&4!==s.length)return null;const e=Number(s[0]),a=Number(s[1].replace("%","")),r=Number(s[2].replace("%","")),h=void 0!==s[3]?this.roundAlpha(Number(s[3])):this.alpha;if([e,a,r,h].some((t=>Number.isNaN(t))))return null;const n=(e%360+360)%360,o=this.clamp(a,0,100),l=this.clamp(r,0,100);return{hex:this.hslToHex(n,o,l),alpha:h,h:Math.round(n),s:Math.round(o),l:Math.round(l)}}parseColorValue(t){return!t||t.startsWith("linear-gradient")?null:this.parseHex(t)||this.parseRgbColor(t)||this.parseHslColor(t)}syncParsedColor(t){this.hue=t.h,this.saturation=t.s,this.lightness=t.l,this.alpha=this.roundAlpha(t.alpha),this.hexInput=this.getHexInputValue(t.hex,t.alpha),this.isInvalid=!1,this.invalidField=null}syncValueToState(t){const i=this.parseColorValue(t);i&&this.syncParsedColor(i)}hslToHex(t,i,s){const e=t/360,a=i/100,r=s/100;let h,n,o;if(0===a)h=n=o=r;else{const t=(t,i,s)=>(s<0&&(s+=1),s>1&&(s-=1),s<1/6?t+6*(i-t)*s:s<.5?i:s<2/3?t+(i-t)*(2/3-s)*6:t),i=r<.5?r*(1+a):r+a-r*a,s=2*r-i;h=t(s,i,e+1/3),n=t(s,i,e),o=t(s,i,e-1/3)}const l=t=>Math.round(255*t).toString(16).padStart(2,"0");return`#${l(h)}${l(n)}${l(o)}`}getRgbValues(){const t=this.hslToHex(this.hue,this.saturation,this.lightness).replace("#","");return{r:parseInt(t.slice(0,2),16),g:parseInt(t.slice(2,4),16),b:parseInt(t.slice(4,6),16)}}getHexValue(t=this.hslToHex(this.hue,this.saturation,this.lightness),i=this.alpha){return i<1?`${t}${this.componentToHex(255*i)}`:t}getHexInputValue(t=this.hslToHex(this.hue,this.saturation,this.lightness),i=this.alpha){return this.getHexValue(t,i).replace(/^#/,"")}getRgbString(t=!1){const{r:i,g:s,b:e}=this.getRgbValues();return t?`rgba(${i}, ${s}, ${e}, ${this.roundAlpha(this.alpha)})`:`rgb(${i}, ${s}, ${e})`}getHslString(t=!1){return t?`hsla(${this.hue}, ${this.saturation}%, ${this.lightness}%, ${this.roundAlpha(this.alpha)})`:`hsl(${this.hue}, ${this.saturation}%, ${this.lightness}%)`}getFormattedValue(){switch(this.format){case"rgb":return this.getRgbString(!1);case"rgba":return this.getRgbString(!0);case"hsl":return this.getHslString(!1);case"hsla":return this.getHslString(!0);default:return this.getHexValue()}}updateColorFromInput(t,i){"hex"===i&&(this.hexInput=t.replace(/^#/,""));const s="hex"===i?`#${t.replace(/^#/,"")}`:t,e=this.parseColorValue(s);if(!e)return this.isInvalid=!0,void(this.invalidField=i);this.syncParsedColor(e);const a=this.getFormattedValue();this.value=a,this.updateFormValue(),this.colorChange.emit(a)}emitChange(){const t=this.hslToHex(this.hue,this.saturation,this.lightness);if(this.isGradientMode){this.gradientStops[this.activeStopIndex]=t,this.gradientStops=[...this.gradientStops];const i=`linear-gradient(90deg, ${this.gradientStops[0]}, ${this.gradientStops[1]})`;this.value=i,this.colorChange.emit(i)}else this.value=this.getFormattedValue(),this.hexInput=this.getHexInputValue(t,this.alpha),this.isInvalid=!1,this.invalidField=null,this.updateFormValue(),this.colorChange.emit(this.value),this.saveHistory(t)}toggleGradientMode=()=>{this.isGradientMode=!this.isGradientMode,this.emitChange()};async handleEyeDropper(){if(!("EyeDropper"in window))return void alert("EyeDropper API is not supported in this browser.");const t=new EyeDropper;try{const i=await t.open();this.handleSwatch(i.sRGBHex)}catch(t){}}getColorName(t){const i=t.toLowerCase();return this.colorNames[i]||"Custom"}handleHexInput=t=>{this.updateColorFromInput(t.detail,"hex")};handleSwatch=t=>{const i=this.parseHex(t);i&&(this.syncParsedColor(i),this.value=this.getFormattedValue(),this.updateFormValue(),this.colorChange.emit(this.value),this.saveHistory(i.hex))};parseChannelValue(t){if(""===t||null==t)return null;const i=Number(t);return Number.isFinite(i)?i:null}setChannelValidation(t){this.isInvalid=Boolean(t),this.invalidField=t}applyRgbColor(t,i,s,e=this.alpha){const a=Math.round(this.clamp(t,0,255)),r=Math.round(this.clamp(i,0,255)),h=Math.round(this.clamp(s,0,255)),n=this.roundAlpha(e),o=this.rgbToHsl(a,r,h);this.syncParsedColor({hex:`#${this.componentToHex(a)}${this.componentToHex(r)}${this.componentToHex(h)}`,alpha:n,...o}),this.value=this.getFormattedValue(),this.updateFormValue(),this.colorChange.emit(this.value)}applyHslColor(t,i,s,e=this.alpha){const a=Math.round(this.clamp(t,0,360)),r=Math.round(this.clamp(i,0,100)),h=Math.round(this.clamp(s,0,100)),n=this.roundAlpha(e);this.syncParsedColor({hex:this.hslToHex(a,r,h),alpha:n,h:a,s:r,l:h}),this.value=this.getFormattedValue(),this.updateFormValue(),this.colorChange.emit(this.value)}handleRgbChannelChange=(t,i)=>{const s=this.parseChannelValue(i.detail);if(null===s||s<0||s>255)return void this.setChannelValidation(`rgb-${t}`);const e=this.getRgbValues();e[t]=Math.round(s),this.setChannelValidation(null),this.applyRgbColor(e.r,e.g,e.b)};handleRgbaChannelChange=(t,i)=>{const s=this.parseChannelValue(i.detail),e=`rgba-${t}`;if(null===s)return void this.setChannelValidation(e);const a=this.getRgbValues();let r=this.alpha;if("a"===t){if(s<0||s>1)return void this.setChannelValidation(e);r=s}else{if(s<0||s>255)return void this.setChannelValidation(e);a[t]=Math.round(s)}this.setChannelValidation(null),this.applyRgbColor(a.r,a.g,a.b,r)};handleHslChannelChange=(t,i)=>{const s=this.parseChannelValue(i.detail);if(null===s||s<0||s>{h:360,s:100,l:100}[t])return void this.setChannelValidation(`hsl-${t}`);const e={h:this.hue,s:this.saturation,l:this.lightness,[t]:Math.round(s)};this.setChannelValidation(null),this.applyHslColor(e.h,e.s,e.l)};handleHslaChannelChange=(t,i)=>{const s=this.parseChannelValue(i.detail),e=`hsla-${t}`;if(null===s)return void this.setChannelValidation(e);const a={h:this.hue,s:this.saturation,l:this.lightness};let r=this.alpha;if("a"===t){if(s<0||s>1)return void this.setChannelValidation(e);r=s}else{if(s<0||s>{h:360,s:100,l:100}[t])return void this.setChannelValidation(e);a[t]=Math.round(s)}this.setChannelValidation(null),this.applyHslColor(a.h,a.s,a.l,r)};isHueVariant(){return"hue"===this.variant}isInputVariant(){return"input"===this.variant}showGradientSurface(){return!this.isHueVariant()&&!this.isInputVariant()}showSliderSection(){return!this.isInputVariant()}showInputSection(){return this.showHex||this.showRgb||this.showRgba||this.showHsl||this.showHsla||this.isInputVariant()}getPanelClasses(){return{"cp-panel":!0,"cp-panel-hue":this.isHueVariant(),"cp-panel-input":this.isInputVariant(),"cp-panel-multi-format":this.showInputSection()}}renderFormatInput(t,i,s,a){return e("div",{class:"cp-input-wrap cp-full cp-inline-row"},e("span",{class:"cp-sm-label"},t),e("ui-input",{class:{"cp-text-input":!0,"cp-input-error":this.isInvalid&&this.invalidField===a},type:"text",value:i,onInputChange:s,size:"sm"}))}renderChannelInput(t,i,s,a,r,h,n){return e("div",{class:"cp-channel-field"},e("span",{class:"cp-channel-label"},i),e("ui-input",{class:{"cp-text-input":!0,"cp-channel-input":!0,"cp-input-error":this.isInvalid&&this.invalidField===t},type:"number",min:a,max:r,step:h,value:s,onInputChange:n,size:"sm"}))}renderChannelGroup(t,i,s){return e("div",{class:"cp-input-wrap cp-full cp-channel-group cp-inline-row"},e("span",{class:"cp-sm-label"},t),e("div",{class:{"cp-channel-grid":!0,"cp-channel-grid-3":3===i,"cp-channel-grid-4":4===i}},s))}render(){const t=this.hslToHex(this.hue,this.saturation,this.lightness),i=this.getSwatches(),s=e("div",{key:"1e6a1eb368643f6e67d9804cce7bcfed32b1bd1d",class:this.getPanelClasses()},this.showGradientSurface()&&e("div",{key:"2970c7db9dde45a2f88ed3ede420df322c6556dc",class:"cp-gradient",role:"slider","aria-label":"Saturation and Lightness","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":this.saturation,"aria-valuetext":`Saturation ${this.saturation}%, Lightness ${this.lightness}%`,tabindex:"0",onKeyDown:t=>{const i=t.shiftKey?10:1;"ArrowLeft"===t.key&&(this.saturation=Math.max(0,this.saturation-i),this.emitChange()),"ArrowRight"===t.key&&(this.saturation=Math.min(100,this.saturation+i),this.emitChange()),"ArrowUp"===t.key&&(this.lightness=Math.min(100,this.lightness+i),this.emitChange()),"ArrowDown"===t.key&&(this.lightness=Math.max(0,this.lightness-i),this.emitChange())},style:{background:`linear-gradient(to bottom, transparent, #000), linear-gradient(to right, #fff, hsl(${this.hue}, 100%, 50%))`},onMouseDown:t=>{const i=t.currentTarget.getBoundingClientRect(),s=t=>{const s=Math.max(0,Math.min(1,(t.clientX-i.left)/i.width)),e=Math.max(0,Math.min(1,(t.clientY-i.top)/i.height));this.saturation=Math.round(100*s),this.lightness=Math.round((1-e)*(100-50*s)),this.emitChange()},e=()=>{window.removeEventListener("mousemove",s),window.removeEventListener("mouseup",e)};window.addEventListener("mousemove",s),window.addEventListener("mouseup",e),s(t)}},e("div",{key:"4136b69d81619ce158f2988be19e3e866dfa4ae8",class:"cp-gradient-thumb",style:{left:`${this.saturation}%`,top:100-this.lightness+"%",background:t}})),this.showSliderSection()&&e("div",{key:"27572206380ad082b4c49a9652b171169d4d92c0",class:"cp-row"},e("div",{key:"c69c64ac7d1173add32d3c0541ac73fe70383d7e",class:"cp-preview",style:{background:t}}),e("div",{key:"54663ac5d49a43922b4a46587383b4ea3db54520",class:"cp-sliders"},e("ui-range-slider",{key:"058c8a3b800afafc80cb13c06cfb48462e8e8206",class:"cp-hue-slider",min:0,max:360,value:this.hue,onSliderChange:t=>{this.hue=Number(t.detail),this.emitChange()},"aria-label":"Hue",showTooltip:!1,showValue:!1,hideRange:!0,trackColor:"linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)"}),this.showAlpha&&e("ui-range-slider",{key:"ef3b5d6112c7040bb1910d8171c8dc84901b628b",class:"cp-alpha-slider",min:0,max:100,value:Math.round(100*this.alpha),onSliderChange:t=>{this.alpha=Number(t.detail)/100,this.emitChange()},"aria-label":"Alpha",showTooltip:!1,showValue:!1,hideRange:!0,trackColor:`linear-gradient(to right, transparent, ${this.hslToHex(this.hue,this.saturation,this.lightness)}), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Crect width='5' height='5' fill='%23ccc'/%3E%3Crect x='5' y='5' width='5' height='5' fill='%23ccc'/%3E%3C/svg%3E")`})),this.showEyeDropper&&"EyeDropper"in window&&e("ui-button",{key:"a3597f83c7b6e4293bd0975d07b8994e66580f87",variant:"ghost",onClick:()=>this.handleEyeDropper(),ariaLabel:"Sample color from screen",icon:"pipette",iconLibrary:"lucide",iconOnly:!0,size:"sm",title:"Sample color from screen"})),this.showInputSection()&&e("div",{key:"d3473eb493f2fda3167c506e8ff2470beb17bab9",class:"cp-inputs-grid"},this.showHex&&this.renderFormatInput("HEX",this.hexInput||this.getHexInputValue(),this.handleHexInput,"hex"),this.showRgb&&this.renderChannelGroup("RGB",3,[this.renderChannelInput("rgb-r","R",this.getRgbValues().r,0,255,1,(t=>this.handleRgbChannelChange("r",t))),this.renderChannelInput("rgb-g","G",this.getRgbValues().g,0,255,1,(t=>this.handleRgbChannelChange("g",t))),this.renderChannelInput("rgb-b","B",this.getRgbValues().b,0,255,1,(t=>this.handleRgbChannelChange("b",t)))]),this.showRgba&&this.renderChannelGroup("RGBA",4,[this.renderChannelInput("rgba-r","R",this.getRgbValues().r,0,255,1,(t=>this.handleRgbaChannelChange("r",t))),this.renderChannelInput("rgba-g","G",this.getRgbValues().g,0,255,1,(t=>this.handleRgbaChannelChange("g",t))),this.renderChannelInput("rgba-b","B",this.getRgbValues().b,0,255,1,(t=>this.handleRgbaChannelChange("b",t))),this.renderChannelInput("rgba-a","A",this.alpha,0,1,.01,(t=>this.handleRgbaChannelChange("a",t)))]),this.showHsl&&this.renderChannelGroup("HSL",3,[this.renderChannelInput("hsl-h","H",this.hue,0,360,1,(t=>this.handleHslChannelChange("h",t))),this.renderChannelInput("hsl-s","S",this.saturation,0,100,1,(t=>this.handleHslChannelChange("s",t))),this.renderChannelInput("hsl-l","L",this.lightness,0,100,1,(t=>this.handleHslChannelChange("l",t)))]),this.showHsla&&this.renderChannelGroup("HSLA",4,[this.renderChannelInput("hsla-h","H",this.hue,0,360,1,(t=>this.handleHslaChannelChange("h",t))),this.renderChannelInput("hsla-s","S",this.saturation,0,100,1,(t=>this.handleHslaChannelChange("s",t))),this.renderChannelInput("hsla-l","L",this.lightness,0,100,1,(t=>this.handleHslaChannelChange("l",t))),this.renderChannelInput("hsla-a","A",this.alpha,0,1,.01,(t=>this.handleHslaChannelChange("a",t)))]),this.showColorName&&e("div",{key:"e73f932f199ad98b6d0155e4f39fc6f731821e75",class:"cp-input-wrap cp-full"},e("span",{key:"c47ac8a26ae1f1db9cc2a6fa0888ed2568043b30",class:"cp-sm-label"},"NAME"),e("div",{key:"393f4e95fa277dc016f4c31291683973f4f0a48a",class:"cp-name-display"},this.getColorName(t))),this.showGradient&&e("div",{key:"9029146f00a030168b63ea55a9a1f9ec67ce7cfa",class:"cp-gradient-toggle-wrap cp-full"},e("ui-button",{key:"a6561f32b69e43b5651134b73a6ab195b721c2c9",variant:"outline",class:{"cp-gradient-toggle":!0,"cp-active":this.isGradientMode},onClick:this.toggleGradientMode,fullWidth:!0,label:this.isGradientMode?"Disable Gradient":"Enable Gradient",size:"sm"}),this.isGradientMode&&e("div",{key:"aabaa25bd9f75a7bec76e611b9d852b8918fd718",class:"cp-stop-selectors"},this.gradientStops.map(((t,i)=>e("button",{type:"button",class:{"cp-swatch":!0,"cp-swatch-active":this.activeStopIndex===i},style:{"background-color":t,"--swatch-color":t,"border-radius":"50%"},onClick:()=>this.activeStopIndex=i,"aria-label":`Gradient stop ${i+1}`})))))),!this.isInputVariant()&&(this.showSwatches||this.showRecent&&this.recentColors.length>0)&&e("div",{key:"b928b33063877a58493f56aa01a37efac5fade30",class:"cp-swatches-section"},e("div",{key:"02b8efedfdad4aa7bbe93b63bd3075395bef8f37",class:"cp-swatches"},i.map((i=>e("ui-button",{type:"button",style:{"background-color":i,"--swatch-color":i},class:{"cp-swatch":!0,"cp-swatch-active":i.toLowerCase()===t.toLowerCase()},onClick:()=>this.handleSwatch(i),title:this.getColorName(i),"aria-label":`Color ${this.getColorName(i)}`})))),this.showRecent&&this.recentColors.length>0&&e("div",{key:"68a6692afc4ae42ac02c8835fb65f40d64572ffd",class:"cp-history",style:{marginTop:"16px"}},e("div",{key:"c14af759e7380d18fa8b046bd91d97e0d4bb7b43",class:"cp-sm-label",style:{marginBottom:"8px"}},"RECENT"),e("div",{key:"a405d48643d7b452cb90dcfd5d2756a91a37585c",class:"cp-swatches"},this.recentColors.map((i=>e("ui-button",{type:"button",style:{"background-color":i,"--swatch-color":i,"border-radius":"50%"},class:{"cp-swatch":!0,"cp-history-swatch":!0,"cp-swatch-active":i.toLowerCase()===t.toLowerCase()},onClick:()=>this.handleSwatch(i),title:this.getColorName(i),"aria-label":`Recent color ${this.getColorName(i)}`})))))));return e(a,{key:"437644b794e0abc1a9a37f77641ef9edf0bc47d7",class:`cp-size-${this.size} cp-variant-${this.variant}`},this.label&&e("label",{key:"ba2bb236655f6eab50c62cd18d3b07bbc0cf37b1",class:"cp-label"},this.label),this.inline?s:e("div",{class:"cp-trigger-wrapper"},e("ui-button",{variant:"outline",disabled:this.disabled,onClick:()=>!this.disabled&&(this.isOpen=!this.isOpen),fullWidth:!0},e("span",{class:"cp-trigger-swatch",style:{background:this.value}}),e("span",{class:"cp-trigger-value",style:{marginLeft:"8px",flex:"1",textAlign:"left"}},this.isGradientMode?this.value:this.getFormattedValue()),e("ui-icon",{name:this.isOpen?"chevron-up":"chevron-down",size:"18",library:"lucide"})),this.isOpen&&e("div",{class:"cp-dropdown"},s)))}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChanged:0}]}}};r.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;font-family:inherit}.cp-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary, #374151);margin-bottom:6px}.cp-trigger-wrapper{position:relative;display:inline-block}.cp-trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1.5px solid var(--border-strong, #d1d5db);border-radius:10px;background:var(--bg-primary, #ffffff);cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary, #374151);transition:border-color 0.2s, box-shadow 0.2s;min-width:140px}.cp-trigger:hover:not(.cp-disabled){border-color:var(--color-primary, #10b981);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.12)}.cp-trigger:hover:not(.cp-disabled).cp-disabled{opacity:0.5;cursor:not-allowed}.cp-trigger-swatch{width:20px;height:20px;border-radius:50%;border:2px solid rgba(0, 0, 0, 0.1);flex-shrink:0}.cp-trigger-value{flex:1;font-family:monospace}.cp-trigger-arrow{font-size:10px;color:var(--text-muted, #9ca3af)}.cp-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:1000;background:var(--bg-primary, #ffffff);border:1px solid var(--border-default, #e5e7eb);border-radius:14px;box-shadow:0 20px 40px rgba(0, 0, 0, 0.15);overflow:hidden;animation:cp-drop-in 0.15s ease}@keyframes cp-drop-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cp-panel{width:460px;padding:14px}.cp-panel-hue{width:280px}.cp-panel-input{width:480px}.cp-panel-input .cp-inputs-grid{grid-template-columns:1fr;gap:16px}.cp-panel-input .cp-input-wrap.cp-full{grid-column:span 1}.cp-gradient{width:100%;height:140px;border-radius:8px;position:relative;cursor:crosshair;margin-bottom:12px;user-select:none}.cp-gradient-thumb{position:absolute;width:14px;height:14px;border-radius:50%;border:2.5px solid var(--border-subtle, #fff);box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);transform:translate(-50%, -50%);pointer-events:none}.cp-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cp-preview{width:32px;height:32px;border-radius:8px;border:2px solid rgba(0, 0, 0, 0.1);flex-shrink:0}.cp-sliders{flex:1;display:flex;flex-direction:column;gap:12px}.cp-hue-slider,.cp-alpha-slider{width:100%;--slider-track-height:12px;--slider-thumb-size:20px}.cp-hue-slider::part(track),.cp-alpha-slider::part(track){height:12px;border-radius:6px;box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2)}.cp-hue-slider::part(thumb),.cp-alpha-slider::part(thumb){width:20px;height:20px;border:3px solid #fff;box-shadow:0 4px 10px rgba(0, 0, 0, 0.3);background:transparent}.cp-inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.cp-panel-multi-format .cp-inputs-grid{grid-template-columns:1fr}.cp-panel-multi-format .cp-input-wrap.cp-full{grid-column:span 1}.cp-input-wrap{display:flex;flex-direction:column;gap:8px}.cp-input-wrap.cp-full{grid-column:span 2}.cp-sm-label{font-size:11px;font-weight:800;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:0.05em}.cp-input-wrap.cp-inline-row{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:16px;background:rgba(var(--ui-input-bg-rgb, 248, 250, 252), 0.5);padding:12px 16px;border-radius:12px;border:1px solid var(--border-subtle, #f1f5f9);transition:all 0.2s ease}.cp-input-wrap.cp-inline-row:hover{background:#fff;border-color:var(--border-strong, #e2e8f0);box-shadow:0 4px 12px rgba(0, 0, 0, 0.03)}.cp-channel-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(64px, 1fr));gap:10px;width:100%}.cp-channel-field{display:flex;flex-direction:column;gap:6px;align-items:center}.cp-channel-field .cp-channel-label{font-size:10px;font-weight:700;color:var(--text-muted, #94a3b8);margin-bottom:2px}.cp-channel-field ui-input{width:100%;--ui-input-text-align:center}.cp-text-input{--ui-input-text-align:left}:host(.cp-variant-hue) .cp-panel{padding-block:12px}:host(.cp-variant-hue) .cp-row{margin-bottom:12px}:host(.cp-variant-input) .cp-panel{padding:12px}:host(.cp-variant-input) .cp-name-display,:host(.cp-variant-input) .cp-text-input{min-height:36px}.cp-name-display{width:100%;border:1.5px solid var(--border-subtle, #f3f4f6);background:var(--bg-primary, #f9fafb);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;color:var(--text-secondary, #4b5563);box-sizing:border-box}.cp-swatches{display:flex;flex-wrap:wrap;gap:6px}.cp-swatch{width:22px;height:22px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:transform 0.1s, border-color 0.15s, box-shadow 0.15s;padding:0;margin:0;outline:none;box-sizing:border-box;flex-shrink:0}.cp-swatch:hover{transform:scale(1.15)}.cp-swatch.cp-swatch-active{border-color:var(--bg-primary, #ffffff);box-shadow:0 0 0 1px var(--bg-primary, #ffffff), 0 0 0 3px var(--swatch-color, var(--color-primary, #10b981))}";export{r as ui_color_picker}

package/dist/exploration-project-tailwind/p-148e81df.entry.js

@@ -1 +0,0 @@
-import{r as t,c as o,h as i}from"./p-DUsoYu9r.js";const e=class{constructor(i){t(this,i),this.dockItemClick=o(this,"dockItemClick"),this.itemsOrderChange=o(this,"itemsOrderChange")}items="[]";position="bottom";size="md";magnify=!0;blurEffect=!0;showLabels=!0;iconLibrary="default";persistKey="";parsedItems=[];hoveredIndex=-1;dockItemClick;itemsOrderChange;isDragging=!1;draggedIndex=-1;dragX=0;dragY=0;targetIndex=-1;itemsContainer;componentWillLoad(){if(this.persistKey)try{const t=localStorage.getItem(this.persistKey);if(t)return void(this.parsedItems=JSON.parse(t))}catch{}this.parseItems(this.items)}onItemsPropChange(t){this.parseItems(t)}parseItems(t){try{this.parsedItems=JSON.parse(t)}catch(t){console.error("Invalid JSON for dock items:",t),this.parsedItems=[]}}handleItemClick(t){t.disabled||t.separator||this.dockItemClick.emit({itemId:String(t.id??""),item:t})}handleMouseEnter(t){this.hoveredIndex=t}handleMouseLeave(){this.hoveredIndex=-1}getMagnificationScale(t){if(!this.magnify||-1===this.hoveredIndex)return 1;if(this.isDragging)return 1;const o=Math.abs(t-this.hoveredIndex),i=1+(1.6-1)*Math.exp(-o*o/3.125);return Math.max(1,i)}handleDragStart(t,o){this.parsedItems[o].separator||(this.isDragging=!0,this.draggedIndex=o,this.targetIndex=o,this.dragX=t.clientX,this.dragY=t.clientY,document.addEventListener("mousemove",this.handleGlobalMouseMove),document.addEventListener("mouseup",this.handleGlobalMouseUp))}handleGlobalMouseMove=t=>{if(this.isDragging&&(this.dragX=t.clientX,this.dragY=t.clientY,this.itemsContainer)){const o=Array.from(this.itemsContainer.querySelectorAll(".dock-item"));let i=-1,e=1/0;o.forEach(((o,r)=>{const a=o.getBoundingClientRect(),s=a.top+a.height/2,c="bottom"===this.position||"top"===this.position?Math.abs(t.clientX-(a.left+a.width/2)):Math.abs(t.clientY-s);c<e&&(e=c,i=r)})),-1!==i&&i!==this.targetIndex&&(this.targetIndex=i)}};handleGlobalMouseUp=()=>{if(this.isDragging){if(-1!==this.targetIndex&&this.targetIndex!==this.draggedIndex){const t=[...this.parsedItems],[o]=t.splice(this.draggedIndex,1);if(t.splice(this.targetIndex,0,o),this.parsedItems=t,this.itemsOrderChange.emit(this.parsedItems),this.persistKey)try{localStorage.setItem(this.persistKey,JSON.stringify(this.parsedItems))}catch{}}this.isDragging=!1,this.draggedIndex=-1,this.targetIndex=-1,document.removeEventListener("mousemove",this.handleGlobalMouseMove),document.removeEventListener("mouseup",this.handleGlobalMouseUp)}};renderDockItem(t,o){if(t.separator)return i("div",{class:"dock-separator",role:"separator"});const e=this.getMagnificationScale(o),r=this.hoveredIndex===o,a=this.draggedIndex===o,s=this.targetIndex===o;let c=0,n=0;if(this.isDragging&&!a){const t=40;"bottom"===this.position||"top"===this.position?(o>=this.targetIndex&&o<this.draggedIndex&&(c=t),o<=this.targetIndex&&o>this.draggedIndex&&(c=-t)):(o>=this.targetIndex&&o<this.draggedIndex&&(n=t),o<=this.targetIndex&&o>this.draggedIndex&&(n=-t))}const d={transform:a?`translate(${this.dragX-(this.dragX-0)}px, ${this.dragY-(this.dragY-0)}px) scale(1.1)`:`translate(${c}px, ${n}px) scale(${e})`,margin:`0 ${this.magnify&&-1!==this.hoveredIndex?4+20*(e-1):4}px`,transition:this.isDragging&&a?"none":"transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), margin 0.2s cubic-bezier(0.4, 0, 0.2, 1)",zIndex:a?"1000":"1",pointerEvents:this.isDragging&&!a?"none":"auto",opacity:a?"0.8":"1"};return a&&(d.position="fixed",d.left=this.dragX-25+"px",d.top=this.dragY-25+"px",d.margin="0",d.transform="scale(1.2)"),i("ui-tooltip",{content:t.label,position:"bottom"===this.position?"top":"top"===this.position?"bottom":"left"===this.position?"right":"left",disabled:this.showLabels},i("div",{class:{"dock-item":!0,"dock-item-disabled":!!t.disabled,"dock-item-active":!!t.active,"dock-item-bounce":!!t.bounce,"dock-item-hovered":r,"dock-item-dragged":a,"dock-item-target":s},style:d,onClick:()=>!this.isDragging&&this.handleItemClick(t),onMouseEnter:()=>!this.isDragging&&this.handleMouseEnter(o),onMouseLeave:()=>!this.isDragging&&this.handleMouseLeave(),onMouseDown:t=>this.handleDragStart(t,o),role:"button",tabindex:t.disabled?-1:0,"aria-label":t.label,"aria-disabled":t.disabled?"true":"false",slot:"target"},i("div",{class:"dock-item-content"},t.icon&&i("div",{class:"dock-item-icon"},i("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"1.5rem"})),void 0!==t.badge&&t.badge>0&&i("span",{class:"dock-item-badge"},t.badge)),t.active&&i("div",{class:"active-indicator"}),this.showLabels&&i("div",{class:"dock-item-label"},t.label)))}render(){return i("div",{key:"f022edbbd0b53e600fd30e5cf97cc1b2e83e0f38",class:{"dock-container":!0,[`dock-${this.position}`]:!0,[`dock-${this.size}`]:!0,"dock-blur":this.blurEffect}},i("div",{key:"abb7911fe7fbec90e25ccc030299d95ec148c36d",class:"dock-items",ref:t=>this.itemsContainer=t},this.parsedItems.map(((t,o)=>this.renderDockItem(t,o)))))}static get watchers(){return{items:[{onItemsPropChange:0}]}}};e.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}.dock-container{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:16px;background:var(--dock-bg, rgba(255, 255, 255, 0.8));box-shadow:var(--dock-shadow, 0 4px 16px rgba(0, 0, 0, 0.1));border:1px solid var(--dock-border, rgba(0, 0, 0, 0.1))}.dock-blur{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dock-bottom,.dock-top{flex-direction:row}.dock-left,.dock-right{flex-direction:column}.dock-items{display:flex;gap:8px;align-items:center}.dock-left .dock-items,.dock-right .dock-items{flex-direction:column}.dock-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;background:var(--dock-item-bg, transparent);transition:all 0.2s ease;outline:none}.dock-item:hover{background:var(--dock-item-hover-bg, rgba(0, 0, 0, 0.05))}.dock-item:focus{box-shadow:0 0 0 2px var(--primary-color, var(--color-primary, #10b981))}.dock-item:active{transform:scale(0.95) !important}.dock-item-disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.dock-sm .dock-item{width:40px;height:40px;padding:8px}.dock-md .dock-item{width:56px;height:56px;padding:12px}.dock-lg .dock-item{width:72px;height:72px;padding:16px}.dock-item-content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.dock-item-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:inherit;color:var(--dock-icon-color, var(--text-primary, #1f2937))}.dock-item-icon svg{width:100%;height:100%;fill:currentColor}.dock-sm .dock-item-icon{font-size:20px}.dock-md .dock-item-icon{font-size:28px}.dock-lg .dock-item-icon{font-size:36px}.dock-item-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;background-color:var(--badge-bg, var(--color-danger, #ef4444));color:var(--badge-color, var(--text-standard, #ffffff));border-radius:9px;font-size:11px;font-weight:600;line-height:1;border:2px solid var(--dock-bg, var(--bg-primary, #ffffff))}.dock-item-label{position:absolute;padding:6px 12px;background:var(--label-bg, rgba(0, 0, 0, 0.8));color:var(--label-color, var(--text-standard, #ffffff));border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:10}.dock-bottom .dock-item-label{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.dock-top .dock-item-label{top:calc(100% + 12px);left:50%;transform:translateX(-50%)}.dock-left .dock-item-label{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.dock-right .dock-item-label{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.dock-item-hovered .dock-item-label{opacity:1}.dock-item-label::after{content:"";position:absolute;width:0;height:0;border:5px solid transparent}.dock-bottom .dock-item-label::after{top:100%;left:50%;transform:translateX(-50%);border-top-color:var(--label-bg, rgba(0, 0, 0, 0.8))}.dock-top .dock-item-label::after{bottom:100%;left:50%;transform:translateX(-50%);border-bottom-color:var(--label-bg, rgba(0, 0, 0, 0.8))}.dock-left .dock-item-label::after{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--label-bg, rgba(0, 0, 0, 0.8))}.dock-right .dock-item-label::after{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--label-bg, rgba(0, 0, 0, 0.8))}@media (prefers-color-scheme: dark){.dock-container{background:var(--dock-bg, rgba(30, 30, 30, 0.8));border-color:var(--dock-border, rgba(255, 255, 255, 0.1))}.dock-item:hover{background:var(--dock-item-hover-bg, rgba(255, 255, 255, 0.1))}.dock-item-icon{color:var(--dock-icon-color, #f3f4f6)}}@media (prefers-reduced-motion: reduce){.dock-item,.dock-item-label,.dock-item-bounce{transition:none;animation:none}}.active-indicator{position:absolute;width:4px;height:4px;background-color:var(--active-indicator-color, var(--color-primary, #10b981));border-radius:50%;bottom:4px}.dock-top .active-indicator{top:4px;bottom:auto}.dock-left .active-indicator{left:4px;top:50%;transform:translateY(-50%);bottom:auto}.dock-right .active-indicator{right:4px;top:50%;transform:translateY(-50%);bottom:auto}@keyframes dockBounce{0%,20%,50%,80%,100%{transform:translateY(0) scale(1)}40%{transform:translateY(-10px) scale(1)}60%{transform:translateY(-5px) scale(1)}}.dock-item-bounce{animation:dockBounce 2s infinite}.dock-separator{width:1px;height:24px;background-color:var(--separator-bg, rgba(0, 0, 0, 0.1));margin:0 4px}.dock-left .dock-separator,.dock-right .dock-separator{width:24px;height:1px;margin:4px 0}@media (prefers-color-scheme: dark){.dock-separator{background-color:rgba(255, 255, 255, 0.1)}.active-indicator{background-color:var(--color-primary, #60a5fa)}}';export{e as ui_dock}

package/dist/exploration-project-tailwind/p-16bdd162.entry.js

@@ -1 +0,0 @@
-import{r as o,c as e,a as r,h as t}from"./p-DUsoYu9r.js";import{s as i}from"./p-Dyu3Nplq.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-2347d21b.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,a,h as e}from"./p-DUsoYu9r.js";import{n as r}from"./p-C7gf39HE.js";const o=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 r=Math.max(1,t-e),o=Math.min(i,r+a-1);return o-r+1<a&&(r=Math.max(1,o-a+1)),Array.from({length:o-r+1},((i,t)=>r+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:r,showPrevNext:o}=this,n=i>1,s=i<t;return e("div",{class:"pagination-basic"},r&&e("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(1),disabled:!n||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:!n||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()}),r&&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:!n||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}]}}};o.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 n=class{internals;inputElement;async setFocus(){this.inputElement?.focus()}analyticsEvent;customClass;badge;tooltip;tooltipPosition="top";get el(){return a(this)}checked=!1;disabled=!1;readonly=!1;invalid=!1;label="";description="";value="";name="";required=!1;size="md";color="primary";labelPosition="right";showDot=!0;customIcon="";customIconLibrary="lucide";customImage="";radioTabIndex=0;ariaLabel="";ariaDescribedBy="";enableAnimation=!0;rippleEffect=!0;skeleton=!1;variant="default";isButton=!1;rtl=!1;descriptionPosition="bottom";glow=!1;haptic=!1;hapticIntensity="light";reveal="none";revealDelay=0;isFocused=!1;isHovered=!1;radioChange;radioFocus;radioBlur;constructor(a){i(this,a),this.analyticsEvent=t(this,"analyticsEvent"),this.radioChange=t(this,"radioChange"),this.radioFocus=t(this,"radioFocus"),this.radioBlur=t(this,"radioBlur")}connectedCallback(){this.internals=this.el.attachInternals()}componentWillLoad(){this.updateFormValue(),this.updateValidity()}componentDidLoad(){}handleChange=i=>{this.disabled||this.readonly?i.preventDefault():(this.checked=i.target.checked,this.radioChange.emit({checked:this.checked,value:this.value}),this.updateFormValue(),this.updateValidity(),this.haptic&&this.checked&&this.triggerHaptic(this.hapticIntensity),this.analyticsEvent.emit({checked:this.checked,value:this.value}))};triggerHaptic(i="light"){window.navigator.vibrate&&window.navigator.vibrate("heavy"===i?[50,20,50]:"md"===i?[30]:[10])}handleFocus=()=>{this.disabled||(this.isFocused=!0,this.radioFocus.emit())};handleBlur=()=>{this.isFocused=!1,this.radioBlur.emit()};handleMouseEnter=()=>{this.disabled||(this.isHovered=!0)};handleMouseLeave=()=>{this.isHovered=!1};handleKeyDown=i=>{this.disabled||this.readonly||" "!==i.key&&"Enter"!==i.key||(i.preventDefault(),this.checked||(this.checked=!0,this.radioChange.emit({checked:this.checked,value:this.value})))};updateFormValue(){this.internals.setFormValue(this.checked?this.value:null)}updateValidity(){this.required&&!this.checked?this.internals.setValidity({valueMissing:!0},"Please check this box if you want to proceed.",this.el):this.internals.setValidity({})}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}renderDot(){return e("div",{class:{"radio-dot-container":!0,"radio-dot-visible":this.checked}},this.customImage?e("img",{src:this.customImage,class:"custom-radio-image"}):this.customIcon?e("span",{class:"custom-icon"},e("ui-icon",{library:this.customIconLibrary,name:this.customIcon})):e("div",{class:"radio-dot"}))}renderLabel(){return this.label||this.description?e("div",{class:`label-section is-${this.descriptionPosition}`},this.label&&e("span",{class:"radio-label-text"},this.label),this.description&&e("span",{class:"radio-description"},this.description)):null}render(){const i=r(this.size,"md"),t={"radio-container":!0,[`radio-${i}`]:!0,[`radio-${this.color}`]:!0,"radio-disabled":this.disabled,"radio-readonly":this.readonly,"radio-invalid":this.invalid,"radio-focused":this.isFocused,"radio-hovered":this.isHovered,[`radio-label-${this.labelPosition}`]:!0,"radio-animate":this.enableAnimation,[`radio-variant-${this.variant}`]:!0,"radio-skeleton":this.skeleton,"radio-is-button":this.isButton,"radio-checked":this.checked,"radio-rtl":this.rtl,"radio-glow":this.glow,[`radio-reveal-${this.reveal}`]:"none"!==this.reveal,...this.customClass?{[this.customClass]:!0}:{}},a={"radio-input-wrapper":!0,"radio-checked":this.checked,"radio-ripple":this.rippleEffect&&!this.disabled};return e("div",{key:"b54ecdd72f2dd25da0b654f53de87e122d893c5a",class:t,dir:this.rtl?"rtl":"ltr",style:{"--reveal-delay":`${this.revealDelay}ms`}},e("label",{key:"d8fa8d11513fc55e98988d64026bcfcd98a6935e",class:"radio-label",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},("left"===this.labelPosition||"top"===this.labelPosition)&&this.renderLabel(),e("div",{key:"88ebbd340c372a88c1303b3fd7658d50a5bccb7e",class:a},e("input",{key:"7cb357282d3d6dbd096bf7d7e5e2283b3e06151e",type:"radio",class:"radio-input",checked:this.checked,disabled:this.disabled||this.skeleton,readonly:this.readonly,value:this.value,name:this.name,tabindex:this.radioTabIndex,"aria-label":this.ariaLabel||this.label,"aria-describedby":this.ariaDescribedBy,"aria-checked":this.checked.toString(),"aria-invalid":this.invalid.toString(),onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,ref:i=>this.inputElement=i}),e("div",{key:"b3aee957eb560fc767647972f771ba737062d079",class:"radio-circle"},e("div",{key:"0ffe9c1f0d68e9d51c3a1a8a28f8c749c04599b6",class:"glow-layer"}),this.renderDot()),this.badge&&!this.skeleton&&e("span",{key:"e50c2be805ac926c3e219a0e48150d672f6f19fc",class:"radio-badge"},this.badge),this.tooltip&&!this.skeleton&&e("div",{key:"7ab0f9af0f637b05d53bab4e07d4abf914f4f213",class:`radio-tooltip radio-tooltip-${this.tooltipPosition}`},this.tooltip)),("right"===this.labelPosition||"bottom"===this.labelPosition)&&this.renderLabel(),this.skeleton&&e("div",{key:"528ad8986ae65d7d6dc8bd23cb3789546ba6c2ee",class:"radio-skeleton-shimmer"})),(this.invalid||!this.internals.validity.valid)&&e("div",{key:"7e1e9296250290e022ca8003a1e35d2e1c403b72",class:"radio-error-message",role:"alert"},this.internals.validationMessage||"Selection required"))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}};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}.radio-badge{display:inline-block;min-width:18px;height:18px;padding:0 6px;background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff);font-size:10px;font-weight:700;border-radius:9px;margin-inline-start:8px;vertical-align:middle;text-align:center;line-height:18px;box-shadow:0 2px 4px rgba(var(--color-success-rgb, 61, 205, 88), 0.2)}[class*=radio-reveal-]{opacity:0;animation-fill-mode:forwards;animation-delay:var(--reveal-delay, 0ms)}.radio-reveal-fade-in{animation:radio-fade-in 0.6s ease-out forwards}.radio-reveal-slide-up{animation:radio-slide-up 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards}.radio-reveal-zoom{animation:radio-zoom 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes radio-fade-in{from{opacity:0}to{opacity:1}}@keyframes radio-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes radio-zoom{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.radio-tooltip{position:absolute;background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:10}.radio-input-wrapper:hover .radio-tooltip{opacity:1}.radio-tooltip-top{bottom:calc(100% + 10px);left:50%;transform:translateX(-50%)}.radio-tooltip-bottom{top:calc(100% + 10px);left:50%;transform:translateX(-50%)}.radio-tooltip-left{inset-inline-end:calc(100% + 10px);top:50%;transform:translateY(-50%)}.radio-tooltip-right{inset-inline-start:calc(100% + 10px);top:50%;transform:translateY(-50%)}:host{display:block;overflow:hidden;--ui-radio-border:var(--border-strong, #94a3b8);--ui-radio-bg:var(--bg-primary, #ffffff);--ui-radio-label:var(--label-color, inherit);--ui-radio-description:var(--label-subtitle-color, inherit);--ui-radio-circle-hover:rgba(0, 0, 0, 0.05)}:host-context(.dark),:host-context([data-theme=dark]),:host-context([data-theme=violet]),:host-context([data-theme=pink]),:host-context([data-theme=blue]),:host-context([data-theme=green]),:host(.dark){--ui-radio-border:var(--border-default, #64748b);--ui-radio-bg:var(--bg-secondary, #111827);--ui-radio-circle-hover:rgba(255, 255, 255, 0.05)}.radio-container{display:inline-flex;flex-direction:column;width:100%;box-sizing:border-box;font-family:inherit;color:inherit}.radio-container.radio-rtl{direction:rtl}.radio-label{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;position:relative;box-sizing:border-box;flex-shrink:0;overflow:visible;}.radio-label *{box-sizing:border-box}.radio-container.radio-disabled .radio-label{cursor:not-allowed;opacity:0.6}.radio-container.radio-readonly .radio-label{cursor:default}.label-section{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.label-section.is-side{flex-direction:row;align-items:baseline;gap:8px}.label-section.is-side .radio-description{margin-top:0}.radio-description{font-size:0.75rem;opacity:0.7;font-weight:400;line-height:1.1;margin-top:2px;color:var(--ui-radio-description)}.radio-input-wrapper{flex-shrink:0;overflow:visible}.radio-input{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;z-index:1;appearance:none;-webkit-appearance:none;-moz-appearance:none}.radio-circle{position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--ui-radio-border);background:var(--ui-radio-bg);border-radius:50%;transition:all 0.35s cubic-bezier(0.4, 0, 0.2, 1);box-sizing:border-box;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}.radio-circle .glow-layer{position:absolute;inset:-4px;background:currentColor;opacity:0;filter:blur(12px);transition:opacity 0.4s ease;border-radius:inherit;z-index:-1;pointer-events:none}.radio-glow.radio-checked .radio-circle .glow-layer{opacity:0.4}.radio-xxxs .radio-circle{width:12px;height:12px}.radio-xxxs .radio-dot{width:6px;height:6px}.radio-xxxs .radio-label-text{font-size:11px;line-height:16px}.radio-xxs .radio-circle{width:14px;height:14px}.radio-xxs .radio-dot{width:7px;height:7px}.radio-xxs .radio-label-text{font-size:12px;line-height:18px}.radio-xs .radio-circle{width:16px;height:16px}.radio-xs .radio-dot{width:8px;height:8px}.radio-xs .radio-label-text{font-size:13px;line-height:20px}.radio-sm .radio-circle{width:18px;height:18px}.radio-sm .radio-dot{width:9px;height:9px}.radio-sm .radio-label-text{font-size:14px;line-height:20px}.radio-md .radio-circle{width:20px;height:20px}.radio-md .radio-dot{width:10px;height:10px}.radio-md .radio-label-text{font-size:15px;line-height:24px}.radio-lg .radio-circle{width:24px;height:24px}.radio-lg .radio-dot{width:12px;height:12px}.radio-lg .radio-label-text{font-size:16px;line-height:28px}.radio-xl .radio-circle{width:28px;height:28px}.radio-xl .radio-dot{width:14px;height:14px}.radio-xl .radio-label-text{font-size:18px;line-height:32px}.radio-xxl .radio-circle{width:32px;height:32px;border-radius:50% !important}.radio-xxl .radio-dot{width:16px;height:16px}.radio-xxl .radio-label-text{font-size:20px;line-height:36px}.radio-xxxl .radio-circle{width:40px;height:40px;border-radius:50% !important}.radio-xxxl .radio-dot{width:20px;height:20px}.radio-xxxl .radio-label-text{font-size:24px;line-height:44px}.radio-dot-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;opacity:0;transform:scale(0);transition:all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none}.radio-dot-container.radio-dot-visible{opacity:1;transform:scale(1)}.radio-dot{border-radius:50%;background:currentColor}.custom-radio-image{width:100%;height:100%;object-fit:contain;border-radius:50%;padding:4px}.custom-icon{display:flex;align-items:center;justify-content:center;font-size:12px;color:currentColor}.radio-animate .radio-checked .radio-dot,.radio-animate .radio-checked .custom-icon{animation:radio-pop 0.3s ease}@keyframes radio-pop{0%{transform:scale(0)}50%{transform:scale(1.3)}100%{transform:scale(1)}}.radio-variant-bordered .radio-label{padding:12px 16px;border:1px solid var(--border-color);border-radius:12px;transition:all 0.2s ease;width:100%}.radio-variant-bordered .radio-label:hover:not(.radio-disabled){border-color:currentColor;background:rgba(0, 0, 0, 0.02)}.radio-variant-bordered.radio-checked .radio-label{border-color:currentColor;background:rgba(var(--primary-rgb, 61, 205, 88), 0.05);box-shadow:0 4px 12px rgba(0, 0, 0, 0.05)}.radio-variant-underlined .radio-label{padding:12px 4px;border-bottom:2px solid transparent;transition:all 0.2s ease;border-radius:0;width:100%;box-sizing:border-box}.radio-variant-underlined.radio-checked .radio-label{border-bottom-color:currentColor}.radio-variant-card .radio-label{padding:20px;border:2px solid var(--border-color);border-radius:16px;background:var(--surface-color);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 6px rgba(0, 0, 0, 0.02);width:100%;box-sizing:border-box}.radio-variant-card .radio-label:hover:not(.radio-disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.08);border-color:var(--border-color-hover, #cbd5e1)}.radio-variant-card.radio-checked .radio-label{border-color:currentColor;background:rgba(var(--primary-rgb, 61, 205, 88), 0.02);box-shadow:0 12px 32px rgba(0, 0, 0, 0.1)}.radio-variant-card.radio-checked:hover .radio-label{transform:translateY(-2px)}.radio-variant-glass .radio-circle{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px);border-color:rgba(255, 255, 255, 0.2) !important;border-width:1.5px}.radio-variant-glass.radio-checked .radio-circle{background:currentColor !important;backdrop-filter:none}.radio-variant-raised .radio-circle{border-color:rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.05) !important}.radio-skeleton{pointer-events:none}.radio-skeleton .radio-circle{background:var(--bg-primary, #e5e7eb);border-color:var(--border-default, #e5e7eb) !important}.radio-skeleton .radio-label-text,.radio-skeleton .radio-description{background:var(--bg-primary, #e5e7eb);color:transparent !important;border-radius:4px;width:fit-content;min-width:120px}.radio-skeleton .radio-description{min-width:180px}.radio-skeleton .radio-label{position:relative;overflow:hidden}.radio-skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:radio-shimmer 1.5s infinite}@keyframes radio-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.radio-primary .radio-circle{border-color:var(--color-primary, #93c5fd)}.radio-primary .radio-checked .radio-circle{border-color:var(--primary-color);color:var(--primary-color)}.radio-secondary .radio-circle{border-color:var(--border-strong, #d1d5db)}.radio-secondary .radio-checked .radio-circle{border-color:var(--color-primary, #6b7280);color:var(--text-muted, #6b7280)}.radio-success .radio-circle{border-color:var(--color-success, #86efac)}.radio-success .radio-checked .radio-circle{border-color:var(--color-success, #16a34a);color:var(--color-success, #16a34a)}.radio-danger .radio-circle{border-color:var(--color-danger, #fca5a5)}.radio-danger .radio-checked .radio-circle{border-color:var(--color-danger-hover, #dc2626);color:var(--color-danger-hover, #dc2626)}.radio-warning .radio-circle{border-color:var(--color-danger, #fcd34d)}.radio-warning .radio-checked .radio-circle{border-color:var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b)}.radio-info .radio-circle{border-color:var(--color-primary, #67e8f9)}.radio-info .radio-checked .radio-circle{border-color:var(--color-info-hover, #0891b2);color:var(--color-info-hover, #0891b2)}.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px currentColor}.radio-primary.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-success, #3dcd58)}.radio-secondary.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-primary, #6b7280)}.radio-success.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-success, #16a34a)}.radio-danger.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-danger-hover, #dc2626)}.radio-warning.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-warning, #f59e0b)}.radio-info.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-info-hover, #0891b2)}.radio-hovered:not(.radio-disabled):not(.radio-readonly) .radio-circle{border-color:currentColor;box-shadow:0 0 0 4px rgba(0, 0, 0, 0.05)}.radio-primary.radio-hovered .radio-circle{border-color:var(--color-success, #3dcd58)}.radio-secondary.radio-hovered .radio-circle{border-color:var(--color-primary, #6b7280)}.radio-success.radio-hovered .radio-circle{border-color:var(--color-success, #16a34a)}.radio-danger.radio-hovered .radio-circle{border-color:var(--color-danger-hover, #dc2626)}.radio-warning.radio-hovered .radio-circle{border-color:var(--color-warning, #f59e0b)}.radio-info.radio-hovered .radio-circle{border-color:var(--color-info-hover, #0891b2)}.radio-ripple .radio-circle::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;transform:translate(-50%, -50%) scale(0);background:rgba(0, 0, 0, 0.1);pointer-events:none}.radio-ripple .radio-input:active~.radio-circle::before{animation:ripple 0.6s ease}@keyframes ripple{0%{transform:translate(-50%, -50%) scale(0);opacity:1}100%{transform:translate(-50%, -50%) scale(3);opacity:0}}.radio-label-content{display:flex;flex-direction:column;gap:4px}.radio-label-text{color:var(--ui-radio-label);font-weight:500;line-height:1.4}.radio-description{color:var(--ui-radio-description);font-size:0.875rem;line-height:1.4}.radio-invalid .radio-circle{border-color:var(--color-danger-hover, #dc2626)}.radio-is-button{width:100%;height:100%;overflow:inherit}.radio-is-button .radio-label{padding:8px 16px;justify-content:center;background:var(--surface-color);transition:all 0.2s ease;width:100%;height:100%;border-radius:inherit}.radio-is-button .radio-label:hover:not(.radio-disabled){background:var(--bg-secondary, #f3f4f6)}.radio-is-button .radio-circle{margin-inline-end:8px;transform:scale(0.85)}.radio-is-button.radio-checked .radio-label{background:var(--primary-color);color:var(--color-primary-text, #ffffff);z-index:1;border-color:var(--primary-color)}.radio-is-button.radio-secondary.radio-checked .radio-label{background:var(--color-primary, #6b7280);border-color:var(--color-primary, #6b7280)}.radio-is-button.radio-success.radio-checked .radio-label{background:var(--color-success, #16a34a);border-color:var(--color-success, #16a34a)}.radio-is-button.radio-danger.radio-checked .radio-label{background:var(--color-danger-hover, #dc2626);border-color:var(--color-danger-hover, #dc2626)}.radio-is-button.radio-warning.radio-checked .radio-label{background:var(--color-warning, #f59e0b);border-color:var(--color-warning, #f59e0b)}.radio-is-button.radio-info.radio-checked .radio-label{background:var(--color-info-hover, #0891b2);border-color:var(--color-info-hover, #0891b2)}.radio-is-button.radio-disabled .radio-label{background:var(--bg-primary, #f9fafb);color:var(--text-muted, #9ca3af)}';const s=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 r=1;r<=this.max;r++){const o=t>=r,n=this.allowHalf&&t>=r-.5&&t<r,s=a&&a[r-1]?a[r-1]:this.activeColor||this.color,l=this.activeFillColor||"currentColor";i.push(e("button",{type:"button",class:{"rating-item":!0,"rating-item-active":o||n,"rating-item-half":n,"rating-item-hover":this.hoverValue>=r,[`rating-color-${s}`]:!!s},onClick:()=>this.handleClick(r),onMouseEnter:()=>this.handleMouseEnter(r),onMouseLeave:this.handleMouseLeave,disabled:this.disabled||this.readonly,"aria-label":`Rate ${r} 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:n?"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:l})))))}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(((r,o)=>{const n=t>0?r/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:`${n}%`,backgroundColor:a}})),e("span",{class:"histogram-count"},r))})))}catch{return null}}renderSmileyRating(){const i=[],t=this.getLabels(),a=["frown","meh","smile","laugh","heart"],r=["😢","😕","😐","🙂","😄"],o=this.hoverValue||this.value;for(let n=1;n<=this.max;n++){const s=this.value===n,l=o===n||this.useEmoji&&o>=n,d=a[n-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":l,"rating-item-selected":s,"rating-item-hover":this.hoverValue===n,"rating-item-emoji":this.useEmoji},onClick:()=>this.handleClick(n),onMouseEnter:()=>this.handleMouseEnter(n),onMouseLeave:this.handleMouseLeave,disabled:this.disabled||this.readonly,"aria-label":t[n-1]||`Rate ${n} out of ${this.max}`},this.useEmoji?e("span",{class:"emoji-display"},o>=n||s?r[n-1]||"🙂":"⚪"):e("div",{class:"rating-icon-container"},e("ui-icon",{name:d,color:"currentColor",library:"lucide",size:this.size,class:"rating-icon-bg"}),e("div",{class:"rating-icon-fill",style:{width:l?"100%":"0%"}},e("ui-icon",{name:d,color:"currentColor",library:"lucide",size:this.size})))),t[n-1]&&e("span",{class:"smiley-label"},t[n-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],r=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,n={"--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:n,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&&r),"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&&r,"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%"}}))))}};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}: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 l=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 r=this.getSizeDimensions();t.width="100%"!==this.width?this.width:r.width,t.height="20px"!==this.height?this.height:r.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 r=["dark","blue","violet","green","pink"],o=document.documentElement.getAttribute("data-theme")||"",n="auto"===this.dark&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches||r.some((i=>document.documentElement.classList.contains("theme-"+i)||document.body.classList.contains("theme-"+i)))||r.includes(o)||!!this.el.closest(r.map((i=>`.theme-${i}, [data-theme="${i}"]`)).join(", ")));return e("div",{class:`skeleton-replication-container skeleton-direction-${this.direction} ${"dark"===this.dark||n?"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",r=this.animated&&(!this.lazyAnimation||this.isInView),o=!["neutral","primary","secondary","success","danger","warning","info"].includes(this.color),n={skeleton:!0,"skeleton-animated":r,[`skeleton-${this.animationType}`]:r,[`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 l=["circle","avatar","oval"].includes(this.shape),d={...this.getSkeletonStyles(),...s,animationDelay:a,...l?{}:this.radius||"4px"!==this.borderRadius?{borderRadius:this.radius||this.borderRadius}:{}};return e("div",{class:n,style:d,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}]}}};l.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{o as ui_pagination,n as ui_radio,s as ui_rating,l as ui_skeleton}

package/dist/exploration-project-tailwind/p-3d381f75.entry.js

@@ -1 +0,0 @@
-import{r,c as s,a as e,h as t,H as i}from"./p-DUsoYu9r.js";const o=class{constructor(e){r(this,e),this.progressChange=s(this,"progressChange")}type="line";percent=0;status="normal";currentStatus="normal";strokeWidth=10;strokeColor="#1890ff";trailColor="#f0f0f0";gradient=!1;showInfo=!0;format=r=>`${r}%`;size="default";width="100%";height="100%";strokeLinecap="round";success=null;steps=0;gapDegree=0;gapPosition="top";multiProgress=[];buffer=0;showBuffer=!1;paused=!1;showPauseButton=!1;estimatedTime=0;showTimeEstimate=!1;milestones=[];indeterminate=!1;decimalPrecision=0;percentageColor="";liquid=!1;thresholds=[];icon="";iconLibrary="lucide";skeleton=!1;peakMarker=0;vitality=!1;dataLabels="";glass=!1;statusBar=!1;statusBarAlign="left";statusBarPosition="inside";statusLabels={};glow=!1;labelPosition="outside";orientation="horizontal";interactive=!1;ticks=0;animatedPercent=0;isDragging=!1;gradientId=`ui-progress-gradient-${Math.random().toString(36).substr(2,9)}`;get el(){return e(this)}progressChange;componentWillLoad(){this.animatedPercent=this.percent,this.currentStatus=this.status,this.normalizeProps()}normalizeProps(){try{"string"==typeof this.milestones&&(this.milestones=JSON.parse(this.milestones)),"string"==typeof this.thresholds&&(this.thresholds=JSON.parse(this.thresholds)),"string"==typeof this.success&&(this.success=JSON.parse(this.success)),"string"==typeof this.strokeColor&&this.strokeColor.startsWith("{")&&(this.strokeColor=JSON.parse(this.strokeColor)),"string"==typeof this.multiProgress&&(this.multiProgress=JSON.parse(this.multiProgress)),"string"==typeof this.statusLabels&&(this.statusLabels=JSON.parse(this.statusLabels))}catch(r){console.warn("Failed to parse complex progress prop",r)}}handlePercentChange(r){r>this.peakMarker&&(this.peakMarker=r),this.animateProgress(r),this.applyThresholds(r)}handleStrokeColorChange(){this.normalizeProps()}handleStatusChange(r){this.currentStatus=r}applyThresholds(r){if(!this.thresholds.length)return;const s=[...this.thresholds].sort(((r,s)=>s.percent-r.percent)).find((s=>r>=s.percent));s?(s.status&&(this.currentStatus=s.status),s.color&&(this.strokeColor=s.color)):this.currentStatus=this.status}animateProgress(r){const s=this.animatedPercent,e=r-s,t=Date.now(),i=()=>{const r=Date.now(),o=Math.min((r-t)/500,1);this.animatedPercent=s+e*this.easeOut(o),o<1&&requestAnimationFrame(i)};requestAnimationFrame(i)}easeOut(r){return 1-Math.pow(1-r,3)}handleInteraction=r=>{if(!this.interactive)return;this.isDragging=!0,this.updateFromEvent(r);const s=()=>{this.isDragging=!1,document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",s),document.removeEventListener("touchmove",e),document.removeEventListener("touchend",s)},e=r=>{this.isDragging&&this.updateFromEvent(r)};document.addEventListener("mousemove",e),document.addEventListener("mouseup",s),document.addEventListener("touchmove",e),document.addEventListener("touchend",s)};updateFromEvent(r){const s=this.el.shadowRoot?.querySelector(".progress-line-trail")?.getBoundingClientRect();if(!s)return;let e=0;e="vertical"===this.orientation?100-((r.touches?r.touches[0].clientY:r.clientY)-s.top)/s.height*100:((r.touches?r.touches[0].clientX:r.clientX)-s.left)/s.width*100;const t=Math.max(0,Math.min(100,Math.round(e)));this.percent=t,this.progressChange.emit({value:t})}renderTicks(){if(this.ticks<=0)return null;const r=Math.floor(100/this.ticks),s=[];for(let e=0;e<=r;e++){const r=e*this.ticks;s.push(t("div",{class:"progress-tick",style:{["vertical"===this.orientation?"bottom":"left"]:`${r}%`}}))}return s}getStatusInfo(){const r=this.statusLabels||{};return"interrupted"===this.currentStatus?{label:r.interrupted??"Interrupted",cssClass:"interrupted",iconName:"ban"}:this.animatedPercent>=100||"completed"===this.currentStatus?{label:r.completed??"Completed",cssClass:"completed",iconName:"check-circle"}:this.animatedPercent<=0?{label:r.notStarted??"Not Started",cssClass:"not-started",iconName:"circle"}:{label:r.running??"Running",cssClass:"running",iconName:"loader"}}renderStatusBarChip(r=!1){const{label:s,cssClass:e,iconName:i}=this.getStatusInfo(),o=Number(this.animatedPercent.toFixed(this.decimalPrecision));let a={};return r||(a={position:"absolute",top:"50%",transform:"translateY(-50%)",zIndex:"2"},"right"===this.statusBarAlign?a.right="8px":"center"===this.statusBarAlign?(a.left="50%",a.transform="translate(-50%, -50%)"):a.left="8px"),t("div",{class:`progress-status-chip progress-status-chip--${e}`,style:a},t("ui-icon",{name:i,library:"lucide"}),t("span",null,s),t("span",{"aria-hidden":"true",style:{opacity:"0.45",margin:"0 1px"}},"·"),t("span",null,o,"%"))}getStrokeColor(){return"success"===this.currentStatus||"completed"===this.currentStatus?"#52c41a":"exception"===this.currentStatus||"danger"===this.currentStatus||"interrupted"===this.currentStatus?"#ff4d4f":"warning"===this.currentStatus?"#faad14":"empty"===this.currentStatus?"#d9d9d9":"running"===this.currentStatus?"#1890ff":this.gradient||"object"==typeof this.strokeColor&&null!==this.strokeColor?`url(#${this.gradientId})`:"string"==typeof this.strokeColor?this.strokeColor:"#1890ff"}renderLineProgress(){const r=this.getStrokeColor(),s=Number(this.animatedPercent.toFixed(this.decimalPrecision));let e=r;const i="object"==typeof this.strokeColor&&null!==this.strokeColor,o=i?this.strokeColor:null;if(this.gradient||i){let s="#1890ff",t="#52c41a";o?(s=o.from||s,t=o.to||t):(s=r,t="normal"===this.status?"#69c0ff":r),e=`linear-gradient(${"vertical"===this.orientation?"to top":o&&o.direction||"to right"}, ${s}, ${t})`}const a=this.statusBar&&"top"===this.statusBarPosition,n=this.statusBar&&"inside"===this.statusBarPosition&&"vertical"!==this.orientation?Math.max(this.strokeWidth,32):this.strokeWidth,p={["vertical"===this.orientation?"height":"width"]:this.indeterminate?"100%":`${Math.min(this.animatedPercent,100)}%`,["vertical"===this.orientation?"width":"height"]:"100%",borderRadius:"round"===this.strokeLinecap?`${n}px`:"0",background:e,color:r,..."vertical"===this.orientation?{position:"absolute",bottom:"0",left:"0"}:{}},l={["vertical"===this.orientation?"width":"height"]:`${n}px`,["vertical"===this.orientation?"height":"width"]:"vertical"===this.orientation?"number"==typeof this.height?`${this.height}px`:this.height:"number"==typeof this.width?`${this.width}px`:this.width,borderRadius:"round"===this.strokeLinecap?`${n}px`:"0",background:this.trailColor,cursor:this.interactive?"pointer":"default",flex:a?"none":"1"};return t("div",{class:{"progress-line-wrapper":!0,"progress-status-bar":this.statusBar,"progress-status-bar--top":a,[`progress-orient-${this.orientation}`]:!0}},a&&t("div",{class:`progress-status-header progress-status-header--${this.statusBarAlign}`},this.renderStatusBarChip(!0)),!this.statusBar&&"top"===this.labelPosition&&this.showInfo&&this.renderProgressInfo(),t("div",{class:"progress-line-trail",style:l,onMouseDown:this.handleInteraction,onTouchStart:this.handleInteraction},this.statusBar&&"inside"===this.statusBarPosition&&this.renderStatusBarChip(!1),this.vitality&&t("div",{class:"progress-vitality-pulse"}),this.renderTicks(),this.showBuffer&&this.buffer>0&&t("div",{class:"progress-buffer-bar",style:{["vertical"===this.orientation?"height":"width"]:`${Math.min(this.buffer,100)}%`,["vertical"===this.orientation?"width":"height"]:`${this.strokeWidth}px`,background:`${r}33`,..."vertical"===this.orientation?{position:"absolute",bottom:"0",left:"0"}:{}}}),t("div",{class:{"progress-line-bar":!0,"progress-active":("active"===this.currentStatus||this.indeterminate)&&!this.paused,"progress-indeterminate":this.indeterminate,"progress-liquid":this.liquid,"progress-industrial":"industrial"===this.type,"progress-vibrate":"danger"===this.status},style:p},"inside"===this.labelPosition&&this.showInfo&&t("div",{class:"progress-text-inside",style:{color:this.percentageColor||"#fff",fontSize:`${Math.max(.6*this.strokeWidth,9)}px`}},this.icon&&t("ui-icon",{name:this.icon,library:this.iconLibrary,style:{marginRight:"4px"}}),this.format(s)),this.success&&(this.success.percent??0)>0&&t("div",{class:"progress-success-bar",style:{["vertical"===this.orientation?"height":"width"]:(this.success.percent??0)/this.animatedPercent*100+"%",background:this.success.strokeColor||"#52c41a",..."vertical"===this.orientation?{position:"absolute",bottom:"0",left:"0"}:{}}})),this.peakMarker>0&&t("div",{class:"progress-peak-marker",style:{["vertical"===this.orientation?"bottom":"left"]:`${this.peakMarker}%`},title:`Session Peak: ${this.peakMarker}%`}),this.milestones.map((r=>t("div",{class:"milestone-marker",style:{["vertical"===this.orientation?"bottom":"left"]:`${r.percent}%`},title:r.label},r.icon?t("ui-icon",{name:r.icon.replace(/^fa[sb]? fa-/,""),library:"fontawesome"}):t("div",{class:"milestone-dot"}))))),this.multiProgress.length>0&&this.renderMultiProgress(),!this.statusBar&&"top"!==this.labelPosition&&this.showInfo&&this.renderProgressInfo(),this.showTimeEstimate&&this.estimatedTime>0&&this.renderTimeEstimate(),this.showPauseButton&&this.renderPauseButton())}renderMultiProgress(){return t("div",{class:"multi-progress-container",style:{display:"flex",flexDirection:"column",gap:"8px",marginTop:"12px"}},this.multiProgress.map((r=>t("div",{class:"multi-progress-item",style:{display:"flex",alignItems:"center",gap:"12px"}},t("div",{class:"multi-progress-bar-wrap",style:{flex:"1",height:`${this.strokeWidth}px`,background:this.trailColor,borderRadius:"4px",overflow:"hidden"}},t("div",{class:"multi-progress-bar",style:{width:`${r.percent}%`,background:r.color||this.getStrokeColor(),height:"100%",transition:"width 0.5s ease"}})),r.label&&t("span",{class:"multi-progress-label",style:{fontSize:"11px",fontWeight:"700",color:"#64748b"}},r.label)))))}renderTimeEstimate(){const r=Math.floor(this.estimatedTime/60),s=this.estimatedTime%60;return t("span",{class:"time-estimate"},"Est. ",r>0?`${r}m ${s}s`:`${s}s`," remaining")}renderPauseButton(){return t("ui-button",{variant:"ghost",class:"pause-button",onClick:()=>this.paused=!this.paused,icon:this.paused?"play":"pause",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})}renderStepsProgress(){const r=[],s=100/this.steps,e=this.getStrokeColor();for(let i=0;i<this.steps;i++){const o=(i+1)/this.steps*100<=this.animatedPercent;r.push(t("div",{class:{"progress-step":!0,"progress-step-active":o},style:{width:`${s}%`,background:o?e:this.trailColor,height:`${this.strokeWidth}px`}}))}return t("div",{class:"progress-steps-wrapper",style:{width:"number"==typeof this.width?`${this.width}px`:this.width}},t("div",{class:"progress-steps-container"},r),this.showInfo&&this.renderProgressInfo())}renderCircleProgress(){const r="sm"===this.size?80:120,s=this.strokeWidth||("sm"===this.size?6:8),e=(r-s)/2,i=2*Math.PI*e,o=this.indeterminate?.75*i:i-this.animatedPercent/100*i,a=this.getStrokeColor(),n=this.gapPosition;let p=0;"bottom"===n?p=180:"top"===n?p=0:"left"===n?p=270:"right"===n&&(p=90);const l=this.getCirclePath(r/2,r/2,e,"dashboard"===this.type?this.gapDegree||75:this.gapDegree,p),g=this.icon?t("ui-icon",{name:this.icon,library:this.iconLibrary,style:{display:"block",fontSize:("sm"===this.size?18:24)+"px",marginBottom:"4px"}}):null,c="object"==typeof this.strokeColor&&null!==this.strokeColor,h=c?this.strokeColor:null;return t("div",{class:"progress-circle-wrapper",style:{width:`${r}px`,height:`${r}px`}},t("svg",{width:r,height:r},(this.gradient||c)&&t("defs",null,t("linearGradient",{id:this.gradientId,x1:"0%",y1:"0%",x2:"100%",y2:"100%"},t("stop",{offset:"0%","stop-color":h&&h.from||a}),t("stop",{offset:"100%","stop-color":h?h.to||"#52c41a":"normal"===this.status?"#69c0ff":a}))),t("path",{d:l,stroke:this.trailColor,"stroke-width":s,fill:"none","stroke-linecap":this.strokeLinecap}),t("path",{d:l,stroke:a,"stroke-width":s,fill:"none","stroke-linecap":this.strokeLinecap,"stroke-dasharray":i,"stroke-dashoffset":o,style:{color:a},class:{"progress-circle-path":!0,"progress-indeterminate":this.indeterminate,"progress-liquid":this.liquid}})),this.showInfo&&t("div",{class:"progress-circle-text"},g,this.renderProgressInfo()))}getCirclePath(r,s,e,t,i){const o=t*Math.PI/180,a=-Math.PI/2+o/2+i*Math.PI/180,n=a+2*Math.PI-o,p=r+e*Math.cos(a),l=s+e*Math.sin(a),g=r+e*Math.cos(n),c=s+e*Math.sin(n);return`M ${p} ${l} A ${e} ${e} 0 ${2*Math.PI-o>Math.PI?1:0} 1 ${g} ${c}`}renderProgressInfo(){if(this.indeterminate)return null;const r=Number(this.animatedPercent.toFixed(this.decimalPrecision)),s=this.dataLabels||this.format(r),e=this.percentageColor?{color:this.percentageColor}:{},i=this.icon?t("ui-icon",{name:this.icon,library:this.iconLibrary,style:{marginRight:"6px"}}):null;return"success"===this.currentStatus||"completed"===this.currentStatus?t("span",{class:"progress-text progress-text-success",style:e},i||t("ui-icon",{name:"check-circle",library:"fontawesome"}),"inside"!==this.labelPosition&&(this.dataLabels||("completed"===this.currentStatus?"Completed":s))):"exception"===this.currentStatus||"danger"===this.currentStatus||"interrupted"===this.currentStatus?t("span",{class:"progress-text progress-text-exception",style:e},i||t("ui-icon",{name:"exclamation-triangle",library:"fontawesome"}),"inside"!==this.labelPosition&&(this.dataLabels||("interrupted"===this.currentStatus?"Interrupted":s))):"warning"===this.currentStatus?t("span",{class:"progress-text progress-text-warning",style:e},i||t("ui-icon",{name:"exclamation-circle",library:"fontawesome"}),s):"empty"===this.currentStatus?t("span",{class:"progress-text progress-text-empty",style:e},i||t("ui-icon",{name:"circle",library:"fontawesome",style:{opacity:.4}}),"inside"!==this.labelPosition&&(this.dataLabels||"Empty")):"running"===this.currentStatus?t("span",{class:"progress-text progress-text-running",style:e},i||t("ui-icon",{name:"sync",library:"fontawesome",class:"fa-spin",style:{color:"#1890ff"}}),"inside"!==this.labelPosition&&(this.dataLabels||`Running (${s})`)):t("span",{class:"progress-text",style:e},i,s)}render(){const r={progress:!0,[`progress-${this.type}`]:!0,"progress-active":"active"===this.status||"running"===this.currentStatus||this.indeterminate,[`progress-${this.size}`]:"line"!==this.type,"progress-indeterminate":this.indeterminate,"progress-liquid":this.liquid,"progress-glass":this.glass,"progress-glow":this.glow,"progress-skeleton":this.skeleton,[`progress-${this.currentStatus}`]:!0};let s;s=this.steps>0&&"line"===this.type?this.renderStepsProgress():"line"===this.type?this.renderLineProgress():this.renderCircleProgress();const e=Number(this.animatedPercent.toFixed(this.decimalPrecision));return t(i,{key:"21dcb1b89582338f185767a4301e4cf435c1842c",role:"progressbar","aria-valuenow":e,"aria-valuemin":"0","aria-valuemax":"100","aria-label":this.dataLabels||`Progress: ${this.percent}%`,style:"vertical"===this.orientation?{height:"number"==typeof this.height?`${this.height}px`:this.height}:{}},t("div",{key:"7aebc6dc0cb2804300c171598c47699d8c8fabe8",class:r},s,(this.liquid||"industrial"===this.type)&&t("svg",{key:"7a70f4821a0752d1106107e9fa9618cf2b4de889",style:{position:"absolute",width:"0",height:"0"}},t("filter",{key:"a899fcbc62ef322086eee654f24d0bf8b1cf83a6",id:"liquid-filter"},t("feGaussianBlur",{key:"5b8dc993e949a4cddd661d3b45b9c44fe25e4f4d",in:"SourceGraphic",stdDeviation:"10",result:"blur"}),t("feColorMatrix",{key:"55da24d44b6cb35cd28e0f301d3c8316e3554e8d",in:"blur",mode:"matrix",values:"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7",result:"goo"}),t("feBlend",{key:"e59ec2eda298c0796be6b28a1b2afd9a6dadab63",in:"SourceGraphic",in2:"goo"})))))}static get watchers(){return{percent:[{handlePercentChange:0}],strokeColor:[{handleStrokeColorChange:0}],status:[{handleStatusChange:0}]}}};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}:host *{box-sizing:border-box}.progress{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:14px;height:100%;width:100%;border-radius:inherit;display:flex;flex-direction:column}.progress-line-wrapper{display:flex;align-items:center;gap:12px}.progress-line-wrapper.progress-status-bar--top{flex-direction:column;align-items:stretch;gap:4px}.progress-line-wrapper.progress-status-bar--top .progress-line-trail{flex:none}.progress-line-wrapper.progress-orient-vertical{flex-direction:column;height:100%;width:100%}.progress-line-wrapper.progress-orient-vertical .progress-text{text-align:center;min-width:unset;font-size:11px;font-weight:700;letter-spacing:0.05em;margin-top:8px;margin-left:0}.progress-line-trail{position:relative;overflow:hidden;transition:all 0.3s ease}.progress-line-trail:hover{opacity:0.9}.progress-line-bar{position:absolute;top:0;left:0;transition:width 0.5s cubic-bezier(0.4, 0, 0.2, 1), height 0.5s cubic-bezier(0.4, 0, 0.2, 1);border-radius:inherit;display:flex;align-items:center;justify-content:center;white-space:nowrap}.progress-text-inside{position:relative;z-index:2;font-weight:700;padding:0 8px;display:flex;align-items:center;justify-content:center}.progress-success-bar{position:absolute;top:0;right:0;border-radius:inherit}.progress-active .progress-line-bar::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:var(--bg-primary, #ffffff);opacity:0;animation:progress-active 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;border-radius:inherit}@keyframes progress-active{0%{opacity:0.1;width:0}20%{opacity:0.5;width:0}100%{opacity:0;width:100%}}.progress-indeterminate.progress-line .progress-line-bar{width:100%}.progress-indeterminate.progress-line .progress-line-bar::after{content:"";position:absolute;top:0;left:0;bottom:0;width:50%;background:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);animation:progress-line-indeterminate 1.5s infinite linear}@keyframes progress-line-indeterminate{0%{left:-100%}100%{left:100%}}.progress-steps-wrapper{display:flex;align-items:center;gap:12px}.progress-steps-container{display:flex;gap:4px;flex:1}.progress-step{border-radius:4px;transition:background 0.3s ease}.progress-circle-wrapper{position:relative;display:inline-block}.progress-indeterminate.progress-circle .progress-circle-wrapper,.progress-indeterminate.progress-dashboard .progress-circle-wrapper{animation:progress-circle-rotate 2s infinite linear}.progress-circle-path{transition:stroke-dashoffset 0.5s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes progress-circle-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.progress-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;font-size:24px;font-weight:600;color:rgba(0, 0, 0, 0.85)}.progress-sm .progress-circle-text{font-size:16px}.progress-text{font-size:14px;color:rgba(0, 0, 0, 0.65);white-space:nowrap;min-width:32px;text-align:right;display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}.progress-text ui-icon{font-size:16px;vertical-align:middle}.progress-circle .progress-text{text-align:center}.progress-text i{font-size:16px;vertical-align:middle;margin-right:4px}.progress-success .progress-text i,.progress-completed .progress-text i{color:var(--color-success, #52c41a)}.progress-text-warning i{color:var(--color-danger, #faad14)}.progress-text-exception i,.progress-exception .progress-text i,.progress-danger .progress-text i,.progress-interrupted .progress-text i{color:var(--color-danger, #ff4d4f)}.progress-text-empty{color:var(--color-neutral, #8c8c8c) !important}.progress-text-empty i,.progress-text-empty ui-icon{color:var(--color-neutral, #8c8c8c) !important}.progress-text-running{color:var(--color-primary, #1890ff) !important}.progress-text-running i,.progress-text-running ui-icon{color:var(--color-primary, #1890ff) !important}.progress-text-success{color:var(--color-success, #52c41a) !important}.progress-text-success i,.progress-text-success ui-icon{color:var(--color-success, #52c41a) !important}.progress-text-exception{color:var(--color-danger, #ff4d4f) !important}.progress-text-exception i,.progress-text-exception ui-icon{color:var(--color-danger, #ff4d4f) !important}.progress-success .progress-line-bar,.progress-completed .progress-line-bar{background:var(--color-success, #52c41a)}.progress-warning .progress-line-bar{background:var(--color-danger, #faad14)}.progress-exception .progress-line-bar,.progress-danger .progress-line-bar,.progress-interrupted .progress-line-bar{background:var(--color-danger, #ff4d4f)}.progress-empty .progress-line-bar{background:var(--color-neutral, #d9d9d9)}.progress-running .progress-line-bar{background:var(--color-primary, #1890ff)}.progress-success .progress-circle-path,.progress-completed .progress-circle-path{stroke:var(--color-success, #52c41a)}.progress-warning .progress-circle-path{stroke:var(--color-danger, #faad14)}.progress-exception .progress-circle-path,.progress-danger .progress-circle-path,.progress-interrupted .progress-circle-path{stroke:var(--color-danger, #ff4d4f)}.progress-empty .progress-circle-path{stroke:var(--color-neutral, #d9d9d9)}.progress-running .progress-circle-path{stroke:var(--color-primary, #1890ff)}.progress-sm.progress-circle .progress-circle-wrapper{width:80px;height:80px}.progress-default.progress-circle .progress-circle-wrapper{width:120px;height:120px}.progress-liquid{overflow:hidden}.progress-liquid.progress-line-bar::after{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 100 20\'%3E%3Cpath fill=\'var(--bg-primary, #ffffff)\' opacity=\'0.2\' d=\'M0 15 Q25 10 50 15 T100 15 V20 H0 Z\'/%3E%3C/svg%3E");background-size:50% 100%;animation:wave-move 2s infinite linear}.progress-liquid.progress-circle-path{filter:url(#liquid-filter);stroke-dasharray:20 2 !important;animation:circular-liquid 2s infinite linear}@keyframes circular-liquid{0%{stroke-dashoffset:0}100%{stroke-dashoffset:44}}@keyframes wave-move{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.progress-glass .progress-line-trail{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px);border:1px solid rgba(255, 255, 255, 0.2);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05)}.progress-glass .progress-circle-wrapper path:first-child{stroke:rgba(255, 255, 255, 0.2) !important;filter:blur(1px)}.progress-glow.progress-line .progress-line-bar{filter:drop-shadow(0 0 8px currentColor)}.progress-glow.progress-circle .progress-circle-path,.progress-glow.progress-dashboard .progress-circle-path{filter:drop-shadow(0 0 6px currentColor)}.progress-glow.progress-success.progress-line .progress-line-bar,.progress-glow.progress-completed.progress-line .progress-line-bar{filter:drop-shadow(0 0 8px rgba(82, 196, 26, 0.45)) !important}.progress-glow.progress-success.progress-circle .progress-circle-path,.progress-glow.progress-success.progress-dashboard .progress-circle-path,.progress-glow.progress-completed.progress-circle .progress-circle-path,.progress-glow.progress-completed.progress-dashboard .progress-circle-path{filter:drop-shadow(0 0 6px rgba(82, 196, 26, 0.45)) !important}.progress-glow.progress-exception.progress-line .progress-line-bar,.progress-glow.progress-danger.progress-line .progress-line-bar,.progress-glow.progress-interrupted.progress-line .progress-line-bar{filter:drop-shadow(0 0 8px rgba(255, 77, 79, 0.45)) !important}.progress-glow.progress-exception.progress-circle .progress-circle-path,.progress-glow.progress-exception.progress-dashboard .progress-circle-path,.progress-glow.progress-danger.progress-circle .progress-circle-path,.progress-glow.progress-danger.progress-dashboard .progress-circle-path,.progress-glow.progress-interrupted.progress-circle .progress-circle-path,.progress-glow.progress-interrupted.progress-dashboard .progress-circle-path{filter:drop-shadow(0 0 6px rgba(255, 77, 79, 0.45)) !important}.progress-glow.progress-warning.progress-line .progress-line-bar{filter:drop-shadow(0 0 8px rgba(250, 173, 20, 0.45)) !important}.progress-glow.progress-warning.progress-circle .progress-circle-path,.progress-glow.progress-warning.progress-dashboard .progress-circle-path{filter:drop-shadow(0 0 6px rgba(250, 173, 20, 0.45)) !important}.progress-glow.progress-running.progress-line .progress-line-bar,.progress-glow.progress-active.progress-line .progress-line-bar{filter:drop-shadow(0 0 8px rgba(24, 144, 255, 0.45)) !important}.progress-glow.progress-running.progress-circle .progress-circle-path,.progress-glow.progress-running.progress-dashboard .progress-circle-path,.progress-glow.progress-active.progress-circle .progress-circle-path,.progress-glow.progress-active.progress-dashboard .progress-circle-path{filter:drop-shadow(0 0 6px rgba(24, 144, 255, 0.45)) !important}.progress-industrial{mask-size:16px 100%;mask-image:linear-gradient(to right, var(--text-primary, #000) 70%, transparent 70%)}.progress-orient-vertical .progress-industrial{mask-size:100% 16px;mask-image:linear-gradient(to top, var(--text-primary, #000) 70%, transparent 70%)}.progress-industrial{box-shadow:inset 0 1px 2px rgba(255, 255, 255, 0.4), inset 0 -1px 2px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);border:1px solid rgba(255, 255, 255, 0.1)}.progress-vibrate{animation:thermal-vibration 0.15s infinite}@keyframes thermal-vibration{0%{transform:translateY(0)}25%{transform:translateY(-1px) translateX(1px)}50%{transform:translateY(1px) translateX(-1px)}75%{transform:translateY(-1px)}100%{transform:translateY(0)}}.progress-peak-marker{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--color-primary, #1890ff);box-shadow:0 0 8px var(--color-primary, #1890ff);transition:left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);z-index:10;pointer-events:none}.progress-peak-marker::after{content:"";position:absolute;top:-4px;left:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--color-primary, #1890ff)}.progress-vitality-pulse{position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);width:50%;animation:vitality-wave 3s infinite ease-in-out;pointer-events:none;z-index:5}.progress-orient-vertical .progress-vitality-pulse{width:100%;height:50%;background:linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.2), transparent);animation:vitality-wave-vertical 3s infinite ease-in-out}@keyframes vitality-wave{0%{transform:translateX(-100%) skewX(-20deg)}50%{opacity:0.5}100%{transform:translateX(200%) skewX(-20deg)}}@keyframes vitality-wave-vertical{0%{transform:translateY(100%) skewY(-20deg)}50%{opacity:0.5}100%{transform:translateY(-200%) skewY(-20deg)}}.progress-tick{position:absolute;background:rgba(0, 0, 0, 0.1);pointer-events:none;z-index:1}.progress-orient-horizontal .progress-tick{top:0;bottom:0;width:1px}.progress-orient-vertical .progress-tick{left:0;right:0;height:1px}.milestone-marker{position:absolute;top:50%;transform:translate(-50%, -50%);z-index:15;cursor:help;display:flex;align-items:center;justify-content:center}.progress-orient-vertical .milestone-marker{left:50%;transform:translate(-50%, 50%)}.milestone-marker ui-icon{font-size:14px;color:var(--text-primary, #1a202c);background:var(--bg-primary, #ffffff);border-radius:50%;padding:2px;box-shadow:0 0 6px rgba(0, 0, 0, 0.1)}.milestone-dot{width:8px;height:8px;background:var(--bg-primary, #ffffff);border:2px solid var(--color-primary, #1890ff);border-radius:50%;box-shadow:0 0 4px rgba(0, 0, 0, 0.15)}.multi-progress-container{border-top:1px solid var(--border-subtle, #edf2f7);padding-top:16px;margin-top:20px}.multi-progress-item{transition:all 0.2s ease}.multi-progress-item:hover{transform:translateX(4px)}.multi-progress-bar-wrap{position:relative;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.05)}.multi-progress-label{letter-spacing:0.025em;text-transform:uppercase}.time-estimate{font-size:11px;color:var(--color-primary, #718096);font-weight:600;margin-top:8px;display:block}.pause-button{display:flex;align-items:center;justify-content:center;background:var(--bg-primary, #f7fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:50%;width:24px;height:24px;cursor:pointer;color:var(--color-primary, #4a5568);transition:all 0.2s ease;margin-top:8px}.pause-button:hover{background:var(--bg-primary, #edf2f7);color:var(--color-primary, #2d3748);transform:scale(1.1)}.pause-button ui-icon{font-size:10px}.progress-skeleton .progress-line-trail{background:var(--bg-primary, #e2e8f0) !important;position:relative;overflow:hidden}.progress-skeleton .progress-line-trail::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);animation:progress-shimmer 1.5s infinite}.progress-skeleton .progress-line-bar{display:none !important}@keyframes progress-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (forced-colors: active){.progress-line-trail{border:1px solid CanvasText}.progress-line-bar{background:Highlight}.progress-peak-marker{background:Mark;box-shadow:none}.progress-tick{background:CanvasText;opacity:0.3}}.progress-status-header{display:flex;width:100%;margin-bottom:4px}.progress-status-header--left{justify-content:flex-start}.progress-status-header--center{justify-content:center}.progress-status-header--right{justify-content:flex-end}.progress-status-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;line-height:1;padding:4px 10px;border-radius:999px;white-space:nowrap;box-shadow:0 1px 6px rgba(0, 0, 0, 0.18);backdrop-filter:blur(4px);pointer-events:none;user-select:none}.progress-status-chip ui-icon{font-size:11px}.progress-status-chip--not-started{background:rgba(241, 245, 249, 0.93);color:#475569;border:1px solid #e2e8f0}.progress-status-chip--running{background:rgba(239, 246, 255, 0.93);color:#1d4ed8;border:1px solid #bfdbfe}.progress-status-chip--running ui-icon{animation:progress-spin 1s linear infinite}.progress-status-chip--interrupted{background:rgba(255, 251, 235, 0.93);color:#b45309;border:1px solid #fde68a}.progress-status-chip--completed{background:rgba(240, 253, 244, 0.93);color:#15803d;border:1px solid #bbf7d0}@keyframes progress-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}';export{o as ui_progress}