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

package/development/header/header/header.component.js

@@ -0,0 +1,392 @@
+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, isServer, html } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { SbbFocusVisibleWithinController } from "../../core/a11y.js";
+import { forceType, idReference } from "../../core/decorators.js";
+import { isLean } from "../../core/dom.js";
+import { SbbHydrationMixin, SbbElementInternalsMixin } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+const style = css`:host {
+  display: block;
+  height: var(--sbb-header-height);
+  --sbb-logo-height: 1rem;
+  --sbb-signet-height: 1rem;
+  --sbb-header-position: fixed;
+  --sbb-header-transition-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-6x)
+  );
+  --sbb-header-inset-inline-end: 0;
+}
+@media (min-width: calc(64rem)) {
+  :host {
+    --sbb-logo-height: 1.25rem;
+    --sbb-signet-height: 1.25rem;
+  }
+}
+
+:host([hide-on-scroll]) {
+  --sbb-header-position: absolute;
+}
+
+:host([hide-on-scroll]:is(:state(fixed),[state--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]:is(:state(fixed),[state--fixed]):is(:state(animated),[state--animated])) {
+  --sbb-header-transition-timing: cubic-bezier(0.4, 0, 1, 1);
+}
+
+:host([hide-on-scroll]:is(:state(fixed),[state--fixed]):is(:state(visible),[state--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]:is(:state(fixed),[state--fixed]):is(:state(has-visible-focus-within),[state--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-background-color-1);
+  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(:is(:state(shadow),[state--shadow]), :is(:state(has-visible-focus-within),[state--has-visible-focus-within]):is(:state(fixed),[state--fixed]))) .sbb-header {
+  box-shadow: var(--sbb-box-shadow-level-9-soft);
+}
+@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-page-spacing-padding, var(--sbb-layout-base-offset-responsive));
+  margin-inline: auto;
+  width: 100%;
+}
+@media (min-width: calc(90rem)) {
+  :host(:not([expanded])) .sbb-header__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-header__wrapper {
+  padding-inline: var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs));
+}
+
+::slotted(:is(sbb-header-button, sbb-header-link):first-child) {
+  margin-inline-start: var(--sbb-header-first-item-margin-inline-start);
+}
+
+:host([size=s]) ::slotted(:is(sbb-header-button, sbb-header-link)) {
+  --sbb-header-action-min-height: var(--sbb-size-element-xs);
+  --sbb-header-action-padding-inline: var(--sbb-spacing-fixed-4x);
+}
+
+::slotted(*) {
+  flex: 0 0 auto;
+}
+
+::slotted(.sbb-header-shrinkable) {
+  flex-shrink: 1;
+  min-width: 0;
+}
+
+::slotted(.sbb-header-spacer) {
+  flex-grow: 1;
+}
+
+::slotted(.sbb-header-logo) {
+  margin-inline-start: var(--sbb-spacing-responsive-s);
+}
+
+::slotted(a.sbb-header-logo) {
+  display: block;
+  padding-block: var(--sbb-spacing-fixed-3x);
+  position: relative;
+  outline: none !important;
+}
+
+::slotted(a.sbb-header-logo)::before {
+  content: "";
+  display: block;
+  position: absolute;
+  inset: var(--sbb-spacing-fixed-3x) 0;
+}
+
+::slotted(a.sbb-header-logo:focus-visible)::before {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, 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);
+  }
+}`;
+const IS_MENU_OPENED_QUERY = "[aria-controls][aria-expanded='true']";
+let SbbHeaderElement = (() => {
+  var _expanded_accessor_storage, _scrollOrigin_accessor_storage, _hideOnScroll_accessor_storage, _size_accessor_storage, __headerOnTop_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-header")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbHydrationMixin(SbbElementInternalsMixin(LitElement));
+  let _expanded_decorators;
+  let _expanded_initializers = [];
+  let _expanded_extraInitializers = [];
+  let _scrollOrigin_decorators;
+  let _scrollOrigin_initializers = [];
+  let _scrollOrigin_extraInitializers = [];
+  let _hideOnScroll_decorators;
+  let _hideOnScroll_initializers = [];
+  let _hideOnScroll_extraInitializers = [];
+  let _size_decorators;
+  let _size_initializers = [];
+  let _size_extraInitializers = [];
+  let __headerOnTop_decorators;
+  let __headerOnTop_initializers = [];
+  let __headerOnTop_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super();
+      __privateAdd(this, _expanded_accessor_storage);
+      __privateAdd(this, _scrollOrigin_accessor_storage);
+      __privateAdd(this, _hideOnScroll_accessor_storage);
+      __privateAdd(this, _size_accessor_storage);
+      __privateAdd(this, __headerOnTop_accessor_storage);
+      __privateSet(this, _expanded_accessor_storage, __runInitializers(this, _expanded_initializers, false));
+      __privateSet(this, _scrollOrigin_accessor_storage, (__runInitializers(this, _expanded_extraInitializers), __runInitializers(this, _scrollOrigin_initializers, null)));
+      __privateSet(this, _hideOnScroll_accessor_storage, (__runInitializers(this, _scrollOrigin_extraInitializers), __runInitializers(this, _hideOnScroll_initializers, false)));
+      __privateSet(this, _size_accessor_storage, (__runInitializers(this, _hideOnScroll_extraInitializers), __runInitializers(this, _size_initializers, isLean() ? "s" : "m")));
+      __privateSet(this, __headerOnTop_accessor_storage, (__runInitializers(this, _size_extraInitializers), __runInitializers(this, __headerOnTop_initializers, true)));
+      this._scrollElement = __runInitializers(this, __headerOnTop_extraInitializers);
+      this._lastScroll = 0;
+      this.addController(new SbbFocusVisibleWithinController(this));
+    }
+    /**
+     * Whether to allow the header 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);
+    }
+    /**
+     * The element's id or the element on which the scroll listener is attached.
+     *
+     * For attribute usage, provide an id reference.
+     */
+    get scrollOrigin() {
+      return __privateGet(this, _scrollOrigin_accessor_storage);
+    }
+    set scrollOrigin(value) {
+      __privateSet(this, _scrollOrigin_accessor_storage, value);
+    }
+    /** Whether the header should hide and show on scroll. */
+    get hideOnScroll() {
+      return __privateGet(this, _hideOnScroll_accessor_storage);
+    }
+    set hideOnScroll(value) {
+      __privateSet(this, _hideOnScroll_accessor_storage, value);
+    }
+    /**
+     * Size of the header, either m or s.
+     * @default 'm' / 's' (lean)
+     */
+    get size() {
+      return __privateGet(this, _size_accessor_storage);
+    }
+    set size(value) {
+      __privateSet(this, _size_accessor_storage, value);
+    }
+    get _headerOnTop() {
+      return __privateGet(this, __headerOnTop_accessor_storage);
+    }
+    set _headerOnTop(value) {
+      __privateSet(this, __headerOnTop_accessor_storage, value);
+    }
+    /** If `hideOnScroll` is set, checks the element to hook the listener on, and possibly add it.*/
+    connectedCallback() {
+      super.connectedCallback();
+      if (this.hasUpdated) {
+        this._updateScrollListener();
+      }
+    }
+    /** Removes the scroll listener, if previously attached. */
+    disconnectedCallback() {
+      super.disconnectedCallback();
+      this._scrollElement = null;
+      this._scrollEventsController?.abort();
+    }
+    requestUpdate(name, oldValue, options) {
+      super.requestUpdate(name, oldValue, options);
+      if (!isServer && (!name || name === "scrollOrigin") && this.hasUpdated) {
+        this._updateScrollListener();
+      }
+    }
+    firstUpdated(changedProperties) {
+      super.firstUpdated(changedProperties);
+      this._updateScrollListener();
+    }
+    _updateScrollListener() {
+      const scrollElement = this.scrollOrigin ?? document;
+      if (scrollElement === this._scrollElement) {
+        return;
+      }
+      this._scrollEventsController?.abort();
+      this._scrollElement = scrollElement;
+      if (!this._scrollElement) {
+        return;
+      }
+      this._scrollEventsController = new AbortController();
+      this._scrollFunction = this._getScrollFunction.bind(this);
+      this._scrollElement.addEventListener("scroll", this._scrollFunction, {
+        passive: true,
+        signal: this._scrollEventsController.signal
+      });
+      const currentScroll = this._getCurrentScrollProperty("scrollTop");
+      this._lastScroll = currentScroll <= 0 ? 0 : currentScroll;
+    }
+    /** 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) {
+      if (this._scrollElement instanceof Document) {
+        return this._scrollElement.documentElement[property2] || this._scrollElement.body[property2];
+      }
+      return this._scrollElement?.[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.toggleState("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) {
+          ["shadow", "visible"].forEach((name) => this.internals.states.delete(name));
+        } else {
+          ["fixed", "shadow", "animated", "visible"].forEach((name) => this.internals.states.add(name));
+        }
+      } else {
+        if (currentScroll === 0) {
+          this._headerOnTop = true;
+        }
+        if (this._headerOnTop) {
+          ["shadow", "animated", "fixed", "visible"].forEach((name) => this.internals.states.delete(name));
+        }
+      }
+      this._lastScroll = currentScroll <= 0 ? 0 : currentScroll;
+    }
+    /** Apply the shadow if the element/document has been scrolled down. */
+    _scrollShadowListener() {
+      this.toggleState("shadow", this._getCurrentScrollProperty("scrollTop") !== 0);
+    }
+    _closeOpenOverlays() {
+      if (this.matches(":is(:state(has-visible-focus-within),[state--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?.close === "function") {
+          overlay.close();
+        }
+      }
+    }
+    render() {
+      return html`
+      <header class="sbb-header">
+        <div class="sbb-header__wrapper">
+          <slot></slot>
+        </div>
+      </header>
+    `;
+    }
+  }, _expanded_accessor_storage = new WeakMap(), _scrollOrigin_accessor_storage = new WeakMap(), _hideOnScroll_accessor_storage = new WeakMap(), _size_accessor_storage = new WeakMap(), __headerOnTop_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _expanded_decorators = [forceType(), property({ reflect: true, type: Boolean })];
+    _scrollOrigin_decorators = [idReference(), property({ attribute: "scroll-origin" })];
+    _hideOnScroll_decorators = [forceType(), property({ attribute: "hide-on-scroll", reflect: true, type: Boolean })];
+    _size_decorators = [property({ reflect: true })];
+    __headerOnTop_decorators = [state()];
+    __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, _scrollOrigin_decorators, { kind: "accessor", name: "scrollOrigin", static: false, private: false, access: { has: (obj) => "scrollOrigin" in obj, get: (obj) => obj.scrollOrigin, set: (obj, value) => {
+      obj.scrollOrigin = value;
+    } }, metadata: _metadata }, _scrollOrigin_initializers, _scrollOrigin_extraInitializers);
+    __esDecorate(_a, null, _hideOnScroll_decorators, { kind: "accessor", name: "hideOnScroll", static: false, private: false, access: { has: (obj) => "hideOnScroll" in obj, get: (obj) => obj.hideOnScroll, set: (obj, value) => {
+      obj.hideOnScroll = value;
+    } }, metadata: _metadata }, _hideOnScroll_initializers, _hideOnScroll_extraInitializers);
+    __esDecorate(_a, null, _size_decorators, { kind: "accessor", name: "size", static: false, private: false, access: { has: (obj) => "size" in obj, get: (obj) => obj.size, set: (obj, value) => {
+      obj.size = value;
+    } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
+    __esDecorate(_a, null, __headerOnTop_decorators, { kind: "accessor", name: "_headerOnTop", static: false, private: false, access: { has: (obj) => "_headerOnTop" in obj, get: (obj) => obj._headerOnTop, set: (obj, value) => {
+      obj._headerOnTop = value;
+    } }, metadata: _metadata }, __headerOnTop_initializers, __headerOnTop_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 {
+  SbbHeaderElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2hlYWRlci9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICBpc1NlcnZlcixcbiAgTGl0RWxlbWVudCxcbiAgdHlwZSBQcm9wZXJ0eURlY2xhcmF0aW9uLFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHksIHN0YXRlIH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJGb2N1c1Zpc2libGVXaXRoaW5Db250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9hMTF5LnRzJztcbmltcG9ydCB7IGZvcmNlVHlwZSwgaWRSZWZlcmVuY2UgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMudHMnO1xuaW1wb3J0IHsgaXNMZWFuIH0gZnJvbSAnLi4vLi4vY29yZS9kb20udHMnO1xuaW1wb3J0IHsgU2JiRWxlbWVudEludGVybmFsc01peGluLCBTYmJIeWRyYXRpb25NaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vaGVhZGVyLnNjc3M/bGl0JmlubGluZSc7XG5cbmNvbnN0IElTX01FTlVfT1BFTkVEX1FVRVJZID0gXCJbYXJpYS1jb250cm9sc11bYXJpYS1leHBhbmRlZD0ndHJ1ZSddXCI7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBoZWFkZXIgc2VjdGlvbiBmb3IgdGhlIHBhZ2UuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYWN0aW9ucywgY29udGVudCBhbmQgbG9nbyB0byB0aGUgaGVhZGVyLlxuICogQGNzc3Byb3AgWy0tc2JiLWhlYWRlci16LWluZGV4PTEwXSAtIENhbiBiZSB1c2VkIHRvIG1vZGlmeSB0aGUgei1pbmRleCBvZiB0aGUgaGVhZGVyLlxuICogQGNzc3Byb3AgWy0tc2JiLWhlYWRlci1oZWlnaHQ9emVyby1zbWFsbDp2YXIoLS1zYmItc3BhY2luZy1maXhlZC0xNHgpO2xhcmdlLXVsdHJhOnZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTI0eCldIC0gQ2FuIGJlIHVzZWQgdG8gbW9kaWZ5IGhlaWdodCBvZiB0aGUgaGVhZGVyLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItaGVhZGVyJylcbmNsYXNzIFNiYkhlYWRlckVsZW1lbnQgZXh0ZW5kcyBTYmJIeWRyYXRpb25NaXhpbihTYmJFbGVtZW50SW50ZXJuYWxzTWl4aW4oTGl0RWxlbWVudCkpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRvIGFsbG93IHRoZSBoZWFkZXIgY29udGVudCB0byBzdHJldGNoIHRvIGZ1bGwgd2lkdGguXG4gICAqIEJ5IGRlZmF1bHQsIHRoZSBjb250ZW50IGhhcyB0aGUgYXBwcm9wcmlhdGUgcGFnZSBzaXplLlxuICAgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIGV4cGFuZGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFRoZSBlbGVtZW50J3MgaWQgb3IgdGhlIGVsZW1lbnQgb24gd2hpY2ggdGhlIHNjcm9sbCBsaXN0ZW5lciBpcyBhdHRhY2hlZC5cbiAgICpcbiAgICogRm9yIGF0dHJpYnV0ZSB1c2FnZSwgcHJvdmlkZSBhbiBpZCByZWZlcmVuY2UuXG4gICAqL1xuICBAaWRSZWZlcmVuY2UoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdzY3JvbGwtb3JpZ2luJyB9KVxuICBwdWJsaWMgYWNjZXNzb3Igc2Nyb2xsT3JpZ2luOiBIVE1MRWxlbWVudCB8IG51bGwgPSBudWxsO1xuXG4gIC8qKiBXaGV0aGVyIHRoZSBoZWFkZXIgc2hvdWxkIGhpZGUgYW5kIHNob3cgb24gc2Nyb2xsLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnaGlkZS1vbi1zY3JvbGwnLCByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBoaWRlT25TY3JvbGw6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogU2l6ZSBvZiB0aGUgaGVhZGVyLCBlaXRoZXIgbSBvciBzLlxuICAgKiBAZGVmYXVsdCAnbScgLyAncycgKGxlYW4pXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBzaXplOiAnbScgfCAncycgPSBpc0xlYW4oKSA/ICdzJyA6ICdtJztcblxuICBAc3RhdGUoKSBwcml2YXRlIGFjY2Vzc29yIF9oZWFkZXJPblRvcCA9IHRydWU7XG5cbiAgcHJpdmF0ZSBfc2Nyb2xsRWxlbWVudDogSFRNTEVsZW1lbnQgfCBEb2N1bWVudCB8IG51bGwgfCB1bmRlZmluZWQ7XG4gIHByaXZhdGUgX3Njcm9sbEV2ZW50c0NvbnRyb2xsZXIhOiBBYm9ydENvbnRyb2xsZXI7XG4gIHByaXZhdGUgX3Njcm9sbEZ1bmN0aW9uOiAoKCkgPT4gdm9pZCkgfCB1bmRlZmluZWQ7XG4gIHByaXZhdGUgX2xhc3RTY3JvbGwgPSAwO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuYWRkQ29udHJvbGxlcihuZXcgU2JiRm9jdXNWaXNpYmxlV2l0aGluQ29udHJvbGxlcih0aGlzKSk7XG4gIH1cblxuICAvKiogSWYgYGhpZGVPblNjcm9sbGAgaXMgc2V0LCBjaGVja3MgdGhlIGVsZW1lbnQgdG8gaG9vayB0aGUgbGlzdGVuZXIgb24sIGFuZCBwb3NzaWJseSBhZGQgaXQuKi9cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgaWYgKHRoaXMuaGFzVXBkYXRlZCkge1xuICAgICAgdGhpcy5fdXBkYXRlU2Nyb2xsTGlzdGVuZXIoKTtcbiAgICB9XG4gIH1cblxuICAvKiogUmVtb3ZlcyB0aGUgc2Nyb2xsIGxpc3RlbmVyLCBpZiBwcmV2aW91c2x5IGF0dGFjaGVkLiAqL1xuICBwdWJsaWMgb3ZlcnJpZGUgZGlzY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLl9zY3JvbGxFbGVtZW50ID0gbnVsbDtcbiAgICB0aGlzLl9zY3JvbGxFdmVudHNDb250cm9sbGVyPy5hYm9ydCgpO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIHJlcXVlc3RVcGRhdGUoXG4gICAgbmFtZT86IFByb3BlcnR5S2V5LFxuICAgIG9sZFZhbHVlPzogdW5rbm93bixcbiAgICBvcHRpb25zPzogUHJvcGVydHlEZWNsYXJhdGlvbixcbiAgKTogdm9pZCB7XG4gICAgc3VwZXIucmVxdWVzdFVwZGF0ZShuYW1lLCBvbGRWYWx1ZSwgb3B0aW9ucyk7XG5cbiAgICBpZiAoIWlzU2VydmVyICYmICghbmFtZSB8fCBuYW1lID09PSAnc2Nyb2xsT3JpZ2luJykgJiYgdGhpcy5oYXNVcGRhdGVkKSB7XG4gICAgICB0aGlzLl91cGRhdGVTY3JvbGxMaXN0ZW5lcigpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBmaXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIuZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzKTtcbiAgICB0aGlzLl91cGRhdGVTY3JvbGxMaXN0ZW5lcigpO1xuICB9XG5cbiAgcHJpdmF0ZSBfdXBkYXRlU2Nyb2xsTGlzdGVuZXIoKTogdm9pZCB7XG4gICAgY29uc3Qgc2Nyb2xsRWxlbWVudCA9IHRoaXMuc2Nyb2xsT3JpZ2luID8/IGRvY3VtZW50O1xuICAgIGlmIChzY3JvbGxFbGVtZW50ID09PSB0aGlzLl9zY3JvbGxFbGVtZW50KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5fc2Nyb2xsRXZlbnRzQ29udHJvbGxlcj8uYWJvcnQoKTtcbiAgICB0aGlzLl9zY3JvbGxFbGVtZW50ID0gc2Nyb2xsRWxlbWVudDtcbiAgICBpZiAoIXRoaXMuX3Njcm9sbEVsZW1lbnQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5fc2Nyb2xsRXZlbnRzQ29udHJvbGxlciA9IG5ldyBBYm9ydENvbnRyb2xsZXIoKTtcbiAgICB0aGlzLl9zY3JvbGxGdW5jdGlvbiA9IHRoaXMuX2dldFNjcm9sbEZ1bmN0aW9uLmJpbmQodGhpcyk7XG4gICAgdGhpcy5fc2Nyb2xsRWxlbWVudC5hZGRFdmVudExpc3RlbmVyKCdzY3JvbGwnLCB0aGlzLl9zY3JvbGxGdW5jdGlvbiwge1xuICAgICAgcGFzc2l2ZTogdHJ1ZSxcbiAgICAgIHNpZ25hbDogdGhpcy5fc2Nyb2xsRXZlbnRzQ29udHJvbGxlci5zaWduYWwsXG4gICAgfSk7XG5cbiAgICBjb25zdCBjdXJyZW50U2Nyb2xsID0gdGhpcy5fZ2V0Q3VycmVudFNjcm9sbFByb3BlcnR5KCdzY3JvbGxUb3AnKTtcbiAgICAvLyBgY3VycmVudFNjcm9sbGAgY2FuIGJlIG5lZ2F0aXZlLCBlLmcuIG9uIG1vYmlsZTsgdGhpcyBpcyBub3QgYWxsb3dlZC5cbiAgICB0aGlzLl9sYXN0U2Nyb2xsID0gY3VycmVudFNjcm9sbCA8PSAwID8gMCA6IGN1cnJlbnRTY3JvbGw7XG4gIH1cblxuICAvKiogUmV0dXJucyB0aGUgY29ycmVjdCBmdW5jdGlvbiB0byBhdHRhY2ggb24gc2Nyb2xsLiAqL1xuICBwcml2YXRlIF9nZXRTY3JvbGxGdW5jdGlvbigpOiB2b2lkIHtcbiAgICByZXR1cm4gdGhpcy5oaWRlT25TY3JvbGwgPyB0aGlzLl9zY3JvbGxMaXN0ZW5lcigpIDogdGhpcy5fc2Nyb2xsU2hhZG93TGlzdGVuZXIoKTtcbiAgfVxuXG4gIC8qKiBSZXR1cm5zIHRoZSByZXF1ZXN0ZWQgcHJvcGVydHkgb2YgdGhlIHNjcm9sbENvbnRleHQuICovXG4gIHByaXZhdGUgX2dldEN1cnJlbnRTY3JvbGxQcm9wZXJ0eShwcm9wZXJ0eTogJ3Njcm9sbFRvcCcgfCAnc2Nyb2xsSGVpZ2h0Jyk6IG51bWJlciB7XG4gICAgaWYgKHRoaXMuX3Njcm9sbEVsZW1lbnQgaW5zdGFuY2VvZiBEb2N1bWVudCkge1xuICAgICAgcmV0dXJuIHRoaXMuX3Njcm9sbEVsZW1lbnQuZG9jdW1lbnRFbGVtZW50W3Byb3BlcnR5XSB8fCB0aGlzLl9zY3JvbGxFbGVtZW50LmJvZHlbcHJvcGVydHldO1xuICAgIH1cbiAgICByZXR1cm4gdGhpcy5fc2Nyb2xsRWxlbWVudD8uW3Byb3BlcnR5XSB8fCAwO1xuICB9XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGNvcnJlY3QgdmFsdWUgZm9yIGBzY3JvbGxUb3BgLCB0aGVuOlxuICAgKiAtIGFwcGx5IHRoZSBzaGFkb3cgaWYgdGhlIGVsZW1lbnQvZG9jdW1lbnQgaGFzIGJlZW4gc2Nyb2xsZWQgZG93bjtcbiAgICogLSBoaWRlcyB0aGUgaGVhZGVyLCByZW1vdmUgdGhlIHNoYWRvdyBhbmQgcG9zc2libHkgY2xvc2UgYW55IG9wZW4gbWVudSBvbiB0aGUgaGVhZGVyIGlmIGl0IGlzIG5vdCB2aXNpYmxlIGFueW1vcmU7XG4gICAqIC0gc2hvd3MgdGhlIGhlYWRlciBhbmQgcmUtYXBwbHkgdGhlIHNoYWRvdyBpZiB0aGUgZWxlbWVudC9kb2N1bWVudCBoYXMgYmVlbiBzY3JvbGxlZCB1cC5cbiAgICovXG4gIHByaXZhdGUgX3Njcm9sbExpc3RlbmVyKCk6IHZvaWQge1xuICAgIGNvbnN0IGN1cnJlbnRTY3JvbGwgPSB0aGlzLl9nZXRDdXJyZW50U2Nyb2xsUHJvcGVydHkoJ3Njcm9sbFRvcCcpO1xuXG4gICAgLy8gV2hldGhlciB0aGUgc2Nyb2xsIHZpZXcgaXMgYm91bmNpbmcgcGFzdCB0aGUgZWRnZSBvZiBjb250ZW50IGFuZCBiYWNrIGFnYWluLlxuICAgIGlmICh0aGlzLl9nZXRDdXJyZW50U2Nyb2xsUHJvcGVydHkoJ3Njcm9sbEhlaWdodCcpIC0gd2luZG93LmlubmVySGVpZ2h0IC0gY3VycmVudFNjcm9sbCA8PSAwKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy50b2dnbGVTdGF0ZSgnc2hhZG93JywgY3VycmVudFNjcm9sbCAhPT0gMCk7XG5cbiAgICAvLyBDbG9zZSBvcGVuIG92ZXJsYXlzIHdoZW4gc2Nyb2xsaW5nIGRvd24gaWYgdGhlIGhlYWRlciBpcyBzY3JvbGxlZCBvdXQgb2Ygc2lnaHQuXG4gICAgaWYgKFxuICAgICAgY3VycmVudFNjcm9sbCA+IHRoaXMub2Zmc2V0SGVpZ2h0ICYmXG4gICAgICBjdXJyZW50U2Nyb2xsID4gMCAmJlxuICAgICAgdGhpcy5fbGFzdFNjcm9sbCA8IGN1cnJlbnRTY3JvbGxcbiAgICApIHtcbiAgICAgIHRoaXMuX2Nsb3NlT3Blbk92ZXJsYXlzKCk7XG4gICAgfVxuICAgIC8vIENoZWNrIGlmIHRoZSBoZWFkZXIgaXMgc2Nyb2xsZWQgb3V0IG9mIHNpZ2h0LCBzY3JvbGwgcG9zaXRpb24gPiBoZWFkZXIgaGVpZ2h0ICogMi5cbiAgICBpZiAoY3VycmVudFNjcm9sbCA+IHRoaXMub2Zmc2V0SGVpZ2h0ICogMikge1xuICAgICAgdGhpcy5faGVhZGVyT25Ub3AgPSBmYWxzZTtcbiAgICAgIGlmIChjdXJyZW50U2Nyb2xsID4gMCAmJiB0aGlzLl9sYXN0U2Nyb2xsIDwgY3VycmVudFNjcm9sbCkge1xuICAgICAgICAvLyBTY3JvbGxpbmcgZG93blxuICAgICAgICBbJ3NoYWRvdycsICd2aXNpYmxlJ10uZm9yRWFjaCgobmFtZSkgPT4gdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmRlbGV0ZShuYW1lKSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICAvLyBTY3JvbGxpbmcgdXBcbiAgICAgICAgWydmaXhlZCcsICdzaGFkb3cnLCAnYW5pbWF0ZWQnLCAndmlzaWJsZSddLmZvckVhY2goKG5hbWUpID0+XG4gICAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZChuYW1lKSxcbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgLy8gQ2hlY2sgaWYgaGVhZGVyIGluIGl0cyBvcmlnaW5hbCBwb3NpdGlvbiwgc2Nyb2xsIHBvc2l0aW9uIDwgaGVhZGVyIGhlaWdodC5cbiAgICAgIC8vIFJlc2V0IGhlYWRlciBiZWhhdmlvdXIgd2hlbiBzY3JvbGwgaGl0cyB0b3Agb2YgdGhlIHBhZ2UsIG9uIHNjcm9sbCBwb3NpdGlvbiA9IDAuXG4gICAgICBpZiAoY3VycmVudFNjcm9sbCA9PT0gMCkge1xuICAgICAgICB0aGlzLl9oZWFkZXJPblRvcCA9IHRydWU7XG4gICAgICB9XG4gICAgICBpZiAodGhpcy5faGVhZGVyT25Ub3ApIHtcbiAgICAgICAgWydzaGFkb3cnLCAnYW5pbWF0ZWQnLCAnZml4ZWQnLCAndmlzaWJsZSddLmZvckVhY2goKG5hbWUpID0+XG4gICAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmRlbGV0ZShuYW1lKSxcbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICB9XG4gICAgLy8gYGN1cnJlbnRTY3JvbGxgIGNhbiBiZSBuZWdhdGl2ZSwgZS5nLiBvbiBtb2JpbGU7IHRoaXMgaXMgbm90IGFsbG93ZWQuXG4gICAgdGhpcy5fbGFzdFNjcm9sbCA9IGN1cnJlbnRTY3JvbGwgPD0gMCA/IDAgOiBjdXJyZW50U2Nyb2xsO1xuICB9XG5cbiAgLyoqIEFwcGx5IHRoZSBzaGFkb3cgaWYgdGhlIGVsZW1lbnQvZG9jdW1lbnQgaGFzIGJlZW4gc2Nyb2xsZWQgZG93bi4gKi9cbiAgcHJpdmF0ZSBfc2Nyb2xsU2hhZG93TGlzdGVuZXIoKTogdm9pZCB7XG4gICAgdGhpcy50b2dnbGVTdGF0ZSgnc2hhZG93JywgdGhpcy5fZ2V0Q3VycmVudFNjcm9sbFByb3BlcnR5KCdzY3JvbGxUb3AnKSAhPT0gMCk7XG4gIH1cblxuICBwcml2YXRlIF9jbG9zZU9wZW5PdmVybGF5cygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5tYXRjaGVzKCc6c3RhdGUoaGFzLXZpc2libGUtZm9jdXMtd2l0aGluKScpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IG92ZXJsYXlUcmlnZ2VyczogSFRNTEVsZW1lbnRbXSA9IEFycmF5LmZyb20oXG4gICAgICB0aGlzLnF1ZXJ5U2VsZWN0b3JBbGwoSVNfTUVOVV9PUEVORURfUVVFUlkpIGFzIE5vZGVMaXN0T2Y8SFRNTEVsZW1lbnQ+LFxuICAgICk7XG4gICAgZm9yIChjb25zdCBvdmVybGF5VHJpZ2dlciBvZiBvdmVybGF5VHJpZ2dlcnMpIHtcbiAgICAgIGNvbnN0IG92ZXJsYXlJZDogc3RyaW5nID0gb3ZlcmxheVRyaWdnZXIuZ2V0QXR0cmlidXRlKCdhcmlhLWNvbnRyb2xzJykhO1xuICAgICAgY29uc3Qgb3ZlcmxheSA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKG92ZXJsYXlJZCkgYXMgSFRNTEVsZW1lbnQgJiB7IGNsb3NlOiAoKSA9PiB2b2lkIH07XG4gICAgICBpZiAodHlwZW9mIG92ZXJsYXk/LmNsb3NlID09PSAnZnVuY3Rpb24nKSB7XG4gICAgICAgIG92ZXJsYXkuY2xvc2UoKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxoZWFkZXIgY2xhc3M9XCJzYmItaGVhZGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItaGVhZGVyX193cmFwcGVyXCI+XG4gICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvaGVhZGVyPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1oZWFkZXInOiBTYmJIZWFkZXJFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOlsicHJvcGVydHkiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQW1CQSxNQUFNLHVCQUF1QjtJQVd2QixvQkFBZ0IsTUFBQTs7MEJBRHJCLGNBQWMsWUFBWSxDQUFDOzs7O0FBQ0csTUFBQSxjQUFBLGtCQUFrQix5QkFBeUIsVUFBVSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7O0FBQTlELEVBQUEsbUJBQVEsWUFBdUQ7QUFBQSxJQXNDcEYsY0FBQTtBQUNFLFlBQUE7QUE5QkY7QUFTQTtBQUtBO0FBTTZCO0FBRXBCO0FBdEJPLHlCQUFBLDRCQUFBLGtCQUFBLE1BQUEsd0JBQW9CLEtBQUs7QUFTekIseUJBQUEsaUNBQUEsa0JBQUEsTUFBQSwyQkFBQSxHQUFBLGtCQUFBLE1BQUEsNEJBQW1DLElBQUk7QUFLdkMseUJBQUEsaUNBQUEsa0JBQUEsTUFBQSwrQkFBQSxHQUFBLGtCQUFBLE1BQUEsNEJBQXdCLEtBQUs7QUFNQSx5QkFBQSx5QkFBQSxrQkFBQSxNQUFBLCtCQUFBLEdBQUEsa0JBQUEsTUFBQSxv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

package/development/header/header-button/header-button.component.d.ts

@@ -0,0 +1,17 @@
+import { SbbButtonBaseElement } from '../../core/base-elements.ts';
+declare const SbbHeaderButtonElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbHeaderActionCommonElementMixinType> & typeof SbbButtonBaseElement;
+/**
+ * It displays a button element that can be used in the `sbb-header` component.
+ *
+ * @slot icon - Slot used to render the button icon.
+ * @slot - Use the unnamed slot to add content to the `sbb-header-button`.
+ */
+export declare class SbbHeaderButtonElement extends SbbHeaderButtonElement_base {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-header-button': SbbHeaderButtonElement;
+    }
+}
+export {};
+//# sourceMappingURL=header-button.component.d.ts.map

package/development/header/header-button/header-button.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-button.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/header/header-button/header-button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAGnE;;;;;GAKG;AACH,qBAEM,sBAAuB,SAAQ,2BAAuD;CAAG;AAE/F,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/development/header/header-button/header-button.component.js

@@ -0,0 +1,25 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from "lit/decorators.js";
+import { SbbButtonBaseElement } from "../../core/base-elements.js";
+import { SbbHeaderActionCommonElementMixin } from "../common.js";
+let SbbHeaderButtonElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-header-button")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbHeaderActionCommonElementMixin(SbbButtonBaseElement);
+  _a = class extends _classSuper {
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+    __runInitializers(_classThis, _classExtraInitializers);
+  })(), _a;
+  return _classThis;
+})();
+export {
+  SbbHeaderButtonElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9oZWFkZXIvaGVhZGVyLWJ1dHRvbi9oZWFkZXItYnV0dG9uLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJCdXR0b25CYXNlRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBTYmJIZWFkZXJBY3Rpb25Db21tb25FbGVtZW50TWl4aW4gfSBmcm9tICcuLi9jb21tb24udHMnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgYnV0dG9uIGVsZW1lbnQgdGhhdCBjYW4gYmUgdXNlZCBpbiB0aGUgYHNiYi1oZWFkZXJgIGNvbXBvbmVudC5cbiAqXG4gKiBAc2xvdCBpY29uIC0gU2xvdCB1c2VkIHRvIHJlbmRlciB0aGUgYnV0dG9uIGljb24uXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBgc2JiLWhlYWRlci1idXR0b25gLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItaGVhZGVyLWJ1dHRvbicpXG5jbGFzcyBTYmJIZWFkZXJCdXR0b25FbGVtZW50IGV4dGVuZHMgU2JiSGVhZGVyQWN0aW9uQ29tbW9uRWxlbWVudE1peGluKFNiYkJ1dHRvbkJhc2VFbGVtZW50KSB7fVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWhlYWRlci1idXR0b24nOiBTYmJIZWFkZXJCdXR0b25FbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztJQWFNLDBCQUFzQixNQUFBOzswQkFEM0IsY0FBYyxtQkFBbUIsQ0FBQzs7OztvQkFDRSxrQ0FBa0Msb0JBQW9CO0FBQTlELEVBQUEsbUJBQVEsWUFBdUQ7QUFBQTs7QUFBNUYsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztBQUFNLHNCQUFBLFlBQUEsdUJBQUE7QUFBQSxFQUFBLE1BQXVCOzs7In0=

package/development/header/header-button.d.ts

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

package/development/header/header-button.d.ts.map

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

package/development/header/header-button.js

@@ -0,0 +1,5 @@
+import { SbbHeaderButtonElement } from "./header-button/header-button.component.js";
+export {
+  SbbHeaderButtonElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLWJ1dHRvbi5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=

package/development/header/header-environment/header-environment.component.d.ts

@@ -0,0 +1,24 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+declare const SbbHeaderEnvironmentElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
+/**
+ * It displays a ribbon inside the header to indicate the current environment.
+ *
+ * @slot - Use the unnamed slot to add the environment.
+ *
+ * @cssprop [--sbb-header-environment-background-color=var(sbb-color-granite)] - Can be used change the ribbon color.
+ * @cssprop [--sbb-header-environment-color=var(sbb-color-white)] - Can be used change the text color.
+ */
+export declare class SbbHeaderEnvironmentElement extends SbbHeaderEnvironmentElement_base {
+    static styles: CSSResultGroup;
+    private _env;
+    constructor();
+    private _slottedTextChange;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-header-environment': SbbHeaderEnvironmentElement;
+    }
+}
+export {};
+//# sourceMappingURL=header-environment.component.d.ts.map

package/development/header/header-environment/header-environment.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-environment.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/header/header-environment/header-environment.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;;AAQjF;;;;;;;GAOG;AACH,qBAEM,2BAA4B,SAAQ,gCAAoC;IAC5E,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,OAAO,CAAC,IAAI,CAAuB;;IAcnC,OAAO,CAAC,kBAAkB;cAUP,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,2BAA2B,CAAC;KACvD;CACF"}

package/development/header/header-environment/header-environment.component.js

@@ -0,0 +1,109 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { MutationController } from "@lit-labs/observers/mutation-controller.js";
+import { css, LitElement, html } from "lit";
+import { customElement } from "lit/decorators.js";
+import { SbbElementInternalsMixin } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+const style = css`:host {
+  --sbb-header-environment-background-color: var(--sbb-color-granite);
+  --sbb-header-environment-color: var(--sbb-color-1-negative);
+  --sbb-header-environment-size: 2.375rem;
+  --sbb-header-environment-rotate: 45deg;
+  position: absolute;
+  inset-inline-end: 0;
+  inset-block-start: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+:host(:dir(rtl)) {
+  --sbb-header-environment-rotate: -45deg;
+}
+
+:host(:is(:state(env-dev),[state--env-dev])) {
+  --sbb-header-environment-background-color: var(--sbb-color-orange);
+}
+
+:host(:is(:state(env-edu),[state--env-edu])) {
+  --sbb-header-environment-background-color: var(--sbb-color-green);
+}
+
+:host(:is(:state(env-int),[state--env-int])),
+:host(:is(:state(env-inte),[state--env-inte])) {
+  --sbb-header-environment-background-color: var(--sbb-color-granite);
+}
+
+:host(:is(:state(env-loc),[state--env-loc])) {
+  --sbb-header-environment-background-color: var(--sbb-color-pink);
+}
+
+:host(:is(:state(env-test),[state--env-test])) {
+  --sbb-header-environment-background-color: var(--sbb-color-sky);
+}
+
+:host::before {
+  content: "";
+  border-block-start: var(--sbb-header-environment-size) solid var(--sbb-header-environment-background-color);
+  border-inline-start: var(--sbb-header-environment-size) solid transparent;
+}
+
+.sbb-header-environment__text {
+  --sbb-text-font-size: var(--sbb-text-font-size-xxs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  font-size: var(--sbb-text-font-size);
+  font-weight: bold;
+  position: absolute;
+  color: var(--sbb-header-environment-color);
+  rotate: var(--sbb-header-environment-rotate);
+  padding-block-end: var(--sbb-spacing-fixed-4x);
+}`;
+let SbbHeaderEnvironmentElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-header-environment")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbElementInternalsMixin(LitElement);
+  _a = class extends _classSuper {
+    constructor() {
+      super();
+      this._env = null;
+      this.addController(new MutationController(this, {
+        config: { characterData: true, subtree: true },
+        callback: () => {
+          this._slottedTextChange();
+        }
+      }));
+    }
+    _slottedTextChange() {
+      if (this._env) {
+        this.internals.states.delete(`env-${this._env}`);
+      }
+      this._env = this.textContent?.trim() ?? "";
+      if (this._env) {
+        this.internals.states.add(`env-${this._env}`);
+      }
+    }
+    render() {
+      return html`
+      <span class="sbb-header-environment__text">
+        <slot></slot>
+      </span>
+    `;
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [boxSizingStyles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbHeaderEnvironmentElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLWVudmlyb25tZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2hlYWRlci9oZWFkZXItZW52aXJvbm1lbnQvaGVhZGVyLWVudmlyb25tZW50LmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNdXRhdGlvbkNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL211dGF0aW9uLWNvbnRyb2xsZXIuanMnO1xuaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgTGl0RWxlbWVudCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJFbGVtZW50SW50ZXJuYWxzTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2hlYWRlci1lbnZpcm9ubWVudC5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgcmliYm9uIGluc2lkZSB0aGUgaGVhZGVyIHRvIGluZGljYXRlIHRoZSBjdXJyZW50IGVudmlyb25tZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIHRoZSBlbnZpcm9ubWVudC5cbiAqXG4gKiBAY3NzcHJvcCBbLS1zYmItaGVhZGVyLWVudmlyb25tZW50LWJhY2tncm91bmQtY29sb3I9dmFyKHNiYi1jb2xvci1ncmFuaXRlKV0gLSBDYW4gYmUgdXNlZCBjaGFuZ2UgdGhlIHJpYmJvbiBjb2xvci5cbiAqIEBjc3Nwcm9wIFstLXNiYi1oZWFkZXItZW52aXJvbm1lbnQtY29sb3I9dmFyKHNiYi1jb2xvci13aGl0ZSldIC0gQ2FuIGJlIHVzZWQgY2hhbmdlIHRoZSB0ZXh0IGNvbG9yLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItaGVhZGVyLWVudmlyb25tZW50JylcbmNsYXNzIFNiYkhlYWRlckVudmlyb25tZW50RWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnRJbnRlcm5hbHNNaXhpbihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHN0eWxlXTtcblxuICBwcml2YXRlIF9lbnY6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuYWRkQ29udHJvbGxlcihcbiAgICAgIG5ldyBNdXRhdGlvbkNvbnRyb2xsZXIodGhpcywge1xuICAgICAgICBjb25maWc6IHsgY2hhcmFjdGVyRGF0YTogdHJ1ZSwgc3VidHJlZTogdHJ1ZSB9LFxuICAgICAgICBjYWxsYmFjazogKCkgPT4ge1xuICAgICAgICAgIHRoaXMuX3Nsb3R0ZWRUZXh0Q2hhbmdlKCk7XG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBfc2xvdHRlZFRleHRDaGFuZ2UoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuX2Vudikge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmRlbGV0ZShgZW52LSR7dGhpcy5fZW52fWApO1xuICAgIH1cbiAgICB0aGlzLl9lbnYgPSB0aGlzLnRleHRDb250ZW50Py50cmltKCkgPz8gJyc7XG4gICAgaWYgKHRoaXMuX2Vudikge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZChgZW52LSR7dGhpcy5fZW52fWApO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItaGVhZGVyLWVudmlyb25tZW50X190ZXh0XCI+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItaGVhZGVyLWVudmlyb25tZW50JzogU2JiSGVhZGVyRW52aXJvbm1lbnRFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBbUJNLCtCQUEyQixNQUFBOzswQkFEaEMsY0FBYyx3QkFBd0IsQ0FBQzs7OztvQkFDRSx5QkFBeUIsVUFBVTtBQUEzQyxFQUFBLG1CQUFRLFlBQW9DO0FBQUEsSUFLNUUsY0FBQTtBQUNFLFlBQUE7QUFITSxXQUFBLE9BQXNCO0FBSTVCLFdBQUssY0FDSCxJQUFJLG1CQUFtQixNQUFNO0FBQUEsUUFDM0IsUUFBUSxFQUFFLGVBQWUsTUFBTSxTQUFTLEtBQUE7QUFBQSxRQUN4QyxVQUFVLE1BQUs7QUFDYixlQUFLLG1CQUFBO0FBQUEsUUFDUDtBQUFBLE1BQUEsQ0FDRCxDQUFDO0FBQUEsSUFFTjtBQUFBLElBRVEscUJBQWtCO0FBQ3hCLFVBQUksS0FBSyxNQUFNO0FBQ2IsYUFBSyxVQUFVLE9BQU8sT0FBTyxPQUFPLEtBQUssSUFBSSxFQUFFO0FBQUEsTUFDakQ7QUFDQSxXQUFLLE9BQU8sS0FBSyxhQUFhLEtBQUEsS0FBVTtBQUN4QyxVQUFJLEtBQUssTUFBTTtBQUNiLGFBQUssVUFBVSxPQUFPLElBQUksT0FBTyxLQUFLLElBQUksRUFBRTtBQUFBLE1BQzlDO0FBQUEsSUFDRjtBQUFBLElBRW1CLFNBQU07QUFDdkIsYUFBTztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFLVDtBQUFBOztBQWpDRixpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBQ3lCLEdBQUEsU0FBeUIsQ0FBQyxpQkFBaUIsS0FBSyxHQURuRSxrQkFBQSxZQUFBLHVCQUFBLEdBQTRCOzs7In0=

package/development/header/header-environment.d.ts

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

package/development/header/header-environment.d.ts.map

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

package/development/header/header-environment.js

@@ -0,0 +1,5 @@
+import { SbbHeaderEnvironmentElement } from "./header-environment/header-environment.component.js";
+export {
+  SbbHeaderEnvironmentElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLWVudmlyb25tZW50LmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==