@wikicasa-dev/components 2.5.5 → 2.5.6-alpha.1

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/IntersectionObserver/v2/IntersectionObserverProvider.d.ts

@@ -0,0 +1,25 @@
+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,4 @@
+import f from "../../../packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverProvider.vue.js";
+export {
+  f 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/IntersectionObserver/v2/types.d.ts

@@ -0,0 +1,4 @@
+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>>;

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

@@ -0,0 +1,6 @@
+const e = /* @__PURE__ */ Symbol(), o = /* @__PURE__ */ Symbol(), s = /* @__PURE__ */ Symbol();
+export {
+  s as IsVisibleKey,
+  o as ObserverKey,
+  e as ObserverOnceKey
+};

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/components/IntersectionObserver/v2/IntersectionObserverProvider.vue.js

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