@citruslime/ui 4.0.0-beta.7 → 4.0.0-beta.9
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/citrus-lime-ui.es.js +798 -806
- package/dist/citrus-lime-ui.umd.js +2 -2
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { Icon as le } from "@iconify/vue";
|
|
2
|
-
import { defineComponent as j, ref as V, openBlock as u, createElementBlock as g, renderSlot as D, normalizeProps as me, guardReactiveProps as be, Fragment as K, createElementVNode as h, normalizeClass as
|
|
2
|
+
import { defineComponent as j, ref as V, openBlock as u, createElementBlock as g, renderSlot as D, normalizeProps as me, guardReactiveProps as be, Fragment as K, createElementVNode as h, normalizeClass as E, createVNode as q, unref as m, Transition as Ne, withCtx as M, withDirectives as se, mergeProps as Q, vShow as fe, createBlock as L, Teleport as Tl, renderList as _, toDisplayString as R, createCommentVNode as U, computed as $, createTextVNode as ue, mergeModels as de, useModel as ke, createSlots as ye, vModelDynamic as Yl, watch as te, toRefs as Jl, withKeys as re, onMounted as Ge, onUnmounted as Cl, withModifiers as x, nextTick as Fe, useAttrs as Ze, resolveComponent as Se, inject as il, vModelCheckbox as At, toValue as Il, watchEffect as Vt, vModelText as Sl, useCssVars as Xl, toHandlers as Mt, useSlots as It, provide as vl, normalizeStyle as xl, isRef as Nt } from "vue";
|
|
3
3
|
import { generateStringId as Rt, highlightText as Ut, validateEmail as zt, escapeStringForRegExp as Bt } from "@citruslime/utils";
|
|
4
4
|
import { onKeyDown as hl, unrefElement as Lt, tryOnScopeDispose as Ft, onClickOutside as xe, useTimeoutFn as _l, useMouseInElement as jt, useFocusWithin as Pt, useMediaQuery as et, useThrottle as Ht, useElementBounding as bl, useDebounceFn as Je, useBreakpoints as lt, breakpointsTailwind as tt, useThrottleFn as Gt, useWindowSize as Zt, useElementSize as Nl } from "@vueuse/core";
|
|
5
5
|
import { useI18n as ce, createI18n as Wt } from "vue-i18n";
|
|
6
6
|
import { createFocusTrap as Kt } from "focus-trap";
|
|
7
7
|
import { copy as we } from "@citruslime/vue-utils";
|
|
8
8
|
import { DateTime as Y } from "luxon";
|
|
9
|
-
import { DatePicker as
|
|
9
|
+
import { DatePicker as je } from "v-calendar";
|
|
10
10
|
import { useCurrencyInput as Qt } from "vue-currency-input";
|
|
11
11
|
const Yt = { class: "cl-overflow-hidden" }, Jt = /* @__PURE__ */ j({
|
|
12
12
|
__name: "cl-ui-accordion",
|
|
@@ -47,7 +47,7 @@ const Yt = { class: "cl-overflow-hidden" }, Jt = /* @__PURE__ */ j({
|
|
|
47
47
|
}
|
|
48
48
|
return (a, i) => (u(), g(K, null, [
|
|
49
49
|
h("div", {
|
|
50
|
-
class:
|
|
50
|
+
class: E(["cl-border-b cl-border-grey-1 cl-relative", {
|
|
51
51
|
"cl-bg-grey-0": a.disabled,
|
|
52
52
|
"cl-cursor-pointer": !a.disabled
|
|
53
53
|
}]),
|
|
@@ -55,7 +55,7 @@ const Yt = { class: "cl-overflow-hidden" }, Jt = /* @__PURE__ */ j({
|
|
|
55
55
|
}, [
|
|
56
56
|
h("div", Xt, [
|
|
57
57
|
q(m(le), {
|
|
58
|
-
class:
|
|
58
|
+
class: E(["cl-duration-300 cl-ease-in-out cl-text-grey-3 cl-transform-gpu cl-transition-transform", {
|
|
59
59
|
"cl-rotate-180": a.open
|
|
60
60
|
}]),
|
|
61
61
|
icon: "ph:caret-down-bold",
|
|
@@ -113,7 +113,7 @@ const no = ["onClick"], so = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
|
|
|
113
113
|
setup(o) {
|
|
114
114
|
return (l, t) => (u(), L(Tl, { to: l.container }, [
|
|
115
115
|
h("div", {
|
|
116
|
-
class:
|
|
116
|
+
class: E(["cl-fixed cl-w-80 cl-z-50", {
|
|
117
117
|
"cl-top-[5.5rem] cl-left-5": l.position === "top-left" && l.headerVisible,
|
|
118
118
|
"cl-top-[5.5rem] cl-left-1/2": l.position === "top-centre" && l.headerVisible,
|
|
119
119
|
"cl-top-[5.5rem] cl-right-5": l.position === "top-right" && l.headerVisible,
|
|
@@ -160,14 +160,14 @@ const no = ["onClick"], so = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
|
|
|
160
160
|
h("div", ro, [
|
|
161
161
|
D(l.$slots, "header"),
|
|
162
162
|
h("div", {
|
|
163
|
-
class:
|
|
163
|
+
class: E(["cl-content-start cl-flex cl-flex-nowrap cl-h-dscreen cl-items-stretch cl-max-h-full cl-relative cl-w-full xl:cl-max-h-screen", {
|
|
164
164
|
"cl-pt-20": l.$slots.header
|
|
165
165
|
}])
|
|
166
166
|
}, [
|
|
167
167
|
D(l.$slots, "navigation"),
|
|
168
168
|
h("div", {
|
|
169
169
|
id: "cl-ui-app-container",
|
|
170
|
-
class:
|
|
170
|
+
class: E(["cl-grow cl-max-h-full cl-overflow-x-hidden cl-overflow-y-auto cl-overscroll-y-none cl-w-auto", {
|
|
171
171
|
"lg:cl-pb-0": l.removePadding,
|
|
172
172
|
"lg:cl-pb-8 md:cl-px-8 cl-px-2 md:cl-pt-8 cl-pt-2": !l.removePadding
|
|
173
173
|
}])
|
|
@@ -182,7 +182,10 @@ const no = ["onClick"], so = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
|
|
|
182
182
|
function po(o, l) {
|
|
183
183
|
return u(), g("div", co);
|
|
184
184
|
}
|
|
185
|
-
const _e = /* @__PURE__ */ Te(uo, [["render", po], ["__scopeId", "data-v-a21dc5d2"]]), fo = ["disabled"],
|
|
185
|
+
const _e = /* @__PURE__ */ Te(uo, [["render", po], ["__scopeId", "data-v-a21dc5d2"]]), fo = ["disabled"], mo = {
|
|
186
|
+
key: 0,
|
|
187
|
+
class: "cl-absolute cl-bg-opacity-40 cl-bg-secondary-default cl-flex cl-h-full cl-items-center cl-justify-center cl-left-0 cl-rounded cl-top-0 cl-w-full"
|
|
188
|
+
}, Ce = /* @__PURE__ */ j({
|
|
186
189
|
inheritAttrs: !1,
|
|
187
190
|
__name: "cl-ui-button",
|
|
188
191
|
props: {
|
|
@@ -192,60 +195,53 @@ const _e = /* @__PURE__ */ Te(uo, [["render", po], ["__scopeId", "data-v-a21dc5d
|
|
|
192
195
|
disabled: { type: Boolean, default: !1 }
|
|
193
196
|
},
|
|
194
197
|
setup(o, { expose: l }) {
|
|
195
|
-
const t =
|
|
198
|
+
const t = V(null);
|
|
196
199
|
return l({
|
|
197
200
|
focus() {
|
|
198
|
-
|
|
201
|
+
t.value && t.value.focus();
|
|
199
202
|
}
|
|
200
|
-
}), (
|
|
203
|
+
}), (e, r) => (u(), g("button", Q(e.$attrs, {
|
|
201
204
|
ref_key: "buttonRef",
|
|
202
|
-
ref:
|
|
205
|
+
ref: t,
|
|
203
206
|
class: ["cl-align-middle cl-border cl-font-semibold cl-inline-block cl-relative cl-rounded cl-select-none cl-shadow cl-text-center cl-transition-colors", {
|
|
204
|
-
"cl-cursor-default":
|
|
205
|
-
"cl-py-[5px] cl-px-4 cl-text-sm":
|
|
206
|
-
"cl-py-[9px] cl-px-8 cl-text-sm":
|
|
207
|
-
"cl-px-10 cl-py-4":
|
|
208
|
-
"cl-bg-white cl-border-grey-0 cl-text-secondary":
|
|
209
|
-
"hover:cl-border-grey-2":
|
|
210
|
-
"cl-border-primary-default cl-bg-primary-default cl-text-secondary-default":
|
|
211
|
-
"hover:cl-bg-primary-dark hover:cl-text-white hover:cl-border-primary-dark":
|
|
212
|
-
"cl-border-secondary-default cl-bg-secondary-default cl-text-white":
|
|
213
|
-
"hover:cl-bg-secondary-light hover:cl-border-secondary-light":
|
|
214
|
-
"cl-border-danger-default cl-bg-danger-default cl-text-white":
|
|
215
|
-
"hover:cl-bg-danger-dark hover:cl-border-danger-dark":
|
|
216
|
-
"cl-border-link-default cl-bg-link-default cl-text-white":
|
|
217
|
-
"hover:cl-bg-link-light hover:cl-border-link-light":
|
|
218
|
-
"cl-border-orange-default cl-bg-orange-default cl-opacity-100 cl-text-white":
|
|
219
|
-
"hover:cl-bg-orange-dark hover:cl-border-orange-dark":
|
|
220
|
-
"cl-border-grey-3 cl-bg-grey-3 cl-text-grey-0 hover:cl-bg-grey-3 hover:cl-border-grey-3 cl-cursor-default":
|
|
207
|
+
"cl-cursor-default cl-text-opacity-80": e.loading,
|
|
208
|
+
"cl-py-[5px] cl-px-4 cl-text-sm": e.size === "small",
|
|
209
|
+
"cl-py-[9px] cl-px-8 cl-text-sm": e.size === "medium",
|
|
210
|
+
"cl-px-10 cl-py-4": e.size === "large",
|
|
211
|
+
"cl-bg-white cl-border-grey-0 cl-text-secondary-default": e.colour === "default" && !e.disabled,
|
|
212
|
+
"hover:cl-border-grey-2": e.colour === "default" && !e.disabled && !e.loading,
|
|
213
|
+
"cl-border-primary-default cl-bg-primary-default cl-text-secondary-default": e.colour === "primary" && !e.disabled,
|
|
214
|
+
"hover:cl-bg-primary-dark hover:cl-text-white hover:cl-border-primary-dark": e.colour === "primary" && !e.disabled && !e.loading,
|
|
215
|
+
"cl-border-secondary-default cl-bg-secondary-default cl-text-white": e.colour === "secondary" && !e.disabled,
|
|
216
|
+
"hover:cl-bg-secondary-light hover:cl-border-secondary-light": e.colour === "secondary" && !e.disabled && !e.loading,
|
|
217
|
+
"cl-border-danger-default cl-bg-danger-default cl-text-white": e.colour === "danger" && !e.disabled,
|
|
218
|
+
"hover:cl-bg-danger-dark hover:cl-border-danger-dark": e.colour === "danger" && !e.disabled && !e.loading,
|
|
219
|
+
"cl-border-link-default cl-bg-link-default cl-text-white": e.colour === "blue" && !e.disabled,
|
|
220
|
+
"hover:cl-bg-link-light hover:cl-border-link-light": e.colour === "blue" && !e.disabled && !e.loading,
|
|
221
|
+
"cl-border-orange-default cl-bg-orange-default cl-opacity-100 cl-text-white": e.colour === "orange" && !e.disabled,
|
|
222
|
+
"hover:cl-bg-orange-dark hover:cl-border-orange-dark": e.colour === "orange" && !e.disabled && !e.loading,
|
|
223
|
+
"cl-border-grey-3 cl-bg-grey-3 cl-text-grey-0 hover:cl-bg-grey-3 hover:cl-border-grey-3 cl-cursor-default": e.disabled
|
|
221
224
|
}],
|
|
222
|
-
disabled:
|
|
225
|
+
disabled: e.disabled || e.loading
|
|
223
226
|
}), [
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
}, [
|
|
227
|
-
D(a.$slots, "default")
|
|
228
|
-
], 2),
|
|
229
|
-
a.loading ? (u(), g("div", {
|
|
230
|
-
key: 0,
|
|
231
|
-
class: O(["cl-absolute cl-bg-black cl-bg-opacity-20 cl-flex cl-h-full cl-items-center cl-justify-center cl-left-0 cl-rounded cl-top-0 cl-w-full", { "cl-bg-opacity-30": a.colour === "default" }])
|
|
232
|
-
}, [
|
|
227
|
+
D(e.$slots, "default"),
|
|
228
|
+
e.loading ? (u(), g("div", mo, [
|
|
233
229
|
q(_e, { class: "!cl-h-6 !cl-w-6 after:!cl-h-6 after:!cl-w-6 cl--translate-x-1/2" })
|
|
234
|
-
]
|
|
230
|
+
])) : U("", !0)
|
|
235
231
|
], 16, fo));
|
|
236
232
|
}
|
|
237
|
-
}),
|
|
233
|
+
}), go = [
|
|
238
234
|
"default",
|
|
239
235
|
"primary",
|
|
240
236
|
"secondary",
|
|
241
237
|
"danger",
|
|
242
238
|
"blue",
|
|
243
239
|
"orange"
|
|
244
|
-
],
|
|
240
|
+
], vo = [
|
|
245
241
|
"small",
|
|
246
242
|
"medium",
|
|
247
243
|
"large"
|
|
248
|
-
],
|
|
244
|
+
], ho = { key: 0 }, bo = /* @__PURE__ */ j({
|
|
249
245
|
__name: "cl-ui-card",
|
|
250
246
|
props: {
|
|
251
247
|
size: { default: "medium" },
|
|
@@ -253,16 +249,16 @@ const _e = /* @__PURE__ */ Te(uo, [["render", po], ["__scopeId", "data-v-a21dc5d
|
|
|
253
249
|
},
|
|
254
250
|
setup(o) {
|
|
255
251
|
return (l, t) => (u(), g("div", {
|
|
256
|
-
class:
|
|
252
|
+
class: E(["cl-border cl-border-transparent cl-overflow-hidden cl-relative cl-rounded-md cl-shadow-lg cl-transition-all", {
|
|
257
253
|
"cl-cursor-pointer hover:cl-shadow-xl hover:cl-border-grey-0": l.hover
|
|
258
254
|
}])
|
|
259
255
|
}, [
|
|
260
|
-
l.$slots.image ? (u(), g("div",
|
|
256
|
+
l.$slots.image ? (u(), g("div", ho, [
|
|
261
257
|
D(l.$slots, "image")
|
|
262
258
|
])) : U("", !0),
|
|
263
259
|
l.$slots.title ? (u(), g("div", {
|
|
264
260
|
key: 1,
|
|
265
|
-
class:
|
|
261
|
+
class: E(["cl-border-grey-2 cl-font-normal", {
|
|
266
262
|
"cl-p-2 cl-text-2xl cl-leading-8": l.size === "small",
|
|
267
263
|
"cl-p-4 cl-text-3xl cl-leading-9": l.size === "medium",
|
|
268
264
|
"cl-p-6 cl-text-4xl cl-leading-10": l.size === "large",
|
|
@@ -272,7 +268,7 @@ const _e = /* @__PURE__ */ Te(uo, [["render", po], ["__scopeId", "data-v-a21dc5d
|
|
|
272
268
|
D(l.$slots, "title")
|
|
273
269
|
], 2)) : U("", !0),
|
|
274
270
|
h("div", {
|
|
275
|
-
class:
|
|
271
|
+
class: E(["cl-border-grey-2", {
|
|
276
272
|
"cl-p-2": l.size === "small",
|
|
277
273
|
"cl-p-4": l.size === "medium",
|
|
278
274
|
"cl-p-6": l.size === "large",
|
|
@@ -283,7 +279,7 @@ const _e = /* @__PURE__ */ Te(uo, [["render", po], ["__scopeId", "data-v-a21dc5d
|
|
|
283
279
|
], 2),
|
|
284
280
|
l.$slots.footer ? (u(), g("div", {
|
|
285
281
|
key: 2,
|
|
286
|
-
class:
|
|
282
|
+
class: E(["cl-border-grey-2 cl-border-t", {
|
|
287
283
|
"cl-p-2": l.size === "small",
|
|
288
284
|
"cl-p-4": l.size === "medium",
|
|
289
285
|
"cl-p-6": l.size === "large"
|
|
@@ -293,23 +289,23 @@ const _e = /* @__PURE__ */ Te(uo, [["render", po], ["__scopeId", "data-v-a21dc5d
|
|
|
293
289
|
], 2)) : U("", !0)
|
|
294
290
|
], 2));
|
|
295
291
|
}
|
|
296
|
-
}),
|
|
292
|
+
}), yo = [
|
|
297
293
|
"small",
|
|
298
294
|
"medium",
|
|
299
295
|
"large"
|
|
300
|
-
],
|
|
296
|
+
], wo = { class: "cl-w-full sm:cl-w-auto" }, ko = { class: "cl-flex cl-flex-nowrap cl-gap-2 cl-text-grey-4 cl-text-xs cl-tracking-widest" }, $o = {
|
|
301
297
|
key: 0,
|
|
302
298
|
class: "cl-self-center"
|
|
303
|
-
},
|
|
299
|
+
}, To = {
|
|
304
300
|
key: 1,
|
|
305
301
|
class: "cl-text-danger-dark"
|
|
306
|
-
},
|
|
302
|
+
}, Co = {
|
|
307
303
|
key: 0,
|
|
308
304
|
class: "cl-pt-1 cl-w-full"
|
|
309
|
-
},
|
|
305
|
+
}, So = { class: "cl-flex cl-flex-col cl-flex-nowrap cl-gap-1 cl-w-full" }, qo = {
|
|
310
306
|
key: 1,
|
|
311
307
|
class: "cl-pt-1 cl-select-none cl-text-xs"
|
|
312
|
-
},
|
|
308
|
+
}, Do = { class: "cl-text-xs cl-w-full" }, Re = /* @__PURE__ */ j({
|
|
313
309
|
__name: "cl-ui-input-layout-wrapper",
|
|
314
310
|
props: {
|
|
315
311
|
showRequiredAsterisk: { type: Boolean },
|
|
@@ -318,29 +314,29 @@ const _e = /* @__PURE__ */ Te(uo, [["render", po], ["__scopeId", "data-v-a21dc5d
|
|
|
318
314
|
},
|
|
319
315
|
setup(o) {
|
|
320
316
|
const l = o, t = $(() => Object.keys(l.errors ?? []).length > 0);
|
|
321
|
-
return (e, r) => (u(), g("div",
|
|
317
|
+
return (e, r) => (u(), g("div", wo, [
|
|
322
318
|
h("div", {
|
|
323
|
-
class:
|
|
319
|
+
class: E(["cl-flex", { "cl-flex-col": e.labelPosition === "above", "cl-flex-row-reverse cl-gap-2 cl-items-center cl-justify-end": e.labelPosition === "right" }])
|
|
324
320
|
}, [
|
|
325
|
-
h("div",
|
|
326
|
-
e.$slots.label ? (u(), g("span",
|
|
321
|
+
h("div", ko, [
|
|
322
|
+
e.$slots.label ? (u(), g("span", $o, [
|
|
327
323
|
D(e.$slots, "label")
|
|
328
324
|
])) : U("", !0),
|
|
329
|
-
e.showRequiredAsterisk ? (u(), g("span",
|
|
325
|
+
e.showRequiredAsterisk ? (u(), g("span", To, "*")) : U("", !0)
|
|
330
326
|
]),
|
|
331
327
|
h("div", null, [
|
|
332
328
|
D(e.$slots, "default")
|
|
333
329
|
])
|
|
334
330
|
], 2),
|
|
335
|
-
t.value ? (u(), g("div",
|
|
336
|
-
h("div",
|
|
331
|
+
t.value ? (u(), g("div", Co, [
|
|
332
|
+
h("div", So, [
|
|
337
333
|
(u(!0), g(K, null, _(e.errors, (a, i) => (u(), g("div", {
|
|
338
334
|
key: i,
|
|
339
335
|
class: "cl-bg-danger-light cl-px-2 cl-rounded-md cl-text-center cl-text-danger-default cl-text-xs cl-w-full cl-whitespace-pre-line"
|
|
340
336
|
}, R(a), 1))), 128))
|
|
341
337
|
])
|
|
342
|
-
])) : e.errors || e.$slots.helpText ? (u(), g("div",
|
|
343
|
-
h("span",
|
|
338
|
+
])) : e.errors || e.$slots.helpText ? (u(), g("div", qo, [
|
|
339
|
+
h("span", Do, [
|
|
344
340
|
D(e.$slots, "helpText", {}, () => [
|
|
345
341
|
r[0] || (r[0] = ue(" "))
|
|
346
342
|
])
|
|
@@ -348,7 +344,7 @@ const _e = /* @__PURE__ */ Te(uo, [["render", po], ["__scopeId", "data-v-a21dc5d
|
|
|
348
344
|
])) : U("", !0)
|
|
349
345
|
]));
|
|
350
346
|
}
|
|
351
|
-
}),
|
|
347
|
+
}), Oo = ["type", "maxlength", "disabled", "placeholder"], ze = /* @__PURE__ */ j({
|
|
352
348
|
inheritAttrs: !1,
|
|
353
349
|
__name: "cl-ui-input-text",
|
|
354
350
|
props: /* @__PURE__ */ de({
|
|
@@ -393,7 +389,7 @@ const _e = /* @__PURE__ */ Te(uo, [["render", po], ["__scopeId", "data-v-a21dc5d
|
|
|
393
389
|
placeholder: i.placeholder ?? void 0,
|
|
394
390
|
onFocus: d[1] || (d[1] = (b) => r("focus")),
|
|
395
391
|
onBlur: d[2] || (d[2] = (b) => r("blur"))
|
|
396
|
-
}), null, 16,
|
|
392
|
+
}), null, 16, Oo), [
|
|
397
393
|
[Yl, e.value]
|
|
398
394
|
])
|
|
399
395
|
]),
|
|
@@ -420,8 +416,8 @@ function Ul(o) {
|
|
|
420
416
|
return typeof o == "function" ? o() : m(o);
|
|
421
417
|
}
|
|
422
418
|
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
|
423
|
-
const
|
|
424
|
-
function
|
|
419
|
+
const Eo = (o) => o != null;
|
|
420
|
+
function Ao(o, l = {}) {
|
|
425
421
|
let t;
|
|
426
422
|
const { immediate: e, ...r } = l, a = V(!1), i = V(!1), d = (p) => t && t.activate(p), b = (p) => t && t.deactivate(p), n = () => {
|
|
427
423
|
t && (t.pause(), i.value = !0);
|
|
@@ -432,7 +428,7 @@ function Eo(o, l = {}) {
|
|
|
432
428
|
return (Array.isArray(p) ? p : [p]).map((w) => {
|
|
433
429
|
const y = Ul(w);
|
|
434
430
|
return typeof y == "string" ? y : Lt(y);
|
|
435
|
-
}).filter(
|
|
431
|
+
}).filter(Eo);
|
|
436
432
|
});
|
|
437
433
|
return te(
|
|
438
434
|
c,
|
|
@@ -457,10 +453,10 @@ function Eo(o, l = {}) {
|
|
|
457
453
|
unpause: s
|
|
458
454
|
};
|
|
459
455
|
}
|
|
460
|
-
const
|
|
456
|
+
const Vo = {
|
|
461
457
|
key: 0,
|
|
462
458
|
class: "cl-mt-1 cl-opacity-60 cl-text-primary-default"
|
|
463
|
-
},
|
|
459
|
+
}, Mo = { class: "cl-overflow-y-auto cl-overscroll-y-none cl-p-2 cl-w-full" }, nt = /* @__PURE__ */ j({
|
|
464
460
|
inheritAttrs: !1,
|
|
465
461
|
__name: "cl-ui-modal",
|
|
466
462
|
props: /* @__PURE__ */ de({
|
|
@@ -474,7 +470,7 @@ const Ao = {
|
|
|
474
470
|
}),
|
|
475
471
|
emits: ["update:visible"],
|
|
476
472
|
setup(o) {
|
|
477
|
-
const l = o, t = ke(o, "visible"), { trapFocus: e } = Jl(l), r = V(), a =
|
|
473
|
+
const l = o, t = ke(o, "visible"), { trapFocus: e } = Jl(l), r = V(), a = Ao(r);
|
|
478
474
|
te([
|
|
479
475
|
e,
|
|
480
476
|
t
|
|
@@ -515,7 +511,7 @@ const Ao = {
|
|
|
515
511
|
}]
|
|
516
512
|
}), [
|
|
517
513
|
se(h("div", {
|
|
518
|
-
class:
|
|
514
|
+
class: E(["cl-absolute cl-cursor-pointer cl-right-4 cl-top-4 cl-transition-colors cl-w-3", {
|
|
519
515
|
"cl-text-white hover:cl-text-off-white": n.headerColour === "secondary",
|
|
520
516
|
"cl-text-secondary hover:cl-text-off-white": n.headerColour === "primary",
|
|
521
517
|
"cl-text-black hover:cl-text-grey-7": n.headerColour === "white"
|
|
@@ -529,15 +525,15 @@ const Ao = {
|
|
|
529
525
|
[fe, !n.preventClose]
|
|
530
526
|
]),
|
|
531
527
|
h("div", {
|
|
532
|
-
class:
|
|
528
|
+
class: E(["cl-leading-[2.75rem] cl-min-h-12 cl-overflow-hidden cl-pb-2 cl-pl-4 cl-pr-8 cl-pt-2 cl-text-2xl cl-w-full", {
|
|
533
529
|
"cl-bg-secondary-default cl-text-white": n.headerColour === "secondary",
|
|
534
530
|
"cl-bg-primary-default cl-text-secondary": n.headerColour === "primary"
|
|
535
531
|
}])
|
|
536
532
|
}, [
|
|
537
533
|
D(n.$slots, "title"),
|
|
538
|
-
n.headerColour === "white" ? (u(), g("hr",
|
|
534
|
+
n.headerColour === "white" ? (u(), g("hr", Vo)) : U("", !0)
|
|
539
535
|
], 2),
|
|
540
|
-
h("div",
|
|
536
|
+
h("div", Mo, [
|
|
541
537
|
D(n.$slots, "default", me(be({ close: d })))
|
|
542
538
|
]),
|
|
543
539
|
D(n.$slots, "footer", me(be({ close: d })))
|
|
@@ -551,7 +547,7 @@ const Ao = {
|
|
|
551
547
|
]))
|
|
552
548
|
], 64));
|
|
553
549
|
}
|
|
554
|
-
}),
|
|
550
|
+
}), Io = { class: "cl-bg-grey-0 cl-flex cl-p-1 cl-text-left" }, No = {
|
|
555
551
|
key: 0,
|
|
556
552
|
class: "cl-w-1/2"
|
|
557
553
|
}, tl = /* @__PURE__ */ j({
|
|
@@ -563,10 +559,10 @@ const Ao = {
|
|
|
563
559
|
},
|
|
564
560
|
emits: ["clear-object"],
|
|
565
561
|
setup(o) {
|
|
566
|
-
return (l, t) => (u(), g("div",
|
|
567
|
-
l.additionalText !== "" ? (u(), g("div",
|
|
562
|
+
return (l, t) => (u(), g("div", Io, [
|
|
563
|
+
l.additionalText !== "" ? (u(), g("div", No, R(l.additionalText), 1)) : U("", !0),
|
|
568
564
|
h("div", {
|
|
569
|
-
class:
|
|
565
|
+
class: E({
|
|
570
566
|
"cl-w-1/2": l.additionalText !== "",
|
|
571
567
|
"cl-w-full": l.additionalText === ""
|
|
572
568
|
})
|
|
@@ -584,10 +580,10 @@ const Ao = {
|
|
|
584
580
|
])
|
|
585
581
|
]));
|
|
586
582
|
}
|
|
587
|
-
}),
|
|
583
|
+
}), Ro = {
|
|
588
584
|
key: 0,
|
|
589
585
|
class: "cl-w-1/2"
|
|
590
|
-
},
|
|
586
|
+
}, Uo = { class: "cl-float-right cl-py-1 cl-text-black" }, zl = /* @__PURE__ */ j({
|
|
591
587
|
__name: "cl-ui-combo-box-selectable",
|
|
592
588
|
props: {
|
|
593
589
|
isCreateNewOption: { type: Boolean, default: !1 },
|
|
@@ -618,7 +614,7 @@ const Ao = {
|
|
|
618
614
|
return te(() => t.selectedIndex, () => n()), (s, c) => {
|
|
619
615
|
var p, w;
|
|
620
616
|
return u(), g("div", {
|
|
621
|
-
class:
|
|
617
|
+
class: E(["cl-cursor-pointer cl-duration-75 cl-flex cl-p-1 cl-text-left cl-transition-colors", {
|
|
622
618
|
"cl-bg-white": i.value === !1,
|
|
623
619
|
"cl-bg-link-light cl-text-white cl-opacity-90": i.value && s.isCreateNewOption === !1,
|
|
624
620
|
"cl-bg-primary-default cl-text-black cl-opacity-90": i.value && s.isCreateNewOption
|
|
@@ -627,14 +623,14 @@ const Ao = {
|
|
|
627
623
|
onMousemove: c[0] || (c[0] = (y) => b(!0)),
|
|
628
624
|
onMouseleave: c[1] || (c[1] = (y) => b(!1))
|
|
629
625
|
}, [
|
|
630
|
-
s.option !== null && ((p = s.option) == null ? void 0 : p.parentId) !== 0 && ((w = s.option) == null ? void 0 : w.parentId) !== void 0 ? (u(), g("div",
|
|
626
|
+
s.option !== null && ((p = s.option) == null ? void 0 : p.parentId) !== 0 && ((w = s.option) == null ? void 0 : w.parentId) !== void 0 ? (u(), g("div", Ro, R(a.value), 1)) : U("", !0),
|
|
631
627
|
h("div", {
|
|
632
|
-
class:
|
|
628
|
+
class: E({
|
|
633
629
|
"cl-w-1/2": a.value !== "",
|
|
634
630
|
"cl-w-full": a.value === ""
|
|
635
631
|
})
|
|
636
632
|
}, R(r.value), 3),
|
|
637
|
-
se(h("div",
|
|
633
|
+
se(h("div", Uo, [
|
|
638
634
|
q(m(le), {
|
|
639
635
|
class: "cl-transition-colors",
|
|
640
636
|
icon: "ph:plus"
|
|
@@ -645,10 +641,10 @@ const Ao = {
|
|
|
645
641
|
], 34);
|
|
646
642
|
};
|
|
647
643
|
}
|
|
648
|
-
}),
|
|
644
|
+
}), zo = ["onKeyup"], Bo = {
|
|
649
645
|
key: 0,
|
|
650
646
|
class: "cl-absolute cl-bg-off-white cl-flex cl-h-full cl-items-center cl-justify-center cl-top-0 cl-w-full cl-z-20"
|
|
651
|
-
},
|
|
647
|
+
}, Lo = { class: "cl-bg-white cl-flex cl-p-2 cl-pb-1 cl-sticky cl-top-0 cl-w-full cl-z-10" }, Fo = { class: "cl-inline-block cl-w-full" }, jo = { key: 6 }, Po = /* @__PURE__ */ j({
|
|
652
648
|
__name: "cl-ui-combo-box-search",
|
|
653
649
|
props: {
|
|
654
650
|
loading: { type: Boolean, default: !1 },
|
|
@@ -678,10 +674,10 @@ const Ao = {
|
|
|
678
674
|
e("hide-dropdown");
|
|
679
675
|
}
|
|
680
676
|
function y(k) {
|
|
681
|
-
d.value < t.results.length - 1 ? (d.value === -2 && a.value === "" && d.value++, d.value++) : d.value = k,
|
|
677
|
+
d.value < t.results.length - 1 ? (d.value === -2 && a.value === "" && d.value++, d.value++) : d.value = k, O();
|
|
682
678
|
}
|
|
683
679
|
function f(k) {
|
|
684
|
-
d.value > k ? d.value-- : d.value = t.results.length - 1,
|
|
680
|
+
d.value > k ? d.value-- : d.value = t.results.length - 1, O();
|
|
685
681
|
}
|
|
686
682
|
function C() {
|
|
687
683
|
d.value >= 0 && t.results !== void 0 ? c(t.results[d.value].id) : d.value === -1 && p();
|
|
@@ -695,7 +691,7 @@ const Ao = {
|
|
|
695
691
|
oe >= 0 && (W[oe].focus(), w());
|
|
696
692
|
}
|
|
697
693
|
}
|
|
698
|
-
function
|
|
694
|
+
function O() {
|
|
699
695
|
var k;
|
|
700
696
|
t.results && t.results.length > 1 && ((k = n.value) == null || k.scrollTo(0, (d.value + 1) * 34 - 34 * 2));
|
|
701
697
|
}
|
|
@@ -707,12 +703,12 @@ const Ao = {
|
|
|
707
703
|
d.value = k;
|
|
708
704
|
}
|
|
709
705
|
function I() {
|
|
710
|
-
t.isVisible === !0 && (a.value = "", s(),
|
|
706
|
+
t.isVisible === !0 && (a.value = "", s(), Fe(() => {
|
|
711
707
|
var k, W;
|
|
712
708
|
return (W = (k = n.value) == null ? void 0 : k.querySelector("input")) == null ? void 0 : W.focus();
|
|
713
709
|
}));
|
|
714
710
|
}
|
|
715
|
-
return te(() => t.results, () => S()), te(() => t.errorMessage, () => S()), te(() => t.isVisible, () => I()),
|
|
711
|
+
return te(() => t.results, () => S()), te(() => t.errorMessage, () => S()), te(() => t.isVisible, () => I()), Ge(() => {
|
|
716
712
|
var k;
|
|
717
713
|
return (k = n.value) == null ? void 0 : k.addEventListener("keydown", A);
|
|
718
714
|
}), Cl(() => {
|
|
@@ -724,7 +720,7 @@ const Ao = {
|
|
|
724
720
|
key: 0,
|
|
725
721
|
ref_key: "container",
|
|
726
722
|
ref: n,
|
|
727
|
-
class:
|
|
723
|
+
class: E(["cl-absolute cl-bg-white cl-border cl-border-collapse cl-border-grey-0 cl-h-52 cl-mt-2 cl-overflow-y-auto cl-overscroll-y-none cl-rounded cl-text-sm cl-w-full cl-z-20", {
|
|
728
724
|
"cl-overflow-y-hidden": k.loading
|
|
729
725
|
}]),
|
|
730
726
|
onKeydown: [
|
|
@@ -733,11 +729,11 @@ const Ao = {
|
|
|
733
729
|
],
|
|
734
730
|
onKeyup: re(x(C, ["prevent", "stop"]), ["enter"])
|
|
735
731
|
}, [
|
|
736
|
-
k.loading ? (u(), g("div",
|
|
732
|
+
k.loading ? (u(), g("div", Bo, [
|
|
737
733
|
q(_e)
|
|
738
734
|
])) : U("", !0),
|
|
739
|
-
h("div",
|
|
740
|
-
h("div",
|
|
735
|
+
h("div", Lo, [
|
|
736
|
+
h("div", Fo, [
|
|
741
737
|
q(ze, {
|
|
742
738
|
id: `cl-ui-combo-box-search-input-${k.objectType}`,
|
|
743
739
|
modelValue: a.value,
|
|
@@ -786,7 +782,7 @@ const Ao = {
|
|
|
786
782
|
onCreateObject: p,
|
|
787
783
|
onOptionHighlighted: P
|
|
788
784
|
}, null, 8, ["text", "selected-index"])) : U("", !0),
|
|
789
|
-
k.errorMessage === "" && k.results !== null ? (u(), g("div",
|
|
785
|
+
k.errorMessage === "" && k.results !== null ? (u(), g("div", jo, [
|
|
790
786
|
(u(!0), g(K, null, _(k.results, (G, B) => (u(), L(zl, {
|
|
791
787
|
key: B,
|
|
792
788
|
option: G,
|
|
@@ -797,10 +793,10 @@ const Ao = {
|
|
|
797
793
|
onOptionHighlighted: P
|
|
798
794
|
}, null, 8, ["option", "index", "selected-index"]))), 128))
|
|
799
795
|
])) : U("", !0)
|
|
800
|
-
], 42,
|
|
796
|
+
], 42, zo)) : U("", !0);
|
|
801
797
|
};
|
|
802
798
|
}
|
|
803
|
-
}),
|
|
799
|
+
}), Ho = { class: "cl-flex" }, Go = { class: "cl-inline-block cl-w-full" }, Zo = { class: "cl-pointer-events-none cl-relative cl-top-0.5" }, Wo = { class: "cl-absolute cl-flex cl-float-right cl-font-semibold cl-mt-[5px] cl-right-2 cl-text-danger-default cl-text-sm cl-z-10" }, Ko = ["disabled"], Qo = ["disabled"], Yo = { class: "cl-min-h-[16rem] cl-mx-4" }, Jo = { class: "cl-p-2 cl-text-right cl-w-full" }, Xo = /* @__PURE__ */ j({
|
|
804
800
|
inheritAttrs: !1,
|
|
805
801
|
__name: "cl-ui-combo-box",
|
|
806
802
|
props: {
|
|
@@ -823,10 +819,10 @@ const Ao = {
|
|
|
823
819
|
},
|
|
824
820
|
emits: ["focus", "search", "search-parent", "create-object", "create-parent-object", "update:current-object"],
|
|
825
821
|
setup(o, { expose: l, emit: t }) {
|
|
826
|
-
const e = o, r = t, { id: a, ...i } =
|
|
822
|
+
const e = o, r = t, { id: a, ...i } = Ze(), d = a ?? `cl-ui-combo-box-input-${e.objectType}`, b = $(() => e.placeholderText ? e.placeholderText : s("comboBox.emptyHintText", { object: e.objectType })), n = $(() => e.searchHint ? e.searchHint : s("comboBox.searchHint", { object: e.objectType })), { t: s } = ce(), c = V(!1), p = $({
|
|
827
823
|
get: () => e.currentObject,
|
|
828
824
|
set: (F) => r("update:current-object", F)
|
|
829
|
-
}), w = V(null), y = $(() => J()), f = V(""), C = V(""), A = V(),
|
|
825
|
+
}), w = V(null), y = $(() => J()), f = V(""), C = V(""), A = V(), O = V(!0), S = V(!1);
|
|
830
826
|
function P(F) {
|
|
831
827
|
var H;
|
|
832
828
|
const T = ((H = Oe.value) == null ? void 0 : H.getBoundingClientRect().top) || 0;
|
|
@@ -911,7 +907,7 @@ const Ao = {
|
|
|
911
907
|
}
|
|
912
908
|
function he() {
|
|
913
909
|
let F = !0;
|
|
914
|
-
f.value === "" && (F = !1), e.objectParentType !== "" && w.value === null && (F = !1),
|
|
910
|
+
f.value === "" && (F = !1), e.objectParentType !== "" && w.value === null && (F = !1), O.value = F;
|
|
915
911
|
}
|
|
916
912
|
te(() => e.objectCreatedResponse, () => $e()), te(() => e.parentObjectCreatedResponse, () => z()), te(() => f.value, () => he()), te(() => w.value, () => he());
|
|
917
913
|
const Oe = V();
|
|
@@ -925,13 +921,13 @@ const Ao = {
|
|
|
925
921
|
ref_key: "outsideRef",
|
|
926
922
|
ref: Oe
|
|
927
923
|
}, i, { class: "cl-relative" }), [
|
|
928
|
-
h("div",
|
|
929
|
-
h("div",
|
|
924
|
+
h("div", Ho, [
|
|
925
|
+
h("div", Go, [
|
|
930
926
|
q(ze, {
|
|
931
927
|
id: m(d),
|
|
932
928
|
modelValue: y.value,
|
|
933
929
|
"onUpdate:modelValue": T[0] || (T[0] = (v) => y.value = v),
|
|
934
|
-
class:
|
|
930
|
+
class: E(["cl-box-border cl-font-light cl-mb-0 cl-p-[5.5px] cl-rounded-r-none cl-text-sm", {
|
|
935
931
|
"cl-cursor-pointer": F.disabled === !1
|
|
936
932
|
}]),
|
|
937
933
|
placeholder: b.value,
|
|
@@ -946,8 +942,8 @@ const Ao = {
|
|
|
946
942
|
_: 1
|
|
947
943
|
}, 8, ["id", "modelValue", "class", "placeholder", "disabled"])
|
|
948
944
|
]),
|
|
949
|
-
se(h("div",
|
|
950
|
-
h("div",
|
|
945
|
+
se(h("div", Zo, [
|
|
946
|
+
h("div", Wo, [
|
|
951
947
|
ue(R(m(s)("comboBox.required")) + " ", 1),
|
|
952
948
|
q(m(le), {
|
|
953
949
|
class: "cl-ml-1 cl-mt-[3px]",
|
|
@@ -959,7 +955,7 @@ const Ao = {
|
|
|
959
955
|
]),
|
|
960
956
|
c.value ? (u(), g("div", {
|
|
961
957
|
key: 1,
|
|
962
|
-
class:
|
|
958
|
+
class: E(["cl-border cl-border-grey-2 cl-border-l-0 cl-float-right cl-rounded cl-rounded-l-none cl-text-grey-3 cl-transition-colors cl-w-[27px]", {
|
|
963
959
|
"cl-cursor-default cl-bg-off-white": F.disabled,
|
|
964
960
|
"cl-cursor-pointer hover:cl-bg-link-light hover:cl-opacity-90 hover:cl-text-white cl-bg-white": F.disabled === !1
|
|
965
961
|
}]),
|
|
@@ -970,9 +966,9 @@ const Ao = {
|
|
|
970
966
|
icon: "ph:caret-up-bold",
|
|
971
967
|
class: "cl-ml-[4px] cl-mt-[9px]"
|
|
972
968
|
})
|
|
973
|
-
], 10,
|
|
969
|
+
], 10, Qo)) : (u(), g("div", {
|
|
974
970
|
key: 0,
|
|
975
|
-
class:
|
|
971
|
+
class: E(["cl-border cl-border-grey-2 cl-border-l-0 cl-float-right cl-rounded cl-rounded-l-none cl-text-grey-3 cl-transition-colors cl-w-[27px]", {
|
|
976
972
|
"cl-cursor-default cl-bg-off-white": F.disabled,
|
|
977
973
|
"cl-cursor-pointer hover:cl-bg-link-light hover:cl-opacity-90 hover:cl-text-white cl-bg-white": F.disabled === !1
|
|
978
974
|
}]),
|
|
@@ -983,14 +979,14 @@ const Ao = {
|
|
|
983
979
|
icon: "ph:caret-down-bold",
|
|
984
980
|
class: "cl-ml-[4px] cl-mt-[9px]"
|
|
985
981
|
})
|
|
986
|
-
], 10,
|
|
982
|
+
], 10, Ko))
|
|
987
983
|
]),
|
|
988
984
|
q(nt, { size: "small" }, {
|
|
989
985
|
title: M(() => [
|
|
990
986
|
ue(R(m(s)("comboBox.createTitle", { object: F.objectType })), 1)
|
|
991
987
|
]),
|
|
992
988
|
trigger: M(({ open: v }) => [
|
|
993
|
-
se(q(
|
|
989
|
+
se(q(Po, {
|
|
994
990
|
"can-create-new-object": F.canCreateNewObject,
|
|
995
991
|
"can-clear-selected-object": F.canClearSelectedObject,
|
|
996
992
|
loading: F.loading,
|
|
@@ -1000,7 +996,7 @@ const Ao = {
|
|
|
1000
996
|
"error-message": F.errorMessage,
|
|
1001
997
|
"current-object-name": y.value,
|
|
1002
998
|
"is-visible": c.value,
|
|
1003
|
-
class:
|
|
999
|
+
class: E({
|
|
1004
1000
|
"cl-bottom-full": S.value
|
|
1005
1001
|
}),
|
|
1006
1002
|
"search-hint": n.value,
|
|
@@ -1014,7 +1010,7 @@ const Ao = {
|
|
|
1014
1010
|
])
|
|
1015
1011
|
]),
|
|
1016
1012
|
footer: M(({ close: v }) => [
|
|
1017
|
-
h("div",
|
|
1013
|
+
h("div", Jo, [
|
|
1018
1014
|
q(Ce, {
|
|
1019
1015
|
class: "cl-mr-3",
|
|
1020
1016
|
colour: "default",
|
|
@@ -1029,7 +1025,7 @@ const Ao = {
|
|
|
1029
1025
|
q(Ce, {
|
|
1030
1026
|
colour: "primary",
|
|
1031
1027
|
size: "small",
|
|
1032
|
-
disabled: !
|
|
1028
|
+
disabled: !O.value,
|
|
1033
1029
|
onClick: (N) => {
|
|
1034
1030
|
B(), v();
|
|
1035
1031
|
}
|
|
@@ -1042,7 +1038,7 @@ const Ao = {
|
|
|
1042
1038
|
])
|
|
1043
1039
|
]),
|
|
1044
1040
|
default: M(() => [
|
|
1045
|
-
h("div",
|
|
1041
|
+
h("div", Yo, [
|
|
1046
1042
|
F.objectParentType ? (u(), L(H, {
|
|
1047
1043
|
key: 0,
|
|
1048
1044
|
"current-object": w.value,
|
|
@@ -1076,43 +1072,43 @@ const Ao = {
|
|
|
1076
1072
|
};
|
|
1077
1073
|
}
|
|
1078
1074
|
});
|
|
1079
|
-
function
|
|
1075
|
+
function xo(o) {
|
|
1080
1076
|
return typeof o.id == "number" && typeof o.name == "string";
|
|
1081
1077
|
}
|
|
1082
|
-
function
|
|
1078
|
+
function _o(o) {
|
|
1083
1079
|
return typeof o.name == "string";
|
|
1084
1080
|
}
|
|
1085
|
-
const
|
|
1081
|
+
const ea = {}, la = { class: "cl-flex cl-flex-wrap cl-left-0 cl-mt-4 cl-w-full" }, ta = {
|
|
1086
1082
|
key: 0,
|
|
1087
1083
|
class: "cl-w-full"
|
|
1088
|
-
},
|
|
1084
|
+
}, oa = {
|
|
1089
1085
|
key: 1,
|
|
1090
1086
|
class: "cl-leading-10 cl-text-sm cl-w-full"
|
|
1091
|
-
},
|
|
1092
|
-
function
|
|
1093
|
-
return u(), g("div",
|
|
1094
|
-
o.$slots.default ? (u(), g("div",
|
|
1087
|
+
}, aa = { class: "cl-float-left" }, na = { class: "cl-float-right" };
|
|
1088
|
+
function sa(o, l) {
|
|
1089
|
+
return u(), g("div", la, [
|
|
1090
|
+
o.$slots.default ? (u(), g("div", ta, [
|
|
1095
1091
|
D(o.$slots, "default")
|
|
1096
1092
|
])) : U("", !0),
|
|
1097
|
-
o.$slots.left || o.$slots.right ? (u(), g("div",
|
|
1098
|
-
h("span",
|
|
1093
|
+
o.$slots.left || o.$slots.right ? (u(), g("div", oa, [
|
|
1094
|
+
h("span", aa, [
|
|
1099
1095
|
D(o.$slots, "left")
|
|
1100
1096
|
]),
|
|
1101
|
-
h("span",
|
|
1097
|
+
h("span", na, [
|
|
1102
1098
|
D(o.$slots, "right")
|
|
1103
1099
|
])
|
|
1104
1100
|
])) : U("", !0)
|
|
1105
1101
|
]);
|
|
1106
1102
|
}
|
|
1107
|
-
const
|
|
1108
|
-
function
|
|
1109
|
-
return u(), g("div",
|
|
1103
|
+
const ra = /* @__PURE__ */ Te(ea, [["render", sa]]), ul = Symbol(), ia = {}, ua = { class: "cl-animate-pulse cl-bg-off-white cl-h-[33px] cl-px-20 cl-rounded-md" };
|
|
1104
|
+
function ca(o, l) {
|
|
1105
|
+
return u(), g("div", ua);
|
|
1110
1106
|
}
|
|
1111
|
-
const
|
|
1112
|
-
function
|
|
1113
|
-
return u(), g("div",
|
|
1107
|
+
const da = /* @__PURE__ */ Te(ia, [["render", ca]]), pa = {}, fa = { class: "cl-animate-pulse cl-bg-off-white cl-h-8 cl-rounded-md" };
|
|
1108
|
+
function ma(o, l) {
|
|
1109
|
+
return u(), g("div", fa);
|
|
1114
1110
|
}
|
|
1115
|
-
const ql = /* @__PURE__ */ Te(
|
|
1111
|
+
const ql = /* @__PURE__ */ Te(pa, [["render", ma]]), yl = /* @__PURE__ */ j({
|
|
1116
1112
|
inheritAttrs: !1,
|
|
1117
1113
|
__name: "cl-ui-skeleton-text",
|
|
1118
1114
|
props: {
|
|
@@ -1149,13 +1145,13 @@ function Bl(o) {
|
|
|
1149
1145
|
function fl(o) {
|
|
1150
1146
|
return o.some((l) => Xe(l));
|
|
1151
1147
|
}
|
|
1152
|
-
const
|
|
1148
|
+
const ga = {
|
|
1153
1149
|
key: 0,
|
|
1154
1150
|
class: "cl-flex cl-gap-2 cl-justify-between cl-mb-2 cl-w-full"
|
|
1155
|
-
},
|
|
1151
|
+
}, va = { key: 1 }, ha = { class: "cl-flex cl-flex-wrap cl-gap-1 cl-overflow-auto cl-pb-2 lg:cl-flex-nowrap lg:cl-gap-2 lg:cl-overflow-visible md:cl-justify-end" }, ba = { class: "cl-basis-full cl-col-span-2 cl-flex-grow lg:cl-basis-0" }, ya = {
|
|
1156
1152
|
key: 2,
|
|
1157
1153
|
class: "cl-flex-1 lg:cl-block lg:cl-flex-none"
|
|
1158
|
-
},
|
|
1154
|
+
}, wa = /* @__PURE__ */ j({
|
|
1159
1155
|
__name: "cl-ui-grid-action-row",
|
|
1160
1156
|
props: {
|
|
1161
1157
|
editMode: { type: Boolean },
|
|
@@ -1170,21 +1166,21 @@ const ma = {
|
|
|
1170
1166
|
emits: ["update:edit-mode", "update:filterPanelOpen", "clear-filters"],
|
|
1171
1167
|
setup(o) {
|
|
1172
1168
|
const l = o, { t } = ce(), e = $(() => l.request.filters.some((a) => a.filterValue !== "")), r = il("cl-ui-grid-id") ?? "cl-ui-grid-filter";
|
|
1173
|
-
return (a, i) => a.initialLoad && (a.$slots["additional-grid-actions"] || m(fl)(a.columns) || m(Bl)(a.columns)) ? (u(), g("div",
|
|
1174
|
-
(u(), g(K, null, _(2, (d) => q(m(
|
|
1169
|
+
return (a, i) => a.initialLoad && (a.$slots["additional-grid-actions"] || m(fl)(a.columns) || m(Bl)(a.columns)) ? (u(), g("div", ga, [
|
|
1170
|
+
(u(), g(K, null, _(2, (d) => q(m(da), {
|
|
1175
1171
|
key: d,
|
|
1176
1172
|
class: "cl-flex-1 lg:cl-flex-initial"
|
|
1177
1173
|
})), 64))
|
|
1178
|
-
])) : (u(), g("div",
|
|
1174
|
+
])) : (u(), g("div", va, [
|
|
1179
1175
|
h("div", {
|
|
1180
|
-
class:
|
|
1176
|
+
class: E(["cl-mb-2 cl-text-sm lg:cl-hidden", {
|
|
1181
1177
|
"cl-hidden": a.options.hideGridMobileView
|
|
1182
1178
|
}])
|
|
1183
1179
|
}, [
|
|
1184
1180
|
h("strong", null, R(m(t)("grid.gridTools")), 1)
|
|
1185
1181
|
], 2),
|
|
1186
|
-
h("div",
|
|
1187
|
-
h("div",
|
|
1182
|
+
h("div", ha, [
|
|
1183
|
+
h("div", ba, [
|
|
1188
1184
|
D(a.$slots, "additional-grid-actions", me(be({
|
|
1189
1185
|
loading: a.loading,
|
|
1190
1186
|
editMode: a.options.forceEditMode || a.editMode
|
|
@@ -1225,12 +1221,12 @@ const ma = {
|
|
|
1225
1221
|
]),
|
|
1226
1222
|
_: 1
|
|
1227
1223
|
}, 8, ["disabled"])) : U("", !0),
|
|
1228
|
-
a.options.hideViewManager === !1 ? (u(), g("div",
|
|
1224
|
+
a.options.hideViewManager === !1 ? (u(), g("div", ya, [
|
|
1229
1225
|
D(a.$slots, "view-manager")
|
|
1230
1226
|
])) : U("", !0),
|
|
1231
1227
|
m(fl)(a.columns) || m(Bl)(a.columns) ? (u(), g(K, { key: 3 }, [
|
|
1232
1228
|
h("div", {
|
|
1233
|
-
class:
|
|
1229
|
+
class: E(["cl-block cl-flex-1 lg:cl-flex-none lg:cl-hidden", {
|
|
1234
1230
|
"cl-hidden": a.options.hideGridMobileView
|
|
1235
1231
|
}])
|
|
1236
1232
|
}, [
|
|
@@ -1264,7 +1260,7 @@ const ma = {
|
|
|
1264
1260
|
])
|
|
1265
1261
|
]));
|
|
1266
1262
|
}
|
|
1267
|
-
}),
|
|
1263
|
+
}), ka = ["for"], $a = ["required", "disabled"], Ta = /* @__PURE__ */ j({
|
|
1268
1264
|
inheritAttrs: !1,
|
|
1269
1265
|
__name: "cl-ui-input-checkbox",
|
|
1270
1266
|
props: /* @__PURE__ */ de({
|
|
@@ -1307,7 +1303,7 @@ const ma = {
|
|
|
1307
1303
|
}, ["stop", "prevent"]), ["enter"])),
|
|
1308
1304
|
onFocus: d[2] || (d[2] = (b) => r("focus")),
|
|
1309
1305
|
onBlur: d[3] || (d[3] = (b) => r("blur"))
|
|
1310
|
-
}), null, 16,
|
|
1306
|
+
}), null, 16, $a), [
|
|
1311
1307
|
[At, e.value]
|
|
1312
1308
|
])
|
|
1313
1309
|
]),
|
|
@@ -1320,7 +1316,7 @@ const ma = {
|
|
|
1320
1316
|
for: i.$attrs.id ? i.$attrs.id.toString() : ""
|
|
1321
1317
|
}, [
|
|
1322
1318
|
D(i.$slots, "default", {}, void 0, !0)
|
|
1323
|
-
], 8,
|
|
1319
|
+
], 8, ka)
|
|
1324
1320
|
]),
|
|
1325
1321
|
key: "0"
|
|
1326
1322
|
} : void 0,
|
|
@@ -1333,9 +1329,9 @@ const ma = {
|
|
|
1333
1329
|
} : void 0
|
|
1334
1330
|
]), 1032, ["show-required-asterisk", "errors"]));
|
|
1335
1331
|
}
|
|
1336
|
-
}), cl = /* @__PURE__ */ Te(
|
|
1332
|
+
}), cl = /* @__PURE__ */ Te(Ta, [["__scopeId", "data-v-96a278cf"]]);
|
|
1337
1333
|
var ae = /* @__PURE__ */ ((o) => (o.CURRENCY = "currency", o.PERCENTAGE = "percentage", o.INTEGER = "integer", o.DECIMAL = "decimal", o.MULTIPLIER = "multiplier", o))(ae || {}), ie = /* @__PURE__ */ ((o) => (o.SHORT_DATE = "short-date", o.SHORT_DATETIME = "short-datetime", o.DATE = "date", o.DATETIME = "datetime", o.LONG_DATE = "long-date", o.LONG_DATETIME = "long-datetime", o.TIME = "time", o.MONTH_YEAR = "month-year", o))(ie || {});
|
|
1338
|
-
const
|
|
1334
|
+
const Ca = {
|
|
1339
1335
|
"en-GB": {
|
|
1340
1336
|
comboBox: {
|
|
1341
1337
|
emptyHintText: "Choose a {object}",
|
|
@@ -1442,7 +1438,7 @@ const Ta = {
|
|
|
1442
1438
|
invalidFileType: "{filename} is not a valid file type."
|
|
1443
1439
|
}
|
|
1444
1440
|
}
|
|
1445
|
-
},
|
|
1441
|
+
}, Sa = {
|
|
1446
1442
|
"en-GB": {
|
|
1447
1443
|
[ae.PERCENTAGE]: {
|
|
1448
1444
|
style: "percent",
|
|
@@ -1465,7 +1461,7 @@ const Ta = {
|
|
|
1465
1461
|
minimumFractionDigits: 2
|
|
1466
1462
|
}
|
|
1467
1463
|
}
|
|
1468
|
-
},
|
|
1464
|
+
}, qa = {
|
|
1469
1465
|
"en-GB": {
|
|
1470
1466
|
[ie.SHORT_DATE]: {
|
|
1471
1467
|
day: "numeric",
|
|
@@ -1515,27 +1511,27 @@ const Ta = {
|
|
|
1515
1511
|
}, qe = Wt({
|
|
1516
1512
|
locale: "en-GB",
|
|
1517
1513
|
fallbackLocale: "en-GB",
|
|
1518
|
-
messages:
|
|
1519
|
-
numberFormats:
|
|
1520
|
-
datetimeFormats:
|
|
1514
|
+
messages: Ca,
|
|
1515
|
+
numberFormats: Sa,
|
|
1516
|
+
datetimeFormats: qa,
|
|
1521
1517
|
useScope: "global",
|
|
1522
1518
|
missingWarn: !1,
|
|
1523
1519
|
fallbackWarn: !1,
|
|
1524
1520
|
warnHtmlMessage: !1
|
|
1525
1521
|
});
|
|
1526
|
-
function
|
|
1527
|
-
return qe.global.mergeLocaleMessage(o, l),
|
|
1522
|
+
function Ju(o, l) {
|
|
1523
|
+
return qe.global.mergeLocaleMessage(o, l), Fe();
|
|
1528
1524
|
}
|
|
1529
|
-
function
|
|
1530
|
-
return qe.global.mergeNumberFormat(o, l),
|
|
1525
|
+
function Xu(o, l) {
|
|
1526
|
+
return qe.global.mergeNumberFormat(o, l), Fe();
|
|
1531
1527
|
}
|
|
1532
|
-
function
|
|
1533
|
-
return qe.global.mergeDateTimeFormat(o, l),
|
|
1528
|
+
function xu(o, l) {
|
|
1529
|
+
return qe.global.mergeDateTimeFormat(o, l), Fe();
|
|
1534
1530
|
}
|
|
1535
|
-
function
|
|
1536
|
-
return qe.global.locale.value = o,
|
|
1531
|
+
function _u(o) {
|
|
1532
|
+
return qe.global.locale.value = o, Fe();
|
|
1537
1533
|
}
|
|
1538
|
-
const { locale:
|
|
1534
|
+
const { locale: Da, getNumberFormat: Oa } = qe.global, dl = ae.DECIMAL;
|
|
1539
1535
|
function De(o) {
|
|
1540
1536
|
return Me(o, ae.DECIMAL, { additionalOptions: {
|
|
1541
1537
|
minimumFractionDigits: 0,
|
|
@@ -1550,10 +1546,10 @@ function ml(o, l) {
|
|
|
1550
1546
|
}
|
|
1551
1547
|
function Me(o, l, t) {
|
|
1552
1548
|
if (pl(l)) {
|
|
1553
|
-
const e =
|
|
1549
|
+
const e = He(dl, t);
|
|
1554
1550
|
return l.replace(/\{0\}/g, Fl(o, e) ?? "");
|
|
1555
1551
|
} else {
|
|
1556
|
-
const e =
|
|
1552
|
+
const e = He(Ol(l), t);
|
|
1557
1553
|
let r = Fl(o, e) ?? "";
|
|
1558
1554
|
if (l === "currency-without-symbol") {
|
|
1559
1555
|
const a = el(e);
|
|
@@ -1567,19 +1563,19 @@ function Me(o, l, t) {
|
|
|
1567
1563
|
}
|
|
1568
1564
|
function st(o, l, t) {
|
|
1569
1565
|
if (pl(l)) {
|
|
1570
|
-
const e =
|
|
1566
|
+
const e = Aa(o, l);
|
|
1571
1567
|
return Ll(e ?? o, dl, t);
|
|
1572
1568
|
} else
|
|
1573
1569
|
return Ll(o, Ol(l), t);
|
|
1574
1570
|
}
|
|
1575
1571
|
function Dl(o, l) {
|
|
1576
|
-
return pl(o) ?
|
|
1572
|
+
return pl(o) ? He(dl, l) : He(Ol(o), l);
|
|
1577
1573
|
}
|
|
1578
|
-
function
|
|
1574
|
+
function Ea(o, l, t) {
|
|
1579
1575
|
const e = el(t);
|
|
1580
1576
|
return !!e && (o.includes(Ie(e, 10000.11111, l)[0]) || o.includes(Ie(e, -10000.11111, l)[0]));
|
|
1581
1577
|
}
|
|
1582
|
-
function
|
|
1578
|
+
function Aa(o, l) {
|
|
1583
1579
|
let t = null;
|
|
1584
1580
|
o = `!${o}!`;
|
|
1585
1581
|
const e = `!${l}!`.split("{0}");
|
|
@@ -1599,7 +1595,7 @@ function Ea(o, l) {
|
|
|
1599
1595
|
function Ll(o, l, t) {
|
|
1600
1596
|
if (!o)
|
|
1601
1597
|
return NaN;
|
|
1602
|
-
const e =
|
|
1598
|
+
const e = He(l, t), r = el(e);
|
|
1603
1599
|
if (r === null)
|
|
1604
1600
|
return NaN;
|
|
1605
1601
|
const a = [
|
|
@@ -1639,8 +1635,8 @@ function el(o) {
|
|
|
1639
1635
|
return console.error(l), null;
|
|
1640
1636
|
}
|
|
1641
1637
|
}
|
|
1642
|
-
function
|
|
1643
|
-
const t = Il(l == null ? void 0 : l.locale) || m(
|
|
1638
|
+
function He(o, l) {
|
|
1639
|
+
const t = Il(l == null ? void 0 : l.locale) || m(Da), e = Oa(t), r = we(Il(l == null ? void 0 : l.additionalOptions) ?? {});
|
|
1644
1640
|
let a = "decimal";
|
|
1645
1641
|
switch (o) {
|
|
1646
1642
|
case ae.PERCENTAGE:
|
|
@@ -1659,22 +1655,22 @@ function Ge(o, l) {
|
|
|
1659
1655
|
};
|
|
1660
1656
|
}
|
|
1661
1657
|
function Ol(o) {
|
|
1662
|
-
return
|
|
1658
|
+
return Va(o) ? o : ae.CURRENCY;
|
|
1663
1659
|
}
|
|
1664
1660
|
function pl(o) {
|
|
1665
1661
|
return o.includes("{0}");
|
|
1666
1662
|
}
|
|
1667
|
-
function
|
|
1663
|
+
function Va(o) {
|
|
1668
1664
|
return !pl(o) && o !== "currency-without-symbol";
|
|
1669
1665
|
}
|
|
1670
|
-
function
|
|
1671
|
-
const t =
|
|
1666
|
+
function Ma(o, l) {
|
|
1667
|
+
const t = He(dl, l), e = el(t);
|
|
1672
1668
|
if (e === null)
|
|
1673
1669
|
return o;
|
|
1674
1670
|
const r = Ie(e, 10000.11111, "group");
|
|
1675
1671
|
return Ue(o, r, "", o.length, !0);
|
|
1676
1672
|
}
|
|
1677
|
-
function
|
|
1673
|
+
function Ia(o) {
|
|
1678
1674
|
if (o.startsWith("ClUi"))
|
|
1679
1675
|
return {
|
|
1680
1676
|
name: `clUi${o.slice(4)}`,
|
|
@@ -1686,11 +1682,11 @@ function Ma(o) {
|
|
|
1686
1682
|
from: "@iconify/vue"
|
|
1687
1683
|
};
|
|
1688
1684
|
}
|
|
1689
|
-
function
|
|
1690
|
-
return
|
|
1685
|
+
function ec() {
|
|
1686
|
+
return Ia;
|
|
1691
1687
|
}
|
|
1692
1688
|
const { t: Ae } = qe.global;
|
|
1693
|
-
function
|
|
1689
|
+
function Na(o, l, t, e, r) {
|
|
1694
1690
|
return new Promise((a) => {
|
|
1695
1691
|
let i = {
|
|
1696
1692
|
valid: !1,
|
|
@@ -1745,7 +1741,7 @@ function Ia(o, l, t, e, r) {
|
|
|
1745
1741
|
a(i);
|
|
1746
1742
|
});
|
|
1747
1743
|
}
|
|
1748
|
-
function
|
|
1744
|
+
function Ra(o, l, t, e, r) {
|
|
1749
1745
|
return new Promise((a) => {
|
|
1750
1746
|
let i = {
|
|
1751
1747
|
valid: !1,
|
|
@@ -1800,13 +1796,13 @@ function Na(o, l, t, e, r) {
|
|
|
1800
1796
|
a(i);
|
|
1801
1797
|
});
|
|
1802
1798
|
}
|
|
1803
|
-
function
|
|
1799
|
+
function Ua(o, l) {
|
|
1804
1800
|
return new Promise((t) => {
|
|
1805
1801
|
const e = l != null && l !== "" && l.toString().trim() !== "", r = Ve(e, Ae("input.valueIsRequired", { label: o }));
|
|
1806
1802
|
t(r);
|
|
1807
1803
|
});
|
|
1808
1804
|
}
|
|
1809
|
-
function
|
|
1805
|
+
function za(o, l) {
|
|
1810
1806
|
return new Promise((t) => {
|
|
1811
1807
|
const r = l === "" || /[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?/.exec(l) !== null, a = Ve(r, Ae("input.valueNotValidEmail", { label: o }));
|
|
1812
1808
|
t(a);
|
|
@@ -1818,16 +1814,16 @@ function Ve(o, l) {
|
|
|
1818
1814
|
message: o ? "" : l
|
|
1819
1815
|
};
|
|
1820
1816
|
}
|
|
1821
|
-
const
|
|
1817
|
+
const Ba = {
|
|
1822
1818
|
key: 3,
|
|
1823
1819
|
class: "cl-inline-block cl-whitespace-nowrap"
|
|
1824
|
-
},
|
|
1820
|
+
}, La = {
|
|
1825
1821
|
key: 4,
|
|
1826
1822
|
class: "cl-inline-block cl-whitespace-nowrap"
|
|
1827
|
-
},
|
|
1823
|
+
}, Fa = {
|
|
1828
1824
|
key: 5,
|
|
1829
1825
|
class: "cl-inline-block cl-whitespace-nowrap"
|
|
1830
|
-
},
|
|
1826
|
+
}, ja = ["title", "innerHTML"], jl = /* @__PURE__ */ j({
|
|
1831
1827
|
__name: "cl-ui-grid-cell-value",
|
|
1832
1828
|
props: {
|
|
1833
1829
|
data: {},
|
|
@@ -1908,15 +1904,15 @@ const za = {
|
|
|
1908
1904
|
], 64)) : (u(), g(K, { key: 2 }, [
|
|
1909
1905
|
ue(R(i(n.data[n.column.field], m(ie).DATETIME)), 1)
|
|
1910
1906
|
], 64))
|
|
1911
|
-
], 64)) : n.column.type === "list" && n.column.field !== void 0 && n.column.listEntries !== void 0 ? (u(), g("span",
|
|
1907
|
+
], 64)) : n.column.type === "list" && n.column.field !== void 0 && n.column.listEntries !== void 0 ? (u(), g("span", Ba, R(m(e)(((c = n.column.listEntries.find((p) => p.value === n.data[n.column.field])) == null ? void 0 : c.translationKey) ?? "")), 1)) : n.column.type === "number" && n.column.field !== void 0 ? (u(), g("span", La, R(b(n.data[n.column.field], m(r))), 1)) : n.column.field !== void 0 ? (u(), g("span", Fa, [
|
|
1912
1908
|
h("span", {
|
|
1913
1909
|
title: a.value ? n.data[n.column.field] : void 0,
|
|
1914
1910
|
innerHTML: d()
|
|
1915
|
-
}, null, 8,
|
|
1911
|
+
}, null, 8, ja)
|
|
1916
1912
|
])) : U("", !0);
|
|
1917
1913
|
};
|
|
1918
1914
|
}
|
|
1919
|
-
}),
|
|
1915
|
+
}), Pa = /* @__PURE__ */ j({
|
|
1920
1916
|
__name: "cl-ui-grid-cell",
|
|
1921
1917
|
props: {
|
|
1922
1918
|
data: {},
|
|
@@ -1944,7 +1940,7 @@ const za = {
|
|
|
1944
1940
|
});
|
|
1945
1941
|
const b = $(() => t.options.textSize === "x-small" ? "lg:cl-text-xs" : t.options.textSize === "small" ? "lg:cl-text-sm" : t.options.textSize === "medium" ? "lg:cl-text-base" : t.options.textSize === "large" ? "lg:cl-text-lg" : "lg:cl-text-sm");
|
|
1946
1942
|
return (n, s) => (u(), g("td", {
|
|
1947
|
-
class:
|
|
1943
|
+
class: E(["cl-gap-1 cl-py-2 cl-text-xs lg:cl-px-1", [
|
|
1948
1944
|
n.options.hideGridMobileView ? "cl-table-cell cl-m-0" : "cl-border-b cl-border-grey-1 cl-grid cl-grid-cols-2 cl-m-1 cl-mb-0 lg:cl-border-b-0 lg:cl-m-0 lg:cl-table-cell",
|
|
1949
1945
|
{
|
|
1950
1946
|
"cl-bg-link-lighter": i.value
|
|
@@ -1953,7 +1949,7 @@ const za = {
|
|
|
1953
1949
|
]])
|
|
1954
1950
|
}, [
|
|
1955
1951
|
h("span", {
|
|
1956
|
-
class:
|
|
1952
|
+
class: E(["cl-font-semibold lg:cl-hidden", {
|
|
1957
1953
|
"cl-hidden": n.options.hideGridMobileView
|
|
1958
1954
|
}])
|
|
1959
1955
|
}, R(m(r)(n.column.caption)), 3),
|
|
@@ -1996,7 +1992,7 @@ const za = {
|
|
|
1996
1992
|
}, 1032, ["column", "data", "time-zone", "search-value", "row-index"]))
|
|
1997
1993
|
], 2));
|
|
1998
1994
|
}
|
|
1999
|
-
}),
|
|
1995
|
+
}), Ha = /* @__PURE__ */ j({
|
|
2000
1996
|
__name: "cl-ui-grid-row",
|
|
2001
1997
|
props: {
|
|
2002
1998
|
data: {},
|
|
@@ -2010,7 +2006,7 @@ const za = {
|
|
|
2010
2006
|
emits: ["cell-focus", "cell-edit", "cell-undo"],
|
|
2011
2007
|
setup(o) {
|
|
2012
2008
|
return (l, t) => (u(), g("tr", null, [
|
|
2013
|
-
(u(!0), g(K, null, _(l.columns, (e, r) => (u(), L(
|
|
2009
|
+
(u(!0), g(K, null, _(l.columns, (e, r) => (u(), L(Pa, {
|
|
2014
2010
|
key: r,
|
|
2015
2011
|
data: l.data,
|
|
2016
2012
|
column: e,
|
|
@@ -2032,13 +2028,13 @@ const za = {
|
|
|
2032
2028
|
]), 1032, ["data", "column", "options", "time-zone", "search-value", "edit-mode", "row-index", "onEdit", "onUndo"]))), 128))
|
|
2033
2029
|
]));
|
|
2034
2030
|
}
|
|
2035
|
-
}),
|
|
2031
|
+
}), Ga = ["colspan"], Za = ["colspan"], Wa = { key: 2 }, Ka = ["colspan"], Qa = { class: "cl-flex cl-flex-wrap cl-justify-center cl-text-center cl-text-sm cl-w-full" }, Ya = { key: 0 }, Ja = {
|
|
2036
2032
|
key: 1,
|
|
2037
2033
|
class: "cl-mt-6 cl-w-full"
|
|
2038
|
-
},
|
|
2034
|
+
}, Xa = {
|
|
2039
2035
|
key: 2,
|
|
2040
2036
|
class: "cl-mt-4"
|
|
2041
|
-
},
|
|
2037
|
+
}, xa = { class: "cl-mb-2 cl-w-full" }, _a = /* @__PURE__ */ j({
|
|
2042
2038
|
__name: "cl-ui-grid-body",
|
|
2043
2039
|
props: {
|
|
2044
2040
|
columns: {},
|
|
@@ -2077,13 +2073,13 @@ const za = {
|
|
|
2077
2073
|
const s = V({});
|
|
2078
2074
|
te(() => t.data, () => {
|
|
2079
2075
|
var f, C;
|
|
2080
|
-
return s.value = Object.fromEntries(((C = (f = t.data) == null ? void 0 : f.results) == null ? void 0 : C.map((A,
|
|
2081
|
-
[
|
|
2076
|
+
return s.value = Object.fromEntries(((C = (f = t.data) == null ? void 0 : f.results) == null ? void 0 : C.map((A, O) => [
|
|
2077
|
+
[O],
|
|
2082
2078
|
{
|
|
2083
2079
|
count: 0,
|
|
2084
2080
|
target: null,
|
|
2085
2081
|
reset: _l(() => {
|
|
2086
|
-
s.value[
|
|
2082
|
+
s.value[O] && (s.value[O].count = 0, s.value[O].target = null);
|
|
2087
2083
|
}, 400, { immediate: !1 })
|
|
2088
2084
|
}
|
|
2089
2085
|
])) ?? []);
|
|
@@ -2093,8 +2089,8 @@ const za = {
|
|
|
2093
2089
|
});
|
|
2094
2090
|
const c = V();
|
|
2095
2091
|
function p(f, C, A) {
|
|
2096
|
-
const { currentTarget:
|
|
2097
|
-
t.options.rowSelectionEnabled ? w(f, C) : (s.value[f].count++, s.value[f].target =
|
|
2092
|
+
const { currentTarget: O } = A;
|
|
2093
|
+
t.options.rowSelectionEnabled ? w(f, C) : (s.value[f].count++, s.value[f].target = O, s.value[f].count > 1 ? (s.value[f].reset.stop(), s.value[f].count = 0, w(f, C), s.value[f].target = null) : s.value[f].reset.start());
|
|
2098
2094
|
}
|
|
2099
2095
|
function w(f, C) {
|
|
2100
2096
|
f !== c.value && (c.value = f), e("row-select", C);
|
|
@@ -2110,26 +2106,26 @@ const za = {
|
|
|
2110
2106
|
), te(() => t.options.rowSelectionEnabled, y), te(() => t.request, y), (f, C) => {
|
|
2111
2107
|
var A;
|
|
2112
2108
|
return u(), g("tbody", null, [
|
|
2113
|
-
f.initialLoad ? (u(!0), g(K, { key: 0 }, _(f.request.pageSize, (
|
|
2109
|
+
f.initialLoad ? (u(!0), g(K, { key: 0 }, _(f.request.pageSize, (O) => (u(), g("tr", { key: O }, [
|
|
2114
2110
|
h("td", {
|
|
2115
2111
|
colspan: f.columns.length,
|
|
2116
|
-
class:
|
|
2112
|
+
class: E(
|
|
2117
2113
|
{
|
|
2118
|
-
"cl-border-t cl-border-off-white":
|
|
2114
|
+
"cl-border-t cl-border-off-white": O % 2 === 0
|
|
2119
2115
|
}
|
|
2120
2116
|
)
|
|
2121
|
-
}, " ", 10,
|
|
2117
|
+
}, " ", 10, Ga)
|
|
2122
2118
|
]))), 128)) : U("", !0),
|
|
2123
2119
|
f.data && ((A = f.data.results) != null && A.length) && !f.initialLoad ? (u(), g(K, { key: 1 }, [
|
|
2124
|
-
(u(!0), g(K, null, _(f.data.results, (
|
|
2120
|
+
(u(!0), g(K, null, _(f.data.results, (O, S) => (u(), L(Ha, {
|
|
2125
2121
|
key: S,
|
|
2126
|
-
data:
|
|
2122
|
+
data: O,
|
|
2127
2123
|
options: f.options,
|
|
2128
2124
|
columns: f.columns,
|
|
2129
2125
|
"time-zone": f.timeZone,
|
|
2130
2126
|
"search-value": f.searchValue,
|
|
2131
2127
|
"edit-mode": f.editMode,
|
|
2132
|
-
class:
|
|
2128
|
+
class: E(["cl-bg-opacity-100 cl-transition-colors", {
|
|
2133
2129
|
"cl-bg-white": S % 2 === 0 && f.data.totalRecords > 1,
|
|
2134
2130
|
"cl-bg-off-white": S % 2 === 1 || f.data.totalRecords === 1,
|
|
2135
2131
|
"cl-cursor-pointer": (f.options.highlightRowSelection || f.options.rowSelectionEnabled) && !f.editMode,
|
|
@@ -2138,7 +2134,7 @@ const za = {
|
|
|
2138
2134
|
}]),
|
|
2139
2135
|
"row-index": S,
|
|
2140
2136
|
onClick: (P) => {
|
|
2141
|
-
f.editMode || p(S,
|
|
2137
|
+
f.editMode || p(S, O, P);
|
|
2142
2138
|
},
|
|
2143
2139
|
onCellFocus: (P) => {
|
|
2144
2140
|
d(S);
|
|
@@ -2155,31 +2151,31 @@ const za = {
|
|
|
2155
2151
|
])
|
|
2156
2152
|
}))
|
|
2157
2153
|
]), 1032, ["data", "options", "columns", "time-zone", "search-value", "edit-mode", "class", "row-index", "onClick", "onCellFocus", "onCellEdit"]))), 128)),
|
|
2158
|
-
f.data.results.length < f.request.pageSize ? (u(!0), g(K, { key: 0 }, _(Math.max(5 - f.data.results.length, 0), (
|
|
2159
|
-
key:
|
|
2160
|
-
class:
|
|
2154
|
+
f.data.results.length < f.request.pageSize ? (u(!0), g(K, { key: 0 }, _(Math.max(5 - f.data.results.length, 0), (O) => (u(), g("tr", {
|
|
2155
|
+
key: O,
|
|
2156
|
+
class: E(["lg:cl-table-row", {
|
|
2161
2157
|
"cl-hidden": t.options.hideGridMobileView === !1
|
|
2162
2158
|
}])
|
|
2163
2159
|
}, [
|
|
2164
2160
|
h("td", {
|
|
2165
2161
|
colspan: f.columns.length,
|
|
2166
2162
|
class: "cl-gap-1 cl-py-2 cl-text-xs lg:cl-px-1"
|
|
2167
|
-
}, " ", 8,
|
|
2163
|
+
}, " ", 8, Za)
|
|
2168
2164
|
], 2))), 128)) : U("", !0)
|
|
2169
|
-
], 64)) : f.loading ? U("", !0) : (u(), g("tr",
|
|
2165
|
+
], 64)) : f.loading ? U("", !0) : (u(), g("tr", Wa, [
|
|
2170
2166
|
h("td", {
|
|
2171
2167
|
colspan: f.columns.length
|
|
2172
2168
|
}, [
|
|
2173
|
-
h("div",
|
|
2174
|
-
f.$slots.noData && f.request.filters.some((
|
|
2169
|
+
h("div", Qa, [
|
|
2170
|
+
f.$slots.noData && f.request.filters.some((O) => O.filterValue !== "") === !1 ? (u(), g("div", Ya, [
|
|
2175
2171
|
D(f.$slots, "noData")
|
|
2176
|
-
])) : (u(), g("strong",
|
|
2177
|
-
f.request.filters.some((
|
|
2178
|
-
h("div",
|
|
2172
|
+
])) : (u(), g("strong", Ja, R(m(r)("grid.noData")), 1)),
|
|
2173
|
+
f.request.filters.some((O) => O.filterValue !== "") ? (u(), g("div", Xa, [
|
|
2174
|
+
h("div", xa, R(m(r)("grid.noDataFiltersPresent")), 1),
|
|
2179
2175
|
q(Ce, {
|
|
2180
2176
|
size: "small",
|
|
2181
2177
|
colour: "danger",
|
|
2182
|
-
onClick: C[0] || (C[0] = x((
|
|
2178
|
+
onClick: C[0] || (C[0] = x((O) => f.$emit("clear-filters"), ["prevent"]))
|
|
2183
2179
|
}, {
|
|
2184
2180
|
default: M(() => [
|
|
2185
2181
|
ue(R(m(r)("grid.clearFilters")), 1)
|
|
@@ -2188,12 +2184,12 @@ const za = {
|
|
|
2188
2184
|
})
|
|
2189
2185
|
])) : U("", !0)
|
|
2190
2186
|
])
|
|
2191
|
-
], 8,
|
|
2187
|
+
], 8, Ka)
|
|
2192
2188
|
]))
|
|
2193
2189
|
]);
|
|
2194
2190
|
};
|
|
2195
2191
|
}
|
|
2196
|
-
}),
|
|
2192
|
+
}), en = ["value", "inputmode", "disabled", "placeholder"], ln = { class: "cl-absolute cl-flex-col cl-flex-nowrap cl-h-full cl-hidden cl-justify-between cl-py-0.5 cl-right-1 cl-text-xs cl-top-0 xl:cl-flex" }, tn = ["disabled"], on = ["disabled"], ll = /* @__PURE__ */ j({
|
|
2197
2193
|
inheritAttrs: !1,
|
|
2198
2194
|
__name: "cl-ui-input-number",
|
|
2199
2195
|
props: /* @__PURE__ */ de({
|
|
@@ -2217,9 +2213,9 @@ const za = {
|
|
|
2217
2213
|
setup(o, { expose: l, emit: t }) {
|
|
2218
2214
|
const e = o, r = ke(o, "modelValue"), a = t, i = V(0), d = V(), b = V(), { isOutside: n } = jt(b), { focused: s } = Pt(d), c = $(() => e.showArrows && n.value === !1);
|
|
2219
2215
|
te(s, () => {
|
|
2220
|
-
s.value ? (A.value =
|
|
2216
|
+
s.value ? (A.value = Ma(P.value, {
|
|
2221
2217
|
locale: e.locale
|
|
2222
|
-
}),
|
|
2218
|
+
}), O.value = !1, a("focus")) : (O.value && k(P.value, !0), A.value = void 0, O.value = !1, a("blur"));
|
|
2223
2219
|
});
|
|
2224
2220
|
const p = $(() => ({
|
|
2225
2221
|
style: e.format === ae.CURRENCY ? "currency" : void 0,
|
|
@@ -2230,7 +2226,7 @@ const za = {
|
|
|
2230
2226
|
})), w = $(() => e.format ? Dl(e.format, {
|
|
2231
2227
|
locale: e.locale,
|
|
2232
2228
|
additionalOptions: p.value
|
|
2233
|
-
}) : p.value), y = $(() => Math.pow(10, w.value.maximumFractionDigits ?? 0)), f = $(() => Math.pow(10, e.format === ae.PERCENTAGE ? 2 : 0)), C = $(() => y.value * f.value), A = V(void 0),
|
|
2229
|
+
}) : p.value), y = $(() => Math.pow(10, w.value.maximumFractionDigits ?? 0)), f = $(() => Math.pow(10, e.format === ae.PERCENTAGE ? 2 : 0)), C = $(() => y.value * f.value), A = V(void 0), O = V(!1);
|
|
2234
2230
|
te(r, () => A.value = void 0);
|
|
2235
2231
|
const S = $({
|
|
2236
2232
|
get: () => A.value ? oe(A.value) : r.value,
|
|
@@ -2238,7 +2234,7 @@ const za = {
|
|
|
2238
2234
|
}), P = $({
|
|
2239
2235
|
get: () => A.value ?? W(r.value),
|
|
2240
2236
|
set(B) {
|
|
2241
|
-
A.value = B,
|
|
2237
|
+
A.value = B, O.value = !0;
|
|
2242
2238
|
}
|
|
2243
2239
|
});
|
|
2244
2240
|
function I(B) {
|
|
@@ -2249,7 +2245,7 @@ const za = {
|
|
|
2249
2245
|
r.value = null;
|
|
2250
2246
|
else if (B !== "") {
|
|
2251
2247
|
let $e = typeof B == "number" ? B : oe(B);
|
|
2252
|
-
ee && e.format === ae.PERCENTAGE && !
|
|
2248
|
+
ee && e.format === ae.PERCENTAGE && !Ea(P.value, "percentSign", w.value) && ($e = $e / f.value), isNaN($e) === !1 && (r.value = I(Math.round($e * C.value) / C.value));
|
|
2253
2249
|
}
|
|
2254
2250
|
}
|
|
2255
2251
|
function W(B) {
|
|
@@ -2302,13 +2298,13 @@ const za = {
|
|
|
2302
2298
|
onInput: ee[0] || (ee[0] = (z) => P.value = z.target.value),
|
|
2303
2299
|
onKeydown: [
|
|
2304
2300
|
ee[1] || (ee[1] = re(x((z) => {
|
|
2305
|
-
k(z.target.value,
|
|
2301
|
+
k(z.target.value, O.value), O.value = !1;
|
|
2306
2302
|
}, ["stop", "prevent"]), ["enter"])),
|
|
2307
2303
|
ee[2] || (ee[2] = re(x((z) => G(!0), ["stop", "prevent"]), ["down"])),
|
|
2308
2304
|
ee[3] || (ee[3] = re(x((z) => G(!1), ["stop", "prevent"]), ["up"]))
|
|
2309
2305
|
]
|
|
2310
|
-
}), null, 16,
|
|
2311
|
-
se(h("div",
|
|
2306
|
+
}), null, 16, en)),
|
|
2307
|
+
se(h("div", ln, [
|
|
2312
2308
|
h("button", {
|
|
2313
2309
|
class: "cl-bg-opacity-30 cl-bg-secondary-light cl-border cl-border-grey-3 cl-px-1 cl-rounded hover:cl-bg-opacity-20",
|
|
2314
2310
|
disabled: B.disabled,
|
|
@@ -2319,7 +2315,7 @@ const za = {
|
|
|
2319
2315
|
]
|
|
2320
2316
|
}, [
|
|
2321
2317
|
q($e, { icon: "ph:caret-up-bold" })
|
|
2322
|
-
], 40,
|
|
2318
|
+
], 40, tn),
|
|
2323
2319
|
h("button", {
|
|
2324
2320
|
class: "cl-bg-opacity-30 cl-bg-secondary-light cl-border cl-border-grey-3 cl-px-1 cl-rounded hover:cl-bg-opacity-20",
|
|
2325
2321
|
disabled: B.disabled,
|
|
@@ -2330,7 +2326,7 @@ const za = {
|
|
|
2330
2326
|
]
|
|
2331
2327
|
}, [
|
|
2332
2328
|
q($e, { icon: "ph:caret-down-bold" })
|
|
2333
|
-
], 40,
|
|
2329
|
+
], 40, on)
|
|
2334
2330
|
], 512), [
|
|
2335
2331
|
[fe, c.value && !B.disabled]
|
|
2336
2332
|
])
|
|
@@ -2355,13 +2351,13 @@ const za = {
|
|
|
2355
2351
|
]), 1032, ["show-required-asterisk", "errors"]);
|
|
2356
2352
|
};
|
|
2357
2353
|
}
|
|
2358
|
-
}),
|
|
2354
|
+
}), an = {
|
|
2359
2355
|
key: 0,
|
|
2360
2356
|
class: "cl-flex cl-flex-col lg:cl-flex-row lg:cl-gap-2"
|
|
2361
|
-
},
|
|
2357
|
+
}, nn = { class: "cl-border cl-border-off-white cl-flex cl-items-center cl-mt-2 cl-p-2 cl-rounded-lg cl-w-full lg:cl-px-4 lg:cl-py-3" }, sn = { class: "cl-border cl-border-off-white cl-mt-2 cl-p-2 cl-rounded-lg lg:cl-px-4 lg:cl-py-3" }, rn = ["inert"], un = { class: "cl-basis-full cl-bg-off-white cl-border cl-border-grey-1 cl-flex cl-flex-1 cl-items-center cl-justify-between cl-mt-2 cl-p-2 cl-rounded-lg cl-shadow cl-text-sm lg:cl-basis-0 lg:cl-px-4 lg:cl-py-3" }, cn = { class: "cl-flex cl-flex-wrap cl-gap-x-4 cl-gap-y-2 cl-items-center cl-justify-between cl-w-full" }, dn = { class: "cl-flex cl-flex-wrap cl-gap-x-4" }, pn = { class: "cl-flex cl-flex-col lg:cl-flex-row" }, fn = { class: "cl-mr-2 cl-text-grey-3" }, mn = { class: "cl-flex cl-flex-col lg:cl-flex-row" }, gn = { class: "cl-mr-1 cl-text-grey-3" }, vn = {
|
|
2362
2358
|
key: 0,
|
|
2363
2359
|
class: "cl-flex cl-flex-col lg:cl-flex-row"
|
|
2364
|
-
},
|
|
2360
|
+
}, hn = { class: "cl-basis-full cl-mr-1 cl-text-grey-3" }, bn = { class: "cl-flex cl-gap-0.5" }, yn = ["onClick"], wn = { class: "cl-flex cl-gap-1 cl-items-center" }, kn = ["onClick"], $n = { class: "cl-basis-full cl-bg-off-white cl-border cl-border-grey-1 cl-flex cl-gap-2 cl-items-center cl-justify-between cl-mt-2 cl-px-2 cl-py-1 cl-rounded-lg cl-shadow cl-text-sm lg:cl-basis-auto lg:cl-px-4 lg:cl-py-3" }, Tn = { class: "cl-flex cl-items-center" }, Cn = { class: "cl-mr-2 cl-text-grey-3" }, Sn = /* @__PURE__ */ j({
|
|
2365
2361
|
__name: "cl-ui-grid-footer",
|
|
2366
2362
|
props: {
|
|
2367
2363
|
request: {},
|
|
@@ -2407,53 +2403,53 @@ const za = {
|
|
|
2407
2403
|
}
|
|
2408
2404
|
return (s, c) => {
|
|
2409
2405
|
var p, w, y;
|
|
2410
|
-
return s.initialLoad ? (u(), g("div",
|
|
2411
|
-
h("div",
|
|
2406
|
+
return s.initialLoad ? (u(), g("div", an, [
|
|
2407
|
+
h("div", nn, [
|
|
2412
2408
|
q(m(yl), { words: 3 }),
|
|
2413
2409
|
q(m(yl), {
|
|
2414
2410
|
class: "cl-ml-auto",
|
|
2415
2411
|
words: 2
|
|
2416
2412
|
})
|
|
2417
2413
|
]),
|
|
2418
|
-
h("div",
|
|
2414
|
+
h("div", sn, [
|
|
2419
2415
|
q(m(ql), { class: "cl-w-64" })
|
|
2420
2416
|
])
|
|
2421
2417
|
])) : s.loading || (w = (p = s.data) == null ? void 0 : p.results) != null && w.length && s.request ? (u(), g("div", {
|
|
2422
2418
|
key: 1,
|
|
2423
|
-
class:
|
|
2419
|
+
class: E(["cl-flex cl-flex-wrap lg:cl-gap-2", {
|
|
2424
2420
|
"cl-opacity-40": s.loading
|
|
2425
2421
|
}]),
|
|
2426
2422
|
inert: s.loading
|
|
2427
2423
|
}, [
|
|
2428
|
-
h("div",
|
|
2429
|
-
h("div",
|
|
2430
|
-
h("div",
|
|
2431
|
-
h("div",
|
|
2432
|
-
h("span",
|
|
2424
|
+
h("div", un, [
|
|
2425
|
+
h("div", cn, [
|
|
2426
|
+
h("div", dn, [
|
|
2427
|
+
h("div", pn, [
|
|
2428
|
+
h("span", fn, R(m(r)("grid.page")), 1),
|
|
2433
2429
|
h("span", null, R(m(De)(s.request.pageNumber)) + " / " + R(m(De)(a.value)), 1)
|
|
2434
2430
|
]),
|
|
2435
|
-
h("div",
|
|
2436
|
-
h("span",
|
|
2431
|
+
h("div", mn, [
|
|
2432
|
+
h("span", gn, R(m(r)("grid.totalRecords")), 1),
|
|
2437
2433
|
h("span", null, R(m(De)(((y = s.data) == null ? void 0 : y.totalRecords) ?? 0)), 1)
|
|
2438
2434
|
]),
|
|
2439
|
-
s.options.hidePageSizeOptions === !1 ? (u(), g("div",
|
|
2440
|
-
h("span",
|
|
2441
|
-
h("ul",
|
|
2435
|
+
s.options.hidePageSizeOptions === !1 ? (u(), g("div", vn, [
|
|
2436
|
+
h("span", hn, R(m(r)("grid.pageSize")), 1),
|
|
2437
|
+
h("ul", bn, [
|
|
2442
2438
|
(u(), g(K, null, _(b, (f, C) => h("li", {
|
|
2443
2439
|
key: C,
|
|
2444
|
-
class:
|
|
2440
|
+
class: E(["cl-mr-1 last:cl-mr-0", {
|
|
2445
2441
|
"cl-text-black cl-font-bold": s.request.pageSize === f,
|
|
2446
2442
|
"cl-cursor-pointer": s.request.pageSize !== f
|
|
2447
2443
|
}]),
|
|
2448
2444
|
onClick: (A) => n(f)
|
|
2449
|
-
}, R(m(De)(f)), 11,
|
|
2445
|
+
}, R(m(De)(f)), 11, yn)), 64))
|
|
2450
2446
|
])
|
|
2451
2447
|
])) : U("", !0)
|
|
2452
2448
|
]),
|
|
2453
2449
|
h("div", null, [
|
|
2454
|
-
h("ul",
|
|
2450
|
+
h("ul", wn, [
|
|
2455
2451
|
h("li", {
|
|
2456
|
-
class:
|
|
2452
|
+
class: E({
|
|
2457
2453
|
"cl-text-grey-2 cl-pointer-events-none": s.request.pageNumber === 1,
|
|
2458
2454
|
"cl-cursor-pointer": s.request.pageNumber > 1
|
|
2459
2455
|
}),
|
|
@@ -2465,7 +2461,7 @@ const za = {
|
|
|
2465
2461
|
})
|
|
2466
2462
|
], 2),
|
|
2467
2463
|
h("li", {
|
|
2468
|
-
class:
|
|
2464
|
+
class: E({
|
|
2469
2465
|
"cl-cursor-pointer": s.request.pageNumber > 1,
|
|
2470
2466
|
"cl-text-grey-2 cl-pointer-events-none": s.request.pageNumber < 2
|
|
2471
2467
|
}),
|
|
@@ -2478,15 +2474,15 @@ const za = {
|
|
|
2478
2474
|
], 2),
|
|
2479
2475
|
(u(!0), g(K, null, _(i.value, (f, C) => (u(), g("li", {
|
|
2480
2476
|
key: C,
|
|
2481
|
-
class:
|
|
2477
|
+
class: E(["cl-border cl-border-grey-2 cl-px-1.5 cl-rounded cl-text-secondary-default", {
|
|
2482
2478
|
"cl-font-bold cl-bg-primary-lighter cl-border-primary-default": s.request.pageNumber === f && !s.loading,
|
|
2483
2479
|
"cl-cursor-pointer ": s.request.pageNumber !== f,
|
|
2484
2480
|
"cl-bg-grey-0": s.loading
|
|
2485
2481
|
}]),
|
|
2486
2482
|
onClick: (A) => d(f)
|
|
2487
|
-
}, R(m(De)(f)), 11,
|
|
2483
|
+
}, R(m(De)(f)), 11, kn))), 128)),
|
|
2488
2484
|
h("li", {
|
|
2489
|
-
class:
|
|
2485
|
+
class: E({
|
|
2490
2486
|
"cl-text-grey-2 cl-pointer-events-none": s.request.pageNumber >= a.value,
|
|
2491
2487
|
"cl-cursor-pointer": s.request.pageNumber < a.value
|
|
2492
2488
|
}),
|
|
@@ -2498,7 +2494,7 @@ const za = {
|
|
|
2498
2494
|
})
|
|
2499
2495
|
], 2),
|
|
2500
2496
|
h("li", {
|
|
2501
|
-
class:
|
|
2497
|
+
class: E({
|
|
2502
2498
|
"cl-text-grey-2 cl-pointer-events-none": s.request.pageNumber >= a.value,
|
|
2503
2499
|
"cl-cursor-pointer": s.request.pageNumber < a.value
|
|
2504
2500
|
}),
|
|
@@ -2513,9 +2509,9 @@ const za = {
|
|
|
2513
2509
|
])
|
|
2514
2510
|
])
|
|
2515
2511
|
]),
|
|
2516
|
-
h("div",
|
|
2517
|
-
h("div",
|
|
2518
|
-
h("span",
|
|
2512
|
+
h("div", $n, [
|
|
2513
|
+
h("div", Tn, [
|
|
2514
|
+
h("span", Cn, R(m(r)("grid.jumpToPage")), 1),
|
|
2519
2515
|
q(ll, {
|
|
2520
2516
|
"model-value": s.request.pageNumber,
|
|
2521
2517
|
min: 1,
|
|
@@ -2532,11 +2528,11 @@ const za = {
|
|
|
2532
2528
|
}, 8, ["model-value", "max", "disabled"])
|
|
2533
2529
|
])
|
|
2534
2530
|
])
|
|
2535
|
-
], 10,
|
|
2531
|
+
], 10, rn)) : U("", !0);
|
|
2536
2532
|
};
|
|
2537
2533
|
}
|
|
2538
2534
|
});
|
|
2539
|
-
function
|
|
2535
|
+
function Pe(o, l, t, e) {
|
|
2540
2536
|
const r = e ?? "UTC";
|
|
2541
2537
|
let a = Y.fromJSDate(o, { zone: r }).setZone(r);
|
|
2542
2538
|
l === "start" ? a = a.startOf("day") : l === "end" && (a = a.endOf("day").set({ millisecond: 0 }));
|
|
@@ -2547,7 +2543,7 @@ function rt(o, l, t, e) {
|
|
|
2547
2543
|
let r = Vl(Y.now(), t, e);
|
|
2548
2544
|
return r = pt(l, t, r, e), r = dt(o, t, r, e), r.toJSDate();
|
|
2549
2545
|
}
|
|
2550
|
-
function
|
|
2546
|
+
function qn(o, l, t, e, r) {
|
|
2551
2547
|
let a = Y.fromJSDate(t, { zone: e });
|
|
2552
2548
|
return a = pt(l, e, a, r), a = dt(o, e, a, r), a.toJSDate();
|
|
2553
2549
|
}
|
|
@@ -2644,7 +2640,7 @@ function pt(o, l, t, e) {
|
|
|
2644
2640
|
}
|
|
2645
2641
|
return t;
|
|
2646
2642
|
}
|
|
2647
|
-
const
|
|
2643
|
+
const Dn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, On = ["onClick"], En = /* @__PURE__ */ j({
|
|
2648
2644
|
__name: "cl-ui-quick-dates-group",
|
|
2649
2645
|
props: {
|
|
2650
2646
|
dates: {},
|
|
@@ -2653,23 +2649,23 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
2653
2649
|
emits: ["quick-date-selected"],
|
|
2654
2650
|
setup(o, { emit: l }) {
|
|
2655
2651
|
const t = l, { t: e } = ce();
|
|
2656
|
-
return (r, a) => (u(), g("div",
|
|
2652
|
+
return (r, a) => (u(), g("div", Dn, [
|
|
2657
2653
|
(u(!0), g(K, null, _(r.dates, (i, d) => {
|
|
2658
2654
|
var b, n;
|
|
2659
2655
|
return u(), g("button", {
|
|
2660
2656
|
key: d,
|
|
2661
|
-
class:
|
|
2657
|
+
class: E(["cl-border cl-cursor-pointer cl-py-1 cl-rounded-md cl-text-center", {
|
|
2662
2658
|
"cl-bg-primary-lighter cl-bg-opacity-30 cl-border-primary-default cl-font-bold hover:cl-border-primary-darker": ((b = r.selectedQuickDate) == null ? void 0 : b.name) === i.name,
|
|
2663
2659
|
"cl-border-grey-2 hover:cl-border-grey-3 hover:cl-opacity-95 cl-opacity-60": ((n = r.selectedQuickDate) == null ? void 0 : n.name) !== i.name
|
|
2664
2660
|
}]),
|
|
2665
2661
|
onClick: (s) => t("quick-date-selected", i)
|
|
2666
2662
|
}, [
|
|
2667
2663
|
h("span", null, R(m(e)(i.translationKey)), 1)
|
|
2668
|
-
], 10,
|
|
2664
|
+
], 10, On);
|
|
2669
2665
|
}), 128))
|
|
2670
2666
|
]));
|
|
2671
2667
|
}
|
|
2672
|
-
}),
|
|
2668
|
+
}), An = [
|
|
2673
2669
|
"today",
|
|
2674
2670
|
"this week",
|
|
2675
2671
|
"this month",
|
|
@@ -2761,7 +2757,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
2761
2757
|
...nl,
|
|
2762
2758
|
...sl,
|
|
2763
2759
|
...Qe
|
|
2764
|
-
],
|
|
2760
|
+
], Vn = { class: "cl-p-2 cl-pt-0" }, Mn = {
|
|
2765
2761
|
key: 0,
|
|
2766
2762
|
class: "cl-mt-2 cl-opacity-20"
|
|
2767
2763
|
}, mt = /* @__PURE__ */ j({
|
|
@@ -2796,18 +2792,18 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
2796
2792
|
}
|
|
2797
2793
|
return i;
|
|
2798
2794
|
});
|
|
2799
|
-
return (i, d) => (u(), g("div",
|
|
2795
|
+
return (i, d) => (u(), g("div", Vn, [
|
|
2800
2796
|
h("div", null, R(m(r)("quickDates.quickDatesHeader")), 1),
|
|
2801
2797
|
(u(!0), g(K, null, _(a.value, (b, n) => (u(), g("div", {
|
|
2802
2798
|
key: n,
|
|
2803
2799
|
class: "cl-pt-2"
|
|
2804
2800
|
}, [
|
|
2805
|
-
q(
|
|
2801
|
+
q(En, {
|
|
2806
2802
|
dates: b,
|
|
2807
2803
|
"selected-quick-date": i.selectedQuickDate,
|
|
2808
2804
|
onQuickDateSelected: d[0] || (d[0] = (s) => e("quick-date-selected", s))
|
|
2809
2805
|
}, null, 8, ["dates", "selected-quick-date"]),
|
|
2810
|
-
n < a.value.length - 1 ? (u(), g("div",
|
|
2806
|
+
n < a.value.length - 1 ? (u(), g("div", Mn)) : U("", !0)
|
|
2811
2807
|
]))), 128))
|
|
2812
2808
|
]));
|
|
2813
2809
|
}
|
|
@@ -2822,13 +2818,13 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
2822
2818
|
emits: ["togglePopover", "clear"],
|
|
2823
2819
|
setup(o) {
|
|
2824
2820
|
const { t: l } = ce(), t = $(() => {
|
|
2825
|
-
const { class: e, ...r } =
|
|
2821
|
+
const { class: e, ...r } = Ze();
|
|
2826
2822
|
return r;
|
|
2827
2823
|
});
|
|
2828
2824
|
return (e, r) => {
|
|
2829
2825
|
const a = Se("icon");
|
|
2830
2826
|
return u(), g("div", {
|
|
2831
|
-
class:
|
|
2827
|
+
class: E(["cl-border cl-border-grey-1 cl-flex cl-flex-nowrap cl-flex-row cl-overflow-hidden cl-rounded-sm range-input", [
|
|
2832
2828
|
e.$attrs.class,
|
|
2833
2829
|
{
|
|
2834
2830
|
"cl-bg-grey-3 ": e.disabled
|
|
@@ -2856,7 +2852,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
2856
2852
|
id: e.$attrs.id ? e.$attrs.id + "Clear" : "clUiDateRangeInputClear",
|
|
2857
2853
|
title: m(l)("input.clearDateRange"),
|
|
2858
2854
|
size: "small",
|
|
2859
|
-
class:
|
|
2855
|
+
class: E(["cl-basis-0 cl-border-transparent cl-flex cl-items-center cl-justify-center hover:cl-border-transparent", {
|
|
2860
2856
|
"cl-text-grey-4 hover:cl-text-grey-3": !e.dateRangeSelected && !e.disabled,
|
|
2861
2857
|
"cl-text-danger-dark hover:cl-text-danger-default": e.dateRangeSelected && !e.disabled
|
|
2862
2858
|
}]),
|
|
@@ -2909,8 +2905,8 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
2909
2905
|
if (f !== null) {
|
|
2910
2906
|
const C = f;
|
|
2911
2907
|
t.value = {
|
|
2912
|
-
start:
|
|
2913
|
-
end:
|
|
2908
|
+
start: Pe(C.start, "start", !1, l.timeZone) ?? "",
|
|
2909
|
+
end: Pe(C.end, "end", !1, l.timeZone) ?? ""
|
|
2914
2910
|
};
|
|
2915
2911
|
} else
|
|
2916
2912
|
t.value = null;
|
|
@@ -2926,7 +2922,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
2926
2922
|
D(f.$slots, "default")
|
|
2927
2923
|
]),
|
|
2928
2924
|
default: M(() => [
|
|
2929
|
-
q(m(
|
|
2925
|
+
q(m(je), {
|
|
2930
2926
|
ref_key: "calendar",
|
|
2931
2927
|
ref: c,
|
|
2932
2928
|
modelValue: r.value,
|
|
@@ -2951,7 +2947,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
2951
2947
|
"date-range-selected": !!r.value,
|
|
2952
2948
|
title: n.value,
|
|
2953
2949
|
onTogglePopover: A,
|
|
2954
|
-
onClear: C[0] || (C[0] = (
|
|
2950
|
+
onClear: C[0] || (C[0] = (O) => {
|
|
2955
2951
|
r.value = null, s.value = null, c.value.hidePopover();
|
|
2956
2952
|
})
|
|
2957
2953
|
}), null, 16, ["required", "disabled", "date-range-selected", "title", "onTogglePopover"])
|
|
@@ -2979,13 +2975,13 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
2979
2975
|
} : void 0
|
|
2980
2976
|
]), 1032, ["show-required-asterisk"]));
|
|
2981
2977
|
}
|
|
2982
|
-
}),
|
|
2978
|
+
}), In = [
|
|
2983
2979
|
"text",
|
|
2984
2980
|
"email",
|
|
2985
2981
|
"tel",
|
|
2986
2982
|
"password",
|
|
2987
2983
|
"search"
|
|
2988
|
-
],
|
|
2984
|
+
], Nn = /* @__PURE__ */ j({
|
|
2989
2985
|
inheritAttrs: !1,
|
|
2990
2986
|
__name: "cl-ui-input-text-area",
|
|
2991
2987
|
props: /* @__PURE__ */ de({
|
|
@@ -3004,7 +3000,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3004
3000
|
a,
|
|
3005
3001
|
r
|
|
3006
3002
|
], () => {
|
|
3007
|
-
|
|
3003
|
+
Fe(() => {
|
|
3008
3004
|
a.value && r.value === "auto" && (a.value.style.height = "auto", i());
|
|
3009
3005
|
});
|
|
3010
3006
|
}, {
|
|
@@ -3072,7 +3068,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3072
3068
|
} : void 0
|
|
3073
3069
|
]), 1032, ["errors", "show-required-asterisk"]));
|
|
3074
3070
|
}
|
|
3075
|
-
}),
|
|
3071
|
+
}), Rn = { class: "cl-gap-1 cl-grid cl-grid-cols-[auto_1fr_auto_auto] cl-pt-0.5 cl-w-full" }, Un = ["disabled"], zn = { class: "cl-max-w-max" }, Bn = { class: "cl-flex cl-flex-col cl-gap-1 cl-w-full" }, Ln = ["min", "disabled", "required", "step", "max"], Fn = { class: "cl-bg-white cl-border cl-border-grey-2 cl-leading-none cl-rounded-full cl-text-center cl-text-xs" }, jn = ["disabled"], Pn = ["disabled", "title"], Hn = /* @__PURE__ */ j({
|
|
3076
3072
|
inheritAttrs: !1,
|
|
3077
3073
|
__name: "cl-ui-input-range",
|
|
3078
3074
|
props: /* @__PURE__ */ de({
|
|
@@ -3113,14 +3109,14 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3113
3109
|
"show-required-asterisk": c.required
|
|
3114
3110
|
}, ye({
|
|
3115
3111
|
default: M(() => [
|
|
3116
|
-
h("div",
|
|
3112
|
+
h("div", Rn, [
|
|
3117
3113
|
h("button", {
|
|
3118
3114
|
disabled: c.disabled,
|
|
3119
3115
|
class: "active:cl-bg-grey-0 cl-bg-white cl-border cl-border-grey-2 cl-leading-none cl-min-w-[26px] cl-p-[5px] cl-rounded-full cl-shadow cl-text-xs cl-transition-colors disabled:cl-bg-grey-1 hover:cl-bg-off-white",
|
|
3120
3116
|
onClick: p[0] || (p[0] = (y) => s(c.min))
|
|
3121
|
-
}, R(m(ml)(c.min, c.precision)), 9,
|
|
3122
|
-
h("div",
|
|
3123
|
-
se(h("div",
|
|
3117
|
+
}, R(m(ml)(c.min, c.precision)), 9, Un),
|
|
3118
|
+
h("div", zn, [
|
|
3119
|
+
se(h("div", Bn, [
|
|
3124
3120
|
se(h("input", Q({
|
|
3125
3121
|
ref_key: "sliderRef",
|
|
3126
3122
|
ref: a,
|
|
@@ -3133,7 +3129,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3133
3129
|
required: c.required,
|
|
3134
3130
|
step: 1 / Math.pow(10, c.precision),
|
|
3135
3131
|
max: c.max
|
|
3136
|
-
}), null, 16,
|
|
3132
|
+
}), null, 16, Ln), [
|
|
3137
3133
|
[
|
|
3138
3134
|
Sl,
|
|
3139
3135
|
e.value,
|
|
@@ -3141,7 +3137,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3141
3137
|
{ number: !0 }
|
|
3142
3138
|
]
|
|
3143
3139
|
]),
|
|
3144
|
-
h("div",
|
|
3140
|
+
h("div", Fn, R(m(ml)(m(n), c.precision)), 1)
|
|
3145
3141
|
], 512), [
|
|
3146
3142
|
[fe, b.value === !1]
|
|
3147
3143
|
]),
|
|
@@ -3165,7 +3161,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3165
3161
|
disabled: c.disabled,
|
|
3166
3162
|
class: "active:cl-bg-grey-0 cl-bg-white cl-border cl-border-grey-2 cl-leading-none cl-min-w-[26px] cl-p-[5px] cl-rounded-full cl-shadow cl-text-xs cl-transition-colors disabled:cl-bg-grey-1 hover:cl-bg-off-white",
|
|
3167
3163
|
onClick: p[3] || (p[3] = (y) => s(c.max))
|
|
3168
|
-
}, R(m(ml)(c.max, c.precision)), 9,
|
|
3164
|
+
}, R(m(ml)(c.max, c.precision)), 9, jn),
|
|
3169
3165
|
h("button", {
|
|
3170
3166
|
disabled: c.disabled,
|
|
3171
3167
|
class: "active:cl-bg-grey-0 cl-bg-white cl-border cl-border-grey-2 cl-leading-none cl-min-w-0 cl-p-[5px] cl-rounded-full cl-shadow cl-text-xs cl-transition-colors disabled:cl-bg-grey-1 hover:cl-bg-off-white",
|
|
@@ -3173,7 +3169,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3173
3169
|
onClick: p[4] || (p[4] = (y) => b.value = !b.value)
|
|
3174
3170
|
}, [
|
|
3175
3171
|
q(w, { icon: "ph:arrows-left-right-thin" })
|
|
3176
|
-
], 8,
|
|
3172
|
+
], 8, Pn)
|
|
3177
3173
|
])
|
|
3178
3174
|
]),
|
|
3179
3175
|
_: 2
|
|
@@ -3195,11 +3191,11 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3195
3191
|
]), 1032, ["errors", "show-required-asterisk"]);
|
|
3196
3192
|
};
|
|
3197
3193
|
}
|
|
3198
|
-
}),
|
|
3194
|
+
}), Gn = /* @__PURE__ */ Te(Hn, [["__scopeId", "data-v-d2902c00"]]), vt = [
|
|
3199
3195
|
"date",
|
|
3200
3196
|
"datetime",
|
|
3201
3197
|
"time"
|
|
3202
|
-
],
|
|
3198
|
+
], Zn = [
|
|
3203
3199
|
"auto",
|
|
3204
3200
|
"auto-start",
|
|
3205
3201
|
"auto-end",
|
|
@@ -3211,13 +3207,13 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3211
3207
|
"right-end",
|
|
3212
3208
|
"left-start",
|
|
3213
3209
|
"left-end"
|
|
3214
|
-
],
|
|
3210
|
+
], Wn = {
|
|
3215
3211
|
key: 1,
|
|
3216
3212
|
class: "cl-relative"
|
|
3217
|
-
},
|
|
3213
|
+
}, Kn = ["value", "disabled", "placeholder"], Qn = {
|
|
3218
3214
|
key: 0,
|
|
3219
3215
|
class: "action-icon cl-absolute cl-bg-transparent cl-flex cl-right-2 cl-text-grey-4 cl-top-3.5"
|
|
3220
|
-
},
|
|
3216
|
+
}, Yn = /* @__PURE__ */ j({
|
|
3221
3217
|
inheritAttrs: !1,
|
|
3222
3218
|
__name: "cl-ui-calendar-input",
|
|
3223
3219
|
props: {
|
|
@@ -3259,7 +3255,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3259
3255
|
"date-range-selected": !!d.rangeSelected,
|
|
3260
3256
|
onTogglePopover: b[0] || (b[0] = (n) => d.$emit("togglePopover")),
|
|
3261
3257
|
onClear: b[1] || (b[1] = (n) => d.$emit("clear"))
|
|
3262
|
-
}), null, 16, ["disabled", "required", "date-range-selected"])) : (u(), g("div",
|
|
3258
|
+
}), null, 16, ["disabled", "required", "date-range-selected"])) : (u(), g("div", Wn, [
|
|
3263
3259
|
h("input", Q({
|
|
3264
3260
|
ref_key: "element",
|
|
3265
3261
|
ref: e
|
|
@@ -3268,13 +3264,13 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3268
3264
|
type: "text",
|
|
3269
3265
|
disabled: d.disabled,
|
|
3270
3266
|
placeholder: i.value
|
|
3271
|
-
}, Mt(d.events, !0)), null, 16,
|
|
3267
|
+
}, Mt(d.events, !0)), null, 16, Kn),
|
|
3272
3268
|
q(m(le), {
|
|
3273
3269
|
class: "cl-absolute cl-bg-transparent cl-cursor-text cl-left-2 cl-text-grey-4 cl-top-3.5 icon",
|
|
3274
3270
|
icon: d.type === "time" ? "ph-clock" : "ph:calendar",
|
|
3275
3271
|
onClick: r
|
|
3276
3272
|
}, null, 8, ["icon"]),
|
|
3277
|
-
d.disabled ? U("", !0) : (u(), g("div",
|
|
3273
|
+
d.disabled ? U("", !0) : (u(), g("div", Qn, [
|
|
3278
3274
|
d.type !== "time" ? (u(), L(m(le), {
|
|
3279
3275
|
key: 0,
|
|
3280
3276
|
class: "cl-cursor-pointer hover:cl-text-link-light",
|
|
@@ -3290,7 +3286,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3290
3286
|
]))
|
|
3291
3287
|
]));
|
|
3292
3288
|
}
|
|
3293
|
-
}), Ye = /* @__PURE__ */ Te(
|
|
3289
|
+
}), Ye = /* @__PURE__ */ Te(Yn, [["__scopeId", "data-v-72ad6b70"]]), ht = /* @__PURE__ */ j({
|
|
3294
3290
|
inheritAttrs: !1,
|
|
3295
3291
|
__name: "cl-ui-input-datetime",
|
|
3296
3292
|
props: /* @__PURE__ */ de({
|
|
@@ -3319,14 +3315,14 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3319
3315
|
}).toJSDate()), f;
|
|
3320
3316
|
},
|
|
3321
3317
|
set(f) {
|
|
3322
|
-
e.type === "time" ? r.value = f : f !== null ? r.value =
|
|
3318
|
+
e.type === "time" ? r.value = f : f !== null ? r.value = Pe(f, null, !1, e.timeZone) : r.value = null;
|
|
3323
3319
|
}
|
|
3324
3320
|
}), { locale: b } = ce(), n = $(() => e.dateFormatLocale ?? b.value), s = $(() => e.showPopover !== void 0 ? e.showPopover : e.type !== "time"), c = $(() => El(e.disabled || !s.value, e.popoverPlacement)), p = $(() => it(n.value, e.type)), w = V(null), y = $(() => Al(r.value, e.initialCalendarDate, i.value, e.type));
|
|
3325
3321
|
return te(() => [
|
|
3326
3322
|
e.minDate,
|
|
3327
3323
|
e.maxDate
|
|
3328
3324
|
], () => {
|
|
3329
|
-
e.type !== "time" && (d.value instanceof Date || d.value === null) && (d.value =
|
|
3325
|
+
e.type !== "time" && (d.value instanceof Date || d.value === null) && (d.value = qn(e.minDate, e.maxDate, d.value, i.value, e.type));
|
|
3330
3326
|
}), l({
|
|
3331
3327
|
focus() {
|
|
3332
3328
|
var f;
|
|
@@ -3337,7 +3333,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3337
3333
|
D(f.$slots, "default")
|
|
3338
3334
|
]),
|
|
3339
3335
|
default: M(() => [
|
|
3340
|
-
f.type === "time" ? (u(), L(m(
|
|
3336
|
+
f.type === "time" ? (u(), L(m(je), {
|
|
3341
3337
|
key: 0,
|
|
3342
3338
|
modelValue: d.value,
|
|
3343
3339
|
"onUpdate:modelValue": C[1] || (C[1] = (A) => d.value = A),
|
|
@@ -3353,12 +3349,12 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3353
3349
|
"hide-time-header": "",
|
|
3354
3350
|
popover: c.value
|
|
3355
3351
|
}, {
|
|
3356
|
-
default: M(({ inputValue: A, inputEvents:
|
|
3352
|
+
default: M(({ inputValue: A, inputEvents: O }) => [
|
|
3357
3353
|
q(Ye, Q(f.$attrs, {
|
|
3358
3354
|
ref_key: "input",
|
|
3359
3355
|
ref: w,
|
|
3360
3356
|
date: A,
|
|
3361
|
-
events:
|
|
3357
|
+
events: O,
|
|
3362
3358
|
type: f.type,
|
|
3363
3359
|
placeholder: f.placeholder,
|
|
3364
3360
|
required: f.required,
|
|
@@ -3367,7 +3363,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3367
3363
|
}), null, 16, ["date", "events", "type", "placeholder", "required", "disabled"])
|
|
3368
3364
|
]),
|
|
3369
3365
|
_: 1
|
|
3370
|
-
}, 8, ["modelValue", "locale", "is24hr", "mode", "is-required", "masks", "popover"])) : (u(), L(m(
|
|
3366
|
+
}, 8, ["modelValue", "locale", "is24hr", "mode", "is-required", "masks", "popover"])) : (u(), L(m(je), {
|
|
3371
3367
|
key: 1,
|
|
3372
3368
|
modelValue: d.value,
|
|
3373
3369
|
"onUpdate:modelValue": C[4] || (C[4] = (A) => d.value = A),
|
|
@@ -3386,12 +3382,12 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3386
3382
|
"hide-time-header": "",
|
|
3387
3383
|
popover: c.value
|
|
3388
3384
|
}, {
|
|
3389
|
-
default: M(({ inputValue: A, inputEvents:
|
|
3385
|
+
default: M(({ inputValue: A, inputEvents: O }) => [
|
|
3390
3386
|
q(Ye, Q(f.$attrs, {
|
|
3391
3387
|
ref_key: "input",
|
|
3392
3388
|
ref: w,
|
|
3393
3389
|
date: A,
|
|
3394
|
-
events:
|
|
3390
|
+
events: O,
|
|
3395
3391
|
type: f.type,
|
|
3396
3392
|
placeholder: f.placeholder,
|
|
3397
3393
|
required: f.required,
|
|
@@ -3427,7 +3423,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3427
3423
|
D(r.$slots, "default", me(be({ toggleModalInput: e })))
|
|
3428
3424
|
], 16));
|
|
3429
3425
|
}
|
|
3430
|
-
}),
|
|
3426
|
+
}), Jn = ["placeholder", "value", "disabled", "onKeydown"], Xn = ["disabled"], xn = ["id", "tabindex", "inert", "onKeydown"], wl = /* @__PURE__ */ j({
|
|
3431
3427
|
inheritAttrs: !1,
|
|
3432
3428
|
__name: "cl-ui-select",
|
|
3433
3429
|
props: /* @__PURE__ */ de({
|
|
@@ -3444,7 +3440,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3444
3440
|
}),
|
|
3445
3441
|
emits: ["update:modelValue"],
|
|
3446
3442
|
setup(o) {
|
|
3447
|
-
const l = o, t = ke(o, "modelValue"), e = V(-1), r = V(), a = V(), i = V(!1), d = $(() => Array.isArray(t.value)), b =
|
|
3443
|
+
const l = o, t = ke(o, "modelValue"), e = V(-1), r = V(), a = V(), i = V(!1), d = $(() => Array.isArray(t.value)), b = Ze().id ?? "select";
|
|
3448
3444
|
function n(I) {
|
|
3449
3445
|
typeof I < "u" ? i.value = I : l.disabled === !1 && (i.value = !i.value), i.value === !1 && (e.value = -1);
|
|
3450
3446
|
}
|
|
@@ -3492,7 +3488,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3492
3488
|
function A() {
|
|
3493
3489
|
s(l.list[e.value]);
|
|
3494
3490
|
}
|
|
3495
|
-
function
|
|
3491
|
+
function O(I) {
|
|
3496
3492
|
if (t.value === null || t.value === void 0)
|
|
3497
3493
|
return !1;
|
|
3498
3494
|
if (Array.isArray(t.value))
|
|
@@ -3527,14 +3523,14 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3527
3523
|
]),
|
|
3528
3524
|
default: M(() => [
|
|
3529
3525
|
h("div", {
|
|
3530
|
-
class:
|
|
3526
|
+
class: E(["cl-w-full", {
|
|
3531
3527
|
"cl-relative": I.isGridFilter === !1
|
|
3532
3528
|
}])
|
|
3533
3529
|
}, [
|
|
3534
3530
|
D(I.$slots, "input", me(be({ selectHighlightedElement: A, selectModalVisible: i.value, toggleSelectModalState: n, moveHighlightBackwards: w, moveHighlightForwards: y, moveHighlightToStart: c, moveHighlightToEnd: p })), () => [
|
|
3535
3531
|
d.value === !1 ? (u(), L(bt, {
|
|
3536
3532
|
key: 0,
|
|
3537
|
-
class:
|
|
3533
|
+
class: E([[P.value, {
|
|
3538
3534
|
"cl-border cl-border-grey-2": I.isGridFilter === !1
|
|
3539
3535
|
}], "cl-flex cl-gap-2 cl-items-center cl-justify-between cl-min-h-8 cl-rounded-lg cl-select-none cl-transition-colors cl-w-full"]),
|
|
3540
3536
|
onToggleModal: n
|
|
@@ -3564,7 +3560,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3564
3560
|
A(), G.target.blur();
|
|
3565
3561
|
}, ["stop", "prevent"]), ["enter"]))
|
|
3566
3562
|
]
|
|
3567
|
-
}), null, 16,
|
|
3563
|
+
}), null, 16, Jn),
|
|
3568
3564
|
h("div", {
|
|
3569
3565
|
class: "cl-flex cl-items-center cl-px-2 cl-py-1 cl-relative cl-text-grey-3 cl-z-10",
|
|
3570
3566
|
disabled: I.disabled,
|
|
@@ -3573,7 +3569,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3573
3569
|
q(W, {
|
|
3574
3570
|
icon: i.value ? "ph:caret-up-bold" : "ph:caret-down-bold"
|
|
3575
3571
|
}, null, 8, ["icon"])
|
|
3576
|
-
], 8,
|
|
3572
|
+
], 8, Xn)
|
|
3577
3573
|
]),
|
|
3578
3574
|
_: 1
|
|
3579
3575
|
}, 8, ["class"])) : U("", !0)
|
|
@@ -3604,13 +3600,13 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3604
3600
|
]
|
|
3605
3601
|
}), [
|
|
3606
3602
|
(u(!0), g(K, null, _(I.list, (G, B) => (u(), g("div", { key: B }, [
|
|
3607
|
-
D(I.$slots, "default", Q({ ref_for: !0 }, { option: G, index: B, select: s, highlightIndex: e.value, isSelected:
|
|
3603
|
+
D(I.$slots, "default", Q({ ref_for: !0 }, { option: G, index: B, select: s, highlightIndex: e.value, isSelected: O }), () => [
|
|
3608
3604
|
(u(), L(oe, {
|
|
3609
3605
|
id: m(b) + "-option-" + (f(G) ? G.id : B),
|
|
3610
3606
|
key: B,
|
|
3611
3607
|
disabled: I.disabled,
|
|
3612
3608
|
"is-highlighted": e.value === B,
|
|
3613
|
-
"is-selected":
|
|
3609
|
+
"is-selected": O(G),
|
|
3614
3610
|
onSelect: (ee) => s(G)
|
|
3615
3611
|
}, {
|
|
3616
3612
|
default: M(() => [
|
|
@@ -3620,7 +3616,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3620
3616
|
}, 1032, ["id", "disabled", "is-highlighted", "is-selected", "onSelect"]))
|
|
3621
3617
|
])
|
|
3622
3618
|
]))), 128))
|
|
3623
|
-
], 16,
|
|
3619
|
+
], 16, xn)) : U("", !0)
|
|
3624
3620
|
], 2)
|
|
3625
3621
|
]),
|
|
3626
3622
|
_: 2
|
|
@@ -3647,7 +3643,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3647
3643
|
setup(o, { emit: l }) {
|
|
3648
3644
|
const t = l;
|
|
3649
3645
|
return (e, r) => (u(), g("div", {
|
|
3650
|
-
class:
|
|
3646
|
+
class: E(["cl-px-2 cl-py-0.5", e.disabled ? "cl-bg-grey-1 cl-border-grey-2 cl-placeholder-grey-3" : ["cl-cursor-pointer", {
|
|
3651
3647
|
"cl-bg-primary-lighter hover:cl-bg-primary-default": e.isSelected && e.isHighlighted === !1,
|
|
3652
3648
|
"cl-bg-primary-default": e.isSelected && e.isHighlighted,
|
|
3653
3649
|
"hover:cl-bg-link-lighter": e.isSelected === !1 && e.isHighlighted === !1,
|
|
@@ -3658,7 +3654,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3658
3654
|
D(e.$slots, "default")
|
|
3659
3655
|
], 2));
|
|
3660
3656
|
}
|
|
3661
|
-
}),
|
|
3657
|
+
}), _n = [
|
|
3662
3658
|
"string",
|
|
3663
3659
|
"boolean",
|
|
3664
3660
|
"number",
|
|
@@ -3671,7 +3667,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
|
|
|
3671
3667
|
function yt(o) {
|
|
3672
3668
|
return typeof o.caption == "string" && typeof o.name == "string" && typeof o.type == "string";
|
|
3673
3669
|
}
|
|
3674
|
-
function
|
|
3670
|
+
function es(o) {
|
|
3675
3671
|
let l = Array.isArray(o);
|
|
3676
3672
|
if (l) {
|
|
3677
3673
|
for (const t of o)
|
|
@@ -3682,12 +3678,12 @@ function _n(o) {
|
|
|
3682
3678
|
}
|
|
3683
3679
|
return l;
|
|
3684
3680
|
}
|
|
3685
|
-
const
|
|
3681
|
+
const ls = [
|
|
3686
3682
|
"ellipsis",
|
|
3687
3683
|
"wrap-text"
|
|
3688
3684
|
];
|
|
3689
3685
|
var ne = /* @__PURE__ */ ((o) => (o[o.CONTAINS = 0] = "CONTAINS", o[o.NOT_CONTAINS = 1] = "NOT_CONTAINS", o[o.EQUAL = 2] = "EQUAL", o[o.NOT_EQUAL = 3] = "NOT_EQUAL", o[o.STARTS_WITH = 4] = "STARTS_WITH", o[o.ENDS_WITH = 5] = "ENDS_WITH", o[o.GREATER_THAN = 6] = "GREATER_THAN", o[o.LESS_THAN = 7] = "LESS_THAN", o[o.EQUAL_OR_GREATER_THAN = 8] = "EQUAL_OR_GREATER_THAN", o[o.EQUAL_OR_LESS_THAN = 9] = "EQUAL_OR_LESS_THAN", o[o.AND_CONTAINS = 10] = "AND_CONTAINS", o))(ne || {});
|
|
3690
|
-
const
|
|
3686
|
+
const ts = [
|
|
3691
3687
|
"equal",
|
|
3692
3688
|
"notequal",
|
|
3693
3689
|
"contains",
|
|
@@ -3700,24 +3696,24 @@ const ls = [
|
|
|
3700
3696
|
"equalorgreaterthan",
|
|
3701
3697
|
"andcontains"
|
|
3702
3698
|
];
|
|
3703
|
-
function
|
|
3699
|
+
function os(o) {
|
|
3704
3700
|
return typeof o.filterOnColumn == "string" && typeof o.filterOperation == "number" && typeof o.filterValue == "string";
|
|
3705
3701
|
}
|
|
3706
|
-
function
|
|
3702
|
+
function as(o) {
|
|
3707
3703
|
return o === null || typeof o.sortByAscending == "boolean" && typeof o.sortOnColumn == "string";
|
|
3708
3704
|
}
|
|
3709
|
-
function
|
|
3710
|
-
let l = typeof o.filters == "object" && Array.isArray(o.filters) && typeof o.pageNumber == "number" && typeof o.pageSize == "number" && typeof o.sort == "object" &&
|
|
3705
|
+
function ns(o) {
|
|
3706
|
+
let l = typeof o.filters == "object" && Array.isArray(o.filters) && typeof o.pageNumber == "number" && typeof o.pageSize == "number" && typeof o.sort == "object" && as(o.sort);
|
|
3711
3707
|
if (l) {
|
|
3712
3708
|
for (const t of o.filters)
|
|
3713
|
-
if (!
|
|
3709
|
+
if (!os(t)) {
|
|
3714
3710
|
l = !1;
|
|
3715
3711
|
break;
|
|
3716
3712
|
}
|
|
3717
3713
|
}
|
|
3718
3714
|
return l;
|
|
3719
3715
|
}
|
|
3720
|
-
function
|
|
3716
|
+
function ss(o, l) {
|
|
3721
3717
|
let t = typeof o.results == "object" && Array.isArray(o.results) && typeof o.totalRecords == "number";
|
|
3722
3718
|
if (t) {
|
|
3723
3719
|
for (const e of o.results)
|
|
@@ -3728,7 +3724,7 @@ function ns(o, l) {
|
|
|
3728
3724
|
}
|
|
3729
3725
|
return t;
|
|
3730
3726
|
}
|
|
3731
|
-
const
|
|
3727
|
+
const rs = {
|
|
3732
3728
|
method: "equal",
|
|
3733
3729
|
icon: "mdi:equal",
|
|
3734
3730
|
description: "Equals",
|
|
@@ -3741,12 +3737,12 @@ const ss = {
|
|
|
3741
3737
|
"list"
|
|
3742
3738
|
],
|
|
3743
3739
|
key: "equal"
|
|
3744
|
-
},
|
|
3740
|
+
}, is = {
|
|
3745
3741
|
method: "contains",
|
|
3746
3742
|
icon: "mdi:format-letter-matches",
|
|
3747
3743
|
description: "Contains",
|
|
3748
3744
|
allowedTypes: ["string"]
|
|
3749
|
-
},
|
|
3745
|
+
}, us = {
|
|
3750
3746
|
method: "lessthan",
|
|
3751
3747
|
icon: "mdi:less-than",
|
|
3752
3748
|
description: "Before",
|
|
@@ -3756,7 +3752,7 @@ const ss = {
|
|
|
3756
3752
|
],
|
|
3757
3753
|
key: "before"
|
|
3758
3754
|
}, Pl = [
|
|
3759
|
-
|
|
3755
|
+
is,
|
|
3760
3756
|
{
|
|
3761
3757
|
method: "notcontains",
|
|
3762
3758
|
icon: "mdi:format-letter-spacing-variant",
|
|
@@ -3775,7 +3771,7 @@ const ss = {
|
|
|
3775
3771
|
description: "Ends with",
|
|
3776
3772
|
allowedTypes: ["string"]
|
|
3777
3773
|
},
|
|
3778
|
-
|
|
3774
|
+
rs,
|
|
3779
3775
|
{
|
|
3780
3776
|
method: "notequal",
|
|
3781
3777
|
icon: "mdi:not-equal",
|
|
@@ -3788,7 +3784,7 @@ const ss = {
|
|
|
3788
3784
|
],
|
|
3789
3785
|
key: "notequal"
|
|
3790
3786
|
},
|
|
3791
|
-
|
|
3787
|
+
us,
|
|
3792
3788
|
{
|
|
3793
3789
|
method: "greaterthan",
|
|
3794
3790
|
icon: "mdi:greater-than",
|
|
@@ -3843,7 +3839,7 @@ const ss = {
|
|
|
3843
3839
|
description: "Less than",
|
|
3844
3840
|
allowedTypes: ["number"]
|
|
3845
3841
|
}
|
|
3846
|
-
],
|
|
3842
|
+
], cs = { class: "cl-bg-off-white cl-border-grey-1 cl-border-r cl-flex cl-h-full cl-items-center cl-justify-center cl-rounded-md cl-w-10" }, ds = { class: "cl-p-2 cl-select-none" }, ps = ["onClick"], fs = /* @__PURE__ */ j({
|
|
3847
3843
|
__name: "cl-ui-grid-method-selector",
|
|
3848
3844
|
props: {
|
|
3849
3845
|
filter: {},
|
|
@@ -3889,29 +3885,29 @@ const ss = {
|
|
|
3889
3885
|
ref: b,
|
|
3890
3886
|
class: "cl-group cl-inline cl-relative cl-w-auto"
|
|
3891
3887
|
}, [
|
|
3892
|
-
h("div",
|
|
3888
|
+
h("div", cs, [
|
|
3893
3889
|
i.value ? (u(), L(m(le), {
|
|
3894
3890
|
key: 0,
|
|
3895
3891
|
icon: i.value.icon,
|
|
3896
|
-
class:
|
|
3892
|
+
class: E(["cl-text-lg", {
|
|
3897
3893
|
"cl-text-grey-4": t.filter === void 0 || t.filter.filterValue === "",
|
|
3898
3894
|
"cl-text-primary-default": t.filter && t.filter.filterValue !== ""
|
|
3899
3895
|
}])
|
|
3900
3896
|
}, null, 8, ["icon", "class"])) : U("", !0)
|
|
3901
3897
|
]),
|
|
3902
3898
|
h("div", {
|
|
3903
|
-
class:
|
|
3899
|
+
class: E(["cl-absolute cl-bg-white cl-border cl-border-grey-0 cl-flex-wrap cl-font-normal cl-h-0 cl-hidden cl-rounded cl-shadow-lg cl-text-left cl-text-xs cl-top-8 cl-z-10", {
|
|
3904
3900
|
"group-hover:cl-flex group-hover:cl-h-auto group-hover:cl-w-52": c.loading === !1,
|
|
3905
3901
|
"cl-right-0": s.value === !1,
|
|
3906
3902
|
"cl-left-0": s.value
|
|
3907
3903
|
}])
|
|
3908
3904
|
}, [
|
|
3909
|
-
h("strong",
|
|
3905
|
+
h("strong", ds, R(m(r)("grid.availableMethods")), 1),
|
|
3910
3906
|
(u(!0), g(K, null, _(a.value, (w, y) => {
|
|
3911
3907
|
var f;
|
|
3912
3908
|
return u(), g("span", {
|
|
3913
3909
|
key: y,
|
|
3914
|
-
class:
|
|
3910
|
+
class: E(["cl-cursor-pointer cl-px-4 cl-py-1 cl-transition-colors cl-w-full hover:cl-bg-grey-0", {
|
|
3915
3911
|
"cl-bg-primary-default cl-opacity-80": w.method === ((f = i.value) == null ? void 0 : f.method)
|
|
3916
3912
|
}]),
|
|
3917
3913
|
onClick: x((C) => d(w.method), ["prevent"])
|
|
@@ -3921,7 +3917,7 @@ const ss = {
|
|
|
3921
3917
|
icon: w.icon,
|
|
3922
3918
|
class: "cl-float-right cl-text-grey-4 cl-text-sm"
|
|
3923
3919
|
}, null, 8, ["icon"])
|
|
3924
|
-
], 10,
|
|
3920
|
+
], 10, ps);
|
|
3925
3921
|
}), 128))
|
|
3926
3922
|
], 2)
|
|
3927
3923
|
], 512));
|
|
@@ -3942,19 +3938,19 @@ const ss = {
|
|
|
3942
3938
|
name: qe.global.t("grid.false"),
|
|
3943
3939
|
value: "false"
|
|
3944
3940
|
}
|
|
3945
|
-
]),
|
|
3941
|
+
]), ms = {
|
|
3946
3942
|
key: 1,
|
|
3947
3943
|
class: "cl-w-full"
|
|
3948
|
-
},
|
|
3944
|
+
}, gs = {
|
|
3949
3945
|
key: 2,
|
|
3950
3946
|
class: "cl-w-full"
|
|
3951
|
-
},
|
|
3947
|
+
}, vs = {
|
|
3952
3948
|
key: 3,
|
|
3953
3949
|
class: "cl-w-full"
|
|
3954
|
-
},
|
|
3950
|
+
}, hs = {
|
|
3955
3951
|
key: 4,
|
|
3956
3952
|
class: "cl-w-full"
|
|
3957
|
-
},
|
|
3953
|
+
}, bs = /* @__PURE__ */ j({
|
|
3958
3954
|
__name: "cl-ui-grid-filter-input",
|
|
3959
3955
|
props: {
|
|
3960
3956
|
loading: { type: Boolean },
|
|
@@ -3984,7 +3980,7 @@ const ss = {
|
|
|
3984
3980
|
value: H.value.toString()
|
|
3985
3981
|
}))) ?? []
|
|
3986
3982
|
];
|
|
3987
|
-
}), C = $(() => f.value.find((T) => T.value === W.value) ?? null), A = V(!1),
|
|
3983
|
+
}), C = $(() => f.value.find((T) => T.value === W.value) ?? null), A = V(!1), O = $(() => A.value || p.value === !1), S = $({
|
|
3988
3984
|
get() {
|
|
3989
3985
|
var H, v, N, Z, ge, pe, Ee;
|
|
3990
3986
|
let T = (H = d.value) == null ? void 0 : H[0];
|
|
@@ -4096,7 +4092,7 @@ const ss = {
|
|
|
4096
4092
|
if (H && (b.value || n.value))
|
|
4097
4093
|
for (const v of H)
|
|
4098
4094
|
t.timeZone ? v.filterValue = Y.fromISO(v.filterValue).setZone("UTC").toISO() ?? "" : v.filterValue = v.filterValue.replace("Z", "");
|
|
4099
|
-
(T == null ? void 0 : T.filterValue) === "" ||
|
|
4095
|
+
(T == null ? void 0 : T.filterValue) === "" || O.value ? (P(!1), d.value = H, A.value = !1) : P(H);
|
|
4100
4096
|
}
|
|
4101
4097
|
}), P = Je((T) => {
|
|
4102
4098
|
T !== !1 && (d.value = T);
|
|
@@ -4181,7 +4177,7 @@ const ss = {
|
|
|
4181
4177
|
const F = il("cl-ui-grid-id") ?? "cl-ui-grid-filter";
|
|
4182
4178
|
return (T, H) => B.value ? (u(), g("div", {
|
|
4183
4179
|
key: 0,
|
|
4184
|
-
class:
|
|
4180
|
+
class: E(["cl-border cl-border-grey-2 cl-flex cl-relative cl-rounded-md", [
|
|
4185
4181
|
T.options.hideGridMobileView || s.value || T.column.type === "boolean" || T.column.type === "slot" && T.column.slotType === "boolean" ? "cl-overflow-visible" : "cl-overflow-hidden lg:cl-overflow-visible"
|
|
4186
4182
|
]])
|
|
4187
4183
|
}, [
|
|
@@ -4209,7 +4205,7 @@ const ss = {
|
|
|
4209
4205
|
}, 1032, ["is-selected", "is-highlighted", "onSelect"])
|
|
4210
4206
|
]),
|
|
4211
4207
|
_: 1
|
|
4212
|
-
}, 8, ["id", "list", "disabled", "model-value"])) : b.value ? (u(), g("div",
|
|
4208
|
+
}, 8, ["id", "list", "disabled", "model-value"])) : b.value ? (u(), g("div", ms, [
|
|
4213
4209
|
q(ht, {
|
|
4214
4210
|
id: `${m(F)}-${T.column.name}`,
|
|
4215
4211
|
"model-value": oe.value,
|
|
@@ -4220,7 +4216,7 @@ const ss = {
|
|
|
4220
4216
|
"popover-placement": "bottom-start",
|
|
4221
4217
|
"onUpdate:modelValue": H[1] || (H[1] = (v) => ee(null, v ?? ""))
|
|
4222
4218
|
}, null, 8, ["id", "model-value", "time-zone", "readonly", "type"])
|
|
4223
|
-
])) : n.value ? (u(), g("div",
|
|
4219
|
+
])) : n.value ? (u(), g("div", gs, [
|
|
4224
4220
|
q(gt, {
|
|
4225
4221
|
id: `${m(F)}-${T.column.name}`,
|
|
4226
4222
|
"model-value": G.value,
|
|
@@ -4231,7 +4227,7 @@ const ss = {
|
|
|
4231
4227
|
"popover-placement": "bottom-start",
|
|
4232
4228
|
"onUpdate:modelValue": H[2] || (H[2] = (v) => z(v))
|
|
4233
4229
|
}, null, 8, ["id", "model-value", "disabled", "time-zone", "quick-date-scope"])
|
|
4234
|
-
])) : T.column.type === "number" || T.column.type === "slot" && T.column.slotType === "number" ? (u(), g("div",
|
|
4230
|
+
])) : T.column.type === "number" || T.column.type === "slot" && T.column.slotType === "number" ? (u(), g("div", vs, [
|
|
4235
4231
|
q(ll, {
|
|
4236
4232
|
id: `${m(F)}-${T.column.name}`,
|
|
4237
4233
|
"model-value": W.value === "" || isNaN(+W.value) ? null : +W.value,
|
|
@@ -4248,7 +4244,7 @@ const ss = {
|
|
|
4248
4244
|
])),
|
|
4249
4245
|
_: 1
|
|
4250
4246
|
}, 8, ["id", "model-value", "format", "precision", "readonly"])
|
|
4251
|
-
])) : T.column.type === "string" || T.column.type === "slot" && T.column.slotType === "string" ? (u(), g("div",
|
|
4247
|
+
])) : T.column.type === "string" || T.column.type === "slot" && T.column.slotType === "string" ? (u(), g("div", hs, [
|
|
4252
4248
|
q(ze, {
|
|
4253
4249
|
id: `${m(F)}-${T.column.name}`,
|
|
4254
4250
|
modelValue: X.value,
|
|
@@ -4279,7 +4275,7 @@ const ss = {
|
|
|
4279
4275
|
q(kl, {
|
|
4280
4276
|
"is-highlighted": Z === ge,
|
|
4281
4277
|
"is-selected": pe(N),
|
|
4282
|
-
class:
|
|
4278
|
+
class: E({
|
|
4283
4279
|
"!cl-py-0": N.name === "",
|
|
4284
4280
|
"cl-text-xs": N.name !== ""
|
|
4285
4281
|
}),
|
|
@@ -4293,7 +4289,7 @@ const ss = {
|
|
|
4293
4289
|
]),
|
|
4294
4290
|
_: 1
|
|
4295
4291
|
}, 8, ["id", "list", "model-value", "disabled"])) : U("", !0),
|
|
4296
|
-
n.value ? U("", !0) : (u(), L(
|
|
4292
|
+
n.value ? U("", !0) : (u(), L(fs, {
|
|
4297
4293
|
key: 6,
|
|
4298
4294
|
filter: I.value,
|
|
4299
4295
|
"onUpdate:filter": H[7] || (H[7] = (v) => I.value = v),
|
|
@@ -4304,7 +4300,7 @@ const ss = {
|
|
|
4304
4300
|
}, null, 8, ["filter", "loading", "column", "default-operation"]))
|
|
4305
4301
|
], 2)) : U("", !0);
|
|
4306
4302
|
}
|
|
4307
|
-
}), Gl = /* @__PURE__ */ Te(
|
|
4303
|
+
}), Gl = /* @__PURE__ */ Te(bs, [["__scopeId", "data-v-a6f8df27"]]), ys = { key: 1 }, ws = /* @__PURE__ */ j({
|
|
4308
4304
|
__name: "cl-ui-grid-filter",
|
|
4309
4305
|
props: {
|
|
4310
4306
|
loading: { type: Boolean },
|
|
@@ -4323,7 +4319,7 @@ const ss = {
|
|
|
4323
4319
|
return (e, r) => e.initialLoad && m(Xe)(e.column) ? (u(), L(m(ql), {
|
|
4324
4320
|
key: 0,
|
|
4325
4321
|
class: "cl-h-[34px]"
|
|
4326
|
-
})) : e.bulkEditMode && e.column.editable ? (u(), g("div",
|
|
4322
|
+
})) : e.bulkEditMode && e.column.editable ? (u(), g("div", ys, [
|
|
4327
4323
|
D(e.$slots, `${e.column.name}BulkEdit`, me(be({
|
|
4328
4324
|
column: e.column
|
|
4329
4325
|
})), () => [
|
|
@@ -4353,7 +4349,7 @@ const ss = {
|
|
|
4353
4349
|
onPerformDataRequest: r[3] || (r[3] = (a) => e.$emit("perform-data-request"))
|
|
4354
4350
|
}, null, 8, ["loading", "filter", "column", "time-zone", "quick-date-scope", "header-display-timezone", "options"])) : U("", !0);
|
|
4355
4351
|
}
|
|
4356
|
-
}),
|
|
4352
|
+
}), ks = ["onClick"], $s = { key: 1 }, Ts = ["onClick"], Cs = { class: "cl-font-normal cl-mr-1" }, Ss = /* @__PURE__ */ j({
|
|
4357
4353
|
__name: "cl-ui-grid-header",
|
|
4358
4354
|
props: {
|
|
4359
4355
|
request: {},
|
|
@@ -4395,24 +4391,24 @@ const ss = {
|
|
|
4395
4391
|
}
|
|
4396
4392
|
}
|
|
4397
4393
|
return (n, s) => (u(), g("thead", {
|
|
4398
|
-
class:
|
|
4394
|
+
class: E(["-cl-top-1 cl-bg-white cl-z-20", [
|
|
4399
4395
|
n.options.hideGridMobileView ? "cl-relative" : "cl-shadow-sm cl-sticky lg:cl-bg-transparent lg:cl-relative lg:cl-shadow-none"
|
|
4400
4396
|
]])
|
|
4401
4397
|
}, [
|
|
4402
4398
|
h("tr", {
|
|
4403
|
-
class:
|
|
4399
|
+
class: E(["cl-table-row", {
|
|
4404
4400
|
"cl-hidden lg:cl-table-row": n.options.hideGridMobileView === !1
|
|
4405
4401
|
}])
|
|
4406
4402
|
}, [
|
|
4407
4403
|
(u(!0), g(K, null, _(n.columns, (c, p) => (u(), g("th", {
|
|
4408
4404
|
key: p,
|
|
4409
|
-
class:
|
|
4405
|
+
class: E(["cl-text-grey-3 cl-text-sm", {
|
|
4410
4406
|
"cl-cursor-pointer": m(ol)(c) && n.loading === !1
|
|
4411
4407
|
}]),
|
|
4412
4408
|
onClick: (w) => m(ol)(c) && n.loading === !1 ? d(c.field) : () => {
|
|
4413
4409
|
}
|
|
4414
4410
|
}, [
|
|
4415
|
-
n.initialLoad ? (u(), L(m(yl), { key: 0 })) : (u(), g("div",
|
|
4411
|
+
n.initialLoad ? (u(), L(m(yl), { key: 0 })) : (u(), g("div", $s, [
|
|
4416
4412
|
ue(R(m(r)(c.caption)) + " ", 1),
|
|
4417
4413
|
se(q(m(le), {
|
|
4418
4414
|
class: "cl-inline-block",
|
|
@@ -4427,16 +4423,16 @@ const ss = {
|
|
|
4427
4423
|
[fe, i(c, !1)]
|
|
4428
4424
|
])
|
|
4429
4425
|
]))
|
|
4430
|
-
], 10,
|
|
4426
|
+
], 10, ks))), 128))
|
|
4431
4427
|
], 2),
|
|
4432
4428
|
h("tr", {
|
|
4433
|
-
class:
|
|
4429
|
+
class: E(["cl-border cl-border-grey-2 cl-flex cl-flex-wrap cl-p-2 lg:cl-border-none lg:cl-p-0 lg:cl-table-row", {
|
|
4434
4430
|
"cl-hidden lg:cl-table-row": !n.filterPanelOpen && n.options.hideGridMobileView === !1,
|
|
4435
4431
|
"cl-border-none cl-p-0 cl-table-row": n.options.hideGridMobileView
|
|
4436
4432
|
}])
|
|
4437
4433
|
}, [
|
|
4438
4434
|
h("div", {
|
|
4439
|
-
class:
|
|
4435
|
+
class: E(["cl-flex cl-justify-end cl-w-full lg:cl-hidden", {
|
|
4440
4436
|
"cl-hidden": n.options.hideGridMobileView
|
|
4441
4437
|
}])
|
|
4442
4438
|
}, [
|
|
@@ -4449,7 +4445,7 @@ const ss = {
|
|
|
4449
4445
|
], 2),
|
|
4450
4446
|
(u(!0), g(K, null, _(n.columns, (c, p) => (u(), g("th", {
|
|
4451
4447
|
key: p,
|
|
4452
|
-
class:
|
|
4448
|
+
class: E(["cl-py-1 cl-text-xs lg:cl-table-cell lg:cl-w-auto", [
|
|
4453
4449
|
n.options.hideGridMobileView ? "cl-table-cell cl-w-auto" : "cl-grid cl-grid-cols-4 cl-w-full",
|
|
4454
4450
|
{
|
|
4455
4451
|
"cl-hidden": !m(Xe)(c) && n.options.hideGridMobileView == !1
|
|
@@ -4457,18 +4453,18 @@ const ss = {
|
|
|
4457
4453
|
]])
|
|
4458
4454
|
}, [
|
|
4459
4455
|
h("div", {
|
|
4460
|
-
class:
|
|
4456
|
+
class: E(["cl-col-span-2 lg:cl-hidden", {
|
|
4461
4457
|
"cl-hidden": n.options.hideGridMobileView
|
|
4462
4458
|
}])
|
|
4463
4459
|
}, R(m(r)(c.caption)), 3),
|
|
4464
4460
|
m(ol)(c) ? (u(), g("div", {
|
|
4465
4461
|
key: 0,
|
|
4466
|
-
class:
|
|
4462
|
+
class: E(["cl-col-span-2 cl-gap-1 cl-span lg:cl-hidden", {
|
|
4467
4463
|
"cl-hidden": n.options.hideGridMobileView
|
|
4468
4464
|
}]),
|
|
4469
4465
|
onClick: (w) => n.loading === !1 ? d(c.field) : void 0
|
|
4470
4466
|
}, [
|
|
4471
|
-
h("span",
|
|
4467
|
+
h("span", Cs, R(m(r)("grid.sortBy")), 1),
|
|
4472
4468
|
i(c, !0) ? (u(), L(m(le), {
|
|
4473
4469
|
key: 0,
|
|
4474
4470
|
class: "cl-cursor-pointer cl-inline-block",
|
|
@@ -4482,8 +4478,8 @@ const ss = {
|
|
|
4482
4478
|
class: "cl-cursor-pointer cl-inline-block",
|
|
4483
4479
|
icon: "ph:minus"
|
|
4484
4480
|
}))
|
|
4485
|
-
], 10,
|
|
4486
|
-
q(
|
|
4481
|
+
], 10, Ts)) : U("", !0),
|
|
4482
|
+
q(ws, {
|
|
4487
4483
|
class: "cl-col-span-4 cl-min-w-[100px]",
|
|
4488
4484
|
loading: n.loading,
|
|
4489
4485
|
"initial-load": n.initialLoad,
|
|
@@ -4508,7 +4504,7 @@ const ss = {
|
|
|
4508
4504
|
], 2)
|
|
4509
4505
|
], 2));
|
|
4510
4506
|
}
|
|
4511
|
-
}),
|
|
4507
|
+
}), qs = { class: "cl-flex cl-mb-2" }, Ds = { class: "cl-basis-full cl-grow" }, Os = /* @__PURE__ */ j({
|
|
4512
4508
|
__name: "cl-ui-grid-search",
|
|
4513
4509
|
props: /* @__PURE__ */ de({
|
|
4514
4510
|
columns: {},
|
|
@@ -4550,8 +4546,8 @@ const ss = {
|
|
|
4550
4546
|
}), (c, p) => {
|
|
4551
4547
|
const w = Se("icon");
|
|
4552
4548
|
return D(c.$slots, "search", me(be({ searchValue: r.value, performSearch: d })), () => [
|
|
4553
|
-
h("div",
|
|
4554
|
-
h("div",
|
|
4549
|
+
h("div", qs, [
|
|
4550
|
+
h("div", Ds, [
|
|
4555
4551
|
q(ze, {
|
|
4556
4552
|
ref_key: "gridSearchInputRef",
|
|
4557
4553
|
ref: s,
|
|
@@ -4581,7 +4577,7 @@ const ss = {
|
|
|
4581
4577
|
]);
|
|
4582
4578
|
};
|
|
4583
4579
|
}
|
|
4584
|
-
}),
|
|
4580
|
+
}), Es = { class: "cl-fixed cl-flex cl-h-full cl-justify-end cl-right-0 cl-shadow-lg cl-top-0 cl-z-40" }, As = { class: "cl-bg-secondary-default cl-h-full cl-overflow-y-auto cl-overscroll-y-none cl-px-10 cl-py-20 cl-relative cl-text-grey-2 cl-w-80" }, Vs = { class: "cl-mb-4 cl-text-2xl cl-text-off-white" }, Ms = { class: "cl-border-grey-3 cl-border-t cl-flex cl-flex-wrap cl-text-sm cl-w-full" }, Is = { class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full" }, Ns = { class: "cl-flex-1 cl-py-2" }, Rs = { class: "cl-py-2 cl-w-1/4" }, Us = { class: "cl-py-2 cl-w-1/5" }, zs = { class: "cl-flex-1 cl-py-2" }, Bs = { class: "cl-py-2 cl-w-1/4" }, Ls = { class: "cl-py-2 cl-text-off-white cl-w-1/5" }, Fs = { key: 1 }, js = /* @__PURE__ */ j({
|
|
4585
4581
|
inheritAttrs: !1,
|
|
4586
4582
|
__name: "cl-ui-grid-view-manager",
|
|
4587
4583
|
props: {
|
|
@@ -4621,33 +4617,33 @@ const ss = {
|
|
|
4621
4617
|
(u(), L(Tl, { to: "body" }, [
|
|
4622
4618
|
q(Ne, { name: "slide-left" }, {
|
|
4623
4619
|
default: M(() => [
|
|
4624
|
-
se(h("div",
|
|
4625
|
-
h("div",
|
|
4620
|
+
se(h("div", Es, [
|
|
4621
|
+
h("div", As, [
|
|
4626
4622
|
q(m(le), {
|
|
4627
4623
|
class: "cl-absolute cl-cursor-pointer cl-right-3 cl-text-off-white cl-top-3",
|
|
4628
4624
|
icon: "ph:x",
|
|
4629
4625
|
size: 16,
|
|
4630
4626
|
onClick: c[1] || (c[1] = (p) => a.value = !1)
|
|
4631
4627
|
}),
|
|
4632
|
-
h("h3",
|
|
4633
|
-
h("ul",
|
|
4634
|
-
h("li",
|
|
4635
|
-
h("strong",
|
|
4636
|
-
h("strong",
|
|
4637
|
-
h("strong",
|
|
4628
|
+
h("h3", Vs, R(m(r)("grid.manageView")), 1),
|
|
4629
|
+
h("ul", Ms, [
|
|
4630
|
+
h("li", Is, [
|
|
4631
|
+
h("strong", Ns, R(m(r)("grid.column")), 1),
|
|
4632
|
+
h("strong", Rs, R(m(r)("grid.visible")), 1),
|
|
4633
|
+
h("strong", Us, R(m(r)("grid.order")), 1)
|
|
4638
4634
|
]),
|
|
4639
4635
|
(u(!0), g(K, null, _(i.value, (p, w) => (u(), g("li", {
|
|
4640
4636
|
key: w,
|
|
4641
4637
|
class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full"
|
|
4642
4638
|
}, [
|
|
4643
|
-
h("div",
|
|
4644
|
-
h("div",
|
|
4639
|
+
h("div", zs, R(p.viewManagerCaption ? m(r)(p.viewManagerCaption) : m(r)(p.caption)), 1),
|
|
4640
|
+
h("div", Bs, [
|
|
4645
4641
|
q(cl, {
|
|
4646
4642
|
"model-value": p.visible === void 0 || p.visible === !0,
|
|
4647
4643
|
"onUpdate:modelValue": (y) => b(y, p)
|
|
4648
4644
|
}, null, 8, ["model-value", "onUpdate:modelValue"])
|
|
4649
4645
|
]),
|
|
4650
|
-
h("div",
|
|
4646
|
+
h("div", Ls, [
|
|
4651
4647
|
p.visible === void 0 || p.visible === !0 ? (u(), g(K, { key: 0 }, [
|
|
4652
4648
|
w !== 0 ? (u(), L(m(le), {
|
|
4653
4649
|
key: 0,
|
|
@@ -4661,7 +4657,7 @@ const ss = {
|
|
|
4661
4657
|
icon: "ph:arrow-right",
|
|
4662
4658
|
onClick: (y) => n(p, "up")
|
|
4663
4659
|
}, null, 8, ["onClick"])) : U("", !0)
|
|
4664
|
-
], 64)) : (u(), g("em",
|
|
4660
|
+
], 64)) : (u(), g("em", Fs, R(m(r)("grid.hidden")), 1))
|
|
4665
4661
|
])
|
|
4666
4662
|
]))), 128))
|
|
4667
4663
|
])
|
|
@@ -4675,10 +4671,10 @@ const ss = {
|
|
|
4675
4671
|
]))
|
|
4676
4672
|
], 64));
|
|
4677
4673
|
}
|
|
4678
|
-
}),
|
|
4674
|
+
}), Ps = { class: "cl-relative cl-w-full grid-wrapper lg:cl-min-h-fit" }, Hs = {
|
|
4679
4675
|
key: 0,
|
|
4680
4676
|
class: "cl-absolute cl-flex cl-items-center cl-justify-center cl-min-h-full cl-p-28 cl-pt-0 cl-w-full"
|
|
4681
|
-
},
|
|
4677
|
+
}, Gs = { class: "cl-overflow-x-auto cl-overscroll-x-none cl-pt-1" }, Zs = /* @__PURE__ */ j({
|
|
4682
4678
|
__name: "cl-ui-grid",
|
|
4683
4679
|
props: {
|
|
4684
4680
|
columns: {},
|
|
@@ -4693,7 +4689,7 @@ const ss = {
|
|
|
4693
4689
|
emits: ["update:columns", "update:request", "data-request", "row-edit", "row-edit-cancelled", "edit-start", "edit-end", "row-select"],
|
|
4694
4690
|
setup(o, { expose: l, emit: t }) {
|
|
4695
4691
|
var $e;
|
|
4696
|
-
const e = o, r = t, { lg: a } = lt(tt), i = Object.keys(It()).some((z) => z.endsWith("BulkEdit")), d =
|
|
4692
|
+
const e = o, r = t, { lg: a } = lt(tt), i = Object.keys(It()).some((z) => z.endsWith("BulkEdit")), d = Ze();
|
|
4697
4693
|
vl("cl-ui-grid-id", d.id);
|
|
4698
4694
|
const b = $(() => e.headerDisplayTimezone ?? e.timeZone), n = $(() => e.dateFormatLocale);
|
|
4699
4695
|
vl(ul, n);
|
|
@@ -4727,14 +4723,14 @@ const ss = {
|
|
|
4727
4723
|
deep: !0,
|
|
4728
4724
|
immediate: !0
|
|
4729
4725
|
});
|
|
4730
|
-
const
|
|
4726
|
+
const O = $(() => e.data), S = V(!1), P = $({
|
|
4731
4727
|
get: () => e.options.forceEditMode || S.value,
|
|
4732
4728
|
set(z) {
|
|
4733
4729
|
S.value = z;
|
|
4734
4730
|
}
|
|
4735
4731
|
}), I = V(!1);
|
|
4736
4732
|
te(P, () => {
|
|
4737
|
-
P.value ? r("edit-start") :
|
|
4733
|
+
P.value ? r("edit-start") : Fe(() => r("edit-end"));
|
|
4738
4734
|
});
|
|
4739
4735
|
const k = $(() => ({
|
|
4740
4736
|
rowSelectionEnabled: !1,
|
|
@@ -4767,7 +4763,7 @@ const ss = {
|
|
|
4767
4763
|
B.value = !1;
|
|
4768
4764
|
}, {
|
|
4769
4765
|
once: !0
|
|
4770
|
-
}),
|
|
4766
|
+
}), Ge(() => {
|
|
4771
4767
|
window.addEventListener("resize", Je(w, 50)), w();
|
|
4772
4768
|
}), Cl(() => window.removeEventListener("resize", Je(w, 50))), te(() => e.data, () => {
|
|
4773
4769
|
z();
|
|
@@ -4782,11 +4778,11 @@ const ss = {
|
|
|
4782
4778
|
var z;
|
|
4783
4779
|
return (z = ee.value) == null ? void 0 : z.focusMegaSearch();
|
|
4784
4780
|
}
|
|
4785
|
-
}), (z, X) => (u(), g("div",
|
|
4781
|
+
}), (z, X) => (u(), g("div", Ps, [
|
|
4786
4782
|
B.value && G.value.length > 0 ? (u(), L(m(ql), {
|
|
4787
4783
|
key: 0,
|
|
4788
4784
|
class: "cl-h-[39px] cl-mb-2"
|
|
4789
|
-
})) : G.value.length > 0 ? (u(), L(
|
|
4785
|
+
})) : G.value.length > 0 ? (u(), L(Os, {
|
|
4790
4786
|
key: 1,
|
|
4791
4787
|
ref_key: "gridSearchRef",
|
|
4792
4788
|
ref: ee,
|
|
@@ -4803,13 +4799,13 @@ const ss = {
|
|
|
4803
4799
|
}, 8, ["search-value", "request", "columns"])) : U("", !0),
|
|
4804
4800
|
q(Ne, { name: "fade" }, {
|
|
4805
4801
|
default: M(() => [
|
|
4806
|
-
z.loading && B.value === !1 ? (u(), g("div",
|
|
4802
|
+
z.loading && B.value === !1 ? (u(), g("div", Hs, [
|
|
4807
4803
|
q(_e, { class: "after:!cl-h-20 after:!cl-w-20 cl-h-20 cl-w-20" })
|
|
4808
4804
|
])) : U("", !0)
|
|
4809
4805
|
]),
|
|
4810
4806
|
_: 1
|
|
4811
4807
|
}),
|
|
4812
|
-
q(
|
|
4808
|
+
q(wa, {
|
|
4813
4809
|
"edit-mode": S.value,
|
|
4814
4810
|
"onUpdate:editMode": X[3] || (X[3] = (J) => S.value = J),
|
|
4815
4811
|
"filter-panel-open": I.value,
|
|
@@ -4826,7 +4822,7 @@ const ss = {
|
|
|
4826
4822
|
D(z.$slots, "additional-grid-actions", me(be(J)))
|
|
4827
4823
|
]),
|
|
4828
4824
|
"view-manager": M(() => [
|
|
4829
|
-
q(
|
|
4825
|
+
q(js, {
|
|
4830
4826
|
columns: s.value,
|
|
4831
4827
|
"onUpdate:columns": X[2] || (X[2] = (J) => s.value = J),
|
|
4832
4828
|
loading: z.loading
|
|
@@ -4834,14 +4830,14 @@ const ss = {
|
|
|
4834
4830
|
]),
|
|
4835
4831
|
_: 3
|
|
4836
4832
|
}, 8, ["edit-mode", "filter-panel-open", "can-bulk-edit", "columns", "options", "request", "loading", "initial-load"]),
|
|
4837
|
-
h("div",
|
|
4833
|
+
h("div", Gs, [
|
|
4838
4834
|
h("table", {
|
|
4839
|
-
class:
|
|
4835
|
+
class: E(["cl-delay-75 cl-min-h-[276px] cl-overflow-x-auto cl-overscroll-x-none cl-text-left cl-transition-opacity cl-w-full", {
|
|
4840
4836
|
"cl-opacity-40 cl-pointer-events-none": z.loading && B.value === !1
|
|
4841
4837
|
}])
|
|
4842
4838
|
}, [
|
|
4843
4839
|
h("colgroup", {
|
|
4844
|
-
class:
|
|
4840
|
+
class: E([
|
|
4845
4841
|
z.options.hideGridMobileView ? "cl-table-column-group" : "cl-hidden lg:cl-table-column-group"
|
|
4846
4842
|
])
|
|
4847
4843
|
}, [
|
|
@@ -4851,7 +4847,7 @@ const ss = {
|
|
|
4851
4847
|
span: 1
|
|
4852
4848
|
}, null, 4))), 128))
|
|
4853
4849
|
], 2),
|
|
4854
|
-
q(
|
|
4850
|
+
q(Ss, {
|
|
4855
4851
|
request: W.value,
|
|
4856
4852
|
"onUpdate:request": X[5] || (X[5] = (J) => W.value = J),
|
|
4857
4853
|
"filter-panel-open": I.value,
|
|
@@ -4872,10 +4868,10 @@ const ss = {
|
|
|
4872
4868
|
])
|
|
4873
4869
|
}))
|
|
4874
4870
|
]), 1032, ["request", "filter-panel-open", "columns", "options", "loading", "initial-load", "bulk-edit-mode", "time-zone", "header-display-timezone"]),
|
|
4875
|
-
q(
|
|
4871
|
+
q(_a, {
|
|
4876
4872
|
columns: c.value,
|
|
4877
4873
|
request: f.value,
|
|
4878
|
-
data:
|
|
4874
|
+
data: O.value,
|
|
4879
4875
|
"time-zone": z.timeZone,
|
|
4880
4876
|
loading: z.loading,
|
|
4881
4877
|
"initial-load": B.value,
|
|
@@ -4896,7 +4892,7 @@ const ss = {
|
|
|
4896
4892
|
]), 1032, ["columns", "request", "data", "time-zone", "loading", "initial-load", "search-value", "options", "edit-mode"])
|
|
4897
4893
|
], 2)
|
|
4898
4894
|
]),
|
|
4899
|
-
z.options.hidePagination !== !0 ? (u(), L(
|
|
4895
|
+
z.options.hidePagination !== !0 ? (u(), L(Sn, {
|
|
4900
4896
|
key: 2,
|
|
4901
4897
|
request: f.value,
|
|
4902
4898
|
loading: z.loading,
|
|
@@ -4910,7 +4906,7 @@ const ss = {
|
|
|
4910
4906
|
}, null, 8, ["request", "loading", "initial-load", "show-unsaved-changes-warning", "data", "options"])) : U("", !0)
|
|
4911
4907
|
]));
|
|
4912
4908
|
}
|
|
4913
|
-
}),
|
|
4909
|
+
}), Ws = { class: "cl-relative" }, Ks = ["id"], Qs = /* @__PURE__ */ j({
|
|
4914
4910
|
inheritAttrs: !1,
|
|
4915
4911
|
__name: "cl-ui-grid-lite",
|
|
4916
4912
|
props: /* @__PURE__ */ de({
|
|
@@ -4927,7 +4923,7 @@ const ss = {
|
|
|
4927
4923
|
}),
|
|
4928
4924
|
emits: ["update:columns", "update:request"],
|
|
4929
4925
|
setup(o) {
|
|
4930
|
-
const l = o, t = ke(o, "columns"), e = ke(o, "request"), { id: r, ...a } =
|
|
4926
|
+
const l = o, t = ke(o, "columns"), e = ke(o, "request"), { id: r, ...a } = Ze(), i = r ?? "cl-ui-grid-lite", d = $(() => l.dateFormatLocale);
|
|
4931
4927
|
vl(ul, d);
|
|
4932
4928
|
const b = $(() => t.value.filter((w) => w.visible ?? !0));
|
|
4933
4929
|
function n() {
|
|
@@ -4947,7 +4943,7 @@ const ss = {
|
|
|
4947
4943
|
p.value = !1;
|
|
4948
4944
|
}, {
|
|
4949
4945
|
once: !0
|
|
4950
|
-
}), (w, y) => (u(), g("div",
|
|
4946
|
+
}), (w, y) => (u(), g("div", Ws, [
|
|
4951
4947
|
h("div", Q({ id: m(i) }, a, {
|
|
4952
4948
|
class: ["cl-border cl-border-off-white cl-grid cl-overflow-hidden cl-rounded cl-text-base cl-w-full", {
|
|
4953
4949
|
"cl-opacity-60": w.loading,
|
|
@@ -4994,7 +4990,7 @@ const ss = {
|
|
|
4994
4990
|
"initial-load": p.value,
|
|
4995
4991
|
options: c.value
|
|
4996
4992
|
}, null, 8, ["request", "inert", "grid-id", "data", "initial-load", "options"])) : U("", !0)
|
|
4997
|
-
], 16,
|
|
4993
|
+
], 16, Ks),
|
|
4998
4994
|
w.loading && !p.value ? (u(), L(_e, {
|
|
4999
4995
|
key: 0,
|
|
5000
4996
|
class: "after:!cl-h-14 after:!cl-w-14 cl-absolute cl-left-1/2 cl-top-20"
|
|
@@ -5006,7 +5002,7 @@ function gl(o) {
|
|
|
5006
5002
|
const l = o.type !== "slot" || o.slotType !== void 0 && o.field !== void 0, t = o.sortable ?? !0;
|
|
5007
5003
|
return l && t;
|
|
5008
5004
|
}
|
|
5009
|
-
const
|
|
5005
|
+
const Ys = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, Js = ["id", "onClick"], kt = /* @__PURE__ */ j({
|
|
5010
5006
|
inheritAttrs: !1,
|
|
5011
5007
|
__name: "cl-ui-grid-lite-header",
|
|
5012
5008
|
props: /* @__PURE__ */ de({
|
|
@@ -5036,7 +5032,7 @@ const Qs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, Ys = ["id"
|
|
|
5036
5032
|
}
|
|
5037
5033
|
return (a, i) => {
|
|
5038
5034
|
const d = Se("icon");
|
|
5039
|
-
return u(), g("div",
|
|
5035
|
+
return u(), g("div", Ys, [
|
|
5040
5036
|
(u(!0), g(K, null, _(a.columns, (b, n) => (u(), g("div", Q({ ref_for: !0 }, a.$attrs, {
|
|
5041
5037
|
id: `${a.gridId}-header-${b.name}`,
|
|
5042
5038
|
key: b.name,
|
|
@@ -5053,12 +5049,12 @@ const Qs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, Ys = ["id"
|
|
|
5053
5049
|
}
|
|
5054
5050
|
}), [
|
|
5055
5051
|
h("span", {
|
|
5056
|
-
class:
|
|
5052
|
+
class: E(["cl-tracking-wide cl-whitespace-nowrap", {
|
|
5057
5053
|
"cl-opacity-0": a.initialLoad
|
|
5058
5054
|
}])
|
|
5059
5055
|
}, R(b.caption ? m(t)(b.caption) : b.name), 3),
|
|
5060
5056
|
se(h("div", {
|
|
5061
|
-
class:
|
|
5057
|
+
class: E(["cl-px-0.5 cl-py-1 cl-rounded hover:cl-bg-link-lighter", {
|
|
5062
5058
|
"cl-bg-link-lighter": e(b, !1) || e(b, !0),
|
|
5063
5059
|
"cl-opacity-0": a.initialLoad
|
|
5064
5060
|
}])
|
|
@@ -5079,7 +5075,7 @@ const Qs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, Ys = ["id"
|
|
|
5079
5075
|
], 2), [
|
|
5080
5076
|
[fe, m(gl)(b)]
|
|
5081
5077
|
])
|
|
5082
|
-
], 16,
|
|
5078
|
+
], 16, Js))), 128))
|
|
5083
5079
|
]);
|
|
5084
5080
|
};
|
|
5085
5081
|
}
|
|
@@ -5096,13 +5092,13 @@ const Qs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, Ys = ["id"
|
|
|
5096
5092
|
}, [
|
|
5097
5093
|
(u(!0), g(K, null, _(l.columnCount, (r) => (u(), g("div", {
|
|
5098
5094
|
key: r,
|
|
5099
|
-
class:
|
|
5095
|
+
class: E(["cl-border-off-white cl-p-2 cl-w-full", {
|
|
5100
5096
|
"cl-border-r": r !== r - 1
|
|
5101
5097
|
}])
|
|
5102
5098
|
}, " ", 2))), 128))
|
|
5103
5099
|
]))), 128));
|
|
5104
5100
|
}
|
|
5105
|
-
}),
|
|
5101
|
+
}), Xs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, Tt = /* @__PURE__ */ j({
|
|
5106
5102
|
inheritAttrs: !1,
|
|
5107
5103
|
__name: "cl-ui-grid-lite-row",
|
|
5108
5104
|
props: {
|
|
@@ -5113,7 +5109,7 @@ const Qs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, Ys = ["id"
|
|
|
5113
5109
|
gridId: {}
|
|
5114
5110
|
},
|
|
5115
5111
|
setup(o) {
|
|
5116
|
-
return (l, t) => (u(), g("div",
|
|
5112
|
+
return (l, t) => (u(), g("div", Xs, [
|
|
5117
5113
|
(u(!0), g(K, null, _(l.columns, (e, r) => (u(), L(m(St), Q({ ref_for: !0 }, l.$attrs, {
|
|
5118
5114
|
id: `${l.gridId}-c${r}`,
|
|
5119
5115
|
key: e.name,
|
|
@@ -5134,7 +5130,7 @@ const Qs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, Ys = ["id"
|
|
|
5134
5130
|
]), 1040, ["id", "data", "time-zone", "column", "is-small-grid", "class"]))), 128))
|
|
5135
5131
|
]));
|
|
5136
5132
|
}
|
|
5137
|
-
}),
|
|
5133
|
+
}), xs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, Ct = /* @__PURE__ */ j({
|
|
5138
5134
|
__name: "cl-ui-grid-lite-body",
|
|
5139
5135
|
props: {
|
|
5140
5136
|
columns: {},
|
|
@@ -5149,14 +5145,14 @@ const Qs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, Ys = ["id"
|
|
|
5149
5145
|
const l = o, { t } = ce(), e = $(() => l.options.smallGridText ?? !1), r = $(() => l.options.alternatingRows ?? !1);
|
|
5150
5146
|
return (a, i) => {
|
|
5151
5147
|
var d;
|
|
5152
|
-
return u(), g("div",
|
|
5148
|
+
return u(), g("div", xs, [
|
|
5153
5149
|
a.initialLoad && a.pageSize > 0 ? (u(), L($t, {
|
|
5154
5150
|
key: 0,
|
|
5155
5151
|
"page-size": a.pageSize,
|
|
5156
5152
|
"column-count": a.columns.length
|
|
5157
5153
|
}, null, 8, ["page-size", "column-count"])) : (((d = a.data) == null ? void 0 : d.results.length) ?? 0) < 1 && a.initialLoad === !1 ? (u(), g("div", {
|
|
5158
5154
|
key: 1,
|
|
5159
|
-
class:
|
|
5155
|
+
class: E(["cl-col-[1_/_-1] cl-text-center cl-w-full", [
|
|
5160
5156
|
e.value ? "cl-p-1" : "cl-p-2"
|
|
5161
5157
|
]])
|
|
5162
5158
|
}, [
|
|
@@ -5169,7 +5165,7 @@ const Qs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, Ys = ["id"
|
|
|
5169
5165
|
"grid-id": `${a.gridId}-r${n}`,
|
|
5170
5166
|
row: b,
|
|
5171
5167
|
columns: a.columns,
|
|
5172
|
-
class:
|
|
5168
|
+
class: E(
|
|
5173
5169
|
{
|
|
5174
5170
|
"cl-border-b cl-border-off-white": n !== a.data.results.length - 1,
|
|
5175
5171
|
"cl-bg-off-white cl-bg-opacity-75": n % 2 != 0 && r.value
|
|
@@ -5188,10 +5184,10 @@ const Qs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, Ys = ["id"
|
|
|
5188
5184
|
]);
|
|
5189
5185
|
};
|
|
5190
5186
|
}
|
|
5191
|
-
}),
|
|
5187
|
+
}), _s = ["id"], er = ["id"], lr = ["id"], tr = {
|
|
5192
5188
|
key: 5,
|
|
5193
5189
|
class: "cl-inline-block cl-whitespace-nowrap"
|
|
5194
|
-
},
|
|
5190
|
+
}, or = ["id", "innerHTML"], St = /* @__PURE__ */ j({
|
|
5195
5191
|
inheritAttrs: !1,
|
|
5196
5192
|
__name: "cl-ui-grid-lite-cell",
|
|
5197
5193
|
props: {
|
|
@@ -5201,7 +5197,7 @@ const Qs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, Ys = ["id"
|
|
|
5201
5197
|
isSmallGrid: { type: Boolean }
|
|
5202
5198
|
},
|
|
5203
5199
|
setup(o) {
|
|
5204
|
-
const l = o, { id: t, ...e } =
|
|
5200
|
+
const l = o, { id: t, ...e } = Ze(), r = il(ul), { t: a, locale: i } = ce();
|
|
5205
5201
|
function d(s, c) {
|
|
5206
5202
|
let p;
|
|
5207
5203
|
l.timeZone ? p = Y.fromISO(s, {
|
|
@@ -5277,26 +5273,26 @@ const Qs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, Ys = ["id"
|
|
|
5277
5273
|
], 64)) : (u(), g(K, { key: 2 }, [
|
|
5278
5274
|
ue(R(d(s.data[s.column.field], m(ie).DATETIME)), 1)
|
|
5279
5275
|
], 64))
|
|
5280
|
-
], 8,
|
|
5276
|
+
], 8, _s)) : s.column.type === "list" && s.column.field !== void 0 && s.column.listEntries !== void 0 ? (u(), g("span", {
|
|
5281
5277
|
key: 3,
|
|
5282
5278
|
id: m(t),
|
|
5283
5279
|
class: "cl-inline-block cl-whitespace-nowrap"
|
|
5284
|
-
}, R(m(a)(((p = s.column.listEntries.find((w) => w.value === s.data[s.column.field])) == null ? void 0 : p.translationKey) ?? "")), 9,
|
|
5280
|
+
}, R(m(a)(((p = s.column.listEntries.find((w) => w.value === s.data[s.column.field])) == null ? void 0 : p.translationKey) ?? "")), 9, er)) : s.column.type === "number" && s.column.field !== void 0 ? (u(), g("span", {
|
|
5285
5281
|
key: 4,
|
|
5286
5282
|
id: m(t),
|
|
5287
5283
|
class: "cl-inline-block cl-whitespace-nowrap"
|
|
5288
|
-
}, R(n(s.data[s.column.field], m(i))), 9,
|
|
5284
|
+
}, R(n(s.data[s.column.field], m(i))), 9, lr)) : s.column.field !== void 0 ? (u(), g("span", tr, [
|
|
5289
5285
|
h("span", {
|
|
5290
5286
|
id: m(t),
|
|
5291
5287
|
innerHTML: b()
|
|
5292
|
-
}, null, 8,
|
|
5288
|
+
}, null, 8, or)
|
|
5293
5289
|
])) : U("", !0)
|
|
5294
5290
|
], 16);
|
|
5295
5291
|
};
|
|
5296
5292
|
}
|
|
5297
|
-
}),
|
|
5298
|
-
function
|
|
5299
|
-
return u(), g("div",
|
|
5293
|
+
}), ar = {}, nr = { class: "cl-border cl-border-off-white cl-border-t cl-flex cl-justify-between cl-p-2" };
|
|
5294
|
+
function sr(o, l) {
|
|
5295
|
+
return u(), g("div", nr, l[0] || (l[0] = [
|
|
5300
5296
|
h("div", { class: "cl-flex cl-gap-2 cl-w-full" }, [
|
|
5301
5297
|
h("p", { class: "cl-animate-pulse cl-basis-3/12 cl-bg-grey-1 cl-leading-none cl-rounded-full" }, " "),
|
|
5302
5298
|
h("p", { class: "cl-animate-pulse cl-basis-1/12 cl-bg-grey-1 cl-leading-none cl-rounded-full" }, " ")
|
|
@@ -5304,10 +5300,10 @@ function nr(o, l) {
|
|
|
5304
5300
|
h("p", { class: "cl-animate-pulse cl-basis-1/12 cl-bg-grey-1 cl-leading-none cl-rounded-full" }, " ", -1)
|
|
5305
5301
|
]));
|
|
5306
5302
|
}
|
|
5307
|
-
const qt = /* @__PURE__ */ Te(
|
|
5303
|
+
const qt = /* @__PURE__ */ Te(ar, [["render", sr]]), rr = { class: "cl-flex cl-gap-4" }, ir = { class: "cl-mr-2" }, ur = {
|
|
5308
5304
|
key: 0,
|
|
5309
5305
|
class: "cl-flex cl-gap-0.5"
|
|
5310
|
-
},
|
|
5306
|
+
}, cr = { class: "cl-mr-1 cl-w-full" }, dr = ["id", "onClick"], pr = { class: "cl-flex cl-gap-1 cl-items-center" }, fr = ["id"], mr = ["id"], gr = ["id", "onClick"], vr = ["id"], hr = ["id"], Dt = /* @__PURE__ */ j({
|
|
5311
5307
|
__name: "cl-ui-grid-lite-footer",
|
|
5312
5308
|
props: /* @__PURE__ */ de({
|
|
5313
5309
|
gridId: {},
|
|
@@ -5354,33 +5350,33 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5354
5350
|
const p = Se("icon");
|
|
5355
5351
|
return s.initialLoad ? (u(), L(qt, { key: 0 })) : (w = s.data) != null && w.results.length && t.value && r.value > 1 ? (u(), g("div", {
|
|
5356
5352
|
key: 1,
|
|
5357
|
-
class:
|
|
5353
|
+
class: E(["cl-border-off-white cl-border-t cl-flex cl-flex-wrap cl-gap-y-2 cl-justify-between cl-p-2 cl-text-grey-4", [
|
|
5358
5354
|
s.options.smallGridText ? "cl-px-1 cl-py-1.5 cl-text-xs" : "cl-p-2 cl-text-sm"
|
|
5359
5355
|
]])
|
|
5360
5356
|
}, [
|
|
5361
|
-
h("div",
|
|
5357
|
+
h("div", rr, [
|
|
5362
5358
|
h("div", null, [
|
|
5363
|
-
h("span",
|
|
5359
|
+
h("span", ir, R(m(e)("grid.page")), 1),
|
|
5364
5360
|
h("span", null, R(m(De)(t.value.pageNumber)) + " / " + R(m(De)(r.value)), 1)
|
|
5365
5361
|
]),
|
|
5366
|
-
b.value.length && s.options.showPageSizeOptions ? (u(), g("ul",
|
|
5367
|
-
h("li",
|
|
5362
|
+
b.value.length && s.options.showPageSizeOptions ? (u(), g("ul", ur, [
|
|
5363
|
+
h("li", cr, R(m(e)("grid.pageSize")), 1),
|
|
5368
5364
|
(u(!0), g(K, null, _(b.value, (y, f) => (u(), g("li", {
|
|
5369
5365
|
id: `${s.gridId}-page-size-${y}`,
|
|
5370
5366
|
key: f,
|
|
5371
|
-
class:
|
|
5367
|
+
class: E(["cl-border-b cl-px-1", {
|
|
5372
5368
|
"cl-text-link-default": t.value.pageSize === y,
|
|
5373
5369
|
"cl-border-b-transparent hover:cl-border-b-link-lighter hover:cl-text-link-light cl-cursor-pointer": t.value.pageSize !== y
|
|
5374
5370
|
}]),
|
|
5375
5371
|
onClick: (C) => t.value.pageSize !== y ? n(y) : null
|
|
5376
|
-
}, R(m(De)(y)), 11,
|
|
5372
|
+
}, R(m(De)(y)), 11, dr))), 128))
|
|
5377
5373
|
])) : U("", !0)
|
|
5378
5374
|
]),
|
|
5379
5375
|
h("div", null, [
|
|
5380
|
-
h("ul",
|
|
5376
|
+
h("ul", pr, [
|
|
5381
5377
|
h("li", {
|
|
5382
5378
|
id: `${s.gridId}-page-first`,
|
|
5383
|
-
class:
|
|
5379
|
+
class: E({
|
|
5384
5380
|
"cl-text-grey-2 cl-pointer-events-none": t.value.pageNumber === 1,
|
|
5385
5381
|
"cl-cursor-pointer": t.value.pageNumber > 1
|
|
5386
5382
|
}),
|
|
@@ -5390,10 +5386,10 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5390
5386
|
icon: "ph:caret-double-left-bold",
|
|
5391
5387
|
size: 14
|
|
5392
5388
|
})
|
|
5393
|
-
], 10,
|
|
5389
|
+
], 10, fr),
|
|
5394
5390
|
h("li", {
|
|
5395
5391
|
id: `${s.gridId}-page-previous`,
|
|
5396
|
-
class:
|
|
5392
|
+
class: E({
|
|
5397
5393
|
"cl-cursor-pointer": t.value.pageNumber > 1,
|
|
5398
5394
|
"cl-text-grey-2 cl-pointer-events-none": t.value.pageNumber < 2
|
|
5399
5395
|
}),
|
|
@@ -5403,19 +5399,19 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5403
5399
|
icon: "ph:caret-left-bold",
|
|
5404
5400
|
size: 14
|
|
5405
5401
|
})
|
|
5406
|
-
], 10,
|
|
5402
|
+
], 10, mr),
|
|
5407
5403
|
(u(!0), g(K, null, _(a.value, (y, f) => (u(), g("li", {
|
|
5408
5404
|
id: `${s.gridId}-page-${y}`,
|
|
5409
5405
|
key: f,
|
|
5410
|
-
class:
|
|
5406
|
+
class: E(["cl-border cl-border-grey-2 cl-px-1.5 cl-rounded hover:cl-bg-primary-lighter", {
|
|
5411
5407
|
"cl-text-secondary-default cl-bg-primary-lighter cl-border-primary-lighter": t.value.pageNumber === y,
|
|
5412
5408
|
"cl-cursor-pointer ": t.value.pageNumber !== y
|
|
5413
5409
|
}]),
|
|
5414
5410
|
onClick: (C) => t.value.pageNumber !== y ? i(y) : null
|
|
5415
|
-
}, R(m(De)(y)), 11,
|
|
5411
|
+
}, R(m(De)(y)), 11, gr))), 128)),
|
|
5416
5412
|
h("li", {
|
|
5417
5413
|
id: `${s.gridId}-page-next`,
|
|
5418
|
-
class:
|
|
5414
|
+
class: E({
|
|
5419
5415
|
"cl-text-grey-2 cl-pointer-events-none": t.value.pageNumber >= r.value,
|
|
5420
5416
|
"cl-cursor-pointer": t.value.pageNumber < r.value
|
|
5421
5417
|
}),
|
|
@@ -5425,10 +5421,10 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5425
5421
|
icon: "ph:caret-right-bold",
|
|
5426
5422
|
size: 14
|
|
5427
5423
|
})
|
|
5428
|
-
], 10,
|
|
5424
|
+
], 10, vr),
|
|
5429
5425
|
h("li", {
|
|
5430
5426
|
id: `${s.gridId}-page-last`,
|
|
5431
|
-
class:
|
|
5427
|
+
class: E({
|
|
5432
5428
|
"cl-text-grey-2 cl-pointer-events-none": t.value.pageNumber >= r.value,
|
|
5433
5429
|
"cl-cursor-pointer": t.value.pageNumber < r.value
|
|
5434
5430
|
}),
|
|
@@ -5438,13 +5434,13 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5438
5434
|
icon: "ph:caret-double-right-bold",
|
|
5439
5435
|
size: 14
|
|
5440
5436
|
})
|
|
5441
|
-
], 10,
|
|
5437
|
+
], 10, hr)
|
|
5442
5438
|
])
|
|
5443
5439
|
])
|
|
5444
5440
|
], 2)) : U("", !0);
|
|
5445
5441
|
};
|
|
5446
5442
|
}
|
|
5447
|
-
}),
|
|
5443
|
+
}), br = { class: "cl-absolute cl-bg-secondary-default cl-flex cl-h-20 cl-items-center cl-justify-between cl-left-0 cl-top-0 cl-w-full cl-z-40" }, yr = /* @__PURE__ */ j({
|
|
5448
5444
|
__name: "cl-ui-header",
|
|
5449
5445
|
props: {
|
|
5450
5446
|
isOpen: { type: Boolean }
|
|
@@ -5454,7 +5450,7 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5454
5450
|
const t = o, e = l, r = V();
|
|
5455
5451
|
return xe(r, () => {
|
|
5456
5452
|
(t.isOpen ?? !1) && e("open-click");
|
|
5457
|
-
}), (a, i) => (u(), g("header",
|
|
5453
|
+
}), (a, i) => (u(), g("header", br, [
|
|
5458
5454
|
D(a.$slots, "logo"),
|
|
5459
5455
|
h("div", {
|
|
5460
5456
|
ref_key: "headerMenuElement",
|
|
@@ -5467,15 +5463,15 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5467
5463
|
], 512)
|
|
5468
5464
|
]));
|
|
5469
5465
|
}
|
|
5470
|
-
}),
|
|
5466
|
+
}), wr = { class: "cl-bg-transparent cl-flex cl-items-center cl-select-none hover:cl-bg-opacity-10 hover:cl-bg-white md:cl-min-w-[320px]" }, kr = ["src"], $r = {
|
|
5471
5467
|
key: 0,
|
|
5472
5468
|
id: "cl-ui-header-menu-username",
|
|
5473
5469
|
class: "cl-text-ellipsis cl-whitespace-nowrap"
|
|
5474
|
-
},
|
|
5470
|
+
}, Tr = {
|
|
5475
5471
|
key: 1,
|
|
5476
5472
|
id: "cl-ui-header-menu-group",
|
|
5477
5473
|
class: "cl-text-ellipsis cl-text-xs cl-whitespace-nowrap"
|
|
5478
|
-
},
|
|
5474
|
+
}, Cr = { class: "cl-content-center cl-flex cl-h-20 cl-items-center cl-justify-center cl-justify-items-center cl-transition-all cl-w-10 md:cl-ml-4 md:cl-w-20" }, Sr = { class: "cl-absolute cl-bg-white cl-right-0 cl-shadow-2xl cl-top-20 cl-w-full cl-z-20" }, qr = /* @__PURE__ */ j({
|
|
5479
5475
|
__name: "cl-ui-header-menu",
|
|
5480
5476
|
props: {
|
|
5481
5477
|
username: { default: "" },
|
|
@@ -5486,17 +5482,17 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5486
5482
|
},
|
|
5487
5483
|
setup(o) {
|
|
5488
5484
|
return (l, t) => (u(), g("div", {
|
|
5489
|
-
class:
|
|
5485
|
+
class: E(["md:cl-relative", {
|
|
5490
5486
|
"cl-bg-primary-default": l.colour === "default",
|
|
5491
5487
|
"cl-bg-blue-light": l.colour === "secondary"
|
|
5492
5488
|
}])
|
|
5493
5489
|
}, [
|
|
5494
|
-
h("div",
|
|
5490
|
+
h("div", wr, [
|
|
5495
5491
|
l.image ? (u(), g("img", {
|
|
5496
5492
|
key: 0,
|
|
5497
5493
|
src: l.image,
|
|
5498
5494
|
class: "cl-hidden cl-m-4 cl-max-h-12 cl-max-w-12 cl-ring-2 cl-ring-white cl-rounded-full md:cl-block"
|
|
5499
|
-
}, null, 8,
|
|
5495
|
+
}, null, 8, kr)) : (u(), L(m(le), {
|
|
5500
5496
|
key: 1,
|
|
5501
5497
|
class: "cl-hidden cl-m-4 cl-text-white md:cl-block",
|
|
5502
5498
|
icon: "ph:user-circle",
|
|
@@ -5504,17 +5500,17 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5504
5500
|
height: "48"
|
|
5505
5501
|
})),
|
|
5506
5502
|
h("div", {
|
|
5507
|
-
class:
|
|
5503
|
+
class: E(["cl-grow cl-hidden cl-my-4 md:cl-block", {
|
|
5508
5504
|
"cl-text-secondary-default": l.colour === "default",
|
|
5509
5505
|
"cl-text-white": l.colour === "secondary"
|
|
5510
5506
|
}])
|
|
5511
5507
|
}, [
|
|
5512
|
-
l.username ? (u(), g("div",
|
|
5513
|
-
l.group ? (u(), g("div",
|
|
5508
|
+
l.username ? (u(), g("div", $r, R(l.username), 1)) : U("", !0),
|
|
5509
|
+
l.group ? (u(), g("div", Tr, R(l.group), 1)) : U("", !0)
|
|
5514
5510
|
], 2),
|
|
5515
|
-
h("div",
|
|
5511
|
+
h("div", Cr, [
|
|
5516
5512
|
q(m(le), {
|
|
5517
|
-
class:
|
|
5513
|
+
class: E(["cl-transform-gpu cl-transition-transform", {
|
|
5518
5514
|
"cl-rotate-180": l.isOpen,
|
|
5519
5515
|
"cl-text-secondary-default": l.colour === "default",
|
|
5520
5516
|
"cl-text-white": l.colour === "secondary"
|
|
@@ -5525,7 +5521,7 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5525
5521
|
]),
|
|
5526
5522
|
q(Ne, { name: "fade" }, {
|
|
5527
5523
|
default: M(() => [
|
|
5528
|
-
se(h("div",
|
|
5524
|
+
se(h("div", Sr, [
|
|
5529
5525
|
D(l.$slots, "default")
|
|
5530
5526
|
], 512), [
|
|
5531
5527
|
[fe, l.isOpen]
|
|
@@ -5535,10 +5531,10 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5535
5531
|
})
|
|
5536
5532
|
], 2));
|
|
5537
5533
|
}
|
|
5538
|
-
}),
|
|
5534
|
+
}), Dr = [
|
|
5539
5535
|
"default",
|
|
5540
5536
|
"secondary"
|
|
5541
|
-
],
|
|
5537
|
+
], Or = /* @__PURE__ */ j({
|
|
5542
5538
|
inheritAttrs: !1,
|
|
5543
5539
|
__name: "cl-ui-calendar",
|
|
5544
5540
|
props: {
|
|
@@ -5575,12 +5571,12 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5575
5571
|
if (e.type === "time")
|
|
5576
5572
|
P = S;
|
|
5577
5573
|
else if (S !== null && e.type !== "dateRange")
|
|
5578
|
-
P =
|
|
5574
|
+
P = Pe(S, null, !0, e.timeZone);
|
|
5579
5575
|
else if (S !== null) {
|
|
5580
5576
|
const I = S;
|
|
5581
5577
|
P = {
|
|
5582
|
-
start:
|
|
5583
|
-
end:
|
|
5578
|
+
start: Pe(I.start, "start", !1, e.timeZone) ?? "",
|
|
5579
|
+
end: Pe(I.end, "end", !1, e.timeZone) ?? ""
|
|
5584
5580
|
};
|
|
5585
5581
|
}
|
|
5586
5582
|
r("update:date", P);
|
|
@@ -5590,13 +5586,13 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5590
5586
|
const P = ut(S, a.value);
|
|
5591
5587
|
i.value = P, w.value = S, y.value.move(P.start), y.value.hidePopover();
|
|
5592
5588
|
}
|
|
5593
|
-
const C = $(() => ct(i.value, a.value, b.value)), A = et("(min-width: 768px)"),
|
|
5589
|
+
const C = $(() => ct(i.value, a.value, b.value)), A = et("(min-width: 768px)"), O = $(() => A.value ? 2 : 1);
|
|
5594
5590
|
return l({
|
|
5595
5591
|
focus() {
|
|
5596
5592
|
var S;
|
|
5597
5593
|
(S = c.value) == null || S.focus();
|
|
5598
5594
|
}
|
|
5599
|
-
}), (S, P) => S.type === "time" ? (u(), L(m(
|
|
5595
|
+
}), (S, P) => S.type === "time" ? (u(), L(m(je), {
|
|
5600
5596
|
key: 0,
|
|
5601
5597
|
modelValue: i.value,
|
|
5602
5598
|
"onUpdate:modelValue": P[1] || (P[1] = (I) => i.value = I),
|
|
@@ -5626,7 +5622,7 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5626
5622
|
}), null, 16, ["date", "events", "type", "placeholder", "required", "disabled"])
|
|
5627
5623
|
]),
|
|
5628
5624
|
_: 1
|
|
5629
|
-
}, 8, ["modelValue", "locale", "is24hr", "mode", "is-required", "masks", "popover"])) : S.type === "dateRange" ? (u(), L(m(
|
|
5625
|
+
}, 8, ["modelValue", "locale", "is24hr", "mode", "is-required", "masks", "popover"])) : S.type === "dateRange" ? (u(), L(m(je), {
|
|
5630
5626
|
key: 1,
|
|
5631
5627
|
ref_key: "calendar",
|
|
5632
5628
|
ref: y,
|
|
@@ -5639,7 +5635,7 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5639
5635
|
locale: m(d),
|
|
5640
5636
|
is24hr: m(d) !== "en-US",
|
|
5641
5637
|
timezone: a.value,
|
|
5642
|
-
columns:
|
|
5638
|
+
columns: O.value,
|
|
5643
5639
|
popover: n.value,
|
|
5644
5640
|
"min-date": S.min,
|
|
5645
5641
|
"max-date": S.max,
|
|
@@ -5672,7 +5668,7 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5672
5668
|
}, null, 8, ["scope", "selected-quick-date", "current-date-range"])) : U("", !0)
|
|
5673
5669
|
]),
|
|
5674
5670
|
_: 1
|
|
5675
|
-
}, 8, ["modelValue", "locale", "is24hr", "timezone", "columns", "popover", "min-date", "max-date", "initial-page"])) : (u(), L(m(
|
|
5671
|
+
}, 8, ["modelValue", "locale", "is24hr", "timezone", "columns", "popover", "min-date", "max-date", "initial-page"])) : (u(), L(m(je), {
|
|
5676
5672
|
key: 2,
|
|
5677
5673
|
modelValue: i.value,
|
|
5678
5674
|
"onUpdate:modelValue": P[7] || (P[7] = (I) => i.value = I),
|
|
@@ -5711,7 +5707,7 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5711
5707
|
}), We = [
|
|
5712
5708
|
...vt,
|
|
5713
5709
|
"dateRange"
|
|
5714
|
-
],
|
|
5710
|
+
], Er = ["disabled", "step", "placeholder", "name"], Ar = /* @__PURE__ */ j({
|
|
5715
5711
|
__name: "cl-ui-currency-input",
|
|
5716
5712
|
props: {
|
|
5717
5713
|
modelValue: { type: [String, Object, Number, Boolean, null] },
|
|
@@ -5766,7 +5762,7 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5766
5762
|
ref: a,
|
|
5767
5763
|
type: "text",
|
|
5768
5764
|
disabled: f.disabled,
|
|
5769
|
-
class:
|
|
5765
|
+
class: E(["!cl-mb-1 cl-block cl-border cl-duration-300 cl-h-full cl-p-3 cl-rounded-lg cl-transition cl-w-full focus:cl-outline-none", {
|
|
5770
5766
|
"hover:!cl-border-grey-3": f.disabled === !1,
|
|
5771
5767
|
"!cl-cursor-default": f.disabled,
|
|
5772
5768
|
"!cl-border-danger-default": !f.isValid,
|
|
@@ -5781,12 +5777,12 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5781
5777
|
onChange: y,
|
|
5782
5778
|
onBlur: p,
|
|
5783
5779
|
onFocus: C[0] || (C[0] = (A) => r("focus"))
|
|
5784
|
-
}, null, 42,
|
|
5780
|
+
}, null, 42, Er));
|
|
5785
5781
|
}
|
|
5786
|
-
}),
|
|
5782
|
+
}), Vr = { class: "cl-flex cl-items-start" }, Mr = { class: "cl-w-full" }, Ir = ["min", "max", "step", "disabled"], Nr = { class: "cl-bg-transparent cl-text-center cl-text-sm cl-w-full" }, Rr = { class: "cl-bg-transparent cl-text-sm" }, Ur = {
|
|
5787
5783
|
key: 1,
|
|
5788
5784
|
class: "cl-emphasis-danger cl-text-sm cl-w-full"
|
|
5789
|
-
},
|
|
5785
|
+
}, zr = /* @__PURE__ */ j({
|
|
5790
5786
|
inheritAttrs: !1,
|
|
5791
5787
|
__name: "cl-ui-slider",
|
|
5792
5788
|
props: /* @__PURE__ */ de({
|
|
@@ -5814,15 +5810,15 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5814
5810
|
(n = a.value) == null || n.focus();
|
|
5815
5811
|
}
|
|
5816
5812
|
}), (n, s) => d.value ? (u(), g("div", me(Q({ key: 0 }, n.$attrs)), [
|
|
5817
|
-
h("div",
|
|
5813
|
+
h("div", Vr, [
|
|
5818
5814
|
h("span", {
|
|
5819
|
-
class:
|
|
5815
|
+
class: E(["cl-border cl-border-transparent cl-leading-6 cl-mr-1 cl-px-2 cl-rounded-full cl-select-none cl-shadow cl-text-center cl-text-xs", {
|
|
5820
5816
|
"cl-bg-white cl-cursor-pointer hover:cl-border-grey-1": !n.disabled,
|
|
5821
5817
|
"cl-bg-grey-0": n.disabled
|
|
5822
5818
|
}]),
|
|
5823
5819
|
onClick: s[0] || (s[0] = (c) => e.value = n.disabled ? e.value : n.min)
|
|
5824
5820
|
}, R(Number.isInteger(n.min) ? m(De)(n.min) : m(Me)(n.min, m(ae).DECIMAL)), 3),
|
|
5825
|
-
h("div",
|
|
5821
|
+
h("div", Mr, [
|
|
5826
5822
|
b.value ? (u(), L(ll, {
|
|
5827
5823
|
key: 0,
|
|
5828
5824
|
ref_key: "sliderRef",
|
|
@@ -5853,7 +5849,7 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5853
5849
|
max: n.max,
|
|
5854
5850
|
step: n.step,
|
|
5855
5851
|
disabled: n.disabled
|
|
5856
|
-
}, null, 8,
|
|
5852
|
+
}, null, 8, Ir), [
|
|
5857
5853
|
[
|
|
5858
5854
|
Sl,
|
|
5859
5855
|
e.value,
|
|
@@ -5861,17 +5857,17 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5861
5857
|
{ number: !0 }
|
|
5862
5858
|
]
|
|
5863
5859
|
]),
|
|
5864
|
-
h("div",
|
|
5860
|
+
h("div", Nr, R(Number.isInteger(e.value) ? m(De)(e.value) : m(Me)(e.value, m(ae).DECIMAL)), 1)
|
|
5865
5861
|
], 64))
|
|
5866
5862
|
]),
|
|
5867
5863
|
h("span", {
|
|
5868
|
-
class:
|
|
5864
|
+
class: E(["cl-border cl-border-transparent cl-leading-6 cl-ml-1 cl-px-2 cl-rounded-full cl-select-none cl-shadow cl-text-center cl-text-xs", {
|
|
5869
5865
|
"cl-bg-white cl-cursor-pointer hover:cl-border-grey-1": !n.disabled,
|
|
5870
5866
|
"cl-bg-grey-0": n.disabled
|
|
5871
5867
|
}]),
|
|
5872
5868
|
onClick: s[3] || (s[3] = (c) => e.value = n.disabled ? e.value : n.max)
|
|
5873
5869
|
}, R(Number.isInteger(n.max) ? m(De)(n.max) : m(Me)(n.max, m(ae).DECIMAL)), 3),
|
|
5874
|
-
h("div",
|
|
5870
|
+
h("div", Rr, [
|
|
5875
5871
|
h("div", {
|
|
5876
5872
|
class: "cl-bg-white cl-border cl-border-transparent cl-cursor-pointer cl-float-right cl-p-1.5 cl-px-2 cl-rounded-full cl-shadow cl-text-xs hover:cl-border-grey-1",
|
|
5877
5873
|
onClick: s[4] || (s[4] = (c) => b.value = !b.value)
|
|
@@ -5880,9 +5876,9 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
|
|
|
5880
5876
|
])
|
|
5881
5877
|
])
|
|
5882
5878
|
])
|
|
5883
|
-
], 16)) : (u(), g("div",
|
|
5879
|
+
], 16)) : (u(), g("div", Ur, R(m(r)("slider.invalidProps")), 1));
|
|
5884
5880
|
}
|
|
5885
|
-
}),
|
|
5881
|
+
}), Br = /* @__PURE__ */ Te(zr, [["__scopeId", "data-v-5cb4ccea"]]);
|
|
5886
5882
|
function Zl(o) {
|
|
5887
5883
|
let l = !1;
|
|
5888
5884
|
switch (o) {
|
|
@@ -5900,7 +5896,7 @@ function Zl(o) {
|
|
|
5900
5896
|
}
|
|
5901
5897
|
return l;
|
|
5902
5898
|
}
|
|
5903
|
-
function
|
|
5899
|
+
function Lr(o) {
|
|
5904
5900
|
return o === "number" || o === "range";
|
|
5905
5901
|
}
|
|
5906
5902
|
function Wl(o) {
|
|
@@ -5921,7 +5917,7 @@ function Wl(o) {
|
|
|
5921
5917
|
function Ke(o) {
|
|
5922
5918
|
return o === "button" || o === "submit" || o === "reset";
|
|
5923
5919
|
}
|
|
5924
|
-
function
|
|
5920
|
+
function Fr(o) {
|
|
5925
5921
|
let l;
|
|
5926
5922
|
switch (o) {
|
|
5927
5923
|
case "datetime":
|
|
@@ -5942,27 +5938,27 @@ function Lr(o) {
|
|
|
5942
5938
|
}
|
|
5943
5939
|
function Kl(o, l) {
|
|
5944
5940
|
const t = o.target;
|
|
5945
|
-
return
|
|
5941
|
+
return Lr(l) ? t.valueAsNumber : Ke(l) ? t.checked : t.value;
|
|
5946
5942
|
}
|
|
5947
|
-
const
|
|
5943
|
+
const jr = { class: "cl-flex cl-justify-between" }, Pr = { class: "cl-w-full" }, Hr = {
|
|
5948
5944
|
key: 0,
|
|
5949
5945
|
class: "cl-block cl-left-auto cl-relative cl-text-danger-default"
|
|
5950
|
-
},
|
|
5946
|
+
}, Gr = {
|
|
5951
5947
|
key: 1,
|
|
5952
5948
|
class: "cl-bg-danger-light cl-block cl-max-h-6 cl-mb-1 cl-ml-2 cl-px-2 cl-rounded-md cl-text-center cl-text-danger-default cl-text-xs"
|
|
5953
|
-
},
|
|
5949
|
+
}, Zr = {
|
|
5954
5950
|
key: 0,
|
|
5955
5951
|
class: "cl-relative"
|
|
5956
|
-
},
|
|
5952
|
+
}, Wr = ["type", "disabled", "min", "max", "minlength", "maxlength", "step", "placeholder", "name", "autocomplete"], Kr = { key: 0 }, Qr = { key: 1 }, Yr = {
|
|
5957
5953
|
key: 3,
|
|
5958
5954
|
class: "cl-max-h-[2.75rem] cl-pb-0.5"
|
|
5959
|
-
},
|
|
5955
|
+
}, Jr = {
|
|
5960
5956
|
key: 0,
|
|
5961
5957
|
class: "cl-bg-primary-lighter cl-px-2 cl-rounded-md cl-text-center cl-text-secondary-light cl-text-xs cl-w-auto cl-whitespace-pre-line"
|
|
5962
|
-
},
|
|
5958
|
+
}, Xr = {
|
|
5963
5959
|
key: 1,
|
|
5964
5960
|
class: "cl-bg-danger-light cl-px-2 cl-rounded-md cl-text-center cl-text-danger-default cl-text-xs cl-w-auto cl-whitespace-pre-line"
|
|
5965
|
-
},
|
|
5961
|
+
}, xr = /* @__PURE__ */ j({
|
|
5966
5962
|
inheritAttrs: !1,
|
|
5967
5963
|
__name: "cl-ui-input",
|
|
5968
5964
|
props: {
|
|
@@ -6008,7 +6004,7 @@ const Fr = { class: "cl-flex cl-justify-between" }, jr = { class: "cl-w-full" },
|
|
|
6008
6004
|
}), w = $({
|
|
6009
6005
|
get: () => e.modelValue,
|
|
6010
6006
|
set: (v) => oe(v)
|
|
6011
|
-
}), y = $(() => typeof e.min == "number" ? e.min.toString() : e.min), f = $(() => typeof e.max == "number" ? e.max.toString() : e.max), C = $(() => typeof e.min == "number" || e.min === null ? e.min : parseFloat(e.min)), A = $(() => typeof e.max == "number" || e.max === null ? e.max : parseFloat(e.max)),
|
|
6007
|
+
}), y = $(() => typeof e.min == "number" ? e.min.toString() : e.min), f = $(() => typeof e.max == "number" ? e.max.toString() : e.max), C = $(() => typeof e.min == "number" || e.min === null ? e.min : parseFloat(e.min)), A = $(() => typeof e.max == "number" || e.max === null ? e.max : parseFloat(e.max)), O = $(() => e.messageWhenValid.trim() !== "" ? e.messageWhenValid : ""), S = V(!0), P = V(!0), I = V([]), k = $(() => {
|
|
6012
6008
|
var v, N;
|
|
6013
6009
|
return [
|
|
6014
6010
|
...((v = I.value) == null ? void 0 : v.filter((Z) => ((Z == null ? void 0 : Z.length) ?? 0) > 0)) ?? [],
|
|
@@ -6041,7 +6037,7 @@ const Fr = { class: "cl-flex cl-justify-between" }, jr = { class: "cl-w-full" },
|
|
|
6041
6037
|
ge(e.customValidationFunction(e.label, v));
|
|
6042
6038
|
})
|
|
6043
6039
|
];
|
|
6044
|
-
return (typeof v == "string" || typeof v == "number") && (Z.push(
|
|
6040
|
+
return (typeof v == "string" || typeof v == "number") && (Z.push(Na(e.min, e.inputType, e.label, v, e.timeZone)), Z.push(Ra(e.max, e.inputType, e.label, v, e.timeZone))), e.isRequired && Z.push(Ua(e.label, v)), e.inputType === "email" && typeof v == "string" && Z.push(za(e.label, v)), Promise.all(Z).then((ge) => {
|
|
6045
6041
|
const pe = [...ge.map((ve) => ve.message)], Ee = ge.some((ve) => ve.message.length > 0 && ve.valid === !1) || e.externalErrors.length > 0;
|
|
6046
6042
|
P.value = !0, Ee ? (I.value = pe, r("validated", !1, v)) : (I.value = [], r("validated", !0, v)), S.value = !Ee;
|
|
6047
6043
|
});
|
|
@@ -6092,7 +6088,7 @@ const Fr = { class: "cl-flex cl-justify-between" }, jr = { class: "cl-w-full" },
|
|
|
6092
6088
|
async function H() {
|
|
6093
6089
|
await he(), Oe();
|
|
6094
6090
|
}
|
|
6095
|
-
return
|
|
6091
|
+
return Ge(() => {
|
|
6096
6092
|
e.validateImmediately && G(e.modelValue, !0);
|
|
6097
6093
|
}), te(() => e.isRequired, () => G(e.modelValue, !0)), te(() => e.externalErrors, async () => {
|
|
6098
6094
|
await B(p.value), r("update:model-value", p.value);
|
|
@@ -6118,15 +6114,15 @@ const Fr = { class: "cl-flex cl-justify-between" }, jr = { class: "cl-w-full" },
|
|
|
6118
6114
|
onMouseenter: N[13] || (N[13] = (Z) => J(!0)),
|
|
6119
6115
|
onMouseleave: N[14] || (N[14] = (Z) => J(!1))
|
|
6120
6116
|
}, [
|
|
6121
|
-
h("div",
|
|
6122
|
-
h("div",
|
|
6117
|
+
h("div", jr, [
|
|
6118
|
+
h("div", Pr, [
|
|
6123
6119
|
se(h("label", { class: "cl-block cl-mb-1 cl-text-grey-4 cl-text-xs cl-tracking-widest" }, R(v.label), 513), [
|
|
6124
6120
|
[fe, v.showLabel && v.label !== ""]
|
|
6125
6121
|
])
|
|
6126
6122
|
]),
|
|
6127
|
-
n.value ? (u(), g("label",
|
|
6123
|
+
n.value ? (u(), g("label", Hr, " * ")) : v.isRequired && v.requiredText.length ? (u(), g("label", Gr, R(v.requiredText), 1)) : U("", !0)
|
|
6128
6124
|
]),
|
|
6129
|
-
v.inputType !== "range" && v.inputType !== "currency" && !m(Wl)(v.inputType) ? (u(), g("div",
|
|
6125
|
+
v.inputType !== "range" && v.inputType !== "currency" && !m(Wl)(v.inputType) ? (u(), g("div", Zr, [
|
|
6130
6126
|
se(h("input", Q({
|
|
6131
6127
|
ref_key: "inputElement",
|
|
6132
6128
|
ref: a,
|
|
@@ -6161,7 +6157,7 @@ const Fr = { class: "cl-flex cl-justify-between" }, jr = { class: "cl-w-full" },
|
|
|
6161
6157
|
r("input", Z, m(Kl)(Z, v.inputType));
|
|
6162
6158
|
}),
|
|
6163
6159
|
onChange: T
|
|
6164
|
-
}), null, 16,
|
|
6160
|
+
}), null, 16, Wr), [
|
|
6165
6161
|
[Yl, p.value]
|
|
6166
6162
|
]),
|
|
6167
6163
|
q(Ne, {
|
|
@@ -6169,7 +6165,7 @@ const Fr = { class: "cl-flex cl-justify-between" }, jr = { class: "cl-w-full" },
|
|
|
6169
6165
|
duration: 300
|
|
6170
6166
|
}, {
|
|
6171
6167
|
default: M(() => [
|
|
6172
|
-
v.inputType === "number" && !v.disabled && v.showArrows ? se((u(), g("div",
|
|
6168
|
+
v.inputType === "number" && !v.disabled && v.showArrows ? se((u(), g("div", Kr, [
|
|
6173
6169
|
q(m(le), {
|
|
6174
6170
|
icon: "ph:caret-up-bold",
|
|
6175
6171
|
class: "cl-absolute cl-bg-link-default cl-right-1 cl-rounded-full cl-text-sm cl-text-white cl-top-1 hover:cl-bg-link-light hover:cl-cursor-pointer",
|
|
@@ -6190,8 +6186,8 @@ const Fr = { class: "cl-flex cl-justify-between" }, jr = { class: "cl-w-full" },
|
|
|
6190
6186
|
]),
|
|
6191
6187
|
_: 1
|
|
6192
6188
|
})
|
|
6193
|
-
])) : v.inputType === "currency" ? (u(), g("div",
|
|
6194
|
-
q(
|
|
6189
|
+
])) : v.inputType === "currency" ? (u(), g("div", Qr, [
|
|
6190
|
+
q(Ar, Q({
|
|
6195
6191
|
ref_key: "currencyInputRef",
|
|
6196
6192
|
ref: i,
|
|
6197
6193
|
modelValue: p.value,
|
|
@@ -6210,7 +6206,7 @@ const Fr = { class: "cl-flex cl-justify-between" }, jr = { class: "cl-w-full" },
|
|
|
6210
6206
|
onFocus: N[8] || (N[8] = (Z) => r("focus")),
|
|
6211
6207
|
onBlur: he
|
|
6212
6208
|
}), null, 16, ["modelValue", "disabled", "placeholder", "is-valid", "highlight-when-valid", "input-specific-classes", "group", "step", "currency-options"])
|
|
6213
|
-
])) : m(Wl)(v.inputType) ? (u(), L(m(
|
|
6209
|
+
])) : m(Wl)(v.inputType) ? (u(), L(m(Or), Q({ key: 2 }, v.$attrs, {
|
|
6214
6210
|
ref_key: "inputElement",
|
|
6215
6211
|
ref: a,
|
|
6216
6212
|
date: w.value,
|
|
@@ -6222,7 +6218,7 @@ const Fr = { class: "cl-flex cl-justify-between" }, jr = { class: "cl-w-full" },
|
|
|
6222
6218
|
}],
|
|
6223
6219
|
disabled: v.disabled,
|
|
6224
6220
|
required: v.isRequired,
|
|
6225
|
-
type: m(
|
|
6221
|
+
type: m(Fr)(v.inputType),
|
|
6226
6222
|
"time-zone": v.timeZone,
|
|
6227
6223
|
min: y.value,
|
|
6228
6224
|
max: f.value,
|
|
@@ -6232,8 +6228,8 @@ const Fr = { class: "cl-flex cl-justify-between" }, jr = { class: "cl-w-full" },
|
|
|
6232
6228
|
"date-format-locale": v.dateFormatLocale,
|
|
6233
6229
|
onBlur: x(he, ["self"]),
|
|
6234
6230
|
onFocus: N[10] || (N[10] = (Z) => r("focus"))
|
|
6235
|
-
}), null, 16, ["date", "class", "disabled", "required", "type", "time-zone", "min", "max", "placeholder", "initial-date", "quick-date-scope", "date-format-locale"])) : v.inputType === "range" && typeof p.value == "number" ? (u(), g("div",
|
|
6236
|
-
q(m(
|
|
6231
|
+
}), null, 16, ["date", "class", "disabled", "required", "type", "time-zone", "min", "max", "placeholder", "initial-date", "quick-date-scope", "date-format-locale"])) : v.inputType === "range" && typeof p.value == "number" ? (u(), g("div", Yr, [
|
|
6232
|
+
q(m(Br), {
|
|
6237
6233
|
ref_key: "inputElement",
|
|
6238
6234
|
ref: a,
|
|
6239
6235
|
value: p.value,
|
|
@@ -6249,11 +6245,11 @@ const Fr = { class: "cl-flex cl-justify-between" }, jr = { class: "cl-w-full" },
|
|
|
6249
6245
|
}, null, 8, ["value", "min", "max", "step", "placeholder", "disabled"])
|
|
6250
6246
|
])) : U("", !0)
|
|
6251
6247
|
], 32),
|
|
6252
|
-
S.value &&
|
|
6253
|
-
!S.value && k.value.length > 0 && v.showValidationMessages && P.value ? (u(), g("div",
|
|
6248
|
+
S.value && O.value && P.value ? (u(), g("div", Jr, R(O.value), 1)) : U("", !0),
|
|
6249
|
+
!S.value && k.value.length > 0 && v.showValidationMessages && P.value ? (u(), g("div", Xr, R(k.value), 1)) : U("", !0)
|
|
6254
6250
|
], 16));
|
|
6255
6251
|
}
|
|
6256
|
-
}),
|
|
6252
|
+
}), _r = /* @__PURE__ */ Te(xr, [["__scopeId", "data-v-7fedabde"]]), ei = [
|
|
6257
6253
|
"button",
|
|
6258
6254
|
"checkbox",
|
|
6259
6255
|
"color",
|
|
@@ -6275,24 +6271,24 @@ const Fr = { class: "cl-flex cl-justify-between" }, jr = { class: "cl-w-full" },
|
|
|
6275
6271
|
function $l(o) {
|
|
6276
6272
|
return /[a-z]{2}-[A-Z]{2}/gm.test(o.localeCode);
|
|
6277
6273
|
}
|
|
6278
|
-
function
|
|
6274
|
+
function li(o) {
|
|
6279
6275
|
let l = Array.isArray(o);
|
|
6280
6276
|
if (l) {
|
|
6281
6277
|
for (const t of o)
|
|
6282
|
-
if (!
|
|
6278
|
+
if (!ti(t)) {
|
|
6283
6279
|
l = !1;
|
|
6284
6280
|
break;
|
|
6285
6281
|
}
|
|
6286
6282
|
}
|
|
6287
6283
|
return l;
|
|
6288
6284
|
}
|
|
6289
|
-
function
|
|
6285
|
+
function ti(o) {
|
|
6290
6286
|
return typeof o.name == "string" && typeof o.nativeName == "string" && typeof o.localeCode == "string";
|
|
6291
6287
|
}
|
|
6292
|
-
const
|
|
6288
|
+
const oi = {
|
|
6293
6289
|
key: 0,
|
|
6294
6290
|
class: "cl-flex cl-relative cl-select-none cl-w-auto cl-z-30"
|
|
6295
|
-
},
|
|
6291
|
+
}, ai = { class: "cl-absolute cl-bg-white cl-border cl-border-grey-0 cl-overflow-hidden cl-right-0 cl-rounded cl-shadow-xl cl-text-black cl-top-6 cl-z-30" }, ni = ["data-localename", "data-localecode", "onClick"], si = { class: "cl-text-xs" }, ri = /* @__PURE__ */ j({
|
|
6296
6292
|
__name: "cl-ui-language-switcher",
|
|
6297
6293
|
props: {
|
|
6298
6294
|
supportedLanguages: {},
|
|
@@ -6311,22 +6307,22 @@ const ti = {
|
|
|
6311
6307
|
}
|
|
6312
6308
|
return te(() => t.disabled, (s) => {
|
|
6313
6309
|
s && (a.value = !1);
|
|
6314
|
-
}), (s, c) => i.value !== null && m($l)(i.value) ? (u(), g("div",
|
|
6310
|
+
}), (s, c) => i.value !== null && m($l)(i.value) ? (u(), g("div", oi, [
|
|
6315
6311
|
h("div", {
|
|
6316
|
-
class:
|
|
6312
|
+
class: E(["cl-flex cl-items-center", {
|
|
6317
6313
|
"cl-cursor-pointer": !s.disabled
|
|
6318
6314
|
}]),
|
|
6319
6315
|
onClick: n
|
|
6320
6316
|
}, [
|
|
6321
6317
|
h("span", {
|
|
6322
|
-
class:
|
|
6318
|
+
class: E(["cl-font-semibold cl-text-xs", {
|
|
6323
6319
|
"cl-opacity-50": s.disabled
|
|
6324
6320
|
}])
|
|
6325
6321
|
}, R(i.value.nativeName), 3)
|
|
6326
6322
|
], 2),
|
|
6327
6323
|
q(Ne, { name: "fade" }, {
|
|
6328
6324
|
default: M(() => [
|
|
6329
|
-
se(h("div",
|
|
6325
|
+
se(h("div", ai, [
|
|
6330
6326
|
(u(!0), g(K, null, _(d.value, (p, w) => (u(), g("div", {
|
|
6331
6327
|
key: w,
|
|
6332
6328
|
class: "cl-border-b cl-border-grey-0 cl-cursor-pointer cl-flex cl-items-center cl-justify-center cl-p-1 cl-text-center cl-transition-colors cl-w-28 hover:cl-bg-grey-0 last-child:cl-border-b-0 last:cl-border-b-0 lg:cl-p-2",
|
|
@@ -6336,8 +6332,8 @@ const ti = {
|
|
|
6336
6332
|
r.value = p.localeCode, n(), e("language-select", p.localeCode);
|
|
6337
6333
|
}
|
|
6338
6334
|
}, [
|
|
6339
|
-
h("span",
|
|
6340
|
-
], 8,
|
|
6335
|
+
h("span", si, R(p.nativeName), 1)
|
|
6336
|
+
], 8, ni))), 128))
|
|
6341
6337
|
], 512), [
|
|
6342
6338
|
[fe, a.value]
|
|
6343
6339
|
])
|
|
@@ -6346,13 +6342,13 @@ const ti = {
|
|
|
6346
6342
|
})
|
|
6347
6343
|
])) : U("", !0);
|
|
6348
6344
|
}
|
|
6349
|
-
}),
|
|
6345
|
+
}), ii = { class: "cl-relative" }, ui = { class: "cl-h-full cl-z-0 xl:cl-h-screen" }, ci = { class: "cl-absolute cl-bg-secondary-default cl-gap-y-1 cl-grid cl-grid-cols-1 cl-left-0 cl-opacity-95 cl-p-6 cl-top-0 cl-w-full cl-z-10 lg:cl-gap-x-1 lg:cl-grid-cols-10 lg:cl-p-10" }, di = { class: "cl-col-span-10 lg:cl-col-span-3" }, pi = {
|
|
6350
6346
|
key: 0,
|
|
6351
6347
|
class: "cl-col-span-10 cl-flex cl-items-start cl-justify-end cl-text-white lg:cl-col-span-1 lg:cl-p-2"
|
|
6352
|
-
},
|
|
6348
|
+
}, fi = { class: "cl-col-span-3" }, mi = { class: "cl-relative cl-text-grey-4" }, gi = { class: "cl-w-full" }, vi = {
|
|
6353
6349
|
key: 0,
|
|
6354
6350
|
class: "cl-bg-primary-lighter cl-mt-1 cl-rounded-md cl-text-center cl-text-secondary-default cl-text-xs cl-w-full"
|
|
6355
|
-
},
|
|
6351
|
+
}, hi = { class: "cl-col-span-3" }, bi = { class: "cl-relative cl-text-grey-4" }, yi = { class: "cl-col-span-2" }, wi = { class: "cl-col-span-10 cl-emphasis-danger cl-mt-10 cl-p-3 cl-rounded-md cl-text-sm md:cl-mt-3" }, ki = /* @__PURE__ */ j({
|
|
6356
6352
|
__name: "cl-ui-login",
|
|
6357
6353
|
props: {
|
|
6358
6354
|
errors: { default: () => [] },
|
|
@@ -6374,37 +6370,37 @@ const ti = {
|
|
|
6374
6370
|
return te([
|
|
6375
6371
|
r,
|
|
6376
6372
|
a
|
|
6377
|
-
], s), (c, p) => (u(), g("div",
|
|
6378
|
-
h("div",
|
|
6373
|
+
], s), (c, p) => (u(), g("div", ii, [
|
|
6374
|
+
h("div", ui, [
|
|
6379
6375
|
D(c.$slots, "background")
|
|
6380
6376
|
]),
|
|
6381
|
-
h("form",
|
|
6382
|
-
h("div",
|
|
6377
|
+
h("form", ci, [
|
|
6378
|
+
h("div", di, [
|
|
6383
6379
|
D(c.$slots, "logo")
|
|
6384
6380
|
]),
|
|
6385
|
-
c.$slots["language-switcher"] ? (u(), g("div",
|
|
6381
|
+
c.$slots["language-switcher"] ? (u(), g("div", pi, [
|
|
6386
6382
|
D(c.$slots, "language-switcher")
|
|
6387
6383
|
])) : U("", !0),
|
|
6388
6384
|
h("div", {
|
|
6389
|
-
class:
|
|
6385
|
+
class: E(["cl-gap-y-4 cl-grid cl-grid-cols-1 lg:cl-gap-x-2 lg:cl-grid-cols-8", {
|
|
6390
6386
|
"cl-col-span-7": !c.$slots["language-switcher"],
|
|
6391
6387
|
"cl-col-span-6": c.$slots["language-switcher"]
|
|
6392
6388
|
}])
|
|
6393
6389
|
}, [
|
|
6394
|
-
h("div",
|
|
6395
|
-
h("div",
|
|
6390
|
+
h("div", fi, [
|
|
6391
|
+
h("div", mi, [
|
|
6396
6392
|
q(m(le), {
|
|
6397
6393
|
class: "cl-absolute cl-left-3 cl-top-3 cl-z-10",
|
|
6398
6394
|
icon: "ph:user",
|
|
6399
6395
|
size: 18
|
|
6400
6396
|
}),
|
|
6401
|
-
h("div",
|
|
6397
|
+
h("div", gi, [
|
|
6402
6398
|
q(ze, {
|
|
6403
6399
|
id: "cl-ui-login-usernameinput",
|
|
6404
6400
|
modelValue: r.value,
|
|
6405
6401
|
"onUpdate:modelValue": p[0] || (p[0] = (w) => r.value = w),
|
|
6406
6402
|
modelModifiers: { trim: !0 },
|
|
6407
|
-
class:
|
|
6403
|
+
class: E(["cl-border-2 cl-outline-none cl-p-2 cl-pl-9 cl-text-grey-5 cl-text-sm", {
|
|
6408
6404
|
"!cl-border-primary-default hover:!cl-border-grey-3 focus-within:!cl-border-link-light": r.value !== "" && d.value,
|
|
6409
6405
|
"!cl-border-danger-dark hover:!cl-border-grey-3 focus-within:!cl-border-link-light": r.value !== "" && !d.value
|
|
6410
6406
|
}]),
|
|
@@ -6418,12 +6414,12 @@ const ti = {
|
|
|
6418
6414
|
])),
|
|
6419
6415
|
_: 1
|
|
6420
6416
|
}, 8, ["modelValue", "class", "errors", "placeholder"]),
|
|
6421
|
-
d.value ? (u(), g("div",
|
|
6417
|
+
d.value ? (u(), g("div", vi, R(m(e)("login.validEmail")), 1)) : U("", !0)
|
|
6422
6418
|
])
|
|
6423
6419
|
])
|
|
6424
6420
|
]),
|
|
6425
|
-
h("div",
|
|
6426
|
-
h("div",
|
|
6421
|
+
h("div", hi, [
|
|
6422
|
+
h("div", bi, [
|
|
6427
6423
|
q(m(le), {
|
|
6428
6424
|
class: "cl-absolute cl-left-3 cl-top-3 cl-z-10",
|
|
6429
6425
|
icon: "ph:lock",
|
|
@@ -6449,7 +6445,7 @@ const ti = {
|
|
|
6449
6445
|
id: "cl-ui-login-passwordinput",
|
|
6450
6446
|
modelValue: a.value,
|
|
6451
6447
|
"onUpdate:modelValue": p[3] || (p[3] = (w) => a.value = w),
|
|
6452
|
-
class:
|
|
6448
|
+
class: E(["cl-border-2 cl-outline-none cl-p-2 cl-px-9 cl-text-grey-5 cl-text-sm", {
|
|
6453
6449
|
"!cl-border-primary-default hover:!cl-border-grey-3 focus-within:!cl-border-link-light": a.value
|
|
6454
6450
|
}]),
|
|
6455
6451
|
type: i.value,
|
|
@@ -6463,11 +6459,7 @@ const ti = {
|
|
|
6463
6459
|
}, 8, ["modelValue", "class", "type", "placeholder"])
|
|
6464
6460
|
])
|
|
6465
6461
|
]),
|
|
6466
|
-
h("div",
|
|
6467
|
-
class: O(["cl-col-span-2", {
|
|
6468
|
-
"cl-mt-1.5 cl-mb-1 md:cl-mt-0.5 md:cl-mb-7 lg:cl-mb-0": c.loading
|
|
6469
|
-
}])
|
|
6470
|
-
}, [
|
|
6462
|
+
h("div", yi, [
|
|
6471
6463
|
q(Ce, {
|
|
6472
6464
|
id: "cl-ui-login-loginbutton",
|
|
6473
6465
|
class: "cl-w-full",
|
|
@@ -6481,13 +6473,13 @@ const ti = {
|
|
|
6481
6473
|
]),
|
|
6482
6474
|
_: 1
|
|
6483
6475
|
}, 8, ["loading", "disabled"])
|
|
6484
|
-
]
|
|
6476
|
+
])
|
|
6485
6477
|
], 2),
|
|
6486
6478
|
q(Ne, { name: "cl-grow-down" }, {
|
|
6487
6479
|
default: M(() => {
|
|
6488
6480
|
var w;
|
|
6489
6481
|
return [
|
|
6490
|
-
se(h("span",
|
|
6482
|
+
se(h("span", wi, [
|
|
6491
6483
|
(u(!0), g(K, null, _(c.errors, (y, f) => (u(), g("div", {
|
|
6492
6484
|
id: "cl-ui-login-errors",
|
|
6493
6485
|
key: f,
|
|
@@ -6503,19 +6495,19 @@ const ti = {
|
|
|
6503
6495
|
])
|
|
6504
6496
|
]));
|
|
6505
6497
|
}
|
|
6506
|
-
}),
|
|
6498
|
+
}), $i = [
|
|
6507
6499
|
"x-small",
|
|
6508
6500
|
"small",
|
|
6509
6501
|
"medium",
|
|
6510
6502
|
"large"
|
|
6511
|
-
],
|
|
6503
|
+
], Ti = [
|
|
6512
6504
|
"primary",
|
|
6513
6505
|
"secondary",
|
|
6514
6506
|
"white"
|
|
6515
|
-
],
|
|
6507
|
+
], Ci = {
|
|
6516
6508
|
key: 0,
|
|
6517
6509
|
class: "cl-h-0 cl-w-0"
|
|
6518
|
-
},
|
|
6510
|
+
}, Si = { class: "cl-relative cl-w-full" }, qi = /* @__PURE__ */ j({
|
|
6519
6511
|
__name: "cl-ui-navigation",
|
|
6520
6512
|
props: {
|
|
6521
6513
|
colour: { default: "default" }
|
|
@@ -6524,7 +6516,7 @@ const ti = {
|
|
|
6524
6516
|
setup(o, { expose: l, emit: t }) {
|
|
6525
6517
|
const e = t, r = V([]), a = $(() => r.value.filter((C) => C.open === !0).length > 0);
|
|
6526
6518
|
function i(C) {
|
|
6527
|
-
let A = r.value.find((
|
|
6519
|
+
let A = r.value.find((O) => O.id === C);
|
|
6528
6520
|
return A || (A = {
|
|
6529
6521
|
id: C,
|
|
6530
6522
|
open: !1
|
|
@@ -6532,10 +6524,10 @@ const ti = {
|
|
|
6532
6524
|
}
|
|
6533
6525
|
function d(C) {
|
|
6534
6526
|
const A = r.value.find((S) => S.id === C);
|
|
6535
|
-
let
|
|
6536
|
-
A && (A.open = !A.open, A.open && (
|
|
6527
|
+
let O;
|
|
6528
|
+
A && (A.open = !A.open, A.open && (O = A.id), r.value.forEach((S) => {
|
|
6537
6529
|
S.id !== C && (S.open = !1);
|
|
6538
|
-
})), e("open-state", !!(A != null && A.open),
|
|
6530
|
+
})), e("open-state", !!(A != null && A.open), O);
|
|
6539
6531
|
}
|
|
6540
6532
|
const b = Zt();
|
|
6541
6533
|
te(
|
|
@@ -6570,23 +6562,23 @@ const ti = {
|
|
|
6570
6562
|
}, [
|
|
6571
6563
|
h("div", {
|
|
6572
6564
|
id: "group-container",
|
|
6573
|
-
class:
|
|
6565
|
+
class: E(["cl-h-full cl-overflow-y-auto cl-overscroll-y-none cl-pb-20 cl-w-20 cl-z-40 xl:cl-pb-0", {
|
|
6574
6566
|
"cl-bg-primary-default": C.colour === "default",
|
|
6575
6567
|
"cl-bg-blue-dark": C.colour === "secondary"
|
|
6576
6568
|
}])
|
|
6577
6569
|
}, [
|
|
6578
6570
|
D(C.$slots, "icon", Q({ navcolour: C.colour }, { groupIsOpen: i, toggleOpen: d }), void 0, !0)
|
|
6579
6571
|
], 2),
|
|
6580
|
-
s.value ? (u(), g("div",
|
|
6572
|
+
s.value ? (u(), g("div", Ci)) : U("", !0),
|
|
6581
6573
|
q(Ne, { name: "slide-right" }, {
|
|
6582
6574
|
default: M(() => [
|
|
6583
6575
|
se(h("div", {
|
|
6584
|
-
class:
|
|
6576
|
+
class: E(["cl-bg-grey-0 cl-border-grey-2 cl-border-r cl-duration-75 cl-h-full cl-min-w-[260px] cl-overflow-y-auto cl-overscroll-y-none cl-p-8 cl-pb-24 cl-top-0 cl-transition-shadow cl-w-[260px] cl-z-30 xl:cl-pb-0", {
|
|
6585
6577
|
"cl-relative": n.value,
|
|
6586
6578
|
"cl-absolute cl-left-20 cl-shadow-lg": !n.value
|
|
6587
6579
|
}])
|
|
6588
6580
|
}, [
|
|
6589
|
-
h("div",
|
|
6581
|
+
h("div", Si, [
|
|
6590
6582
|
h("span", {
|
|
6591
6583
|
class: "cl-absolute cl-cursor-pointer cl-hidden cl-right-0 cl-top-1.5 lg:cl-block",
|
|
6592
6584
|
onClick: A[0] || (A[0] = () => p())
|
|
@@ -6609,7 +6601,7 @@ const ti = {
|
|
|
6609
6601
|
})
|
|
6610
6602
|
], 512));
|
|
6611
6603
|
}
|
|
6612
|
-
}),
|
|
6604
|
+
}), Di = /* @__PURE__ */ Te(qi, [["__scopeId", "data-v-db3283cd"]]), Oi = /* @__PURE__ */ j({
|
|
6613
6605
|
__name: "cl-ui-navigation-icon",
|
|
6614
6606
|
props: {
|
|
6615
6607
|
iconValue: {},
|
|
@@ -6618,7 +6610,7 @@ const ti = {
|
|
|
6618
6610
|
},
|
|
6619
6611
|
setup(o) {
|
|
6620
6612
|
return (l, t) => (u(), g("div", {
|
|
6621
|
-
class:
|
|
6613
|
+
class: E(["cl-cursor-pointer cl-flex cl-h-20 cl-items-center cl-justify-center cl-transition-colors cl-w-20", {
|
|
6622
6614
|
"cl-text-secondary-default hover:cl-bg-primary-dark hover:cl-text-white": l.colour === "default",
|
|
6623
6615
|
"cl-bg-primary-darker cl-text-white": l.open && l.colour === "default",
|
|
6624
6616
|
"cl-text-white hover:cl-bg-blue-light": l.colour === "secondary",
|
|
@@ -6632,49 +6624,49 @@ const ti = {
|
|
|
6632
6624
|
}, null, 8, ["icon"])
|
|
6633
6625
|
], 2));
|
|
6634
6626
|
}
|
|
6635
|
-
}),
|
|
6627
|
+
}), Ei = {
|
|
6636
6628
|
key: 0,
|
|
6637
6629
|
class: "cl-font-bold cl-leading-8 cl-mb-8 cl-pr-8 cl-select-none cl-text-lg cl-text-secondary-default"
|
|
6638
|
-
},
|
|
6630
|
+
}, Ai = { class: "cl-flex cl-flex-wrap cl-space-y-8 cl-text-sm cl-w-full" }, Vi = /* @__PURE__ */ j({
|
|
6639
6631
|
__name: "cl-ui-navigation-group",
|
|
6640
6632
|
props: {
|
|
6641
6633
|
open: { type: Boolean }
|
|
6642
6634
|
},
|
|
6643
6635
|
setup(o) {
|
|
6644
6636
|
return (l, t) => (u(), g("div", {
|
|
6645
|
-
class:
|
|
6637
|
+
class: E({
|
|
6646
6638
|
"cl-hidden": !l.open
|
|
6647
6639
|
})
|
|
6648
6640
|
}, [
|
|
6649
|
-
l.$slots.title ? (u(), g("div",
|
|
6641
|
+
l.$slots.title ? (u(), g("div", Ei, [
|
|
6650
6642
|
D(l.$slots, "title")
|
|
6651
6643
|
])) : U("", !0),
|
|
6652
|
-
h("div",
|
|
6644
|
+
h("div", Ai, [
|
|
6653
6645
|
D(l.$slots, "default")
|
|
6654
6646
|
])
|
|
6655
6647
|
], 2));
|
|
6656
6648
|
}
|
|
6657
|
-
}),
|
|
6649
|
+
}), Mi = {}, Ii = { class: "cl-w-full" }, Ni = {
|
|
6658
6650
|
key: 0,
|
|
6659
6651
|
class: "cl-font-bold cl-mb-4 cl-select-none"
|
|
6660
|
-
},
|
|
6661
|
-
function
|
|
6662
|
-
return u(), g("div",
|
|
6663
|
-
o.$slots.title ? (u(), g("div",
|
|
6652
|
+
}, Ri = { class: "cl-flex cl-flex-wrap cl-space-y-2" };
|
|
6653
|
+
function Ui(o, l) {
|
|
6654
|
+
return u(), g("div", Ii, [
|
|
6655
|
+
o.$slots.title ? (u(), g("div", Ni, [
|
|
6664
6656
|
D(o.$slots, "title")
|
|
6665
6657
|
])) : U("", !0),
|
|
6666
|
-
h("span",
|
|
6658
|
+
h("span", Ri, [
|
|
6667
6659
|
D(o.$slots, "default")
|
|
6668
6660
|
])
|
|
6669
6661
|
]);
|
|
6670
6662
|
}
|
|
6671
|
-
const
|
|
6672
|
-
function
|
|
6673
|
-
return u(), g("div",
|
|
6663
|
+
const zi = /* @__PURE__ */ Te(Mi, [["render", Ui]]), Bi = {}, Li = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-primary-darker" };
|
|
6664
|
+
function Fi(o, l) {
|
|
6665
|
+
return u(), g("div", Li, [
|
|
6674
6666
|
D(o.$slots, "default")
|
|
6675
6667
|
]);
|
|
6676
6668
|
}
|
|
6677
|
-
const
|
|
6669
|
+
const ji = /* @__PURE__ */ Te(Bi, [["render", Fi]]), Pi = /* @__PURE__ */ j({
|
|
6678
6670
|
__name: "cl-ui-tab",
|
|
6679
6671
|
props: {
|
|
6680
6672
|
colour: { default: "default" },
|
|
@@ -6700,17 +6692,17 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
6700
6692
|
function c(p) {
|
|
6701
6693
|
typeof p == "number" && s(p);
|
|
6702
6694
|
}
|
|
6703
|
-
return
|
|
6695
|
+
return Ge(() => {
|
|
6704
6696
|
s(a.value[0].id);
|
|
6705
6697
|
}), l({
|
|
6706
6698
|
setTab: c
|
|
6707
6699
|
}), (p, w) => (u(), g("div", {
|
|
6708
|
-
class:
|
|
6700
|
+
class: E(["cl-w-full", {
|
|
6709
6701
|
"cl-flex cl-flex-row cl-gap-4 xl:cl-gap-6 cl-h-full": b.value === !1
|
|
6710
6702
|
}])
|
|
6711
6703
|
}, [
|
|
6712
6704
|
h("div", {
|
|
6713
|
-
class:
|
|
6705
|
+
class: E(["cl-flex cl-flex-nowrap", [
|
|
6714
6706
|
b.value === !1 ? "cl-items-start" : "cl-items-center cl-w-full",
|
|
6715
6707
|
{
|
|
6716
6708
|
"cl-border-r cl-h-full cl-border-grey-1": b.value === !1
|
|
@@ -6720,7 +6712,7 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
6720
6712
|
h("div", {
|
|
6721
6713
|
ref_key: "headerContainer",
|
|
6722
6714
|
ref: d,
|
|
6723
|
-
class:
|
|
6715
|
+
class: E(["cl-border-b cl-border-grey-1 cl-flex cl-flex-nowrap cl-flex-row", {
|
|
6724
6716
|
"cl-overflow-x-auto cl-overscroll-x-none cl-w-full cl-gap-4 xl:cl-gap-6 cl-px-4": b.value,
|
|
6725
6717
|
"cl-flex-col cl-border-b-0": b.value === !1
|
|
6726
6718
|
}])
|
|
@@ -6729,7 +6721,7 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
6729
6721
|
], 2)
|
|
6730
6722
|
], 2),
|
|
6731
6723
|
se(h("div", {
|
|
6732
|
-
class:
|
|
6724
|
+
class: E(["cl-basis-full cl-p-4", {
|
|
6733
6725
|
"cl-overflow-hidden": p.overflowHidden
|
|
6734
6726
|
}])
|
|
6735
6727
|
}, [
|
|
@@ -6739,7 +6731,7 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
6739
6731
|
])
|
|
6740
6732
|
], 2));
|
|
6741
6733
|
}
|
|
6742
|
-
}),
|
|
6734
|
+
}), Hi = ["inert"], Gi = /* @__PURE__ */ j({
|
|
6743
6735
|
__name: "cl-ui-tab-header",
|
|
6744
6736
|
props: {
|
|
6745
6737
|
open: { type: Boolean },
|
|
@@ -6751,7 +6743,7 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
6751
6743
|
setup(o) {
|
|
6752
6744
|
const l = o, t = $(() => l.layout === "horizontal");
|
|
6753
6745
|
return (e, r) => (u(), g("div", {
|
|
6754
|
-
class:
|
|
6746
|
+
class: E(["cl-flex cl-font-bold cl-items-center cl-whitespace-nowrap", {
|
|
6755
6747
|
"cl-border-b-4 cl-p-2 cl-pt-4": t.value,
|
|
6756
6748
|
"cl-border-b-0 cl-border-r-4 cl-pr-4 cl-py-2": t.value === !1,
|
|
6757
6749
|
"cl-cursor-pointer hover:cl-border-opacity-100 cl-border-link-lighter cl-border-opacity-0 cl-text-secondary-light hover:cl-text-secondary-dark": e.open === !1 && !e.disabled,
|
|
@@ -6768,32 +6760,32 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
6768
6760
|
D(e.$slots, "default", {}, () => [
|
|
6769
6761
|
ue(R(e.title), 1)
|
|
6770
6762
|
])
|
|
6771
|
-
], 10,
|
|
6763
|
+
], 10, Hi));
|
|
6772
6764
|
}
|
|
6773
|
-
}),
|
|
6765
|
+
}), Zi = { key: 0 }, Wi = { class: "cl-font-bold cl-mb-4" }, Ki = /* @__PURE__ */ j({
|
|
6774
6766
|
__name: "cl-ui-tab-content",
|
|
6775
6767
|
props: {
|
|
6776
6768
|
open: { type: Boolean },
|
|
6777
6769
|
title: { default: "" }
|
|
6778
6770
|
},
|
|
6779
6771
|
setup(o) {
|
|
6780
|
-
return (l, t) => l.open ? (u(), g("div",
|
|
6772
|
+
return (l, t) => l.open ? (u(), g("div", Zi, [
|
|
6781
6773
|
l.$slots.header || l.title ? D(l.$slots, "header", { key: 0 }, () => [
|
|
6782
|
-
h("h4",
|
|
6774
|
+
h("h4", Wi, R(l.title), 1)
|
|
6783
6775
|
]) : U("", !0),
|
|
6784
6776
|
D(l.$slots, "default")
|
|
6785
6777
|
])) : U("", !0);
|
|
6786
6778
|
}
|
|
6787
|
-
}),
|
|
6779
|
+
}), Qi = [
|
|
6788
6780
|
"default",
|
|
6789
6781
|
"primary",
|
|
6790
6782
|
"secondary",
|
|
6791
6783
|
"danger",
|
|
6792
6784
|
"blue"
|
|
6793
|
-
],
|
|
6785
|
+
], Yi = [
|
|
6794
6786
|
"horizontal",
|
|
6795
6787
|
"vertical"
|
|
6796
|
-
],
|
|
6788
|
+
], Ji = { class: "cl-flex cl-flex-col cl-h-full cl-w-full" }, Xi = ["multiple", "accept", "disabled"], xi = ["multiple", "accept", "disabled"], _i = /* @__PURE__ */ j({
|
|
6797
6789
|
inheritAttrs: !1,
|
|
6798
6790
|
__name: "cl-ui-file-uploader",
|
|
6799
6791
|
props: {
|
|
@@ -6819,12 +6811,12 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
6819
6811
|
}
|
|
6820
6812
|
}
|
|
6821
6813
|
function b(y) {
|
|
6822
|
-
const f = t.acceptedFileTypes.split(",").map((
|
|
6823
|
-
y.forEach((
|
|
6814
|
+
const f = t.acceptedFileTypes.split(",").map((O) => O.trim()), C = [], A = [];
|
|
6815
|
+
y.forEach((O) => {
|
|
6824
6816
|
f.some((S) => {
|
|
6825
6817
|
const P = Bt(S).replace(/\\\*/g, ".*?");
|
|
6826
|
-
return new RegExp(`^${P}$`).test(
|
|
6827
|
-
}) ? C.push(
|
|
6818
|
+
return new RegExp(`^${P}$`).test(O.type) || O.name.endsWith(S);
|
|
6819
|
+
}) ? C.push(O) : A.push(O);
|
|
6828
6820
|
}), C.length && e("files-uploaded", C), a.value = A, A.length && e("invalid-files", A), w();
|
|
6829
6821
|
}
|
|
6830
6822
|
const n = [
|
|
@@ -6833,7 +6825,7 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
6833
6825
|
"dragleave",
|
|
6834
6826
|
"drop"
|
|
6835
6827
|
], s = V(!1);
|
|
6836
|
-
|
|
6828
|
+
Ge(() => {
|
|
6837
6829
|
n.forEach((y) => {
|
|
6838
6830
|
document.body.addEventListener(y, (f) => f.preventDefault());
|
|
6839
6831
|
});
|
|
@@ -6846,7 +6838,7 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
6846
6838
|
function w() {
|
|
6847
6839
|
c.value && (c.value.value = ""), p.value && (p.value.value = "");
|
|
6848
6840
|
}
|
|
6849
|
-
return (y, f) => (u(), g("div",
|
|
6841
|
+
return (y, f) => (u(), g("div", Ji, [
|
|
6850
6842
|
y.uploaderType === "dragDrop" ? (u(), g("label", Q({ key: 0 }, y.$attrs, {
|
|
6851
6843
|
role: "button",
|
|
6852
6844
|
class: ["cl-bg-opacity-10 cl-border cl-border-dashed cl-duration-300 cl-ease-in-out cl-flex cl-justify-center cl-relative cl-rounded-lg", {
|
|
@@ -6868,14 +6860,14 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
6868
6860
|
accept: y.acceptedFileTypes,
|
|
6869
6861
|
disabled: y.disabled,
|
|
6870
6862
|
onInput: d
|
|
6871
|
-
}, null, 40,
|
|
6863
|
+
}, null, 40, Xi),
|
|
6872
6864
|
D(y.$slots, "default")
|
|
6873
6865
|
], 16)) : (u(), g("input", {
|
|
6874
6866
|
key: 1,
|
|
6875
6867
|
ref_key: "fileRefClassic",
|
|
6876
6868
|
ref: p,
|
|
6877
6869
|
type: "file",
|
|
6878
|
-
class:
|
|
6870
|
+
class: E({
|
|
6879
6871
|
"cl-cursor-default": y.disabled === !0,
|
|
6880
6872
|
"cl-cursor-pointer": y.disabled === !1
|
|
6881
6873
|
}),
|
|
@@ -6883,13 +6875,13 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
6883
6875
|
accept: y.acceptedFileTypes,
|
|
6884
6876
|
disabled: y.disabled,
|
|
6885
6877
|
onInput: d
|
|
6886
|
-
}, null, 42,
|
|
6878
|
+
}, null, 42, xi)),
|
|
6887
6879
|
a.value.length > 0 ? D(y.$slots, "invalid-files", {
|
|
6888
6880
|
key: 2,
|
|
6889
6881
|
invalidFiles: a.value
|
|
6890
6882
|
}, () => [
|
|
6891
6883
|
h("div", {
|
|
6892
|
-
class:
|
|
6884
|
+
class: E(["cl-flex cl-flex-col cl-flex-nowrap cl-gap-1 cl-pt-1", {
|
|
6893
6885
|
"cl-w-full": y.uploaderType === "dragDrop",
|
|
6894
6886
|
"cl-w-max": y.uploaderType == "classic"
|
|
6895
6887
|
}])
|
|
@@ -6902,7 +6894,7 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
6902
6894
|
]) : U("", !0)
|
|
6903
6895
|
]));
|
|
6904
6896
|
}
|
|
6905
|
-
}),
|
|
6897
|
+
}), eu = /* @__PURE__ */ j({
|
|
6906
6898
|
inheritAttrs: !1,
|
|
6907
6899
|
__name: "cl-ui-toggle",
|
|
6908
6900
|
props: /* @__PURE__ */ de({
|
|
@@ -6954,7 +6946,7 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
6954
6946
|
} : void 0
|
|
6955
6947
|
]), 1032, ["show-required-asterisk"]));
|
|
6956
6948
|
}
|
|
6957
|
-
}),
|
|
6949
|
+
}), lu = /* @__PURE__ */ j({
|
|
6958
6950
|
__name: "cl-ui-toggle-button",
|
|
6959
6951
|
props: {
|
|
6960
6952
|
isSelected: { type: Boolean },
|
|
@@ -6962,7 +6954,7 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
6962
6954
|
},
|
|
6963
6955
|
setup(o) {
|
|
6964
6956
|
return (l, t) => (u(), L(Ce, {
|
|
6965
|
-
class:
|
|
6957
|
+
class: E({
|
|
6966
6958
|
"!cl-bg-primary-default cl-border-primary-dark hover:cl-border-primary-dark cl-text-black !cl-bg-opacity-40 cl-font-bold": l.isSelected,
|
|
6967
6959
|
"cl-border-secondary-light hover:cl-shadow-md cl-border-opacity-40 hover:cl-border-opacity-100 !cl-text-secondary-default hover:cl-bg-primary-default hover:cl-bg-opacity-15 hover:cl-font-bold": l.isSelected === !1,
|
|
6968
6960
|
"cl-rounded-none ": l.orientation === "horizontal"
|
|
@@ -6974,7 +6966,7 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
6974
6966
|
_: 3
|
|
6975
6967
|
}, 8, ["class"]));
|
|
6976
6968
|
}
|
|
6977
|
-
}),
|
|
6969
|
+
}), tu = { class: "*:cl-cursor-pointer cl-flex cl-gap-2 cl-items-center cl-select-none" }, ou = ["id", "name", "checked"], Ot = /* @__PURE__ */ j({
|
|
6978
6970
|
__name: "cl-ui-radio",
|
|
6979
6971
|
props: {
|
|
6980
6972
|
id: {},
|
|
@@ -6983,7 +6975,7 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
6983
6975
|
},
|
|
6984
6976
|
emits: ["click"],
|
|
6985
6977
|
setup(o) {
|
|
6986
|
-
return (l, t) => (u(), g("div",
|
|
6978
|
+
return (l, t) => (u(), g("div", tu, [
|
|
6987
6979
|
h("input", {
|
|
6988
6980
|
id: l.id,
|
|
6989
6981
|
name: l.name,
|
|
@@ -6991,11 +6983,11 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
6991
6983
|
checked: l.checked,
|
|
6992
6984
|
class: "after:checked:cl-bg-secondary-default after:cl-h-1.5 after:cl-m-1 after:cl-rounded-full after:cl-w-1.5 checked:cl-bg-primary-default checked:cl-border-primary-darker cl-appearance-none cl-bg-clip-content cl-border cl-border-grey-3 cl-cursor-pointer cl-flex cl-gap-2 cl-h-4 cl-items-center cl-rounded-full cl-w-4",
|
|
6993
6985
|
onClick: t[0] || (t[0] = (e) => l.$emit("click"))
|
|
6994
|
-
}, null, 8,
|
|
6986
|
+
}, null, 8, ou),
|
|
6995
6987
|
D(l.$slots, "default")
|
|
6996
6988
|
]));
|
|
6997
6989
|
}
|
|
6998
|
-
}),
|
|
6990
|
+
}), au = /* @__PURE__ */ j({
|
|
6999
6991
|
__name: "cl-ui-radio-group",
|
|
7000
6992
|
props: {
|
|
7001
6993
|
id: {},
|
|
@@ -7019,19 +7011,19 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
7019
7011
|
_: 2
|
|
7020
7012
|
}, 1032, ["id", "checked", "name", "onClick"]))), 128));
|
|
7021
7013
|
}
|
|
7022
|
-
}),
|
|
7014
|
+
}), nu = {
|
|
7023
7015
|
key: 0,
|
|
7024
7016
|
class: "cl-flex-1"
|
|
7025
|
-
},
|
|
7017
|
+
}, su = {
|
|
7026
7018
|
key: 0,
|
|
7027
7019
|
class: "cl-mb-1 cl-mt-0.5"
|
|
7028
|
-
},
|
|
7020
|
+
}, ru = { class: "cl-overflow-y-auto cl-w-full" }, iu = {
|
|
7029
7021
|
key: 1,
|
|
7030
7022
|
class: "cl-border-grey-2 cl-border-t cl-mt-auto cl-pt-1 cl-text-white cl-w-full hover:cl-text-secondary-default"
|
|
7031
|
-
},
|
|
7023
|
+
}, uu = {
|
|
7032
7024
|
key: 0,
|
|
7033
7025
|
class: "cl-flex cl-flex-shrink-0 cl-w-16"
|
|
7034
|
-
},
|
|
7026
|
+
}, cu = /* @__PURE__ */ j({
|
|
7035
7027
|
inheritAttrs: !1,
|
|
7036
7028
|
__name: "cl-ui-menu",
|
|
7037
7029
|
props: {
|
|
@@ -7070,7 +7062,7 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
7070
7062
|
}]
|
|
7071
7063
|
}), [
|
|
7072
7064
|
h("div", {
|
|
7073
|
-
class:
|
|
7065
|
+
class: E(["cl-flex cl-items-center cl-rounded-lg cl-w-full", {
|
|
7074
7066
|
"hover:cl-bg-primary-lighter cl-cursor-pointer cl-transition-colors": l.value === !1,
|
|
7075
7067
|
"cl-gap-3": l.value
|
|
7076
7068
|
}]),
|
|
@@ -7082,19 +7074,19 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
7082
7074
|
}, [
|
|
7083
7075
|
q(m(rl), {
|
|
7084
7076
|
"icon-value": l.value ? "ph:caret-double-left" : i.value ? "ph:caret-double-right" : "ph:list",
|
|
7085
|
-
class:
|
|
7077
|
+
class: E({
|
|
7086
7078
|
"cl-rounded-lg hover:cl-bg-grey-1 cl-text-grey-3 hover:cl-text-secondary-default cl-transition-colors cl-cursor-pointer": l.value,
|
|
7087
7079
|
"cl-text-secondary-default": l.value === !1
|
|
7088
7080
|
}),
|
|
7089
7081
|
onClick: s[0] || (s[0] = x(() => a(), ["stop"]))
|
|
7090
7082
|
}, null, 8, ["icon-value", "class"]),
|
|
7091
|
-
l.value && n.$slots.menuHeader ? (u(), g("div",
|
|
7083
|
+
l.value && n.$slots.menuHeader ? (u(), g("div", nu, [
|
|
7092
7084
|
D(n.$slots, "menuHeader")
|
|
7093
7085
|
])) : U("", !0)
|
|
7094
7086
|
], 34),
|
|
7095
7087
|
n.$slots.searchInput ? (u(), g("div", {
|
|
7096
7088
|
key: 0,
|
|
7097
|
-
class:
|
|
7089
|
+
class: E(["cl-w-full", {
|
|
7098
7090
|
"hover:cl-bg-primary-lighter cl-cursor-pointer cl-rounded-lg cl-transition-colors": l.value === !1
|
|
7099
7091
|
}]),
|
|
7100
7092
|
onClick: s[4] || (s[4] = () => {
|
|
@@ -7103,29 +7095,29 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
7103
7095
|
}, [
|
|
7104
7096
|
q(m(rl), {
|
|
7105
7097
|
"icon-value": "ph:magnifying-glass",
|
|
7106
|
-
class:
|
|
7098
|
+
class: E({
|
|
7107
7099
|
"cl-absolute cl-z-10 cl-text-grey-3": l.value,
|
|
7108
7100
|
"cl-text-secondary-default": l.value === !1
|
|
7109
7101
|
})
|
|
7110
7102
|
}, null, 8, ["class"]),
|
|
7111
|
-
l.value ? (u(), g("div",
|
|
7103
|
+
l.value ? (u(), g("div", su, [
|
|
7112
7104
|
D(n.$slots, "searchInput")
|
|
7113
7105
|
])) : U("", !0)
|
|
7114
7106
|
], 2)) : U("", !0),
|
|
7115
|
-
h("div",
|
|
7107
|
+
h("div", ru, [
|
|
7116
7108
|
D(n.$slots, "default", me(be({ toggleOpen: r, groupIsOpen: e })))
|
|
7117
7109
|
]),
|
|
7118
|
-
n.$slots.footer ? (u(), g("div",
|
|
7110
|
+
n.$slots.footer ? (u(), g("div", iu, [
|
|
7119
7111
|
D(n.$slots, "footer", me(be({ toggleOpen: r, groupIsOpen: e })))
|
|
7120
7112
|
])) : U("", !0)
|
|
7121
7113
|
], 16),
|
|
7122
|
-
m(d) === !1 && l.value ? (u(), g("div",
|
|
7114
|
+
m(d) === !1 && l.value ? (u(), g("div", uu)) : U("", !0)
|
|
7123
7115
|
], 64));
|
|
7124
7116
|
}
|
|
7125
|
-
}),
|
|
7117
|
+
}), du = { class: "cl-overflow-hidden cl-w-full" }, pu = ["title"], fu = { class: "cl-flex cl-flex-1 cl-items-center cl-justify-between" }, mu = { class: "cl-font-semibold" }, gu = { class: "cl-overflow-hidden" }, vu = {
|
|
7126
7118
|
key: 0,
|
|
7127
7119
|
class: "cl-mt-1"
|
|
7128
|
-
},
|
|
7120
|
+
}, hu = /* @__PURE__ */ j({
|
|
7129
7121
|
__name: "cl-ui-menu-group",
|
|
7130
7122
|
props: {
|
|
7131
7123
|
title: {},
|
|
@@ -7137,15 +7129,15 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
7137
7129
|
setup(o) {
|
|
7138
7130
|
return (l, t) => {
|
|
7139
7131
|
const e = Se("icon");
|
|
7140
|
-
return u(), g("div",
|
|
7132
|
+
return u(), g("div", du, [
|
|
7141
7133
|
h("div", {
|
|
7142
7134
|
class: "cl-cursor-pointer cl-flex cl-items-center cl-rounded-lg cl-text-secondary-default cl-transition-colors hover:cl-bg-primary-lighter",
|
|
7143
7135
|
title: l.title,
|
|
7144
7136
|
onClick: t[0] || (t[0] = (r) => l.$emit("toggle-open"))
|
|
7145
7137
|
}, [
|
|
7146
7138
|
q(m(rl), { "icon-value": l.iconValue }, null, 8, ["icon-value"]),
|
|
7147
|
-
se(h("div",
|
|
7148
|
-
h("span",
|
|
7139
|
+
se(h("div", fu, [
|
|
7140
|
+
h("span", mu, R(l.title), 1),
|
|
7149
7141
|
l.$slots.default ? (u(), L(e, {
|
|
7150
7142
|
key: 0,
|
|
7151
7143
|
icon: l.open ? "ph:caret-up" : "ph:caret-down",
|
|
@@ -7154,9 +7146,9 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
7154
7146
|
], 512), [
|
|
7155
7147
|
[fe, l.menuOpen]
|
|
7156
7148
|
])
|
|
7157
|
-
], 8,
|
|
7158
|
-
h("div",
|
|
7159
|
-
l.open && l.menuOpen === !0 ? (u(), g("div",
|
|
7149
|
+
], 8, pu),
|
|
7150
|
+
h("div", gu, [
|
|
7151
|
+
l.open && l.menuOpen === !0 ? (u(), g("div", vu, [
|
|
7160
7152
|
q(m(Et), null, {
|
|
7161
7153
|
default: M(() => [
|
|
7162
7154
|
D(l.$slots, "default")
|
|
@@ -7168,7 +7160,7 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
7168
7160
|
]);
|
|
7169
7161
|
};
|
|
7170
7162
|
}
|
|
7171
|
-
}),
|
|
7163
|
+
}), bu = { class: "cl-flex cl-flex-shrink-0 cl-h-12 cl-items-center cl-justify-center cl-w-12" }, Ql = "24", rl = /* @__PURE__ */ j({
|
|
7172
7164
|
__name: "cl-ui-menu-icon",
|
|
7173
7165
|
props: {
|
|
7174
7166
|
iconValue: {}
|
|
@@ -7176,7 +7168,7 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
7176
7168
|
setup(o) {
|
|
7177
7169
|
return (l, t) => {
|
|
7178
7170
|
const e = Se("icon");
|
|
7179
|
-
return u(), g("div",
|
|
7171
|
+
return u(), g("div", bu, [
|
|
7180
7172
|
q(e, {
|
|
7181
7173
|
icon: l.iconValue,
|
|
7182
7174
|
width: Ql,
|
|
@@ -7185,26 +7177,26 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
7185
7177
|
]);
|
|
7186
7178
|
};
|
|
7187
7179
|
}
|
|
7188
|
-
}),
|
|
7180
|
+
}), yu = { class: "cl-flex cl-flex-row" }, wu = { class: "cl-flex cl-flex-1 cl-flex-col cl-pl-1" }, Et = /* @__PURE__ */ j({
|
|
7189
7181
|
__name: "cl-ui-menu-section",
|
|
7190
7182
|
setup(o) {
|
|
7191
|
-
return (l, t) => (u(), g("div",
|
|
7183
|
+
return (l, t) => (u(), g("div", yu, [
|
|
7192
7184
|
t[0] || (t[0] = h("div", { class: "cl-flex cl-flex-shrink-0 cl-justify-center cl-w-[47px]" }, [
|
|
7193
7185
|
h("div", { class: "cl-bg-grey-2 cl-w-[1px]" }, " ")
|
|
7194
7186
|
], -1)),
|
|
7195
|
-
h("div",
|
|
7187
|
+
h("div", wu, [
|
|
7196
7188
|
D(l.$slots, "default")
|
|
7197
7189
|
])
|
|
7198
7190
|
]));
|
|
7199
7191
|
}
|
|
7200
|
-
}),
|
|
7192
|
+
}), ku = { class: "cl-cursor-pointer cl-text-secondary-default cl-text-sm cl-transition-colors cl-w-full hover:cl-text-primary-dark" }, $u = /* @__PURE__ */ j({
|
|
7201
7193
|
__name: "cl-ui-menu-item",
|
|
7202
7194
|
setup(o) {
|
|
7203
|
-
return (l, t) => (u(), g("div",
|
|
7195
|
+
return (l, t) => (u(), g("div", ku, [
|
|
7204
7196
|
D(l.$slots, "default")
|
|
7205
7197
|
]));
|
|
7206
7198
|
}
|
|
7207
|
-
}),
|
|
7199
|
+
}), Tu = ["height"], Cu = ["y2"], Su = ["y1", "y2"], qu = /* @__PURE__ */ j({
|
|
7208
7200
|
__name: "cl-ui-tree-list-tree-path",
|
|
7209
7201
|
props: {
|
|
7210
7202
|
branchesAt: {}
|
|
@@ -7225,7 +7217,7 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
7225
7217
|
x2: "50%",
|
|
7226
7218
|
y2: l.branchesAt.at(-1) ?? 0,
|
|
7227
7219
|
"stroke-linecap": "round"
|
|
7228
|
-
}, null, 8,
|
|
7220
|
+
}, null, 8, Cu),
|
|
7229
7221
|
(u(!0), g(K, null, _(e.branchesAt, (a, i) => (u(), g("line", {
|
|
7230
7222
|
key: i,
|
|
7231
7223
|
x1: "50%",
|
|
@@ -7233,14 +7225,14 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
|
|
|
7233
7225
|
x2: "100%",
|
|
7234
7226
|
y2: a,
|
|
7235
7227
|
"stroke-linecap": "round"
|
|
7236
|
-
}, null, 8,
|
|
7237
|
-
], 8,
|
|
7228
|
+
}, null, 8, Su))), 128))
|
|
7229
|
+
], 8, Tu));
|
|
7238
7230
|
}
|
|
7239
7231
|
});
|
|
7240
|
-
function
|
|
7232
|
+
function Du(...o) {
|
|
7241
7233
|
return o.map((l) => l.replace(/ /g, "_")).join(" ");
|
|
7242
7234
|
}
|
|
7243
|
-
function
|
|
7235
|
+
function Ou(o, l) {
|
|
7244
7236
|
var r;
|
|
7245
7237
|
const t = l.split(" ");
|
|
7246
7238
|
let e;
|
|
@@ -7249,13 +7241,13 @@ function qu(o, l) {
|
|
|
7249
7241
|
break;
|
|
7250
7242
|
return e ?? null;
|
|
7251
7243
|
}
|
|
7252
|
-
const
|
|
7244
|
+
const Eu = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Au = { class: "cl-h-8 cl-px-1.5 cl-py-[3px] cl-w-8" }, Vu = ["id"], Mu = {
|
|
7253
7245
|
key: 0,
|
|
7254
7246
|
class: "cl-w-8"
|
|
7255
|
-
},
|
|
7247
|
+
}, Iu = ["id"], Nu = ["id"], Ru = {
|
|
7256
7248
|
key: 3,
|
|
7257
7249
|
class: "cl-basis-full cl-flex cl-flex-col cl-gap-2 cl-pt-2"
|
|
7258
|
-
},
|
|
7250
|
+
}, Uu = /* @__PURE__ */ j({
|
|
7259
7251
|
__name: "cl-ui-tree-list-subtree",
|
|
7260
7252
|
props: /* @__PURE__ */ de({
|
|
7261
7253
|
idPrefix: {},
|
|
@@ -7270,12 +7262,12 @@ const Du = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Ou = { cla
|
|
|
7270
7262
|
emits: /* @__PURE__ */ de(["recalculate-tree-path", "set-child-node-height"], ["update:selectedPath"]),
|
|
7271
7263
|
setup(o, { emit: l }) {
|
|
7272
7264
|
var A;
|
|
7273
|
-
const t = o, e = ke(o, "selectedPath"), r = l, a = $(() =>
|
|
7265
|
+
const t = o, e = ke(o, "selectedPath"), r = l, a = $(() => Du(...t.pathFragments)), i = Nt(t.rootNode.expanded) ? t.rootNode.expanded : V(t.rootNode.expanded ?? !1), d = V(), { height: b } = Nl(d), n = bl(d), s = V([]), c = $(() => s.value.map((O) => Nl(O))), p = $(() => s.value.map((O) => bl(O))), w = V(new Array(((A = t.rootNode.children) == null ? void 0 : A.length) ?? 0).fill(0)), y = V([]);
|
|
7274
7266
|
function f() {
|
|
7275
|
-
n.update(), y.value = p.value.map((
|
|
7267
|
+
n.update(), y.value = p.value.map((O, S) => (O.update(), O.top.value - n.bottom.value + w.value[S] / 2 + 3)), r("recalculate-tree-path");
|
|
7276
7268
|
}
|
|
7277
7269
|
const C = Je(f, 1);
|
|
7278
|
-
return te(b, (
|
|
7270
|
+
return te(b, (O) => r("set-child-node-height", O), {
|
|
7279
7271
|
immediate: !0,
|
|
7280
7272
|
flush: "sync"
|
|
7281
7273
|
}), te([
|
|
@@ -7284,71 +7276,71 @@ const Du = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Ou = { cla
|
|
|
7284
7276
|
], C, {
|
|
7285
7277
|
flush: "post",
|
|
7286
7278
|
deep: !0
|
|
7287
|
-
}),
|
|
7279
|
+
}), Ge(C), (O, S) => {
|
|
7288
7280
|
const P = Se("icon"), I = Se("cl-ui-tree-list-subtree", !0);
|
|
7289
|
-
return u(), g("div",
|
|
7290
|
-
h("div",
|
|
7291
|
-
|
|
7281
|
+
return u(), g("div", Eu, [
|
|
7282
|
+
h("div", Au, [
|
|
7283
|
+
O.rootNode.children && O.rootNode.children.length > 0 ? (u(), g("button", {
|
|
7292
7284
|
key: 0,
|
|
7293
|
-
id: `${
|
|
7285
|
+
id: `${O.idPrefix}-expand-button`,
|
|
7294
7286
|
class: "cl-basis-0 cl-bg-white cl-p-1 cl-text-base cl-text-secondary-light",
|
|
7295
7287
|
onClick: S[0] || (S[0] = (k) => i.value = !m(i))
|
|
7296
7288
|
}, [
|
|
7297
7289
|
q(P, {
|
|
7298
7290
|
icon: m(i) ? "ph:minus-square" : "ph:plus-square"
|
|
7299
7291
|
}, null, 8, ["icon"])
|
|
7300
|
-
], 8,
|
|
7292
|
+
], 8, Vu)) : U("", !0)
|
|
7301
7293
|
]),
|
|
7302
|
-
|
|
7294
|
+
O.depth > 0 ? (u(), g("div", Mu)) : U("", !0),
|
|
7303
7295
|
h("div", {
|
|
7304
|
-
class:
|
|
7296
|
+
class: E(["cl-basis-full cl-relative", {
|
|
7305
7297
|
"cl-tree-list-selection": e.value === a.value
|
|
7306
7298
|
}])
|
|
7307
7299
|
}, [
|
|
7308
7300
|
e.value === null ? (u(), g("div", {
|
|
7309
7301
|
key: 0,
|
|
7310
|
-
id: `${
|
|
7302
|
+
id: `${O.idPrefix}-node-content`,
|
|
7311
7303
|
ref_key: "nodeContentDiv",
|
|
7312
7304
|
ref: d,
|
|
7313
7305
|
class: "cl-bg-white cl-border cl-border-grey-2 cl-px-2 cl-py-1 cl-rounded"
|
|
7314
7306
|
}, [
|
|
7315
|
-
D(
|
|
7316
|
-
node:
|
|
7307
|
+
D(O.$slots, O.rootNode.slotName ?? "default", {
|
|
7308
|
+
node: O.rootNode,
|
|
7317
7309
|
path: a.value,
|
|
7318
|
-
depth:
|
|
7319
|
-
breadth:
|
|
7310
|
+
depth: O.depth,
|
|
7311
|
+
breadth: O.breadth,
|
|
7320
7312
|
isSelected: e.value === a.value,
|
|
7321
7313
|
isExpanded: m(i),
|
|
7322
7314
|
expand: (k) => i.value = k
|
|
7323
7315
|
})
|
|
7324
|
-
], 8,
|
|
7316
|
+
], 8, Iu)) : (u(), g("button", {
|
|
7325
7317
|
key: 1,
|
|
7326
|
-
id: `${
|
|
7318
|
+
id: `${O.idPrefix}-node-content`,
|
|
7327
7319
|
ref_key: "nodeContentDiv",
|
|
7328
7320
|
ref: d,
|
|
7329
|
-
class:
|
|
7321
|
+
class: E(["cl-border cl-border-grey-2 cl-px-2 cl-py-1 cl-rounded cl-text-left cl-w-full", {
|
|
7330
7322
|
"cl-bg-primary-lightest cl-border-primary-dark": e.value === a.value,
|
|
7331
7323
|
"cl-tree-list-button": e.value !== a.value
|
|
7332
7324
|
}]),
|
|
7333
7325
|
onClick: S[1] || (S[1] = (k) => e.value = e.value === a.value ? "" : a.value)
|
|
7334
7326
|
}, [
|
|
7335
|
-
D(
|
|
7336
|
-
node:
|
|
7327
|
+
D(O.$slots, O.rootNode.slotName ?? "default", {
|
|
7328
|
+
node: O.rootNode,
|
|
7337
7329
|
path: a.value,
|
|
7338
|
-
depth:
|
|
7339
|
-
breadth:
|
|
7330
|
+
depth: O.depth,
|
|
7331
|
+
breadth: O.breadth,
|
|
7340
7332
|
isSelected: e.value === a.value,
|
|
7341
7333
|
isExpanded: m(i),
|
|
7342
7334
|
expand: (k) => i.value = k
|
|
7343
7335
|
})
|
|
7344
|
-
], 10,
|
|
7345
|
-
|
|
7336
|
+
], 10, Nu)),
|
|
7337
|
+
O.rootNode.children && O.rootNode.children.length > 0 && m(i) ? (u(), L(qu, {
|
|
7346
7338
|
key: 2,
|
|
7347
7339
|
class: "cl-tree-list-path",
|
|
7348
7340
|
"branches-at": y.value
|
|
7349
7341
|
}, null, 8, ["branches-at"])) : U("", !0),
|
|
7350
|
-
|
|
7351
|
-
(u(!0), g(K, null, _(
|
|
7342
|
+
O.rootNode.children && O.rootNode.children.length > 0 && m(i) ? (u(), g("div", Ru, [
|
|
7343
|
+
(u(!0), g(K, null, _(O.rootNode.children, (k, W) => (u(), g("div", {
|
|
7352
7344
|
key: k.id,
|
|
7353
7345
|
ref_for: !0,
|
|
7354
7346
|
ref_key: "childSubtreeDivs",
|
|
@@ -7357,18 +7349,18 @@ const Du = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Ou = { cla
|
|
|
7357
7349
|
q(I, {
|
|
7358
7350
|
"selected-path": e.value,
|
|
7359
7351
|
"onUpdate:selectedPath": S[2] || (S[2] = (oe) => e.value = oe),
|
|
7360
|
-
"id-prefix": `${
|
|
7361
|
-
depth:
|
|
7352
|
+
"id-prefix": `${O.idPrefix}-${k.id}`,
|
|
7353
|
+
depth: O.depth + 1,
|
|
7362
7354
|
breadth: W,
|
|
7363
|
-
"path-fragments": [...
|
|
7355
|
+
"path-fragments": [...O.pathFragments, k.id],
|
|
7364
7356
|
"root-node": k,
|
|
7365
7357
|
onRecalculateTreePath: m(C),
|
|
7366
7358
|
onSetChildNodeHeight: (oe) => w.value[W] = oe
|
|
7367
7359
|
}, ye({ _: 2 }, [
|
|
7368
|
-
_(
|
|
7360
|
+
_(O.$slots, (oe, G) => ({
|
|
7369
7361
|
name: G,
|
|
7370
7362
|
fn: M((B) => [
|
|
7371
|
-
D(
|
|
7363
|
+
D(O.$slots, G, Q({ ref_for: !0 }, B))
|
|
7372
7364
|
])
|
|
7373
7365
|
}))
|
|
7374
7366
|
]), 1032, ["selected-path", "id-prefix", "depth", "breadth", "path-fragments", "root-node", "onRecalculateTreePath", "onSetChildNodeHeight"])
|
|
@@ -7378,7 +7370,7 @@ const Du = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Ou = { cla
|
|
|
7378
7370
|
]);
|
|
7379
7371
|
};
|
|
7380
7372
|
}
|
|
7381
|
-
}),
|
|
7373
|
+
}), zu = { class: "cl-flex cl-flex-col cl-flex-nowrap cl-gap-4 cl-w-full" }, Bu = /* @__PURE__ */ j({
|
|
7382
7374
|
__name: "cl-ui-tree-list",
|
|
7383
7375
|
props: {
|
|
7384
7376
|
idPrefix: {},
|
|
@@ -7392,15 +7384,15 @@ const Du = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Ou = { cla
|
|
|
7392
7384
|
const t = o, e = l, r = V(""), a = $({
|
|
7393
7385
|
get: () => t.allowSelect ? r.value : null,
|
|
7394
7386
|
set(i) {
|
|
7395
|
-
i ? (r.value = i, e("select",
|
|
7387
|
+
i ? (r.value = i, e("select", Ou(t.rootNodes, i))) : t.allowDeselect && (r.value = "", e("select", null));
|
|
7396
7388
|
}
|
|
7397
7389
|
});
|
|
7398
|
-
return (i, d) => (u(), g("div",
|
|
7399
|
-
(u(!0), g(K, null, _(i.rootNodes, (b, n) => (u(), L(
|
|
7390
|
+
return (i, d) => (u(), g("div", zu, [
|
|
7391
|
+
(u(!0), g(K, null, _(i.rootNodes, (b, n) => (u(), L(Uu, {
|
|
7400
7392
|
key: b.id,
|
|
7401
7393
|
"selected-path": a.value,
|
|
7402
7394
|
"onUpdate:selectedPath": d[0] || (d[0] = (s) => a.value = s),
|
|
7403
|
-
class:
|
|
7395
|
+
class: E({
|
|
7404
7396
|
"cl-tree-list-highlight-descendants": i.highlightSelectedDescendants
|
|
7405
7397
|
}),
|
|
7406
7398
|
"root-node": b,
|
|
@@ -7418,25 +7410,25 @@ const Du = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Ou = { cla
|
|
|
7418
7410
|
]), 1032, ["selected-path", "class", "root-node", "breadth", "id-prefix", "path-fragments"]))), 128))
|
|
7419
7411
|
]));
|
|
7420
7412
|
}
|
|
7421
|
-
}),
|
|
7413
|
+
}), Lu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
7422
7414
|
__proto__: null,
|
|
7423
7415
|
FilterOperation: ne,
|
|
7424
7416
|
allQuickDates: ft,
|
|
7425
|
-
buttonColours:
|
|
7426
|
-
buttonSizes:
|
|
7427
|
-
cardSizes:
|
|
7417
|
+
buttonColours: go,
|
|
7418
|
+
buttonSizes: vo,
|
|
7419
|
+
cardSizes: yo,
|
|
7428
7420
|
clUISlectInput: bt,
|
|
7429
7421
|
clUiAccordion: Jt,
|
|
7430
7422
|
clUiAccordionHeader: ao,
|
|
7431
7423
|
clUiAccordionItem: eo,
|
|
7432
7424
|
clUiApp: io,
|
|
7433
7425
|
clUiButton: Ce,
|
|
7434
|
-
clUiCard:
|
|
7435
|
-
clUiComboBox:
|
|
7436
|
-
clUiFileUploader:
|
|
7437
|
-
clUiFooter:
|
|
7438
|
-
clUiGrid:
|
|
7439
|
-
clUiGridLite:
|
|
7426
|
+
clUiCard: bo,
|
|
7427
|
+
clUiComboBox: Xo,
|
|
7428
|
+
clUiFileUploader: _i,
|
|
7429
|
+
clUiFooter: ra,
|
|
7430
|
+
clUiGrid: Zs,
|
|
7431
|
+
clUiGridLite: Qs,
|
|
7440
7432
|
clUiGridLiteBody: Ct,
|
|
7441
7433
|
clUiGridLiteBodySkeleton: $t,
|
|
7442
7434
|
clUiGridLiteCell: St,
|
|
@@ -7444,68 +7436,68 @@ const Du = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Ou = { cla
|
|
|
7444
7436
|
clUiGridLiteFooterSkeleton: qt,
|
|
7445
7437
|
clUiGridLiteHeader: kt,
|
|
7446
7438
|
clUiGridLiteRow: Tt,
|
|
7447
|
-
clUiHeader:
|
|
7448
|
-
clUiHeaderMenu:
|
|
7449
|
-
clUiInput:
|
|
7439
|
+
clUiHeader: yr,
|
|
7440
|
+
clUiHeaderMenu: qr,
|
|
7441
|
+
clUiInput: _r,
|
|
7450
7442
|
clUiInputCheckbox: cl,
|
|
7451
7443
|
clUiInputDateRange: gt,
|
|
7452
7444
|
clUiInputDateRangeInput: Ml,
|
|
7453
7445
|
clUiInputDateTime: ht,
|
|
7454
7446
|
clUiInputNumber: ll,
|
|
7455
|
-
clUiInputRange:
|
|
7447
|
+
clUiInputRange: Gn,
|
|
7456
7448
|
clUiInputText: ze,
|
|
7457
|
-
clUiInputTextArea:
|
|
7458
|
-
clUiLanguageSwitcher:
|
|
7449
|
+
clUiInputTextArea: Nn,
|
|
7450
|
+
clUiLanguageSwitcher: ri,
|
|
7459
7451
|
clUiLoadingSpinner: _e,
|
|
7460
|
-
clUiLogin:
|
|
7461
|
-
clUiMenu:
|
|
7462
|
-
clUiMenuGroup:
|
|
7452
|
+
clUiLogin: ki,
|
|
7453
|
+
clUiMenu: cu,
|
|
7454
|
+
clUiMenuGroup: hu,
|
|
7463
7455
|
clUiMenuIcon: rl,
|
|
7464
|
-
clUiMenuItem:
|
|
7456
|
+
clUiMenuItem: $u,
|
|
7465
7457
|
clUiMenuSection: Et,
|
|
7466
7458
|
clUiModal: nt,
|
|
7467
|
-
clUiNavigation:
|
|
7468
|
-
clUiNavigationGroup:
|
|
7469
|
-
clUiNavigationIcon:
|
|
7470
|
-
clUiNavigationItem:
|
|
7471
|
-
clUiNavigationSection:
|
|
7459
|
+
clUiNavigation: Di,
|
|
7460
|
+
clUiNavigationGroup: Vi,
|
|
7461
|
+
clUiNavigationIcon: Oi,
|
|
7462
|
+
clUiNavigationItem: ji,
|
|
7463
|
+
clUiNavigationSection: zi,
|
|
7472
7464
|
clUiNotification: at,
|
|
7473
7465
|
clUiRadio: Ot,
|
|
7474
|
-
clUiRadioGroup:
|
|
7466
|
+
clUiRadioGroup: au,
|
|
7475
7467
|
clUiSelect: wl,
|
|
7476
7468
|
clUiSelectOption: kl,
|
|
7477
|
-
clUiTab:
|
|
7478
|
-
clUiTabContent:
|
|
7479
|
-
clUiTabHeader:
|
|
7480
|
-
clUiToggle:
|
|
7481
|
-
clUiToggleButton:
|
|
7482
|
-
clUiTreeList:
|
|
7469
|
+
clUiTab: Pi,
|
|
7470
|
+
clUiTabContent: Ki,
|
|
7471
|
+
clUiTabHeader: Gi,
|
|
7472
|
+
clUiToggle: eu,
|
|
7473
|
+
clUiToggleButton: lu,
|
|
7474
|
+
clUiTreeList: Bu,
|
|
7483
7475
|
currentQuickDates: Qe,
|
|
7484
7476
|
dateTimeCalendarTypes: vt,
|
|
7485
|
-
filterMethodTypes:
|
|
7477
|
+
filterMethodTypes: ts,
|
|
7486
7478
|
futureQuickDates: sl,
|
|
7487
|
-
gridColumnTypes:
|
|
7488
|
-
headerColour:
|
|
7489
|
-
inputTextTypes:
|
|
7490
|
-
inputTypes:
|
|
7491
|
-
isComboBoxCreateRequest:
|
|
7492
|
-
isComboBoxItem:
|
|
7493
|
-
isFilterRequest:
|
|
7494
|
-
isFilterResponse:
|
|
7479
|
+
gridColumnTypes: _n,
|
|
7480
|
+
headerColour: Dr,
|
|
7481
|
+
inputTextTypes: In,
|
|
7482
|
+
inputTypes: ei,
|
|
7483
|
+
isComboBoxCreateRequest: _o,
|
|
7484
|
+
isComboBoxItem: xo,
|
|
7485
|
+
isFilterRequest: ns,
|
|
7486
|
+
isFilterResponse: ss,
|
|
7495
7487
|
isGridColumn: yt,
|
|
7496
|
-
isGridColumnArray:
|
|
7497
|
-
isLanguageArray:
|
|
7488
|
+
isGridColumnArray: es,
|
|
7489
|
+
isLanguageArray: li,
|
|
7498
7490
|
isLanguageLocaleFormat: $l,
|
|
7499
|
-
modalColours:
|
|
7500
|
-
modalSizes:
|
|
7491
|
+
modalColours: Ti,
|
|
7492
|
+
modalSizes: $i,
|
|
7501
7493
|
pastQuickDates: nl,
|
|
7502
|
-
popoverPlacements:
|
|
7503
|
-
quickDateNames:
|
|
7504
|
-
stringFormats:
|
|
7505
|
-
tabColours:
|
|
7506
|
-
tabLayout:
|
|
7507
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
7508
|
-
o.use(qe), o.component("Icon", le), Object.entries(
|
|
7494
|
+
popoverPlacements: Zn,
|
|
7495
|
+
quickDateNames: An,
|
|
7496
|
+
stringFormats: ls,
|
|
7497
|
+
tabColours: Qi,
|
|
7498
|
+
tabLayout: Yi
|
|
7499
|
+
}, Symbol.toStringTag, { value: "Module" })), lc = (o) => {
|
|
7500
|
+
o.use(qe), o.component("Icon", le), Object.entries(Lu).forEach(([
|
|
7509
7501
|
l,
|
|
7510
7502
|
t
|
|
7511
7503
|
]) => {
|
|
@@ -7513,26 +7505,26 @@ const Du = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Ou = { cla
|
|
|
7513
7505
|
});
|
|
7514
7506
|
};
|
|
7515
7507
|
export {
|
|
7516
|
-
|
|
7508
|
+
ec as CitrusLimeUI,
|
|
7517
7509
|
ie as DateFormat,
|
|
7518
7510
|
ne as FilterOperation,
|
|
7519
7511
|
ae as NumberFormat,
|
|
7520
7512
|
ft as allQuickDates,
|
|
7521
|
-
|
|
7522
|
-
|
|
7523
|
-
|
|
7513
|
+
go as buttonColours,
|
|
7514
|
+
vo as buttonSizes,
|
|
7515
|
+
yo as cardSizes,
|
|
7524
7516
|
bt as clUISlectInput,
|
|
7525
7517
|
Jt as clUiAccordion,
|
|
7526
7518
|
ao as clUiAccordionHeader,
|
|
7527
7519
|
eo as clUiAccordionItem,
|
|
7528
7520
|
io as clUiApp,
|
|
7529
7521
|
Ce as clUiButton,
|
|
7530
|
-
|
|
7531
|
-
|
|
7532
|
-
|
|
7533
|
-
|
|
7534
|
-
|
|
7535
|
-
|
|
7522
|
+
bo as clUiCard,
|
|
7523
|
+
Xo as clUiComboBox,
|
|
7524
|
+
_i as clUiFileUploader,
|
|
7525
|
+
ra as clUiFooter,
|
|
7526
|
+
Zs as clUiGrid,
|
|
7527
|
+
Qs as clUiGridLite,
|
|
7536
7528
|
Ct as clUiGridLiteBody,
|
|
7537
7529
|
$t as clUiGridLiteBodySkeleton,
|
|
7538
7530
|
St as clUiGridLiteCell,
|
|
@@ -7540,84 +7532,84 @@ export {
|
|
|
7540
7532
|
qt as clUiGridLiteFooterSkeleton,
|
|
7541
7533
|
kt as clUiGridLiteHeader,
|
|
7542
7534
|
Tt as clUiGridLiteRow,
|
|
7543
|
-
|
|
7544
|
-
|
|
7545
|
-
|
|
7535
|
+
yr as clUiHeader,
|
|
7536
|
+
qr as clUiHeaderMenu,
|
|
7537
|
+
_r as clUiInput,
|
|
7546
7538
|
cl as clUiInputCheckbox,
|
|
7547
7539
|
gt as clUiInputDateRange,
|
|
7548
7540
|
Ml as clUiInputDateRangeInput,
|
|
7549
7541
|
ht as clUiInputDateTime,
|
|
7550
7542
|
ll as clUiInputNumber,
|
|
7551
|
-
|
|
7543
|
+
Gn as clUiInputRange,
|
|
7552
7544
|
ze as clUiInputText,
|
|
7553
|
-
|
|
7554
|
-
|
|
7545
|
+
Nn as clUiInputTextArea,
|
|
7546
|
+
ri as clUiLanguageSwitcher,
|
|
7555
7547
|
_e as clUiLoadingSpinner,
|
|
7556
|
-
|
|
7557
|
-
|
|
7558
|
-
|
|
7548
|
+
ki as clUiLogin,
|
|
7549
|
+
cu as clUiMenu,
|
|
7550
|
+
hu as clUiMenuGroup,
|
|
7559
7551
|
rl as clUiMenuIcon,
|
|
7560
|
-
|
|
7552
|
+
$u as clUiMenuItem,
|
|
7561
7553
|
Et as clUiMenuSection,
|
|
7562
7554
|
nt as clUiModal,
|
|
7563
|
-
|
|
7564
|
-
|
|
7565
|
-
|
|
7566
|
-
|
|
7567
|
-
|
|
7555
|
+
Di as clUiNavigation,
|
|
7556
|
+
Vi as clUiNavigationGroup,
|
|
7557
|
+
Oi as clUiNavigationIcon,
|
|
7558
|
+
ji as clUiNavigationItem,
|
|
7559
|
+
zi as clUiNavigationSection,
|
|
7568
7560
|
at as clUiNotification,
|
|
7569
7561
|
Ot as clUiRadio,
|
|
7570
|
-
|
|
7562
|
+
au as clUiRadioGroup,
|
|
7571
7563
|
wl as clUiSelect,
|
|
7572
7564
|
kl as clUiSelectOption,
|
|
7573
|
-
|
|
7574
|
-
|
|
7575
|
-
|
|
7576
|
-
|
|
7577
|
-
|
|
7578
|
-
|
|
7565
|
+
Pi as clUiTab,
|
|
7566
|
+
Ki as clUiTabContent,
|
|
7567
|
+
Gi as clUiTabHeader,
|
|
7568
|
+
eu as clUiToggle,
|
|
7569
|
+
lu as clUiToggleButton,
|
|
7570
|
+
Bu as clUiTreeList,
|
|
7579
7571
|
Qe as currentQuickDates,
|
|
7580
7572
|
vt as dateTimeCalendarTypes,
|
|
7581
|
-
|
|
7582
|
-
|
|
7583
|
-
|
|
7584
|
-
|
|
7573
|
+
qa as datetimeFormats,
|
|
7574
|
+
lc as default,
|
|
7575
|
+
Ea as doesNumberStringContainPart,
|
|
7576
|
+
ts as filterMethodTypes,
|
|
7585
7577
|
Me as formatNumber,
|
|
7586
7578
|
ml as formatNumberAsDecimal,
|
|
7587
7579
|
De as formatNumberAsInteger,
|
|
7588
7580
|
sl as futureQuickDates,
|
|
7589
7581
|
Dl as getMergedFormatOptions,
|
|
7590
|
-
|
|
7591
|
-
|
|
7582
|
+
_n as gridColumnTypes,
|
|
7583
|
+
Dr as headerColour,
|
|
7592
7584
|
qe as i18n,
|
|
7593
|
-
|
|
7594
|
-
|
|
7595
|
-
|
|
7596
|
-
|
|
7597
|
-
|
|
7598
|
-
|
|
7585
|
+
In as inputTextTypes,
|
|
7586
|
+
ei as inputTypes,
|
|
7587
|
+
_o as isComboBoxCreateRequest,
|
|
7588
|
+
xo as isComboBoxItem,
|
|
7589
|
+
ns as isFilterRequest,
|
|
7590
|
+
ss as isFilterResponse,
|
|
7599
7591
|
yt as isGridColumn,
|
|
7600
|
-
|
|
7601
|
-
|
|
7592
|
+
es as isGridColumnArray,
|
|
7593
|
+
li as isLanguageArray,
|
|
7602
7594
|
$l as isLanguageLocaleFormat,
|
|
7603
|
-
|
|
7604
|
-
|
|
7605
|
-
|
|
7606
|
-
|
|
7595
|
+
Ca as messages,
|
|
7596
|
+
Ti as modalColours,
|
|
7597
|
+
$i as modalSizes,
|
|
7598
|
+
Sa as numberFormats,
|
|
7607
7599
|
nl as pastQuickDates,
|
|
7608
|
-
|
|
7609
|
-
|
|
7610
|
-
|
|
7611
|
-
|
|
7612
|
-
|
|
7613
|
-
|
|
7614
|
-
|
|
7600
|
+
Zn as popoverPlacements,
|
|
7601
|
+
An as quickDateNames,
|
|
7602
|
+
Ma as scrubGroupSeparatorsFromFormattedValue,
|
|
7603
|
+
_u as setCurrentLocale,
|
|
7604
|
+
xu as setLocaleDateTimeFormats,
|
|
7605
|
+
Ju as setLocaleMessages,
|
|
7606
|
+
Xu as setLocaleNumberFormats,
|
|
7615
7607
|
Rl as showNotification,
|
|
7616
|
-
|
|
7617
|
-
|
|
7618
|
-
|
|
7608
|
+
ls as stringFormats,
|
|
7609
|
+
Qi as tabColours,
|
|
7610
|
+
Yi as tabLayout,
|
|
7619
7611
|
st as unformatNumber,
|
|
7620
|
-
|
|
7621
|
-
|
|
7622
|
-
|
|
7612
|
+
za as validateEmail,
|
|
7613
|
+
Ra as validateMaxValue,
|
|
7614
|
+
Na as validateMinValue
|
|
7623
7615
|
};
|