@wikicasa-dev/components 2.5.4 → 2.5.6-alpha.0

package/dist/Swiper/Autoplay/index.js

@@ -1,4 +1,4 @@
-import '../../assets/swiper-autoplay.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-autoplay.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-autoplay.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-autoplay.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/IntersectionObserver/v2/IntersectionObserverProvider.d.ts

@@ -0,0 +1,29 @@
+import { InjectionKey, ShallowRef } from 'vue';
+export declare const ObserverOnceKey: InjectionKey<boolean>;
+export declare const ObserverKey: InjectionKey<ShallowRef<IntersectionObserver | undefined>>;
+export declare const IsVisibleKey: InjectionKey<ShallowRef<boolean>>;
+export interface IntersectionObserverProviderProps {
+    observeOnce?: boolean;
+    skip?: boolean;
+    threshold?: number;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<IntersectionObserverProviderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    intersection: () => any;
+}, string, import('vue').PublicProps, Readonly<IntersectionObserverProviderProps> & Readonly<{
+    onIntersection?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {
+        observer: IntersectionObserver | undefined;
+        isVisible: boolean;
+    }): any;
+    default?(_: {
+        observer: IntersectionObserver | undefined;
+        isVisible: boolean;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/IntersectionObserver/v2/IntersectionObserverProvider.js

@@ -0,0 +1,8 @@
+import r from "../../../packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverProvider.vue.js";
+import { IsVisibleKey as f, ObserverKey as i, ObserverOnceKey as m } from "../../../packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverProvider.vue.js";
+export {
+  f as IsVisibleKey,
+  i as ObserverKey,
+  m as ObserverOnceKey,
+  r as default
+};

package/dist/components/IntersectionObserver/v2/IntersectionObserverTarget.d.ts

@@ -0,0 +1,22 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        root: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    root: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/IntersectionObserver/v2/IntersectionObserverTarget.js

@@ -0,0 +1,4 @@
+import f from "../../../packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverTarget.vue.js";
+export {
+  f as default
+};

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.d.ts

@@ -51,6 +51,8 @@ export { default as SimpleSlider } from './UIKit/Slider/SimpleSlider';
 export { default as BaseSnackbar } from './UIKit/BaseSnackbar';
 export { default as IntersectionObservable } from './components/IntersectionObserver/IntersectionObservable';
 export { default as IntersectionObserver } from './components/IntersectionObserver/IntersectionObserver';
+export { default as IntersectionObserverProvider } from './components/IntersectionObserver/v2/IntersectionObserverProvider';
+export { default as IntersectionObserverTarget } from './components/IntersectionObserver/v2/IntersectionObserverTarget';
 export { default as SwiperCarousel } from './components/carousel/SwiperCarousel';
 export { default as SwiperSlide } from './components/carousel/SwiperSlide';
 export { default as SwiperRootPrimitive } from './components/carousel/Primitive/SwiperRootPrimitive';

package/dist/index.js

@@ -1,13 +1,13 @@
-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 { 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 v } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
+import { default as S } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
+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 I } from "./packages/components/lib/UIKit/Accordion/AccordionItemPrimitive.vue.js";
+import { default as C } from "./packages/components/lib/UIKit/Accordion/AccordionHeaderPrimitive.vue.js";
 import { default as A } from "./packages/components/lib/UIKit/Accordion/AccordionTriggerPrimitive.vue.js";
 import { default as G } from "./packages/components/lib/UIKit/Accordion/AccordionContentPrimitive.vue.js";
 import { default as k } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
-import { default as D } from "./packages/components/lib/UIKit/ProgressBar/ProgressRootPrimitive.vue.js";
-import { default as M } from "./packages/components/lib/UIKit/ProgressBar/ProgressIndicatorPrimitive.vue.js";
+import { default as O } from "./packages/components/lib/UIKit/ProgressBar/ProgressRootPrimitive.vue.js";
+import { default as F } from "./packages/components/lib/UIKit/ProgressBar/ProgressIndicatorPrimitive.vue.js";
 import { default as H } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
 /* empty css                                                        */
 import { default as U } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
@@ -23,29 +23,29 @@ import { default as ee } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsIn
 /* empty css                                                            */
 import { default as oe } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsList.vue.js";
 import { default as ae } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsTrigger.vue.js";
-import { default as me } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
-import { default as se } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
-import { default as le } from "./packages/components/lib/UIKit/Radio/v2/RadioButtonGroup.vue.js";
+import { default as se } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
+import { default as me } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
+import { default as de } from "./packages/components/lib/UIKit/Radio/v2/RadioButtonGroup.vue.js";
 import { default as ue } from "./packages/components/lib/UIKit/Radio/v2/RadioButtonItem.vue.js";
 /* empty css                                                            */
 import { default as ne } from "./packages/components/lib/UIKit/Radio/v2/RadioGroupItemPrimitive.vue.js";
 import { default as ce } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
 /* empty css                                                    */
-import { default as Se } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
+import { default as ve } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
 /* empty css                                             */
-import { default as ge } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
+import { default as Se } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
 /* empty css                                                    */
-import { default as Ce } from "./packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js";
+import { default as Ie } from "./packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js";
 /* empty css                                                                      */
-import { default as Ie } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
+import { default as Ce } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
 /* empty css                                             */
 import { default as Ae } from "./packages/components/lib/UIKit/BaseButton.vue.js";
 import { default as Ge } from "./packages/components/lib/UIKit/BaseCard.vue.js";
 /* empty css                                            */
 import { default as ke } from "./UIKit/BaseComplexToggle.js";
-import { default as De } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
+import { default as Oe } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
 /* empty css                                                */
-import { default as Me } from "./UIKit/BaseFloatingLabel.js";
+import { default as Fe } from "./UIKit/BaseFloatingLabel.js";
 import { default as He } from "./UIKit/BaseInput.js";
 import { default as Ue } from "./packages/components/lib/UIKit/BasePagination.vue.js";
 import { default as je } from "./UIKit/BaseSlider.js";
@@ -59,45 +59,47 @@ import { default as _e } from "./UIKit/StaticSpinner.js";
 import { default as er } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
 import { default as or } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
 import { default as ar } from "./packages/components/lib/chart/DoughnutChart.vue.js";
-import { default as mr } from "./packages/components/lib/chart/LineChart.vue.js";
-import { default as sr } from "./UIKit/Slider/SimpleSlider.js";
-import { default as lr } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
+import { default as sr } from "./packages/components/lib/chart/LineChart.vue.js";
+import { default as mr } from "./UIKit/Slider/SimpleSlider.js";
+import { default as dr } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
 /* empty css                                                */
 import { default as ur } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
 import { default as nr } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
-import { default as cr } from "./components/carousel/SwiperCarousel.js";
-import { default as Sr } from "./components/carousel/SwiperSlide.js";
-import { default as gr } from "./components/carousel/Primitive/SwiperRootPrimitive.js";
-import { default as Cr } from "./packages/components/lib/components/carousel/Primitive/SwiperPrimitive.vue.js";
-import { default as Ir } from "./packages/components/lib/components/carousel/Primitive/SwiperPaginationPrimitive.vue.js";
+import { default as cr } from "./packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverProvider.vue.js";
+import { default as vr } from "./packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverTarget.vue.js";
+import { default as Sr } from "./components/carousel/SwiperCarousel.js";
+import { default as Ir } from "./components/carousel/SwiperSlide.js";
+import { default as Cr } from "./components/carousel/Primitive/SwiperRootPrimitive.js";
+import { default as Ar } from "./packages/components/lib/components/carousel/Primitive/SwiperPrimitive.vue.js";
+import { default as Gr } from "./packages/components/lib/components/carousel/Primitive/SwiperPaginationPrimitive.vue.js";
 /* empty css                                                                                     */
-import { default as Ar } from "./packages/components/lib/components/carousel/Primitive/SwiperNavigationPrimitive.vue.js";
-import { default as Gr } from "./packages/components/lib/components/carousel/Primitive/SwiperSlideImagePrimitive.vue.js";
+import { default as kr } from "./packages/components/lib/components/carousel/Primitive/SwiperNavigationPrimitive.vue.js";
+import { default as Or } from "./packages/components/lib/components/carousel/Primitive/SwiperSlideImagePrimitive.vue.js";
 /* empty css                                                                                     */
-import { default as kr } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
+import { default as Fr } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
 export {
   ce as AccessibleSelect,
   G as AccordionContentPrimitive,
-  I as AccordionHeaderPrimitive,
-  C as AccordionItemPrimitive,
+  C as AccordionHeaderPrimitive,
+  I as AccordionItemPrimitive,
   A as AccordionTriggerPrimitive,
-  S as BaseAccordion,
-  g as BaseAccordionItem,
-  Se as BaseAlert,
-  ge as BaseAutocomplete,
-  Ie as BaseBadge,
-  kr as BaseBreadcrumb,
+  v as BaseAccordion,
+  S as BaseAccordionItem,
+  ve as BaseAlert,
+  Se as BaseAutocomplete,
+  Ce as BaseBadge,
+  Fr as BaseBreadcrumb,
   Ae as BaseButton,
   Ge as BaseCard,
   ke as BaseComplexToggle,
-  De as BaseDropDown,
-  Me as BaseFloatingLabel,
+  Oe as BaseDropDown,
+  Fe as BaseFloatingLabel,
   He as BaseInput,
   Ye as BaseModal,
   Ue as BasePagination,
   er as BaseShimmerLoader,
   je as BaseSlider,
-  lr as BaseSnackbar,
+  dr as BaseSnackbar,
   W as BaseTab,
   K as BaseTabView,
   Y as BaseTabs,
@@ -114,27 +116,29 @@ export {
   U as CheckboxGroup,
   E as CheckboxGroupItemPrimitive,
   y as CheckboxGroupPrimitive,
-  Ce as ClearableAutocomplete,
+  Ie as ClearableAutocomplete,
   ar as DoughnutChart,
   ur as IntersectionObservable,
   nr as IntersectionObserver,
-  mr as LineChart,
-  M as ProgressIndicatorPrimitive,
-  D as ProgressRootPrimitive,
-  me as RadioButton,
-  le as RadioButtonGroup,
+  cr as IntersectionObserverProvider,
+  vr as IntersectionObserverTarget,
+  sr as LineChart,
+  F as ProgressIndicatorPrimitive,
+  O as ProgressRootPrimitive,
+  se as RadioButton,
+  de as RadioButtonGroup,
   ue as RadioButtonItem,
-  se as RadioGroup,
+  me as RadioGroup,
   ne as RadioGroupItemPrimitive,
   k as SelectItem,
   or as ShimmerMultiLine,
-  sr as SimpleSlider,
+  mr as SimpleSlider,
   _e as StaticSpinner,
-  cr as SwiperCarousel,
-  Ar as SwiperNavigationPrimitive,
-  Ir as SwiperPaginationPrimitive,
-  Cr as SwiperPrimitive,
-  gr as SwiperRootPrimitive,
-  Sr as SwiperSlide,
-  Gr as SwiperSlideImagePrimitive
+  Sr as SwiperCarousel,
+  kr as SwiperNavigationPrimitive,
+  Gr as SwiperPaginationPrimitive,
+  Ar as SwiperPrimitive,
+  Cr as SwiperRootPrimitive,
+  Ir as SwiperSlide,
+  Or as SwiperSlideImagePrimitive
 };

package/dist/packages/components/lib/UIKit/BaseModal.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as A, mergeModels as h, useModel as F, useTemplateRef as y, shallowRef as C, onUnmounted as K, createBlock as N, openBlock as k, Teleport as S, createVNode as w, Transition as V, unref as p, withCtx as P, withDirectives as R, createElementVNode as l, normalizeClass as i, createElementBlock as x, createCommentVNode as g, renderSlot as d, withModifiers as U, vShow as j } from "vue";
 import { CloseIcon as q } from "@wikicasa-dev/svg-icons";
-const G = ["data-state"], J = ["id", "data-cy"], Q = ["innerHTML"], Y = /* @__PURE__ */ A({
+const G = ["id", "data-cy", "data-state"], J = ["innerHTML"], X = /* @__PURE__ */ A({
   __name: "BaseModal",
   props: /* @__PURE__ */ h({
     id: { default: "base-bt-modal" },
@@ -96,7 +96,6 @@ const G = ["data-state"], J = ["id", "data-cy"], Q = ["innerHTML"], Y = /* @__PU
               { "uikit-bg-transparent": !o.value },
               { "sm:uikit-pt-[30px]": !e.centered }
             ]]),
-            "data-state": o.value ? "open" : "closed",
             onClick: H,
             onMousedown: $,
             onMouseup: D
@@ -115,6 +114,7 @@ const G = ["data-state"], J = ["id", "data-cy"], Q = ["innerHTML"], Y = /* @__PU
                 e.fullHeight ? "uikit-h-[95%]" : "uikit-h-auto"
               ]]),
               tabindex: "-1",
+              "data-state": o.value ? "open" : "closed",
               onClick: n[1] || (n[1] = (v) => r("dialogClick", v)),
               onFocusin: O
             }, [
@@ -140,7 +140,7 @@ const G = ["data-state"], J = ["id", "data-cy"], Q = ["innerHTML"], Y = /* @__PU
                   l("span", {
                     class: i(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.titleClasses]),
                     innerHTML: e.headerTitle
-                  }, null, 10, Q)
+                  }, null, 10, J)
                 ])
               ], 2),
               l("div", {
@@ -155,8 +155,8 @@ const G = ["data-state"], J = ["id", "data-cy"], Q = ["innerHTML"], Y = /* @__PU
                 d(t.$slots, "footer", { closeModal: a })
               ], 2)) : g("", !0),
               d(t.$slots, "fixed-bottom")
-            ], 42, J)
-          ], 42, G), [
+            ], 42, G)
+          ], 34), [
             [j, o.value]
           ])
         ]),
@@ -166,5 +166,5 @@ const G = ["data-state"], J = ["id", "data-cy"], Q = ["innerHTML"], Y = /* @__PU
   }
 });
 export {
-  Y as default
+  X as default
 };

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

@@ -0,0 +1,48 @@
+import { defineComponent as d, shallowRef as i, provide as t, onBeforeMount as m, onBeforeUnmount as O, createElementBlock as y, renderSlot as a, openBlock as h, normalizeClass as k } from "vue";
+const B = /* @__PURE__ */ Symbol(), p = /* @__PURE__ */ Symbol(), S = /* @__PURE__ */ Symbol(), E = /* @__PURE__ */ d({
+  __name: "IntersectionObserverProvider",
+  props: {
+    observeOnce: { type: Boolean, default: !0 },
+    skip: { type: Boolean, default: !1 },
+    threshold: { default: 0 }
+  },
+  emits: ["intersection"],
+  setup(s, { emit: c }) {
+    const u = c, r = i(!1), e = i(), v = (o) => {
+      s.skip || o.forEach(({ target: n, isIntersecting: l }) => {
+        r.value = l, l && (u("intersection"), s.observeOnce && b(n));
+      });
+    }, b = (o) => {
+      e.value && e.value.unobserve(o);
+    }, f = () => {
+      e.value && e.value.disconnect();
+    };
+    return t(B, s.observeOnce), t(p, e), t(S, r), m(() => {
+      e.value = new IntersectionObserver(v, {
+        root: null,
+        //if the root is null, then we will check if the target is visible in the doc root!
+        threshold: s.threshold
+      });
+    }), O(() => {
+      f();
+    }), (o, n) => s.observeOnce ? a(o.$slots, "default", {
+      key: 1,
+      observer: e.value,
+      isVisible: r.value
+    }) : (h(), y("div", {
+      key: 0,
+      class: k(o.$attrs["root-classes"])
+    }, [
+      a(o.$slots, "default", {
+        observer: e.value,
+        isVisible: r.value
+      })
+    ], 2));
+  }
+});
+export {
+  S as IsVisibleKey,
+  p as ObserverKey,
+  B as ObserverOnceKey,
+  E as default
+};

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

@@ -0,0 +1,21 @@
+import { defineComponent as i, useTemplateRef as c, inject as r, onMounted as u, createElementBlock as v, renderSlot as t, unref as n, openBlock as f, normalizeClass as d } from "vue";
+import { ObserverOnceKey as m, ObserverKey as p, IsVisibleKey as b } from "./IntersectionObserverProvider.vue.js";
+const K = /* @__PURE__ */ i({
+  __name: "IntersectionObserverTarget",
+  setup(y) {
+    const e = c("root"), l = r(m, void 0), s = r(p, void 0), a = r(b, void 0);
+    return u(() => {
+      !s?.value || !e.value || s?.value.observe(e.value);
+    }), (o, _) => !n(l) || !n(a) ? (f(), v("div", {
+      key: 0,
+      ref_key: "root",
+      ref: e,
+      class: d(o.$attrs["root-classes"])
+    }, [
+      t(o.$slots, "default")
+    ], 2)) : t(o.$slots, "default", { key: 1 });
+  }
+});
+export {
+  K as default
+};

package/dist/types/index.d.ts

@@ -28,3 +28,4 @@ export type { SwiperRootPrimitiveProps } from '../components/carousel/Primitive/
 export type { SwiperPaginationPrimitiveProps } from '../components/carousel/Primitive/SwiperPaginationPrimitive';
 export type { SwiperNavigationPrimitiveProps } from '../components/carousel/Primitive/SwiperNavigationPrimitive';
 export type { SwiperSlideImagePrimitiveProps } from '../components/carousel/Primitive/SwiperSlideImagePrimitive';
+export type { IntersectionObserverProviderProps } from '../components/IntersectionObserver/v2/IntersectionObserverProvider';

package/package.json

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