@adia-ai/web-components 0.8.19 → 0.8.20

package/dist/web-components.min.js

@@ -243,12 +243,12 @@ Correct shape for <chart-ui x="label" y="value">:
           <button-ui data-tour-next variant="primary" size="sm" text="${i?"Done":"Next \u2192"}"></button-ui>
         </div>
       </div>
-    `;try{this.#e.showPopover()}catch{}this.#i?.(),l?this.#i=lt(l,this.#e,{placement:o,gap:12}):(this.#e.style.position="fixed",this.#e.style.top="50%",this.#e.style.left="50%",this.#e.style.transform="translate(-50%, -50%)"),queueMicrotask(()=>this.#e?.focus?.())}#d=null;#f(){if(!this.#t)return;let t=this.#d;if(!t){this.#t.setAttribute("data-tour-no-target","");return}this.#t.removeAttribute("data-tour-no-target");let e=t.getBoundingClientRect(),i=getComputedStyle(this),n=parseFloat(i.getPropertyValue("--tour-spotlight-padding"))||8,r=Math.max(0,e.top-n),o=Math.max(0,e.left-n),a=e.width+n*2,l=e.height+n*2;this.#t.style.top=`${r}px`,this.#t.style.left=`${o}px`,this.#t.style.width=`${a}px`,this.#t.style.height=`${l}px`}#p=t=>{let e=t.target;if(!(!e||!e.closest)){if(e.closest("[data-tour-skip]")){this.skip();return}if(e.closest("[data-tour-previous]")){this.previous();return}if(e.closest("[data-tour-next]")){this.next();return}}}},ko=class extends w{static properties={target:{type:String,default:"",reflect:!0},title:{type:String,default:"",reflect:!0},placement:{type:String,default:"bottom",reflect:!0}};static template=()=>null};function LR(s){return String(s??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}x("tour-ui",wo),x("tour-step-ui",ko);P();var Ok="data-toolbar-spillover",MR="data-toolbar-spillover-menu",bk=8,Qu="data-toolbar-spillover-label";function yk(s){return s?.tagName&&s.tagName.toLowerCase()==="divider-ui"}function RR(s){return s?s.split("-").filter(Boolean).map(t=>t[0].toUpperCase()+t.slice(1)).join(" "):""}function IR(s){let t=s.matches?.("button-ui")?[s]:Array.from(s.querySelectorAll?.("button-ui")||[]);for(let e of t){if(e.hasAttribute(Qu)||e.getAttribute("text"))continue;let i=e.getAttribute("aria-label")||RR(e.getAttribute("icon"));i&&(e.setAttribute(Qu,""),e.setAttribute("text",i))}}function DR(s){let t=s.matches?.("button-ui")?[s]:Array.from(s.querySelectorAll?.("button-ui")||[]);for(let e of t)e.hasAttribute(Qu)&&(e.removeAttribute(Qu),e.removeAttribute("text"))}function vk(s){let t=s.getBoundingClientRect(),e=getComputedStyle(s),i=parseFloat(e.marginLeft)||0,n=parseFloat(e.marginRight)||0;return t.width+i+n}var Ao=class extends w{static properties={gap:{type:String,default:"sm",reflect:!0},align:{type:String,default:"start",reflect:!0},overflow:{type:String,default:"menu",reflect:!0},bordered:{type:Boolean,default:!1,reflect:!0}};static template=()=>null;#t=null;#e=null;#i=null;#s=null;#n=null;#r=!1;#a=!1;#o=null;#l=null;connected(){this.setAttribute("role","toolbar"),this.#c(),typeof ResizeObserver<"u"&&(this.#t=new ResizeObserver(()=>this.#b()),this.#t.observe(this)),typeof MutationObserver<"u"&&(this.#e=new MutationObserver(()=>{this.#r||this.#b()})),this.#y(),this.#b()}disconnected(){this.#o!=null&&(cancelAnimationFrame(this.#o),this.#o=null),this.#a=!1,this.#t?.disconnect(),this.#e?.disconnect(),this.#u(),this.#t=null,this.#e=null,this.#i=null,this.#s=null}#c(){if(this.#i)return;let t=document.createElement("button-ui");t.setAttribute("icon","dots-three"),t.setAttribute("variant","ghost"),t.setAttribute("size","sm"),t.setAttribute(Ok,""),t.setAttribute("aria-label","More actions"),t.setAttribute("aria-haspopup","menu"),t.hidden=!0;let e=document.createElement("div");e.setAttribute(MR,""),e.setAttribute("popover","manual"),e.setAttribute("role","menu"),t.addEventListener("click",this.#d),e.addEventListener("click",this.#f),e.addEventListener("toggle",this.#g),this.appendChild(t),this.appendChild(e),this.#i=t,this.#s=e}#h(){let t=this.#s;!t||t.matches(":popover-open")||(t.showPopover?.(),this.#n?.(),this.#n=lt(this.#i,t,{placement:"bottom-end",gap:4}),this.#l=requestAnimationFrame(()=>{this.#l=null,document.addEventListener("pointerdown",this.#p,!0),document.addEventListener("keydown",this.#m,!0)}))}#u(){this.#n?.(),this.#n=null,this.#s?.matches(":popover-open")&&this.#s.hidePopover?.(),this.#l!=null&&(cancelAnimationFrame(this.#l),this.#l=null),document.removeEventListener("pointerdown",this.#p,!0),document.removeEventListener("keydown",this.#m,!0)}#d=t=>{t.stopPropagation(),this.#s?.matches(":popover-open")?this.#u():this.#h()};#f=t=>{let e=t.target.closest("button-ui");e&&(e.matches(`[${Ok}]`)||queueMicrotask(()=>this.#u()))};#p=t=>{if(this.#i?.contains(t.target)||this.#s?.contains(t.target))return;let e=t.composedPath?.()||[];for(let i of e){if(i===document)break;if(i?.nodeType===1&&i.hasAttribute?.("popover"))return}this.#u()};#m=t=>{t.key==="Escape"&&(t.stopPropagation(),this.#u(),this.#i?.focus?.({preventScroll:!0}))};#g=t=>{t.newState==="closed"&&(this.#n?.(),this.#n=null,this.#l!=null&&(cancelAnimationFrame(this.#l),this.#l=null),document.removeEventListener("pointerdown",this.#p,!0),document.removeEventListener("keydown",this.#m,!0))};#b(){this.#a||(this.#a=!0,this.#o=requestAnimationFrame(()=>{this.#o=null,this.#a=!1,this.isConnected&&this.#S()}))}#y(){this.#e?.observe(this,{childList:!0})}#O(){this.#e&&(this.#e.disconnect(),this.#e.takeRecords())}#S(){if(!this.isConnected)return;let t=this.#i,e=this.#s;if(!(!t||!e)){this.#r=!0,this.#O();try{for(;e.firstChild;)DR(e.firstChild),this.insertBefore(e.firstChild,t);let i=0;for(let y of this.children)y===t||y===e||(y.dataset.toolbarOrder==null&&(y.dataset.toolbarOrder=String(i)),i+=1);let n=Array.from(this.children).filter(y=>y!==t&&y!==e).sort((y,v)=>Number(y.dataset.toolbarOrder)-Number(v.dataset.toolbarOrder));for(let y of n)this.insertBefore(y,t);let r=n;for(let y of r)y.hidden=!1;t.hidden=!0;let o=getComputedStyle(this),a=parseFloat(o.paddingLeft)||0,l=parseFloat(o.paddingRight)||0,h=parseFloat(o.columnGap||o.gap)||0,c=this.clientWidth-a-l,u=r.map(y=>vk(y)),d=u.reduce((y,v)=>y+v,0)+Math.max(0,r.length-1)*h,f=d<=c-bk;if(this.overflow==="none"||f)return;t.hidden=!1;let p=vk(t),m=r.length,O=d;for(;m>0&&!(O+h+p<=c-bk);)m-=1,O-=u[m],m>0&&(O-=h);for(;m>0&&yk(r[m-1]);)m-=1;let g=r.slice(m);for(let y of g){if(yk(y)){y.hidden=!0;continue}IR(y),e.appendChild(y)}e.firstElementChild||(t.hidden=!0)}finally{this.#r=!1,queueMicrotask(()=>{this.#e?.takeRecords(),this.#y()})}}}},$o=class extends w{static template=()=>null;connected(){this.setAttribute("role","group")}};x("toolbar-ui",Ao),x("toolbar-group-ui",$o);P();var Co=class extends w{static properties={variant:{type:String,default:"primary",reflect:!0},collapsed:{type:Boolean,default:!1,reflect:!0},divider:{type:Boolean,default:!1,reflect:!0},heading:{type:String,default:"",reflect:!0}};static template=()=>null;#t=null;connected(){this.setAttribute("role","navigation"),this.heading&&this.setAttribute("aria-label",this.heading),this.addEventListener("click",this.#i),this.variant!=="section"&&typeof ResizeObserver<"u"&&(this.#t=new ResizeObserver(()=>this.#e()),this.#t.observe(this))}render(){this.heading?this.setAttribute("aria-label",this.heading):this.removeAttribute("aria-label"),this.variant!=="section"&&this.#e()}#e(){let t=this.collapsed||this.getBoundingClientRect().width<=96;for(let e of this.querySelectorAll(":scope > nav-group-ui")){let i=e.querySelector(':scope > [slot="header"]');i&&(i.title=t?e.text:"")}for(let e of this.querySelectorAll(":scope > nav-item-ui"))e.title=t?e.text:""}get selectedItem(){return this.querySelector("nav-item-ui[selected]")}select(t){let e=this.selectedItem;e&&e!==t&&e.removeAttribute("selected"),t&&(t.setAttribute("selected",""),this.dispatchEvent(new CustomEvent("nav-select",{bubbles:!0,detail:{item:t,text:t.text,value:t.value}})))}toggle(){this.variant!=="section"&&(this.collapsed=!this.collapsed)}#i=t=>{let e=t.target.closest("nav-item-ui");if(e&&this.contains(e)){if(e.disabled)return;this.select(e),this.#s();return}if(this.variant==="section")return;let i=t.target.closest("nav-group-ui");if(i&&this.contains(i))if(this.collapsed||this.getBoundingClientRect().width<=96){if(t.target.closest("[popover]"))return;i.showPopover?.()}else{let r=i.querySelector(':scope > [slot="header"]');r&&(t.target===r||r.contains(t.target))&&(i.open=!i.open)}};#s(){this.style.pointerEvents="none",requestAnimationFrame(()=>{this.style.pointerEvents=""})}disconnected(){this.removeEventListener("click",this.#i),this.#t?.disconnect(),this.#t=null}};x("nav-ui",Co);P();var Eo=class extends w{static properties={text:{type:String,default:"",reflect:!0},icon:{type:String,default:"",reflect:!0},badge:{type:String,default:"",reflect:!0},open:{type:Boolean,default:!1,reflect:!0},collapsible:{type:Boolean,default:!0,reflect:!0},variant:{type:String,default:"",reflect:!0}};static template=()=>null;#t=null;#e=null;#i=null;#s=t=>{this.collapsible&&(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.open=!this.open,this.dispatchEvent(new CustomEvent("group-toggle",{bubbles:!0,detail:{text:this.text,open:this.open}})))};connected(){this.setAttribute("role","group"),it(this,"header").length?this.#i=it(this,"header")[0]:(this.#i=document.createElement("div"),this.#i.setAttribute("slot","header"),this.#i.setAttribute("tabindex","0"),this.#i.innerHTML=`
+    `;try{this.#e.showPopover()}catch{}this.#i?.(),l?this.#i=lt(l,this.#e,{placement:o,gap:12}):(this.#e.style.position="fixed",this.#e.style.top="50%",this.#e.style.left="50%",this.#e.style.transform="translate(-50%, -50%)"),queueMicrotask(()=>this.#e?.focus?.())}#d=null;#f(){if(!this.#t)return;let t=this.#d;if(!t){this.#t.setAttribute("data-tour-no-target","");return}this.#t.removeAttribute("data-tour-no-target");let e=t.getBoundingClientRect(),i=getComputedStyle(this),n=parseFloat(i.getPropertyValue("--tour-spotlight-padding"))||8,r=Math.max(0,e.top-n),o=Math.max(0,e.left-n),a=e.width+n*2,l=e.height+n*2;this.#t.style.top=`${r}px`,this.#t.style.left=`${o}px`,this.#t.style.width=`${a}px`,this.#t.style.height=`${l}px`}#p=t=>{let e=t.target;if(!(!e||!e.closest)){if(e.closest("[data-tour-skip]")){this.skip();return}if(e.closest("[data-tour-previous]")){this.previous();return}if(e.closest("[data-tour-next]")){this.next();return}}}},ko=class extends w{static properties={target:{type:String,default:"",reflect:!0},title:{type:String,default:"",reflect:!0},placement:{type:String,default:"bottom",reflect:!0}};static template=()=>null};function LR(s){return String(s??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}x("tour-ui",wo),x("tour-step-ui",ko);P();var Ok="data-toolbar-spillover",MR="data-toolbar-spillover-menu",bk=8,Qu="data-toolbar-spillover-label";function yk(s){return s?.tagName&&s.tagName.toLowerCase()==="divider-ui"}function RR(s){return s?s.split("-").filter(Boolean).map(t=>t[0].toUpperCase()+t.slice(1)).join(" "):""}function IR(s){let t=s.matches?.("button-ui")?[s]:Array.from(s.querySelectorAll?.("button-ui")||[]);for(let e of t){if(e.hasAttribute(Qu)||e.getAttribute("text"))continue;let i=e.getAttribute("aria-label")||RR(e.getAttribute("icon"));i&&(e.setAttribute(Qu,""),e.setAttribute("text",i))}}function DR(s){let t=s.matches?.("button-ui")?[s]:Array.from(s.querySelectorAll?.("button-ui")||[]);for(let e of t)e.hasAttribute(Qu)&&(e.removeAttribute(Qu),e.removeAttribute("text"))}function vk(s){let t=s.getBoundingClientRect(),e=getComputedStyle(s),i=parseFloat(e.marginLeft)||0,n=parseFloat(e.marginRight)||0;return t.width+i+n}var Ao=class extends w{static properties={gap:{type:String,default:"sm",reflect:!0},align:{type:String,default:"start",reflect:!0},overflow:{type:String,default:"menu",reflect:!0},bordered:{type:Boolean,default:!1,reflect:!0}};static template=()=>null;#t=null;#e=null;#i=null;#s=null;#n=null;#r=!1;#a=!1;#o=null;#l=null;connected(){this.setAttribute("role","toolbar"),this.#c(),typeof ResizeObserver<"u"&&(this.#t=new ResizeObserver(()=>this.#b()),this.#t.observe(this)),typeof MutationObserver<"u"&&(this.#e=new MutationObserver(()=>{this.#r||this.#b()})),this.#y(),this.#b()}disconnected(){this.#o!=null&&(cancelAnimationFrame(this.#o),this.#o=null),this.#a=!1,this.#t?.disconnect(),this.#e?.disconnect(),this.#u(),this.#t=null,this.#e=null,this.#i=null,this.#s=null}#c(){if(this.#i)return;let t=document.createElement("button-ui");t.setAttribute("icon","dots-three"),t.setAttribute("variant","ghost"),t.setAttribute("size","sm"),t.setAttribute(Ok,""),t.setAttribute("aria-label","More actions"),t.setAttribute("aria-haspopup","menu"),t.hidden=!0;let e=document.createElement("div");e.setAttribute(MR,""),e.setAttribute("popover","manual"),e.setAttribute("role","menu"),t.addEventListener("click",this.#d),e.addEventListener("click",this.#f),e.addEventListener("toggle",this.#g),this.appendChild(t),this.appendChild(e),this.#i=t,this.#s=e}#h(){let t=this.#s;!t||t.matches(":popover-open")||(t.showPopover?.(),this.#n?.(),this.#n=lt(this.#i,t,{placement:"bottom-end",gap:4}),this.#l=requestAnimationFrame(()=>{this.#l=null,document.addEventListener("pointerdown",this.#p,!0),document.addEventListener("keydown",this.#m,!0)}))}#u(){this.#n?.(),this.#n=null,this.#s?.matches(":popover-open")&&this.#s.hidePopover?.(),this.#l!=null&&(cancelAnimationFrame(this.#l),this.#l=null),document.removeEventListener("pointerdown",this.#p,!0),document.removeEventListener("keydown",this.#m,!0)}#d=t=>{t.stopPropagation(),this.#s?.matches(":popover-open")?this.#u():this.#h()};#f=t=>{let e=t.target.closest("button-ui");e&&(e.matches(`[${Ok}]`)||queueMicrotask(()=>this.#u()))};#p=t=>{if(this.#i?.contains(t.target)||this.#s?.contains(t.target))return;let e=t.composedPath?.()||[];for(let i of e){if(i===document)break;if(i?.nodeType===1&&i.hasAttribute?.("popover"))return}this.#u()};#m=t=>{t.key==="Escape"&&(t.stopPropagation(),this.#u(),this.#i?.focus?.({preventScroll:!0}))};#g=t=>{t.newState==="closed"&&(this.#n?.(),this.#n=null,this.#l!=null&&(cancelAnimationFrame(this.#l),this.#l=null),document.removeEventListener("pointerdown",this.#p,!0),document.removeEventListener("keydown",this.#m,!0))};#b(){this.#a||(this.#a=!0,this.#o=requestAnimationFrame(()=>{this.#o=null,this.#a=!1,this.isConnected&&this.#S()}))}#y(){this.#e?.observe(this,{childList:!0})}#O(){this.#e&&(this.#e.disconnect(),this.#e.takeRecords())}#S(){if(!this.isConnected)return;let t=this.#i,e=this.#s;if(!(!t||!e)){this.#r=!0,this.#O();try{for(;e.firstChild;)DR(e.firstChild),this.insertBefore(e.firstChild,t);let i=0;for(let y of this.children)y===t||y===e||(y.dataset.toolbarOrder==null&&(y.dataset.toolbarOrder=String(i)),i+=1);let n=Array.from(this.children).filter(y=>y!==t&&y!==e).sort((y,v)=>Number(y.dataset.toolbarOrder)-Number(v.dataset.toolbarOrder));for(let y of n)this.insertBefore(y,t);let r=n;for(let y of r)y.hidden=!1;t.hidden=!0;let o=getComputedStyle(this),a=parseFloat(o.paddingLeft)||0,l=parseFloat(o.paddingRight)||0,h=parseFloat(o.columnGap||o.gap)||0,c=this.clientWidth-a-l,u=r.map(y=>vk(y)),d=u.reduce((y,v)=>y+v,0)+Math.max(0,r.length-1)*h,f=d<=c-bk;if(this.overflow==="none"||f)return;t.hidden=!1;let p=vk(t),m=r.length,O=d;for(;m>0&&!(O+h+p<=c-bk);)m-=1,O-=u[m],m>0&&(O-=h);for(;m>0&&yk(r[m-1]);)m-=1;let g=r.slice(m);for(let y of g){if(yk(y)){y.hidden=!0;continue}IR(y),e.appendChild(y)}e.firstElementChild||(t.hidden=!0)}finally{this.#r=!1,queueMicrotask(()=>{this.#e?.takeRecords(),this.#y()})}}}},$o=class extends w{static template=()=>null;connected(){this.setAttribute("role","group")}};x("toolbar-ui",Ao),x("toolbar-group-ui",$o);P();var Co=class extends w{static properties={variant:{type:String,default:"primary",reflect:!0},collapsed:{type:Boolean,default:!1,reflect:!0},divider:{type:Boolean,default:!1,reflect:!0},heading:{type:String,default:"",reflect:!0}};static template=()=>null;#t=null;connected(){this.setAttribute("role","navigation"),this.heading&&this.setAttribute("aria-label",this.heading),this.addEventListener("click",this.#i),this.variant!=="section"&&typeof ResizeObserver<"u"&&(this.#t=new ResizeObserver(()=>this.#e()),this.#t.observe(this))}render(){this.heading?this.setAttribute("aria-label",this.heading):this.removeAttribute("aria-label"),this.variant!=="section"&&this.#e()}#e(){let t=this.collapsed||this.getBoundingClientRect().width<=96;for(let e of this.querySelectorAll(":scope > nav-group-ui")){let i=e.querySelector(':scope > [slot="header"]');i&&(i.title=t?e.text:"")}for(let e of this.querySelectorAll(":scope > nav-item-ui"))e.title=t?e.text:""}get selectedItem(){return this.querySelector("nav-item-ui[selected]")}select(t){let e=this.selectedItem;e&&e!==t&&e.removeAttribute("selected"),t&&(t.setAttribute("selected",""),this.dispatchEvent(new CustomEvent("nav-select",{bubbles:!0,detail:{item:t,text:t.text,value:t.value}})))}toggle(){this.variant!=="section"&&(this.collapsed=!this.collapsed)}#i=t=>{let e=t.target.closest("nav-item-ui");if(e&&this.contains(e)){if(e.disabled)return;this.select(e),this.#s();return}if(this.variant==="section")return;let i=t.target.closest("nav-group-ui");if(i&&this.contains(i))if(this.collapsed||this.getBoundingClientRect().width<=96){if(t.target.closest("[popover]"))return;i.showPopover?.()}else{let r=i.querySelector(':scope > [slot="header"]');r&&(t.target===r||r.contains(t.target))&&(i.open=!i.open)}};#s(){this.style.pointerEvents="none",requestAnimationFrame(()=>{this.style.pointerEvents=""})}disconnected(){this.removeEventListener("click",this.#i),this.#t?.disconnect(),this.#t=null}};x("nav-ui",Co);P();var Eo=class extends w{static properties={text:{type:String,default:"",reflect:!0},icon:{type:String,default:"",reflect:!0},badge:{type:String,default:"",reflect:!0},open:{type:Boolean,default:!1,reflect:!0},selected:{type:Boolean,default:!1,reflect:!0},collapsible:{type:Boolean,default:!0,reflect:!0},variant:{type:String,default:"",reflect:!0}};static template=()=>null;#t=null;#e=null;#i=null;#s=t=>{this.collapsible&&(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.open=!this.open,this.dispatchEvent(new CustomEvent("group-toggle",{bubbles:!0,detail:{text:this.text,open:this.open}})))};connected(){this.setAttribute("role","group"),it(this,"header").length?this.#i=it(this,"header")[0]:(this.#i=document.createElement("div"),this.#i.setAttribute("slot","header"),this.#i.setAttribute("tabindex","0"),this.#i.innerHTML=`
         <span slot="icon">${this.icon?`<icon-ui name="${this.icon}"></icon-ui>`:""}</span>
         <span slot="text">${this.text}</span>
         ${this.badge?`<span slot="badge">${this.badge}</span>`:""}
         <icon-ui slot="caret" name="caret-right"></icon-ui>
-      `,this.prepend(this.#i)),this.#i?.addEventListener("keydown",this.#s)}render(){let t=this.querySelector('[slot="header"] [slot="text"]');t&&(t.textContent=this.text);let e=this.querySelector('[slot="header"] [slot="badge"]');e&&(e.textContent=this.badge),this.setAttribute("aria-expanded",String(this.open));let i=this.querySelector('[slot="header"] [slot="icon"] icon-ui');i&&i.setAttribute("weight",this.open?"fill":"regular")}showPopover(){if(!this.#t){this.#t=document.createElement("div"),this.#t.setAttribute("slot","popover"),this.#t.setAttribute("popover","auto");let t=document.createElement("div");t.setAttribute("slot","popover-label"),t.textContent=this.text,this.#t.appendChild(t);for(let e of this.querySelectorAll(":scope > nav-item-ui")){let i=document.createElement("div");i.setAttribute("role","option"),i.dataset.sourceValue=e.getAttribute("value")||"",i.textContent=e.text,i.addEventListener("click",()=>{let n=this.closest("nav-ui");n&&n.select(e),this.#t.hidePopover()}),this.#t.appendChild(i)}this.appendChild(this.#t),this.#t.addEventListener("toggle",e=>{e.newState==="closed"&&(this.#e?.(),this.#e=null)})}for(let t of this.#t.querySelectorAll('[role="option"]')){let e=t.dataset.sourceValue;(e?this.querySelector(`:scope > nav-item-ui[value="${e}"]`):null)?.hasAttribute("selected")?(t.setAttribute("aria-current","page"),t.setAttribute("aria-selected","true")):(t.removeAttribute("aria-current"),t.removeAttribute("aria-selected"))}this.#t.showPopover(),this.#e?.(),this.#e=lt(this,this.#t,{placement:"right",gap:4})}disconnected(){this.#i?.removeEventListener("keydown",this.#s),this.#e?.(),this.#e=null,this.#t?.hidePopover?.()}};x("nav-group-ui",Eo);P();var Po=class extends w{static properties={text:{type:String,default:"",reflect:!0},icon:{type:String,default:"",reflect:!0},value:{type:String,default:"",reflect:!0},badge:{type:String,default:"",reflect:!0},selected:{type:Boolean,default:!1,reflect:!0},disabled:{type:Boolean,default:!1,reflect:!0},variant:{type:String,default:"",reflect:!0}};static template=()=>null;#t=t=>{if(this.disabled){t.preventDefault();return}this.closest("nav-ui")?.select?.(this),this.dispatchEvent(new CustomEvent("nav-select",{bubbles:!0,detail:{item:this,text:this.text,value:this.value}}))};#e=t=>{this.disabled||(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.#t(t))};connected(){this.setAttribute("role","link"),this.setAttribute("tabindex",this.disabled?"-1":"0"),this.querySelector('[slot="text"]')||(this.innerHTML=`
+      `,this.prepend(this.#i)),this.#i?.addEventListener("keydown",this.#s)}render(){let t=this.querySelector('[slot="header"] [slot="text"]');t&&(t.textContent=this.text);let e=this.querySelector('[slot="header"] [slot="badge"]');e&&(e.textContent=this.badge),this.setAttribute("aria-expanded",String(this.open));let i=this.querySelector('[slot="header"] [slot="icon"] icon-ui');i&&i.setAttribute("weight",this.hasAttribute("selected")?"fill":"regular")}showPopover(){if(!this.#t){this.#t=document.createElement("div"),this.#t.setAttribute("slot","popover"),this.#t.setAttribute("popover","auto");let t=document.createElement("div");t.setAttribute("slot","popover-label"),t.textContent=this.text,this.#t.appendChild(t);for(let e of this.querySelectorAll(":scope > nav-item-ui")){let i=document.createElement("div");i.setAttribute("role","option"),i.dataset.sourceValue=e.getAttribute("value")||"",i.textContent=e.text,i.addEventListener("click",()=>{let n=this.closest("nav-ui");n&&n.select(e),this.#t.hidePopover()}),this.#t.appendChild(i)}this.appendChild(this.#t),this.#t.addEventListener("toggle",e=>{e.newState==="closed"&&(this.#e?.(),this.#e=null)})}for(let t of this.#t.querySelectorAll('[role="option"]')){let e=t.dataset.sourceValue;(e?this.querySelector(`:scope > nav-item-ui[value="${e}"]`):null)?.hasAttribute("selected")?(t.setAttribute("aria-current","page"),t.setAttribute("aria-selected","true")):(t.removeAttribute("aria-current"),t.removeAttribute("aria-selected"))}this.#t.showPopover(),this.#e?.(),this.#e=lt(this,this.#t,{placement:"right",gap:4})}disconnected(){this.#i?.removeEventListener("keydown",this.#s),this.#e?.(),this.#e=null,this.#t?.hidePopover?.()}};x("nav-group-ui",Eo);P();var Po=class extends w{static properties={text:{type:String,default:"",reflect:!0},icon:{type:String,default:"",reflect:!0},value:{type:String,default:"",reflect:!0},badge:{type:String,default:"",reflect:!0},selected:{type:Boolean,default:!1,reflect:!0},disabled:{type:Boolean,default:!1,reflect:!0},variant:{type:String,default:"",reflect:!0}};static template=()=>null;#t=t=>{if(this.disabled){t.preventDefault();return}this.closest("nav-ui")?.select?.(this),this.dispatchEvent(new CustomEvent("nav-select",{bubbles:!0,detail:{item:this,text:this.text,value:this.value}}))};#e=t=>{this.disabled||(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.#t(t))};connected(){this.setAttribute("role","link"),this.setAttribute("tabindex",this.disabled?"-1":"0"),this.querySelector('[slot="text"]')||(this.innerHTML=`
         <span slot="icon">${this.icon?`<icon-ui name="${this.icon}"></icon-ui>`:""}</span>
         <span slot="text">${this.text}</span>
         ${this.badge?`<span slot="badge">${this.badge}</span>`:""}