@sbb-esta/lyne-elements-dev 4.9.0-dev.1775028444 → 4.9.0-dev.1775050914

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

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

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

@@ -1,4 +1,4 @@
-import { t as SbbFlipCardDetailsElement } from "../flip-card-details.component-CqHDng0H.js";
+import { t as SbbFlipCardDetailsElement } from "../flip-card-details.component-iMm7NrgQ.js";
 //#region src/elements/flip-card/flip-card-details.ts
 /** @entrypoint */
 SbbFlipCardDetailsElement.define();

package/development/flip-card/flip-card-summary/flip-card-summary.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flip-card-summary.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/flip-card/flip-card-summary/flip-card-summary.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAKzD,MAAM,MAAM,yBAAyB,GAAG,OAAO,GAAG,OAAO,CAAC;AAE1D;;;;;GAKG;AACH,qBAAa,yBAA0B,SAAQ,UAAU;IACvD,gBAAgC,WAAW,EAAE,MAAM,CAA2B;IAC9E,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,8CAA8C;IAC9C,SACgB,cAAc,EAAE,yBAAyB,CAAW;IAEpD,iBAAiB,IAAI,IAAI;cAKtB,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}
+{"version":3,"file":"flip-card-summary.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/flip-card/flip-card-summary/flip-card-summary.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhF,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAKzD,MAAM,MAAM,yBAAyB,GAAG,OAAO,GAAG,OAAO,CAAC;AAE1D;;;;;GAKG;AACH,qBAAa,yBAA0B,SAAQ,UAAU;IACvD,gBAAgC,WAAW,EAAE,MAAM,CAA2B;IAC9E,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF,8CAA8C;IAC9C,SACgB,cAAc,EAAE,yBAAyB,CAAW;IAEpD,iBAAiB,IAAI,IAAI;cAKtB,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}

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

@@ -1,2 +1,2 @@
-import { t as SbbFlipCardSummaryElement } from "../../flip-card-summary.component-TGAaaJ2N.js";
+import { t as SbbFlipCardSummaryElement } from "../../flip-card-summary.component-HQ_VAn2j.js";
 export { SbbFlipCardSummaryElement };

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

@@ -1,4 +1,4 @@
-import { t as SbbFlipCardSummaryElement } from "../flip-card-summary.component-TGAaaJ2N.js";
+import { t as SbbFlipCardSummaryElement } from "../flip-card-summary.component-HQ_VAn2j.js";
 //#region src/elements/flip-card/flip-card-summary.ts
 /** @entrypoint */
 SbbFlipCardSummaryElement.define();

package/development/flip-card/flip-card.js

@@ -1,4 +1,4 @@
-import { t as SbbFlipCardElement } from "../flip-card.component-tYrA2D0L.js";
+import { t as SbbFlipCardElement } from "../flip-card.component-CJanLtkJ.js";
 //#region src/elements/flip-card/flip-card.ts
 /** @entrypoint */
 SbbFlipCardElement.define();

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

@@ -0,0 +1,57 @@
+import { html, unsafeCSS } from "lit";
+import { SbbElement } from "./core/base-elements.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { IS_FOCUSABLE_QUERY } from "./core/a11y.js";
+import { MutationController } from "@lit-labs/observers/mutation-controller.js";
+//#region src/elements/flip-card/flip-card-details/flip-card-details.scss?inline
+var flip_card_details_default = ":host {\n  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);\n  --sbb-flip-card-details-transition-delay: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-5x)\n  );\n  --sbb-flip-card-details-padding-block-end: calc(\n    var(--sbb-flip-card-padding) + var(--sbb-flip-card-padding-block-end) +\n      var(--sbb-button-min-height-size-s)\n  );\n  display: block;\n  position: absolute;\n  pointer-events: none;\n  color: var(--sbb-color-milk);\n  opacity: var(--sbb-flip-card-details-opacity, 0);\n  transform: translateY(var(--sbb-flip-card-details-translate-y));\n  transition-property: transform, opacity;\n  transition-duration: var(--sbb-flip-card-details-transition-duration);\n}\n\n:host(:is(:state(flipped),[state--flipped])) {\n  transition-delay: var(--sbb-flip-card-details-transition-delay), var(--sbb-flip-card-details-transition-delay);\n}\n\n.sbb-flip-card-details {\n  overflow: hidden;\n  padding: var(--sbb-flip-card-padding);\n  padding-block-end: var(--sbb-flip-card-details-padding-block-end);\n}";
+//#endregion
+//#region src/elements/flip-card/flip-card-details/flip-card-details.component.ts
+/**
+* Combined with a `sbb-flip-card`, it displays its content when the card is flipped.
+*
+* @slot - Use the unnamed slot to provide any kind of content.
+*/
+var SbbFlipCardDetailsElement = class extends SbbElement {
+	static {
+		this.elementName = "sbb-flip-card-details";
+	}
+	static {
+		this.styles = [boxSizingStyles, unsafeCSS(flip_card_details_default)];
+	}
+	constructor() {
+		super();
+		this.addController(new MutationController(this, {
+			config: {
+				childList: true,
+				subtree: true,
+				attributes: true,
+				attributeFilter: [
+					"href",
+					"tabindex",
+					"disabled",
+					"inert"
+				]
+			},
+			callback: () => this._checkForSlottedActions()
+		}));
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		this.slot ||= "details";
+	}
+	_checkForSlottedActions() {
+		Array.from(this.querySelectorAll?.(IS_FOCUSABLE_QUERY) ?? []).forEach((el) => el.classList.toggle("sbb-action", true));
+	}
+	render() {
+		return html`
+      <div class="sbb-flip-card-details">
+        <slot></slot>
+      </div>
+    `;
+	}
+};
+//#endregion
+export { SbbFlipCardDetailsElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLWRldGFpbHMuY29tcG9uZW50LWlNbTdOcmdRLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9mbGlwLWNhcmQvZmxpcC1jYXJkLWRldGFpbHMvZmxpcC1jYXJkLWRldGFpbHMuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvZmxpcC1jYXJkL2ZsaXAtY2FyZC1kZXRhaWxzL2ZsaXAtY2FyZC1kZXRhaWxzLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIC0tc2JiLWZvY3VzLW91dGxpbmUtY29sb3I6IHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yLWRhcmspO1xuICAtLXNiYi1mbGlwLWNhcmQtZGV0YWlscy10cmFuc2l0aW9uLWRlbGF5OiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi01eClcbiAgKTtcbiAgLS1zYmItZmxpcC1jYXJkLWRldGFpbHMtcGFkZGluZy1ibG9jay1lbmQ6IGNhbGMoXG4gICAgdmFyKC0tc2JiLWZsaXAtY2FyZC1wYWRkaW5nKSArIHZhcigtLXNiYi1mbGlwLWNhcmQtcGFkZGluZy1ibG9jay1lbmQpICtcbiAgICAgIHZhcigtLXNiYi1idXR0b24tbWluLWhlaWdodC1zaXplLXMpXG4gICk7XG5cbiAgZGlzcGxheTogYmxvY2s7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIGNvbG9yOiB2YXIoLS1zYmItY29sb3ItbWlsayk7XG4gIG9wYWNpdHk6IHZhcigtLXNiYi1mbGlwLWNhcmQtZGV0YWlscy1vcGFjaXR5LCAwKTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKHZhcigtLXNiYi1mbGlwLWNhcmQtZGV0YWlscy10cmFuc2xhdGUteSkpO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiB0cmFuc2Zvcm0sIG9wYWNpdHk7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IHZhcigtLXNiYi1mbGlwLWNhcmQtZGV0YWlscy10cmFuc2l0aW9uLWR1cmF0aW9uKTtcbn1cblxuOmhvc3QoOnN0YXRlKGZsaXBwZWQpKSB7XG4gIHRyYW5zaXRpb24tZGVsYXk6XG4gICAgdmFyKC0tc2JiLWZsaXAtY2FyZC1kZXRhaWxzLXRyYW5zaXRpb24tZGVsYXkpLCB2YXIoLS1zYmItZmxpcC1jYXJkLWRldGFpbHMtdHJhbnNpdGlvbi1kZWxheSk7XG59XG5cbi5zYmItZmxpcC1jYXJkLWRldGFpbHMge1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiB2YXIoLS1zYmItZmxpcC1jYXJkLXBhZGRpbmcpO1xuICBwYWRkaW5nLWJsb2NrLWVuZDogdmFyKC0tc2JiLWZsaXAtY2FyZC1kZXRhaWxzLXBhZGRpbmctYmxvY2stZW5kKTtcbn1cbiIsImltcG9ydCB7IE11dGF0aW9uQ29udHJvbGxlciB9IGZyb20gJ0BsaXQtbGFicy9vYnNlcnZlcnMvbXV0YXRpb24tY29udHJvbGxlci5qcyc7XG5pbXBvcnQgeyBodG1sLCB1bnNhZmVDU1MsIHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgeyBJU19GT0NVU0FCTEVfUVVFUlkgfSBmcm9tICcuLi8uLi9jb3JlL2ExMXkudHMnO1xuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2ZsaXAtY2FyZC1kZXRhaWxzLnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgYHNiYi1mbGlwLWNhcmRgLCBpdCBkaXNwbGF5cyBpdHMgY29udGVudCB3aGVuIHRoZSBjYXJkIGlzIGZsaXBwZWQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBwcm92aWRlIGFueSBraW5kIG9mIGNvbnRlbnQuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJGbGlwQ2FyZERldGFpbHNFbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItZmxpcC1jYXJkLWRldGFpbHMnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcblxuICAgIHRoaXMuYWRkQ29udHJvbGxlcihcbiAgICAgIG5ldyBNdXRhdGlvbkNvbnRyb2xsZXIodGhpcywge1xuICAgICAgICBjb25maWc6IHtcbiAgICAgICAgICBjaGlsZExpc3Q6IHRydWUsXG4gICAgICAgICAgc3VidHJlZTogdHJ1ZSxcbiAgICAgICAgICBhdHRyaWJ1dGVzOiB0cnVlLFxuICAgICAgICAgIGF0dHJpYnV0ZUZpbHRlcjogWydocmVmJywgJ3RhYmluZGV4JywgJ2Rpc2FibGVkJywgJ2luZXJ0J10sXG4gICAgICAgIH0sXG4gICAgICAgIGNhbGxiYWNrOiAoKSA9PiB0aGlzLl9jaGVja0ZvclNsb3R0ZWRBY3Rpb25zKCksXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5zbG90IHx8PSAnZGV0YWlscyc7XG4gIH1cblxuICBwcml2YXRlIF9jaGVja0ZvclNsb3R0ZWRBY3Rpb25zKCk6IHZvaWQge1xuICAgIC8vIFdlIGludGVudGlvbmFsbHkgdXNlIHRvZ2dsZSBoZXJlLCBhcyBhZGQgY2F1c2VzIGEgTXV0YXRpb25PYnNlcnZlciBsb29wLlxuICAgIEFycmF5LmZyb20odGhpcy5xdWVyeVNlbGVjdG9yQWxsPy4oSVNfRk9DVVNBQkxFX1FVRVJZKSA/PyBbXSkuZm9yRWFjaCgoZWw6IEVsZW1lbnQpID0+XG4gICAgICBlbC5jbGFzc0xpc3QudG9nZ2xlKCdzYmItYWN0aW9uJywgdHJ1ZSksXG4gICAgKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1mbGlwLWNhcmQtZGV0YWlsc1wiPlxuICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZmxpcC1jYXJkLWRldGFpbHMnOiBTYmJGbGlwQ2FyZERldGFpbHNFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FDY0EsSUFBYSw0QkFBYixjQUErQyxXQUFVOztBQUN2QixPQUFBLGNBQXNCOzs7QUFDL0IsT0FBQSxTQUF5QixDQUFDLGlCQUFpQixVQUFVLDBCQUFNLENBQUM7O0NBRW5GLGNBQUE7QUFDRSxTQUFPO0FBRVAsT0FBSyxjQUNILElBQUksbUJBQW1CLE1BQU07R0FDM0IsUUFBUTtJQUNOLFdBQVc7SUFDWCxTQUFTO0lBQ1QsWUFBWTtJQUNaLGlCQUFpQjtLQUFDO0tBQVE7S0FBWTtLQUFZOztJQUNuRDtHQUNELGdCQUFnQixLQUFLLHlCQUFBO0dBQ3RCLENBQUMsQ0FDSDs7Q0FHYSxvQkFBaUI7QUFDL0IsUUFBTSxtQkFBbUI7QUFDekIsT0FBSyxTQUFTOztDQUdSLDBCQUF1QjtBQUU3QixRQUFNLEtBQUssS0FBSyxtQkFBbUIsbUJBQW1CLElBQUksRUFBRSxDQUFDLENBQUMsU0FBUyxPQUNyRSxHQUFHLFVBQVUsT0FBTyxjQUFjLEtBQUssQ0FDeEM7O0NBR2dCLFNBQU07QUFDdkIsU0FBTyxJQUFJIn0=

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

@@ -0,0 +1,84 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement } from "./core/base-elements.js";
+import { boxSizingStyles } from "./core/styles.js";
+//#region src/elements/flip-card/flip-card-summary/flip-card-summary.scss?inline
+var flip_card_summary_default = ":host {\n  display: grid;\n  min-height: var(--sbb-flip-card-min-height);\n  pointer-events: var(--sbb-flip-card-summary-pointer-events, all);\n  opacity: var(--sbb-flip-card-summary-opacity, 1);\n  border-radius: var(--sbb-flip-card-border-radius);\n  overflow: hidden;\n  grid-template-columns: minmax(0, 1fr);\n  grid-template-rows: auto minmax(0, 1fr);\n  width: 100%;\n  height: 100%;\n  transition: all var(--sbb-flip-card-summary-transition-duration) ease-out;\n  transition-delay: var(--sbb-flip-card-summary-transition-delay);\n}\n\n@media (min-width: calc(37.5rem)) {\n  :host([image-alignment=after]) {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    grid-template-rows: 1fr;\n  }\n}\n@media (min-width: calc(64rem)) {\n  :host([image-alignment=after]) {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    grid-template-rows: 1fr;\n  }\n}\n\n::slotted(sbb-title) {\n  padding-inline: var(--sbb-flip-card-padding);\n  padding-block: var(--sbb-flip-card-padding) var(--sbb-flip-card-padding-block-end);\n  margin: 0;\n  grid-area: 1/1/2/2;\n}\n@media (min-width: calc(37.5rem)) {\n  :host([image-alignment=after]) ::slotted(sbb-title) {\n    grid-area: 1/1/2/3;\n  }\n}\n@media (min-width: calc(64rem)) {\n  :host([image-alignment=after]) ::slotted(sbb-title) {\n    grid-area: 1/1/2/2;\n  }\n}\n\n::slotted(*:not([slot=image])) {\n  transform: translateY(var(--sbb-flip-card-translate-title-y-hover, 0rem));\n  transition: transform var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x)) var(--sbb-animation-easing);\n}\n\n.sbb-flip-card-summary--image-wrapper {\n  grid-area: 2/1/3/2;\n}\n@media (min-width: calc(37.5rem)) {\n  :host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper {\n    grid-area: 1/3/2/4;\n  }\n}\n@media (min-width: calc(64rem)) {\n  :host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper {\n    grid-area: 1/2/2/3;\n  }\n}\n\n::slotted([slot=image]) {\n  width: 100%;\n  height: 100%;\n}";
+//#endregion
+//#region src/elements/flip-card/flip-card-summary/flip-card-summary.component.ts
+/**
+* Combined with a `sbb-flip-card`, it displays its content when the card is not flipped.
+*
+* @slot - Use the unnamed slot to provide a title for the `sbb-flip-card-summary`.
+* @slot image - Use this slot to provide an image for the `sbb-flip-card-summary`.
+*/
+var SbbFlipCardSummaryElement = (() => {
+	let _classSuper = SbbElement;
+	let _imageAlignment_decorators;
+	let _imageAlignment_initializers = [];
+	let _imageAlignment_extraInitializers = [];
+	return class SbbFlipCardSummaryElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_imageAlignment_decorators = [property({
+				attribute: "image-alignment",
+				reflect: true
+			})];
+			__esDecorate(this, null, _imageAlignment_decorators, {
+				kind: "accessor",
+				name: "imageAlignment",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "imageAlignment" in obj,
+					get: (obj) => obj.imageAlignment,
+					set: (obj, value) => {
+						obj.imageAlignment = value;
+					}
+				},
+				metadata: _metadata
+			}, _imageAlignment_initializers, _imageAlignment_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-flip-card-summary";
+		}
+		static {
+			this.styles = [boxSizingStyles, unsafeCSS(flip_card_summary_default)];
+		}
+		#imageAlignment_accessor_storage = __runInitializers(this, _imageAlignment_initializers, "after");
+		/** The position where to render the image. */
+		get imageAlignment() {
+			return this.#imageAlignment_accessor_storage;
+		}
+		set imageAlignment(value) {
+			this.#imageAlignment_accessor_storage = value;
+		}
+		connectedCallback() {
+			super.connectedCallback();
+			this.slot ||= "summary";
+		}
+		render() {
+			return html`
+      <slot></slot>
+      <div class="sbb-flip-card-summary--image-wrapper">
+        <slot name="image"></slot>
+      </div>
+    `;
+		}
+		constructor() {
+			super(...arguments);
+			__runInitializers(this, _imageAlignment_extraInitializers);
+		}
+	};
+})();
+//#endregion
+export { SbbFlipCardSummaryElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLXN1bW1hcnkuY29tcG9uZW50LUhRX1ZBbjJqLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9mbGlwLWNhcmQvZmxpcC1jYXJkLXN1bW1hcnkvZmxpcC1jYXJkLXN1bW1hcnkuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvZmxpcC1jYXJkL2ZsaXAtY2FyZC1zdW1tYXJ5L2ZsaXAtY2FyZC1zdW1tYXJ5LmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIG1pbi1oZWlnaHQ6IHZhcigtLXNiYi1mbGlwLWNhcmQtbWluLWhlaWdodCk7XG4gIHBvaW50ZXItZXZlbnRzOiB2YXIoLS1zYmItZmxpcC1jYXJkLXN1bW1hcnktcG9pbnRlci1ldmVudHMsIGFsbCk7XG4gIG9wYWNpdHk6IHZhcigtLXNiYi1mbGlwLWNhcmQtc3VtbWFyeS1vcGFjaXR5LCAxKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWZsaXAtY2FyZC1ib3JkZXItcmFkaXVzKTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiBtaW5tYXgoMCwgMWZyKTtcbiAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBhdXRvIG1pbm1heCgwLCAxZnIpO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB0cmFuc2l0aW9uOiBhbGwgdmFyKC0tc2JiLWZsaXAtY2FyZC1zdW1tYXJ5LXRyYW5zaXRpb24tZHVyYXRpb24pIGVhc2Utb3V0O1xuICB0cmFuc2l0aW9uLWRlbGF5OiB2YXIoLS1zYmItZmxpcC1jYXJkLXN1bW1hcnktdHJhbnNpdGlvbi1kZWxheSk7XG59XG5cbjpob3N0KFtpbWFnZS1hbGlnbm1lbnQ9J2FmdGVyJ10pIHtcbiAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBzbWFsbCkge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDMsIG1pbm1heCgwLCAxZnIpKTtcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6IDFmcjtcbiAgfVxuXG4gIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogbGFyZ2UpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiAxZnI7XG4gIH1cbn1cblxuOjpzbG90dGVkKHNiYi10aXRsZSkge1xuICBwYWRkaW5nLWlubGluZTogdmFyKC0tc2JiLWZsaXAtY2FyZC1wYWRkaW5nKTtcbiAgcGFkZGluZy1ibG9jazogdmFyKC0tc2JiLWZsaXAtY2FyZC1wYWRkaW5nKSB2YXIoLS1zYmItZmxpcC1jYXJkLXBhZGRpbmctYmxvY2stZW5kKTtcbiAgbWFyZ2luOiAwO1xuICBncmlkLWFyZWE6IDEgLyAxIC8gMiAvIDI7XG5cbiAgOmhvc3QoW2ltYWdlLWFsaWdubWVudD0nYWZ0ZXInXSkgJiB7XG4gICAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBzbWFsbCkge1xuICAgICAgZ3JpZC1hcmVhOiAxIC8gMSAvIDIgLyAzO1xuICAgIH1cblxuICAgIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogbGFyZ2UpIHtcbiAgICAgIGdyaWQtYXJlYTogMSAvIDEgLyAyIC8gMjtcbiAgICB9XG4gIH1cbn1cblxuOjpzbG90dGVkKCo6bm90KFtzbG90PSdpbWFnZSddKSkge1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkodmFyKC0tc2JiLWZsaXAtY2FyZC10cmFuc2xhdGUtdGl0bGUteS1ob3ZlciwgI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDApfSkpO1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gdmFyKC0tc2JiLWRpc2FibGUtYW5pbWF0aW9uLWR1cmF0aW9uLCB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTJ4KSlcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG59XG5cbi5zYmItZmxpcC1jYXJkLXN1bW1hcnktLWltYWdlLXdyYXBwZXIge1xuICBncmlkLWFyZWE6IDIgLyAxIC8gMyAvIDI7XG5cbiAgOmhvc3QoW2ltYWdlLWFsaWdubWVudD0nYWZ0ZXInXSkgJiB7XG4gICAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBzbWFsbCkge1xuICAgICAgZ3JpZC1hcmVhOiAxIC8gMyAvIDIgLyA0O1xuICAgIH1cblxuICAgIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogbGFyZ2UpIHtcbiAgICAgIGdyaWQtYXJlYTogMSAvIDIgLyAyIC8gMztcbiAgICB9XG4gIH1cbn1cblxuOjpzbG90dGVkKFtzbG90PSdpbWFnZSddKSB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG59XG4iLCJpbXBvcnQgeyBodG1sLCB1bnNhZmVDU1MsIHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9mbGlwLWNhcmQtc3VtbWFyeS5zY3NzP2lubGluZSc7XG5cbmV4cG9ydCB0eXBlIFNiYkZsaXBDYXJkSW1hZ2VBbGlnbm1lbnQgPSAnYWZ0ZXInIHwgJ2JlbG93JztcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgYHNiYi1mbGlwLWNhcmRgLCBpdCBkaXNwbGF5cyBpdHMgY29udGVudCB3aGVuIHRoZSBjYXJkIGlzIG5vdCBmbGlwcGVkLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gcHJvdmlkZSBhIHRpdGxlIGZvciB0aGUgYHNiYi1mbGlwLWNhcmQtc3VtbWFyeWAuXG4gKiBAc2xvdCBpbWFnZSAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSBhbiBpbWFnZSBmb3IgdGhlIGBzYmItZmxpcC1jYXJkLXN1bW1hcnlgLlxuICovXG5leHBvcnQgY2xhc3MgU2JiRmxpcENhcmRTdW1tYXJ5RWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLWZsaXAtY2FyZC1zdW1tYXJ5JztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgLyoqIFRoZSBwb3NpdGlvbiB3aGVyZSB0byByZW5kZXIgdGhlIGltYWdlLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdpbWFnZS1hbGlnbm1lbnQnLCByZWZsZWN0OiB0cnVlIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBpbWFnZUFsaWdubWVudDogU2JiRmxpcENhcmRJbWFnZUFsaWdubWVudCA9ICdhZnRlcic7XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5zbG90IHx8PSAnc3VtbWFyeSc7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItZmxpcC1jYXJkLXN1bW1hcnktLWltYWdlLXdyYXBwZXJcIj5cbiAgICAgICAgPHNsb3QgbmFtZT1cImltYWdlXCI+PC9zbG90PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWZsaXAtY2FyZC1zdW1tYXJ5JzogU2JiRmxpcENhcmRTdW1tYXJ5RWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7SUNnQmEsbUNBQXlCO21CQUFTOzs7O2NBQWxDLGtDQUFrQyxZQUFVOzs7aUNBS3RELFNBQVM7SUFBRSxXQUFXO0lBQW1CLFNBQVM7SUFBTSxDQUFDLENBQUE7QUFDMUQsZ0JBQUEsTUFBQSxNQUFBLDRCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsb0JBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBYyxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQWQsaUJBQWM7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSw4QkFBQSxrQ0FBQTs7Ozs7Ozs7O0FBTEUsUUFBQSxjQUFzQjs7O0FBQy9CLFFBQUEsU0FBeUIsQ0FBQyxpQkFBaUIsVUFBVSwwQkFBTSxDQUFDOztFQUluRixtQ0FBQSxrQkFBQSxNQUFBLDhCQUE0RCxRQUFPOztFQUFuRSxJQUFnQixpQkFBYztBQUFBLFVBQUEsTUFBQTs7RUFBOUIsSUFBZ0IsZUFBYyxPQUFBO0FBQUEsU0FBQSxrQ0FBQTs7RUFFZCxvQkFBaUI7QUFDL0IsU0FBTSxtQkFBbUI7QUFDekIsUUFBSyxTQUFTOztFQUdHLFNBQU07QUFDdkIsVUFBTyxJQUFJIn0=

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

@@ -0,0 +1,190 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, isServer, unsafeCSS } from "lit";
+import { property, state } from "lit/decorators.js";
+import { SbbElement } from "./core/base-elements.js";
+import { forceType } from "./core/decorators.js";
+import { ɵstateController } from "./core/mixins.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { SbbSecondaryButtonStaticElement } from "./button.pure.js";
+import { SbbLanguageController, SbbPropertyWatcherController } from "./core/controllers.js";
+import { i18nFlipCard, i18nReverseCard } from "./core/i18n.js";
+import { ResizeController } from "@lit-labs/observers/resize-controller.js";
+import { IS_FOCUSABLE_QUERY } from "./core/a11y.js";
+import "./screen-reader-only.js";
+import { until } from "lit/directives/until.js";
+//#region src/elements/flip-card/flip-card/flip-card.scss?inline
+var flip_card_default = ":host {\n  --sbb-flip-card-summary-transition-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-5x)\n  );\n  --sbb-flip-card-summary-transition-delay: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-2x)\n  );\n  --sbb-flip-card-details-transition-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-4x)\n  );\n  position: relative;\n  display: block;\n}\n\n@media (any-hover: hover) {\n  :host(:hover) {\n    --sbb-flip-card-background-color: color-mix(in srgb, var(--sbb-color-cloud) 80%, transparent);\n    --sbb-flip-card-background-color: light-dark(\n      color-mix(in srgb, var(--sbb-color-cloud) 80%, transparent),\n      var(--sbb-color-iron)\n    );\n    --sbb-flip-card-translate-title-y-hover: -0.0625rem;\n  }\n}\n\n:host(:is(:state(flipped),[state--flipped])) {\n  --sbb-flip-card-toggle-icon-transform: rotate(45deg);\n  --sbb-flip-card-details-transition-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-2x)\n  );\n  --sbb-flip-card-summary-transition-delay: 0s;\n}\n:host(:is(:state(flipped),[state--flipped])) ::slotted(sbb-flip-card-summary) {\n  --sbb-flip-card-summary-opacity: 0;\n  --sbb-flip-card-summary-pointer-events: none;\n}\n:host(:is(:state(flipped),[state--flipped])) ::slotted(sbb-flip-card-details) {\n  --sbb-flip-card-details-opacity: 1;\n  --sbb-flip-card-details-translate-y: 0;\n}\n\n@media (min-width: calc(37.5rem)) and (max-width: calc(63.9375rem)) {\n  :host(:is(:state(image-alignment-after),[state--image-alignment-after])) {\n    --sbb-flip-card-min-height: 15rem;\n  }\n}\n@media (min-width: calc(90rem)) {\n  :host(:is(:state(image-alignment-after),[state--image-alignment-after])) {\n    --sbb-flip-card-min-height: 25rem;\n  }\n}\n\n.sbb-flip-card {\n  position: relative;\n  display: flex;\n  height: 100%;\n  flex-flow: wrap;\n  flex-direction: column;\n  min-height: var(--sbb-flip-card-min-height);\n  background-color: var(--sbb-flip-card-background-color);\n  border-radius: var(--sbb-flip-card-border-radius);\n  transition: all var(--sbb-flip-card-summary-transition-duration) ease-out, min-height var(--sbb-flip-card-details-transition-duration);\n  transition-delay: var(--sbb-flip-card-summary-transition-delay);\n  cursor: var(--sbb-cursor-pointer);\n}\n:host(:is(:state(flipped),[state--flipped])) .sbb-flip-card {\n  min-height: max(var(--sbb-flip-card-min-height), var(--sbb-flip-card-details-height));\n}\n@media (forced-colors: active) {\n  .sbb-flip-card::after {\n    content: \"\";\n    border: var(--sbb-flip-card-border) solid CanvasText;\n    border-radius: var(--sbb-flip-card-border-radius);\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n  }\n}\n@media (forced-colors: active) and (any-hover: hover) {\n  :host(:hover) .sbb-flip-card::after {\n    border-color: Highlight;\n  }\n}\n.sbb-flip-card::before {\n  content: \"\";\n  opacity: 0;\n  pointer-events: none;\n  position: absolute;\n  inset-inline-start: var(--sbb-flip-card-padding);\n  inset-block-end: var(--sbb-flip-card-padding);\n  background-color: var(--sbb-color-midnight);\n  background-color: light-dark(var(--sbb-color-midnight), var(--sbb-color-iron));\n  width: var(--sbb-flip-card-button-dimensions);\n  height: var(--sbb-flip-card-button-dimensions);\n  border-radius: 16rem;\n  transition: var(--sbb-disable-animation-duration, var(--sbb-animation-duration-3x)) ease-out;\n}\n:host(:is(:state(flipped),[state--flipped])) .sbb-flip-card::before {\n  opacity: 1;\n  inset-inline-start: 0;\n  inset-block-end: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: var(--sbb-flip-card-border-radius);\n  transition-duration: var(--sbb-disable-animation-duration, var(--sbb-animation-duration-5x));\n}\n\n.sbb-flip-card--toggle-button {\n  position: absolute;\n  inset-inline-start: var(--sbb-flip-card-padding);\n  inset-block-end: var(--sbb-flip-card-padding);\n}\n:host(:is(:state(flipped),[state--flipped])) .sbb-flip-card--toggle-button {\n  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);\n}\n\n.sbb-flip-card--toggle-button-icon {\n  transform: var(--sbb-flip-card-toggle-icon-transform, none);\n  transition: transform var(--sbb-flip-card-summary-transition-duration) ease-out;\n}\n\n.sbb-flip-card-button {\n  appearance: none;\n  box-sizing: border-box;\n  margin: 0;\n  outline: none;\n  border: none;\n  border-radius: 0;\n  padding: 0;\n  background: none;\n  -webkit-tap-highlight-color: transparent;\n  color: inherit;\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  border-radius: var(--sbb-flip-card-border-radius);\n  cursor: var(--sbb-cursor-pointer);\n}\n.sbb-flip-card-button:focus-visible {\n  outline-offset: var(--sbb-focus-outline-offset);\n  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n}";
+//#endregion
+//#region src/elements/flip-card/flip-card/flip-card.component.ts
+SbbSecondaryButtonStaticElement.define();
+/**
+* Displays an informative card that reveals more information upon being clicked.
+*
+* @slot - Use the unnamed slot to add a `sbb-flip-card-summary` and a `sbb-flip-card-details` element.
+*
+*/
+var SbbFlipCardElement = (() => {
+	let _classSuper = SbbElement;
+	let _accessibilityLabel_decorators;
+	let _accessibilityLabel_initializers = [];
+	let _accessibilityLabel_extraInitializers = [];
+	let __flipped_decorators;
+	let __flipped_initializers = [];
+	let __flipped_extraInitializers = [];
+	return class SbbFlipCardElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_accessibilityLabel_decorators = [forceType(), property({ attribute: "accessibility-label" })];
+			__flipped_decorators = [state()];
+			__esDecorate(this, null, _accessibilityLabel_decorators, {
+				kind: "accessor",
+				name: "accessibilityLabel",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "accessibilityLabel" in obj,
+					get: (obj) => obj.accessibilityLabel,
+					set: (obj, value) => {
+						obj.accessibilityLabel = value;
+					}
+				},
+				metadata: _metadata
+			}, _accessibilityLabel_initializers, _accessibilityLabel_extraInitializers);
+			__esDecorate(this, null, __flipped_decorators, {
+				kind: "accessor",
+				name: "_flipped",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "_flipped" in obj,
+					get: (obj) => obj._flipped,
+					set: (obj, value) => {
+						obj._flipped = value;
+					}
+				},
+				metadata: _metadata
+			}, __flipped_initializers, __flipped_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-flip-card";
+		}
+		static {
+			this.styles = [boxSizingStyles, unsafeCSS(flip_card_default)];
+		}
+		static {
+			this.events = { flip: "flip" };
+		}
+		#accessibilityLabel_accessor_storage;
+		/**
+		* This will be forwarded as aria-label to the action in the non flipped state.
+		* If not set, the textContent of the `sbb-flip-card-summary` is taken.
+		*/
+		get accessibilityLabel() {
+			return this.#accessibilityLabel_accessor_storage;
+		}
+		set accessibilityLabel(value) {
+			this.#accessibilityLabel_accessor_storage = value;
+		}
+		/** Returns the slotted sbb-flip-card-summary. */
+		get summary() {
+			return this.querySelector?.("sbb-flip-card-summary");
+		}
+		/** Returns the slotted sbb-flip-card-details. */
+		get details() {
+			return this.querySelector?.("sbb-flip-card-details");
+		}
+		/** Returns the card details content element wrapper. */
+		get _detailsContentElement() {
+			return this.details.shadowRoot.firstElementChild;
+		}
+		/** Whether the flip card is flipped. */
+		get isFlipped() {
+			return this._flipped;
+		}
+		#_flipped_accessor_storage;
+		/** Whether the card is flipped or not. */
+		get _flipped() {
+			return this.#_flipped_accessor_storage;
+		}
+		set _flipped(value) {
+			this.#_flipped_accessor_storage = value;
+		}
+		constructor() {
+			super();
+			this.#accessibilityLabel_accessor_storage = __runInitializers(this, _accessibilityLabel_initializers, "");
+			this.#_flipped_accessor_storage = (__runInitializers(this, _accessibilityLabel_extraInitializers), __runInitializers(this, __flipped_initializers, false));
+			this._language = (__runInitializers(this, __flipped_extraInitializers), new SbbLanguageController(this));
+			this._cardDetailsResizeObserver = new ResizeController(this, {
+				target: null,
+				skipInitial: true,
+				callback: () => this._setCardDetailsHeight()
+			});
+			this.addEventListener?.("click", (event) => {
+				if (event.target === this || !event.target?.matches?.(IS_FOCUSABLE_QUERY)) this.toggle();
+			});
+			this.addController(new SbbPropertyWatcherController(this, () => this.summary, { imageAlignment: (s) => {
+				if (this._previousImageAlignment) this.internals.states.delete(`image-alignment-${this._previousImageAlignment}`);
+				this._previousImageAlignment = s.imageAlignment;
+				if (this._previousImageAlignment) this.internals.states.add(`image-alignment-${this._previousImageAlignment}`);
+			} }));
+		}
+		/** Toggles the state of the sbb-flip-card. */
+		toggle() {
+			this._flipped = !this._flipped;
+			if (this._flipped) {
+				this._setCardDetailsHeight();
+				this._cardDetailsResizeObserver.observe(this._detailsContentElement);
+			} else this._cardDetailsResizeObserver.unobserve(this._detailsContentElement);
+			this.toggleState("flipped", this._flipped);
+			ɵstateController(this.details)?.toggle("flipped", this._flipped);
+			this.summary.inert = this._flipped;
+			this.details.inert = !this._flipped;
+			/** Emits whenever the component is flipped. */
+			this.dispatchEvent(new Event("flip", {
+				bubbles: true,
+				composed: true
+			}));
+		}
+		_setCardDetailsHeight() {
+			const contentHeight = Math.floor(this._detailsContentElement.offsetHeight);
+			this.style?.setProperty("--sbb-flip-card-details-height", `${contentHeight}px`);
+		}
+		async _accessibilityLabel() {
+			if (isServer) return "";
+			await this.hydrationComplete;
+			return !this._flipped ? `${(this.accessibilityLabel ? this.accessibilityLabel : this.summary?.textContent?.trim()) ?? ""}, ${i18nFlipCard[this._language.current]}` : i18nReverseCard[this._language.current];
+		}
+		render() {
+			return html`
+      <div class="sbb-flip-card">
+        <button
+          class="sbb-flip-card-button"
+          aria-expanded=${this._flipped.toString()}
+          type="button"
+        >
+          <sbb-screen-reader-only>${until(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 { SbbFlipCardElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLmNvbXBvbmVudC1DSmFuTHRrSi5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvZmxpcC1jYXJkL2ZsaXAtY2FyZC9mbGlwLWNhcmQuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvZmxpcC1jYXJkL2ZsaXAtY2FyZC9mbGlwLWNhcmQuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLS1zYmItZmxpcC1jYXJkLXN1bW1hcnktdHJhbnNpdGlvbi1kdXJhdGlvbjogdmFyKFxuICAgIC0tc2JiLWRpc2FibGUtYW5pbWF0aW9uLWR1cmF0aW9uLFxuICAgIHZhcigtLXNiYi1hbmltYXRpb24tZHVyYXRpb24tNXgpXG4gICk7XG4gIC0tc2JiLWZsaXAtY2FyZC1zdW1tYXJ5LXRyYW5zaXRpb24tZGVsYXk6IHZhcihcbiAgICAtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbixcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTJ4KVxuICApO1xuICAtLXNiYi1mbGlwLWNhcmQtZGV0YWlscy10cmFuc2l0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi00eClcbiAgKTtcblxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG46aG9zdCg6aG92ZXIpIHtcbiAgQGluY2x1ZGUgc2JiLmhvdmVyLW1xKCRob3ZlcjogdHJ1ZSkge1xuICAgIC0tc2JiLWZsaXAtY2FyZC1iYWNrZ3JvdW5kLWNvbG9yOiBsaWdodC1kYXJrKFxuICAgICAgY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLXNiYi1jb2xvci1jbG91ZCkgODAlLCB0cmFuc3BhcmVudCksXG4gICAgICB2YXIoLS1zYmItY29sb3ItaXJvbilcbiAgICApO1xuICAgIC0tc2JiLWZsaXAtY2FyZC10cmFuc2xhdGUtdGl0bGUteS1ob3ZlcjogI3tzYmIucHgtdG8tcmVtLWJ1aWxkKC0xKX07XG4gIH1cbn1cblxuOmhvc3QoOnN0YXRlKGZsaXBwZWQpKSB7XG4gIC0tc2JiLWZsaXAtY2FyZC10b2dnbGUtaWNvbi10cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gIC0tc2JiLWZsaXAtY2FyZC1kZXRhaWxzLXRyYW5zaXRpb24tZHVyYXRpb246IHZhcihcbiAgICAtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbixcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTJ4KVxuICApO1xuICAtLXNiYi1mbGlwLWNhcmQtc3VtbWFyeS10cmFuc2l0aW9uLWRlbGF5OiAwcztcblxuICA6OnNsb3R0ZWQoc2JiLWZsaXAtY2FyZC1zdW1tYXJ5KSB7XG4gICAgLS1zYmItZmxpcC1jYXJkLXN1bW1hcnktb3BhY2l0eTogMDtcbiAgICAtLXNiYi1mbGlwLWNhcmQtc3VtbWFyeS1wb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gIDo6c2xvdHRlZChzYmItZmxpcC1jYXJkLWRldGFpbHMpIHtcbiAgICAtLXNiYi1mbGlwLWNhcmQtZGV0YWlscy1vcGFjaXR5OiAxO1xuICAgIC0tc2JiLWZsaXAtY2FyZC1kZXRhaWxzLXRyYW5zbGF0ZS15OiAwO1xuICB9XG59XG5cbjpob3N0KDpzdGF0ZShpbWFnZS1hbGlnbm1lbnQtYWZ0ZXIpKSB7XG4gIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogc21hbGwsICR0bzogbGFyZ2UpIHtcbiAgICAtLXNiYi1mbGlwLWNhcmQtbWluLWhlaWdodDogI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDI0MCl9O1xuICB9XG5cbiAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiB1bHRyYSkge1xuICAgIC0tc2JiLWZsaXAtY2FyZC1taW4taGVpZ2h0OiAje3NiYi5weC10by1yZW0tYnVpbGQoNDAwKX07XG4gIH1cbn1cblxuLnNiYi1mbGlwLWNhcmQge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogMTAwJTtcbiAgZmxleC1mbG93OiB3cmFwO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBtaW4taGVpZ2h0OiB2YXIoLS1zYmItZmxpcC1jYXJkLW1pbi1oZWlnaHQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItZmxpcC1jYXJkLWJhY2tncm91bmQtY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItZmxpcC1jYXJkLWJvcmRlci1yYWRpdXMpO1xuICB0cmFuc2l0aW9uOlxuICAgIGFsbCB2YXIoLS1zYmItZmxpcC1jYXJkLXN1bW1hcnktdHJhbnNpdGlvbi1kdXJhdGlvbikgZWFzZS1vdXQsXG4gICAgbWluLWhlaWdodCB2YXIoLS1zYmItZmxpcC1jYXJkLWRldGFpbHMtdHJhbnNpdGlvbi1kdXJhdGlvbik7XG4gIHRyYW5zaXRpb24tZGVsYXk6IHZhcigtLXNiYi1mbGlwLWNhcmQtc3VtbWFyeS10cmFuc2l0aW9uLWRlbGF5KTtcbiAgY3Vyc29yOiB2YXIoLS1zYmItY3Vyc29yLXBvaW50ZXIpO1xuXG4gIDpob3N0KDpzdGF0ZShmbGlwcGVkKSkgJiB7XG4gICAgbWluLWhlaWdodDogbWF4KHZhcigtLXNiYi1mbGlwLWNhcmQtbWluLWhlaWdodCksIHZhcigtLXNiYi1mbGlwLWNhcmQtZGV0YWlscy1oZWlnaHQpKTtcbiAgfVxuXG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAmOjphZnRlciB7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGJvcmRlcjogdmFyKC0tc2JiLWZsaXAtY2FyZC1ib3JkZXIpIHNvbGlkIENhbnZhc1RleHQ7XG4gICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItZmxpcC1jYXJkLWJvcmRlci1yYWRpdXMpO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgaW5zZXQ6IDA7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcblxuICAgICAgOmhvc3QoOmhvdmVyKSAmIHtcbiAgICAgICAgQGluY2x1ZGUgc2JiLmhvdmVyLW1xKCRob3ZlcjogdHJ1ZSkge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogSGlnaGxpZ2h0O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgLy8gRXhwYW5kaW5nIGRhcmsgYmFja2dyb3VuZCBmcm9tIHRoZSBidXR0b24gd2hlbiBmbGlwcGVkLlxuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGluc2V0LWlubGluZS1zdGFydDogdmFyKC0tc2JiLWZsaXAtY2FyZC1wYWRkaW5nKTtcbiAgICBpbnNldC1ibG9jay1lbmQ6IHZhcigtLXNiYi1mbGlwLWNhcmQtcGFkZGluZyk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogbGlnaHQtZGFyayh2YXIoLS1zYmItY29sb3ItbWlkbmlnaHQpLCB2YXIoLS1zYmItY29sb3ItaXJvbikpO1xuICAgIHdpZHRoOiB2YXIoLS1zYmItZmxpcC1jYXJkLWJ1dHRvbi1kaW1lbnNpb25zKTtcbiAgICBoZWlnaHQ6IHZhcigtLXNiYi1mbGlwLWNhcmQtYnV0dG9uLWRpbWVuc2lvbnMpO1xuXG4gICAgLy8gVXNlIHRoaXMgbGFyZ2UgYm9yZGVyIHJhZGl1cyB0byBpbXByb3ZlIHRoZSBhcHBlYXJhbmNlIG9mIHRoZSBleHBhbmRpbmcgZGFyayBiYWNrZ3JvdW5kLlxuICAgIGJvcmRlci1yYWRpdXM6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCgyNTYpfTtcbiAgICB0cmFuc2l0aW9uOiB2YXIoLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sIHZhcigtLXNiYi1hbmltYXRpb24tZHVyYXRpb24tM3gpKSBlYXNlLW91dDtcblxuICAgIDpob3N0KDpzdGF0ZShmbGlwcGVkKSkgJiB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgaW5zZXQtYmxvY2stZW5kOiAwO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItZmxpcC1jYXJkLWJvcmRlci1yYWRpdXMpO1xuICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogdmFyKC0tc2JiLWRpc2FibGUtYW5pbWF0aW9uLWR1cmF0aW9uLCB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTV4KSk7XG4gICAgfVxuICB9XG59XG5cbi5zYmItZmxpcC1jYXJkLS10b2dnbGUtYnV0dG9uIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBpbnNldC1pbmxpbmUtc3RhcnQ6IHZhcigtLXNiYi1mbGlwLWNhcmQtcGFkZGluZyk7XG4gIGluc2V0LWJsb2NrLWVuZDogdmFyKC0tc2JiLWZsaXAtY2FyZC1wYWRkaW5nKTtcblxuICA6aG9zdCg6c3RhdGUoZmxpcHBlZCkpICYge1xuICAgIC0tc2JiLWZvY3VzLW91dGxpbmUtY29sb3I6IHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yLWRhcmspO1xuICB9XG59XG5cbi5zYmItZmxpcC1jYXJkLS10b2dnbGUtYnV0dG9uLWljb24ge1xuICB0cmFuc2Zvcm06IHZhcigtLXNiYi1mbGlwLWNhcmQtdG9nZ2xlLWljb24tdHJhbnNmb3JtLCBub25lKTtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIHZhcigtLXNiYi1mbGlwLWNhcmQtc3VtbWFyeS10cmFuc2l0aW9uLWR1cmF0aW9uKSBlYXNlLW91dDtcbn1cblxuLnNiYi1mbGlwLWNhcmQtYnV0dG9uIHtcbiAgQGluY2x1ZGUgc2JiLmJ1dHRvbi1yZXNldDtcblxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGluc2V0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWZsaXAtY2FyZC1ib3JkZXItcmFkaXVzKTtcbiAgY3Vyc29yOiB2YXIoLS1zYmItY3Vyc29yLXBvaW50ZXIpO1xuXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgQGluY2x1ZGUgc2JiLmZvY3VzLW91dGxpbmU7XG4gIH1cbn1cbiIsImltcG9ydCB7IFJlc2l6ZUNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL3Jlc2l6ZS1jb250cm9sbGVyLmpzJztcbmltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIGlzU2VydmVyLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHksIHN0YXRlIH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgdW50aWwgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy91bnRpbC5qcyc7XG5cbmltcG9ydCB7IFNiYlNlY29uZGFyeUJ1dHRvblN0YXRpY0VsZW1lbnQgfSBmcm9tICcuLi8uLi9idXR0b24ucHVyZS50cyc7XG5pbXBvcnQgeyBJU19GT0NVU0FCTEVfUVVFUlkgfSBmcm9tICcuLi8uLi9jb3JlL2ExMXkudHMnO1xuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIsIFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzLnRzJztcbmltcG9ydCB7IGZvcmNlVHlwZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy50cyc7XG5pbXBvcnQgeyBpMThuRmxpcENhcmQsIGkxOG5SZXZlcnNlQ2FyZCB9IGZyb20gJy4uLy4uL2NvcmUvaTE4bi50cyc7XG5pbXBvcnQgeyDJtXN0YXRlQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiRmxpcENhcmREZXRhaWxzRWxlbWVudCB9IGZyb20gJy4uL2ZsaXAtY2FyZC1kZXRhaWxzL2ZsaXAtY2FyZC1kZXRhaWxzLmNvbXBvbmVudC50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYkZsaXBDYXJkU3VtbWFyeUVsZW1lbnQgfSBmcm9tICcuLi9mbGlwLWNhcmQtc3VtbWFyeS9mbGlwLWNhcmQtc3VtbWFyeS5jb21wb25lbnQudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9mbGlwLWNhcmQuc2Nzcz9pbmxpbmUnO1xuXG5pbXBvcnQgJy4uLy4uL3NjcmVlbi1yZWFkZXItb25seS50cyc7XG5cbi8vIFRPRE8oYnJlYWtpbmctY2hhbmdlKTogUmVtb3ZlIGNhbGwgdG8gZGVmaW5lLlxuU2JiU2Vjb25kYXJ5QnV0dG9uU3RhdGljRWxlbWVudC5kZWZpbmUoKTtcblxuLyoqXG4gKiBEaXNwbGF5cyBhbiBpbmZvcm1hdGl2ZSBjYXJkIHRoYXQgcmV2ZWFscyBtb3JlIGluZm9ybWF0aW9uIHVwb24gYmVpbmcgY2xpY2tlZC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBhIGBzYmItZmxpcC1jYXJkLXN1bW1hcnlgIGFuZCBhIGBzYmItZmxpcC1jYXJkLWRldGFpbHNgIGVsZW1lbnQuXG4gKlxuICovXG5leHBvcnQgY2xhc3MgU2JiRmxpcENhcmRFbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItZmxpcC1jYXJkJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIGZsaXA6ICdmbGlwJyxcbiAgfSBhcyBjb25zdDtcblxuICAvKipcbiAgICogVGhpcyB3aWxsIGJlIGZvcndhcmRlZCBhcyBhcmlhLWxhYmVsIHRvIHRoZSBhY3Rpb24gaW4gdGhlIG5vbiBmbGlwcGVkIHN0YXRlLlxuICAgKiBJZiBub3Qgc2V0LCB0aGUgdGV4dENvbnRlbnQgb2YgdGhlIGBzYmItZmxpcC1jYXJkLXN1bW1hcnlgIGlzIHRha2VuLlxuICAgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2FjY2Vzc2liaWxpdHktbGFiZWwnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBhY2Nlc3NpYmlsaXR5TGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBSZXR1cm5zIHRoZSBzbG90dGVkIHNiYi1mbGlwLWNhcmQtc3VtbWFyeS4gKi9cbiAgcHVibGljIGdldCBzdW1tYXJ5KCk6IFNiYkZsaXBDYXJkU3VtbWFyeUVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5xdWVyeVNlbGVjdG9yPy4oJ3NiYi1mbGlwLWNhcmQtc3VtbWFyeScpO1xuICB9XG5cbiAgLyoqIFJldHVybnMgdGhlIHNsb3R0ZWQgc2JiLWZsaXAtY2FyZC1kZXRhaWxzLiAqL1xuICBwdWJsaWMgZ2V0IGRldGFpbHMoKTogU2JiRmxpcENhcmREZXRhaWxzRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLnF1ZXJ5U2VsZWN0b3I/Lignc2JiLWZsaXAtY2FyZC1kZXRhaWxzJyk7XG4gIH1cblxuICAvKiogUmV0dXJucyB0aGUgY2FyZCBkZXRhaWxzIGNvbnRlbnQgZWxlbWVudCB3cmFwcGVyLiAqL1xuICBwcml2YXRlIGdldCBfZGV0YWlsc0NvbnRlbnRFbGVtZW50KCk6IEhUTUxFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuZGV0YWlscyEuc2hhZG93Um9vdCEuZmlyc3RFbGVtZW50Q2hpbGQgYXMgSFRNTEVsZW1lbnQ7XG4gIH1cblxuICAvKiogV2hldGhlciB0aGUgZmxpcCBjYXJkIGlzIGZsaXBwZWQuICovXG4gIHB1YmxpYyBnZXQgaXNGbGlwcGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9mbGlwcGVkO1xuICB9XG5cbiAgLyoqIFdoZXRoZXIgdGhlIGNhcmQgaXMgZmxpcHBlZCBvciBub3QuICovXG4gIEBzdGF0ZSgpIHByaXZhdGUgYWNjZXNzb3IgX2ZsaXBwZWQgPSBmYWxzZTtcblxuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG4gIHByaXZhdGUgX2NhcmREZXRhaWxzUmVzaXplT2JzZXJ2ZXIgPSBuZXcgUmVzaXplQ29udHJvbGxlcih0aGlzLCB7XG4gICAgdGFyZ2V0OiBudWxsLFxuICAgIHNraXBJbml0aWFsOiB0cnVlLFxuICAgIGNhbGxiYWNrOiAoKSA9PiB0aGlzLl9zZXRDYXJkRGV0YWlsc0hlaWdodCgpLFxuICB9KTtcbiAgcHJpdmF0ZSBfcHJldmlvdXNJbWFnZUFsaWdubWVudD86IHN0cmluZztcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/LignY2xpY2snLCAoZXZlbnQ6IEV2ZW50KSA9PiB7XG4gICAgICBpZiAoZXZlbnQudGFyZ2V0ID09PSB0aGlzIHx8ICEoZXZlbnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50KT8ubWF0Y2hlcz8uKElTX0ZPQ1VTQUJMRV9RVUVSWSkpIHtcbiAgICAgICAgdGhpcy50b2dnbGUoKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgICB0aGlzLmFkZENvbnRyb2xsZXIoXG4gICAgICBuZXcgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlcih0aGlzLCAoKSA9PiB0aGlzLnN1bW1hcnksIHtcbiAgICAgICAgaW1hZ2VBbGlnbm1lbnQ6IChzKSA9PiB7XG4gICAgICAgICAgaWYgKHRoaXMuX3ByZXZpb3VzSW1hZ2VBbGlnbm1lbnQpIHtcbiAgICAgICAgICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5kZWxldGUoYGltYWdlLWFsaWdubWVudC0ke3RoaXMuX3ByZXZpb3VzSW1hZ2VBbGlnbm1lbnR9YCk7XG4gICAgICAgICAgfVxuICAgICAgICAgIHRoaXMuX3ByZXZpb3VzSW1hZ2VBbGlnbm1lbnQgPSBzLmltYWdlQWxpZ25tZW50O1xuICAgICAgICAgIGlmICh0aGlzLl9wcmV2aW91c0ltYWdlQWxpZ25tZW50KSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuYWRkKGBpbWFnZS1hbGlnbm1lbnQtJHt0aGlzLl9wcmV2aW91c0ltYWdlQWxpZ25tZW50fWApO1xuICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICk7XG4gIH1cblxuICAvKiogVG9nZ2xlcyB0aGUgc3RhdGUgb2YgdGhlIHNiYi1mbGlwLWNhcmQuICovXG4gIHB1YmxpYyB0b2dnbGUoKTogdm9pZCB7XG4gICAgdGhpcy5fZmxpcHBlZCA9ICF0aGlzLl9mbGlwcGVkO1xuICAgIGlmICh0aGlzLl9mbGlwcGVkKSB7XG4gICAgICB0aGlzLl9zZXRDYXJkRGV0YWlsc0hlaWdodCgpO1xuICAgICAgdGhpcy5fY2FyZERldGFpbHNSZXNpemVPYnNlcnZlci5vYnNlcnZlKHRoaXMuX2RldGFpbHNDb250ZW50RWxlbWVudCEpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLl9jYXJkRGV0YWlsc1Jlc2l6ZU9ic2VydmVyLnVub2JzZXJ2ZSh0aGlzLl9kZXRhaWxzQ29udGVudEVsZW1lbnQhKTtcbiAgICB9XG4gICAgdGhpcy50b2dnbGVTdGF0ZSgnZmxpcHBlZCcsIHRoaXMuX2ZsaXBwZWQpO1xuICAgIMm1c3RhdGVDb250cm9sbGVyKHRoaXMuZGV0YWlscyk/LnRvZ2dsZSgnZmxpcHBlZCcsIHRoaXMuX2ZsaXBwZWQpO1xuICAgIHRoaXMuc3VtbWFyeSEuaW5lcnQgPSB0aGlzLl9mbGlwcGVkO1xuICAgIHRoaXMuZGV0YWlscyEuaW5lcnQgPSAhdGhpcy5fZmxpcHBlZDtcbiAgICAvKiogRW1pdHMgd2hlbmV2ZXIgdGhlIGNvbXBvbmVudCBpcyBmbGlwcGVkLiAqL1xuICAgIHRoaXMuZGlzcGF0Y2hFdmVudChuZXcgRXZlbnQoJ2ZsaXAnLCB7IGJ1YmJsZXM6IHRydWUsIGNvbXBvc2VkOiB0cnVlIH0pKTtcbiAgfVxuXG4gIHByaXZhdGUgX3NldENhcmREZXRhaWxzSGVpZ2h0KCk6IGFueSB7XG4gICAgY29uc3QgY29udGVudEhlaWdodCA9IE1hdGguZmxvb3IodGhpcy5fZGV0YWlsc0NvbnRlbnRFbGVtZW50IS5vZmZzZXRIZWlnaHQpO1xuICAgIHRoaXMuc3R5bGU/LnNldFByb3BlcnR5KCctLXNiYi1mbGlwLWNhcmQtZGV0YWlscy1oZWlnaHQnLCBgJHtjb250ZW50SGVpZ2h0fXB4YCk7XG4gIH1cblxuICBwcml2YXRlIGFzeW5jIF9hY2Nlc3NpYmlsaXR5TGFiZWwoKTogUHJvbWlzZTxzdHJpbmc+IHtcbiAgICBpZiAoaXNTZXJ2ZXIpIHtcbiAgICAgIHJldHVybiAnJztcbiAgICB9XG4gICAgYXdhaXQgdGhpcy5oeWRyYXRpb25Db21wbGV0ZTtcblxuICAgIHJldHVybiAhdGhpcy5fZmxpcHBlZFxuICAgICAgPyBgJHsodGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWwgPyB0aGlzLmFjY2Vzc2liaWxpdHlMYWJlbCA6IHRoaXMuc3VtbWFyeT8udGV4dENvbnRlbnQ/LnRyaW0oKSkgPz8gJyd9LCAke2kxOG5GbGlwQ2FyZFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX1gXG4gICAgICA6IGkxOG5SZXZlcnNlQ2FyZFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1mbGlwLWNhcmRcIj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIGNsYXNzPVwic2JiLWZsaXAtY2FyZC1idXR0b25cIlxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9JHt0aGlzLl9mbGlwcGVkLnRvU3RyaW5nKCl9XG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgID5cbiAgICAgICAgICA8c2JiLXNjcmVlbi1yZWFkZXItb25seT4ke3VudGlsKHRoaXMuX2FjY2Vzc2liaWxpdHlMYWJlbCgpLCAnJyl9PC9zYmItc2NyZWVuLXJlYWRlci1vbmx5PlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPHNsb3QgbmFtZT1cInN1bW1hcnlcIiBAc2xvdGNoYW5nZT0keygpID0+ICh0aGlzLnN1bW1hcnkhLmluZXJ0ID0gdGhpcy5fZmxpcHBlZCl9Pjwvc2xvdD5cbiAgICAgICAgPHNsb3QgbmFtZT1cImRldGFpbHNcIiBAc2xvdGNoYW5nZT0keygpID0+ICh0aGlzLmRldGFpbHMhLmluZXJ0ID0gIXRoaXMuX2ZsaXBwZWQpfT48L3Nsb3Q+XG4gICAgICAgIDxzYmItc2Vjb25kYXJ5LWJ1dHRvbi1zdGF0aWMgY2xhc3M9XCJzYmItZmxpcC1jYXJkLS10b2dnbGUtYnV0dG9uXCIgc2l6ZT1cInNcIj5cbiAgICAgICAgICA8c2JiLWljb25cbiAgICAgICAgICAgIGNsYXNzPVwic2JiLWZsaXAtY2FyZC0tdG9nZ2xlLWJ1dHRvbi1pY29uXCJcbiAgICAgICAgICAgIHNsb3Q9XCJpY29uXCJcbiAgICAgICAgICAgIG5hbWU9XCJwbHVzLXNtYWxsXCJcbiAgICAgICAgICA+PC9zYmItaWNvbj5cbiAgICAgICAgPC9zYmItc2Vjb25kYXJ5LWJ1dHRvbi1zdGF0aWM+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZmxpcC1jYXJk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

package/development/flip-card.js

@@ -1,6 +1,6 @@
-import { t as SbbFlipCardDetailsElement } from "./flip-card-details.component-CqHDng0H.js";
-import { t as SbbFlipCardSummaryElement } from "./flip-card-summary.component-TGAaaJ2N.js";
-import { t as SbbFlipCardElement } from "./flip-card.component-tYrA2D0L.js";
+import { t as SbbFlipCardDetailsElement } from "./flip-card-details.component-iMm7NrgQ.js";
+import { t as SbbFlipCardSummaryElement } from "./flip-card-summary.component-HQ_VAn2j.js";
+import { t as SbbFlipCardElement } from "./flip-card.component-CJanLtkJ.js";
 import "./flip-card.pure.js";
 //#region src/elements/flip-card.ts
 /** @entrypoint */

package/development/flip-card.pure.js

@@ -1,4 +1,4 @@
-import { t as SbbFlipCardDetailsElement } from "./flip-card-details.component-CqHDng0H.js";
-import { t as SbbFlipCardSummaryElement } from "./flip-card-summary.component-TGAaaJ2N.js";
-import { t as SbbFlipCardElement } from "./flip-card.component-tYrA2D0L.js";
+import { t as SbbFlipCardDetailsElement } from "./flip-card-details.component-iMm7NrgQ.js";
+import { t as SbbFlipCardSummaryElement } from "./flip-card-summary.component-HQ_VAn2j.js";
+import { t as SbbFlipCardElement } from "./flip-card.component-CJanLtkJ.js";
 export { SbbFlipCardDetailsElement, SbbFlipCardElement, SbbFlipCardSummaryElement };

package/development/footer/footer.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/footer/footer.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAItD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;;AAIjD;;;;GAIG;AACH,qBAAa,gBAAiB,SAAQ,qBAA4B;IAChE,gBAAgC,WAAW,EAAE,MAAM,CAAgB;IACnE,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE;;;;OAIG;IACH,SAA6C,OAAO,EAAE,SAAS,GAAG,eAAe,CAAa;IAE9F;;;OAGG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,wEAAwE;IACxE,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,wGAAwG;IACxG,SACgB,uBAAuB,EAAE,aAAa,CAAO;cAE1C,MAAM,IAAI,cAAc;CAiB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
+{"version":3,"file":"footer.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/footer/footer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAInF,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAItD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;;AAIjD;;;;GAIG;AACH,qBAAa,gBAAiB,SAAQ,qBAA4B;IAChE,gBAAgC,WAAW,EAAE,MAAM,CAAgB;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF;;;;OAIG;IACH,SAA6C,OAAO,EAAE,SAAS,GAAG,eAAe,CAAa;IAE9F;;;OAGG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,wEAAwE;IACxE,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,wGAAwG;IACxG,SACgB,uBAAuB,EAAE,aAAa,CAAO;cAE1C,MAAM,IAAI,cAAc;CAiB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/development/footer/footer.component.js

@@ -1,2 +1,2 @@
-import { t as SbbFooterElement } from "../footer.component-DY8zn94V.js";
+import { t as SbbFooterElement } from "../footer.component-BblB5218.js";
 export { SbbFooterElement };