@wikicasa-dev/components 2.4.2-alpha.4 → 2.4.2-alpha.6

package/dist/Swiper/factory.js

@@ -1,12 +1,34 @@
-const a = async (o, r, s) => {
-  const t = s.map((e) => e.loader()), [{ Swiper: i }, ...c] = await Promise.all([
+function s(t, e) {
+  if (t == null)
+    return e == null ? {} : { ...e };
+  if (e == null)
+    return { ...t };
+  const n = { ...t };
+  for (const o in e)
+    if (Object.prototype.hasOwnProperty.call(e, o)) {
+      const r = e[o], i = n[o];
+      p(r) && p(i) ? n[o] = s(i, r) : n[o] = r;
+    }
+  return n;
+}
+function p(t) {
+  return t !== null && typeof t == "object" && !Array.isArray(t) && typeof t != "function" && Object.prototype.toString.call(t) === "[object Object]";
+}
+const a = async (t, e, n) => {
+  const o = n.map((c) => c.loader()), [{ Swiper: r }, ...i] = await Promise.all([
     import("./index.js"),
-    ...t
-  ]), n = s.reduce(
-    (e, p) => Object.assign(e, p.options),
-    { ...r, modules: c }
+    ...o
+  ]), l = n.reduce(
+    (c, f) => s(c, f.options),
+    {
+      ...e,
+      modules: i
+    }
   );
-  return console.log("DEBUG:createSwiper", o), new i(o, n);
+  return console.log("DEBUG:createSwiper", {
+    container: t,
+    options: l
+  }), new r(t, l);
 };
 export {
   a as createSwiper

package/dist/assets/SwiperCarousel2.css

@@ -1 +1 @@
-.no-transition[data-v-867894fe]{transition-duration:0ms!important}.disable-select[data-v-867894fe]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.swiper-button-disabled[data-v-867894fe]{pointer-events:auto!important}
+.no-transition[data-v-9ee6d9a5]{transition-duration:0ms!important}.disable-select[data-v-9ee6d9a5]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.swiper-button-disabled[data-v-9ee6d9a5]{pointer-events:auto!important}

package/dist/components/carousel/SwiperCarousel.js

@@ -2,7 +2,7 @@ import o from "../../packages/components/lib/components/carousel/SwiperCarousel.
 import '../../assets/SwiperCarousel2.css';import '../../assets/SwiperCarousel.css';/* empty css                                                                    */
 /* empty css                                                                    */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-867894fe"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9ee6d9a5"]]);
 export {
-  a as default
+  m as default
 };

package/dist/packages/components/lib/components/carousel/SwiperCarousel.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as U, shallowRef as z, useTemplateRef as M, useId as X, computed as Y, onMounted as x, watch as _, nextTick as C, createElementBlock as n, openBlock as l, normalizeClass as u, createElementVNode as p, createCommentVNode as b, unref as ee, renderSlot as L, Fragment as k, renderList as V, mergeProps as R, withModifiers as O } from "vue";
-import { createSwiper as T } from "../../../../../Swiper/factory.js";
+import { defineComponent as Q, shallowRef as z, useTemplateRef as C, useId as X, computed as Y, onMounted as x, watch as _, nextTick as M, createElementBlock as n, openBlock as l, normalizeClass as u, createElementVNode as p, createCommentVNode as b, unref as ee, renderSlot as L, Fragment as k, renderList as V, mergeProps as R, withModifiers as O } from "vue";
+import { createSwiper as B } from "../../../../../Swiper/factory.js";
 import { AutoplayModule as te } from "../../../../../Swiper/Autoplay/factory.js";
 import { FreemodeModule as se } from "../../../../../Swiper/FreeMode/factory.js";
 import { KeyboardModule as ie } from "../../../../../Swiper/Keyboard/factory.js";
@@ -7,7 +7,7 @@ import { NavigationModule as re } from "../../../../../Swiper/Navigation/factory
 import { PaginationModule as ae } from "../../../../../Swiper/Pagination/factory.js";
 import { ThumbsModule as oe } from "../../../../../Swiper/Thumbs/factory.js";
 import { ZoomModule as ne } from "../../../../../Swiper/Zoom/factory.js";
-const le = ["data-cy"], ue = ["data-idx", "alt", "width", "height", "onLoad"], de = ["alt"], ye = /* @__PURE__ */ U({
+const le = ["data-cy"], ue = ["data-idx", "alt", "width", "height", "onLoad"], de = ["alt"], ye = /* @__PURE__ */ Q({
   inheritAttrs: !1,
   __name: "SwiperCarousel",
   props: {
@@ -21,8 +21,8 @@ const le = ["data-cy"], ue = ["data-idx", "alt", "width", "height", "onLoad"], d
     shiftFirstImage: { type: Boolean, default: !1 }
   },
   emits: ["moved", "click", "firstSlideLoaded", "init"],
-  setup(t, { expose: B, emit: D }) {
-    const g = D, d = z(null), y = M("rootRef"), A = M("thumbsRef"), F = z(!1), N = X(), $ = Y(() => t.id ?? N), w = t.swiperOptions?.slidesPerView || 1, j = !!t.swiperOptions?.keyboard, S = !!t.swiperOptions.navigation, I = !!t.swiperOptions.pagination, q = !!t.swiperOptions.autoplay, E = t.swiperOptions?.effect || "slider", P = (e, s = -1, i = !1) => {
+  setup(t, { expose: T, emit: D }) {
+    const g = D, d = z(null), y = C("rootRef"), A = C("thumbsRef"), F = z(!1), N = X(), $ = Y(() => t.id ?? N), w = t.swiperOptions?.slidesPerView || 1, j = !!t.swiperOptions?.keyboard, S = !!t.swiperOptions.navigation, I = !!t.swiperOptions.pagination, q = !!t.swiperOptions.autoplay, G = t.swiperOptions?.effect || "slider", P = (e, s = -1, i = !1) => {
       if (!e.images)
         return { src: e.src || "" };
       let r = "", o = "", v = "";
@@ -39,8 +39,8 @@ const le = ["data-cy"], ue = ["data-idx", "alt", "width", "height", "onLoad"], d
         let a = e.images;
         e.images.length > 3 ? a = e.images.slice(2, 5) : t.shiftFirstImage && (a[0] = a[1]), o = a.reduce((c, f, m) => (m === 0 && (r = `${f.storagePath}`), m > 0 && (c += ", "), `${c}${f.storagePath} ${m + 1}x`), "");
       }
-      const J = r, Q = o;
-      return typeof w == "number" && s > w ? (r = "", o = "", { sizes: v, "data-src": J, "data-srcset": Q }) : i ? {
+      const H = r, J = o;
+      return typeof w == "number" && s > w ? (r = "", o = "", { sizes: v, "data-src": H, "data-srcset": J }) : i ? {
         src: r,
         srcset: o,
         sizes: v,
@@ -60,15 +60,19 @@ const le = ["data-cy"], ue = ["data-idx", "alt", "width", "height", "onLoad"], d
         return;
       const i = h[e + 1];
       i && !i.src && (i.src = i?.dataset.src || "", i.srcset = i?.dataset.srcset || "");
-    }, W = (e) => {
-      e || !h?.[e] || C(() => {
+    }, U = (e) => {
+      e || !h?.[e] || M(() => {
         y.value?.setAttribute("data-first-slide-loaded", "true"), g("firstSlideLoaded");
       });
-    }, Z = (e) => t.thumbSwiperOptions ? T(e, t.thumbSwiperOptions, [
+    }, W = (e) => t.thumbSwiperOptions ? B(e, t.thumbSwiperOptions, [
       se(t.thumbSwiperOptions.freeMode)
-    ]) : null, G = async (e, s) => {
-      const i = s ? await Z(s) : null;
-      d.value = await T(
+    ]) : null, Z = async (e, s) => {
+      console.log("DEBUG:SwiperCarousel", {
+        rootEl: e,
+        thumbEl: s
+      });
+      const i = s ? await W(s) : null;
+      d.value = await B(
         e,
         {
           on: {
@@ -94,24 +98,24 @@ const le = ["data-cy"], ue = ["data-idx", "alt", "width", "height", "onLoad"], d
       );
     };
     x(() => {
-      y.value && setTimeout(() => G(y.value, A.value));
+      y.value && setTimeout(() => Z(y.value, A.value));
     });
-    const H = (e) => {
+    const E = (e) => {
       !d.value || d.value.params.slidesPerView === e || (d.value.params.slidesPerView = e, d.value.update());
     };
     return _(
       () => t.images,
       () => {
-        C(() => {
+        M(() => {
           d.value?.update();
         });
       }
-    ), B({
+    ), T({
       swiper: d,
       moveTo(e, s = 0, i = !0) {
         d.value?.slideTo(e, s, i);
       },
-      updateSlidesPerView: H
+      updateSlidesPerView: E
     }), (e, s) => (l(), n("div", {
       class: u(["swiper-carousel-root", e.$attrs["root-classes"]])
     }, [
@@ -124,7 +128,7 @@ const le = ["data-cy"], ue = ["data-idx", "alt", "width", "height", "onLoad"], d
           ref: "swiperWrapperRef",
           class: u(["swiper-wrapper", [
             e.$attrs["swiper-wrapper-classes"],
-            ee(E) === "none" && "no-transition"
+            ee(G) === "none" && "no-transition"
           ]]),
           onClick: s[0] || (s[0] = (i) => g("click"))
         }, [
@@ -149,7 +153,7 @@ const le = ["data-cy"], ue = ["data-idx", "alt", "width", "height", "onLoad"], d
                   itemprop: "image",
                   width: i.width,
                   height: i.height,
-                  onLoad: (o) => W(r)
+                  onLoad: (o) => U(r)
                 }), null, 16, ue))
               ], 2)
             ], 2))), 128)),

package/package.json

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