@sbb-esta/lyne-elements 2.8.0 → 2.10.0

package/development/file-selector/file-selector.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './file-selector/file-selector.js';
+export * from './file-selector/file-selector.component.js';
 //# sourceMappingURL=file-selector.d.ts.map

package/development/file-selector/file-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-selector.d.ts","sourceRoot":"","sources":["../../../../src/elements/file-selector/file-selector.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kCAAkC,CAAC"}
+{"version":3,"file":"file-selector.d.ts","sourceRoot":"","sources":["../../../../src/elements/file-selector/file-selector.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4CAA4C,CAAC"}

package/development/file-selector/file-selector.js

@@ -1,4 +1,4 @@
-import { SbbFileSelectorElement } from "./file-selector/file-selector.js";
+import { SbbFileSelectorElement } from "./file-selector/file-selector.component.js";
 export {
   SbbFileSelectorElement
 };

package/development/file-selector.js

@@ -1,7 +1,7 @@
 import { SbbFileSelectorCommonElementMixin } from "./file-selector/common/file-selector-common.js";
 import { f } from "./file-selector-common-csww18o8.js";
-import { SbbFileSelectorDropzoneElement } from "./file-selector/file-selector-dropzone/file-selector-dropzone.js";
-import { SbbFileSelectorElement } from "./file-selector/file-selector/file-selector.js";
+import { SbbFileSelectorDropzoneElement } from "./file-selector/file-selector-dropzone/file-selector-dropzone.component.js";
+import { SbbFileSelectorElement } from "./file-selector/file-selector/file-selector.component.js";
 export {
   SbbFileSelectorCommonElementMixin,
   SbbFileSelectorDropzoneElement,

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

@@ -0,0 +1,50 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+import { EventEmitter } from '../../core/eventing.js';
+import { SbbFlipCardDetailsElement } from '../flip-card-details.js';
+import { SbbFlipCardSummaryElement } from '../flip-card-summary.js';
+declare const SbbFlipCardElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof LitElement;
+/**
+ * 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.
+ * @event {CustomEvent<void>} flip - Emits when the flip card flips.
+ *
+ */
+export declare class SbbFlipCardElement extends SbbFlipCardElement_base {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly flip: "flip";
+    };
+    /**
+     * 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.
+     */
+    accessor accessibilityLabel: string;
+    /** Emits whenever the component is flipped. */
+    protected flip: EventEmitter;
+    /** Returns the slotted sbb-flip-card-summary. */
+    get summary(): SbbFlipCardSummaryElement | null;
+    /** Returns the slotted sbb-flip-card-details. */
+    get details(): SbbFlipCardDetailsElement | null;
+    /** Returns the card details content element wrapper. */
+    private get _detailsContentElement();
+    /** Whether the flip card is flipped. */
+    get isFlipped(): boolean;
+    /** Whether the card is flipped or not. */
+    private accessor _flipped;
+    private _language;
+    private _cardDetailsResizeObserver;
+    constructor();
+    /** Toggles the state of the sbb-flip-card. */
+    toggle(): void;
+    private _setCardDetailsHeight;
+    private _accessibilityLabel;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-flip-card': SbbFlipCardElement;
+    }
+}
+export {};
+//# sourceMappingURL=flip-card.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flip-card.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/flip-card/flip-card/flip-card.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAkB,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAO3F,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAIzE,OAAO,yCAAyC,CAAC;AACjD,OAAO,6BAA6B,CAAC;;AAErC;;;;;;GAMG;AACH,qBAEM,kBAAmB,SAAQ,uBAA6B;IAC5D,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX;;;OAGG;IACH,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,+CAA+C;IAC/C,SAAS,CAAC,IAAI,EAAE,YAAY,CAA0D;IAEtF,iDAAiD;IACjD,IAAW,OAAO,IAAI,yBAAyB,GAAG,IAAI,CAErD;IAED,iDAAiD;IACjD,IAAW,OAAO,IAAI,yBAAyB,GAAG,IAAI,CAErD;IAED,wDAAwD;IACxD,OAAO,KAAK,sBAAsB,GAEjC;IAED,wCAAwC;IACxC,IAAW,SAAS,IAAI,OAAO,CAE9B;IAED,0CAA0C;IACjC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;IAE3C,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,0BAA0B,CAI/B;;IAWH,8CAA8C;IACvC,MAAM,IAAI,IAAI;IAerB,OAAO,CAAC,qBAAqB;YAKf,mBAAmB;cAWd,MAAM,IAAI,cAAc;CAsB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

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

@@ -0,0 +1,320 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __esDecorate, __runInitializers } from "tslib";
+import { ResizeController } from "@lit-labs/observers/resize-controller.js";
+import { css, LitElement, isServer, html } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { until } from "lit/directives/until.js";
+import { IS_FOCUSABLE_QUERY } from "../../core/a11y.js";
+import { SbbLanguageController } from "../../core/controllers.js";
+import { forceType } from "../../core/decorators.js";
+import { EventEmitter } from "../../core/eventing.js";
+import { i18nFlipCard, i18nReverseCard } from "../../core/i18n.js";
+import { SbbHydrationMixin } from "../../core/mixins.js";
+import "../../button/secondary-button-static.js";
+import "../../screen-reader-only.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-flip-card-toggle-icon-transform: rotate(0);
+  --sbb-flip-card-background-color: var(--sbb-color-cloud);
+  --sbb-flip-card-border-radius: var(--sbb-border-radius-4x);
+  --sbb-flip-card-min-height: 17.5rem;
+  --sbb-flip-card-summary-transition-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-5x)
+  );
+  --sbb-flip-card-summary-transition-delay: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-2x)
+  );
+  --sbb-flip-card-details-transition-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-4x)
+  );
+  position: relative;
+  display: block;
+}
+@media (min-width: calc(52.5rem)) {
+  :host {
+    --sbb-flip-card-min-height: 20rem;
+  }
+}
+
+@media (any-hover: hover) {
+  :host(:hover) {
+    --sbb-flip-card-background-color: var(--sbb-color-cloud-alpha-80);
+    --sbb-flip-card-translate-title-y-hover: -0.0625rem;
+  }
+}
+
+:host([data-flipped]) {
+  --sbb-flip-card-toggle-icon-transform: rotate(45deg);
+  --sbb-flip-card-details-transition-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-2x)
+  );
+  --sbb-flip-card-summary-transition-delay: 0s;
+}
+:host([data-flipped]) ::slotted(sbb-flip-card-summary) {
+  --sbb-flip-card-summary-opacity: 0;
+  --sbb-flip-card-summary-pointer-events: none;
+}
+:host([data-flipped]) ::slotted(sbb-flip-card-details) {
+  --sbb-flip-card-details-opacity: 1;
+  --sbb-flip-card-details-translate-y: 0;
+}
+
+@media (min-width: calc(37.5rem)) and (max-width: calc(52.4375rem)) {
+  :host([data-image-alignment=after]) {
+    --sbb-flip-card-min-height: 15rem;
+  }
+}
+@media (min-width: calc(80rem)) {
+  :host([data-image-alignment=after]) {
+    --sbb-flip-card-min-height: 25rem;
+  }
+}
+
+.sbb-flip-card {
+  position: relative;
+  display: flex;
+  height: 100%;
+  flex-flow: wrap;
+  flex-direction: column;
+  gap: var(--sbb-spacing-responsive-xs);
+  min-height: var(--sbb-flip-card-min-height);
+  background-color: var(--sbb-flip-card-background-color);
+  border-radius: var(--sbb-flip-card-border-radius);
+  transition: all var(--sbb-flip-card-summary-transition-duration) ease-out, min-height var(--sbb-flip-card-details-transition-duration);
+  transition-delay: var(--sbb-flip-card-summary-transition-delay);
+  cursor: pointer;
+}
+:host([data-flipped]) .sbb-flip-card {
+  min-height: max(var(--sbb-flip-card-min-height), var(--sbb-flip-card-details-height));
+}
+@media (forced-colors: active) {
+  .sbb-flip-card::after {
+    content: "";
+    border: var(--sbb-border-width-2x) solid CanvasText;
+    border-radius: var(--sbb-flip-card-border-radius);
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+  }
+}
+@media (forced-colors: active) and (any-hover: hover) {
+  :host(:hover) .sbb-flip-card::after {
+    border-color: Highlight;
+  }
+}
+.sbb-flip-card::before {
+  content: "";
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  inset-inline-start: var(--sbb-spacing-responsive-s);
+  inset-block-end: var(--sbb-spacing-responsive-s);
+  background-color: var(--sbb-color-midnight);
+  width: var(--sbb-size-element-xs);
+  height: var(--sbb-size-element-xs);
+  border-radius: 16rem;
+  transition: var(--sbb-disable-animation-duration, var(--sbb-animation-duration-3x)) ease-out;
+}
+:host([data-flipped]) .sbb-flip-card::before {
+  opacity: 1;
+  inset-inline-start: 0;
+  inset-block-end: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: var(--sbb-flip-card-border-radius);
+  transition-duration: var(--sbb-disable-animation-duration, var(--sbb-animation-duration-5x));
+}
+
+.sbb-flip-card--toggle-button {
+  position: absolute;
+  inset-inline-start: var(--sbb-spacing-responsive-s);
+  inset-block-end: var(--sbb-spacing-responsive-s);
+}
+:host([data-flipped]) .sbb-flip-card--toggle-button {
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
+}
+
+.sbb-flip-card--toggle-button-icon {
+  transform: var(--sbb-flip-card-toggle-icon-transform);
+  transition: transform var(--sbb-flip-card-summary-transition-duration) ease-out;
+}
+
+.sbb-flip-card-button {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  box-sizing: border-box;
+  margin: 0;
+  outline: none;
+  border: none;
+  border-radius: 0;
+  padding: 0;
+  background: none;
+  -webkit-tap-highlight-color: transparent;
+  color: inherit;
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  border-radius: var(--sbb-flip-card-border-radius);
+  cursor: pointer;
+}
+.sbb-flip-card-button:focus-visible {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
+}`;
+let SbbFlipCardElement = (() => {
+  var _accessibilityLabel_accessor_storage, __flipped_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-flip-card")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbHydrationMixin(LitElement);
+  let _accessibilityLabel_decorators;
+  let _accessibilityLabel_initializers = [];
+  let _accessibilityLabel_extraInitializers = [];
+  let __flipped_decorators;
+  let __flipped_initializers = [];
+  let __flipped_extraInitializers = [];
+  var SbbFlipCardElement2 = (_a = class extends _classSuper {
+    constructor() {
+      var _a2;
+      super();
+      __privateAdd(this, _accessibilityLabel_accessor_storage);
+      __privateAdd(this, __flipped_accessor_storage);
+      __privateSet(this, _accessibilityLabel_accessor_storage, __runInitializers(this, _accessibilityLabel_initializers, ""));
+      this.flip = (__runInitializers(this, _accessibilityLabel_extraInitializers), new EventEmitter(this, SbbFlipCardElement2.events.flip));
+      __privateSet(this, __flipped_accessor_storage, __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()
+      });
+      (_a2 = this.addEventListener) == null ? void 0 : _a2.call(this, "click", (event) => {
+        var _a3, _b;
+        if (event.target === this || !((_b = (_a3 = event.target) == null ? void 0 : _a3.matches) == null ? void 0 : _b.call(_a3, IS_FOCUSABLE_QUERY))) {
+          this.toggle();
+        }
+      });
+    }
+    /**
+     * 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 __privateGet(this, _accessibilityLabel_accessor_storage);
+    }
+    set accessibilityLabel(value) {
+      __privateSet(this, _accessibilityLabel_accessor_storage, value);
+    }
+    /** Returns the slotted sbb-flip-card-summary. */
+    get summary() {
+      var _a2;
+      return (_a2 = this.querySelector) == null ? void 0 : _a2.call(this, "sbb-flip-card-summary");
+    }
+    /** Returns the slotted sbb-flip-card-details. */
+    get details() {
+      var _a2;
+      return (_a2 = this.querySelector) == null ? void 0 : _a2.call(this, "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;
+    }
+    /** Whether the card is flipped or not. */
+    get _flipped() {
+      return __privateGet(this, __flipped_accessor_storage);
+    }
+    set _flipped(value) {
+      __privateSet(this, __flipped_accessor_storage, value);
+    }
+    /** 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.toggleAttribute("data-flipped", this._flipped);
+      this.details.toggleAttribute("data-flipped", this._flipped);
+      this.summary.inert = this._flipped;
+      this.details.inert = !this._flipped;
+      this.flip.emit();
+    }
+    _setCardDetailsHeight() {
+      var _a2;
+      const contentHeight = Math.floor(this._detailsContentElement.offsetHeight);
+      (_a2 = this.style) == null ? void 0 : _a2.setProperty("--sbb-flip-card-details-height", `${contentHeight}px`);
+    }
+    async _accessibilityLabel() {
+      var _a2, _b;
+      if (isServer) {
+        return "";
+      }
+      await this.hydrationComplete;
+      return !this._flipped ? `${(this.accessibilityLabel ? this.accessibilityLabel : (_b = (_a2 = this.summary) == null ? void 0 : _a2.textContent) == null ? void 0 : _b.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>
+    `;
+    }
+  }, _accessibilityLabel_accessor_storage = new WeakMap(), __flipped_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    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(_a, 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(_a, 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);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    SbbFlipCardElement2 = _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = style, _a.events = {
+    flip: "flip"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a);
+  return SbbFlipCardElement2 = _classThis;
+})();
+export {
+  SbbFlipCardElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZsaXAtY2FyZC9mbGlwLWNhcmQvZmxpcC1jYXJkLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZXNpemVDb250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9yZXNpemUtY29udHJvbGxlci5qcyc7XG5pbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBodG1sLCBpc1NlcnZlciwgTGl0RWxlbWVudCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSwgc3RhdGUgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyB1bnRpbCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3VudGlsLmpzJztcblxuaW1wb3J0IHsgSVNfRk9DVVNBQkxFX1FVRVJZIH0gZnJvbSAnLi4vLi4vY29yZS9hMTF5LmpzJztcbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IEV2ZW50RW1pdHRlciB9IGZyb20gJy4uLy4uL2NvcmUvZXZlbnRpbmcuanMnO1xuaW1wb3J0IHsgaTE4bkZsaXBDYXJkLCBpMThuUmV2ZXJzZUNhcmQgfSBmcm9tICcuLi8uLi9jb3JlL2kxOG4uanMnO1xuaW1wb3J0IHsgU2JiSHlkcmF0aW9uTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYkZsaXBDYXJkRGV0YWlsc0VsZW1lbnQgfSBmcm9tICcuLi9mbGlwLWNhcmQtZGV0YWlscy5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYkZsaXBDYXJkU3VtbWFyeUVsZW1lbnQgfSBmcm9tICcuLi9mbGlwLWNhcmQtc3VtbWFyeS5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2ZsaXAtY2FyZC5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbXBvcnQgJy4uLy4uL2J1dHRvbi9zZWNvbmRhcnktYnV0dG9uLXN0YXRpYy5qcyc7XG5pbXBvcnQgJy4uLy4uL3NjcmVlbi1yZWFkZXItb25seS5qcyc7XG5cbi8qKlxuICogRGlzcGxheXMgYW4gaW5mb3JtYXRpdmUgY2FyZCB0aGF0IHJldmVhbHMgbW9yZSBpbmZvcm1hdGlvbiB1cG9uIGJlaW5nIGNsaWNrZWQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYSBgc2JiLWZsaXAtY2FyZC1zdW1tYXJ5YCBhbmQgYSBgc2JiLWZsaXAtY2FyZC1kZXRhaWxzYCBlbGVtZW50LlxuICogQGV2ZW50IHtDdXN0b21FdmVudDx2b2lkPn0gZmxpcCAtIEVtaXRzIHdoZW4gdGhlIGZsaXAgY2FyZCBmbGlwcy5cbiAqXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1mbGlwLWNhcmQnKVxuY2xhc3MgU2JiRmxpcENhcmRFbGVtZW50IGV4dGVuZHMgU2JiSHlkcmF0aW9uTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHMgPSB7XG4gICAgZmxpcDogJ2ZsaXAnLFxuICB9IGFzIGNvbnN0O1xuXG4gIC8qKlxuICAgKiBUaGlzIHdpbGwgYmUgZm9yd2FyZGVkIGFzIGFyaWEtbGFiZWwgdG8gdGhlIGFjdGlvbiBpbiB0aGUgbm9uIGZsaXBwZWQgc3RhdGUuXG4gICAqIElmIG5vdCBzZXQsIHRoZSB0ZXh0Q29udGVudCBvZiB0aGUgYHNiYi1mbGlwLWNhcmQtc3VtbWFyeWAgaXMgdGFrZW4uXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYWNjZXNzaWJpbGl0eS1sYWJlbCcgfSlcbiAgcHVibGljIGFjY2Vzc29yIGFjY2Vzc2liaWxpdHlMYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgLyoqIEVtaXRzIHdoZW5ldmVyIHRoZSBjb21wb25lbnQgaXMgZmxpcHBlZC4gKi9cbiAgcHJvdGVjdGVkIGZsaXA6IEV2ZW50RW1pdHRlciA9IG5ldyBFdmVudEVtaXR0ZXIodGhpcywgU2JiRmxpcENhcmRFbGVtZW50LmV2ZW50cy5mbGlwKTtcblxuICAvKiogUmV0dXJucyB0aGUgc2xvdHRlZCBzYmItZmxpcC1jYXJkLXN1bW1hcnkuICovXG4gIHB1YmxpYyBnZXQgc3VtbWFyeSgpOiBTYmJGbGlwQ2FyZFN1bW1hcnlFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMucXVlcnlTZWxlY3Rvcj8uKCdzYmItZmxpcC1jYXJkLXN1bW1hcnknKTtcbiAgfVxuXG4gIC8qKiBSZXR1cm5zIHRoZSBzbG90dGVkIHNiYi1mbGlwLWNhcmQtZGV0YWlscy4gKi9cbiAgcHVibGljIGdldCBkZXRhaWxzKCk6IFNiYkZsaXBDYXJkRGV0YWlsc0VsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5xdWVyeVNlbGVjdG9yPy4oJ3NiYi1mbGlwLWNhcmQtZGV0YWlscycpO1xuICB9XG5cbiAgLyoqIFJldHVybnMgdGhlIGNhcmQgZGV0YWlscyBjb250ZW50IGVsZW1lbnQgd3JhcHBlci4gKi9cbiAgcHJpdmF0ZSBnZXQgX2RldGFpbHNDb250ZW50RWxlbWVudCgpOiBIVE1MRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLmRldGFpbHMhLnNoYWRvd1Jvb3QhLmZpcnN0RWxlbWVudENoaWxkIGFzIEhUTUxFbGVtZW50O1xuICB9XG5cbiAgLyoqIFdoZXRoZXIgdGhlIGZsaXAgY2FyZCBpcyBmbGlwcGVkLiAqL1xuICBwdWJsaWMgZ2V0IGlzRmxpcHBlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fZmxpcHBlZDtcbiAgfVxuXG4gIC8qKiBXaGV0aGVyIHRoZSBjYXJkIGlzIGZsaXBwZWQgb3Igbm90LiAqL1xuICBAc3RhdGUoKSBwcml2YXRlIGFjY2Vzc29yIF9mbGlwcGVkID0gZmFsc2U7XG5cbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuICBwcml2YXRlIF9jYXJkRGV0YWlsc1Jlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgIHRhcmdldDogbnVsbCxcbiAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fc2V0Q2FyZERldGFpbHNIZWlnaHQoKSxcbiAgfSk7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2NsaWNrJywgKGV2ZW50OiBFdmVudCkgPT4ge1xuICAgICAgaWYgKGV2ZW50LnRhcmdldCA9PT0gdGhpcyB8fCAhKGV2ZW50LnRhcmdldCBhcyBIVE1MRWxlbWVudCk/Lm1hdGNoZXM/LihJU19GT0NVU0FCTEVfUVVFUlkpKSB7XG4gICAgICAgIHRoaXMudG9nZ2xlKCk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICAvKiogVG9nZ2xlcyB0aGUgc3RhdGUgb2YgdGhlIHNiYi1mbGlwLWNhcmQuICovXG4gIHB1YmxpYyB0b2dnbGUoKTogdm9pZCB7XG4gICAgdGhpcy5fZmxpcHBlZCA9ICF0aGlzLl9mbGlwcGVkO1xuICAgIGlmICh0aGlzLl9mbGlwcGVkKSB7XG4gICAgICB0aGlzLl9zZXRDYXJkRGV0YWlsc0hlaWdodCgpO1xuICAgICAgdGhpcy5fY2FyZERldGFpbHNSZXNpemVPYnNlcnZlci5vYnNlcnZlKHRoaXMuX2RldGFpbHNDb250ZW50RWxlbWVudCEpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLl9jYXJkRGV0YWlsc1Jlc2l6ZU9ic2VydmVyLnVub2JzZXJ2ZSh0aGlzLl9kZXRhaWxzQ29udGVudEVsZW1lbnQhKTtcbiAgICB9XG4gICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtZmxpcHBlZCcsIHRoaXMuX2ZsaXBwZWQpO1xuICAgIHRoaXMuZGV0YWlscyEudG9nZ2xlQXR0cmlidXRlKCdkYXRhLWZsaXBwZWQnLCB0aGlzLl9mbGlwcGVkKTtcbiAgICB0aGlzLnN1bW1hcnkhLmluZXJ0ID0gdGhpcy5fZmxpcHBlZDtcbiAgICB0aGlzLmRldGFpbHMhLmluZXJ0ID0gIXRoaXMuX2ZsaXBwZWQ7XG4gICAgdGhpcy5mbGlwLmVtaXQoKTtcbiAgfVxuXG4gIHByaXZhdGUgX3NldENhcmREZXRhaWxzSGVpZ2h0KCk6IGFueSB7XG4gICAgY29uc3QgY29udGVudEhlaWdodCA9IE1hdGguZmxvb3IodGhpcy5fZGV0YWlsc0NvbnRlbnRFbGVtZW50IS5vZmZzZXRIZWlnaHQpO1xuICAgIHRoaXMuc3R5bGU/LnNldFByb3BlcnR5KCctLXNiYi1mbGlwLWNhcmQtZGV0YWlscy1oZWlnaHQnLCBgJHtjb250ZW50SGVpZ2h0fXB4YCk7XG4gIH1cblxuICBwcml2YXRlIGFzeW5jIF9hY2Nlc3NpYmlsaXR5TGFiZWwoKTogUHJvbWlzZTxzdHJpbmc+IHtcbiAgICBpZiAoaXNTZXJ2ZXIpIHtcbiAgICAgIHJldHVybiAnJztcbiAgICB9XG4gICAgYXdhaXQgdGhpcy5oeWRyYXRpb25Db21wbGV0ZTtcblxuICAgIHJldHVybiAhdGhpcy5fZmxpcHBlZFxuICAgICAgPyBgJHsodGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWwgPyB0aGlzLmFjY2Vzc2liaWxpdHlMYWJlbCA6IHRoaXMuc3VtbWFyeT8udGV4dENvbnRlbnQ/LnRyaW0oKSkgPz8gJyd9LCAke2kxOG5GbGlwQ2FyZFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX1gXG4gICAgICA6IGkxOG5SZXZlcnNlQ2FyZFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1mbGlwLWNhcmRcIj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIGNsYXNzPVwic2JiLWZsaXAtY2FyZC1idXR0b25cIlxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9JHt0aGlzLl9mbGlwcGVkLnRvU3RyaW5nKCl9XG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgID5cbiAgICAgICAgICA8c2JiLXNjcmVlbi1yZWFkZXItb25seT4ke3VudGlsKHRoaXMuX2FjY2Vzc2liaWxpdHlMYWJlbCgpLCAnJyl9PC9zYmItc2NyZWVuLXJlYWRlci1vbmx5PlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPHNsb3QgbmFtZT1cInN1bW1hcnlcIiBAc2xvdGNoYW5nZT0keygpID0+ICh0aGlzLnN1bW1hcnkhLmluZXJ0ID0gdGhpcy5fZmxpcHBlZCl9Pjwvc2xvdD5cbiAgICAgICAgPHNsb3QgbmFtZT1cImRldGFpbHNcIiBAc2xvdGNoYW5nZT0keygpID0+ICh0aGlzLmRldGFpbHMhLmluZXJ0ID0gIXRoaXMuX2ZsaXBwZWQpfT48L3Nsb3Q+XG4gICAgICAgIDxzYmItc2Vjb25kYXJ5LWJ1dHRvbi1zdGF0aWMgY2xhc3M9XCJzYmItZmxpcC1jYXJkLS10b2dnbGUtYnV0dG9uXCIgc2l6ZT1cInNcIj5cbiAgICAgICAgICA8c2JiLWljb25cbiAgICAgICAgICAgIGNsYXNzPVwic2JiLWZsaXAtY2FyZC0tdG9nZ2xlLWJ1dHRvbi1pY29uXCJcbiAgICAgICAgICAgIHNsb3Q9XCJpY29uXCJcbiAgICAgICAgICAgIG5hbWU9XCJwbHVzLXNtYWxsXCJcbiAgICAgICAgICA+PC9zYmItaWNvbj5cbiAgICAgICAgPC9zYmItc2Vjb25kYXJ5LWJ1dHRvbi1zdGF0aWM+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZmxpcC1jYXJkJzogU2JiRmxpcENhcmRFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOlsiU2JiRmxpcENhcmRFbGVtZW50IiwiX2EiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUE0Qk0sc0JBQWtCLE1BQUE7OzBCQUR2QixjQUFjLGVBQWUsQ0FBQzs7OztvQkFDRSxrQkFBa0IsVUFBVTs7Ozs7OztBQUFwQ0EsTUFBQUEsdUJBQUEsbUJBQVEsWUFBNkI7QUFBQSxJQStDNUQsY0FBQTs7O0FBbkNBO0FBMEJTO0FBMUJPLHlCQUFBLHNDQUFBLGtCQUFBLE1BQUEsa0NBQTZCLEVBQUU7QUFHckMsV0FBQSxRQUFxQixrQkFBQSxNQUFBLHFDQUFBLEdBQUEsSUFBSSxhQUFhLE1BQU1BLG9CQUFtQixPQUFPLElBQUk7QUF1QjFELHlCQUFBLDRCQUFBLGtCQUFBLE1BQUEsd0JBQVcsS0FBSztBQUVsQyxXQUFBLG1FQUFZLElBQUksc0JBQXNCLElBQUk7QUFDMUMsV0FBQSw2QkFBNkIsSUFBSSxpQkFBaUIsTUFBTTtBQUFBLFFBQzlELFFBQVE7QUFBQSxRQUNSLGFBQWE7QUFBQSxRQUNiLFVBQVUsTUFBTSxLQUFLLHNCQUF1QjtBQUFBLE1BQUEsQ0FDN0M7QUFJTSxPQUFBQyxNQUFBLEtBQUEscUJBQUEsZ0JBQUFBLElBQUEsV0FBbUIsU0FBUyxDQUFDLFVBQWdCOztBQUM1QyxZQUFBLE1BQU0sV0FBVyxR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

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

@@ -0,0 +1,18 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+/**
+ * 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.
+ */
+export declare class SbbFlipCardDetailsElement extends LitElement {
+    static styles: CSSResultGroup;
+    constructor();
+    private _checkForSlottedActions;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-flip-card-details': SbbFlipCardDetailsElement;
+    }
+}
+//# sourceMappingURL=flip-card-details.component.d.ts.map

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

@@ -0,0 +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,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAQvC;;;;GAIG;AACH,qBAKM,yBAA0B,SAAQ,UAAU;IAChD,OAAuB,MAAM,EAAE,cAAc,CAAS;;IAiBtD,OAAO,CAAC,uBAAuB;cAQZ,MAAM,IAAI,cAAc;CAS5C;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

@@ -0,0 +1,92 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { MutationController } from "@lit-labs/observers/mutation-controller.js";
+import { css, LitElement, html } from "lit";
+import { customElement } from "lit/decorators.js";
+import { IS_FOCUSABLE_QUERY } from "../../core/a11y.js";
+import { hostAttributes } from "../../core/decorators.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
+  --sbb-flip-card-details-opacity: 0;
+  --sbb-flip-card-details-translate-y: var(--sbb-spacing-fixed-2x);
+  --sbb-flip-card-details-transition-delay: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-5x)
+  );
+  --sbb-flip-card-details-padding: var(--sbb-spacing-responsive-s);
+  --sbb-flip-card-details-padding-block-end: calc(
+    var(--sbb-spacing-responsive-s) + var(--sbb-spacing-responsive-xs) + var(--sbb-size-element-m)
+  );
+  display: contents;
+}
+
+.sbb-flip-card-details--wrapper {
+  position: absolute;
+  pointer-events: none;
+  color: var(--sbb-color-milk);
+  opacity: var(--sbb-flip-card-details-opacity);
+  transform: translateY(var(--sbb-flip-card-details-translate-y));
+  transition-property: transform, opacity;
+  transition-duration: var(--sbb-flip-card-details-transition-duration);
+}
+:host([data-flipped]) .sbb-flip-card-details--wrapper {
+  transition-delay: var(--sbb-flip-card-details-transition-delay), var(--sbb-flip-card-details-transition-delay);
+}
+
+.sbb-flip-card-details {
+  overflow: hidden;
+  padding: var(--sbb-flip-card-details-padding);
+  padding-block-end: var(--sbb-flip-card-details-padding-block-end);
+}`;
+let SbbFlipCardDetailsElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-flip-card-details"), hostAttributes({
+    slot: "details"
+  })];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = LitElement;
+  _a = class extends _classSuper {
+    constructor() {
+      super();
+      this.addController(new MutationController(this, {
+        config: {
+          childList: true,
+          subtree: true,
+          attributes: true
+        },
+        callback: () => this._checkForSlottedActions()
+      }));
+    }
+    _checkForSlottedActions() {
+      var _a2;
+      const cardFocusableAttributeName = "data-card-focusable";
+      Array.from(((_a2 = this.querySelectorAll) == null ? void 0 : _a2.call(this, IS_FOCUSABLE_QUERY)) ?? []).forEach((el) => el.toggleAttribute(cardFocusableAttributeName, true));
+    }
+    render() {
+      return html`
+      <div class="sbb-flip-card-details--wrapper">
+        <div class="sbb-flip-card-details">
+          <slot></slot>
+        </div>
+      </div>
+    `;
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbFlipCardDetailsElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLWRldGFpbHMuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZmxpcC1jYXJkL2ZsaXAtY2FyZC1kZXRhaWxzL2ZsaXAtY2FyZC1kZXRhaWxzLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNdXRhdGlvbkNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL211dGF0aW9uLWNvbnRyb2xsZXIuanMnO1xuaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBJU19GT0NVU0FCTEVfUVVFUlkgfSBmcm9tICcuLi8uLi9jb3JlL2ExMXkuanMnO1xuaW1wb3J0IHsgaG9zdEF0dHJpYnV0ZXMgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9mbGlwLWNhcmQtZGV0YWlscy5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIENvbWJpbmVkIHdpdGggYSBgc2JiLWZsaXAtY2FyZGAsIGl0IGRpc3BsYXlzIGl0cyBjb250ZW50IHdoZW4gdGhlIGNhcmQgaXMgZmxpcHBlZC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIHByb3ZpZGUgYW55IGtpbmQgb2YgY29udGVudC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWZsaXAtY2FyZC1kZXRhaWxzJylcbkBob3N0QXR0cmlidXRlcyh7XG4gIHNsb3Q6ICdkZXRhaWxzJyxcbn0pXG5jbGFzcyBTYmJGbGlwQ2FyZERldGFpbHNFbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuXG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IE11dGF0aW9uQ29udHJvbGxlcih0aGlzLCB7XG4gICAgICAgIGNvbmZpZzoge1xuICAgICAgICAgIGNoaWxkTGlzdDogdHJ1ZSxcbiAgICAgICAgICBzdWJ0cmVlOiB0cnVlLFxuICAgICAgICAgIGF0dHJpYnV0ZXM6IHRydWUsXG4gICAgICAgIH0sXG4gICAgICAgIGNhbGxiYWNrOiAoKSA9PiB0aGlzLl9jaGVja0ZvclNsb3R0ZWRBY3Rpb25zKCksXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBfY2hlY2tGb3JTbG90dGVkQWN0aW9ucygpOiB2b2lkIHtcbiAgICBjb25zdCBjYXJkRm9jdXNhYmxlQXR0cmlidXRlTmFtZSA9ICdkYXRhLWNhcmQtZm9jdXNhYmxlJztcblxuICAgIEFycmF5LmZyb20odGhpcy5xdWVyeVNlbGVjdG9yQWxsPy4oSVNfRk9DVVNBQkxFX1FVRVJZKSA/PyBbXSkuZm9yRWFjaCgoZWw6IEVsZW1lbnQpID0+XG4gICAgICBlbC50b2dnbGVBdHRyaWJ1dGUoY2FyZEZvY3VzYWJsZUF0dHJpYnV0ZU5hbWUsIHRydWUpLFxuICAgICk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItZmxpcC1jYXJkLWRldGFpbHMtLXdyYXBwZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1mbGlwLWNhcmQtZGV0YWlsc1wiPlxuICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZmxpcC1jYXJkLWRldGFpbHMnOiBTYmJGbGlwQ2FyZERldGFpbHNFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOlsiX2EiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQW9CTSw2QkFBeUIsTUFBQTs7QUFKOUIsTUFBQSxtQkFBQSxDQUFBLGNBQWMsdUJBQXVCLEdBQ3JDLGVBQWU7QUFBQSxJQUNkLE1BQU07QUFBQSxFQUFBLENBQ1AsQ0FBQzs7OztvQkFDc0M7QUFBUixFQUFBLG1CQUFRLFlBQVU7QUFBQSxJQUdoRCxjQUFBOztBQUdPLFdBQUEsY0FDSCxJQUFJLG1CQUFtQixNQUFNO0FBQUEsUUFDM0IsUUFBUTtBQUFBLFVBQ04sV0FBVztBQUFBLFVBQ1gsU0FBUztBQUFBLFVBQ1QsWUFBWTtBQUFBLFFBQ2I7QUFBQSxRQUNELFVBQVUsTUFBTSxLQUFLLHdCQUF5QjtBQUFBLE1BQUEsQ0FDL0MsQ0FBQztBQUFBLElBQUE7QUFBQSxJQUlFLDBCQUF1Qjs7QUFDN0IsWUFBTSw2QkFBNkI7QUFFbkMsWUFBTSxPQUFLQSxNQUFBLEtBQUsscUJBQUwsZ0JBQUFBLElBQUEsV0FBd0Isd0JBQXVCLENBQUUsQ0FBQSxFQUFFLFFBQVEsQ0FBQyxPQUNyRSxHQUFHLGdCQUFnQiw0QkFBNEIsSUFBSSxDQUFDO0FBQUEsSUFBQTtBQUFBLElBSXJDLFNBQU07QUFDaEIsYUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLElBQUE7QUFBQTs7QUEzQlgsaUJBbUNDLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFsQ3dCLEdBQU0sU0FBbUIsT0FENUMsa0JBQXlCLFlBQUEsdUJBQUEsR0FBQzs7OyJ9

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

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './flip-card-details/flip-card-details.js';
+export * from './flip-card-details/flip-card-details.component.js';
 //# sourceMappingURL=flip-card-details.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"flip-card-details.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card-details.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0CAA0C,CAAC"}
+{"version":3,"file":"flip-card-details.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card-details.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oDAAoD,CAAC"}

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

@@ -1,4 +1,4 @@
-import { SbbFlipCardDetailsElement } from "./flip-card-details/flip-card-details.js";
+import { SbbFlipCardDetailsElement } from "./flip-card-details/flip-card-details.component.js";
 export {
   SbbFlipCardDetailsElement
 };

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

@@ -0,0 +1,21 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+export type SbbFlipCardImageAlignment = 'after' | 'below';
+/**
+ * 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`.
+ */
+export declare class SbbFlipCardSummaryElement extends LitElement {
+    static styles: CSSResultGroup;
+    /** The position where to render the image. */
+    accessor imageAlignment: SbbFlipCardImageAlignment;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-flip-card-summary': SbbFlipCardSummaryElement;
+    }
+}
+//# sourceMappingURL=flip-card-summary.component.d.ts.map

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

@@ -0,0 +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,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC,MAAM,MAAM,yBAAyB,GAAG,OAAO,GAAG,OAAO,CAAC;AAE1D;;;;;GAKG;AACH,qBAKM,yBAA0B,SAAQ,UAAU;IAChD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,8CAA8C;IAC9C,SACgB,cAAc,EAAE,yBAAyB,CAAW;cAEjD,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}