@sbb-esta/lyne-elements 4.6.0 → 4.8.0

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

@@ -0,0 +1,307 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, html, nothing } from "lit";
+import { property, state } from "lit/decorators.js";
+import { SbbElement } from "./core/base-elements.js";
+import { forceType } from "./core/decorators.js";
+import { forwardEvent } from "./core/eventing.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { SbbLanguageController } from "./core/controllers.js";
+import { i18nMapContainerButtonLabel } from "./core/i18n.js";
+import { IntersectionController } from "@lit-labs/observers/intersection-controller.js";
+import "./button/accent-button.js";
+//#region src/elements/map-container/map-container.scss?lit&inline
+var map_container_default = css`:host {
+  --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)
+  );
+  display: grid;
+  grid-template-rows: auto auto;
+}
+@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(64rem)) {
+  :host {
+    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, 0);
+    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;
+  }
+}`;
+//#endregion
+//#region src/elements/map-container/map-container.component.ts
+/**
+* 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)`.
+*/
+var SbbMapContainerElement = (() => {
+	let _classSuper = SbbElement;
+	let _hideScrollUpButton_decorators;
+	let _hideScrollUpButton_initializers = [];
+	let _hideScrollUpButton_extraInitializers = [];
+	let __scrollUpButtonVisible_decorators;
+	let __scrollUpButtonVisible_initializers = [];
+	let __scrollUpButtonVisible_extraInitializers = [];
+	return class SbbMapContainerElement extends _classSuper {
+		constructor() {
+			super(...arguments);
+			this.#hideScrollUpButton_accessor_storage = __runInitializers(this, _hideScrollUpButton_initializers, false);
+			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)
+			});
+		}
+		static {
+			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(this, 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(this, 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);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-map-container";
+		}
+		static {
+			this.styles = [boxSizingStyles, map_container_default];
+		}
+		#hideScrollUpButton_accessor_storage;
+		/** Flag to show/hide the scroll up button inside the sidebar on mobile. */
+		get hideScrollUpButton() {
+			return this.#hideScrollUpButton_accessor_storage;
+		}
+		set hideScrollUpButton(value) {
+			this.#hideScrollUpButton_accessor_storage = value;
+		}
+		#_scrollUpButtonVisible_accessor_storage;
+		get _scrollUpButtonVisible() {
+			return this.#_scrollUpButtonVisible_accessor_storage;
+		}
+		set _scrollUpButtonVisible(value) {
+			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__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>
+    `;
+		}
+	};
+})();
+//#endregion
+export { SbbMapContainerElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLWNvbnRhaW5lci5jb21wb25lbnQtRE1GMm91bHUuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL21hcC1jb250YWluZXIvbWFwLWNvbnRhaW5lci5zY3NzP2xpdCZpbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvbWFwLWNvbnRhaW5lci9tYXAtY29udGFpbmVyLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIC0tc2JiLW1hcC1jb250YWluZXItYW5pbWF0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi00eClcbiAgKTtcbiAgLS1fc2JiLW1hcC1jb250YWluZXItbWFwLWhlaWdodDogY2FsYyhcbiAgICB2YXIoLS1zYmItbWFwLWNvbnRhaW5lci1tYXAtaGVpZ2h0LXplcm8pICsgdmFyKC0tc2JiLW1hcC1jb250YWluZXItYm9yZGVyLXJhZGl1cylcbiAgKTtcblxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLXJvd3M6IGF1dG8gYXV0bztcblxuICBAaW5jbHVkZSBzYmIubXEoJGZyb206IHNtYWxsKSB7XG4gICAgLS1fc2JiLW1hcC1jb250YWluZXItbWFwLWhlaWdodDogY2FsYyhcbiAgICAgIHZhcigtLXNiYi1tYXAtY29udGFpbmVyLW1hcC1oZWlnaHQtc21hbGwpICsgdmFyKC0tc2JiLW1hcC1jb250YWluZXItYm9yZGVyLXJhZGl1cylcbiAgICApO1xuICB9XG5cbiAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBsYXJnZSkge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogbWF4KHZhcigtLXNiYi1tYXAtY29udGFpbmVyLXNpZGViYXItd2lkdGgpKSBjYWxjKFxuICAgICAgICAxMDAlIC0gdmFyKC0tc2JiLW1hcC1jb250YWluZXItc2lkZWJhci13aWR0aClcbiAgICAgICk7XG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIGluc2V0OiB2YXIoLS1zYmItbWFwLWNvbnRhaW5lci1tYXJnaW4tc3RhcnQsIHZhcigtLXNiYi1oZWFkZXItaGVpZ2h0KSkgMCAwIDA7XG4gIH1cbn1cblxuLnNiYi1tYXAtY29udGFpbmVyX19zaWRlYmFyLWJ1dHRvbiB7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgbGVmdDogNTAlO1xuICBpbnNldC1ibG9jay1lbmQ6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTV4KTtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICBvcGFjaXR5OiAwO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSkgdHJhbnNsYXRlWShjYWxjKDEwMCUgKyB2YXIoLS1zYmItc3BhY2luZy1maXhlZC01eCkpKTtcblxuICAvLyBIaWRlIHRyYW5zaXRpb24sIHZpc2liaWxpdHkgc2hvdWxkIGJlIGRlbGF5ZWRcbiAgdHJhbnNpdGlvbjpcbiAgICBvcGFjaXR5IHZhcigtLXNiYi1tYXAtY29udGFpbmVyLWFuaW1hdGlvbi1kdXJhdGlvbikgdmFyKC0tc2JiLWFuaW1hdGlvbi1lYXNpbmcpLFxuICAgIHZpc2liaWxpdHkgdmFyKC0tc2JiLW1hcC1jb250YWluZXItYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZylcbiAgICAgIHZhcigtLXNiYi1tYXAtY29udGFpbmVyLWFuaW1hdGlvbi1kdXJhdGlvbiksXG4gICAgdHJhbnNmb3JtIHZhcigtLXNiYi1tYXAtY29udGFpbmVyLWFuaW1hdGlvbi1kdXJhdGlvbikgdmFyKC0tc2JiLWFuaW1hdGlvbi1lYXNpbmcpO1xuXG4gIDpob3N0KDpzdGF0ZShzY3JvbGwtdXAtYnV0dG9uLXZpc2libGUpKSAmIHtcbiAgICAvLyBTaG93IHRyYW5zaXRpb25cbiAgICB0cmFuc2l0aW9uOlxuICAgICAgdmlzaWJpbGl0eSB2YXIoLS1zYmItbWFwLWNvbnRhaW5lci1hbmltYXRpb24tZHVyYXRpb24pIHZhcigtLXNiYi1hbmltYXRpb24tZWFzaW5nKSxcbiAgICAgIG9wYWNpdHkgdmFyKC0tc2JiLW1hcC1jb250YWluZXItYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyksXG4gICAgICB0cmFuc2Zvcm0gdmFyKC0tc2JiLW1hcC1jb250YWluZXItYW5pbWF0aW9uLWR1cmF0aW9uKSBlYXNlLW91dDtcbiAgICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpIHRyYW5zbGF0ZVkoMCk7XG4gIH1cblxuICBAaW5jbHVkZSBzYmIubXEoJGZyb206IGxhcmdlKSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG4uc2JiLW1hcC1jb250YWluZXJfX3NpZGViYXIge1xuICBAaW5jbHVkZSBzYmIuc2Nyb2xsYmFyKCRzaXplOiB0aGljaywgJHRyYWNrLXZpc2libGU6IHRydWUpO1xuXG4gIGdyaWQtY29sdW1uOiAxIC8gMztcbiAgZ3JpZC1yb3c6IDIgLyAzO1xuICB3aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGhpZGRlbiBhdXRvO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1zdGFydC1lbmQtcmFkaXVzOiB2YXIoLS1zYmItbWFwLWNvbnRhaW5lci1ib3JkZXItcmFkaXVzKTtcbiAgYm9yZGVyLXN0YXJ0LXN0YXJ0LXJhZGl1czogdmFyKC0tc2JiLW1hcC1jb250YWluZXItYm9yZGVyLXJhZGl1cyk7XG4gIG1hcmdpbi1ibG9jay1zdGFydDogY2FsYyh2YXIoLS1zYmItbWFwLWNvbnRhaW5lci1ib3JkZXItcmFkaXVzKSAqIC0xKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLW1hcC1jb250YWluZXItc2lkZWJhci1iYWNrZ3JvdW5kLWNvbG9yKTtcblxuICBAaW5jbHVkZSBzYmIubXEoJGZyb206IGxhcmdlKSB7XG4gICAgZ3JpZC1jb2x1bW46IDEgLyAyO1xuICAgIGdyaWQtcm93OiAxIC8gMztcbiAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgIG1hcmdpbi1ibG9jay1zdGFydDogMDtcbiAgICBib3JkZXItYmxvY2stc3RhcnQ6IHZhcigtLXNiYi1ib3JkZXItd2lkdGgtMXgpIHNvbGlkIHZhcigtLXNiYi1ib3JkZXItY29sb3ItNC1pbnZlcnRlZCk7XG4gIH1cbn1cblxuLnNiYi1tYXAtY29udGFpbmVyX19tYXAge1xuICBwb3NpdGlvbjogc3RpY2t5O1xuICBpbnNldC1ibG9jay1zdGFydDogMDtcbiAgaW5zZXQtaW5saW5lOiAwO1xuICBncmlkLXJvdzogMSAvIDI7XG4gIGdyaWQtY29sdW1uOiAxIC8gMztcblxuICAvLyBXZSB1c2UgXCJ0bzogbGFyZ2VcIiB0byBhdm9pZCByZXNldHRpbmcgdGhlIHN0eWxlc1xuICBAaW5jbHVkZSBzYmIubXEoJHRvOiBsYXJnZSkge1xuICAgIGluc2V0LWJsb2NrLXN0YXJ0OiB2YXIoLS1zYmItbWFwLWNvbnRhaW5lci1tb2JpbGUtc3RpY2t5LWJsb2NrLXN0YXJ0LCAwKTtcbiAgICBoZWlnaHQ6IHZhcigtLV9zYmItbWFwLWNvbnRhaW5lci1tYXAtaGVpZ2h0KTtcbiAgfVxuXG4gIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogbGFyZ2UpIHtcbiAgICBncmlkLXJvdzogMSAvIDM7XG4gICAgZ3JpZC1jb2x1bW46IDIgLyAzO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgfVxufVxuIiwiaW1wb3J0IHsgSW50ZXJzZWN0aW9uQ29udHJvbGxlciB9IGZyb20gJ0BsaXQtbGFicy9vYnNlcnZlcnMvaW50ZXJzZWN0aW9uLWNvbnRyb2xsZXIuanMnO1xuaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgUHJvcGVydHlWYWx1ZXMsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIG5vdGhpbmcgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHksIHN0YXRlIH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJy4uL2NvcmUvY29udHJvbGxlcnMudHMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vY29yZS9kZWNvcmF0b3JzLnRzJztcbmltcG9ydCB7IGZvcndhcmRFdmVudCB9IGZyb20gJy4uL2NvcmUvZXZlbnRpbmcudHMnO1xuaW1wb3J0IHsgaTE4bk1hcENvbnRhaW5lckJ1dHRvbkxhYmVsIH0gZnJvbSAnLi4vY29yZS9pMThuLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uL2NvcmUvc3R5bGVzLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vbWFwLWNvbnRhaW5lci5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbXBvcnQgJy4uL2J1dHRvbi9hY2NlbnQtYnV0dG9uLnRzJztcblxuLyoqXG4gKiBJdCBjYW4gYmUgdXNlZCBhcyBhIGNvbnRhaW5lciBmb3IgbWFwcy5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBzaWRlYmFyLlxuICogQHNsb3QgbWFwIC0gVXNlZCBmb3Igc2xvdHRpbmcgdGhlIG1hcC5cbiAqIEBjc3Nwcm9wIFstLXNiYi1tYXAtY29udGFpbmVyLW1hcmdpbi1zdGFydD12YXIoLS1zYmItaGVhZGVyLWhlaWdodCldIC0gVGhlIGNvbXBvbmVudFxuICogY29tZXMgYWxvbmcgd2l0aCBhIGhlaWdodCBjYWxjdWxhdGlvbiB0aGF0IHN1YnRyYWN0cyB0aGUgaGVpZ2h0IG9mIHRoZSBoZWFkZXIuXG4gKiBGb3Igc3BlY2lmaWMgdXNlIGNhc2VzLCB0aGlzIHZhcmlhYmxlIGNhbiBiZSB1c2VkIHRvIG1vZGlmeSB0aGUgcHJlc2V0IGhlaWdodC5cbiAqIEBjc3Nwcm9wIFstLXNiYi1tYXAtY29udGFpbmVyLXNpZGViYXItd2lkdGg9emVyby1sYXJnZTo0MDBweDt1bHRyYTo0ODBweF0gLSBDYW4gYmUgdXNlZFxuICogdG8gbW9kaWZ5IHRoZSB3aWR0aCBvZiB0aGUgbGVmdCBzaWRlYmFyLlxuICogQGNzc3Byb3AgWy0tc2JiLW1hcC1jb250YWluZXItbW9iaWxlLXN0aWNreS1ibG9jay1zdGFydD0wXSAtIElmIGUuZy4gYSBoZWFkZXIgd2l0aCBhIGZpeGVkIGhlaWdodFxuICogaXMgcGxhY2VkIGJlZm9yZSB0aGUgbWFwLWNvbnRhaW5lciwgdGhlIG1hcCBzaG91bGQgYmUgc3RpY2t5IHJlc3BlY3RpbmdcbiAqIHRoaXMgb2Zmc2V0IGZyb20gdGhlIGRvY3VtZW50J3MgdG9wLiBPbmx5IGFwcGxpZWQgb24gbW9iaWxlIHZpZXdzLlxuICogTW9zdCBjb21tb25seSBpdCBjYW4gYmUgc2V0IHRvIGB2YXIoLS1zYmItaGVhZGVyLWhlaWdodClgLlxuICovXG5leHBvcnQgY2xhc3MgU2JiTWFwQ29udGFpbmVyRWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLW1hcC1jb250YWluZXInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG5cbiAgLyoqIEZsYWcgdG8gc2hvdy9oaWRlIHRoZSBzY3JvbGwgdXAgYnV0dG9uIGluc2lkZSB0aGUgc2lkZWJhciBvbiBtb2JpbGUuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdoaWRlLXNjcm9sbC11cC1idXR0b24nLCByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBoaWRlU2Nyb2xsVXBCdXR0b246IGJvb2xlYW4gPSBmYWxzZTtcblxuICBAc3RhdGUoKSBwcml2YXRlIGFjY2Vzc29yIF9zY3JvbGxVcEJ1dHRvblZpc2libGUgPSBmYWxzZTtcblxuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG4gIHByaXZhdGUgX29ic2VydmVyID0gbmV3IEludGVyc2VjdGlvbkNvbnRyb2xsZXIodGhpcywge1xuICAgIHRhcmdldDogbnVsbCxcbiAgICBjYWxsYmFjazogKGVudHJpZXMpID0+IHRoaXMuX3RvZ2dsZUJ1dHRvblZpc2liaWxpdHlPbkludGVyc2VjdChlbnRyaWVzKSxcbiAgfSk7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdoaWRlU2Nyb2xsVXBCdXR0b24nKSkge1xuICAgICAgY29uc3QgaW50ZXJzZWN0b3JFbGVtZW50ID0gdGhpcy5faW50ZXJzZWN0b3IoKTtcblxuICAgICAgaWYgKCF0aGlzLmhpZGVTY3JvbGxVcEJ1dHRvbiAmJiBpbnRlcnNlY3RvckVsZW1lbnQpIHtcbiAgICAgICAgdGhpcy5fb2JzZXJ2ZXIub2JzZXJ2ZShpbnRlcnNlY3RvckVsZW1lbnQpO1xuICAgICAgfSBlbHNlIGlmIChpbnRlcnNlY3RvckVsZW1lbnQpIHtcbiAgICAgICAgdGhpcy5fb2JzZXJ2ZXIudW5vYnNlcnZlKGludGVyc2VjdG9yRWxlbWVudCk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIGlmICghdGhpcy5oaWRlU2Nyb2xsVXBCdXR0b24pIHtcbiAgICAgIHRoaXMuX29ic2VydmVyLm9ic2VydmUodGhpcy5faW50ZXJzZWN0b3IoKSEpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2ludGVyc2VjdG9yKCk6IEhUTUxFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuc2hhZG93Um9vdD8ucXVlcnlTZWxlY3RvcignI2ludGVyc2VjdG9yJykgPz8gbnVsbDtcbiAgfVxuXG4gIC8qKlxuICAgKiBCdXR0b24gY2xpY2sgY2FsbGJhY2sgdG8gdHJpZ2dlciB0aGUgc2Nyb2xsIHRvIGNvbnRhaW5lciB0b3BcbiAgICogQHByaXZhdGVcbiAgICovXG4gIHByaXZhdGUgX29uU2Nyb2xsQnV0dG9uQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5zY3JvbGxJbnRvVmlldyh7IGJlaGF2aW9yOiAnc21vb3RoJyB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBJbnRlcnNlY3Rpb24gY2FsbGJhY2suIFRvZ2dsZXMgdGhlIHZpc2liaWxpdHkuXG4gICAqIEBwYXJhbSBlbnRyaWVzXG4gICAqIEBwcml2YXRlXG4gICAqL1xuICBwcml2YXRlIF90b2dnbGVCdXR0b25WaXNpYmlsaXR5T25JbnRlcnNlY3QoZW50cmllczogSW50ZXJzZWN0aW9uT2JzZXJ2ZXJFbnRyeVtdKTogdm9pZCB7XG4gICAgZW50cmllcy5mb3JFYWNoKChlbnRyeSkgPT4ge1xuICAgICAgY29uc3QgbWFwSXNIaWRkZW4gPSAhZW50cnkuaXNJbnRlcnNlY3Rpbmc7XG4gICAgICB0aGlzLnRvZ2dsZVN0YXRlKCdzY3JvbGwtdXAtYnV0dG9uLXZpc2libGUnLCBtYXBJc0hpZGRlbik7XG4gICAgICB0aGlzLl9zY3JvbGxVcEJ1dHRvblZpc2libGUgPSBtYXBJc0hpZGRlbjtcbiAgICB9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1tYXAtY29udGFpbmVyX19tYXBcIj5cbiAgICAgICAgPHNsb3QgbmFtZT1cIm1hcFwiPjwvc2xvdD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1tYXAtY29udGFpbmVyX19zaWRlYmFyXCIgQHNjcm9sbD0keyhlOiBFdmVudCkgPT4gZm9yd2FyZEV2ZW50KGUsIGRvY3VtZW50KX0+XG4gICAgICAgIDxzcGFuIGlkPVwiaW50ZXJzZWN0b3JcIj48L3NwYW4+XG5cbiAgICAgICAgPHNsb3Q+PC9zbG90PlxuXG4gICAgICAgICR7IXRoaXMuaGlkZVNjcm9sbFVwQnV0dG9uXG4gICAgICAgICAgPyBodG1sYDxzYmItYWNjZW50LWJ1dHRvblxuICAgICAgICAgICAgICBjbGFzcz1cInNiYi1tYXAtY29udGFpbmVyX19zaWRlYmFyLWJ1dHRvblwiXG4gICAgICAgICAgICAgIHNpemU9XCJsXCJcbiAgICAgICAgICAgICAgaWNvbi1uYW1lPVwibG9jYXRpb24tcGluLW1hcC1zbWFsbFwiXG4gICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICBAY2xpY2s9JHsoKSA9PiB0aGlzLl9vblNjcm9sbEJ1dHRvbkNsaWNrKCl9XG4gICAgICAgICAgICAgID9pbmVydD0keyF0aGlzLl9zY3JvbGxVcEJ1dHRvblZpc2libGV9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICR7aTE4bk1hcENvbnRhaW5lckJ1dHRvbkxhYmVsW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdfVxuICAgICAgICAgICAgPC9zYmItYWNjZW50LWJ1dHRvbj5gXG4gICAgICAgICAgOiBub3RoaW5nfVxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLW1hcC1jb250YWluZXInOiBTYmJNYXBDb250YWluZXJFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lDK0JhLGdDQUFzQjttQkFBUzs7Ozs7OztjQUEvQiwrQkFBK0IsWUFBVTs7O0FBT3BDLFNBQUEsc0NBQUEsa0JBQUEsTUFBQSxrQ0FBOEIsTUFBSztBQUV6QixTQUFBLDJDQUFBLGtCQUFBLE1BQUEsc0NBQUEsRUFBQSxrQkFBQSxNQUFBLHNDQUF5QixNQUFLO0FBRWhELFFBQUEsYUFBUyxrQkFBQSxNQUFBLDBDQUFBLEVBQUcsSUFBSSxzQkFBc0IsS0FBSztBQUMzQyxRQUFBLFlBQVksSUFBSSx1QkFBdUIsTUFBTTtJQUNuRCxRQUFRO0lBQ1IsV0FBVyxZQUFZLEtBQUssbUNBQW1DLFFBQUE7SUFDaEUsQ0FBQzs7OztxQ0FWRCxXQUFXLEVBQ1gsU0FBUztJQUFFLFdBQVc7SUFBeUIsU0FBUztJQUFNLE1BQU07SUFBUyxDQUFDLENBQUE7eUNBRzlFLE9BQU8sQ0FBQTtBQUZSLGdCQUFBLE1BQUEsTUFBQSxnQ0FBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLHdCQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQWtCLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBbEIscUJBQWtCOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsa0NBQUEsc0NBQUE7QUFFekIsZ0JBQUEsTUFBQSxNQUFBLG9DQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsNEJBQUE7S0FBQSxNQUFBLFFBQUEsSUFBaUI7S0FBc0IsTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUF0Qix5QkFBc0I7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSxzQ0FBQSwwQ0FBQTs7Ozs7Ozs7O0FBUmhCLFFBQUEsY0FBc0I7OztBQUMvQixRQUFBLFNBQXlCLENBQUMsaUJBQWlCLHNCQUFNOztFQUt4RTs7RUFBQSxJQUFnQixxQkFBa0I7QUFBQSxVQUFBLE1BQUE7O0VBQWxDLElBQWdCLG1CQUFrQixPQUFBO0FBQUEsU0FBQSxzQ0FBQTs7RUFFekI7RUFBQSxJQUFpQix5QkFBc0I7QUFBQSxVQUFBLE1BQUE7O0VBQXZDLElBQWlCLHVCQUFzQixPQUFBO0FBQUEsU0FBQSwwQ0FBQTs7RUFRN0IsV0FBVyxtQkFBdUM7QUFDbkUsU0FBTSxXQUFXLGtCQUFrQjtBQUVuQyxPQUFJLGtCQUFrQixJQUFJLHFCQUFxQixFQUFFO0lBQy9DLE1BQU0scUJBQXFCLEtBQUssY0FBYztBQUU5QyxRQUFJLENBQUMsS0FBSyxzQkFBc0IsbUJBQzlCLE1BQUssVUFBVSxRQUFRLG1CQUFtQjthQUNqQyxtQkFDVCxNQUFLLFVBQVUsVUFBVSxtQkFBbUI7OztFQUsvQixhQUFhLG1CQUF1QztBQUNyRSxTQUFNLGFBQWEsa0JBQWtCO0FBQ3JDLE9BQUksQ0FBQyxLQUFLLG1CQUNSLE1BQUssVUFBVSxRQUFRLEtBQUssY0FBZSxDQUFDOztFQUl4QyxlQUFZO0FBQ2xCLFVBQU8sS0FBSyxZQUFZLGNBQWMsZUFBZSxJQUFJOzs7Ozs7RUFPbkQsdUJBQW9CO0FBQzFCLFFBQUssZUFBZSxFQUFFLFVBQVUsVUFBVSxDQUFDOzs7Ozs7O0VBUXJDLG1DQUFtQyxTQUFvQztBQUM3RSxXQUFRLFNBQVMsVUFBUztJQUN4QixNQUFNLGNBQWMsQ0FBQyxNQUFNO0FBQzNCLFNBQUssWUFBWSw0QkFBNEIsWUFBWTtBQUN6RCxTQUFLLHlCQUF5QjtLQUM5Qjs7RUFHZSxTQUFNO0FBQ3ZCLFVBQU8sSUFBSTs7Ozt5REFJMEMsTUFBYSxhQUFhLEdBQUcsU0FBUyxDQUFBOzs7OztVQUtyRixDQUFDLEtBQUsscUJBQ0osSUFBSTs7Ozs7NkJBS2EsS0FBSyxzQkFBc0IsQ0FBQTt1QkFDakMsQ0FBQyxLQUFLLHVCQUFBOztnQkFFYiw0QkFBNEIsS0FBSyxVQUFVLFNBQUE7b0NBRS9DLFFBQUEifQ==

package/development/map-container.d.ts

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

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

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

package/development/map-container.js

@@ -1,5 +1,9 @@
-import { SbbMapContainerElement } from "./map-container/map-container.component.js";
-export {
-  SbbMapContainerElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLWNvbnRhaW5lci5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=
+import { t as SbbMapContainerElement } from "./map-container.component-DMF2oulu.js";
+import "./map-container.pure.js";
+//#region src/elements/map-container.ts
+/** @entrypoint */
+SbbMapContainerElement.define();
+//#endregion
+export { SbbMapContainerElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLWNvbnRhaW5lci5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvbWFwLWNvbnRhaW5lci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGVudHJ5cG9pbnQgKi9cbmltcG9ydCB7IFNiYk1hcENvbnRhaW5lckVsZW1lbnQgfSBmcm9tICcuL21hcC1jb250YWluZXIucHVyZS50cyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbWFwLWNvbnRhaW5lci5wdXJlLnRzJztcblxuU2JiTWFwQ29udGFpbmVyRWxlbWVudC5kZWZpbmUoKTtcbiJdLCJtYXBwaW5ncyI6Ijs7OztBQUtBLHVCQUF1QixRQUFRIn0=

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

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

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

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

package/development/map-container.pure.js

@@ -0,0 +1,2 @@
+import { t as SbbMapContainerElement } from "./map-container.component-DMF2oulu.js";
+export { SbbMapContainerElement };

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

@@ -1,144 +1,2 @@
-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==
+import { t as SbbMenuActionCommonElementMixin } from "../../menu-action-common-CE1gySL_.js";
+export { SbbMenuActionCommonElementMixin };

package/development/menu/common.d.ts

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

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

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

package/development/menu/common.js

@@ -1,5 +1,8 @@
-import { SbbMenuActionCommonElementMixin } from "./common/menu-action-common.js";
-export {
-  SbbMenuActionCommonElementMixin
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==
+import { t as SbbMenuActionCommonElementMixin } from "../menu-action-common-CE1gySL_.js";
+//#region src/elements/menu/common.ts
+console.warn(`The entrypoint '@sbb-esta/elements/menu/common.js' has been deprecated.
+Use either '@sbb-esta/elements/menu.js' or '@sbb-esta/elements/menu.pure.js' instead.`);
+//#endregion
+export { SbbMenuActionCommonElementMixin };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9tZW51L2NvbW1vbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGVudHJ5cG9pbnQgKi9cbmV4cG9ydCAqIGZyb20gJy4vY29tbW9uL21lbnUtYWN0aW9uLWNvbW1vbi50cyc7XG5cbmNvbnNvbGUud2FybihgVGhlIGVudHJ5cG9pbnQgJ0BzYmItZXN0YS9lbGVtZW50cy9tZW51L2NvbW1vbi5qcycgaGFzIGJlZW4gZGVwcmVjYXRlZC5cblVzZSBlaXRoZXIgJ0BzYmItZXN0YS9lbGVtZW50cy9tZW51LmpzJyBvciAnQHNiYi1lc3RhL2VsZW1lbnRzL21lbnUucHVyZS5qcycgaW5zdGVhZC5gKTtcbiJdLCJtYXBwaW5ncyI6Ijs7QUFHQSxRQUFRLEtBQUs7dUZBQzBFIn0=

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

@@ -9,6 +9,7 @@ import { SbbOpenCloseBaseElement } from '../../core/base-elements.ts';
  * component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.
  */
 export declare class SbbMenuElement extends SbbOpenCloseBaseElement {
+    static readonly elementName: string;
     static styles: CSSResultGroup;
     static readonly role = "menu";
     /**

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

@@ -1 +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"}
+{"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;AAqB1B;;;;;;;GAOG;AACH,qBAAa,cAAe,SAAQ,uBAAuB;IACzD,gBAAgC,WAAW,EAAE,MAAM,CAAc;IACjE,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"}