@wikicasa-dev/components 2.6.7-alpha.0 → 2.6.7-alpha.2

package/dist/assets/SwiperRootPrimitive2.css

@@ -1 +1 @@
-.swiper.uikit-carousel[data-v-e1b586ab]{opacity:0}.swiper.uikit-carousel.is-initialized[data-v-e1b586ab]{opacity:1}
+.swiper.uikit-carousel[data-v-594f03a7]{opacity:0}.swiper.uikit-carousel.is-initialized[data-v-594f03a7]{opacity:1}

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

@@ -2,8 +2,8 @@ import o from "./SwiperRootPrimitive.vue.js";
 import { addModuleDescriptorKey as d, setLazyImagesLoaderKey as f } from "./SwiperRootPrimitive.vue.js";
 import '../../../assets/SwiperRootPrimitive2.css';import '../../../assets/SwiperRootPrimitive.css';/* empty css                         */
 /* empty css                         */
-import e from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e1b586ab"]]);
+import r from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-594f03a7"]]);
 export {
   d as addModuleDescriptorKey,
   m as default,

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

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

package/package.json

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