@wikicasa-dev/components 2.1.15 → 2.1.17

package/dist/assets/packages/components/lib/components/carousel/SwiperCarousel2.css

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

package/dist/components/carousel/SwiperCarousel.d.ts

@@ -28,7 +28,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps, {
-    swiper: {
+    swiper: import('vue').ComputedRef<{
         params: {
             modules?: import('swiper/types').SwiperModule[] | undefined;
             injectStyles?: string[] | undefined;
@@ -2312,7 +2312,7 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
         addSlide: (index: number, slides: HTMLElement | string | string[] | HTMLElement[]) => void;
         removeSlide: (slideIndex: number | number[]) => void;
         removeAllSlides: () => void;
-    } | null;
+    } | null>;
     moveTo(index: number, speed?: number, runCallbacks?: boolean): void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: () => any;
@@ -2320,12 +2320,14 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
         activeIndex: number;
     }) => any;
     firstSlideLoaded: () => any;
+    init: () => any;
 }, string, import('vue').PublicProps, Readonly<SwiperCarouselProps> & Readonly<{
     onClick?: (() => any) | undefined;
     onMoved?: ((args_0: {
         activeIndex: number;
     }) => any) | undefined;
     onFirstSlideLoaded?: (() => any) | undefined;
+    onInit?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     root: HTMLDivElement;
     swiperWrapper: HTMLDivElement;

package/dist/components/carousel/SwiperCarousel.js

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

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

@@ -1,12 +1,12 @@
-import { defineComponent as J, reactive as Q, ref as k, useId as U, computed as f, onMounted as X, watch as Y, nextTick as M, createElementBlock as l, openBlock as p, normalizeClass as u, createElementVNode as v, createCommentVNode as y, renderSlot as E, Fragment as P, renderList as F, mergeProps as T, withModifiers as O } from "vue";
+import { defineComponent as Q, reactive as U, ref as k, useId as X, computed as f, onMounted as Y, watch as x, nextTick as M, createElementBlock as l, openBlock as p, normalizeClass as u, createElementVNode as v, createCommentVNode as $, renderSlot as E, Fragment as P, renderList as F, mergeProps as T, withModifiers as O } from "vue";
 import { Swiper as B } from "swiper";
-import x from "../../../../../node_modules/.pnpm/swiper@11.2.6/node_modules/swiper/modules/zoom.js";
+import _ from "../../../../../node_modules/.pnpm/swiper@11.2.6/node_modules/swiper/modules/zoom.js";
 import '../../../../../assets/node_modules/.pnpm/swiper@11.2.6/node_modules/swiper/modules/zoom.css';import '../../../../../assets/node_modules/.pnpm/swiper@11.2.6/node_modules/swiper/swiper.css';/* empty css                                                                             */
 /* empty css                                                                                   */
 import "../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
-import { shallowCopyObjectTo as _ } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/ObjectUtils.js";
+import { shallowCopyObjectTo as ee } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/ObjectUtils.js";
 import "../../../../../_virtual/polyline.js";
-const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "height", "onLoad"], ie = ["id"], ae = ["alt"], we = /* @__PURE__ */ J({
+const te = ["id"], se = ["id", "data-cy"], ie = ["data-idx", "alt", "width", "height", "onLoad"], ae = ["id"], re = ["alt"], me = /* @__PURE__ */ Q({
   inheritAttrs: !1,
   __name: "SwiperCarousel",
   props: {
@@ -19,16 +19,16 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
     artDirection: {},
     shiftFirstImage: { type: Boolean, default: !1 }
   },
-  emits: ["moved", "click", "firstSlideLoaded"],
+  emits: ["moved", "click", "firstSlideLoaded", "init"],
   setup(s, { expose: D, emit: j }) {
-    const $ = j, r = Q({
-      swiperParams: { modules: [x] },
+    const y = j, r = U({
+      swiperParams: { modules: [_] },
       swiper: null,
       initCarousel: !1
-    }), S = k(), A = k(!1), N = U(), d = f(() => s.id ?? N), g = f(() => s.swiperOptions?.slidesPerView || 1), V = f(() => !!s.swiperOptions?.keyboard), C = f(() => !!s.swiperOptions.navigation), I = f(() => !!s.swiperOptions.pagination), W = f(() => !!s.swiperOptions.autoplay), q = f(
+    }), S = k(), A = k(!1), N = X(), d = f(() => s.id ?? N), V = f(() => r.swiper), g = f(() => s.swiperOptions?.slidesPerView || 1), W = f(() => !!s.swiperOptions?.keyboard), C = f(() => !!s.swiperOptions.navigation), I = f(() => !!s.swiperOptions.pagination), q = f(() => !!s.swiperOptions.autoplay), K = f(
       () => s.swiperOptions?.effect || "slider"
-    ), K = () => {
-      s.swiperOptions && _(s.swiperOptions, r.swiperParams);
+    ), R = () => {
+      s.swiperOptions && ee(s.swiperOptions, r.swiperParams);
     }, z = (e, i = -1, t = !1) => {
       if (!e.images)
         return { src: e.src || "" };
@@ -46,8 +46,8 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
         let n = e.images;
         e.images.length > 3 ? n = e.images.slice(2, 5) : s.shiftFirstImage && (n[0] = n[1]), o = n.reduce((c, w, m) => (m === 0 && (a = `${w.storagePath}`), m > 0 && (c += ", "), `${c}${w.storagePath} ${m + 1}x`), "");
       }
-      const G = a, H = o;
-      return typeof g.value == "number" && i > g.value ? (a = "", o = "", { sizes: b, "data-src": G, "data-srcset": H }) : t ? {
+      const H = a, J = o;
+      return typeof g.value == "number" && i > g.value ? (a = "", o = "", { sizes: b, "data-src": H, "data-srcset": J }) : t ? {
         src: a,
         srcset: o,
         sizes: b,
@@ -60,7 +60,7 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
         loading: s.lazyLoadImages || i >= g.value ? "lazy" : void 0,
         fetchpriority: !s.lazyLoadImages && i === 0 ? "high" : "low"
       };
-    }, h = [], R = (e) => {
+    }, h = [], Z = (e) => {
       if (typeof g.value == "string") return;
       const i = h[e];
       if (i && !i.src && (i.src = i.dataset.src || "", i.srcset = i.dataset.srcset || ""), e < g.value || e + 1 >= (s.images ?? []).length)
@@ -69,18 +69,18 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
       t && !t.src && (t.src = t?.dataset.src || "", t.srcset = t?.dataset.srcset || "");
     };
     D({
-      swiper: r.swiper,
+      swiper: V,
       moveTo(e, i = 0, t = !0) {
         r.swiper?.slideTo(e, i, t);
       }
     });
-    const L = k(null), Z = (e) => {
+    const L = k(null), G = (e) => {
       e === 0 && h && h[e] && M(() => {
-        L.value?.setAttribute("data-first-slide-loaded", "true"), $("firstSlideLoaded");
+        L.value?.setAttribute("data-first-slide-loaded", "true"), y("firstSlideLoaded");
       });
     };
-    return X(async () => {
-      if (K(), V.value) {
+    return Y(async () => {
+      if (R(), W.value) {
         const { Keyboard: t } = await import("../../../lazyModules/Swiper/keyboard.js");
         r.swiperParams.modules?.push(t), r.swiperParams.keyboard = s.swiperOptions.keyboard;
       }
@@ -112,7 +112,7 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
           ...a
         };
       }
-      if (W.value) {
+      if (q.value) {
         const { Autoplay: t } = await import("../../../lazyModules/Swiper/autoplay.js");
         r.swiperParams.modules?.push(t), r.swiperParams.autoplay = s.swiperOptions.autoplay;
       }
@@ -120,10 +120,10 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
         ...r.swiperParams,
         on: {
           init: () => {
-            A.value = !0;
+            A.value = !0, y("init");
           },
           slideChange: (t) => {
-            R(t.activeIndex), $("moved", { activeIndex: t.activeIndex });
+            Z(t.activeIndex), y("moved", { activeIndex: t.activeIndex });
           }
         }
       };
@@ -142,7 +142,7 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
         };
       }
       e.lazyPreloadPrevNext = 1, r.swiper = new B(`#${d.value}`, e), S.value?.classList.remove("uikit-hidden");
-    }), Y(
+    }), x(
       () => s.images,
       () => {
         M(() => {
@@ -165,9 +165,9 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
           ref: S,
           class: u(["swiper-wrapper", [
             e.$attrs["swiper-wrapper-classes"],
-            q.value === "none" && "no-transition"
+            K.value === "none" && "no-transition"
           ]]),
-          onClick: i[0] || (i[0] = (t) => $("click"))
+          onClick: i[0] || (i[0] = (t) => y("click"))
         }, [
           E(e.$slots, "default", {}, () => [
             (p(!0), l(P, null, F(e.images, (t, a) => (p(), l("div", {
@@ -177,7 +177,7 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
               v("div", {
                 class: u(["swiper-zoom-container", e.$attrs["swiper-zoom-container-classes"]])
               }, [
-                e.backgroundImage ? y("", !0) : (p(), l("img", T({
+                e.backgroundImage ? $("", !0) : (p(), l("img", T({
                   key: 0,
                   ref_for: !0,
                   ref: (o) => {
@@ -190,8 +190,8 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
                   itemprop: "image",
                   width: t.width,
                   height: t.height,
-                  onLoad: (o) => Z(a)
-                }), null, 16, se))
+                  onLoad: (o) => G(a)
+                }), null, 16, ie))
               ], 2)
             ], 2))), 128)),
             E(e.$slots, "last_slide", {}, void 0, !0)
@@ -202,7 +202,7 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
           class: u([e.$attrs["swiper-pagination-classes"], "swiper-pagination [&.swiper-pagination-fraction]:uikit-flex [&.swiper-pagination-fraction]:uikit-justify-center"]),
           onClick: i[1] || (i[1] = O(() => {
           }, ["stop"]))
-        }, null, 2)) : y("", !0),
+        }, null, 2)) : $("", !0),
         C.value ? (p(), l(P, { key: 1 }, [
           v("div", {
             class: "swiper-button-prev",
@@ -216,8 +216,8 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
             onClick: i[3] || (i[3] = O(() => {
             }, ["stop"]))
           })
-        ], 64)) : y("", !0)
-      ], 10, te),
+        ], 64)) : $("", !0)
+      ], 10, se),
       e.thumbSwiperOptions ? (p(), l("div", {
         key: 0,
         id: `thumb_${d.value}`,
@@ -236,13 +236,13 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
               ref_for: !0
             }, z(t, -1, !1), {
               alt: t.alt
-            }), null, 16, ae)
+            }), null, 16, re)
           ], 2))), 128))
         ], 2)
-      ], 10, ie)) : y("", !0)
-    ], 10, ee));
+      ], 10, ae)) : $("", !0)
+    ], 10, te));
   }
 });
 export {
-  we as default
+  me as default
 };

package/package.json

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