@wikicasa-dev/components 1.9.1 → 1.9.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.
- package/dist/AccessibleSelect.js +1 -1
- package/dist/BaseShimmerLoader.js +20 -11
- 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 +16 -1
- 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/BaseShimmerLoader.css +1 -1
- 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.B6xZ5URR.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]
|