@sbb-esta/lyne-elements-dev 4.7.0-dev.1773388991 → 4.7.0-dev.1773393164

package/core/mixins/negative-mixin.js

@@ -1,46 +1,34 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { property as n } from "lit/decorators.js";
-import { forceType as r } from "../decorators.js";
-//#region src/elements/core/mixins/negative-mixin.ts
-var i = (i) => (() => {
-	let a = i, o, s = [], c = [];
-	return class extends a {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
-			o = [r(), n({
-				reflect: !0,
-				type: Boolean
-			})], e(this, null, o, {
-				kind: "accessor",
-				name: "negative",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "negative" in e,
-					get: (e) => e.negative,
-					set: (e, t) => {
-						e.negative = t;
-					}
-				},
-				metadata: t
-			}, s, c), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		#e = t(this, s, !1);
-		get negative() {
-			return this.#e;
-		}
-		set negative(e) {
-			this.#e = e;
-		}
-		constructor() {
-			super(...arguments), t(this, c);
-		}
-	};
+var m = (e) => {
+  throw TypeError(e);
+};
+var u = (e, t, a) => t.has(e) || m("Cannot " + a);
+var g = (e, t, a) => (u(e, t, "read from private field"), a ? a.call(e) : t.get(e)), v = (e, t, a) => t.has(e) ? m("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), b = (e, t, a, r) => (u(e, t, "write to private field"), r ? r.call(e, a) : t.set(e, a), a);
+import { __esDecorate as _, __runInitializers as f } from "tslib";
+import { property as d } from "lit/decorators.js";
+import { forceType as y } from "../decorators.js";
+const I = (e) => (() => {
+  var s, i;
+  let a = e, r, l = [], c = [];
+  return i = class extends a {
+    constructor() {
+      super(...arguments);
+      v(this, s, f(this, l, !1));
+      f(this, c);
+    }
+    /** Negative coloring variant flag. */
+    get negative() {
+      return g(this, s);
+    }
+    set negative(n) {
+      b(this, s, n);
+    }
+  }, s = new WeakMap(), (() => {
+    const n = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
+    r = [y(), d({ reflect: !0, type: Boolean })], _(i, null, r, { kind: "accessor", name: "negative", static: !1, private: !1, access: { has: (o) => "negative" in o, get: (o) => o.negative, set: (o, p) => {
+      o.negative = p;
+    } }, metadata: n }, l, c), n && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: n });
+  })(), i;
 })();
-//#endregion
-export { i as SbbNegativeMixin };
+export {
+  I as SbbNegativeMixin
+};

package/core/mixins/panel-mixin.js

@@ -1,110 +1,71 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { property as n } from "lit/decorators.js";
-import { forceType as r, getOverride as i } from "../decorators.js";
-import { isLean as a } from "../dom.js";
-//#region src/elements/core/mixins/panel-mixin.ts
-var o = (o) => (() => {
-	let s = o, c, l = [], u = [], d, f = [], p = [], m, h = [], g = [], _, v = [], y = [];
-	return class extends s {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-			c = [n({ reflect: !0 })], d = [r(), n({
-				reflect: !0,
-				type: Boolean
-			})], m = [r(), n()], _ = [n({ reflect: !0 }), i((e, t) => e.group?.size ?? t)], e(this, null, c, {
-				kind: "accessor",
-				name: "color",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "color" in e,
-					get: (e) => e.color,
-					set: (e, t) => {
-						e.color = t;
-					}
-				},
-				metadata: t
-			}, l, u), e(this, null, d, {
-				kind: "accessor",
-				name: "borderless",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "borderless" in e,
-					get: (e) => e.borderless,
-					set: (e, t) => {
-						e.borderless = t;
-					}
-				},
-				metadata: t
-			}, f, p), e(this, null, m, {
-				kind: "accessor",
-				name: "expansionState",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "expansionState" in e,
-					get: (e) => e.expansionState,
-					set: (e, t) => {
-						e.expansionState = t;
-					}
-				},
-				metadata: t
-			}, h, g), e(this, null, _, {
-				kind: "accessor",
-				name: "size",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "size" in e,
-					get: (e) => e.size,
-					set: (e, t) => {
-						e.size = t;
-					}
-				},
-				metadata: t
-			}, v, y), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		#e = t(this, l, "white");
-		get color() {
-			return this.#e;
-		}
-		set color(e) {
-			this.#e = e;
-		}
-		#t = (t(this, u), t(this, f, !1));
-		get borderless() {
-			return this.#t;
-		}
-		set borderless(e) {
-			this.#t = e;
-		}
-		#n = (t(this, p), t(this, h, ""));
-		get expansionState() {
-			return this.#n;
-		}
-		set expansionState(e) {
-			this.#n = e;
-		}
-		#r = (t(this, g), t(this, v, a() ? "xs" : "m"));
-		get size() {
-			return this.#r;
-		}
-		set size(e) {
-			this.#r = e;
-		}
-		connectedCallback() {
-			super.connectedCallback(), this.dispatchEvent(new Event("panelconnected", { bubbles: !0 }));
-		}
-		constructor() {
-			super(...arguments), t(this, y);
-		}
-	};
+var C = (t) => {
+  throw TypeError(t);
+};
+var B = (t, a, r) => a.has(t) || C("Cannot " + r);
+var u = (t, a, r) => (B(t, a, "read from private field"), r ? r.call(t) : a.get(t)), h = (t, a, r) => a.has(t) ? C("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, r), m = (t, a, r, n) => (B(t, a, "write to private field"), n ? n.call(t, r) : a.set(t, r), r);
+import { __esDecorate as b, __runInitializers as l } from "tslib";
+import { property as f } from "lit/decorators.js";
+import { forceType as D, getOverride as L } from "../decorators.js";
+import { isLean as M } from "../dom.js";
+const H = (t) => (() => {
+  var c, d, _, p, i;
+  let r = t, n, z = [], x = [], g, S = [], v = [], y, k = [], I = [], w, O = [], j = [];
+  return i = class extends r {
+    constructor() {
+      super(...arguments);
+      h(this, c, l(this, z, "white"));
+      h(this, d, (l(this, x), l(this, S, !1)));
+      h(this, _, (l(this, v), l(this, k, "")));
+      h(this, p, (l(this, I), l(this, O, M() ? "xs" : "m")));
+      l(this, j);
+    }
+    /** The background color of the panel. */
+    get color() {
+      return u(this, c);
+    }
+    set color(s) {
+      m(this, c, s);
+    }
+    /** Whether the unselected panel has a border. */
+    get borderless() {
+      return u(this, d);
+    }
+    set borderless(s) {
+      m(this, d, s);
+    }
+    /** @internal used for accessibility label when in expansion panel */
+    get expansionState() {
+      return u(this, _);
+    }
+    set expansionState(s) {
+      m(this, _, s);
+    }
+    /**
+     * Size variant, either xs, s or m.
+     * @default 'm' / 'xs' (lean)
+     */
+    get size() {
+      return u(this, p);
+    }
+    set size(s) {
+      m(this, p, s);
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.dispatchEvent(new Event("panelconnected", { bubbles: !0 }));
+    }
+  }, c = new WeakMap(), d = new WeakMap(), _ = new WeakMap(), p = new WeakMap(), (() => {
+    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
+    n = [f({ reflect: !0 })], g = [D(), f({ reflect: !0, type: Boolean })], y = [D(), f()], w = [f({ reflect: !0 }), L((e, o) => e.group?.size ?? o)], b(i, null, n, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (e) => "color" in e, get: (e) => e.color, set: (e, o) => {
+      e.color = o;
+    } }, metadata: s }, z, x), b(i, null, g, { kind: "accessor", name: "borderless", static: !1, private: !1, access: { has: (e) => "borderless" in e, get: (e) => e.borderless, set: (e, o) => {
+      e.borderless = o;
+    } }, metadata: s }, S, v), b(i, null, y, { kind: "accessor", name: "expansionState", static: !1, private: !1, access: { has: (e) => "expansionState" in e, get: (e) => e.expansionState, set: (e, o) => {
+      e.expansionState = o;
+    } }, metadata: s }, k, I), b(i, null, w, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, o) => {
+      e.size = o;
+    } }, metadata: s }, O, j), s && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
+  })(), i;
 })();
-//#endregion
-export { o as SbbPanelMixin };
+export {
+  H as SbbPanelMixin
+};

package/core/mixins/readonly-mixin.js

@@ -1,41 +1,35 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { property as n } from "lit/decorators.js";
-//#region src/elements/core/mixins/readonly-mixin.ts
-var r = (r) => (() => {
-	let i = r, a = [], o;
-	return class extends i {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-			o = [n({
-				type: Boolean,
-				attribute: "readonly"
-			})], e(this, null, o, {
-				kind: "setter",
-				name: "readOnly",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "readOnly" in e,
-					set: (e, t) => {
-						e.readOnly = t;
-					}
-				},
-				metadata: t
-			}, null, a), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		set readOnly(e) {
-			this.#e = !!e, this.toggleAttribute("readonly", this.#e);
-		}
-		get readOnly() {
-			return this.#e;
-		}
-		#e = (t(this, a), !1);
-	};
+var y = (e) => {
+  throw TypeError(e);
+};
+var u = (e, t, a) => t.has(e) || y("Cannot " + a);
+var o = (e, t, a) => (u(e, t, "read from private field"), a ? a.call(e) : t.get(e)), c = (e, t, a) => t.has(e) ? y("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), m = (e, t, a, n) => (u(e, t, "write to private field"), n ? n.call(e, a) : t.set(e, a), a);
+import { __esDecorate as f, __runInitializers as p } from "tslib";
+import { property as O } from "lit/decorators.js";
+const x = (e) => (() => {
+  var l, r;
+  let a = e, n = [], d;
+  return r = class extends a {
+    constructor() {
+      super(...arguments);
+      c(this, l, (p(this, n), !1));
+    }
+    /**
+     * Whether the component is readonly.
+     * @default false
+     */
+    set readOnly(i) {
+      m(this, l, !!i), this.toggleAttribute("readonly", o(this, l));
+    }
+    get readOnly() {
+      return o(this, l);
+    }
+  }, l = new WeakMap(), (() => {
+    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
+    d = [O({ type: Boolean, attribute: "readonly" })], f(r, null, d, { kind: "setter", name: "readOnly", static: !1, private: !1, access: { has: (s) => "readOnly" in s, set: (s, b) => {
+      s.readOnly = b;
+    } }, metadata: i }, null, n), i && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
+  })(), r;
 })();
-//#endregion
-export { r as SbbReadonlyMixin };
+export {
+  x as SbbReadonlyMixin
+};

package/core/mixins/required-mixin.js

@@ -1,49 +1,36 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { property as n } from "lit/decorators.js";
-//#region src/elements/core/mixins/required-mixin.ts
-var r = (r) => (() => {
-	let i = r, a = [], o;
-	return class extends i {
-		constructor() {
-			super(...arguments), this._required = (t(this, a), !1);
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-			o = [n({
-				reflect: !0,
-				type: Boolean
-			})], e(this, null, o, {
-				kind: "setter",
-				name: "required",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "required" in e,
-					set: (e, t) => {
-						e.required = t;
-					}
-				},
-				metadata: t
-			}, null, a), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		set required(e) {
-			this._required = !!e;
-		}
-		get required() {
-			return this._required || this.isRequiredExternally();
-		}
-		willUpdate(e) {
-			super.willUpdate(e), e.has("required") && (this.internals.ariaRequired = `${this.required}`);
-		}
-		isRequiredExternally() {
-			return !1;
-		}
-	};
+import { __runInitializers as n, __esDecorate as d } from "tslib";
+import { property as o } from "lit/decorators.js";
+const b = (l) => (() => {
+  var t;
+  let i = l, a = [], s;
+  return t = class extends i {
+    constructor() {
+      super(...arguments), this._required = (n(this, a), !1);
+    }
+    /** Whether the component is required. */
+    set required(e) {
+      this._required = !!e;
+    }
+    get required() {
+      return this._required || this.isRequiredExternally();
+    }
+    willUpdate(e) {
+      super.willUpdate(e), e.has("required") && (this.internals.ariaRequired = `${this.required}`);
+    }
+    /**
+     * Will be used as 'or' check to the current required state.
+     * Can e.g. be used to read required state of a group.
+     */
+    isRequiredExternally() {
+      return !1;
+    }
+  }, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
+    s = [o({ reflect: !0, type: Boolean })], d(t, null, s, { kind: "setter", name: "required", static: !1, private: !1, access: { has: (r) => "required" in r, set: (r, u) => {
+      r.required = u;
+    } }, metadata: e }, null, a), e && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), t;
 })();
-//#endregion
-export { r as SbbRequiredMixin };
+export {
+  b as SbbRequiredMixin
+};

package/core/mixins/selection-panel-mixin.js

@@ -1,37 +1,40 @@
-import { SbbElementInternalsMixin as e } from "./element-internals-mixin.js";
-import { SbbPropertyWatcherController as t } from "../controllers.js";
-//#region src/elements/core/mixins/selection-panel-mixin.ts
-var n = (n) => {
-	let r = n._$sbbElement$ ? n : e(n);
-	class i extends r {
-		get group() {
-			return this.closest?.("sbb-radio-button-group, sbb-checkbox-group") ?? null;
-		}
-		get panel() {
-			return this.querySelector?.("sbb-radio-button-panel, sbb-checkbox-panel") ?? null;
-		}
-		constructor(...e) {
-			super(e), this._propertyWatcher = new t(this, () => this.panel, {
-				checked: (e) => {
-					this.toggleState("checked", e.checked), this.onInputStateChange?.();
-				},
-				disabled: (e) => {
-					this.toggleState("disabled", e.disabled), this.onInputStateChange?.();
-				},
-				size: (e) => {
-					this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = e.size, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
-				},
-				borderless: (e) => {
-					this.toggleState("borderless", e.borderless);
-				},
-				color: (e) => {
-					this._previousColor && this.internals.states.delete(`color-${this._previousColor}`), this._previousColor = e.color, this._previousColor && this.internals.states.add(`color-${this._previousColor}`);
-				}
-			}), this.addEventListener?.("panelconnected", () => this._propertyWatcher.connect());
-		}
-		onInputStateChange() {}
-	}
-	return i;
+import { SbbPropertyWatcherController as r } from "../controllers.js";
+import { SbbElementInternalsMixin as n } from "./element-internals-mixin.js";
+const c = (t) => {
+  const s = t._$sbbElement$ ? t : n(t);
+  class i extends s {
+    /** Group element if present */
+    get group() {
+      return this.closest?.("sbb-radio-button-group, sbb-checkbox-group") ?? null;
+    }
+    /** Input panel element */
+    get panel() {
+      return this.querySelector?.("sbb-radio-button-panel, sbb-checkbox-panel") ?? null;
+    }
+    constructor(...o) {
+      super(o), this._propertyWatcher = new r(this, () => this.panel, {
+        checked: (e) => {
+          this.toggleState("checked", e.checked), this.onInputStateChange?.();
+        },
+        disabled: (e) => {
+          this.toggleState("disabled", e.disabled), this.onInputStateChange?.();
+        },
+        size: (e) => {
+          this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = e.size, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
+        },
+        borderless: (e) => {
+          this.toggleState("borderless", e.borderless);
+        },
+        color: (e) => {
+          this._previousColor && this.internals.states.delete(`color-${this._previousColor}`), this._previousColor = e.color, this._previousColor && this.internals.states.add(`color-${this._previousColor}`);
+        }
+      }), this.addEventListener?.("panelconnected", () => this._propertyWatcher.connect());
+    }
+    onInputStateChange() {
+    }
+  }
+  return i;
+};
+export {
+  c as SbbSelectionPanelMixin
 };
-//#endregion
-export { n as SbbSelectionPanelMixin };

package/core/mixins/update-scheduler-mixin.js

@@ -1,21 +1,22 @@
-//#region src/elements/core/mixins/update-scheduler-mixin.ts
-var e = (e) => {
-	class t extends e {
-		constructor() {
-			super(...arguments), this._updatePromise = Promise.resolve(), this._updateResolve = () => {};
-		}
-		startUpdate() {
-			this._updatePromise = new Promise((e) => this._updateResolve = e);
-		}
-		completeUpdate() {
-			this._updateResolve();
-		}
-		async getUpdateComplete() {
-			let e = await super.getUpdateComplete();
-			return await this._updatePromise, e;
-		}
-	}
-	return t;
+const r = (t) => {
+  class s extends t {
+    constructor() {
+      super(...arguments), this._updatePromise = Promise.resolve(), this._updateResolve = () => {
+      };
+    }
+    startUpdate() {
+      this._updatePromise = new Promise((e) => this._updateResolve = e);
+    }
+    completeUpdate() {
+      this._updateResolve();
+    }
+    async getUpdateComplete() {
+      const e = await super.getUpdateComplete();
+      return await this._updatePromise, e;
+    }
+  }
+  return s;
+};
+export {
+  r as SbbUpdateSchedulerMixin
 };
-//#endregion
-export { e as SbbUpdateSchedulerMixin };

package/core/mixins.js

@@ -1,21 +1,41 @@
-import { SbbAnimationCompleteMixin as e } from "./mixins/animation-complete-mixin.js";
-import "./mixins/constructor.js";
-import { SbbDisabledInteractiveMixin as t, SbbDisabledMixin as n, SbbDisabledTabIndexActionMixin as r } from "./mixins/disabled-mixin.js";
-import { SbbElementInternalsMixin as i, appendAriaElements as a, removeAriaElements as o, ɵstateController as s } from "./mixins/element-internals-mixin.js";
-import { SbbFormAssociatedMixin as c } from "./mixins/form-associated-mixin.js";
-import { SbbRequiredMixin as l } from "./mixins/required-mixin.js";
-import { SbbFormAssociatedCheckboxMixin as u } from "./mixins/form-associated-checkbox-mixin.js";
-import { SbbReadonlyMixin as d } from "./mixins/readonly-mixin.js";
-import { SbbFormAssociatedInputMixin as f } from "./mixins/form-associated-input-mixin.js";
-import { SbbFormAssociatedRadioButtonMixin as p, radioButtonRegistry as m } from "./mixins/form-associated-radio-button-mixin.js";
-import { SbbHydrationMixin as h } from "./mixins/hydration-mixin.js";
-import { SbbNamedSlotListMixin as g } from "./mixins/named-slot-list-mixin.js";
-import { SbbNegativeMixin as _ } from "./mixins/negative-mixin.js";
-import { SbbPanelMixin as v } from "./mixins/panel-mixin.js";
-import { SbbSelectionPanelMixin as y } from "./mixins/selection-panel-mixin.js";
-import { SbbUpdateSchedulerMixin as b } from "./mixins/update-scheduler-mixin.js";
-import { css as x } from "lit";
-//#region src/elements/core/mixins/panel-common.scss?lit&inline
-var S = x`:host{--sbb-selection-panel-background:var(--sbb-selection-panel-inner-background,var(--sbb-selection-panel-background-default));--sbb-selection-panel-border-width:var(--sbb-selection-panel-inner-border-width,var(--sbb-selection-panel-border-width-default));--sbb-selection-panel-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-4x));display:block;outline:none!important}:host([size=xs]){--sbb-selection-panel-checkbox-dimension:var(--sbb-checkbox-dimension-xs);--sbb-selection-panel-input-padding:var(--sbb-selection-panel-input-padding-block-xs) var(--sbb-selection-panel-input-padding-inline-xs)}:host([size=s]){--sbb-selection-panel-checkbox-dimension:var(--sbb-checkbox-dimension-s);--sbb-selection-panel-input-padding:var(--sbb-selection-panel-input-padding-block-s) var(--sbb-selection-panel-input-padding-inline-s)}:host([size=m]){--sbb-selection-panel-checkbox-dimension:var(--sbb-checkbox-dimension-m);--sbb-selection-panel-input-padding:var(--sbb-selection-panel-input-padding-block-m) var(--sbb-selection-panel-input-padding-inline-m)}:host([color=milk]){--sbb-selection-panel-background:var(--sbb-selection-panel-inner-background,var(--sbb-selection-panel-background-milk))}:host([borderless]:not(:is(:state(checked),[state--checked]))){--sbb-selection-panel-border-color:var(--sbb-selection-panel-border-color-borderless)}:host(:is(:state(checked),[state--checked]):not(:disabled,[disabled])){--sbb-selection-panel-border-color:var(--sbb-selection-panel-border-color-checked);--sbb-selection-panel-border-width:var(--sbb-selection-panel-inner-border-width,var(--sbb-selection-panel-border-width-checked))}:host(:is(:disabled,[disabled])){--sbb-selection-panel-cursor:var(--sbb-cursor-default)}.sbb-selection-panel{cursor:var(--sbb-selection-panel-cursor);border-radius:var(--sbb-selection-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-panel-border-width) var(--sbb-selection-panel-border-color);padding:var(--sbb-selection-panel-input-padding);background-color:var(--sbb-selection-panel-background);transition-duration:var(--sbb-selection-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:box-shadow;display:block;position:relative}@media (forced-colors:active){.sbb-selection-panel:after{content:"";pointer-events:none;border:var(--sbb-selection-panel-border-width) solid var(--sbb-selection-panel-border-color);border-radius:var(--sbb-selection-panel-border-radius);display:block;position:absolute;inset:0}}:host(:focus-visible) .sbb-selection-panel{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width)}.sbb-selection-panel__badge{-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:var(--sbb-selection-panel-border-radius);position:absolute;inset:0;overflow:hidden}slot[name=suffix]{color:var(--sbb-selection-panel-suffix-color)}slot[name=subtext]{color:var(--sbb-selection-panel-subtext-color);padding-inline-start:calc(var(--sbb-selection-panel-checkbox-dimension) + var(--sbb-spacing-fixed-2x));display:block}:host(:not(:is(:state(slotted-subtext),[state--slotted-subtext]))) slot[name=subtext]{display:none}`;
-//#endregion
-export { e as SbbAnimationCompleteMixin, t as SbbDisabledInteractiveMixin, n as SbbDisabledMixin, r as SbbDisabledTabIndexActionMixin, i as SbbElementInternalsMixin, u as SbbFormAssociatedCheckboxMixin, f as SbbFormAssociatedInputMixin, c as SbbFormAssociatedMixin, p as SbbFormAssociatedRadioButtonMixin, h as SbbHydrationMixin, g as SbbNamedSlotListMixin, _ as SbbNegativeMixin, v as SbbPanelMixin, d as SbbReadonlyMixin, l as SbbRequiredMixin, y as SbbSelectionPanelMixin, b as SbbUpdateSchedulerMixin, a as appendAriaElements, S as panelCommonStyle, m as radioButtonRegistry, o as removeAriaElements, s as ɵstateController };
+import { SbbAnimationCompleteMixin as b } from "./mixins/animation-complete-mixin.js";
+import { SbbDisabledInteractiveMixin as a, SbbDisabledMixin as r, SbbDisabledTabIndexActionMixin as l } from "./mixins/disabled-mixin.js";
+import { SbbElementInternalsMixin as c, appendAriaElements as p, removeAriaElements as u, ɵstateController as x } from "./mixins/element-internals-mixin.js";
+import { SbbFormAssociatedCheckboxMixin as v } from "./mixins/form-associated-checkbox-mixin.js";
+import { SbbFormAssociatedInputMixin as h } from "./mixins/form-associated-input-mixin.js";
+import { SbbFormAssociatedMixin as g } from "./mixins/form-associated-mixin.js";
+import { SbbFormAssociatedRadioButtonMixin as M, radioButtonRegistry as w } from "./mixins/form-associated-radio-button-mixin.js";
+import { SbbHydrationMixin as A } from "./mixins/hydration-mixin.js";
+import { SbbNamedSlotListMixin as F } from "./mixins/named-slot-list-mixin.js";
+import { SbbNegativeMixin as R } from "./mixins/negative-mixin.js";
+import { SbbPanelMixin as D } from "./mixins/panel-mixin.js";
+import { SbbRequiredMixin as B } from "./mixins/required-mixin.js";
+import { SbbReadonlyMixin as P } from "./mixins/readonly-mixin.js";
+import { SbbSelectionPanelMixin as q } from "./mixins/selection-panel-mixin.js";
+import { SbbUpdateSchedulerMixin as L } from "./mixins/update-scheduler-mixin.js";
+import { css as e } from "lit";
+const n = e`:host{--sbb-selection-panel-background: var( --sbb-selection-panel-inner-background, var(--sbb-selection-panel-background-default) );--sbb-selection-panel-border-width: var( --sbb-selection-panel-inner-border-width, var(--sbb-selection-panel-border-width-default) );--sbb-selection-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );display:block;outline:none!important}:host([size=xs]){--sbb-selection-panel-checkbox-dimension: var(--sbb-checkbox-dimension-xs);--sbb-selection-panel-input-padding: var(--sbb-selection-panel-input-padding-block-xs) var(--sbb-selection-panel-input-padding-inline-xs)}:host([size=s]){--sbb-selection-panel-checkbox-dimension: var(--sbb-checkbox-dimension-s);--sbb-selection-panel-input-padding: var(--sbb-selection-panel-input-padding-block-s) var(--sbb-selection-panel-input-padding-inline-s)}:host([size=m]){--sbb-selection-panel-checkbox-dimension: var(--sbb-checkbox-dimension-m);--sbb-selection-panel-input-padding: var(--sbb-selection-panel-input-padding-block-m) var(--sbb-selection-panel-input-padding-inline-m)}:host([color=milk]){--sbb-selection-panel-background: var( --sbb-selection-panel-inner-background, var(--sbb-selection-panel-background-milk) )}:host([borderless]:not(:is(:state(checked),[state--checked]))){--sbb-selection-panel-border-color: var(--sbb-selection-panel-border-color-borderless)}:host(:is(:is(:state(checked),[state--checked])):not(:disabled,[disabled])){--sbb-selection-panel-border-color: var(--sbb-selection-panel-border-color-checked);--sbb-selection-panel-border-width: var( --sbb-selection-panel-inner-border-width, var(--sbb-selection-panel-border-width-checked) )}:host(:is(:disabled,[disabled])){--sbb-selection-panel-cursor: var(--sbb-cursor-default)}.sbb-selection-panel{display:block;cursor:var(--sbb-selection-panel-cursor);position:relative;border-radius:var(--sbb-selection-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-panel-border-width) var(--sbb-selection-panel-border-color);padding:var(--sbb-selection-panel-input-padding);background-color:var(--sbb-selection-panel-background);transition-duration:var(--sbb-selection-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:box-shadow}@media(forced-colors:active){.sbb-selection-panel:after{content:"";display:block;position:absolute;inset:0;pointer-events:none;border:var(--sbb-selection-panel-border-width) solid var(--sbb-selection-panel-border-color);border-radius:var(--sbb-selection-panel-border-radius)}}:host(:focus-visible) .sbb-selection-panel{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-selection-panel__badge{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;inset:0;border-radius:var(--sbb-selection-panel-border-radius);overflow:hidden}slot[name=suffix]{color:var(--sbb-selection-panel-suffix-color)}slot[name=subtext]{display:block;color:var(--sbb-selection-panel-subtext-color);padding-inline-start:calc(var(--sbb-selection-panel-checkbox-dimension) + var(--sbb-spacing-fixed-2x))}:host(:not(:is(:state(slotted-subtext),[state--slotted-subtext]))) slot[name=subtext]{display:none}`;
+export {
+  b as SbbAnimationCompleteMixin,
+  a as SbbDisabledInteractiveMixin,
+  r as SbbDisabledMixin,
+  l as SbbDisabledTabIndexActionMixin,
+  c as SbbElementInternalsMixin,
+  v as SbbFormAssociatedCheckboxMixin,
+  h as SbbFormAssociatedInputMixin,
+  g as SbbFormAssociatedMixin,
+  M as SbbFormAssociatedRadioButtonMixin,
+  A as SbbHydrationMixin,
+  F as SbbNamedSlotListMixin,
+  R as SbbNegativeMixin,
+  D as SbbPanelMixin,
+  P as SbbReadonlyMixin,
+  B as SbbRequiredMixin,
+  q as SbbSelectionPanelMixin,
+  L as SbbUpdateSchedulerMixin,
+  p as appendAriaElements,
+  n as panelCommonStyle,
+  w as radioButtonRegistry,
+  u as removeAriaElements,
+  x as ɵstateController
+};