@wikicasa-dev/components 2.6.6 → 2.6.7-alpha.1

package/dist/assets/SwiperRootPrimitive2.css

@@ -1 +1 @@
-.swiper.uikit-carousel[data-v-30c86ccb]{opacity:0}.swiper.uikit-carousel.is-initialized[data-v-30c86ccb]{opacity:1}
+.swiper.uikit-carousel[data-v-f148fd97]{opacity:0}.swiper.uikit-carousel.is-initialized[data-v-f148fd97]{opacity:1}

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

@@ -1,11 +1,11 @@
 import o from "./SwiperRootPrimitive.vue.js";
-import { addModuleDescriptorKey as s, setLazyImagesLoaderKey as d } from "./SwiperRootPrimitive.vue.js";
+import { addModuleDescriptorKey as f, setLazyImagesLoaderKey as s } from "./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-30c86ccb"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f148fd97"]]);
 export {
-  s as addModuleDescriptorKey,
+  f as addModuleDescriptorKey,
   p as default,
-  d as setLazyImagesLoaderKey
+  s as setLazyImagesLoaderKey
 };

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

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

package/dist/lazyModules/Swiper/Autoplay/index.js

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

package/dist/lazyModules/Swiper/Controller/index.js

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

package/dist/lazyModules/Swiper/Keyboard/index.js

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

package/dist/lazyModules/Swiper/Thumbs/index.js

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

package/package.json

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