atomicuilibrary 0.0.1 → 0.1.0

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";const p=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}]}]),l=p,d=function(){"undefined"!=typeof customElements&&["ui-command-palette","ui-badge","ui-button","ui-icon"].forEach((t=>{switch(t){case"ui-command-palette":customElements.get(s(t))||customElements.define(s(t),p);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()}}))};export{l as UiCommandPalette,d as defineCustomElement}
+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}

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

package/dist/components/ui-divider.js

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

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

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