@wikicasa-dev/components 2.5.6-alpha.8 → 2.6.0

package/dist/UIKit/Card/BaseCard.js

@@ -1,5 +1,5 @@
 import o from "../../packages/components/lib/UIKit/Card/BaseCard.vue.js";
-import '../../assets/CardRootPrimitive.css';/* empty css                                                     */
+import '../../assets/BaseCard.css';/* empty css                                                     */
 export {
   o as default
 };

package/dist/UIKit/Card/CardRootPrimitive.js

@@ -1,5 +1,5 @@
 import o from "../../packages/components/lib/UIKit/Card/CardRootPrimitive.vue.js";
-import '../../assets/CardRootPrimitive.css';/* empty css                                                              */
+import '../../assets/BaseCard.css';/* empty css                                                              */
 export {
   o as default
 };

package/dist/UIKit/ShimmerLoader/BaseShimmerLoader.d.ts

@@ -1,18 +1,11 @@
 import { ClassTypeProp } from '../types';
-type __VLS_Props = {
+export type BaseShimmerLoaderProps = {
     shimmerClasses?: ClassTypeProp;
+    enabled?: boolean;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BaseShimmerLoaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseShimmerLoaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/UIKit/ShimmerLoader/BaseShimmerLoader.js

@@ -1,7 +1,7 @@
 import o from "../../packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js";
 import '../../assets/BaseShimmerLoader.css';/* empty css                                                                       */
-import e from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3e28e36c"]]);
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-cf2534f5"]]);
 export {
-  a as default
+  e as default
 };

package/dist/UIKit/ShimmerLoader/ShimmerMultiLine.d.ts

@@ -1,20 +1,18 @@
+import { BaseShimmerLoaderProps } from './BaseShimmerLoader';
 import { ClassTypeProp } from '../types';
 type __VLS_Props = {
     lines?: number;
     randomLength?: boolean;
     shimmerClasses?: ClassTypeProp;
     inheritHeight?: boolean;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    lines: number;
-    randomLength: boolean;
-    inheritHeight: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+} & Pick<BaseShimmerLoaderProps, "enabled">;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     shimmerLines: (({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
             readonly shimmerClasses?: ClassTypeProp;
+            readonly enabled?: boolean | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -29,10 +27,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
         $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<{
-            shimmerClasses?: ClassTypeProp;
-        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<BaseShimmerLoaderProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -52,9 +48,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<{
-        shimmerClasses?: ClassTypeProp;
-    }> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & Readonly<{}> & Omit<Readonly<BaseShimmerLoaderProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
         };

package/dist/assets/BaseShimmerLoader.css

@@ -1 +1 @@
-.shimmer[data-v-3e28e36c]{animation:shimmer-3e28e36c 1.4s infinite;will-change:transform;background-image:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0)}@keyframes shimmer-3e28e36c{0%{transform:translateZ(0) translate(-100%)}to{transform:translateZ(0) translate(100%)}}
+.shimmer[data-v-cf2534f5]{background-image:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0)}.shimmer[data-enabled][data-v-cf2534f5]{animation:shimmer-cf2534f5 1.4s infinite;will-change:transform}@keyframes shimmer-cf2534f5{0%{transform:translateZ(0) translate(-100%)}to{transform:translateZ(0) translate(100%)}}

package/dist/assets/SwiperCarousel.css

@@ -1 +1 @@
-.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}
+.swiper-pagination-bullet{--swiper-pagination-color: #ccc}.swiper-pagination-bullet-active{--swiper-pagination-color: #fff}

package/dist/assets/SwiperCarousel2.css

@@ -0,0 +1 @@
+.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/components/IntersectionObserver/v2/IntersectionObserverProvider.d.ts

@@ -11,9 +11,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<In
     default?(_: {
         observer: IntersectionObserver | undefined;
     }): any;
-    default?(_: {
-        observer: IntersectionObserver | undefined;
-    }): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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/SwiperPaginationPrimitive.css';/* empty css                                                                                            */
+import '../../../assets/SwiperCarousel.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/SwiperCarousel.css';import '../../assets/SwiperPaginationPrimitive.css';/* empty css                                                                    */
+import '../../assets/SwiperCarousel2.css';import '../../assets/SwiperCarousel.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 S } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
-import './assets/CardRootPrimitive.css';import './assets/SwiperSlideImagePrimitive.css';import './assets/SwiperPaginationPrimitive.css';import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.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/BaseCard.css';import './assets/SwiperSlideImagePrimitive.css';import './assets/SwiperCarousel.css';import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.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 I } 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/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js

@@ -1,22 +1,20 @@
-import { defineComponent as s, createElementBlock as l, openBlock as r, normalizeStyle as a, normalizeClass as t, createElementVNode as o, renderSlot as u } from "vue";
-const d = /* @__PURE__ */ s({
-  inheritAttrs: !1,
+import { defineComponent as i, createElementBlock as a, openBlock as l, createElementVNode as o, renderSlot as s, normalizeClass as d } from "vue";
+const n = { class: "uikit-relative uikit-overflow-hidden uikit-bg-w-lavender" }, r = ["data-enabled"], c = /* @__PURE__ */ i({
   __name: "BaseShimmerLoader",
   props: {
-    shimmerClasses: { default: "" }
+    shimmerClasses: { default: "" },
+    enabled: { type: Boolean, default: !0 }
   },
-  setup(i) {
-    return (e, m) => (r(), l("div", {
-      class: t(["uikit-relative uikit-overflow-hidden uikit-bg-w-lavender", e.$attrs.class]),
-      style: a(e.$attrs.style)
-    }, [
+  setup(e) {
+    return (t, u) => (l(), a("div", n, [
       o("div", {
-        class: t(["shimmer uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-h-full", i.shimmerClasses])
-      }, null, 2),
-      u(e.$slots, "default", {}, void 0, !0)
-    ], 6));
+        class: d(["shimmer uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-h-full", e.shimmerClasses]),
+        "data-enabled": e.enabled || void 0
+      }, null, 10, r),
+      s(t.$slots, "default", {}, void 0, !0)
+    ]));
   }
 });
 export {
-  d as default
+  c as default
 };

package/dist/packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js

@@ -1,15 +1,16 @@
-import { defineComponent as i, createElementBlock as n, openBlock as t, Fragment as l, renderList as a, createBlock as m, normalizeStyle as s, normalizeClass as o } from "vue";
+import { defineComponent as l, createElementBlock as a, openBlock as t, Fragment as r, renderList as i, createBlock as m, normalizeStyle as s, normalizeClass as o } from "vue";
 import u from "../../../../../UIKit/ShimmerLoader/BaseShimmerLoader.js";
-const k = /* @__PURE__ */ i({
+const k = /* @__PURE__ */ l({
   __name: "ShimmerMultiLine",
   props: {
     lines: { default: 1 },
     randomLength: { type: Boolean, default: !1 },
     shimmerClasses: {},
-    inheritHeight: { type: Boolean, default: !1 }
+    inheritHeight: { type: Boolean, default: !1 },
+    enabled: { type: Boolean, default: !0 }
   },
   setup(e) {
-    return (h, d) => (t(!0), n(l, null, a(e.lines, (r) => (t(), m(u, {
+    return (d, h) => (t(!0), a(r, null, i(e.lines, (n) => (t(), m(u, {
       ref_for: !0,
       ref: "shimmerLines",
       class: o(["shimmer-line", [
@@ -17,11 +18,12 @@ const k = /* @__PURE__ */ i({
         e.inheritHeight ? "uikit-h-[1em]" : "uikit-h-8",
         "uikit-mb-2 uikit-rounded-xs"
       ]]),
-      key: `sml-${r}`,
+      enabled: e.enabled,
+      key: `sml-${n}`,
       style: s({
         marginRight: e.randomLength ? `${Math.round(Math.random() * 5) * 10}%` : 0
       })
-    }, null, 8, ["class", "style"]))), 128));
+    }, null, 8, ["class", "enabled", "style"]))), 128));
   }
 });
 export {

package/dist/packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverProvider.vue.js

@@ -1,47 +1,39 @@
-import { defineComponent as b, shallowRef as i, provide as l, onBeforeMount as h, onBeforeUnmount as p, createElementBlock as g, renderSlot as c, openBlock as y, normalizeClass as O } from "vue";
-import { VisibleTargetsKey as k, ObserveTargetKey as B, UnobserveTargetKey as w } from "../../../../../../components/IntersectionObserver/v2/types.js";
-const I = /* @__PURE__ */ b({
+import { defineComponent as m, shallowRef as a, provide as i, onBeforeMount as b, onBeforeUnmount as h, renderSlot as p } from "vue";
+import { VisibleTargetsKey as g, ObserveTargetKey as O, UnobserveTargetKey as y } from "../../../../../../components/IntersectionObserver/v2/types.js";
+const T = /* @__PURE__ */ m({
   __name: "IntersectionObserverProvider",
   props: {
-    emitOnce: { type: Boolean, default: !0 },
+    emitOnce: { type: Boolean, default: !1 },
     skip: { type: Boolean, default: !1 },
     threshold: { default: 0 }
   },
   emits: ["intersection"],
-  setup(r, { emit: u }) {
-    const v = u, o = i(/* @__PURE__ */ new Set()), t = i(), d = (e) => {
-      r.skip || e.forEach(({ target: a, isIntersecting: m }) => {
-        const s = a.getAttribute("target-id");
-        if (!s) return;
-        const n = new Set(o.value);
-        m ? (n.add(s), v("intersection")) : n.delete(s), o.value = n;
+  setup(n, { emit: c }) {
+    const u = c, r = a(/* @__PURE__ */ new Set()), t = a(), d = (e) => {
+      n.skip || e.forEach(({ target: l, isIntersecting: f }) => {
+        const o = l.getAttribute("target-id");
+        if (!o) return;
+        const s = new Set(r.value);
+        f ? (s.add(o), u("intersection"), n.emitOnce && t.value?.disconnect()) : s.delete(o), r.value = s;
       });
-    }, f = () => {
+    }, v = () => {
       t.value?.disconnect();
     };
-    return l(k, o), l(B, (e) => {
+    return i(g, r), i(O, (e) => {
       t.value?.observe(e);
-    }), l(w, (e) => {
+    }), i(y, (e) => {
       t.value?.unobserve(e);
-    }), h(() => {
+    }), b(() => {
       t.value = new IntersectionObserver(d, {
         root: null,
         //if the root is null, then we will check if the target is visible in the doc root!
-        threshold: r.threshold
+        threshold: n.threshold
       });
-    }), p(() => {
-      f();
-    }), (e, a) => r.emitOnce ? c(e.$slots, "default", {
-      key: 1,
-      observer: t.value
-    }) : (y(), g("div", {
-      key: 0,
-      class: O(e.$attrs["root-classes"])
-    }, [
-      c(e.$slots, "default", { observer: t.value })
-    ], 2));
+    }), h(() => {
+      v();
+    }), (e, l) => p(e.$slots, "default", { observer: t.value });
   }
 });
 export {
-  I as default
+  T as default
 };

package/dist/packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverTarget.vue.js

@@ -1,31 +1,31 @@
-import { defineComponent as v, useTemplateRef as c, useId as f, inject as o, computed as d, onMounted as b, watch as m, createElementBlock as g, renderSlot as n, openBlock as p, unref as T } from "vue";
-import { VisibleTargetsKey as y, ObserveTargetKey as k, UnobserveTargetKey as O } from "../../../../../../components/IntersectionObserver/v2/types.js";
-const _ = ["target-id"], K = /* @__PURE__ */ v({
+import { defineComponent as v, useTemplateRef as d, useId as b, inject as s, computed as m, onMounted as g, watch as p, createElementBlock as T, renderSlot as u, openBlock as y, unref as k } from "vue";
+import { VisibleTargetsKey as O, ObserveTargetKey as _, UnobserveTargetKey as h } from "../../../../../../components/IntersectionObserver/v2/types.js";
+const V = ["target-id"], I = /* @__PURE__ */ v({
   __name: "IntersectionObserverTarget",
   props: {
     observeOnce: { type: Boolean, default: !0 }
   },
-  setup(s) {
-    const e = c("root"), a = f(), i = o(y, void 0), l = o(k, void 0), u = o(O, void 0), t = d(
-      () => (e.value ? i?.value.has(a) : !1) || !1
+  setup(n) {
+    const e = d("root"), i = b(), c = s(O, void 0), f = s(_, void 0), a = s(h, void 0), t = m(
+      () => c?.value.has(i) || !1
     );
-    return b(() => {
-      e.value && l?.(e.value);
-    }), m(t, (r) => {
-      s.observeOnce && r && e.value && u?.(e.value);
-    }), (r, h) => !s.observeOnce || !t.value ? (p(), g("div", {
+    return g(() => {
+      e.value && f?.(e.value);
+    }), p([t, e], ([r, o], [, l]) => {
+      n.observeOnce && r && (o && a?.(o), l && a?.(l));
+    }), (r, o) => !n.observeOnce || !t.value ? (y(), T("div", {
       key: 0,
       ref_key: "root",
       ref: e,
-      "target-id": T(a)
+      "target-id": k(i)
     }, [
-      n(r.$slots, "default", { isVisible: t.value })
-    ], 8, _)) : n(r.$slots, "default", {
+      u(r.$slots, "default", { isVisible: t.value })
+    ], 8, V)) : u(r.$slots, "default", {
       key: 1,
       isVisible: t.value
     });
   }
 });
 export {
-  K as default
+  I as default
 };

package/package.json

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

package/dist/assets/SwiperPaginationPrimitive.css

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