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

package/development/navigation/navigation-button/navigation-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 { SbbNavigationActionCommonElementMixin } from "../common.js";
+let SbbNavigationButtonElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-navigation-button")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbNavigationActionCommonElementMixin(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 {
+  SbbNavigationButtonElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLWJ1dHRvbi9uYXZpZ2F0aW9uLWJ1dHRvbi5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiQnV0dG9uQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgU2JiTmF2aWdhdGlvbkFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpbiB9IGZyb20gJy4uL2NvbW1vbi50cyc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBidXR0b24gZWxlbWVudCB0aGF0IGNhbiBiZSB1c2VkIGluIHRoZSBgc2JiLW5hdmlnYXRpb25gIGNvbXBvbmVudC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBgc2JiLW5hdmlnYXRpb24tYnV0dG9uYC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLW5hdmlnYXRpb24tYnV0dG9uJylcbmNsYXNzIFNiYk5hdmlnYXRpb25CdXR0b25FbGVtZW50IGV4dGVuZHMgU2JiTmF2aWdhdGlvbkFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpbihcbiAgU2JiQnV0dG9uQmFzZUVsZW1lbnQsXG4pIHt9XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItbmF2aWdhdGlvbi1idXR0b24nOiBTYmJOYXZpZ2F0aW9uQnV0dG9uRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7SUFZTSw4QkFBMEIsTUFBQTs7MEJBRC9CLGNBQWMsdUJBQXVCLENBQUM7Ozs7b0JBQ0Usc0NBQ3ZDLG9CQUFvQjtBQURXLEVBQUEsbUJBQVEsWUFFeEM7QUFBQTs7QUFGRCxpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O0FBQU0sc0JBQUEsWUFBQSx1QkFBQTtBQUFBLEVBQUEsTUFBMkI7OzsifQ==

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

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './navigation-button/navigation-button.component.ts';
+//# 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;;GAEG;AACH,cAAc,oDAAoD,CAAC"}

package/development/navigation/navigation-button.js

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

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

@@ -0,0 +1,16 @@
+import { SbbLinkBaseElement } from '../../core/base-elements.ts';
+declare const SbbNavigationLinkElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').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.component.d.ts.map

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

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

package/development/navigation/navigation-link/navigation-link.component.js

@@ -0,0 +1,25 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from "lit/decorators.js";
+import { SbbLinkBaseElement } from "../../core/base-elements.js";
+import { SbbNavigationActionCommonElementMixin } from "../common.js";
+let SbbNavigationLinkElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-navigation-link")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbNavigationActionCommonElementMixin(SbbLinkBaseElement);
+  _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 {
+  SbbNavigationLinkElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL25hdmlnYXRpb24vbmF2aWdhdGlvbi1saW5rL25hdmlnYXRpb24tbGluay5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiTGlua0Jhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IFNiYk5hdmlnYXRpb25BY3Rpb25Db21tb25FbGVtZW50TWl4aW4gfSBmcm9tICcuLi9jb21tb24udHMnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgbGluayBlbGVtZW50IHRoYXQgY2FuIGJlIHVzZWQgaW4gdGhlIGBzYmItbmF2aWdhdGlvbmAgY29tcG9uZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGBzYmItbmF2aWdhdGlvbi1saW5rYC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLW5hdmlnYXRpb24tbGluaycpXG5jbGFzcyBTYmJOYXZpZ2F0aW9uTGlua0VsZW1lbnQgZXh0ZW5kcyBTYmJOYXZpZ2F0aW9uQWN0aW9uQ29tbW9uRWxlbWVudE1peGluKFNiYkxpbmtCYXNlRWxlbWVudCkge31cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1uYXZpZ2F0aW9uLWxpbmsnOiBTYmJOYXZpZ2F0aW9uTGlua0VsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0lBWU0sNEJBQXdCLE1BQUE7OzBCQUQ3QixjQUFjLHFCQUFxQixDQUFDOzs7O29CQUNFLHNDQUFzQyxrQkFBa0I7QUFBaEUsRUFBQSxtQkFBUSxZQUF5RDtBQUFBOztBQUFoRyxpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O0FBQU0sc0JBQUEsWUFBQSx1QkFBQTtBQUFBLEVBQUEsTUFBeUI7OzsifQ==

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

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './navigation-link/navigation-link.component.ts';
+//# 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;;GAEG;AACH,cAAc,gDAAgD,CAAC"}

package/development/navigation/navigation-link.js

@@ -0,0 +1,5 @@
+import { SbbNavigationLinkElement } from "./navigation-link/navigation-link.component.js";
+export {
+  SbbNavigationLinkElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1saW5rLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==

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

@@ -0,0 +1,28 @@
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { WithListChildren } from '../../core/mixins.ts';
+import { SbbNavigationButtonElement } from '../navigation-button.ts';
+import { SbbNavigationLinkElement } from '../navigation-link.ts';
+declare const SbbNavigationListElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').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.
+     */
+    accessor label: string;
+    protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-navigation-list': SbbNavigationListElement;
+    }
+}
+export {};
+//# sourceMappingURL=navigation-list.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-list.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/navigation-list/navigation-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;;AAItE;;;;;GAKG;AACH,qBAEM,wBAAyB,SAAQ,6BAGA;IACrC,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,mBAA4B,mBAAmB,WAG7C;IAEF;;OAEG;IACH,SAEgB,KAAK,EAAE,MAAM,CAAM;cAEhB,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/navigation-list.component.js

@@ -0,0 +1,108 @@
+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, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { forceType, omitEmptyConverter } from "../../core/decorators.js";
+import { isLean } from "../../core/dom.js";
+import { SbbNamedSlotListMixin, SbbElementInternalsMixin } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+const style = css`:host {
+  display: block;
+}
+
+.sbb-navigation-list__content {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  font-size: inherit;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--sbb-spacing-fixed-2x);
+  margin-block: var(--sbb-spacing-fixed-1x);
+}
+
+.sbb-navigation-list__label {
+  --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;
+  display: block;
+  color: var(--sbb-color-5);
+  padding-block-end: var(--sbb-spacing-fixed-2x);
+}
+:host(:not(:is(:state(slotted-label),[state--slotted-label]), [label])) .sbb-navigation-list__label {
+  display: none;
+}`;
+let SbbNavigationListElement = (() => {
+  var _label_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-navigation-list")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbNamedSlotListMixin(SbbElementInternalsMixin(LitElement));
+  let _label_decorators;
+  let _label_initializers = [];
+  let _label_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _label_accessor_storage);
+      this.listChildLocalNames = [
+        "sbb-navigation-button",
+        "sbb-navigation-link"
+      ];
+      __privateSet(this, _label_accessor_storage, __runInitializers(this, _label_initializers, ""));
+      __runInitializers(this, _label_extraInitializers);
+    }
+    /**
+     * The label to be shown before the action list.
+     */
+    get label() {
+      return __privateGet(this, _label_accessor_storage);
+    }
+    set label(value) {
+      __privateSet(this, _label_accessor_storage, value);
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("listChildren")) {
+        this.listChildren.forEach((c) => c.size = isLean() ? "s" : "m");
+      }
+    }
+    render() {
+      return html`
+      <span class="sbb-navigation-list__label" id="sbb-navigation-link-label-id">
+        <slot name="label">${this.label}</slot>
+      </span>
+      ${this.renderList({
+        class: "sbb-navigation-list__content",
+        ariaLabelledby: "sbb-navigation-link-label-id"
+      })}
+    `;
+    }
+  }, _label_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _label_decorators = [forceType(), property({ reflect: true, converter: omitEmptyConverter })];
+    __esDecorate(_a, null, _label_decorators, { kind: "accessor", name: "label", static: false, private: false, access: { has: (obj) => "label" in obj, get: (obj) => obj.label, set: (obj, value) => {
+      obj.label = value;
+    } }, metadata: _metadata }, _label_initializers, _label_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 {
+  SbbNavigationListElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL25hdmlnYXRpb24vbmF2aWdhdGlvbi1saXN0L25hdmlnYXRpb24tbGlzdC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgaHRtbCxcbiAgTGl0RWxlbWVudCxcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBmb3JjZVR5cGUsIG9taXRFbXB0eUNvbnZlcnRlciB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy50cyc7XG5pbXBvcnQgeyBpc0xlYW4gfSBmcm9tICcuLi8uLi9jb3JlL2RvbS50cyc7XG5pbXBvcnQge1xuICBTYmJFbGVtZW50SW50ZXJuYWxzTWl4aW4sXG4gIFNiYk5hbWVkU2xvdExpc3RNaXhpbixcbiAgdHlwZSBXaXRoTGlzdENoaWxkcmVuLFxufSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYk5hdmlnYXRpb25CdXR0b25FbGVtZW50IH0gZnJvbSAnLi4vbmF2aWdhdGlvbi1idXR0b24udHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJOYXZpZ2F0aW9uTGlua0VsZW1lbnQgfSBmcm9tICcuLi9uYXZpZ2F0aW9uLWxpbmsudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9uYXZpZ2F0aW9uLWxpc3Quc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBjYW4gYmUgdXNlZCBhcyBhIGNvbnRhaW5lciBmb3Igb25lIG9yIG1vcmUgYHNiYi1uYXZpZ2F0aW9uLWJ1dHRvbmAvYHNiYi1uYXZpZ2F0aW9uLWxpbmtgIHdpdGhpbiBhIGBzYmItbmF2aWdhdGlvbi1zZWN0aW9uYC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBgc2JiLW5hdmlnYXRpb24tbGlzdGAuXG4gKiBAc2xvdCBsYWJlbCAtIFVzZSB0aGlzIHRvIHByb3ZpZGUgYSBsYWJlbCBlbGVtZW50LlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItbmF2aWdhdGlvbi1saXN0JylcbmNsYXNzIFNiYk5hdmlnYXRpb25MaXN0RWxlbWVudCBleHRlbmRzIFNiYk5hbWVkU2xvdExpc3RNaXhpbjxcbiAgU2JiTmF2aWdhdGlvbkJ1dHRvbkVsZW1lbnQgfCBTYmJOYXZpZ2F0aW9uTGlua0VsZW1lbnQsXG4gIHR5cGVvZiBMaXRFbGVtZW50XG4+KFNiYkVsZW1lbnRJbnRlcm5hbHNNaXhpbihMaXRFbGVtZW50KSkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG4gIHByb3RlY3RlZCBvdmVycmlkZSByZWFkb25seSBsaXN0Q2hpbGRMb2NhbE5hbWVzID0gW1xuICAgICdzYmItbmF2aWdhdGlvbi1idXR0b24nLFxuICAgICdzYmItbmF2aWdhdGlvbi1saW5rJyxcbiAgXTtcblxuICAvKipcbiAgICogVGhlIGxhYmVsIHRvIGJlIHNob3duIGJlZm9yZSB0aGUgYWN0aW9uIGxpc3QuXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgY29udmVydGVyOiBvbWl0RW1wdHlDb252ZXJ0ZXIgfSlcbiAgcHVibGljIGFjY2Vzc29yIGxhYmVsOiBzdHJpbmcgPSAnJztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8V2l0aExpc3RDaGlsZHJlbjx0aGlzPj4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2xpc3RDaGlsZHJlbicpKSB7XG4gICAgICB0aGlzLmxpc3RDaGlsZHJlbi5mb3JFYWNoKChjKSA9PiAoYy5zaXplID0gaXNMZWFuKCkgPyAncycgOiAnbScpKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLW5hdmlnYXRpb24tbGlzdF9fbGFiZWxcIiBpZD1cInNiYi1uYXZpZ2F0aW9uLWxpbmstbGFiZWwtaWRcIj5cbiAgICAgICAgPHNsb3QgbmFtZT1cImxhYmVsXCI+JHt0aGlzLmxhYmVsfTwvc2xvdD5cbiAgICAgIDwvc3Bhbj5cbiAgICAgICR7dGhpcy5yZW5kZXJMaXN0KHtcbiAgICAgICAgY2xhc3M6ICdzYmItbmF2aWdhdGlvbi1saXN0X19jb250ZW50JyxcbiAgICAgICAgYXJpYUxhYmVsbGVkYnk6ICdzYmItbmF2aWdhdGlvbi1saW5rLWxhYmVsLWlkJyxcbiAgICAgIH0pfVxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1uYXZpZ2F0aW9uLWxpc3QnOiBTYmJOYXZpZ2F0aW9uTGlzdEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUE4Qk0sNEJBQXdCLE1BQUE7OzBCQUQ3QixjQUFjLHFCQUFxQixDQUFDOzs7O0FBQ0UsTUFBQSxjQUFBLHNCQUdyQyx5QkFBeUIsVUFBVSxDQUFDOzs7O0FBSFAsRUFBQSxtQkFBUSxZQUdBO0FBQUE7O0FBWXJDO0FBVjRCLFdBQUEsc0JBQXNCO0FBQUEsUUFDaEQ7QUFBQSxRQUNBO0FBQUEsTUFBQTtBQVFjLHlCQUFBLHlCQUFBLGtCQUFBLE1BQUEscUJBQWdCLEVBQUU7Ozs7OztJQUFsQyxJQUFnQixRQUFLO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFyQixJQUFnQixNQUFLLE9BQUE7QUFBQSx5QkFBQSx5QkFBQTtBQUFBLElBQUE7QUFBQSxJQUVGLFdBQVcsbUJBQXlEO0FBQ3JGLFlBQU0sV0FBVyxpQkFBaUI7QUFFbEMsVUFBSSxrQkFBa0IsSUFBSSxjQUFjLEdBQUc7QUFDekMsYUFBSyxhQUFhLFFBQVEsQ0FBQyxNQUFPLEVBQUUsT0FBTyxPQUFBLElBQVcsTUFBTSxHQUFJO0FBQUEsTUFDbEU7QUFBQSxJQUNGO0FBQUEsSUFFbUIsU0FBTTtBQUN2QixhQUFPO0FBQUE7QUFBQSw2QkFFa0IsS0FBSyxLQUFLO0FBQUE7QUFBQSxRQUUvQixLQUFLLFdBQVc7QUFBQSxRQUNoQixPQUFPO0FBQUEsUUFDUCxnQkFBZ0I7QUFBQSxNQUFBLENBQ2pCLENBQUM7QUFBQTtBQUFBLElBRU47QUFBQSxLQXBCQTs7QUFGQyx3QkFBQSxDQUFBLFVBQUEsR0FDQSxTQUFTLEVBQUUsU0FBUyxNQUFNLFdBQVcsbUJBQUEsQ0FBb0IsQ0FBQztBQUMzRCxpQkFBQSxJQUFBLE1BQUEsbUJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxTQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLFdBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFnQixPQUFLLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFMLFFBQUs7QUFBQSxJQUFBLEtBQUEsVUFBQSxVQUFBLEdBQUEscUJBQUEsd0JBQUE7QUFmdkIsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUl5QixHQUFBLFNBQXlCLENBQUMsaUJBQWlCLEtBQUssR0FKbkUsa0JBQUEsWUFBQSx1QkFBQSxHQUF5Qjs7OyJ9

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

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './navigation-list/navigation-list.component.ts';
+//# 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;;GAEG;AACH,cAAc,gDAAgD,CAAC"}

package/development/navigation/navigation-list.js

@@ -0,0 +1,5 @@
+import { SbbNavigationListElement } from "./navigation-list/navigation-list.component.js";
+export {
+  SbbNavigationListElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1saXN0LmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==

package/development/navigation/navigation-marker/navigation-marker.component.d.ts

@@ -0,0 +1,37 @@
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { WithListChildren } from '../../core/mixins.ts';
+import { SbbNavigationButtonElement } from '../navigation-button.ts';
+import { SbbNavigationLinkElement } from '../navigation-link.ts';
+declare const SbbNavigationMarkerElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNamedSlotListMixinType<SbbNavigationLinkElement | SbbNavigationButtonElement>> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
+/**
+ * It can be used as a container for one or more `sbb-navigation-button`/`sbb-navigation-link` within a `sbb-navigation`.
+ *
+ * @slot - Use the unnamed slot to add `sbb-navigation-button`/`sbb-navigation-link` elements into the `sbb-navigation-marker`.
+ */
+export declare class SbbNavigationMarkerElement extends SbbNavigationMarkerElement_base {
+    static styles: CSSResultGroup;
+    protected readonly listChildLocalNames: string[];
+    /**
+     * Marker size variant, either s or l.
+     * @default 'l' / 's' (lean)
+     */
+    accessor size: 'l' | 's';
+    private _currentActiveAction?;
+    constructor();
+    protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
+    private _updateMarkerActions;
+    connectedCallback(): void;
+    private _checkActiveAction;
+    select(action: SbbNavigationButtonElement | SbbNavigationLinkElement): void;
+    protected firstUpdated(changedProperties: PropertyValues<WithListChildren<this>>): void;
+    reset(): void;
+    private _setMarkerPosition;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-navigation-marker': SbbNavigationMarkerElement;
+    }
+}
+export {};
+//# sourceMappingURL=navigation-marker.component.d.ts.map

package/development/navigation/navigation-marker/navigation-marker.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-marker.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/navigation-marker/navigation-marker.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIhG,OAAO,EAIL,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;;AAItE;;;;GAIG;AACH,qBAEM,0BAA2B,SAAQ,+BAIxC;IACC,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,mBAA4B,mBAAmB,WAG7C;IAEF;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAEpF,OAAO,CAAC,oBAAoB,CAAC,CAAwD;;cAalE,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;IAS9F,OAAO,CAAC,oBAAoB;IAWZ,iBAAiB,IAAI,IAAI;IAKzC,OAAO,CAAC,kBAAkB;IASnB,MAAM,CAAC,MAAM,EAAE,0BAA0B,GAAG,wBAAwB,GAAG,IAAI;cAU/D,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;IAMzF,KAAK,IAAI,IAAI;IAQpB,OAAO,CAAC,kBAAkB;cAcP,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}

package/development/navigation/navigation-marker/navigation-marker.component.js

@@ -0,0 +1,205 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __esDecorate, __runInitializers } from "tslib";
+import { ResizeController } from "@lit-labs/observers/resize-controller.js";
+import { css, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { isLean } from "../../core/dom.js";
+import { SbbElementInternalsMixin, SbbNamedSlotListMixin, ɵstateController as _stateController } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+const style = css`:host {
+  --sbb-navigation-action-gap: var(--sbb-spacing-responsive-xs);
+  --sbb-navigation-marker-position-x: var(--sbb-spacing-fixed-1x);
+  --sbb-navigation-marker-position-y: unset;
+  --sbb-navigation-marker-width: 1.0625rem;
+  --sbb-navigation-marker-border: var(--sbb-border-width-1x);
+  --sbb-navigation-marker-padding-inline-start: var(--sbb-spacing-fixed-6x);
+  --sbb-navigation-marker-typo-line-height: var(--sbb-typo-line-height-heading);
+  --sbb-navigation-margin-inline-start: var(--sbb-spacing-fixed-3x);
+  --sbb-navigation-marker-margin-block: calc(
+    1em * var(--sbb-navigation-marker-typo-line-height) / 2 - var(--sbb-navigation-marker-border) /
+      2
+  );
+  display: block;
+}
+
+:host([size=s]) {
+  --sbb-navigation-action-gap: var(--sbb-spacing-fixed-2x);
+  --sbb-navigation-marker-width: 0.5rem;
+  --sbb-navigation-marker-typo-line-height: var(--sbb-typo-line-height-text);
+  --sbb-navigation-margin-inline-start: var(--sbb-spacing-fixed-2x);
+  --sbb-navigation-marker-position-x: calc(
+    var(--sbb-navigation-marker-padding-inline-start) - var(--sbb-spacing-fixed-2x)
+  );
+  --sbb-navigation-marker-padding-inline-start: calc(
+    var(--sbb-spacing-fixed-6x) + var(--sbb-spacing-fixed-1x)
+  );
+}
+
+.sbb-navigation-marker {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  font-size: inherit;
+  --sbb-title-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4));
+  margin-block: var(--sbb-title-margin-block, 0);
+  margin-inline: 0;
+  font-family: var(--sbb-typo-font-family);
+  font-weight: bold;
+  line-height: var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));
+  letter-spacing: var(--sbb-typo-letter-spacing-heading);
+  font-size: var(--sbb-title-font-size);
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--sbb-navigation-action-gap);
+  padding-inline-start: var(--sbb-navigation-marker-padding-inline-start);
+}
+.sbb-navigation-marker::before {
+  content: "";
+  position: absolute;
+  opacity: 0;
+  inset-inline-start: var(--sbb-navigation-marker-position-x);
+  inset-block-start: var(--sbb-navigation-marker-position-y);
+  width: var(--sbb-navigation-marker-width);
+  border-block-start: var(--sbb-navigation-marker-border) solid var(--sbb-color-5);
+  margin-block: var(--sbb-navigation-marker-margin-block);
+  transition-duration: var(--sbb-disable-animation-duration, var(--sbb-animation-duration-6x));
+  transition-timing-function: ease;
+  transition-property: opacity, inset-block-start;
+}
+:host(:is(:state(has-active-action),[state--has-active-action])) .sbb-navigation-marker::before {
+  opacity: 1;
+}
+@media (forced-colors: active) {
+  .sbb-navigation-marker::before {
+    border-color: CanvasText;
+  }
+}
+:host([size=s]) .sbb-navigation-marker {
+  --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;
+}
+
+::slotted(:is(sbb-navigation-button, sbb-navigation-link)) {
+  margin-inline-start: var(--sbb-navigation-margin-inline-start);
+}`;
+let SbbNavigationMarkerElement = (() => {
+  var _size_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-navigation-marker")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbElementInternalsMixin(SbbNamedSlotListMixin(LitElement));
+  let _size_decorators;
+  let _size_initializers = [];
+  let _size_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super();
+      __privateAdd(this, _size_accessor_storage);
+      this.listChildLocalNames = [
+        "sbb-navigation-button",
+        "sbb-navigation-link"
+      ];
+      __privateSet(this, _size_accessor_storage, __runInitializers(this, _size_initializers, isLean() ? "s" : "l"));
+      this._currentActiveAction = __runInitializers(this, _size_extraInitializers);
+      this.addController(new ResizeController(this, {
+        skipInitial: true,
+        callback: () => this._setMarkerPosition()
+      }));
+    }
+    /**
+     * Marker size variant, either s or l.
+     * @default 'l' / 's' (lean)
+     */
+    get size() {
+      return __privateGet(this, _size_accessor_storage);
+    }
+    set size(value) {
+      __privateSet(this, _size_accessor_storage, value);
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("size") || changedProperties.has("listChildren")) {
+        this._updateMarkerActions();
+      }
+      this.toggleState("has-active-action", !!this._currentActiveAction);
+    }
+    _updateMarkerActions() {
+      for (const action of this.listChildren) {
+        action.size = this.size;
+      }
+      this._currentActiveAction = this.listChildren.find((action) => action.matches(":is(:state(action-active),[state--action-active])"));
+      this._setMarkerPosition();
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      this._checkActiveAction();
+    }
+    _checkActiveAction() {
+      const activeAction = this.querySelector(":is(sbb-navigation-button, sbb-navigation-link).sbb-active");
+      if (activeAction) {
+        this.select(activeAction);
+      }
+    }
+    select(action) {
+      if (!action) {
+        return;
+      }
+      this.reset();
+      _stateController(action).add("action-active");
+      this._currentActiveAction = action;
+      setTimeout(() => this._setMarkerPosition());
+    }
+    firstUpdated(changedProperties) {
+      super.firstUpdated(changedProperties);
+      setTimeout(() => this._setMarkerPosition());
+    }
+    reset() {
+      if (this._currentActiveAction) {
+        _stateController(this._currentActiveAction).delete("action-active");
+        this._currentActiveAction.connectedSection?.close();
+        this._currentActiveAction = void 0;
+      }
+    }
+    _setMarkerPosition() {
+      if (!this._currentActiveAction) {
+        return;
+      }
+      const index = this.listChildren.indexOf(this._currentActiveAction);
+      const value = this.shadowRoot.querySelector(`li:nth-child(${index + 1})`)?.offsetTop;
+      if (value != null) {
+        this.style?.setProperty("--sbb-navigation-marker-position-y", `${value}px`);
+      }
+    }
+    render() {
+      return this.renderList();
+    }
+  }, _size_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _size_decorators = [property({ reflect: true })];
+    __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(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 {
+  SbbNavigationMarkerElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1tYXJrZXIuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLW1hcmtlci9uYXZpZ2F0aW9uLW1hcmtlci5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVzaXplQ29udHJvbGxlciB9IGZyb20gJ0BsaXQtbGFicy9vYnNlcnZlcnMvcmVzaXplLWNvbnRyb2xsZXIuanMnO1xuaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgTGl0RWxlbWVudCwgdHlwZSBQcm9wZXJ0eVZhbHVlcywgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgaXNMZWFuIH0gZnJvbSAnLi4vLi4vY29yZS9kb20udHMnO1xuaW1wb3J0IHtcbiAgU2JiRWxlbWVudEludGVybmFsc01peGluLFxuICBTYmJOYW1lZFNsb3RMaXN0TWl4aW4sXG4gIMm1c3RhdGVDb250cm9sbGVyLFxuICB0eXBlIFdpdGhMaXN0Q2hpbGRyZW4sXG59IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiTmF2aWdhdGlvbkJ1dHRvbkVsZW1lbnQgfSBmcm9tICcuLi9uYXZpZ2F0aW9uLWJ1dHRvbi50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYk5hdmlnYXRpb25MaW5rRWxlbWVudCB9IGZyb20gJy4uL25hdmlnYXRpb24tbGluay50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL25hdmlnYXRpb24tbWFya2VyLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgY2FuIGJlIHVzZWQgYXMgYSBjb250YWluZXIgZm9yIG9uZSBvciBtb3JlIGBzYmItbmF2aWdhdGlvbi1idXR0b25gL2BzYmItbmF2aWdhdGlvbi1saW5rYCB3aXRoaW4gYSBgc2JiLW5hdmlnYXRpb25gLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGBzYmItbmF2aWdhdGlvbi1idXR0b25gL2BzYmItbmF2aWdhdGlvbi1saW5rYCBlbGVtZW50cyBpbnRvIHRoZSBgc2JiLW5hdmlnYXRpb24tbWFya2VyYC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLW5hdmlnYXRpb24tbWFya2VyJylcbmNsYXNzIFNiYk5hdmlnYXRpb25NYXJrZXJFbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudEludGVybmFsc01peGluKFxuICBTYmJOYW1lZFNsb3RMaXN0TWl4aW48U2JiTmF2aWdhdGlvbkJ1dHRvbkVsZW1lbnQgfCBTYmJOYXZpZ2F0aW9uTGlua0VsZW1lbnQsIHR5cGVvZiBMaXRFbGVtZW50PihcbiAgICBMaXRFbGVtZW50LFxuICApLFxuKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHN0eWxlXTtcbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlYWRvbmx5IGxpc3RDaGlsZExvY2FsTmFtZXMgPSBbXG4gICAgJ3NiYi1uYXZpZ2F0aW9uLWJ1dHRvbicsXG4gICAgJ3NiYi1uYXZpZ2F0aW9uLWxpbmsnLFxuICBdO1xuXG4gIC8qKlxuICAgKiBNYXJrZXIgc2l6ZSB2YXJpYW50LCBlaXRoZXIgcyBvciBsLlxuICAgKiBAZGVmYXVsdCAnbCcgLyAncycgKGxlYW4pXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBzaXplOiAnbCcgfCAncycgPSBpc0xlYW4oKSA/ICdzJyA6ICdsJztcblxuICBwcml2YXRlIF9jdXJyZW50QWN0aXZlQWN0aW9uPzogU2JiTmF2aWdhdGlvbkJ1dHRvbkVsZW1lbnQgfCBTYmJOYXZpZ2F0aW9uTGlua0VsZW1lbnQ7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG5cbiAgICB0aGlzLmFkZENvbnRyb2xsZXIoXG4gICAgICBuZXcgUmVzaXplQ29udHJvbGxlcih0aGlzLCB7XG4gICAgICAgIHNraXBJbml0aWFsOiB0cnVlLFxuICAgICAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fc2V0TWFya2VyUG9zaXRpb24oKSxcbiAgICAgIH0pLFxuICAgICk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8V2l0aExpc3RDaGlsZHJlbjx0aGlzPj4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ3NpemUnKSB8fCBjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2xpc3RDaGlsZHJlbicpKSB7XG4gICAgICB0aGlzLl91cGRhdGVNYXJrZXJBY3Rpb25zKCk7XG4gICAgfVxuICAgIHRoaXMudG9nZ2xlU3RhdGUoJ2hhcy1hY3RpdmUtYWN0aW9uJywgISF0aGlzLl9jdXJyZW50QWN0aXZlQWN0aW9uKTtcbiAgfVxuXG4gIHByaXZhdGUgX3VwZGF0ZU1hcmtlckFjdGlvbnMoKTogdm9pZCB7XG4gICAgZm9yIChjb25zdCBhY3Rpb24gb2YgdGhpcy5saXN0Q2hpbGRyZW4pIHtcbiAgICAgIGFjdGlvbi5zaXplID0gdGhpcy5zaXplO1xuICAgIH1cblxuICAgIHRoaXMuX2N1cnJlbnRBY3RpdmVBY3Rpb24gPSB0aGlzLmxpc3RDaGlsZHJlbi5maW5kKChhY3Rpb24pID0+XG4gICAgICBhY3Rpb24ubWF0Y2hlcygnOnN0YXRlKGFjdGlvbi1hY3RpdmUpJyksXG4gICAgKTtcbiAgICB0aGlzLl9zZXRNYXJrZXJQb3NpdGlvbigpO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5fY2hlY2tBY3RpdmVBY3Rpb24oKTtcbiAgfVxuXG4gIHByaXZhdGUgX2NoZWNrQWN0aXZlQWN0aW9uKCk6IHZvaWQge1xuICAgIGNvbnN0IGFjdGl2ZUFjdGlvbiA9IHRoaXMucXVlcnlTZWxlY3RvcihcbiAgICAgICc6aXMoc2JiLW5hdmlnYXRpb24tYnV0dG9uLCBzYmItbmF2aWdhdGlvbi1saW5rKS5zYmItYWN0aXZlJyxcbiAgICApIGFzIFNiYk5hdmlnYXRpb25CdXR0b25FbGVtZW50IHwgU2JiTmF2aWdhdGlvbkxpbmtFbGVtZW50O1xuICAgIGlmIChhY3RpdmVBY3Rpb24pIHtcbiAgICAgIHRoaXMuc2VsZWN0KGFjdGl2ZUFjdGlvbik7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIHNlbGVjdChhY3Rpb246IFNiYk5hdmlnYXRpb25CdXR0b25FbGVtZW50IHwgU2JiTmF2aWdhdGlvbkxpbmtFbGVtZW50KTogdm9pZCB7XG4gICAgaWYgKCFhY3Rpb24pIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5yZXNldCgpO1xuICAgIMm1c3RhdGVDb250cm9sbGVyKGFjdGlvbikuYWRkKCdhY3Rpb24tYWN0aXZlJyk7XG4gICAgdGhpcy5fY3VycmVudEFjdGl2ZUFjdGlvbiA9IGFjdGlvbjtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMuX3NldE1hcmtlclBvc2l0aW9uKCkpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8V2l0aExpc3RDaGlsZHJlbjx0aGlzPj4pOiB2b2lkIHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLl9zZXRNYXJrZXJQb3NpdGlvbigpKTtcbiAgfVxuXG4gIHB1YmxpYyByZXNldCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5fY3VycmVudEFjdGl2ZUFjdGlvbikge1xuICAgICAgybVzdGF0ZUNvbnRyb2xsZXIodGhpcy5fY3VycmVudEFjdGl2ZUFjdGlvbikuZGVsZXRlKCdhY3Rpb24tYWN0aXZlJyk7XG4gICAgICB0aGlzLl9jdXJyZW50QWN0aXZlQWN0aW9uLmNvbm5lY3RlZFNlY3Rpb24/LmNsb3NlKCk7XG4gICAgICB0aGlzLl9jdXJyZW50QWN0aXZlQWN0aW9uID0gdW5kZWZpbmVkO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX3NldE1hcmtlclBvc2l0aW9uKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5fY3VycmVudEFjdGl2ZUFjdGlvbikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGluZGV4ID0gdGhpcy5saXN0Q2hpbGRyZW4uaW5kZXhPZih0aGlzLl9jdXJyZW50QWN0aXZlQWN0aW9uKSE7XG4gICAgY29uc3QgdmFsdWUgPSB0aGlzLnNoYWRvd1Jvb3QhLnF1ZXJ5U2VsZWN0b3I8SFRNTExJRWxlbWVudD4oXG4gICAgICBgbGk6bnRoLWNoaWxkKCR7aW5kZXggKyAxfSlgLFxuICAgICk/Lm9mZnNldFRvcDtcbiAgICBpZiAodmFsdWUgIT0gbnVsbCkge1xuICAgICAgdGhpcy5zdHlsZT8uc2V0UHJvcGVydHkoJy0tc2JiLW5hdmlnYXRpb24tbWFya2VyLXBvc2l0aW9uLXknLCBgJHt2YWx1ZX1weGApO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiB0aGlzLnJlbmRlckxpc3QoKTtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLW5hdmlnYXRpb24tbWFya2VyJzogU2JiTmF2aWdhdGlvbk1hcmtlckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6WyLJtXN0YXRlQ29udHJvbGxlciJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQXdCTSw4QkFBMEIsTUFBQTs7MEJBRC9CLGNBQWMsdUJBQXVCLENBQUM7Ozs7QUFDRSxNQUFBLGNBQUEseUJBQ3ZDLHNCQUNFLFVBQVUsQ0FDWDs7OztBQUg4QixFQUFBLG1CQUFRLFlBSXhDO0FBQUEsSUFlQyxjQUFBO0FBQ0UsWUFBQTtBQUwyQjtBQVRELFdBQUEsc0JBQXNCO0FBQUEsUUFDaEQ7QUFBQSxRQUNBO0FBQUEsTUFBQTtBQU8yQyx5QkFBQSx3QkFBQSxrQkFBQSxNQUFBLG9CQUFrQixPQUFBLElBQVcsTUFBTSxHQUFHO0FBRTNFLFdBQUEsdUJBQW9CLGtCQUFBLE1BQUEsdUJBQUE7QUFLMUIsV0FBSyxjQUNILElBQUksaUJBQWlCLE1BQU07QUFBQSxRQUN6QixhQUFhO0FBQUEsUUFDYixVQUFVLE1BQU0sS0FBSyxtQkFBQTtBQUFBLE1BQWtCLENBQ3hDLENBQUM7QUFBQSxJQUVOO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQWI2QixJQUFnQixPQUFJO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFwQixJQUFnQixLQUFJLE9BQUE7QUFBQSx5QkFBQSx3QkFBQTtBQUFBLElBQUE7QUFBQSxJQWU5QixXQUFXLG1CQUF5RDtBQUNyRixZQUFNLFdBQVcsaUJBQWlCO0FBRWxDLFVBQUksa0JBQWtCLElBQUksTUFBTSxLQUFLLGtCQUFrQixJQUFJLGNBQWMsR0FBRztBQUMxRSxhQUFLLHFCQUFBO0FBQUEsTUFDUDtBQUNBLFdBQUssWUFBWSxxQkFBcUIsQ0FBQyxDQUFDLEtBQUssb0JBQW9CO0FBQUEsSUFDbkU7QUFBQSxJQUVRLHVCQUFvQjtBQUMxQixpQkFBVyxVQUFVLEtBQUssY0FBYztBQUN0QyxlQUFPLE9BQU8sS0FBSztBQUFBLE1BQ3JCO0FBRUEsV0FBSyx1QkFBdUIsS0FBSyxhQUFhLEtBQUssQ0FBQyxXQUNsRCxPQUFPLFFBQVEsbURBQXVCLENBQUM7QUFFekMsV0FBSyxtQkFBQTtBQUFBLElBQ1A7QUFBQSxJQUVnQixvQkFBaUI7QUFDL0IsWUFBTSxrQkFBQTtBQUNOLFdBQUssbUJBQUE7QUFBQSxJQUNQO0FBQUEsSUFFUSxxQkFBa0I7QUFDeEIsWUFBTSxlQUFlLEtBQUssY0FDeEIsNERBQTREO0FBRTlELFVBQUksY0FBYztBQUNoQixhQUFLLE9BQU8sWUFBWTtBQUFBLE1BQzFCO0FBQUEsSUFDRjtBQUFBLElBRU8sT0FBTyxRQUE2RDtBQUN6RSxVQUFJLENBQUMsUUFBUTtBQUNYO0FBQUEsTUFDRjtBQUNBLFdBQUssTUFBQTtBQUNMQSx1QkFBaUIsTUFBTSxFQUFFLElBQUksZUFBZTtBQUM1QyxXQUFLLHVCQUF1QjtBQUM1QixpQkFBVyxNQUFNLEtBQUssb0JBQW9CO0FBQUEsSUFDNUM7QUFBQSxJQUVtQixhQUFhLG1CQUF5RDtBQUN2RixZQUFNLGFBQWEsaUJBQWlCO0FBRXBDLGlCQUFXLE1BQU0sS0FBSyxvQkFBb0I7QUFBQSxJQUM1QztBQUFBLElBRU8sUUFBSztBQUNWLFVBQUksS0FBSyxzQkFBc0I7QUFDN0JBLHlCQUFpQixLQUFLLG9CQUFvQixFQUFFLE9BQU8sZUFBZTtBQUNsRSxhQUFLLHFCQUFxQixrQkFBa0IsTUFBQTtBQUM1QyxhQUFLLHVCQUF1QjtBQUFBLE1BQzlCO0FBQUEsSUFDRjtBQUFBLElBRVEscUJBQWtCO0FBQ3hCLFVBQUksQ0FBQyxLQUFLLHNCQUFzQjtBQUM5QjtBQUFBLE1BQ0Y7QUFFQSxZQUFNLFFBQVEsS0FBSyxhQUFhLFFBQVEsS0FBSyxvQkFBb0I7QUFDakUsWUFBTSxRQUFRLEtBQUssV0FBWSxjQUM3QixnQkFBZ0IsUUFBUSxDQUFDLEdBQUcsR0FDM0I7QUFDSCxVQUFJLFNBQVMsTUFBTTtBQUNqQixhQUFLLE9BQU8sWUFBWSxzQ0FBc0MsR0FBRyxLQUFLLElBQUk7QUFBQSxNQUM1RTtBQUFBLElBQ0Y7QUFBQSxJQUVtQixTQUFNO0FBQ3ZCLGFBQU8sS0FBSyxXQUFBO0FBQUEsSUFDZDtBQUFBLEtBekY2Qjs7QUFBNUIsdUJBQUEsQ0FBQSxTQUFTLEVBQUUsU0FBUyxLQUFBLENBQU0sQ0FBQztBQUFDLGlCQUFBLElBQUEsTUFBQSxrQkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLFFBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsVUFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQWdCLE1BQUksS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUosT0FBSTtBQUFBLElBQUEsS0FBQSxVQUFBLFVBQUEsR0FBQSxvQkFBQSx1QkFBQTtBQWZuRCxpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBS3lCLEdBQUEsU0FBeUIsQ0FBQyxpQkFBaUIsS0FBSyxHQUxuRSxrQkFBQSxZQUFBLHVCQUFBLEdBQTJCOzs7In0=

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

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

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

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

package/development/navigation/navigation-marker.js

@@ -0,0 +1,5 @@
+import { SbbNavigationMarkerElement } from "./navigation-marker/navigation-marker.component.js";
+export {
+  SbbNavigationMarkerElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1tYXJrZXIuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

package/development/navigation/navigation-section/navigation-section.component.d.ts

@@ -0,0 +1,77 @@
+import { CSSResultGroup, PropertyDeclaration, PropertyValues, TemplateResult } from 'lit';
+import { SbbOpenCloseBaseElement } from '../../core/base-elements/open-close-base-element.ts';
+import { SbbOpenedClosedState } from '../../core/interfaces.ts';
+declare const SbbNavigationSectionElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbUpdateSchedulerMixinType> & typeof SbbOpenCloseBaseElement;
+/**
+ * It can be used as a container for `sbb-navigation-list` within a `sbb-navigation`.
+ *
+ * @slot - Use the unnamed slot to add content into the `sbb-navigation-section`.
+ */
+export declare class SbbNavigationSectionElement extends SbbNavigationSectionElement_base {
+    static styles: CSSResultGroup;
+    /**
+     * The label to be shown before the action list.
+     */
+    accessor titleContent: string;
+    /**
+     * The element that will trigger the navigation section.
+     *
+     * For attribute usage, provide an id reference.
+     */
+    accessor trigger: HTMLElement | null;
+    /**
+     * This will be forwarded as aria-label to the nav element and is read as a title of the navigation-section.
+     */
+    accessor accessibilityLabel: string;
+    /**
+     * This will be forwarded as aria-label to the back button element.
+     */
+    accessor accessibilityBackLabel: string;
+    /** The state of the component. */
+    protected set state(state: SbbOpenedClosedState);
+    protected get state(): SbbOpenedClosedState;
+    private _firstLevelNavigation?;
+    private _triggerElement;
+    private _triggerAbortController;
+    private _windowEventsController;
+    private _language;
+    private _focusTrapController;
+    private _lastKeydownEvent;
+    private _mediaMatcherController;
+    constructor();
+    /**
+     * Opens the navigation section on trigger click.
+     */
+    open(): void;
+    private _isZeroAnimationDuration;
+    private _handleOpening;
+    private _handleClosing;
+    private _closePreviousNavigationSection;
+    /**
+     * Closes the navigation section.
+     */
+    close(): void;
+    private _configureTrigger;
+    private _isNavigationButton;
+    private _setNavigationInert;
+    private _onAnimationEnd;
+    private _resetLists;
+    private _attachWindowEvents;
+    private _handleNavigationSectionClose;
+    private _isCloseElement;
+    private _isBelowLarge;
+    private _onKeydownEvent;
+    private _checkActiveAction;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-navigation-section': SbbNavigationSectionElement;
+    }
+}
+export {};
+//# sourceMappingURL=navigation-section.component.d.ts.map