@wikicasa-dev/components 2.5.6-alpha.13 → 2.5.6-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/Swiper/Autoplay/index.js +1 -1
  2. package/dist/Swiper/Controller/index.js +1 -1
  3. package/dist/Swiper/Keyboard/index.js +1 -1
  4. package/dist/Swiper/Thumbs/index.js +1 -1
  5. package/dist/UIKit/BaseCard/BaseCard.js +5 -0
  6. package/dist/UIKit/{Card → BaseCard}/CardDescriptionPrimitive.d.ts +1 -1
  7. package/dist/UIKit/{Card → BaseCard}/CardDescriptionPrimitive.js +4 -4
  8. package/dist/UIKit/BaseCard/CardImagePrimitive.js +4 -0
  9. package/dist/UIKit/BaseCard/CardRootPrimitive.js +5 -0
  10. package/dist/UIKit/ShimmerLoader/BaseShimmerLoader.d.ts +12 -5
  11. package/dist/UIKit/ShimmerLoader/BaseShimmerLoader.js +3 -3
  12. package/dist/UIKit/ShimmerLoader/ShimmerMultiLine.d.ts +13 -7
  13. package/dist/assets/BaseShimmerLoader.css +1 -1
  14. package/dist/components/IntersectionObserver/v2/IntersectionObserverProvider.d.ts +6 -1
  15. package/dist/components/IntersectionObserver/v2/IntersectionObserverTarget.d.ts +3 -10
  16. package/dist/components/IntersectionObserver/v2/types.d.ts +3 -3
  17. package/dist/components/IntersectionObserver/v2/types.js +3 -3
  18. package/dist/index.d.ts +4 -4
  19. package/dist/index.js +6 -6
  20. package/dist/packages/components/lib/UIKit/{Card → BaseCard}/CardImagePrimitive.vue.js +1 -1
  21. package/dist/packages/components/lib/UIKit/{Card → BaseCard}/CardRootPrimitive.vue.js +1 -1
  22. package/dist/packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js +14 -12
  23. package/dist/packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js +6 -8
  24. package/dist/packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverProvider.vue.js +31 -24
  25. package/dist/packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverTarget.vue.js +12 -22
  26. package/dist/types/index.d.ts +2 -2
  27. package/package.json +1 -1
  28. package/dist/UIKit/Card/BaseCard.js +0 -5
  29. package/dist/UIKit/Card/CardImagePrimitive.js +0 -4
  30. package/dist/UIKit/Card/CardRootPrimitive.js +0 -5
  31. /package/dist/UIKit/{Card → BaseCard}/BaseCard.d.ts +0 -0
  32. /package/dist/UIKit/{Card → BaseCard}/CardImagePrimitive.d.ts +0 -0
  33. /package/dist/UIKit/{Card → BaseCard}/CardRootPrimitive.d.ts +0 -0
  34. /package/dist/UIKit/{Card → BaseCard}/type.d.ts +0 -0
  35. /package/dist/UIKit/{Card → BaseCard}/type.js +0 -0
  36. /package/dist/assets/{swiper-keyboard.css → swiper-thumbs.css} +0 -0
  37. /package/dist/packages/components/lib/UIKit/{Card → BaseCard}/BaseCard.vue.js +0 -0
@@ -1,4 +1,4 @@
1
- import '../../assets/swiper-keyboard.css';/* empty css */
1
+ import '../../assets/swiper-thumbs.css';/* empty css */
2
2
  import { Autoplay as p } from "swiper/modules";
3
3
  export {
4
4
  p as default
@@ -1,4 +1,4 @@
1
- import '../../assets/swiper-keyboard.css';/* empty css */
1
+ import '../../assets/swiper-thumbs.css';/* empty css */
2
2
  import { Controller as e } from "swiper/modules";
3
3
  export {
4
4
  e as default
@@ -1,4 +1,4 @@
1
- import '../../assets/swiper-keyboard.css';/* empty css */
1
+ import '../../assets/swiper-thumbs.css';/* empty css */
2
2
  import { Keyboard as e } from "swiper/modules";
3
3
  export {
4
4
  e as default
@@ -1,4 +1,4 @@
1
- import '../../assets/swiper-keyboard.css';/* empty css */
1
+ import '../../assets/swiper-thumbs.css';/* empty css */
2
2
  import { Thumbs as t } from "swiper/modules";
3
3
  export {
4
4
  t as default
@@ -0,0 +1,5 @@
1
+ import o from "../../packages/components/lib/UIKit/BaseCard/BaseCard.vue.js";
2
+ import '../../assets/BaseCard.css';/* empty css */
3
+ export {
4
+ o as default
5
+ };
@@ -1,7 +1,7 @@
1
1
  declare function __VLS_template(): {
2
2
  attrs: Partial<{}>;
3
3
  slots: {
4
- default?(_: {}): any;
4
+ 'card-description'?(_: {}): any;
5
5
  };
6
6
  refs: {};
7
7
  rootEl: HTMLDivElement;
@@ -1,9 +1,9 @@
1
- import { createElementBlock as r, openBlock as o, renderSlot as t } from "vue";
1
+ import { createElementBlock as e, openBlock as o, renderSlot as t } from "vue";
2
2
  import c from "../../_virtual/_plugin-vue_export-helper.js";
3
3
  const n = {}, s = { class: "card-body" };
4
- function i(e, d) {
5
- return o(), r("div", s, [
6
- t(e.$slots, "default")
4
+ function i(r, d) {
5
+ return o(), e("div", s, [
6
+ t(r.$slots, "card-description")
7
7
  ]);
8
8
  }
9
9
  const f = /* @__PURE__ */ c(n, [["render", i]]);
@@ -0,0 +1,4 @@
1
+ import f from "../../packages/components/lib/UIKit/BaseCard/CardImagePrimitive.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,5 @@
1
+ import o from "../../packages/components/lib/UIKit/BaseCard/CardRootPrimitive.vue.js";
2
+ import '../../assets/BaseCard.css';/* empty css */
3
+ export {
4
+ o as default
5
+ };
@@ -1,11 +1,18 @@
1
1
  import { ClassTypeProp } from '../types';
2
- export type BaseShimmerLoaderProps = {
2
+ type __VLS_Props = {
3
3
  shimmerClasses?: ClassTypeProp;
4
- enabled?: boolean;
5
4
  };
6
- declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BaseShimmerLoaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseShimmerLoaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
7
- default?(_: {}): any;
8
- }>;
5
+ declare function __VLS_template(): {
6
+ attrs: Partial<{}>;
7
+ slots: {
8
+ default?(_: {}): any;
9
+ };
10
+ refs: {};
11
+ rootEl: any;
12
+ };
13
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
14
+ 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, {}, any>;
15
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
9
16
  export default _default;
10
17
  type __VLS_WithTemplateSlots<T, S> = T & {
11
18
  new (): {
@@ -1,7 +1,7 @@
1
1
  import o from "../../packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js";
2
2
  import '../../assets/BaseShimmerLoader.css';/* empty css */
3
- import r from "../../_virtual/_plugin-vue_export-helper.js";
4
- const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-cf2534f5"]]);
3
+ import a from "../../_virtual/_plugin-vue_export-helper.js";
4
+ const t = /* @__PURE__ */ a(o, [["__scopeId", "data-v-4aceb4a2"]]);
5
5
  export {
6
- e as default
6
+ t as default
7
7
  };
@@ -1,18 +1,20 @@
1
- import { BaseShimmerLoaderProps } from './BaseShimmerLoader';
2
1
  import { ClassTypeProp } from '../types';
3
2
  type __VLS_Props = {
4
3
  lines?: number;
5
4
  randomLength?: boolean;
6
5
  shimmerClasses?: ClassTypeProp;
7
6
  inheritHeight?: boolean;
8
- } & Pick<BaseShimmerLoaderProps, "enabled">;
9
- declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
7
+ };
8
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
9
+ lines: number;
10
+ randomLength: boolean;
11
+ inheritHeight: boolean;
12
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
10
13
  shimmerLines: (({
11
14
  $: import('vue').ComponentInternalInstance;
12
15
  $data: {};
13
16
  $props: {
14
17
  readonly shimmerClasses?: ClassTypeProp;
15
- readonly enabled?: boolean | undefined;
16
18
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
17
19
  $attrs: {
18
20
  [x: string]: unknown;
@@ -27,8 +29,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
27
29
  $parent: import('vue').ComponentPublicInstance | null;
28
30
  $host: Element | null;
29
31
  $emit: (event: string, ...args: any[]) => void;
30
- $el: HTMLDivElement;
31
- $options: import('vue').ComponentOptionsBase<Readonly<BaseShimmerLoaderProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
32
+ $el: any;
33
+ $options: import('vue').ComponentOptionsBase<Readonly<{
34
+ shimmerClasses?: ClassTypeProp;
35
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
32
36
  beforeCreate?: (() => void) | (() => void)[];
33
37
  created?: (() => void) | (() => void)[];
34
38
  beforeMount?: (() => void) | (() => void)[];
@@ -48,7 +52,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
48
52
  $forceUpdate: () => void;
49
53
  $nextTick: typeof import('vue').nextTick;
50
54
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
51
- } & Readonly<{}> & Omit<Readonly<BaseShimmerLoaderProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
55
+ } & Readonly<{}> & Omit<Readonly<{
56
+ shimmerClasses?: ClassTypeProp;
57
+ }> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
52
58
  $slots: {
53
59
  default?(_: {}): any;
54
60
  };
@@ -1 +1 @@
1
- .shimmer[data-v-cf2534f5]{background-image:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0)}.shimmer[data-enabled][data-v-cf2534f5]{animation:shimmer-cf2534f5 1.4s infinite;will-change:transform}@keyframes shimmer-cf2534f5{0%{transform:translateZ(0) translate(-100%)}to{transform:translateZ(0) translate(100%)}}
1
+ .shimmer[data-v-4aceb4a2]{animation:shimmer-4aceb4a2 1.4s infinite;will-change:transform;transform:translateZ(0) translate(-100%);background-image:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0)}@keyframes shimmer-4aceb4a2{to{transform:translate(100%)}}
@@ -1,5 +1,5 @@
1
1
  export interface IntersectionObserverProviderProps {
2
- emitOnce?: boolean;
2
+ observeOnce?: boolean;
3
3
  skip?: boolean;
4
4
  threshold?: number;
5
5
  }
@@ -10,6 +10,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<In
10
10
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
11
11
  default?(_: {
12
12
  observer: IntersectionObserver | undefined;
13
+ isVisible: boolean;
14
+ }): any;
15
+ default?(_: {
16
+ observer: IntersectionObserver | undefined;
17
+ isVisible: boolean;
13
18
  }): any;
14
19
  }>;
15
20
  export default _default;
@@ -1,15 +1,8 @@
1
- type __VLS_Props = {
2
- observeOnce?: boolean;
3
- };
4
1
  declare function __VLS_template(): {
5
2
  attrs: Partial<{}>;
6
3
  slots: {
7
- default?(_: {
8
- isVisible: boolean;
9
- }): any;
10
- default?(_: {
11
- isVisible: true;
12
- }): any;
4
+ default?(_: {}): any;
5
+ default?(_: {}): any;
13
6
  };
14
7
  refs: {
15
8
  root: HTMLDivElement;
@@ -17,7 +10,7 @@ declare function __VLS_template(): {
17
10
  rootEl: any;
18
11
  };
19
12
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
20
- 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, {
13
+ declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
21
14
  root: HTMLDivElement;
22
15
  }, any>;
23
16
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -1,4 +1,4 @@
1
1
  import { InjectionKey, ShallowRef } from 'vue';
2
- export declare const ObserveTargetKey: InjectionKey<(e: Element) => void>;
3
- export declare const UnobserveTargetKey: InjectionKey<(e: Element) => void>;
4
- export declare const VisibleTargetsKey: InjectionKey<ShallowRef<Set<string>>>;
2
+ export declare const ObserverOnceKey: InjectionKey<boolean>;
3
+ export declare const ObserverKey: InjectionKey<ShallowRef<IntersectionObserver | undefined>>;
4
+ export declare const IsVisibleKey: InjectionKey<ShallowRef<boolean>>;
@@ -1,6 +1,6 @@
1
1
  const e = /* @__PURE__ */ Symbol(), o = /* @__PURE__ */ Symbol(), s = /* @__PURE__ */ Symbol();
2
2
  export {
3
- e as ObserveTargetKey,
4
- o as UnobserveTargetKey,
5
- s as VisibleTargetsKey
3
+ s as IsVisibleKey,
4
+ o as ObserverKey,
5
+ e as ObserverOnceKey
6
6
  };
package/dist/index.d.ts CHANGED
@@ -59,8 +59,8 @@ export { default as SwiperPrimitive } from './components/carousel/Primitive/Swip
59
59
  export { default as SwiperPaginationPrimitive } from './components/carousel/Primitive/SwiperPaginationPrimitive';
60
60
  export { default as SwiperNavigationPrimitive } from './components/carousel/Primitive/SwiperNavigationPrimitive';
61
61
  export { default as SwiperSlideImagePrimitive } from './components/carousel/Primitive/SwiperSlideImagePrimitive';
62
- export { default as BaseCard } from './UIKit/Card/BaseCard';
63
- export { default as CardRootPrimitive } from './UIKit/Card/CardRootPrimitive';
64
- export { default as CardDescriptionPrimitive } from './UIKit/Card/CardDescriptionPrimitive';
65
- export { default as CardImagePrimitive } from './UIKit/Card/CardImagePrimitive';
62
+ export { default as BaseCard } from './UIKit/BaseCard/BaseCard';
63
+ export { default as CardRootPrimitive } from './UIKit/BaseCard/CardRootPrimitive';
64
+ export { default as CardDescriptionPrimitive } from './UIKit/BaseCard/CardDescriptionPrimitive';
65
+ export { default as CardImagePrimitive } from './UIKit/BaseCard/CardImagePrimitive';
66
66
  export { default as BaseBreadcrumb } from './UIKit/BaseBreadcrumb';
package/dist/index.js CHANGED
@@ -74,12 +74,12 @@ import { default as wr } from "./packages/components/lib/components/carousel/Pri
74
74
  import { default as Gr } from "./packages/components/lib/components/carousel/Primitive/SwiperNavigationPrimitive.vue.js";
75
75
  import { default as Lr } from "./packages/components/lib/components/carousel/Primitive/SwiperSlideImagePrimitive.vue.js";
76
76
  /* empty css */
77
- import { default as Or } from "./packages/components/lib/UIKit/Card/BaseCard.vue.js";
78
- /* empty css */
79
- import { default as Mr } from "./packages/components/lib/UIKit/Card/CardRootPrimitive.vue.js";
80
- /* empty css */
81
- import { default as Nr } from "./UIKit/Card/CardDescriptionPrimitive.js";
82
- import { default as Vr } from "./packages/components/lib/UIKit/Card/CardImagePrimitive.vue.js";
77
+ import { default as Or } from "./packages/components/lib/UIKit/BaseCard/BaseCard.vue.js";
78
+ /* empty css */
79
+ import { default as Mr } from "./packages/components/lib/UIKit/BaseCard/CardRootPrimitive.vue.js";
80
+ /* empty css */
81
+ import { default as Nr } from "./UIKit/BaseCard/CardDescriptionPrimitive.js";
82
+ import { default as Vr } from "./packages/components/lib/UIKit/BaseCard/CardImagePrimitive.vue.js";
83
83
  import { default as qr } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
84
84
  export {
85
85
  ve as AccessibleSelect,
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as t, inject as a, computed as c, createElementBlock as m, openBlock as n, normalizeClass as s, renderSlot as i } from "vue";
2
- import { CardTypeKey as d } from "../../../../../UIKit/Card/type.js";
2
+ import { CardTypeKey as d } from "../../../../../UIKit/BaseCard/type.js";
3
3
  const f = /* @__PURE__ */ t({
4
4
  __name: "CardImagePrimitive",
5
5
  setup(l) {
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as n, computed as r, provide as c, createBlock as d, openBlock as m, resolveDynamicComponent as p, normalizeClass as u, withCtx as f, renderSlot as y } from "vue";
2
- import { CardTypeKey as C } from "../../../../../UIKit/Card/type.js";
2
+ import { CardTypeKey as C } from "../../../../../UIKit/BaseCard/type.js";
3
3
  const w = /* @__PURE__ */ n({
4
4
  __name: "CardRootPrimitive",
5
5
  props: {
@@ -1,20 +1,22 @@
1
- import { defineComponent as i, createElementBlock as a, openBlock as l, createElementVNode as o, renderSlot as s, normalizeClass as d } from "vue";
2
- const n = { class: "uikit-relative uikit-overflow-hidden uikit-bg-w-lavender" }, r = ["data-enabled"], c = /* @__PURE__ */ i({
1
+ import { defineComponent as l, createElementBlock as s, openBlock as r, normalizeStyle as a, normalizeClass as t, createElementVNode as o, renderSlot as u } from "vue";
2
+ const d = /* @__PURE__ */ l({
3
+ inheritAttrs: !1,
3
4
  __name: "BaseShimmerLoader",
4
5
  props: {
5
- shimmerClasses: { default: "" },
6
- enabled: { type: Boolean, default: !0 }
6
+ shimmerClasses: { default: "" }
7
7
  },
8
- setup(e) {
9
- return (t, u) => (l(), a("div", n, [
8
+ setup(i) {
9
+ return (e, n) => (r(), s("div", {
10
+ class: t(["uikit-relative uikit-overflow-hidden uikit-bg-w-lavender", e.$attrs.class]),
11
+ style: a(e.$attrs.style)
12
+ }, [
10
13
  o("div", {
11
- class: d(["shimmer uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-h-full", e.shimmerClasses]),
12
- "data-enabled": e.enabled || void 0
13
- }, null, 10, r),
14
- s(t.$slots, "default", {}, void 0, !0)
15
- ]));
14
+ class: t(["shimmer uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-h-full -uikit-translate-x-full", i.shimmerClasses])
15
+ }, null, 2),
16
+ u(e.$slots, "default", {}, void 0, !0)
17
+ ], 6));
16
18
  }
17
19
  });
18
20
  export {
19
- c as default
21
+ d as default
20
22
  };
@@ -1,16 +1,15 @@
1
- import { defineComponent as l, createElementBlock as a, openBlock as t, Fragment as r, renderList as i, createBlock as m, normalizeStyle as s, normalizeClass as o } from "vue";
1
+ import { defineComponent as i, createElementBlock as n, openBlock as t, Fragment as l, renderList as a, createBlock as m, normalizeStyle as s, normalizeClass as o } from "vue";
2
2
  import u from "../../../../../UIKit/ShimmerLoader/BaseShimmerLoader.js";
3
- const k = /* @__PURE__ */ l({
3
+ const k = /* @__PURE__ */ i({
4
4
  __name: "ShimmerMultiLine",
5
5
  props: {
6
6
  lines: { default: 1 },
7
7
  randomLength: { type: Boolean, default: !1 },
8
8
  shimmerClasses: {},
9
- inheritHeight: { type: Boolean, default: !1 },
10
- enabled: { type: Boolean, default: !0 }
9
+ inheritHeight: { type: Boolean, default: !1 }
11
10
  },
12
11
  setup(e) {
13
- return (d, h) => (t(!0), a(r, null, i(e.lines, (n) => (t(), m(u, {
12
+ return (h, d) => (t(!0), n(l, null, a(e.lines, (r) => (t(), m(u, {
14
13
  ref_for: !0,
15
14
  ref: "shimmerLines",
16
15
  class: o(["shimmer-line", [
@@ -18,12 +17,11 @@ const k = /* @__PURE__ */ l({
18
17
  e.inheritHeight ? "uikit-h-[1em]" : "uikit-h-8",
19
18
  "uikit-mb-2 uikit-rounded-xs"
20
19
  ]]),
21
- enabled: e.enabled,
22
- key: `sml-${n}`,
20
+ key: `sml-${r}`,
23
21
  style: s({
24
22
  marginRight: e.randomLength ? `${Math.round(Math.random() * 5) * 10}%` : 0
25
23
  })
26
- }, null, 8, ["class", "enabled", "style"]))), 128));
24
+ }, null, 8, ["class", "style"]))), 128));
27
25
  }
28
26
  });
29
27
  export {
@@ -1,39 +1,46 @@
1
- import { defineComponent as m, shallowRef as a, provide as i, onBeforeMount as b, onBeforeUnmount as h, renderSlot as p } from "vue";
2
- import { VisibleTargetsKey as g, ObserveTargetKey as O, UnobserveTargetKey as y } from "../../../../../../components/IntersectionObserver/v2/types.js";
3
- const T = /* @__PURE__ */ m({
1
+ 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";
2
+ import { ObserverOnceKey as B, ObserverKey as p, IsVisibleKey as V } from "../../../../../../components/IntersectionObserver/v2/types.js";
3
+ const $ = /* @__PURE__ */ d({
4
4
  __name: "IntersectionObserverProvider",
5
5
  props: {
6
- emitOnce: { type: Boolean, default: !1 },
6
+ observeOnce: { type: Boolean, default: !0 },
7
7
  skip: { type: Boolean, default: !1 },
8
8
  threshold: { default: 0 }
9
9
  },
10
10
  emits: ["intersection"],
11
- setup(n, { emit: c }) {
12
- const u = c, r = a(/* @__PURE__ */ new Set()), t = a(), d = (e) => {
13
- n.skip || e.forEach(({ target: l, isIntersecting: f }) => {
14
- const o = l.getAttribute("target-id");
15
- if (!o) return;
16
- const s = new Set(r.value);
17
- f ? (s.add(o), u("intersection"), n.emitOnce && t.value?.disconnect()) : s.delete(o), r.value = s;
11
+ setup(s, { emit: u }) {
12
+ const v = u, o = i(!1), e = i(), c = (r) => {
13
+ s.skip || r.forEach(({ target: n, isIntersecting: l }) => {
14
+ o.value = l, l && (v("intersection"), s.observeOnce && f(n));
18
15
  });
19
- }, v = () => {
20
- t.value?.disconnect();
16
+ }, f = (r) => {
17
+ e.value && e.value.unobserve(r);
18
+ }, b = () => {
19
+ e.value && e.value.disconnect();
21
20
  };
22
- return i(g, r), i(O, (e) => {
23
- t.value?.observe(e);
24
- }), i(y, (e) => {
25
- t.value?.unobserve(e);
26
- }), b(() => {
27
- t.value = new IntersectionObserver(d, {
21
+ return t(B, s.observeOnce), t(p, e), t(V, o), m(() => {
22
+ e.value = new IntersectionObserver(c, {
28
23
  root: null,
29
24
  //if the root is null, then we will check if the target is visible in the doc root!
30
- threshold: n.threshold
25
+ threshold: s.threshold
31
26
  });
32
- }), h(() => {
33
- v();
34
- }), (e, l) => p(e.$slots, "default", { observer: t.value });
27
+ }), O(() => {
28
+ b();
29
+ }), (r, n) => s.observeOnce ? a(r.$slots, "default", {
30
+ key: 1,
31
+ observer: e.value,
32
+ isVisible: o.value
33
+ }) : (y(), h("div", {
34
+ key: 0,
35
+ class: k(r.$attrs["root-classes"])
36
+ }, [
37
+ a(r.$slots, "default", {
38
+ observer: e.value,
39
+ isVisible: o.value
40
+ })
41
+ ], 2));
35
42
  }
36
43
  });
37
44
  export {
38
- T as default
45
+ $ as default
39
46
  };
@@ -1,31 +1,21 @@
1
- import { defineComponent as v, useTemplateRef as d, useId as b, inject as s, computed as m, onMounted as g, watch as p, createElementBlock as T, renderSlot as u, openBlock as y, unref as k } from "vue";
2
- import { VisibleTargetsKey as O, ObserveTargetKey as _, UnobserveTargetKey as h } from "../../../../../../components/IntersectionObserver/v2/types.js";
3
- const V = ["target-id"], I = /* @__PURE__ */ v({
1
+ 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";
2
+ import { ObserverOnceKey as m, ObserverKey as p, IsVisibleKey as b } from "../../../../../../components/IntersectionObserver/v2/types.js";
3
+ const K = /* @__PURE__ */ i({
4
4
  __name: "IntersectionObserverTarget",
5
- props: {
6
- observeOnce: { type: Boolean, default: !0 }
7
- },
8
- setup(n) {
9
- const e = d("root"), i = b(), c = s(O, void 0), f = s(_, void 0), a = s(h, void 0), t = m(
10
- () => c?.value.has(i) || !1
11
- );
12
- return g(() => {
13
- e.value && f?.(e.value);
14
- }), p([t, e], ([r, o], [, l]) => {
15
- n.observeOnce && r && (o && a?.(o), l && a?.(l));
16
- }), (r, o) => !n.observeOnce || !t.value ? (y(), T("div", {
5
+ setup(y) {
6
+ const e = c("root"), l = r(m, void 0), s = r(p, void 0), a = r(b, void 0);
7
+ return u(() => {
8
+ !s?.value || !e.value || s?.value.observe(e.value);
9
+ }), (o, _) => !n(l) || !n(a) ? (f(), v("div", {
17
10
  key: 0,
18
11
  ref_key: "root",
19
12
  ref: e,
20
- "target-id": k(i)
13
+ class: d(o.$attrs["root-classes"])
21
14
  }, [
22
- u(r.$slots, "default", { isVisible: t.value })
23
- ], 8, V)) : u(r.$slots, "default", {
24
- key: 1,
25
- isVisible: t.value
26
- });
15
+ t(o.$slots, "default")
16
+ ], 2)) : t(o.$slots, "default", { key: 1 });
27
17
  }
28
18
  });
29
19
  export {
30
- I as default
20
+ K as default
31
21
  };
@@ -29,5 +29,5 @@ export type { SwiperPaginationPrimitiveProps } from '../components/carousel/Prim
29
29
  export type { SwiperNavigationPrimitiveProps } from '../components/carousel/Primitive/SwiperNavigationPrimitive';
30
30
  export type { SwiperSlideImagePrimitiveProps } from '../components/carousel/Primitive/SwiperSlideImagePrimitive';
31
31
  export type { IntersectionObserverProviderProps } from '../components/IntersectionObserver/v2/IntersectionObserverProvider';
32
- export type { BaseCardRootProps, CardRootTypes, } from '../UIKit/Card/CardRootPrimitive';
33
- export type { CardTypes } from '../UIKit/Card/type';
32
+ export type { BaseCardRootProps, CardRootTypes, } from '../UIKit/BaseCard/CardRootPrimitive';
33
+ export type { CardTypes } from '../UIKit/BaseCard/type';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wikicasa-dev/components",
3
- "version": "2.5.6-alpha.13",
3
+ "version": "2.5.6-alpha.3",
4
4
  "description": "Wikicasa frontend components",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -1,5 +0,0 @@
1
- import o from "../../packages/components/lib/UIKit/Card/BaseCard.vue.js";
2
- import '../../assets/BaseCard.css';/* empty css */
3
- export {
4
- o as default
5
- };
@@ -1,4 +0,0 @@
1
- import f from "../../packages/components/lib/UIKit/Card/CardImagePrimitive.vue.js";
2
- export {
3
- f as default
4
- };
@@ -1,5 +0,0 @@
1
- import o from "../../packages/components/lib/UIKit/Card/CardRootPrimitive.vue.js";
2
- import '../../assets/BaseCard.css';/* empty css */
3
- export {
4
- o as default
5
- };
File without changes
File without changes
File without changes