evo-vue-carousel 1.0.11 → 1.0.12

package/dist/evo-vue-carousel.js

@@ -1,4 +1,4 @@
-import { defineComponent as Jr, computed as w, h as M, ref as O, provide as oe, readonly as ie, inject as te, isRef as Qr, watch as z, onMounted as lr, nextTick as ur, toValue as V, getCurrentScope as en, onScopeDispose as tn, getCurrentInstance as Fe, hasInjectionContext as cr, watchEffect as dr, shallowRef as rn, unref as y, createElementBlock as me, openBlock as L, normalizeClass as N, createElementVNode as ve, createBlock as ge, createCommentVNode as ze, createVNode as U, withCtx as ae, renderSlot as se, mergeProps as fr, Fragment as ft, renderList as nn, cloneVNode as on, isVNode as De, createTextVNode as an, Text as pr, Comment as sn, Static as ln, useId as un, onUnmounted as cn, useCssVars as dn, Transition as fn } from "vue";
+import { defineComponent as Jr, computed as w, h as M, ref as O, provide as oe, readonly as ie, inject as te, isRef as Qr, watch as L, onMounted as lr, nextTick as ur, toValue as V, getCurrentScope as en, onScopeDispose as tn, getCurrentInstance as Fe, hasInjectionContext as cr, watchEffect as dr, shallowRef as rn, unref as y, createElementBlock as me, openBlock as j, normalizeClass as N, createElementVNode as ve, createBlock as ge, createCommentVNode as ze, createVNode as U, withCtx as ae, renderSlot as se, mergeProps as fr, Fragment as ft, renderList as nn, cloneVNode as on, isVNode as De, createTextVNode as an, Text as pr, Comment as sn, Static as ln, useId as un, onUnmounted as cn, useCssVars as dn, Transition as fn } from "vue";
 import './main.css';function Tt(e) {
   return typeof e == "string" || e instanceof RegExp || Array.isArray(e);
 }
@@ -1094,7 +1094,7 @@ function Cs(e, t = 1e3, r = {}) {
     c <= 0 || (s.value = !0, i && e(), a(), s.value && (o = setInterval(e, c)));
   }
   if (n && ut && u(), Qr(t) || typeof t == "function") {
-    const c = z(t, () => {
+    const c = L(t, () => {
       s.value && ut && u();
     });
     be(c);
@@ -1106,7 +1106,7 @@ function Cs(e, t = 1e3, r = {}) {
   };
 }
 function As(e, t, r) {
-  return z(
+  return L(
     e,
     t,
     {
@@ -1174,7 +1174,7 @@ function Ts(e, t, r = {}) {
   }, l = w(() => {
     const f = V(e), g = Te(f).map(G).filter(ys);
     return new Set(g);
-  }), u = z(
+  }), u = L(
     () => l.value,
     (f) => {
       a(), s.value && f.size && (o = new MutationObserver(t), f.forEach((g) => o.observe(g, i)));
@@ -1252,7 +1252,7 @@ function Ns(e, t, r = {}) {
   }, l = w(() => {
     const d = V(e);
     return Array.isArray(d) ? d.map((f) => G(f)) : [G(d)];
-  }), u = z(
+  }), u = L(
     l,
     (d) => {
       if (a(), s.value && n) {
@@ -1313,7 +1313,7 @@ function _t(e, t = { width: 0, height: 0 }, r = {}) {
     const d = G(e);
     d && (s.value = "offsetWidth" in d ? d.offsetWidth : t.width, a.value = "offsetHeight" in d ? d.offsetHeight : t.height);
   });
-  const u = z(
+  const u = L(
     () => G(e),
     (d) => {
       s.value = d ? t.width : 0, a.value = d ? t.height : 0;
@@ -1349,7 +1349,7 @@ function Ms(e = {}) {
   const c = { passive: !0 };
   if ($e("resize", u, c), t && s === "visual" && t.visualViewport && $e(t.visualViewport, "resize", u, c), i) {
     const d = Es("(orientation: portrait)");
-    z(d, () => u());
+    L(d, () => u());
   }
   return { width: a, height: l };
 }
@@ -1405,7 +1405,7 @@ const js = (e) => {
   const n = O(!1), i = O(!1), o = js(e), s = O(0), a = Rs(r, {
     delayEnter: +e.hoverDelayEnter,
     delayLeave: +e.hoverDelayLeave
-  }), l = z(
+  }), l = L(
     t,
     async (p) => {
       p > 0 && (s.value = ct(+e.initialIndex, p, o), s.value > p && (s.value = p - 1), n.value = !0, await ur(), l());
@@ -1612,18 +1612,8 @@ const js = (e) => {
     }
   },
   setup(e) {
-    const t = e, r = O(null), { slideCount: n, isInit: i } = hs();
-    z(
-      n,
-      (a) => {
-        console.log(a);
-      },
-      {
-        immediate: !0
-      }
-    );
-    const { config: o, isHovered: s } = Ls(t, n, r);
-    return (a, l) => (L(), me("div", {
+    const t = e, r = O(null), { slideCount: n, isInit: i } = hs(), { config: o, isHovered: s } = Ls(t, n, r);
+    return (a, l) => (j(), me("div", {
       ref_key: "sliderRef",
       ref: r,
       class: N(["evo-vue-carousel relative max-h-full", {
@@ -1636,11 +1626,11 @@ const js = (e) => {
           only: ["default"]
         }, {
           default: ae(() => [
-            y(o).mode === "gallery" ? (L(), ge(y(kl), {
+            y(o).mode === "gallery" ? (j(), ge(y(kl), {
               key: 0,
               "total-slides": y(n),
               "is-init": y(i)
-            }, null, 8, ["total-slides", "is-init"])) : (L(), ge(y(Ll), {
+            }, null, 8, ["total-slides", "is-init"])) : (j(), ge(y(Ll), {
               key: 1,
               class: N(t.viewportClass),
               "total-slides": y(n),
@@ -1649,10 +1639,10 @@ const js = (e) => {
           ]),
           _: 1
         }, 8, ["slots"]),
-        a.$slots.overlay ? (L(), me("div", ks, [
+        a.$slots.overlay ? (j(), me("div", ks, [
           se(a.$slots, "overlay")
         ])) : ze("", !0),
-        y(o).hideNavigation !== !0 ? (L(), ge(y(Ae), {
+        y(o).hideNavigation !== !0 ? (j(), ge(y(Ae), {
           key: 1,
           slots: a.$slots,
           only: ["navigation-prev", "navigation-next", "navigation"]
@@ -1671,7 +1661,7 @@ const js = (e) => {
           _: 1
         }, 8, ["slots"])) : ze("", !0)
       ]),
-      y(o).hidePagination !== !0 ? (L(), ge(y(Ae), {
+      y(o).hidePagination !== !0 ? (j(), ge(y(Ae), {
         key: 0,
         slots: a.$slots,
         only: ["pagination", "pagination-item"]
@@ -1924,7 +1914,7 @@ const A = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   rl.test(e) && !nl.test(e)
 ), Vr = () => !1, gl = (e) => ol.test(e), vl = (e) => il.test(e), hl = () => {
-  const e = A("colors"), t = A("spacing"), r = A("blur"), n = A("brightness"), i = A("borderColor"), o = A("borderRadius"), s = A("borderSpacing"), a = A("borderWidth"), l = A("contrast"), u = A("grayscale"), c = A("hueRotate"), d = A("invert"), f = A("gap"), g = A("gradientColorStops"), p = A("gradientColorStopPositions"), m = A("inset"), h = A("margin"), v = A("opacity"), x = A("padding"), $ = A("saturate"), C = A("scale"), P = A("sepia"), S = A("skew"), E = A("space"), k = A("translate"), Z = () => ["auto", "contain", "none"], T = () => ["auto", "hidden", "clip", "visible", "scroll"], j = () => ["auto", b, t], _ = () => [b, t], J = () => ["", H, Q], R = () => ["auto", he, b], we = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], pe = () => ["solid", "dashed", "dotted", "double", "none"], Re = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Xe = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], xe = () => ["", "0", b], It = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], W = () => [he, b];
+  const e = A("colors"), t = A("spacing"), r = A("blur"), n = A("brightness"), i = A("borderColor"), o = A("borderRadius"), s = A("borderSpacing"), a = A("borderWidth"), l = A("contrast"), u = A("grayscale"), c = A("hueRotate"), d = A("invert"), f = A("gap"), g = A("gradientColorStops"), p = A("gradientColorStopPositions"), m = A("inset"), h = A("margin"), v = A("opacity"), x = A("padding"), $ = A("saturate"), C = A("scale"), P = A("sepia"), S = A("skew"), E = A("space"), k = A("translate"), Z = () => ["auto", "contain", "none"], T = () => ["auto", "hidden", "clip", "visible", "scroll"], z = () => ["auto", b, t], _ = () => [b, t], J = () => ["", H, Q], R = () => ["auto", he, b], we = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], pe = () => ["solid", "dashed", "dotted", "double", "none"], Re = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Xe = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], xe = () => ["", "0", b], It = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], W = () => [he, b];
   return {
     cacheSize: 500,
     separator: ":",
@@ -1944,8 +1934,8 @@ const A = (e) => {
       gap: _(),
       gradientColorStops: [e],
       gradientColorStopPositions: [al, Q],
-      inset: j(),
-      margin: j(),
+      inset: z(),
+      margin: z(),
       opacity: W(),
       padding: _(),
       saturate: W(),
@@ -2177,7 +2167,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: j()
+        basis: z()
       }],
       /**
        * Flex Direction
@@ -4071,7 +4061,7 @@ const A = (e) => {
         return l;
       });
     }), o = (s) => us(i.value, (l) => l.includes(r.value)) === s;
-    return (s, a) => (L(), me("div", {
+    return (s, a) => (j(), me("div", {
       class: N(["evo-vue-carousel__pagination", t.backgroundClass])
     }, [
       se(s.$slots, "pagination", {
@@ -4079,7 +4069,7 @@ const A = (e) => {
         isCurrentPage: o,
         isNavigating: y(n)
       }, () => [
-        (L(!0), me(ft, null, nn(i.value, (l, u) => (L(), ge(y(Ae), {
+        (j(!0), me(ft, null, nn(i.value, (l, u) => (j(), ge(y(Ae), {
           key: l,
           slots: s.$slots,
           only: "pagination-item"
@@ -4447,7 +4437,7 @@ const El = /* @__PURE__ */ Kr({
     const r = O(null), n = un(), i = Fe(), { width: o, height: s, stop: a } = _t(r), { registerSlide: l, updateSlide: u, unregisterSlide: c } = ms();
     return e.isClone === !1 ? l(n, i) : a(), cn(() => {
       e.isClone === !1 && c(n);
-    }), z([o, s], ([d, f]) => {
+    }), L([o, s], ([d, f]) => {
       e.isClone === !1 && u(n, { width: d, height: f });
     }), () => M(
       "div",
@@ -4494,24 +4484,24 @@ const El = /* @__PURE__ */ Kr({
       pauseAutoplay: u,
       resumeAutoplay: c,
       autoplayIsActive: d
-    } = Ne(), f = O(!0), g = (T, j) => T / j * 100, p = w(() => ({
+    } = Ne(), f = O(!0), g = (T, z) => T / z * 100, p = w(() => ({
       transform: `translate3d(${C.value}px, 0, 0)`,
       transitionDuration: `${g(S.value, n.value.transitionSpeed)}ms`
     })), m = (T) => {
-      const j = parseFloat($.value), _ = n.value.wrap ? r.totalSlides + T : T;
-      return (j + n.value.gap) * _ * -1;
+      const z = parseFloat($.value), _ = n.value.wrap ? r.totalSlides + T : T;
+      return (z + n.value.gap) * _ * -1;
     }, h = O(null), { width: v, height: x } = _t(h), $ = w(() => {
       const T = n.value.gap > 0 ? n.value.gap * (n.value.perPage - 1) : 0;
       return (v.value - T) / n.value.perPage + "px";
     }), C = O(0), P = O(0);
-    z(
+    L(
       () => r.isInit,
       async (T) => {
         T && (C.value = m(i.value), await je(2), f.value = !1);
       }
     );
     const S = w(() => Math.abs(C.value - P.value));
-    z(i, (T) => {
+    L(i, (T) => {
       a.value === !1 && (P.value = C.value), C.value = m(T);
     });
     const E = () => {
@@ -4521,7 +4511,7 @@ const El = /* @__PURE__ */ Kr({
       const T = r.totalSlides;
       o(Ur(i.value, 0, T)), await je(), f.value = !1, l(!1);
     };
-    z(s, (T) => {
+    L(s, (T) => {
       n.value.pauseOnHover === !0 && (T ? u() : c());
     });
     const Z = {
@@ -4531,10 +4521,10 @@ const El = /* @__PURE__ */ Kr({
           default: 0
         }
       },
-      setup(T, { slots: j }) {
+      setup(T, { slots: z }) {
         const _ = () => {
           var R;
-          return ((R = j.default) == null ? void 0 : R.call(j)) || [];
+          return ((R = z.default) == null ? void 0 : R.call(z)) || [];
         }, J = (R) => {
           let we = 0;
           const pe = R ? `_${R}` : "";
@@ -4586,7 +4576,7 @@ const El = /* @__PURE__ */ Kr({
         );
       }
     };
-    return (T, j) => (L(), me("div", {
+    return (T, z) => (j(), me("div", {
       ref_key: "viewportRef",
       ref: h,
       class: "evo-vue-carousel__viewport evo-vue-carousel__viewport--slider relative flex w-full h-full max-h-full overflow-hidden",
@@ -4621,7 +4611,7 @@ const El = /* @__PURE__ */ Kr({
   },
   setup(e) {
     const t = e, { config: r, currentIndex: n, isNavigating: i, isHovered: o, setIsNavigating: s, pauseAutoplay: a, resumeAutoplay: l } = Ne(), u = O(null), { height: c } = _t(u);
-    z(o, (g) => {
+    L(o, (g) => {
       g ? a() : l();
     });
     function d(g, p, m) {
@@ -4675,7 +4665,7 @@ const El = /* @__PURE__ */ Kr({
         };
       }
     };
-    return (g, p) => (L(), me("div", {
+    return (g, p) => (j(), me("div", {
       ref_key: "galleryRef",
       ref: u,
       class: N(["evo-vue-carousel__viewport evo-vue-carousel__viewport--gallery min-h-12 h-full relative w-full overflow-hidden", {
@@ -4692,7 +4682,7 @@ const El = /* @__PURE__ */ Kr({
         onAfterLeave: p[1] || (p[1] = (m) => y(s)(!1))
       }, {
         default: ae(() => [
-          (L(), ge(f, { key: y(n) }, {
+          (j(), ge(f, { key: y(n) }, {
             default: ae(() => [
               se(g.$slots, "default")
             ]),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "evo-vue-carousel",
-    "version": "1.0.11",
+    "version": "1.0.12",
     "type": "module",
     "license": "GPL-3.0-only",
     "files": [