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

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

@@ -1,5 +1,5 @@
 export interface IntersectionObserverProviderProps {
-    observeOnce?: boolean;
+    emitOnce?: boolean;
     skip?: boolean;
     threshold?: number;
 }
@@ -10,11 +10,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<In
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?(_: {
         observer: IntersectionObserver | undefined;
-        isVisible: boolean;
     }): any;
     default?(_: {
         observer: IntersectionObserver | undefined;
-        isVisible: boolean;
     }): any;
 }>;
 export default _default;

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

@@ -1,8 +1,15 @@
+type __VLS_Props = {
+    observeOnce?: boolean;
+};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {}): any;
-        default?(_: {}): any;
+        default?(_: {
+            isVisible: boolean;
+        }): any;
+        default?(_: {
+            isVisible: true;
+        }): any;
     };
     refs: {
         root: HTMLDivElement;
@@ -10,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 IsVisibleKey: InjectionKey<ShallowRef<boolean>>;
+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 {
-  s as IsVisibleKey,
-  o as ObserverKey,
-  e as ObserverOnceKey
+  e as ObserveTargetKey,
+  o as UnobserveTargetKey,
+  s as VisibleTargetsKey
 };

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/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/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,46 +1,47 @@
-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({
+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(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));
+  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;
       });
-    }, f = (r) => {
-      e.value && e.value.unobserve(r);
-    }, b = () => {
-      e.value && e.value.disconnect();
+    }, f = () => {
+      t.value?.disconnect();
     };
-    return t(B, s.observeOnce), t(p, e), t(V, o), m(() => {
-      e.value = new IntersectionObserver(c, {
+    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: s.threshold
+        threshold: r.threshold
       });
-    }), O(() => {
-      b();
-    }), (r, n) => s.observeOnce ? a(r.$slots, "default", {
+    }), p(() => {
+      f();
+    }), (e, a) => r.emitOnce ? c(e.$slots, "default", {
       key: 1,
-      observer: e.value,
-      isVisible: o.value
-    }) : (y(), h("div", {
+      observer: t.value
+    }) : (y(), g("div", {
       key: 0,
-      class: k(r.$attrs["root-classes"])
+      class: O(e.$attrs["root-classes"])
     }, [
-      a(r.$slots, "default", {
-        observer: e.value,
-        isVisible: o.value
-      })
+      c(e.$slots, "default", { observer: t.value })
     ], 2));
   }
 });
 export {
-  $ as default
+  I as default
 };

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

@@ -1,19 +1,29 @@
-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({
+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(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", {
+  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(() => {
+      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,
-      class: d(o.$attrs["root-classes"])
+      "target-id": T(a)
     }, [
-      t(o.$slots, "default")
-    ], 2)) : t(o.$slots, "default", { key: 1 });
+      n(r.$slots, "default", { isVisible: t.value })
+    ], 8, _)) : n(r.$slots, "default", {
+      key: 1,
+      isVisible: t.value
+    });
   }
 });
 export {

package/package.json

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