@wikicasa-dev/components 1.9.33 → 1.10.0
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/README.md +4 -18
- package/dist/AccessibleSelect.js +1 -1
- package/dist/BaseAccordion.js +1 -1
- package/dist/BaseAccordionBtn.js +1 -1
- package/dist/BaseAccordionContent.js +1 -1
- package/dist/BaseAccordionItem.js +1 -1
- package/dist/BaseAutocomplete.js +1 -1
- package/dist/BaseBreadcrumb.js +1 -1
- package/dist/BaseDropDown.js +1 -1
- package/dist/BaseModal.js +1 -1
- package/dist/BasePagination.js +1 -1
- package/dist/BaseSnackbar.js +2 -2
- package/dist/BaseTabView.js +1 -1
- package/dist/SwiperCarousel.js +1 -1
- package/dist/UIKit/Accordion/BaseAccordion.vue.d.ts +9 -5
- package/dist/UIKit/Accordion/BaseAccordionBtn.vue.d.ts +3 -5
- package/dist/UIKit/Accordion/BaseAccordionContent.vue.d.ts +7 -0
- package/dist/UIKit/Accordion/BaseAccordionItem.vue.d.ts +26 -6
- package/dist/UIKit/BasePagination.vue.d.ts +1 -1
- package/dist/UIKit/types.d.ts +2 -1
- package/dist/assets/SwiperCarousel.css +1 -1
- package/dist/assets/index.css +1 -1
- package/dist/chunks/{AccessibleSelect.vue_vue_type_script_setup_true_lang.BZJiuA9q.js → AccessibleSelect.vue_vue_type_script_setup_true_lang.BlYI8zO3.js} +44 -44
- package/dist/chunks/{ArrowIcon.B7Oqov4Y.js → ArrowIcon.CCFMdsq6.js} +9 -9
- package/dist/chunks/BaseAccordion.vue_vue_type_script_setup_true_lang.R7qkuKlw.js +32 -0
- package/dist/chunks/{BaseAccordionBtn.vue_vue_type_script_setup_true_lang.2iAIiz6F.js → BaseAccordionBtn.vue_vue_type_script_setup_true_lang.DsDqk9iP.js} +14 -12
- package/dist/chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.C0aiiljz.js +34 -0
- package/dist/chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.Caagpb9M.js +143 -0
- package/dist/chunks/{BaseAutocomplete.vue_vue_type_script_setup_true_lang.CuwMDpZt.js → BaseAutocomplete.vue_vue_type_script_setup_true_lang.FVR77AHA.js} +2 -2
- package/dist/chunks/{BaseBreadcrumb.vue_vue_type_script_setup_true_lang.B0owkt0c.js → BaseBreadcrumb.vue_vue_type_script_setup_true_lang.BH2c3gOe.js} +2 -2
- package/dist/chunks/{BaseDropDown.vue_vue_type_script_setup_true_lang.BW53X5Mh.js → BaseDropDown.vue_vue_type_script_setup_true_lang.B6bPMnvl.js} +3 -3
- package/dist/chunks/{BaseModal.vue_vue_type_style_index_0_lang.9RKUM3fd.js → BaseModal.vue_vue_type_style_index_0_lang.Bl0EkSNw.js} +2 -2
- package/dist/chunks/{BasePagination.vue_vue_type_script_setup_true_lang.CC-83EJ7.js → BasePagination.vue_vue_type_script_setup_true_lang.DxPb8OYe.js} +2 -2
- package/dist/chunks/BaseTabView.vue_vue_type_script_setup_true_lang.CrzWV8VV.js +94 -0
- package/dist/chunks/{CloseIcon.YLxieTr1.js → CloseIcon.DIkr4soH.js} +13 -13
- package/dist/chunks/PharmacyIcon.56ql_DYl.js +19 -0
- package/dist/chunks/{SwiperCarousel.BV6QiwmC.js → SwiperCarousel.DWUl3bgn.js} +132 -131
- package/dist/chunks/{index.C7BPB1tC.js → index.D6IWh9UY.js} +2 -2
- package/dist/chunks/{useKeyboardController.CXrrg8Zt.js → useKeyboardController.CutKeclN.js} +3 -6
- package/dist/components/carousel/SwiperCarousel.vue.d.ts +1 -0
- package/dist/index.d.ts +1 -3
- package/dist/index.js +57 -61
- package/package.json +7 -8
- package/dist/BaseNavItem.js +0 -58
- package/dist/UIKit/BaseNavItem.vue.d.ts +0 -93
- package/dist/assets/BaseNavItem.css +0 -1
- package/dist/chunks/BaseAccordion.vue_vue_type_script_setup_true_lang.CoE2D2rV.js +0 -19
- package/dist/chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.8ErZghvk.js +0 -30
- package/dist/chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.CR-nWss7.js +0 -111
- package/dist/chunks/BaseTabView.vue_vue_type_script_setup_true_lang.RbxW2M0Y.js +0 -85
- package/dist/chunks/PharmacyIcon.qIkuSERu.js +0 -41
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
import { h as
|
|
2
|
-
import { A as O } from "./useKeyboardController.
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
const j = (
|
|
6
|
-
|
|
7
|
-
const { width: t, height: e } =
|
|
8
|
-
return
|
|
1
|
+
import { h as m, defineComponent as B, ref as $, computed as H, watch as T, onMounted as C, onUnmounted as F, openBlock as a, createElementBlock as s, normalizeClass as l, createElementVNode as o, createCommentVNode as d, withModifiers as k, renderSlot as z, unref as p, createBlock as A, createVNode as E, Fragment as g, renderList as P } from "vue";
|
|
2
|
+
import { A as O } from "./useKeyboardController.CutKeclN.js";
|
|
3
|
+
import { a as q } from "./ArrowIcon.CCFMdsq6.js";
|
|
4
|
+
import { e as N } from "./PharmacyIcon.56ql_DYl.js";
|
|
5
|
+
const j = (n, { attrs: f }) => {
|
|
6
|
+
n = { ...N(), ...n };
|
|
7
|
+
const { width: t, height: e } = n;
|
|
8
|
+
return m(
|
|
9
9
|
"svg",
|
|
10
10
|
{
|
|
11
11
|
xmlns: "http://www.w3.org/2000/svg",
|
|
12
12
|
viewBox: "0 0 11.175 13.409",
|
|
13
13
|
width: `${t}`,
|
|
14
14
|
height: `${e}`,
|
|
15
|
-
class:
|
|
16
|
-
"aria-hidden":
|
|
15
|
+
class: n.class ?? "",
|
|
16
|
+
"aria-hidden": f["aria-hidden"] ?? "true",
|
|
17
17
|
fill: "none",
|
|
18
|
-
stroke:
|
|
18
|
+
stroke: n["stroke-color"] ?? "#FA4F64"
|
|
19
19
|
},
|
|
20
20
|
[
|
|
21
|
-
|
|
21
|
+
m("circle", {
|
|
22
22
|
cx: 6,
|
|
23
23
|
cy: 6,
|
|
24
24
|
r: 4.5
|
|
25
25
|
}),
|
|
26
|
-
|
|
26
|
+
m("path", {
|
|
27
27
|
"stroke-linejoin": "round",
|
|
28
28
|
d: "M5.8 3.6h.4L6 6.5z"
|
|
29
29
|
}),
|
|
30
|
-
|
|
30
|
+
m("circle", {
|
|
31
31
|
cx: 6,
|
|
32
32
|
cy: 8.2,
|
|
33
33
|
r: 0.6,
|
|
34
|
-
fill:
|
|
34
|
+
fill: n["stroke-color"] ?? "#FA4F64",
|
|
35
35
|
stroke: "none"
|
|
36
36
|
})
|
|
37
37
|
]
|
|
@@ -54,8 +54,8 @@ const j = (d, { attrs: p }) => {
|
|
|
54
54
|
border: { type: Boolean, default: !0 }
|
|
55
55
|
},
|
|
56
56
|
emits: ["update:modelValue"],
|
|
57
|
-
setup(
|
|
58
|
-
const t =
|
|
57
|
+
setup(n, { emit: f }) {
|
|
58
|
+
const t = n, e = $(!1), V = $(null), v = H(() => !!t.modelValue.label), L = f, { activeIdx: b, selectedIdx: M } = O({
|
|
59
59
|
optionsLength: t.options.length,
|
|
60
60
|
isDropdownOpen: e
|
|
61
61
|
}), h = (i) => {
|
|
@@ -64,14 +64,14 @@ const j = (d, { attrs: p }) => {
|
|
|
64
64
|
T(M, (i) => {
|
|
65
65
|
h(t.options[i]), e.value = !1;
|
|
66
66
|
});
|
|
67
|
-
const
|
|
67
|
+
const y = ({ target: i }) => {
|
|
68
68
|
`${t.namespace}_btn` !== i.id && (e.value = !1);
|
|
69
69
|
};
|
|
70
70
|
return C(() => {
|
|
71
|
-
t.closeOnBodyPressed && document && document.addEventListener("click",
|
|
71
|
+
t.closeOnBodyPressed && document && document.addEventListener("click", y);
|
|
72
72
|
}), F(() => {
|
|
73
|
-
t.closeOnBodyPressed && document && document.removeEventListener("click",
|
|
74
|
-
}), (i,
|
|
73
|
+
t.closeOnBodyPressed && document && document.removeEventListener("click", y);
|
|
74
|
+
}), (i, r) => (a(), s("div", {
|
|
75
75
|
class: l([i.$attrs.class])
|
|
76
76
|
}, [
|
|
77
77
|
o("div", D, [
|
|
@@ -85,14 +85,14 @@ const j = (d, { attrs: p }) => {
|
|
|
85
85
|
{ "uikit-left-4": !i.$slots.lefticon && !v.value }
|
|
86
86
|
]]),
|
|
87
87
|
innerHTML: i.label
|
|
88
|
-
}, null, 10, S)) :
|
|
88
|
+
}, null, 10, S)) : d("", !0),
|
|
89
89
|
i.$slots.lefticon ? (a(), s("span", {
|
|
90
90
|
key: 1,
|
|
91
91
|
class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
|
|
92
|
-
onClick:
|
|
92
|
+
onClick: r[0] || (r[0] = k((u) => e.value = !e.value, ["stop"]))
|
|
93
93
|
}, [
|
|
94
94
|
z(i.$slots, "lefticon")
|
|
95
|
-
])) :
|
|
95
|
+
])) : d("", !0),
|
|
96
96
|
o("button", {
|
|
97
97
|
id: `${i.namespace}_btn`,
|
|
98
98
|
ref_key: "btnEl",
|
|
@@ -109,23 +109,23 @@ const j = (d, { attrs: p }) => {
|
|
|
109
109
|
"aria-controls": `${i.namespace}_dropdown`,
|
|
110
110
|
"aria-labelledby": `${i.namespace}_label ${i.namespace}_btn`,
|
|
111
111
|
"aria-expanded": e.value,
|
|
112
|
-
"aria-activedescendant": b
|
|
112
|
+
"aria-activedescendant": p(b) >= 0 && e.value ? `${i.namespace}_element_${i.options[p(b)].label}` : "",
|
|
113
113
|
"aria-invalid": t.isValid === !1,
|
|
114
114
|
"aria-describedby": t.isValid === !1 ? `${i.namespace}_invalid_msg` : void 0,
|
|
115
|
-
onClick:
|
|
115
|
+
onClick: r[1] || (r[1] = (u) => e.value = !e.value)
|
|
116
116
|
}, [
|
|
117
117
|
o("span", {
|
|
118
118
|
class: l(["uikit-pointer-events-none uikit-mt-1", i.$attrs["btn-text-classes"]]),
|
|
119
119
|
innerHTML: i.modelValue.visibleLabel || i.modelValue.label
|
|
120
120
|
}, null, 10, G),
|
|
121
121
|
o("span", I, [
|
|
122
|
-
t.isValid == !1 ? (a(), A(
|
|
122
|
+
t.isValid == !1 ? (a(), A(p(j), {
|
|
123
123
|
key: 0,
|
|
124
124
|
class: "uikit-mr-1",
|
|
125
125
|
width: 20,
|
|
126
126
|
height: 20
|
|
127
|
-
})) :
|
|
128
|
-
E(
|
|
127
|
+
})) : d("", !0),
|
|
128
|
+
E(p(q), {
|
|
129
129
|
class: l(["uikit-transition-transform motion-reduce:uikit-transition-none", e.value ? "uikit-rotate-180" : ""]),
|
|
130
130
|
width: 18,
|
|
131
131
|
height: 18,
|
|
@@ -151,7 +151,7 @@ const j = (d, { attrs: p }) => {
|
|
|
151
151
|
key: 0,
|
|
152
152
|
class: l(["uikit-mx-5px", [i.modelValue.label ? "uikit-invisible" : "uikit-hidden"]]),
|
|
153
153
|
innerHTML: i.label
|
|
154
|
-
}, null, 10, J)) :
|
|
154
|
+
}, null, 10, J)) : d("", !0)
|
|
155
155
|
], 2)
|
|
156
156
|
], 2),
|
|
157
157
|
o("ul", {
|
|
@@ -168,18 +168,18 @@ const j = (d, { attrs: p }) => {
|
|
|
168
168
|
{ "uikit-top-[55px]": i.dropdownPosition === "bottom" },
|
|
169
169
|
i.$attrs["dropdown-classes"]
|
|
170
170
|
]]),
|
|
171
|
-
onClick:
|
|
171
|
+
onClick: r[3] || (r[3] = k(() => {
|
|
172
172
|
}, ["stop"]))
|
|
173
173
|
}, [
|
|
174
|
-
(a(!0), s(g, null, P(i.options, (
|
|
175
|
-
id: `${i.namespace}_element_${i.options[
|
|
176
|
-
key: `${
|
|
174
|
+
(a(!0), s(g, null, P(i.options, (u, c) => (a(), s("li", {
|
|
175
|
+
id: `${i.namespace}_element_${i.options[c].label}`,
|
|
176
|
+
key: `${u.label}_${c}`,
|
|
177
177
|
role: "option",
|
|
178
|
-
"aria-selected": b
|
|
178
|
+
"aria-selected": p(b) === c,
|
|
179
179
|
class: l(["uikit-m-1 uikit-cursor-pointer uikit-px-20px uikit-py-10px uikit-text aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured", i.$attrs["dropdown-item-classes"]]),
|
|
180
|
-
onClick: k((
|
|
181
|
-
onMouseover: k((
|
|
182
|
-
onBlur:
|
|
180
|
+
onClick: k((w) => h(u), ["stop"]),
|
|
181
|
+
onMouseover: k((w) => b.value = c, ["stop"]),
|
|
182
|
+
onBlur: r[2] || (r[2] = k(() => {
|
|
183
183
|
}, ["stop"]))
|
|
184
184
|
}, [
|
|
185
185
|
o("label", R, [
|
|
@@ -188,11 +188,11 @@ const j = (d, { attrs: p }) => {
|
|
|
188
188
|
class: "uikit-m-0 uikit-appearance-none",
|
|
189
189
|
name: `${i.namespace}_radio`,
|
|
190
190
|
type: "radio",
|
|
191
|
-
checked:
|
|
192
|
-
onInput: k((
|
|
191
|
+
checked: u.label === i.modelValue.label,
|
|
192
|
+
onInput: k((w) => h(u), ["stop"])
|
|
193
193
|
}, null, 40, W),
|
|
194
194
|
o("span", {
|
|
195
|
-
innerHTML:
|
|
195
|
+
innerHTML: u.label
|
|
196
196
|
}, null, 8, X)
|
|
197
197
|
])
|
|
198
198
|
], 42, Q))), 128))
|
|
@@ -205,15 +205,15 @@ const j = (d, { attrs: p }) => {
|
|
|
205
205
|
"arial-live": i.$attrs["aria-live"],
|
|
206
206
|
class: "uikit-mt-1 uikit-inline-block uikit-text-12",
|
|
207
207
|
innerHTML: i.isValid ? i.feedback.valid : ""
|
|
208
|
-
}, null, 8, Y)) :
|
|
208
|
+
}, null, 8, Y)) : d("", !0),
|
|
209
209
|
i.feedback.invalid ? (a(), s("span", {
|
|
210
210
|
key: 1,
|
|
211
211
|
id: `${i.namespace}_invalid_msg`,
|
|
212
212
|
"arial-live": i.$attrs["aria-live"],
|
|
213
213
|
class: "uikit-mt-1 uikit-inline-block uikit-text-12 uikit-text-w-danger",
|
|
214
214
|
innerHTML: i.isValid === !1 ? i.feedback.invalid : ""
|
|
215
|
-
}, null, 8, Z)) :
|
|
216
|
-
], 64)) :
|
|
215
|
+
}, null, 8, Z)) : d("", !0)
|
|
216
|
+
], 64)) : d("", !0)
|
|
217
217
|
], 2));
|
|
218
218
|
}
|
|
219
219
|
});
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { h as o } from "vue";
|
|
2
|
-
import {
|
|
3
|
-
const d = (
|
|
4
|
-
|
|
5
|
-
const { width:
|
|
2
|
+
import { e as s } from "./PharmacyIcon.56ql_DYl.js";
|
|
3
|
+
const d = (r, { attrs: t }) => {
|
|
4
|
+
r = { ...s(), ...r };
|
|
5
|
+
const { width: e, height: i } = r;
|
|
6
6
|
return o(
|
|
7
7
|
"svg",
|
|
8
8
|
{
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
viewBox: "0 0 20.243 11.621",
|
|
11
|
-
width: `${
|
|
12
|
-
height: `${
|
|
13
|
-
class:
|
|
14
|
-
"aria-hidden":
|
|
11
|
+
width: `${e}`,
|
|
12
|
+
height: `${i}`,
|
|
13
|
+
class: r.class ?? "",
|
|
14
|
+
"aria-hidden": t["aria-hidden"] ?? "true"
|
|
15
15
|
},
|
|
16
16
|
o("path", {
|
|
17
17
|
fill: "none",
|
|
@@ -24,5 +24,5 @@ const d = (t, { attrs: r }) => {
|
|
|
24
24
|
);
|
|
25
25
|
};
|
|
26
26
|
export {
|
|
27
|
-
d
|
|
27
|
+
d as a
|
|
28
28
|
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { defineComponent as d, ref as u, provide as c, renderSlot as f } from "vue";
|
|
2
|
+
import "./types-B0dZ7OiV.D29wNgoj.js";
|
|
3
|
+
import { s as p } from "./ObjectUtils.BOUbloeg.js";
|
|
4
|
+
const k = /* @__PURE__ */ d({
|
|
5
|
+
__name: "BaseAccordion",
|
|
6
|
+
props: {
|
|
7
|
+
autoClose: { type: Boolean, default: !0 },
|
|
8
|
+
autoUpdate: { type: Boolean, default: !0 }
|
|
9
|
+
},
|
|
10
|
+
setup(n) {
|
|
11
|
+
const l = u(null), o = u(
|
|
12
|
+
{}
|
|
13
|
+
), i = (e, t) => {
|
|
14
|
+
if (n.autoClose && t && !p(t))
|
|
15
|
+
for (const a in t)
|
|
16
|
+
a !== `${e}` && (t[a].active = !1);
|
|
17
|
+
}, s = (e, t) => {
|
|
18
|
+
t && (t[e].active = !(t[e].active ?? !1));
|
|
19
|
+
}, r = (e, t) => {
|
|
20
|
+
i(e.id, t ?? o.value), l.value = e, s(e.id, t ?? o.value);
|
|
21
|
+
};
|
|
22
|
+
return c("handleClick", (e) => {
|
|
23
|
+
n.autoUpdate && r(e);
|
|
24
|
+
}), c("accordionItems", o), (e, t) => f(e.$slots, "default", {
|
|
25
|
+
updatePrev: r,
|
|
26
|
+
prev: l.value
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
export {
|
|
31
|
+
k as _
|
|
32
|
+
};
|
|
@@ -1,26 +1,27 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import {
|
|
3
|
-
import "./PharmacyIcon.
|
|
4
|
-
const f = ["id"], g = ["aria-expanded", "aria-controls"],
|
|
1
|
+
import { defineComponent as s, openBlock as l, createElementBlock as d, normalizeClass as e, renderSlot as i, createElementVNode as c, withModifiers as p, createVNode as u, unref as k } from "vue";
|
|
2
|
+
import { a as m } from "./ArrowIcon.CCFMdsq6.js";
|
|
3
|
+
import "./PharmacyIcon.56ql_DYl.js";
|
|
4
|
+
const f = ["id"], g = ["aria-expanded", "aria-controls"], b = /* @__PURE__ */ s({
|
|
5
5
|
inheritAttrs: !1,
|
|
6
6
|
__name: "BaseAccordionBtn",
|
|
7
7
|
props: {
|
|
8
8
|
id: {},
|
|
9
9
|
arrowWidth: { default: 12 },
|
|
10
|
+
arrowColor: {},
|
|
10
11
|
onContainerClickExpand: { type: Boolean, default: !1 },
|
|
11
12
|
accordionOpen: { type: Boolean, default: !1 },
|
|
12
|
-
toggleAccordion: {}
|
|
13
|
+
toggleAccordion: { type: Function }
|
|
13
14
|
},
|
|
14
15
|
emits: ["click"],
|
|
15
|
-
setup(
|
|
16
|
+
setup(C, { emit: n }) {
|
|
16
17
|
const r = n;
|
|
17
|
-
return (o, t) => (
|
|
18
|
+
return (o, t) => (l(), d("div", {
|
|
18
19
|
id: `${o.id}`,
|
|
19
20
|
class: e(["uikit-flex uikit-items-center uikit-justify-around", [
|
|
20
21
|
o.$attrs["btn-wrapper-classes"],
|
|
21
22
|
o.onContainerClickExpand ? "uikit-cursor-pointer" : ""
|
|
22
23
|
]]),
|
|
23
|
-
onClick: t[1] || (t[1] = (
|
|
24
|
+
onClick: t[1] || (t[1] = (a) => o.onContainerClickExpand && o.toggleAccordion())
|
|
24
25
|
}, [
|
|
25
26
|
i(o.$slots, "custom_content"),
|
|
26
27
|
i(o.$slots, "custom_btn", {
|
|
@@ -33,11 +34,11 @@ const f = ["id"], g = ["aria-expanded", "aria-controls"], w = /* @__PURE__ */ a(
|
|
|
33
34
|
class: e(["uikit-border-0 uikit-bg-transparent", o.$attrs["btn-classes"]]),
|
|
34
35
|
"aria-expanded": o.accordionOpen,
|
|
35
36
|
"aria-controls": `accordion-text-${o.id}`,
|
|
36
|
-
onClick: t[0] || (t[0] = p((
|
|
37
|
+
onClick: t[0] || (t[0] = p((a) => {
|
|
37
38
|
o.toggleAccordion(), r("click");
|
|
38
39
|
}, ["prevent", "stop"]))
|
|
39
40
|
}, [
|
|
40
|
-
u(m
|
|
41
|
+
u(k(m), {
|
|
41
42
|
class: e([
|
|
42
43
|
"uikit-transition-transform motion-reduce:uikit-transition-none",
|
|
43
44
|
[
|
|
@@ -45,14 +46,15 @@ const f = ["id"], g = ["aria-expanded", "aria-controls"], w = /* @__PURE__ */ a(
|
|
|
45
46
|
o.$attrs["arrow-classes"]
|
|
46
47
|
]
|
|
47
48
|
]),
|
|
49
|
+
"stroke-color": o.arrowColor ?? "#222",
|
|
48
50
|
width: o.arrowWidth,
|
|
49
51
|
height: o.arrowWidth
|
|
50
|
-
}, null, 8, ["class", "width", "height"])
|
|
52
|
+
}, null, 8, ["stroke-color", "class", "width", "height"])
|
|
51
53
|
], 10, g)
|
|
52
54
|
])
|
|
53
55
|
], 10, f));
|
|
54
56
|
}
|
|
55
57
|
});
|
|
56
58
|
export {
|
|
57
|
-
|
|
59
|
+
b as _
|
|
58
60
|
};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { defineComponent as n, openBlock as a, createElementBlock as s, normalizeClass as o, renderSlot as e, createElementVNode as r } from "vue";
|
|
2
|
+
const t = ["id", "aria-labelledby"], p = /* @__PURE__ */ n({
|
|
3
|
+
__name: "BaseAccordionContent",
|
|
4
|
+
props: {
|
|
5
|
+
id: {},
|
|
6
|
+
accordionOpen: { type: Boolean },
|
|
7
|
+
accordionOpenClasses: {},
|
|
8
|
+
accordionClosedClasses: {},
|
|
9
|
+
accordionContentClasses: {}
|
|
10
|
+
},
|
|
11
|
+
setup(d) {
|
|
12
|
+
return (i, c) => (a(), s("div", {
|
|
13
|
+
id: `accordion-text-${i.id}`,
|
|
14
|
+
role: "region",
|
|
15
|
+
"aria-labelledby": `accordion-title-${i.id}`,
|
|
16
|
+
class: o(["uikit-grid uikit-overflow-hidden uikit-px-5 uikit-text-sm uikit-text-w-black uikit-transition-[grid-template-rows,opacity,padding,margin] uikit-duration-300 uikit-ease-in-out", [
|
|
17
|
+
i.accordionOpen ? i.accordionOpenClasses : i.accordionClosedClasses,
|
|
18
|
+
i.accordionOpen ? "uikit-grid-rows-[1fr] uikit-opacity-100" : "uikit-grid-rows-[0fr] uikit-opacity-0",
|
|
19
|
+
i.$attrs["accordion-classes"]
|
|
20
|
+
]])
|
|
21
|
+
}, [
|
|
22
|
+
e(i.$slots, "custom_accordion_content", { isOpen: i.accordionOpen }, () => [
|
|
23
|
+
r("div", {
|
|
24
|
+
class: o(["uikit-overflow-hidden", i.accordionContentClasses])
|
|
25
|
+
}, [
|
|
26
|
+
e(i.$slots, "default", { isOpen: i.accordionOpen })
|
|
27
|
+
], 2)
|
|
28
|
+
])
|
|
29
|
+
], 10, t));
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
export {
|
|
33
|
+
p as _
|
|
34
|
+
};
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
import { defineComponent as h, ref as $, inject as p, watch as l, unref as d, openBlock as u, createElementBlock as v, normalizeClass as m, createElementVNode as f, withModifiers as y, createVNode as k, createBlock as g, withCtx as c, renderSlot as t, createCommentVNode as O } from "vue";
|
|
2
|
+
import { _ as B } from "./BaseAccordionBtn.vue_vue_type_script_setup_true_lang.DsDqk9iP.js";
|
|
3
|
+
import { _ as A } from "./BaseAccordionContent.vue_vue_type_script_setup_true_lang.C0aiiljz.js";
|
|
4
|
+
import { a as E } from "./ArrowIcon.CCFMdsq6.js";
|
|
5
|
+
import "./PharmacyIcon.56ql_DYl.js";
|
|
6
|
+
const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M = ["itemprop", "innerHTML"], P = /* @__PURE__ */ h({
|
|
7
|
+
inheritAttrs: !1,
|
|
8
|
+
__name: "BaseAccordionItem",
|
|
9
|
+
props: {
|
|
10
|
+
title: {},
|
|
11
|
+
id: {},
|
|
12
|
+
active: { type: Boolean, default: !1 },
|
|
13
|
+
arrowColor: {},
|
|
14
|
+
arrowWidth: { default: 12 },
|
|
15
|
+
onContainerClickExpand: { type: Boolean, default: !1 },
|
|
16
|
+
rootClasses: {},
|
|
17
|
+
dataCy: {},
|
|
18
|
+
btnClasses: {},
|
|
19
|
+
itemProp: {},
|
|
20
|
+
arrowClasses: {},
|
|
21
|
+
btnWrapperClasses: {},
|
|
22
|
+
accordionContentClasses: {},
|
|
23
|
+
accordionOpenClasses: {},
|
|
24
|
+
accordionCloseClasses: {},
|
|
25
|
+
accordionClasses: {}
|
|
26
|
+
},
|
|
27
|
+
emits: ["click", "accordionOpened", "accordionClosed", "update:accordionState"],
|
|
28
|
+
setup(i, { emit: w }) {
|
|
29
|
+
const a = w, o = $(!1), r = p(
|
|
30
|
+
"accordionItems",
|
|
31
|
+
() => {
|
|
32
|
+
},
|
|
33
|
+
!0
|
|
34
|
+
), b = p(
|
|
35
|
+
"handleClick",
|
|
36
|
+
() => {
|
|
37
|
+
},
|
|
38
|
+
!0
|
|
39
|
+
), C = (e, s = !1) => {
|
|
40
|
+
a(s ? "accordionOpened" : "accordionClosed", e), a("update:accordionState", s);
|
|
41
|
+
};
|
|
42
|
+
r && (r.value[i.id] = { id: i.id, title: i.title, active: i.active }), l(
|
|
43
|
+
() => d(r),
|
|
44
|
+
(e) => {
|
|
45
|
+
const s = e?.[i.id];
|
|
46
|
+
!s || o.value === s.active || (o.value = s.active ?? !1, C(
|
|
47
|
+
{ id: i.id, title: i.title, active: s.active },
|
|
48
|
+
s.active
|
|
49
|
+
));
|
|
50
|
+
},
|
|
51
|
+
{ deep: !0, immediate: !0 }
|
|
52
|
+
), l(o, (e) => {
|
|
53
|
+
o.value = e, C({ id: i.id, title: i.title, active: o.value }, e);
|
|
54
|
+
}), l(
|
|
55
|
+
() => i.active,
|
|
56
|
+
(e) => {
|
|
57
|
+
o.value = e;
|
|
58
|
+
},
|
|
59
|
+
{ immediate: !0 }
|
|
60
|
+
);
|
|
61
|
+
const n = () => {
|
|
62
|
+
o.value = !o.value;
|
|
63
|
+
};
|
|
64
|
+
return (e, s) => (u(), v("div", {
|
|
65
|
+
class: m(e.rootClasses)
|
|
66
|
+
}, [
|
|
67
|
+
!e.$slots.custom_content && !e.$slots.custom_btn && !e.$slots.custom_accordion ? (u(), v("div", W, [
|
|
68
|
+
f("button", {
|
|
69
|
+
id: `accordion-title-${e.id}`,
|
|
70
|
+
type: "button",
|
|
71
|
+
class: m(["uikit-flex uikit-w-full uikit-items-center uikit-justify-between uikit-border-0 uikit-bg-white uikit-px-5 uikit-py-4 uikit-text-left uikit-font-semibold uikit-transition-colors active:max-sm:uikit-bg-w-cultured hover:sm:uikit-bg-w-cultured", e.btnClasses]),
|
|
72
|
+
"data-cy": e.dataCy,
|
|
73
|
+
"aria-expanded": o.value,
|
|
74
|
+
"aria-controls": `accordion-text-${e.id}`,
|
|
75
|
+
onClick: s[0] || (s[0] = y((N) => {
|
|
76
|
+
n(), d(b)?.({ id: e.id, title: e.title, active: o.value }), a("click");
|
|
77
|
+
}, ["prevent", "stop"]))
|
|
78
|
+
}, [
|
|
79
|
+
f("span", {
|
|
80
|
+
itemprop: e.itemProp,
|
|
81
|
+
innerHTML: e.title
|
|
82
|
+
}, null, 8, M),
|
|
83
|
+
k(d(E), {
|
|
84
|
+
class: m([
|
|
85
|
+
"uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none",
|
|
86
|
+
[o.value ? "uikit-rotate-180" : "", e.arrowClasses]
|
|
87
|
+
]),
|
|
88
|
+
"arrow-classes": e.arrowClasses,
|
|
89
|
+
width: e.arrowWidth,
|
|
90
|
+
height: e.arrowWidth
|
|
91
|
+
}, null, 8, ["class", "arrow-classes", "width", "height"])
|
|
92
|
+
], 10, I)
|
|
93
|
+
])) : (e.$slots.custom_content || e.$slots.custom_btn) && !e.$slots.custom_accordion ? (u(), g(B, {
|
|
94
|
+
key: 1,
|
|
95
|
+
id: e.id,
|
|
96
|
+
"btn-wrapper-classes": e.btnWrapperClasses,
|
|
97
|
+
"btn-classes": e.btnClasses,
|
|
98
|
+
"arrow-color": e.arrowColor,
|
|
99
|
+
"arrow-classes": e.arrowClasses,
|
|
100
|
+
"toggle-accordion": n,
|
|
101
|
+
"on-container-click-expand": e.onContainerClickExpand,
|
|
102
|
+
"accordion-open": o.value
|
|
103
|
+
}, {
|
|
104
|
+
custom_content: c(() => [
|
|
105
|
+
t(e.$slots, "custom_content")
|
|
106
|
+
]),
|
|
107
|
+
custom_btn: c(() => [
|
|
108
|
+
t(e.$slots, "custom_btn", {
|
|
109
|
+
btnId: `btn-${e.id}`,
|
|
110
|
+
isOpen: o.value,
|
|
111
|
+
toggleAccordion: n
|
|
112
|
+
})
|
|
113
|
+
]),
|
|
114
|
+
_: 3
|
|
115
|
+
}, 8, ["id", "btn-wrapper-classes", "btn-classes", "arrow-color", "arrow-classes", "on-container-click-expand", "accordion-open"])) : O("", !0),
|
|
116
|
+
t(e.$slots, "custom_accordion", {
|
|
117
|
+
id: e.id,
|
|
118
|
+
isOpen: o.value,
|
|
119
|
+
toggleAccordion: n
|
|
120
|
+
}, () => [
|
|
121
|
+
k(A, {
|
|
122
|
+
id: e.id,
|
|
123
|
+
"accordion-open": o.value,
|
|
124
|
+
"accordion-open-classes": e.accordionOpenClasses,
|
|
125
|
+
"accordion-close-classes": e.accordionCloseClasses,
|
|
126
|
+
"accordion-content-classes": e.accordionContentClasses,
|
|
127
|
+
"accordion-classes": e.accordionClasses
|
|
128
|
+
}, {
|
|
129
|
+
custom_accordion_content: c(() => [
|
|
130
|
+
t(e.$slots, "custom_accordion_content", { isOpen: o.value })
|
|
131
|
+
]),
|
|
132
|
+
default: c(() => [
|
|
133
|
+
t(e.$slots, "default", { isOpen: o.value })
|
|
134
|
+
]),
|
|
135
|
+
_: 3
|
|
136
|
+
}, 8, ["id", "accordion-open", "accordion-open-classes", "accordion-close-classes", "accordion-content-classes", "accordion-classes"])
|
|
137
|
+
])
|
|
138
|
+
], 2));
|
|
139
|
+
}
|
|
140
|
+
});
|
|
141
|
+
export {
|
|
142
|
+
P as _
|
|
143
|
+
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent as L, mergeModels as S, useModel as H, ref as s, computed as k, onBeforeMount as z, watch as f, openBlock as y, createBlock as V, normalizeClass as A, withCtx as c, createVNode as K, renderSlot as B, createElementBlock as N, Fragment as U, renderList as F, unref as W, createElementVNode as j } from "vue";
|
|
2
2
|
import q from "../BaseInput.js";
|
|
3
|
-
import { _ as G } from "./BaseDropDown.vue_vue_type_script_setup_true_lang.
|
|
3
|
+
import { _ as G } from "./BaseDropDown.vue_vue_type_script_setup_true_lang.B6bPMnvl.js";
|
|
4
4
|
import "./types-B0dZ7OiV.D29wNgoj.js";
|
|
5
5
|
import { _ as J } from "./SelectItem.vue_vue_type_script_setup_true_lang.GPFf7fjA.js";
|
|
6
|
-
import { A as Q } from "./useKeyboardController.
|
|
6
|
+
import { A as Q } from "./useKeyboardController.CutKeclN.js";
|
|
7
7
|
function R(r, v) {
|
|
8
8
|
return (...m) => new Promise((l, d) => {
|
|
9
9
|
r.id && clearTimeout(r.id), r.id = setTimeout(() => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as m, computed as d, openBlock as s, createElementBlock as i, createElementVNode as o, normalizeClass as a, Fragment as n, renderList as k, renderSlot as u, toDisplayString as p, createVNode as h, unref as f } from "vue";
|
|
2
|
-
import {
|
|
3
|
-
import "./PharmacyIcon.
|
|
2
|
+
import { a as b } from "./ArrowIcon.CCFMdsq6.js";
|
|
3
|
+
import "./PharmacyIcon.56ql_DYl.js";
|
|
4
4
|
const C = { "aria-label": "Breadcrumb" }, g = ["data-tooltip"], w = ["href"], _ = /* @__PURE__ */ m({
|
|
5
5
|
__name: "BaseBreadcrumb",
|
|
6
6
|
props: {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineComponent as $, useId as D, ref as m, computed as L, useTemplateRef as E, watch as r, onBeforeMount as I, onMounted as S, onUnmounted as A, openBlock as s, createElementBlock as O, normalizeClass as i, withModifiers as w, renderSlot as v, createVNode as W, unref as a, withCtx as b, createElementVNode as M, createBlock as h, createCommentVNode as H, resolveDynamicComponent as N } from "vue";
|
|
2
2
|
import { _ as T } from "./BaseButton.vue_vue_type_script_setup_true_lang.dlLTK59i.js";
|
|
3
|
-
import {
|
|
4
|
-
import "./PharmacyIcon.
|
|
5
|
-
import { A as K } from "./useKeyboardController.
|
|
3
|
+
import { a as V } from "./ArrowIcon.CCFMdsq6.js";
|
|
4
|
+
import "./PharmacyIcon.56ql_DYl.js";
|
|
5
|
+
import { A as K } from "./useKeyboardController.CutKeclN.js";
|
|
6
6
|
const q = ["innerHTML"], G = /* @__PURE__ */ $({
|
|
7
7
|
inheritAttrs: !1,
|
|
8
8
|
__name: "BaseDropDown",
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineComponent as L, ref as d, onUnmounted as B, watch as E, openBlock as k, createBlock as y, Teleport as $, createElementVNode as l, normalizeClass as o, withModifiers as v, withCtx as T, createVNode as z, unref as H, createCommentVNode as h, renderSlot as n, createElementBlock as O, nextTick as I } from "vue";
|
|
2
2
|
import "./types-B0dZ7OiV.D29wNgoj.js";
|
|
3
3
|
import { _ as K } from "./BaseButton.vue_vue_type_script_setup_true_lang.dlLTK59i.js";
|
|
4
|
-
import { l as N } from "./CloseIcon.
|
|
5
|
-
import "./PharmacyIcon.
|
|
4
|
+
import { l as N } from "./CloseIcon.DIkr4soH.js";
|
|
5
|
+
import "./PharmacyIcon.56ql_DYl.js";
|
|
6
6
|
import '../assets/BaseModal.css';const w = () => navigator?.userAgent.includes("Windows"), V = (a, r) => new Promise((s, u) => {
|
|
7
7
|
setTimeout(() => {
|
|
8
8
|
try {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as P, mergeModels as S, useModel as $, computed as k, openBlock as r, createElementBlock as n, createElementVNode as h, normalizeClass as g, createVNode as y, unref as p, toDisplayString as v, createCommentVNode as a, Fragment as m, renderList as C } from "vue";
|
|
2
2
|
import "./types-B0dZ7OiV.D29wNgoj.js";
|
|
3
|
-
import {
|
|
4
|
-
import "./PharmacyIcon.
|
|
3
|
+
import { a as N } from "./ArrowIcon.CCFMdsq6.js";
|
|
4
|
+
import "./PharmacyIcon.56ql_DYl.js";
|
|
5
5
|
function d(s, l = !1) {
|
|
6
6
|
return s == null ? "" : B(l ? Math.round(s) : Math.floor(s), 0);
|
|
7
7
|
}
|