@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/development/message.js

@@ -0,0 +1,118 @@
+import { css, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import "./title.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-message-subtitle-color: var(--sbb-color-granite);
+  --sbb-message-image-margin-block: 0 var(--sbb-spacing-responsive-s);
+  --sbb-message-legend-margin-block: var(--sbb-spacing-responsive-xxxs) 0;
+  --sbb-message-action-margin-block: var(--sbb-spacing-responsive-xxxs) 0;
+  display: block;
+}
+
+.sbb-message__container {
+  text-align: center;
+}
+
+.sbb-message__title {
+  margin: 0;
+}
+
+::slotted([slot=title]) {
+  margin: 0;
+}
+
+::slotted([slot=image]) {
+  margin-block: var(--sbb-message-image-margin-block);
+  width: 100%;
+}
+
+::slotted([slot=subtitle]) {
+  --sbb-text-font-size: var(--sbb-font-size-text-s);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+  color: var(--sbb-message-subtitle-color);
+  margin: 0;
+}
+
+::slotted([slot=legend]) {
+  --sbb-text-font-size: var(--sbb-font-size-text-xs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+  padding: 0;
+  color: var(--sbb-color-granite);
+  margin-block: var(--sbb-message-legend-margin-block);
+}
+
+::slotted([slot=action]) {
+  margin-block: var(--sbb-message-action-margin-block);
+}`;
+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;
+};
+let SbbMessageElement = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.titleLevel = "3";
+  }
+  render() {
+    return html`
+      <div class="sbb-message__container">
+        <slot name="image"></slot>
+        <sbb-title level=${this.titleLevel} visual-level="5" class="sbb-message__title">
+          <slot name="title">${this.titleContent}</slot>
+        </sbb-title>
+        <slot name="subtitle"></slot>
+        <slot name="legend"></slot>
+        <slot name="action"></slot>
+      </div>
+    `;
+  }
+};
+SbbMessageElement.styles = style;
+__decorateClass([
+  property({ attribute: "title-content" })
+], SbbMessageElement.prototype, "titleContent", 2);
+__decorateClass([
+  property({ attribute: "title-level" })
+], SbbMessageElement.prototype, "titleLevel", 2);
+SbbMessageElement = __decorateClass([
+  customElement("sbb-message")
+], SbbMessageElement);
+export {
+  SbbMessageElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL21lc3NhZ2UvbWVzc2FnZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYlRpdGxlTGV2ZWwgfSBmcm9tICcuLi90aXRsZS5qcyc7XG5pbXBvcnQgJy4uL3RpdGxlLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vbWVzc2FnZS5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgY29tcGxleCBtZXNzYWdlIGNvbWJpbmluZyBhIHRpdGxlLCBhbiBpbWFnZSwgYW4gYWN0aW9uIGFuZCBzb21lIGNvbnRlbnQuXG4gKlxuICogQHNsb3QgaW1hZ2UgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYSBzYmItaW1hZ2UgY29tcG9uZW50LlxuICogQHNsb3QgdGl0bGUgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgdGl0bGUgdGV4dCBmb3IgdGhlIGNvbXBvbmVudC5cbiAqIEBzbG90IHN1YnRpdGxlIC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGEgc3VidGl0bGUsIG11c3QgYmUgYSBwYXJhZ3JhcGguXG4gKiBAc2xvdCBsZWdlbmQgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYSBsZWdlbmQsIG11c3QgYmUgYSBwYXJhZ3JhcGguXG4gKiBAc2xvdCBhY3Rpb24gLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYSBzYmItYnV0dG9uLlxuICovXG5AY3VzdG9tRWxlbWVudCgnc2JiLW1lc3NhZ2UnKVxuZXhwb3J0IGNsYXNzIFNiYk1lc3NhZ2VFbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKiBDb250ZW50IG9mIHRpdGxlLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICd0aXRsZS1jb250ZW50JyB9KSBwdWJsaWMgdGl0bGVDb250ZW50Pzogc3RyaW5nO1xuXG4gIC8qKiBMZXZlbCBvZiB0aXRsZSwgaXQgd2lsbCBiZSByZW5kZXJlZCBhcyBoZWFkaW5nIHRhZyAoZS5nLiwgaDMpLiBEZWZhdWx0cyB0byBsZXZlbCAzLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICd0aXRsZS1sZXZlbCcgfSkgcHVibGljIHRpdGxlTGV2ZWw6IFNiYlRpdGxlTGV2ZWwgPSAnMyc7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLW1lc3NhZ2VfX2NvbnRhaW5lclwiPlxuICAgICAgICA8c2xvdCBuYW1lPVwiaW1hZ2VcIj48L3Nsb3Q+XG4gICAgICAgIDxzYmItdGl0bGUgbGV2ZWw9JHt0aGlzLnRpdGxlTGV2ZWx9IHZpc3VhbC1sZXZlbD1cIjVcIiBjbGFzcz1cInNiYi1tZXNzYWdlX190aXRsZVwiPlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJ0aXRsZVwiPiR7dGhpcy50aXRsZUNvbnRlbnR9PC9zbG90PlxuICAgICAgICA8L3NiYi10aXRsZT5cbiAgICAgICAgPHNsb3QgbmFtZT1cInN1YnRpdGxlXCI+PC9zbG90PlxuICAgICAgICA8c2xvdCBuYW1lPVwibGVnZW5kXCI+PC9zbG90PlxuICAgICAgICA8c2xvdCBuYW1lPVwiYWN0aW9uXCI+PC9zbG90PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLW1lc3NhZ2UnOiBTYmJNZXNzYWdlRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFtQmEsSUFBQSxvQkFBTixjQUFnQyxXQUFXO0FBQUEsRUFBM0MsY0FBQTtBQUFBLFVBQUEsR0FBQSxTQUFBO0FBT21DLFNBQU8sYUFBNEI7QUFBQSxFQUFBO0FBQUEsRUFFeEQsU0FBeUI7QUFDbkMsV0FBQTtBQUFBO0FBQUE7QUFBQSwyQkFHZ0IsS0FBSyxVQUFVO0FBQUEsK0JBQ1gsS0FBSyxZQUFZO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsRUFPOUM7QUFDRjtBQXRCYSxrQkFDWSxTQUF5QjtBQUdDLGdCQUFBO0FBQUEsRUFBaEQsU0FBUyxFQUFFLFdBQVcsaUJBQWlCO0FBQUEsR0FKN0Isa0JBSXNDLFdBQUEsZ0JBQUEsQ0FBQTtBQUdGLGdCQUFBO0FBQUEsRUFBOUMsU0FBUyxFQUFFLFdBQVcsZUFBZTtBQUFBLEdBUDNCLGtCQU9vQyxXQUFBLGNBQUEsQ0FBQTtBQVBwQyxvQkFBTixnQkFBQTtBQUFBLEVBRE4sY0FBYyxhQUFhO0FBQUEsR0FDZixpQkFBQTsifQ==

package/development/navigation/common/navigation-action-common.d.ts

@@ -0,0 +1,14 @@
+import { SbbActionBaseElement } from '../../core/base-elements.js';
+import { AbstractConstructor } from '../../core/mixins.js';
+import { SbbNavigationMarkerElement } from '../navigation-marker.js';
+import { SbbNavigationSectionElement } from '../navigation-section.js';
+
+export type SbbNavigationActionSize = 's' | 'm' | 'l';
+export declare class SbbNavigationActionCommonElementMixinType {
+    size?: SbbNavigationActionSize;
+    get marker(): SbbNavigationMarkerElement | null;
+    get section(): SbbNavigationSectionElement | null;
+    connectedSection: SbbNavigationSectionElement | null;
+}
+export declare const SbbNavigationActionCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbNavigationActionCommonElementMixinType> & T;
+//# sourceMappingURL=navigation-action-common.d.ts.map

package/development/navigation/common/navigation-action-common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-action-common.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/common/navigation-action-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAGhE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAI5E,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,uBAAuB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEtD,MAAM,CAAC,OAAO,OAAO,yCAAyC;IACrD,IAAI,CAAC,EAAE,uBAAuB,CAAC;IACtC,IAAW,MAAM,IAAI,0BAA0B,GAAG,IAAI,CAAC;IACvD,IAAW,OAAO,IAAI,2BAA2B,GAAG,IAAI,CAAC;IAClD,gBAAgB,EAAE,2BAA2B,GAAG,IAAI,CAAC;CAC7D;AAGD,eAAO,MAAM,qCAAqC,oEAGpC,CAAC,KACZ,oBAAoB,yCAAyC,CAAC,GAAG,CA4DnE,CAAC"}

package/development/navigation/common.d.ts

@@ -0,0 +1,2 @@
+export * from './common/navigation-action-common.js';
+//# sourceMappingURL=common.d.ts.map

package/development/navigation/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/common.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC"}

package/development/navigation/common.js

@@ -0,0 +1,179 @@
+import { property } from "lit/decorators.js";
+import { html } from "lit/static-html.js";
+import { SbbConnectedAbortController } from "../core/controllers.js";
+import { css } from "lit";
+import "../icon.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-navigation-action-color: var(--sbb-color-cloud);
+  --sbb-navigation-action-icon-display: none;
+  display: block;
+  outline: none !important;
+}
+
+:host([data-section-action][data-action-active].sbb-active) {
+  --sbb-navigation-action-icon-display: block;
+}
+
+:host([data-action-active]) {
+  --sbb-navigation-action-color: var(--sbb-color-storm);
+}
+@media (forced-colors: active) {
+  :host([data-action-active]) {
+    --sbb-navigation-action-color: Highlight;
+  }
+}
+
+sbb-icon {
+  display: var(--sbb-navigation-action-icon-display);
+  position: absolute;
+  inset-inline-start: calc((var(--sbb-size-icon-ui-small) + var(--sbb-spacing-fixed-1x)) * -1);
+  inset-block-start: calc(1em * var(--sbb-typo-line-height-body-text) / 2);
+  transform: translateY(-50%);
+}
+
+@media (any-hover: hover) {
+  :host(:hover) {
+    --sbb-navigation-action-color: var(--sbb-color-storm);
+  }
+}
+@media (forced-colors: active) {
+  :host([role=button]) {
+    --sbb-navigation-action-color: ButtonText;
+  }
+}
+
+:is(.sbb-navigation-button, .sbb-navigation-link) {
+  --sbb-title-line-height: var(--sbb-typo-line-height-titles);
+  --sbb-title-margin-block-start: 0;
+  --sbb-title-margin-block-end: 0;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  margin: 0;
+  margin-block: var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: bold;
+  line-height: var(--sbb-title-line-height);
+  letter-spacing: var(--sbb-typo-letter-spacing-titles);
+  font-size: var(--sbb-title-font-size);
+  --sbb-title-font-size: var(--sbb-font-size-title-4);
+  cursor: pointer;
+  position: relative;
+  text-decoration: none;
+  display: flex;
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  transition: color var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-3x)) ease;
+  hyphens: auto;
+  text-align: left;
+  color: var(--sbb-navigation-action-color);
+  outline: none;
+}
+@media (forced-colors: active) {
+  :is(.sbb-navigation-button, .sbb-navigation-link) {
+    transition: none;
+  }
+}
+:host([size=m]) :is(.sbb-navigation-button, .sbb-navigation-link) {
+  --sbb-text-font-size: var(--sbb-font-size-text-s);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+  font-weight: bold;
+}
+:host([size=s]) :is(.sbb-navigation-button, .sbb-navigation-link) {
+  --sbb-text-font-size: var(--sbb-font-size-text-xxs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+  font-weight: bold;
+}
+:host(:focus-visible:not([data-focus-origin=mouse], [data-focus-origin=touch])) :is(.sbb-navigation-button, .sbb-navigation-link), :host(:not([data-focus-origin=mouse], [data-focus-origin=touch])) :is(.sbb-navigation-button, .sbb-navigation-link):focus-visible {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);
+  border-radius: calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset));
+}`;
+var __defProp = Object.defineProperty;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = decorator(target, key, result) || result;
+  if (result)
+    __defProp(target, key, result);
+  return result;
+};
+const SbbNavigationActionCommonElementMixin = (superClass) => {
+  const _SbbNavigationActionCommonElement = class _SbbNavigationActionCommonElement extends superClass {
+    constructor() {
+      super(...arguments);
+      this.size = "l";
+      this._abort = new SbbConnectedAbortController(this);
+      this._navigationMarker = null;
+      this._navigationSection = null;
+    }
+    /** The navigation marker in which the action is nested. */
+    get marker() {
+      return this._navigationMarker;
+    }
+    /** The section in which the action is nested. */
+    get section() {
+      return this._navigationSection;
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      const signal = this._abort.signal;
+      this.addEventListener(
+        "click",
+        () => {
+          var _a;
+          if (!this.hasAttribute("data-action-active") && this._navigationMarker && !this.connectedSection) {
+            (_a = this.marker) == null ? void 0 : _a.select(
+              this
+            );
+          }
+        },
+        { signal }
+      );
+      this._navigationMarker = this.closest("sbb-navigation-marker");
+      this._navigationSection = this.closest("sbb-navigation-section");
+      this.toggleAttribute("data-section-action", !!this._navigationSection);
+    }
+    renderTemplate() {
+      return html`<sbb-icon name="dash-small"></sbb-icon> <slot></slot>`;
+    }
+  };
+  _SbbNavigationActionCommonElement.styles = style;
+  let SbbNavigationActionCommonElement = _SbbNavigationActionCommonElement;
+  __decorateClass([
+    property({ reflect: true })
+  ], SbbNavigationActionCommonElement.prototype, "size");
+  return SbbNavigationActionCommonElement;
+};
+export {
+  SbbNavigationActionCommonElementMixin
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvbmF2aWdhdGlvbi9jb21tb24vbmF2aWdhdGlvbi1hY3Rpb24tY29tbW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB0eXBlIHsgU2JiQWN0aW9uQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMuanMnO1xuaW1wb3J0IHsgU2JiQ29ubmVjdGVkQWJvcnRDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy5qcyc7XG5pbXBvcnQgdHlwZSB7IEFic3RyYWN0Q29uc3RydWN0b3IgfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYk5hdmlnYXRpb25CdXR0b25FbGVtZW50IH0gZnJvbSAnLi4vbmF2aWdhdGlvbi1idXR0b24uanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJOYXZpZ2F0aW9uTGlua0VsZW1lbnQgfSBmcm9tICcuLi9uYXZpZ2F0aW9uLWxpbmsuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJOYXZpZ2F0aW9uTWFya2VyRWxlbWVudCB9IGZyb20gJy4uL25hdmlnYXRpb24tbWFya2VyLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiTmF2aWdhdGlvblNlY3Rpb25FbGVtZW50IH0gZnJvbSAnLi4vbmF2aWdhdGlvbi1zZWN0aW9uLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vbmF2aWdhdGlvbi1hY3Rpb24uc2Nzcz9saXQmaW5saW5lJztcblxuaW1wb3J0ICcuLi8uLi9pY29uLmpzJztcblxuZXhwb3J0IHR5cGUgU2JiTmF2aWdhdGlvbkFjdGlvblNpemUgPSAncycgfCAnbScgfCAnbCc7XG5cbmV4cG9ydCBkZWNsYXJlIGNsYXNzIFNiYk5hdmlnYXRpb25BY3Rpb25Db21tb25FbGVtZW50TWl4aW5UeXBlIHtcbiAgcHVibGljIHNpemU/OiBTYmJOYXZpZ2F0aW9uQWN0aW9uU2l6ZTtcbiAgcHVibGljIGdldCBtYXJrZXIoKTogU2JiTmF2aWdhdGlvbk1hcmtlckVsZW1lbnQgfCBudWxsO1xuICBwdWJsaWMgZ2V0IHNlY3Rpb24oKTogU2JiTmF2aWdhdGlvblNlY3Rpb25FbGVtZW50IHwgbnVsbDtcbiAgcHVibGljIGNvbm5lY3RlZFNlY3Rpb246IFNiYk5hdmlnYXRpb25TZWN0aW9uRWxlbWVudCB8IG51bGw7XG59XG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbmV4cG9ydCBjb25zdCBTYmJOYXZpZ2F0aW9uQWN0aW9uQ29tbW9uRWxlbWVudE1peGluID0gPFxuICBUIGV4dGVuZHMgQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJBY3Rpb25CYXNlRWxlbWVudD4sXG4+KFxuICBzdXBlckNsYXNzOiBULFxuKTogQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJOYXZpZ2F0aW9uQWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZT4gJiBUID0+IHtcbiAgYWJzdHJhY3QgY2xhc3MgU2JiTmF2aWdhdGlvbkFjdGlvbkNvbW1vbkVsZW1lbnRcbiAgICBleHRlbmRzIHN1cGVyQ2xhc3NcbiAgICBpbXBsZW1lbnRzIFBhcnRpYWw8U2JiTmF2aWdhdGlvbkFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGU+XG4gIHtcbiAgICBwdWJsaWMgc3RhdGljIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAgIC8qKiBBY3Rpb24gc2l6ZSB2YXJpYW50LiAqL1xuICAgIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIHNpemU/OiBTYmJOYXZpZ2F0aW9uQWN0aW9uU2l6ZSA9ICdsJztcblxuICAgIC8qKiBUaGUgc2VjdGlvbiB0aGF0IGlzIGJlaWduIGNvbnRyb2xsZWQgYnkgdGhlIGFjdGlvbiwgaWYgYW55LiAqL1xuICAgIHB1YmxpYyBjb25uZWN0ZWRTZWN0aW9uPzogU2JiTmF2aWdhdGlvblNlY3Rpb25FbGVtZW50O1xuXG4gICAgLyoqIFRoZSBuYXZpZ2F0aW9uIG1hcmtlciBpbiB3aGljaCB0aGUgYWN0aW9uIGlzIG5lc3RlZC4gKi9cbiAgICBwdWJsaWMgZ2V0IG1hcmtlcigpOiBTYmJOYXZpZ2F0aW9uTWFya2VyRWxlbWVudCB8IG51bGwge1xuICAgICAgcmV0dXJuIHRoaXMuX25hdmlnYXRpb25NYXJrZXI7XG4gICAgfVxuXG4gICAgLyoqIFRoZSBzZWN0aW9uIGluIHdoaWNoIHRoZSBhY3Rpb24gaXMgbmVzdGVkLiAqL1xuICAgIHB1YmxpYyBnZXQgc2VjdGlvbigpOiBTYmJOYXZpZ2F0aW9uU2VjdGlvbkVsZW1lbnQgfCBudWxsIHtcbiAgICAgIHJldHVybiB0aGlzLl9uYXZpZ2F0aW9uU2VjdGlvbjtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9hYm9ydCA9IG5ldyBTYmJDb25uZWN0ZWRBYm9ydENvbnRyb2xsZXIodGhpcyk7XG4gICAgcHJpdmF0ZSBfbmF2aWdhdGlvbk1hcmtlcjogU2JiTmF2aWdhdGlvbk1hcmtlckVsZW1lbnQgfCBudWxsID0gbnVsbDtcbiAgICBwcml2YXRlIF9uYXZpZ2F0aW9uU2VjdGlvbjogU2JiTmF2aWdhdGlvblNlY3Rpb25FbGVtZW50IHwgbnVsbCA9IG51bGw7XG5cbiAgICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgICAgY29uc3Qgc2lnbmFsID0gdGhpcy5fYWJvcnQuc2lnbmFsO1xuICAgICAgdGhpcy5hZGRFdmVudExpc3RlbmVyKFxuICAgICAgICAnY2xpY2snLFxuICAgICAgICAoKSA9PiB7XG4gICAgICAgICAgaWYgKFxuICAgICAgICAgICAgIXRoaXMuaGFzQXR0cmlidXRlKCdkYXRhLWFjdGlvbi1hY3RpdmUnKSAmJlxuICAgICAgICAgICAgdGhpcy5fbmF2aWdhdGlvbk1hcmtlciAmJlxuICAgICAgICAgICAgIXRoaXMuY29ubmVjdGVkU2VjdGlvblxuICAgICAgICAgICkge1xuICAgICAgICAgICAgdGhpcy5tYXJrZXI/LnNlbGVjdChcbiAgICAgICAgICAgICAgdGhpcyBhcyB1bmtub3duIGFzIFNiYk5hdmlnYXRpb25CdXR0b25FbGVtZW50IHwgU2JiTmF2aWdhdGlvbkxpbmtFbGVtZW50LFxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIHsgc2lnbmFsIH0sXG4gICAgICApO1xuXG4gICAgICAvLyBDaGVjayBpZiB0aGUgY3VycmVudCBlbGVtZW50IGlzIG5lc3RlZCBpbnNpZGUgYSBuYXZpZ2F0aW9uIG1hcmtlci5cbiAgICAgIHRoaXMuX25hdmlnYXRpb25NYXJrZXIgPSB0aGlzLmNsb3Nlc3QoJ3NiYi1uYXZpZ2F0aW9uLW1hcmtlcicpO1xuXG4gICAgICAvLyBDaGVjayBpZiB0aGUgY3VycmVudCBlbGVtZW50IGlzIG5lc3RlZCBpbnNpZGUgYSBuYXZpZ2F0aW9uIHNlY3Rpb24uXG4gICAgICB0aGlzLl9uYXZpZ2F0aW9uU2VjdGlvbiA9IHRoaXMuY2xvc2VzdCgnc2JiLW5hdmlnYXRpb24tc2VjdGlvbicpO1xuICAgICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtc2VjdGlvbi1hY3Rpb24nLCAhIXRoaXMuX25hdmlnYXRpb25TZWN0aW9uKTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyVGVtcGxhdGUoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgICAgcmV0dXJuIGh0bWxgPHNiYi1pY29uIG5hbWU9XCJkYXNoLXNtYWxsXCI+PC9zYmItaWNvbj4gPHNsb3Q+PC9zbG90PmA7XG4gICAgfVxuICB9XG4gIHJldHVybiBTYmJOYXZpZ2F0aW9uQWN0aW9uQ29tbW9uRWxlbWVudCBhcyB1bmtub3duIGFzIEFic3RyYWN0Q29uc3RydWN0b3I8U2JiTmF2aWdhdGlvbkFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGU+ICZcbiAgICBUO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQTBCYSxNQUFBLHdDQUF3QyxDQUduRCxlQUN1RTtBQUN2RSxRQUFlLG9DQUFmLE1BQWUsMENBQ0wsV0FFVjtBQUFBLElBSEEsY0FBQTtBQUFBLFlBQUEsR0FBQSxTQUFBO0FBTytCLFdBQU8sT0FBaUM7QUFlN0QsV0FBQSxTQUFTLElBQUksNEJBQTRCLElBQUk7QUFDckQsV0FBUSxvQkFBdUQ7QUFDL0QsV0FBUSxxQkFBeUQ7QUFBQSxJQUFBO0FBQUE7QUFBQSxJQVhqRSxJQUFXLFNBQTRDO0FBQ3JELGFBQU8sS0FBSztBQUFBLElBQ2Q7QUFBQTtBQUFBLElBR0EsSUFBVyxVQUE4QztBQUN2RCxhQUFPLEtBQUs7QUFBQSxJQUNkO0FBQUEsSUFNZ0Isb0JBQTBCO0FBQ3hDLFlBQU0sa0JBQWtCO0FBQ2xCLFlBQUEsU0FBUyxLQUFLLE9BQU87QUFDdEIsV0FBQTtBQUFBLFFBQ0g7QUFBQSxRQUNBLE1BQU07O0FBRUYsY0FBQSxDQUFDLEtBQUssYUFBYSxvQkFBb0IsS0FDdkMsS0FBSyxxQkFDTCxDQUFDLEtBQUssa0JBQ047QUFDQSx1QkFBSyxXQUFMLG1CQUFhO0FBQUEsY0FDWDtBQUFBO0FBQUEsVUFFSjtBQUFBLFFBQ0Y7QUFBQSxRQUNBLEVBQUUsT0FBTztBQUFBLE1BQUE7QUFJTixXQUFBLG9CQUFvQixLQUFLLFFBQVEsdUJBQXVCO0FBR3hELFdBQUEscUJBQXFCLEtBQUssUUFBUSx3QkFBd0I7QUFDL0QsV0FBSyxnQkFBZ0IsdUJBQXVCLENBQUMsQ0FBQyxLQUFLLGtCQUFrQjtBQUFBLElBQ3ZFO0FBQUEsSUFFbUIsaUJBQWlDO0FBQzNDLGFBQUE7QUFBQSxJQUNUO0FBQUEsRUFDRjtBQXBERSxvQ0FBYyxTQUF5QjtBQUp6QyxNQUFlLG1DQUFmO0FBT3NDLGtCQUFBO0FBQUEsSUFBbkMsU0FBUyxFQUFFLFNBQVMsTUFBTTtBQUFBLEVBQUEsR0FQZCxpQ0FPdUIsV0FBQSxNQUFBO0FBa0QvQixTQUFBO0FBRVQ7In0=

package/development/navigation/navigation/navigation.d.ts

@@ -0,0 +1,82 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbOpenCloseBaseElement } from '../../core/base-elements.js';
+
+declare const SbbNavigationElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbUpdateSchedulerMixinType> & typeof SbbOpenCloseBaseElement;
+/**
+ * It displays a navigation menu, wrapping one or more `sbb-navigation-*` components.
+ *
+ * @slot - Use the unnamed slot to add `sbb-navigation-button`/`sbb-navigation-link` elements into the sbb-navigation menu.
+ * @event {CustomEvent<void>} willOpen - Emits whenever the `sbb-navigation` begins the opening transition. Can be canceled.
+ * @event {CustomEvent<void>} didOpen - Emits whenever the `sbb-navigation` is opened.
+ * @event {CustomEvent<void>} willClose - Emits whenever the `sbb-navigation` begins the closing transition. Can be canceled.
+ * @event {CustomEvent<void>} didClose - Emits whenever the `sbb-navigation` is closed.
+ * @cssprop [--sbb-navigation-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
+ * the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
+ * component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.
+ */
+export declare class SbbNavigationElement extends SbbNavigationElement_base {
+    static styles: CSSResultGroup;
+    /**
+     * The element that will trigger the navigation.
+     * Accepts both a string (id of an element) or an HTML element.
+     */
+    set trigger(value: string | HTMLElement | null);
+    get trigger(): string | HTMLElement | null;
+    private _trigger;
+    /**
+     * This will be forwarded as aria-label to the close button element.
+     */
+    accessibilityCloseLabel: string | undefined;
+    /**
+     * Whether a navigation section is displayed.
+     */
+    private _activeNavigationSection;
+    get activeNavigationSection(): HTMLElement | null;
+    private _navigation;
+    private _navigationContentElement;
+    private _triggerElement;
+    private _navigationController;
+    private _windowEventsController;
+    private _abort;
+    private _language;
+    private _focusHandler;
+    private _scrollHandler;
+    private _isPointerDownEventOnNavigation;
+    private _resizeObserverTimeout;
+    private _navigationObserver;
+    private _navigationResizeObserver;
+    /**
+     * Opens the navigation.
+     */
+    open(): void;
+    private _checkActiveSection;
+    private _checkActiveActions;
+    /**
+     * Closes the navigation.
+     */
+    close(): void;
+    private _removeTriggerClickListener;
+    private _configure;
+    private _trapFocusFilter;
+    private _onAnimationEnd;
+    private _resetMarkers;
+    private _attachWindowEvents;
+    private _handleNavigationClose;
+    private _isCloseElement;
+    private _onKeydownEvent;
+    private _setNavigationFocus;
+    private _pointerDownListener;
+    private _closeOnBackdropClick;
+    private _onNavigationSectionChange;
+    private _onNavigationResize;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-navigation': SbbNavigationElement;
+    }
+}
+export {};
+//# sourceMappingURL=navigation.d.ts.map

package/development/navigation/navigation/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/navigation/navigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAmBtE,OAAO,oCAAoC,CAAC;;AAW5C;;;;;;;;;;;GAWG;AACH,qBAIa,oBAAqB,SAAQ,yBAAgD;IACxF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,IACW,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,EAIpD;IACD,IAAW,OAAO,IAAI,MAAM,GAAG,WAAW,GAAG,IAAI,CAEhD;IACD,OAAO,CAAC,QAAQ,CAAqC;IAErD;;OAEG;IAC0D,uBAAuB,EAChF,MAAM,GACN,SAAS,CAAC;IAEd;;OAEG;IACM,OAAO,CAAC,wBAAwB,CAA4B;IAErE,IAAW,uBAAuB,IAAI,WAAW,GAAG,IAAI,CAEvD;IAED,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,yBAAyB,CAAe;IAChD,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,qBAAqB,CAAmB;IAChD,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,cAAc,CAA0B;IAChD,OAAO,CAAC,+BAA+B,CAAkB;IACzD,OAAO,CAAC,sBAAsB,CAA8C;IAC5E,OAAO,CAAC,mBAAmB,CAEzB;IACF,OAAO,CAAC,yBAAyB,CAAgE;IAEjG;;OAEG;IACI,IAAI,IAAI,IAAI;IAkBnB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,mBAAmB;IAO3B;;OAEG;IACI,KAAK,IAAI,IAAI;IAcpB,OAAO,CAAC,2BAA2B;IAYnC,OAAO,CAAC,UAAU;IAqBlB,OAAO,CAAC,gBAAgB,CAEtB;IAIF,OAAO,CAAC,eAAe;IA4BvB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,oBAAoB,CAS1B;IAGF,OAAO,CAAC,qBAAqB,CAI3B;IAGF,OAAO,CAAC,0BAA0B;IAWlC,OAAO,CAAC,mBAAmB;IAkBX,iBAAiB,IAAI,IAAI;IAgBzB,oBAAoB,IAAI,IAAI;cAUzB,MAAM,IAAI,cAAc;CAqC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,oBAAoB,CAAC;KACxC;CACF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-button.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/navigation-button/navigation-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAGnE;;;;GAIG;AACH,qBACa,0BAA2B,SAAQ,+BAE/C;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}

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

@@ -0,0 +1,2 @@
+export * from './navigation-button/navigation-button.js';
+//# sourceMappingURL=navigation-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/navigation-button.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAC"}

package/development/navigation/navigation-button.js

@@ -0,0 +1,25 @@
+import { customElement } from "lit/decorators.js";
+import { SbbButtonBaseElement } from "../core/base-elements.js";
+import { SbbNavigationActionCommonElementMixin } from "./common.js";
+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;
+};
+let SbbNavigationButtonElement = class extends SbbNavigationActionCommonElementMixin(
+  SbbButtonBaseElement
+) {
+};
+SbbNavigationButtonElement = __decorateClass([
+  customElement("sbb-navigation-button")
+], SbbNavigationButtonElement);
+export {
+  SbbNavigationButtonElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1idXR0b24uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9uYXZpZ2F0aW9uL25hdmlnYXRpb24tYnV0dG9uL25hdmlnYXRpb24tYnV0dG9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkJ1dHRvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB7IFNiYk5hdmlnYXRpb25BY3Rpb25Db21tb25FbGVtZW50TWl4aW4gfSBmcm9tICcuLi9jb21tb24uanMnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgYnV0dG9uIGVsZW1lbnQgdGhhdCBjYW4gYmUgdXNlZCBpbiB0aGUgYHNiYi1uYXZpZ2F0aW9uYCBjb21wb25lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgYHNiYi1uYXZpZ2F0aW9uLWJ1dHRvbmAuXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItbmF2aWdhdGlvbi1idXR0b24nKVxuZXhwb3J0IGNsYXNzIFNiYk5hdmlnYXRpb25CdXR0b25FbGVtZW50IGV4dGVuZHMgU2JiTmF2aWdhdGlvbkFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpbihcbiAgU2JiQnV0dG9uQmFzZUVsZW1lbnQsXG4pIHt9XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItbmF2aWdhdGlvbi1idXR0b24nOiBTYmJOYXZpZ2F0aW9uQnV0dG9uRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FBV08sSUFBTSw2QkFBTixjQUF5QztBQUFBLEVBQzlDO0FBQ0YsRUFBRTtBQUFDO0FBRlUsNkJBQU4sZ0JBQUE7QUFBQSxFQUROLGNBQWMsdUJBQXVCO0FBQUEsR0FDekIsMEJBQUE7In0=

package/development/navigation/navigation-link/navigation-link.d.ts

@@ -0,0 +1,17 @@
+import { SbbLinkBaseElement } from '../../core/base-elements.js';
+
+declare const SbbNavigationLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbNavigationActionCommonElementMixinType> & typeof SbbLinkBaseElement;
+/**
+ * It displays a link element that can be used in the `sbb-navigation` component.
+ *
+ * @slot - Use the unnamed slot to add content to the `sbb-navigation-link`.
+ */
+export declare class SbbNavigationLinkElement extends SbbNavigationLinkElement_base {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-navigation-link': SbbNavigationLinkElement;
+    }
+}
+export {};
+//# sourceMappingURL=navigation-link.d.ts.map

package/development/navigation/navigation-link/navigation-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-link.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/navigation-link/navigation-link.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAGjE;;;;GAIG;AACH,qBACa,wBAAyB,SAAQ,6BAE7C;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}

package/development/navigation/navigation-link.d.ts

@@ -0,0 +1,2 @@
+export * from './navigation-link/navigation-link.js';
+//# sourceMappingURL=navigation-link.d.ts.map

package/development/navigation/navigation-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-link.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/navigation-link.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC"}

package/development/navigation/navigation-link.js

@@ -0,0 +1,25 @@
+import { customElement } from "lit/decorators.js";
+import { SbbLinkBaseElement } from "../core/base-elements.js";
+import { SbbNavigationActionCommonElementMixin } from "./common.js";
+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;
+};
+let SbbNavigationLinkElement = class extends SbbNavigationActionCommonElementMixin(
+  SbbLinkBaseElement
+) {
+};
+SbbNavigationLinkElement = __decorateClass([
+  customElement("sbb-navigation-link")
+], SbbNavigationLinkElement);
+export {
+  SbbNavigationLinkElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1saW5rLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLWxpbmsvbmF2aWdhdGlvbi1saW5rLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkxpbmtCYXNlRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy5qcyc7XG5pbXBvcnQgeyBTYmJOYXZpZ2F0aW9uQWN0aW9uQ29tbW9uRWxlbWVudE1peGluIH0gZnJvbSAnLi4vY29tbW9uLmpzJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIGxpbmsgZWxlbWVudCB0aGF0IGNhbiBiZSB1c2VkIGluIHRoZSBgc2JiLW5hdmlnYXRpb25gIGNvbXBvbmVudC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBgc2JiLW5hdmlnYXRpb24tbGlua2AuXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItbmF2aWdhdGlvbi1saW5rJylcbmV4cG9ydCBjbGFzcyBTYmJOYXZpZ2F0aW9uTGlua0VsZW1lbnQgZXh0ZW5kcyBTYmJOYXZpZ2F0aW9uQWN0aW9uQ29tbW9uRWxlbWVudE1peGluKFxuICBTYmJMaW5rQmFzZUVsZW1lbnQsXG4pIHt9XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItbmF2aWdhdGlvbi1saW5rJzogU2JiTmF2aWdhdGlvbkxpbmtFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7QUFXTyxJQUFNLDJCQUFOLGNBQXVDO0FBQUEsRUFDNUM7QUFDRixFQUFFO0FBQUM7QUFGVSwyQkFBTixnQkFBQTtBQUFBLEVBRE4sY0FBYyxxQkFBcUI7QUFBQSxHQUN2Qix3QkFBQTsifQ==

package/development/navigation/navigation-list/navigation-list.d.ts

@@ -0,0 +1,30 @@
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { WithListChildren } from '../../core/mixins.js';
+import { SbbNavigationButtonElement } from '../navigation-button.js';
+import { SbbNavigationLinkElement } from '../navigation-link.js';
+
+declare const SbbNavigationListElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbNavigationLinkElement | SbbNavigationButtonElement>> & typeof LitElement;
+/**
+ * It can be used as a container for one or more `sbb-navigation-button`/`sbb-navigation-link` within a `sbb-navigation-section`.
+ *
+ * @slot - Use the unnamed slot to add content to the `sbb-navigation-list`.
+ * @slot label - Use this to provide a label element.
+ */
+export declare class SbbNavigationListElement extends SbbNavigationListElement_base {
+    static styles: CSSResultGroup;
+    protected readonly listChildLocalNames: string[];
+    /**
+     * The label to be shown before the action list.
+     */
+    label?: string;
+    constructor();
+    protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-navigation-list': SbbNavigationListElement;
+    }
+}
+export {};
+//# sourceMappingURL=navigation-list.d.ts.map

package/development/navigation/navigation-list/navigation-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-list.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/navigation-list/navigation-list.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACpF,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;;AAItE;;;;;GAKG;AACH,qBACa,wBAAyB,SAAQ,6BAGjC;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAG7C;IAEF;;OAEG;IACiC,KAAK,CAAC,EAAE,MAAM,CAAC;;cAOhC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAQ3E,MAAM,IAAI,cAAc;CAW5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}

package/development/navigation/navigation-list.d.ts

@@ -0,0 +1,2 @@
+export * from './navigation-list/navigation-list.js';
+//# sourceMappingURL=navigation-list.d.ts.map

package/development/navigation/navigation-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-list.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/navigation-list.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC"}