@wikicasa-dev/components 2.5.3-alpha.12 → 2.5.3-alpha.13

package/dist/Swiper/Autoplay/index.js

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

package/dist/Swiper/Controller/index.js

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

package/dist/Swiper/Keyboard/index.js

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

package/dist/Swiper/Thumbs/index.js

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

package/dist/assets/SwiperCarousel.css

@@ -1 +1 @@
-.swiper-pagination-bullet{--swiper-pagination-color: #ccc}.swiper-pagination-bullet-active{--swiper-pagination-color: #fff}
+.no-transition[data-v-f8f3d52a]{transition-duration:0ms!important}.disable-select[data-v-f8f3d52a]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.swiper-button-disabled[data-v-f8f3d52a]{pointer-events:auto!important}

package/dist/assets/SwiperPaginationPrimitive.css

@@ -0,0 +1 @@
+.swiper-pagination-bullet{--swiper-pagination-color: #ccc}.swiper-pagination-bullet-active{--swiper-pagination-color: #fff}

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

@@ -1,5 +1,5 @@
 import o from "../../../packages/components/lib/components/carousel/Primitive/SwiperPaginationPrimitive.vue.js";
-import '../../../assets/SwiperCarousel.css';/* empty css                                                                                            */
+import '../../../assets/SwiperPaginationPrimitive.css';/* empty css                                                                                            */
 export {
   o as default
 };

package/dist/components/carousel/SwiperCarousel.js

@@ -1,5 +1,5 @@
 import o from "../../packages/components/lib/components/carousel/SwiperCarousel.vue.js";
-import '../../assets/SwiperCarousel2.css';import '../../assets/SwiperCarousel.css';/* empty css                                                                    */
+import '../../assets/SwiperCarousel.css';import '../../assets/SwiperPaginationPrimitive.css';/* empty css                                                                    */
 /* empty css                                                                    */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
 const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f8f3d52a"]]);

package/dist/index.js

@@ -1,6 +1,6 @@
 import { default as S } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
 import { default as g } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
-import './assets/SwiperCarousel.css';import './assets/SwiperRootPrimitive.css';import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseCard.css';import './assets/BaseBadge.css';import './assets/ClearableAutocomplete.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/AccessibleSelect.css';import './assets/RadioButtonItem.css';import './assets/BaseTabsIndicator.css';import './assets/BaseTabs.css';import './assets/CheckboxBtn.css';import './assets/BaseAccordionItem.css';/* empty css                                                               */
+import './assets/SwiperPaginationPrimitive.css';import './assets/SwiperRootPrimitive.css';import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseCard.css';import './assets/BaseBadge.css';import './assets/ClearableAutocomplete.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/AccessibleSelect.css';import './assets/RadioButtonItem.css';import './assets/BaseTabsIndicator.css';import './assets/BaseTabs.css';import './assets/CheckboxBtn.css';import './assets/BaseAccordionItem.css';/* empty css                                                               */
 import { default as C } from "./packages/components/lib/UIKit/Accordion/AccordionItemPrimitive.vue.js";
 import { default as I } from "./packages/components/lib/UIKit/Accordion/AccordionHeaderPrimitive.vue.js";
 import { default as A } from "./packages/components/lib/UIKit/Accordion/AccordionTriggerPrimitive.vue.js";

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

@@ -1,95 +1,102 @@
-import { defineComponent as k, useAttrs as O, shallowRef as p, useTemplateRef as E, onMounted as L, provide as v, createElementBlock as b, openBlock as M, Fragment as V, withDirectives as x, renderSlot as f, createCommentVNode as z, createElementVNode as A, mergeProps as N, unref as C, vShow as B, nextTick as D } from "vue";
-import { createSwiper as K } from "../../../../../../Swiper/factory.js";
-import { AutoplayModule as R } from "../../../../../../Swiper/Autoplay/factory.js";
-import { KeyboardModule as U } from "../../../../../../Swiper/Keyboard/factory.js";
+import { defineComponent as O, useAttrs as k, shallowRef as v, useTemplateRef as L, onMounted as b, provide as f, createElementBlock as M, openBlock as z, Fragment as V, withDirectives as x, renderSlot as y, createCommentVNode as A, createElementVNode as B, mergeProps as D, unref as U, vShow as N, nextTick as C } from "vue";
+import { createSwiper as G } from "../../../../../../Swiper/factory.js";
+import { AutoplayModule as K } from "../../../../../../Swiper/Autoplay/factory.js";
+import { KeyboardModule as R } from "../../../../../../Swiper/Keyboard/factory.js";
 import { ZoomModule as $ } from "../../../../../../Swiper/Zoom/factory.js";
-const q = /* @__PURE__ */ Symbol(), F = /* @__PURE__ */ Symbol(), W = /* @__PURE__ */ k({
+const q = /* @__PURE__ */ Symbol(), F = /* @__PURE__ */ Symbol(), X = /* @__PURE__ */ O({
   inheritAttrs: !1,
   __name: "SwiperRootPrimitive",
   props: {
     swiperOptions: {}
   },
   emits: ["moved", "click", "init"],
-  setup(s, { expose: y, emit: w }) {
-    const l = w, P = O(), a = p(null), c = E("root"), n = p(!1), I = !!s.swiperOptions?.keyboard, T = !!s.swiperOptions?.autoplay, u = [];
+  setup(s, { expose: w, emit: T }) {
+    const n = T, g = k(), a = v(null), c = L("root"), l = v(!1), I = !!s.swiperOptions?.keyboard, P = !!s.swiperOptions?.autoplay, u = [];
     let d = !1;
-    const S = (e) => {
-      const t = [
+    const h = (e) => {
+      const o = [
         ...e?.querySelectorAll("img[data-src]") ?? []
       ];
-      return t.forEach((o) => {
-        o.src = o.dataset.src || "", o.srcset = o.dataset.srcset || "", o.dataset.src = "", o.dataset.srcset = "", o.removeAttribute("lazy");
-      }), t;
-    }, m = (e, t) => {
-      const o = [];
-      if (!d) return o;
-      const r = e.params.lazyPreloadPrevNext ?? 0;
-      for (let i = t - r; i <= t + r; i++)
-        o.push(...S(e.slides[i]));
-      return o;
-    }, h = async (e) => {
-      a.value = await K(
+      return o.forEach((t) => {
+        t.src = t.dataset.src || "", t.srcset = t.dataset.srcset || "", t.dataset.src = "", t.dataset.srcset = "", t.removeAttribute("lazy");
+      }), o;
+    }, m = (e, o) => {
+      const t = [];
+      if (!d) return t;
+      const i = e.params.lazyPreloadPrevNext ?? 0;
+      for (let r = o - i; r <= o + i; r++)
+        t.push(...h(e.slides[r]));
+      return t;
+    }, E = async (e) => {
+      a.value = await G(
         e,
         {
           on: {
-            init: (t) => {
-              D(async () => {
-                const o = m(t, t.activeIndex);
-                if (!o.length) {
-                  n.value = !0, l("init");
+            init: (o) => {
+              C(async () => {
+                const t = m(o, o.activeIndex);
+                if (console.log("DEBUG:imagesToLoad", t), !t.length) {
+                  l.value = !0, n("init");
                   return;
                 }
                 await Promise.race([
-                  Promise.all(
-                    o.map(
-                      (r) => r.complete ? Promise.resolve() : new Promise((i) => {
-                        r.addEventListener("load", i, { once: !0 }), r.addEventListener("error", i, { once: !0 });
-                      })
-                    )
-                  ),
-                  new Promise((r) => setTimeout(r, 3e3))
-                ]), n.value = !0, l("init");
+                  async () => {
+                    const i = await Promise.all(
+                      t.map(
+                        (r) => r.complete ? Promise.resolve() : new Promise((p) => {
+                          r.addEventListener("load", p, { once: !0 }), r.addEventListener("error", p, { once: !0 });
+                        })
+                      )
+                    );
+                    return console.log("DEBUG:all visible lazy images loaded"), i;
+                  },
+                  new Promise(
+                    (i) => setTimeout(() => {
+                      console.log("DEBUG:not all images have loaded => TIMEOUT!"), i("");
+                    }, 3e3)
+                  )
+                ]), l.value = !0, n("init");
               });
             },
-            slideChange: (t) => {
-              l("moved", { activeIndex: t.activeIndex }), m(t, t.activeIndex);
+            slideChange: (o) => {
+              n("moved", { activeIndex: o.activeIndex }), m(o, o.activeIndex);
             }
           },
           ...s.swiperOptions
         },
         [
           $(s.swiperOptions?.zoom),
-          I ? U(s.swiperOptions?.keyboard) : void 0,
-          T ? R(s.swiperOptions.autoplay) : void 0,
+          I ? R(s.swiperOptions?.keyboard) : void 0,
+          P ? K(s.swiperOptions.autoplay) : void 0,
           ...u
         ].filter(Boolean)
       );
     };
-    L(() => {
-      c.value && setTimeout(() => h(c.value));
+    b(() => {
+      c.value && setTimeout(() => E(c.value));
     });
-    const g = (e) => {
+    const S = (e) => {
       !a.value || a.value.params.slidesPerView === e || (a.value.params.slidesPerView = e, a.value.update());
     };
-    return v(F, (e) => {
+    return f(F, (e) => {
       e && u.push(e);
-    }), v(q, (e) => {
+    }), f(q, (e) => {
       e !== d && (d = e);
-    }), y({
+    }), w({
       swiper: a,
-      updateSlidesPerView: g
-    }), (e, t) => (M(), b(V, null, [
-      x(A("div", N({ ref: "root" }, C(P), { class: "swiper uikit-carousel" }), [
-        f(e.$slots, "default")
+      updateSlidesPerView: S
+    }), (e, o) => (z(), M(V, null, [
+      x(B("div", D({ ref: "root" }, U(g), { class: "swiper uikit-carousel" }), [
+        y(e.$slots, "default")
       ], 16), [
-        [B, n.value]
+        [N, l.value]
       ]),
-      n.value ? z("", !0) : f(e.$slots, "placeholder", { key: 0 })
+      l.value ? A("", !0) : y(e.$slots, "placeholder", { key: 0 })
     ], 64));
   }
 });
 export {
   F as addModuleDescriptorKey,
-  W as default,
+  X as default,
   q as setLazyImagesLoaderKey
 };

package/package.json

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

package/dist/assets/SwiperCarousel2.css

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