@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/development/header/header.js

@@ -0,0 +1,333 @@
+import { css, LitElement, isServer, html } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { SbbFocusVisibleWithinController } from "../core/a11y.js";
+import { findReferencedElement } from "../core/dom.js";
+import { SbbHydrationMixin } from "../core/mixins.js";
+import "../logo.js";
+const style = css`/**
+ * Better font rendering (on OS X)
+ * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
+ *
+ * Usage:
+ *
+ * .var_dark_on_light {
+ * 	@include font-smoothing;
+ * }
+ * .var_light_on_dark {
+ * 	@include font-smoothing-reset;
+ * }
+ */
+/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-logo-height: 1rem;
+  --sbb-header-position: fixed;
+  --sbb-header-transition-duration: var(
+    --sbb-disable-animation-zero-time,
+    var(--sbb-animation-duration-6x)
+  );
+  --sbb-header-inset-inline-end: 0;
+  display: block;
+  height: var(--sbb-header-height);
+}
+@media (min-width: calc(52.5rem)) {
+  :host {
+    --sbb-logo-height: 1.25rem;
+  }
+}
+
+:host([hide-on-scroll]) {
+  --sbb-header-position: absolute;
+}
+
+:host([hide-on-scroll][data-fixed]) {
+  --sbb-header-position: fixed;
+  --sbb-header-animation-name: hide;
+  --sbb-header-transform: translate3d(0, -100%, 0);
+  --sbb-header-inset-inline-end: var(--sbb-scrollbar-width, 0);
+}
+
+:host([hide-on-scroll][data-fixed][data-animated]) {
+  --sbb-header-transition-timing: cubic-bezier(0.4, 0, 1, 1);
+}
+
+:host([hide-on-scroll][data-fixed][data-visible]) {
+  --sbb-header-animation-name: show;
+  --sbb-header-transform: translate3d(0, 0, 0);
+  --sbb-header-transition-timing: cubic-bezier(0, 0, 0.2, 1);
+}
+
+:host([hide-on-scroll][data-fixed][data-has-visible-focus-within]) {
+  --sbb-header-transition-duration: 0;
+  --sbb-header-transform: translate3d(0, 0, 0);
+}
+
+.sbb-header {
+  position: var(--sbb-header-position);
+  inset: 0 var(--sbb-header-inset-inline-end) auto 0;
+  background: var(--sbb-color-white);
+  z-index: var(--sbb-header-z-index, 10);
+  transform: var(--sbb-header-transform);
+  transition-property: box-shadow;
+  transition-duration: var(--sbb-header-transition-duration);
+  transition-timing-function: var(--sbb-header-transition-timing);
+  animation-name: var(--sbb-header-animation-name);
+  animation-duration: var(--sbb-header-transition-duration);
+  animation-timing-function: var(--sbb-header-transition-timing);
+}
+:host(:is([data-shadow], [data-has-visible-focus-within][data-fixed])) .sbb-header {
+  box-shadow: var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-soft-2-color), var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-soft-1-color);
+}
+@media (forced-colors: active) {
+  .sbb-header {
+    border-block-end: var(--sbb-border-width-1x) solid CanvasText;
+  }
+}
+
+.sbb-header__wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  height: var(--sbb-header-height);
+}
+:host(:not([expanded])) .sbb-header__wrapper {
+  padding-inline: var(--sbb-layout-base-offset-responsive);
+  margin-inline: auto;
+  width: 100%;
+}
+@media (min-width: calc(90rem)) {
+  :host(:not([expanded])) .sbb-header__wrapper {
+    max-width: calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive));
+  }
+}
+:host([expanded]) .sbb-header__wrapper {
+  padding-inline: var(--sbb-spacing-responsive-xxs);
+}
+
+.sbb-header__logo {
+  flex: 0 0 auto;
+  margin-inline-start: auto;
+  padding-inline-start: var(--sbb-spacing-responsive-s);
+}
+
+::slotted(:is(sbb-header-button, sbb-header-link):first-child) {
+  margin-inline-start: var(--sbb-header-first-item-margin-inline-start);
+}
+
+::slotted(*) {
+  flex: 0 0 auto;
+}
+
+::slotted(.sbb-header-shrinkable) {
+  flex-shrink: 1;
+  min-width: 0;
+}
+
+::slotted(.sbb-header-spacer) {
+  flex-grow: 1;
+}
+
+::slotted(a[slot=logo]) {
+  display: block;
+  padding-block: var(--sbb-spacing-fixed-3x);
+  position: relative;
+  outline: none !important;
+}
+
+::slotted(a[slot=logo])::before {
+  content: "";
+  display: block;
+  position: absolute;
+  inset: var(--sbb-spacing-fixed-3x) 0;
+}
+
+::slotted(a[slot=logo]:focus-visible:not([data-focus-origin=mouse], [data-focus-origin=touch]))::before {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);
+  outline-offset: var(--sbb-spacing-fixed-3x);
+  border-radius: 1px;
+}
+
+@keyframes show {
+  from {
+    transform: translate3d(0, -100%, 0);
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes hide {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    transform: translate3d(0, -100%, 0);
+  }
+}`;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+const IS_MENU_OPENED_QUERY = "[aria-controls][aria-expanded='true']";
+let SbbHeaderElement = class extends SbbHydrationMixin(LitElement) {
+  constructor() {
+    super(...arguments);
+    this.expanded = false;
+    this._scrollOrigin = !isServer ? document : null;
+    this.hideOnScroll = false;
+    this._headerOnTop = true;
+    this._lastScroll = 0;
+  }
+  set scrollOrigin(value) {
+    const oldValue = this._scrollOrigin;
+    this._scrollOrigin = value;
+    this._updateScrollOrigin(this._scrollOrigin, oldValue);
+  }
+  get scrollOrigin() {
+    return this._scrollOrigin;
+  }
+  _updateScrollOrigin(newValue, oldValue) {
+    if (newValue !== oldValue) {
+      this._setListenerOnScrollElement(newValue);
+      const currentScroll = this._getCurrentScrollProperty("scrollTop");
+      this._lastScroll = currentScroll <= 0 ? 0 : currentScroll;
+    }
+  }
+  /** If `hideOnScroll` is set, checks the element to hook the listener on, and possibly add it.*/
+  connectedCallback() {
+    super.connectedCallback();
+    this._setListenerOnScrollElement(this.scrollOrigin);
+    new SbbFocusVisibleWithinController(this);
+  }
+  /** Removes the scroll listener, if previously attached. */
+  disconnectedCallback() {
+    var _a;
+    super.disconnectedCallback();
+    (_a = this._scrollEventsController) == null ? void 0 : _a.abort();
+  }
+  /** Sets the value of `_scrollElement` and `_scrollFunction` and possibly adds the function on the correct element. */
+  _setListenerOnScrollElement(scrollOrigin) {
+    var _a, _b;
+    (_a = this._scrollEventsController) == null ? void 0 : _a.abort();
+    this._scrollEventsController = new AbortController();
+    this._scrollElement = findReferencedElement(scrollOrigin) || (!isServer ? document : null);
+    this._scrollFunction = this._getScrollFunction.bind(this);
+    (_b = this._scrollElement) == null ? void 0 : _b.addEventListener("scroll", this._scrollFunction, {
+      passive: true,
+      signal: this._scrollEventsController.signal
+    });
+  }
+  /** Returns the correct function to attach on scroll. */
+  _getScrollFunction() {
+    return this.hideOnScroll ? this._scrollListener() : this._scrollShadowListener();
+  }
+  /** Returns the requested property of the scrollContext. */
+  _getCurrentScrollProperty(property2) {
+    var _a;
+    if (this._scrollElement instanceof Document) {
+      return this._scrollElement.documentElement[property2] || this._scrollElement.body[property2];
+    }
+    return ((_a = this._scrollElement) == null ? void 0 : _a[property2]) || 0;
+  }
+  /**
+   * Sets the correct value for `scrollTop`, then:
+   * - apply the shadow if the element/document has been scrolled down;
+   * - hides the header, remove the shadow and possibly close any open menu on the header if it is not visible anymore;
+   * - shows the header and re-apply the shadow if the element/document has been scrolled up.
+   */
+  _scrollListener() {
+    const currentScroll = this._getCurrentScrollProperty("scrollTop");
+    if (this._getCurrentScrollProperty("scrollHeight") - window.innerHeight - currentScroll <= 0) {
+      return;
+    }
+    this.toggleAttribute("data-shadow", currentScroll !== 0);
+    if (currentScroll > this.offsetHeight && currentScroll > 0 && this._lastScroll < currentScroll) {
+      this._closeOpenOverlays();
+    }
+    if (currentScroll > this.offsetHeight * 2) {
+      this._headerOnTop = false;
+      if (currentScroll > 0 && this._lastScroll < currentScroll) {
+        ["data-shadow", "data-visible"].forEach((name) => this.removeAttribute(name));
+      } else {
+        ["data-fixed", "data-shadow", "data-animated", "data-visible"].forEach(
+          (name) => this.toggleAttribute(name, true)
+        );
+      }
+    } else {
+      if (currentScroll === 0) {
+        this._headerOnTop = true;
+      }
+      if (this._headerOnTop) {
+        ["data-shadow", "data-animated", "data-fixed", "data-visible"].forEach(
+          (name) => this.removeAttribute(name)
+        );
+      }
+    }
+    this._lastScroll = currentScroll <= 0 ? 0 : currentScroll;
+  }
+  /** Apply the shadow if the element/document has been scrolled down. */
+  _scrollShadowListener() {
+    this.toggleAttribute("data-shadow", this._getCurrentScrollProperty("scrollTop") !== 0);
+  }
+  _closeOpenOverlays() {
+    if (this.hasAttribute("data-has-visible-focus-within")) {
+      return;
+    }
+    const overlayTriggers = Array.from(
+      this.querySelectorAll(IS_MENU_OPENED_QUERY)
+    );
+    for (const overlayTrigger of overlayTriggers) {
+      const overlayId = overlayTrigger.getAttribute("aria-controls");
+      const overlay = document.getElementById(overlayId);
+      if (typeof (overlay == null ? void 0 : overlay.close) === "function") {
+        overlay.close();
+      }
+    }
+  }
+  render() {
+    return html`
+      <header class="sbb-header">
+        <div class="sbb-header__wrapper">
+          <slot></slot>
+          <div class="sbb-header__logo">
+            <slot name="logo">
+              <sbb-logo protective-room="none"></sbb-logo>
+            </slot>
+          </div>
+        </div>
+      </header>
+    `;
+  }
+};
+SbbHeaderElement.styles = style;
+__decorateClass([
+  property({ reflect: true, type: Boolean })
+], SbbHeaderElement.prototype, "expanded", 2);
+__decorateClass([
+  property({ attribute: "scroll-origin" })
+], SbbHeaderElement.prototype, "scrollOrigin", 1);
+__decorateClass([
+  property({ attribute: "hide-on-scroll", reflect: true, type: Boolean })
+], SbbHeaderElement.prototype, "hideOnScroll", 2);
+__decorateClass([
+  state()
+], SbbHeaderElement.prototype, "_headerOnTop", 2);
+SbbHeaderElement = __decorateClass([
+  customElement("sbb-header")
+], SbbHeaderElement);
+export {
+  SbbHeaderElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvaGVhZGVyL2hlYWRlci9oZWFkZXIudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgaXNTZXJ2ZXIsIExpdEVsZW1lbnQsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHksIHN0YXRlIH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJGb2N1c1Zpc2libGVXaXRoaW5Db250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9hMTF5LmpzJztcbmltcG9ydCB7IGZpbmRSZWZlcmVuY2VkRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvZG9tLmpzJztcbmltcG9ydCB7IFNiYkh5ZHJhdGlvbk1peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9oZWFkZXIuc2Nzcz9saXQmaW5saW5lJztcblxuaW1wb3J0ICcuLi8uLi9sb2dvLmpzJztcblxuY29uc3QgSVNfTUVOVV9PUEVORURfUVVFUlkgPSBcIlthcmlhLWNvbnRyb2xzXVthcmlhLWV4cGFuZGVkPSd0cnVlJ11cIjtcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIGhlYWRlciBzZWN0aW9uIGZvciB0aGUgcGFnZS5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBhY3Rpb25zIG9yIGNvbnRlbnQgdG8gdGhlIGhlYWRlci5cbiAqIEBzbG90IGxvZ28gLSBTbG90IHVzZWQgdG8gcmVuZGVyIHRoZSBsb2dvIG9uIHRoZSByaWdodCBzaWRlIChzYmItbG9nbyBhcyBkZWZhdWx0KS5cbiAqIEBjc3Nwcm9wIFstLXNiYi1oZWFkZXItei1pbmRleD0xMF0gLSBDYW4gYmUgdXNlZCB0byBtb2RpZnkgdGhlIHotaW5kZXggb2YgdGhlIGhlYWRlci5cbiAqIEBjc3Nwcm9wIFstLXNiYi1oZWFkZXItaGVpZ2h0PXplcm8tc21hbGw6dmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMTR4KTttZWRpdW0tdWx0cmE6dmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMjR4KV0gLSBDYW4gYmUgdXNlZCB0byBtb2RpZnkgaGVpZ2h0IG9mIHRoZSBoZWFkZXIuXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItaGVhZGVyJylcbmV4cG9ydCBjbGFzcyBTYmJIZWFkZXJFbGVtZW50IGV4dGVuZHMgU2JiSHlkcmF0aW9uTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKipcbiAgICogV2hldGhlciB0byBhbGxvdyB0aGUgaGVhZGVyIGNvbnRlbnQgdG8gc3RyZXRjaCB0byBmdWxsIHdpZHRoLlxuICAgKiBCeSBkZWZhdWx0LCB0aGUgY29udGVudCBoYXMgdGhlIGFwcHJvcHJpYXRlIHBhZ2Ugc2l6ZS5cbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSkgcHVibGljIGV4cGFuZGVkID0gZmFsc2U7XG5cbiAgLyoqIFRoZSBlbGVtZW50J3MgaWQgb3IgdGhlIGVsZW1lbnQgb24gd2hpY2ggdGhlIHNjcm9sbCBsaXN0ZW5lciBpcyBhdHRhY2hlZC4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnc2Nyb2xsLW9yaWdpbicgfSlcbiAgcHVibGljIHNldCBzY3JvbGxPcmlnaW4odmFsdWU6IHN0cmluZyB8IEhUTUxFbGVtZW50IHwgRG9jdW1lbnQpIHtcbiAgICBjb25zdCBvbGRWYWx1ZSA9IHRoaXMuX3Njcm9sbE9yaWdpbjtcbiAgICB0aGlzLl9zY3JvbGxPcmlnaW4gPSB2YWx1ZTtcbiAgICB0aGlzLl91cGRhdGVTY3JvbGxPcmlnaW4odGhpcy5fc2Nyb2xsT3JpZ2luLCBvbGRWYWx1ZSk7XG4gIH1cbiAgcHVibGljIGdldCBzY3JvbGxPcmlnaW4oKTogc3RyaW5nIHwgSFRNTEVsZW1lbnQgfCBEb2N1bWVudCB7XG4gICAgcmV0dXJuIHRoaXMuX3Njcm9sbE9yaWdpbjtcbiAgfVxuICBwcml2YXRlIF9zY3JvbGxPcmlnaW46IHN0cmluZyB8IEhUTUxFbGVtZW50IHwgRG9jdW1lbnQgPSAhaXNTZXJ2ZXIgPyBkb2N1bWVudCA6IG51bGwhO1xuXG4gIC8qKiBXaGV0aGVyIHRoZSBoZWFkZXIgc2hvdWxkIGhpZGUgYW5kIHNob3cgb24gc2Nyb2xsLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdoaWRlLW9uLXNjcm9sbCcsIHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSkgcHVibGljIGhpZGVPblNjcm9sbCA9XG4gICAgZmFsc2U7XG5cbiAgQHN0YXRlKCkgcHJpdmF0ZSBfaGVhZGVyT25Ub3AgPSB0cnVlO1xuXG4gIHByaXZhdGUgX3Njcm9sbEVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgRG9jdW1lbnQgfCBudWxsIHwgdW5kZWZpbmVkO1xuICBwcml2YXRlIF9zY3JvbGxFdmVudHNDb250cm9sbGVyITogQWJvcnRDb250cm9sbGVyO1xuICBwcml2YXRlIF9zY3JvbGxGdW5jdGlvbjogKCgpID0+IHZvaWQpIHwgdW5kZWZpbmVkO1xuICBwcml2YXRlIF9sYXN0U2Nyb2xsID0gMDtcblxuICBwcml2YXRlIF91cGRhdGVTY3JvbGxPcmlnaW4oXG4gICAgbmV3VmFsdWU6IHN0cmluZyB8IEhUTUxFbGVtZW50IHwgRG9jdW1lbnQsXG4gICAgb2xkVmFsdWU6IHN0cmluZyB8IEhUTUxFbGVtZW50IHwgRG9jdW1lbnQsXG4gICk6IHZvaWQge1xuICAgIGlmIChuZXdWYWx1ZSAhPT0gb2xkVmFsdWUpIHtcbiAgICAgIHRoaXMuX3NldExpc3RlbmVyT25TY3JvbGxFbGVtZW50KG5ld1ZhbHVlKTtcbiAgICAgIGNvbnN0IGN1cnJlbnRTY3JvbGwgPSB0aGlzLl9nZXRDdXJyZW50U2Nyb2xsUHJvcGVydHkoJ3Njcm9sbFRvcCcpO1xuICAgICAgLy8gYGN1cnJlbnRTY3JvbGxgIGNhbiBiZSBuZWdhdGl2ZSwgZS5nLiBvbiBtb2JpbGU7IHRoaXMgaXMgbm90IGFsbG93ZWQuXG4gICAgICB0aGlzLl9sYXN0U2Nyb2xsID0gY3VycmVudFNjcm9sbCA8PSAwID8gMCA6IGN1cnJlbnRTY3JvbGw7XG4gICAgfVxuICB9XG5cbiAgLyoqIElmIGBoaWRlT25TY3JvbGxgIGlzIHNldCwgY2hlY2tzIHRoZSBlbGVtZW50IHRvIGhvb2sgdGhlIGxpc3RlbmVyIG9uLCBhbmQgcG9zc2libHkgYWRkIGl0LiovXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuX3NldExpc3RlbmVyT25TY3JvbGxFbGVtZW50KHRoaXMuc2Nyb2xsT3JpZ2luKTtcbiAgICBuZXcgU2JiRm9jdXNWaXNpYmxlV2l0aGluQ29udHJvbGxlcih0aGlzKTtcbiAgfVxuXG4gIC8qKiBSZW1vdmVzIHRoZSBzY3JvbGwgbGlzdGVuZXIsIGlmIHByZXZpb3VzbHkgYXR0YWNoZWQuICovXG4gIHB1YmxpYyBvdmVycmlkZSBkaXNjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5kaXNjb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuX3Njcm9sbEV2ZW50c0NvbnRyb2xsZXI/LmFib3J0KCk7XG4gIH1cblxuICAvKiogU2V0cyB0aGUgdmFsdWUgb2YgYF9zY3JvbGxFbGVtZW50YCBhbmQgYF9zY3JvbGxGdW5jdGlvbmAgYW5kIHBvc3NpYmx5IGFkZHMgdGhlIGZ1bmN0aW9uIG9uIHRoZSBjb3JyZWN0IGVsZW1lbnQuICovXG4gIHByaXZhdGUgX3NldExpc3RlbmVyT25TY3JvbGxFbGVtZW50KHNjcm9sbE9yaWdpbjogc3RyaW5nIHwgSFRNTEVsZW1lbnQgfCBEb2N1bWVudCk6IHZvaWQge1xuICAgIHRoaXMuX3Njcm9sbEV2ZW50c0NvbnRyb2xsZXI/LmFib3J0KCk7XG4gICAgdGhpcy5fc2Nyb2xsRXZlbnRzQ29udHJvbGxlciA9IG5ldyBBYm9ydENvbnRyb2xsZXIoKTtcbiAgICB0aGlzLl9zY3JvbGxFbGVtZW50ID1cbiAgICAgIGZpbmRSZWZlcmVuY2VkRWxlbWVudChzY3JvbGxPcmlnaW4gYXMgc3RyaW5nIHwgSFRNTEVsZW1lbnQpIHx8ICghaXNTZXJ2ZXIgPyBkb2N1bWVudCA6IG51bGwpO1xuICAgIHRoaXMuX3Njcm9sbEZ1bmN0aW9uID0gdGhpcy5fZ2V0U2Nyb2xsRnVuY3Rpb24uYmluZCh0aGlzKTtcbiAgICB0aGlzLl9zY3JvbGxFbGVtZW50Py5hZGRFdmVudExpc3RlbmVyKCdzY3JvbGwnLCB0aGlzLl9zY3JvbGxGdW5jdGlvbiwge1xuICAgICAgcGFzc2l2ZTogdHJ1ZSxcbiAgICAgIHNpZ25hbDogdGhpcy5fc2Nyb2xsRXZlbnRzQ29udHJvbGxlci5zaWduYWwsXG4gICAgfSk7XG4gIH1cbiAgLyoqIFJldHVybnMgdGhlIGNvcnJlY3QgZnVuY3Rpb24gdG8gYXR0YWNoIG9uIHNjcm9sbC4gKi9cbiAgcHJpdmF0ZSBfZ2V0U2Nyb2xsRnVuY3Rpb24oKTogdm9pZCB7XG4gICAgcmV0dXJuIHRoaXMuaGlkZU9uU2Nyb2xsID8gdGhpcy5fc2Nyb2xsTGlzdGVuZXIoKSA6IHRoaXMuX3Njcm9sbFNoYWRvd0xpc3RlbmVyKCk7XG4gIH1cblxuICAvKiogUmV0dXJucyB0aGUgcmVxdWVzdGVkIHByb3BlcnR5IG9mIHRoZSBzY3JvbGxDb250ZXh0LiAqL1xuICBwcml2YXRlIF9nZXRDdXJyZW50U2Nyb2xsUHJvcGVydHkocHJvcGVydHk6ICdzY3JvbGxUb3AnIHwgJ3Njcm9sbEhlaWdodCcpOiBudW1iZXIge1xuICAgIGlmICh0aGlzLl9zY3JvbGxFbGVtZW50IGluc3RhbmNlb2YgRG9jdW1lbnQpIHtcbiAgICAgIHJldHVybiB0aGlzLl9zY3JvbGxFbGVtZW50LmRvY3VtZW50RWxlbWVudFtwcm9wZXJ0eV0gfHwgdGhpcy5fc2Nyb2xsRWxlbWVudC5ib2R5W3Byb3BlcnR5XTtcbiAgICB9XG4gICAgcmV0dXJuIHRoaXMuX3Njcm9sbEVsZW1lbnQ/Lltwcm9wZXJ0eV0gfHwgMDtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBjb3JyZWN0IHZhbHVlIGZvciBgc2Nyb2xsVG9wYCwgdGhlbjpcbiAgICogLSBhcHBseSB0aGUgc2hhZG93IGlmIHRoZSBlbGVtZW50L2RvY3VtZW50IGhhcyBiZWVuIHNjcm9sbGVkIGRvd247XG4gICAqIC0gaGlkZXMgdGhlIGhlYWRlciwgcmVtb3ZlIHRoZSBzaGFkb3cgYW5kIHBvc3NpYmx5IGNsb3NlIGFueSBvcGVuIG1lbnUgb24gdGhlIGhlYWRlciBpZiBpdCBpcyBub3QgdmlzaWJsZSBhbnltb3JlO1xuICAgKiAtIHNob3dzIHRoZSBoZWFkZXIgYW5kIHJlLWFwcGx5IHRoZSBzaGFkb3cgaWYgdGhlIGVsZW1lbnQvZG9jdW1lbnQgaGFzIGJlZW4gc2Nyb2xsZWQgdXAuXG4gICAqL1xuICBwcml2YXRlIF9zY3JvbGxMaXN0ZW5lcigpOiB2b2lkIHtcbiAgICBjb25zdCBjdXJyZW50U2Nyb2xsID0gdGhpcy5fZ2V0Q3VycmVudFNjcm9sbFByb3BlcnR5KCdzY3JvbGxUb3AnKTtcblxuICAgIC8vIFdoZXRoZXIgdGhlIHNjcm9sbCB2aWV3IGlzIGJvdW5jaW5nIHBhc3QgdGhlIGVkZ2Ugb2YgY29udGVudCBhbmQgYmFjayBhZ2Fpbi5cbiAgICBpZiAodGhpcy5fZ2V0Q3VycmVudFNjcm9sbFByb3BlcnR5KCdzY3JvbGxIZWlnaHQnKSAtIHdpbmRvdy5pbm5lckhlaWdodCAtIGN1cnJlbnRTY3JvbGwgPD0gMCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMudG9nZ2xlQXR0cmlidXRlKCdkYXRhLXNoYWRvdycsIGN1cnJlbnRTY3JvbGwgIT09IDApO1xuXG4gICAgLy8gQ2xvc2Ugb3BlbiBvdmVybGF5cyB3aGVuIHNjcm9sbGluZyBkb3duIGlmIHRoZSBoZWFkZXIgaXMgc2Nyb2xsZWQgb3V0IG9mIHNpZ2h0LlxuICAgIGlmIChcbiAgICAgIGN1cnJlbnRTY3JvbGwgPiB0aGlzLm9mZnNldEhlaWdodCAmJlxuICAgICAgY3VycmVudFNjcm9sbCA+IDAgJiZcbiAgICAgIHRoaXMuX2xhc3RTY3JvbGwgPCBjdXJyZW50U2Nyb2xsXG4gICAgKSB7XG4gICAgICB0aGlzLl9jbG9zZU9wZW5PdmVybGF5cygpO1xuICAgIH1cbiAgICAvLyBDaGVjayBpZiBoZWFkZXIgaXMgc2Nyb2xsZWQgb3V0IG9mIHNpZ2h0LCBzY3JvbGwgcG9zaXRpb24gPiBoZWFkZXIgaGVpZ2h0ICogMi5cbiAgICBpZiAoY3VycmVudFNjcm9sbCA+IHRoaXMub2Zmc2V0SGVpZ2h0ICogMikge1xuICAgICAgdGhpcy5faGVhZGVyT25Ub3AgPSBmYWxzZTtcbiAgICAgIGlmIChjdXJyZW50U2Nyb2xsID4gMCAmJiB0aGlzLl9sYXN0U2Nyb2xsIDwgY3VycmVudFNjcm9sbCkge1xuICAgICAgICAvLyBTY3JvbGxpbmcgZG93blxuICAgICAgICBbJ2RhdGEtc2hhZG93JywgJ2RhdGEtdmlzaWJsZSddLmZvckVhY2goKG5hbWUpID0+IHRoaXMucmVtb3ZlQXR0cmlidXRlKG5hbWUpKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIC8vIFNjcm9sbGluZyB1cFxuICAgICAgICBbJ2RhdGEtZml4ZWQnLCAnZGF0YS1zaGFkb3cnLCAnZGF0YS1hbmltYXRlZCcsICdkYXRhLXZpc2libGUnXS5mb3JFYWNoKChuYW1lKSA9PlxuICAgICAgICAgIHRoaXMudG9nZ2xlQXR0cmlidXRlKG5hbWUsIHRydWUpLFxuICAgICAgICApO1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICAvLyBDaGVjayBpZiBoZWFkZXIgaW4gaXRzIG9yaWdpbmFsIHBvc2l0aW9uLCBzY3JvbGwgcG9zaXRpb24gPCBoZWFkZXIgaGVpZ2h0LlxuICAgICAgLy8gUmVzZXQgaGVhZGVyIGJlaGF2aW91ciB3aGVuIHNjcm9sbCBoaXRzIHRvcCBvZiB0aGUgcGFnZSwgb24gc2Nyb2xsIHBvc2l0aW9uID0gMC5cbiAgICAgIGlmIChjdXJyZW50U2Nyb2xsID09PSAwKSB7XG4gICAgICAgIHRoaXMuX2hlYWRlck9uVG9wID0gdHJ1ZTtcbiAgICAgIH1cbiAgICAgIGlmICh0aGlzLl9oZWFkZXJPblRvcCkge1xuICAgICAgICBbJ2RhdGEtc2hhZG93JywgJ2RhdGEtYW5pbWF0ZWQnLCAnZGF0YS1maXhlZCcsICdkYXRhLXZpc2libGUnXS5mb3JFYWNoKChuYW1lKSA9PlxuICAgICAgICAgIHRoaXMucmVtb3ZlQXR0cmlidXRlKG5hbWUpLFxuICAgICAgICApO1xuICAgICAgfVxuICAgIH1cbiAgICAvLyBgY3VycmVudFNjcm9sbGAgY2FuIGJlIG5lZ2F0aXZlLCBlLmcuIG9uIG1vYmlsZTsgdGhpcyBpcyBub3QgYWxsb3dlZC5cbiAgICB0aGlzLl9sYXN0U2Nyb2xsID0gY3VycmVudFNjcm9sbCA8PSAwID8gMCA6IGN1cnJlbnRTY3JvbGw7XG4gIH1cblxuICAvKiogQXBwbHkgdGhlIHNoYWRvdyBpZiB0aGUgZWxlbWVudC9kb2N1bWVudCBoYXMgYmVlbiBzY3JvbGxlZCBkb3duLiAqL1xuICBwcml2YXRlIF9zY3JvbGxTaGFkb3dMaXN0ZW5lcigpOiB2b2lkIHtcbiAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1zaGFkb3cnLCB0aGlzLl9nZXRDdXJyZW50U2Nyb2xsUHJvcGVydHkoJ3Njcm9sbFRvcCcpICE9PSAwKTtcbiAgfVxuXG4gIHByaXZhdGUgX2Nsb3NlT3Blbk92ZXJsYXlzKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmhhc0F0dHJpYnV0ZSgnZGF0YS1oYXMtdmlzaWJsZS1mb2N1cy13aXRoaW4nKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBvdmVybGF5VHJpZ2dlcnM6IEhUTUxFbGVtZW50W10gPSBBcnJheS5mcm9tKFxuICAgICAgdGhpcy5xdWVyeVNlbGVjdG9yQWxsKElTX01FTlVfT1BFTkVEX1FVRVJZKSBhcyBOb2RlTGlzdE9mPEhUTUxFbGVtZW50PixcbiAgICApO1xuICAgIGZvciAoY29uc3Qgb3ZlcmxheVRyaWdnZXIgb2Ygb3ZlcmxheVRyaWdnZXJzKSB7XG4gICAgICBjb25zdCBvdmVybGF5SWQ6IHN0cmluZyA9IG92ZXJsYXlUcmlnZ2VyLmdldEF0dHJpYnV0ZSgnYXJpYS1jb250cm9scycpITtcbiAgICAgIGNvbnN0IG92ZXJsYXkgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChvdmVybGF5SWQpIGFzIEhUTUxFbGVtZW50ICYgeyBjbG9zZTogKCkgPT4gdm9pZCB9O1xuICAgICAgaWYgKHR5cGVvZiBvdmVybGF5Py5jbG9zZSA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgICBvdmVybGF5LmNsb3NlKCk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8aGVhZGVyIGNsYXNzPVwic2JiLWhlYWRlclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLWhlYWRlcl9fd3JhcHBlclwiPlxuICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLWhlYWRlcl9fbG9nb1wiPlxuICAgICAgICAgICAgPHNsb3QgbmFtZT1cImxvZ29cIj5cbiAgICAgICAgICAgICAgPHNiYi1sb2dvIHByb3RlY3RpdmUtcm9vbT1cIm5vbmVcIj48L3NiYi1sb2dvPlxuICAgICAgICAgICAgPC9zbG90PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvaGVhZGVyPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1oZWFkZXInOiBTYmJIZWFkZXJFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOlsicHJvcGVydHkiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBV0EsTUFBTSx1QkFBdUI7QUFXdEIsSUFBTSxtQkFBTixjQUErQixrQkFBa0IsVUFBVSxFQUFFO0FBQUEsRUFBN0QsY0FBQTtBQUFBLFVBQUEsR0FBQSxTQUFBO0FBT3VDLFNBQU8sV0FBVztBQVl0RCxTQUFBLGdCQUFpRCxDQUFDLFdBQVcsV0FBVztBQUdQLFNBQU8sZUFDOUU7QUFFTyxTQUFRLGVBQWU7QUFLaEMsU0FBUSxjQUFjO0FBQUEsRUFBQTtBQUFBLEVBbkJ0QixJQUFXLGFBQWEsT0FBd0M7QUFDOUQsVUFBTSxXQUFXLEtBQUs7QUFDdEIsU0FBSyxnQkFBZ0I7QUFDaEIsU0FBQSxvQkFBb0IsS0FBSyxlQUFlLFFBQVE7QUFBQSxFQUN2RDtBQUFBLEVBQ0EsSUFBVyxlQUFnRDtBQUN6RCxXQUFPLEtBQUs7QUFBQSxFQUNkO0FBQUEsRUFjUSxvQkFDTixVQUNBLFVBQ007QUFDTixRQUFJLGFBQWEsVUFBVTtBQUN6QixXQUFLLDRCQUE0QixRQUFRO0FBQ25DLFlBQUEsZ0JBQWdCLEtBQUssMEJBQTBCLFdBQVc7QUFFM0QsV0FBQSxjQUFjLGlCQUFpQixJQUFJLElBQUk7QUFBQSxJQUM5QztBQUFBLEVBQ0Y7QUFBQTtBQUFBLEVBR2dCLG9CQUEwQjtBQUN4QyxVQUFNLGtCQUFrQjtBQUNuQixTQUFBLDRCQUE0QixLQUFLLFlBQVk7QUFDbEQsUUFBSSxnQ0FBZ0MsSUFBSTtBQUFBLEVBQzFD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

package/development/header.d.ts

@@ -0,0 +1,5 @@
+export * from './header/header.js';
+export * from './header/header-button.js';
+export * from './header/header-link.js';
+export * from './header/common.js';
+//# sourceMappingURL=header.d.ts.map

package/development/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/elements/header.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC"}

package/development/header.js

@@ -0,0 +1,5 @@
+export * from "./header/header.js";
+export * from "./header/header-button.js";
+export * from "./header/header-link.js";
+export * from "./header/common.js";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OzsifQ==

package/development/icon/icon-base.d.ts

@@ -0,0 +1,28 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+
+/**
+ * @cssprop [--sbb-icon-svg-width=auto] - Can be used to set a custom width.
+ * @cssprop [--sbb-icon-svg-height=auto] - Can be used to set a custom height.
+ */
+export declare abstract class SbbIconBase extends LitElement {
+    static styles: CSSResultGroup;
+    private static readonly _defaultNamespace;
+    private _svgNamespace;
+    /**
+     * The icon svg content rendered on the page: <svg>...</svg>.
+     */
+    private _svgIcon?;
+    /**
+     * When set to `true`, SVG content that is HTTP fetched will not be checked
+     * if the response SVG content has any `<script>` elements, or any attributes
+     * that start with `on`, such as `onclick`.
+     * @default false
+     */
+    noSanitize: boolean;
+    protected loadSvgIcon(iconName: string): Promise<void>;
+    protected fetchSvgIcon(namespace: string, name: string): Promise<string>;
+    private _splitIconName;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=icon-base.d.ts.map

package/development/icon/icon-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-base.d.ts","sourceRoot":"","sources":["../../../../src/elements/icon/icon-base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAYvC;;;GAGG;AACH,8BAIsB,WAAY,SAAQ,UAAU;IAClD,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,iBAAiB,CAAa;IAE7C,OAAO,CAAC,aAAa,CAAiC;IAE/D;;OAEG;IACM,OAAO,CAAC,QAAQ,CAAC,CAAuD;IAEjF;;;;;OAKG;IAC2D,UAAU,UAAS;cAEjE,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;cAkB5C,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAI9E,OAAO,CAAC,cAAc;cAgBH,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAK3D,MAAM,IAAI,cAAc;CAS5C"}

package/development/icon/icon-name-mixin.d.ts

@@ -0,0 +1,12 @@
+import { LitElement, TemplateResult } from 'lit';
+import { AbstractConstructor } from '../core/mixins.js';
+
+export declare class SbbIconNameMixinType {
+    iconName?: string;
+    protected renderIconSlot(classname?: string): TemplateResult;
+}
+/**
+ * Enhance your component with an iconName property and provides a template for the icon slot.
+ */
+export declare const SbbIconNameMixin: <T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbIconNameMixinType> & T;
+//# sourceMappingURL=icon-name-mixin.d.ts.map

package/development/icon/icon-name-mixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-name-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/icon/icon-name-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,WAAW,CAAC;AAEnB,MAAM,CAAC,OAAO,OAAO,oBAAoB;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,cAAc;CAC7D;AAED;;GAEG;AAEH,eAAO,MAAM,gBAAgB,0DACf,CAAC,KACZ,oBAAoB,oBAAoB,CAAC,GAAG,CAqB9C,CAAC"}

package/development/icon/icon-request.d.ts

@@ -0,0 +1,3 @@
+/** Fetches icon svg content from providers and asserts only one request per icon is made. */
+export declare const getSvgContent: (namespace: string, name: string, sanitize: boolean) => Promise<string>;
+//# sourceMappingURL=icon-request.d.ts.map

package/development/icon/icon-request.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-request.d.ts","sourceRoot":"","sources":["../../../../src/elements/icon/icon-request.ts"],"names":[],"mappings":"AAYA,6FAA6F;AAC7F,eAAO,MAAM,aAAa,cACb,MAAM,QACX,MAAM,YACF,OAAO,KAChB,QAAQ,MAAM,CAgDhB,CAAC"}

package/development/icon/icon-validate.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Sanitizes the SVG element and all its child nodes.
+ * Does not allow `<script>` elements, or any attributes that start with `on`, such as `onclick`.
+ */
+export declare const isValid: (elm: HTMLElement) => boolean;
+/**
+ * Validates the SVG content by checking that it has only one root element `<svg>`,
+ * adding the `color-immutable` class if the `colorImmutable` option is set to `true`,
+ * and sanitizing the provided content as long as the `sanitize` property is not explicitly set to `false`.
+ */
+export declare const validateContent: (svgContent: string, sanitize?: boolean, colorImmutable?: boolean) => string;
+//# sourceMappingURL=icon-validate.d.ts.map

package/development/icon/icon-validate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-validate.d.ts","sourceRoot":"","sources":["../../../../src/elements/icon/icon-validate.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,OAAO,QAAS,WAAW,KAAG,OAsB1C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,eACd,MAAM,mDAGjB,MA6BF,CAAC"}

package/development/icon/icon.d.ts

@@ -0,0 +1,24 @@
+import { PropertyValues } from 'lit';
+import { SbbIconBase } from './icon-base.js';
+
+/**
+ * It displays an icon loaded from a registered namespace.
+ */
+export declare class SbbIconElement extends SbbIconBase {
+    /**
+     * The provided name consisting of the namespace and the name of the icon.
+     * If the namespace is missing, the default namespace "sbb" will be used.
+     * E.g. `name` (will use "sbb" as namespace) or `namespace:name`.
+     */
+    name: string;
+    private _defaultAriaLabel;
+    protected fetchSvgIcon(namespace: string, name: string): Promise<string>;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-icon': SbbIconElement;
+    }
+}
+//# sourceMappingURL=icon.d.ts.map

package/development/icon/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../src/elements/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,qBACa,cAAe,SAAQ,WAAW;IAC7C;;;;OAIG;IACiC,IAAI,EAAG,MAAM,CAAC;IAElD,OAAO,CAAC,iBAAiB,CAAM;cAEN,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;cAiBpE,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;CAM/E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

package/development/icon.d.ts

@@ -0,0 +1,6 @@
+export * from './icon/icon.js';
+export * from './icon/icon-base.js';
+export * from './icon/icon-request.js';
+export * from './icon/icon-validate.js';
+export * from './icon/icon-name-mixin.js';
+//# sourceMappingURL=icon.d.ts.map

package/development/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/elements/icon.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC"}