@editora/ui-core 0.1.19 → 0.1.21

package/dist/sidebar.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("./ElementBase-1b301e7f.js"),_={sm:{expanded:220,collapsed:64,min:168,max:300},md:{expanded:236,collapsed:72,min:180,max:320},lg:{expanded:268,collapsed:80,min:192,max:360}},z=new Set(["variant","size","density","tone","radius","item-radius","item-gap","item-padding-x","item-padding-y","item-height","item-font-size","item-line-height","section-label-transform","elevation","position","rail","headless"]),A=new Set(["width","min-width","max-width","collapsed-width","storage-key","auto-save"]),M=o=>`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("./ElementBase-EV6mVBUV.js"),y={sm:{expanded:220,collapsed:64,min:168,max:300},md:{expanded:236,collapsed:72,min:180,max:320},lg:{expanded:268,collapsed:80,min:192,max:360}},w=new Set(["variant","size","density","tone","radius","item-radius","item-gap","item-padding-x","item-padding-y","item-height","item-font-size","item-line-height","section-label-transform","elevation","position","rail","headless"]),_=new Set(["width","min-width","max-width","collapsed-width","storage-key","auto-save"]),M=o=>`
   <style>
     :host {
       --ui-sidebar-bg: var(--base-sidebar-bg, var(--color-panel-solid, var(--ui-color-surface, #ffffff)));
@@ -712,21 +712,21 @@
     }
   </style>
   ${o}
-`;function d(o){return o.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function y(o){if(!o)return null;const e=o.trim();return e?["none","sm","md","lg","full"].includes(e)?e:/^\d+(\.\d+)?$/.test(e)?`${e}px`:e:null}function g(o){if(!o)return null;const e=o.trim();return e?/^\d+(\.\d+)?$/.test(e)?`${e}px`:e:null}function C(o){return o==="sm"||o==="1"?"sm":o==="lg"||o==="3"?"lg":"md"}function l(o,e){if(!o)return e;const i=Number.parseFloat(String(o));return Number.isFinite(i)?i:e}function x(o){return o.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/(^-|-$)/g,"")||"item"}class E extends D.ElementBase{constructor(){super(...arguments),this._observer=null,this._resizeCleanup=null,this._responsiveCleanup=null,this._responsiveAutoCollapsed=!1,this._userCollapsePreference=!1,this._expanded=new Set,this._dragging=!1,this._lastExpandedWidth=0,this._handleSearchInput=e=>{const i=e.target;if(!i)return;const t=i.closest('[slot="search"]');if(!t||!this.contains(t))return;const r=typeof i.value=="string"?i.value:"";r?this.setAttribute("search-query",r):this.removeAttribute("search-query"),this.dispatchEvent(new CustomEvent("search-change",{detail:{query:r},bubbles:!0}))}}static get observedAttributes(){return["collapsed","collapsible","rail","resizable","position","value","items","variant","size","density","tone","show-icons","show-badges","item-radius","item-gap","item-padding-x","item-padding-y","item-height","item-font-size","item-line-height","section-label-transform","search-query","headless","width","min-width","max-width","collapsed-width","storage-key","auto-save","radius","elevation"]}connectedCallback(){super.connectedCallback(),this._observeLightDom(),this._bindResponsiveCollapse(),this.addEventListener("input",this._handleSearchInput,!0),this.addEventListener("change",this._handleSearchInput,!0)}disconnectedCallback(){var e,i,t;(e=this._observer)==null||e.disconnect(),this._observer=null,(i=this._resizeCleanup)==null||i.call(this),this._resizeCleanup=null,(t=this._responsiveCleanup)==null||t.call(this),this._responsiveCleanup=null,this.removeEventListener("input",this._handleSearchInput,!0),this.removeEventListener("change",this._handleSearchInput,!0),super.disconnectedCallback()}shouldRenderOnAttributeChange(e){return!(A.has(e)||z.has(e)||e==="collapsed"||e==="value"||e==="radius")}attributeChangedCallback(e,i,t){if(i!==t){if(e==="radius"&&this.isConnected){const r=y(t);if(r&&r!==t){this.setAttribute("radius",r);return}}if(this.isConnected){if(A.has(e)){this._applySizing();return}if(e==="radius"){this._applyRadius();return}if(e==="item-radius"||e==="item-gap"||e==="item-padding-x"||e==="item-padding-y"||e==="item-height"||e==="item-font-size"||e==="item-line-height"){this._applyItemMetrics();return}if(!z.has(e)){if(e==="collapsed"){this.hasAttribute("collapsed")&&this._expanded.clear(),this._applySizing(),this._syncExpandedDom();return}if(e==="value"){this._syncActiveDom();return}super.attributeChangedCallback(e,i,t)}}}}get value(){return this.getAttribute("value")||""}set value(e){e?this.setAttribute("value",e):this.removeAttribute("value")}collapse(){this.hasAttribute("collapsible")&&(this.hasAttribute("collapsed")||(this._userCollapsePreference=!0,this._lastExpandedWidth=this._currentExpandedWidth(),this.setAttribute("collapsed",""),this.dispatchEvent(new CustomEvent("toggle",{detail:{collapsed:!0},bubbles:!0})),this.dispatchEvent(new CustomEvent("collapse-change",{detail:{collapsed:!0},bubbles:!0}))))}expand(){this.hasAttribute("collapsible")&&this.hasAttribute("collapsed")&&(this._userCollapsePreference=!0,this.removeAttribute("collapsed"),this.dispatchEvent(new CustomEvent("toggle",{detail:{collapsed:!1},bubbles:!0})),this.dispatchEvent(new CustomEvent("collapse-change",{detail:{collapsed:!1},bubbles:!0})))}toggle(e){(typeof e=="boolean"?e:!this.hasAttribute("collapsed"))?this.collapse():this.expand()}render(){const e=this._buildSections(),i=!this.querySelector('[slot="header"]'),t=!this.querySelector('[slot="search"]'),r=!this.querySelector('[slot="footer"]'),s=!this.querySelector('[slot="promo"]'),a=`
+`;function d(o){return o.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function f(o){if(!o)return null;const e=o.trim();return e?["none","sm","md","lg","full"].includes(e)?e:/^\d+(\.\d+)?$/.test(e)?`${e}px`:e:null}function m(o){if(!o)return null;const e=o.trim();return e?/^\d+(\.\d+)?$/.test(e)?`${e}px`:e:null}function z(o){return o==="sm"||o==="1"?"sm":o==="lg"||o==="3"?"lg":"md"}function l(o,e){if(!o)return e;const i=Number.parseFloat(String(o));return Number.isFinite(i)?i:e}function v(o){return o.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/(^-|-$)/g,"")||"item"}class A extends D.ElementBase{constructor(){super(...arguments),this._observer=null,this._resizeCleanup=null,this._responsiveCleanup=null,this._responsiveAutoCollapsed=!1,this._userCollapsePreference=!1,this._expanded=new Set,this._dragging=!1,this._lastExpandedWidth=0,this._handleSearchInput=e=>{const i=e.target;if(!i)return;const r=i.closest('[slot="search"]');if(!r||!this.contains(r))return;const t=typeof i.value=="string"?i.value:"";t?this.setAttribute("search-query",t):this.removeAttribute("search-query"),this.dispatchEvent(new CustomEvent("search-change",{detail:{query:t},bubbles:!0}))}}static get observedAttributes(){return["collapsed","collapsible","rail","resizable","position","value","items","variant","size","density","tone","show-icons","show-badges","item-radius","item-gap","item-padding-x","item-padding-y","item-height","item-font-size","item-line-height","section-label-transform","search-query","headless","width","min-width","max-width","collapsed-width","storage-key","auto-save","radius","elevation"]}connectedCallback(){super.connectedCallback(),this._observeLightDom(),this._bindResponsiveCollapse(),this.addEventListener("input",this._handleSearchInput,!0),this.addEventListener("change",this._handleSearchInput,!0)}disconnectedCallback(){this._observer?.disconnect(),this._observer=null,this._resizeCleanup?.(),this._resizeCleanup=null,this._responsiveCleanup?.(),this._responsiveCleanup=null,this.removeEventListener("input",this._handleSearchInput,!0),this.removeEventListener("change",this._handleSearchInput,!0),super.disconnectedCallback()}shouldRenderOnAttributeChange(e){return!(_.has(e)||w.has(e)||e==="collapsed"||e==="value"||e==="radius")}attributeChangedCallback(e,i,r){if(i!==r){if(e==="radius"&&this.isConnected){const t=f(r);if(t&&t!==r){this.setAttribute("radius",t);return}}if(this.isConnected){if(_.has(e)){this._applySizing();return}if(e==="radius"){this._applyRadius();return}if(e==="item-radius"||e==="item-gap"||e==="item-padding-x"||e==="item-padding-y"||e==="item-height"||e==="item-font-size"||e==="item-line-height"){this._applyItemMetrics();return}if(!w.has(e)){if(e==="collapsed"){this.hasAttribute("collapsed")&&this._expanded.clear(),this._applySizing(),this._syncExpandedDom();return}if(e==="value"){this._syncActiveDom();return}super.attributeChangedCallback(e,i,r)}}}}get value(){return this.getAttribute("value")||""}set value(e){e?this.setAttribute("value",e):this.removeAttribute("value")}collapse(){this.hasAttribute("collapsible")&&(this.hasAttribute("collapsed")||(this._userCollapsePreference=!0,this._lastExpandedWidth=this._currentExpandedWidth(),this.setAttribute("collapsed",""),this.dispatchEvent(new CustomEvent("toggle",{detail:{collapsed:!0},bubbles:!0})),this.dispatchEvent(new CustomEvent("collapse-change",{detail:{collapsed:!0},bubbles:!0}))))}expand(){this.hasAttribute("collapsible")&&this.hasAttribute("collapsed")&&(this._userCollapsePreference=!0,this.removeAttribute("collapsed"),this.dispatchEvent(new CustomEvent("toggle",{detail:{collapsed:!1},bubbles:!0})),this.dispatchEvent(new CustomEvent("collapse-change",{detail:{collapsed:!1},bubbles:!0})))}toggle(e){(typeof e=="boolean"?e:!this.hasAttribute("collapsed"))?this.collapse():this.expand()}render(){const e=this._buildSections(),i=!this.querySelector('[slot="header"]'),r=!this.querySelector('[slot="search"]'),t=!this.querySelector('[slot="footer"]'),s=!this.querySelector('[slot="promo"]'),n=`
       <aside class="shell" part="shell">
         <div class="header-wrap" part="header" ${i?"hidden":""}><slot name="header"></slot></div>
-        <div class="search-wrap" part="search" ${t?"hidden":""}><slot name="search"></slot></div>
+        <div class="search-wrap" part="search" ${r?"hidden":""}><slot name="search"></slot></div>
         <nav class="nav" part="nav" aria-label="${d(this.getAttribute("aria-label")||"Sidebar")}">
           ${e}
         </nav>
         <div class="promo-wrap" part="promo" ${s?"hidden":""}><slot name="promo"></slot></div>
-        <div class="footer-wrap" part="footer" ${r?"hidden":""}><slot name="footer"></slot></div>
+        <div class="footer-wrap" part="footer" ${t?"hidden":""}><slot name="footer"></slot></div>
         <button class="resize-handle" part="resize-handle" type="button" aria-label="Resize sidebar"></button>
       </aside>
-    `;this.setContent(M(a)),this._applyItemMetrics(),this._applyRadius(),this._applySizing(),this._bindInteractions(),this._syncActiveDom(),this._syncExpandedDom()}_observeLightDom(){this._observer||(this._observer=new MutationObserver(e=>{e.some(i=>i.type==="childList"||i.type==="attributes"&&i.target.slot)&&this.requestRender()}),this._observer.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot","data-value","data-href","data-target","data-rel","data-section","data-active","data-badge","data-description","data-content-html","data-icon","data-tone","data-disabled"]}))}_buildSections(){const e=this._groupItems(this._filterItems(this._collectItems(),this.getAttribute("search-query")||""));return e.length?e.map(({label:i,items:t})=>`
+    `;this.setContent(M(n)),this._applyItemMetrics(),this._applyRadius(),this._applySizing(),this._bindInteractions(),this._syncActiveDom(),this._syncExpandedDom()}_observeLightDom(){this._observer||(this._observer=new MutationObserver(e=>{e.some(i=>i.type==="childList"||i.type==="attributes"&&i.target.slot)&&this.requestRender()}),this._observer.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot","data-value","data-href","data-target","data-rel","data-section","data-active","data-badge","data-description","data-content-html","data-icon","data-tone","data-disabled"]}))}_buildSections(){const e=this._groupItems(this._filterItems(this._collectItems(),this.getAttribute("search-query")||""));return e.length?e.map(({label:i,items:r})=>`
           <section class="section" part="section">
             ${i?`<div class="section-label" part="section-label">${d(i)}</div>`:""}
-            <div class="section-items">${t.map((s,a)=>this._renderItem(s,`${x(i||"general")}-${a}`)).join("")}</div>
+            <div class="section-items">${r.map((s,n)=>this._renderItem(s,`${v(i||"general")}-${n}`)).join("")}</div>
           </section>
         `).join(""):`
         <section class="section" part="section">
@@ -741,17 +741,17 @@
             </div>
           </div>
         </section>
-      `}_renderItem(e,i){const t=e.id||i,r=this.value?this.value===e.value:!!e.active,s=this._expanded.has(t),a=this.getAttribute("show-icons")!=="false",n=this.getAttribute("show-badges")!=="false",u=e.description?`<div class="item-description">${d(e.description)}</div>`:"",c=e.contentHtml?`<span class="copy custom-copy">${e.contentHtml}</span>`:`<span class="copy">
+      `}_renderItem(e,i){const r=e.id||i,t=this.value?this.value===e.value:!!e.active,s=this._expanded.has(r),n=this.getAttribute("show-icons")!=="false",a=this.getAttribute("show-badges")!=="false",c=e.description?`<div class="item-description">${d(e.description)}</div>`:"",u=e.contentHtml?`<span class="copy custom-copy">${e.contentHtml}</span>`:`<span class="copy">
             <span class="item-label">${d(e.label)}</span>
-            ${u}
-          </span>`,h=a?this._renderIcon(e):"",b=n&&e.badge?`<span class="badge" part="badge">${d(e.badge)}</span>`:"",p=e.children.length?'<span class="arrow-wrap" part="arrow" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M6 3.75L10.25 8L6 12.25" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg></span>':"",v=h?`<span class="icon-wrap" part="icon"><span class="icon">${h}</span></span>`:"",f=b||p?`<span class="end-wrap">${b?`<span class="meta">${b}</span>`:""}${p}</span>`:"",m=!!e.href&&!e.children.length,$=r?' aria-current="page" data-active="true"':"",k=e.disabled?' aria-disabled="true"':' aria-disabled="false"',I=e.tone&&e.tone!=="default"?` data-tone="${d(e.tone)}"`:"",S=m?` href="${d(e.href||"")}"`:"",P=m&&e.target?` target="${d(e.target)}"`:"",L=m&&e.rel?` rel="${d(e.rel)}"`:"",H=e.children.length?`<div class="submenu" part="submenu"><div class="submenu-inner">${e.children.map((W,T)=>this._renderItem(W,`${t}-${T}`)).join("")}</div></div>`:"",w=m?"a":"button",R=m?"":' type="button"';return`
-      <div class="item" data-item-id="${d(t)}" data-value="${d(e.value)}" ${s?'data-expanded="true"':""}>
-        <${w}
+            ${c}
+          </span>`,p=n?this._renderIcon(e):"",g=a&&e.badge?`<span class="badge" part="badge">${d(e.badge)}</span>`:"",b=e.children.length?'<span class="arrow-wrap" part="arrow" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M6 3.75L10.25 8L6 12.25" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg></span>':"",C=p?`<span class="icon-wrap" part="icon"><span class="icon">${p}</span></span>`:"",E=g||b?`<span class="end-wrap">${g?`<span class="meta">${g}</span>`:""}${b}</span>`:"",h=!!e.href&&!e.children.length,$=t?' aria-current="page" data-active="true"':"",k=e.disabled?' aria-disabled="true"':' aria-disabled="false"',I=e.tone&&e.tone!=="default"?` data-tone="${d(e.tone)}"`:"",S=h?` href="${d(e.href||"")}"`:"",P=h&&e.target?` target="${d(e.target)}"`:"",L=h&&e.rel?` rel="${d(e.rel)}"`:"",H=e.children.length?`<div class="submenu" part="submenu"><div class="submenu-inner">${e.children.map((W,T)=>this._renderItem(W,`${r}-${T}`)).join("")}</div></div>`:"",x=h?"a":"button",R=h?"":' type="button"';return`
+      <div class="item" data-item-id="${d(r)}" data-value="${d(e.value)}" ${s?'data-expanded="true"':""}>
+        <${x}
           class="item-button"
           part="item"
           ${R}
-          data-action="${e.children.length?"toggle":m?"navigate":"select"}"
-          data-item-id="${d(t)}"
+          data-action="${e.children.length?"toggle":h?"navigate":"select"}"
+          data-item-id="${d(r)}"
           data-value="${d(e.value)}"
           ${S}
           ${P}
@@ -760,10 +760,10 @@
           ${k}
           ${I}
         >
-          ${v}
-          ${c}
-          ${f}
-        </${w}>
+          ${C}
+          ${u}
+          ${E}
+        </${x}>
         ${H}
       </div>
-    `}_collectItems(){const e=this.getAttribute("items"),i=e?this._parseItems(e):this._parseSlottedItems();return this._normalizeItems(i)}_parseItems(e){try{const i=JSON.parse(e);return Array.isArray(i)?i:[]}catch{return[]}}_parseSlottedItems(){return Array.from(this.querySelectorAll('[slot="item"]')).map(e=>this._parseSlottedItem(e))}_parseSlottedItem(e){var r,s;let i=[];const t=e.dataset.children;if(t)try{const a=JSON.parse(t);Array.isArray(a)&&(i=a)}catch{i=[]}return{value:e.dataset.value||((r=e.textContent)==null?void 0:r.trim())||"item",label:e.dataset.label||((s=e.textContent)==null?void 0:s.trim())||e.dataset.value||"Item",href:e.dataset.href,target:e.dataset.target,rel:e.dataset.rel,icon:e.dataset.icon,iconHtml:e.dataset.iconHtml,contentHtml:e.dataset.contentHtml,badge:e.dataset.badge,description:e.dataset.description,section:e.dataset.section,disabled:e.hasAttribute("data-disabled"),active:e.hasAttribute("data-active"),tone:e.dataset.tone||"default",children:i}}_renderIcon(e){const i=String(e.iconHtml||"").trim();if(i)return i;const t=String(e.icon||"").trim();return t?d(t):""}_normalizeItems(e,i=0,t=""){return e.map((r,s)=>{var b,p,v,f;const a=((b=r.label)==null?void 0:b.trim())||((p=r.value)==null?void 0:p.trim())||`Item ${s+1}`,n=((v=r.value)==null?void 0:v.trim())||x(a),u=((f=r.section)==null?void 0:f.trim())||t||"",c=`${x(u||"nav")}-${x(n)}-${i}-${s}`,h=this._normalizeItems(r.children||[],i+1,u);return{...r,id:c,label:a,value:n,section:u,children:h,depth:i}})}_groupItems(e){const i=[],t=new Map;for(const r of e){const s=r.section||"",a=t.get(s);if(a){a.items.push(r);continue}const n={label:s,items:[r]};t.set(s,n),i.push(n)}return i}_filterItems(e,i){const t=i.trim().toLowerCase();return t?e.map(r=>{const s=[r.label,r.description,r.value,r.section].filter(Boolean).some(n=>String(n).toLowerCase().includes(t)),a=s?r.children:this._filterItems(r.children,t);return!s&&!a.length?null:{...r,children:a}}).filter(r=>!!r):e}_bindInteractions(){this.root.querySelectorAll(".item-button").forEach(i=>{i.onclick=t=>{const r=t.currentTarget,s=r.dataset.action,a=r.dataset.itemId||"",n=r.dataset.value||"";if(r.getAttribute("aria-disabled")!=="true"){if(s==="toggle"){t.preventDefault(),this._toggleExpanded(a);return}if(s==="navigate"){this._selectValue(n);return}t.preventDefault(),this._selectValue(n)}},i.onkeydown=t=>{const r=t.currentTarget,s=r.dataset.itemId||"",a=r.dataset.value||"";t.key==="ArrowRight"&&r.dataset.action==="toggle"?(t.preventDefault(),this._expanded.add(s),this._syncExpandedDom()):t.key==="ArrowLeft"?(t.preventDefault(),this._expanded.delete(s),this._syncExpandedDom()):(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),r.dataset.action==="toggle"?this._toggleExpanded(s):this._selectValue(a))}});const e=this.root.querySelector(".resize-handle");e&&(e.onkeydown=i=>this._handleResizeKey(i),e.onpointerdown=i=>this._startResize(i))}_toggleExpanded(e){this.hasAttribute("collapsed")||(this._expanded.has(e)?this._expanded.delete(e):this._expanded.add(e),this._syncExpandedDom())}_syncExpandedDom(){this.root.querySelectorAll(".item").forEach(e=>{const i=e.dataset.itemId||"";this._expanded.has(i)&&!this.hasAttribute("collapsed")?e.setAttribute("data-expanded","true"):e.removeAttribute("data-expanded")})}_selectValue(e){this.value=e;const i=this._flattenItems(this._collectItems()),t=i.findIndex(a=>a.value===e),r=i[t],s={index:t,value:e,label:(r==null?void 0:r.label)||e,item:r};this.dispatchEvent(new CustomEvent("select",{detail:s,bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{detail:s,bubbles:!0}))}_syncActiveDom(){const e=this.value;this.root.querySelectorAll(".item-button").forEach(i=>{e&&i.dataset.value===e?(i.setAttribute("data-active","true"),i.setAttribute("aria-current","page")):(i.removeAttribute("data-active"),i.removeAttribute("aria-current"))})}_flattenItems(e){return e.flatMap(i=>[i,...this._flattenItems(i.children)])}_applySizing(){const e=C(this.getAttribute("size")),i=_[e],t=l(this.getAttribute("width"),i.expanded),r=l(this.getAttribute("min-width"),i.min),s=l(this.getAttribute("max-width"),i.max),a=l(this.getAttribute("collapsed-width"),i.collapsed),n=this._restoreWidth(t),u=Math.min(Math.max(n,r),s),c=this.hasAttribute("collapsed")?a:u;this.style.setProperty("--ui-sidebar-width",`${u}px`),this.style.setProperty("--ui-sidebar-min-width",`${r}px`),this.style.setProperty("--ui-sidebar-max-width",`${s}px`),this.style.setProperty("--ui-sidebar-collapsed-width",`${a}px`),this.style.setProperty("--ui-sidebar-current-width",`${c}px`),this.style.setProperty("inline-size",`${c}px`)}_applyRadius(){const e=this.getAttribute("radius"),i=this.getAttribute("item-radius");if(!e||["none","sm","md","lg","full"].includes(e)){this.style.removeProperty("--ui-sidebar-radius"),i||this.style.removeProperty("--ui-sidebar-item-radius"),this.style.removeProperty("--ui-sidebar-promo-radius");return}const t=y(e)||e;this.style.setProperty("--ui-sidebar-radius",t),i||this.style.setProperty("--ui-sidebar-item-radius",t),this.style.setProperty("--ui-sidebar-promo-radius",t)}_applyItemMetrics(){const e=y(this.getAttribute("item-radius")),i=g(this.getAttribute("item-gap")),t=g(this.getAttribute("item-padding-x")),r=g(this.getAttribute("item-padding-y")),s=g(this.getAttribute("item-height")),a=g(this.getAttribute("item-font-size")),n=g(this.getAttribute("item-line-height"));this._setOptionalCssVar("--ui-sidebar-item-radius",e),this._setOptionalCssVar("--ui-sidebar-item-gap",i),this._setOptionalCssVar("--ui-sidebar-item-padding-x",t),this._setOptionalCssVar("--ui-sidebar-item-padding-y",r),this._setOptionalCssVar("--ui-sidebar-item-height",s),this._setOptionalCssVar("--ui-sidebar-item-font-size",a),this._setOptionalCssVar("--ui-sidebar-item-line-height",n)}_setOptionalCssVar(e,i){if(!i){this.style.removeProperty(e);return}this.style.setProperty(e,i)}_restoreWidth(e){if(!this.hasAttribute("auto-save"))return e;const i=this.getAttribute("storage-key");if(!i)return e;try{const t=window.localStorage.getItem(`ui-sidebar:${i}`);if(!t)return e;const r=Number.parseFloat(t);return Number.isFinite(r)?r:e}catch{return e}}_persistWidth(e){if(!this.hasAttribute("auto-save"))return;const i=this.getAttribute("storage-key");if(i)try{window.localStorage.setItem(`ui-sidebar:${i}`,`${e}`)}catch{}}_currentExpandedWidth(){const e=Number.parseFloat(this.style.getPropertyValue("--ui-sidebar-width"));return Number.isFinite(e)&&e>0?e:l(this.getAttribute("width"),_[C(this.getAttribute("size"))].expanded)}_bindResponsiveCollapse(){var t;if((t=this._responsiveCleanup)==null||t.call(this),this._responsiveCleanup=null,typeof window>"u"||typeof window.matchMedia!="function")return;const e=window.matchMedia("(max-width: 767px)"),i=()=>this._syncResponsiveCollapse(e.matches);typeof e.addEventListener=="function"?e.addEventListener("change",i):typeof e.addListener=="function"&&e.addListener(i),this._responsiveCleanup=()=>{typeof e.removeEventListener=="function"?e.removeEventListener("change",i):typeof e.removeListener=="function"&&e.removeListener(i)},i()}_syncResponsiveCollapse(e){if(this.hasAttribute("collapsible")){if(e){!this.hasAttribute("collapsed")&&!this._userCollapsePreference&&(this._responsiveAutoCollapsed=!0,this._lastExpandedWidth=this._currentExpandedWidth(),this.setAttribute("collapsed",""),this.dispatchEvent(new CustomEvent("toggle",{detail:{collapsed:!0,source:"responsive"},bubbles:!0})),this.dispatchEvent(new CustomEvent("collapse-change",{detail:{collapsed:!0,source:"responsive"},bubbles:!0})));return}this._responsiveAutoCollapsed&&!this._userCollapsePreference&&(this._responsiveAutoCollapsed=!1,this.hasAttribute("collapsed")&&(this.removeAttribute("collapsed"),this.dispatchEvent(new CustomEvent("toggle",{detail:{collapsed:!1,source:"responsive"},bubbles:!0})),this.dispatchEvent(new CustomEvent("collapse-change",{detail:{collapsed:!1,source:"responsive"},bubbles:!0}))))}}_emitWidthChange(e){const i={width:l(this.style.getPropertyValue("--ui-sidebar-width"),0),collapsedWidth:l(this.style.getPropertyValue("--ui-sidebar-collapsed-width"),0),minWidth:l(this.style.getPropertyValue("--ui-sidebar-min-width"),0),maxWidth:l(this.style.getPropertyValue("--ui-sidebar-max-width"),0),source:e};this.dispatchEvent(new CustomEvent("width-change",{detail:i,bubbles:!0}))}_handleResizeKey(e){const t=this.getAttribute("position")==="right"?-1:1,r=this._currentExpandedWidth(),s=l(this.style.getPropertyValue("--ui-sidebar-min-width"),r),a=l(this.style.getPropertyValue("--ui-sidebar-max-width"),r);let n=r;if(e.key==="ArrowRight")n=r+16*t;else if(e.key==="ArrowLeft")n=r-16*t;else if(e.key==="Home")n=s;else if(e.key==="End")n=a;else return;e.preventDefault(),n=Math.min(Math.max(n,s),a),this.style.setProperty("--ui-sidebar-width",`${n}px`),this.hasAttribute("collapsed")||(this.style.setProperty("--ui-sidebar-current-width",`${n}px`),this.style.setProperty("inline-size",`${n}px`)),this._persistWidth(n),this._emitWidthChange("keyboard")}_startResize(e){if(!this.hasAttribute("resizable"))return;e.preventDefault();const i=this.getAttribute("position")==="right",t=e.clientX,r=this._currentExpandedWidth(),s=l(this.style.getPropertyValue("--ui-sidebar-min-width"),r),a=l(this.style.getPropertyValue("--ui-sidebar-max-width"),r);this._dragging=!0,this.dispatchEvent(new CustomEvent("resize-start",{detail:{width:r},bubbles:!0}));const n=c=>{const h=c.clientX-t,b=i?r-h:r+h,p=Math.min(Math.max(b,s),a);this.style.setProperty("--ui-sidebar-width",`${p}px`),this.hasAttribute("collapsed")||(this.style.setProperty("--ui-sidebar-current-width",`${p}px`),this.style.setProperty("inline-size",`${p}px`)),this.dispatchEvent(new CustomEvent("resize",{detail:{width:p},bubbles:!0}))},u=()=>{if(!this._dragging)return;this._dragging=!1,window.removeEventListener("pointermove",n),window.removeEventListener("pointerup",u);const c=this._currentExpandedWidth();this._persistWidth(c),this._emitWidthChange("pointer"),this.dispatchEvent(new CustomEvent("resize-end",{detail:{width:c},bubbles:!0}))};window.addEventListener("pointermove",n),window.addEventListener("pointerup",u),this._resizeCleanup=()=>{window.removeEventListener("pointermove",n),window.removeEventListener("pointerup",u)}}}customElements.get("ui-sidebar")||customElements.define("ui-sidebar",E);exports.UISidebar=E;
+    `}_collectItems(){const e=this.getAttribute("items"),i=e?this._parseItems(e):this._parseSlottedItems();return this._normalizeItems(i)}_parseItems(e){try{const i=JSON.parse(e);return Array.isArray(i)?i:[]}catch{return[]}}_parseSlottedItems(){return Array.from(this.querySelectorAll('[slot="item"]')).map(e=>this._parseSlottedItem(e))}_parseSlottedItem(e){let i=[];const r=e.dataset.children;if(r)try{const t=JSON.parse(r);Array.isArray(t)&&(i=t)}catch{i=[]}return{value:e.dataset.value||e.textContent?.trim()||"item",label:e.dataset.label||e.textContent?.trim()||e.dataset.value||"Item",href:e.dataset.href,target:e.dataset.target,rel:e.dataset.rel,icon:e.dataset.icon,iconHtml:e.dataset.iconHtml,contentHtml:e.dataset.contentHtml,badge:e.dataset.badge,description:e.dataset.description,section:e.dataset.section,disabled:e.hasAttribute("data-disabled"),active:e.hasAttribute("data-active"),tone:e.dataset.tone||"default",children:i}}_renderIcon(e){const i=String(e.iconHtml||"").trim();if(i)return i;const r=String(e.icon||"").trim();return r?d(r):""}_normalizeItems(e,i=0,r=""){return e.map((t,s)=>{const n=t.label?.trim()||t.value?.trim()||`Item ${s+1}`,a=t.value?.trim()||v(n),c=t.section?.trim()||r||"",u=`${v(c||"nav")}-${v(a)}-${i}-${s}`,p=this._normalizeItems(t.children||[],i+1,c);return{...t,id:u,label:n,value:a,section:c,children:p,depth:i}})}_groupItems(e){const i=[],r=new Map;for(const t of e){const s=t.section||"",n=r.get(s);if(n){n.items.push(t);continue}const a={label:s,items:[t]};r.set(s,a),i.push(a)}return i}_filterItems(e,i){const r=i.trim().toLowerCase();return r?e.map(t=>{const s=[t.label,t.description,t.value,t.section].filter(Boolean).some(a=>String(a).toLowerCase().includes(r)),n=s?t.children:this._filterItems(t.children,r);return!s&&!n.length?null:{...t,children:n}}).filter(t=>!!t):e}_bindInteractions(){this.root.querySelectorAll(".item-button").forEach(i=>{i.onclick=r=>{const t=r.currentTarget,s=t.dataset.action,n=t.dataset.itemId||"",a=t.dataset.value||"";if(t.getAttribute("aria-disabled")!=="true"){if(s==="toggle"){r.preventDefault(),this._toggleExpanded(n);return}if(s==="navigate"){this._selectValue(a);return}r.preventDefault(),this._selectValue(a)}},i.onkeydown=r=>{const t=r.currentTarget,s=t.dataset.itemId||"",n=t.dataset.value||"";r.key==="ArrowRight"&&t.dataset.action==="toggle"?(r.preventDefault(),this._expanded.add(s),this._syncExpandedDom()):r.key==="ArrowLeft"?(r.preventDefault(),this._expanded.delete(s),this._syncExpandedDom()):(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),t.dataset.action==="toggle"?this._toggleExpanded(s):this._selectValue(n))}});const e=this.root.querySelector(".resize-handle");e&&(e.onkeydown=i=>this._handleResizeKey(i),e.onpointerdown=i=>this._startResize(i))}_toggleExpanded(e){this.hasAttribute("collapsed")||(this._expanded.has(e)?this._expanded.delete(e):this._expanded.add(e),this._syncExpandedDom())}_syncExpandedDom(){this.root.querySelectorAll(".item").forEach(e=>{const i=e.dataset.itemId||"";this._expanded.has(i)&&!this.hasAttribute("collapsed")?e.setAttribute("data-expanded","true"):e.removeAttribute("data-expanded")})}_selectValue(e){this.value=e;const i=this._flattenItems(this._collectItems()),r=i.findIndex(n=>n.value===e),t=i[r],s={index:r,value:e,label:t?.label||e,item:t};this.dispatchEvent(new CustomEvent("select",{detail:s,bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{detail:s,bubbles:!0}))}_syncActiveDom(){const e=this.value;this.root.querySelectorAll(".item-button").forEach(i=>{e&&i.dataset.value===e?(i.setAttribute("data-active","true"),i.setAttribute("aria-current","page")):(i.removeAttribute("data-active"),i.removeAttribute("aria-current"))})}_flattenItems(e){return e.flatMap(i=>[i,...this._flattenItems(i.children)])}_applySizing(){const e=z(this.getAttribute("size")),i=y[e],r=l(this.getAttribute("width"),i.expanded),t=l(this.getAttribute("min-width"),i.min),s=l(this.getAttribute("max-width"),i.max),n=l(this.getAttribute("collapsed-width"),i.collapsed),a=this._restoreWidth(r),c=Math.min(Math.max(a,t),s),u=this.hasAttribute("collapsed")?n:c;this.style.setProperty("--ui-sidebar-width",`${c}px`),this.style.setProperty("--ui-sidebar-min-width",`${t}px`),this.style.setProperty("--ui-sidebar-max-width",`${s}px`),this.style.setProperty("--ui-sidebar-collapsed-width",`${n}px`),this.style.setProperty("--ui-sidebar-current-width",`${u}px`),this.style.setProperty("inline-size",`${u}px`)}_applyRadius(){const e=this.getAttribute("radius"),i=this.getAttribute("item-radius");if(!e||["none","sm","md","lg","full"].includes(e)){this.style.removeProperty("--ui-sidebar-radius"),i||this.style.removeProperty("--ui-sidebar-item-radius"),this.style.removeProperty("--ui-sidebar-promo-radius");return}const r=f(e)||e;this.style.setProperty("--ui-sidebar-radius",r),i||this.style.setProperty("--ui-sidebar-item-radius",r),this.style.setProperty("--ui-sidebar-promo-radius",r)}_applyItemMetrics(){const e=f(this.getAttribute("item-radius")),i=m(this.getAttribute("item-gap")),r=m(this.getAttribute("item-padding-x")),t=m(this.getAttribute("item-padding-y")),s=m(this.getAttribute("item-height")),n=m(this.getAttribute("item-font-size")),a=m(this.getAttribute("item-line-height"));this._setOptionalCssVar("--ui-sidebar-item-radius",e),this._setOptionalCssVar("--ui-sidebar-item-gap",i),this._setOptionalCssVar("--ui-sidebar-item-padding-x",r),this._setOptionalCssVar("--ui-sidebar-item-padding-y",t),this._setOptionalCssVar("--ui-sidebar-item-height",s),this._setOptionalCssVar("--ui-sidebar-item-font-size",n),this._setOptionalCssVar("--ui-sidebar-item-line-height",a)}_setOptionalCssVar(e,i){if(!i){this.style.removeProperty(e);return}this.style.setProperty(e,i)}_restoreWidth(e){if(!this.hasAttribute("auto-save"))return e;const i=this.getAttribute("storage-key");if(!i)return e;try{const r=window.localStorage.getItem(`ui-sidebar:${i}`);if(!r)return e;const t=Number.parseFloat(r);return Number.isFinite(t)?t:e}catch{return e}}_persistWidth(e){if(!this.hasAttribute("auto-save"))return;const i=this.getAttribute("storage-key");if(i)try{window.localStorage.setItem(`ui-sidebar:${i}`,`${e}`)}catch{}}_currentExpandedWidth(){const e=Number.parseFloat(this.style.getPropertyValue("--ui-sidebar-width"));return Number.isFinite(e)&&e>0?e:l(this.getAttribute("width"),y[z(this.getAttribute("size"))].expanded)}_bindResponsiveCollapse(){if(this._responsiveCleanup?.(),this._responsiveCleanup=null,typeof window>"u"||typeof window.matchMedia!="function")return;const e=window.matchMedia("(max-width: 767px)"),i=()=>this._syncResponsiveCollapse(e.matches);typeof e.addEventListener=="function"?e.addEventListener("change",i):typeof e.addListener=="function"&&e.addListener(i),this._responsiveCleanup=()=>{typeof e.removeEventListener=="function"?e.removeEventListener("change",i):typeof e.removeListener=="function"&&e.removeListener(i)},i()}_syncResponsiveCollapse(e){if(this.hasAttribute("collapsible")){if(e){!this.hasAttribute("collapsed")&&!this._userCollapsePreference&&(this._responsiveAutoCollapsed=!0,this._lastExpandedWidth=this._currentExpandedWidth(),this.setAttribute("collapsed",""),this.dispatchEvent(new CustomEvent("toggle",{detail:{collapsed:!0,source:"responsive"},bubbles:!0})),this.dispatchEvent(new CustomEvent("collapse-change",{detail:{collapsed:!0,source:"responsive"},bubbles:!0})));return}this._responsiveAutoCollapsed&&!this._userCollapsePreference&&(this._responsiveAutoCollapsed=!1,this.hasAttribute("collapsed")&&(this.removeAttribute("collapsed"),this.dispatchEvent(new CustomEvent("toggle",{detail:{collapsed:!1,source:"responsive"},bubbles:!0})),this.dispatchEvent(new CustomEvent("collapse-change",{detail:{collapsed:!1,source:"responsive"},bubbles:!0}))))}}_emitWidthChange(e){const i={width:l(this.style.getPropertyValue("--ui-sidebar-width"),0),collapsedWidth:l(this.style.getPropertyValue("--ui-sidebar-collapsed-width"),0),minWidth:l(this.style.getPropertyValue("--ui-sidebar-min-width"),0),maxWidth:l(this.style.getPropertyValue("--ui-sidebar-max-width"),0),source:e};this.dispatchEvent(new CustomEvent("width-change",{detail:i,bubbles:!0}))}_handleResizeKey(e){const r=this.getAttribute("position")==="right"?-1:1,t=this._currentExpandedWidth(),s=l(this.style.getPropertyValue("--ui-sidebar-min-width"),t),n=l(this.style.getPropertyValue("--ui-sidebar-max-width"),t);let a=t;if(e.key==="ArrowRight")a=t+16*r;else if(e.key==="ArrowLeft")a=t-16*r;else if(e.key==="Home")a=s;else if(e.key==="End")a=n;else return;e.preventDefault(),a=Math.min(Math.max(a,s),n),this.style.setProperty("--ui-sidebar-width",`${a}px`),this.hasAttribute("collapsed")||(this.style.setProperty("--ui-sidebar-current-width",`${a}px`),this.style.setProperty("inline-size",`${a}px`)),this._persistWidth(a),this._emitWidthChange("keyboard")}_startResize(e){if(!this.hasAttribute("resizable"))return;e.preventDefault();const i=this.getAttribute("position")==="right",r=e.clientX,t=this._currentExpandedWidth(),s=l(this.style.getPropertyValue("--ui-sidebar-min-width"),t),n=l(this.style.getPropertyValue("--ui-sidebar-max-width"),t);this._dragging=!0,this.dispatchEvent(new CustomEvent("resize-start",{detail:{width:t},bubbles:!0}));const a=u=>{const p=u.clientX-r,g=i?t-p:t+p,b=Math.min(Math.max(g,s),n);this.style.setProperty("--ui-sidebar-width",`${b}px`),this.hasAttribute("collapsed")||(this.style.setProperty("--ui-sidebar-current-width",`${b}px`),this.style.setProperty("inline-size",`${b}px`)),this.dispatchEvent(new CustomEvent("resize",{detail:{width:b},bubbles:!0}))},c=()=>{if(!this._dragging)return;this._dragging=!1,window.removeEventListener("pointermove",a),window.removeEventListener("pointerup",c);const u=this._currentExpandedWidth();this._persistWidth(u),this._emitWidthChange("pointer"),this.dispatchEvent(new CustomEvent("resize-end",{detail:{width:u},bubbles:!0}))};window.addEventListener("pointermove",a),window.addEventListener("pointerup",c),this._resizeCleanup=()=>{window.removeEventListener("pointermove",a),window.removeEventListener("pointerup",c)}}}customElements.get("ui-sidebar")||customElements.define("ui-sidebar",A);exports.UISidebar=A;