@luzmo/lucero 2.5.1 → 2.5.2

package/components/{table-BckZkgeh.js → table-DlOWqm5C.js}

@@ -16,13 +16,13 @@
  * SOFTWARE.
  * */
 import "./tokens.js";
-import { n as e, t } from "./decorate-CkCg3wfh.js";
-import { n } from "./sized-mixin-DzQTebN-.js";
-import { t as r } from "./roving-tabindex-pomAn3z-.js";
-import { r as i, t as a } from "./language-resolution-BaKYDD1a.js";
-import { r as o } from "./match-media-C5X2OZiD.js";
-import "./checkbox-CydI9yXG.js";
-import { n as s } from "./template-property-DNDi7lQv.js";
+import { n as e, t } from "./decorate-CpKsOs9z.js";
+import { n } from "./sized-mixin-BmxIAuoH.js";
+import { t as r } from "./roving-tabindex-BKMkfzY0.js";
+import { r as i, t as a } from "./language-resolution-7rc0khIK.js";
+import { r as o } from "./match-media-UNh23w4s.js";
+import "./checkbox-CvRvgRzh.js";
+import { n as s } from "./template-property-Bks4Db5C.js";
 import { html as c, nothing as l, unsafeCSS as u } from "lit";
 import { property as d, query as f, state as p } from "lit/decorators.js";
 import { luzmoAngleDown as m, luzmoArrowDown as h, luzmoArrowUp as g, luzmoIcon as _ } from "@luzmo/icons";
@@ -32,7 +32,7 @@ import { styleMap as b } from "lit/directives/style-map.js";
 import { repeat as ee } from "lit/directives/repeat.js";
 import { createTable as te, getCoreRowModel as ne, getSortedRowModel as re } from "@tanstack/table-core";
 import { Virtualizer as ie, elementScroll as ae, observeElementOffset as oe, observeElementRect as se } from "@tanstack/virtual-core";
-//#region src/components/table/controllers/table-announcer.ts
+// src/components/table/controllers/table-announcer.ts
 var ce = "data-luzmo-table-announcer", x, S = 0, C = 0, le = () => {
 	let e = document.createElement("div");
 	return e.setAttribute(ce, ""), e.setAttribute("aria-live", "polite"), e.setAttribute("aria-atomic", "true"), Object.assign(e.style, {
@@ -153,7 +153,7 @@ var ce = "data-luzmo-table-announcer", x, S = 0, C = 0, le = () => {
 			onRowSelectionChange: (e) => {
 				this.pendingSelection = Se(e, this.rowSelection);
 			}
-		}), this.compare = (e, t) => typeof e == "number" && typeof t == "number" ? e - t : ((!this.collator || this.collatorLocale !== this.locale) && (this.collatorLocale = this.locale, this.collator = new Intl.Collator(this.locale, {
+		}), this.compare = (e, t) => typeof e == "number" && typeof t == "number" ? e - t : (this.collator && this.collatorLocale === this.locale || (this.collatorLocale = this.locale, this.collator = new Intl.Collator(this.locale, {
 			numeric: !0,
 			sensitivity: "base"
 		})), this.collator.compare(String(e), String(t)));
@@ -165,14 +165,10 @@ var ce = "data-luzmo-table-announcer", x, S = 0, C = 0, le = () => {
 		this.selectedOrder = [...e], this.rowSelection = Object.fromEntries(e.map((e) => [e, !0]));
 	}
 	setSorting(e, t = !1) {
-		if (this.manualSorting = t, !e) {
-			this.sorting = [];
-			return;
-		}
-		this.columns.some((t) => t.id === e.key) || (this.columns = [...this.columns, this.createSortColumn(e.key)]), this.sorting = [{
+		this.manualSorting = t, e ? (this.columns.some((t) => t.id === e.key) || (this.columns = [...this.columns, this.createSortColumn(e.key)]), this.sorting = [{
 			id: e.key,
 			desc: e.direction === "desc"
-		}];
+		}]) : this.sorting = [];
 	}
 	get rows() {
 		this.sync();
@@ -310,7 +306,7 @@ var ce = "data-luzmo-table-announcer", x, S = 0, C = 0, le = () => {
 	}
 	formatWidth(e) {
 		let t = this.options.language();
-		return (!this.widthFormatter || this.formatterLanguage !== t) && (this.formatterLanguage = t, this.widthFormatter = new Intl.NumberFormat(t)), this.widthFormatter.format(e);
+		return this.widthFormatter && this.formatterLanguage === t || (this.formatterLanguage = t, this.widthFormatter = new Intl.NumberFormat(t)), this.widthFormatter.format(e);
 	}
 	cellFromPath(e) {
 		return e.find((e) => e instanceof HTMLElement && we.has(e.localName));
@@ -521,7 +517,7 @@ var ce = "data-luzmo-table-announcer", x, S = 0, C = 0, le = () => {
 	}
 	watchBodyScrollbar() {
 		let e = this.body();
-		!e || e === this.observedBody || (this.bodyObserver?.disconnect(), this.observedBody = e, this.bodyObserver ??= new ResizeObserver(() => {
+		e && e !== this.observedBody && (this.bodyObserver?.disconnect(), this.observedBody = e, this.bodyObserver ??= new ResizeObserver(() => {
 			this.syncHeadScroll();
 		}), this.bodyObserver.observe(e, { box: "content-box" }));
 	}
@@ -591,13 +587,7 @@ var ce = "data-luzmo-table-announcer", x, S = 0, C = 0, le = () => {
 		return !!this.virtualizer;
 	}
 	set enabled(e) {
-		if (e !== this.enabled) {
-			if (e) {
-				this.virtualizer = new ie(this.createOptions()), this.connected && (this.cleanup = this.virtualizer._didMount());
-				return;
-			}
-			this.cleanup?.(), this.cleanup = void 0, this.virtualizer = void 0, this.range = void 0;
-		}
+		e !== this.enabled && (e ? (this.virtualizer = new ie(this.createOptions()), this.connected && (this.cleanup = this.virtualizer._didMount())) : (this.cleanup?.(), this.cleanup = void 0, this.virtualizer = void 0, this.range = void 0));
 	}
 	sync(e) {
 		return this.virtualizer ? (e !== this.keys && (this.keys = e, this.virtualizer.setOptions(this.createOptions())), this.virtualizer.getVirtualItems()) : [];
@@ -660,13 +650,11 @@ var ce = "data-luzmo-table-announcer", x, S = 0, C = 0, le = () => {
 		}), !0);
 	}
 }, Ne = ":host{grid-template-columns:var(--table-grid-columns);min-inline-size:var(--table-min-inline-size,0);box-sizing:border-box;display:grid;overflow:hidden;border-block-start:none!important;border-inline:none!important;border-block-end-width:var(--table-row-divider-width)!important;border-block-end-style:solid!important;border-block-end-color:var(--highcontrast-table-row-divider-color,var(--luzmo-table-border-color,var(--table-row-divider-color)))!important}:host([data-last-row]){border-block-end-width:0!important}:host([hidden]){display:none!important}.cell{outline:none;grid-column:1/-1;grid-template-rows:1fr;min-inline-size:0;display:grid;overflow:hidden}:host([data-last-row]) .cell{--table-focus-end-start-radius:var(--table-corner-radius);--table-focus-end-end-radius:var(--table-corner-radius)}.cell:focus-visible{outline:var(--luzmo-indicator-width,2px) solid var(--highcontrast-table-details-focus-indicator-color,var(--luzmo-indicator-color,currentColor));outline-offset:calc(var(--luzmo-indicator-width,2px) * -1);border-start-start-radius:var(--table-focus-start-start-radius,0);border-start-end-radius:var(--table-focus-start-end-radius,0);border-end-end-radius:var(--table-focus-end-end-radius,0);border-end-start-radius:var(--table-focus-end-start-radius,0)}.content{padding-block:var(--table-details-padding-block);padding-inline:var(--table-details-padding-inline);overflow:hidden}:host([opening]) .content,:host([closing]) .content{min-block-size:0}:host([opening]) .cell{animation:table-details-open var(--luzmo-animation-duration) ease-out}:host([closing]) .cell{animation:table-details-close var(--luzmo-animation-duration) ease-in}@keyframes table-details-open{0%{opacity:0;grid-template-rows:0fr}}@keyframes table-details-close{to{opacity:0;grid-template-rows:0fr}}@media (prefers-reduced-motion:reduce){:host([opening]) .cell,:host([closing]) .cell{animation:none}}:host{--table-row-divider-color:var(--luzmo-border-color);--table-row-divider-width:var(--luzmo-border-width);--table-details-padding-block:var(--luzmo-spacing-4);--table-details-padding-inline:var(--luzmo-table-cell-padding-inline,var(--table-cell-padding-inline))}@media (forced-colors:active){:host{--highcontrast-table-row-divider-color:CanvasText;--highcontrast-table-details-focus-indicator-color:Highlight}}";
-//#endregion
-//#region src/components/table/table-styles.ts
+// src/components/table/table-styles.ts
 function z(e, t) {
 	return [...Array.isArray(e) ? e : e ? [e] : [], u(t)];
 }
-//#endregion
-//#region src/components/table/table-row-details.ts
+// src/components/table/table-row-details.ts
 var B = class extends e {
 	constructor(...e) {
 		super(...e), this.role = "row", this.open = !1, this._phase = "closed", this.reducedMotion = new o(this, "(prefers-reduced-motion: reduce)"), this.handleAnimationEnd = (e) => {
@@ -685,17 +673,7 @@ var B = class extends e {
 		window.clearTimeout(this._closeFallback), super.disconnectedCallback();
 	}
 	willUpdate(e) {
-		if (super.willUpdate(e), !(!e.has("open") && this.hasUpdated)) {
-			if (this.open) {
-				this.hidden = !1, this._phase = this.hasUpdated && !this.reducedMotion.matches ? "opening" : "open";
-				return;
-			}
-			if (!this.hasUpdated || this.reducedMotion.matches || this._phase === "closed") {
-				this._phase = "closed", this.hidden = !0;
-				return;
-			}
-			this._phase = "closing";
-		}
+		super.willUpdate(e), (e.has("open") || !this.hasUpdated) && (this.open ? (this.hidden = !1, this._phase = this.hasUpdated && !this.reducedMotion.matches ? "opening" : "open") : !this.hasUpdated || this.reducedMotion.matches || this._phase === "closed" ? (this._phase = "closed", this.hidden = !0) : this._phase = "closing");
 	}
 	render() {
 		return c`
@@ -716,8 +694,7 @@ t([d({ reflect: !0 })], B.prototype, "role", void 0), t([d({
 	type: Boolean,
 	reflect: !0
 })], B.prototype, "open", void 0), t([p()], B.prototype, "_phase", void 0);
-//#endregion
-//#region src/components/table/table-templates.ts
+// src/components/table/table-templates.ts
 var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
 	let n = t[e.accessorKey ?? e.id];
 	return typeof n == "string" || typeof n == "number" ? String(n) : "";
@@ -766,7 +743,7 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
     <luzmo-table-body>
       ${o ? U(e.paddingStart) : l}
       ${ee(t, ({ record: e }) => e.value, ({ record: t, position: s }) => {
-		let u = !!i && !t.information, d = e.expandable && !t.information, f = d && e.isExpanded(t.value), p = s === e.rowCount - 1, m = e.ariaIndexes?.get(t.value), h = m?.row ?? (a === void 0 ? void 0 : s + a), g = c`${c`
+		let u = !!i && !t.information, d = e.expandable && !t.information, f = d && e.isExpanded(t.value), p = s === e.rowCount - 1, m = e.ariaIndexes?.get(t.value), h = m?.row ?? (a === void 0 ? void 0 : s + a), g = c`
             <luzmo-table-row
               value=${t.value}
               data-index=${v(o ? void 0 : s)}
@@ -787,7 +764,7 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
               .detailsId=${d ? T(t.value) : ""}
               >${Fe(t, n, r)}</luzmo-table-row
             >
-          `}${d ? c`
+          `, _ = d ? c`
                 <luzmo-table-row-details
                   id=${T(t.value)}
                   .open=${f}
@@ -795,8 +772,8 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
                   ?data-last-row=${p}
                   >${e.renderDetails?.(t.item, t.index)}</luzmo-table-row-details
                 >
-              ` : l}`;
-		return o ? c`<div class="row-group" data-index=${s}>${g}</div>` : g;
+              ` : l, y = c`${g}${_}`;
+		return o ? c`<div class="row-group" data-index=${s}>${y}</div>` : y;
 	})}
       ${o ? U(e.paddingEnd) : l}
     </luzmo-table-body>
@@ -824,22 +801,7 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
 	"luzmo-table-cell",
 	"luzmo-table-head-cell",
 	"luzmo-table-checkbox-cell"
-]), Ve = [
-	"a[href]",
-	"button",
-	"input",
-	"select",
-	"textarea",
-	"label",
-	"summary",
-	"[contenteditable=\"\"]",
-	"[contenteditable=\"true\"]",
-	"[role=\"button\"]",
-	"[role=\"link\"]",
-	"[role=\"checkbox\"]",
-	"[role=\"switch\"]",
-	"[role=\"menuitem\"]"
-].join(","), He = "textarea, select, [contenteditable=\"\"], [contenteditable=\"true\"], input:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"button\"]):not([type=\"submit\"]):not([type=\"reset\"])", Ue = [
+]), Ve = "a[href],button,input,select,textarea,label,summary,[contenteditable=\"\"],[contenteditable=\"true\"],[role=\"button\"],[role=\"link\"],[role=\"checkbox\"],[role=\"switch\"],[role=\"menuitem\"]", He = "textarea, select, [contenteditable=\"\"], [contenteditable=\"true\"], input:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"button\"]):not([type=\"submit\"]):not([type=\"reset\"])", Ue = [
 	"columns",
 	"columnWidths",
 	"selects",
@@ -908,13 +870,7 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
 			}
 			if (!r) return;
 			let i = t.indexOf(r);
-			if (!t.slice(0, i).some((e) => G(e) && (e.localName === "luzmo-table-checkbox-cell" || e.localName === "luzmo-table-disclosure-cell" || e.matches(Ve)))) {
-				if (this.selects) {
-					this._toggleRow(r);
-					return;
-				}
-				r.expandable && this.expansion.toggle(r);
-			}
+			t.slice(0, i).some((e) => G(e) && (e.localName === "luzmo-table-checkbox-cell" || e.localName === "luzmo-table-disclosure-cell" || e.matches(Ve))) || (this.selects ? this._toggleRow(r) : r.expandable && this.expansion.toggle(r));
 		}, this.handleFocusin = (e) => {
 			if (!this._owns(e)) return;
 			let t = this._gridElementFromPath(e.composedPath());
@@ -932,11 +888,8 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
 				return;
 			}
 			let o = this._virtualNavigationTarget(e);
-			if (o) {
-				e.preventDefault(), e.stopImmediatePropagation(), this._focusVirtualCell(o.index, o.column);
-				return;
-			}
-			if (r && (e.code === "Space" || e.code === "Enter" || e.code === "NumpadEnter")) {
+			if (o) e.preventDefault(), e.stopImmediatePropagation(), this._focusVirtualCell(o.index, o.column);
+			else if (r && (e.code === "Space" || e.code === "Enter" || e.code === "NumpadEnter")) {
 				if (e.repeat) {
 					a && e.preventDefault();
 					return;
@@ -969,11 +922,7 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
 		n && this.navigation.focusElement(n, e);
 	}
 	scrollToIndex(e) {
-		if (this.virtualizer.enabled) {
-			this.virtualizer.scrollToIndex(e);
-			return;
-		}
-		this._rowElements()[e]?.scrollIntoView({ block: "nearest" });
+		this.virtualizer.enabled ? this.virtualizer.scrollToIndex(e) : this._rowElements()[e]?.scrollIntoView({ block: "nearest" });
 	}
 	startManagingContentDirection(e) {
 		this.directionManaged.add(e), this._syncDirection(e);
@@ -1025,10 +974,12 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
 	updated(e) {
 		super.updated(e), e.has("selects") && (this.selects === "multiple" ? this.setAttribute("aria-multiselectable", "true") : this.removeAttribute("aria-multiselectable"));
 		let t = this._modelSynced;
-		if (this._modelSynced = !1, t || e.has("virtualized")) if (this.virtualizer.enabled) {
-			let e = this._rows.filter((e) => this.expanded.includes(e.value)).length;
-			this.setAttribute("aria-rowcount", String(this._rows.length + e + +!!this._head()));
-		} else this.removeAttribute("aria-rowcount");
+		if (this._modelSynced = !1, t || e.has("virtualized")) {
+			if (this.virtualizer.enabled) {
+				let e = this._rows.filter((e) => this.expanded.includes(e.value)).length;
+				this.setAttribute("aria-rowcount", String(this._rows.length + e + +!!this._head()));
+			} else this.removeAttribute("aria-rowcount");
+		}
 		let n = e;
 		(t || Be.some((e) => n.has(e))) && (this.layout.syncPresentation(), this._isDataMode && this._warnSlottedRows()), (t || n.has("columnWidths") || n.has("virtualized") || n.has("renderItem") || n.has(L)) && this._refreshNavigation();
 	}
@@ -1263,8 +1214,7 @@ t([d({ reflect: !0 })], K.prototype, "role", void 0), t([d({ reflect: !0 })], K.
 	type: Boolean,
 	reflect: !0
 })], K.prototype, "virtualized", void 0), t([d({ attribute: !1 })], K.prototype, "labels", void 0), t([p()], K.prototype, "_sort", void 0), t([p()], K.prototype, "_clientSort", void 0), t([p()], K.prototype, "_lightDomVersion", void 0);
-//#endregion
-//#region src/components/table/table-body.module.scss?inline
+// src/components/table/table-body.module.scss?inline
 var We = ":host{box-sizing:border-box;min-block-size:0;min-inline-size:0;overflow-x:auto;overflow-y:var(--table-body-overflow,visible);overflow-anchor:none;outline:none;flex:auto;display:block}:host::-webkit-scrollbar{width:var(--luzmo-table-scrollbar-width,var(--table-body-scrollbar-width));height:var(--luzmo-table-scrollbar-width,var(--table-body-scrollbar-width))}:host::-webkit-scrollbar-track{background:var(--luzmo-table-scrollbar-track-background,var(--table-body-scrollbar-track-background));border-radius:var(--luzmo-table-scrollbar-track-border-radius,var(--table-body-scrollbar-track-border-radius))}:host::-webkit-scrollbar-thumb{background:var(--luzmo-table-scrollbar-thumb-background,var(--table-body-scrollbar-thumb-background));border-radius:var(--luzmo-table-scrollbar-thumb-border-radius,var(--table-body-scrollbar-thumb-border-radius))}:host::-webkit-scrollbar-thumb:hover{background:var(--luzmo-table-scrollbar-thumb-hover-background,var(--table-body-scrollbar-thumb-hover-background))}:host{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-table-scrollbar-thumb-background,var(--table-body-scrollbar-thumb-background)) var(--luzmo-table-scrollbar-track-background,var(--table-body-scrollbar-track-background))}::slotted(.row-group),::slotted(.virtual-spacer){min-inline-size:var(--table-min-inline-size,0);overflow-anchor:none;display:flow-root}:host(:focus-visible){outline:var(--table-body-focus-indicator-width) solid var(--highcontrast-table-body-focus-indicator-color,var(--table-body-focus-indicator-color));outline-offset:calc(var(--table-body-focus-indicator-width) * -1);border-end-end-radius:var(--table-corner-radius,0);border-end-start-radius:var(--table-corner-radius,0)}:host{--table-body-scrollbar-width:var(--luzmo-scrollbar-size);--table-body-scrollbar-track-background:var(--luzmo-scrollbar-track-background);--table-body-scrollbar-track-border-radius:var(--luzmo-scrollbar-track-border-radius);--table-body-scrollbar-thumb-background:var(--luzmo-scrollbar-thumb-background);--table-body-scrollbar-thumb-border-radius:var(--luzmo-scrollbar-thumb-border-radius);--table-body-scrollbar-thumb-hover-background:var(--luzmo-scrollbar-thumb-hover-background);--table-body-focus-indicator-width:calc(var(--luzmo-indicator-width) * 2);--table-body-focus-indicator-color:var(--luzmo-indicator-color)}@media (forced-colors:active){:host{--highcontrast-table-body-focus-indicator-color:Highlight}}", q = class extends e {
 	static get styles() {
 		return z(super.styles, We);
@@ -1291,8 +1241,7 @@ var We = ":host{box-sizing:border-box;min-block-size:0;min-inline-size:0;overflo
 	}
 };
 t([d({ reflect: !0 })], q.prototype, "role", void 0);
-//#endregion
-//#region src/components/table/table-cell.module.scss?inline
+// src/components/table/table-cell.module.scss?inline
 var Ge = ":host{box-sizing:border-box;min-inline-size:0;padding-block:var(--table-cell-padding-block);padding-inline:var(--luzmo-table-cell-padding-inline,var(--table-cell-padding-inline));outline:none;align-self:stretch;align-items:center;display:flex;border-block:none!important;border-inline-start:none!important;border-inline-end-width:var(--luzmo-table-column-divider-width,var(--table-column-divider-width))!important;border-inline-end-style:solid!important;border-inline-end-color:var(--highcontrast-table-column-divider-color,var(--luzmo-table-column-divider-color,var(--table-column-divider-color)))!important}:host([span-all]){grid-column:1/-1;border-inline-end-width:0!important}:host(:last-of-type){border-inline-end-width:0!important}.content{overflow-wrap:anywhere;min-inline-size:0;overflow:hidden}.content.clamped{-webkit-line-clamp:var(--table-cell-line-clamp);line-clamp:var(--table-cell-line-clamp);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:host(:focus-visible){outline:var(--luzmo-indicator-width,2px) solid var(--highcontrast-table-cell-focus-indicator-color,var(--luzmo-indicator-color,currentColor));outline-offset:calc(var(--luzmo-indicator-width,2px) * -1);border-start-start-radius:var(--table-focus-start-start-radius,0);border-start-end-radius:var(--table-focus-start-end-radius,0);border-end-end-radius:var(--table-focus-end-end-radius,0);border-end-start-radius:var(--table-focus-end-start-radius,0)}:host{--table-cell-focus-indicator-width:var(--luzmo-indicator-width);--table-cell-focus-indicator-color:var(--luzmo-indicator-color)}@media (forced-colors:active){:host{--highcontrast-table-cell-focus-indicator-color:Highlight}}", J = class extends e {
 	constructor(...e) {
 		super(...e), this.role = "gridcell", this.spanAll = !1;
@@ -1327,15 +1276,14 @@ t([d({ reflect: !0 })], J.prototype, "role", void 0), t([d({
 	reflect: !0,
 	attribute: "span-all"
 })], J.prototype, "spanAll", void 0), t([p()], J.prototype, "columnLineClamp", void 0);
-//#endregion
-//#region src/components/table/table-checkbox-cell.module.scss?inline
+// src/components/table/table-checkbox-cell.module.scss?inline
 var Ke = ":host{flex:0 0 var(--table-checkbox-cell-inline-size);box-sizing:border-box;padding-block:var(--table-cell-padding-block);outline:none;justify-content:center;align-self:stretch;align-items:center;display:flex;border-block:none!important;border-inline-start:none!important;border-inline-end-width:var(--luzmo-table-column-divider-width,var(--table-column-divider-width))!important;border-inline-end-style:solid!important;border-inline-end-color:var(--highcontrast-table-column-divider-color,var(--luzmo-table-column-divider-color,var(--table-column-divider-color)))!important}:host(:focus-visible){outline:var(--luzmo-indicator-width,2px) solid var(--highcontrast-table-checkbox-cell-focus-indicator-color,var(--luzmo-indicator-color,currentColor));outline-offset:calc(var(--luzmo-indicator-width,2px) * -1);border-start-start-radius:var(--table-focus-start-start-radius,0);border-start-end-radius:var(--table-focus-start-end-radius,0);border-end-end-radius:var(--table-focus-end-end-radius,0);border-end-start-radius:var(--table-focus-end-start-radius,0)}.checkbox{margin:0}.label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:host{--table-checkbox-cell-focus-indicator-width:var(--luzmo-indicator-width);--table-checkbox-cell-focus-indicator-color:var(--luzmo-indicator-color)}@media (forced-colors:active){:host{--highcontrast-table-checkbox-cell-focus-indicator-color:Highlight}}", Y = class extends e {
 	static get styles() {
 		return z(super.styles, Ke);
 	}
 	constructor() {
 		super(), this.role = "gridcell", this.headCell = !1, this.checked = !1, this.indeterminate = !1, this.disabled = !1, this.selectsSingle = !1, this.emphasized = !1, this.label = "", this.size = "m", this.handleClick = (e) => {
-			!this.checkbox || e.composedPath().includes(this.checkbox) || this.checkbox.click();
+			this.checkbox && !e.composedPath().includes(this.checkbox) && this.checkbox.click();
 		}, this.addEventListener("click", this.handleClick);
 	}
 	render() {
@@ -1379,8 +1327,7 @@ t([d({ reflect: !0 })], Y.prototype, "role", void 0), t([d({
 	type: Boolean,
 	reflect: !0
 })], Y.prototype, "emphasized", void 0), t([d({ reflect: !0 })], Y.prototype, "label", void 0), t([p()], Y.prototype, "size", void 0), t([f("luzmo-checkbox")], Y.prototype, "checkbox", void 0);
-//#endregion
-//#region src/components/table/table-head.module.scss?inline
+// src/components/table/table-head.module.scss?inline
 var qe = ":host{grid-template-columns:var(--table-grid-columns);min-inline-size:var(--table-min-inline-size,0);box-sizing:border-box;min-block-size:calc(var(--luzmo-table-row-min-block-size,var(--table-row-min-block-size)) + var(--table-row-density-offset));background-color:var(--table-head-background-color);flex:none;align-items:stretch;display:grid;border-block-start:none!important;border-inline:none!important;border-block-end-width:var(--table-head-divider-width)!important;border-block-end-style:solid!important;border-block-end-color:var(--highcontrast-table-head-divider-color,var(--luzmo-table-border-color,var(--table-head-divider-color)))!important}luzmo-table-checkbox-cell,.leading::slotted(luzmo-table-head-cell:first-of-type){--table-focus-start-start-radius:var(--table-corner-radius)}.disclosure-spacer{box-sizing:border-box;inline-size:var(--table-disclosure-cell-inline-size);align-self:stretch;border-block:none!important;border-inline-start:none!important;border-inline-end-width:var(--luzmo-table-column-divider-width,var(--table-column-divider-width))!important;border-inline-end-style:solid!important;border-inline-end-color:var(--highcontrast-table-column-divider-color,var(--luzmo-table-column-divider-color,var(--table-column-divider-color)))!important}:host{--table-head-background-color:rgba(var(--luzmo-background-color-rgb), 0);--table-head-divider-color:var(--luzmo-border-color);--table-head-divider-width:var(--luzmo-border-width)}@media (forced-colors:active){:host{--highcontrast-table-head-divider-color:CanvasText}}", X = class extends e {
 	static get styles() {
 		return z(super.styles, qe);
@@ -1393,7 +1340,7 @@ var qe = ":host{grid-template-columns:var(--table-grid-columns);min-inline-size:
 		}, this.addEventListener("luzmo-table-sorted", this.handleSorted);
 	}
 	render() {
-		return c`${this.selects ? c`
+		let e = this.selects ? c`
           <luzmo-table-checkbox-cell
             head-cell
             .checked=${this.checked}
@@ -1403,8 +1350,9 @@ var qe = ":host{grid-template-columns:var(--table-grid-columns);min-inline-size:
             .label=${this.checkboxLabel}
             .size=${this.checkboxSize}
           ></luzmo-table-checkbox-cell>
-        ` : l}${this.expandable ? c`<span class="disclosure-spacer" role="gridcell"></span>` : l}<slot
-        class=${!this.selects && !this.expandable ? "leading" : ""}
+        ` : l, t = this.expandable ? c`<span class="disclosure-spacer" role="gridcell"></span>` : l, n = !this.selects && !this.expandable;
+		return c`${e}${t}<slot
+        class=${n ? "leading" : ""}
       ></slot>`;
 	}
 };
@@ -1412,8 +1360,7 @@ t([d({ reflect: !0 })], X.prototype, "role", void 0), t([d({
 	type: Boolean,
 	reflect: !0
 })], X.prototype, "selected", void 0), t([p()], X.prototype, "selects", void 0), t([p()], X.prototype, "checked", void 0), t([p()], X.prototype, "indeterminate", void 0), t([p()], X.prototype, "emphasized", void 0), t([p()], X.prototype, "checkboxLabel", void 0), t([p()], X.prototype, "checkboxSize", void 0), t([p()], X.prototype, "expandable", void 0);
-//#endregion
-//#region src/components/table/table-head-cell.module.scss?inline
+// src/components/table/table-head-cell.module.scss?inline
 var Je = ":host{align-self:stretch;align-items:center;gap:var(--luzmo-spacing-2);box-sizing:border-box;min-inline-size:0;padding-block:var(--table-cell-padding-block);padding-inline:var(--luzmo-table-cell-padding-inline,var(--table-cell-padding-inline));font-weight:var(--table-head-cell-font-weight);color:var(--table-head-cell-font-color);text-align:start;outline:none;display:flex;position:relative;border-block:none!important;border-inline-start:none!important;border-inline-end-width:var(--luzmo-table-column-divider-width,var(--table-column-divider-width))!important;border-inline-end-style:solid!important;border-inline-end-color:var(--highcontrast-table-column-divider-color,var(--luzmo-table-column-divider-color,var(--table-column-divider-color)))!important}:host(:last-of-type){--table-focus-start-end-radius:var(--table-corner-radius);border-inline-end-width:0!important}.content{overflow-wrap:anywhere;flex:auto;min-inline-size:0;overflow:hidden}.content.clamped{-webkit-line-clamp:var(--table-cell-line-clamp);line-clamp:var(--table-cell-line-clamp);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.resize-handle{z-index:1;inline-size:var(--luzmo-component-height-xs);box-sizing:border-box;cursor:col-resize;touch-action:none;justify-content:center;align-items:stretch;display:flex;position:absolute;inset-block:0;inset-inline-end:calc(var(--luzmo-spacing-4) * -1)}.resize-handle:before{content:\"\";inline-size:var(--luzmo-indicator-gap,2px);background:var(--luzmo-indicator-color,currentColor);opacity:0}.resize-handle:hover:before,.resize-handle:active:before,.resize-handle:focus-visible:before{opacity:1}:host(:last-of-type) .resize-handle{justify-content:flex-end;inset-inline-end:0}.resize-handle:focus,.resize-handle:focus-visible{outline:none}:host([sortable]){cursor:pointer;-webkit-user-select:none;user-select:none}:host([sortable]:hover){color:var(--table-head-cell-font-color-hover)}:host([active]){color:var(--table-head-cell-font-color-down)}:host(:focus-visible){outline:var(--luzmo-indicator-width,2px) solid var(--highcontrast-table-head-cell-focus-indicator-color,var(--luzmo-indicator-color,currentColor));outline-offset:calc(var(--luzmo-indicator-width,2px) * -1);border-start-start-radius:var(--table-focus-start-start-radius,0);border-start-end-radius:var(--table-focus-start-end-radius,0);border-end-end-radius:var(--table-focus-end-end-radius,0);border-end-start-radius:var(--table-focus-end-start-radius,0)}.sort-icon{inline-size:var(--table-sort-icon-size);block-size:var(--table-sort-icon-size);flex:none;display:inline-flex}.sort-icon svg{fill:currentColor;block-size:100%;inline-size:100%}@media (forced-colors:active){.resize-handle:before{background:canvastext}}:host{--table-head-cell-font-weight:var(--luzmo-font-weight-bold);--table-head-cell-font-color:var(--luzmo-font-color);--table-head-cell-font-color-hover:var(--luzmo-font-color-hover);--table-head-cell-font-color-down:var(--luzmo-font-color-down);--table-head-cell-focus-indicator-width:var(--luzmo-indicator-width);--table-head-cell-focus-indicator-color:var(--luzmo-indicator-color)}@media (forced-colors:active){:host{--highcontrast-table-head-cell-focus-indicator-color:Highlight}}", Z = class extends e {
 	static get styles() {
 		return z(super.styles, Je);
@@ -1422,9 +1369,9 @@ var Je = ":host{align-self:stretch;align-items:center;gap:var(--luzmo-spacing-2)
 		super(), this.role = "columnheader", this.active = !1, this.sortable = !1, this.sortKey = "", this.columnId = "", this.resizable = !1, this.currentWidth = 0, this.resizeLabel = "", this.handleClick = (e) => {
 			e.composedPath().some((e) => e instanceof HTMLElement && e.classList.contains("resize-handle")) || this._sort();
 		}, this.handleKeydown = (e) => {
-			!this.sortable || e.composedPath()[0] !== this || (e.code === "Enter" || e.code === "NumpadEnter" ? (e.preventDefault(), this._sort()) : e.code === "Space" && (e.preventDefault(), this.active = !0));
+			this.sortable && e.composedPath()[0] === this && (e.code === "Enter" || e.code === "NumpadEnter" ? (e.preventDefault(), this._sort()) : e.code === "Space" && (e.preventDefault(), this.active = !0));
 		}, this.handleKeyup = (e) => {
-			e.code !== "Space" || !this.active || (this.active = !1, this._sort());
+			e.code === "Space" && this.active && (this.active = !1, this._sort());
 		}, this.handleBlur = () => {
 			this.active = !1;
 		}, this.addEventListener("click", this.handleClick), this.addEventListener("keydown", this.handleKeydown), this.addEventListener("keyup", this.handleKeyup), this.addEventListener("blur", this.handleBlur);
@@ -1518,8 +1465,7 @@ t([d({ reflect: !0 })], Z.prototype, "role", void 0), t([d({
 	reflect: !0,
 	attribute: "line-clamp"
 })], Z.prototype, "lineClamp", void 0), t([p()], Z.prototype, "currentWidth", void 0), t([p()], Z.prototype, "resizeLabel", void 0);
-//#endregion
-//#region src/components/table/table-disclosure-cell.module.scss?inline
+// src/components/table/table-disclosure-cell.module.scss?inline
 var Ye = ":host{flex:0 0 var(--table-disclosure-cell-inline-size);box-sizing:border-box;min-inline-size:var(--table-disclosure-cell-inline-size);outline:none;justify-content:center;align-self:stretch;align-items:center;display:flex;border-block:none!important;border-inline-start:none!important;border-inline-end-width:var(--luzmo-table-column-divider-width,var(--table-column-divider-width))!important;border-inline-end-style:solid!important;border-inline-end-color:var(--highcontrast-table-column-divider-color,var(--luzmo-table-column-divider-color,var(--table-column-divider-color)))!important}:host(:focus-visible){outline:var(--luzmo-indicator-width,2px) solid var(--highcontrast-table-disclosure-cell-focus-indicator-color,var(--luzmo-indicator-color,currentColor));outline-offset:calc(var(--luzmo-indicator-width,2px) * -1);border-start-start-radius:var(--table-focus-start-start-radius,0);border-start-end-radius:var(--table-focus-start-end-radius,0);border-end-end-radius:var(--table-focus-end-end-radius,0);border-end-start-radius:var(--table-focus-end-start-radius,0)}.button{block-size:100%;inline-size:100%;min-inline-size:var(--luzmo-component-height-xs);min-block-size:var(--luzmo-component-height-xs);background:rgba(var(--luzmo-background-color-rgb), 0);color:inherit;cursor:pointer;border:0;outline:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.icon{inline-size:var(--table-sort-icon-size);block-size:var(--table-sort-icon-size);display:inline-flex;transform:rotate(-90deg)}.icon svg{fill:currentColor;block-size:100%;inline-size:100%}:host([expanded]) .icon{transform:rotate(0)}:host([dir=rtl]:not([expanded])) .icon{transform:rotate(90deg)}@media (prefers-reduced-motion:no-preference){.icon{transition:transform var(--luzmo-animation-duration) ease}}:host{--table-disclosure-cell-focus-indicator-width:var(--luzmo-indicator-width);--table-disclosure-cell-focus-indicator-color:var(--luzmo-indicator-color)}@media (forced-colors:active){:host{--highcontrast-table-disclosure-cell-focus-indicator-color:Highlight}}", Q = class extends e {
 	constructor(...e) {
 		super(...e), this.role = "gridcell", this.expanded = !1, this.label = "";
@@ -1547,8 +1493,7 @@ t([d({ reflect: !0 })], Q.prototype, "role", void 0), t([d({
 	type: Boolean,
 	reflect: !0
 })], Q.prototype, "expanded", void 0), t([d({ reflect: !0 })], Q.prototype, "label", void 0);
-//#endregion
-//#region src/components/table/table-row.module.scss?inline
+// src/components/table/table-row.module.scss?inline
 var Xe = ":host{grid-template-columns:var(--table-grid-columns);min-inline-size:var(--table-min-inline-size,0);box-sizing:border-box;min-block-size:calc(var(--luzmo-table-row-min-block-size,var(--table-row-min-block-size)) + var(--table-row-density-offset));align-items:stretch;display:grid;border-block-start:none!important;border-inline:none!important;border-block-end-width:var(--table-row-divider-width)!important;border-block-end-style:solid!important;border-block-end-color:var(--highcontrast-table-row-divider-color,var(--luzmo-table-border-color,var(--table-row-divider-color)))!important}:host([data-last-row]:not([expanded])){border-block-end-width:0!important}:host([data-last-row]:not([expanded])) .leading:not(slot),:host([data-last-row]:not([expanded])) slot.leading::slotted(luzmo-table-cell:first-of-type){--table-focus-end-start-radius:var(--table-corner-radius)}:host([data-last-row]:not([expanded])) ::slotted(luzmo-table-cell:last-of-type){--table-focus-end-end-radius:var(--table-corner-radius)}:host([selectable]){cursor:pointer}:host([selectable]:hover){background-color:var(--table-row-hover-background-color)}:host([selected]){background-color:var(--luzmo-table-row-selected-background-color,var(--table-row-selected-background-color))}:host([selected]:hover){background-color:var(--luzmo-table-row-selected-background-color,var(--table-row-selected-hover-background-color))}.selection-spacer{inline-size:var(--table-checkbox-cell-inline-size)}.selection-spacer,.disclosure-spacer{box-sizing:border-box;align-self:stretch;border-block:none!important;border-inline-start:none!important;border-inline-end-width:var(--luzmo-table-column-divider-width,var(--table-column-divider-width))!important;border-inline-end-style:solid!important;border-inline-end-color:var(--highcontrast-table-column-divider-color,var(--luzmo-table-column-divider-color,var(--table-column-divider-color)))!important}.disclosure-spacer{inline-size:var(--table-disclosure-cell-inline-size)}@media (forced-colors:active){:host([selected]){forced-color-adjust:none;color:highlighttext;background-color:highlight}}:host{--table-row-divider-color:var(--luzmo-border-color);--table-row-divider-width:var(--luzmo-border-width);--table-row-hover-background-color:var(--luzmo-background-color-hover)}@media (forced-colors:active){:host{--highcontrast-table-row-divider-color:CanvasText}}", $ = class extends e {
 	constructor(...e) {
 		super(...e), this.role = "row", this.value = "", this.selected = !1, this.selectable = !1, this.expanded = !1, this.expandable = !1, this.selectsSingle = !1, this.emphasized = !1, this.selectionColumn = !1, this.expansionColumn = !1, this.spanAll = !1, this.checkboxLabel = "", this.disclosureLabel = "", this.detailsId = "", this.checkboxSize = "m";
@@ -1597,5 +1542,4 @@ t([d({ reflect: !0 })], $.prototype, "role", void 0), t([d({ reflect: !0 })], $.
 	type: Boolean,
 	reflect: !0
 })], $.prototype, "expandable", void 0), t([p()], $.prototype, "selectsSingle", void 0), t([p()], $.prototype, "emphasized", void 0), t([p()], $.prototype, "selectionColumn", void 0), t([p()], $.prototype, "expansionColumn", void 0), t([p()], $.prototype, "spanAll", void 0), t([p()], $.prototype, "checkboxLabel", void 0), t([p()], $.prototype, "disclosureLabel", void 0), t([p()], $.prototype, "detailsId", void 0), t([p()], $.prototype, "checkboxSize", void 0), typeof customElements < "u" && !customElements.get("luzmo-table") && customElements.define("luzmo-table", K), typeof customElements < "u" && !customElements.get("luzmo-table-head") && customElements.define("luzmo-table-head", X), typeof customElements < "u" && !customElements.get("luzmo-table-head-cell") && customElements.define("luzmo-table-head-cell", Z), typeof customElements < "u" && !customElements.get("luzmo-table-body") && customElements.define("luzmo-table-body", q), typeof customElements < "u" && !customElements.get("luzmo-table-row") && customElements.define("luzmo-table-row", $), typeof customElements < "u" && !customElements.get("luzmo-table-cell") && customElements.define("luzmo-table-cell", J), typeof customElements < "u" && !customElements.get("luzmo-table-checkbox-cell") && customElements.define("luzmo-table-checkbox-cell", Y), typeof customElements < "u" && !customElements.get("luzmo-table-disclosure-cell") && customElements.define("luzmo-table-disclosure-cell", Q), typeof customElements < "u" && !customElements.get("luzmo-table-row-details") && customElements.define("luzmo-table-row-details", B);
-//#endregion
 export { Y as a, K as c, X as i, B as l, Q as n, J as o, Z as r, q as s, $ as t, k as u };

package/components/tabs/index.cjs

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../tabs-CMU8X4ho.cjs");exports.LuzmoTab=e.i,exports.LuzmoTabPanel=e.r,exports.LuzmoTabs=e.n,exports.LuzmoTabsOverflow=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../tabs-B0WHKMuF.cjs");exports.LuzmoTab=e.i,exports.LuzmoTabPanel=e.r,exports.LuzmoTabs=e.n,exports.LuzmoTabsOverflow=e.t;

package/components/tabs/index.js

@@ -16,5 +16,4 @@
  * SOFTWARE.
  * */
 import "../tokens.js";
-import { i as e, n as t, r as n, t as r } from "../tabs-D8U2PxcE.js";
-export { e as LuzmoTab, n as LuzmoTabPanel, t as LuzmoTabs, r as LuzmoTabsOverflow };
+export { i as LuzmoTab, r as LuzmoTabPanel, n as LuzmoTabs, t as LuzmoTabsOverflow } from "../tabs-Dkt0B_-A.js";

package/components/{tabs-CMU8X4ho.cjs → tabs-B0WHKMuF.cjs}

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./focus-visible-DNHNlrty.cjs"),r=require("./focusable-B6h03pAe.cjs"),i=require("./roving-tabindex-BoPao4td.cjs");require("./icon-zOPAWCdx.cjs");const a=require("./observe-slot-text-CvL-2ey3.cjs"),o=require("./random-id-BcUJAxUZ.cjs");require("./action-button-B4_uvHiN.cjs");const s=require("./observe-slot-presence-CS8pMePk.cjs"),c=require("./scaled-indicator-DLJIztx0.cjs");let l=require("lit"),u=require("lit/decorators.js"),d=require("@luzmo/icons"),f=require("lit/directives/if-defined.js"),p=require("lit/directives/class-map.js"),m=require("lit/decorators/property.js"),h=require("@lit-labs/observers/intersection-controller.js"),g=require("@lit-labs/observers/resize-controller.js");var _=`:host{font-family:var(--luzmo-tab-font-family,var(--luzmo-font-family));box-sizing:border-box;block-size:calc(var(--luzmo-tabs-item-height,var(--tabs-item-height)) - var(--luzmo-tabs-divider-size,var(--tabs-divider-size)));z-index:1;white-space:nowrap;color:var(--highcontrast-tabs-color,var(--luzmo-tabs-color,var(--tabs-color)));transition:color var(--luzmo-tabs-animation-duration,var(--tabs-animation-duration)) ease-out;cursor:pointer;outline:none;-webkit-text-decoration:none;text-decoration:none;position:relative}::slotted([slot=icon]){block-size:var(--luzmo-tabs-icon-size,var(--tabs-icon-size));inline-size:var(--luzmo-tabs-icon-size,var(--tabs-icon-size));margin-block-start:var(--luzmo-tabs-top-to-icon,var(--tabs-top-to-icon))}[name=icon]+#item-label{margin-inline-start:var(--luzmo-tabs-icon-to-text,var(--tabs-icon-to-text))}:host:before{content:"";box-sizing:border-box;block-size:calc(100% - var(--luzmo-tabs-top-to-text,var(--tabs-top-to-text)));inline-size:calc(100% + var(--luzmo-tabs-focus-indicator-gap,var(--tabs-focus-indicator-gap)) * 2);border-radius:var(--luzmo-tabs-focus-indicator-border-radius,var(--tabs-focus-indicator-border-radius));pointer-events:none;position:absolute;inset-block-start:calc(var(--luzmo-tabs-top-to-text,var(--tabs-top-to-text)) / 2);inset-inline-start:calc(var(--luzmo-tabs-focus-indicator-gap,var(--tabs-focus-indicator-gap)) * -1);inset-inline-end:calc(var(--luzmo-tabs-focus-indicator-gap,var(--tabs-focus-indicator-gap)) * -1);border:var(--luzmo-tabs-focus-indicator-width,var(--tabs-focus-indicator-width)) solid transparent!important}@media (hover:hover){:host(:hover){color:var(--highcontrast-tabs-color-hover,var(--luzmo-tabs-color-hover,var(--tabs-color-hover)))}}:host([selected]){color:var(--highcontrast-tabs-color-selected,var(--luzmo-tabs-color-selected,var(--tabs-color-selected)))}:host([disabled]){cursor:default;color:var(--highcontrast-tabs-color-disabled,var(--luzmo-tabs-color-disabled,var(--tabs-color-disabled)))}:host([disabled]) #item-label{cursor:default}:host(:focus-visible){color:var(--highcontrast-tabs-color-key-focus,var(--luzmo-tabs-color-key-focus,var(--tabs-color-key-focus)))}:host(:focus-visible):before{border-color:var(--highcontrast-tabs-focus-indicator-color,var(--luzmo-tabs-focus-indicator-color,var(--tabs-focus-indicator-color)))!important}#item-label{cursor:pointer;vertical-align:top;font-family:var(--luzmo-tabs-font-family,var(--tabs-font-family));font-style:var(--luzmo-tabs-font-style,var(--tabs-font-style));font-size:var(--luzmo-tabs-font-size,var(--tabs-font-size));font-weight:var(--luzmo-tabs-font-weight,var(--tabs-font-weight));line-height:var(--luzmo-tabs-line-height,var(--tabs-line-height));margin-block-start:var(--luzmo-tabs-top-to-text,var(--tabs-top-to-text));margin-block-end:var(--luzmo-tabs-bottom-to-text,var(--tabs-bottom-to-text));-webkit-text-decoration:none;text-decoration:none;display:inline-block}#item-label:empty{display:none}:host{scroll-margin-inline:var(--luzmo-tabs-item-horizontal-spacing,var(--tabs-item-horizontal-spacing))}:host([disabled]){pointer-events:none}#item-label[hidden]{display:none}@media (forced-colors:active){:host:before{background-color:buttonface}:host ::slotted([slot=icon]){z-index:1;color:inherit;position:relative}#item-label{z-index:1;position:relative}:host([selected]),:host([selected]) ::slotted([slot=icon]),:host([selected]) #item-label{color:highlighttext}}:host([vertical]){flex-direction:column;justify-content:center;align-items:center;height:auto;display:flex}:host([dir][vertical]) slot[name=icon]+#item-label{margin-inline-start:0;margin-block:calc(var(--luzmo-tabs-top-to-text,var(--tabs-top-to-text)) / 2) calc(var(--luzmo-tabs-bottom-to-text,var(--tabs-bottom-to-text)) / 2)}:host([vertical]) ::slotted([slot=icon]){margin-block-start:calc(var(--luzmo-tabs-top-to-icon,var(--tabs-top-to-icon)) / 2)}`,v=class extends n.t(a.t(s.t(e.n,`[slot="icon"]`),``)){constructor(...e){super(...e),this.disabled=!1,this.label=``,this.selected=!1,this.vertical=!1,this.value=``}static get styles(){return[(0,l.unsafeCSS)(_)]}get hasIcon(){return this.slotContentIsPresent}get hasLabel(){return!!this.label||this.slotHasContent}render(){return l.html`
+require("./tokens.cjs");const e=require("./decorate-SO02l0A6.cjs"),t=require("./sized-mixin-CSajkMro.cjs"),n=require("./focus-visible-BQAhwoxi.cjs"),r=require("./focusable-BIHTrJd6.cjs"),i=require("./roving-tabindex-BUFR8hPH.cjs");require("./icon-BlbMP3mJ.cjs");const a=require("./observe-slot-text-BqwCIv2a.cjs"),o=require("./random-id-BcUJAxUZ.cjs");require("./action-button-CL4ZlryE.cjs");const s=require("./observe-slot-presence-CS8pMePk.cjs"),c=require("./scaled-indicator-DLJIztx0.cjs");let l=require("lit"),u=require("lit/decorators.js"),d=require("@luzmo/icons"),f=require("lit/directives/if-defined.js"),p=require("lit/directives/class-map.js"),m=require("lit/decorators/property.js"),h=require("@lit-labs/observers/intersection-controller.js"),g=require("@lit-labs/observers/resize-controller.js");var _=`:host{font-family:var(--luzmo-tab-font-family,var(--luzmo-font-family));box-sizing:border-box;block-size:calc(var(--luzmo-tabs-item-height,var(--tabs-item-height)) - var(--luzmo-tabs-divider-size,var(--tabs-divider-size)));z-index:1;white-space:nowrap;color:var(--highcontrast-tabs-color,var(--luzmo-tabs-color,var(--tabs-color)));transition:color var(--luzmo-tabs-animation-duration,var(--tabs-animation-duration)) ease-out;cursor:pointer;outline:none;-webkit-text-decoration:none;text-decoration:none;position:relative}::slotted([slot=icon]){block-size:var(--luzmo-tabs-icon-size,var(--tabs-icon-size));inline-size:var(--luzmo-tabs-icon-size,var(--tabs-icon-size));margin-block-start:var(--luzmo-tabs-top-to-icon,var(--tabs-top-to-icon))}[name=icon]+#item-label{margin-inline-start:var(--luzmo-tabs-icon-to-text,var(--tabs-icon-to-text))}:host:before{content:"";box-sizing:border-box;block-size:calc(100% - var(--luzmo-tabs-top-to-text,var(--tabs-top-to-text)));inline-size:calc(100% + var(--luzmo-tabs-focus-indicator-gap,var(--tabs-focus-indicator-gap)) * 2);border-radius:var(--luzmo-tabs-focus-indicator-border-radius,var(--tabs-focus-indicator-border-radius));pointer-events:none;position:absolute;inset-block-start:calc(var(--luzmo-tabs-top-to-text,var(--tabs-top-to-text)) / 2);inset-inline-start:calc(var(--luzmo-tabs-focus-indicator-gap,var(--tabs-focus-indicator-gap)) * -1);inset-inline-end:calc(var(--luzmo-tabs-focus-indicator-gap,var(--tabs-focus-indicator-gap)) * -1);border:var(--luzmo-tabs-focus-indicator-width,var(--tabs-focus-indicator-width)) solid transparent!important}@media (hover:hover){:host(:hover){color:var(--highcontrast-tabs-color-hover,var(--luzmo-tabs-color-hover,var(--tabs-color-hover)))}}:host([selected]){color:var(--highcontrast-tabs-color-selected,var(--luzmo-tabs-color-selected,var(--tabs-color-selected)))}:host([disabled]){cursor:default;color:var(--highcontrast-tabs-color-disabled,var(--luzmo-tabs-color-disabled,var(--tabs-color-disabled)))}:host([disabled]) #item-label{cursor:default}:host(:focus-visible){color:var(--highcontrast-tabs-color-key-focus,var(--luzmo-tabs-color-key-focus,var(--tabs-color-key-focus)))}:host(:focus-visible):before{border-color:var(--highcontrast-tabs-focus-indicator-color,var(--luzmo-tabs-focus-indicator-color,var(--tabs-focus-indicator-color)))!important}#item-label{cursor:pointer;vertical-align:top;font-family:var(--luzmo-tabs-font-family,var(--tabs-font-family));font-style:var(--luzmo-tabs-font-style,var(--tabs-font-style));font-size:var(--luzmo-tabs-font-size,var(--tabs-font-size));font-weight:var(--luzmo-tabs-font-weight,var(--tabs-font-weight));line-height:var(--luzmo-tabs-line-height,var(--tabs-line-height));margin-block-start:var(--luzmo-tabs-top-to-text,var(--tabs-top-to-text));margin-block-end:var(--luzmo-tabs-bottom-to-text,var(--tabs-bottom-to-text));-webkit-text-decoration:none;text-decoration:none;display:inline-block}#item-label:empty{display:none}:host{scroll-margin-inline:var(--luzmo-tabs-item-horizontal-spacing,var(--tabs-item-horizontal-spacing))}:host([disabled]){pointer-events:none}#item-label[hidden]{display:none}@media (forced-colors:active){:host:before{background-color:buttonface}:host ::slotted([slot=icon]){z-index:1;color:inherit;position:relative}#item-label{z-index:1;position:relative}:host([selected]),:host([selected]) ::slotted([slot=icon]),:host([selected]) #item-label{color:highlighttext}}:host([vertical]){flex-direction:column;justify-content:center;align-items:center;height:auto;display:flex}:host([dir][vertical]) slot[name=icon]+#item-label{margin-inline-start:0;margin-block:calc(var(--luzmo-tabs-top-to-text,var(--tabs-top-to-text)) / 2) calc(var(--luzmo-tabs-bottom-to-text,var(--tabs-bottom-to-text)) / 2)}:host([vertical]) ::slotted([slot=icon]){margin-block-start:calc(var(--luzmo-tabs-top-to-icon,var(--tabs-top-to-icon)) / 2)}`,v=class extends n.t(a.t(s.t(e.n,`[slot="icon"]`),``)){constructor(...e){super(...e),this.disabled=!1,this.label=``,this.selected=!1,this.vertical=!1,this.value=``}static get styles(){return[(0,l.unsafeCSS)(_)]}get hasIcon(){return this.slotContentIsPresent}get hasLabel(){return!!this.label||this.slotHasContent}render(){return l.html`
       ${this.hasIcon?l.html` <slot name="icon"></slot> `:l.nothing}
       <label id="item-label" ?hidden=${!this.hasLabel}>
         <slot>${this.label}</slot>
@@ -25,7 +25,7 @@ require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./
         @focusin=${this.handleFocusin}
         @focusout=${this.handleFocusout}
       ></slot>
-    `}firstUpdated(){this.slot=`tab-panel`,this.setAttribute(`role`,`tabpanel`),this.tabIndex=0,this.hasAttribute(`id`)||(this.id=`luzmo-tab-panel-${o.t()}`)}updated(e){e.has(`selected`)&&(this.selected?(this.removeAttribute(`aria-hidden`),this.tabIndex=0):(this.setAttribute(`aria-hidden`,`true`),this.tabIndex=-1))}};e.t([(0,m.property)({type:Boolean,reflect:!0})],b.prototype,`selected`,void 0),e.t([(0,m.property)({type:String,reflect:!0})],b.prototype,`value`,void 0);var x=`#list{--tabs-item-height:calc(var(--luzmo-component-height) + var(--luzmo-spacing-5));--tabs-item-horizontal-spacing:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-3));--tabs-item-vertical-spacing:var(--luzmo-spacing-2);--tabs-start-to-edge:var(--luzmo-spacing-4);--tabs-top-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--tabs-bottom-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--tabs-icon-size:var(--luzmo-icon-size-s);--tabs-icon-to-text:var(--luzmo-spacing-3);--tabs-top-to-icon:var(--luzmo-spacing-4);--tabs-focus-indicator-gap:var(--luzmo-spacing-3);--tabs-font-size:var(--luzmo-font-size)}:host([size=s]) #list{--tabs-item-height:calc(var(--luzmo-component-height-s) + var(--luzmo-spacing-4));--tabs-item-horizontal-spacing:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--tabs-item-vertical-spacing:var(--luzmo-spacing-2);--tabs-start-to-edge:var(--luzmo-spacing-4);--tabs-top-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--tabs-bottom-to-text:var(--luzmo-spacing-4);--tabs-icon-size:var(--luzmo-icon-size-xs);--tabs-icon-to-text:var(--luzmo-spacing-3);--tabs-top-to-icon:var(--luzmo-spacing-4);--tabs-focus-indicator-gap:var(--luzmo-spacing-3);--tabs-font-size:var(--luzmo-font-size-s)}:host([size=l]) #list{--tabs-item-height:calc(var(--luzmo-component-height-l) + var(--luzmo-spacing-5));--tabs-item-horizontal-spacing:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-4));--tabs-item-vertical-spacing:var(--luzmo-spacing-2);--tabs-start-to-edge:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--tabs-top-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--tabs-bottom-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--tabs-icon-size:var(--luzmo-icon-size-m);--tabs-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--tabs-top-to-icon:var(--luzmo-spacing-5);--tabs-focus-indicator-gap:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--tabs-font-size:var(--luzmo-font-size-l)}:host([size=xl]) #list{--tabs-item-height:calc(var(--luzmo-component-height-xl) + var(--luzmo-spacing-5));--tabs-item-horizontal-spacing:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-4));--tabs-item-vertical-spacing:var(--luzmo-spacing-2);--tabs-start-to-edge:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--tabs-top-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--tabs-bottom-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--tabs-icon-size:var(--luzmo-icon-size-l);--tabs-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--tabs-top-to-icon:var(--luzmo-spacing-5);--tabs-focus-indicator-gap:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--tabs-font-size:var(--luzmo-font-size-xl)}:host([compact]) #list{--luzmo-tabs-item-height:var(--luzmo-tabs-item-height-compact,var(--luzmo-component-height));--luzmo-tabs-top-to-text:var(--luzmo-tabs-top-to-text-compact,calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1)));--luzmo-tabs-bottom-to-text:var(--luzmo-tabs-bottom-to-text-compact,calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1)));--luzmo-tabs-top-to-icon:var(--luzmo-tabs-top-to-icon-compact,var(--luzmo-spacing-2))}:host([size=s][compact]) #list{--luzmo-tabs-item-height:var(--luzmo-tabs-item-height-compact,var(--luzmo-component-height-s));--luzmo-tabs-top-to-text:var(--luzmo-tabs-top-to-text-compact,var(--luzmo-spacing-2));--luzmo-tabs-bottom-to-text:var(--luzmo-tabs-bottom-to-text-compact,var(--luzmo-spacing-2));--luzmo-tabs-top-to-icon:var(--luzmo-tabs-top-to-icon-compact,var(--luzmo-spacing-1))}:host([size=l][compact]) #list{--luzmo-tabs-item-height:var(--luzmo-tabs-item-height-compact,var(--luzmo-component-height-l));--luzmo-tabs-top-to-text:var(--luzmo-tabs-top-to-text-compact,calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1)));--luzmo-tabs-bottom-to-text:var(--luzmo-tabs-bottom-to-text-compact,calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1)));--luzmo-tabs-top-to-icon:var(--luzmo-tabs-top-to-icon-compact,calc(var(--luzmo-spacing-3)))}:host([size=xl][compact]) #list{--luzmo-tabs-item-height:var(--luzmo-tabs-item-height-compact,var(--luzmo-component-height-xl));--luzmo-tabs-top-to-text:var(--luzmo-tabs-top-to-text-compact,var(--luzmo-spacing-4));--luzmo-tabs-bottom-to-text:var(--luzmo-tabs-bottom-to-text-compact,var(--luzmo-spacing-4));--luzmo-tabs-top-to-icon:var(--luzmo-tabs-top-to-icon-compact,calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1)))}`,S=`#list{--tabs-color:var(--luzmo-font-color);--tabs-color-selected:var(--luzmo-font-color-down);--tabs-color-hover:var(--luzmo-font-color-hover);--tabs-color-key-focus:var(--luzmo-font-color-focus);--tabs-color-disabled:var(--luzmo-disabled-color);--tabs-font-family:var(--luzmo-font-family);--tabs-font-style:var(--luzmo-font-style);--tabs-font-size:var(--luzmo-font-size);--tabs-line-height:var(--luzmo-line-height);--tabs-focus-indicator-width:var(--luzmo-indicator-width);--tabs-focus-indicator-border-radius:var(--luzmo-border-radius);--tabs-focus-indicator-color:var(--luzmo-indicator-color);--tabs-selection-indicator-color:var(--luzmo-font-color-down);--tabs-list-background-direction:top;--tabs-divider-size:2px;--tabs-divider-border-radius:1px;--tabs-animation-duration:var(--luzmo-animation-duration);--tabs-animation-ease:ease-in-out}:host([emphasized]) #list{--luzmo-tabs-color-selected:var(--luzmo-tabs-color-selected-emphasized,var(--luzmo-primary));--luzmo-tabs-color-hover:var(--luzmo-tabs-color-hover-emphasized,var(--luzmo-primary-hover));--luzmo-tabs-color-key-focus:var(--luzmo-tabs-color-key-focus-emphasized,var(--luzmo-primary-focus));--luzmo-tabs-selection-indicator-color:var(--luzmo-tabs-selection-indicator-color-emphasized,var(--luzmo-primary-down))}:host([direction^=vertical]) #list{--luzmo-tabs-list-background-direction:var(--luzmo-tabs-list-background-direction-vertical,right)}:host([direction^=vertical-right]) #list{--luzmo-tabs-list-background-direction:var(--luzmo-tabs-list-background-direction-vertical-right,left)}:is(:host([direction^=vertical]) #list:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][direction^=vertical]) #list){--luzmo-tabs-list-background-direction:var(--luzmo-tabs-list-background-direction-vertical,left)}:is(:host([direction^=vertical-right]) #list:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][direction^=vertical-right]) #list){--luzmo-tabs-list-background-direction:var(--luzmo-tabs-list-background-direction-vertical,right)}#list{z-index:0;vertical-align:top;background:linear-gradient(to var(--luzmo-tabs-list-background-direction,var(--tabs-list-background-direction)), var(--highcontrast-tabs-divider-background-color,var(--luzmo-tabs-divider-background-color,var(--tabs-divider-background-color))) 0 var(--luzmo-tabs-divider-size,var(--tabs-divider-size)), transparent var(--luzmo-tabs-divider-size,var(--tabs-divider-size)));margin:0;padding-block:0;display:flex;position:relative}::slotted([selected]:not([slot])){color:var(--highcontrast-tabs-color-selected,var(--luzmo-tabs-color-selected,var(--tabs-color-selected)))}::slotted([disabled]:not([slot])){cursor:default;color:var(--highcontrast-tabs-color-disabled,var(--luzmo-tabs-color-disabled,var(--tabs-color-disabled)))}#selection-indicator{background-color:var(--highcontrast-tabs-selection-indicator-color,var(--luzmo-tabs-selection-indicator-color,var(--tabs-selection-indicator-color)));z-index:0;transition:transform var(--luzmo-tabs-animation-duration,var(--tabs-animation-duration)) var(--luzmo-tabs-animation-ease,var(--tabs-animation-ease));transform-origin:0 0;border-radius:var(--luzmo-tabs-divider-border-radius,var(--tabs-divider-border-radius));position:absolute;inset-inline-start:0}:host([direction^=horizontal]) #list{align-items:center}:host([direction^=horizontal]) #list ::slotted(:not([slot])){vertical-align:top}:host([direction^=horizontal]) ::slotted(:not(:first-child)){margin-inline-start:var(--luzmo-tabs-item-horizontal-spacing,var(--tabs-item-horizontal-spacing))}:host([direction^=horizontal]) #list #selection-indicator{block-size:var(--luzmo-tabs-divider-size,var(--tabs-divider-size));position:absolute;inset-block-end:0}:host([direction^=horizontal][compact]) #list{box-sizing:initial;align-items:end}:host([quiet]) #list{background:0 0;border-color:#0000;display:inline-flex}:host([quiet]) #selection-indicator{padding-inline-start:var(--luzmo-tabs-start-to-item-quiet)}:host([direction^=vertical]) #list,:host([direction^=vertical-right]) #list{flex-direction:column;padding:0;display:inline-flex}:host([direction^=vertical-right][quiet]) #list,:host([direction^=vertical][quiet]) #list{border-color:#0000}:host([direction^=vertical]) #list ::slotted(:not([slot])),:host([direction^=vertical-right]) #list ::slotted(:not([slot])){block-size:var(--luzmo-tabs-item-height,var(--tabs-item-height));line-height:var(--luzmo-tabs-item-height,var(--tabs-item-height));margin-block-end:var(--luzmo-tabs-item-vertical-spacing,var(--tabs-item-vertical-spacing));margin-inline-start:var(--luzmo-tabs-start-to-edge,var(--tabs-start-to-edge));margin-inline-end:var(--luzmo-tabs-start-to-edge,var(--tabs-start-to-edge));padding-block:0}:host([direction^=vertical]) #list ::slotted(:not([slot])):before,:host([direction^=vertical-right]) #list ::slotted(:not([slot])):before{inset-inline-start:calc(var(--luzmo-tabs-focus-indicator-gap,var(--tabs-focus-indicator-gap)) * -1)}:host([direction^=vertical]) #list #selection-indicator,:host([direction^=vertical-right]) #list #selection-indicator{inline-size:var(--luzmo-tabs-divider-size,var(--tabs-divider-size));position:absolute;inset-block-start:0;inset-inline-start:0}:host([direction^=vertical-right]) #list #selection-indicator{inset-inline:auto 0}@media (forced-colors:active){#list{--highcontrast-tabs-divider-background-color:var(--luzmo-border-color);--highcontrast-tabs-selection-indicator-color:Highlight;--highcontrast-tabs-focus-indicator-color:CanvasText;--highcontrast-tabs-focus-indicator-background-color:Highlight;--highcontrast-tabs-color:ButtonText;--highcontrast-tabs-color-hover:ButtonText;--highcontrast-tabs-color-selected:HighlightText;--highcontrast-tabs-color-key-focus:ButtonText;--highcontrast-tabs-color-disabled:GrayText;forced-color-adjust:none}#list ::slotted([selected]:not([slot])):before{background-color:var(--highcontrast-tabs-focus-indicator-background-color)}:host([direction^=vertical][compact]) #list #list ::slotted(:not([slot])):before{block-size:100%;inset-block-start:0}:host([quiet]) #list{background:linear-gradient(to var(--luzmo-tabs-list-background-direction,var(--tabs-list-background-direction)), var(--highcontrast-tabs-divider-background-color,var(--luzmo-tabs-divider-background-color,var(--tabs-divider-background-color))) 0 var(--luzmo-tabs-divider-size,var(--tabs-divider-size)), transparent var(--luzmo-tabs-divider-size,var(--tabs-divider-size)))}}#list{--tabs-font-weight:var(--luzmo-font-weight);--tabs-divider-background-color:var(--luzmo-border-color)}:host{grid-template-columns:100%;display:grid;position:relative}:host(:not([direction^=vertical])){grid-template-rows:auto 1fr}:host([direction^=vertical]){grid-template-columns:auto 1fr}:host([dir=rtl]) #selection-indicator{left:0;right:auto}:host([direction=vertical-right]) #list #selection-indicator{inset-inline:auto 0}#list{justify-content:var(--luzmo-tabs-list-justify-content)}:host([disabled]) #list{pointer-events:none}:host([disabled]) #list #selection-indicator{background-color:var(--luzmo-tabs-color-disabled,var(--tabs-color-disabled))}:host([disabled]) ::slotted(sp-tab){color:var(--luzmo-tabs-color-disabled,var(--tabs-color-disabled))}:host([direction=vertical-right]) #list #selection-indicator,:host([direction=vertical]) #list #selection-indicator{inset-block-start:0}#selection-indicator.first-position{transition:none}:host([dir][direction=horizontal]) #list.scroll{scrollbar-width:none;overflow:auto hidden}:host([dir][direction=horizontal]) #list.scroll::-webkit-scrollbar{display:none}`;function C(e,t,n,r){let i=n[e+(t===`rtl`?-1:1)],a=r.scrollLeft+r.offsetWidth;return i?i.offsetLeft-r.offsetWidth:a}function w(e,t,n,r){let i=n[e+(t===`rtl`?1:-1)],a=t===`rtl`?-r.offsetWidth:0;return i?i.offsetLeft+i.offsetWidth:a}var T=class extends t.n(r.t,{noDefaultSize:!0}){static get styles(){return[(0,l.unsafeCSS)(x),(0,l.unsafeCSS)(S),c.t.baseStyles()]}set tabs(e){e!==this.tabs&&(this._tabs.forEach(e=>{this.resizeController.unobserve(e)}),e.forEach(e=>{this.resizeController.observe(e)}),this._tabs=e,this.rovingTabindexController.clearElementCache())}get tabs(){return this._tabs}constructor(){super(),this.auto=!1,this.compact=!1,this.direction=`horizontal`,this.emphasized=!1,this.label=``,this.enableTabsScroll=!1,this.quiet=!1,this.selectionIndicatorStyle=c.t.noSelectionStyle,this.shouldAnimate=!1,this.selected=``,this._tabs=[],this.resizeController=new g.ResizeController(this,{callback:()=>{this.updateSelectionIndicator()}}),this.rovingTabindexController=new i.t(this,{focusInIndex:e=>{let t=0;return e.find((e,n)=>{let r=this.selected?e.value===this.selected:!e.disabled;return t=n,r})?t:-1},direction:()=>`both`,elementEnterAction:e=>{this.auto&&(this.shouldAnimate=!0,this.selectTarget(e))},elements:()=>this.tabs,isFocusableElement:e=>!this.disabled&&!e.disabled,listenerScope:()=>this.tabList}),this.onTabsScroll=()=>{this.dispatchEvent(new Event(`luzmo-tabs-scroll`,{bubbles:!0,composed:!0}))},this.onClick=e=>{if(this.disabled)return;let t=e.composedPath().find(e=>e.parentElement===this);!t||t.disabled||(this.shouldAnimate=!0,this.selectTarget(t))},this.onKeyDown=e=>{if(e.code===`Enter`||e.code===`Space`){e.preventDefault();let t=e.target;t&&this.selectTarget(t)}},this.updateCheckedState=()=>{if(this.tabs.forEach(e=>{e.removeAttribute(`selected`)}),this.selected){let e=this.tabs.find(e=>e.value===this.selected);e?e.selected=!0:this.selected=``}else{let e=this.tabs[0];e&&e.setAttribute(`tabindex`,`0`)}this.updateSelectionIndicator()},this.updateSelectionIndicator=async()=>{let e=this.tabs.find(e=>e.selected);if(!e){this.selectionIndicatorStyle=c.t.noSelectionStyle;return}await Promise.all([e.updateComplete,document.fonts?document.fonts.ready:Promise.resolve()]);let{width:t,height:n}=e.getBoundingClientRect();this.selectionIndicatorStyle=this.direction===`horizontal`?c.t.transformX(e.offsetLeft,t):c.t.transformY(e.offsetTop,n)},new h.IntersectionController(this,{config:{root:null,rootMargin:`0px`,threshold:[0,1]},callback:()=>{this.updateSelectionIndicator()}})}get focusElement(){return this.rovingTabindexController.focusInElement||this}limitDeltaToInterval(e,t){return n=>n<e?e:n>t?t:n}scrollTabs(e,t=`smooth`){if(e===0)return;let{scrollLeft:n,clientWidth:r,scrollWidth:i}=this.tabList,a=i-r-Math.abs(n),o=this.dir===`ltr`?this.limitDeltaToInterval(-n,a):this.limitDeltaToInterval(-a,Math.abs(n));this.tabList?.scrollBy({left:o(e),top:0,behavior:t})}get scrollState(){if(this.tabList){let{scrollLeft:e,clientWidth:t,scrollWidth:n}=this.tabList,r=Math.abs(e)>0,i=Math.ceil(Math.abs(e))<n-t;return{canScrollLeft:this.dir===`ltr`?r:i,canScrollRight:this.dir===`ltr`?i:r}}return{}}async getUpdateComplete(){let e=await super.getUpdateComplete(),t=[...this.children].map(e=>e.updateComplete===void 0?Promise.resolve(!0):e.updateComplete);return await Promise.all(t),e}getNecessaryAutoScroll(e){let t=this.tabs[e],n=t.offsetLeft+t.offsetWidth,r=this.tabList.scrollLeft+this.tabList.offsetWidth,i=t.offsetLeft,a=this.tabList.scrollLeft;return n>r?C(e,this.dir,this.tabs,this.tabList):i<a?w(e,this.dir,this.tabs,this.tabList):-1}async scrollToSelection(){if(!this.enableTabsScroll||!this.selected)return;await this.updateComplete;let e=this.tabs.findIndex(e=>e.value===this.selected);if(e!==-1&&this.tabList){let t=this.getNecessaryAutoScroll(e);t!==-1&&this.tabList.scrollTo({left:t})}}updated(e){super.updated(e),e.has(`selected`)&&this.scrollToSelection()}managePanels({target:e}){e.assignedElements().map(e=>{let{value:t,id:n}=e,r=this.querySelector(`[role="tab"][value="${t}"]`);r&&(r.setAttribute(`aria-controls`,n),e.setAttribute(`aria-labelledby`,r.id)),e.selected=t===this.selected})}render(){return l.html`
+    `}firstUpdated(){this.slot=`tab-panel`,this.setAttribute(`role`,`tabpanel`),this.tabIndex=0,this.hasAttribute(`id`)||(this.id=`luzmo-tab-panel-${o.t()}`)}updated(e){e.has(`selected`)&&(this.selected?(this.removeAttribute(`aria-hidden`),this.tabIndex=0):(this.setAttribute(`aria-hidden`,`true`),this.tabIndex=-1))}};e.t([(0,m.property)({type:Boolean,reflect:!0})],b.prototype,`selected`,void 0),e.t([(0,m.property)({type:String,reflect:!0})],b.prototype,`value`,void 0);var x=`#list{--tabs-item-height:calc(var(--luzmo-component-height) + var(--luzmo-spacing-5));--tabs-item-horizontal-spacing:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-3));--tabs-item-vertical-spacing:var(--luzmo-spacing-2);--tabs-start-to-edge:var(--luzmo-spacing-4);--tabs-top-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--tabs-bottom-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--tabs-icon-size:var(--luzmo-icon-size-s);--tabs-icon-to-text:var(--luzmo-spacing-3);--tabs-top-to-icon:var(--luzmo-spacing-4);--tabs-focus-indicator-gap:var(--luzmo-spacing-3);--tabs-font-size:var(--luzmo-font-size)}:host([size=s]) #list{--tabs-item-height:calc(var(--luzmo-component-height-s) + var(--luzmo-spacing-4));--tabs-item-horizontal-spacing:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--tabs-item-vertical-spacing:var(--luzmo-spacing-2);--tabs-start-to-edge:var(--luzmo-spacing-4);--tabs-top-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--tabs-bottom-to-text:var(--luzmo-spacing-4);--tabs-icon-size:var(--luzmo-icon-size-xs);--tabs-icon-to-text:var(--luzmo-spacing-3);--tabs-top-to-icon:var(--luzmo-spacing-4);--tabs-focus-indicator-gap:var(--luzmo-spacing-3);--tabs-font-size:var(--luzmo-font-size-s)}:host([size=l]) #list{--tabs-item-height:calc(var(--luzmo-component-height-l) + var(--luzmo-spacing-5));--tabs-item-horizontal-spacing:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-4));--tabs-item-vertical-spacing:var(--luzmo-spacing-2);--tabs-start-to-edge:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--tabs-top-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--tabs-bottom-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--tabs-icon-size:var(--luzmo-icon-size-m);--tabs-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--tabs-top-to-icon:var(--luzmo-spacing-5);--tabs-focus-indicator-gap:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--tabs-font-size:var(--luzmo-font-size-l)}:host([size=xl]) #list{--tabs-item-height:calc(var(--luzmo-component-height-xl) + var(--luzmo-spacing-5));--tabs-item-horizontal-spacing:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-4));--tabs-item-vertical-spacing:var(--luzmo-spacing-2);--tabs-start-to-edge:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--tabs-top-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--tabs-bottom-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--tabs-icon-size:var(--luzmo-icon-size-l);--tabs-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--tabs-top-to-icon:var(--luzmo-spacing-5);--tabs-focus-indicator-gap:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--tabs-font-size:var(--luzmo-font-size-xl)}:host([compact]) #list{--luzmo-tabs-item-height:var(--luzmo-tabs-item-height-compact,var(--luzmo-component-height));--luzmo-tabs-top-to-text:var(--luzmo-tabs-top-to-text-compact,calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1)));--luzmo-tabs-bottom-to-text:var(--luzmo-tabs-bottom-to-text-compact,calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1)));--luzmo-tabs-top-to-icon:var(--luzmo-tabs-top-to-icon-compact,var(--luzmo-spacing-2))}:host([size=s][compact]) #list{--luzmo-tabs-item-height:var(--luzmo-tabs-item-height-compact,var(--luzmo-component-height-s));--luzmo-tabs-top-to-text:var(--luzmo-tabs-top-to-text-compact,var(--luzmo-spacing-2));--luzmo-tabs-bottom-to-text:var(--luzmo-tabs-bottom-to-text-compact,var(--luzmo-spacing-2));--luzmo-tabs-top-to-icon:var(--luzmo-tabs-top-to-icon-compact,var(--luzmo-spacing-1))}:host([size=l][compact]) #list{--luzmo-tabs-item-height:var(--luzmo-tabs-item-height-compact,var(--luzmo-component-height-l));--luzmo-tabs-top-to-text:var(--luzmo-tabs-top-to-text-compact,calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1)));--luzmo-tabs-bottom-to-text:var(--luzmo-tabs-bottom-to-text-compact,calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1)));--luzmo-tabs-top-to-icon:var(--luzmo-tabs-top-to-icon-compact,calc(var(--luzmo-spacing-3)))}:host([size=xl][compact]) #list{--luzmo-tabs-item-height:var(--luzmo-tabs-item-height-compact,var(--luzmo-component-height-xl));--luzmo-tabs-top-to-text:var(--luzmo-tabs-top-to-text-compact,var(--luzmo-spacing-4));--luzmo-tabs-bottom-to-text:var(--luzmo-tabs-bottom-to-text-compact,var(--luzmo-spacing-4));--luzmo-tabs-top-to-icon:var(--luzmo-tabs-top-to-icon-compact,calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1)))}`,S=`#list{--tabs-color:var(--luzmo-font-color);--tabs-color-selected:var(--luzmo-font-color-down);--tabs-color-hover:var(--luzmo-font-color-hover);--tabs-color-key-focus:var(--luzmo-font-color-focus);--tabs-color-disabled:var(--luzmo-disabled-color);--tabs-font-family:var(--luzmo-font-family);--tabs-font-style:var(--luzmo-font-style);--tabs-font-size:var(--luzmo-font-size);--tabs-line-height:var(--luzmo-line-height);--tabs-focus-indicator-width:var(--luzmo-indicator-width);--tabs-focus-indicator-border-radius:var(--luzmo-border-radius);--tabs-focus-indicator-color:var(--luzmo-indicator-color);--tabs-selection-indicator-color:var(--luzmo-font-color-down);--tabs-list-background-direction:top;--tabs-divider-size:2px;--tabs-divider-border-radius:1px;--tabs-animation-duration:var(--luzmo-animation-duration);--tabs-animation-ease:ease-in-out}:host([emphasized]) #list{--luzmo-tabs-color-selected:var(--luzmo-tabs-color-selected-emphasized,var(--luzmo-primary));--luzmo-tabs-color-hover:var(--luzmo-tabs-color-hover-emphasized,var(--luzmo-primary-hover));--luzmo-tabs-color-key-focus:var(--luzmo-tabs-color-key-focus-emphasized,var(--luzmo-primary-focus));--luzmo-tabs-selection-indicator-color:var(--luzmo-tabs-selection-indicator-color-emphasized,var(--luzmo-primary-down))}:host([direction^=vertical]) #list{--luzmo-tabs-list-background-direction:var(--luzmo-tabs-list-background-direction-vertical,right)}:host([direction^=vertical-right]) #list{--luzmo-tabs-list-background-direction:var(--luzmo-tabs-list-background-direction-vertical-right,left)}:is(:host([direction^=vertical]) #list:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][direction^=vertical]) #list){--luzmo-tabs-list-background-direction:var(--luzmo-tabs-list-background-direction-vertical,left)}:is(:host([direction^=vertical-right]) #list:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][direction^=vertical-right]) #list){--luzmo-tabs-list-background-direction:var(--luzmo-tabs-list-background-direction-vertical,right)}#list{z-index:0;vertical-align:top;background:linear-gradient(to var(--luzmo-tabs-list-background-direction,var(--tabs-list-background-direction)), var(--highcontrast-tabs-divider-background-color,var(--luzmo-tabs-divider-background-color,var(--tabs-divider-background-color))) 0 var(--luzmo-tabs-divider-size,var(--tabs-divider-size)), transparent var(--luzmo-tabs-divider-size,var(--tabs-divider-size)));margin:0;padding-block:0;display:flex;position:relative}::slotted([selected]:not([slot])){color:var(--highcontrast-tabs-color-selected,var(--luzmo-tabs-color-selected,var(--tabs-color-selected)))}::slotted([disabled]:not([slot])){cursor:default;color:var(--highcontrast-tabs-color-disabled,var(--luzmo-tabs-color-disabled,var(--tabs-color-disabled)))}#selection-indicator{background-color:var(--highcontrast-tabs-selection-indicator-color,var(--luzmo-tabs-selection-indicator-color,var(--tabs-selection-indicator-color)));z-index:0;transition:transform var(--luzmo-tabs-animation-duration,var(--tabs-animation-duration)) var(--luzmo-tabs-animation-ease,var(--tabs-animation-ease));transform-origin:0 0;border-radius:var(--luzmo-tabs-divider-border-radius,var(--tabs-divider-border-radius));position:absolute;inset-inline-start:0}:host([direction^=horizontal]) #list{align-items:center}:host([direction^=horizontal]) #list ::slotted(:not([slot])){vertical-align:top}:host([direction^=horizontal]) ::slotted(:not(:first-child)){margin-inline-start:var(--luzmo-tabs-item-horizontal-spacing,var(--tabs-item-horizontal-spacing))}:host([direction^=horizontal]) #list #selection-indicator{block-size:var(--luzmo-tabs-divider-size,var(--tabs-divider-size));position:absolute;inset-block-end:0}:host([direction^=horizontal][compact]) #list{box-sizing:initial;align-items:end}:host([quiet]) #list{background:0 0;border-color:#0000;display:inline-flex}:host([quiet]) #selection-indicator{padding-inline-start:var(--luzmo-tabs-start-to-item-quiet)}:host([direction^=vertical]) #list,:host([direction^=vertical-right]) #list{flex-direction:column;padding:0;display:inline-flex}:host([direction^=vertical-right][quiet]) #list,:host([direction^=vertical][quiet]) #list{border-color:#0000}:host([direction^=vertical]) #list ::slotted(:not([slot])),:host([direction^=vertical-right]) #list ::slotted(:not([slot])){block-size:var(--luzmo-tabs-item-height,var(--tabs-item-height));line-height:var(--luzmo-tabs-item-height,var(--tabs-item-height));margin-block-end:var(--luzmo-tabs-item-vertical-spacing,var(--tabs-item-vertical-spacing));margin-inline-start:var(--luzmo-tabs-start-to-edge,var(--tabs-start-to-edge));margin-inline-end:var(--luzmo-tabs-start-to-edge,var(--tabs-start-to-edge));padding-block:0}:host([direction^=vertical]) #list ::slotted(:not([slot])):before,:host([direction^=vertical-right]) #list ::slotted(:not([slot])):before{inset-inline-start:calc(var(--luzmo-tabs-focus-indicator-gap,var(--tabs-focus-indicator-gap)) * -1)}:host([direction^=vertical]) #list #selection-indicator,:host([direction^=vertical-right]) #list #selection-indicator{inline-size:var(--luzmo-tabs-divider-size,var(--tabs-divider-size));position:absolute;inset-block-start:0;inset-inline-start:0}:host([direction^=vertical-right]) #list #selection-indicator{inset-inline:auto 0}@media (forced-colors:active){#list{--highcontrast-tabs-divider-background-color:var(--luzmo-border-color);--highcontrast-tabs-selection-indicator-color:Highlight;--highcontrast-tabs-focus-indicator-color:CanvasText;--highcontrast-tabs-focus-indicator-background-color:Highlight;--highcontrast-tabs-color:ButtonText;--highcontrast-tabs-color-hover:ButtonText;--highcontrast-tabs-color-selected:HighlightText;--highcontrast-tabs-color-key-focus:ButtonText;--highcontrast-tabs-color-disabled:GrayText;forced-color-adjust:none}#list ::slotted([selected]:not([slot])):before{background-color:var(--highcontrast-tabs-focus-indicator-background-color)}:host([direction^=vertical][compact]) #list #list ::slotted(:not([slot])):before{block-size:100%;inset-block-start:0}:host([quiet]) #list{background:linear-gradient(to var(--luzmo-tabs-list-background-direction,var(--tabs-list-background-direction)), var(--highcontrast-tabs-divider-background-color,var(--luzmo-tabs-divider-background-color,var(--tabs-divider-background-color))) 0 var(--luzmo-tabs-divider-size,var(--tabs-divider-size)), transparent var(--luzmo-tabs-divider-size,var(--tabs-divider-size)))}}#list{--tabs-font-weight:var(--luzmo-font-weight);--tabs-divider-background-color:var(--luzmo-border-color)}:host{grid-template-columns:100%;display:grid;position:relative}:host(:not([direction^=vertical])){grid-template-rows:auto 1fr}:host([direction^=vertical]){grid-template-columns:auto 1fr}:host([dir=rtl]) #selection-indicator{left:0;right:auto}:host([direction=vertical-right]) #list #selection-indicator{inset-inline:auto 0}#list{justify-content:var(--luzmo-tabs-list-justify-content)}:host([disabled]) #list{pointer-events:none}:host([disabled]) #list #selection-indicator{background-color:var(--luzmo-tabs-color-disabled,var(--tabs-color-disabled))}:host([disabled]) ::slotted(sp-tab){color:var(--luzmo-tabs-color-disabled,var(--tabs-color-disabled))}:host([direction=vertical-right]) #list #selection-indicator,:host([direction=vertical]) #list #selection-indicator{inset-block-start:0}#selection-indicator.first-position{transition:none}:host([dir][direction=horizontal]) #list.scroll{scrollbar-width:none;overflow:auto hidden}:host([dir][direction=horizontal]) #list.scroll::-webkit-scrollbar{display:none}`;function C(e,t,n,r){let i=n[e+(t===`rtl`?-1:1)],a=r.scrollLeft+r.offsetWidth;return i?i.offsetLeft-r.offsetWidth:a}function w(e,t,n,r){let i=n[e+(t===`rtl`?1:-1)],a=t===`rtl`?-r.offsetWidth:0;return i?i.offsetLeft+i.offsetWidth:a}var T=class extends t.n(r.t,{noDefaultSize:!0}){static get styles(){return[(0,l.unsafeCSS)(x),(0,l.unsafeCSS)(S),c.t.baseStyles()]}set tabs(e){e!==this.tabs&&(this._tabs.forEach(e=>{this.resizeController.unobserve(e)}),e.forEach(e=>{this.resizeController.observe(e)}),this._tabs=e,this.rovingTabindexController.clearElementCache())}get tabs(){return this._tabs}constructor(){super(),this.auto=!1,this.compact=!1,this.direction=`horizontal`,this.emphasized=!1,this.label=``,this.enableTabsScroll=!1,this.quiet=!1,this.selectionIndicatorStyle=c.t.noSelectionStyle,this.shouldAnimate=!1,this.selected=``,this._tabs=[],this.resizeController=new g.ResizeController(this,{callback:()=>{this.updateSelectionIndicator()}}),this.rovingTabindexController=new i.t(this,{focusInIndex:e=>{let t=0;return e.find((e,n)=>{let r=this.selected?e.value===this.selected:!e.disabled;return t=n,r})?t:-1},direction:()=>`both`,elementEnterAction:e=>{this.auto&&(this.shouldAnimate=!0,this.selectTarget(e))},elements:()=>this.tabs,isFocusableElement:e=>!this.disabled&&!e.disabled,listenerScope:()=>this.tabList}),this.onTabsScroll=()=>{this.dispatchEvent(new Event(`luzmo-tabs-scroll`,{bubbles:!0,composed:!0}))},this.onClick=e=>{if(this.disabled)return;let t=e.composedPath().find(e=>e.parentElement===this);t&&!t.disabled&&(this.shouldAnimate=!0,this.selectTarget(t))},this.onKeyDown=e=>{if(e.code===`Enter`||e.code===`Space`){e.preventDefault();let t=e.target;t&&this.selectTarget(t)}},this.updateCheckedState=()=>{if(this.tabs.forEach(e=>{e.removeAttribute(`selected`)}),this.selected){let e=this.tabs.find(e=>e.value===this.selected);e?e.selected=!0:this.selected=``}else{let e=this.tabs[0];e&&e.setAttribute(`tabindex`,`0`)}this.updateSelectionIndicator()},this.updateSelectionIndicator=async()=>{let e=this.tabs.find(e=>e.selected);if(!e){this.selectionIndicatorStyle=c.t.noSelectionStyle;return}await Promise.all([e.updateComplete,document.fonts?document.fonts.ready:Promise.resolve()]);let{width:t,height:n}=e.getBoundingClientRect();this.selectionIndicatorStyle=this.direction===`horizontal`?c.t.transformX(e.offsetLeft,t):c.t.transformY(e.offsetTop,n)},new h.IntersectionController(this,{config:{root:null,rootMargin:`0px`,threshold:[0,1]},callback:()=>{this.updateSelectionIndicator()}})}get focusElement(){return this.rovingTabindexController.focusInElement||this}limitDeltaToInterval(e,t){return n=>n<e?e:n>t?t:n}scrollTabs(e,t=`smooth`){if(e===0)return;let{scrollLeft:n,clientWidth:r,scrollWidth:i}=this.tabList,a=i-r-Math.abs(n),o=this.dir===`ltr`?this.limitDeltaToInterval(-n,a):this.limitDeltaToInterval(-a,Math.abs(n));this.tabList?.scrollBy({left:o(e),top:0,behavior:t})}get scrollState(){if(this.tabList){let{scrollLeft:e,clientWidth:t,scrollWidth:n}=this.tabList,r=Math.abs(e)>0,i=Math.ceil(Math.abs(e))<n-t;return{canScrollLeft:this.dir===`ltr`?r:i,canScrollRight:this.dir===`ltr`?i:r}}return{}}async getUpdateComplete(){let e=await super.getUpdateComplete(),t=[...this.children].map(e=>e.updateComplete===void 0?Promise.resolve(!0):e.updateComplete);return await Promise.all(t),e}getNecessaryAutoScroll(e){let t=this.tabs[e],n=t.offsetLeft+t.offsetWidth,r=this.tabList.scrollLeft+this.tabList.offsetWidth,i=t.offsetLeft,a=this.tabList.scrollLeft;return n>r?C(e,this.dir,this.tabs,this.tabList):i<a?w(e,this.dir,this.tabs,this.tabList):-1}async scrollToSelection(){if(!this.enableTabsScroll||!this.selected)return;await this.updateComplete;let e=this.tabs.findIndex(e=>e.value===this.selected);if(e!==-1&&this.tabList){let t=this.getNecessaryAutoScroll(e);t!==-1&&this.tabList.scrollTo({left:t})}}updated(e){super.updated(e),e.has(`selected`)&&this.scrollToSelection()}managePanels({target:e}){e.assignedElements().map(e=>{let{value:t,id:n}=e,r=this.querySelector(`[role="tab"][value="${t}"]`);r&&(r.setAttribute(`aria-controls`,n),e.setAttribute(`aria-labelledby`,r.id)),e.selected=t===this.selected})}render(){return l.html`
       <div
         class=${(0,p.classMap)({scroll:this.enableTabsScroll})}
         aria-label=${(0,f.ifDefined)(this.label??void 0)}