@wikicasa-dev/components 2.2.9-alpha.27 → 2.2.9-alpha.28
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 +1 -1
- package/dist/Swiper/controller.js +1 -1
- package/dist/Swiper/keyboard.js +1 -1
- package/dist/Swiper/thumbs.js +1 -1
- package/dist/packages/components/lib/UIKit/AccessibleSelect.vue.js +10 -11
- package/dist/packages/components/lib/UIKit/BaseDropDown.vue.js +35 -32
- package/dist/packages/components/lib/UIKit/BaseModal.vue.js +51 -48
- package/package.json +1 -1
- /package/dist/assets/{swiper-keyboard.css → swiper-autoplay.css} +0 -0
package/dist/Swiper/autoplay.js
CHANGED
package/dist/Swiper/keyboard.js
CHANGED
package/dist/Swiper/thumbs.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { defineComponent as D, mergeModels as y, useModel as
|
|
1
|
+
import { defineComponent as D, mergeModels as y, useModel as p, useId as F, useTemplateRef as z, computed as C, watch as I, createElementBlock as a, openBlock as l, createVNode as $, createCommentVNode as r, normalizeClass as o, withCtx as x, Fragment as M, renderList as N, withModifiers as f, createElementVNode as n, renderSlot as A, createBlock as E, unref as V } from "vue";
|
|
2
2
|
import { WarningIconRounded as P, ArrowIcon as R } from "@wikicasa-dev/svg-icons";
|
|
3
3
|
import q from "./BaseDropDown.vue.js";
|
|
4
4
|
import '../../../../assets/BaseDropDown.css';/* empty css */
|
|
5
5
|
const S = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" }, U = ["id", "innerHTML"], j = ["onClick"], G = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby", "onClick"], W = ["innerHTML"], J = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, K = ["innerHTML"], O = ["id", "aria-selected", "onClick", "onMouseover"], Q = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, X = ["name", "checked", "onInput"], Y = ["innerHTML"], Z = ["id", "arial-live", "innerHTML"], _ = ["id", "arial-live", "innerHTML"], ae = /* @__PURE__ */ D({
|
|
6
|
-
inheritAttrs: !1,
|
|
7
6
|
__name: "AccessibleSelect",
|
|
8
7
|
props: /* @__PURE__ */ y({
|
|
9
8
|
label: { default: "" },
|
|
@@ -36,10 +35,10 @@ const S = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" },
|
|
|
36
35
|
}),
|
|
37
36
|
emits: /* @__PURE__ */ y(["click", "update:dropdownState"], ["update:modelValue", "update:open", "update:toggleDropdown"]),
|
|
38
37
|
setup(e, { emit: T }) {
|
|
39
|
-
const L = T, k =
|
|
38
|
+
const L = T, k = p(e, "modelValue"), m = p(e, "open"), g = p(e, "toggleDropdown"), B = F(), H = z("dropdownRef"), t = C(() => e.namespace || B), v = C(() => !!k.value.label), w = (i) => {
|
|
40
39
|
m.value = !1, k.value = i, console.log("DEBUG:handleChange", i);
|
|
41
40
|
};
|
|
42
|
-
return
|
|
41
|
+
return I(
|
|
43
42
|
() => H.value?.selectedIdx,
|
|
44
43
|
(i) => {
|
|
45
44
|
i === void 0 || i === -1 || (w(e.options[i]), m.value = !1);
|
|
@@ -49,8 +48,8 @@ const S = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" },
|
|
|
49
48
|
ref: "dropdownRef",
|
|
50
49
|
open: m.value,
|
|
51
50
|
"onUpdate:open": c[1] || (c[1] = (s) => m.value = s),
|
|
52
|
-
"toggle-dropdown":
|
|
53
|
-
"onUpdate:toggleDropdown": c[2] || (c[2] = (s) =>
|
|
51
|
+
"toggle-dropdown": g.value,
|
|
52
|
+
"onUpdate:toggleDropdown": c[2] || (c[2] = (s) => g.value = s),
|
|
54
53
|
class: o([e.wrapperClasses]),
|
|
55
54
|
"close-when-clicked-outside": e.closeOnBodyPressed,
|
|
56
55
|
direction: e.dropdownPosition === "top" ? "up" : "down",
|
|
@@ -83,7 +82,7 @@ const S = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" },
|
|
|
83
82
|
class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
|
|
84
83
|
onClick: f((d) => s(), ["stop"])
|
|
85
84
|
}, [
|
|
86
|
-
|
|
85
|
+
A(i.$slots, "lefticon")
|
|
87
86
|
], 8, j)) : r("", !0),
|
|
88
87
|
n("button", {
|
|
89
88
|
id: `${t.value}_btn`,
|
|
@@ -150,14 +149,14 @@ const S = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" },
|
|
|
150
149
|
])
|
|
151
150
|
]),
|
|
152
151
|
default: x(({ activeIdx: s, setActiveIdx: b }) => [
|
|
153
|
-
(l(!0), a(M, null,
|
|
152
|
+
(l(!0), a(M, null, N(e.options, (u, d) => (l(), a("li", {
|
|
154
153
|
id: `${t.value}_element_${e.options[d].label}`,
|
|
155
154
|
key: `${u.label}_${d}`,
|
|
156
155
|
role: "option",
|
|
157
156
|
"aria-selected": s === d,
|
|
158
157
|
class: o(["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", e.dropdownItemClasses]),
|
|
159
|
-
onClick: f((
|
|
160
|
-
onMouseover: f((
|
|
158
|
+
onClick: f((h) => w(u), ["stop"]),
|
|
159
|
+
onMouseover: f((h) => b(d), ["stop"]),
|
|
161
160
|
onBlur: c[0] || (c[0] = f(() => {
|
|
162
161
|
}, ["stop"]))
|
|
163
162
|
}, [
|
|
@@ -168,7 +167,7 @@ const S = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" },
|
|
|
168
167
|
name: `${t.value}_radio`,
|
|
169
168
|
type: "radio",
|
|
170
169
|
checked: u.label === k.value.label,
|
|
171
|
-
onInput: f((
|
|
170
|
+
onInput: f((h) => w(u), ["stop"])
|
|
172
171
|
}, null, 40, X),
|
|
173
172
|
n("span", {
|
|
174
173
|
innerHTML: u.label
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as T, mergeModels as
|
|
1
|
+
import { defineComponent as T, mergeModels as B, useId as N, useModel as v, shallowRef as R, computed as U, useTemplateRef as I, onMounted as V, onUnmounted as z, watch as l, nextTick as F, createElementBlock as G, openBlock as k, normalizeClass as s, renderSlot as K, createBlock as x, unref as a, createVNode as q, withCtx as A, createElementVNode as P, createCommentVNode as j, resolveDynamicComponent as J, mergeProps as Q } from "vue";
|
|
2
2
|
import X from "./BaseButton.vue.js";
|
|
3
3
|
import { ArrowIcon as Y } from "@wikicasa-dev/svg-icons";
|
|
4
4
|
import { useKeyboardController as Z } from "@wikicasa-dev/vue-composables";
|
|
5
5
|
const _ = ["innerHTML"], ae = /* @__PURE__ */ T({
|
|
6
6
|
inheritAttrs: !1,
|
|
7
7
|
__name: "BaseDropDown",
|
|
8
|
-
props: /* @__PURE__ */
|
|
8
|
+
props: /* @__PURE__ */ B({
|
|
9
9
|
dropdownAttrs: {},
|
|
10
10
|
dropdownClasses: { default: "" },
|
|
11
11
|
btnClasses: { default: "" },
|
|
@@ -31,24 +31,27 @@ const _ = ["innerHTML"], ae = /* @__PURE__ */ T({
|
|
|
31
31
|
open: { type: Boolean, default: !1 },
|
|
32
32
|
openModifiers: {}
|
|
33
33
|
}),
|
|
34
|
-
emits: /* @__PURE__ */
|
|
34
|
+
emits: /* @__PURE__ */ B(["click", "update:dropdownState"], ["update:toggleDropdown", "update:resetKeyboardController", "update:open"]),
|
|
35
35
|
setup(t, { expose: L, emit: S }) {
|
|
36
|
-
const n = t,
|
|
36
|
+
const n = t, m = N(), w = S, p = v(t, "toggleDropdown"), y = v(
|
|
37
37
|
t,
|
|
38
38
|
"resetKeyboardController"
|
|
39
39
|
), o = v(t, "open");
|
|
40
|
-
let
|
|
41
|
-
const
|
|
40
|
+
let g = !1;
|
|
41
|
+
const u = R([]), M = U(() => u.value.length), d = I("container"), c = I("dropdown"), { activeIdx: i, selectedIdx: r, onKeyDownHandler: O } = Z({
|
|
42
42
|
optionsLength: M,
|
|
43
43
|
isDropdownOpen: o,
|
|
44
44
|
global: !1,
|
|
45
45
|
closeKeys: n.closeKeys ? n.closeKeys : []
|
|
46
46
|
}), h = () => {
|
|
47
|
-
o.value = !1
|
|
48
|
-
},
|
|
49
|
-
|
|
50
|
-
},
|
|
51
|
-
|
|
47
|
+
o.value = !1;
|
|
48
|
+
}, C = ({ target: e }) => {
|
|
49
|
+
d.value?.contains(e) || h();
|
|
50
|
+
}, b = (e) => {
|
|
51
|
+
console.log("DEBUG:handleDocumentFocusIn", {
|
|
52
|
+
container: d.value,
|
|
53
|
+
target: e.target
|
|
54
|
+
}), o.value && (d.value?.contains(e.target) || h());
|
|
52
55
|
}, W = (e) => {
|
|
53
56
|
n.activateKeyboardController && O(e);
|
|
54
57
|
}, f = () => {
|
|
@@ -58,12 +61,12 @@ const _ = ["innerHTML"], ae = /* @__PURE__ */ T({
|
|
|
58
61
|
}, H = (e) => {
|
|
59
62
|
e != null && (r.value = e);
|
|
60
63
|
}, D = () => {
|
|
61
|
-
c.value && (
|
|
64
|
+
c.value && (u.value = Array.from(c.value.children));
|
|
62
65
|
};
|
|
63
|
-
return
|
|
66
|
+
return V(() => {
|
|
64
67
|
D();
|
|
65
|
-
}),
|
|
66
|
-
n.closeWhenClickedOutside && (document.removeEventListener("click",
|
|
68
|
+
}), z(() => {
|
|
69
|
+
n.closeWhenClickedOutside && (document.removeEventListener("click", C), document.removeEventListener("focusin", b));
|
|
67
70
|
}), l(y, (e) => {
|
|
68
71
|
e && (i.value = -1, r.value = -1, F(() => {
|
|
69
72
|
D(), y.value = !1;
|
|
@@ -77,60 +80,60 @@ const _ = ["innerHTML"], ae = /* @__PURE__ */ T({
|
|
|
77
80
|
immediate: !0
|
|
78
81
|
}
|
|
79
82
|
), l(o, (e) => {
|
|
80
|
-
|
|
83
|
+
w("update:dropdownState", e);
|
|
81
84
|
}), l(o, (e) => {
|
|
82
|
-
!e ||
|
|
85
|
+
!e || g || !n.closeWhenClickedOutside || (console.log("DEBUG: registering global events"), document.addEventListener("click", C), document.addEventListener("focusin", b), g = !0);
|
|
83
86
|
}), l(p, (e) => {
|
|
84
87
|
e && (o.value = !o.value, p.value = !1);
|
|
85
88
|
}), l(r, (e) => {
|
|
86
|
-
e !== -1 &&
|
|
89
|
+
e !== -1 && u.value[e]?.querySelector("a")?.click();
|
|
87
90
|
}), L({
|
|
88
91
|
activeIdx: i,
|
|
89
92
|
selectedIdx: r,
|
|
90
|
-
getRootElement: () =>
|
|
93
|
+
getRootElement: () => d.value,
|
|
91
94
|
getContentElement: () => c.value
|
|
92
|
-
}), (e, E) => (k(),
|
|
95
|
+
}), (e, E) => (k(), G("div", {
|
|
93
96
|
ref: "container",
|
|
94
|
-
class:
|
|
97
|
+
class: s(["uikit-relative uikit-block", e.$attrs.class]),
|
|
95
98
|
onKeydown: W
|
|
96
99
|
}, [
|
|
97
|
-
|
|
100
|
+
K(e.$slots, "btn_slot", {
|
|
98
101
|
toggleDropdown: f,
|
|
99
102
|
isOpen: o.value,
|
|
100
103
|
activeIdx: a(i)
|
|
101
104
|
}, () => [
|
|
102
|
-
|
|
103
|
-
id: a(
|
|
105
|
+
q(X, {
|
|
106
|
+
id: a(m),
|
|
104
107
|
type: "button",
|
|
105
108
|
"data-cy": t.dataCy,
|
|
106
|
-
class:
|
|
109
|
+
class: s([
|
|
107
110
|
"!uikit-flex uikit-w-full uikit-items-center uikit-truncate",
|
|
108
111
|
t.btnClasses
|
|
109
112
|
]),
|
|
110
113
|
"aria-expanded": o.value,
|
|
111
114
|
"btn-class": "uikit-btn-single-selection",
|
|
112
115
|
onClick: E[0] || (E[0] = (ee) => {
|
|
113
|
-
|
|
116
|
+
w("click"), f();
|
|
114
117
|
})
|
|
115
118
|
}, {
|
|
116
119
|
default: A(() => [
|
|
117
|
-
|
|
118
|
-
class:
|
|
120
|
+
P("span", {
|
|
121
|
+
class: s(["uikit-mr-5px", t.labelClasses]),
|
|
119
122
|
innerHTML: t.btnLabel
|
|
120
123
|
}, null, 10, _),
|
|
121
124
|
t.withArrowIcon ? (k(), x(a(Y), {
|
|
122
125
|
key: 0,
|
|
123
|
-
class:
|
|
126
|
+
class: s(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", o.value ? "uikit-rotate-180" : ""]),
|
|
124
127
|
width: t.arrowWidth,
|
|
125
128
|
height: t.arrowWidth,
|
|
126
129
|
"stroke-color": t.arrowStrokeColor
|
|
127
|
-
}, null, 8, ["class", "width", "height", "stroke-color"])) :
|
|
130
|
+
}, null, 8, ["class", "width", "height", "stroke-color"])) : j("", !0)
|
|
128
131
|
]),
|
|
129
132
|
_: 1
|
|
130
133
|
}, 8, ["id", "data-cy", "class", "aria-expanded"])
|
|
131
134
|
]),
|
|
132
135
|
(k(), x(J(t.dropdownElement), Q({
|
|
133
|
-
id: "dropdown_" + a(
|
|
136
|
+
id: "dropdown_" + a(m),
|
|
134
137
|
ref: "dropdown",
|
|
135
138
|
"data-cy": t.dataCy && `${t.dataCy}_dropdown`,
|
|
136
139
|
class: ["uikit-dropdown-content uikit-w-full uikit-flex-col uikit-overflow-y-auto uikit-border-solid uikit-bg-white uikit-pl-0 uikit-opacity-100 uikit-shadow uikit-no-scrollbar", [
|
|
@@ -143,7 +146,7 @@ const _ = ["innerHTML"], ae = /* @__PURE__ */ T({
|
|
|
143
146
|
"data-side": t.direction
|
|
144
147
|
}, t.dropdownAttrs), {
|
|
145
148
|
default: A(() => [
|
|
146
|
-
|
|
149
|
+
K(e.$slots, "default", {
|
|
147
150
|
isOpen: o.value,
|
|
148
151
|
toggleDropdown: f,
|
|
149
152
|
activeIdx: a(i),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as I, ref as
|
|
2
|
-
import { isWindows as g, awaitableSetTimeout as
|
|
3
|
-
import { CloseIcon as
|
|
4
|
-
const
|
|
1
|
+
import { defineComponent as I, ref as n, useTemplateRef as T, onUnmounted as z, watch as H, createBlock as O, openBlock as m, Teleport as $, createElementVNode as a, normalizeClass as s, createElementBlock as y, createCommentVNode as h, renderSlot as d, withModifiers as D, createVNode as F, unref as K, nextTick as N } from "vue";
|
|
2
|
+
import { isWindows as g, awaitableSetTimeout as S } from "@wikicasa-dev/utilities";
|
|
3
|
+
import { CloseIcon as V } from "@wikicasa-dev/svg-icons";
|
|
4
|
+
const P = ["id", "data-cy"], U = ["innerHTML"], j = /* @__PURE__ */ I({
|
|
5
5
|
__name: "BaseModal",
|
|
6
6
|
props: {
|
|
7
7
|
id: { default: "base-bt-modal" },
|
|
@@ -24,24 +24,24 @@ const V = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ I({
|
|
|
24
24
|
titleClasses: {}
|
|
25
25
|
},
|
|
26
26
|
emits: ["closed", "opened", "dialogClick"],
|
|
27
|
-
setup(e, { emit:
|
|
28
|
-
const
|
|
27
|
+
setup(e, { emit: w }) {
|
|
28
|
+
const c = w, i = n(!1), r = n(null), l = T("modalDialog"), k = n(!1), u = n(!1), f = ({ key: t }) => {
|
|
29
29
|
t === "Escape" && o();
|
|
30
|
-
},
|
|
31
|
-
document?.body.addEventListener("keydown",
|
|
32
|
-
},
|
|
33
|
-
document?.body.removeEventListener("keydown",
|
|
34
|
-
},
|
|
35
|
-
i.value = !0,
|
|
36
|
-
|
|
37
|
-
}),
|
|
30
|
+
}, C = () => {
|
|
31
|
+
document?.body.addEventListener("keydown", f);
|
|
32
|
+
}, b = () => {
|
|
33
|
+
document?.body.removeEventListener("keydown", f);
|
|
34
|
+
}, x = async () => {
|
|
35
|
+
i.value = !0, N(() => {
|
|
36
|
+
C(), g() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
|
|
37
|
+
}), c("opened"), e.autoClose !== void 0 && setTimeout(() => {
|
|
38
38
|
o();
|
|
39
39
|
}, e.autoClose);
|
|
40
|
+
}, p = (t) => {
|
|
41
|
+
l.value && l.value.contains(t.target) && (u.value = !0);
|
|
40
42
|
}, M = (t) => {
|
|
41
|
-
|
|
42
|
-
}, B = (t) => {
|
|
43
|
-
a.value && a.value.contains(t.target) && (u.value = !1);
|
|
44
|
-
}, L = async (t) => {
|
|
43
|
+
l.value && l.value.contains(t.target) && (u.value = !1);
|
|
44
|
+
}, B = async (t) => {
|
|
45
45
|
if (!r.value?.contains(t.target) && e.closeOnClickOut) {
|
|
46
46
|
if (u.value) {
|
|
47
47
|
u.value = !1;
|
|
@@ -50,20 +50,24 @@ const V = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ I({
|
|
|
50
50
|
await o();
|
|
51
51
|
}
|
|
52
52
|
}, o = async () => {
|
|
53
|
-
i.value = !1,
|
|
54
|
-
r.value?.classList.add("uikit-hidden"),
|
|
53
|
+
i.value = !1, b(), document?.documentElement.classList.remove("uikit-no-scrolling"), navigator.userAgent.includes("Windows") ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling"), await S(() => {
|
|
54
|
+
r.value?.classList.add("uikit-hidden"), c("closed");
|
|
55
55
|
}, 250);
|
|
56
56
|
};
|
|
57
|
-
|
|
58
|
-
|
|
57
|
+
z(() => {
|
|
58
|
+
b(), document?.documentElement.classList.remove("uikit-no-scrolling"), g() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
|
|
59
59
|
}), H(
|
|
60
60
|
() => e.showModal,
|
|
61
61
|
async (t) => {
|
|
62
|
-
!t && !i.value ?
|
|
62
|
+
!t && !i.value ? k.value = !0 : k.value = !1, t && !i.value && await x(), !t && i.value && await o(), i.value = t;
|
|
63
63
|
},
|
|
64
64
|
{ immediate: !0 }
|
|
65
|
-
)
|
|
66
|
-
|
|
65
|
+
);
|
|
66
|
+
const L = (t) => {
|
|
67
|
+
l.value === t.target && t.stopPropagation();
|
|
68
|
+
};
|
|
69
|
+
return (t, v) => (m(), O($, { to: "body" }, [
|
|
70
|
+
a("div", {
|
|
67
71
|
ref_key: "backdropEl",
|
|
68
72
|
ref: r,
|
|
69
73
|
class: s(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-h-full uikit-w-full", [
|
|
@@ -73,14 +77,14 @@ const V = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ I({
|
|
|
73
77
|
},
|
|
74
78
|
{ "uikit-bg-transparent": !i.value },
|
|
75
79
|
{ "sm:uikit-pt-[30px]": !e.centered },
|
|
76
|
-
{ hide:
|
|
80
|
+
{ hide: k.value }
|
|
77
81
|
]]),
|
|
78
82
|
style: { "z-index": "1062" },
|
|
79
|
-
onClick:
|
|
80
|
-
onMousedown:
|
|
81
|
-
onMouseup:
|
|
83
|
+
onClick: B,
|
|
84
|
+
onMousedown: p,
|
|
85
|
+
onMouseup: M
|
|
82
86
|
}, [
|
|
83
|
-
|
|
87
|
+
a("dialog", {
|
|
84
88
|
id: e.id,
|
|
85
89
|
ref: "modalDialog",
|
|
86
90
|
"data-cy": e.dataCy,
|
|
@@ -95,52 +99,51 @@ const V = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ I({
|
|
|
95
99
|
e.fullHeight ? "uikit-h-[95%]" : "uikit-h-auto"
|
|
96
100
|
]]),
|
|
97
101
|
tabindex: "-1",
|
|
98
|
-
onClick:
|
|
99
|
-
onFocusin:
|
|
100
|
-
}, ["stop"]))
|
|
102
|
+
onClick: v[0] || (v[0] = (E) => c("dialogClick", E)),
|
|
103
|
+
onFocusin: L
|
|
101
104
|
}, [
|
|
102
|
-
|
|
105
|
+
a("div", {
|
|
103
106
|
class: s(["default-header uikit-sticky uikit-top-0 uikit-z-10 uikit-rounded-t uikit-border-0 uikit-bg-white uikit-px-4 uikit-pb-10px uikit-pt-20px sm:uikit-px-6", [e.customModalHeaderClasses]])
|
|
104
107
|
}, [
|
|
105
|
-
e.withCloseIcon ? (
|
|
108
|
+
e.withCloseIcon ? (m(), y("button", {
|
|
106
109
|
key: 0,
|
|
107
110
|
id: "close-icon-btn",
|
|
108
111
|
"data-cy": "bbt-default-close-icon-btn",
|
|
109
112
|
class: s(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent uikit-p-5px", e.closeIconBtnClasses]),
|
|
110
113
|
type: "button",
|
|
111
114
|
"aria-label": "Close",
|
|
112
|
-
onClick:
|
|
115
|
+
onClick: D(o, ["prevent", "stop"])
|
|
113
116
|
}, [
|
|
114
|
-
|
|
117
|
+
F(K(V), {
|
|
115
118
|
class: s(["bbt-close-icon uikit-box-border", e.closeIcon?.classes]),
|
|
116
119
|
width: e.closeIcon?.size || 20,
|
|
117
120
|
height: e.closeIcon?.size || 20
|
|
118
121
|
}, null, 8, ["class", "width", "height"])
|
|
119
|
-
], 2)) :
|
|
120
|
-
|
|
121
|
-
|
|
122
|
+
], 2)) : h("", !0),
|
|
123
|
+
d(t.$slots, "header", { closeModal: o }, () => [
|
|
124
|
+
a("span", {
|
|
122
125
|
class: s(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.titleClasses]),
|
|
123
126
|
innerHTML: e.headerTitle
|
|
124
127
|
}, null, 10, U)
|
|
125
128
|
])
|
|
126
129
|
], 2),
|
|
127
|
-
|
|
130
|
+
a("div", {
|
|
128
131
|
class: s(["uikit-bbt-body uikit-flex-auto uikit-overflow-y-auto uikit-overflow-x-hidden uikit-px-4 uikit-pb-0 uikit-no-scrollbar sm:uikit-px-6 sm:uikit-pb-25px", [e.customModalBodyClasses]])
|
|
129
132
|
}, [
|
|
130
|
-
|
|
133
|
+
d(t.$slots, "body", { closeModal: o })
|
|
131
134
|
], 2),
|
|
132
|
-
t.$slots.footer ? (
|
|
135
|
+
t.$slots.footer ? (m(), y("div", {
|
|
133
136
|
key: 0,
|
|
134
137
|
class: s(["uikit-bbt-footer uikit-sticky uikit-bottom-0 uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6", e.customModalFooterClasses])
|
|
135
138
|
}, [
|
|
136
|
-
|
|
137
|
-
], 2)) :
|
|
138
|
-
|
|
139
|
-
], 42,
|
|
139
|
+
d(t.$slots, "footer", { closeModal: o })
|
|
140
|
+
], 2)) : h("", !0),
|
|
141
|
+
d(t.$slots, "fixed-bottom")
|
|
142
|
+
], 42, P)
|
|
140
143
|
], 34)
|
|
141
144
|
]));
|
|
142
145
|
}
|
|
143
146
|
});
|
|
144
147
|
export {
|
|
145
|
-
|
|
148
|
+
j as default
|
|
146
149
|
};
|
package/package.json
CHANGED
|
File without changes
|