@sbb-esta/lyne-elements-dev 4.8.1-dev.1773911892 → 4.8.1-dev.1773933819

package/header-environment.component-DduyZo6W.js

@@ -1,36 +0,0 @@
-import { css as e, html as t } from "lit";
-import { SbbElement as n } from "./core/base-elements.js";
-import { boxSizingStyles as r } from "./core/styles.js";
-import { MutationController as i } from "@lit-labs/observers/mutation-controller.js";
-//#region src/elements/header/header-environment/header-environment.scss?lit&inline
-var a = e`:host{font-size:var(--sbb-text-font-size-xxs);letter-spacing:var(--sbb-typo-letter-spacing-text);justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}:host(:dir(rtl)){--sbb-header-environment-rotate:-45deg}:host(:is(:state(env-dev),[state--env-dev])){--sbb-header-environment-background-color:var(--sbb-color-orange)}:host(:is(:state(env-edu),[state--env-edu])){--sbb-header-environment-background-color:var(--sbb-color-green)}:host(:is(:state(env-int),[state--env-int])),:host(:is(:state(env-inte),[state--env-inte])){--sbb-header-environment-background-color:var(--sbb-color-granite)}:host(:is(:state(env-loc),[state--env-loc])){--sbb-header-environment-background-color:var(--sbb-color-pink)}:host(:is(:state(env-test),[state--env-test])){--sbb-header-environment-background-color:var(--sbb-color-sky)}:host:before{content:"";border-block-start:var(--sbb-header-environment-size) solid var(--sbb-header-environment-background-color);border-inline-start:var(--sbb-header-environment-size) solid transparent}.sbb-header-environment__text{color:var(--sbb-header-environment-color);rotate:var(--sbb-header-environment-rotate);padding-block-end:var(--sbb-spacing-fixed-4x);position:absolute}`, o = class extends n {
-	static {
-		this.elementName = "sbb-header-environment";
-	}
-	static {
-		this.styles = [r, a];
-	}
-	constructor() {
-		super(), this._env = null, this.addController(new i(this, {
-			config: {
-				characterData: !0,
-				subtree: !0
-			},
-			callback: () => {
-				this._slottedTextChange();
-			}
-		}));
-	}
-	_slottedTextChange() {
-		this._env && this.internals.states.delete(`env-${this._env}`), this._env = this.textContent?.trim() ?? "", this._env && this.internals.states.add(`env-${this._env}`);
-	}
-	render() {
-		return t`
-      <span class="sbb-header-environment__text">
-        <slot></slot>
-      </span>
-    `;
-	}
-};
-//#endregion
-export { o as t };

package/inline-link-common-DANB-hT-.js

@@ -1,18 +0,0 @@
-import { n as e, t } from "./link-common-akQv_-UR.js";
-import { css as n } from "lit";
-import { boxSizingStyles as r } from "./core/styles.js";
-//#region src/elements/link/common/inline-link.scss?lit&inline
-var i = n`:host{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;--sbb-link-color-hover:var(--lightningcss-light,var(--sbb-color-primary125))var(--lightningcss-dark,var(--sbb-color-graphite));--sbb-link-color-active:var(--lightningcss-light,var(--sbb-color-primary150))var(--lightningcss-dark,var(--sbb-color-metal));--sbb-link-color-normal:inherit;color:inherit;display:inline-block}:host([negative]){--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark);--sbb-link-color-hover:var(--sbb-color-graphite);--sbb-link-color-active:var(--sbb-color-metal)}.sbb-action-base{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit}`, a = (n) => {
-	class a extends t(n) {
-		static {
-			this.styles = [
-				r,
-				e,
-				i
-			];
-		}
-	}
-	return a;
-};
-//#endregion
-export { a as t };

package/lead-container.component-D9VzZCQa.js

@@ -1,27 +0,0 @@
-import { css as e, html as t } from "lit";
-import { SbbElement as n } from "./core/base-elements.js";
-import { boxSizingStyles as r } from "./core/styles.js";
-//#region src/elements/lead-container/lead-container.scss?lit&inline
-var i = e`:host{padding-block:var(--sbb-lead-container-padding-block);display:block}:host(:not(:is(:state(slotted-image),[state--slotted-image]))){--sbb-lead-container-image-overlap:0}::slotted([slot=image]){width:100%;display:block}::slotted(:is(sbb-breadcrumb-group,sbb-block-link).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-alert,sbb-alert-group).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-responsive-m)}::slotted(sbb-title.sbb-lead-container-spacing){margin-block-start:0}::slotted(sbb-notification.sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-responsive-xxxs)}::slotted(.sbb-lead-container-lead-text){margin-block:0 var(--sbb-spacing-responsive-s);color:var(--lightningcss-light,var(--sbb-color-iron))var(--lightningcss-dark,var(--sbb-color-smoke))}@media (width>=90rem){.sbb-lead-container-image{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive));margin-inline:auto}}.sbb-lead-container-content-wrapper{background-color:var(--sbb-lead-container-background-color);gap:var(--sbb-grid-base-gutter-responsive);grid-template-columns:repeat(var(--sbb-grid-base-columns), 1fr);padding-inline:var(--sbb-page-spacing-padding,var(--sbb-layout-base-offset-responsive));width:100%;margin-inline:auto;display:grid}@media (width>=90rem){.sbb-lead-container-content-wrapper{max-width:var(--sbb-spacing-max-width,calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}@media (width>=64rem){.sbb-lead-container-content-wrapper{background-color:#0000}}.sbb-lead-container-content{border-radius:var(--sbb-lead-container-border-radius);padding-block:var(--sbb-lead-container-content-padding-block);background-color:var(--sbb-lead-container-background-color);grid-column:1/-1;position:relative}@media (width>=64rem){.sbb-lead-container-content{padding-inline:var(--sbb-lead-container-padding-inline);margin-block-start:calc(-1 * var(--sbb-lead-container-image-overlap));margin-inline:calc(-1 * var(--sbb-lead-container-padding-inline));grid-column:2/-2}}@media (width>=90rem){.sbb-lead-container-content{grid-column:4/-4}}`, a = class extends n {
-	static {
-		this.elementName = "sbb-lead-container";
-	}
-	static {
-		this.styles = [r, i];
-	}
-	render() {
-		return t`
-      <div class="sbb-lead-container-image">
-        <slot name="image"></slot>
-      </div>
-      <!-- Content wrapper needed because grid needs to be applied but container image should not be touched by grid. -->
-      <div class="sbb-lead-container-content-wrapper">
-        <div class="sbb-lead-container-content">
-          <slot></slot>
-        </div>
-      </div>
-    `;
-	}
-};
-//#endregion
-export { a as t };

package/link-common-akQv_-UR.js

@@ -1,52 +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 { SbbNegativeMixin as a } from "./core/mixins.js";
-import { html as o } from "lit/static-html.js";
-//#region src/elements/link/common/link.scss?lit&inline
-var s = n`:host{outline:none!important}@media (forced-colors:active){:host(:is(:state(button),[state--button])){--sbb-link-color-normal:ButtonText;--sbb-link-color-hover:ButtonText;--sbb-link-color-active:ButtonText}}.sbb-action-base{color:var(--sbb-link-color-normal);-webkit-text-decoration-line:var(--sbb-link-text-decoration-line,underline);text-decoration-line:var(--sbb-link-text-decoration-line,underline);text-underline-offset:.3125em;text-decoration-thickness:.0625rem}@media (forced-colors:active){.sbb-action-base{text-decoration:underline}}.sbb-action-base{width:100%;cursor:var(--sbb-cursor-pointer);padding:var(--sbb-link-padding,0);outline:none;align-items:center;display:flex}:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-action-base{pointer-events:none;cursor:var(--sbb-cursor-default)}@media (forced-colors:active){:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:graytext}}:host(:focus-visible) .sbb-action-base,.sbb-action-base: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))}@media (any-hover:hover){:host(:hover:not([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:var(--sbb-link-color-hover);-webkit-text-decoration-line:var(--sbb-link-hover-text-decoration,underline);text-decoration-line:var(--sbb-link-hover-text-decoration,underline)}}:host(:is(:active,:is(:state(active),[state--active])):not([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:var(--sbb-link-color-active)}`, c = (n) => (() => {
-	let c = a(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 = s;
-		}
-		#e = t(this, u, i() ? "xs" : "s");
-		get size() {
-			return this.#e;
-		}
-		set size(e) {
-			this.#e = e;
-		}
-		constructor() {
-			super(), t(this, d), this.internals.states.add("sbb-link");
-		}
-		renderTemplate() {
-			return o`<slot></slot>`;
-		}
-	};
-})();
-//#endregion
-export { s as n, c as t };

package/link-list-anchor.component-Qm7h2mHK.js

@@ -1,18 +0,0 @@
-import { css as e } from "lit";
-import { boxSizingStyles as t } from "./core/styles.js";
-import { SbbLinkListBaseElement as n, linkListBaseStyle as r } from "./link-list.pure.js";
-//#region src/elements/link-list-anchor/link-list-anchor.scss?lit&inline
-var i = e`:host{--sbb-link-list-anchor-border-color:var(--sbb-border-color-4-inverted)}:host([negative]){--sbb-link-list-anchor-border-color:var(--sbb-border-color-4-negative-inverted)}::slotted(:is(:state(link),[state--link])){--sbb-link-text-decoration-line:none;--sbb-link-padding:var(--sbb-spacing-fixed-1x) 0 var(--sbb-spacing-fixed-1x) var(--sbb-spacing-fixed-4x);--sbb-link-color-hover:var(--sbb-color-3);--sbb-link-color-active:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-smoke));border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-link-list-anchor-border-color)}:host([negative]) ::slotted(:is(:state(link),[state--link])){--sbb-link-color-normal:var(--sbb-color-5);--sbb-link-color-hover:var(--sbb-color-3-negative);--sbb-link-color-active:var(--sbb-color-5)}::slotted(:is(:state(link),[state--link]):is(:active,:is(:state(active),[state--active])):not([disabled],:disabled)){--sbb-link-list-anchor-border-color:var(--lightningcss-light,var(--sbb-color-iron))var(--lightningcss-dark,var(--sbb-color-silver))}:host([negative]) ::slotted(:is(:state(link),[state--link]):is(:active,:is(:state(active),[state--active])):not([disabled],:disabled)){--sbb-link-list-anchor-border-color:var(--sbb-color-silver)}::slotted(:is(:state(link),[state--link]):hover:not([disabled],:disabled)){--sbb-link-list-anchor-border-color:var(--sbb-color-3)}:host([negative]) ::slotted(:is(:state(link),[state--link]):hover:not([disabled],:disabled)){--sbb-link-list-anchor-border-color:var(--sbb-color-3-negative)}.sbb-link-list-anchor{font-size:inherit;flex-flow:column;margin:0;padding:0;list-style:none;display:flex}.sbb-link-list-anchor>li{margin-inline-start:var(--sbb-spacing-fixed-4x)}`, a = class extends n {
-	static {
-		this.elementName = "sbb-link-list-anchor";
-	}
-	static {
-		this.styles = [
-			t,
-			r,
-			i
-		];
-	}
-};
-//#endregion
-export { a as t };

package/link-list.component-C8zrqHYc.js

@@ -1,78 +0,0 @@
-import { n as e, t } from "./link-list-base-CrpC5D4u.js";
-import { __esDecorate as n, __runInitializers as r } from "tslib";
-import { css as i } from "lit";
-import { property as a } from "lit/decorators.js";
-import { boxSizingStyles as o } from "./core/styles.js";
-//#region src/elements/link-list/link-list.scss?lit&inline
-var s = i`:host{--sbb-link-list-flex-flow:column nowrap}:host([orientation=horizontal]){--sbb-link-list-flex-flow:row wrap}:host([orientation=horizontal]) .sbb-link-list-title{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sbb-link-list{font-size:inherit;gap:var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-8x);flex-flow:var(--sbb-link-list-flex-flow);margin:0;padding:0;list-style:none;display:flex}@media (width>=0){:host([orientation=vertical][horizontal-from=zero]){--sbb-link-list-flex-flow:row wrap}:host([orientation=vertical][horizontal-from=zero]) .sbb-link-list-title{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width>=37.5rem){:host([orientation=vertical][horizontal-from=small]){--sbb-link-list-flex-flow:row wrap}:host([orientation=vertical][horizontal-from=small]) .sbb-link-list-title{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width>=64rem){:host([orientation=vertical][horizontal-from=large]){--sbb-link-list-flex-flow:row wrap}:host([orientation=vertical][horizontal-from=large]) .sbb-link-list-title{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width>=90rem){:host([orientation=vertical][horizontal-from=ultra]){--sbb-link-list-flex-flow:row wrap}:host([orientation=vertical][horizontal-from=ultra]) .sbb-link-list-title{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}`, c = (() => {
-	let i = t, c, l = [], u = [], d, f = [], p = [];
-	return class extends i {
-		static {
-			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-			c = [a({
-				attribute: "horizontal-from",
-				reflect: !0
-			})], d = [a({ reflect: !0 })], n(this, null, c, {
-				kind: "accessor",
-				name: "horizontalFrom",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "horizontalFrom" in e,
-					get: (e) => e.horizontalFrom,
-					set: (e, t) => {
-						e.horizontalFrom = t;
-					}
-				},
-				metadata: e
-			}, l, u), n(this, null, d, {
-				kind: "accessor",
-				name: "orientation",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "orientation" in e,
-					get: (e) => e.orientation,
-					set: (e, t) => {
-						e.orientation = t;
-					}
-				},
-				metadata: e
-			}, f, p), e && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: e
-			});
-		}
-		static {
-			this.elementName = "sbb-link-list";
-		}
-		static {
-			this.styles = [
-				o,
-				e,
-				s
-			];
-		}
-		#e = r(this, l, null);
-		get horizontalFrom() {
-			return this.#e;
-		}
-		set horizontalFrom(e) {
-			this.#e = e;
-		}
-		#t = (r(this, u), r(this, f, "vertical"));
-		get orientation() {
-			return this.#t;
-		}
-		set orientation(e) {
-			this.#t = e;
-		}
-		constructor() {
-			super(...arguments), r(this, p);
-		}
-	};
-})();
-//#endregion
-export { c as t };

package/loading-indicator-circle.component-DfjVqe7n.js

@@ -1,62 +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 { boxSizingStyles as o } from "./core/styles.js";
-//#region src/elements/loading-indicator-circle/loading-indicator-circle.scss?lit&inline
-var s = n`:host{--sbb-loading-indicator-circle-duration:var(--sbb-disable-animation-duration,1.5s);--sbb-loading-indicator-circle-background:conic-gradient(from 90deg, transparent, var(--sbb-loading-indicator-circle-color));line-height:0;display:inline-block}@media (forced-colors:active){:host{--sbb-loading-indicator-circle-color:CanvasText!important}}:host([color=smoke]){--sbb-loading-indicator-circle-color:var(--sbb-color-smoke)}:host([color=white]){--sbb-loading-indicator-circle-color:var(--sbb-color-white);--sbb-loading-indicator-circle-background-color:var(--sbb-color-iron)}.sbb-loading-indicator{padding:var(--sbb-loading-indicator-circle-padding);vertical-align:middle;line-height:1;display:inline-flex}.sbb-loading-indicator__animated-element{color:#0000;background:var(--sbb-loading-indicator-circle-background);width:1.25em;height:1.25em;-webkit-mask:radial-gradient(circle .4375em, #0000 98%, var(--sbb-loading-indicator-circle-background-color));mask:radial-gradient(circle .4375em, #0000 98%, var(--sbb-loading-indicator-circle-background-color));animation:rotation var(--sbb-loading-indicator-circle-duration) infinite linear;border-radius:50%;margin:0 auto;display:inline-block;position:relative;overflow:hidden}.sbb-loading-indicator__animated-element:after{content:"";width:var(--sbb-loading-indicator-circle-animated-width);height:var(--sbb-loading-indicator-circle-animated-height);background:var(--sbb-loading-indicator-circle-color);border-radius:var(--sbb-loading-indicator-circle-animated-border-radius);margin:auto;position:absolute;top:50%;right:0;overflow:hidden;translate:0 -50%}@keyframes rotation{0%{rotate:0deg}to{rotate:359deg}}`, c = (() => {
-	let n = a, c, l = [], u = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			c = [i({ reflect: !0 })], e(this, null, c, {
-				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
-			}, l, u), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-loading-indicator-circle";
-		}
-		static {
-			this.role = "progressbar";
-		}
-		static {
-			this.styles = [o, s];
-		}
-		#e = t(this, l, "default");
-		get color() {
-			return this.#e;
-		}
-		set color(e) {
-			this.#e = e;
-		}
-		connectedCallback() {
-			super.connectedCallback(), this.internals.ariaBusy = "true";
-		}
-		render() {
-			return r` <span class="sbb-loading-indicator">
-      <span class="sbb-loading-indicator__animated-element"></span>
-    </span>`;
-		}
-		constructor() {
-			super(...arguments), t(this, u);
-		}
-	};
-})();
-//#endregion
-export { c as t };

package/loading-indicator.component-DkYs30Nf.js

@@ -1,92 +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 { boxSizingStyles as o } from "./core/styles.js";
-//#region src/elements/loading-indicator/loading-indicator.scss?lit&inline
-var s = n`:host{--sbb-loading-indicator-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x));--_sbb-loading-indicator-window-first-span-width:calc(var(--sbb-loading-indicator-window-height) * .58);--_sbb-loading-indicator-window-unit:calc(var(--_sbb-loading-indicator-window-first-span-width) / 5.5);--_sbb-loading-indicator-window-element-animation-speed:calc(var(--_sbb-loading-indicator-window-unit) * 6.5);height:var(--sbb-loading-indicator-window-height);align-items:center;line-height:0;display:inline-flex}:host:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}:host([color=smoke]){--sbb-loading-indicator-color:var(--sbb-color-smoke)}:host([color=white]){--sbb-loading-indicator-color:var(--sbb-color-white)}:host([size=s]){--sbb-loading-indicator-window-height:1.125rem;--sbb-loading-indicator-window-element-width:3.4375rem}:host([size=l]){--sbb-loading-indicator-window-height:2rem;--sbb-loading-indicator-window-element-width:6.25rem}:host([size=xl]){--sbb-loading-indicator-window-height:3.1875rem;--sbb-loading-indicator-window-element-width:8.75rem}:host([size=xxl]){--sbb-loading-indicator-window-height:6.125rem;--sbb-loading-indicator-window-element-width:15.625rem}:host([size=xxxl]){--sbb-loading-indicator-window-height:9.1875rem;--sbb-loading-indicator-window-element-width:22.5rem}span{display:inline-block}.sbb-loading-indicator__animated-element{transform-origin:50%;backface-visibility:hidden;width:var(--sbb-loading-indicator-window-element-width);perspective:var(--sbb-loading-indicator-window-height);justify-content:center;margin:0 auto;display:flex;position:relative;translate:25%}.sbb-loading-indicator__animated-element>span{transform-origin:0;rotate:y var(--sbb-loading-indicator-window-element-rotation);backface-visibility:hidden;align-self:center;position:relative}.sbb-loading-indicator__animated-element>span>span{animation:loading-container var(--sbb-loading-indicator-duration) linear infinite;display:flex;position:relative}.sbb-loading-indicator__animated-element>span>span>span{background:var(--sbb-loading-indicator-color);backface-visibility:hidden;outline:var(--sbb-border-width-1x) solid transparent;width:var(--_sbb-loading-indicator-window-first-span-width);height:var(--sbb-loading-indicator-window-height);margin-inline-end:var(--_sbb-loading-indicator-window-unit)}.sbb-loading-indicator__animated-element>span>span>span:first-child{animation:loading-rectangle1 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(2){animation:loading-rectangle2 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(3){animation:loading-rectangle3 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(4){animation:loading-rectangle4 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(5){animation:loading-rectangle5 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:last-child{margin-inline-end:0}@keyframes loading-container{0%{translate:var(--_sbb-loading-indicator-window-element-animation-speed)}to{translate:0}}@keyframes loading-rectangle1{0%{opacity:.5}to{opacity:0}}@keyframes loading-rectangle2{0%{opacity:1}to{opacity:.5}}@keyframes loading-rectangle3{0%{opacity:.5}to{opacity:1}}@keyframes loading-rectangle4{0%{opacity:.25}to{opacity:.5}}@keyframes loading-rectangle5{0%{opacity:0}to{opacity:.25}}`, c = (() => {
-	let n = a, c, l = [], u = [], d, f = [], p = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			c = [i({ reflect: !0 })], d = [i({ reflect: !0 })], e(this, null, c, {
-				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
-			}, l, u), e(this, null, d, {
-				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
-			}, f, p), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-loading-indicator";
-		}
-		static {
-			this.role = "progressbar";
-		}
-		static {
-			this.styles = [o, s];
-		}
-		#e = t(this, l, "s");
-		get size() {
-			return this.#e;
-		}
-		set size(e) {
-			this.#e = e;
-		}
-		#t = (t(this, u), t(this, f, "default"));
-		get color() {
-			return this.#t;
-		}
-		set color(e) {
-			this.#t = e;
-		}
-		connectedCallback() {
-			super.connectedCallback(), this.internals.ariaBusy = "true";
-		}
-		render() {
-			return r`
-      <span class="sbb-loading-indicator__animated-element">
-        <span>
-          <span>
-            <span></span>
-            <span></span>
-            <span></span>
-            <span></span>
-            <span></span>
-          </span>
-        </span>
-      </span>
-    `;
-		}
-		constructor() {
-			super(...arguments), t(this, p);
-		}
-	};
-})();
-//#endregion
-export { c as t };

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/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 };