@editora/ui-core 0.1.19 → 0.1.21

package/dist/aspect-ratio.esm.js

@@ -1,4 +1,4 @@
-import { E as o } from "./ElementBase-909688f3.mjs";
+import { E as o } from "./ElementBase-YlTLMsGk.mjs";
 const c = `
   :host {
     display: block;
@@ -273,11 +273,9 @@ const c = `
 `;
 function p(n) {
   const e = { width: 16, height: 9, ratio: 1.7777777777777777, padding: 56.25, text: "16/9" };
-  if (!n)
-    return e;
+  if (!n) return e;
   const t = n.trim();
-  if (!t)
-    return e;
+  if (!t) return e;
   const i = t.includes("/") ? t.split("/") : t.includes(":") ? t.split(":") : [];
   if (i.length === 2) {
     const r = Number(i[0]), a = Number(i[1]);
@@ -321,8 +319,7 @@ class d extends o {
     ];
   }
   _normalizeRadius(e) {
-    if (e == null)
-      return "var(--base-aspect-ratio-radius, var(--ui-radius, 4px))";
+    if (e == null) return "var(--base-aspect-ratio-radius, var(--ui-radius, 4px))";
     const t = e.trim().toLowerCase();
     return t ? t === "full" || t === "pill" ? "999px" : /^-?\d+(\.\d+)?$/.test(t) ? `${t}px` : e : "var(--base-aspect-ratio-radius, var(--ui-radius, 4px))";
   }

package/dist/avatar.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./ElementBase-1b301e7f.js"),f=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./ElementBase-EV6mVBUV.js"),f=`
   :host {
     display: inline-block;
     --ui-avatar-size: var(--base-avatar-size-md, 40px);

package/dist/avatar.esm.js

@@ -1,4 +1,4 @@
-import { E as g } from "./ElementBase-909688f3.mjs";
+import { E as g } from "./ElementBase-YlTLMsGk.mjs";
 const p = `
   :host {
     display: inline-block;
@@ -361,22 +361,18 @@ function l(r) {
   return a.length === 0 ? "?" : a.length === 1 ? a[0].slice(0, 2).toUpperCase() : `${a[0][0] || ""}${a[1][0] || ""}`.toUpperCase();
 }
 function v(r) {
-  if (!r)
-    return "";
+  if (!r) return "";
   const a = r.trim().toLowerCase();
   return a ? /^\d+(\.\d+)?$/.test(a) ? `${a}px` : a === "xs" ? "24px" : a === "sm" ? "30px" : a === "md" ? "36px" : a === "lg" ? "44px" : a === "xl" ? "56px" : a === "2xl" ? "64px" : r : "";
 }
 function c(r) {
-  if (!r)
-    return "";
+  if (!r) return "";
   const a = r.trim().toLowerCase();
   return a ? a === "full" || a === "pill" || a === "circle" ? "999px" : /^\d+(\.\d+)?$/.test(a) ? `${a}px` : r : "";
 }
 function f(r) {
-  if (r === "eager")
-    return "eager";
-  if (r === "lazy" || !r)
-    return "lazy";
+  if (r === "eager") return "eager";
+  if (r === "lazy" || !r) return "lazy";
   const a = r.toLowerCase();
   return a === "true" || a === "1" ? "eager" : "lazy";
 }
@@ -456,15 +452,13 @@ class m extends g {
     !this.hasAttribute("interactive") || this.hasAttribute("disabled") || a.key !== "Enter" && a.key !== " " || (a.preventDefault(), this.click());
   }
   _onImageLoad() {
-    if (this._imgLoaded && !this._imgFailed)
-      return;
+    if (this._imgLoaded && !this._imgFailed) return;
     this._imgLoaded = !0, this._imgFailed = !1, this.requestRender();
     const a = { src: this.getAttribute("src") || "" };
     this.dispatchEvent(new CustomEvent("avatar-load", { detail: a, bubbles: !0 })), this.dispatchEvent(new CustomEvent("load", { detail: a, bubbles: !0 }));
   }
   _onImageError() {
-    if (this._imgFailed)
-      return;
+    if (this._imgFailed) return;
     this._imgLoaded = !1, this._imgFailed = !0, this.requestRender();
     const a = { src: this.getAttribute("src") || "" };
     this.dispatchEvent(new CustomEvent("avatar-error", { detail: a, bubbles: !0 })), this.dispatchEvent(new CustomEvent("error", { detail: a, bubbles: !0 }));

package/dist/badge.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ElementBase-1b301e7f.js"),g=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ElementBase-EV6mVBUV.js"),g=`
   :host {
     display: inline-flex;
     --ui-badge-font-size: var(--base-badge-font-size, 12px);

package/dist/badge.esm.js

@@ -1,4 +1,4 @@
-import { E as l } from "./ElementBase-909688f3.mjs";
+import { E as l } from "./ElementBase-YlTLMsGk.mjs";
 const u = `
   :host {
     display: inline-flex;
@@ -412,8 +412,7 @@ function g(t) {
   return String(t).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 function o(t) {
-  if (!t)
-    return "";
+  if (!t) return "";
   const e = t.trim().toLowerCase();
   return e ? e === "none" ? "0px" : e === "sm" ? "8px" : e === "md" || e === "large" ? "12px" : e === "lg" ? "16px" : e === "full" || e === "pill" ? "9999px" : /^\d+(\.\d+)?$/.test(e) ? `${e}px` : t : "";
 }
@@ -508,14 +507,12 @@ class c extends l {
     this._removeBtn && (this._removeBtn.removeEventListener("click", this._onRemoveClick), this._removeBtn = null);
   }
   _onHostKeyDown(e) {
-    if (!this.hasAttribute("interactive") || this.hasAttribute("disabled"))
-      return;
+    if (!this.hasAttribute("interactive") || this.hasAttribute("disabled")) return;
     const i = e.target;
     i && typeof i.closest == "function" && i.closest(".remove-btn") || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), this.click());
   }
   _onRemoveClick(e) {
-    if (e.preventDefault(), e.stopPropagation(), this.hasAttribute("disabled") || this.getAttribute("state") === "loading")
-      return;
+    if (e.preventDefault(), e.stopPropagation(), this.hasAttribute("disabled") || this.getAttribute("state") === "loading") return;
     const i = {
       text: this._lastLabelText,
       source: "button"

package/dist/block-controls.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("./ElementBase-1b301e7f.js"),v=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("./ElementBase-EV6mVBUV.js"),v=`
   :host {
     display: inline-flex;
     min-inline-size: 0;
@@ -331,7 +331,7 @@
       box-shadow: none;
     }
   }
-`,u=["button:not([disabled])","a[href]",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])','[role="button"]','[role="menuitem"]'].join(", ");function m(i){return String(i).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function f(i){if(!i)return"";const o=i.trim().toLowerCase();return o?o==="none"?"0px":o==="sm"?"8px":o==="md"||o==="large"?"12px":o==="lg"?"16px":o==="full"||o==="pill"?"9999px":/^\d+(\.\d+)?$/.test(o)?`${o}px`:i:""}function b(i){if(i.hasAttribute("disabled"))return!0;const o=i.getAttribute("aria-disabled");return o==="true"||o==="1"}function d(i){return i.hidden||i.getAttribute("aria-hidden")==="true"||i.closest('[hidden], [aria-hidden="true"]')?!0:i.getClientRects().length===0}function y(i){if(!(i instanceof HTMLElement))return!1;if(i.isContentEditable||i.closest('[contenteditable="true"], textarea, select, [role="textbox"]'))return!0;const o=i.closest("input");if(!o)return!1;const t=(o.type||"").toLowerCase();return!["button","submit","reset","checkbox","radio"].includes(t)}class g extends k.ElementBase{constructor(){super(),this._slots=[],this._onKeyDown=this._onKeyDown.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["orientation","headless","density","size","variant","tone","state","elevation","radius","wrap","loop","no-loop","disabled","active-index","aria-label"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("focusin",this._onFocusIn),this._syncBusyState(),this._syncDisabledState();const o=f(this.getAttribute("radius"));o&&this.style.setProperty("--ui-block-controls-radius",o)}disconnectedCallback(){this.root.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("focusin",this._onFocusIn),this._detachSlotListeners(),super.disconnectedCallback()}attributeChangedCallback(o,t,e){if(t!==e){if(o==="disabled"&&this._syncDisabledState(),o==="state"&&this._syncBusyState(),o==="active-index"&&this._applyRovingTabIndex(),o==="radius"){const r=f(e);r?this.style.setProperty("--ui-block-controls-radius",r):this.style.removeProperty("--ui-block-controls-radius")}this.isConnected&&["orientation","headless","aria-label"].includes(o)&&this.requestRender()}}_orientation(){return this.getAttribute("orientation")==="vertical"?"vertical":"horizontal"}_direction(){const o=this.getAttribute("dir");if(o==="rtl"||o==="ltr")return o;const t=this.closest("[dir]"),e=t==null?void 0:t.getAttribute("dir");return e==="rtl"||e==="ltr"?e:getComputedStyle(this).direction==="rtl"?"rtl":"ltr"}_loops(){return!this.hasAttribute("no-loop")}_syncBusyState(){this.getAttribute("state")==="loading"?this.setAttribute("aria-busy","true"):this.removeAttribute("aria-busy")}_syncDisabledState(){this.hasAttribute("disabled")?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}_resolveFocusable(o){if(!o||b(o)||d(o)||o.hasAttribute("data-separator")||o.tagName.toLowerCase()==="hr")return null;if(o.matches(u)||o.tabIndex>=0)return o;const t=o.shadowRoot,e=t==null?void 0:t.querySelector(u);if(e&&!b(e)&&!d(e))return e;const r=o.querySelector(u);return r&&!b(r)&&!d(r)?r:null}_focusEntries(){const o=this._slots;if(o.length===0)return[];const t=o.flatMap(n=>n.assignedElements({flatten:!0})),e=new Set,r=[];return t.forEach(n=>{const a=this._resolveFocusable(n);!a||e.has(a)||(e.add(a),r.push({root:n,focusTarget:a}))}),r}_parseActiveIndex(o){const t=Number(this.getAttribute("active-index")||"");return!Number.isFinite(t)||o<=0||t<0?0:t>o-1?o-1:Math.floor(t)}_applyRovingTabIndex(o){const t=this._focusEntries();if(t.length===0)return;if(this.hasAttribute("disabled")){t.forEach(r=>r.focusTarget.setAttribute("tabindex","-1"));return}let e=t.findIndex(r=>r.focusTarget===o);e<0&&(e=t.findIndex(r=>r.focusTarget.getAttribute("tabindex")==="0")),e<0&&(e=this._parseActiveIndex(t.length)),t.forEach((r,n)=>{r.focusTarget.setAttribute("tabindex",n===e?"0":"-1")})}_attachSlotListeners(){this._detachSlotListeners(),this._slots=Array.from(this.root.querySelectorAll("slot")),this._slots.forEach(o=>o.addEventListener("slotchange",this._onSlotChange))}_detachSlotListeners(){this._slots.forEach(o=>o.removeEventListener("slotchange",this._onSlotChange)),this._slots=[]}_onSlotChange(){this._applyRovingTabIndex()}_onFocusIn(o){const t=o.target;if(!t)return;const r=this._focusEntries().find(n=>t===n.focusTarget||n.root.contains(t));r&&this._applyRovingTabIndex(r.focusTarget)}_onKeyDown(o){if(this.hasAttribute("disabled")||o.defaultPrevented||o.altKey||o.ctrlKey||o.metaKey||y(o.target))return;const t=this._focusEntries();if(t.length<2)return;const e=o.composedPath(),r=t.findIndex(p=>e.includes(p.root)||e.includes(p.focusTarget));if(r<0)return;const n=this._orientation()==="horizontal",a=this._direction()==="rtl",x=this._loops();let s=r,l=!1;if(n?o.key==="ArrowRight"?(s=a?r-1:r+1,l=!0):o.key==="ArrowLeft"&&(s=a?r+1:r-1,l=!0):o.key==="ArrowDown"?(s=r+1,l=!0):o.key==="ArrowUp"&&(s=r-1,l=!0),o.key==="Home"?(s=0,l=!0):o.key==="End"&&(s=t.length-1,l=!0),!l)return;if(x?s=(s+t.length)%t.length:(s<0&&(s=0),s>t.length-1&&(s=t.length-1)),s===r){o.preventDefault();return}o.preventDefault();const c=t[s].focusTarget;this._applyRovingTabIndex(c);try{c.focus({preventScroll:!0})}catch{c.focus()}const h={fromIndex:r,toIndex:s,total:t.length,key:o.key,orientation:this._orientation()};this.dispatchEvent(new CustomEvent("ui-navigate",{detail:h,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("navigate",{detail:h,bubbles:!0,composed:!0}))}render(){const o=this._orientation(),t=m(this.getAttribute("aria-label")||"Block controls"),e=this.getAttribute("state")==="loading"?"true":"false",r=this.hasAttribute("disabled")?"true":"false";this.setContent(`
+`,u=["button:not([disabled])","a[href]",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])','[role="button"]','[role="menuitem"]'].join(", ");function m(i){return String(i).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function f(i){if(!i)return"";const o=i.trim().toLowerCase();return o?o==="none"?"0px":o==="sm"?"8px":o==="md"||o==="large"?"12px":o==="lg"?"16px":o==="full"||o==="pill"?"9999px":/^\d+(\.\d+)?$/.test(o)?`${o}px`:i:""}function b(i){if(i.hasAttribute("disabled"))return!0;const o=i.getAttribute("aria-disabled");return o==="true"||o==="1"}function d(i){return i.hidden||i.getAttribute("aria-hidden")==="true"||i.closest('[hidden], [aria-hidden="true"]')?!0:i.getClientRects().length===0}function y(i){if(!(i instanceof HTMLElement))return!1;if(i.isContentEditable||i.closest('[contenteditable="true"], textarea, select, [role="textbox"]'))return!0;const o=i.closest("input");if(!o)return!1;const t=(o.type||"").toLowerCase();return!["button","submit","reset","checkbox","radio"].includes(t)}class g extends k.ElementBase{constructor(){super(),this._slots=[],this._onKeyDown=this._onKeyDown.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["orientation","headless","density","size","variant","tone","state","elevation","radius","wrap","loop","no-loop","disabled","active-index","aria-label"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("focusin",this._onFocusIn),this._syncBusyState(),this._syncDisabledState();const o=f(this.getAttribute("radius"));o&&this.style.setProperty("--ui-block-controls-radius",o)}disconnectedCallback(){this.root.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("focusin",this._onFocusIn),this._detachSlotListeners(),super.disconnectedCallback()}attributeChangedCallback(o,t,e){if(t!==e){if(o==="disabled"&&this._syncDisabledState(),o==="state"&&this._syncBusyState(),o==="active-index"&&this._applyRovingTabIndex(),o==="radius"){const r=f(e);r?this.style.setProperty("--ui-block-controls-radius",r):this.style.removeProperty("--ui-block-controls-radius")}this.isConnected&&["orientation","headless","aria-label"].includes(o)&&this.requestRender()}}_orientation(){return this.getAttribute("orientation")==="vertical"?"vertical":"horizontal"}_direction(){const o=this.getAttribute("dir");if(o==="rtl"||o==="ltr")return o;const e=this.closest("[dir]")?.getAttribute("dir");return e==="rtl"||e==="ltr"?e:getComputedStyle(this).direction==="rtl"?"rtl":"ltr"}_loops(){return!this.hasAttribute("no-loop")}_syncBusyState(){this.getAttribute("state")==="loading"?this.setAttribute("aria-busy","true"):this.removeAttribute("aria-busy")}_syncDisabledState(){this.hasAttribute("disabled")?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}_resolveFocusable(o){if(!o||b(o)||d(o)||o.hasAttribute("data-separator")||o.tagName.toLowerCase()==="hr")return null;if(o.matches(u)||o.tabIndex>=0)return o;const e=o.shadowRoot?.querySelector(u);if(e&&!b(e)&&!d(e))return e;const r=o.querySelector(u);return r&&!b(r)&&!d(r)?r:null}_focusEntries(){const o=this._slots;if(o.length===0)return[];const t=o.flatMap(n=>n.assignedElements({flatten:!0})),e=new Set,r=[];return t.forEach(n=>{const a=this._resolveFocusable(n);!a||e.has(a)||(e.add(a),r.push({root:n,focusTarget:a}))}),r}_parseActiveIndex(o){const t=Number(this.getAttribute("active-index")||"");return!Number.isFinite(t)||o<=0||t<0?0:t>o-1?o-1:Math.floor(t)}_applyRovingTabIndex(o){const t=this._focusEntries();if(t.length===0)return;if(this.hasAttribute("disabled")){t.forEach(r=>r.focusTarget.setAttribute("tabindex","-1"));return}let e=t.findIndex(r=>r.focusTarget===o);e<0&&(e=t.findIndex(r=>r.focusTarget.getAttribute("tabindex")==="0")),e<0&&(e=this._parseActiveIndex(t.length)),t.forEach((r,n)=>{r.focusTarget.setAttribute("tabindex",n===e?"0":"-1")})}_attachSlotListeners(){this._detachSlotListeners(),this._slots=Array.from(this.root.querySelectorAll("slot")),this._slots.forEach(o=>o.addEventListener("slotchange",this._onSlotChange))}_detachSlotListeners(){this._slots.forEach(o=>o.removeEventListener("slotchange",this._onSlotChange)),this._slots=[]}_onSlotChange(){this._applyRovingTabIndex()}_onFocusIn(o){const t=o.target;if(!t)return;const r=this._focusEntries().find(n=>t===n.focusTarget||n.root.contains(t));r&&this._applyRovingTabIndex(r.focusTarget)}_onKeyDown(o){if(this.hasAttribute("disabled")||o.defaultPrevented||o.altKey||o.ctrlKey||o.metaKey||y(o.target))return;const t=this._focusEntries();if(t.length<2)return;const e=o.composedPath(),r=t.findIndex(p=>e.includes(p.root)||e.includes(p.focusTarget));if(r<0)return;const n=this._orientation()==="horizontal",a=this._direction()==="rtl",x=this._loops();let s=r,l=!1;if(n?o.key==="ArrowRight"?(s=a?r-1:r+1,l=!0):o.key==="ArrowLeft"&&(s=a?r+1:r-1,l=!0):o.key==="ArrowDown"?(s=r+1,l=!0):o.key==="ArrowUp"&&(s=r-1,l=!0),o.key==="Home"?(s=0,l=!0):o.key==="End"&&(s=t.length-1,l=!0),!l)return;if(x?s=(s+t.length)%t.length:(s<0&&(s=0),s>t.length-1&&(s=t.length-1)),s===r){o.preventDefault();return}o.preventDefault();const c=t[s].focusTarget;this._applyRovingTabIndex(c);try{c.focus({preventScroll:!0})}catch{c.focus()}const h={fromIndex:r,toIndex:s,total:t.length,key:o.key,orientation:this._orientation()};this.dispatchEvent(new CustomEvent("ui-navigate",{detail:h,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("navigate",{detail:h,bubbles:!0,composed:!0}))}render(){const o=this._orientation(),t=m(this.getAttribute("aria-label")||"Block controls"),e=this.getAttribute("state")==="loading"?"true":"false",r=this.hasAttribute("disabled")?"true":"false";this.setContent(`
       <style>${v}</style>
       <div
         class="toolbar"

package/dist/block-controls.esm.js

@@ -1,4 +1,4 @@
-import { E as x } from "./ElementBase-909688f3.mjs";
+import { E as x } from "./ElementBase-YlTLMsGk.mjs";
 const k = `
   :host {
     display: inline-flex;
@@ -346,14 +346,12 @@ function v(i) {
   return String(i).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 function f(i) {
-  if (!i)
-    return "";
+  if (!i) return "";
   const o = i.trim().toLowerCase();
   return o ? o === "none" ? "0px" : o === "sm" ? "8px" : o === "md" || o === "large" ? "12px" : o === "lg" ? "16px" : o === "full" || o === "pill" ? "9999px" : /^\d+(\.\d+)?$/.test(o) ? `${o}px` : i : "";
 }
 function b(i) {
-  if (i.hasAttribute("disabled"))
-    return !0;
+  if (i.hasAttribute("disabled")) return !0;
   const o = i.getAttribute("aria-disabled");
   return o === "true" || o === "1";
 }
@@ -361,13 +359,10 @@ function d(i) {
   return i.hidden || i.getAttribute("aria-hidden") === "true" || i.closest('[hidden], [aria-hidden="true"]') ? !0 : i.getClientRects().length === 0;
 }
 function m(i) {
-  if (!(i instanceof HTMLElement))
-    return !1;
-  if (i.isContentEditable || i.closest('[contenteditable="true"], textarea, select, [role="textbox"]'))
-    return !0;
+  if (!(i instanceof HTMLElement)) return !1;
+  if (i.isContentEditable || i.closest('[contenteditable="true"], textarea, select, [role="textbox"]')) return !0;
   const o = i.closest("input");
-  if (!o)
-    return !1;
+  if (!o) return !1;
   const t = (o.type || "").toLowerCase();
   return !["button", "submit", "reset", "checkbox", "radio"].includes(t);
 }
@@ -416,9 +411,8 @@ class y extends x {
   }
   _direction() {
     const o = this.getAttribute("dir");
-    if (o === "rtl" || o === "ltr")
-      return o;
-    const t = this.closest("[dir]"), e = t == null ? void 0 : t.getAttribute("dir");
+    if (o === "rtl" || o === "ltr") return o;
+    const e = this.closest("[dir]")?.getAttribute("dir");
     return e === "rtl" || e === "ltr" ? e : getComputedStyle(this).direction === "rtl" ? "rtl" : "ltr";
   }
   _loops() {
@@ -431,20 +425,16 @@ class y extends x {
     this.hasAttribute("disabled") ? this.setAttribute("aria-disabled", "true") : this.removeAttribute("aria-disabled");
   }
   _resolveFocusable(o) {
-    if (!o || b(o) || d(o) || o.hasAttribute("data-separator") || o.tagName.toLowerCase() === "hr")
-      return null;
-    if (o.matches(u) || o.tabIndex >= 0)
-      return o;
-    const t = o.shadowRoot, e = t == null ? void 0 : t.querySelector(u);
-    if (e && !b(e) && !d(e))
-      return e;
+    if (!o || b(o) || d(o) || o.hasAttribute("data-separator") || o.tagName.toLowerCase() === "hr") return null;
+    if (o.matches(u) || o.tabIndex >= 0) return o;
+    const e = o.shadowRoot?.querySelector(u);
+    if (e && !b(e) && !d(e)) return e;
     const r = o.querySelector(u);
     return r && !b(r) && !d(r) ? r : null;
   }
   _focusEntries() {
     const o = this._slots;
-    if (o.length === 0)
-      return [];
+    if (o.length === 0) return [];
     const t = o.flatMap((n) => n.assignedElements({ flatten: !0 })), e = /* @__PURE__ */ new Set(), r = [];
     return t.forEach((n) => {
       const a = this._resolveFocusable(n);
@@ -457,8 +447,7 @@ class y extends x {
   }
   _applyRovingTabIndex(o) {
     const t = this._focusEntries();
-    if (t.length === 0)
-      return;
+    if (t.length === 0) return;
     if (this.hasAttribute("disabled")) {
       t.forEach((r) => r.focusTarget.setAttribute("tabindex", "-1"));
       return;
@@ -479,24 +468,19 @@ class y extends x {
   }
   _onFocusIn(o) {
     const t = o.target;
-    if (!t)
-      return;
+    if (!t) return;
     const r = this._focusEntries().find((n) => t === n.focusTarget || n.root.contains(t));
     r && this._applyRovingTabIndex(r.focusTarget);
   }
   _onKeyDown(o) {
-    if (this.hasAttribute("disabled") || o.defaultPrevented || o.altKey || o.ctrlKey || o.metaKey || m(o.target))
-      return;
+    if (this.hasAttribute("disabled") || o.defaultPrevented || o.altKey || o.ctrlKey || o.metaKey || m(o.target)) return;
     const t = this._focusEntries();
-    if (t.length < 2)
-      return;
+    if (t.length < 2) return;
     const e = o.composedPath(), r = t.findIndex((p) => e.includes(p.root) || e.includes(p.focusTarget));
-    if (r < 0)
-      return;
+    if (r < 0) return;
     const n = this._orientation() === "horizontal", a = this._direction() === "rtl", g = this._loops();
     let s = r, l = !1;
-    if (n ? o.key === "ArrowRight" ? (s = a ? r - 1 : r + 1, l = !0) : o.key === "ArrowLeft" && (s = a ? r + 1 : r - 1, l = !0) : o.key === "ArrowDown" ? (s = r + 1, l = !0) : o.key === "ArrowUp" && (s = r - 1, l = !0), o.key === "Home" ? (s = 0, l = !0) : o.key === "End" && (s = t.length - 1, l = !0), !l)
-      return;
+    if (n ? o.key === "ArrowRight" ? (s = a ? r - 1 : r + 1, l = !0) : o.key === "ArrowLeft" && (s = a ? r + 1 : r - 1, l = !0) : o.key === "ArrowDown" ? (s = r + 1, l = !0) : o.key === "ArrowUp" && (s = r - 1, l = !0), o.key === "Home" ? (s = 0, l = !0) : o.key === "End" && (s = t.length - 1, l = !0), !l) return;
     if (g ? s = (s + t.length) % t.length : (s < 0 && (s = 0), s > t.length - 1 && (s = t.length - 1)), s === r) {
       o.preventDefault();
       return;

package/dist/box.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("./ElementBase-1b301e7f.js"),w={sm:"var(--ui-breakpoint-sm, 640px)",md:"var(--ui-breakpoint-md, 768px)",lg:"var(--ui-breakpoint-lg, 1024px)",xl:"var(--ui-breakpoint-xl, 1280px)"},d=["p","px","py","pt","pr","pb","pl","m","mx","my","mt","mr","mb","ml","width","w","minwidth","minw","maxwidth","maxw","height","h","minheight","minh","maxheight","maxh","background","bg","color","opacity","overflow","overflowx","overflowy","zindex","display","position","inset","top","right","bottom","left","justify","align","alignself","aligncontent","flexbasis","flexgrow","flexshrink","gap","rowgap","columngap","gridarea","gridcolumn","gridcolumnstart","gridcolumnend","gridrow","gridrowstart","gridrowend"],_={none:"0",xxs:"var(--ui-space-2xs, 2px)",xs:"var(--ui-space-xs, 4px)",sm:"var(--ui-space-sm, 8px)",md:"var(--ui-space-md, 12px)",lg:"var(--ui-space-lg, 20px)",xl:"var(--ui-space-xl, 28px)","2xl":"var(--ui-space-2xl, 40px)"},A=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("./ElementBase-EV6mVBUV.js"),w={sm:"var(--ui-breakpoint-sm, 640px)",md:"var(--ui-breakpoint-md, 768px)",lg:"var(--ui-breakpoint-lg, 1024px)",xl:"var(--ui-breakpoint-xl, 1280px)"},d=["p","px","py","pt","pr","pb","pl","m","mx","my","mt","mr","mb","ml","width","w","minwidth","minw","maxwidth","maxw","height","h","minheight","minh","maxheight","maxh","background","bg","color","opacity","overflow","overflowx","overflowy","zindex","display","position","inset","top","right","bottom","left","justify","align","alignself","aligncontent","flexbasis","flexgrow","flexshrink","gap","rowgap","columngap","gridarea","gridcolumn","gridcolumnstart","gridcolumnend","gridrow","gridrowstart","gridrowend"],_={none:"0",xxs:"var(--ui-space-2xs, 2px)",xs:"var(--ui-space-xs, 4px)",sm:"var(--ui-space-sm, 8px)",md:"var(--ui-space-md, 12px)",lg:"var(--ui-space-lg, 20px)",xl:"var(--ui-space-xl, 28px)","2xl":"var(--ui-space-2xl, 40px)"},A=`
   :host {
     --ui-box-bg: transparent;
     --ui-box-color: inherit;

package/dist/box.esm.js

@@ -1,4 +1,4 @@
-import { E as v } from "./ElementBase-909688f3.mjs";
+import { E as v } from "./ElementBase-YlTLMsGk.mjs";
 const y = {
   sm: "var(--ui-breakpoint-sm, 640px)",
   md: "var(--ui-breakpoint-md, 768px)",
@@ -297,15 +297,12 @@ const y = {
   }
 `;
 function f(i) {
-  if (!i)
-    return null;
+  if (!i) return null;
   const t = i.trim();
-  if (!t.startsWith("{"))
-    return null;
+  if (!t.startsWith("{")) return null;
   try {
     const r = JSON.parse(t);
-    if (!r || typeof r != "object")
-      return null;
+    if (!r || typeof r != "object") return null;
     const a = {};
     return Object.keys(r).forEach((s) => {
       const n = r[s];
@@ -323,8 +320,7 @@ function e(i) {
   return w[i] || i;
 }
 function h(i) {
-  if (!i)
-    return "";
+  if (!i) return "";
   const t = i.trim().toLowerCase();
   return t ? t === "none" ? "0px" : t === "sm" ? "8px" : t === "md" ? "12px" : t === "lg" ? "18px" : t === "xl" ? "24px" : t === "full" ? "9999px" : /^\d+(\.\d+)?$/.test(t) ? `${t}px` : i : "";
 }
@@ -333,8 +329,7 @@ function l(i, t) {
 }
 function p(i, t) {
   const r = A(t);
-  if (!r)
-    return {};
+  if (!r) return {};
   switch (i) {
     case "p":
       return { padding: e(r) };
@@ -505,8 +500,7 @@ class k extends v {
   _applyInlineStyles() {
     this._appliedInlineProps.forEach((t) => this.style.removeProperty(t)), this._appliedInlineProps.clear(), d.forEach((t) => {
       const r = this.getAttribute(t);
-      if (!r || f(r))
-        return;
+      if (!r || f(r)) return;
       const a = p(t, r);
       Object.entries(a).forEach(([s, n]) => {
         n && (this.style.setProperty(s, n), this._appliedInlineProps.add(s));
@@ -522,8 +516,7 @@ class k extends v {
     };
     d.forEach((c) => {
       const b = this.getAttribute(c), o = f(b);
-      if (!o)
-        return;
+      if (!o) return;
       const u = (x, m) => {
         const g = p(c, m);
         Object.assign(x, g);

package/dist/breadcrumb.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("./ElementBase-1b301e7f.js"),A=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("./ElementBase-EV6mVBUV.js"),A=`
   :host {
     display: block;
     --ui-breadcrumb-gap: var(--base-breadcrumb-gap, 8px);
@@ -276,7 +276,7 @@
       --ui-breadcrumb-separator-bg: CanvasText;
     }
   }
-`;function v(n){if(!n)return"";const e=n.trim().toLowerCase();return e?e==="none"?"0px":e==="sm"?"8px":e==="md"?"12px":e==="lg"?"16px":e==="full"?"9999px":/^\d+(\.\d+)?$/.test(e)?`${e}px`:n:""}function k(n){if(!n)return"";const e=n.trim().toLowerCase();return e==="1"?"sm":e==="2"?"md":e==="3"?"lg":e==="sm"||e==="md"||e==="lg"?e:""}function b(n){return String(n).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function h(n){if(n==null)return!1;const e=n.trim().toLowerCase();return e===""||e==="true"||e==="1"||e==="yes"}function S(n){return h(n.getAttribute("disabled"))||h(n.getAttribute("data-disabled"))||n.getAttribute("aria-disabled")==="true"}function C(n){const e=n.getAttribute("aria-current");return e&&e!=="false"?!0:h(n.getAttribute("current"))||h(n.getAttribute("data-current"))}class x extends _.ElementBase{constructor(){super(),this._slots=[],this._onRootClick=this._onRootClick.bind(this),this._onRootKeyDown=this._onRootKeyDown.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["separator","max-items","current-index","size","variant","radius","elevation","tone","state","disabled","aria-label","headless"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onRootClick),this.root.addEventListener("keydown",this._onRootKeyDown),this._syncBusyState(),this._syncDisabledState(),this._syncSizeState();const e=v(this.getAttribute("radius"));e&&this.style.setProperty("--ui-breadcrumb-radius",e)}disconnectedCallback(){this.root.removeEventListener("click",this._onRootClick),this.root.removeEventListener("keydown",this._onRootKeyDown),this._detachSlotListeners(),super.disconnectedCallback()}attributeChangedCallback(e,i,r){if(i!==r){if(e==="state"&&this._syncBusyState(),e==="disabled"&&this._syncDisabledState(),e==="size"&&this._syncSizeState(),e==="radius"){const t=v(r);t?this.style.setProperty("--ui-breadcrumb-radius",t):this.style.removeProperty("--ui-breadcrumb-radius")}this.isConnected&&this.shouldRenderOnAttributeChange(e,i,r)&&this.requestRender()}}get headless(){return this.hasAttribute("headless")}set headless(e){e!==this.headless&&(e?this.setAttribute("headless",""):this.removeAttribute("headless"))}_syncBusyState(){this.getAttribute("state")==="loading"?this.setAttribute("aria-busy","true"):this.removeAttribute("aria-busy")}_syncDisabledState(){this.hasAttribute("disabled")?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}_syncSizeState(){const e=k(this.getAttribute("size"));if(e==="sm"){this.style.setProperty("--ui-breadcrumb-gap","6px"),this.style.setProperty("--ui-breadcrumb-font-size","13px"),this.style.setProperty("--ui-breadcrumb-item-padding-block","3px"),this.style.setProperty("--ui-breadcrumb-item-padding-inline","7px");return}if(e==="lg"){this.style.setProperty("--ui-breadcrumb-gap","10px"),this.style.setProperty("--ui-breadcrumb-font-size","15px"),this.style.setProperty("--ui-breadcrumb-item-padding-block","5px"),this.style.setProperty("--ui-breadcrumb-item-padding-inline","11px");return}this.style.removeProperty("--ui-breadcrumb-gap"),this.style.removeProperty("--ui-breadcrumb-font-size"),this.style.removeProperty("--ui-breadcrumb-item-padding-block"),this.style.removeProperty("--ui-breadcrumb-item-padding-inline")}_attachSlotListeners(){this._detachSlotListeners(),this._slots=Array.from(this.root.querySelectorAll("slot")),this._slots.forEach(e=>e.addEventListener("slotchange",this._onSlotChange))}_detachSlotListeners(){this._slots.forEach(e=>e.removeEventListener("slotchange",this._onSlotChange)),this._slots=[]}_onSlotChange(){this.requestRender()}_direction(){const e=this.getAttribute("dir");if(e==="rtl"||e==="ltr")return e;const i=this.closest("[dir]"),r=i==null?void 0:i.getAttribute("dir");return r==="rtl"||r==="ltr"?r:getComputedStyle(this).direction==="rtl"?"rtl":"ltr"}_getSourceItems(){const e=Array.from(this.querySelectorAll('[slot="item"]'));return e.length>0?e:Array.from(this.children).filter(i=>i instanceof HTMLElement)}_maxItems(){const e=Number(this.getAttribute("max-items"));return Number.isFinite(e)?Math.max(3,Math.floor(e)):Number.POSITIVE_INFINITY}_currentIndex(e){const i=this.getAttribute("current-index");if(i!=null&&i!==""){const t=Number(i);if(Number.isFinite(t)){const a=Math.floor(t);if(a>=0&&a<e.length)return a}}const r=e.findIndex(t=>C(t));return r>=0?r:e.length>0?e.length-1:-1}_visibleIndices(e,i){const r=this._maxItems();if(!Number.isFinite(r)||e.length<=r)return e.map((c,l)=>l);const t=e.length-1,a=i>=0?i:t,s=new Set([0,t,a]);let o=a-1,u=a+1;for(;s.size<r&&(o>0||u<t)&&!(o>0&&(s.add(o),s.size>=r));)u<t&&s.add(u),o-=1,u+=1;for(let c=1;s.size<r&&c<t;c+=1)s.add(c);return Array.from(s).sort((c,l)=>c-l)}_getDisplayTokens(e){const i=this._currentIndex(e),r=this._visibleIndices(e,i),t=[];let a=null;return r.forEach(s=>{a!=null&&s-a>1&&t.push({kind:"ellipsis",key:`ellipsis-${a}-${s}`});const o=e[s];t.push({kind:"item",item:o,sourceIndex:s,current:s===i,disabled:S(o)}),a=s}),t}_renderLabel(e){const i=e.getAttribute("data-label");if(i)return b(i);const r=(e.innerHTML||"").trim();return r||b((e.textContent||"").trim())}_emitSelect(e,i){const t=this._getSourceItems()[e];if(!t)return null;const a=(t.getAttribute("data-label")||t.textContent||"").trim(),s=t.getAttribute("href")||void 0,o={index:e,label:a,href:s,source:i},u=new CustomEvent("select",{detail:o,bubbles:!0,cancelable:!0,composed:!0});return this.dispatchEvent(u),this.dispatchEvent(new CustomEvent("ui-select",{detail:o,bubbles:!0,composed:!0})),u}_onRootClick(e){const r=e.target.closest(".crumb-action");if(!r)return;if(this.hasAttribute("disabled")||r.getAttribute("aria-disabled")==="true"){e.preventDefault();return}const t=Number(r.getAttribute("data-source-index"));if(Number.isNaN(t))return;const a=this._emitSelect(t,"click");a!=null&&a.defaultPrevented&&e.preventDefault()}_onRootKeyDown(e){const r=e.target.closest(".crumb-action");if(!r||this.hasAttribute("disabled"))return;if(e.key===" "&&r.tagName.toLowerCase()==="a"){e.preventDefault();const u=Number(r.getAttribute("data-source-index"));if(!Number.isNaN(u)){const c=this._emitSelect(u,"keyboard");if(c!=null&&c.defaultPrevented)return}}if(!["ArrowRight","ArrowLeft","Home","End"].includes(e.key))return;const t=Array.from(this.root.querySelectorAll('.crumb-action:not([aria-disabled="true"])'));if(t.length===0)return;const a=t.indexOf(r);if(a<0)return;const s=this._direction()==="rtl";let o=a;e.key==="ArrowRight"&&(o=s?a-1:a+1),e.key==="ArrowLeft"&&(o=s?a+1:a-1),e.key==="Home"&&(o=0),e.key==="End"&&(o=t.length-1),o=(o+t.length)%t.length,t[o].focus(),e.preventDefault()}render(){const e=this._getSourceItems(),i=b(this.getAttribute("separator")||"/"),r=b(this.getAttribute("aria-label")||"Breadcrumb"),t=this._getDisplayTokens(e),a=this.hasAttribute("disabled"),s=this.getAttribute("state")==="loading",o=t.map((u,c)=>{const l=c===t.length-1;let d="";if(u.kind==="ellipsis")d='<span class="crumb-ellipsis" aria-hidden="true">…</span>';else{const m=this._renderLabel(u.item),f=u.item.getAttribute("href"),g=u.item.getAttribute("rel"),p=u.item.getAttribute("target");u.current?d=`<span class="crumb-current" aria-current="page">${m}</span>`:a||u.disabled||s?d=`<span class="crumb-disabled" aria-disabled="true">${m}</span>`:f?d=`<a class="crumb-action crumb-link" data-source-index="${u.sourceIndex}" href="${b(f)}"${p?` target="${b(p)}"`:""}${g?` rel="${b(g)}"`:""}>${m}</a>`:d=`<button type="button" class="crumb-action crumb-btn" data-source-index="${u.sourceIndex}">${m}</button>`}const y=l?"":`<span class="separator" aria-hidden="true" title="${i}">${i}</span>`;return`<li part="item">${d}${y}</li>`}).join("");this.setContent(`
+`;function v(n){if(!n)return"";const e=n.trim().toLowerCase();return e?e==="none"?"0px":e==="sm"?"8px":e==="md"?"12px":e==="lg"?"16px":e==="full"?"9999px":/^\d+(\.\d+)?$/.test(e)?`${e}px`:n:""}function k(n){if(!n)return"";const e=n.trim().toLowerCase();return e==="1"?"sm":e==="2"?"md":e==="3"?"lg":e==="sm"||e==="md"||e==="lg"?e:""}function b(n){return String(n).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function h(n){if(n==null)return!1;const e=n.trim().toLowerCase();return e===""||e==="true"||e==="1"||e==="yes"}function S(n){return h(n.getAttribute("disabled"))||h(n.getAttribute("data-disabled"))||n.getAttribute("aria-disabled")==="true"}function C(n){const e=n.getAttribute("aria-current");return e&&e!=="false"?!0:h(n.getAttribute("current"))||h(n.getAttribute("data-current"))}class x extends _.ElementBase{constructor(){super(),this._slots=[],this._onRootClick=this._onRootClick.bind(this),this._onRootKeyDown=this._onRootKeyDown.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["separator","max-items","current-index","size","variant","radius","elevation","tone","state","disabled","aria-label","headless"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onRootClick),this.root.addEventListener("keydown",this._onRootKeyDown),this._syncBusyState(),this._syncDisabledState(),this._syncSizeState();const e=v(this.getAttribute("radius"));e&&this.style.setProperty("--ui-breadcrumb-radius",e)}disconnectedCallback(){this.root.removeEventListener("click",this._onRootClick),this.root.removeEventListener("keydown",this._onRootKeyDown),this._detachSlotListeners(),super.disconnectedCallback()}attributeChangedCallback(e,i,r){if(i!==r){if(e==="state"&&this._syncBusyState(),e==="disabled"&&this._syncDisabledState(),e==="size"&&this._syncSizeState(),e==="radius"){const t=v(r);t?this.style.setProperty("--ui-breadcrumb-radius",t):this.style.removeProperty("--ui-breadcrumb-radius")}this.isConnected&&this.shouldRenderOnAttributeChange(e,i,r)&&this.requestRender()}}get headless(){return this.hasAttribute("headless")}set headless(e){e!==this.headless&&(e?this.setAttribute("headless",""):this.removeAttribute("headless"))}_syncBusyState(){this.getAttribute("state")==="loading"?this.setAttribute("aria-busy","true"):this.removeAttribute("aria-busy")}_syncDisabledState(){this.hasAttribute("disabled")?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}_syncSizeState(){const e=k(this.getAttribute("size"));if(e==="sm"){this.style.setProperty("--ui-breadcrumb-gap","6px"),this.style.setProperty("--ui-breadcrumb-font-size","13px"),this.style.setProperty("--ui-breadcrumb-item-padding-block","3px"),this.style.setProperty("--ui-breadcrumb-item-padding-inline","7px");return}if(e==="lg"){this.style.setProperty("--ui-breadcrumb-gap","10px"),this.style.setProperty("--ui-breadcrumb-font-size","15px"),this.style.setProperty("--ui-breadcrumb-item-padding-block","5px"),this.style.setProperty("--ui-breadcrumb-item-padding-inline","11px");return}this.style.removeProperty("--ui-breadcrumb-gap"),this.style.removeProperty("--ui-breadcrumb-font-size"),this.style.removeProperty("--ui-breadcrumb-item-padding-block"),this.style.removeProperty("--ui-breadcrumb-item-padding-inline")}_attachSlotListeners(){this._detachSlotListeners(),this._slots=Array.from(this.root.querySelectorAll("slot")),this._slots.forEach(e=>e.addEventListener("slotchange",this._onSlotChange))}_detachSlotListeners(){this._slots.forEach(e=>e.removeEventListener("slotchange",this._onSlotChange)),this._slots=[]}_onSlotChange(){this.requestRender()}_direction(){const e=this.getAttribute("dir");if(e==="rtl"||e==="ltr")return e;const r=this.closest("[dir]")?.getAttribute("dir");return r==="rtl"||r==="ltr"?r:getComputedStyle(this).direction==="rtl"?"rtl":"ltr"}_getSourceItems(){const e=Array.from(this.querySelectorAll('[slot="item"]'));return e.length>0?e:Array.from(this.children).filter(i=>i instanceof HTMLElement)}_maxItems(){const e=Number(this.getAttribute("max-items"));return Number.isFinite(e)?Math.max(3,Math.floor(e)):Number.POSITIVE_INFINITY}_currentIndex(e){const i=this.getAttribute("current-index");if(i!=null&&i!==""){const t=Number(i);if(Number.isFinite(t)){const a=Math.floor(t);if(a>=0&&a<e.length)return a}}const r=e.findIndex(t=>C(t));return r>=0?r:e.length>0?e.length-1:-1}_visibleIndices(e,i){const r=this._maxItems();if(!Number.isFinite(r)||e.length<=r)return e.map((c,l)=>l);const t=e.length-1,a=i>=0?i:t,s=new Set([0,t,a]);let o=a-1,u=a+1;for(;s.size<r&&(o>0||u<t)&&!(o>0&&(s.add(o),s.size>=r));)u<t&&s.add(u),o-=1,u+=1;for(let c=1;s.size<r&&c<t;c+=1)s.add(c);return Array.from(s).sort((c,l)=>c-l)}_getDisplayTokens(e){const i=this._currentIndex(e),r=this._visibleIndices(e,i),t=[];let a=null;return r.forEach(s=>{a!=null&&s-a>1&&t.push({kind:"ellipsis",key:`ellipsis-${a}-${s}`});const o=e[s];t.push({kind:"item",item:o,sourceIndex:s,current:s===i,disabled:S(o)}),a=s}),t}_renderLabel(e){const i=e.getAttribute("data-label");if(i)return b(i);const r=(e.innerHTML||"").trim();return r||b((e.textContent||"").trim())}_emitSelect(e,i){const t=this._getSourceItems()[e];if(!t)return null;const a=(t.getAttribute("data-label")||t.textContent||"").trim(),s=t.getAttribute("href")||void 0,o={index:e,label:a,href:s,source:i},u=new CustomEvent("select",{detail:o,bubbles:!0,cancelable:!0,composed:!0});return this.dispatchEvent(u),this.dispatchEvent(new CustomEvent("ui-select",{detail:o,bubbles:!0,composed:!0})),u}_onRootClick(e){const r=e.target.closest(".crumb-action");if(!r)return;if(this.hasAttribute("disabled")||r.getAttribute("aria-disabled")==="true"){e.preventDefault();return}const t=Number(r.getAttribute("data-source-index"));if(Number.isNaN(t))return;this._emitSelect(t,"click")?.defaultPrevented&&e.preventDefault()}_onRootKeyDown(e){const r=e.target.closest(".crumb-action");if(!r||this.hasAttribute("disabled"))return;if(e.key===" "&&r.tagName.toLowerCase()==="a"){e.preventDefault();const u=Number(r.getAttribute("data-source-index"));if(!Number.isNaN(u)&&this._emitSelect(u,"keyboard")?.defaultPrevented)return}if(!["ArrowRight","ArrowLeft","Home","End"].includes(e.key))return;const t=Array.from(this.root.querySelectorAll('.crumb-action:not([aria-disabled="true"])'));if(t.length===0)return;const a=t.indexOf(r);if(a<0)return;const s=this._direction()==="rtl";let o=a;e.key==="ArrowRight"&&(o=s?a-1:a+1),e.key==="ArrowLeft"&&(o=s?a+1:a-1),e.key==="Home"&&(o=0),e.key==="End"&&(o=t.length-1),o=(o+t.length)%t.length,t[o].focus(),e.preventDefault()}render(){const e=this._getSourceItems(),i=b(this.getAttribute("separator")||"/"),r=b(this.getAttribute("aria-label")||"Breadcrumb"),t=this._getDisplayTokens(e),a=this.hasAttribute("disabled"),s=this.getAttribute("state")==="loading",o=t.map((u,c)=>{const l=c===t.length-1;let d="";if(u.kind==="ellipsis")d='<span class="crumb-ellipsis" aria-hidden="true">…</span>';else{const m=this._renderLabel(u.item),f=u.item.getAttribute("href"),g=u.item.getAttribute("rel"),p=u.item.getAttribute("target");u.current?d=`<span class="crumb-current" aria-current="page">${m}</span>`:a||u.disabled||s?d=`<span class="crumb-disabled" aria-disabled="true">${m}</span>`:f?d=`<a class="crumb-action crumb-link" data-source-index="${u.sourceIndex}" href="${b(f)}"${p?` target="${b(p)}"`:""}${g?` rel="${b(g)}"`:""}>${m}</a>`:d=`<button type="button" class="crumb-action crumb-btn" data-source-index="${u.sourceIndex}">${m}</button>`}const y=l?"":`<span class="separator" aria-hidden="true" title="${i}">${i}</span>`;return`<li part="item">${d}${y}</li>`}).join("");this.setContent(`
       <style>${A}</style>
       <nav role="navigation" aria-label="${r}">
         <ol part="list">

package/dist/breadcrumb.esm.js

@@ -1,4 +1,4 @@
-import { E as y } from "./ElementBase-909688f3.mjs";
+import { E as y } from "./ElementBase-YlTLMsGk.mjs";
 const _ = `
   :host {
     display: block;
@@ -279,14 +279,12 @@ const _ = `
   }
 `;
 function v(n) {
-  if (!n)
-    return "";
+  if (!n) return "";
   const e = n.trim().toLowerCase();
   return e ? e === "none" ? "0px" : e === "sm" ? "8px" : e === "md" ? "12px" : e === "lg" ? "16px" : e === "full" ? "9999px" : /^\d+(\.\d+)?$/.test(e) ? `${e}px` : n : "";
 }
 function A(n) {
-  if (!n)
-    return "";
+  if (!n) return "";
   const e = n.trim().toLowerCase();
   return e === "1" ? "sm" : e === "2" ? "md" : e === "3" ? "lg" : e === "sm" || e === "md" || e === "lg" ? e : "";
 }
@@ -294,8 +292,7 @@ function b(n) {
   return String(n).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 function h(n) {
-  if (n == null)
-    return !1;
+  if (n == null) return !1;
   const e = n.trim().toLowerCase();
   return e === "" || e === "true" || e === "1" || e === "yes";
 }
@@ -378,9 +375,8 @@ class S extends y {
   }
   _direction() {
     const e = this.getAttribute("dir");
-    if (e === "rtl" || e === "ltr")
-      return e;
-    const i = this.closest("[dir]"), r = i == null ? void 0 : i.getAttribute("dir");
+    if (e === "rtl" || e === "ltr") return e;
+    const r = this.closest("[dir]")?.getAttribute("dir");
     return r === "rtl" || r === "ltr" ? r : getComputedStyle(this).direction === "rtl" ? "rtl" : "ltr";
   }
   _getSourceItems() {
@@ -397,8 +393,7 @@ class S extends y {
       const t = Number(i);
       if (Number.isFinite(t)) {
         const a = Math.floor(t);
-        if (a >= 0 && a < e.length)
-          return a;
+        if (a >= 0 && a < e.length) return a;
       }
     }
     const r = e.findIndex((t) => C(t));
@@ -433,15 +428,13 @@ class S extends y {
   }
   _renderLabel(e) {
     const i = e.getAttribute("data-label");
-    if (i)
-      return b(i);
+    if (i) return b(i);
     const r = (e.innerHTML || "").trim();
     return r || b((e.textContent || "").trim());
   }
   _emitSelect(e, i) {
     const t = this._getSourceItems()[e];
-    if (!t)
-      return null;
+    if (!t) return null;
     const a = (t.getAttribute("data-label") || t.textContent || "").trim(), s = t.getAttribute("href") || void 0, o = { index: e, label: a, href: s, source: i }, u = new CustomEvent("select", {
       detail: o,
       bubbles: !0,
@@ -452,39 +445,29 @@ class S extends y {
   }
   _onRootClick(e) {
     const r = e.target.closest(".crumb-action");
-    if (!r)
-      return;
+    if (!r) return;
     if (this.hasAttribute("disabled") || r.getAttribute("aria-disabled") === "true") {
       e.preventDefault();
       return;
     }
     const t = Number(r.getAttribute("data-source-index"));
-    if (Number.isNaN(t))
-      return;
-    const a = this._emitSelect(t, "click");
-    a != null && a.defaultPrevented && e.preventDefault();
+    if (Number.isNaN(t)) return;
+    this._emitSelect(t, "click")?.defaultPrevented && e.preventDefault();
   }
   _onRootKeyDown(e) {
     const r = e.target.closest(".crumb-action");
-    if (!r || this.hasAttribute("disabled"))
-      return;
+    if (!r || this.hasAttribute("disabled")) return;
     if (e.key === " " && r.tagName.toLowerCase() === "a") {
       e.preventDefault();
       const u = Number(r.getAttribute("data-source-index"));
-      if (!Number.isNaN(u)) {
-        const c = this._emitSelect(u, "keyboard");
-        if (c != null && c.defaultPrevented)
-          return;
-      }
+      if (!Number.isNaN(u) && this._emitSelect(u, "keyboard")?.defaultPrevented)
+        return;
     }
-    if (!["ArrowRight", "ArrowLeft", "Home", "End"].includes(e.key))
-      return;
+    if (!["ArrowRight", "ArrowLeft", "Home", "End"].includes(e.key)) return;
     const t = Array.from(this.root.querySelectorAll('.crumb-action:not([aria-disabled="true"])'));
-    if (t.length === 0)
-      return;
+    if (t.length === 0) return;
     const a = t.indexOf(r);
-    if (a < 0)
-      return;
+    if (a < 0) return;
     const s = this._direction() === "rtl";
     let o = a;
     e.key === "ArrowRight" && (o = s ? a - 1 : a + 1), e.key === "ArrowLeft" && (o = s ? a + 1 : a - 1), e.key === "Home" && (o = 0), e.key === "End" && (o = t.length - 1), o = (o + t.length) % t.length, t[o].focus(), e.preventDefault();
@@ -496,8 +479,8 @@ class S extends y {
       if (u.kind === "ellipsis")
         d = '<span class="crumb-ellipsis" aria-hidden="true">…</span>';
       else {
-        const m = this._renderLabel(u.item), f = u.item.getAttribute("href"), g = u.item.getAttribute("rel"), p = u.item.getAttribute("target");
-        u.current ? d = `<span class="crumb-current" aria-current="page">${m}</span>` : a || u.disabled || s ? d = `<span class="crumb-disabled" aria-disabled="true">${m}</span>` : f ? d = `<a class="crumb-action crumb-link" data-source-index="${u.sourceIndex}" href="${b(f)}"${p ? ` target="${b(p)}"` : ""}${g ? ` rel="${b(g)}"` : ""}>${m}</a>` : d = `<button type="button" class="crumb-action crumb-btn" data-source-index="${u.sourceIndex}">${m}</button>`;
+        const m = this._renderLabel(u.item), f = u.item.getAttribute("href"), p = u.item.getAttribute("rel"), g = u.item.getAttribute("target");
+        u.current ? d = `<span class="crumb-current" aria-current="page">${m}</span>` : a || u.disabled || s ? d = `<span class="crumb-disabled" aria-disabled="true">${m}</span>` : f ? d = `<a class="crumb-action crumb-link" data-source-index="${u.sourceIndex}" href="${b(f)}"${g ? ` target="${b(g)}"` : ""}${p ? ` rel="${b(p)}"` : ""}>${m}</a>` : d = `<button type="button" class="crumb-action crumb-btn" data-source-index="${u.sourceIndex}">${m}</button>`;
       }
       const x = l ? "" : `<span class="separator" aria-hidden="true" title="${i}">${i}</span>`;
       return `<li part="item">${d}${x}</li>`;