@orangelogic/design-system 3.47.0 → 3.48.0

package/library/chunks/{menu.D9R--BnI.js → menu.3akay3Bh.js}

@@ -3,20 +3,20 @@ import { a as n, i as r, n as i, r as a, t as o } from "./cortex-element.DTrNUtd
 import { t as s } from "./query.B1yi7t71.js";
 import { t as c } from "./component.styles.0xM1ZmBs.js";
 import { t as l } from "./custom-element.BEMYNDK1.js";
-import { t as u } from "./i18n.CpiuF-f4.js";
+import { t as u } from "./i18n.BMXeDUpk.js";
 import { t as d } from "./when.BUskJLtZ.js";
-import { r as f, t as p } from "./menu-item.CyQdmKhm.js";
+import { r as f, t as p } from "./menu-item.D-IE19Jn.js";
 //#region ../../packages/types/src/menu.ts
 var m = /* @__PURE__ */ function(e) {
 	return e.Default = "default", e.Multiple = "multiple", e;
 }({}), h = t`:host{background:var(--cx-panel-background-color);border:solid var(--cx-panel-border-width) var(--cx-panel-border-color);border-radius:var(--cx-panel-border-radius,var(--cx-border-radius-large));padding:var(--cx-panel-padding,var(--cx-spacing-x-small) 0);--divider-color:var(--cx-panel-border-color);--divider-width:var(--cx-panel-border-width);--divider-spacing:var(--cx-spacing-x-small);display:block;position:relative;overflow:auto}:host([horizontal]){padding:0 var(--cx-spacing-x-small);flex-wrap:wrap;justify-content:space-between;display:flex}::slotted(cx-divider){--color:var(--divider-color);--width:var(--divider-width);--spacing:var(--divider-spacing)}::slotted([data-alternating-grouping]):before{content:" ";background-color:var(--divider-color);margin:var(--divider-spacing) 0;height:var(--divider-width);display:block}::slotted([data-alternating-grouping=horizontal]):before{height:100%;margin:0 var(--divider-spacing);width:var(--divider-width);display:inline-block}:host([horizontal]) ::slotted(cx-menu-section){flex-wrap:wrap;justify-content:space-between;display:flex}:host([horizontal]) ::slotted(cx-menu-item){display:flex}:host([variant=multiple]){position:relative;overflow:hidden}:host([variant=multiple]) ::slotted(cx-menu[name]){opacity:0;pointer-events:none;transition:opacity var(--cx-transition-fast) ease-in-out, transform var(--cx-transition-medium) ease-in-out;border:none;top:0;left:0;transform:translate(-50%);position:absolute!important}:host([variant=multiple]) ::slotted(cx-menu[active]){opacity:1;pointer-events:auto;transform:translate(0)}.back__button::part(checked-icon),.back__button::part(submenu-icon){display:none}.back__divider{--spacing:var(--cx-spacing-x-small)}`, g;
 function _(e) {
-	return e.tagName.toLowerCase() === "cx-menu" && e instanceof v && e.getAttribute("role") === "menu";
+	return e.tagName.toLowerCase() === "cx-menu" && e instanceof v && e.getAttribute("role") === "menu" && !e.inert;
 }
 var v = class extends o {
 	static #e = g = this;
 	constructor(...e) {
-		super(...e), this.localize = new u(this), this.horizontal = !1, this.variant = m.Default, this.active = !1, this.name = "", this.back = "", this.default = !1, this.bubbleKeyDown = !1, this.ignoredKeys = [], this.disabledTabLoop = !1, this.noUncheck = !1, this.resizeObserver = null, this.slotMutationObserver = null;
+		super(...e), this.localize = new u(this), this.horizontal = !1, this.variant = m.Default, this.active = !1, this.name = "", this.back = "", this.default = !1, this.bubbleKeyDown = !1, this.ignoredKeys = [], this.noUncheck = !1, this.resizeObserver = null, this.slotMutationObserver = null;
 	}
 	static #t = this.styles = [c, h];
 	connectedCallback() {
@@ -55,7 +55,7 @@ var v = class extends o {
 			"menuitemradio"
 		], n = e.composedPath(), r = n.find((e) => t.includes(e?.getAttribute?.("role") || ""));
 		if (!r) return;
-		let i = r.menu;
+		let i = r.getAttribute("menu");
 		if (i) {
 			this.setActiveMenu(i);
 			return;
@@ -112,7 +112,7 @@ var v = class extends o {
 					}
 					i = 0;
 				}
-				if (i < 0 && !this.disabledTabLoop) {
+				if (i < 0) {
 					e.preventDefault();
 					let t = this.previousElementSibling;
 					for (; t && !_(t);) t = t.previousElementSibling;
@@ -135,7 +135,7 @@ var v = class extends o {
 						i = 0;
 					}
 				}
-				if (i > t.length - 1 && !this.disabledTabLoop) {
+				if (i > t.length - 1) {
 					e.preventDefault();
 					let t = this.nextElementSibling;
 					for (; t && !_(t);) t = t.nextElementSibling;
@@ -198,8 +198,12 @@ var v = class extends o {
 			"menuitemradio"
 		].includes(e.getAttribute("role") ?? "") : !1;
 	}
+	focusPanelTabStop(e) {
+		let t = e.getAllItems();
+		(t.find((e) => e.getAttribute("tabindex") === "0") ?? t[0])?.focus({ preventScroll: !0 });
+	}
 	getAllItems() {
-		return this.defaultSlot.assignedElements({ flatten: !0 }).flatMap((e) => {
+		return [this.backSlot, this.defaultSlot].flatMap((e) => e?.assignedElements({ flatten: !0 }) ?? []).flatMap((e) => e.slot === "back-button" && !this.isMenuItem(e) ? [...e.children] : e).flatMap((e) => {
 			if (this.isMenuSection(e)) {
 				let t = e.shadowRoot?.querySelector("slot");
 				return t ? [...t.assignedElements({ flatten: !0 })] : [];
@@ -211,12 +215,14 @@ var v = class extends o {
 		return [...this.querySelectorAll("cx-menu")];
 	}
 	setActiveMenu(e) {
-		let t = this.getAllSubMenus(), n = null;
+		let t = this.getAllSubMenus(), n = this.variant === m.Multiple, r = n && this.matches(":focus-within"), i = null;
 		t.forEach((t) => {
-			t.name === e ? (t.active = !0, n = t) : t.active = !1;
-		}), this.adjustMenuSize(), n && (this.resizeObserver &&= (this.resizeObserver.disconnect(), null), this.resizeObserver = new ResizeObserver(() => {
+			t.name === e ? (t.active = !0, i = t) : t.active = !1;
+		}), this.adjustMenuSize(), i && (this.resizeObserver &&= (this.resizeObserver.disconnect(), null), this.resizeObserver = new ResizeObserver(() => {
 			this.adjustMenuSize();
-		}), this.resizeObserver.observe(n));
+		}), this.resizeObserver.observe(i), r && (i.inert = !1, this.focusPanelTabStop(i))), n && t.forEach((e) => {
+			e.parentElement === this && (e.inert = !e.active);
+		});
 	}
 	async adjustMenuSize(e = 250) {
 		let t = this.getActiveMenu();
@@ -247,11 +253,11 @@ var v = class extends o {
 		this.setRovingTabIndex(e);
 	}
 	render() {
-		let t = d(this.back, () => e`<slot name="back-button" role="menuitem" menu=${this.back}><cx-menu-item part="back-button" class="back__button" menu=${this.back}><cx-icon slot="prefix" name="chevron_left"></cx-icon>${this.localize.term("back")}</cx-menu-item><cx-divider class="back__divider"></cx-divider></slot>`);
+		let t = d(this.back, () => e`<slot name="back-button" role="menuitem" menu=${this.back} @slotchange=${this.handleSlotChange} @keydown=${this.handleKeyDown}><cx-menu-item part="back-button" class="back__button" menu=${this.back}><cx-icon slot="prefix" name="chevron_left"></cx-icon>${this.localize.term("back")}</cx-menu-item><cx-divider class="back__divider"></cx-divider></slot>`);
 		return this.variant, m.Multiple, e`${t}<slot @slotchange=${this.handleSlotChange} @click=${this.handleClick} @keydown=${this.handleKeyDown} @mousedown=${this.handleMouseDown}></slot>`;
 	}
 };
-i([s("slot:not([name])"), a("design:type", typeof HTMLSlotElement > "u" ? Object : HTMLSlotElement)], v.prototype, "defaultSlot", void 0), i([n({ type: Boolean }), a("design:type", Object)], v.prototype, "horizontal", void 0), i([n({ reflect: !0 }), a("design:type", Object)], v.prototype, "variant", void 0), i([n({
+i([s("slot:not([name])"), a("design:type", typeof HTMLSlotElement > "u" ? Object : HTMLSlotElement)], v.prototype, "defaultSlot", void 0), i([s("slot[name=\"back-button\"]"), a("design:type", Object)], v.prototype, "backSlot", void 0), i([n({ type: Boolean }), a("design:type", Object)], v.prototype, "horizontal", void 0), i([n({ reflect: !0 }), a("design:type", Object)], v.prototype, "variant", void 0), i([n({
 	reflect: !0,
 	type: Boolean
 }), a("design:type", Object)], v.prototype, "active", void 0), i([n({ reflect: !0 }), a("design:type", Object)], v.prototype, "name", void 0), i([n({ reflect: !0 }), a("design:type", Object)], v.prototype, "back", void 0), i([n({
@@ -269,10 +275,6 @@ i([s("slot:not([name])"), a("design:type", typeof HTMLSlotElement > "u" ? Object
 	},
 	type: String
 }), a("design:type", Array)], v.prototype, "ignoredKeys", void 0), i([n({
-	attribute: "disabled-tab-loop",
-	reflect: !0,
-	type: Boolean
-}), a("design:type", Object)], v.prototype, "disabledTabLoop", void 0), i([n({
 	attribute: "no-uncheck",
 	reflect: !0,
 	type: Boolean

package/library/chunks/{option.CxsY_LQ-.js → option.9V-nTQp7.js}

@@ -3,7 +3,7 @@ import { a as n, i as r, n as i, r as a, t as o } from "./cortex-element.DTrNUtd
 import { t as s } from "./query.B1yi7t71.js";
 import { t as c } from "./component.styles.0xM1ZmBs.js";
 import { t as l } from "./custom-element.BEMYNDK1.js";
-import { t as u } from "./i18n.CpiuF-f4.js";
+import { t as u } from "./i18n.BMXeDUpk.js";
 import { t as d } from "./watch.Ub5r8btz.js";
 import { t as f } from "./class-map.D8nsNOVJ.js";
 import { t as p } from "./when.BUskJLtZ.js";

package/library/chunks/{padding-input-group.DYHH1M0o.js → padding-input-group.DKIv6567.js}

@@ -3,7 +3,7 @@ import { a as n, n as r, r as i, t as a } from "./cortex-element.DTrNUtdr.js";
 import { t as o } from "./component.styles.0xM1ZmBs.js";
 import { t as s } from "./custom-element.BEMYNDK1.js";
 import { t as c } from "./repeat.CKv9FPlC.js";
-import { t as l } from "./input.HC75Gdv_.js";
+import { t as l } from "./input.B3HfssSr.js";
 import { t as u } from "./parse.CDrJ-NY7.js";
 import { t as d } from "./input-group.Dmd8XcxL.js";
 //#region ../../packages/molecules/src/padding-input-group/padding-input-group.styles.ts

package/library/chunks/{pagination.CanYvw0N.js → pagination.CJV7WdJj.js}

@@ -2,20 +2,20 @@ import { c as e, d as t } from "./lit.CyJqR2kf.js";
 import { a as n, i as r, n as i, r as a, t as o } from "./cortex-element.DTrNUtdr.js";
 import { t as s } from "./component.styles.0xM1ZmBs.js";
 import { t as c } from "./custom-element.BEMYNDK1.js";
-import { t as l } from "./i18n.CpiuF-f4.js";
+import { t as l } from "./i18n.BMXeDUpk.js";
 import { t as u } from "./watch.Ub5r8btz.js";
 import { t as d } from "./class-map.D8nsNOVJ.js";
-import { n as f, t as p } from "./icon-button.8OdZOZsM.js";
+import { n as f, t as p } from "./icon-button.CziUJUiX.js";
 import { t as m } from "./when.BUskJLtZ.js";
-import { t as h } from "./button.BE-fTtOZ.js";
-import { t as g } from "./tooltip.Dxn_BH8D.js";
+import { t as h } from "./button.Ccrk9fUD.js";
+import { t as g } from "./tooltip.CGCOh4cQ.js";
 import { t as _ } from "./typography.B0mkhqTB.js";
 import { t as v } from "./math.od1DVmRk.js";
 import { t as y } from "./repeat.CKv9FPlC.js";
-import { t as b } from "./input.HC75Gdv_.js";
-import { t as x } from "./option.CxsY_LQ-.js";
+import { t as b } from "./input.B3HfssSr.js";
+import { t as x } from "./option.9V-nTQp7.js";
 import { t as S } from "./space.Dd8jezXK.js";
-import { t as C } from "./select.DGC0kysp.js";
+import { t as C } from "./select.CM-1exjJ.js";
 //#region ../../packages/types/src/pagination.ts
 var w = /* @__PURE__ */ function(e) {
 	return e.Both = "both", e.Pages = "pages", e.Rows = "rows", e;

package/library/chunks/{popup.ALI72D04.js → popup.CxGrVXG-.js}

@@ -5,7 +5,7 @@ import { t as u } from "./base.DmbhkjF_.js";
 import { t as d } from "./query.B1yi7t71.js";
 import { t as f } from "./component.styles.0xM1ZmBs.js";
 import { t as p } from "./custom-element.BEMYNDK1.js";
-import { t as m } from "./i18n.CpiuF-f4.js";
+import { t as m } from "./i18n.BMXeDUpk.js";
 import { t as h } from "./class-map.D8nsNOVJ.js";
 import { t as g } from "./if-defined.B29V_rEp.js";
 import { t as _ } from "./when.BUskJLtZ.js";

package/library/chunks/{position-picker.B3klGTsy.js → position-picker.CyXlSYCi.js}

@@ -2,7 +2,7 @@ import { c as e, d as t } from "./lit.CyJqR2kf.js";
 import { a as n, n as r, r as i, t as a } from "./cortex-element.DTrNUtdr.js";
 import { t as o } from "./component.styles.0xM1ZmBs.js";
 import { t as s } from "./custom-element.BEMYNDK1.js";
-import { t as c } from "./i18n.CpiuF-f4.js";
+import { t as c } from "./i18n.BMXeDUpk.js";
 import { n as l } from "./position-picker.dY_vgF_H.js";
 import { t as u } from "./grid.CK4PRwur.js";
 import { t as d } from "./grid-item.CSieaU5T.js";

package/library/chunks/{progress-bar.Br8Zi53n.js → progress-bar.Cp8jz3Cn.js}

@@ -2,7 +2,7 @@ import { c as e, d as t } from "./lit.CyJqR2kf.js";
 import { a as n, n as r, r as i, t as a } from "./cortex-element.DTrNUtdr.js";
 import { t as o } from "./component.styles.0xM1ZmBs.js";
 import { t as s } from "./custom-element.BEMYNDK1.js";
-import { t as c } from "./i18n.CpiuF-f4.js";
+import { t as c } from "./i18n.BMXeDUpk.js";
 import { t as l } from "./class-map.D8nsNOVJ.js";
 import { t as u } from "./if-defined.B29V_rEp.js";
 import { t as d } from "./style-map.DPGQIxip.js";

package/library/chunks/{progress-ring.DjiHa9Bf.js → progress-ring.CMylJgKR.js}

@@ -3,7 +3,7 @@ import { a as n, i as r, n as i, r as a, t as o } from "./cortex-element.DTrNUtd
 import { t as s } from "./query.B1yi7t71.js";
 import { t as c } from "./component.styles.0xM1ZmBs.js";
 import { t as l } from "./custom-element.BEMYNDK1.js";
-import { t as u } from "./i18n.CpiuF-f4.js";
+import { t as u } from "./i18n.BMXeDUpk.js";
 //#region ../../packages/atoms/src/components/progress-ring/progress-ring.styles.ts
 var d = t`:host{--size:128px;--track-width:4px;--track-color:var(--cx-color-neutral-200);--indicator-width:var(--track-width);--indicator-color:var(--cx-color-primary);--indicator-transition-duration:.35s;display:inline-flex}.progress-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.progress-ring__image{width:var(--size);height:var(--size);transform-origin:50%;rotate:-90deg}.progress-ring__track,.progress-ring__indicator{--radius:calc(var(--size) / 2 - max(var(--track-width), var(--indicator-width)) * .5);--circumference:calc(var(--radius) * 2 * 3.14159);fill:none;r:var(--radius);cx:calc(var(--size) / 2);cy:calc(var(--size) / 2)}.progress-ring__track{stroke:var(--track-color);stroke-width:var(--track-width)}.progress-ring__indicator{stroke:var(--indicator-color);stroke-width:var(--indicator-width);stroke-linecap:round;transition-property:stroke-dashoffset;transition-duration:var(--indicator-transition-duration);stroke-dasharray:var(--circumference) var(--circumference);stroke-dashoffset:calc(var(--circumference) - var(--percentage) * var(--circumference))}.progress-ring__label{text-align:center;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}`, f = class extends o {
 	constructor(...e) {

package/library/chunks/{radio-card.DYSmJnTa.js → radio-card.D4B962Sg.js}

@@ -6,7 +6,7 @@ import { t as l } from "./custom-element.BEMYNDK1.js";
 import { t as u } from "./slot.CZUlACxT.js";
 import { t as d } from "./watch.Ub5r8btz.js";
 import { t as f } from "./class-map.D8nsNOVJ.js";
-import { t as p } from "./line-clamp.CnrGMrrC.js";
+import { t as p } from "./line-clamp.DV3tlosD.js";
 import { t as m } from "./card.3c-X4hqR.js";
 import { t as h } from "./radio.DhPbmKbQ.js";
 //#region ../../packages/atoms/src/components/radio-card/radio-card.styles.ts

package/library/chunks/{range.JjDrbGgA.js → range.Dl85wEtv.js}

@@ -4,7 +4,7 @@ import { t as s } from "./event-options.DmLrpUIg.js";
 import { t as c } from "./query.B1yi7t71.js";
 import { t as l } from "./component.styles.0xM1ZmBs.js";
 import { t as u } from "./custom-element.BEMYNDK1.js";
-import { t as d } from "./i18n.CpiuF-f4.js";
+import { t as d } from "./i18n.BMXeDUpk.js";
 import { t as f } from "./slot.CZUlACxT.js";
 import { t as p } from "./watch.Ub5r8btz.js";
 import { t as m } from "./class-map.D8nsNOVJ.js";
@@ -12,7 +12,7 @@ import { t as h } from "./if-defined.B29V_rEp.js";
 import { t as g } from "./style-map.DPGQIxip.js";
 import { t as _ } from "./form.-ADsa-59.js";
 import { t as v } from "./debounce.Ci-xdsHE.js";
-import { t as y } from "./tooltip.Dxn_BH8D.js";
+import { t as y } from "./tooltip.CGCOh4cQ.js";
 import { t as b } from "./resize-observer.D9EHlnZI.js";
 import { t as x } from "./form-control.styles.Cec6lJbi.js";
 import { t as S } from "./default-value.opqQgoRT.js";

package/library/chunks/{rating.BqmvLuxp.js → rating.C-3rSMOT.js}

@@ -4,7 +4,7 @@ import { t as s } from "./event-options.DmLrpUIg.js";
 import { t as c } from "./query.B1yi7t71.js";
 import { t as l } from "./component.styles.0xM1ZmBs.js";
 import { t as u } from "./custom-element.BEMYNDK1.js";
-import { t as d } from "./i18n.CpiuF-f4.js";
+import { t as d } from "./i18n.BMXeDUpk.js";
 import { t as f } from "./watch.Ub5r8btz.js";
 import { t as p } from "./class-map.D8nsNOVJ.js";
 import { t as m } from "./icon.CeQpEaQz.js";

package/library/chunks/{relative-time.Tmj08T5g.js → relative-time.5fu63h4C.js}

@@ -2,7 +2,7 @@ import { c as e, d as t } from "./lit.CyJqR2kf.js";
 import { a as n, i as r, n as i, r as a, t as o } from "./cortex-element.DTrNUtdr.js";
 import { t as s } from "./component.styles.0xM1ZmBs.js";
 import { t as c } from "./custom-element.BEMYNDK1.js";
-import { t as l } from "./i18n.CpiuF-f4.js";
+import { t as l } from "./i18n.BMXeDUpk.js";
 //#region ../../packages/atoms/src/components/relative-time/relative-time.styles.ts
 var u = t`:host{display:contents}.relative-time{color:var(--cx-relative-time-color,inherit);font-size:var(--cx-relative-time-font-size,inherit);font-weight:var(--cx-relative-time-font-weight,inherit)}`, d = [
 	{

package/library/chunks/{select.DGC0kysp.js → select.CM-1exjJ.js}

@@ -1,25 +1,25 @@
 import { c as e, d as t, r as n } from "./lit.CyJqR2kf.js";
 import { a as r, i, n as a, r as o, t as s } from "./cortex-element.DTrNUtdr.js";
 import { t as c } from "./query.B1yi7t71.js";
-import { t as l } from "./popup.ALI72D04.js";
+import { t as l } from "./popup.CxGrVXG-.js";
 import { t as u } from "./component.styles.0xM1ZmBs.js";
 import { n as d, o as f, t as p } from "./event.C11S4obG.js";
 import { t as m } from "./custom-element.BEMYNDK1.js";
-import { t as h } from "./i18n.CpiuF-f4.js";
+import { t as h } from "./i18n.BMXeDUpk.js";
 import { t as g } from "./slot.CZUlACxT.js";
 import { t as _ } from "./watch.Ub5r8btz.js";
 import { t as v } from "./class-map.D8nsNOVJ.js";
 import { r as y, t as b } from "./animation-registry.DKd2AOcC.js";
 import { t as x } from "./when.BUskJLtZ.js";
 import { t as S } from "./icon.CeQpEaQz.js";
-import { t as C } from "./spinner.DXFJTymk.js";
+import { t as C } from "./spinner.-79sJ3oo.js";
 import { t as w } from "./form.-ADsa-59.js";
-import { t as T } from "./line-clamp.CnrGMrrC.js";
-import { t as E } from "./tag.CGDwKgUc.js";
+import { t as T } from "./line-clamp.DV3tlosD.js";
+import { t as E } from "./tag.ajqJVQQB.js";
 import { t as D } from "./typography.B0mkhqTB.js";
 import { t as O } from "./form-control.styles.Cec6lJbi.js";
 import { t as k } from "./default-value.opqQgoRT.js";
-import { t as A } from "./option.CxsY_LQ-.js";
+import { t as A } from "./option.9V-nTQp7.js";
 import { n as j } from "./active-elements.Tk45XSNQ.js";
 import { n as M } from "./scroll.CEH_a4pm.js";
 import { t as N } from "./user-agent.D2bRhUeS.js";

package/library/chunks/{shadow-input-group.CqJxTQGg.js → shadow-input-group.CpjriMC3.js}

@@ -3,10 +3,10 @@ import { a as n, n as r, r as i, t as a } from "./cortex-element.DTrNUtdr.js";
 import { t as o } from "./component.styles.0xM1ZmBs.js";
 import { t as s } from "./custom-element.BEMYNDK1.js";
 import { t as c } from "./repeat.CKv9FPlC.js";
-import { t as l } from "./input.HC75Gdv_.js";
+import { t as l } from "./input.B3HfssSr.js";
 import { t as u } from "./space.Dd8jezXK.js";
 import { t as d } from "./input-group.Dmd8XcxL.js";
-import { t as f } from "./bicolor-picker.D_UcnmKA.js";
+import { t as f } from "./bicolor-picker.D03k1yyx.js";
 //#region ../../packages/molecules/src/shadow-input-group/shadow-input-group.styles.ts
 var p = t``, m = class extends a {
 	constructor(...e) {

package/library/chunks/{share-option-list.C7nOWbx0.js → share-option-list.BO50cnCs.js}

@@ -5,7 +5,7 @@ import { t as c } from "./query.B1yi7t71.js";
 import { t as l } from "./component.styles.0xM1ZmBs.js";
 import { i as u } from "./event.C11S4obG.js";
 import { t as d } from "./custom-element.BEMYNDK1.js";
-import { t as f } from "./i18n.CpiuF-f4.js";
+import { t as f } from "./i18n.BMXeDUpk.js";
 import { t as p } from "./slot.CZUlACxT.js";
 import { t as m } from "./watch.Ub5r8btz.js";
 import { t as h } from "./class-map.D8nsNOVJ.js";
@@ -13,7 +13,7 @@ import { t as g } from "./when.BUskJLtZ.js";
 import { t as _ } from "./icon.CeQpEaQz.js";
 import { t as v } from "./style-map.DPGQIxip.js";
 import { t as y } from "./dom.dDaS97WU.js";
-import { t as b } from "./tooltip.Dxn_BH8D.js";
+import { t as b } from "./tooltip.CGCOh4cQ.js";
 import { t as x } from "./resize-observer.D9EHlnZI.js";
 import { t as S } from "./typography.B0mkhqTB.js";
 import { t as C } from "./math.od1DVmRk.js";

package/library/chunks/{sidebar.C7hLNDp-.js → sidebar.CDTaDQY_.js}

@@ -6,7 +6,7 @@ import { t as u } from "./custom-element.BEMYNDK1.js";
 import { t as d } from "./slot.CZUlACxT.js";
 import { t as f } from "./watch.Ub5r8btz.js";
 import { t as p } from "./class-map.D8nsNOVJ.js";
-import { t as m } from "./icon-button.8OdZOZsM.js";
+import { t as m } from "./icon-button.CziUJUiX.js";
 import { t as h } from "./icon.CeQpEaQz.js";
 import { t as g } from "./resize-observer.D9EHlnZI.js";
 import { t as _ } from "./drag.s0AcVpKh.js";

package/library/chunks/{size-input-group.DObavRHn.js → size-input-group.4NN5-92E.js}

@@ -3,15 +3,15 @@ import { a as n, i as r, n as i, r as a, t as o } from "./cortex-element.DTrNUtd
 import { t as s } from "./query.B1yi7t71.js";
 import { t as c } from "./component.styles.0xM1ZmBs.js";
 import { t as l } from "./custom-element.BEMYNDK1.js";
-import { t as u } from "./i18n.CpiuF-f4.js";
+import { t as u } from "./i18n.BMXeDUpk.js";
 import { t as d } from "./watch.Ub5r8btz.js";
-import { t as f } from "./icon-button.8OdZOZsM.js";
+import { t as f } from "./icon-button.CziUJUiX.js";
 import { t as p } from "./when.BUskJLtZ.js";
-import { t as m } from "./tooltip.Dxn_BH8D.js";
+import { t as m } from "./tooltip.CGCOh4cQ.js";
 import { t as h } from "./default-value.opqQgoRT.js";
-import { t as g } from "./input.HC75Gdv_.js";
+import { t as g } from "./input.B3HfssSr.js";
 import { t as _ } from "./space.Dd8jezXK.js";
-import { t as v } from "./select.DGC0kysp.js";
+import { t as v } from "./select.CM-1exjJ.js";
 //#region ../../packages/types/src/size-input-group.ts
 var y = /* @__PURE__ */ function(e) {
 	return e.Percentage = "percentage", e.Pixel = "pixel", e;

package/library/chunks/{spinner.DXFJTymk.js → spinner.-79sJ3oo.js}

@@ -2,7 +2,7 @@ import { c as e, d as t } from "./lit.CyJqR2kf.js";
 import { n, t as r } from "./cortex-element.DTrNUtdr.js";
 import { t as i } from "./component.styles.0xM1ZmBs.js";
 import { t as a } from "./custom-element.BEMYNDK1.js";
-import { t as o } from "./i18n.CpiuF-f4.js";
+import { t as o } from "./i18n.BMXeDUpk.js";
 //#region ../../packages/atoms/src/components/spinner/spinner.styles.ts
 var s = t`:host{--track-width:2px;--track-color:#80808040;--indicator-color:var(--cx-color-primary);--speed:2s;flex:none;width:1em;max-width:1em;height:1em;max-height:1em;display:inline-flex}.spinner{flex:auto;width:1em;height:1em}.spinner__track,.spinner__indicator{fill:none;stroke-width:var(--track-width);r:calc(.5em - var(--track-width) / 2);cx:calc(.5em);cy:calc(.5em);transform-origin:.5em .5em}.spinner__track{stroke:var(--track-color);transform-origin:0 0}.spinner__indicator{stroke:var(--indicator-color);stroke-linecap:round;stroke-dasharray:150% 75%;animation:spin var(--speed) linear infinite}@keyframes spin{0%{stroke-dasharray:.05em 3em;transform:rotate(0)}50%{stroke-dasharray:1.375em 1.375em;transform:rotate(450deg)}to{stroke-dasharray:.05em 3em;transform:rotate(1080deg)}}`, c = class extends r {
 	constructor(...e) {

package/library/chunks/{split-panel.Bmfk4xJd.js → split-panel.DE2NmORY.js}

@@ -3,7 +3,7 @@ import { a as n, n as r, r as i, t as a } from "./cortex-element.DTrNUtdr.js";
 import { t as o } from "./query.B1yi7t71.js";
 import { t as s } from "./component.styles.0xM1ZmBs.js";
 import { t as c } from "./custom-element.BEMYNDK1.js";
-import { t as l } from "./i18n.CpiuF-f4.js";
+import { t as l } from "./i18n.BMXeDUpk.js";
 import { t as u } from "./watch.Ub5r8btz.js";
 import { t as d } from "./if-defined.B29V_rEp.js";
 import { t as f } from "./drag.s0AcVpKh.js";

package/library/chunks/{src.0g5CasFQ.js → src.CQL20PqB.js}

@@ -1,89 +1,89 @@
-import "./popup.ALI72D04.js";
+import "./popup.CxGrVXG-.js";
 import "./component.styles.0xM1ZmBs.js";
-import "./icon-button.8OdZOZsM.js";
+import "./icon-button.CziUJUiX.js";
 import { n as e } from "./icon.CeQpEaQz.js";
-import "./spinner.DXFJTymk.js";
-import "./alert.C-yzkTnx.js";
+import "./spinner.-79sJ3oo.js";
+import "./alert.CuW7fOVy.js";
 import "./am-chart.COOKOvT1.js";
 import "./animated-image.w6VdagCh.js";
 import { n as t, r as n } from "./animation.CRLxJUWm.js";
-import "./button.BE-fTtOZ.js";
-import "./tooltip.Dxn_BH8D.js";
+import "./button.Ccrk9fUD.js";
+import "./tooltip.CGCOh4cQ.js";
 import "./resize-observer.D9EHlnZI.js";
-import "./line-clamp.CnrGMrrC.js";
-import "./tag.CGDwKgUc.js";
-import "./array-line-clamp.D17pOiME.js";
+import "./line-clamp.DV3tlosD.js";
+import "./tag.ajqJVQQB.js";
+import "./array-line-clamp.VOjhwp2T.js";
 import "./typography.B0mkhqTB.js";
-import "./audio.DILTfO5v.js";
+import "./audio.D_O5ecXD.js";
 import "./avatar.Ce0OZHBT.js";
 import "./badge.H_UuxPXn.js";
 import "./box.DvLxXaBD.js";
-import "./breadcrumb.CtZqzMBY.js";
+import "./breadcrumb.qggcceb5.js";
 import "./breadcrumb-item.nHAFmgtO.js";
 import "./button-group.CPfXrqyq.js";
 import "./card.3c-X4hqR.js";
 import "./checkbox.C6vsHW9n.js";
-import "./dropdown._AO9JH0m.js";
-import "./input.HC75Gdv_.js";
-import "./menu.D9R--BnI.js";
-import "./menu-item.CyQdmKhm.js";
+import "./dropdown.DUfiVpFI.js";
+import "./input.B3HfssSr.js";
+import "./menu.3akay3Bh.js";
+import "./menu-item.D-IE19Jn.js";
 import "./textarea.Bc4eCJgT.js";
-import "./option.CxsY_LQ-.js";
+import "./option.9V-nTQp7.js";
 import "./space.Dd8jezXK.js";
-import "./select.DGC0kysp.js";
-import "./tab.Bt9yrLEz.js";
-import "./tab-group.DPFqybPz.js";
+import "./select.CM-1exjJ.js";
+import "./tab.BnFmdiPK.js";
+import "./tab-group.BVYwTGDS.js";
 import "./tab-panel.BxeoKuSv.js";
 import "./visually-hidden.Bv3SInZp.js";
-import "./color-picker.CRmQ0m9_.js";
-import "./copy-button.DBhWr0mk.js";
-import "./date-calendar.Dobpjwzs.js";
-import "./details.DRv08ocO.js";
-import "./dialog.BUEP_Yc3.js";
+import "./color-picker.BDko_QVl.js";
+import "./copy-button.BLHge7EN.js";
+import "./date-calendar.UWxXkZCn.js";
+import "./details.DLqFxjTf.js";
+import "./dialog.Dw-WUyD8.js";
 import "./divider.CqSNZCU8.js";
 import "./diff.C5J0fzbu.js";
-import "./dot-pagination.D10yX9RB.js";
-import "./drawer.rdGcXxzU.js";
-import "./progress-bar.Br8Zi53n.js";
-import "./document-viewer.DyohQ61p.js";
-import "./image.D1D8y17M.js";
+import "./drawer.tfa9-G6a.js";
+import "./progress-bar.Cp8jz3Cn.js";
+import "./document-viewer.B7_Adb8g.js";
+import "./image.DzFSYcXq.js";
 import "./skeleton.BtwugOTG.js";
+import "./dot-pagination.CSSalEx6.js";
 import "./dot-status.BATg_Fn-.js";
-import "./e-chart.JrYFPEVr.js";
-import "./element-clamp.DO-eDDRj.js";
+import "./e-chart.BopkVc04.js";
+import "./element-clamp.DzR3w7RX.js";
 import "../components/format-bytes.js";
 import "../components/format-date.js";
 import "../components/format-number.js";
-import "./format-time.Dx24Hlhc.js";
+import "./format-time.BO9Y72qk.js";
 import "./grid.CK4PRwur.js";
 import "./grid-item.CSieaU5T.js";
-import "./header.DzQZMa38.js";
+import "./header.qIpzHeNc.js";
 import "./hub-connection.C0CASy-Q.js";
-import "./iframe.C3N5F3yF.js";
-import "./image-comparer.Txi69uYU.js";
+import "./iframe.BnAR2-o2.js";
+import "./image-comparer.DStatUUS.js";
 import "./include.BFoCwNnq.js";
 import "./input-group.Dmd8XcxL.js";
-import "./markdown.CFxeg159.js";
+import "./markdown.C-q35PEY.js";
 import "./menu-label.B-FOyfAX.js";
 import "./menu-section.BzzA6L5E.js";
 import "./mutation-observer.CD5prBIP.js";
-import "./pagination.CanYvw0N.js";
-import "./progress-ring.DjiHa9Bf.js";
+import "./pagination.CJV7WdJj.js";
+import "./progress-ring.CMylJgKR.js";
 import "./qr-code.SwjFPrvB.js";
 import "./radio.DhPbmKbQ.js";
 import "./radio-button.33LAnxuV.js";
-import "./radio-card.DYSmJnTa.js";
+import "./radio-card.D4B962Sg.js";
 import "./radio-group.DKOIr2PH.js";
-import "./range.JjDrbGgA.js";
-import "./rating.BqmvLuxp.js";
-import "./relative-time.Tmj08T5g.js";
-import "./split-panel.Bmfk4xJd.js";
-import "./step.D_UKPog_.js";
-import "./stepper.QkG9nzQk.js";
+import "./range.Dl85wEtv.js";
+import "./rating.C-3rSMOT.js";
+import "./relative-time.5fu63h4C.js";
+import "./split-panel.DE2NmORY.js";
+import "./step.CIXS6vq7.js";
+import "./stepper.DlYgTq-1.js";
 import "./switch.D6KXmWnC.js";
 import "./timecode.Bte9Ww5o.js";
-import "./tree.B2qnckq5.js";
-import "./video.uttqr317.js";
+import "./tree.huEm605f.js";
+import "./video.Be2Oh_tS.js";
 //#region ../../packages/atoms/src/components/animation/animations.ts
 function r() {
 	return Object.entries(t).filter(([e]) => e !== "easings").map(([e]) => e);

package/library/chunks/{step.D_UKPog_.js → step.CIXS6vq7.js}

@@ -7,9 +7,9 @@ import { t as l } from "./class-map.D8nsNOVJ.js";
 import { t as u } from "./when.BUskJLtZ.js";
 import { t as d } from "./icon.CeQpEaQz.js";
 import { t as f } from "./style-map.DPGQIxip.js";
-import { t as p } from "./tooltip.Dxn_BH8D.js";
-import { t as m } from "./line-clamp.CnrGMrrC.js";
-import { t as h } from "./progress-bar.Br8Zi53n.js";
+import { t as p } from "./tooltip.CGCOh4cQ.js";
+import { t as m } from "./line-clamp.DV3tlosD.js";
+import { t as h } from "./progress-bar.Cp8jz3Cn.js";
 //#region ../../packages/atoms/src/components/step/step.styles.ts
 var g = t`:host{--color:var(--color);flex:calc(100% / var(--columns) + var(--cx-spacing-small));margin-left:calc(-1 * var(--cx-spacing-small))}:host([round]){max-width:100%;margin-left:0}.step{font-family:var(--cx-font-sans);gap:var(--cx-spacing-x-small);width:100%;display:flex}.step__arrow{padding-top:var(--cx-spacing-x-small);padding-bottom:var(--cx-spacing-x-small);padding-left:var(--cx-spacing-x-large);padding-right:var(--cx-spacing-medium);background-color:var(--cx-color-neutral-100);cursor:pointer;clip-path:polygon(calc(100% - var(--cx-spacing-medium)) 0%, 100% 50%, calc(100% - var(--cx-spacing-medium)) 100%, 0% 100%, var(--cx-spacing-medium) 50%, 0% 0%);align-items:center;width:100%;display:inline-flex;position:relative}.step--first .step__arrow{clip-path:polygon(calc(100% - var(--cx-spacing-medium)) 0%, 100% 50%, calc(100% - var(--cx-spacing-medium)) 100%, 0% 100%, 0 50%, 0% 0%);border-top-left-radius:var(--cx-border-radius-large);border-bottom-left-radius:var(--cx-border-radius-large);padding-left:var(--cx-spacing-small)}.step--last .step__arrow{clip-path:polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, var(--cx-spacing-medium) 50%, 0% 0%);border-top-right-radius:var(--cx-border-radius-large);border-bottom-right-radius:var(--cx-border-radius-large)}.step--first.step--last .step__arrow{clip-path:polygon(100% 0%,100% 50%,100% 100%,0% 100%,0 50%,0% 0%)}.step--active .step__arrow{background-color:color-mix(in srgb, var(--color) 15%, white);cursor:default}.step--completed .step__arrow{opacity:.5}.step--disabled .step__arrow,.step--readonly .step__arrow{cursor:default}.step--disabled.step--has-description .step__arrow,.step--readonly.step--has-description .step__arrow,.step--active.step--has-description .step__arrow{cursor:help}.step__circle{background-color:color-mix(in srgb, var(--color) 15%, white);border:2px solid var(--color);border-radius:var(--cx-border-radius-circle);color:var(--color);font-weight:var(--cx-font-weight-semibold);flex:0 0 32px;justify-content:center;align-items:center;height:32px;display:flex;& cx-icon{font-size:var(--cx-font-size-medium)}}.step--round.step--active .step__circle,.step--round.step--completed .step__circle{background-color:var(--color);color:var(--cx-color-neutral-0)}.step--round.step--disabled .step__circle{background-color:var(--cx-color-neutral-0);border-color:var(--cx-color-neutral-400);color:var(--cx-color-neutral-400)}.step--round.step--error .step__circle{background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);color:var(--cx-color-neutral-0)}.step__content{align-items:center;gap:var(--cx-spacing-x-small);max-width:100%;display:flex;position:relative}.step--round .step__content{flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.step__content__prefix::slotted(cx-icon),.step__content__label{color:var(--cx-color-neutral-600);font-size:var(--cx-font-size-medium)}.step--active .step__content__label,.step--active .step__content__help-text,.step--active .step__content__prefix::slotted(cx-icon),.step--round.step--completed .step__content__label,.step--round.step--completed .step__content__help-text{color:var(--color)}.step--disabled .step__content__label,.step--disabled .step__content__help-text,.step--disabled .step__content__prefix::slotted(cx-icon){color:var(--cx-color-neutral-400)}.step--error .step__content__label,.step--error .step__content__help-text{color:var(--cx-color-danger)}.step--round .step__content__progress{justify-content:center;align-items:center;gap:var(--cx-spacing-small);min-width:120px;line-height:1;display:flex}.step--round .step__content__progress__text{color:var(--color)}.step--round.step__content__help-text{color:var(--cx-color-neutral-600);font-size:var(--cx-font-size-small);line-height:1}.step__line{background-color:var(--color);height:2rem;margin:var(--cx-spacing-medium) calc(32px / 2) 0;flex:1;width:2px}.step--last~.step__line{display:none}cx-progress-bar{--height:8px;flex:1}`, _ = class extends a {
 	static #e = this.styles = [s, g];

package/library/chunks/{stepper-wizard.BDezp3X-.js → stepper-wizard.Bydp0R7p.js}

@@ -7,8 +7,8 @@ import { t as l } from "./icon.CeQpEaQz.js";
 import { t as u } from "./style-map.DPGQIxip.js";
 import { t as d } from "./resize-observer.D9EHlnZI.js";
 import { t as f } from "./repeat.CKv9FPlC.js";
-import { t as p } from "./step.D_UKPog_.js";
-import { t as m } from "./stepper.QkG9nzQk.js";
+import { t as p } from "./step.CIXS6vq7.js";
+import { t as m } from "./stepper.DlYgTq-1.js";
 //#region ../../packages/molecules/src/stepper-wizard/stepper-wizard.styles.ts
 var h = t`:host{display:block}`, g = class extends a {
 	constructor(...e) {

package/library/chunks/{stepper.QkG9nzQk.js → stepper.DlYgTq-1.js}

@@ -6,7 +6,7 @@ import { t as c } from "./custom-element.BEMYNDK1.js";
 import { t as l } from "./watch.Ub5r8btz.js";
 import { t as u } from "./class-map.D8nsNOVJ.js";
 import { t as d } from "./style-map.DPGQIxip.js";
-import { t as f } from "./step.D_UKPog_.js";
+import { t as f } from "./step.CIXS6vq7.js";
 //#region ../../packages/atoms/src/components/stepper/stepper.styles.ts
 var p = t`.stepper{row-gap:var(--cx-spacing-2x-small);flex-wrap:wrap;max-width:100%;display:flex}.stepper--vertical{flex-direction:column}`, m = class extends a {
 	constructor(...e) {

package/library/chunks/{tab-group.DPFqybPz.js → tab-group.BVYwTGDS.js}

@@ -5,20 +5,20 @@ import { t as c } from "./query.B1yi7t71.js";
 import { t as l } from "./query-all.NK7qxEbl.js";
 import { t as u } from "./component.styles.0xM1ZmBs.js";
 import { t as d } from "./custom-element.BEMYNDK1.js";
-import { t as f } from "./i18n.CpiuF-f4.js";
+import { t as f } from "./i18n.BMXeDUpk.js";
 import { t as p } from "./watch.Ub5r8btz.js";
 import { t as m } from "./class-map.D8nsNOVJ.js";
-import { t as h } from "./icon-button.8OdZOZsM.js";
+import { t as h } from "./icon-button.CziUJUiX.js";
 import { t as g } from "./when.BUskJLtZ.js";
 import { t as _ } from "./style-map.DPGQIxip.js";
-import { t as v } from "./button.BE-fTtOZ.js";
+import { t as v } from "./button.Ccrk9fUD.js";
 import { d as y } from "./dom.dDaS97WU.js";
 import { t as b } from "./resize-observer.D9EHlnZI.js";
-import { t as x } from "./dropdown._AO9JH0m.js";
-import { t as S } from "./menu.D9R--BnI.js";
-import { t as C } from "./menu-item.CyQdmKhm.js";
+import { t as x } from "./dropdown.DUfiVpFI.js";
+import { t as S } from "./menu.3akay3Bh.js";
+import { t as C } from "./menu-item.D-IE19Jn.js";
 import { n as w } from "./scroll.CEH_a4pm.js";
-import { t as T } from "./tab.Bt9yrLEz.js";
+import { t as T } from "./tab.BnFmdiPK.js";
 import { t as E } from "./parse.CDrJ-NY7.js";
 import { t as D } from "./guard.Cf17k6Vx.js";
 import { t as O } from "./map.ByDuLduF.js";

package/library/chunks/{tab.Bt9yrLEz.js → tab.BnFmdiPK.js}

@@ -3,12 +3,12 @@ import { a as n, n as r, r as i, t as a } from "./cortex-element.DTrNUtdr.js";
 import { t as o } from "./query.B1yi7t71.js";
 import { t as s } from "./component.styles.0xM1ZmBs.js";
 import { t as c } from "./custom-element.BEMYNDK1.js";
-import { t as l } from "./i18n.CpiuF-f4.js";
+import { t as l } from "./i18n.BMXeDUpk.js";
 import { t as u } from "./slot.CZUlACxT.js";
 import { t as d } from "./watch.Ub5r8btz.js";
 import { t as f } from "./class-map.D8nsNOVJ.js";
-import { t as p } from "./icon-button.8OdZOZsM.js";
-import { t as m } from "./line-clamp.CnrGMrrC.js";
+import { t as p } from "./icon-button.CziUJUiX.js";
+import { t as m } from "./line-clamp.DV3tlosD.js";
 //#region ../../packages/atoms/src/components/tab/tab.styles.ts
 var h = t`.tab{border-radius:var(--cx-border-radius-small);border-top:var(--tab-border,transparent 0) var(--tab-border-top-style,solid);border-right:var(--tab-border,transparent 0) var(--tab-border-right-style,solid);border-bottom:var(--tab-border,transparent 0) var(--tab-border-bottom-style,solid);border-left:var(--tab-border,transparent 0) var(--tab-border-left-style,solid);padding:var(--tab-padding,var(--cx-spacing-x-small));font:var(--cx-font-label-small);font-family:var(--tab-label-font-family,var(--cx-font-sans));font-style:var(--tab-label-font-style,normal);font-size:var(--tab-label-font-size,var(--cx-font-size-small));font-weight:var(--tab-label-font-weight,var(--cx-font-weight-medium));line-height:calc(var(--tab-label-font-size,var(--cx-font-size-small)) * 1.2);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:var(--transition-speed) box-shadow, var(--transition-speed) color;max-width:var(--tab-max-width,none);align-items:center;display:flex}.tab__label{flex:auto;min-width:0}.tab__label::part(content){word-break:break-all}.tab.tab--default{color:var(--tab-color,var(--cx-color-neutral-700));background-color:var(--tab-background-color,transparent)}.tab.tab--button{color:var(--tab-color,var(--cx-color-neutral-600));background-color:var(--tab-background-color,transparent);border-radius:var(--tab-border-radius,10px)}.tab.tab.tab--default:hover:not(.tab--disabled){color:var(--tab-hover-color,var(--cx-color-primary))}.tab.tab.tab--button:hover:not(.tab--disabled):not(.tab--active){color:var(--tab-hover-color,var(--cx-color-neutral-800))}.tab.tab--default.tab--active:not(.tab--disabled){color:var(--tab-active-color,var(--cx-color-primary));background-color:var(--tab-active-background-color,transparent)}.tab.tab--button.tab--active:not(.tab--disabled){background-color:var(--tab-active-background-color,var(--cx-color-neutral-200));color:var(--tab-active-color,var(--cx-color-neutral-800))}.tab.tab--closable{padding-inline-end:var(--cx-spacing-small)}.tab.tab--disabled{opacity:.5;cursor:default}.tab__close-button{font-size:var(--cx-font-size-small);margin-inline-start:var(--cx-spacing-small)}.tab__close-button::part(base){padding:var(--cx-spacing-3x-small)}@media (forced-colors:active){.tab.tab--active:not(.tab--disabled){outline-offset:-3px;outline:1px solid #0000}}`, g = t`.timeline-item{gap:var(--cx-spacing-small);font-family:var(--timeline-item-font-family), var(--cx-font-sans);font-style:var(--timeline-item-font-style,normal);font-size:var(--timeline-item-font-size,var(--cx-font-size-small));font-weight:var(--timeline-item-font-weight,var(--cx-font-weight-regular));border-radius:var(--cx-border-radius-small);padding:var(--tab-padding,var(--cx-spacing-x-small) var(--cx-spacing-small));white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:var(--transition-speed) box-shadow, var(--transition-speed) color;max-width:var(--tab-max-width,none);flex-direction:column;display:flex;position:relative}.timeline-item--single{align-items:center}.timeline-item__content{--timeline-item-content-width:var(--min-tab-width);align-items:center;gap:var(--cx-spacing-x-large);left:calc(var(--i) / (var(--n) - 1) * (100% - var(--timeline-item-content-width)));width:var(--timeline-item-content-width);flex-direction:column;transition:left .4s linear;display:flex;position:relative}.timeline-item__label{flex:auto;min-width:0}.timeline-item__label::part(content){word-break:break-all}.timeline-item{color:var(--marker-color,var(--cx-color-neutral-700));background-color:var(--tab-background-color,transparent)}.timeline-item.timeline-item--active:not(.timeline-item--disabled),:host(:hover) .timeline-item:not(.timeline-item--disabled){color:var(--marker-active-color,var(--cx-color-primary))}.timeline-item.timeline-item--disabled{opacity:.5;cursor:default}@media (forced-colors:active){.timeline-item.timeline-item--active:not(.timeline-item--disabled){outline-offset:-3px;outline:1px solid #0000}}.timeline-item__thumbnail{width:var(--marker-image-width,120px);height:var(--marker-image-height,100px);border-radius:var(--marker-image-border-radius,var(--cx-border-radius-small));max-width:100%;display:block;overflow:hidden}.timeline-item.timeline-item--active:not(.timeline-item--disabled) .timeline-item__thumbnail:not(.timeline-item__thumbnail--empty),:host(:hover) .timeline-item:not(.timeline-item--disabled) .timeline-item__thumbnail:not(.timeline-item__thumbnail--empty){outline:4px solid var(--marker-active-color,var(--cx-color-primary))}.timeline-item__thumbnail.timeline-item__thumbnail--empty{display:none}.timeline-item__thumbnail::slotted(img){object-fit:cover;width:100%;height:100%}.timeline-item__indicator{isolation:isolate;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.timeline-item__indicator__dot{width:var(--cx-spacing-small);height:var(--cx-spacing-small);border-radius:var(--cx-border-radius-circle);background-color:var(--marker-color);z-index:1;display:block}.timeline-item__indicator__dot--active:not(.timeline-item__indicator__dot--disabled),:host(:hover) .timeline-item__indicator__dot:not(.timeline-item__indicator__dot--disabled){background-color:var(--marker-active-color)}`, _ = t`
   :host {