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

package/dist/Swiper/Autoplay/index.js

@@ -1,4 +1,4 @@
-import '../../assets/swiper-controller.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-controller.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-controller.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-controller.css';/* empty css                                                                            */
+import '../../assets/swiper-keyboard.css';/* empty css                                                                            */
 import { Thumbs as t } from "swiper/modules";
 export {
   t as default

package/dist/UIKit/Card/BaseCard.js

@@ -1,5 +1,5 @@
 import o from "../../packages/components/lib/UIKit/Card/BaseCard.vue.js";
-import '../../assets/BaseCard.css';/* empty css                                                     */
+import '../../assets/CardRootPrimitive.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/BaseCard.css';/* empty css                                                              */
+import '../../assets/CardRootPrimitive.css';/* empty css                                                              */
 export {
   o 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

@@ -1,5 +1,5 @@
 export interface IntersectionObserverProviderProps {
-    observeOnce?: boolean;
+    emitOnce?: boolean;
     skip?: boolean;
     threshold?: number;
 }

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

@@ -1,3 +1,6 @@
+type __VLS_Props = {
+    observeOnce?: boolean;
+};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -14,7 +17,7 @@ declare function __VLS_template(): {
     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, {
+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, {
     root: HTMLDivElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -1,4 +1,4 @@
 import { InjectionKey, ShallowRef } from 'vue';
-export declare const ObserverOnceKey: InjectionKey<boolean>;
-export declare const ObserverKey: InjectionKey<ShallowRef<IntersectionObserver | undefined>>;
+export declare const ObserveTargetKey: InjectionKey<(e: Element) => void>;
+export declare const UnobserveTargetKey: InjectionKey<(e: Element) => void>;
 export declare const VisibleTargetsKey: InjectionKey<ShallowRef<Set<string>>>;

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

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

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

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

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

@@ -1,21 +1,26 @@
-import { defineComponent as v, useTemplateRef as c, useId as d, inject as o, computed as f, onMounted as b, createElementBlock as m, renderSlot as n, unref as a, openBlock as p } from "vue";
-import { ObserverOnceKey as _, ObserverKey as y, VisibleTargetsKey as g } from "../../../../../../components/IntersectionObserver/v2/types.js";
-const k = ["target-id"], K = /* @__PURE__ */ v({
+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({
   __name: "IntersectionObserverTarget",
-  setup(O) {
-    const e = c("root"), s = d(), l = o(_, void 0), r = o(y, void 0), u = o(g, void 0), t = f(
-      () => (e.value ? u?.value.has(s) : !1) || !1
+  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
     );
     return b(() => {
-      !r?.value || !e.value || r?.value.observe(e.value);
-    }), (i, T) => !a(l) || !t.value ? (p(), m("div", {
+      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", {
       key: 0,
       ref_key: "root",
       ref: e,
-      "target-id": a(s)
+      "target-id": T(a)
     }, [
-      n(i.$slots, "default", { isVisible: t.value })
-    ], 8, k)) : n(i.$slots, "default", {
+      n(r.$slots, "default", { isVisible: t.value })
+    ], 8, _)) : n(r.$slots, "default", {
       key: 1,
       isVisible: t.value
     });

package/package.json

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