@wikicasa-dev/components 2.5.3-alpha.14 → 2.5.3-alpha.16

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 (11) 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/assets/SwiperSlideImagePrimitive.css +1 -0
  6. package/dist/components/carousel/Primitive/SwiperSlideImagePrimitive.js +3 -2
  7. package/dist/index.js +124 -123
  8. package/dist/packages/components/lib/components/carousel/Primitive/SwiperRootPrimitive.vue.js +61 -73
  9. package/dist/packages/components/lib/components/carousel/Primitive/SwiperSlideImagePrimitive.vue.js +7 -7
  10. package/package.json +1 -1
  11. /package/dist/assets/{swiper-autoplay.css → swiper-keyboard.css} +0 -0
package/dist/Swiper/Autoplay/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import '../../assets/swiper-autoplay.css';/* empty css */
1
+ import '../../assets/swiper-keyboard.css';/* empty css */
2
2
  import { Autoplay as p } from "swiper/modules";
3
3
  export {
4
4
  p as default
package/dist/Swiper/Controller/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import '../../assets/swiper-autoplay.css';/* empty css */
1
+ import '../../assets/swiper-keyboard.css';/* empty css */
2
2
  import { Controller as e } from "swiper/modules";
3
3
  export {
4
4
  e as default
package/dist/Swiper/Keyboard/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import '../../assets/swiper-autoplay.css';/* empty css */
1
+ import '../../assets/swiper-keyboard.css';/* empty css */
2
2
  import { Keyboard as e } from "swiper/modules";
3
3
  export {
4
4
  e as default
package/dist/Swiper/Thumbs/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import '../../assets/swiper-autoplay.css';/* empty css */
1
+ import '../../assets/swiper-keyboard.css';/* empty css */
2
2
  import { Thumbs as t } from "swiper/modules";
3
3
  export {
4
4
  t as default
package/dist/assets/SwiperSlideImagePrimitive.css ADDED
@@ -0,0 +1 @@
1
+ .swiper-slide-image-primitive img[data-src]{opacity:0}.swiper-slide-image-primitive img:not([data-src]){opacity:1;transition:opacity .3s ease-in-out}
package/dist/components/carousel/Primitive/SwiperSlideImagePrimitive.js CHANGED
@@ -1,4 +1,5 @@
1
- import f from "../../../packages/components/lib/components/carousel/Primitive/SwiperSlideImagePrimitive.vue.js";
1
+ import o from "../../../packages/components/lib/components/carousel/Primitive/SwiperSlideImagePrimitive.vue.js";
2
+ import '../../../assets/SwiperSlideImagePrimitive.css';/* empty css */
2
3
  export {
3
- f as default
4
+ o as default
4
5
  };
package/dist/index.js CHANGED
@@ -1,140 +1,141 @@
1
- import { default as S } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
2
- import { default as g } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
3
- import './assets/SwiperCarousel.css';import './assets/SwiperRootPrimitive.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 */
4
- import { default as C } from "./packages/components/lib/UIKit/Accordion/AccordionItemPrimitive.vue.js";
5
- import { default as I } from "./packages/components/lib/UIKit/Accordion/AccordionHeaderPrimitive.vue.js";
6
- import { default as A } from "./packages/components/lib/UIKit/Accordion/AccordionTriggerPrimitive.vue.js";
7
- import { default as G } from "./packages/components/lib/UIKit/Accordion/AccordionContentPrimitive.vue.js";
8
- import { default as k } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
9
- import { default as D } from "./packages/components/lib/UIKit/ProgressBar/ProgressRootPrimitive.vue.js";
10
- import { default as M } from "./packages/components/lib/UIKit/ProgressBar/ProgressIndicatorPrimitive.vue.js";
11
- import { default as H } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
1
+ import { default as P } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
2
+ import { default as v } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
3
+ import './assets/SwiperSlideImagePrimitive.css';import './assets/SwiperCarousel.css';import './assets/SwiperRootPrimitive.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 */
4
+ import { default as T } from "./packages/components/lib/UIKit/Accordion/AccordionItemPrimitive.vue.js";
5
+ import { default as h } from "./packages/components/lib/UIKit/Accordion/AccordionHeaderPrimitive.vue.js";
6
+ import { default as w } from "./packages/components/lib/UIKit/Accordion/AccordionTriggerPrimitive.vue.js";
7
+ import { default as R } from "./packages/components/lib/UIKit/Accordion/AccordionContentPrimitive.vue.js";
8
+ import { default as L } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
9
+ import { default as F } from "./packages/components/lib/UIKit/ProgressBar/ProgressRootPrimitive.vue.js";
10
+ import { default as O } from "./packages/components/lib/UIKit/ProgressBar/ProgressIndicatorPrimitive.vue.js";
11
+ import { default as N } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
12
12
  /* empty css */
13
- import { default as U } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
14
- import { default as j } from "./packages/components/lib/UIKit/Checkbox/v2/CheckboxButtonGroup.vue.js";
15
- import { default as y } from "./packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupPrimitive.vue.js";
16
- import { default as E } from "./packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.vue.js";
17
- import { default as K } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
18
- import { default as W } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
19
- import { default as Y } from "./packages/components/lib/UIKit/Tab/v2/BaseTabs.vue.js";
13
+ import { default as V } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
14
+ import { default as q } from "./packages/components/lib/UIKit/Checkbox/v2/CheckboxButtonGroup.vue.js";
15
+ import { default as z } from "./packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupPrimitive.vue.js";
16
+ import { default as J } from "./packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.vue.js";
17
+ import { default as Q } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
18
+ import { default as X } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
19
+ import { default as Z } from "./packages/components/lib/UIKit/Tab/v2/BaseTabs.vue.js";
20
20
  /* empty css */
21
- import { default as _ } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsContent.vue.js";
22
- import { default as ee } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsIndicator.vue.js";
21
+ import { default as $ } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsContent.vue.js";
22
+ import { default as re } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsIndicator.vue.js";
23
23
  /* empty css */
24
- import { default as oe } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsList.vue.js";
25
- import { default as ae } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsTrigger.vue.js";
26
- import { default as me } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
27
- import { default as se } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
28
- import { default as le } from "./packages/components/lib/UIKit/Radio/v2/RadioButtonGroup.vue.js";
29
- import { default as ue } from "./packages/components/lib/UIKit/Radio/v2/RadioButtonItem.vue.js";
24
+ import { default as te } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsList.vue.js";
25
+ import { default as fe } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsTrigger.vue.js";
26
+ import { default as ie } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
27
+ import { default as pe } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
28
+ import { default as de } from "./packages/components/lib/UIKit/Radio/v2/RadioButtonGroup.vue.js";
29
+ import { default as xe } from "./packages/components/lib/UIKit/Radio/v2/RadioButtonItem.vue.js";
30
30
  /* empty css */
31
- import { default as ne } from "./packages/components/lib/UIKit/Radio/v2/RadioGroupItemPrimitive.vue.js";
32
- import { default as ce } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
31
+ import { default as Be } from "./packages/components/lib/UIKit/Radio/v2/RadioGroupItemPrimitive.vue.js";
32
+ import { default as be } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
33
33
  /* empty css */
34
- import { default as Se } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
34
+ import { default as Pe } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
35
35
  /* empty css */
36
- import { default as ge } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
36
+ import { default as ve } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
37
37
  /* empty css */
38
- import { default as Ce } from "./packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js";
38
+ import { default as Te } from "./packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js";
39
39
  /* empty css */
40
- import { default as Ie } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
40
+ import { default as he } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
41
41
  /* empty css */
42
- import { default as Ae } from "./packages/components/lib/UIKit/BaseButton.vue.js";
43
- import { default as Ge } from "./packages/components/lib/UIKit/BaseCard.vue.js";
42
+ import { default as we } from "./packages/components/lib/UIKit/BaseButton.vue.js";
43
+ import { default as Re } from "./packages/components/lib/UIKit/BaseCard.vue.js";
44
44
  /* empty css */
45
- import { default as ke } from "./UIKit/BaseComplexToggle.js";
46
- import { default as De } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
45
+ import { default as Le } from "./UIKit/BaseComplexToggle.js";
46
+ import { default as Fe } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
47
47
  /* empty css */
48
- import { default as Me } from "./UIKit/BaseFloatingLabel.js";
49
- import { default as He } from "./UIKit/BaseInput.js";
50
- import { default as Ue } from "./packages/components/lib/UIKit/BasePagination.vue.js";
51
- import { default as je } from "./UIKit/BaseSlider.js";
52
- import { default as ye } from "./UIKit/BaseTextarea.js";
53
- import { default as Ee } from "./packages/components/lib/UIKit/BaseToggle.vue.js";
54
- import { default as Ke } from "./UIKit/BaseTooltip.js";
55
- import { default as We } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
56
- import { default as Ye } from "./packages/components/lib/UIKit/BaseModal.vue.js";
48
+ import { default as Oe } from "./UIKit/BaseFloatingLabel.js";
49
+ import { default as Ne } from "./UIKit/BaseInput.js";
50
+ import { default as Ve } from "./packages/components/lib/UIKit/BasePagination.vue.js";
51
+ import { default as qe } from "./UIKit/BaseSlider.js";
52
+ import { default as ze } from "./UIKit/BaseTextarea.js";
53
+ import { default as Je } from "./packages/components/lib/UIKit/BaseToggle.vue.js";
54
+ import { default as Qe } from "./UIKit/BaseTooltip.js";
55
+ import { default as Xe } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
56
+ import { default as Ze } from "./packages/components/lib/UIKit/BaseModal.vue.js";
57
57
  /* empty css */
58
- import { default as _e } from "./UIKit/StaticSpinner.js";
59
- import { default as er } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
60
- import { default as or } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
61
- import { default as ar } from "./packages/components/lib/chart/DoughnutChart.vue.js";
62
- import { default as mr } from "./packages/components/lib/chart/LineChart.vue.js";
63
- import { default as sr } from "./UIKit/Slider/SimpleSlider.js";
64
- import { default as lr } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
58
+ import { default as $e } from "./UIKit/StaticSpinner.js";
59
+ import { default as rr } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
60
+ import { default as tr } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
61
+ import { default as fr } from "./packages/components/lib/chart/DoughnutChart.vue.js";
62
+ import { default as ir } from "./packages/components/lib/chart/LineChart.vue.js";
63
+ import { default as pr } from "./UIKit/Slider/SimpleSlider.js";
64
+ import { default as dr } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
65
65
  /* empty css */
66
- import { default as ur } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
67
- import { default as nr } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
68
- import { default as cr } from "./components/carousel/SwiperCarousel.js";
69
- import { default as Sr } from "./components/carousel/SwiperSlide.js";
70
- import { default as gr } from "./packages/components/lib/components/carousel/Primitive/SwiperRootPrimitive.vue.js";
66
+ import { default as xr } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
67
+ import { default as Br } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
68
+ import { default as br } from "./components/carousel/SwiperCarousel.js";
69
+ import { default as Pr } from "./components/carousel/SwiperSlide.js";
70
+ import { default as vr } from "./packages/components/lib/components/carousel/Primitive/SwiperRootPrimitive.vue.js";
71
71
  /* empty css */
72
- import { default as Cr } from "./packages/components/lib/components/carousel/Primitive/SwiperPrimitive.vue.js";
73
- import { default as Ir } from "./packages/components/lib/components/carousel/Primitive/SwiperPaginationPrimitive.vue.js";
72
+ import { default as Tr } from "./packages/components/lib/components/carousel/Primitive/SwiperPrimitive.vue.js";
73
+ import { default as hr } from "./packages/components/lib/components/carousel/Primitive/SwiperPaginationPrimitive.vue.js";
74
74
  /* empty css */
75
- import { default as Ar } from "./packages/components/lib/components/carousel/Primitive/SwiperNavigationPrimitive.vue.js";
76
- import { default as Gr } from "./packages/components/lib/components/carousel/Primitive/SwiperSlideImagePrimitive.vue.js";
77
- import { default as kr } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
75
+ import { default as wr } from "./packages/components/lib/components/carousel/Primitive/SwiperNavigationPrimitive.vue.js";
76
+ import { default as Rr } from "./packages/components/lib/components/carousel/Primitive/SwiperSlideImagePrimitive.vue.js";
77
+ /* empty css */
78
+ import { default as Lr } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
78
79
  export {
79
- ce as AccessibleSelect,
80
- G as AccordionContentPrimitive,
81
- I as AccordionHeaderPrimitive,
82
- C as AccordionItemPrimitive,
83
- A as AccordionTriggerPrimitive,
84
- S as BaseAccordion,
85
- g as BaseAccordionItem,
86
- Se as BaseAlert,
87
- ge as BaseAutocomplete,
88
- Ie as BaseBadge,
89
- kr as BaseBreadcrumb,
90
- Ae as BaseButton,
91
- Ge as BaseCard,
92
- ke as BaseComplexToggle,
93
- De as BaseDropDown,
94
- Me as BaseFloatingLabel,
95
- He as BaseInput,
96
- Ye as BaseModal,
97
- Ue as BasePagination,
98
- er as BaseShimmerLoader,
99
- je as BaseSlider,
100
- lr as BaseSnackbar,
101
- W as BaseTab,
102
- K as BaseTabView,
103
- Y as BaseTabs,
104
- _ as BaseTabsContent,
105
- ee as BaseTabsIndicator,
106
- oe as BaseTabsList,
107
- ae as BaseTabsTrigger,
108
- ye as BaseTextarea,
109
- Ee as BaseToggle,
110
- Ke as BaseTooltip,
111
- We as BaseUploadFile,
112
- H as CheckboxBtn,
113
- j as CheckboxButtonGroup,
114
- U as CheckboxGroup,
115
- E as CheckboxGroupItemPrimitive,
116
- y as CheckboxGroupPrimitive,
117
- Ce as ClearableAutocomplete,
118
- ar as DoughnutChart,
119
- ur as IntersectionObservable,
120
- nr as IntersectionObserver,
121
- mr as LineChart,
122
- M as ProgressIndicatorPrimitive,
123
- D as ProgressRootPrimitive,
124
- me as RadioButton,
125
- le as RadioButtonGroup,
126
- ue as RadioButtonItem,
127
- se as RadioGroup,
128
- ne as RadioGroupItemPrimitive,
129
- k as SelectItem,
130
- or as ShimmerMultiLine,
131
- sr as SimpleSlider,
132
- _e as StaticSpinner,
133
- cr as SwiperCarousel,
134
- Ar as SwiperNavigationPrimitive,
135
- Ir as SwiperPaginationPrimitive,
136
- Cr as SwiperPrimitive,
137
- gr as SwiperRootPrimitive,
138
- Sr as SwiperSlide,
139
- Gr as SwiperSlideImagePrimitive
80
+ be as AccessibleSelect,
81
+ R as AccordionContentPrimitive,
82
+ h as AccordionHeaderPrimitive,
83
+ T as AccordionItemPrimitive,
84
+ w as AccordionTriggerPrimitive,
85
+ P as BaseAccordion,
86
+ v as BaseAccordionItem,
87
+ Pe as BaseAlert,
88
+ ve as BaseAutocomplete,
89
+ he as BaseBadge,
90
+ Lr as BaseBreadcrumb,
91
+ we as BaseButton,
92
+ Re as BaseCard,
93
+ Le as BaseComplexToggle,
94
+ Fe as BaseDropDown,
95
+ Oe as BaseFloatingLabel,
96
+ Ne as BaseInput,
97
+ Ze as BaseModal,
98
+ Ve as BasePagination,
99
+ rr as BaseShimmerLoader,
100
+ qe as BaseSlider,
101
+ dr as BaseSnackbar,
102
+ X as BaseTab,
103
+ Q as BaseTabView,
104
+ Z as BaseTabs,
105
+ $ as BaseTabsContent,
106
+ re as BaseTabsIndicator,
107
+ te as BaseTabsList,
108
+ fe as BaseTabsTrigger,
109
+ ze as BaseTextarea,
110
+ Je as BaseToggle,
111
+ Qe as BaseTooltip,
112
+ Xe as BaseUploadFile,
113
+ N as CheckboxBtn,
114
+ q as CheckboxButtonGroup,
115
+ V as CheckboxGroup,
116
+ J as CheckboxGroupItemPrimitive,
117
+ z as CheckboxGroupPrimitive,
118
+ Te as ClearableAutocomplete,
119
+ fr as DoughnutChart,
120
+ xr as IntersectionObservable,
121
+ Br as IntersectionObserver,
122
+ ir as LineChart,
123
+ O as ProgressIndicatorPrimitive,
124
+ F as ProgressRootPrimitive,
125
+ ie as RadioButton,
126
+ de as RadioButtonGroup,
127
+ xe as RadioButtonItem,
128
+ pe as RadioGroup,
129
+ Be as RadioGroupItemPrimitive,
130
+ L as SelectItem,
131
+ tr as ShimmerMultiLine,
132
+ pr as SimpleSlider,
133
+ $e as StaticSpinner,
134
+ br as SwiperCarousel,
135
+ wr as SwiperNavigationPrimitive,
136
+ hr as SwiperPaginationPrimitive,
137
+ Tr as SwiperPrimitive,
138
+ vr as SwiperRootPrimitive,
139
+ Pr as SwiperSlide,
140
+ Rr as SwiperSlideImagePrimitive
140
141
  };
package/dist/packages/components/lib/components/carousel/Primitive/SwiperRootPrimitive.vue.js CHANGED
@@ -1,109 +1,97 @@
1
- import { defineComponent as S, useAttrs as O, shallowRef as p, useTemplateRef as k, onMounted as L, provide as v, createElementBlock as B, openBlock as D, Fragment as M, withDirectives as U, renderSlot as f, createCommentVNode as b, createElementVNode as V, mergeProps as x, unref as z, vShow as A, nextTick as G } from "vue";
2
- import { createSwiper as N } from "../../../../../../Swiper/factory.js";
3
- import { AutoplayModule as C } from "../../../../../../Swiper/Autoplay/factory.js";
4
- import { KeyboardModule as K } from "../../../../../../Swiper/Keyboard/factory.js";
5
- import { ZoomModule as R } from "../../../../../../Swiper/Zoom/factory.js";
6
- const $ = /* @__PURE__ */ Symbol(), q = /* @__PURE__ */ Symbol(), W = /* @__PURE__ */ S({
1
+ import { defineComponent as b, useAttrs as g, shallowRef as f, useTemplateRef as L, onMounted as V, provide as y, createElementBlock as x, openBlock as z, Fragment as A, withDirectives as N, renderSlot as w, createCommentVNode as B, createElementVNode as C, mergeProps as D, unref as U, vShow as K, nextTick as R } from "vue";
2
+ import { createSwiper as $ } from "../../../../../../Swiper/factory.js";
3
+ import { AutoplayModule as q } from "../../../../../../Swiper/Autoplay/factory.js";
4
+ import { KeyboardModule as F } from "../../../../../../Swiper/Keyboard/factory.js";
5
+ import { ZoomModule as G } from "../../../../../../Swiper/Zoom/factory.js";
6
+ const Z = /* @__PURE__ */ Symbol(), j = /* @__PURE__ */ Symbol(), _ = /* @__PURE__ */ b({
7
7
  inheritAttrs: !1,
8
8
  __name: "SwiperRootPrimitive",
9
9
  props: {
10
10
  swiperOptions: {}
11
11
  },
12
12
  emits: ["moved", "click", "init"],
13
- setup(s, { expose: y, emit: w }) {
14
- const n = w, g = O(), a = p(null), c = k("root"), l = p(!1), T = !!s.swiperOptions?.keyboard, E = !!s.swiperOptions?.autoplay, u = [];
15
- let d = !1;
16
- const I = (e) => {
17
- const t = [
18
- ...e?.querySelectorAll("img[data-src]") ?? []
19
- ];
20
- return t.forEach((o) => {
21
- o.src = o.dataset.src || "", o.srcset = o.dataset.srcset || "", o.dataset.src = "", o.dataset.srcset = "", o.removeAttribute("lazy");
22
- }), t;
23
- }, m = (e, t) => {
24
- const o = [];
25
- if (!d) return o;
26
- const r = e.params.lazyPreloadPrevNext ?? 0;
27
- for (let i = t - r; i <= t + r; i++)
28
- o.push(...I(e.slides[i]));
29
- return o;
30
- }, P = async (e) => {
31
- a.value = await N(
13
+ setup(r, { expose: I, emit: P }) {
14
+ const l = P, T = g(), s = f(null), d = L("root"), i = f(!1), h = !!r.swiperOptions?.keyboard, S = !!r.swiperOptions?.autoplay, u = [];
15
+ let c = !1;
16
+ const E = (e) => [
17
+ ...e?.querySelectorAll("img[data-src]") ?? []
18
+ ], m = (e) => {
19
+ e.src = e.dataset.src || "", e.srcset = e.dataset.srcset || "", e.dataset.src = "", e.dataset.srcset = "", e.removeAttribute("lazy");
20
+ }, p = (e, t) => {
21
+ if (!c) return [];
22
+ const a = e.params.lazyPreloadPrevNext ?? 0, n = [];
23
+ for (let o = t - a; o <= t + a; o++)
24
+ n.push(...E(e.slides[o]));
25
+ return n;
26
+ }, O = async (e) => {
27
+ s.value = await $(
32
28
  e,
33
29
  {
34
30
  on: {
35
31
  init: (t) => {
36
- G(async () => {
37
- const o = m(t, t.activeIndex);
38
- if (console.log("DEBUG:imagesToLoad", o), !o.length) {
39
- l.value = !0, n("init");
32
+ R(async () => {
33
+ const a = p(t, t.activeIndex);
34
+ if (!a.length) {
35
+ i.value = !0, l("init");
40
36
  return;
41
37
  }
38
+ const n = a.map((o) => {
39
+ const M = o.complete ? Promise.resolve() : new Promise((v) => {
40
+ o.addEventListener("load", () => v(), { once: !0 }), o.addEventListener("error", () => v(), { once: !0 });
41
+ });
42
+ return m(o), M;
43
+ });
42
44
  await Promise.race([
43
- Promise.all(
44
- o.map((r) => r.complete ? (console.log("DEBUG:img.complete", r), Promise.resolve()) : new Promise((i) => {
45
- r.addEventListener(
46
- "load",
47
- () => {
48
- console.log("DEBUG:img.load", r), i("");
49
- },
50
- { once: !0 }
51
- ), r.addEventListener(
52
- "error",
53
- () => {
54
- console.log("DEBUG:img.error", r), i("");
55
- },
56
- { once: !0 }
57
- );
58
- }))
59
- ),
45
+ Promise.all(n),
60
46
  new Promise(
61
- (r) => setTimeout(() => {
62
- console.log("DEBUG:not all images have loaded => TIMEOUT!"), r("");
63
- }, 3e3)
47
+ (o) => setTimeout(() => {
48
+ console.log("DEBUG:not all images have loaded => TIMEOUT!"), o("");
49
+ }, 6e3)
64
50
  )
65
- ]), l.value = !0, n("init");
51
+ ]), i.value = !0, l("init");
66
52
  });
67
53
  },
68
54
  slideChange: (t) => {
69
- n("moved", { activeIndex: t.activeIndex }), m(t, t.activeIndex);
55
+ l("moved", { activeIndex: t.activeIndex }), p(t, t.activeIndex).forEach(
56
+ m
57
+ );
70
58
  }
71
59
  },
72
- ...s.swiperOptions
60
+ ...r.swiperOptions
73
61
  },
74
62
  [
75
- R(s.swiperOptions?.zoom),
76
- T ? K(s.swiperOptions?.keyboard) : void 0,
77
- E ? C(s.swiperOptions.autoplay) : void 0,
63
+ G(r.swiperOptions?.zoom),
64
+ h ? F(r.swiperOptions?.keyboard) : void 0,
65
+ S ? q(r.swiperOptions.autoplay) : void 0,
78
66
  ...u
79
67
  ].filter(Boolean)
80
68
  );
81
69
  };
82
- L(() => {
83
- c.value && setTimeout(() => P(c.value));
70
+ V(() => {
71
+ d.value && setTimeout(() => O(d.value));
84
72
  });
85
- const h = (e) => {
86
- !a.value || a.value.params.slidesPerView === e || (a.value.params.slidesPerView = e, a.value.update());
73
+ const k = (e) => {
74
+ !s.value || s.value.params.slidesPerView === e || (s.value.params.slidesPerView = e, s.value.update());
87
75
  };
88
- return v(q, (e) => {
76
+ return y(j, (e) => {
89
77
  e && u.push(e);
90
- }), v($, (e) => {
91
- e !== d && (d = e);
92
- }), y({
93
- swiper: a,
94
- updateSlidesPerView: h
95
- }), (e, t) => (D(), B(M, null, [
96
- U(V("div", x({ ref: "root" }, z(g), { class: "swiper uikit-carousel" }), [
97
- f(e.$slots, "default")
78
+ }), y(Z, (e) => {
79
+ e !== c && (c = e);
80
+ }), I({
81
+ swiper: s,
82
+ updateSlidesPerView: k
83
+ }), (e, t) => (z(), x(A, null, [
84
+ N(C("div", D({ ref: "root" }, U(T), { class: "swiper uikit-carousel" }), [
85
+ w(e.$slots, "default")
98
86
  ], 16), [
99
- [A, l.value]
87
+ [K, i.value]
100
88
  ]),
101
- l.value ? b("", !0) : f(e.$slots, "placeholder", { key: 0 })
89
+ i.value ? B("", !0) : w(e.$slots, "placeholder", { key: 0 })
102
90
  ], 64));
103
91
  }
104
92
  });
105
93
  export {
106
- q as addModuleDescriptorKey,
107
- W as default,
108
- $ as setLazyImagesLoaderKey
94
+ j as addModuleDescriptorKey,
95
+ _ as default,
96
+ Z as setLazyImagesLoaderKey
109
97
  };
package/dist/packages/components/lib/components/carousel/Primitive/SwiperSlideImagePrimitive.vue.js CHANGED
@@ -1,8 +1,8 @@
1
- import { defineComponent as i, createPropsRestProxy as o, shallowRef as r, inject as l, createBlock as d, openBlock as n, withCtx as m, createElementVNode as g, mergeProps as u } from "vue";
1
+ import { defineComponent as c, createPropsRestProxy as o, shallowRef as r, inject as l, createBlock as d, openBlock as m, withCtx as n, createElementVNode as g, mergeProps as u } from "vue";
2
2
  import f from "../../../../../../components/carousel/SwiperSlide.js";
3
3
  import { setLazyImagesLoaderKey as y } from "./SwiperRootPrimitive.vue.js";
4
4
  import '../../../../../../assets/SwiperRootPrimitive.css';/* empty css */
5
- const h = ["src", "srcset", "data-src", "data-srcset"], x = /* @__PURE__ */ i({
5
+ const v = ["src", "srcset", "data-src", "data-srcset"], x = /* @__PURE__ */ c({
6
6
  __name: "SwiperSlideImagePrimitive",
7
7
  props: {
8
8
  src: {},
@@ -19,16 +19,16 @@ const h = ["src", "srcset", "data-src", "data-srcset"], x = /* @__PURE__ */ i({
19
19
  lazy: { type: Boolean }
20
20
  },
21
21
  setup(e) {
22
- const s = o(e, ["src", "srcset", "imgClasses"]), t = r(), a = r(), c = l(y, void 0);
23
- return s.lazy && (t.value = e.src, a.value = e.srcset, c?.(!0)), (v, z) => (n(), d(f, null, {
24
- default: m(() => [
22
+ const s = o(e, ["src", "srcset", "imgClasses"]), t = r(), a = r(), i = l(y, void 0);
23
+ return s.lazy && (t.value = e.src, a.value = e.srcset, i?.(!0)), (h, z) => (m(), d(f, null, {
24
+ default: n(() => [
25
25
  g("img", u(s, {
26
- class: e.imgClasses,
26
+ class: ["swiper-slide-image-primitive", e.imgClasses],
27
27
  src: e.lazy ? void 0 : e.src,
28
28
  srcset: e.lazy ? void 0 : e.srcset,
29
29
  "data-src": t.value,
30
30
  "data-srcset": a.value
31
- }), null, 16, h)
31
+ }), null, 16, v)
32
32
  ]),
33
33
  _: 1
34
34
  }));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wikicasa-dev/components",
3
- "version": "2.5.3-alpha.14",
3
+ "version": "2.5.3-alpha.16",
4
4
  "description": "Wikicasa frontend components",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",