atomicuilibrary 0.1.0 → 0.1.3

package/dist/components/ui-command-palette.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as r,Host as a,transformTag as s}from"@stencil/core/internal/client";import{d as o,a as n}from"./badge.js";import{d as c}from"./icon.js";import{d as p}from"./loader.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.commandSelect=i(this,"commandSelect",7),this.paletteOpen=i(this,"paletteOpen",7),this.paletteClose=i(this,"paletteClose",7)}commands=[];placeholder="Search commands…";shortcut="k";open=!1;maxVisible=8;showRecent=!0;persistKey="ui-command-palette-recent";query="";activeIndex=0;recent=[];isExecuting=!1;commandSelect;paletteOpen;paletteClose;inputRef;handlePersistKeyChange(){this.checkPersistence()}componentWillLoad(){this.checkPersistence(),this.handleGlobalKey=this.handleGlobalKey.bind(this)}checkPersistence(){if(this.persistKey&&this.showRecent)try{const t=localStorage.getItem(this.persistKey);t&&(this.recent=JSON.parse(t))}catch{}}componentDidLoad(){window.addEventListener("keydown",this.handleGlobalKey)}disconnectedCallback(){window.removeEventListener("keydown",this.handleGlobalKey)}async show(){this.open=!0,this.query="",this.isExecuting=!1,setTimeout((()=>this.inputRef?.focus()),50),this.paletteOpen.emit()}async hide(){this.open=!1,this.isExecuting=!1,this.paletteClose.emit()}handleGlobalKey(t){(t.metaKey||t.ctrlKey)&&t.key===this.shortcut&&(t.preventDefault(),this.open?this.hide():this.show()),"Escape"===t.key&&this.open&&this.hide()}getCommands(){if("string"==typeof this.commands)try{return JSON.parse(this.commands)}catch{return[]}return this.commands}fuzzyMatch(t,e){if(t=t.toLowerCase(),e=e.toLowerCase(),t.includes(e))return 10;let i=0,r=0;for(let a=0;a<t.length&&r<e.length;a++)t[a]===e[r]&&(i+=5,r++);return r===e.length?i:0}getFiltered(){const t=this.query.toLowerCase().trim(),e=this.getCommands();return t?e.map((e=>({item:e,score:Math.max(2*this.fuzzyMatch(e.label??"",t),this.fuzzyMatch(e.description||"",t),this.fuzzyMatch(e.group||"",t))}))).filter((t=>t.score>0)).sort(((t,e)=>e.score-t.score)).map((t=>t.item)).slice(0,this.maxVisible):this.showRecent&&this.recent.length>0?this.recent.map((t=>e.find((e=>e.id===t)))).filter(Boolean).slice(0,this.maxVisible):e.slice(0,this.maxVisible)}select(t){if(this.recent=[t.id+"",...this.recent.filter((e=>e!==t.id+""))].slice(0,5),this.persistKey&&this.showRecent)try{localStorage.setItem(this.persistKey,JSON.stringify(this.recent))}catch{}this.commandSelect.emit(t),t.action?.(),this.hide()}handleKey=t=>{const e=this.getFiltered();"ArrowDown"===t.key&&(t.preventDefault(),this.activeIndex=(this.activeIndex+1)%e.length),"ArrowUp"===t.key&&(t.preventDefault(),this.activeIndex=(this.activeIndex-1+e.length)%e.length),"Enter"===t.key&&e[this.activeIndex]&&this.select(e[this.activeIndex])};groupItems(t){return t.reduce(((t,e)=>{const i=e.group||(this.showRecent&&!this.query&&this.recent.includes(e.id+"")?"Recent":"Commands");return(t[i]=t[i]||[]).push(e),t}),{})}render(){if(!this.open)return r(a,{class:"cp-hidden"});const t=this.getFiltered(),e=this.groupItems(t);let i=0;return r(a,null,r("div",{class:"cp-backdrop",onClick:()=>this.hide()}),r("div",{class:"cp-modal",role:"dialog","aria-modal":"true"},r("div",{class:"cp-search-row"},r("span",{class:"cp-search-icon"},"⌘"),r("input",{ref:t=>this.inputRef=t,class:"cp-search-input",type:"text",placeholder:this.placeholder,value:this.query,onInput:t=>{this.query=t.target.value,this.activeIndex=0},onKeyDown:this.handleKey,role:"combobox","aria-expanded":""+this.open,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-activedescendant":t[this.activeIndex]?"cp-item-"+t[this.activeIndex].id:void 0}),this.query&&r("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,class:"cp-clear",onClick:()=>this.query="",ariaLabel:"Clear",icon:"x",iconLibrary:"lucide",iconSize:"14px"}),r("kbd",{class:"cp-esc"},"esc")),0===t.length?r("div",{class:"cp-empty"},'No commands found for "',r("strong",null,this.query),'"'):r("div",{class:"cp-results",role:"listbox"},Object.entries(e).map((([t,e])=>r("div",{class:"cp-group",key:t},r("div",{class:"cp-group-label"},t),e.map((t=>{const e=i++;return r("div",{id:"cp-item-"+t.id,class:{"cp-item":!0,"cp-item-active":e===this.activeIndex},role:"option","aria-selected":e===this.activeIndex,onClick:()=>this.select(t),onMouseEnter:()=>this.activeIndex=e,key:t.id,style:{"--stagger-idx":""+e}},t.icon&&r("span",{class:"cp-item-icon"},t.icon),r("div",{class:"cp-item-content"},r("span",{class:"cp-item-label"},t.label),t.description&&r("span",{class:"cp-item-desc"},t.description)),t.shortcut&&r("kbd",{class:"cp-shortcut"},t.shortcut))})))))),r("div",{class:"cp-footer"},r("span",null,r("kbd",null,"↑↓")," Navigate"),r("span",null,r("kbd",null,"↵")," Select"),r("span",null,r("kbd",null,"esc")," Close"))))}static get watchers(){return{persistKey:[{handlePersistKeyChange: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;position:fixed;z-index:9999;inset:0}:host(.cp-hidden){display:none;pointer-events:none}.cp-backdrop,.cp-modal{pointer-events:auto}.cp-backdrop{position:fixed;inset:0;background:rgba(0, 0, 0, 0.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:cp-fade-in 0.25s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes cp-fade-in{from{opacity:0}to{opacity:1}}.cp-modal{position:fixed;top:20%;left:50%;transform:translateX(-50%);width:560px;max-width:calc(100vw - 32px);background:var(--bg-primary, #ffffff);border-radius:16px;box-shadow:0 25px 60px rgba(0, 0, 0, 0.25);overflow:hidden;animation:cp-slide-in 0.15s ease;z-index:10000}@keyframes cp-slide-in{from{opacity:0;transform:translateX(-50%) translateY(-12px) scale(0.97)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.cp-search-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-subtle, #f3f4f6)}.cp-search-icon{font-size:18px;color:var(--text-muted, #9ca3af);flex-shrink:0}.cp-search-input{flex:1;border:none;outline:none;font-size:16px;color:var(--text-primary, #111827);background:transparent}.cp-search-input::placeholder{color:var(--bg-secondary, #d1d5db)}.cp-clear{border:none;background:none;color:var(--text-muted, #9ca3af);font-size:14px;cursor:pointer;padding:4px;border-radius:50%;line-height:1}.cp-clear:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.cp-esc{background:var(--bg-secondary, #f3f4f6);border:1px solid var(--border-default, #e5e7eb);border-radius:5px;padding:2px 7px;font-size:11px;color:var(--text-muted, #6b7280);flex-shrink:0}.cp-results{max-height:380px;overflow-y:auto}.cp-results::-webkit-scrollbar{width:4px}.cp-results::-webkit-scrollbar-thumb{background:var(--bg-primary, #e5e7eb);border-radius:4px}.cp-empty{text-align:center;padding:40px 20px;color:var(--text-muted, #6b7280);font-size:14px}.cp-empty strong{color:var(--text-secondary, #374151)}.cp-group{padding:6px 0}.cp-group-label{padding:6px 16px 4px;font-size:11px;font-weight:700;color:var(--text-muted, #9ca3af);text-transform:uppercase;letter-spacing:0.6px}.cp-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;border-radius:8px;margin:0 8px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);opacity:0;transform:translateY(10px);animation:cp-item-appear 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;animation-delay:calc(var(--stagger-idx, 0) * 0.03s)}.cp-item:hover,.cp-item.cp-item-active{background:var(--bg-secondary, #f3f4f6);transform:scale(1.01) translateY(0)}.cp-item:hover .cp-item-label,.cp-item.cp-item-active .cp-item-label{color:var(--color-primary, #10b981)}@keyframes cp-item-appear{to{opacity:1;transform:translateY(0)}}.cp-item-icon{font-size:20px;flex-shrink:0;width:28px;text-align:center}.cp-item-content{flex:1;min-width:0}.cp-item-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary, #111827)}.cp-item-desc{display:block;font-size:12px;color:var(--text-muted, #9ca3af);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-shortcut{background:var(--bg-secondary, #f3f4f6);border:1px solid var(--border-default, #e5e7eb);border-radius:5px;padding:2px 8px;font-size:11px;color:var(--text-muted, #6b7280);white-space:nowrap;flex-shrink:0}.cp-footer{display:flex;gap:18px;align-items:center;padding:10px 16px;border-top:1px solid var(--border-subtle, #f3f4f6);background:var(--bg-primary, #fafafa);font-size:11px;color:var(--text-muted, #9ca3af)}.cp-footer kbd{background:var(--bg-primary, #e5e7eb);border:1px solid var(--border-strong, #d1d5db);border-radius:4px;padding:1px 5px;font-size:10px;color:var(--text-secondary, #374151);margin-right:3px}"}},[513,"ui-command-palette",{commands:[1],placeholder:[1],shortcut:[1],open:[1028],maxVisible:[2,"max-visible"],showRecent:[4,"show-recent"],persistKey:[1,"persist-key"],query:[32],activeIndex:[32],recent:[32],isExecuting:[32],show:[64],hide:[64]},void 0,{persistKey:[{handlePersistKeyChange:0}]}]),d=l,h=function(){"undefined"!=typeof customElements&&["ui-command-palette","ui-badge","ui-button","ui-icon","ui-loader"].forEach((t=>{switch(t){case"ui-command-palette":customElements.get(s(t))||customElements.define(s(t),l);break;case"ui-badge":customElements.get(s(t))||n();break;case"ui-button":customElements.get(s(t))||o();break;case"ui-icon":customElements.get(s(t))||c();break;case"ui-loader":customElements.get(s(t))||p()}}))};export{d as UiCommandPalette,h as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as r,Host as s,transformTag as a}from"@stencil/core/internal/client";import{d as o}from"./badge.js";import{d as n}from"./button.js";import{d as c}from"./icon.js";import{d as p}from"./loader.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.commandSelect=i(this,"commandSelect",7),this.paletteOpen=i(this,"paletteOpen",7),this.paletteClose=i(this,"paletteClose",7)}commands=[];placeholder="Search commands…";shortcut="k";open=!1;maxVisible=8;showRecent=!0;persistKey="ui-command-palette-recent";query="";activeIndex=0;recent=[];isExecuting=!1;commandSelect;paletteOpen;paletteClose;inputRef;handlePersistKeyChange(){this.checkPersistence()}componentWillLoad(){this.checkPersistence(),this.handleGlobalKey=this.handleGlobalKey.bind(this)}checkPersistence(){if(this.persistKey&&this.showRecent)try{const t=localStorage.getItem(this.persistKey);t&&(this.recent=JSON.parse(t))}catch{}}componentDidLoad(){window.addEventListener("keydown",this.handleGlobalKey)}disconnectedCallback(){window.removeEventListener("keydown",this.handleGlobalKey)}async show(){this.open=!0,this.query="",this.isExecuting=!1,setTimeout((()=>this.inputRef?.focus()),50),this.paletteOpen.emit()}async hide(){this.open=!1,this.isExecuting=!1,this.paletteClose.emit()}handleGlobalKey(t){(t.metaKey||t.ctrlKey)&&t.key===this.shortcut&&(t.preventDefault(),this.open?this.hide():this.show()),"Escape"===t.key&&this.open&&this.hide()}getCommands(){if("string"==typeof this.commands)try{return JSON.parse(this.commands)}catch{return[]}return this.commands}fuzzyMatch(t,e){if(t=t.toLowerCase(),e=e.toLowerCase(),t.includes(e))return 10;let i=0,r=0;for(let s=0;s<t.length&&r<e.length;s++)t[s]===e[r]&&(i+=5,r++);return r===e.length?i:0}getFiltered(){const t=this.query.toLowerCase().trim(),e=this.getCommands();return t?e.map((e=>({item:e,score:Math.max(2*this.fuzzyMatch(e.label??"",t),this.fuzzyMatch(e.description||"",t),this.fuzzyMatch(e.group||"",t))}))).filter((t=>t.score>0)).sort(((t,e)=>e.score-t.score)).map((t=>t.item)).slice(0,this.maxVisible):this.showRecent&&this.recent.length>0?this.recent.map((t=>e.find((e=>e.id===t)))).filter(Boolean).slice(0,this.maxVisible):e.slice(0,this.maxVisible)}select(t){if(this.recent=[t.id+"",...this.recent.filter((e=>e!==t.id+""))].slice(0,5),this.persistKey&&this.showRecent)try{localStorage.setItem(this.persistKey,JSON.stringify(this.recent))}catch{}this.commandSelect.emit(t),t.action?.(),this.hide()}handleKey=t=>{const e=this.getFiltered();"ArrowDown"===t.key&&(t.preventDefault(),this.activeIndex=(this.activeIndex+1)%e.length),"ArrowUp"===t.key&&(t.preventDefault(),this.activeIndex=(this.activeIndex-1+e.length)%e.length),"Enter"===t.key&&e[this.activeIndex]&&this.select(e[this.activeIndex])};groupItems(t){return t.reduce(((t,e)=>{const i=e.group||(this.showRecent&&!this.query&&this.recent.includes(e.id+"")?"Recent":"Commands");return(t[i]=t[i]||[]).push(e),t}),{})}render(){if(!this.open)return r(s,{class:"cp-hidden"});const t=this.getFiltered(),e=this.groupItems(t);let i=0;return r(s,null,r("div",{class:"cp-backdrop",onClick:()=>this.hide()}),r("div",{class:"cp-modal",role:"dialog","aria-modal":"true"},r("div",{class:"cp-search-row"},r("span",{class:"cp-search-icon"},"⌘"),r("input",{ref:t=>this.inputRef=t,class:"cp-search-input",type:"text",placeholder:this.placeholder,value:this.query,onInput:t=>{this.query=t.target.value,this.activeIndex=0},onKeyDown:this.handleKey,role:"combobox","aria-expanded":""+this.open,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-activedescendant":t[this.activeIndex]?"cp-item-"+t[this.activeIndex].id:void 0}),this.query&&r("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,class:"cp-clear",onClick:()=>this.query="",ariaLabel:"Clear",icon:"x",iconLibrary:"lucide",iconSize:"14px"}),r("kbd",{class:"cp-esc"},"esc")),0===t.length?r("div",{class:"cp-empty"},'No commands found for "',r("strong",null,this.query),'"'):r("div",{class:"cp-results",role:"listbox"},Object.entries(e).map((([t,e])=>r("div",{class:"cp-group",key:t},r("div",{class:"cp-group-label"},t),e.map((t=>{const e=i++;return r("div",{id:"cp-item-"+t.id,class:{"cp-item":!0,"cp-item-active":e===this.activeIndex},role:"option","aria-selected":e===this.activeIndex,onClick:()=>this.select(t),onMouseEnter:()=>this.activeIndex=e,key:t.id,style:{"--stagger-idx":""+e}},t.icon&&r("span",{class:"cp-item-icon"},t.icon),r("div",{class:"cp-item-content"},r("span",{class:"cp-item-label"},t.label),t.description&&r("span",{class:"cp-item-desc"},t.description)),t.shortcut&&r("kbd",{class:"cp-shortcut"},t.shortcut))})))))),r("div",{class:"cp-footer"},r("span",null,r("kbd",null,"↑↓")," Navigate"),r("span",null,r("kbd",null,"↵")," Select"),r("span",null,r("kbd",null,"esc")," Close"))))}static get watchers(){return{persistKey:[{handlePersistKeyChange: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;position:fixed;z-index:9999;inset:0}:host(.cp-hidden){display:none;pointer-events:none}.cp-backdrop,.cp-modal{pointer-events:auto}.cp-backdrop{position:fixed;inset:0;background:rgba(0, 0, 0, 0.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:cp-fade-in 0.25s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes cp-fade-in{from{opacity:0}to{opacity:1}}.cp-modal{position:fixed;top:20%;left:50%;transform:translateX(-50%);width:560px;max-width:calc(100vw - 32px);background:var(--bg-primary, #ffffff);border-radius:16px;box-shadow:0 25px 60px rgba(0, 0, 0, 0.25);overflow:hidden;animation:cp-slide-in 0.15s ease;z-index:10000}@keyframes cp-slide-in{from{opacity:0;transform:translateX(-50%) translateY(-12px) scale(0.97)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.cp-search-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-subtle, #f3f4f6)}.cp-search-icon{font-size:18px;color:var(--text-muted, #9ca3af);flex-shrink:0}.cp-search-input{flex:1;border:none;outline:none;font-size:16px;color:var(--text-primary, #111827);background:transparent}.cp-search-input::placeholder{color:var(--bg-secondary, #d1d5db)}.cp-clear{border:none;background:none;color:var(--text-muted, #9ca3af);font-size:14px;cursor:pointer;padding:4px;border-radius:50%;line-height:1}.cp-clear:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.cp-esc{background:var(--bg-secondary, #f3f4f6);border:1px solid var(--border-default, #e5e7eb);border-radius:5px;padding:2px 7px;font-size:11px;color:var(--text-muted, #6b7280);flex-shrink:0}.cp-results{max-height:380px;overflow-y:auto}.cp-results::-webkit-scrollbar{width:4px}.cp-results::-webkit-scrollbar-thumb{background:var(--bg-primary, #e5e7eb);border-radius:4px}.cp-empty{text-align:center;padding:40px 20px;color:var(--text-muted, #6b7280);font-size:14px}.cp-empty strong{color:var(--text-secondary, #374151)}.cp-group{padding:6px 0}.cp-group-label{padding:6px 16px 4px;font-size:11px;font-weight:700;color:var(--text-muted, #9ca3af);text-transform:uppercase;letter-spacing:0.6px}.cp-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;border-radius:8px;margin:0 8px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);opacity:0;transform:translateY(10px);animation:cp-item-appear 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;animation-delay:calc(var(--stagger-idx, 0) * 0.03s)}.cp-item:hover,.cp-item.cp-item-active{background:var(--bg-secondary, #f3f4f6);transform:scale(1.01) translateY(0)}.cp-item:hover .cp-item-label,.cp-item.cp-item-active .cp-item-label{color:var(--color-primary, #10b981)}@keyframes cp-item-appear{to{opacity:1;transform:translateY(0)}}.cp-item-icon{font-size:20px;flex-shrink:0;width:28px;text-align:center}.cp-item-content{flex:1;min-width:0}.cp-item-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary, #111827)}.cp-item-desc{display:block;font-size:12px;color:var(--text-muted, #9ca3af);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-shortcut{background:var(--bg-secondary, #f3f4f6);border:1px solid var(--border-default, #e5e7eb);border-radius:5px;padding:2px 8px;font-size:11px;color:var(--text-muted, #6b7280);white-space:nowrap;flex-shrink:0}.cp-footer{display:flex;gap:18px;align-items:center;padding:10px 16px;border-top:1px solid var(--border-subtle, #f3f4f6);background:var(--bg-primary, #fafafa);font-size:11px;color:var(--text-muted, #9ca3af)}.cp-footer kbd{background:var(--bg-primary, #e5e7eb);border:1px solid var(--border-strong, #d1d5db);border-radius:4px;padding:1px 5px;font-size:10px;color:var(--text-secondary, #374151);margin-right:3px}"}},[513,"ui-command-palette",{commands:[1],placeholder:[1],shortcut:[1],open:[1028],maxVisible:[2,"max-visible"],showRecent:[4,"show-recent"],persistKey:[1,"persist-key"],query:[32],activeIndex:[32],recent:[32],isExecuting:[32],show:[64],hide:[64]},void 0,{persistKey:[{handlePersistKeyChange:0}]}]),d=l,h=function(){"undefined"!=typeof customElements&&["ui-command-palette","ui-badge","ui-button","ui-icon","ui-loader"].forEach((t=>{switch(t){case"ui-command-palette":customElements.get(a(t))||customElements.define(a(t),l);break;case"ui-badge":customElements.get(a(t))||o();break;case"ui-button":customElements.get(a(t))||n();break;case"ui-icon":customElements.get(a(t))||c();break;case"ui-loader":customElements.get(a(t))||p()}}))};export{d as UiCommandPalette,h as defineCustomElement}

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

@@ -1 +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";import{d as g}from"./loader.js";const f=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())}},x=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(),f.reflow(),this.dialogMinimized.emit({minimized:!0})):(this._dockPeek=!1,f.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),f.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=f.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(){f.register(this)}disconnectedCallback(){f.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");f.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(){f.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=f.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}),f.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=f.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}]}]),y=x,v=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","ui-loader"].forEach((i=>{switch(i){case"ui-dialog-box":customElements.get(r(i))||customElements.define(r(i),x);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();break;case"ui-loader":customElements.get(r(i))||g()}}))};export{y as UiDialogBox,v as defineCustomElement}
+import{proxyCustomElement as i,HTMLElement as t,createEvent as o,h as e,Host as a,transformTag as s}from"@stencil/core/internal/client";import{s as r,d as n}from"./icon.js";import{F as d}from"./focus-trap.js";import{d as l}from"./badge.js";import{d as p}from"./button.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";import{d as g}from"./loader.js";const f=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 s=document.createElement("button");s.id="db-dock-menu-btn";const r=document.createElement("span");r.textContent="☰";const n=document.createElement("span");n.className="db-badge",n.textContent="0",s.append(r,n),t.append(o,e,a,s),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},s.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=s,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())}},x=i(class i 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="";_defaultCancelText="";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;_forceRender=0;watchOkDisabled(){this._forceRender++}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;let o=t.ok,e=t.cancel;return"custom"===this.buttonSet&&("delete"!==this.type&&"session"!==this.type&&"terms"!==this.type||(o=this._defaultOkText,e=this._defaultCancelText)),{okLabel:this.okText??o,cancelLabel:this.cancelText??e,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="";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(),f.reflow(),this.dialogMinimized.emit({minimized:!0})):(this._dockPeek=!1,f.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),f.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="",this._defaultCancelText="","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",this._defaultCancelText="Logout"):"terms"===this.type&&(this._defaultDialogTitle="Terms & Conditions",this._defaultOkText="Accept & Continue",this._defaultCancelText="Decline",this.scrollArea="paper");const i=f.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(){f.register(this);const t=this.el.constructor;t&&(t.cascade||(t.cascade=i.cascade),t.tile||(t.tile=i.tile))}disconnectedCallback(){f.unregister(this),this.dialogElement&&this.dialogElement.removeEventListener("scroll",this.handleInternalScroll,!0)}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");f.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 setOkDisabled(i){this.okDisabled=i,this._forceRender++}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(){f.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=f.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 s=Math.floor(a/t);i.dialogElement.style.left=a%t*o+"px",i.dialogElement.style.top=s*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=r(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}),f.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(),s=e;if(s.name&&("INPUT"===a||"SELECT"===a||"TEXTAREA"===a)){const o=e,a=(o.type||"").toLowerCase();"checkbox"===a?(i[s.name]||(i[s.name]=[]),o.checked&&i[s.name].push(o.value)):"radio"===a?o.checked&&(i[s.name]=o.value):"submit"===a||"button"===a||"reset"===a||(i[s.name]=s.value),t.add(s.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)};handleContentScroll=i=>{this.handleTermsScroll(i),this.handleInternalScroll(i)};handleInternalScroll=i=>{if(i.defaultPrevented||i.__composingScroll)return;const t=new window.Event("scroll",{bubbles:!0,composed:!0});t.__composingScroll=!0,this.el.dispatchEvent(t)};handleOk=()=>{if(this.sensitive&&!this.subOverlay?.visible)return void this.showConfirmation("Sensitive Action","This action has security implications. Are you sure you want to proceed?",(()=>{this.sensitive=!1,this.handleOk()}));let i;this.haptics&&window.navigator.vibrate&&window.navigator.vibrate(50),this.resultResolver?(null===this.returnValue&&(this.returnValue=this.collectFormValues()),i=this.ok.emit(this.returnValue),this.resultResolver(this.returnValue),this.resultResolver=void 0,this.resultRejecter=void 0):i=this.ok.emit(this.returnValue),i&&i.defaultPrevented||this.hide()};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()};handleCheckboxChange(i){i.target instanceof t&&i.target.closest("ui-dialog-box")===this.el&&"agreeCheckbox"===i.target.id&&(this.okDisabled=!i.detail.checked,this._forceRender++)}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=f.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;if(this.el.querySelector('[slot="header"]'))return e("slot",{name:"header"});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",onScroll:this.handleContentScroll},e("slot",{name:"side-nav"})),e("div",{class:{"ui-dialog-content-wrapper":!0,"type-messagebox":"messagebox"===this.type},part:"body",onScroll:this.handleContentScroll},"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:"primary",color:"default"===this.status?"primary":"error"===this.status?"danger":this.status,size:"md",onButtonClick:this._sessionTimedOut?()=>window.location.href="/login":this.handleOk,loading:this.okLoading,disabled:this.okDisabled||!!this.confirmationText&&!this.isConfirmed},this._sessionTimedOut?"Go to Login":i)),e("div",{class:"footer-custom-slot"},e("slot",{name:"footer"})))):null}render(){if(this._dummyVar=this._forceRender,!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},s={"--dialog-bg":this.backgroundColor||"var(--bg-primary, #ffffff)",backgroundColor:"var(--dialog-bg)"};this.maximized||("custom"!==t&&"500px"===this.width&&"auto"===this.height&&!this._restoredLayout||(this.width&&(s.width=this.width),this.height&&"body"!==this.scrollArea&&(s.height=this.height)),this._restoredLayout&&(s.position="fixed",s.margin="0",s.left=this._restoredLayout.left+"px",s.top=this._restoredLayout.top+"px"));const r=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=>{i&&(this.dialogElement=i,i.removeEventListener("scroll",this.handleInternalScroll,!0),i.addEventListener("scroll",this.handleInternalScroll,!0))},class:o,style:s,part:"panel",onPointerDown:this.handlePointerDown,tabIndex:-1,role:"dialog","aria-modal":"true",id:r},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}],okDisabled:[{watchOkDisabled: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:[1028,"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],_forceRender:[32],isClosing:[32],snappedEdge:[32],subOverlay:[32],minimizedToDock:[32],_dockPeek:[32],setOkDisabled:[64],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]},[[0,"checkboxChange","handleCheckboxChange"],[8,"keydown","handleGlobalShortcuts"],[8,"keydown","handleKeyDown"]],{currentStep:[{currentStepChanged:0}],okDisabled:[{watchOkDisabled:0}],minimized:[{minimizedChanged:0}],_dockPeek:[{onDockPeekChange:0}],open:[{openChanged:0}]}]),y=x,v=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","ui-loader"].forEach((i=>{switch(i){case"ui-dialog-box":customElements.get(s(i))||customElements.define(s(i),x);break;case"ui-badge":customElements.get(s(i))||l();break;case"ui-button":customElements.get(s(i))||p();break;case"ui-checkbox":customElements.get(s(i))||h();break;case"ui-context-menu":customElements.get(s(i))||c();break;case"ui-dialog-footer":customElements.get(s(i))||u();break;case"ui-dialog-header":customElements.get(s(i))||m();break;case"ui-icon":customElements.get(s(i))||n();break;case"ui-input":customElements.get(s(i))||b();break;case"ui-loader":customElements.get(s(i))||g()}}))};export{y as UiDialogBox,v as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as o,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";import{d as n}from"./loader.js";const c=e(class extends o{constructor(e){super(),!1!==e&&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=e=>{"float"===this.dock&&(this.dragging=!0,this.dragOffset={x:e.clientX-this.position.x,y:e.clientY-this.position.y},document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp))};onMouseMove=e=>{if(this.dragging&&(this.position={x:e.clientX-this.dragOffset.x,y:e.clientY-this.dragOffset.y}),this.resizing){const o=Math.max(120,e.clientX-this.el.getBoundingClientRect().left),t=Math.max(80,e.clientY-this.el.getBoundingClientRect().top);this.width=o+"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=e=>{"float"===this.dock&&(e.stopPropagation(),this.resizing=!0,document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp))};toggleFloat=()=>{this.dock="float"===this.dock?"left":"float";const e=new CustomEvent("dockChange",{detail:{dock:this.dock},bubbles:!0});this.el.dispatchEvent(e)};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 e={flexShrink:"0",zIndex:"200"};return"left"===this.dock||"right"===this.dock?(e.width=this.width,e.height="100%"):(e.width="100%",e.height=this.height),e}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 e="float"===this.dock;return t(r,{key:"ae3a9906a747c4ae3d2f504e230b6438261bc699",class:{"ui-dock-host-layout":!0,"is-floating":e,["is-docked-"+this.dock]:!e,"is-relative":this.relative},style:{display:e?"block":"flex",flexDirection:this.getFlexDirection(),width:"100%",height:"100%",position:this.relative?"relative":"fixed",top:"0",left:"0",pointerEvents:e?"none":"auto"}},t("div",{key:"9c64f35a9e8225b8ab4a4ca7b1ff516676a1b2aa",class:"dock-main-area",style:{flex:"1",overflow:"auto",pointerEvents:"auto"}},t("slot",{key:"73fa260f89788adb5d6f04fc985052aa31fc1e5d",name:"main"})),t("div",{key:"a2ec976d0c2268a1022fbf043936671a2932985f",class:{"dock-panel":!0,floating:e,[this.dock]:!e},style:{...this.getDockStyle(),pointerEvents:"auto"}},t("div",{key:"12ae10fc29ce6cdb243964765cd5e6ea4d01742c",class:"dock-header",onMouseDown:this.onHeaderMouseDown},t("span",{key:"c0d6ef086badd0b21ab9c2d66fbf0a226d7be995",class:"dock-header-content"},t("slot",{key:"09ac92cfe25a30b2213e2aefb26e71b5401dbfd0",name:"header"},"Dock Host")),t("ui-button",{key:"bf3971544a8e4ae3de4a311e8fcc71d679b8d9b7",variant:"ghost",onClick:this.toggleFloat,title:e?"Dock":"Float",size:"sm",icon:e?"layout":"maximize",iconLibrary:"lucide",label:e?"Dock":"Float"})),t("div",{key:"c7bc3b6668e730f5e466c977e625890ad820cb06",class:"dock-content"},t("slot",{key:"50e0ce9c5beff1b054732c28bdcad6a01f2bd1ef"})),e&&t("div",{key:"d827c4c190fcd6a1fdf258d9524b7646e1d05619",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]}]),l=c,p=function(){"undefined"!=typeof customElements&&["ui-dock-host","ui-badge","ui-button","ui-icon","ui-loader"].forEach((e=>{switch(e){case"ui-dock-host":customElements.get(i(e))||customElements.define(i(e),c);break;case"ui-badge":customElements.get(i(e))||s();break;case"ui-button":customElements.get(i(e))||a();break;case"ui-icon":customElements.get(i(e))||d();break;case"ui-loader":customElements.get(i(e))||n()}}))};export{l as UiDockHost,p as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as o,h as t,Host as r,transformTag as i}from"@stencil/core/internal/client";import{d as a}from"./badge.js";import{d as s}from"./button.js";import{d}from"./icon.js";import{d as n}from"./loader.js";const c=e(class extends o{constructor(e){super(),!1!==e&&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=e=>{"float"===this.dock&&(this.dragging=!0,this.dragOffset={x:e.clientX-this.position.x,y:e.clientY-this.position.y},document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp))};onMouseMove=e=>{if(this.dragging&&(this.position={x:e.clientX-this.dragOffset.x,y:e.clientY-this.dragOffset.y}),this.resizing){const o=Math.max(120,e.clientX-this.el.getBoundingClientRect().left),t=Math.max(80,e.clientY-this.el.getBoundingClientRect().top);this.width=o+"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=e=>{"float"===this.dock&&(e.stopPropagation(),this.resizing=!0,document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp))};toggleFloat=()=>{this.dock="float"===this.dock?"left":"float";const e=new CustomEvent("dockChange",{detail:{dock:this.dock},bubbles:!0});this.el.dispatchEvent(e)};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 e={flexShrink:"0",zIndex:"200"};return"left"===this.dock||"right"===this.dock?(e.width=this.width,e.height="100%"):(e.width="100%",e.height=this.height),e}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 e="float"===this.dock;return t(r,{key:"8d6a59b284fc214a749257ff5acb9dee09946f01",class:{"ui-dock-host-layout":!0,"is-floating":e,["is-docked-"+this.dock]:!e,"is-relative":this.relative},style:{display:e?"block":"flex",flexDirection:this.getFlexDirection(),width:"100%",height:"100%",position:this.relative?"relative":"fixed",top:"0",left:"0",pointerEvents:e?"none":"auto"}},t("div",{key:"369e0b3903a8f7cd8a555258722bf725d97d192e",class:"dock-main-area",style:{flex:"1",overflow:"auto",pointerEvents:"auto"}},t("slot",{key:"6bafee7ed3acd280aed85aa04f3bdd3c61127be8",name:"main"})),t("div",{key:"f613433f3a5f9c8f57263009cde1602cadeb8878",class:{"dock-panel":!0,floating:e,[this.dock]:!e},style:{...this.getDockStyle(),pointerEvents:"auto"}},t("div",{key:"dfdbe71042ccfed81f762ec3f46e43eac2ca5079",class:"dock-header",onMouseDown:this.onHeaderMouseDown},t("span",{key:"8300f7a762beaf8388e1cce5d377a824ff5b8af4",class:"dock-header-content"},t("slot",{key:"80caa80e570a3325171eddfc9691d24f19a2d466",name:"header"},"Dock Host")),t("ui-button",{key:"2c174b26e154ed6a3a6a0b458a94b8d1b4236e5a",variant:"ghost",onClick:this.toggleFloat,title:e?"Dock":"Float",size:"sm",icon:e?"layout":"maximize",iconLibrary:"lucide",label:e?"Dock":"Float"})),t("div",{key:"67a3686b34fc4e9514e3f52e91dfe5641ed06ac6",class:"dock-content"},t("slot",{key:"ad8a69994614a0a1c587d50d1a19fe717c9be712"})),e&&t("div",{key:"28be93e72315cf228047bc28ccbec809b4ca2600",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]}]),l=c,p=function(){"undefined"!=typeof customElements&&["ui-dock-host","ui-badge","ui-button","ui-icon","ui-loader"].forEach((e=>{switch(e){case"ui-dock-host":customElements.get(i(e))||customElements.define(i(e),c);break;case"ui-badge":customElements.get(i(e))||a();break;case"ui-button":customElements.get(i(e))||s();break;case"ui-icon":customElements.get(i(e))||d();break;case"ui-loader":customElements.get(i(e))||n()}}))};export{l as UiDockHost,p as defineCustomElement}

package/dist/components/ui-dock.js

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

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

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