@editora/ui-core 0.1.19 → 0.1.21

package/dist/switch.esm.js

@@ -1,5 +1,5 @@
-import { E as w } from "./ElementBase-909688f3.mjs";
-const g = `
+import { E as p } from "./ElementBase-YlTLMsGk.mjs";
+const w = `
   :host {
     --ui-switch-width: 44px;
     --ui-switch-height: 24px;
@@ -373,17 +373,16 @@ const g = `
       background: HighlightText;
     }
   }
-`, u = /* @__PURE__ */ new Set(["label", "description"]);
-function d(s) {
-  if (s == null)
-    return !1;
+`, l = /* @__PURE__ */ new Set(["label", "description"]);
+function u(s) {
+  if (s == null) return !1;
   const t = String(s).toLowerCase();
   return t !== "false" && t !== "0" && t !== "off";
 }
-function b(s) {
+function d(s) {
   return String(s).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function f(s) {
+function g(s) {
   for (const t of s)
     if (t instanceof HTMLElement && t.matches(
       'a,button,input,select,textarea,[contenteditable="true"],[data-ui-switch-no-toggle]'
@@ -391,7 +390,7 @@ function f(s) {
       return !0;
   return !1;
 }
-class m extends w {
+class f extends p {
   constructor() {
     super(), this._control = null, this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this), this._onSlotChange = this._onSlotChange.bind(this);
   }
@@ -423,7 +422,7 @@ class m extends w {
   }
   attributeChangedCallback(t, i, e) {
     if (i !== e) {
-      if (u.has(t)) {
+      if (l.has(t)) {
         super.attributeChangedCallback(t, i, e);
         return;
       }
@@ -443,8 +442,7 @@ class m extends w {
     t ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
   }
   toggle(t) {
-    if (this.disabled)
-      return;
+    if (this.disabled) return;
     const i = typeof t == "boolean" ? t : !this.checked;
     if (i === this.checked) {
       this._syncAria();
@@ -455,30 +453,27 @@ class m extends w {
       checked: i,
       value: this.getAttribute("value") || "on",
       name: this.getAttribute("name") || "",
-      required: d(this.getAttribute("required"))
+      required: u(this.getAttribute("required"))
     };
     this.dispatchEvent(new CustomEvent("input", { detail: e, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("change", { detail: e, bubbles: !0, composed: !0 }));
   }
   _syncAria() {
-    const t = this.checked, i = this.disabled, e = this.hasAttribute("loading"), r = d(this.getAttribute("required"));
+    const t = this.checked, i = this.disabled, e = this.hasAttribute("loading"), r = u(this.getAttribute("required"));
     this.setAttribute("role", "switch"), this.setAttribute("aria-checked", t ? "true" : "false"), this.setAttribute("aria-disabled", i ? "true" : "false"), this.setAttribute("aria-busy", e ? "true" : "false"), r ? this.setAttribute("aria-required", "true") : this.removeAttribute("aria-required");
     const o = this.getAttribute("data-ui-switch-tabindex");
     i ? (o == null && this.setAttribute("data-ui-switch-tabindex", this.getAttribute("tabindex") || ""), this.getAttribute("tabindex") !== "-1" && this.setAttribute("tabindex", "-1")) : o != null ? (o ? this.setAttribute("tabindex", o) : this.removeAttribute("tabindex"), this.removeAttribute("data-ui-switch-tabindex")) : this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this._control && (this._control.disabled = i);
   }
   _onClick(t) {
-    if (this.disabled)
-      return;
+    if (this.disabled) return;
     const i = t.composedPath();
     if (!i.some(
       (a) => a instanceof HTMLElement && a.classList.contains("control")
-    ) && f(i))
-      return;
+    ) && g(i)) return;
     const r = t.target;
     r instanceof HTMLElement && r.closest(".shell") && (this.toggle(), this.focus({ preventScroll: !0 }));
   }
   _onKeyDown(t) {
-    if (this.disabled || t.defaultPrevented)
-      return;
+    if (this.disabled || t.defaultPrevented) return;
     const i = t.target;
     if (i instanceof HTMLElement && i !== this && !i.closest(".control"))
       return;
@@ -505,12 +500,9 @@ class m extends w {
     this.requestRender();
   }
   render() {
-    const t = this.checked, i = this.disabled, e = (this.getAttribute("label") || "").trim(), r = (this.getAttribute("description") || "").trim(), o = Array.from(this.childNodes).some((n) => {
-      var l;
-      return n.nodeType === Node.TEXT_NODE ? !!((l = n.textContent) != null && l.trim()) : n.nodeType !== Node.ELEMENT_NODE ? !1 : !n.getAttribute("slot");
-    }), a = !!this.querySelector('[slot="description"]'), c = !!e || o, h = !!r || a, p = c || h;
+    const t = this.checked, i = this.disabled, e = (this.getAttribute("label") || "").trim(), r = (this.getAttribute("description") || "").trim(), o = Array.from(this.childNodes).some((n) => n.nodeType === Node.TEXT_NODE ? !!n.textContent?.trim() : n.nodeType !== Node.ELEMENT_NODE ? !1 : !n.getAttribute("slot")), a = !!this.querySelector('[slot="description"]'), c = !!e || o, h = !!r || a, b = c || h;
     this.setContent(`
-      <style>${g}</style>
+      <style>${w}</style>
       <span class="shell" part="shell">
         <button
           type="button"
@@ -526,18 +518,18 @@ class m extends w {
             <span class="thumb-icon icon-off" aria-hidden="true">•</span>
           </span>
         </button>
-        <span class="label-wrap" part="label-wrap" ${p ? "" : "hidden"}>
-          <span class="label" part="label" ${c ? "" : "hidden"}><slot>${b(e)}</slot></span>
-          <span class="description" part="description" ${h ? "" : "hidden"}><slot name="description">${b(r)}</slot></span>
+        <span class="label-wrap" part="label-wrap" ${b ? "" : "hidden"}>
+          <span class="label" part="label" ${c ? "" : "hidden"}><slot>${d(e)}</slot></span>
+          <span class="description" part="description" ${h ? "" : "hidden"}><slot name="description">${d(r)}</slot></span>
         </span>
       </span>
     `), this._control = this.root.querySelector(".control"), this._syncAria(), this.setAttribute("aria-checked", t ? "true" : "false");
   }
   shouldRenderOnAttributeChange(t, i, e) {
-    return u.has(t);
+    return l.has(t);
   }
 }
-typeof customElements < "u" && !customElements.get("ui-switch") && customElements.define("ui-switch", m);
+typeof customElements < "u" && !customElements.get("ui-switch") && customElements.define("ui-switch", f);
 export {
-  m as UISwitch
+  f as UISwitch
 };

package/dist/table.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./ElementBase-1b301e7f.js"),y=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./ElementBase-EV6mVBUV.js"),y=`
   :host {
     display: block;
     color-scheme: light dark;
@@ -209,4 +209,4 @@
         <slot></slot>
         <div class="empty" part="empty" hidden>${t}</div>
       </div>
-    `),this._syncStructure()}_findTable(){return this.querySelector("table")}_queueSyncStructure(){this.isConnected&&(this._syncRaf||(this._syncRaf=requestAnimationFrame(()=>{this._syncRaf=0,this._syncStructure()})))}_syncStructure(){if(!this._isSyncing){this._isSyncing=!0;try{this._table=this._findTable();const t=this.root.querySelector(".empty");if(this._syncEmptyText(),!this._table){t&&t.removeAttribute("hidden"),this._selectedRows.clear();return}t&&t.setAttribute("hidden",""),this._table.hasAttribute("data-ui-table")||this._table.setAttribute("data-ui-table","true"),this._table.hasAttribute("role")||this._table.setAttribute("role","table"),this._syncHeaderState(),this._syncRowSelectionState()}finally{this._isSyncing=!1}}}_syncEmptyText(){const t=this.root.querySelector(".empty");t&&(t.textContent=this.getAttribute("empty-text")||"No table data available.")}_headerCells(){var e;if(!this._table)return[];const t=(e=this._table.tHead)==null?void 0:e.rows[0];if(t)return Array.from(t.cells).filter(r=>r.tagName.toLowerCase()==="th");const s=this._table.querySelectorAll("th");return Array.from(s)}_syncHeaderState(){const t=this.hasAttribute("sortable");this._headerCells().forEach((e,r)=>{t?(e.setAttribute("data-sortable","true"),e.hasAttribute("tabindex")||e.setAttribute("tabindex","0")):(e.removeAttribute("data-sortable"),e.getAttribute("tabindex")==="0"&&e.removeAttribute("tabindex")),r===this._sortColumnIndex&&t?e.setAttribute("aria-sort",this._sortDirection==="asc"?"ascending":"descending"):t?e.setAttribute("aria-sort","none"):e.removeAttribute("aria-sort")})}_syncRowSelectionState(){const t=this.hasAttribute("selectable"),s=this._bodyRows();for(const e of Array.from(this._selectedRows))s.includes(e)||this._selectedRows.delete(e);s.forEach(e=>{t?(e.setAttribute("aria-selected",this._selectedRows.has(e)?"true":"false"),e.hasAttribute("tabindex")||e.setAttribute("tabindex","0"),this._selectedRows.has(e)?e.setAttribute("data-selected","true"):e.removeAttribute("data-selected")):(e.removeAttribute("aria-selected"),e.removeAttribute("data-selected"),e.getAttribute("tabindex")==="0"&&e.removeAttribute("tabindex"))})}_bodyRows(){if(!this._table)return[];const t=this._table.tBodies[0];return t?Array.from(t.rows):[]}_sortByColumn(t,s){if(!this._table)return;const e=this._table.tBodies[0];if(!e)return;this._sortColumnIndex===t?this._sortDirection=this._sortDirection==="asc"?"desc":"asc":(this._sortColumnIndex=t,this._sortDirection="asc"),Array.from(e.rows).map((a,l)=>({row:a,rowIndex:l,value:_(d(a.cells[t]))})).sort((a,l)=>{const b=a.value,u=l.value;let c=0;return typeof b=="number"&&typeof u=="number"?c=b-u:c=String(b).localeCompare(String(u),void 0,{numeric:!0,sensitivity:"base"}),c===0&&(c=a.rowIndex-l.rowIndex),this._sortDirection==="asc"?c:-c}).map(a=>a.row).forEach(a=>e.appendChild(a)),this._syncHeaderState(),this._syncRowSelectionState();const o=s.getAttribute("data-key")||d(s)||`column-${t+1}`;this.dispatchEvent(new CustomEvent("sort-change",{detail:{columnIndex:t,key:o,direction:this._sortDirection},bubbles:!0}))}_rowValues(t){const s=this._headerCells(),e=Array.from(t.cells),r={};return e.forEach((n,o)=>{const a=s[o],l=((a==null?void 0:a.getAttribute("data-key"))||d(a||void 0)||`col_${o+1}`).toLowerCase().replace(/[^a-z0-9_]+/g,"_").replace(/^_+|_+$/g,"");r[l||`col_${o+1}`]=d(n)}),r}_toggleRowSelection(t){const s=this.hasAttribute("multi-select"),e=this._selectedRows.has(t);s||this._selectedRows.clear(),e&&s?this._selectedRows.delete(t):this._selectedRows.add(t),this._syncRowSelectionState();const r=this._bodyRows(),n=r.flatMap((a,l)=>this._selectedRows.has(a)?[l]:[]),o=r.filter(a=>this._selectedRows.has(a)).map(a=>this._rowValues(a));this.dispatchEvent(new CustomEvent("row-select",{detail:{index:r.indexOf(t),selected:this._selectedRows.has(t),indices:n,rows:o},bubbles:!0}))}_onClick(t){if(!this._table)return;const s=t.target;if(this.hasAttribute("sortable")){const e=s.closest("th");if(e&&this._table.contains(e)){const n=this._headerCells().indexOf(e);if(n>=0){this._sortByColumn(n,e);return}}}if(this.hasAttribute("selectable")){const e=s.closest("tbody tr");e&&this._table.contains(e)&&this._toggleRowSelection(e)}}_onKeyDown(t){if(!this._table)return;const s=t.key;if(s!=="Enter"&&s!==" ")return;const e=t.target;if(this.hasAttribute("sortable")){const r=e.closest("th");if(r&&this._table.contains(r)){const o=this._headerCells().indexOf(r);if(o>=0){t.preventDefault(),this._sortByColumn(o,r);return}}}if(this.hasAttribute("selectable")){const r=e.closest("tbody tr");r&&this._table.contains(r)&&(t.preventDefault(),this._toggleRowSelection(r))}}shouldRenderOnAttributeChange(t,s,e){return!1}}typeof customElements<"u"&&!customElements.get("ui-table")&&customElements.define("ui-table",m);exports.UITable=m;
+    `),this._syncStructure()}_findTable(){return this.querySelector("table")}_queueSyncStructure(){this.isConnected&&(this._syncRaf||(this._syncRaf=requestAnimationFrame(()=>{this._syncRaf=0,this._syncStructure()})))}_syncStructure(){if(!this._isSyncing){this._isSyncing=!0;try{this._table=this._findTable();const t=this.root.querySelector(".empty");if(this._syncEmptyText(),!this._table){t&&t.removeAttribute("hidden"),this._selectedRows.clear();return}t&&t.setAttribute("hidden",""),this._table.hasAttribute("data-ui-table")||this._table.setAttribute("data-ui-table","true"),this._table.hasAttribute("role")||this._table.setAttribute("role","table"),this._syncHeaderState(),this._syncRowSelectionState()}finally{this._isSyncing=!1}}}_syncEmptyText(){const t=this.root.querySelector(".empty");t&&(t.textContent=this.getAttribute("empty-text")||"No table data available.")}_headerCells(){if(!this._table)return[];const t=this._table.tHead?.rows[0];if(t)return Array.from(t.cells).filter(e=>e.tagName.toLowerCase()==="th");const s=this._table.querySelectorAll("th");return Array.from(s)}_syncHeaderState(){const t=this.hasAttribute("sortable");this._headerCells().forEach((e,r)=>{t?(e.setAttribute("data-sortable","true"),e.hasAttribute("tabindex")||e.setAttribute("tabindex","0")):(e.removeAttribute("data-sortable"),e.getAttribute("tabindex")==="0"&&e.removeAttribute("tabindex")),r===this._sortColumnIndex&&t?e.setAttribute("aria-sort",this._sortDirection==="asc"?"ascending":"descending"):t?e.setAttribute("aria-sort","none"):e.removeAttribute("aria-sort")})}_syncRowSelectionState(){const t=this.hasAttribute("selectable"),s=this._bodyRows();for(const e of Array.from(this._selectedRows))s.includes(e)||this._selectedRows.delete(e);s.forEach(e=>{t?(e.setAttribute("aria-selected",this._selectedRows.has(e)?"true":"false"),e.hasAttribute("tabindex")||e.setAttribute("tabindex","0"),this._selectedRows.has(e)?e.setAttribute("data-selected","true"):e.removeAttribute("data-selected")):(e.removeAttribute("aria-selected"),e.removeAttribute("data-selected"),e.getAttribute("tabindex")==="0"&&e.removeAttribute("tabindex"))})}_bodyRows(){if(!this._table)return[];const t=this._table.tBodies[0];return t?Array.from(t.rows):[]}_sortByColumn(t,s){if(!this._table)return;const e=this._table.tBodies[0];if(!e)return;this._sortColumnIndex===t?this._sortDirection=this._sortDirection==="asc"?"desc":"asc":(this._sortColumnIndex=t,this._sortDirection="asc"),Array.from(e.rows).map((a,l)=>({row:a,rowIndex:l,value:_(d(a.cells[t]))})).sort((a,l)=>{const b=a.value,u=l.value;let c=0;return typeof b=="number"&&typeof u=="number"?c=b-u:c=String(b).localeCompare(String(u),void 0,{numeric:!0,sensitivity:"base"}),c===0&&(c=a.rowIndex-l.rowIndex),this._sortDirection==="asc"?c:-c}).map(a=>a.row).forEach(a=>e.appendChild(a)),this._syncHeaderState(),this._syncRowSelectionState();const o=s.getAttribute("data-key")||d(s)||`column-${t+1}`;this.dispatchEvent(new CustomEvent("sort-change",{detail:{columnIndex:t,key:o,direction:this._sortDirection},bubbles:!0}))}_rowValues(t){const s=this._headerCells(),e=Array.from(t.cells),r={};return e.forEach((n,o)=>{const a=s[o],l=(a?.getAttribute("data-key")||d(a||void 0)||`col_${o+1}`).toLowerCase().replace(/[^a-z0-9_]+/g,"_").replace(/^_+|_+$/g,"");r[l||`col_${o+1}`]=d(n)}),r}_toggleRowSelection(t){const s=this.hasAttribute("multi-select"),e=this._selectedRows.has(t);s||this._selectedRows.clear(),e&&s?this._selectedRows.delete(t):this._selectedRows.add(t),this._syncRowSelectionState();const r=this._bodyRows(),n=r.flatMap((a,l)=>this._selectedRows.has(a)?[l]:[]),o=r.filter(a=>this._selectedRows.has(a)).map(a=>this._rowValues(a));this.dispatchEvent(new CustomEvent("row-select",{detail:{index:r.indexOf(t),selected:this._selectedRows.has(t),indices:n,rows:o},bubbles:!0}))}_onClick(t){if(!this._table)return;const s=t.target;if(this.hasAttribute("sortable")){const e=s.closest("th");if(e&&this._table.contains(e)){const n=this._headerCells().indexOf(e);if(n>=0){this._sortByColumn(n,e);return}}}if(this.hasAttribute("selectable")){const e=s.closest("tbody tr");e&&this._table.contains(e)&&this._toggleRowSelection(e)}}_onKeyDown(t){if(!this._table)return;const s=t.key;if(s!=="Enter"&&s!==" ")return;const e=t.target;if(this.hasAttribute("sortable")){const r=e.closest("th");if(r&&this._table.contains(r)){const o=this._headerCells().indexOf(r);if(o>=0){t.preventDefault(),this._sortByColumn(o,r);return}}}if(this.hasAttribute("selectable")){const r=e.closest("tbody tr");r&&this._table.contains(r)&&(t.preventDefault(),this._toggleRowSelection(r))}}shouldRenderOnAttributeChange(t,s,e){return!1}}typeof customElements<"u"&&!customElements.get("ui-table")&&customElements.define("ui-table",m);exports.UITable=m;

package/dist/table.esm.js

@@ -1,4 +1,4 @@
-import { E as m } from "./ElementBase-909688f3.mjs";
+import { E as m } from "./ElementBase-YlTLMsGk.mjs";
 const p = `
   :host {
     display: block;
@@ -206,15 +206,14 @@ const p = `
   }
 `;
 function f() {
-  if (typeof document > "u")
-    return;
+  if (typeof document > "u") return;
   const i = "ui-table-light-dom-style", t = document.getElementById(i);
   if (t) {
     t.textContent !== h && (t.textContent = h);
     return;
   }
-  const s = document.createElement("style");
-  s.id = i, s.textContent = h, document.head.appendChild(s);
+  const r = document.createElement("style");
+  r.id = i, r.textContent = h, document.head.appendChild(r);
 }
 typeof document < "u" && f();
 function d(i) {
@@ -222,10 +221,9 @@ function d(i) {
 }
 function y(i) {
   const t = i.replace(/,/g, "");
-  if (/^-?\d+(\.\d+)?$/.test(t))
-    return Number(t);
-  const s = Date.parse(i);
-  return !Number.isNaN(s) && /[-/]/.test(i) ? s : i.toLowerCase();
+  if (/^-?\d+(\.\d+)?$/.test(t)) return Number(t);
+  const r = Date.parse(i);
+  return !Number.isNaN(r) && /[-/]/.test(i) ? r : i.toLowerCase();
 }
 class _ extends m {
   constructor() {
@@ -246,8 +244,8 @@ class _ extends m {
   disconnectedCallback() {
     this.removeEventListener("click", this._onClick), this.removeEventListener("keydown", this._onKeyDown), this._syncRaf && (cancelAnimationFrame(this._syncRaf), this._syncRaf = 0), this._observer && (this._observer.disconnect(), this._observer = null), super.disconnectedCallback();
   }
-  attributeChangedCallback(t, s, e) {
-    if (s !== e) {
+  attributeChangedCallback(t, r, e) {
+    if (r !== e) {
       if (t === "headless") {
         this.requestRender();
         return;
@@ -302,41 +300,36 @@ class _ extends m {
     t && (t.textContent = this.getAttribute("empty-text") || "No table data available.");
   }
   _headerCells() {
-    var e;
-    if (!this._table)
-      return [];
-    const t = (e = this._table.tHead) == null ? void 0 : e.rows[0];
+    if (!this._table) return [];
+    const t = this._table.tHead?.rows[0];
     if (t)
-      return Array.from(t.cells).filter((r) => r.tagName.toLowerCase() === "th");
-    const s = this._table.querySelectorAll("th");
-    return Array.from(s);
+      return Array.from(t.cells).filter((e) => e.tagName.toLowerCase() === "th");
+    const r = this._table.querySelectorAll("th");
+    return Array.from(r);
   }
   _syncHeaderState() {
     const t = this.hasAttribute("sortable");
-    this._headerCells().forEach((e, r) => {
-      t ? (e.setAttribute("data-sortable", "true"), e.hasAttribute("tabindex") || e.setAttribute("tabindex", "0")) : (e.removeAttribute("data-sortable"), e.getAttribute("tabindex") === "0" && e.removeAttribute("tabindex")), r === this._sortColumnIndex && t ? e.setAttribute("aria-sort", this._sortDirection === "asc" ? "ascending" : "descending") : t ? e.setAttribute("aria-sort", "none") : e.removeAttribute("aria-sort");
+    this._headerCells().forEach((e, s) => {
+      t ? (e.setAttribute("data-sortable", "true"), e.hasAttribute("tabindex") || e.setAttribute("tabindex", "0")) : (e.removeAttribute("data-sortable"), e.getAttribute("tabindex") === "0" && e.removeAttribute("tabindex")), s === this._sortColumnIndex && t ? e.setAttribute("aria-sort", this._sortDirection === "asc" ? "ascending" : "descending") : t ? e.setAttribute("aria-sort", "none") : e.removeAttribute("aria-sort");
     });
   }
   _syncRowSelectionState() {
-    const t = this.hasAttribute("selectable"), s = this._bodyRows();
+    const t = this.hasAttribute("selectable"), r = this._bodyRows();
     for (const e of Array.from(this._selectedRows))
-      s.includes(e) || this._selectedRows.delete(e);
-    s.forEach((e) => {
+      r.includes(e) || this._selectedRows.delete(e);
+    r.forEach((e) => {
       t ? (e.setAttribute("aria-selected", this._selectedRows.has(e) ? "true" : "false"), e.hasAttribute("tabindex") || e.setAttribute("tabindex", "0"), this._selectedRows.has(e) ? e.setAttribute("data-selected", "true") : e.removeAttribute("data-selected")) : (e.removeAttribute("aria-selected"), e.removeAttribute("data-selected"), e.getAttribute("tabindex") === "0" && e.removeAttribute("tabindex"));
     });
   }
   _bodyRows() {
-    if (!this._table)
-      return [];
+    if (!this._table) return [];
     const t = this._table.tBodies[0];
     return t ? Array.from(t.rows) : [];
   }
-  _sortByColumn(t, s) {
-    if (!this._table)
-      return;
+  _sortByColumn(t, r) {
+    if (!this._table) return;
     const e = this._table.tBodies[0];
-    if (!e)
-      return;
+    if (!e) return;
     this._sortColumnIndex === t ? this._sortDirection = this._sortDirection === "asc" ? "desc" : "asc" : (this._sortColumnIndex = t, this._sortDirection = "asc"), Array.from(e.rows).map((a, l) => ({
       row: a,
       rowIndex: l,
@@ -346,7 +339,7 @@ class _ extends m {
       let c = 0;
       return typeof b == "number" && typeof u == "number" ? c = b - u : c = String(b).localeCompare(String(u), void 0, { numeric: !0, sensitivity: "base" }), c === 0 && (c = a.rowIndex - l.rowIndex), this._sortDirection === "asc" ? c : -c;
     }).map((a) => a.row).forEach((a) => e.appendChild(a)), this._syncHeaderState(), this._syncRowSelectionState();
-    const o = s.getAttribute("data-key") || d(s) || `column-${t + 1}`;
+    const o = r.getAttribute("data-key") || d(r) || `column-${t + 1}`;
     this.dispatchEvent(
       new CustomEvent("sort-change", {
         detail: {
@@ -359,20 +352,20 @@ class _ extends m {
     );
   }
   _rowValues(t) {
-    const s = this._headerCells(), e = Array.from(t.cells), r = {};
+    const r = this._headerCells(), e = Array.from(t.cells), s = {};
     return e.forEach((n, o) => {
-      const a = s[o], l = ((a == null ? void 0 : a.getAttribute("data-key")) || d(a || void 0) || `col_${o + 1}`).toLowerCase().replace(/[^a-z0-9_]+/g, "_").replace(/^_+|_+$/g, "");
-      r[l || `col_${o + 1}`] = d(n);
-    }), r;
+      const a = r[o], l = (a?.getAttribute("data-key") || d(a || void 0) || `col_${o + 1}`).toLowerCase().replace(/[^a-z0-9_]+/g, "_").replace(/^_+|_+$/g, "");
+      s[l || `col_${o + 1}`] = d(n);
+    }), s;
   }
   _toggleRowSelection(t) {
-    const s = this.hasAttribute("multi-select"), e = this._selectedRows.has(t);
-    s || this._selectedRows.clear(), e && s ? this._selectedRows.delete(t) : this._selectedRows.add(t), this._syncRowSelectionState();
-    const r = this._bodyRows(), n = r.flatMap((a, l) => this._selectedRows.has(a) ? [l] : []), o = r.filter((a) => this._selectedRows.has(a)).map((a) => this._rowValues(a));
+    const r = this.hasAttribute("multi-select"), e = this._selectedRows.has(t);
+    r || this._selectedRows.clear(), e && r ? this._selectedRows.delete(t) : this._selectedRows.add(t), this._syncRowSelectionState();
+    const s = this._bodyRows(), n = s.flatMap((a, l) => this._selectedRows.has(a) ? [l] : []), o = s.filter((a) => this._selectedRows.has(a)).map((a) => this._rowValues(a));
     this.dispatchEvent(
       new CustomEvent("row-select", {
         detail: {
-          index: r.indexOf(t),
+          index: s.indexOf(t),
           selected: this._selectedRows.has(t),
           indices: n,
           rows: o
@@ -382,11 +375,10 @@ class _ extends m {
     );
   }
   _onClick(t) {
-    if (!this._table)
-      return;
-    const s = t.target;
+    if (!this._table) return;
+    const r = t.target;
     if (this.hasAttribute("sortable")) {
-      const e = s.closest("th");
+      const e = r.closest("th");
       if (e && this._table.contains(e)) {
         const n = this._headerCells().indexOf(e);
         if (n >= 0) {
@@ -396,33 +388,31 @@ class _ extends m {
       }
     }
     if (this.hasAttribute("selectable")) {
-      const e = s.closest("tbody tr");
+      const e = r.closest("tbody tr");
       e && this._table.contains(e) && this._toggleRowSelection(e);
     }
   }
   _onKeyDown(t) {
-    if (!this._table)
-      return;
-    const s = t.key;
-    if (s !== "Enter" && s !== " ")
-      return;
+    if (!this._table) return;
+    const r = t.key;
+    if (r !== "Enter" && r !== " ") return;
     const e = t.target;
     if (this.hasAttribute("sortable")) {
-      const r = e.closest("th");
-      if (r && this._table.contains(r)) {
-        const o = this._headerCells().indexOf(r);
+      const s = e.closest("th");
+      if (s && this._table.contains(s)) {
+        const o = this._headerCells().indexOf(s);
         if (o >= 0) {
-          t.preventDefault(), this._sortByColumn(o, r);
+          t.preventDefault(), this._sortByColumn(o, s);
           return;
         }
       }
     }
     if (this.hasAttribute("selectable")) {
-      const r = e.closest("tbody tr");
-      r && this._table.contains(r) && (t.preventDefault(), this._toggleRowSelection(r));
+      const s = e.closest("tbody tr");
+      s && this._table.contains(s) && (t.preventDefault(), this._toggleRowSelection(s));
     }
   }
-  shouldRenderOnAttributeChange(t, s, e) {
+  shouldRenderOnAttributeChange(t, r, e) {
     return !1;
   }
 }

package/dist/tabs.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./ElementBase-1b301e7f.js"),u=require("./roving-focus-group-5c059bf9.js"),y=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("./ElementBase-EV6mVBUV.js"),d=require("./roving-focus-group-BdJ_4Njm.js"),_=`
   :host {
     --ui-tabs-nav-bg: var(--ui-color-surface, #ffffff);
     --ui-tabs-panel-bg: var(--ui-color-surface, #ffffff);
@@ -483,7 +483,7 @@
       border-color: Highlight;
     }
   }
-`;function p(v){return String(v).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function f(v){if(v==null)return!1;const t=String(v).toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}const _=new Set(["orientation","activation","headless","variant","size","density","tone","stretched","shape","elevation","bare"]);class g extends m.ElementBase{constructor(){super(),this._uid=`ui-tabs-${Math.random().toString(36).slice(2,9)}`,this._observer=null,this._resizeObserver=null,this._isSyncing=!1,this._isSyncingSelectionAttributes=!1,this._focusIndex=-1,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onWindowResize=this._onWindowResize.bind(this)}static get observedAttributes(){return["selected","value","orientation","activation","headless","variant","size","density","tone","stretched","shape","elevation","loop","bare"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this._observer=new MutationObserver(()=>{this._isSyncing||this.requestRender()}),this._observer.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["slot","data-label","data-value","data-icon","data-disabled","disabled","data-active"]}),typeof ResizeObserver<"u"?(this._resizeObserver=new ResizeObserver(()=>this._syncSelectionUi()),this._resizeObserver.observe(this)):window.addEventListener("resize",this._onWindowResize),this._syncSelectionUi()}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),this._observer&&(this._observer.disconnect(),this._observer=null),this._resizeObserver?(this._resizeObserver.disconnect(),this._resizeObserver=null):window.removeEventListener("resize",this._onWindowResize),super.disconnectedCallback()}attributeChangedCallback(t,e,i){if(e!==i){if(t==="selected"||t==="value"){this._isSyncingSelectionAttributes||this._syncSelectionUi();return}_.has(t)&&this.isConnected&&this.requestRender()}}get selected(){return this.getAttribute("selected")||"0"}set selected(t){const e=String(t);e?this.setAttribute("selected",e):this.removeAttribute("selected")}_sourceTabs(){return Array.from(this.querySelectorAll('[slot="tab"]'))}_sourcePanels(){return Array.from(this.querySelectorAll('[slot="panel"]'))}_tabsModel(){return this._sourceTabs().map((t,e)=>{var b;const i=t.getAttribute("data-value")||t.getAttribute("value")||String(e),a=t.getAttribute("data-label")||((b=t.textContent)==null?void 0:b.trim())||`Tab ${e+1}`,r=t.getAttribute("data-icon")||"",s=t.hasAttribute("disabled")||f(t.getAttribute("data-disabled")),n=`${this._uid}-tab-${e}`,o=`${this._uid}-panel-${e}`;return{index:e,value:i,label:a,icon:r,disabled:s,tabId:n,panelId:o}})}_resolveSelectedIndex(t){if(!t.length)return-1;const e=this.getAttribute("selected"),i=this.getAttribute("value"),a=this._sourceTabs();let r=-1;if(e!=null&&e!==""){const s=Number(e);Number.isFinite(s)?r=Math.trunc(s):r=t.findIndex(n=>n.value===e)}return r<0&&i&&(r=t.findIndex(s=>s.value===i)),r<0&&(r=t.findIndex((s,n)=>{var o;return!!((o=a[n])!=null&&o.hasAttribute("data-active"))&&!s.disabled})),(r<0||!t[r]||t[r].disabled)&&(r=t.findIndex(s=>!s.disabled)),r}_syncSelectedAttributes(t,e){const i=t[e];this._isSyncingSelectionAttributes=!0;try{if(!i){this.removeAttribute("selected"),this.removeAttribute("value");return}this.getAttribute("selected")!==String(e)&&this.setAttribute("selected",String(e)),this.getAttribute("value")!==i.value&&this.setAttribute("value",i.value)}finally{this._isSyncingSelectionAttributes=!1}}_emit(t,e,i){const a=e[i];if(!a)return;const r={selected:i,index:i,value:a.value,label:a.label,tabId:a.tabId,panelId:a.panelId};this.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0}))}_setSelectedByIndex(t,e,i){const a=t[e];if(!a||a.disabled)return;if(this._resolveSelectedIndex(t)===e){this._focusTab(e);return}this._focusIndex=e,this.setAttribute("selected",String(e)),this.setAttribute("value",a.value),i&&(this._emit("change",t,e),this._emit("select",t,e))}_syncSelectionUi(){if(!this.isConnected)return;if(!this.root.querySelector(".nav")){this.requestRender();return}const t=this._tabsModel();if(!t.length)return;const e=this._resolveSelectedIndex(t),i=this._resolveFocusIndex(t,e);this._syncSelectedAttributes(t,e);const a=Array.from(this.root.querySelectorAll(".tab"));a.forEach((s,n)=>{const o=t[n];if(!o)return;const b=n===e;s.setAttribute("aria-selected",b?"true":"false"),s.setAttribute("aria-controls",o.panelId),s.setAttribute("aria-disabled",o.disabled?"true":"false"),o.disabled?s.setAttribute("disabled",""):s.removeAttribute("disabled")}),u.syncRovingTabStops(a,a[i]||null,{activeAttribute:null});const r=t[e];this._syncIndicator(e),r?(this.setAttribute("aria-activedescendant",r.tabId),this.setAttribute("aria-controls",r.panelId),this._scrollSelectedTabIntoView(e)):(this.removeAttribute("aria-activedescendant"),this.removeAttribute("aria-controls")),this._syncPanels(t,e)}_syncIndicator(t){const e=this.root.querySelector(".nav");if(!e)return;const i=this.getAttribute("variant")||"default",a=i==="indicator";if(!a&&!(i==="indicator-line")){e.removeAttribute("data-indicator-ready"),e.style.removeProperty("--ui-tabs-indicator-x"),e.style.removeProperty("--ui-tabs-indicator-y"),e.style.removeProperty("--ui-tabs-indicator-w"),e.style.removeProperty("--ui-tabs-indicator-h");return}const s=this.root.querySelector(`.tab[data-index="${t}"]`);if(!s){e.removeAttribute("data-indicator-ready");return}const n=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal",o=getComputedStyle(this).direction==="rtl";let b=s.offsetLeft,d=s.offsetTop,c=s.offsetWidth,l=s.offsetHeight;a?(b+=2,d+=2,c=Math.max(0,c-2*2),l=Math.max(0,l-2*2)):n==="vertical"?(d+=5,l=Math.max(8,l-5*2),c=3,b+=o?s.offsetWidth-3-2:2):(b+=8,c=Math.max(12,c-8*2),l=2,d+=s.offsetHeight-2-2),e.style.setProperty("--ui-tabs-indicator-x",`${b}px`),e.style.setProperty("--ui-tabs-indicator-y",`${d}px`),e.style.setProperty("--ui-tabs-indicator-w",`${c}px`),e.style.setProperty("--ui-tabs-indicator-h",`${l}px`),e.setAttribute("data-indicator-ready","true")}_syncPanels(t,e){const i=this._sourcePanels(),a=this.root.querySelector(".panel-wrap");a&&(i.length?a.removeAttribute("hidden"):a.setAttribute("hidden","")),this._isSyncing=!0;try{i.forEach((r,s)=>{const n=t[s],o=s===e;r.id=(n==null?void 0:n.panelId)||`${this._uid}-panel-${s}`,r.setAttribute("role","tabpanel"),r.setAttribute("tabindex",o?"0":"-1"),r.setAttribute("aria-hidden",o?"false":"true"),n&&r.setAttribute("aria-labelledby",n.tabId),o?r.removeAttribute("hidden"):r.setAttribute("hidden","")})}finally{this._isSyncing=!1}}_enabledIndices(t){return t.filter(e=>!e.disabled).map(e=>e.index)}_resolveFocusIndex(t,e){const i=u.resolveRovingFocusIndex(t,{activeIndex:this._focusIndex,selectedIndex:e,getDisabled:a=>a.disabled});return this._focusIndex=i,i}_onWindowResize(){this._syncSelectionUi()}_focusTab(t){this._focusIndex=t;const e=this.root.querySelector(`.tab[data-index="${t}"]`),i=Array.from(this.root.querySelectorAll(".tab"));u.syncRovingTabStops(i,e,{activeAttribute:null}),u.focusRovingItem(e)}_scrollSelectedTabIntoView(t){const e=this.root.querySelector(".nav"),i=this.root.querySelector(`.tab[data-index="${t}"]`);if(!e||!i)return;const a=this.getAttribute("orientation")!=="vertical",r=typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;typeof i.scrollIntoView=="function"&&i.scrollIntoView({behavior:r?"auto":"smooth",block:"nearest",inline:a?"center":"nearest"})}_onClick(t){const e=t.target,i=e==null?void 0:e.closest(".tab");if(!i||i.disabled)return;const a=Number(i.getAttribute("data-index"));if(!Number.isFinite(a))return;const r=this._tabsModel();this._setSelectedByIndex(r,a,!0)}_onKeyDown(t){const e=t.target,i=e==null?void 0:e.closest(".tab");if(!i)return;const a=this._tabsModel();if(!a.length)return;const r=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal",s=this.getAttribute("activation")==="manual"?"manual":"auto",n=!this.hasAttribute("loop")||f(this.getAttribute("loop")),o=getComputedStyle(this).direction==="rtl",b=Number(i.getAttribute("data-index"));if(!Number.isFinite(b))return;const d=c=>{const l=u.moveRovingFocusIndex(a,b,c,{wrap:n,fallbackIndex:this._resolveFocusIndex(a,this._resolveSelectedIndex(a)),getDisabled:h=>h.disabled});l!=null&&(this._focusTab(l),s==="auto"?this._setSelectedByIndex(a,l,!0):this._emit("focus",a,l))};if(r==="horizontal"&&(t.key==="ArrowRight"&&!o||t.key==="ArrowLeft"&&o)||r==="vertical"&&t.key==="ArrowDown"){t.preventDefault(),d(1);return}if(r==="horizontal"&&(t.key==="ArrowLeft"&&!o||t.key==="ArrowRight"&&o)||r==="vertical"&&t.key==="ArrowUp"){t.preventDefault(),d(-1);return}if(t.key==="Home"){t.preventDefault();const c=u.getRovingFocusBoundaryIndex(a,"first",l=>l.disabled);if(c<0)return;this._focusTab(c),s==="auto"?this._setSelectedByIndex(a,c,!0):this._emit("focus",a,c);return}if(t.key==="End"){t.preventDefault();const c=u.getRovingFocusBoundaryIndex(a,"last",l=>l.disabled);if(c<0)return;this._focusTab(c),s==="auto"?this._setSelectedByIndex(a,c,!0):this._emit("focus",a,c);return}(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this._setSelectedByIndex(a,b,!0))}render(){const t=this._tabsModel(),e=this._resolveSelectedIndex(t),i=this._resolveFocusIndex(t,e);this._syncSelectedAttributes(t,e);const a=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal",r=t.map(n=>{const o=n.index===e,b=n.icon?`<span class="tab-icon" aria-hidden="true">${p(n.icon)}</span>`:"";return`
+`,p="data-ui-tabs-auto-label";function f(h){return String(h).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function g(h){if(h==null)return!1;const t=String(h).toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}const w=new Set(["orientation","activation","headless","variant","size","density","tone","stretched","shape","elevation","bare"]);class x extends y.ElementBase{constructor(){super(),this._uid=`ui-tabs-${Math.random().toString(36).slice(2,9)}`,this._observer=null,this._resizeObserver=null,this._isSyncing=!1,this._isSyncingSelectionAttributes=!1,this._focusIndex=-1,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onWindowResize=this._onWindowResize.bind(this)}static get observedAttributes(){return["selected","value","orientation","activation","headless","variant","size","density","tone","stretched","shape","elevation","loop","bare"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this._observer=new MutationObserver(()=>{this._isSyncing||this.requestRender()}),this._observer.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["slot","data-label","data-value","data-icon","data-disabled","disabled","data-active"]}),typeof ResizeObserver<"u"?(this._resizeObserver=new ResizeObserver(()=>this._syncSelectionUi()),this._resizeObserver.observe(this)):window.addEventListener("resize",this._onWindowResize),this._syncSelectionUi()}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),this._observer&&(this._observer.disconnect(),this._observer=null),this._resizeObserver?(this._resizeObserver.disconnect(),this._resizeObserver=null):window.removeEventListener("resize",this._onWindowResize),super.disconnectedCallback()}attributeChangedCallback(t,e,r){if(e!==r){if(t==="selected"||t==="value"){this._isSyncingSelectionAttributes||this._syncSelectionUi();return}w.has(t)&&this.isConnected&&this.requestRender()}}get selected(){return this.getAttribute("selected")||"0"}set selected(t){const e=String(t);e?this.setAttribute("selected",e):this.removeAttribute("selected")}_sourceTabs(){return Array.from(this.querySelectorAll('[slot="tab"]'))}_sourcePanels(){return Array.from(this.querySelectorAll('[slot="panel"]'))}_tabsModel(){return this._sourceTabs().map((t,e)=>{const r=t.getAttribute("data-value")||t.getAttribute("value")||String(e),a=t.getAttribute("data-label")||t.textContent?.trim()||`Tab ${e+1}`,i=t.getAttribute("data-icon")||"",s=t.hasAttribute("disabled")||g(t.getAttribute("data-disabled")),n=`${this._uid}-tab-${e}`,o=`${this._uid}-panel-${e}`;return{index:e,value:r,label:a,icon:i,disabled:s,tabId:n,panelId:o}})}_resolveSelectedIndex(t){if(!t.length)return-1;const e=this.getAttribute("selected"),r=this.getAttribute("value"),a=this._sourceTabs();let i=-1;if(e!=null&&e!==""){const s=Number(e);Number.isFinite(s)?i=Math.trunc(s):i=t.findIndex(n=>n.value===e)}return i<0&&r&&(i=t.findIndex(s=>s.value===r)),i<0&&(i=t.findIndex((s,n)=>!!a[n]?.hasAttribute("data-active")&&!s.disabled)),(i<0||!t[i]||t[i].disabled)&&(i=t.findIndex(s=>!s.disabled)),i}_syncSelectedAttributes(t,e){const r=t[e];this._isSyncingSelectionAttributes=!0;try{if(!r){this.removeAttribute("selected"),this.removeAttribute("value");return}this.getAttribute("selected")!==String(e)&&this.setAttribute("selected",String(e)),this.getAttribute("value")!==r.value&&this.setAttribute("value",r.value)}finally{this._isSyncingSelectionAttributes=!1}}_emit(t,e,r){const a=e[r];if(!a)return;const i={selected:r,index:r,value:a.value,label:a.label,tabId:a.tabId,panelId:a.panelId};this.dispatchEvent(new CustomEvent(t,{detail:i,bubbles:!0,composed:!0}))}_setSelectedByIndex(t,e,r){const a=t[e];if(!a||a.disabled)return;if(this._resolveSelectedIndex(t)===e){this._focusTab(e);return}this._focusIndex=e,this.setAttribute("selected",String(e)),this.setAttribute("value",a.value),r&&(this._emit("change",t,e),this._emit("select",t,e))}_syncSelectionUi(){if(!this.isConnected)return;if(!this.root.querySelector(".nav")){this.requestRender();return}const t=this._tabsModel();if(!t.length)return;const e=this._resolveSelectedIndex(t),r=this._resolveFocusIndex(t,e);this._syncSelectedAttributes(t,e);const a=Array.from(this.root.querySelectorAll(".tab"));a.forEach((s,n)=>{const o=t[n];if(!o)return;const l=n===e;s.setAttribute("aria-selected",l?"true":"false"),s.setAttribute("aria-controls",o.panelId),s.setAttribute("aria-disabled",o.disabled?"true":"false"),o.disabled?s.setAttribute("disabled",""):s.removeAttribute("disabled")}),d.syncRovingTabStops(a,a[r]||null,{activeAttribute:null});const i=t[e];this._syncIndicator(e),i?(this.setAttribute("aria-activedescendant",i.tabId),this.setAttribute("aria-controls",i.panelId),this._scrollSelectedTabIntoView(e)):(this.removeAttribute("aria-activedescendant"),this.removeAttribute("aria-controls")),this._syncPanels(t,e)}_syncIndicator(t){const e=this.root.querySelector(".nav");if(!e)return;const r=this.getAttribute("variant")||"default",a=r==="indicator";if(!a&&!(r==="indicator-line")){e.removeAttribute("data-indicator-ready"),e.style.removeProperty("--ui-tabs-indicator-x"),e.style.removeProperty("--ui-tabs-indicator-y"),e.style.removeProperty("--ui-tabs-indicator-w"),e.style.removeProperty("--ui-tabs-indicator-h");return}const s=this.root.querySelector(`.tab[data-index="${t}"]`);if(!s){e.removeAttribute("data-indicator-ready");return}const n=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal",o=getComputedStyle(this).direction==="rtl";let l=s.offsetLeft,u=s.offsetTop,c=s.offsetWidth,b=s.offsetHeight;a?(l+=2,u+=2,c=Math.max(0,c-4),b=Math.max(0,b-4)):n==="vertical"?(u+=5,b=Math.max(8,b-10),c=3,l+=o?s.offsetWidth-3-2:2):(l+=8,c=Math.max(12,c-16),b=2,u+=s.offsetHeight-2-2),e.style.setProperty("--ui-tabs-indicator-x",`${l}px`),e.style.setProperty("--ui-tabs-indicator-y",`${u}px`),e.style.setProperty("--ui-tabs-indicator-w",`${c}px`),e.style.setProperty("--ui-tabs-indicator-h",`${b}px`),e.setAttribute("data-indicator-ready","true")}_syncPanels(t,e){const r=this._sourcePanels(),a=this.root.querySelector(".panel-wrap");a&&(r.length?a.removeAttribute("hidden"):a.setAttribute("hidden","")),this._isSyncing=!0;try{r.forEach((i,s)=>{const n=t[s],o=s===e;i.id=n?.panelId||`${this._uid}-panel-${s}`,i.setAttribute("role","tabpanel"),i.setAttribute("tabindex",o?"0":"-1"),i.setAttribute("aria-hidden",o?"false":"true"),n&&(i.getAttribute("aria-labelledby")===n.tabId&&i.removeAttribute("aria-labelledby"),i.hasAttribute("aria-labelledby")||i.hasAttribute("aria-label")&&!i.hasAttribute(p)||(i.setAttribute("aria-label",n.label),i.setAttribute(p,""))),o?i.removeAttribute("hidden"):i.setAttribute("hidden","")})}finally{this._isSyncing=!1}}_enabledIndices(t){return t.filter(e=>!e.disabled).map(e=>e.index)}_resolveFocusIndex(t,e){const r=d.resolveRovingFocusIndex(t,{activeIndex:this._focusIndex,selectedIndex:e,getDisabled:a=>a.disabled});return this._focusIndex=r,r}_onWindowResize(){this._syncSelectionUi()}_focusTab(t){this._focusIndex=t;const e=this.root.querySelector(`.tab[data-index="${t}"]`),r=Array.from(this.root.querySelectorAll(".tab"));d.syncRovingTabStops(r,e,{activeAttribute:null}),d.focusRovingItem(e)}_scrollSelectedTabIntoView(t){const e=this.root.querySelector(".nav"),r=this.root.querySelector(`.tab[data-index="${t}"]`);if(!e||!r)return;const a=this.getAttribute("orientation")!=="vertical",i=typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;typeof r.scrollIntoView=="function"&&r.scrollIntoView({behavior:i?"auto":"smooth",block:"nearest",inline:a?"center":"nearest"})}_onClick(t){const r=t.target?.closest(".tab");if(!r||r.disabled)return;const a=Number(r.getAttribute("data-index"));if(!Number.isFinite(a))return;const i=this._tabsModel();this._setSelectedByIndex(i,a,!0)}_onKeyDown(t){const r=t.target?.closest(".tab");if(!r)return;const a=this._tabsModel();if(!a.length)return;const i=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal",s=this.getAttribute("activation")==="manual"?"manual":"auto",n=!this.hasAttribute("loop")||g(this.getAttribute("loop")),o=getComputedStyle(this).direction==="rtl",l=Number(r.getAttribute("data-index"));if(!Number.isFinite(l))return;const u=c=>{const b=d.moveRovingFocusIndex(a,l,c,{wrap:n,fallbackIndex:this._resolveFocusIndex(a,this._resolveSelectedIndex(a)),getDisabled:v=>v.disabled});b!=null&&(this._focusTab(b),s==="auto"?this._setSelectedByIndex(a,b,!0):this._emit("focus",a,b))};if(i==="horizontal"&&(t.key==="ArrowRight"&&!o||t.key==="ArrowLeft"&&o)||i==="vertical"&&t.key==="ArrowDown"){t.preventDefault(),u(1);return}if(i==="horizontal"&&(t.key==="ArrowLeft"&&!o||t.key==="ArrowRight"&&o)||i==="vertical"&&t.key==="ArrowUp"){t.preventDefault(),u(-1);return}if(t.key==="Home"){t.preventDefault();const c=d.getRovingFocusBoundaryIndex(a,"first",b=>b.disabled);if(c<0)return;this._focusTab(c),s==="auto"?this._setSelectedByIndex(a,c,!0):this._emit("focus",a,c);return}if(t.key==="End"){t.preventDefault();const c=d.getRovingFocusBoundaryIndex(a,"last",b=>b.disabled);if(c<0)return;this._focusTab(c),s==="auto"?this._setSelectedByIndex(a,c,!0):this._emit("focus",a,c);return}(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this._setSelectedByIndex(a,l,!0))}render(){const t=this._tabsModel(),e=this._resolveSelectedIndex(t),r=this._resolveFocusIndex(t,e);this._syncSelectedAttributes(t,e);const a=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal",i=t.map(n=>{const o=n.index===e,l=n.icon?`<span class="tab-icon" aria-hidden="true">${f(n.icon)}</span>`:"";return`
           <button
             type="button"
             class="tab"
@@ -494,22 +494,22 @@
             aria-selected="${o?"true":"false"}"
             aria-controls="${n.panelId}"
             aria-disabled="${n.disabled?"true":"false"}"
-            tabindex="${n.index===i&&!n.disabled?"0":"-1"}"
+            tabindex="${n.index===r&&!n.disabled?"0":"-1"}"
             ${n.disabled?"disabled":""}
           >
-            ${b}
-            <span class="tab-label">${p(n.label)}</span>
+            ${l}
+            <span class="tab-label">${f(n.label)}</span>
           </button>
         `}).join("");this.setContent(`
-      <style>${y}</style>
+      <style>${_}</style>
       <section class="shell" part="shell">
         <div class="nav" role="tablist" aria-orientation="${a}" part="nav">
           <span class="indicator" part="indicator" aria-hidden="true"></span>
-          ${r}
+          ${i}
         </div>
         <div class="panel-wrap" part="panel-wrap" aria-live="polite">
           <slot name="panel"></slot>
         </div>
       </section>
       <slot class="source-tabs" name="tab"></slot>
-    `);const s=t[e];s?(this.setAttribute("aria-activedescendant",s.tabId),this.setAttribute("aria-controls",s.panelId)):(this.removeAttribute("aria-activedescendant"),this.removeAttribute("aria-controls")),this._syncIndicator(e),this._syncPanels(t,e)}}typeof customElements<"u"&&!customElements.get("ui-tabs")&&customElements.define("ui-tabs",g);exports.UITabs=g;
+    `);const s=t[e];s?(this.setAttribute("aria-activedescendant",s.tabId),this.setAttribute("aria-controls",s.panelId)):(this.removeAttribute("aria-activedescendant"),this.removeAttribute("aria-controls")),this._syncIndicator(e),this._syncPanels(t,e)}}typeof customElements<"u"&&!customElements.get("ui-tabs")&&customElements.define("ui-tabs",x);exports.UITabs=x;