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

package/card-action-common-GpkaNYtV.js

@@ -1,88 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import { ɵstateController as i } from "./core/mixins.js";
-import { boxSizingStyles as a } from "./core/styles.js";
-import { html as o } from "lit/static-html.js";
-import { IS_FOCUSABLE_QUERY as s } from "./core/a11y.js";
-import { MutationController as c } from "@lit-labs/observers/mutation-controller.js";
-//#region src/elements/card/common/card-action.scss?lit&inline
-var l = n`:host{display:block;position:absolute;inset:0;outline:none!important}:is(.sbb-card-button,.sbb-card-link){border-radius:var(--sbb-card-border-radius);cursor:var(--sbb-cursor-pointer);outline:none;display:block;position:absolute;inset:0}:host(:focus-visible) :is(.sbb-card-button,.sbb-card-link),:is(.sbb-card-button,.sbb-card-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)}.sbb-screen-reader-only{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`, u = (n) => (() => {
-	let u = n, d = [], f;
-	return class extends u {
-		constructor() {
-			super(...arguments), this._active = (t(this, d), !1), this._card = null, this._cardMutationObserver = new c(this, {
-				target: null,
-				config: {
-					childList: !0,
-					subtree: !0,
-					attributes: !0,
-					attributeFilter: [
-						"href",
-						"tabindex",
-						"disabled",
-						"inert"
-					]
-				},
-				callback: () => this._checkForSlottedActions()
-			});
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-			f = [r({
-				reflect: !0,
-				type: Boolean
-			})], e(this, null, f, {
-				kind: "setter",
-				name: "active",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "active" in e,
-					set: (e, t) => {
-						e.active = t;
-					}
-				},
-				metadata: t
-			}, null, d), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.styles = [a, l];
-		}
-		set active(e) {
-			this._active = e, this._onActiveChange();
-		}
-		get active() {
-			return this._active;
-		}
-		_onActiveChange() {
-			this._card && i(this._card).toggle("has-active-action", this.active);
-		}
-		_checkForSlottedActions() {
-			Array.from(this._card?.querySelectorAll?.(s) ?? []).filter((e) => e.localName !== "sbb-card-link" && e.localName !== "sbb-card-button" && !e.classList.contains("sbb-action")).forEach((e) => e.classList.toggle("sbb-action", !0));
-		}
-		connectedCallback() {
-			if (super.connectedCallback(), this._card = this.closest?.("sbb-card"), this._card) {
-				this.slot ||= "action";
-				let e = i(this._card);
-				e.add("has-action"), e.toggle("has-active-action", this.active), e.add(`action-role-${this.actionRole}`), e.delete(`action-role-${this.actionRole === "button" ? "link" : "button"}`), this._checkForSlottedActions(), this._cardMutationObserver.observe(this._card);
-			}
-		}
-		disconnectedCallback() {
-			if (super.disconnectedCallback(), this._card) {
-				let e = i(this._card);
-				e.delete("has-action"), e.delete("has-active-action"), e.delete("action-role-button"), e.delete("action-role-link"), this._card.querySelectorAll(".sbb-action").forEach((e) => e.classList.remove("sbb-action")), this._card = null;
-			}
-		}
-		renderTemplate() {
-			return o`<span class="sbb-screen-reader-only"><slot></slot></span>`;
-		}
-	};
-})();
-//#endregion
-export { u as t };

package/card-badge.component-D_PI9Ega.js

@@ -1,65 +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/card/card-badge/card-badge.scss?lit&inline
-var s = n`:host{width:fit-content;height:fit-content;margin-inline-start:auto;display:flex;position:relative}:host:after{content:"";display:var(--sbb-card-badge-border-display,none);border:var(--sbb-border-width-1x) solid CanvasText;position:absolute;inset:0}:host{padding-inline:var(--sbb-card-badge-padding-inline);inset-block-start:0;inset-inline-end:0}:host([color=white]){--sbb-card-badge-color:var(--sbb-color-3);--sbb-card-badge-background-color:var(--sbb-background-color-1);--sbb-card-badge-border-color:var(--lightningcss-light,var(--sbb-color-aluminium))var(--lightningcss-dark,var(--sbb-color-anthracite))}:host(:dir(rtl)){--sbb-card-badge-skew:skew(-16deg, 0deg)}.sbb-card-badge-content{font-weight:700;font-size:var(--sbb-text-font-size-xxs);letter-spacing:var(--sbb-typo-letter-spacing-text);align-items:center;gap:var(--sbb-card-badge-gap);color:var(--sbb-card-badge-color);display:flex;position:relative}.sbb-card-badge-background{background-color:var(--sbb-card-badge-background-color);transform:var(--sbb-card-badge-skew);border-end-start-radius:var(--sbb-card-badge-border-radius);margin-inline-end:calc(var(--sbb-spacing-fixed-3x) * -1);display:block;position:absolute;inset:0}.sbb-card-badge-background:before{content:"";display:var(--sbb-card-badge-inline-border-display,block);border-block-end:var(--sbb-card-badge-border-width) solid var(--sbb-card-badge-border-color);border-inline-start:var(--sbb-card-badge-border-width) solid var(--sbb-card-badge-border-color);border-end-start-radius:var(--sbb-card-badge-border-radius);position:absolute;inset:0}`, 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-card-badge";
-		}
-		static {
-			this.role = "text";
-		}
-		static {
-			this.styles = [o, s];
-		}
-		#e = t(this, l, "charcoal");
-		get color() {
-			return this.#e;
-		}
-		set color(e) {
-			this.#e = e;
-		}
-		connectedCallback() {
-			super.connectedCallback(), this.slot ||= "badge";
-		}
-		render() {
-			return r`
-      <span class="sbb-card-badge-background" aria-hidden="true"></span>
-      <span class="sbb-card-badge-content">
-        <slot></slot>
-      </span>
-    `;
-		}
-		constructor() {
-			super(...arguments), t(this, u);
-		}
-	};
-})();
-//#endregion
-export { c as t };

package/card.component-Dt2YFmd3.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/card/card/card.scss?lit&inline
-var s = n`:host{--sbb-focus-outline-color:var(--lightningcss-light,var(--sbb-focus-outline-color-default))var(--lightningcss-dark,var(--sbb-focus-outline-color-dark));--sbb-title-text-color-normal-override:var(--sbb-card-color);--sbb-card-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-1x));padding-inline:var(--sbb-card-padding-inline);padding-block:var(--sbb-card-padding-block);border-radius:var(--sbb-card-border-radius);background-color:var(--sbb-card-background-color);box-shadow:none;transition:box-shadow var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);color:var(--sbb-card-color);display:block;position:relative}:host:after{content:"";border:var(--sbb-card-border-width) var(--sbb-card-border-style) var(--sbb-card-border-color);border-radius:var(--sbb-card-border-radius);pointer-events:none;background-color:#0000;position:absolute;inset:0}:host{--sbb-card-padding-block:var(--sbb-card-padding-block-default);--sbb-card-with-badge-padding-block:var(--sbb-card-with-badge-padding-block-default);--sbb-card-padding-inline:var(--sbb-card-padding-inline-default)}:host(:where([color=white])){--sbb-card-background-color:var(--sbb-background-color-1);--sbb-card-border-color:transparent}:host(:where([color=milk])){--sbb-card-background-color:var(--sbb-background-color-3);--sbb-card-border-color:transparent}:host(:where([color=transparent-bordered])){--sbb-card-background-color:transparent;--sbb-card-border-color:var(--sbb-border-color-4-inverted);--sbb-card-border-width:var(--sbb-border-width-1x);--sbb-focus-outline-color:inherit}:host(:where([color=transparent-bordered-dashed])){--sbb-card-background-color:transparent;--sbb-card-border-color:var(--lightningcss-light,var(--sbb-color-cement))var(--lightningcss-dark,var(--sbb-color-granite));--sbb-card-border-width:var(--sbb-border-width-1x);--sbb-card-border-style:dashed;--sbb-focus-outline-color:inherit}:host(:where(:not([color]))){--sbb-card-background-color:var(--sbb-background-color-1);--sbb-card-border-color:transparent}:host(:is(:state(has-active-action),[state--has-active-action])){--sbb-card-border-color:var(--sbb-border-color-3);--sbb-card-border-width:var(--sbb-border-width-2x);--sbb-card-border-style:solid}@media (forced-colors:active){:host(:is(:state(has-active-action),[state--has-active-action])){--sbb-card-border-color:Highlight}}:host(:is(:state(has-action),[state--has-action])){--sbb-card-pointer-events:none}@media (any-hover:hover){:host(:is(:state(has-action),[state--has-action]):not(:is(:state(has-active-action),[state--has-active-action])):hover){--sbb-card-hover-shift:-.125rem;box-shadow:var(--sbb-box-shadow-level-9-hard)}}@media (any-hover:hover) and (forced-colors:active){:host(:is(:state(has-action),[state--has-action]):not(:is(:state(has-active-action),[state--has-active-action])):hover){--sbb-card-border-color:Highlight}}@media (forced-colors:active){:host(:where(:is(:state(has-action),[state--has-action]):is(:state(action-role-button),[state--action-role-button]))){--sbb-card-color:ButtonText}:host(:where(:is(:state(has-action),[state--has-action]):is(:state(action-role-link),[state--action-role-link]))){--sbb-card-color:LinkText;--sbb-card-border-color:CanvasText}}:host(.sbb-card-spacing-3x-xxs){--sbb-card-padding-block:var(--sbb-spacing-fixed-3x);--sbb-card-with-badge-padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-3x);--sbb-card-padding-inline:var(--sbb-spacing-responsive-xxs)}:host(.sbb-card-spacing-xxxs-xxs){--sbb-card-padding-block:var(--sbb-spacing-responsive-xxxs);--sbb-card-with-badge-padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-inline:var(--sbb-spacing-responsive-xxs)}:host(.sbb-card-spacing-xxxs-s){--sbb-card-padding-block:var(--sbb-spacing-responsive-xxxs);--sbb-card-with-badge-padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-inline:var(--sbb-spacing-responsive-s)}:host(.sbb-card-spacing-4x-xxs){--sbb-card-padding-block:var(--sbb-spacing-fixed-4x);--sbb-card-with-badge-padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-4x);--sbb-card-padding-inline:var(--sbb-spacing-responsive-xxs)}:host(.sbb-card-spacing-xxs){--sbb-card-padding-block:var(--sbb-spacing-responsive-xxs);--sbb-card-with-badge-padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxs);--sbb-card-padding-inline:var(--sbb-spacing-responsive-xxs)}:host(.sbb-card-spacing-s){--sbb-card-padding-block:var(--sbb-spacing-responsive-s);--sbb-card-with-badge-padding-block:var(--sbb-spacing-responsive-s);--sbb-card-padding-inline:var(--sbb-spacing-responsive-s)}:host(.sbb-card-spacing-l){--sbb-card-padding-block:var(--sbb-spacing-responsive-l);--sbb-card-with-badge-padding-block:var(--sbb-spacing-responsive-l);--sbb-card-padding-inline:var(--sbb-spacing-responsive-l)}:host(:is(:state(slotted-badge),[state--slotted-badge])){--sbb-card-padding-block:var(--sbb-card-with-badge-padding-block);--sbb-card-badge-display:block}.sbb-card__wrapper{pointer-events:var(--sbb-card-pointer-events,auto);height:100%;translate:0 var(--sbb-card-hover-shift,0);transition:translate var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);display:block}.sbb-card__badge-wrapper{display:var(--sbb-card-badge-display,none);inset:0;pointer-events:var(--sbb-card-pointer-events,auto);border-start-start-radius:var(--sbb-card-border-radius);border-start-end-radius:var(--sbb-card-border-radius);position:absolute;inset-block-end:unset;overflow:hidden}::slotted(sbb-title){margin-block-start:0}`, 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-card";
-		}
-		static {
-			this.styles = [o, s];
-		}
-		#e = t(this, l, "white");
-		get color() {
-			return this.#e;
-		}
-		set color(e) {
-			this.#e = e;
-		}
-		render() {
-			return r`
-      <slot name="action"></slot>
-      <span class="sbb-card__wrapper">
-        <slot></slot>
-      </span>
-      <span class="sbb-card__badge-wrapper">
-        <slot name="badge"></slot>
-      </span>
-    `;
-		}
-		constructor() {
-			super(...arguments), t(this, u);
-		}
-	};
-})();
-//#endregion
-export { c as t };

package/carousel-item.component-kv3rY8B-.js

@@ -1,25 +0,0 @@
-import { css as e, html as t } from "lit";
-import { SbbElement as n } from "./core/base-elements.js";
-//#region src/elements/carousel/carousel-item/carousel-item.scss?lit&inline
-var r = e`:host{scroll-snap-align:start;flex-shrink:0;display:flex}::slotted(sbb-image){border-radius:unset}`, i = class extends n {
-	static {
-		this.elementName = "sbb-carousel-item";
-	}
-	static {
-		this.styles = r;
-	}
-	static {
-		this.events = {
-			beforeshow: "beforeshow",
-			show: "show"
-		};
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.internals.role = "group", this.internals.ariaRoleDescription = "slide";
-	}
-	render() {
-		return t`<slot></slot>`;
-	}
-};
-//#endregion
-export { i as t };

package/carousel-list.component-DMMk66SP.js

@@ -1,91 +0,0 @@
-import { css as e, html as t } from "lit";
-import { SbbElement as n } from "./core/base-elements.js";
-import { SbbLanguageController as r } from "./core/controllers.js";
-import { i18nCarouselItemAriaLabel as i } from "./core/i18n.js";
-import { ResizeController as a } from "@lit-labs/observers/resize-controller.js";
-import { isArrowKeyPressed as o } from "./core/a11y.js";
-import { IntersectionController as s } from "@lit-labs/observers/intersection-controller.js";
-//#region src/elements/carousel/carousel-list/carousel-list.scss?lit&inline
-var c = e`:host{--sbb-carousel-list-border-radius:var(--sbb-border-radius-4x);height:var(--sbb-carousel-list-height);width:var(--sbb-carousel-list-width,0);scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border-radius:var(--sbb-carousel-inherit-border-radius);outline:none;display:flex;overflow-x:auto}:host(: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);content:"";height:inherit;width:inherit;border-start-start-radius:var(--sbb-carousel-list-border-radius);border-start-end-radius:var(--sbb-carousel-list-border-radius);border-end-end-radius:var(--sbb-carousel-inherit-border-radius);border-end-start-radius:var(--sbb-carousel-inherit-border-radius);position:absolute}`, l = class extends n {
-	static {
-		this.elementName = "sbb-carousel-list";
-	}
-	static {
-		this.styles = c;
-	}
-	constructor() {
-		super(), this._currentIndex = 0, this._language = new r(this), this._observedCarouselItems = [], this._beforeShowObserver = new s(this, {
-			target: null,
-			callback: (e) => {
-				e.filter((e) => e.isIntersecting && e.target !== this).forEach((e) => {
-					let t = e.target;
-					t.dispatchEvent(new CustomEvent("beforeshow", {
-						detail: { index: this._carouselItems().findIndex((e) => e === t) },
-						bubbles: !0,
-						composed: !0
-					}));
-				});
-			},
-			config: {
-				threshold: .01,
-				root: this,
-				rootMargin: "100% 0% 100% 0%"
-			}
-		}), this._showObserver = new s(this, {
-			target: null,
-			callback: (e) => {
-				for (let t of e) {
-					if (t.target === this) continue;
-					let e = t.target;
-					t.isIntersecting ? (e.ariaHidden = null, this._currentIndex = this._carouselItems().findIndex((t) => t === e), e.dispatchEvent(new CustomEvent("show", {
-						detail: { index: this._currentIndex },
-						bubbles: !0,
-						composed: !0
-					}))) : e.ariaHidden = "true";
-				}
-			},
-			config: {
-				threshold: .99,
-				root: this,
-				rootMargin: "100% 0% 100% 0%"
-			}
-		}), this._resizeObserverController = new a(this, {
-			skipInitial: !0,
-			callback: () => this._readDimensions()
-		}), this.addEventListener?.("keydown", (e) => this._onKeyDown(e));
-	}
-	_carouselItems() {
-		return Array.from(this.querySelectorAll?.("sbb-carousel-item") ?? []);
-	}
-	_handleSlotchange() {
-		this._observedCarouselItems.forEach((e) => {
-			this._beforeShowObserver.unobserve(e), this._showObserver.unobserve(e);
-		});
-		let e = this._carouselItems();
-		e.forEach((t, n) => {
-			t.ariaLabel ||= i(n + 1, e.length)[this._language.current], t.ariaHidden = n === this._currentIndex ? null : "true";
-		}), this._readDimensions();
-	}
-	_readDimensions() {
-		let e = this._carouselItems();
-		if (e.length === 0) return;
-		let t = e[0];
-		t.clientHeight > 0 && this.style.setProperty("--sbb-carousel-list-height", `${t.clientHeight}px`), t.clientWidth > 0 && (this.style.setProperty("--sbb-carousel-list-width", `${t.clientWidth}px`), e.forEach((e) => {
-			this._beforeShowObserver.observe(e), this._showObserver.observe(e);
-		}), this._observedCarouselItems = e, this._resizeObserverController.unobserve(this));
-	}
-	_onKeyDown(e) {
-		if (!o(e)) return;
-		e.preventDefault();
-		let t = this._currentIndex, n = e.key === "ArrowUp" || e.key === "ArrowLeft", r = e.key === "ArrowDown" || e.key === "ArrowRight";
-		n ? t = Math.max(0, this._currentIndex - 1) : r && (t = Math.min(this._carouselItems().length - 1, this._currentIndex + 1)), t !== this._currentIndex && (this._currentIndex = t, this.scrollTo({ left: this._carouselItems()[this._currentIndex].offsetLeft - this.offsetLeft }));
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.internals.ariaLive = "polite", this.internals.ariaAtomic = "true";
-	}
-	render() {
-		return t`<slot @slotchange=${this._handleSlotchange}></slot>`;
-	}
-};
-//#endregion
-export { l as t };

package/carousel.component-Bd0iGUbf.js

@@ -1,97 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a } from "./core/base-elements.js";
-import { forceType as o } from "./core/decorators.js";
-import { boxSizingStyles as s } from "./core/styles.js";
-import "./screen-reader-only.js";
-import { SbbLanguageController as c } from "./core/controllers/language-controller.js";
-import { i18nCarouselArrowsNavigationHint as l, i18nNextSlide as u, i18nPreviousSlide as d, i18nSlide as f } from "./core/i18n/i18n.js";
-//#region src/elements/carousel/carousel/carousel.scss?lit&inline
-var p = n`:host{border-radius:var(--sbb-carousel-border-radius) var(--sbb-carousel-border-radius) 0 0;display:inline-block;overflow:hidden}:host([shadow]){box-shadow:var(--sbb-carousel-box-shadow);border-radius:var(--sbb-carousel-border-radius)}:host(:not([shadow])) ::slotted(sbb-carousel-list){--sbb-carousel-inherit-border-radius:var(--sbb-carousel-border-radius)}.sbb-carousel{background-color:var(--sbb-carousel-background-color);flex-direction:column;justify-content:center;align-items:center;display:flex}::slotted(sbb-compact-paginator){padding:var(--sbb-carousel-paginator-padding)}`, m = (() => {
-	let n = a, m, h = [], g = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			m = [o(), i({
-				reflect: !0,
-				type: Boolean
-			})], e(this, null, m, {
-				kind: "accessor",
-				name: "shadow",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "shadow" in e,
-					get: (e) => e.shadow,
-					set: (e, t) => {
-						e.shadow = t;
-					}
-				},
-				metadata: t
-			}, h, g), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-carousel";
-		}
-		static {
-			this.styles = [s, p];
-		}
-		#e;
-		get shadow() {
-			return this.#e;
-		}
-		set shadow(e) {
-			this.#e = e;
-		}
-		constructor() {
-			super(), this.#e = t(this, h, !1), this._paginator = (t(this, g), null), this._abortController = null, this._language = new c(this), this._requestedPageIndexByPaginator = -1, this.addEventListener?.("show", (e) => {
-				this._requestedPageIndexByPaginator !== -1 && this._requestedPageIndexByPaginator !== e.detail.index || (this._paginator && e.detail.index !== this._paginator.pageIndex && (this._paginator.pageIndex = e.detail.index), this._requestedPageIndexByPaginator = -1);
-			});
-		}
-		connectedCallback() {
-			super.connectedCallback(), this.internals.role = "region", this.internals.ariaLabel = "carousel", this._setupPaginator();
-		}
-		firstUpdated(e) {
-			super.firstUpdated(e), this.internals.ariaDescribedByElements = [this.shadowRoot.querySelector("#sbb-carousel-arrows-navigation-hint")];
-		}
-		disconnectedCallback() {
-			super.disconnectedCallback(), this._abortController?.abort();
-		}
-		_handleSlotchange() {
-			let e = Array.from(this.children).find((e) => e.localName === "sbb-compact-paginator"), t = Array.from(this.children).find((e) => e.localName === "sbb-carousel-list");
-			if (!e || !t) return;
-			let n = t.querySelectorAll("sbb-carousel-item");
-			n && n.length > 0 && (e.length = n.length, e.pageSize = 1), e.accessibilityNextPageLabel ||= u[this._language.current], e.accessibilityPreviousPageLabel ||= d[this._language.current], e.accessibilityPageLabel ||= f[this._language.current], e !== this._paginator && (this._paginator = e, this._setupPaginator());
-		}
-		_setupPaginator() {
-			this._abortController?.abort(), this._paginator && (this._abortController = new AbortController(), this._paginator.addEventListener("click", () => this._scrollAtPaginatorChange(), { signal: this._abortController.signal }));
-		}
-		_scrollAtPaginatorChange() {
-			if (!this._paginator) return;
-			this._requestedPageIndexByPaginator = this._paginator.pageIndex;
-			let e = this.querySelector("sbb-carousel-list");
-			if (e) {
-				let t = e.querySelectorAll("sbb-carousel-item")[this._paginator.pageIndex].offsetLeft - this.offsetLeft;
-				(e.clientWidth <= 100 || Math.abs(e.scrollLeft - t) > 50) && e.scrollTo({ left: t });
-			}
-		}
-		render() {
-			return r`
-      <div class="sbb-carousel">
-        <sbb-screen-reader-only id="sbb-carousel-arrows-navigation-hint"
-          >${l[this._language.current]}</sbb-screen-reader-only
-        >
-        <slot @slotchange=${this._handleSlotchange}></slot>
-      </div>
-    `;
-		}
-	};
-})();
-//#endregion
-export { m as t };

package/checkbox-common-D9htxWLZ.js

@@ -1,68 +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 "./core/base-elements.js";
-import { forceType as i } from "./core/decorators.js";
-import { SbbFormAssociatedCheckboxMixin as a } from "./core/mixins.js";
-//#region src/elements/checkbox/common/checkbox-common.scss?lit&inline
-var o = n`:host([size=xs]){--sbb-checkbox-font-size:var(--sbb-text-font-size-xs);--sbb-checkbox-dimension:var(--sbb-checkbox-dimension-xs)}:host([size=s]){--sbb-checkbox-font-size:var(--sbb-text-font-size-s);--sbb-checkbox-dimension:var(--sbb-checkbox-dimension-s)}:host([size=m]){--sbb-checkbox-font-size:var(--sbb-text-font-size-m);--sbb-checkbox-dimension:var(--sbb-checkbox-dimension-m)}:host(:disabled){--sbb-checkbox-cursor:var(--sbb-cursor-default);--sbb-checkbox-label-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-aluminium))}.sbb-checkbox-wrapper{display:flex}.sbb-checkbox-wrapper:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-checkbox{font-size:var(--sbb-checkbox-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);width:100%;cursor:var(--sbb-checkbox-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:block;position:relative}.sbb-checkbox__inner{align-items:start;gap:var(--sbb-spacing-fixed-2x);display:flex}.sbb-checkbox__label{color:var(--sbb-checkbox-label-color);line-height:max(1em * var(--sbb-typo-line-height-text), var(--sbb-checkbox-dimension));flex-grow:1;display:flex}.sbb-checkbox__aligner{height:calc(1em * var(--sbb-typo-line-height-text));align-items:center;display:flex}`, s = (n) => (() => {
-	let o = a(n), s, c = [], l = [];
-	return class extends o {
-		constructor() {
-			super(...arguments), this.#e = t(this, c, !1), this._group = (t(this, l), null);
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-			s = [i(), r({ type: Boolean })], e(this, null, s, {
-				kind: "accessor",
-				name: "indeterminate",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "indeterminate" in e,
-					get: (e) => e.indeterminate,
-					set: (e, t) => {
-						e.indeterminate = t;
-					}
-				},
-				metadata: t
-			}, c, l), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		#e;
-		get indeterminate() {
-			return this.#e;
-		}
-		set indeterminate(e) {
-			this.#e = e;
-		}
-		get group() {
-			return this._group;
-		}
-		connectedCallback() {
-			super.connectedCallback(), this._group = this.closest("sbb-checkbox-group"), [
-				"disabled",
-				"required",
-				"size"
-			].forEach((e) => this.requestUpdate(e));
-		}
-		willUpdate(e) {
-			super.willUpdate(e), (e.has("checked") || e.has("indeterminate")) && (this.internals.ariaChecked = this.indeterminate ? "mixed" : `${this.checked}`);
-		}
-		isDisabledExternally() {
-			return this.group?.disabled ?? !1;
-		}
-		isRequiredExternally() {
-			return this.group?.required ?? !1;
-		}
-		withUserInteraction() {
-			this.indeterminate &&= !1;
-		}
-	};
-})();
-//#endregion
-export { o as n, s as t };

package/checkbox-group.component-CNAwwaS0.js

@@ -1,146 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a } from "./core/base-elements.js";
-import { forceType as o } from "./core/decorators.js";
-import { isLean as s } from "./core/dom.js";
-import { SbbDisabledMixin as c } from "./core/mixins.js";
-import { boxSizingStyles as l } from "./core/styles.js";
-import { getNextElementIndex as u, interactivityChecker as d, isArrowKeyPressed as f } from "./core/a11y.js";
-import { MutationController as p } from "@lit-labs/observers/mutation-controller.js";
-//#region src/elements/checkbox-group/checkbox-group.scss?lit&inline
-var m = n`:host{display:block}:host([orientation=vertical]){--sbb-checkbox-group-orientation:column;--sbb-checkbox-group-width:100%;--sbb-checkbox-group-checkbox-width:100%}:host(:is(:state(has-panel),[state--has-panel])){--sbb-checkbox-group-width:100%;--sbb-checkbox-group-gap:var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);--sbb-checkbox-group-checkbox-flex:auto}@media (width>=0){:host([orientation=vertical][horizontal-from=zero]){--sbb-checkbox-group-orientation:row;--sbb-checkbox-group-checkbox-width:initial}:host([orientation=vertical][horizontal-from=zero]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-checkbox-group-width:max-content}}@media (width>=37.5rem){:host([orientation=vertical][horizontal-from=small]){--sbb-checkbox-group-orientation:row;--sbb-checkbox-group-checkbox-width:initial}:host([orientation=vertical][horizontal-from=small]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-checkbox-group-width:max-content}}@media (width>=64rem){:host([orientation=vertical][horizontal-from=large]){--sbb-checkbox-group-orientation:row;--sbb-checkbox-group-checkbox-width:initial}:host([orientation=vertical][horizontal-from=large]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-checkbox-group-width:max-content}}@media (width>=90rem){:host([orientation=vertical][horizontal-from=ultra]){--sbb-checkbox-group-orientation:row;--sbb-checkbox-group-checkbox-width:initial}:host([orientation=vertical][horizontal-from=ultra]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-checkbox-group-width:max-content}}.sbb-checkbox-group{flex-direction:var(--sbb-checkbox-group-orientation);gap:var(--sbb-checkbox-group-gap);width:var(--sbb-checkbox-group-width);align-items:flex-start;display:flex}:host(:is(:state(slotted-error),[state--slotted-error])) .sbb-checkbox-group{margin-block-end:var(--sbb-spacing-fixed-1x)}::slotted(:is(sbb-checkbox,sbb-checkbox-panel)){width:var(--sbb-checkbox-group-checkbox-width)}::slotted(sbb-checkbox-panel){flex:var(--sbb-checkbox-group-checkbox-flex)}`, h = (() => {
-	let n = c(a), h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [], w, T = [], E = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			h = [o(), i({
-				reflect: !0,
-				type: Boolean
-			})], v = [i()], x = [i({
-				attribute: "horizontal-from",
-				reflect: !0
-			})], w = [i({ reflect: !0 })], e(this, null, h, {
-				kind: "accessor",
-				name: "required",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "required" in e,
-					get: (e) => e.required,
-					set: (e, t) => {
-						e.required = t;
-					}
-				},
-				metadata: t
-			}, g, _), e(this, null, v, {
-				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
-			}, y, b), e(this, null, x, {
-				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: t
-			}, S, C), e(this, null, w, {
-				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: t
-			}, T, E), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-checkbox-group";
-		}
-		static {
-			this.styles = [l, m];
-		}
-		#e = t(this, g, !1);
-		get required() {
-			return this.#e;
-		}
-		set required(e) {
-			this.#e = e;
-		}
-		#t = (t(this, _), t(this, y, s() ? "xs" : "m"));
-		get size() {
-			return this.#t;
-		}
-		set size(e) {
-			this.#t = e;
-		}
-		#n = (t(this, b), t(this, S, null));
-		get horizontalFrom() {
-			return this.#n;
-		}
-		set horizontalFrom(e) {
-			this.#n = e;
-		}
-		#r = (t(this, C), t(this, T, "horizontal"));
-		get orientation() {
-			return this.#r;
-		}
-		set orientation(e) {
-			this.#r = e;
-		}
-		get checkboxes() {
-			return Array.from(this.querySelectorAll?.("sbb-checkbox, sbb-checkbox-panel") ?? []).filter((e) => e.closest("sbb-checkbox-group") === this);
-		}
-		constructor() {
-			super(), t(this, E), this.addEventListener?.("keydown", (e) => this._handleKeyDown(e)), this.addController(new p(this, {
-				config: {
-					childList: !0,
-					subtree: !0
-				},
-				callback: () => this.toggleState("has-panel", !!this.querySelector?.("sbb-checkbox-panel"))
-			}));
-		}
-		willUpdate(e) {
-			super.willUpdate(e), e.has("disabled") && this.checkboxes.forEach((e) => e.requestUpdate?.("disabled")), e.has("required") && this.checkboxes.forEach((e) => e.requestUpdate?.("required")), e.has("size") && this.checkboxes.forEach((e) => e.requestUpdate?.("size"));
-		}
-		_handleKeyDown(e) {
-			let t = this.checkboxes.filter((e) => !e.disabled && d.isVisible(e));
-			!t || e.target !== this && e.target.parentElement !== this && e.target.parentElement.localName !== "sbb-selection-expansion-panel" && e.target.parentElement.localName !== "sbb-selection-action-panel" || f(e) && t[u(e, t.findIndex((t) => t === e.target), t.length)]?.focus();
-		}
-		render() {
-			return r`
-      <div class="sbb-checkbox-group">
-        <slot></slot>
-      </div>
-      <slot name="error"></slot>
-    `;
-		}
-	};
-})();
-//#endregion
-export { h as t };