@codeandfunction/callaloo 3.21.0 → 3.23.0

package/dist/components/Containers/CLCarousel/CLCarousel.js

@@ -1,12 +1,12 @@
 import '../../../assets/core.css';
 import './CLCarousel.css';
-import { defineComponent as re, computed as u, createElementBlock as c, openBlock as s, Fragment as F, createCommentVNode as C, unref as e, normalizeClass as l, renderList as me, createBlock as he, createElementVNode as y, createVNode as x, withCtx as X, createTextVNode as Y, toDisplayString as q, useCssVars as be, ref as r, onMounted as we, onUnmounted as pe, watch as Ce, renderSlot as Z, nextTick as se } from "vue";
-import { _ as E } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B3AdartN.js";
-import { _ as ce } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
-import { CLPaginationType as $, CLColorVariants as B, CLSizes as W, CLIconSizes as D, CLIconNames as O, CLTextTypes as xe, CLAlign as A, CLOrder as R, CLColors as ye } from "../../../index.js";
-import { i as H, d as Pe, e as $e } from "../../../chunks/helper-BYpahJAh.js";
-import { useHasSlotContent as Te } from "../../../composables/useHasSlotContent.js";
-const Q = /* @__PURE__ */ re({
+import { defineComponent as xe, computed as w, createElementBlock as h, openBlock as f, Fragment as te, createCommentVNode as P, unref as e, normalizeClass as r, renderList as ke, createBlock as ze, createElementVNode as x, createVNode as y, withCtx as de, createTextVNode as ue, toDisplayString as ee, useCssVars as Ie, ref as v, onMounted as Ee, nextTick as Y, onUnmounted as We, watch as Be, renderSlot as ve } from "vue";
+import { _ as M } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-kYdsi6-T.js";
+import { _ as Te } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
+import { CLPaginationType as E, CLColorVariants as A, CLSizes as D, CLIconSizes as j, CLIconNames as q, CLTextTypes as Ne, CLAlign as Q, CLOrder as Z, CLColors as Me } from "../../../index.js";
+import { i as _, d as Ae, e as Ve } from "../../../chunks/helper-BYpahJAh.js";
+import { useHasSlotContent as Oe } from "../../../composables/useHasSlotContent.js";
+const ce = /* @__PURE__ */ xe({
   name: "CLCarouselNavigation",
   __name: "CLCarouselNavigation",
   props: {
@@ -26,412 +26,521 @@ const Q = /* @__PURE__ */ re({
     totalPages: {},
     variant: {}
   },
-  setup(a) {
-    const o = a, i = u(() => [
-      `${o.prefix}__dots-container`
-    ]), I = u(() => [
-      `${o.prefix}__numbered-container`
-    ]), T = u(() => [
-      `${o.prefix}__inline-container`
-    ]), f = u(() => [
-      `${o.prefix}__prev-page`
-    ]), g = u(() => [
-      `${o.prefix}__next-page`
-    ]), N = u(() => [
-      `${o.prefix}__page-indicator`
-    ]), k = u(() => [
-      `${o.prefix}__show-more`
-    ]), L = (m) => o.currentPage === m, v = u(() => !o.enabled || !o.prevPageEnabled), w = u(() => !o.enabled || !o.nextPageEnabled);
-    return (m, h) => (s(), c(F, null, [
-      a.paginationType === e($).Dots ? (s(), c("div", {
+  setup(t) {
+    const l = t, n = w(() => [
+      `${l.prefix}__dots-container`
+    ]), V = w(() => [
+      `${l.prefix}__arrows-container`
+    ]), B = w(() => [
+      `${l.prefix}__numbered-container`
+    ]), p = w(() => [
+      `${l.prefix}__inline-container`
+    ]), c = w(() => [
+      `${l.prefix}__prev-page`
+    ]), $ = w(() => [
+      `${l.prefix}__next-page`
+    ]), F = w(() => [
+      `${l.prefix}__page-indicator`
+    ]), W = w(() => [
+      `${l.prefix}__show-more`
+    ]), L = (k) => l.currentPage === k, C = w(() => !l.enabled || !l.prevPageEnabled), m = w(() => !l.enabled || !l.nextPageEnabled);
+    return (k, R) => (f(), h(te, null, [
+      t.paginationType === e(E).Dots ? (f(), h("div", {
         key: 0,
-        class: l(e(i))
+        class: r(e(n))
       }, [
-        (s(!0), c(F, null, me(a.totalPages, (b) => (s(), he(e(E), {
+        (f(!0), h(te, null, ke(t.totalPages, (b) => (f(), ze(e(M), {
           key: `dot-${b}`,
           "aria-label": `Show page ${b}`,
-          color: a.color,
+          color: t.color,
           disabled: L(b),
           height: "0.75rem",
-          "on-click": () => a.gotoPage(b),
+          "on-click": () => t.gotoPage(b),
           width: "0.75rem",
-          variant: L(b) ? e(B).Outline : a.variant,
+          variant: L(b) ? e(A).Outline : t.variant,
           wrap: ""
         }, null, 8, ["aria-label", "color", "disabled", "on-click", "variant"]))), 128))
-      ], 2)) : C("", !0),
-      a.paginationType === e($).Numbered ? (s(), c("div", {
+      ], 2)) : P("", !0),
+      t.paginationType === e(E).Numbered ? (f(), h("div", {
         key: 1,
-        class: l(e(I))
+        class: r(e(B))
       }, [
-        y("div", {
-          class: l(e(f))
+        x("div", {
+          class: r(e(c))
         }, [
-          x(e(E), {
+          y(e(M), {
             "aria-label": "Show previous page of slides",
-            color: a.color,
-            disabled: e(v),
-            "icon-before": e(O).ChevronLeft,
-            "icon-size": e(D).Tiny,
-            size: e(W).Tiny,
-            "on-click": a.showPrevItems,
-            variant: e(v) ? e(B).Text : a.variant
+            color: t.color,
+            disabled: e(C),
+            "icon-before": e(q).ChevronLeft,
+            "icon-size": e(j).Tiny,
+            size: e(D).Tiny,
+            "on-click": t.showPrevItems,
+            variant: e(C) ? e(A).Text : t.variant
           }, null, 8, ["color", "disabled", "icon-before", "icon-size", "size", "on-click", "variant"])
         ], 2),
-        y("div", {
-          class: l(e(N))
+        x("div", {
+          class: r(e(F))
         }, [
-          x(e(ce), {
-            type: e(xe).Small
+          y(e(Te), {
+            type: e(Ne).Small
           }, {
-            default: X(() => [
-              Y(q(a.currentPage) + " / " + q(a.totalPages), 1)
+            default: de(() => [
+              ue(ee(t.currentPage) + " / " + ee(t.totalPages), 1)
             ]),
             _: 1
           }, 8, ["type"])
         ], 2),
-        y("div", {
-          class: l(e(g))
+        x("div", {
+          class: r(e($))
         }, [
-          x(e(E), {
+          y(e(M), {
             "aria-label": "Show next page of slides",
-            color: a.color,
-            disabled: e(w),
-            "icon-before": e(O).ChevronRight,
-            "icon-size": e(D).Tiny,
-            size: e(W).Tiny,
-            "on-click": a.showNextItems,
-            variant: e(w) ? e(B).Text : a.variant
+            color: t.color,
+            disabled: e(m),
+            "icon-before": e(q).ChevronRight,
+            "icon-size": e(j).Tiny,
+            size: e(D).Tiny,
+            "on-click": t.showNextItems,
+            variant: e(m) ? e(A).Text : t.variant
           }, null, 8, ["color", "disabled", "icon-before", "icon-size", "size", "on-click", "variant"])
         ], 2),
-        a.showMore ? (s(), c("div", {
+        t.showMore ? (f(), h("div", {
           key: 0,
-          class: l(e(k))
+          class: r(e(W))
         }, [
-          x(e(E), {
-            "aria-label": a.moreAriaLabel,
-            color: a.color,
-            size: e(W).Small,
-            "on-click": a.showMore,
-            variant: a.variant
+          y(e(M), {
+            "aria-label": t.moreAriaLabel,
+            color: t.color,
+            size: e(D).Small,
+            "on-click": t.showMore,
+            variant: t.variant
           }, {
-            default: X(() => [
-              Y(q(a.moreLabel), 1)
+            default: de(() => [
+              ue(ee(t.moreLabel), 1)
             ]),
             _: 1
           }, 8, ["aria-label", "color", "size", "on-click", "variant"])
-        ], 2)) : C("", !0)
-      ], 2)) : C("", !0),
-      a.paginationType === e($).Inline ? (s(), c("div", {
+        ], 2)) : P("", !0)
+      ], 2)) : P("", !0),
+      t.paginationType === e(E).Arrows ? (f(), h("div", {
         key: 2,
-        class: l(e(T))
+        class: r(e(V))
       }, [
-        y("div", {
-          class: l(e(f))
+        x("div", {
+          class: r(e(c))
         }, [
-          x(e(E), {
+          y(e(M), {
             "aria-label": "Show previous page of slides",
-            "align-content": e(A).Center,
-            color: a.color,
-            disabled: e(v),
-            "icon-before": e(O).ChevronLeft,
-            "icon-size": e(D).Small,
-            size: e(W).Tiny,
-            "on-click": a.showPrevItems,
-            variant: e(v) ? e(B).Text : a.variant,
+            color: t.color,
+            disabled: e(C),
+            "icon-before": e(q).ChevronLeft,
+            "icon-size": e(j).Tiny,
+            size: e(D).Tiny,
+            "on-click": t.showPrevItems,
+            variant: e(C) ? e(A).Text : t.variant
+          }, null, 8, ["color", "disabled", "icon-before", "icon-size", "size", "on-click", "variant"])
+        ], 2),
+        x("div", {
+          class: r(e($))
+        }, [
+          y(e(M), {
+            "aria-label": "Show next page of slides",
+            color: t.color,
+            disabled: e(m),
+            "icon-before": e(q).ChevronRight,
+            "icon-size": e(j).Tiny,
+            size: e(D).Tiny,
+            "on-click": t.showNextItems,
+            variant: e(m) ? e(A).Text : t.variant
+          }, null, 8, ["color", "disabled", "icon-before", "icon-size", "size", "on-click", "variant"])
+        ], 2)
+      ], 2)) : P("", !0),
+      t.paginationType === e(E).Inline ? (f(), h("div", {
+        key: 3,
+        class: r(e(p))
+      }, [
+        x("div", {
+          class: r(e(c))
+        }, [
+          y(e(M), {
+            "aria-label": "Show previous page of slides",
+            "align-content": e(Q).Center,
+            color: t.color,
+            disabled: e(C),
+            "icon-before": e(q).ChevronLeft,
+            "icon-size": e(j).Small,
+            size: e(D).Tiny,
+            "on-click": t.showPrevItems,
+            variant: e(C) ? e(A).Text : t.variant,
             width: "30px",
             height: "30px",
             wrap: ""
           }, null, 8, ["align-content", "color", "disabled", "icon-before", "icon-size", "size", "on-click", "variant"])
         ], 2),
-        y("div", {
-          class: l(e(g))
+        x("div", {
+          class: r(e($))
         }, [
-          x(e(E), {
+          y(e(M), {
             "aria-label": "Show next page of slides",
-            "align-content": e(A).Center,
-            color: a.color,
-            disabled: e(w),
-            "icon-before": e(O).ChevronRight,
-            "icon-size": e(D).Small,
-            size: e(W).Tiny,
-            "on-click": a.showNextItems,
-            variant: e(w) ? e(B).Text : a.variant,
+            "align-content": e(Q).Center,
+            color: t.color,
+            disabled: e(m),
+            "icon-before": e(q).ChevronRight,
+            "icon-size": e(j).Small,
+            size: e(D).Tiny,
+            "on-click": t.showNextItems,
+            variant: e(m) ? e(A).Text : t.variant,
             width: "30px",
             height: "30px",
             wrap: ""
           }, null, 8, ["align-content", "color", "disabled", "icon-before", "icon-size", "size", "on-click", "variant"])
         ], 2)
-      ], 2)) : C("", !0)
+      ], 2)) : P("", !0)
     ], 64));
   }
-}), ke = ["data-testid"], Le = ["hidden"], Se = /* @__PURE__ */ re({
+}), De = ["data-testid"], Re = ["hidden"], He = /* @__PURE__ */ xe({
   name: "CLCarousel",
   __name: "CLCarousel",
   props: {
-    color: { default: ye.Neutral },
-    controlAlign: { default: A.Right },
-    controlPosition: { default: R.Before },
+    color: { default: Me.Neutral },
+    controlAlign: { default: Q.Right },
+    controlPosition: { default: Z.Before },
     enabled: { type: Boolean, default: !0 },
+    infinite: { type: Boolean, default: !1 },
     moreLabel: { default: "More" },
     onShowMore: {},
-    paginationType: { default: $.Numbered },
+    paginationType: { default: E.Numbered },
     perPage: { default: 3 },
     perPageByBreakpoints: {},
     testId: { default: "clll-carousel" },
     title: {},
-    variant: { default: B.Soft },
+    variant: { default: A.Soft },
     width: { default: "100%" }
   },
-  setup(a) {
-    be((t) => ({
-      v512ef87c: t.width,
-      v34e944c2: e(U)
+  setup(t) {
+    Ie((o) => ({
+      v3ba68b74: o.width,
+      v1ab12a15: e(oe)
     }));
-    const o = "clll-carousel", i = a, I = r(), T = r(!1), f = r(1), g = r(i.perPage), N = Te("title"), k = r(!1), L = r(!1), v = r(!1), w = r(), m = r(!1), h = r(), b = r(), U = r("100%"), P = r(0), S = r(0), _ = () => {
-      if (i.perPageByBreakpoints?.length) {
-        g.value = i.perPage;
-        for (const [t, n] of i.perPageByBreakpoints)
-          window.matchMedia(`(min-width: ${t}px)`).matches && (g.value = n);
+    const l = "clll-carousel", n = t, V = v(), B = v(!1), p = v(1), c = v(n.perPage), $ = v(0), F = Oe("title"), W = v(!1), L = v(!1), C = v(!1), m = v(0), k = v(!1), R = v(), b = v(!1), z = v(), J = v(), oe = v("100%"), T = v(0), N = v(0), fe = () => {
+      if (n.perPageByBreakpoints?.length) {
+        c.value = n.perPage;
+        for (const [o, a] of n.perPageByBreakpoints)
+          window.matchMedia(`(min-width: ${o}px)`).matches && (c.value = a);
       }
-    }, ee = () => {
-      if (h?.value && S.value) {
-        const n = Math.ceil(S.value / g.value);
-        P.value = n, n > 1 && (k.value = !0);
+    }, ge = () => {
+      if (z?.value && N.value) {
+        const a = Math.ceil(N.value / c.value);
+        T.value = a, n.infinite ? (L.value = !0, C.value = !0) : a > 1 && (L.value = !0);
       }
-    }, de = () => {
-      se(() => {
-        let t, n;
-        const d = h?.value;
-        if (d) {
-          const p = d?.querySelectorAll(
-            `div[class="${o}__slides"] > *`
-          ) ?? [], z = S.value - 1;
-          for (let M = 0; M < P.value; M++) {
-            const V = g.value * (M + 1) - 1, ge = V < z ? p[V] : p[z], ie = V < z ? V : z;
-            $e({ parent: d, child: ge, leftOffset: 40, rightOffset: 40, threshold: 0.5 }) && (ie === z ? (n = z, t = M + 1) : (n = ie, t = M + 1));
+    }, Se = () => {
+      W.value || Y(() => {
+        let o, a;
+        const i = z?.value;
+        if (i) {
+          const s = i?.querySelectorAll(
+            `div[class="${l}__slides"] > *`
+          ) ?? [];
+          if (n.infinite && n.enabled && m.value > 0) {
+            const u = i.offsetWidth, g = u / c.value, d = i.scrollLeft, S = $.value / 2, I = g * S, O = g * m.value;
+            let U = d - I;
+            U < 0 && (U = O + U);
+            const G = Math.floor(U / u) + 1;
+            if (G < 1 ? p.value = T.value : G > T.value ? p.value = 1 : p.value = G, !W.value) {
+              if (d < I) {
+                W.value = !0;
+                const K = d + O;
+                i.scrollTo({ left: K, behavior: "auto" }), setTimeout(() => {
+                  W.value = !1;
+                }, 50);
+              } else if (d >= I + O) {
+                W.value = !0;
+                const K = d - O;
+                i.scrollTo({ left: K, behavior: "auto" }), setTimeout(() => {
+                  W.value = !1;
+                }, 50);
+              }
+            }
+          } else {
+            const u = N.value - 1;
+            for (let g = 0; g < T.value; g++) {
+              const d = c.value * (g + 1) - 1, S = d < u ? s[d] : s[u], I = d < u ? d : u;
+              Ve({ parent: i, child: S, leftOffset: 40, rightOffset: 40, threshold: 0.5 }) && (I === u ? (a = u, o = g + 1) : (a = I, o = g + 1));
+            }
+            a !== void 0 && a > -1 && o && (p.value = o, o > 1 && (C.value = !0), o === 1 && (C.value = !1), o < T.value && (L.value = !0), o === T.value && (L.value = !1));
           }
-          n !== void 0 && n > -1 && t && (f.value = t, t > 1 && (L.value = !0), t === 1 && (L.value = !1), t < P.value && (k.value = !0), t === P.value && (k.value = !1));
         }
       });
-    }, ae = (t) => {
-      I.value && se(() => {
-        const n = Pe(I.value) && !N.value;
-        !n && (t.title || t.controlPosition === R.Before) ? T.value = !1 : T.value = n;
+    }, he = (o) => {
+      V.value && Y(() => {
+        const a = Ae(V.value) && !F.value;
+        !a && (o.title || o.controlPosition === Z.Before) ? B.value = !1 : B.value = a;
       });
-    }, j = (t) => {
-      const n = h?.value, d = n.offsetWidth;
-      if (n && d) {
-        const p = t - 1, z = d * p;
-        n.scrollTo({ left: z, behavior: "smooth" });
-      }
-    }, te = () => {
-      v.value = !0, f.value = 1, _(), ne(), ee();
-      const t = h?.value, n = t.offsetWidth;
-      if (t) {
-        const d = f.value - 1, p = n * d;
-        t.scrollLeft = p;
-      }
-      H && v.value && (window.clearTimeout(w.value), w.value = window.setTimeout(() => {
-        v.value && (v.value = !1), window.clearTimeout(w.value);
+    }, le = (o) => {
+      const a = z?.value, i = a.offsetWidth;
+      if (a && i)
+        if (n.infinite && n.enabled && m.value > 0) {
+          const s = i / c.value, u = $.value / 2, g = s * u, d = o - 1, S = g + i * d;
+          a.scrollTo({ left: S, behavior: "smooth" });
+        } else {
+          const s = o - 1, u = i * s;
+          a.scrollTo({ left: u, behavior: "smooth" });
+        }
+    }, me = () => {
+      k.value = !0;
+      const o = c.value;
+      fe(), we(), ge();
+      const a = z?.value, i = a.offsetWidth;
+      if (a)
+        if (n.infinite && n.enabled && m.value > 0) {
+          const s = i / c.value, u = i / o, g = $.value / 2, d = u * g, I = a.scrollLeft - d;
+          if (o !== c.value) {
+            const K = a.querySelectorAll(
+              `div[class="${l}__slides"] > *`
+            ), Ce = Array.from(K), H = Ce.slice(g, Ce.length - g);
+            a.innerHTML = "", H.forEach((ye) => a.appendChild(ye));
+            const X = Math.min(c.value, H.length);
+            X > 0 && H.length > 0 && (H.slice(-X).forEach((se) => {
+              const re = se.cloneNode(!0);
+              a.insertBefore(re, H[0]);
+            }), H.slice(0, X).forEach((se) => {
+              const re = se.cloneNode(!0);
+              a.appendChild(re);
+            }), $.value = X * 2);
+          }
+          const O = $.value / 2, G = s * O + I;
+          Y(() => {
+            a.scrollLeft = G;
+          });
+        } else {
+          p.value = 1;
+          const s = p.value - 1, u = i * s;
+          a.scrollLeft = u;
+        }
+      _ && k.value && (window.clearTimeout(R.value), R.value = window.setTimeout(() => {
+        k.value && (k.value = !1), window.clearTimeout(R.value);
       }, 300));
-    }, oe = () => {
-      v.value || (m.value = !0, H && m.value && (window.clearTimeout(b.value), b.value = window.setTimeout(() => {
-        m.value && G(), window.clearTimeout(b.value);
+    }, be = () => {
+      k.value || (b.value = !0, _ && b.value && (window.clearTimeout(J.value), J.value = window.setTimeout(() => {
+        b.value && ae(), window.clearTimeout(J.value);
       }, 200)));
-    }, G = () => {
-      v.value || (m.value = !1, de());
-    }, ne = () => {
-      const t = h?.value;
-      if (t) {
-        const n = t.offsetWidth;
-        S.value >= g.value ? U.value = `${n / g.value}px` : U.value = `${n / S.value}px`;
-      }
-    }, J = () => {
-      const t = h?.value, n = t.offsetWidth;
-      if (t && n) {
-        const d = f.value, p = n * d;
-        t.scrollTo({ left: p, behavior: "smooth" });
-      }
-    }, K = () => {
-      const t = h?.value, n = t.offsetWidth;
-      if (t && n) {
-        const d = f.value - 1, p = n * (d - 1);
-        t.scrollTo({ left: p, behavior: "smooth" });
+    }, ae = () => {
+      k.value || (b.value = !1, Se());
+    }, we = () => {
+      const o = z?.value;
+      if (o) {
+        const a = o.offsetWidth;
+        N.value >= c.value ? oe.value = `${a / c.value}px` : oe.value = `${a / N.value}px`;
       }
+    }, ne = () => {
+      const o = z?.value, a = o.offsetWidth;
+      if (o && a)
+        if (n.infinite && n.enabled && m.value > 0) {
+          const s = o.scrollLeft + a;
+          o.scrollTo({ left: s, behavior: "smooth" });
+        } else {
+          const i = p.value, s = a * i;
+          o.scrollTo({ left: s, behavior: "smooth" });
+        }
+    }, ie = () => {
+      const o = z?.value, a = o.offsetWidth;
+      if (o && a)
+        if (n.infinite && n.enabled && m.value > 0) {
+          const s = o.scrollLeft - a;
+          o.scrollTo({ left: s, behavior: "smooth" });
+        } else {
+          const i = p.value - 1, s = a * (i - 1);
+          o.scrollTo({ left: s, behavior: "smooth" });
+        }
     };
-    we(() => {
-      if (H) {
-        window.addEventListener("resize", te);
-        const t = h?.value;
-        if (t) {
-          const n = t?.querySelectorAll(
-            `div[class="${o}__slides"] > *`
+    Ee(() => {
+      if (_) {
+        window.addEventListener("resize", me);
+        const o = z?.value;
+        if (o) {
+          const a = o?.querySelectorAll(
+            `div[class="${l}__slides"] > *`
           ) ?? [];
-          S.value = n.length, t.addEventListener("scroll", oe), t.addEventListener("scrollend", G);
+          if (m.value = a.length, N.value = a.length, n.infinite && n.enabled && a.length > 0) {
+            const i = Array.from(a), s = Math.min(c.value, i.length);
+            i.slice(-s).forEach((d) => {
+              const S = d.cloneNode(!0);
+              o.insertBefore(S, i[0]);
+            }), i.slice(0, s).forEach((d) => {
+              const S = d.cloneNode(!0);
+              o.appendChild(S);
+            }), $.value = s * 2, Y(() => {
+              const I = o.offsetWidth / c.value * s;
+              o.scrollLeft = I;
+            });
+          }
+          o.addEventListener("scroll", be), o.addEventListener("scrollend", ae);
         }
-        ae(i), _(), ne(), ee();
+        he(n), fe(), we(), ge();
       }
-    }), pe(() => {
-      if (H) {
-        window.removeEventListener("resize", te), w.value && window.clearTimeout(w.value), b.value && window.clearTimeout(b.value);
-        const t = h?.value;
-        t && (t.removeEventListener("scroll", oe), t.removeEventListener("scrollend", G));
+    }), We(() => {
+      if (_) {
+        window.removeEventListener("resize", me), R.value && window.clearTimeout(R.value), J.value && window.clearTimeout(J.value);
+        const o = z?.value;
+        o && (o.removeEventListener("scroll", be), o.removeEventListener("scrollend", ae));
       }
     });
-    const ue = u(() => [
-      o,
-      `${o}--${i.controlAlign}`,
-      `${o}--${i.controlPosition}`,
-      `${o}--${i.paginationType}`,
-      i.enabled ? `${o}--enabled` : `${o}--disabled`,
-      T.value ? "" : `${o}--hastitle`,
-      i.onShowMore ? `${o}--has-more` : ""
-    ]), ve = u(() => [
-      `${o}__slide-controls`,
-      N.value ? `${o}__slide-controls--hascustomtitle` : ""
-    ]), fe = u(() => [
-      `${o}__slides`,
-      v.value ? `${o}__slides--resizing` : "",
-      m.value ? `${o}__slides--scrolling` : ""
-    ]), le = u(() => [
-      `${o}__navigation`,
-      `${o}__navigation--${i.controlAlign}`,
-      `${o}__navigation--${i.controlPosition}`
+    const Pe = w(() => [
+      l,
+      `${l}--${n.controlAlign}`,
+      `${l}--${n.controlPosition}`,
+      `${l}--${n.paginationType}`,
+      n.enabled ? `${l}--enabled` : `${l}--disabled`,
+      B.value ? "" : `${l}--hastitle`,
+      n.onShowMore ? `${l}--has-more` : ""
+    ]), $e = w(() => [
+      `${l}__slide-controls`,
+      F.value ? `${l}__slide-controls--hascustomtitle` : ""
+    ]), Le = w(() => [
+      `${l}__slides`,
+      k.value ? `${l}__slides--resizing` : "",
+      b.value ? `${l}__slides--scrolling` : "",
+      W.value ? `${l}__slides--jumping` : ""
+    ]), pe = w(() => [
+      `${l}__navigation`,
+      `${l}__navigation--${n.controlAlign}`,
+      `${l}__navigation--${n.controlPosition}`
     ]);
-    return Ce(i, (t) => {
-      ae(t);
-    }), (t, n) => (s(), c("div", {
-      class: l(e(ue)),
-      "data-testid": a.testId
+    return Be(n, (o) => {
+      he(o);
+    }), (o, a) => (f(), h("div", {
+      class: r(e(Pe)),
+      "data-testid": t.testId
     }, [
-      y("div", {
+      x("div", {
         ref_key: "beforeControls",
-        ref: I,
-        class: l(e(ve)),
-        hidden: e(T)
+        ref: V,
+        class: r(e($e)),
+        hidden: e(B)
       }, [
-        y("div", {
-          class: l(`${o}__custom-title`)
+        x("div", {
+          class: r(`${l}__custom-title`)
         }, [
-          Z(t.$slots, "title")
+          ve(o.$slots, "title")
         ], 2),
-        a.title ? (s(), c("div", {
+        t.title ? (f(), h("div", {
           key: 0,
-          class: l(`${o}__title`)
+          class: r(`${l}__title`)
         }, [
-          x(e(ce), {
-            align: e(N) ? e(A).Center : e(A).Left,
+          y(e(Te), {
+            align: e(F) ? e(Q).Center : e(Q).Left,
             label: "",
             truncate: ""
           }, {
-            default: X(() => [
-              Y(q(a.title), 1)
+            default: de(() => [
+              ue(ee(t.title), 1)
             ]),
             _: 1
           }, 8, ["align"])
-        ], 2)) : C("", !0),
-        a.controlPosition === e(R).Before && ![e($).Inline, e($).Hidden].includes(a.paginationType) ? (s(), c(F, { key: 1 }, [
-          e(P) && e(S) > e(g) ? (s(), c("div", {
+        ], 2)) : P("", !0),
+        t.controlPosition === e(Z).Before && ![e(E).Inline, e(E).Hidden].includes(t.paginationType) ? (f(), h(te, { key: 1 }, [
+          e(T) && e(N) > e(c) ? (f(), h("div", {
             key: 0,
-            class: l(e(le))
+            class: r(e(pe))
           }, [
-            x(Q, {
-              color: a.color,
-              "current-page": e(f),
-              enabled: !e(m),
-              "goto-page": j,
-              "more-label": a.moreLabel,
-              "next-page-enabled": e(k),
-              "pagination-type": a.paginationType,
-              "prev-page-enabled": e(L),
-              prefix: o,
-              "show-more": a.onShowMore,
-              "show-next-items": J,
-              "show-prev-items": K,
-              "total-pages": e(P),
-              variant: a.variant
+            y(ce, {
+              color: t.color,
+              "current-page": e(p),
+              enabled: !e(b),
+              "goto-page": le,
+              "more-label": t.moreLabel,
+              "next-page-enabled": e(L),
+              "pagination-type": t.paginationType,
+              "prev-page-enabled": e(C),
+              prefix: l,
+              "show-more": t.onShowMore,
+              "show-next-items": ne,
+              "show-prev-items": ie,
+              "total-pages": e(T),
+              variant: t.variant
             }, null, 8, ["color", "current-page", "enabled", "more-label", "next-page-enabled", "pagination-type", "prev-page-enabled", "show-more", "total-pages", "variant"])
-          ], 2)) : C("", !0)
-        ], 64)) : C("", !0)
-      ], 10, Le),
-      y("div", {
+          ], 2)) : P("", !0)
+        ], 64)) : P("", !0)
+      ], 10, Re),
+      x("div", {
         ref_key: "scrollContainer",
-        ref: h,
-        class: l(e(fe)),
+        ref: z,
+        class: r(e(Le)),
         tabindex: "0"
       }, [
-        Z(t.$slots, "default")
+        ve(o.$slots, "default")
       ], 2),
-      a.controlPosition === e(R).After && ![e($).Inline, e($).Hidden].includes(a.paginationType) ? (s(), c(F, { key: 0 }, [
-        e(P) && e(S) > e(g) ? (s(), c("div", {
+      t.controlPosition === e(Z).After && ![e(E).Inline, e(E).Hidden].includes(t.paginationType) ? (f(), h(te, { key: 0 }, [
+        e(T) && e(N) > e(c) ? (f(), h("div", {
           key: 0,
-          class: l(`${o}__slide-controls`)
+          class: r(`${l}__slide-controls`)
         }, [
-          y("div", {
-            class: l(e(le))
+          x("div", {
+            class: r(e(pe))
           }, [
-            x(Q, {
-              color: a.color,
-              "current-page": e(f),
-              enabled: !e(m),
-              "goto-page": j,
-              "more-label": a.moreLabel,
-              "next-page-enabled": e(k),
-              "pagination-type": a.paginationType,
-              prefix: o,
-              "prev-page-enabled": e(L),
-              "show-more": a.onShowMore,
-              "show-next-items": J,
-              "show-prev-items": K,
-              "total-pages": e(P),
-              variant: a.variant
+            y(ce, {
+              color: t.color,
+              "current-page": e(p),
+              enabled: !e(b),
+              "goto-page": le,
+              "more-label": t.moreLabel,
+              "next-page-enabled": e(L),
+              "pagination-type": t.paginationType,
+              prefix: l,
+              "prev-page-enabled": e(C),
+              "show-more": t.onShowMore,
+              "show-next-items": ne,
+              "show-prev-items": ie,
+              "total-pages": e(T),
+              variant: t.variant
             }, null, 8, ["color", "current-page", "enabled", "more-label", "next-page-enabled", "pagination-type", "prev-page-enabled", "show-more", "total-pages", "variant"])
           ], 2)
-        ], 2)) : C("", !0)
-      ], 64)) : C("", !0),
-      a.paginationType === e($).Inline ? (s(), c("div", {
+        ], 2)) : P("", !0)
+      ], 64)) : P("", !0),
+      t.paginationType === e(E).Inline ? (f(), h("div", {
         key: 1,
-        class: l(`${o}__slide-controls ${o}__slide-controls--inline`)
+        class: r(`${l}__slide-controls ${l}__slide-controls--inline`)
       }, [
-        y("div", {
-          class: l(`${o}__navigation`)
+        x("div", {
+          class: r(`${l}__navigation`)
         }, [
-          x(Q, {
-            color: a.color,
-            "current-page": e(f),
-            enabled: !e(m),
-            "goto-page": j,
-            "more-label": a.moreLabel,
-            "next-page-enabled": e(k),
-            "pagination-type": a.paginationType,
-            prefix: o,
-            "prev-page-enabled": e(L),
-            "show-more": a.onShowMore,
-            "show-next-items": J,
-            "show-prev-items": K,
-            "total-pages": e(P),
-            variant: a.variant
+          y(ce, {
+            color: t.color,
+            "current-page": e(p),
+            enabled: !e(b),
+            "goto-page": le,
+            "more-label": t.moreLabel,
+            "next-page-enabled": e(L),
+            "pagination-type": t.paginationType,
+            prefix: l,
+            "prev-page-enabled": e(C),
+            "show-more": t.onShowMore,
+            "show-next-items": ne,
+            "show-prev-items": ie,
+            "total-pages": e(T),
+            variant: t.variant
           }, null, 8, ["color", "current-page", "enabled", "more-label", "next-page-enabled", "pagination-type", "prev-page-enabled", "show-more", "total-pages", "variant"])
         ], 2)
-      ], 2)) : C("", !0)
-    ], 10, ke));
+      ], 2)) : P("", !0)
+    ], 10, De));
   }
-}), ze = (a, o) => {
-  const i = a.__vccOpts || a;
-  for (const [I, T] of o)
-    i[I] = T;
-  return i;
-}, Ie = {}, Ee = {
-  class: /* @__PURE__ */ l(["clll-carousel__slide"])
+}), je = (t, l) => {
+  const n = t.__vccOpts || t;
+  for (const [V, B] of l)
+    n[V] = B;
+  return n;
+}, qe = {}, Fe = {
+  class: /* @__PURE__ */ r(["clll-carousel__slide"])
 };
-function Be(a, o) {
-  return s(), c("div", Ee, [
-    Z(a.$slots, "default")
+function Je(t, l) {
+  return f(), h("div", Fe, [
+    ve(t.$slots, "default")
   ]);
 }
-const Ne = /* @__PURE__ */ ze(Ie, [["render", Be]]), Me = Se;
-Me.Slide = Ne;
+const Ue = /* @__PURE__ */ je(qe, [["render", Je]]), Ge = He;
+Ge.Slide = Ue;
 export {
-  Me as CLCarousel,
-  Me as default
+  Ge as CLCarousel,
+  Ge as default
 };