@sbb-esta/lyne-elements 5.0.2 → 5.2.0

package/card/card/card.component.js

@@ -1,2 +0,0 @@
-import { t as e } from "../../card.component-Bwuv9ur1.js";
-export { e as SbbCardElement };

package/card/card-badge/card-badge.component.js

@@ -1,2 +0,0 @@
-import { t as e } from "../../card-badge.component-B-uJVrxT.js";
-export { e as SbbCardBadgeElement };

package/card/card-button/card-button.component.js

@@ -1,13 +0,0 @@
-import { SbbButtonBaseElement as e } from "../../core.js";
-import { SbbCardActionCommonElementMixin as t } from "../common/card-action-common.js";
-//#region src/elements/card/card-button/card-button.component.ts
-var n = class extends t(e) {
-	constructor() {
-		super(...arguments), this.actionRole = "button";
-	}
-	static {
-		this.elementName = "sbb-card-button";
-	}
-};
-//#endregion
-export { n as SbbCardButtonElement };

package/card/card-link/card-link.component.js

@@ -1,13 +0,0 @@
-import { SbbLinkBaseElement as e } from "../../core.js";
-import { SbbCardActionCommonElementMixin as t } from "../common/card-action-common.js";
-//#region src/elements/card/card-link/card-link.component.ts
-var n = class extends t(e) {
-	constructor() {
-		super(...arguments), this.actionRole = "link";
-	}
-	static {
-		this.elementName = "sbb-card-link";
-	}
-};
-//#endregion
-export { n as SbbCardLinkElement };

package/card/common/card-action-common.js

@@ -1,2 +0,0 @@
-import { t as e } from "../../card-action-common-DRSSDHqY.js";
-export { e as SbbCardActionCommonElementMixin };

package/card-action-common-DRSSDHqY.js

@@ -1,86 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { unsafeCSS as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import { IS_FOCUSABLE_QUERY as i, screenReaderOnlyStyles as a, ɵstateController as o } from "./core.js";
-import { html as s } from "lit/static-html.js";
-import { MutationController as c } from "@lit-labs/observers/mutation-controller.js";
-//#region src/elements/card/common/card-action.scss?inline
-var l = ":host{display:block;outline:none!important;position:absolute;inset:0}:is(.sbb-card-button,.sbb-card-link){display:block;position:absolute;inset:0;border-radius:var(--sbb-card-border-radius);cursor:var(--sbb-cursor-pointer);outline:none}: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)}", u = (u) => (() => {
-	let d = u, f = [], p;
-	return class extends d {
-		constructor() {
-			super(...arguments), this._active = (t(this, f), !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(d[Symbol.metadata] ?? null) : void 0;
-			p = [r({
-				reflect: !0,
-				type: Boolean
-			})], e(this, null, p, {
-				kind: "setter",
-				name: "active",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "active" in e,
-					set: (e, t) => {
-						e.active = t;
-					}
-				},
-				metadata: t
-			}, null, f), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.styles = [a, n(l)];
-		}
-		set active(e) {
-			this._active = e, this._onActiveChange();
-		}
-		get active() {
-			return this._active;
-		}
-		_onActiveChange() {
-			this._card && o(this._card).toggle("has-active-action", this.active);
-		}
-		_checkForSlottedActions() {
-			Array.from(this._card?.querySelectorAll?.(i) ?? []).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 = o(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 = o(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 s`<span class="sbb-screen-reader-only"><slot></slot></span>`;
-		}
-	};
-})();
-//#endregion
-export { u as t };

package/card-badge.component-B-uJVrxT.js

@@ -1,64 +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 } from "./core.js";
-//#region src/elements/card/card-badge/card-badge.scss?inline
-var o = ":host{display:flex;position:relative;height:fit-content;width:fit-content;margin-inline-start:auto}:host:after{content:\"\";display:var(--sbb-card-badge-border-display, none);position:absolute;inset:0;border:var(--sbb-border-width-1x) solid CanvasText}:host{inset-block-start:0;inset-inline-end:0;padding-inline:var(--sbb-card-badge-padding-inline)}: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(--sbb-color-aluminium);--sbb-card-badge-border-color: light-dark( var(--sbb-color-aluminium), var(--sbb-color-anthracite) )}:host(:dir(rtl)){--sbb-card-badge-skew: skew(-16deg, 0deg)}.sbb-card-badge-content{font-size:var(--sbb-text-font-size-xxs);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);font-weight:700;position:relative;display:flex;align-items:center;gap:var(--sbb-card-badge-gap);color:var(--sbb-card-badge-color)}.sbb-card-badge-background{display:block;position:absolute;inset:0;background-color:var(--sbb-card-badge-background-color);border-end-start-radius:var(--sbb-card-badge-border-radius);margin-inline-end:calc(var(--sbb-spacing-fixed-3x) * -1);transform:var(--sbb-card-badge-skew)}.sbb-card-badge-background:before{content:\"\";display:var(--sbb-card-badge-inline-border-display, block);position:absolute;inset:0;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)}", s = (() => {
-	let s = a, c, l = [], u = [];
-	return class extends s {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[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 = [r(o)];
-		}
-		#e = t(this, l, "charcoal");
-		get color() {
-			return this.#e;
-		}
-		set color(e) {
-			this.#e = e;
-		}
-		connectedCallback() {
-			super.connectedCallback(), this.slot ||= "badge";
-		}
-		render() {
-			return n`
-      <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 { s as t };

package/card.component-Bwuv9ur1.js

@@ -1,61 +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 } from "./core.js";
-//#region src/elements/card/card/card.scss?inline
-var o = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );--sbb-card-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-1x) );display:block;position:relative;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)}:host:after{content:\"\";position:absolute;inset:0;background-color:transparent;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}@media(forced-colors:active){:host{--sbb-title-color: var(--sbb-card-color)}}: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(--sbb-color-cement);--sbb-card-border-color: light-dark(var(--sbb-color-cement), 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}}@media(forced-colors:active){: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{display:block;height:100%;pointer-events:var(--sbb-card-pointer-events, auto);translate:0 var(--sbb-card-hover-shift, 0);transition:translate var(--sbb-card-animation-duration) var(--sbb-card-animation-easing)}.sbb-card__badge-wrapper{display:var(--sbb-card-badge-display, none);overflow:hidden;position:absolute;inset:0;inset-block-end:unset;border-start-start-radius:var(--sbb-card-border-radius);border-start-end-radius:var(--sbb-card-border-radius);pointer-events:var(--sbb-card-pointer-events, auto)}::slotted(sbb-title){margin-block-start:0}", s = (() => {
-	let s = a, c, l = [], u = [];
-	return class extends s {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[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 = [r(o)];
-		}
-		#e = t(this, l, "white");
-		get color() {
-			return this.#e;
-		}
-		set color(e) {
-			this.#e = e;
-		}
-		render() {
-			return n`
-      <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 { s as t };

package/carousel/carousel/carousel.component.js

@@ -1,2 +0,0 @@
-import { t as e } from "../../carousel.component-B6XqR3Bc.js";
-export { e as SbbCarouselElement };

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

@@ -1,2 +0,0 @@
-import { n as e, t } from "../../carousel-item.component-DRfpza-9.js";
-export { t as SbbCarouselItemElement, e as SbbCarouselItemShowEvent };

package/carousel/carousel-list/carousel-list.component.js

@@ -1,2 +0,0 @@
-import { t as e } from "../../carousel-list.component-DAPO_Oce.js";
-export { e as SbbCarouselListElement };

package/carousel-item.component-DRfpza-9.js

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

package/carousel-list.component-DAPO_Oce.js

@@ -1,81 +0,0 @@
-import { html as e, unsafeCSS as t } from "lit";
-import { SbbElement as n, SbbLanguageController as r, i18nCarouselItemAriaLabel as i, isArrowKeyPressed as a } from "./core.js";
-import { ResizeController as o } from "@lit-labs/observers/resize-controller.js";
-import { IntersectionController as s } from "@lit-labs/observers/intersection-controller.js";
-import { SbbCarouselItemShowEvent as c } from "./carousel/carousel-item/carousel-item.component.js";
-//#region src/elements/carousel/carousel-list/carousel-list.scss?inline
-var l = ":host{display:flex;height:var(--sbb-carousel-list-height);width:var(--sbb-carousel-list-width, 0);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;outline:none;border-radius:var(--sbb-carousel-inherit-border-radius)}: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:\"\";position:absolute;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-start-radius:var(--sbb-carousel-inherit-border-radius);border-end-end-radius:var(--sbb-carousel-inherit-border-radius)}", u = class extends n {
-	static {
-		this.elementName = "sbb-carousel-list";
-	}
-	static {
-		this.styles = [t(l)];
-	}
-	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 c("beforeshow", { index: this._carouselItems().findIndex((e) => e === t) }));
-				});
-			},
-			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 c("show", { index: this._currentIndex }))) : e.ariaHidden = "true";
-				}
-			},
-			config: {
-				threshold: .99,
-				root: this,
-				rootMargin: "100% 0% 100% 0%"
-			}
-		}), this._resizeObserverController = new o(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 (!a(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 e`<slot @slotchange=${this._handleSlotchange}></slot>`;
-	}
-};
-//#endregion
-export { u as t };

package/carousel.component-B6XqR3Bc.js

@@ -1,92 +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, SbbLanguageController as o, forceType as s, i18nCarouselArrowsNavigationHint as c, i18nNextSlide as l, i18nPreviousSlide as u, i18nSlide as d, screenReaderOnlyStyles as f } from "./core.js";
-//#region src/elements/carousel/carousel/carousel.scss?inline
-var p = ":host{display:inline-block;overflow:hidden;border-radius:var(--sbb-carousel-border-radius) var(--sbb-carousel-border-radius) 0 0}: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{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--sbb-carousel-background-color)}::slotted(sbb-compact-paginator){padding:var(--sbb-carousel-paginator-padding)}", m = (() => {
-	let m = a, h, g = [], _ = [];
-	return class extends m {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
-			h = [s(), i({
-				reflect: !0,
-				type: Boolean
-			})], e(this, null, h, {
-				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
-			}, g, _), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-carousel";
-		}
-		static {
-			this.styles = [f, r(p)];
-		}
-		#e;
-		get shadow() {
-			return this.#e;
-		}
-		set shadow(e) {
-			this.#e = e;
-		}
-		constructor() {
-			super(), this.#e = t(this, g, !1), this._paginator = (t(this, _), null), this._abortController = null, this._language = new o(this), this._requestedPageIndexByPaginator = -1, this.addEventListener?.("show", (e) => {
-				this._requestedPageIndexByPaginator !== -1 && this._requestedPageIndexByPaginator !== e.index || (this._paginator && e.index !== this._paginator.pageIndex && (this._paginator.pageIndex = e.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 ||= l[this._language.current], e.accessibilityPreviousPageLabel ||= u[this._language.current], e.accessibilityPageLabel ||= d[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 n`
-      <div class="sbb-carousel">
-        <span class="sbb-screen-reader-only" id="sbb-carousel-arrows-navigation-hint"
-          >${c[this._language.current]}</span
-        >
-        <slot @slotchange=${this._handleSlotchange}></slot>
-      </div>
-    `;
-		}
-	};
-})();
-//#endregion
-export { m as t };

package/checkbox/checkbox.component.js

@@ -1,2 +0,0 @@
-import { t as e } from "../checkbox.component-DNVief0q.js";
-export { e as SbbCheckboxElement };

package/checkbox/common/checkbox-common.js

@@ -1,2 +0,0 @@
-import { t as e } from "../../checkbox-common-Dz5PUD9H.js";
-export { e as SbbCheckboxCommonElementMixin };

package/checkbox-common-Dz5PUD9H.js

@@ -1,69 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { unsafeCSS as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import { SbbFormAssociatedCheckboxMixin as i, SbbPropertyWatcherController as a, forceType as o } from "./core.js";
-//#region src/elements/checkbox/common/checkbox-common.scss?inline
-var s = "@charset \"UTF-8\";: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(--sbb-color-granite);--sbb-checkbox-label-color: light-dark(var(--sbb-color-granite), 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{position:relative;display:block;width:100%;cursor:var(--sbb-checkbox-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:var(--sbb-checkbox-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text)}.sbb-checkbox__inner{display:flex;align-items:start;gap:var(--sbb-spacing-fixed-2x)}.sbb-checkbox__label{display:flex;flex-grow:1;color:var(--sbb-checkbox-label-color);line-height:max(1em * var(--sbb-typo-line-height-text),var(--sbb-checkbox-dimension))}.sbb-checkbox__aligner{display:flex;align-items:center;height:calc(1em * var(--sbb-typo-line-height-text))}", c = (c) => (() => {
-	let l = i(c), u, d = [], f = [];
-	return class extends l {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
-			u = [o(), r({ type: Boolean })], e(this, null, u, {
-				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
-			}, d, f), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.styles = [n(s)];
-		}
-		#e;
-		get indeterminate() {
-			return this.#e;
-		}
-		set indeterminate(e) {
-			this.#e = e;
-		}
-		get group() {
-			return this._group;
-		}
-		constructor() {
-			super(), this.#e = t(this, d, !1), this._group = (t(this, f), null), this.addController(new a(this, () => this.closest("sbb-checkbox-group"), [
-				"disabled",
-				"required",
-				"size"
-			].reduce((e, t) => Object.assign(e, { [t]: () => this.requestUpdate(t) }), {})));
-		}
-		connectedCallback() {
-			super.connectedCallback(), this._group = this.closest("sbb-checkbox-group");
-		}
-		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 { c as t };

package/checkbox-group/checkbox-group.component.js

@@ -1,19 +0,0 @@
-import { SbbSelectionGroupBaseElement as e, getNextElementIndex as t, interactivityChecker as n, isArrowKeyPressed as r } from "../core.js";
-//#region src/elements/checkbox-group/checkbox-group.component.ts
-var i = class extends e {
-	static {
-		this.elementName = "sbb-checkbox-group";
-	}
-	get checkboxes() {
-		return this.selectionElements;
-	}
-	constructor() {
-		super(), this.selectionElementSelectors = "sbb-checkbox, sbb-checkbox-panel", this.panelElementSelector = "sbb-checkbox-panel", this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
-	}
-	_handleKeyDown(e) {
-		let i = this.checkboxes.filter((e) => !e.disabled && n.isVisible(e));
-		!i || e.target !== this && e.target.parentElement !== this && e.target.parentElement.localName !== "sbb-selection-expansion-panel" && e.target.parentElement.localName !== "sbb-selection-action-panel" || r(e) && i[t(e, i.findIndex((t) => t === e.target), i.length)]?.focus();
-	}
-};
-//#endregion
-export { i as SbbCheckboxGroupElement };