@citruslime/ui 3.0.0-beta.12 → 3.0.0-beta.13
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 +195 -195
- package/dist/citrus-lime-ui.umd.js +2 -2
- package/package.json +1 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { Icon as Z } from "@iconify/vue";
|
|
2
|
-
import { defineComponent as F, ref as
|
|
2
|
+
import { defineComponent as F, ref as N, openBlock as p, createElementBlock as b, renderSlot as M, normalizeProps as de, guardReactiveProps as fe, Fragment as Y, createElementVNode as f, normalizeClass as L, createVNode as D, unref as g, Transition as Ce, withCtx as R, withDirectives as Q, mergeProps as te, vShow as X, createBlock as P, Teleport as ol, renderList as re, toDisplayString as I, createCommentVNode as z, computed as O, mergeModels as ge, useModel as Ae, createSlots as Ie, vModelDynamic as Dl, watch as oe, toRefs as _l, withKeys as me, onMounted as Fe, onUnmounted as Ye, withModifiers as ee, nextTick as Me, resolveComponent as De, createTextVNode as ue, inject as al, vModelCheckbox as Jl, toValue as vl, watchEffect as Xl, useCssVars as El, vModelText as Al, useAttrs as Vl, toHandlers as et, pushScopeId as lt, popScopeId as tt, provide as bl, normalizeStyle as ot } from "vue";
|
|
3
3
|
import { generateStringId as at, highlightText as nt, validateEmail as st } from "@citruslime/utils";
|
|
4
|
-
import { unrefElement as rt, tryOnScopeDispose as it, onClickOutside as nl, useTimeoutFn as
|
|
4
|
+
import { unrefElement as rt, tryOnScopeDispose as it, onClickOutside as nl, useTimeoutFn as Il, useMouseInElement as ct, useFocusWithin as ut, useThrottle as dt, useMediaQuery as Nl, useElementBounding as pt, useDebounceFn as ft, useWindowSize as mt } from "@vueuse/core";
|
|
5
5
|
import { useI18n as se, createI18n as gt } from "vue-i18n";
|
|
6
6
|
import { createFocusTrap as vt } from "focus-trap";
|
|
7
7
|
import { copy as pe } from "@citruslime/vue-utils";
|
|
8
8
|
import { DateTime as W } from "luxon";
|
|
9
|
-
import { DatePicker as
|
|
9
|
+
import { DatePicker as Ne } from "v-calendar";
|
|
10
10
|
import { useCurrencyInput as bt } from "vue-currency-input";
|
|
11
11
|
const ht = { class: "cl-overflow-hidden" }, yt = /* @__PURE__ */ F({
|
|
12
12
|
__name: "cl-ui-accordion",
|
|
@@ -14,7 +14,7 @@ const ht = { class: "cl-overflow-hidden" }, yt = /* @__PURE__ */ F({
|
|
|
14
14
|
exclusive: { type: Boolean, default: !1 }
|
|
15
15
|
},
|
|
16
16
|
setup(t) {
|
|
17
|
-
const o = t, l =
|
|
17
|
+
const o = t, l = N([]);
|
|
18
18
|
function e(a) {
|
|
19
19
|
let d = l.value.find((c) => c.id === a);
|
|
20
20
|
return d || (d = {
|
|
@@ -69,7 +69,7 @@ const ht = { class: "cl-overflow-hidden" }, yt = /* @__PURE__ */ F({
|
|
|
69
69
|
f("div", $t, [
|
|
70
70
|
D(Ce, { name: "grow-down" }, {
|
|
71
71
|
default: R(() => [
|
|
72
|
-
Q(f("div",
|
|
72
|
+
Q(f("div", te(a.$attrs, { class: "cl-ml-10 cl-p-4" }), [
|
|
73
73
|
M(a.$slots, "default")
|
|
74
74
|
], 16), [
|
|
75
75
|
[X, a.open]
|
|
@@ -91,7 +91,7 @@ function Ot(t, o) {
|
|
|
91
91
|
M(t.$slots, "default")
|
|
92
92
|
]);
|
|
93
93
|
}
|
|
94
|
-
const St = /* @__PURE__ */ he(Tt, [["render", Ot]]), Ke =
|
|
94
|
+
const St = /* @__PURE__ */ he(Tt, [["render", Ot]]), Ke = N([]);
|
|
95
95
|
function hl(t) {
|
|
96
96
|
const o = {
|
|
97
97
|
id: at(),
|
|
@@ -121,7 +121,7 @@ const Dt = ["onClick"], Et = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
|
|
|
121
121
|
"cl-bottom-5 cl-right-5": o.position === "bottom-right"
|
|
122
122
|
}])
|
|
123
123
|
}, [
|
|
124
|
-
(p(!0), b(Y, null, re(g(Ke), (e, n) => (p(), b("div",
|
|
124
|
+
(p(!0), b(Y, null, re(g(Ke), (e, n) => (p(), b("div", te(o.$attrs, {
|
|
125
125
|
key: n,
|
|
126
126
|
class: ["cl-break-words cl-cursor-pointer cl-flex cl-font-semibold cl-group cl-mb-2 cl-overflow-hidden cl-p-4 cl-rounded cl-shadow-lg cl-text-sm", {
|
|
127
127
|
"cl-bg-white": e.colour === "default",
|
|
@@ -132,7 +132,7 @@ const Dt = ["onClick"], Et = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
|
|
|
132
132
|
}],
|
|
133
133
|
onClick: (a) => g(Rl)(e)
|
|
134
134
|
}), [
|
|
135
|
-
f("span", Et,
|
|
135
|
+
f("span", Et, I(e.message), 1),
|
|
136
136
|
D(g(Z), {
|
|
137
137
|
class: "cl-inline-block cl-opacity-0 cl-transition-opacity group-hover:cl-opacity-100",
|
|
138
138
|
icon: "ph:x",
|
|
@@ -176,11 +176,11 @@ const Dt = ["onClick"], Et = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
|
|
|
176
176
|
])
|
|
177
177
|
], 64));
|
|
178
178
|
}
|
|
179
|
-
}),
|
|
179
|
+
}), It = {}, Nt = { class: "loading-spinner" };
|
|
180
180
|
function Rt(t, o) {
|
|
181
|
-
return p(), b("div",
|
|
181
|
+
return p(), b("div", Nt);
|
|
182
182
|
}
|
|
183
|
-
const _e = /* @__PURE__ */ he(
|
|
183
|
+
const _e = /* @__PURE__ */ he(It, [["render", Rt], ["__scopeId", "data-v-a21dc5d2"]]), Mt = ["disabled"], $e = /* @__PURE__ */ F({
|
|
184
184
|
inheritAttrs: !1,
|
|
185
185
|
__name: "cl-ui-button",
|
|
186
186
|
props: {
|
|
@@ -190,7 +190,7 @@ const _e = /* @__PURE__ */ he(Nt, [["render", Rt], ["__scopeId", "data-v-a21dc5d
|
|
|
190
190
|
disabled: { type: Boolean, default: !1 }
|
|
191
191
|
},
|
|
192
192
|
setup(t, { expose: o }) {
|
|
193
|
-
const l =
|
|
193
|
+
const l = N(null);
|
|
194
194
|
return o({
|
|
195
195
|
focus() {
|
|
196
196
|
l.value && l.value.focus();
|
|
@@ -199,7 +199,7 @@ const _e = /* @__PURE__ */ he(Nt, [["render", Rt], ["__scopeId", "data-v-a21dc5d
|
|
|
199
199
|
Q(D(_e, { class: "relative" }, null, 512), [
|
|
200
200
|
[X, e.loading]
|
|
201
201
|
]),
|
|
202
|
-
Q(f("button",
|
|
202
|
+
Q(f("button", te(e.$attrs, {
|
|
203
203
|
ref_key: "buttonRef",
|
|
204
204
|
ref: l,
|
|
205
205
|
class: ["cl-align-middle cl-border cl-font-semibold cl-inline-block cl-rounded cl-select-none cl-shadow cl-text-center cl-transition-colors", {
|
|
@@ -319,7 +319,7 @@ const _e = /* @__PURE__ */ he(Nt, [["render", Rt], ["__scopeId", "data-v-a21dc5d
|
|
|
319
319
|
(p(!0), b(Y, null, re(e.errors, (a, d) => (p(), b("div", {
|
|
320
320
|
key: d,
|
|
321
321
|
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"
|
|
322
|
-
},
|
|
322
|
+
}, I(a), 1))), 128))
|
|
323
323
|
])
|
|
324
324
|
])) : z("", !0)
|
|
325
325
|
]));
|
|
@@ -340,7 +340,7 @@ const _e = /* @__PURE__ */ he(Nt, [["render", Rt], ["__scopeId", "data-v-a21dc5d
|
|
|
340
340
|
}),
|
|
341
341
|
emits: /* @__PURE__ */ ge(["focus", "blur"], ["update:modelValue"]),
|
|
342
342
|
setup(t, { expose: o, emit: l }) {
|
|
343
|
-
const e = Ae(t, "modelValue"), n = l, a =
|
|
343
|
+
const e = Ae(t, "modelValue"), n = l, a = N();
|
|
344
344
|
return o({
|
|
345
345
|
focus: () => {
|
|
346
346
|
var d;
|
|
@@ -353,9 +353,9 @@ const _e = /* @__PURE__ */ he(Nt, [["render", Rt], ["__scopeId", "data-v-a21dc5d
|
|
|
353
353
|
}), (d, c) => (p(), P(Je, {
|
|
354
354
|
"show-required-asterisk": d.required,
|
|
355
355
|
errors: d.errors
|
|
356
|
-
},
|
|
356
|
+
}, Ie({
|
|
357
357
|
default: R(() => [
|
|
358
|
-
Q(f("input",
|
|
358
|
+
Q(f("input", te(d.$attrs, {
|
|
359
359
|
ref_key: "inputRef",
|
|
360
360
|
ref: a,
|
|
361
361
|
"onUpdate:modelValue": c[0] || (c[0] = (u) => e.value = u),
|
|
@@ -385,7 +385,7 @@ const _e = /* @__PURE__ */ he(Nt, [["render", Rt], ["__scopeId", "data-v-a21dc5d
|
|
|
385
385
|
});
|
|
386
386
|
function Yt(t, o = {}) {
|
|
387
387
|
let l;
|
|
388
|
-
const { immediate: e, ...n } = o, a =
|
|
388
|
+
const { immediate: e, ...n } = o, a = N(!1), d = N(!1), c = (s) => l && l.activate(s), u = (s) => l && l.deactivate(s), r = () => {
|
|
389
389
|
l && (l.pause(), d.value = !0);
|
|
390
390
|
}, i = () => {
|
|
391
391
|
l && (l.unpause(), d.value = !1);
|
|
@@ -426,7 +426,7 @@ const _t = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), Jt = {
|
|
|
426
426
|
trapFocus: { type: Boolean, default: !1 }
|
|
427
427
|
},
|
|
428
428
|
setup(t) {
|
|
429
|
-
const o = t, { trapFocus: l } = _l(o), e =
|
|
429
|
+
const o = t, { trapFocus: l } = _l(o), e = N(!1), n = N(), a = Yt(n);
|
|
430
430
|
oe([
|
|
431
431
|
l,
|
|
432
432
|
e
|
|
@@ -458,7 +458,7 @@ const _t = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), Jt = {
|
|
|
458
458
|
class: "cl-align-items-center cl-bg-black cl-bg-opacity-40 cl-bottom-0 cl-fixed cl-flex cl-h-full cl-justify-center cl-left-0 cl-right-0 cl-top-0 cl-w-full cl-z-40 xl:cl-h-screen"
|
|
459
459
|
}, [
|
|
460
460
|
_t,
|
|
461
|
-
f("div",
|
|
461
|
+
f("div", te(r.$attrs, {
|
|
462
462
|
class: ["cl-bg-white cl-flex cl-flex-wrap cl-max-h-[calc(100%-8rem)] cl-mx-0 cl-my-auto cl-overflow-y-auto cl-overscroll-y-none cl-relative cl-rounded-lg cl-shadow-lg xl:cl-max-h-[calc(100vh-8rem)]", {
|
|
463
463
|
"lg:cl-w-2/12 cl-w-10/12": r.size === "x-small",
|
|
464
464
|
"cl-w-6/12": r.size === "small",
|
|
@@ -516,13 +516,13 @@ const _t = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), Jt = {
|
|
|
516
516
|
emits: ["clear-object"],
|
|
517
517
|
setup(t) {
|
|
518
518
|
return (o, l) => (p(), b("div", eo, [
|
|
519
|
-
o.additionalText !== "" ? (p(), b("div", lo,
|
|
519
|
+
o.additionalText !== "" ? (p(), b("div", lo, I(o.additionalText), 1)) : z("", !0),
|
|
520
520
|
f("div", {
|
|
521
521
|
class: L({
|
|
522
522
|
"cl-w-1/2": o.additionalText !== "",
|
|
523
523
|
"cl-w-full": o.additionalText === ""
|
|
524
524
|
})
|
|
525
|
-
},
|
|
525
|
+
}, I(o.text), 3),
|
|
526
526
|
Q(f("div", {
|
|
527
527
|
class: "cl-cursor-pointer cl-float-right",
|
|
528
528
|
onMousedown: l[0] || (l[0] = (e) => o.$emit("clear-object"))
|
|
@@ -556,7 +556,7 @@ const _t = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), Jt = {
|
|
|
556
556
|
}), a = O(() => {
|
|
557
557
|
var i;
|
|
558
558
|
return ((i = l.option) == null ? void 0 : i.parentName) ?? "";
|
|
559
|
-
}), d =
|
|
559
|
+
}), d = N(!1);
|
|
560
560
|
function c() {
|
|
561
561
|
var i;
|
|
562
562
|
l.isCreateNewOption === !0 ? e("create-object") : e("select-object", (i = l.option) == null ? void 0 : i.id);
|
|
@@ -579,13 +579,13 @@ const _t = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), Jt = {
|
|
|
579
579
|
onMousemove: s[0] || (s[0] = (k) => u(!0)),
|
|
580
580
|
onMouseleave: s[1] || (s[1] = (k) => u(!1))
|
|
581
581
|
}, [
|
|
582
|
-
i.option !== null && ((m = i.option) == null ? void 0 : m.parentId) !== 0 && ((h = i.option) == null ? void 0 : h.parentId) !== void 0 ? (p(), b("div", to,
|
|
582
|
+
i.option !== null && ((m = i.option) == null ? void 0 : m.parentId) !== 0 && ((h = i.option) == null ? void 0 : h.parentId) !== void 0 ? (p(), b("div", to, I(a.value), 1)) : z("", !0),
|
|
583
583
|
f("div", {
|
|
584
584
|
class: L({
|
|
585
585
|
"cl-w-1/2": a.value !== "",
|
|
586
586
|
"cl-w-full": a.value === ""
|
|
587
587
|
})
|
|
588
|
-
},
|
|
588
|
+
}, I(n.value), 3),
|
|
589
589
|
Q(f("div", oo, [
|
|
590
590
|
D(g(Z), {
|
|
591
591
|
class: "cl-transition-colors",
|
|
@@ -616,7 +616,7 @@ const _t = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), Jt = {
|
|
|
616
616
|
},
|
|
617
617
|
emits: ["clear-object", "create-object", "select-object", "search", "hide-dropdown"],
|
|
618
618
|
setup(t, { emit: o }) {
|
|
619
|
-
const l = t, e = o, { t: n } = se(), a =
|
|
619
|
+
const l = t, e = o, { t: n } = se(), a = N(""), d = N(!1), c = N(-1), u = O(() => d.value ? -1 : 0), r = N();
|
|
620
620
|
function i(A) {
|
|
621
621
|
(A === void 0 || A.code && A.code.startsWith("Arrow") === !1 && A.code.startsWith("Control") === !1 && A.code.startsWith("Shift") === !1 && A.code.startsWith("Tab") === !1 && A.code !== "Enter") && (e("search", a.value), c.value = -2);
|
|
622
622
|
}
|
|
@@ -773,10 +773,10 @@ const _t = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), Jt = {
|
|
|
773
773
|
},
|
|
774
774
|
emits: ["focus", "search", "search-parent", "create-object", "create-parent-object", "update:current-object"],
|
|
775
775
|
setup(t, { expose: o, emit: l }) {
|
|
776
|
-
const e = t, n = l, a = O(() => e.placeholderText ? e.placeholderText : c("comboBox.emptyHintText", { object: e.objectType })), d = O(() => e.searchHint ? e.searchHint : c("comboBox.searchHint", { object: e.objectType })), { t: c } = se(), u =
|
|
776
|
+
const e = t, n = l, a = O(() => e.placeholderText ? e.placeholderText : c("comboBox.emptyHintText", { object: e.objectType })), d = O(() => e.searchHint ? e.searchHint : c("comboBox.searchHint", { object: e.objectType })), { t: c } = se(), u = N(!1), r = O({
|
|
777
777
|
get: () => e.currentObject,
|
|
778
778
|
set: (V) => n("update:current-object", V)
|
|
779
|
-
}), i =
|
|
779
|
+
}), i = N(null), s = O(() => K()), m = N(""), h = N(""), k = N(), T = N(!0), $ = N(!1);
|
|
780
780
|
function q(V) {
|
|
781
781
|
var ie;
|
|
782
782
|
const H = ((ie = ne.value) == null ? void 0 : ie.getBoundingClientRect().top) || 0;
|
|
@@ -864,7 +864,7 @@ const _t = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), Jt = {
|
|
|
864
864
|
m.value === "" && (V = !1), e.objectParentType !== "" && i.value === null && (V = !1), T.value = V;
|
|
865
865
|
}
|
|
866
866
|
oe(() => e.objectCreatedResponse, () => v()), oe(() => e.parentObjectCreatedResponse, () => C()), oe(() => m.value, () => ve()), oe(() => i.value, () => ve());
|
|
867
|
-
const ne =
|
|
867
|
+
const ne = N();
|
|
868
868
|
return nl(ne, () => u.value ? q(!1) : ""), o({
|
|
869
869
|
focus() {
|
|
870
870
|
q(), n("focus");
|
|
@@ -899,7 +899,7 @@ const _t = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), Jt = {
|
|
|
899
899
|
]),
|
|
900
900
|
Q(f("div", go, [
|
|
901
901
|
f("div", vo, [
|
|
902
|
-
ue(
|
|
902
|
+
ue(I(g(c)("comboBox.required")) + " ", 1),
|
|
903
903
|
D(g(Z), {
|
|
904
904
|
class: "cl-ml-1 cl-mt-1",
|
|
905
905
|
icon: "ph:warning"
|
|
@@ -938,7 +938,7 @@ const _t = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), Jt = {
|
|
|
938
938
|
]),
|
|
939
939
|
D(Ul, { size: "small" }, {
|
|
940
940
|
title: R(() => [
|
|
941
|
-
ue(
|
|
941
|
+
ue(I(g(c)("comboBox.createTitle", { object: V.objectType })), 1)
|
|
942
942
|
]),
|
|
943
943
|
trigger: R(({ open: ae }) => [
|
|
944
944
|
Q(D(uo, {
|
|
@@ -973,7 +973,7 @@ const _t = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), Jt = {
|
|
|
973
973
|
onClick: ae
|
|
974
974
|
}, {
|
|
975
975
|
default: R(() => [
|
|
976
|
-
ue(
|
|
976
|
+
ue(I(g(c)("comboBox.cancel")), 1)
|
|
977
977
|
]),
|
|
978
978
|
_: 2
|
|
979
979
|
}, 1032, ["onClick"]),
|
|
@@ -986,7 +986,7 @@ const _t = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), Jt = {
|
|
|
986
986
|
}
|
|
987
987
|
}, {
|
|
988
988
|
default: R(() => [
|
|
989
|
-
ue(
|
|
989
|
+
ue(I(g(c)("comboBox.create")), 1)
|
|
990
990
|
]),
|
|
991
991
|
_: 2
|
|
992
992
|
}, 1032, ["disabled", "onClick"])
|
|
@@ -1015,7 +1015,7 @@ const _t = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), Jt = {
|
|
|
1015
1015
|
class: "cl-box-border cl-font-light cl-mb-2 cl-p-2 cl-placeholder-grey-3 cl-text-sm"
|
|
1016
1016
|
}, {
|
|
1017
1017
|
default: R(() => [
|
|
1018
|
-
ue(
|
|
1018
|
+
ue(I(g(c)("comboBox.createProperty")), 1)
|
|
1019
1019
|
]),
|
|
1020
1020
|
_: 1
|
|
1021
1021
|
}, 8, ["modelValue"])
|
|
@@ -1064,13 +1064,13 @@ function sl(t) {
|
|
|
1064
1064
|
const o = t.type !== "slot" || t.slotType !== void 0 && t.field !== void 0, l = t.filterable ?? !0;
|
|
1065
1065
|
return o && l;
|
|
1066
1066
|
}
|
|
1067
|
-
function
|
|
1067
|
+
function Io(t) {
|
|
1068
1068
|
return t.some((o) => Ge(o));
|
|
1069
1069
|
}
|
|
1070
1070
|
function wl(t) {
|
|
1071
1071
|
return t.some((o) => sl(o));
|
|
1072
1072
|
}
|
|
1073
|
-
const
|
|
1073
|
+
const No = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ro = { class: "cl-gap-1 cl-grid cl-grid-cols-2 cl-justify-end cl-mb-2 lg:cl-flex lg:cl-gap-2" }, Mo = { class: "cl-basis-0 cl-col-span-2 cl-flex-grow" }, Uo = /* @__PURE__ */ f("hr", { class: "cl-block cl-border-grey-3 cl-col-span-2 cl-my-4 lg:cl-hidden" }, null, -1), zo = {
|
|
1074
1074
|
key: 1,
|
|
1075
1075
|
class: "cl-hidden lg:cl-block"
|
|
1076
1076
|
}, Lo = { class: "cl-block lg:cl-hidden" }, jo = /* @__PURE__ */ F({
|
|
@@ -1087,8 +1087,8 @@ const Io = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ro = { class: "cl-gap-1
|
|
|
1087
1087
|
setup(t) {
|
|
1088
1088
|
const o = t, { t: l } = se(), e = O(() => o.request.filters.some((a) => a.filterValue !== "")), n = al("cl-ui-grid-id") ?? "cl-ui-grid-filter";
|
|
1089
1089
|
return (a, d) => (p(), b(Y, null, [
|
|
1090
|
-
f("div",
|
|
1091
|
-
f("strong", null,
|
|
1090
|
+
f("div", No, [
|
|
1091
|
+
f("strong", null, I(g(l)("grid.gridTools")), 1)
|
|
1092
1092
|
]),
|
|
1093
1093
|
f("div", Ro, [
|
|
1094
1094
|
f("div", Mo, [
|
|
@@ -1107,9 +1107,9 @@ const Io = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ro = { class: "cl-gap-1
|
|
|
1107
1107
|
}, {
|
|
1108
1108
|
default: R(() => [
|
|
1109
1109
|
a.editMode ? (p(), b(Y, { key: 0 }, [
|
|
1110
|
-
ue(
|
|
1110
|
+
ue(I(g(l)("grid.finishEditing")), 1)
|
|
1111
1111
|
], 64)) : (p(), b(Y, { key: 1 }, [
|
|
1112
|
-
ue(
|
|
1112
|
+
ue(I(g(l)("grid.editData")), 1)
|
|
1113
1113
|
], 64))
|
|
1114
1114
|
]),
|
|
1115
1115
|
_: 1
|
|
@@ -1117,7 +1117,7 @@ const Io = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ro = { class: "cl-gap-1
|
|
|
1117
1117
|
a.options.hideViewManager ? z("", !0) : (p(), b("div", zo, [
|
|
1118
1118
|
M(a.$slots, "view-manager")
|
|
1119
1119
|
])),
|
|
1120
|
-
g(wl)(a.columns) || g(
|
|
1120
|
+
g(wl)(a.columns) || g(Io)(a.columns) ? (p(), b(Y, { key: 2 }, [
|
|
1121
1121
|
f("div", Lo, [
|
|
1122
1122
|
D($e, {
|
|
1123
1123
|
class: "cl-w-full",
|
|
@@ -1126,7 +1126,7 @@ const Io = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ro = { class: "cl-gap-1
|
|
|
1126
1126
|
onClick: d[1] || (d[1] = ee((c) => a.$emit("update:filterPanelOpen", !a.filterPanelOpen), ["prevent"]))
|
|
1127
1127
|
}, {
|
|
1128
1128
|
default: R(() => [
|
|
1129
|
-
ue(
|
|
1129
|
+
ue(I(g(l)("grid.modifyFilters")), 1)
|
|
1130
1130
|
]),
|
|
1131
1131
|
_: 1
|
|
1132
1132
|
}, 8, ["disabled"])
|
|
@@ -1143,7 +1143,7 @@ const Io = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ro = { class: "cl-gap-1
|
|
|
1143
1143
|
onClick: d[2] || (d[2] = ee((c) => a.$emit("clear-filters"), ["prevent"]))
|
|
1144
1144
|
}, {
|
|
1145
1145
|
default: R(() => [
|
|
1146
|
-
ue(
|
|
1146
|
+
ue(I(g(l)("grid.clearFilters")), 1)
|
|
1147
1147
|
]),
|
|
1148
1148
|
_: 1
|
|
1149
1149
|
}, 8, ["id", "disabled", "class"])) : z("", !0)
|
|
@@ -1164,7 +1164,7 @@ const Io = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ro = { class: "cl-gap-1
|
|
|
1164
1164
|
}),
|
|
1165
1165
|
emits: /* @__PURE__ */ ge(["focus", "blur"], ["update:modelValue"]),
|
|
1166
1166
|
setup(t, { expose: o, emit: l }) {
|
|
1167
|
-
const e = Ae(t, "modelValue"), n = l, a =
|
|
1167
|
+
const e = Ae(t, "modelValue"), n = l, a = N();
|
|
1168
1168
|
return o({
|
|
1169
1169
|
focus: () => {
|
|
1170
1170
|
var d;
|
|
@@ -1177,9 +1177,9 @@ const Io = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ro = { class: "cl-gap-1
|
|
|
1177
1177
|
}), (d, c) => (p(), P(Je, {
|
|
1178
1178
|
"show-required-asterisk": d.required,
|
|
1179
1179
|
errors: d.errors
|
|
1180
|
-
},
|
|
1180
|
+
}, Ie({
|
|
1181
1181
|
default: R(() => [
|
|
1182
|
-
Q(f("input",
|
|
1182
|
+
Q(f("input", te({
|
|
1183
1183
|
ref_key: "inputRef",
|
|
1184
1184
|
ref: a
|
|
1185
1185
|
}, d.$attrs, {
|
|
@@ -1209,7 +1209,7 @@ const Io = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ro = { class: "cl-gap-1
|
|
|
1209
1209
|
]), 1032, ["show-required-asterisk", "errors"]));
|
|
1210
1210
|
}
|
|
1211
1211
|
}), rl = /* @__PURE__ */ he(Fo, [["__scopeId", "data-v-d8bbd8db"]]);
|
|
1212
|
-
var
|
|
1212
|
+
var le = /* @__PURE__ */ ((t) => (t.CURRENCY = "currency", t.PERCENTAGE = "percentage", t.INTEGER = "integer", t.DECIMAL = "decimal", t.MULTIPLIER = "multiplier", t))(le || {}), ce = /* @__PURE__ */ ((t) => (t.SHORT_DATE = "short-date", t.SHORT_DATETIME = "short-datetime", t.DATE = "date", t.DATETIME = "datetime", t.LONG_DATE = "long-date", t.LONG_DATETIME = "long-datetime", t.TIME = "time", t.MONTH_YEAR = "month-year", t))(ce || {});
|
|
1213
1213
|
const Po = {
|
|
1214
1214
|
"en-GB": {
|
|
1215
1215
|
comboBox: {
|
|
@@ -1313,20 +1313,20 @@ const Po = {
|
|
|
1313
1313
|
}
|
|
1314
1314
|
}, Ho = {
|
|
1315
1315
|
"en-GB": {
|
|
1316
|
-
[
|
|
1316
|
+
[le.PERCENTAGE]: {
|
|
1317
1317
|
style: "percent",
|
|
1318
1318
|
maximumFractionDigits: 2,
|
|
1319
1319
|
minimumFractionDigits: 0
|
|
1320
1320
|
},
|
|
1321
|
-
[
|
|
1321
|
+
[le.INTEGER]: {
|
|
1322
1322
|
maximumFractionDigits: 0,
|
|
1323
1323
|
minimumFractionDigits: 0
|
|
1324
1324
|
},
|
|
1325
|
-
[
|
|
1325
|
+
[le.DECIMAL]: {
|
|
1326
1326
|
maximumFractionDigits: 2,
|
|
1327
1327
|
minimumFractionDigits: 1
|
|
1328
1328
|
},
|
|
1329
|
-
[
|
|
1329
|
+
[le.CURRENCY]: {
|
|
1330
1330
|
style: "currency",
|
|
1331
1331
|
currency: "GBP",
|
|
1332
1332
|
currencyDisplay: "symbol",
|
|
@@ -1404,15 +1404,15 @@ function di(t, o) {
|
|
|
1404
1404
|
function pi(t) {
|
|
1405
1405
|
return be.global.locale.value = t, Me();
|
|
1406
1406
|
}
|
|
1407
|
-
const { n: Zo, locale: Go, getNumberFormat: Ko } = be.global, il =
|
|
1407
|
+
const { n: Zo, locale: Go, getNumberFormat: Ko } = be.global, il = le.DECIMAL;
|
|
1408
1408
|
function Oe(t) {
|
|
1409
|
-
return Se(t,
|
|
1409
|
+
return Se(t, le.DECIMAL, { additionalOptions: {
|
|
1410
1410
|
minimumFractionDigits: 0,
|
|
1411
1411
|
maximumFractionDigits: 0
|
|
1412
1412
|
} });
|
|
1413
1413
|
}
|
|
1414
1414
|
function el(t, o) {
|
|
1415
|
-
return Se(t,
|
|
1415
|
+
return Se(t, le.DECIMAL, { additionalOptions: {
|
|
1416
1416
|
minimumFractionDigits: 0,
|
|
1417
1417
|
maximumFractionDigits: o
|
|
1418
1418
|
} });
|
|
@@ -1516,7 +1516,7 @@ function Be(t, o) {
|
|
|
1516
1516
|
};
|
|
1517
1517
|
}
|
|
1518
1518
|
function ul(t) {
|
|
1519
|
-
return xo(t) ? t :
|
|
1519
|
+
return xo(t) ? t : le.CURRENCY;
|
|
1520
1520
|
}
|
|
1521
1521
|
function Xe(t) {
|
|
1522
1522
|
return t.includes("{0}");
|
|
@@ -1724,13 +1724,13 @@ const la = {
|
|
|
1724
1724
|
return o.column.maxLength && (u = u.trimToLength(o.column.maxLength, o.column.format !== void 0 ? o.column.format === "ellipsis" : !1)), o.searchValue && o.column.searchable && (u = nt(u, o.searchValue.split(" "))), o.column.format === "wrap-text" && (u = `<span class="cl-break-words cl-whitespace-pre-wrap">${u}</span>`), u;
|
|
1725
1725
|
}
|
|
1726
1726
|
function c(u, r) {
|
|
1727
|
-
return o.column.format ===
|
|
1727
|
+
return o.column.format === le.INTEGER ? Se(u, le.DECIMAL, {
|
|
1728
1728
|
locale: r,
|
|
1729
1729
|
additionalOptions: {
|
|
1730
1730
|
maximumFractionDigits: 0,
|
|
1731
1731
|
minimumFractionDigits: 0
|
|
1732
1732
|
}
|
|
1733
|
-
}) : Se(u, o.column.format ??
|
|
1733
|
+
}) : Se(u, o.column.format ?? le.DECIMAL, { locale: r });
|
|
1734
1734
|
}
|
|
1735
1735
|
return (u, r) => {
|
|
1736
1736
|
var i;
|
|
@@ -1741,13 +1741,13 @@ const la = {
|
|
|
1741
1741
|
disabled: !0
|
|
1742
1742
|
}, null, 8, ["model-value"])) : (u.column.type === "date" || u.column.type === "datetime" || u.column.type === "dateRange") && u.column.field !== void 0 ? (p(), b(Y, { key: 2 }, [
|
|
1743
1743
|
u.column.format !== void 0 ? (p(), b(Y, { key: 0 }, [
|
|
1744
|
-
ue(
|
|
1744
|
+
ue(I(a(u.data[u.column.field], u.column.format)), 1)
|
|
1745
1745
|
], 64)) : u.column.type === "date" || u.column.type === "dateRange" ? (p(), b(Y, { key: 1 }, [
|
|
1746
|
-
ue(
|
|
1746
|
+
ue(I(a(u.data[u.column.field], g(ce).DATE)), 1)
|
|
1747
1747
|
], 64)) : (p(), b(Y, { key: 2 }, [
|
|
1748
|
-
ue(
|
|
1748
|
+
ue(I(a(u.data[u.column.field], g(ce).DATETIME)), 1)
|
|
1749
1749
|
], 64))
|
|
1750
|
-
], 64)) : u.column.type === "list" && u.column.field !== void 0 && u.column.listEntries !== void 0 ? (p(), b("span", la,
|
|
1750
|
+
], 64)) : u.column.type === "list" && u.column.field !== void 0 && u.column.listEntries !== void 0 ? (p(), b("span", la, I(g(e)(((i = u.column.listEntries.find((s) => s.value === u.data[u.column.field])) == null ? void 0 : i.translationKey) ?? "")), 1)) : u.column.type === "number" && u.column.field !== void 0 ? (p(), b("span", ta, I(c(u.data[u.column.field], g(n))), 1)) : u.column.field !== void 0 ? (p(), b("span", oa, [
|
|
1751
1751
|
f("span", {
|
|
1752
1752
|
innerHTML: d()
|
|
1753
1753
|
}, null, 8, aa)
|
|
@@ -1765,7 +1765,7 @@ const la = {
|
|
|
1765
1765
|
},
|
|
1766
1766
|
emits: ["edit", "focus", "undo"],
|
|
1767
1767
|
setup(t, { emit: o }) {
|
|
1768
|
-
const l = t, e = o, { t: n } = se(), a =
|
|
1768
|
+
const l = t, e = o, { t: n } = se(), a = N(pe(l.data)), d = O(() => l.column.field !== void 0 && a.value[l.column.field] !== l.data[l.column.field]), c = O(() => {
|
|
1769
1769
|
var u;
|
|
1770
1770
|
return ((u = l.column.listEntries) == null ? void 0 : u.map((r, i) => ({
|
|
1771
1771
|
id: i,
|
|
@@ -1782,8 +1782,8 @@ const la = {
|
|
|
1782
1782
|
"cl-bg-link-lighter": d.value
|
|
1783
1783
|
}])
|
|
1784
1784
|
}, [
|
|
1785
|
-
f("span", na,
|
|
1786
|
-
u.editMode && u.column.editable === !0 ? M(u.$slots, `${u.column.name}Edit`, de(
|
|
1785
|
+
f("span", na, I(u.column.caption), 1),
|
|
1786
|
+
u.editMode && u.column.editable === !0 ? M(u.$slots, `${u.column.name}Edit`, de(te({ key: 0 }, {
|
|
1787
1787
|
cellFocused: () => e("focus"),
|
|
1788
1788
|
column: u.column,
|
|
1789
1789
|
edited: d.value,
|
|
@@ -1842,7 +1842,7 @@ const la = {
|
|
|
1842
1842
|
onFocus: l[0] || (l[0] = (a) => o.$emit("cell-focus")),
|
|
1843
1843
|
onEdit: (a) => o.$emit("cell-edit", { field: e.field, value: a }),
|
|
1844
1844
|
onUndo: (a) => o.$emit("cell-undo", e.field)
|
|
1845
|
-
},
|
|
1845
|
+
}, Ie({ _: 2 }, [
|
|
1846
1846
|
re(o.$slots, (a, d) => ({
|
|
1847
1847
|
name: d,
|
|
1848
1848
|
fn: R((c) => [
|
|
@@ -1869,7 +1869,7 @@ const la = {
|
|
|
1869
1869
|
},
|
|
1870
1870
|
emits: ["row-select", "row-edit", "row-edit-cancelled", "clear-filters"],
|
|
1871
1871
|
setup(t, { emit: o }) {
|
|
1872
|
-
const l = t, e = o, { t: n } = se(), a =
|
|
1872
|
+
const l = t, e = o, { t: n } = se(), a = N({
|
|
1873
1873
|
index: -1,
|
|
1874
1874
|
record: {}
|
|
1875
1875
|
});
|
|
@@ -1890,7 +1890,7 @@ const la = {
|
|
|
1890
1890
|
}, e("row-edit-cancelled", pe(a.value));
|
|
1891
1891
|
}
|
|
1892
1892
|
}
|
|
1893
|
-
const i =
|
|
1893
|
+
const i = N({});
|
|
1894
1894
|
oe(() => l.data, () => {
|
|
1895
1895
|
var h, k;
|
|
1896
1896
|
return i.value = Object.fromEntries(((k = (h = l.data) == null ? void 0 : h.results) == null ? void 0 : k.map((T, $) => [
|
|
@@ -1898,7 +1898,7 @@ const la = {
|
|
|
1898
1898
|
{
|
|
1899
1899
|
count: 0,
|
|
1900
1900
|
target: null,
|
|
1901
|
-
reset:
|
|
1901
|
+
reset: Il(() => {
|
|
1902
1902
|
i.value[$] && (i.value[$].count = 0, i.value[$].target = null);
|
|
1903
1903
|
}, 2500, { immediate: !1 })
|
|
1904
1904
|
}
|
|
@@ -1942,11 +1942,11 @@ const la = {
|
|
|
1942
1942
|
u(q, U);
|
|
1943
1943
|
},
|
|
1944
1944
|
onCellUndo: r
|
|
1945
|
-
},
|
|
1945
|
+
}, Ie({ _: 2 }, [
|
|
1946
1946
|
re(h.$slots, (U, S) => ({
|
|
1947
1947
|
name: S,
|
|
1948
1948
|
fn: R((B) => [
|
|
1949
|
-
M(h.$slots, S,
|
|
1949
|
+
M(h.$slots, S, te(B, { disabled: h.loading }))
|
|
1950
1950
|
])
|
|
1951
1951
|
}))
|
|
1952
1952
|
]), 1032, ["data", "columns", "time-zone", "search-value", "edit-mode", "class", "onClick", "onCellFocus", "onCellEdit"]))), 128)) : h.loading ? z("", !0) : (p(), b("tr", ia, [
|
|
@@ -1954,16 +1954,16 @@ const la = {
|
|
|
1954
1954
|
colspan: h.columns.length
|
|
1955
1955
|
}, [
|
|
1956
1956
|
f("div", ua, [
|
|
1957
|
-
f("strong", da,
|
|
1957
|
+
f("strong", da, I(g(n)("grid.noData")), 1),
|
|
1958
1958
|
h.request.filters.some(($) => $.filterValue !== "") ? (p(), b("div", pa, [
|
|
1959
|
-
f("div", fa,
|
|
1959
|
+
f("div", fa, I(g(n)("grid.noDataFiltersPresent")), 1),
|
|
1960
1960
|
D($e, {
|
|
1961
1961
|
size: "small",
|
|
1962
1962
|
colour: "danger",
|
|
1963
1963
|
onClick: k[0] || (k[0] = ee(($) => h.$emit("clear-filters"), ["prevent"]))
|
|
1964
1964
|
}, {
|
|
1965
1965
|
default: R(() => [
|
|
1966
|
-
ue(
|
|
1966
|
+
ue(I(g(n)("grid.clearFilters")), 1)
|
|
1967
1967
|
]),
|
|
1968
1968
|
_: 1
|
|
1969
1969
|
})
|
|
@@ -1979,7 +1979,7 @@ const la = {
|
|
|
1979
1979
|
__name: "cl-ui-input-number",
|
|
1980
1980
|
props: /* @__PURE__ */ ge({
|
|
1981
1981
|
errors: { default: () => [] },
|
|
1982
|
-
format: { default:
|
|
1982
|
+
format: { default: le.DECIMAL },
|
|
1983
1983
|
locale: { default: null },
|
|
1984
1984
|
currency: { default: null },
|
|
1985
1985
|
required: { type: Boolean, default: !1 },
|
|
@@ -1996,7 +1996,7 @@ const la = {
|
|
|
1996
1996
|
}),
|
|
1997
1997
|
emits: /* @__PURE__ */ ge(["focus", "blur"], ["update:modelValue"]),
|
|
1998
1998
|
setup(t, { expose: o, emit: l }) {
|
|
1999
|
-
const e = t, n = Ae(t, "modelValue"), a = l, d =
|
|
1999
|
+
const e = t, n = Ae(t, "modelValue"), a = l, d = N(0), c = N(), u = N(), { isOutside: r } = ct(u), { focused: i } = ut(c), s = O(() => e.showArrows && r.value === !1);
|
|
2000
2000
|
oe(i, () => {
|
|
2001
2001
|
i.value ? a("focus") : (x(S.value, !0), q.value = void 0, a("blur"));
|
|
2002
2002
|
});
|
|
@@ -2008,7 +2008,7 @@ const la = {
|
|
|
2008
2008
|
})), h = O(() => e.format ? cl(e.format, {
|
|
2009
2009
|
locale: e.locale,
|
|
2010
2010
|
additionalOptions: m.value
|
|
2011
|
-
}) : m.value), k = O(() => Math.pow(10, h.value.maximumFractionDigits ?? 0)), T = O(() => Math.pow(10, e.format ===
|
|
2011
|
+
}) : m.value), k = O(() => Math.pow(10, h.value.maximumFractionDigits ?? 0)), T = O(() => Math.pow(10, e.format === le.PERCENTAGE ? 2 : 0)), $ = O(() => k.value * T.value), q = N(void 0);
|
|
2012
2012
|
oe(n, () => q.value = void 0);
|
|
2013
2013
|
const U = O({
|
|
2014
2014
|
get: () => q.value ? E(q.value) : n.value,
|
|
@@ -2025,7 +2025,7 @@ const la = {
|
|
|
2025
2025
|
n.value = null;
|
|
2026
2026
|
else if (v !== "") {
|
|
2027
2027
|
let _ = typeof v == "number" ? v : E(v);
|
|
2028
|
-
C && e.format ===
|
|
2028
|
+
C && e.format === le.PERCENTAGE && (_ = _ / T.value), isNaN(_) === !1 && (n.value = B(Math.round(_ * $.value) / $.value));
|
|
2029
2029
|
}
|
|
2030
2030
|
}
|
|
2031
2031
|
function A(v) {
|
|
@@ -2058,21 +2058,21 @@ const la = {
|
|
|
2058
2058
|
return p(), P(Je, {
|
|
2059
2059
|
"show-required-asterisk": v.required,
|
|
2060
2060
|
errors: v.errors
|
|
2061
|
-
},
|
|
2061
|
+
}, Ie({
|
|
2062
2062
|
default: R(() => [
|
|
2063
2063
|
f("div", {
|
|
2064
2064
|
ref_key: "focusWithinRef",
|
|
2065
2065
|
ref: c,
|
|
2066
2066
|
class: "cl-relative cl-w-full"
|
|
2067
2067
|
}, [
|
|
2068
|
-
(p(), b("input",
|
|
2068
|
+
(p(), b("input", te(v.$attrs, {
|
|
2069
2069
|
ref_key: "inputRef",
|
|
2070
2070
|
ref: u,
|
|
2071
2071
|
key: d.value,
|
|
2072
2072
|
value: S.value,
|
|
2073
2073
|
class: "cl-bg-white cl-border cl-border-grey-2 cl-outline-none cl-p-1 cl-px-2 cl-rounded-lg cl-transition-colors disabled:cl-bg-grey-1 disabled:cl-border-grey-2 disabled:cl-placeholder-grey-3 focus-within:cl-border-link-light hover:cl-border-grey-3",
|
|
2074
2074
|
type: "text",
|
|
2075
|
-
inputmode: v.format === g(
|
|
2075
|
+
inputmode: v.format === g(le).DECIMAL && v.precision === 0 ? "numeric" : "decimal",
|
|
2076
2076
|
required: v.required,
|
|
2077
2077
|
disabled: v.disabled,
|
|
2078
2078
|
placeholder: v.placeholder ?? void 0,
|
|
@@ -2126,7 +2126,7 @@ const la = {
|
|
|
2126
2126
|
}), ya = {
|
|
2127
2127
|
key: 0,
|
|
2128
2128
|
class: "cl-flex cl-flex-wrap cl-justify-end cl-mt-2 cl-w-full"
|
|
2129
|
-
}, wa = { class: "cl-bg-off-white cl-border cl-border-grey-1 cl-flex cl-items-center cl-mb-2 cl-px-3 cl-rounded-lg cl-shadow-md cl-text-sm cl-w-full lg:cl-w-auto" }, ka = { class: "cl-text-grey-3 cl-w-max" }, $a = /* @__PURE__ */ f("span", null, null, -1), Ca = { class: "cl-bg-off-white cl-border cl-border-grey-1 cl-flex cl-flex-wrap cl-items-center cl-mb-2 cl-px-3 cl-py-2 cl-rounded-lg cl-shadow-md cl-text-sm cl-w-full lg:cl-ml-2 lg:cl-w-auto mb:cl-flex-nowrap" }, Ta = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-text-sm cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, qa = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-w-full lg:cl-mb-0 lg:cl-mr-2 lg:cl-w-auto" }, Oa = { class: "cl-text-grey-3 cl-w-full lg:cl-mr-2 lg:cl-w-auto" }, Sa = { class: "cl-flex cl-flex-wrap cl-text-sm mb:cl-flex-nowrap" }, Da = { class: "cl-pr-2" }, Ea = ["onClick"], Aa = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-text-sm cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, Va = { class: "cl-mb-2 cl-text-grey-3 cl-w-full lg:cl-mb-0 lg:cl-mr-2 lg:cl-w-auto" },
|
|
2129
|
+
}, wa = { class: "cl-bg-off-white cl-border cl-border-grey-1 cl-flex cl-items-center cl-mb-2 cl-px-3 cl-rounded-lg cl-shadow-md cl-text-sm cl-w-full lg:cl-w-auto" }, ka = { class: "cl-text-grey-3 cl-w-max" }, $a = /* @__PURE__ */ f("span", null, null, -1), Ca = { class: "cl-bg-off-white cl-border cl-border-grey-1 cl-flex cl-flex-wrap cl-items-center cl-mb-2 cl-px-3 cl-py-2 cl-rounded-lg cl-shadow-md cl-text-sm cl-w-full lg:cl-ml-2 lg:cl-w-auto mb:cl-flex-nowrap" }, Ta = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-text-sm cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, qa = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-w-full lg:cl-mb-0 lg:cl-mr-2 lg:cl-w-auto" }, Oa = { class: "cl-text-grey-3 cl-w-full lg:cl-mr-2 lg:cl-w-auto" }, Sa = { class: "cl-flex cl-flex-wrap cl-text-sm mb:cl-flex-nowrap" }, Da = { class: "cl-pr-2" }, Ea = ["onClick"], Aa = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-text-sm cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, Va = { class: "cl-mb-2 cl-text-grey-3 cl-w-full lg:cl-mb-0 lg:cl-mr-2 lg:cl-w-auto" }, Ia = ["onClick"], Na = { class: "cl-mb-2 cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, Ra = { class: "cl-block cl-mb-2 cl-text-grey-3 cl-w-full lg:cl-inline-block lg:cl-mb-0 lg:cl-mr-1 lg:cl-w-auto" }, Ma = { class: "cl-block lg:cl-inline-block" }, Ua = /* @__PURE__ */ F({
|
|
2130
2130
|
__name: "cl-ui-grid-footer",
|
|
2131
2131
|
props: {
|
|
2132
2132
|
request: {},
|
|
@@ -2172,7 +2172,7 @@ const la = {
|
|
|
2172
2172
|
var m, h;
|
|
2173
2173
|
return (h = (m = i.data) == null ? void 0 : m.results) != null && h.length && i.request ? (p(), b("div", ya, [
|
|
2174
2174
|
f("div", wa, [
|
|
2175
|
-
f("span", ka,
|
|
2175
|
+
f("span", ka, I(g(n)("grid.jumpToPage")), 1),
|
|
2176
2176
|
D(Pe, {
|
|
2177
2177
|
"model-value": i.request.pageNumber,
|
|
2178
2178
|
class: "cl-ml-1 cl-mt-0.5 cl-text-sm cl-w-full",
|
|
@@ -2191,10 +2191,10 @@ const la = {
|
|
|
2191
2191
|
f("div", Ca, [
|
|
2192
2192
|
f("div", Ta, [
|
|
2193
2193
|
f("li", qa, [
|
|
2194
|
-
f("span", Oa,
|
|
2194
|
+
f("span", Oa, I(g(n)("grid.page")), 1)
|
|
2195
2195
|
]),
|
|
2196
2196
|
f("ul", Sa, [
|
|
2197
|
-
f("li", Da,
|
|
2197
|
+
f("li", Da, I(g(Oe)(i.request.pageNumber)) + " / " + I(g(Oe)(a.value)), 1),
|
|
2198
2198
|
Q(f("li", {
|
|
2199
2199
|
class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
|
|
2200
2200
|
onClick: s[0] || (s[0] = (k) => c(1))
|
|
@@ -2224,7 +2224,7 @@ const la = {
|
|
|
2224
2224
|
"cl-text-grey-6": i.request.pageNumber !== k
|
|
2225
2225
|
}]),
|
|
2226
2226
|
onClick: ($) => c(k)
|
|
2227
|
-
},
|
|
2227
|
+
}, I(g(Oe)(k)), 11, Ea))), 128)),
|
|
2228
2228
|
Q(f("li", {
|
|
2229
2229
|
class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
|
|
2230
2230
|
onClick: s[2] || (s[2] = (k) => c(i.request.pageNumber + 1))
|
|
@@ -2250,7 +2250,7 @@ const la = {
|
|
|
2250
2250
|
])
|
|
2251
2251
|
]),
|
|
2252
2252
|
f("ul", Aa, [
|
|
2253
|
-
f("li", Va,
|
|
2253
|
+
f("li", Va, I(g(n)("grid.pageSize")), 1),
|
|
2254
2254
|
(p(), b(Y, null, re(u, (k, T) => f("li", {
|
|
2255
2255
|
key: T,
|
|
2256
2256
|
class: L(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
|
|
@@ -2258,11 +2258,11 @@ const la = {
|
|
|
2258
2258
|
"cl-text-grey-6": i.request.pageSize !== k
|
|
2259
2259
|
}]),
|
|
2260
2260
|
onClick: ($) => r(k)
|
|
2261
|
-
},
|
|
2261
|
+
}, I(g(Oe)(k)), 11, Ia)), 64))
|
|
2262
2262
|
]),
|
|
2263
|
-
f("ul",
|
|
2264
|
-
f("li", Ra,
|
|
2265
|
-
f("li", Ma,
|
|
2263
|
+
f("ul", Na, [
|
|
2264
|
+
f("li", Ra, I(g(n)("grid.totalRecords")), 1),
|
|
2265
|
+
f("li", Ma, I(g(Oe)(i.data.totalRecords)), 1)
|
|
2266
2266
|
])
|
|
2267
2267
|
])
|
|
2268
2268
|
])) : z("", !0);
|
|
@@ -2402,7 +2402,7 @@ const La = [
|
|
|
2402
2402
|
El((s) => ({
|
|
2403
2403
|
"28c20101": c.value
|
|
2404
2404
|
}));
|
|
2405
|
-
const l = t, e = Ae(t, "modelValue"), { t: n } = se(), a =
|
|
2405
|
+
const l = t, e = Ae(t, "modelValue"), { t: n } = se(), a = N(), d = N(), c = O(() => `${100 * (e.value - l.min) / (l.max - l.min)}%`), u = N(!1), r = dt(e, 50);
|
|
2406
2406
|
function i(s) {
|
|
2407
2407
|
var m;
|
|
2408
2408
|
e.value = s, (m = a.value) == null || m.focus();
|
|
@@ -2421,17 +2421,17 @@ const La = [
|
|
|
2421
2421
|
return p(), P(Je, {
|
|
2422
2422
|
errors: s.errors,
|
|
2423
2423
|
"show-required-asterisk": s.required
|
|
2424
|
-
},
|
|
2424
|
+
}, Ie({
|
|
2425
2425
|
default: R(() => [
|
|
2426
2426
|
f("div", ja, [
|
|
2427
2427
|
f("button", {
|
|
2428
2428
|
disabled: s.disabled,
|
|
2429
2429
|
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",
|
|
2430
2430
|
onClick: m[0] || (m[0] = (k) => i(s.min))
|
|
2431
|
-
},
|
|
2431
|
+
}, I(g(el)(s.min, s.precision)), 9, Ba),
|
|
2432
2432
|
f("div", Fa, [
|
|
2433
2433
|
Q(f("div", Pa, [
|
|
2434
|
-
Q(f("input",
|
|
2434
|
+
Q(f("input", te({
|
|
2435
2435
|
ref_key: "sliderRef",
|
|
2436
2436
|
ref: a,
|
|
2437
2437
|
"onUpdate:modelValue": m[1] || (m[1] = (k) => e.value = k)
|
|
@@ -2451,11 +2451,11 @@ const La = [
|
|
|
2451
2451
|
{ number: !0 }
|
|
2452
2452
|
]
|
|
2453
2453
|
]),
|
|
2454
|
-
f("div", Wa,
|
|
2454
|
+
f("div", Wa, I(g(el)(g(r), s.precision)), 1)
|
|
2455
2455
|
], 512), [
|
|
2456
2456
|
[X, u.value === !1]
|
|
2457
2457
|
]),
|
|
2458
|
-
Q(D(Pe,
|
|
2458
|
+
Q(D(Pe, te({
|
|
2459
2459
|
ref_key: "inputRef",
|
|
2460
2460
|
ref: d,
|
|
2461
2461
|
modelValue: e.value,
|
|
@@ -2475,7 +2475,7 @@ const La = [
|
|
|
2475
2475
|
disabled: s.disabled,
|
|
2476
2476
|
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",
|
|
2477
2477
|
onClick: m[3] || (m[3] = (k) => i(s.max))
|
|
2478
|
-
},
|
|
2478
|
+
}, I(g(el)(s.max, s.precision)), 9, Za),
|
|
2479
2479
|
f("button", {
|
|
2480
2480
|
disabled: s.disabled,
|
|
2481
2481
|
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",
|
|
@@ -2528,7 +2528,7 @@ const La = [
|
|
|
2528
2528
|
set(k) {
|
|
2529
2529
|
e.type === "time" ? n.value = k : k !== null ? n.value = Re(k, null, !0, e.timeZone) : n.value = null;
|
|
2530
2530
|
}
|
|
2531
|
-
}), { locale: u } = se(), r = O(() => e.dateFormatLocale ?? u.value), i = O(() => dl(e.disabled, e.popoverPlacement)), s = O(() => Fl(r.value, e.type)), m =
|
|
2531
|
+
}), { locale: u } = se(), r = O(() => e.dateFormatLocale ?? u.value), i = O(() => dl(e.disabled, e.popoverPlacement)), s = O(() => Fl(r.value, e.type)), m = N(null), h = O(() => pl(n.value, e.initialCalendarDate, d.value, e.type));
|
|
2532
2532
|
return oe(() => [
|
|
2533
2533
|
e.minDate,
|
|
2534
2534
|
e.maxDate
|
|
@@ -2546,7 +2546,7 @@ const La = [
|
|
|
2546
2546
|
M(k.$slots, "default")
|
|
2547
2547
|
]),
|
|
2548
2548
|
default: R(() => [
|
|
2549
|
-
k.type === "time" ? (p(), P(g(
|
|
2549
|
+
k.type === "time" ? (p(), P(g(Ne), {
|
|
2550
2550
|
key: 0,
|
|
2551
2551
|
modelValue: c.value,
|
|
2552
2552
|
"onUpdate:modelValue": T[1] || (T[1] = (q) => c.value = q),
|
|
@@ -2563,7 +2563,7 @@ const La = [
|
|
|
2563
2563
|
popover: i.value
|
|
2564
2564
|
}, {
|
|
2565
2565
|
default: R(({ inputValue: q, inputEvents: U }) => [
|
|
2566
|
-
D(je,
|
|
2566
|
+
D(je, te(k.$attrs, {
|
|
2567
2567
|
ref_key: "input",
|
|
2568
2568
|
ref: m,
|
|
2569
2569
|
date: q,
|
|
@@ -2576,7 +2576,7 @@ const La = [
|
|
|
2576
2576
|
}), null, 16, ["date", "events", "type", "placeholder", "required", "disabled"])
|
|
2577
2577
|
]),
|
|
2578
2578
|
_: 1
|
|
2579
|
-
}, 8, ["modelValue", "locale", "is24hr", "mode", "is-required", "masks", "popover"])) : (p(), P(g(
|
|
2579
|
+
}, 8, ["modelValue", "locale", "is24hr", "mode", "is-required", "masks", "popover"])) : (p(), P(g(Ne), {
|
|
2580
2580
|
key: 1,
|
|
2581
2581
|
modelValue: c.value,
|
|
2582
2582
|
"onUpdate:modelValue": T[4] || (T[4] = (q) => c.value = q),
|
|
@@ -2596,7 +2596,7 @@ const La = [
|
|
|
2596
2596
|
popover: i.value
|
|
2597
2597
|
}, {
|
|
2598
2598
|
default: R(({ inputValue: q, inputEvents: U }) => [
|
|
2599
|
-
D(je,
|
|
2599
|
+
D(je, te(k.$attrs, {
|
|
2600
2600
|
ref_key: "input",
|
|
2601
2601
|
ref: m,
|
|
2602
2602
|
date: q,
|
|
@@ -2640,7 +2640,7 @@ const La = [
|
|
|
2640
2640
|
}]),
|
|
2641
2641
|
onClick: (i) => l("quick-date-selected", d)
|
|
2642
2642
|
}, [
|
|
2643
|
-
f("span", null,
|
|
2643
|
+
f("span", null, I(g(e)(d.translationKey)), 1)
|
|
2644
2644
|
], 10, _a);
|
|
2645
2645
|
}), 128))
|
|
2646
2646
|
]));
|
|
@@ -2773,7 +2773,7 @@ const La = [
|
|
|
2773
2773
|
return d;
|
|
2774
2774
|
});
|
|
2775
2775
|
return (d, c) => (p(), b("div", en, [
|
|
2776
|
-
f("div", null,
|
|
2776
|
+
f("div", null, I(g(n)("quickDates.quickDatesHeader")), 1),
|
|
2777
2777
|
(p(!0), b(Y, null, re(a.value, (u, r) => (p(), b("div", {
|
|
2778
2778
|
key: r,
|
|
2779
2779
|
class: "cl-pt-2"
|
|
@@ -2811,7 +2811,7 @@ const La = [
|
|
|
2811
2811
|
}
|
|
2812
2812
|
]])
|
|
2813
2813
|
}, [
|
|
2814
|
-
D(d,
|
|
2814
|
+
D(d, te(l.value, {
|
|
2815
2815
|
class: ["cl-basis-full cl-border-transparent cl-flex cl-items-center cl-justify-center hover:cl-border-transparent", {
|
|
2816
2816
|
"cl-text-grey-4 hover:cl-text-grey-3": !e.dateRangeSelected && !e.disabled,
|
|
2817
2817
|
"cl-text-primary-darker hover:cl-text-primary-dark": e.dateRangeSelected && !e.disabled
|
|
@@ -2891,12 +2891,12 @@ const La = [
|
|
|
2891
2891
|
} else
|
|
2892
2892
|
l.value = null;
|
|
2893
2893
|
}
|
|
2894
|
-
}), { locale: a } = se(), d = O(() => o.dateFormatLocale ?? a.value), c = O(() => dl(o.disabled, o.popoverPlacement)), u = O(() => pl(l.value, o.initialCalendarDate, e.value, "dateRange")), r = O(() => Hl(n.value, e.value, d.value)), i =
|
|
2894
|
+
}), { locale: a } = se(), d = O(() => o.dateFormatLocale ?? a.value), c = O(() => dl(o.disabled, o.popoverPlacement)), u = O(() => pl(l.value, o.initialCalendarDate, e.value, "dateRange")), r = O(() => Hl(n.value, e.value, d.value)), i = N(null), s = N(null);
|
|
2895
2895
|
function m(T) {
|
|
2896
2896
|
const $ = Pl(T, e.value);
|
|
2897
2897
|
n.value = $, i.value = T, s.value.move($.start), s.value.hidePopover();
|
|
2898
2898
|
}
|
|
2899
|
-
const h =
|
|
2899
|
+
const h = Nl("(min-width: 768px)"), k = O(() => h.value ? 2 : 1);
|
|
2900
2900
|
return (T, $) => {
|
|
2901
2901
|
const q = De("cl-ui-input-layout-wrapper");
|
|
2902
2902
|
return p(), P(q, { "show-required-asterisk": T.required }, {
|
|
@@ -2904,7 +2904,7 @@ const La = [
|
|
|
2904
2904
|
M(T.$slots, "default")
|
|
2905
2905
|
]),
|
|
2906
2906
|
default: R(() => [
|
|
2907
|
-
D(g(
|
|
2907
|
+
D(g(Ne), {
|
|
2908
2908
|
ref_key: "calendar",
|
|
2909
2909
|
ref: s,
|
|
2910
2910
|
modelValue: n.value,
|
|
@@ -2923,7 +2923,7 @@ const La = [
|
|
|
2923
2923
|
onDayclick: $[2] || ($[2] = (U) => i.value = null)
|
|
2924
2924
|
}, {
|
|
2925
2925
|
default: R(({ togglePopover: U }) => [
|
|
2926
|
-
D(ml,
|
|
2926
|
+
D(ml, te(T.$attrs, {
|
|
2927
2927
|
required: T.required,
|
|
2928
2928
|
disabled: T.disabled,
|
|
2929
2929
|
"date-range-selected": !!n.value,
|
|
@@ -2982,7 +2982,7 @@ const La = [
|
|
|
2982
2982
|
},
|
|
2983
2983
|
emits: ["clear", "reset", "togglePopover"],
|
|
2984
2984
|
setup(t, { expose: o }) {
|
|
2985
|
-
const l = t, e =
|
|
2985
|
+
const l = t, e = N(null);
|
|
2986
2986
|
function n() {
|
|
2987
2987
|
var c;
|
|
2988
2988
|
(c = e.value) == null || c.focus();
|
|
@@ -3004,14 +3004,14 @@ const La = [
|
|
|
3004
3004
|
});
|
|
3005
3005
|
return o({
|
|
3006
3006
|
focus: n
|
|
3007
|
-
}), (c, u) => c.type === "dateRange" ? (p(), P(g(ml),
|
|
3007
|
+
}), (c, u) => c.type === "dateRange" ? (p(), P(g(ml), te({ key: 0 }, c.$attrs, {
|
|
3008
3008
|
disabled: !!c.disabled,
|
|
3009
3009
|
required: c.required,
|
|
3010
3010
|
"date-range-selected": !!c.rangeSelected,
|
|
3011
3011
|
onTogglePopover: u[0] || (u[0] = (r) => c.$emit("togglePopover")),
|
|
3012
3012
|
onClear: u[1] || (u[1] = (r) => c.$emit("clear"))
|
|
3013
3013
|
}), null, 16, ["disabled", "required", "date-range-selected"])) : (p(), b("div", an, [
|
|
3014
|
-
f("input",
|
|
3014
|
+
f("input", te({
|
|
3015
3015
|
ref_key: "element",
|
|
3016
3016
|
ref: e
|
|
3017
3017
|
}, c.$attrs, {
|
|
@@ -3088,18 +3088,18 @@ const La = [
|
|
|
3088
3088
|
}
|
|
3089
3089
|
n("update:date", B);
|
|
3090
3090
|
}
|
|
3091
|
-
}), { locale: c } = se(), u = O(() => e.dateFormatLocale ?? c.value), r = O(() => dl(e.disabled, "auto")), i = O(() => Fl(u.value, e.type)), s =
|
|
3091
|
+
}), { locale: c } = se(), u = O(() => e.dateFormatLocale ?? c.value), r = O(() => dl(e.disabled, "auto")), i = O(() => Fl(u.value, e.type)), s = N(null), m = O(() => pl(e.date, e.initialDate, a.value, e.type)), h = N(null), k = N();
|
|
3092
3092
|
function T(S) {
|
|
3093
3093
|
const B = Pl(S, a.value);
|
|
3094
3094
|
d.value = B, h.value = S, k.value.move(B.start), k.value.hidePopover();
|
|
3095
3095
|
}
|
|
3096
|
-
const $ = O(() => Hl(d.value, a.value, u.value)), q =
|
|
3096
|
+
const $ = O(() => Hl(d.value, a.value, u.value)), q = Nl("(min-width: 768px)"), U = O(() => q.value ? 2 : 1);
|
|
3097
3097
|
return o({
|
|
3098
3098
|
focus() {
|
|
3099
3099
|
var S;
|
|
3100
3100
|
(S = s.value) == null || S.focus();
|
|
3101
3101
|
}
|
|
3102
|
-
}), (S, B) => S.type === "time" ? (p(), P(g(
|
|
3102
|
+
}), (S, B) => S.type === "time" ? (p(), P(g(Ne), {
|
|
3103
3103
|
key: 0,
|
|
3104
3104
|
modelValue: d.value,
|
|
3105
3105
|
"onUpdate:modelValue": B[1] || (B[1] = (x) => d.value = x),
|
|
@@ -3116,7 +3116,7 @@ const La = [
|
|
|
3116
3116
|
popover: r.value
|
|
3117
3117
|
}, {
|
|
3118
3118
|
default: R(({ inputValue: x, inputEvents: A }) => [
|
|
3119
|
-
D(je,
|
|
3119
|
+
D(je, te(S.$attrs, {
|
|
3120
3120
|
ref_key: "input",
|
|
3121
3121
|
ref: s,
|
|
3122
3122
|
date: x,
|
|
@@ -3129,7 +3129,7 @@ const La = [
|
|
|
3129
3129
|
}), null, 16, ["date", "events", "type", "placeholder", "required", "disabled"])
|
|
3130
3130
|
]),
|
|
3131
3131
|
_: 1
|
|
3132
|
-
}, 8, ["modelValue", "locale", "is24hr", "mode", "is-required", "masks", "popover"])) : S.type === "dateRange" ? (p(), P(g(
|
|
3132
|
+
}, 8, ["modelValue", "locale", "is24hr", "mode", "is-required", "masks", "popover"])) : S.type === "dateRange" ? (p(), P(g(Ne), {
|
|
3133
3133
|
key: 1,
|
|
3134
3134
|
ref_key: "calendar",
|
|
3135
3135
|
ref: k,
|
|
@@ -3150,7 +3150,7 @@ const La = [
|
|
|
3150
3150
|
onDayclick: B[4] || (B[4] = (x) => h.value = null)
|
|
3151
3151
|
}, {
|
|
3152
3152
|
default: R(({ togglePopover: x }) => [
|
|
3153
|
-
D(je,
|
|
3153
|
+
D(je, te(S.$attrs, {
|
|
3154
3154
|
ref_key: "input",
|
|
3155
3155
|
ref: s,
|
|
3156
3156
|
type: S.type,
|
|
@@ -3175,7 +3175,7 @@ const La = [
|
|
|
3175
3175
|
}, null, 8, ["scope", "selected-quick-date", "current-date-range"])) : z("", !0)
|
|
3176
3176
|
]),
|
|
3177
3177
|
_: 1
|
|
3178
|
-
}, 8, ["modelValue", "locale", "is24hr", "timezone", "columns", "popover", "min-date", "max-date", "initial-page"])) : (p(), P(g(
|
|
3178
|
+
}, 8, ["modelValue", "locale", "is24hr", "timezone", "columns", "popover", "min-date", "max-date", "initial-page"])) : (p(), P(g(Ne), {
|
|
3179
3179
|
key: 2,
|
|
3180
3180
|
modelValue: d.value,
|
|
3181
3181
|
"onUpdate:modelValue": B[7] || (B[7] = (x) => d.value = x),
|
|
@@ -3195,7 +3195,7 @@ const La = [
|
|
|
3195
3195
|
popover: r.value
|
|
3196
3196
|
}, {
|
|
3197
3197
|
default: R(({ inputValue: x, inputEvents: A }) => [
|
|
3198
|
-
D(je,
|
|
3198
|
+
D(je, te(S.$attrs, {
|
|
3199
3199
|
ref_key: "input",
|
|
3200
3200
|
ref: s,
|
|
3201
3201
|
date: x,
|
|
@@ -3307,16 +3307,16 @@ const La = [
|
|
|
3307
3307
|
El((r) => ({
|
|
3308
3308
|
"59055b28": d.value
|
|
3309
3309
|
}));
|
|
3310
|
-
const l = t, e = Ae(t, "value"), { t: n } = se(), a =
|
|
3310
|
+
const l = t, e = Ae(t, "value"), { t: n } = se(), a = N(), d = O(() => {
|
|
3311
3311
|
let r = (e.value - l.min) / (l.max - l.min) * 100;
|
|
3312
3312
|
return r < 35 && r > 0 ? r < 20 ? r += 0.5 : r += 0.25 : r > 65 && r < 100 && (r > 80 ? r -= 0.5 : r -= 0.25), `${r}%`;
|
|
3313
|
-
}), c = O(() => l.min <= l.max && l.step > 0), u =
|
|
3313
|
+
}), c = O(() => l.min <= l.max && l.step > 0), u = N(!1);
|
|
3314
3314
|
return o({
|
|
3315
3315
|
focus() {
|
|
3316
3316
|
var r;
|
|
3317
3317
|
(r = a.value) == null || r.focus();
|
|
3318
3318
|
}
|
|
3319
|
-
}), (r, i) => c.value ? (p(), b("div", de(
|
|
3319
|
+
}), (r, i) => c.value ? (p(), b("div", de(te({ key: 0 }, r.$attrs)), [
|
|
3320
3320
|
f("div", fn, [
|
|
3321
3321
|
f("span", {
|
|
3322
3322
|
class: L(["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", {
|
|
@@ -3324,7 +3324,7 @@ const La = [
|
|
|
3324
3324
|
"cl-bg-grey-0": r.disabled
|
|
3325
3325
|
}]),
|
|
3326
3326
|
onClick: i[0] || (i[0] = (s) => e.value = r.disabled ? e.value : r.min)
|
|
3327
|
-
},
|
|
3327
|
+
}, I(Number.isInteger(r.min) ? g(Oe)(r.min) : g(Se)(r.min, g(le).DECIMAL)), 3),
|
|
3328
3328
|
f("div", mn, [
|
|
3329
3329
|
u.value ? (p(), P(Pe, {
|
|
3330
3330
|
key: 0,
|
|
@@ -3333,8 +3333,8 @@ const La = [
|
|
|
3333
3333
|
modelValue: e.value,
|
|
3334
3334
|
"onUpdate:modelValue": i[1] || (i[1] = (s) => e.value = s),
|
|
3335
3335
|
class: "cl-min-w-[8.5rem] cl-w-full",
|
|
3336
|
-
format: g(
|
|
3337
|
-
precision: Number.isInteger(r.min) ? 0 : g(cl)(g(
|
|
3336
|
+
format: g(le).DECIMAL,
|
|
3337
|
+
precision: Number.isInteger(r.min) ? 0 : g(cl)(g(le).DECIMAL).maximumFractionDigits,
|
|
3338
3338
|
min: r.min,
|
|
3339
3339
|
max: r.max,
|
|
3340
3340
|
step: r.step,
|
|
@@ -3364,7 +3364,7 @@ const La = [
|
|
|
3364
3364
|
{ number: !0 }
|
|
3365
3365
|
]
|
|
3366
3366
|
]),
|
|
3367
|
-
f("div", bn,
|
|
3367
|
+
f("div", bn, I(Number.isInteger(e.value) ? g(Oe)(e.value) : g(Se)(e.value, g(le).DECIMAL)), 1)
|
|
3368
3368
|
], 64))
|
|
3369
3369
|
]),
|
|
3370
3370
|
f("span", {
|
|
@@ -3373,7 +3373,7 @@ const La = [
|
|
|
3373
3373
|
"cl-bg-grey-0": r.disabled
|
|
3374
3374
|
}]),
|
|
3375
3375
|
onClick: i[3] || (i[3] = (s) => e.value = r.disabled ? e.value : r.max)
|
|
3376
|
-
},
|
|
3376
|
+
}, I(Number.isInteger(r.max) ? g(Oe)(r.max) : g(Se)(r.max, g(le).DECIMAL)), 3),
|
|
3377
3377
|
f("div", hn, [
|
|
3378
3378
|
f("div", {
|
|
3379
3379
|
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",
|
|
@@ -3383,7 +3383,7 @@ const La = [
|
|
|
3383
3383
|
])
|
|
3384
3384
|
])
|
|
3385
3385
|
])
|
|
3386
|
-
], 16)) : (p(), b("div", yn,
|
|
3386
|
+
], 16)) : (p(), b("div", yn, I(g(n)("slider.invalidProps")), 1));
|
|
3387
3387
|
}
|
|
3388
3388
|
}), kn = /* @__PURE__ */ he(wn, [["__scopeId", "data-v-5cb4ccea"]]);
|
|
3389
3389
|
function Tl(t) {
|
|
@@ -3456,10 +3456,10 @@ const Tn = { class: "cl-flex cl-justify-between" }, qn = { class: "cl-w-full" },
|
|
|
3456
3456
|
}, Dn = {
|
|
3457
3457
|
key: 0,
|
|
3458
3458
|
class: "cl-relative"
|
|
3459
|
-
}, En = ["type", "disabled", "min", "max", "minlength", "maxlength", "step", "placeholder", "name", "autocomplete"], An = { key: 0 }, Vn = { key: 1 },
|
|
3459
|
+
}, En = ["type", "disabled", "min", "max", "minlength", "maxlength", "step", "placeholder", "name", "autocomplete"], An = { key: 0 }, Vn = { key: 1 }, In = {
|
|
3460
3460
|
key: 3,
|
|
3461
3461
|
class: "cl-max-h-[2.75rem] cl-pb-0.5"
|
|
3462
|
-
},
|
|
3462
|
+
}, Nn = {
|
|
3463
3463
|
key: 0,
|
|
3464
3464
|
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"
|
|
3465
3465
|
}, Rn = {
|
|
@@ -3501,17 +3501,17 @@ const Tn = { class: "cl-flex cl-justify-between" }, qn = { class: "cl-w-full" },
|
|
|
3501
3501
|
},
|
|
3502
3502
|
emits: ["update:model-value", "click", "focus", "input", "change", "validated"],
|
|
3503
3503
|
setup(t, { expose: o, emit: l }) {
|
|
3504
|
-
const e = t, n = l, a =
|
|
3504
|
+
const e = t, n = l, a = N(null), d = N(null), c = N(!1), u = N(!1), r = O(() => {
|
|
3505
3505
|
var j;
|
|
3506
3506
|
let w = e.isRequired;
|
|
3507
3507
|
return u.value && ((j = m.value) == null ? void 0 : j.toString().trim()) === "" && e.requiredText.trim() !== "" && (w = !1), !e.hideRequiredAsterisk && w;
|
|
3508
|
-
}), i = O(() => e.placeholderText.trim() !== "" ? e.placeholderText : e.label), s =
|
|
3508
|
+
}), i = O(() => e.placeholderText.trim() !== "" ? e.placeholderText : e.label), s = N(0), m = O({
|
|
3509
3509
|
get: () => e.modelValue,
|
|
3510
3510
|
set: (w) => v(w, !1)
|
|
3511
3511
|
}), h = O({
|
|
3512
3512
|
get: () => e.modelValue,
|
|
3513
3513
|
set: (w) => y(w)
|
|
3514
|
-
}), k = O(() => typeof e.min == "number" ? e.min.toString() : e.min), T = O(() => typeof e.max == "number" ? e.max.toString() : e.max), $ = O(() => typeof e.min == "number" || e.min === null ? e.min : parseFloat(e.min)), q = O(() => typeof e.max == "number" || e.max === null ? e.max : parseFloat(e.max)), U = O(() => e.messageWhenValid.trim() !== "" ? e.messageWhenValid : ""), S =
|
|
3514
|
+
}), k = O(() => typeof e.min == "number" ? e.min.toString() : e.min), T = O(() => typeof e.max == "number" ? e.max.toString() : e.max), $ = O(() => typeof e.min == "number" || e.min === null ? e.min : parseFloat(e.min)), q = O(() => typeof e.max == "number" || e.max === null ? e.max : parseFloat(e.max)), U = O(() => e.messageWhenValid.trim() !== "" ? e.messageWhenValid : ""), S = N(!0), B = N(!0), x = N([]), A = O(() => {
|
|
3515
3515
|
var w, j;
|
|
3516
3516
|
return [
|
|
3517
3517
|
...((w = x.value) == null ? void 0 : w.filter((G) => ((G == null ? void 0 : G.length) ?? 0) > 0)) ?? [],
|
|
@@ -3613,7 +3613,7 @@ const Tn = { class: "cl-flex cl-justify-between" }, qn = { class: "cl-w-full" },
|
|
|
3613
3613
|
var w, j;
|
|
3614
3614
|
e.inputType === "currency" ? (w = d == null ? void 0 : d.value) == null || w.blur() : (j = a.value) == null || j.blur();
|
|
3615
3615
|
}
|
|
3616
|
-
}), (w, j) => (p(), b("div",
|
|
3616
|
+
}), (w, j) => (p(), b("div", te({ ...w.$attrs, id: void 0 }, {
|
|
3617
3617
|
key: s.value,
|
|
3618
3618
|
class: "cl-align-top cl-border-none cl-inline-block cl-text-left"
|
|
3619
3619
|
}), [
|
|
@@ -3623,14 +3623,14 @@ const Tn = { class: "cl-flex cl-justify-between" }, qn = { class: "cl-w-full" },
|
|
|
3623
3623
|
}, [
|
|
3624
3624
|
f("div", Tn, [
|
|
3625
3625
|
f("div", qn, [
|
|
3626
|
-
Q(f("label", { class: "cl-block cl-mb-1 cl-text-grey-4 cl-text-xs cl-tracking-widest" },
|
|
3626
|
+
Q(f("label", { class: "cl-block cl-mb-1 cl-text-grey-4 cl-text-xs cl-tracking-widest" }, I(w.label), 513), [
|
|
3627
3627
|
[X, w.showLabel && w.label !== ""]
|
|
3628
3628
|
])
|
|
3629
3629
|
]),
|
|
3630
|
-
r.value ? (p(), b("label", On, " * ")) : w.isRequired && w.requiredText.length ? (p(), b("label", Sn,
|
|
3630
|
+
r.value ? (p(), b("label", On, " * ")) : w.isRequired && w.requiredText.length ? (p(), b("label", Sn, I(w.requiredText), 1)) : z("", !0)
|
|
3631
3631
|
]),
|
|
3632
3632
|
w.inputType !== "range" && w.inputType !== "currency" && !g(ql)(w.inputType) ? (p(), b("div", Dn, [
|
|
3633
|
-
Q(f("input",
|
|
3633
|
+
Q(f("input", te({
|
|
3634
3634
|
ref_key: "inputElement",
|
|
3635
3635
|
ref: a,
|
|
3636
3636
|
"onUpdate:modelValue": j[0] || (j[0] = (G) => m.value = G)
|
|
@@ -3694,7 +3694,7 @@ const Tn = { class: "cl-flex cl-justify-between" }, qn = { class: "cl-w-full" },
|
|
|
3694
3694
|
_: 1
|
|
3695
3695
|
})
|
|
3696
3696
|
])) : w.inputType === "currency" ? (p(), b("div", Vn, [
|
|
3697
|
-
D(dn,
|
|
3697
|
+
D(dn, te({
|
|
3698
3698
|
ref_key: "currencyInputRef",
|
|
3699
3699
|
ref: d,
|
|
3700
3700
|
modelValue: m.value,
|
|
@@ -3713,7 +3713,7 @@ const Tn = { class: "cl-flex cl-justify-between" }, qn = { class: "cl-w-full" },
|
|
|
3713
3713
|
onFocus: j[8] || (j[8] = (G) => n("focus")),
|
|
3714
3714
|
onBlur: H
|
|
3715
3715
|
}), null, 16, ["modelValue", "disabled", "placeholder", "is-valid", "highlight-when-valid", "input-specific-classes", "group", "step", "currency-options"])
|
|
3716
|
-
])) : g(ql)(w.inputType) ? (p(), P(g(cn),
|
|
3716
|
+
])) : g(ql)(w.inputType) ? (p(), P(g(cn), te({ key: 2 }, w.$attrs, {
|
|
3717
3717
|
ref_key: "inputElement",
|
|
3718
3718
|
ref: a,
|
|
3719
3719
|
date: h.value,
|
|
@@ -3735,7 +3735,7 @@ const Tn = { class: "cl-flex cl-justify-between" }, qn = { class: "cl-w-full" },
|
|
|
3735
3735
|
"date-format-locale": w.dateFormatLocale,
|
|
3736
3736
|
onBlur: ee(H, ["self"]),
|
|
3737
3737
|
onFocus: j[10] || (j[10] = (G) => n("focus"))
|
|
3738
|
-
}), null, 16, ["date", "class", "disabled", "required", "type", "time-zone", "min", "max", "placeholder", "initial-date", "quick-date-scope", "date-format-locale"])) : w.inputType === "range" && typeof m.value == "number" ? (p(), b("div",
|
|
3738
|
+
}), null, 16, ["date", "class", "disabled", "required", "type", "time-zone", "min", "max", "placeholder", "initial-date", "quick-date-scope", "date-format-locale"])) : w.inputType === "range" && typeof m.value == "number" ? (p(), b("div", In, [
|
|
3739
3739
|
D(g(kn), {
|
|
3740
3740
|
ref_key: "inputElement",
|
|
3741
3741
|
ref: a,
|
|
@@ -3752,8 +3752,8 @@ const Tn = { class: "cl-flex cl-justify-between" }, qn = { class: "cl-w-full" },
|
|
|
3752
3752
|
}, null, 8, ["value", "min", "max", "step", "placeholder", "disabled"])
|
|
3753
3753
|
])) : z("", !0)
|
|
3754
3754
|
], 32),
|
|
3755
|
-
S.value && U.value && B.value ? (p(), b("div",
|
|
3756
|
-
!S.value && A.value.length > 0 && w.showValidationMessages && B.value ? (p(), b("div", Rn,
|
|
3755
|
+
S.value && U.value && B.value ? (p(), b("div", Nn, I(U.value), 1)) : z("", !0),
|
|
3756
|
+
!S.value && A.value.length > 0 && w.showValidationMessages && B.value ? (p(), b("div", Rn, I(A.value), 1)) : z("", !0)
|
|
3757
3757
|
], 16));
|
|
3758
3758
|
}
|
|
3759
3759
|
}), ll = /* @__PURE__ */ he(Mn, [["__scopeId", "data-v-2373f106"]]), Un = [
|
|
@@ -3981,7 +3981,7 @@ const Wn = {
|
|
|
3981
3981
|
return;
|
|
3982
3982
|
e("update:filter", m);
|
|
3983
3983
|
}
|
|
3984
|
-
const u =
|
|
3984
|
+
const u = N(), { left: r } = pt(u), i = O(() => r.value / 2 < 208);
|
|
3985
3985
|
return (s, m) => (p(), b("div", {
|
|
3986
3986
|
ref_key: "gridMethodSelectElement",
|
|
3987
3987
|
ref: u,
|
|
@@ -4004,7 +4004,7 @@ const Wn = {
|
|
|
4004
4004
|
"cl-left-0": i.value
|
|
4005
4005
|
}])
|
|
4006
4006
|
}, [
|
|
4007
|
-
f("strong", Qn,
|
|
4007
|
+
f("strong", Qn, I(g(n)("grid.availableMethods")), 1),
|
|
4008
4008
|
(p(!0), b(Y, null, re(a.value, (h, k) => {
|
|
4009
4009
|
var T;
|
|
4010
4010
|
return p(), b("span", {
|
|
@@ -4014,7 +4014,7 @@ const Wn = {
|
|
|
4014
4014
|
}]),
|
|
4015
4015
|
onClick: ee(($) => c(h.method), ["prevent"])
|
|
4016
4016
|
}, [
|
|
4017
|
-
ue(
|
|
4017
|
+
ue(I(h.description) + " ", 1),
|
|
4018
4018
|
D(g(Z), {
|
|
4019
4019
|
icon: h.icon,
|
|
4020
4020
|
class: "cl-float-right cl-text-grey-4 cl-text-sm"
|
|
@@ -4052,7 +4052,7 @@ const Wn = {
|
|
|
4052
4052
|
const c = O({
|
|
4053
4053
|
get: () => l.filter,
|
|
4054
4054
|
set: (y) => e("update:filter", y)
|
|
4055
|
-
}), u = O(() => l.column.type === "date" || l.column.type === "datetime" || l.column.type === "slot" && (l.column.slotType === "date" || l.column.slotType === "datetime")), r = O(() => l.column.type === "dateRange" || l.column.type === "slot" && l.column.slotType === "dateRange"), i = O(() => l.column.type === "list" || l.column.type === "slot" && l.column.slotType === "list"), s = O(() => i.value && l.column.listType === "number"), m = O(() => l.column.format ===
|
|
4055
|
+
}), u = O(() => l.column.type === "date" || l.column.type === "datetime" || l.column.type === "slot" && (l.column.slotType === "date" || l.column.slotType === "datetime")), r = O(() => l.column.type === "dateRange" || l.column.type === "slot" && l.column.slotType === "dateRange"), i = O(() => l.column.type === "list" || l.column.type === "slot" && l.column.slotType === "list"), s = O(() => i.value && l.column.listType === "number"), m = O(() => l.column.format === le.INTEGER ? le.DECIMAL : l.column.format ?? le.DECIMAL), h = O({
|
|
4056
4056
|
get() {
|
|
4057
4057
|
var v, C, _, K, ve, ne, V;
|
|
4058
4058
|
let y = (v = c.value) == null ? void 0 : v[0];
|
|
@@ -4200,7 +4200,7 @@ const Wn = {
|
|
|
4200
4200
|
function x(y, v) {
|
|
4201
4201
|
let C = (y == null ? void 0 : y.value) ?? v ?? 0;
|
|
4202
4202
|
if (typeof C == "string") {
|
|
4203
|
-
const _ = l.column.format ===
|
|
4203
|
+
const _ = l.column.format === le.INTEGER, K = (_ ? le.DECIMAL : l.column.format) ?? le.DECIMAL;
|
|
4204
4204
|
C = Ll(C, K, { additionalOptions: {
|
|
4205
4205
|
maximumFractionDigits: _ ? 0 : void 0,
|
|
4206
4206
|
minimumFractionDigits: _ ? 0 : void 0
|
|
@@ -4238,11 +4238,11 @@ const Wn = {
|
|
|
4238
4238
|
f("option", {
|
|
4239
4239
|
value: "true",
|
|
4240
4240
|
selected: $.value === "true"
|
|
4241
|
-
},
|
|
4241
|
+
}, I(g(n)("grid.true")), 9, es),
|
|
4242
4242
|
f("option", {
|
|
4243
4243
|
value: "false",
|
|
4244
4244
|
selected: $.value === "false"
|
|
4245
|
-
},
|
|
4245
|
+
}, I(g(n)("grid.false")), 9, ls)
|
|
4246
4246
|
], 40, Jn)) : u.value ? (p(), P(ll, {
|
|
4247
4247
|
key: 1,
|
|
4248
4248
|
id: `${g(E)}-${y.column.name}`,
|
|
@@ -4269,7 +4269,7 @@ const Wn = {
|
|
|
4269
4269
|
id: `${g(E)}-${y.column.name}`,
|
|
4270
4270
|
"model-value": $.value === "" || isNaN(+$.value) ? null : +$.value,
|
|
4271
4271
|
format: m.value,
|
|
4272
|
-
precision: y.column.format === g(
|
|
4272
|
+
precision: y.column.format === g(le).INTEGER ? 0 : g(cl)(m.value, { locale: g(a) }).maximumFractionDigits,
|
|
4273
4273
|
class: "cl-border-none cl-font-normal cl-h-[2rem] cl-mb-0 cl-text-xs cl-w-full lg:cl-text-base",
|
|
4274
4274
|
disabled: y.loading,
|
|
4275
4275
|
readonly: y.loading,
|
|
@@ -4308,7 +4308,7 @@ const Wn = {
|
|
|
4308
4308
|
key: C.value,
|
|
4309
4309
|
value: C.value,
|
|
4310
4310
|
selected: $.value === C.value.toString()
|
|
4311
|
-
},
|
|
4311
|
+
}, I(g(n)(C.translationKey)), 9, is))), 128))
|
|
4312
4312
|
], 40, ss)) : z("", !0),
|
|
4313
4313
|
r.value ? z("", !0) : (p(), P(Yn, {
|
|
4314
4314
|
key: 6,
|
|
@@ -4368,7 +4368,7 @@ const Wn = {
|
|
|
4368
4368
|
onClick: (h) => g(Ge)(s) && r.loading === !1 ? c(s.field) : () => {
|
|
4369
4369
|
}
|
|
4370
4370
|
}, [
|
|
4371
|
-
ue(
|
|
4371
|
+
ue(I(s.caption) + " ", 1),
|
|
4372
4372
|
Q(D(g(Z), {
|
|
4373
4373
|
class: "cl-inline-block",
|
|
4374
4374
|
icon: "ph:caret-up"
|
|
@@ -4402,13 +4402,13 @@ const Wn = {
|
|
|
4402
4402
|
"cl-hidden lg:cl-table-cell": !g(sl)(s)
|
|
4403
4403
|
}])
|
|
4404
4404
|
}, [
|
|
4405
|
-
f("div", ms,
|
|
4405
|
+
f("div", ms, I(s.caption), 1),
|
|
4406
4406
|
g(Ge)(s) ? (p(), b("div", {
|
|
4407
4407
|
key: 0,
|
|
4408
4408
|
class: "cl-col-span-2 cl-gap-1 cl-span lg:cl-hidden",
|
|
4409
4409
|
onClick: (h) => r.loading === !1 ? c(s.field) : void 0
|
|
4410
4410
|
}, [
|
|
4411
|
-
f("span", vs,
|
|
4411
|
+
f("span", vs, I(g(n)("grid.sortBy")), 1),
|
|
4412
4412
|
d(s, !0) ? (p(), P(g(Z), {
|
|
4413
4413
|
key: 0,
|
|
4414
4414
|
class: "cl-cursor-pointer cl-inline-block",
|
|
@@ -4497,7 +4497,7 @@ const Wn = {
|
|
|
4497
4497
|
]);
|
|
4498
4498
|
};
|
|
4499
4499
|
}
|
|
4500
|
-
}), $s = { class: "cl-fixed cl-flex cl-h-full cl-justify-end cl-right-0 cl-shadow-lg cl-top-0 cl-z-40" }, Cs = { 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" }, Ts = { class: "cl-mb-4 cl-text-2xl cl-text-off-white" }, qs = { class: "cl-border-grey-3 cl-border-t cl-flex cl-flex-wrap cl-text-sm cl-w-full" }, Os = { class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full" }, Ss = { class: "cl-flex-1 cl-py-2" }, Ds = { class: "cl-py-2 cl-w-1/4" }, Es = { class: "cl-py-2 cl-w-1/5" }, As = { class: "cl-flex-1 cl-py-2" }, Vs = { class: "cl-py-2 cl-w-1/4" },
|
|
4500
|
+
}), $s = { class: "cl-fixed cl-flex cl-h-full cl-justify-end cl-right-0 cl-shadow-lg cl-top-0 cl-z-40" }, Cs = { 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" }, Ts = { class: "cl-mb-4 cl-text-2xl cl-text-off-white" }, qs = { class: "cl-border-grey-3 cl-border-t cl-flex cl-flex-wrap cl-text-sm cl-w-full" }, Os = { class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full" }, Ss = { class: "cl-flex-1 cl-py-2" }, Ds = { class: "cl-py-2 cl-w-1/4" }, Es = { class: "cl-py-2 cl-w-1/5" }, As = { class: "cl-flex-1 cl-py-2" }, Vs = { class: "cl-py-2 cl-w-1/4" }, Is = { class: "cl-py-2 cl-text-off-white cl-w-1/5" }, Ns = { key: 1 }, Rs = /* @__PURE__ */ F({
|
|
4501
4501
|
inheritAttrs: !1,
|
|
4502
4502
|
__name: "cl-ui-grid-view-manager",
|
|
4503
4503
|
props: {
|
|
@@ -4506,7 +4506,7 @@ const Wn = {
|
|
|
4506
4506
|
},
|
|
4507
4507
|
emits: ["update:columns"],
|
|
4508
4508
|
setup(t, { emit: o }) {
|
|
4509
|
-
const l = t, e = o, { t: n } = se(), a =
|
|
4509
|
+
const l = t, e = o, { t: n } = se(), a = N(!1);
|
|
4510
4510
|
function d(r, i, s) {
|
|
4511
4511
|
s < r.length && s >= 0 && r.splice(s, 0, r.splice(i, 1)[0]);
|
|
4512
4512
|
}
|
|
@@ -4519,14 +4519,14 @@ const Wn = {
|
|
|
4519
4519
|
d(s, r, m), e("update:columns", s);
|
|
4520
4520
|
}
|
|
4521
4521
|
return (r, i) => (p(), b(Y, null, [
|
|
4522
|
-
D($e,
|
|
4522
|
+
D($e, te(r.$attrs, {
|
|
4523
4523
|
class: "cl-w-full",
|
|
4524
4524
|
size: "small",
|
|
4525
4525
|
disabled: r.loading,
|
|
4526
4526
|
onClick: i[0] || (i[0] = ee((s) => a.value = !0, ["prevent"]))
|
|
4527
4527
|
}), {
|
|
4528
4528
|
default: R(() => [
|
|
4529
|
-
ue(
|
|
4529
|
+
ue(I(g(n)("grid.manageView")), 1)
|
|
4530
4530
|
]),
|
|
4531
4531
|
_: 1
|
|
4532
4532
|
}, 16, ["disabled"]),
|
|
@@ -4541,25 +4541,25 @@ const Wn = {
|
|
|
4541
4541
|
size: 16,
|
|
4542
4542
|
onClick: i[1] || (i[1] = (s) => a.value = !1)
|
|
4543
4543
|
}),
|
|
4544
|
-
f("h3", Ts,
|
|
4544
|
+
f("h3", Ts, I(g(n)("grid.manageView")), 1),
|
|
4545
4545
|
f("ul", qs, [
|
|
4546
4546
|
f("li", Os, [
|
|
4547
|
-
f("strong", Ss,
|
|
4548
|
-
f("strong", Ds,
|
|
4549
|
-
f("strong", Es,
|
|
4547
|
+
f("strong", Ss, I(g(n)("grid.column")), 1),
|
|
4548
|
+
f("strong", Ds, I(g(n)("grid.visible")), 1),
|
|
4549
|
+
f("strong", Es, I(g(n)("grid.order")), 1)
|
|
4550
4550
|
]),
|
|
4551
4551
|
(p(!0), b(Y, null, re(r.columns, (s, m) => (p(), b("li", {
|
|
4552
4552
|
key: m,
|
|
4553
4553
|
class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full"
|
|
4554
4554
|
}, [
|
|
4555
|
-
f("div", As,
|
|
4555
|
+
f("div", As, I(s.caption), 1),
|
|
4556
4556
|
f("div", Vs, [
|
|
4557
4557
|
D(rl, {
|
|
4558
4558
|
"model-value": s.visible === void 0 || s.visible === !0,
|
|
4559
4559
|
"onUpdate:modelValue": (h) => c(h, s)
|
|
4560
4560
|
}, null, 8, ["model-value", "onUpdate:modelValue"])
|
|
4561
4561
|
]),
|
|
4562
|
-
f("div",
|
|
4562
|
+
f("div", Is, [
|
|
4563
4563
|
s.visible === void 0 || s.visible === !0 ? (p(), b(Y, { key: 0 }, [
|
|
4564
4564
|
m !== 0 ? (p(), P(g(Z), {
|
|
4565
4565
|
key: 0,
|
|
@@ -4573,7 +4573,7 @@ const Wn = {
|
|
|
4573
4573
|
icon: "ph:arrow-right",
|
|
4574
4574
|
onClick: (h) => u(m, "up")
|
|
4575
4575
|
}, null, 8, ["onClick"])) : z("", !0)
|
|
4576
|
-
], 64)) : (p(), b("em",
|
|
4576
|
+
], 64)) : (p(), b("em", Ns, I(g(n)("grid.hidden")), 1))
|
|
4577
4577
|
])
|
|
4578
4578
|
]))), 128))
|
|
4579
4579
|
])
|
|
@@ -4609,7 +4609,7 @@ const Wn = {
|
|
|
4609
4609
|
const c = O({
|
|
4610
4610
|
get: () => l.columns,
|
|
4611
4611
|
set: (E) => e("update:columns", E)
|
|
4612
|
-
}), u = O(() => c.value.filter((E) => E.visible ?? !0)), r =
|
|
4612
|
+
}), u = O(() => c.value.filter((E) => E.visible ?? !0)), r = N({});
|
|
4613
4613
|
function i() {
|
|
4614
4614
|
const E = {};
|
|
4615
4615
|
window.innerWidth >= 1024 && c.value.forEach((y) => {
|
|
@@ -4636,7 +4636,7 @@ const Wn = {
|
|
|
4636
4636
|
deep: !0,
|
|
4637
4637
|
immediate: !0
|
|
4638
4638
|
});
|
|
4639
|
-
const T = O(() => l.data), $ =
|
|
4639
|
+
const T = O(() => l.data), $ = N(!1), q = N(!1);
|
|
4640
4640
|
oe($, () => {
|
|
4641
4641
|
$.value ? e("edit-start") : Me(() => e("edit-end"));
|
|
4642
4642
|
});
|
|
@@ -4659,7 +4659,7 @@ const Wn = {
|
|
|
4659
4659
|
filters: y
|
|
4660
4660
|
};
|
|
4661
4661
|
}
|
|
4662
|
-
}), B =
|
|
4662
|
+
}), B = N(((A = l.request.filters.find((E) => E.filterMethod === "andcontains" || E.filterOperation === J.AND_CONTAINS)) == null ? void 0 : A.filterValue) ?? ""), x = O(() => l.columns.filter((E) => (E.type === "string" || E.type === "slot" && E.slotType === "string") && E.searchable));
|
|
4663
4663
|
return (E, y) => (p(), b("div", Ms, [
|
|
4664
4664
|
x.value.length > 0 ? (p(), P(ks, {
|
|
4665
4665
|
key: 0,
|
|
@@ -4744,7 +4744,7 @@ const Wn = {
|
|
|
4744
4744
|
onRowEdit: y[7] || (y[7] = (v) => E.$emit("row-edit", v)),
|
|
4745
4745
|
onRowEditCancelled: y[8] || (y[8] = (v) => E.$emit("row-edit-cancelled", v)),
|
|
4746
4746
|
onRowSelect: y[9] || (y[9] = (v) => E.$emit("row-select", v))
|
|
4747
|
-
},
|
|
4747
|
+
}, Ie({ _: 2 }, [
|
|
4748
4748
|
re(E.$slots, (v, C) => ({
|
|
4749
4749
|
name: C,
|
|
4750
4750
|
fn: R((_) => [
|
|
@@ -4772,7 +4772,7 @@ const Wn = {
|
|
|
4772
4772
|
},
|
|
4773
4773
|
emits: ["open-click"],
|
|
4774
4774
|
setup(t, { emit: o }) {
|
|
4775
|
-
const l = t, e = o, n =
|
|
4775
|
+
const l = t, e = o, n = N();
|
|
4776
4776
|
return nl(n, () => {
|
|
4777
4777
|
(l.isOpen ?? !1) && e("open-click");
|
|
4778
4778
|
}), (a, d) => (p(), b("header", Bs, [
|
|
@@ -4830,8 +4830,8 @@ const Wn = {
|
|
|
4830
4830
|
"cl-text-white": o.colour === "secondary"
|
|
4831
4831
|
}])
|
|
4832
4832
|
}, [
|
|
4833
|
-
o.username ? (p(), b("div", Ws,
|
|
4834
|
-
o.group ? (p(), b("div", Zs,
|
|
4833
|
+
o.username ? (p(), b("div", Ws, I(o.username), 1)) : z("", !0),
|
|
4834
|
+
o.group ? (p(), b("div", Zs, I(o.group), 1)) : z("", !0)
|
|
4835
4835
|
], 2),
|
|
4836
4836
|
f("div", Gs, [
|
|
4837
4837
|
D(g(Z), {
|
|
@@ -4907,7 +4907,7 @@ const Xs = {
|
|
|
4907
4907
|
},
|
|
4908
4908
|
emits: ["language-select"],
|
|
4909
4909
|
setup(t, { emit: o }) {
|
|
4910
|
-
const l = t, e = o, { locale: n } = se(), a =
|
|
4910
|
+
const l = t, e = o, { locale: n } = se(), a = N(!1), d = O(() => l.supportedLanguages.find((i) => i.localeCode === n.value) ?? u(l.supportedLanguages, n.value) ?? l.defaultLangauge), c = O(() => l.supportedLanguages.filter((i) => tl(i)).sort((i, s) => i.nativeName > s.nativeName ? 1 : s.nativeName > i.nativeName ? -1 : 0));
|
|
4911
4911
|
function u(i, s) {
|
|
4912
4912
|
const m = s.split("-")[0];
|
|
4913
4913
|
return i.find((k) => k.localeCode.split("-")[0] === m) ?? null;
|
|
@@ -4928,7 +4928,7 @@ const Xs = {
|
|
|
4928
4928
|
class: L(["cl-font-semibold cl-text-xs", {
|
|
4929
4929
|
"cl-opacity-50": i.disabled
|
|
4930
4930
|
}])
|
|
4931
|
-
},
|
|
4931
|
+
}, I(d.value.nativeName), 3)
|
|
4932
4932
|
], 2),
|
|
4933
4933
|
D(Ce, { name: "fade" }, {
|
|
4934
4934
|
default: R(() => [
|
|
@@ -4942,7 +4942,7 @@ const Xs = {
|
|
|
4942
4942
|
n.value = m.localeCode, r(), e("language-select", m.localeCode);
|
|
4943
4943
|
}
|
|
4944
4944
|
}, [
|
|
4945
|
-
f("span", tr,
|
|
4945
|
+
f("span", tr, I(m.nativeName), 1)
|
|
4946
4946
|
], 8, lr))), 128))
|
|
4947
4947
|
], 512), [
|
|
4948
4948
|
[X, a.value]
|
|
@@ -4966,7 +4966,7 @@ const Xs = {
|
|
|
4966
4966
|
},
|
|
4967
4967
|
emits: ["login", "update:errors"],
|
|
4968
4968
|
setup(t, { emit: o }) {
|
|
4969
|
-
const l = o, { t: e } = se(), n =
|
|
4969
|
+
const l = o, { t: e } = se(), n = N(""), a = N(""), d = N("password"), c = O(() => st(n.value));
|
|
4970
4970
|
function u() {
|
|
4971
4971
|
const i = {
|
|
4972
4972
|
username: n.value,
|
|
@@ -5024,7 +5024,7 @@ const Xs = {
|
|
|
5024
5024
|
]),
|
|
5025
5025
|
_: 1
|
|
5026
5026
|
}, 8, ["modelValue", "class", "errors", "placeholder"]),
|
|
5027
|
-
c.value ? (p(), b("div", fr,
|
|
5027
|
+
c.value ? (p(), b("div", fr, I(g(e)("login.validEmail")), 1)) : z("", !0)
|
|
5028
5028
|
])
|
|
5029
5029
|
])
|
|
5030
5030
|
]),
|
|
@@ -5083,7 +5083,7 @@ const Xs = {
|
|
|
5083
5083
|
onClick: ee(u, ["prevent"])
|
|
5084
5084
|
}, {
|
|
5085
5085
|
default: R(() => [
|
|
5086
|
-
ue(
|
|
5086
|
+
ue(I(g(e)("login.login")), 1)
|
|
5087
5087
|
]),
|
|
5088
5088
|
_: 1
|
|
5089
5089
|
}, 8, ["loading", "disabled"])
|
|
@@ -5098,7 +5098,7 @@ const Xs = {
|
|
|
5098
5098
|
id: "cl-ui-login-errors",
|
|
5099
5099
|
key: k,
|
|
5100
5100
|
class: "cl-font-semibold"
|
|
5101
|
-
},
|
|
5101
|
+
}, I(h), 1))), 128))
|
|
5102
5102
|
], 512), [
|
|
5103
5103
|
[X, (m = i.errors) == null ? void 0 : m.length]
|
|
5104
5104
|
])
|
|
@@ -5128,7 +5128,7 @@ const Xs = {
|
|
|
5128
5128
|
},
|
|
5129
5129
|
emits: ["pinned-state", "open-state"],
|
|
5130
5130
|
setup(t, { expose: o, emit: l }) {
|
|
5131
|
-
const e = l, n =
|
|
5131
|
+
const e = l, n = N([]), a = O(() => n.value.filter(($) => $.open === !0).length > 0);
|
|
5132
5132
|
function d($) {
|
|
5133
5133
|
let q = n.value.find((U) => U.id === $);
|
|
5134
5134
|
return q || (q = {
|
|
@@ -5153,11 +5153,11 @@ const Xs = {
|
|
|
5153
5153
|
deep: !0
|
|
5154
5154
|
}
|
|
5155
5155
|
);
|
|
5156
|
-
const r =
|
|
5156
|
+
const r = N(!1), i = N(!1), { start: s } = Il(() => i.value = !1, 100);
|
|
5157
5157
|
function m() {
|
|
5158
5158
|
r.value = !r.value, e("pinned-state", r.value), i.value = !0, s();
|
|
5159
5159
|
}
|
|
5160
|
-
const h =
|
|
5160
|
+
const h = N();
|
|
5161
5161
|
function k($) {
|
|
5162
5162
|
m(), typeof $ == "number" && c($);
|
|
5163
5163
|
}
|
|
@@ -5181,7 +5181,7 @@ const Xs = {
|
|
|
5181
5181
|
"cl-bg-blue-dark": $.colour === "secondary"
|
|
5182
5182
|
}])
|
|
5183
5183
|
}, [
|
|
5184
|
-
M($.$slots, "icon",
|
|
5184
|
+
M($.$slots, "icon", te({ navcolour: $.colour }, { groupIsOpen: d, toggleOpen: c }), void 0, !0)
|
|
5185
5185
|
], 2),
|
|
5186
5186
|
i.value ? (p(), b("div", kr)) : z("", !0),
|
|
5187
5187
|
D(Ce, { name: "slide-right" }, {
|
|
@@ -5263,18 +5263,18 @@ const Xs = {
|
|
|
5263
5263
|
}), Er = {}, Ar = { class: "cl-w-full" }, Vr = {
|
|
5264
5264
|
key: 0,
|
|
5265
5265
|
class: "cl-font-bold cl-mb-4 cl-select-none"
|
|
5266
|
-
},
|
|
5267
|
-
function
|
|
5266
|
+
}, Ir = { class: "cl-flex cl-flex-wrap cl-space-y-2" };
|
|
5267
|
+
function Nr(t, o) {
|
|
5268
5268
|
return p(), b("div", Ar, [
|
|
5269
5269
|
t.$slots.title ? (p(), b("div", Vr, [
|
|
5270
5270
|
M(t.$slots, "title")
|
|
5271
5271
|
])) : z("", !0),
|
|
5272
|
-
f("span",
|
|
5272
|
+
f("span", Ir, [
|
|
5273
5273
|
M(t.$slots, "default")
|
|
5274
5274
|
])
|
|
5275
5275
|
]);
|
|
5276
5276
|
}
|
|
5277
|
-
const Rr = /* @__PURE__ */ he(Er, [["render",
|
|
5277
|
+
const Rr = /* @__PURE__ */ he(Er, [["render", Nr]]), Mr = {}, Ur = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-primary-darker" };
|
|
5278
5278
|
function zr(t, o) {
|
|
5279
5279
|
return p(), b("div", Ur, [
|
|
5280
5280
|
M(t.$slots, "default")
|
|
@@ -5288,7 +5288,7 @@ const Lr = /* @__PURE__ */ he(Mr, [["render", zr]]), jr = /* @__PURE__ */ F({
|
|
|
5288
5288
|
},
|
|
5289
5289
|
emits: ["tab-opened"],
|
|
5290
5290
|
setup(t, { expose: o, emit: l }) {
|
|
5291
|
-
const e = t, n = l, a =
|
|
5291
|
+
const e = t, n = l, a = N([]), d = O(() => a.value.filter((q) => q.open).length > 0), c = N(), u = N(!1), r = N(!1), i = O(() => e.layout === "horizontal");
|
|
5292
5292
|
function s() {
|
|
5293
5293
|
if (c.value) {
|
|
5294
5294
|
const q = c.value.scrollWidth - c.value.clientWidth;
|
|
@@ -5405,7 +5405,7 @@ const Lr = /* @__PURE__ */ he(Mr, [["render", zr]]), jr = /* @__PURE__ */ F({
|
|
|
5405
5405
|
inert: e.disabled
|
|
5406
5406
|
}, [
|
|
5407
5407
|
M(e.$slots, "default", {}, () => [
|
|
5408
|
-
ue(
|
|
5408
|
+
ue(I(e.title), 1)
|
|
5409
5409
|
])
|
|
5410
5410
|
], 10, Br));
|
|
5411
5411
|
}
|
|
@@ -5418,7 +5418,7 @@ const Lr = /* @__PURE__ */ he(Mr, [["render", zr]]), jr = /* @__PURE__ */ F({
|
|
|
5418
5418
|
setup(t) {
|
|
5419
5419
|
return (o, l) => o.open ? (p(), b("div", Pr, [
|
|
5420
5420
|
M(o.$slots, "header", {}, () => [
|
|
5421
|
-
f("h4", Hr,
|
|
5421
|
+
f("h4", Hr, I(o.title), 1)
|
|
5422
5422
|
]),
|
|
5423
5423
|
M(o.$slots, "default")
|
|
5424
5424
|
])) : z("", !0);
|
|
@@ -5465,7 +5465,7 @@ const Lr = /* @__PURE__ */ he(Mr, [["render", zr]]), jr = /* @__PURE__ */ F({
|
|
|
5465
5465
|
"dragover",
|
|
5466
5466
|
"dragleave",
|
|
5467
5467
|
"drop"
|
|
5468
|
-
], c =
|
|
5468
|
+
], c = N(!1);
|
|
5469
5469
|
Fe(() => {
|
|
5470
5470
|
d.forEach((s) => {
|
|
5471
5471
|
document.body.addEventListener(s, (m) => m.preventDefault());
|
|
@@ -5475,12 +5475,12 @@ const Lr = /* @__PURE__ */ he(Mr, [["render", zr]]), jr = /* @__PURE__ */ F({
|
|
|
5475
5475
|
document.body.removeEventListener(s, (m) => m.preventDefault());
|
|
5476
5476
|
});
|
|
5477
5477
|
});
|
|
5478
|
-
const u =
|
|
5478
|
+
const u = N(null), r = N(null);
|
|
5479
5479
|
function i() {
|
|
5480
5480
|
u.value && (u.value.value = ""), r.value && (r.value.value = "");
|
|
5481
5481
|
}
|
|
5482
5482
|
return (s, m) => (p(), b("div", Qr, [
|
|
5483
|
-
s.uploaderType === "dragDrop" ? (p(), b("label",
|
|
5483
|
+
s.uploaderType === "dragDrop" ? (p(), b("label", te({ key: 0 }, s.$attrs, {
|
|
5484
5484
|
role: "button",
|
|
5485
5485
|
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", {
|
|
5486
5486
|
"cl-bg-grey-3 cl-border-grey-5 cl-cursor-default": s.disabled === !0,
|
|
@@ -5596,7 +5596,7 @@ export {
|
|
|
5596
5596
|
fi as CitrusLimeUI,
|
|
5597
5597
|
ce as DateFormat,
|
|
5598
5598
|
J as FilterOperation,
|
|
5599
|
-
|
|
5599
|
+
le as NumberFormat,
|
|
5600
5600
|
Kl as allQuickDates,
|
|
5601
5601
|
Ut as buttonColours,
|
|
5602
5602
|
zt as buttonSizes,
|