atomicuilibrary 0.0.1

package/dist/components/ui-dialog-box.js

@@ -0,0 +1 @@
+import{proxyCustomElement as i,HTMLElement as t,createEvent as o,h as e,Host as a,transformTag as r}from"@stencil/core/internal/client";import{s,d as n}from"./icon.js";import{F as d}from"./focus-trap.js";import{d as l,a as p}from"./badge.js";import{d as h}from"./checkbox.js";import{d as c}from"./context-menu.js";import{d as u}from"./dialog-footer.js";import{d as m}from"./dialog-header.js";import{d as b}from"./input.js";const g=new class{_items=[];_outer=null;_row=null;_menuBtn=null;_menuPanel=null;_menuList=null;_menuOpen=!1;_originals=new Map;_moving=new Set;_injectStyles(){if(document.getElementById("db-tray-dynamic-styles"))return;const i=document.createElement("style");i.id="db-tray-dynamic-styles",i.textContent="\n      #db-tray-dock { position: fixed; bottom: 0; left: 0; right: 0; height: 52px; z-index: 1000000; pointer-events: none; display: flex; flex-direction: row; align-items: flex-end; justify-content: center; }\n      #db-tray-bar { max-width: 95vw; height: 52px; display: flex; flex-direction: row; align-items: stretch; pointer-events: auto; overflow: hidden; border-radius: 16px 16px 0 0; background: rgba(13, 17, 23, 0.98); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border: 1px solid rgba(255, 255, 255, 0.1); border-bottom: none; box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.6); }\n      #db-tray-bar .db-dock-row { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; flex: 1; min-width: 0; overflow-x: hidden; scroll-behavior: smooth; justify-content: center; }\n      #db-tray-bar .db-dock-row::-webkit-scrollbar { display: none; }\n      .db-dock-arrow { display: flex; align-items: center; justify-content: center; width: 36px; background: transparent; border: none; cursor: pointer; color: #fff; opacity: 0; pointer-events: none; transition: all 0.2s; font-size: 20px; }\n      .db-dock-arrow.visible { opacity: 1; pointer-events: auto; }\n      #db-dock-menu-btn { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 0 16px; background: rgba(255, 255, 255, 0.05); margin: 6px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.1); cursor: pointer; color: #fff; transition: all 0.2s; min-width: 64px; }\n      #db-dock-menu-btn .db-badge { min-width: 20px; height: 20px; border-radius: 10px; background: #4f46e5; color: #fff; font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }\n      .ui-tray-tab { min-width: 160px; max-width: 300px; height: 52px; display: flex; align-items: center; justify-content: center; padding: 0 32px; gap: 12px; cursor: pointer; border-right: 1px solid rgba(255,255,255,0.1); transition: all 0.2s; color: #fff !important; }\n      .ui-tray-tab * { color: #fff !important; }\n      .ui-tray-tab:hover { background: rgba(255,255,255,0.08); }\n      .ui-tray-tab .tab-label { font-size: 13.5px; font-weight: 600; color:red; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 0 1 auto; margin: 0 4px; }\n      .ui-tray-btn { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 6px; border: none; background: rgba(255,255,255,0.12); cursor: pointer; }\n      .ui-tray-btn:hover { background: #ef4444; }\n    ",document.head.appendChild(i)}_ensureDock(){if(this._outer)return;this._injectStyles();const i=document.createElement("div");i.id="db-tray-dock",Object.assign(i.style,{position:"fixed",bottom:"0",left:"0",right:"0",zIndex:"1000000",display:"none",pointerEvents:"none"});const t=document.createElement("div");t.id="db-tray-bar";const o=document.createElement("button");o.className="db-dock-arrow db-dock-arrow-left",o.textContent="‹";const e=document.createElement("div");e.className="db-dock-row";const a=document.createElement("button");a.className="db-dock-arrow db-dock-arrow-right",a.textContent="›";const r=document.createElement("button");r.id="db-dock-menu-btn";const s=document.createElement("span");s.textContent="☰";const n=document.createElement("span");n.className="db-badge",n.textContent="0",r.append(s,n),t.append(o,e,a,r),i.appendChild(t),document.body.appendChild(i);const d=document.createElement("div");d.id="db-tray-overlay";const l=document.createElement("div");l.id="db-tray-menu-panel",Object.assign(l.style,{position:"fixed",zIndex:"1000003",display:"none"});const p=document.createElement("div");p.id="db-tray-menu-hdr",p.textContent="Minimized Windows";const h=document.createElement("div");h.id="db-tray-menu-list",l.append(p,h),document.body.append(d,l),o.onclick=()=>{e.scrollLeft-=180},a.onclick=()=>{e.scrollLeft+=180},r.onclick=()=>{this._menuOpen?this._closeMenu():this._openMenu()},d.onclick=()=>this._closeMenu();const c=()=>{o.classList.toggle("visible",e.scrollLeft>5),a.classList.toggle("visible",e.scrollLeft<e.scrollWidth-e.clientWidth-5)};e.onscroll=c,window.ResizeObserver&&new ResizeObserver(c).observe(e),this._outer=i,this._row=e,this._menuBtn=r,this._menuPanel=l,this._menuList=h}_openMenu(){if(!this._menuBtn||!this._menuPanel)return;this._menuOpen=!0,this._syncMenu();const i=this._menuBtn.getBoundingClientRect(),t=this._menuPanel;t.style.display="flex";const o=t.getBoundingClientRect();t.style.left=i.right-o.width+"px",t.style.top=i.top-o.height-12+"px",t.classList.add("open"),document.getElementById("db-tray-overlay")?.classList.add("open")}_closeMenu(){this._menuOpen=!1,this._menuPanel?.classList.remove("open"),document.getElementById("db-tray-overlay")?.classList.remove("open")}_syncMenu(){if(!this._menuList||!this._menuBtn)return;const i=this.minimized(),t=this._menuBtn.querySelector(".db-badge");for(t&&(t.textContent=i.length+"");this._menuList.firstChild;)this._menuList.removeChild(this._menuList.firstChild);if(!i.length){const i=document.createElement("div");i.style.cssText="padding:16px;font-size:11px;color:#666;text-align:center;",i.textContent="No minimized windows",this._menuList.appendChild(i)}i.forEach((i=>{const t=document.createElement("div");t.className="db-mi";const o=document.createElement("span");o.className="db-mi-dot "+i.status;const e=document.createElement("span");e.className="db-mi-label",e.textContent=i.dockLabel||i.dialogTitle||"Dialog",t.append(o,e),t.onclick=()=>{this.openPeekFor(i),this._closeMenu()},this._menuList?.appendChild(t)}))}openPeekFor(i){const t=i._dockPeek;this.minimized().forEach((i=>i._dockPeek=!1)),t?i.restore():i._dockPeek=!0,this._syncMenu(),requestAnimationFrame((()=>i.el.scrollIntoView({behavior:"smooth",inline:"center"})))}register(i){this._items.includes(i)||(this._items.push(i),this._reflow())}unregister(i){this._moving.has(i)||(this._originals.forEach(((t,o)=>{o===i&&this._row&&i.el.parentElement===this._row&&(t.parent.insertBefore(i.el,t.nextSibling),this._originals.delete(i))})),this._items=this._items.filter((t=>t!==i)),this._reflow())}minimized(){return this._items.filter((i=>i.minimized&&i.open))}inTray(){return this.minimized().filter((i=>!i._dockPeek))}reflow(){this._reflow()}get(){return this}getAll(){return this._items}getMinimized(){return this.minimized()}_reflow(){const i=this.minimized(),t=this.inTray();i.length>0&&this._ensureDock();const o=this._row;o&&(t.forEach((i=>{if(i.el.parentElement!==o){const t=i.el.parentNode;t&&t!==o?this._originals.set(i,{parent:t,nextSibling:i.el.nextSibling}):this._originals.has(i)||this._originals.set(i,{parent:document.body,nextSibling:null}),this._moving.add(i),o.appendChild(i.el),this._moving.delete(i)}})),this._originals.forEach(((i,e)=>{t.includes(e)||e.el.parentElement!==o||(i.nextSibling&&i.nextSibling.parentNode===i.parent?i.parent.insertBefore(e.el,i.nextSibling):i.parent.appendChild(e.el),this._originals.delete(e))})),this._outer&&(this._outer.style.display=i.length>0?"flex":"none"),this._syncMenu())}},f=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dialogClosed=o(this,"dialogClosed",7),this.undo=o(this,"undo",7),this.redo=o(this,"redo",7),this.dialogOpened=o(this,"dialogOpened",7),this.toastRequest=o(this,"toastRequest",7),this.auditLog=o(this,"auditLog",7),this.beforeOpen=o(this,"beforeOpen",7),this.openStarted=o(this,"openStarted",7),this.afterOpen=o(this,"afterOpen",7),this.beforeCloseEvent=o(this,"beforeCloseEvent",7),this.closeStarted=o(this,"closeStarted",7),this.afterClose=o(this,"afterClose",7),this.menuAction=o(this,"menuAction",7),this.ok=o(this,"ok",7),this.cancel=o(this,"cancel",7),this.dialogReset=o(this,"dialogReset",7),this.dialogMaximized=o(this,"dialogMaximized",7),this.dialogMinimized=o(this,"dialogMinimized",7),this.menu=o(this,"menu",7)}_defaultDialogTitle="";_defaultOkText="";get el(){return this}_restoredLayout=void 0;_isShaking=!1;_sessionTimedOut=!1;open=!1;dialogTitle="";subtitle="";maximized=!1;minimized=!1;width="500px";height="auto";headerImage;icon="";avatar="";showMaximize=!1;showMinimize=!1;showClose=!0;showMenu=!1;menuIcon="more-horizontal";menuTitle="Menu";showHeader=!0;showFooter=!0;variant="outlined";status="default";backdrop="default";scrollArea="paper";type="modal";promptLabel="";promptPlaceholder="";promptType="text";promptInitialValue="";sessionTimeout=60;autoSubmitOnTimeout=!1;position="center";size="md";density="cozy";closeOnBackdrop=!0;closeOnEsc=!0;isDraggable=!1;resizable=!1;steps=0;currentStep=1;_currentStep=1;currentStepChanged(i){this._currentStep=i}globalBlur=!1;layout="default";showToolbar=!1;showStatusBar=!1;snapToEdges=!0;loading=!1;shortcuts=!0;dirty=!1;animationDuration=250;initialFocus;allowPopOut=!1;starred=!1;dockLabel="";confirmationText="";promptValue="";isConfirmed=!1;_sessionTimeLeft=0;_termsScrolled=!1;headerSize="md";headerColor;bordered=!1;okText;buttonSet="custom";cancelText;portal=!1;okLoading=!1;okDisabled=!1;resetText;cancelDisabled=!1;_resolveButtons(){const i={"ok-cancel":{ok:"OK",cancel:"Cancel",reset:""},"yes-no":{ok:"Yes",cancel:"No",reset:""},"yes-no-cancel":{ok:"Yes",cancel:"Cancel",reset:"No"},"save-discard":{ok:"Save",cancel:"Discard",reset:""},"retry-cancel":{ok:"Retry",cancel:"Cancel",reset:""},custom:{ok:"",cancel:"",reset:""}},t=i[this.buttonSet]??i.custom;return{okLabel:this.okText??t.ok,cancelLabel:this.cancelText??t.cancel,resetLabel:this.resetText??t.reset}}fullscreenOnMobile=!0;keepMounted=!1;animation="scale";returnFocus=!0;zIndex=1e4;minWidth;minHeight;maxWidth;maxHeight;remember=!1;swipeToClose=!1;confetti=!1;glass=!1;backgroundColor="white";progress=-1;isNested=!1;sensitive=!1;autoClose=0;timeout=0;sound=!1;haptics=!1;permissions=[];debug=!1;beforeClose;iconLibrary="default";titleTag="h3";iconPosition="left";dialogClosed;undo;redo;dialogOpened;toastRequest;auditLog;beforeOpen;openStarted;afterOpen;beforeCloseEvent;closeStarted;afterClose;menuItems=[];menuAction;ok;cancel;dialogReset;dialogMaximized;dialogMinimized;menu;dragStartX=0;dragStartY=0;isDragging=!1;dragAnchored=!1;isClosing=!1;snappedEdge="none";subOverlay=null;minimizedToDock=!1;_dockPeek=!1;_autoCloseTimer=null;resultResolver;resultRejecter;returnValue=null;lastPosition=null;isResizing=!1;resizeStartX=0;resizeStartY=0;initialWidth=0;initialHeight=0;initialLeft=0;initialTop=0;dialogElement;backdropElement;minimizedChanged(i){i?(this._dockPeek=!1,this.dialogElement&&(this.lastPosition={left:this.dialogElement.style.left,top:this.dialogElement.style.top,transform:this.dialogElement.style.transform,position:this.dialogElement.style.position,margin:this.dialogElement.style.margin}),this.unlockScroll(),this.focusTrap&&this.focusTrap.deactivate(),g.reflow(),this.dialogMinimized.emit({minimized:!0})):(this._dockPeek=!1,g.reflow(),this.dialogMinimized.emit({minimized:!1}),requestAnimationFrame((()=>{this.lastPosition&&this.dialogElement?Object.assign(this.dialogElement.style,this.lastPosition):this.remember&&this.el.id&&this.loadLayout(),this.initFocusTrap()})))}onDockPeekChange(i){i?document.addEventListener("pointerdown",this._onDocPeekOutside,!0):document.removeEventListener("pointerdown",this._onDocPeekOutside,!0),g.reflow()}_onDocPeekOutside=i=>{i.composedPath().includes(this.el)||(this._dockPeek=!1)};focusTrap;ignoreBackdropClick=!1;componentWillLoad(){this._currentStep=this.currentStep,this.isNested=!!this.el.parentElement?.closest("ui-dialog-box"),this._defaultDialogTitle="",this._defaultOkText="","delete"===this.type?(this._defaultDialogTitle="Confirm Deletion",this._defaultOkText="Delete",this.headerColor="#fee2e2",this.bordered=!0):"session"===this.type?(this._defaultDialogTitle="Session Timeout",this._defaultOkText="Extend Session"):"terms"===this.type&&(this._defaultDialogTitle="Terms & Conditions",this._defaultOkText="Accept & Continue",this.scrollArea="paper");const i=g.get().getAll().filter((i=>i.open)).length;1e4===this.zIndex&&(this.zIndex=1e4+10*i),"true"!==this.el.getAttribute("draggable")||this.isDraggable||(this.isDraggable=!0),this.remember&&this.el.id&&this.loadLayout()}connectedCallback(){g.register(this)}disconnectedCallback(){g.unregister(this)}componentDidLoad(){this.open&&(this.lockScroll(),this.initFocusTrap(),this.portal&&document.body.appendChild(this.el))}saveLayout(){if(!this.el.id||!this.dialogElement)return;const i=this.dialogElement.getBoundingClientRect(),t={left:i.left,top:i.top,width:i.width,height:i.height,maximized:this.maximized};this._restoredLayout=t,localStorage.setItem("ui-dialog-layout-"+this.el.id,JSON.stringify(t))}loadLayout(){if(!this.el.id)return;const i=localStorage.getItem("ui-dialog-layout-"+this.el.id);if(i)try{const t=JSON.parse(i);t.maximized?this.maximized=!0:(this._restoredLayout=t,t.width&&(this.width=t.width+"px"),t.height&&(this.height=t.height+"px"))}catch(i){}}async openChanged(i){if(i){if("function"==typeof this.beforeOpen?.emit){const{defaultPrevented:i}=this.beforeOpen.emit();if(i)return void(this.open=!1)}this.isClosing=!1,this.openStarted.emit(),this.handleDialogClick(),this.remember&&this.el.id&&this.loadLayout(),this.lockScroll(),this.permissions&&this.permissions.length>0&&this.auditLog.emit({action:"permission_check",timestamp:Date.now(),metadata:{required:this.permissions}}),"prompt"===this.type&&(this.promptValue=this.promptInitialValue),this.dialogOpened.emit(),this.auditLog.emit({action:"dialog_open",timestamp:Date.now()});const i=this.autoClose||this.timeout;i>0&&(this._autoCloseTimer&&clearTimeout(this._autoCloseTimer),this._autoCloseTimer=setTimeout((()=>this.hide("timeout")),i)),this.sound&&this.auditLog.emit({action:"sound_feedback",timestamp:Date.now()}),"session"===this.type&&this.startSessionTimer(),"terms"===this.type&&(this._termsScrolled=!1),requestAnimationFrame((()=>{setTimeout((()=>{this.minimized||(this.initFocusTrap(),this.autoFocusFirstElement()),this.globalBlur&&this.updateBodyBlur(),this.confetti&&this.triggerConfetti(),this.afterOpen.emit()}),50)}))}else this.isClosing||await this.hide("programmatic");g.reflow()}updateBodyBlur(){this.globalBlur&&this.open?document.body.classList.add("dialog-blur-active"):document.body.classList.remove("dialog-blur-active")}initFocusTrap(){this.dialogElement&&(this.focusTrap||(this.focusTrap=new d(this.dialogElement,{returnFocus:this.returnFocus,escapeDeactivates:!1,clickOutsideDeactivates:!1})),this.focusTrap.activate())}autoFocusFirstElement(){if(!this.dialogElement)return;if(this.initialFocus){const i=this.dialogElement.querySelector(this.initialFocus);if(i)return void i.focus()}const i=this.dialogElement.querySelector("[autofocus]")||this.dialogElement.querySelector("input:not([disabled]), textarea:not([disabled]), select:not([disabled]), .ui-dialog-btn-ok");i&&i.focus()}lockScroll(){"body"!==this.scrollArea&&(document.body.style.overflow="hidden")}unlockScroll(){document.body.style.overflow=""}async openDialog(){return this.open=!0,new Promise((i=>{this.resultResolver=t=>i(!!t)}))}async showWithResult(){return this.returnValue=null,this.open=!0,new Promise((i=>{this.resultResolver=t=>i({data:t,canceled:!1}),this.resultRejecter=()=>i({data:null,canceled:!0})}))}async setReturnValue(i){this.returnValue=i}async show(){this.returnValue=null,this.open=!0}async hide(i="programmatic"){if((this.resultResolver||this.resultRejecter)&&(this.resultRejecter&&this.resultRejecter("Closed"),this.resultResolver=void 0,this.resultRejecter=void 0),this.dirty&&!this.subOverlay?.visible)return void this.showConfirmation("Unsaved Changes","You have unsaved changes. Are you sure you want to close?",(()=>{this.dirty=!1,this.hide(i)}));const{defaultPrevented:t}=this.beforeCloseEvent.emit({source:i});if(!t){if(this.beforeClose&&!1===await this.beforeClose())return;this.isClosing=!0,this.closeStarted.emit(),this.stopSessionTimer(),this.focusTrap&&this.focusTrap.deactivate(),setTimeout((()=>{this.open=!1,this.isClosing=!1,this.unlockScroll(),this.updateBodyBlur(),this.dialogClosed.emit(),this.el.isConnected&&this.afterClose.emit()}),this.animationDuration)}}async maximize(){this.maximized=!this.maximized,this.maximized&&(this.minimized=!1),this.remember&&this.saveLayout(),this.dialogMaximized.emit({maximized:this.maximized})}async showConfirmation(i,t,o){this.subOverlay={visible:!0,title:i,message:t,onConfirm:o}}static async cascade(){g.get().getAll().filter((i=>i.open&&!i.minimized)).forEach(((i,t)=>{i.dialogElement.style.left=50+30*t+"px",i.dialogElement.style.top=50+30*t+"px",i.dialogElement.style.margin="0",i.dialogElement.style.position="fixed",i.remember&&i.saveLayout()}))}static async tile(){const i=g.get().getAll().filter((i=>i.open&&!i.minimized));if(0===i.length)return;const t=Math.ceil(Math.sqrt(i.length)),o=window.innerWidth/t,e=window.innerHeight/Math.ceil(i.length/t);i.forEach(((i,a)=>{const r=Math.floor(a/t);i.dialogElement.style.left=a%t*o+"px",i.dialogElement.style.top=r*e+"px",i.dialogElement.style.width=o+"px",i.dialogElement.style.height=e+"px",i.dialogElement.style.margin="0",i.dialogElement.style.position="fixed",i.remember&&i.saveLayout()}))}async popOut(){const i=window.open("","_blank","width=600,height=400");i&&(i.document.title=this.dialogTitle||"DreamUI Detached Window",i.document.body.innerHTML=s(this.el.innerHTML),document.querySelectorAll('style, link[rel="stylesheet"]').forEach((t=>{i.document.head.appendChild(t.cloneNode(!0))})),this.hide())}async minimize(){this.minimized=!this.minimized,this.minimized?(this._dockPeek=!1,this.minimizedToDock=!0):this.restore(),this.dialogMinimized.emit({minimized:this.minimized})}async restore(){this.minimized=!1,this.maximized=!1,this._dockPeek=!1,this.minimizedToDock=!1,this.remember&&setTimeout((()=>this.loadLayout()),50),this.dialogMinimized.emit({minimized:!1}),this.dialogMaximized.emit({maximized:!1}),g.reflow()}handleMenu=i=>{let t=this.menuItems;if("string"==typeof t)try{t=JSON.parse(t)}catch(i){}if(t&&Array.isArray(t)&&t.length>0)return i.stopPropagation(),void this.openContextMenu(i);this.menu.emit(i.detail)};openContextMenu(i,t){let o=document.getElementById("ctx-menu-"+this.el.id);o||(o=document.createElement("ui-context-menu"),o.id="ctx-menu-"+this.el.id,o.style.zIndex=""+(this.zIndex+10),document.body.appendChild(o),o.addEventListener("menuItemClick",(i=>{const t=i.detail;this.menuAction.emit(t),this.menu.emit(t),t&&t.item&&t.item.id&&("close"===t.item.id&&this.hide(),"minimize"===t.item.id&&this.minimize(),"maximize"===t.item.id&&this.maximize())})));const e=t?JSON.stringify(t):"string"==typeof this.menuItems?this.menuItems:JSON.stringify(this.menuItems);let a;if(o.items=e,i.detail&&i.detail.trigger)a=i.detail.trigger.getBoundingClientRect();else if(i.detail&&i.detail.originalEvent&&i.detail.originalEvent.target)a=i.detail.originalEvent.target.getBoundingClientRect();else{const i=this.el.shadowRoot?.querySelector("ui-dialog-header"),t=i?.shadowRoot?.querySelector(".dialog-btn-menu")||i?.querySelector(".dialog-btn-menu");a=t?t.getBoundingClientRect():this.dialogElement.getBoundingClientRect()}a&&o.openAt({x:a.left,y:a.bottom+5})}collectFormValues(){const i={},t=new Set,o=e=>{if(!e||"string"!=typeof e.tagName)return;const a=e.tagName.toUpperCase(),r=e;if(r.name&&("INPUT"===a||"SELECT"===a||"TEXTAREA"===a)){const o=e,a=(o.type||"").toLowerCase();"checkbox"===a?(i[r.name]||(i[r.name]=[]),o.checked&&i[r.name].push(o.value)):"radio"===a?o.checked&&(i[r.name]=o.value):"submit"===a||"button"===a||"reset"===a||(i[r.name]=r.value),t.add(r.name)}if(e.children)for(const i of Array.from(e.children))o(i)};return o(this.el),0===t.size&&this.el.shadowRoot&&o(this.el.shadowRoot),t.size>0?i:null}_sessionInterval;startSessionTimer(){this._sessionTimeLeft=this.sessionTimeout,clearInterval(this._sessionInterval),this._sessionInterval=setInterval((()=>{this._sessionTimeLeft--,this._sessionTimeLeft<=0&&(clearInterval(this._sessionInterval),this._sessionTimedOut=!0,this.dialogTitle="Session Expired",this.status="error",this.autoSubmitOnTimeout&&this.handleOk())}),1e3)}stopSessionTimer(){clearInterval(this._sessionInterval)}handleTermsScroll=i=>{if("terms"!==this.type||this._termsScrolled)return;const t=i.target;t.scrollHeight-t.scrollTop<=t.clientHeight+20&&(this._termsScrolled=!0)};handleOk=()=>{!this.sensitive||this.subOverlay?.visible?(this.haptics&&window.navigator.vibrate&&window.navigator.vibrate(50),this.resultResolver?(null===this.returnValue&&(this.returnValue=this.collectFormValues()),this.ok.emit(this.returnValue),this.resultResolver(this.returnValue),this.resultResolver=void 0,this.resultRejecter=void 0):this.ok.emit(this.returnValue),this.hide()):this.showConfirmation("Sensitive Action","This action has security implications. Are you sure you want to proceed?",(()=>{this.sensitive=!1,this.handleOk()}))};async submit(i){void 0!==i&&(this.returnValue=i),this.handleOk()}async cancelDialog(){this.handleCancel()}handleCancel=()=>{this.resultRejecter&&(this.resultRejecter(),this.resultRejecter=void 0,this.resultResolver=void 0),this.cancel.emit(),this.hide()};handleReset=()=>{this.auditLog.emit({action:"reset_clicked",timestamp:Date.now()}),this.dialogReset.emit()};handleGlobalShortcuts(i){if(this.open&&this.shortcuts)if(i.ctrlKey&&"Enter"===i.key&&this.okText)this.handleOk();else if("Enter"===i.key&&this.okText){const t=i.target;["INPUT","SELECT"].includes(t.tagName)&&!t.classList.contains("no-submit")&&this.handleOk()}}handleBackdropClick=i=>{this.ignoreBackdropClick||("default"===this.backdrop&&i.target===this.backdropElement?this.hide():"static"===this.backdrop&&i.target===this.backdropElement&&(i.preventDefault(),i.stopPropagation(),this._isShaking=!0,setTimeout((()=>{this._isShaking=!1}),400)))};handleKeyDown(i){this.minimized||"Escape"===i.key&&this.open&&this.closeOnEsc&&this.hide("esc")}handleDialogClick=()=>{requestAnimationFrame((()=>{const i=g.get().getAll().filter((i=>i.open)).sort(((i,t)=>i.zIndex-t.zIndex)),t=i.length>0?i[i.length-1].zIndex:1e4;this.zIndex<=t&&(this.zIndex=t+1)}))};handlePointerDown=i=>{if(this.handleDialogClick(),this.maximized||!this.isDraggable||this.minimized)return;const o=i.composedPath();if(o.some((i=>i instanceof t&&(["BUTTON","INPUT","TEXTAREA","SELECT","A","UI-ICON"].includes(i.tagName)||i.classList.contains("dialog-btn")))))return;const e=this.dialogElement.querySelector("ui-dialog-header");if(!o.some((i=>i===e||i instanceof t&&"ui-dialog-header"===i.localName)))return;i.preventDefault(),i.stopPropagation(),this.isDragging=!0,this.dragAnchored=!1,this.dragStartX=i.clientX,this.dragStartY=i.clientY;const a=this.dialogElement.getBoundingClientRect();if(this.initialLeft=a.left,this.initialTop=a.top,this.dragStartX=i.clientX,this.dragStartY=i.clientY,this.dialogElement.setPointerCapture)try{this.dialogElement.setPointerCapture(i.pointerId)}catch(i){}document.addEventListener("pointermove",this.handlePointerMove),document.addEventListener("pointerup",this.handlePointerUp),document.body.style.userSelect="none",document.body.style.cursor="grabbing"};checkSnapping=(i,t)=>{const o=window.innerWidth,e=window.innerHeight;this.snappedEdge=i<50?"left":i>o-50?"right":t<50?"top":t>e-50?"bottom":"none"};handlePointerMove=i=>{if(this.dialogElement)if(this.isDragging){const t=i.clientX-this.dragStartX,o=i.clientY-this.dragStartY;if(!this.dragAnchored){if(Math.abs(t)<5&&Math.abs(o)<5)return;this.dragAnchored=!0,this.dialogElement.style.margin="0",this.dialogElement.style.position="fixed",this.dialogElement.style.left=this.initialLeft+"px",this.dialogElement.style.top=this.initialTop+"px",this.dialogElement.style.transform="none",this.dialogElement.style.width=this.dialogElement.offsetWidth+"px",this.dialogElement.classList.add("is-dragging")}this.dialogElement.style.left=this.initialLeft+t+"px",this.dialogElement.style.top=this.initialTop+o+"px",this.snapToEdges&&this.checkSnapping(i.clientX,i.clientY)}else if(this.isResizing){let t=this.initialWidth+(i.clientX-this.resizeStartX),o=this.initialHeight+(i.clientY-this.resizeStartY);const e=i=>i?parseInt(i,10):null;this.minWidth&&(t=Math.max(t,e(this.minWidth)||0)),this.minHeight&&(o=Math.max(o,e(this.minHeight)||0)),this.maxWidth&&(t=Math.min(t,e(this.maxWidth)||9999)),this.maxHeight&&(o=Math.min(o,e(this.maxHeight)||9999)),this.dialogElement.style.width=t+"px",this.dialogElement.style.height=o+"px"}};handlePointerUp=i=>{if(!this.dialogElement)return this.isDragging=!1,void(this.isResizing=!1);if(this.isDragging&&this.dialogElement.releasePointerCapture)try{this.dialogElement.releasePointerCapture(i.pointerId)}catch(i){}if(this.isResizing&&i.target.releasePointerCapture)try{i.target.releasePointerCapture(i.pointerId)}catch(i){}if((this.isDragging||this.isResizing)&&(this.ignoreBackdropClick=!0,setTimeout((()=>{this.ignoreBackdropClick=!1}),100)),this.isDragging&&this.snapToEdges&&"none"!==this.snappedEdge&&this.maximize(),this.isDragging&&(document.body.style.userSelect="",document.body.style.cursor=""),this.isDragging&&this.dragAnchored&&this.dialogElement){const i=this.dialogElement.getBoundingClientRect();this.dialogElement.style.left=i.left+"px",this.dialogElement.style.top=i.top+"px",this.dialogElement.style.transform="none"}this.isDragging=!1,this.dragAnchored=!1,this.isResizing=!1,this.snappedEdge="none",this.remember&&this.saveLayout(),!this.swipeToClose||this.isResizing||this.isDragging||Math.abs(i.clientX-this.dragStartX)>150&&this.hide(),document.removeEventListener("pointermove",this.handlePointerMove),document.removeEventListener("pointerup",this.handlePointerUp)};handleResizePointerDown=i=>{if(!this.resizable||this.maximized)return;i.stopPropagation(),i.preventDefault(),this.isResizing=!0,this.resizeStartX=i.clientX,this.resizeStartY=i.clientY;const t=this.dialogElement.getBoundingClientRect();this.initialWidth=t.width,this.initialHeight=t.height,this.dialogElement.style.margin="0",this.dialogElement.style.position="fixed",this.dialogElement.style.left=t.left+"px",this.dialogElement.style.top=t.top+"px";try{i.target.setPointerCapture(i.pointerId)}catch(i){}document.addEventListener("pointermove",this.handlePointerMove),document.addEventListener("pointerup",this.handlePointerUp)};renderHeader(i=!1){if(!this.showHeader)return null;let t=this.cancelText;t||(t="session"===this.type?"Logout":"terms"===this.type?"Decline":this._resolveButtons().cancelLabel);let o=this.okText;o||(o=this._defaultOkText||this._resolveButtons().okLabel);let a=this.dialogTitle;return a||(a=this._defaultDialogTitle),e("ui-dialog-header",{part:"header",dialogTitle:a,subtitle:this.subtitle,showMinimize:!i&&this.showMinimize&&!this.maximized&&"messagebox"!==this.type,showMaximize:!i&&this.showMaximize&&"messagebox"!==this.type,showClose:this.showClose,showMenu:!i&&(this.showMenu||(Array.isArray(this.menuItems)?this.menuItems.length>0:!!this.menuItems)),menuItems:this.menuItems,menuIcon:this.menuIcon,menuTitle:this.menuTitle,titleTag:this.titleTag,iconPosition:this.iconPosition,type:this.type,variant:this.variant,status:this.status,icon:this.icon,avatar:this.avatar,onMinimize:i=>{i.stopImmediatePropagation(),this.minimize()},onMaximize:i=>{i.stopImmediatePropagation(),this.maximize()},onClose:i=>{i.stopImmediatePropagation(),this.hide("close-btn")},onMenu:i=>{i.stopImmediatePropagation(),this.handleMenu(i)},iconLibrary:this.iconLibrary,style:this.headerColor?{backgroundColor:this.headerColor,color:"#fff"}:{}},(this.headerImage||this.el.querySelector('[slot="header-icon"]'))&&e("div",{slot:"icon",style:{display:"flex",alignItems:"center",gap:"8px"}},this.headerImage&&e("img",{src:this.headerImage,alt:"",style:{width:"20px",height:"20px",borderRadius:"4px"}}),e("slot",{name:"header-icon"})),e("slot",{name:"title",slot:"title"}),e("slot",{name:"subtitle",slot:"subtitle"}),e("slot",{name:"header-actions",slot:"actions"}),e("slot",{name:"menu-list",slot:"menu-list"}),this.allowPopOut&&!i&&e("ui-button",{variant:"ghost",size:"sm",icon:"external-link",iconLibrary:this.iconLibrary,iconSize:"1.2em",ariaLabel:"Pop out Window",onClick:()=>this.popOut(),slot:"actions",part:"popout-btn"}))}renderStepper(){return!this.steps||("number"==typeof this.steps?this.steps<=0:this.steps.length<=0)?null:e("div",{class:"ui-dialog-stepper"},Array.from({length:"number"==typeof this.steps?this.steps:this.steps.length}).map(((i,t)=>e("div",{class:{"step-item":!0,active:this._currentStep===t+1,completed:this._currentStep>t+1}},e("div",{class:"step-dot"},t+1),Array.isArray(this.steps)&&e("div",{class:"step-label"},this.steps[t]),t<("number"==typeof this.steps?this.steps:this.steps.length)-1&&e("div",{class:"step-line"})))))}renderBodyContent(){return e("div",{class:{"ui-dialog-main-container":!0,"has-side-nav":"side-nav"===this.layout}},"side-nav"===this.layout&&e("div",{class:"ui-dialog-side-nav"},e("slot",{name:"side-nav"})),e("div",{class:{"ui-dialog-content-wrapper":!0,"type-messagebox":"messagebox"===this.type},part:"body",onScroll:this.handleTermsScroll},"session"===this.type&&e("div",{class:"ui-dialog-session-alert "+(this._sessionTimedOut?"is-timeout":"")},e("ui-icon",{name:this._sessionTimedOut?"log-out":"clock",library:"lucide"}),this._sessionTimedOut?e("div",{class:"timeout-content"},e("p",{style:{fontWeight:"600",color:"#ef4444",margin:"0 0 8px"}},"Due to inactivity, you have been logged out."),e("p",{style:{fontSize:"13px",color:"#666",margin:"0"}},"Please log in again to continue working on your tasks.")):e("span",null,"Session expiring in ",e("strong",null,this._sessionTimeLeft,"s"))),e("slot",{name:"body"},e("slot",null),"prompt"===this.type&&e("div",{class:"ui-dialog-prompt-container"},e("ui-input",{type:this.promptType,name:"prompt",class:"ui-dialog-prompt-input",value:this.promptValue,placeholder:this.promptPlaceholder,label:this.promptLabel,onInputChange:i=>{this.promptValue=i.detail,this.returnValue=this.promptValue},autofocus:!0,fullWidth:!0})))))}renderFooterContent(){if(!this.showFooter)return null;const{okLabel:i,cancelLabel:t,resetLabel:o}=this._resolveButtons();return i||t||o||this.confirmationText?e("ui-dialog-footer",{class:"ui-dialog-footer-wrapper",part:"footer"},e("div",{class:"footer-left"},this.confirmationText&&e("div",{class:"ui-dialog-confirmation"},e("ui-checkbox",{class:"confirmation-checkbox",checked:this.isConfirmed,label:this.confirmationText,onCheckboxChange:i=>{this.isConfirmed=i.detail.checked}})),e("slot",{name:"footer-left"})),e("div",{class:"footer-right",part:"footer-actions"},e("slot",{name:"actions"},o&&e("ui-button",{variant:"outline",size:"md",onButtonClick:this.handleReset},o),t&&e("ui-button",{variant:"outline",size:"md",onButtonClick:this.handleCancel,disabled:this.cancelDisabled},t),i&&e("ui-button",{variant:"default"===this.status||"info"===this.status?"primary":this.status,size:"md",onButtonClick:this._sessionTimedOut?()=>window.location.href="/login":this.handleOk,loading:this.okLoading,disabled:this.okDisabled||!!this.confirmationText&&!this.isConfirmed||"terms"===this.type&&!this._termsScrolled},this._sessionTimedOut?"Go to Login":i)),e("div",{class:"footer-custom-slot"},e("slot",{name:"footer"})))):null}render(){if(!this.open&&!this.isClosing&&!this.keepMounted)return null;if(this.minimized&&this.open&&!this._dockPeek)return e(a,{class:{minimized:!0,open:this.open}},e("div",{class:`ui-tray-tab status-${this.status} ${"glass"===this.variant?"variant-glass":""}`,onClick:()=>this.restore(),onDblClick:()=>this.restore(),title:"Click to Restore "+this.dialogTitle,style:{color:"#ffffff",display:"flex",alignItems:"center",justifyContent:"center",padding:"0 8px",gap:"12px",height:"100%",width:"100%",minWidth:"100px",fontWeight:"600"}},this.icon&&e("ui-icon",{name:this.icon,color:"white",library:this.iconLibrary,size:"1rem",style:{flexShrink:"0"}}),e("span",{class:"tab-label",style:{color:"#ffffff",flex:"0 1 auto",whiteSpace:"nowrap"}},this.dockLabel||this.dialogTitle||"Dialog"),e("ui-button",{variant:"ghost",size:"sm",class:"ui-tray-btn",icon:"x",iconLibrary:"lucide",iconSize:"14px",ariaLabel:"Close",onClick:i=>{i.stopPropagation(),this.hide()}})));const i=!this.open&&!this.isClosing&&this.keepMounted,t="terms"===this.type&&"md"===this.size?"lg":this.size,o={"ui-dialog-box":!0,closing:this.isClosing,maximized:this.maximized,minimized:this.minimized,["variant-"+this.variant]:!0,["status-"+this.status]:"default"!==this.status,["size-"+t]:"custom"!==t,"scroll-paper":"paper"===this.scrollArea,"scroll-body":"body"===this.scrollArea,["animation-"+this.animation]:!0,"fullscreen-mobile":this.fullscreenOnMobile,"hidden-mounted":i,draggable:this.isDraggable,"is-dragging":this.isDragging,"loading-active":this.loading,"is-bordered":this.bordered,"is-nested":this.isNested,"debug-mode":this.debug,"glass-effect":this.glass||"glass"===this.variant,["type-"+this.type]:!0,["density-"+this.density]:!0,shake:this._isShaking},r={"--dialog-bg":this.backgroundColor||"white",backgroundColor:"var(--dialog-bg, #ffffff)"};this.maximized||("custom"!==t&&"500px"===this.width&&"auto"===this.height&&!this._restoredLayout||(this.width&&(r.width=this.width),this.height&&"body"!==this.scrollArea&&(r.height=this.height)),this._restoredLayout&&(r.position="fixed",r.margin="0",r.left=this._restoredLayout.left+"px",r.top=this._restoredLayout.top+"px"));const s=this.el.id||"dialog-idx-"+Math.random().toString(36).substr(2,5),n="position-"+this.position;return e(a,{class:{open:this.open,minimized:this.minimized,"dock-peek":this._dockPeek}},this.minimized&&this._dockPeek&&e("div",{class:`ui-peek-panel variant-${this.variant} status-${this.status}`,onClick:i=>i.stopPropagation()},this.renderHeader(!0),e("div",{class:"ui-dialog-content-wrapper"},e("slot",{name:"body"},e("slot",null)))),(!this.minimized||this._dockPeek)&&e("div",{class:`ui-dialog-backdrop ${"none"===this.backdrop?"backdrop-none":""} ${"body"===this.scrollArea?"scroll-body-active":""} ${n} ${this.isClosing?"closing":""} ${this.glass?"glass-backdrop":""} ${i?"hidden-mounted":""}`,onClick:this.handleBackdropClick,part:"backdrop",ref:i=>this.backdropElement=i,style:{zIndex:""+this.zIndex}},e("div",{ref:i=>this.dialogElement=i,class:o,style:r,part:"panel",onPointerDown:this.handlePointerDown,tabIndex:-1,role:"dialog","aria-modal":"true",id:s},e("div",{class:"ui-dialog-box-container",onPointerUp:this.handlePointerUp},this.renderHeader(),this.showHeader&&e("div",{class:"ui-dialog-divider-line"}),this.progress>=0&&e("div",{class:"ui-dialog-progress-container",title:`Progress: ${this.progress}%`},e("div",{class:"ui-dialog-progress-bar",style:{width:this.progress+"%"}})),this.renderStepper(),this.showToolbar&&e("div",{class:"ui-dialog-toolbar"},e("slot",{name:"toolbar"})),this.renderBodyContent(),this.showStatusBar&&e("div",{class:"ui-dialog-status-bar"},e("slot",{name:"status-bar"})),this.showFooter&&e("div",{class:"ui-dialog-divider-line"}),this.renderFooterContent(),this.resizable&&!this.maximized&&e("div",{class:"resize-handle",onPointerDown:this.handleResizePointerDown}),this.subOverlay?.visible&&e("div",{class:"ui-dialog-sub-overlay"},e("div",{class:"sub-overlay-card"},e("h4",null,this.subOverlay.title),e("p",null,this.subOverlay.message),e("div",{class:"sub-overlay-actions"},e("ui-button",{variant:"outline",onButtonClick:()=>this.subOverlay=null},"Cancel"),e("ui-button",{variant:"primary",onButtonClick:()=>{this.subOverlay.onConfirm(),this.subOverlay=null}},"Confirm"))))))))}triggerConfetti(){const i={origin:{y:.7},zIndex:this.zIndex+10};function t(t,o){window.confetti&&window.confetti(Object.assign({},i,o,{particleCount:Math.floor(200*t)}))}t(.25,{spread:26,startVelocity:55}),t(.2,{spread:60}),t(.35,{spread:100,decay:.91,scalar:.8}),t(.1,{spread:120,startVelocity:25,decay:.92,scalar:1.2}),t(.1,{spread:120,startVelocity:45})}static get watchers(){return{currentStep:[{currentStepChanged:0}],minimized:[{minimizedChanged:0}],_dockPeek:[{onDockPeekChange:0}],open:[{openChanged: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}.ui-dialog-backdrop.minimized-backdrop,.ui-dialog-backdrop[data-minimized-backdrop]{display:none !important}.ui-dialog-backdrop{position:fixed;inset:0;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.5);display:flex;z-index:10000;opacity:1;transition:background-color 0.2s;animation:fadeIn 0.2s ease-out}:global(body.dialog-blur-active)>*:not(ui-dialog-box){filter:blur(8px) grayscale(20%);transition:filter 0.4s ease;pointer-events:none}.ui-dialog-backdrop.backdrop-none{background-color:transparent;pointer-events:none;}.ui-dialog-backdrop.backdrop-none .ui-dialog-box{pointer-events:auto;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border:1px solid var(--border-default, #e5e7eb)}.ui-dialog-backdrop.closing{animation:fadeOut 0.2s ease-in forwards}.ui-dialog-backdrop.hidden-mounted{display:none !important;pointer-events:none !important}.position-center{align-items:center;justify-content:center}.position-top{align-items:flex-start;justify-content:center;padding-top:3rem}.position-bottom{align-items:flex-end;justify-content:center;padding-bottom:3rem}.position-left{align-items:center;justify-content:flex-start;padding-left:3rem}.position-right{align-items:center;justify-content:flex-end;padding-right:3rem}.position-top-right{align-items:flex-start;justify-content:flex-end;padding-top:3rem;padding-right:3rem}.position-top-left{align-items:flex-start;justify-content:flex-start;padding-top:3rem;padding-left:3rem}.position-bottom-right{align-items:flex-end;justify-content:flex-end;padding-bottom:3rem;padding-right:3rem}.position-bottom-left{align-items:flex-end;justify-content:flex-start;padding-bottom:3rem;padding-left:3rem}.ui-dialog-box{background-color:var(--bg-primary, #ffffff);border-radius:var(--ui-dialog-border-radius, 8px);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);display:flex;flex-direction:column;max-width:90vw;max-height:90vh;position:relative;animation:scaleIn 0.25s cubic-bezier(0.16, 1, 0.3, 1);outline:none;}.ui-dialog-box.is-nested{box-shadow:0 30px 60px -10px rgba(0, 0, 0, 0.3), 0 15px 15px -10px rgba(0, 0, 0, 0.08);border:1px solid var(--ui-color-primary, #10b981);z-index:10001;transform-origin:center center}.ui-dialog-box.is-nested .ui-dialog-header-wrapper{background-color:var(--ui-bg-muted)}.ui-dialog-box{}@media (prefers-reduced-motion: reduce){.ui-dialog-box{animation:none !important;transition:none !important}}.ui-dialog-box{}.ui-dialog-box.density-compact{--dh-padding:8px 16px;--dc-padding:16px;--df-padding:8px 16px;font-size:0.875rem}.ui-dialog-box.density-compact .ui-dialog-content-wrapper{padding:16px !important}.ui-dialog-box.density-compact .ui-dialog-header-wrapper{padding:8px 16px !important}.ui-dialog-box.density-comfortable{--dh-padding:32px 32px 16px;--dc-padding:32px;--df-padding:24px 32px}.ui-dialog-box.density-comfortable .ui-dialog-content-wrapper{padding:32px !important}.ui-dialog-box{}.ui-dialog-box.variant-glass{background:rgba(255, 255, 255, 0.72) !important;backdrop-filter:blur(28px) saturate(180%) !important;-webkit-backdrop-filter:blur(28px) saturate(180%) !important;border:1px solid rgba(255, 255, 255, 0.4) !important}.ui-dialog-box.variant-minimal{border-color:transparent !important;box-shadow:0 4px 12px rgba(0, 0, 0, 0.08) !important}.ui-dialog-box.variant-ghost{background:transparent !important;box-shadow:none !important;border-color:transparent !important}.ui-dialog-box{}.ui-dialog-box.status-info{border-top:3px solid #10b981 !important}.ui-dialog-box.status-success{border-top:3px solid #10b981 !important}.ui-dialog-box.status-warning{border-top:3px solid #f59e0b !important}.ui-dialog-box.status-error{border-top:3px solid #ef4444 !important}.ui-dialog-box{}.ui-dialog-box.animation-fade{animation:fadeIn 0.25s ease-out}.ui-dialog-box.animation-slide-up{animation:slideInUp 0.3s cubic-bezier(0.16, 1, 0.3, 1)}.ui-dialog-box.animation-slide-down{animation:slideInDown 0.3s cubic-bezier(0.16, 1, 0.3, 1)}.ui-dialog-box.animation-flip{animation:flipIn 0.4s cubic-bezier(0.16, 1, 0.3, 1)}.ui-dialog-box.animation-scale{animation:scaleIn 0.25s cubic-bezier(0.16, 1, 0.3, 1)}.ui-dialog-box.closing{animation:scaleOut 0.2s ease-in forwards}.ui-dialog-box.closing.animation-fade{animation-name:fadeOut}.ui-dialog-box.closing.animation-slide-up{animation-name:slideOutDown}.ui-dialog-box.closing.animation-slide-down{animation-name:slideOutUp}.ui-dialog-box{}.ui-dialog-box.type-drawer{border-radius:0;max-width:none;max-height:none;position:fixed !important;margin:0 !important;box-shadow:var(--elevation-navigation, 0 10px 40px rgba(0, 0, 0, 0.2))}.ui-dialog-box{}.ui-dialog-backdrop.position-left .ui-dialog-box.type-drawer{height:100% !important;left:0 !important;top:0 !important;width:400px;animation:slideInLeft 0.3s cubic-bezier(0.16, 1, 0.3, 1)}.ui-dialog-backdrop.position-right .ui-dialog-box.type-drawer{height:100% !important;right:0 !important;top:0 !important;left:auto !important;width:400px;animation:slideInRight 0.3s cubic-bezier(0.16, 1, 0.3, 1)}.ui-dialog-backdrop.position-top .ui-dialog-box.type-drawer{width:100% !important;top:0 !important;left:0 !important;height:auto;max-height:80vh;animation:slideInTop 0.3s cubic-bezier(0.16, 1, 0.3, 1)}.ui-dialog-backdrop.position-bottom .ui-dialog-box.type-drawer{width:100% !important;bottom:0 !important;top:auto !important;left:0 !important;height:auto;max-height:80vh;animation:slideInBottom 0.3s cubic-bezier(0.16, 1, 0.3, 1)}.ui-dialog-box{}.ui-dialog-box.type-fullscreen{width:100vw !important;height:100vh !important;max-width:none !important;max-height:none !important;border-radius:0;position:fixed !important;inset:0 !important;margin:0 !important;animation:fadeIn 0.3s ease-out}.ui-dialog-box{}.ui-dialog-box.type-messagebox{width:auto;min-width:320px;max-width:650px;text-align:center;border-radius:12px}.ui-dialog-box.type-messagebox .ui-dialog-content-wrapper{padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:16px}.ui-dialog-box.type-messagebox .ui-dialog-header-wrapper{justify-content:flex-start;border-bottom:none !important}.ui-dialog-box.type-messagebox .ui-dialog-footer-wrapper{justify-content:flex-end !important;display:flex !important;width:100% !important;margin:0 !important}.ui-dialog-box.type-messagebox .ui-dialog-footer-wrapper .footer-right{justify-content:flex-end !important;width:100% !important}.ui-dialog-box.debug-mode{outline:2px dashed var(--color-success, #10b981);outline-offset:4px}.ui-dialog-box.debug-mode::after{content:"DEBUG: " attr(id) " [" attr(status) "]";position:absolute;top:-12px;right:12px;background:var(--bg-secondary, #111827);color:var(--color-success, #10b981);font-family:"JetBrains Mono", monospace;font-size:10px;padding:2px 8px;border-radius:4px;z-index:99999;border:1px solid var(--color-success, #10b981);pointer-events:none}.ui-dialog-box *:focus-visible{outline:2px solid var(--ui-primary-color, var(--color-primary, #10b981));outline-offset:2px}.ui-dialog-box-container{display:flex;flex-direction:column;height:100%;width:100%;padding:0;gap:0;box-sizing:border-box;overflow:hidden}.ui-dialog-divider-line{height:1px;width:100%;background-color:var(--border-default, #e5e7eb);margin:0;padding:0;flex-shrink:0;display:block}.ui-dialog-box.is-dragging{box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);z-index:100000 !important;transition:none !important}.ui-dialog-box.loading-active .ui-dialog-content-wrapper,.ui-dialog-box.loading-active .ui-dialog-side-nav{pointer-events:none}.ui-dialog-box.loading-active .ui-dialog-content-wrapper *,.ui-dialog-box.loading-active .ui-dialog-side-nav *{color:transparent !important;background:linear-gradient(90deg, var(--bg-primary, #f0f0f0) 25%, var(--bg-primary, #f7f7f7) 50%, var(--bg-primary, #f0f0f0) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;border:none !important}.ui-dialog-box.loading-active .ui-dialog-content-wrapper img,.ui-dialog-box.loading-active .ui-dialog-content-wrapper svg,.ui-dialog-box.loading-active .ui-dialog-content-wrapper button,.ui-dialog-box.loading-active .ui-dialog-side-nav img,.ui-dialog-box.loading-active .ui-dialog-side-nav svg,.ui-dialog-box.loading-active .ui-dialog-side-nav button{visibility:hidden}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.ui-dialog-progress-container{height:4px;background:rgba(0, 0, 0, 0.05);width:100%;position:relative;overflow:hidden;margin-top:-20px;margin-bottom:10px}.ui-dialog-progress-bar{height:100%;background:var(--ui-color-primary, var(--color-primary, #10b981));transition:width 0.3s ease-out}.ui-dialog-taskbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);background:rgba(255, 255, 255, 0.8);backdrop-filter:blur(10px);padding:8px 16px;border-radius:12px 12px 0 0;border:1px solid var(--ui-border-default);border-bottom:none;display:flex;gap:12px;z-index:1000000;box-shadow:0 -10px 30px rgba(0, 0, 0, 0.1);animation:slideUp 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.ui-dialog-taskbar .taskbar-item{padding:6px 14px;background:var(--bg-primary, #ffffff);border:1px solid var(--border-default, #ddd);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:8px}.ui-dialog-taskbar .taskbar-item:hover{background:var(--bg-primary, #f9f9f9);transform:translateY(-2px)}.ui-dialog-taskbar .taskbar-item.active{border-color:var(--ui-color-primary);color:var(--ui-color-primary)}@keyframes slideUp{from{transform:translate(-50%, 100%)}to{transform:translate(-50%, 0)}}.ui-dialog-stepper{display:flex;justify-content:space-around;padding:16px;background:var(--ui-bg-muted);border-bottom:1px solid var(--ui-border-default)}.ui-dialog-stepper .step-item{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.ui-dialog-stepper .step-item .step-dot{width:24px;height:24px;border-radius:50%;background:var(--bg-primary, #e5e7eb);color:var(--text-muted, #9ca3af);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;z-index:2;transition:all 0.3s}.ui-dialog-stepper .step-item .step-label{font-size:11px;margin-top:6px;color:var(--text-muted, #6b7280);transition:all 0.3s}.ui-dialog-stepper .step-item .step-line{position:absolute;top:12px;left:50%;width:100%;height:2px;background:var(--bg-primary, #e5e7eb);z-index:1}.ui-dialog-stepper .step-item.active .step-dot{background:var(--ui-color-primary);color:var(--text-standard, #ffffff);transform:scale(1.2);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.ui-dialog-stepper .step-item.active .step-label{color:var(--ui-color-primary);font-weight:600}.ui-dialog-stepper .step-item.completed .step-dot{background:var(--color-success, #10b981);color:var(--text-standard, #ffffff)}.ui-dialog-stepper .step-item.completed .step-line{background:var(--color-success, #10b981)}.ui-dialog-box.hidden-mounted{display:none !important}.ui-dialog-box.scroll-paper{overflow:hidden;display:flex;flex-direction:column}.ui-dialog-main-container{display:flex;flex:1;min-height:0;overflow:hidden}.ui-dialog-main-container.has-side-nav{flex-direction:row}.ui-dialog-side-nav{width:240px;background:var(--ui-bg-muted, var(--bg-primary, #f9fafb));border-right:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));overflow-y:auto;flex-shrink:0}.ui-dialog-toolbar{padding:8px 16px;background:var(--ui-bg-default);border-bottom:1px solid var(--ui-border-default);display:flex;align-items:center;gap:12px}.ui-dialog-status-bar{padding:4px 16px;background:var(--ui-bg-muted);border-top:1px solid var(--ui-border-default);font-size:11px;color:var(--ui-text-secondary)}.ui-dialog-box.scroll-paper .ui-dialog-content-wrapper{flex:1;overflow-y:auto;font-size:16px;line-height:1.5;color:var(--text-secondary, #374151);min-height:150px;max-height:70vh;padding:24px}.ui-dialog-backdrop.scroll-body-active{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:auto !important;height:auto !important;min-height:100%;overflow:visible;display:block;padding:80px 0;background-color:rgba(0, 0, 0, 0.4)}.ui-dialog-box.scroll-body{display:block !important;max-height:none !important;height:auto !important;min-height:min-content;margin:0 auto;}.ui-dialog-box.scroll-body .ui-dialog-box-container{display:block !important;height:auto !important;overflow:visible !important}.ui-dialog-box.scroll-body{}.ui-dialog-box.scroll-body .ui-dialog-main-container{display:block !important;height:auto !important;min-height:0 !important;overflow:visible !important;flex:none !important}.ui-dialog-box.scroll-body .ui-dialog-content-wrapper{overflow:visible !important;max-height:none !important;height:auto !important;padding:24px;display:block !important}.ui-dialog-prompt-container{margin-top:16px;display:flex;flex-direction:column;gap:8px}.ui-dialog-prompt-container .prompt-label{font-size:14px;font-weight:600;color:var(--text-standard)}.ui-dialog-prompt-container .ui-dialog-prompt-input{width:100%;padding:10px 12px;border:1px solid var(--border-default, #d1d5db);border-radius:6px;font-size:14px;transition:border-color 0.2s, box-shadow 0.2s;background:var(--bg-primary);color:var(--text-standard);box-sizing:border-box}.ui-dialog-prompt-container .ui-dialog-prompt-input:focus{outline:none;border-color:var(--color-primary, #10b981);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.ui-dialog-header-wrapper{min-height:fit-content;flex-shrink:0}.ui-dialog-footer-wrapper{min-height:fit-content;flex-shrink:0;width:100%}.ui-dialog-box.closing{animation:scaleOut 0.2s ease-in forwards}@keyframes shake{0%,100%{transform:translateX(0) rotate(0deg)}12.5%{transform:translateX(-6px) rotate(-1deg)}25%{transform:translateX(5px) rotate(1deg)}37.5%{transform:translateX(-4px) rotate(-0.8deg)}50%{transform:translateX(3px) rotate(0.6deg)}62.5%{transform:translateX(-2px) rotate(-0.4deg)}75%{transform:translateX(1px) rotate(0.2deg)}}.ui-dialog-box.shake .ui-dialog-box-container{animation:shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform-origin:center;will-change:transform}.ui-dialog-box.variant-outlined{border:2px solid var(--border-default, #e5e7eb)}.ui-dialog-box.variant-outlined.status-info{border-color:var(--color-primary, #10b981)}.ui-dialog-box.variant-outlined.status-success{border-color:var(--color-success, #10b981)}.ui-dialog-box.variant-outlined.status-warning{border-color:var(--color-warning, #f59e0b)}.ui-dialog-box.variant-outlined.status-error{border-color:var(--color-danger, #ef4444)}.ui-dialog-box.variant-filled.status-info{background:linear-gradient(to bottom, var(--bg-primary, #dbeafe) 0%, var(--bg-primary, #ffffff) 100%);border-left:4px solid var(--color-primary, #10b981)}.ui-dialog-box.variant-filled.status-success{background:linear-gradient(to bottom, var(--bg-primary, #d1fae5) 0%, var(--bg-primary, #ffffff) 100%);border-left:4px solid var(--color-success, #10b981)}.ui-dialog-box.variant-filled.status-warning{background:linear-gradient(to bottom, var(--bg-primary, #fef3c7) 0%, var(--bg-primary, #ffffff) 100%);border-left:4px solid var(--color-warning, #f59e0b)}.ui-dialog-box.variant-filled.status-error{background:linear-gradient(to bottom, var(--bg-primary, #fee2e2) 0%, var(--bg-primary, #ffffff) 100%);border-left:4px solid var(--color-danger, #ef4444)}.ui-dialog-box.maximized{width:90vw !important;height:90vh !important;max-width:90vw;max-height:90vh;border-radius:8px;position:fixed;top:5vh !important;left:5vw !important;transform:none !important;}.ui-dialog-box.minimized{display:flex !important;flex-shrink:0;width:192px !important;height:48px !important;align-self:stretch;position:relative !important;inset:auto !important;transform:none !important;margin:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;border:none !important;overflow:hidden;animation:trayTabIn 0.28s cubic-bezier(0.16, 1, 0.3, 1) forwards}.ui-dialog-box.minimized .ui-dialog-box-container{height:100%;width:100%}.ui-dialog-box.minimized .ui-tray-tab{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 24px;gap:12px;cursor:pointer;background:transparent;border-right:1px solid rgba(255, 255, 255, 0.12);color:#ffffff !important;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);position:relative;font-weight:600;font-size:13.5px;min-width:160px;max-width:260px;letter-spacing:0.01em}.ui-dialog-box.minimized .ui-tray-tab:hover{background:rgba(255, 255, 255, 0.04)}.ui-dialog-box.minimized .ui-tray-tab .tab-label{color:rgba(255, 255, 255, 0.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;text-align:center}.ui-dialog-box.minimized .ui-tray-tab .tab-close{background:rgba(255, 255, 255, 0.1);border:none;color:#fff;font-size:16px;padding:2px 6px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all 0.2s;margin-left:4px}.ui-dialog-box.minimized .ui-tray-tab .tab-close:hover{background:#ef4444;color:#fff}.ui-dialog-box.minimized .ui-tray-tab:hover{background:rgba(255, 255, 255, 0.12);color:#fff}.ui-peek-panel{position:fixed;bottom:50px;left:50%;transform:translateX(-50%);width:500px;max-width:90vw;max-height:70vh;background:var(--bg-primary, #fff);border-radius:12px 12px 0 0;border:1px solid var(--border-default, #eee);box-shadow:0 -10px 40px rgba(0, 0, 0, 0.25);display:flex;flex-direction:column;overflow:hidden;z-index:1000002;animation:peekIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards}.ui-peek-panel.status-info{border-top:3px solid #10b981}.ui-peek-panel.status-success{border-top:3px solid #10b981}.ui-peek-panel.status-warning{border-top:3px solid #f59e0b}.ui-peek-panel.status-error{border-top:3px solid #ef4444}.ui-peek-panel .ui-dialog-content-wrapper{overflow-y:auto;flex:1;padding:20px}@keyframes trayTabIn{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes peekIn{from{opacity:0;transform:translateX(-50%) translateY(20px) scale(0.98)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutUp{to{opacity:0;transform:translateY(-30px)}}@keyframes slideOutDown{to{opacity:0;transform:translateY(30px)}}@keyframes flipIn{from{opacity:0;transform:perspective(1000px) rotateX(-15deg)}to{opacity:1;transform:perspective(1000px) rotateX(0)}}.resize-handle{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize;background:linear-gradient(135deg, transparent 50%, var(--color-primary, #9ca3af) 50%);background-size:10px 10px;clip-path:polygon(100% 0, 100% 100%, 0 100%);margin:2px}.ui-dialog-box.draggable .ui-dialog-header-wrapper{cursor:move}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes scaleIn{from{opacity:0;transform:scale(0.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInTop{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInBottom{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}@media (max-width: 768px){.ui-dialog-box{width:95vw;max-width:95vw}}.ui-dialog-box.size-xs{width:320px}.ui-dialog-box.size-sm{width:480px}.ui-dialog-box.size-md{width:768px}.ui-dialog-box.size-lg{width:1024px}.ui-dialog-box.size-xl{width:1280px}.ui-dialog-box.size-fill{width:90vw;height:90vh}.ui-dialog-footer-wrapper{padding:0;display:flex;justify-content:flex-end;align-items:center;background-color:transparent}.footer-left,.footer-right{display:flex;gap:12px;align-items:center}.footer-right{margin-left:auto}.ui-dialog-confirmation{display:flex;align-items:center;padding:0 8px}.snap-indicator{position:fixed;background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.2);border:2px solid var(--ui-color-primary, var(--color-primary, #10b981));pointer-events:none;z-index:9999;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);border-radius:8px}.snap-indicator.snap-left{left:0;top:0;bottom:0;width:50vw}.snap-indicator.snap-right{right:0;top:0;bottom:0;width:50vw}.snap-indicator.snap-top{left:0;top:0;right:0;height:100vh}.snap-indicator.snap-bottom{left:0;bottom:0;right:0;height:50vh}.ui-dialog-sub-overlay{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn 0.3s ease-out}.ui-dialog-sub-overlay .sub-overlay-card{background:var(--bg-primary, #ffffff);padding:24px;border-radius:12px;box-shadow:var(--ui-shadow-lg);max-width:80%;animation:scaleIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.ui-dialog-sub-overlay .sub-overlay-card h4{margin:0 0 10px;font-size:18px}.ui-dialog-sub-overlay .sub-overlay-card p{margin:0 0 20px;color:var(--ui-text-secondary);line-height:1.5}.ui-dialog-sub-overlay .sub-overlay-actions{display:flex;justify-content:flex-end;gap:12px}.ui-dialog-sub-overlay .sub-overlay-actions button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s}.ui-dialog-sub-overlay .sub-overlay-actions .btn-ghost{background:transparent;border:1px solid var(--ui-border-default);color:var(--ui-text-primary)}.ui-dialog-sub-overlay .sub-overlay-actions .btn-ghost:hover{background:rgba(0, 0, 0, 0.05)}.ui-dialog-sub-overlay .sub-overlay-actions .btn-primary{background:var(--ui-color-primary, var(--color-primary, #10b981));border:1px solid var(--ui-color-primary, var(--color-primary, #10b981));color:var(--text-standard, #ffffff)}.ui-dialog-sub-overlay .sub-overlay-actions .btn-primary:hover{background:var(--ui-color-primary-dark, var(--color-primary-hover, #2563eb))}.ui-dialog-box.glass-effect{background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(20px);border-color:rgba(255, 255, 255, 0.4)}.spinner{width:16px;height:16px;border:2px solid rgba(255, 255, 255, 0.3);border-top-color:var(--bg-primary, #ffffff);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.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}#db-tray-dock{position:fixed;bottom:0;left:0;right:0;height:48px;z-index:1000000;pointer-events:none;display:none;flex-direction:row;align-items:flex-end;justify-content:center}#db-tray-bar{max-width:92vw;height:52px;display:flex;flex-direction:row;align-items:stretch;pointer-events:auto;overflow:hidden;border-radius:16px 16px 0 0;background:rgba(13, 17, 23, 0.98);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(200px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.08);border-bottom:none;box-shadow:0 -8px 32px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.05)}#db-tray-bar .db-dock-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;flex:1;min-width:0;overflow-x:auto;scroll-behavior:smooth;justify-content:flex-start;-ms-overflow-style:none;scrollbar-width:none;}#db-tray-bar .db-dock-row::-webkit-scrollbar{display:none}.db-dock-arrow{display:flex;align-items:center;justify-content:center;width:36px;background:transparent;border:none;cursor:pointer;color:rgba(255, 255, 255, 0.4);opacity:0;pointer-events:none;transition:opacity 0.2s, color 0.15s, background 0.15s;font-size:20px}.db-dock-arrow.visible{opacity:1;pointer-events:auto}.db-dock-arrow:hover{color:#fff;background:rgba(255, 255, 255, 0.06)}.db-dock-arrow-left{border-right:1px solid rgba(255, 255, 255, 0.08)}.db-dock-arrow-right{border-left:1px solid rgba(255, 255, 255, 0.08)}#db-dock-menu-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 12px;background:rgba(255, 255, 255, 0.03);margin:8px;border-radius:10px;border:1px solid rgba(255, 255, 255, 0.05);cursor:pointer;color:rgba(255, 255, 255, 0.5);transition:all 0.2s ease;min-width:64px}#db-dock-menu-btn:hover,#db-dock-menu-btn.open{background:rgba(255, 255, 255, 0.08);color:#fff;border-color:rgba(255, 255, 255, 0.1)}#db-dock-menu-btn .db-badge{min-width:20px;height:20px;border-radius:10px;background:#4f46e5;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(79, 70, 229, 0.4)}#db-tray-menu-panel{position:fixed;z-index:1000003;min-width:252px;max-width:310px;background:rgba(8, 14, 30, 0.97);backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border:1px solid rgba(255, 255, 255, 0.11);border-radius:10px;box-shadow:0 -4px 32px rgba(0, 0, 0, 0.55), 0 16px 48px rgba(0, 0, 0, 0.4);display:none;flex-direction:column;overflow:hidden;transform-origin:bottom right;animation:sdMenuIn 0.17s cubic-bezier(0.16, 1, 0.3, 1) forwards}#db-tray-menu-panel.open{display:flex}#db-tray-menu-hdr{display:flex;align-items:center;justify-content:space-between;padding:9px 13px 7px;font-size:10px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:rgba(255, 255, 255, 0.28);border-bottom:1px solid rgba(255, 255, 255, 0.06)}#db-tray-menu-list{max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255, 255, 255, 0.12) transparent}.db-mi{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;transition:all 0.2s;border-bottom:1px solid rgba(255, 255, 255, 0.04)}.db-mi:last-child{border-bottom:none}.db-mi:hover{background:rgba(255, 255, 255, 0.07)}.db-mi-dot{width:7px;height:7px;border-radius:50%;background:rgba(255, 255, 255, 0.18)}.db-mi-dot.info{background:#10b981}.db-mi-dot.success{background:#10b981;box-shadow:0 0 5px rgba(16, 185, 129, 0.5)}.db-mi-dot.warning{background:#f59e0b}.db-mi-dot.error{background:#ef4444;box-shadow:0 0 5px rgba(239, 68, 68, 0.5)}.db-mi-label{flex:1;font-size:12.5px;font-weight:500;color:rgba(255, 255, 255, 0.72);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#db-tray-overlay{position:fixed;inset:0;z-index:1000002;display:none}#db-tray-overlay.open{display:block}@keyframes sdMenuIn{from{opacity:0;transform:translateY(8px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}'}},[769,"ui-dialog-box",{open:[1540],dialogTitle:[1025,"dialog-title"],subtitle:[1],maximized:[1540],minimized:[1540],width:[1025],height:[1025],headerImage:[1,"header-image"],icon:[1],avatar:[1],showMaximize:[4,"show-maximize"],showMinimize:[4,"show-minimize"],showClose:[4,"show-close"],showMenu:[4,"show-menu"],menuIcon:[1,"menu-icon"],menuTitle:[1,"menu-title"],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],variant:[1],status:[1025],backdrop:[1],scrollArea:[1025,"scroll-area"],type:[1],promptLabel:[1,"prompt-label"],promptPlaceholder:[1,"prompt-placeholder"],promptType:[1,"prompt-type"],promptInitialValue:[1,"prompt-initial-value"],sessionTimeout:[2,"session-timeout"],autoSubmitOnTimeout:[4,"auto-submit-on-timeout"],position:[513],size:[513],density:[513],closeOnBackdrop:[4,"close-on-backdrop"],closeOnEsc:[4,"close-on-esc"],isDraggable:[1028,"is-draggable"],resizable:[4],steps:[2],currentStep:[2,"current-step"],globalBlur:[4,"global-blur"],layout:[1],showToolbar:[4,"show-toolbar"],showStatusBar:[4,"show-status-bar"],snapToEdges:[4,"snap-to-edges"],loading:[4],shortcuts:[4],dirty:[4],animationDuration:[2,"animation-duration"],initialFocus:[1,"initial-focus"],allowPopOut:[4,"allow-pop-out"],starred:[1540],dockLabel:[1,"dock-label"],confirmationText:[1,"confirmation-text"],headerSize:[1,"header-size"],headerColor:[1025,"header-color"],bordered:[1028],okText:[1025,"ok-text"],buttonSet:[1,"button-set"],cancelText:[1025,"cancel-text"],portal:[4],okLoading:[4,"ok-loading"],okDisabled:[4,"ok-disabled"],resetText:[1,"reset-text"],cancelDisabled:[4,"cancel-disabled"],fullscreenOnMobile:[4,"fullscreen-on-mobile"],keepMounted:[4,"keep-mounted"],animation:[1],returnFocus:[4,"return-focus"],zIndex:[1026,"z-index"],minWidth:[1,"min-width"],minHeight:[1,"min-height"],maxWidth:[1,"max-width"],maxHeight:[1,"max-height"],remember:[4],swipeToClose:[4,"swipe-to-close"],confetti:[4],glass:[4],backgroundColor:[1,"background-color"],progress:[2],isNested:[1028,"is-nested"],sensitive:[4],autoClose:[2,"auto-close"],timeout:[2],sound:[4],haptics:[4],permissions:[16],debug:[4],beforeClose:[16],iconLibrary:[1,"icon-library"],titleTag:[1,"title-tag"],iconPosition:[1,"icon-position"],menuItems:[1,"menu-items"],_restoredLayout:[32],_isShaking:[32],_sessionTimedOut:[32],_currentStep:[32],promptValue:[32],isConfirmed:[32],_sessionTimeLeft:[32],_termsScrolled:[32],isClosing:[32],snappedEdge:[32],subOverlay:[32],minimizedToDock:[32],_dockPeek:[32],openDialog:[64],showWithResult:[64],setReturnValue:[64],show:[64],hide:[64],maximize:[64],showConfirmation:[64],cascade:[64],tile:[64],popOut:[64],minimize:[64],restore:[64],submit:[64],cancelDialog:[64]},[[8,"keydown","handleGlobalShortcuts"],[8,"keydown","handleKeyDown"]],{currentStep:[{currentStepChanged:0}],minimized:[{minimizedChanged:0}],_dockPeek:[{onDockPeekChange:0}],open:[{openChanged:0}]}]),x=f,y=function(){"undefined"!=typeof customElements&&["ui-dialog-box","ui-badge","ui-button","ui-checkbox","ui-context-menu","ui-dialog-footer","ui-dialog-header","ui-icon","ui-input"].forEach((i=>{switch(i){case"ui-dialog-box":customElements.get(r(i))||customElements.define(r(i),f);break;case"ui-badge":customElements.get(r(i))||p();break;case"ui-button":customElements.get(r(i))||l();break;case"ui-checkbox":customElements.get(r(i))||h();break;case"ui-context-menu":customElements.get(r(i))||c();break;case"ui-dialog-footer":customElements.get(r(i))||u();break;case"ui-dialog-header":customElements.get(r(i))||m();break;case"ui-icon":customElements.get(r(i))||n();break;case"ui-input":customElements.get(r(i))||b()}}))};export{x as UiDialogBox,y as defineCustomElement}

package/dist/components/ui-dialog-content.d.ts

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

package/dist/components/ui-dialog-content.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as n,h as o,transformTag as e}from"@stencil/core/internal/client";const i=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}scrollable=!1;noPadding=!1;loading=!1;render(){if(this.loading)return o("div",{class:"dialog-content dialog-content--loading"+(this.noPadding?" dialog-content--no-padding":"")},o("div",{class:"dc-skeleton dc-skeleton--line dc-skeleton--wide"}),o("div",{class:"dc-skeleton dc-skeleton--line dc-skeleton--md"}),o("div",{class:"dc-skeleton dc-skeleton--line dc-skeleton--narrow"}));const t=["dialog-content",this.scrollable?"dialog-content--scrollable":"",this.noPadding?"dialog-content--no-padding":""].filter(Boolean).join(" ");return o("div",{class:t},o("slot",null))}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}.dialog-content{flex:1;padding:16px 20px;overflow-y:hidden;color:var(--text-secondary, #374151)}.dialog-content--scrollable{overflow-y:auto}.dialog-content--no-padding{padding:0}.dialog-content p{margin:0 0 16px 0}.dialog-content p:last-child{margin-bottom:0}.dialog-content--loading{display:flex;flex-direction:column;gap:12px}.dc-skeleton{height:14px;border-radius:6px;background:linear-gradient(90deg, var(--bg-tertiary, #e5e7eb) 25%, var(--bg-secondary, #f3f4f6) 50%, var(--bg-tertiary, #e5e7eb) 75%);background-size:200% 100%;animation:dc-shimmer 1.4s ease-in-out infinite}.dc-skeleton--wide{width:100%}.dc-skeleton--md{width:72%}.dc-skeleton--narrow{width:48%}@keyframes dc-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}"}},[769,"ui-dialog-content",{scrollable:[4],noPadding:[4,"no-padding"],loading:[4]}]),a=i,d=function(){"undefined"!=typeof customElements&&["ui-dialog-content"].forEach((t=>{"ui-dialog-content"===t&&(customElements.get(e(t))||customElements.define(e(t),i))}))};export{a as UiDialogContent,d as defineCustomElement}

package/dist/components/ui-dialog-footer.d.ts

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

package/dist/components/ui-dialog-footer.js

@@ -0,0 +1 @@
+import{D as o,d as r}from"./dialog-footer.js";const s=o,t=r;export{s as UiDialogFooter,t as defineCustomElement}

package/dist/components/ui-dialog-header.d.ts

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

package/dist/components/ui-dialog-header.js

@@ -0,0 +1 @@
+import{D as o,d as a}from"./dialog-header.js";const r=o,s=a;export{r as UiDialogHeader,s as defineCustomElement}

package/dist/components/ui-divider.d.ts

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

package/dist/components/ui-divider.js

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

package/dist/components/ui-dock-host.d.ts

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

package/dist/components/ui-dock-host.js

@@ -0,0 +1 @@
+import{proxyCustomElement as o,HTMLElement as e,h as t,Host as r,transformTag as i}from"@stencil/core/internal/client";import{d as a,a as s}from"./badge.js";import{d}from"./icon.js";const n=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}get el(){return this}dock="left";width="320px";height="320px";relative=!1;position={x:100,y:100};dragOffset={x:0,y:0};dragging=!1;onHeaderMouseDown=o=>{"float"===this.dock&&(this.dragging=!0,this.dragOffset={x:o.clientX-this.position.x,y:o.clientY-this.position.y},document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp))};onMouseMove=o=>{if(this.dragging&&(this.position={x:o.clientX-this.dragOffset.x,y:o.clientY-this.dragOffset.y}),this.resizing){const e=Math.max(120,o.clientX-this.el.getBoundingClientRect().left),t=Math.max(80,o.clientY-this.el.getBoundingClientRect().top);this.width=e+"px",this.height=t+"px"}};onMouseUp=()=>{this.dragging=!1,this.resizing=!1,document.removeEventListener("mousemove",this.onMouseMove),document.removeEventListener("mouseup",this.onMouseUp)};resizing=!1;onResizeMouseDown=o=>{"float"===this.dock&&(o.stopPropagation(),this.resizing=!0,document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp))};toggleFloat=()=>{this.dock="float"===this.dock?"left":"float";const o=new CustomEvent("dockChange",{detail:{dock:this.dock},bubbles:!0});this.el.dispatchEvent(o)};getDockStyle(){if("float"===this.dock)return{position:"fixed",left:this.position.x+"px",top:this.position.y+"px",width:this.width,height:this.height,zIndex:"1000"};const o={flexShrink:"0",zIndex:"200"};return"left"===this.dock||"right"===this.dock?(o.width=this.width,o.height="100%"):(o.width="100%",o.height=this.height),o}getFlexDirection(){switch(this.dock){case"left":default:return"row";case"right":return"row-reverse";case"top":return"column";case"bottom":return"column-reverse"}}render(){const o="float"===this.dock;return t(r,{key:"eb4278c32044099287ccc523dfeb357eac020471",class:{"ui-dock-host-layout":!0,"is-floating":o,["is-docked-"+this.dock]:!o,"is-relative":this.relative},style:{display:o?"block":"flex",flexDirection:this.getFlexDirection(),width:"100%",height:"100%",position:this.relative?"relative":"fixed",top:"0",left:"0",pointerEvents:o?"none":"auto"}},t("div",{key:"94e7a5c14e43b2148185a6cf1f82584e81b9d7fc",class:"dock-main-area",style:{flex:"1",overflow:"auto",pointerEvents:"auto"}},t("slot",{key:"d596984ab3af3b15b7ce804efa11d0c9deac4afb",name:"main"})),t("div",{key:"75305e8a892eaef65f9aad0b6616f51c420051ab",class:{"dock-panel":!0,floating:o,[this.dock]:!o},style:{...this.getDockStyle(),pointerEvents:"auto"}},t("div",{key:"870aeb69f442ff5999d497fac1b24c3df06789d6",class:"dock-header",onMouseDown:this.onHeaderMouseDown},t("span",{key:"d805d6048ad33ba4b1985b697d6f385a4cf7542d",class:"dock-header-content"},t("slot",{key:"773b00910c742b27390f6603dd4b953873c4d4b2",name:"header"},"Dock Host")),t("ui-button",{key:"f04e79da811c43f783126e42bbdbb30fe5bde7d5",variant:"ghost",onClick:this.toggleFloat,title:o?"Dock":"Float",size:"sm",icon:o?"layout":"maximize",iconLibrary:"lucide",label:o?"Dock":"Float"})),t("div",{key:"4f9d5d7a1970a66fe5166de61835aaa6b37cb7ab",class:"dock-content"},t("slot",{key:"fa29815f9621d44f3e18506b57c899088502f7dc"})),o&&t("div",{key:"1f62fef99c359ff8d4d15e959b70c584f50a979a",class:"dock-resize-handle",onMouseDown:this.onResizeMouseDown,style:{position:"absolute",right:"0",bottom:"0",width:"16px",height:"16px",cursor:"nwse-resize",zIndex:"10"}})))}static get style(){return".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.ui-dock-host-layout{display:flex;width:100%;height:100%;overflow:hidden}.dock-main-area{flex:1;overflow:auto;position:relative;background:var(--ui-content-bg, #f8fafc)}.dock-panel{background:var(--ui-surface, var(--bg-primary, #ffffff));color:var(--ui-text, #1e293b);box-shadow:0 4px 24px rgba(0, 0, 0, 0.08);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-width:180px;min-height:120px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid var(--ui-border, var(--border-subtle, #e2e8f0))}.dock-panel.left{border-left:4px solid var(--color-primary, #6366f1);border-radius:0 12px 12px 0}.dock-panel.right{border-right:4px solid var(--color-primary, #6366f1);border-radius:12px 0 0 12px}.dock-panel.top{border-top:4px solid var(--color-primary, #6366f1);border-radius:0 0 12px 12px}.dock-panel.bottom{border-bottom:4px solid var(--color-primary, #6366f1);border-radius:12px 12px 0 0}.dock-panel.floating{background:var(--ui-surface, var(--bg-primary, #ffffff));box-shadow:0 12px 48px rgba(0, 0, 0, 0.15);border-radius:18px;border:1px solid rgba(99, 102, 241, 0.2);min-width:120px;min-height:80px;z-index:9999}.dock-resize-handle{background:rgba(99, 102, 241, 0.1);border-radius:0 0 12px 0;position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;z-index:10;transition:background 0.2s}.dock-resize-handle:hover{background:rgba(99, 102, 241, 0.3)}.dock-header{background:var(--bg-primary, #f8fafc);padding:10px 16px;font-weight:700;font-size:0.875rem;color:var(--color-primary, #475569);display:flex;align-items:center;justify-content:space-between;cursor:move;user-select:none;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.dock-float-btn{background:var(--bg-primary, #eff6ff);border:1px solid var(--border-subtle, #dbeafe);color:var(--color-primary-hover, #2563eb);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;margin-left:8px;transition:all 0.2s}.dock-float-btn:hover{background:var(--bg-primary, #dbeafe);transform:translateY(-1px)}.dock-content{flex:1;padding:16px;overflow:auto;line-height:1.5}@media (prefers-color-scheme: dark){.dock-header{background:var(--bg-primary, #1e293b);color:var(--text-standard, #f1f5f9);border-bottom-color:var(--color-primary, #334155)}.dock-float-btn{background:var(--color-primary, #334155);border-color:var(--color-primary, #475569);color:var(--color-primary, #60a5fa)}}"}},[769,"ui-dock-host",{dock:[1025],width:[1],height:[1],relative:[4],position:[32]}]),c=n,l=function(){"undefined"!=typeof customElements&&["ui-dock-host","ui-badge","ui-button","ui-icon"].forEach((o=>{switch(o){case"ui-dock-host":customElements.get(i(o))||customElements.define(i(o),n);break;case"ui-badge":customElements.get(i(o))||s();break;case"ui-button":customElements.get(i(o))||a();break;case"ui-icon":customElements.get(i(o))||d()}}))};export{c as UiDockHost,l as defineCustomElement}

package/dist/components/ui-dock.d.ts

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

package/dist/components/ui-dock.js

@@ -0,0 +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}

package/dist/components/ui-drag-drop.d.ts

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

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

@@ -0,0 +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}

package/dist/components/ui-dropdown.d.ts

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

package/dist/components/ui-dropdown.js

@@ -0,0 +1 @@
+import{D as o,d as r}from"./dropdown.js";const s=o,d=r;export{s as UiDropdown,d as defineCustomElement}

package/dist/components/ui-empty-state.d.ts

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

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

@@ -0,0 +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}

package/dist/components/ui-fab-item.d.ts

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

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

@@ -0,0 +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}

package/dist/components/ui-fab.d.ts

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