atomicuilibrary 0.0.1 → 0.1.3

package/dist/components/ui-dock.js

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

package/dist/components/ui-drag-drop.js

@@ -1 +1 @@
-import{proxyCustomElement as r,HTMLElement as t,createEvent as i,h as a,transformTag as o}from"@stencil/core/internal/client";const e=r(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.uiDragDropChange=i(this,"uiDragDropChange",7),this.uiDragStart=i(this,"uiDragStart",7),this.uiDragEnd=i(this,"uiDragEnd",7),this.uiDrop=i(this,"uiDrop",7)}get el(){return this}items=[];orientation="vertical";gap="0.5rem";draggableEnabled=!0;group="";internalItems=[];draggingIndex=null;dragOverIndex=null;uiDragDropChange;uiDragStart;uiDragEnd;uiDrop;componentWillLoad(){this.syncItems()}watchItems(){this.syncItems()}syncItems(){this.internalItems=(this.items??[]).map((r=>({...r})))}onDragStart(r,t){if(!this.draggableEnabled)return void r.preventDefault();this.draggingIndex=t;const i=this.internalItems[t];if(r.dataTransfer){const a=JSON.stringify({item:i,index:t,group:this.group});r.dataTransfer.setData("application/x-ui-drag-drop",a),r.dataTransfer.effectAllowed="move",r.dataTransfer.setDragImage(r.currentTarget,20,20)}this.uiDragStart.emit({item:i,index:t})}onDragOver(r,t){r.preventDefault(),r.dataTransfer&&(r.dataTransfer.dropEffect="move"),t!==this.draggingIndex&&(this.dragOverIndex="horizontal"===this.orientation&&"rtl"===getComputedStyle(this.el).direction&&null!==this.draggingIndex?this.internalItems.length-1-this.draggingIndex!=this.internalItems.length-1-t?t:this.dragOverIndex:t)}onDrop(r,t){r.preventDefault();const i=r.dataTransfer?.getData("application/x-ui-drag-drop");if(i){try{const{item:r,index:a,group:o}=JSON.parse(i);if(this.group&&o!==this.group)return;const e=null!==this.draggingIndex,d="horizontal"===this.orientation&&"rtl"===getComputedStyle(this.el).direction,s=d?this.internalItems.length-1-t:t;if(e)this.reorder(d&&d?this.internalItems.length-1-a:a,s);else{const t=[...this.internalItems];t.splice(s,0,r),this.internalItems=t}this.uiDrop.emit({item:r,sourceIndex:a,targetIndex:t,sourceGroup:o}),this.emitOrder()}catch(r){console.error("Failed to parse drag-drop data",r)}this.draggingIndex=null,this.dragOverIndex=null}}onDragEnd(){null!==this.draggingIndex&&this.uiDragEnd.emit({item:this.internalItems[this.draggingIndex],index:this.draggingIndex}),this.draggingIndex=null,this.dragOverIndex=null}reorder(r,t){const i=[...this.internalItems],[a]=i.splice(r,1);i.splice(t,0,a),this.internalItems=i}emitOrder(){this.uiDragDropChange.emit({items:this.internalItems,order:this.internalItems.map((r=>r.id+"")).filter((r=>"undefined"!==r))})}renderItem(r,t){return a("div",{class:{"drag-drop__item":!0,"drag-drop__item--dragging":t===this.draggingIndex,"drag-drop__item--over":t===this.dragOverIndex},role:"listitem",draggable:this.draggableEnabled,onDragStart:r=>this.onDragStart(r,t),onDragOver:r=>this.onDragOver(r,t),onDrop:r=>this.onDrop(r,t),onDragEnd:()=>this.onDragEnd()},a("span",{class:"drag-drop__handle","aria-hidden":"true"},"::"),a("div",{class:"drag-drop__content"},a("span",{class:"drag-drop__label"},r.label),r.description&&a("span",{class:"drag-drop__description"},r.description),r.detail&&a("sm",{class:"drag-drop__detail"},r.detail)))}render(){return a("div",{key:"51ed908447ec8729df4df557816c7e08b2db4620",class:{"drag-drop":!0,["drag-drop--"+this.orientation]:!0},style:{gap:this.gap},role:"list"},this.internalItems.map(((r,t)=>this.renderItem(r,t))))}static get watchers(){return{items:[{watchItems: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}.drag-drop{display:flex;flex-direction:column;align-items:stretch;gap:var(--drag-drop-gap, 0.5rem);background:var(--drag-drop-background, transparent);padding:var(--drag-drop-padding, 0)}.drag-drop--horizontal{flex-direction:row;flex-wrap:wrap}.drag-drop__item{display:flex;align-items:center;padding:0.75rem 1rem;background:var(--drag-drop-item-background, var(--ui-color-surface, var(--bg-primary, #ffffff)));border:1px solid var(--drag-drop-border-color, var(--ui-color-border, #d9d9d9));border-radius:var(--drag-drop-border-radius, 0.5rem);box-shadow:var(--drag-drop-item-shadow, 0 1px 2px rgba(15, 23, 42, 0.05));transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;cursor:grab}.drag-drop__item--dragging{opacity:0.5;box-shadow:var(--drag-drop-dragging-shadow, 0 15px 25px rgba(15, 23, 42, 0.15))}.drag-drop__item--over{border-color:var(--drag-drop-highlight-color, var(--ui-color-primary, #0b5fff))}.drag-drop__handle{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;margin-inline-end:0.75rem;border-radius:50%;background:var(--drag-drop-handle-background, rgba(15, 23, 42, 0.05));color:var(--drag-drop-handle-color, var(--ui-color-base, #0b5fff));font-size:1rem;line-height:1;cursor:grab}.drag-drop__content{flex:1;display:flex;flex-direction:column;gap:0.2rem}.drag-drop__label{font-weight:600;color:var(--drag-drop-label-color, var(--ui-color-base, #0f172a))}.drag-drop__description{font-size:0.875rem;color:var(--drag-drop-description-color, var(--ui-color-muted, var(--text-muted, #6b7280)))}.drag-drop__detail{font-size:0.75rem;color:var(--drag-drop-detail-color, var(--ui-color-muted, var(--text-muted, #6b7280)))}.drag-drop__item:active{cursor:grabbing}"}},[513,"ui-drag-drop",{items:[16],orientation:[1],gap:[1],draggableEnabled:[4,"draggable-enabled"],group:[1],internalItems:[32],draggingIndex:[32],dragOverIndex:[32]},void 0,{items:[{watchItems:0}]}]),d=e,s=function(){"undefined"!=typeof customElements&&["ui-drag-drop"].forEach((r=>{"ui-drag-drop"===r&&(customElements.get(o(r))||customElements.define(o(r),e))}))};export{d as UiDragDrop,s as defineCustomElement}
+import{proxyCustomElement as r,HTMLElement as t,createEvent as i,h as a,transformTag as o}from"@stencil/core/internal/client";const e=r(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.uiDragDropChange=i(this,"uiDragDropChange",7),this.uiDragStart=i(this,"uiDragStart",7),this.uiDragEnd=i(this,"uiDragEnd",7),this.uiDrop=i(this,"uiDrop",7)}get el(){return this}items=[];orientation="vertical";gap="0.5rem";draggableEnabled=!0;group="";internalItems=[];draggingIndex=null;dragOverIndex=null;uiDragDropChange;uiDragStart;uiDragEnd;uiDrop;componentWillLoad(){this.syncItems()}watchItems(){this.syncItems()}syncItems(){this.internalItems=(this.items??[]).map((r=>({...r})))}onDragStart(r,t){if(!this.draggableEnabled)return void r.preventDefault();this.draggingIndex=t;const i=this.internalItems[t];if(r.dataTransfer){const a=JSON.stringify({item:i,index:t,group:this.group});r.dataTransfer.setData("application/x-ui-drag-drop",a),r.dataTransfer.effectAllowed="move",r.dataTransfer.setDragImage(r.currentTarget,20,20)}this.uiDragStart.emit({item:i,index:t})}onDragOver(r,t){r.preventDefault(),r.dataTransfer&&(r.dataTransfer.dropEffect="move"),t!==this.draggingIndex&&(this.dragOverIndex="horizontal"===this.orientation&&"rtl"===getComputedStyle(this.el).direction&&null!==this.draggingIndex?this.internalItems.length-1-this.draggingIndex!=this.internalItems.length-1-t?t:this.dragOverIndex:t)}onDrop(r,t){r.preventDefault();const i=r.dataTransfer?.getData("application/x-ui-drag-drop");if(i){try{const{item:r,index:a,group:o}=JSON.parse(i);if(this.group&&o!==this.group)return;const e=null!==this.draggingIndex,d="horizontal"===this.orientation&&"rtl"===getComputedStyle(this.el).direction,s=d?this.internalItems.length-1-t:t;if(e)this.reorder(d&&d?this.internalItems.length-1-a:a,s);else{const t=[...this.internalItems];t.splice(s,0,r),this.internalItems=t}this.uiDrop.emit({item:r,sourceIndex:a,targetIndex:t,sourceGroup:o}),this.emitOrder()}catch(r){console.error("Failed to parse drag-drop data",r)}this.draggingIndex=null,this.dragOverIndex=null}}onDragEnd(){null!==this.draggingIndex&&this.uiDragEnd.emit({item:this.internalItems[this.draggingIndex],index:this.draggingIndex}),this.draggingIndex=null,this.dragOverIndex=null}reorder(r,t){const i=[...this.internalItems],[a]=i.splice(r,1);i.splice(t,0,a),this.internalItems=i}emitOrder(){this.uiDragDropChange.emit({items:this.internalItems,order:this.internalItems.map((r=>r.id+"")).filter((r=>"undefined"!==r))})}renderItem(r,t){return a("div",{class:{"drag-drop__item":!0,"drag-drop__item--dragging":t===this.draggingIndex,"drag-drop__item--over":t===this.dragOverIndex},role:"listitem",draggable:this.draggableEnabled,onDragStart:r=>this.onDragStart(r,t),onDragOver:r=>this.onDragOver(r,t),onDrop:r=>this.onDrop(r,t),onDragEnd:()=>this.onDragEnd()},a("span",{class:"drag-drop__handle","aria-hidden":"true"},"::"),a("div",{class:"drag-drop__content"},a("span",{class:"drag-drop__label"},r.label),r.description&&a("span",{class:"drag-drop__description"},r.description),r.detail&&a("sm",{class:"drag-drop__detail"},r.detail)))}render(){return a("div",{key:"6b0c0623c0698599b4552cf193275fdd36532f14",class:{"drag-drop":!0,["drag-drop--"+this.orientation]:!0},style:{gap:this.gap},role:"list"},this.internalItems.map(((r,t)=>this.renderItem(r,t))))}static get watchers(){return{items:[{watchItems: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}.drag-drop{display:flex;flex-direction:column;align-items:stretch;gap:var(--drag-drop-gap, 0.5rem);background:var(--drag-drop-background, transparent);padding:var(--drag-drop-padding, 0)}.drag-drop--horizontal{flex-direction:row;flex-wrap:wrap}.drag-drop__item{display:flex;align-items:center;padding:0.75rem 1rem;background:var(--drag-drop-item-background, var(--ui-color-surface, var(--bg-primary, #ffffff)));border:1px solid var(--drag-drop-border-color, var(--ui-color-border, #d9d9d9));border-radius:var(--drag-drop-border-radius, 0.5rem);box-shadow:var(--drag-drop-item-shadow, 0 1px 2px rgba(15, 23, 42, 0.05));transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;cursor:grab}.drag-drop__item--dragging{opacity:0.5;box-shadow:var(--drag-drop-dragging-shadow, 0 15px 25px rgba(15, 23, 42, 0.15))}.drag-drop__item--over{border-color:var(--drag-drop-highlight-color, var(--ui-color-primary, #0b5fff))}.drag-drop__handle{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;margin-inline-end:0.75rem;border-radius:50%;background:var(--drag-drop-handle-background, rgba(15, 23, 42, 0.05));color:var(--drag-drop-handle-color, var(--ui-color-base, #0b5fff));font-size:1rem;line-height:1;cursor:grab}.drag-drop__content{flex:1;display:flex;flex-direction:column;gap:0.2rem}.drag-drop__label{font-weight:600;color:var(--drag-drop-label-color, var(--ui-color-base, #0f172a))}.drag-drop__description{font-size:0.875rem;color:var(--drag-drop-description-color, var(--ui-color-muted, var(--text-muted, #6b7280)))}.drag-drop__detail{font-size:0.75rem;color:var(--drag-drop-detail-color, var(--ui-color-muted, var(--text-muted, #6b7280)))}.drag-drop__item:active{cursor:grabbing}"}},[513,"ui-drag-drop",{items:[16],orientation:[1],gap:[1],draggableEnabled:[4,"draggable-enabled"],group:[1],internalItems:[32],draggingIndex:[32],dragOverIndex:[32]},void 0,{items:[{watchItems:0}]}]),d=e,s=function(){"undefined"!=typeof customElements&&["ui-drag-drop"].forEach((r=>{"ui-drag-drop"===r&&(customElements.get(o(r))||customElements.define(o(r),e))}))};export{d as UiDragDrop,s as defineCustomElement}

package/dist/components/ui-empty-state.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as a,h as i,Host as o,transformTag as r}from"@stencil/core/internal/client";import{d as n,a as s}from"./badge.js";import{d as c}from"./icon.js";import{d as l}from"./input.js";const m=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.actionClick=a(this,"actionClick",7),this.backClick=a(this,"backClick",7),this.itemClick=a(this,"itemClick",7),this.searchChange=a(this,"searchChange",7),this.retry=a(this,"retry",7)}heading;message;type="no-data";icon;image;imageAlt="Empty state";iconColor;iconSize="64px";variant="default";size="md";align="center";rounded=!1;elevated=!1;fullHeight=!1;padding;maxWidth="500px";compact=!1;loadingAction;illustration;confetti=!1;description;showSearch=!1;searchPlaceholder="Try another search...";searchValue="";retryDelay=0;retryLabel="Retrying in {n}s...";actions="[]";primaryAction;primaryActionIcon;secondaryAction;secondaryActionIcon;items="[]";itemsTitle;showBackButton=!1;backButtonLabel="Go Back";animated=!0;customClass;actionClick;backClick;itemClick;searchChange;retry;parseActions(){if("string"==typeof this.actions)try{return JSON.parse(this.actions)}catch{return[]}return this.actions||[]}parseItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch{return[]}return this.items||[]}handleActionClick(t){this.actionClick.emit({action:t.label,value:t.value})}handlePrimaryAction(){this.primaryAction&&this.actionClick.emit({action:"primary",value:this.primaryAction})}handleSecondaryAction(){this.secondaryAction&&this.actionClick.emit({action:"secondary",value:this.secondaryAction})}handleBackClick(){this.backClick.emit()}handleItemClick(t){this.itemClick.emit({item:t})}handleSearchChange(t){this.searchChange.emit(t.target.value)}currentRetryCount=0;retryTimer;onRetryDelayChange(){this.retryDelay>0?this.startRetryTimer():this.retryTimer&&clearInterval(this.retryTimer)}componentWillLoad(){this.retryDelay>0&&this.startRetryTimer()}startRetryTimer(){this.currentRetryCount=this.retryDelay,this.retryTimer&&clearInterval(this.retryTimer),this.retryTimer=setInterval((()=>{this.currentRetryCount--,this.currentRetryCount<=0&&(clearInterval(this.retryTimer),this.retry.emit())}),1e3)}disconnectedCallback(){this.retryTimer&&clearInterval(this.retryTimer)}getDefaultContent(){const t={"no-data":{icon:"inbox",library:"fontawesome",heading:"No Data Available",message:"There is no data to display at the moment."},"no-results":{icon:"search",library:"fontawesome",heading:"No Results Found",message:"We couldn't find any results matching your search."},error:{icon:"exclamation-triangle",library:"fontawesome",heading:"Something Went Wrong",message:"An error occurred while loading the data. Please try again."},404:{icon:"frown",library:"fontawesome",heading:"404 - Not Found",message:"The resource you are looking for has vanished into the void."},401:{icon:"user-lock",library:"fontawesome",heading:"401 - Unauthorized",message:"Please log in to access this protected area."},403:{icon:"ban",library:"fontawesome",heading:"403 - Forbidden",message:"You do not have the required permissions to view this content."},405:{icon:"hand-paper",library:"fontawesome",heading:"405 - Method Not Allowed",message:"This action is not supported for this resource."},410:{icon:"trash-alt",library:"fontawesome",heading:"410 - Gone",message:"This resource has been permanently removed."},418:{icon:"coffee",library:"fontawesome",heading:"418 - I'm a Teapot",message:"I refuse to brew coffee because I am, short and stout, a teapot."},429:{icon:"hourglass-half",library:"fontawesome",heading:"429 - Too Many Requests",message:"You've sent too many requests. Please take a breath and try again later."},500:{icon:"server",library:"fontawesome",heading:"500 - Server Error",message:"Something went wrong on our end. Our best minds are on it."},503:{icon:"plug",library:"fontawesome",heading:"503 - Service Unavailable",message:"The server is temporarily down for maintenance or overloaded."},offline:{icon:"wifi",library:"fontawesome",heading:"No Internet Connection",message:"Check your network cables, modem, and router or try reconnecting."},onboarding:{icon:"paper-plane",library:"fontawesome",heading:"Welcome Abroad!",message:"Get started by creating your first project or inviting teammates."},accomplishment:{icon:"trophy",library:"fontawesome",heading:"You're All Caught Up!",message:"Great job! You've completed everything on your list for today."},success:{icon:"check-circle",library:"fontawesome",heading:"Mission Accomplished",message:"Action completed successfully. Everything looks perfect."},"no-messages":{icon:"comment-slash",library:"fontawesome",heading:"No Messages Yet",message:"It's quiet here. Start a conversation to see messages appear."},"no-notifications":{icon:"bell-slash",library:"fontawesome",heading:"No New Notifications",message:"We'll let you know when something important happens."},"no-favorites":{icon:"heart-broken",library:"fontawesome",heading:"No Favorites Saved",message:"Tap the heart icon on items you love to save them here."},"no-tasks":{icon:"clipboard-check",library:"fontawesome",heading:"No Tasks Found",message:"Your list is empty. Add a new task to stay organized."},"no-history":{icon:"history",library:"fontawesome",heading:"No Recent Activity",message:"Your history will appear here once you start using the app."},"no-files":{icon:"folder-open",library:"fontawesome",heading:"Folder is Empty",message:'Drag and drop files here to upload or click "New File".'},paywall:{icon:"crown",library:"fontawesome",heading:"Premium Feature",message:"Unlock this and 50+ other features with a Pro subscription."},"no-search":{icon:"search-minus",library:"fontawesome",heading:"No Results Matching Filters",message:"Try adjusting your search terms or filters to find what you need."},empty:{icon:"folder-open",library:"fontawesome",heading:"Nothing Here Yet",message:"Get started by adding your first item."},"coming-soon":{icon:"rocket",library:"fontawesome",heading:"Coming Soon",message:"This feature is under development and will be available soon."},maintenance:{icon:"tools",library:"fontawesome",heading:"Under Maintenance",message:"We are currently performing maintenance. Please check back later."},custom:{icon:"info-circle",library:"fontawesome",heading:"Empty State",message:"No content available."}};return t[this.type]||t.custom}renderIcon(){const t=this.getDefaultContent(),e=this.icon||t.icon;if(this.image)return i("div",{class:"empty-state-image"},i("img",{src:this.image,alt:this.imageAlt}));if(this.illustration){if(this.illustration.startsWith("http")||this.illustration.startsWith("/")||this.illustration.includes("."))return i("div",{class:"empty-state-illustration"},i("img",{src:this.illustration,alt:this.imageAlt}));const a={"no-data":i("svg",{viewBox:"0 0 200 160",fill:"none",class:"illust-svg"},i("rect",{x:"40",y:"40",width:"120",height:"80",rx:"8",fill:"currentColor","fill-opacity":"0.1"}),i("path",{d:"M40 60h120M70 80h60M70 100h30",stroke:"currentColor","stroke-width":"2","stroke-opacity":"0.2","stroke-linecap":"round"}),i("circle",{cx:"100",cy:"80",r:"20",fill:"currentColor","fill-opacity":"0.05"})),error:i("svg",{viewBox:"0 0 200 160",fill:"none",class:"illust-svg illust-error"},i("circle",{cx:"100",cy:"80",r:"50",fill:"currentColor","fill-opacity":"0.1"}),i("path",{d:"M100 50v40M100 105v5",stroke:"currentColor","stroke-width":"6","stroke-linecap":"round"}),i("path",{d:"M60 120l80-80",stroke:"currentColor","stroke-width":"2","stroke-opacity":"0.3","stroke-dasharray":"5 5"})),"no-results":i("svg",{viewBox:"0 0 200 160",fill:"none",class:"illust-svg"},i("circle",{cx:"90",cy:"70",r:"30",stroke:"currentColor","stroke-width":"3","stroke-opacity":"0.2"}),i("path",{d:"M115 95l30 30",stroke:"currentColor","stroke-width":"3","stroke-opacity":"0.2","stroke-linecap":"round"}),i("rect",{x:"40",y:"110",width:"120",height:"4",rx:"2",fill:"currentColor","fill-opacity":"0.1"})),offline:i("svg",{viewBox:"0 0 200 160",fill:"none",class:"illust-svg"},i("path",{d:"M50 80a70 70 0 0 1 100 0M70 100a40 40 0 0 1 60 0M100 120h.01",stroke:"currentColor","stroke-width":"3","stroke-opacity":"0.2","stroke-linecap":"round"}),i("line",{x1:"60",y1:"50",x2:"140",y2:"130",stroke:"currentColor","stroke-width":"2","stroke-opacity":"0.5"}))};return i("div",{class:"empty-state-illustration illustration-"+this.illustration},a[this.illustration]||i("div",{class:"illustration-placeholder"},i("ui-icon",{name:e,library:t.library||"fontawesome",size:"48px"}),i("div",{class:"illustration-glow"})))}return i("div",{class:"empty-state-icon"},e?i("slot",{name:"icon"},i("ui-icon",{name:e,library:t.library||"fontawesome",size:this.iconSize,color:this.iconColor||"currentColor"})):i("slot",{name:"icon"}))}renderActions(){const t=this.parseActions(),e=this.primaryAction||this.secondaryAction,a=t.length>0;return e||a?i("div",{class:"empty-state-actions"},this.showSearch&&i("div",{class:"empty-state-search"},i("ui-icon",{name:"search",library:"lucide",size:"16px"}),i("ui-input",{placeholder:this.searchPlaceholder,value:this.searchValue,onInput:t=>this.handleSearchChange(t)})),this.retryDelay>0&&this.currentRetryCount>0&&i("div",{class:"empty-state-timer"},i("span",{class:"timer-text"},this.retryLabel.replace("{n}",""+this.currentRetryCount)),i("div",{class:"timer-progress"},i("div",{class:"timer-progress-bar",style:{width:this.currentRetryCount/this.retryDelay*100+"%"}}))),e&&i("div",{class:"simple-actions"},this.primaryAction&&i("ui-button",{variant:"primary",loading:"primary"===this.loadingAction,disabled:"primary"===this.loadingAction,onClick:()=>this.handlePrimaryAction(),icon:this.primaryActionIcon,iconLibrary:"fontawesome",label:this.primaryAction}),this.secondaryAction&&i("ui-button",{variant:"secondary",loading:"secondary"===this.loadingAction,disabled:"secondary"===this.loadingAction,onClick:()=>this.handleSecondaryAction(),icon:this.secondaryActionIcon?.replace(/^fa[sb]? fa-/,""),iconLibrary:"fontawesome",label:this.secondaryAction})),a&&i("div",{class:"complex-actions"},t.map((t=>i("ui-button",{variant:t.variant||"secondary",loading:this.loadingAction===t.value||this.loadingAction===t.label,disabled:this.loadingAction===t.value||this.loadingAction===t.label,onClick:()=>this.handleActionClick(t),icon:t.icon?.replace(/^fa[sb]? fa-/,""),iconLibrary:"fontawesome",label:t.label})))),i("slot",{name:"actions"})):null}renderItems(){const t=this.parseItems();return 0===t.length?null:i("div",{class:"empty-state-items"},this.itemsTitle&&i("h4",{class:"items-title"},this.itemsTitle),i("ul",{class:"items-list"},t.map((t=>i("li",{class:"item",onClick:()=>this.handleItemClick(t)},t.icon&&i("ui-icon",{name:t.icon,library:"fontawesome",size:"14px"}),i("span",null,t.label))))))}renderBackButton(){return this.showBackButton?i("div",{class:"empty-state-back"},i("ui-button",{variant:"ghost",onClick:()=>this.handleBackClick(),icon:"arrow-left",iconLibrary:"fontawesome",label:this.backButtonLabel,size:"sm"})):null}render(){const t=this.getDefaultContent(),e=this.heading||t.heading,a=this.message||t.message,r={"empty-state-container":!0,["variant-"+this.variant]:!0,["size-"+this.size]:!0,["align-"+this.align]:!0,["type-"+this.type]:!0,rounded:this.rounded,elevated:this.elevated,"full-height":this.fullHeight,animated:this.animated,compact:this.compact,"confetti-active":this.confetti,...this.customClass?{[this.customClass]:!0}:{}};return i(o,{key:"3291f3cc57238c4228b4c296fa831a5b87130b0d"},i("div",{key:"d122b911ff1f2a4b6e4591835fc6cb08fbc5ddec",class:r,style:{padding:this.padding||void 0,maxWidth:this.maxWidth||void 0}},this.renderBackButton(),i("div",{key:"8165539538ff504236a84e7f244731bb5db23fc1",class:"empty-state-content"},this.renderIcon(),i("slot",{key:"cb9c3d2da3314438d9e109c22d28257591f778db",name:"heading"},e&&i("h2",{key:"fffced165c0fec93f1843dfcfb0844fa2a6fead0",class:"empty-state-title"},e)),i("slot",{key:"938212bdd5443ebc8570c524dc682cb90e4b0bca",name:"message"},a&&i("p",{key:"032f187cd7950217e221ad7034cbe60a2b79c2c7",class:"empty-state-message"},a)),this.description&&i("p",{key:"ccb6b30f65404e289daa468d96cde08565c09719",class:"empty-state-description"},this.description),i("slot",{key:"f15c1b1bd9b174d4b31466f396f3d93ff7b4fb3e",name:"custom-content"}),this.renderItems(),this.renderActions(),i("slot",{key:"f596bf19b1d025f026220247f0b2fab6600bdab2",name:"footer"}))))}static get watchers(){return{retryDelay:[{onRetryDelayChange:0}]}}static get style(){return'@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;width:100%}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;box-sizing:border-box}.empty-state-container.full-height{min-height:100vh}.empty-state-container.variant-default{background:transparent}.empty-state-container.variant-outlined{border:2px dashed var(--border-strong, #d1d5db);border-radius:12px}.empty-state-container.variant-filled{background:var(--bg-primary, #f9fafb);border-radius:12px}.empty-state-container.variant-minimal{padding:24px}.empty-state-container.variant-glass{background:rgba(var(--ui-color-surface-rgb, 255, 255, 255), 0.4);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(var(--ui-color-surface-rgb, 255, 255, 255), 0.3);border-radius:20px;box-shadow:0 12px 40px rgba(0, 0, 0, 0.1)}.empty-state-container.variant-glass .empty-state-title{color:var(--ui-color-text, var(--text-primary, #111827))}.empty-state-container.variant-glass .empty-state-title{color:var(--text-primary, #1a1a1a);text-shadow:0 1px 2px rgba(255, 255, 255, 0.5)}.empty-state-container.rounded{border-radius:16px}.empty-state-container.elevated{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.empty-state-container.compact{padding:16px}.empty-state-container.compact .empty-state-icon{margin-bottom:12px}.empty-state-container.compact .empty-state-title{font-size:1.1rem;margin-bottom:4px}.empty-state-container.compact .empty-state-message{font-size:0.85rem;margin-bottom:16px}.empty-state-container.compact .empty-state-actions{margin-bottom:0;gap:8px}.empty-state-container.compact .action-button{padding:6px 12px;font-size:0.8rem}.empty-state-container.size-sm{padding:24px 16px}.empty-state-container.size-sm .empty-state-icon i{font-size:48px}.empty-state-container.size-sm .empty-state-title{font-size:1.25rem}.empty-state-container.size-sm .empty-state-message{font-size:0.875rem}.empty-state-container.size-md{padding:48px 24px}.empty-state-container.size-md .empty-state-icon i{font-size:64px}.empty-state-container.size-md .empty-state-title{font-size:1.5rem}.empty-state-container.size-md .empty-state-message{font-size:1rem}.empty-state-container.size-lg{padding:64px 32px}.empty-state-container.size-lg .empty-state-icon i{font-size:96px}.empty-state-container.size-lg .empty-state-title{font-size:2rem}.empty-state-container.size-lg .empty-state-message{font-size:1.125rem}.empty-state-container.align-left{align-items:flex-start;text-align:left}.empty-state-container.align-left .empty-state-content{align-items:flex-start}.empty-state-container.align-center{align-items:center;text-align:center}.empty-state-container.align-center .empty-state-content{align-items:center}.empty-state-container.align-right{align-items:flex-end;text-align:right}.empty-state-container.align-right .empty-state-content{align-items:flex-end}.empty-state-container.animated .empty-state-icon,.empty-state-container.animated .empty-state-image,.empty-state-container.animated .empty-state-illustration{animation:fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1), bob 4s ease-in-out infinite 0.8s}.empty-state-container.animated .empty-state-title{animation:fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both}.empty-state-container.animated .empty-state-message{animation:fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both}.empty-state-container.animated .empty-state-actions{animation:fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both}.empty-state-container:hover .empty-state-icon i,.empty-state-container:hover .empty-state-illustration ui-icon{transform:scale(1.05) translateY(-5px);filter:drop-shadow(0 10px 15px rgba(0, 0, 0, 0.1))}.empty-state-content{display:flex;flex-direction:column;align-items:center;max-width:100%;width:100%}.empty-state-icon{margin-bottom:24px}.empty-state-icon i{font-size:64px;color:var(--text-muted, #9ca3af);transition:color 0.3s ease}.type-error .empty-state-icon i{color:var(--color-danger, #ef4444)}.type-401 .empty-state-icon i{color:var(--color-primary, #8b5cf6);animation:fadeIn 1s ease-in-out infinite alternate}.type-403 .empty-state-icon i{color:var(--color-danger, #f43f5e)}.type-404 .empty-state-icon i{color:var(--color-warning, #f59e0b);animation:glitch 2.5s linear infinite alternate}.type-offline .empty-state-icon i{color:var(--text-muted, #64748b);animation:pulse-signal 2s ease-in-out infinite}.type-500 .empty-state-icon i{color:var(--color-danger, #ef4444);animation:glitch 0.5s linear infinite alternate;animation-delay:2s}.type-no-results .empty-state-icon i{color:var(--text-muted, #6b7280)}.type-coming-soon .empty-state-icon i{color:var(--color-success, #3dcd58)}.type-maintenance .empty-state-icon i{color:var(--color-warning, #f59e0b);animation:rotate-slow 6s linear infinite}.type-onboarding .empty-state-icon i{color:var(--color-primary, #10b981);animation:fadeInUp 1s ease-out}.type-accomplishment .empty-state-icon i,.type-success .empty-state-icon i{color:var(--color-success, #10b981);animation:popOut 1.5s ease-out infinite alternate}.type-paywall .empty-state-icon i{color:var(--color-warning-hover, #d97706);animation:bounce 2s infinite}.type-no-messages .empty-state-icon i{color:var(--color-danger, #ec4899)}.type-no-notifications .empty-state-icon i{color:var(--color-danger, #f43f5e)}.type-no-favorites .empty-state-icon i{color:var(--color-danger, #ef4444)}.type-429 .empty-state-icon i{color:var(--color-primary, #6366f1);animation:pulse-signal 2s infinite}.type-418 .empty-state-icon i{color:var(--color-primary, #7c3aed)}.empty-state-image{margin-bottom:24px;max-width:300px}.empty-state-image img{width:100%;height:auto;object-fit:contain;border-radius:8px}.size-lg .empty-state-image{max-width:400px}.empty-state-illustration{margin-bottom:24px;position:relative;display:flex;justify-content:center;align-items:center}.empty-state-illustration .illustration-placeholder{width:120px;height:120px;background:linear-gradient(135deg, rgba(var(--color-success-rgb, 61, 205, 88), 0.1), rgba(var(--color-primary-rgb, 59, 130, 246), 0.1));border-radius:30% 70% 70% 30%/30% 30% 70% 70%;display:flex;align-items:center;justify-content:center;animation:morph 8s ease-in-out infinite;position:relative;overflow:hidden}.empty-state-illustration .illustration-placeholder i{font-size:48px;color:var(--primary-color, var(--color-primary, #10b981));z-index:2}.empty-state-illustration .illustration-placeholder .illustration-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle, rgba(var(--color-success-rgb, 61, 205, 88), 0.2) 0%, transparent 70%);animation:pulse 4s ease-in-out infinite}.empty-state-illustration img{max-width:100%;height:auto;border-radius:12px;animation:float 6s ease-in-out infinite}.empty-state-title{margin:0 0 12px 0;font-size:1.5rem;font-weight:600;color:var(--empty-state-title-color, var(--text-primary, #111827));line-height:1.3}.empty-state-message{margin:0 0 32px 0;font-size:1rem;color:var(--empty-state-message-color, var(--text-muted, #6b7280));line-height:1.6;max-width:100%}.empty-state-actions{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px;margin-bottom:24px}.empty-state-actions .simple-actions,.empty-state-actions .complex-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.empty-state-search{display:flex;align-items:center;gap:12px;background:var(--ui-color-surface-soft, rgba(0, 0, 0, 0.03));border:1px solid var(--ui-color-border, var(--border-default, #e5e7eb));padding:8px 16px;border-radius:12px;margin-bottom:8px;width:100%;transition:all 0.2s}.empty-state-search:focus-within{border-color:var(--color-primary, #10b981);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);background:var(--bg-primary, #ffffff)}.empty-state-search ui-icon{color:var(--text-muted, #6b7280)}.empty-state-search input{border:none;background:transparent;outline:none;font-size:0.9375rem;flex:1;color:inherit}.empty-state-timer{margin-bottom:16px;width:100%;text-align:center}.empty-state-timer .timer-text{font-size:0.85rem;color:var(--text-muted, #6b7280);font-weight:500;display:block;margin-bottom:8px}.empty-state-timer .timer-progress{height:4px;background:var(--bg-secondary, #f3f4f6);border-radius:2px;overflow:hidden}.empty-state-timer .timer-progress-bar{height:100%;background:var(--color-primary, #10b981);transition:width 1s linear}.empty-state-description{margin:-16px 0 32px 0;font-size:0.875rem;color:var(--text-muted, #9ca3af);max-width:80%;line-height:1.5}.action-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:0.9375rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.action-button i{font-size:1rem}.action-button.primary{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.action-button.primary:hover{background:var(--color-primary-hover, #2563eb);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.action-button.primary:active{transform:translateY(0)}.action-button.primary.is-loading{opacity:0.8;cursor:wait;pointer-events:none}.action-button.primary.is-loading i{margin-right:8px}.action-button.secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151);border:1px solid var(--border-default, #e5e7eb)}.action-button.secondary:hover{background:var(--bg-primary, #e5e7eb);border-color:var(--border-strong, #d1d5db)}.action-button.secondary:active{background:var(--bg-secondary, #d1d5db)}.action-button.text{background:transparent;color:var(--color-success, #3dcd58);padding:8px 16px}.action-button.text:hover{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.1)}.action-button.text:active{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.15)}.size-sm .action-button{padding:8px 16px;font-size:0.875rem}.size-lg .action-button{padding:14px 28px;font-size:1rem}.empty-state-items{margin-bottom:24px;width:100%;max-width:400px}.items-title{margin:0 0 12px 0;font-size:0.875rem;font-weight:600;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:0.05em}.items-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-primary, #f9fafb);border:1px solid var(--border-default, #e5e7eb);border-radius:8px;cursor:pointer;transition:all 0.2s ease}.item i{font-size:1rem;color:var(--text-muted, #6b7280);flex-shrink:0}.item span{font-size:0.9375rem;color:var(--text-secondary, #374151);flex:1}.item:hover{background:var(--bg-secondary, #f3f4f6);border-color:var(--border-strong, #d1d5db);transform:translateX(4px)}.item:active{background:var(--bg-primary, #e5e7eb)}.empty-state-back{align-self:flex-start;margin-bottom:24px}.back-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;border-radius:6px;color:var(--text-muted, #6b7280);font-size:0.9375rem;cursor:pointer;transition:all 0.2s ease}.back-button i{font-size:0.875rem}.back-button:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.back-button:active{background:var(--bg-primary, #e5e7eb)}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes glitch{0%{transform:translate(0)}2%{transform:translate(-2px, 1.5px)}4%{transform:translate(-2px, -1.5px)}6%{transform:translate(2px, 1.5px)}8%{transform:translate(2px, -1.5px)}10%{transform:translate(0)}100%{transform:translate(0)}}@keyframes pulse-signal{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.92)}}@keyframes rotate-slow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes morph{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:50% 50% 20% 80%/25% 80% 20% 75%}100%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:0.5}50%{transform:scale(1.2);opacity:0.8}}.confetti-active{position:relative;overflow:hidden}.confetti-active::before,.confetti-active::after{content:"🎉";position:absolute;font-size:2rem;animation:popOut 1s ease-out forwards;pointer-events:none;z-index:10}.confetti-active::before{left:10%;top:20%;animation-delay:0.1s}.confetti-active::after{right:10%;top:30%;animation-delay:0.3s}@keyframes popOut{0%{transform:scale(0) rotate(0deg);opacity:0}50%{transform:scale(1.5) rotate(15deg);opacity:1}100%{transform:scale(1.2) rotate(0deg);opacity:0;transform:translateY(-50px)}}::slotted([slot=custom-content]){margin:16px 0}::slotted([slot=footer]){margin-top:24px}@media (max-width: 640px){.empty-state-container{padding:32px 16px}.empty-state-container.size-lg{padding:48px 20px}.empty-state-icon i{font-size:48px !important}.empty-state-image{max-width:200px !important}.empty-state-title{font-size:1.25rem !important}.empty-state-message{font-size:0.875rem !important}.action-button{width:100%;justify-content:center}.simple-actions,.complex-actions{flex-direction:column;width:100%}}'}},[769,"ui-empty-state",{heading:[1],message:[1],type:[1],icon:[1],image:[1],imageAlt:[1,"image-alt"],iconColor:[1,"icon-color"],iconSize:[1,"icon-size"],variant:[1],size:[1],align:[1],rounded:[4],elevated:[4],fullHeight:[4,"full-height"],padding:[1],maxWidth:[1,"max-width"],compact:[4],loadingAction:[1,"loading-action"],illustration:[1],confetti:[4],description:[1],showSearch:[4,"show-search"],searchPlaceholder:[1,"search-placeholder"],searchValue:[1,"search-value"],retryDelay:[2,"retry-delay"],retryLabel:[1,"retry-label"],actions:[1],primaryAction:[1,"primary-action"],primaryActionIcon:[1,"primary-action-icon"],secondaryAction:[1,"secondary-action"],secondaryActionIcon:[1,"secondary-action-icon"],items:[1],itemsTitle:[1,"items-title"],showBackButton:[4,"show-back-button"],backButtonLabel:[1,"back-button-label"],animated:[4],customClass:[1,"custom-class"],currentRetryCount:[32]},void 0,{retryDelay:[{onRetryDelayChange:0}]}]),p=m,d=function(){"undefined"!=typeof customElements&&["ui-empty-state","ui-badge","ui-button","ui-icon","ui-input"].forEach((t=>{switch(t){case"ui-empty-state":customElements.get(r(t))||customElements.define(r(t),m);break;case"ui-badge":customElements.get(r(t))||s();break;case"ui-button":customElements.get(r(t))||n();break;case"ui-icon":customElements.get(r(t))||c();break;case"ui-input":customElements.get(r(t))||l()}}))};export{p as UiEmptyState,d as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as a,h as i,Host as o,transformTag as r}from"@stencil/core/internal/client";import{d as n}from"./badge.js";import{d as s}from"./button.js";import{d as c}from"./icon.js";import{d as l}from"./input.js";import{d as m}from"./loader.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.actionClick=a(this,"actionClick",7),this.backClick=a(this,"backClick",7),this.itemClick=a(this,"itemClick",7),this.searchChange=a(this,"searchChange",7),this.retry=a(this,"retry",7)}heading;message;type="no-data";icon;image;imageAlt="Empty state";iconColor;iconSize="64px";variant="default";size="md";align="center";rounded=!1;elevated=!1;fullHeight=!1;padding;maxWidth="500px";compact=!1;loadingAction;illustration;confetti=!1;description;showSearch=!1;searchPlaceholder="Try another search...";searchValue="";retryDelay=0;retryLabel="Retrying in {n}s...";actions="[]";primaryAction;primaryActionIcon;secondaryAction;secondaryActionIcon;items="[]";itemsTitle;showBackButton=!1;backButtonLabel="Go Back";animated=!0;customClass;actionClick;backClick;itemClick;searchChange;retry;parseActions(){if("string"==typeof this.actions)try{return JSON.parse(this.actions)}catch{return[]}return this.actions||[]}parseItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch{return[]}return this.items||[]}handleActionClick(t){this.actionClick.emit({action:t.label,value:t.value})}handlePrimaryAction(){this.primaryAction&&this.actionClick.emit({action:"primary",value:this.primaryAction})}handleSecondaryAction(){this.secondaryAction&&this.actionClick.emit({action:"secondary",value:this.secondaryAction})}handleBackClick(){this.backClick.emit()}handleItemClick(t){this.itemClick.emit({item:t})}handleSearchChange(t){this.searchChange.emit(t.target.value)}currentRetryCount=0;retryTimer;onRetryDelayChange(){this.retryDelay>0?this.startRetryTimer():this.retryTimer&&clearInterval(this.retryTimer)}componentWillLoad(){this.retryDelay>0&&this.startRetryTimer()}startRetryTimer(){this.currentRetryCount=this.retryDelay,this.retryTimer&&clearInterval(this.retryTimer),this.retryTimer=setInterval((()=>{this.currentRetryCount--,this.currentRetryCount<=0&&(clearInterval(this.retryTimer),this.retry.emit())}),1e3)}disconnectedCallback(){this.retryTimer&&clearInterval(this.retryTimer)}getDefaultContent(){const t={"no-data":{icon:"inbox",library:"fontawesome",heading:"No Data Available",message:"There is no data to display at the moment."},"no-results":{icon:"search",library:"fontawesome",heading:"No Results Found",message:"We couldn't find any results matching your search."},error:{icon:"exclamation-triangle",library:"fontawesome",heading:"Something Went Wrong",message:"An error occurred while loading the data. Please try again."},404:{icon:"frown",library:"fontawesome",heading:"404 - Not Found",message:"The resource you are looking for has vanished into the void."},401:{icon:"user-lock",library:"fontawesome",heading:"401 - Unauthorized",message:"Please log in to access this protected area."},403:{icon:"ban",library:"fontawesome",heading:"403 - Forbidden",message:"You do not have the required permissions to view this content."},405:{icon:"hand-paper",library:"fontawesome",heading:"405 - Method Not Allowed",message:"This action is not supported for this resource."},410:{icon:"trash-alt",library:"fontawesome",heading:"410 - Gone",message:"This resource has been permanently removed."},418:{icon:"coffee",library:"fontawesome",heading:"418 - I'm a Teapot",message:"I refuse to brew coffee because I am, short and stout, a teapot."},429:{icon:"hourglass-half",library:"fontawesome",heading:"429 - Too Many Requests",message:"You've sent too many requests. Please take a breath and try again later."},500:{icon:"server",library:"fontawesome",heading:"500 - Server Error",message:"Something went wrong on our end. Our best minds are on it."},503:{icon:"plug",library:"fontawesome",heading:"503 - Service Unavailable",message:"The server is temporarily down for maintenance or overloaded."},offline:{icon:"wifi",library:"fontawesome",heading:"No Internet Connection",message:"Check your network cables, modem, and router or try reconnecting."},onboarding:{icon:"paper-plane",library:"fontawesome",heading:"Welcome Abroad!",message:"Get started by creating your first project or inviting teammates."},accomplishment:{icon:"trophy",library:"fontawesome",heading:"You're All Caught Up!",message:"Great job! You've completed everything on your list for today."},success:{icon:"check-circle",library:"fontawesome",heading:"Mission Accomplished",message:"Action completed successfully. Everything looks perfect."},"no-messages":{icon:"comment-slash",library:"fontawesome",heading:"No Messages Yet",message:"It's quiet here. Start a conversation to see messages appear."},"no-notifications":{icon:"bell-slash",library:"fontawesome",heading:"No New Notifications",message:"We'll let you know when something important happens."},"no-favorites":{icon:"heart-broken",library:"fontawesome",heading:"No Favorites Saved",message:"Tap the heart icon on items you love to save them here."},"no-tasks":{icon:"clipboard-check",library:"fontawesome",heading:"No Tasks Found",message:"Your list is empty. Add a new task to stay organized."},"no-history":{icon:"history",library:"fontawesome",heading:"No Recent Activity",message:"Your history will appear here once you start using the app."},"no-files":{icon:"folder-open",library:"fontawesome",heading:"Folder is Empty",message:'Drag and drop files here to upload or click "New File".'},paywall:{icon:"crown",library:"fontawesome",heading:"Premium Feature",message:"Unlock this and 50+ other features with a Pro subscription."},"no-search":{icon:"search-minus",library:"fontawesome",heading:"No Results Matching Filters",message:"Try adjusting your search terms or filters to find what you need."},empty:{icon:"folder-open",library:"fontawesome",heading:"Nothing Here Yet",message:"Get started by adding your first item."},"coming-soon":{icon:"rocket",library:"fontawesome",heading:"Coming Soon",message:"This feature is under development and will be available soon."},maintenance:{icon:"tools",library:"fontawesome",heading:"Under Maintenance",message:"We are currently performing maintenance. Please check back later."},custom:{icon:"info-circle",library:"fontawesome",heading:"Empty State",message:"No content available."}};return t[this.type]||t.custom}renderIcon(){const t=this.getDefaultContent(),e=this.icon||t.icon;if(this.image)return i("div",{class:"empty-state-image"},i("img",{src:this.image,alt:this.imageAlt}));if(this.illustration){if(this.illustration.startsWith("http")||this.illustration.startsWith("/")||this.illustration.includes("."))return i("div",{class:"empty-state-illustration"},i("img",{src:this.illustration,alt:this.imageAlt}));const a={"no-data":i("svg",{viewBox:"0 0 200 160",fill:"none",class:"illust-svg"},i("rect",{x:"40",y:"40",width:"120",height:"80",rx:"8",fill:"currentColor","fill-opacity":"0.1"}),i("path",{d:"M40 60h120M70 80h60M70 100h30",stroke:"currentColor","stroke-width":"2","stroke-opacity":"0.2","stroke-linecap":"round"}),i("circle",{cx:"100",cy:"80",r:"20",fill:"currentColor","fill-opacity":"0.05"})),error:i("svg",{viewBox:"0 0 200 160",fill:"none",class:"illust-svg illust-error"},i("circle",{cx:"100",cy:"80",r:"50",fill:"currentColor","fill-opacity":"0.1"}),i("path",{d:"M100 50v40M100 105v5",stroke:"currentColor","stroke-width":"6","stroke-linecap":"round"}),i("path",{d:"M60 120l80-80",stroke:"currentColor","stroke-width":"2","stroke-opacity":"0.3","stroke-dasharray":"5 5"})),"no-results":i("svg",{viewBox:"0 0 200 160",fill:"none",class:"illust-svg"},i("circle",{cx:"90",cy:"70",r:"30",stroke:"currentColor","stroke-width":"3","stroke-opacity":"0.2"}),i("path",{d:"M115 95l30 30",stroke:"currentColor","stroke-width":"3","stroke-opacity":"0.2","stroke-linecap":"round"}),i("rect",{x:"40",y:"110",width:"120",height:"4",rx:"2",fill:"currentColor","fill-opacity":"0.1"})),offline:i("svg",{viewBox:"0 0 200 160",fill:"none",class:"illust-svg"},i("path",{d:"M50 80a70 70 0 0 1 100 0M70 100a40 40 0 0 1 60 0M100 120h.01",stroke:"currentColor","stroke-width":"3","stroke-opacity":"0.2","stroke-linecap":"round"}),i("line",{x1:"60",y1:"50",x2:"140",y2:"130",stroke:"currentColor","stroke-width":"2","stroke-opacity":"0.5"}))};return i("div",{class:"empty-state-illustration illustration-"+this.illustration},a[this.illustration]||i("div",{class:"illustration-placeholder"},i("ui-icon",{name:e,library:t.library||"fontawesome",size:"48px"}),i("div",{class:"illustration-glow"})))}return i("div",{class:"empty-state-icon"},e?i("slot",{name:"icon"},i("ui-icon",{name:e,library:t.library||"fontawesome",size:this.iconSize,color:this.iconColor||"currentColor"})):i("slot",{name:"icon"}))}renderActions(){const t=this.parseActions(),e=this.primaryAction||this.secondaryAction,a=t.length>0;return e||a?i("div",{class:"empty-state-actions"},this.showSearch&&i("div",{class:"empty-state-search"},i("ui-icon",{name:"search",library:"lucide",size:"16px"}),i("ui-input",{placeholder:this.searchPlaceholder,value:this.searchValue,onInput:t=>this.handleSearchChange(t)})),this.retryDelay>0&&this.currentRetryCount>0&&i("div",{class:"empty-state-timer"},i("span",{class:"timer-text"},this.retryLabel.replace("{n}",""+this.currentRetryCount)),i("div",{class:"timer-progress"},i("div",{class:"timer-progress-bar",style:{width:this.currentRetryCount/this.retryDelay*100+"%"}}))),e&&i("div",{class:"simple-actions"},this.primaryAction&&i("ui-button",{variant:"primary",loading:"primary"===this.loadingAction,disabled:"primary"===this.loadingAction,onClick:()=>this.handlePrimaryAction(),icon:this.primaryActionIcon,iconLibrary:"fontawesome",label:this.primaryAction}),this.secondaryAction&&i("ui-button",{variant:"secondary",loading:"secondary"===this.loadingAction,disabled:"secondary"===this.loadingAction,onClick:()=>this.handleSecondaryAction(),icon:this.secondaryActionIcon?.replace(/^fa[sb]? fa-/,""),iconLibrary:"fontawesome",label:this.secondaryAction})),a&&i("div",{class:"complex-actions"},t.map((t=>i("ui-button",{variant:t.variant||"secondary",loading:this.loadingAction===t.value||this.loadingAction===t.label,disabled:this.loadingAction===t.value||this.loadingAction===t.label,onClick:()=>this.handleActionClick(t),icon:t.icon?.replace(/^fa[sb]? fa-/,""),iconLibrary:"fontawesome",label:t.label})))),i("slot",{name:"actions"})):null}renderItems(){const t=this.parseItems();return 0===t.length?null:i("div",{class:"empty-state-items"},this.itemsTitle&&i("h4",{class:"items-title"},this.itemsTitle),i("ul",{class:"items-list"},t.map((t=>i("li",{class:"item",onClick:()=>this.handleItemClick(t)},t.icon&&i("ui-icon",{name:t.icon,library:"fontawesome",size:"14px"}),i("span",null,t.label))))))}renderBackButton(){return this.showBackButton?i("div",{class:"empty-state-back"},i("ui-button",{variant:"ghost",onClick:()=>this.handleBackClick(),icon:"arrow-left",iconLibrary:"fontawesome",label:this.backButtonLabel,size:"sm"})):null}render(){const t=this.getDefaultContent(),e=this.heading||t.heading,a=this.message||t.message,r={"empty-state-container":!0,["variant-"+this.variant]:!0,["size-"+this.size]:!0,["align-"+this.align]:!0,["type-"+this.type]:!0,rounded:this.rounded,elevated:this.elevated,"full-height":this.fullHeight,animated:this.animated,compact:this.compact,"confetti-active":this.confetti,...this.customClass?{[this.customClass]:!0}:{}};return i(o,{key:"b4aba509d0fe262be1254d1c1f06095408711739"},i("div",{key:"747641713fd40e4ddadfb5fcfb2e2df24bd9e0b0",class:r,style:{padding:this.padding||void 0,maxWidth:this.maxWidth||void 0}},this.renderBackButton(),i("div",{key:"566cc5184652308e834deb2b1866247c979fa4f7",class:"empty-state-content"},this.renderIcon(),i("slot",{key:"35a6d4f00def6f8549084ad484ac212097256679",name:"heading"},e&&i("h2",{key:"a7b7aafd7a02a02042540d52bd2d3e2eecbdfcf4",class:"empty-state-title"},e)),i("slot",{key:"a53e7b77686f392eaf0d9eb2569fc896f9e5b216",name:"message"},a&&i("p",{key:"1f84852f31494063d0bcdb9eb3e025ffda729e0a",class:"empty-state-message"},a)),this.description&&i("p",{key:"96ef197c70889b83be57c26f7e174fcceba5d44c",class:"empty-state-description"},this.description),i("slot",{key:"2707adbdaaca80e83c6318c1bab0b9fdaaa5f4cd",name:"custom-content"}),this.renderItems(),this.renderActions(),i("slot",{key:"fb8dfa1d372bffb367967f13e711954334ec304a",name:"footer"}))))}static get watchers(){return{retryDelay:[{onRetryDelayChange:0}]}}static get style(){return'@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;width:100%}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;box-sizing:border-box}.empty-state-container.full-height{min-height:100vh}.empty-state-container.variant-default{background:transparent}.empty-state-container.variant-outlined{border:2px dashed var(--border-strong, #d1d5db);border-radius:12px}.empty-state-container.variant-filled{background:var(--bg-primary, #f9fafb);border-radius:12px}.empty-state-container.variant-minimal{padding:24px}.empty-state-container.variant-glass{background:rgba(var(--ui-color-surface-rgb, 255, 255, 255), 0.4);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(var(--ui-color-surface-rgb, 255, 255, 255), 0.3);border-radius:20px;box-shadow:0 12px 40px rgba(0, 0, 0, 0.1)}.empty-state-container.variant-glass .empty-state-title{color:var(--ui-color-text, var(--text-primary, #111827))}.empty-state-container.variant-glass .empty-state-title{color:var(--text-primary, #1a1a1a);text-shadow:0 1px 2px rgba(255, 255, 255, 0.5)}.empty-state-container.rounded{border-radius:16px}.empty-state-container.elevated{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.empty-state-container.compact{padding:16px}.empty-state-container.compact .empty-state-icon{margin-bottom:12px}.empty-state-container.compact .empty-state-title{font-size:1.1rem;margin-bottom:4px}.empty-state-container.compact .empty-state-message{font-size:0.85rem;margin-bottom:16px}.empty-state-container.compact .empty-state-actions{margin-bottom:0;gap:8px}.empty-state-container.compact .action-button{padding:6px 12px;font-size:0.8rem}.empty-state-container.size-sm{padding:24px 16px}.empty-state-container.size-sm .empty-state-icon i{font-size:48px}.empty-state-container.size-sm .empty-state-title{font-size:1.25rem}.empty-state-container.size-sm .empty-state-message{font-size:0.875rem}.empty-state-container.size-md{padding:48px 24px}.empty-state-container.size-md .empty-state-icon i{font-size:64px}.empty-state-container.size-md .empty-state-title{font-size:1.5rem}.empty-state-container.size-md .empty-state-message{font-size:1rem}.empty-state-container.size-lg{padding:64px 32px}.empty-state-container.size-lg .empty-state-icon i{font-size:96px}.empty-state-container.size-lg .empty-state-title{font-size:2rem}.empty-state-container.size-lg .empty-state-message{font-size:1.125rem}.empty-state-container.align-left{align-items:flex-start;text-align:left}.empty-state-container.align-left .empty-state-content{align-items:flex-start}.empty-state-container.align-center{align-items:center;text-align:center}.empty-state-container.align-center .empty-state-content{align-items:center}.empty-state-container.align-right{align-items:flex-end;text-align:right}.empty-state-container.align-right .empty-state-content{align-items:flex-end}.empty-state-container.animated .empty-state-icon,.empty-state-container.animated .empty-state-image,.empty-state-container.animated .empty-state-illustration{animation:fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1), bob 4s ease-in-out infinite 0.8s}.empty-state-container.animated .empty-state-title{animation:fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both}.empty-state-container.animated .empty-state-message{animation:fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both}.empty-state-container.animated .empty-state-actions{animation:fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both}.empty-state-container:hover .empty-state-icon i,.empty-state-container:hover .empty-state-illustration ui-icon{transform:scale(1.05) translateY(-5px);filter:drop-shadow(0 10px 15px rgba(0, 0, 0, 0.1))}.empty-state-content{display:flex;flex-direction:column;align-items:center;max-width:100%;width:100%}.empty-state-icon{margin-bottom:24px}.empty-state-icon i{font-size:64px;color:var(--text-muted, #9ca3af);transition:color 0.3s ease}.type-error .empty-state-icon i{color:var(--color-danger, #ef4444)}.type-401 .empty-state-icon i{color:var(--color-primary, #8b5cf6);animation:fadeIn 1s ease-in-out infinite alternate}.type-403 .empty-state-icon i{color:var(--color-danger, #f43f5e)}.type-404 .empty-state-icon i{color:var(--color-warning, #f59e0b);animation:glitch 2.5s linear infinite alternate}.type-offline .empty-state-icon i{color:var(--text-muted, #64748b);animation:pulse-signal 2s ease-in-out infinite}.type-500 .empty-state-icon i{color:var(--color-danger, #ef4444);animation:glitch 0.5s linear infinite alternate;animation-delay:2s}.type-no-results .empty-state-icon i{color:var(--text-muted, #6b7280)}.type-coming-soon .empty-state-icon i{color:var(--color-success, #3dcd58)}.type-maintenance .empty-state-icon i{color:var(--color-warning, #f59e0b);animation:rotate-slow 6s linear infinite}.type-onboarding .empty-state-icon i{color:var(--color-primary, #10b981);animation:fadeInUp 1s ease-out}.type-accomplishment .empty-state-icon i,.type-success .empty-state-icon i{color:var(--color-success, #10b981);animation:popOut 1.5s ease-out infinite alternate}.type-paywall .empty-state-icon i{color:var(--color-warning-hover, #d97706);animation:bounce 2s infinite}.type-no-messages .empty-state-icon i{color:var(--color-danger, #ec4899)}.type-no-notifications .empty-state-icon i{color:var(--color-danger, #f43f5e)}.type-no-favorites .empty-state-icon i{color:var(--color-danger, #ef4444)}.type-429 .empty-state-icon i{color:var(--color-primary, #6366f1);animation:pulse-signal 2s infinite}.type-418 .empty-state-icon i{color:var(--color-primary, #7c3aed)}.empty-state-image{margin-bottom:24px;max-width:300px}.empty-state-image img{width:100%;height:auto;object-fit:contain;border-radius:8px}.size-lg .empty-state-image{max-width:400px}.empty-state-illustration{margin-bottom:24px;position:relative;display:flex;justify-content:center;align-items:center}.empty-state-illustration .illustration-placeholder{width:120px;height:120px;background:linear-gradient(135deg, rgba(var(--color-success-rgb, 61, 205, 88), 0.1), rgba(var(--color-primary-rgb, 59, 130, 246), 0.1));border-radius:30% 70% 70% 30%/30% 30% 70% 70%;display:flex;align-items:center;justify-content:center;animation:morph 8s ease-in-out infinite;position:relative;overflow:hidden}.empty-state-illustration .illustration-placeholder i{font-size:48px;color:var(--primary-color, var(--color-primary, #10b981));z-index:2}.empty-state-illustration .illustration-placeholder .illustration-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle, rgba(var(--color-success-rgb, 61, 205, 88), 0.2) 0%, transparent 70%);animation:pulse 4s ease-in-out infinite}.empty-state-illustration img{max-width:100%;height:auto;border-radius:12px;animation:float 6s ease-in-out infinite}.empty-state-title{margin:0 0 12px 0;font-size:1.5rem;font-weight:600;color:var(--empty-state-title-color, var(--text-primary, #111827));line-height:1.3}.empty-state-message{margin:0 0 32px 0;font-size:1rem;color:var(--empty-state-message-color, var(--text-muted, #6b7280));line-height:1.6;max-width:100%}.empty-state-actions{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px;margin-bottom:24px}.empty-state-actions .simple-actions,.empty-state-actions .complex-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.empty-state-search{display:flex;align-items:center;gap:12px;background:var(--ui-color-surface-soft, rgba(0, 0, 0, 0.03));border:1px solid var(--ui-color-border, var(--border-default, #e5e7eb));padding:8px 16px;border-radius:12px;margin-bottom:8px;width:100%;transition:all 0.2s}.empty-state-search:focus-within{border-color:var(--color-primary, #10b981);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);background:var(--bg-primary, #ffffff)}.empty-state-search ui-icon{color:var(--text-muted, #6b7280)}.empty-state-search input{border:none;background:transparent;outline:none;font-size:0.9375rem;flex:1;color:inherit}.empty-state-timer{margin-bottom:16px;width:100%;text-align:center}.empty-state-timer .timer-text{font-size:0.85rem;color:var(--text-muted, #6b7280);font-weight:500;display:block;margin-bottom:8px}.empty-state-timer .timer-progress{height:4px;background:var(--bg-secondary, #f3f4f6);border-radius:2px;overflow:hidden}.empty-state-timer .timer-progress-bar{height:100%;background:var(--color-primary, #10b981);transition:width 1s linear}.empty-state-description{margin:-16px 0 32px 0;font-size:0.875rem;color:var(--text-muted, #9ca3af);max-width:80%;line-height:1.5}.action-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:0.9375rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.action-button i{font-size:1rem}.action-button.primary{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.action-button.primary:hover{background:var(--color-primary-hover, #2563eb);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.action-button.primary:active{transform:translateY(0)}.action-button.primary.is-loading{opacity:0.8;cursor:wait;pointer-events:none}.action-button.primary.is-loading i{margin-right:8px}.action-button.secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151);border:1px solid var(--border-default, #e5e7eb)}.action-button.secondary:hover{background:var(--bg-primary, #e5e7eb);border-color:var(--border-strong, #d1d5db)}.action-button.secondary:active{background:var(--bg-secondary, #d1d5db)}.action-button.text{background:transparent;color:var(--color-success, #3dcd58);padding:8px 16px}.action-button.text:hover{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.1)}.action-button.text:active{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.15)}.size-sm .action-button{padding:8px 16px;font-size:0.875rem}.size-lg .action-button{padding:14px 28px;font-size:1rem}.empty-state-items{margin-bottom:24px;width:100%;max-width:400px}.items-title{margin:0 0 12px 0;font-size:0.875rem;font-weight:600;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:0.05em}.items-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-primary, #f9fafb);border:1px solid var(--border-default, #e5e7eb);border-radius:8px;cursor:pointer;transition:all 0.2s ease}.item i{font-size:1rem;color:var(--text-muted, #6b7280);flex-shrink:0}.item span{font-size:0.9375rem;color:var(--text-secondary, #374151);flex:1}.item:hover{background:var(--bg-secondary, #f3f4f6);border-color:var(--border-strong, #d1d5db);transform:translateX(4px)}.item:active{background:var(--bg-primary, #e5e7eb)}.empty-state-back{align-self:flex-start;margin-bottom:24px}.back-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;border-radius:6px;color:var(--text-muted, #6b7280);font-size:0.9375rem;cursor:pointer;transition:all 0.2s ease}.back-button i{font-size:0.875rem}.back-button:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.back-button:active{background:var(--bg-primary, #e5e7eb)}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes glitch{0%{transform:translate(0)}2%{transform:translate(-2px, 1.5px)}4%{transform:translate(-2px, -1.5px)}6%{transform:translate(2px, 1.5px)}8%{transform:translate(2px, -1.5px)}10%{transform:translate(0)}100%{transform:translate(0)}}@keyframes pulse-signal{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.92)}}@keyframes rotate-slow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes morph{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:50% 50% 20% 80%/25% 80% 20% 75%}100%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:0.5}50%{transform:scale(1.2);opacity:0.8}}.confetti-active{position:relative;overflow:hidden}.confetti-active::before,.confetti-active::after{content:"🎉";position:absolute;font-size:2rem;animation:popOut 1s ease-out forwards;pointer-events:none;z-index:10}.confetti-active::before{left:10%;top:20%;animation-delay:0.1s}.confetti-active::after{right:10%;top:30%;animation-delay:0.3s}@keyframes popOut{0%{transform:scale(0) rotate(0deg);opacity:0}50%{transform:scale(1.5) rotate(15deg);opacity:1}100%{transform:scale(1.2) rotate(0deg);opacity:0;transform:translateY(-50px)}}::slotted([slot=custom-content]){margin:16px 0}::slotted([slot=footer]){margin-top:24px}@media (max-width: 640px){.empty-state-container{padding:32px 16px}.empty-state-container.size-lg{padding:48px 20px}.empty-state-icon i{font-size:48px !important}.empty-state-image{max-width:200px !important}.empty-state-title{font-size:1.25rem !important}.empty-state-message{font-size:0.875rem !important}.action-button{width:100%;justify-content:center}.simple-actions,.complex-actions{flex-direction:column;width:100%}}'}},[769,"ui-empty-state",{heading:[1],message:[1],type:[1],icon:[1],image:[1],imageAlt:[1,"image-alt"],iconColor:[1,"icon-color"],iconSize:[1,"icon-size"],variant:[1],size:[1],align:[1],rounded:[4],elevated:[4],fullHeight:[4,"full-height"],padding:[1],maxWidth:[1,"max-width"],compact:[4],loadingAction:[1,"loading-action"],illustration:[1],confetti:[4],description:[1],showSearch:[4,"show-search"],searchPlaceholder:[1,"search-placeholder"],searchValue:[1,"search-value"],retryDelay:[2,"retry-delay"],retryLabel:[1,"retry-label"],actions:[1],primaryAction:[1,"primary-action"],primaryActionIcon:[1,"primary-action-icon"],secondaryAction:[1,"secondary-action"],secondaryActionIcon:[1,"secondary-action-icon"],items:[1],itemsTitle:[1,"items-title"],showBackButton:[4,"show-back-button"],backButtonLabel:[1,"back-button-label"],animated:[4],customClass:[1,"custom-class"],currentRetryCount:[32]},void 0,{retryDelay:[{onRetryDelayChange:0}]}]),d=p,h=function(){"undefined"!=typeof customElements&&["ui-empty-state","ui-badge","ui-button","ui-icon","ui-input","ui-loader"].forEach((t=>{switch(t){case"ui-empty-state":customElements.get(r(t))||customElements.define(r(t),p);break;case"ui-badge":customElements.get(r(t))||n();break;case"ui-button":customElements.get(r(t))||s();break;case"ui-icon":customElements.get(r(t))||c();break;case"ui-input":customElements.get(r(t))||l();break;case"ui-loader":customElements.get(r(t))||m()}}))};export{d as UiEmptyState,h as defineCustomElement}

package/dist/components/ui-fab-item.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as a,Host as o,transformTag as s}from"@stencil/core/internal/client";import{d as r,a as n}from"./badge.js";import{d as l}from"./icon.js";const c=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.uiFabActionClick=e(this,"uiFabActionClick",7)}icon;label;tooltip;disabled=!1;loading=!1;value;uiFabActionClick;handleClick=t=>{if(this.disabled||this.loading)return t.stopPropagation(),void t.preventDefault();this.uiFabActionClick.emit({value:void 0!==this.value?this.value:this.label||this.icon})};render(){return a(o,{key:"90ef99b98ff4ad2482a4e788bd29266655ccdff7",class:{"is-disabled":this.disabled,"is-loading":this.loading}},this.label&&a("div",{key:"b814405698a29b37bff8f3c1346879b3874451a8",class:"fab-item-label","aria-hidden":"true"},this.label),a("ui-button",{key:"a16effbb8a01f731cf544276a0823aba10b73e70",variant:"primary",shape:"circle",class:"fab-item-trigger",disabled:this.disabled||this.loading,loading:this.loading,onClick:this.handleClick,ariaLabel:this.tooltip||this.label||this.icon,title:this.tooltip,icon:this.icon,iconOnly:!0,size:"sm"},!this.icon&&a("slot",{key:"ca833a5516dc634456bab3f0a8095688dc55e43c",name:"icon"})))}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:flex;align-items:center;position:relative}.fab-item-trigger{width:var(--ui-fab-action-size, 40px);height:var(--ui-fab-action-size, 40px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);outline:none;z-index:2}.fab-item-trigger:hover{transform:scale(1.1)}.fab-item-trigger:active{transform:scale(0.95)}:host(.is-disabled) .fab-item-trigger{opacity:0.5;cursor:not-allowed;pointer-events:none}.fab-item-label{position:absolute;background:rgba(0, 0, 0, 0.8);color:var(--text-standard, #ffffff);padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;pointer-events:none;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);right:calc(100% + 12px);opacity:1;transition:opacity 0.2s}:host-context(ui-fab.pos-bottom-left) .fab-item-label,:host-context(ui-fab.pos-top-left) .fab-item-label{right:auto;left:calc(100% + 12px)}.spinner{width:20px;height:20px;animation:rotate 2s linear infinite}.spinner .spinner-circle{stroke-dasharray:1, 200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}"}},[769,"ui-fab-item",{icon:[1],label:[1],tooltip:[1],disabled:[4],loading:[4],value:[8]}]),p=c,d=function(){"undefined"!=typeof customElements&&["ui-fab-item","ui-badge","ui-button","ui-icon"].forEach((t=>{switch(t){case"ui-fab-item":customElements.get(s(t))||customElements.define(s(t),c);break;case"ui-badge":customElements.get(s(t))||n();break;case"ui-button":customElements.get(s(t))||r();break;case"ui-icon":customElements.get(s(t))||l()}}))};export{p as UiFabItem,d as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as a,Host as o,transformTag as s}from"@stencil/core/internal/client";import{d as r}from"./badge.js";import{d as n}from"./button.js";import{d as c}from"./icon.js";import{d as l}from"./loader.js";const d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.uiFabActionClick=e(this,"uiFabActionClick",7)}icon;label;tooltip;disabled=!1;loading=!1;value;uiFabActionClick;handleClick=t=>{if(this.disabled||this.loading)return t.stopPropagation(),void t.preventDefault();this.uiFabActionClick.emit({value:void 0!==this.value?this.value:this.label||this.icon})};render(){return a(o,{key:"54c62f80c138da459a191d66095f74ca208dd4be",class:{"is-disabled":this.disabled,"is-loading":this.loading}},this.label&&a("div",{key:"a5a06749f3368721f8f81a37f965509a29cc8cb2",class:"fab-item-label","aria-hidden":"true"},this.label),a("ui-button",{key:"03acbcd688a921458b0a524c4c9df0def0a9dabf",variant:"primary",shape:"circle",class:"fab-item-trigger",disabled:this.disabled||this.loading,loading:this.loading,onClick:this.handleClick,ariaLabel:this.tooltip||this.label||this.icon,title:this.tooltip,icon:this.icon,iconOnly:!0,size:"sm"},!this.icon&&a("slot",{key:"2c39c767a078482a292e0ab6ca394896f491a03c",name:"icon"})))}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:flex;align-items:center;position:relative}.fab-item-trigger{width:var(--ui-fab-action-size, 40px);height:var(--ui-fab-action-size, 40px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);outline:none;z-index:2}.fab-item-trigger:hover{transform:scale(1.1)}.fab-item-trigger:active{transform:scale(0.95)}:host(.is-disabled) .fab-item-trigger{opacity:0.5;cursor:not-allowed;pointer-events:none}.fab-item-label{position:absolute;background:rgba(0, 0, 0, 0.8);color:var(--text-standard, #ffffff);padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;pointer-events:none;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);right:calc(100% + 12px);opacity:1;transition:opacity 0.2s}:host-context(ui-fab.pos-bottom-left) .fab-item-label,:host-context(ui-fab.pos-top-left) .fab-item-label{right:auto;left:calc(100% + 12px)}.spinner{width:20px;height:20px;animation:rotate 2s linear infinite}.spinner .spinner-circle{stroke-dasharray:1, 200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}"}},[769,"ui-fab-item",{icon:[1],label:[1],tooltip:[1],disabled:[4],loading:[4],value:[8]}]),p=d,m=function(){"undefined"!=typeof customElements&&["ui-fab-item","ui-badge","ui-button","ui-icon","ui-loader"].forEach((t=>{switch(t){case"ui-fab-item":customElements.get(s(t))||customElements.define(s(t),d);break;case"ui-badge":customElements.get(s(t))||r();break;case"ui-button":customElements.get(s(t))||n();break;case"ui-icon":customElements.get(s(t))||c();break;case"ui-loader":customElements.get(s(t))||l()}}))};export{p as UiFabItem,m as defineCustomElement}

package/dist/components/ui-fab.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as a,Host as s,transformTag as n}from"@stencil/core/internal/client";import{d as o,a as r}from"./badge.js";import{d as l}from"./icon.js";const d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.uiFabClick=e(this,"uiFabClick",7),this.uiFabOpen=e(this,"uiFabOpen",7),this.uiFabClose=e(this,"uiFabClose",7),this.uiFabToggle=e(this,"uiFabToggle",7),this.uiFabActionClick=e(this,"uiFabActionClick",7)}get el(){return this}isExpanded=!1;defaultOpen=!1;position="bottom-right";direction="top";variant="primary";size="md";type="standard";icon;label;disabled=!1;loading=!1;toggle=!1;isDraggable=!1;hideOnScroll=!1;showOnScrollUp=!1;offsetX=24;offsetY=24;zIndex=1e3;expandOnHover=!1;expandOnClick=!0;closeOnAction=!0;backdrop=!1;backdropClose=!0;persistent=!1;animation="scale";panel=!1;panelTitle;panelWidth="320px";panelHeight;panelMaxHeight="480px";isDragging=!1;isHidden=!1;currentX=0;currentY=0;uiFabClick;uiFabOpen;uiFabClose;uiFabToggle;uiFabActionClick;dragStartX=0;dragStartY=0;lastScrollY=0;internalOpen=!1;componentWillLoad(){this.internalOpen=this.defaultOpen||this.isExpanded,this.currentX=this.offsetX,this.currentY=this.offsetY}componentDidLoad(){(this.hideOnScroll||this.showOnScrollUp)&&(this.lastScrollY=window.scrollY)}openChanged(t){this.internalOpen=t,t?(this.uiFabOpen.emit(),this.calculateRadial()):this.uiFabClose.emit()}async openFab(){this.isExpanded=!0}async closeFab(){this.isExpanded=!1}async toggleFab(){this.isExpanded=!this.internalOpen,this.uiFabToggle.emit({isExpanded:this.internalOpen})}async show(){this.isHidden=!1}async hide(){this.isHidden=!0}handleScroll(){if(!this.hideOnScroll&&!this.showOnScrollUp)return;const t=window.scrollY,i=t>this.lastScrollY;this.showOnScrollUp&&!i&&t>100?this.isHidden=!1:this.hideOnScroll&&i&&t>100&&(this.isHidden=!0,this.internalOpen&&this.closeFab()),this.lastScrollY=t}handleKeyDown(t){this.disabled||this.loading||("Enter"===t.key||" "===t.key?(t.preventDefault(),this.handleClick(new MouseEvent("click"))):"Escape"===t.key&&this.internalOpen&&(this.closeFab(),this.focusTrigger()))}focusTrigger(){const t=this.el.shadowRoot?.querySelector(".fab-trigger");t&&t.focus()}handleClick=t=>{this.disabled||this.loading||("speed-dial"===this.type||this.toggle||this.panel?this.expandOnClick&&this.toggleFab():this.uiFabClick.emit(t))};handleBackdropClick=()=>{this.backdropClose&&this.internalOpen&&!this.persistent&&this.closeFab()};handleMouseEnter=()=>{!this.expandOnHover||this.disabled||this.loading||this.openFab()};handleMouseLeave=()=>{this.expandOnHover&&!this.persistent&&this.closeFab()};handlePointerDown=t=>{this.isDraggable&&!this.disabled&&(this.isDragging=!0,this.dragStartX=t.clientX,this.dragStartY=t.clientY,this.el.setPointerCapture(t.pointerId))};handlePointerMove=t=>{if(!this.isDragging||!this.isDraggable)return;const i=t.clientX-this.dragStartX,e=t.clientY-this.dragStartY;this.position.includes("right")?this.currentX-=i:this.position.includes("left")&&(this.currentX+=i),this.position.includes("bottom")?this.currentY-=e:this.position.includes("top")&&(this.currentY+=e),this.dragStartX=t.clientX,this.dragStartY=t.clientY};handlePointerUp=t=>{this.isDragging&&(this.isDragging=!1,this.el.releasePointerCapture(t.pointerId))};onActionClick(){this.closeOnAction&&this.internalOpen&&!this.persistent&&this.closeFab()}calculateRadial(){if("radial"!==this.direction)return;const t=Array.from(this.el.querySelectorAll("ui-fab-item"));if(!t.length)return;const i=80+Math.max(0,15*(t.length-4)),e=1===t.length?0:Math.min(120,90+Math.max(0,10*(t.length-3)))/(t.length-1);t.forEach(((a,s)=>{const n=e*s*(Math.PI/180);let o=Math.abs(Math.sin(n)*i),r=Math.abs(Math.cos(n)*i);if(this.position.includes("right")&&(o=-o),this.position.includes("bottom")&&(r=-r),this.position.includes("-center")){const e=Math.min(220,180+15*(t.length-3)),a=Math.PI/180*((1===t.length?0:e/(t.length-1))*s-e/2);o=Math.sin(a)*i,r=this.position.includes("bottom")?-Math.cos(a)*i:Math.cos(a)*i}if(this.position.includes("center-")){const e=Math.min(180,120+15*(t.length-3)),a=Math.PI/180*((1===t.length?0:e/(t.length-1))*s-e/2);r=Math.sin(a)*i,o=this.position.includes("right")?-Math.cos(a)*i:Math.cos(a)*i}a.style.setProperty("--radial-x",o+"px"),a.style.setProperty("--radial-y",r+"px")}))}render(){const t=!!("extended"===this.type||this.label&&"speed-dial"!==this.type),i="speed-dial"===this.type;return a(s,{key:"3134d7c95b289f7ba1fbe491e2381a39ab33cd90",class:{"fab-container":!0,["pos-"+this.position]:!0,["dir-"+this.direction]:!0,["variant-"+this.variant]:!0,["size-"+this.size]:!0,["anim-"+this.animation]:!0,"is-open":this.internalOpen,"is-hidden":this.isHidden,"is-extended":t,"is-speed-dial":i,"is-dragging":this.isDragging,"is-disabled":this.disabled,"is-loading":this.loading},style:{"--fab-offset-x":this.currentX+"px","--fab-offset-y":this.currentY+"px","z-index":""+this.zIndex}},this.backdrop&&this.internalOpen&&a("div",{key:"65ab05d3229cdd3c50436461400a93dfbdc79f89",class:"fab-backdrop",onClick:this.handleBackdropClick}),a("div",{key:"095790fe29d7b5110679b9e83af15e16654b5f9c",class:"fab-wrapper",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},i&&a("div",{key:"cd098ce374a0f59635d9e36f94cc8873225a35c7",class:"fab-actions","aria-hidden":this.internalOpen?"false":"true"},a("slot",{key:"22573c4f39319b8c438265035c7062eabd31a0dd",name:"actions"})),this.panel&&a("div",{key:"eba8176fc2531f4984f1a15db4439d739d72c364",class:{"fab-panel":!0,"has-header":!!this.panelTitle},role:"dialog","aria-hidden":this.internalOpen?"false":"true",style:{width:this.panelWidth,height:this.panelHeight,maxHeight:this.panelMaxHeight}},this.panelTitle&&a("div",{key:"32f400ac44e2559bc42857c5f953c8339749747b",class:"fab-panel-header"},a("span",{key:"a8ab67880b596cf3ac7ee9608ed69533da83a164",class:"fab-panel-title"},this.panelTitle),a("ui-button",{key:"8258cd221bf4f1ce486f2e789ffa160609385c1f",variant:"ghost",class:"fab-panel-close",onClick:()=>this.closeFab(),ariaLabel:"Close panel",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"})),a("div",{key:"b934937a301cfa9f759644679a5b42b88bdfb956",class:"fab-panel-body"},a("slot",{key:"d0583bd15b3a49b9d0d78698464811cd7d3ddccf",name:"panel"})),a("div",{key:"628ff324c833159612e523ca14c8b34ee591d23f",class:"fab-panel-footer"},a("slot",{key:"4d738a08683eae8f5ad3d96397b65983c9f00deb",name:"panel-footer"}))),a("ui-button",{key:"40f831f7769b5918779a74100aab35ebe87d46ae",variant:this.variant,shape:"extended"===this.type||this.label&&"speed-dial"!==this.type?"rounded":"circle",class:"fab-trigger",disabled:this.disabled||this.loading,loading:this.loading,ariaLabel:this.label||"Floating Action Button",onClick:this.handleClick,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerUp,label:t&&this.label?this.label:void 0,icon:this.icon,iconOnly:!t,size:"mini"===this.size?"sm":"lg"===this.size?"lg":"md"},i&&this.toggle&&this.internalOpen&&a("ui-icon",{key:"46fdd3e22ff4ae11f0fa3b27166db77bb0ca4a38",slot:"icon",class:"fab-icon close-icon",name:"x",size:"mini"===this.size?"18":"24"}),!this.icon&&!t&&a("slot",{key:"045dd7944e14501a0a703754ee21bc1f2d77fdff",name:"trigger"}))))}static get watchers(){return{isExpanded:[{openChanged: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{--ui-fab-bg:var(--ui-primary, var(--color-success, #3dcd58));--ui-fab-color:var(--text-standard, #ffffff);--ui-fab-hover-bg:var(--ui-primary-hover, #2ebd4a);--ui-fab-size:56px;--ui-fab-radius:50%;--ui-fab-shadow:0 4px 12px rgba(0, 0, 0, 0.15);--ui-fab-zindex:1000;--ui-fab-gap:16px;--ui-fab-action-size:40px;--ui-fab-transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);position:fixed;z-index:var(--ui-fab-zindex);display:flex;transition:transform 0.3s ease, opacity 0.3s ease;pointer-events:none;}:host(.is-hidden){opacity:0;transform:scale(0.8);pointer-events:none}:host(.pos-bottom-right){inset-block-end:var(--fab-offset-y);inset-inline-end:var(--fab-offset-x)}:host(.pos-bottom-left){inset-block-end:var(--fab-offset-y);inset-inline-start:var(--fab-offset-x)}:host(.pos-top-right){inset-block-start:var(--fab-offset-y);inset-inline-end:var(--fab-offset-x)}:host(.pos-top-left){inset-block-start:var(--fab-offset-y);inset-inline-start:var(--fab-offset-x)}:host(.pos-bottom-center){inset-block-end:var(--fab-offset-y);inset-inline-start:50%;transform:translateX(-50%)}:host(.pos-top-center){inset-block-start:var(--fab-offset-y);inset-inline-start:50%;transform:translateX(-50%)}:host(.pos-center-right){inset-block-start:50%;inset-inline-end:var(--fab-offset-x);transform:translateY(-50%)}:host(.pos-center-left){inset-block-start:50%;inset-inline-start:var(--fab-offset-x);transform:translateY(-50%)}:host(.size-mini){--ui-fab-size:40px}:host(.size-sm){--ui-fab-size:48px}:host(.size-md){--ui-fab-size:56px}:host(.size-lg){--ui-fab-size:64px}:host(.is-extended){--ui-fab-radius:28px}:host(.is-extended) .fab-trigger{width:auto;padding-inline:20px}:host(.variant-secondary){--ui-fab-bg:var(--color-primary, #6b7280);--ui-fab-hover-bg:var(--color-primary, #4b5563)}:host(.variant-tertiary){--ui-fab-bg:var(--bg-primary, #1f2937);--ui-fab-hover-bg:var(--bg-secondary, #111827)}:host(.variant-surface){--ui-fab-bg:var(--bg-primary, var(--text-standard, #ffffff));--ui-fab-color:var(--bg-secondary, var(--text-primary, #111827));--ui-fab-hover-bg:var(--bg-primary, #f9fafb)}:host(.variant-success){--ui-fab-bg:var(--color-success, #10b981);--ui-fab-hover-bg:var(--color-success-hover, #059669)}:host(.variant-danger){--ui-fab-bg:var(--color-danger, #ef4444);--ui-fab-hover-bg:var(--color-danger-hover, #dc2626)}:host(.variant-warning){--ui-fab-bg:var(--color-warning, #f59e0b);--ui-fab-hover-bg:var(--color-warning-hover, #d97706)}:host(.variant-info){--ui-fab-bg:var(--color-primary, #10b981);--ui-fab-hover-bg:var(--color-primary-hover, #2563eb)}.fab-wrapper{display:flex;pointer-events:auto;align-items:center;justify-content:center;position:relative}:host(.dir-up) .fab-wrapper{flex-direction:column-reverse}:host(.dir-down) .fab-wrapper{flex-direction:column}:host(.dir-left) .fab-wrapper{flex-direction:row-reverse}:host(.dir-right) .fab-wrapper{flex-direction:row}:host(.dir-radial) .fab-wrapper{flex-direction:column;}.fab-trigger{width:var(--ui-fab-size);height:var(--ui-fab-size);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:var(--ui-fab-transition);outline:none;z-index:2;font-family:inherit}.fab-trigger:hover{transform:translateY(-2px)}.fab-trigger:active{transform:translateY(0) scale(0.95)}:host(.is-disabled) .fab-trigger{opacity:0.6;cursor:not-allowed;pointer-events:none}.fab-content{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;height:100%}.fab-icon{transition:transform 0.3s ease, opacity 0.3s ease;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.close-icon{opacity:0;transform:translate(-50%, -50%) rotate(-90deg)}:host(.is-open) .primary-icon{opacity:0;transform:translate(-50%, -50%) rotate(90deg)}:host(.is-open) .close-icon{opacity:1;transform:translate(-50%, -50%) rotate(0deg)}.fab-label{font-weight:500;font-size:14px;letter-spacing:0.5px;white-space:nowrap}:host(.is-extended) .fab-icon{position:relative;transform:none;top:0;left:0}:host(.is-extended.is-open) .primary-icon{transform:rotate(90deg)}.fab-actions{display:flex;gap:12px;visibility:hidden;z-index:1;padding:var(--ui-fab-gap);position:relative}:host(.dir-up) .fab-actions{flex-direction:column-reverse;margin-block-end:-16px}:host(.dir-down) .fab-actions{flex-direction:column;margin-block-start:-16px}:host(.dir-left) .fab-actions{flex-direction:row-reverse;margin-inline-end:-16px}:host(.dir-right) .fab-actions{flex-direction:row;margin-inline-start:-16px}:host(.dir-radial) .fab-actions{display:block;position:absolute;left:50%;top:50%;width:0;height:0;padding:0}:host(.is-open) .fab-actions{visibility:visible}::slotted(ui-fab-item){opacity:0;transform:scale(0.5);transition:all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);pointer-events:none}:host(.is-open) ::slotted(ui-fab-item){opacity:1;transform:scale(1);pointer-events:auto}:host(.dir-radial) ::slotted(ui-fab-item){position:absolute;inset-block-start:-20px;inset-inline-start:-20px}:host(.dir-radial.is-open) ::slotted(ui-fab-item){transform:translate(var(--radial-x, 0), var(--radial-y, 0)) scale(1) !important}:host(.is-open) ::slotted(ui-fab-item:nth-child(1)){transition-delay:40ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(2)){transition-delay:80ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(3)){transition-delay:120ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(4)){transition-delay:160ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(5)){transition-delay:200ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(6)){transition-delay:240ms}:host(.anim-fade) ::slotted(ui-fab-item){transform:scale(1)}:host(.anim-slide-up) ::slotted(ui-fab-item){transform:translateY(20px)}:host(.is-open.anim-slide-up) ::slotted(ui-fab-item){transform:translateY(0)}:host(.anim-slide-down) ::slotted(ui-fab-item){transform:translateY(-20px)}:host(.is-open.anim-slide-down) ::slotted(ui-fab-item){transform:translateY(0)}:host(.anim-slide-left) ::slotted(ui-fab-item){transform:translateX(20px)}:host(.is-open.anim-slide-left) ::slotted(ui-fab-item){transform:translateX(0)}:host(.anim-slide-right) ::slotted(ui-fab-item){transform:translateX(-20px)}:host(.is-open.anim-slide-right) ::slotted(ui-fab-item){transform:translateX(0)}:host(.anim-rotate) ::slotted(ui-fab-item){transform:rotate(45deg) scale(0.5)}:host(.is-open.anim-rotate) ::slotted(ui-fab-item){transform:rotate(0deg) scale(1)}.spinner{width:24px;height:24px;animation:rotate 2s linear infinite}.spinner-circle{stroke-dasharray:1, 200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}.fab-backdrop{position:fixed;inset:0;background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(4px);z-index:0;pointer-events:auto}.fab-panel{position:absolute;background:var(--ui-surface, var(--bg-primary, #ffffff));border-radius:16px;box-shadow:0 10px 40px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);display:flex;flex-direction:column;min-width:200px;opacity:0;pointer-events:none;transform:scale(0.95);transition:opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);z-index:10;overflow:hidden;border:1px solid rgba(255, 255, 255, 0.1);backdrop-filter:blur(8px)}.fab-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(0, 0, 0, 0.05);background:rgba(0, 0, 0, 0.02)}.fab-panel-title{font-weight:700;font-size:14px;color:var(--text-primary, #1e293b);letter-spacing:-0.01em}.fab-panel-close{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--text-muted, #64748b);display:flex;align-items:center;border-radius:6px;transition:all 0.2s}.fab-panel-close:hover{background:rgba(0, 0, 0, 0.05);color:var(--color-danger, #ef4444)}.fab-panel-body{flex:1;padding:16px;overflow-y:auto;min-height:0;scrollbar-width:thin}.fab-panel-body::-webkit-scrollbar{width:6px}.fab-panel-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;background:rgba(0, 0, 0, 0.015);border-top:1px solid rgba(0, 0, 0, 0.05)}:host(.is-open) .fab-panel{opacity:1;pointer-events:auto;transform:scale(1)}:host(.pos-bottom-right) .fab-panel{inset-block-end:calc(100% + 12px);inset-inline-end:0;transform-origin:bottom right}:host(.pos-bottom-left) .fab-panel{inset-block-end:calc(100% + 12px);inset-inline-start:0;transform-origin:bottom left}:host(.pos-bottom-center) .fab-panel{inset-block-end:calc(100% + 12px);inset-inline-start:50%;transform:translateX(-50%) scale(0.95);transform-origin:bottom center}:host(.pos-bottom-center.is-open) .fab-panel{transform:translateX(-50%) scale(1)}:host(.pos-top-right) .fab-panel{inset-block-start:calc(100% + 12px);inset-inline-end:0;transform-origin:top right}:host(.pos-top-left) .fab-panel{inset-block-start:calc(100% + 12px);inset-inline-start:0;transform-origin:top left}:host(.pos-top-center) .fab-panel{inset-block-start:calc(100% + 12px);inset-inline-start:50%;transform:translateX(-50%) scale(0.95);transform-origin:top center}:host(.pos-top-center.is-open) .fab-panel{transform:translateX(-50%) scale(1)}:host(.pos-center-right) .fab-panel{inset-inline-end:calc(100% + 12px);inset-block-start:50%;transform:translateY(-50%) scale(0.95);transform-origin:center right}:host(.pos-center-right.is-open) .fab-panel{transform:translateY(-50%) scale(1)}:host(.pos-center-left) .fab-panel{inset-inline-start:calc(100% + 12px);inset-block-start:50%;transform:translateY(-50%) scale(0.95);transform-origin:center left}:host(.pos-center-left.is-open) .fab-panel{transform:translateY(-50%) scale(1)}"}},[769,"ui-fab",{isExpanded:[1028,"is-expanded"],defaultOpen:[4,"default-open"],position:[1],direction:[1],variant:[1],size:[1],type:[1],icon:[1],label:[1],disabled:[4],loading:[4],toggle:[4],isDraggable:[4,"is-draggable"],hideOnScroll:[4,"hide-on-scroll"],showOnScrollUp:[4,"show-on-scroll-up"],offsetX:[2,"offset-x"],offsetY:[2,"offset-y"],zIndex:[2,"z-index"],expandOnHover:[4,"expand-on-hover"],expandOnClick:[4,"expand-on-click"],closeOnAction:[4,"close-on-action"],backdrop:[4],backdropClose:[4,"backdrop-close"],persistent:[4],animation:[1],panel:[4],panelTitle:[1,"panel-title"],panelWidth:[1,"panel-width"],panelHeight:[1,"panel-height"],panelMaxHeight:[1,"panel-max-height"],isDragging:[32],isHidden:[32],currentX:[32],currentY:[32],openFab:[64],closeFab:[64],toggleFab:[64],show:[64],hide:[64]},[[9,"scroll","handleScroll"],[0,"keydown","handleKeyDown"],[0,"uiFabActionClick","onActionClick"]],{isExpanded:[{openChanged:0}]}]),h=d,f=function(){"undefined"!=typeof customElements&&["ui-fab","ui-badge","ui-button","ui-icon"].forEach((t=>{switch(t){case"ui-fab":customElements.get(n(t))||customElements.define(n(t),d);break;case"ui-badge":customElements.get(n(t))||r();break;case"ui-button":customElements.get(n(t))||o();break;case"ui-icon":customElements.get(n(t))||l()}}))};export{h as UiFab,f as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as a,createEvent as i,h as e,Host as s,transformTag as r}from"@stencil/core/internal/client";import{d as o}from"./badge.js";import{d as n}from"./button.js";import{d as l}from"./icon.js";import{d}from"./loader.js";const c=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.uiFabClick=i(this,"uiFabClick",7),this.uiFabOpen=i(this,"uiFabOpen",7),this.uiFabClose=i(this,"uiFabClose",7),this.uiFabToggle=i(this,"uiFabToggle",7),this.uiFabActionClick=i(this,"uiFabActionClick",7)}get el(){return this}isExpanded=!1;defaultOpen=!1;position="bottom-right";direction="top";variant="primary";size="md";type="standard";icon;label;disabled=!1;loading=!1;toggle=!1;isDraggable=!1;hideOnScroll=!1;showOnScrollUp=!1;offsetX=24;offsetY=24;zIndex=1e3;expandOnHover=!1;expandOnClick=!0;closeOnAction=!0;backdrop=!1;backdropClose=!0;persistent=!1;animation="scale";panel=!1;panelTitle;panelWidth="320px";panelHeight;panelMaxHeight="480px";isDragging=!1;isHidden=!1;currentX=0;currentY=0;uiFabClick;uiFabOpen;uiFabClose;uiFabToggle;uiFabActionClick;dragStartX=0;dragStartY=0;lastScrollY=0;internalOpen=!1;componentWillLoad(){this.internalOpen=this.defaultOpen||this.isExpanded,this.currentX=this.offsetX,this.currentY=this.offsetY}componentDidLoad(){(this.hideOnScroll||this.showOnScrollUp)&&(this.lastScrollY=window.scrollY)}openChanged(t){this.internalOpen=t,t?(this.uiFabOpen.emit(),this.calculateRadial()):this.uiFabClose.emit()}async openFab(){this.isExpanded=!0}async closeFab(){this.isExpanded=!1}async toggleFab(){this.isExpanded=!this.internalOpen,this.uiFabToggle.emit({isExpanded:this.internalOpen})}async show(){this.isHidden=!1}async hide(){this.isHidden=!0}handleScroll(){if(!this.hideOnScroll&&!this.showOnScrollUp)return;const t=window.scrollY,a=t>this.lastScrollY;this.showOnScrollUp&&!a&&t>100?this.isHidden=!1:this.hideOnScroll&&a&&t>100&&(this.isHidden=!0,this.internalOpen&&this.closeFab()),this.lastScrollY=t}handleKeyDown(t){this.disabled||this.loading||("Enter"===t.key||" "===t.key?(t.preventDefault(),this.handleClick(new MouseEvent("click"))):"Escape"===t.key&&this.internalOpen&&(this.closeFab(),this.focusTrigger()))}focusTrigger(){const t=this.el.shadowRoot?.querySelector(".fab-trigger");t&&t.focus()}handleClick=t=>{this.disabled||this.loading||("speed-dial"===this.type||this.toggle||this.panel?this.expandOnClick&&this.toggleFab():this.uiFabClick.emit(t))};handleBackdropClick=()=>{this.backdropClose&&this.internalOpen&&!this.persistent&&this.closeFab()};handleMouseEnter=()=>{!this.expandOnHover||this.disabled||this.loading||this.openFab()};handleMouseLeave=()=>{this.expandOnHover&&!this.persistent&&this.closeFab()};handlePointerDown=t=>{this.isDraggable&&!this.disabled&&(this.isDragging=!0,this.dragStartX=t.clientX,this.dragStartY=t.clientY,this.el.setPointerCapture(t.pointerId))};handlePointerMove=t=>{if(!this.isDragging||!this.isDraggable)return;const a=t.clientX-this.dragStartX,i=t.clientY-this.dragStartY;this.position.includes("right")?this.currentX-=a:this.position.includes("left")&&(this.currentX+=a),this.position.includes("bottom")?this.currentY-=i:this.position.includes("top")&&(this.currentY+=i),this.dragStartX=t.clientX,this.dragStartY=t.clientY};handlePointerUp=t=>{this.isDragging&&(this.isDragging=!1,this.el.releasePointerCapture(t.pointerId))};onActionClick(){this.closeOnAction&&this.internalOpen&&!this.persistent&&this.closeFab()}calculateRadial(){if("radial"!==this.direction)return;const t=Array.from(this.el.querySelectorAll("ui-fab-item"));if(!t.length)return;const a=80+Math.max(0,15*(t.length-4)),i=1===t.length?0:Math.min(120,90+Math.max(0,10*(t.length-3)))/(t.length-1);t.forEach(((e,s)=>{const r=i*s*(Math.PI/180);let o=Math.abs(Math.sin(r)*a),n=Math.abs(Math.cos(r)*a);if(this.position.includes("right")&&(o=-o),this.position.includes("bottom")&&(n=-n),this.position.includes("-center")){const i=Math.min(220,180+15*(t.length-3)),e=Math.PI/180*((1===t.length?0:i/(t.length-1))*s-i/2);o=Math.sin(e)*a,n=this.position.includes("bottom")?-Math.cos(e)*a:Math.cos(e)*a}if(this.position.includes("center-")){const i=Math.min(180,120+15*(t.length-3)),e=Math.PI/180*((1===t.length?0:i/(t.length-1))*s-i/2);n=Math.sin(e)*a,o=this.position.includes("right")?-Math.cos(e)*a:Math.cos(e)*a}e.style.setProperty("--radial-x",o+"px"),e.style.setProperty("--radial-y",n+"px")}))}render(){const t=!!("extended"===this.type||this.label&&"speed-dial"!==this.type),a="speed-dial"===this.type;return e(s,{key:"2056e5c41d3a6ebe204bbca982113ec8ae5c0dfa",class:{"fab-container":!0,["pos-"+this.position]:!0,["dir-"+this.direction]:!0,["variant-"+this.variant]:!0,["size-"+this.size]:!0,["anim-"+this.animation]:!0,"is-open":this.internalOpen,"is-hidden":this.isHidden,"is-extended":t,"is-speed-dial":a,"is-dragging":this.isDragging,"is-disabled":this.disabled,"is-loading":this.loading},style:{"--fab-offset-x":this.currentX+"px","--fab-offset-y":this.currentY+"px","z-index":""+this.zIndex}},this.backdrop&&this.internalOpen&&e("div",{key:"d0993a33075927b666a925757291856f63d71eb1",class:"fab-backdrop",onClick:this.handleBackdropClick}),e("div",{key:"1d69ed0fc6c04e402b7dfd341baff775223f9128",class:"fab-wrapper",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},a&&e("div",{key:"717016c38e78d1ef9c94aef1315282283444498c",class:"fab-actions","aria-hidden":this.internalOpen?"false":"true"},e("slot",{key:"b717c5c2675a521c69d5cdcb11fe1cfd9cec06b0",name:"actions"})),this.panel&&e("div",{key:"adfc6178e7902576e516ba90b0c1edad89156d50",class:{"fab-panel":!0,"has-header":!!this.panelTitle},role:"dialog","aria-hidden":this.internalOpen?"false":"true",style:{width:this.panelWidth,height:this.panelHeight,maxHeight:this.panelMaxHeight}},this.panelTitle&&e("div",{key:"d0b056953d16bd6dcce7ac78d9153602687a6497",class:"fab-panel-header"},e("span",{key:"0b390c0ce66e4d34a197d432e152314e3116412c",class:"fab-panel-title"},this.panelTitle),e("ui-button",{key:"f364d10c53e88e80362f275d971e105cfa627d4e",variant:"ghost",class:"fab-panel-close",onClick:()=>this.closeFab(),ariaLabel:"Close panel",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"})),e("div",{key:"eca3d32bee8cdec393515d22987467c199f719ba",class:"fab-panel-body"},e("slot",{key:"4232e7d5a218c75adc0db989f77751461ad0e2b4",name:"panel"})),e("div",{key:"f072a59999d57c18ab911b6c845403771ca50a85",class:"fab-panel-footer"},e("slot",{key:"e952417e54ec61d9fe7e061bdafe0ffcf58d9a34",name:"panel-footer"}))),e("ui-button",{key:"0356b74a36eaf2cd3352bf430ce62077a7f3f0fa",variant:this.variant,shape:"extended"===this.type||this.label&&"speed-dial"!==this.type?"rounded":"circle",class:"fab-trigger",disabled:this.disabled||this.loading,loading:this.loading,ariaLabel:this.label||"Floating Action Button",onClick:this.handleClick,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerUp,label:t&&this.label?this.label:void 0,icon:this.icon,iconOnly:!t,size:"mini"===this.size?"sm":"lg"===this.size?"lg":"md"},a&&this.toggle&&this.internalOpen&&e("ui-icon",{key:"e5362af2ca1dfa33b0a87b598dc45ac70ccc5316",slot:"icon",class:"fab-icon close-icon",name:"x",size:"mini"===this.size?"18":"24"}),!this.icon&&!t&&e("slot",{key:"4e4f5c1eff9645abf60baba9a26e5564d6532741",name:"trigger"}))))}static get watchers(){return{isExpanded:[{openChanged: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{--ui-fab-bg:var(--ui-primary, var(--color-success, #3dcd58));--ui-fab-color:var(--text-standard, #ffffff);--ui-fab-hover-bg:var(--ui-primary-hover, #2ebd4a);--ui-fab-size:56px;--ui-fab-radius:50%;--ui-fab-shadow:0 4px 12px rgba(0, 0, 0, 0.15);--ui-fab-zindex:1000;--ui-fab-gap:16px;--ui-fab-action-size:40px;--ui-fab-transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);position:fixed;z-index:var(--ui-fab-zindex);display:flex;transition:transform 0.3s ease, opacity 0.3s ease;pointer-events:none;}:host(.is-hidden){opacity:0;transform:scale(0.8);pointer-events:none}:host(.pos-bottom-right){inset-block-end:var(--fab-offset-y);inset-inline-end:var(--fab-offset-x)}:host(.pos-bottom-left){inset-block-end:var(--fab-offset-y);inset-inline-start:var(--fab-offset-x)}:host(.pos-top-right){inset-block-start:var(--fab-offset-y);inset-inline-end:var(--fab-offset-x)}:host(.pos-top-left){inset-block-start:var(--fab-offset-y);inset-inline-start:var(--fab-offset-x)}:host(.pos-bottom-center){inset-block-end:var(--fab-offset-y);inset-inline-start:50%;transform:translateX(-50%)}:host(.pos-top-center){inset-block-start:var(--fab-offset-y);inset-inline-start:50%;transform:translateX(-50%)}:host(.pos-center-right){inset-block-start:50%;inset-inline-end:var(--fab-offset-x);transform:translateY(-50%)}:host(.pos-center-left){inset-block-start:50%;inset-inline-start:var(--fab-offset-x);transform:translateY(-50%)}:host(.size-mini){--ui-fab-size:40px}:host(.size-sm){--ui-fab-size:48px}:host(.size-md){--ui-fab-size:56px}:host(.size-lg){--ui-fab-size:64px}:host(.is-extended){--ui-fab-radius:28px}:host(.is-extended) .fab-trigger{width:auto;padding-inline:20px}:host(.variant-secondary){--ui-fab-bg:var(--color-primary, #6b7280);--ui-fab-hover-bg:var(--color-primary, #4b5563)}:host(.variant-tertiary){--ui-fab-bg:var(--bg-primary, #1f2937);--ui-fab-hover-bg:var(--bg-secondary, #111827)}:host(.variant-surface){--ui-fab-bg:var(--bg-primary, var(--text-standard, #ffffff));--ui-fab-color:var(--bg-secondary, var(--text-primary, #111827));--ui-fab-hover-bg:var(--bg-primary, #f9fafb)}:host(.variant-success){--ui-fab-bg:var(--color-success, #10b981);--ui-fab-hover-bg:var(--color-success-hover, #059669)}:host(.variant-danger){--ui-fab-bg:var(--color-danger, #ef4444);--ui-fab-hover-bg:var(--color-danger-hover, #dc2626)}:host(.variant-warning){--ui-fab-bg:var(--color-warning, #f59e0b);--ui-fab-hover-bg:var(--color-warning-hover, #d97706)}:host(.variant-info){--ui-fab-bg:var(--color-primary, #10b981);--ui-fab-hover-bg:var(--color-primary-hover, #2563eb)}.fab-wrapper{display:flex;pointer-events:auto;align-items:center;justify-content:center;position:relative}:host(.dir-top) .fab-wrapper{flex-direction:column-reverse}:host(.dir-bottom) .fab-wrapper{flex-direction:column}:host(.dir-left) .fab-wrapper{flex-direction:row-reverse}:host(.dir-right) .fab-wrapper{flex-direction:row}:host(.dir-radial) .fab-wrapper{flex-direction:column;}.fab-trigger{width:var(--ui-fab-size);height:var(--ui-fab-size);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:var(--ui-fab-transition);outline:none;z-index:2;font-family:inherit}.fab-trigger:hover{transform:translateY(-2px)}.fab-trigger:active{transform:translateY(0) scale(0.95)}:host(.is-disabled) .fab-trigger{opacity:0.6;cursor:not-allowed;pointer-events:none}.fab-content{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;height:100%}.fab-icon{transition:transform 0.3s ease, opacity 0.3s ease;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.close-icon{opacity:0;transform:translate(-50%, -50%) rotate(-90deg)}:host(.is-open) .primary-icon{opacity:0;transform:translate(-50%, -50%) rotate(90deg)}:host(.is-open) .close-icon{opacity:1;transform:translate(-50%, -50%) rotate(0deg)}.fab-label{font-weight:500;font-size:14px;letter-spacing:0.5px;white-space:nowrap}:host(.is-extended) .fab-icon{position:relative;transform:none;top:0;left:0}:host(.is-extended.is-open) .primary-icon{transform:rotate(90deg)}.fab-actions{display:flex;gap:12px;visibility:hidden;z-index:1;padding:var(--ui-fab-gap);position:relative}:host(.dir-top) .fab-actions{flex-direction:column-reverse;margin-block-end:-16px}:host(.dir-bottom) .fab-actions{flex-direction:column;margin-block-start:-16px}:host(.dir-left) .fab-actions{flex-direction:row-reverse;margin-inline-end:-16px}:host(.dir-right) .fab-actions{flex-direction:row;margin-inline-start:-16px}:host(.dir-radial) .fab-actions{display:block;position:absolute;left:50%;top:50%;width:0;height:0;padding:0}:host(.is-open) .fab-actions{visibility:visible}::slotted(ui-fab-item){opacity:0;transform:scale(0.5);transition:transform 0.24s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.2s ease;pointer-events:none;transform-origin:center}:host(.is-open) ::slotted(ui-fab-item){opacity:1;transform:scale(1);pointer-events:auto}:host(.dir-radial) ::slotted(ui-fab-item){position:absolute;inset-block-start:-20px;inset-inline-start:-20px;transform:translate(0, 0) scale(0.5)}:host(.dir-radial.is-open) ::slotted(ui-fab-item){transform:translate(var(--radial-x, 0), var(--radial-y, 0)) scale(1) !important}:host(.is-open) ::slotted(ui-fab-item:nth-child(1)){transition-delay:40ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(2)){transition-delay:80ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(3)){transition-delay:120ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(4)){transition-delay:160ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(5)){transition-delay:200ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(6)){transition-delay:240ms}:host(.anim-scale) ::slotted(ui-fab-item){transform:scale(0.35)}:host(.is-open.anim-scale) ::slotted(ui-fab-item){transform:scale(1)}:host(.anim-fade) ::slotted(ui-fab-item){transform:scale(1);opacity:0}:host(.is-open.anim-fade) ::slotted(ui-fab-item){transform:scale(1);opacity:1}:host(.anim-slide-up) ::slotted(ui-fab-item){transform:translateY(20px) scale(0.92)}:host(.is-open.anim-slide-up) ::slotted(ui-fab-item){transform:translateY(0) scale(1)}:host(.anim-slide-down) ::slotted(ui-fab-item){transform:translateY(-20px) scale(0.92)}:host(.is-open.anim-slide-down) ::slotted(ui-fab-item){transform:translateY(0) scale(1)}:host(.anim-slide-left) ::slotted(ui-fab-item){transform:translateX(20px) scale(0.92)}:host(.is-open.anim-slide-left) ::slotted(ui-fab-item){transform:translateX(0) scale(1)}:host(.anim-slide-right) ::slotted(ui-fab-item){transform:translateX(-20px) scale(0.92)}:host(.is-open.anim-slide-right) ::slotted(ui-fab-item){transform:translateX(0) scale(1)}:host(.anim-rotate) ::slotted(ui-fab-item){transform:rotate(-135deg) scale(0.35)}:host(.is-open.anim-rotate) ::slotted(ui-fab-item){transform:rotate(0deg) scale(1)}:host(.dir-radial.anim-fade) ::slotted(ui-fab-item){transform:translate(0, 0) scale(1)}:host(.dir-radial.is-open.anim-fade) ::slotted(ui-fab-item){transform:translate(var(--radial-x, 0), var(--radial-y, 0)) scale(1) !important}:host(.dir-radial.anim-scale) ::slotted(ui-fab-item){transform:translate(calc(var(--radial-x, 0) * 0.45), calc(var(--radial-y, 0) * 0.45)) scale(0.35)}:host(.dir-radial.is-open.anim-scale) ::slotted(ui-fab-item){transform:translate(var(--radial-x, 0), var(--radial-y, 0)) scale(1) !important}:host(.dir-radial.anim-slide-up) ::slotted(ui-fab-item){transform:translate(var(--radial-x, 0), calc(var(--radial-y, 0) + 20px)) scale(0.92)}:host(.dir-radial.is-open.anim-slide-up) ::slotted(ui-fab-item){transform:translate(var(--radial-x, 0), var(--radial-y, 0)) scale(1) !important}:host(.dir-radial.anim-slide-down) ::slotted(ui-fab-item){transform:translate(var(--radial-x, 0), calc(var(--radial-y, 0) - 20px)) scale(0.92)}:host(.dir-radial.is-open.anim-slide-down) ::slotted(ui-fab-item){transform:translate(var(--radial-x, 0), var(--radial-y, 0)) scale(1) !important}:host(.dir-radial.anim-slide-left) ::slotted(ui-fab-item){transform:translate(calc(var(--radial-x, 0) + 20px), var(--radial-y, 0)) scale(0.92)}:host(.dir-radial.is-open.anim-slide-left) ::slotted(ui-fab-item){transform:translate(var(--radial-x, 0), var(--radial-y, 0)) scale(1) !important}:host(.dir-radial.anim-slide-right) ::slotted(ui-fab-item){transform:translate(calc(var(--radial-x, 0) - 20px), var(--radial-y, 0)) scale(0.92)}:host(.dir-radial.is-open.anim-slide-right) ::slotted(ui-fab-item){transform:translate(var(--radial-x, 0), var(--radial-y, 0)) scale(1) !important}:host(.dir-radial.anim-rotate) ::slotted(ui-fab-item){transform:translate(calc(var(--radial-x, 0) * 0.65), calc(var(--radial-y, 0) * 0.65)) rotate(-135deg) scale(0.35)}:host(.dir-radial.is-open.anim-rotate) ::slotted(ui-fab-item){transform:translate(var(--radial-x, 0), var(--radial-y, 0)) rotate(0deg) scale(1) !important}.spinner{width:24px;height:24px;animation:rotate 2s linear infinite}.spinner-circle{stroke-dasharray:1, 200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}.fab-backdrop{position:fixed;inset:0;background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(4px);z-index:0;pointer-events:auto}.fab-panel{position:absolute;background:var(--ui-surface, var(--bg-primary, #ffffff));border-radius:16px;box-shadow:0 10px 40px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);display:flex;flex-direction:column;min-width:200px;opacity:0;pointer-events:none;transform:scale(0.95);transition:opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);z-index:10;overflow:hidden;border:1px solid rgba(255, 255, 255, 0.1);backdrop-filter:blur(8px)}.fab-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(0, 0, 0, 0.05);background:rgba(0, 0, 0, 0.02)}.fab-panel-title{font-weight:700;font-size:14px;color:var(--text-primary, #1e293b);letter-spacing:-0.01em}.fab-panel-close{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--text-muted, #64748b);display:flex;align-items:center;border-radius:6px;transition:all 0.2s}.fab-panel-close:hover{background:rgba(0, 0, 0, 0.05);color:var(--color-danger, #ef4444)}.fab-panel-body{flex:1;padding:16px;overflow-y:auto;min-height:0;scrollbar-width:thin}.fab-panel-body::-webkit-scrollbar{width:6px}.fab-panel-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;background:rgba(0, 0, 0, 0.015);border-top:1px solid rgba(0, 0, 0, 0.05)}:host(.is-open) .fab-panel{opacity:1;pointer-events:auto;transform:scale(1)}:host(.pos-bottom-right) .fab-panel{inset-block-end:calc(100% + 12px);inset-inline-end:0;transform-origin:bottom right}:host(.pos-bottom-left) .fab-panel{inset-block-end:calc(100% + 12px);inset-inline-start:0;transform-origin:bottom left}:host(.pos-bottom-center) .fab-panel{inset-block-end:calc(100% + 12px);inset-inline-start:50%;transform:translateX(-50%) scale(0.95);transform-origin:bottom center}:host(.pos-bottom-center.is-open) .fab-panel{transform:translateX(-50%) scale(1)}:host(.pos-top-right) .fab-panel{inset-block-start:calc(100% + 12px);inset-inline-end:0;transform-origin:top right}:host(.pos-top-left) .fab-panel{inset-block-start:calc(100% + 12px);inset-inline-start:0;transform-origin:top left}:host(.pos-top-center) .fab-panel{inset-block-start:calc(100% + 12px);inset-inline-start:50%;transform:translateX(-50%) scale(0.95);transform-origin:top center}:host(.pos-top-center.is-open) .fab-panel{transform:translateX(-50%) scale(1)}:host(.pos-center-right) .fab-panel{inset-inline-end:calc(100% + 12px);inset-block-start:50%;transform:translateY(-50%) scale(0.95);transform-origin:center right}:host(.pos-center-right.is-open) .fab-panel{transform:translateY(-50%) scale(1)}:host(.pos-center-left) .fab-panel{inset-inline-start:calc(100% + 12px);inset-block-start:50%;transform:translateY(-50%) scale(0.95);transform-origin:center left}:host(.pos-center-left.is-open) .fab-panel{transform:translateY(-50%) scale(1)}"}},[769,"ui-fab",{isExpanded:[1028,"is-expanded"],defaultOpen:[4,"default-open"],position:[1],direction:[1],variant:[1],size:[1],type:[1],icon:[1],label:[1],disabled:[4],loading:[4],toggle:[4],isDraggable:[4,"is-draggable"],hideOnScroll:[4,"hide-on-scroll"],showOnScrollUp:[4,"show-on-scroll-up"],offsetX:[2,"offset-x"],offsetY:[2,"offset-y"],zIndex:[2,"z-index"],expandOnHover:[4,"expand-on-hover"],expandOnClick:[4,"expand-on-click"],closeOnAction:[4,"close-on-action"],backdrop:[4],backdropClose:[4,"backdrop-close"],persistent:[4],animation:[1],panel:[4],panelTitle:[1,"panel-title"],panelWidth:[1,"panel-width"],panelHeight:[1,"panel-height"],panelMaxHeight:[1,"panel-max-height"],isDragging:[32],isHidden:[32],currentX:[32],currentY:[32],openFab:[64],closeFab:[64],toggleFab:[64],show:[64],hide:[64]},[[9,"scroll","handleScroll"],[0,"keydown","handleKeyDown"],[0,"uiFabActionClick","onActionClick"]],{isExpanded:[{openChanged:0}]}]),f=c,h=function(){"undefined"!=typeof customElements&&["ui-fab","ui-badge","ui-button","ui-icon","ui-loader"].forEach((t=>{switch(t){case"ui-fab":customElements.get(r(t))||customElements.define(r(t),c);break;case"ui-badge":customElements.get(r(t))||o();break;case"ui-button":customElements.get(r(t))||n();break;case"ui-icon":customElements.get(r(t))||l();break;case"ui-loader":customElements.get(r(t))||d()}}))};export{f as UiFab,h as defineCustomElement}