@wikicasa-dev/components 2.2.9-alpha.34 → 2.2.9-alpha.35
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.
- package/dist/Swiper/autoplay.js +3 -4
- package/dist/Swiper/controller.js +1 -2
- package/dist/Swiper/free-mode.js +3 -4
- package/dist/Swiper/keyboard.js +3 -4
- package/dist/Swiper/navigation.js +3 -4
- package/dist/Swiper/pagination.js +3 -4
- package/dist/Swiper/thumbs.js +3 -4
- package/dist/UIKit/AccessibleSelect.js +2 -3
- package/dist/UIKit/Accordion/BaseAccordion.js +1 -1
- package/dist/UIKit/Accordion/BaseAccordionBtn.js +1 -1
- package/dist/UIKit/Accordion/BaseAccordionContent.js +1 -1
- package/dist/UIKit/Accordion/BaseAccordionItem.js +2 -3
- package/dist/UIKit/Autocomplete/ClearableAutocomplete.js +2 -3
- package/dist/UIKit/BaseAlert.js +2 -3
- package/dist/UIKit/BaseAutocomplete.js +2 -3
- package/dist/UIKit/BaseBadge.js +2 -3
- package/dist/UIKit/BaseBreadcrumb.js +1 -1
- package/dist/UIKit/BaseButton.js +1 -1
- package/dist/UIKit/BaseCard.js +36 -5
- package/dist/UIKit/BaseComplexToggle.js +105 -5
- package/dist/UIKit/BaseDropDown.d.ts +2 -2
- package/dist/UIKit/BaseDropDown.js +2 -3
- package/dist/UIKit/BaseFloatingLabel.js +39 -5
- package/dist/UIKit/BaseInput.js +210 -5
- package/dist/UIKit/BaseModal.js +2 -3
- package/dist/UIKit/BasePagination.js +1 -1
- package/dist/UIKit/BaseSelect/SelectItem.js +1 -1
- package/dist/UIKit/BaseSlider.js +206 -5
- package/dist/UIKit/BaseSnackbar.js +2 -3
- package/dist/UIKit/BaseTextarea.js +126 -5
- package/dist/UIKit/BaseToggle.js +41 -5
- package/dist/UIKit/BaseTooltip.js +40 -5
- package/dist/UIKit/BaseUploadFile.js +1 -1
- package/dist/UIKit/Checkbox/CheckboxBtn.js +2 -3
- package/dist/UIKit/Checkbox/CheckboxGroup.js +1 -1
- package/dist/UIKit/Radio/RadioButton.js +1 -1
- package/dist/UIKit/Radio/RadioGroup.js +1 -1
- package/dist/UIKit/ShimmerLoader/BaseShimmerLoader.js +20 -5
- package/dist/UIKit/ShimmerLoader/ShimmerMultiLine.js +1 -1
- package/dist/UIKit/Slider/SimpleSlider.js +81 -5
- package/dist/UIKit/StaticSpinner.js +26 -5
- package/dist/UIKit/Tab/BaseTab.js +1 -1
- package/dist/UIKit/Tab/BaseTabList.js +1 -1
- package/dist/UIKit/Tab/BaseTabPanel.js +1 -1
- package/dist/UIKit/Tab/BaseTabView.js +1 -1
- package/dist/assets/BaseInput.css +1 -1
- package/dist/assets/SwiperCarousel.css +1 -1
- package/dist/chart/DoughnutChart.js +1 -1
- package/dist/chart/LineChart.js +1 -1
- package/dist/{packages/components/lib/UIKit/AccessibleSelect.vue.js → chunks/AccessibleSelect.vue_vue_type_style_index_0_lang.DWwkWpAC.js} +3 -4
- package/dist/{packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js → chunks/BaseAccordion.vue_vue_type_script_setup_true_lang.Qp6BrYox.js} +5 -5
- package/dist/{packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js → chunks/BaseAccordionBtn.vue_vue_type_script_setup_true_lang.CL5zNPzY.js} +4 -4
- package/dist/{packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js → chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.BqjzG2As.js} +5 -5
- package/dist/{packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js → chunks/BaseAccordionItem.vue_vue_type_style_index_0_lang.DwEHSyBO.js} +4 -4
- package/dist/chunks/BaseAlert.vue_vue_type_style_index_0_lang.BVR-COlL.js +19 -0
- package/dist/{packages/components/lib/UIKit/BaseAutocomplete.vue.js → chunks/BaseAutocomplete.vue_vue_type_style_index_0_lang.BW_JCkOV.js} +24 -25
- package/dist/{packages/components/lib/UIKit/BaseBadge.vue.js → chunks/BaseBadge.vue_vue_type_style_index_0_lang.BnYtlFXq.js} +6 -6
- package/dist/{packages/components/lib/UIKit/BaseBreadcrumb.vue.js → chunks/BaseBreadcrumb.vue_vue_type_script_setup_true_lang.CcfuB26u.js} +7 -7
- package/dist/{packages/components/lib/UIKit/BaseButton.vue.js → chunks/BaseButton.vue_vue_type_script_setup_true_lang.CswNVEW_.js} +2 -2
- package/dist/{packages/components/lib/UIKit/BaseDropDown.vue.js → chunks/BaseDropDown.vue_vue_type_style_index_0_lang.z4eFD2_f.js} +12 -12
- package/dist/{packages/components/lib/UIKit/BaseModal.vue.js → chunks/BaseModal.vue_vue_type_style_index_0_lang.B8U_buif.js} +2 -2
- package/dist/{packages/components/lib/UIKit/BasePagination.vue.js → chunks/BasePagination.vue_vue_type_script_setup_true_lang.CkGMhOm-.js} +1 -1
- package/dist/{packages/components/lib/UIKit/BaseSnackbar.vue.js → chunks/BaseSnackbar.vue_vue_type_style_index_0_lang.DJqVfg6P.js} +2 -2
- package/dist/{packages/components/lib/UIKit/Tab/BaseTab.vue.js → chunks/BaseTab.vue_vue_type_script_setup_true_lang.Cu67jd8K.js} +3 -3
- package/dist/{packages/components/lib/UIKit/Tab/BaseTabList.vue.js → chunks/BaseTabList.vue_vue_type_script_setup_true_lang.BXvkXKbT.js} +3 -3
- package/dist/{packages/components/lib/UIKit/Tab/BaseTabPanel.vue.js → chunks/BaseTabPanel.vue_vue_type_script_setup_true_lang.CM1ObHXU.js} +1 -1
- package/dist/{packages/components/lib/UIKit/Tab/BaseTabView.vue.js → chunks/BaseTabView.vue_vue_type_script_setup_true_lang.BocXkfTw.js} +17 -17
- package/dist/{packages/components/lib/UIKit/BaseUploadFile.vue.js → chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.DMPiMivr.js} +7 -7
- package/dist/{packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js → chunks/CheckboxBtn.vue_vue_type_style_index_0_lang.MYOfjOwM.js} +8 -8
- package/dist/{packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js → chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.aDZDPjgR.js} +3 -4
- package/dist/{packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js → chunks/ClearableAutocomplete.vue_vue_type_style_index_0_lang.DUOBcBPN.js} +4 -5
- package/dist/{packages/components/lib/chart/DoughnutChart.vue.js → chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.yALl_gpB.js} +6 -6
- package/dist/{packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js → chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BidNzYDc.js} +5 -5
- package/dist/{packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js → chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.BnLNx3be.js} +3 -3
- package/dist/{packages/components/lib/chart/LineChart.vue.js → chunks/LineChart.vue_vue_type_script_setup_true_lang.Df20jEOd.js} +7 -7
- package/dist/{packages/components/lib/UIKit/Radio/RadioButton.vue.js → chunks/RadioButton.vue_vue_type_script_setup_true_lang.g-a7DM3l.js} +3 -3
- package/dist/{packages/components/lib/UIKit/Radio/RadioGroup.vue.js → chunks/RadioGroup.vue_vue_type_script_setup_true_lang.DtBZuHm2.js} +3 -3
- package/dist/{packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js → chunks/SelectItem.vue_vue_type_script_setup_true_lang.DvQ4ZKvE.js} +9 -9
- package/dist/{packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js → chunks/ShimmerMultiLine.vue_vue_type_script_setup_true_lang.DEb8nfZp.js} +4 -4
- package/dist/chunks/_plugin-vue_export-helper.CHgC5LLL.js +9 -0
- package/dist/components/IntersectionObserver/IntersectionObservable.js +1 -1
- package/dist/components/IntersectionObserver/IntersectionObserver.js +1 -1
- package/dist/components/carousel/SwiperCarousel.js +243 -6
- package/dist/components/carousel/SwiperSlide.js +1 -1
- package/dist/index.js +82 -92
- package/package.json +2 -1
- package/dist/_virtual/_plugin-vue_export-helper.js +0 -9
- package/dist/assets/SwiperCarousel2.css +0 -1
- package/dist/assets/swiper-swiper.css +0 -1
- package/dist/assets/swiper-zoom.css +0 -1
- package/dist/packages/components/lib/UIKit/BaseAlert.vue.js +0 -19
- package/dist/packages/components/lib/UIKit/BaseCard.vue.js +0 -37
- package/dist/packages/components/lib/UIKit/BaseComplexToggle.vue.js +0 -106
- package/dist/packages/components/lib/UIKit/BaseFloatingLabel.vue.js +0 -40
- package/dist/packages/components/lib/UIKit/BaseInput.vue.js +0 -211
- package/dist/packages/components/lib/UIKit/BaseSlider.vue.js +0 -207
- package/dist/packages/components/lib/UIKit/BaseTextarea.vue.js +0 -127
- package/dist/packages/components/lib/UIKit/BaseToggle.vue.js +0 -42
- package/dist/packages/components/lib/UIKit/BaseTooltip.vue.js +0 -41
- package/dist/packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js +0 -21
- package/dist/packages/components/lib/UIKit/Slider/SimpleSlider.vue.js +0 -82
- package/dist/packages/components/lib/UIKit/StaticSpinner.vue.js +0 -27
- package/dist/packages/components/lib/components/carousel/SwiperCarousel.vue.js +0 -246
- /package/dist/assets/{swiper-free-mode.css → free-mode.css} +0 -0
- /package/dist/assets/{swiper-navigation.css → navigation.css} +0 -0
- /package/dist/assets/{swiper-pagination.css → pagination.css} +0 -0
- /package/dist/assets/{swiper-thumbs.css → thumbs.css} +0 -0
|
@@ -1,8 +1,245 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
import
|
|
5
|
-
|
|
1
|
+
import { defineComponent as Q, reactive as U, ref as k, useId as X, computed as f, onMounted as Y, watch as x, nextTick as V, createElementBlock as l, openBlock as d, normalizeClass as u, createElementVNode as v, createCommentVNode as $, renderSlot as M, Fragment as P, renderList as E, mergeProps as F, withModifiers as O } from "vue";
|
|
2
|
+
import { Swiper as T } from "swiper";
|
|
3
|
+
import { Zoom as _ } from "swiper/modules";
|
|
4
|
+
import { shallowCopyObjectTo as ee } from "@wikicasa-dev/utilities";
|
|
5
|
+
import { _ as te } from "../../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
|
|
6
|
+
import '../../assets/SwiperCarousel.css';const se = ["id"], ie = ["id", "data-cy"], ae = ["data-idx", "alt", "width", "height", "onLoad"], re = ["id"], oe = ["alt"], ne = /* @__PURE__ */ Q({
|
|
7
|
+
inheritAttrs: !1,
|
|
8
|
+
__name: "SwiperCarousel",
|
|
9
|
+
props: {
|
|
10
|
+
id: {},
|
|
11
|
+
swiperOptions: {},
|
|
12
|
+
thumbSwiperOptions: {},
|
|
13
|
+
lazyLoadImages: { type: Boolean, default: !0 },
|
|
14
|
+
backgroundImage: { type: Boolean, default: !1 },
|
|
15
|
+
images: { default: () => [] },
|
|
16
|
+
artDirection: {},
|
|
17
|
+
shiftFirstImage: { type: Boolean, default: !1 }
|
|
18
|
+
},
|
|
19
|
+
emits: ["moved", "click", "firstSlideLoaded", "init"],
|
|
20
|
+
setup(s, { expose: B, emit: D }) {
|
|
21
|
+
const y = D, a = U({
|
|
22
|
+
swiperParams: { modules: [_] },
|
|
23
|
+
swiper: null,
|
|
24
|
+
initCarousel: !1
|
|
25
|
+
}), S = k(), j = k(!1), A = X(), p = f(() => s.id ?? A), N = f(() => a.swiper), g = f(() => s.swiperOptions?.slidesPerView || 1), W = f(() => !!s.swiperOptions?.keyboard), C = f(() => !!s.swiperOptions.navigation), I = f(() => !!s.swiperOptions.pagination), q = f(() => !!s.swiperOptions.autoplay), K = f(
|
|
26
|
+
() => s.swiperOptions?.effect || "slider"
|
|
27
|
+
), R = () => {
|
|
28
|
+
s.swiperOptions && ee(s.swiperOptions, a.swiperParams);
|
|
29
|
+
}, z = (e, i = -1, t = !1) => {
|
|
30
|
+
if (!e.images)
|
|
31
|
+
return { src: e.src || "" };
|
|
32
|
+
let r = "", o = "", b = "";
|
|
33
|
+
if (s.artDirection) {
|
|
34
|
+
for (const n in s.artDirection) {
|
|
35
|
+
const { mq: c, width: w } = s.artDirection[n];
|
|
36
|
+
w && (b += b ? `,${c} ${parseInt(w)}px` : `${c} ${parseInt(w)}px`);
|
|
37
|
+
}
|
|
38
|
+
o = e.images.reduce((n, c, w) => {
|
|
39
|
+
const m = Object.values(s.artDirection)[w];
|
|
40
|
+
return !m || !m.width || (n += n ? `, ${c.storagePath} ${m.width}` : `${c.storagePath} ${m.width}`), n;
|
|
41
|
+
}, ""), r = e.images[0].storagePath;
|
|
42
|
+
} else {
|
|
43
|
+
let n = e.images;
|
|
44
|
+
e.images.length > 3 ? n = e.images.slice(2, 5) : s.shiftFirstImage && (n[0] = n[1]), o = n.reduce((c, w, m) => (m === 0 && (r = `${w.storagePath}`), m > 0 && (c += ", "), `${c}${w.storagePath} ${m + 1}x`), "");
|
|
45
|
+
}
|
|
46
|
+
const H = r, J = o;
|
|
47
|
+
return typeof g.value == "number" && i > g.value ? (r = "", o = "", { sizes: b, "data-src": H, "data-srcset": J }) : t ? {
|
|
48
|
+
src: r,
|
|
49
|
+
srcset: o,
|
|
50
|
+
sizes: b,
|
|
51
|
+
loading: "lazy",
|
|
52
|
+
fetchpriority: "low"
|
|
53
|
+
} : {
|
|
54
|
+
src: r,
|
|
55
|
+
srcset: o,
|
|
56
|
+
sizes: b,
|
|
57
|
+
loading: s.lazyLoadImages || i >= g.value ? "lazy" : void 0,
|
|
58
|
+
fetchpriority: !s.lazyLoadImages && i === 0 ? "high" : "low"
|
|
59
|
+
};
|
|
60
|
+
}, h = [], Z = (e) => {
|
|
61
|
+
if (typeof g.value == "string") return;
|
|
62
|
+
const i = h[e];
|
|
63
|
+
if (i && !i.src && (i.src = i.dataset.src || "", i.srcset = i.dataset.srcset || ""), e < g.value || e + 1 >= (s.images ?? []).length)
|
|
64
|
+
return;
|
|
65
|
+
const t = h[e + 1];
|
|
66
|
+
t && !t.src && (t.src = t?.dataset.src || "", t.srcset = t?.dataset.srcset || "");
|
|
67
|
+
}, L = k(null), G = (e) => {
|
|
68
|
+
e === 0 && h && h[e] && V(() => {
|
|
69
|
+
L.value?.setAttribute("data-first-slide-loaded", "true"), y("firstSlideLoaded");
|
|
70
|
+
});
|
|
71
|
+
};
|
|
72
|
+
return Y(async () => {
|
|
73
|
+
if (R(), W.value) {
|
|
74
|
+
const { Keyboard: t } = await import("../../Swiper/keyboard.js");
|
|
75
|
+
a.swiperParams.modules?.push(t), a.swiperParams.keyboard = s.swiperOptions.keyboard;
|
|
76
|
+
}
|
|
77
|
+
if (I.value) {
|
|
78
|
+
const { Pagination: t } = await import("../../Swiper/pagination.js");
|
|
79
|
+
a.swiperParams.modules?.push(t), a.swiperParams.pagination = {
|
|
80
|
+
el: ".swiper-pagination",
|
|
81
|
+
renderFraction: (r, o) => `<div class="uikit-rounded-xs uikit-border-w-black uikit-border uikit-border-solid uikit-px-3 uikit-bg-white uikit-pt-[3px] uikit-pb-[3px]">
|
|
82
|
+
<span data-cy="swiper-pagination-current" class="${r}"></span>
|
|
83
|
+
/
|
|
84
|
+
<span data-cy="swiper-pagination-total" class="${o}"></span>
|
|
85
|
+
</div>`,
|
|
86
|
+
...typeof a.swiperParams.pagination == "boolean" ? {} : a.swiperParams.pagination
|
|
87
|
+
};
|
|
88
|
+
}
|
|
89
|
+
if (C.value) {
|
|
90
|
+
const { Navigation: t } = await import("../../Swiper/navigation.js");
|
|
91
|
+
a.swiperParams.modules?.push(t);
|
|
92
|
+
const r = {
|
|
93
|
+
...s.swiperOptions.navigation.nextEl ?? {
|
|
94
|
+
nextEl: ".swiper-button-next"
|
|
95
|
+
},
|
|
96
|
+
...s.swiperOptions.navigation.prevEl ?? {
|
|
97
|
+
prevEl: ".swiper-button-prev"
|
|
98
|
+
}
|
|
99
|
+
};
|
|
100
|
+
a.swiperParams.navigation = {
|
|
101
|
+
...typeof s.swiperOptions.navigation == "object" ? s.swiperOptions.navigation : {},
|
|
102
|
+
...r
|
|
103
|
+
};
|
|
104
|
+
}
|
|
105
|
+
if (q.value) {
|
|
106
|
+
const { Autoplay: t } = await import("../../Swiper/autoplay.js");
|
|
107
|
+
a.swiperParams.modules?.push(t), a.swiperParams.autoplay = s.swiperOptions.autoplay;
|
|
108
|
+
}
|
|
109
|
+
const e = {
|
|
110
|
+
...a.swiperParams,
|
|
111
|
+
on: {
|
|
112
|
+
init: () => {
|
|
113
|
+
j.value = !0, y("init");
|
|
114
|
+
},
|
|
115
|
+
slideChange: (t) => {
|
|
116
|
+
Z(t.activeIndex), y("moved", { activeIndex: t.activeIndex });
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
};
|
|
120
|
+
let i = null;
|
|
121
|
+
if (s.thumbSwiperOptions) {
|
|
122
|
+
const [t, r, o] = await Promise.all([
|
|
123
|
+
import("../../Swiper/thumbs.js"),
|
|
124
|
+
import("../../Swiper/free-mode.js"),
|
|
125
|
+
import("../../Swiper/controller.js")
|
|
126
|
+
]);
|
|
127
|
+
a.swiperParams.modules?.push(t.Thumbs), a.swiperParams.modules?.push(o.Controller), i = new T(`#thumb_${p.value}`, {
|
|
128
|
+
...s.thumbSwiperOptions,
|
|
129
|
+
modules: [r.FreeMode]
|
|
130
|
+
}), e.thumbs = {
|
|
131
|
+
swiper: i
|
|
132
|
+
};
|
|
133
|
+
}
|
|
134
|
+
e.lazyPreloadPrevNext = 1, a.swiper = new T(`#${p.value}`, e), S.value?.classList.remove("uikit-hidden");
|
|
135
|
+
}), x(
|
|
136
|
+
() => s.images,
|
|
137
|
+
() => {
|
|
138
|
+
V(() => {
|
|
139
|
+
a.swiper?.update();
|
|
140
|
+
});
|
|
141
|
+
}
|
|
142
|
+
), B({
|
|
143
|
+
swiper: N,
|
|
144
|
+
moveTo(e, i = 0, t = !0) {
|
|
145
|
+
a.swiper?.slideTo(e, i, t);
|
|
146
|
+
},
|
|
147
|
+
updateSlidesPerView: (e) => {
|
|
148
|
+
!a.swiper || a.swiper.params.slidesPerView === e || (a.swiper.params.slidesPerView = e, a.swiper.update());
|
|
149
|
+
}
|
|
150
|
+
}), (e, i) => (d(), l("div", {
|
|
151
|
+
id: `root-${p.value}`,
|
|
152
|
+
ref_key: "root",
|
|
153
|
+
ref: L,
|
|
154
|
+
class: u(["swiper-carousel-root", e.$attrs["root-classes"]])
|
|
155
|
+
}, [
|
|
156
|
+
v("div", {
|
|
157
|
+
id: p.value,
|
|
158
|
+
"data-cy": e.$attrs["data-cy"],
|
|
159
|
+
class: u(["swiper", e.$attrs["swiper-classes"]])
|
|
160
|
+
}, [
|
|
161
|
+
v("div", {
|
|
162
|
+
ref_key: "swiperWrapper",
|
|
163
|
+
ref: S,
|
|
164
|
+
class: u(["swiper-wrapper", [
|
|
165
|
+
e.$attrs["swiper-wrapper-classes"],
|
|
166
|
+
K.value === "none" && "no-transition"
|
|
167
|
+
]]),
|
|
168
|
+
onClick: i[0] || (i[0] = (t) => y("click"))
|
|
169
|
+
}, [
|
|
170
|
+
M(e.$slots, "default", {}, () => [
|
|
171
|
+
(d(!0), l(P, null, E(s.images, (t, r) => (d(), l("div", {
|
|
172
|
+
key: `swiper_${p.value}_${r}`,
|
|
173
|
+
class: u(["swiper-slide", e.$attrs["swiper-slide-classes"]])
|
|
174
|
+
}, [
|
|
175
|
+
v("div", {
|
|
176
|
+
class: u(["swiper-zoom-container", e.$attrs["swiper-zoom-container-classes"]])
|
|
177
|
+
}, [
|
|
178
|
+
s.backgroundImage ? $("", !0) : (d(), l("img", F({
|
|
179
|
+
key: 0,
|
|
180
|
+
ref_for: !0,
|
|
181
|
+
ref: (o) => {
|
|
182
|
+
h.push(o);
|
|
183
|
+
},
|
|
184
|
+
class: ["disable-select", [e.$attrs["slide-img-classes"] || t.classes]],
|
|
185
|
+
"data-idx": `${p.value}-slide-img-${r}`
|
|
186
|
+
}, { ref_for: !0 }, z(t, r), {
|
|
187
|
+
alt: t.alt,
|
|
188
|
+
itemprop: "image",
|
|
189
|
+
width: t.width,
|
|
190
|
+
height: t.height,
|
|
191
|
+
onLoad: (o) => G(r)
|
|
192
|
+
}), null, 16, ae))
|
|
193
|
+
], 2)
|
|
194
|
+
], 2))), 128)),
|
|
195
|
+
M(e.$slots, "last_slide", {}, void 0, !0)
|
|
196
|
+
], !0)
|
|
197
|
+
], 2),
|
|
198
|
+
I.value ? (d(), l("div", {
|
|
199
|
+
key: 0,
|
|
200
|
+
class: u([e.$attrs["swiper-pagination-classes"], "swiper-pagination [&.swiper-pagination-fraction]:uikit-flex [&.swiper-pagination-fraction]:uikit-justify-center"]),
|
|
201
|
+
onClick: i[1] || (i[1] = O(() => {
|
|
202
|
+
}, ["stop"]))
|
|
203
|
+
}, null, 2)) : $("", !0),
|
|
204
|
+
C.value ? (d(), l(P, { key: 1 }, [
|
|
205
|
+
v("div", {
|
|
206
|
+
class: "swiper-button-prev",
|
|
207
|
+
"data-cy": "swiper-button-prev",
|
|
208
|
+
onClick: i[2] || (i[2] = O(() => {
|
|
209
|
+
}, ["stop"]))
|
|
210
|
+
}),
|
|
211
|
+
v("div", {
|
|
212
|
+
class: "swiper-button-next",
|
|
213
|
+
"data-cy": "swiper-button-next",
|
|
214
|
+
onClick: i[3] || (i[3] = O(() => {
|
|
215
|
+
}, ["stop"]))
|
|
216
|
+
})
|
|
217
|
+
], 64)) : $("", !0)
|
|
218
|
+
], 10, ie),
|
|
219
|
+
s.thumbSwiperOptions ? (d(), l("div", {
|
|
220
|
+
key: 0,
|
|
221
|
+
id: `thumb_${p.value}`,
|
|
222
|
+
thumbsSlider: "",
|
|
223
|
+
class: u(["swiper", e.$attrs["thumb-swiper-classes"]])
|
|
224
|
+
}, [
|
|
225
|
+
v("div", {
|
|
226
|
+
class: u(["swiper-wrapper", e.$attrs["thumb-swiper-wrapper-classes"]])
|
|
227
|
+
}, [
|
|
228
|
+
(d(!0), l(P, null, E(s.images, (t, r) => (d(), l("div", {
|
|
229
|
+
key: `thumb_${p.value}_${r}`,
|
|
230
|
+
class: u(["swiper-slide", e.$attrs["thumb-img-wrapper-classes"]])
|
|
231
|
+
}, [
|
|
232
|
+
v("img", F({
|
|
233
|
+
class: e.$attrs["thumb-img-classes"]
|
|
234
|
+
}, { ref_for: !0 }, z(t, -1, !1), {
|
|
235
|
+
alt: t.alt
|
|
236
|
+
}), null, 16, oe)
|
|
237
|
+
], 2))), 128))
|
|
238
|
+
], 2)
|
|
239
|
+
], 10, re)) : $("", !0)
|
|
240
|
+
], 10, se));
|
|
241
|
+
}
|
|
242
|
+
}), me = /* @__PURE__ */ te(ne, [["__scopeId", "data-v-1ea2f6ce"]]);
|
|
6
243
|
export {
|
|
7
|
-
|
|
244
|
+
me as default
|
|
8
245
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createElementBlock as o, openBlock as t, createElementVNode as r, renderSlot as s } from "vue";
|
|
2
|
-
import c from "../../
|
|
2
|
+
import { _ as c } from "../../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
|
|
3
3
|
const n = {}, i = { class: "swiper-slide" }, d = { class: "swiper-zoom-container" };
|
|
4
4
|
function l(e, _) {
|
|
5
5
|
return t(), o("div", i, [
|
package/dist/index.js
CHANGED
|
@@ -1,94 +1,84 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
|
|
16
|
-
import {
|
|
17
|
-
|
|
18
|
-
import { default as
|
|
19
|
-
|
|
20
|
-
import {
|
|
21
|
-
|
|
22
|
-
import { default as
|
|
23
|
-
|
|
24
|
-
import { default as
|
|
25
|
-
import { default as
|
|
26
|
-
import { default as
|
|
27
|
-
import { default as
|
|
28
|
-
|
|
29
|
-
import {
|
|
30
|
-
import { default as
|
|
31
|
-
import { default as
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import { default as
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
|
|
39
|
-
import { default as
|
|
40
|
-
import { default as
|
|
41
|
-
import {
|
|
42
|
-
import { default as he } from "./packages/components/lib/chart/DoughnutChart.vue.js";
|
|
43
|
-
import { default as Ie } from "./packages/components/lib/chart/LineChart.vue.js";
|
|
44
|
-
import { default as Le } from "./UIKit/Slider/SimpleSlider.js";
|
|
45
|
-
import { default as De } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
|
|
46
|
-
/* empty css */
|
|
47
|
-
import { default as Fe } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
|
|
48
|
-
import { default as Me } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
|
|
49
|
-
import { default as Re } from "./components/carousel/SwiperCarousel.js";
|
|
50
|
-
import { default as Ue } from "./components/carousel/SwiperSlide.js";
|
|
51
|
-
import { default as je } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
|
|
1
|
+
import { _ as r } from "./chunks/BaseAccordion.vue_vue_type_script_setup_true_lang.Qp6BrYox.js";
|
|
2
|
+
import { _ as t } from "./chunks/BaseAccordionBtn.vue_vue_type_script_setup_true_lang.CL5zNPzY.js";
|
|
3
|
+
import { _ as f } from "./chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.BqjzG2As.js";
|
|
4
|
+
import { _ as m } from "./chunks/BaseAccordionItem.vue_vue_type_style_index_0_lang.DwEHSyBO.js";
|
|
5
|
+
import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.DvQ4ZKvE.js";
|
|
6
|
+
import { _ as d } from "./chunks/CheckboxBtn.vue_vue_type_style_index_0_lang.MYOfjOwM.js";
|
|
7
|
+
import { _ } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.aDZDPjgR.js";
|
|
8
|
+
import { _ as u } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.BocXkfTw.js";
|
|
9
|
+
import { _ as S } from "./chunks/BaseTab.vue_vue_type_script_setup_true_lang.Cu67jd8K.js";
|
|
10
|
+
import { _ as C } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.g-a7DM3l.js";
|
|
11
|
+
import { _ as A } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.DtBZuHm2.js";
|
|
12
|
+
import { _ as T } from "./chunks/AccessibleSelect.vue_vue_type_style_index_0_lang.DWwkWpAC.js";
|
|
13
|
+
import { _ as w } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.BVR-COlL.js";
|
|
14
|
+
import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_style_index_0_lang.BW_JCkOV.js";
|
|
15
|
+
import { _ as v } from "./chunks/ClearableAutocomplete.vue_vue_type_style_index_0_lang.DUOBcBPN.js";
|
|
16
|
+
import { _ as G } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BnYtlFXq.js";
|
|
17
|
+
import { _ as O } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.CswNVEW_.js";
|
|
18
|
+
import { default as P } from "./UIKit/BaseCard.js";
|
|
19
|
+
import { default as V } from "./UIKit/BaseComplexToggle.js";
|
|
20
|
+
import { _ as q } from "./chunks/BaseDropDown.vue_vue_type_style_index_0_lang.z4eFD2_f.js";
|
|
21
|
+
import { default as z } from "./UIKit/BaseFloatingLabel.js";
|
|
22
|
+
import { default as H } from "./UIKit/BaseInput.js";
|
|
23
|
+
import { _ as K } from "./chunks/BasePagination.vue_vue_type_script_setup_true_lang.CkGMhOm-.js";
|
|
24
|
+
import { default as Q } from "./UIKit/BaseSlider.js";
|
|
25
|
+
import { default as X } from "./UIKit/BaseTextarea.js";
|
|
26
|
+
import { default as Z } from "./UIKit/BaseToggle.js";
|
|
27
|
+
import { default as ee } from "./UIKit/BaseTooltip.js";
|
|
28
|
+
import { _ as re } from "./chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.DMPiMivr.js";
|
|
29
|
+
import { _ as te } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.B8U_buif.js";
|
|
30
|
+
import { default as fe } from "./UIKit/StaticSpinner.js";
|
|
31
|
+
import { default as me } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
|
|
32
|
+
import { _ as le } from "./chunks/ShimmerMultiLine.vue_vue_type_script_setup_true_lang.DEb8nfZp.js";
|
|
33
|
+
import { _ as de } from "./chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.yALl_gpB.js";
|
|
34
|
+
import { _ as _e } from "./chunks/LineChart.vue_vue_type_script_setup_true_lang.Df20jEOd.js";
|
|
35
|
+
import { default as ue } from "./UIKit/Slider/SimpleSlider.js";
|
|
36
|
+
import { _ as Se } from "./chunks/BaseSnackbar.vue_vue_type_style_index_0_lang.DJqVfg6P.js";
|
|
37
|
+
import { _ as Ce } from "./chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BidNzYDc.js";
|
|
38
|
+
import { _ as Ae } from "./chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.BnLNx3be.js";
|
|
39
|
+
import { default as Te } from "./components/carousel/SwiperCarousel.js";
|
|
40
|
+
import { default as we } from "./components/carousel/SwiperSlide.js";
|
|
41
|
+
import { _ as ke } from "./chunks/BaseBreadcrumb.vue_vue_type_script_setup_true_lang.CcfuB26u.js";
|
|
52
42
|
export {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
43
|
+
T as AccessibleSelect,
|
|
44
|
+
r as BaseAccordion,
|
|
45
|
+
t as BaseAccordionBtn,
|
|
46
|
+
f as BaseAccordionContent,
|
|
47
|
+
m as BaseAccordionItem,
|
|
48
|
+
w as BaseAlert,
|
|
49
|
+
k as BaseAutocomplete,
|
|
50
|
+
G as BaseBadge,
|
|
51
|
+
ke as BaseBreadcrumb,
|
|
52
|
+
O as BaseButton,
|
|
53
|
+
P as BaseCard,
|
|
54
|
+
V as BaseComplexToggle,
|
|
55
|
+
q as BaseDropDown,
|
|
56
|
+
z as BaseFloatingLabel,
|
|
57
|
+
H as BaseInput,
|
|
58
|
+
te as BaseModal,
|
|
59
|
+
K as BasePagination,
|
|
60
|
+
me as BaseShimmerLoader,
|
|
61
|
+
Q as BaseSlider,
|
|
62
|
+
Se as BaseSnackbar,
|
|
63
|
+
S as BaseTab,
|
|
64
|
+
u as BaseTabView,
|
|
65
|
+
X as BaseTextarea,
|
|
66
|
+
Z as BaseToggle,
|
|
67
|
+
ee as BaseTooltip,
|
|
68
|
+
re as BaseUploadFile,
|
|
69
|
+
d as CheckboxBtn,
|
|
70
|
+
_ as CheckboxGroup,
|
|
71
|
+
v as ClearableAutocomplete,
|
|
72
|
+
de as DoughnutChart,
|
|
73
|
+
Ce as IntersectionObservable,
|
|
74
|
+
Ae as IntersectionObserver,
|
|
75
|
+
_e as LineChart,
|
|
76
|
+
C as RadioButton,
|
|
77
|
+
A as RadioGroup,
|
|
78
|
+
l as SelectItem,
|
|
79
|
+
le as ShimmerMultiLine,
|
|
80
|
+
ue as SimpleSlider,
|
|
81
|
+
fe as StaticSpinner,
|
|
82
|
+
Te as SwiperCarousel,
|
|
83
|
+
we as SwiperSlide
|
|
94
84
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wikicasa-dev/components",
|
|
3
|
-
"version": "2.2.9-alpha.
|
|
3
|
+
"version": "2.2.9-alpha.35",
|
|
4
4
|
"description": "Wikicasa frontend components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
"default": "./dist/index.js"
|
|
18
18
|
},
|
|
19
19
|
"./style": "./dist/assets/tailwind.css",
|
|
20
|
+
"./css/*": "./dist/assets/*.css",
|
|
20
21
|
"./generic/*": {
|
|
21
22
|
"import": "./dist/components/*.js",
|
|
22
23
|
"types": "./dist/components/*.d.ts"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.no-transition[data-v-1ea2f6ce]{transition-duration:0ms!important}.disable-select[data-v-1ea2f6ce]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.swiper-button-disabled[data-v-1ea2f6ce]{pointer-events:auto!important}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { defineComponent as a, createElementBlock as l, openBlock as r, normalizeClass as s, renderSlot as o } from "vue";
|
|
2
|
-
const n = ["id"], c = /* @__PURE__ */ a({
|
|
3
|
-
__name: "BaseAlert",
|
|
4
|
-
props: {
|
|
5
|
-
alertClass: { default: "" }
|
|
6
|
-
},
|
|
7
|
-
setup(t) {
|
|
8
|
-
return (e, i) => (r(), l("div", {
|
|
9
|
-
id: e.$attrs.id,
|
|
10
|
-
class: s(["uikit-alert", t.alertClass]),
|
|
11
|
-
role: "alert"
|
|
12
|
-
}, [
|
|
13
|
-
o(e.$slots, "default")
|
|
14
|
-
], 10, n));
|
|
15
|
-
}
|
|
16
|
-
});
|
|
17
|
-
export {
|
|
18
|
-
c as default
|
|
19
|
-
};
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { defineComponent as u, computed as d, createBlock as C, openBlock as y, resolveDynamicComponent as f, normalizeClass as a, withCtx as v, createElementVNode as o, renderSlot as c } from "vue";
|
|
2
|
-
const p = /* @__PURE__ */ u({
|
|
3
|
-
__name: "BaseCard",
|
|
4
|
-
props: {
|
|
5
|
-
type: { default: "" },
|
|
6
|
-
rootComponent: { default: "div" },
|
|
7
|
-
cardImgClasses: { default: "" },
|
|
8
|
-
cardBodyClasses: { default: "" }
|
|
9
|
-
},
|
|
10
|
-
emits: ["click"],
|
|
11
|
-
setup(e, { emit: l }) {
|
|
12
|
-
const n = l, r = d(
|
|
13
|
-
() => e.type === "news" ? "news-card" : e.type
|
|
14
|
-
), i = d(() => e.type ? `${e.type}-img` : "");
|
|
15
|
-
return (t, s) => (y(), C(f(e.rootComponent), {
|
|
16
|
-
class: a(["card", [r.value]]),
|
|
17
|
-
onClick: s[0] || (s[0] = (m) => n("click", m))
|
|
18
|
-
}, {
|
|
19
|
-
default: v(() => [
|
|
20
|
-
o("div", {
|
|
21
|
-
class: a(["card-img", [i.value, e.cardImgClasses]])
|
|
22
|
-
}, [
|
|
23
|
-
c(t.$slots, "card-image", {}, void 0, !0)
|
|
24
|
-
], 2),
|
|
25
|
-
o("div", {
|
|
26
|
-
class: a(["card-body", [e.cardBodyClasses]])
|
|
27
|
-
}, [
|
|
28
|
-
c(t.$slots, "card-description", {}, void 0, !0)
|
|
29
|
-
], 2)
|
|
30
|
-
]),
|
|
31
|
-
_: 3
|
|
32
|
-
}, 8, ["class"]));
|
|
33
|
-
}
|
|
34
|
-
});
|
|
35
|
-
export {
|
|
36
|
-
p as default
|
|
37
|
-
};
|