@sbb-esta/lyne-elements 4.8.0 → 4.9.0

package/header.component-DW23EnaO.js

@@ -1,203 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r, isServer 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, idReference as l } from "./core/decorators.js";
-import { isLean as u } from "./core/dom.js";
-import { boxSizingStyles as d } from "./core/styles.js";
-import { SbbFocusVisibleWithinController as f } from "./core/a11y.js";
-//#region src/elements/header/header/header.scss?lit&inline
-var p = n`:host{--sbb-logo-height:1rem;--sbb-signet-height:1rem;--sbb-header-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x))}@media (width>=64rem){:host{--sbb-logo-height:1.25rem;--sbb-signet-height:1.25rem}}:host{height:var(--sbb-header-height);display:block}:host([size=s]) ::slotted(:is(sbb-header-button,sbb-header-link)){--sbb-header-action-min-height:var(--sbb-size-element-xs);--sbb-header-action-padding-inline:var(--sbb-spacing-fixed-4x)}:host([hide-on-scroll]){--sbb-header-position:absolute}:host([hide-on-scroll]:is(:state(fixed),[state--fixed])){--sbb-header-position:fixed;--sbb-header-animation-name:hide;--sbb-header-transform:translate3d(0, -100%, 0);--sbb-header-inset-inline-end:var(--sbb-scrollbar-width,0)}:host([hide-on-scroll]:is(:state(fixed),[state--fixed]):is(:state(animated),[state--animated])){--sbb-header-transition-timing:cubic-bezier(.4, 0, 1, 1)}:host([hide-on-scroll]:is(:state(fixed),[state--fixed]):is(:state(visible),[state--visible])){--sbb-header-animation-name:show;--sbb-header-transform:translate3d(0, 0, 0);--sbb-header-transition-timing:cubic-bezier(0, 0, .2, 1)}:host([hide-on-scroll]:is(:state(fixed),[state--fixed]):is(:state(has-visible-focus-within),[state--has-visible-focus-within])){--sbb-header-transition-duration:0;--sbb-header-transform:translate3d(0, 0, 0)}.sbb-header{position:var(--sbb-header-position);inset:0 var(--sbb-header-inset-inline-end) auto 0;background:var(--sbb-header-background);z-index:var(--sbb-header-z-index,10);transform:var(--sbb-header-transform);transition-property:box-shadow;transition-duration:var(--sbb-header-transition-duration);transition-timing-function:var(--sbb-header-transition-timing);animation-name:var(--sbb-header-animation-name);animation-duration:var(--sbb-header-transition-duration);animation-timing-function:var(--sbb-header-transition-timing)}:host(:is(:is(:state(shadow),[state--shadow]),:is(:state(has-visible-focus-within),[state--has-visible-focus-within]):is(:state(fixed),[state--fixed]))) .sbb-header{box-shadow:var(--sbb-header-box-shadow)}@media (forced-colors:active){.sbb-header{border-block-end:var(--sbb-border-width-1x) solid CanvasText}}.sbb-header__wrapper{height:var(--sbb-header-height);justify-content:flex-start;align-items:center;display:flex}:host(:not([expanded])) .sbb-header__wrapper{padding-inline:var(--sbb-page-spacing-padding,var(--sbb-layout-base-offset-responsive));width:100%;margin-inline:auto}@media (width>=90rem){:host(:not([expanded])) .sbb-header__wrapper{max-width:var(--sbb-spacing-max-width,calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host([expanded]) .sbb-header__wrapper{padding-inline:var(--sbb-page-spacing-padding,var(--sbb-spacing-responsive-xxs))}::slotted(:is(sbb-header-button,sbb-header-link):first-child){margin-inline-start:var(--sbb-header-first-item-margin-inline-start)}::slotted(*){flex:none}::slotted(.sbb-header-shrinkable){flex-shrink:1;min-width:0}::slotted(.sbb-header-spacer){flex-grow:1}::slotted(.sbb-header-logo){margin-inline-start:var(--sbb-spacing-responsive-s)}::slotted(a.sbb-header-logo){padding-block:var(--sbb-spacing-fixed-3x);display:block;position:relative;outline:none!important}::slotted(a.sbb-header-logo):before{content:"";inset:var(--sbb-spacing-fixed-3x) 0;display:block;position:absolute}::slotted(a.sbb-header-logo:focus-visible):before{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:var(--sbb-spacing-fixed-3x);border-radius:1px}@keyframes show{0%{transform:translateY(-100%)}to{transform:translate(0,0)}}@keyframes hide{0%{transform:translate(0,0)}to{transform:translateY(-100%)}}`, m = "[aria-controls][aria-expanded='true']", h = (() => {
-	let n = s, h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [], w, T = [], E = [], D, O = [], k = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			h = [c(), a({
-				reflect: !0,
-				type: Boolean
-			})], v = [l(), a({ attribute: "scroll-origin" })], x = [c(), a({
-				attribute: "hide-on-scroll",
-				reflect: !0,
-				type: Boolean
-			})], w = [a({ reflect: !0 })], D = [o()], e(this, null, h, {
-				kind: "accessor",
-				name: "expanded",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "expanded" in e,
-					get: (e) => e.expanded,
-					set: (e, t) => {
-						e.expanded = t;
-					}
-				},
-				metadata: t
-			}, g, _), e(this, null, v, {
-				kind: "accessor",
-				name: "scrollOrigin",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "scrollOrigin" in e,
-					get: (e) => e.scrollOrigin,
-					set: (e, t) => {
-						e.scrollOrigin = t;
-					}
-				},
-				metadata: t
-			}, y, b), e(this, null, x, {
-				kind: "accessor",
-				name: "hideOnScroll",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "hideOnScroll" in e,
-					get: (e) => e.hideOnScroll,
-					set: (e, t) => {
-						e.hideOnScroll = t;
-					}
-				},
-				metadata: t
-			}, S, C), e(this, null, w, {
-				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
-			}, T, E), e(this, null, D, {
-				kind: "accessor",
-				name: "_headerOnTop",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "_headerOnTop" in e,
-					get: (e) => e._headerOnTop,
-					set: (e, t) => {
-						e._headerOnTop = t;
-					}
-				},
-				metadata: t
-			}, O, k), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-header";
-		}
-		static {
-			this.styles = [d, p];
-		}
-		#e;
-		get expanded() {
-			return this.#e;
-		}
-		set expanded(e) {
-			this.#e = e;
-		}
-		#t;
-		get scrollOrigin() {
-			return this.#t;
-		}
-		set scrollOrigin(e) {
-			this.#t = e;
-		}
-		#n;
-		get hideOnScroll() {
-			return this.#n;
-		}
-		set hideOnScroll(e) {
-			this.#n = e;
-		}
-		#r;
-		get size() {
-			return this.#r;
-		}
-		set size(e) {
-			this.#r = e;
-		}
-		#i;
-		get _headerOnTop() {
-			return this.#i;
-		}
-		set _headerOnTop(e) {
-			this.#i = e;
-		}
-		constructor() {
-			super(), this.#e = t(this, g, !1), this.#t = (t(this, _), t(this, y, null)), this.#n = (t(this, b), t(this, S, !1)), this.#r = (t(this, C), t(this, T, u() ? "s" : "m")), this.#i = (t(this, E), t(this, O, !0)), this._scrollElement = t(this, k), this._lastScroll = 0, this.addController(new f(this));
-		}
-		connectedCallback() {
-			super.connectedCallback(), this.hasUpdated && this._updateScrollListener();
-		}
-		disconnectedCallback() {
-			super.disconnectedCallback(), this._scrollElement = null, this._scrollEventsController?.abort();
-		}
-		requestUpdate(e, t, n) {
-			super.requestUpdate(e, t, n), !i && (!e || e === "scrollOrigin") && this.hasUpdated && this._updateScrollListener();
-		}
-		firstUpdated(e) {
-			super.firstUpdated(e), this._updateScrollListener();
-		}
-		_updateScrollListener() {
-			let e = this.scrollOrigin ?? document;
-			if (e === this._scrollElement || (this._scrollEventsController?.abort(), this._scrollElement = e, !this._scrollElement)) return;
-			this._scrollEventsController = new AbortController(), this._scrollFunction = this._getScrollFunction.bind(this), this._scrollElement.addEventListener("scroll", this._scrollFunction, {
-				passive: !0,
-				signal: this._scrollEventsController.signal
-			});
-			let t = this._getCurrentScrollProperty("scrollTop");
-			this._lastScroll = t <= 0 ? 0 : t;
-		}
-		_getScrollFunction() {
-			return this.hideOnScroll ? this._scrollListener() : this._scrollShadowListener();
-		}
-		_getCurrentScrollProperty(e) {
-			return this._scrollElement instanceof Document ? this._scrollElement.documentElement[e] || this._scrollElement.body[e] : this._scrollElement?.[e] || 0;
-		}
-		_scrollListener() {
-			let e = this._getCurrentScrollProperty("scrollTop");
-			this._getCurrentScrollProperty("scrollHeight") - window.innerHeight - e <= 0 || (this.toggleState("shadow", e !== 0), e > this.offsetHeight && e > 0 && this._lastScroll < e && this._closeOpenOverlays(), e > this.offsetHeight * 2 ? (this._headerOnTop = !1, e > 0 && this._lastScroll < e ? ["shadow", "visible"].forEach((e) => this.internals.states.delete(e)) : [
-				"fixed",
-				"shadow",
-				"animated",
-				"visible"
-			].forEach((e) => this.internals.states.add(e))) : (e === 0 && (this._headerOnTop = !0), this._headerOnTop && [
-				"shadow",
-				"animated",
-				"fixed",
-				"visible"
-			].forEach((e) => this.internals.states.delete(e))), this._lastScroll = e <= 0 ? 0 : e);
-		}
-		_scrollShadowListener() {
-			this.toggleState("shadow", this._getCurrentScrollProperty("scrollTop") !== 0);
-		}
-		_closeOpenOverlays() {
-			if (this.matches(":is(:state(has-visible-focus-within),[state--has-visible-focus-within])")) return;
-			let e = Array.from(this.querySelectorAll(m));
-			for (let t of e) {
-				let e = t.getAttribute("aria-controls"), n = document.getElementById(e);
-				typeof n?.close == "function" && n.close();
-			}
-		}
-		render() {
-			return r`
-      <header class="sbb-header">
-        <div class="sbb-header__wrapper">
-          <slot></slot>
-        </div>
-      </header>
-    `;
-		}
-	};
-})();
-//#endregion
-export { h 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 };