atomicuilibrary 0.1.0 → 0.1.3

package/dist/components/ui-knob.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as s,h as e,transformTag as a}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 r}from"./input.js";import{d as l}from"./loader.js";const c=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.knobChange=s(this,"knobChange",7),this.knobInput=s(this,"knobInput",7),this.internals=this.attachInternals()}get el(){return this}internals;name;value=0;min=0;max=100;step=1;size=120;strokeWidth=8;color="#3bf673";trackColor="#e2e8f0";gradient=!1;showValue=!0;valueSuffix="";showMinMax=!1;disabled=!1;readonly=!1;startAngle=135;endAngle=405;enableWheel=!0;showTicks=!1;tickCount=10;tickColor="#94a3b8";tickLength=.1;showLabels=!1;snap=!1;allowInput=!1;knobChange;knobInput;isDragging=!1;angle=0;isEditing=!1;gradientId="ui-knob-gradient-"+Math.random().toString(36).substr(2,9);knobRef;valueChanged(t){this.updateAngle(t),this.internals.setFormValue(""+t)}colorChanged(){this.normalizeProps()}propsChanged(){this.normalizeProps()}componentWillLoad(){this.normalizeProps(),this.updateAngle(this.value),this.internals.setFormValue(""+this.value)}normalizeProps(){try{"string"==typeof this.color&&this.color.startsWith("{")&&(this.color=JSON.parse(this.color))}catch(t){console.warn("Failed to parse knob color prop",t)}}updateAngle(t){this.angle=this.startAngle+(t-this.min)/(this.max-this.min)*(this.endAngle-this.startAngle)}handleMouseDown=t=>{this.disabled||this.readonly||(t.preventDefault(),this.isDragging=!0,this.updateValueFromEvent(t),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp))};handleMouseMove=t=>{this.isDragging&&(this.updateValueFromEvent(t),this.knobInput.emit(this.value))};handleMouseUp=()=>{this.isDragging&&(this.isDragging=!1,this.knobChange.emit(this.value),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp))};handleTouchStart=t=>{this.disabled||this.readonly||(t.preventDefault(),this.isDragging=!0,this.updateValueFromTouch(t))};handleTouchMove=t=>{this.isDragging&&(t.preventDefault(),this.updateValueFromTouch(t),this.knobInput.emit(this.value))};handleTouchEnd=()=>{this.isDragging&&(this.isDragging=!1,this.knobChange.emit(this.value))};handleWheel=t=>{if(!this.enableWheel||this.disabled||this.readonly)return;t.preventDefault();const i=Math.sign(t.deltaY);let s=this.value-i*this.step;s=Math.max(this.min,Math.min(this.max,s)),this.value=s,this.updateAngle(s),this.knobInput.emit(this.value),clearTimeout(this._wheelTimeout),this._wheelTimeout=setTimeout((()=>this.knobChange.emit(this.value)),100)};handleKeyDown=t=>{if(this.disabled||this.readonly)return;let i=this.value;const s=10*this.step;switch(t.key){case"ArrowRight":case"ArrowUp":i=Math.min(this.max,this.value+this.step);break;case"ArrowLeft":case"ArrowDown":i=Math.max(this.min,this.value-this.step);break;case"PageUp":i=Math.min(this.max,this.value+s);break;case"PageDown":i=Math.max(this.min,this.value-s);break;case"Home":i=this.min;break;case"End":i=this.max;break;default:return}i!==this.value&&(t.preventDefault(),this.value=i,this.updateAngle(i),this.knobInput.emit(this.value),this.knobChange.emit(this.value))};updateValueFromEvent(t){if(!this.knobRef)return;const i=this.knobRef.getBoundingClientRect();this.calculateValueFromAngle(t.clientX-(i.left+i.width/2),t.clientY-(i.top+i.height/2))}updateValueFromTouch(t){if(!this.knobRef||0===t.touches.length)return;const i=this.knobRef.getBoundingClientRect(),s=t.touches[0];this.calculateValueFromAngle(s.clientX-(i.left+i.width/2),s.clientY-(i.top+i.height/2))}calculateValueFromAngle(t,i){let s=Math.atan2(i,t)*(180/Math.PI)+90;s<0&&(s+=360);const e=this.endAngle-this.startAngle;s<this.startAngle&&(s=s+360>=this.startAngle?s+360:this.startAngle),s>this.endAngle&&s<this.startAngle+360&&(s=Math.abs(s-this.startAngle)<Math.abs(s-this.endAngle)?this.startAngle:this.endAngle),s=Math.max(this.startAngle,Math.min(this.endAngle,s));let a=this.min+(s-this.startAngle)/e*(this.max-this.min),o=a;o=this.snap?Math.round(a/this.step)*this.step:Math.round(100*a)/100,a=Math.max(this.min,Math.min(this.max,o)),this.value=a,this.angle=s}polarToCartesian(t,i,s,e){const a=(e-90)*Math.PI/180;return{x:t+s*Math.cos(a),y:i+s*Math.sin(a)}}describeArc(t,i,s,e,a){const o=this.polarToCartesian(t,i,s,a),n=this.polarToCartesian(t,i,s,e);return`M ${o.x} ${o.y} A ${s} ${s} 0 ${a-e<=180?"0":"1"} 0 ${n.x} ${n.y}`}componentDidLoad(){this.knobRef&&this.knobRef.addEventListener("wheel",this.handleWheel,{passive:!1})}disconnectedCallback(){document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),this.knobRef&&this.knobRef.removeEventListener("wheel",this.handleWheel)}startEditing=()=>{!this.allowInput||this.disabled||this.readonly||(this.isEditing=!0)};handleInputBlur=t=>{const i=parseFloat(t.target.value);if(!isNaN(i)){let t=Math.max(this.min,Math.min(this.max,i));t!==this.value&&(this.value=t,this.knobChange.emit(this.value))}this.isEditing=!1};handleInputChange=t=>{const i=parseFloat(t.target.value);isNaN(i)||(this.value=Math.max(this.min,Math.min(this.max,i)),this.knobChange.emit(this.value)),this.isEditing=!1};handleInputKeyDown=t=>{"Enter"===t.key&&t.target.blur()};render(){const t=this.size/2,i=(this.size-this.strokeWidth)/2,s=this.describeArc(t,t,i,this.startAngle,this.endAngle),a=this.describeArc(t,t,i,this.startAngle,this.angle);return e("div",{key:"1f7d0dbe9a1ba355b03c809bbcfcf41f8e7f4908",class:"knob-wrapper"},e("div",{key:"6db0b4bf73beef4a8762a6ab4ace921849a625a9",class:{"knob-container":!0,disabled:this.disabled,readonly:this.readonly,dragging:this.isDragging},ref:t=>this.knobRef=t,style:{width:this.size+"px",height:this.size+"px"},onMouseDown:this.handleMouseDown,onTouchStart:this.handleTouchStart,onTouchMove:this.handleTouchMove,onTouchEnd:this.handleTouchEnd,onKeyDown:this.handleKeyDown,tabIndex:this.disabled||this.readonly?-1:0,role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-disabled":this.disabled,"aria-readonly":this.readonly},e("svg",{key:"b2cc5cb4755f3bf0ad12e1d248332813bd371b3c",width:this.size,height:this.size,class:"knob-svg"},(()=>{const t="object"==typeof this.color&&null!==this.color;if(!this.gradient&&!t)return null;const i=t&&this.color.to||"#10b981";return e("defs",null,e("linearGradient",{id:this.gradientId,x1:"0%",y1:"0%",x2:"100%",y2:"100%"},e("stop",{offset:"0%","stop-color":t&&this.color.from||("string"==typeof this.color?this.color:"#3bf673")}),e("stop",{offset:"100%","stop-color":i})))})(),e("path",{key:"c55188f1c67342a3813960c4cfd0427b65338308",d:s,fill:"none",stroke:this.trackColor,"stroke-width":this.strokeWidth,"stroke-linecap":"round"}),this.showTicks&&(()=>{const s=Math.max(2,this.tickCount),a=[],o=this.endAngle-this.startAngle;for(let n=0;n<=s;n++){const h=this.startAngle+o*n/s,r=this.polarToCartesian(t,t,i*(1-this.tickLength),h),l=this.polarToCartesian(t,t,i,h);a.push(e("line",{x1:r.x,y1:r.y,x2:l.x,y2:l.y,stroke:this.tickColor,"stroke-width":n%Math.max(1,Math.floor(s/5))==0?this.strokeWidth/2:this.strokeWidth/3,"stroke-linecap":"round"}))}return a})(),this.showLabels&&(()=>{const s=[],a=this.endAngle-this.startAngle,o=i-25;for(let i=0;i<=5;i++){const n=i/5,h=this.min+(this.max-this.min)*n,r=this.polarToCartesian(t,t,o,this.startAngle+a*n);s.push(e("text",{x:r.x,y:r.y,"text-anchor":"middle","dominant-baseline":"middle",class:"scale-label",fill:"#64748b","font-size":"10px"},Math.round(h)))}return s})(),e("path",{key:"de24763cf753ca6dbb0451ea3552a2df7fa26b08",d:a,fill:"none",stroke:(()=>this.gradient||"object"==typeof this.color&&null!==this.color?`url(#${this.gradientId})`:this.color)(),"stroke-width":this.strokeWidth,"stroke-linecap":"round",class:"value-arc"}),e("circle",{key:"3f0bba24738381e1be1bb06284d22af9c732a8be",cx:t,cy:t,r:this.strokeWidth/2,fill:(()=>this.gradient||"object"==typeof this.color&&null!==this.color?`url(#${this.gradientId})`:this.color)(),class:"center-dot"}),(()=>{const s=this.polarToCartesian(t,t,.3*i,this.angle),a=this.polarToCartesian(t,t,.85*i,this.angle);return e("line",{x1:s.x,y1:s.y,x2:a.x,y2:a.y,stroke:(()=>this.gradient||"object"==typeof this.color&&null!==this.color?`url(#${this.gradientId})`:this.color)(),"stroke-width":this.strokeWidth/2,"stroke-linecap":"round",class:"indicator"})})()),e("div",{key:"6cc71ee2d411ec36b5faedfe9818c0d6e4ca34ec",class:"value-label",onDblClick:this.startEditing},this.isEditing?e("ui-input",{type:"number",value:""+this.value,onInputBlur:this.handleInputBlur,onInputChange:t=>this.handleInputChange(t),onInputKeydown:t=>this.handleInputKeyDown(t.detail),autoFocus:!0,customClass:"knob-input",variant:"plain",size:"sm"}):this.showValue?e("span",null,e("span",{class:"value-number"},this.value),this.valueSuffix&&e("span",{class:"value-suffix"},this.valueSuffix)):e("slot",null))),this.showMinMax&&e("div",{key:"6e7327c12d9cd9cba02822c8bc8bf9ffcc421c5c",class:"min-max-labels"},e("span",{key:"bb01be7b35e752c30a9f19d62c5b31fe5b354292",class:"min-label"},this.min,this.valueSuffix),e("span",{key:"23aa1769d555a0b4aa4ac1b0dd2e90f4be599a2e",class:"max-label"},this.max,this.valueSuffix)))}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChanged:0}],color:[{colorChanged:0}],tickCount:[{propsChanged:0}],tickLength:[{propsChanged:0}],showTicks:[{propsChanged: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}.knob-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px}.knob-container{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;touch-action:none;transition:transform 0.1s ease}.knob-container:hover:not(.disabled):not(.readonly){transform:scale(1.02)}.knob-container.dragging{cursor:grabbing;transform:scale(1.05)}.knob-container.disabled,.knob-container.readonly{cursor:not-allowed;opacity:0.5}.knob-svg{display:block;overflow:visible}.value-arc{filter:drop-shadow(0 2px 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3));transition:stroke 0.2s ease}.knob-container:hover:not(.disabled):not(.readonly) .value-arc{filter:drop-shadow(0 3px 6px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4))}.center-dot{filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1))}.indicator{transition:all 0.1s ease;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2))}.value-label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:baseline;gap:2px;pointer-events:none;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.value-number{font-size:calc(var(--knob-size, 120px) * 0.2);font-weight:700;color:var(--text-primary, #1e293b);line-height:1}.value-suffix{font-size:calc(var(--knob-size, 120px) * 0.12);font-weight:600;color:var(--text-muted, #64748b);line-height:1}.min-max-labels{display:flex;justify-content:space-between;width:100%;font-size:12px;color:var(--text-muted, #64748b);font-weight:500;padding:0 8px}.min-label,.max-label{white-space:nowrap}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.8}}.knob-container.dragging .value-label{animation:pulse 0.3s ease-in-out}.knob-container:active:not(.disabled):not(.readonly){transform:scale(1.05)}.knob-container:focus-visible{outline:2px solid var(--color-primary, #10b981);outline-offset:4px;border-radius:50%}@media (max-width: 640px){.value-number{font-size:calc(var(--knob-size, 120px) * 0.18)}.value-suffix{font-size:calc(var(--knob-size, 120px) * 0.11)}.min-max-labels{font-size:11px}}'}},[833,"ui-knob",{name:[1],value:[1026],min:[2],max:[2],step:[2],size:[2],strokeWidth:[2,"stroke-width"],color:[1],trackColor:[1,"track-color"],gradient:[4],showValue:[4,"show-value"],valueSuffix:[1,"value-suffix"],showMinMax:[4,"show-min-max"],disabled:[4],readonly:[4],startAngle:[2,"start-angle"],endAngle:[2,"end-angle"],enableWheel:[4,"enable-wheel"],showTicks:[4,"show-ticks"],tickCount:[2,"tick-count"],tickColor:[1,"tick-color"],tickLength:[2,"tick-length"],showLabels:[4,"show-labels"],snap:[4],allowInput:[4,"allow-input"],isDragging:[32],angle:[32],isEditing:[32],gradientId:[32]},void 0,{value:[{valueChanged:0}],color:[{colorChanged:0}],tickCount:[{propsChanged:0}],tickLength:[{propsChanged:0}],showTicks:[{propsChanged:0}]}]),d=c,u=function(){"undefined"!=typeof customElements&&["ui-knob","ui-badge","ui-button","ui-icon","ui-input","ui-loader"].forEach((t=>{switch(t){case"ui-knob":customElements.get(a(t))||customElements.define(a(t),c);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))||h();break;case"ui-input":customElements.get(a(t))||r();break;case"ui-loader":customElements.get(a(t))||l()}}))};export{d as UiKnob,u as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as s,h as e,transformTag as a}from"@stencil/core/internal/client";import{d as o}from"./badge.js";import{d as n}from"./button.js";import{d as h}from"./icon.js";import{d as r}from"./input.js";import{d as l}from"./loader.js";const c=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.knobChange=s(this,"knobChange",7),this.knobInput=s(this,"knobInput",7),this.internals=this.attachInternals()}get el(){return this}internals;name;value=0;min=0;max=100;step=1;size=120;strokeWidth=8;color="#3bf673";trackColor="#e2e8f0";gradient=!1;showValue=!0;valueSuffix="";showMinMax=!1;disabled=!1;readonly=!1;startAngle=135;endAngle=405;enableWheel=!0;showTicks=!1;tickCount=10;tickColor="#94a3b8";tickLength=.1;showLabels=!1;snap=!1;allowInput=!1;knobChange;knobInput;isDragging=!1;angle=0;isEditing=!1;gradientId="ui-knob-gradient-"+Math.random().toString(36).substr(2,9);knobRef;valueChanged(t){this.updateAngle(t),this.internals.setFormValue(""+t)}colorChanged(){this.normalizeProps()}propsChanged(){this.normalizeProps()}componentWillLoad(){this.normalizeProps(),this.updateAngle(this.value),this.internals.setFormValue(""+this.value)}normalizeProps(){try{"string"==typeof this.color&&this.color.startsWith("{")&&(this.color=JSON.parse(this.color))}catch(t){console.warn("Failed to parse knob color prop",t)}}updateAngle(t){this.angle=this.startAngle+(t-this.min)/(this.max-this.min)*(this.endAngle-this.startAngle)}handleMouseDown=t=>{this.disabled||this.readonly||(t.preventDefault(),this.isDragging=!0,this.updateValueFromEvent(t),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp))};handleMouseMove=t=>{this.isDragging&&(this.updateValueFromEvent(t),this.knobInput.emit(this.value))};handleMouseUp=()=>{this.isDragging&&(this.isDragging=!1,this.knobChange.emit(this.value),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp))};handleTouchStart=t=>{this.disabled||this.readonly||(t.preventDefault(),this.isDragging=!0,this.updateValueFromTouch(t))};handleTouchMove=t=>{this.isDragging&&(t.preventDefault(),this.updateValueFromTouch(t),this.knobInput.emit(this.value))};handleTouchEnd=()=>{this.isDragging&&(this.isDragging=!1,this.knobChange.emit(this.value))};handleWheel=t=>{if(!this.enableWheel||this.disabled||this.readonly)return;t.preventDefault();const i=Math.sign(t.deltaY);let s=this.value-i*this.step;s=Math.max(this.min,Math.min(this.max,s)),this.value=s,this.updateAngle(s),this.knobInput.emit(this.value),clearTimeout(this._wheelTimeout),this._wheelTimeout=setTimeout((()=>this.knobChange.emit(this.value)),100)};handleKeyDown=t=>{if(this.disabled||this.readonly)return;let i=this.value;const s=10*this.step;switch(t.key){case"ArrowRight":case"ArrowUp":i=Math.min(this.max,this.value+this.step);break;case"ArrowLeft":case"ArrowDown":i=Math.max(this.min,this.value-this.step);break;case"PageUp":i=Math.min(this.max,this.value+s);break;case"PageDown":i=Math.max(this.min,this.value-s);break;case"Home":i=this.min;break;case"End":i=this.max;break;default:return}i!==this.value&&(t.preventDefault(),this.value=i,this.updateAngle(i),this.knobInput.emit(this.value),this.knobChange.emit(this.value))};updateValueFromEvent(t){if(!this.knobRef)return;const i=this.knobRef.getBoundingClientRect();this.calculateValueFromAngle(t.clientX-(i.left+i.width/2),t.clientY-(i.top+i.height/2))}updateValueFromTouch(t){if(!this.knobRef||0===t.touches.length)return;const i=this.knobRef.getBoundingClientRect(),s=t.touches[0];this.calculateValueFromAngle(s.clientX-(i.left+i.width/2),s.clientY-(i.top+i.height/2))}calculateValueFromAngle(t,i){let s=Math.atan2(i,t)*(180/Math.PI)+90;s<0&&(s+=360);const e=this.endAngle-this.startAngle;s<this.startAngle&&(s=s+360>=this.startAngle?s+360:this.startAngle),s>this.endAngle&&s<this.startAngle+360&&(s=Math.abs(s-this.startAngle)<Math.abs(s-this.endAngle)?this.startAngle:this.endAngle),s=Math.max(this.startAngle,Math.min(this.endAngle,s));let a=this.min+(s-this.startAngle)/e*(this.max-this.min),o=a;o=this.snap?Math.round(a/this.step)*this.step:Math.round(100*a)/100,a=Math.max(this.min,Math.min(this.max,o)),this.value=a,this.angle=s}polarToCartesian(t,i,s,e){const a=(e-90)*Math.PI/180;return{x:t+s*Math.cos(a),y:i+s*Math.sin(a)}}describeArc(t,i,s,e,a){const o=this.polarToCartesian(t,i,s,a),n=this.polarToCartesian(t,i,s,e);return`M ${o.x} ${o.y} A ${s} ${s} 0 ${a-e<=180?"0":"1"} 0 ${n.x} ${n.y}`}componentDidLoad(){this.knobRef&&this.knobRef.addEventListener("wheel",this.handleWheel,{passive:!1})}disconnectedCallback(){document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),this.knobRef&&this.knobRef.removeEventListener("wheel",this.handleWheel)}startEditing=()=>{!this.allowInput||this.disabled||this.readonly||(this.isEditing=!0)};handleInputBlur=t=>{const i=parseFloat(t.target.value);if(!isNaN(i)){let t=Math.max(this.min,Math.min(this.max,i));t!==this.value&&(this.value=t,this.knobChange.emit(this.value))}this.isEditing=!1};handleInputChange=t=>{const i=parseFloat(t.target.value);isNaN(i)||(this.value=Math.max(this.min,Math.min(this.max,i)),this.knobChange.emit(this.value)),this.isEditing=!1};handleInputKeyDown=t=>{"Enter"===t.key&&t.target.blur()};render(){const t=this.size/2,i=(this.size-this.strokeWidth)/2,s=this.describeArc(t,t,i,this.startAngle,this.endAngle),a=this.describeArc(t,t,i,this.startAngle,this.angle);return e("div",{key:"1f7d0dbe9a1ba355b03c809bbcfcf41f8e7f4908",class:"knob-wrapper"},e("div",{key:"6db0b4bf73beef4a8762a6ab4ace921849a625a9",class:{"knob-container":!0,disabled:this.disabled,readonly:this.readonly,dragging:this.isDragging},ref:t=>this.knobRef=t,style:{width:this.size+"px",height:this.size+"px"},onMouseDown:this.handleMouseDown,onTouchStart:this.handleTouchStart,onTouchMove:this.handleTouchMove,onTouchEnd:this.handleTouchEnd,onKeyDown:this.handleKeyDown,tabIndex:this.disabled||this.readonly?-1:0,role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-disabled":this.disabled,"aria-readonly":this.readonly},e("svg",{key:"b2cc5cb4755f3bf0ad12e1d248332813bd371b3c",width:this.size,height:this.size,class:"knob-svg"},(()=>{const t="object"==typeof this.color&&null!==this.color;if(!this.gradient&&!t)return null;const i=t&&this.color.to||"#10b981";return e("defs",null,e("linearGradient",{id:this.gradientId,x1:"0%",y1:"0%",x2:"100%",y2:"100%"},e("stop",{offset:"0%","stop-color":t&&this.color.from||("string"==typeof this.color?this.color:"#3bf673")}),e("stop",{offset:"100%","stop-color":i})))})(),e("path",{key:"c55188f1c67342a3813960c4cfd0427b65338308",d:s,fill:"none",stroke:this.trackColor,"stroke-width":this.strokeWidth,"stroke-linecap":"round"}),this.showTicks&&(()=>{const s=Math.max(2,this.tickCount),a=[],o=this.endAngle-this.startAngle;for(let n=0;n<=s;n++){const h=this.startAngle+o*n/s,r=this.polarToCartesian(t,t,i*(1-this.tickLength),h),l=this.polarToCartesian(t,t,i,h);a.push(e("line",{x1:r.x,y1:r.y,x2:l.x,y2:l.y,stroke:this.tickColor,"stroke-width":n%Math.max(1,Math.floor(s/5))==0?this.strokeWidth/2:this.strokeWidth/3,"stroke-linecap":"round"}))}return a})(),this.showLabels&&(()=>{const s=[],a=this.endAngle-this.startAngle,o=i-25;for(let i=0;i<=5;i++){const n=i/5,h=this.min+(this.max-this.min)*n,r=this.polarToCartesian(t,t,o,this.startAngle+a*n);s.push(e("text",{x:r.x,y:r.y,"text-anchor":"middle","dominant-baseline":"middle",class:"scale-label",fill:"#64748b","font-size":"10px"},Math.round(h)))}return s})(),e("path",{key:"de24763cf753ca6dbb0451ea3552a2df7fa26b08",d:a,fill:"none",stroke:(()=>this.gradient||"object"==typeof this.color&&null!==this.color?`url(#${this.gradientId})`:this.color)(),"stroke-width":this.strokeWidth,"stroke-linecap":"round",class:"value-arc"}),e("circle",{key:"3f0bba24738381e1be1bb06284d22af9c732a8be",cx:t,cy:t,r:this.strokeWidth/2,fill:(()=>this.gradient||"object"==typeof this.color&&null!==this.color?`url(#${this.gradientId})`:this.color)(),class:"center-dot"}),(()=>{const s=this.polarToCartesian(t,t,.3*i,this.angle),a=this.polarToCartesian(t,t,.85*i,this.angle);return e("line",{x1:s.x,y1:s.y,x2:a.x,y2:a.y,stroke:(()=>this.gradient||"object"==typeof this.color&&null!==this.color?`url(#${this.gradientId})`:this.color)(),"stroke-width":this.strokeWidth/2,"stroke-linecap":"round",class:"indicator"})})()),e("div",{key:"6cc71ee2d411ec36b5faedfe9818c0d6e4ca34ec",class:"value-label",onDblClick:this.startEditing},this.isEditing?e("ui-input",{type:"number",value:""+this.value,onInputBlur:this.handleInputBlur,onInputChange:t=>this.handleInputChange(t),onInputKeydown:t=>this.handleInputKeyDown(t.detail),autoFocus:!0,customClass:"knob-input",variant:"plain",size:"sm"}):this.showValue?e("span",null,e("span",{class:"value-number"},this.value),this.valueSuffix&&e("span",{class:"value-suffix"},this.valueSuffix)):e("slot",null))),this.showMinMax&&e("div",{key:"6e7327c12d9cd9cba02822c8bc8bf9ffcc421c5c",class:"min-max-labels"},e("span",{key:"bb01be7b35e752c30a9f19d62c5b31fe5b354292",class:"min-label"},this.min,this.valueSuffix),e("span",{key:"23aa1769d555a0b4aa4ac1b0dd2e90f4be599a2e",class:"max-label"},this.max,this.valueSuffix)))}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChanged:0}],color:[{colorChanged:0}],tickCount:[{propsChanged:0}],tickLength:[{propsChanged:0}],showTicks:[{propsChanged: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}.knob-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px}.knob-container{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;touch-action:none;transition:transform 0.1s ease}.knob-container:hover:not(.disabled):not(.readonly){transform:scale(1.02)}.knob-container.dragging{cursor:grabbing;transform:scale(1.05)}.knob-container.disabled,.knob-container.readonly{cursor:not-allowed;opacity:0.5}.knob-svg{display:block;overflow:visible}.value-arc{filter:drop-shadow(0 2px 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3));transition:stroke 0.2s ease}.knob-container:hover:not(.disabled):not(.readonly) .value-arc{filter:drop-shadow(0 3px 6px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4))}.center-dot{filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1))}.indicator{transition:all 0.1s ease;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2))}.value-label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:baseline;gap:2px;pointer-events:none;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.value-number{font-size:calc(var(--knob-size, 120px) * 0.2);font-weight:700;color:var(--text-primary, #1e293b);line-height:1}.value-suffix{font-size:calc(var(--knob-size, 120px) * 0.12);font-weight:600;color:var(--text-muted, #64748b);line-height:1}.min-max-labels{display:flex;justify-content:space-between;width:100%;font-size:12px;color:var(--text-muted, #64748b);font-weight:500;padding:0 8px}.min-label,.max-label{white-space:nowrap}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.8}}.knob-container.dragging .value-label{animation:pulse 0.3s ease-in-out}.knob-container:active:not(.disabled):not(.readonly){transform:scale(1.05)}.knob-container:focus-visible{outline:2px solid var(--color-primary, #10b981);outline-offset:4px;border-radius:50%}@media (max-width: 640px){.value-number{font-size:calc(var(--knob-size, 120px) * 0.18)}.value-suffix{font-size:calc(var(--knob-size, 120px) * 0.11)}.min-max-labels{font-size:11px}}'}},[833,"ui-knob",{name:[1],value:[1026],min:[2],max:[2],step:[2],size:[2],strokeWidth:[2,"stroke-width"],color:[1],trackColor:[1,"track-color"],gradient:[4],showValue:[4,"show-value"],valueSuffix:[1,"value-suffix"],showMinMax:[4,"show-min-max"],disabled:[4],readonly:[4],startAngle:[2,"start-angle"],endAngle:[2,"end-angle"],enableWheel:[4,"enable-wheel"],showTicks:[4,"show-ticks"],tickCount:[2,"tick-count"],tickColor:[1,"tick-color"],tickLength:[2,"tick-length"],showLabels:[4,"show-labels"],snap:[4],allowInput:[4,"allow-input"],isDragging:[32],angle:[32],isEditing:[32],gradientId:[32]},void 0,{value:[{valueChanged:0}],color:[{colorChanged:0}],tickCount:[{propsChanged:0}],tickLength:[{propsChanged:0}],showTicks:[{propsChanged:0}]}]),d=c,u=function(){"undefined"!=typeof customElements&&["ui-knob","ui-badge","ui-button","ui-icon","ui-input","ui-loader"].forEach((t=>{switch(t){case"ui-knob":customElements.get(a(t))||customElements.define(a(t),c);break;case"ui-badge":customElements.get(a(t))||o();break;case"ui-button":customElements.get(a(t))||n();break;case"ui-icon":customElements.get(a(t))||h();break;case"ui-input":customElements.get(a(t))||r();break;case"ui-loader":customElements.get(a(t))||l()}}))};export{d as UiKnob,u as defineCustomElement}

package/dist/components/{ui-color-controller.d.ts → ui-label.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface UiColorController extends Components.UiColorController, HTMLElement {}
-export const UiColorController: {
-    prototype: UiColorController;
-    new (): UiColorController;
+interface UiLabel extends Components.UiLabel, HTMLElement {}
+export const UiLabel: {
+    prototype: UiLabel;
+    new (): UiLabel;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/ui-label.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as l,createEvent as t,h as i,Host as a,transformTag as o}from"@stencil/core/internal/client";const r=e(class extends l{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.labelClick=t(this,"labelClick",7),this.labelFocus=t(this,"labelFocus",7),this.labelBlur=t(this,"labelBlur",7),this.labelCopy=t(this,"labelCopy",7)}get el(){return this}_isFocused=!1;_tooltipOpen=!1;htmlFor;controlId;target;label="";size="md";weight="medium";transform="none";truncate=!1;multiline=!1;lineClamp=0;variant="default";required=!1;optional=!1;disabled=!1;readonly=!1;invalid=!1;focused=!1;loading=!1;errorText="";successText="";helperText="";ariaLabel="";ariaDescribedby="";ariaLive="off";orientation="vertical";align="start";inline=!1;block=!1;gap="";margin="";padding="";startIcon="";endIcon="";iconOnly=!1;tooltipIcon="ⓘ";tooltip="";tooltipPosition="top";clickable=!1;selectable=!1;copyable=!1;responsive=!1;mobileStack=!1;labelDir="ltr";labelLang="";labelId="";name="";testId="";automationId="";labelClick;labelFocus;labelBlur;labelCopy;onFocusedChanged(e){this._isFocused=e}componentWillLoad(){this._isFocused=this.focused,this.labelId||(this.labelId="ui-label-"+Math.random().toString(36).slice(2,9))}async setFocus(){this.el.shadowRoot?.querySelector(".label-root")?.focus()}async copyText(){await this._handleCopy()}get _forId(){return this.controlId||this.htmlFor||this.target||void 0}get _describedBy(){const e=[];return this.ariaDescribedby&&e.push(this.ariaDescribedby),this.helperText&&e.push(this.labelId+"-hint"),this.invalid&&this.errorText&&e.push(this.labelId+"-error"),this.successText&&!this.invalid&&e.push(this.labelId+"-success"),e.join(" ")}get _text(){return this.label||""}_handleClick=e=>{this.disabled||this.labelClick.emit({originalEvent:e,text:this._text||this.el.textContent?.trim()||"",targetId:this._forId})};_handleFocus=()=>{this._isFocused=!0,this.labelFocus.emit()};_handleBlur=()=>{this._isFocused=!1,this.labelBlur.emit()};_handleCopy=async()=>{const e=this._text||this.el.textContent?.trim()||"";if(e)try{await navigator.clipboard.writeText(e),this.labelCopy.emit({text:e})}catch{}};_toggleTooltip=()=>{this._tooltipOpen=!this._tooltipOpen};_closeTooltip=()=>{this._tooltipOpen=!1};_rootClasses(){return{"label-root":!0,["label-size-"+this.size]:!0,["label-weight-"+this.weight]:!0,["label-variant-"+this.variant]:!0,["label-align-"+this.align]:!0,["label-orientation-"+this.orientation]:!0,"label-truncate":this.truncate&&!this.multiline,"label-multiline":this.multiline,"label-inline":this.inline,"label-block":this.block,"label-disabled":this.disabled,"label-readonly":this.readonly,"label-invalid":this.invalid,"label-focused":this._isFocused,"label-loading":this.loading,"label-clickable":this.clickable,"label-selectable":this.selectable,"label-copyable":this.copyable,"label-icon-only":this.iconOnly,"label-responsive":this.responsive,"label-mobile-stack":this.mobileStack,"label-rtl":"rtl"===this.labelDir}}_renderRequiredIndicator(){return this.el.querySelector('[slot="required-indicator"]')?i("slot",{name:"required-indicator"}):i("span",{class:"label-required","aria-hidden":"true",title:"Required field"},"*")}_renderOptionalBadge(){return i("span",{class:"label-optional","aria-hidden":"true"},"(optional)")}_renderIcon(e,l){return i("span",{class:"label-icon label-icon-"+l,"aria-hidden":"true",innerHTML:e})}_renderTooltipTrigger(){return this.tooltip||this.el.querySelector('[slot="tooltip"]')?i("button",{type:"button",class:"label-tooltip-trigger"+(this._tooltipOpen?" is-open":""),"aria-label":"More information","aria-expanded":this._tooltipOpen?"true":"false","aria-haspopup":"true",onClick:this._toggleTooltip,onBlur:this._closeTooltip},i("span",{"aria-hidden":"true"},this.tooltipIcon)):null}_renderTooltipCallout(){return this._tooltipOpen?i("div",{role:"tooltip",class:"label-tooltip label-tooltip-"+this.tooltipPosition,id:this.labelId+"-tooltip"},this.tooltip?i("span",{class:"label-tooltip-text"},this.tooltip):i("slot",{name:"tooltip"})):null}_renderCopyButton(){return i("button",{type:"button",class:"label-copy-btn","aria-label":"Copy to clipboard",onClick:this._handleCopy,tabIndex:-1},i("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",width:"14",height:"14","aria-hidden":"true"},i("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),i("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})))}_renderSubText(){const e=this.invalid&&this.errorText,l=!this.invalid&&this.successText,t=!e&&!l&&this.helperText,a=!!this.el.querySelector('[slot="hint"]');return e||l||t||a?i("div",{class:"label-sub"},e&&i("span",{id:this.labelId+"-error",class:"label-error-text",role:"alert","aria-live":"assertive"},i("span",{class:"label-sub-icon","aria-hidden":"true"},"✕"),this.errorText),l&&i("span",{id:this.labelId+"-success",class:"label-success-text"},i("span",{class:"label-sub-icon","aria-hidden":"true"},"✓"),this.successText),t&&i("span",{id:this.labelId+"-hint",class:"label-hint-text"},this.helperText),a&&i("span",{id:this.labelId+"-hint",class:"label-hint-text"},i("slot",{name:"hint"}))):null}_renderLoadingSkeleton(){return i("span",{class:"label-skeleton","aria-hidden":"true"},i("span",{class:"label-skeleton-bar"}))}_hostStyle(){const e={};return this.gap&&(e["--ui-label-gap"]=this.gap),this.margin&&(e.margin=this.margin),this.padding&&(e.padding=this.padding),e}_lineClampStyle(){if(this.multiline&&this.lineClamp>0)return{"-webkit-line-clamp":this.lineClamp+"","line-clamp":this.lineClamp+"",display:"-webkit-box","-webkit-box-orient":"vertical",overflow:"hidden"}}render(){const e=this._forId,l=this._describedBy,t={class:this._rootClasses(),id:this.labelId||void 0,for:e,"aria-label":this.ariaLabel||void 0,"aria-describedby":l||void 0,"aria-live":"off"!==this.ariaLive?this.ariaLive:void 0,"aria-disabled":this.disabled?"true":void 0,"data-testid":this.testId||void 0,"data-automation-id":this.automationId||void 0,onClick:this._handleClick,onFocus:this._handleFocus,onBlur:this._handleBlur};return this.name&&(t.name=this.name),this.labelLang&&(t.lang=this.labelLang),i(a,{key:"b67618ecbef75ae6ead3a609ff206a36b11de621",dir:this.labelDir,style:this._hostStyle(),class:{"ui-label-host":!0,"is-inline":this.inline,"is-block":this.block}},i("label",{key:"dc257dd21c76648e75c1e14204668a19e1baf662",...t},i("slot",{key:"c6932b813c6b1f83ea7e56101214cc7c55405fae",name:"start"}),this.startIcon&&!this.iconOnly&&this._renderIcon(this.startIcon,"start"),i("span",{key:"30a20e30976ba791ebcf4f0644c3ebf0987970a6",class:"label-text",style:this._lineClampStyle()},this.loading?this._renderLoadingSkeleton():i("span",{class:this.iconOnly?"visually-hidden":void 0},this._text,i("slot",null))),this.required&&!this.disabled&&this._renderRequiredIndicator(),this.optional&&!this.required&&this._renderOptionalBadge(),this.endIcon&&this._renderIcon(this.endIcon,"end"),i("slot",{key:"2ac12fa6019e520ad11ceead3d3f1b08dd29482d",name:"end"}),this._renderTooltipTrigger(),this.copyable&&this._renderCopyButton()),this._renderTooltipCallout(),this._renderSubText())}static get watchers(){return{focused:[{onFocusedChanged: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;--ui-label-color:var(--label-color, var(--text-primary, #0f172a));--ui-label-muted-color:var(--label-subtitle-color, var(--text-secondary, #64748b));--ui-label-primary-color:var(--color-primary, #22c55e);--ui-label-secondary-color:var(--text-secondary, #64748b);--ui-label-success-color:var(--color-success, #10b981);--ui-label-warning-color:var(--color-warning, #f59e0b);--ui-label-danger-color:var(--color-danger, #ef4444);--ui-label-info-color:var(--color-info, #3b82f6);--ui-label-font-size:0.875rem;--ui-label-font-weight:500;--ui-label-line-height:1.4;--ui-label-letter-spacing:0;--ui-label-gap:4px;--ui-label-icon-gap:6px;--ui-label-tooltip-gap:6px;--ui-label-required-color:var(--color-danger, #ef4444);--ui-label-required-font-size:0.875em;--ui-label-disabled-opacity:0.45;--ui-label-error-color:var(--color-danger, #ef4444);--ui-label-success-color-msg:var(--color-success, #10b981);--ui-label-hint-color:var(--label-subtitle-color, var(--text-muted, #94a3b8));--ui-label-skeleton-bg:var(--border-default, #e2e8f0);--ui-label-skeleton-shine:var(--bg-primary, #f8fafc);--ui-label-tooltip-bg:var(--bg-primary, #1e293b);--ui-label-tooltip-color:var(--text-primary, #f8fafc);--ui-label-tooltip-radius:8px;--ui-label-tooltip-shadow:0 4px 16px rgba(0, 0, 0, 0.15);--ui-label-copy-color:var(--text-muted, #94a3b8);--ui-label-copy-hover-color:var(--color-primary, #22c55e)}: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]){--ui-label-color:var(--label-color, #f1f5f9);--ui-label-muted-color:var(--label-subtitle-color, #94a3b8);--ui-label-hint-color:var(--label-subtitle-color, #94a3b8);--ui-label-skeleton-bg:var(--border-default, #334155);--ui-label-skeleton-shine:var(--bg-secondary, #1e293b)}:host(.is-inline){display:inline}:host(.is-block){display:block;width:100%}.label-root{display:inline-flex;align-items:center;gap:var(--ui-label-icon-gap);color:var(--ui-label-color);font-size:var(--ui-label-font-size);font-weight:var(--ui-label-font-weight);line-height:var(--ui-label-line-height);letter-spacing:var(--ui-label-letter-spacing);cursor:default;user-select:none;white-space:nowrap;box-sizing:border-box;max-width:100%;position:relative;margin:0}.label-align-start{justify-content:flex-start}.label-align-center{justify-content:center}.label-align-end{justify-content:flex-end}.label-align-between{justify-content:space-between;width:100%}.label-orientation-vertical{flex-direction:row}.label-orientation-horizontal{flex-direction:row}.label-size-xxs{--ui-label-font-size:0.5rem}.label-size-xs{--ui-label-font-size:0.625rem}.label-size-sm{--ui-label-font-size:0.75rem}.label-size-md{--ui-label-font-size:0.875rem}.label-size-lg{--ui-label-font-size:1rem}.label-size-xl{--ui-label-font-size:1.125rem}.label-size-xxl{--ui-label-font-size:1.25rem}.label-size-xxxl{--ui-label-font-size:1.5rem}.label-size-jumbo{--ui-label-font-size:2rem}.label-weight-light{--ui-label-font-weight:300}.label-weight-normal{--ui-label-font-weight:400}.label-weight-medium{--ui-label-font-weight:500}.label-weight-semibold{--ui-label-font-weight:600}.label-weight-bold{--ui-label-font-weight:700}.label-variant-default{color:var(--ui-label-color)}.label-variant-muted{color:var(--ui-label-muted-color)}.label-variant-primary{color:var(--ui-label-primary-color)}.label-variant-secondary{color:var(--ui-label-secondary-color)}.label-variant-success{color:var(--ui-label-success-color)}.label-variant-warning{color:var(--ui-label-warning-color)}.label-variant-danger{color:var(--ui-label-danger-color)}.label-variant-info{color:var(--ui-label-info-color)}.label-truncate .label-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.label-multiline{white-space:normal}.label-multiline .label-text{white-space:normal}.label-root.label-block,.label-root.label-align-between{display:flex;width:100%}.label-inline{display:inline-flex}.label-text{flex:1 1 auto;min-width:0}.label-icon{display:inline-flex;align-items:center;flex-shrink:0;font-size:1em;color:inherit;opacity:0.7}.label-icon-start{order:-1}.label-icon-end{order:1}.label-required{color:var(--ui-label-required-color);font-size:var(--ui-label-required-font-size);font-weight:700;margin-inline-start:2px;line-height:1;flex-shrink:0;cursor:default}.label-optional{font-size:0.75em;font-weight:400;color:var(--ui-label-muted-color);margin-inline-start:4px;flex-shrink:0}.label-selectable{user-select:text;cursor:text}.label-clickable{cursor:pointer;transition:color 0.2s ease, opacity 0.2s ease}.label-clickable:hover{color:var(--ui-label-primary-color);text-decoration:underline;text-decoration-skip-ink:auto}.label-clickable:active{opacity:0.8}.label-root:focus-visible{outline:2px solid var(--ui-label-primary-color);outline-offset:2px;border-radius:2px}.label-disabled{opacity:var(--ui-label-disabled-opacity);pointer-events:none;cursor:not-allowed}.label-readonly{opacity:0.75;cursor:default}.label-invalid{color:var(--ui-label-error-color)}.label-invalid .label-required{color:var(--ui-label-error-color)}.label-focused{color:var(--ui-label-primary-color)}.label-icon-only .label-text .visually-hidden{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}.label-skeleton{display:inline-block;width:8em;line-height:inherit;vertical-align:middle}.label-skeleton-bar{display:block;height:0.9em;border-radius:4px;background:var(--ui-label-skeleton-bg);position:relative;overflow:hidden}.label-skeleton-bar::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent 0%, var(--ui-label-skeleton-shine) 50%, transparent 100%);animation:label-shimmer 1.4s ease-in-out infinite}@keyframes label-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.label-tooltip-trigger{background:transparent;border:none;padding:0;margin:0;margin-inline-start:var(--ui-label-tooltip-gap);cursor:pointer;font-size:0.9em;color:var(--ui-label-muted-color);line-height:1;display:inline-flex;align-items:center;border-radius:50%;flex-shrink:0;transition:color 0.2s ease}.label-tooltip-trigger:hover,.label-tooltip-trigger.is-open{color:var(--ui-label-primary-color)}.label-tooltip-trigger:focus-visible{outline:2px solid var(--ui-label-primary-color);outline-offset:2px}.label-tooltip{position:absolute;z-index:100;background:var(--ui-label-tooltip-bg);color:var(--ui-label-tooltip-color);padding:8px 12px;border-radius:var(--ui-label-tooltip-radius);font-size:0.75rem;font-weight:400;line-height:1.4;max-width:240px;white-space:normal;pointer-events:none;box-shadow:var(--ui-label-tooltip-shadow);animation:label-tooltip-in 0.15s ease}@keyframes label-tooltip-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.label-tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translateX(-50%)}.label-tooltip-top::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--ui-label-tooltip-bg)}.label-tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translateX(-50%)}.label-tooltip-bottom::after{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-bottom-color:var(--ui-label-tooltip-bg)}.label-tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.label-tooltip-left::after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:var(--ui-label-tooltip-bg)}.label-tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.label-tooltip-right::after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--ui-label-tooltip-bg)}.label-copy-btn{background:transparent;border:none;padding:2px;margin:0;margin-inline-start:4px;cursor:pointer;color:var(--ui-label-copy-color);display:inline-flex;align-items:center;border-radius:3px;opacity:0;transition:opacity 0.2s ease, color 0.2s ease;flex-shrink:0}.label-copy-btn:hover{color:var(--ui-label-copy-hover-color)}.label-copy-btn:focus-visible{outline:2px solid var(--ui-label-primary-color);outline-offset:2px;opacity:1}.label-copyable:hover .label-copy-btn,.label-copyable:focus-within .label-copy-btn{opacity:1}.label-sub{margin-top:var(--ui-label-gap);display:flex;flex-direction:column;gap:2px}.label-hint-text{font-size:0.75rem;font-weight:400;color:var(--ui-label-hint-color);line-height:1.4}.label-error-text{font-size:0.75rem;font-weight:500;color:var(--ui-label-error-color);line-height:1.4;display:flex;align-items:center;gap:4px}.label-success-text{font-size:0.75rem;font-weight:500;color:var(--ui-label-success-color-msg);line-height:1.4;display:flex;align-items:center;gap:4px}.label-sub-icon{flex-shrink:0;font-style:normal;font-size:0.9em}.label-responsive{--ui-label-font-size:clamp(0.75rem, 0.5rem + 0.5vw, 1rem)}@media (max-width: 640px){.label-mobile-stack{flex-direction:column;align-items:flex-start;gap:4px}}.label-rtl,:host([dir=rtl]) .label-root{direction:rtl}.label-rtl .label-icon-start,:host([dir=rtl]) .label-root .label-icon-start{order:1}.label-rtl .label-icon-end,:host([dir=rtl]) .label-root .label-icon-end{order:-1}@media (forced-colors: active){.label-root{forced-color-adjust:auto}.label-required{color:LinkText}.label-error-text{color:Mark}.label-disabled{opacity:1;color:GrayText}}'}},[769,"ui-label",{htmlFor:[1,"html-for"],controlId:[1,"control-id"],target:[1],label:[1],size:[1],weight:[1],transform:[1],truncate:[4],multiline:[4],lineClamp:[2,"line-clamp"],variant:[1],required:[4],optional:[4],disabled:[4],readonly:[4],invalid:[4],focused:[4],loading:[4],errorText:[1,"error-text"],successText:[1,"success-text"],helperText:[1,"helper-text"],ariaLabel:[1,"aria-label"],ariaDescribedby:[1,"aria-describedby"],ariaLive:[1,"aria-live"],orientation:[1],align:[1],inline:[4],block:[4],gap:[1],margin:[1],padding:[1],startIcon:[1,"start-icon"],endIcon:[1,"end-icon"],iconOnly:[4,"icon-only"],tooltipIcon:[1,"tooltip-icon"],tooltip:[1],tooltipPosition:[1,"tooltip-position"],clickable:[4],selectable:[4],copyable:[4],responsive:[4],mobileStack:[4,"mobile-stack"],labelDir:[1,"dir"],labelLang:[1,"lang"],labelId:[513,"label-id"],name:[1],testId:[1,"test-id"],automationId:[1,"automation-id"],_isFocused:[32],_tooltipOpen:[32],setFocus:[64],copyText:[64]},void 0,{focused:[{onFocusedChanged:0}]}]),n=r,s=function(){"undefined"!=typeof customElements&&["ui-label"].forEach((e=>{"ui-label"===e&&(customElements.get(o(e))||customElements.define(o(e),r))}))};export{n as UiLabel,s as defineCustomElement}

package/dist/components/ui-library.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as a,h as t,Host as o,transformTag as i}from"@stencil/core/internal/client";import{d as r}from"./category-section2.js";import{d as n}from"./library-card2.js";import{d as c,a as d}from"./badge.js";import{d as s}from"./icon.js";import{d as p}from"./input.js";import{d as l}from"./loader.js";const g=[{id:"accordion",name:"Accordion",description:"Expandable/collapsible content",icon:"📑",category:"Foundation & Layout",docs:"/docs/index.html?page=accordion"},{id:"aside-panel",name:"Aside Panel",description:"Side content panel",icon:"📱",category:"Foundation & Layout",docs:"/docs/index.html?page=aside-panel"},{id:"card",name:"Card",description:"Content container",icon:"🃏",category:"Foundation & Layout",docs:"/docs/index.html?page=card"},{id:"divider",name:"Divider",description:"Content separator",icon:"➖",category:"Foundation & Layout",docs:"/docs/index.html?page=divider"},{id:"dock",name:"Dock",description:"Docking layout",icon:"🚢",category:"Foundation & Layout",docs:"/docs/index.html?page=dock"},{id:"dock-host",name:"Dock Host",description:"Host for dockable components",icon:"🗂️",category:"Foundation & Layout",docs:"/docs/index.html?page=dock-host"},{id:"layout-manager",name:"Layout Manager",description:"Manage complex layouts",icon:"🏗️",category:"Foundation & Layout",docs:"/docs/index.html?page=layout-manager"},{id:"panel",name:"Panel",description:"Content panel",icon:"📋",category:"Foundation & Layout",docs:"/docs/index.html?page=panel"},{id:"stack",name:"Stack",description:"Vertical/Horizontal stack",icon:"📚",category:"Foundation & Layout",docs:"/docs/index.html?page=stack"},{id:"anchor",name:"Anchor",description:"Anchor link navigation",icon:"⚓",category:"Navigation",docs:"/docs/index.html?page=anchor"},{id:"breadcrumb",name:"Breadcrumb",description:"Indicate current page location",icon:"🍞",category:"Navigation",docs:"/docs/index.html?page=breadcrumb"},{id:"context-menu",name:"Context Menu",description:"Right-click context menu",icon:"📋",category:"Navigation",docs:"/docs/index.html?page=context-menu"},{id:"horizontal-nav",name:"Horizontal Nav",description:"Horizontal navigation menu",icon:"↔️",category:"Navigation",docs:"/docs/index.html?page=horizontal-nav"},{id:"nav-bar",name:"Nav Bar",description:"Navigation bar",icon:"🧭",category:"Navigation",docs:"/docs/index.html?page=nav-bar"},{id:"pagination",name:"Pagination",description:"Navigate through pages of data",icon:"📄",category:"Navigation",docs:"/docs/index.html?page=pagination"},{id:"scroll-top",name:"Scroll Top",description:"Button to scroll to top",icon:"⬆️",category:"Navigation",docs:"/docs/index.html?page=scroll-top"},{id:"smart-menu",name:"Smart Menu",description:"Intelligent menu component",icon:"🧠",category:"Navigation",docs:"/docs/index.html?page=smart-menu"},{id:"smart-stepper",name:"Smart Stepper",description:"Intelligent stepper wizard",icon:"🧠",category:"Navigation",docs:"/docs/index.html?page=smart-stepper"},{id:"speed-dial",name:"Speed Dial",description:"Floating action button speed dial",icon:"⚡",category:"Navigation",docs:"/docs/index.html?page=speed-dial"},{id:"stepper",name:"Stepper",description:"Step-by-step wizard",icon:"👣",category:"Navigation",docs:"/docs/index.html?page=stepper"},{id:"tabs",name:"Tabs",description:"Tabbed content navigation",icon:"📑",category:"Navigation",docs:"/docs/index.html?page=tabs"},{id:"top-bar",name:"Top Bar",description:"Top navigation bar",icon:"📌",category:"Navigation",docs:"/docs/index.html?page=top-bar"},{id:"button",name:"Button",description:"Clickable button element",icon:"🔘",category:"Inputs & Forms",docs:"/docs/index.html?page=button"},{id:"button-group",name:"Button Group",description:"Layout container for buttons",icon:"🍱",category:"Inputs & Forms",docs:"/docs/index.html?page=button-group"},{id:"cascade-select",name:"Cascade Select",description:"Hierarchical selection",icon:"🔽",category:"Inputs & Forms",docs:"/docs/index.html?page=cascade-select"},{id:"dropdown",name:"Dropdown",description:"Select hidden items from a list",icon:"📋",category:"Inputs & Forms",docs:"/docs/index.html?page=dropdown"},{id:"knob",name:"Knob",description:"Rotary control knob",icon:"🎛️",category:"Inputs & Forms",docs:"/docs/index.html?page=knob"},{id:"pattern-input",name:"Pattern Input",description:"Input with pattern validation",icon:"🎯",category:"Inputs & Forms",docs:"/docs/index.html?page=pattern-input"},{id:"picklist",name:"Picklist",description:"List for selecting multiple items",icon:"📋",category:"Inputs & Forms",docs:"/docs/index.html?page=picklist"},{id:"range-slider",name:"Range Slider",description:"Slider for range selection",icon:"🎚️",category:"Inputs & Forms",docs:"/docs/index.html?page=range-slider"},{id:"rating",name:"Rating",description:"Star rating control",icon:"⭐",category:"Inputs & Forms",docs:"/docs/index.html?page=rating"},{id:"switch",name:"Switch",description:"Toggle switch control",icon:"🔘",category:"Inputs & Forms",docs:"/docs/index.html?page=switch"},{id:"transfer-list",name:"Transfer List",description:"Move items between lists",icon:"⇄",category:"Inputs & Forms",docs:"/docs/index.html?page=transfer-list"},{id:"advanced-data-table",name:"Advanced Table",description:"Data table with advanced features",icon:"📊",category:"Data Display",docs:"/docs/index.html?page=advanced-data-table"},{id:"avatar",name:"Avatar",description:"User profile image",icon:"👤",category:"Data Display",docs:"/docs/index.html?page=avatar"},{id:"avatar-group",name:"Avatar Group",description:"Group of avatars",icon:"👥",category:"Data Display",docs:"/docs/index.html?page=avatar-group"},{id:"badge",name:"Badge",description:"Notification badge",icon:"🔔",category:"Data Display",docs:"/docs/index.html?page=badge"},{id:"bar-chart",name:"Bar Chart",description:"Bar chart visualization",icon:"📊",category:"Data Display",docs:"/docs/index.html?page=bar-chart"},{id:"chart",name:"Chart",description:"General chart component",icon:"📈",category:"Data Display",docs:"/docs/index.html?page=chart"},{id:"chip",name:"Chip",description:"Compact element for input, attribute, or action",icon:"🏷️",category:"Data Display",docs:"/docs/index.html?page=chip"},{id:"meter-group",name:"Meter",description:"Visual meter display",icon:"📊",category:"Data Display",docs:"/docs/index.html?page=meter-group"},{id:"pill",name:"Pill",description:"Rounded status indicator",icon:"💊",category:"Data Display",docs:"/docs/index.html?page=pill"},{id:"speedometer",name:"Speedometer",description:"Speedometer gauge",icon:"🎯",category:"Data Display",docs:"/docs/index.html?page=speedometer"},{id:"tag",name:"Tag",description:"Label for clear categorization",icon:"🏷",category:"Data Display",docs:"/docs/index.html?page=tag"},{id:"timeline",name:"Timeline",description:"Events in chronological order",icon:"⏱️",category:"Data Display",docs:"/docs/index.html?page=timeline"},{id:"tree-list",name:"Tree List",description:"Hierarchical tree view",icon:"🌳",category:"Data Display",docs:"/docs/index.html?page=tree-list"},{id:"dialog",name:"Dialog",description:"Modal dialog box",icon:"💬",category:"Feedback & Overlays",docs:"/docs/index.html?page=dialog"},{id:"popover",name:"Popover",description:"Pop-up content",icon:"💭",category:"Feedback & Overlays",docs:"/docs/index.html?page=popover"},{id:"skeleton",name:"Skeleton",description:"Loading state placeholder",icon:"💀",category:"Feedback & Overlays",docs:"/docs/index.html?page=skeleton"},{id:"snackbar",name:"Snackbar",description:"Brief feedback message",icon:"🍞",category:"Feedback & Overlays",docs:"/docs/index.html?page=snackbar"},{id:"loader",name:"Loader",description:"Advanced loading indicators",icon:"🔄",category:"Feedback & Overlays",docs:"/docs/index.html?page=loader"},{id:"timer",name:"Timer",description:"Countdown or stopwatch",icon:"⏱️",category:"Feedback & Overlays",docs:"/docs/index.html?page=timer"}],m=["Foundation & Layout","Navigation","Inputs & Forms","Data Display","Feedback & Overlays"],b=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}searchQuery="";selectedCategory=null;mode="demo";getCategoryIcon(e){return{"Foundation & Layout":"🏗️",Navigation:"🧭","Inputs & Forms":"🎮","Data Display":"📊","Feedback & Overlays":"💬",Settings:"⚙️",About:"ℹ️"}[e]||"📦"}getFilteredComponents(){const e={},a=this.searchQuery.toLowerCase();for(const t of m){if(this.selectedCategory&&this.selectedCategory!==t)continue;const o=g.filter((e=>e.category===t&&(!a||e.name.toLowerCase().includes(a)||e.description.toLowerCase().includes(a)||e.id.toLowerCase().includes(a))));o.length>0&&(e[t]=o)}return e}handleCategoryClick=e=>{this.selectedCategory=this.selectedCategory===e?null:e};render(){const e=this.getFilteredComponents(),a=g.length;return t(o,{key:"4c1dc7e15800d09ec6aa0133c8701d7da61ab655"},t("div",{key:"cae99305a344bafc11d001b4f4c2cb0c1fe0f542",class:"library-container"},t("header",{key:"62e00d85aad197e14979d3dc1c5402de834c0eb0",class:"library-header"},t("div",{key:"01a835fb6293e56c2944be028b1f0f9395144308",class:"header-content"},t("div",{key:"696357260008450eff7bba75b7a49d7a6f2451f5",class:"logo-section"},t("div",{key:"ac0f7a864019b9d33c9b4fee9b7c263e29d0aed3",class:"logo"},t("span",{key:"0daec32b5865d5ae6c81d9812952aef9a1a76fb5",class:"logo-icon"},"🎨"),t("span",{key:"2e4d257808381b4fac4c391d3089cce08798e571",class:"logo-text"},"App UI")),t("span",{key:"920ed50aabb207dc2ea90d6ef99da8132e986b16",class:"version-badge"},"v0.1.0")),t("div",{key:"c29d9d82ea126477b091e8b3a7f97f8ac3b5b369",class:"search-container"},t("ui-input",{key:"5d38afc08cda8b1501f41585f010e300960fa30d",class:"search-input",placeholder:"Search components...",value:this.searchQuery,onInputChange:e=>this.searchQuery=e.detail,"prefix-icon":"search","icon-library":"lucide",clearable:!0})),t("div",{key:"93bea43833d4531d146af1b87f9617b190d49a94",class:"header-stats"},t("span",{key:"c70cf9beb7e5ac45bb5f1ff81a6f7392e1798d73",class:"stat"},a," components"),t("span",{key:"9f8566888498ef1d8cf4225e879b3d8878b8102a",class:"stat"},m.length," categories")))),t("nav",{key:"28830f9ed321730f42d699296bd7c881c4b1584d",class:"category-nav"},t("ui-button",{key:"7d96d7165f81812ce2d40ab6527709ce99e006a3",label:"All",variant:null===this.selectedCategory?"filled":"ghost",color:"primary",size:"md",onClick:()=>this.handleCategoryClick(null),style:{borderRadius:"20px"}}),m.map((e=>t("ui-button",{key:e,label:`${this.getCategoryIcon(e)} ${e}`,variant:this.selectedCategory===e?"filled":"ghost",color:"primary",size:"md",onClick:()=>this.handleCategoryClick(e),style:{borderRadius:"20px"}})))),t("main",{key:"de56e287dde8103b7002774cfbcd03661ab1dd16",class:"library-content"},0===Object.keys(e).length?t("div",{class:"no-results"},t("ui-icon",{name:"search",library:"lucide",size:"2em",class:"no-results-icon"}),t("h3",null,"No components found"),t("p",null,"Try adjusting your search or filter criteria")):Object.entries(e).map((([e,a])=>t("category-section",{key:e,"category-name":e,"category-icon":this.getCategoryIcon(e),components:a,mode:this.mode})))),t("footer",{key:"0054505d4de9a0d3b9bdc09e547e375839231b15",class:"library-footer"},t("p",{key:"10b12d9827ca1d5d55c7bd0369fd5aeaef059a8f"},"Built with ❤️ using Stencil.js"),t("div",{key:"50cc149a78a8192c27264590f17268082ce5d0d6",class:"footer-links"},t("a",{key:"ea18fc69818bddda3a1405716f93d8660d9abef3",href:"#",class:"footer-link"},"Documentation"),t("a",{key:"3e8d3dda249e3726d92b7b50423144402d297c31",href:"#",class:"footer-link"},"GitHub"),t("a",{key:"fa50f729f8d6021cf5ca60036ddc0adda4426b74",href:"#",class:"footer-link"},"Changelog")))))}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:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary:#6366f1;--primary-light:#818cf8;--bg-dark:#0f172a;--bg-card:rgba(30, 41, 59, 0.6);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border:rgba(255, 255, 255, 0.08);--header-bg:rgba(15, 23, 42, 0.85);--input-bg:rgba(255, 255, 255, 0.05)}:host-context([data-theme=light]),:host-context(.light),html[data-theme=light] :host{--bg-dark:#f8fafc;--bg-card:#ffffff;--text-primary:#1e293b;--text-secondary:#64748b;--border:#e2e8f0;--header-bg:rgba(255, 255, 255, 0.85);--input-bg:rgba(0, 0, 0, 0.04)}:host-context([data-theme=green]),:host-context(.green),html[data-theme=green] :host{--primary:#22c55e;--primary-light:#86efac;--bg-dark:#052e16;--bg-card:rgba(20, 83, 45, 0.6);--text-primary:#f0fdf4;--text-secondary:#86efac;--border:rgba(34, 197, 94, 0.2);--header-bg:rgba(5, 46, 22, 0.85);--input-bg:rgba(255, 255, 255, 0.1)}.library-container{min-height:100vh;background:linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);background-attachment:fixed;color:var(--text-primary)}.library-header{position:sticky;top:0;z-index:100;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:16px 32px}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:32px;flex-wrap:wrap}.logo-section{display:flex;align-items:center;gap:12px}.logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:2rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo-text{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg, #6366f1, #a855f7, #ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.version-badge{font-size:0.7rem;font-weight:600;padding:4px 10px;background:rgba(99, 102, 241, 0.2);color:#a5b4fc;border-radius:20px;border:1px solid rgba(99, 102, 241, 0.3)}.search-container{flex:1;max-width:500px;position:relative}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-input{width:100%;padding:14px 48px;background:var(--input-bg);border:1px solid var(--border);border-radius:16px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all 0.3s ease}.search-input::placeholder{color:var(--text-secondary)}.search-input:focus{outline:none;border-color:var(--primary);background:rgba(99, 102, 241, 0.08);box-shadow:0 0 0 4px rgba(99, 102, 241, 0.15)}.clear-search{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:rgba(255, 255, 255, 0.1);border:none;color:var(--text-secondary);width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.75rem;transition:all 0.2s ease}.clear-search:hover{background:rgba(239, 68, 68, 0.3);color:#fca5a5}.header-stats{display:flex;gap:20px;flex-shrink:0;margin-left:auto}.stat{font-size:0.85rem;color:var(--text-secondary);padding:8px 16px;background:rgba(255, 255, 255, 0.03);border-radius:10px;white-space:nowrap}.category-nav{max-width:1400px;margin:0 auto;padding:24px 32px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.category-pill{padding:10px 20px;background:rgba(255, 255, 255, 0.05);border:1px solid var(--border);border-radius:30px;color:var(--text-secondary);font-size:0.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all 0.3s ease;white-space:nowrap}.category-pill:hover{background:rgba(99, 102, 241, 0.15);border-color:rgba(99, 102, 241, 0.3);color:var(--text-primary);transform:translateY(-2px)}.category-pill.active{background:linear-gradient(135deg, #10b981 0%, #047857 100%);border-color:transparent;color:white;box-shadow:0 4px 15px rgba(16, 185, 129, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.2);font-weight:600}.category-pill.active:hover{transform:translateY(-2px)}.library-content{max-width:1400px;margin:0 auto;padding:0 32px 48px}.no-results{text-align:center;padding:80px 20px;color:var(--text-secondary)}.no-results-icon{font-size:4rem;display:block;margin-bottom:16px;opacity:0.5}.no-results h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 8px 0}.no-results p{margin:0;font-size:1rem}.library-footer{max-width:1400px;margin:0 auto;padding:32px;text-align:center;border-top:1px solid var(--border)}.library-footer p{margin:0 0 16px 0;color:var(--text-secondary);font-size:0.9rem}.footer-links{display:flex;justify-content:center;gap:24px}.footer-link{color:var(--primary-light);text-decoration:none;font-size:0.9rem;font-weight:500;transition:color 0.2s ease}.footer-link:hover{color:#a5b4fc}@media (max-width: 768px){.library-header{padding:12px 16px}.header-content{flex-wrap:wrap;gap:16px}.logo-section{flex:1}.search-container{order:3;flex:100%;max-width:none}.header-stats{display:none}.category-nav{padding:16px;gap:8px}.category-pill{padding:8px 14px;font-size:0.8rem}.library-content{padding:0 16px 32px}}'}},[513,"ui-library",{mode:[1],searchQuery:[32],selectedCategory:[32]}]),y=b,h=function(){"undefined"!=typeof customElements&&["ui-library","category-section","library-card","ui-badge","ui-button","ui-icon","ui-input","ui-loader"].forEach((e=>{switch(e){case"ui-library":customElements.get(i(e))||customElements.define(i(e),b);break;case"category-section":customElements.get(i(e))||r();break;case"library-card":customElements.get(i(e))||n();break;case"ui-badge":customElements.get(i(e))||d();break;case"ui-button":customElements.get(i(e))||c();break;case"ui-icon":customElements.get(i(e))||s();break;case"ui-input":customElements.get(i(e))||p();break;case"ui-loader":customElements.get(i(e))||l()}}))};export{y as UiLibrary,h as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as a,h as t,Host as o,transformTag as i}from"@stencil/core/internal/client";import{d as r}from"./category-section2.js";import{d as n}from"./library-card2.js";import{d as c}from"./badge.js";import{d}from"./button.js";import{d as s}from"./icon.js";import{d as p}from"./input.js";import{d as l}from"./loader.js";const g=[{id:"accordion",name:"Accordion",description:"Expandable/collapsible content",icon:"📑",category:"Foundation & Layout",docs:"/docs/index.html?page=accordion"},{id:"aside-panel",name:"Aside Panel",description:"Side content panel",icon:"📱",category:"Foundation & Layout",docs:"/docs/index.html?page=aside-panel"},{id:"card",name:"Card",description:"Content container",icon:"🃏",category:"Foundation & Layout",docs:"/docs/index.html?page=card"},{id:"divider",name:"Divider",description:"Content separator",icon:"➖",category:"Foundation & Layout",docs:"/docs/index.html?page=divider"},{id:"dock",name:"Dock",description:"Docking layout",icon:"🚢",category:"Foundation & Layout",docs:"/docs/index.html?page=dock"},{id:"dock-host",name:"Dock Host",description:"Host for dockable components",icon:"🗂️",category:"Foundation & Layout",docs:"/docs/index.html?page=dock-host"},{id:"layout-manager",name:"Layout Manager",description:"Manage complex layouts",icon:"🏗️",category:"Foundation & Layout",docs:"/docs/index.html?page=layout-manager"},{id:"panel",name:"Panel",description:"Content panel",icon:"📋",category:"Foundation & Layout",docs:"/docs/index.html?page=panel"},{id:"stack",name:"Stack",description:"Vertical/Horizontal stack",icon:"📚",category:"Foundation & Layout",docs:"/docs/index.html?page=stack"},{id:"anchor",name:"Anchor",description:"Anchor link navigation",icon:"⚓",category:"Navigation",docs:"/docs/index.html?page=anchor"},{id:"breadcrumb",name:"Breadcrumb",description:"Indicate current page location",icon:"🍞",category:"Navigation",docs:"/docs/index.html?page=breadcrumb"},{id:"context-menu",name:"Context Menu",description:"Right-click context menu",icon:"📋",category:"Navigation",docs:"/docs/index.html?page=context-menu"},{id:"horizontal-nav",name:"Horizontal Nav",description:"Horizontal navigation menu",icon:"↔️",category:"Navigation",docs:"/docs/index.html?page=horizontal-nav"},{id:"nav-bar",name:"Nav Bar",description:"Navigation bar",icon:"🧭",category:"Navigation",docs:"/docs/index.html?page=nav-bar"},{id:"pagination",name:"Pagination",description:"Navigate through pages of data",icon:"📄",category:"Navigation",docs:"/docs/index.html?page=pagination"},{id:"scroll-top",name:"Scroll Top",description:"Button to scroll to top",icon:"⬆️",category:"Navigation",docs:"/docs/index.html?page=scroll-top"},{id:"smart-menu",name:"Smart Menu",description:"Intelligent menu component",icon:"🧠",category:"Navigation",docs:"/docs/index.html?page=smart-menu"},{id:"smart-stepper",name:"Smart Stepper",description:"Intelligent stepper wizard",icon:"🧠",category:"Navigation",docs:"/docs/index.html?page=smart-stepper"},{id:"speed-dial",name:"Speed Dial",description:"Floating action button speed dial",icon:"⚡",category:"Navigation",docs:"/docs/index.html?page=speed-dial"},{id:"stepper",name:"Stepper",description:"Step-by-step wizard",icon:"👣",category:"Navigation",docs:"/docs/index.html?page=stepper"},{id:"tabs",name:"Tabs",description:"Tabbed content navigation",icon:"📑",category:"Navigation",docs:"/docs/index.html?page=tabs"},{id:"top-bar",name:"Top Bar",description:"Top navigation bar",icon:"📌",category:"Navigation",docs:"/docs/index.html?page=top-bar"},{id:"button",name:"Button",description:"Clickable button element",icon:"🔘",category:"Inputs & Forms",docs:"/docs/index.html?page=button"},{id:"button-group",name:"Button Group",description:"Layout container for buttons",icon:"🍱",category:"Inputs & Forms",docs:"/docs/index.html?page=button-group"},{id:"cascade-select",name:"Cascade Select",description:"Hierarchical selection",icon:"🔽",category:"Inputs & Forms",docs:"/docs/index.html?page=cascade-select"},{id:"dropdown",name:"Dropdown",description:"Select hidden items from a list",icon:"📋",category:"Inputs & Forms",docs:"/docs/index.html?page=dropdown"},{id:"knob",name:"Knob",description:"Rotary control knob",icon:"🎛️",category:"Inputs & Forms",docs:"/docs/index.html?page=knob"},{id:"pattern-input",name:"Pattern Input",description:"Input with pattern validation",icon:"🎯",category:"Inputs & Forms",docs:"/docs/index.html?page=pattern-input"},{id:"picklist",name:"Picklist",description:"List for selecting multiple items",icon:"📋",category:"Inputs & Forms",docs:"/docs/index.html?page=picklist"},{id:"range-slider",name:"Range Slider",description:"Slider for range selection",icon:"🎚️",category:"Inputs & Forms",docs:"/docs/index.html?page=range-slider"},{id:"rating",name:"Rating",description:"Star rating control",icon:"⭐",category:"Inputs & Forms",docs:"/docs/index.html?page=rating"},{id:"switch",name:"Switch",description:"Toggle switch control",icon:"🔘",category:"Inputs & Forms",docs:"/docs/index.html?page=switch"},{id:"transfer-list",name:"Transfer List",description:"Move items between lists",icon:"⇄",category:"Inputs & Forms",docs:"/docs/index.html?page=transfer-list"},{id:"advanced-data-table",name:"Advanced Table",description:"Data table with advanced features",icon:"📊",category:"Data Display",docs:"/docs/index.html?page=advanced-data-table"},{id:"avatar",name:"Avatar",description:"User profile image",icon:"👤",category:"Data Display",docs:"/docs/index.html?page=avatar"},{id:"avatar-group",name:"Avatar Group",description:"Group of avatars",icon:"👥",category:"Data Display",docs:"/docs/index.html?page=avatar-group"},{id:"badge",name:"Badge",description:"Notification badge",icon:"🔔",category:"Data Display",docs:"/docs/index.html?page=badge"},{id:"bar-chart",name:"Bar Chart",description:"Bar chart visualization",icon:"📊",category:"Data Display",docs:"/docs/index.html?page=bar-chart"},{id:"chart",name:"Chart",description:"General chart component",icon:"📈",category:"Data Display",docs:"/docs/index.html?page=chart"},{id:"chip",name:"Chip",description:"Compact element for input, attribute, or action",icon:"🏷️",category:"Data Display",docs:"/docs/index.html?page=chip"},{id:"meter-group",name:"Meter",description:"Visual meter display",icon:"📊",category:"Data Display",docs:"/docs/index.html?page=meter-group"},{id:"pill",name:"Pill",description:"Rounded status indicator",icon:"💊",category:"Data Display",docs:"/docs/index.html?page=pill"},{id:"speedometer",name:"Speedometer",description:"Speedometer gauge",icon:"🎯",category:"Data Display",docs:"/docs/index.html?page=speedometer"},{id:"tag",name:"Tag",description:"Label for clear categorization",icon:"🏷",category:"Data Display",docs:"/docs/index.html?page=tag"},{id:"timeline",name:"Timeline",description:"Events in chronological order",icon:"⏱️",category:"Data Display",docs:"/docs/index.html?page=timeline"},{id:"tree-list",name:"Tree List",description:"Hierarchical tree view",icon:"🌳",category:"Data Display",docs:"/docs/index.html?page=tree-list"},{id:"dialog",name:"Dialog",description:"Modal dialog box",icon:"💬",category:"Feedback & Overlays",docs:"/docs/index.html?page=dialog"},{id:"popover",name:"Popover",description:"Pop-up content",icon:"💭",category:"Feedback & Overlays",docs:"/docs/index.html?page=popover"},{id:"skeleton",name:"Skeleton",description:"Loading state placeholder",icon:"💀",category:"Feedback & Overlays",docs:"/docs/index.html?page=skeleton"},{id:"snackbar",name:"Snackbar",description:"Brief feedback message",icon:"🍞",category:"Feedback & Overlays",docs:"/docs/index.html?page=snackbar"},{id:"loader",name:"Loader",description:"Advanced loading indicators",icon:"🔄",category:"Feedback & Overlays",docs:"/docs/index.html?page=loader"},{id:"timer",name:"Timer",description:"Countdown or stopwatch",icon:"⏱️",category:"Feedback & Overlays",docs:"/docs/index.html?page=timer"}],m=["Foundation & Layout","Navigation","Inputs & Forms","Data Display","Feedback & Overlays"],b=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}searchQuery="";selectedCategory=null;mode="demo";getCategoryIcon(e){return{"Foundation & Layout":"🏗️",Navigation:"🧭","Inputs & Forms":"🎮","Data Display":"📊","Feedback & Overlays":"💬",Settings:"⚙️",About:"ℹ️"}[e]||"📦"}getFilteredComponents(){const e={},a=this.searchQuery.toLowerCase();for(const t of m){if(this.selectedCategory&&this.selectedCategory!==t)continue;const o=g.filter((e=>e.category===t&&(!a||e.name.toLowerCase().includes(a)||e.description.toLowerCase().includes(a)||e.id.toLowerCase().includes(a))));o.length>0&&(e[t]=o)}return e}handleCategoryClick=e=>{this.selectedCategory=this.selectedCategory===e?null:e};render(){const e=this.getFilteredComponents(),a=g.length;return t(o,{key:"7af3d689184e46c3bd02292ea4f22f5ca9945764"},t("div",{key:"f41481a5c1883d92bcb031ad2ad870fb986af516",class:"library-container"},t("header",{key:"1e8e42ce418dfff3bb91c83e14420dedffdf3cbc",class:"library-header"},t("div",{key:"49f0832b98cbe019ef9a258cbef8616efbb865e9",class:"header-content"},t("div",{key:"f7461ed7219a059a49e4049a8f17dd0b93688f05",class:"logo-section"},t("div",{key:"d4ab4bcb3909ed5a3af30ae89f0e4d58b5eb35ae",class:"logo"},t("span",{key:"9513f4ceb1723af068920240c5dd4fc99e736911",class:"logo-icon"},"🎨"),t("span",{key:"8bc28122c5e22e0f4c5f912fcd4d653065c47c16",class:"logo-text"},"App UI")),t("span",{key:"81f34ec0b03d9a5ab174c8fc7cc28b48da656c77",class:"version-badge"},"v0.1.0")),t("div",{key:"3b3ef085d16c1efbc8cfe3ccdc72b0ebc57e4666",class:"search-container"},t("ui-input",{key:"5adcc741e1ed654686012689e9a92e8f6dfc22ac",class:"search-input",placeholder:"Search components...",value:this.searchQuery,onInputChange:e=>this.searchQuery=e.detail,"prefix-icon":"search","icon-library":"lucide",clearable:!0})),t("div",{key:"61baaadd9b86a0c20c3a6b81fd1614a5089b3554",class:"header-stats"},t("span",{key:"046d0fd0c233314bb30bf75d469e5a9c496647fa",class:"stat"},a," components"),t("span",{key:"455a288e2b0553687ea61c88b6b4728bc02860dc",class:"stat"},m.length," categories")))),t("nav",{key:"2cedaba54c9a0d8dae53d8c04c82e21ac233fc9a",class:"category-nav"},t("ui-button",{key:"a20b92b2c7f5fa8366457f3a6721bfa81ee62bab",label:"All",variant:null===this.selectedCategory?"filled":"ghost",color:"primary",size:"md",onClick:()=>this.handleCategoryClick(null),style:{borderRadius:"20px"}}),m.map((e=>t("ui-button",{key:e,label:`${this.getCategoryIcon(e)} ${e}`,variant:this.selectedCategory===e?"filled":"ghost",color:"primary",size:"md",onClick:()=>this.handleCategoryClick(e),style:{borderRadius:"20px"}})))),t("main",{key:"25b1de0ed093c1bf9593c959ab6e4d69cde3f2b3",class:"library-content"},0===Object.keys(e).length?t("div",{class:"no-results"},t("ui-icon",{name:"search",library:"lucide",size:"2em",class:"no-results-icon"}),t("h3",null,"No components found"),t("p",null,"Try adjusting your search or filter criteria")):Object.entries(e).map((([e,a])=>t("category-section",{key:e,"category-name":e,"category-icon":this.getCategoryIcon(e),components:a,mode:this.mode})))),t("footer",{key:"479b967ddb3281c318b60300da1c4b9eb3976189",class:"library-footer"},t("p",{key:"f1832bdca4a507ea2f74c4332b2936a6a37b33ab"},"Built with ❤️ using Stencil.js"),t("div",{key:"f2b462bb1a0ae1133ec02a246cbfcfd27ec0d501",class:"footer-links"},t("a",{key:"0780dd9f9a59efcd69d21910551cbd2ce25eafbc",href:"#",class:"footer-link"},"Documentation"),t("a",{key:"224e2da3c34d7362ee42f8a207a9f64e556bb0bc",href:"#",class:"footer-link"},"GitHub"),t("a",{key:"82c37c06125ddafcd54246b5df31dfe213538853",href:"#",class:"footer-link"},"Changelog")))))}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:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary:#6366f1;--primary-light:#818cf8;--bg-dark:#0f172a;--bg-card:rgba(30, 41, 59, 0.6);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border:rgba(255, 255, 255, 0.08);--header-bg:rgba(15, 23, 42, 0.85);--input-bg:rgba(255, 255, 255, 0.05)}:host-context([data-theme=light]),:host-context(.light),html[data-theme=light] :host{--bg-dark:#f8fafc;--bg-card:#ffffff;--text-primary:#1e293b;--text-secondary:#64748b;--border:#e2e8f0;--header-bg:rgba(255, 255, 255, 0.85);--input-bg:rgba(0, 0, 0, 0.04)}:host-context([data-theme=green]),:host-context(.green),html[data-theme=green] :host{--primary:#22c55e;--primary-light:#86efac;--bg-dark:#052e16;--bg-card:rgba(20, 83, 45, 0.6);--text-primary:#f0fdf4;--text-secondary:#86efac;--border:rgba(34, 197, 94, 0.2);--header-bg:rgba(5, 46, 22, 0.85);--input-bg:rgba(255, 255, 255, 0.1)}.library-container{min-height:100vh;background:linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);background-attachment:fixed;color:var(--text-primary)}.library-header{position:sticky;top:0;z-index:100;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:16px 32px}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:32px;flex-wrap:wrap}.logo-section{display:flex;align-items:center;gap:12px}.logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:2rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo-text{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg, #6366f1, #a855f7, #ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.version-badge{font-size:0.7rem;font-weight:600;padding:4px 10px;background:rgba(99, 102, 241, 0.2);color:#a5b4fc;border-radius:20px;border:1px solid rgba(99, 102, 241, 0.3)}.search-container{flex:1;max-width:500px;position:relative}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-input{width:100%;padding:14px 48px;background:var(--input-bg);border:1px solid var(--border);border-radius:16px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all 0.3s ease}.search-input::placeholder{color:var(--text-secondary)}.search-input:focus{outline:none;border-color:var(--primary);background:rgba(99, 102, 241, 0.08);box-shadow:0 0 0 4px rgba(99, 102, 241, 0.15)}.clear-search{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:rgba(255, 255, 255, 0.1);border:none;color:var(--text-secondary);width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.75rem;transition:all 0.2s ease}.clear-search:hover{background:rgba(239, 68, 68, 0.3);color:#fca5a5}.header-stats{display:flex;gap:20px;flex-shrink:0;margin-left:auto}.stat{font-size:0.85rem;color:var(--text-secondary);padding:8px 16px;background:rgba(255, 255, 255, 0.03);border-radius:10px;white-space:nowrap}.category-nav{max-width:1400px;margin:0 auto;padding:24px 32px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.category-pill{padding:10px 20px;background:rgba(255, 255, 255, 0.05);border:1px solid var(--border);border-radius:30px;color:var(--text-secondary);font-size:0.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all 0.3s ease;white-space:nowrap}.category-pill:hover{background:rgba(99, 102, 241, 0.15);border-color:rgba(99, 102, 241, 0.3);color:var(--text-primary);transform:translateY(-2px)}.category-pill.active{background:linear-gradient(135deg, #10b981 0%, #047857 100%);border-color:transparent;color:white;box-shadow:0 4px 15px rgba(16, 185, 129, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.2);font-weight:600}.category-pill.active:hover{transform:translateY(-2px)}.library-content{max-width:1400px;margin:0 auto;padding:0 32px 48px}.no-results{text-align:center;padding:80px 20px;color:var(--text-secondary)}.no-results-icon{font-size:4rem;display:block;margin-bottom:16px;opacity:0.5}.no-results h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 8px 0}.no-results p{margin:0;font-size:1rem}.library-footer{max-width:1400px;margin:0 auto;padding:32px;text-align:center;border-top:1px solid var(--border)}.library-footer p{margin:0 0 16px 0;color:var(--text-secondary);font-size:0.9rem}.footer-links{display:flex;justify-content:center;gap:24px}.footer-link{color:var(--primary-light);text-decoration:none;font-size:0.9rem;font-weight:500;transition:color 0.2s ease}.footer-link:hover{color:#a5b4fc}@media (max-width: 768px){.library-header{padding:12px 16px}.header-content{flex-wrap:wrap;gap:16px}.logo-section{flex:1}.search-container{order:3;flex:100%;max-width:none}.header-stats{display:none}.category-nav{padding:16px;gap:8px}.category-pill{padding:8px 14px;font-size:0.8rem}.library-content{padding:0 16px 32px}}'}},[513,"ui-library",{mode:[1],searchQuery:[32],selectedCategory:[32]}]),y=b,h=function(){"undefined"!=typeof customElements&&["ui-library","category-section","library-card","ui-badge","ui-button","ui-icon","ui-input","ui-loader"].forEach((e=>{switch(e){case"ui-library":customElements.get(i(e))||customElements.define(i(e),b);break;case"category-section":customElements.get(i(e))||r();break;case"library-card":customElements.get(i(e))||n();break;case"ui-badge":customElements.get(i(e))||c();break;case"ui-button":customElements.get(i(e))||d();break;case"ui-icon":customElements.get(i(e))||s();break;case"ui-input":customElements.get(i(e))||p();break;case"ui-loader":customElements.get(i(e))||l()}}))};export{y as UiLibrary,h as defineCustomElement}

package/dist/components/ui-list.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as a,transformTag as s}from"@stencil/core/internal/client";import{d as r}from"./avatar.js";import{d as o}from"./avatar-group.js";import{d as n,a as l}from"./badge.js";import{d as c}from"./checkbox.js";import{d}from"./icon.js";import{d as h}from"./input.js";import{d as p}from"./list-group.js";import{d as b}from"./list-item.js";import{d as f}from"./loader.js";import{d as u}from"./stack.js";import{d as m}from"./tag.js";import{d as g}from"./tag-group.js";const y=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.listItemSelect=i(this,"listItemSelect",7),this.listChange=i(this,"listChange",7),this.listStarToggle=i(this,"listStarToggle",7),this.swipeAction=i(this,"swipeAction",7),this.longPress=i(this,"longPress",7),this.searchChange=i(this,"searchChange",7),this.itemsReorder=i(this,"itemsReorder",7),this.pageChange=i(this,"pageChange",7),this.loadMore=i(this,"loadMore",7),this.bulkAction=i(this,"bulkAction",7),this.columnSort=i(this,"columnSort",7)}get el(){return this}label="";size="md";color="default";variant="text";dense=!1;dividers=!1;rounded=!1;elevated=!1;selectable=!0;multiSelect=!1;selectedValues=[];maxHeight="";fullWidth=!1;padding=!0;subheader="";virtual=!1;itemHeight=48;items=[];searchable=!1;searchPlaceholder="Search...";searchQuery="";loading=!1;loadingText="Loading...";skeleton=!1;emptyText="No items found";showEmpty=!0;isDraggable=!1;paginated=!1;itemsPerPage=10;currentPage=1;checkboxSelection=!1;keyboardNavigation=!0;grouped=!1;groupBy="";flush=!1;horizontal=!1;numbered=!1;infinite=!1;loadMoreThreshold=50;stickyHeaders=!1;showBulkHeader=!1;bulkActions=[];grid=!1;gridCols=3;dragGroup="";altMode=!0;altKeyPressed=!1;isPowerLauncherOpen=!1;emptyStateTitle="No results found";emptyStateActionLabel="";selectionHeaderColor="primary";ariaLabel="System Cluster List";density="comfortable";viewTabs=[];commandK=!0;showMinimap=!0;isCommandKOpen=!1;commandQuery="";activeTab=0;focusRingTop=-1;focusRingHeight=0;showConfetti=!1;isEKGActive=!0;groupDashboards=new Set;syncing=!1;filterChips=[];showSortingHeaders=!1;columns=[];showGroupFooter=!1;groupFooterLabel="Items";floatingFAB=!1;isPaletteOpen=!1;isQuickLookOpen=!1;shiftSelectionStartIndex=-1;scrollTop=0;lassoActive=!1;lassoStart={x:0,y:0};lassoEnd={x:0,y:0};visibleItems=[];filteredItems=[];focusedIndex=-1;draggedItem=null;totalPages=1;listItemSelect;listChange;listStarToggle;swipeAction;longPress;searchChange;itemsReorder;pageChange;loadMore;bulkAction;columnSort;_sortColumn="";_sortDir="asc";listRef;scrollTimeout;componentWillLoad(){try{this.filterItems()}catch(t){console.error("[AppList] Error filtering items:",t)}}componentDidLoad(){this.virtual&&this.updateVisibleItems()}handleItemsChange(){this.filterItems()}filterItems(){let t=[...this.items];if(this.searchQuery&&this.searchable){const e=this.searchQuery.toLowerCase();t=t.filter((t=>"string"==typeof t?t.toLowerCase().includes(e):t.label?t.label.toLowerCase().includes(e):t.text?t.text.toLowerCase().includes(e):JSON.stringify(t).toLowerCase().includes(e)))}if(this.filteredItems=t,this.paginated){this.totalPages=Math.ceil(t.length/this.itemsPerPage);const e=(this.currentPage-1)*this.itemsPerPage;this.filteredItems=t.slice(e,e+this.itemsPerPage)}this.virtual&&this.updateVisibleItems()}getGroupedItems(){if(!this.grouped||!this.groupBy)return null;const t={};return this.filteredItems.forEach((e=>{const i=e[this.groupBy]||"Other";t[i]||(t[i]=[]),t[i].push(e)})),t}updateVisibleItems(){if(!this.listRef||!this.virtual)return;const t=this.listRef.clientHeight||400,e=Math.floor(this.scrollTop/this.itemHeight),i=Math.ceil((this.scrollTop+t)/this.itemHeight);this.visibleItems=this.filteredItems.slice(Math.max(0,e-5),Math.min(this.filteredItems.length,i+5))}handleScroll=t=>{const e=t.target;this.scrollTop=e.scrollTop,this.virtual&&(clearTimeout(this.scrollTimeout),this.scrollTimeout=setTimeout((()=>{this.updateVisibleItems()}),50)),this.infinite&&e.scrollHeight-e.scrollTop-e.clientHeight<this.loadMoreThreshold&&this.loadMore.emit()};handleLassoStart=t=>{if(this.isPaletteOpen||this.isQuickLookOpen)return;if(!t.target.classList.contains("list"))return;this.lassoActive=!0;const e=this.listRef.getBoundingClientRect();this.lassoStart={x:t.clientX-e.left,y:t.clientY-e.top},this.lassoEnd={...this.lassoStart},document.addEventListener("mousemove",this.handleLassoMove),document.addEventListener("mouseup",this.handleLassoEnd)};handleLassoMove=t=>{if(!this.lassoActive)return;const e=this.listRef.getBoundingClientRect();this.lassoEnd={x:t.clientX-e.left,y:t.clientY-e.top},this.checkLassoSelection()};handleLassoEnd=()=>{this.lassoActive=!1,document.removeEventListener("mousemove",this.handleLassoMove),document.removeEventListener("mouseup",this.handleLassoEnd)};checkLassoSelection(){const t=Math.min(this.lassoStart.x,this.lassoEnd.x),e=Math.max(this.lassoStart.x,this.lassoEnd.x),i=Math.min(this.lassoStart.y,this.lassoEnd.y),a=Math.max(this.lassoStart.y,this.lassoEnd.y),s=this.listRef.querySelectorAll("ui-list-item"),r=[...this.selectedValues];s.forEach((s=>{const o=s.getBoundingClientRect(),n=this.listRef.getBoundingClientRect(),l=o.top-n.top,c=o.left-n.left;if(l+o.height>i&&l<a&&c+o.width>t&&c<e){const t=s.value||s.label;r.includes(t)||r.push(t)}})),this.selectedValues=Array.from(new Set(r))}handleGlobalKeyDown(t){if(!this.keyboardNavigation)return;if(t.composedPath()[0]instanceof HTMLInputElement||t.composedPath()[0]instanceof HTMLTextAreaElement)return;if("?"===t.key)return t.preventDefault(),void(this.isPaletteOpen=!this.isPaletteOpen);if(this.isPaletteOpen&&"Escape"===t.key)return void(this.isPaletteOpen=!1);if("["===t.key||"]"===t.key)return t.preventDefault(),void this.jumpToGroup("["===t.key?"prev":"next");if(" "===t.key&&!this.isPaletteOpen)return t.preventDefault(),void(this.isQuickLookOpen=!this.isQuickLookOpen);const e=t.shiftKey;switch("Alt"===t.key&&(this.altKeyPressed=!0),"k"===t.key&&(t.ctrlKey||t.metaKey)&&(t.preventDefault(),this.isCommandKOpen=!this.isCommandKOpen),t.key.toLowerCase()){case"j":case"arrowdown":t.preventDefault(),e&&this.focusedIndex>=0&&this.handleRangeSelection(this.focusedIndex,Math.min(this.filteredItems.length-1,this.focusedIndex+1)),this.moveFocusRel(1);break;case"k":case"arrowup":t.preventDefault(),e&&this.focusedIndex>=0&&this.handleRangeSelection(this.focusedIndex,Math.max(0,this.focusedIndex-1)),this.moveFocusRel(-1);break;case"x":if(this.focusedIndex>=0){const t=this.filteredItems[this.focusedIndex],e=t.value||t.id||""+this.focusedIndex;this.handleItemSelection(e,!this.selectedValues.includes(e))}}}handleGlobalKeyUp(t){"Alt"===t.key&&(this.altKeyPressed=!1)}handleKeyDown=t=>{if(!this.keyboardNavigation)return;const e=this.filteredItems;if(0!==e.length)if("ArrowDown"===t.key)t.preventDefault(),this.moveFocus(1);else if("ArrowUp"===t.key)t.preventDefault(),this.moveFocus(-1);else if("Enter"===t.key&&this.focusedIndex>=0){const t=e[this.focusedIndex];this.handleItemSelection(t.value||t.id||""+this.focusedIndex,!0)}else if(" "===t.key&&this.checkboxSelection&&this.focusedIndex>=0){t.preventDefault();const i=e[this.focusedIndex],a=i.value||i.id||""+this.focusedIndex,s=this.selectedValues.includes(a);this.handleItemSelection(a,!s)}};handleRangeSelection(t,e){-1===this.shiftSelectionStartIndex&&(this.shiftSelectionStartIndex=t);const i=Math.min(this.shiftSelectionStartIndex,e),a=Math.max(this.shiftSelectionStartIndex,e),s=Array.from(new Set([...this.selectedValues]));for(let t=i;t<=a;t++){const e=this.filteredItems[t].value||this.filteredItems[t].label;s.includes(e)||s.push(e)}this.selectedValues=s,this.listChange.emit({values:this.selectedValues})}jumpToGroup(t){const e=this.getGroupedItems();if(!e)return;const i=Object.keys(e),a=this.filteredItems[this.focusedIndex];if(!a)return void this.moveFocus(0);const s=i.find((t=>e[t].includes(a)));if(!s)return;let r=i.indexOf(s)+("next"===t?1:-1);r<0&&(r=i.length-1),r>=i.length&&(r=0);const o=this.filteredItems.indexOf(e[i[r]][0]);this.moveFocus(o-this.focusedIndex)}moveFocusRel(t){const e=Math.max(0,Math.min(this.focusedIndex+t,this.filteredItems.length-1));if(e!==this.focusedIndex){this.focusedIndex=e,this.updateFocusRing(),this.scrollToFocused();const t=this.el.shadowRoot?.querySelectorAll("ui-list-item");t?.[e]?.focus()}}updateFocusRing(){const t=this.el.shadowRoot?.querySelectorAll("ui-list-item"),e=t?.[this.focusedIndex];if(e){const t=this.listRef.getBoundingClientRect(),i=e.getBoundingClientRect();this.focusRingTop=i.top-t.top+this.listRef.scrollTop,this.focusRingHeight=i.height}}moveFocus(t){this.moveFocusRel(t)}scrollToFocused(){if(this.listRef&&this.focusedIndex>=0){const t=this.listRef.children[this.focusedIndex];t&&(t.scrollIntoView({block:"nearest",behavior:"smooth"}),t.focus())}}handleDragStart=(t,e,i)=>{this.isDraggable&&(this.draggedItem={item:e,index:i},t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/html",t.target.outerHTML),t.target.classList.add("dragging"))};handleDragOver=t=>{this.isDraggable&&this.draggedItem&&(t.preventDefault(),t.dataTransfer.dropEffect="move")};handleDrop=(t,e)=>{t.preventDefault();const i=t.dataTransfer.getData("source-list-id"),a=t.dataTransfer.getData("drag-group"),s=t.dataTransfer.getData("item-data");if(a&&a!==this.dragGroup)console.warn("[AppList] Drag group mismatch");else{if(i!==this.el.id&&i)try{const t=JSON.parse(s),i=[...this.filteredItems];i.splice(e,0,t),this.filteredItems=i,this.itemsReorder.emit({items:i})}catch(t){console.error("[AppList] Error parsing external item data",t)}else{if(!this.draggedItem)return;const t=this.draggedItem.index;if(t===e)return;const i=[...this.filteredItems],[a]=i.splice(t,1);i.splice(e,0,a),this.filteredItems=i,this.itemsReorder.emit({items:i})}this.draggedItem=null}};handleDragEnd=t=>{t.target.classList.remove("dragging"),this.draggedItem=null};handleItemSelection(t,e){this.selectable&&(this.multiSelect||this.checkboxSelection?e?this.selectedValues.includes(t)||(this.selectedValues=[...this.selectedValues,t]):this.selectedValues=this.selectedValues.filter((e=>e!==t)):this.selectedValues=e?[t]:[],this.listItemSelect.emit({value:t,values:this.selectedValues}),this.listChange.emit({values:this.selectedValues}))}goToPage(t){t<1||t>this.totalPages||(this.currentPage=t,this.pageChange.emit({page:t}))}renderSearch(){return this.searchable?a("div",{class:"list-search"},a("ui-icon",{name:"search",library:"fontawesome",class:"search-icon"}),a("ui-input",{type:"text",class:"search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,onInputChange:t=>{this.searchQuery=t.detail,this.searchChange.emit({query:this.searchQuery})},prefixIcon:"search",size:"sm"}),this.searchQuery&&a("ui-button",{variant:"ghost",class:"search-clear",onClick:()=>{this.searchQuery="",this.searchChange.emit({query:""})},icon:"times",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})):null}renderLoading(){return this.loading?a("div",{class:"list-loading"},a("ui-loader",{type:"spinner",size:"1.2em",color:"primary"}),a("span",null,this.loadingText)):null}renderEmpty(){return!this.showEmpty||this.loading||this.filteredItems.length>0?null:a("div",{class:"list-empty"},a("ui-icon",{name:"inbox",library:"fontawesome"}),a("span",null,this.emptyText))}renderPagination(){if(!this.paginated||this.totalPages<=1)return null;const t=[];for(let e=1;e<=this.totalPages;e++)1===e||e===this.totalPages||e>=this.currentPage-2&&e<=this.currentPage+2?t.push(a("ui-button",{variant:e===this.currentPage?"primary":"ghost",class:{"pagination-button":!0,active:e===this.currentPage},onClick:()=>this.goToPage(e),label:""+e,size:"sm"})):e!==this.currentPage-3&&e!==this.currentPage+3||t.push(a("span",{class:"pagination-ellipsis"},"..."));return a("div",{class:"list-pagination"},a("ui-button",{variant:"ghost",class:"pagination-button",disabled:1===this.currentPage,onClick:()=>this.goToPage(this.currentPage-1),icon:"chevron-left",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}),t,a("ui-button",{variant:"ghost",class:"pagination-button",disabled:this.currentPage===this.totalPages,onClick:()=>this.goToPage(this.currentPage+1),icon:"chevron-right",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}))}renderVirtualList(){return a("div",{class:"virtual-list",style:{height:this.filteredItems.length*this.itemHeight+"px",position:"relative"}},a("div",{style:{transform:`translateY(${Math.floor(this.scrollTop/this.itemHeight)*this.itemHeight}px)`}},this.visibleItems.map(((t,e)=>this.renderItem(t,e)))))}renderItem(t,e){const i=t.value||t.id||""+e,s=this.selectedValues.includes(i);return a("ui-list-item",{style:{"--item-index":""+e},label:t.label||t.text||t,sublabel:t.sublabel||"",value:i,icon:t.icon||"",userAvatar:t.avatar||t.userAvatar||"",image:t.image||"",selected:s,skeleton:this.skeleton||this.loading,highlight:this.searchQuery,size:this.size,badge:t.badge||"",counter:t.counter||"",tags:t.tags||"",interactive:this.selectable,onListItemClick:()=>this.handleItemSelection(i,!s),onCheckboxChange:t=>this.handleItemSelection(i,t.detail.checked),showCheckbox:this.checkboxSelection,swipeActions:t.swipeActions??!0,leftActionIcon:t.leftActionIcon??"check",rightActionIcon:t.rightActionIcon??"trash",leftActions:t.leftActions||[],rightActions:t.rightActions||[],avatarGroup:t.avatarGroup||t.collaborators||"",avatarGroupPosition:t.avatarGroupPosition||"content",progress:t.progress??-1,status:t.status||"",statusPosition:t.statusPosition||"bottom-right",starred:t.starred||!1,showStar:t.showStar||!1,expandable:t.expandable||!1,priorityPulse:t.priorityPulse||!1,presence:t.presence||[],presenceCursors:t.presenceCursors||[],density:this.density,auraMode:!0,sparkline:t.sparkline||[],metadata:t.metadata||{},showGhostLayer:this.altKeyPressed,gridMode:this.grid,focused:this.focusedIndex===e,class:{draggable:this.isDraggable,"focused-item":this.focusedIndex===e},draggable:this.isDraggable,onDragStart:i=>{this.handleDragStart(i,t,e),i.dataTransfer.setData("source-list-id",this.el.id),i.dataTransfer.setData("drag-group",this.dragGroup),i.dataTransfer.setData("item-data",JSON.stringify(t))},onDragOver:this.handleDragOver,onDrop:t=>this.handleDrop(t,e),onDragEnd:this.handleDragEnd,onSwipeAction:t=>{t.stopPropagation(),this.swipeAction.emit({value:t.detail.value,side:t.detail.side,action:t.detail.action})},onLongPress:t=>{t.stopPropagation(),this.longPress.emit({value:t.detail.value})},onStarToggle:t=>{t.stopPropagation(),this.listStarToggle.emit({value:t.detail.value,starred:t.detail.starred})}})}renderGroupFooter(t){return this.showGroupFooter?a("div",{class:"list-group-footer",slot:"footer"},this.groupFooterLabel,": ",t.length):null}handleItemClick(t){const{value:e,selected:i,shiftKey:a,ctrlKey:s,metaKey:r}=t.detail;if(!this.selectable)return;const o=this.filteredItems.findIndex((t=>(t.value||t.id||t.label)===e));a&&-1!==this.shiftSelectionStartIndex&&this.multiSelect?this.handleRangeSelection(this.shiftSelectionStartIndex,o):(s||r)&&this.multiSelect?(this.handleItemSelection(e,!this.selectedValues.includes(e)),this.shiftSelectionStartIndex=o):(this.handleItemSelection(e,i),this.shiftSelectionStartIndex=o),this.listItemSelect.emit({value:e,values:this.selectedValues,shiftKey:a,ctrlKey:s,metaKey:r}),this.listChange.emit({values:this.selectedValues})}renderContent(){return this.loading?this.renderLoading():this.virtual?this.renderVirtualList():this.grouped&&this.items&&this.items.length>0?this.renderGroupedItems():this.items&&this.items.length>0?this.filteredItems.length>0?this.filteredItems.map(((t,e)=>this.renderItem(t,e))):this.renderEmpty():a("slot",null)}renderEKGWaveform(){return this.isEKGActive?a("div",{class:"list-ekg-container"},a("svg",{class:"list-ekg-waveform",viewBox:"0 0 100 20",preserveAspectRatio:"none"},a("path",{d:"M0,10 L10,10 L12,2 L15,18 L18,10 L30,10 L32,5 L35,15 L38,10 L50,10 L52,0 L55,20 L58,10 L100,10",fill:"none",stroke:"rgba(59, 130, 246, 0.4)","stroke-width":"1.5"}))):null}renderConfetti(){if(!this.showConfetti)return null;const t=Array.from({length:20});return a("div",{class:"list-confetti-burst"},t.map((()=>a("div",{class:"confetti-particle"}))))}renderGroupDashboard(t,e){if(!this.groupDashboards.has(t))return null;const i=Math.round(e.reduce(((t,e)=>t+(e.progress||0)),0)/e.length),s=e.filter((t=>"online"===t.status)).length;return a("div",{class:"group-mini-dashboard"},a("div",{class:"gm-stat"},"Group Pulse: ",a("strong",null,i,"%")),a("div",{class:"gm-stat"},"Vitality: ",a("strong",null,s,"/",e.length," Active")),a("div",{class:"gm-spark",style:{flex:"1"}},a("svg",{height:"24",width:"100%"},a("path",{d:"M0,12 Q25,2 50,12 T100,12",fill:"none",stroke:"#3bf673","stroke-width":"2"}))))}renderGroupedItems(){const t=this.getGroupedItems();return t?Object.keys(t).map((e=>a("ui-list-group",{key:e,label:e,collapsible:!0,expanded:!0},a("div",{slot:"header",class:"group-header-custom",onClick:t=>{t.stopPropagation();const i=new Set(this.groupDashboards);i.has(e)?i.delete(e):i.add(e),this.groupDashboards=i}},a("span",{class:"group-title-label"},e),a("span",{class:"group-pill"},t[e].length," Nodes"),a("ui-icon",{name:this.groupDashboards.has(e)?"chart-bar":"chevron-down",library:"fontawesome"})),this.renderGroupDashboard(e,t[e]),t[e].map(((t,i)=>{const s=this.filteredItems.indexOf(t);return a("div",{key:`${e}-${i}`},this.renderItem(t,s))})),this.renderGroupFooter(t[e])))):null}renderCommandPalette(){if(!this.isCommandKOpen)return null;const t=[{label:"Switch to Grid View",action:()=>this.grid=!0,icon:"th"},{label:"Switch to Compact Mode",action:()=>this.density="compact",icon:"list"},{label:"Export to CSV",action:()=>this.bulkAction.emit({action:"export-csv",values:this.selectedValues}),icon:"download"},{label:"Filter by Critical",action:()=>this.searchQuery="online",icon:"shield-alt"}].filter((t=>t.label.toLowerCase().includes(this.commandQuery.toLowerCase())));return a("div",{class:"list-command-palette-overlay",onClick:()=>this.isCommandKOpen=!1},a("div",{class:"command-palette-content",onClick:t=>t.stopPropagation()},a("div",{class:"cp-search"},a("ui-icon",{name:"search"}),a("ui-input",{type:"text",placeholder:"Type a command or search...",value:this.commandQuery,onInputChange:t=>this.commandQuery=t.detail,autoFocus:!0,prefixIcon:"search",size:"sm"}),a("kbd",null,"ESC")),a("div",{class:"cp-results"},t.map((t=>a("div",{class:"cp-item",onClick:()=>{t.action(),this.isCommandKOpen=!1}},a("ui-icon",{name:t.icon}),a("span",null,t.label)))))))}renderMinimap(){return this.showMinimap?a("div",{class:"list-scrollbar-minimap"},this.filteredItems.map(((t,e)=>"online"===t.status||"busy"===t.status||t.priorityPulse?a("div",{class:"m-marker m-"+(t.status||"danger"),style:{top:e/this.filteredItems.length*100+"%"}}):null))):null}renderViewTabs(){return this.viewTabs&&0!==this.viewTabs.length?a("div",{class:"list-view-tabs"},this.viewTabs.map(((t,e)=>a("div",{key:t.label,class:{"view-tab":!0,active:this.activeTab===e},onClick:()=>{this.activeTab=e,this.filterItems()}},t.label)))):null}render(){const t={list:!0,["list-"+this.size]:!0,["list-"+this.variant]:!0,"list-dense":this.dense,"list-dividers":this.dividers,"list-rounded":this.rounded,"list-elevated":this.elevated,"list-full-width":this.fullWidth,"list-no-padding":!this.padding,"list-draggable":this.isDraggable,"list-keyboard-nav":this.keyboardNavigation,"list-flush":this.flush,"list-horizontal":this.horizontal,"list-numbered":this.numbered,"list-grid":this.grid,"list-selection-active":this.selectedValues.length>0},e={...this.maxHeight?{maxHeight:this.maxHeight,overflowY:"auto"}:{},...this.grid?{display:"grid",gridTemplateColumns:`repeat(${this.gridCols}, 1fr)`,gap:"16px",padding:"16px"}:{}};return a("div",{key:"4f41d5f9b82328c5e5b6b990d2cba0fb85d02aa5",class:{"list-container":!0,"list-has-selection":this.selectedValues.length>0,["selection-theme-"+this.selectionHeaderColor]:this.selectedValues.length>0},onKeyDown:this.handleKeyDown,tabindex:"0"},this.syncing&&a("div",{key:"b5ccede5c41d256002443a4212650290614978ab",class:"list-sync-bar"}),a("div",{key:"ed6271a638dd129ac647487306f59be583d87e9e",class:"list-header-adaptive"},a("div",{key:"db465ed90ceb6591344a2ce62fb081c11d126309",class:"header-main-titles"},this.label&&a("div",{key:"84064fc69f3df5d1a36094c42c531f794375709a",class:"list-label"},this.label),this.subheader&&a("div",{key:"43b6852ce14d2a109e7d49f0ee4a2023b7b99476",class:"list-subheader"},this.subheader)),this.renderViewTabs()),this.renderSearch(),this.filterChips.length>0&&a("div",{key:"755badc3efa061e5ef7f8be478813eb83df98cdc",class:"list-filter-chips"},this.filterChips.map((t=>a("ui-button",{variant:t.active?"primary":"ghost",class:{"filter-chip":!0,active:t.active},label:`${t.label} ${void 0!==t.count?t.count:""}`,size:"sm"})))),this.showSortingHeaders&&a("div",{key:"978d41292344852cf0ee831127b66cd2ab742664",class:"list-sorting-headers"},this.columns.map((t=>a("div",{class:"sort-header",onClick:()=>{const e=this._sortColumn===t.key&&"asc"===this._sortDir?"desc":"asc";this._sortColumn=t.key,this._sortDir=e,this.columnSort.emit({key:t.key,direction:e})}},a("span",null,t.label),t.sortable&&a("ui-icon",{name:"sort",library:"fontawesome"}))))),this.showBulkHeader&&this.multiSelect&&a("div",{key:"01ebcaf21ee576b05618c5614a3667af24644ec0",class:"list-bulk-header"},a("div",{key:"4af56532d24827bf7509a5a45a484ce6d59115cd",class:"bulk-select-all"},a("ui-check-box",{key:"7ae0e47d3dc1341e81b2ae57df4a6c4b5ec97838",checked:this.selectedValues.length===this.items.length&&this.items.length>0,indeterminate:this.selectedValues.length>0&&this.selectedValues.length<this.items.length,onCheckChange:t=>{this.selectedValues=t.detail.checked?this.items.map(((t,e)=>t.value||t.id||""+e)):[],this.listChange.emit({values:this.selectedValues})}}),a("span",{key:"aaa3441cd736d78f9486cc0fd01053b109620615",class:"bulk-count"},this.selectedValues.length," selected")),this.selectedValues.length>0&&a("div",{key:"3e2c3dc520b207692f61a09afd786e4e4bfbe462",class:"bulk-actions"},this.bulkActions.map((t=>a("ui-button",{variant:"ghost",onClick:()=>this.bulkAction.emit({action:t.action,values:this.selectedValues}),icon:t.icon,iconLibrary:"fontawesome",label:t.label,size:"sm"}))))),this.floatingFAB&&this.selectedValues.length>0&&a("div",{key:"d79e22941c6125d0447cd2646bcef0cd32410ad3",class:"list-power-launcher-container"},a("div",{key:"5428fc9a5d581c15b9a42977eae4f08f253c4845",class:{"launcher-fab":!0,active:this.isPowerLauncherOpen},onClick:()=>this.isPowerLauncherOpen=!this.isPowerLauncherOpen},a("ui-icon",{key:"10dd1b7d30e8fb9e9f3c90b65779c888663452a4",name:this.isPowerLauncherOpen?"times":"bolt",library:"fontawesome"})),this.isPowerLauncherOpen&&a("div",{key:"b6c35850477fac5716818e449500a39a3cf894ed",class:"launcher-menu"},a("div",{key:"db4d1a4e3077bdb5c804b0ca9a75b2aea21bf5a7",class:"l-item",onClick:()=>this.bulkAction.emit({action:"rolling-restart",values:this.selectedValues})},a("ui-icon",{key:"76597b228c9ad53087cacd6dbc11a3e3d4f2b2c1",name:"redo"})," Rolling Restart"),a("div",{key:"9ba4804ace67bb7503c8713e816b4bc6197270b2",class:"l-item",onClick:()=>this.bulkAction.emit({action:"sync-cluster",values:this.selectedValues})},a("ui-icon",{key:"b673a8122860064908af7f11dd018b263671fa7e",name:"sync"})," Sync Cluster"),a("div",{key:"e01d57b46a14199afa99138d86701fca24d99537",class:"l-item",onClick:()=>this.bulkAction.emit({action:"patch-security",values:this.selectedValues})},a("ui-icon",{key:"0da91a692f0e54baf6db39eee99de7ebc45f793c",name:"shield-alt"})," Patch Security"),a("div",{key:"34cb252b35171aa5357a78d0a0d608f51de56925",class:"l-item danger",onClick:()=>this.bulkAction.emit({action:"delete",values:this.selectedValues})},a("ui-icon",{key:"ab94d9a829f7be9a6ec8f907b6c3c7f59c8452e3",name:"trash"})," Terminate Selected"))),this.isPaletteOpen&&a("div",{key:"7672cd318acb612ac9585f47fee917d98a3677de",class:"list-shortcut-palette",onClick:()=>this.isPaletteOpen=!1},a("div",{key:"b309a9ebc87081a00c39cbcf1d401780985b948a",class:"palette-content",onClick:t=>t.stopPropagation()},a("h3",{key:"2523a0a5d0f15eed66626b600c165d9c0d53e2d2"},"⌨️ Keyboard Shortcuts"),a("div",{key:"e5d8fb61bc6a0164f1d59212f35d0f0d6b7efab9",class:"shortcut-grid"},a("div",{key:"084c0a83d39f91615d2a8452bc3c7efbe0df34ba",class:"s-row"},a("kbd",{key:"b3be0998858c61f71c30de13f6e9fd1c7d691eae"},"J")," / ",a("kbd",{key:"386cc175f72faddbf616a40bf68ce551ed3e9cf6"},"K")," ",a("span",{key:"deaeb0b4ee946a4d85b142b05b8bebd10b2657f6"},"Navigate Down / Up")),a("div",{key:"cd1c0ff59b78ff48927dcb940a85a928bd9a7e9f",class:"s-row"},a("kbd",{key:"01d28ed64ea5a5c25ae23227a4d0d2d485437486"},"Shift")," + ",a("kbd",{key:"ebfe4726a80f0e3333d5712298ddd089c5098a21"},"J/K")," ",a("span",{key:"1bde7e50bb79bed0aae5ee15e1106c1479a5383a"},"Select Range")),a("div",{key:"c11efad0545b775bd5b1f0cfc4a085317c3ebfee",class:"s-row"},a("kbd",{key:"45cf6bc72acb696ad2fbde766fc57d6e3c01c6b4"},"X")," ",a("span",{key:"b86e2314e06fb7d8ff22c71bb231b3e828c96b5a"},"Toggle Selection")),a("div",{key:"1767c7ba0256d1f6ba117c11f969071be099c73d",class:"s-row"},a("kbd",{key:"28bf817768a742ffbaa0b87ac5ca78ec965c7e4c"},"Enter")," ",a("span",{key:"71640ceb7349f38f285ed64fb81f690f96005e62"},"Activate / Open")),a("div",{key:"b49d904e6303444b9b8e1fc7f611aad5e4a469e5",class:"s-row"},a("kbd",{key:"493d94845640a0b0578f2e99fe07e16ae5ff92ee"},"Space")," ",a("span",{key:"14b9767880acf71e36d181b0e0c3ff1ab682f272"},"Quick Look Preview")),a("div",{key:"782f31daa50b9329794da1845e14d4379700a5a5",class:"s-row"},a("kbd",{key:"ebd8dc3dc59cc388caf58d1287c86473ffd76b38"},"[")," / ",a("kbd",{key:"0347ff672424c8db103e20f5ecf519b0b974d4de"},"]")," ",a("span",{key:"b6f87b61cf822fdf6349bdb92849f0175029e4de"},"Jump to Prev / Next Group")),a("div",{key:"0cfe752e9649c00712f22b780307084252c138cf",class:"s-row"},a("kbd",{key:"9de296e60383b0b90d9696311eb5bc5bb64b889d"},"?")," ",a("span",{key:"1b33a99b0f72740380c869bfdee4ab656562b028"},"Toggle this help"))))),this.isQuickLookOpen&&a("div",{key:"00db6f10e7905b7d70882985cc9089a6bbb4cfee",class:"list-quick-look-modal",onClick:()=>this.isQuickLookOpen=!1},a("div",{key:"22bab4c4be5a1020ccfa34c7fee8f330d44d8bcd",class:"quick-look-content",onClick:t=>t.stopPropagation()},a("ui-icon",{key:"7c691ac455958af2f12d9ce764095b0aae950f70",name:"times",class:"close-look",onClick:()=>this.isQuickLookOpen=!1}),a("div",{key:"c56f0449bfb3280b6dc7141bc14c91874f6ed35f",class:"look-header"},a("h2",{key:"250cb1ecb5ebc771477659fbdcd83a27aee6145c"},this.filteredItems[this.focusedIndex]?.label),a("span",{key:"1082b6cd8b3d2c56087e0ac9668e88932085f67d"},this.filteredItems[this.focusedIndex]?.sublabel)),a("div",{key:"5258151eca6121d08a568a82b60b27c1055eb203",class:"look-body"},a("p",{key:"496227a18a6a9b8aea97386e14544d6d66c0e3e8"},"Comprehensive detail for Node ID: ",this.filteredItems[this.focusedIndex]?.value||"N/A"),a("div",{key:"ef427801b310f9ff61569c24b79046131f02b425",class:"look-stats"},a("div",{key:"21f28568f90ba336e43f868b33bad2c9690cf19b",class:"l-stat"},"Status: ",a("strong",{key:"b05364c86b63383d5a3b1e2105a57564f36f90e0"},this.filteredItems[this.focusedIndex]?.status||"Idle")),a("div",{key:"9535c7091e299aa1a3c1c214cd6097024c8d304b",class:"l-stat"},"Health: ",a("strong",{key:"0dd13ce8f148f8308a21054a78345ee61df47c36"},this.filteredItems[this.focusedIndex]?.progress||100,"%")))))),a("div",{key:"b995d870eed468e011dd91edd18b6527c7d1c72e",ref:t=>this.listRef=t,class:t,style:e,role:"list","aria-label":this.ariaLabel,"aria-busy":this.syncing?"true":"false",part:"list",onScroll:this.handleScroll,onMouseDown:this.handleLassoStart},this.renderMinimap(),this.focusRingTop>=0&&a("div",{key:"cb4547a1aab482125b7e80e6db56ec6a2ede865c",class:"list-focus-spring-ring",style:{top:this.focusRingTop+"px",height:this.focusRingHeight+"px"}}),this.lassoActive&&a("div",{key:"ec54df7225b07efc02cd87b5613c3ddb84e967d4",class:"list-lasso-box",style:{left:Math.min(this.lassoStart.x,this.lassoEnd.x)+"px",top:Math.min(this.lassoStart.y,this.lassoEnd.y)+"px",width:Math.abs(this.lassoEnd.x-this.lassoStart.x)+"px",height:Math.abs(this.lassoEnd.y-this.lassoStart.y)+"px"}}),this.renderContent()),this.renderPagination(),this.renderCommandPalette(),this.renderEKGWaveform(),this.renderConfetti(),this.showConfetti&&a("div",{key:"2bf97fc32fb8863cb61df68a7bf152f66f2a5bdd",class:"a11y-sr-only","aria-live":"assertive"},"Industrial Batch Operation Completed Successfully"),this.syncing&&a("div",{key:"955b2edcc60b8e6eeb1b35a0532956263ea3eb80",class:"a11y-sr-only","aria-live":"polite"},"Cluster data is currently synchronizing..."))}static get watchers(){return{items:[{handleItemsChange:0}],searchQuery:[{handleItemsChange:0}],currentPage:[{handleItemsChange: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}.list-container{display:flex;flex-direction:column;background:var(--bg-primary, #ffffff);border-radius:12px;overflow:hidden;font-family:var(--font-family);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);transition:all 0.3s ease;width:100%}.list-label{padding:16px 20px 8px;font-size:1.125rem;font-weight:700;color:var(--text-primary, #1e293b)}.list-subheader{padding:4px 20px 12px;font-size:0.8125rem;font-weight:600;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:0.05em}.list{display:flex;flex-direction:column;width:100%}.list.list-horizontal{flex-direction:row;overflow-x:auto;padding:8px;gap:8px}.list.list-horizontal::-webkit-scrollbar{display:none}.list-search{padding:12px 20px;display:flex;align-items:center;gap:10px;background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-subtle, #f1f5f9);position:relative}.list-search .search-icon{font-size:0.875rem;color:var(--color-primary, #94a3b8)}.list-search .search-input{flex:1;border:none;background:transparent;font-size:14px;outline:none;color:var(--text-primary, #1e293b)}.list-search .search-input::placeholder{color:var(--color-primary, #cbd5e1)}.list-search .search-clear{background:var(--bg-primary, #e2e8f0);border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-primary, #475569);font-size:10px;transition:all 0.2s}.list-search .search-clear:hover{background:var(--color-primary, #cbd5e1)}.list-loading,.list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px;color:var(--color-primary, #94a3b8);text-align:center}.list-loading ui-icon,.list-empty ui-icon{font-size:32px;opacity:0.5}.list-loading span,.list-empty span{font-size:14px;font-weight:500}.list-pagination{padding:12px 20px;border-top:1px solid var(--border-subtle, #f1f5f9);display:flex;align-items:center;justify-content:center;gap:6px;background:var(--bg-primary, #f8fafc)}.list-pagination .pagination-button{min-width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-muted, #64748b);font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.list-pagination .pagination-button:hover:not(:disabled){background:var(--bg-primary, #ffffff);border-color:var(--border-subtle, #e2e8f0);color:var(--color-primary, #10b981)}.list-pagination .pagination-button.active{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.list-pagination .pagination-button:disabled{opacity:0.3;cursor:not-allowed}.list-pagination .pagination-ellipsis{color:var(--color-primary, #cbd5e1);font-size:12px;padding:0 4px}.list[style*=max-height]::-webkit-scrollbar{width:8px}.list[style*=max-height]::-webkit-scrollbar-track{background:transparent}.list[style*=max-height]::-webkit-scrollbar-thumb{background:var(--bg-primary, #e2e8f0);border-radius:10px;border:2px solid transparent;background-clip:content-box}.list[style*=max-height]::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #cbd5e1);background-clip:content-box}.virtual-list{contain:strict;will-change:transform}.list-container{overflow:visible}.list-container.list-has-selection .list-header-adaptive{background:var(--bg-primary, #eff6ff);border-bottom-color:var(--color-primary, #bfdbfe)}.list-container.list-has-selection .list-label{color:var(--color-primary, #1e40af)}.list-container.list-has-selection .list-search{display:none}.list-container.selection-theme-primary.list-has-selection .list-header-adaptive{background:linear-gradient(135deg, var(--color-success, #3dcd58), var(--color-success, #2a9d47))}.list-container.selection-theme-primary.list-has-selection .list-header-adaptive .list-label,.list-container.selection-theme-primary.list-has-selection .list-header-adaptive .list-subheader{color:var(--text-standard, #ffffff)}.list-header-adaptive{transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.list-bulk-header{border-top:none;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-secondary, #f1f5f9);border-bottom:1px solid var(--border-subtle, #e2e8f0);animation:slideDownBulk 0.3s ease-out}.list-bulk-header .bulk-select-all{display:flex;align-items:center;gap:12px;font-size:0.875rem;font-weight:600;color:var(--color-primary, #475569)}.list-bulk-header .bulk-actions{display:flex;align-items:center;gap:8px}.list-bulk-header .bulk-action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:var(--bg-primary, #ffffff);border-radius:6px;color:var(--text-primary, #1e293b);font-size:0.8125rem;font-weight:600;cursor:pointer;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);transition:all 0.2s}.list-bulk-header .bulk-action-btn:hover{background:var(--bg-primary, #f8fafc);transform:translateY(-1px)}.list-bulk-header .bulk-action-btn:active{transform:translateY(0)}.list-bulk-header .bulk-action-btn ui-icon{font-size:0.875rem}.list-bulk-header .bulk-action-btn ui-icon[name=trash],.list-bulk-header .bulk-action-btn ui-icon[name=archive]{color:var(--color-danger, #ef4444)}@keyframes slideDownBulk{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sticky-header{position:sticky;top:0;z-index:20;background:var(--bg-primary, #ffffff);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.list-sync-bar{height:2px;width:100%;background:var(--bg-secondary, #f3f4f6);position:relative;overflow:hidden}.list-sync-bar::after{content:"";position:absolute;top:0;left:0;bottom:0;width:30%;background:var(--color-primary, #10b981);animation:listSyncMode 2s infinite linear}@keyframes listSyncMode{0%{left:-30%}100%{left:100%}}.list-filter-chips{display:flex;align-items:center;gap:8px;padding:8px 16px;overflow-x:auto;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.list-filter-chips::-webkit-scrollbar{display:none}.list-filter-chips .filter-chip{flex-shrink:0;padding:6px 14px;border-radius:20px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--bg-primary, #ffffff);font-size:0.75rem;font-weight:600;color:var(--color-primary, #475569);cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:6px}.list-filter-chips .filter-chip:hover{background:var(--bg-primary, #f8fafc);color:var(--bg-primary, #1e293b)}.list-filter-chips .filter-chip.active{background:var(--bg-primary, #1e293b);color:var(--text-standard, #ffffff);border-color:var(--border-subtle, #1e293b)}.list-filter-chips .filter-chip .chip-count{opacity:0.6;font-weight:400}.list-sorting-headers{display:flex;background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-subtle, #f1f5f9);padding:8px 16px}.list-sorting-headers .sort-header{flex:1;font-size:0.6875rem;font-weight:700;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:0.05em;display:flex;align-items:center;gap:4px;cursor:pointer}.list-sorting-headers .sort-header:hover{color:var(--text-primary, #1e293b)}.list-sorting-headers .sort-header ui-icon{font-size:0.75rem;opacity:0.4}.list-group-footer{padding:8px 16px;background:var(--bg-primary, #fdfdfd);border-top:1px solid var(--border-subtle, #f1f5f9);font-size:0.6875rem;font-weight:700;color:var(--color-primary, #94a3b8);text-transform:uppercase;letter-spacing:0.025em;text-align:right}.list-floating-fab{position:absolute;bottom:24px;right:24px;width:56px;height:56px;border-radius:28px;background:var(--bg-primary, #1e293b);color:var(--text-standard, #ffffff);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0, 0, 0, 0.25);cursor:pointer;z-index:100;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);animation:fabShow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.list-floating-fab:hover{background:var(--color-primary, #334155);transform:scale(1.1)}.list-floating-fab:active{transform:scale(0.95)}.list-floating-fab ui-icon{font-size:1.25rem}@keyframes fabShow{from{transform:scale(0) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.list-shortcut-palette,.list-quick-look-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15, 23, 42, 0.4);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.2s ease-out}.palette-content{background:var(--bg-primary, #ffffff);width:90%;max-width:440px;border-radius:20px;padding:32px;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25)}.palette-content h3{margin:0 0 20px;font-size:1.125rem;font-weight:700;color:var(--text-primary, #1e293b)}.palette-content .shortcut-grid{display:flex;flex-direction:column;gap:12px}.palette-content .s-row{display:flex;align-items:center;gap:12px;font-size:0.875rem;color:var(--text-muted, #64748b)}.palette-content kbd{background:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-subtle, #e2e8f0);border-bottom-width:3px;padding:2px 6px;border-radius:4px;font-family:inherit;font-weight:700;color:var(--text-primary, #1e293b);min-width:24px;text-align:center}.quick-look-content{background:var(--bg-primary, #ffffff);width:90%;max-width:600px;border-radius:24px;padding:0;overflow:hidden;box-shadow:0 40px 80px -20px rgba(0, 0, 0, 0.3);position:relative}.quick-look-content .close-look{position:absolute;top:20px;right:20px;cursor:pointer;opacity:0.5}.quick-look-content .close-look:hover{opacity:1}.quick-look-content .look-header{background:var(--bg-primary, #f8fafc);padding:40px 48px 32px;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.quick-look-content .look-header h2{margin:0;font-size:1.5rem;color:var(--text-primary, #1e293b)}.quick-look-content .look-header span{color:var(--text-muted, #64748b);font-size:0.875rem}.quick-look-content .look-body{padding:32px 48px 48px}.quick-look-content .look-body p{color:var(--color-primary, #475569);line-height:1.6}.quick-look-content .look-body .look-stats{display:flex;gap:40px;margin-top:24px}.quick-look-content .look-body .l-stat{font-size:0.8125rem;color:var(--color-primary, #94a3b8)}.quick-look-content .look-body .l-stat strong{display:block;font-size:1.125rem;color:var(--text-primary, #1e293b);font-weight:700}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.list-lasso-box{position:absolute;background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.15);border:1px solid var(--color-primary, #10b981);border-radius:2px;pointer-events:none;z-index:100;box-shadow:0 0 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.list-focus-spring-ring{position:absolute;left:0;right:0;border:2px solid var(--color-primary, #10b981);border-radius:8px;pointer-events:none;z-index:10;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.04)}.list-view-tabs{display:flex;gap:24px;margin-left:24px;align-items:center}.list-view-tabs .view-tab{font-size:0.8125rem;font-weight:600;color:var(--text-muted, #64748b);cursor:pointer;position:relative;transition:color 0.2s}.list-view-tabs .view-tab.active{color:var(--text-primary, #1e293b)}.list-view-tabs .view-tab.active::after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:var(--color-primary, #10b981);border-radius:1px}.list-header-adaptive{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.list-header-adaptive .header-main-titles{flex:1}.list-power-launcher-container{position:absolute;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.list-power-launcher-container .launcher-fab{width:56px;height:56px;border-radius:50%;background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 10px 25px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4);cursor:pointer;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.list-power-launcher-container .launcher-fab.active{background:var(--bg-primary, #1e293b);transform:rotate(90deg)}.list-power-launcher-container .launcher-fab:hover{transform:scale(1.1)}.list-power-launcher-container .launcher-menu{background:rgba(255, 255, 255, 0.85);backdrop-filter:blur(12px);border:1px solid rgba(255, 255, 255, 0.5);border-radius:20px;padding:12px;width:240px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.15);animation:launcherShow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.list-power-launcher-container .launcher-menu .l-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;font-size:0.875rem;font-weight:600;color:var(--color-primary, #475569);cursor:pointer;transition:all 0.2s}.list-power-launcher-container .launcher-menu .l-item ui-icon{font-size:1rem;opacity:0.7}.list-power-launcher-container .launcher-menu .l-item:hover{background:var(--bg-secondary, #f1f5f9);color:var(--bg-primary, #1e293b)}.list-power-launcher-container .launcher-menu .l-item.danger{color:var(--color-danger, #ef4444)}.list-power-launcher-container .launcher-menu .l-item.danger:hover{background:var(--bg-primary, #fef2f2)}@keyframes launcherShow{from{transform:scale(0.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.list-sync-bar{position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-primary, #10b981);animation:syncProgress 2s linear infinite}@keyframes syncProgress{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(1);transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}.list-ekg-container{position:absolute;bottom:0;left:0;right:0;height:20px;overflow:hidden;pointer-events:none;opacity:0.3}.list-ekg-waveform path{stroke-dasharray:200;stroke-dashoffset:200;animation:ekgScroll 4s linear infinite}@keyframes ekgScroll{to{stroke-dashoffset:-200}}@media (forced-colors: active){.list-item,.list-group-header,.list-header,.list-footer{border:1px solid CanvasText}.list-focus-spring-ring{outline:3px solid Highlight;background:transparent}}.list-confetti-burst{position:absolute;top:50%;left:50%;pointer-events:none;z-index:1000}.list-confetti-burst .confetti-particle{position:absolute;width:8px;height:8px;background:var(--color-primary, #10b981);border-radius:2px;animation:confettiFall 2s ease-out forwards}@keyframes confettiFall{0%{transform:translate(0, 0) rotate(0deg);opacity:1}100%{transform:translate(var(--dx), var(--dy)) rotate(360deg);opacity:0}}.group-header-custom{display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--bg-primary, #f8fafc);cursor:pointer;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.group-header-custom .group-title-label{font-weight:700;color:var(--text-primary, #1e293b);flex:1;text-transform:uppercase;letter-spacing:0.1em;font-size:0.75rem}.group-header-custom .group-pill{background:var(--border-subtle, #e2e8f0);padding:2px 8px;border-radius:12px;font-size:0.7rem;color:var(--color-primary, #64748b);font-weight:800}.group-mini-dashboard{background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(10px);padding:16px 32px;display:flex;align-items:center;gap:40px;border-bottom:1px solid rgba(0, 0, 0, 0.05);animation:slideDownFade 0.3s ease-out}.group-mini-dashboard .gm-stat{font-size:0.8125rem;color:var(--text-muted, #64748b)}.group-mini-dashboard .gm-stat strong{display:block;color:var(--text-primary, #1e293b);font-size:1.1rem}@keyframes slideDownFade{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.presence-cursors-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1000}.ghost-cursor{position:absolute;display:flex;align-items:center;gap:8px;transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);pointer-events:none}.ghost-cursor ui-icon{font-size:1.25rem;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2))}.ghost-cursor .cursor-label{background:var(--bg-primary, #ffffff);padding:4px 10px;border-radius:20px;font-size:0.75rem;font-weight:700;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);white-space:nowrap;border:1px solid rgba(0, 0, 0, 0.05)}.ghost-cursor.cursor-blue ui-icon{color:var(--color-primary, #10b981)}.ghost-cursor.cursor-blue .cursor-label{color:var(--color-primary, #10b981)}.ghost-cursor.cursor-purple ui-icon{color:var(--color-primary, #a855f7)}.ghost-cursor.cursor-purple .cursor-label{color:var(--color-primary, #a855f7)}.ghost-cursor.cursor-green ui-icon{color:var(--color-success, #10b981)}.ghost-cursor.cursor-green .cursor-label{color:var(--color-success, #10b981)}.is-morphing .list-item{transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.is-morphing .list-item-avatar-container,.is-morphing ui-avatar{transform:scale(1.15)}.list-item-aura-online{background:linear-gradient(135deg, rgba(var(--color-success-rgb, 16, 185, 129), 0.03), rgba(255, 255, 255, 0))}.list-item-aura-online.list-item-hovered{background:linear-gradient(135deg, rgba(var(--color-success-rgb, 16, 185, 129), 0.08), rgba(255, 255, 255, 0))}.list-item-aura-danger{background:linear-gradient(135deg, rgba(var(--color-danger-rgb, 239, 68, 68), 0.04), rgba(255, 255, 255, 0));position:relative}.list-item-aura-danger::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 50%, rgba(var(--color-danger-rgb, 239, 68, 68), 0.05), transparent 70%);animation:auraShift 8s infinite alternate}@keyframes auraShift{from{transform:translateX(-5%)}to{transform:translateX(5%)}}.list-command-palette-overlay{position:fixed;inset:0;background:rgba(15, 23, 42, 0.4);backdrop-filter:blur(12px);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn 0.2s ease-out}.list-command-palette-overlay .command-palette-content{width:100%;max-width:600px;background:var(--bg-primary, #ffffff);border-radius:16px;box-shadow:0 25px 70px rgba(0, 0, 0, 0.3);overflow:hidden;border:1px solid rgba(255, 255, 255, 0.2)}.list-command-palette-overlay .command-palette-content .cp-search{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-subtle, #f1f5f9);gap:16px}.list-command-palette-overlay .command-palette-content .cp-search ui-icon{font-size:1.25rem;color:var(--color-primary, #94a3b8)}.list-command-palette-overlay .command-palette-content .cp-search input{flex:1;border:none;outline:none;font-size:1.1rem;color:var(--text-primary, #1e293b);font-weight:500;background:transparent}.list-command-palette-overlay .command-palette-content .cp-search kbd{font-size:0.75rem;padding:4px 8px;background:var(--bg-primary, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:6px;color:var(--color-primary, #94a3b8)}.list-command-palette-overlay .command-palette-content .cp-results{max-height:400px;overflow-y:auto;padding:8px}.list-command-palette-overlay .command-palette-content .cp-results .cp-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all 0.2s}.list-command-palette-overlay .command-palette-content .cp-results .cp-item ui-icon{color:var(--text-muted, #64748b);font-size:1.1rem}.list-command-palette-overlay .command-palette-content .cp-results .cp-item span{font-size:0.9375rem;color:var(--color-primary, #334155);font-weight:500}.list-command-palette-overlay .command-palette-content .cp-results .cp-item:hover{background:var(--bg-secondary, #f1f5f9)}.list-command-palette-overlay .command-palette-content .cp-results .cp-item:hover ui-icon{color:var(--color-primary, #10b981)}.list-command-palette-overlay .command-palette-content .cp-results .cp-item:hover span{color:var(--text-primary, #1e293b)}.list-scrollbar-minimap{position:absolute;top:0;right:0;bottom:0;width:4px;background:rgba(0, 0, 0, 0.03);z-index:100;pointer-events:none}.list-scrollbar-minimap .m-marker{position:absolute;left:0;right:0;height:3px;border-radius:2px}.list-scrollbar-minimap .m-marker.m-online{background:var(--color-success, #10b981)}.list-scrollbar-minimap .m-marker.m-busy{background:var(--color-warning, #f59e0b)}.list-scrollbar-minimap .m-marker.m-danger{background:var(--color-danger, #ef4444)}'}},[769,"ui-list",{label:[1],size:[1],color:[1],variant:[1],dense:[4],dividers:[4],rounded:[4],elevated:[4],selectable:[4],multiSelect:[4,"multi-select"],selectedValues:[1040],maxHeight:[1,"max-height"],fullWidth:[4,"full-width"],padding:[4],subheader:[1],virtual:[4],itemHeight:[2,"item-height"],items:[16],searchable:[4],searchPlaceholder:[1,"search-placeholder"],searchQuery:[1025,"search-query"],loading:[4],loadingText:[1,"loading-text"],skeleton:[4],emptyText:[1,"empty-text"],showEmpty:[4,"show-empty"],isDraggable:[4,"is-draggable"],paginated:[4],itemsPerPage:[2,"items-per-page"],currentPage:[1026,"current-page"],checkboxSelection:[4,"checkbox-selection"],keyboardNavigation:[4,"keyboard-navigation"],grouped:[4],groupBy:[1,"group-by"],flush:[4],horizontal:[4],numbered:[4],infinite:[4],loadMoreThreshold:[2,"load-more-threshold"],stickyHeaders:[4,"sticky-headers"],showBulkHeader:[4,"show-bulk-header"],bulkActions:[16],grid:[4],gridCols:[2,"grid-cols"],dragGroup:[1,"drag-group"],altMode:[4,"alt-mode"],emptyStateTitle:[1,"empty-state-title"],emptyStateActionLabel:[1,"empty-state-action-label"],selectionHeaderColor:[1,"selection-header-color"],ariaLabel:[1,"aria-label"],density:[1],viewTabs:[16],commandK:[4,"command-k"],showMinimap:[4,"show-minimap"],syncing:[4],filterChips:[16],showSortingHeaders:[4,"show-sorting-headers"],columns:[16],showGroupFooter:[4,"show-group-footer"],groupFooterLabel:[1,"group-footer-label"],floatingFAB:[4,"floating-f-a-b"],altKeyPressed:[32],isPowerLauncherOpen:[32],isCommandKOpen:[32],commandQuery:[32],activeTab:[32],focusRingTop:[32],focusRingHeight:[32],showConfetti:[32],isEKGActive:[32],groupDashboards:[32],isPaletteOpen:[32],isQuickLookOpen:[32],shiftSelectionStartIndex:[32],scrollTop:[32],lassoActive:[32],lassoStart:[32],lassoEnd:[32],visibleItems:[32],filteredItems:[32],focusedIndex:[32],draggedItem:[32],totalPages:[32],_sortColumn:[32],_sortDir:[32]},[[8,"keydown","handleGlobalKeyDown"],[8,"keyup","handleGlobalKeyUp"],[0,"listItemClick","handleItemClick"]],{items:[{handleItemsChange:0}],searchQuery:[{handleItemsChange:0}],currentPage:[{handleItemsChange:0}]}]),v=y,x=function(){"undefined"!=typeof customElements&&["ui-list","ui-avatar","ui-avatar-group","ui-badge","ui-button","ui-checkbox","ui-icon","ui-input","ui-list-group","ui-list-item","ui-loader","ui-stack","ui-tag","ui-tag-group"].forEach((t=>{switch(t){case"ui-list":customElements.get(s(t))||customElements.define(s(t),y);break;case"ui-avatar":customElements.get(s(t))||r();break;case"ui-avatar-group":customElements.get(s(t))||o();break;case"ui-badge":customElements.get(s(t))||l();break;case"ui-button":customElements.get(s(t))||n();break;case"ui-checkbox":customElements.get(s(t))||c();break;case"ui-icon":customElements.get(s(t))||d();break;case"ui-input":customElements.get(s(t))||h();break;case"ui-list-group":customElements.get(s(t))||p();break;case"ui-list-item":customElements.get(s(t))||b();break;case"ui-loader":customElements.get(s(t))||f();break;case"ui-stack":customElements.get(s(t))||u();break;case"ui-tag":customElements.get(s(t))||m();break;case"ui-tag-group":customElements.get(s(t))||g()}}))};export{v as UiList,x as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as a,transformTag as s}from"@stencil/core/internal/client";import{d as r}from"./avatar.js";import{d as o}from"./avatar-group.js";import{d as n}from"./badge.js";import{d as l}from"./button.js";import{d as c}from"./checkbox.js";import{d}from"./icon.js";import{d as h}from"./input.js";import{d as p}from"./list-group.js";import{d as b}from"./list-item.js";import{d as f}from"./loader.js";import{d as u}from"./popover.js";import{d as m}from"./skeleton-loader.js";import{d as g}from"./stack.js";import{d as y}from"./tag.js";import{d as x}from"./tag-group.js";const v=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.listItemSelect=i(this,"listItemSelect",7),this.listChange=i(this,"listChange",7),this.listStarToggle=i(this,"listStarToggle",7),this.swipeAction=i(this,"swipeAction",7),this.longPress=i(this,"longPress",7),this.searchChange=i(this,"searchChange",7),this.itemsReorder=i(this,"itemsReorder",7),this.pageChange=i(this,"pageChange",7),this.loadMore=i(this,"loadMore",7),this.bulkAction=i(this,"bulkAction",7),this.columnSort=i(this,"columnSort",7)}get el(){return this}label="";size="md";color="default";variant="text";dense=!1;dividers=!1;rounded=!1;elevated=!1;selectable=!0;multiSelect=!1;selectedValues=[];maxHeight="";fullWidth=!1;padding=!0;subheader="";virtual=!1;itemHeight=48;items=[];searchable=!1;searchPlaceholder="Search...";searchQuery="";loading=!1;loadingText="Loading...";skeleton=!1;emptyText="No items found";showEmpty=!0;isDraggable=!1;paginated=!1;itemsPerPage=10;currentPage=1;checkboxSelection=!1;keyboardNavigation=!0;grouped=!1;groupBy="";flush=!1;horizontal=!1;numbered=!1;infinite=!1;loadMoreThreshold=50;stickyHeaders=!1;showBulkHeader=!1;bulkActions=[];grid=!1;gridCols=3;dragGroup="";altMode=!0;altKeyPressed=!1;isPowerLauncherOpen=!1;emptyStateTitle="No results found";emptyStateActionLabel="";selectionHeaderColor="primary";ariaLabel="System Cluster List";density="comfortable";viewTabs=[];commandK=!0;showMinimap=!0;isCommandKOpen=!1;commandQuery="";activeTab=0;focusRingTop=-1;focusRingHeight=0;showConfetti=!1;isEKGActive=!0;groupDashboards=new Set;syncing=!1;filterChips=[];showSortingHeaders=!1;columns=[];showGroupFooter=!1;groupFooterLabel="";floatingFAB=!1;isPaletteOpen=!1;isQuickLookOpen=!1;shiftSelectionStartIndex=-1;scrollTop=0;lassoActive=!1;lassoStart={x:0,y:0};lassoEnd={x:0,y:0};visibleItems=[];filteredItems=[];focusedIndex=-1;draggedItem=null;totalPages=1;listItemSelect;listChange;listStarToggle;swipeAction;longPress;searchChange;itemsReorder;pageChange;loadMore;bulkAction;columnSort;_sortColumn="";_sortDir="asc";listRef;scrollTimeout;componentWillLoad(){try{this.filterItems()}catch(t){console.error("[AppList] Error filtering items:",t)}}componentDidLoad(){this.virtual&&this.updateVisibleItems()}handleItemsChange(){this.filterItems()}filterItems(){let t=[...this.items];if(this.searchQuery&&this.searchable){const e=this.searchQuery.toLowerCase();t=t.filter((t=>"string"==typeof t?t.toLowerCase().includes(e):t.label?t.label.toLowerCase().includes(e):t.text?t.text.toLowerCase().includes(e):JSON.stringify(t).toLowerCase().includes(e)))}const e="string"==typeof this.viewTabs?JSON.parse(this.viewTabs):this.viewTabs;if(e&&e.length>0&&e[this.activeTab]){const i=e[this.activeTab].filter;i&&(t=t.filter((t=>"string"==typeof t?t===i:t.status===i||t.color===i||t.group===i||"danger"===i&&("busy"===t.status||"offline"===t.status||!0===t.priorityPulse))))}if(this.filteredItems=t,this.paginated){this.totalPages=Math.ceil(t.length/this.itemsPerPage);const e=(this.currentPage-1)*this.itemsPerPage;this.filteredItems=t.slice(e,e+this.itemsPerPage)}this.virtual&&this.updateVisibleItems()}getGroupedItems(){if(!this.grouped||!this.groupBy)return null;const t={};return this.filteredItems.forEach((e=>{const i=e[this.groupBy]||"Other";t[i]||(t[i]=[]),t[i].push(e)})),t}updateVisibleItems(){if(!this.listRef||!this.virtual)return;const t=this.listRef.clientHeight||400,e=Math.floor(this.scrollTop/this.itemHeight),i=Math.ceil((this.scrollTop+t)/this.itemHeight);this.visibleItems=this.filteredItems.slice(Math.max(0,e-5),Math.min(this.filteredItems.length,i+5))}handleScroll=t=>{const e=t.target;this.scrollTop=e.scrollTop,this.virtual&&(clearTimeout(this.scrollTimeout),this.scrollTimeout=setTimeout((()=>{this.updateVisibleItems()}),50)),this.infinite&&e.scrollHeight-e.scrollTop-e.clientHeight<this.loadMoreThreshold&&this.loadMore.emit()};handleLassoStart=t=>{if(this.isPaletteOpen||this.isQuickLookOpen)return;if(!t.target.classList.contains("list"))return;this.lassoActive=!0;const e=this.listRef.getBoundingClientRect();this.lassoStart={x:t.clientX-e.left,y:t.clientY-e.top},this.lassoEnd={...this.lassoStart},document.addEventListener("mousemove",this.handleLassoMove),document.addEventListener("mouseup",this.handleLassoEnd)};handleLassoMove=t=>{if(!this.lassoActive)return;const e=this.listRef.getBoundingClientRect();this.lassoEnd={x:t.clientX-e.left,y:t.clientY-e.top},this.checkLassoSelection()};handleLassoEnd=()=>{this.lassoActive=!1,document.removeEventListener("mousemove",this.handleLassoMove),document.removeEventListener("mouseup",this.handleLassoEnd)};checkLassoSelection(){const t=Math.min(this.lassoStart.x,this.lassoEnd.x),e=Math.max(this.lassoStart.x,this.lassoEnd.x),i=Math.min(this.lassoStart.y,this.lassoEnd.y),a=Math.max(this.lassoStart.y,this.lassoEnd.y),s=this.listRef.querySelectorAll("ui-list-item"),r=[...this.selectedValues];s.forEach((s=>{const o=s.getBoundingClientRect(),n=this.listRef.getBoundingClientRect(),l=o.top-n.top,c=o.left-n.left;if(l+o.height>i&&l<a&&c+o.width>t&&c<e){const t=s.value||s.label;r.includes(t)||r.push(t)}})),this.selectedValues=Array.from(new Set(r))}handleGlobalKeyDown(t){if(!this.keyboardNavigation)return;if(t.composedPath()[0]instanceof HTMLInputElement||t.composedPath()[0]instanceof HTMLTextAreaElement)return;if("?"===t.key)return t.preventDefault(),void(this.isPaletteOpen=!this.isPaletteOpen);if(this.isPaletteOpen&&"Escape"===t.key)return void(this.isPaletteOpen=!1);if("["===t.key||"]"===t.key)return t.preventDefault(),void this.jumpToGroup("["===t.key?"prev":"next");if(" "===t.key&&!this.isPaletteOpen)return t.preventDefault(),void(this.isQuickLookOpen=!this.isQuickLookOpen);const e=t.shiftKey;switch("Alt"===t.key&&(this.altKeyPressed=!0),"k"===t.key&&(t.ctrlKey||t.metaKey)&&(t.preventDefault(),this.isCommandKOpen=!this.isCommandKOpen),t.key.toLowerCase()){case"j":case"arrowdown":t.preventDefault(),e&&this.focusedIndex>=0&&this.handleRangeSelection(this.focusedIndex,Math.min(this.filteredItems.length-1,this.focusedIndex+1)),this.moveFocusRel(1);break;case"k":case"arrowup":t.preventDefault(),e&&this.focusedIndex>=0&&this.handleRangeSelection(this.focusedIndex,Math.max(0,this.focusedIndex-1)),this.moveFocusRel(-1);break;case"x":if(this.focusedIndex>=0){const t=this.filteredItems[this.focusedIndex],e=t.value||t.id||""+this.focusedIndex;this.handleItemSelection(e,!this.selectedValues.includes(e))}}}handleGlobalKeyUp(t){"Alt"===t.key&&(this.altKeyPressed=!1)}handleKeyDown=t=>{if(!this.keyboardNavigation)return;const e=this.filteredItems;if(0!==e.length)if("ArrowDown"===t.key)t.preventDefault(),this.moveFocus(1);else if("ArrowUp"===t.key)t.preventDefault(),this.moveFocus(-1);else if("Enter"===t.key&&this.focusedIndex>=0){const t=e[this.focusedIndex];this.handleItemSelection(t.value||t.id||""+this.focusedIndex,!0)}else if(" "===t.key&&this.checkboxSelection&&this.focusedIndex>=0){t.preventDefault();const i=e[this.focusedIndex],a=i.value||i.id||""+this.focusedIndex,s=this.selectedValues.includes(a);this.handleItemSelection(a,!s)}};handleRangeSelection(t,e){-1===this.shiftSelectionStartIndex&&(this.shiftSelectionStartIndex=t);const i=Math.min(this.shiftSelectionStartIndex,e),a=Math.max(this.shiftSelectionStartIndex,e),s=Array.from(new Set([...this.selectedValues]));for(let t=i;t<=a;t++){const e=this.filteredItems[t].value||this.filteredItems[t].label;s.includes(e)||s.push(e)}this.selectedValues=s,this.listChange.emit({values:this.selectedValues})}jumpToGroup(t){const e=this.getGroupedItems();if(!e)return;const i=Object.keys(e),a=this.filteredItems[this.focusedIndex];if(!a)return void this.moveFocus(0);const s=i.find((t=>e[t].includes(a)));if(!s)return;let r=i.indexOf(s)+("next"===t?1:-1);r<0&&(r=i.length-1),r>=i.length&&(r=0);const o=this.filteredItems.indexOf(e[i[r]][0]);this.moveFocus(o-this.focusedIndex)}moveFocusRel(t){const e=Math.max(0,Math.min(this.focusedIndex+t,this.filteredItems.length-1));if(e!==this.focusedIndex){this.focusedIndex=e,this.updateFocusRing(),this.scrollToFocused();const t=this.el.shadowRoot?.querySelectorAll("ui-list-item");t?.[e]?.focus()}}updateFocusRing(){const t=this.el.shadowRoot?.querySelectorAll("ui-list-item"),e=t?.[this.focusedIndex];if(e){const t=this.listRef.getBoundingClientRect(),i=e.getBoundingClientRect();this.focusRingTop=i.top-t.top+this.listRef.scrollTop,this.focusRingHeight=i.height}}moveFocus(t){this.moveFocusRel(t)}scrollToFocused(){if(this.listRef&&this.focusedIndex>=0){const t=this.listRef.children[this.focusedIndex];t&&(t.scrollIntoView({block:"nearest",behavior:"smooth"}),t.focus())}}handleDragStart=(t,e,i)=>{this.isDraggable&&(this.draggedItem={item:e,index:i},t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/html",t.target.outerHTML),t.target.classList.add("dragging"))};handleDragOver=t=>{this.isDraggable&&this.draggedItem&&(t.preventDefault(),t.dataTransfer.dropEffect="move")};handleDrop=(t,e)=>{t.preventDefault();const i=t.dataTransfer.getData("source-list-id"),a=t.dataTransfer.getData("drag-group"),s=t.dataTransfer.getData("item-data");if(a&&a!==this.dragGroup)console.warn("[AppList] Drag group mismatch");else{if(i!==this.el.id&&i)try{const t=JSON.parse(s),i=[...this.filteredItems];i.splice(e,0,t),this.filteredItems=i,this.itemsReorder.emit({items:i})}catch(t){console.error("[AppList] Error parsing external item data",t)}else{if(!this.draggedItem)return;const t=this.draggedItem.index;if(t===e)return;const i=[...this.filteredItems],[a]=i.splice(t,1);i.splice(e,0,a),this.filteredItems=i,this.itemsReorder.emit({items:i})}this.draggedItem=null}};handleDragEnd=t=>{t.target.classList.remove("dragging"),this.draggedItem=null};handleItemSelection(t,e){this.selectable&&(this.multiSelect||this.checkboxSelection?e?this.selectedValues.includes(t)||(this.selectedValues=[...this.selectedValues,t]):this.selectedValues=this.selectedValues.filter((e=>e!==t)):this.selectedValues=e?[t]:[],this.listItemSelect.emit({value:t,values:this.selectedValues}),this.listChange.emit({values:this.selectedValues}))}goToPage(t){t<1||t>this.totalPages||(this.currentPage=t,this.pageChange.emit({page:t}))}getPaginationItems(){if(this.totalPages<=7)return Array.from({length:this.totalPages},((t,e)=>e+1));const t=new Set([1,this.totalPages]),e=Math.max(2,this.currentPage-1),i=Math.min(this.totalPages-1,this.currentPage+1);for(let a=e;a<=i;a++)t.add(a);const a=Array.from(t).sort(((t,e)=>t-e)),s=[];return a.forEach(((t,e)=>{e>0&&t-a[e-1]>1&&s.push("ellipsis"),s.push(t)})),s}renderSearch(){return this.searchable?a("div",{class:"list-search"},a("ui-input",{type:"text",class:"search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,onInputChange:t=>{this.searchQuery=t.detail,this.searchChange.emit({query:this.searchQuery})},prefixIcon:"search",size:"sm"}),this.searchQuery&&a("ui-button",{variant:"ghost",class:"search-clear",onClick:()=>{this.searchQuery="",this.searchChange.emit({query:""})},icon:"times",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})):null}renderLoading(){return this.loading?a("div",{class:"list-loading"},a("ui-loader",{type:"spinner",size:"1.2em",color:"primary"}),a("span",null,this.loadingText)):null}renderEmpty(){return!this.showEmpty||this.loading||this.filteredItems.length>0?null:this.searchable&&this.searchQuery?a("div",{class:"list-empty"},a("ui-icon",{name:"search",library:"fontawesome",class:"empty-icon"}),a("span",{class:"empty-title"},'No matches found for "',this.searchQuery,'"'),a("span",{class:"empty-subtitle"},"Please check your spelling or try changing your search input.")):a("div",{class:"list-empty"},a("ui-icon",{name:"inbox",library:"fontawesome"}),a("span",null,this.emptyText))}renderPagination(){if(!this.paginated||this.totalPages<=1)return null;const t=this.getPaginationItems().map(((t,e)=>"ellipsis"===t?a("span",{key:"ellipsis-"+e,class:"pagination-ellipsis"},"..."):a("ui-button",{key:"page-"+t,variant:t===this.currentPage?"primary":"ghost",class:{"pagination-button":!0,active:t===this.currentPage},onClick:()=>this.goToPage(t),label:""+t,size:"sm"})));return a("div",{class:"list-pagination"},a("ui-button",{variant:"ghost",class:"pagination-button",disabled:1===this.currentPage,onClick:()=>this.goToPage(this.currentPage-1),icon:"chevron-left",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}),t,a("ui-button",{variant:"ghost",class:"pagination-button",disabled:this.currentPage===this.totalPages,onClick:()=>this.goToPage(this.currentPage+1),icon:"chevron-right",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}))}renderVirtualList(){return a("div",{class:"virtual-list",style:{height:this.filteredItems.length*this.itemHeight+"px",position:"relative"}},a("div",{style:{transform:`translateY(${Math.floor(this.scrollTop/this.itemHeight)*this.itemHeight}px)`}},this.visibleItems.map(((t,e)=>this.renderItem(t,e)))))}renderItem(t,e){const i=t.value||t.id||""+e,s=this.selectedValues.includes(i);return a("ui-list-item",{style:{"--item-index":""+e},label:t.label||t.text||t,sublabel:t.sublabel||"",value:i,icon:t.icon||"",userAvatar:t.avatar||t.userAvatar||"",image:t.image||"",selected:s,skeleton:this.skeleton||this.loading,highlight:this.searchQuery,size:this.size,badge:t.badge||"",counter:t.counter||"",tags:t.tags||"",interactive:this.selectable,onListItemClick:()=>this.handleItemSelection(i,!s),onCheckboxChange:t=>this.handleItemSelection(i,t.detail.checked),showCheckbox:this.checkboxSelection,swipeActions:t.swipeActions??!0,leftActionIcon:t.leftActionIcon??"check",rightActionIcon:t.rightActionIcon??"trash",leftActions:t.leftActions||[],rightActions:t.rightActions||[],avatarGroup:t.avatarGroup||t.collaborators||"",avatarGroupPosition:t.avatarGroupPosition||"content",progress:t.progress??-1,status:t.status||"",statusPosition:t.statusPosition||"bottom-right",starred:t.starred||!1,showStar:t.showStar||!1,expandable:t.expandable||!1,priorityPulse:t.priorityPulse||!1,presence:t.presence||[],presenceCursors:t.presenceCursors||[],density:this.density,auraMode:!0,sparkline:t.sparkline||[],metadata:t.metadata||{},showGhostLayer:t.showGhostLayer??(this.altMode&&this.altKeyPressed),gridMode:this.grid,focused:this.focusedIndex===e,class:{draggable:this.isDraggable,"focused-item":this.focusedIndex===e},draggable:this.isDraggable,onDragStart:i=>{this.handleDragStart(i,t,e),i.dataTransfer.setData("source-list-id",this.el.id),i.dataTransfer.setData("drag-group",this.dragGroup),i.dataTransfer.setData("item-data",JSON.stringify(t))},onDragOver:this.handleDragOver,onDrop:t=>this.handleDrop(t,e),onDragEnd:this.handleDragEnd,onSwipeAction:t=>{t.stopPropagation(),this.swipeAction.emit({value:t.detail.value,side:t.detail.side,action:t.detail.action})},onLongPress:t=>{t.stopPropagation(),this.longPress.emit({value:t.detail.value})},onStarToggle:t=>{t.stopPropagation(),this.listStarToggle.emit({value:t.detail.value,starred:t.detail.starred})}})}handleItemClick(t){const{value:e,selected:i,shiftKey:a,ctrlKey:s,metaKey:r}=t.detail;if(!this.selectable)return;const o=this.filteredItems.findIndex((t=>(t.value||t.id||t.label)===e));a&&-1!==this.shiftSelectionStartIndex&&this.multiSelect?this.handleRangeSelection(this.shiftSelectionStartIndex,o):(s||r)&&this.multiSelect?(this.handleItemSelection(e,!this.selectedValues.includes(e)),this.shiftSelectionStartIndex=o):(this.handleItemSelection(e,i),this.shiftSelectionStartIndex=o),this.listItemSelect.emit({value:e,values:this.selectedValues,shiftKey:a,ctrlKey:s,metaKey:r}),this.listChange.emit({values:this.selectedValues})}renderContent(){return this.loading?this.renderLoading():this.items&&this.items.length>0&&0===this.filteredItems.length?this.renderEmpty():this.virtual?this.renderVirtualList():this.grouped&&this.items&&this.items.length>0?this.renderGroupedItems():this.items&&this.items.length>0?this.filteredItems.map(((t,e)=>this.renderItem(t,e))):a("slot",null)}renderEKGWaveform(){return this.isEKGActive?a("div",{class:"list-ekg-container"},a("svg",{class:"list-ekg-waveform",viewBox:"0 0 100 20",preserveAspectRatio:"none"},a("path",{d:"M0,10 L10,10 L12,2 L15,18 L18,10 L30,10 L32,5 L35,15 L38,10 L50,10 L52,0 L55,20 L58,10 L100,10",fill:"none",stroke:"rgba(59, 130, 246, 0.4)","stroke-width":"1.5"}))):null}renderConfetti(){if(!this.showConfetti)return null;const t=Array.from({length:20});return a("div",{class:"list-confetti-burst"},t.map((()=>a("div",{class:"confetti-particle"}))))}renderGroupDashboard(t,e){if(!this.groupDashboards.has(t))return null;const i=Math.round(e.reduce(((t,e)=>t+(e.progress||0)),0)/e.length),s=e.filter((t=>"online"===t.status)).length;return a("div",{class:"group-mini-dashboard"},a("div",{class:"gm-stat"},"Group Pulse: ",a("strong",null,i,"%")),a("div",{class:"gm-stat"},"Vitality: ",a("strong",null,s,"/",e.length," Active")),a("div",{class:"gm-spark",style:{flex:"1"}},a("svg",{height:"24",width:"100%"},a("path",{d:"M0,12 Q25,2 50,12 T100,12",fill:"none",stroke:"#3bf673","stroke-width":"2"}))))}renderGroupFooter(t){const e=this.groupFooterLabel?.trim();return this.showGroupFooter&&e?a("div",{slot:"footer",class:"group-footer"},"Total: ",t.length," ",e):null}renderGroupedItems(){const t=this.getGroupedItems();return t?Object.keys(t).map((e=>a("ui-list-group",{key:e,label:e,collapsible:!0,expanded:!0},a("div",{slot:"header-actions",style:{fontSize:"11px",color:"#10b981",fontWeight:"bold",textTransform:"uppercase",marginRight:"8px"}},"Nodes: ",t[e].length),this.renderGroupDashboard(e,t[e]),t[e].map(((t,i)=>{const s=this.filteredItems.indexOf(t);return a("div",{key:`${e}-${i}`},this.renderItem(t,s))})),this.renderGroupFooter(t[e])))):null}renderCommandPalette(){if(!this.isCommandKOpen)return null;const t=[{label:"Switch to Grid View",action:()=>this.grid=!0,icon:"th"},{label:"Switch to Compact Mode",action:()=>this.density="compact",icon:"list"},{label:"Export to CSV",action:()=>this.bulkAction.emit({action:"export-csv",values:this.selectedValues}),icon:"download"},{label:"Filter by Critical",action:()=>this.searchQuery="online",icon:"shield-alt"}].filter((t=>t.label.toLowerCase().includes(this.commandQuery.toLowerCase())));return a("div",{class:"list-command-palette-overlay",onClick:()=>this.isCommandKOpen=!1},a("div",{class:"command-palette-content",onClick:t=>t.stopPropagation()},a("div",{class:"cp-search"},a("ui-icon",{name:"search"}),a("ui-input",{type:"text",placeholder:"Type a command or search...",value:this.commandQuery,onInputChange:t=>this.commandQuery=t.detail,autoFocus:!0,prefixIcon:"search",size:"sm"}),a("kbd",null,"ESC")),a("div",{class:"cp-results"},t.map((t=>a("div",{class:"cp-item",onClick:()=>{t.action(),this.isCommandKOpen=!1}},a("ui-icon",{name:t.icon}),a("span",null,t.label)))))))}renderMinimap(){return this.showMinimap?a("div",{class:"list-scrollbar-minimap"},this.filteredItems.map(((t,e)=>"online"===t.status||"busy"===t.status||t.priorityPulse?a("div",{class:"m-marker m-"+(t.status||"danger"),style:{top:e/this.filteredItems.length*100+"%"}}):null))):null}renderViewTabs(){const t="string"==typeof this.viewTabs?JSON.parse(this.viewTabs):this.viewTabs;return t&&0!==t.length?a("div",{class:"list-view-tabs"},t.map(((t,e)=>a("div",{key:t.label,class:{"view-tab":!0,active:this.activeTab===e},onClick:()=>{this.activeTab=e,this.filterItems()}},t.label)))):null}render(){const t={list:!0,["list-"+this.size]:!0,["list-"+this.variant]:!0,"list-dense":this.dense,"list-dividers":this.dividers,"list-rounded":this.rounded,"list-elevated":this.elevated,"list-full-width":this.fullWidth,"list-no-padding":!this.padding,"list-draggable":this.isDraggable,"list-keyboard-nav":this.keyboardNavigation,"list-flush":this.flush,"list-horizontal":this.horizontal,"list-numbered":this.numbered,"list-grid":this.grid,"list-selection-active":this.selectedValues.length>0},e={...this.maxHeight?{maxHeight:this.maxHeight,overflowY:"auto"}:{},...this.grid?{display:"grid",gridTemplateColumns:`repeat(${this.gridCols}, 1fr)`,gap:"16px",padding:"16px"}:{}};return a("div",{key:"bb00547184af81fff94b839aa963837068a12b67",class:{"list-container":!0,"list-has-selection":this.selectedValues.length>0,"list-show-bulk-header":this.showBulkHeader&&this.multiSelect,["selection-theme-"+this.selectionHeaderColor]:this.selectedValues.length>0},onKeyDown:this.handleKeyDown,tabindex:"0"},this.syncing&&a("div",{key:"465b32c39866f661ae0dd1ee72a93d76a13a7287",class:"list-sync-bar"}),""!==this.label||""!==this.subheader||this.viewTabs&&this.viewTabs.length>0?a("div",{class:"list-header-adaptive"},a("div",{class:"header-main-titles"},this.label&&a("div",{class:"list-label"},this.label),this.subheader&&a("div",{class:"list-subheader"},this.subheader)),this.renderViewTabs()):null,this.renderSearch(),this.filterChips.length>0&&a("div",{key:"59f4a5f1d64a8c156f097fc66e860b59a74c1fa0",class:"list-filter-chips"},this.filterChips.map((t=>a("ui-button",{variant:t.active?"primary":"ghost",class:{"filter-chip":!0,active:t.active},label:`${t.label} ${void 0!==t.count?t.count:""}`,size:"sm"})))),this.showSortingHeaders&&a("div",{key:"b4bbabc32064534ddd72d4fe09e0247515c187d7",class:"list-sorting-headers"},this.columns.map((t=>a("div",{class:"sort-header",onClick:()=>{const e=this._sortColumn===t.key&&"asc"===this._sortDir?"desc":"asc";this._sortColumn=t.key,this._sortDir=e,this.columnSort.emit({key:t.key,direction:e})}},a("span",null,t.label),t.sortable&&a("ui-icon",{name:"sort",library:"fontawesome"}))))),this.showBulkHeader&&this.multiSelect&&a("div",{key:"d7aaa947251a337d969e803f92a31f36ad23eafe",class:"list-bulk-header"},a("div",{key:"cf432032c183b98757ea62c28a897c5bd4b18244",class:"bulk-select-all"},a("ui-check-box",{key:"ca4476ce62396c22dacdf580c4bbba0d9c2d5c33",checked:this.selectedValues.length===this.items.length&&this.items.length>0,indeterminate:this.selectedValues.length>0&&this.selectedValues.length<this.items.length,onCheckChange:t=>{this.selectedValues=t.detail.checked?this.items.map(((t,e)=>t.value||t.id||""+e)):[],this.listChange.emit({values:this.selectedValues})}}),a("span",{key:"ec517dc6f4d5d0d9ffd1914e5e391c7d3a74505a",class:"bulk-count"},this.selectedValues.length," selected")),this.selectedValues.length>0&&a("div",{key:"b0600407777cbd52da525a09987153db769ba6a7",class:"bulk-actions"},this.bulkActions.map((t=>a("ui-button",{variant:"ghost",onClick:()=>this.bulkAction.emit({action:t.action,values:this.selectedValues}),icon:t.icon,iconLibrary:"fontawesome",label:t.label,size:"sm"}))))),this.floatingFAB&&this.selectedValues.length>0&&a("div",{key:"00b8aa6c267d50a47f6856cda876bad01ee9674e",class:"list-power-launcher-container"},a("div",{key:"e4ec0c4c8e8b58898686b5ef72e5a096ce66e3b5",class:{"launcher-fab":!0,active:this.isPowerLauncherOpen},onClick:()=>this.isPowerLauncherOpen=!this.isPowerLauncherOpen},a("ui-icon",{key:"a6bc20180a0bdcf40cf28275acefcd7c44a3815e",name:this.isPowerLauncherOpen?"times":"bolt",library:"fontawesome"})),this.isPowerLauncherOpen&&a("div",{key:"ef40293f768a0b40f3fc4a4c32798349040d4da2",class:"launcher-menu"},a("div",{key:"88be539c08a62f8de9b4ce82ee57518e1c92a3d4",class:"l-item",onClick:()=>this.bulkAction.emit({action:"rolling-restart",values:this.selectedValues})},a("ui-icon",{key:"f552d6377cc0939f3788caf7d129498b364c8459",name:"redo"})," Rolling Restart"),a("div",{key:"8d38b28a317a9a40e9a21bf8eb35fe186f51ac1c",class:"l-item",onClick:()=>this.bulkAction.emit({action:"sync-cluster",values:this.selectedValues})},a("ui-icon",{key:"12f7bfbbb932d89c45bd2c3df7365f0362535145",name:"sync"})," Sync Cluster"),a("div",{key:"7c71e2fbbf7179329013619a85fdab603088cae1",class:"l-item",onClick:()=>this.bulkAction.emit({action:"patch-security",values:this.selectedValues})},a("ui-icon",{key:"083ba7b124a9ddfd26fbdf6fa5027c9b005e76f5",name:"shield-alt"})," Patch Security"),a("div",{key:"b011aababd1f2079ddee4024c9bd33d7f4531357",class:"l-item danger",onClick:()=>this.bulkAction.emit({action:"delete",values:this.selectedValues})},a("ui-icon",{key:"8b0a9689e25e837876473d13487b6ef3e54600f1",name:"trash"})," Terminate Selected"))),this.isPaletteOpen&&a("div",{key:"7b938fda9a651dbf84ef1ef9219422c114282d63",class:"list-shortcut-palette",onClick:()=>this.isPaletteOpen=!1},a("div",{key:"a3998a5f1b5da498d3e181b1fda7a0e9577ba6a7",class:"palette-content",onClick:t=>t.stopPropagation()},a("h3",{key:"c09fb78ea4727525bc489f95e65de7be59952522"},"⌨️ Keyboard Shortcuts"),a("div",{key:"d4c0a024a9e89f214ebf5d8815ca6cd7dbd885ea",class:"shortcut-grid"},a("div",{key:"3ec41216e1df2a05ffe8676c6c84c7936194e87d",class:"s-row"},a("kbd",{key:"0004f6ff2a582b1a0037402365700395161f7952"},"J")," / ",a("kbd",{key:"679670b760357a2215b75e9e496fcef2fc06c7b4"},"K")," ",a("span",{key:"dd5bf7186501d66601302a624d8bbc77714c7b26"},"Navigate Down / Up")),a("div",{key:"64fbfcb5bfe9740082dd1f08a1aaf150eb09a55a",class:"s-row"},a("kbd",{key:"808dec5183b5dd0714f842f066f08794b5371156"},"Shift")," + ",a("kbd",{key:"cb57c4b93adcc7f1f1b9590e92439ba9ea19ac68"},"J/K")," ",a("span",{key:"dcac1d435c894641cb0fb9b84abbe889a6e0364d"},"Select Range")),a("div",{key:"1c7f84b9b8641ae4ad8f478724537f70d219d280",class:"s-row"},a("kbd",{key:"f5e0c806a1820089275adf63b6a11389dc3b926d"},"X")," ",a("span",{key:"f0d86c6842cc3b35e994963b3282586370181c07"},"Toggle Selection")),a("div",{key:"533f144a781063d3cd49a420aa80b43c745a3338",class:"s-row"},a("kbd",{key:"249b9b6ebfee73dc9b05c8d97e435fefe8af0eef"},"Enter")," ",a("span",{key:"07c36c47d132e3403f05e7b0d800e4374b83e01e"},"Activate / Open")),a("div",{key:"c9dc8867e160deffb05579bfa873587f1a6ded61",class:"s-row"},a("kbd",{key:"92b2dac699830feff2199bee101bc6fa99181aef"},"Space")," ",a("span",{key:"1d8ccd25114b6cd10ed255ccccc766a8de61ff35"},"Quick Look Preview")),a("div",{key:"376901f412fce5933eb3dca49e36c9aa18af4a50",class:"s-row"},a("kbd",{key:"142bdc9a21d78e25535e70c764cbf7144dd2eb04"},"[")," / ",a("kbd",{key:"606884510d2793a98cd371b8410d011d9065188c"},"]")," ",a("span",{key:"eafb3d4fb9b6b520e16b4f2936771b56f8ee4a5b"},"Jump to Prev / Next Group")),a("div",{key:"d1a3176cec793d83c48b0f53f0c635e6b98ba550",class:"s-row"},a("kbd",{key:"0cc2f021b294cce5c4b36ca714db5bb6540fa2df"},"?")," ",a("span",{key:"54efef235f24081e362eec2459eb55f223583dbe"},"Toggle this help"))))),this.isQuickLookOpen&&a("div",{key:"f194acddb04bbb4b217670666c13130dd7103ca8",class:"list-quick-look-modal",onClick:()=>this.isQuickLookOpen=!1},a("div",{key:"a888c716f4fd38a27f7503e1ec94e4a1b87640b1",class:"quick-look-content",onClick:t=>t.stopPropagation()},a("ui-icon",{key:"83b052f025e87eafce127aa024abe24dde014222",name:"times",class:"close-look",onClick:()=>this.isQuickLookOpen=!1}),a("div",{key:"558e0f06e84dcf9257f04fb7118fb26787c55ee4",class:"look-header"},a("h2",{key:"5d9caeba95720871cf4ae13187e68d2b4f1b9c92"},this.filteredItems[this.focusedIndex]?.label),a("span",{key:"2aa6d87d5081755e0f331c5ab237812a6608e8b5"},this.filteredItems[this.focusedIndex]?.sublabel)),a("div",{key:"6ff07d7edad52504773a064fa1a4e01ebacf35a8",class:"look-body"},a("p",{key:"543f894c81b5172ac243127f061fea6f6110dcf9"},"Comprehensive detail for Node ID: ",this.filteredItems[this.focusedIndex]?.value||"N/A"),a("div",{key:"7bac5a333c1c7f31089a6ca6ff05e997d3a96c26",class:"look-stats"},a("div",{key:"951d1ee50f6bed0ac479b817275c88d1038fbd5c",class:"l-stat"},"Status: ",a("strong",{key:"935fa52b092166b1c0453336192753cc4b4ebf98"},this.filteredItems[this.focusedIndex]?.status||"Idle")),a("div",{key:"777cd29fff1199c5793ff0f07924ba8c0fc7c11d",class:"l-stat"},"Health: ",a("strong",{key:"225a2b9212739f06d8359d5e201e36a29266f437"},this.filteredItems[this.focusedIndex]?.progress||100,"%")))))),a("div",{key:"77c2a4619e7c728ddf23f9d5e1d388708e41ad3b",ref:t=>this.listRef=t,class:t,style:e,role:"list","aria-label":this.ariaLabel,"aria-busy":this.syncing?"true":"false",part:"list",onScroll:this.handleScroll,onMouseDown:this.handleLassoStart},this.renderMinimap(),this.focusRingTop>=0&&a("div",{key:"19b2471c6ec43c7fc338eee4a377378b3575c90c",class:"list-focus-spring-ring",style:{top:this.focusRingTop+"px",height:this.focusRingHeight+"px"}}),this.lassoActive&&a("div",{key:"d50b5af30f8ba2aa942936c2aa491cdd54cd23b9",class:"list-lasso-box",style:{left:Math.min(this.lassoStart.x,this.lassoEnd.x)+"px",top:Math.min(this.lassoStart.y,this.lassoEnd.y)+"px",width:Math.abs(this.lassoEnd.x-this.lassoStart.x)+"px",height:Math.abs(this.lassoEnd.y-this.lassoStart.y)+"px"}}),this.renderContent()),this.renderPagination(),this.renderCommandPalette(),this.renderEKGWaveform(),this.renderConfetti(),this.showConfetti&&a("div",{key:"d4a48c4fa355aaa245066ef891279facf5ae12e0",class:"a11y-sr-only","aria-live":"assertive"},"Industrial Batch Operation Completed Successfully"),this.syncing&&a("div",{key:"411ccc3f6a9b589da46729eddca6ff2f202aa388",class:"a11y-sr-only","aria-live":"polite"},"Cluster data is currently synchronizing..."))}static get watchers(){return{items:[{handleItemsChange:0}],searchQuery:[{handleItemsChange:0}],currentPage:[{handleItemsChange: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}.list-container{display:flex;flex-direction:column;background:var(--bg-primary, #ffffff);border-radius:12px;overflow:hidden;font-family:var(--font-family);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);transition:all 0.3s ease;width:100%}.list-label{padding:16px 20px 8px;font-size:1.125rem;font-weight:700;color:var(--text-primary, #1e293b)}.list-subheader{padding:4px 20px 12px;font-size:0.8125rem;font-weight:600;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:0.05em}.list{display:flex;flex-direction:column;width:100%;--list-group-spacing:12px}.list>ui-list-group+ui-list-group{margin-top:var(--list-group-spacing)}.list.list-sm{--list-group-spacing:8px}.list.list-md{--list-group-spacing:12px}.list.list-lg{--list-group-spacing:16px}.list.list-horizontal{flex-direction:row;overflow-x:auto;padding:8px;gap:8px}.list.list-horizontal::-webkit-scrollbar{display:none}.list-search{padding:12px 20px;display:flex;align-items:center;gap:10px;background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-subtle, #f1f5f9);position:relative}.list-search .search-icon{font-size:0.875rem;color:var(--color-primary, #94a3b8)}.list-search .search-input{flex:1;border:none;background:transparent;font-size:14px;outline:none;color:var(--text-primary, #1e293b)}.list-search .search-input::placeholder{color:var(--color-primary, #cbd5e1)}.list-search .search-clear{background:var(--bg-primary, #e2e8f0);border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-primary, #475569);font-size:10px;transition:all 0.2s}.list-search .search-clear:hover{background:var(--color-primary, #cbd5e1)}.list-loading,.list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:12px;color:var(--text-muted, #94a3b8);text-align:center}.list-loading ui-icon,.list-empty ui-icon{font-size:32px;opacity:0.5}.list-loading ui-icon.empty-icon,.list-empty ui-icon.empty-icon{color:var(--color-primary, #10b981);opacity:0.7;animation:emptyPulse 2s infinite alternate ease-in-out}.list-loading span,.list-empty span{font-size:14px;font-weight:500}.list-loading .empty-title,.list-empty .empty-title{font-size:15px;font-weight:600;color:var(--text-primary, #1e293b);margin-top:4px}.list-loading .empty-subtitle,.list-empty .empty-subtitle{font-size:13px;font-weight:400;color:var(--text-muted, #64748b);max-width:280px;line-height:1.4}@keyframes emptyPulse{from{transform:scale(0.95);opacity:0.5}to{transform:scale(1.05);opacity:0.8}}.list-pagination{padding:12px 20px;border-top:1px solid var(--border-subtle, #f1f5f9);display:flex;align-items:center;justify-content:center;gap:6px;background:var(--bg-primary, #f8fafc)}.list-pagination .pagination-button{min-width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-muted, #64748b);font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.list-pagination .pagination-button:hover:not(:disabled){background:var(--bg-primary, #ffffff);border-color:var(--border-subtle, #e2e8f0);color:var(--color-primary, #10b981)}.list-pagination .pagination-button.active{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.list-pagination .pagination-button:disabled{opacity:0.3;cursor:not-allowed}.list-pagination .pagination-ellipsis{color:var(--color-primary, #cbd5e1);font-size:12px;padding:0 4px}.list[style*=max-height]::-webkit-scrollbar{width:8px}.list[style*=max-height]::-webkit-scrollbar-track{background:transparent}.list[style*=max-height]::-webkit-scrollbar-thumb{background:var(--bg-primary, #e2e8f0);border-radius:10px;border:2px solid transparent;background-clip:content-box}.list[style*=max-height]::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #cbd5e1);background-clip:content-box}.virtual-list{contain:strict;will-change:transform}.list-container{overflow:visible}.list-container.list-has-selection .list-header-adaptive{background:var(--bg-primary, #eff6ff);border-bottom-color:var(--color-primary, #bfdbfe)}.list-container.list-has-selection .list-label{color:var(--color-primary, #1e40af)}.list-container.selection-theme-primary.list-has-selection .list-header-adaptive{background:linear-gradient(135deg, var(--color-success, #3dcd58), var(--color-success, #2a9d47))}.list-container.selection-theme-primary.list-has-selection .list-header-adaptive .list-label,.list-container.selection-theme-primary.list-has-selection .list-header-adaptive .list-subheader{color:var(--text-standard, #ffffff)}.list-header-adaptive{transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.list-bulk-header{border-top:none;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-secondary, #f1f5f9);border-bottom:1px solid var(--border-subtle, #e2e8f0);animation:slideDownBulk 0.3s ease-out}.list-bulk-header .bulk-select-all{display:flex;align-items:center;gap:12px;font-size:0.875rem;font-weight:600;color:var(--color-primary, #475569)}.list-bulk-header .bulk-actions{display:flex;align-items:center;gap:8px}.list-bulk-header .bulk-action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:var(--bg-primary, #ffffff);border-radius:6px;color:var(--text-primary, #1e293b);font-size:0.8125rem;font-weight:600;cursor:pointer;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);transition:all 0.2s}.list-bulk-header .bulk-action-btn:hover{background:var(--bg-primary, #f8fafc);transform:translateY(-1px)}.list-bulk-header .bulk-action-btn:active{transform:translateY(0)}.list-bulk-header .bulk-action-btn ui-icon{font-size:0.875rem}.list-bulk-header .bulk-action-btn ui-icon[name=trash],.list-bulk-header .bulk-action-btn ui-icon[name=archive]{color:var(--color-danger, #ef4444)}@keyframes slideDownBulk{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sticky-header{position:sticky;top:0;z-index:20;background:var(--bg-primary, #ffffff);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.list-sync-bar{height:2px;width:100%;background:var(--bg-secondary, #f3f4f6);position:relative;overflow:hidden}.list-sync-bar::after{content:"";position:absolute;top:0;left:0;bottom:0;width:30%;background:var(--color-primary, #10b981);animation:listSyncMode 2s infinite linear}@keyframes listSyncMode{0%{left:-30%}100%{left:100%}}.list-filter-chips{display:flex;align-items:center;gap:8px;padding:8px 16px;overflow-x:auto;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.list-filter-chips::-webkit-scrollbar{display:none}.list-filter-chips .filter-chip{flex-shrink:0;padding:6px 14px;border-radius:20px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--bg-primary, #ffffff);font-size:0.75rem;font-weight:600;color:var(--color-primary, #475569);cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:6px}.list-filter-chips .filter-chip:hover{background:var(--bg-primary, #f8fafc);color:var(--bg-primary, #1e293b)}.list-filter-chips .filter-chip.active{background:var(--bg-primary, #1e293b);color:var(--text-standard, #ffffff);border-color:var(--border-subtle, #1e293b)}.list-filter-chips .filter-chip .chip-count{opacity:0.6;font-weight:400}.list-sorting-headers{display:flex;background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-subtle, #f1f5f9);padding:8px 16px}.list-sorting-headers .sort-header{flex:1;font-size:0.6875rem;font-weight:700;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:0.05em;display:flex;align-items:center;gap:4px;cursor:pointer}.list-sorting-headers .sort-header:hover{color:var(--text-primary, #1e293b)}.list-sorting-headers .sort-header ui-icon{font-size:0.75rem;opacity:0.4}.list-group-footer{padding:8px 16px;background:var(--bg-primary, #fdfdfd);border-top:1px solid var(--border-subtle, #f1f5f9);font-size:0.6875rem;font-weight:700;color:var(--color-primary, #94a3b8);text-transform:uppercase;letter-spacing:0.025em;text-align:right}.list-floating-fab{position:absolute;bottom:24px;right:24px;width:56px;height:56px;border-radius:28px;background:var(--bg-primary, #1e293b);color:var(--text-standard, #ffffff);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0, 0, 0, 0.25);cursor:pointer;z-index:100;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);animation:fabShow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.list-floating-fab:hover{background:var(--color-primary, #334155);transform:scale(1.1)}.list-floating-fab:active{transform:scale(0.95)}.list-floating-fab ui-icon{font-size:1.25rem}@keyframes fabShow{from{transform:scale(0) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.list-shortcut-palette,.list-quick-look-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15, 23, 42, 0.4);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.2s ease-out}.palette-content{background:var(--bg-primary, #ffffff);width:90%;max-width:440px;border-radius:20px;padding:32px;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25)}.palette-content h3{margin:0 0 20px;font-size:1.125rem;font-weight:700;color:var(--text-primary, #1e293b)}.palette-content .shortcut-grid{display:flex;flex-direction:column;gap:12px}.palette-content .s-row{display:flex;align-items:center;gap:12px;font-size:0.875rem;color:var(--text-muted, #64748b)}.palette-content kbd{background:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-subtle, #e2e8f0);border-bottom-width:3px;padding:2px 6px;border-radius:4px;font-family:inherit;font-weight:700;color:var(--text-primary, #1e293b);min-width:24px;text-align:center}.quick-look-content{background:var(--bg-primary, #ffffff);width:90%;max-width:600px;border-radius:24px;padding:0;overflow:hidden;box-shadow:0 40px 80px -20px rgba(0, 0, 0, 0.3);position:relative}.quick-look-content .close-look{position:absolute;top:20px;right:20px;cursor:pointer;opacity:0.5}.quick-look-content .close-look:hover{opacity:1}.quick-look-content .look-header{background:var(--bg-primary, #f8fafc);padding:40px 48px 32px;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.quick-look-content .look-header h2{margin:0;font-size:1.5rem;color:var(--text-primary, #1e293b)}.quick-look-content .look-header span{color:var(--text-muted, #64748b);font-size:0.875rem}.quick-look-content .look-body{padding:32px 48px 48px}.quick-look-content .look-body p{color:var(--color-primary, #475569);line-height:1.6}.quick-look-content .look-body .look-stats{display:flex;gap:40px;margin-top:24px}.quick-look-content .look-body .l-stat{font-size:0.8125rem;color:var(--color-primary, #94a3b8)}.quick-look-content .look-body .l-stat strong{display:block;font-size:1.125rem;color:var(--text-primary, #1e293b);font-weight:700}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.list-lasso-box{position:absolute;background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.15);border:1px solid var(--color-primary, #10b981);border-radius:2px;pointer-events:none;z-index:100;box-shadow:0 0 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.list-focus-spring-ring{position:absolute;left:0;right:0;border:2px solid var(--color-primary, #10b981);border-radius:8px;pointer-events:none;z-index:10;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.04)}.list-view-tabs{display:flex;gap:24px;margin-left:24px;align-items:center}.list-view-tabs .view-tab{font-size:0.8125rem;font-weight:600;color:var(--text-muted, #64748b);cursor:pointer;position:relative;transition:color 0.2s}.list-view-tabs .view-tab.active{color:var(--text-primary, #1e293b)}.list-view-tabs .view-tab.active::after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:var(--color-primary, #10b981);border-radius:1px}.list-header-adaptive{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.list-header-adaptive .header-main-titles{flex:1}.list-power-launcher-container{position:absolute;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.list-power-launcher-container .launcher-fab{width:56px;height:56px;border-radius:50%;background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 10px 25px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4);cursor:pointer;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.list-power-launcher-container .launcher-fab.active{background:var(--bg-primary, #1e293b);transform:rotate(90deg)}.list-power-launcher-container .launcher-fab:hover{transform:scale(1.1)}.list-power-launcher-container .launcher-menu{background:rgba(255, 255, 255, 0.85);backdrop-filter:blur(12px);border:1px solid rgba(255, 255, 255, 0.5);border-radius:20px;padding:12px;width:240px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.15);animation:launcherShow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.list-power-launcher-container .launcher-menu .l-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;font-size:0.875rem;font-weight:600;color:var(--color-primary, #475569);cursor:pointer;transition:all 0.2s}.list-power-launcher-container .launcher-menu .l-item ui-icon{font-size:1rem;opacity:0.7}.list-power-launcher-container .launcher-menu .l-item:hover{background:var(--bg-secondary, #f1f5f9);color:var(--bg-primary, #1e293b)}.list-power-launcher-container .launcher-menu .l-item.danger{color:var(--color-danger, #ef4444)}.list-power-launcher-container .launcher-menu .l-item.danger:hover{background:var(--bg-primary, #fef2f2)}@keyframes launcherShow{from{transform:scale(0.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.list-sync-bar{position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-primary, #10b981);animation:syncProgress 2s linear infinite}@keyframes syncProgress{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(1);transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}.list-ekg-container{position:absolute;bottom:0;left:0;right:0;height:20px;overflow:hidden;pointer-events:none;opacity:0.3}.list-ekg-waveform path{stroke-dasharray:200;stroke-dashoffset:200;animation:ekgScroll 4s linear infinite}@keyframes ekgScroll{to{stroke-dashoffset:-200}}@media (forced-colors: active){.list-item,.list-group-header,.list-header,.list-footer{border:1px solid CanvasText}.list-focus-spring-ring{outline:3px solid Highlight;background:transparent}}.list-confetti-burst{position:absolute;top:50%;left:50%;pointer-events:none;z-index:1000}.list-confetti-burst .confetti-particle{position:absolute;width:8px;height:8px;background:var(--color-primary, #10b981);border-radius:2px;animation:confettiFall 2s ease-out forwards}@keyframes confettiFall{0%{transform:translate(0, 0) rotate(0deg);opacity:1}100%{transform:translate(var(--dx), var(--dy)) rotate(360deg);opacity:0}}.group-header-custom{display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--bg-primary, #f8fafc);cursor:pointer;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.group-header-custom .group-title-label{font-weight:700;color:var(--text-primary, #1e293b);flex:1;text-transform:uppercase;letter-spacing:0.1em;font-size:0.75rem}.group-header-custom .group-pill{background:var(--border-subtle, #e2e8f0);padding:2px 8px;border-radius:12px;font-size:0.7rem;color:var(--color-primary, #64748b);font-weight:800}.group-mini-dashboard{background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(10px);padding:16px 32px;display:flex;align-items:center;gap:40px;border-bottom:1px solid rgba(0, 0, 0, 0.05);animation:slideDownFade 0.3s ease-out}.group-mini-dashboard .gm-stat{font-size:0.8125rem;color:var(--text-muted, #64748b)}.group-mini-dashboard .gm-stat strong{display:block;color:var(--text-primary, #1e293b);font-size:1.1rem}@keyframes slideDownFade{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.presence-cursors-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1000}.ghost-cursor{position:absolute;display:flex;align-items:center;gap:8px;transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);pointer-events:none}.ghost-cursor ui-icon{font-size:1.25rem;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2))}.ghost-cursor .cursor-label{background:var(--bg-primary, #ffffff);padding:4px 10px;border-radius:20px;font-size:0.75rem;font-weight:700;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);white-space:nowrap;border:1px solid rgba(0, 0, 0, 0.05)}.ghost-cursor.cursor-blue ui-icon{color:var(--color-primary, #10b981)}.ghost-cursor.cursor-blue .cursor-label{color:var(--color-primary, #10b981)}.ghost-cursor.cursor-purple ui-icon{color:var(--color-primary, #a855f7)}.ghost-cursor.cursor-purple .cursor-label{color:var(--color-primary, #a855f7)}.ghost-cursor.cursor-green ui-icon{color:var(--color-success, #10b981)}.ghost-cursor.cursor-green .cursor-label{color:var(--color-success, #10b981)}.is-morphing .list-item{transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.is-morphing .list-item-avatar-container,.is-morphing ui-avatar{transform:scale(1.15)}.list-item-aura-online{background:linear-gradient(135deg, rgba(var(--color-success-rgb, 16, 185, 129), 0.03), rgba(255, 255, 255, 0))}.list-item-aura-online.list-item-hovered{background:linear-gradient(135deg, rgba(var(--color-success-rgb, 16, 185, 129), 0.08), rgba(255, 255, 255, 0))}.list-item-aura-danger{background:linear-gradient(135deg, rgba(var(--color-danger-rgb, 239, 68, 68), 0.04), rgba(255, 255, 255, 0));position:relative}.list-item-aura-danger::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 50%, rgba(var(--color-danger-rgb, 239, 68, 68), 0.05), transparent 70%);animation:auraShift 8s infinite alternate}@keyframes auraShift{from{transform:translateX(-5%)}to{transform:translateX(5%)}}.list-command-palette-overlay{position:fixed;inset:0;background:rgba(15, 23, 42, 0.4);backdrop-filter:blur(12px);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn 0.2s ease-out}.list-command-palette-overlay .command-palette-content{width:100%;max-width:600px;background:var(--bg-primary, #ffffff);border-radius:16px;box-shadow:0 25px 70px rgba(0, 0, 0, 0.3);overflow:hidden;border:1px solid rgba(255, 255, 255, 0.2)}.list-command-palette-overlay .command-palette-content .cp-search{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-subtle, #f1f5f9);gap:16px}.list-command-palette-overlay .command-palette-content .cp-search ui-icon{font-size:1.25rem;color:var(--color-primary, #94a3b8)}.list-command-palette-overlay .command-palette-content .cp-search input{flex:1;border:none;outline:none;font-size:1.1rem;color:var(--text-primary, #1e293b);font-weight:500;background:transparent}.list-command-palette-overlay .command-palette-content .cp-search kbd{font-size:0.75rem;padding:4px 8px;background:var(--bg-primary, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:6px;color:var(--color-primary, #94a3b8)}.list-command-palette-overlay .command-palette-content .cp-results{max-height:400px;overflow-y:auto;padding:8px}.list-command-palette-overlay .command-palette-content .cp-results .cp-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all 0.2s}.list-command-palette-overlay .command-palette-content .cp-results .cp-item ui-icon{color:var(--text-muted, #64748b);font-size:1.1rem}.list-command-palette-overlay .command-palette-content .cp-results .cp-item span{font-size:0.9375rem;color:var(--color-primary, #334155);font-weight:500}.list-command-palette-overlay .command-palette-content .cp-results .cp-item:hover{background:var(--bg-secondary, #f1f5f9)}.list-command-palette-overlay .command-palette-content .cp-results .cp-item:hover ui-icon{color:var(--color-primary, #10b981)}.list-command-palette-overlay .command-palette-content .cp-results .cp-item:hover span{color:var(--text-primary, #1e293b)}.list-scrollbar-minimap{position:absolute;top:0;right:0;bottom:0;width:4px;background:rgba(0, 0, 0, 0.03);z-index:100;pointer-events:none}.list-scrollbar-minimap .m-marker{position:absolute;left:0;right:0;height:3px;border-radius:2px}.list-scrollbar-minimap .m-marker.m-online{background:var(--color-success, #10b981)}.list-scrollbar-minimap .m-marker.m-busy{background:var(--color-warning, #f59e0b)}.list-scrollbar-minimap .m-marker.m-danger{background:var(--color-danger, #ef4444)}'}},[769,"ui-list",{label:[1],size:[1],color:[1],variant:[1],dense:[4],dividers:[4],rounded:[4],elevated:[4],selectable:[4],multiSelect:[4,"multi-select"],selectedValues:[1040],maxHeight:[1,"max-height"],fullWidth:[4,"full-width"],padding:[4],subheader:[1],virtual:[4],itemHeight:[2,"item-height"],items:[16],searchable:[4],searchPlaceholder:[1,"search-placeholder"],searchQuery:[1025,"search-query"],loading:[4],loadingText:[1,"loading-text"],skeleton:[4],emptyText:[1,"empty-text"],showEmpty:[4,"show-empty"],isDraggable:[4,"is-draggable"],paginated:[4],itemsPerPage:[2,"items-per-page"],currentPage:[1026,"current-page"],checkboxSelection:[4,"checkbox-selection"],keyboardNavigation:[4,"keyboard-navigation"],grouped:[4],groupBy:[1,"group-by"],flush:[4],horizontal:[4],numbered:[4],infinite:[4],loadMoreThreshold:[2,"load-more-threshold"],stickyHeaders:[4,"sticky-headers"],showBulkHeader:[4,"show-bulk-header"],bulkActions:[16],grid:[4],gridCols:[2,"grid-cols"],dragGroup:[1,"drag-group"],altMode:[4,"alt-mode"],emptyStateTitle:[1,"empty-state-title"],emptyStateActionLabel:[1,"empty-state-action-label"],selectionHeaderColor:[1,"selection-header-color"],ariaLabel:[1,"aria-label"],density:[1],viewTabs:[16],commandK:[4,"command-k"],showMinimap:[4,"show-minimap"],syncing:[4],filterChips:[16],showSortingHeaders:[4,"show-sorting-headers"],columns:[16],showGroupFooter:[4,"show-group-footer"],groupFooterLabel:[1,"group-footer-label"],floatingFAB:[4,"floating-f-a-b"],altKeyPressed:[32],isPowerLauncherOpen:[32],isCommandKOpen:[32],commandQuery:[32],activeTab:[32],focusRingTop:[32],focusRingHeight:[32],showConfetti:[32],isEKGActive:[32],groupDashboards:[32],isPaletteOpen:[32],isQuickLookOpen:[32],shiftSelectionStartIndex:[32],scrollTop:[32],lassoActive:[32],lassoStart:[32],lassoEnd:[32],visibleItems:[32],filteredItems:[32],focusedIndex:[32],draggedItem:[32],totalPages:[32],_sortColumn:[32],_sortDir:[32]},[[8,"keydown","handleGlobalKeyDown"],[8,"keyup","handleGlobalKeyUp"],[0,"listItemClick","handleItemClick"]],{items:[{handleItemsChange:0}],searchQuery:[{handleItemsChange:0}],currentPage:[{handleItemsChange:0}]}]),k=v,w=function(){"undefined"!=typeof customElements&&["ui-list","ui-avatar","ui-avatar-group","ui-badge","ui-button","ui-checkbox","ui-icon","ui-input","ui-list-group","ui-list-item","ui-loader","ui-popover","ui-skeleton","ui-stack","ui-tag","ui-tag-group"].forEach((t=>{switch(t){case"ui-list":customElements.get(s(t))||customElements.define(s(t),v);break;case"ui-avatar":customElements.get(s(t))||r();break;case"ui-avatar-group":customElements.get(s(t))||o();break;case"ui-badge":customElements.get(s(t))||n();break;case"ui-button":customElements.get(s(t))||l();break;case"ui-checkbox":customElements.get(s(t))||c();break;case"ui-icon":customElements.get(s(t))||d();break;case"ui-input":customElements.get(s(t))||h();break;case"ui-list-group":customElements.get(s(t))||p();break;case"ui-list-item":customElements.get(s(t))||b();break;case"ui-loader":customElements.get(s(t))||f();break;case"ui-popover":customElements.get(s(t))||u();break;case"ui-skeleton":customElements.get(s(t))||m();break;case"ui-stack":customElements.get(s(t))||g();break;case"ui-tag":customElements.get(s(t))||y();break;case"ui-tag-group":customElements.get(s(t))||x()}}))};export{k as UiList,w as defineCustomElement}