@wikicasa-dev/components 2.5.3-alpha.15 → 2.5.3-alpha.17

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 P } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
 import { default as v } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
-import './assets/SwiperSlideImagePrimitive.css';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/SwiperSlideImagePrimitive.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 T } from "./packages/components/lib/UIKit/Accordion/AccordionItemPrimitive.vue.js";
 import { default as h } from "./packages/components/lib/UIKit/Accordion/AccordionHeaderPrimitive.vue.js";
 import { default as w } from "./packages/components/lib/UIKit/Accordion/AccordionTriggerPrimitive.vue.js";

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.5.3-alpha.15",
+  "version": "2.5.3-alpha.17",
   "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}