@wikicasa-dev/components 1.9.2 → 1.9.4
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/AccessibleSelect.js +1 -1
- package/dist/BaseShimmerLoader.js +6 -6
- package/dist/BaseTabView.js +1 -1
- package/dist/BaseToggle.js +17 -17
- package/dist/SwiperCarousel.js +1 -1
- package/dist/UIKit/AccessibleSelect.vue.d.ts +5 -5
- package/dist/UIKit/Accordion/BaseAccordion.vue.d.ts +4 -4
- package/dist/UIKit/Accordion/BaseAccordionBtn.vue.d.ts +5 -5
- package/dist/UIKit/Accordion/BaseAccordionContent.vue.d.ts +3 -3
- package/dist/UIKit/Accordion/BaseAccordionItem.vue.d.ts +5 -5
- package/dist/UIKit/BaseAlert.vue.d.ts +4 -4
- package/dist/UIKit/BaseAutocomplete.vue.d.ts +7 -7
- package/dist/UIKit/BaseBadge.vue.d.ts +4 -4
- package/dist/UIKit/BaseButton.vue.d.ts +5 -5
- package/dist/UIKit/BaseCard.vue.d.ts +5 -5
- package/dist/UIKit/BaseComplexToggle.vue.d.ts +4 -4
- package/dist/UIKit/BaseDropDown.vue.d.ts +5 -5
- package/dist/UIKit/BaseFloatingLabel.vue.d.ts +5 -5
- package/dist/UIKit/BaseIcon.vue.d.ts +4 -4
- package/dist/UIKit/BaseInput.vue.d.ts +7 -7
- package/dist/UIKit/BaseModal.vue.d.ts +5 -5
- package/dist/UIKit/BaseNavItem.vue.d.ts +55 -5
- package/dist/UIKit/BasePagination.vue.d.ts +4 -4
- package/dist/UIKit/BasePaper.vue.d.ts +1 -1
- package/dist/UIKit/BaseSelect/SelectItem.vue.d.ts +5 -5
- package/dist/UIKit/BaseSlider.vue.d.ts +182 -5
- package/dist/UIKit/BaseSnackbar.vue.d.ts +5 -5
- package/dist/UIKit/BaseTextarea.vue.d.ts +7 -7
- package/dist/UIKit/BaseToggle.vue.d.ts +4 -4
- package/dist/UIKit/BaseTooltip.vue.d.ts +4 -4
- package/dist/UIKit/BaseUploadFile.vue.d.ts +5 -5
- package/dist/UIKit/Checkbox/CheckboxBtn.vue.d.ts +6 -6
- package/dist/UIKit/Checkbox/CheckboxGroup.vue.d.ts +5 -5
- package/dist/UIKit/Radio/RadioButton.vue.d.ts +5 -5
- package/dist/UIKit/Radio/RadioGroup.vue.d.ts +5 -5
- package/dist/UIKit/ShimmerLoader/BaseShimmerLoader.vue.d.ts +3 -3
- package/dist/UIKit/ShimmerLoader/ShimmerMultiLine.vue.d.ts +4 -4
- package/dist/UIKit/StaticSpinner.vue.d.ts +4 -4
- package/dist/UIKit/Tab/BaseTab.vue.d.ts +3 -3
- package/dist/UIKit/Tab/BaseTabList.vue.d.ts +5 -5
- package/dist/UIKit/Tab/BaseTabPanel.vue.d.ts +4 -4
- package/dist/UIKit/Tab/BaseTabView.vue.d.ts +4 -8
- package/dist/assets/SwiperCarousel.css +1 -1
- package/dist/chart/DoughnutChart.vue.d.ts +3 -3
- package/dist/chart/LineChart.vue.d.ts +3 -3
- package/dist/chart/composables/useChartjsModules.d.ts +1 -1
- package/dist/chunks/{AccessibleSelect.vue_vue_type_script_setup_true_lang.CM86-jVN.js → AccessibleSelect.vue_vue_type_script_setup_true_lang.BBl-_q6G.js} +46 -41
- package/dist/chunks/{BaseTabView.vue_vue_type_script_setup_true_lang.Cs-5T5J3.js → BaseTabView.vue_vue_type_script_setup_true_lang.DSlvTOkB.js} +21 -21
- package/dist/chunks/{SwiperCarousel.vue_vue_type_style_index_0_lang.BiS3BhWj.js → SwiperCarousel.vue_vue_type_style_index_0_lang.PH6iC0qV.js} +8 -8
- package/dist/chunks/index.BbdLcPJo.js +885 -0
- package/dist/components/IntersectionObserver/IntersectionObservable.vue.d.ts +4 -4
- package/dist/components/IntersectionObserver/IntersectionObserver.vue.d.ts +5 -5
- package/dist/components/carousel/SwiperCarousel.vue.d.ts +7 -7
- package/dist/components/carousel/SwiperSlide.vue.d.ts +1 -1
- package/dist/index.js +3 -3
- package/package.json +19 -19
- package/dist/chunks/index.C70510OV.js +0 -878
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as F, mergeModels as V, useModel as w, ref as r, onMounted as D, useSlots as L, computed as M, provide as u, watch as x, openBlock as l, createElementBlock as T, normalizeClass as y, createElementVNode as E, toDisplayString as N, createBlock as c, createCommentVNode as b, Fragment as S, renderList as z, withCtx as U, resolveDynamicComponent as j } from "vue";
|
|
2
2
|
import { _ as q } from "./BaseTabPanel.vue_vue_type_script_setup_true_lang.DoZHWHt1.js";
|
|
3
|
-
import { _
|
|
3
|
+
import { _ } from "./BaseTabList.vue_vue_type_script_setup_true_lang.BEX0zH-7.js";
|
|
4
4
|
import { getUID as G } from "../utils.js";
|
|
5
|
-
const H = ["id"],
|
|
5
|
+
const H = ["id"], X = /* @__PURE__ */ F({
|
|
6
6
|
inheritAttrs: !1,
|
|
7
7
|
__name: "BaseTabView",
|
|
8
|
-
props: /* @__PURE__ */
|
|
8
|
+
props: /* @__PURE__ */ V({
|
|
9
9
|
tabsPosition: { default: "top" },
|
|
10
10
|
tabViewDescription: {},
|
|
11
11
|
tabListClasses: { default: "" }
|
|
@@ -13,9 +13,9 @@ const H = ["id"], Y = /* @__PURE__ */ V({
|
|
|
13
13
|
activeIdx: { default: 0 },
|
|
14
14
|
activeIdxModifiers: {}
|
|
15
15
|
}),
|
|
16
|
-
emits:
|
|
17
|
-
setup(
|
|
18
|
-
const d = w(
|
|
16
|
+
emits: ["update:activeIdx"],
|
|
17
|
+
setup(k) {
|
|
18
|
+
const d = w(k, "activeIdx"), C = r(""), v = r(null), I = r(null), s = r("");
|
|
19
19
|
D(() => {
|
|
20
20
|
s.value = G();
|
|
21
21
|
});
|
|
@@ -30,41 +30,41 @@ const H = ["id"], Y = /* @__PURE__ */ V({
|
|
|
30
30
|
m(t) && e.push(f(t, e.length));
|
|
31
31
|
}) : m(a) && e.push(f(a, e.length)), e), []) : []);
|
|
32
32
|
u("tabs", n), u("isTabActive", (e) => d.value === e);
|
|
33
|
-
const
|
|
34
|
-
|
|
35
|
-
},
|
|
33
|
+
const g = (e) => v.value === e, h = (e) => `base-tab-${e}-${s.value}`, P = (e) => `base-tab-panel-${e}-${s.value}`, B = (e) => n.value.find((a) => a["active-tab-panel-idx"] === e)?.tabId, $ = (e) => {
|
|
34
|
+
C.value = h(e);
|
|
35
|
+
}, A = (e) => {
|
|
36
36
|
const a = n.value.at(e ?? -1);
|
|
37
37
|
v.value = a?.["active-tab-panel-idx"] ?? null;
|
|
38
38
|
};
|
|
39
39
|
return u("handleClick", (e) => {
|
|
40
|
-
|
|
40
|
+
$(e), d.value = e;
|
|
41
41
|
}), x(
|
|
42
42
|
d,
|
|
43
43
|
(e) => {
|
|
44
|
-
|
|
44
|
+
A(e ?? -1);
|
|
45
45
|
},
|
|
46
46
|
{
|
|
47
47
|
immediate: !0
|
|
48
48
|
}
|
|
49
|
-
), (e, a) => (l(),
|
|
49
|
+
), (e, a) => (l(), T("div", {
|
|
50
50
|
ref_key: "root",
|
|
51
|
-
ref:
|
|
51
|
+
ref: I,
|
|
52
52
|
class: y(e.$attrs.class)
|
|
53
53
|
}, [
|
|
54
54
|
E("span", {
|
|
55
55
|
id: `tablist-${s.value}`,
|
|
56
56
|
class: "uikit-sr-only"
|
|
57
57
|
}, N(e.tabViewDescription), 9, H),
|
|
58
|
-
e.tabsPosition === "top" ? (l(), c(
|
|
58
|
+
e.tabsPosition === "top" ? (l(), c(_, {
|
|
59
59
|
key: 0,
|
|
60
60
|
uid: s.value,
|
|
61
61
|
"tab-list-classes": e.tabListClasses
|
|
62
62
|
}, null, 8, ["uid", "tab-list-classes"])) : b("", !0),
|
|
63
|
-
(l(!0),
|
|
63
|
+
(l(!0), T(S, null, z(n.value, (t, o) => (l(), c(q, {
|
|
64
64
|
key: o,
|
|
65
|
-
id:
|
|
66
|
-
"labelled-by":
|
|
67
|
-
active:
|
|
65
|
+
id: P(o),
|
|
66
|
+
"labelled-by": B(o) || "",
|
|
67
|
+
active: g(o),
|
|
68
68
|
class: y(t["tab-panel-classes"])
|
|
69
69
|
}, {
|
|
70
70
|
default: U(() => [
|
|
@@ -72,7 +72,7 @@ const H = ["id"], Y = /* @__PURE__ */ V({
|
|
|
72
72
|
]),
|
|
73
73
|
_: 2
|
|
74
74
|
}, 1032, ["id", "labelled-by", "active", "class"]))), 128)),
|
|
75
|
-
e.tabsPosition === "bottom" ? (l(), c(
|
|
75
|
+
e.tabsPosition === "bottom" ? (l(), c(_, {
|
|
76
76
|
key: 1,
|
|
77
77
|
uid: s.value,
|
|
78
78
|
"tab-list-classes": e.tabListClasses
|
|
@@ -81,5 +81,5 @@ const H = ["id"], Y = /* @__PURE__ */ V({
|
|
|
81
81
|
}
|
|
82
82
|
});
|
|
83
83
|
export {
|
|
84
|
-
|
|
84
|
+
X as _
|
|
85
85
|
};
|
|
@@ -334,7 +334,7 @@ function Ie(n) {
|
|
|
334
334
|
}
|
|
335
335
|
function U() {
|
|
336
336
|
clearTimeout(E), e.touchEventsData.preventTouchMoveFromPointerMove = !0, E = setTimeout(() => {
|
|
337
|
-
j();
|
|
337
|
+
e.destroyed || j();
|
|
338
338
|
});
|
|
339
339
|
}
|
|
340
340
|
function b(r) {
|
|
@@ -401,7 +401,7 @@ function Ie(n) {
|
|
|
401
401
|
let w, S, P, L, A, G, X, O, pe, fe, ge, he, K, Z, _, ee, te, ie;
|
|
402
402
|
typeof i.touchesStart.x > "u" && r ? (w = r.pageX, S = r.pageY) : (w = i.touchesStart.x, S = i.touchesStart.y);
|
|
403
403
|
const q = typeof r == "number" ? r : null;
|
|
404
|
-
g === 1 && q && (w = void 0, S = void 0);
|
|
404
|
+
g === 1 && q && (w = void 0, S = void 0, i.touchesStart.x = void 0, i.touchesStart.y = void 0);
|
|
405
405
|
const ve = W();
|
|
406
406
|
s.scale = q || ve, g = q || ve, r && !(g === 1 && q) ? (te = t.slideEl.offsetWidth, ie = t.slideEl.offsetHeight, P = ze(t.slideEl).left + d.scrollX, L = ze(t.slideEl).top + d.scrollY, A = P + te / 2 - w, G = L + ie / 2 - S, pe = t.imageEl.offsetWidth || t.imageEl.clientWidth, fe = t.imageEl.offsetHeight || t.imageEl.clientHeight, ge = pe * s.scale, he = fe * s.scale, K = Math.min(te / 2 - ge / 2, 0), Z = Math.min(ie / 2 - he / 2, 0), _ = -K, ee = -Z, X = A * s.scale, O = G * s.scale, X < K && (X = K), X > _ && (X = _), O < Z && (O = Z), O > ee && (O = ee)) : (X = 0, O = 0), q && s.scale === 1 && (t.originX = 0, t.originY = 0), t.imageWrapEl.style.transitionDuration = "300ms", t.imageWrapEl.style.transform = `translate3d(${X}px, ${O}px,0)`, t.imageEl.style.transitionDuration = "300ms", t.imageEl.style.transform = `translate3d(0,0,0) scale(${s.scale})`;
|
|
407
407
|
}
|
|
@@ -412,7 +412,7 @@ function Ie(n) {
|
|
|
412
412
|
let o = t.slideEl.querySelector(`.${s.containerClass}`);
|
|
413
413
|
o && (o = o.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), t.imageEl = o, o ? t.imageWrapEl = se(t.imageEl, `.${s.containerClass}`)[0] : t.imageWrapEl = void 0;
|
|
414
414
|
}
|
|
415
|
-
!t.imageEl || !t.imageWrapEl || (e.params.cssMode && (e.wrapperEl.style.overflow = "", e.wrapperEl.style.touchAction = ""), r.scale = 1, g = 1, t.imageWrapEl.style.transitionDuration = "300ms", t.imageWrapEl.style.transform = "translate3d(0,0,0)", t.imageEl.style.transitionDuration = "300ms", t.imageEl.style.transform = "translate3d(0,0,0) scale(1)", t.slideEl.classList.remove(`${s.zoomedSlideClass}`), t.slideEl = void 0, t.originX = 0, t.originY = 0);
|
|
415
|
+
!t.imageEl || !t.imageWrapEl || (e.params.cssMode && (e.wrapperEl.style.overflow = "", e.wrapperEl.style.touchAction = ""), r.scale = 1, g = 1, i.touchesStart.x = void 0, i.touchesStart.y = void 0, t.imageWrapEl.style.transitionDuration = "300ms", t.imageWrapEl.style.transform = "translate3d(0,0,0)", t.imageEl.style.transitionDuration = "300ms", t.imageEl.style.transform = "translate3d(0,0,0) scale(1)", t.slideEl.classList.remove(`${s.zoomedSlideClass}`), t.slideEl = void 0, t.originX = 0, t.originY = 0);
|
|
416
416
|
}
|
|
417
417
|
function ue(r) {
|
|
418
418
|
const s = e.zoom;
|
|
@@ -548,11 +548,11 @@ const Re = ["id"], Ae = ["id", "data-cy"], He = ["data-idx", "loading", "alt", "
|
|
|
548
548
|
};
|
|
549
549
|
return $e(async () => {
|
|
550
550
|
if (H(), I.value) {
|
|
551
|
-
const { Keyboard: c } = await import("./index.
|
|
551
|
+
const { Keyboard: c } = await import("./index.BbdLcPJo.js");
|
|
552
552
|
d.swiperParams.modules?.push(c), d.swiperParams.keyboard = a.swiperOptions.keyboard;
|
|
553
553
|
}
|
|
554
554
|
if (t.value) {
|
|
555
|
-
const { Pagination: c } = await import("./index.
|
|
555
|
+
const { Pagination: c } = await import("./index.BbdLcPJo.js");
|
|
556
556
|
d.swiperParams.modules?.push(c), d.swiperParams.pagination = {
|
|
557
557
|
el: ".swiper-pagination",
|
|
558
558
|
renderFraction: (h, E) => `<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]">
|
|
@@ -564,7 +564,7 @@ const Re = ["id"], Ae = ["id", "data-cy"], He = ["data-idx", "loading", "alt", "
|
|
|
564
564
|
};
|
|
565
565
|
}
|
|
566
566
|
if (m.value) {
|
|
567
|
-
const { Navigation: c } = await import("./index.
|
|
567
|
+
const { Navigation: c } = await import("./index.BbdLcPJo.js");
|
|
568
568
|
d.swiperParams.modules?.push(c);
|
|
569
569
|
const h = {
|
|
570
570
|
...a.swiperOptions.navigation.nextEl ?? {
|
|
@@ -580,7 +580,7 @@ const Re = ["id"], Ae = ["id", "data-cy"], He = ["data-idx", "loading", "alt", "
|
|
|
580
580
|
};
|
|
581
581
|
}
|
|
582
582
|
if (i.value) {
|
|
583
|
-
const { Autoplay: c } = await import("./index.
|
|
583
|
+
const { Autoplay: c } = await import("./index.BbdLcPJo.js");
|
|
584
584
|
d.swiperParams.modules?.push(c), d.swiperParams.autoplay = a.swiperOptions.autoplay;
|
|
585
585
|
}
|
|
586
586
|
const l = {
|
|
@@ -593,7 +593,7 @@ const Re = ["id"], Ae = ["id", "data-cy"], He = ["data-idx", "loading", "alt", "
|
|
|
593
593
|
};
|
|
594
594
|
let f = null;
|
|
595
595
|
if (a.thumbSwiperOptions) {
|
|
596
|
-
const { Thumbs: c, FreeMode: h, Controller: E } = await import("./index.
|
|
596
|
+
const { Thumbs: c, FreeMode: h, Controller: E } = await import("./index.BbdLcPJo.js");
|
|
597
597
|
d.swiperParams.modules?.push(c), d.swiperParams.modules?.push(E), f = new be(`#thumb_${a.id}`, {
|
|
598
598
|
...a.thumbSwiperOptions,
|
|
599
599
|
modules: [h]
|