@citruslime/ui 3.0.0-beta.16 → 3.0.0-beta.17
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 +83 -82
- package/dist/citrus-lime-ui.umd.js +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Icon as Z } from "@iconify/vue";
|
|
2
|
-
import { defineComponent as F, ref as I, 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
|
|
2
|
+
import { defineComponent as F, ref as I, 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 ee, createBlock as P, Teleport as tl, renderList as re, toDisplayString as N, createCommentVNode as z, computed as O, mergeModels as ge, useModel as Ae, createSlots as Ne, vModelDynamic as Dl, watch as oe, toRefs as Jl, withKeys as me, onMounted as Fe, onUnmounted as Ye, withModifiers as le, nextTick as Me, resolveComponent as De, createTextVNode as ue, inject as ol, vModelCheckbox as Xl, toValue as vl, watchEffect as et, useAttrs as El, useCssVars as Al, vModelText as Vl, toHandlers as lt, provide as bl, normalizeStyle as tt, pushScopeId as ot, popScopeId as at } from "vue";
|
|
3
3
|
import { generateStringId as nt, highlightText as st, validateEmail as rt } from "@citruslime/utils";
|
|
4
4
|
import { unrefElement as it, tryOnScopeDispose as ct, onClickOutside as al, useTimeoutFn as Nl, useMouseInElement as ut, useFocusWithin as dt, useMediaQuery as Il, useThrottle as pt, useElementBounding as ft, useDebounceFn as mt, useWindowSize as gt } from "@vueuse/core";
|
|
5
5
|
import { useI18n as se, createI18n as vt } from "vue-i18n";
|
|
@@ -72,7 +72,7 @@ const yt = { class: "cl-overflow-hidden" }, wt = /* @__PURE__ */ F({
|
|
|
72
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
|
+
[ee, a.open]
|
|
76
76
|
])
|
|
77
77
|
]),
|
|
78
78
|
_: 3
|
|
@@ -197,7 +197,7 @@ const _e = /* @__PURE__ */ he(It, [["render", Mt], ["__scopeId", "data-v-a21dc5d
|
|
|
197
197
|
}
|
|
198
198
|
}), (e, n) => (p(), b(Y, null, [
|
|
199
199
|
Q(D(_e, { class: "relative" }, null, 512), [
|
|
200
|
-
[
|
|
200
|
+
[ee, e.loading]
|
|
201
201
|
]),
|
|
202
202
|
Q(f("button", te(e.$attrs, {
|
|
203
203
|
ref_key: "buttonRef",
|
|
@@ -218,7 +218,7 @@ const _e = /* @__PURE__ */ he(It, [["render", Mt], ["__scopeId", "data-v-a21dc5d
|
|
|
218
218
|
}), [
|
|
219
219
|
M(e.$slots, "default")
|
|
220
220
|
], 16, Ut), [
|
|
221
|
-
[
|
|
221
|
+
[ee, !e.loading]
|
|
222
222
|
])
|
|
223
223
|
], 64));
|
|
224
224
|
}
|
|
@@ -478,7 +478,7 @@ const Jt = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), Xt = {
|
|
|
478
478
|
}, [
|
|
479
479
|
D(g(Z), { icon: "ph:x" })
|
|
480
480
|
], 34), [
|
|
481
|
-
[
|
|
481
|
+
[ee, !r.preventClose]
|
|
482
482
|
]),
|
|
483
483
|
f("div", {
|
|
484
484
|
class: L(["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", {
|
|
@@ -495,7 +495,7 @@ const Jt = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), Xt = {
|
|
|
495
495
|
M(r.$slots, "footer", de(fe({ close: c })))
|
|
496
496
|
], 16)
|
|
497
497
|
], 512), [
|
|
498
|
-
[
|
|
498
|
+
[ee, e.value]
|
|
499
499
|
])
|
|
500
500
|
]),
|
|
501
501
|
_: 3
|
|
@@ -532,7 +532,7 @@ const Jt = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), Xt = {
|
|
|
532
532
|
icon: "ph:x"
|
|
533
533
|
})
|
|
534
534
|
], 544), [
|
|
535
|
-
[
|
|
535
|
+
[ee, o.showClearButton]
|
|
536
536
|
])
|
|
537
537
|
]));
|
|
538
538
|
}
|
|
@@ -592,7 +592,7 @@ const Jt = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), Xt = {
|
|
|
592
592
|
icon: "ph:plus"
|
|
593
593
|
})
|
|
594
594
|
], 512), [
|
|
595
|
-
[
|
|
595
|
+
[ee, i.isCreateNewOption]
|
|
596
596
|
])
|
|
597
597
|
], 34);
|
|
598
598
|
};
|
|
@@ -679,10 +679,10 @@ const Jt = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), Xt = {
|
|
|
679
679
|
"cl-overflow-y-hidden": A.loading
|
|
680
680
|
}]),
|
|
681
681
|
onKeydown: [
|
|
682
|
-
E[2] || (E[2] = me(
|
|
683
|
-
E[3] || (E[3] = me(
|
|
682
|
+
E[2] || (E[2] = me(le((v) => T(u.value), ["prevent", "stop"]), ["up"])),
|
|
683
|
+
E[3] || (E[3] = me(le((v) => k(u.value), ["prevent", "stop"]), ["down"]))
|
|
684
684
|
],
|
|
685
|
-
onKeyup: me(
|
|
685
|
+
onKeyup: me(le($, ["prevent", "stop"]), ["enter"])
|
|
686
686
|
}, [
|
|
687
687
|
A.loading ? (p(), b("div", so, [
|
|
688
688
|
D(_e)
|
|
@@ -906,7 +906,7 @@ const Jt = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), Xt = {
|
|
|
906
906
|
})
|
|
907
907
|
])
|
|
908
908
|
], 512), [
|
|
909
|
-
[
|
|
909
|
+
[ee, V.required && V.disabled === !1 && V.currentObject === null]
|
|
910
910
|
]),
|
|
911
911
|
u.value ? (p(), b("div", {
|
|
912
912
|
key: 1,
|
|
@@ -961,7 +961,7 @@ const Jt = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), Xt = {
|
|
|
961
961
|
onSearch: U,
|
|
962
962
|
onHideDropdown: H[4] || (H[4] = (Ve) => q(!1))
|
|
963
963
|
}, null, 8, ["can-create-new-object", "can-clear-selected-object", "loading", "results", "object-type", "object-parent-type", "error-message", "current-object-name", "is-visible", "class", "search-hint", "onCreateObject"]), [
|
|
964
|
-
[
|
|
964
|
+
[ee, u.value]
|
|
965
965
|
])
|
|
966
966
|
]),
|
|
967
967
|
footer: R(({ close: ae }) => [
|
|
@@ -1103,7 +1103,7 @@ const Ro = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Mo = { class: "cl-gap-1
|
|
|
1103
1103
|
size: "small",
|
|
1104
1104
|
colour: "default",
|
|
1105
1105
|
disabled: a.loading,
|
|
1106
|
-
onClick: d[0] || (d[0] =
|
|
1106
|
+
onClick: d[0] || (d[0] = le((c) => a.$emit("update:edit-mode", !a.editMode), ["prevent"]))
|
|
1107
1107
|
}, {
|
|
1108
1108
|
default: R(() => [
|
|
1109
1109
|
a.editMode ? (p(), b(Y, { key: 0 }, [
|
|
@@ -1123,7 +1123,7 @@ const Ro = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Mo = { class: "cl-gap-1
|
|
|
1123
1123
|
class: "cl-w-full",
|
|
1124
1124
|
size: "small",
|
|
1125
1125
|
disabled: a.loading,
|
|
1126
|
-
onClick: d[1] || (d[1] =
|
|
1126
|
+
onClick: d[1] || (d[1] = le((c) => a.$emit("update:filterPanelOpen", !a.filterPanelOpen), ["prevent"]))
|
|
1127
1127
|
}, {
|
|
1128
1128
|
default: R(() => [
|
|
1129
1129
|
ue(N(g(l)("grid.modifyFilters")), 1)
|
|
@@ -1140,7 +1140,7 @@ const Ro = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Mo = { class: "cl-gap-1
|
|
|
1140
1140
|
class: L({
|
|
1141
1141
|
"cl-col-span-2": a.columns.some((c) => c.editable)
|
|
1142
1142
|
}),
|
|
1143
|
-
onClick: d[2] || (d[2] =
|
|
1143
|
+
onClick: d[2] || (d[2] = le((c) => a.$emit("clear-filters"), ["prevent"]))
|
|
1144
1144
|
}, {
|
|
1145
1145
|
default: R(() => [
|
|
1146
1146
|
ue(N(g(l)("grid.clearFilters")), 1)
|
|
@@ -1188,7 +1188,7 @@ const Ro = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Mo = { class: "cl-gap-1
|
|
|
1188
1188
|
type: "checkbox",
|
|
1189
1189
|
required: d.required,
|
|
1190
1190
|
disabled: d.disabled,
|
|
1191
|
-
onKeydown: c[1] || (c[1] = me(
|
|
1191
|
+
onKeydown: c[1] || (c[1] = me(le((u) => {
|
|
1192
1192
|
e.value = !e.value;
|
|
1193
1193
|
}, ["stop", "prevent"]), ["enter"])),
|
|
1194
1194
|
onFocus: c[2] || (c[2] = (u) => n("focus")),
|
|
@@ -1209,7 +1209,7 @@ const Ro = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Mo = { class: "cl-gap-1
|
|
|
1209
1209
|
]), 1032, ["show-required-asterisk", "errors"]));
|
|
1210
1210
|
}
|
|
1211
1211
|
}), sl = /* @__PURE__ */ he(Po, [["__scopeId", "data-v-d8bbd8db"]]);
|
|
1212
|
-
var
|
|
1212
|
+
var X = /* @__PURE__ */ ((t) => (t.CURRENCY = "currency", t.PERCENTAGE = "percentage", t.INTEGER = "integer", t.DECIMAL = "decimal", t.MULTIPLIER = "multiplier", t))(X || {}), 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 Ho = {
|
|
1214
1214
|
"en-GB": {
|
|
1215
1215
|
comboBox: {
|
|
@@ -1313,20 +1313,20 @@ const Ho = {
|
|
|
1313
1313
|
}
|
|
1314
1314
|
}, Wo = {
|
|
1315
1315
|
"en-GB": {
|
|
1316
|
-
[
|
|
1316
|
+
[X.PERCENTAGE]: {
|
|
1317
1317
|
style: "percent",
|
|
1318
1318
|
maximumFractionDigits: 2,
|
|
1319
1319
|
minimumFractionDigits: 0
|
|
1320
1320
|
},
|
|
1321
|
-
[
|
|
1321
|
+
[X.INTEGER]: {
|
|
1322
1322
|
maximumFractionDigits: 0,
|
|
1323
1323
|
minimumFractionDigits: 0
|
|
1324
1324
|
},
|
|
1325
|
-
[
|
|
1325
|
+
[X.DECIMAL]: {
|
|
1326
1326
|
maximumFractionDigits: 2,
|
|
1327
1327
|
minimumFractionDigits: 1
|
|
1328
1328
|
},
|
|
1329
|
-
[
|
|
1329
|
+
[X.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 { locale: Go, getNumberFormat: Ko } = be.global, rl =
|
|
1407
|
+
const { locale: Go, getNumberFormat: Ko } = be.global, rl = X.DECIMAL;
|
|
1408
1408
|
function Oe(t) {
|
|
1409
|
-
return Se(t,
|
|
1409
|
+
return Se(t, X.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, X.DECIMAL, { additionalOptions: {
|
|
1416
1416
|
minimumFractionDigits: 0,
|
|
1417
1417
|
maximumFractionDigits: o
|
|
1418
1418
|
} });
|
|
@@ -1513,7 +1513,7 @@ function Be(t, o) {
|
|
|
1513
1513
|
};
|
|
1514
1514
|
}
|
|
1515
1515
|
function ul(t) {
|
|
1516
|
-
return xo(t) ? t :
|
|
1516
|
+
return xo(t) ? t : X.CURRENCY;
|
|
1517
1517
|
}
|
|
1518
1518
|
function Xe(t) {
|
|
1519
1519
|
return t.includes("{0}");
|
|
@@ -1721,13 +1721,13 @@ const la = {
|
|
|
1721
1721
|
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 = st(u, o.searchValue.split(" "))), o.column.format === "wrap-text" && (u = `<span class="cl-break-words cl-whitespace-pre-wrap">${u}</span>`), u;
|
|
1722
1722
|
}
|
|
1723
1723
|
function c(u, r) {
|
|
1724
|
-
return o.column.format ===
|
|
1724
|
+
return o.column.format === X.INTEGER ? Se(u, X.DECIMAL, {
|
|
1725
1725
|
locale: r,
|
|
1726
1726
|
additionalOptions: {
|
|
1727
1727
|
maximumFractionDigits: 0,
|
|
1728
1728
|
minimumFractionDigits: 0
|
|
1729
1729
|
}
|
|
1730
|
-
}) : Se(u, o.column.format ??
|
|
1730
|
+
}) : Se(u, o.column.format ?? X.DECIMAL, { locale: r });
|
|
1731
1731
|
}
|
|
1732
1732
|
return (u, r) => {
|
|
1733
1733
|
var i;
|
|
@@ -1957,7 +1957,7 @@ const la = {
|
|
|
1957
1957
|
D($e, {
|
|
1958
1958
|
size: "small",
|
|
1959
1959
|
colour: "danger",
|
|
1960
|
-
onClick: k[0] || (k[0] =
|
|
1960
|
+
onClick: k[0] || (k[0] = le(($) => h.$emit("clear-filters"), ["prevent"]))
|
|
1961
1961
|
}, {
|
|
1962
1962
|
default: R(() => [
|
|
1963
1963
|
ue(N(g(n)("grid.clearFilters")), 1)
|
|
@@ -1976,7 +1976,7 @@ const la = {
|
|
|
1976
1976
|
__name: "cl-ui-input-number",
|
|
1977
1977
|
props: /* @__PURE__ */ ge({
|
|
1978
1978
|
errors: { default: () => [] },
|
|
1979
|
-
format: { default:
|
|
1979
|
+
format: { default: X.DECIMAL },
|
|
1980
1980
|
locale: { default: null },
|
|
1981
1981
|
currency: { default: null },
|
|
1982
1982
|
required: { type: Boolean, default: !1 },
|
|
@@ -1998,6 +1998,7 @@ const la = {
|
|
|
1998
1998
|
i.value ? a("focus") : (x(S.value, !0), q.value = void 0, a("blur"));
|
|
1999
1999
|
});
|
|
2000
2000
|
const m = O(() => ({
|
|
2001
|
+
style: e.format === X.CURRENCY ? "currency" : void 0,
|
|
2001
2002
|
currency: e.currency || void 0,
|
|
2002
2003
|
currencyDisplay: "narrowSymbol",
|
|
2003
2004
|
minimumFractionDigits: e.precision,
|
|
@@ -2005,7 +2006,7 @@ const la = {
|
|
|
2005
2006
|
})), h = O(() => e.format ? il(e.format, {
|
|
2006
2007
|
locale: e.locale,
|
|
2007
2008
|
additionalOptions: m.value
|
|
2008
|
-
}) : m.value), k = O(() => Math.pow(10, h.value.maximumFractionDigits ?? 0)), T = O(() => Math.pow(10, e.format ===
|
|
2009
|
+
}) : m.value), k = O(() => Math.pow(10, h.value.maximumFractionDigits ?? 0)), T = O(() => Math.pow(10, e.format === X.PERCENTAGE ? 2 : 0)), $ = O(() => k.value * T.value), q = I(void 0);
|
|
2009
2010
|
oe(n, () => q.value = void 0);
|
|
2010
2011
|
const U = O({
|
|
2011
2012
|
get: () => q.value ? E(q.value) : n.value,
|
|
@@ -2022,7 +2023,7 @@ const la = {
|
|
|
2022
2023
|
n.value = null;
|
|
2023
2024
|
else if (v !== "") {
|
|
2024
2025
|
let _ = typeof v == "number" ? v : E(v);
|
|
2025
|
-
C && e.format ===
|
|
2026
|
+
C && e.format === X.PERCENTAGE && (_ = _ / T.value), isNaN(_) === !1 && (n.value = B(Math.round(_ * $.value) / $.value));
|
|
2026
2027
|
}
|
|
2027
2028
|
}
|
|
2028
2029
|
function A(v) {
|
|
@@ -2069,15 +2070,15 @@ const la = {
|
|
|
2069
2070
|
value: S.value,
|
|
2070
2071
|
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",
|
|
2071
2072
|
type: "text",
|
|
2072
|
-
inputmode: v.format === g(
|
|
2073
|
+
inputmode: v.format === g(X).DECIMAL && v.precision === 0 ? "numeric" : "decimal",
|
|
2073
2074
|
required: v.required,
|
|
2074
2075
|
disabled: v.disabled,
|
|
2075
2076
|
placeholder: v.placeholder ?? void 0,
|
|
2076
2077
|
onInput: C[0] || (C[0] = (K) => S.value = K.target.value),
|
|
2077
2078
|
onKeydown: [
|
|
2078
|
-
C[1] || (C[1] = me(
|
|
2079
|
-
C[2] || (C[2] = me(
|
|
2080
|
-
C[3] || (C[3] = me(
|
|
2079
|
+
C[1] || (C[1] = me(le((K) => x(K.target.value, !0), ["stop", "prevent"]), ["enter"])),
|
|
2080
|
+
C[2] || (C[2] = me(le((K) => y(!0), ["stop", "prevent"]), ["down"])),
|
|
2081
|
+
C[3] || (C[3] = me(le((K) => y(!1), ["stop", "prevent"]), ["up"]))
|
|
2081
2082
|
]
|
|
2082
2083
|
}), null, 16, ga)),
|
|
2083
2084
|
Q(f("div", va, [
|
|
@@ -2086,8 +2087,8 @@ const la = {
|
|
|
2086
2087
|
disabled: v.disabled,
|
|
2087
2088
|
onClick: C[4] || (C[4] = (K) => y(!1)),
|
|
2088
2089
|
onKeydown: [
|
|
2089
|
-
C[5] || (C[5] = me(
|
|
2090
|
-
C[6] || (C[6] = me(
|
|
2090
|
+
C[5] || (C[5] = me(le((K) => y(!0), ["stop", "prevent"]), ["down"])),
|
|
2091
|
+
C[6] || (C[6] = me(le((K) => y(!1), ["stop", "prevent"]), ["up"]))
|
|
2091
2092
|
]
|
|
2092
2093
|
}, [
|
|
2093
2094
|
D(_, { icon: "ph:caret-up-bold" })
|
|
@@ -2097,14 +2098,14 @@ const la = {
|
|
|
2097
2098
|
disabled: v.disabled,
|
|
2098
2099
|
onClick: C[7] || (C[7] = (K) => y(!0)),
|
|
2099
2100
|
onKeydown: [
|
|
2100
|
-
C[8] || (C[8] = me(
|
|
2101
|
-
C[9] || (C[9] = me(
|
|
2101
|
+
C[8] || (C[8] = me(le((K) => y(!0), ["stop", "prevent"]), ["down"])),
|
|
2102
|
+
C[9] || (C[9] = me(le((K) => y(!1), ["stop", "prevent"]), ["up"]))
|
|
2102
2103
|
]
|
|
2103
2104
|
}, [
|
|
2104
2105
|
D(_, { icon: "ph:caret-down-bold" })
|
|
2105
2106
|
], 40, ha)
|
|
2106
2107
|
], 512), [
|
|
2107
|
-
[
|
|
2108
|
+
[ee, s.value && !v.disabled]
|
|
2108
2109
|
])
|
|
2109
2110
|
], 512)
|
|
2110
2111
|
]),
|
|
@@ -2201,7 +2202,7 @@ const la = {
|
|
|
2201
2202
|
size: 14
|
|
2202
2203
|
})
|
|
2203
2204
|
], 512), [
|
|
2204
|
-
[
|
|
2205
|
+
[ee, i.request.pageNumber > 1]
|
|
2205
2206
|
]),
|
|
2206
2207
|
Q(f("li", {
|
|
2207
2208
|
class: "cl-cursor-pointer cl-mt-1 lg:cl-mr-2 mr-1",
|
|
@@ -2212,7 +2213,7 @@ const la = {
|
|
|
2212
2213
|
size: 14
|
|
2213
2214
|
})
|
|
2214
2215
|
], 512), [
|
|
2215
|
-
[
|
|
2216
|
+
[ee, i.request.pageNumber > 1]
|
|
2216
2217
|
]),
|
|
2217
2218
|
(p(!0), b(Y, null, re(d.value, (k, T) => (p(), b("li", {
|
|
2218
2219
|
key: T,
|
|
@@ -2231,7 +2232,7 @@ const la = {
|
|
|
2231
2232
|
size: 14
|
|
2232
2233
|
})
|
|
2233
2234
|
], 512), [
|
|
2234
|
-
[
|
|
2235
|
+
[ee, i.request.pageNumber < a.value]
|
|
2235
2236
|
]),
|
|
2236
2237
|
Q(f("li", {
|
|
2237
2238
|
class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
|
|
@@ -2242,7 +2243,7 @@ const la = {
|
|
|
2242
2243
|
size: 14
|
|
2243
2244
|
})
|
|
2244
2245
|
], 512), [
|
|
2245
|
-
[
|
|
2246
|
+
[ee, i.request.pageNumber < a.value]
|
|
2246
2247
|
])
|
|
2247
2248
|
])
|
|
2248
2249
|
]),
|
|
@@ -2781,7 +2782,7 @@ const La = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, ja = ["onClick"], Ba =
|
|
|
2781
2782
|
]),
|
|
2782
2783
|
f("div", Ya, N(g(el)(g(r), s.precision)), 1)
|
|
2783
2784
|
], 512), [
|
|
2784
|
-
[
|
|
2785
|
+
[ee, u.value === !1]
|
|
2785
2786
|
]),
|
|
2786
2787
|
Q(D(Pe, te({
|
|
2787
2788
|
ref_key: "inputRef",
|
|
@@ -2796,7 +2797,7 @@ const La = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, ja = ["onClick"], Ba =
|
|
|
2796
2797
|
disabled: s.disabled,
|
|
2797
2798
|
max: s.max
|
|
2798
2799
|
}), null, 16, ["modelValue", "min", "precision", "placeholder", "disabled", "max"]), [
|
|
2799
|
-
[
|
|
2800
|
+
[ee, u.value]
|
|
2800
2801
|
])
|
|
2801
2802
|
]),
|
|
2802
2803
|
f("button", {
|
|
@@ -2910,13 +2911,13 @@ const La = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, ja = ["onClick"], Ba =
|
|
|
2910
2911
|
key: 0,
|
|
2911
2912
|
class: "cl-cursor-pointer hover:cl-text-link-light",
|
|
2912
2913
|
icon: "ph:arrow-counter-clockwise",
|
|
2913
|
-
onClick: u[2] || (u[2] =
|
|
2914
|
+
onClick: u[2] || (u[2] = le((r) => c.$emit("reset"), ["prevent"]))
|
|
2914
2915
|
})) : z("", !0),
|
|
2915
2916
|
!c.required && c.date && (c.type !== "time" || c.date !== "00:00") ? (p(), P(g(Z), {
|
|
2916
2917
|
key: 1,
|
|
2917
2918
|
class: "cl-cursor-pointer clear-icon hover:cl-text-link-light md:cl-ml-0.5",
|
|
2918
2919
|
icon: "ph:x",
|
|
2919
|
-
onClick: u[3] || (u[3] =
|
|
2920
|
+
onClick: u[3] || (u[3] = le((r) => c.$emit("clear"), ["prevent"]))
|
|
2920
2921
|
})) : z("", !0)
|
|
2921
2922
|
]))
|
|
2922
2923
|
]));
|
|
@@ -3295,7 +3296,7 @@ const gn = {
|
|
|
3295
3296
|
class: L(["cl-cursor-pointer cl-px-4 cl-py-1 cl-transition-colors cl-w-full hover:cl-bg-grey-0", {
|
|
3296
3297
|
"cl-bg-primary-default cl-opacity-80": h.method === ((T = d.value) == null ? void 0 : T.method)
|
|
3297
3298
|
}]),
|
|
3298
|
-
onClick:
|
|
3299
|
+
onClick: le(($) => c(h.method), ["prevent"])
|
|
3299
3300
|
}, [
|
|
3300
3301
|
ue(N(h.description) + " ", 1),
|
|
3301
3302
|
D(g(Z), {
|
|
@@ -3338,7 +3339,7 @@ const gn = {
|
|
|
3338
3339
|
const c = O({
|
|
3339
3340
|
get: () => l.filter,
|
|
3340
3341
|
set: (y) => e("update:filter", y)
|
|
3341
|
-
}), 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 ===
|
|
3342
|
+
}), 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 === X.INTEGER ? X.DECIMAL : l.column.format ?? X.DECIMAL), h = O({
|
|
3342
3343
|
get() {
|
|
3343
3344
|
var v, C, _, K, ve, ne, V;
|
|
3344
3345
|
let y = (v = c.value) == null ? void 0 : v[0];
|
|
@@ -3486,7 +3487,7 @@ const gn = {
|
|
|
3486
3487
|
function x(y, v) {
|
|
3487
3488
|
let C = (y == null ? void 0 : y.value) ?? v ?? 0;
|
|
3488
3489
|
if (typeof C == "string") {
|
|
3489
|
-
const _ = l.column.format ===
|
|
3490
|
+
const _ = l.column.format === X.INTEGER, K = (_ ? X.DECIMAL : l.column.format) ?? X.DECIMAL;
|
|
3490
3491
|
C = Ll(C, K, { additionalOptions: {
|
|
3491
3492
|
maximumFractionDigits: _ ? 0 : void 0,
|
|
3492
3493
|
minimumFractionDigits: _ ? 0 : void 0
|
|
@@ -3555,7 +3556,7 @@ const gn = {
|
|
|
3555
3556
|
id: `${g(E)}-${y.column.name}`,
|
|
3556
3557
|
"model-value": $.value === "" || isNaN(+$.value) ? null : +$.value,
|
|
3557
3558
|
format: m.value,
|
|
3558
|
-
precision: y.column.format === g(
|
|
3559
|
+
precision: y.column.format === g(X).INTEGER ? 0 : g(il)(m.value, { locale: g(a) }).maximumFractionDigits,
|
|
3559
3560
|
class: "cl-border-none cl-font-normal cl-h-[2rem] cl-mb-0 cl-text-xs cl-w-full lg:cl-text-base",
|
|
3560
3561
|
disabled: y.loading,
|
|
3561
3562
|
readonly: y.loading,
|
|
@@ -3659,13 +3660,13 @@ const gn = {
|
|
|
3659
3660
|
class: "cl-inline-block",
|
|
3660
3661
|
icon: "ph:caret-up"
|
|
3661
3662
|
}, null, 512), [
|
|
3662
|
-
[
|
|
3663
|
+
[ee, d(s, !0)]
|
|
3663
3664
|
]),
|
|
3664
3665
|
Q(D(g(Z), {
|
|
3665
3666
|
class: "cl-inline-block",
|
|
3666
3667
|
icon: "ph:caret-down"
|
|
3667
3668
|
}, null, 512), [
|
|
3668
|
-
[
|
|
3669
|
+
[ee, d(s, !1)]
|
|
3669
3670
|
])
|
|
3670
3671
|
], 10, Ln))), 128))
|
|
3671
3672
|
]),
|
|
@@ -3679,7 +3680,7 @@ const gn = {
|
|
|
3679
3680
|
class: "cl-text-grey-4 hover:cl-cursor-pointer hover:cl-text-link-default",
|
|
3680
3681
|
icon: "ph:x",
|
|
3681
3682
|
size: 16,
|
|
3682
|
-
onClick: i[0] || (i[0] =
|
|
3683
|
+
onClick: i[0] || (i[0] = le((s) => r.loading === !1 ? r.$emit("update:filterPanelOpen", !1) : void 0, ["prevent"]))
|
|
3683
3684
|
})
|
|
3684
3685
|
]),
|
|
3685
3686
|
(p(!0), b(Y, null, re(r.columns, (s, m) => (p(), b("th", {
|
|
@@ -3777,7 +3778,7 @@ const gn = {
|
|
|
3777
3778
|
D(i, {
|
|
3778
3779
|
class: "cl-absolute cl-cursor-pointer cl-right-1 cl-text-grey-4 cl-top-3 cl-z-10 hover:cl-text-link-light lg:cl-right-4",
|
|
3779
3780
|
icon: "ph:x-bold",
|
|
3780
|
-
onClick: r[3] || (r[3] =
|
|
3781
|
+
onClick: r[3] || (r[3] = le((s) => d(""), ["prevent"]))
|
|
3781
3782
|
})
|
|
3782
3783
|
])
|
|
3783
3784
|
]);
|
|
@@ -3809,7 +3810,7 @@ const gn = {
|
|
|
3809
3810
|
class: "cl-w-full",
|
|
3810
3811
|
size: "small",
|
|
3811
3812
|
disabled: r.loading,
|
|
3812
|
-
onClick: i[0] || (i[0] =
|
|
3813
|
+
onClick: i[0] || (i[0] = le((s) => a.value = !0, ["prevent"]))
|
|
3813
3814
|
}), {
|
|
3814
3815
|
default: R(() => [
|
|
3815
3816
|
ue(N(g(n)("grid.manageView")), 1)
|
|
@@ -3865,7 +3866,7 @@ const gn = {
|
|
|
3865
3866
|
])
|
|
3866
3867
|
])
|
|
3867
3868
|
], 512), [
|
|
3868
|
-
[
|
|
3869
|
+
[ee, a.value]
|
|
3869
3870
|
])
|
|
3870
3871
|
]),
|
|
3871
3872
|
_: 1
|
|
@@ -3965,7 +3966,7 @@ const gn = {
|
|
|
3965
3966
|
Q(f("div", is, [
|
|
3966
3967
|
D(_e, { class: "after:!cl-h-20 after:!cl-w-20 cl-h-20 cl-w-20" })
|
|
3967
3968
|
], 512), [
|
|
3968
|
-
[
|
|
3969
|
+
[ee, E.loading]
|
|
3969
3970
|
])
|
|
3970
3971
|
]),
|
|
3971
3972
|
_: 1
|
|
@@ -4135,7 +4136,7 @@ const gn = {
|
|
|
4135
4136
|
Q(f("div", ys, [
|
|
4136
4137
|
M(o.$slots, "default")
|
|
4137
4138
|
], 512), [
|
|
4138
|
-
[
|
|
4139
|
+
[ee, o.isOpen]
|
|
4139
4140
|
])
|
|
4140
4141
|
]),
|
|
4141
4142
|
_: 3
|
|
@@ -4428,7 +4429,7 @@ const gn = {
|
|
|
4428
4429
|
"cl-bg-grey-0": r.disabled
|
|
4429
4430
|
}]),
|
|
4430
4431
|
onClick: i[0] || (i[0] = (s) => e.value = r.disabled ? e.value : r.min)
|
|
4431
|
-
}, N(Number.isInteger(r.min) ? g(Oe)(r.min) : g(Se)(r.min, g(
|
|
4432
|
+
}, N(Number.isInteger(r.min) ? g(Oe)(r.min) : g(Se)(r.min, g(X).DECIMAL)), 3),
|
|
4432
4433
|
f("div", Ss, [
|
|
4433
4434
|
u.value ? (p(), P(Pe, {
|
|
4434
4435
|
key: 0,
|
|
@@ -4437,8 +4438,8 @@ const gn = {
|
|
|
4437
4438
|
modelValue: e.value,
|
|
4438
4439
|
"onUpdate:modelValue": i[1] || (i[1] = (s) => e.value = s),
|
|
4439
4440
|
class: "cl-min-w-[8.5rem] cl-w-full",
|
|
4440
|
-
format: g(
|
|
4441
|
-
precision: Number.isInteger(r.min) ? 0 : g(il)(g(
|
|
4441
|
+
format: g(X).DECIMAL,
|
|
4442
|
+
precision: Number.isInteger(r.min) ? 0 : g(il)(g(X).DECIMAL).maximumFractionDigits,
|
|
4442
4443
|
min: r.min,
|
|
4443
4444
|
max: r.max,
|
|
4444
4445
|
step: r.step,
|
|
@@ -4468,7 +4469,7 @@ const gn = {
|
|
|
4468
4469
|
{ number: !0 }
|
|
4469
4470
|
]
|
|
4470
4471
|
]),
|
|
4471
|
-
f("div", As, N(Number.isInteger(e.value) ? g(Oe)(e.value) : g(Se)(e.value, g(
|
|
4472
|
+
f("div", As, N(Number.isInteger(e.value) ? g(Oe)(e.value) : g(Se)(e.value, g(X).DECIMAL)), 1)
|
|
4472
4473
|
], 64))
|
|
4473
4474
|
]),
|
|
4474
4475
|
f("span", {
|
|
@@ -4477,7 +4478,7 @@ const gn = {
|
|
|
4477
4478
|
"cl-bg-grey-0": r.disabled
|
|
4478
4479
|
}]),
|
|
4479
4480
|
onClick: i[3] || (i[3] = (s) => e.value = r.disabled ? e.value : r.max)
|
|
4480
|
-
}, N(Number.isInteger(r.max) ? g(Oe)(r.max) : g(Se)(r.max, g(
|
|
4481
|
+
}, N(Number.isInteger(r.max) ? g(Oe)(r.max) : g(Se)(r.max, g(X).DECIMAL)), 3),
|
|
4481
4482
|
f("div", Vs, [
|
|
4482
4483
|
f("div", {
|
|
4483
4484
|
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",
|
|
@@ -4728,7 +4729,7 @@ const zs = { class: "cl-flex cl-justify-between" }, Ls = { class: "cl-w-full" },
|
|
|
4728
4729
|
f("div", zs, [
|
|
4729
4730
|
f("div", Ls, [
|
|
4730
4731
|
Q(f("label", { class: "cl-block cl-mb-1 cl-text-grey-4 cl-text-xs cl-tracking-widest" }, N(w.label), 513), [
|
|
4731
|
-
[
|
|
4732
|
+
[ee, w.showLabel && w.label !== ""]
|
|
4732
4733
|
])
|
|
4733
4734
|
]),
|
|
4734
4735
|
r.value ? (p(), b("label", js, " * ")) : w.isRequired && w.requiredText.length ? (p(), b("label", Bs, N(w.requiredText), 1)) : z("", !0)
|
|
@@ -4762,7 +4763,7 @@ const zs = { class: "cl-flex cl-justify-between" }, Ls = { class: "cl-w-full" },
|
|
|
4762
4763
|
autocomplete: w.autocomplete,
|
|
4763
4764
|
onClick: j[1] || (j[1] = (G) => K(G)),
|
|
4764
4765
|
onFocus: j[2] || (j[2] = (G) => n("focus")),
|
|
4765
|
-
onBlur:
|
|
4766
|
+
onBlur: le(He, ["self"]),
|
|
4766
4767
|
onMousewheelPassive: ae,
|
|
4767
4768
|
onInput: j[3] || (j[3] = (G) => {
|
|
4768
4769
|
n("input", G, g(Sl)(G, w.inputType));
|
|
@@ -4781,18 +4782,18 @@ const zs = { class: "cl-flex cl-justify-between" }, Ls = { class: "cl-w-full" },
|
|
|
4781
4782
|
icon: "ph:caret-up-bold",
|
|
4782
4783
|
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",
|
|
4783
4784
|
onClick: ve,
|
|
4784
|
-
onMousedown: j[4] || (j[4] =
|
|
4785
|
+
onMousedown: j[4] || (j[4] = le(() => {
|
|
4785
4786
|
}, ["prevent"]))
|
|
4786
4787
|
}),
|
|
4787
4788
|
D(g(Z), {
|
|
4788
4789
|
icon: "ph:caret-down-bold",
|
|
4789
4790
|
class: "cl-absolute cl-bg-link-default cl-bottom-2 cl-right-1 cl-rounded-full cl-text-sm cl-text-white hover:cl-bg-link-light hover:cl-cursor-pointer",
|
|
4790
4791
|
onClick: ne,
|
|
4791
|
-
onMousedown: j[5] || (j[5] =
|
|
4792
|
+
onMousedown: j[5] || (j[5] = le(() => {
|
|
4792
4793
|
}, ["prevent"]))
|
|
4793
4794
|
})
|
|
4794
4795
|
], 512)), [
|
|
4795
|
-
[
|
|
4796
|
+
[ee, c.value]
|
|
4796
4797
|
]) : z("", !0)
|
|
4797
4798
|
]),
|
|
4798
4799
|
_: 1
|
|
@@ -4837,7 +4838,7 @@ const zs = { class: "cl-flex cl-justify-between" }, Ls = { class: "cl-w-full" },
|
|
|
4837
4838
|
"initial-date": w.initialDate,
|
|
4838
4839
|
"quick-date-scope": w.quickDateScope,
|
|
4839
4840
|
"date-format-locale": w.dateFormatLocale,
|
|
4840
|
-
onBlur:
|
|
4841
|
+
onBlur: le(H, ["self"]),
|
|
4841
4842
|
onFocus: j[10] || (j[10] = (G) => n("focus"))
|
|
4842
4843
|
}), 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", Zs, [
|
|
4843
4844
|
D(g(Rs), {
|
|
@@ -4851,7 +4852,7 @@ const zs = { class: "cl-flex cl-justify-between" }, Ls = { class: "cl-w-full" },
|
|
|
4851
4852
|
placeholder: i.value,
|
|
4852
4853
|
"enforce-step": !0,
|
|
4853
4854
|
disabled: w.disabled,
|
|
4854
|
-
onBlur:
|
|
4855
|
+
onBlur: le(H, ["self"]),
|
|
4855
4856
|
onFocus: j[12] || (j[12] = (G) => n("focus"))
|
|
4856
4857
|
}, null, 8, ["value", "min", "max", "step", "placeholder", "disabled"])
|
|
4857
4858
|
])) : z("", !0)
|
|
@@ -4946,7 +4947,7 @@ const Xs = {
|
|
|
4946
4947
|
f("span", tr, N(m.nativeName), 1)
|
|
4947
4948
|
], 8, lr))), 128))
|
|
4948
4949
|
], 512), [
|
|
4949
|
-
[
|
|
4950
|
+
[ee, a.value]
|
|
4950
4951
|
])
|
|
4951
4952
|
]),
|
|
4952
4953
|
_: 1
|
|
@@ -5042,7 +5043,7 @@ const Xs = {
|
|
|
5042
5043
|
size: 18,
|
|
5043
5044
|
onClick: s[1] || (s[1] = (m) => d.value = "text")
|
|
5044
5045
|
}, null, 512), [
|
|
5045
|
-
[
|
|
5046
|
+
[ee, d.value === "password"]
|
|
5046
5047
|
]),
|
|
5047
5048
|
Q(D(g(Z), {
|
|
5048
5049
|
class: "cl-absolute cl-cursor-pointer cl-right-4 cl-top-3 cl-z-10",
|
|
@@ -5050,7 +5051,7 @@ const Xs = {
|
|
|
5050
5051
|
size: 18,
|
|
5051
5052
|
onClick: s[2] || (s[2] = (m) => d.value = "password")
|
|
5052
5053
|
}, null, 512), [
|
|
5053
|
-
[
|
|
5054
|
+
[ee, d.value === "text"]
|
|
5054
5055
|
]),
|
|
5055
5056
|
D(Ee, {
|
|
5056
5057
|
id: "cl-ui-login-passwordinput",
|
|
@@ -5081,7 +5082,7 @@ const Xs = {
|
|
|
5081
5082
|
colour: "blue",
|
|
5082
5083
|
loading: i.loading,
|
|
5083
5084
|
disabled: !c.value || a.value === "",
|
|
5084
|
-
onClick:
|
|
5085
|
+
onClick: le(u, ["prevent"])
|
|
5085
5086
|
}, {
|
|
5086
5087
|
default: R(() => [
|
|
5087
5088
|
ue(N(g(e)("login.login")), 1)
|
|
@@ -5101,7 +5102,7 @@ const Xs = {
|
|
|
5101
5102
|
class: "cl-font-semibold"
|
|
5102
5103
|
}, N(h), 1))), 128))
|
|
5103
5104
|
], 512), [
|
|
5104
|
-
[
|
|
5105
|
+
[ee, (m = i.errors) == null ? void 0 : m.length]
|
|
5105
5106
|
])
|
|
5106
5107
|
];
|
|
5107
5108
|
}),
|
|
@@ -5209,7 +5210,7 @@ const Xs = {
|
|
|
5209
5210
|
M($.$slots, "default", de(fe({ groupIsOpen: d })), void 0, !0)
|
|
5210
5211
|
])
|
|
5211
5212
|
], 2), [
|
|
5212
|
-
[
|
|
5213
|
+
[ee, a.value]
|
|
5213
5214
|
])
|
|
5214
5215
|
]),
|
|
5215
5216
|
_: 3
|
|
@@ -5376,7 +5377,7 @@ const Lr = /* @__PURE__ */ he(Mr, [["render", zr]]), jr = /* @__PURE__ */ F({
|
|
|
5376
5377
|
Q(f("div", null, [
|
|
5377
5378
|
M(q.$slots, "content", de(fe({ isTabOpen: k })))
|
|
5378
5379
|
], 512), [
|
|
5379
|
-
[
|
|
5380
|
+
[ee, d.value]
|
|
5380
5381
|
])
|
|
5381
5382
|
], 2));
|
|
5382
5383
|
}
|
|
@@ -5489,7 +5490,7 @@ const Lr = /* @__PURE__ */ he(Mr, [["render", zr]]), jr = /* @__PURE__ */ F({
|
|
|
5489
5490
|
"cl-bg-opacity-40 hover:cl-bg-opacity-40": c.value === !0 && s.disabled === !1,
|
|
5490
5491
|
"cl-bg-opacity-10 hover:cl-bg-opacity-40": c.value === !1 && s.disabled === !1
|
|
5491
5492
|
}],
|
|
5492
|
-
onDrop:
|
|
5493
|
+
onDrop: le(n, ["prevent"]),
|
|
5493
5494
|
onDragenter: m[0] || (m[0] = (h) => c.value = !0),
|
|
5494
5495
|
onDragleave: m[1] || (m[1] = (h) => c.value = !1)
|
|
5495
5496
|
}), [
|
|
@@ -5597,7 +5598,7 @@ export {
|
|
|
5597
5598
|
fi as CitrusLimeUI,
|
|
5598
5599
|
ce as DateFormat,
|
|
5599
5600
|
J as FilterOperation,
|
|
5600
|
-
|
|
5601
|
+
X as NumberFormat,
|
|
5601
5602
|
Zl as allQuickDates,
|
|
5602
5603
|
zt as buttonColours,
|
|
5603
5604
|
Lt as buttonSizes,
|