@wikicasa-dev/components 2.5.3-alpha.26 → 2.5.3-alpha.28

package/dist/Swiper/Autoplay/index.js

@@ -1,4 +1,4 @@
-import '../../assets/swiper-keyboard.css';/* empty css                                                                              */
+import '../../assets/swiper-thumbs.css';/* empty css                                                                              */
 import { Autoplay as p } from "swiper/modules";
 export {
   p as default

package/dist/Swiper/Controller/index.js

@@ -1,4 +1,4 @@
-import '../../assets/swiper-keyboard.css';/* empty css                                                                                */
+import '../../assets/swiper-thumbs.css';/* empty css                                                                                */
 import { Controller as e } from "swiper/modules";
 export {
   e as default

package/dist/Swiper/Keyboard/index.js

@@ -1,4 +1,4 @@
-import '../../assets/swiper-keyboard.css';/* empty css                                                                              */
+import '../../assets/swiper-thumbs.css';/* empty css                                                                              */
 import { Keyboard as e } from "swiper/modules";
 export {
   e as default

package/dist/Swiper/Thumbs/index.js

@@ -1,4 +1,4 @@
-import '../../assets/swiper-keyboard.css';/* empty css                                                                            */
+import '../../assets/swiper-thumbs.css';/* empty css                                                                            */
 import { Thumbs as t } from "swiper/modules";
 export {
   t as default

package/dist/assets/SwiperRootPrimitive2.css

@@ -1 +1 @@
-.swiper.uikit-carousel[data-v-f7d0c8cf]{opacity:0}.swiper.uikit-carousel.is-initialized[data-v-f7d0c8cf]{opacity:1}
+.swiper.uikit-carousel[data-v-11f0cd1b]{opacity:0}.swiper.uikit-carousel.is-initialized[data-v-11f0cd1b]{opacity:1}

package/dist/components/carousel/Primitive/SwiperRootPrimitive.js

@@ -1,11 +1,11 @@
 import o from "../../../packages/components/lib/components/carousel/Primitive/SwiperRootPrimitive.vue.js";
-import { addModuleDescriptorKey as f, setLazyImagesLoaderKey as s } from "../../../packages/components/lib/components/carousel/Primitive/SwiperRootPrimitive.vue.js";
+import { addModuleDescriptorKey as s, setLazyImagesLoaderKey as f } from "../../../packages/components/lib/components/carousel/Primitive/SwiperRootPrimitive.vue.js";
 import '../../../assets/SwiperRootPrimitive2.css';import '../../../assets/SwiperRootPrimitive.css';/* empty css                                                                                      */
 /* empty css                                                                                      */
 import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f7d0c8cf"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-11f0cd1b"]]);
 export {
-  f as addModuleDescriptorKey,
+  s as addModuleDescriptorKey,
   p as default,
-  s as setLazyImagesLoaderKey
+  f as setLazyImagesLoaderKey
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as L, shallowRef as w, useTemplateRef as D, onMounted as N, provide as b, createElementBlock as P, openBlock as h, createElementVNode as U, createCommentVNode as A, normalizeClass as q, renderSlot as k } from "vue";
+import { defineComponent as L, shallowRef as g, useTemplateRef as D, onMounted as N, provide as P, createElementBlock as b, openBlock as h, createElementVNode as U, createCommentVNode as A, normalizeClass as q, renderSlot as k } from "vue";
 import { createSwiper as x } from "../../../../../../Swiper/factory.js";
 import { AutoplayModule as G } from "../../../../../../Swiper/Autoplay/factory.js";
 import { KeyboardModule as K } from "../../../../../../Swiper/Keyboard/factory.js";
@@ -13,44 +13,40 @@ const $ = { class: "uikit-relative" }, Z = {
     swiperOptions: {}
   },
   emits: ["moved", "click", "init"],
-  setup(i, { expose: E, emit: S }) {
-    const m = S, l = w(null), p = D("root"), d = w(!1), T = !!i.swiperOptions?.keyboard, C = !!i.swiperOptions?.autoplay, v = [];
-    let c = !1;
+  setup(s, { expose: E, emit: S }) {
+    const m = S, l = g(null), p = D("root"), c = g(!1), T = !!s.swiperOptions?.keyboard, C = !!s.swiperOptions?.autoplay, v = [];
+    let d = !1;
     const O = (e) => {
       "requestIdleCallback" in window ? requestIdleCallback(e) : setTimeout(e, 200);
     }, f = (e) => [
       ...e?.querySelectorAll("img[data-src]") ?? []
     ], u = (e) => {
-      e.src = e.dataset.src || "", e.srcset = e.dataset.srcset || "", e.dataset.src = "", e.dataset.srcset = "", e.removeAttribute("lazy");
+      e.src || (e.src = e.dataset.src || "", e.srcset = e.dataset.srcset || "", e.dataset.src = "", e.dataset.srcset = "", e.removeAttribute("lazy"));
     }, I = (e, o) => {
-      if (!c) return { visibleImages: [], preloadImages: [] };
-      const t = e.params.lazyPreloadPrevNext ?? 0, r = f(e.slides[o]), n = [];
-      for (let s = o - t; s <= o + t; s++)
-        s !== o && (!e.params.loop && (s < 0 || s >= e.slides.length) || n.push(...f(e.slides[s])));
+      const i = e.params.lazyPreloadPrevNext ?? 0, r = f(e.slides[o]), n = [];
+      for (let t = o - i; t <= o + i; t++)
+        t !== o && (!e.params.loop && (t < 0 || t >= e.slides.length) || n.push(...f(e.slides[t])));
       return { visibleImages: r, preloadImages: n };
     }, y = () => {
-      console.log("DEBUG:triggering init event"), d.value = !0, m("init");
+      console.log("DEBUG:triggering init event"), c.value = !0, m("init");
     }, z = async (e) => {
       l.value = await x(
         e,
         {
           on: {
             init: async (o) => {
-              const { visibleImages: t, preloadImages: r } = I(
+              if (!d) return y();
+              const { visibleImages: i, preloadImages: r } = I(
                 o,
                 o.activeIndex
               );
-              if (!t.length) {
-                y();
-                return;
-              }
               let n;
-              const s = new Promise(
+              const t = new Promise(
                 (a) => n = setTimeout(a, 6e3)
               ), V = Promise.all(
-                t.map((a) => {
-                  const B = a.complete && a.src ? Promise.resolve() : new Promise((g) => {
-                    a.addEventListener("load", () => g(), { once: !0 }), a.addEventListener("error", () => g(), {
+                i.map((a) => {
+                  const B = a.complete && a.src ? Promise.resolve() : new Promise((w) => {
+                    a.addEventListener("load", () => w(), { once: !0 }), a.addEventListener("error", () => w(), {
                       once: !0
                     });
                   });
@@ -59,28 +55,28 @@ const $ = { class: "uikit-relative" }, Z = {
               ).finally(() => {
                 clearTimeout(n);
               });
-              await Promise.race([V, s]), O(() => {
+              await Promise.race([V, t]), O(() => {
                 console.log("DEBUG:preloading neighbours", r), r.forEach(u);
               }), y();
             },
             slideChange: (o) => {
               m("moved", { activeIndex: o.activeIndex });
-              const { visibleImages: t, preloadImages: r } = I(
+              const { visibleImages: i, preloadImages: r } = I(
                 o,
                 o.activeIndex
               );
               console.log("DEBUG:preloading neighbours", [
-                ...t,
+                ...i,
                 ...r
-              ]), [...t, ...r].forEach(u);
+              ]), [...i, ...r].forEach(u);
             }
           },
-          ...i.swiperOptions
+          ...s.swiperOptions
         },
         [
-          R(i.swiperOptions?.zoom),
-          T ? K(i.swiperOptions?.keyboard) : void 0,
-          C ? G(i.swiperOptions.autoplay) : void 0,
+          R(s.swiperOptions?.zoom),
+          T ? K(s.swiperOptions?.keyboard) : void 0,
+          C ? G(s.swiperOptions.autoplay) : void 0,
           ...v
         ].filter(Boolean)
       );
@@ -91,21 +87,21 @@ const $ = { class: "uikit-relative" }, Z = {
     const M = (e) => {
       !l.value || l.value.params.slidesPerView === e || (l.value.params.slidesPerView = e, l.value.update());
     };
-    return b(F, (e) => {
+    return P(F, (e) => {
       e && v.push(e);
-    }), b(j, (e) => {
-      e !== c && (c = e);
+    }), P(j, (e) => {
+      e !== d && (d = e);
     }), E({
       swiper: l,
       updateSlidesPerView: M
-    }), (e, o) => (h(), P("div", $, [
+    }), (e, o) => (h(), b("div", $, [
       U("div", {
         ref: "root",
-        class: q(["swiper uikit-carousel", [{ "is-initialized": d.value }, i.rootClasses]])
+        class: q(["swiper uikit-carousel", [{ "is-initialized": c.value }, s.rootClasses]])
       }, [
         k(e.$slots, "default", {}, void 0, !0)
       ], 2),
-      d.value ? A("", !0) : (h(), P("div", Z, [
+      c.value ? A("", !0) : (h(), b("div", Z, [
         k(e.$slots, "placeholder", {}, void 0, !0)
       ]))
     ]));

package/package.json

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