@sbb-esta/lyne-elements-dev 5.0.0-next.1-dev.1777525833 → 5.0.0-next.1-dev.1777534699

package/{checkbox-common-CbMkoAks.js → checkbox-common-CGJMgGgK.js}

@@ -3,74 +3,67 @@ import { unsafeCSS as n } from "lit";
 import { property as r } from "lit/decorators.js";
 import { SbbFormAssociatedCheckboxMixin as i, boxSizingStyles as a, forceType as o } from "./core.js";
 //#region src/elements/checkbox/common/checkbox-common.scss?inline
-var s = "@charset \"UTF-8\";:host([size=xs]){--sbb-checkbox-font-size: var(--sbb-text-font-size-xs);--sbb-checkbox-dimension: var(--sbb-checkbox-dimension-xs)}:host([size=s]){--sbb-checkbox-font-size: var(--sbb-text-font-size-s);--sbb-checkbox-dimension: var(--sbb-checkbox-dimension-s)}:host([size=m]){--sbb-checkbox-font-size: var(--sbb-text-font-size-m);--sbb-checkbox-dimension: var(--sbb-checkbox-dimension-m)}:host(:disabled){--sbb-checkbox-cursor: var(--sbb-cursor-default);--sbb-checkbox-label-color: var(--sbb-color-granite);--sbb-checkbox-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium))}.sbb-checkbox-wrapper{display:flex}.sbb-checkbox-wrapper:before{content:\"​\";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-checkbox{position:relative;display:block;width:100%;cursor:var(--sbb-checkbox-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:var(--sbb-checkbox-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text)}.sbb-checkbox__inner{display:flex;align-items:start;gap:var(--sbb-spacing-fixed-2x)}.sbb-checkbox__label{display:flex;flex-grow:1;color:var(--sbb-checkbox-label-color);line-height:max(1em * var(--sbb-typo-line-height-text),var(--sbb-checkbox-dimension))}.sbb-checkbox__aligner{display:flex;align-items:center;height:calc(1em * var(--sbb-typo-line-height-text))}", c = (c) => {
-	let l = i(c);
-	return (() => {
-		let i = l, c, u = [], d = [];
-		return class extends i {
-			constructor() {
-				super(...arguments), this.#e = t(this, u, !1), this._group = (t(this, d), null);
-			}
-			static {
-				let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-				c = [o(), r({ type: Boolean })], e(this, null, c, {
-					kind: "accessor",
-					name: "indeterminate",
-					static: !1,
-					private: !1,
-					access: {
-						has: (e) => "indeterminate" in e,
-						get: (e) => e.indeterminate,
-						set: (e, t) => {
-							e.indeterminate = t;
-						}
-					},
-					metadata: t
-				}, u, d), t && Object.defineProperty(this, Symbol.metadata, {
-					enumerable: !0,
-					configurable: !0,
-					writable: !0,
-					value: t
-				});
-			}
-			static {
-				this.styles = [
-					l.styles ?? [],
-					a,
-					n(s)
-				];
-			}
-			#e;
-			get indeterminate() {
-				return this.#e;
-			}
-			set indeterminate(e) {
-				this.#e = e;
-			}
-			get group() {
-				return this._group;
-			}
-			connectedCallback() {
-				super.connectedCallback(), this._group = this.closest("sbb-checkbox-group"), [
-					"disabled",
-					"required",
-					"size"
-				].forEach((e) => this.requestUpdate(e));
-			}
-			willUpdate(e) {
-				super.willUpdate(e), (e.has("checked") || e.has("indeterminate")) && (this.internals.ariaChecked = this.indeterminate ? "mixed" : `${this.checked}`);
-			}
-			isDisabledExternally() {
-				return this.group?.disabled ?? !1;
-			}
-			isRequiredExternally() {
-				return this.group?.required ?? !1;
-			}
-			withUserInteraction() {
-				this.indeterminate &&= !1;
-			}
-		};
-	})();
-};
+var s = "@charset \"UTF-8\";:host([size=xs]){--sbb-checkbox-font-size: var(--sbb-text-font-size-xs);--sbb-checkbox-dimension: var(--sbb-checkbox-dimension-xs)}:host([size=s]){--sbb-checkbox-font-size: var(--sbb-text-font-size-s);--sbb-checkbox-dimension: var(--sbb-checkbox-dimension-s)}:host([size=m]){--sbb-checkbox-font-size: var(--sbb-text-font-size-m);--sbb-checkbox-dimension: var(--sbb-checkbox-dimension-m)}:host(:disabled){--sbb-checkbox-cursor: var(--sbb-cursor-default);--sbb-checkbox-label-color: var(--sbb-color-granite);--sbb-checkbox-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium))}.sbb-checkbox-wrapper{display:flex}.sbb-checkbox-wrapper:before{content:\"​\";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-checkbox{position:relative;display:block;width:100%;cursor:var(--sbb-checkbox-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:var(--sbb-checkbox-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text)}.sbb-checkbox__inner{display:flex;align-items:start;gap:var(--sbb-spacing-fixed-2x)}.sbb-checkbox__label{display:flex;flex-grow:1;color:var(--sbb-checkbox-label-color);line-height:max(1em * var(--sbb-typo-line-height-text),var(--sbb-checkbox-dimension))}.sbb-checkbox__aligner{display:flex;align-items:center;height:calc(1em * var(--sbb-typo-line-height-text))}", c = (c) => (() => {
+	let l = i(c), u, d = [], f = [];
+	return class extends l {
+		constructor() {
+			super(...arguments), this.#e = t(this, d, !1), this._group = (t(this, f), null);
+		}
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
+			u = [o(), r({ type: Boolean })], e(this, null, u, {
+				kind: "accessor",
+				name: "indeterminate",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "indeterminate" in e,
+					get: (e) => e.indeterminate,
+					set: (e, t) => {
+						e.indeterminate = t;
+					}
+				},
+				metadata: t
+			}, d, f), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.styles = [a, n(s)];
+		}
+		#e;
+		get indeterminate() {
+			return this.#e;
+		}
+		set indeterminate(e) {
+			this.#e = e;
+		}
+		get group() {
+			return this._group;
+		}
+		connectedCallback() {
+			super.connectedCallback(), this._group = this.closest("sbb-checkbox-group"), [
+				"disabled",
+				"required",
+				"size"
+			].forEach((e) => this.requestUpdate(e));
+		}
+		willUpdate(e) {
+			super.willUpdate(e), (e.has("checked") || e.has("indeterminate")) && (this.internals.ariaChecked = this.indeterminate ? "mixed" : `${this.checked}`);
+		}
+		isDisabledExternally() {
+			return this.group?.disabled ?? !1;
+		}
+		isRequiredExternally() {
+			return this.group?.required ?? !1;
+		}
+		withUserInteraction() {
+			this.indeterminate &&= !1;
+		}
+	};
+})();
 //#endregion
 export { c as t };

package/checkbox-panel/checkbox-panel.component.js

@@ -37,7 +37,7 @@ var d = (() => {
 			this.elementDependencies = [u];
 		}
 		static {
-			this.styles = [super.styles ?? [], c];
+			this.styles = [c];
 		}
 		#e = t(this, p, null);
 		get value() {

package/{checkbox.component-DLkmHbNb.js → checkbox.component-AHeymsm8.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./checkbox-common-CbMkoAks.js";
+import { t as e } from "./checkbox-common-CGJMgGgK.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";
@@ -67,7 +67,7 @@ var d = ":host{outline:none!important;display:inline-block}:host([icon-placement
 			this.elementDependencies = [u];
 		}
 		static {
-			this.styles = [super.styles ?? [], i(d)];
+			this.styles = [i(d)];
 		}
 		#e = n(this, m, null);
 		get value() {

package/checkbox.js

@@ -1,5 +1,5 @@
-import { t as e } from "./checkbox.component-DLkmHbNb.js";
-import { t } from "./checkbox-common-CbMkoAks.js";
+import { t as e } from "./checkbox.component-AHeymsm8.js";
+import { t } from "./checkbox-common-CGJMgGgK.js";
 import "./checkbox.pure.js";
 //#region src/elements/checkbox.ts
 e.define();

package/checkbox.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./checkbox.component-DLkmHbNb.js";
-import { t } from "./checkbox-common-CbMkoAks.js";
+import { t as e } from "./checkbox.component-AHeymsm8.js";
+import { t } from "./checkbox-common-CGJMgGgK.js";
 export { t as SbbCheckboxCommonElementMixin, e as SbbCheckboxElement };

package/{compact-paginator.component-CoAxdqWU.js → compact-paginator.component-DwBfi6Ec.js}

@@ -12,7 +12,7 @@ var c = ":host{display:flex;gap:var(--sbb-compact-paginator-gap);justify-content
 		this.elementDependencies = [a];
 	}
 	static {
-		this.styles = [super.styles ?? [], t(c)];
+		this.styles = [t(c)];
 	}
 	static {
 		this.events = { page: "page" };

package/core/base-elements/element.js

@@ -171,6 +171,11 @@ var a = class extends Event {
 			new Set(e).forEach((e) => e.define());
 		}
 	}
+	static finalizeStyles(t) {
+		let n = [], r = this;
+		for (; r && r !== e;) Object.hasOwn(r, "styles") && r.styles && n.unshift(r.styles), r = Object.getPrototypeOf(r);
+		return super.finalizeStyles(n);
+	}
 	createRenderRoot() {
 		let e = super.createRenderRoot();
 		return this.shadowRoot?.addEventListener("slotchange", (e) => this._slotchangeHandler(e, e.target)), this.shadowRoot?.addEventListener("slottedchange", (e) => this._slotchangeHandler(e, e.slot), { capture: !0 }), this.shadowRoot?.querySelectorAll?.("slot").forEach((e) => this._handleSlotChangeForSlottedState(e)), e;

package/core/mixins/named-slot-list-mixin.js

@@ -38,7 +38,7 @@ var o = "data-ssr-child-count", s = "li", c = (c) => (() => {
 			this.elementDependencies = [];
 		}
 		static {
-			this.styles = [c.styles ?? [], a];
+			this.styles = [a];
 		}
 		#e;
 		get listChildren() {

package/core/mixins/panel-mixin.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../panel-mixin-DcdteEmP.js";
+import { t as e } from "../../panel-mixin-755CTCLW.js";
 export { e as SbbPanelMixin };

package/core.js

@@ -55,7 +55,7 @@ import { SbbFormAssociatedInputMixin as qn } from "./core/mixins/form-associated
 import { SbbFormAssociatedRadioButtonMixin as Jn, radioButtonRegistry as Yn } from "./core/mixins/form-associated-radio-button-mixin.js";
 import { SbbNamedSlotListMixin as Xn } from "./core/mixins/named-slot-list-mixin.js";
 import { SbbNegativeMixin as Zn } from "./core/mixins/negative-mixin.js";
-import { t as Qn } from "./panel-mixin-DcdteEmP.js";
+import { t as Qn } from "./panel-mixin-755CTCLW.js";
 import { SbbSelectionPanelMixin as $n } from "./core/mixins/selection-panel-mixin.js";
 import { SbbUpdateSchedulerMixin as er } from "./core/mixins/update-scheduler-mixin.js";
 import { overlayGapFixCorners as tr } from "./core/overlay/overlay.js";