@sbb-esta/lyne-elements 5.0.2 → 5.2.0

package/clock.component-gnEqkZ4T.js

@@ -1,147 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html as n, isServer as r, unsafeCSS as i } from "lit";
-import { property as a } from "lit/decorators.js";
-import { SbbElement as o } from "./core.js";
-import { ref as s } from "lit/directives/ref.js";
-//#region src/elements/clock/assets/sbb_clock_face.svg?raw
-var c = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 105 105\"><g class=\"face\"><circle fill=\"var(--sbb-clock-background-color)\" cx=\"52.5\" cy=\"52.5\" r=\"52.5\"/><path d=\"M50.75 4h3.5v12h-3.5zM50.75 89h3.5v12h-3.5zM75.233 9.623l3.03 1.75-6 10.392-3.03-1.75zM32.734 83.233l3.03 1.75-6 10.392-3.03-1.75zM93.628 26.732l1.75 3.031-10.392 6-1.75-3.03zM20.017 69.234l1.75 3.031-10.392 6-1.75-3.03zM101 50.75v3.5H89v-3.5zM16 50.75v3.5H4v-3.5zM95.379 75.232l-1.75 3.031-10.392-6 1.75-3.03zM21.766 32.734l-1.75 3.031-10.392-6 1.75-3.03zM78.267 93.63l-3.03 1.75-6-10.393 3.03-1.75zM35.766 20.015l-3.03 1.75-6-10.392 3.03-1.75z\"/><g><path d=\"M56.873 4.19l1.392.147-.366 3.48-1.392-.145zM47.101 97.177l1.393.146-.366 3.481-1.392-.146zM61.896 4.914l1.37.29-.728 3.424-1.37-.29zM42.458 96.366l1.37.29-.728 3.424-1.37-.291zM66.825 6.157l1.332.432-1.082 3.33-1.331-.434zM37.931 95.085l1.332.432-1.082 3.33-1.331-.433zM71.584 7.906l1.28.569-1.424 3.197-1.28-.57zM33.56 93.32l1.278.569-1.423 3.197-1.28-.57zM80.44 12.852l1.133.823-2.058 2.831-1.132-.823zM25.481 88.494l1.133.822-2.057 2.832-1.133-.823zM84.43 15.986l1.04.937-2.342 2.6-1.04-.936zM21.87 85.469l1.04.936-2.341 2.601-1.04-.937zM88.072 19.522l.937 1.04-2.6 2.343-.937-1.04zM18.593 82.088l.937 1.04-2.601 2.342-.937-1.04zM91.328 23.425l.823 1.133-2.832 2.057-.823-1.132zM15.684 78.385l.823 1.132-2.832 2.058-.822-1.133zM96.52 32.128l.57 1.279-3.198 1.423-.57-1.278zM11.109 70.161l.569 1.279-3.197 1.423-.57-1.279zM98.407 36.85l.433 1.332-3.33 1.081-.432-1.331zM9.483 65.74l.432 1.33-3.329 1.082-.432-1.331zM99.795 41.726l.291 1.37-3.423.727-.29-1.37zM8.34 61.17l.292 1.37-3.424.728-.29-1.37zM100.66 46.73l.146 1.393-3.48.366-.147-1.392zM7.674 56.506l.146 1.392-3.48.366-.147-1.392zM100.811 56.873l-.146 1.392-3.48-.365.145-1.393zM7.821 47.101l-.146 1.392-3.48-.365.145-1.393zM100.09 61.895l-.291 1.369-3.424-.728.291-1.369zM8.631 42.46l-.291 1.37-3.423-.728.29-1.37zM98.84 66.827l-.432 1.331-3.329-1.081.433-1.332zM9.918 37.93l-.433 1.331-3.329-1.082.433-1.331zM97.098 71.585l-.569 1.28-3.197-1.424.57-1.28zM11.677 33.558l-.57 1.28-3.197-1.424.57-1.279zM92.149 80.439l-.823 1.133-2.832-2.058.823-1.132zM16.506 25.482l-.823 1.133-2.831-2.057.823-1.133zM89.017 84.431l-.937 1.04-2.6-2.341.936-1.04zM19.528 21.869l-.936 1.04-2.601-2.342.936-1.04zM85.48 88.076l-1.041.936-2.342-2.6 1.04-.937zM22.91 18.59l-1.04.937-2.341-2.601 1.04-.937zM81.574 91.328l-1.133.823-2.057-2.831 1.132-.823zM26.617 15.684l-1.133.823-2.057-2.832 1.132-.823zM72.873 96.524l-1.279.57-1.423-3.198 1.278-.57zM34.838 11.105l-1.279.57-1.423-3.198 1.279-.57zM68.151 98.405l-1.331.432-1.082-3.329 1.332-.432zM39.259 9.485l-1.332.433-1.081-3.33 1.331-.432zM63.272 99.799l-1.369.29-.728-3.422 1.37-.291zM43.83 8.337l-1.369.291-.727-3.423 1.37-.291zM58.27 100.662l-1.393.146-.366-3.48 1.393-.147zM48.494 7.672l-1.392.147-.366-3.481 1.392-.147z\"/></g></g></svg>\n", l = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 105 105\"><path id=\"mod_clock_svg_hours\" d=\"M55.7 64.5h-6.4l.6-44h5.2z\"/></svg>\n", u = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 105 105\"><path d=\"M55.1,64.5h-5.2l0.8-58h3.6L55.1,64.5z\"/></svg>\n", d = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 105 105\"><path d=\"M57.8,21.3c0-2.9-2.4-5.2-5.2-5.2s-5.3,2.3-5.3,5.2c0,2.7,2,4.8,4.5,5.2V69h1.5V26.5C55.8,26.2,57.8,24,57.8,21.3z\"/></svg>\n", f = ":host{display:block;position:relative;aspect-ratio:1/1;overflow:hidden;contain:content}.sbb-clock__face,.sbb-clock__hand-hours,.sbb-clock__hand-minutes,.sbb-clock__hand-seconds{position:absolute;inset:0;transform-origin:center center;transform:rotate(0);transform-style:preserve-3d;backface-visibility:hidden}.sbb-clock__hand-hours,.sbb-clock__hand-minutes,.sbb-clock__face{fill:var(--sbb-clock-face-color)}.sbb-clock__hand-minutes{transition:transform var(--sbb-disable-animation-duration, .2s) cubic-bezier(.4,2.08,.55,.44)}@supports not (aspect-ratio: 1/1){.sbb-clock__hand-minutes{transform-origin:50% 49.625%}}.sbb-clock__hand-hours{animation-name:rotate;animation-duration:43200s;animation-iteration-count:infinite;animation-timing-function:linear;animation-play-state:var(--sbb-clock-animation-play-state, \"paused\")}.sbb-clock__hand-hours--initial-hour{animation-name:hand-hours-animation-initial-hour;animation-duration:var(--sbb-clock-hours-animation-duration, 0s);animation-play-state:var(--sbb-clock-animation-play-state, \"paused\");animation-iteration-count:1}.sbb-clock__hand-minutes--no-transition{transition:none}.sbb-clock__hand-seconds{animation-name:hand-seconds-animation;animation-duration:60s;animation-timing-function:linear;animation-play-state:var(--sbb-clock-animation-play-state, \"paused\");animation-iteration-count:infinite;fill:var(--sbb-clock-seconds-hand-color)}.sbb-clock__hand-seconds--initial-minute{animation-name:hand-seconds-animation-initial-minute;animation-duration:var(--sbb-clock-seconds-animation-duration, 0s);animation-play-state:var(--sbb-clock-animation-play-state, \"paused\");animation-iteration-count:1}:host(:not(:is(:state(initialized),[state--initialized]))) :is(.sbb-clock__hand-hours,.sbb-clock__hand-minutes,.sbb-clock__hand-seconds){display:none}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes hand-hours-animation-initial-hour{0%{transform:rotate(var(--sbb-clock-hours-animation-start-angle, 0deg))}to{transform:rotate(360deg)}}@keyframes hand-seconds-animation{0%{transform:rotate(0)}97.5%,to{transform:rotate(360deg)}}@keyframes hand-seconds-animation-initial-minute{0%{transform:rotate(var(--sbb-clock-seconds-animation-start-angle, 0deg))}97.5%,to{transform:rotate(360deg)}}", p = 12, m = 60, h = 60, g = 50, _ = 360, v = 30, y = 6, b = 360 / 58.5, x = 60, S = 3600, C = S / 2, w = {
-	once: !0,
-	passive: !0
-}, T = (() => {
-	let T = o, E, D = [], O = [];
-	return class extends T {
-		constructor() {
-			super(...arguments), this.#e = t(this, D, null), this._state = (t(this, O), "paused"), this._moveHoursHandFn = () => this._moveHoursHand(), this._moveMinutesHandFn = () => this._moveMinutesHand(), this._handlePageVisibilityChange = async () => {
-				this.now || (document.visibilityState === "hidden" ? await this._stopClock() : await this._startClock());
-			};
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(T[Symbol.metadata] ?? null) : void 0;
-			E = [a()], e(this, null, E, {
-				kind: "accessor",
-				name: "now",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "now" in e,
-					get: (e) => e.now,
-					set: (e, t) => {
-						e.now = t;
-					}
-				},
-				metadata: t
-			}, D, O), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-clock";
-		}
-		static {
-			this.styles = [i(f)];
-		}
-		#e;
-		get now() {
-			return this.#e;
-		}
-		set now(e) {
-			this.#e = e;
-		}
-		connectedCallback() {
-			super.connectedCallback(), this._resetIntervalId = setInterval(() => this._resetClock(), C * 1e3);
-		}
-		willUpdate(e) {
-			super.willUpdate(e), !r && e.has("now") && this._startOrConfigureClock();
-		}
-		firstUpdated(e) {
-			super.firstUpdated(e), r || (document.addEventListener("visibilitychange", this._handlePageVisibilityChange, !1), this._startOrConfigureClock());
-		}
-		disconnectedCallback() {
-			super.disconnectedCallback(), this._removeEventListeners(), clearInterval(this._resetIntervalId);
-		}
-		async _startOrConfigureClock() {
-			this.now ? (await this._stopClock(), this._resetSecondsHandAnimation(), this._setHandsStartingPosition()) : await this._startClock();
-		}
-		async _startClock() {
-			this._clockHandHours?.addEventListener("animationend", this._moveHoursHandFn, w), this._clockHandSeconds?.addEventListener("animationend", this._moveMinutesHandFn, w), await new Promise((e) => setTimeout(() => {
-				this._setHandsStartingPosition(), this.style?.setProperty("--sbb-clock-animation-play-state", "running"), this._state = "running", e();
-			}, g));
-		}
-		async _stopClock() {
-			clearInterval(this._handMovement), this._removeSecondsAnimationStyles(), this._removeHoursAnimationStyles(), this._clockHandHours?.removeEventListener("animationend", this._moveHoursHandFn), this._clockHandSeconds?.removeEventListener("animationend", this._moveMinutesHandFn), this._clockHandMinutes?.classList.add("sbb-clock__hand-minutes--no-transition"), this.style?.setProperty("--sbb-clock-animation-play-state", "paused"), this._state = "paused";
-		}
-		async _resetClock() {
-			this._state === "running" && (await this._stopClock(), await this._startClock());
-		}
-		_setHandsStartingPosition() {
-			this._assignCurrentTime();
-			let e = h - this._seconds, t = m - this._minutes, n = p - this._hours, r = 0, i = 0;
-			e > 0 && (r += e, i = 1), t > 0 && (r += (t - i) * x, i = 1), n > 0 && (r += (n - i) * S), this.style?.setProperty("--sbb-clock-hours-animation-start-angle", `${Math.ceil(this._hours * v + this._minutes / 2)}deg`), this.style?.setProperty("--sbb-clock-hours-animation-duration", `${r}s`), this.style?.setProperty("--sbb-clock-seconds-animation-start-angle", `${Math.ceil(this._seconds * b)}deg`), this.style?.setProperty("--sbb-clock-seconds-animation-duration", `${e}s`), this._setMinutesHand(), this._clockHandSeconds?.classList.add("sbb-clock__hand-seconds--initial-minute"), this._clockHandHours?.classList.add("sbb-clock__hand-hours--initial-hour"), this.internals.states.add("initialized");
-		}
-		_assignCurrentTime() {
-			let e = this.now ? null : /* @__PURE__ */ new Date(), [t, n, r] = e ? [
-				e.getHours(),
-				e.getMinutes(),
-				e.getSeconds()
-			] : this.now.split(":").map((e) => +e);
-			this._hours = t % 12, this._minutes = n, this._seconds = r;
-		}
-		_setMinutesHand() {
-			this._clockHandMinutes?.style.setProperty("transform", `rotateZ(${Math.ceil(this._minutes * y)}deg)`);
-		}
-		_moveHoursHand() {
-			this._removeHoursAnimationStyles();
-			let e = Math.ceil(this._hours * v + this._minutes / 2);
-			e >= _ && (e -= _), this._clockHandHours?.style.setProperty("transform", `rotateZ(${e}deg)`);
-		}
-		_moveMinutesHand() {
-			this._clockHandSeconds?.removeEventListener("animationend", this._moveMinutesHandFn), this._removeSecondsAnimationStyles(), this._addMinutesAndSetHands(), this._handMovement = setInterval(() => this._addMinutesAndSetHands(), h * 1e3);
-		}
-		_addMinutesAndSetHands() {
-			this._minutes++, this._setMinutesHand();
-		}
-		_resetSecondsHandAnimation() {
-			this._clockHandSeconds && (this._clockHandSeconds.style.animation = "", this._clockHandSeconds.offsetHeight, this._clockHandSeconds.style.removeProperty("animation"));
-		}
-		_removeEventListeners() {
-			document?.removeEventListener("visibilitychange", this._handlePageVisibilityChange), this._clockHandHours?.removeEventListener("animationend", this._moveHoursHandFn), this._clockHandSeconds?.removeEventListener("animationend", this._moveMinutesHandFn), clearInterval(this._handMovement);
-		}
-		_removeHoursAnimationStyles() {
-			this._clockHandHours?.classList.remove("sbb-clock__hand-hours--initial-hour"), this.style.removeProperty("--sbb-clock-hours-animation-start-angle"), this.style.removeProperty("--sbb-clock-hours-animation-duration");
-		}
-		_removeSecondsAnimationStyles() {
-			this._clockHandSeconds?.classList.remove("sbb-clock__hand-seconds--initial-minute"), this._clockHandMinutes?.classList.remove("sbb-clock__hand-minutes--no-transition"), this.style.removeProperty("--sbb-clock-seconds-animation-start-angle"), this.style.removeProperty("--sbb-clock-seconds-animation-duration");
-		}
-		render() {
-			return n`
-      <span class="sbb-clock__face" .innerHTML=${c}></span>
-      <span
-        class="sbb-clock__hand-hours"
-        .innerHTML=${l}
-        ${s((e) => {
-				this._clockHandHours = e;
-			})}
-      ></span>
-      <span
-        class="sbb-clock__hand-minutes sbb-clock__hand-minutes--no-transition"
-        .innerHTML=${u}
-        ${s((e) => {
-				this._clockHandMinutes = e;
-			})}
-      ></span>
-      <span
-        class="sbb-clock__hand-seconds"
-        .innerHTML=${d}
-        ${s((e) => {
-				this._clockHandSeconds = e;
-			})}
-      ></span>
-    `;
-		}
-	};
-})();
-//#endregion
-export { T as t };

package/compact-paginator.component-CmPlZsd4.js

@@ -1,41 +0,0 @@
-import { html as e, unsafeCSS as t } from "lit";
-import { SbbElement as n, i18nPage as r, i18nPaginatorOf as i } from "./core.js";
-import { SbbDividerElement as a } from "./divider.pure.js";
-import { SbbPaginatorCommonElementMixin as o } from "./paginator/common/paginator-common.js";
-//#region src/elements/paginator/compact-paginator/compact-paginator.scss?inline
-var s = ":host{display:flex;gap:var(--sbb-compact-paginator-gap);justify-content:var(--sbb-paginator-compact-justify-content, start);min-height:var(--sbb-paginator-height)}:host([pager-position=end]){--sbb-paginator-compact-justify-content: end}.sbb-paginator__pages{font-size:var(--sbb-compact-paginator-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);display:flex;align-items:center;justify-content:center;gap:var(--sbb-compact-paginator-pages-gap);color:var(--sbb-paginator-color)}.sbb-compact-paginator__divider{height:1rem;--sbb-divider-color: currentcolor}", c = class extends o(n) {
-	static {
-		this.elementName = "sbb-compact-paginator";
-	}
-	static {
-		this.elementDependencies = [a];
-	}
-	static {
-		this.styles = [t(s)];
-	}
-	static {
-		this.events = { page: "page" };
-	}
-	_renderPageNumbers() {
-		return e`
-      <span class="sbb-paginator__pages" aria-hidden="true"
-        >${this.pageIndex + 1}<sbb-divider
-          orientation="vertical"
-          class="sbb-compact-paginator__divider"
-          ?negative=${this.negative}
-        ></sbb-divider
-        >${this.numberOfPages()}</span
-      >
-      <span class="sbb-screen-reader-only">
-        ${`${this.accessibilityPageLabel ? this.accessibilityPageLabel : r[this.language.current]} ${this.pageIndex + 1} ${i[this.language.current]} ${this.numberOfPages()}`}
-      </span>
-    `;
-	}
-	renderPaginator() {
-		return e`
-      ${this.pagerPosition === "start" ? e`${this.renderPrevNextButtons()} ${this._renderPageNumbers()}` : e`${this._renderPageNumbers()} ${this.renderPrevNextButtons()}`}
-    `;
-	}
-};
-//#endregion
-export { c as t };

package/container/container/container.component.js

@@ -1,2 +0,0 @@
-import { t as e } from "../../container.component-DJgFIJ0b.js";
-export { e as SbbContainerElement };

package/container/sticky-bar/sticky-bar.component.js

@@ -1,2 +0,0 @@
-import { t as e } from "../../sticky-bar.component-DBSVB1lE.js";
-export { e as SbbStickyBarElement };

package/container.component-DJgFIJ0b.js

@@ -1,114 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html as n, unsafeCSS as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a, forceType as o, ɵstateController as s } from "./core.js";
-//#region src/elements/container/container/container.scss?inline
-var c = "@charset \"UTF-8\";:host{display:block}:host(:is(:not([color]),[color=white])){--sbb-container-background-color: var(--sbb-background-color-1)}:host([color=milk]){--sbb-container-background-color: var(--sbb-background-color-3)}:host([color=midnight]),:host([color=charcoal]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-container-color: var(--sbb-color-1-negative)}:host([color=midnight]){--sbb-container-background-color: var(--sbb-background-color-1-negative)}:host([color=charcoal]){--sbb-container-background-color: var(--sbb-background-color-2-negative)}:host(:is(:state(slotted-image),[state--slotted-image])){--sbb-container-background-color: transparent;--sbb-container-padding: var(--sbb-spacing-responsive-xxl)}:host([background-expanded]:not([expanded])){background-color:var(--sbb-container-background-color)}:host(:is(:state(slotted-image),[state--slotted-image])[background-expanded]){position:relative}@media(min-width:90rem){:host(:not([expanded],[background-expanded])){--sbb-container-background-border-radius: var(--sbb-border-radius-4x)}}.sbb-container{color:var(--sbb-container-color);background-color:var(--sbb-container-background-color);padding:var(--sbb-container-padding)}.sbb-container:after,.sbb-container:before{content:\"\xA0\";display:block;visibility:hidden;height:0;overflow:hidden}:host([color=transparent]) .sbb-container{background-color:transparent}:host(:not([expanded])) .sbb-container{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));margin-inline:auto;width:100%}@media(min-width:90rem){:host(:not([expanded])) .sbb-container{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-container{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs))}:host(:is(:state(slotted-image),[state--slotted-image]):not([background-expanded])) .sbb-container{position:relative}:host(:is(:state(slotted-image),[state--slotted-image])) .sbb-container__content{position:relative}::slotted([slot=image]){position:absolute;inset:0;height:100%;width:100%}", l = (() => {
-	let l = a, u, d = [], f = [], p, m = [], h = [], g, _ = [], v = [];
-	return class extends l {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
-			u = [o(), i({
-				type: Boolean,
-				reflect: !0
-			})], p = [o(), i({
-				type: Boolean,
-				reflect: !0,
-				attribute: "background-expanded"
-			})], g = [i({ reflect: !0 })], e(this, null, u, {
-				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
-			}, d, f), e(this, null, p, {
-				kind: "accessor",
-				name: "backgroundExpanded",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "backgroundExpanded" in e,
-					get: (e) => e.backgroundExpanded,
-					set: (e, t) => {
-						e.backgroundExpanded = t;
-					}
-				},
-				metadata: t
-			}, m, h), e(this, null, g, {
-				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), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-container";
-		}
-		static {
-			this.styles = [r(c)];
-		}
-		#e = t(this, d, !1);
-		get expanded() {
-			return this.#e;
-		}
-		set expanded(e) {
-			this.#e = e;
-		}
-		#t = (t(this, f), t(this, m, !1));
-		get backgroundExpanded() {
-			return this.#t;
-		}
-		set backgroundExpanded(e) {
-			this.#t = e;
-		}
-		#n = (t(this, h), t(this, _, "white"));
-		get color() {
-			return this.#n;
-		}
-		set color(e) {
-			this.#n = e;
-		}
-		willUpdate(e) {
-			if (super.willUpdate(e), e.has("expanded")) {
-				let e = this.querySelector?.("sbb-sticky-bar");
-				s(e)?.toggle("expanded", this.expanded);
-			}
-		}
-		render() {
-			return n`
-      <div class="sbb-container">
-        <slot name="image"></slot>
-        <div class="sbb-container__content">
-          <slot></slot>
-        </div>
-      </div>
-      <slot name="sticky-bar"></slot>
-    `;
-		}
-		constructor() {
-			super(...arguments), t(this, v);
-		}
-	};
-})();
-//#endregion
-export { l as t };

package/core/a11y/arrow-navigation.js

@@ -1,45 +0,0 @@
-//#region src/elements/core/a11y/arrow-navigation.ts
-function e() {
-	return document.documentElement.matches(":dir(rtl)") ? {
-		prevKey: "ArrowRight",
-		nextKey: "ArrowLeft"
-	} : {
-		prevKey: "ArrowLeft",
-		nextKey: "ArrowRight"
-	};
-}
-function t(e) {
-	return [
-		"ArrowRight",
-		"ArrowLeft",
-		"ArrowUp",
-		"ArrowDown"
-	].includes(e.key);
-}
-function n(t) {
-	return t.key === "ArrowUp" || t.key === e().prevKey;
-}
-function r(t) {
-	return t.key === "ArrowDown" || t.key === e().nextKey;
-}
-function i(e) {
-	return t(e) || [
-		"PageUp",
-		"PageDown",
-		"Home",
-		"End"
-	].includes(e.key);
-}
-function a(e, t, n) {
-	return (e + n + t) % t;
-}
-function o(e) {
-	return e - 1;
-}
-var s = 0;
-function c(t, n, r) {
-	let { prevKey: i, nextKey: c } = e();
-	return !t || t.key === c || t.key === "ArrowDown" ? n >= r ? s : a(n, r, 1) : t.key === i || t.key === "ArrowUp" ? n < s ? o(r) : a(n, r, -1) : n;
-}
-//#endregion
-export { c as getNextElementIndex, i as isArrowKeyOrPageKeysPressed, t as isArrowKeyPressed, r as isNextArrowKeyPressed, n as isPreviousArrowKeyPressed };

package/core/a11y/fake-event-detection.js

@@ -1,10 +0,0 @@
-//#region src/elements/core/a11y/fake-event-detection.ts
-function e(e) {
-	return e.buttons === 0 || e.detail === 0;
-}
-function t(e) {
-	let t = e.touches && e.touches[0] || e.changedTouches && e.changedTouches[0];
-	return !!t && t.identifier === -1 && (t.radiusX == null || t.radiusX === 1) && (t.radiusY == null || t.radiusY === 1);
-}
-//#endregion
-export { e as isFakeMousedownFromScreenReader, t as isFakeTouchstartFromScreenReader };

package/core/a11y/focus-trap-controller.js

@@ -1,70 +0,0 @@
-import { interactivityChecker as e } from "./interactivity-checker.js";
-//#region src/elements/core/a11y/focus-trap-controller.ts
-var t = class {
-	set enabled(e) {
-		e ? this._trap() : this._untrap();
-	}
-	get enabled() {
-		return !!this._abortController;
-	}
-	constructor(e) {
-		this._host = e, this._abortController = null, this._host.addController?.(this);
-	}
-	hostDisconnected() {
-		this._untrap();
-	}
-	focusInitialElement(t) {
-		let n = this._host.querySelector("[sbb-focus-initial]");
-		if (n) {
-			if (!e.isFocusable(n)) {
-				let e = this._getFirstTabbableElement(n);
-				return e?.focus(t), !!e;
-			}
-			return n.focus(t), !0;
-		}
-		return this.focusFirstTabbableElement(t);
-	}
-	focusFirstTabbableElement(e) {
-		let t = this._getFirstTabbableElement(this._host);
-		return t && t.focus(e), !!t;
-	}
-	focusLastTabbableElement(e) {
-		let t = this._getLastTabbableElement(this._host);
-		return t && t.focus(e), !!t;
-	}
-	_trap() {
-		this._abortController = new AbortController(), this._host.addEventListener("keydown", (e) => {
-			if (e.key === "Tab") if (e.shiftKey) {
-				let t = this._getFirstTabbableElement(this._host);
-				t && e.composedPath().includes(t) && (this._getLastTabbableElement(this._host)?.focus(), e.preventDefault());
-			} else {
-				let t = this._getLastTabbableElement(this._host);
-				t && e.composedPath().includes(t) && (this._getFirstTabbableElement(this._host)?.focus(), e.preventDefault());
-			}
-		}, { signal: this._abortController.signal });
-	}
-	_getFirstTabbableElement(t) {
-		if (t !== this._host && e.isFocusable(t) && e.isTabbable(t)) return t;
-		let n = t.shadowRoot?.children ?? (t.localName === "slot" && t.assignedElements().length > 0 ? t.assignedElements() : t.children);
-		for (let e = 0; e < n.length; e++) {
-			let t = n[e].nodeType === document.ELEMENT_NODE ? this._getFirstTabbableElement(n[e]) : null;
-			if (t) return t;
-		}
-		return null;
-	}
-	_getLastTabbableElement(t) {
-		let n = null;
-		t !== this._host && e.isFocusable(t) && e.isTabbable(t) && (n = t);
-		let r = t.shadowRoot?.children ?? (t.localName === "slot" && t.assignedElements().length > 0 ? t.assignedElements() : t.children);
-		for (let e = r.length - 1; e >= 0; e--) {
-			let t = r[e].nodeType === document.ELEMENT_NODE ? this._getLastTabbableElement(r[e]) : null;
-			if (t) return t;
-		}
-		return n;
-	}
-	_untrap() {
-		this._abortController?.abort(), this._abortController = null;
-	}
-};
-//#endregion
-export { t as SbbFocusTrapController };

package/core/a11y/focus-visible-within-controller.js

@@ -1,19 +0,0 @@
-import { sbbInputModalityDetector as e } from "./input-modality-detector.js";
-//#region src/elements/core/a11y/focus-visible-within-controller.ts
-var t = class {
-	constructor(t) {
-		this._host = t, this._focusinHandler = () => {
-			this._host.toggleState?.("has-visible-focus-within", e.mostRecentModality === "keyboard");
-		}, this._focusoutHandler = () => {
-			this._host.toggleState?.("has-visible-focus-within", !1);
-		}, this._host.addController(this);
-	}
-	hostConnected() {
-		this._host.addEventListener("focusin", this._focusinHandler), this._host.addEventListener("focusout", this._focusoutHandler);
-	}
-	hostDisconnected() {
-		this._host.removeEventListener("focusin", this._focusinHandler), this._host.removeEventListener("focusout", this._focusoutHandler);
-	}
-};
-//#endregion
-export { t as SbbFocusVisibleWithinController };

package/core/a11y/focus.js

@@ -1,13 +0,0 @@
-//#region src/elements/core/a11y/focus.ts
-var e = [
-	"button",
-	"[href]",
-	"input",
-	"select",
-	"textarea",
-	"details",
-	"summary",
-	"[tabindex]"
-].map((e) => `${e}:not([disabled],:disabled,[tabindex="-1"],[inert])`).join(",");
-//#endregion
-export { e as IS_FOCUSABLE_QUERY };

package/core/a11y/input-modality-detector.js

@@ -1,42 +0,0 @@
-import { isFakeMousedownFromScreenReader as e, isFakeTouchstartFromScreenReader as t } from "./fake-event-detection.js";
-import { isServer as n } from "lit";
-import { getEventTarget as r } from "../eventing/event-target.js";
-//#region src/elements/core/a11y/input-modality-detector.ts
-var i = { ignoreKeys: [
-	18,
-	17,
-	224,
-	91,
-	16
-] }, a = 650, o = {
-	passive: !0,
-	capture: !0
-}, s = new class {
-	get mostRecentModality() {
-		return this._mostRecentModality;
-	}
-	get mostRecentTarget() {
-		return this._mostRecentTarget;
-	}
-	constructor() {
-		this._mostRecentModality = "mouse", this._mostRecentTarget = null, this._options = { ...i }, this._lastTouchMs = 0, this._onKeydown = (e) => {
-			this._options?.ignoreKeys?.some((t) => t === e.keyCode) || this._updateState("keyboard", e);
-		}, this._onMousedown = (t) => {
-			Date.now() - this._lastTouchMs < a || this._updateState(e(t) ? "keyboard" : "mouse", t);
-		}, this._onTouchstart = (e) => {
-			if (t(e)) {
-				this._updateState("keyboard", e);
-				return;
-			}
-			this._lastTouchMs = Date.now(), this._updateState("touch", e);
-		}, n || (document.addEventListener("keydown", this._onKeydown, o), document.addEventListener("mousedown", this._onMousedown, o), document.addEventListener("touchstart", this._onTouchstart, o));
-	}
-	reset() {
-		this._updateState("mouse", null), this._lastTouchMs = 0;
-	}
-	_updateState(e, t) {
-		this._mostRecentModality && document.documentElement.classList.remove(`sbb-focus-modality-${this._mostRecentModality}`), this._mostRecentModality = e, this._mostRecentTarget = t ? r(t) : null, document.documentElement.classList.add(`sbb-focus-modality-${this._mostRecentModality}`);
-	}
-}();
-//#endregion
-export { s as sbbInputModalityDetector };

package/core/a11y/interactivity-checker.js

@@ -1,61 +0,0 @@
-import { isServer as e } from "lit";
-import { isFirefox as t, isIOS as n, isWebkit as r } from "../dom/platform.js";
-//#region src/elements/core/a11y/interactivity-checker.ts
-var i = class {
-	constructor() {
-		this.ignoreVisibility = !1;
-	}
-}, a = class {
-	isDisabled(e) {
-		return e.hasAttribute("disabled") || e.matches(":disabled");
-	}
-	isVisible(e) {
-		return s(e) && getComputedStyle(e).visibility === "visible";
-	}
-	isTabbable(i) {
-		if (e) return !1;
-		let a = i.nodeName.toLowerCase(), o = m(i);
-		return i.hasAttribute("contenteditable") ? o !== -1 : a === "iframe" || a === "object" || r && n && !h(i) ? !1 : a === "audio" ? i.hasAttribute("controls") ? o !== -1 : !1 : a === "video" ? o === -1 ? !1 : o === null ? t || i.hasAttribute("controls") : !0 : i.tabIndex >= 0;
-	}
-	isFocusable(e, t) {
-		return g(e) && !e.inert && !this.isDisabled(e) && (t?.ignoreVisibility || this.isVisible(e));
-	}
-}, o = new a();
-function s(e) {
-	return !!(e.offsetWidth || e.offsetHeight || typeof e.getClientRects == "function" && e.getClientRects().length);
-}
-function c(e) {
-	let t = e.nodeName.toLowerCase();
-	return t === "input" || t === "select" || t === "button" || t === "textarea";
-}
-function l(e) {
-	return d(e) && e.type == "hidden";
-}
-function u(e) {
-	return f(e) && e.hasAttribute("href");
-}
-function d(e) {
-	return e.nodeName.toLowerCase() == "input";
-}
-function f(e) {
-	return e.nodeName.toLowerCase() == "a";
-}
-function p(e) {
-	if (!e.hasAttribute("tabindex") || e.tabIndex === void 0) return !1;
-	let t = e.getAttribute("tabindex");
-	return !!(t && !isNaN(parseInt(t, 10)));
-}
-function m(e) {
-	if (!p(e)) return null;
-	let t = parseInt(e.getAttribute("tabindex") || "", 10);
-	return isNaN(t) ? -1 : t;
-}
-function h(e) {
-	let t = e.nodeName.toLowerCase(), n = t === "input" && e.type;
-	return n === "text" || n === "password" || t === "select" || t === "textarea";
-}
-function g(e) {
-	return l(e) ? !1 : c(e) || u(e) || e.hasAttribute("contenteditable") || p(e);
-}
-//#endregion
-export { a as InteractivityChecker, i as IsFocusableConfig, o as interactivityChecker };

package/core/a11y/live-announcer.js

@@ -1,29 +0,0 @@
-import { isServer as e } from "lit";
-//#region src/elements/core/a11y/live-announcer.ts
-var t = 0, n = class {
-	constructor() {
-		e || (document.body ? this._liveElement = this._createLiveElement() : document.addEventListener("DOMContentLoaded", () => {
-			this._liveElement = this._createLiveElement();
-		}));
-	}
-	announce(e, ...t) {
-		if (!this._liveElement) return Promise.resolve();
-		let n = {}, r, i;
-		return t.length === 1 && typeof t[0] == "number" ? i = t[0] : [r, i] = t, this.clear(), clearTimeout(this._previousTimeout), r ??= n?.politeness ?? "polite", i ??= n?.duration, this._liveElement.setAttribute("aria-live", r), this._currentPromise ??= new Promise((e) => this._currentResolve = e), clearTimeout(this._previousTimeout), this._previousTimeout = setTimeout(() => {
-			this._liveElement.textContent = e, typeof i == "number" && (this._previousTimeout = setTimeout(() => this.clear(), i)), this._currentResolve?.(), this._currentPromise = this._currentResolve = void 0;
-		}, 100), this._currentPromise;
-	}
-	clear() {
-		this._liveElement && (this._liveElement.textContent = "");
-	}
-	destroy() {
-		clearTimeout(this._previousTimeout), this._liveElement?.remove(), this._liveElement = null, this._currentResolve?.(), this._currentPromise = this._currentResolve = void 0;
-	}
-	_createLiveElement() {
-		let e = "sbb-live-announcer-element", n = document.getElementsByClassName(e), r = document.createElement("div");
-		for (let e = 0; e < n.length; e++) n[e].remove();
-		return r.classList.add(e), r.classList.add("sbb-screen-reader-only"), r.setAttribute("aria-atomic", "true"), r.setAttribute("aria-live", "polite"), r.id = `sbb-live-announcer-${t++}`, document.body.appendChild(r), r;
-	}
-}, r = new n();
-//#endregion
-export { n as SbbLiveAnnouncer, r as sbbLiveAnnouncer };

package/core/base-elements/action-base-element.js

@@ -1,31 +0,0 @@
-import { t as e } from "../../element-CvshSA3k.js";
-import { html as t } from "lit";
-//#region src/elements/core/base-elements/action-base-element.ts
-var n = class extends e {
-	get maybeDisabled() {
-		let e = this;
-		return e.disabled || e.formDisabled;
-	}
-	get maybeDisabledInteractive() {
-		return this.disabledInteractive;
-	}
-	constructor() {
-		super(), this.internals.states.add("action");
-	}
-	connectedCallback() {
-		super.connectedCallback();
-	}
-	setupBaseEventHandlers() {
-		this.addEventListener("click", (e) => {
-			this.maybeDisabled && !this.maybeDisabledInteractive && (e.preventDefault(), e.stopImmediatePropagation());
-		}, { capture: !0 });
-	}
-	renderTemplate() {
-		throw Error("Implementation needed!");
-	}
-	render() {
-		return t`<span class="sbb-action-base ${this.localName}">${this.renderTemplate()}</span>`;
-	}
-};
-//#endregion
-export { n as SbbActionBaseElement };