@wikicasa-dev/components 2.5.3-alpha.11 → 2.5.3-alpha.12

package/dist/Swiper/Autoplay/index.js

@@ -1,4 +1,4 @@
-import '../../assets/swiper-controller.css';/* empty css                                                                              */
+import '../../assets/swiper-keyboard.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-controller.css';/* empty css                                                                                */
+import '../../assets/swiper-keyboard.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-controller.css';/* empty css                                                                              */
+import '../../assets/swiper-keyboard.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-controller.css';/* empty css                                                                            */
+import '../../assets/swiper-keyboard.css';/* empty css                                                                            */
 import { Thumbs as t } from "swiper/modules";
 export {
   t as default

package/dist/components/carousel/Primitive/SwiperSlideImagePrimitive.d.ts

@@ -10,6 +10,7 @@ export interface SwiperSlideImagePrimitiveProps {
     decoding?: "auto" | "sync" | "async";
     crossorigin?: "anonymous" | "use-credentials";
     fetchpriority?: "auto" | "high" | "low";
+    loading?: "lazy" | "eager";
     lazy?: boolean;
 }
 declare const _default: import('vue').DefineComponent<SwiperSlideImagePrimitiveProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SwiperSlideImagePrimitiveProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as i, createPropsRestProxy as o, shallowRef as r, inject as l, createBlock as d, openBlock as n, withCtx as m, createElementVNode as u, mergeProps as g } from "vue";
+import { defineComponent as i, createPropsRestProxy as o, shallowRef as r, inject as l, createBlock as d, openBlock as n, withCtx as m, createElementVNode as g, mergeProps as u } from "vue";
 import f from "../../../../../../components/carousel/SwiperSlide.js";
 import { setLazyImagesLoaderKey as y } from "./SwiperRootPrimitive.vue.js";
 import '../../../../../../assets/SwiperRootPrimitive.css';/* empty css                         */
@@ -15,13 +15,14 @@ const h = ["src", "srcset", "data-src", "data-srcset"], x = /* @__PURE__ */ i({
     decoding: {},
     crossorigin: {},
     fetchpriority: {},
+    loading: {},
     lazy: { type: Boolean }
   },
   setup(e) {
     const s = o(e, ["src", "srcset", "imgClasses"]), t = r(), a = r(), c = l(y, void 0);
     return s.lazy && (t.value = e.src, a.value = e.srcset, c?.(!0)), (v, z) => (n(), d(f, null, {
       default: m(() => [
-        u("img", g(s, {
+        g("img", u(s, {
           class: e.imgClasses,
           src: e.lazy ? void 0 : e.src,
           srcset: e.lazy ? void 0 : e.srcset,

package/package.json

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