@wikicasa-dev/components 2.5.3-alpha.15 → 2.5.3-alpha.16

package/dist/packages/components/lib/components/carousel/Primitive/SwiperRootPrimitive.vue.js

@@ -1,109 +1,97 @@
-import { defineComponent as S, useAttrs as O, shallowRef as p, useTemplateRef as k, onMounted as L, provide as v, createElementBlock as B, openBlock as D, Fragment as M, withDirectives as U, renderSlot as f, createCommentVNode as b, createElementVNode as V, mergeProps as x, unref as z, vShow as A, nextTick as G } from "vue";
-import { createSwiper as N } from "../../../../../../Swiper/factory.js";
-import { AutoplayModule as C } from "../../../../../../Swiper/Autoplay/factory.js";
-import { KeyboardModule as K } from "../../../../../../Swiper/Keyboard/factory.js";
-import { ZoomModule as R } from "../../../../../../Swiper/Zoom/factory.js";
-const $ = /* @__PURE__ */ Symbol(), q = /* @__PURE__ */ Symbol(), W = /* @__PURE__ */ S({
+import { defineComponent as b, useAttrs as g, shallowRef as f, useTemplateRef as L, onMounted as V, provide as y, createElementBlock as x, openBlock as z, Fragment as A, withDirectives as N, renderSlot as w, createCommentVNode as B, createElementVNode as C, mergeProps as D, unref as U, vShow as K, nextTick as R } from "vue";
+import { createSwiper as $ } from "../../../../../../Swiper/factory.js";
+import { AutoplayModule as q } from "../../../../../../Swiper/Autoplay/factory.js";
+import { KeyboardModule as F } from "../../../../../../Swiper/Keyboard/factory.js";
+import { ZoomModule as G } from "../../../../../../Swiper/Zoom/factory.js";
+const Z = /* @__PURE__ */ Symbol(), j = /* @__PURE__ */ Symbol(), _ = /* @__PURE__ */ b({
   inheritAttrs: !1,
   __name: "SwiperRootPrimitive",
   props: {
     swiperOptions: {}
   },
   emits: ["moved", "click", "init"],
-  setup(s, { expose: y, emit: w }) {
-    const n = w, g = O(), a = p(null), c = k("root"), l = p(!1), T = !!s.swiperOptions?.keyboard, E = !!s.swiperOptions?.autoplay, u = [];
-    let d = !1;
-    const I = (e) => {
-      const t = [
-        ...e?.querySelectorAll("img[data-src]") ?? []
-      ];
-      return t.forEach((o) => {
-        o.src = o.dataset.src || "", o.srcset = o.dataset.srcset || "", o.dataset.src = "", o.dataset.srcset = "", o.removeAttribute("lazy");
-      }), t;
-    }, m = (e, t) => {
-      const o = [];
-      if (!d) return o;
-      const r = e.params.lazyPreloadPrevNext ?? 0;
-      for (let i = t - r; i <= t + r; i++)
-        o.push(...I(e.slides[i]));
-      return o;
-    }, P = async (e) => {
-      a.value = await N(
+  setup(r, { expose: I, emit: P }) {
+    const l = P, T = g(), s = f(null), d = L("root"), i = f(!1), h = !!r.swiperOptions?.keyboard, S = !!r.swiperOptions?.autoplay, u = [];
+    let c = !1;
+    const E = (e) => [
+      ...e?.querySelectorAll("img[data-src]") ?? []
+    ], m = (e) => {
+      e.src = e.dataset.src || "", e.srcset = e.dataset.srcset || "", e.dataset.src = "", e.dataset.srcset = "", e.removeAttribute("lazy");
+    }, p = (e, t) => {
+      if (!c) return [];
+      const a = e.params.lazyPreloadPrevNext ?? 0, n = [];
+      for (let o = t - a; o <= t + a; o++)
+        n.push(...E(e.slides[o]));
+      return n;
+    }, O = async (e) => {
+      s.value = await $(
         e,
         {
           on: {
             init: (t) => {
-              G(async () => {
-                const o = m(t, t.activeIndex);
-                if (console.log("DEBUG:imagesToLoad", o), !o.length) {
-                  l.value = !0, n("init");
+              R(async () => {
+                const a = p(t, t.activeIndex);
+                if (!a.length) {
+                  i.value = !0, l("init");
                   return;
                 }
+                const n = a.map((o) => {
+                  const M = o.complete ? Promise.resolve() : new Promise((v) => {
+                    o.addEventListener("load", () => v(), { once: !0 }), o.addEventListener("error", () => v(), { once: !0 });
+                  });
+                  return m(o), M;
+                });
                 await Promise.race([
-                  Promise.all(
-                    o.map((r) => r.complete ? (console.log("DEBUG:img.complete", r), Promise.resolve()) : new Promise((i) => {
-                      r.addEventListener(
-                        "load",
-                        () => {
-                          console.log("DEBUG:img.load", r), i("");
-                        },
-                        { once: !0 }
-                      ), r.addEventListener(
-                        "error",
-                        () => {
-                          console.log("DEBUG:img.error", r), i("");
-                        },
-                        { once: !0 }
-                      );
-                    }))
-                  ),
+                  Promise.all(n),
                   new Promise(
-                    (r) => setTimeout(() => {
-                      console.log("DEBUG:not all images have loaded => TIMEOUT!"), r("");
+                    (o) => setTimeout(() => {
+                      console.log("DEBUG:not all images have loaded => TIMEOUT!"), o("");
                     }, 6e3)
                   )
-                ]), l.value = !0, n("init");
+                ]), i.value = !0, l("init");
               });
             },
             slideChange: (t) => {
-              n("moved", { activeIndex: t.activeIndex }), m(t, t.activeIndex);
+              l("moved", { activeIndex: t.activeIndex }), p(t, t.activeIndex).forEach(
+                m
+              );
             }
           },
-          ...s.swiperOptions
+          ...r.swiperOptions
         },
         [
-          R(s.swiperOptions?.zoom),
-          T ? K(s.swiperOptions?.keyboard) : void 0,
-          E ? C(s.swiperOptions.autoplay) : void 0,
+          G(r.swiperOptions?.zoom),
+          h ? F(r.swiperOptions?.keyboard) : void 0,
+          S ? q(r.swiperOptions.autoplay) : void 0,
           ...u
         ].filter(Boolean)
       );
     };
-    L(() => {
-      c.value && setTimeout(() => P(c.value));
+    V(() => {
+      d.value && setTimeout(() => O(d.value));
     });
-    const h = (e) => {
-      !a.value || a.value.params.slidesPerView === e || (a.value.params.slidesPerView = e, a.value.update());
+    const k = (e) => {
+      !s.value || s.value.params.slidesPerView === e || (s.value.params.slidesPerView = e, s.value.update());
     };
-    return v(q, (e) => {
+    return y(j, (e) => {
       e && u.push(e);
-    }), v($, (e) => {
-      e !== d && (d = e);
-    }), y({
-      swiper: a,
-      updateSlidesPerView: h
-    }), (e, t) => (D(), B(M, null, [
-      U(V("div", x({ ref: "root" }, z(g), { class: "swiper uikit-carousel" }), [
-        f(e.$slots, "default")
+    }), y(Z, (e) => {
+      e !== c && (c = e);
+    }), I({
+      swiper: s,
+      updateSlidesPerView: k
+    }), (e, t) => (z(), x(A, null, [
+      N(C("div", D({ ref: "root" }, U(T), { class: "swiper uikit-carousel" }), [
+        w(e.$slots, "default")
       ], 16), [
-        [A, l.value]
+        [K, i.value]
       ]),
-      l.value ? b("", !0) : f(e.$slots, "placeholder", { key: 0 })
+      i.value ? B("", !0) : w(e.$slots, "placeholder", { key: 0 })
     ], 64));
   }
 });
 export {
-  q as addModuleDescriptorKey,
-  W as default,
-  $ as setLazyImagesLoaderKey
+  j as addModuleDescriptorKey,
+  _ as default,
+  Z as setLazyImagesLoaderKey
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.5.3-alpha.15",
+  "version": "2.5.3-alpha.16",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",