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

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

@@ -1,313 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, nothing as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import "./core/base-elements.js";
-import { forceType as a } from "./core/decorators.js";
-import { isLean as o } from "./core/dom.js";
-import { forwardEvent as s } from "./core/eventing.js";
-import { SbbDisabledMixin as c, SbbFormAssociatedMixin as l, ɵstateController as u } from "./core/mixins.js";
-import { html as d, unsafeStatic as f } from "lit/static-html.js";
-import { SbbLanguageController as p } from "./core/controllers.js";
-import { i18nFileSelectorButtonLabel as m, i18nFileSelectorButtonLabelMultiple as h, i18nFileSelectorCurrentlySelected as g, i18nFileSelectorDeleteFile as _ } from "./core/i18n.js";
-import { ref as v } from "lit/directives/ref.js";
-import { sbbInputModalityDetector as y } from "./core/a11y.js";
-import "./button/secondary-button.js";
-//#region src/elements/file-selector/common/file-selector-common.scss?lit&inline
-var b = n`:host{--sbb-file-selector-color:var(--sbb-color-2);--sbb-file-selector-subtitle-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-smoke));--sbb-file-selector-background-color:var(--sbb-background-color-1);--sbb-file-selector-border-color:var(--sbb-border-color-4-inverted);--sbb-file-selector-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));--sbb-file-selector-transition-easing-function:var(--sbb-animation-easing);width:20rem;display:block}@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(--lightningcss-light,var(--sbb-color-storm))var(--lightningcss-dark,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;flex-direction:column;display:flex}.sbb-file-selector__visually-hidden{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sbb-file-selector__file-list{row-gap:var(--sbb-spacing-fixed-3x);padding-inline:0;padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-1x);flex-direction:column;margin-block:0;display:flex}.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);gap:var(--sbb-spacing-fixed-4x);justify-content:space-between;align-items:center;display:flex}.sbb-file-selector__file-details{justify-content:space-between;gap:var(--sbb-spacing-fixed-4x);flex:1;display:flex;overflow:auto}.sbb-file-selector__file-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sbb-file-selector__file-size{white-space:nowrap;color:var(--lightningcss-light,var(--sbb-color-metal))var(--lightningcss-dark,var(--sbb-color-smoke))}:host(:not(:is(:state(slotted-error),[state--slotted-error]))) .sbb-file-selector__error{display:none}`, x = (n) => (() => {
-	let b = c(l(n)), x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [], j, M = [], N = [], P, F = [], I = [], L, R;
-	return class extends b {
-		constructor() {
-			super(...arguments), this.#e = (t(this, x), t(this, C, o() ? "s" : "m")), this.#t = (t(this, w), t(this, E, !1)), this.#n = (t(this, D), t(this, k, "default")), this.#r = (t(this, A), t(this, M, "")), this.#i = (t(this, N), t(this, F, "")), this._files = (t(this, I), []), this._suffixes = [
-				"B",
-				"kB",
-				"MB",
-				"GB",
-				"TB"
-			], this.language = new p(this), this._counter = 0;
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
-			S = [i({ reflect: !0 })], T = [a(), i({ type: Boolean })], O = [i({ attribute: "multiple-mode" })], j = [a(), i()], P = [a(), i({ attribute: "accessibility-label" })], L = [i({ attribute: !1 })], R = [i({ attribute: !1 })], e(this, null, S, {
-				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
-			}, C, w), e(this, null, T, {
-				kind: "accessor",
-				name: "multiple",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "multiple" in e,
-					get: (e) => e.multiple,
-					set: (e, t) => {
-						e.multiple = t;
-					}
-				},
-				metadata: t
-			}, E, D), e(this, null, O, {
-				kind: "accessor",
-				name: "multipleMode",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "multipleMode" in e,
-					get: (e) => e.multipleMode,
-					set: (e, t) => {
-						e.multipleMode = t;
-					}
-				},
-				metadata: t
-			}, k, A), e(this, null, j, {
-				kind: "accessor",
-				name: "accept",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "accept" in e,
-					get: (e) => e.accept,
-					set: (e, t) => {
-						e.accept = t;
-					}
-				},
-				metadata: t
-			}, M, N), e(this, null, P, {
-				kind: "accessor",
-				name: "accessibilityLabel",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "accessibilityLabel" in e,
-					get: (e) => e.accessibilityLabel,
-					set: (e, t) => {
-						e.accessibilityLabel = t;
-					}
-				},
-				metadata: t
-			}, F, I), e(this, null, L, {
-				kind: "setter",
-				name: "value",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "value" in e,
-					set: (e, t) => {
-						e.value = t;
-					}
-				},
-				metadata: t
-			}, null, x), e(this, null, R, {
-				kind: "setter",
-				name: "files",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "files" in e,
-					set: (e, t) => {
-						e.files = t;
-					}
-				},
-				metadata: t
-			}, null, x), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.events = { filechanged: "filechanged" };
-		}
-		#e;
-		get size() {
-			return this.#e;
-		}
-		set size(e) {
-			this.#e = e;
-		}
-		#t;
-		get multiple() {
-			return this.#t;
-		}
-		set multiple(e) {
-			this.#t = e;
-		}
-		#n;
-		get multipleMode() {
-			return this.#n;
-		}
-		set multipleMode(e) {
-			this.#n = e;
-		}
-		#r;
-		get accept() {
-			return this.#r;
-		}
-		set accept(e) {
-			this.#r = e;
-		}
-		#i;
-		get accessibilityLabel() {
-			return this.#i;
-		}
-		set accessibilityLabel(e) {
-			this.#i = e;
-		}
-		set value(e) {
-			this._hiddenInput.value = e ?? "", e || (this.files = []);
-		}
-		get value() {
-			return this._hiddenInput?.value;
-		}
-		set files(e) {
-			this._files = e ?? [];
-			let t = new DataTransfer();
-			this.files.forEach((e) => t.items.add(e)), this._hiddenInput.files = t.files, this.updateFormValue();
-		}
-		get files() {
-			return this._files;
-		}
-		get type() {
-			return "file";
-		}
-		formResetCallback() {
-			this.files = [];
-		}
-		formStateRestoreCallback(e, t) {
-			e && (this.files = e.getAll(this.name));
-		}
-		updateFormValue() {
-			let e = new FormData();
-			this.files.forEach((t) => e.append(this.name, t)), this.internals.setFormValue(e);
-		}
-		_checkFileEquality(e, t) {
-			return e.name === t.name && e.size === t.size && e.lastModified === t.lastModified;
-		}
-		_onFocus() {
-			y.mostRecentModality === "keyboard" && u(this.loadButton).add("focus-visible");
-		}
-		_onBlur() {
-			u(this.loadButton).delete("focus-visible");
-		}
-		_readFiles(e) {
-			let t = e.target;
-			t.files && this.createFileList(t.files), s(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 ? h[this.language.current] : m[this.language.current];
-		}
-		_removeFile(e) {
-			this.files = this.files.filter((t) => !this._checkFileEquality(e, t)), this._updateA11yLiveRegion(), this.dispatchEvent(new InputEvent("input", {
-				bubbles: !0,
-				composed: !0
-			})), this.dispatchEvent(new Event("change", { bubbles: !0 })), this._dispatchFileChangedEvent();
-		}
-		_dispatchFileChangedEvent() {
-			this.dispatchEvent(new CustomEvent("filechanged", {
-				bubbles: !0,
-				composed: !0,
-				detail: this.files
-			}));
-		}
-		_formatFileSize(e) {
-			let t = Math.floor(Math.log(e) / Math.log(1024));
-			return `${(e / 1024 ** t).toFixed(0)} ${this._suffixes[t]}`;
-		}
-		_updateA11yLiveRegion() {
-			this._liveRegion.innerText = g(this.files.map((e) => e.name))[this.language.current];
-		}
-		_renderFileList() {
-			let e = this.files.length > 1 ? {
-				WRAPPER: "ul",
-				ELEMENT: "li"
-			} : {
-				WRAPPER: "div",
-				ELEMENT: "span"
-			};
-			return d`
-      <${f(e.WRAPPER)} class='sbb-file-selector__file-list'>
-        ${this.files.map((t) => d`
-            <${f(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>
-                </span>
-              <sbb-secondary-button
-                size='${this.size}'
-                icon-name='trash-small'
-                @click='${() => this._removeFile(t)}'
-                aria-label='${`${_[this.language.current]} - ${t.name}`}'
-              ></sbb-secondary-button>
-            </${f(e.ELEMENT)}>`)}
-      </${f(e.WRAPPER)}>
-    `;
-		}
-		_onDragEnter(e) {
-			this._counter++, !this.disabled && !this.formDisabled && (this._setDragState(e.target, !0), this._blockEvent(e));
-		}
-		_onDragLeave(e) {
-			this._counter--, !this.disabled && !this.formDisabled && e.target === this._dragTarget && this._counter === 0 && (this._setDragState(), this._blockEvent(e));
-		}
-		_onFileDrop(e) {
-			this._counter = 0, !this.disabled && !this.formDisabled && (this._setDragState(), this._blockEvent(e), this.createFileList(e.dataTransfer.files));
-		}
-		_blockEvent(e) {
-			e.stopPropagation(), e.preventDefault();
-		}
-		_setDragState(e = void 0, t = !1) {
-			this._dragTarget = e, this.toggleState("active", t), u(this.loadButton).toggle("active", t);
-		}
-		render() {
-			let e = this.accessibilityLabel ? `${this.getButtonLabel()} - ${this.accessibilityLabel}` : void 0;
-			return d`
-        <div class="sbb-file-selector">
-          <div
-            class="sbb-file-selector__input-container"
-            @dragenter=${this._onDragEnter}
-            @dragover=${this._blockEvent}
-            @dragleave=${this._onDragLeave}
-            @drop=${this._onFileDrop}
-          >
-            ${this.renderTemplate(d`<input
-                class="sbb-file-selector__visually-hidden"
-                type="file"
-                ?disabled="${this.disabled || this.formDisabled}"
-                ?multiple="${this.multiple}"
-                accept="${this.accept || r}"
-                aria-label="${e || r}"
-                @change="${this._readFiles}"
-                @focus="${this._onFocus}"
-                @blur="${this._onBlur}"
-                ${v((e) => {
-				this._hiddenInput = e;
-			})}
-              />`)}
-          </div>
-          <p
-            role="status"
-            class="sbb-file-selector__visually-hidden"
-            ${v((e) => this._liveRegion = e)}
-          ></p>
-          ${this.files.length > 0 ? this._renderFileList() : r}
-          <div class="sbb-file-selector__error">
-            <slot name="error"></slot>
-          </div>
-        </div>
-      `;
-		}
-	};
-})();
-//#endregion
-export { b as n, x as t };

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

@@ -1,94 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import { SbbElement as i } from "./core/base-elements.js";
-import { forceType as a } from "./core/decorators.js";
-import { boxSizingStyles as o } from "./core/styles.js";
-import { html as s } from "lit/static-html.js";
-import { i18nFileSelectorSubtitleLabel as c, i18nFileSelectorSubtitleLabelMultiple as l } from "./core/i18n.js";
-import "./icon.js";
-import { ref as u } from "lit/directives/ref.js";
-import { SbbFileSelectorCommonElementMixin as d, fileSelectorCommonStyle as f } from "./file-selector/common/file-selector-common.js";
-import "./button/secondary-button-static.js";
-//#region src/elements/file-selector/file-selector-dropzone/file-selector-dropzone.scss?lit&inline
-var p = n`.sbb-file-selector__dropzone-area{padding:var(--sbb-spacing-responsive-s);background-color:var(--sbb-file-selector-background-color);border:var(--sbb-border-width-1x) dashed var(--sbb-file-selector-border-color);border-radius:var(--sbb-border-radius-4x);transition-duration:var(--sbb-file-selector-transition-duration);transition-timing-function:var(--sbb-file-selector-transition-easing-function);flex-direction:column;align-items:center;transition-property:background-color,border-color;display:flex}.sbb-file-selector__dropzone-area--icon{color:var(--sbb-file-selector-color);line-height:0}.sbb-file-selector__dropzone-area--title{--sbb-title-font-size:var(--sbb-title-font-size-level-6-lean,var(--sbb-heading-font-size-6));--sbb-title-line-height:var(--sbb-typo-line-height-text);margin-block:var(--sbb-title-margin-block,0);font-weight:700;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height,var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);text-align:center;color:var(--sbb-file-selector-color);margin-inline:0}.sbb-file-selector__dropzone-area--subtitle{--sbb-text-font-size:var(--sbb-text-font-size-xs);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);text-align:center;color:var(--sbb-file-selector-subtitle-color);margin-block-end:var(--sbb-spacing-fixed-4x)}`, m = (() => {
-	let n = d(i), m, h = [], g = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			m = [a(), r({ attribute: "title-content" })], e(this, null, m, {
-				kind: "accessor",
-				name: "titleContent",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "titleContent" in e,
-					get: (e) => e.titleContent,
-					set: (e, t) => {
-						e.titleContent = t;
-					}
-				},
-				metadata: t
-			}, h, g), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-file-selector-dropzone";
-		}
-		static {
-			this.styles = [
-				o,
-				f,
-				p
-			];
-		}
-		static {
-			this.events = { filechanged: "filechanged" };
-		}
-		#e = t(this, h, "");
-		get titleContent() {
-			return this.#e;
-		}
-		set titleContent(e) {
-			this.#e = e;
-		}
-		renderTemplate(e) {
-			return s`
-      <label>
-        <span class="sbb-file-selector__dropzone-area">
-          <span class="sbb-file-selector__dropzone-area--icon">
-            <sbb-icon
-              name=${this.size === "m" ? "folder-open-medium" : "folder-open-small"}
-            ></sbb-icon>
-          </span>
-          <span class="sbb-file-selector__dropzone-area--title">${this.titleContent}</span>
-          <span class="sbb-file-selector__dropzone-area--subtitle">
-            ${this.multiple ? l[this.language.current] : c[this.language.current]}
-          </span>
-          <span class="sbb-file-selector__dropzone-area--button">
-            <sbb-secondary-button-static
-              size=${this.size}
-              ?disabled=${this.disabled || this.formDisabled}
-              ${u((e) => {
-				this.loadButton = e;
-			})}
-            >
-              ${this.getButtonLabel()}
-            </sbb-secondary-button-static>
-          </span>
-        </span>
-        ${e}
-      </label>
-    `;
-		}
-		constructor() {
-			super(...arguments), t(this, g);
-		}
-	};
-})();
-//#endregion
-export { m as t };

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

@@ -1,45 +0,0 @@
-import { css as e, html as t } from "lit";
-import { SbbElement as n } from "./core/base-elements.js";
-import { boxSizingStyles as r } from "./core/styles.js";
-import { IS_FOCUSABLE_QUERY as i } from "./core/a11y.js";
-import { MutationController as a } from "@lit-labs/observers/mutation-controller.js";
-//#region src/elements/flip-card/flip-card-details/flip-card-details.scss?lit&inline
-var o = e`: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));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);display:block;position:absolute}: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{padding:var(--sbb-flip-card-padding);padding-block-end:var(--sbb-flip-card-details-padding-block-end);overflow:hidden}`, s = class extends n {
-	static {
-		this.elementName = "sbb-flip-card-details";
-	}
-	static {
-		this.styles = [r, o];
-	}
-	constructor() {
-		super(), this.addController(new a(this, {
-			config: {
-				childList: !0,
-				subtree: !0,
-				attributes: !0,
-				attributeFilter: [
-					"href",
-					"tabindex",
-					"disabled",
-					"inert"
-				]
-			},
-			callback: () => this._checkForSlottedActions()
-		}));
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.slot ||= "details";
-	}
-	_checkForSlottedActions() {
-		Array.from(this.querySelectorAll?.(i) ?? []).forEach((e) => e.classList.toggle("sbb-action", !0));
-	}
-	render() {
-		return t`
-      <div class="sbb-flip-card-details">
-        <slot></slot>
-      </div>
-    `;
-	}
-};
-//#endregion
-export { s as t };

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

@@ -1,65 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a } from "./core/base-elements.js";
-import { boxSizingStyles as o } from "./core/styles.js";
-//#region src/elements/flip-card/flip-card-summary/flip-card-summary.scss?lit&inline
-var s = n`:host{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);width:100%;height:100%;transition:all var(--sbb-flip-card-summary-transition-duration) ease-out;transition-delay:var(--sbb-flip-card-summary-transition-delay);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}@media (width>=37.5rem){:host([image-alignment=after]){grid-template-rows:1fr;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){:host([image-alignment=after]){grid-template-rows:1fr;grid-template-columns:repeat(2,minmax(0,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);grid-area:1/1/2/2;margin:0}@media (width>=37.5rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/3}}@media (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 (width>=37.5rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/3/2/4}}@media (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 n = a, c, l = [], u = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			c = [i({
-				attribute: "image-alignment",
-				reflect: !0
-			})], e(this, null, c, {
-				kind: "accessor",
-				name: "imageAlignment",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "imageAlignment" in e,
-					get: (e) => e.imageAlignment,
-					set: (e, t) => {
-						e.imageAlignment = t;
-					}
-				},
-				metadata: t
-			}, l, u), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-flip-card-summary";
-		}
-		static {
-			this.styles = [o, s];
-		}
-		#e = t(this, l, "after");
-		get imageAlignment() {
-			return this.#e;
-		}
-		set imageAlignment(e) {
-			this.#e = e;
-		}
-		connectedCallback() {
-			super.connectedCallback(), this.slot ||= "summary";
-		}
-		render() {
-			return r`
-      <slot></slot>
-      <div class="sbb-flip-card-summary--image-wrapper">
-        <slot name="image"></slot>
-      </div>
-    `;
-		}
-		constructor() {
-			super(...arguments), t(this, u);
-		}
-	};
-})();
-//#endregion
-export { c as t };

package/flip-card.component-uSdokrC9.js

@@ -1,138 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r, isServer as i } from "lit";
-import { property as a, state as o } from "lit/decorators.js";
-import { SbbElement as s } from "./core/base-elements.js";
-import { forceType as c } from "./core/decorators.js";
-import { ɵstateController as l } from "./core/mixins.js";
-import { boxSizingStyles as u } from "./core/styles.js";
-import { SbbLanguageController as d, SbbPropertyWatcherController as f } from "./core/controllers.js";
-import { i18nFlipCard as p, i18nReverseCard as m } from "./core/i18n.js";
-import { ResizeController as h } from "@lit-labs/observers/resize-controller.js";
-import { IS_FOCUSABLE_QUERY as g } from "./core/a11y.js";
-import "./screen-reader-only.js";
-import "./button/secondary-button-static.js";
-import { until as _ } from "lit/directives/until.js";
-//#region src/elements/flip-card/flip-card/flip-card.scss?lit&inline
-var v = n`:host{--sbb-flip-card-summary-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-5x));--sbb-flip-card-summary-transition-delay:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));--sbb-flip-card-details-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-4x));display:block;position:relative}@media (any-hover:hover){:host(:hover){--sbb-flip-card-background-color:var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-cloud) 80%, transparent))var(--lightningcss-dark,var(--sbb-color-iron));--sbb-flip-card-translate-title-y-hover:-.0625rem}}:host(:is(:state(flipped),[state--flipped])){--sbb-flip-card-toggle-icon-transform:rotate(45deg);--sbb-flip-card-details-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));--sbb-flip-card-summary-transition-delay:0s}:host(:is(:state(flipped),[state--flipped])) ::slotted(sbb-flip-card-summary){--sbb-flip-card-summary-opacity:0;--sbb-flip-card-summary-pointer-events:none}:host(:is(:state(flipped),[state--flipped])) ::slotted(sbb-flip-card-details){--sbb-flip-card-details-opacity:1;--sbb-flip-card-details-translate-y:0}@media (width>=37.5rem) and (width<=63.9375rem){:host(:is(:state(image-alignment-after),[state--image-alignment-after])){--sbb-flip-card-min-height:15rem}}@media (width>=90rem){:host(:is(:state(image-alignment-after),[state--image-alignment-after])){--sbb-flip-card-min-height:25rem}}.sbb-flip-card{height:100%;min-height:var(--sbb-flip-card-min-height);background-color:var(--sbb-flip-card-background-color);border-radius:var(--sbb-flip-card-border-radius);transition:all var(--sbb-flip-card-summary-transition-duration) ease-out, min-height var(--sbb-flip-card-details-transition-duration);transition-delay:var(--sbb-flip-card-summary-transition-delay);cursor:var(--sbb-cursor-pointer);flex-flow:column wrap;display:flex;position:relative}:host(:is(:state(flipped),[state--flipped])) .sbb-flip-card{min-height:max(var(--sbb-flip-card-min-height), var(--sbb-flip-card-details-height))}@media (forced-colors:active){.sbb-flip-card:after{content:"";border:var(--sbb-flip-card-border) solid CanvasText;border-radius:var(--sbb-flip-card-border-radius);pointer-events:none;position:absolute;inset:0}}@media (forced-colors:active) and (any-hover:hover){:host(:hover) .sbb-flip-card:after{border-color:highlight}}.sbb-flip-card:before{content:"";opacity:0;pointer-events:none;background-color:var(--sbb-color-midnight);background-color:var(--lightningcss-light,var(--sbb-color-midnight))var(--lightningcss-dark,var(--sbb-color-iron));width:var(--sbb-flip-card-button-dimensions);height:var(--sbb-flip-card-button-dimensions);transition:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-3x)) ease-out;border-radius:16rem;position:absolute;inset-block-end:var(--sbb-flip-card-padding);inset-inline-start:var(--sbb-flip-card-padding)}:host(:is(:state(flipped),[state--flipped])) .sbb-flip-card:before{opacity:1;border-radius:var(--sbb-flip-card-border-radius);width:100%;height:100%;transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-5x));inset-block-end:0;inset-inline-start:0}.sbb-flip-card--toggle-button{position:absolute;inset-block-end:var(--sbb-flip-card-padding);inset-inline-start:var(--sbb-flip-card-padding)}:host(:is(:state(flipped),[state--flipped])) .sbb-flip-card--toggle-button{--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark)}.sbb-flip-card--toggle-button-icon{transform:var(--sbb-flip-card-toggle-icon-transform,none);transition:transform var(--sbb-flip-card-summary-transition-duration) ease-out}.sbb-flip-card-button{appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;color:inherit;border-radius:0;border-radius:var(--sbb-flip-card-border-radius);width:100%;cursor:var(--sbb-cursor-pointer);background:0 0;border:none;outline:none;margin:0;padding:0;position:absolute;inset:0}.sbb-flip-card-button:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width)}`, y = (() => {
-	let n = s, y, b = [], x = [], S, C = [], w = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			y = [c(), a({ attribute: "accessibility-label" })], S = [o()], e(this, null, y, {
-				kind: "accessor",
-				name: "accessibilityLabel",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "accessibilityLabel" in e,
-					get: (e) => e.accessibilityLabel,
-					set: (e, t) => {
-						e.accessibilityLabel = t;
-					}
-				},
-				metadata: t
-			}, b, x), e(this, null, S, {
-				kind: "accessor",
-				name: "_flipped",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "_flipped" in e,
-					get: (e) => e._flipped,
-					set: (e, t) => {
-						e._flipped = t;
-					}
-				},
-				metadata: t
-			}, C, w), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-flip-card";
-		}
-		static {
-			this.styles = [u, v];
-		}
-		static {
-			this.events = { flip: "flip" };
-		}
-		#e;
-		get accessibilityLabel() {
-			return this.#e;
-		}
-		set accessibilityLabel(e) {
-			this.#e = e;
-		}
-		get summary() {
-			return this.querySelector?.("sbb-flip-card-summary");
-		}
-		get details() {
-			return this.querySelector?.("sbb-flip-card-details");
-		}
-		get _detailsContentElement() {
-			return this.details.shadowRoot.firstElementChild;
-		}
-		get isFlipped() {
-			return this._flipped;
-		}
-		#t;
-		get _flipped() {
-			return this.#t;
-		}
-		set _flipped(e) {
-			this.#t = e;
-		}
-		constructor() {
-			super(), this.#e = t(this, b, ""), this.#t = (t(this, x), t(this, C, !1)), this._language = (t(this, w), new d(this)), this._cardDetailsResizeObserver = new h(this, {
-				target: null,
-				skipInitial: !0,
-				callback: () => this._setCardDetailsHeight()
-			}), this.addEventListener?.("click", (e) => {
-				(e.target === this || !e.target?.matches?.(g)) && this.toggle();
-			}), this.addController(new f(this, () => this.summary, { imageAlignment: (e) => {
-				this._previousImageAlignment && this.internals.states.delete(`image-alignment-${this._previousImageAlignment}`), this._previousImageAlignment = e.imageAlignment, this._previousImageAlignment && this.internals.states.add(`image-alignment-${this._previousImageAlignment}`);
-			} }));
-		}
-		toggle() {
-			this._flipped = !this._flipped, this._flipped ? (this._setCardDetailsHeight(), this._cardDetailsResizeObserver.observe(this._detailsContentElement)) : this._cardDetailsResizeObserver.unobserve(this._detailsContentElement), this.toggleState("flipped", this._flipped), l(this.details)?.toggle("flipped", this._flipped), this.summary.inert = this._flipped, this.details.inert = !this._flipped, this.dispatchEvent(new Event("flip", {
-				bubbles: !0,
-				composed: !0
-			}));
-		}
-		_setCardDetailsHeight() {
-			let e = Math.floor(this._detailsContentElement.offsetHeight);
-			this.style?.setProperty("--sbb-flip-card-details-height", `${e}px`);
-		}
-		async _accessibilityLabel() {
-			return i ? "" : (await this.hydrationComplete, this._flipped ? m[this._language.current] : `${(this.accessibilityLabel ? this.accessibilityLabel : this.summary?.textContent?.trim()) ?? ""}, ${p[this._language.current]}`);
-		}
-		render() {
-			return r`
-      <div class="sbb-flip-card">
-        <button
-          class="sbb-flip-card-button"
-          aria-expanded=${this._flipped.toString()}
-          type="button"
-        >
-          <sbb-screen-reader-only>${_(this._accessibilityLabel(), "")}</sbb-screen-reader-only>
-        </button>
-        <slot name="summary" @slotchange=${() => this.summary.inert = this._flipped}></slot>
-        <slot name="details" @slotchange=${() => this.details.inert = !this._flipped}></slot>
-        <sbb-secondary-button-static class="sbb-flip-card--toggle-button" size="s">
-          <sbb-icon
-            class="sbb-flip-card--toggle-button-icon"
-            slot="icon"
-            name="plus-small"
-          ></sbb-icon>
-        </sbb-secondary-button-static>
-      </div>
-    `;
-		}
-	};
-})();
-//#endregion
-export { y as t };