@sbb-esta/lyne-elements-dev 4.7.0-dev.1773648103 → 4.7.0-dev.1773648656

package/carousel/carousel/carousel.component.js

@@ -1,88 +1,2 @@
-var h = (t) => {
-  throw TypeError(t);
-};
-var b = (t, a, r) => a.has(t) || h("Cannot " + r);
-var u = (t, a, r) => (b(t, a, "read from private field"), r ? r.call(t) : a.get(t)), g = (t, a, r) => a.has(t) ? h("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, r), d = (t, a, r, l) => (b(t, a, "write to private field"), l ? l.call(t, r) : a.set(t, r), r);
-import { __esDecorate as f, __runInitializers as p } from "tslib";
-import { css as m, html as _ } from "lit";
-import { property as y } from "lit/decorators.js";
-import { SbbElement as w } from "../../core/base-elements.js";
-import { SbbLanguageController as x } from "../../core/controllers/language-controller.js";
-import { forceType as P } from "../../core/decorators.js";
-import { i18nNextSlide as v, i18nPreviousSlide as S, i18nSlide as C, i18nCarouselArrowsNavigationHint as I } from "../../core/i18n/i18n.js";
-import { boxSizingStyles as L } from "../../core/styles.js";
-import "../../screen-reader-only.js";
-const k = m`: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)}`;
-let $ = (() => {
-  var n, s;
-  let t = w, a, r = [], l = [];
-  return s = class extends t {
-    constructor() {
-      super();
-      g(this, n);
-      d(this, n, p(this, r, !1)), this._paginator = (p(this, l), null), this._abortController = null, this._language = new x(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);
-      });
-    }
-    /**
-     * Used to display a box-shadow around the component.
-     */
-    get shadow() {
-      return u(this, n);
-    }
-    set shadow(e) {
-      d(this, n, e);
-    }
-    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() {
-      const e = Array.from(this.children).find((c) => c.localName === "sbb-compact-paginator"), i = Array.from(this.children).find((c) => c.localName === "sbb-carousel-list");
-      if (!e || !i)
-        return;
-      const o = i.querySelectorAll("sbb-carousel-item");
-      o && o.length > 0 && (e.length = o.length, e.pageSize = 1), e.accessibilityNextPageLabel ||= v[this._language.current], e.accessibilityPreviousPageLabel ||= S[this._language.current], e.accessibilityPageLabel ||= C[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;
-      const e = this.querySelector("sbb-carousel-list");
-      if (e) {
-        const o = e.querySelectorAll("sbb-carousel-item")[this._paginator.pageIndex].offsetLeft - this.offsetLeft;
-        (e.clientWidth <= 100 || Math.abs(e.scrollLeft - o) > 50) && e.scrollTo({ left: o });
-      }
-    }
-    render() {
-      return _`
-      <div class="sbb-carousel">
-        <sbb-screen-reader-only id="sbb-carousel-arrows-navigation-hint"
-          >${I[this._language.current]}</sbb-screen-reader-only
-        >
-        <slot @slotchange=${this._handleSlotchange}></slot>
-      </div>
-    `;
-    }
-  }, n = new WeakMap(), (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
-    a = [P(), y({ reflect: !0, type: Boolean })], f(s, null, a, { kind: "accessor", name: "shadow", static: !1, private: !1, access: { has: (i) => "shadow" in i, get: (i) => i.shadow, set: (i, o) => {
-      i.shadow = o;
-    } }, metadata: e }, r, l), e && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), s.elementName = "sbb-carousel", s.styles = [L, k], s;
-})();
-export {
-  $ as SbbCarouselElement
-};
+import { t as e } from "../../carousel.component-Bd0iGUbf.js";
+export { e as SbbCarouselElement };

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

@@ -1,18 +1,2 @@
-import { css as e, html as i } from "lit";
-import { SbbElement as o } from "../../core/base-elements.js";
-const r = e`:host{display:flex;scroll-snap-align:start;flex-shrink:0}::slotted(sbb-image){border-radius:unset}`, s = class s extends o {
-  connectedCallback() {
-    super.connectedCallback(), this.internals.role = "group", this.internals.ariaRoleDescription = "slide";
-  }
-  render() {
-    return i`<slot></slot>`;
-  }
-};
-s.elementName = "sbb-carousel-item", s.styles = r, s.events = {
-  beforeshow: "beforeshow",
-  show: "show"
-};
-let t = s;
-export {
-  t as SbbCarouselItemElement
-};
+import { t as e } from "../../carousel-item.component-kv3rY8B-.js";
+export { e as SbbCarouselItemElement };

package/carousel/carousel-item.js

@@ -1,7 +1,4 @@
-import { SbbCarouselItemElement as e } from "./carousel-item/carousel-item.component.js";
-e.define();
-console.warn(`The entrypoint '@sbb-esta/elements/carousel/carousel-item.js' has been deprecated.
-Use either '@sbb-esta/elements/carousel.js' or '@sbb-esta/elements/carousel.pure.js' instead.`);
-export {
-  e as SbbCarouselItemElement
-};
+import { t as e } from "../carousel-item.component-kv3rY8B-.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements/carousel/carousel-item.js' has been deprecated.\nUse either '@sbb-esta/elements/carousel.js' or '@sbb-esta/elements/carousel.pure.js' instead.");
+//#endregion
+export { e as SbbCarouselItemElement };

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

@@ -1,90 +1,2 @@
-import { IntersectionController as i } from "@lit-labs/observers/intersection-controller.js";
-import { ResizeController as l } from "@lit-labs/observers/resize-controller.js";
-import { css as h, html as c } from "lit";
-import { isArrowKeyPressed as u } from "../../core/a11y.js";
-import { SbbElement as d } from "../../core/base-elements.js";
-import { SbbLanguageController as b } from "../../core/controllers.js";
-import { i18nCarouselItemAriaLabel as f } from "../../core/i18n.js";
-const m = h`:host{--sbb-carousel-list-border-radius: var(--sbb-border-radius-4x);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)}`, o = class o extends d {
-  constructor() {
-    super(), this._currentIndex = 0, this._language = new b(this), this._observedCarouselItems = [], this._beforeShowObserver = new i(this, {
-      target: null,
-      callback: (e) => {
-        e.filter((r) => r.isIntersecting && r.target !== this).forEach((r) => {
-          const s = r.target;
-          s.dispatchEvent(new CustomEvent("beforeshow", {
-            detail: { index: this._carouselItems().findIndex((a) => a === s) },
-            bubbles: !0,
-            composed: !0
-          }));
-        });
-      },
-      config: { threshold: 0.01, root: this, rootMargin: "100% 0% 100% 0%" }
-    }), this._showObserver = new i(this, {
-      target: null,
-      callback: (e) => {
-        for (const t of e) {
-          if (t.target === this)
-            continue;
-          const r = t.target;
-          t.isIntersecting ? (r.ariaHidden = null, this._currentIndex = this._carouselItems().findIndex((s) => s === r), r.dispatchEvent(new CustomEvent("show", {
-            detail: { index: this._currentIndex },
-            bubbles: !0,
-            composed: !0
-          }))) : r.ariaHidden = "true";
-        }
-      },
-      config: { threshold: 0.99, root: this, rootMargin: "100% 0% 100% 0%" }
-    }), this._resizeObserverController = new l(this, {
-      skipInitial: !0,
-      callback: () => this._readDimensions()
-    }), this.addEventListener?.("keydown", (e) => this._onKeyDown(e));
-  }
-  /** Gets the slotted items. */
-  _carouselItems() {
-    return Array.from(this.querySelectorAll?.("sbb-carousel-item") ?? []);
-  }
-  _handleSlotchange() {
-    this._observedCarouselItems.forEach((t) => {
-      this._beforeShowObserver.unobserve(t), this._showObserver.unobserve(t);
-    });
-    const e = this._carouselItems();
-    e.forEach((t, r) => {
-      t.ariaLabel ||= f(r + 1, e.length)[this._language.current], t.ariaHidden = r === this._currentIndex ? null : "true";
-    }), this._readDimensions();
-  }
-  /**
-   * Reads the dimensions of the first carousel item and sets the CSS properties accordingly.
-   * Should set the dimensions only once, when the first item becomes visible and if the value is non-zero.
-   */
-  _readDimensions() {
-    const e = this._carouselItems();
-    if (e.length === 0)
-      return;
-    const 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((r) => {
-      this._beforeShowObserver.observe(r), this._showObserver.observe(r);
-    }), this._observedCarouselItems = e, this._resizeObserverController.unobserve(this));
-  }
-  _onKeyDown(e) {
-    if (!u(e))
-      return;
-    e.preventDefault();
-    let t = this._currentIndex;
-    const r = e.key === "ArrowUp" || e.key === "ArrowLeft", s = e.key === "ArrowDown" || e.key === "ArrowRight";
-    r ? t = Math.max(0, this._currentIndex - 1) : s && (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 c`<slot @slotchange=${this._handleSlotchange}></slot>`;
-  }
-};
-o.elementName = "sbb-carousel-list", o.styles = m;
-let n = o;
-export {
-  n as SbbCarouselListElement
-};
+import { t as e } from "../../carousel-list.component-DMMk66SP.js";
+export { e as SbbCarouselListElement };

package/carousel/carousel-list.js

@@ -1,7 +1,4 @@
-import { SbbCarouselListElement as e } from "./carousel-list/carousel-list.component.js";
-e.define();
-console.warn(`The entrypoint '@sbb-esta/elements/carousel/carousel-list.js' has been deprecated.
-Use either '@sbb-esta/elements/carousel.js' or '@sbb-esta/elements/carousel.pure.js' instead.`);
-export {
-  e as SbbCarouselListElement
-};
+import { t as e } from "../carousel-list.component-DMMk66SP.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements/carousel/carousel-list.js' has been deprecated.\nUse either '@sbb-esta/elements/carousel.js' or '@sbb-esta/elements/carousel.pure.js' instead.");
+//#endregion
+export { e as SbbCarouselListElement };

package/carousel/carousel.js

@@ -1,7 +1,4 @@
-import { SbbCarouselElement as e } from "./carousel/carousel.component.js";
-e.define();
-console.warn(`The entrypoint '@sbb-esta/elements/carousel/carousel.js' has been deprecated.
-Use either '@sbb-esta/elements/carousel.js' or '@sbb-esta/elements/carousel.pure.js' instead.`);
-export {
-  e as SbbCarouselElement
-};
+import { t as e } from "../carousel.component-Bd0iGUbf.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements/carousel/carousel.js' has been deprecated.\nUse either '@sbb-esta/elements/carousel.js' or '@sbb-esta/elements/carousel.pure.js' instead.");
+//#endregion
+export { e as SbbCarouselElement };

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

@@ -0,0 +1,25 @@
+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

@@ -0,0 +1,91 @@
+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

@@ -0,0 +1,97 @@
+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/carousel.js

@@ -1,11 +1,7 @@
-import { SbbCarouselItemElement as e } from "./carousel/carousel-item/carousel-item.component.js";
-import { SbbCarouselListElement as m } from "./carousel/carousel-list/carousel-list.component.js";
-import { SbbCarouselElement as o } from "./carousel/carousel/carousel.component.js";
-o.define();
-e.define();
-m.define();
-export {
-  o as SbbCarouselElement,
-  e as SbbCarouselItemElement,
-  m as SbbCarouselListElement
-};
+import { t as e } from "./carousel-item.component-kv3rY8B-.js";
+import { t } from "./carousel-list.component-DMMk66SP.js";
+import { t as n } from "./carousel.component-Bd0iGUbf.js";
+import "./carousel.pure.js";
+n.define(), e.define(), t.define();
+//#endregion
+export { n as SbbCarouselElement, e as SbbCarouselItemElement, t as SbbCarouselListElement };

package/carousel.pure.js

@@ -1,8 +1,4 @@
-import { SbbCarouselItemElement as r } from "./carousel/carousel-item/carousel-item.component.js";
-import { SbbCarouselListElement as m } from "./carousel/carousel-list/carousel-list.component.js";
-import { SbbCarouselElement as l } from "./carousel/carousel/carousel.component.js";
-export {
-  l as SbbCarouselElement,
-  r as SbbCarouselItemElement,
-  m as SbbCarouselListElement
-};
+import { t as e } from "./carousel-item.component-kv3rY8B-.js";
+import { t } from "./carousel-list.component-DMMk66SP.js";
+import { t as n } from "./carousel.component-Bd0iGUbf.js";
+export { n as SbbCarouselElement, e as SbbCarouselItemElement, t as SbbCarouselListElement };

package/checkbox/checkbox-group.js

@@ -1,5 +1,4 @@
 import { SbbCheckboxGroupElement as e } from "../checkbox-group/checkbox-group.component.js";
 export * from "../checkbox-group/checkbox-group.component.js";
-e.define();
-console.warn(`The entrypoint '@sbb-esta/elements/checkbox/checkbox-group.js' has been deprecated.
-Use either '@sbb-esta/elements/checkbox.js' or '@sbb-esta/elements/checkbox.pure.js' instead.`);
+e.define(), console.warn("The entrypoint '@sbb-esta/elements/checkbox/checkbox-group.js' has been deprecated.\nUse either '@sbb-esta/elements/checkbox.js' or '@sbb-esta/elements/checkbox.pure.js' instead.");
+//#endregion

package/checkbox/checkbox-panel.js

@@ -1,5 +1,4 @@
 import { SbbCheckboxPanelElement as e } from "../checkbox-panel/checkbox-panel.component.js";
 export * from "../checkbox-panel/checkbox-panel.component.js";
-e.define();
-console.warn(`The entrypoint '@sbb-esta/elements/checkbox/checkbox-panel.js' has been deprecated.
-Use either '@sbb-esta/elements/checkbox.js' or '@sbb-esta/elements/checkbox.pure.js' instead.`);
+e.define(), console.warn("The entrypoint '@sbb-esta/elements/checkbox/checkbox-panel.js' has been deprecated.\nUse either '@sbb-esta/elements/checkbox.js' or '@sbb-esta/elements/checkbox.pure.js' instead.");
+//#endregion

package/checkbox/checkbox.component.js

@@ -1,91 +1,3 @@
-var y = (t) => {
-  throw TypeError(t);
-};
-var P = (t, s, i) => s.has(t) || y("Cannot " + i);
-var h = (t, s, i) => (P(t, s, "read from private field"), i ? i.call(t) : s.get(t)), u = (t, s, i) => s.has(t) ? y("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, i), d = (t, s, i, n) => (P(t, s, "write to private field"), n ? n.call(t, i) : s.set(t, i), i);
-import { __esDecorate as f, __runInitializers as l } from "tslib";
-import { css as S, html as w } from "lit";
-import { property as p } from "lit/decorators.js";
-import { SbbElement as I } from "../core/base-elements.js";
-import { getOverride as j } from "../core/decorators.js";
-import { isLean as $ } from "../core/dom.js";
-import { boxSizingStyles as O } from "../core/styles.js";
-import { SbbIconNameMixin as D } from "../icon.js";
-import { SbbCheckboxCommonElementMixin as M, checkboxCommonStyle as N } from "./common/checkbox-common.js";
-import "../visual-checkbox.js";
-const L = S`:host{outline:none!important;display:inline-block}:host([icon-placement=start]){--sbb-checkbox-label-icon-flex-direction: row-reverse;--sbb-checkbox-label-icon-justify-content: flex-end;--sbb-checkbox-label-icon-flex-grow: 0}:host(:focus-visible) .sbb-checkbox-wrapper{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}.sbb-checkbox__label{flex-direction:var(--sbb-checkbox-label-icon-flex-direction);justify-content:var(--sbb-checkbox-label-icon-justify-content);flex-grow:var(--sbb-checkbox-label-icon-flex-grow);gap:var(--sbb-checkbox-label-gap)}:host(:not(:is(:state(slotted),[state--slotted]),:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-checkbox__label{display:none}sbb-icon,slot[name=icon] ::slotted(sbb-icon){display:flex;align-items:center;height:calc(1em * var(--sbb-typo-line-height-text))}`;
-let V = (() => {
-  var r, b, m, a;
-  let t = D(M(I)), s, i = [], n = [], x, _ = [], v = [], g, k = [], z = [];
-  return a = class extends t {
-    constructor() {
-      super(...arguments);
-      u(this, r, l(this, i, null));
-      u(this, b, (l(this, n), l(this, _, $() ? "xs" : "m")));
-      u(this, m, (l(this, v), l(this, k, "end")));
-      l(this, z);
-    }
-    /** Value of the form element. */
-    get value() {
-      return h(this, r);
-    }
-    set value(o) {
-      d(this, r, o);
-    }
-    /**
-     * Size variant, either xs, s or m.
-     * @default 'm' / 'xs' (lean)
-     */
-    get size() {
-      return h(this, b);
-    }
-    set size(o) {
-      d(this, b, o);
-    }
-    /** The label position relative to the labelIcon. Defaults to end */
-    get iconPlacement() {
-      return h(this, m);
-    }
-    set iconPlacement(o) {
-      d(this, m, o);
-    }
-    render() {
-      return w`
-      <span class="sbb-checkbox-wrapper">
-        <span class="sbb-checkbox">
-          <span class="sbb-checkbox__inner">
-            <span class="sbb-checkbox__aligner">
-              <sbb-visual-checkbox
-                ?checked=${this.checked}
-                ?indeterminate=${this.indeterminate}
-                ?disabled=${this.disabled || this.formDisabled}
-                .size=${this.size}
-              ></sbb-visual-checkbox>
-            </span>
-            <span class="sbb-checkbox__label">
-              <slot></slot>
-              ${this.renderIconSlot()}
-            </span>
-          </span>
-        </span>
-      </span>
-    `;
-    }
-  }, r = new WeakMap(), b = new WeakMap(), m = new WeakMap(), (() => {
-    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
-    s = [p()], x = [p({ reflect: !0 }), j((e, c) => e.group?.size ?? c)], g = [p({ attribute: "icon-placement", reflect: !0 })], f(a, null, s, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (e) => "value" in e, get: (e) => e.value, set: (e, c) => {
-      e.value = c;
-    } }, metadata: o }, i, n), f(a, null, x, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, c) => {
-      e.size = c;
-    } }, metadata: o }, _, v), f(a, null, g, { kind: "accessor", name: "iconPlacement", static: !1, private: !1, access: { has: (e) => "iconPlacement" in e, get: (e) => e.iconPlacement, set: (e, c) => {
-      e.iconPlacement = c;
-    } }, metadata: o }, k, z), o && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
-  })(), a.elementName = "sbb-checkbox", a.styles = [
-    O,
-    N,
-    L
-  ], a;
-})();
-export {
-  V as SbbCheckboxElement
-};
+import { t as e } from "../checkbox.component-CJcC5JnN.js";
+import "../checkbox-common-D9htxWLZ.js";
+export { e as SbbCheckboxElement };

package/checkbox/checkbox.js

@@ -1,7 +1,5 @@
-import { SbbCheckboxElement as e } from "./checkbox.component.js";
-e.define();
-console.warn(`The entrypoint '@sbb-esta/elements/checkbox/checkbox.js' has been deprecated.
-Use either '@sbb-esta/elements/checkbox.js' or '@sbb-esta/elements/checkbox.pure.js' instead.`);
-export {
-  e as SbbCheckboxElement
-};
+import { t as e } from "../checkbox.component-CJcC5JnN.js";
+import "../checkbox-common-D9htxWLZ.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements/checkbox/checkbox.js' has been deprecated.\nUse either '@sbb-esta/elements/checkbox.js' or '@sbb-esta/elements/checkbox.pure.js' instead.");
+//#endregion
+export { e as SbbCheckboxElement };