@sbb-esta/lyne-elements-dev 4.7.0-dev.1773388991 → 4.7.0-dev.1773396165

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

@@ -1,324 +0,0 @@
-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 {
-  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;
-  }
-}`;
-//#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">
-        <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>
-    `;
-		}
-	};
-})();
-//#endregion
-export { SbbMapContainerElement as t };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLWNvbnRhaW5lci5jb21wb25lbnQtRFVBNy1hclkuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL21hcC1jb250YWluZXIvbWFwLWNvbnRhaW5lci5zY3NzP2xpdCZpbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvbWFwLWNvbnRhaW5lci9tYXAtY29udGFpbmVyLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuXG4gIC0tc2JiLW1hcC1jb250YWluZXItbWFwLWhlaWdodC16ZXJvOiAje3NiYi5weC10by1yZW0tYnVpbGQoMjk1KX07XG4gIC0tc2JiLW1hcC1jb250YWluZXItbWFwLWhlaWdodC1zbWFsbDogI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDMyMCl9O1xuICAtLXNiYi1tYXAtY29udGFpbmVyLXNpZGViYXItd2lkdGg6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCg0MDApfTtcbiAgLS1zYmItbWFwLWNvbnRhaW5lci1zaWRlYmFyLWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTEpO1xuICAtLXNiYi1tYXAtY29udGFpbmVyLWJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1ib3JkZXItcmFkaXVzLTR4KTtcbiAgLS1zYmItbWFwLWNvbnRhaW5lci1hbmltYXRpb24tZHVyYXRpb246IHZhcihcbiAgICAtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbixcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTR4KVxuICApO1xuICAtLXNiYi1tYXAtY29udGFpbmVyLW1hcC1oZWlnaHQ6IGNhbGMoXG4gICAgdmFyKC0tc2JiLW1hcC1jb250YWluZXItbWFwLWhlaWdodC16ZXJvKSArIHZhcigtLXNiYi1tYXAtY29udGFpbmVyLWJvcmRlci1yYWRpdXMpXG4gICk7XG4gIC0tc2JiLW1hcC1jb250YWluZXItbW9iaWxlLXN0aWNreS1ibG9jay1zdGFydDogMDtcblxuICBAaW5jbHVkZSBzYmIubXEoJGZyb206IHNtYWxsKSB7XG4gICAgLS1zYmItbWFwLWNvbnRhaW5lci1tYXAtaGVpZ2h0OiBjYWxjKFxuICAgICAgdmFyKC0tc2JiLW1hcC1jb250YWluZXItbWFwLWhlaWdodC1zbWFsbCkgKyB2YXIoLS1zYmItbWFwLWNvbnRhaW5lci1ib3JkZXItcmFkaXVzKVxuICAgICk7XG4gIH1cblxuICBAaW5jbHVkZSBzYmIubXEoJGZyb206IHVsdHJhKSB7XG4gICAgLS1zYmItbWFwLWNvbnRhaW5lci1zaWRlYmFyLXdpZHRoOiAje3NiYi5weC10by1yZW0tYnVpbGQoNDgwKX07XG4gIH1cbn1cblxuLnNiYi1tYXAtY29udGFpbmVyIHtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBhdXRvIGF1dG87XG5cbiAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBsYXJnZSkge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogbWF4KHZhcigtLXNiYi1tYXAtY29udGFpbmVyLXNpZGViYXItd2lkdGgpKSBjYWxjKFxuICAgICAgICAxMDAlIC0gdmFyKC0tc2JiLW1hcC1jb250YWluZXItc2lkZWJhci13aWR0aClcbiAgICAgICk7XG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIGluc2V0OiB2YXIoLS1zYmItbWFwLWNvbnRhaW5lci1tYXJnaW4tc3RhcnQsIHZhcigtLXNiYi1oZWFkZXItaGVpZ2h0KSkgMCAwIDA7XG4gIH1cbn1cblxuLnNiYi1tYXAtY29udGFpbmVyX19zaWRlYmFyLWJ1dHRvbiB7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgbGVmdDogNTAlO1xuICBpbnNldC1ibG9jay1lbmQ6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTV4KTtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICBvcGFjaXR5OiAwO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSkgdHJhbnNsYXRlWShjYWxjKDEwMCUgKyB2YXIoLS1zYmItc3BhY2luZy1maXhlZC01eCkpKTtcblxuICAvLyBIaWRlIHRyYW5zaXRpb24sIHZpc2liaWxpdHkgc2hvdWxkIGJlIGRlbGF5ZWRcbiAgdHJhbnNpdGlvbjpcbiAgICBvcGFjaXR5IHZhcigtLXNiYi1tYXAtY29udGFpbmVyLWFuaW1hdGlvbi1kdXJhdGlvbikgdmFyKC0tc2JiLWFuaW1hdGlvbi1lYXNpbmcpLFxuICAgIHZpc2liaWxpdHkgdmFyKC0tc2JiLW1hcC1jb250YWluZXItYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZylcbiAgICAgIHZhcigtLXNiYi1tYXAtY29udGFpbmVyLWFuaW1hdGlvbi1kdXJhdGlvbiksXG4gICAgdHJhbnNmb3JtIHZhcigtLXNiYi1tYXAtY29udGFpbmVyLWFuaW1hdGlvbi1kdXJhdGlvbikgdmFyKC0tc2JiLWFuaW1hdGlvbi1lYXNpbmcpO1xuXG4gIDpob3N0KDpzdGF0ZShzY3JvbGwtdXAtYnV0dG9uLXZpc2libGUpKSAmIHtcbiAgICAvLyBTaG93IHRyYW5zaXRpb25cbiAgICB0cmFuc2l0aW9uOlxuICAgICAgdmlzaWJpbGl0eSB2YXIoLS1zYmItbWFwLWNvbnRhaW5lci1hbmltYXRpb24tZHVyYXRpb24pIHZhcigtLXNiYi1hbmltYXRpb24tZWFzaW5nKSxcbiAgICAgIG9wYWNpdHkgdmFyKC0tc2JiLW1hcC1jb250YWluZXItYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyksXG4gICAgICB0cmFuc2Zvcm0gdmFyKC0tc2JiLW1hcC1jb250YWluZXItYW5pbWF0aW9uLWR1cmF0aW9uKSBlYXNlLW91dDtcbiAgICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpIHRyYW5zbGF0ZVkoMCk7XG4gIH1cblxuICBAaW5jbHVkZSBzYmIubXEoJGZyb206IGxhcmdlKSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG4uc2JiLW1hcC1jb250YWluZXJfX3NpZGViYXIge1xuICBAaW5jbHVkZSBzYmIuc2Nyb2xsYmFyKCRzaXplOiB0aGljaywgJHRyYWNrLXZpc2libGU6IHRydWUpO1xuXG4gIGdyaWQtY29sdW1uOiAxIC8gMztcbiAgZ3JpZC1yb3c6IDIgLyAzO1xuICB3aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGhpZGRlbiBhdXRvO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1zdGFydC1lbmQtcmFkaXVzOiB2YXIoLS1zYmItbWFwLWNvbnRhaW5lci1ib3JkZXItcmFkaXVzKTtcbiAgYm9yZGVyLXN0YXJ0LXN0YXJ0LXJhZGl1czogdmFyKC0tc2JiLW1hcC1jb250YWluZXItYm9yZGVyLXJhZGl1cyk7XG4gIG1hcmdpbi1ibG9jay1zdGFydDogY2FsYyh2YXIoLS1zYmItbWFwLWNvbnRhaW5lci1ib3JkZXItcmFkaXVzKSAqIC0xKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLW1hcC1jb250YWluZXItc2lkZWJhci1iYWNrZ3JvdW5kLWNvbG9yKTtcblxuICBAaW5jbHVkZSBzYmIubXEoJGZyb206IGxhcmdlKSB7XG4gICAgZ3JpZC1jb2x1bW46IDEgLyAyO1xuICAgIGdyaWQtcm93OiAxIC8gMztcbiAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgIG1hcmdpbi1ibG9jay1zdGFydDogMDtcbiAgICBib3JkZXItYmxvY2stc3RhcnQ6IHZhcigtLXNiYi1ib3JkZXItd2lkdGgtMXgpIHNvbGlkIHZhcigtLXNiYi1ib3JkZXItY29sb3ItNC1pbnZlcnRlZCk7XG4gIH1cbn1cblxuLnNiYi1tYXAtY29udGFpbmVyX19tYXAge1xuICBwb3NpdGlvbjogc3RpY2t5O1xuICBpbnNldC1ibG9jay1zdGFydDogMDtcbiAgaW5zZXQtaW5saW5lOiAwO1xuICBncmlkLXJvdzogMSAvIDI7XG4gIGdyaWQtY29sdW1uOiAxIC8gMztcblxuICAvLyBXZSB1c2UgXCJ0bzogbGFyZ2VcIiB0byBhdm9pZCByZXNldHRpbmcgdGhlIHN0eWxlc1xuICBAaW5jbHVkZSBzYmIubXEoJHRvOiBsYXJnZSkge1xuICAgIGluc2V0LWJsb2NrLXN0YXJ0OiB2YXIoLS1zYmItbWFwLWNvbnRhaW5lci1tb2JpbGUtc3RpY2t5LWJsb2NrLXN0YXJ0KTtcbiAgICBoZWlnaHQ6IHZhcigtLXNiYi1tYXAtY29udGFpbmVyLW1hcC1oZWlnaHQpO1xuICB9XG5cbiAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBsYXJnZSkge1xuICAgIGdyaWQtcm93OiAxIC8gMztcbiAgICBncmlkLWNvbHVtbjogMiAvIDM7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB9XG59XG4iLCJpbXBvcnQgeyBJbnRlcnNlY3Rpb25Db250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9pbnRlcnNlY3Rpb24tY29udHJvbGxlci5qcyc7XG5pbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcywgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgbm90aGluZyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSwgc3RhdGUgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICcuLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgU2JiTGFuZ3VhZ2VDb250cm9sbGVyIH0gZnJvbSAnLi4vY29yZS9jb250cm9sbGVycy50cyc7XG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMudHMnO1xuaW1wb3J0IHsgZm9yd2FyZEV2ZW50IH0gZnJvbSAnLi4vY29yZS9ldmVudGluZy50cyc7XG5pbXBvcnQgeyBpMThuTWFwQ29udGFpbmVyQnV0dG9uTGFiZWwgfSBmcm9tICcuLi9jb3JlL2kxOG4udHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vY29yZS9zdHlsZXMudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9tYXAtY29udGFpbmVyLnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vYnV0dG9uL2FjY2VudC1idXR0b24udHMnO1xuXG4vKipcbiAqIEl0IGNhbiBiZSB1c2VkIGFzIGEgY29udGFpbmVyIGZvciBtYXBzLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIHNpZGViYXIuXG4gKiBAc2xvdCBtYXAgLSBVc2VkIGZvciBzbG90dGluZyB0aGUgbWFwLlxuICogQGNzc3Byb3AgWy0tc2JiLW1hcC1jb250YWluZXItbWFyZ2luLXN0YXJ0PXZhcigtLXNiYi1oZWFkZXItaGVpZ2h0KV0gLSBUaGUgY29tcG9uZW50XG4gKiBjb21lcyBhbG9uZyB3aXRoIGEgaGVpZ2h0IGNhbGN1bGF0aW9uIHRoYXQgc3VidHJhY3RzIHRoZSBoZWlnaHQgb2YgdGhlIGhlYWRlci5cbiAqIEZvciBzcGVjaWZpYyB1c2UgY2FzZXMsIHRoaXMgdmFyaWFibGUgY2FuIGJlIHVzZWQgdG8gbW9kaWZ5IHRoZSBwcmVzZXQgaGVpZ2h0LlxuICogQGNzc3Byb3AgWy0tc2JiLW1hcC1jb250YWluZXItc2lkZWJhci13aWR0aD16ZXJvLWxhcmdlOjQwMHB4O3VsdHJhOjQ4MHB4XSAtIENhbiBiZSB1c2VkXG4gKiB0byBtb2RpZnkgdGhlIHdpZHRoIG9mIHRoZSBsZWZ0IHNpZGViYXIuXG4gKiBAY3NzcHJvcCBbLS1zYmItbWFwLWNvbnRhaW5lci1tb2JpbGUtc3RpY2t5LWJsb2NrLXN0YXJ0PTBdIC0gSWYgZS5nLiBhIGhlYWRlciB3aXRoIGEgZml4ZWQgaGVpZ2h0XG4gKiBpcyBwbGFjZWQgYmVmb3JlIHRoZSBtYXAtY29udGFpbmVyLCB0aGUgbWFwIHNob3VsZCBiZSBzdGlja3kgcmVzcGVjdGluZ1xuICogdGhpcyBvZmZzZXQgZnJvbSB0aGUgZG9jdW1lbnQncyB0b3AuIE9ubHkgYXBwbGllZCBvbiBtb2JpbGUgdmlld3MuXG4gKiBNb3N0IGNvbW1vbmx5IGl0IGNhbiBiZSBzZXQgdG8gYHZhcigtLXNiYi1oZWFkZXItaGVpZ2h0KWAuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJNYXBDb250YWluZXJFbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItbWFwLWNvbnRhaW5lcic7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHN0eWxlXTtcblxuICAvKiogRmxhZyB0byBzaG93L2hpZGUgdGhlIHNjcm9sbCB1cCBidXR0b24gaW5zaWRlIHRoZSBzaWRlYmFyIG9uIG1vYmlsZS4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2hpZGUtc2Nyb2xsLXVwLWJ1dHRvbicsIHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIGhpZGVTY3JvbGxVcEJ1dHRvbjogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBzdGF0ZSgpIHByaXZhdGUgYWNjZXNzb3IgX3Njcm9sbFVwQnV0dG9uVmlzaWJsZSA9IGZhbHNlO1xuXG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcbiAgcHJpdmF0ZSBfb2JzZXJ2ZXIgPSBuZXcgSW50ZXJzZWN0aW9uQ29udHJvbGxlcih0aGlzLCB7XG4gICAgdGFyZ2V0OiBudWxsLFxuICAgIGNhbGxiYWNrOiAoZW50cmllcykgPT4gdGhpcy5fdG9nZ2xlQnV0dG9uVmlzaWJpbGl0eU9uSW50ZXJzZWN0KGVudHJpZXMpLFxuICB9KTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2hpZGVTY3JvbGxVcEJ1dHRvbicpKSB7XG4gICAgICBjb25zdCBpbnRlcnNlY3RvckVsZW1lbnQgPSB0aGlzLl9pbnRlcnNlY3RvcigpO1xuXG4gICAgICBpZiAoIXRoaXMuaGlkZVNjcm9sbFVwQnV0dG9uICYmIGludGVyc2VjdG9yRWxlbWVudCkge1xuICAgICAgICB0aGlzLl9vYnNlcnZlci5vYnNlcnZlKGludGVyc2VjdG9yRWxlbWVudCk7XG4gICAgICB9IGVsc2UgaWYgKGludGVyc2VjdG9yRWxlbWVudCkge1xuICAgICAgICB0aGlzLl9vYnNlcnZlci51bm9ic2VydmUoaW50ZXJzZWN0b3JFbGVtZW50KTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLmZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcyk7XG4gICAgaWYgKCF0aGlzLmhpZGVTY3JvbGxVcEJ1dHRvbikge1xuICAgICAgdGhpcy5fb2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLl9pbnRlcnNlY3RvcigpISk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfaW50ZXJzZWN0b3IoKTogSFRNTEVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5zaGFkb3dSb290Py5xdWVyeVNlbGVjdG9yKCcjaW50ZXJzZWN0b3InKSA/PyBudWxsO1xuICB9XG5cbiAgLyoqXG4gICAqIEJ1dHRvbiBjbGljayBjYWxsYmFjayB0byB0cmlnZ2VyIHRoZSBzY3JvbGwgdG8gY29udGFpbmVyIHRvcFxuICAgKiBAcHJpdmF0ZVxuICAgKi9cbiAgcHJpdmF0ZSBfb25TY3JvbGxCdXR0b25DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLnNjcm9sbEludG9WaWV3KHsgYmVoYXZpb3I6ICdzbW9vdGgnIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqIEludGVyc2VjdGlvbiBjYWxsYmFjay4gVG9nZ2xlcyB0aGUgdmlzaWJpbGl0eS5cbiAgICogQHBhcmFtIGVudHJpZXNcbiAgICogQHByaXZhdGVcbiAgICovXG4gIHByaXZhdGUgX3RvZ2dsZUJ1dHRvblZpc2liaWxpdHlPbkludGVyc2VjdChlbnRyaWVzOiBJbnRlcnNlY3Rpb25PYnNlcnZlckVudHJ5W10pOiB2b2lkIHtcbiAgICBlbnRyaWVzLmZvckVhY2goKGVudHJ5KSA9PiB7XG4gICAgICBjb25zdCBtYXBJc0hpZGRlbiA9ICFlbnRyeS5pc0ludGVyc2VjdGluZztcbiAgICAgIHRoaXMudG9nZ2xlU3RhdGUoJ3Njcm9sbC11cC1idXR0b24tdmlzaWJsZScsIG1hcElzSGlkZGVuKTtcbiAgICAgIHRoaXMuX3Njcm9sbFVwQnV0dG9uVmlzaWJsZSA9IG1hcElzSGlkZGVuO1xuICAgIH0pO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLW1hcC1jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1tYXAtY29udGFpbmVyX19tYXBcIj5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwibWFwXCI+PC9zbG90PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1tYXAtY29udGFpbmVyX19zaWRlYmFyXCIgQHNjcm9sbD0keyhlOiBFdmVudCkgPT4gZm9yd2FyZEV2ZW50KGUsIGRvY3VtZW50KX0+XG4gICAgICAgICAgPHNwYW4gaWQ9XCJpbnRlcnNlY3RvclwiPjwvc3Bhbj5cblxuICAgICAgICAgIDxzbG90Pjwvc2xvdD5cblxuICAgICAgICAgICR7IXRoaXMuaGlkZVNjcm9sbFVwQnV0dG9uXG4gICAgICAgICAgICA/IGh0bWxgPHNiYi1hY2NlbnQtYnV0dG9uXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJzYmItbWFwLWNvbnRhaW5lcl9fc2lkZWJhci1idXR0b25cIlxuICAgICAgICAgICAgICAgIHNpemU9XCJsXCJcbiAgICAgICAgICAgICAgICBpY29uLW5hbWU9XCJsb2NhdGlvbi1waW4tbWFwLXNtYWxsXCJcbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICBAY2xpY2s9JHsoKSA9PiB0aGlzLl9vblNjcm9sbEJ1dHRvbkNsaWNrKCl9XG4gICAgICAgICAgICAgICAgP2luZXJ0PSR7IXRoaXMuX3Njcm9sbFVwQnV0dG9uVmlzaWJsZX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICR7aTE4bk1hcENvbnRhaW5lckJ1dHRvbkxhYmVsW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdfVxuICAgICAgICAgICAgICA8L3NiYi1hY2NlbnQtYnV0dG9uPmBcbiAgICAgICAgICAgIDogbm90aGluZ31cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItbWFwLWNvbnRhaW5lcic6IFNiYk1hcENvbnRhaW5lckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUMrQmEsZ0NBQXNCO21CQUFTOzs7Ozs7O2NBQS9CLCtCQUErQixZQUFVOzs7QUFPcEMsU0FBQSxzQ0FBQSxrQkFBQSxNQUFBLGtDQUE4QixNQUFLO0FBRXpCLFNBQUEsMkNBQUEsa0JBQUEsTUFBQSxzQ0FBQSxFQUFBLGtCQUFBLE1BQUEsc0NBQXlCLE1BQUs7QUFFaEQsUUFBQSxhQUFTLGtCQUFBLE1BQUEsMENBQUEsRUFBRyxJQUFJLHNCQUFzQixLQUFLO0FBQzNDLFFBQUEsWUFBWSxJQUFJLHVCQUF1QixNQUFNO0lBQ25ELFFBQVE7SUFDUixXQUFXLFlBQVksS0FBSyxtQ0FBbUMsUUFBQTtJQUNoRSxDQUFDOzs7O3FDQVZELFdBQVcsRUFDWCxTQUFTO0lBQUUsV0FBVztJQUF5QixTQUFTO0lBQU0sTUFBTTtJQUFTLENBQUMsQ0FBQTt5Q0FHOUUsT0FBTyxDQUFBO0FBRlIsZ0JBQUEsTUFBQSxNQUFBLGdDQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsd0JBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBa0IsTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFsQixxQkFBa0I7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSxrQ0FBQSxzQ0FBQTtBQUV6QixnQkFBQSxNQUFBLE1BQUEsb0NBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSw0QkFBQTtLQUFBLE1BQUEsUUFBQSxJQUFpQjtLQUFzQixNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQXRCLHlCQUFzQjs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLHNDQUFBLDBDQUFBOzs7Ozs7Ozs7QUFSaEIsUUFBQSxjQUFzQjs7O0FBQy9CLFFBQUEsU0FBeUIsQ0FBQyxpQkFBaUIsc0JBQU07O0VBS3hFOztFQUFBLElBQWdCLHFCQUFrQjtBQUFBLFVBQUEsTUFBQTs7RUFBbEMsSUFBZ0IsbUJBQWtCLE9BQUE7QUFBQSxTQUFBLHNDQUFBOztFQUV6QjtFQUFBLElBQWlCLHlCQUFzQjtBQUFBLFVBQUEsTUFBQTs7RUFBdkMsSUFBaUIsdUJBQXNCLE9BQUE7QUFBQSxTQUFBLDBDQUFBOztFQVE3QixXQUFXLG1CQUF1QztBQUNuRSxTQUFNLFdBQVcsa0JBQWtCO0FBRW5DLE9BQUksa0JBQWtCLElBQUkscUJBQXFCLEVBQUU7SUFDL0MsTUFBTSxxQkFBcUIsS0FBSyxjQUFjO0FBRTlDLFFBQUksQ0FBQyxLQUFLLHNCQUFzQixtQkFDOUIsTUFBSyxVQUFVLFFBQVEsbUJBQW1CO2FBQ2pDLG1CQUNULE1BQUssVUFBVSxVQUFVLG1CQUFtQjs7O0VBSy9CLGFBQWEsbUJBQXVDO0FBQ3JFLFNBQU0sYUFBYSxrQkFBa0I7QUFDckMsT0FBSSxDQUFDLEtBQUssbUJBQ1IsTUFBSyxVQUFVLFFBQVEsS0FBSyxjQUFlLENBQUM7O0VBSXhDLGVBQVk7QUFDbEIsVUFBTyxLQUFLLFlBQVksY0FBYyxlQUFlLElBQUk7Ozs7OztFQU9uRCx1QkFBb0I7QUFDMUIsUUFBSyxlQUFlLEVBQUUsVUFBVSxVQUFVLENBQUM7Ozs7Ozs7RUFRckMsbUNBQW1DLFNBQW9DO0FBQzdFLFdBQVEsU0FBUyxVQUFTO0lBQ3hCLE1BQU0sY0FBYyxDQUFDLE1BQU07QUFDM0IsU0FBSyxZQUFZLDRCQUE0QixZQUFZO0FBQ3pELFNBQUsseUJBQXlCO0tBQzlCOztFQUdlLFNBQU07QUFDdkIsVUFBTyxJQUFJOzs7OzsyREFLNEMsTUFBYSxhQUFhLEdBQUcsU0FBUyxDQUFBOzs7OztZQUtyRixDQUFDLEtBQUsscUJBQ0osSUFBSTs7Ozs7K0JBS2EsS0FBSyxzQkFBc0IsQ0FBQTt5QkFDakMsQ0FBQyxLQUFLLHVCQUFBOztrQkFFYiw0QkFBNEIsS0FBSyxVQUFVLFNBQUE7c0NBRS9DLFFBQUEifQ==

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

@@ -1,148 +0,0 @@
-import { css } from "lit";
-import { SbbDisabledMixin } from "./core/mixins.js";
-import { boxSizingStyles } from "./core/styles.js";
-import { html as html$1 } from "lit/static-html.js";
-import { SbbIconNameMixin } from "./icon.js";
-//#region src/elements/menu/common/menu-action.scss?lit&inline
-var menu_action_default = 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;
-}`;
-//#endregion
-//#region src/elements/menu/common/menu-action-common.ts
-var SbbMenuActionCommonElementMixin = (superClass) => {
-	class SbbMenuActionCommonElement extends SbbIconNameMixin(SbbDisabledMixin(superClass)) {
-		static {
-			this.styles = [boxSizingStyles, menu_action_default];
-		}
-		renderTemplate() {
-			return html$1`
-        <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>
-      `;
-		}
-	}
-	return SbbMenuActionCommonElement;
-};
-//#endregion
-export { SbbMenuActionCommonElementMixin as t };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1hY3Rpb24tY29tbW9uLUN5QnYwTndSLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9tZW51L2NvbW1vbi9tZW51LWFjdGlvbi5zY3NzP2xpdCZpbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvbWVudS9jb21tb24vbWVudS1hY3Rpb24tY29tbW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbiRkaXNhYmxlZDogJ1tkaXNhYmxlZF0sIDpkaXNhYmxlZCwgW2Rpc2FibGVkLWludGVyYWN0aXZlXSc7XG5cbjpob3N0IHtcbiAgLy8gVXNlICFpbXBvcnRhbnQgaGVyZSB0byBub3QgaW50ZXJmZXJlIHdpdGggRmlyZWZveCBmb2N1cyByaW5nIGRlZmluaXRpb25cbiAgLy8gd2hpY2ggYXBwZWFycyBpbiBub3JtYWxpemUgQ1NTIG9mIHNldmVyYWwgZnJhbWV3b3Jrcy5cbiAgb3V0bGluZTogbm9uZSAhaW1wb3J0YW50O1xuXG4gIC0tc2JiLW1lbnUtYWN0aW9uLWJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1ib3JkZXItcmFkaXVzLWluZmluaXR5KTtcbiAgLS1zYmItbWVudS1hY3Rpb24tb3V0ZXItaG9yaXpvbnRhbC1wYWRkaW5nOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0zeCk7XG4gIC0tc2JiLW1lbnUtYWN0aW9uLW91dGVyLXZlcnRpY2FsLXBhZGRpbmc6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTF4KTtcbiAgLS1zYmItbWVudS1hY3Rpb24tZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0yeCk7XG4gIC0tc2JiLW1lbnUtYWN0aW9uLWN1cnNvcjogdmFyKC0tc2JiLWN1cnNvci1wb2ludGVyKTtcbiAgLS1zYmItbWVudS1hY3Rpb24tY29sb3I6IHZhcigtLXNiYi1jb2xvci0yLWludmVydGVkKTtcbiAgLS1zYmItbWVudS1hY3Rpb24tZm9yY2VkLWNvbG9yLWJvcmRlci1jb2xvcjogQ2FudmFzVGV4dDtcbiAgLS1zYmItbWVudS1hY3Rpb24tY29udGVudC1wYWRkaW5nLWlubGluZTogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMngpO1xuICAtLXNiYi1tZW51LWFjdGlvbi1jb250ZW50LXBhZGRpbmctYmxvY2s6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTF4KTtcblxuICBkaXNwbGF5OiBibG9jaztcbn1cblxuOmhvc3QoOmlzKDpob3Zlcjpub3QoI3skZGlzYWJsZWR9KSwgW2FyaWEtZXhwYW5kZWQ9J3RydWUnXSkpIHtcbiAgQGluY2x1ZGUgc2JiLmhvdmVyLW1xKCRob3ZlcjogdHJ1ZSkge1xuICAgIC0tc2JiLW1lbnUtYmFja2dyb3VuZC1jb2xvcjogbGlnaHQtZGFyayh2YXIoLS1zYmItY29sb3ItaXJvbiksIHZhcigtLXNiYi1jb2xvci1taWxrKSk7XG4gICAgLS1zYmItbWVudS1hY3Rpb24tZm9yY2VkLWNvbG9yLWJvcmRlci1jb2xvcjogSGlnaGxpZ2h0O1xuICB9XG59XG5cbjpob3N0KDppcygjeyRkaXNhYmxlZH0pKSB7XG4gIC0tc2JiLW1lbnUtYWN0aW9uLWN1cnNvcjogdmFyKC0tc2JiLWN1cnNvci1kZWZhdWx0KTtcbiAgLS1zYmItbWVudS1hY3Rpb24tY29sb3I6IGxpZ2h0LWRhcmsodmFyKC0tc2JiLWNvbG9yLWdyYXBoaXRlKSwgdmFyKC0tc2JiLWNvbG9yLWdyYW5pdGUpKTtcbiAgLS1zYmItbWVudS1hY3Rpb24tZm9yY2VkLWNvbG9yLWJvcmRlci1jb2xvcjogR3JheVRleHQ7XG5cbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIGN1cnNvcjogdmFyKC0tc2JiLWN1cnNvci1kZWZhdWx0KTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItbWVudS1hY3Rpb24tY29sb3I6IEdyYXlUZXh0O1xuICB9XG59XG5cbjpob3N0KDpzdGF0ZShzYmItbWVudS10cmlnZ2VyKSkge1xuICAtLXNiYi1tZW51LWFjdGlvbi1jdXJzb3I6IHZhcigtLXNiYi1jdXJzb3ItZGVmYXVsdCk7XG59XG5cbjpob3N0KDpzdGF0ZShidXR0b24pKSB7XG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAtLXNiYi1tZW51LWFjdGlvbi1jb2xvcjogQnV0dG9uVGV4dDtcbiAgfVxufVxuXG46aG9zdChbc2JiLWJhZGdlXTpub3QoOnN0YXRlKGhhcy1pY29uLW5hbWUpLCA6c3RhdGUoc2xvdHRlZC1pY29uKSkpOjphZnRlciB7XG4gIGluc2V0OiA1MCVcbiAgICBjYWxjKFxuICAgICAgMTAwJSAtIHZhcigtLXNiYi1tZW51LWFjdGlvbi1vdXRlci1ob3Jpem9udGFsLXBhZGRpbmcpIC0gdmFyKFxuICAgICAgICAgIC0tc2JiLW1lbnUtYWN0aW9uLWNvbnRlbnQtcGFkZGluZy1pbmxpbmVcbiAgICAgICAgKSAtXG4gICAgICAgIDAuNSAqIHZhcigtLXNiYi1zaXplLWljb24tdWktc21hbGwpXG4gICAgKVxuICAgIGF1dG8gYXV0byAhaW1wb3J0YW50O1xuICB0cmFuc2xhdGU6IDUwJSAtNTAlO1xufVxuXG46aG9zdChbc2JiLWJhZGdlXTppcyg6c3RhdGUoaGFzLWljb24tbmFtZSksIDpzdGF0ZShzbG90dGVkLWljb24pKSk6OmFmdGVyIHtcbiAgaW5zZXQ6IGNhbGMoXG4gICAgICB2YXIoLS1zYmItbWVudS1hY3Rpb24tb3V0ZXItdmVydGljYWwtcGFkZGluZykgKyB2YXIoLS1zYmItbWVudS1hY3Rpb24tY29udGVudC1wYWRkaW5nLWJsb2NrKSArXG4gICAgICAgIHZhcigtLXNiYi1iYWRnZS1wb3NpdGlvbi1vZmZzZXQpXG4gICAgKVxuICAgIGNhbGMoXG4gICAgICAxMDAlIC0gdmFyKC0tc2JiLW1lbnUtYWN0aW9uLW91dGVyLWhvcml6b250YWwtcGFkZGluZykgLSB2YXIoXG4gICAgICAgICAgLS1zYmItbWVudS1hY3Rpb24tY29udGVudC1wYWRkaW5nLWlubGluZVxuICAgICAgICApIC0gdmFyKC0tc2JiLXNpemUtaWNvbi11aS1zbWFsbCkgK1xuICAgICAgICB2YXIoLS1zYmItYmFkZ2UtcG9zaXRpb24tb2Zmc2V0KVxuICAgIClcbiAgICBhdXRvIGF1dG8gIWltcG9ydGFudDtcbn1cblxuOmhvc3QoW2FyaWEtY29udHJvbHMqPSdzYmItbWVudSddKSB7XG4gIC0tc2JiLW1lbnUtYWN0aW9uLXN1Ym1lbnUtaWNvbi1kaXNwbGF5OiBmbGV4O1xufVxuXG46aXMoLnNiYi1tZW51LWJ1dHRvbiwgLnNiYi1tZW51LWxpbmspIHtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGNvbG9yOiB2YXIoLS1zYmItbWVudS1hY3Rpb24tY29sb3IpO1xuICBwYWRkaW5nOiB2YXIoLS1zYmItbWVudS1hY3Rpb24tb3V0ZXItdmVydGljYWwtcGFkZGluZylcbiAgICB2YXIoLS1zYmItbWVudS1hY3Rpb24tb3V0ZXItaG9yaXpvbnRhbC1wYWRkaW5nKTtcbiAgY3Vyc29yOiB2YXIoLS1zYmItbWVudS1hY3Rpb24tY3Vyc29yKTtcbiAgb3V0bGluZTogbm9uZTtcbn1cblxuLnNiYi1tZW51LWFjdGlvbl9fY29udGVudCB7XG4gIEBpbmNsdWRlIHNiYi50ZXh0LXhzLS1yZWd1bGFyO1xuXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogdmFyKC0tc2JiLW1lbnUtYWN0aW9uLWdhcCk7XG4gIHBhZGRpbmc6IHZhcigtLXNiYi1tZW51LWFjdGlvbi1jb250ZW50LXBhZGRpbmctYmxvY2spXG4gICAgdmFyKC0tc2JiLW1lbnUtYWN0aW9uLWNvbnRlbnQtcGFkZGluZy1pbmxpbmUpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItbWVudS1hY3Rpb24tYm9yZGVyLXJhZGl1cyk7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItbWVudS1iYWNrZ3JvdW5kLWNvbG9yKTtcblxuICAvLyBIYW5kbGUgZm9jdXMgb24gdGhlIGhvc3QgKGJ1dHRvbiB2YXJpYW50KVxuICA6aG9zdCg6Zm9jdXMtdmlzaWJsZSkgJixcbiAgLy8gSGFuZGxlIGZvY3VzIG9uIHRoZSBhY3Rpb24gKGxpbmsgdmFyaWFudClcbiAgOmZvY3VzLXZpc2libGUgJiB7XG4gICAgQGluY2x1ZGUgc2JiLmZvY3VzLW91dGxpbmU7XG4gIH1cblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgYm9yZGVyOiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTJ4KSBzb2xpZCB2YXIoLS1zYmItbWVudS1hY3Rpb24tZm9yY2VkLWNvbG9yLWJvcmRlci1jb2xvcik7XG4gIH1cbn1cblxuLnNiYi1tZW51LWFjdGlvbl9faWNvbixcbi5zYmItbWVudS1zdWJtZW51X19pY29uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgbWluLXdpZHRoOiB2YXIoLS1zYmItc2l6ZS1pY29uLXVpLXNtYWxsKTtcbiAgbWluLWhlaWdodDogdmFyKC0tc2JiLXNpemUtaWNvbi11aS1zbWFsbCk7XG59XG5cbi5zYmItbWVudS1zdWJtZW51X19pY29uIHtcbiAgZGlzcGxheTogdmFyKC0tc2JiLW1lbnUtYWN0aW9uLXN1Ym1lbnUtaWNvbi1kaXNwbGF5LCBub25lKTtcbiAgbWFyZ2luLWlubGluZS1zdGFydDogYXV0bztcbn1cblxuLnNiYi1tZW51LWFjdGlvbl9fbGFiZWwge1xuICBAaW5jbHVkZSBzYmIuZWxsaXBzaXM7XG5cbiAgOmhvc3QoOmlzKCN7JGRpc2FibGVkfSkpICYge1xuICAgIHRleHQtZGVjb3JhdGlvbjogbGluZS10aHJvdWdoO1xuICB9XG59XG4iLCJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYkFjdGlvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IHR5cGUgQWJzdHJhY3RDb25zdHJ1Y3RvciwgU2JiRGlzYWJsZWRNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB7IFNiYkljb25OYW1lTWl4aW4gfSBmcm9tICcuLi8uLi9pY29uLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vbWVudS1hY3Rpb24uc2Nzcz9saXQmaW5saW5lJztcblxuZXhwb3J0IGRlY2xhcmUgY2xhc3MgU2JiTWVudUFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGUgZXh0ZW5kcyBTYmJJY29uTmFtZU1peGluKFxuICBTYmJEaXNhYmxlZE1peGluKFNiYkFjdGlvbkJhc2VFbGVtZW50KSxcbikge31cblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuZXhwb3J0IGNvbnN0IFNiYk1lbnVBY3Rpb25Db21tb25FbGVtZW50TWl4aW4gPSA8XG4gIFQgZXh0ZW5kcyBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYkFjdGlvbkJhc2VFbGVtZW50Pixcbj4oXG4gIHN1cGVyQ2xhc3M6IFQsXG4pOiBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYk1lbnVBY3Rpb25Db21tb25FbGVtZW50TWl4aW5UeXBlPiAmIFQgPT4ge1xuICBhYnN0cmFjdCBjbGFzcyBTYmJNZW51QWN0aW9uQ29tbW9uRWxlbWVudFxuICAgIGV4dGVuZHMgU2JiSWNvbk5hbWVNaXhpbihTYmJEaXNhYmxlZE1peGluKHN1cGVyQ2xhc3MpKVxuICAgIGltcGxlbWVudHMgU2JiTWVudUFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGVcbiAge1xuICAgIHB1YmxpYyBzdGF0aWMgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHN0eWxlXTtcblxuICAgIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJUZW1wbGF0ZSgpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgICByZXR1cm4gaHRtbGBcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItbWVudS1hY3Rpb25fX2NvbnRlbnRcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1tZW51LWFjdGlvbl9faWNvblwiPiAke3N1cGVyLnJlbmRlckljb25TbG90KCl9IDwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1tZW51LWFjdGlvbl9fbGFiZWxcIj5cbiAgICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItbWVudS1zdWJtZW51X19pY29uXCI+XG4gICAgICAgICAgICA8c2JiLWljb24gbmFtZT1cImNoZXZyb24tc21hbGwtcmlnaHQtc21hbGxcIj48L3NiYi1pY29uPlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgYDtcbiAgICB9XG4gIH1cbiAgcmV0dXJuIFNiYk1lbnVBY3Rpb25Db21tb25FbGVtZW50IGFzIHVua25vd24gYXMgQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJNZW51QWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZT4gJlxuICAgIFQ7XG59O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNlQSxJQUFhLG1DQUdYLGVBQ2dFO0NBQ2hFLE1BQWUsbUNBQ0wsaUJBQWlCLGlCQUFpQixXQUFXLENBQUMsQ0FBQTs7QUFHeEMsUUFBQSxTQUF5QixDQUFDLGlCQUFpQixvQkFBTTs7RUFFNUMsaUJBQWM7QUFDL0IsVUFBTyxNQUFJOztpREFFZ0MsTUFBTSxnQkFBZ0IsQ0FBQTs7Ozs7Ozs7Ozs7QUFXckUsUUFBTyJ9