@sbb-esta/lyne-elements-dev 5.0.0-next.1-dev.1777528728 → 5.0.0-next.1-dev.1777534945

package/{panel-mixin-DcdteEmP.js → panel-mixin-755CTCLW.js}

@@ -74,11 +74,7 @@ var c = ":host{--sbb-selection-panel-background: var( --sbb-selection-panel-inne
 			});
 		}
 		static {
-			this.styles = [
-				l.styles ?? [],
-				o,
-				n(c)
-			];
+			this.styles = [o, n(c)];
 		}
 		#e = t(this, f, "white");
 		get color() {

package/radio-button/common/radio-button-common.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../radio-button-common-CowDWcBS.js";
+import { t as e } from "../../radio-button-common-nP0appXU.js";
 export { e as SbbRadioButtonCommonElementMixin };

package/radio-button/radio-button.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../radio-button.component-B80224NM.js";
+import { t as e } from "../radio-button.component-0DmkhN7g.js";
 export { e as SbbRadioButtonElement };

package/{radio-button-common-CowDWcBS.js → radio-button-common-nP0appXU.js}

@@ -3,87 +3,80 @@ import { unsafeCSS as n } from "lit";
 import { property as r } from "lit/decorators.js";
 import { SbbFormAssociatedRadioButtonMixin as i, boxSizingStyles as a } from "./core.js";
 //#region src/elements/radio-button/common/radio-button-common.scss?inline
-var o = ":host{--sbb-radio-button-inner-circle-color: var(--sbb-radio-button-background-color);--sbb-radio-button-background-fake-border-width: calc(var(--sbb-radio-button-dimension) / 2);--sbb-radio-button-icon-align: calc( (1em * var(--sbb-typo-line-height-text) - var(--sbb-radio-button-dimension)) / 2 )}:host(:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: var(--sbb-color-primary);--sbb-radio-button-background-fake-border-width: calc( (var(--sbb-radio-button-dimension) - var(--sbb-radio-button-inner-circle-dimension)) / 2 )}@media(forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: Highlight;--sbb-radio-button-border-color: Highlight}}:host(:disabled){--sbb-radio-button-label-color: var(--sbb-color-granite);--sbb-radio-button-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));--sbb-radio-button-background-color: var(--sbb-background-color-3);--sbb-radio-button-border-style: dashed;--sbb-radio-button-inner-circle-color: var(--sbb-radio-button-background-color);--sbb-radio-button-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host(:disabled){--sbb-radio-button-background-color: Canvas;--sbb-radio-button-inner-circle-color: GrayText;--sbb-radio-button-border-color: GrayText;--sbb-radio-button-border-style: solid}}:host(:disabled:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: var(--sbb-background-color-2-inverted)}:host([size=xs]){--sbb-radio-button-font-size: var(--sbb-text-font-size-xs);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-xs)}:host([size=s]){--sbb-radio-button-font-size: var(--sbb-text-font-size-s);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-s)}:host([size=m]){--sbb-radio-button-font-size: var(--sbb-text-font-size-m);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-m)}.sbb-radio-button{font-size:var(--sbb-radio-button-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);display:block;cursor:var(--sbb-radio-button-cursor);-webkit-user-select:none;user-select:none;position:relative;color:var(--sbb-radio-button-label-color);-webkit-tap-highlight-color:transparent}.sbb-radio-button__label-slot{display:flex;align-items:flex-start;overflow:hidden;min-height:calc(var(--sbb-radio-button-font-size) * var(--sbb-typo-line-height-text))}.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{content:\"\";flex-shrink:0;width:var(--sbb-radio-button-dimension);height:var(--sbb-radio-button-dimension);border-radius:50%;margin-block-start:var(--sbb-radio-button-icon-align);transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-4x));transition-timing-function:ease;transition-property:background-color,border}@media(forced-colors:active){.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{transition:none}}.sbb-radio-button__label-slot:before{background:var(--sbb-radio-button-inner-circle-color);border:var(--sbb-radio-button-background-fake-border-width) solid var(--sbb-radio-button-background-color);margin-inline-end:var(--sbb-radio-button-label-gap)}.sbb-radio-button__label-slot:after{position:absolute;border:var(--sbb-radio-button-border-width) var(--sbb-radio-button-border-style) var(--sbb-radio-button-border-color)}", s = (s) => {
-	let c = i(s);
-	return (() => {
-		let i = c, s = [], l;
-		return class extends i {
-			static {
-				let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-				l = [r({
-					attribute: "allow-empty-selection",
-					type: Boolean
-				})], e(this, null, l, {
-					kind: "setter",
-					name: "allowEmptySelection",
-					static: !1,
-					private: !1,
-					access: {
-						has: (e) => "allowEmptySelection" in e,
-						set: (e, t) => {
-							e.allowEmptySelection = t;
-						}
-					},
-					metadata: t
-				}, null, s), t && Object.defineProperty(this, Symbol.metadata, {
-					enumerable: !0,
-					configurable: !0,
-					writable: !0,
-					value: t
-				});
-			}
-			static {
-				this.styles = [
-					c.styles ?? [],
-					a,
-					n(o)
-				];
-			}
-			static {
-				this.events = {
-					change: "change",
-					input: "input"
-				};
-			}
-			set allowEmptySelection(e) {
-				this._allowEmptySelection = !!e;
-			}
-			get allowEmptySelection() {
-				return this._allowEmptySelection || (this.group?.allowEmptySelection ?? !1);
-			}
-			get group() {
-				return this._group;
-			}
-			constructor() {
-				super(), this._allowEmptySelection = (t(this, s), !1), this._group = null, this.addEventListener?.("click", (e) => this._handleClick(e)), this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
-			}
-			connectedCallback() {
-				super.connectedCallback(), this._group = this.closest("sbb-radio-button-group"), [
-					"disabled",
-					"required",
-					"size"
-				].forEach((e) => this.requestUpdate(e));
-			}
-			select() {
-				this.disabled || this.formDisabled || (this.allowEmptySelection ? (this.checked = !this.checked, this.emitChangeEvents()) : this.checked || (this.checked = !0, this.emitChangeEvents()));
-			}
-			willUpdate(e) {
-				super.willUpdate(e), e.has("value") && this.dispatchEvent(new Event("ɵradiobuttonvaluechange", { bubbles: !0 }));
-			}
-			isDisabledExternally() {
-				return this.group?.disabled ?? !1;
-			}
-			isRequiredExternally() {
-				return this.group?.required ?? !1;
-			}
-			async _handleClick(e) {
-				e.preventDefault(), this.select(), await this.updateComplete, this.focus();
-			}
-			_handleKeyDown(e) {
-				e.code === "Space" && (e.preventDefault(), this.select());
-			}
-		};
-	})();
-};
+var o = ":host{--sbb-radio-button-inner-circle-color: var(--sbb-radio-button-background-color);--sbb-radio-button-background-fake-border-width: calc(var(--sbb-radio-button-dimension) / 2);--sbb-radio-button-icon-align: calc( (1em * var(--sbb-typo-line-height-text) - var(--sbb-radio-button-dimension)) / 2 )}:host(:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: var(--sbb-color-primary);--sbb-radio-button-background-fake-border-width: calc( (var(--sbb-radio-button-dimension) - var(--sbb-radio-button-inner-circle-dimension)) / 2 )}@media(forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: Highlight;--sbb-radio-button-border-color: Highlight}}:host(:disabled){--sbb-radio-button-label-color: var(--sbb-color-granite);--sbb-radio-button-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));--sbb-radio-button-background-color: var(--sbb-background-color-3);--sbb-radio-button-border-style: dashed;--sbb-radio-button-inner-circle-color: var(--sbb-radio-button-background-color);--sbb-radio-button-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host(:disabled){--sbb-radio-button-background-color: Canvas;--sbb-radio-button-inner-circle-color: GrayText;--sbb-radio-button-border-color: GrayText;--sbb-radio-button-border-style: solid}}:host(:disabled:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: var(--sbb-background-color-2-inverted)}:host([size=xs]){--sbb-radio-button-font-size: var(--sbb-text-font-size-xs);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-xs)}:host([size=s]){--sbb-radio-button-font-size: var(--sbb-text-font-size-s);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-s)}:host([size=m]){--sbb-radio-button-font-size: var(--sbb-text-font-size-m);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-m)}.sbb-radio-button{font-size:var(--sbb-radio-button-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);display:block;cursor:var(--sbb-radio-button-cursor);-webkit-user-select:none;user-select:none;position:relative;color:var(--sbb-radio-button-label-color);-webkit-tap-highlight-color:transparent}.sbb-radio-button__label-slot{display:flex;align-items:flex-start;overflow:hidden;min-height:calc(var(--sbb-radio-button-font-size) * var(--sbb-typo-line-height-text))}.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{content:\"\";flex-shrink:0;width:var(--sbb-radio-button-dimension);height:var(--sbb-radio-button-dimension);border-radius:50%;margin-block-start:var(--sbb-radio-button-icon-align);transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-4x));transition-timing-function:ease;transition-property:background-color,border}@media(forced-colors:active){.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{transition:none}}.sbb-radio-button__label-slot:before{background:var(--sbb-radio-button-inner-circle-color);border:var(--sbb-radio-button-background-fake-border-width) solid var(--sbb-radio-button-background-color);margin-inline-end:var(--sbb-radio-button-label-gap)}.sbb-radio-button__label-slot:after{position:absolute;border:var(--sbb-radio-button-border-width) var(--sbb-radio-button-border-style) var(--sbb-radio-button-border-color)}", s = (s) => (() => {
+	let c = i(s), l = [], u;
+	return class extends c {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
+			u = [r({
+				attribute: "allow-empty-selection",
+				type: Boolean
+			})], e(this, null, u, {
+				kind: "setter",
+				name: "allowEmptySelection",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "allowEmptySelection" in e,
+					set: (e, t) => {
+						e.allowEmptySelection = t;
+					}
+				},
+				metadata: t
+			}, null, l), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.styles = [a, n(o)];
+		}
+		static {
+			this.events = {
+				change: "change",
+				input: "input"
+			};
+		}
+		set allowEmptySelection(e) {
+			this._allowEmptySelection = !!e;
+		}
+		get allowEmptySelection() {
+			return this._allowEmptySelection || (this.group?.allowEmptySelection ?? !1);
+		}
+		get group() {
+			return this._group;
+		}
+		constructor() {
+			super(), this._allowEmptySelection = (t(this, l), !1), this._group = null, this.addEventListener?.("click", (e) => this._handleClick(e)), this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
+		}
+		connectedCallback() {
+			super.connectedCallback(), this._group = this.closest("sbb-radio-button-group"), [
+				"disabled",
+				"required",
+				"size"
+			].forEach((e) => this.requestUpdate(e));
+		}
+		select() {
+			this.disabled || this.formDisabled || (this.allowEmptySelection ? (this.checked = !this.checked, this.emitChangeEvents()) : this.checked || (this.checked = !0, this.emitChangeEvents()));
+		}
+		willUpdate(e) {
+			super.willUpdate(e), e.has("value") && this.dispatchEvent(new Event("ɵradiobuttonvaluechange", { bubbles: !0 }));
+		}
+		isDisabledExternally() {
+			return this.group?.disabled ?? !1;
+		}
+		isRequiredExternally() {
+			return this.group?.required ?? !1;
+		}
+		async _handleClick(e) {
+			e.preventDefault(), this.select(), await this.updateComplete, this.focus();
+		}
+		_handleKeyDown(e) {
+			e.code === "Space" && (e.preventDefault(), this.select());
+		}
+	};
+})();
 //#endregion
 export { s as t };

package/radio-button-panel/radio-button-panel.component.js

@@ -36,7 +36,7 @@ var u = (() => {
 			this.elementName = "sbb-radio-button-panel";
 		}
 		static {
-			this.styles = [super.styles ?? [], c];
+			this.styles = [c];
 		}
 		static {
 			this.events = {

package/{radio-button.component-B80224NM.js → radio-button.component-0DmkhN7g.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./radio-button-common-CowDWcBS.js";
+import { t as e } from "./radio-button-common-nP0appXU.js";
 import { __esDecorate as t, __runInitializers as n } from "tslib";
 import { html as r, unsafeCSS as i } from "lit";
 import { property as a } from "lit/decorators.js";
@@ -46,7 +46,7 @@ var l = ":host{display:block;outline:none!important}:host(:not(:is(:state(slotte
 			this.elementName = "sbb-radio-button";
 		}
 		static {
-			this.styles = [super.styles ?? [], i(l)];
+			this.styles = [i(l)];
 		}
 		static {
 			this.events = {

package/radio-button.js

@@ -1,5 +1,5 @@
-import { t as e } from "./radio-button-common-CowDWcBS.js";
-import { t } from "./radio-button.component-B80224NM.js";
+import { t as e } from "./radio-button-common-nP0appXU.js";
+import { t } from "./radio-button.component-0DmkhN7g.js";
 import "./radio-button.pure.js";
 //#region src/elements/radio-button.ts
 t.define();

package/radio-button.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./radio-button-common-CowDWcBS.js";
-import { t } from "./radio-button.component-B80224NM.js";
+import { t as e } from "./radio-button-common-nP0appXU.js";
+import { t } from "./radio-button.component-0DmkhN7g.js";
 export { e as SbbRadioButtonCommonElementMixin, t as SbbRadioButtonElement };

package/sidebar/sidebar-close-button/sidebar-close-button.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../sidebar-close-button.component-DZNZH9Zo.js";
+import { t as e } from "../../sidebar-close-button.component-L5ydAilf.js";
 export { e as SbbSidebarCloseButtonElement };

package/sidebar/sidebar-title/sidebar-title.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../sidebar-title.component-CBlyUcJi.js";
+import { t as e } from "../../sidebar-title.component-D6btDsb8.js";
 export { e as SbbSidebarTitleElement };

package/{sidebar-close-button.component-DZNZH9Zo.js → sidebar-close-button.component-L5ydAilf.js}

@@ -7,7 +7,7 @@ var i = ":host{display:block;height:fit-content}", a = class extends r {
 		this.elementName = "sbb-sidebar-close-button";
 	}
 	static {
-		this.styles = [r.styles, e(i)];
+		this.styles = [e(i)];
 	}
 	constructor() {
 		super(), this._languageController = new t(this), this.size = "s";

package/{sidebar-title.component-CBlyUcJi.js → sidebar-title.component-D6btDsb8.js}

@@ -32,7 +32,7 @@ var a = ":host{-webkit-hyphens:auto;hyphens:auto;padding-block-start:calc(.5 * (
 			this.elementName = "sbb-sidebar-title";
 		}
 		static {
-			this.styles = [i.styles, n(a)];
+			this.styles = [n(a)];
 		}
 		#e = t(this, c, "2");
 		get level() {

package/sidebar.js

@@ -1,7 +1,7 @@
-import { t as e } from "./sidebar-close-button.component-DZNZH9Zo.js";
+import { t as e } from "./sidebar-close-button.component-L5ydAilf.js";
 import { t } from "./sidebar-container.component-CrtKaMdN.js";
 import { t as n } from "./sidebar-content.component-BE7w5j49.js";
-import { t as r } from "./sidebar-title.component-CBlyUcJi.js";
+import { t as r } from "./sidebar-title.component-D6btDsb8.js";
 import { t as i } from "./sidebar.component-Dpf9jZ1P.js";
 import "./sidebar.pure.js";
 i.define(), e.define(), t.define(), n.define(), r.define();

package/sidebar.pure.js

@@ -1,6 +1,6 @@
-import { t as e } from "./sidebar-close-button.component-DZNZH9Zo.js";
+import { t as e } from "./sidebar-close-button.component-L5ydAilf.js";
 import { t } from "./sidebar-container.component-CrtKaMdN.js";
 import { t as n } from "./sidebar-content.component-BE7w5j49.js";
-import { t as r } from "./sidebar-title.component-CBlyUcJi.js";
+import { t as r } from "./sidebar-title.component-D6btDsb8.js";
 import { t as i } from "./sidebar.component-Dpf9jZ1P.js";
 export { e as SbbSidebarCloseButtonElement, t as SbbSidebarContainerElement, n as SbbSidebarContentElement, i as SbbSidebarElement, r as SbbSidebarTitleElement };

package/skiplink-list/skiplink-list.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../skiplink-list.component-D9xJZ_t5.js";
+import { t as e } from "../skiplink-list.component-BeBbIsNv.js";
 export { e as SbbSkiplinkListElement };

package/{skiplink-list.component-D9xJZ_t5.js → skiplink-list.component-BeBbIsNv.js}

@@ -55,11 +55,7 @@ var p = ":host{--sbb-skiplink-list-background: var(--sbb-background-color-1-inve
 			this.elementName = "sbb-skiplink-list";
 		}
 		static {
-			this.styles = [
-				super.styles ?? [],
-				s,
-				n(p)
-			];
+			this.styles = [s, n(p)];
 		}
 		#e;
 		get titleContent() {

package/skiplink-list.js

@@ -1,4 +1,4 @@
-import { t as e } from "./skiplink-list.component-D9xJZ_t5.js";
+import { t as e } from "./skiplink-list.component-BeBbIsNv.js";
 import "./skiplink-list.pure.js";
 //#region src/elements/skiplink-list.ts
 e.define();

package/skiplink-list.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./skiplink-list.component-D9xJZ_t5.js";
+import { t as e } from "./skiplink-list.component-BeBbIsNv.js";
 export { e as SbbSkiplinkListElement };

package/{sticky-bar.component-B_cdkr-V.js → sticky-bar.component-C3ey8Qj8.js}

@@ -102,10 +102,10 @@ var d = ":host{--sbb-sticky-bar-fade-in-animation-duration: var( --sbb-disable-a
 			this.toggleState("slide-vertically", t && this._intersector && Math.abs(n.bottom - r.bottom) > 30), this.toggleState("sticking", t), this.completeUpdate();
 		}
 		stick() {
-			this._state !== "unsticky" || !this._dispatchBeforeStickEvent() || (this._state = "sticking", (!this.internals.states.has("sticking") || this._isZeroAnimationDuration()) && this._stickyCallback());
+			this._state !== "unsticky" || !this._dispatchBeforeStickEvent() || (this._state = "sticking", (!this.matches?.(":is(:state(sticking),[state--sticking])") || this._isZeroAnimationDuration()) && this._stickyCallback());
 		}
 		unstick() {
-			this._state !== "sticky" || !this._dispatchBeforeUnStickEvent() || (this._state = "unsticking", (!this.internals.states.has("sticking") || this._isZeroAnimationDuration()) && this._unstickyCallback());
+			this._state !== "sticky" || !this._dispatchBeforeUnStickEvent() || (this._state = "unsticking", (!this.matches?.(":is(:state(sticking),[state--sticking])") || this._isZeroAnimationDuration()) && this._unstickyCallback());
 		}
 		_stickyCallback() {
 			this._state = "sticky", this.dispatchEvent(new Event("stick"));

package/{tab-group.component-CYbbE0J6.js → tab-group.component-C02ZTjXT.js}

@@ -135,7 +135,7 @@ var h = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-co
 			this.labels.forEach((e) => e.linkToTab()), this._ensureActiveTab();
 		}
 		_ensureActiveTab() {
-			this.internals.states.has("initialized") && !this.labels.some((e) => e.active) && this._initSelection();
+			this.matches?.(":is(:state(initialized),[state--initialized])") && !this.labels.some((e) => e.active) && this._initSelection();
 		}
 		_initSelection() {
 			let e = this.labels[this.initialSelectedIndex];

package/{tab-nav-bar.component-3bbum8b-.js → tab-nav-bar.component-CPaV9kxe.js}

@@ -41,7 +41,6 @@ var d = ":host{margin-block-end:var(--sbb-tab-group-content-gap)}.sbb-tab-nav-ba
 		}
 		static {
 			this.styles = [
-				super.styles ?? [],
 				o,
 				u,
 				l,

package/tabs/tab-group/tab-group.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../tab-group.component-CYbbE0J6.js";
+import { t as e } from "../../tab-group.component-C02ZTjXT.js";
 export { e as SbbTabGroupElement };

package/tabs/tab-nav-bar/tab-nav-bar.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../tab-nav-bar.component-3bbum8b-.js";
+import { t as e } from "../../tab-nav-bar.component-CPaV9kxe.js";
 export { e as SbbTabNavBarElement };

package/tabs.js

@@ -1,6 +1,6 @@
-import { t as e } from "./tab-group.component-CYbbE0J6.js";
+import { t as e } from "./tab-group.component-C02ZTjXT.js";
 import { t } from "./tab-label.component-X6kvS5vX.js";
-import { t as n } from "./tab-nav-bar.component-3bbum8b-.js";
+import { t as n } from "./tab-nav-bar.component-CPaV9kxe.js";
 import { t as r } from "./tab.component-B442rVEv.js";
 import { n as i, t as a } from "./styles-C_iNbDG0.js";
 import "./tabs.pure.js";

package/tabs.pure.js

@@ -1,6 +1,6 @@
-import { t as e } from "./tab-group.component-CYbbE0J6.js";
+import { t as e } from "./tab-group.component-C02ZTjXT.js";
 import { t } from "./tab-label.component-X6kvS5vX.js";
-import { t as n } from "./tab-nav-bar.component-3bbum8b-.js";
+import { t as n } from "./tab-nav-bar.component-CPaV9kxe.js";
 import { t as r } from "./tab.component-B442rVEv.js";
 import { n as i, t as a } from "./styles-C_iNbDG0.js";
 export { r as SbbTabElement, e as SbbTabGroupElement, t as SbbTabLabelElement, n as SbbTabNavBarElement, a as tabGroupCommonStyles, i as tabLabelCommonStyles };

package/tag/tag-group/tag-group.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../tag-group.component-CBYyds-0.js";
+import { t as e } from "../../tag-group.component-BIhED38z.js";
 export { e as SbbTagGroupElement };

package/{tag-group.component-CBYyds-0.js → tag-group.component-BIhED38z.js}

@@ -73,11 +73,7 @@ var p = ":host{display:block}.sbb-tag-group__list{list-style:none;margin:0;paddi
 			this.elementName = "sbb-tag-group";
 		}
 		static {
-			this.styles = [
-				super.styles ?? [],
-				l,
-				i(p)
-			];
+			this.styles = [l, i(p)];
 		}
 		#e;
 		get listAccessibilityLabel() {

package/tag.js

@@ -1,4 +1,4 @@
-import { t as e } from "./tag-group.component-CBYyds-0.js";
+import { t as e } from "./tag-group.component-BIhED38z.js";
 import { t } from "./tag.component-Bvf5GXDs.js";
 import "./tag.pure.js";
 t.define(), e.define();

package/tag.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./tag-group.component-CBYyds-0.js";
+import { t as e } from "./tag-group.component-BIhED38z.js";
 import { t } from "./tag.component-Bvf5GXDs.js";
 export { t as SbbTagElement, e as SbbTagGroupElement };

package/teaser-product/common/teaser-product-common.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../teaser-product-common-CtbFDRqf.js";
+import { t as e } from "../../teaser-product-common-BCb5GBo9.js";
 export { e as SbbTeaserProductCommonElementMixin };

package/teaser-product/teaser-product/teaser-product.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../teaser-product.component-BO58I4Hg.js";
+import { t as e } from "../../teaser-product.component-kf1XTKTq.js";
 export { e as SbbTeaserProductElement };

package/teaser-product/teaser-product-static/teaser-product-static.component.js

@@ -5,9 +5,6 @@ var n = class extends t(e) {
 	static {
 		this.elementName = "sbb-teaser-product-static";
 	}
-	static {
-		this.styles = [super.styles ?? []];
-	}
 };
 //#endregion
 export { n as SbbTeaserProductStaticElement };

package/{teaser-product-common-CtbFDRqf.js → teaser-product-common-BCb5GBo9.js}

@@ -3,52 +3,46 @@ import { html as n, unsafeCSS as r } from "lit";
 import { property as i } from "lit/decorators.js";
 import { SbbNegativeMixin as a, boxSizingStyles as o } from "./core.js";
 //#region src/elements/teaser-product/common/teaser-product-common.scss?inline
-var s = ":host{--sbb-teaser-product-background: var(--sbb-teaser-product-background-color);display:block}@media(min-width:64rem){:host{--sbb-teaser-product-content-min-height: calc( var(--sbb-teaser-product-min-height) - 2 * var(--sbb-teaser-product-container-spacing) );--sbb-teaser-product-background: linear-gradient( var(--sbb-teaser-product-background-gradient-direction), var(--sbb-teaser-product-background-color) var(--sbb-teaser-product-background-gradient-start), transparent var(--sbb-teaser-product-background-gradient-end) )}}:host([negative]){--sbb-teaser-product-background-color: var(--sbb-background-color-1-negative);--sbb-teaser-product-content-color: var(--sbb-color-4-negative);--sbb-teaser-product-footer-color: var(--sbb-color-4-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-title-color: var(--sbb-color-3-negative)}:host([image-alignment=before]){--sbb-teaser-product-background-gradient-direction: to left}:host(:not(:is(:state(slotted-footnote),[state--slotted-footnote]))){--sbb-teaser-product-footer-padding-block-start: 0}.sbb-teaser-product__image-container{overflow:hidden;border-radius:var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius) 0 0}@media(min-width:64rem){.sbb-teaser-product__image-container{position:absolute;inset:0;border-radius:var(--sbb-teaser-product-border-radius)}}::slotted(p.sbb-teaser-product--spacing){margin:0}::slotted(sbb-title.sbb-teaser-product--spacing){margin-block-start:0}::slotted(:is(sbb-action-group,:is(:state(action),[state--action])).sbb-teaser-product--spacing){margin-block-start:var(--sbb-spacing-responsive-xxs)}::slotted([slot=image]){display:flex;width:100%;height:100%}@media(forced-colors:active){.sbb-teaser-product__root:after{content:\"\";position:absolute;display:block;inset:0;pointer-events:none;border:var(--sbb-border-width-2x) solid CanvasText;border-radius:var(--sbb-teaser-product-border-radius)}}.sbb-action-base{display:block;position:relative;text-decoration:none}.sbb-teaser-product__container{background:var(--sbb-teaser-product-background);border-radius:0 0 var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius);padding-block:var(--sbb-teaser-product-container-padding-block);padding-inline:var(--sbb-teaser-product-container-padding-inline)}@media(min-width:64rem){.sbb-teaser-product__container{display:grid;grid:\"content .\" 1fr \"footnote .\" auto/1fr 1fr;column-gap:var(--sbb-spacing-responsive-xxl);border-radius:var(--sbb-teaser-product-border-radius);position:relative}:host([image-alignment=before]) .sbb-teaser-product__container{grid-template-areas:\". content\" \". footnote\"}}.sbb-teaser-product__content{grid-area:content;align-self:center;margin:0;color:var(--sbb-teaser-product-content-color);min-height:var(--sbb-teaser-product-content-min-height, 0);align-content:var(--sbb-teaser-product-content-align-content, normal)}.sbb-teaser-product__footnote{grid-area:footnote;padding-block:var(--sbb-teaser-product-footer-padding-block-start) var(--sbb-teaser-product-footer-padding-block-end);color:var(--sbb-teaser-product-footer-color);font-size:var(--sbb-teaser-product-footer-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);min-height:var(--sbb-teaser-product-footer-min-height, 0)}", c = (c) => {
-	let l = a(c);
-	return (() => {
-		let a = l, c, u = [], d = [];
-		return class extends a {
-			static {
-				let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
-				c = [i({
-					attribute: "image-alignment",
-					reflect: !0
-				})], e(this, null, c, {
-					kind: "accessor",
-					name: "imageAlignment",
-					static: !1,
-					private: !1,
-					access: {
-						has: (e) => "imageAlignment" in e,
-						get: (e) => e.imageAlignment,
-						set: (e, t) => {
-							e.imageAlignment = t;
-						}
-					},
-					metadata: t
-				}, u, d), t && Object.defineProperty(this, Symbol.metadata, {
-					enumerable: !0,
-					configurable: !0,
-					writable: !0,
-					value: t
-				});
-			}
-			static {
-				this.styles = [
-					l.styles ?? [],
-					o,
-					r(s)
-				];
-			}
-			#e = t(this, u, "after");
-			get imageAlignment() {
-				return this.#e;
-			}
-			set imageAlignment(e) {
-				this.#e = e;
-			}
-			renderTemplate() {
-				return n`
+var s = ":host{--sbb-teaser-product-background: var(--sbb-teaser-product-background-color);display:block}@media(min-width:64rem){:host{--sbb-teaser-product-content-min-height: calc( var(--sbb-teaser-product-min-height) - 2 * var(--sbb-teaser-product-container-spacing) );--sbb-teaser-product-background: linear-gradient( var(--sbb-teaser-product-background-gradient-direction), var(--sbb-teaser-product-background-color) var(--sbb-teaser-product-background-gradient-start), transparent var(--sbb-teaser-product-background-gradient-end) )}}:host([negative]){--sbb-teaser-product-background-color: var(--sbb-background-color-1-negative);--sbb-teaser-product-content-color: var(--sbb-color-4-negative);--sbb-teaser-product-footer-color: var(--sbb-color-4-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-title-color: var(--sbb-color-3-negative)}:host([image-alignment=before]){--sbb-teaser-product-background-gradient-direction: to left}:host(:not(:is(:state(slotted-footnote),[state--slotted-footnote]))){--sbb-teaser-product-footer-padding-block-start: 0}.sbb-teaser-product__image-container{overflow:hidden;border-radius:var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius) 0 0}@media(min-width:64rem){.sbb-teaser-product__image-container{position:absolute;inset:0;border-radius:var(--sbb-teaser-product-border-radius)}}::slotted(p.sbb-teaser-product--spacing){margin:0}::slotted(sbb-title.sbb-teaser-product--spacing){margin-block-start:0}::slotted(:is(sbb-action-group,:is(:state(action),[state--action])).sbb-teaser-product--spacing){margin-block-start:var(--sbb-spacing-responsive-xxs)}::slotted([slot=image]){display:flex;width:100%;height:100%}@media(forced-colors:active){.sbb-teaser-product__root:after{content:\"\";position:absolute;display:block;inset:0;pointer-events:none;border:var(--sbb-border-width-2x) solid CanvasText;border-radius:var(--sbb-teaser-product-border-radius)}}.sbb-action-base{display:block;position:relative;text-decoration:none}.sbb-teaser-product__container{background:var(--sbb-teaser-product-background);border-radius:0 0 var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius);padding-block:var(--sbb-teaser-product-container-padding-block);padding-inline:var(--sbb-teaser-product-container-padding-inline)}@media(min-width:64rem){.sbb-teaser-product__container{display:grid;grid:\"content .\" 1fr \"footnote .\" auto/1fr 1fr;column-gap:var(--sbb-spacing-responsive-xxl);border-radius:var(--sbb-teaser-product-border-radius);position:relative}:host([image-alignment=before]) .sbb-teaser-product__container{grid-template-areas:\". content\" \". footnote\"}}.sbb-teaser-product__content{grid-area:content;align-self:center;margin:0;color:var(--sbb-teaser-product-content-color);min-height:var(--sbb-teaser-product-content-min-height, 0);align-content:var(--sbb-teaser-product-content-align-content, normal)}.sbb-teaser-product__footnote{grid-area:footnote;padding-block:var(--sbb-teaser-product-footer-padding-block-start) var(--sbb-teaser-product-footer-padding-block-end);color:var(--sbb-teaser-product-footer-color);font-size:var(--sbb-teaser-product-footer-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);min-height:var(--sbb-teaser-product-footer-min-height, 0)}", c = (c) => (() => {
+	let l = a(c), u, d = [], f = [];
+	return class extends l {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
+			u = [i({
+				attribute: "image-alignment",
+				reflect: !0
+			})], e(this, null, u, {
+				kind: "accessor",
+				name: "imageAlignment",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "imageAlignment" in e,
+					get: (e) => e.imageAlignment,
+					set: (e, t) => {
+						e.imageAlignment = t;
+					}
+				},
+				metadata: t
+			}, d, f), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.styles = [o, r(s)];
+		}
+		#e = t(this, d, "after");
+		get imageAlignment() {
+			return this.#e;
+		}
+		set imageAlignment(e) {
+			this.#e = e;
+		}
+		renderTemplate() {
+			return n`
         <div class="sbb-teaser-product__root">
           <div class="sbb-teaser-product__image-container"><slot name="image"></slot></div>
           <div class="sbb-teaser-product__container">
@@ -61,12 +55,11 @@ var s = ":host{--sbb-teaser-product-background: var(--sbb-teaser-product-backgro
           </div>
         </div>
       `;
-			}
-			constructor() {
-				super(...arguments), t(this, d);
-			}
-		};
-	})();
-};
+		}
+		constructor() {
+			super(...arguments), t(this, f);
+		}
+	};
+})();
 //#endregion
 export { c as t };

package/{teaser-product.component-BO58I4Hg.js → teaser-product.component-kf1XTKTq.js}

@@ -8,7 +8,7 @@ var i = "@media(forced-colors:active){:host{--sbb-title-color: LinkText !importa
 		this.elementName = "sbb-teaser-product";
 	}
 	static {
-		this.styles = [super.styles ?? [], e(i)];
+		this.styles = [e(i)];
 	}
 	render() {
 		return n`

package/teaser-product.js

@@ -1,6 +1,6 @@
-import { t as e } from "./teaser-product-common-CtbFDRqf.js";
+import { t as e } from "./teaser-product-common-BCb5GBo9.js";
 import { SbbTeaserProductStaticElement as t } from "./teaser-product/teaser-product-static/teaser-product-static.component.js";
-import { t as n } from "./teaser-product.component-BO58I4Hg.js";
+import { t as n } from "./teaser-product.component-kf1XTKTq.js";
 import "./teaser-product.pure.js";
 n.define(), t.define();
 //#endregion

package/teaser-product.pure.js

@@ -1,4 +1,4 @@
-import { t as e } from "./teaser-product-common-CtbFDRqf.js";
+import { t as e } from "./teaser-product-common-BCb5GBo9.js";
 import { SbbTeaserProductStaticElement as t } from "./teaser-product/teaser-product-static/teaser-product-static.component.js";
-import { t as n } from "./teaser-product.component-BO58I4Hg.js";
+import { t as n } from "./teaser-product.component-kf1XTKTq.js";
 export { e as SbbTeaserProductCommonElementMixin, n as SbbTeaserProductElement, t as SbbTeaserProductStaticElement };

package/timetable-form/timetable-form-field/timetable-form-field.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../timetable-form-field.component-D1-gyKZB.js";
+import { t as e } from "../../timetable-form-field.component-Bb2bhSEk.js";
 export { e as SbbTimetableFormFieldElement };

package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../timetable-form-swap-button.component-DsuJq-fr.js";
+import { t as e } from "../../timetable-form-swap-button.component-WNC4q9ml.js";
 export { e as SbbTimetableFormSwapButtonElement };

package/{timetable-form-field.component-D1-gyKZB.js → timetable-form-field.component-Bb2bhSEk.js}

@@ -6,7 +6,7 @@ var i = ":host{--_sbb-timetable-form-field-start-icon-connecting-line-offset: .1
 		this.elementName = "sbb-timetable-form-field";
 	}
 	static {
-		this.styles = [r.styles, n(i)];
+		this.styles = [n(i)];
 	}
 	constructor() {
 		super(), this._routeIcon = !1, this.borderless = !0, this.floatingLabel = !0, this.width = "collapse", this.size = "l";