@sbb-esta/lyne-elements-dev 5.0.0-next.1-dev.1777898715 → 5.0.0-next.1-dev.1777931407

package/{expansion-panel.component-CsWsLEVk.js → expansion-panel.component-5heRRQ0C.js}

@@ -1,24 +1,24 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { unsafeCSS as n } from "lit";
 import { property as r } from "lit/decorators.js";
-import { SbbElement as i, boxSizingStyles as a, forceType as o, isLean as s, isZeroAnimationDuration as c, ɵstateController as l } from "./core.js";
-import { html as u, unsafeStatic as d } from "lit/static-html.js";
+import { SbbElement as i, forceType as a, isLean as o, isZeroAnimationDuration as s, ɵstateController as c } from "./core.js";
+import { html as l, unsafeStatic as u } from "lit/static-html.js";
 //#region src/elements/expansion-panel/expansion-panel/expansion-panel.scss?inline
-var f = ":host{--sbb-expansion-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-expansion-panel-border-color: var(--sbb-border-color-4-inverted);--sbb-expansion-panel-border-width: var(--sbb-border-width-1x);--sbb-expansion-panel-border-block-start-color: var(--sbb-expansion-panel-border-color);--sbb-expansion-panel-border-block-start-width: var(--sbb-expansion-panel-border-width);--sbb-expansion-panel-start-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-start-start-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-start-radius: var(--sbb-expansion-panel-border-radius);--_sbb-expansion-panel-display: grid;display:block;background-color:var(--sbb-expansion-panel-background-color);border:var(--sbb-expansion-panel-border-width) solid var(--sbb-expansion-panel-border-color);border-block-start-color:var(--sbb-expansion-panel-border-block-start-color);border-block-start-width:var(--sbb-expansion-panel-border-block-start-width);border-radius:var(--sbb-expansion-panel-start-start-radius) var(--sbb-expansion-panel-start-end-radius) var(--sbb-expansion-panel-end-end-radius) var(--sbb-expansion-panel-end-start-radius);background-clip:padding-box}:host([size=s]){--sbb-expansion-panel-title-gap: var(--sbb-expansion-panel-title-gap-s)}:host([size=l]){--sbb-expansion-panel-title-gap: var(--sbb-expansion-panel-title-gap-l)}:host(:not([size])){--sbb-expansion-panel-title-gap: var(--sbb-expansion-panel-title-gap-default)}@media(forced-colors:active){:host([disabled]){--sbb-expansion-panel-border-color: GrayText;--sbb-expansion-panel-border-block-start-color: GrayText}}:host([expanded]){--_sbb-expansion-panel-display-expanded: var(--_sbb-expansion-panel-display)}:host(:is(:state(accordion),[state--accordion]):is(:state(accordion-first),[state--accordion-first])){--sbb-expansion-panel-start-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-start-start-radius: var(--sbb-expansion-panel-border-radius)}:host(:is(:state(accordion),[state--accordion]):not(:is(:state(accordion-first),[state--accordion-first]))){--sbb-expansion-panel-border-block-start-width: 0;--sbb-expansion-panel-border-block-start-color: transparent;--sbb-expansion-panel-start-end-radius: 0;--sbb-expansion-panel-start-start-radius: 0}:host(:is(:state(accordion),[state--accordion]):is(:state(accordion-last),[state--accordion-last])){--sbb-expansion-panel-end-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-start-radius: var(--sbb-expansion-panel-border-radius)}:host(:is(:state(accordion),[state--accordion]):not(:is(:state(accordion-last),[state--accordion-last]))){--sbb-expansion-panel-end-end-radius: 0;--sbb-expansion-panel-end-start-radius: 0}:host([color=white]){--sbb-expansion-panel-background-color: var(--sbb-background-color-1);--sbb-expansion-panel-background-color-hover: var(--sbb-background-color-3)}:host([color=milk]){--sbb-expansion-panel-background-color: var(--sbb-background-color-3);--sbb-expansion-panel-background-color-hover: var(--sbb-background-color-1)}:host([borderless]){--sbb-expansion-panel-border-width: 0;--sbb-expansion-panel-border-color: transparent;--sbb-expansion-panel-border-block-start-width: 0;--sbb-expansion-panel-border-block-start-color: transparent}@media(forced-colors:active){:host([borderless]){--sbb-expansion-panel-border-width: var(--sbb-border-width-1x);--sbb-expansion-panel-border-block-start-width: var(--sbb-expansion-panel-border-width)}}:host([borderless]:is(:state(accordion),[state--accordion]):not(:is(:state(accordion-first),[state--accordion-first]))){--sbb-expansion-panel-border-block-start-width: var(--sbb-spacing-fixed-1x)}@media(forced-colors:active){:host([borderless]:is(:state(accordion),[state--accordion]):not(:is(:state(accordion-first),[state--accordion-first]))){--sbb-expansion-panel-border-block-start-width: 0}}:host(:not([disabled]):is(:state(toggle-hover),[state--toggle-hover])){background-color:var(--sbb-expansion-panel-background-color-hover)}@media(forced-colors:active){:host(:not([disabled]):is(:state(toggle-hover),[state--toggle-hover])){--sbb-expansion-panel-border-color: Highlight;--sbb-expansion-panel-border-block-start-color: Highlight}}.sbb-expansion-panel__header{margin:0}.sbb-expansion-panel__content-wrapper{display:var(--_sbb-expansion-panel-display-expanded, none);grid-template-rows:0fr;opacity:0}:host(:is(:state(state-opened),[state--state-opened])) .sbb-expansion-panel__content-wrapper{grid-template-rows:1fr;opacity:1}:host(:is(:state(state-opening),[state--state-opening])) .sbb-expansion-panel__content-wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing);animation-delay:0s,var(--sbb-expansion-panel-animation-duration)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-expansion-panel__content-wrapper{display:var(--_sbb-expansion-panel-display);visibility:hidden;animation-name:close;animation-duration:var(--sbb-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing)}.sbb-expansion-panel__content{min-height:0;min-width:0}@keyframes open{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes open-opacity{0%{opacity:0}to{opacity:1}}@keyframes close{0%{grid-template-rows:1fr;opacity:1}to{grid-template-rows:0fr;opacity:0}}", p = 0, m = (() => {
-	let m = i, h = [], g, _ = [], v = [], y, b = [], x = [], S, C, w, T = [], E = [], D, O = [], k = [];
-	return class extends m {
+var d = ":host{--sbb-expansion-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-expansion-panel-border-color: var(--sbb-border-color-4-inverted);--sbb-expansion-panel-border-width: var(--sbb-border-width-1x);--sbb-expansion-panel-border-block-start-color: var(--sbb-expansion-panel-border-color);--sbb-expansion-panel-border-block-start-width: var(--sbb-expansion-panel-border-width);--sbb-expansion-panel-start-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-start-start-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-start-radius: var(--sbb-expansion-panel-border-radius);--_sbb-expansion-panel-display: grid;display:block;background-color:var(--sbb-expansion-panel-background-color);border:var(--sbb-expansion-panel-border-width) solid var(--sbb-expansion-panel-border-color);border-block-start-color:var(--sbb-expansion-panel-border-block-start-color);border-block-start-width:var(--sbb-expansion-panel-border-block-start-width);border-radius:var(--sbb-expansion-panel-start-start-radius) var(--sbb-expansion-panel-start-end-radius) var(--sbb-expansion-panel-end-end-radius) var(--sbb-expansion-panel-end-start-radius);background-clip:padding-box}:host([size=s]){--sbb-expansion-panel-title-gap: var(--sbb-expansion-panel-title-gap-s)}:host([size=l]){--sbb-expansion-panel-title-gap: var(--sbb-expansion-panel-title-gap-l)}:host(:not([size])){--sbb-expansion-panel-title-gap: var(--sbb-expansion-panel-title-gap-default)}@media(forced-colors:active){:host([disabled]){--sbb-expansion-panel-border-color: GrayText;--sbb-expansion-panel-border-block-start-color: GrayText}}:host([expanded]){--_sbb-expansion-panel-display-expanded: var(--_sbb-expansion-panel-display)}:host(:is(:state(accordion),[state--accordion]):is(:state(accordion-first),[state--accordion-first])){--sbb-expansion-panel-start-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-start-start-radius: var(--sbb-expansion-panel-border-radius)}:host(:is(:state(accordion),[state--accordion]):not(:is(:state(accordion-first),[state--accordion-first]))){--sbb-expansion-panel-border-block-start-width: 0;--sbb-expansion-panel-border-block-start-color: transparent;--sbb-expansion-panel-start-end-radius: 0;--sbb-expansion-panel-start-start-radius: 0}:host(:is(:state(accordion),[state--accordion]):is(:state(accordion-last),[state--accordion-last])){--sbb-expansion-panel-end-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-start-radius: var(--sbb-expansion-panel-border-radius)}:host(:is(:state(accordion),[state--accordion]):not(:is(:state(accordion-last),[state--accordion-last]))){--sbb-expansion-panel-end-end-radius: 0;--sbb-expansion-panel-end-start-radius: 0}:host([color=white]){--sbb-expansion-panel-background-color: var(--sbb-background-color-1);--sbb-expansion-panel-background-color-hover: var(--sbb-background-color-3)}:host([color=milk]){--sbb-expansion-panel-background-color: var(--sbb-background-color-3);--sbb-expansion-panel-background-color-hover: var(--sbb-background-color-1)}:host([borderless]){--sbb-expansion-panel-border-width: 0;--sbb-expansion-panel-border-color: transparent;--sbb-expansion-panel-border-block-start-width: 0;--sbb-expansion-panel-border-block-start-color: transparent}@media(forced-colors:active){:host([borderless]){--sbb-expansion-panel-border-width: var(--sbb-border-width-1x);--sbb-expansion-panel-border-block-start-width: var(--sbb-expansion-panel-border-width)}}:host([borderless]:is(:state(accordion),[state--accordion]):not(:is(:state(accordion-first),[state--accordion-first]))){--sbb-expansion-panel-border-block-start-width: var(--sbb-spacing-fixed-1x)}@media(forced-colors:active){:host([borderless]:is(:state(accordion),[state--accordion]):not(:is(:state(accordion-first),[state--accordion-first]))){--sbb-expansion-panel-border-block-start-width: 0}}:host(:not([disabled]):is(:state(toggle-hover),[state--toggle-hover])){background-color:var(--sbb-expansion-panel-background-color-hover)}@media(forced-colors:active){:host(:not([disabled]):is(:state(toggle-hover),[state--toggle-hover])){--sbb-expansion-panel-border-color: Highlight;--sbb-expansion-panel-border-block-start-color: Highlight}}.sbb-expansion-panel__header{margin:0}.sbb-expansion-panel__content-wrapper{display:var(--_sbb-expansion-panel-display-expanded, none);grid-template-rows:0fr;opacity:0}:host(:is(:state(state-opened),[state--state-opened])) .sbb-expansion-panel__content-wrapper{grid-template-rows:1fr;opacity:1}:host(:is(:state(state-opening),[state--state-opening])) .sbb-expansion-panel__content-wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing);animation-delay:0s,var(--sbb-expansion-panel-animation-duration)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-expansion-panel__content-wrapper{display:var(--_sbb-expansion-panel-display);visibility:hidden;animation-name:close;animation-duration:var(--sbb-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing)}.sbb-expansion-panel__content{min-height:0;min-width:0}@keyframes open{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes open-opacity{0%{opacity:0}to{opacity:1}}@keyframes close{0%{grid-template-rows:1fr;opacity:1}to{grid-template-rows:0fr;opacity:0}}", f = 0, p = (() => {
+	let p = i, m = [], h, g = [], _ = [], v, y = [], b = [], x, S, C, w = [], T = [], E, D = [], O = [];
+	return class extends p {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
-			g = [r({ attribute: "title-level" })], y = [r({ reflect: !0 })], S = [r({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
+			h = [r({ attribute: "title-level" })], v = [r({ reflect: !0 })], x = [r({
 				reflect: !0,
 				type: Boolean
-			})], C = [r({
+			})], S = [r({
 				reflect: !0,
 				type: Boolean
-			})], w = [o(), r({
+			})], C = [a(), r({
 				reflect: !0,
 				type: Boolean
-			})], D = [r({ reflect: !0 })], e(this, null, g, {
+			})], E = [r({ reflect: !0 })], e(this, null, h, {
 				kind: "accessor",
 				name: "titleLevel",
 				static: !1,
@@ -31,7 +31,7 @@ var f = ":host{--sbb-expansion-panel-animation-duration: var( --sbb-disable-anim
 					}
 				},
 				metadata: t
-			}, _, v), e(this, null, y, {
+			}, g, _), e(this, null, v, {
 				kind: "accessor",
 				name: "color",
 				static: !1,
@@ -44,7 +44,7 @@ var f = ":host{--sbb-expansion-panel-animation-duration: var( --sbb-disable-anim
 					}
 				},
 				metadata: t
-			}, b, x), e(this, null, S, {
+			}, y, b), e(this, null, x, {
 				kind: "setter",
 				name: "expanded",
 				static: !1,
@@ -56,7 +56,7 @@ var f = ":host{--sbb-expansion-panel-animation-duration: var( --sbb-disable-anim
 					}
 				},
 				metadata: t
-			}, null, h), e(this, null, C, {
+			}, null, m), e(this, null, S, {
 				kind: "setter",
 				name: "disabled",
 				static: !1,
@@ -68,7 +68,7 @@ var f = ":host{--sbb-expansion-panel-animation-duration: var( --sbb-disable-anim
 					}
 				},
 				metadata: t
-			}, null, h), e(this, null, w, {
+			}, null, m), e(this, null, C, {
 				kind: "accessor",
 				name: "borderless",
 				static: !1,
@@ -81,7 +81,7 @@ var f = ":host{--sbb-expansion-panel-animation-duration: var( --sbb-disable-anim
 					}
 				},
 				metadata: t
-			}, T, E), e(this, null, D, {
+			}, w, T), e(this, null, E, {
 				kind: "accessor",
 				name: "size",
 				static: !1,
@@ -94,7 +94,7 @@ var f = ":host{--sbb-expansion-panel-animation-duration: var( --sbb-disable-anim
 					}
 				},
 				metadata: t
-			}, O, k), t && Object.defineProperty(this, Symbol.metadata, {
+			}, D, O), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -105,7 +105,7 @@ var f = ":host{--sbb-expansion-panel-animation-duration: var( --sbb-disable-anim
 			this.elementName = "sbb-expansion-panel";
 		}
 		static {
-			this.styles = [a, n(f)];
+			this.styles = [n(d)];
 		}
 		static {
 			this.events = {
@@ -162,7 +162,7 @@ var f = ":host{--sbb-expansion-panel-animation-duration: var( --sbb-disable-anim
 			return this._stateInternal;
 		}
 		constructor() {
-			super(), this.#e = (t(this, h), t(this, _, null)), this.#t = (t(this, v), t(this, b, "white")), this._expanded = (t(this, x), !1), this._disabled = !1, this.#n = t(this, T, !1), this.#r = (t(this, E), t(this, O, s() ? "s" : "l")), this._stateInternal = t(this, k), this._progressiveId = `-${++p}`, this._state = "closed", this.addEventListener?.("toggleexpanded", (e) => {
+			super(), this.#e = (t(this, m), t(this, g, null)), this.#t = (t(this, _), t(this, y, "white")), this._expanded = (t(this, b), !1), this._disabled = !1, this.#n = t(this, w, !1), this.#r = (t(this, T), t(this, D, o() ? "s" : "l")), this._stateInternal = t(this, O), this._progressiveId = `-${++f}`, this._state = "closed", this.addEventListener?.("toggleexpanded", (e) => {
 				e.target === this._headerRef && this._toggleExpanded();
 			});
 		}
@@ -185,7 +185,7 @@ var f = ":host{--sbb-expansion-panel-animation-duration: var( --sbb-disable-anim
 			this._state = "closing", this.dispatchEvent(new Event("beforeclose")), this._isZeroAnimationDuration() && this._handleClosing();
 		}
 		_isZeroAnimationDuration() {
-			return c(this, "--sbb-expansion-panel-animation-duration");
+			return s(this, "--sbb-expansion-panel-animation-duration");
 		}
 		_handleOpening() {
 			this._state = "opened", this.dispatchEvent(new Event("open"));
@@ -198,17 +198,17 @@ var f = ":host{--sbb-expansion-panel-animation-duration: var( --sbb-disable-anim
 		}
 		_handleSlotchange() {
 			let e = Array.from(this.children ?? []), t = e.find((e) => e.localName === "sbb-expansion-panel-header"), n = e.find((e) => e.localName === "sbb-expansion-panel-content");
-			this._headerRef === t && this._contentRef === n || (t && this._headerRef !== t && (t.id ||= `sbb-expansion-panel-header${this._progressiveId}`, t.setAttribute("aria-expanded", String(this.expanded)), t.toggleAttribute("disabled", this.disabled)), n && this._contentRef !== n && (n.id ||= `sbb-expansion-panel-content${this._progressiveId}`, n.setAttribute("aria-hidden", String(!this.expanded))), this._headerRef = t, this._contentRef = n, this._headerRef && this._contentRef && (this._headerRef.setAttribute("aria-controls", this._contentRef.id), this._contentRef.setAttribute("aria-labelledby", this._headerRef.id), l(this._contentRef).toggle("icon-space", l(this._headerRef).has("icon"))));
+			this._headerRef === t && this._contentRef === n || (t && this._headerRef !== t && (t.id ||= `sbb-expansion-panel-header${this._progressiveId}`, t.setAttribute("aria-expanded", String(this.expanded)), t.toggleAttribute("disabled", this.disabled)), n && this._contentRef !== n && (n.id ||= `sbb-expansion-panel-content${this._progressiveId}`, n.setAttribute("aria-hidden", String(!this.expanded))), this._headerRef = t, this._contentRef = n, this._headerRef && this._contentRef && (this._headerRef.setAttribute("aria-controls", this._contentRef.id), this._contentRef.setAttribute("aria-labelledby", this._headerRef.id), c(this._contentRef).toggle("icon-space", c(this._headerRef).has("icon"))));
 		}
 		_onAnimationEnd(e) {
 			e.animationName === "open-opacity" && this._state === "opening" ? this._handleOpening() : e.animationName === "close" && this._state === "closing" && this._handleClosing();
 		}
 		render() {
 			let e = this.titleLevel ? `h${this.titleLevel}` : "div";
-			return u`
-      <${d(e)} class="sbb-expansion-panel__header">
+			return l`
+      <${u(e)} class="sbb-expansion-panel__header">
         <slot name="header" @slotchange=${this._handleSlotchange}></slot>
-      </${d(e)}>
+      </${u(e)}>
       <div class="sbb-expansion-panel__content-wrapper" @animationend=${this._onAnimationEnd}>
         <span class="sbb-expansion-panel__content">
           <slot name="content" @slotchange=${this._handleSlotchange}></slot>
@@ -219,4 +219,4 @@ var f = ":host{--sbb-expansion-panel-animation-duration: var( --sbb-disable-anim
 	};
 })();
 //#endregion
-export { m as t };
+export { p as t };

package/expansion-panel.js

@@ -1,6 +1,6 @@
-import { t as e } from "./expansion-panel-content.component-BUIoU-or.js";
-import { t } from "./expansion-panel-header.component-BecyqC-C.js";
-import { t as n } from "./expansion-panel.component-CsWsLEVk.js";
+import { t as e } from "./expansion-panel-content.component-Cf1CWu5_.js";
+import { t } from "./expansion-panel-header.component-DloOF4eC.js";
+import { t as n } from "./expansion-panel.component-5heRRQ0C.js";
 import "./expansion-panel.pure.js";
 n.define(), e.define(), t.define();
 //#endregion

package/expansion-panel.pure.js

@@ -1,4 +1,4 @@
-import { t as e } from "./expansion-panel-content.component-BUIoU-or.js";
-import { t } from "./expansion-panel-header.component-BecyqC-C.js";
-import { t as n } from "./expansion-panel.component-CsWsLEVk.js";
+import { t as e } from "./expansion-panel-content.component-Cf1CWu5_.js";
+import { t } from "./expansion-panel-header.component-DloOF4eC.js";
+import { t as n } from "./expansion-panel.component-5heRRQ0C.js";
 export { e as SbbExpansionPanelContentElement, n as SbbExpansionPanelElement, t as SbbExpansionPanelHeaderElement };

package/file-selector/common/file-selector-common.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../file-selector-common-PcqPdsnN.js";
+import { t as e } from "../../file-selector-common-CmbsJ64j.js";
 export { e as SbbFileSelectorCommonElementMixin };

package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../file-selector-dropzone.component-2XUfh1NC.js";
+import { t as e } from "../../file-selector-dropzone.component-74fipV3m.js";
 export { e as SbbFileSelectorDropzoneElement };

package/{file-selector-common-PcqPdsnN.js → file-selector-common-CmbsJ64j.js}

@@ -1,16 +1,16 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { nothing as n, unsafeCSS as r } from "lit";
 import { property as i } from "lit/decorators.js";
-import { SbbDisabledMixin as a, SbbFormAssociatedMixin as o, SbbLanguageController as s, boxSizingStyles as c, forceType as l, forwardEvent as u, i18nFileSelectorButtonLabel as d, i18nFileSelectorButtonLabelMultiple as f, i18nFileSelectorCurrentlySelected as p, i18nFileSelectorDeleteFile as m, isLean as h, sbbInputModalityDetector as g, screenReaderOnlyStyles as _, ɵstateController as v } from "./core.js";
-import { html as y, unsafeStatic as b } from "lit/static-html.js";
-import { SbbSecondaryButtonElement as x } from "./button.pure.js";
-import { ref as S } from "lit/directives/ref.js";
+import { SbbDisabledMixin as a, SbbFormAssociatedMixin as o, SbbLanguageController as s, forceType as c, forwardEvent as l, i18nFileSelectorButtonLabel as u, i18nFileSelectorButtonLabelMultiple as d, i18nFileSelectorCurrentlySelected as f, i18nFileSelectorDeleteFile as p, isLean as m, sbbInputModalityDetector as h, screenReaderOnlyStyles as g, ɵstateController as _ } from "./core.js";
+import { html as v, unsafeStatic as y } from "lit/static-html.js";
+import { SbbSecondaryButtonElement as b } from "./button.pure.js";
+import { ref as x } from "lit/directives/ref.js";
 //#region src/elements/file-selector/common/file-selector-common.scss?inline
-var C = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block;width:20rem}@media(forced-colors:active){:host(:disabled){--sbb-file-selector-color: GrayText;--sbb-file-selector-subtitle-color: GrayText;--sbb-file-selector-border-color: GrayText}}:host(:is(:state(active),[state--active])){--sbb-file-selector-background-color: var(--sbb-background-color-3);--sbb-file-selector-border-color: var(--sbb-color-storm);--sbb-file-selector-border-color: light-dark(var(--sbb-color-storm), var(--sbb-color-anthracite))}@media(forced-colors:active){:host(:is(:state(active),[state--active])){--sbb-file-selector-border-color: Highlight}}.sbb-file-selector__input-container{-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column}.sbb-file-selector__file-list{display:flex;flex-direction:column;row-gap:var(--sbb-spacing-fixed-3x);margin-block:0;padding-inline:0;padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-1x)}.sbb-file-selector__file{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);display:flex;gap:var(--sbb-spacing-fixed-4x);align-items:center;justify-content:space-between}.sbb-file-selector__file-details{display:flex;flex:1;justify-content:space-between;gap:var(--sbb-spacing-fixed-4x);overflow:auto}.sbb-file-selector__file-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-file-selector__file-size{white-space:nowrap;color:var(--sbb-color-metal);color:light-dark(var(--sbb-color-metal),var(--sbb-color-smoke))}:host(:not(:is(:state(slotted-error),[state--slotted-error]))) .sbb-file-selector__error{display:none}", w = (w) => (() => {
-	let T = a(o(w)), E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U;
-	return class extends T {
+var S = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block;width:20rem}@media(forced-colors:active){:host(:disabled){--sbb-file-selector-color: GrayText;--sbb-file-selector-subtitle-color: GrayText;--sbb-file-selector-border-color: GrayText}}:host(:is(:state(active),[state--active])){--sbb-file-selector-background-color: var(--sbb-background-color-3);--sbb-file-selector-border-color: var(--sbb-color-storm);--sbb-file-selector-border-color: light-dark(var(--sbb-color-storm), var(--sbb-color-anthracite))}@media(forced-colors:active){:host(:is(:state(active),[state--active])){--sbb-file-selector-border-color: Highlight}}.sbb-file-selector__input-container{-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column}.sbb-file-selector__file-list{display:flex;flex-direction:column;row-gap:var(--sbb-spacing-fixed-3x);margin-block:0;padding-inline:0;padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-1x)}.sbb-file-selector__file{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);display:flex;gap:var(--sbb-spacing-fixed-4x);align-items:center;justify-content:space-between}.sbb-file-selector__file-details{display:flex;flex:1;justify-content:space-between;gap:var(--sbb-spacing-fixed-4x);overflow:auto}.sbb-file-selector__file-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-file-selector__file-size{white-space:nowrap;color:var(--sbb-color-metal);color:light-dark(var(--sbb-color-metal),var(--sbb-color-smoke))}:host(:not(:is(:state(slotted-error),[state--slotted-error]))) .sbb-file-selector__error{display:none}", C = (C) => (() => {
+	let w = a(o(C)), T = [], E, D = [], O = [], k, A = [], j = [], M, N = [], P = [], F, I = [], L = [], R, z = [], B = [], V, H;
+	return class extends w {
 		constructor() {
-			super(...arguments), this.#e = (t(this, E), t(this, O, h() ? "s" : "m")), this.#t = (t(this, k), t(this, j, !1)), this.#n = (t(this, M), t(this, P, "default")), this.#r = (t(this, F), t(this, L, "")), this.#i = (t(this, R), t(this, B, "")), this._files = (t(this, V), []), this._suffixes = [
+			super(...arguments), this.#e = (t(this, T), t(this, D, m() ? "s" : "m")), this.#t = (t(this, O), t(this, A, !1)), this.#n = (t(this, j), t(this, N, "default")), this.#r = (t(this, P), t(this, I, "")), this.#i = (t(this, L), t(this, z, "")), this._files = (t(this, B), []), this._suffixes = [
 				"B",
 				"kB",
 				"MB",
@@ -19,8 +19,8 @@ var C = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 			], this.language = new s(this), this._counter = 0;
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(T[Symbol.metadata] ?? null) : void 0;
-			D = [i({ reflect: !0 })], A = [l(), i({ type: Boolean })], N = [i({ attribute: "multiple-mode" })], I = [l(), i()], z = [l(), i({ attribute: "accessibility-label" })], H = [i({ attribute: !1 })], U = [i({ attribute: !1 })], e(this, null, D, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(w[Symbol.metadata] ?? null) : void 0;
+			E = [i({ reflect: !0 })], k = [c(), i({ type: Boolean })], M = [i({ attribute: "multiple-mode" })], F = [c(), i()], R = [c(), i({ attribute: "accessibility-label" })], V = [i({ attribute: !1 })], H = [i({ attribute: !1 })], e(this, null, E, {
 				kind: "accessor",
 				name: "size",
 				static: !1,
@@ -33,7 +33,7 @@ var C = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 					}
 				},
 				metadata: t
-			}, O, k), e(this, null, A, {
+			}, D, O), e(this, null, k, {
 				kind: "accessor",
 				name: "multiple",
 				static: !1,
@@ -46,7 +46,7 @@ var C = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 					}
 				},
 				metadata: t
-			}, j, M), e(this, null, N, {
+			}, A, j), e(this, null, M, {
 				kind: "accessor",
 				name: "multipleMode",
 				static: !1,
@@ -59,7 +59,7 @@ var C = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 					}
 				},
 				metadata: t
-			}, P, F), e(this, null, I, {
+			}, N, P), e(this, null, F, {
 				kind: "accessor",
 				name: "accept",
 				static: !1,
@@ -72,7 +72,7 @@ var C = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 					}
 				},
 				metadata: t
-			}, L, R), e(this, null, z, {
+			}, I, L), e(this, null, R, {
 				kind: "accessor",
 				name: "accessibilityLabel",
 				static: !1,
@@ -85,7 +85,7 @@ var C = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 					}
 				},
 				metadata: t
-			}, B, V), e(this, null, H, {
+			}, z, B), e(this, null, V, {
 				kind: "setter",
 				name: "value",
 				static: !1,
@@ -97,7 +97,7 @@ var C = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 					}
 				},
 				metadata: t
-			}, null, E), e(this, null, U, {
+			}, null, T), e(this, null, H, {
 				kind: "setter",
 				name: "files",
 				static: !1,
@@ -109,7 +109,7 @@ var C = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 					}
 				},
 				metadata: t
-			}, null, E), t && Object.defineProperty(this, Symbol.metadata, {
+			}, null, T), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -117,17 +117,13 @@ var C = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 			});
 		}
 		static {
-			this.elementDependencies = [x];
+			this.elementDependencies = [b];
 		}
 		static {
 			this.events = { filechanged: "filechanged" };
 		}
 		static {
-			this.styles = [
-				c,
-				_,
-				r(C)
-			];
+			this.styles = [g, r(S)];
 		}
 		#e;
 		get size() {
@@ -195,21 +191,21 @@ var C = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 			return e.name === t.name && e.size === t.size && e.lastModified === t.lastModified;
 		}
 		_onFocus() {
-			g.mostRecentModality === "keyboard" && v(this.loadButton).add("focus-visible");
+			h.mostRecentModality === "keyboard" && _(this.loadButton).add("focus-visible");
 		}
 		_onBlur() {
-			v(this.loadButton).delete("focus-visible");
+			_(this.loadButton).delete("focus-visible");
 		}
 		_readFiles(e) {
 			let t = e.target;
-			t.files && this.createFileList(t.files), u(e, this);
+			t.files && this.createFileList(t.files), l(e, this);
 		}
 		createFileList(e) {
 			let t = Array.from(e);
 			!this.multiple && e.length > 1 || this.accept && t.some((e) => !this.accept.split(",").some((t) => e.name.endsWith(t.trim()))) || (!this.multiple || this.multipleMode !== "persistent" || this.files.length === 0 ? this.files = t : this.files = t.filter((e) => this.files.findIndex((t) => this._checkFileEquality(e, t)) === -1).concat(this.files), this._updateA11yLiveRegion(), this._dispatchFileChangedEvent());
 		}
 		getButtonLabel() {
-			return this.multiple ? f[this.language.current] : d[this.language.current];
+			return this.multiple ? d[this.language.current] : u[this.language.current];
 		}
 		_removeFile(e) {
 			this.files = this.files.filter((t) => !this._checkFileEquality(e, t)), this._updateA11yLiveRegion(), this.dispatchEvent(new InputEvent("input", {
@@ -229,7 +225,7 @@ var C = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 			return `${(e / 1024 ** t).toFixed(0)} ${this._suffixes[t]}`;
 		}
 		_updateA11yLiveRegion() {
-			this._liveRegion.innerText = p(this.files.map((e) => e.name))[this.language.current];
+			this._liveRegion.innerText = f(this.files.map((e) => e.name))[this.language.current];
 		}
 		_renderFileList() {
 			let e = this.files.length > 1 ? {
@@ -239,10 +235,10 @@ var C = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 				WRAPPER: "div",
 				ELEMENT: "span"
 			};
-			return y`
-      <${b(e.WRAPPER)} class="sbb-file-selector__file-list">
-        ${this.files.map((t) => y`
-            <${b(e.ELEMENT)} class="sbb-file-selector__file">
+			return v`
+      <${y(e.WRAPPER)} class="sbb-file-selector__file-list">
+        ${this.files.map((t) => v`
+            <${y(e.ELEMENT)} class="sbb-file-selector__file">
                 <span class="sbb-file-selector__file-details">
                   <span class="sbb-file-selector__file-name">${t.name}</span>
                   <span class="sbb-file-selector__file-size">${this._formatFileSize(t.size)}</span>
@@ -251,10 +247,10 @@ var C = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
                 size=${this.size}
                 icon-name="trash-small"
                 @click=${() => this._removeFile(t)}
-                aria-label=${`${m[this.language.current]} - ${t.name}`}
+                aria-label=${`${p[this.language.current]} - ${t.name}`}
               ></sbb-secondary-button>
-            </${b(e.ELEMENT)}>`)}
-      </${b(e.WRAPPER)}>
+            </${y(e.ELEMENT)}>`)}
+      </${y(e.WRAPPER)}>
     `;
 		}
 		_onDragEnter(e) {
@@ -270,11 +266,11 @@ var C = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 			e.stopPropagation(), e.preventDefault();
 		}
 		_setDragState(e = void 0, t = !1) {
-			this._dragTarget = e, this.toggleState("active", t), v(this.loadButton).toggle("active", t);
+			this._dragTarget = e, this.toggleState("active", t), _(this.loadButton).toggle("active", t);
 		}
 		render() {
 			let e = this.accessibilityLabel ? `${this.getButtonLabel()} - ${this.accessibilityLabel}` : void 0;
-			return y`
+			return v`
         <div
           class="sbb-file-selector__input-container"
           @dragenter=${this._onDragEnter}
@@ -282,7 +278,7 @@ var C = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
           @dragleave=${this._onDragLeave}
           @drop=${this._onFileDrop}
         >
-          ${this.renderTemplate(y`<input
+          ${this.renderTemplate(v`<input
               class="sbb-screen-reader-only"
               type="file"
               ?disabled=${this.disabled || this.formDisabled}
@@ -292,7 +288,7 @@ var C = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
               @change=${this._readFiles}
               @focus=${this._onFocus}
               @blur=${this._onBlur}
-              ${S((e) => {
+              ${x((e) => {
 				this._hiddenInput = e;
 			})}
             />`)}
@@ -300,7 +296,7 @@ var C = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
         <p
           role="status"
           class="sbb-screen-reader-only"
-          ${S((e) => this._liveRegion = e)}
+          ${x((e) => this._liveRegion = e)}
         ></p>
         ${this.files.length > 0 ? this._renderFileList() : n}
         <div class="sbb-file-selector__error">
@@ -311,4 +307,4 @@ var C = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 	};
 })();
 //#endregion
-export { w as t };
+export { C as t };

package/file-selector.js

@@ -1,5 +1,5 @@
-import { t as e } from "./file-selector-common-PcqPdsnN.js";
-import { t } from "./file-selector-dropzone.component-2XUfh1NC.js";
+import { t as e } from "./file-selector-common-CmbsJ64j.js";
+import { t } from "./file-selector-dropzone.component-74fipV3m.js";
 import { SbbFileSelectorElement as n } from "./file-selector/file-selector/file-selector.component.js";
 import "./file-selector.pure.js";
 n.define(), t.define();

package/file-selector.pure.js

@@ -1,4 +1,4 @@
-import { t as e } from "./file-selector-common-PcqPdsnN.js";
-import { t } from "./file-selector-dropzone.component-2XUfh1NC.js";
+import { t as e } from "./file-selector-common-CmbsJ64j.js";
+import { t } from "./file-selector-dropzone.component-74fipV3m.js";
 import { SbbFileSelectorElement as n } from "./file-selector/file-selector/file-selector.component.js";
 export { e as SbbFileSelectorCommonElementMixin, t as SbbFileSelectorDropzoneElement, n as SbbFileSelectorElement };

package/flip-card/flip-card/flip-card.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../flip-card.component-B5LwF2C_.js";
+import { t as e } from "../../flip-card.component-CZ0v44Ym.js";
 export { e as SbbFlipCardElement };

package/flip-card/flip-card-details/flip-card-details.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../flip-card-details.component-BimJHkPF.js";
+import { t as e } from "../../flip-card-details.component-BgOeJ53R.js";
 export { e as SbbFlipCardDetailsElement };

package/flip-card/flip-card-summary/flip-card-summary.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../flip-card-summary.component-BddrB2kn.js";
+import { t as e } from "../../flip-card-summary.component-CuMMdJ-B.js";
 export { e as SbbFlipCardSummaryElement };

package/{flip-card-details.component-BimJHkPF.js → flip-card-details.component-BgOeJ53R.js}

@@ -1,16 +1,16 @@
 import { html as e, unsafeCSS as t } from "lit";
-import { IS_FOCUSABLE_QUERY as n, SbbElement as r, boxSizingStyles as i } from "./core.js";
-import { MutationController as a } from "@lit-labs/observers/mutation-controller.js";
+import { IS_FOCUSABLE_QUERY as n, SbbElement as r } from "./core.js";
+import { MutationController as i } from "@lit-labs/observers/mutation-controller.js";
 //#region src/elements/flip-card/flip-card-details/flip-card-details.scss?inline
-var o = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-flip-card-details-transition-delay: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-5x) );--sbb-flip-card-details-padding-block-end: calc( var(--sbb-flip-card-padding) + var(--sbb-flip-card-padding-block-end) + var(--sbb-button-min-height-size-s) );display:block;position:absolute;pointer-events:none;color:var(--sbb-color-milk);opacity:var(--sbb-flip-card-details-opacity, 0);transform:translateY(var(--sbb-flip-card-details-translate-y));transition-property:transform,opacity;transition-duration:var(--sbb-flip-card-details-transition-duration)}:host(:is(:state(flipped),[state--flipped])){transition-delay:var(--sbb-flip-card-details-transition-delay),var(--sbb-flip-card-details-transition-delay)}.sbb-flip-card-details{overflow:hidden;padding:var(--sbb-flip-card-padding);padding-block-end:var(--sbb-flip-card-details-padding-block-end)}", s = class extends r {
+var a = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-flip-card-details-transition-delay: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-5x) );--sbb-flip-card-details-padding-block-end: calc( var(--sbb-flip-card-padding) + var(--sbb-flip-card-padding-block-end) + var(--sbb-button-min-height-size-s) );display:block;position:absolute;pointer-events:none;color:var(--sbb-color-milk);opacity:var(--sbb-flip-card-details-opacity, 0);transform:translateY(var(--sbb-flip-card-details-translate-y));transition-property:transform,opacity;transition-duration:var(--sbb-flip-card-details-transition-duration)}:host(:is(:state(flipped),[state--flipped])){transition-delay:var(--sbb-flip-card-details-transition-delay),var(--sbb-flip-card-details-transition-delay)}.sbb-flip-card-details{overflow:hidden;padding:var(--sbb-flip-card-padding);padding-block-end:var(--sbb-flip-card-details-padding-block-end)}", o = class extends r {
 	static {
 		this.elementName = "sbb-flip-card-details";
 	}
 	static {
-		this.styles = [i, t(o)];
+		this.styles = [t(a)];
 	}
 	constructor() {
-		super(), this.addController(new a(this, {
+		super(), this.addController(new i(this, {
 			config: {
 				childList: !0,
 				subtree: !0,
@@ -40,4 +40,4 @@ var o = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--
 	}
 };
 //#endregion
-export { s as t };
+export { o as t };

package/{flip-card-summary.component-BddrB2kn.js → flip-card-summary.component-CuMMdJ-B.js}

@@ -1,17 +1,17 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, unsafeCSS as r } from "lit";
 import { property as i } from "lit/decorators.js";
-import { SbbElement as a, boxSizingStyles as o } from "./core.js";
+import { SbbElement as a } from "./core.js";
 //#region src/elements/flip-card/flip-card-summary/flip-card-summary.scss?inline
-var s = ":host{display:grid;min-height:var(--sbb-flip-card-min-height);pointer-events:var(--sbb-flip-card-summary-pointer-events, all);opacity:var(--sbb-flip-card-summary-opacity, 1);border-radius:var(--sbb-flip-card-border-radius);overflow:hidden;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;transition:all var(--sbb-flip-card-summary-transition-duration) ease-out;transition-delay:var(--sbb-flip-card-summary-transition-delay)}@media(min-width:37.5rem){:host([image-alignment=after]){grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr}}@media(min-width:64rem){:host([image-alignment=after]){grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}}::slotted(sbb-title){padding-inline:var(--sbb-flip-card-padding);padding-block:var(--sbb-flip-card-padding) var(--sbb-flip-card-padding-block-end);margin:0;grid-area:1/1/2/2}@media(min-width:37.5rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/3}}@media(min-width:64rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/2}}::slotted(*:not([slot=image])){transform:translateY(var(--sbb-flip-card-translate-title-y-hover, 0rem));transition:transform var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x)) var(--sbb-animation-easing)}.sbb-flip-card-summary--image-wrapper{grid-area:2/1/3/2}@media(min-width:37.5rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/3/2/4}}@media(min-width:64rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/2/2/3}}::slotted([slot=image]){width:100%;height:100%}", c = (() => {
-	let c = a, l, u = [], d = [];
-	return class extends c {
+var o = ":host{display:grid;min-height:var(--sbb-flip-card-min-height);pointer-events:var(--sbb-flip-card-summary-pointer-events, all);opacity:var(--sbb-flip-card-summary-opacity, 1);border-radius:var(--sbb-flip-card-border-radius);overflow:hidden;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;transition:all var(--sbb-flip-card-summary-transition-duration) ease-out;transition-delay:var(--sbb-flip-card-summary-transition-delay)}@media(min-width:37.5rem){:host([image-alignment=after]){grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr}}@media(min-width:64rem){:host([image-alignment=after]){grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}}::slotted(sbb-title){padding-inline:var(--sbb-flip-card-padding);padding-block:var(--sbb-flip-card-padding) var(--sbb-flip-card-padding-block-end);margin:0;grid-area:1/1/2/2}@media(min-width:37.5rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/3}}@media(min-width:64rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/2}}::slotted(*:not([slot=image])){transform:translateY(var(--sbb-flip-card-translate-title-y-hover, 0rem));transition:transform var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x)) var(--sbb-animation-easing)}.sbb-flip-card-summary--image-wrapper{grid-area:2/1/3/2}@media(min-width:37.5rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/3/2/4}}@media(min-width:64rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/2/2/3}}::slotted([slot=image]){width:100%;height:100%}", s = (() => {
+	let s = a, c, l = [], u = [];
+	return class extends s {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-			l = [i({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+			c = [i({
 				attribute: "image-alignment",
 				reflect: !0
-			})], e(this, null, l, {
+			})], e(this, null, c, {
 				kind: "accessor",
 				name: "imageAlignment",
 				static: !1,
@@ -24,7 +24,7 @@ var s = ":host{display:grid;min-height:var(--sbb-flip-card-min-height);pointer-e
 					}
 				},
 				metadata: t
-			}, u, d), t && Object.defineProperty(this, Symbol.metadata, {
+			}, l, u), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -35,9 +35,9 @@ var s = ":host{display:grid;min-height:var(--sbb-flip-card-min-height);pointer-e
 			this.elementName = "sbb-flip-card-summary";
 		}
 		static {
-			this.styles = [o, r(s)];
+			this.styles = [r(o)];
 		}
-		#e = t(this, u, "after");
+		#e = t(this, l, "after");
 		get imageAlignment() {
 			return this.#e;
 		}
@@ -56,9 +56,9 @@ var s = ":host{display:grid;min-height:var(--sbb-flip-card-min-height);pointer-e
     `;
 		}
 		constructor() {
-			super(...arguments), t(this, d);
+			super(...arguments), t(this, u);
 		}
 	};
 })();
 //#endregion
-export { c as t };
+export { s as t };