@wikicasa-dev/components 2.4.1-alpha.17 → 2.4.1-alpha.18

package/dist/Swiper/autoplay.js

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

package/dist/Swiper/controller.js

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

package/dist/Swiper/index.js

@@ -0,0 +1,5 @@
+import '../assets/swiper-swiper.css';/* empty css                                                                 */
+import { Swiper as e } from "swiper";
+export {
+  e as Swiper
+};

package/dist/Swiper/keyboard.js

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

package/dist/Swiper/thumbs.js

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

package/dist/Swiper/zoom.js

@@ -0,0 +1,5 @@
+import { Zoom as p } from "swiper/modules";
+import '../assets/swiper-zoom.css';/* empty css                                                                       */
+export {
+  p as Zoom
+};

package/dist/assets/SwiperCarousel2.css

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

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

@@ -1,6 +1,5 @@
 import { Image } from '@wikicasa-dev/types';
-import { Swiper } from 'swiper';
-import { SwiperOptions } from 'swiper/types';
+import { Swiper, SwiperOptions } from 'swiper/types';
 type SwiperCarouselProps = {
     id?: string;
     swiperOptions: SwiperOptions;
@@ -21,8 +20,8 @@ declare function __VLS_template(): {
         last_slide?(_: {}): any;
     };
     refs: {
-        root: HTMLDivElement;
-        swiperWrapper: HTMLDivElement;
+        rootRef: HTMLDivElement;
+        swiperWrapperRef: HTMLDivElement;
     };
     rootEl: any;
 };
@@ -2365,8 +2364,8 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
     onFirstSlideLoaded?: (() => any) | undefined;
     onInit?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    root: HTMLDivElement;
-    swiperWrapper: HTMLDivElement;
+    rootRef: HTMLDivElement;
+    swiperWrapperRef: HTMLDivElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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 m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1ea2f6ce"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-705dfad0"]]);
 export {
-  m as default
+  e as default
 };

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

@@ -1,10 +1,6 @@
-import { defineComponent as Q, reactive as U, ref as k, useId as X, computed as f, onMounted as Y, watch as x, nextTick as V, createElementBlock as l, openBlock as u, normalizeClass as d, createElementVNode as v, createCommentVNode as $, renderSlot as M, Fragment as P, renderList as E, mergeProps as F, withModifiers as O } from "vue";
-import { Swiper as T } from "swiper";
-import { Zoom as _ } from "swiper/modules";
-import '../../../../../assets/swiper-zoom.css';import '../../../../../assets/swiper-swiper.css';/* empty css                                                                             */
-/* empty css                                                                                   */
+import { defineComponent as Q, reactive as U, useTemplateRef as z, shallowRef as X, useId as Y, computed as v, onMounted as x, watch as _, nextTick as L, createElementBlock as u, openBlock as p, normalizeClass as d, createElementVNode as g, createCommentVNode as P, renderSlot as V, Fragment as k, renderList as M, mergeProps as T, withModifiers as O } from "vue";
 import { shallowCopyObjectTo as ee } from "@wikicasa-dev/utilities";
-const te = ["id"], se = ["id", "data-cy"], ie = ["data-idx", "alt", "width", "height", "onLoad"], ae = ["id"], re = ["alt"], ce = /* @__PURE__ */ Q({
+const te = ["id"], se = ["id", "data-cy"], ie = ["data-idx", "alt", "width", "height", "onLoad"], ae = ["id"], re = ["alt"], ue = /* @__PURE__ */ Q({
   inheritAttrs: !1,
   __name: "SwiperCarousel",
   props: {
@@ -18,229 +14,232 @@ const te = ["id"], se = ["id", "data-cy"], ie = ["data-idx", "alt", "width", "he
     shiftFirstImage: { type: Boolean, default: !1 }
   },
   emits: ["moved", "click", "firstSlideLoaded", "init"],
-  setup(s, { expose: B, emit: D }) {
-    const y = D, a = U({
-      swiperParams: { modules: [_] },
+  setup(t, { expose: R, emit: E }) {
+    const $ = E, a = U({
+      swiperParams: { modules: [] },
       swiper: null,
       initCarousel: !1
-    }), S = k(), j = k(!1), A = X(), p = f(() => s.id ?? A), N = f(() => a.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"
-    ), R = () => {
-      s.swiperOptions && ee(s.swiperOptions, a.swiperParams);
-    }, z = (e, i = -1, t = !1) => {
+    }), F = z("rootRef"), B = z("swiperWrapperRef"), D = X(!1), j = Y(), w = v(() => t.id ?? j), A = v(() => a.swiper), h = v(() => t.swiperOptions?.slidesPerView || 1), N = v(() => !!t.swiperOptions?.keyboard), S = v(() => !!t.swiperOptions.navigation), C = v(() => !!t.swiperOptions.pagination), W = v(() => !!t.swiperOptions.autoplay), q = v(
+      () => t.swiperOptions?.effect || "slider"
+    ), K = () => {
+      t.swiperOptions && ee(t.swiperOptions, a.swiperParams);
+    }, I = (e, s = -1, i = !1) => {
       if (!e.images)
         return { src: e.src || "" };
-      let r = "", o = "", b = "";
-      if (s.artDirection) {
-        for (const n in s.artDirection) {
-          const { mq: w, width: c } = s.artDirection[n];
-          c && (b += b ? `,${w} ${parseInt(c)}px` : `${w} ${parseInt(c)}px`);
+      let o = "", r = "", n = "";
+      if (t.artDirection) {
+        for (const l in t.artDirection) {
+          const { mq: c, width: m } = t.artDirection[l];
+          m && (n += n ? `,${c} ${parseInt(m)}px` : `${c} ${parseInt(m)}px`);
         }
-        o = e.images.reduce((n, w, c) => {
-          const m = Object.values(s.artDirection)[c];
-          return !m || !m.width || (n += n ? `, ${w.storagePath} ${m.width}` : `${w.storagePath} ${m.width}`), n;
-        }, ""), r = e.images[0].storagePath;
+        r = e.images.reduce((l, c, m) => {
+          const f = Object.values(t.artDirection)[m];
+          return !f || !f.width || (l += l ? `, ${c.storagePath} ${f.width}` : `${c.storagePath} ${f.width}`), l;
+        }, ""), o = e.images[0].storagePath;
       } else {
-        let n = e.images;
-        e.images.length > 3 ? n = e.images.slice(2, 5) : s.shiftFirstImage && (n[0] = n[1]), o = n.reduce((w, c, m) => (m === 0 && (r = `${c.storagePath}`), m > 0 && (w += ", "), `${w}${c.storagePath} ${m + 1}x`), "");
+        let l = e.images;
+        e.images.length > 3 ? l = e.images.slice(2, 5) : t.shiftFirstImage && (l[0] = l[1]), r = l.reduce((c, m, f) => (f === 0 && (o = `${m.storagePath}`), f > 0 && (c += ", "), `${c}${m.storagePath} ${f + 1}x`), "");
       }
-      const H = r, J = o;
-      return typeof g.value == "number" && i > g.value ? (r = "", o = "", { sizes: b, "data-src": H, "data-srcset": J }) : t ? {
-        src: r,
-        srcset: o,
-        sizes: b,
+      const y = o, J = r;
+      return typeof h.value == "number" && s > h.value ? (o = "", r = "", { sizes: n, "data-src": y, "data-srcset": J }) : i ? {
+        src: o,
+        srcset: r,
+        sizes: n,
         loading: "lazy",
         fetchpriority: "low"
       } : {
-        src: r,
-        srcset: o,
-        sizes: b,
-        loading: s.lazyLoadImages || i >= g.value ? "lazy" : void 0,
-        fetchpriority: !s.lazyLoadImages && i === 0 ? "high" : "low"
+        src: o,
+        srcset: r,
+        sizes: n,
+        loading: t.lazyLoadImages || s >= h.value ? "lazy" : void 0,
+        fetchpriority: !t.lazyLoadImages && s === 0 ? "high" : "low"
       };
-    }, 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)
+    }, b = [], Z = (e) => {
+      if (typeof h.value == "string") return;
+      const s = b[e];
+      if (s && !s.src && (s.src = s.dataset.src || "", s.srcset = s.dataset.srcset || ""), e < h.value || e + 1 >= (t.images ?? []).length)
         return;
-      const t = h[e + 1];
-      t && !t.src && (t.src = t?.dataset.src || "", t.srcset = t?.dataset.srcset || "");
-    }, L = k(null), G = (e) => {
-      e === 0 && h && h[e] && V(() => {
-        L.value?.setAttribute("data-first-slide-loaded", "true"), y("firstSlideLoaded");
+      const i = b[e + 1];
+      i && !i.src && (i.src = i?.dataset.src || "", i.srcset = i?.dataset.srcset || "");
+    }, G = (e) => {
+      e === 0 && b && b[e] && L(() => {
+        F.value?.setAttribute("data-first-slide-loaded", "true"), $("firstSlideLoaded");
       });
-    };
-    return Y(async () => {
-      if (R(), W.value) {
-        const { Keyboard: t } = await import("../../../../../Swiper/keyboard.js");
-        a.swiperParams.modules?.push(t), a.swiperParams.keyboard = s.swiperOptions.keyboard;
+    }, H = async () => {
+      K();
+      const [{ Swiper: e }, { Zoom: s }] = await Promise.all([
+        import("../../../../../Swiper/index.js"),
+        import("../../../../../Swiper/zoom.js")
+      ]);
+      if (a.swiperParams.modules?.push(s), N.value) {
+        const { Keyboard: r } = await import("../../../../../Swiper/keyboard.js");
+        a.swiperParams.modules?.push(r), a.swiperParams.keyboard = t.swiperOptions.keyboard;
       }
-      if (I.value) {
-        const { Pagination: t } = await import("../../../../../Swiper/pagination.js");
-        a.swiperParams.modules?.push(t), a.swiperParams.pagination = {
+      if (C.value) {
+        const { Pagination: r } = await import("../../../../../Swiper/pagination.js");
+        a.swiperParams.modules?.push(r), a.swiperParams.pagination = {
           el: ".swiper-pagination",
-          renderFraction: (r, o) => `<div class="uikit-rounded-xs uikit-border-w-black uikit-border uikit-border-solid uikit-px-3 uikit-bg-white uikit-pt-[3px] uikit-pb-[3px]">
-                    <span data-cy="swiper-pagination-current" class="${r}"></span>
+          renderFraction: (n, y) => `<div class="uikit-rounded-xs uikit-border-w-black uikit-border uikit-border-solid uikit-px-3 uikit-bg-white uikit-pt-[3px] uikit-pb-[3px]">
+                    <span data-cy="swiper-pagination-current" class="${n}"></span>
                     /
-                    <span data-cy="swiper-pagination-total" class="${o}"></span>
+                    <span data-cy="swiper-pagination-total" class="${y}"></span>
                  </div>`,
           ...typeof a.swiperParams.pagination == "boolean" ? {} : a.swiperParams.pagination
         };
       }
-      if (C.value) {
-        const { Navigation: t } = await import("../../../../../Swiper/navigation.js");
-        a.swiperParams.modules?.push(t);
-        const r = {
-          ...s.swiperOptions.navigation.nextEl ?? {
+      if (S.value) {
+        const { Navigation: r } = await import("../../../../../Swiper/navigation.js");
+        a.swiperParams.modules?.push(r);
+        const n = {
+          ...t.swiperOptions.navigation.nextEl ?? {
             nextEl: ".swiper-button-next"
           },
-          ...s.swiperOptions.navigation.prevEl ?? {
+          ...t.swiperOptions.navigation.prevEl ?? {
             prevEl: ".swiper-button-prev"
           }
         };
         a.swiperParams.navigation = {
-          ...typeof s.swiperOptions.navigation == "object" ? s.swiperOptions.navigation : {},
-          ...r
+          ...typeof t.swiperOptions.navigation == "object" ? t.swiperOptions.navigation : {},
+          ...n
         };
       }
-      if (q.value) {
-        const { Autoplay: t } = await import("../../../../../Swiper/autoplay.js");
-        a.swiperParams.modules?.push(t), a.swiperParams.autoplay = s.swiperOptions.autoplay;
+      if (W.value) {
+        const { Autoplay: r } = await import("../../../../../Swiper/autoplay.js");
+        a.swiperParams.modules?.push(r), a.swiperParams.autoplay = t.swiperOptions.autoplay;
       }
-      const e = {
+      const i = {
         ...a.swiperParams,
         on: {
           init: () => {
-            j.value = !0, y("init");
+            D.value = !0, $("init");
           },
-          slideChange: (t) => {
-            Z(t.activeIndex), y("moved", { activeIndex: t.activeIndex });
+          slideChange: (r) => {
+            Z(r.activeIndex), $("moved", { activeIndex: r.activeIndex });
           }
         }
       };
-      let i = null;
-      if (s.thumbSwiperOptions) {
-        const [t, r, o] = await Promise.all([
+      let o = null;
+      if (t.thumbSwiperOptions) {
+        const [r, n, y] = await Promise.all([
           import("../../../../../Swiper/thumbs.js"),
           import("../../../../../Swiper/free-mode.js"),
           import("../../../../../Swiper/controller.js")
         ]);
-        a.swiperParams.modules?.push(t.Thumbs), a.swiperParams.modules?.push(o.Controller), i = new T(`#thumb_${p.value}`, {
-          ...s.thumbSwiperOptions,
-          modules: [r.FreeMode]
-        }), e.thumbs = {
-          swiper: i
+        a.swiperParams.modules?.push(r.Thumbs), a.swiperParams.modules?.push(y.Controller), o = new e(`#thumb_${w.value}`, {
+          ...t.thumbSwiperOptions,
+          modules: [n.FreeMode]
+        }), i.thumbs = {
+          swiper: o
         };
       }
-      e.lazyPreloadPrevNext = 1, a.swiper = new T(`#${p.value}`, e), S.value?.classList.remove("uikit-hidden");
-    }), x(
-      () => s.images,
+      i.lazyPreloadPrevNext = 1, a.swiper = new e(`#${w.value}`, i), B.value?.classList.remove("uikit-hidden");
+    };
+    return x(() => setTimeout(H)), _(
+      () => t.images,
       () => {
-        V(() => {
+        L(() => {
           a.swiper?.update();
         });
       }
-    ), B({
-      swiper: N,
-      moveTo(e, i = 0, t = !0) {
-        a.swiper?.slideTo(e, i, t);
+    ), R({
+      swiper: A,
+      moveTo(e, s = 0, i = !0) {
+        a.swiper?.slideTo(e, s, i);
       },
       updateSlidesPerView: (e) => {
         !a.swiper || a.swiper.params.slidesPerView === e || (a.swiper.params.slidesPerView = e, a.swiper.update());
       }
-    }), (e, i) => (u(), l("div", {
-      id: `root-${p.value}`,
-      ref_key: "root",
-      ref: L,
+    }), (e, s) => (p(), u("div", {
+      id: `root-${w.value}`,
+      ref: "rootRef",
       class: d(["swiper-carousel-root", e.$attrs["root-classes"]])
     }, [
-      v("div", {
-        id: p.value,
+      g("div", {
+        id: w.value,
         "data-cy": e.$attrs["data-cy"],
         class: d(["swiper", e.$attrs["swiper-classes"]])
       }, [
-        v("div", {
-          ref_key: "swiperWrapper",
-          ref: S,
+        g("div", {
+          ref: "swiperWrapperRef",
           class: d(["swiper-wrapper", [
             e.$attrs["swiper-wrapper-classes"],
-            K.value === "none" && "no-transition"
+            q.value === "none" && "no-transition"
           ]]),
-          onClick: i[0] || (i[0] = (t) => y("click"))
+          onClick: s[0] || (s[0] = (i) => $("click"))
         }, [
-          M(e.$slots, "default", {}, () => [
-            (u(!0), l(P, null, E(s.images, (t, r) => (u(), l("div", {
-              key: `swiper_${p.value}_${r}`,
+          V(e.$slots, "default", {}, () => [
+            (p(!0), u(k, null, M(t.images, (i, o) => (p(), u("div", {
+              key: `swiper_${w.value}_${o}`,
               class: d(["swiper-slide", e.$attrs["swiper-slide-classes"]])
             }, [
-              v("div", {
+              g("div", {
                 class: d(["swiper-zoom-container", e.$attrs["swiper-zoom-container-classes"]])
               }, [
-                s.backgroundImage ? $("", !0) : (u(), l("img", F({
+                t.backgroundImage ? P("", !0) : (p(), u("img", T({
                   key: 0,
                   ref_for: !0,
-                  ref: (o) => {
-                    h.push(o);
+                  ref: (r) => {
+                    b.push(r);
                   },
-                  class: ["disable-select", [e.$attrs["slide-img-classes"] || t.classes]],
-                  "data-idx": `${p.value}-slide-img-${r}`
-                }, { ref_for: !0 }, z(t, r), {
-                  alt: t.alt,
+                  class: ["disable-select", [e.$attrs["slide-img-classes"] || i.classes]],
+                  "data-idx": `${w.value}-slide-img-${o}`
+                }, { ref_for: !0 }, I(i, o), {
+                  alt: i.alt,
                   itemprop: "image",
-                  width: t.width,
-                  height: t.height,
-                  onLoad: (o) => G(r)
+                  width: i.width,
+                  height: i.height,
+                  onLoad: (r) => G(o)
                 }), null, 16, ie))
               ], 2)
             ], 2))), 128)),
-            M(e.$slots, "last_slide", {}, void 0, !0)
+            V(e.$slots, "last_slide", {}, void 0, !0)
           ], !0)
         ], 2),
-        I.value ? (u(), l("div", {
+        C.value ? (p(), u("div", {
           key: 0,
           class: d([e.$attrs["swiper-pagination-classes"], "swiper-pagination [&.swiper-pagination-fraction]:uikit-flex [&.swiper-pagination-fraction]:uikit-justify-center"]),
-          onClick: i[1] || (i[1] = O(() => {
+          onClick: s[1] || (s[1] = O(() => {
           }, ["stop"]))
-        }, null, 2)) : $("", !0),
-        C.value ? (u(), l(P, { key: 1 }, [
-          v("div", {
+        }, null, 2)) : P("", !0),
+        S.value ? (p(), u(k, { key: 1 }, [
+          g("div", {
             class: "swiper-button-prev",
             "data-cy": "swiper-button-prev",
-            onClick: i[2] || (i[2] = O(() => {
+            onClick: s[2] || (s[2] = O(() => {
             }, ["stop"]))
           }),
-          v("div", {
+          g("div", {
             class: "swiper-button-next",
             "data-cy": "swiper-button-next",
-            onClick: i[3] || (i[3] = O(() => {
+            onClick: s[3] || (s[3] = O(() => {
             }, ["stop"]))
           })
-        ], 64)) : $("", !0)
+        ], 64)) : P("", !0)
       ], 10, se),
-      s.thumbSwiperOptions ? (u(), l("div", {
+      t.thumbSwiperOptions ? (p(), u("div", {
         key: 0,
-        id: `thumb_${p.value}`,
+        id: `thumb_${w.value}`,
         thumbsSlider: "",
         class: d(["swiper", e.$attrs["thumb-swiper-classes"]])
       }, [
-        v("div", {
+        g("div", {
           class: d(["swiper-wrapper", e.$attrs["thumb-swiper-wrapper-classes"]])
         }, [
-          (u(!0), l(P, null, E(s.images, (t, r) => (u(), l("div", {
-            key: `thumb_${p.value}_${r}`,
+          (p(!0), u(k, null, M(t.images, (i, o) => (p(), u("div", {
+            key: `thumb_${w.value}_${o}`,
             class: d(["swiper-slide", e.$attrs["thumb-img-wrapper-classes"]])
           }, [
-            v("img", F({
+            g("img", T({
               class: e.$attrs["thumb-img-classes"]
-            }, { ref_for: !0 }, z(t, -1, !1), {
-              alt: t.alt
+            }, { ref_for: !0 }, I(i, -1, !1), {
+              alt: i.alt
             }), null, 16, re)
           ], 2))), 128))
         ], 2)
-      ], 10, ae)) : $("", !0)
+      ], 10, ae)) : P("", !0)
     ], 10, te));
   }
 });
 export {
-  ce as default
+  ue as default
 };

package/package.json

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

package/dist/chart/composables/useChartjsModules.js

@@ -1 +0,0 @@
-