@wikicasa-dev/components 2.5.3-alpha.23 → 2.5.3-alpha.26

package/dist/Swiper/Autoplay/index.js

@@ -1,4 +1,4 @@
-import '../../assets/swiper-autoplay.css';/* empty css                                                                              */
+import '../../assets/swiper-keyboard.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-autoplay.css';/* empty css                                                                                */
+import '../../assets/swiper-keyboard.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-autoplay.css';/* empty css                                                                              */
+import '../../assets/swiper-keyboard.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-autoplay.css';/* empty css                                                                            */
+import '../../assets/swiper-keyboard.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/assets/SwiperRootPrimitive2.css

@@ -1 +1 @@
-.swiper.uikit-carousel[data-v-a28a8566]{opacity:0}.swiper.uikit-carousel.is-initialized[data-v-a28a8566]{opacity:1}
+.swiper.uikit-carousel[data-v-f7d0c8cf]{opacity:0}.swiper.uikit-carousel.is-initialized[data-v-f7d0c8cf]{opacity:1}

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/Primitive/SwiperRootPrimitive.js

@@ -1,11 +1,11 @@
 import o from "../../../packages/components/lib/components/carousel/Primitive/SwiperRootPrimitive.vue.js";
-import { addModuleDescriptorKey as d, setLazyImagesLoaderKey as f } from "../../../packages/components/lib/components/carousel/Primitive/SwiperRootPrimitive.vue.js";
+import { addModuleDescriptorKey as f, setLazyImagesLoaderKey as s } from "../../../packages/components/lib/components/carousel/Primitive/SwiperRootPrimitive.vue.js";
 import '../../../assets/SwiperRootPrimitive2.css';import '../../../assets/SwiperRootPrimitive.css';/* empty css                                                                                      */
 /* empty css                                                                                      */
 import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a28a8566"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f7d0c8cf"]]);
 export {
-  d as addModuleDescriptorKey,
-  m as default,
-  f as setLazyImagesLoaderKey
+  f as addModuleDescriptorKey,
+  p as default,
+  s as setLazyImagesLoaderKey
 };

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/SwiperSlideImagePrimitive.css';import './assets/SwiperCarousel.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/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,105 +1,118 @@
-import { defineComponent as V, shallowRef as w, useTemplateRef as g, onMounted as x, provide as I, createElementBlock as P, openBlock as k, createElementVNode as N, createCommentVNode as A, normalizeClass as B, renderSlot as S } from "vue";
-import { createSwiper as D } 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 U } from "../../../../../../Swiper/Zoom/factory.js";
-const $ = { class: "uikit-relative" }, q = {
+import { defineComponent as L, shallowRef as w, useTemplateRef as D, onMounted as N, provide as b, createElementBlock as P, openBlock as h, createElementVNode as U, createCommentVNode as A, normalizeClass as q, renderSlot as k } from "vue";
+import { createSwiper as x } from "../../../../../../Swiper/factory.js";
+import { AutoplayModule as G } from "../../../../../../Swiper/Autoplay/factory.js";
+import { KeyboardModule as K } from "../../../../../../Swiper/Keyboard/factory.js";
+import { ZoomModule as R } from "../../../../../../Swiper/Zoom/factory.js";
+const $ = { class: "uikit-relative" }, Z = {
   key: 0,
   class: "uikit-absolute uikit-inset-0"
-}, G = /* @__PURE__ */ Symbol(), Z = /* @__PURE__ */ Symbol(), X = /* @__PURE__ */ V({
+}, j = /* @__PURE__ */ Symbol(), F = /* @__PURE__ */ Symbol(), _ = /* @__PURE__ */ L({
   __name: "SwiperRootPrimitive",
   props: {
     rootClasses: {},
     swiperOptions: {}
   },
   emits: ["moved", "click", "init"],
-  setup(o, { expose: T, emit: h }) {
-    const d = h, r = w(null), u = g("root"), l = w(!1), E = !!o.swiperOptions?.keyboard, O = !!o.swiperOptions?.autoplay, m = [];
+  setup(i, { expose: E, emit: S }) {
+    const m = S, l = w(null), p = D("root"), d = w(!1), T = !!i.swiperOptions?.keyboard, C = !!i.swiperOptions?.autoplay, v = [];
     let c = !1;
-    const b = (e) => [
+    const O = (e) => {
+      "requestIdleCallback" in window ? requestIdleCallback(e) : setTimeout(e, 200);
+    }, f = (e) => [
       ...e?.querySelectorAll("img[data-src]") ?? []
-    ], p = (e) => {
+    ], u = (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 i = e.params.lazyPreloadPrevNext ?? 0, a = [];
-      for (let n = t - i; n <= t + i; n++)
-        a.push(...b(e.slides[n]));
-      return a;
-    }, f = () => {
-      console.log("DEBUG:triggering init event"), l.value = !0, d("init");
+    }, I = (e, o) => {
+      if (!c) return { visibleImages: [], preloadImages: [] };
+      const t = e.params.lazyPreloadPrevNext ?? 0, r = f(e.slides[o]), n = [];
+      for (let s = o - t; s <= o + t; s++)
+        s !== o && (!e.params.loop && (s < 0 || s >= e.slides.length) || n.push(...f(e.slides[s])));
+      return { visibleImages: r, preloadImages: n };
+    }, y = () => {
+      console.log("DEBUG:triggering init event"), d.value = !0, m("init");
     }, z = async (e) => {
-      r.value = await D(
+      l.value = await x(
         e,
         {
           on: {
-            init: async (t) => {
-              const i = v(t, t.activeIndex);
-              if (!i.length) {
-                f();
+            init: async (o) => {
+              const { visibleImages: t, preloadImages: r } = I(
+                o,
+                o.activeIndex
+              );
+              if (!t.length) {
+                y();
                 return;
               }
-              let a;
-              const n = new Promise(
-                (s) => a = setTimeout(s, 6e3)
-              ), L = Promise.all(
-                i.map((s) => {
-                  const M = s.complete && s.src ? Promise.resolve() : new Promise((y) => {
-                    s.addEventListener("load", () => y(), { once: !0 }), s.addEventListener("error", () => y(), {
+              let n;
+              const s = new Promise(
+                (a) => n = setTimeout(a, 6e3)
+              ), V = Promise.all(
+                t.map((a) => {
+                  const B = a.complete && a.src ? Promise.resolve() : new Promise((g) => {
+                    a.addEventListener("load", () => g(), { once: !0 }), a.addEventListener("error", () => g(), {
                       once: !0
                     });
                   });
-                  return p(s), M;
+                  return u(a), B;
                 })
               ).finally(() => {
-                clearTimeout(a);
+                clearTimeout(n);
               });
-              await Promise.race([L, n]), f();
+              await Promise.race([V, s]), O(() => {
+                console.log("DEBUG:preloading neighbours", r), r.forEach(u);
+              }), y();
             },
-            slideChange: (t) => {
-              d("moved", { activeIndex: t.activeIndex }), v(t, t.activeIndex).forEach(
-                p
+            slideChange: (o) => {
+              m("moved", { activeIndex: o.activeIndex });
+              const { visibleImages: t, preloadImages: r } = I(
+                o,
+                o.activeIndex
               );
+              console.log("DEBUG:preloading neighbours", [
+                ...t,
+                ...r
+              ]), [...t, ...r].forEach(u);
             }
           },
-          ...o.swiperOptions
+          ...i.swiperOptions
         },
         [
-          U(o.swiperOptions?.zoom),
-          E ? R(o.swiperOptions?.keyboard) : void 0,
-          O ? K(o.swiperOptions.autoplay) : void 0,
-          ...m
+          R(i.swiperOptions?.zoom),
+          T ? K(i.swiperOptions?.keyboard) : void 0,
+          C ? G(i.swiperOptions.autoplay) : void 0,
+          ...v
         ].filter(Boolean)
       );
     };
-    x(() => {
-      u.value && setTimeout(() => z(u.value));
+    N(() => {
+      p.value && setTimeout(() => z(p.value));
     });
-    const C = (e) => {
-      !r.value || r.value.params.slidesPerView === e || (r.value.params.slidesPerView = e, r.value.update());
+    const M = (e) => {
+      !l.value || l.value.params.slidesPerView === e || (l.value.params.slidesPerView = e, l.value.update());
     };
-    return I(Z, (e) => {
-      e && m.push(e);
-    }), I(G, (e) => {
+    return b(F, (e) => {
+      e && v.push(e);
+    }), b(j, (e) => {
       e !== c && (c = e);
-    }), T({
-      swiper: r,
-      updateSlidesPerView: C
-    }), (e, t) => (k(), P("div", $, [
-      N("div", {
+    }), E({
+      swiper: l,
+      updateSlidesPerView: M
+    }), (e, o) => (h(), P("div", $, [
+      U("div", {
         ref: "root",
-        class: B(["swiper uikit-carousel", [{ "is-initialized": l.value }, o.rootClasses]])
+        class: q(["swiper uikit-carousel", [{ "is-initialized": d.value }, i.rootClasses]])
       }, [
-        S(e.$slots, "default", {}, void 0, !0)
+        k(e.$slots, "default", {}, void 0, !0)
       ], 2),
-      l.value ? A("", !0) : (k(), P("div", q, [
-        S(e.$slots, "placeholder", {}, void 0, !0)
+      d.value ? A("", !0) : (h(), P("div", Z, [
+        k(e.$slots, "placeholder", {}, void 0, !0)
       ]))
     ]));
   }
 });
 export {
-  Z as addModuleDescriptorKey,
-  X as default,
-  G as setLazyImagesLoaderKey
+  F as addModuleDescriptorKey,
+  _ as default,
+  j as setLazyImagesLoaderKey
 };

package/package.json

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