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

package/dist/Swiper/Autoplay/index.js

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

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

@@ -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,12 @@
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {}): any;
-        default?(_: {}): any;
+        default?(_: {
+            isVisible: boolean;
+        }): any;
+        default?(_: {
+            isVisible: true;
+        }): any;
     };
     refs: {
         root: HTMLDivElement;

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

@@ -1,6 +1,6 @@
-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 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({
   __name: "IntersectionObserverProvider",
   props: {
     observeOnce: { type: Boolean, default: !0 },
@@ -8,39 +8,38 @@ const $ = /* @__PURE__ */ d({
     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, n = i(/* @__PURE__ */ new Set()), e = i(), d = (t) => {
+      r.skip || t.forEach(({ target: o, isIntersecting: m }) => {
+        const s = o.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;
       });
-    }, f = (r) => {
-      e.value && e.value.unobserve(r);
+    }, f = (t) => {
+      e.value && e.value.unobserve(t);
     }, b = () => {
       e.value && e.value.disconnect();
     };
-    return t(B, s.observeOnce), t(p, e), t(V, o), m(() => {
-      e.value = new IntersectionObserver(c, {
+    return a(p, r.observeOnce), a(w, e), a(E, n), h(() => {
+      e.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(() => {
+    }), y(() => {
       b();
-    }), (r, n) => s.observeOnce ? a(r.$slots, "default", {
+    }), (t, o) => r.observeOnce ? c(t.$slots, "default", {
       key: 1,
-      observer: e.value,
-      isVisible: o.value
-    }) : (y(), h("div", {
+      observer: e.value
+    }) : (B(), k("div", {
       key: 0,
-      class: k(r.$attrs["root-classes"])
+      class: g(t.$attrs["root-classes"])
     }, [
-      a(r.$slots, "default", {
-        observer: e.value,
-        isVisible: o.value
-      })
+      c(t.$slots, "default", { observer: e.value })
     ], 2));
   }
 });
 export {
-  $ as default
+  S as default
 };

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

@@ -1,19 +1,24 @@
-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 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({
   __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", {
+  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
+    );
+    return b(() => {
+      !r?.value || !e.value || r?.value.observe(e.value);
+    }), (i, T) => !a(l) || !t.value ? (p(), m("div", {
       key: 0,
       ref_key: "root",
       ref: e,
-      class: d(o.$attrs["root-classes"])
+      "target-id": a(s)
     }, [
-      t(o.$slots, "default")
-    ], 2)) : t(o.$slots, "default", { key: 1 });
+      n(i.$slots, "default", { isVisible: t.value })
+    ], 8, k)) : n(i.$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.7",
   "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}