@wikicasa-dev/components 2.1.13 → 2.1.15

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-6c8fb454"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-581c6b6a"]]);
 export {
   e as default
 };

package/dist/packages/components/lib/UIKit/Tab/BaseTabPanel.vue.js

@@ -1,21 +1,22 @@
-import { defineComponent as a, withDirectives as l, createElementBlock as o, openBlock as s, normalizeClass as t, renderSlot as r, vShow as i } from "vue";
-const n = ["id", "aria-labelledby"], b = /* @__PURE__ */ a({
+import { defineComponent as a, withDirectives as l, createElementBlock as t, openBlock as i, normalizeClass as o, renderSlot as s, vShow as r } from "vue";
+const d = ["id", "aria-labelledby", "data-active"], b = /* @__PURE__ */ a({
   __name: "BaseTabPanel",
   props: {
     id: {},
     active: { type: Boolean, default: !1 },
     labelledBy: {}
   },
-  setup(d) {
-    return (e, p) => l((s(), o("div", {
+  setup(n) {
+    return (e, c) => l((i(), t("div", {
       id: e.id,
       role: "tabpanel",
       "aria-labelledby": e.labelledBy,
-      class: t(e.$attrs.class)
+      class: o(e.$attrs.class),
+      "data-active": e.active
     }, [
-      r(e.$slots, "default")
-    ], 10, n)), [
-      [i, e.active]
+      s(e.$slots, "default")
+    ], 10, d)), [
+      [r, e.active]
     ]);
   }
 });

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

@@ -1,4 +1,4 @@
-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 u, normalizeClass as p, 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 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 { Swiper as B } from "swiper";
 import x 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                                                                             */
@@ -6,7 +6,7 @@ import '../../../../../assets/node_modules/.pnpm/swiper@11.2.6/node_modules/swip
 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 "../../../../../_virtual/polyline.js";
-const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "height", "onLoad"], ie = ["id"], ae = ["alt"], me = /* @__PURE__ */ J({
+const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "height", "onLoad"], ie = ["id"], ae = ["alt"], we = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "SwiperCarousel",
   props: {
@@ -35,16 +35,16 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
       let a = "", o = "", b = "";
       if (s.artDirection) {
         for (const n in s.artDirection) {
-          const { mq: c, width: m } = s.artDirection[n];
-          m && (b += b ? `,${c} ${parseInt(m)}px` : `${c} ${parseInt(m)}px`);
+          const { mq: c, width: w } = s.artDirection[n];
+          w && (b += b ? `,${c} ${parseInt(w)}px` : `${c} ${parseInt(w)}px`);
         }
-        o = e.images.reduce((n, c, m) => {
-          const w = Object.values(s.artDirection)[m];
-          return !w || !w.width || (n += n ? `, ${c.storagePath} ${w.width}` : `${c.storagePath} ${w.width}`), n;
+        o = e.images.reduce((n, c, w) => {
+          const m = Object.values(s.artDirection)[w];
+          return !m || !m.width || (n += n ? `, ${c.storagePath} ${m.width}` : `${c.storagePath} ${m.width}`), n;
         }, ""), a = 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((c, m, w) => (w === 0 && (a = `${m.storagePath}`), w > 0 && (c += ", "), `${c}${m.storagePath} ${w + 1}x`), "");
+        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 ? {
@@ -69,6 +69,7 @@ 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,
       moveTo(e, i = 0, t = !0) {
         r.swiper?.slideTo(e, i, t);
       }
@@ -148,35 +149,35 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
           r.swiper?.update();
         });
       }
-    ), (e, i) => (u(), l("div", {
+    ), (e, i) => (p(), l("div", {
       id: `root-${d.value}`,
       ref_key: "root",
       ref: L,
-      class: p(["swiper-carousel-root", e.$attrs["root-classes"]])
+      class: u(["swiper-carousel-root", e.$attrs["root-classes"]])
     }, [
       v("div", {
         id: d.value,
         "data-cy": e.$attrs["data-cy"],
-        class: p(["swiper", e.$attrs["swiper-classes"]])
+        class: u(["swiper", e.$attrs["swiper-classes"]])
       }, [
         v("div", {
           ref_key: "swiperWrapper",
           ref: S,
-          class: p(["swiper-wrapper", [
+          class: u(["swiper-wrapper", [
             e.$attrs["swiper-wrapper-classes"],
             q.value === "none" && "no-transition"
           ]]),
           onClick: i[0] || (i[0] = (t) => $("click"))
         }, [
           E(e.$slots, "default", {}, () => [
-            (u(!0), l(P, null, F(e.images, (t, a) => (u(), l("div", {
+            (p(!0), l(P, null, F(e.images, (t, a) => (p(), l("div", {
               key: `swiper_${d.value}_${a}`,
-              class: p(["swiper-slide", e.$attrs["swiper-slide-classes"]])
+              class: u(["swiper-slide", e.$attrs["swiper-slide-classes"]])
             }, [
               v("div", {
-                class: p(["swiper-zoom-container", e.$attrs["swiper-zoom-container-classes"]])
+                class: u(["swiper-zoom-container", e.$attrs["swiper-zoom-container-classes"]])
               }, [
-                e.backgroundImage ? y("", !0) : (u(), l("img", T({
+                e.backgroundImage ? y("", !0) : (p(), l("img", T({
                   key: 0,
                   ref_for: !0,
                   ref: (o) => {
@@ -196,13 +197,13 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
             E(e.$slots, "last_slide", {}, void 0, !0)
           ], !0)
         ], 2),
-        I.value ? (u(), l("div", {
+        I.value ? (p(), l("div", {
           key: 0,
-          class: p([e.$attrs["swiper-pagination-classes"], "swiper-pagination [&.swiper-pagination-fraction]:uikit-flex [&.swiper-pagination-fraction]:uikit-justify-center"]),
+          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),
-        C.value ? (u(), l(P, { key: 1 }, [
+        C.value ? (p(), l(P, { key: 1 }, [
           v("div", {
             class: "swiper-button-prev",
             "data-cy": "swiper-button-prev",
@@ -217,18 +218,18 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
           })
         ], 64)) : y("", !0)
       ], 10, te),
-      e.thumbSwiperOptions ? (u(), l("div", {
+      e.thumbSwiperOptions ? (p(), l("div", {
         key: 0,
         id: `thumb_${d.value}`,
         thumbsSlider: "",
-        class: p(["swiper", e.$attrs["thumb-swiper-classes"]])
+        class: u(["swiper", e.$attrs["thumb-swiper-classes"]])
       }, [
         v("div", {
-          class: p(["swiper-wrapper", e.$attrs["thumb-swiper-wrapper-classes"]])
+          class: u(["swiper-wrapper", e.$attrs["thumb-swiper-wrapper-classes"]])
         }, [
-          (u(!0), l(P, null, F(e.images, (t, a) => (u(), l("div", {
+          (p(!0), l(P, null, F(e.images, (t, a) => (p(), l("div", {
             key: `thumb_${d.value}_${a}`,
-            class: p(["swiper-slide", e.$attrs["thumb-img-wrapper-classes"]])
+            class: u(["swiper-slide", e.$attrs["thumb-img-wrapper-classes"]])
           }, [
             v("img", T({
               class: e.$attrs["thumb-img-classes"],
@@ -243,5 +244,5 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
   }
 });
 export {
-  me as default
+  we as default
 };

package/package.json

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