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

package/development/logo.d.ts

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

package/development/logo.d.ts.map

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

package/development/logo.js

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

package/development/map-container/map-container.component.d.ts

@@ -0,0 +1,47 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+declare const SbbMapContainerElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../core/mixins.ts').SbbElementInternalsConstructor;
+/**
+ * It can be used as a container for maps.
+ *
+ * @slot - Use the unnamed slot to add content to the sidebar.
+ * @slot map - Used for slotting the map.
+ * @cssprop [--sbb-map-container-margin-start=var(--sbb-header-height)] - The component
+ * comes along with a height calculation that subtracts the height of the header.
+ * For specific use cases, this variable can be used to modify the preset height.
+ * @cssprop [--sbb-map-container-sidebar-width=zero-large:400px;ultra:480px] - Can be used
+ * to modify the width of the left sidebar.
+ * @cssprop [--sbb-map-container-mobile-sticky-block-start=0] - If e.g. a header with a fixed height
+ * is placed before the map-container, the map should be sticky respecting
+ * this offset from the document's top. Only applied on mobile views.
+ * Most commonly it can be set to `var(--sbb-header-height)`.
+ */
+export declare class SbbMapContainerElement extends SbbMapContainerElement_base {
+    static styles: CSSResultGroup;
+    /** Flag to show/hide the scroll up button inside the sidebar on mobile. */
+    accessor hideScrollUpButton: boolean;
+    private accessor _scrollUpButtonVisible;
+    private _language;
+    private _observer;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    private _intersector;
+    /**
+     * Button click callback to trigger the scroll to container top
+     * @private
+     */
+    private _onScrollButtonClick;
+    /**
+     * Intersection callback. Toggles the visibility.
+     * @param entries
+     * @private
+     */
+    private _toggleButtonVisibilityOnIntersect;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-map-container': SbbMapContainerElement;
+    }
+}
+export {};
+//# sourceMappingURL=map-container.component.d.ts.map

package/development/map-container/map-container.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-container.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/map-container/map-container.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAYhD,OAAO,4BAA4B,CAAC;;AAEpC;;;;;;;;;;;;;;GAcG;AACH,qBAEM,sBAAuB,SAAQ,2BAAoC;IACvE,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,2EAA2E;IAC3E,SAEgB,kBAAkB,EAAE,OAAO,CAAS;IAE3C,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAS;IAEzD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,SAAS,CAGd;cAEgB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAczD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9E,OAAO,CAAC,YAAY;IAIpB;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAI5B;;;;OAIG;IACH,OAAO,CAAC,kCAAkC;cAQvB,MAAM,IAAI,cAAc;CA2B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/development/map-container/map-container.component.js

@@ -0,0 +1,288 @@
+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 { __runInitializers, __esDecorate } from "tslib";
+import { IntersectionController } from "@lit-labs/observers/intersection-controller.js";
+import { css, LitElement, nothing, html } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { SbbLanguageController } from "../core/controllers.js";
+import { forceType } from "../core/decorators.js";
+import { forwardEvent } from "../core/eventing.js";
+import { i18nMapContainerButtonLabel } from "../core/i18n.js";
+import { SbbElementInternalsMixin } from "../core/mixins.js";
+import { boxSizingStyles } from "../core/styles.js";
+import "../button/accent-button.js";
+const style = css`:host {
+  display: block;
+  --sbb-map-container-map-height-zero: 18.4375rem;
+  --sbb-map-container-map-height-small: 20rem;
+  --sbb-map-container-sidebar-width: 25rem;
+  --sbb-map-container-sidebar-background-color: var(--sbb-background-color-1);
+  --sbb-map-container-border-radius: var(--sbb-border-radius-4x);
+  --sbb-map-container-animation-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-4x)
+  );
+  --sbb-map-container-map-height: calc(
+    var(--sbb-map-container-map-height-zero) + var(--sbb-map-container-border-radius)
+  );
+  --sbb-map-container-mobile-sticky-block-start: 0;
+}
+@media (min-width: calc(37.5rem)) {
+  :host {
+    --sbb-map-container-map-height: calc(
+      var(--sbb-map-container-map-height-small) + var(--sbb-map-container-border-radius)
+    );
+  }
+}
+@media (min-width: calc(90rem)) {
+  :host {
+    --sbb-map-container-sidebar-width: 30rem;
+  }
+}
+
+.sbb-map-container {
+  display: grid;
+  grid-template-rows: auto auto;
+}
+@media (min-width: calc(64rem)) {
+  .sbb-map-container {
+    grid-template-columns: max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));
+    position: fixed;
+    inset: var(--sbb-map-container-margin-start, var(--sbb-header-height)) 0 0 0;
+  }
+}
+
+.sbb-map-container__sidebar-button {
+  position: fixed;
+  left: 50%;
+  inset-block-end: var(--sbb-spacing-fixed-5x);
+  visibility: hidden;
+  opacity: 0;
+  transform: translateX(-50%) translateY(calc(100% + var(--sbb-spacing-fixed-5x)));
+  transition: opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing), visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing) var(--sbb-map-container-animation-duration), transform var(--sbb-map-container-animation-duration) var(--sbb-animation-easing);
+}
+:host(:is(:state(scroll-up-button-visible),[state--scroll-up-button-visible])) .sbb-map-container__sidebar-button {
+  transition: visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing), opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing), transform var(--sbb-map-container-animation-duration) ease-out;
+  visibility: visible;
+  opacity: 1;
+  transform: translateX(-50%) translateY(0);
+}
+@media (min-width: calc(64rem)) {
+  .sbb-map-container__sidebar-button {
+    display: none;
+  }
+}
+
+.sbb-map-container__sidebar {
+  --sbb-scrollbar-thumb-width: 0.5rem;
+  --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);
+  --sbb-scrollbar-width-firefox: auto;
+  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);
+  --sbb-scrollbar-color: light-dark(
+    color-mix(in srgb, var(--sbb-color-black) 30%, transparent),
+    color-mix(in srgb, var(--sbb-color-white) 30%, transparent)
+  );
+  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);
+  --sbb-scrollbar-color-hover: light-dark(
+    color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
+    color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
+  );
+  --sbb-scrollbar-track-color: var(--sbb-background-color-4);
+  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
+}
+.sbb-map-container__sidebar::-webkit-scrollbar {
+  width: var(--sbb-scrollbar-width);
+  height: var(--sbb-scrollbar-width);
+  background-color: var(--sbb-scrollbar-track-color, transparent);
+}
+.sbb-map-container__sidebar::-webkit-scrollbar-corner {
+  background-color: var(--sbb-scrollbar-track-color, transparent);
+}
+.sbb-map-container__sidebar::-webkit-scrollbar-thumb {
+  background-color: var(--sbb-scrollbar-color, currentcolor);
+  border: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;
+  border-radius: var(--sbb-border-radius-4x);
+  background-clip: padding-box;
+}
+.sbb-map-container__sidebar::-webkit-scrollbar-thumb:hover {
+  background-color: var(--sbb-scrollbar-color-hover, currentcolor);
+  border-width: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)));
+}
+.sbb-map-container__sidebar::-webkit-scrollbar-button, .sbb-map-container__sidebar::-webkit-scrollbar-corner {
+  display: none;
+}
+@supports not selector(::-webkit-scrollbar) {
+  .sbb-map-container__sidebar {
+    scrollbar-width: var(--sbb-scrollbar-width-firefox);
+    scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);
+  }
+}
+.sbb-map-container__sidebar {
+  grid-column: 1/3;
+  grid-row: 2/3;
+  width: 100%;
+  overflow: hidden auto;
+  position: relative;
+  border-start-end-radius: var(--sbb-map-container-border-radius);
+  border-start-start-radius: var(--sbb-map-container-border-radius);
+  margin-block-start: calc(var(--sbb-map-container-border-radius) * -1);
+  background-color: var(--sbb-map-container-sidebar-background-color);
+}
+@media (min-width: calc(64rem)) {
+  .sbb-map-container__sidebar {
+    grid-column: 1/2;
+    grid-row: 1/3;
+    border-radius: 0;
+    margin-block-start: 0;
+    border-block-start: var(--sbb-border-width-1x) solid var(--sbb-border-color-4-inverted);
+  }
+}
+
+.sbb-map-container__map {
+  position: sticky;
+  inset-block-start: 0;
+  inset-inline: 0;
+  grid-row: 1/2;
+  grid-column: 1/3;
+}
+@media (max-width: calc(63.9375rem)) {
+  .sbb-map-container__map {
+    inset-block-start: var(--sbb-map-container-mobile-sticky-block-start);
+    height: var(--sbb-map-container-map-height);
+  }
+}
+@media (min-width: calc(64rem)) {
+  .sbb-map-container__map {
+    grid-row: 1/3;
+    grid-column: 2/3;
+    position: relative;
+  }
+}`;
+let SbbMapContainerElement = (() => {
+  var _hideScrollUpButton_accessor_storage, __scrollUpButtonVisible_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-map-container")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbElementInternalsMixin(LitElement);
+  let _hideScrollUpButton_decorators;
+  let _hideScrollUpButton_initializers = [];
+  let _hideScrollUpButton_extraInitializers = [];
+  let __scrollUpButtonVisible_decorators;
+  let __scrollUpButtonVisible_initializers = [];
+  let __scrollUpButtonVisible_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _hideScrollUpButton_accessor_storage);
+      __privateAdd(this, __scrollUpButtonVisible_accessor_storage);
+      __privateSet(this, _hideScrollUpButton_accessor_storage, __runInitializers(this, _hideScrollUpButton_initializers, false));
+      __privateSet(this, __scrollUpButtonVisible_accessor_storage, (__runInitializers(this, _hideScrollUpButton_extraInitializers), __runInitializers(this, __scrollUpButtonVisible_initializers, false)));
+      this._language = (__runInitializers(this, __scrollUpButtonVisible_extraInitializers), new SbbLanguageController(this));
+      this._observer = new IntersectionController(this, {
+        target: null,
+        callback: (entries) => this._toggleButtonVisibilityOnIntersect(entries)
+      });
+    }
+    /** Flag to show/hide the scroll up button inside the sidebar on mobile. */
+    get hideScrollUpButton() {
+      return __privateGet(this, _hideScrollUpButton_accessor_storage);
+    }
+    set hideScrollUpButton(value) {
+      __privateSet(this, _hideScrollUpButton_accessor_storage, value);
+    }
+    get _scrollUpButtonVisible() {
+      return __privateGet(this, __scrollUpButtonVisible_accessor_storage);
+    }
+    set _scrollUpButtonVisible(value) {
+      __privateSet(this, __scrollUpButtonVisible_accessor_storage, value);
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("hideScrollUpButton")) {
+        const intersectorElement = this._intersector();
+        if (!this.hideScrollUpButton && intersectorElement) {
+          this._observer.observe(intersectorElement);
+        } else if (intersectorElement) {
+          this._observer.unobserve(intersectorElement);
+        }
+      }
+    }
+    firstUpdated(changedProperties) {
+      super.firstUpdated(changedProperties);
+      if (!this.hideScrollUpButton) {
+        this._observer.observe(this._intersector());
+      }
+    }
+    _intersector() {
+      return this.shadowRoot?.querySelector("#intersector") ?? null;
+    }
+    /**
+     * Button click callback to trigger the scroll to container top
+     * @private
+     */
+    _onScrollButtonClick() {
+      this.scrollIntoView({ behavior: "smooth" });
+    }
+    /**
+     * Intersection callback. Toggles the visibility.
+     * @param entries
+     * @private
+     */
+    _toggleButtonVisibilityOnIntersect(entries) {
+      entries.forEach((entry) => {
+        const mapIsHidden = !entry.isIntersecting;
+        this.toggleState("scroll-up-button-visible", mapIsHidden);
+        this._scrollUpButtonVisible = mapIsHidden;
+      });
+    }
+    render() {
+      return html`
+      <div class="sbb-map-container">
+        <div class="sbb-map-container__map">
+          <slot name="map"></slot>
+        </div>
+        <div class="sbb-map-container__sidebar" @scroll=${(e) => forwardEvent(e, document)}>
+          <span id="intersector"></span>
+
+          <slot></slot>
+
+          ${!this.hideScrollUpButton ? html`<sbb-accent-button
+                class="sbb-map-container__sidebar-button"
+                size="l"
+                icon-name="location-pin-map-small"
+                type="button"
+                @click=${() => this._onScrollButtonClick()}
+                ?inert=${!this._scrollUpButtonVisible}
+              >
+                ${i18nMapContainerButtonLabel[this._language.current]}
+              </sbb-accent-button>` : nothing}
+        </div>
+      </div>
+    `;
+    }
+  }, _hideScrollUpButton_accessor_storage = new WeakMap(), __scrollUpButtonVisible_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _hideScrollUpButton_decorators = [forceType(), property({ attribute: "hide-scroll-up-button", reflect: true, type: Boolean })];
+    __scrollUpButtonVisible_decorators = [state()];
+    __esDecorate(_a, null, _hideScrollUpButton_decorators, { kind: "accessor", name: "hideScrollUpButton", static: false, private: false, access: { has: (obj) => "hideScrollUpButton" in obj, get: (obj) => obj.hideScrollUpButton, set: (obj, value) => {
+      obj.hideScrollUpButton = value;
+    } }, metadata: _metadata }, _hideScrollUpButton_initializers, _hideScrollUpButton_extraInitializers);
+    __esDecorate(_a, null, __scrollUpButtonVisible_decorators, { kind: "accessor", name: "_scrollUpButtonVisible", static: false, private: false, access: { has: (obj) => "_scrollUpButtonVisible" in obj, get: (obj) => obj._scrollUpButtonVisible, set: (obj, value) => {
+      obj._scrollUpButtonVisible = value;
+    } }, metadata: _metadata }, __scrollUpButtonVisible_initializers, __scrollUpButtonVisible_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 {
+  SbbMapContainerElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9tYXAtY29udGFpbmVyL21hcC1jb250YWluZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEludGVyc2VjdGlvbkNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL2ludGVyc2VjdGlvbi1jb250cm9sbGVyLmpzJztcbmltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFByb3BlcnR5VmFsdWVzLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50LCBub3RoaW5nIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5LCBzdGF0ZSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiTGFuZ3VhZ2VDb250cm9sbGVyIH0gZnJvbSAnLi4vY29yZS9jb250cm9sbGVycy50cyc7XG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMudHMnO1xuaW1wb3J0IHsgZm9yd2FyZEV2ZW50IH0gZnJvbSAnLi4vY29yZS9ldmVudGluZy50cyc7XG5pbXBvcnQgeyBpMThuTWFwQ29udGFpbmVyQnV0dG9uTGFiZWwgfSBmcm9tICcuLi9jb3JlL2kxOG4udHMnO1xuaW1wb3J0IHsgU2JiRWxlbWVudEludGVybmFsc01peGluIH0gZnJvbSAnLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vY29yZS9zdHlsZXMudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9tYXAtY29udGFpbmVyLnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vYnV0dG9uL2FjY2VudC1idXR0b24udHMnO1xuXG4vKipcbiAqIEl0IGNhbiBiZSB1c2VkIGFzIGEgY29udGFpbmVyIGZvciBtYXBzLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIHNpZGViYXIuXG4gKiBAc2xvdCBtYXAgLSBVc2VkIGZvciBzbG90dGluZyB0aGUgbWFwLlxuICogQGNzc3Byb3AgWy0tc2JiLW1hcC1jb250YWluZXItbWFyZ2luLXN0YXJ0PXZhcigtLXNiYi1oZWFkZXItaGVpZ2h0KV0gLSBUaGUgY29tcG9uZW50XG4gKiBjb21lcyBhbG9uZyB3aXRoIGEgaGVpZ2h0IGNhbGN1bGF0aW9uIHRoYXQgc3VidHJhY3RzIHRoZSBoZWlnaHQgb2YgdGhlIGhlYWRlci5cbiAqIEZvciBzcGVjaWZpYyB1c2UgY2FzZXMsIHRoaXMgdmFyaWFibGUgY2FuIGJlIHVzZWQgdG8gbW9kaWZ5IHRoZSBwcmVzZXQgaGVpZ2h0LlxuICogQGNzc3Byb3AgWy0tc2JiLW1hcC1jb250YWluZXItc2lkZWJhci13aWR0aD16ZXJvLWxhcmdlOjQwMHB4O3VsdHJhOjQ4MHB4XSAtIENhbiBiZSB1c2VkXG4gKiB0byBtb2RpZnkgdGhlIHdpZHRoIG9mIHRoZSBsZWZ0IHNpZGViYXIuXG4gKiBAY3NzcHJvcCBbLS1zYmItbWFwLWNvbnRhaW5lci1tb2JpbGUtc3RpY2t5LWJsb2NrLXN0YXJ0PTBdIC0gSWYgZS5nLiBhIGhlYWRlciB3aXRoIGEgZml4ZWQgaGVpZ2h0XG4gKiBpcyBwbGFjZWQgYmVmb3JlIHRoZSBtYXAtY29udGFpbmVyLCB0aGUgbWFwIHNob3VsZCBiZSBzdGlja3kgcmVzcGVjdGluZ1xuICogdGhpcyBvZmZzZXQgZnJvbSB0aGUgZG9jdW1lbnQncyB0b3AuIE9ubHkgYXBwbGllZCBvbiBtb2JpbGUgdmlld3MuXG4gKiBNb3N0IGNvbW1vbmx5IGl0IGNhbiBiZSBzZXQgdG8gYHZhcigtLXNiYi1oZWFkZXItaGVpZ2h0KWAuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1tYXAtY29udGFpbmVyJylcbmNsYXNzIFNiYk1hcENvbnRhaW5lckVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50SW50ZXJuYWxzTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG5cbiAgLyoqIEZsYWcgdG8gc2hvdy9oaWRlIHRoZSBzY3JvbGwgdXAgYnV0dG9uIGluc2lkZSB0aGUgc2lkZWJhciBvbiBtb2JpbGUuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdoaWRlLXNjcm9sbC11cC1idXR0b24nLCByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBoaWRlU2Nyb2xsVXBCdXR0b246IGJvb2xlYW4gPSBmYWxzZTtcblxuICBAc3RhdGUoKSBwcml2YXRlIGFjY2Vzc29yIF9zY3JvbGxVcEJ1dHRvblZpc2libGUgPSBmYWxzZTtcblxuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG4gIHByaXZhdGUgX29ic2VydmVyID0gbmV3IEludGVyc2VjdGlvbkNvbnRyb2xsZXIodGhpcywge1xuICAgIHRhcmdldDogbnVsbCxcbiAgICBjYWxsYmFjazogKGVudHJpZXMpID0+IHRoaXMuX3RvZ2dsZUJ1dHRvblZpc2liaWxpdHlPbkludGVyc2VjdChlbnRyaWVzKSxcbiAgfSk7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdoaWRlU2Nyb2xsVXBCdXR0b24nKSkge1xuICAgICAgY29uc3QgaW50ZXJzZWN0b3JFbGVtZW50ID0gdGhpcy5faW50ZXJzZWN0b3IoKTtcblxuICAgICAgaWYgKCF0aGlzLmhpZGVTY3JvbGxVcEJ1dHRvbiAmJiBpbnRlcnNlY3RvckVsZW1lbnQpIHtcbiAgICAgICAgdGhpcy5fb2JzZXJ2ZXIub2JzZXJ2ZShpbnRlcnNlY3RvckVsZW1lbnQpO1xuICAgICAgfSBlbHNlIGlmIChpbnRlcnNlY3RvckVsZW1lbnQpIHtcbiAgICAgICAgdGhpcy5fb2JzZXJ2ZXIudW5vYnNlcnZlKGludGVyc2VjdG9yRWxlbWVudCk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIGlmICghdGhpcy5oaWRlU2Nyb2xsVXBCdXR0b24pIHtcbiAgICAgIHRoaXMuX29ic2VydmVyLm9ic2VydmUodGhpcy5faW50ZXJzZWN0b3IoKSEpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2ludGVyc2VjdG9yKCk6IEhUTUxFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuc2hhZG93Um9vdD8ucXVlcnlTZWxlY3RvcignI2ludGVyc2VjdG9yJykgPz8gbnVsbDtcbiAgfVxuXG4gIC8qKlxuICAgKiBCdXR0b24gY2xpY2sgY2FsbGJhY2sgdG8gdHJpZ2dlciB0aGUgc2Nyb2xsIHRvIGNvbnRhaW5lciB0b3BcbiAgICogQHByaXZhdGVcbiAgICovXG4gIHByaXZhdGUgX29uU2Nyb2xsQnV0dG9uQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5zY3JvbGxJbnRvVmlldyh7IGJlaGF2aW9yOiAnc21vb3RoJyB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBJbnRlcnNlY3Rpb24gY2FsbGJhY2suIFRvZ2dsZXMgdGhlIHZpc2liaWxpdHkuXG4gICAqIEBwYXJhbSBlbnRyaWVzXG4gICAqIEBwcml2YXRlXG4gICAqL1xuICBwcml2YXRlIF90b2dnbGVCdXR0b25WaXNpYmlsaXR5T25JbnRlcnNlY3QoZW50cmllczogSW50ZXJzZWN0aW9uT2JzZXJ2ZXJFbnRyeVtdKTogdm9pZCB7XG4gICAgZW50cmllcy5mb3JFYWNoKChlbnRyeSkgPT4ge1xuICAgICAgY29uc3QgbWFwSXNIaWRkZW4gPSAhZW50cnkuaXNJbnRlcnNlY3Rpbmc7XG4gICAgICB0aGlzLnRvZ2dsZVN0YXRlKCdzY3JvbGwtdXAtYnV0dG9uLXZpc2libGUnLCBtYXBJc0hpZGRlbik7XG4gICAgICB0aGlzLl9zY3JvbGxVcEJ1dHRvblZpc2libGUgPSBtYXBJc0hpZGRlbjtcbiAgICB9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1tYXAtY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItbWFwLWNvbnRhaW5lcl9fbWFwXCI+XG4gICAgICAgICAgPHNsb3QgbmFtZT1cIm1hcFwiPjwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItbWFwLWNvbnRhaW5lcl9fc2lkZWJhclwiIEBzY3JvbGw9JHsoZTogRXZlbnQpID0+IGZvcndhcmRFdmVudChlLCBkb2N1bWVudCl9PlxuICAgICAgICAgIDxzcGFuIGlkPVwiaW50ZXJzZWN0b3JcIj48L3NwYW4+XG5cbiAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG5cbiAgICAgICAgICAkeyF0aGlzLmhpZGVTY3JvbGxVcEJ1dHRvblxuICAgICAgICAgICAgPyBodG1sYDxzYmItYWNjZW50LWJ1dHRvblxuICAgICAgICAgICAgICAgIGNsYXNzPVwic2JiLW1hcC1jb250YWluZXJfX3NpZGViYXItYnV0dG9uXCJcbiAgICAgICAgICAgICAgICBzaXplPVwibFwiXG4gICAgICAgICAgICAgICAgaWNvbi1uYW1lPVwibG9jYXRpb24tcGluLW1hcC1zbWFsbFwiXG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgQGNsaWNrPSR7KCkgPT4gdGhpcy5fb25TY3JvbGxCdXR0b25DbGljaygpfVxuICAgICAgICAgICAgICAgID9pbmVydD0keyF0aGlzLl9zY3JvbGxVcEJ1dHRvblZpc2libGV9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAke2kxOG5NYXBDb250YWluZXJCdXR0b25MYWJlbFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICAgICAgPC9zYmItYWNjZW50LWJ1dHRvbj5gXG4gICAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLW1hcC1jb250YWluZXInOiBTYmJNYXBDb250YWluZXJFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBaUNNLDBCQUFzQixNQUFBOzswQkFEM0IsY0FBYyxtQkFBbUIsQ0FBQzs7OztvQkFDRSx5QkFBeUIsVUFBVTs7Ozs7OztBQUEzQyxFQUFBLG1CQUFRLFlBQW9DO0FBQUE7O0FBTXZFO0FBRVM7QUFGTyx5QkFBQSxzQ0FBQSxrQkFBQSxNQUFBLGtDQUE4QixLQUFLO0FBRXpCLHlCQUFBLDJDQUFB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

package/development/map-container.d.ts

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

package/development/map-container.d.ts.map

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

package/development/map-container.js

@@ -0,0 +1,5 @@
+import { SbbMapContainerElement } from "./map-container/map-container.component.js";
+export {
+  SbbMapContainerElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLWNvbnRhaW5lci5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=

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

@@ -0,0 +1,8 @@
+import { SbbActionBaseElement } from '../../core/base-elements.ts';
+import { AbstractConstructor } from '../../core/mixins.ts';
+declare const SbbMenuActionCommonElementMixinType_base: AbstractConstructor<import('../../icon.ts').SbbIconNameMixinType> & AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & typeof SbbActionBaseElement;
+export declare class SbbMenuActionCommonElementMixinType extends SbbMenuActionCommonElementMixinType_base {
+}
+export declare const SbbMenuActionCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbMenuActionCommonElementMixinType> & T;
+export {};
+//# sourceMappingURL=menu-action-common.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-action-common.d.ts","sourceRoot":"","sources":["../../../../../src/elements/menu/common/menu-action-common.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,KAAK,mBAAmB,EAAoB,MAAM,sBAAsB,CAAC;;AAMlF,MAAM,CAAC,OAAO,OAAO,mCAAoC,SAAQ,wCAEhE;CAAG;AAGJ,eAAO,MAAM,+BAA+B,GAC1C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAEnD,YAAY,CAAC,KACZ,mBAAmB,CAAC,mCAAmC,CAAC,GAAG,CAuB7D,CAAC"}

package/development/menu/common/menu-action-common.js

@@ -0,0 +1,144 @@
+import { css } from "lit";
+import { html } from "lit/static-html.js";
+import { SbbDisabledMixin } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+import { SbbIconNameMixin } from "../../icon.js";
+const style = css`:host {
+  outline: none !important;
+  --sbb-menu-action-border-radius: var(--sbb-border-radius-infinity);
+  --sbb-menu-action-outer-horizontal-padding: var(--sbb-spacing-fixed-3x);
+  --sbb-menu-action-outer-vertical-padding: var(--sbb-spacing-fixed-1x);
+  --sbb-menu-action-gap: var(--sbb-spacing-fixed-2x);
+  --sbb-menu-action-cursor: var(--sbb-cursor-pointer);
+  --sbb-menu-action-color: var(--sbb-color-2-inverted);
+  --sbb-menu-action-forced-color-border-color: CanvasText;
+  --sbb-menu-action-content-padding-inline: var(--sbb-spacing-fixed-2x);
+  --sbb-menu-action-content-padding-block: var(--sbb-spacing-fixed-1x);
+  display: block;
+}
+
+@media (any-hover: hover) {
+  :host(:is(:hover:not([disabled], :disabled, [disabled-interactive]), [aria-expanded=true])) {
+    --sbb-menu-background-color: var(--sbb-color-iron);
+    --sbb-menu-background-color: light-dark(var(--sbb-color-iron), var(--sbb-color-milk));
+    --sbb-menu-action-forced-color-border-color: Highlight;
+  }
+}
+
+:host(:is([disabled], :disabled, [disabled-interactive])) {
+  --sbb-menu-action-cursor: var(--sbb-cursor-default);
+  --sbb-menu-action-color: var(--sbb-color-graphite);
+  --sbb-menu-action-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-granite));
+  --sbb-menu-action-forced-color-border-color: GrayText;
+  pointer-events: none;
+  cursor: var(--sbb-cursor-default);
+}
+@media (forced-colors: active) {
+  :host(:is([disabled], :disabled, [disabled-interactive])) {
+    --sbb-menu-action-color: GrayText;
+  }
+}
+
+:host(:is(:state(sbb-menu-trigger),[state--sbb-menu-trigger])) {
+  --sbb-menu-action-cursor: var(--sbb-cursor-default);
+}
+
+@media (forced-colors: active) {
+  :host(:is(:state(button),[state--button])) {
+    --sbb-menu-action-color: ButtonText;
+  }
+}
+
+:host([sbb-badge]:not(:is(:state(has-icon-name),[state--has-icon-name]), :is(:state(slotted-icon),[state--slotted-icon])))::after {
+  inset: 50% calc(100% - var(--sbb-menu-action-outer-horizontal-padding) - var(--sbb-menu-action-content-padding-inline) - 0.5 * var(--sbb-size-icon-ui-small)) auto auto !important;
+  translate: 50% -50%;
+}
+
+:host([sbb-badge]:is(:is(:state(has-icon-name),[state--has-icon-name]), :is(:state(slotted-icon),[state--slotted-icon])))::after {
+  inset: calc(var(--sbb-menu-action-outer-vertical-padding) + var(--sbb-menu-action-content-padding-block) + var(--sbb-badge-position-offset)) calc(100% - var(--sbb-menu-action-outer-horizontal-padding) - var(--sbb-menu-action-content-padding-inline) - var(--sbb-size-icon-ui-small) + var(--sbb-badge-position-offset)) auto auto !important;
+}
+
+:host([aria-controls*=sbb-menu]) {
+  --sbb-menu-action-submenu-icon-display: flex;
+}
+
+:is(.sbb-menu-button, .sbb-menu-link) {
+  text-decoration: none;
+  display: block;
+  width: 100%;
+  color: var(--sbb-menu-action-color);
+  padding: var(--sbb-menu-action-outer-vertical-padding) var(--sbb-menu-action-outer-horizontal-padding);
+  cursor: var(--sbb-menu-action-cursor);
+  outline: none;
+}
+
+.sbb-menu-action__content {
+  --sbb-text-font-size: var(--sbb-text-font-size-xs);
+  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);
+  display: flex;
+  align-items: center;
+  gap: var(--sbb-menu-action-gap);
+  padding: var(--sbb-menu-action-content-padding-block) var(--sbb-menu-action-content-padding-inline);
+  border-radius: var(--sbb-menu-action-border-radius);
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  background-color: var(--sbb-menu-background-color);
+}
+:host(:focus-visible) .sbb-menu-action__content, :focus-visible .sbb-menu-action__content {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
+}
+@media (forced-colors: active) {
+  .sbb-menu-action__content {
+    border: var(--sbb-border-width-2x) solid var(--sbb-menu-action-forced-color-border-color);
+  }
+}
+
+.sbb-menu-action__icon,
+.sbb-menu-submenu__icon {
+  display: flex;
+  min-width: var(--sbb-size-icon-ui-small);
+  min-height: var(--sbb-size-icon-ui-small);
+}
+
+.sbb-menu-submenu__icon {
+  display: var(--sbb-menu-action-submenu-icon-display, none);
+  margin-inline-start: auto;
+}
+
+.sbb-menu-action__label {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+:host(:is([disabled], :disabled, [disabled-interactive])) .sbb-menu-action__label {
+  text-decoration: line-through;
+}`;
+const SbbMenuActionCommonElementMixin = (superClass) => {
+  const _SbbMenuActionCommonElement = class _SbbMenuActionCommonElement extends SbbIconNameMixin(SbbDisabledMixin(superClass)) {
+    renderTemplate() {
+      return html`
+        <span class="sbb-menu-action__content">
+          <span class="sbb-menu-action__icon"> ${super.renderIconSlot()} </span>
+          <span class="sbb-menu-action__label">
+            <slot></slot>
+          </span>
+          <span class="sbb-menu-submenu__icon">
+            <sbb-icon name="chevron-small-right-small"></sbb-icon>
+          </span>
+        </span>
+      `;
+    }
+  };
+  _SbbMenuActionCommonElement.styles = [boxSizingStyles, style];
+  let SbbMenuActionCommonElement = _SbbMenuActionCommonElement;
+  return SbbMenuActionCommonElement;
+};
+export {
+  SbbMenuActionCommonElementMixin
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1hY3Rpb24tY29tbW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvbWVudS9jb21tb24vbWVudS1hY3Rpb24tY29tbW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB0eXBlIHsgU2JiQWN0aW9uQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgdHlwZSBBYnN0cmFjdENvbnN0cnVjdG9yLCBTYmJEaXNhYmxlZE1peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHsgU2JiSWNvbk5hbWVNaXhpbiB9IGZyb20gJy4uLy4uL2ljb24udHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9tZW51LWFjdGlvbi5zY3NzP2xpdCZpbmxpbmUnO1xuXG5leHBvcnQgZGVjbGFyZSBjbGFzcyBTYmJNZW51QWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZSBleHRlbmRzIFNiYkljb25OYW1lTWl4aW4oXG4gIFNiYkRpc2FibGVkTWl4aW4oU2JiQWN0aW9uQmFzZUVsZW1lbnQpLFxuKSB7fVxuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG5leHBvcnQgY29uc3QgU2JiTWVudUFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpbiA9IDxcbiAgVCBleHRlbmRzIEFic3RyYWN0Q29uc3RydWN0b3I8U2JiQWN0aW9uQmFzZUVsZW1lbnQ+LFxuPihcbiAgc3VwZXJDbGFzczogVCxcbik6IEFic3RyYWN0Q29uc3RydWN0b3I8U2JiTWVudUFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGU+ICYgVCA9PiB7XG4gIGFic3RyYWN0IGNsYXNzIFNiYk1lbnVBY3Rpb25Db21tb25FbGVtZW50XG4gICAgZXh0ZW5kcyBTYmJJY29uTmFtZU1peGluKFNiYkRpc2FibGVkTWl4aW4oc3VwZXJDbGFzcykpXG4gICAgaW1wbGVtZW50cyBTYmJNZW51QWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZVxuICB7XG4gICAgcHVibGljIHN0YXRpYyBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuXG4gICAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICAgIHJldHVybiBodG1sYFxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1tZW51LWFjdGlvbl9fY29udGVudFwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLW1lbnUtYWN0aW9uX19pY29uXCI+ICR7c3VwZXIucmVuZGVySWNvblNsb3QoKX0gPC9zcGFuPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLW1lbnUtYWN0aW9uX19sYWJlbFwiPlxuICAgICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1tZW51LXN1Ym1lbnVfX2ljb25cIj5cbiAgICAgICAgICAgIDxzYmItaWNvbiBuYW1lPVwiY2hldnJvbi1zbWFsbC1yaWdodC1zbWFsbFwiPjwvc2JiLWljb24+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICBgO1xuICAgIH1cbiAgfVxuICByZXR1cm4gU2JiTWVudUFjdGlvbkNvbW1vbkVsZW1lbnQgYXMgdW5rbm93biBhcyBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYk1lbnVBY3Rpb25Db21tb25FbGVtZW50TWl4aW5UeXBlPiAmXG4gICAgVDtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBZU8sTUFBTSxrQ0FBa0MsQ0FHN0MsZUFDZ0U7QUFDaEUsUUFBZSw4QkFBZixNQUFlLG9DQUNMLGlCQUFpQixpQkFBaUIsVUFBVSxDQUFDLEVBQUM7QUFBQSxJQUtuQyxpQkFBYztBQUMvQixhQUFPO0FBQUE7QUFBQSxpREFFb0MsTUFBTSxnQkFBZ0I7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFTbkU7QUFBQSxFQUFBO0FBZGMsOEJBQUEsU0FBeUIsQ0FBQyxpQkFBaUIsS0FBSztBQUpoRSxNQUFlLDZCQUFmO0FBb0JBLFNBQU87QUFFVDsifQ==

package/development/menu/common.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './common/menu-action-common.ts';
+//# sourceMappingURL=common.d.ts.map

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

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

package/development/menu/common.js

@@ -0,0 +1,5 @@
+import { SbbMenuActionCommonElementMixin } from "./common/menu-action-common.js";
+export {
+  SbbMenuActionCommonElementMixin
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==

package/development/menu/menu/menu.component.d.ts

@@ -0,0 +1,79 @@
+import { CSSResultGroup, PropertyDeclaration, PropertyValues, TemplateResult } from 'lit';
+import { SbbOpenCloseBaseElement } from '../../core/base-elements.ts';
+/**
+ * It displays a contextual menu with one or more action element.
+ *
+ * @slot - Use the unnamed slot to add `sbb-menu-button`/`sbb-menu-link` or other elements to the menu.
+ * @cssprop [--sbb-menu-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 SbbMenuElement extends SbbOpenCloseBaseElement {
+    static styles: CSSResultGroup;
+    static readonly role = "menu";
+    /**
+     * The element that will trigger the menu overlay.
+     *
+     * For attribute usage, provide an id reference.
+     */
+    accessor trigger: HTMLElement | null;
+    private _menu;
+    private _triggerElement;
+    private _triggerAbortController;
+    private _isPointerDownEventOnMenu;
+    private _windowEventsController;
+    private _escapableOverlayController;
+    private _focusTrapController;
+    private _scrollHandler;
+    private _inertController;
+    private _mobileBreakpoint;
+    private _mediaMatcher;
+    private _darkModeController;
+    private _language;
+    private _nestedMenu;
+    constructor();
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    escapeStrategy(): void;
+    /**
+     * Opens the menu on trigger click.
+     */
+    open(): void;
+    /** Closes the menu and all its nested menus. */
+    close(): void;
+    /** Closes the menu and all related menus (nested and parent menus). */
+    closeAll(): void;
+    /** @param [closeAll='false'] - If true, it ensures animations are correct by toggling some states when closing all related menus at once. */
+    private _close;
+    private _isZeroAnimationDuration;
+    private _handleOpening;
+    private _handleClosing;
+    private _handleKeyDown;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration): void;
+    private _configureTrigger;
+    private _attachWindowEvents;
+    private _interactiveElementClick;
+    private _pointerDownListener;
+    private _closeOnBackdropClick;
+    /** Converts the linked list into an array of SbbMenuElement. */
+    private _nestedMenus;
+    private _parentMenu;
+    /** The outermost menu. */
+    private _mainMenu;
+    private _isNested;
+    private _updateNestedInert;
+    private _handleMouseOver;
+    private _onMenuAnimationEnd;
+    private _setMenuPosition;
+    private _syncNegative;
+    private _isMobile;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-menu': SbbMenuElement;
+    }
+}
+//# sourceMappingURL=menu.component.d.ts.map

package/development/menu/menu/menu.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/menu/menu/menu.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAUb,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AA2BtE,OAAO,kBAAkB,CAAC;AAC1B,OAAO,mBAAmB,CAAC;AAmB3B;;;;;;;GAOG;AACH,qBAEM,cAAe,SAAQ,uBAAuB;IAClD,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAgC,IAAI,UAAU;IAE9C;;;;OAIG;IACH,SAEgB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAQ;IAEnD,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,yBAAyB,CAAkB;IACnD,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,2BAA2B,CAA2C;IAC9E,OAAO,CAAC,oBAAoB,CAAoC;IAChE,OAAO,CAAC,cAAc,CAA0B;IAChD,OAAO,CAAC,gBAAgB,CAAgC;IACxD,OAAO,CAAC,iBAAiB,CAAwC;IACjE,OAAO,CAAC,aAAa,CAQlB;IACH,OAAO,CAAC,mBAAmB,CAA+D;IAC1F,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,WAAW,CAA+B;;cAO/B,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM9D,cAAc,IAAI,IAAI;IAItC;;OAEG;IACI,IAAI,IAAI,IAAI;IAuCnB,gDAAgD;IACzC,KAAK,IAAI,IAAI;IAIpB,uEAAuE;IAChE,QAAQ,IAAI,IAAI;IAIvB,6IAA6I;IAC7I,OAAO,CAAC,MAAM;IA+Bd,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,cAAc;IA4BtB,OAAO,CAAC,cAAc;cAqDH,gBAAgB,IAAI,WAAW,GAAG,gBAAgB;IASrD,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAQ5B,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;IASP,OAAO,CAAC,iBAAiB;IA2BzB,OAAO,CAAC,mBAAmB;IA2B3B,OAAO,CAAC,wBAAwB;IAchC,OAAO,CAAC,oBAAoB,CAM1B;IAGF,OAAO,CAAC,qBAAqB,CAc3B;IAEF,gEAAgE;IAChE,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,WAAW;IAInB,0BAA0B;IAC1B,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,gBAAgB;IAwBxB,OAAO,CAAC,mBAAmB;IAe3B,OAAO,CAAC,gBAAgB;IA+BxB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,SAAS;cAIE,MAAM,IAAI,cAAc;CA4B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}