@codeandfunction/callaloo 3.22.0 → 4.0.0

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

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