atomicuilibrary 0.0.1

package/dist/components/range-slider.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as i,createEvent as r,h as e,Host as s,transformTag as a}from"@stencil/core/internal/client";import{d as o,a as n}from"./badge.js";import{d as l}from"./icon.js";import{d as h}from"./input.js";const d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.sliderChange=r(this,"sliderChange",7),this.sliderDragStart=r(this,"sliderDragStart",7),this.sliderDragEnd=r(this,"sliderDragEnd",7)}get el(){return this}trackElement;isDragging=!1;activeThumb=null;internals;min=0;max=100;step=1;value=50;startValue=25;endValue=75;range=!1;minRange=0;disabled=!1;showTooltip=!0;tooltipAlwaysVisible=!1;color="#3bf673";trackColor="#e5e7eb";size="md";startIcon="";endIcon="";displayFormat="";showMarks=!1;marks=[];restrictedValues=[];vertical=!1;label="";variant="";prefixText="";suffixText="";showMinMax=!1;inputSync=!1;gradientTrack=!1;showValue=!0;customSteps=[];rtl=!1;circle=!1;hideRange=!1;isHovering=!1;isDraggingState=!1;get resolvedColor(){if(Array.isArray(this.color)){const t=this.range?this.endValue:this.value,i=this.color.find((i=>t>=i.min&&t<=i.max));return i?i.color:"#3bf673"}return this.variant&&{primary:"#3bf673",success:"#10b981",danger:"#ef4444",warning:"#f59e0b",info:"#06b6d4",purple:"#8b5cf6"}[this.variant]||("string"==typeof this.color?this.color:this.color.from)}get resolvedGradient(){if(Array.isArray(this.color)){const t=this.range?this.endValue:this.value,i=this.color.find((i=>t>=i.min&&t<=i.max)),r=i?i.color:"#3bf673";return`linear-gradient(90deg, ${r}, ${r}aa)`}const t="string"==typeof this.color?this.color:this.color.from;return this.variant?{primary:"linear-gradient(90deg, #3bf673, #6366f1)",success:"linear-gradient(90deg, #10b981, #34d399)",danger:"linear-gradient(90deg, #ef4444, #f97316)",warning:"linear-gradient(90deg, #f59e0b, #fbbf24)",info:"linear-gradient(90deg, #06b6d4, #3bf673)",purple:"linear-gradient(90deg, #8b5cf6, #ec4899)"}[this.variant]||`linear-gradient(90deg, ${t}, ${t})`:"object"!=typeof this.color||null===this.color||Array.isArray(this.color)?`linear-gradient(90deg, ${this.color}, ${this.color}aa)`:`linear-gradient(90deg, ${this.color.from}, ${this.color.to})`}sliderChange;sliderDragStart;sliderDragEnd;handleColorChange(){this.normalizeProps()}handleMarksChange(){this.normalizeProps()}componentWillLoad(){"function"==typeof this.el.attachInternals&&(this.internals=this.el.attachInternals()),this.normalizeProps(),this.updateFormValue()}updateFormValue(){this.internals&&this.internals.setFormValue(this.range?`${this.startValue},${this.endValue}`:this.value.toString())}normalizeProps(){try{"string"==typeof this.color&&(this.color.startsWith("{")||this.color.startsWith("["))&&(this.color=JSON.parse(this.color)),"string"==typeof this.marks&&(this.marks=JSON.parse(this.marks)),"string"==typeof this.restrictedValues&&(this.restrictedValues=JSON.parse(this.restrictedValues)),"string"==typeof this.customSteps&&(this.customSteps=JSON.parse(this.customSteps))}catch(t){console.warn("Failed to parse complex slider prop",t)}}componentDidLoad(){document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("touchmove",this.handleTouchMove),document.addEventListener("touchend",this.handleTouchEnd)}disconnectedCallback(){document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("touchmove",this.handleTouchMove),document.removeEventListener("touchend",this.handleTouchEnd)}getMarks(){if("string"==typeof this.marks)try{return JSON.parse(this.marks)}catch{return[]}return this.marks}getRestrictedValues(){if("string"==typeof this.restrictedValues)try{return JSON.parse(this.restrictedValues)}catch{return[]}return this.restrictedValues}getCustomSteps(){if("string"==typeof this.customSteps)try{return JSON.parse(this.customSteps)}catch{return[]}return this.customSteps}getNearestValue(t){const i=this.getRestrictedValues();if(i.length>0)return i.reduce(((i,r)=>Math.abs(r-t)<Math.abs(i-t)?r:i));const r=this.getCustomSteps();if(r.length>0)return r.reduce(((i,r)=>Math.abs(r-t)<Math.abs(i-t)?r:i));const e=Math.round((t-this.min)/this.step);return Math.min(this.max,Math.max(this.min,this.min+e*this.step))}isRtl(){return this.rtl||"rtl"===document.dir||this.el&&"rtl"===this.el.getAttribute("dir")}getPositionFromValue(t){const i=this.getCustomSteps();if(i.length>0){const r=[...i].sort(((t,i)=>t-i)),e=r.indexOf(t);if(-1!==e)return e/(r.length-1)*100;for(let i=0;i<r.length-1;i++)if(t>=r[i]&&t<=r[i+1]){const e=i/(r.length-1)*100;return e+(t-r[i])/(r[i+1]-r[i])*((i+1)/(r.length-1)*100-e)}}return(t-this.min)/(this.max-this.min)*100}getValueFromPosition(t){const i=this.getCustomSteps();if(i.length>0){const r=[...i].sort(((t,i)=>t-i)),e=Math.round(t/100*(r.length-1));return r[Math.max(0,Math.min(e,r.length-1))]}return this.getNearestValue(this.min+t/100*(this.max-this.min))}handleTrackClick=t=>{if(this.disabled)return;const i=this.trackElement.getBoundingClientRect();let r;if(this.vertical)r=(i.bottom-t.clientY)/i.height*100;else{const e=(t.clientX-i.left)/i.width*100;r=this.isRtl()?100-e:e}const e=this.getValueFromPosition(Math.max(0,Math.min(100,r)));if(this.range){const t=this.getPositionFromValue(this.startValue),i=this.getPositionFromValue(this.endValue),s=r;Math.abs(s-t)<Math.abs(s-i)?this.startValue=Math.min(e,this.endValue-this.minRange):this.endValue=Math.max(e,this.startValue+this.minRange),this.sliderChange.emit({start:this.startValue,end:this.endValue}),this.updateFormValue()}else this.value=e,this.sliderChange.emit(this.value),this.updateFormValue()};handleThumbMouseDown=t=>i=>{this.disabled||(i.preventDefault(),this.isDragging=!0,this.isDraggingState=!0,this.activeThumb=t,this.sliderDragStart.emit())};handleThumbTouchStart=t=>i=>{this.disabled||(i.preventDefault(),this.isDragging=!0,this.isDraggingState=!0,this.activeThumb=t,this.sliderDragStart.emit())};handleMouseMove=t=>{this.isDragging&&!this.disabled&&this.updateValueFromEvent(t.clientX,t.clientY)};handleTouchMove=t=>{if(!this.isDragging||this.disabled)return;const i=t.touches[0];this.updateValueFromEvent(i.clientX,i.clientY)};updateValueFromEvent(t,i){if(!this.trackElement)return;const r=this.trackElement.getBoundingClientRect();let e;if(this.vertical)e=(r.bottom-i)/r.height*100;else{const i=(t-r.left)/r.width*100;e=this.isRtl()?100-i:i}const s=this.getValueFromPosition(Math.max(0,Math.min(100,e)));this.range?("start"===this.activeThumb?this.startValue=Math.min(s,this.endValue-this.minRange):"end"===this.activeThumb&&(this.endValue=Math.max(s,this.startValue+this.minRange)),this.sliderChange.emit({start:this.startValue,end:this.endValue})):(this.value=s,this.sliderChange.emit(this.value)),this.updateFormValue()}handleMouseUp=()=>{this.isDragging&&(this.isDragging=!1,this.isDraggingState=!1,this.activeThumb=null,this.sliderDragEnd.emit())};handleTouchEnd=()=>{this.isDragging&&(this.isDragging=!1,this.isDraggingState=!1,this.activeThumb=null,this.sliderDragEnd.emit())};formatValue(t){let i;if(this.displayFormat)try{i=this.displayFormat.replace("{value}",t.toString())}catch{i=t.toString()}else i=t.toString();return`${this.prefixText}${i}${this.suffixText}`}handleInputChange=t=>i=>{const r=Math.max(this.min,Math.min(this.max,Number(i.detail)));isNaN(r)||("start"===t?(this.startValue=Math.min(r,this.endValue),this.sliderChange.emit({start:this.startValue,end:this.endValue})):"end"===t?(this.endValue=Math.max(r,this.startValue),this.sliderChange.emit({start:this.startValue,end:this.endValue})):(this.value=r,this.sliderChange.emit(this.value)))};handleKeyDown=t=>i=>{if(this.disabled)return;let r="start"===t?this.startValue:this.range?this.endValue:this.value;const e=this.step,s=10*this.step;let a=!1;switch(i.key){case"ArrowRight":case"ArrowUp":r+=e,a=!0;break;case"ArrowLeft":case"ArrowDown":r-=e,a=!0;break;case"PageUp":r+=s,a=!0;break;case"PageDown":r-=s,a=!0;break;case"Home":r=this.min,a=!0;break;case"End":r=this.max,a=!0;break;default:return}a&&(i.preventDefault(),i.stopPropagation(),r=Math.max(this.min,Math.min(this.max,r)),this.range?("start"===t?this.startValue=Math.min(r,this.endValue):this.endValue=Math.max(r,this.startValue),this.sliderChange.emit({start:this.startValue,end:this.endValue})):(this.value=r,this.sliderChange.emit(this.value)))};renderMarks(){const t=this.getMarks(),i=this.getCustomSteps(),r=this.resolvedColor;let s=t;if(0===s.length&&this.showMarks){const t=i.length>0?i:[];if(0===t.length)for(let i=this.min;i<=this.max;i+=this.step)t.push(i);s=t.map((t=>({value:t})))}const a=this.range?this.startValue:this.min,o=this.range?this.endValue:this.value;return s.map((t=>{const i=this.getPositionFromValue(t.value);return e("div",{class:"slider-mark",style:this.vertical?{bottom:`${i}%`}:{left:`${i}%`}},e("div",{class:"slider-mark-dot",style:t.value>=a&&t.value<=o?{backgroundColor:r,borderColor:"white"}:{}}),t.label&&e("div",{class:"slider-mark-label"},t.label))}))}render(){const t=this.range?this.getPositionFromValue(this.startValue):0,i=this.getPositionFromValue(this.range?this.endValue:this.value),r=this.resolvedColor,a=this.vertical?{bottom:`${t}%`,height:i-t+"%",...this.gradientTrack?{background:this.resolvedGradient}:{backgroundColor:r}}:{left:`${t}%`,width:i-t+"%",...this.gradientTrack?{background:this.resolvedGradient}:{backgroundColor:r}},o=(t,i)=>{const e="object"==typeof this.color&&null!==this.color,s=i?{bottom:`${t}%`}:{[this.isRtl()?"right":"left"]:`${t}%`};return e||this.gradientTrack&&this.variant?s.background=this.resolvedGradient:s.backgroundColor=r,s.boxShadow=`0 0 0 3px ${r}33`,s};return e(s,{dir:this.isRtl()?"rtl":"ltr"},this.label&&e("div",{class:"slider-label"},this.label),e("div",{class:{"slider-container":!0,[`slider-${this.size}`]:!0,[`variant-${this.variant}`]:!!this.variant,"variant-circle":this.circle,"slider-vertical":this.vertical,"slider-disabled":this.disabled,"slider-dragging":this.isDraggingState,"slider-rtl":this.isRtl()},dir:this.isRtl()?"rtl":"ltr",onMouseEnter:()=>this.isHovering=!0,onMouseLeave:()=>this.isHovering=!1},this.startIcon&&e("div",{class:"slider-icon slider-start-icon"},this.startIcon),e("div",{class:"slider-wrapper"},this.showMinMax&&e("div",{class:"slider-minmax-labels"},e("span",{class:"slider-minmax-min"},this.formatValue(this.min)),e("span",{class:"slider-minmax-max"},this.formatValue(this.max))),e("div",{class:"slider-track",ref:t=>this.trackElement=t,onClick:this.handleTrackClick,style:{background:this.trackColor}},!this.hideRange&&e("div",{class:"slider-range",style:a}),this.showMarks&&e("div",{class:"slider-marks"},this.renderMarks()),this.range&&e("div",{class:{"slider-thumb":!0,"slider-thumb-active":"start"===this.activeThumb},style:o(t,this.vertical),onMouseDown:this.handleThumbMouseDown("start"),onTouchStart:this.handleThumbTouchStart("start"),onKeyDown:this.handleKeyDown("start"),tabIndex:this.disabled?-1:0,role:"slider","aria-label":"Start Value","aria-valuemin":this.min,"aria-valuemax":this.endValue,"aria-valuenow":this.startValue},this.showTooltip&&(this.tooltipAlwaysVisible||this.isHovering||this.isDraggingState)&&e("div",{class:"slider-tooltip"},this.formatValue(this.startValue))),e("div",{class:{"slider-thumb":!0,"slider-thumb-active":!this.range||"end"===this.activeThumb},style:o(i,this.vertical),onMouseDown:this.handleThumbMouseDown(this.range?"end":null),onTouchStart:this.handleThumbTouchStart(this.range?"end":null),onKeyDown:this.handleKeyDown("end"),tabIndex:this.disabled?-1:0,role:"slider","aria-label":this.range?"End Value":"Value","aria-valuemin":this.range?this.startValue:this.min,"aria-valuemax":this.max,"aria-valuenow":this.range?this.endValue:this.value},this.showTooltip&&(this.tooltipAlwaysVisible||this.isHovering||this.isDraggingState)&&e("div",{class:"slider-tooltip"},this.formatValue(this.range?this.endValue:this.value)))),this.showValue&&e("div",{class:"slider-value-display"},this.range?`${this.formatValue(this.startValue)} – ${this.formatValue(this.endValue)}`:this.formatValue(this.value)),this.inputSync&&!this.range&&e("ui-input",{type:"number",class:"slider-input",min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled,onInputChange:this.handleInputChange("single"),size:"sm"}),this.inputSync&&this.range&&e("div",{class:"slider-input-row"},e("ui-input",{type:"number",class:"slider-input",min:this.min,max:this.endValue,step:this.step,value:this.startValue,disabled:this.disabled,onInputChange:this.handleInputChange("start"),size:"sm"}),e("span",{class:"slider-input-sep"},"–"),e("ui-input",{type:"number",class:"slider-input",min:this.startValue,max:this.max,step:this.step,value:this.endValue,disabled:this.disabled,onInputChange:this.handleInputChange("end"),size:"sm"}))),this.endIcon&&e("div",{class:"slider-icon slider-end-icon"},this.endIcon)))}static get formAssociated(){return!0}static get watchers(){return{color:[{handleColorChange:0}],marks:[{handleMarksChange:0}]}}static get style(){return'.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;width:100%;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.slider-label{font-size:13px;font-weight:600;color:var(--label-color, var(--text-secondary, #374151));margin-bottom:10px;letter-spacing:0.01em}.slider-minmax-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--label-subtitle-color, var(--text-muted, #9ca3af));margin-bottom:8px;padding:0;width:100%;pointer-events:none}.slider-input{width:64px;padding:4px 8px;border:1.5px solid var(--border-strong, #d1d5db);border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary, #374151);text-align:center;outline:none;transition:border-color 0.2s;background:var(--bg-primary, #ffffff);-moz-appearance:textfield;appearance:textfield}.slider-input::-webkit-inner-spin-button,.slider-input::-webkit-outer-spin-button{opacity:1}.slider-input:focus{border-color:var(--color-primary, #10b981);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.15)}.slider-input-row{display:flex;align-items:center;gap:8px;margin-top:10px;justify-content:center}.slider-input-sep{color:var(--text-muted, #9ca3af);font-size:14px;font-weight:600}.slider-container{display:flex;align-items:flex-start;gap:16px;width:100%;user-select:none}.slider-vertical{flex-direction:column;height:300px;width:auto;align-items:center}.slider-disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.slider-icon{display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-muted, #6b7280);flex-shrink:0;line-height:1;height:24px}.slider-sm .slider-icon{font-size:14px;height:20px}.slider-lg .slider-icon{font-size:20px;height:28px}.slider-wrapper{flex:1;display:flex;flex-direction:column;gap:8px;position:relative;align-items:stretch;min-height:24px;padding:0 12px}.slider-sm .slider-wrapper{min-height:20px}.slider-lg .slider-wrapper{min-height:28px}.slider-vertical .slider-wrapper{flex:1;width:100%;align-items:center;justify-content:center;min-height:0}.slider-track{position:relative;width:100%;border-radius:10px;cursor:pointer;background-color:var(--bg-primary, #e5e7eb);margin:12px 0}.slider-sm .slider-track{height:4px}.slider-md .slider-track{height:6px}.slider-lg .slider-track{height:8px}.slider-vertical .slider-track{width:6px;height:100%}.slider-vertical.slider-sm .slider-track{width:4px}.slider-vertical.slider-lg .slider-track{width:8px}.slider-range{position:absolute;border-radius:10px;background-color:var(--color-primary, #10b981);pointer-events:none;transition:background-color 0.2s ease}.slider-sm .slider-range{height:4px}.slider-md .slider-range{height:6px}.slider-lg .slider-range{height:8px}.slider-vertical .slider-range{width:100%;height:auto}.slider-thumb{position:absolute;transform:translate(-50%, -50%);top:50%;border-radius:50%;background-color:var(--color-primary, #10b981);cursor:grab;box-shadow:0 2px 6px rgba(0, 0, 0, 0.15);transition:transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease, left 0.1s ease-out, bottom 0.1s ease-out;z-index:10;border:2px solid var(--bg-primary, #ffffff)}.slider-thumb:hover{transform:translate(-50%, -50%) scale(1.15);box-shadow:0 4px 14px rgba(0, 0, 0, 0.18)}.slider-thumb-active,.slider-dragging .slider-thumb-active{cursor:grabbing;transform:translate(-50%, -50%) scale(1.2);box-shadow:0 4px 16px rgba(var(--color-primary-rgb, 59, 130, 246), 0.45);z-index:11}.slider-sm .slider-thumb{width:14px;height:14px}.slider-md .slider-thumb{width:18px;height:18px}.slider-lg .slider-thumb{width:24px;height:24px}.slider-vertical .slider-thumb{left:50%;top:auto;transform:translate(-50%, 50%)}.slider-vertical .slider-thumb:hover{transform:translate(-50%, 50%) scale(1.1)}.slider-vertical .slider-thumb-active,.slider-vertical.slider-dragging .slider-thumb-active{transform:translate(-50%, 50%) scale(1.15)}.slider-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:4px 8px;background-color:rgba(0, 0, 0, 0.85);color:var(--text-standard, #ffffff);font-size:12px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;animation:tooltipFadeIn 0.2s ease forwards}.slider-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:rgba(0, 0, 0, 0.85)}.slider-vertical .slider-tooltip{bottom:auto;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.slider-vertical .slider-tooltip::after{top:50%;left:-8px;transform:translateY(-50%);border:4px solid transparent;border-right-color:rgba(0, 0, 0, 0.85);border-top-color:transparent}@keyframes tooltipFadeIn{to{opacity:1}}.slider-marks{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.slider-mark{position:absolute;transform:translateX(-50%)}.slider-vertical .slider-mark{transform:translateY(50%);left:50%}.slider-mark-dot{width:8px;height:8px;border-radius:50%;background-color:var(--bg-secondary, #d1d5db);border:2px solid var(--bg-primary, #ffffff);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.slider-sm .slider-mark-dot{width:6px;height:6px}.slider-lg .slider-mark-dot{width:10px;height:10px}.slider-mark-label{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);font-size:11px;color:var(--text-muted, #6b7280);white-space:nowrap}.slider-vertical .slider-mark-label{top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.slider-value-display{text-align:center;font-size:13px;color:var(--text-secondary, #374151);font-weight:600;margin-top:8px;letter-spacing:0.01em}.slider-sm .slider-value-display{font-size:12px}.slider-lg .slider-value-display{font-size:14px}.slider-vertical .slider-value-display{display:none}.slider-thumb:focus{outline:none;box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.25)}.slider-track.has-restricted-values .slider-mark-dot{background-color:var(--color-primary, #10b981)}.slider-range,.slider-thumb{transition:all 0.1s ease-out}.slider-dragging .slider-range,.slider-dragging .slider-thumb{transition:none}.slider-thumb[aria-disabled=true]{cursor:not-allowed;opacity:0.5}@media (hover: none) and (pointer: coarse){.slider-thumb{width:24px;height:24px}.slider-sm .slider-thumb{width:20px;height:20px}.slider-lg .slider-thumb{width:30px;height:30px}}.variant-glass .slider-track{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.1)}.variant-glass .slider-thumb{background:rgba(255, 255, 255, 0.9);backdrop-filter:blur(4px);border:1px solid var(--bg-primary, #ffffff);box-shadow:0 8px 16px rgba(0, 0, 0, 0.2)}.variant-glass .slider-thumb:hover{background:var(--bg-primary, #ffffff) !important;transform:translate(-50%, -50%) scale(1.1)}.variant-glass .slider-range{background:linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8))}.variant-detailed .slider-track{height:12px !important;border-radius:6px !important;background:var(--bg-secondary, #f1f5f9) !important;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05)}.variant-detailed .slider-track::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(0, 0, 0, 0.02), transparent);border-radius:6px;pointer-events:none}.variant-detailed .slider-range{height:12px !important;border-radius:6px !important;box-shadow:0 4px 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2);background-size:200% 200% !important;animation:livingTrack 3s ease infinite !important}.variant-detailed .slider-range::after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:rgba(255, 255, 255, 0.2);border-radius:6px 6px 0 0}.variant-detailed .slider-mark-active .slider-mark-dot{transform:translate(-50%, -50%) scale(1.5) !important;background:var(--dd-primary, var(--color-primary, #10b981)) !important;box-shadow:0 0 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.5) !important}.variant-detailed .slider-thumb{width:24px !important;height:24px !important;background:var(--bg-primary, #ffffff);border:2px solid var(--dd-primary, var(--color-primary, #10b981)) !important;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1), 0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.variant-detailed .slider-thumb::after{content:"";position:absolute;width:4px;height:10px;background:var(--bg-primary, #e2e8f0);border-radius:2px;left:50%;top:50%;transform:translate(-50%, -50%)}.variant-detailed .slider-thumb:hover{box-shadow:0 8px 24px rgba(0, 0, 0, 0.15), 0 0 0 6px rgba(var(--color-primary-rgb, 59, 130, 246), 0.15);border-color:var(--dd-primary-strong, var(--color-primary-hover, #2563eb)) !important}.variant-detailed .slider-tooltip{background:var(--bg-primary, #1e293b) !important;border-radius:10px !important;padding:8px 12px !important;font-weight:700 !important;box-shadow:0 10px 20px rgba(0, 0, 0, 0.2) !important}.variant-detailed .slider-tooltip::after{border-top-color:var(--border-subtle, #1e293b) !important}.variant-detailed .slider-mark-dot{width:4px !important;height:12px !important;border-radius:2px !important;border:none !important;background:var(--color-primary, #cbd5e1) !important}.variant-circle .slider-track{height:8px !important;background:var(--bg-secondary, #f1f5f9) !important;border:1px solid var(--border-subtle, #e2e8f0)}.variant-circle .slider-thumb{width:28px !important;height:28px !important;background:var(--bg-primary, #ffffff);border:6px solid var(--dd-primary, var(--color-primary, #10b981)) !important;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1)}.variant-circle .slider-thumb:hover{transform:translate(-50%, -50%) scale(1.1);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1)}.variant-circle .slider-range{background:var(--dd-primary, var(--color-primary, #10b981)) !important;height:8px !important}.slider-container[dir=rtl] .slider-start-icon{order:2}.slider-container[dir=rtl] .slider-end-icon{order:0}.slider-container[dir=rtl] .slider-wrapper{order:1}.slider-container[dir=rtl] .slider-thumb{cursor:grab}@keyframes livingTrack{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}'}},[577,"ui-range-slider",{min:[2],max:[2],step:[2],value:[1026],startValue:[1026,"start-value"],endValue:[1026,"end-value"],range:[4],minRange:[2,"min-range"],disabled:[4],showTooltip:[4,"show-tooltip"],tooltipAlwaysVisible:[4,"tooltip-always-visible"],color:[1],trackColor:[1,"track-color"],size:[1],startIcon:[1,"start-icon"],endIcon:[1,"end-icon"],displayFormat:[1,"display-format"],showMarks:[4,"show-marks"],marks:[1],restrictedValues:[1,"restricted-values"],vertical:[4],label:[1],variant:[1],prefixText:[1,"prefix-text"],suffixText:[1,"suffix-text"],showMinMax:[4,"show-min-max"],inputSync:[4,"input-sync"],gradientTrack:[4,"gradient-track"],showValue:[4,"show-value"],customSteps:[1,"custom-steps"],rtl:[4],circle:[4],hideRange:[4,"hide-range"],isHovering:[32],isDraggingState:[32]},void 0,{color:[{handleColorChange:0}],marks:[{handleMarksChange:0}]}]);function p(){"undefined"!=typeof customElements&&["ui-range-slider","ui-badge","ui-button","ui-icon","ui-input"].forEach((t=>{switch(t){case"ui-range-slider":customElements.get(a(t))||customElements.define(a(t),d);break;case"ui-badge":customElements.get(a(t))||n();break;case"ui-button":customElements.get(a(t))||o();break;case"ui-icon":customElements.get(a(t))||l();break;case"ui-input":customElements.get(a(t))||h()}}))}export{d as R,p as d}

package/dist/components/rating.js

@@ -0,0 +1 @@
+import{proxyCustomElement as i,HTMLElement as t,createEvent as r,h as a,transformTag as e}from"@stencil/core/internal/client";import{d as n}from"./icon.js";const s=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.ratingChange=r(this,"ratingChange",7)}get el(){return 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 r=this.allowHalf?.5:1,a=this.rtl||"rtl"===this.el.dir||!!this.el.closest('[dir="rtl"]');switch(i.key){case"ArrowRight":case"ArrowUp":t=a?Math.max(0,this.value-r):Math.min(this.max,this.value+r),i.preventDefault();break;case"ArrowLeft":case"ArrowDown":t=a?Math.min(this.max,this.value+r):Math.max(0,this.value-r),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,r=this.colorMap?JSON.parse(this.colorMap):null;for(let e=1;e<=this.max;e++){const n=t>=e,s=this.allowHalf&&t>=e-.5&&t<e,o=r&&r[e-1]?r[e-1]:this.activeColor||this.color,l=this.activeFillColor||"currentColor";i.push(a("button",{type:"button",class:{"rating-item":!0,"rating-item-active":n||s,"rating-item-half":s,"rating-item-hover":this.hoverValue>=e,[`rating-color-${o}`]:!!o},onClick:()=>this.handleClick(e),onMouseEnter:()=>this.handleMouseEnter(e),onMouseLeave:this.handleMouseLeave,disabled:this.disabled||this.readonly,"aria-label":`Rate ${e} out of ${this.max}`},a("div",{class:"rating-icon-container"},this.image?a("img",{src:this.image,class:"rating-icon-bg",alt:"rating"}):a("ui-icon",{name:this.iconName,color:"currentColor",library:this.iconLibrary,size:this.size,class:"rating-icon-bg"}),a("div",{class:"rating-icon-fill",style:{width:s?"50%":n?"100% ":"0%"}},this.image?a("img",{src:this.image,alt:"rating active"}):a("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),r=this.activeColor||`var(--rating-${this.color})`;return a("div",{class:"rating-histogram"},i.map(((e,n)=>{const s=t>0?e/t*100:0;return a("div",{class:"histogram-row"},a("span",{class:"histogram-label"},i.length-n," ",a("ui-icon",{name:"star",library:"lucide",size:"10px"})),a("div",{class:"histogram-bar-container"},a("div",{class:"histogram-bar-fill",style:{width:`${s}%`,backgroundColor:r}})),a("span",{class:"histogram-count"},e))})))}catch{return null}}renderSmileyRating(){const i=[],t=this.getLabels(),r=["frown","meh","smile","laugh","heart"],e=["😢","😕","😐","🙂","😄"],n=this.hoverValue||this.value;for(let s=1;s<=this.max;s++){const o=this.value===s,l=n===s||this.useEmoji&&n>=s,g=r[s-1]||"smile";i.push(a("div",{class:"smiley-item-wrapper"},a("button",{type:"button",class:{"rating-item":!0,"rating-item-smiley":!0,"rating-item-active":l,"rating-item-selected":o,"rating-item-hover":this.hoverValue===s,"rating-item-emoji":this.useEmoji},onClick:()=>this.handleClick(s),onMouseEnter:()=>this.handleMouseEnter(s),onMouseLeave:this.handleMouseLeave,disabled:this.disabled||this.readonly,"aria-label":t[s-1]||`Rate ${s} out of ${this.max}`},this.useEmoji?a("span",{class:"emoji-display"},n>=s||o?e[s-1]||"🙂":"⚪"):a("div",{class:"rating-icon-container"},a("ui-icon",{name:g,color:"currentColor",library:"lucide",size:this.size,class:"rating-icon-bg"}),a("div",{class:"rating-icon-fill",style:{width:l?"100%":"0%"}},a("ui-icon",{name:g,color:"currentColor",library:"lucide",size:this.size})))),t[s-1]&&a("span",{class:"smiley-label"},t[s-1])))}return i}renderThumbRating(){const i=1===this.value||1===this.hoverValue,t=-1===this.value||-1===this.hoverValue;return[a("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"},a("div",{class:"rating-icon-container"},a("ui-icon",{name:"thumbs-up",color:"currentColor",library:"lucide",class:"rating-icon-bg"}),a("div",{class:"rating-icon-fill",style:{width:i?"100%":"0%"}},a("ui-icon",{name:"thumbs-up",color:"currentColor",library:"lucide"})))),a("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"},a("div",{class:"rating-icon-container"},a("ui-icon",{name:"thumbs-down",library:"lucide",class:"rating-icon-bg"}),a("div",{class:"rating-icon-fill",style:{width:t?"100%":"0%"}},a("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(),r="thumb"===this.type?1===this.value?"Liked":-1===this.value?"Disliked":"":t[(this.hoverValue||this.value)-1],e=this.description&&a("div",{key:"ddad90f4a42a3c07145f31156cdc6495f33b0bee",class:`rating-description rating-description-${this.descriptionPosition}`},this.description),n=this.invalid&&this.errorMessage?a("div",{class:"rating-helper rating-error"},a("ui-icon",{name:"alert-circle",library:"lucide",size:"12px"}),a("span",null,this.errorMessage)):this.helperText?a("div",{class:"rating-helper"},this.helperText):null,s={"--rating-active-color":this.activeColor||`var(--rating-${this.color})`,"--rating-fill-color":this.activeFillColor||"currentColor"},o=this.showSummary&&r?a("div",{class:`rating-summary rating-summary-${this.summaryPosition}`},a("div",{class:"summary-divider"}),a("div",{class:"summary-content"},a("p",{class:"summary-label"},r),a("p",{class:"summary-value"},(this.hoverValue||this.value).toFixed(0)," / ",this.max))):null;return a("div",{key:"09946cb1ba974009053c5cdf39a92c904f485cc7",class:i,style:s,tabindex:this.disabled?-1:0,onKeyDown:this.handleKeyDown,role:"group","aria-label":"Rating component"},a("div",{key:"8c56d47b79ddd22a69fd58dee44f13182ebabc3f",class:"rating-items-container"},a("div",{key:"6c9206ec1dc844689631a32799dd368bef1160b0",class:"rating-items"},"star"===this.type&&this.renderStarRating(),"smiley"===this.type&&this.renderSmileyRating(),"thumb"===this.type&&this.renderThumbRating(),"side"===this.descriptionPosition&&e),"side"===this.summaryPosition&&o),this.showValue&&!this.showSummary&&"thumb"!==this.type&&a("div",{key:"2b733f67e6c01f31e789b79ea1f652a63edcde39",class:"rating-value"},r&&a("span",{key:"d5ca42772c409783b2ef5dea7da47944df87eec9",class:"rating-label"},r),a("span",{key:"860c841ed2d7b2e642ad132d91bcd731e1a974c2",class:"rating-number"},(this.hoverValue||this.value).toFixed(this.allowHalf?1:0)," / ",this.max)),this.showReviews&&this.totalReviews>0&&a("div",{key:"d3f05521d7337580d120356ce44cc149211fe28f",class:"rating-total-reviews"},a("span",{key:"4f3c9863f74bb3e2a5f2d46cb94bef7e053471a1",class:"review-dot"},"•"),a("span",{key:"9eb1794ad9f571667afd26857719bc38c68f5dbf",class:"review-count"},"(",this.totalReviews," reviews)")),"bottom"===this.descriptionPosition&&e,"bottom"===this.summaryPosition&&o,this.showHistogram&&this.renderHistogram(),n,this.particles.map((i=>a("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%"}}))))}static get style(){return'.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{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}'}},[513,"ui-rating",{type:[1],value:[1026],max:[2],size:[1],color:[1],activeColor:[1,"active-color"],activeFillColor:[1,"active-fill-color"],readonly:[4],disabled:[4],allowHalf:[4,"allow-half"],showValue:[4,"show-value"],description:[1],descriptionPosition:[1,"description-position"],labels:[1],glow:[4],haptic:[4],victoryGlow:[4,"victory-glow"],variant:[1],clearable:[4],iconName:[1,"icon-name"],iconLibrary:[1,"icon-library"],image:[1],colorMap:[1,"color-map"],invalid:[4],errorMessage:[1,"error-message"],showReviews:[4,"show-reviews"],totalReviews:[2,"total-reviews"],helperText:[1,"helper-text"],showHistogram:[4,"show-histogram"],summaryData:[1,"summary-data"],useEmoji:[4,"use-emoji"],showSummary:[4,"show-summary"],summaryPosition:[1,"summary-position"],rtl:[4],hoverValue:[32],isVictory:[32],particles:[32]}]);function o(){"undefined"!=typeof customElements&&["ui-rating","ui-icon"].forEach((i=>{switch(i){case"ui-rating":customElements.get(e(i))||customElements.define(e(i),s);break;case"ui-icon":customElements.get(e(i))||n()}}))}export{s as R,o as d}

package/dist/components/resizable-panel.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as i,createEvent as a,h as s,Host as t,transformTag as r}from"@stencil/core/internal/client";import{d as l,a as n}from"./badge.js";import{d as o}from"./icon.js";const c=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.panelResize=a(this,"panelResize",7),this.panelCollapse=a(this,"panelCollapse",7),this.resizeStart=a(this,"resizeStart",7),this.resizeEnd=a(this,"resizeEnd",7)}get el(){return this}direction="horizontal";panels=[];handleSize=8;handleColor="#d1d5db";handleHoverColor="#3DCD58";minPanelSize=10;maxPanelSize=-1;saveState=!1;stateKey="resizable-panel-state";theme="light";animated=!1;showHandleIcon=!0;snapToEdge=!1;snapThreshold=30;internalPanels=[];isDragging=!1;dragHandleIndex=-1;dragStartPos=0;dragStartSizes=[];panelResize;panelCollapse;resizeStart;resizeEnd;containerRef;panelRefs=[];hasMouseMoved=!1;applyResizeDelta(e,i,a){if(!a||e<0)return;const s=[...this.internalPanels],t=s[e],r=s[e+1];if(!t||!r)return;const l=(this.dragStartSizes[e]??t.size??0)+(this.dragStartSizes[e+1]??r.size??0),n=i/a*100;let o=(this.dragStartSizes[e]??t.size??0)+n,c=(this.dragStartSizes[e+1]??r.size??0)-n;const h=t.minSize??this.minPanelSize,d=r.minSize??this.minPanelSize,p=t.maxSize??this.maxPanelSize,b=r.maxSize??this.maxPanelSize;o<h&&(o=h,c=l-o),c<d&&(c=d,o=l-c),p>0&&o>p&&(o=p,c=l-o),b>0&&c>b&&(c=b,o=l-c);const z=this.snapToEdge&&this.snapThreshold>0&&a>0?this.snapThreshold/a*100:0,u=[];let m=o,f=c;if(z>0){if(m<=z){const e=t.collapsed;t.collapsed=!0,m=0,f=l,r.collapsed=!1,e||u.push({panel:t,collapsed:!0})}else t.collapsed&&m>z&&(t.collapsed=!1,m=Math.max(m,h),f=l-m,u.push({panel:t,collapsed:!1}));if(f<=z){const e=r.collapsed;r.collapsed=!0,f=0,m=l,t.collapsed=!1,e||u.push({panel:r,collapsed:!0})}else r.collapsed&&f>z&&(r.collapsed=!1,f=Math.max(f,d),m=l-f,u.push({panel:r,collapsed:!1}))}else t.collapsed&&m>0&&(t.collapsed=!1),r.collapsed&&f>0&&(r.collapsed=!1);const g=t.size!==m||r.size!==f||u.length>0;t.size=m,r.size=f,this.internalPanels=[...s],g&&(this.panelResize.emit({panels:this.internalPanels,index:e}),u.forEach((e=>this.panelCollapse.emit(e))))}componentWillLoad(){this.parsePanels(),this.saveState&&this.loadState()}handlePanelsChange(){this.isDragging||this.parsePanels()}parsePanels(){let e="string"==typeof this.panels?JSON.parse(this.panels):this.panels;e&&0!==e.length||(e=[{id:"panel-1",size:50},{id:"panel-2",size:50}]);const i=e.reduce(((e,i)=>e+(i.size||0)),0);e=i>0&&Math.abs(i-100)>.1?e.map((e=>({...e,size:(e.size||0)/i*100,minSize:e.minSize||this.minPanelSize,maxSize:e.maxSize||this.maxPanelSize,resizable:!1!==e.resizable,collapsible:e.collapsible||!1,collapsed:e.collapsed||!1,collapseDirection:e.collapseDirection||("horizontal"===this.direction?"left":"up")}))):e.map((e=>({...e,minSize:e.minSize||this.minPanelSize,maxSize:e.maxSize||this.maxPanelSize,resizable:!1!==e.resizable,collapsible:e.collapsible||!1,collapsed:e.collapsed||!1,collapseDirection:e.collapseDirection||("horizontal"===this.direction?"left":"up")}))),this.internalPanels=e}loadState(){if(this.saveState)try{const e=localStorage.getItem(this.stateKey);if(e){const i=JSON.parse(e);i&&i.length===this.internalPanels.length&&(this.internalPanels=this.internalPanels.map(((e,a)=>({...e,size:i[a]?.size||e.size,collapsed:i[a]?.collapsed||e.collapsed}))))}}catch(e){console.warn("Failed to load panel state:",e)}}saveStateToStorage(){if(this.saveState)try{const e=this.internalPanels.map((e=>({id:e.id,size:e.size,collapsed:e.collapsed})));localStorage.setItem(this.stateKey,JSON.stringify(e))}catch(e){console.warn("Failed to save panel state:",e)}}handleMouseDown(e,i){const a=this.internalPanels[e],s=this.internalPanels[e+1];a?.resizable&&!1!==s?.resizable&&(i.preventDefault(),this.isDragging=!0,this.dragHandleIndex=e,this.dragStartPos="horizontal"===this.direction?i.clientX:i.clientY,this.dragStartSizes=this.internalPanels.map((e=>e.size??0)),this.hasMouseMoved=!1,this.resizeStart.emit({index:e}),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp))}handleMouseMove=e=>{this.isDragging&&-1!==this.dragHandleIndex&&(e.preventDefault(),this.hasMouseMoved=!0,this.applyResizeDelta(this.dragHandleIndex,("horizontal"===this.direction?e.clientX:e.clientY)-this.dragStartPos,"horizontal"===this.direction?this.containerRef.offsetWidth:this.containerRef.offsetHeight))};handleMouseUp=()=>{if(this.isDragging){const e=this.hasMouseMoved,i=this.dragHandleIndex,a=this.internalPanels.map((e=>e.size??0));e&&(this.resizeEnd.emit({index:i,sizes:a.map((e=>e??0))}),this.saveStateToStorage()),this.dragHandleIndex=-1,this.hasMouseMoved=!1,this.isDragging=!1}document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp)};handleTouchStart(e,i){const a=this.internalPanels[e],s=this.internalPanels[e+1];if(!a?.resizable||!1===s?.resizable)return;i.preventDefault();const t=i.touches[0];this.isDragging=!0,this.dragHandleIndex=e,this.dragStartPos="horizontal"===this.direction?t.clientX:t.clientY,this.dragStartSizes=this.internalPanels.map((e=>e.size??0)),this.hasMouseMoved=!1,this.resizeStart.emit({index:e}),document.addEventListener("touchmove",this.handleTouchMove),document.addEventListener("touchend",this.handleTouchEnd)}handleTouchMove=e=>{if(!this.isDragging||-1===this.dragHandleIndex)return;e.preventDefault(),this.hasMouseMoved=!0;const i=e.touches[0];this.applyResizeDelta(this.dragHandleIndex,("horizontal"===this.direction?i.clientX:i.clientY)-this.dragStartPos,"horizontal"===this.direction?this.containerRef.offsetWidth:this.containerRef.offsetHeight)};handleTouchEnd=()=>{if(this.isDragging){const e=this.hasMouseMoved,i=this.dragHandleIndex,a=this.internalPanels.map((e=>e.size??0));e&&(this.resizeEnd.emit({index:i,sizes:a.map((e=>e??0))}),this.saveStateToStorage()),this.dragHandleIndex=-1,this.hasMouseMoved=!1,this.isDragging=!1}document.removeEventListener("touchmove",this.handleTouchMove),document.removeEventListener("touchend",this.handleTouchEnd)};toggleCollapse(e){const i=this.internalPanels[e];if(!i.collapsible)return;const a=[...this.internalPanels],s=i.collapseDirection||("horizontal"===this.direction?"left":"up");if(i.collapsed){const t=i.minSize||30;let r=-1;if("horizontal"===this.direction?"left"===s&&e<a.length-1?r=e+1:"right"===s&&e>0&&(r=e-1):"top"===s&&e<a.length-1?r=e+1:"bottom"===s&&e>0&&(r=e-1),-1===r||a[r].collapsed){const s=a.filter(((i,s)=>s!==e&&!a[s].collapsed));if(s.length>0){const i=t/s.length;a.forEach(((s,t)=>{t===e||s.collapsed||(a[t]={...s,size:Math.max(s.minSize||10,(s.size??0)-i)})}))}a[e]={...i,collapsed:!1,size:t}}else{const s=Math.min(t,(a[r].size??0)-(a[r].minSize||10));a[r]={...a[r],size:(a[r].size??0)-s},a[e]={...i,collapsed:!1,size:s}}}else{const t=a[e].size??0;let r=-1;if("horizontal"===this.direction?"left"===s&&e<a.length-1?r=e+1:"right"===s&&e>0&&(r=e-1):"up"===s&&e<a.length-1?r=e+1:"bottom"===s&&e>0&&(r=e-1),-1===r||a[r].collapsed){const i=a.filter(((i,s)=>s!==e&&!a[s].collapsed));if(i.length>0){const s=t/i.length;a.forEach(((i,t)=>{t===e||i.collapsed||(a[t]={...i,size:(i.size??0)+s})}))}}else a[r]={...a[r],size:(a[r].size??0)+t};a[e]={...i,collapsed:!0,size:0}}this.internalPanels=a,this.panelCollapse.emit({panel:a[e],collapsed:!!a[e].collapsed}),this.saveStateToStorage()}disconnectedCallback(){document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("touchmove",this.handleTouchMove),document.removeEventListener("touchend",this.handleTouchEnd)}getCollapseIcon(e){const i=e.collapseDirection||("horizontal"===this.direction?"left":"up");if(!e.collapsed)return i;switch(i){case"left":default:return"right";case"right":return"left";case"top":return"bottom";case"bottom":return"top"}}render(){return s(t,{key:"222dabdb3f919a430a8dc35008607dd9ad21f670"},s("div",{key:"6fab04ac24283a3dc1be30ca97488639021e0c13",class:{"resizable-container":!0,[`resizable-${this.direction}`]:!0,[`resizable-theme-${this.theme}`]:!0,"resizable-dragging":this.isDragging,"resizable-animated":this.animated&&!this.isDragging},ref:e=>this.containerRef=e},this.internalPanels.map(((e,i)=>s("div",{key:e.id,class:"panel-wrapper",style:{["horizontal"===this.direction?"width":"height"]:e.collapsed?`${this.handleSize}px`:`${e.size}%`}},s("div",{class:{"resizable-panel":!0,"panel-collapsed":!!e.collapsed},ref:e=>this.panelRefs[i]=e},s("slot",{name:e.id})),i<this.internalPanels.length-1&&s("div",{class:{"resize-handle":!0,[`resize-handle-${this.direction}`]:!0,"resize-handle-active":this.dragHandleIndex===i,"resize-handle-disabled":!e.resizable||!1===this.internalPanels[i+1]?.resizable},style:{["horizontal"===this.direction?"width":"height"]:`${this.handleSize}px`,backgroundColor:this.dragHandleIndex===i?this.handleHoverColor:this.handleColor},onMouseDown:e=>this.handleMouseDown(i,e),onTouchStart:e=>this.handleTouchStart(i,e),onDblClick:()=>this.toggleCollapse(i)},this.showHandleIcon&&e.resizable&&!1!==this.internalPanels[i+1]?.resizable&&s("div",{class:"resize-handle-icon"},s("ui-icon",{name:"grip-"+("horizontal"===this.direction?"vertical":"lines"),library:"fontawesome"})),e.collapsible&&s("ui-button",{variant:"ghost",class:"collapse-button",onClick:e=>{e.stopPropagation(),e.preventDefault(),this.toggleCollapse(i)},onMouseDown:e=>{e.stopPropagation(),e.preventDefault()},ariaLabel:e.collapsed?"Expand":"Collapse",icon:`chevron-${this.getCollapseIcon(e)}`,iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})))))))}static get watchers(){return{panels:[{handlePanelsChange:0}]}}static get style(){return'.sr-only.sc-ui-resizable-panel{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only.sc-ui-resizable-panel{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.sc-ui-resizable-panel-h{display:block;width:100%;height:100%;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.resizable-container.sc-ui-resizable-panel{display:flex;width:100%;height:100%;overflow:hidden;position:relative}.resizable-container.resizable-horizontal.sc-ui-resizable-panel{flex-direction:row}.resizable-container.resizable-vertical.sc-ui-resizable-panel{flex-direction:column}.resizable-container.resizable-theme-dark.sc-ui-resizable-panel{background:var(--bg-secondary, #0f172a);color:var(--text-standard, #f3f4f6)}.resizable-container.resizable-dragging.sc-ui-resizable-panel{cursor:col-resize}.resizable-container.resizable-dragging.resizable-vertical.sc-ui-resizable-panel{cursor:row-resize}.resizable-container.resizable-dragging.sc-ui-resizable-panel{user-select:none}.resizable-container.resizable-dragging.sc-ui-resizable-panel *.sc-ui-resizable-panel{pointer-events:none}.resizable-container.resizable-animated.sc-ui-resizable-panel .resizable-panel.sc-ui-resizable-panel{transition:width 0.2s ease, height 0.2s ease}.panel-wrapper.sc-ui-resizable-panel{display:flex;flex-direction:row;flex:0 0 auto;min-width:0;min-height:0}.resizable-vertical.sc-ui-resizable-panel .panel-wrapper.sc-ui-resizable-panel{flex-direction:column}.resizable-panel.sc-ui-resizable-panel{overflow:auto;position:relative;background:var(--bg-primary, #ffffff);border:none;min-width:0;min-height:0;width:100%;height:100%;flex-shrink:0}.resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar{width:8px;height:8px}.resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-track{background:var(--bg-secondary, #f3f4f6)}.resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-thumb{background:var(--bg-secondary, #d1d5db);border-radius:4px}.resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #9ca3af)}.resizable-panel.panel-collapsed.sc-ui-resizable-panel{display:none}.resizable-theme-dark.sc-ui-resizable-panel .resizable-panel.sc-ui-resizable-panel{background:var(--bg-secondary, #0f172a);color:var(--text-standard, #f3f4f6)}.resizable-theme-dark.sc-ui-resizable-panel .resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-track{background:var(--bg-primary, #1f2937)}.resizable-theme-dark.sc-ui-resizable-panel .resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-thumb{background:var(--color-primary, #4b5563)}.resizable-theme-dark.sc-ui-resizable-panel .resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #6b7280)}.resize-handle.sc-ui-resizable-panel{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;transition:all 0.2s;z-index:10}.resize-handle.resize-handle-horizontal.sc-ui-resizable-panel{cursor:col-resize;width:1px;height:100%}.resize-handle.resize-handle-horizontal.sc-ui-resizable-panel:hover{background:var(--color-success, #3dcd58);width:2px}.resize-handle.resize-handle-vertical.sc-ui-resizable-panel{cursor:row-resize;height:1px;width:100%}.resize-handle.resize-handle-vertical.sc-ui-resizable-panel:hover{background:var(--color-success, #3dcd58);height:2px}.resize-handle.resize-handle-active.sc-ui-resizable-panel{background:var(--color-success, #3dcd58)}.resize-handle.resize-handle-disabled.sc-ui-resizable-panel{cursor:not-allowed;opacity:0.5}.resize-handle.resize-handle-disabled.sc-ui-resizable-panel:hover{background:transparent}.resizable-theme-dark.sc-ui-resizable-panel .resize-handle.sc-ui-resizable-panel{background:transparent}.resizable-theme-dark.sc-ui-resizable-panel .resize-handle.sc-ui-resizable-panel:hover{background:var(--color-success, #3dcd58)}.resizable-theme-dark.sc-ui-resizable-panel .resize-handle.resize-handle-disabled.sc-ui-resizable-panel:hover{background:transparent}.resize-handle-icon.sc-ui-resizable-panel{pointer-events:none;color:var(--text-muted, #6b7280);font-size:12px;opacity:0;transition:opacity 0.2s}.resize-handle.sc-ui-resizable-panel:hover .resize-handle-icon.sc-ui-resizable-panel{opacity:1}.resize-handle-active.sc-ui-resizable-panel .resize-handle-icon.sc-ui-resizable-panel{opacity:1;color:var(--text-standard, #ffffff)}.resizable-theme-dark.sc-ui-resizable-panel .resize-handle-icon.sc-ui-resizable-panel{color:var(--text-muted, #9ca3af)}.resize-handle-active.sc-ui-resizable-panel .resizable-theme-dark.sc-ui-resizable-panel .resize-handle-icon.sc-ui-resizable-panel{color:var(--text-standard, #ffffff)}.collapse-button.sc-ui-resizable-panel{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:20px;height:20px;border-radius:50%;border:1px solid var(--border-strong, #d1d5db);background:var(--bg-primary, #ffffff);color:var(--text-muted, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all 0.2s;pointer-events:auto;z-index:20;opacity:0.8;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.resize-handle.sc-ui-resizable-panel:hover .collapse-button.sc-ui-resizable-panel{opacity:1;background:var(--bg-primary, #ffffff);border-color:var(--color-primary, #9ca3af)}.collapse-button.sc-ui-resizable-panel:hover{background:var(--color-success, #3dcd58) !important;border-color:var(--color-success, #3dcd58) !important;color:var(--text-standard, #ffffff) !important;transform:translate(-50%, -50%) scale(1.2)}.collapse-button.sc-ui-resizable-panel:active{transform:translate(-50%, -50%) scale(0.95)}.resizable-theme-dark.sc-ui-resizable-panel .collapse-button.sc-ui-resizable-panel{background:var(--color-primary, #374151);border-color:var(--border-strong, #4b5563);color:var(--text-muted, #9ca3af);opacity:0.8}.resizable-theme-dark.sc-ui-resizable-panel .collapse-button.sc-ui-resizable-panel:hover{background:var(--color-success, #3dcd58);border-color:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff)}.resize-handle-horizontal.sc-ui-resizable-panel .collapse-button.sc-ui-resizable-panel{top:50%;left:50%}.resize-handle-vertical.sc-ui-resizable-panel .collapse-button.sc-ui-resizable-panel{top:50%;left:50%}.resizable-panel.sc-ui-resizable-panel ui-resizable-panel.sc-ui-resizable-panel{width:100%;height:100%;border:none}'}},[774,"ui-resizable-panel",{direction:[1],panels:[1],handleSize:[2,"handle-size"],handleColor:[1,"handle-color"],handleHoverColor:[1,"handle-hover-color"],minPanelSize:[2,"min-panel-size"],maxPanelSize:[2,"max-panel-size"],saveState:[4,"save-state"],stateKey:[1,"state-key"],theme:[1],animated:[4],showHandleIcon:[4,"show-handle-icon"],snapToEdge:[4,"snap-to-edge"],snapThreshold:[2,"snap-threshold"],internalPanels:[32],isDragging:[32],dragHandleIndex:[32],dragStartPos:[32],dragStartSizes:[32]},void 0,{panels:[{handlePanelsChange:0}]}]);function h(){"undefined"!=typeof customElements&&["ui-resizable-panel","ui-badge","ui-button","ui-icon"].forEach((e=>{switch(e){case"ui-resizable-panel":customElements.get(r(e))||customElements.define(r(e),c);break;case"ui-badge":customElements.get(r(e))||n();break;case"ui-button":customElements.get(r(e))||l();break;case"ui-icon":customElements.get(r(e))||o()}}))}export{c as A,h as d}

package/dist/components/skeleton-loader.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as i,transformTag as o}from"@stencil/core/internal/client";import{d as a}from"./icon.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.skeletonShow=s(this,"skeletonShow",7),this.skeletonHide=s(this,"skeletonHide",7)}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((e=>{e.forEach((e=>{this.isInView=e.isIntersecting}))}),{threshold:.1}),this.el&&this.observer.observe(this.el)):this.isInView=!0}handleDelayChange(){this.handleVisibility()}componentWillLoad(){this.handleVisibility()}get el(){return 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 e={"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 e[this.size]||e.md}getSkeletonStyles(){const e=this.getSizeDimensions(),t={width:"100%"!==this.width?this.width:e.width,height:"20px"!==this.height?this.height:e.height};switch(this.shape){case"circle":t.borderRadius="50%";const e=Math.min(parseInt(this.width),parseInt(this.height)||parseInt(this.width));t.width=`${e}px`,t.height=`${e}px`;break;case"square":const s=Math.min(parseInt(this.width),parseInt(this.height)||parseInt(this.width));t.width=`${s}px`,t.height=`${s}px`,t.borderRadius="0";break;case"oval":t.borderRadius="50%";break;case"rounded-square":const i=Math.min(parseInt(this.width),parseInt(this.height)||parseInt(this.width));t.width=`${i}px`,t.height=`${i}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 o=this.getSizeDimensions();t.width="100%"!==this.width?this.width:o.width,t.height="20px"!==this.height?this.height:o.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 e=Array.from({length:Math.max(1,this.count)}),t=this.ariaRole||("number"==typeof this.progress?"progressbar":"status"),s={role:t,"aria-busy":!0,"aria-label":this.ariaLabel,"aria-live":this.ariaLive};"progressbar"===t&&"number"==typeof this.progress&&(s["aria-valuenow"]=this.progress,s["aria-valuemin"]=0,s["aria-valuemax"]=100);const o=["dark","blue","violet","green","pink"],a=document.documentElement.getAttribute("data-theme")||"",n="auto"===this.dark&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches||o.some((e=>document.documentElement.classList.contains("theme-"+e)||document.body.classList.contains("theme-"+e)))||o.includes(a)||!!this.el.closest(o.map((e=>`.theme-${e}, [data-theme="${e}"]`)).join(", ")));return i("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},...s},e.map(((e,t)=>{const s=this.stagger>0?t*this.stagger+"ms":"0ms",o=this.animated&&(!this.lazyAnimation||this.isInView),a=!["neutral","primary","secondary","success","danger","warning","info"].includes(this.color),n={skeleton:!0,"skeleton-animated":o,[`skeleton-${this.animationType}`]:o,[`skeleton-${this.shape}`]:!0,[`skeleton-speed-${this.speed}`]:!0,[`skeleton-color-${this.color}`]:!a&&"neutral"!==this.color,"skeleton-mask":this.mask,"skeleton-ghost":this.ghost&&this.mask,"skeleton-elevated":this.elevation>0,[this.customClass]:!!this.customClass},l={"--skeleton-stagger-delay":s,"--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"};a&&(l["--skeleton-bg"]=this.color,l["--skeleton-wave-bg"]=this.highlightColor||this.color),this.radius&&(l["--skeleton-border-radius"]=this.radius);const r=["circle","avatar","oval"].includes(this.shape),h={...this.getSkeletonStyles(),...l,animationDelay:s,...r?{}:this.radius||"4px"!==this.borderRadius?{borderRadius:this.radius||this.borderRadius}:{}};return i("div",{class:n,style:h,key:t},this.renderContent(),"number"==typeof this.progress&&i("div",{class:"skeleton-progress-bar",style:{width:this.progress+"%",height:"4px",background:"var(--skeleton-wave-bg, #fff)",borderRadius:"2px",marginTop:"4px"}}))})),i("slot",{name:"custom"}))}renderContent(){const e="text"===this.shape&&this.rows>1;return[this.mask||"none"===this.shape?i("slot",null):null,e&&!this.mask?i("div",{class:"skeleton-text-rows",style:{display:"flex",flexDirection:"column",gap:"8px",width:"100%"}},Array.from({length:this.rows}).map(((e,t)=>i("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:i("div",{class:"skeleton-card-content"},i("div",{class:"skeleton-card-header"},i("div",{class:"skeleton-circle",style:{width:"32px",height:"32px",borderRadius:"50%"}}),i("div",{class:"skeleton-card-title"},i("div",{class:"skeleton-text",style:{width:"60%",height:"16px",borderRadius:"4px"}}),i("div",{class:"skeleton-text",style:{width:"40%",height:"12px",borderRadius:"4px"}}))),i("div",{class:"skeleton-card-body"},i("div",{class:"skeleton-text",style:{width:"100%",height:"14px",borderRadius:"4px"}}),i("div",{class:"skeleton-text",style:{width:"80%",height:"14px",borderRadius:"4px"}}),i("div",{class:"skeleton-text",style:{width:"90%",height:"14px",borderRadius:"4px"}}))),"list-item"!==this.shape||this.mask?null:i("div",{class:"skeleton-list-content"},i("div",{class:"skeleton-circle",style:{width:"32px",height:"32px",borderRadius:"50%"}}),i("div",{class:"skeleton-list-text"},i("div",{class:"skeleton-text",style:{width:"70%",height:"14px",borderRadius:"4px"}}),i("div",{class:"skeleton-text",style:{width:"50%",height:"12px",borderRadius:"4px"}}))),"image"!==this.shape||this.mask?null:i("div",{class:"skeleton-image-icon"},i("ui-icon",{name:"image",library:"lucide",size:"25%",style:{opacity:"0.2"}})),"profile"===this.template?i("div",{class:"skeleton-profile-template"},i("ui-skeleton-loader",{shape:"circle",size:this.size,color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),i("div",{class:"skeleton-profile-lines"},i("ui-skeleton-loader",{shape:"text",size:this.size,width:"120px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),i("ui-skeleton-loader",{shape:"text",size:"xs",width:"80px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}))):null,"media-object"===this.template?i("div",{class:"skeleton-media-object-template"},i("ui-skeleton-loader",{shape:"rounded-rectangle",width:"48px",height:"48px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),i("div",{class:"skeleton-media-lines",style:{flex:"1"}},i("ui-skeleton-loader",{shape:"text",size:"md",width:"70%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),i("ui-skeleton-loader",{shape:"text",size:"xs",width:"40%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated,style:{marginTop:"4px"}}),i("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?i("div",{class:"skeleton-feed-template"},i("div",{class:"feed-header",style:{display:"flex",gap:"12px",marginBottom:"16px"}},i("ui-skeleton-loader",{shape:"circle",size:"md",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),i("div",{style:{flex:"1"}},i("ui-skeleton-loader",{shape:"text",size:"xs",width:"100px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),i("ui-skeleton-loader",{shape:"text",size:"xs",width:"60px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated,style:{marginTop:"4px"}}))),i("ui-skeleton-loader",{shape:"rectangle",width:"100%",height:"200px","border-radius":"8px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),i("div",{class:"feed-footer",style:{marginTop:"12px",display:"flex",gap:"8px"}},i("ui-skeleton-loader",{shape:"button",size:"sm",width:"60px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),i("ui-skeleton-loader",{shape:"button",size:"sm",width:"60px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}))):null,"table-row"===this.template?i("div",{class:"skeleton-table-row-template",style:{display:"flex",gap:"20px",alignItems:"center",width:"100%",padding:"12px 0"}},i("ui-skeleton-loader",{shape:"rectangle",width:"20px",height:"20px","border-radius":"4px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),i("ui-skeleton-loader",{shape:"text",width:"15%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),i("ui-skeleton-loader",{shape:"text",width:"35%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),i("ui-skeleton-loader",{shape:"text",width:"20%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),i("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}]}}static get style(){return'@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}: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}'}},[769,"ui-skeleton",{ariaLabel:[1,"aria-label"],ariaLive:[1,"aria-live"],ariaRole:[1,"aria-role"],progress:[2],dark:[513],rtl:[4],template:[1],count:[2],direction:[1],lazyAnimation:[4,"lazy-animation"],speed:[1],color:[1],radius:[1],stagger:[2],gap:[1],highlightColor:[1,"highlight-color"],elevation:[2],shape:[1],mask:[4],ghost:[4],size:[1],width:[1],height:[1],borderRadius:[1,"border-radius"],animated:[4],animationType:[1,"animation-type"],customClass:[1,"custom-class"],delay:[2],waveAngle:[1,"wave-angle"],waveSpeed:[1,"wave-speed"],rows:[2],lastRowWidth:[1,"last-row-width"],isActuallyVisible:[32],isInView:[32]},void 0,{delay:[{handleDelayChange:0}]}]);function l(){"undefined"!=typeof customElements&&["ui-skeleton","ui-icon"].forEach((e=>{switch(e){case"ui-skeleton":customElements.get(o(e))||customElements.define(o(e),n);break;case"ui-icon":customElements.get(o(e))||a()}}))}export{n as S,l as d}

package/dist/components/smart-step.d.ts

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

package/dist/components/smart-step.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as t,h as s,transformTag as r}from"@stencil/core/internal/client";import{d as a}from"./icon.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}get host(){return this}label;status="default";description;icon;iconLibrary="default";disabled=!1;render(){return s("div",{key:"7912868ea46545c73c98f85bc9d0802886f2ba53",class:"smart-step-wrapper"},s("div",{key:"2637db22877a82f431cc2d73ed429ef4d71234b5",class:{"step-header":!0,disabled:this.disabled,["status-"+this.status]:!0}},s("div",{key:"fcc0061eec43b8d0e0d7061b0568d6347cb43f6f",class:"step-icon"},this.icon?s("span",{class:"custom-icon"},s("ui-icon",{name:this.icon,library:this.iconLibrary,size:"1.2rem"})):s("span",{class:"step-number"})),s("div",{key:"4ae00fbeddc8142d1363af77403adb66e9a6a80c",class:"step-text"},s("span",{key:"0a207e9a3e5c9f2bd3287e9ba9b98619002a19f6",class:"step-title"},this.label),this.description&&s("span",{key:"06b8af4ed304fdab44c356c89fbbacf119b96529",class:"step-desc"},this.description))),s("div",{key:"f73bc6bee24a8f0073cb965f85495bbaa7bbd904",class:"stepper-content"},s("slot",{key:"834d661b9f7ec0a8263def69738de7b64f6e545d"})))}static get style(){return'@charset "UTF-8";.sr-only.sc-smart-step{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only.sc-smart-step{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.sc-smart-step-h{display:block;counter-increment:step-counter;flex:1}.smart-step-wrapper.sc-smart-step{display:flex;flex-direction:column}.step-header.sc-smart-step{padding:12px 16px;border-radius:6px;background:#fff;cursor:pointer;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid #e5e7eb;display:flex;align-items:center;gap:12px;position:relative;user-select:none;margin-bottom:8px}.step-header.sc-smart-step:hover:not(.disabled):not(.active){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.step-header.active.sc-smart-step{border-color:#3b82f6;background:#eff6ff;box-shadow:0 4px 6px -1px rgba(59, 130, 246, 0.1)}.step-header.completed.sc-smart-step{border-color:#10b981;background:#f0fdf4}.step-header.disabled.sc-smart-step{opacity:0.6;cursor:not-allowed;background:#f3f4f6;border-color:#e5e7eb}.step-icon.sc-smart-step{width:32px;height:32px;border-radius:50%;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;transition:all 0.3s ease;border:2px solid transparent}.step-header.active.sc-smart-step .step-icon.sc-smart-step{background:#3b82f6;color:#fff;box-shadow:0 0 0 3px rgba(59, 130, 246, 0.2)}.step-header.completed.sc-smart-step .step-icon.sc-smart-step{background:#10b981;color:#fff}.step-header.status-error.sc-smart-step .step-icon.sc-smart-step{background:#ef4444;color:#fff}.custom-icon.sc-smart-step{line-height:1}.step-number.sc-smart-step::before{content:counter(step-counter)}.step-header.completed.sc-smart-step .step-number.sc-smart-step::before{content:"✓";font-size:16px}.step-text.sc-smart-step{display:flex;flex-direction:column;min-width:0;flex:1}.step-title.sc-smart-step{font-weight:600;font-size:14px;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.step-header.active.sc-smart-step .step-title.sc-smart-step{color:#1d4ed8}.step-header.completed.sc-smart-step .step-title.sc-smart-step{color:#15803d}.step-desc.sc-smart-step{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.sc-smart-step-h:not(:last-of-type) .step-header.sc-smart-step::after{content:"";position:absolute;right:-12px;top:50%;border:solid #d1d5db;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:translateY(-50%) rotate(-45deg);opacity:0.5;display:none}.stepper-content.sc-smart-step{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 6px 6px;padding:24px;margin-top:-6px;display:none;animation:slideDown 0.3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}'}},[774,"smart-step",{label:[1],status:[1],description:[1],icon:[1],iconLibrary:[1,"icon-library"],disabled:[4]}]),i=o,p=function(){"undefined"!=typeof customElements&&["smart-step","ui-icon"].forEach((e=>{switch(e){case"smart-step":customElements.get(r(e))||customElements.define(r(e),o);break;case"ui-icon":customElements.get(r(e))||a()}}))};export{i as SmartStep,p as defineCustomElement}

package/dist/components/stack.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as r,h as e,Host as i,transformTag as a}from"@stencil/core/internal/client";import{s as o,d as s}from"./icon.js";import{d as n,a as c}from"./badge.js";const d=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get el(){return this}direction="horizontal";wrap="nowrap";spacing="8px";align="center";justify="start";max=0;overlap=!1;showDividers=!1;dividerType="solid";childrenCount=0;isRosterOpen=!1;mutationObserver;componentWillLoad(){this.updateChildrenCount()}componentDidLoad(){this.mutationObserver=new MutationObserver((()=>{this.updateChildrenCount()})),this.mutationObserver.observe(this.el,{childList:!0})}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}toggleRoster=()=>{this.isRosterOpen=!this.isRosterOpen};closeRoster=()=>{this.isRosterOpen=!1};updateChildrenVisibility(t){Array.from(this.el.children).forEach(((r,e)=>{r.style.display=e<t?"":"none"}))}updateChildrenCount(){this.childrenCount=this.el.children.length}renderRoster(t,r){return e("div",{class:"stack-roster-backdrop",onClick:this.closeRoster},e("div",{class:"stack-roster-content",onClick:t=>t.stopPropagation()},e("div",{class:"roster-header"},e("div",{class:"roster-titles"},e("h4",{class:"roster-main-title"},"Hidden Items"),e("span",{class:"roster-sub-title"},r," items total")),e("ui-button",{variant:"ghost",onClick:this.closeRoster,ariaLabel:"Close roster",icon:"times",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})),e("div",{class:"roster-list"},t.map(((t,r)=>e("div",{key:r,class:"roster-item"},e("div",{class:"roster-item-preview",innerHTML:o(t.outerHTML)}),e("span",{class:"roster-item-label"},"Item ",r+1)))))))}render(){const t=this.overlap||this.spacing.startsWith("-"),r=this.max>0?this.max:this.childrenCount,a=this.childrenCount-r,o=Array.from(this.el.children);return requestAnimationFrame((()=>this.updateChildrenVisibility(r))),e(i,{key:"b4bb6771a1c77451d4942923c5d073e8a244364b",class:{"ui-stack":!0,[`stack-${this.direction}`]:!0,[`stack-wrap-${this.wrap}`]:!0,"stack-overlap":t,"stack-show-dividers":this.showDividers&&!t,[`divider-${this.dividerType}`]:this.showDividers},style:{"--stack-spacing":t?"0":this.spacing,"--stack-overlap":t?this.spacing.startsWith("-")?this.spacing:"-12px":"0","align-items":this.align,"justify-content":this.justify,"flex-wrap":this.wrap}},e("div",{key:"9da8fff23f86aa701e9924f551318b29f9af4cfb",class:"stack-container"},e("slot",{key:"6525df2ac3797654bea059326ead5fe8a89e55ae"}),a>0&&e("div",{key:"aa65e3619fad1f13b85b19c70b157ac96f559216",class:"stack-overflow-indicator",onClick:t=>{t.stopPropagation(),this.toggleRoster()},onKeyDown:t=>{"Enter"===t.key&&this.toggleRoster()},tabindex:"0",role:"button",title:`View ${a} more items`},"+",a)),this.isRosterOpen&&this.renderRoster(o,this.childrenCount))}static get style(){return'.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:inline-block}:host(.stack-horizontal) .stack-container{flex-direction:row}:host(.stack-vertical) .stack-container{flex-direction:column}.stack-container{display:flex;gap:var(--stack-spacing, 8px)}:host(.stack-wrap-wrap) .stack-container{flex-wrap:wrap}:host(.stack-wrap-wrap-reverse) .stack-container{flex-wrap:wrap-reverse}:host(.stack-show-dividers) .stack-container{gap:0}:host(.stack-show-dividers) ::slotted(*:not(:last-child)){position:relative;margin-right:var(--stack-spacing, 8px);display:flex;align-items:center}:host(.stack-show-dividers) ::slotted(*:not(:last-child))::after{content:"";position:absolute;right:calc(var(--stack-spacing, 8px) / -2);background:var(--bg-primary, #e5e7eb)}:host(.stack-horizontal.stack-show-dividers) ::slotted(*:not(:last-child))::after{width:1px;height:60%;top:20%}:host(.stack-vertical.stack-show-dividers) ::slotted(*:not(:last-child))::after{height:1px;width:60%;left:20%;bottom:calc(var(--stack-spacing, 8px) / -2)}:host(.divider-dashed) ::slotted(*:not(:last-child))::after{border-right:1px dashed var(--border-default, #e5e7eb);background:none}:host(.divider-dotted) ::slotted(*:not(:last-child))::after{border-right:1px dotted var(--border-default, #e5e7eb);background:none}:host(.stack-overlap) .stack-container{padding-right:20px}:host(.stack-overlap) ::slotted(*){margin-right:var(--stack-overlap, -12px) !important;transition:transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), z-index 0s, filter 0.3s ease;position:relative;z-index:1;border:2px solid var(--bg-primary, #ffffff);box-sizing:border-box;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));cursor:pointer}:host(.stack-overlap) ::slotted(*:hover){transform:translateY(-8px) scale(1.1) rotate(1deg);z-index:100 !important;filter:drop-shadow(0 12px 24px rgba(0, 0, 0, 0.2))}:host(.stack-overlap) ::slotted(*:last-child){margin-right:0 !important}.stack-roster-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn 0.2s ease-out}.stack-roster-content{background:var(--bg-primary, #ffffff);width:90%;max-width:400px;max-height:80vh;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);display:flex;flex-direction:column;overflow:hidden;animation:slideUp 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.roster-header{padding:16px 20px;border-bottom:1px solid var(--border-subtle, #f1f5f9);display:flex;justify-content:space-between;align-items:center}.roster-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #1e293b)}.close-btn{background:var(--bg-secondary, #f1f5f9);border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted, #64748b);font-size:18px;transition:all 0.2s}.close-btn:hover{background:var(--bg-primary, #e2e8f0);color:var(--text-primary, #0f172a)}.roster-list{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.roster-item{padding:10px;border-radius:10px;background:var(--bg-primary, #f8fafc);border:1px solid var(--border-subtle, #f1f5f9);display:flex;align-items:center;transition:background 0.2s}.roster-item:hover{background:var(--bg-secondary, #f1f5f9)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.stack-overflow-indicator{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:50%;background:var(--bg-secondary, #f3f4f6);border:2px solid var(--bg-primary, #ffffff);color:var(--text-secondary, #4b5563);font-size:12px;font-weight:600;z-index:10;cursor:pointer;transition:transform 0.2s}.stack-overflow-indicator:hover{transform:scale(1.1);background:var(--bg-primary, #e5e7eb)}@media (prefers-color-scheme: dark){.stack-roster-content{background:var(--bg-primary, #1e293b)}.roster-header h4{color:var(--text-standard, #ffffff)}.roster-item{background:var(--color-primary, #334155);border-color:var(--color-primary, #475569)}.roster-item:hover{background:var(--color-primary, #475569)}.stack-overflow-indicator{background:var(--color-primary, #374151);border-color:var(--border-strong, #1f2937);color:var(--text-standard, #f3f4f6)}.stack-overflow-indicator:hover{background:var(--color-primary, #4b5563)}}'}},[769,"ui-stack",{direction:[1],wrap:[1],spacing:[1],align:[1],justify:[1],max:[2],overlap:[4],showDividers:[4,"show-dividers"],dividerType:[1,"divider-type"],childrenCount:[32],isRosterOpen:[32]}]);function l(){"undefined"!=typeof customElements&&["ui-stack","ui-badge","ui-button","ui-icon"].forEach((t=>{switch(t){case"ui-stack":customElements.get(a(t))||customElements.define(a(t),d);break;case"ui-badge":customElements.get(a(t))||c();break;case"ui-button":customElements.get(a(t))||n();break;case"ui-icon":customElements.get(a(t))||s()}}))}export{d as S,l as d}

package/dist/components/switch.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as i,createEvent as s,h as c,Host as a,transformTag as e}from"@stencil/core/internal/client";import{d as h,a as r}from"./badge.js";import{d as o}from"./icon.js";const n=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.switchChange=s(this,"switchChange",7),this.switchFocus=s(this,"switchFocus",7),this.switchBlur=s(this,"switchBlur",7),this.switchConfirm=s(this,"switchConfirm",7),this.switchSuccess=s(this,"switchSuccess",7)}get el(){return this}checked=!1;disabled=!1;readonly=!1;invalid=!1;loading=!1;size="md";color="primary";variant="solid";shape="default";width;label="";labelPosition="right";elevation=0;thumbShape="circle";iconOff;iconOn;showIcons=!1;enableAnimation=!0;orientation="horizontal";helperText="";errorMessage="";checkedText="";uncheckedText="";showTrackText=!1;rtl=!1;formId="";name="";value="on";physics="liquid";glow=!1;requireConfirmation=!1;confirmationMessage="Are you sure you want to change this?";indeterminate=!1;showSuccessFeedback=!1;switchTabIndex=0;ariaLabel="";gradient=!1;gradientColors="";autoSubmit=!1;showDefaultIcons=!1;required=!1;haptic=!1;description;descriptionPosition="bottom";checkedImage;uncheckedImage;async=!1;internalLoading=!1;isShaking=!1;async shake(){this.isShaking=!0,this.haptic&&"vibrate"in navigator&&navigator.vibrate([10,50,10,50,10]),setTimeout((()=>{this.isShaking=!1}),600)}showTooltip=!1;tooltipText="";iconLibrary="ionicons";isFocused=!1;isHovered=!1;showingSuccess=!1;showConfirmDialog=!1;pendingValue=!1;showRipple=!1;switchChange;switchFocus;switchBlur;switchConfirm;switchSuccess;handleCheckedChange(t){this.autoSubmit&&this.triggerFormSubmit(),this.showSuccessFeedback&&t&&this.triggerSuccessFeedback()}triggerFormSubmit(){let t=null;if(t=this.formId?document.getElementById(this.formId):this.el.closest("form"),t){const i=new window.Event("submit",{cancelable:!0,bubbles:!0});t.dispatchEvent(i),i.defaultPrevented||t.submit()}}handleChange=t=>{if(this.disabled||this.readonly||this.loading)return void t.preventDefault();const i=t.target,s=i.checked;return this.indeterminate&&(this.indeterminate=!1,i.indeterminate=!1),this.requireConfirmation?(this.pendingValue=s,this.showConfirmDialog=!0,void(i.checked=this.checked)):(this.haptic&&"vibrate"in navigator&&navigator.vibrate(this.checked?10:15),this.async?(this.switchChange.emit({checked:s,value:this.value}),i.checked=this.checked,void(this.internalLoading=!0)):void this.applyToggle(s))};async stopAsyncLoading(){this.internalLoading=!1}applyToggle(t){this.checked!==t&&(this.checked=t,this.checked&&this.triggerRipple(),this.switchChange.emit({checked:this.checked,value:this.value}))}triggerRipple(){this.showRipple=!0,setTimeout((()=>{this.showRipple=!1}),600)}triggerSuccessFeedback(){this.showingSuccess=!0,this.switchSuccess.emit(),setTimeout((()=>{this.showingSuccess=!1}),2e3)}handleConfirm=()=>{this.showConfirmDialog=!1,this.switchConfirm.emit({confirmed:!0,value:this.pendingValue}),this.applyToggle(this.pendingValue)};handleCancel=()=>{this.showConfirmDialog=!1,this.switchConfirm.emit({confirmed:!1,value:this.pendingValue})};handleFocus=()=>{this.disabled||this.loading||(this.isFocused=!0,this.switchFocus.emit())};handleBlur=()=>{this.isFocused=!1,this.switchBlur.emit()};handleMouseEnter=()=>{this.disabled||(this.isHovered=!0)};handleMouseLeave=()=>{this.isHovered=!1};handleKeyDown=t=>{this.disabled||this.readonly||this.loading||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.triggerRipple(),this.applyToggle(!this.checked))};getIcon(){if(this.loading)return c("span",{class:"switch-spinner"},c("ui-icon",{name:"refresh",library:this.iconLibrary,spin:!0,size:"14px"}));const t=this.checked?this.checkedImage:this.uncheckedImage;if(t)return c("div",{class:"switch-image-container"},c("img",{src:t,class:"switch-thumb-image",alt:"status"}));if(this.checked){if(this.iconOn)return c("span",{class:"switch-icon"},c("ui-icon",{name:this.iconOn,library:this.iconLibrary,size:"calc(var(--switch-thumb-size, 20px) * 0.6)"}));if(this.showIcons||this.showDefaultIcons)return c("span",{class:"switch-icon"},c("ui-icon",{name:"checkmark",library:this.iconLibrary,size:"calc(var(--switch-thumb-size, 20px) * 0.6)"}))}else{if(this.iconOff)return c("span",{class:"switch-icon"},c("ui-icon",{name:this.iconOff,library:this.iconLibrary,size:"calc(var(--switch-thumb-size, 20px) * 0.6)"}));if(this.showIcons||this.showDefaultIcons)return c("span",{class:"switch-icon"},c("ui-icon",{name:"close",library:this.iconLibrary,size:"calc(var(--switch-thumb-size, 20px) * 0.6)"}))}return null}renderTrackText(){return this.showTrackText?c("span",{class:"switch-track-text"},this.checked?this.checkedText||"ON":this.uncheckedText||"OFF"):null}renderHelperText(){return this.invalid&&this.errorMessage?c("div",{class:"switch-helper-text switch-error-text"},c("ui-icon",{name:"alert-circle",library:"lucide",size:"12px"}),c("span",null,this.errorMessage)):this.helperText?c("div",{class:"switch-helper-text"},this.helperText):null}renderTooltip(){return this.showTooltip&&this.tooltipText&&this.isHovered?c("div",{class:"switch-tooltip"},this.tooltipText):null}renderSuccessFeedback(){return this.showingSuccess?c("div",{class:"switch-success-feedback"},c("ui-icon",{name:"check-circle",library:"lucide",size:"16px"})):null}renderConfirmDialog(){return this.showConfirmDialog?c("div",{class:"switch-confirm-overlay",onClick:this.handleCancel},c("div",{class:"switch-confirm-dialog",onClick:t=>t.stopPropagation()},c("div",{class:"confirm-message"},this.confirmationMessage),c("div",{class:"confirm-actions"},c("ui-button",{variant:"ghost",size:"sm",onClick:this.handleCancel,label:"Cancel"}),c("ui-button",{variant:"primary",size:"sm",onClick:this.handleConfirm,label:"Confirm"})))):null}render(){const t=this.label&&c("span",{key:"aaea5d41fe17902800129034edee86b1ba98d9e9",class:"switch-label"},this.label,this.required&&c("span",{key:"93e398287cfb42f1d43052d6f0492dc1cc1b7133",class:"switch-required"},"*"),this.description&&"bottom"===this.descriptionPosition&&c("span",{key:"91cc70cec284734e944886bbf28deeafb161eec0",class:"switch-description-bottom"},this.description)),i=this.description&&"side"===this.descriptionPosition&&c("span",{key:"5c6b858c2d9e135407a82a394f1472475bca1222",class:"switch-description-side"},this.description),s={};if(this.gradient&&this.gradientColors)try{const t=JSON.parse(this.gradientColors);Array.isArray(t)&&t.length>=2&&(s.background=`linear-gradient(135deg, ${t[0]} 0%, ${t[1]} 100%)`)}catch(t){}const e={};return this.width&&(e["--switch-track-width"]=this.width),c(a,{key:"41e4d34b8c2aa2ee57e25823ffc67ac5316ec3e6",style:e,class:{"switch-host":!0,"switch-disabled":this.disabled||this.loading,"switch-readonly":this.readonly,"switch-checked":this.checked,"switch-invalid":this.invalid,"switch-focused":this.isFocused,"switch-hovered":this.isHovered,"switch-vertical":"vertical"===this.orientation,"switch-animate":this.enableAnimation,"switch-indeterminate":this.indeterminate,"switch-glow":this.glow,"switch-rtl":this.rtl,[`switch-physics-${this.physics}`]:!0,[`switch-elevation-${this.elevation}`]:this.elevation>0,[`switch-color-${this.color}`]:!0,[`switch-${this.variant}`]:!0},onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},c("div",{key:"6684aba1b0aa8ebb37558a0c7aee00c0be7cb1e9",part:"container",class:{"switch-container-outer":!0,[`switch-${this.size}`]:!0,[`switch-color-${this.color}`]:!0,[`switch-physics-${this.physics}`]:!0,[`switch-variant-${this.variant}`]:!0,[`switch-${this.shape}`]:!0,[`thumb-${this.thumbShape}`]:!0,"switch-checked":this.checked,"switch-disabled":this.disabled,"switch-readonly":this.readonly,"switch-loading":this.loading||this.internalLoading,"switch-error":this.invalid,"switch-glow":this.glow&&this.checked,"switch-haptic":this.haptic,"switch-rtl":this.rtl,"switch-shaking":this.isShaking,"switch-animate":this.enableAnimation,"switch-indeterminate":this.indeterminate}},c("label",{key:"d8092db9b999f61d13ed28de07b51f0756b90203",part:"label",class:{"switch-container":!0,[`switch-${this.size}`]:!0,[`switch-color-${this.color}`]:!0,[`switch-${this.variant}`]:!0,[`switch-${this.shape}`]:!0,[`thumb-${this.thumbShape}`]:!0,"switch-label-left":"left"===this.labelPosition,"switch-label-right":"right"===this.labelPosition||!this.labelPosition}},"left"===this.labelPosition&&t,c("div",{key:"45e4aebf40ca6590d98871188c95fc0cb7167820",part:"wrapper",class:"switch-wrapper"},c("input",{key:"2f4f3b4641e4f2f8e53debbabc06ddedb57118a7",type:"checkbox",class:"switch-input",checked:this.checked,disabled:this.disabled||this.loading,readonly:this.readonly,name:this.name,value:this.value,required:this.required,tabindex:this.switchTabIndex,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,"aria-label":this.ariaLabel||this.label,"aria-checked":this.indeterminate?"mixed":this.checked?"true":"false","aria-disabled":(this.disabled||this.loading).toString(),"aria-invalid":this.invalid.toString(),ref:t=>{t&&this.indeterminate&&(t.indeterminate=!0)}}),c("div",{key:"affc51e292c88c6eca57e14ea23ef57c88ef1719",part:"track",class:{"switch-track":!0,"switch-track-checked":this.checked,"switch-track-disabled":this.disabled||this.loading,"switch-gradient":this.gradient},style:s},this.renderTrackText(),c("div",{key:"be816a97508c3ec53b08a9436079e7475017c503",part:"thumb",class:{"switch-thumb":!0,"switch-thumb-checked":this.checked,"switch-thumb-loading":this.loading}},this.getIcon()),this.showRipple&&c("div",{key:"abc8476dd3e164ac6397443dfe46f89c244a8bdb",class:"switch-ripple"}),this.loading&&c("div",{key:"049d77febd86e72fb513f4c8ba9012c31b0c55a9",class:"switch-loading-overlay"}))),"right"===this.labelPosition&&t,i,this.renderSuccessFeedback()),this.renderHelperText(),this.renderTooltip()),this.renderConfirmDialog())}static get watchers(){return{checked:[{handleCheckedChange:0}]}}static get style(){return'.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:inline-block;--switch-primary:var(--color-primary-hover, #2563eb);--switch-secondary:var(--color-primary, #64748b);--switch-success:var(--color-success, #10b981);--switch-danger:var(--color-danger, #ef4444);--switch-warning:var(--color-warning, #f59e0b);--switch-info:var(--color-primary, #10b981);--switch-primary-rgb:37, 99, 235;--switch-secondary-rgb:100, 116, 139;--switch-success-rgb:16, 185, 129;--switch-danger-rgb:239, 68, 104;--switch-warning-rgb:245, 158, 11;--switch-info-rgb:59, 130, 246;--switch-track-bg:var(--bg-primary, #e2e8f0);--switch-thumb-bg:var(--bg-primary, #ffffff);--switch-text:var(--label-color, var(--text-primary, #1e293b));--switch-text-muted:var(--label-subtitle-color, var(--text-secondary, #64748b));--switch-font:-apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif;--switch-duration:0.4s;--switch-easing:cubic-bezier(0.4, 0, 0.2, 1);--switch-transition:all var(--switch-duration) var(--switch-easing)}: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]){--switch-track-bg:var(--bg-secondary, #1e293b);--switch-thumb-bg:var(--bg-primary, #334155)}.switch-host{font-family:var(--switch-font);-webkit-tap-highlight-color:transparent}.switch-host.switch-glow.switch-checked .switch-track{box-shadow:0 0 15px rgba(var(--switch-primary-rgb, 37, 99, 235), 0.4)}.switch-host.switch-glow.switch-checked.switch-success .switch-track{box-shadow:0 0 15px rgba(var(--switch-success-rgb), 0.4)}.switch-host.switch-glow.switch-checked.switch-danger .switch-track{box-shadow:0 0 15px rgba(var(--switch-danger-rgb), 0.4)}.switch-host.switch-glow.switch-checked.switch-warning .switch-track{box-shadow:0 0 15px rgba(var(--switch-warning-rgb), 0.4)}.switch-host.switch-glow.switch-checked.switch-info .switch-track{box-shadow:0 0 15px rgba(var(--switch-info-rgb), 0.4)}.switch-host{--switch-easing:cubic-bezier(0.4, 0, 0.2, 1)}.switch-host.switch-physics-linear{--switch-easing:cubic-bezier(0, 0, 1, 1)}.switch-host.switch-physics-stiff{--switch-easing:cubic-bezier(0.18, 0.89, 0.32, 1.28);--switch-duration:0.2s}.switch-host.switch-physics-liquid{--switch-easing:cubic-bezier(0.4, 0, 0.2, 1);--switch-duration:0.4s}.switch-host.switch-physics-bouncy{--switch-easing:cubic-bezier(0.68, -0.6, 0.32, 1.6);--switch-duration:0.5s}.switch-host .switch-track,.switch-host .switch-thumb,.switch-host .switch-track-text,.switch-host .switch-ripple{transition:var(--switch-transition)}:host(.switch-color-primary){--switch-active-bg:var(--switch-primary);--switch-active-bg-rgb:var(--color-primary-rgb)}:host(.switch-color-success){--switch-active-bg:var(--switch-success);--switch-active-bg-rgb:var(--color-success-rgb)}:host(.switch-color-danger){--switch-active-bg:var(--switch-danger);--switch-active-bg-rgb:var(--color-danger-rgb)}:host(.switch-color-warning){--switch-active-bg:var(--switch-warning);--switch-active-bg-rgb:var(--color-warning-rgb)}:host(.switch-color-info){--switch-active-bg:var(--switch-info);--switch-active-bg-rgb:var(--color-primary-rgb)}:host(.switch-color-secondary){--switch-active-bg:var(--switch-secondary);--switch-active-bg-rgb:var(--color-primary-rgb)}:host(.switch-checked.switch-solid) .switch-track{background:var(--switch-active-bg);border-color:rgba(0, 0, 0, 0.05)}:host(.switch-checked.switch-solid) .switch-track-text{color:var(--color-primary-text, #ffffff)}:host(.switch-glass) .switch-track{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.2)}:host(.switch-glass.switch-checked) .switch-track{background:rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.2) !important;border-color:rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.4)}:host(.switch-glass.switch-checked) .switch-track-text{color:var(--switch-active-bg);text-shadow:0 0 8px rgba(var(--switch-active-bg-rgb), 0.4)}:host(.switch-raised) .switch-track{background:var(--bg-secondary, #f1f5f9);box-shadow:inset 4px 4px 8px rgba(0, 0, 0, 0.06), inset -4px -4px 8px rgba(255, 255, 255, 0.8)}:host(.switch-raised) .switch-thumb{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8)}:host(.switch-raised.switch-checked) .switch-track{background:linear-gradient(135deg, var(--switch-active-bg), rgba(var(--switch-active-bg-rgb), 0.8));box-shadow:inset 2px 2px 4px rgba(0, 0, 0, 0.2)}:host(.switch-outlined) .switch-track{background:transparent !important;border:2px solid var(--border-subtle, #e2e8f0)}:host(.switch-outlined.switch-checked) .switch-track{border-color:var(--switch-active-bg)}:host(.switch-outlined) .switch-thumb{background:var(--color-primary, #94a3b8)}:host(.switch-outlined.switch-checked) .switch-thumb{background:var(--switch-active-bg);box-shadow:0 0 10px rgba(var(--switch-active-bg-rgb), 0.3)}:host(.switch-glow.switch-checked) .switch-track{box-shadow:0 0 12px rgba(var(--switch-active-bg-rgb), 0.3);animation:switch-glow-pulse 2s ease-in-out infinite}.switch-loading .switch-track{position:relative;overflow:hidden}.switch-loading .switch-track::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);background-size:200% 100%;animation:switch-shimmer 1.5s infinite linear;z-index:1}.switch-loading .switch-track::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px);background-size:4px 4px;opacity:0.5;z-index:0}@keyframes switch-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.switch-container-outer{display:flex;flex-direction:column}.switch-container{display:inline-flex;align-items:center;gap:12px;cursor:pointer;user-select:none;position:relative;transition:opacity var(--switch-duration) var(--switch-easing);font-family:"Inter", -apple-system, sans-serif}.switch-label-left{flex-direction:row-reverse}.switch-wrapper{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.switch-input{position:absolute;width:100%;height:100%;opacity:0;cursor:inherit;z-index:2;margin:0;outline:none}.switch-input:focus-visible~.switch-track{box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--switch-active-bg, var(--switch-primary));transform:scale(1.02)}.switch-track{position:relative;display:flex;align-items:center;background:var(--switch-track-bg);border-radius:9999px;transition:background-color var(--switch-duration) var(--switch-easing), box-shadow 0.2s ease, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);overflow:hidden;border:1px solid rgba(0, 0, 0, 0.05)}.switch-container:hover .switch-track{filter:brightness(1.05);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.switch-container:active .switch-track{transform:scale(0.96);filter:brightness(0.95)}.switch-ripple{position:absolute;left:50%;top:50%;width:10px;height:10px;background:rgba(255, 255, 255, 0.4);border-radius:50%;transform:translate(-50%, -50%);pointer-events:none;animation:switch-ripple-expand 0.6s cubic-bezier(0, 0, 0.2, 1) forwards;z-index:1}.switch-loading-overlay{position:absolute;inset:0;background:rgba(255, 255, 255, 0.15);z-index:10;overflow:hidden}.switch-loading-overlay::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);background-size:8px 8px;opacity:0.3}.switch-loading-overlay::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);animation:switch-shimmer 1.5s infinite}@keyframes switch-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}@keyframes switch-ripple-expand{0%{transform:translate(-50%, -50%) scale(0);opacity:0.8}100%{transform:translate(-50%, -50%) scale(15);opacity:0}}.switch-thumb{position:absolute;background-color:var(--bg-primary, #ffffff);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--switch-duration) var(--switch-easing), background-color var(--switch-duration) var(--switch-easing), box-shadow var(--switch-duration) var(--switch-easing);z-index:2;display:flex;align-items:center;justify-content:center;border:0.5px solid rgba(0, 0, 0, 0.04)}.switch-thumb:hover{transform:scale(1.05) translateZ(0);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.switch-icon{display:flex;align-items:center;justify-content:center;font-size:10px}.switch-track-text{position:absolute;font-size:calc(var(--switch-thumb-size, 20px) * 0.45);font-weight:800;color:var(--switch-text-muted);text-transform:uppercase;user-select:none;pointer-events:none;transition:var(--switch-transition);opacity:0.8;letter-spacing:0.02em}.switch-xxxs{--switch-thumb-size:10px;--switch-track-width:24px}.switch-xxxs .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:12px}.switch-xxxs .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxxs.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxxs .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxxs.switch-checked .switch-track-text{left:4px}.switch-xxs{--switch-thumb-size:12px;--switch-track-width:28px}.switch-xxs .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:14px}.switch-xxs .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxs.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxs .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxs.switch-checked .switch-track-text{left:4px}.switch-xs{--switch-thumb-size:14px;--switch-track-width:32px}.switch-xs .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:17px}.switch-xs .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xs.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xs .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xs.switch-checked .switch-track-text{left:4px}.switch-sm{--switch-thumb-size:16px;--switch-track-width:36px}.switch-sm .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:20px}.switch-sm .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-sm.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-sm .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-sm.switch-checked .switch-track-text{left:4px}.switch-md{--switch-thumb-size:20px;--switch-track-width:44px}.switch-md .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:24px}.switch-md .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-md.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-md .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-md.switch-checked .switch-track-text{left:4px}.switch-lg{--switch-thumb-size:24px;--switch-track-width:52px}.switch-lg .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:28px}.switch-lg .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-lg.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-lg .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-lg.switch-checked .switch-track-text{left:4px}.switch-xl{--switch-thumb-size:28px;--switch-track-width:64px}.switch-xl .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:32px}.switch-xl .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xl.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xl .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xl.switch-checked .switch-track-text{left:4px}.switch-xxl{--switch-thumb-size:34px;--switch-track-width:76px}.switch-xxl .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:38px}.switch-xxl .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxl.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxl .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxl.switch-checked .switch-track-text{left:4px}.switch-xxxl{--switch-thumb-size:40px;--switch-track-width:88px}.switch-xxxl .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:44px}.switch-xxxl .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxxl.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxxl .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxxl.switch-checked .switch-track-text{left:4px}@keyframes switch-glow-pulse{0%,100%{filter:drop-shadow(0 0 5px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.3))}50%{filter:drop-shadow(0 0 12px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.6))}}.switch-glass .switch-track{background:rgba(255, 255, 255, 0.08) !important;backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.12);box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.05), 0 4px 6px -1px rgba(0, 0, 0, 0.1)}.switch-glass .switch-thumb{background:rgba(255, 255, 255, 0.9);backdrop-filter:blur(8px);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);border:1px solid rgba(255, 255, 255, 0.3)}.switch-raised .switch-track{background:var(--bg-secondary, #f1f5f9);box-shadow:inset 4px 4px 8px rgba(0, 0, 0, 0.06), inset -4px -4px 8px rgba(255, 255, 255, 0.8);border:1px solid rgba(0, 0, 0, 0.02)}.switch-raised .switch-thumb{background:linear-gradient(145deg, var(--bg-primary, #ffffff), var(--bg-primary, #f8fafc));box-shadow:2px 2px 5px rgba(0, 0, 0, 0.05), -1px -1px 3px rgba(255, 255, 255, 0.9);border:0.5px solid rgba(0, 0, 0, 0.02)}.switch-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit}.switch-thumb-image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.switch-rounded .switch-track,.switch-rounded .switch-thumb{border-radius:4px}.switch-square .switch-track,.switch-square .switch-thumb{border-radius:0}.switch-pill .switch-track,.switch-pill .switch-thumb{border-radius:9999px}.thumb-square .switch-thumb{border-radius:2px}.switch-vertical .switch-container{flex-direction:column}.switch-vertical .switch-track{flex-direction:column}.switch-vertical .switch-thumb{left:50%;transform:translateX(-50%);top:2px}.switch-vertical.switch-xxxs .switch-track{width:12px;height:24px}.switch-vertical.switch-xxxs.switch-checked .switch-thumb{transform:translate(-50%, 11px)}.switch-vertical.switch-xxs .switch-track{width:14px;height:28px}.switch-vertical.switch-xxs.switch-checked .switch-thumb{transform:translate(-50%, 13px)}.switch-vertical.switch-xs .switch-track{width:17px;height:32px}.switch-vertical.switch-xs.switch-checked .switch-thumb{transform:translate(-50%, 15px)}.switch-vertical.switch-sm .switch-track{width:20px;height:36px}.switch-vertical.switch-sm.switch-checked .switch-thumb{transform:translate(-50%, 16px)}.switch-vertical.switch-md .switch-track{width:24px;height:44px}.switch-vertical.switch-md.switch-checked .switch-thumb{transform:translate(-50%, 20px)}.switch-vertical.switch-lg .switch-track{width:28px;height:52px}.switch-vertical.switch-lg.switch-checked .switch-thumb{transform:translate(-50%, 24px)}.switch-vertical.switch-xl .switch-track{width:32px;height:64px}.switch-vertical.switch-xl.switch-checked .switch-thumb{transform:translate(-50%, 32px)}.switch-vertical.switch-xxl .switch-track{width:38px;height:76px}.switch-vertical.switch-xxl.switch-checked .switch-thumb{transform:translate(-50%, 38px)}.switch-vertical.switch-xxxl .switch-track{width:44px;height:88px}.switch-vertical.switch-xxxl.switch-checked .switch-thumb{transform:translate(-50%, 44px)}.switch-disabled{opacity:0.5;cursor:not-allowed !important}.switch-readonly{cursor:default !important}.switch-readonly .switch-input{pointer-events:none}.switch-invalid .switch-track{border-color:var(--switch-danger);box-shadow:0 0 0 2px rgba(var(--color-danger-rgb, 239, 68, 68), 0.1)}.switch-focused .switch-track{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.2)}.switch-hovered:not(.switch-disabled) .switch-track{filter:brightness(0.95)}.switch-gradient .switch-track{border:none}.switch-elevation-1 .switch-track{box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.switch-elevation-2 .switch-track{box-shadow:0 4px 8px rgba(0, 0, 0, 0.1)}.switch-elevation-3 .switch-track{box-shadow:0 6px 12px rgba(0, 0, 0, 0.1)}.switch-elevation-4 .switch-track{box-shadow:0 8px 16px rgba(0, 0, 0, 0.1)}.switch-elevation-5 .switch-track{box-shadow:0 10px 20px rgba(0, 0, 0, 0.1)}.switch-indeterminate .switch-thumb{left:50%;transform:translateX(-50%)}.switch-indeterminate .switch-thumb::after{content:"";position:absolute;width:50%;height:2px;background:var(--switch-active-bg, #94a3b8);border-radius:4px}.switch-rtl{direction:rtl}.switch-rtl .switch-container{flex-direction:row-reverse}.switch-rtl .switch-thumb{left:auto;inset-inline-start:2px;inset-inline-end:auto}.switch-rtl.switch-checked .switch-thumb{transform:translateX(calc(-1 * (var(--switch-track-width) - var(--switch-thumb-size) - 4px)))}.switch-rtl .switch-track-text{inset-inline-start:4px;inset-inline-end:auto;text-align:left;left:auto}.switch-rtl.switch-checked .switch-track-text{inset-inline-start:calc(var(--switch-thumb-size) + 8px);inset-inline-end:auto;left:auto}.switch-loading-overlay{position:absolute;inset:0;background:rgba(255, 255, 255, 0.2);z-index:1}.switch-spinner{display:flex;align-items:center;justify-content:center}.switch-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;display:flex;flex-direction:column;line-height:1.2}.switch-description-bottom{font-size:11px;font-weight:400;color:var(--switch-text-muted);opacity:0.8;margin-top:2px}.switch-description-side{font-size:12px;font-weight:400;color:var(--switch-text-muted);opacity:0.6;margin-inline-start:12px;padding-inline-start:12px;border-inline-start:1px solid rgba(0, 0, 0, 0.08);white-space:nowrap}.switch-required{color:var(--switch-danger);margin-inline-start:2px}.switch-helper-text{margin-top:4px;font-size:12px;color:var(--switch-text-muted);display:flex;align-items:center;gap:4px}.switch-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-10px);background:rgba(15, 23, 42, 0.95);color:var(--text-standard, #ffffff);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:100;box-shadow:0 4px 12px rgba(0, 0, 0, 0.2);border:1px solid rgba(255, 255, 255, 0.1);animation:tooltip-fade-in 0.2s ease}.switch-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:rgba(15, 23, 42, 0.95)}@keyframes tooltip-fade-in{from{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(-10px)}}.switch-error-text{color:var(--switch-danger)}.switch-success-feedback{color:var(--switch-success);margin-inline-start:8px;animation:success-pop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}@keyframes success-pop{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.switch-confirm-overlay{position:fixed;inset:0;background:rgba(0, 0, 0, 0.4);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fade-in 0.2s ease}.switch-confirm-dialog{background:var(--bg-primary, #ffffff);padding:24px;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1);max-width:320px;width:90%;animation:slide-up 0.3s ease}.confirm-message{margin-bottom:20px;font-size:15px;color:var(--text-primary, #1e293b);line-height:1.5}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all 0.2s}.confirm-btn.cancel{background:var(--bg-secondary, #f1f5f9);color:var(--color-primary, #475569)}.confirm-btn.ok{background:var(--switch-primary);color:var(--text-standard, #ffffff)}.confirm-btn:hover{opacity:0.9;transform:translateY(-1px)}.switch-shaking{animation:switch-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}@keyframes switch-shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-up{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}'}},[513,"ui-switch",{checked:[1540],disabled:[4],readonly:[4],invalid:[4],loading:[4],size:[1],color:[1],variant:[1],shape:[1],width:[1],label:[1],labelPosition:[1,"label-position"],elevation:[2],thumbShape:[1,"thumb-shape"],iconOff:[1,"icon-off"],iconOn:[1,"icon-on"],showIcons:[4,"show-icons"],enableAnimation:[4,"enable-animation"],orientation:[1],helperText:[1,"helper-text"],errorMessage:[1,"error-message"],checkedText:[1,"checked-text"],uncheckedText:[1,"unchecked-text"],showTrackText:[4,"show-track-text"],rtl:[4],formId:[1,"form-id"],name:[1],value:[1],physics:[1],glow:[4],requireConfirmation:[4,"require-confirmation"],confirmationMessage:[1,"confirmation-message"],indeterminate:[1028],showSuccessFeedback:[4,"show-success-feedback"],switchTabIndex:[2,"switch-tab-index"],ariaLabel:[1,"aria-label"],gradient:[4],gradientColors:[1,"gradient-colors"],autoSubmit:[4,"auto-submit"],showDefaultIcons:[4,"show-default-icons"],required:[4],haptic:[4],description:[1],descriptionPosition:[1,"description-position"],checkedImage:[1,"checked-image"],uncheckedImage:[1,"unchecked-image"],async:[4],showTooltip:[4,"show-tooltip"],tooltipText:[1,"tooltip-text"],iconLibrary:[1,"icon-library"],internalLoading:[32],isShaking:[32],isFocused:[32],isHovered:[32],showingSuccess:[32],showConfirmDialog:[32],pendingValue:[32],showRipple:[32],shake:[64],stopAsyncLoading:[64]},void 0,{checked:[{handleCheckedChange:0}]}]);function w(){"undefined"!=typeof customElements&&["ui-switch","ui-badge","ui-button","ui-icon"].forEach((t=>{switch(t){case"ui-switch":customElements.get(e(t))||customElements.define(e(t),n);break;case"ui-badge":customElements.get(e(t))||r();break;case"ui-button":customElements.get(e(t))||h();break;case"ui-icon":customElements.get(e(t))||o()}}))}export{n as U,w as d}

package/dist/components/tag-group.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as a,Host as s,transformTag as r}from"@stencil/core/internal/client";import{d as o,a as n}from"./badge.js";import{d as h}from"./icon.js";import{d as p}from"./input.js";import{d as c}from"./stack.js";import{d as l}from"./tag.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tagAdd=i(this,"tagAdd",7),this.tagGroupChange=i(this,"tagGroupChange",7)}get el(){return this}max=0;spacing="8px";overlap=!1;value=[];selectionMode="none";size;variant;color;rounded=!1;removable=!1;creatable=!1;searchable=!1;collapsible=!1;caseSensitive=!1;delimiters=[","," "];skeleton=!1;shape;animation;readOnly=!1;placeholder="Add tag...";tagAdd;searchQuery="";isExpanded=!1;isLastTagHighlighted=!1;tagGroupChange;handleKeyDown(t){if(this.readOnly)return;const e=Array.from(this.el.querySelectorAll("ui-tag")),i=this.el.shadowRoot?.activeElement||document.activeElement,a=e.findIndex((t=>t===i||t.contains(i))),s=i===this.el.shadowRoot?.querySelector(".tag-group-inline-input");if("ArrowLeft"===t.key)s&&0===t.target.selectionStart?e.length>0&&(e[e.length-1].focus(),t.preventDefault()):a>0&&(e[a-1].focus(),t.preventDefault());else if("ArrowRight"===t.key)-1!==a&&(a===e.length-1?this.el.shadowRoot?.querySelector(".tag-group-inline-input")?.focus():e[a+1].focus(),t.preventDefault());else if(("Backspace"===t.key||"Delete"===t.key)&&-1!==a){const i=e[a],s=a<e.length-1?e[a+1]:this.el.shadowRoot?.querySelector(".tag-group-inline-input");this.removable&&(this.removeTagByValue(i.value||i.label),s&&s.focus(),t.preventDefault())}}handleGroupChange(){this.updateChildren()}handleTagRemove(t){if(this.readOnly)return;const e=t.target;if(!e)return;const i=e.value||e.label;if(Array.isArray(this.value)){const t=this.value.indexOf(i);if(t>-1){const e=[...this.value];e.splice(t,1),this.value=e,this.tagGroupChange.emit(this.value)}}else this.value===i&&(this.value="",this.tagGroupChange.emit(this.value));e.parentNode===this.el&&this.el.removeChild(e),setTimeout((()=>this.updateChildren()),50)}handleTagCheck(t){if(this.readOnly||"none"===this.selectionMode)return;const e=t.target,i=e.value||e.label;if("single"===this.selectionMode)this.value=t.detail?i:"",this.syncSelection();else{const e=Array.isArray(this.value)?[...this.value]:this.value?[this.value]:[];if(t.detail)e.includes(i)||e.push(i);else{const t=e.indexOf(i);t>-1&&e.splice(t,1)}this.value=e,this.syncSelection()}this.tagGroupChange.emit(this.value)}componentDidLoad(){this.updateChildren();const t=this.el.shadowRoot?.querySelector("slot");t&&t.addEventListener("slotchange",(()=>this.updateChildren()))}updateChildren(){const t=Array.from(this.el.querySelectorAll("ui-tag")),e=this.searchQuery.toLowerCase();t.forEach(((i,a)=>{this.size&&(i.size=this.size),this.variant&&(i.variant=this.variant),this.color&&(i.color=this.color),!this.overlap||this.shape||i.shape?this.shape?i.shape=this.shape:this.rounded&&(i.shape="pill"):i.shape="circle",this.skeleton&&(i.skeleton=this.skeleton),this.animation&&(i.animation=this.animation),i.removable=!this.readOnly&&this.removable,i.disabled=this.readOnly,"none"!==this.selectionMode&&(i.checkable=!0);const s=(i.label||"").toLowerCase().includes(e),r=this.max>0&&a>=this.max;this.isLastTagHighlighted&&a===t.length-1?i.setAttribute("highlighted","true"):i.removeAttribute("highlighted"),i.style.display=!s||r&&!this.isExpanded?"none":""})),this.syncSelection()}syncSelection(){const t=Array.from(this.el.querySelectorAll("ui-tag")),e=Array.isArray(this.value)?this.value:[this.value];t.forEach((t=>{t.checked=e.includes(t.value||t.label)}))}handleSearch=t=>{this.searchQuery=t.detail,this.updateChildren()};addTags(t){if(!t)return;this.isLastTagHighlighted=!1;const e=this.delimiters.map((t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))).join("|"),i=new RegExp(e||",","g");t.split(i).map((t=>t.trim())).filter((t=>!!t)).forEach((t=>{const e=Array.from(this.el.querySelectorAll("ui-tag")).find((e=>this.caseSensitive?e.label===t:e.label.toLowerCase()===t.toLowerCase()));if(e)e.pulse=!0,setTimeout((()=>e.pulse=!1),2e3);else{const e=document.createElement("ui-tag");e.setAttribute("label",t),this.el.appendChild(e),this.tagAdd.emit(t)}})),this.updateChildren()}removeLastTag(){const t=Array.from(this.el.querySelectorAll("ui-tag"));if(t.length>0){const e=t[t.length-1],i=e.value||e.label;if(Array.isArray(this.value)){const t=this.value.indexOf(i);if(t>-1){const e=[...this.value];e.splice(t,1),this.value=e,this.tagGroupChange.emit(this.value)}}this.el.removeChild(e),this.updateChildren()}}removeTagByValue(t){if(Array.isArray(this.value)){const e=this.value.indexOf(t);if(e>-1){const t=[...this.value];t.splice(e,1),this.value=t,this.tagGroupChange.emit(this.value)}}else this.value===t&&(this.value="",this.tagGroupChange.emit(this.value));const e=Array.from(this.el.querySelectorAll("ui-tag")).find((e=>(e.value||e.label)===t));e&&this.el.removeChild(e),this.updateChildren()}handleAddTag=t=>{const e=t.detail.target,i=e.value,a=t.detail.key;if("Enter"===a||this.delimiters.includes(a)&&i.trim())return this.delimiters.includes(a)&&t.detail.preventDefault(),this.addTags(i),void(e.value="");"Backspace"!==a||i?(i||"Backspace"!==a)&&(this.isLastTagHighlighted=!1,this.updateChildren()):this.isLastTagHighlighted?(this.removeLastTag(),this.isLastTagHighlighted=!1):(this.isLastTagHighlighted=!0,this.updateChildren()),"Escape"===a&&(this.isLastTagHighlighted=!1,this.updateChildren())};toggleExpand=()=>{this.isExpanded=!this.isExpanded};render(){const t=Array.from(this.el.querySelectorAll("ui-tag")),e=t.filter((t=>"none"!==t.style.display)),i=this.max>0&&t.length>this.max,r=0===t.length,o=t.length>0&&0===e.length,n=(this.searchable||this.creatable)&&!this.readOnly;return a(s,{key:"100edcd7c662a814b0f9fb61726e2582e794a228"},a("div",{key:"4c67c1ca95250f7b86aa920806a9c610fd177e5b",class:{"tag-group-container":!0,"is-readonly":this.readOnly,"is-empty":r}},a("ui-stack",{key:"80cc96c4c1106e7627160f5396443f9f76ff05d5",spacing:this.spacing,overlap:this.overlap,max:this.isExpanded?0:this.max,wrap:"wrap"},a("slot",{key:"4d6a8877bc1aad8548782ca3eb79d55bd620a3b7"}),n&&a("ui-input",{key:"1097f155dbea020ea979f38ad1557113d5f535f8",type:"text",class:"tag-group-inline-input",placeholder:r?this.placeholder:"",value:this.searchQuery,onInputChange:this.handleSearch,onInputKeydown:this.handleAddTag,size:"sm",variant:"borderless",hideBorder:!0,fullWidth:!0})),o&&a("div",{key:"887770e92e8f74e0c2299b082123aa99f0a8e973",class:"tag-group-empty no-results"},a("span",{key:"0b99fe5f1f8f1a8e0546d6ef986e4868513f0c98"},'No tags match "',this.searchQuery,'"'))||r&&this.readOnly&&a("div",{key:"af1db7772425a2792d52641b9b6a0850a236d4dd",class:"tag-group-empty"},a("ui-icon",{key:"c436b83d899bddf9c606cb767b97cbd5485d4086",name:"tag",library:"lucide",size:"1.4em"}),a("span",{key:"22a6243817d886e23b529ead4366bcf81b2fe057"},"No items assigned")),this.collapsible&&i&&a("ui-button",{key:"bf5f9ce800276a0c6294d48c9817b3b342b09a0c",variant:"ghost",size:"sm",class:"tag-group-overflow-toggle",onClick:this.toggleExpand,label:this.isExpanded?"Show less":`View all ${t.length} items`})))}static get watchers(){return{isExpanded:[{handleGroupChange:0}],skeleton:[{handleGroupChange:0}],shape:[{handleGroupChange:0}],color:[{handleGroupChange:0}]}}static get style(){return".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.tag-group-container{display:flex;flex-direction:column;gap:12px;padding:8px 12px;border:1.5px solid var(--border-subtle, #e2e8f0);border-radius:10px;background:var(--bg-primary, #f8fafc);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);min-height:42px}.tag-group-container:focus-within{background:var(--bg-primary, #ffffff);border-color:var(--color-primary, #10b981);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.tag-group-container.is-readonly{background:transparent;border-color:transparent;padding:0;pointer-events:none}.tag-group-inline-input{flex:1;min-width:60px;border:none;background:transparent;font-size:13px;padding:4px 0;outline:none;color:var(--text-primary, #1e293b)}.tag-group-inline-input::placeholder{color:var(--color-primary, #94a3b8)}ui-stack[overlap] ui-tag,ui-stack[overlap=true] ui-tag{--ui-tag-border:2px solid var(--bg-primary, #ffffff) !important;transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}ui-stack[overlap] ui-tag:hover,ui-stack[overlap=true] ui-tag:hover{transform:translateY(-4px) scale(1.1);z-index:100 !important}ui-tag[highlighted=true]{--ui-tag-bg:var(--color-primary, #10b981) !important;--ui-tag-color:var(--text-standard, #ffffff) !important;--ui-tag-border:1px solid var(--color-primary-hover, #2563eb) !important;transform:scale(1.05);box-shadow:0 4px 6px -1px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.tag-group-overflow-toggle{margin-top:4px;align-self:flex-start;background:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-subtle, #e2e8f0);color:var(--text-muted, #64748b);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;cursor:pointer;padding:4px 12px;border-radius:999px;transition:all 0.2s ease}.tag-group-overflow-toggle:hover{background:var(--bg-primary, #ffffff);color:var(--color-primary, #10b981);border-color:var(--color-primary, #10b981);transform:translateY(-1px)}.tag-group-overflow-toggle:active{transform:translateY(0)}.tag-group-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:8px;color:var(--color-primary, #94a3b8);background:transparent}.tag-group-empty ui-icon{opacity:0.4}.tag-group-empty span{font-size:13px;font-weight:500}.tag-group-empty.no-results{padding:12px;border-radius:8px;background:rgba(241, 245, 249, 0.5);color:var(--text-muted, #64748b);border:1px dashed var(--border-subtle, #e2e8f0)}"}},[769,"ui-tag-group",{max:[2],spacing:[1],overlap:[4],value:[1025],selectionMode:[1,"selection-mode"],size:[1],variant:[1],color:[1],rounded:[4],removable:[4],creatable:[4],searchable:[4],collapsible:[4],caseSensitive:[4,"case-sensitive"],delimiters:[16],skeleton:[4],shape:[1],animation:[1],readOnly:[4,"read-only"],placeholder:[1],searchQuery:[32],isExpanded:[32],isLastTagHighlighted:[32]},[[0,"keydown","handleKeyDown"],[0,"tagRemove","handleTagRemove"],[0,"tagCheck","handleTagCheck"]],{isExpanded:[{handleGroupChange:0}],skeleton:[{handleGroupChange:0}],shape:[{handleGroupChange:0}],color:[{handleGroupChange:0}]}]);function g(){"undefined"!=typeof customElements&&["ui-tag-group","ui-badge","ui-button","ui-icon","ui-input","ui-stack","ui-tag"].forEach((t=>{switch(t){case"ui-tag-group":customElements.get(r(t))||customElements.define(r(t),d);break;case"ui-badge":customElements.get(r(t))||n();break;case"ui-button":customElements.get(r(t))||o();break;case"ui-icon":customElements.get(r(t))||h();break;case"ui-input":customElements.get(r(t))||p();break;case"ui-stack":customElements.get(r(t))||c();break;case"ui-tag":customElements.get(r(t))||l()}}))}export{d as T,g as d}

package/dist/components/tag.js

@@ -0,0 +1 @@
+import{proxyCustomElement as a,HTMLElement as t,createEvent as r,h as o,transformTag as e}from"@stencil/core/internal/client";import{d as i,a as n}from"./badge.js";import{d as s}from"./icon.js";const g=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.tagRemove=r(this,"tagRemove",7),this.tagCheck=r(this,"tagCheck",7)}get element(){return this}label;value;color="default";size="md";rtl=!1;variant="filled";removable=!1;icon;orientation="horizontal";shape="rounded";iconSpin=!1;closeIcon;customColor;customTextColor;tooltip;disabled=!1;iconPosition="left";iconLibrary="default";image;userAvatar;checkable=!1;checked=!1;animation="scale";animationDuration=300;clickable=!1;elevation=0;loading=!1;pulse=!1;autoColor=!1;gradient;maxWidth;iconSize="1.14em";skeleton=!1;showTooltip=!1;badge;badgeColor="default";counter;isClosing=!1;isOpening=!0;visible=!0;tagRemove;tagCheck;getColorFromHash(a){const t=[{bg:"#3bf673",rgb:"59, 130, 246"},{bg:"#10b981",rgb:"16, 185, 129"},{bg:"#ef4444",rgb:"239, 68, 68"},{bg:"#f59e0b",rgb:"245, 158, 11"},{bg:"#8b5cf6",rgb:"139, 92, 246"},{bg:"#ec4899",rgb:"236, 72, 153"},{bg:"#06b6d4",rgb:"6, 182, 212"}];if(!a)return t[0];let r=0;for(let t=0;t<a.length;t++)r=a.charCodeAt(t)+((r<<5)-r);return t[Math.abs(r)%t.length]}handleKeyDown=a=>{"Enter"!==a.key&&" "!==a.key||(a.preventDefault(),this.handleClick())};handleRemove=a=>{a.stopPropagation(),this.disabled||this.isClosing||(this.isClosing=!0,this.tagRemove.emit(),setTimeout((()=>{this.visible=!1}),this.animationDuration))};handleClick=()=>{this.disabled||this.checkable&&(this.checked=!this.checked,this.tagCheck.emit(this.checked))};componentDidLoad(){setTimeout((()=>{this.isOpening=!1}),50)}render(){if(!this.visible)return null;const a=this.autoColor?this.getColorFromHash(this.label??""):null,t={tag:!0,[`tag-${this.color}`]:!this.autoColor&&!this.gradient,[`tag-${this.size}`]:!0,[`tag-${this.variant}`]:!0,[`tag-shape-${this.shape}`]:!0,"tag-rounded":"rounded"===this.shape,"tag-checkable":this.checkable,"tag-clickable":this.clickable,"tag-checked":this.checked,"tag-loading":this.loading,"tag-disabled":this.disabled,"tag-pulse":this.pulse,"tag-skeleton":this.skeleton,[`tag-${this.orientation}`]:"horizontal"!==this.orientation,[`tag-elevated-${this.elevation}`]:this.elevation>0,[`tag-closing-${this.animation}`]:this.isClosing,[`tag-opening-${this.animation}`]:this.isOpening,[`tag-gradient-${this.gradient}`]:!!this.gradient&&!this.gradient.includes("gradient"),"tag-custom-gradient":!!this.gradient&&this.gradient.includes("gradient"),"tag-truncate":!!this.maxWidth},r={"--animation-duration":`${this.animationDuration}ms`};this.gradient&&this.gradient.includes("gradient")&&(r.background=this.gradient,r.border="none",r.color="#fff"),this.maxWidth&&(r["max-width"]=this.maxWidth),this.customColor&&(r["background-color"]=this.customColor,r["border-color"]="transparent"),this.customTextColor&&(r.color=this.customTextColor),a&&(r["background-color"]=a.bg,r.color="white",r["border-color"]="transparent",r["--tag-glow-color"]=a.rgb);const e=this.clickable||this.checkable||this.removable;return o("span",{class:t,onClick:this.handleClick,onKeyDown:this.handleKeyDown,style:r,title:this.tooltip||(this.showTooltip?this.label:void 0),dir:this.rtl?"rtl":"ltr",tabIndex:e&&!this.disabled?0:-1,role:e?"button":void 0,"aria-pressed":this.checkable?this.checked:void 0,"aria-disabled":this.disabled?"true":void 0},this.skeleton?o("span",{class:"tag-skeleton-content"}):["dot"===this.variant&&o("span",{class:"tag-dot-indicator"}),"left"===this.iconPosition&&this.renderMedia(),o("span",{class:"tag-label"},this.loading&&!this.label?"Loading...":this.label),("ticket"===this.shape||"coupon"===this.shape)&&o("span",{class:"tag-ticket-hole tag-hole-right"}),"coupon"===this.shape&&o("span",{class:"tag-ticket-hole tag-hole-left"}),"right"===this.iconPosition&&this.renderMedia(),this.badge&&o("span",{class:`tag-badge tag-badge-${this.badgeColor}`},this.badge),this.counter&&o("span",{class:"tag-counter"},this.counter),this.removable&&!this.disabled&&o("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,class:"tag-remove",onClick:this.handleRemove,ariaLabel:"Remove tag",tabIndex:-1,icon:this.closeIcon||"x",iconLibrary:"lucide",iconSize:"14px"})])}renderMedia(){return this.loading&&"dot"!==this.variant?o("ui-loader",{type:"spinner",size:"0.8em",color:"inherit"}):this.userAvatar?o("img",{src:this.userAvatar,alt:"",class:"tag-avatar"}):this.image?o("img",{src:this.image,alt:"",class:"tag-image"}):this.icon?o("span",{class:{"tag-icon":!0,"tag-icon-spin":this.iconSpin}},o("ui-icon",{name:this.icon,library:this.iconLibrary,size:this.iconSize})):null}static get style(){return'@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.tag{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-weight:500;white-space:nowrap;border:1px solid transparent;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);user-select:none;box-sizing:border-box;--tag-notch-size:8px}.tag-sm{padding:0 8px;font-size:11px;height:24px;gap:4px;--tag-notch-size:6px}.tag-md{padding:0 12px;font-size:13px;height:32px;gap:8px;--tag-notch-size:8px}.tag-lg{padding:0 16px;font-size:15px;height:40px;gap:10px;--tag-notch-size:10px}.tag-checkable,.tag-clickable{cursor:pointer}.tag-filled.tag-primary{background-color:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.tag-filled.tag-secondary{background-color:var(--text-muted, #6b7280);color:var(--text-standard, #ffffff)}.tag-filled.tag-success{background-color:var(--color-success, #10b981);color:var(--text-standard, #ffffff)}.tag-filled.tag-danger{background-color:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff)}.tag-filled.tag-warning{background-color:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff)}.tag-filled.tag-info{background-color:var(--color-info, #06b6d4);color:var(--text-standard, #ffffff)}.tag-filled.tag-default{background-color:var(--bg-primary, #e5e7eb);color:var(--text-secondary, #374151)}.tag-outlined{background-color:transparent}.tag-outlined.tag-primary{border-color:var(--color-primary, #10b981);color:var(--color-primary, #10b981)}.tag-outlined.tag-secondary{border-color:var(--color-primary, #6b7280);color:var(--text-muted, #6b7280)}.tag-outlined.tag-success{border-color:var(--color-success, #10b981);color:var(--color-success, #10b981)}.tag-outlined.tag-danger{border-color:var(--color-danger, #ef4444);color:var(--color-danger, #ef4444)}.tag-outlined.tag-warning{border-color:var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b)}.tag-outlined.tag-info{border-color:var(--color-info, #06b6d4);color:var(--color-info, #06b6d4)}.tag-outlined.tag-default{border-color:var(--border-strong, #d1d5db);color:var(--text-muted, #6b7280)}.tag-light.tag-primary{background-color:var(--bg-primary, #dbeafe);color:var(--color-primary, #1e40af)}.tag-light.tag-secondary{background-color:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.tag-light.tag-success{background-color:var(--bg-primary, #d1fae5);color:var(--color-primary, #065f46)}.tag-light.tag-danger{background-color:var(--bg-primary, #fee2e2);color:var(--color-danger, #991b1b)}.tag-light.tag-warning{background-color:var(--bg-primary, #fef3c7);color:var(--color-danger, #92400e)}.tag-light.tag-info{background-color:var(--bg-primary, #cffafe);color:var(--color-primary, #164e63)}.tag-light.tag-default{background-color:var(--bg-primary, #f9fafb);color:var(--text-secondary, #4b5563)}.tag-dot{background:transparent;border-color:var(--border-default, #e5e7eb);color:var(--text-secondary, #374151)}.tag-dot-indicator{width:6px;height:6px;border-radius:50%;background-color:currentColor}.tag-dot.tag-primary .tag-dot-indicator{background-color:var(--color-primary, #10b981)}.tag-dot.tag-success .tag-dot-indicator{background-color:var(--color-success, #10b981)}.tag-dot.tag-danger .tag-dot-indicator{background-color:var(--color-danger, #ef4444)}.tag-checkable.tag-checked{filter:brightness(0.9);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.1)}.tag-checkable.tag-checked::before{content:"✓";font-size:0.9em;margin-inline-end:-2px}.tag-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255, 255, 255, 0.3);margin-inline-start:-8px;}.tag-image{width:20px;height:20px;border-radius:4px;object-fit:cover;margin-inline-start:-6px}.tag-icon{display:flex;align-items:center;font-size:1.1em}.tag-remove{background:none;border:none;color:inherit;font-size:16px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s;opacity:0.4;margin-inline-start:-4px;margin-inline-end:-4px}.tag-remove:hover{opacity:1;background:rgba(0, 0, 0, 0.1)}.tag-elevated-1{box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)}.tag-elevated-2{box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}.tag-elevated-3{box-shadow:0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)}.tag-pulse{animation:tag-pulse-glow 2s infinite}@keyframes tag-pulse-glow{0%{box-shadow:0 0 0 0 rgba(var(--tag-glow-color, 59, 130, 246), 0.4)}70%{box-shadow:0 0 0 10px rgba(var(--tag-glow-color, 59, 130, 246), 0)}100%{box-shadow:0 0 0 0 rgba(var(--tag-glow-color, 59, 130, 246), 0)}}.tag-loading{position:relative;overflow:hidden;pointer-events:none;opacity:0.7}.tag-loading::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));animation:tag-shimmer 1.5s infinite}@keyframes tag-shimmer{100%{transform:translateX(100%)}}.tag-opening-scale{animation:tagScaleIn var(--animation-duration) ease forwards}.tag-closing-scale{animation:tagScaleOut var(--animation-duration) ease forwards}@keyframes tagScaleIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}@keyframes tagScaleOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.8)}}.tag-opening-fade{animation:tagFadeIn var(--animation-duration) ease forwards}.tag-closing-fade{animation:tagFadeOut var(--animation-duration) ease forwards}@keyframes tagFadeIn{from{opacity:0}to{opacity:1}}@keyframes tagFadeOut{from{opacity:1}to{opacity:0}}.tag-opening-rotate{animation:tagRotateIn var(--animation-duration) ease forwards}.tag-closing-rotate{animation:tagRotateOut var(--animation-duration) ease forwards}@keyframes tagRotateIn{from{opacity:0;transform:rotate(-10deg) scale(0.9)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes tagRotateOut{from{opacity:1;transform:rotate(0) scale(1)}to{opacity:0;transform:rotate(10deg) scale(0.9)}}.tag-opening-slide{animation:tagSlideIn var(--animation-duration) ease forwards}.tag-closing-slide{animation:tagSlideOut var(--animation-duration) ease forwards}@keyframes tagSlideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes tagSlideOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}.tag-badge{font-size:10px;font-weight:700;border-radius:9999px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;margin-inline-start:4px;line-height:1;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);border:1px solid rgba(255, 255, 255, 0.2)}.tag-badge-primary{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.tag-badge-success{background:var(--color-success, #10b981);color:var(--text-standard, #ffffff)}.tag-badge-danger{background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff)}.tag-badge-warning{background:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff)}.tag-badge-info{background:var(--color-info, #06b6d4);color:var(--text-standard, #ffffff)}.tag-badge-secondary{background:var(--color-primary, #6b7280);color:var(--text-standard, #ffffff)}.tag-badge-default{background:rgba(0, 0, 0, 0.1);color:inherit}.tag-counter{font-size:11px;font-weight:600;background:rgba(0, 0, 0, 0.08);color:inherit;border-radius:10px;padding:0 6px;margin-inline-start:6px;opacity:0.8}@media (prefers-color-scheme: dark){.tag-badge-default{background:rgba(255, 255, 255, 0.1)}.tag-counter{background:rgba(255, 255, 255, 0.1)}}.tag-shape-pill{border-radius:999px !important}.tag-shape-square{border-radius:4px !important}.tag-shape-rounded{border-radius:8px !important}.tag-shape-ribbon{padding-inline-end:18px !important;clip-path:polygon(0 0, 100% 0, calc(100% - 10px) 50%, 100% 100%, 0 100%) !important;border-start-start-radius:4px !important;border-end-start-radius:4px !important}.tag-shape-ribbon:host([dir=rtl]) .tag-shape-ribbon,.tag-shape-ribbon[dir=rtl]{clip-path:polygon(100% 0, 0 0, 10px 50%, 0 100%, 100% 100%) !important;border-start-end-radius:4px !important;border-end-end-radius:4px !important;border-start-start-radius:0 !important;border-end-start-radius:0 !important}.tag-shape-ticket{padding-inline-end:28px !important;clip-path:polygon(0 0, 100% 0, calc(100% - var(--tag-notch-size)) 50%, 100% 100%, 0 100%) !important;border-start-start-radius:4px !important;border-end-start-radius:4px !important;box-shadow:0 2px 4px rgba(0, 0, 0, 0.15), inset 0 1px rgba(255, 255, 255, 0.2);position:relative}.tag-shape-ticket:host([dir=rtl]) .tag-shape-ticket,.tag-shape-ticket[dir=rtl]{clip-path:polygon(100% 0, 0 0, var(--tag-notch-size) 50%, 0 100%, 100% 100%) !important;border-start-end-radius:4px !important;border-end-end-radius:4px !important;border-start-start-radius:0 !important;border-end-start-radius:0 !important}.tag-shape-coupon{padding-left:20px !important;padding-right:20px !important;clip-path:polygon(var(--tag-notch-size) 50%, 0 0, 100% 0, calc(100% - var(--tag-notch-size)) 50%, 100% 100%, 0 100%) !important;border-radius:0 !important;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1)}.tag-hole-right{inset-inline-end:14px}.tag-hole-left{inset-inline-start:14px}.tag-icon-spin{display:inline-flex;animation:tag-icon-spin 2s linear infinite}@keyframes tag-icon-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.tag-opening-scale{animation:tagOpeningScale var(--animation-duration) cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.tag-opening-fade{animation:tagOpeningFade var(--animation-duration) ease forwards}.tag-opening-slide{animation:tagOpeningSlide var(--animation-duration) cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.tag-opening-rotate{animation:tagOpeningRotate var(--animation-duration) cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes tagOpeningScale{from{opacity:0;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}@keyframes tagOpeningFade{from{opacity:0}to{opacity:1}}@keyframes tagOpeningSlide{from{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}@keyframes tagOpeningRotate{from{opacity:0;transform:rotate(-10deg) scale(0.8)}to{opacity:1;transform:rotate(0) scale(1)}}.tag-ticket-hole{position:absolute;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--bg-primary, #ffffff);border-radius:50%;box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3);z-index:2}.tag-shape-circle{border-radius:50% !important;padding:0 !important;width:32px;height:32px;justify-content:center}.tag-shape-circle.tag-sm{width:24px;height:24px}.tag-shape-circle.tag-lg{width:40px;height:40px}.tag-disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.tag-vertical{flex-direction:column;height:auto !important;padding:8px 12px !important;gap:4px !important}.tag-vertical .tag-avatar{width:32px;height:32px;margin-bottom:2px}.tag-vertical .tag-icon{font-size:1.4em}.tag-vertical-text,.tag-vertical-rotated{height:auto !important;min-height:40px;width:32px;padding:12px 4px !important;display:inline-flex;flex-direction:column}.tag-vertical-text .tag-label{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:1px;line-height:1.2;text-align:center}.tag-vertical-rotated .tag-label{writing-mode:vertical-rl;transform:rotate(180deg);text-orientation:sideways;text-align:center}.tag-soft.tag-primary{background-color:rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);color:var(--color-primary, #10b981)}.tag-soft.tag-secondary{background-color:rgba(107, 114, 128, 0.1);color:var(--text-muted, #6b7280)}.tag-soft.tag-success{background-color:rgba(var(--color-success-rgb, 16, 185, 129), 0.1);color:var(--color-success, #10b981)}.tag-soft.tag-danger{background-color:rgba(var(--color-danger-rgb, 239, 68, 68), 0.1);color:var(--color-danger, #ef4444)}.tag-soft.tag-warning{background-color:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1);color:var(--color-warning, #f59e0b)}.tag-soft.tag-info{background-color:rgba(6, 182, 212, 0.1);color:var(--color-info, #06b6d4)}.tag-soft.tag-default{background-color:rgba(156, 163, 175, 0.1);color:var(--text-muted, #6b7280)}.tag-bordered{background-color:var(--bg-primary, #ffffff);border-width:2px}.tag-bordered.tag-primary{border-color:var(--color-primary, #10b981);color:var(--color-primary, #10b981)}.tag-bordered.tag-secondary{border-color:var(--color-primary, #6b7280);color:var(--color-primary, #6b7280)}.tag-bordered.tag-success{border-color:var(--color-success, #10b981);color:var(--color-success, #10b981)}.tag-bordered.tag-danger{border-color:var(--color-danger, #ef4444);color:var(--color-danger, #ef4444)}.tag-bordered.tag-warning{border-color:var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b)}.tag-bordered.tag-info{border-color:var(--color-info, #06b6d4);color:var(--color-info, #06b6d4)}.tag-spinner{width:14px;height:14px;border:2px solid color-mix(in srgb, currentColor, transparent 70%);border-top-color:currentColor;border-radius:50%;animation:tag-spin 0.6s linear infinite}@keyframes tag-spin{to{transform:rotate(360deg)}}.tag-gradient-blue-purple{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--bg-primary, #ffffff);border:none}.tag-gradient-green-teal{background:linear-gradient(135deg, var(--color-success, #10b981) 0%, var(--color-info, #06b6d4) 100%);color:var(--bg-primary, #ffffff);border:none}.tag-gradient-orange-red{background:linear-gradient(135deg, var(--color-warning, #f59e0b) 0%, var(--color-danger, #ef4444) 100%);color:var(--bg-primary, #ffffff);border:none}.tag-gradient-pink-purple{background:linear-gradient(135deg, var(--color-danger, #ec4899) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--bg-primary, #ffffff);border:none}.tag-gradient-blue-green{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-success, #10b981) 100%);color:var(--bg-primary, #ffffff);border:none}.tag[tabindex="0"]{outline:none}.tag[tabindex="0"]:focus-visible{box-shadow:0 0 0 2px var(--text-standard, #ffffff), 0 0 0 4px var(--ui-tag-focus-color, var(--color-primary, #10b981));z-index:10}.tag-clickable:hover,.tag-checkable:hover{filter:brightness(1.05);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);transform:translateY(-1px)}.tag-clickable:active,.tag-checkable:active{transform:scale(0.96);filter:brightness(0.9)}.tag-skeleton{border-color:var(--border-subtle, #e2e8f0);background:var(--bg-secondary, #f1f5f9);pointer-events:none;overflow:hidden}.tag-skeleton-content{display:block;width:100%;height:12px;background:var(--bg-primary, #e2e8f0);border-radius:4px;position:relative;overflow:hidden}.tag-skeleton-content::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);animation:tag-skeleton-shimmer 1.5s infinite}@keyframes tag-skeleton-shimmer{100%{transform:translateX(100%)}}.tag-truncate .tag-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}'}},[513,"ui-tag",{label:[1],value:[1],color:[1],size:[1],rtl:[4],variant:[1],removable:[4],icon:[1],orientation:[513],shape:[513],iconSpin:[4,"icon-spin"],closeIcon:[1,"close-icon"],customColor:[1,"custom-color"],customTextColor:[1,"custom-text-color"],tooltip:[1],disabled:[4],iconPosition:[1,"icon-position"],iconLibrary:[1,"icon-library"],image:[1],userAvatar:[1,"user-avatar"],checkable:[4],checked:[1540],animation:[1],animationDuration:[2,"animation-duration"],clickable:[4],elevation:[2],loading:[4],pulse:[4],autoColor:[4,"auto-color"],gradient:[1],maxWidth:[1,"max-width"],iconSize:[1,"icon-size"],skeleton:[4],showTooltip:[4,"show-tooltip"],badge:[8],badgeColor:[1,"badge-color"],counter:[8],isClosing:[32],isOpening:[32],visible:[32]}]);function c(){"undefined"!=typeof customElements&&["ui-tag","ui-badge","ui-button","ui-icon"].forEach((a=>{switch(a){case"ui-tag":customElements.get(e(a))||customElements.define(e(a),g);break;case"ui-badge":customElements.get(e(a))||n();break;case"ui-button":customElements.get(e(a))||i();break;case"ui-icon":customElements.get(e(a))||s()}}))}export{g as T,c as d}

package/dist/components/timeline-item.d.ts

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

package/dist/components/timeline-item.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as e,h as i,transformTag as n}from"@stencil/core/internal/client";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}itemTitle;itemDescription;itemDate;render(){return i("div",{key:"54a294a4b0f3ba13841d3c8de125694e81f2141c",class:"timeline-item-container"},i("div",{key:"0ccb68f5384a8ac2bba5cebb5d75b96fb1dccc16",class:"timeline-item-content"},i("h2",{key:"75c5b1f55e06a1345105dd12b924e41a3bada993"},this.itemTitle),i("p",{key:"7ae3c4cf655c6831943b8d53db977e3348907471"},this.itemDescription),i("span",{key:"23175d4215f96f76a580dece414fe379446a23da"},this.itemDate)))}static get style(){return'.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.timeline-item-container{position:relative;margin-bottom:20px}.timeline-item-content{position:relative;width:400px;min-height:120px;padding:20px;background-color:#f9f9f9;border-radius:5px;box-shadow:0 0 5px rgba(0, 0, 0, 0.1);transition:transform 0.3s ease}.timeline-item-content:hover{transform:translateY(-5px)}.timeline-item-container::after{content:"";position:absolute;top:20px;width:16px;height:16px;background-color:#f9f9f9;border:4px solid #ddd;border-radius:50%;z-index:1}:host(:nth-child(odd)) .timeline-item-container::after{right:-8px}:host(:nth-child(even)) .timeline-item-container::after{left:-8px}:host(:nth-child(odd)) .timeline-item-content{left:0}:host(:nth-child(even)) .timeline-item-content{right:0}'}},[513,"timeline-item",{itemTitle:[1,"item-title"],itemDescription:[1,"item-description"],itemDate:[1,"item-date"]}]),r=o,a=function(){"undefined"!=typeof customElements&&["timeline-item"].forEach((t=>{"timeline-item"===t&&(customElements.get(n(t))||customElements.define(n(t),o))}))};export{r as TimelineItem,a as defineCustomElement}

package/dist/components/toggle-group.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as o,Host as r,transformTag as s}from"@stencil/core/internal/client";import{d as a,a as n}from"./badge.js";import{d as l}from"./icon.js";import{d as g}from"./input.js";import{d as p}from"./switch.js";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.toggleGroupChange=i(this,"toggleGroupChange",7),this.toggleGroupSearch=i(this,"toggleGroupSearch",7),this.toggleGroupReorder=i(this,"toggleGroupReorder",7),this.toggleGroupCollapse=i(this,"toggleGroupCollapse",7)}get el(){return this}value=[];name="";disabled=!1;readonly=!1;required=!1;invalid=!1;label="";helperText="";errorMessage="";layout="horizontal";columns=3;selectionMode="single";size="md";color="primary";variant="solid";shape="default";options=[];labelPosition="right";showIcons=!1;enableAnimation=!0;keyboardNavigation=!0;showSelectAll=!1;searchable=!1;searchPlaceholder="Search toggles...";isDraggable=!1;collapsible=!1;collapsed=!1;loading=!1;loadingText="Loading options...";maxSelections=0;showSkeleton=!1;skeletonCount=3;compact=!1;items=[];searchQuery="";focusedIndex=-1;isCollapsed=!1;draggedIndex=-1;dragOverIndex=-1;indicatorRect={left:0,top:0,width:0,height:0,opacity:0};listEl;resizeObserver;internals;toggleGroupChange;toggleGroupSearch;toggleGroupReorder;toggleGroupCollapse;handleOptionsChange(){this.parseOptions()}handleValueChange(){this.syncToggles(),this.updateIndicator()}componentWillLoad(){"function"==typeof this.el.attachInternals&&(this.internals=this.el.attachInternals()),this.parseOptions(),this.isCollapsed=this.collapsed,"multiple"!==this.selectionMode||Array.isArray(this.value)||(this.value=this.value?[this.value]:[]),this.updateFormValue()}updateFormValue(){if(this.internals){const t=Array.isArray(this.value)?this.value.join(","):this.value;this.internals.setFormValue(t)}}componentDidRender(){this.updateIndicator(),!this.resizeObserver&&this.el&&"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updateIndicator())),this.resizeObserver.observe(this.el))}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0)}async updateIndicator(){"segmented"===this.variant&&this.listEl&&"multiple"!==this.selectionMode?requestAnimationFrame((()=>{const t=this.value;if(!t)return void(this.indicatorRect={...this.indicatorRect,opacity:0});const e=this.listEl?.querySelector(`.toggle-item-wrapper[data-value="${t}"]`);this.indicatorRect=e?{left:e.offsetLeft,top:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight,opacity:1}:{...this.indicatorRect,opacity:0}})):0!==this.indicatorRect.opacity&&(this.indicatorRect={...this.indicatorRect,opacity:0})}parseOptions(){if("string"==typeof this.options)try{this.items=JSON.parse(this.options)}catch(t){console.error("Invalid options JSON in ui-toggle-group"),this.items=[]}else this.items=[...this.options||[]]}handleSwitchChange(t){t.stopPropagation();const e=t.detail.value,i=t.detail.checked;if("single"===this.selectionMode)i?this.value=e:this.required||(this.value="");else{let o=Array.isArray(this.value)?[...this.value]:[];if(i){if(this.maxSelections>0&&o.length>=this.maxSelections)return void(t.target.checked=!1);o.includes(e)||o.push(e)}else o=o.filter((t=>t!==e));this.value=o}this.toggleGroupChange.emit({value:this.value}),this.syncToggles(),this.updateFormValue()}syncToggles(){const t=this.el.shadowRoot?.querySelectorAll("ui-switch");t?.forEach((t=>{if("single"===this.selectionMode)t.checked=t.value===this.value;else{const e=Array.isArray(this.value)?this.value:[];t.checked=e.includes(t.value)}}))}handleSearch=t=>{this.searchQuery=t.detail.toLowerCase();const e=this.getFilteredItems();this.toggleGroupSearch.emit({query:this.searchQuery,results:e})};getFilteredItems(){return this.searchQuery?this.items.filter((t=>t.label?.toLowerCase().includes(this.searchQuery)||t.value?.toLowerCase().includes(this.searchQuery))):this.items}handleSelectAll=t=>{if("multiple"===this.selectionMode){if(t){const t=this.items.map((t=>t.value));this.value=this.maxSelections>0?t.slice(0,this.maxSelections):t}else this.value=[];this.toggleGroupChange.emit({value:this.value}),this.syncToggles(),this.updateFormValue()}};toggleCollapse=()=>{this.isCollapsed=!this.isCollapsed,this.toggleGroupCollapse.emit({collapsed:this.isCollapsed})};onDragStart=t=>{this.isDraggable&&(this.draggedIndex=t)};onDragOver=(t,e)=>{this.isDraggable&&(t.preventDefault(),this.dragOverIndex=e)};onDrop=t=>{if(!this.isDraggable||-1===this.draggedIndex)return;const e=[...this.items],i=e.splice(this.draggedIndex,1)[0];e.splice(t,0,i),this.items=e,this.toggleGroupReorder.emit({oldIndex:this.draggedIndex,newIndex:t,items:e}),this.draggedIndex=-1,this.dragOverIndex=-1};handleKeyDown=t=>{if(!this.keyboardNavigation)return;const e=this.getFilteredItems();"ArrowDown"===t.key||"ArrowRight"===t.key?(t.preventDefault(),this.focusedIndex=(this.focusedIndex+1)%e.length):"ArrowUp"===t.key||"ArrowLeft"===t.key?(t.preventDefault(),this.focusedIndex=(this.focusedIndex-1+e.length)%e.length):"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),-1===this.focusedIndex)||this.toggleItemValue(e[this.focusedIndex].value)};toggleItemValue(t){if("single"===this.selectionMode)this.value=t;else{let e=Array.isArray(this.value)?[...this.value]:[];e.includes(t)?e=e.filter((e=>e!==t)):(0===this.maxSelections||e.length<this.maxSelections)&&e.push(t),this.value=e}this.toggleGroupChange.emit({value:this.value}),this.syncToggles(),this.updateFormValue()}renderLabel(){return this.label?o("div",{class:"toggle-group-header"},o("label",{class:"toggle-group-label"},this.label,this.required&&o("span",{class:"required"},"*")),this.collapsible&&o("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,icon:this.isCollapsed?"chevron-down":"chevron-up",iconLibrary:"lucide",iconSize:"16px",onClick:this.toggleCollapse,ariaLabel:this.isCollapsed?"Expand":"Collapse"})):null}renderSearch(){return this.searchable?o("div",{class:"search-container"},o("ui-icon",{name:"search",library:"lucide",size:"14px",class:"search-icon"}),o("ui-input",{type:"text",placeholder:this.searchPlaceholder,onInputChange:this.handleSearch,value:this.searchQuery,size:"sm",fullWidth:!0})):null}renderControls(){return this.showSelectAll&&"multiple"===this.selectionMode?o("div",{class:"group-controls"},o("ui-button",{variant:"ghost",size:"sm",onClick:()=>this.handleSelectAll(!0),icon:"check-circle",iconLibrary:"lucide",iconSize:"14px",label:"Select All",ariaLabel:"Select All"}),o("ui-button",{variant:"ghost",size:"sm",onClick:()=>this.handleSelectAll(!1),icon:"x-circle",iconLibrary:"lucide",iconSize:"14px",label:"Deselect All",ariaLabel:"Deselect All"}),this.maxSelections>0&&o("span",{class:"max-badge"},"Max: ",this.maxSelections)):null}renderLoading(){return this.showSkeleton?o("div",{class:"skeleton-container"},Array.from({length:this.skeletonCount}).map((()=>o("div",{class:"skeleton-item"},o("div",{class:"skeleton-switch"}),o("div",{class:"skeleton-text"}))))):this.loading?o("div",{class:"loading-container"},o("ui-icon",{name:"refresh",spin:!0})," ",this.loadingText):null}render(){const t=t=>"single"===this.selectionMode?this.value===t:Array.isArray(this.value)&&this.value.includes(t),e=this.getFilteredItems();return o(r,{class:{"toggle-group-host":!0,"group-disabled":this.disabled,"group-invalid":this.invalid,"group-collapsed":this.isCollapsed,"group-compact":this.compact},onKeyDown:this.handleKeyDown},this.renderLabel(),this.renderSearch(),this.renderControls(),this.loading||this.showSkeleton?this.renderLoading():!this.isCollapsed&&o("div",{class:{"toggle-list":!0,[`layout-${this.layout}`]:!0,"is-segmented":"segmented"===this.variant},style:"grid"===this.layout?{"grid-template-columns":`repeat(${this.columns}, 1fr)`}:{},ref:t=>this.listEl=t},"segmented"===this.variant&&o("div",{class:"segmented-indicator",style:{transform:`translate3d(${this.indicatorRect.left}px, ${this.indicatorRect.top}px, 0)`,width:`${this.indicatorRect.width}px`,height:`${this.indicatorRect.height}px`,opacity:`${this.indicatorRect.opacity}`,backgroundColor:`var(--toggle-group-${this.color})`}}),e.map(((e,i)=>o("div",{class:{"toggle-item-wrapper":!0,"is-dragging":this.draggedIndex===i,"is-drag-over":this.dragOverIndex===i,"is-focused":this.focusedIndex===i,"is-active":t(e.value)&&"segmented"===this.variant},"data-value":e.value,onClick:()=>this.toggleItemValue(e.value),draggable:this.isDraggable,onDragStart:()=>this.onDragStart(i),onDragOver:t=>this.onDragOver(t,i),onDrop:()=>this.onDrop(i)},this.isDraggable&&o("ui-icon",{name:"menu",class:"drag-handle"}),o("ui-switch",{value:e.value,label:e.label,"icon-on":e.icon,disabled:this.disabled||e.disabled,checked:t(e.value),size:this.size,color:this.color,variant:this.variant,shape:this.shape,"label-position":this.labelPosition,"show-icons":this.showIcons,"enable-animation":this.enableAnimation,readonly:this.readonly}))))),this.invalid&&this.errorMessage&&o("div",{class:"error-message"},o("ui-icon",{name:"alert-circle",library:"lucide",size:"14px"}),this.errorMessage),this.helperText&&!this.invalid&&o("div",{class:"helper-text"},this.helperText))}static get formAssociated(){return!0}static get watchers(){return{options:[{handleOptionsChange:0}],value:[{handleValueChange:0}]}}static get style(){return'.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--toggle-group-gap:16px;--toggle-group-border:var(--border-subtle, #e2e8f0);--toggle-group-text:var(--text-primary, #1e293b);--toggle-group-muted:var(--color-primary, #64748b);--toggle-group-primary:var(--color-primary-hover, #2563eb);--toggle-group-danger:var(--color-danger, #ef4444)}.toggle-group-host{display:flex;flex-direction:column}.toggle-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.toggle-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--toggle-group-text);display:flex;align-items:center}.toggle-group-label .required{color:var(--toggle-group-danger);margin-left:4px}.collapse-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--toggle-group-muted);transition:all 0.2s}.collapse-btn:hover{background:var(--bg-secondary, #f1f5f9);color:var(--toggle-group-text)}.search-container{position:relative;margin-bottom:16px}.search-container .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--toggle-group-muted)}.search-container .search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid var(--toggle-group-border);border-radius:8px;font-size:14px;transition:all 0.2s;outline:none}.search-container .search-input:focus{border-color:var(--toggle-group-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.group-controls{display:flex;gap:12px;align-items:center;margin-bottom:16px}.group-controls .control-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-primary, #ffffff);border:1px solid var(--toggle-group-border);border-radius:6px;font-size:13px;font-weight:600;color:var(--toggle-group-muted);cursor:pointer;transition:all 0.2s}.group-controls .control-btn ui-icon{color:var(--toggle-group-muted)}.group-controls .control-btn:hover{background:var(--bg-primary, #f8fafc);border-color:var(--color-primary, #cbd5e1);transform:translateY(-1px);color:var(--toggle-group-text)}.max-badge{font-size:11px;background:var(--bg-secondary, #f1f5f9);color:var(--toggle-group-muted);padding:2px 8px;border-radius:9999px;font-weight:600}.group-compact{gap:8px}.group-compact .toggle-list{gap:8px}.group-compact .layout-vertical{gap:4px}.group-compact .toggle-group-header{margin-bottom:4px}.toggle-list{display:flex;gap:var(--toggle-group-gap)}.toggle-list.layout-horizontal{flex-direction:row;flex-wrap:wrap}.toggle-list.layout-vertical{flex-direction:column;gap:8px}.toggle-list.layout-grid{display:grid;gap:16px}.toggle-list{}.toggle-list.is-segmented{position:relative;background:var(--bg-secondary, #f1f5f9);padding:6px;border-radius:16px;display:inline-flex;width:fit-content;gap:0;border:none;box-shadow:0 2px 8px rgba(0, 0, 0, 0.05)}.toggle-list.is-segmented .toggle-item-wrapper{position:relative;z-index:2;padding:10px 24px;border-radius:12px;background:transparent !important;border:none !important;box-shadow:none !important;transform:none !important;flex:1;justify-content:center;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);min-width:120px;font-weight:700}.toggle-list.is-segmented .toggle-item-wrapper ui-switch{transition:color 0.3s ease;--switch-track-bg:transparent;--switch-thumb-bg:transparent;--switch-glow:none;pointer-events:none;width:100%;display:flex;justify-content:center}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(track){opacity:0;visibility:hidden;display:none}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(thumb){opacity:0;visibility:hidden;display:none}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(container){margin:0;width:100%;display:flex;justify-content:center}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(label){margin:0;width:100%;text-align:center;justify-content:center;align-items:center}.toggle-list.is-segmented .toggle-item-wrapper.is-active ui-switch::part(label){color:#ffffff !important;font-weight:700;text-shadow:0 1px 2px rgba(0, 0, 0, 0.1)}.toggle-list.is-segmented .toggle-item-wrapper:hover:not(.is-active){background:rgba(0, 0, 0, 0.03) !important}.toggle-list.is-segmented .segmented-indicator{position:absolute;top:6px;left:6px;bottom:6px;border-radius:12px;transition:transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), width 0.4s ease, background-color 0.4s ease;box-shadow:0 4px 12px rgba(0, 0, 0, 0.12);z-index:1}.toggle-item-wrapper{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:12px;border:1px solid transparent;transition:background-color 0.2s ease, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s ease, border-color 0.2s ease;cursor:pointer}.toggle-item-wrapper:hover{background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.03);transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05)}.toggle-item-wrapper:active{transform:scale(0.96);background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.06)}.toggle-item-wrapper:focus-within{background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.05);border-color:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.4);box-shadow:0 0 0 3px rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.15)}.toggle-item-wrapper.is-dragging{opacity:0.5;transform:scale(0.98);background:var(--bg-secondary, #f1f5f9);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1)}.toggle-item-wrapper.is-drag-over{border-top:2px solid var(--toggle-group-primary);padding-top:2px}.toggle-item-wrapper.is-focused{background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.05)}.drag-handle{cursor:grab;color:var(--toggle-group-muted);opacity:0.4}.drag-handle:hover{opacity:1}.drag-handle:active{cursor:grabbing}.error-message{margin-top:8px;font-size:13px;color:var(--toggle-group-danger);display:flex;align-items:center;gap:6px}.helper-text{margin-top:8px;font-size:13px;color:var(--toggle-group-muted)}.skeleton-container{display:flex;flex-direction:inherit;gap:16px}.skeleton-item{display:flex;align-items:center;gap:12px}.skeleton-item .skeleton-switch{width:44px;height:24px;border-radius:12px;background:var(--bg-secondary, #f1f5f9)}.skeleton-item .skeleton-text{width:120px;height:16px;border-radius:4px;background:var(--bg-secondary, #f1f5f9)}.skeleton-item{animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:0.6}50%{opacity:1}100%{opacity:0.6}}.group-disabled{opacity:0.5;pointer-events:none}.group-collapsed .toggle-list{display:none}'}},[577,"ui-toggle-group",{value:[1537],name:[1],disabled:[4],readonly:[4],required:[4],invalid:[4],label:[1],helperText:[1,"helper-text"],errorMessage:[1,"error-message"],layout:[1],columns:[2],selectionMode:[1,"selection-mode"],size:[1],color:[1],variant:[1],shape:[1],options:[1],labelPosition:[1,"label-position"],showIcons:[4,"show-icons"],enableAnimation:[4,"enable-animation"],keyboardNavigation:[4,"keyboard-navigation"],showSelectAll:[4,"show-select-all"],searchable:[4],searchPlaceholder:[1,"search-placeholder"],isDraggable:[4,"is-draggable"],collapsible:[4],collapsed:[4],loading:[4],loadingText:[1,"loading-text"],maxSelections:[2,"max-selections"],showSkeleton:[4,"show-skeleton"],skeletonCount:[2,"skeleton-count"],compact:[4],items:[32],searchQuery:[32],focusedIndex:[32],isCollapsed:[32],draggedIndex:[32],dragOverIndex:[32],indicatorRect:[32],updateIndicator:[64]},[[0,"switchChange","handleSwitchChange"]],{options:[{handleOptionsChange:0}],value:[{handleValueChange:0}]}]);function c(){"undefined"!=typeof customElements&&["ui-toggle-group","ui-badge","ui-button","ui-icon","ui-input","ui-switch"].forEach((t=>{switch(t){case"ui-toggle-group":customElements.get(s(t))||customElements.define(s(t),h);break;case"ui-badge":customElements.get(s(t))||n();break;case"ui-button":customElements.get(s(t))||a();break;case"ui-icon":customElements.get(s(t))||l();break;case"ui-input":customElements.get(s(t))||g();break;case"ui-switch":customElements.get(s(t))||p()}}))}export{h as U,c as d}