@sbb-esta/lyne-elements 4.8.1 → 4.10.0

package/map-container.component-C_wbi6WL.js

@@ -1,128 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r, nothing as i } from "lit";
-import { property as a, state as o } from "lit/decorators.js";
-import { SbbElement as s } from "./core/base-elements.js";
-import { forceType as c } from "./core/decorators.js";
-import { forwardEvent as l } from "./core/eventing.js";
-import { boxSizingStyles as u } from "./core/styles.js";
-import { SbbLanguageController as d } from "./core/controllers.js";
-import { i18nMapContainerButtonLabel as f } from "./core/i18n.js";
-import { IntersectionController as p } from "@lit-labs/observers/intersection-controller.js";
-import "./button/accent-button.js";
-//#region src/elements/map-container/map-container.scss?lit&inline
-var m = n`: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));grid-template-rows:auto auto;display:grid}@media (width>=37.5rem){:host{--_sbb-map-container-map-height:calc(var(--sbb-map-container-map-height-small) + var(--sbb-map-container-border-radius))}}@media (width>=64rem){:host{grid-template-columns:max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));inset:var(--sbb-map-container-margin-start,var(--sbb-header-height)) 0 0 0;position:fixed}}.sbb-map-container__sidebar-button{left:50%;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);position:fixed;inset-block-end:var(--sbb-spacing-fixed-5x)}: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:translate(-50%)translateY(0)}@media (width>=64rem){.sbb-map-container__sidebar-button{display:none}}.sbb-map-container__sidebar{--sbb-scrollbar-thumb-width:.5rem;--sbb-scrollbar-thumb-width-hover:var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox:auto;--sbb-scrollbar-color:var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 30%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-white) 30%, transparent));--sbb-scrollbar-color-hover:var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 60%, transparent))var(--lightningcss-dark,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(.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(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-map-container__sidebar::-webkit-scrollbar-button{display:none}.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{width:100%;background-color:var(--sbb-map-container-sidebar-background-color);border-start-start-radius:var(--sbb-map-container-border-radius);border-start-end-radius:var(--sbb-map-container-border-radius);grid-area:2/1/3/3;margin-block-start:calc(var(--sbb-map-container-border-radius) * -1);position:relative;overflow:hidden auto}@media (width>=64rem){.sbb-map-container__sidebar{border-block-start:var(--sbb-border-width-1x) solid var(--sbb-border-color-4-inverted);border-radius:0;grid-area:1/1/3/2;margin-block-start:0}}.sbb-map-container__map{grid-area:1/1/2/3;position:sticky;inset-block-start:0;inset-inline:0}@media (width<=63.9375rem){.sbb-map-container__map{height:var(--_sbb-map-container-map-height);inset-block-start:var(--sbb-map-container-mobile-sticky-block-start,0)}}@media (width>=64rem){.sbb-map-container__map{grid-area:1/2/3/3;position:relative}}`, h = (() => {
-	let n = s, h, g = [], _ = [], v, y = [], b = [];
-	return class extends n {
-		constructor() {
-			super(...arguments), this.#e = t(this, g, !1), this.#t = (t(this, _), t(this, y, !1)), this._language = (t(this, b), new d(this)), this._observer = new p(this, {
-				target: null,
-				callback: (e) => this._toggleButtonVisibilityOnIntersect(e)
-			});
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			h = [c(), a({
-				attribute: "hide-scroll-up-button",
-				reflect: !0,
-				type: Boolean
-			})], v = [o()], e(this, null, h, {
-				kind: "accessor",
-				name: "hideScrollUpButton",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "hideScrollUpButton" in e,
-					get: (e) => e.hideScrollUpButton,
-					set: (e, t) => {
-						e.hideScrollUpButton = t;
-					}
-				},
-				metadata: t
-			}, g, _), e(this, null, v, {
-				kind: "accessor",
-				name: "_scrollUpButtonVisible",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "_scrollUpButtonVisible" in e,
-					get: (e) => e._scrollUpButtonVisible,
-					set: (e, t) => {
-						e._scrollUpButtonVisible = t;
-					}
-				},
-				metadata: t
-			}, y, b), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-map-container";
-		}
-		static {
-			this.styles = [u, m];
-		}
-		#e;
-		get hideScrollUpButton() {
-			return this.#e;
-		}
-		set hideScrollUpButton(e) {
-			this.#e = e;
-		}
-		#t;
-		get _scrollUpButtonVisible() {
-			return this.#t;
-		}
-		set _scrollUpButtonVisible(e) {
-			this.#t = e;
-		}
-		willUpdate(e) {
-			if (super.willUpdate(e), e.has("hideScrollUpButton")) {
-				let e = this._intersector();
-				!this.hideScrollUpButton && e ? this._observer.observe(e) : e && this._observer.unobserve(e);
-			}
-		}
-		firstUpdated(e) {
-			super.firstUpdated(e), this.hideScrollUpButton || this._observer.observe(this._intersector());
-		}
-		_intersector() {
-			return this.shadowRoot?.querySelector("#intersector") ?? null;
-		}
-		_onScrollButtonClick() {
-			this.scrollIntoView({ behavior: "smooth" });
-		}
-		_toggleButtonVisibilityOnIntersect(e) {
-			e.forEach((e) => {
-				let t = !e.isIntersecting;
-				this.toggleState("scroll-up-button-visible", t), this._scrollUpButtonVisible = t;
-			});
-		}
-		render() {
-			return r`
-      <div class="sbb-map-container__map">
-        <slot name="map"></slot>
-      </div>
-      <div class="sbb-map-container__sidebar" @scroll=${(e) => l(e, document)}>
-        <span id="intersector"></span>
-
-        <slot></slot>
-
-        ${this.hideScrollUpButton ? i : r`<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}
-            >
-              ${f[this._language.current]}
-            </sbb-accent-button>`}
-      </div>
-    `;
-		}
-	};
-})();
-//#endregion
-export { h as t };

package/menu-action-common-vt9j6nkG.js

@@ -1,29 +0,0 @@
-import { css as e } from "lit";
-import { SbbDisabledMixin as t } from "./core/mixins.js";
-import { boxSizingStyles as n } from "./core/styles.js";
-import { html as r } from "lit/static-html.js";
-import { SbbIconNameMixin as i } from "./icon.js";
-//#region src/elements/menu/common/menu-action.scss?lit&inline
-var a = e`:host{--sbb-menu-action-cursor:var(--sbb-cursor-pointer);display:block;outline:none!important}@media (any-hover:hover){:host(:is(:hover:not([disabled],:disabled,[disabled-interactive]),[aria-expanded=true])){--sbb-menu-background-color:var(--lightningcss-light,var(--sbb-color-iron))var(--lightningcss-dark,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(--lightningcss-light,var(--sbb-color-graphite))var(--lightningcss-dark,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{translate:50% -50%;inset:50% calc(100% - var(--sbb-menu-action-outer-horizontal-padding) - var(--sbb-menu-action-content-padding-inline) - .5 * var(--sbb-size-icon-ui-small)) auto auto!important}: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){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;text-decoration:none;display:block}.sbb-menu-action__content{--sbb-text-font-size:var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);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);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:var(--sbb-menu-background-color);display:flex}: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{min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small);display:flex}.sbb-menu-submenu__icon{display:var(--sbb-menu-action-submenu-icon-display,none);margin-inline-start:auto}.sbb-menu-action__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-menu-action__label{text-decoration:line-through}`, o = (e) => {
-	class o extends i(t(e)) {
-		static {
-			this.styles = [n, a];
-		}
-		renderTemplate() {
-			return r`
-        <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 o;
-};
-//#endregion
-export { o as t };

package/mini-button-group.component-D5Dph1Z7.js

@@ -1,89 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a } from "./core/base-elements.js";
-import { forceType as o } from "./core/decorators.js";
-import { isLean as s } from "./core/dom.js";
-import { SbbNamedSlotListMixin as c, SbbNegativeMixin as l } from "./core/mixins.js";
-import { boxSizingStyles as u } from "./core/styles.js";
-//#region src/elements/button/mini-button-group/mini-button-group.scss?lit&inline
-var d = n`:host{display:block}:host([negative]){--sbb-mini-button-group-background:var(--sbb-background-color-1-negative);--sbb-mini-button-group-border-color:var(--sbb-border-color-4-negative-inverted);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark)}:host([size=s]){--sbb-mini-button-group-min-height:var(--sbb-size-element-xs);--sbb-mini-button-group-padding-inline:var(--sbb-spacing-fixed-2x)}:host([size=m]){--sbb-mini-button-group-min-height:var(--sbb-size-element-s);--sbb-mini-button-group-padding-inline:var(--sbb-spacing-fixed-3x)}:host([size=l]){--sbb-mini-button-group-min-height:var(--sbb-size-element-m)}:host([size=xl]){--sbb-mini-button-group-min-height:var(--sbb-size-element-l);--sbb-mini-button-group-padding-inline:var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-mini-button,sbb-mini-button-link,sbb-divider)){display:flex}::slotted(sbb-divider){--sbb-divider-border-width:var(--sbb-border-width-1x);padding:var(--sbb-mini-button-group-divider-padding);height:var(--sbb-mini-button-group-divider-height)}.sbb-mini-button-group{font-size:inherit;align-items:center;gap:var(--sbb-mini-button-group-gap);width:fit-content;min-height:var(--sbb-mini-button-group-min-height);background-color:var(--sbb-mini-button-group-background);border:var(--sbb-mini-button-group-border-width) solid var(--sbb-mini-button-group-border-color);border-radius:var(--sbb-mini-button-group-border-radius);padding:0;padding-inline:calc(var(--sbb-mini-button-group-padding-inline) - var(--sbb-mini-button-group-border-width));flex-wrap:nowrap;margin:0;list-style:none;display:flex}`, f = (() => {
-	let n = l(c(a)), f, p = [], m = [], h, g = [], _ = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			f = [o(), i({ attribute: "accessibility-label" })], h = [i({ reflect: !0 })], e(this, null, f, {
-				kind: "accessor",
-				name: "accessibilityLabel",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "accessibilityLabel" in e,
-					get: (e) => e.accessibilityLabel,
-					set: (e, t) => {
-						e.accessibilityLabel = t;
-					}
-				},
-				metadata: t
-			}, p, m), e(this, null, h, {
-				kind: "accessor",
-				name: "size",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "size" in e,
-					get: (e) => e.size,
-					set: (e, t) => {
-						e.size = t;
-					}
-				},
-				metadata: t
-			}, g, _), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-mini-button-group";
-		}
-		static {
-			this.styles = [u, d];
-		}
-		#e;
-		get accessibilityLabel() {
-			return this.#e;
-		}
-		set accessibilityLabel(e) {
-			this.#e = e;
-		}
-		#t;
-		get size() {
-			return this.#t;
-		}
-		set size(e) {
-			this.#t = e;
-		}
-		willUpdate(e) {
-			super.willUpdate(e), e.has("negative") && this._proxyNegative();
-		}
-		_proxyNegative() {
-			this.querySelectorAll?.("sbb-divider, sbb-mini-button, sbb-mini-button-link").forEach((e) => e.negative = this.negative);
-		}
-		render() {
-			return r`
-      ${this.renderList({ ariaLabel: this.accessibilityLabel }, { localNameVisualOnly: ["sbb-divider"] })}
-    `;
-		}
-		constructor() {
-			super(...arguments), this.listChildLocalNames = [
-				"sbb-mini-button",
-				"sbb-mini-button-link",
-				"sbb-divider"
-			], this.#e = t(this, p, ""), this.#t = (t(this, m), t(this, g, s() ? "s" : "m")), t(this, _);
-		}
-	};
-})();
-//#endregion
-export { f as t };

package/mini-button-link.component-BYK_EUud.js

@@ -1,31 +0,0 @@
-import { css as e } from "lit";
-import { SbbLinkBaseElement as t } from "./core/base-elements.js";
-import { SbbDisabledInteractiveMixin as n, SbbDisabledMixin as r, SbbNegativeMixin as i } from "./core/mixins.js";
-import { boxSizingStyles as a } from "./core/styles.js";
-import { html as o } from "lit/static-html.js";
-import { SbbIconNameMixin as s } from "./icon.js";
-import { miniButtonLabelStyle as c, miniButtonStyle as l } from "./button/common.js";
-//#region src/elements/button/mini-button-link/mini-button-link.scss?lit&inline
-var u = e`@media (forced-colors:active){:host{--sbb-mini-button-color:LinkText!important}}`, d = class extends i(s(n(r(t)))) {
-	static {
-		this.elementName = "sbb-mini-button-link";
-	}
-	static {
-		this.styles = [
-			a,
-			l,
-			c,
-			u
-		];
-	}
-	renderTemplate() {
-		return o`
-      ${super.renderIconSlot()}
-      <span class="sbb-mini-button__label">
-        <slot></slot>
-      </span>
-    `;
-	}
-};
-//#endregion
-export { d as t };

package/mini-calendar-day.component-Tj7wlWj7.js

@@ -1,106 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbButtonBaseElement as a } from "./core/base-elements.js";
-import { forceType as o, omitEmptyConverter as s } from "./core/decorators.js";
-import { readConfig as c } from "./core/config/config.js";
-import "./core/datetime/date-adapter.js";
-import { defaultDateAdapter as l } from "./core/datetime/native-date-adapter.js";
-//#region src/elements/mini-calendar/mini-calendar-day/mini-calendar-day.scss?lit&inline
-var u = n`:host{--sbb-mini-calendar-day-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));height:var(--sbb-mini-calendar-day-dimensions);width:var(--sbb-mini-calendar-day-dimensions);border-radius:var(--sbb-border-radius-infinity);color:var(--lightningcss-light,var(--sbb-color-storm))var(--lightningcss-dark,var(--sbb-color-smoke));background-color:currentColor;margin:.0625rem;display:block}@media (any-hover:hover){:host(:hover){scale:var(--sbb-mini-calendar-day-scale);transition:scale var(--sbb-mini-calendar-day-animation-easing) var(--sbb-mini-calendar-day-animation-duration)}}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);outline-offset:.125rem}:host([color=charcoal]){color:var(--sbb-background-color-2-inverted)}:host([color=cloud]){color:var(--sbb-background-color-4-inverted)}:host([color=orange]){color:var(--sbb-color-orange-light)}:host([color=red]){color:var(--sbb-color-error)}:host([color=sky]){color:var(--sbb-color-sky-light)}:host([marker=circle]){background-color:var(--sbb-color-1-inverted);border:.0625rem solid}:host([marker=target]){background:radial-gradient(circle, currentcolor 0%, currentcolor 25%, var(--sbb-color-1-inverted) 25%, var(--sbb-color-1-inverted) 50%, currentcolor 50%, currentcolor 100%)}:host([marker=slash]){position:relative}:host([marker=slash]):before{content:"";background-image:linear-gradient(-45deg, transparent 45%, var(--sbb-color-1-inverted) 45%, var(--sbb-color-1-inverted) 55%, transparent 55%);position:absolute;inset:0}:host([marker=cross]){position:relative}:host([marker=cross]):before{content:"";background-image:linear-gradient(-45deg, transparent 45%, var(--sbb-color-1-inverted) 45%, var(--sbb-color-1-inverted) 55%, transparent 55%), linear-gradient(45deg, transparent 45%, var(--sbb-color-1-inverted) 45%, var(--sbb-color-1-inverted) 55%, transparent 55%);position:absolute;inset:0}`, d = (() => {
-	let n = a, d, f = [], p = [], m, h = [], g = [], _, v = [], y = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			d = [o(), i()], m = [o(), i({
-				reflect: !0,
-				converter: s
-			})], _ = [o(), i({
-				reflect: !0,
-				converter: s
-			})], e(this, null, d, {
-				kind: "accessor",
-				name: "date",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "date" in e,
-					get: (e) => e.date,
-					set: (e, t) => {
-						e.date = t;
-					}
-				},
-				metadata: t
-			}, f, p), e(this, null, m, {
-				kind: "accessor",
-				name: "marker",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "marker" in e,
-					get: (e) => e.marker,
-					set: (e, t) => {
-						e.marker = t;
-					}
-				},
-				metadata: t
-			}, h, g), e(this, null, _, {
-				kind: "accessor",
-				name: "color",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "color" in e,
-					get: (e) => e.color,
-					set: (e, t) => {
-						e.color = t;
-					}
-				},
-				metadata: t
-			}, v, y), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-mini-calendar-day";
-		}
-		static {
-			this.styles = u;
-		}
-		#e;
-		get date() {
-			return this.#e;
-		}
-		set date(e) {
-			this.#e = e;
-		}
-		#t;
-		get marker() {
-			return this.#t;
-		}
-		set marker(e) {
-			this.#t = e;
-		}
-		#n;
-		get color() {
-			return this.#n;
-		}
-		set color(e) {
-			this.#n = e;
-		}
-		willUpdate(e) {
-			super.willUpdate(e), e.has("date") && this.date && (this.internals.ariaLabel = this._dateAdapter.getAccessibilityFormatDate(this.date));
-		}
-		renderTemplate() {
-			return r``;
-		}
-		constructor() {
-			super(...arguments), this._dateAdapter = c().datetime?.dateAdapter ?? l, this.#e = t(this, f, ""), this.#t = (t(this, p), t(this, h, "")), this.#n = (t(this, g), t(this, v, "")), t(this, y);
-		}
-	};
-})();
-//#endregion
-export { d as t };

package/navigation-action-common-D_-gGOYm.js

@@ -1,64 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import { isLean as i } from "./core/dom.js";
-import { boxSizingStyles as a } from "./core/styles.js";
-import { html as o } from "lit/static-html.js";
-import "./icon.js";
-//#region src/elements/navigation/common/navigation-action.scss?lit&inline
-var s = n`:host{--sbb-navigation-action-color:var(--sbb-color-4-negative);--sbb-navigation-action-icon-display:none;display:block;outline:none!important}:host(:is(:state(section-action),[state--section-action]):is(:state(action-active),[state--action-active]).sbb-active){--sbb-navigation-action-icon-display:block}:host(:is(:state(action-active),[state--action-active])){--sbb-navigation-action-color:var(--sbb-color-5)}@media (forced-colors:active){:host(:is(:state(action-active),[state--action-active])){--sbb-navigation-action-color:Highlight}}sbb-icon{display:var(--sbb-navigation-action-icon-display);position:absolute;inset-block-start:calc(1em * var(--sbb-typo-line-height-text) / 2);inset-inline-start:calc((var(--sbb-size-icon-ui-small) + var(--sbb-spacing-fixed-1x)) * -1);translate:0 -50%}@media (any-hover:hover){:host(:hover){--sbb-navigation-action-color:var(--sbb-color-5)}}@media (forced-colors:active){:host(:is(:state(button),[state--button])){--sbb-navigation-action-color:ButtonText}}:is(.sbb-navigation-button,.sbb-navigation-link){--sbb-title-font-size:var(--sbb-title-font-size-level-4-lean,var(--sbb-heading-font-size-4));margin-block:var(--sbb-title-margin-block,0);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height,var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);cursor:var(--sbb-cursor-pointer);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:color var(--sbb-disable-animation-duration,var(--sbb-animation-duration-3x)) ease;-webkit-hyphens:auto;hyphens:auto;text-align:left;color:var(--sbb-navigation-action-color);outline:none;margin-inline:0;text-decoration:none;display:flex;position:relative}@media (forced-colors:active){:is(.sbb-navigation-button,.sbb-navigation-link){transition:none}}:host([size=m]) :is(.sbb-navigation-button,.sbb-navigation-link){--sbb-text-font-size:var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}:host([size=s]) :is(.sbb-navigation-button,.sbb-navigation-link){--sbb-text-font-size:var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}:host(:focus-visible) :is(.sbb-navigation-button,.sbb-navigation-link),:is(.sbb-navigation-button,.sbb-navigation-link):focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}`, c = (n) => (() => {
-	let c = n, l, u = [], d = [];
-	return class extends c {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-			l = [r({ reflect: !0 })], e(this, null, l, {
-				kind: "accessor",
-				name: "size",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "size" in e,
-					get: (e) => e.size,
-					set: (e, t) => {
-						e.size = t;
-					}
-				},
-				metadata: t
-			}, u, d), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.styles = [a, s];
-		}
-		#e;
-		get size() {
-			return this.#e;
-		}
-		set size(e) {
-			this.#e = e;
-		}
-		get marker() {
-			return this._navigationMarker;
-		}
-		get section() {
-			return this._navigationSection;
-		}
-		constructor(...e) {
-			super(...e), this.#e = t(this, u, i() ? "s" : "l"), this.connectedSection = t(this, d), this._navigationMarker = null, this._navigationSection = null, this.addEventListener?.("click", () => {
-				!this.matches(":is(:state(action-active),[state--action-active])") && this._navigationMarker && !this.connectedSection && this.marker?.select(this);
-			});
-		}
-		connectedCallback() {
-			super.connectedCallback(), this._navigationMarker = this.closest("sbb-navigation-marker"), this._navigationSection = this.closest("sbb-navigation-section"), this.toggleState("section-action", !!this._navigationSection);
-		}
-		renderTemplate() {
-			return o`<sbb-icon name="dash-small"></sbb-icon> <slot></slot>`;
-		}
-	};
-})();
-//#endregion
-export { c as t };

package/navigation-marker.component-B7hmb9iS.js

@@ -1,88 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import { SbbElement as i } from "./core/base-elements.js";
-import { isLean as a } from "./core/dom.js";
-import { SbbNamedSlotListMixin as o, ɵstateController as s } from "./core/mixins.js";
-import { boxSizingStyles as c } from "./core/styles.js";
-import { ResizeController as l } from "@lit-labs/observers/resize-controller.js";
-//#region src/elements/navigation/navigation-marker/navigation-marker.scss?lit&inline
-var u = n`:host{--sbb-navigation-action-gap:var(--sbb-spacing-responsive-xs);--sbb-navigation-marker-position-x:var(--sbb-spacing-fixed-1x);--sbb-navigation-marker-position-y:unset;--sbb-navigation-marker-width:1.0625rem;--sbb-navigation-marker-border:var(--sbb-border-width-1x);--sbb-navigation-marker-padding-inline-start:var(--sbb-spacing-fixed-6x);--sbb-navigation-marker-typo-line-height:var(--sbb-typo-line-height-heading);--sbb-navigation-margin-inline-start:var(--sbb-spacing-fixed-3x);--sbb-navigation-marker-margin-block:calc(1em * var(--sbb-navigation-marker-typo-line-height) / 2 - var(--sbb-navigation-marker-border) / 2);display:block}:host([size=s]){--sbb-navigation-action-gap:var(--sbb-spacing-fixed-2x);--sbb-navigation-marker-width:.5rem;--sbb-navigation-marker-typo-line-height:var(--sbb-typo-line-height-text);--sbb-navigation-margin-inline-start:var(--sbb-spacing-fixed-2x);--sbb-navigation-marker-position-x:calc(var(--sbb-navigation-marker-padding-inline-start) - var(--sbb-spacing-fixed-2x));--sbb-navigation-marker-padding-inline-start:calc(var(--sbb-spacing-fixed-6x) + var(--sbb-spacing-fixed-1x))}.sbb-navigation-marker{font-size:inherit;--sbb-title-font-size:var(--sbb-title-font-size-level-4-lean,var(--sbb-heading-font-size-4));margin:0;margin-block:var(--sbb-title-margin-block,0);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height,var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);align-items:flex-start;gap:var(--sbb-navigation-action-gap);padding:0;flex-direction:column;margin-inline:0;padding-inline-start:var(--sbb-navigation-marker-padding-inline-start);list-style:none;display:flex;position:relative}.sbb-navigation-marker:before{content:"";opacity:0;width:var(--sbb-navigation-marker-width);border-block-start:var(--sbb-navigation-marker-border) solid var(--sbb-color-5);margin-block:var(--sbb-navigation-marker-margin-block);transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x));transition-property:opacity,inset-block-start;transition-timing-function:ease;position:absolute;inset-block-start:var(--sbb-navigation-marker-position-y);inset-inline-start:var(--sbb-navigation-marker-position-x)}:host(:is(:state(has-active-action),[state--has-active-action])) .sbb-navigation-marker:before{opacity:1}@media (forced-colors:active){.sbb-navigation-marker:before{border-color:canvastext}}:host([size=s]) .sbb-navigation-marker{--sbb-text-font-size:var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}::slotted(:is(sbb-navigation-button,sbb-navigation-link)){margin-inline-start:var(--sbb-navigation-margin-inline-start)}`, d = (() => {
-	let n = o(i), d, f = [], p = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			d = [r({ reflect: !0 })], e(this, null, d, {
-				kind: "accessor",
-				name: "size",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "size" in e,
-					get: (e) => e.size,
-					set: (e, t) => {
-						e.size = t;
-					}
-				},
-				metadata: t
-			}, f, p), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-navigation-marker";
-		}
-		static {
-			this.styles = [c, u];
-		}
-		#e;
-		get size() {
-			return this.#e;
-		}
-		set size(e) {
-			this.#e = e;
-		}
-		constructor() {
-			super(), this.listChildLocalNames = ["sbb-navigation-button", "sbb-navigation-link"], this.#e = t(this, f, a() ? "s" : "l"), this._currentActiveAction = t(this, p), this.addController(new l(this, {
-				skipInitial: !0,
-				callback: () => this._setMarkerPosition()
-			}));
-		}
-		willUpdate(e) {
-			super.willUpdate(e), (e.has("size") || e.has("listChildren")) && this._updateMarkerActions(), this.toggleState("has-active-action", !!this._currentActiveAction);
-		}
-		_updateMarkerActions() {
-			for (let e of this.listChildren) e.size = this.size;
-			this._currentActiveAction = this.listChildren.find((e) => e.matches(":is(:state(action-active),[state--action-active])")), this._setMarkerPosition();
-		}
-		connectedCallback() {
-			super.connectedCallback(), this._checkActiveAction();
-		}
-		_checkActiveAction() {
-			let e = this.querySelector(":is(sbb-navigation-button, sbb-navigation-link).sbb-active");
-			e && this.select(e);
-		}
-		select(e) {
-			e && (this.reset(), s(e).add("action-active"), this._currentActiveAction = e, setTimeout(() => this._setMarkerPosition()));
-		}
-		firstUpdated(e) {
-			super.firstUpdated(e), setTimeout(() => this._setMarkerPosition());
-		}
-		reset() {
-			this._currentActiveAction &&= (s(this._currentActiveAction).delete("action-active"), this._currentActiveAction.connectedSection?.close(), void 0);
-		}
-		_setMarkerPosition() {
-			if (!this._currentActiveAction) return;
-			let e = this.listChildren.indexOf(this._currentActiveAction), t = this.shadowRoot.querySelector(`li:nth-child(${e + 1})`)?.offsetTop;
-			t != null && this.style?.setProperty("--sbb-navigation-marker-position-y", `${t}px`);
-		}
-		render() {
-			return this.renderList();
-		}
-	};
-})();
-//#endregion
-export { d as t };