@livestorm/ui-vue 1.1.2 → 1.1.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/.eslintrc.js +2 -0
- package/build/Dockerfile +1 -1
- package/dist/components.mjs +585 -473
- package/dist/environment-da321c85.mjs +1656 -0
- package/dist/index.mjs +2 -2
- package/dist/style.css +1 -1
- package/package.json +15 -14
- package/src/components/BaseButton/BaseButton.stories.js +9 -0
- package/src/components/BaseCheckbox/BaseCheckbox.stories.js +76 -1
- package/src/components/BaseCheckbox/BaseCheckbox.vue +136 -117
- package/src/components/BaseModal/BaseModal.stories.js +12 -0
- package/src/components/BaseModal/BaseModal.vue +0 -0
- package/src/components/BaseModal/BaseModalContent.vue +8 -6
- package/src/components/BaseRadio/BaseRadio.stories.js +164 -0
- package/src/components/BaseRadio/BaseRadio.vue +153 -0
- package/src/css/button.postcss +9 -0
- package/src/css/checkbox-radio.postcss +36 -0
- package/src/css/popper.postcss +18 -0
- package/dist/environment-e70e5768.mjs +0 -1664
package/dist/components.mjs
CHANGED
|
@@ -1,30 +1,34 @@
|
|
|
1
|
-
import { _ as L, u as
|
|
2
|
-
import { provide as
|
|
1
|
+
import { _ as De, d as L, u as A, i as K, D as Ve, I as te, e as le, f as oe, B as Y, R as ne, g as se, h as ae, j as ie, k as de } from "./environment-da321c85.mjs";
|
|
2
|
+
import { provide as F, computed as y, ref as x, watch as E, onMounted as Te, onBeforeUnmount as re, resolveComponent as S, openBlock as s, createBlock as $, withCtx as B, renderSlot as g, normalizeProps as Z, guardReactiveProps as ee, createElementVNode as v, normalizeClass as u, unref as D, withModifiers as U, createElementBlock as i, createVNode as C, createCommentVNode as m, createTextVNode as G, toDisplayString as j, defineComponent as H, mergeProps as W, inject as V, resolveDirective as J, withDirectives as R, resolveDynamicComponent as je, Fragment as Q, withKeys as ce, normalizeStyle as ue, toRefs as X, pushScopeId as Le, popScopeId as ze, renderList as Pe, reactive as Ae, vModelCheckbox as Re } from "vue";
|
|
3
3
|
import "@vueuse/core";
|
|
4
4
|
import "i18next";
|
|
5
5
|
import "floating-vue";
|
|
6
6
|
import "vue-router";
|
|
7
7
|
import "mitt";
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
const fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
9
|
+
__proto__: null,
|
|
10
|
+
default: De
|
|
11
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
12
|
+
let Ee = 0;
|
|
13
|
+
function He() {
|
|
14
|
+
return ++Ee;
|
|
11
15
|
}
|
|
12
|
-
const
|
|
16
|
+
const Ge = { class: "toggle toggle-default cursor-pointer flex items-center justify-center w-full" }, Ue = {
|
|
13
17
|
key: 0,
|
|
14
18
|
class: "gradient-divider-top"
|
|
15
|
-
},
|
|
19
|
+
}, Ne = {
|
|
16
20
|
key: 0,
|
|
17
21
|
class: "sticky-header"
|
|
18
|
-
},
|
|
22
|
+
}, Fe = { key: 1 }, qe = {
|
|
19
23
|
key: 1,
|
|
20
24
|
class: "gradient-divider-bottom"
|
|
21
|
-
},
|
|
25
|
+
}, Ke = {
|
|
22
26
|
key: 0,
|
|
23
27
|
class: "sticky-footer"
|
|
24
|
-
},
|
|
28
|
+
}, We = { key: 1 }, Je = {
|
|
25
29
|
key: 0,
|
|
26
30
|
class: "pt-4"
|
|
27
|
-
},
|
|
31
|
+
}, Qe = {
|
|
28
32
|
__name: "BaseDropdownMenu",
|
|
29
33
|
props: {
|
|
30
34
|
icon: {
|
|
@@ -64,160 +68,160 @@ const Re = { class: "toggle toggle-default cursor-pointer flex items-center just
|
|
|
64
68
|
},
|
|
65
69
|
emits: ["search:enter", "update:search"],
|
|
66
70
|
setup(e, { expose: l, emit: t }) {
|
|
67
|
-
const
|
|
68
|
-
|
|
71
|
+
const o = e;
|
|
72
|
+
F("BaseDropdown", { close: d });
|
|
69
73
|
function d() {
|
|
70
|
-
|
|
74
|
+
c.value.hide();
|
|
71
75
|
}
|
|
72
76
|
l({
|
|
73
77
|
hide: d
|
|
74
78
|
});
|
|
75
|
-
const
|
|
76
|
-
|
|
77
|
-
() =>
|
|
78
|
-
(
|
|
79
|
-
t("update:search",
|
|
79
|
+
const n = A(), f = y(() => n.header ? n.header() : null), r = y(() => n.footer ? n.footer() : null), _ = y(() => o.searchEnabled && o.searchPosition === "top"), p = y(() => o.searchEnabled && o.searchPosition === "bottom"), a = K(), c = x(), h = x();
|
|
80
|
+
E(
|
|
81
|
+
() => h.value,
|
|
82
|
+
(b) => {
|
|
83
|
+
t("update:search", b);
|
|
80
84
|
}
|
|
81
|
-
),
|
|
82
|
-
function
|
|
83
|
-
|
|
85
|
+
), F("BaseDropdown.search", h);
|
|
86
|
+
function w(b) {
|
|
87
|
+
b.stopPropagation(), b.preventDefault();
|
|
84
88
|
}
|
|
85
89
|
function T() {
|
|
86
|
-
|
|
90
|
+
c.value.$refs.popper.$refs.reference.addEventListener("click", w);
|
|
87
91
|
}
|
|
88
|
-
function
|
|
89
|
-
|
|
92
|
+
function I() {
|
|
93
|
+
c.value.$refs.popper.$refs.reference.removeEventListener("click", w);
|
|
90
94
|
}
|
|
91
|
-
|
|
92
|
-
() =>
|
|
93
|
-
(
|
|
94
|
-
|
|
95
|
+
E(
|
|
96
|
+
() => o.blockClick,
|
|
97
|
+
(b, k) => {
|
|
98
|
+
b !== k && (b ? T() : I());
|
|
95
99
|
}
|
|
96
|
-
),
|
|
97
|
-
|
|
100
|
+
), Te(() => {
|
|
101
|
+
o.blockClick && T();
|
|
98
102
|
}), re(() => {
|
|
99
|
-
|
|
103
|
+
I();
|
|
100
104
|
});
|
|
101
|
-
const
|
|
102
|
-
function
|
|
103
|
-
|
|
105
|
+
const O = x();
|
|
106
|
+
function z() {
|
|
107
|
+
o.searchEnabled && !a && O.value.focusSearch();
|
|
104
108
|
}
|
|
105
|
-
return (
|
|
106
|
-
const
|
|
107
|
-
return s(),
|
|
109
|
+
return (b, k) => {
|
|
110
|
+
const M = S("RenderSlot"), N = S("BaseDropdownMenuSearch"), Oe = S("BaseButton"), xe = S("VDropdown");
|
|
111
|
+
return s(), $(xe, {
|
|
108
112
|
ref_key: "popover",
|
|
109
|
-
ref:
|
|
113
|
+
ref: c,
|
|
110
114
|
class: "base-dropdown-menu",
|
|
111
115
|
"popper-class": "no-padding",
|
|
112
|
-
onApplyShow: k[6] || (k[6] = (
|
|
116
|
+
onApplyShow: k[6] || (k[6] = (P) => z())
|
|
113
117
|
}, {
|
|
114
118
|
default: B(() => [
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
class:
|
|
119
|
+
g(b.$slots, "default", Z(ee(o)), () => [
|
|
120
|
+
v("div", Ge, [
|
|
121
|
+
v("div", {
|
|
122
|
+
class: u([e.icon, "icon w-4 h-4 text-grey-700 hover:text-grey-900"])
|
|
119
123
|
}, null, 2)
|
|
120
124
|
])
|
|
121
125
|
], !0)
|
|
122
126
|
]),
|
|
123
127
|
popper: B(() => [
|
|
124
|
-
|
|
125
|
-
class:
|
|
128
|
+
v("div", {
|
|
129
|
+
class: u(["max-w-inherit max-h-inherit text-grey-900 [&_a:not(.base-button)]:text-grey-900", [
|
|
126
130
|
{
|
|
127
|
-
"bg-white rounded-8":
|
|
131
|
+
"bg-white rounded-8": D(K)
|
|
128
132
|
},
|
|
129
|
-
|
|
130
|
-
|
|
133
|
+
f.value || _.value ? "pt-2" : "pt-1",
|
|
134
|
+
r.value || p.value ? "pb-2" : "pb-1",
|
|
131
135
|
e.containerClass
|
|
132
136
|
]]),
|
|
133
137
|
"data-testid": "popper",
|
|
134
|
-
onClick: k[4] || (k[4] =
|
|
138
|
+
onClick: k[4] || (k[4] = U(() => {
|
|
135
139
|
}, ["stop"]))
|
|
136
140
|
}, [
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
M
|
|
140
|
-
])) :
|
|
141
|
-
|
|
141
|
+
f.value || _.value ? (s(), i("div", Ue, [
|
|
142
|
+
f.value ? (s(), i("div", Ne, [
|
|
143
|
+
C(M, { vnodes: f.value }, null, 8, ["vnodes"])
|
|
144
|
+
])) : _.value ? (s(), i("div", Fe, [
|
|
145
|
+
C(N, {
|
|
142
146
|
ref_key: "searchInput",
|
|
143
|
-
ref:
|
|
147
|
+
ref: O,
|
|
144
148
|
class: "sticky-header bg-white",
|
|
145
149
|
"padding-item": "px-2 pb-2",
|
|
146
150
|
throttle: e.searchThrottle,
|
|
147
151
|
placeholder: e.searchPlaceholder,
|
|
148
|
-
"onUpdate:search": k[0] || (k[0] = (
|
|
149
|
-
"onSearch:enter": k[1] || (k[1] = (
|
|
152
|
+
"onUpdate:search": k[0] || (k[0] = (P) => h.value = P),
|
|
153
|
+
"onSearch:enter": k[1] || (k[1] = (P) => b.$emit("search:enter", h.value))
|
|
150
154
|
}, null, 8, ["throttle", "placeholder"]),
|
|
151
|
-
|
|
152
|
-
])) :
|
|
153
|
-
])) :
|
|
154
|
-
|
|
155
|
+
g(b.$slots, "header-with-search-additional-block", {}, void 0, !0)
|
|
156
|
+
])) : m("", !0)
|
|
157
|
+
])) : m("", !0),
|
|
158
|
+
v("div", {
|
|
155
159
|
ref: "list",
|
|
156
|
-
class:
|
|
157
|
-
"max-h-[268px]": e.scrollable || a
|
|
160
|
+
class: u(["menu-items max-w-inherit overflow-y-auto", {
|
|
161
|
+
"max-h-[268px]": e.scrollable || D(a)
|
|
158
162
|
}])
|
|
159
163
|
}, [
|
|
160
|
-
|
|
164
|
+
g(b.$slots, "popper", Z(ee({ ...o, search: h.value })), void 0, !0)
|
|
161
165
|
], 2),
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
M
|
|
165
|
-
])) :
|
|
166
|
-
|
|
167
|
-
|
|
166
|
+
r.value || p.value ? (s(), i("div", qe, [
|
|
167
|
+
r.value ? (s(), i("div", Ke, [
|
|
168
|
+
C(M, { vnodes: r.value }, null, 8, ["vnodes"])
|
|
169
|
+
])) : p.value ? (s(), i("div", We, [
|
|
170
|
+
g(b.$slots, "header-with-search-additional-block", {}, void 0, !0),
|
|
171
|
+
C(N, {
|
|
168
172
|
ref_key: "searchInput",
|
|
169
|
-
ref:
|
|
173
|
+
ref: O,
|
|
170
174
|
class: "sticky-footer bg-white",
|
|
171
175
|
"padding-item": "px-2 pt-2",
|
|
172
176
|
throttle: e.searchThrottle,
|
|
173
177
|
placeholder: e.searchPlaceholder,
|
|
174
|
-
"onUpdate:search": k[2] || (k[2] = (
|
|
175
|
-
"onSearch:enter": k[3] || (k[3] = (
|
|
178
|
+
"onUpdate:search": k[2] || (k[2] = (P) => h.value = P),
|
|
179
|
+
"onSearch:enter": k[3] || (k[3] = (P) => b.$emit("search:enter", h.value))
|
|
176
180
|
}, null, 8, ["throttle", "placeholder"])
|
|
177
|
-
])) :
|
|
178
|
-
])) :
|
|
181
|
+
])) : m("", !0)
|
|
182
|
+
])) : m("", !0)
|
|
179
183
|
], 2),
|
|
180
|
-
a
|
|
181
|
-
|
|
184
|
+
D(a) ? (s(), i("div", Je, [
|
|
185
|
+
C(Oe, {
|
|
182
186
|
class: "base-button-alpha-white w-full",
|
|
183
|
-
onClick: k[5] || (k[5] = (
|
|
187
|
+
onClick: k[5] || (k[5] = (P) => d())
|
|
184
188
|
}, {
|
|
185
189
|
default: B(() => [
|
|
186
|
-
|
|
190
|
+
G(j(b.i18n.t("general_text_cancel")), 1)
|
|
187
191
|
]),
|
|
188
192
|
_: 1
|
|
189
193
|
})
|
|
190
|
-
])) :
|
|
194
|
+
])) : m("", !0)
|
|
191
195
|
]),
|
|
192
196
|
_: 3
|
|
193
197
|
}, 512);
|
|
194
198
|
};
|
|
195
199
|
}
|
|
196
|
-
},
|
|
200
|
+
}, Xe = /* @__PURE__ */ L(Qe, [["__scopeId", "data-v-ec1adfdc"]]), pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
197
201
|
__proto__: null,
|
|
198
|
-
default:
|
|
199
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
202
|
+
default: Xe
|
|
203
|
+
}, Symbol.toStringTag, { value: "Module" })), Ye = {
|
|
200
204
|
inheritAttrs: !1
|
|
201
|
-
},
|
|
202
|
-
...
|
|
205
|
+
}, Ze = /* @__PURE__ */ H({
|
|
206
|
+
...Ye,
|
|
203
207
|
__name: "BaseDropdownMenuButton",
|
|
204
208
|
emits: ["click"],
|
|
205
209
|
setup(e) {
|
|
206
210
|
return (l, t) => {
|
|
207
|
-
const
|
|
208
|
-
return s(),
|
|
211
|
+
const o = S("BaseButton"), d = S("BaseDropdownMenuItem");
|
|
212
|
+
return s(), $(d, {
|
|
209
213
|
tag: "div",
|
|
210
214
|
"has-hover-effect": !1,
|
|
211
215
|
"keep-open": "",
|
|
212
216
|
"padding-item": "px-2"
|
|
213
217
|
}, {
|
|
214
218
|
default: B(() => [
|
|
215
|
-
|
|
219
|
+
C(o, W(l.$attrs, {
|
|
216
220
|
class: "w-full",
|
|
217
|
-
onClick: t[0] || (t[0] = (
|
|
221
|
+
onClick: t[0] || (t[0] = (n) => l.$emit("click"))
|
|
218
222
|
}), {
|
|
219
223
|
default: B(() => [
|
|
220
|
-
|
|
224
|
+
g(l.$slots, "default")
|
|
221
225
|
]),
|
|
222
226
|
_: 3
|
|
223
227
|
}, 16)
|
|
@@ -226,42 +230,42 @@ const Re = { class: "toggle toggle-default cursor-pointer flex items-center just
|
|
|
226
230
|
});
|
|
227
231
|
};
|
|
228
232
|
}
|
|
229
|
-
}),
|
|
233
|
+
}), he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
230
234
|
__proto__: null,
|
|
231
|
-
default:
|
|
232
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
233
|
-
function
|
|
235
|
+
default: Ze
|
|
236
|
+
}, Symbol.toStringTag, { value: "Module" })), et = {}, tt = /* @__PURE__ */ v("hr", { class: "h-[1px] border-alpha-black-100 w-full" }, null, -1);
|
|
237
|
+
function lt(e, l) {
|
|
234
238
|
const t = S("BaseDropdownMenuItem");
|
|
235
|
-
return s(),
|
|
239
|
+
return s(), $(t, {
|
|
236
240
|
tag: "div",
|
|
237
241
|
"padding-item": "px-O py-1",
|
|
238
242
|
"keep-open": "",
|
|
239
243
|
"has-hover-effect": !1
|
|
240
244
|
}, {
|
|
241
245
|
default: B(() => [
|
|
242
|
-
|
|
246
|
+
tt
|
|
243
247
|
]),
|
|
244
248
|
_: 1
|
|
245
249
|
});
|
|
246
250
|
}
|
|
247
|
-
const
|
|
251
|
+
const ot = /* @__PURE__ */ L(et, [["render", lt]]), me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
248
252
|
__proto__: null,
|
|
249
|
-
default:
|
|
250
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
253
|
+
default: ot
|
|
254
|
+
}, Symbol.toStringTag, { value: "Module" })), nt = { class: "left-part flex items-center [&>*]:mr-2" }, st = {
|
|
251
255
|
key: 0,
|
|
252
256
|
class: "loader grey-dovegray w-4 h-4",
|
|
253
257
|
size: "small"
|
|
254
|
-
},
|
|
258
|
+
}, at = {
|
|
255
259
|
key: 0,
|
|
256
260
|
class: "icon w-4 h-4"
|
|
257
|
-
},
|
|
261
|
+
}, it = ["innerHTML"], dt = { class: "right-part flex items-center [&>*]:ml-2" }, rt = {
|
|
258
262
|
key: 0,
|
|
259
263
|
class: "text-14-regular text-grey-600"
|
|
260
|
-
},
|
|
264
|
+
}, ct = {
|
|
261
265
|
mixins: [
|
|
262
|
-
|
|
266
|
+
Ve
|
|
263
267
|
]
|
|
264
|
-
},
|
|
268
|
+
}, ut = /* @__PURE__ */ Object.assign(ct, {
|
|
265
269
|
__name: "BaseDropdownMenuItem",
|
|
266
270
|
props: {
|
|
267
271
|
id: {
|
|
@@ -339,88 +343,88 @@ const tt = /* @__PURE__ */ L(Ye, [["render", et]]), me = /* @__PURE__ */ Object.
|
|
|
339
343
|
},
|
|
340
344
|
emits: ["click", "input"],
|
|
341
345
|
setup(e, { emit: l }) {
|
|
342
|
-
const t = e,
|
|
346
|
+
const t = e, o = V("BaseDropdown"), d = y(() => t.loading || t.disabled), n = y(() => ({
|
|
343
347
|
icon: t.icon,
|
|
344
348
|
active: t.active
|
|
345
|
-
})),
|
|
346
|
-
function
|
|
347
|
-
t.disabled || t.active && !t.canClickOnActive ?
|
|
349
|
+
})), f = A(), r = y(() => f.icon ? f.icon() : null);
|
|
350
|
+
function _(p) {
|
|
351
|
+
t.disabled || t.active && !t.canClickOnActive ? p.preventDefault() : (l("click", p), t.keepOpen || o.close());
|
|
348
352
|
}
|
|
349
|
-
return (
|
|
350
|
-
const
|
|
351
|
-
return R((s(),
|
|
352
|
-
disabled:
|
|
353
|
-
class: ["base-dropdown-menu-item v-popover-item flex w-full h-auto",
|
|
354
|
-
onClick:
|
|
355
|
-
onInput:
|
|
353
|
+
return (p, a) => {
|
|
354
|
+
const c = S("RenderSlot"), h = J("tooltip");
|
|
355
|
+
return R((s(), $(je(p.component.is), W(p.component.props, {
|
|
356
|
+
disabled: d.value ? !0 : null,
|
|
357
|
+
class: ["base-dropdown-menu-item v-popover-item flex w-full h-auto", n.value],
|
|
358
|
+
onClick: _,
|
|
359
|
+
onInput: a[0] || (a[0] = (w) => p.$emit("input", w))
|
|
356
360
|
}), {
|
|
357
361
|
default: B(() => [
|
|
358
|
-
|
|
359
|
-
class:
|
|
360
|
-
"hover:bg-grey-100 transition-all duration-200": !e.active && !
|
|
361
|
-
"opacity-40 cursor-default pointer-events-none":
|
|
362
|
+
v("div", {
|
|
363
|
+
class: u(["base-dropdown-item flex w-full justify-between", [{
|
|
364
|
+
"hover:bg-grey-100 transition-all duration-200": !e.active && !d.value && e.hasHoverEffect,
|
|
365
|
+
"opacity-40 cursor-default pointer-events-none": d.value,
|
|
362
366
|
"bg-livestorm-100": e.active
|
|
363
367
|
}, e.paddingItem]])
|
|
364
368
|
}, [
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
e.loading ? (s(), i("span",
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
369
|
+
g(p.$slots, "default", {}, () => [
|
|
370
|
+
v("div", nt, [
|
|
371
|
+
e.loading ? (s(), i("span", st)) : (s(), i(Q, { key: 1 }, [
|
|
372
|
+
g(p.$slots, "additional-left-part"),
|
|
373
|
+
g(p.$slots, "checkbox"),
|
|
374
|
+
r.value ? (s(), i("div", at, [
|
|
375
|
+
C(c, { vnodes: r.value }, null, 8, ["vnodes"])
|
|
372
376
|
])) : e.icon ? (s(), i("div", {
|
|
373
377
|
key: 1,
|
|
374
|
-
class:
|
|
375
|
-
}, null, 2)) :
|
|
378
|
+
class: u([e.icon, "icon w-4 h-4"])
|
|
379
|
+
}, null, 2)) : m("", !0)
|
|
376
380
|
], 64)),
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
class:
|
|
381
|
+
v("div", null, [
|
|
382
|
+
v("div", {
|
|
383
|
+
class: u([[
|
|
380
384
|
e.labelClass
|
|
381
385
|
], "text-14-medium text-left"])
|
|
382
386
|
}, [
|
|
383
|
-
|
|
384
|
-
R(
|
|
387
|
+
g(p.$slots, "label-override", {}, () => [
|
|
388
|
+
R(v("div", {
|
|
385
389
|
class: "no-info",
|
|
386
390
|
innerHTML: e.label
|
|
387
|
-
}, null, 8,
|
|
388
|
-
[
|
|
391
|
+
}, null, 8, it), [
|
|
392
|
+
[h, e.labelTooltip]
|
|
389
393
|
])
|
|
390
394
|
])
|
|
391
395
|
], 2),
|
|
392
396
|
R((s(), i("div", {
|
|
393
|
-
class:
|
|
397
|
+
class: u([e.secondaryLabelClass, "text-14-regular text-grey-600 text-left no-info"])
|
|
394
398
|
}, [
|
|
395
|
-
|
|
399
|
+
G(j(e.secondaryLabel), 1)
|
|
396
400
|
], 2)), [
|
|
397
|
-
[
|
|
401
|
+
[h, e.secondaryLabelTooltip]
|
|
398
402
|
])
|
|
399
403
|
])
|
|
400
404
|
]),
|
|
401
|
-
|
|
402
|
-
e.additionalInfo ? (s(), i("div",
|
|
405
|
+
v("div", dt, [
|
|
406
|
+
e.additionalInfo ? (s(), i("div", rt, j(e.additionalInfo), 1)) : m("", !0),
|
|
403
407
|
e.secondaryIcon ? (s(), i("div", {
|
|
404
408
|
key: 1,
|
|
405
|
-
class:
|
|
406
|
-
}, null, 2)) :
|
|
407
|
-
|
|
409
|
+
class: u([e.secondaryIcon, "icon icon-right w-4 h-4 text-grey-600"])
|
|
410
|
+
}, null, 2)) : m("", !0),
|
|
411
|
+
g(p.$slots, "additional-right-part")
|
|
408
412
|
])
|
|
409
413
|
])
|
|
410
414
|
], 2)
|
|
411
415
|
]),
|
|
412
416
|
_: 3
|
|
413
417
|
}, 16, ["disabled", "class"])), [
|
|
414
|
-
[
|
|
418
|
+
[h, e.tooltip]
|
|
415
419
|
]);
|
|
416
420
|
};
|
|
417
421
|
}
|
|
418
422
|
}), ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
419
423
|
__proto__: null,
|
|
420
|
-
default:
|
|
424
|
+
default: ut
|
|
421
425
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
422
426
|
let q;
|
|
423
|
-
function
|
|
427
|
+
function ft(e) {
|
|
424
428
|
if (e)
|
|
425
429
|
if (clearTimeout(q), e.focus(), "activeElement" in document) {
|
|
426
430
|
const l = setInterval(() => {
|
|
@@ -433,7 +437,7 @@ function ct(e) {
|
|
|
433
437
|
e.focus();
|
|
434
438
|
}, 1e3);
|
|
435
439
|
}
|
|
436
|
-
const
|
|
440
|
+
const pt = /* @__PURE__ */ H({
|
|
437
441
|
__name: "BaseDropdownMenuSearch",
|
|
438
442
|
props: {
|
|
439
443
|
paddingItem: {
|
|
@@ -443,38 +447,38 @@ const ut = /* @__PURE__ */ G({
|
|
|
443
447
|
},
|
|
444
448
|
emits: ["update:search", "search:enter"],
|
|
445
449
|
setup(e, { expose: l, emit: t }) {
|
|
446
|
-
const
|
|
450
|
+
const o = x();
|
|
447
451
|
function d() {
|
|
448
|
-
|
|
452
|
+
ft(o.value);
|
|
449
453
|
}
|
|
450
454
|
l({
|
|
451
455
|
focusSearch: d
|
|
452
456
|
});
|
|
453
|
-
const
|
|
454
|
-
return
|
|
455
|
-
() =>
|
|
456
|
-
(
|
|
457
|
-
t("update:search",
|
|
457
|
+
const n = x();
|
|
458
|
+
return E(
|
|
459
|
+
() => n.value,
|
|
460
|
+
(f) => {
|
|
461
|
+
t("update:search", f);
|
|
458
462
|
}
|
|
459
|
-
), (
|
|
460
|
-
const
|
|
461
|
-
return s(),
|
|
463
|
+
), (f, r) => {
|
|
464
|
+
const _ = S("BaseSearchInput"), p = S("BaseDropdownMenuItem");
|
|
465
|
+
return s(), $(p, {
|
|
462
466
|
tag: "div",
|
|
463
467
|
"keep-open": "",
|
|
464
468
|
"padding-item": e.paddingItem,
|
|
465
469
|
"has-hover-effect": !1
|
|
466
470
|
}, {
|
|
467
471
|
default: B(() => [
|
|
468
|
-
|
|
472
|
+
C(_, W({
|
|
469
473
|
ref_key: "searchInput",
|
|
470
|
-
ref:
|
|
471
|
-
},
|
|
472
|
-
modelValue:
|
|
473
|
-
"onUpdate:modelValue": r[0] || (r[0] = (
|
|
474
|
+
ref: o
|
|
475
|
+
}, f.$attrs, {
|
|
476
|
+
modelValue: n.value,
|
|
477
|
+
"onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
|
|
474
478
|
modelModifiers: { trim: !0, lazy: !0 },
|
|
475
479
|
"input-class": "base-input-small",
|
|
476
480
|
class: "w-full",
|
|
477
|
-
onKeyup: r[1] || (r[1] =
|
|
481
|
+
onKeyup: r[1] || (r[1] = ce((a) => t("search:enter"), ["enter"]))
|
|
478
482
|
}), null, 16, ["modelValue"])
|
|
479
483
|
]),
|
|
480
484
|
_: 1
|
|
@@ -483,8 +487,8 @@ const ut = /* @__PURE__ */ G({
|
|
|
483
487
|
}
|
|
484
488
|
}), be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
485
489
|
__proto__: null,
|
|
486
|
-
default:
|
|
487
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
490
|
+
default: pt
|
|
491
|
+
}, Symbol.toStringTag, { value: "Module" })), ht = { class: "text-12-medium text-grey-600 flex justify-between items-center w-full" }, mt = /* @__PURE__ */ H({
|
|
488
492
|
__name: "BaseDropdownMenuTitle",
|
|
489
493
|
props: {
|
|
490
494
|
title: {
|
|
@@ -498,17 +502,17 @@ const ut = /* @__PURE__ */ G({
|
|
|
498
502
|
},
|
|
499
503
|
setup(e) {
|
|
500
504
|
return (l, t) => {
|
|
501
|
-
const
|
|
502
|
-
return s(),
|
|
505
|
+
const o = S("BaseDropdownMenuItem");
|
|
506
|
+
return s(), $(o, {
|
|
503
507
|
tag: "h3",
|
|
504
508
|
"padding-item": e.paddingItem,
|
|
505
509
|
"keep-open": "",
|
|
506
510
|
"has-hover-effect": !1
|
|
507
511
|
}, {
|
|
508
512
|
default: B(() => [
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
513
|
+
v("div", ht, [
|
|
514
|
+
v("span", null, j(e.title), 1),
|
|
515
|
+
g(l.$slots, "additional-info")
|
|
512
516
|
])
|
|
513
517
|
]),
|
|
514
518
|
_: 3
|
|
@@ -517,26 +521,27 @@ const ut = /* @__PURE__ */ G({
|
|
|
517
521
|
}
|
|
518
522
|
}), _e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
519
523
|
__proto__: null,
|
|
520
|
-
default:
|
|
521
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
524
|
+
default: mt
|
|
525
|
+
}, Symbol.toStringTag, { value: "Module" })), vt = { class: "flex min-h-full items-end justify-center p-2 text-center sm:items-center" }, bt = { class: "flex justify-between" }, _t = {
|
|
522
526
|
key: 0,
|
|
523
527
|
class: "flex items-center px-6 pt-6"
|
|
524
|
-
},
|
|
528
|
+
}, gt = { key: 1 }, yt = {
|
|
525
529
|
key: 0,
|
|
526
530
|
class: "p-6 text-left text-grey-700",
|
|
527
531
|
"data-testid": "modal-content"
|
|
528
|
-
},
|
|
532
|
+
}, Bt = { class: "flex flex-col-reverse sm:flex-row gap-2.5 w-full justify-end" }, St = /* @__PURE__ */ H({
|
|
529
533
|
__name: "BaseModalContent",
|
|
530
534
|
props: {
|
|
531
|
-
title:
|
|
535
|
+
title: {},
|
|
532
536
|
locked: { type: Boolean },
|
|
533
|
-
width:
|
|
534
|
-
confirmLabel:
|
|
535
|
-
cancelLabel:
|
|
537
|
+
width: {},
|
|
538
|
+
confirmLabel: {},
|
|
539
|
+
cancelLabel: {},
|
|
536
540
|
confirmLoading: { type: Boolean },
|
|
537
|
-
confirmColor:
|
|
538
|
-
confirmHref:
|
|
539
|
-
|
|
541
|
+
confirmColor: {},
|
|
542
|
+
confirmHref: {},
|
|
543
|
+
customIcon: {},
|
|
544
|
+
type: {}
|
|
540
545
|
},
|
|
541
546
|
emits: [
|
|
542
547
|
"confirm",
|
|
@@ -544,20 +549,22 @@ const ut = /* @__PURE__ */ G({
|
|
|
544
549
|
"close"
|
|
545
550
|
],
|
|
546
551
|
setup(e, { emit: l }) {
|
|
547
|
-
const t = e,
|
|
548
|
-
if (!
|
|
552
|
+
const t = e, o = V(te);
|
|
553
|
+
if (!o)
|
|
549
554
|
throw new Error("BaseModalContent must be used inside a BaseModal");
|
|
550
|
-
|
|
551
|
-
|
|
555
|
+
E(() => t.locked, (c) => {
|
|
556
|
+
o.locked = c;
|
|
552
557
|
}, { immediate: !0 });
|
|
553
|
-
const d = V(
|
|
554
|
-
function
|
|
555
|
-
t.locked || (l("close"),
|
|
558
|
+
const d = V(le);
|
|
559
|
+
function n(c = !0) {
|
|
560
|
+
t.locked || (l("close"), c && d());
|
|
556
561
|
}
|
|
557
|
-
V(
|
|
558
|
-
|
|
562
|
+
V(oe)(() => {
|
|
563
|
+
n(!1);
|
|
559
564
|
});
|
|
560
|
-
const r =
|
|
565
|
+
const r = A(), _ = y(() => r.content ? r.content() : []), p = y(() => r["additional-buttons"]()), a = y(() => {
|
|
566
|
+
if (t.customIcon)
|
|
567
|
+
return t.customIcon;
|
|
561
568
|
switch (t.type) {
|
|
562
569
|
case "alert":
|
|
563
570
|
return "i-ls-alert-circle text-red-600";
|
|
@@ -568,88 +575,88 @@ const ut = /* @__PURE__ */ G({
|
|
|
568
575
|
case "success":
|
|
569
576
|
return "i-ls-check-circle text-green-600";
|
|
570
577
|
default:
|
|
571
|
-
return
|
|
578
|
+
return;
|
|
572
579
|
}
|
|
573
580
|
});
|
|
574
|
-
return (
|
|
575
|
-
|
|
581
|
+
return (c, h) => (s(), i("div", vt, [
|
|
582
|
+
v("div", {
|
|
576
583
|
class: "relative bg-white w-full min-w-[320px] max-w-[650px] rounded-8 base-modal-box",
|
|
577
|
-
style:
|
|
578
|
-
onClick:
|
|
584
|
+
style: ue({ "max-width": `${c.width}px` }),
|
|
585
|
+
onClick: h[4] || (h[4] = U(() => {
|
|
579
586
|
}, ["stop"]))
|
|
580
587
|
}, [
|
|
581
|
-
|
|
582
|
-
t.title ? (s(), i("div",
|
|
583
|
-
|
|
588
|
+
v("div", bt, [
|
|
589
|
+
t.title ? (s(), i("div", _t, [
|
|
590
|
+
a.value ? (s(), i("div", {
|
|
584
591
|
key: 0,
|
|
585
|
-
class:
|
|
586
|
-
}, null, 2)) :
|
|
587
|
-
|
|
592
|
+
class: u(["w-6 h-6 mr-2 sm:mr-3 shrink-0", a.value])
|
|
593
|
+
}, null, 2)) : m("", !0),
|
|
594
|
+
v("span", {
|
|
588
595
|
"data-testid": "modal-title",
|
|
589
|
-
class:
|
|
596
|
+
class: u(["block text-16-semibold text-grey-900 text-left", { "pb-6": !_.value }])
|
|
590
597
|
}, j(t.title), 3)
|
|
591
|
-
])) : (s(), i("span",
|
|
592
|
-
|
|
598
|
+
])) : (s(), i("span", gt)),
|
|
599
|
+
c.locked ? m("", !0) : (s(), i("div", {
|
|
593
600
|
key: 2,
|
|
594
601
|
class: "i-ls-x w-6 h-6 text-grey-700 hover:text-grey-900 cursor-pointer shrink-0 mt-6 mr-6",
|
|
595
602
|
"data-testid": "modal-close-icon",
|
|
596
603
|
tabindex: "0",
|
|
597
604
|
role: "button",
|
|
598
605
|
"aria-label": "close",
|
|
599
|
-
onClick:
|
|
600
|
-
onKeydown:
|
|
606
|
+
onClick: h[0] || (h[0] = (w) => n()),
|
|
607
|
+
onKeydown: h[1] || (h[1] = ce((w) => n(), ["enter"]))
|
|
601
608
|
}, null, 32))
|
|
602
609
|
]),
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
])) :
|
|
606
|
-
|
|
610
|
+
_.value ? (s(), i("div", yt, [
|
|
611
|
+
g(c.$slots, "content", {}, void 0, !0)
|
|
612
|
+
])) : m("", !0),
|
|
613
|
+
c.confirmLabel || c.cancelLabel || p.value ? (s(), i("div", {
|
|
607
614
|
key: 1,
|
|
608
|
-
class:
|
|
615
|
+
class: u(["px-6 pb-6 flex flex-row-reverse w-full sm:w-auto", { "pt-6": !t.title && !_.value }])
|
|
609
616
|
}, [
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
617
|
+
v("div", Bt, [
|
|
618
|
+
g(c.$slots, "additional-buttons", {}, void 0, !0),
|
|
619
|
+
c.cancelLabel ? (s(), $(Y, {
|
|
613
620
|
key: 0,
|
|
614
621
|
class: "base-button-anti-primary w-full sm:w-auto",
|
|
615
|
-
onClick:
|
|
622
|
+
onClick: h[2] || (h[2] = (w) => c.$emit("cancel"))
|
|
616
623
|
}, {
|
|
617
624
|
default: B(() => [
|
|
618
|
-
|
|
625
|
+
G(j(c.cancelLabel), 1)
|
|
619
626
|
]),
|
|
620
627
|
_: 1
|
|
621
|
-
})) :
|
|
622
|
-
|
|
628
|
+
})) : m("", !0),
|
|
629
|
+
c.confirmLabel ? (s(), $(Y, {
|
|
623
630
|
key: 1,
|
|
624
|
-
loading:
|
|
625
|
-
href:
|
|
626
|
-
target:
|
|
627
|
-
class:
|
|
628
|
-
onClick:
|
|
631
|
+
loading: c.confirmLoading,
|
|
632
|
+
href: c.confirmHref,
|
|
633
|
+
target: c.confirmHref ? "_blank" : null,
|
|
634
|
+
class: u(["w-full sm:w-auto", c.confirmColor ? `base-button-${c.confirmColor}` : "base-button-primary"]),
|
|
635
|
+
onClick: h[3] || (h[3] = (w) => c.$emit("confirm", w))
|
|
629
636
|
}, {
|
|
630
637
|
default: B(() => [
|
|
631
|
-
|
|
638
|
+
G(j(c.confirmLabel), 1)
|
|
632
639
|
]),
|
|
633
640
|
_: 1
|
|
634
|
-
}, 8, ["loading", "href", "target", "class"])) :
|
|
641
|
+
}, 8, ["loading", "href", "target", "class"])) : m("", !0)
|
|
635
642
|
])
|
|
636
|
-
], 2)) :
|
|
643
|
+
], 2)) : m("", !0)
|
|
637
644
|
], 4)
|
|
638
645
|
]));
|
|
639
646
|
}
|
|
640
647
|
});
|
|
641
|
-
const
|
|
648
|
+
const wt = /* @__PURE__ */ L(St, [["__scopeId", "data-v-79ea9dbb"]]), ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
642
649
|
__proto__: null,
|
|
643
|
-
default:
|
|
644
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
645
|
-
|
|
646
|
-
],
|
|
650
|
+
default: wt
|
|
651
|
+
}, Symbol.toStringTag, { value: "Module" })), kt = (e) => (Le("data-v-d29a3e6a"), e = e(), ze(), e), Ct = ["data-testid"], Mt = { class: "base-modal-header" }, $t = /* @__PURE__ */ kt(() => /* @__PURE__ */ v("div", { class: "i-ls-x icon" }, null, -1)), It = [
|
|
652
|
+
$t
|
|
653
|
+
], Ot = {
|
|
647
654
|
key: 2,
|
|
648
655
|
class: "subtitle"
|
|
649
|
-
},
|
|
656
|
+
}, xt = {
|
|
650
657
|
key: 0,
|
|
651
658
|
class: "base-modal-content"
|
|
652
|
-
},
|
|
659
|
+
}, Dt = /* @__PURE__ */ H({
|
|
653
660
|
__name: "BaseModalContentOld",
|
|
654
661
|
props: {
|
|
655
662
|
locked: {
|
|
@@ -680,80 +687,185 @@ const Bt = /* @__PURE__ */ L(yt, [["__scopeId", "data-v-1824bd13"]]), ge = /* @_
|
|
|
680
687
|
],
|
|
681
688
|
setup(e, { emit: l }) {
|
|
682
689
|
const t = e, {
|
|
683
|
-
locked:
|
|
690
|
+
locked: o,
|
|
684
691
|
fullScreen: d,
|
|
685
|
-
width:
|
|
686
|
-
noPadding:
|
|
687
|
-
} =
|
|
692
|
+
width: n,
|
|
693
|
+
noPadding: f
|
|
694
|
+
} = X(t), r = V(te);
|
|
688
695
|
if (!r)
|
|
689
696
|
throw new Error("BaseModalContentOld must be used inside BaseModal");
|
|
690
|
-
|
|
691
|
-
r.locked =
|
|
692
|
-
}, { immediate: !0 }),
|
|
693
|
-
r.fullScreen =
|
|
697
|
+
E(() => t.locked, (I) => {
|
|
698
|
+
r.locked = I;
|
|
699
|
+
}, { immediate: !0 }), E(() => t.fullScreen, (I) => {
|
|
700
|
+
r.fullScreen = I;
|
|
694
701
|
}, { immediate: !0 });
|
|
695
|
-
const
|
|
696
|
-
function
|
|
697
|
-
|
|
702
|
+
const _ = V(le);
|
|
703
|
+
function p(I = !0) {
|
|
704
|
+
o.value || (l("close"), I && _());
|
|
698
705
|
}
|
|
699
|
-
V(
|
|
700
|
-
|
|
706
|
+
V(oe)(() => {
|
|
707
|
+
p(!1);
|
|
701
708
|
});
|
|
702
|
-
const
|
|
703
|
-
return (
|
|
704
|
-
const
|
|
709
|
+
const c = A(), h = y(() => c.title()), w = y(() => c.subtitle()), T = y(() => c.content());
|
|
710
|
+
return (I, O) => {
|
|
711
|
+
const z = S("RenderSlot");
|
|
705
712
|
return s(), i("div", {
|
|
706
|
-
class:
|
|
707
|
-
"has-header":
|
|
708
|
-
"has-title":
|
|
709
|
-
"has-subtitle":
|
|
710
|
-
"has-content":
|
|
713
|
+
class: u([{
|
|
714
|
+
"has-header": h.value || w.value,
|
|
715
|
+
"has-title": h.value,
|
|
716
|
+
"has-subtitle": w.value,
|
|
717
|
+
"has-content": T.value
|
|
711
718
|
}, "base-modal-layout"]),
|
|
712
|
-
onClick:
|
|
719
|
+
onClick: O[2] || (O[2] = U(() => {
|
|
713
720
|
}, ["stop"]))
|
|
714
721
|
}, [
|
|
715
|
-
|
|
716
|
-
style:
|
|
717
|
-
class:
|
|
722
|
+
v("section", {
|
|
723
|
+
style: ue({ "max-width": `${D(n)}px` }),
|
|
724
|
+
class: u([[D(f) ? "p-0" : "p-5"], "transition-transform"]),
|
|
718
725
|
"data-testid": e.dataTestid
|
|
719
726
|
}, [
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
!
|
|
727
|
+
g(I.$slots, "outside-header", {}, void 0, !0),
|
|
728
|
+
v("div", Mt, [
|
|
729
|
+
!D(o) && !D(d) ? (s(), i("div", {
|
|
723
730
|
key: 0,
|
|
724
731
|
class: "close-button",
|
|
725
732
|
"data-testid": "modal-close-icon",
|
|
726
|
-
onClick:
|
|
727
|
-
},
|
|
728
|
-
|
|
733
|
+
onClick: O[0] || (O[0] = (b) => p())
|
|
734
|
+
}, It)) : m("", !0),
|
|
735
|
+
h.value ? (s(), i("div", {
|
|
729
736
|
key: 1,
|
|
730
|
-
class:
|
|
731
|
-
"flex flex-row items-center border-b h-16 border-grey-200 px-6 py-4":
|
|
737
|
+
class: u(["title text-grey-900", {
|
|
738
|
+
"flex flex-row items-center border-b h-16 border-grey-200 px-6 py-4": D(d)
|
|
732
739
|
}])
|
|
733
740
|
}, [
|
|
734
|
-
|
|
741
|
+
D(d) ? (s(), i("div", {
|
|
735
742
|
key: 0,
|
|
736
743
|
class: "i-ls-chevron-left arrow-back cursor-pointer w-6 h-6 mr-2 text-grey-600 hover:text-grey-600",
|
|
737
|
-
onClick:
|
|
738
|
-
})) :
|
|
739
|
-
|
|
740
|
-
], 2)) :
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
])) :
|
|
744
|
+
onClick: O[1] || (O[1] = (b) => p())
|
|
745
|
+
})) : m("", !0),
|
|
746
|
+
C(z, { vnodes: h.value }, null, 8, ["vnodes"])
|
|
747
|
+
], 2)) : m("", !0),
|
|
748
|
+
w.value ? (s(), i("div", Ot, [
|
|
749
|
+
C(z, { vnodes: w.value }, null, 8, ["vnodes"])
|
|
750
|
+
])) : m("", !0)
|
|
744
751
|
]),
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
])) :
|
|
748
|
-
], 14,
|
|
752
|
+
T.value ? (s(), i("div", xt, [
|
|
753
|
+
C(z, { vnodes: T.value }, null, 8, ["vnodes"])
|
|
754
|
+
])) : m("", !0)
|
|
755
|
+
], 14, Ct)
|
|
749
756
|
], 2);
|
|
750
757
|
};
|
|
751
758
|
}
|
|
752
759
|
});
|
|
753
|
-
const
|
|
760
|
+
const Vt = /* @__PURE__ */ L(Dt, [["__scopeId", "data-v-d29a3e6a"]]), ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
754
761
|
__proto__: null,
|
|
755
|
-
default:
|
|
756
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
762
|
+
default: Vt
|
|
763
|
+
}, Symbol.toStringTag, { value: "Module" })), Tt = ["id", "checked", "disabled", "value"], jt = ["for"], Lt = {
|
|
764
|
+
key: 1,
|
|
765
|
+
class: "input-custom"
|
|
766
|
+
}, zt = /* @__PURE__ */ v("span", { class: "check-radio" }, null, -1), Pt = [
|
|
767
|
+
zt
|
|
768
|
+
], At = ["innerHTML"], Rt = ["innerHTML"], Et = {
|
|
769
|
+
key: 3,
|
|
770
|
+
class: "input-custom"
|
|
771
|
+
}, Ht = /* @__PURE__ */ v("span", { class: "check-radio" }, null, -1), Gt = [
|
|
772
|
+
Ht
|
|
773
|
+
];
|
|
774
|
+
let Ut = 0;
|
|
775
|
+
const Nt = /* @__PURE__ */ H({
|
|
776
|
+
__name: "BaseRadio",
|
|
777
|
+
props: {
|
|
778
|
+
modelValue: { default: null },
|
|
779
|
+
value: {},
|
|
780
|
+
label: { default: void 0 },
|
|
781
|
+
labelContainerClass: { default: void 0 },
|
|
782
|
+
labelClass: { default: void 0 },
|
|
783
|
+
description: { default: void 0 },
|
|
784
|
+
forId: { default: void 0 },
|
|
785
|
+
required: { type: Boolean, default: !1 },
|
|
786
|
+
disabled: { type: Boolean, default: !1 },
|
|
787
|
+
tooltip: { default: void 0 },
|
|
788
|
+
orientation: { default: "horizontal" }
|
|
789
|
+
},
|
|
790
|
+
emits: ["change", "update:modelValue", "tooltip-clicked"],
|
|
791
|
+
setup(e, { emit: l }) {
|
|
792
|
+
const t = e, o = V("BaseFormInputInjection", void 0), d = A(), n = y(() => d.icon ? d.icon() : null), f = y(() => {
|
|
793
|
+
var a;
|
|
794
|
+
return (a = o == null ? void 0 : o.childConfig) == null ? void 0 : a.value;
|
|
795
|
+
}), r = y(() => o ? f.value === t.value : t.modelValue === t.value);
|
|
796
|
+
function _() {
|
|
797
|
+
if (!o)
|
|
798
|
+
return l("update:modelValue", t.value), l("change", t.value), !1;
|
|
799
|
+
o.setInputModel(t.value);
|
|
800
|
+
}
|
|
801
|
+
const p = x();
|
|
802
|
+
return p.value = `BaseRadio:${Ut++}`, (a, c) => {
|
|
803
|
+
const h = S("RenderSlot"), w = J("tooltip");
|
|
804
|
+
return s(), i("div", {
|
|
805
|
+
class: u(["base-radio", {
|
|
806
|
+
"base-radio-disabled": a.disabled,
|
|
807
|
+
"with-description": a.description
|
|
808
|
+
}])
|
|
809
|
+
}, [
|
|
810
|
+
v("input", {
|
|
811
|
+
id: a.forId || p.value,
|
|
812
|
+
checked: r.value,
|
|
813
|
+
disabled: a.disabled,
|
|
814
|
+
value: a.value,
|
|
815
|
+
type: "radio",
|
|
816
|
+
onChange: _
|
|
817
|
+
}, null, 40, Tt),
|
|
818
|
+
v("label", {
|
|
819
|
+
for: a.forId || p.value,
|
|
820
|
+
class: u({
|
|
821
|
+
"label-disabled": a.disabled,
|
|
822
|
+
"flex flex-col vertical-padding-large": a.orientation === "vertical",
|
|
823
|
+
"vertical-padding": a.description && a.orientation === "horizontal"
|
|
824
|
+
})
|
|
825
|
+
}, [
|
|
826
|
+
n.value ? (s(), i("div", {
|
|
827
|
+
key: 0,
|
|
828
|
+
class: u(["w-4 h-4 icon flex items-center justify-center", [a.orientation === "vertical" ? "mb-2" : "mr-2"]])
|
|
829
|
+
}, [
|
|
830
|
+
C(h, { vnodes: n.value }, null, 8, ["vnodes"])
|
|
831
|
+
], 2)) : m("", !0),
|
|
832
|
+
a.orientation === "horizontal" ? (s(), i("span", Lt, Pt)) : m("", !0),
|
|
833
|
+
a.label ? (s(), i("span", {
|
|
834
|
+
key: 2,
|
|
835
|
+
class: u(["label-custom", {
|
|
836
|
+
"mb-2 !ml-0 text-center": a.orientation === "vertical"
|
|
837
|
+
}])
|
|
838
|
+
}, [
|
|
839
|
+
v("span", {
|
|
840
|
+
class: u(["text-grey-700 label", [
|
|
841
|
+
a.labelClass
|
|
842
|
+
]]),
|
|
843
|
+
innerHTML: a.required ? `${a.label} *` : a.label
|
|
844
|
+
}, null, 10, At),
|
|
845
|
+
a.tooltip ? R((s(), i("span", {
|
|
846
|
+
key: 0,
|
|
847
|
+
onClick: c[0] || (c[0] = U((T) => a.$emit("tooltip-clicked"), ["stop", "prevent"]))
|
|
848
|
+
}, null, 512)), [
|
|
849
|
+
[w, a.tooltip]
|
|
850
|
+
]) : m("", !0),
|
|
851
|
+
a.description ? (s(), i("span", {
|
|
852
|
+
key: 1,
|
|
853
|
+
class: u(["description text-grey-600 block", {
|
|
854
|
+
"text-center": a.orientation === "vertical"
|
|
855
|
+
}]),
|
|
856
|
+
innerHTML: a.description
|
|
857
|
+
}, null, 10, Rt)) : m("", !0)
|
|
858
|
+
], 2)) : m("", !0),
|
|
859
|
+
a.orientation === "vertical" ? (s(), i("span", Et, Gt)) : m("", !0),
|
|
860
|
+
g(a.$slots, "incentive")
|
|
861
|
+
], 10, jt)
|
|
862
|
+
], 2);
|
|
863
|
+
};
|
|
864
|
+
}
|
|
865
|
+
}), Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
866
|
+
__proto__: null,
|
|
867
|
+
default: Nt
|
|
868
|
+
}, Symbol.toStringTag, { value: "Module" })), Ft = ["onMouseenter"], qt = ["for"], Kt = ["fill-color"], Wt = ["id", "name", "value", "readonly", "onClick"], Jt = {
|
|
757
869
|
__name: "BaseRating",
|
|
758
870
|
props: {
|
|
759
871
|
modelValue: {
|
|
@@ -788,67 +900,67 @@ const $t = /* @__PURE__ */ L(Ot, [["__scopeId", "data-v-d29a3e6a"]]), ye = /* @_
|
|
|
788
900
|
},
|
|
789
901
|
emits: ["update:modelValue"],
|
|
790
902
|
setup(e, { emit: l }) {
|
|
791
|
-
const t = e, { hover:
|
|
792
|
-
function
|
|
793
|
-
return
|
|
903
|
+
const t = e, { hover: o, modelValue: d, itemLabels: n, name: f, readonly: r } = X(t), _ = He(), p = x(d.value), a = x(0), c = x(!1), h = y(() => f.value ?? `base-rating-${_}`);
|
|
904
|
+
function w(b) {
|
|
905
|
+
return o.value && c.value ? b <= a.value : b <= p.value;
|
|
794
906
|
}
|
|
795
|
-
function T(
|
|
907
|
+
function T(b) {
|
|
796
908
|
var k;
|
|
797
|
-
return (k =
|
|
909
|
+
return (k = n.value) == null ? void 0 : k[b - 1];
|
|
798
910
|
}
|
|
799
|
-
function
|
|
800
|
-
r.value || (
|
|
911
|
+
function I(b) {
|
|
912
|
+
r.value || (p.value = b, c.value = !1, l("update:modelValue", p.value));
|
|
801
913
|
}
|
|
802
|
-
function
|
|
803
|
-
|
|
914
|
+
function O(b) {
|
|
915
|
+
a.value = b, c.value = !0;
|
|
804
916
|
}
|
|
805
|
-
function
|
|
806
|
-
|
|
917
|
+
function z(b) {
|
|
918
|
+
c.value = !1;
|
|
807
919
|
}
|
|
808
|
-
return (
|
|
920
|
+
return (b, k) => (s(), i("div", {
|
|
809
921
|
class: "base-rating flex gap-3",
|
|
810
|
-
onMouseleave:
|
|
922
|
+
onMouseleave: z
|
|
811
923
|
}, [
|
|
812
|
-
(s(!0), i(
|
|
813
|
-
key: `${
|
|
814
|
-
class:
|
|
815
|
-
active:
|
|
816
|
-
"pointer-events-none":
|
|
924
|
+
(s(!0), i(Q, null, Pe(e.length, (M) => (s(), i("div", {
|
|
925
|
+
key: `${h.value}-${M}`,
|
|
926
|
+
class: u(["item", {
|
|
927
|
+
active: w(M),
|
|
928
|
+
"pointer-events-none": D(r)
|
|
817
929
|
}]),
|
|
818
930
|
"data-testid": "base-rating-item",
|
|
819
|
-
onMouseenter: (N) =>
|
|
931
|
+
onMouseenter: (N) => O(M)
|
|
820
932
|
}, [
|
|
821
|
-
|
|
822
|
-
for: `${
|
|
933
|
+
v("label", {
|
|
934
|
+
for: `${h.value}-${M}`,
|
|
823
935
|
class: "flex flex-col items-center h-full cursor-pointer"
|
|
824
936
|
}, [
|
|
825
|
-
|
|
937
|
+
v("div", {
|
|
826
938
|
"data-testid": "base-rating-star-icon",
|
|
827
|
-
class:
|
|
828
|
-
"fill-color":
|
|
829
|
-
}, null, 10,
|
|
830
|
-
T(
|
|
939
|
+
class: u(["i-ls-star-fill w-8 h-8", [w(M) ? "text-livestorm-700" : "text-grey-300"]]),
|
|
940
|
+
"fill-color": w(M) ? "currentColor" : null
|
|
941
|
+
}, null, 10, Kt),
|
|
942
|
+
T(M) ? (s(), i("span", {
|
|
831
943
|
key: 0,
|
|
832
|
-
class:
|
|
833
|
-
}, j(T(
|
|
834
|
-
], 8,
|
|
835
|
-
|
|
836
|
-
id: `${
|
|
944
|
+
class: u(["flex-1 flex items-center justify-center min-w-[52px] text-11-regular text-center text-grey-700 mt-2", e.itemLabelClass])
|
|
945
|
+
}, j(T(M)), 3)) : m("", !0)
|
|
946
|
+
], 8, qt),
|
|
947
|
+
v("input", {
|
|
948
|
+
id: `${h.value}-${M}`,
|
|
837
949
|
class: "hidden",
|
|
838
|
-
name:
|
|
950
|
+
name: h.value,
|
|
839
951
|
type: "radio",
|
|
840
|
-
value:
|
|
841
|
-
readonly:
|
|
842
|
-
onClick: (N) =>
|
|
843
|
-
}, null, 8,
|
|
844
|
-
], 42,
|
|
952
|
+
value: M,
|
|
953
|
+
readonly: D(r),
|
|
954
|
+
onClick: (N) => I(M)
|
|
955
|
+
}, null, 8, Wt)
|
|
956
|
+
], 42, Ft))), 128))
|
|
845
957
|
], 32));
|
|
846
958
|
}
|
|
847
|
-
},
|
|
959
|
+
}, Se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
848
960
|
__proto__: null,
|
|
849
|
-
default:
|
|
961
|
+
default: Jt
|
|
850
962
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
851
|
-
const
|
|
963
|
+
const Qt = {
|
|
852
964
|
provide() {
|
|
853
965
|
return {
|
|
854
966
|
select_onValueChange: this.onValueChange,
|
|
@@ -936,16 +1048,16 @@ const At = {
|
|
|
936
1048
|
},
|
|
937
1049
|
emits: ["input", "change", "update:modelValue"],
|
|
938
1050
|
setup(e) {
|
|
939
|
-
const { modelValue: l } =
|
|
940
|
-
|
|
941
|
-
const t =
|
|
942
|
-
|
|
943
|
-
const
|
|
1051
|
+
const { modelValue: l } = X(e);
|
|
1052
|
+
F("BaseSelect.modelValue", l);
|
|
1053
|
+
const t = x([]);
|
|
1054
|
+
F("BaseSelect.childOptions", t);
|
|
1055
|
+
const o = y(() => t.value.find((f) => f.value === e.modelValue)), d = x(""), n = K();
|
|
944
1056
|
return {
|
|
945
|
-
currentChild:
|
|
1057
|
+
currentChild: o,
|
|
946
1058
|
childOptions: t,
|
|
947
1059
|
search: d,
|
|
948
|
-
mobileMode:
|
|
1060
|
+
mobileMode: n
|
|
949
1061
|
};
|
|
950
1062
|
},
|
|
951
1063
|
data() {
|
|
@@ -1010,16 +1122,16 @@ const At = {
|
|
|
1010
1122
|
let l, t = !1;
|
|
1011
1123
|
if (this.multi) {
|
|
1012
1124
|
l = this.modelValue && this.modelValue.slice() || [];
|
|
1013
|
-
const
|
|
1014
|
-
|
|
1125
|
+
const o = l.indexOf(e);
|
|
1126
|
+
o === -1 ? this.values ? l.splice(this.getValueIndex(l, e), 0, e) : (l.push(e), t = !0) : l.splice(o, 1);
|
|
1015
1127
|
} else
|
|
1016
1128
|
l = e;
|
|
1017
1129
|
this.$emit("update:modelValue", l), this.$emit("change", e, t), this.mobileMode || this.focusSearch();
|
|
1018
1130
|
},
|
|
1019
1131
|
getValueIndex(e, l) {
|
|
1020
|
-
let
|
|
1021
|
-
for (;
|
|
1022
|
-
|
|
1132
|
+
let o = this.values.indexOf(l), d;
|
|
1133
|
+
for (; o >= 0 && (d = e.indexOf(this.values[o])) === -1; )
|
|
1134
|
+
o--;
|
|
1023
1135
|
return d + 1;
|
|
1024
1136
|
},
|
|
1025
1137
|
onApplyShow() {
|
|
@@ -1047,43 +1159,43 @@ const At = {
|
|
|
1047
1159
|
}
|
|
1048
1160
|
}
|
|
1049
1161
|
}
|
|
1050
|
-
},
|
|
1162
|
+
}, Xt = {
|
|
1051
1163
|
ref: "toggle",
|
|
1052
1164
|
class: "select-toggle"
|
|
1053
1165
|
};
|
|
1054
|
-
function
|
|
1055
|
-
const
|
|
1056
|
-
return s(),
|
|
1166
|
+
function Yt(e, l, t, o, d, n) {
|
|
1167
|
+
const f = S("BaseButton"), r = S("BaseCheckbox"), _ = S("BaseDropdownMenuItem"), p = S("BaseDropdownMenu");
|
|
1168
|
+
return s(), $(p, {
|
|
1057
1169
|
ref: "dropdown",
|
|
1058
1170
|
theme: t.theme,
|
|
1059
1171
|
"popper-class": t.popperClass + " select-popper ios-fix-height",
|
|
1060
1172
|
disabled: t.disabled,
|
|
1061
|
-
class:
|
|
1062
|
-
"has-value":
|
|
1173
|
+
class: u([{
|
|
1174
|
+
"has-value": n.displayedLabel.hasValue
|
|
1063
1175
|
}, "base-select"]),
|
|
1064
1176
|
"search-enabled": t.searchEnabled,
|
|
1065
1177
|
"search-throttle": 200,
|
|
1066
1178
|
"search-placeholder": t.searchPlaceholder || e.i18n.t("general_form_multiselect-search"),
|
|
1067
1179
|
scrollable: t.scrollable,
|
|
1068
|
-
onShow:
|
|
1069
|
-
onHide:
|
|
1070
|
-
onApplyShow:
|
|
1071
|
-
"onUpdate:search": l[1] || (l[1] = (
|
|
1072
|
-
"onSearch:enter": l[2] || (l[2] = (
|
|
1180
|
+
onShow: n.onShow,
|
|
1181
|
+
onHide: n.onHide,
|
|
1182
|
+
onApplyShow: n.onApplyShow,
|
|
1183
|
+
"onUpdate:search": l[1] || (l[1] = (a) => o.search = a),
|
|
1184
|
+
"onSearch:enter": l[2] || (l[2] = (a) => n.selectFirstResult(e.hide))
|
|
1073
1185
|
}, {
|
|
1074
|
-
default: B(({ shown:
|
|
1075
|
-
|
|
1076
|
-
|
|
1186
|
+
default: B(({ shown: a }) => [
|
|
1187
|
+
v("div", Xt, [
|
|
1188
|
+
g(e.$slots, "toggle", {
|
|
1077
1189
|
loading: t.loading,
|
|
1078
1190
|
value: t.modelValue,
|
|
1079
|
-
label:
|
|
1191
|
+
label: n.finalLabel,
|
|
1080
1192
|
disabled: t.disabled,
|
|
1081
|
-
isShown:
|
|
1193
|
+
isShown: a
|
|
1082
1194
|
}, () => [
|
|
1083
|
-
|
|
1084
|
-
class:
|
|
1195
|
+
C(f, {
|
|
1196
|
+
class: u(["w-full justify-start", [
|
|
1085
1197
|
t.buttonClass,
|
|
1086
|
-
{ active:
|
|
1198
|
+
{ active: a }
|
|
1087
1199
|
]]),
|
|
1088
1200
|
disabled: t.disabled,
|
|
1089
1201
|
icon: t.icon,
|
|
@@ -1092,12 +1204,12 @@ function Pt(e, l, t, n, d, o) {
|
|
|
1092
1204
|
type: "button"
|
|
1093
1205
|
}, {
|
|
1094
1206
|
default: B(() => [
|
|
1095
|
-
|
|
1207
|
+
g(e.$slots, "toggle-button", {
|
|
1096
1208
|
loading: t.loading,
|
|
1097
1209
|
value: t.modelValue,
|
|
1098
|
-
label:
|
|
1210
|
+
label: n.finalLabel
|
|
1099
1211
|
}, () => [
|
|
1100
|
-
|
|
1212
|
+
G(j(n.finalLabel), 1)
|
|
1101
1213
|
], !0)
|
|
1102
1214
|
]),
|
|
1103
1215
|
_: 2
|
|
@@ -1106,41 +1218,41 @@ function Pt(e, l, t, n, d, o) {
|
|
|
1106
1218
|
], 512)
|
|
1107
1219
|
]),
|
|
1108
1220
|
header: B(() => [
|
|
1109
|
-
|
|
1221
|
+
g(e.$slots, "header", {}, void 0, !0)
|
|
1110
1222
|
]),
|
|
1111
1223
|
"header-with-search-additional-block": B(() => [
|
|
1112
|
-
|
|
1224
|
+
g(e.$slots, "header-with-search-additional-block", {}, void 0, !0)
|
|
1113
1225
|
]),
|
|
1114
1226
|
footer: B(() => [
|
|
1115
|
-
|
|
1227
|
+
g(e.$slots, "footer", {}, void 0, !0)
|
|
1116
1228
|
]),
|
|
1117
1229
|
popper: B(() => [
|
|
1118
|
-
!
|
|
1230
|
+
!o.search && t.multi && o.childOptions.length && t.selectAllButtonDisplayed ? (s(), $(_, {
|
|
1119
1231
|
key: 0,
|
|
1120
|
-
label: e.i18n.t(
|
|
1232
|
+
label: e.i18n.t(n.selectAll ? "general_form_multiselect-unselect-all" : "general_form_multiselect-select-all"),
|
|
1121
1233
|
"keep-open": "",
|
|
1122
1234
|
"data-testid": "select-all",
|
|
1123
1235
|
"can-click-on-active": "",
|
|
1124
|
-
onClick: l[0] || (l[0] =
|
|
1236
|
+
onClick: l[0] || (l[0] = U((a) => n.onToggleSelectAll(), ["prevent"]))
|
|
1125
1237
|
}, {
|
|
1126
1238
|
checkbox: B(() => [
|
|
1127
|
-
|
|
1128
|
-
icon:
|
|
1129
|
-
value:
|
|
1239
|
+
C(r, {
|
|
1240
|
+
icon: n.selectAllIcon,
|
|
1241
|
+
value: n.selectAll,
|
|
1130
1242
|
"for-id": "select-all"
|
|
1131
1243
|
}, null, 8, ["icon", "value"])
|
|
1132
1244
|
]),
|
|
1133
1245
|
_: 1
|
|
1134
|
-
}, 8, ["label"])) :
|
|
1135
|
-
|
|
1246
|
+
}, 8, ["label"])) : m("", !0),
|
|
1247
|
+
g(e.$slots, "default", {}, void 0, !0)
|
|
1136
1248
|
]),
|
|
1137
1249
|
_: 3
|
|
1138
1250
|
}, 8, ["theme", "popper-class", "disabled", "class", "search-enabled", "search-placeholder", "scrollable", "onShow", "onHide", "onApplyShow"]);
|
|
1139
1251
|
}
|
|
1140
|
-
const
|
|
1252
|
+
const Zt = /* @__PURE__ */ L(Qt, [["render", Yt], ["__scopeId", "data-v-e636353b"]]), we = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
1141
1253
|
__proto__: null,
|
|
1142
|
-
default:
|
|
1143
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
1254
|
+
default: Zt
|
|
1255
|
+
}, Symbol.toStringTag, { value: "Module" })), el = {
|
|
1144
1256
|
provide() {
|
|
1145
1257
|
return {
|
|
1146
1258
|
selectGroup_childConfig: this.childConfig
|
|
@@ -1159,23 +1271,23 @@ const Et = /* @__PURE__ */ L(At, [["render", Pt], ["__scopeId", "data-v-e636353b
|
|
|
1159
1271
|
}
|
|
1160
1272
|
};
|
|
1161
1273
|
}
|
|
1162
|
-
},
|
|
1163
|
-
function
|
|
1164
|
-
const
|
|
1165
|
-
return s(), i("div",
|
|
1166
|
-
t.title && d.childConfig.visible ? (s(),
|
|
1274
|
+
}, tl = { class: "base-select-group" };
|
|
1275
|
+
function ll(e, l, t, o, d, n) {
|
|
1276
|
+
const f = S("BaseDropdownMenuTitle");
|
|
1277
|
+
return s(), i("div", tl, [
|
|
1278
|
+
t.title && d.childConfig.visible ? (s(), $(f, {
|
|
1167
1279
|
key: 0,
|
|
1168
1280
|
title: t.title
|
|
1169
|
-
}, null, 8, ["title"])) :
|
|
1170
|
-
|
|
1281
|
+
}, null, 8, ["title"])) : m("", !0),
|
|
1282
|
+
g(e.$slots, "default")
|
|
1171
1283
|
]);
|
|
1172
1284
|
}
|
|
1173
|
-
const
|
|
1285
|
+
const ol = /* @__PURE__ */ L(el, [["render", ll]]), ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
1174
1286
|
__proto__: null,
|
|
1175
|
-
default:
|
|
1287
|
+
default: ol
|
|
1176
1288
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
1177
|
-
let
|
|
1178
|
-
const
|
|
1289
|
+
let nl = 0;
|
|
1290
|
+
const sl = {
|
|
1179
1291
|
name: "BaseSelectOption",
|
|
1180
1292
|
inject: {
|
|
1181
1293
|
select_onValueChange: {},
|
|
@@ -1230,28 +1342,28 @@ const Ft = {
|
|
|
1230
1342
|
},
|
|
1231
1343
|
emits: ["click"],
|
|
1232
1344
|
setup(e) {
|
|
1233
|
-
const l = V("BaseSelect.modelValue"), t =
|
|
1345
|
+
const l = V("BaseSelect.modelValue"), t = x(""), o = V("BaseSelect.childOptions"), d = V("BaseDropdown.search"), n = y(() => {
|
|
1234
1346
|
if (!d.value)
|
|
1235
1347
|
return !0;
|
|
1236
1348
|
if (!t.value)
|
|
1237
1349
|
return !1;
|
|
1238
|
-
const r = (
|
|
1239
|
-
return new RegExp(
|
|
1240
|
-
}),
|
|
1241
|
-
return
|
|
1242
|
-
id:
|
|
1243
|
-
value:
|
|
1350
|
+
const r = (a) => a.normalize("NFD").replace(/[\u0300-\u036f]/g, ""), _ = r(d.value).replace(/[.*+\-?^${}()|[\]\\]/g, "\\$&");
|
|
1351
|
+
return new RegExp(_, "i").test(r(t.value));
|
|
1352
|
+
}), f = nl++;
|
|
1353
|
+
return o.value.push(Ae({
|
|
1354
|
+
id: f,
|
|
1355
|
+
value: y(() => e.value),
|
|
1244
1356
|
label: t,
|
|
1245
|
-
matchSearch:
|
|
1246
|
-
disabled:
|
|
1247
|
-
hidden:
|
|
1357
|
+
matchSearch: n,
|
|
1358
|
+
disabled: y(() => e.disabled),
|
|
1359
|
+
hidden: y(() => e.hidden)
|
|
1248
1360
|
})), re(() => {
|
|
1249
|
-
const r =
|
|
1250
|
-
r !== -1 &&
|
|
1361
|
+
const r = o.value.findIndex((_) => _.id === f);
|
|
1362
|
+
r !== -1 && o.value.splice(r, 1);
|
|
1251
1363
|
}), {
|
|
1252
1364
|
finalValue: l,
|
|
1253
1365
|
labelContent: t,
|
|
1254
|
-
matchSearch:
|
|
1366
|
+
matchSearch: n
|
|
1255
1367
|
};
|
|
1256
1368
|
},
|
|
1257
1369
|
computed: {
|
|
@@ -1301,49 +1413,49 @@ const Ft = {
|
|
|
1301
1413
|
}
|
|
1302
1414
|
}
|
|
1303
1415
|
};
|
|
1304
|
-
function
|
|
1305
|
-
const
|
|
1306
|
-
return s(),
|
|
1307
|
-
"keep-open": e.$attrs["keep-open"] != null ? e.$attrs["keep-open"] === "" || e.$attrs["keep-open"] :
|
|
1308
|
-
class:
|
|
1416
|
+
function al(e, l, t, o, d, n) {
|
|
1417
|
+
const f = S("BaseCheckbox"), r = S("BaseDropdownMenuItem");
|
|
1418
|
+
return s(), $(r, {
|
|
1419
|
+
"keep-open": e.$attrs["keep-open"] != null ? e.$attrs["keep-open"] === "" || e.$attrs["keep-open"] : n.multi,
|
|
1420
|
+
class: u([n.cssClass, "base-select-option overflow-hidden"]),
|
|
1309
1421
|
tooltip: t.tooltip,
|
|
1310
|
-
active:
|
|
1311
|
-
label:
|
|
1422
|
+
active: n.finalSelected,
|
|
1423
|
+
label: o.labelContent,
|
|
1312
1424
|
"secondary-label": t.description,
|
|
1313
1425
|
disabled: t.disabled,
|
|
1314
1426
|
"label-class": t.labelClass,
|
|
1315
1427
|
icon: t.icon,
|
|
1316
1428
|
"can-click-on-active": !0,
|
|
1317
|
-
onClick:
|
|
1429
|
+
onClick: n.onClick
|
|
1318
1430
|
}, {
|
|
1319
1431
|
checkbox: B(() => [
|
|
1320
|
-
|
|
1432
|
+
n.multi && !e.$attrs.loading ? (s(), $(f, {
|
|
1321
1433
|
key: 0,
|
|
1322
|
-
modelValue:
|
|
1323
|
-
"onUpdate:modelValue": l[0] || (l[0] = (
|
|
1434
|
+
modelValue: o.finalValue,
|
|
1435
|
+
"onUpdate:modelValue": l[0] || (l[0] = (_) => o.finalValue = _),
|
|
1324
1436
|
"for-id": t.value,
|
|
1325
1437
|
value: t.value,
|
|
1326
1438
|
disabled: t.disabled,
|
|
1327
1439
|
"disable-change": ""
|
|
1328
|
-
}, null, 8, ["modelValue", "for-id", "value", "disabled"])) :
|
|
1440
|
+
}, null, 8, ["modelValue", "for-id", "value", "disabled"])) : m("", !0)
|
|
1329
1441
|
]),
|
|
1330
1442
|
"label-override": B(() => [
|
|
1331
|
-
|
|
1443
|
+
g(e.$slots, "default", {}, void 0, !0)
|
|
1332
1444
|
]),
|
|
1333
1445
|
"additional-left-part": B(() => [
|
|
1334
|
-
|
|
1446
|
+
g(e.$slots, "additional-left-part", {}, void 0, !0)
|
|
1335
1447
|
]),
|
|
1336
1448
|
"additional-right-part": B(() => [
|
|
1337
|
-
|
|
1449
|
+
g(e.$slots, "additional-right-part", {}, void 0, !0)
|
|
1338
1450
|
]),
|
|
1339
1451
|
_: 3
|
|
1340
1452
|
}, 8, ["keep-open", "class", "tooltip", "active", "label", "secondary-label", "disabled", "label-class", "icon", "onClick"]);
|
|
1341
1453
|
}
|
|
1342
|
-
const
|
|
1454
|
+
const il = /* @__PURE__ */ L(sl, [["render", al], ["__scopeId", "data-v-0b16dd62"]]), Ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
1343
1455
|
__proto__: null,
|
|
1344
|
-
default:
|
|
1456
|
+
default: il
|
|
1345
1457
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
1346
|
-
const
|
|
1458
|
+
const dl = {
|
|
1347
1459
|
props: {
|
|
1348
1460
|
modelValue: {
|
|
1349
1461
|
type: Boolean,
|
|
@@ -1362,9 +1474,9 @@ const Wt = {
|
|
|
1362
1474
|
"update:modelValue"
|
|
1363
1475
|
],
|
|
1364
1476
|
setup() {
|
|
1365
|
-
const e =
|
|
1477
|
+
const e = A();
|
|
1366
1478
|
return {
|
|
1367
|
-
defaultSlot:
|
|
1479
|
+
defaultSlot: y(() => e.default())
|
|
1368
1480
|
};
|
|
1369
1481
|
},
|
|
1370
1482
|
computed: {
|
|
@@ -1377,47 +1489,47 @@ const Wt = {
|
|
|
1377
1489
|
}
|
|
1378
1490
|
}
|
|
1379
1491
|
}
|
|
1380
|
-
},
|
|
1492
|
+
}, rl = { class: "flex items-center relative" }, cl = ["disabled"], ul = {
|
|
1381
1493
|
key: 0,
|
|
1382
1494
|
class: "ml-3"
|
|
1383
1495
|
};
|
|
1384
|
-
function
|
|
1385
|
-
const
|
|
1496
|
+
function fl(e, l, t, o, d, n) {
|
|
1497
|
+
const f = S("RenderSlot");
|
|
1386
1498
|
return s(), i("div", {
|
|
1387
|
-
class:
|
|
1388
|
-
checked:
|
|
1499
|
+
class: u(["base-switch select-none", {
|
|
1500
|
+
checked: n.valueModel,
|
|
1389
1501
|
"opacity-50": t.disabled
|
|
1390
1502
|
}])
|
|
1391
1503
|
}, [
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
class:
|
|
1504
|
+
v("div", rl, [
|
|
1505
|
+
v("label", {
|
|
1506
|
+
class: u(["switch-box flex-none block rounded-full h-5 border", n.valueModel ? t.colorClass : "bg-grey-300 border-grey-200"])
|
|
1395
1507
|
}, [
|
|
1396
|
-
R(
|
|
1397
|
-
"onUpdate:modelValue": l[0] || (l[0] = (r) =>
|
|
1508
|
+
R(v("input", {
|
|
1509
|
+
"onUpdate:modelValue": l[0] || (l[0] = (r) => n.valueModel = r),
|
|
1398
1510
|
type: "checkbox",
|
|
1399
1511
|
disabled: t.disabled,
|
|
1400
|
-
class:
|
|
1512
|
+
class: u(["opacity-0 absolute inset-0 w-full h-full z-10", [
|
|
1401
1513
|
t.disabled ? "cursor-not-allowed" : "cursor-pointer"
|
|
1402
1514
|
]])
|
|
1403
|
-
}, null, 10,
|
|
1404
|
-
[
|
|
1515
|
+
}, null, 10, cl), [
|
|
1516
|
+
[Re, n.valueModel]
|
|
1405
1517
|
]),
|
|
1406
|
-
|
|
1407
|
-
class:
|
|
1518
|
+
v("div", {
|
|
1519
|
+
class: u(["dot w-4 h-4 bg-white rounded-full absolute border", !n.valueModel && "border-grey-200"])
|
|
1408
1520
|
}, null, 2)
|
|
1409
1521
|
], 2),
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
])) :
|
|
1522
|
+
o.defaultSlot ? (s(), i("span", ul, [
|
|
1523
|
+
C(f, { vnodes: o.defaultSlot }, null, 8, ["vnodes"])
|
|
1524
|
+
])) : m("", !0)
|
|
1413
1525
|
])
|
|
1414
1526
|
], 2);
|
|
1415
1527
|
}
|
|
1416
|
-
const
|
|
1528
|
+
const pl = /* @__PURE__ */ L(dl, [["render", fl], ["__scopeId", "data-v-5805577b"]]), Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
1417
1529
|
__proto__: null,
|
|
1418
|
-
default:
|
|
1530
|
+
default: pl
|
|
1419
1531
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
1420
|
-
const
|
|
1532
|
+
const hl = {
|
|
1421
1533
|
props: {
|
|
1422
1534
|
size: {
|
|
1423
1535
|
type: String,
|
|
@@ -1463,7 +1575,7 @@ const el = {
|
|
|
1463
1575
|
},
|
|
1464
1576
|
emits: ["delete"],
|
|
1465
1577
|
setup() {
|
|
1466
|
-
const e =
|
|
1578
|
+
const e = A(), l = y(() => e.default()), t = y(() => e["user-avatar"]());
|
|
1467
1579
|
return {
|
|
1468
1580
|
defaultSlot: l,
|
|
1469
1581
|
userAvatarSlot: t
|
|
@@ -1481,11 +1593,11 @@ const el = {
|
|
|
1481
1593
|
};
|
|
1482
1594
|
}
|
|
1483
1595
|
}
|
|
1484
|
-
},
|
|
1485
|
-
function
|
|
1486
|
-
const
|
|
1596
|
+
}, ml = ["src"];
|
|
1597
|
+
function vl(e, l, t, o, d, n) {
|
|
1598
|
+
const f = S("RenderSlot"), r = J("tooltip");
|
|
1487
1599
|
return R((s(), i("span", {
|
|
1488
|
-
class:
|
|
1600
|
+
class: u([[
|
|
1489
1601
|
{ uppercase: t.uppercase },
|
|
1490
1602
|
{ "xsmall text-11-semibold ": t.size === "xsmall" },
|
|
1491
1603
|
{ "small text-12-semibold py-1": t.size === "small" },
|
|
@@ -1496,65 +1608,65 @@ function ll(e, l, t, n, d, o) {
|
|
|
1496
1608
|
], "base-tag cursor-default no-info px-2 rounded-full inline-flex items-center whitespace-nowrap"]),
|
|
1497
1609
|
"data-testid": "base-tag"
|
|
1498
1610
|
}, [
|
|
1499
|
-
t.leftIcon ? (s(), i(
|
|
1500
|
-
|
|
1611
|
+
t.leftIcon ? (s(), i(Q, { key: 0 }, [
|
|
1612
|
+
n.isLeftIconImageUrl ? (s(), i("img", {
|
|
1501
1613
|
key: 0,
|
|
1502
|
-
class:
|
|
1614
|
+
class: u(n.iconSizeClasses),
|
|
1503
1615
|
src: t.leftIcon
|
|
1504
|
-
}, null, 10,
|
|
1616
|
+
}, null, 10, ml)) : (s(), i("div", {
|
|
1505
1617
|
key: 1,
|
|
1506
|
-
class:
|
|
1618
|
+
class: u(["icon-left block", [t.leftIcon, n.iconSizeClasses]])
|
|
1507
1619
|
}, null, 2))
|
|
1508
|
-
], 64)) :
|
|
1509
|
-
|
|
1620
|
+
], 64)) : m("", !0),
|
|
1621
|
+
o.userAvatarSlot ? (s(), i("div", {
|
|
1510
1622
|
key: 1,
|
|
1511
|
-
class:
|
|
1623
|
+
class: u(["base-tag-avatar", [
|
|
1512
1624
|
{ "ml-1": t.leftIcon },
|
|
1513
1625
|
{ "h-3 w-3 xsmall": t.size === "xsmall" },
|
|
1514
1626
|
{ "h-4 w-4 small": t.size === "small" },
|
|
1515
1627
|
{ "h-6 w-6 medium": t.size === "medium" }
|
|
1516
1628
|
]])
|
|
1517
1629
|
}, [
|
|
1518
|
-
|
|
1519
|
-
], 2)) :
|
|
1520
|
-
|
|
1630
|
+
C(f, { vnodes: o.userAvatarSlot }, null, 8, ["vnodes"])
|
|
1631
|
+
], 2)) : m("", !0),
|
|
1632
|
+
o.defaultSlot ? (s(), i("span", {
|
|
1521
1633
|
key: 2,
|
|
1522
|
-
class:
|
|
1634
|
+
class: u(["overflow-hidden max-w-sm text-ellipsis", { "ml-1": t.leftIcon || o.userAvatarSlot }])
|
|
1523
1635
|
}, [
|
|
1524
|
-
|
|
1525
|
-
], 2)) :
|
|
1636
|
+
C(f, { vnodes: o.defaultSlot }, null, 8, ["vnodes"])
|
|
1637
|
+
], 2)) : m("", !0),
|
|
1526
1638
|
t.deletable ? (s(), i("div", {
|
|
1527
1639
|
key: 3,
|
|
1528
|
-
class:
|
|
1529
|
-
onClick: l[0] || (l[0] = (
|
|
1530
|
-
}, null, 2)) :
|
|
1640
|
+
class: u(["i-ls-x icon-delete block ml-1 cursor-pointer", n.iconSizeClasses]),
|
|
1641
|
+
onClick: l[0] || (l[0] = (_) => e.$emit("delete"))
|
|
1642
|
+
}, null, 2)) : m("", !0)
|
|
1531
1643
|
], 2)), [
|
|
1532
1644
|
[r, t.tooltip]
|
|
1533
1645
|
]);
|
|
1534
1646
|
}
|
|
1535
|
-
const
|
|
1647
|
+
const bl = /* @__PURE__ */ L(hl, [["render", vl], ["__scopeId", "data-v-25ee29c2"]]), $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
1536
1648
|
__proto__: null,
|
|
1537
|
-
default:
|
|
1538
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
1539
|
-
function
|
|
1649
|
+
default: bl
|
|
1650
|
+
}, Symbol.toStringTag, { value: "Module" })), Ie = /Base([a-z0-9]+)\./i;
|
|
1651
|
+
function Cl(e, l = "Ls") {
|
|
1540
1652
|
e.component("RenderSlot", ne);
|
|
1541
|
-
const t = /* @__PURE__ */ Object.assign({ "./src/components/BaseAutocomplete/BaseAutocomplete.vue":
|
|
1542
|
-
for (const
|
|
1543
|
-
const d = t[
|
|
1544
|
-
e.component(`${l}${
|
|
1653
|
+
const t = /* @__PURE__ */ Object.assign({ "./src/components/BaseAutocomplete/BaseAutocomplete.vue": se, "./src/components/BaseBanner/BaseBanner.vue": ae, "./src/components/BaseButton/BaseButton.vue": ie, "./src/components/BaseCheckbox/BaseCheckbox.vue": fe, "./src/components/BaseDropdownMenu/BaseDropdownMenu.vue": pe, "./src/components/BaseDropdownMenu/BaseDropdownMenuButton.vue": he, "./src/components/BaseDropdownMenu/BaseDropdownMenuDivider.vue": me, "./src/components/BaseDropdownMenu/BaseDropdownMenuItem.vue": ve, "./src/components/BaseDropdownMenu/BaseDropdownMenuSearch.vue": be, "./src/components/BaseDropdownMenu/BaseDropdownMenuTitle.vue": _e, "./src/components/BaseModal/BaseModal.vue": de, "./src/components/BaseModal/BaseModalContent.vue": ge, "./src/components/BaseModal/BaseModalContentOld.vue": ye, "./src/components/BaseRadio/BaseRadio.vue": Be, "./src/components/BaseRating/BaseRating.vue": Se, "./src/components/BaseSelect/BaseSelect.vue": we, "./src/components/BaseSelect/BaseSelectGroup.vue": ke, "./src/components/BaseSelect/BaseSelectOption.vue": Ce, "./src/components/BaseSwitch/BaseSwitch.vue": Me, "./src/components/BaseTag/BaseTag.vue": $e });
|
|
1654
|
+
for (const o in t) {
|
|
1655
|
+
const d = t[o], n = o.match(Ie)[1];
|
|
1656
|
+
e.component(`${l}${n}`, d.default || d);
|
|
1545
1657
|
}
|
|
1546
1658
|
}
|
|
1547
|
-
function
|
|
1659
|
+
function Ml(e = "Ls") {
|
|
1548
1660
|
const l = {};
|
|
1549
1661
|
l.RenderSlot = ne;
|
|
1550
|
-
const t = /* @__PURE__ */ Object.assign({ "./src/components/BaseAutocomplete/BaseAutocomplete.vue":
|
|
1551
|
-
for (const
|
|
1552
|
-
const d = t[
|
|
1553
|
-
l[`${e}${
|
|
1662
|
+
const t = /* @__PURE__ */ Object.assign({ "./src/components/BaseAutocomplete/BaseAutocomplete.vue": se, "./src/components/BaseBanner/BaseBanner.vue": ae, "./src/components/BaseButton/BaseButton.vue": ie, "./src/components/BaseCheckbox/BaseCheckbox.vue": fe, "./src/components/BaseDropdownMenu/BaseDropdownMenu.vue": pe, "./src/components/BaseDropdownMenu/BaseDropdownMenuButton.vue": he, "./src/components/BaseDropdownMenu/BaseDropdownMenuDivider.vue": me, "./src/components/BaseDropdownMenu/BaseDropdownMenuItem.vue": ve, "./src/components/BaseDropdownMenu/BaseDropdownMenuSearch.vue": be, "./src/components/BaseDropdownMenu/BaseDropdownMenuTitle.vue": _e, "./src/components/BaseModal/BaseModal.vue": de, "./src/components/BaseModal/BaseModalContent.vue": ge, "./src/components/BaseModal/BaseModalContentOld.vue": ye, "./src/components/BaseRadio/BaseRadio.vue": Be, "./src/components/BaseRating/BaseRating.vue": Se, "./src/components/BaseSelect/BaseSelect.vue": we, "./src/components/BaseSelect/BaseSelectGroup.vue": ke, "./src/components/BaseSelect/BaseSelectOption.vue": Ce, "./src/components/BaseSwitch/BaseSwitch.vue": Me, "./src/components/BaseTag/BaseTag.vue": $e });
|
|
1663
|
+
for (const o in t) {
|
|
1664
|
+
const d = t[o], n = o.match(Ie)[1];
|
|
1665
|
+
l[`${e}${n}`] = d.default || d;
|
|
1554
1666
|
}
|
|
1555
1667
|
return l;
|
|
1556
1668
|
}
|
|
1557
1669
|
export {
|
|
1558
|
-
|
|
1559
|
-
|
|
1670
|
+
Ml as getComponents,
|
|
1671
|
+
Cl as registerComponents
|
|
1560
1672
|
};
|