@sbb-esta/lyne-elements 2.6.0 → 2.7.1

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

@@ -1,320 +1,5 @@
-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:not([data-focus-origin=mouse], [data-focus-origin=touch]):focus-visible {
-  outline-offset: var(--sbb-focus-outline-offset);
-  outline: var(--sbb-focus-outline-color) 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;
-})();
+import { SbbFlipCardElement } from "./flip-card/flip-card.js";
 export {
   SbbFlipCardElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZmxpcC1jYXJkL2ZsaXAtY2FyZC9mbGlwLWNhcmQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVzaXplQ29udHJvbGxlciB9IGZyb20gJ0BsaXQtbGFicy9vYnNlcnZlcnMvcmVzaXplLWNvbnRyb2xsZXIuanMnO1xuaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgaXNTZXJ2ZXIsIExpdEVsZW1lbnQsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHksIHN0YXRlIH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgdW50aWwgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy91bnRpbC5qcyc7XG5cbmltcG9ydCB7IElTX0ZPQ1VTQUJMRV9RVUVSWSB9IGZyb20gJy4uLy4uL2NvcmUvYTExeS5qcyc7XG5pbXBvcnQgeyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzLmpzJztcbmltcG9ydCB7IGZvcmNlVHlwZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBFdmVudEVtaXR0ZXIgfSBmcm9tICcuLi8uLi9jb3JlL2V2ZW50aW5nLmpzJztcbmltcG9ydCB7IGkxOG5GbGlwQ2FyZCwgaTE4blJldmVyc2VDYXJkIH0gZnJvbSAnLi4vLi4vY29yZS9pMThuLmpzJztcbmltcG9ydCB7IFNiYkh5ZHJhdGlvbk1peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJGbGlwQ2FyZERldGFpbHNFbGVtZW50IH0gZnJvbSAnLi4vZmxpcC1jYXJkLWRldGFpbHMuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJGbGlwQ2FyZFN1bW1hcnlFbGVtZW50IH0gZnJvbSAnLi4vZmxpcC1jYXJkLXN1bW1hcnkuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9mbGlwLWNhcmQuc2Nzcz9saXQmaW5saW5lJztcblxuaW1wb3J0ICcuLi8uLi9idXR0b24vc2Vjb25kYXJ5LWJ1dHRvbi1zdGF0aWMuanMnO1xuaW1wb3J0ICcuLi8uLi9zY3JlZW4tcmVhZGVyLW9ubHkuanMnO1xuXG4vKipcbiAqIERpc3BsYXlzIGFuIGluZm9ybWF0aXZlIGNhcmQgdGhhdCByZXZlYWxzIG1vcmUgaW5mb3JtYXRpb24gdXBvbiBiZWluZyBjbGlja2VkLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGEgYHNiYi1mbGlwLWNhcmQtc3VtbWFyeWAgYW5kIGEgYHNiYi1mbGlwLWNhcmQtZGV0YWlsc2AgZWxlbWVudC5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8dm9pZD59IGZsaXAgLSBFbWl0cyB3aGVuIHRoZSBmbGlwIGNhcmQgZmxpcHMuXG4gKlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItZmxpcC1jYXJkJylcbmNsYXNzIFNiYkZsaXBDYXJkRWxlbWVudCBleHRlbmRzIFNiYkh5ZHJhdGlvbk1peGluKExpdEVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIGZsaXA6ICdmbGlwJyxcbiAgfSBhcyBjb25zdDtcblxuICAvKipcbiAgICogVGhpcyB3aWxsIGJlIGZvcndhcmRlZCBhcyBhcmlhLWxhYmVsIHRvIHRoZSBhY3Rpb24gaW4gdGhlIG5vbiBmbGlwcGVkIHN0YXRlLlxuICAgKiBJZiBub3Qgc2V0LCB0aGUgdGV4dENvbnRlbnQgb2YgdGhlIGBzYmItZmxpcC1jYXJkLXN1bW1hcnlgIGlzIHRha2VuLlxuICAgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2FjY2Vzc2liaWxpdHktbGFiZWwnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBhY2Nlc3NpYmlsaXR5TGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBFbWl0cyB3aGVuZXZlciB0aGUgY29tcG9uZW50IGlzIGZsaXBwZWQuICovXG4gIHByb3RlY3RlZCBmbGlwOiBFdmVudEVtaXR0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyKHRoaXMsIFNiYkZsaXBDYXJkRWxlbWVudC5ldmVudHMuZmxpcCk7XG5cbiAgLyoqIFJldHVybnMgdGhlIHNsb3R0ZWQgc2JiLWZsaXAtY2FyZC1zdW1tYXJ5LiAqL1xuICBwdWJsaWMgZ2V0IHN1bW1hcnkoKTogU2JiRmxpcENhcmRTdW1tYXJ5RWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLnF1ZXJ5U2VsZWN0b3I/Lignc2JiLWZsaXAtY2FyZC1zdW1tYXJ5Jyk7XG4gIH1cblxuICAvKiogUmV0dXJucyB0aGUgc2xvdHRlZCBzYmItZmxpcC1jYXJkLWRldGFpbHMuICovXG4gIHB1YmxpYyBnZXQgZGV0YWlscygpOiBTYmJGbGlwQ2FyZERldGFpbHNFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMucXVlcnlTZWxlY3Rvcj8uKCdzYmItZmxpcC1jYXJkLWRldGFpbHMnKTtcbiAgfVxuXG4gIC8qKiBSZXR1cm5zIHRoZSBjYXJkIGRldGFpbHMgY29udGVudCBlbGVtZW50IHdyYXBwZXIuICovXG4gIHByaXZhdGUgZ2V0IF9kZXRhaWxzQ29udGVudEVsZW1lbnQoKTogSFRNTEVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5kZXRhaWxzIS5zaGFkb3dSb290IS5maXJzdEVsZW1lbnRDaGlsZCBhcyBIVE1MRWxlbWVudDtcbiAgfVxuXG4gIC8qKiBXaGV0aGVyIHRoZSBmbGlwIGNhcmQgaXMgZmxpcHBlZC4gKi9cbiAgcHVibGljIGdldCBpc0ZsaXBwZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2ZsaXBwZWQ7XG4gIH1cblxuICAvKiogV2hldGhlciB0aGUgY2FyZCBpcyBmbGlwcGVkIG9yIG5vdC4gKi9cbiAgQHN0YXRlKCkgcHJpdmF0ZSBhY2Nlc3NvciBfZmxpcHBlZCA9IGZhbHNlO1xuXG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcbiAgcHJpdmF0ZSBfY2FyZERldGFpbHNSZXNpemVPYnNlcnZlciA9IG5ldyBSZXNpemVDb250cm9sbGVyKHRoaXMsIHtcbiAgICB0YXJnZXQ6IG51bGwsXG4gICAgc2tpcEluaXRpYWw6IHRydWUsXG4gICAgY2FsbGJhY2s6ICgpID0+IHRoaXMuX3NldENhcmREZXRhaWxzSGVpZ2h0KCksXG4gIH0pO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdjbGljaycsIChldmVudDogRXZlbnQpID0+IHtcbiAgICAgIGlmIChldmVudC50YXJnZXQgPT09IHRoaXMgfHwgIShldmVudC50YXJnZXQgYXMgSFRNTEVsZW1lbnQpPy5tYXRjaGVzPy4oSVNfRk9DVVNBQkxFX1FVRVJZKSkge1xuICAgICAgICB0aGlzLnRvZ2dsZSgpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgLyoqIFRvZ2dsZXMgdGhlIHN0YXRlIG9mIHRoZSBzYmItZmxpcC1jYXJkLiAqL1xuICBwdWJsaWMgdG9nZ2xlKCk6IHZvaWQge1xuICAgIHRoaXMuX2ZsaXBwZWQgPSAhdGhpcy5fZmxpcHBlZDtcbiAgICBpZiAodGhpcy5fZmxpcHBlZCkge1xuICAgICAgdGhpcy5fc2V0Q2FyZERldGFpbHNIZWlnaHQoKTtcbiAgICAgIHRoaXMuX2NhcmREZXRhaWxzUmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLl9kZXRhaWxzQ29udGVudEVsZW1lbnQhKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5fY2FyZERldGFpbHNSZXNpemVPYnNlcnZlci51bm9ic2VydmUodGhpcy5fZGV0YWlsc0NvbnRlbnRFbGVtZW50ISk7XG4gICAgfVxuICAgIHRoaXMudG9nZ2xlQXR0cmlidXRlKCdkYXRhLWZsaXBwZWQnLCB0aGlzLl9mbGlwcGVkKTtcbiAgICB0aGlzLmRldGFpbHMhLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1mbGlwcGVkJywgdGhpcy5fZmxpcHBlZCk7XG4gICAgdGhpcy5zdW1tYXJ5IS5pbmVydCA9IHRoaXMuX2ZsaXBwZWQ7XG4gICAgdGhpcy5kZXRhaWxzIS5pbmVydCA9ICF0aGlzLl9mbGlwcGVkO1xuICAgIHRoaXMuZmxpcC5lbWl0KCk7XG4gIH1cblxuICBwcml2YXRlIF9zZXRDYXJkRGV0YWlsc0hlaWdodCgpOiBhbnkge1xuICAgIGNvbnN0IGNvbnRlbnRIZWlnaHQgPSBNYXRoLmZsb29yKHRoaXMuX2RldGFpbHNDb250ZW50RWxlbWVudCEub2Zmc2V0SGVpZ2h0KTtcbiAgICB0aGlzLnN0eWxlPy5zZXRQcm9wZXJ0eSgnLS1zYmItZmxpcC1jYXJkLWRldGFpbHMtaGVpZ2h0JywgYCR7Y29udGVudEhlaWdodH1weGApO1xuICB9XG5cbiAgcHJpdmF0ZSBhc3luYyBfYWNjZXNzaWJpbGl0eUxhYmVsKCk6IFByb21pc2U8c3RyaW5nPiB7XG4gICAgaWYgKGlzU2VydmVyKSB7XG4gICAgICByZXR1cm4gJyc7XG4gICAgfVxuICAgIGF3YWl0IHRoaXMuaHlkcmF0aW9uQ29tcGxldGU7XG5cbiAgICByZXR1cm4gIXRoaXMuX2ZsaXBwZWRcbiAgICAgID8gYCR7KHRoaXMuYWNjZXNzaWJpbGl0eUxhYmVsID8gdGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWwgOiB0aGlzLnN1bW1hcnk/LnRleHRDb250ZW50Py50cmltKCkpID8/ICcnfSwgJHtpMThuRmxpcENhcmRbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF19YFxuICAgICAgOiBpMThuUmV2ZXJzZUNhcmRbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF07XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItZmxpcC1jYXJkXCI+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICBjbGFzcz1cInNiYi1mbGlwLWNhcmQtYnV0dG9uXCJcbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPSR7dGhpcy5fZmxpcHBlZC50b1N0cmluZygpfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICA+XG4gICAgICAgICAgPHNiYi1zY3JlZW4tcmVhZGVyLW9ubHk+JHt1bnRpbCh0aGlzLl9hY2Nlc3NpYmlsaXR5TGFiZWwoKSwgJycpfTwvc2JiLXNjcmVlbi1yZWFkZXItb25seT5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxzbG90IG5hbWU9XCJzdW1tYXJ5XCIgQHNsb3RjaGFuZ2U9JHsoKSA9PiAodGhpcy5zdW1tYXJ5IS5pbmVydCA9IHRoaXMuX2ZsaXBwZWQpfT48L3Nsb3Q+XG4gICAgICAgIDxzbG90IG5hbWU9XCJkZXRhaWxzXCIgQHNsb3RjaGFuZ2U9JHsoKSA9PiAodGhpcy5kZXRhaWxzIS5pbmVydCA9ICF0aGlzLl9mbGlwcGVkKX0+PC9zbG90PlxuICAgICAgICA8c2JiLXNlY29uZGFyeS1idXR0b24tc3RhdGljIGNsYXNzPVwic2JiLWZsaXAtY2FyZC0tdG9nZ2xlLWJ1dHRvblwiIHNpemU9XCJzXCI+XG4gICAgICAgICAgPHNiYi1pY29uXG4gICAgICAgICAgICBjbGFzcz1cInNiYi1mbGlwLWNhcmQtLXRvZ2dsZS1idXR0b24taWNvblwiXG4gICAgICAgICAgICBzbG90PVwiaWNvblwiXG4gICAgICAgICAgICBuYW1lPVwicGx1cy1zbWFsbFwiXG4gICAgICAgICAgPjwvc2JiLWljb24+XG4gICAgICAgIDwvc2JiLXNlY29uZGFyeS1idXR0b24tc3RhdGljPlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWZsaXAtY2FyZCc6IFNiYkZsaXBDYXJkRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbIlNiYkZsaXBDYXJkRWxlbWVudCIsIl9hIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBNEJNLHNCQUFrQixNQUFBOzswQkFEdkIsY0FBYyxlQUFlLENBQUM7Ozs7b0JBQ0Usa0JBQWtCLFVBQVU7Ozs7Ozs7QUFBcENBLE1BQUFBLHVCQUFBLG1CQUFRLFlBQTZCO0FBQUEsSUErQzVELGNBQUE7OztBQW5DQTtBQTBCUztBQTFCTyx5QkFBQSxzQ0FBQSxrQkFBQSxNQUFBLGtDQUE2QixFQUFFO0FBR3JDLFdBQUEsUUFBcUIsa0JBQUEsTUFBQSxxQ0FBQSxHQUFBLElBQUksYUFBYSxNQUFNQSxvQkFBbUIsT0FBTyxJQUFJO0FBdUIxRCx5QkFBQSw0QkFBQSxrQkFBQSxNQUFBLHdCQUFXLEtBQUs7QUFFbEMsV0FBQSxtRUFBWSxJQUFJLHNCQUFzQixJQUFJO0FBQzFDLFdBQUEsNkJBQTZCLElBQUksaUJBQWlCLE1BQU07QUFBQSxRQUM5RCxRQUFRO0FBQUEsUUFDUixhQUFhO0FBQUEsUUFDYixVQUFVLE1BQU0sS0FBSyxzQkFBdUI7QUFBQSxNQUFBLENBQzdDO0FBSU0sT0FBQUMsTUFBQSxLQUFBLHFCQUFBLGdCQUFBQSxJQUFBLFdBQW1CLFNBQVMsQ0FBQyxVQUFnQjs7QUFDNUMsWUFBQSxNQUFNLFdBQVcsUUFBUSxHQUFFLE1BQUFBLE1BQUEsTUFB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
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==

package/development/flip-card.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @entrypoint
+ */
 export * from './flip-card/flip-card.js';
 export * from './flip-card/flip-card-summary.js';
 export * from './flip-card/flip-card-details.js';

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

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

package/development/flip-card.js

@@ -1,4 +1,9 @@
-export * from "./flip-card/flip-card.js";
-export * from "./flip-card/flip-card-summary.js";
-export * from "./flip-card/flip-card-details.js";
+import { SbbFlipCardElement } from "./flip-card/flip-card/flip-card.js";
+import { SbbFlipCardSummaryElement } from "./flip-card/flip-card-summary/flip-card-summary.js";
+import { SbbFlipCardDetailsElement } from "./flip-card/flip-card-details/flip-card-details.js";
+export {
+  SbbFlipCardDetailsElement,
+  SbbFlipCardElement,
+  SbbFlipCardSummaryElement
+};
 //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC1jYXJkLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OyJ9

package/development/footer/footer.js

@@ -0,0 +1,276 @@
+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, nothing } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { unsafeStatic, html } from "lit/static-html.js";
+import { forceType } from "../core/decorators.js";
+import { SbbNegativeMixin } from "../core/mixins.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+  --sbb-footer-gap-horizontal: var(--sbb-grid-base-gutter-responsive);
+  --sbb-footer-gap-vertical: var(--sbb-spacing-responsive-l);
+  --sbb-footer-background-color: var(--sbb-color-milk);
+  --sbb-footer-clock-width: 4.75rem;
+  --sbb-footer-color: var(--sbb-color-granite);
+  --sbb-link-text-decoration: none;
+}
+@media (min-width: calc(37.5rem)) {
+  :host {
+    --sbb-footer-clock-width: 7rem;
+  }
+}
+
+:host([negative]) {
+  --sbb-footer-background-color: var(--sbb-color-charcoal);
+  --sbb-footer-color: var(--sbb-color-white);
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
+}
+
+.sbb-footer {
+  --sbb-text-font-size: var(--sbb-font-size-text-s);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+  color: var(--sbb-footer-color);
+  padding-block: var(--sbb-spacing-responsive-l);
+  background-color: var(--sbb-footer-background-color);
+}
+@media (forced-colors: active) {
+  .sbb-footer {
+    border-block-start: var(--sbb-border-width-1x) solid CanvasText;
+  }
+}
+
+:host(:not([expanded])) .sbb-footer-wrapper {
+  padding-inline: var(--sbb-layout-base-offset-responsive);
+  margin-inline: auto;
+  width: 100%;
+}
+@media (min-width: calc(90rem)) {
+  :host(:not([expanded])) .sbb-footer-wrapper {
+    max-width: calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive));
+  }
+}
+:host([expanded]) .sbb-footer-wrapper {
+  padding-inline: var(--sbb-spacing-responsive-xxs);
+}
+
+.sbb-footer__title {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+::slotted(.sbb-link-list-button-group) {
+  display: flex;
+  flex-direction: column;
+  gap: var(--sbb-spacing-fixed-6x);
+  align-items: flex-start;
+}
+
+:host([variant=clock-columns]) slot {
+  display: grid;
+  grid-template-columns: auto;
+  grid-template-rows: auto;
+  column-gap: var(--sbb-footer-gap-horizontal);
+}
+@media (min-width: calc(37.5rem)) {
+  :host([variant=clock-columns]) slot {
+    grid-template-columns: calc(50% - var(--sbb-footer-gap-horizontal) / 2);
+  }
+}
+@media (min-width: calc(80rem)) {
+  :host([variant=clock-columns]) slot {
+    max-width: var(--sbb-footer-content-max-width);
+    margin-inline: auto;
+    grid-template-columns: repeat(4, 1fr);
+  }
+}
+:host([variant=clock-columns]) ::slotted(*:not(:last-child, sbb-divider)) {
+  margin-block-end: var(--sbb-footer-gap-vertical);
+}
+:host([variant=clock-columns]) ::slotted(sbb-clock) {
+  width: var(--sbb-footer-clock-width);
+  grid-row: 1;
+}
+@media (min-width: calc(37.5rem)) {
+  :host([variant=clock-columns]) ::slotted(sbb-clock) {
+    align-self: start;
+    grid-row: 2;
+  }
+}
+@media (min-width: calc(80rem)) {
+  :host([variant=clock-columns]) ::slotted(sbb-clock) {
+    grid-row: 1;
+    grid-column: 4/5;
+    justify-self: end;
+  }
+}
+:host([variant=clock-columns]) ::slotted(sbb-divider) {
+  margin-block: calc(var(--sbb-spacing-responsive-xl) - var(--sbb-footer-gap-vertical)) var(--sbb-spacing-responsive-s);
+}
+@media (min-width: calc(37.5rem)) {
+  :host([variant=clock-columns]) ::slotted(sbb-divider) {
+    grid-row: 3;
+    grid-column: 1/4;
+    width: 100%;
+  }
+}
+@media (min-width: calc(80rem)) {
+  :host([variant=clock-columns]) ::slotted(sbb-divider) {
+    grid-row: 2;
+  }
+}
+@media (min-width: calc(37.5rem)) {
+  :host([variant=clock-columns]) ::slotted(:nth-child(-n+2)) {
+    grid-row: 1;
+  }
+  :host([variant=clock-columns]) ::slotted(:nth-child(3)),
+  :host([variant=clock-columns]) ::slotted(:nth-child(4)) {
+    grid-row: 2;
+  }
+  :host([variant=clock-columns]) ::slotted(*:last-child) {
+    grid-row: 4;
+  }
+}
+@media (min-width: calc(64rem)) {
+  :host([variant=clock-columns]) ::slotted(*:last-child) {
+    grid-column: 1/4;
+  }
+}
+@media (min-width: calc(80rem)) {
+  :host([variant=clock-columns]) ::slotted(:nth-child(-n+4)) {
+    grid-row: 1;
+  }
+  :host([variant=clock-columns]) ::slotted(*:last-child) {
+    grid-row: 3;
+  }
+  :host([variant=clock-columns]) ::slotted(sbb-divider),
+  :host([variant=clock-columns]) ::slotted(*:last-child) {
+    grid-column: 1/5;
+  }
+}`;
+let SbbFooterElement = (() => {
+  var _variant_accessor_storage, _expanded_accessor_storage, _accessibilityTitle_accessor_storage, _accessibilityTitleLevel_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-footer")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbNegativeMixin(LitElement);
+  let _variant_decorators;
+  let _variant_initializers = [];
+  let _variant_extraInitializers = [];
+  let _expanded_decorators;
+  let _expanded_initializers = [];
+  let _expanded_extraInitializers = [];
+  let _accessibilityTitle_decorators;
+  let _accessibilityTitle_initializers = [];
+  let _accessibilityTitle_extraInitializers = [];
+  let _accessibilityTitleLevel_decorators;
+  let _accessibilityTitleLevel_initializers = [];
+  let _accessibilityTitleLevel_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _variant_accessor_storage, __runInitializers(this, _variant_initializers, "default"));
+      __privateAdd(this, _expanded_accessor_storage, (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _expanded_initializers, false)));
+      __privateAdd(this, _accessibilityTitle_accessor_storage, (__runInitializers(this, _expanded_extraInitializers), __runInitializers(this, _accessibilityTitle_initializers, "")));
+      __privateAdd(this, _accessibilityTitleLevel_accessor_storage, (__runInitializers(this, _accessibilityTitle_extraInitializers), __runInitializers(this, _accessibilityTitleLevel_initializers, "1")));
+      __runInitializers(this, _accessibilityTitleLevel_extraInitializers);
+    }
+    /**
+     * Variants to display the footer. The default, displays the content in regular block element
+     * approach. The clock-columns, used a CSS-grid for displaying the content over different
+     * breakpoints.
+     */
+    get variant() {
+      return __privateGet(this, _variant_accessor_storage);
+    }
+    set variant(value) {
+      __privateSet(this, _variant_accessor_storage, value);
+    }
+    /**
+     * Whether to allow the footer content to stretch to full width.
+     * By default, the content has the appropriate page size.
+     */
+    get expanded() {
+      return __privateGet(this, _expanded_accessor_storage);
+    }
+    set expanded(value) {
+      __privateSet(this, _expanded_accessor_storage, value);
+    }
+    /** Footer title text, visually hidden, necessary for screen readers. */
+    get accessibilityTitle() {
+      return __privateGet(this, _accessibilityTitle_accessor_storage);
+    }
+    set accessibilityTitle(value) {
+      __privateSet(this, _accessibilityTitle_accessor_storage, value);
+    }
+    /** Level of the accessibility title, will be rendered as heading tag (e.g. h1). Defaults to level 1. */
+    get accessibilityTitleLevel() {
+      return __privateGet(this, _accessibilityTitleLevel_accessor_storage);
+    }
+    set accessibilityTitleLevel(value) {
+      __privateSet(this, _accessibilityTitleLevel_accessor_storage, value);
+    }
+    render() {
+      const TITLE_TAG_NAME = `h${this.accessibilityTitleLevel}`;
+      const accessibilityTitle = html`<${unsafeStatic(TITLE_TAG_NAME)} class="sbb-footer__title"
+        >${this.accessibilityTitle}</${unsafeStatic(TITLE_TAG_NAME)}>`;
+      return html`
+      <footer class="sbb-footer">
+        <div class="sbb-footer-wrapper">
+          ${this.accessibilityTitle ? accessibilityTitle : nothing}
+          <slot></slot>
+        </div>
+      </footer>
+    `;
+    }
+  }, _variant_accessor_storage = new WeakMap(), _expanded_accessor_storage = new WeakMap(), _accessibilityTitle_accessor_storage = new WeakMap(), _accessibilityTitleLevel_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _variant_decorators = [property({ reflect: true })];
+    _expanded_decorators = [forceType(), property({ reflect: true, type: Boolean })];
+    _accessibilityTitle_decorators = [forceType(), property({ attribute: "accessibility-title" })];
+    _accessibilityTitleLevel_decorators = [property({ attribute: "accessibility-title-level" })];
+    __esDecorate(_a, null, _variant_decorators, { kind: "accessor", name: "variant", static: false, private: false, access: { has: (obj) => "variant" in obj, get: (obj) => obj.variant, set: (obj, value) => {
+      obj.variant = value;
+    } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
+    __esDecorate(_a, null, _expanded_decorators, { kind: "accessor", name: "expanded", static: false, private: false, access: { has: (obj) => "expanded" in obj, get: (obj) => obj.expanded, set: (obj, value) => {
+      obj.expanded = value;
+    } }, metadata: _metadata }, _expanded_initializers, _expanded_extraInitializers);
+    __esDecorate(_a, null, _accessibilityTitle_decorators, { kind: "accessor", name: "accessibilityTitle", static: false, private: false, access: { has: (obj) => "accessibilityTitle" in obj, get: (obj) => obj.accessibilityTitle, set: (obj, value) => {
+      obj.accessibilityTitle = value;
+    } }, metadata: _metadata }, _accessibilityTitle_initializers, _accessibilityTitle_extraInitializers);
+    __esDecorate(_a, null, _accessibilityTitleLevel_decorators, { kind: "accessor", name: "accessibilityTitleLevel", static: false, private: false, access: { has: (obj) => "accessibilityTitleLevel" in obj, get: (obj) => obj.accessibilityTitleLevel, set: (obj, value) => {
+      obj.accessibilityTitleLevel = value;
+    } }, metadata: _metadata }, _accessibilityTitleLevel_initializers, _accessibilityTitleLevel_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 = style, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbFooterElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZm9vdGVyL2Zvb3Rlci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBMaXRFbGVtZW50LCBub3RoaW5nIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaHRtbCwgdW5zYWZlU3RhdGljIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IFNiYk5lZ2F0aXZlTWl4aW4gfSBmcm9tICcuLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRpdGxlTGV2ZWwgfSBmcm9tICcuLi90aXRsZS5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2Zvb3Rlci5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgZm9vdGVyIHNlY3Rpb24gZm9yIHRoZSBwYWdlLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGVsZW1lbnRzIGxpa2UgYHNiYi1ibG9jay1saW5rYCwgYHNiYi1saW5rLWxpc3RgLCBgc2JiLWRpdmlkZXJgIGFuZCBzbyBvbi5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWZvb3RlcicpXG5jbGFzcyBTYmJGb290ZXJFbGVtZW50IGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKlxuICAgKiBWYXJpYW50cyB0byBkaXNwbGF5IHRoZSBmb290ZXIuIFRoZSBkZWZhdWx0LCBkaXNwbGF5cyB0aGUgY29udGVudCBpbiByZWd1bGFyIGJsb2NrIGVsZW1lbnRcbiAgICogYXBwcm9hY2guIFRoZSBjbG9jay1jb2x1bW5zLCB1c2VkIGEgQ1NTLWdyaWQgZm9yIGRpc3BsYXlpbmcgdGhlIGNvbnRlbnQgb3ZlciBkaWZmZXJlbnRcbiAgICogYnJlYWtwb2ludHMuXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciB2YXJpYW50OiAnZGVmYXVsdCcgfCAnY2xvY2stY29sdW1ucycgPSAnZGVmYXVsdCc7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdG8gYWxsb3cgdGhlIGZvb3RlciBjb250ZW50IHRvIHN0cmV0Y2ggdG8gZnVsbCB3aWR0aC5cbiAgICogQnkgZGVmYXVsdCwgdGhlIGNvbnRlbnQgaGFzIHRoZSBhcHByb3ByaWF0ZSBwYWdlIHNpemUuXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogRm9vdGVyIHRpdGxlIHRleHQsIHZpc3VhbGx5IGhpZGRlbiwgbmVjZXNzYXJ5IGZvciBzY3JlZW4gcmVhZGVycy4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2FjY2Vzc2liaWxpdHktdGl0bGUnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBhY2Nlc3NpYmlsaXR5VGl0bGU6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBMZXZlbCBvZiB0aGUgYWNjZXNzaWJpbGl0eSB0aXRsZSwgd2lsbCBiZSByZW5kZXJlZCBhcyBoZWFkaW5nIHRhZyAoZS5nLiBoMSkuIERlZmF1bHRzIHRvIGxldmVsIDEuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2FjY2Vzc2liaWxpdHktdGl0bGUtbGV2ZWwnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBhY2Nlc3NpYmlsaXR5VGl0bGVMZXZlbDogU2JiVGl0bGVMZXZlbCA9ICcxJztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICBjb25zdCBUSVRMRV9UQUdfTkFNRSA9IGBoJHt0aGlzLmFjY2Vzc2liaWxpdHlUaXRsZUxldmVsfWA7XG5cbiAgICAvKiBlc2xpbnQtZGlzYWJsZSBsaXQvYmluZGluZy1wb3NpdGlvbnMgKi9cbiAgICBjb25zdCBhY2Nlc3NpYmlsaXR5VGl0bGUgPSBodG1sYDwke3Vuc2FmZVN0YXRpYyhUSVRMRV9UQUdfTkFNRSl9IGNsYXNzPVwic2JiLWZvb3Rlcl9fdGl0bGVcIlxuICAgICAgICA+JHt0aGlzLmFjY2Vzc2liaWxpdHlUaXRsZX08LyR7dW5zYWZlU3RhdGljKFRJVExFX1RBR19OQU1FKX0+YDtcbiAgICAvKiBlc2xpbnQtZW5hYmxlIGxpdC9iaW5kaW5nLXBvc2l0aW9ucyAqL1xuXG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8Zm9vdGVyIGNsYXNzPVwic2JiLWZvb3RlclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLWZvb3Rlci13cmFwcGVyXCI+XG4gICAgICAgICAgJHt0aGlzLmFjY2Vzc2liaWxpdHlUaXRsZSA/IGFjY2Vzc2liaWxpdHlUaXRsZSA6IG5vdGhpbmd9XG4gICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZm9vdGVyPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1mb290ZXInOiBTYmJGb290ZXJFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBw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

package/development/footer.d.ts

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

package/development/footer.d.ts.map

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