@sbb-esta/lyne-elements-dev 0.0.0 → 4.5.1-dev.1771849268

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

@@ -0,0 +1,322 @@
+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, SbbPropertyWatcherController } from "../../core/controllers.js";
+import { forceType } from "../../core/decorators.js";
+import { i18nFlipCard, i18nReverseCard } from "../../core/i18n.js";
+import { SbbHydrationMixin, SbbElementInternalsMixin, ɵstateController as _stateController } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+import "../../button/secondary-button-static.js";
+import "../../screen-reader-only.js";
+const style = css`:host {
+  --sbb-flip-card-toggle-icon-transform: rotate(0);
+  --sbb-flip-card-background-color: var(--sbb-background-color-4);
+  --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(64rem)) {
+  :host {
+    --sbb-flip-card-min-height: 20rem;
+  }
+}
+
+@media (any-hover: hover) {
+  :host(:hover) {
+    --sbb-flip-card-background-color: color-mix(in srgb, var(--sbb-color-cloud) 80%, transparent);
+    --sbb-flip-card-background-color: light-dark(
+      color-mix(in srgb, var(--sbb-color-cloud) 80%, transparent),
+      var(--sbb-color-iron)
+    );
+    --sbb-flip-card-translate-title-y-hover: -0.0625rem;
+  }
+}
+
+:host(:is(:state(flipped),[state--flipped])) {
+  --sbb-flip-card-toggle-icon-transform: rotate(45deg);
+  --sbb-flip-card-details-transition-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-2x)
+  );
+  --sbb-flip-card-summary-transition-delay: 0s;
+}
+:host(:is(:state(flipped),[state--flipped])) ::slotted(sbb-flip-card-summary) {
+  --sbb-flip-card-summary-opacity: 0;
+  --sbb-flip-card-summary-pointer-events: none;
+}
+:host(:is(:state(flipped),[state--flipped])) ::slotted(sbb-flip-card-details) {
+  --sbb-flip-card-details-opacity: 1;
+  --sbb-flip-card-details-translate-y: 0;
+}
+
+@media (min-width: calc(37.5rem)) and (max-width: calc(63.9375rem)) {
+  :host(:is(:state(image-alignment-after),[state--image-alignment-after])) {
+    --sbb-flip-card-min-height: 15rem;
+  }
+}
+@media (min-width: calc(90rem)) {
+  :host(:is(:state(image-alignment-after),[state--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: var(--sbb-cursor-pointer);
+}
+:host(:is(:state(flipped),[state--flipped])) .sbb-flip-card {
+  min-height: max(var(--sbb-flip-card-min-height), var(--sbb-flip-card-details-height));
+}
+@media (forced-colors: active) {
+  .sbb-flip-card::after {
+    content: "";
+    border: var(--sbb-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);
+  background-color: light-dark(var(--sbb-color-midnight), var(--sbb-color-iron));
+  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(:is(:state(flipped),[state--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(:is(:state(flipped),[state--flipped])) .sbb-flip-card--toggle-button {
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
+}
+
+.sbb-flip-card--toggle-button-icon {
+  transform: var(--sbb-flip-card-toggle-icon-transform);
+  transition: transform var(--sbb-flip-card-summary-transition-duration) ease-out;
+}
+
+.sbb-flip-card-button {
+  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: var(--sbb-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(SbbElementInternalsMixin(LitElement));
+  let _accessibilityLabel_decorators;
+  let _accessibilityLabel_initializers = [];
+  let _accessibilityLabel_extraInitializers = [];
+  let __flipped_decorators;
+  let __flipped_initializers = [];
+  let __flipped_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super();
+      __privateAdd(this, _accessibilityLabel_accessor_storage);
+      __privateAdd(this, __flipped_accessor_storage);
+      __privateSet(this, _accessibilityLabel_accessor_storage, __runInitializers(this, _accessibilityLabel_initializers, ""));
+      __privateSet(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}`);
+          }
+        }
+      }));
+    }
+    /**
+     * 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() {
+      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;
+    }
+    /** 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.toggleState("flipped", this._flipped);
+      _stateController(this.details)?.toggle("flipped", this._flipped);
+      this.summary.inert = this._flipped;
+      this.details.inert = !this._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>
+    `;
+    }
+  }, _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);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [boxSizingStyles, style], _a.events = {
+    flip: "flip"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbFlipCardElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZsaXAtY2FyZC9mbGlwLWNhcmQvZmxpcC1jYXJkLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZXNpemVDb250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9yZXNpemUtY29udHJvbGxlci5qcyc7XG5pbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBodG1sLCBpc1NlcnZlciwgTGl0RWxlbWVudCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSwgc3RhdGUgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyB1bnRpbCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3VudGlsLmpzJztcblxuaW1wb3J0IHsgSVNfRk9DVVNBQkxFX1FVRVJZIH0gZnJvbSAnLi4vLi4vY29yZS9hMTF5LnRzJztcbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciwgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMudHMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLnRzJztcbmltcG9ydCB7IGkxOG5GbGlwQ2FyZCwgaTE4blJldmVyc2VDYXJkIH0gZnJvbSAnLi4vLi4vY29yZS9pMThuLnRzJztcbmltcG9ydCB7XG4gIFNiYkVsZW1lbnRJbnRlcm5hbHNNaXhpbixcbiAgU2JiSHlkcmF0aW9uTWl4aW4sXG4gIMm1c3RhdGVDb250cm9sbGVyLFxufSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYkZsaXBDYXJkRGV0YWlsc0VsZW1lbnQgfSBmcm9tICcuLi9mbGlwLWNhcmQtZGV0YWlscy50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYkZsaXBDYXJkU3VtbWFyeUVsZW1lbnQgfSBmcm9tICcuLi9mbGlwLWNhcmQtc3VtbWFyeS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2ZsaXAtY2FyZC5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbXBvcnQgJy4uLy4uL2J1dHRvbi9zZWNvbmRhcnktYnV0dG9uLXN0YXRpYy50cyc7XG5pbXBvcnQgJy4uLy4uL3NjcmVlbi1yZWFkZXItb25seS50cyc7XG5cbi8qKlxuICogRGlzcGxheXMgYW4gaW5mb3JtYXRpdmUgY2FyZCB0aGF0IHJldmVhbHMgbW9yZSBpbmZvcm1hdGlvbiB1cG9uIGJlaW5nIGNsaWNrZWQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYSBgc2JiLWZsaXAtY2FyZC1zdW1tYXJ5YCBhbmQgYSBgc2JiLWZsaXAtY2FyZC1kZXRhaWxzYCBlbGVtZW50LlxuICpcbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWZsaXAtY2FyZCcpXG5jbGFzcyBTYmJGbGlwQ2FyZEVsZW1lbnQgZXh0ZW5kcyBTYmJIeWRyYXRpb25NaXhpbihTYmJFbGVtZW50SW50ZXJuYWxzTWl4aW4oTGl0RWxlbWVudCkpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICBmbGlwOiAnZmxpcCcsXG4gIH0gYXMgY29uc3Q7XG5cbiAgLyoqXG4gICAqIFRoaXMgd2lsbCBiZSBmb3J3YXJkZWQgYXMgYXJpYS1sYWJlbCB0byB0aGUgYWN0aW9uIGluIHRoZSBub24gZmxpcHBlZCBzdGF0ZS5cbiAgICogSWYgbm90IHNldCwgdGhlIHRleHRDb250ZW50IG9mIHRoZSBgc2JiLWZsaXAtY2FyZC1zdW1tYXJ5YCBpcyB0YWtlbi5cbiAgICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdhY2Nlc3NpYmlsaXR5LWxhYmVsJyB9KVxuICBwdWJsaWMgYWNjZXNzb3IgYWNjZXNzaWJpbGl0eUxhYmVsOiBzdHJpbmcgPSAnJztcblxuICAvKiogUmV0dXJucyB0aGUgc2xvdHRlZCBzYmItZmxpcC1jYXJkLXN1bW1hcnkuICovXG4gIHB1YmxpYyBnZXQgc3VtbWFyeSgpOiBTYmJGbGlwQ2FyZFN1bW1hcnlFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMucXVlcnlTZWxlY3Rvcj8uKCdzYmItZmxpcC1jYXJkLXN1bW1hcnknKTtcbiAgfVxuXG4gIC8qKiBSZXR1cm5zIHRoZSBzbG90dGVkIHNiYi1mbGlwLWNhcmQtZGV0YWlscy4gKi9cbiAgcHVibGljIGdldCBkZXRhaWxzKCk6IFNiYkZsaXBDYXJkRGV0YWlsc0VsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5xdWVyeVNlbGVjdG9yPy4oJ3NiYi1mbGlwLWNhcmQtZGV0YWlscycpO1xuICB9XG5cbiAgLyoqIFJldHVybnMgdGhlIGNhcmQgZGV0YWlscyBjb250ZW50IGVsZW1lbnQgd3JhcHBlci4gKi9cbiAgcHJpdmF0ZSBnZXQgX2RldGFpbHNDb250ZW50RWxlbWVudCgpOiBIVE1MRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLmRldGFpbHMhLnNoYWRvd1Jvb3QhLmZpcnN0RWxlbWVudENoaWxkIGFzIEhUTUxFbGVtZW50O1xuICB9XG5cbiAgLyoqIFdoZXRoZXIgdGhlIGZsaXAgY2FyZCBpcyBmbGlwcGVkLiAqL1xuICBwdWJsaWMgZ2V0IGlzRmxpcHBlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fZmxpcHBlZDtcbiAgfVxuXG4gIC8qKiBXaGV0aGVyIHRoZSBjYXJkIGlzIGZsaXBwZWQgb3Igbm90LiAqL1xuICBAc3RhdGUoKSBwcml2YXRlIGFjY2Vzc29yIF9mbGlwcGVkID0gZmFsc2U7XG5cbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuICBwcml2YXRlIF9jYXJkRGV0YWlsc1Jlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgIHRhcmdldDogbnVsbCxcbiAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fc2V0Q2FyZERldGFpbHNIZWlnaHQoKSxcbiAgfSk7XG4gIHByaXZhdGUgX3ByZXZpb3VzSW1hZ2VBbGlnbm1lbnQ/OiBzdHJpbmc7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2NsaWNrJywgKGV2ZW50OiBFdmVudCkgPT4ge1xuICAgICAgaWYgKGV2ZW50LnRhcmdldCA9PT0gdGhpcyB8fCAhKGV2ZW50LnRhcmdldCBhcyBIVE1MRWxlbWVudCk/Lm1hdGNoZXM/LihJU19GT0NVU0FCTEVfUVVFUlkpKSB7XG4gICAgICAgIHRoaXMudG9nZ2xlKCk7XG4gICAgICB9XG4gICAgfSk7XG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIodGhpcywgKCkgPT4gdGhpcy5zdW1tYXJ5LCB7XG4gICAgICAgIGltYWdlQWxpZ25tZW50OiAocykgPT4ge1xuICAgICAgICAgIGlmICh0aGlzLl9wcmV2aW91c0ltYWdlQWxpZ25tZW50KSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKGBpbWFnZS1hbGlnbm1lbnQtJHt0aGlzLl9wcmV2aW91c0ltYWdlQWxpZ25tZW50fWApO1xuICAgICAgICAgIH1cbiAgICAgICAgICB0aGlzLl9wcmV2aW91c0ltYWdlQWxpZ25tZW50ID0gcy5pbWFnZUFsaWdubWVudDtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNJbWFnZUFsaWdubWVudCkge1xuICAgICAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZChgaW1hZ2UtYWxpZ25tZW50LSR7dGhpcy5fcHJldmlvdXNJbWFnZUFsaWdubWVudH1gKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgLyoqIFRvZ2dsZXMgdGhlIHN0YXRlIG9mIHRoZSBzYmItZmxpcC1jYXJkLiAqL1xuICBwdWJsaWMgdG9nZ2xlKCk6IHZvaWQge1xuICAgIHRoaXMuX2ZsaXBwZWQgPSAhdGhpcy5fZmxpcHBlZDtcbiAgICBpZiAodGhpcy5fZmxpcHBlZCkge1xuICAgICAgdGhpcy5fc2V0Q2FyZERldGFpbHNIZWlnaHQoKTtcbiAgICAgIHRoaXMuX2NhcmREZXRhaWxzUmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLl9kZXRhaWxzQ29udGVudEVsZW1lbnQhKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5fY2FyZERldGFpbHNSZXNpemVPYnNlcnZlci51bm9ic2VydmUodGhpcy5fZGV0YWlsc0NvbnRlbnRFbGVtZW50ISk7XG4gICAgfVxuICAgIHRoaXMudG9nZ2xlU3RhdGUoJ2ZsaXBwZWQnLCB0aGlzLl9mbGlwcGVkKTtcbiAgICDJtXN0YXRlQ29udHJvbGxlcih0aGlzLmRldGFpbHMpPy50b2dnbGUoJ2ZsaXBwZWQnLCB0aGlzLl9mbGlwcGVkKTtcbiAgICB0aGlzLnN1bW1hcnkhLmluZXJ0ID0gdGhpcy5fZmxpcHBlZDtcbiAgICB0aGlzLmRldGFpbHMhLmluZXJ0ID0gIXRoaXMuX2ZsaXBwZWQ7XG4gICAgLyoqIEVtaXRzIHdoZW5ldmVyIHRoZSBjb21wb25lbnQgaXMgZmxpcHBlZC4gKi9cbiAgICB0aGlzLmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdmbGlwJywgeyBidWJibGVzOiB0cnVlLCBjb21wb3NlZDogdHJ1ZSB9KSk7XG4gIH1cblxuICBwcml2YXRlIF9zZXRDYXJkRGV0YWlsc0hlaWdodCgpOiBhbnkge1xuICAgIGNvbnN0IGNvbnRlbnRIZWlnaHQgPSBNYXRoLmZsb29yKHRoaXMuX2RldGFpbHNDb250ZW50RWxlbWVudCEub2Zmc2V0SGVpZ2h0KTtcbiAgICB0aGlzLnN0eWxlPy5zZXRQcm9wZXJ0eSgnLS1zYmItZmxpcC1jYXJkLWRldGFpbHMtaGVpZ2h0JywgYCR7Y29udGVudEhlaWdodH1weGApO1xuICB9XG5cbiAgcHJpdmF0ZSBhc3luYyBfYWNjZXNzaWJpbGl0eUxhYmVsKCk6IFByb21pc2U8c3RyaW5nPiB7XG4gICAgaWYgKGlzU2VydmVyKSB7XG4gICAgICByZXR1cm4gJyc7XG4gICAgfVxuICAgIGF3YWl0IHRoaXMuaHlkcmF0aW9uQ29tcGxldGU7XG5cbiAgICByZXR1cm4gIXRoaXMuX2ZsaXBwZWRcbiAgICAgID8gYCR7KHRoaXMuYWNjZXNzaWJpbGl0eUxhYmVsID8gdGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWwgOiB0aGlzLnN1bW1hcnk/LnRleHRDb250ZW50Py50cmltKCkpID8/ICcnfSwgJHtpMThuRmxpcENhcmRbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF19YFxuICAgICAgOiBpMThuUmV2ZXJzZUNhcmRbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF07XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItZmxpcC1jYXJkXCI+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICBjbGFzcz1cInNiYi1mbGlwLWNhcmQtYnV0dG9uXCJcbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPSR7dGhpcy5fZmxpcHBlZC50b1N0cmluZygpfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICA+XG4gICAgICAgICAgPHNiYi1zY3JlZW4tcmVhZGVyLW9ubHk+JHt1bnRpbCh0aGlzLl9hY2Nlc3NpYmlsaXR5TGFiZWwoKSwgJycpfTwvc2JiLXNjcmVlbi1yZWFkZXItb25seT5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxzbG90IG5hbWU9XCJzdW1tYXJ5XCIgQHNsb3RjaGFuZ2U9JHsoKSA9PiAodGhpcy5zdW1tYXJ5IS5pbmVydCA9IHRoaXMuX2ZsaXBwZWQpfT48L3Nsb3Q+XG4gICAgICAgIDxzbG90IG5hbWU9XCJkZXRhaWxzXCIgQHNsb3RjaGFuZ2U9JHsoKSA9PiAodGhpcy5kZXRhaWxzIS5pbmVydCA9ICF0aGlzLl9mbGlwcGVkKX0+PC9zbG90PlxuICAgICAgICA8c2JiLXNlY29uZGFyeS1idXR0b24tc3RhdGljIGNsYXNzPVwic2JiLWZsaXAtY2FyZC0tdG9nZ2xlLWJ1dHRvblwiIHNpemU9XCJzXCI+XG4gICAgICAgICAgPHNiYi1pY29uXG4gICAgICAgICAgICBjbGFzcz1cInNiYi1mbGlwLWNhcmQtLXRvZ2dsZS1idXR0b24taWNvblwiXG4gICAgICAgICAgICBzbG90PVwiaWNvblwiXG4gICAgICAgICAgICBuYW1lPVwicGx1cy1zbWFsbFwiXG4gICAgICAgICAgPjwvc2JiLWljb24+XG4gICAgICAgIDwvc2JiLXNlY29uZGFyeS1idXR0b24tc3RhdGljPlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWZsaXAtY2FyZCc6IFNiYkZsaXBDYXJkRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbIsm1c3RhdGVDb250cm9sbGVyIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7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

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

@@ -0,0 +1,21 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+declare const SbbFlipCardDetailsElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
+/**
+ * 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 SbbFlipCardDetailsElement_base {
+    static styles: CSSResultGroup;
+    constructor();
+    connectedCallback(): void;
+    private _checkForSlottedActions;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-flip-card-details': SbbFlipCardDetailsElement;
+    }
+}
+export {};
+//# 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;;AASvC;;;;GAIG;AACH,qBAEM,yBAA0B,SAAQ,8BAAoC;IAC1E,OAAuB,MAAM,EAAE,cAAc,CAA4B;;IAkBzD,iBAAiB,IAAI,IAAI;IAKzC,OAAO,CAAC,uBAAuB;cAOZ,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,88 @@
+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 { SbbElementInternalsMixin } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+const style = css`: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(:is(:state(flipped),[state--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")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbElementInternalsMixin(LitElement);
+  _a = class extends _classSuper {
+    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--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 = [boxSizingStyles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbFlipCardDetailsElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLWRldGFpbHMuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZmxpcC1jYXJkL2ZsaXAtY2FyZC1kZXRhaWxzL2ZsaXAtY2FyZC1kZXRhaWxzLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNdXRhdGlvbkNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL211dGF0aW9uLWNvbnRyb2xsZXIuanMnO1xuaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBJU19GT0NVU0FCTEVfUVVFUlkgfSBmcm9tICcuLi8uLi9jb3JlL2ExMXkudHMnO1xuaW1wb3J0IHsgU2JiRWxlbWVudEludGVybmFsc01peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9mbGlwLWNhcmQtZGV0YWlscy5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIENvbWJpbmVkIHdpdGggYSBgc2JiLWZsaXAtY2FyZGAsIGl0IGRpc3BsYXlzIGl0cyBjb250ZW50IHdoZW4gdGhlIGNhcmQgaXMgZmxpcHBlZC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIHByb3ZpZGUgYW55IGtpbmQgb2YgY29udGVudC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWZsaXAtY2FyZC1kZXRhaWxzJylcbmNsYXNzIFNiYkZsaXBDYXJkRGV0YWlsc0VsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50SW50ZXJuYWxzTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG5cbiAgICB0aGlzLmFkZENvbnRyb2xsZXIoXG4gICAgICBuZXcgTXV0YXRpb25Db250cm9sbGVyKHRoaXMsIHtcbiAgICAgICAgY29uZmlnOiB7XG4gICAgICAgICAgY2hpbGRMaXN0OiB0cnVlLFxuICAgICAgICAgIHN1YnRyZWU6IHRydWUsXG4gICAgICAgICAgYXR0cmlidXRlczogdHJ1ZSxcbiAgICAgICAgICBhdHRyaWJ1dGVGaWx0ZXI6IFsnaHJlZicsICd0YWJpbmRleCcsICdkaXNhYmxlZCcsICdpbmVydCddLFxuICAgICAgICB9LFxuICAgICAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fY2hlY2tGb3JTbG90dGVkQWN0aW9ucygpLFxuICAgICAgfSksXG4gICAgKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuc2xvdCB8fD0gJ2RldGFpbHMnO1xuICB9XG5cbiAgcHJpdmF0ZSBfY2hlY2tGb3JTbG90dGVkQWN0aW9ucygpOiB2b2lkIHtcbiAgICAvLyBXZSBpbnRlbnRpb25hbGx5IHVzZSB0b2dnbGUgaGVyZSwgYXMgYWRkIGNhdXNlcyBhIE11dGF0aW9uT2JzZXJ2ZXIgbG9vcC5cbiAgICBBcnJheS5mcm9tKHRoaXMucXVlcnlTZWxlY3RvckFsbD8uKElTX0ZPQ1VTQUJMRV9RVUVSWSkgPz8gW10pLmZvckVhY2goKGVsOiBFbGVtZW50KSA9PlxuICAgICAgZWwuY2xhc3NMaXN0LnRvZ2dsZSgnc2JiLWFjdGlvbicsIHRydWUpLFxuICAgICk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItZmxpcC1jYXJkLWRldGFpbHMtLXdyYXBwZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1mbGlwLWNhcmQtZGV0YWlsc1wiPlxuICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZmxpcC1jYXJkLWRldGFpbHMnOiBTYmJGbGlwQ2FyZERldGFpbHNFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQWtCTSw2QkFBeUIsTUFBQTs7MEJBRDlCLGNBQWMsdUJBQXVCLENBQUM7Ozs7b0JBQ0MseUJBQXlCLFVBQVU7QUFBM0MsRUFBQSxtQkFBUSxZQUFvQztBQUFBLElBRzFFLGNBQUE7QUFDRSxZQUFBO0FBRUEsV0FBSyxjQUNILElBQUksbUJBQW1CLE1BQU07QUFBQSxRQUMzQixRQUFRO0FBQUEsVUFDTixXQUFXO0FBQUEsVUFDWCxTQUFTO0FBQUEsVUFDVCxZQUFZO0FBQUEsVUFDWixpQkFBaUIsQ0FBQyxRQUFRLFlBQVksWUFBWSxPQUFPO0FBQUEsUUFBQTtBQUFBLFFBRTNELFVBQVUsTUFBTSxLQUFLLHdCQUFBO0FBQUEsTUFBdUIsQ0FDN0MsQ0FBQztBQUFBLElBRU47QUFBQSxJQUVnQixvQkFBaUI7QUFDL0IsWUFBTSxrQkFBQTtBQUNOLFdBQUssU0FBUztBQUFBLElBQ2hCO0FBQUEsSUFFUSwwQkFBdUI7QUFFN0IsWUFBTSxLQUFLLEtBQUssbUJBQW1CLGtCQUFrQixLQUFLLENBQUEsQ0FBRSxFQUFFLFFBQVEsQ0FBQyxPQUNyRSxHQUFHLFVBQVUsT0FBTyxjQUFjLElBQUksQ0FBQztBQUFBLElBRTNDO0FBQUEsSUFFbUIsU0FBTTtBQUN2QixhQUFPO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFPVDtBQUFBOztBQXZDRixpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBQ3lCLEdBQUEsU0FBeUIsQ0FBQyxpQkFBaUIsS0FBSyxHQURuRSxrQkFBQSxZQUFBLHVCQUFBLEdBQTBCOzs7In0=

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

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

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

@@ -0,0 +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,oDAAoD,CAAC"}

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

@@ -0,0 +1,5 @@
+import { SbbFlipCardDetailsElement } from "./flip-card-details/flip-card-details.component.js";
+export {
+  SbbFlipCardDetailsElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLWRldGFpbHMuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

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

@@ -0,0 +1,21 @@
+import { CSSResultGroup, 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;
+    connectedCallback(): 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,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC,MAAM,MAAM,yBAAyB,GAAG,OAAO,GAAG,OAAO,CAAC;AAE1D;;;;;GAKG;AACH,qBAEM,yBAA0B,SAAQ,UAAU;IAChD,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,8CAA8C;IAC9C,SACgB,cAAc,EAAE,yBAAyB,CAAW;IAEpD,iBAAiB,IAAI,IAAI;cAKtB,MAAM,IAAI,cAAc;CAU5C;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

@@ -0,0 +1,137 @@
+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 { css, LitElement, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { boxSizingStyles } from "../../core/styles.js";
+const style = css`:host {
+  --sbb-flip-card-summary-opacity: 1;
+  --sbb-flip-card-summary-pointer-events: all;
+  display: contents;
+}
+
+.sbb-flip-card-summary {
+  display: grid;
+  min-height: var(--sbb-flip-card-min-height);
+  pointer-events: var(--sbb-flip-card-summary-pointer-events);
+  opacity: var(--sbb-flip-card-summary-opacity);
+  border-radius: var(--sbb-flip-card-border-radius);
+  overflow: hidden;
+  grid-template-columns: minmax(0, 1fr);
+  grid-template-rows: auto minmax(0, 1fr);
+  width: 100%;
+  height: 100%;
+  transition: all var(--sbb-flip-card-summary-transition-duration) ease-out;
+  transition-delay: var(--sbb-flip-card-summary-transition-delay);
+}
+@media (min-width: calc(37.5rem)) {
+  :host([image-alignment=after]) .sbb-flip-card-summary {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    grid-template-rows: 1fr;
+  }
+}
+@media (min-width: calc(64rem)) {
+  :host([image-alignment=after]) .sbb-flip-card-summary {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    grid-template-rows: 1fr;
+  }
+}
+
+::slotted(sbb-title) {
+  padding-inline: var(--sbb-spacing-responsive-s);
+  padding-block: var(--sbb-spacing-responsive-s) var(--sbb-spacing-responsive-xs);
+  margin: 0;
+  grid-area: 1/1/2/2;
+}
+@media (min-width: calc(37.5rem)) {
+  :host([image-alignment=after]) ::slotted(sbb-title) {
+    grid-area: 1/1/2/3;
+  }
+}
+@media (min-width: calc(64rem)) {
+  :host([image-alignment=after]) ::slotted(sbb-title) {
+    grid-area: 1/1/2/2;
+  }
+}
+
+::slotted(*:not([slot=image])) {
+  transform: translateY(var(--sbb-flip-card-translate-title-y-hover, 0rem));
+  transition: transform var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x)) var(--sbb-animation-easing);
+}
+
+.sbb-flip-card-summary--image-wrapper {
+  grid-area: 2/1/3/2;
+}
+@media (min-width: calc(37.5rem)) {
+  :host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper {
+    grid-area: 1/3/2/4;
+  }
+}
+@media (min-width: calc(64rem)) {
+  :host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper {
+    grid-area: 1/2/2/3;
+  }
+}
+
+::slotted([slot=image]) {
+  width: 100%;
+  height: 100%;
+}`;
+let SbbFlipCardSummaryElement = (() => {
+  var _imageAlignment_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-flip-card-summary")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = LitElement;
+  let _imageAlignment_decorators;
+  let _imageAlignment_initializers = [];
+  let _imageAlignment_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _imageAlignment_accessor_storage, __runInitializers(this, _imageAlignment_initializers, "after"));
+      __runInitializers(this, _imageAlignment_extraInitializers);
+    }
+    /** The position where to render the image. */
+    get imageAlignment() {
+      return __privateGet(this, _imageAlignment_accessor_storage);
+    }
+    set imageAlignment(value) {
+      __privateSet(this, _imageAlignment_accessor_storage, value);
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      this.slot ||= "summary";
+    }
+    render() {
+      return html`
+      <div class="sbb-flip-card-summary">
+        <slot></slot>
+        <div class="sbb-flip-card-summary--image-wrapper">
+          <slot name="image"></slot>
+        </div>
+      </div>
+    `;
+    }
+  }, _imageAlignment_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _imageAlignment_decorators = [property({ attribute: "image-alignment", reflect: true })];
+    __esDecorate(_a, 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);
+    __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 = [boxSizingStyles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbFlipCardSummaryElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLXN1bW1hcnkuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZmxpcC1jYXJkL2ZsaXAtY2FyZC1zdW1tYXJ5L2ZsaXAtY2FyZC1zdW1tYXJ5LmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2ZsaXAtY2FyZC1zdW1tYXJ5LnNjc3M/bGl0JmlubGluZSc7XG5cbmV4cG9ydCB0eXBlIFNiYkZsaXBDYXJkSW1hZ2VBbGlnbm1lbnQgPSAnYWZ0ZXInIHwgJ2JlbG93JztcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgYHNiYi1mbGlwLWNhcmRgLCBpdCBkaXNwbGF5cyBpdHMgY29udGVudCB3aGVuIHRoZSBjYXJkIGlzIG5vdCBmbGlwcGVkLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gcHJvdmlkZSBhIHRpdGxlIGZvciB0aGUgYHNiYi1mbGlwLWNhcmQtc3VtbWFyeWAuXG4gKiBAc2xvdCBpbWFnZSAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSBhbiBpbWFnZSBmb3IgdGhlIGBzYmItZmxpcC1jYXJkLXN1bW1hcnlgLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItZmxpcC1jYXJkLXN1bW1hcnknKVxuY2xhc3MgU2JiRmxpcENhcmRTdW1tYXJ5RWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG5cbiAgLyoqIFRoZSBwb3NpdGlvbiB3aGVyZSB0byByZW5kZXIgdGhlIGltYWdlLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdpbWFnZS1hbGlnbm1lbnQnLCByZWZsZWN0OiB0cnVlIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBpbWFnZUFsaWdubWVudDogU2JiRmxpcENhcmRJbWFnZUFsaWdubWVudCA9ICdhZnRlcic7XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5zbG90IHx8PSAnc3VtbWFyeSc7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItZmxpcC1jYXJkLXN1bW1hcnlcIj5cbiAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLWZsaXAtY2FyZC1zdW1tYXJ5LS1pbWFnZS13cmFwcGVyXCI+XG4gICAgICAgICAgPHNsb3QgbmFtZT1cImltYWdlXCI+PC9zbG90PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1mbGlwLWNhcmQtc3VtbWFyeSc6IFNiYkZsaXBDYXJkU3VtbWFyeUVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFrQk0sNkJBQXlCLE1BQUE7OzBCQUQ5QixjQUFjLHVCQUF1QixDQUFDOzs7O29CQUNDOzs7O0FBQVIsRUFBQSxtQkFBUSxZQUFVO0FBQUE7O0FBS2hELDJEQUFBLGtCQUFBLE1BQUEsOEJBQTRELE9BQU87Ozs7SUFBbkUsSUFBZ0IsaUJBQWM7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQTlCLElBQWdCLGVBQWMsT0FBQTtBQUFBLHlCQUFBLGtDQUFBO0FBQUEsSUFBQTtBQUFBLElBRWQsb0JBQWlCO0FBQy9CLFlBQU0sa0JBQUE7QUFDTixXQUFLLFNBQVM7QUFBQSxJQUNoQjtBQUFBLElBRW1CLFNBQU07QUFDdkIsYUFBTztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFRVDtBQUFBLEtBaEJBOztrQ0FEQyxTQUFTLEVBQUUsV0FBVyxtQkFBbUIsU0FBUyxLQUFBLENBQU0sQ0FBQztBQUMxRCxpQkFBQSxJQUFBLE1BQUEsNEJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxrQkFBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxvQkFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQWdCLGdCQUFjLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFkLGlCQUFjO0FBQUEsSUFBQSxLQUFBLFVBQUEsVUFBQSxHQUFBLDhCQUFBLGlDQUFBO0FBTGhDLGlCQUFBLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFDeUIsR0FBQSxTQUF5QixDQUFDLGlCQUFpQixLQUFLLEdBRG5FLGtCQUFBLFlBQUEsdUJBQUEsR0FBMEI7OzsifQ==

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

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

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

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