@sbb-esta/lyne-elements 4.10.0 → 5.0.0-next

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

@@ -1 +1 @@
-{"version":3,"file":"flip-card-details.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/flip-card/flip-card-details/flip-card-details.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhF,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAKzD;;;;GAIG;AACH,qBAAa,yBAA0B,SAAQ,UAAU;IACvD,gBAAgC,WAAW,EAAE,MAAM,CAA2B;IAC9E,OAAuB,MAAM,EAAE,cAAc,CAAuC;;IAkBpE,iBAAiB,IAAI,IAAI;IAKzC,OAAO,CAAC,uBAAuB;cAOZ,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}
+{"version":3,"file":"flip-card-details.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/flip-card/flip-card-details/flip-card-details.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhF,OAAO,EAAsB,UAAU,EAAmB,MAAM,eAAe,CAAC;AAIhF;;;;GAIG;AACH,qBAAa,yBAA0B,SAAQ,UAAU;IACvD,gBAAgC,WAAW,EAAE,MAAM,CAA2B;IAC9E,OAAuB,MAAM,EAAE,cAAc,CAAuC;;IAkBpE,iBAAiB,IAAI,IAAI;IAKzC,OAAO,CAAC,uBAAuB;cAOZ,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}

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-iMm7NrgQ.js";
+import { t as SbbFlipCardDetailsElement } from "../../flip-card-details.component-CKRovHqO.js";
 export { SbbFlipCardDetailsElement };

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

@@ -1,5 +1,5 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
-import { SbbElement } from '../../core/base-elements.ts';
+import { SbbElement } from '../../core.ts';
 export type SbbFlipCardImageAlignment = 'after' | 'below';
 /**
  * Combined with a `sbb-flip-card`, it displays its content when the card is not flipped.

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,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"}
+{"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,EAAmB,MAAM,eAAe,CAAC;AAI5D,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-HQ_VAn2j.js";
+import { t as SbbFlipCardSummaryElement } from "../../flip-card-summary.component-THvJF3Cl.js";
 export { SbbFlipCardSummaryElement };

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

@@ -0,0 +1,55 @@
+import { html, unsafeCSS } from "lit";
+import { IS_FOCUSABLE_QUERY, SbbElement, boxSizingStyles } from "./core.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLWRldGFpbHMuY29tcG9uZW50LUNLUm92SHFPLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9mbGlwLWNhcmQvZmxpcC1jYXJkLWRldGFpbHMvZmxpcC1jYXJkLWRldGFpbHMuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvZmxpcC1jYXJkL2ZsaXAtY2FyZC1kZXRhaWxzL2ZsaXAtY2FyZC1kZXRhaWxzLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIC0tc2JiLWZvY3VzLW91dGxpbmUtY29sb3I6IHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yLWRhcmspO1xuICAtLXNiYi1mbGlwLWNhcmQtZGV0YWlscy10cmFuc2l0aW9uLWRlbGF5OiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi01eClcbiAgKTtcbiAgLS1zYmItZmxpcC1jYXJkLWRldGFpbHMtcGFkZGluZy1ibG9jay1lbmQ6IGNhbGMoXG4gICAgdmFyKC0tc2JiLWZsaXAtY2FyZC1wYWRkaW5nKSArIHZhcigtLXNiYi1mbGlwLWNhcmQtcGFkZGluZy1ibG9jay1lbmQpICtcbiAgICAgIHZhcigtLXNiYi1idXR0b24tbWluLWhlaWdodC1zaXplLXMpXG4gICk7XG5cbiAgZGlzcGxheTogYmxvY2s7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIGNvbG9yOiB2YXIoLS1zYmItY29sb3ItbWlsayk7XG4gIG9wYWNpdHk6IHZhcigtLXNiYi1mbGlwLWNhcmQtZGV0YWlscy1vcGFjaXR5LCAwKTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKHZhcigtLXNiYi1mbGlwLWNhcmQtZGV0YWlscy10cmFuc2xhdGUteSkpO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiB0cmFuc2Zvcm0sIG9wYWNpdHk7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IHZhcigtLXNiYi1mbGlwLWNhcmQtZGV0YWlscy10cmFuc2l0aW9uLWR1cmF0aW9uKTtcbn1cblxuOmhvc3QoOnN0YXRlKGZsaXBwZWQpKSB7XG4gIHRyYW5zaXRpb24tZGVsYXk6XG4gICAgdmFyKC0tc2JiLWZsaXAtY2FyZC1kZXRhaWxzLXRyYW5zaXRpb24tZGVsYXkpLCB2YXIoLS1zYmItZmxpcC1jYXJkLWRldGFpbHMtdHJhbnNpdGlvbi1kZWxheSk7XG59XG5cbi5zYmItZmxpcC1jYXJkLWRldGFpbHMge1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiB2YXIoLS1zYmItZmxpcC1jYXJkLXBhZGRpbmcpO1xuICBwYWRkaW5nLWJsb2NrLWVuZDogdmFyKC0tc2JiLWZsaXAtY2FyZC1kZXRhaWxzLXBhZGRpbmctYmxvY2stZW5kKTtcbn1cbiIsImltcG9ydCB7IE11dGF0aW9uQ29udHJvbGxlciB9IGZyb20gJ0BsaXQtbGFicy9vYnNlcnZlcnMvbXV0YXRpb24tY29udHJvbGxlci5qcyc7XG5pbXBvcnQgeyBodG1sLCB1bnNhZmVDU1MsIHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgeyBJU19GT0NVU0FCTEVfUVVFUlksIFNiYkVsZW1lbnQsIGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9mbGlwLWNhcmQtZGV0YWlscy5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogQ29tYmluZWQgd2l0aCBhIGBzYmItZmxpcC1jYXJkYCwgaXQgZGlzcGxheXMgaXRzIGNvbnRlbnQgd2hlbiB0aGUgY2FyZCBpcyBmbGlwcGVkLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gcHJvdmlkZSBhbnkga2luZCBvZiBjb250ZW50LlxuICovXG5leHBvcnQgY2xhc3MgU2JiRmxpcENhcmREZXRhaWxzRWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLWZsaXAtY2FyZC1kZXRhaWxzJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG5cbiAgICB0aGlzLmFkZENvbnRyb2xsZXIoXG4gICAgICBuZXcgTXV0YXRpb25Db250cm9sbGVyKHRoaXMsIHtcbiAgICAgICAgY29uZmlnOiB7XG4gICAgICAgICAgY2hpbGRMaXN0OiB0cnVlLFxuICAgICAgICAgIHN1YnRyZWU6IHRydWUsXG4gICAgICAgICAgYXR0cmlidXRlczogdHJ1ZSxcbiAgICAgICAgICBhdHRyaWJ1dGVGaWx0ZXI6IFsnaHJlZicsICd0YWJpbmRleCcsICdkaXNhYmxlZCcsICdpbmVydCddLFxuICAgICAgICB9LFxuICAgICAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fY2hlY2tGb3JTbG90dGVkQWN0aW9ucygpLFxuICAgICAgfSksXG4gICAgKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuc2xvdCB8fD0gJ2RldGFpbHMnO1xuICB9XG5cbiAgcHJpdmF0ZSBfY2hlY2tGb3JTbG90dGVkQWN0aW9ucygpOiB2b2lkIHtcbiAgICAvLyBXZSBpbnRlbnRpb25hbGx5IHVzZSB0b2dnbGUgaGVyZSwgYXMgYWRkIGNhdXNlcyBhIE11dGF0aW9uT2JzZXJ2ZXIgbG9vcC5cbiAgICBBcnJheS5mcm9tKHRoaXMucXVlcnlTZWxlY3RvckFsbD8uKElTX0ZPQ1VTQUJMRV9RVUVSWSkgPz8gW10pLmZvckVhY2goKGVsOiBFbGVtZW50KSA9PlxuICAgICAgZWwuY2xhc3NMaXN0LnRvZ2dsZSgnc2JiLWFjdGlvbicsIHRydWUpLFxuICAgICk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItZmxpcC1jYXJkLWRldGFpbHNcIj5cbiAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWZsaXAtY2FyZC1kZXRhaWxzJzogU2JiRmxpcENhcmREZXRhaWxzRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUNZQSxJQUFhLDRCQUFiLGNBQStDLFdBQVU7O0FBQ3ZCLE9BQUEsY0FBc0I7OztBQUMvQixPQUFBLFNBQXlCLENBQUMsaUJBQWlCLFVBQVUsMEJBQU0sQ0FBQzs7Q0FFbkYsY0FBQTtBQUNFLFNBQU87QUFFUCxPQUFLLGNBQ0gsSUFBSSxtQkFBbUIsTUFBTTtHQUMzQixRQUFRO0lBQ04sV0FBVztJQUNYLFNBQVM7SUFDVCxZQUFZO0lBQ1osaUJBQWlCO0tBQUM7S0FBUTtLQUFZO0tBQVk7O0lBQ25EO0dBQ0QsZ0JBQWdCLEtBQUsseUJBQUE7R0FDdEIsQ0FBQyxDQUNIOztDQUdhLG9CQUFpQjtBQUMvQixRQUFNLG1CQUFtQjtBQUN6QixPQUFLLFNBQVM7O0NBR1IsMEJBQXVCO0FBRTdCLFFBQU0sS0FBSyxLQUFLLG1CQUFtQixtQkFBbUIsSUFBSSxFQUFFLENBQUMsQ0FBQyxTQUFTLE9BQ3JFLEdBQUcsVUFBVSxPQUFPLGNBQWMsS0FBSyxDQUN4Qzs7Q0FHZ0IsU0FBTTtBQUN2QixTQUFPLElBQUkifQ==

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

@@ -0,0 +1,83 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement, boxSizingStyles } from "./core.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLXN1bW1hcnkuY29tcG9uZW50LVRIdkpGM0NsLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9mbGlwLWNhcmQvZmxpcC1jYXJkLXN1bW1hcnkvZmxpcC1jYXJkLXN1bW1hcnkuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvZmxpcC1jYXJkL2ZsaXAtY2FyZC1zdW1tYXJ5L2ZsaXAtY2FyZC1zdW1tYXJ5LmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIG1pbi1oZWlnaHQ6IHZhcigtLXNiYi1mbGlwLWNhcmQtbWluLWhlaWdodCk7XG4gIHBvaW50ZXItZXZlbnRzOiB2YXIoLS1zYmItZmxpcC1jYXJkLXN1bW1hcnktcG9pbnRlci1ldmVudHMsIGFsbCk7XG4gIG9wYWNpdHk6IHZhcigtLXNiYi1mbGlwLWNhcmQtc3VtbWFyeS1vcGFjaXR5LCAxKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWZsaXAtY2FyZC1ib3JkZXItcmFkaXVzKTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiBtaW5tYXgoMCwgMWZyKTtcbiAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBhdXRvIG1pbm1heCgwLCAxZnIpO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB0cmFuc2l0aW9uOiBhbGwgdmFyKC0tc2JiLWZsaXAtY2FyZC1zdW1tYXJ5LXRyYW5zaXRpb24tZHVyYXRpb24pIGVhc2Utb3V0O1xuICB0cmFuc2l0aW9uLWRlbGF5OiB2YXIoLS1zYmItZmxpcC1jYXJkLXN1bW1hcnktdHJhbnNpdGlvbi1kZWxheSk7XG59XG5cbjpob3N0KFtpbWFnZS1hbGlnbm1lbnQ9J2FmdGVyJ10pIHtcbiAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBzbWFsbCkge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDMsIG1pbm1heCgwLCAxZnIpKTtcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6IDFmcjtcbiAgfVxuXG4gIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogbGFyZ2UpIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiAxZnI7XG4gIH1cbn1cblxuOjpzbG90dGVkKHNiYi10aXRsZSkge1xuICBwYWRkaW5nLWlubGluZTogdmFyKC0tc2JiLWZsaXAtY2FyZC1wYWRkaW5nKTtcbiAgcGFkZGluZy1ibG9jazogdmFyKC0tc2JiLWZsaXAtY2FyZC1wYWRkaW5nKSB2YXIoLS1zYmItZmxpcC1jYXJkLXBhZGRpbmctYmxvY2stZW5kKTtcbiAgbWFyZ2luOiAwO1xuICBncmlkLWFyZWE6IDEgLyAxIC8gMiAvIDI7XG5cbiAgOmhvc3QoW2ltYWdlLWFsaWdubWVudD0nYWZ0ZXInXSkgJiB7XG4gICAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBzbWFsbCkge1xuICAgICAgZ3JpZC1hcmVhOiAxIC8gMSAvIDIgLyAzO1xuICAgIH1cblxuICAgIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogbGFyZ2UpIHtcbiAgICAgIGdyaWQtYXJlYTogMSAvIDEgLyAyIC8gMjtcbiAgICB9XG4gIH1cbn1cblxuOjpzbG90dGVkKCo6bm90KFtzbG90PSdpbWFnZSddKSkge1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkodmFyKC0tc2JiLWZsaXAtY2FyZC10cmFuc2xhdGUtdGl0bGUteS1ob3ZlciwgI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDApfSkpO1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gdmFyKC0tc2JiLWRpc2FibGUtYW5pbWF0aW9uLWR1cmF0aW9uLCB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTJ4KSlcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG59XG5cbi5zYmItZmxpcC1jYXJkLXN1bW1hcnktLWltYWdlLXdyYXBwZXIge1xuICBncmlkLWFyZWE6IDIgLyAxIC8gMyAvIDI7XG5cbiAgOmhvc3QoW2ltYWdlLWFsaWdubWVudD0nYWZ0ZXInXSkgJiB7XG4gICAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBzbWFsbCkge1xuICAgICAgZ3JpZC1hcmVhOiAxIC8gMyAvIDIgLyA0O1xuICAgIH1cblxuICAgIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogbGFyZ2UpIHtcbiAgICAgIGdyaWQtYXJlYTogMSAvIDIgLyAyIC8gMztcbiAgICB9XG4gIH1cbn1cblxuOjpzbG90dGVkKFtzbG90PSdpbWFnZSddKSB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG59XG4iLCJpbXBvcnQgeyBodG1sLCB1bnNhZmVDU1MsIHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkVsZW1lbnQsIGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9mbGlwLWNhcmQtc3VtbWFyeS5zY3NzP2lubGluZSc7XG5cbmV4cG9ydCB0eXBlIFNiYkZsaXBDYXJkSW1hZ2VBbGlnbm1lbnQgPSAnYWZ0ZXInIHwgJ2JlbG93JztcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgYHNiYi1mbGlwLWNhcmRgLCBpdCBkaXNwbGF5cyBpdHMgY29udGVudCB3aGVuIHRoZSBjYXJkIGlzIG5vdCBmbGlwcGVkLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gcHJvdmlkZSBhIHRpdGxlIGZvciB0aGUgYHNiYi1mbGlwLWNhcmQtc3VtbWFyeWAuXG4gKiBAc2xvdCBpbWFnZSAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSBhbiBpbWFnZSBmb3IgdGhlIGBzYmItZmxpcC1jYXJkLXN1bW1hcnlgLlxuICovXG5leHBvcnQgY2xhc3MgU2JiRmxpcENhcmRTdW1tYXJ5RWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLWZsaXAtY2FyZC1zdW1tYXJ5JztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgLyoqIFRoZSBwb3NpdGlvbiB3aGVyZSB0byByZW5kZXIgdGhlIGltYWdlLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdpbWFnZS1hbGlnbm1lbnQnLCByZWZsZWN0OiB0cnVlIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBpbWFnZUFsaWdubWVudDogU2JiRmxpcENhcmRJbWFnZUFsaWdubWVudCA9ICdhZnRlcic7XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5zbG90IHx8PSAnc3VtbWFyeSc7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItZmxpcC1jYXJkLXN1bW1hcnktLWltYWdlLXdyYXBwZXJcIj5cbiAgICAgICAgPHNsb3QgbmFtZT1cImltYWdlXCI+PC9zbG90PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWZsaXAtY2FyZC1zdW1tYXJ5JzogU2JiRmxpcENhcmRTdW1tYXJ5RWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7OztJQ2VhLG1DQUF5QjttQkFBUzs7OztjQUFsQyxrQ0FBa0MsWUFBVTs7O2lDQUt0RCxTQUFTO0lBQUUsV0FBVztJQUFtQixTQUFTO0lBQU0sQ0FBQyxDQUFBO0FBQzFELGdCQUFBLE1BQUEsTUFBQSw0QkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLG9CQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQWMsTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFkLGlCQUFjOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsOEJBQUEsa0NBQUE7Ozs7Ozs7OztBQUxFLFFBQUEsY0FBc0I7OztBQUMvQixRQUFBLFNBQXlCLENBQUMsaUJBQWlCLFVBQVUsMEJBQU0sQ0FBQzs7RUFJbkYsbUNBQUEsa0JBQUEsTUFBQSw4QkFBNEQsUUFBTzs7RUFBbkUsSUFBZ0IsaUJBQWM7QUFBQSxVQUFBLE1BQUE7O0VBQTlCLElBQWdCLGVBQWMsT0FBQTtBQUFBLFNBQUEsa0NBQUE7O0VBRWQsb0JBQWlCO0FBQy9CLFNBQU0sbUJBQW1CO0FBQ3pCLFFBQUssU0FBUzs7RUFHRyxTQUFNO0FBQ3ZCLFVBQU8sSUFBSSJ9

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

@@ -0,0 +1,185 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, isServer, unsafeCSS } from "lit";
+import { property, state } from "lit/decorators.js";
+import { IS_FOCUSABLE_QUERY, SbbElement, SbbLanguageController, SbbPropertyWatcherController, SbbScreenReaderOnlyElement, boxSizingStyles, forceType, i18nFlipCard, i18nReverseCard, ɵstateController } from "./core.js";
+import { SbbSecondaryButtonStaticElement } from "./button.pure.js";
+import { ResizeController } from "@lit-labs/observers/resize-controller.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
+/**
+* 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.elementDependencies = [SbbSecondaryButtonStaticElement, SbbScreenReaderOnlyElement];
+		}
+		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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLmNvbXBvbmVudC1xbm9kemlmMi5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvZmxpcC1jYXJkL2ZsaXAtY2FyZC9mbGlwLWNhcmQuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvZmxpcC1jYXJkL2ZsaXAtY2FyZC9mbGlwLWNhcmQuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLS1zYmItZmxpcC1jYXJkLXN1bW1hcnktdHJhbnNpdGlvbi1kdXJhdGlvbjogdmFyKFxuICAgIC0tc2JiLWRpc2FibGUtYW5pbWF0aW9uLWR1cmF0aW9uLFxuICAgIHZhcigtLXNiYi1hbmltYXRpb24tZHVyYXRpb24tNXgpXG4gICk7XG4gIC0tc2JiLWZsaXAtY2FyZC1zdW1tYXJ5LXRyYW5zaXRpb24tZGVsYXk6IHZhcihcbiAgICAtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbixcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTJ4KVxuICApO1xuICAtLXNiYi1mbGlwLWNhcmQtZGV0YWlscy10cmFuc2l0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi00eClcbiAgKTtcblxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG46aG9zdCg6aG92ZXIpIHtcbiAgQGluY2x1ZGUgc2JiLmhvdmVyLW1xKCRob3ZlcjogdHJ1ZSkge1xuICAgIC0tc2JiLWZsaXAtY2FyZC1iYWNrZ3JvdW5kLWNvbG9yOiBsaWdodC1kYXJrKFxuICAgICAgY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLXNiYi1jb2xvci1jbG91ZCkgODAlLCB0cmFuc3BhcmVudCksXG4gICAgICB2YXIoLS1zYmItY29sb3ItaXJvbilcbiAgICApO1xuICAgIC0tc2JiLWZsaXAtY2FyZC10cmFuc2xhdGUtdGl0bGUteS1ob3ZlcjogI3tzYmIucHgtdG8tcmVtLWJ1aWxkKC0xKX07XG4gIH1cbn1cblxuOmhvc3QoOnN0YXRlKGZsaXBwZWQpKSB7XG4gIC0tc2JiLWZsaXAtY2FyZC10b2dnbGUtaWNvbi10cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gIC0tc2JiLWZsaXAtY2FyZC1kZXRhaWxzLXRyYW5zaXRpb24tZHVyYXRpb246IHZhcihcbiAgICAtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbixcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTJ4KVxuICApO1xuICAtLXNiYi1mbGlwLWNhcmQtc3VtbWFyeS10cmFuc2l0aW9uLWRlbGF5OiAwcztcblxuICA6OnNsb3R0ZWQoc2JiLWZsaXAtY2FyZC1zdW1tYXJ5KSB7XG4gICAgLS1zYmItZmxpcC1jYXJkLXN1bW1hcnktb3BhY2l0eTogMDtcbiAgICAtLXNiYi1mbGlwLWNhcmQtc3VtbWFyeS1wb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gIDo6c2xvdHRlZChzYmItZmxpcC1jYXJkLWRldGFpbHMpIHtcbiAgICAtLXNiYi1mbGlwLWNhcmQtZGV0YWlscy1vcGFjaXR5OiAxO1xuICAgIC0tc2JiLWZsaXAtY2FyZC1kZXRhaWxzLXRyYW5zbGF0ZS15OiAwO1xuICB9XG59XG5cbjpob3N0KDpzdGF0ZShpbWFnZS1hbGlnbm1lbnQtYWZ0ZXIpKSB7XG4gIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogc21hbGwsICR0bzogbGFyZ2UpIHtcbiAgICAtLXNiYi1mbGlwLWNhcmQtbWluLWhlaWdodDogI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDI0MCl9O1xuICB9XG5cbiAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiB1bHRyYSkge1xuICAgIC0tc2JiLWZsaXAtY2FyZC1taW4taGVpZ2h0OiAje3NiYi5weC10by1yZW0tYnVpbGQoNDAwKX07XG4gIH1cbn1cblxuLnNiYi1mbGlwLWNhcmQge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogMTAwJTtcbiAgZmxleC1mbG93OiB3cmFwO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBtaW4taGVpZ2h0OiB2YXIoLS1zYmItZmxpcC1jYXJkLW1pbi1oZWlnaHQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItZmxpcC1jYXJkLWJhY2tncm91bmQtY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItZmxpcC1jYXJkLWJvcmRlci1yYWRpdXMpO1xuICB0cmFuc2l0aW9uOlxuICAgIGFsbCB2YXIoLS1zYmItZmxpcC1jYXJkLXN1bW1hcnktdHJhbnNpdGlvbi1kdXJhdGlvbikgZWFzZS1vdXQsXG4gICAgbWluLWhlaWdodCB2YXIoLS1zYmItZmxpcC1jYXJkLWRldGFpbHMtdHJhbnNpdGlvbi1kdXJhdGlvbik7XG4gIHRyYW5zaXRpb24tZGVsYXk6IHZhcigtLXNiYi1mbGlwLWNhcmQtc3VtbWFyeS10cmFuc2l0aW9uLWRlbGF5KTtcbiAgY3Vyc29yOiB2YXIoLS1zYmItY3Vyc29yLXBvaW50ZXIpO1xuXG4gIDpob3N0KDpzdGF0ZShmbGlwcGVkKSkgJiB7XG4gICAgbWluLWhlaWdodDogbWF4KHZhcigtLXNiYi1mbGlwLWNhcmQtbWluLWhlaWdodCksIHZhcigtLXNiYi1mbGlwLWNhcmQtZGV0YWlscy1oZWlnaHQpKTtcbiAgfVxuXG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAmOjphZnRlciB7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGJvcmRlcjogdmFyKC0tc2JiLWZsaXAtY2FyZC1ib3JkZXIpIHNvbGlkIENhbnZhc1RleHQ7XG4gICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItZmxpcC1jYXJkLWJvcmRlci1yYWRpdXMpO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgaW5zZXQ6IDA7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcblxuICAgICAgOmhvc3QoOmhvdmVyKSAmIHtcbiAgICAgICAgQGluY2x1ZGUgc2JiLmhvdmVyLW1xKCRob3ZlcjogdHJ1ZSkge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogSGlnaGxpZ2h0O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgLy8gRXhwYW5kaW5nIGRhcmsgYmFja2dyb3VuZCBmcm9tIHRoZSBidXR0b24gd2hlbiBmbGlwcGVkLlxuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGluc2V0LWlubGluZS1zdGFydDogdmFyKC0tc2JiLWZsaXAtY2FyZC1wYWRkaW5nKTtcbiAgICBpbnNldC1ibG9jay1lbmQ6IHZhcigtLXNiYi1mbGlwLWNhcmQtcGFkZGluZyk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogbGlnaHQtZGFyayh2YXIoLS1zYmItY29sb3ItbWlkbmlnaHQpLCB2YXIoLS1zYmItY29sb3ItaXJvbikpO1xuICAgIHdpZHRoOiB2YXIoLS1zYmItZmxpcC1jYXJkLWJ1dHRvbi1kaW1lbnNpb25zKTtcbiAgICBoZWlnaHQ6IHZhcigtLXNiYi1mbGlwLWNhcmQtYnV0dG9uLWRpbWVuc2lvbnMpO1xuXG4gICAgLy8gVXNlIHRoaXMgbGFyZ2UgYm9yZGVyIHJhZGl1cyB0byBpbXByb3ZlIHRoZSBhcHBlYXJhbmNlIG9mIHRoZSBleHBhbmRpbmcgZGFyayBiYWNrZ3JvdW5kLlxuICAgIGJvcmRlci1yYWRpdXM6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCgyNTYpfTtcbiAgICB0cmFuc2l0aW9uOiB2YXIoLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sIHZhcigtLXNiYi1hbmltYXRpb24tZHVyYXRpb24tM3gpKSBlYXNlLW91dDtcblxuICAgIDpob3N0KDpzdGF0ZShmbGlwcGVkKSkgJiB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgaW5zZXQtYmxvY2stZW5kOiAwO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItZmxpcC1jYXJkLWJvcmRlci1yYWRpdXMpO1xuICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogdmFyKC0tc2JiLWRpc2FibGUtYW5pbWF0aW9uLWR1cmF0aW9uLCB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTV4KSk7XG4gICAgfVxuICB9XG59XG5cbi5zYmItZmxpcC1jYXJkLS10b2dnbGUtYnV0dG9uIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBpbnNldC1pbmxpbmUtc3RhcnQ6IHZhcigtLXNiYi1mbGlwLWNhcmQtcGFkZGluZyk7XG4gIGluc2V0LWJsb2NrLWVuZDogdmFyKC0tc2JiLWZsaXAtY2FyZC1wYWRkaW5nKTtcblxuICA6aG9zdCg6c3RhdGUoZmxpcHBlZCkpICYge1xuICAgIC0tc2JiLWZvY3VzLW91dGxpbmUtY29sb3I6IHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yLWRhcmspO1xuICB9XG59XG5cbi5zYmItZmxpcC1jYXJkLS10b2dnbGUtYnV0dG9uLWljb24ge1xuICB0cmFuc2Zvcm06IHZhcigtLXNiYi1mbGlwLWNhcmQtdG9nZ2xlLWljb24tdHJhbnNmb3JtLCBub25lKTtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIHZhcigtLXNiYi1mbGlwLWNhcmQtc3VtbWFyeS10cmFuc2l0aW9uLWR1cmF0aW9uKSBlYXNlLW91dDtcbn1cblxuLnNiYi1mbGlwLWNhcmQtYnV0dG9uIHtcbiAgQGluY2x1ZGUgc2JiLmJ1dHRvbi1yZXNldDtcblxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGluc2V0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWZsaXAtY2FyZC1ib3JkZXItcmFkaXVzKTtcbiAgY3Vyc29yOiB2YXIoLS1zYmItY3Vyc29yLXBvaW50ZXIpO1xuXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgQGluY2x1ZGUgc2JiLmZvY3VzLW91dGxpbmU7XG4gIH1cbn1cbiIsImltcG9ydCB7IFJlc2l6ZUNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL3Jlc2l6ZS1jb250cm9sbGVyLmpzJztcbmltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIGlzU2VydmVyLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHksIHN0YXRlIH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgdW50aWwgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy91bnRpbC5qcyc7XG5cbmltcG9ydCB7IFNiYlNlY29uZGFyeUJ1dHRvblN0YXRpY0VsZW1lbnQgfSBmcm9tICcuLi8uLi9idXR0b24ucHVyZS50cyc7XG5pbXBvcnQge1xuICBJU19GT0NVU0FCTEVfUVVFUlksXG4gIFNiYkxhbmd1YWdlQ29udHJvbGxlcixcbiAgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlcixcbiAgZm9yY2VUeXBlLFxuICBpMThuRmxpcENhcmQsXG4gIGkxOG5SZXZlcnNlQ2FyZCxcbiAgYm94U2l6aW5nU3R5bGVzLFxuICBTYmJTY3JlZW5SZWFkZXJPbmx5RWxlbWVudCxcbiAgU2JiRWxlbWVudCxcbiAgdHlwZSBTYmJFbGVtZW50VHlwZSxcbiAgybVzdGF0ZUNvbnRyb2xsZXIsXG59IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJGbGlwQ2FyZERldGFpbHNFbGVtZW50IH0gZnJvbSAnLi4vZmxpcC1jYXJkLWRldGFpbHMvZmxpcC1jYXJkLWRldGFpbHMuY29tcG9uZW50LnRzJztcbmltcG9ydCB0eXBlIHsgU2JiRmxpcENhcmRTdW1tYXJ5RWxlbWVudCB9IGZyb20gJy4uL2ZsaXAtY2FyZC1zdW1tYXJ5L2ZsaXAtY2FyZC1zdW1tYXJ5LmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2ZsaXAtY2FyZC5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogRGlzcGxheXMgYW4gaW5mb3JtYXRpdmUgY2FyZCB0aGF0IHJldmVhbHMgbW9yZSBpbmZvcm1hdGlvbiB1cG9uIGJlaW5nIGNsaWNrZWQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYSBgc2JiLWZsaXAtY2FyZC1zdW1tYXJ5YCBhbmQgYSBgc2JiLWZsaXAtY2FyZC1kZXRhaWxzYCBlbGVtZW50LlxuICpcbiAqL1xuZXhwb3J0IGNsYXNzIFNiYkZsaXBDYXJkRWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLWZsaXAtY2FyZCc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgZWxlbWVudERlcGVuZGVuY2llczogU2JiRWxlbWVudFR5cGVbXSA9IFtcbiAgICBTYmJTZWNvbmRhcnlCdXR0b25TdGF0aWNFbGVtZW50LFxuICAgIFNiYlNjcmVlblJlYWRlck9ubHlFbGVtZW50LFxuICBdO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHMgPSB7XG4gICAgZmxpcDogJ2ZsaXAnLFxuICB9IGFzIGNvbnN0O1xuXG4gIC8qKlxuICAgKiBUaGlzIHdpbGwgYmUgZm9yd2FyZGVkIGFzIGFyaWEtbGFiZWwgdG8gdGhlIGFjdGlvbiBpbiB0aGUgbm9uIGZsaXBwZWQgc3RhdGUuXG4gICAqIElmIG5vdCBzZXQsIHRoZSB0ZXh0Q29udGVudCBvZiB0aGUgYHNiYi1mbGlwLWNhcmQtc3VtbWFyeWAgaXMgdGFrZW4uXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYWNjZXNzaWJpbGl0eS1sYWJlbCcgfSlcbiAgcHVibGljIGFjY2Vzc29yIGFjY2Vzc2liaWxpdHlMYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgLyoqIFJldHVybnMgdGhlIHNsb3R0ZWQgc2JiLWZsaXAtY2FyZC1zdW1tYXJ5LiAqL1xuICBwdWJsaWMgZ2V0IHN1bW1hcnkoKTogU2JiRmxpcENhcmRTdW1tYXJ5RWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLnF1ZXJ5U2VsZWN0b3I/Lignc2JiLWZsaXAtY2FyZC1zdW1tYXJ5Jyk7XG4gIH1cblxuICAvKiogUmV0dXJucyB0aGUgc2xvdHRlZCBzYmItZmxpcC1jYXJkLWRldGFpbHMuICovXG4gIHB1YmxpYyBnZXQgZGV0YWlscygpOiBTYmJGbGlwQ2FyZERldGFpbHNFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMucXVlcnlTZWxlY3Rvcj8uKCdzYmItZmxpcC1jYXJkLWRldGFpbHMnKTtcbiAgfVxuXG4gIC8qKiBSZXR1cm5zIHRoZSBjYXJkIGRldGFpbHMgY29udGVudCBlbGVtZW50IHdyYXBwZXIuICovXG4gIHByaXZhdGUgZ2V0IF9kZXRhaWxzQ29udGVudEVsZW1lbnQoKTogSFRNTEVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5kZXRhaWxzIS5zaGFkb3dSb290IS5maXJzdEVsZW1lbnRDaGlsZCBhcyBIVE1MRWxlbWVudDtcbiAgfVxuXG4gIC8qKiBXaGV0aGVyIHRoZSBmbGlwIGNhcmQgaXMgZmxpcHBlZC4gKi9cbiAgcHVibGljIGdldCBpc0ZsaXBwZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2ZsaXBwZWQ7XG4gIH1cblxuICAvKiogV2hldGhlciB0aGUgY2FyZCBpcyBmbGlwcGVkIG9yIG5vdC4gKi9cbiAgQHN0YXRlKCkgcHJpdmF0ZSBhY2Nlc3NvciBfZmxpcHBlZCA9IGZhbHNlO1xuXG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcbiAgcHJpdmF0ZSBfY2FyZERldGFpbHNSZXNpemVPYnNlcnZlciA9IG5ldyBSZXNpemVDb250cm9sbGVyKHRoaXMsIHtcbiAgICB0YXJnZXQ6IG51bGwsXG4gICAgc2tpcEluaXRpYWw6IHRydWUsXG4gICAgY2FsbGJhY2s6ICgpID0+IHRoaXMuX3NldENhcmREZXRhaWxzSGVpZ2h0KCksXG4gIH0pO1xuICBwcml2YXRlIF9wcmV2aW91c0ltYWdlQWxpZ25tZW50Pzogc3RyaW5nO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdjbGljaycsIChldmVudDogRXZlbnQpID0+IHtcbiAgICAgIGlmIChldmVudC50YXJnZXQgPT09IHRoaXMgfHwgIShldmVudC50YXJnZXQgYXMgSFRNTEVsZW1lbnQpPy5tYXRjaGVzPy4oSVNfRk9DVVNBQkxFX1FVRVJZKSkge1xuICAgICAgICB0aGlzLnRvZ2dsZSgpO1xuICAgICAgfVxuICAgIH0pO1xuICAgIHRoaXMuYWRkQ29udHJvbGxlcihcbiAgICAgIG5ldyBTYmJQcm9wZXJ0eVdhdGNoZXJDb250cm9sbGVyKHRoaXMsICgpID0+IHRoaXMuc3VtbWFyeSwge1xuICAgICAgICBpbWFnZUFsaWdubWVudDogKHMpID0+IHtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNJbWFnZUFsaWdubWVudCkge1xuICAgICAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmRlbGV0ZShgaW1hZ2UtYWxpZ25tZW50LSR7dGhpcy5fcHJldmlvdXNJbWFnZUFsaWdubWVudH1gKTtcbiAgICAgICAgICB9XG4gICAgICAgICAgdGhpcy5fcHJldmlvdXNJbWFnZUFsaWdubWVudCA9IHMuaW1hZ2VBbGlnbm1lbnQ7XG4gICAgICAgICAgaWYgKHRoaXMuX3ByZXZpb3VzSW1hZ2VBbGlnbm1lbnQpIHtcbiAgICAgICAgICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5hZGQoYGltYWdlLWFsaWdubWVudC0ke3RoaXMuX3ByZXZpb3VzSW1hZ2VBbGlnbm1lbnR9YCk7XG4gICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgKTtcbiAgfVxuXG4gIC8qKiBUb2dnbGVzIHRoZSBzdGF0ZSBvZiB0aGUgc2JiLWZsaXAtY2FyZC4gKi9cbiAgcHVibGljIHRvZ2dsZSgpOiB2b2lkIHtcbiAgICB0aGlzLl9mbGlwcGVkID0gIXRoaXMuX2ZsaXBwZWQ7XG4gICAgaWYgKHRoaXMuX2ZsaXBwZWQpIHtcbiAgICAgIHRoaXMuX3NldENhcmREZXRhaWxzSGVpZ2h0KCk7XG4gICAgICB0aGlzLl9jYXJkRGV0YWlsc1Jlc2l6ZU9ic2VydmVyLm9ic2VydmUodGhpcy5fZGV0YWlsc0NvbnRlbnRFbGVtZW50ISk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuX2NhcmREZXRhaWxzUmVzaXplT2JzZXJ2ZXIudW5vYnNlcnZlKHRoaXMuX2RldGFpbHNDb250ZW50RWxlbWVudCEpO1xuICAgIH1cbiAgICB0aGlzLnRvZ2dsZVN0YXRlKCdmbGlwcGVkJywgdGhpcy5fZmxpcHBlZCk7XG4gICAgybVzdGF0ZUNvbnRyb2xsZXIodGhpcy5kZXRhaWxzKT8udG9nZ2xlKCdmbGlwcGVkJywgdGhpcy5fZmxpcHBlZCk7XG4gICAgdGhpcy5zdW1tYXJ5IS5pbmVydCA9IHRoaXMuX2ZsaXBwZWQ7XG4gICAgdGhpcy5kZXRhaWxzIS5pbmVydCA9ICF0aGlzLl9mbGlwcGVkO1xuICAgIC8qKiBFbWl0cyB3aGVuZXZlciB0aGUgY29tcG9uZW50IGlzIGZsaXBwZWQuICovXG4gICAgdGhpcy5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnZmxpcCcsIHsgYnViYmxlczogdHJ1ZSwgY29tcG9zZWQ6IHRydWUgfSkpO1xuICB9XG5cbiAgcHJpdmF0ZSBfc2V0Q2FyZERldGFpbHNIZWlnaHQoKTogYW55IHtcbiAgICBjb25zdCBjb250ZW50SGVpZ2h0ID0gTWF0aC5mbG9vcih0aGlzLl9kZXRhaWxzQ29udGVudEVsZW1lbnQhLm9mZnNldEhlaWdodCk7XG4gICAgdGhpcy5zdHlsZT8uc2V0UHJvcGVydHkoJy0tc2JiLWZsaXAtY2FyZC1kZXRhaWxzLWhlaWdodCcsIGAke2NvbnRlbnRIZWlnaHR9cHhgKTtcbiAgfVxuXG4gIHByaXZhdGUgYXN5bmMgX2FjY2Vzc2liaWxpdHlMYWJlbCgpOiBQcm9taXNlPHN0cmluZz4ge1xuICAgIGlmIChpc1NlcnZlcikge1xuICAgICAgcmV0dXJuICcnO1xuICAgIH1cbiAgICBhd2FpdCB0aGlzLmh5ZHJhdGlvbkNvbXBsZXRlO1xuXG4gICAgcmV0dXJuICF0aGlzLl9mbGlwcGVkXG4gICAgICA/IGAkeyh0aGlzLmFjY2Vzc2liaWxpdHlMYWJlbCA/IHRoaXMuYWNjZXNzaWJpbGl0eUxhYmVsIDogdGhpcy5zdW1tYXJ5Py50ZXh0Q29udGVudD8udHJpbSgpKSA/PyAnJ30sICR7aTE4bkZsaXBDYXJkW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdfWBcbiAgICAgIDogaTE4blJldmVyc2VDYXJkW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLWZsaXAtY2FyZFwiPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgY2xhc3M9XCJzYmItZmxpcC1jYXJkLWJ1dHRvblwiXG4gICAgICAgICAgYXJpYS1leHBhbmRlZD0ke3RoaXMuX2ZsaXBwZWQudG9TdHJpbmcoKX1cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxzYmItc2NyZWVuLXJlYWRlci1vbmx5PiR7dW50aWwodGhpcy5fYWNjZXNzaWJpbGl0eUxhYmVsKCksICcnKX08L3NiYi1zY3JlZW4tcmVhZGVyLW9ubHk+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8c2xvdCBuYW1lPVwic3VtbWFyeVwiIEBzbG90Y2hhbmdlPSR7KCkgPT4gKHRoaXMuc3VtbWFyeSEuaW5lcnQgPSB0aGlzLl9mbGlwcGVkKX0+PC9zbG90PlxuICAgICAgICA8c2xvdCBuYW1lPVwiZGV0YWlsc1wiIEBzbG90Y2hhbmdlPSR7KCkgPT4gKHRoaXMuZGV0YWlscyEuaW5lcnQgPSAhdGhpcy5fZmxpcHBlZCl9Pjwvc2xvdD5cbiAgICAgICAgPHNiYi1zZWNvbmRhcnktYnV0dG9uLXN0YXRpYyBjbGFzcz1cInNiYi1mbGlwLWNhcmQtLXRvZ2dsZS1idXR0b25cIiBzaXplPVwic1wiPlxuICAgICAgICAgIDxzYmItaWNvblxuICAgICAgICAgICAgY2xhc3M9XCJzYmItZmxpcC1jYXJkLS10b2dnbGUtYnV0dG9uLWljb25cIlxuICAgICAgICAgICAgc2xvdD1cImljb25cIlxuICAgICAgICAgICAgbmFtZT1cInBsdXMtc21hbGxcIlxuICAgICAgICAgID48L3NiYi1pY29uPlxuICAgICAgICA8L3NiYi1zZWNvbmRhcnktYnV0dG9uLXN0YXRpYz5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1mbGlwLWNhcmQnOiBTYmJGbGlwQ2FyZEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7SUM4QmEsNEJBQWtCO21CQUFTOzs7Ozs7O2NBQTNCLDJCQUEyQixZQUFVOzs7cUNBZS9DLFdBQVcsRUFDWCxTQUFTLEVBQUUsV0FBVyx1QkFBdUIsQ0FBQyxDQUFBOzJCQXdCOUMs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

package/development/flip-card.js

@@ -1,6 +1,6 @@
-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 { t as SbbFlipCardDetailsElement } from "./flip-card-details.component-CKRovHqO.js";
+import { t as SbbFlipCardSummaryElement } from "./flip-card-summary.component-THvJF3Cl.js";
+import { t as SbbFlipCardElement } from "./flip-card.component-qnodzif2.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-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 { t as SbbFlipCardDetailsElement } from "./flip-card-details.component-CKRovHqO.js";
+import { t as SbbFlipCardSummaryElement } from "./flip-card-summary.component-THvJF3Cl.js";
+import { t as SbbFlipCardElement } from "./flip-card.component-qnodzif2.js";
 export { SbbFlipCardDetailsElement, SbbFlipCardElement, SbbFlipCardSummaryElement };

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

@@ -1,7 +1,7 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
-import { SbbElement } from '../core/base-elements.ts';
-import { SbbTitleLevel } from '../title.ts';
-declare const SbbFooterElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbNegativeMixinType> & typeof SbbElement;
+import { SbbElement } from '../core.ts';
+import { SbbTitleLevel } from '../title.pure.ts';
+declare const SbbFooterElement_base: import('../core.ts').AbstractConstructor<import('../core.ts').SbbNegativeMixinType> & typeof SbbElement;
 /**
  * It displays a footer section for the page.
  *

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,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"}
+{"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,EAAgD,MAAM,YAAY,CAAC;AACtF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;;AAItD;;;;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-BblB5218.js";
+import { t as SbbFooterElement } from "../footer.component-Dbc5xFqr.js";
 export { SbbFooterElement };