@sbb-esta/lyne-elements-dev 4.7.0-dev.1773648103 → 4.7.0-dev.1773648656

package/core/mixins/negative-mixin.js

@@ -1,34 +1,46 @@
-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;
+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);
+		}
+	};
 })();
-export {
-  I as SbbNegativeMixin
-};
+//#endregion
+export { i as SbbNegativeMixin };

package/core/mixins/panel-mixin.js

@@ -1,71 +1,110 @@
-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;
+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);
+		}
+	};
 })();
-export {
-  H as SbbPanelMixin
-};
+//#endregion
+export { o as SbbPanelMixin };

package/core/mixins/readonly-mixin.js

@@ -1,35 +1,41 @@
-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;
+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);
+	};
 })();
-export {
-  x as SbbReadonlyMixin
-};
+//#endregion
+export { r as SbbReadonlyMixin };

package/core/mixins/required-mixin.js

@@ -1,36 +1,49 @@
-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;
+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;
+		}
+	};
 })();
-export {
-  b as SbbRequiredMixin
-};
+//#endregion
+export { r as SbbRequiredMixin };

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

@@ -1,40 +1,37 @@
-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
+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;
 };
+//#endregion
+export { n as SbbSelectionPanelMixin };

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

@@ -1,22 +1,21 @@
-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
+//#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;
 };
+//#endregion
+export { e as SbbUpdateSchedulerMixin };

package/core/mixins.js

@@ -1,41 +1,21 @@
-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
-};
+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 };