@sbb-esta/lyne-elements 4.7.0 → 4.8.0

package/development/footer/footer.component.js

@@ -1,257 +1,2 @@
-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";
-import { boxSizingStyles } from "../core/styles.js";
-const style = css`:host {
-  --sbb-link-text-decoration-line: none;
-  display: block;
-}
-
-:host([negative]) {
-  --sbb-footer-background-color: var(--sbb-background-color-2-negative);
-  --sbb-footer-color: var(--sbb-color-1-negative);
-  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
-}
-
-.sbb-footer {
-  font-size: var(--sbb-footer-font-size);
-  letter-spacing: var(--sbb-typo-letter-spacing-text);
-  color: var(--sbb-footer-color);
-  padding-block: var(--sbb-footer-padding-block);
-  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-page-spacing-padding, var(--sbb-layout-base-offset-responsive));
-  margin-inline: auto;
-  width: 100%;
-}
-@media (min-width: calc(90rem)) {
-  :host(:not([expanded])) .sbb-footer-wrapper {
-    max-width: var(--sbb-spacing-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-page-spacing-padding, var(--sbb-spacing-responsive-xxs));
-}
-
-.sbb-footer__title {
-  border: 0;
-  clip-path: 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(90rem)) {
-  :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(90rem)) {
-  :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(90rem)) {
-  :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(90rem)) {
-  :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 = [boxSizingStyles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
-  return _classThis;
-})();
-export {
-  SbbFooterElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2Zvb3Rlci9mb290ZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IExpdEVsZW1lbnQsIG5vdGhpbmcgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sLCB1bnNhZmVTdGF0aWMgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMudHMnO1xuaW1wb3J0IHsgU2JiTmVnYXRpdmVNaXhpbiB9IGZyb20gJy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiVGl0bGVMZXZlbCB9IGZyb20gJy4uL3RpdGxlLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZm9vdGVyLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBmb290ZXIgc2VjdGlvbiBmb3IgdGhlIHBhZ2UuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgZWxlbWVudHMgbGlrZSBgc2JiLWJsb2NrLWxpbmtgLCBgc2JiLWxpbmstbGlzdGAsIGBzYmItZGl2aWRlcmAgYW5kIHNvIG9uLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItZm9vdGVyJylcbmNsYXNzIFNiYkZvb3RlckVsZW1lbnQgZXh0ZW5kcyBTYmJOZWdhdGl2ZU1peGluKExpdEVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuXG4gIC8qKlxuICAgKiBWYXJpYW50cyB0byBkaXNwbGF5IHRoZSBmb290ZXIuIFRoZSBkZWZhdWx0LCBkaXNwbGF5cyB0aGUgY29udGVudCBpbiByZWd1bGFyIGJsb2NrIGVsZW1lbnRcbiAgICogYXBwcm9hY2guIFRoZSBjbG9jay1jb2x1bW5zLCB1c2VkIGEgQ1NTLWdyaWQgZm9yIGRpc3BsYXlpbmcgdGhlIGNvbnRlbnQgb3ZlciBkaWZmZXJlbnRcbiAgICogYnJlYWtwb2ludHMuXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciB2YXJpYW50OiAnZGVmYXVsdCcgfCAnY2xvY2stY29sdW1ucycgPSAnZGVmYXVsdCc7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdG8gYWxsb3cgdGhlIGZvb3RlciBjb250ZW50IHRvIHN0cmV0Y2ggdG8gZnVsbCB3aWR0aC5cbiAgICogQnkgZGVmYXVsdCwgdGhlIGNvbnRlbnQgaGFzIHRoZSBhcHByb3ByaWF0ZSBwYWdlIHNpemUuXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogRm9vdGVyIHRpdGxlIHRleHQsIHZpc3VhbGx5IGhpZGRlbiwgbmVjZXNzYXJ5IGZvciBzY3JlZW4gcmVhZGVycy4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2FjY2Vzc2liaWxpdHktdGl0bGUnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBhY2Nlc3NpYmlsaXR5VGl0bGU6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBMZXZlbCBvZiB0aGUgYWNjZXNzaWJpbGl0eSB0aXRsZSwgd2lsbCBiZSByZW5kZXJlZCBhcyBoZWFkaW5nIHRhZyAoZS5nLiBoMSkuIERlZmF1bHRzIHRvIGxldmVsIDEuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2FjY2Vzc2liaWxpdHktdGl0bGUtbGV2ZWwnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBhY2Nlc3NpYmlsaXR5VGl0bGVMZXZlbDogU2JiVGl0bGVMZXZlbCA9ICcxJztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICBjb25zdCBUSVRMRV9UQUdfTkFNRSA9IGBoJHt0aGlzLmFjY2Vzc2liaWxpdHlUaXRsZUxldmVsfWA7XG5cbiAgICAvKiBlc2xpbnQtZGlzYWJsZSBsaXQvYmluZGluZy1wb3NpdGlvbnMgKi9cbiAgICBjb25zdCBhY2Nlc3NpYmlsaXR5VGl0bGUgPSBodG1sYDwke3Vuc2FmZVN0YXRpYyhUSVRMRV9UQUdfTkFNRSl9IGNsYXNzPVwic2JiLWZvb3Rlcl9fdGl0bGVcIlxuICAgICAgICA+JHt0aGlzLmFjY2Vzc2liaWxpdHlUaXRsZX08LyR7dW5zYWZlU3RhdGljKFRJVExFX1RBR19OQU1FKX0+YDtcbiAgICAvKiBlc2xpbnQtZW5hYmxlIGxpdC9iaW5kaW5nLXBvc2l0aW9ucyAqL1xuXG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8Zm9vdGVyIGNsYXNzPVwic2JiLWZvb3RlclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLWZvb3Rlci13cmFwcGVyXCI+XG4gICAgICAgICAgJHt0aGlzLmFjY2Vzc2liaWxpdHlUaXRsZSA/IGFjY2Vzc2liaWxpdHlUaXRsZSA6IG5vdGhpbmd9XG4gICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZm9vdGVyPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1mb290ZXInOiBTYmJGb290ZXJFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBbUJNLG9CQUFnQixNQUFBOzswQkFEckIsY0FBYyxZQUFZLENBQUM7Ozs7b0JBQ0csaUJBQWlCLFVBQVU7Ozs7Ozs7Ozs7Ozs7QUFBbkMsRUFBQSxtQkFBUSxZQUE0QjtBQUFBOztBQVE1QixvREFBQSxrQkFBQSxNQUFBLHVCQUF1RCxTQUFTO0FBUTdGLHNEQUFBLGtCQUFBLE1BQUEsMEJBQUEsR0FBQSxrQkFBQSxNQUFBLHdCQUFvQyxLQUFLO0FBS3pDLGdFQUFBLGtCQUFBLE1BQUEsMkJBQUEsR0FBQSxrQkFBQSxNQUFBLGtDQUE2QyxFQUFFO0FBSS9DLHFFQUFBLGtCQUFBLE1BQUEscUNBQUEsR0FBQSxrQkFBQSxNQUFBLHVDQUF5RCxHQUFHOzs7Ozs7OztJQWpCL0IsSUFBZ0IsVUFBTztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBdkIsSUFBZ0IsUUFBTyxPQUFBO0FBQUEseUJBQUEsMkJBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQVFwRCxJQUFnQixXQUFRO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUF4QixJQUFnQixTQUFRLE9BQUE7QUFBQSx5QkFBQSw0QkFBQTtBQUFBLElBQUE7QUFBQTtBQUFBLElBS3hCLElBQWdCLHFCQUFrQjtBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBbEMsSUFBZ0IsbUJBQWtCLE9BQUE7QUFBQSx5QkFBQSxzQ0FBQTtBQUFBLElBQUE7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
+import { t as SbbFooterElement } from "../footer.component-CLU7iVUY.js";
+export { SbbFooterElement };

package/development/footer.component-CLU7iVUY.js

@@ -0,0 +1,310 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, nothing } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement } from "./core/base-elements.js";
+import { forceType } from "./core/decorators.js";
+import { SbbNegativeMixin } from "./core/mixins.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { html as html$1, unsafeStatic } from "lit/static-html.js";
+//#region src/elements/footer/footer.scss?lit&inline
+var footer_default = css`:host {
+  --sbb-link-text-decoration-line: none;
+  display: block;
+}
+
+:host([negative]) {
+  --sbb-footer-background-color: var(--sbb-background-color-2-negative);
+  --sbb-footer-color: var(--sbb-color-1-negative);
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
+}
+
+.sbb-footer {
+  font-size: var(--sbb-footer-font-size);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  color: var(--sbb-footer-color);
+  padding-block: var(--sbb-footer-padding-block);
+  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-page-spacing-padding, var(--sbb-layout-base-offset-responsive));
+  margin-inline: auto;
+  width: 100%;
+}
+@media (min-width: calc(90rem)) {
+  :host(:not([expanded])) .sbb-footer-wrapper {
+    max-width: var(--sbb-spacing-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-page-spacing-padding, var(--sbb-spacing-responsive-xxs));
+}
+
+.sbb-footer__title {
+  border: 0;
+  clip-path: 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(90rem)) {
+  :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(90rem)) {
+  :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(90rem)) {
+  :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(90rem)) {
+  :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;
+  }
+}`;
+//#endregion
+//#region src/elements/footer/footer.component.ts
+/**
+* It displays a footer section for the page.
+*
+* @slot - Use the unnamed slot to add elements like `sbb-block-link`, `sbb-link-list`, `sbb-divider` and so on.
+*/
+var SbbFooterElement = (() => {
+	let _classSuper = SbbNegativeMixin(SbbElement);
+	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 = [];
+	return class SbbFooterElement extends _classSuper {
+		static {
+			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(this, 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(this, 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(this, 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(this, 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);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-footer";
+		}
+		static {
+			this.styles = [boxSizingStyles, footer_default];
+		}
+		#variant_accessor_storage = __runInitializers(this, _variant_initializers, "default");
+		/**
+		* 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 this.#variant_accessor_storage;
+		}
+		set variant(value) {
+			this.#variant_accessor_storage = value;
+		}
+		#expanded_accessor_storage = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _expanded_initializers, false));
+		/**
+		* Whether to allow the footer content to stretch to full width.
+		* By default, the content has the appropriate page size.
+		*/
+		get expanded() {
+			return this.#expanded_accessor_storage;
+		}
+		set expanded(value) {
+			this.#expanded_accessor_storage = value;
+		}
+		#accessibilityTitle_accessor_storage = (__runInitializers(this, _expanded_extraInitializers), __runInitializers(this, _accessibilityTitle_initializers, ""));
+		/** Footer title text, visually hidden, necessary for screen readers. */
+		get accessibilityTitle() {
+			return this.#accessibilityTitle_accessor_storage;
+		}
+		set accessibilityTitle(value) {
+			this.#accessibilityTitle_accessor_storage = value;
+		}
+		#accessibilityTitleLevel_accessor_storage = (__runInitializers(this, _accessibilityTitle_extraInitializers), __runInitializers(this, _accessibilityTitleLevel_initializers, "1"));
+		/** Level of the accessibility title, will be rendered as heading tag (e.g. h1). Defaults to level 1. */
+		get accessibilityTitleLevel() {
+			return this.#accessibilityTitleLevel_accessor_storage;
+		}
+		set accessibilityTitleLevel(value) {
+			this.#accessibilityTitleLevel_accessor_storage = value;
+		}
+		render() {
+			const TITLE_TAG_NAME = `h${this.accessibilityTitleLevel}`;
+			const accessibilityTitle = html$1`<${unsafeStatic(TITLE_TAG_NAME)} class="sbb-footer__title"
+        >${this.accessibilityTitle}</${unsafeStatic(TITLE_TAG_NAME)}>`;
+			return html$1`
+      <footer class="sbb-footer">
+        <div class="sbb-footer-wrapper">
+          ${this.accessibilityTitle ? accessibilityTitle : nothing}
+          <slot></slot>
+        </div>
+      </footer>
+    `;
+		}
+		constructor() {
+			super(...arguments);
+			__runInitializers(this, _accessibilityTitleLevel_extraInitializers);
+		}
+	};
+})();
+//#endregion
+export { SbbFooterElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmNvbXBvbmVudC1DTFU3aVZVWS5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvZm9vdGVyL2Zvb3Rlci5zY3NzP2xpdCZpbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvZm9vdGVyL2Zvb3Rlci5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi1saW5rLXRleHQtZGVjb3JhdGlvbi1saW5lOiBub25lO1xuXG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG46aG9zdChbbmVnYXRpdmVdKSB7XG4gIC0tc2JiLWZvb3Rlci1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItYmFja2dyb3VuZC1jb2xvci0yLW5lZ2F0aXZlKTtcbiAgLS1zYmItZm9vdGVyLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItMS1uZWdhdGl2ZSk7XG4gIC0tc2JiLWZvY3VzLW91dGxpbmUtY29sb3I6IHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yLWRhcmspO1xufVxuXG4uc2JiLWZvb3RlciB7XG4gIC8vIEluY2x1ZGUgdGV4dCBzdHlsZSBhbmQgY29sb3IgYXMgZmFsbGJhY2sgZm9yIHBhcmFncmFwaCB0ZXh0cyBpbnNpZGUgdGhlIGZvb3Rlci5cbiAgZm9udC1zaXplOiB2YXIoLS1zYmItZm9vdGVyLWZvbnQtc2l6ZSk7XG4gIGxldHRlci1zcGFjaW5nOiB2YXIoLS1zYmItdHlwby1sZXR0ZXItc3BhY2luZy10ZXh0KTtcbiAgY29sb3I6IHZhcigtLXNiYi1mb290ZXItY29sb3IpO1xuICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zYmItZm9vdGVyLXBhZGRpbmctYmxvY2spO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItZm9vdGVyLWJhY2tncm91bmQtY29sb3IpO1xuXG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICBib3JkZXItYmxvY2stc3RhcnQ6IHZhcigtLXNiYi1ib3JkZXItd2lkdGgtMXgpIHNvbGlkIENhbnZhc1RleHQ7XG4gIH1cbn1cblxuLnNiYi1mb290ZXItd3JhcHBlciB7XG4gIDpob3N0KDpub3QoW2V4cGFuZGVkXSkpICYge1xuICAgIEBpbmNsdWRlIHNiYi5wYWdlLXNwYWNpbmc7XG4gIH1cblxuICA6aG9zdChbZXhwYW5kZWRdKSAmIHtcbiAgICBAaW5jbHVkZSBzYmIucGFnZS1zcGFjaW5nLWV4cGFuZGVkO1xuICB9XG59XG5cbi5zYmItZm9vdGVyX190aXRsZSB7XG4gIEBpbmNsdWRlIHNiYi5zY3JlZW4tcmVhZGVyLW9ubHk7XG59XG5cbjo6c2xvdHRlZCguc2JiLWxpbmstbGlzdC1idXR0b24tZ3JvdXApIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC02eCk7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xufVxuXG46aG9zdChbdmFyaWFudD0nY2xvY2stY29sdW1ucyddKSB7XG4gIC8vIENvbnRlbnRcbiAgc2xvdCB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG87XG4gICAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBhdXRvO1xuICAgIGNvbHVtbi1nYXA6IHZhcigtLXNiYi1mb290ZXItZ2FwLWhvcml6b250YWwpO1xuXG4gICAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBzbWFsbCkge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiBjYWxjKDUwJSAtICh2YXIoLS1zYmItZm9vdGVyLWdhcC1ob3Jpem9udGFsKSAvIDIpKTtcbiAgICB9XG5cbiAgICBAaW5jbHVkZSBzYmIubXEoJGZyb206IHVsdHJhKSB7XG4gICAgICBtYXgtd2lkdGg6IHZhcigtLXNiYi1mb290ZXItY29udGVudC1tYXgtd2lkdGgpO1xuICAgICAgbWFyZ2luLWlubGluZTogYXV0bztcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDQsIDFmcik7XG4gICAgfVxuICB9XG5cbiAgOjpzbG90dGVkKCo6bm90KDpsYXN0LWNoaWxkLCBzYmItZGl2aWRlcikpIHtcbiAgICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1zYmItZm9vdGVyLWdhcC12ZXJ0aWNhbCk7XG4gIH1cblxuICA6OnNsb3R0ZWQoc2JiLWNsb2NrKSB7XG4gICAgd2lkdGg6IHZhcigtLXNiYi1mb290ZXItY2xvY2std2lkdGgpO1xuICAgIGdyaWQtcm93OiAxO1xuXG4gICAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBzbWFsbCkge1xuICAgICAgYWxpZ24tc2VsZjogc3RhcnQ7XG4gICAgICBncmlkLXJvdzogMjtcbiAgICB9XG5cbiAgICBAaW5jbHVkZSBzYmIubXEoJGZyb206IHVsdHJhKSB7XG4gICAgICBncmlkLXJvdzogMTtcbiAgICAgIGdyaWQtY29sdW1uOiA0IC8gNTtcbiAgICAgIGp1c3RpZnktc2VsZjogZW5kO1xuICAgIH1cbiAgfVxuXG4gIDo6c2xvdHRlZChzYmItZGl2aWRlcikge1xuICAgIG1hcmdpbi1ibG9jazogY2FsYyh2YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLXhsKSAtIHZhcigtLXNiYi1mb290ZXItZ2FwLXZlcnRpY2FsKSlcbiAgICAgIHZhcigtLXNiYi1zcGFjaW5nLXJlc3BvbnNpdmUtcyk7XG5cbiAgICBAaW5jbHVkZSBzYmIubXEoJGZyb206IHNtYWxsKSB7XG4gICAgICBncmlkLXJvdzogMztcbiAgICAgIGdyaWQtY29sdW1uOiAxIC8gNDtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cblxuICAgIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogdWx0cmEpIHtcbiAgICAgIGdyaWQtcm93OiAyO1xuICAgIH1cbiAgfVxuXG4gIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogc21hbGwpIHtcbiAgICA6OnNsb3R0ZWQoOm50aC1jaGlsZCgtbiArIDIpKSB7XG4gICAgICBncmlkLXJvdzogMTtcbiAgICB9XG5cbiAgICA6OnNsb3R0ZWQoOm50aC1jaGlsZCgzKSksXG4gICAgOjpzbG90dGVkKDpudGgtY2hpbGQoNCkpIHtcbiAgICAgIGdyaWQtcm93OiAyO1xuICAgIH1cblxuICAgIDo6c2xvdHRlZCgqOmxhc3QtY2hpbGQpIHtcbiAgICAgIGdyaWQtcm93OiA0O1xuICAgIH1cbiAgfVxuXG4gIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogbGFyZ2UpIHtcbiAgICA6OnNsb3R0ZWQoKjpsYXN0LWNoaWxkKSB7XG4gICAgICBncmlkLWNvbHVtbjogMSAvIDQ7XG4gICAgfVxuICB9XG5cbiAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiB1bHRyYSkge1xuICAgIDo6c2xvdHRlZCg6bnRoLWNoaWxkKC1uICsgNCkpIHtcbiAgICAgIGdyaWQtcm93OiAxO1xuICAgIH1cblxuICAgIDo6c2xvdHRlZCgqOmxhc3QtY2hpbGQpIHtcbiAgICAgIGdyaWQtcm93OiAzO1xuICAgIH1cblxuICAgIDo6c2xvdHRlZChzYmItZGl2aWRlciksXG4gICAgOjpzbG90dGVkKCo6bGFzdC1jaGlsZCkge1xuICAgICAgZ3JpZC1jb2x1bW46IDEgLyA1O1xuICAgIH1cbiAgfVxufVxuIiwiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgbm90aGluZyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGh0bWwsIHVuc2FmZVN0YXRpYyB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICcuLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vY29yZS9kZWNvcmF0b3JzLnRzJztcbmltcG9ydCB7IFNiYk5lZ2F0aXZlTWl4aW4gfSBmcm9tICcuLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRpdGxlTGV2ZWwgfSBmcm9tICcuLi90aXRsZS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2Zvb3Rlci5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgZm9vdGVyIHNlY3Rpb24gZm9yIHRoZSBwYWdlLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGVsZW1lbnRzIGxpa2UgYHNiYi1ibG9jay1saW5rYCwgYHNiYi1saW5rLWxpc3RgLCBgc2JiLWRpdmlkZXJgIGFuZCBzbyBvbi5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYkZvb3RlckVsZW1lbnQgZXh0ZW5kcyBTYmJOZWdhdGl2ZU1peGluKFNiYkVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1mb290ZXInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG5cbiAgLyoqXG4gICAqIFZhcmlhbnRzIHRvIGRpc3BsYXkgdGhlIGZvb3Rlci4gVGhlIGRlZmF1bHQsIGRpc3BsYXlzIHRoZSBjb250ZW50IGluIHJlZ3VsYXIgYmxvY2sgZWxlbWVudFxuICAgKiBhcHByb2FjaC4gVGhlIGNsb2NrLWNvbHVtbnMsIHVzZWQgYSBDU1MtZ3JpZCBmb3IgZGlzcGxheWluZyB0aGUgY29udGVudCBvdmVyIGRpZmZlcmVudFxuICAgKiBicmVha3BvaW50cy5cbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHZhcmlhbnQ6ICdkZWZhdWx0JyB8ICdjbG9jay1jb2x1bW5zJyA9ICdkZWZhdWx0JztcblxuICAvKipcbiAgICogV2hldGhlciB0byBhbGxvdyB0aGUgZm9vdGVyIGNvbnRlbnQgdG8gc3RyZXRjaCB0byBmdWxsIHdpZHRoLlxuICAgKiBCeSBkZWZhdWx0LCB0aGUgY29udGVudCBoYXMgdGhlIGFwcHJvcHJpYXRlIHBhZ2Ugc2l6ZS5cbiAgICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBleHBhbmRlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKiBGb290ZXIgdGl0bGUgdGV4dCwgdmlzdWFsbHkgaGlkZGVuLCBuZWNlc3NhcnkgZm9yIHNjcmVlbiByZWFkZXJzLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYWNjZXNzaWJpbGl0eS10aXRsZScgfSlcbiAgcHVibGljIGFjY2Vzc29yIGFjY2Vzc2liaWxpdHlUaXRsZTogc3RyaW5nID0gJyc7XG5cbiAgLyoqIExldmVsIG9mIHRoZSBhY2Nlc3NpYmlsaXR5IHRpdGxlLCB3aWxsIGJlIHJlbmRlcmVkIGFzIGhlYWRpbmcgdGFnIChlLmcuIGgxKS4gRGVmYXVsdHMgdG8gbGV2ZWwgMS4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYWNjZXNzaWJpbGl0eS10aXRsZS1sZXZlbCcgfSlcbiAgcHVibGljIGFjY2Vzc29yIGFjY2Vzc2liaWxpdHlUaXRsZUxldmVsOiBTYmJUaXRsZUxldmVsID0gJzEnO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIGNvbnN0IFRJVExFX1RBR19OQU1FID0gYGgke3RoaXMuYWNjZXNzaWJpbGl0eVRpdGxlTGV2ZWx9YDtcblxuICAgIC8qIGVzbGludC1kaXNhYmxlIGxpdC9iaW5kaW5nLXBvc2l0aW9ucyAqL1xuICAgIGNvbnN0IGFjY2Vzc2liaWxpdHlUaXRsZSA9IGh0bWxgPCR7dW5zYWZlU3RhdGljKFRJVExFX1RBR19OQU1FKX0gY2xhc3M9XCJzYmItZm9vdGVyX190aXRsZVwiXG4gICAgICAgID4ke3RoaXMuYWNjZXNzaWJpbGl0eVRpdGxlfTwvJHt1bnNhZmVTdGF0aWMoVElUTEVfVEFHX05BTUUpfT5gO1xuICAgIC8qIGVzbGludC1lbmFibGUgbGl0L2JpbmRpbmctcG9zaXRpb25zICovXG5cbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxmb290ZXIgY2xhc3M9XCJzYmItZm9vdGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItZm9vdGVyLXdyYXBwZXJcIj5cbiAgICAgICAgICAke3RoaXMuYWNjZXNzaWJpbGl0eVRpdGxlID8gYWNjZXNzaWJpbGl0eVRpdGxlIDogbm90aGluZ31cbiAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9mb290ZXI+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWZvb3Rlcic6IFNiYkZvb3RlckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUNrQmEsMEJBQWdCO21CQUFTLGlCQUFpQixXQUFXOzs7Ozs7Ozs7Ozs7O2NBQXJELHlCQUF5QixZQUE0Qjs7OzBCQVMvRCxTQUFTLEVBQUUsU0FBUyxNQUFNLENBQUMsQ0FBQTsyQkFNM0IsV0FBVyxFQUNYLFNBQVM7SUFBRSxTQUFTO0lBQU0sTUFB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

package/development/footer.d.ts

@@ -1,5 +1,2 @@
-/**
- * @entrypoint
- */
-export * from './footer/footer.component.ts';
+export * from './footer.pure.ts';
 //# 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;;GAEG;AACH,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/elements/footer.ts"],"names":[],"mappings":"AAGA,cAAc,kBAAkB,CAAC"}

package/development/footer.js

@@ -1,5 +1,9 @@
-import { SbbFooterElement } from "./footer/footer.component.js";
-export {
-  SbbFooterElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==
+import { t as SbbFooterElement } from "./footer.component-CLU7iVUY.js";
+import "./footer.pure.js";
+//#region src/elements/footer.ts
+/** @entrypoint */
+SbbFooterElement.define();
+//#endregion
+export { SbbFooterElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9mb290ZXIudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBlbnRyeXBvaW50ICovXG5pbXBvcnQgeyBTYmJGb290ZXJFbGVtZW50IH0gZnJvbSAnLi9mb290ZXIucHVyZS50cyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZm9vdGVyLnB1cmUudHMnO1xuXG5TYmJGb290ZXJFbGVtZW50LmRlZmluZSgpO1xuIl0sIm1hcHBpbmdzIjoiOzs7O0FBS0EsaUJBQWlCLFFBQVEifQ==

package/development/footer.pure.d.ts

@@ -0,0 +1,3 @@
+/** @entrypoint */
+export * from './footer/footer.component.ts';
+//# sourceMappingURL=footer.pure.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footer.pure.d.ts","sourceRoot":"","sources":["../../../src/elements/footer.pure.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,cAAc,8BAA8B,CAAC"}

package/development/footer.pure.js

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

package/development/form-field/error/error.component.d.ts

@@ -1,5 +1,6 @@
-import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-declare const SbbErrorElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & typeof LitElement;
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbElement } from '../../core/base-elements.ts';
+declare const SbbErrorElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & typeof SbbElement;
 /**
  * It displays an error message in the `sbb-form-field`.
  *
@@ -7,6 +8,7 @@ declare const SbbErrorElement_base: import('../../core/mixins.ts').AbstractConst
  * @slot icon - Use this slot to override the default error icon.
  */
 export declare class SbbErrorElement extends SbbErrorElement_base {
+    static readonly elementName: string;
     static styles: CSSResultGroup;
     connectedCallback(): void;
     protected render(): TemplateResult;

package/development/form-field/error/error.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/form-field/error/error.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAUvC;;;;;GAKG;AACH,qBAEM,eAAgB,SAAQ,oBAA4B;IACxD,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzD,iBAAiB,IAAI,IAAI;cAStB,MAAM,IAAI,cAAc;CAwB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}
+{"version":3,"file":"error.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/form-field/error/error.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;;AAQzD;;;;;GAKG;AACH,qBAAa,eAAgB,SAAQ,oBAA4B;IAC/D,gBAAgC,WAAW,EAAE,MAAM,CAAe;IAClE,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzD,iBAAiB,IAAI,IAAI;cAStB,MAAM,IAAI,cAAc;CAwB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}