@wikicasa-dev/components 2.5.3-alpha.18 → 2.5.3-alpha.19

package/dist/Swiper/Autoplay/index.js

@@ -1,4 +1,4 @@
-import '../../assets/swiper-controller.css';/* empty css                                                                              */
+import '../../assets/swiper-autoplay.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-controller.css';/* empty css                                                                                */
+import '../../assets/swiper-autoplay.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-controller.css';/* empty css                                                                              */
+import '../../assets/swiper-autoplay.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-controller.css';/* empty css                                                                            */
+import '../../assets/swiper-autoplay.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/Primitive/SwiperRootPrimitive.d.ts

@@ -2,10 +2,12 @@ import { Nullable } from '@wikicasa-dev/types';
 import { SwiperModuleDescriptor } from '../../../../lazyModules/Swiper/types';
 import { InjectionKey } from 'vue';
 import { Swiper, SwiperOptions } from 'swiper/types';
+import { ClassTypeProp } from '../../../UIKit/types';
 export declare const setLazyImagesLoaderKey: InjectionKey<(v: boolean) => void>;
 export declare const addModuleDescriptorKey: InjectionKey<(m: Nullable<SwiperModuleDescriptor>) => void>;
 export type SwiperRootPrimitiveProps = Omit<SwiperOptions, "pagination" | "navigation">;
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    rootClasses?: ClassTypeProp;
     swiperOptions?: SwiperRootPrimitiveProps;
 }, {
     swiper: import('vue').ShallowRef<Nullable<Swiper>, Nullable<Swiper>>;
@@ -17,6 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         activeIndex: number;
     }) => any;
 }, string, import('vue').PublicProps, Readonly<{
+    rootClasses?: ClassTypeProp;
     swiperOptions?: SwiperRootPrimitiveProps;
 }> & Readonly<{
     onClick?: (() => any) | undefined;
@@ -26,7 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     root: HTMLDivElement;
-}, any>, {
+}, HTMLDivElement>, {
     default?(_: {}): any;
     placeholder?(_: {}): any;
 }>;

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,22 +1,22 @@
-import { defineComponent as A, useAttrs as N, shallowRef as w, useTemplateRef as g, onMounted as C, provide as P, createElementBlock as I, openBlock as k, createElementVNode as B, createCommentVNode as K, mergeProps as R, unref as D, renderSlot as T, nextTick as U } from "vue";
-import { createSwiper as $ } from "../../../../../../Swiper/factory.js";
-import { AutoplayModule as q } from "../../../../../../Swiper/Autoplay/factory.js";
-import { KeyboardModule as Z } from "../../../../../../Swiper/Keyboard/factory.js";
-import { ZoomModule as j } from "../../../../../../Swiper/Zoom/factory.js";
-const F = { class: "uikit-relative" }, G = {
+import { defineComponent as V, shallowRef as w, useTemplateRef as x, onMounted as N, provide as I, createElementBlock as P, openBlock as k, createElementVNode as A, createCommentVNode as g, normalizeClass as B, renderSlot as T, nextTick as K } from "vue";
+import { createSwiper as R } from "../../../../../../Swiper/factory.js";
+import { AutoplayModule as D } from "../../../../../../Swiper/Autoplay/factory.js";
+import { KeyboardModule as U } from "../../../../../../Swiper/Keyboard/factory.js";
+import { ZoomModule as $ } from "../../../../../../Swiper/Zoom/factory.js";
+const q = { class: "uikit-relative" }, Z = {
   key: 0,
   class: "uikit-absolute uikit-inset-0"
-}, H = /* @__PURE__ */ Symbol(), J = /* @__PURE__ */ Symbol(), te = /* @__PURE__ */ A({
-  inheritAttrs: !1,
+}, j = /* @__PURE__ */ Symbol(), F = /* @__PURE__ */ Symbol(), Y = /* @__PURE__ */ V({
   __name: "SwiperRootPrimitive",
   props: {
+    rootClasses: {},
     swiperOptions: {}
   },
   emits: ["moved", "click", "init"],
-  setup(o, { expose: h, emit: S }) {
-    const d = S, E = N(), s = w(null), u = g("root"), l = w(!1), O = !!o.swiperOptions?.keyboard, b = !!o.swiperOptions?.autoplay, m = [];
+  setup(o, { expose: S, emit: h }) {
+    const d = h, s = w(null), u = x("root"), l = w(!1), E = !!o.swiperOptions?.keyboard, O = !!o.swiperOptions?.autoplay, m = [];
     let c = !1;
-    const z = (e) => [
+    const b = (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");
@@ -24,14 +24,14 @@ const F = { class: "uikit-relative" }, G = {
       if (!c) return [];
       const i = e.params.lazyPreloadPrevNext ?? 0, a = [];
       for (let n = t - i; n <= t + i; n++)
-        a.push(...z(e.slides[n]));
+        a.push(...b(e.slides[n]));
       return a;
     }, f = () => {
-      U(() => {
+      K(() => {
         l.value = !0, d("init");
       });
-    }, L = async (e) => {
-      s.value = await $(
+    }, z = async (e) => {
+      s.value = await R(
         e,
         {
           on: {
@@ -44,19 +44,19 @@ const F = { class: "uikit-relative" }, G = {
               let a;
               const n = new Promise(
                 (r) => a = setTimeout(r, 6e3)
-              ), V = Promise.all(
+              ), L = Promise.all(
                 i.map((r) => {
-                  const x = r.complete ? Promise.resolve() : new Promise((y) => {
+                  const M = r.complete ? Promise.resolve() : new Promise((y) => {
                     r.addEventListener("load", () => y(), { once: !0 }), r.addEventListener("error", () => y(), {
                       once: !0
                     });
                   });
-                  return p(r), x;
+                  return p(r), M;
                 })
               ).finally(() => {
                 clearTimeout(a);
               });
-              await Promise.race([V, n]), f();
+              await Promise.race([L, n]), f();
             },
             slideChange: (t) => {
               d("moved", { activeIndex: t.activeIndex }), v(t, t.activeIndex).forEach(
@@ -67,40 +67,41 @@ const F = { class: "uikit-relative" }, G = {
           ...o.swiperOptions
         },
         [
-          j(o.swiperOptions?.zoom),
-          O ? Z(o.swiperOptions?.keyboard) : void 0,
-          b ? q(o.swiperOptions.autoplay) : void 0,
+          $(o.swiperOptions?.zoom),
+          E ? U(o.swiperOptions?.keyboard) : void 0,
+          O ? D(o.swiperOptions.autoplay) : void 0,
           ...m
         ].filter(Boolean)
       );
     };
-    C(() => {
-      u.value && setTimeout(() => L(u.value));
+    N(() => {
+      u.value && setTimeout(() => z(u.value));
     });
-    const M = (e) => {
+    const C = (e) => {
       !s.value || s.value.params.slidesPerView === e || (s.value.params.slidesPerView = e, s.value.update());
     };
-    return P(J, (e) => {
+    return I(F, (e) => {
       e && m.push(e);
-    }), P(H, (e) => {
+    }), I(j, (e) => {
       e !== c && (c = e);
-    }), h({
+    }), S({
       swiper: s,
-      updateSlidesPerView: M
-    }), (e, t) => (k(), I("div", F, [
-      B("div", R({ ref: "root" }, D(E), {
-        class: ["swiper uikit-carousel", { "is-initialized": l.value }]
-      }), [
+      updateSlidesPerView: C
+    }), (e, t) => (k(), P("div", q, [
+      A("div", {
+        ref: "root",
+        class: B(["swiper uikit-carousel", [{ "is-initialized": l.value }, o.rootClasses]])
+      }, [
         T(e.$slots, "default")
-      ], 16),
-      l.value ? K("", !0) : (k(), I("div", G, [
+      ], 2),
+      l.value ? g("", !0) : (k(), P("div", Z, [
         T(e.$slots, "placeholder")
       ]))
     ]));
   }
 });
 export {
-  J as addModuleDescriptorKey,
-  te as default,
-  H as setLazyImagesLoaderKey
+  F as addModuleDescriptorKey,
+  Y as default,
+  j as setLazyImagesLoaderKey
 };

package/package.json

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