nve-designsystem 3.2.0 → 3.3.0

package/chunks/chunk.ZH2AND3P.js

@@ -1,46 +1,40 @@
-import { i as _, x as p } from "./lit-element.js";
-import { b as f, w } from "./chunk.B4BZKR24.js";
-import { L as P } from "./chunk.6CTB5ZDJ.js";
-import { S as C } from "./chunk.YHLNUJ7P.js";
-import { w as u } from "./chunk.GMYPQTFK.js";
-import { c as E, d as c, S as L } from "./chunk.4TUIT776.js";
-import { e as g } from "./class-map.js";
-import { n as h } from "./property.js";
-import { r as v } from "./state.js";
-import { e as y } from "./query.js";
-function k(t) {
-  return (e, i) => {
-    const s = typeof e == "function" ? e : e[i];
-    Object.assign(s, t);
-  };
+import { a as e, u as t } from "./lit.js";
+import { a as n, i as r, o as i, r as a } from "./decorate.js";
+import { n as o, r as s, t as c } from "./chunk.4TUIT776.js";
+import { t as l } from "./chunk.YHLNUJ7P.js";
+import { t as u } from "./chunk.GMYPQTFK.js";
+import { t as d } from "./class-map.js";
+import { t as f } from "./chunk.6CTB5ZDJ.js";
+import { i as p, t as m } from "./chunk.B4BZKR24.js";
+//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.HF7GESMZ.js
+function h(e, t, n) {
+	return ((e) => Object.is(e, -0) ? 0 : e)(e < t ? t : e > n ? n : e);
 }
-function m(t, e, i) {
-  const s = (o) => Object.is(o, -0) ? 0 : o;
-  return t < e ? s(e) : t > i ? s(i) : s(t);
-}
-var A = class {
-  constructor(t, e) {
-    this.timerId = 0, this.activeInteractions = 0, this.paused = !1, this.stopped = !0, this.pause = () => {
-      this.activeInteractions++ || (this.paused = !0, this.host.requestUpdate());
-    }, this.resume = () => {
-      --this.activeInteractions || (this.paused = !1, this.host.requestUpdate());
-    }, t.addController(this), this.host = t, this.tickCallback = e;
-  }
-  hostConnected() {
-    this.host.addEventListener("mouseenter", this.pause), this.host.addEventListener("mouseleave", this.resume), this.host.addEventListener("focusin", this.pause), this.host.addEventListener("focusout", this.resume), this.host.addEventListener("touchstart", this.pause, { passive: !0 }), this.host.addEventListener("touchend", this.resume);
-  }
-  hostDisconnected() {
-    this.stop(), this.host.removeEventListener("mouseenter", this.pause), this.host.removeEventListener("mouseleave", this.resume), this.host.removeEventListener("focusin", this.pause), this.host.removeEventListener("focusout", this.resume), this.host.removeEventListener("touchstart", this.pause), this.host.removeEventListener("touchend", this.resume);
-  }
-  start(t) {
-    this.stop(), this.stopped = !1, this.timerId = window.setInterval(() => {
-      this.paused || this.tickCallback();
-    }, t);
-  }
-  stop() {
-    clearInterval(this.timerId), this.stopped = !0, this.host.requestUpdate();
-  }
-}, $ = _`
+//#endregion
+//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.F4VGSDIW.js
+var g = class {
+	constructor(e, t) {
+		this.timerId = 0, this.activeInteractions = 0, this.paused = !1, this.stopped = !0, this.pause = () => {
+			this.activeInteractions++ || (this.paused = !0, this.host.requestUpdate());
+		}, this.resume = () => {
+			--this.activeInteractions || (this.paused = !1, this.host.requestUpdate());
+		}, e.addController(this), this.host = e, this.tickCallback = t;
+	}
+	hostConnected() {
+		this.host.addEventListener("mouseenter", this.pause), this.host.addEventListener("mouseleave", this.resume), this.host.addEventListener("focusin", this.pause), this.host.addEventListener("focusout", this.resume), this.host.addEventListener("touchstart", this.pause, { passive: !0 }), this.host.addEventListener("touchend", this.resume);
+	}
+	hostDisconnected() {
+		this.stop(), this.host.removeEventListener("mouseenter", this.pause), this.host.removeEventListener("mouseleave", this.resume), this.host.removeEventListener("focusin", this.pause), this.host.removeEventListener("focusout", this.resume), this.host.removeEventListener("touchstart", this.pause), this.host.removeEventListener("touchend", this.resume);
+	}
+	start(e) {
+		this.stop(), this.stopped = !1, this.timerId = window.setInterval(() => {
+			this.paused || this.tickCallback();
+		}, e);
+	}
+	stop() {
+		clearInterval(this.timerId), this.stopped = !0, this.host.requestUpdate();
+	}
+}, _ = t`
   :host {
     --slide-gap: var(--sl-spacing-medium, 1rem);
     --aspect-ratio: 16 / 9;
@@ -193,235 +187,219 @@ var A = class {
     outline-offset: var(--sl-focus-ring-offset);
   }
 `;
-function* x(t, e) {
-  if (t !== void 0) {
-    let i = 0;
-    for (const s of t) yield e(s, i++);
-  }
+//#endregion
+//#region .pnpm/lit-html@3.3.3/node_modules/lit-html/directives/map.js
+function* v(e, t) {
+	if (e !== void 0) {
+		let n = 0;
+		for (let r of e) yield t(r, n++);
+	}
 }
-function* z(t, e, i = 1) {
-  const s = e === void 0 ? 0 : t;
-  e ??= t;
-  for (let o = s; i > 0 ? o < e : e < o; o += i) yield o;
+//#endregion
+//#region .pnpm/lit-html@3.3.3/node_modules/lit-html/directives/range.js
+function* y(e, t, n = 1) {
+	let r = t === void 0 ? 0 : e;
+	t ??= e;
+	for (let e = r; n > 0 ? e < t : t < e; e += n) yield e;
 }
-var l = class extends L {
-  constructor() {
-    super(...arguments), this.loop = !1, this.navigation = !1, this.pagination = !1, this.autoplay = !1, this.autoplayInterval = 3e3, this.slidesPerPage = 1, this.slidesPerMove = 1, this.orientation = "horizontal", this.mouseDragging = !1, this.activeSlide = 0, this.scrolling = !1, this.dragging = !1, this.autoplayController = new A(this, () => this.next()), this.dragStartPosition = [-1, -1], this.localize = new P(this), this.pendingSlideChange = !1, this.handleMouseDrag = (t) => {
-      this.dragging || (this.scrollContainer.style.setProperty("scroll-snap-type", "none"), this.dragging = !0, this.dragStartPosition = [t.clientX, t.clientY]), this.scrollContainer.scrollBy({
-        left: -t.movementX,
-        top: -t.movementY,
-        behavior: "instant"
-      });
-    }, this.handleMouseDragEnd = () => {
-      const t = this.scrollContainer;
-      document.removeEventListener("pointermove", this.handleMouseDrag, { capture: !0 });
-      const e = t.scrollLeft, i = t.scrollTop;
-      t.style.removeProperty("scroll-snap-type"), t.style.setProperty("overflow", "hidden");
-      const s = t.scrollLeft, o = t.scrollTop;
-      t.style.removeProperty("overflow"), t.style.setProperty("scroll-snap-type", "none"), t.scrollTo({ left: e, top: i, behavior: "instant" }), requestAnimationFrame(async () => {
-        (e !== s || i !== o) && (t.scrollTo({
-          left: s,
-          top: o,
-          behavior: f() ? "auto" : "smooth"
-        }), await w(t, "scrollend")), t.style.removeProperty("scroll-snap-type"), this.dragging = !1, this.dragStartPosition = [-1, -1], this.handleScrollEnd();
-      });
-    }, this.handleSlotChange = (t) => {
-      t.some(
-        (i) => [...i.addedNodes, ...i.removedNodes].some(
-          (s) => this.isCarouselItem(s) && !s.hasAttribute("data-clone")
-        )
-      ) && this.initializeSlides(), this.requestUpdate();
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.setAttribute("role", "region"), this.setAttribute("aria-label", this.localize.term("carousel"));
-  }
-  disconnectedCallback() {
-    var t;
-    super.disconnectedCallback(), (t = this.mutationObserver) == null || t.disconnect();
-  }
-  firstUpdated() {
-    this.initializeSlides(), this.mutationObserver = new MutationObserver(this.handleSlotChange), this.mutationObserver.observe(this, {
-      childList: !0,
-      subtree: !0
-    });
-  }
-  willUpdate(t) {
-    (t.has("slidesPerMove") || t.has("slidesPerPage")) && (this.slidesPerMove = Math.min(this.slidesPerMove, this.slidesPerPage));
-  }
-  getPageCount() {
-    const t = this.getSlides().length, { slidesPerPage: e, slidesPerMove: i, loop: s } = this, o = s ? t / i : (t - e) / i + 1;
-    return Math.ceil(o);
-  }
-  getCurrentPage() {
-    return Math.ceil(this.activeSlide / this.slidesPerMove);
-  }
-  canScrollNext() {
-    return this.loop || this.getCurrentPage() < this.getPageCount() - 1;
-  }
-  canScrollPrev() {
-    return this.loop || this.getCurrentPage() > 0;
-  }
-  /** @internal Gets all carousel items. */
-  getSlides({ excludeClones: t = !0 } = {}) {
-    return [...this.children].filter(
-      (e) => this.isCarouselItem(e) && (!t || !e.hasAttribute("data-clone"))
-    );
-  }
-  handleClick(t) {
-    if (this.dragging && this.dragStartPosition[0] > 0 && this.dragStartPosition[1] > 0) {
-      const e = Math.abs(this.dragStartPosition[0] - t.clientX), i = Math.abs(this.dragStartPosition[1] - t.clientY);
-      Math.sqrt(e * e + i * i) >= 10 && t.preventDefault();
-    }
-  }
-  handleKeyDown(t) {
-    if (["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(t.key)) {
-      const e = t.target, i = this.localize.dir() === "rtl", s = e.closest('[part~="pagination-item"]') !== null, o = t.key === "ArrowDown" || !i && t.key === "ArrowRight" || i && t.key === "ArrowLeft", a = t.key === "ArrowUp" || !i && t.key === "ArrowLeft" || i && t.key === "ArrowRight";
-      t.preventDefault(), a && this.previous(), o && this.next(), t.key === "Home" && this.goToSlide(0), t.key === "End" && this.goToSlide(this.getSlides().length - 1), s && this.updateComplete.then(() => {
-        var n;
-        const r = (n = this.shadowRoot) == null ? void 0 : n.querySelector(
-          '[part~="pagination-item--active"]'
-        );
-        r && r.focus();
-      });
-    }
-  }
-  handleMouseDragStart(t) {
-    this.mouseDragging && t.button === 0 && (t.preventDefault(), document.addEventListener("pointermove", this.handleMouseDrag, { capture: !0, passive: !0 }), document.addEventListener("pointerup", this.handleMouseDragEnd, { capture: !0, once: !0 }));
-  }
-  handleScroll() {
-    this.scrolling = !0, this.pendingSlideChange || this.synchronizeSlides();
-  }
-  /** @internal Synchronizes the slides with the IntersectionObserver API. */
-  synchronizeSlides() {
-    const t = new IntersectionObserver(
-      (e) => {
-        t.disconnect();
-        for (const r of e) {
-          const d = r.target;
-          d.toggleAttribute("inert", !r.isIntersecting), d.classList.toggle("--in-view", r.isIntersecting), d.setAttribute("aria-hidden", r.isIntersecting ? "false" : "true");
-        }
-        const i = e.find((r) => r.isIntersecting);
-        if (!i)
-          return;
-        const s = this.getSlides({ excludeClones: !1 }), o = this.getSlides().length, a = s.indexOf(i.target), n = this.loop ? a - this.slidesPerPage : a;
-        if (this.activeSlide = (Math.ceil(n / this.slidesPerMove) * this.slidesPerMove + o) % o, !this.scrolling && this.loop && i.target.hasAttribute("data-clone")) {
-          const r = Number(i.target.getAttribute("data-clone"));
-          this.goToSlide(r, "instant");
-        }
-      },
-      {
-        root: this.scrollContainer,
-        threshold: 0.6
-      }
-    );
-    this.getSlides({ excludeClones: !1 }).forEach((e) => {
-      t.observe(e);
-    });
-  }
-  handleScrollEnd() {
-    !this.scrolling || this.dragging || (this.scrolling = !1, this.pendingSlideChange = !1, this.synchronizeSlides());
-  }
-  isCarouselItem(t) {
-    return t instanceof Element && t.tagName.toLowerCase() === "sl-carousel-item";
-  }
-  initializeSlides() {
-    this.getSlides({ excludeClones: !1 }).forEach((t, e) => {
-      t.classList.remove("--in-view"), t.classList.remove("--is-active"), t.setAttribute("role", "group"), t.setAttribute("aria-label", this.localize.term("slideNum", e + 1)), this.pagination && (t.setAttribute("id", `slide-${e + 1}`), t.setAttribute("role", "tabpanel"), t.removeAttribute("aria-label"), t.setAttribute("aria-labelledby", `tab-${e + 1}`)), t.hasAttribute("data-clone") && t.remove();
-    }), this.updateSlidesSnap(), this.loop && this.createClones(), this.goToSlide(this.activeSlide, "auto"), this.synchronizeSlides();
-  }
-  createClones() {
-    const t = this.getSlides(), e = this.slidesPerPage, i = t.slice(-e), s = t.slice(0, e);
-    i.reverse().forEach((o, a) => {
-      const n = o.cloneNode(!0);
-      n.setAttribute("data-clone", String(t.length - a - 1)), this.prepend(n);
-    }), s.forEach((o, a) => {
-      const n = o.cloneNode(!0);
-      n.setAttribute("data-clone", String(a)), this.append(n);
-    });
-  }
-  handleSlideChange() {
-    const t = this.getSlides();
-    t.forEach((e, i) => {
-      e.classList.toggle("--is-active", i === this.activeSlide);
-    }), this.hasUpdated && this.emit("sl-slide-change", {
-      detail: {
-        index: this.activeSlide,
-        slide: t[this.activeSlide]
-      }
-    });
-  }
-  updateSlidesSnap() {
-    const t = this.getSlides(), e = this.slidesPerMove;
-    t.forEach((i, s) => {
-      (s + e) % e === 0 ? i.style.removeProperty("scroll-snap-align") : i.style.setProperty("scroll-snap-align", "none");
-    });
-  }
-  handleAutoplayChange() {
-    this.autoplayController.stop(), this.autoplay && this.autoplayController.start(this.autoplayInterval);
-  }
-  /**
-   * Move the carousel backward by `slides-per-move` slides.
-   *
-   * @param behavior - The behavior used for scrolling.
-   */
-  previous(t = "smooth") {
-    this.goToSlide(this.activeSlide - this.slidesPerMove, t);
-  }
-  /**
-   * Move the carousel forward by `slides-per-move` slides.
-   *
-   * @param behavior - The behavior used for scrolling.
-   */
-  next(t = "smooth") {
-    this.goToSlide(this.activeSlide + this.slidesPerMove, t);
-  }
-  /**
-   * Scrolls the carousel to the slide specified by `index`.
-   *
-   * @param index - The slide index.
-   * @param behavior - The behavior used for scrolling.
-   */
-  goToSlide(t, e = "smooth") {
-    const { slidesPerPage: i, loop: s } = this, o = this.getSlides(), a = this.getSlides({ excludeClones: !1 });
-    if (!o.length)
-      return;
-    const n = s ? (t + o.length) % o.length : m(t, 0, o.length - i);
-    this.activeSlide = n;
-    const r = this.localize.dir() === "rtl", d = m(
-      t + (s ? i : 0) + (r ? i - 1 : 0),
-      0,
-      a.length - 1
-    ), S = a[d];
-    this.scrollToSlide(S, f() ? "auto" : e);
-  }
-  scrollToSlide(t, e = "smooth") {
-    this.pendingSlideChange = !0, window.requestAnimationFrame(() => {
-      if (!this.scrollContainer)
-        return;
-      const i = this.scrollContainer, s = i.getBoundingClientRect(), o = t.getBoundingClientRect(), a = o.left - s.left, n = o.top - s.top;
-      a || n ? (this.pendingSlideChange = !0, i.scrollTo({
-        left: a + i.scrollLeft,
-        top: n + i.scrollTop,
-        behavior: e
-      })) : this.pendingSlideChange = !1;
-    });
-  }
-  render() {
-    const { slidesPerMove: t, scrolling: e } = this, i = this.getPageCount(), s = this.getCurrentPage(), o = this.canScrollPrev(), a = this.canScrollNext(), n = this.localize.dir() === "ltr";
-    return p`
+//#endregion
+//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.AADUHVTJ.js
+var b = class extends c {
+	constructor() {
+		super(...arguments), this.loop = !1, this.navigation = !1, this.pagination = !1, this.autoplay = !1, this.autoplayInterval = 3e3, this.slidesPerPage = 1, this.slidesPerMove = 1, this.orientation = "horizontal", this.mouseDragging = !1, this.activeSlide = 0, this.scrolling = !1, this.dragging = !1, this.autoplayController = new g(this, () => this.next()), this.dragStartPosition = [-1, -1], this.localize = new f(this), this.pendingSlideChange = !1, this.handleMouseDrag = (e) => {
+			this.dragging || (this.scrollContainer.style.setProperty("scroll-snap-type", "none"), this.dragging = !0, this.dragStartPosition = [e.clientX, e.clientY]), this.scrollContainer.scrollBy({
+				left: -e.movementX,
+				top: -e.movementY,
+				behavior: "instant"
+			});
+		}, this.handleMouseDragEnd = () => {
+			let e = this.scrollContainer;
+			document.removeEventListener("pointermove", this.handleMouseDrag, { capture: !0 });
+			let t = e.scrollLeft, n = e.scrollTop;
+			e.style.removeProperty("scroll-snap-type"), e.style.setProperty("overflow", "hidden");
+			let r = e.scrollLeft, i = e.scrollTop;
+			e.style.removeProperty("overflow"), e.style.setProperty("scroll-snap-type", "none"), e.scrollTo({
+				left: t,
+				top: n,
+				behavior: "instant"
+			}), requestAnimationFrame(async () => {
+				(t !== r || n !== i) && (e.scrollTo({
+					left: r,
+					top: i,
+					behavior: p() ? "auto" : "smooth"
+				}), await m(e, "scrollend")), e.style.removeProperty("scroll-snap-type"), this.dragging = !1, this.dragStartPosition = [-1, -1], this.handleScrollEnd();
+			});
+		}, this.handleSlotChange = (e) => {
+			e.some((e) => [...e.addedNodes, ...e.removedNodes].some((e) => this.isCarouselItem(e) && !e.hasAttribute("data-clone"))) && this.initializeSlides(), this.requestUpdate();
+		};
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.setAttribute("role", "region"), this.setAttribute("aria-label", this.localize.term("carousel"));
+	}
+	disconnectedCallback() {
+		var e;
+		super.disconnectedCallback(), (e = this.mutationObserver) == null || e.disconnect();
+	}
+	firstUpdated() {
+		this.initializeSlides(), this.mutationObserver = new MutationObserver(this.handleSlotChange), this.mutationObserver.observe(this, {
+			childList: !0,
+			subtree: !0
+		});
+	}
+	willUpdate(e) {
+		(e.has("slidesPerMove") || e.has("slidesPerPage")) && (this.slidesPerMove = Math.min(this.slidesPerMove, this.slidesPerPage));
+	}
+	getPageCount() {
+		let e = this.getSlides().length, { slidesPerPage: t, slidesPerMove: n, loop: r } = this, i = r ? e / n : (e - t) / n + 1;
+		return Math.ceil(i);
+	}
+	getCurrentPage() {
+		return Math.ceil(this.activeSlide / this.slidesPerMove);
+	}
+	canScrollNext() {
+		return this.loop || this.getCurrentPage() < this.getPageCount() - 1;
+	}
+	canScrollPrev() {
+		return this.loop || this.getCurrentPage() > 0;
+	}
+	getSlides({ excludeClones: e = !0 } = {}) {
+		return [...this.children].filter((t) => this.isCarouselItem(t) && (!e || !t.hasAttribute("data-clone")));
+	}
+	handleClick(e) {
+		if (this.dragging && this.dragStartPosition[0] > 0 && this.dragStartPosition[1] > 0) {
+			let t = Math.abs(this.dragStartPosition[0] - e.clientX), n = Math.abs(this.dragStartPosition[1] - e.clientY);
+			Math.sqrt(t * t + n * n) >= 10 && e.preventDefault();
+		}
+	}
+	handleKeyDown(e) {
+		if ([
+			"ArrowLeft",
+			"ArrowRight",
+			"ArrowUp",
+			"ArrowDown",
+			"Home",
+			"End"
+		].includes(e.key)) {
+			let t = e.target, n = this.localize.dir() === "rtl", r = t.closest("[part~=\"pagination-item\"]") !== null, i = e.key === "ArrowDown" || !n && e.key === "ArrowRight" || n && e.key === "ArrowLeft", a = e.key === "ArrowUp" || !n && e.key === "ArrowLeft" || n && e.key === "ArrowRight";
+			e.preventDefault(), a && this.previous(), i && this.next(), e.key === "Home" && this.goToSlide(0), e.key === "End" && this.goToSlide(this.getSlides().length - 1), r && this.updateComplete.then(() => {
+				let e = this.shadowRoot?.querySelector("[part~=\"pagination-item--active\"]");
+				e && e.focus();
+			});
+		}
+	}
+	handleMouseDragStart(e) {
+		this.mouseDragging && e.button === 0 && (e.preventDefault(), document.addEventListener("pointermove", this.handleMouseDrag, {
+			capture: !0,
+			passive: !0
+		}), document.addEventListener("pointerup", this.handleMouseDragEnd, {
+			capture: !0,
+			once: !0
+		}));
+	}
+	handleScroll() {
+		this.scrolling = !0, this.pendingSlideChange || this.synchronizeSlides();
+	}
+	synchronizeSlides() {
+		let e = new IntersectionObserver((t) => {
+			e.disconnect();
+			for (let e of t) {
+				let t = e.target;
+				t.toggleAttribute("inert", !e.isIntersecting), t.classList.toggle("--in-view", e.isIntersecting), t.setAttribute("aria-hidden", e.isIntersecting ? "false" : "true");
+			}
+			let n = t.find((e) => e.isIntersecting);
+			if (!n) return;
+			let r = this.getSlides({ excludeClones: !1 }), i = this.getSlides().length, a = r.indexOf(n.target), o = this.loop ? a - this.slidesPerPage : a;
+			if (this.activeSlide = (Math.ceil(o / this.slidesPerMove) * this.slidesPerMove + i) % i, !this.scrolling && this.loop && n.target.hasAttribute("data-clone")) {
+				let e = Number(n.target.getAttribute("data-clone"));
+				this.goToSlide(e, "instant");
+			}
+		}, {
+			root: this.scrollContainer,
+			threshold: .6
+		});
+		this.getSlides({ excludeClones: !1 }).forEach((t) => {
+			e.observe(t);
+		});
+	}
+	handleScrollEnd() {
+		!this.scrolling || this.dragging || (this.scrolling = !1, this.pendingSlideChange = !1, this.synchronizeSlides());
+	}
+	isCarouselItem(e) {
+		return e instanceof Element && e.tagName.toLowerCase() === "sl-carousel-item";
+	}
+	initializeSlides() {
+		this.getSlides({ excludeClones: !1 }).forEach((e, t) => {
+			e.classList.remove("--in-view"), e.classList.remove("--is-active"), e.setAttribute("role", "group"), e.setAttribute("aria-label", this.localize.term("slideNum", t + 1)), this.pagination && (e.setAttribute("id", `slide-${t + 1}`), e.setAttribute("role", "tabpanel"), e.removeAttribute("aria-label"), e.setAttribute("aria-labelledby", `tab-${t + 1}`)), e.hasAttribute("data-clone") && e.remove();
+		}), this.updateSlidesSnap(), this.loop && this.createClones(), this.goToSlide(this.activeSlide, "auto"), this.synchronizeSlides();
+	}
+	createClones() {
+		let e = this.getSlides(), t = this.slidesPerPage, n = e.slice(-t), r = e.slice(0, t);
+		n.reverse().forEach((t, n) => {
+			let r = t.cloneNode(!0);
+			r.setAttribute("data-clone", String(e.length - n - 1)), this.prepend(r);
+		}), r.forEach((e, t) => {
+			let n = e.cloneNode(!0);
+			n.setAttribute("data-clone", String(t)), this.append(n);
+		});
+	}
+	handleSlideChange() {
+		let e = this.getSlides();
+		e.forEach((e, t) => {
+			e.classList.toggle("--is-active", t === this.activeSlide);
+		}), this.hasUpdated && this.emit("sl-slide-change", { detail: {
+			index: this.activeSlide,
+			slide: e[this.activeSlide]
+		} });
+	}
+	updateSlidesSnap() {
+		let e = this.getSlides(), t = this.slidesPerMove;
+		e.forEach((e, n) => {
+			(n + t) % t === 0 ? e.style.removeProperty("scroll-snap-align") : e.style.setProperty("scroll-snap-align", "none");
+		});
+	}
+	handleAutoplayChange() {
+		this.autoplayController.stop(), this.autoplay && this.autoplayController.start(this.autoplayInterval);
+	}
+	previous(e = "smooth") {
+		this.goToSlide(this.activeSlide - this.slidesPerMove, e);
+	}
+	next(e = "smooth") {
+		this.goToSlide(this.activeSlide + this.slidesPerMove, e);
+	}
+	goToSlide(e, t = "smooth") {
+		let { slidesPerPage: n, loop: r } = this, i = this.getSlides(), a = this.getSlides({ excludeClones: !1 });
+		if (!i.length) return;
+		let o = r ? (e + i.length) % i.length : h(e, 0, i.length - n);
+		this.activeSlide = o;
+		let s = this.localize.dir() === "rtl", c = a[h(e + (r ? n : 0) + (s ? n - 1 : 0), 0, a.length - 1)];
+		this.scrollToSlide(c, p() ? "auto" : t);
+	}
+	scrollToSlide(e, t = "smooth") {
+		this.pendingSlideChange = !0, window.requestAnimationFrame(() => {
+			if (!this.scrollContainer) return;
+			let n = this.scrollContainer, r = n.getBoundingClientRect(), i = e.getBoundingClientRect(), a = i.left - r.left, o = i.top - r.top;
+			a || o ? (this.pendingSlideChange = !0, n.scrollTo({
+				left: a + n.scrollLeft,
+				top: o + n.scrollTop,
+				behavior: t
+			})) : this.pendingSlideChange = !1;
+		});
+	}
+	render() {
+		let { slidesPerMove: t, scrolling: n } = this, r = this.getPageCount(), i = this.getCurrentPage(), a = this.canScrollPrev(), o = this.canScrollNext(), s = this.localize.dir() === "ltr";
+		return e`
       <div part="base" class="carousel">
         <div
           id="scroll-container"
           part="scroll-container"
-          class="${g({
-      carousel__slides: !0,
-      "carousel__slides--horizontal": this.orientation === "horizontal",
-      "carousel__slides--vertical": this.orientation === "vertical",
-      "carousel__slides--dragging": this.dragging
-    })}"
+          class="${d({
+			carousel__slides: !0,
+			"carousel__slides--horizontal": this.orientation === "horizontal",
+			"carousel__slides--vertical": this.orientation === "vertical",
+			"carousel__slides--dragging": this.dragging
+		})}"
           style="--slides-per-page: ${this.slidesPerPage};"
-          aria-busy="${e ? "true" : "false"}"
+          aria-busy="${n ? "true" : "false"}"
           aria-atomic="true"
           tabindex="0"
           @keydown=${this.handleKeyDown}
@@ -433,172 +411,135 @@ var l = class extends L {
           <slot></slot>
         </div>
 
-        ${this.navigation ? p`
+        ${this.navigation ? e`
               <div part="navigation" class="carousel__navigation">
                 <button
                   part="navigation-button navigation-button--previous"
-                  class="${g({
-      "carousel__navigation-button": !0,
-      "carousel__navigation-button--previous": !0,
-      "carousel__navigation-button--disabled": !o
-    })}"
+                  class="${d({
+			"carousel__navigation-button": !0,
+			"carousel__navigation-button--previous": !0,
+			"carousel__navigation-button--disabled": !a
+		})}"
                   aria-label="${this.localize.term("previousSlide")}"
                   aria-controls="scroll-container"
-                  aria-disabled="${o ? "false" : "true"}"
-                  @click=${o ? () => this.previous() : null}
+                  aria-disabled="${a ? "false" : "true"}"
+                  @click=${a ? () => this.previous() : null}
                 >
                   <slot name="previous-icon">
-                    <sl-icon library="system" name="${n ? "chevron-left" : "chevron-right"}"></sl-icon>
+                    <sl-icon library="system" name="${s ? "chevron-left" : "chevron-right"}"></sl-icon>
                   </slot>
                 </button>
 
                 <button
                   part="navigation-button navigation-button--next"
-                  class=${g({
-      "carousel__navigation-button": !0,
-      "carousel__navigation-button--next": !0,
-      "carousel__navigation-button--disabled": !a
-    })}
+                  class=${d({
+			"carousel__navigation-button": !0,
+			"carousel__navigation-button--next": !0,
+			"carousel__navigation-button--disabled": !o
+		})}
                   aria-label="${this.localize.term("nextSlide")}"
                   aria-controls="scroll-container"
-                  aria-disabled="${a ? "false" : "true"}"
-                  @click=${a ? () => this.next() : null}
+                  aria-disabled="${o ? "false" : "true"}"
+                  @click=${o ? () => this.next() : null}
                 >
                   <slot name="next-icon">
-                    <sl-icon library="system" name="${n ? "chevron-right" : "chevron-left"}"></sl-icon>
+                    <sl-icon library="system" name="${s ? "chevron-right" : "chevron-left"}"></sl-icon>
                   </slot>
                 </button>
               </div>
             ` : ""}
-        ${this.pagination ? p`
+        ${this.pagination ? e`
               <div part="pagination" role="tablist" class="carousel__pagination">
-                ${x(z(i), (r) => {
-      const d = r === s;
-      return p`
+                ${v(y(r), (n) => {
+			let a = n === i;
+			return e`
                     <button
-                      part="pagination-item ${d ? "pagination-item--active" : ""}"
-                      class="${g({
-        "carousel__pagination-item": !0,
-        "carousel__pagination-item--active": d
-      })}"
+                      part="pagination-item ${a ? "pagination-item--active" : ""}"
+                      class="${d({
+				"carousel__pagination-item": !0,
+				"carousel__pagination-item--active": a
+			})}"
                       role="tab"
-                      id="tab-${r + 1}"
-                      aria-controls="slide-${r + 1}"
-                      aria-selected="${d ? "true" : "false"}"
-                      aria-label="${d ? this.localize.term("slideNum", r + 1) : this.localize.term("goToSlide", r + 1, i)}"
-                      tabindex=${d ? "0" : "-1"}
-                      @click=${() => this.goToSlide(r * t)}
+                      id="tab-${n + 1}"
+                      aria-controls="slide-${n + 1}"
+                      aria-selected="${a ? "true" : "false"}"
+                      aria-label="${a ? this.localize.term("slideNum", n + 1) : this.localize.term("goToSlide", n + 1, r)}"
+                      tabindex=${a ? "0" : "-1"}
+                      @click=${() => this.goToSlide(n * t)}
                       @keydown=${this.handleKeyDown}
                     ></button>
                   `;
-    })}
+		})}
               </div>
             ` : ""}
       </div>
     `;
-  }
+	}
 };
-l.styles = [E, $];
-l.dependencies = { "sl-icon": C };
-c([
-  h({ type: Boolean, reflect: !0 })
-], l.prototype, "loop", 2);
-c([
-  h({ type: Boolean, reflect: !0 })
-], l.prototype, "navigation", 2);
-c([
-  h({ type: Boolean, reflect: !0 })
-], l.prototype, "pagination", 2);
-c([
-  h({ type: Boolean, reflect: !0 })
-], l.prototype, "autoplay", 2);
-c([
-  h({ type: Number, attribute: "autoplay-interval" })
-], l.prototype, "autoplayInterval", 2);
-c([
-  h({ type: Number, attribute: "slides-per-page" })
-], l.prototype, "slidesPerPage", 2);
-c([
-  h({ type: Number, attribute: "slides-per-move" })
-], l.prototype, "slidesPerMove", 2);
-c([
-  h()
-], l.prototype, "orientation", 2);
-c([
-  h({ type: Boolean, reflect: !0, attribute: "mouse-dragging" })
-], l.prototype, "mouseDragging", 2);
-c([
-  y(".carousel__slides")
-], l.prototype, "scrollContainer", 2);
-c([
-  y(".carousel__pagination")
-], l.prototype, "paginationContainer", 2);
-c([
-  v()
-], l.prototype, "activeSlide", 2);
-c([
-  v()
-], l.prototype, "scrolling", 2);
-c([
-  v()
-], l.prototype, "dragging", 2);
-c([
-  k({ passive: !0 })
-], l.prototype, "handleScroll", 1);
-c([
-  u("loop", { waitUntilFirstUpdate: !0 }),
-  u("slidesPerPage", { waitUntilFirstUpdate: !0 })
-], l.prototype, "initializeSlides", 1);
-c([
-  u("activeSlide")
-], l.prototype, "handleSlideChange", 1);
-c([
-  u("slidesPerMove")
-], l.prototype, "updateSlidesSnap", 1);
-c([
-  u("autoplay")
-], l.prototype, "handleAutoplayChange", 1);
-var j = l;
-l.define("sl-carousel");
-var M = (t, e) => {
-  let i = 0;
-  return function(...s) {
-    window.clearTimeout(i), i = window.setTimeout(() => {
-      t.call(this, ...s);
-    }, e);
-  };
-}, b = (t, e, i) => {
-  const s = t[e];
-  t[e] = function(...o) {
-    s.call(this, ...o), i.call(this, s, ...o);
-  };
+b.styles = [o, _], b.dependencies = { "sl-icon": l }, s([i({
+	type: Boolean,
+	reflect: !0
+})], b.prototype, "loop", 2), s([i({
+	type: Boolean,
+	reflect: !0
+})], b.prototype, "navigation", 2), s([i({
+	type: Boolean,
+	reflect: !0
+})], b.prototype, "pagination", 2), s([i({
+	type: Boolean,
+	reflect: !0
+})], b.prototype, "autoplay", 2), s([i({
+	type: Number,
+	attribute: "autoplay-interval"
+})], b.prototype, "autoplayInterval", 2), s([i({
+	type: Number,
+	attribute: "slides-per-page"
+})], b.prototype, "slidesPerPage", 2), s([i({
+	type: Number,
+	attribute: "slides-per-move"
+})], b.prototype, "slidesPerMove", 2), s([i()], b.prototype, "orientation", 2), s([i({
+	type: Boolean,
+	reflect: !0,
+	attribute: "mouse-dragging"
+})], b.prototype, "mouseDragging", 2), s([a(".carousel__slides")], b.prototype, "scrollContainer", 2), s([a(".carousel__pagination")], b.prototype, "paginationContainer", 2), s([n()], b.prototype, "activeSlide", 2), s([n()], b.prototype, "scrolling", 2), s([n()], b.prototype, "dragging", 2), s([r({ passive: !0 })], b.prototype, "handleScroll", 1), s([u("loop", { waitUntilFirstUpdate: !0 }), u("slidesPerPage", { waitUntilFirstUpdate: !0 })], b.prototype, "initializeSlides", 1), s([u("activeSlide")], b.prototype, "handleSlideChange", 1), s([u("slidesPerMove")], b.prototype, "updateSlidesSnap", 1), s([u("autoplay")], b.prototype, "handleAutoplayChange", 1);
+//#endregion
+//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.TGG3OU34.js
+var x = b;
+b.define("sl-carousel");
+//#endregion
+//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.ZH2AND3P.js
+var S = (e, t) => {
+	let n = 0;
+	return function(...r) {
+		window.clearTimeout(n), n = window.setTimeout(() => {
+			e.call(this, ...r);
+		}, t);
+	};
+}, C = (e, t, n) => {
+	let r = e[t];
+	e[t] = function(...e) {
+		r.call(this, ...e), n.call(this, r, ...e);
+	};
 };
 (() => {
-  if (typeof window > "u")
-    return;
-  if (!("onscrollend" in window)) {
-    const e = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new WeakMap(), s = (a) => {
-      for (const n of a.changedTouches)
-        e.add(n.identifier);
-    }, o = (a) => {
-      for (const n of a.changedTouches)
-        e.delete(n.identifier);
-    };
-    document.addEventListener("touchstart", s, !0), document.addEventListener("touchend", o, !0), document.addEventListener("touchcancel", o, !0), b(EventTarget.prototype, "addEventListener", function(a, n) {
-      if (n !== "scrollend") return;
-      const r = M(() => {
-        e.size ? r() : this.dispatchEvent(new Event("scrollend"));
-      }, 100);
-      a.call(this, "scroll", r, { passive: !0 }), i.set(this, r);
-    }), b(EventTarget.prototype, "removeEventListener", function(a, n) {
-      if (n !== "scrollend") return;
-      const r = i.get(this);
-      r && a.call(this, "scroll", r, { passive: !0 });
-    });
-  }
+	if (!(typeof window > "u") && !("onscrollend" in window)) {
+		let e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new WeakMap(), n = (t) => {
+			for (let n of t.changedTouches) e.add(n.identifier);
+		}, r = (t) => {
+			for (let n of t.changedTouches) e.delete(n.identifier);
+		};
+		document.addEventListener("touchstart", n, !0), document.addEventListener("touchend", r, !0), document.addEventListener("touchcancel", r, !0), C(EventTarget.prototype, "addEventListener", function(n, r) {
+			if (r !== "scrollend") return;
+			let i = S(() => {
+				e.size ? i() : this.dispatchEvent(new Event("scrollend"));
+			}, 100);
+			n.call(this, "scroll", i, { passive: !0 }), t.set(this, i);
+		}), C(EventTarget.prototype, "removeEventListener", function(e, n) {
+			if (n !== "scrollend") return;
+			let r = t.get(this);
+			r && e.call(this, "scroll", r, { passive: !0 });
+		});
+	}
 })();
-export {
-  m as a,
-  j as c,
-  k as t
-};
+//#endregion
+export { h as n, x as t };