@citruslime/ui 4.0.0-beta.25 → 4.0.0-beta.26
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 +605 -605
- package/dist/citrus-lime-ui.umd.js +2 -2
- package/dist/ui.css +1 -1
- package/package.json +5 -1
|
@@ -8,7 +8,7 @@ import { copy as ye } from "@citruslime/vue-utils";
|
|
|
8
8
|
import { DateTime as J } from "luxon";
|
|
9
9
|
import { DatePicker as He } from "v-calendar";
|
|
10
10
|
import { useCurrencyInput as Xt } from "vue-currency-input";
|
|
11
|
-
const xt = { class: "cl
|
|
11
|
+
const xt = { class: "cl:overflow-hidden" }, _t = /* @__PURE__ */ F({
|
|
12
12
|
__name: "cl-ui-accordion",
|
|
13
13
|
props: {
|
|
14
14
|
exclusive: { type: Boolean, default: !1 }
|
|
@@ -32,7 +32,7 @@ const xt = { class: "cl-overflow-hidden" }, _t = /* @__PURE__ */ F({
|
|
|
32
32
|
I(a.$slots, "default", ge(he({ isItemOpen: e, toggleItem: n })))
|
|
33
33
|
]));
|
|
34
34
|
}
|
|
35
|
-
}), eo = { class: "cl
|
|
35
|
+
}), eo = { class: "cl:absolute cl:left-5 cl:top-5" }, lo = { class: "cl:font-semibold cl:ml-10 cl:p-4 cl:select-none cl:text-grey-5" }, to = { class: "cl:overflow-hidden" }, oo = /* @__PURE__ */ F({
|
|
36
36
|
inheritAttrs: !1,
|
|
37
37
|
__name: "cl-ui-accordion-item",
|
|
38
38
|
props: {
|
|
@@ -47,16 +47,16 @@ const xt = { class: "cl-overflow-hidden" }, _t = /* @__PURE__ */ F({
|
|
|
47
47
|
}
|
|
48
48
|
return (a, i) => (c(), h(Q, null, [
|
|
49
49
|
b("div", {
|
|
50
|
-
class: A(["cl
|
|
51
|
-
"cl
|
|
52
|
-
"cl
|
|
50
|
+
class: A(["cl:border-b cl:border-grey-1 cl:relative", {
|
|
51
|
+
"cl:bg-grey-0": a.disabled,
|
|
52
|
+
"cl:cursor-pointer": !a.disabled
|
|
53
53
|
}]),
|
|
54
54
|
onClick: n
|
|
55
55
|
}, [
|
|
56
56
|
b("div", eo, [
|
|
57
57
|
O(g(le), {
|
|
58
|
-
class: A(["cl
|
|
59
|
-
"cl
|
|
58
|
+
class: A(["cl:duration-300 cl:ease-in-out cl:text-grey-3 cl:transform-gpu cl:transition-transform", {
|
|
59
|
+
"cl:rotate-180": a.open
|
|
60
60
|
}]),
|
|
61
61
|
icon: "ph:caret-down-bold",
|
|
62
62
|
width: "20"
|
|
@@ -69,7 +69,7 @@ const xt = { class: "cl-overflow-hidden" }, _t = /* @__PURE__ */ F({
|
|
|
69
69
|
b("div", to, [
|
|
70
70
|
O(Ve, { name: "grow-down" }, {
|
|
71
71
|
default: V(() => [
|
|
72
|
-
ne(b("div", Y(a.$attrs, { class: "cl
|
|
72
|
+
ne(b("div", Y(a.$attrs, { class: "cl:ml-10 cl:p-4" }), [
|
|
73
73
|
I(a.$slots, "default")
|
|
74
74
|
], 16), [
|
|
75
75
|
[me, a.open]
|
|
@@ -85,7 +85,7 @@ const xt = { class: "cl-overflow-hidden" }, _t = /* @__PURE__ */ F({
|
|
|
85
85
|
for (const [e, n] of t)
|
|
86
86
|
l[e] = n;
|
|
87
87
|
return l;
|
|
88
|
-
}, ao = {}, no = { class: "cl
|
|
88
|
+
}, ao = {}, no = { class: "cl:border-b cl:border-grey-1 cl:font-semibold cl:pl-14 cl:pr-4 cl:py-2 cl:text-grey-3 cl:text-sm" };
|
|
89
89
|
function so(o, t) {
|
|
90
90
|
return c(), h("div", no, [
|
|
91
91
|
I(o.$slots, "default")
|
|
@@ -102,7 +102,7 @@ function Ll(o) {
|
|
|
102
102
|
function nt(o) {
|
|
103
103
|
il.value = il.value.filter((t) => t.id !== o.id);
|
|
104
104
|
}
|
|
105
|
-
const io = ["onClick"], uo = { class: "cl
|
|
105
|
+
const io = ["onClick"], uo = { class: "cl:flex-1 cl:select-none cl:text-ellipsis cl:w-64" }, st = /* @__PURE__ */ F({
|
|
106
106
|
inheritAttrs: !1,
|
|
107
107
|
__name: "cl-ui-notification",
|
|
108
108
|
props: {
|
|
@@ -113,32 +113,32 @@ const io = ["onClick"], uo = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
|
|
|
113
113
|
setup(o) {
|
|
114
114
|
return (t, l) => (c(), B(Dl, { to: t.container }, [
|
|
115
115
|
b("div", {
|
|
116
|
-
class: A(["cl
|
|
117
|
-
"cl
|
|
118
|
-
"cl
|
|
119
|
-
"cl
|
|
120
|
-
"cl
|
|
121
|
-
"cl
|
|
122
|
-
"cl
|
|
123
|
-
"cl
|
|
124
|
-
"cl
|
|
125
|
-
"cl
|
|
116
|
+
class: A(["cl:fixed cl:w-80 cl:z-50", {
|
|
117
|
+
"cl:top-[5.5rem] cl:left-5": t.position === "top-left" && t.headerVisible,
|
|
118
|
+
"cl:top-[5.5rem] cl:left-1/2": t.position === "top-centre" && t.headerVisible,
|
|
119
|
+
"cl:top-[5.5rem] cl:right-5": t.position === "top-right" && t.headerVisible,
|
|
120
|
+
"cl:top-5 cl:left-5": t.position === "top-left" && !t.headerVisible,
|
|
121
|
+
"cl:top-5 cl:left-1/2": t.position === "top-centre" && !t.headerVisible,
|
|
122
|
+
"cl:top-5 cl:right-5": t.position === "top-right" && !t.headerVisible,
|
|
123
|
+
"cl:bottom-5 cl:left-5": t.position === "bottom-left",
|
|
124
|
+
"cl:bottom-5 cl:left-1/2": t.position === "bottom-centre",
|
|
125
|
+
"cl:bottom-5 cl:right-5": t.position === "bottom-right"
|
|
126
126
|
}])
|
|
127
127
|
}, [
|
|
128
128
|
(c(!0), h(Q, null, _(g(il), (e, n) => (c(), h("div", Y({ ref_for: !0 }, t.$attrs, {
|
|
129
129
|
key: n,
|
|
130
|
-
class: ["cl
|
|
131
|
-
"cl
|
|
132
|
-
"cl
|
|
133
|
-
"cl
|
|
134
|
-
"cl
|
|
135
|
-
"cl
|
|
130
|
+
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-sm cl:shadow-lg cl:text-sm", {
|
|
131
|
+
"cl:bg-white": e.colour === "default",
|
|
132
|
+
"cl:bg-primary-default": e.colour === "primary",
|
|
133
|
+
"cl:bg-secondary-default": e.colour === "secondary",
|
|
134
|
+
"cl:bg-danger-default": e.colour === "danger",
|
|
135
|
+
"cl:bg-warning-default": e.colour === "warning"
|
|
136
136
|
}],
|
|
137
137
|
onClick: (a) => g(nt)(e)
|
|
138
138
|
}), [
|
|
139
139
|
b("span", uo, R(e.message), 1),
|
|
140
140
|
O(g(le), {
|
|
141
|
-
class: "cl
|
|
141
|
+
class: "cl:inline-block cl:opacity-0 cl:transition-opacity group-hover:cl:opacity-100",
|
|
142
142
|
icon: "ph:x",
|
|
143
143
|
size: 16,
|
|
144
144
|
weight: "bold"
|
|
@@ -147,7 +147,7 @@ const io = ["onClick"], uo = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
|
|
|
147
147
|
], 2)
|
|
148
148
|
], 8, ["to"]));
|
|
149
149
|
}
|
|
150
|
-
}), co = { class: "cl
|
|
150
|
+
}), co = { class: "cl:absolute cl:flex cl:flex-wrap cl:h-full cl:max-h-full cl:max-w-full cl:min-h-full cl:min-w-full cl:w-full cl:xl:h-screen cl:xl:max-h-screen cl:xl:min-h-screen" }, po = /* @__PURE__ */ F({
|
|
151
151
|
__name: "cl-ui-app",
|
|
152
152
|
props: {
|
|
153
153
|
removePadding: { type: Boolean, default: !1 }
|
|
@@ -160,16 +160,16 @@ const io = ["onClick"], uo = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
|
|
|
160
160
|
b("div", co, [
|
|
161
161
|
I(t.$slots, "header"),
|
|
162
162
|
b("div", {
|
|
163
|
-
class: A(["cl
|
|
164
|
-
"cl
|
|
163
|
+
class: A(["cl:content-start cl:flex cl:flex-nowrap cl:h-dscreen cl:items-stretch cl:max-h-full cl:relative cl:w-full cl:xl:max-h-screen", {
|
|
164
|
+
"cl:pt-20": t.$slots.header
|
|
165
165
|
}])
|
|
166
166
|
}, [
|
|
167
167
|
I(t.$slots, "navigation"),
|
|
168
168
|
b("div", {
|
|
169
169
|
id: "cl-ui-app-container",
|
|
170
|
-
class: A(["cl
|
|
171
|
-
"lg:
|
|
172
|
-
"lg:
|
|
170
|
+
class: A(["cl:grow cl:max-h-full cl:overflow-x-hidden cl:overflow-y-auto cl:overscroll-y-none cl:w-auto", {
|
|
171
|
+
"cl:lg:pb-0": t.removePadding,
|
|
172
|
+
"cl:lg:pb-8 cl:md:px-8 cl:px-2 cl:md:pt-8 cl:pt-2": !t.removePadding
|
|
173
173
|
}])
|
|
174
174
|
}, [
|
|
175
175
|
I(t.$slots, "default")
|
|
@@ -182,9 +182,9 @@ const io = ["onClick"], uo = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
|
|
|
182
182
|
function go(o, t) {
|
|
183
183
|
return c(), h("div", mo);
|
|
184
184
|
}
|
|
185
|
-
const tl = /* @__PURE__ */ Ce(fo, [["render", go], ["__scopeId", "data-v-
|
|
185
|
+
const tl = /* @__PURE__ */ Ce(fo, [["render", go], ["__scopeId", "data-v-a0c61086"]]), vo = ["disabled"], ho = {
|
|
186
186
|
key: 0,
|
|
187
|
-
class: "cl
|
|
187
|
+
class: "cl:absolute cl:bg-secondary-default/40 cl:flex cl:h-full cl:items-center cl:justify-center cl:left-0 cl:rounded-sm cl:top-0 cl:w-full"
|
|
188
188
|
}, Se = /* @__PURE__ */ F({
|
|
189
189
|
inheritAttrs: !1,
|
|
190
190
|
__name: "cl-ui-button",
|
|
@@ -203,30 +203,30 @@ const tl = /* @__PURE__ */ Ce(fo, [["render", go], ["__scopeId", "data-v-a21dc5d
|
|
|
203
203
|
}), (e, n) => (c(), h("button", Y(e.$attrs, {
|
|
204
204
|
ref_key: "buttonRef",
|
|
205
205
|
ref: l,
|
|
206
|
-
class: ["cl
|
|
207
|
-
"cl
|
|
208
|
-
"cl
|
|
209
|
-
"cl
|
|
210
|
-
"cl
|
|
211
|
-
"cl
|
|
212
|
-
"hover:
|
|
213
|
-
"cl
|
|
214
|
-
"hover:
|
|
215
|
-
"cl
|
|
216
|
-
"hover:
|
|
217
|
-
"cl
|
|
218
|
-
"hover:
|
|
219
|
-
"cl
|
|
220
|
-
"hover:
|
|
221
|
-
"cl
|
|
222
|
-
"hover:
|
|
223
|
-
"cl
|
|
206
|
+
class: ["cl:align-middle cl:border cl:font-semibold cl:inline-block cl:relative cl:rounded-sm cl:select-none cl:shadow cl:text-center cl:transition-colors", {
|
|
207
|
+
"cl:cursor-default cl:text-inherit/80": e.loading,
|
|
208
|
+
"cl:py-[5px] cl:px-4 cl:text-sm": e.size === "small",
|
|
209
|
+
"cl:py-[9px] cl:px-8 cl:text-sm": e.size === "medium",
|
|
210
|
+
"cl:px-10 cl:py-4": e.size === "large",
|
|
211
|
+
"cl:bg-white cl:border-grey-0 cl:text-secondary-default": e.colour === "default" && !e.disabled,
|
|
212
|
+
"cl:hover:border-grey-2": e.colour === "default" && !e.disabled && !e.loading,
|
|
213
|
+
"cl:border-primary-default cl:bg-primary-default cl:text-secondary-default": e.colour === "primary" && !e.disabled,
|
|
214
|
+
"cl:hover:bg-primary-dark cl:hover:text-white cl:hover:border-primary-dark": e.colour === "primary" && !e.disabled && !e.loading,
|
|
215
|
+
"cl:border-secondary-default cl:bg-secondary-default cl:text-white": e.colour === "secondary" && !e.disabled,
|
|
216
|
+
"cl:hover:bg-secondary-light cl:hover:border-secondary-light": e.colour === "secondary" && !e.disabled && !e.loading,
|
|
217
|
+
"cl:border-danger-default cl:bg-danger-default cl:text-white": e.colour === "danger" && !e.disabled,
|
|
218
|
+
"cl:hover:bg-danger-dark cl:hover:border-danger-dark": e.colour === "danger" && !e.disabled && !e.loading,
|
|
219
|
+
"cl:border-link-default cl:bg-link-default cl:text-white": e.colour === "blue" && !e.disabled,
|
|
220
|
+
"cl:hover:bg-link-light cl:hover:border-link-light": e.colour === "blue" && !e.disabled && !e.loading,
|
|
221
|
+
"cl:border-orange-default cl:bg-orange-default cl:opacity-100 cl:text-white": e.colour === "orange" && !e.disabled,
|
|
222
|
+
"cl:hover:bg-orange-dark cl:hover:border-orange-dark": e.colour === "orange" && !e.disabled && !e.loading,
|
|
223
|
+
"cl:border-grey-3 cl:bg-grey-3 cl:text-grey-0 cl:hover:bg-grey-3 cl:hover:border-grey-3 cl:cursor-default": e.disabled
|
|
224
224
|
}],
|
|
225
225
|
disabled: e.disabled || e.loading
|
|
226
226
|
}), [
|
|
227
227
|
I(e.$slots, "default"),
|
|
228
228
|
e.loading ? (c(), h("div", ho, [
|
|
229
|
-
O(tl, { class: "
|
|
229
|
+
O(tl, { class: "cl:-translate-x-1/2 cl:after:h-6! cl:after:w-6! cl:h-6! cl:w-6!" })
|
|
230
230
|
])) : z("", !0)
|
|
231
231
|
], 16, vo));
|
|
232
232
|
}
|
|
@@ -249,8 +249,8 @@ const tl = /* @__PURE__ */ Ce(fo, [["render", go], ["__scopeId", "data-v-a21dc5d
|
|
|
249
249
|
},
|
|
250
250
|
setup(o) {
|
|
251
251
|
return (t, l) => (c(), h("div", {
|
|
252
|
-
class: A(["cl
|
|
253
|
-
"cl
|
|
252
|
+
class: A(["cl:border cl:border-transparent cl:overflow-hidden cl:relative cl:rounded-md cl:shadow-lg cl:transition-all", {
|
|
253
|
+
"cl:cursor-pointer cl:hover:shadow-xl cl:hover:border-grey-0": t.hover
|
|
254
254
|
}])
|
|
255
255
|
}, [
|
|
256
256
|
t.$slots.image ? (c(), h("div", wo, [
|
|
@@ -258,31 +258,31 @@ const tl = /* @__PURE__ */ Ce(fo, [["render", go], ["__scopeId", "data-v-a21dc5d
|
|
|
258
258
|
])) : z("", !0),
|
|
259
259
|
t.$slots.title ? (c(), h("div", {
|
|
260
260
|
key: 1,
|
|
261
|
-
class: A(["cl
|
|
262
|
-
"cl
|
|
263
|
-
"cl
|
|
264
|
-
"cl
|
|
265
|
-
"cl
|
|
261
|
+
class: A(["cl:border-grey-2 cl:font-normal", {
|
|
262
|
+
"cl:p-2 cl:text-2xl cl:leading-8": t.size === "small",
|
|
263
|
+
"cl:p-4 cl:text-3xl cl:leading-9": t.size === "medium",
|
|
264
|
+
"cl:p-6 cl:text-4xl cl:leading-10": t.size === "large",
|
|
265
|
+
"cl:border-t": t.$slots.image
|
|
266
266
|
}])
|
|
267
267
|
}, [
|
|
268
268
|
I(t.$slots, "title")
|
|
269
269
|
], 2)) : z("", !0),
|
|
270
270
|
b("div", {
|
|
271
|
-
class: A(["cl
|
|
272
|
-
"cl
|
|
273
|
-
"cl
|
|
274
|
-
"cl
|
|
275
|
-
"cl
|
|
271
|
+
class: A(["cl:border-grey-2", {
|
|
272
|
+
"cl:p-2": t.size === "small",
|
|
273
|
+
"cl:p-4": t.size === "medium",
|
|
274
|
+
"cl:p-6": t.size === "large",
|
|
275
|
+
"cl:border-t": t.$slots.image || t.$slots.title
|
|
276
276
|
}])
|
|
277
277
|
}, [
|
|
278
278
|
I(t.$slots, "default")
|
|
279
279
|
], 2),
|
|
280
280
|
t.$slots.footer ? (c(), h("div", {
|
|
281
281
|
key: 2,
|
|
282
|
-
class: A(["cl
|
|
283
|
-
"cl
|
|
284
|
-
"cl
|
|
285
|
-
"cl
|
|
282
|
+
class: A(["cl:border-grey-2 cl:border-t", {
|
|
283
|
+
"cl:p-2": t.size === "small",
|
|
284
|
+
"cl:p-4": t.size === "medium",
|
|
285
|
+
"cl:p-6": t.size === "large"
|
|
286
286
|
}])
|
|
287
287
|
}, [
|
|
288
288
|
I(t.$slots, "footer")
|
|
@@ -293,19 +293,19 @@ const tl = /* @__PURE__ */ Ce(fo, [["render", go], ["__scopeId", "data-v-a21dc5d
|
|
|
293
293
|
"small",
|
|
294
294
|
"medium",
|
|
295
295
|
"large"
|
|
296
|
-
], Co = { class: "cl
|
|
296
|
+
], Co = { class: "cl:sm:w-auto cl:w-full" }, To = { class: "cl:flex cl:flex-nowrap cl:gap-2 cl:text-grey-4 cl:text-xs cl:tracking-widest" }, So = {
|
|
297
297
|
key: 0,
|
|
298
|
-
class: "cl
|
|
298
|
+
class: "cl:self-center"
|
|
299
299
|
}, qo = {
|
|
300
300
|
key: 1,
|
|
301
|
-
class: "cl
|
|
301
|
+
class: "cl:text-danger-dark"
|
|
302
302
|
}, Do = {
|
|
303
303
|
key: 0,
|
|
304
|
-
class: "cl
|
|
305
|
-
}, Oo = { class: "cl
|
|
304
|
+
class: "cl:pt-1 cl:w-full"
|
|
305
|
+
}, Oo = { class: "cl:flex cl:flex-col cl:flex-nowrap cl:gap-1 cl:w-full" }, Eo = {
|
|
306
306
|
key: 1,
|
|
307
|
-
class: "cl
|
|
308
|
-
}, Io = { class: "cl
|
|
307
|
+
class: "cl:pt-1 cl:select-none cl:text-xs"
|
|
308
|
+
}, Io = { class: "cl:text-xs cl:w-full" }, Re = /* @__PURE__ */ F({
|
|
309
309
|
__name: "cl-ui-input-layout-wrapper",
|
|
310
310
|
props: {
|
|
311
311
|
showRequiredAsterisk: { type: Boolean },
|
|
@@ -316,7 +316,7 @@ const tl = /* @__PURE__ */ Ce(fo, [["render", go], ["__scopeId", "data-v-a21dc5d
|
|
|
316
316
|
const t = o, l = T(() => Object.keys(t.errors ?? []).length > 0);
|
|
317
317
|
return (e, n) => (c(), h("div", Co, [
|
|
318
318
|
b("div", {
|
|
319
|
-
class: A(["cl
|
|
319
|
+
class: A(["cl:flex", { "cl:flex-col": e.labelPosition === "above", "cl:flex-row-reverse cl:gap-2 cl:items-center cl:justify-end": e.labelPosition === "right" }])
|
|
320
320
|
}, [
|
|
321
321
|
b("div", To, [
|
|
322
322
|
e.$slots.label ? (c(), h("span", So, [
|
|
@@ -332,7 +332,7 @@ const tl = /* @__PURE__ */ Ce(fo, [["render", go], ["__scopeId", "data-v-a21dc5d
|
|
|
332
332
|
b("div", Oo, [
|
|
333
333
|
(c(!0), h(Q, null, _(e.errors, (a, i) => (c(), h("div", {
|
|
334
334
|
key: i,
|
|
335
|
-
class: "cl
|
|
335
|
+
class: "cl:bg-danger-light cl:px-2 cl:rounded-md cl:text-center cl:text-danger-default cl:text-xs cl:w-full cl:whitespace-pre-line"
|
|
336
336
|
}, R(a), 1))), 128))
|
|
337
337
|
])
|
|
338
338
|
])) : e.errors || e.$slots.helpText ? (c(), h("div", Eo, [
|
|
@@ -390,7 +390,7 @@ const tl = /* @__PURE__ */ Ce(fo, [["render", go], ["__scopeId", "data-v-a21dc5d
|
|
|
390
390
|
ref_key: "inputRef",
|
|
391
391
|
ref: i,
|
|
392
392
|
"onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
|
|
393
|
-
class: "[&:hover:not(:focus-within)]:
|
|
393
|
+
class: "cl:[&:hover:not(:focus-within)]:border-grey-3 cl:bg-white cl:border cl:border-grey-2 cl:disabled:bg-grey-1 cl:disabled:border-grey-2 cl:focus-within:border-link-light cl:outline-none cl:p-1 cl:px-2 cl:rounded-lg cl:transition-colors cl:w-full",
|
|
394
394
|
type: m.type,
|
|
395
395
|
maxlength: m.maxlength ?? void 0,
|
|
396
396
|
disabled: m.disabled,
|
|
@@ -463,8 +463,8 @@ function Vo(o, t = {}) {
|
|
|
463
463
|
}
|
|
464
464
|
const No = {
|
|
465
465
|
key: 0,
|
|
466
|
-
class: "cl
|
|
467
|
-
}, Ro = { class: "cl
|
|
466
|
+
class: "cl:mt-1 cl:opacity-60 cl:text-primary-default"
|
|
467
|
+
}, Ro = { class: "cl:overflow-y-auto cl:overscroll-y-none cl:p-2 cl:w-full" }, rt = /* @__PURE__ */ F({
|
|
468
468
|
inheritAttrs: !1,
|
|
469
469
|
__name: "cl-ui-modal",
|
|
470
470
|
props: /* @__PURE__ */ ue({
|
|
@@ -507,22 +507,22 @@ const No = {
|
|
|
507
507
|
ne(b("div", {
|
|
508
508
|
ref_key: "clUiModal",
|
|
509
509
|
ref: n,
|
|
510
|
-
class: "cl
|
|
510
|
+
class: "cl:align-items-center cl:bg-black/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:xl:h-screen cl:z-40"
|
|
511
511
|
}, [
|
|
512
512
|
r[0] || (r[0] = b("div", { tabindex: "0" }, null, -1)),
|
|
513
513
|
b("div", Y(s.$attrs, {
|
|
514
|
-
class: ["cl
|
|
515
|
-
"lg:
|
|
516
|
-
"cl
|
|
517
|
-
"cl
|
|
518
|
-
"cl
|
|
514
|
+
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 cl:xl:max-h-[calc(100vh-8rem)]", {
|
|
515
|
+
"cl:lg:w-2/12 cl:w-10/12": s.size === "x-small",
|
|
516
|
+
"cl:w-6/12": s.size === "small",
|
|
517
|
+
"cl:w-8/12": s.size === "medium",
|
|
518
|
+
"cl:w-10/12": s.size === "large"
|
|
519
519
|
}]
|
|
520
520
|
}), [
|
|
521
521
|
ne(b("div", {
|
|
522
|
-
class: A(["cl
|
|
523
|
-
"cl
|
|
524
|
-
"cl
|
|
525
|
-
"cl
|
|
522
|
+
class: A(["cl:absolute cl:cursor-pointer cl:right-4 cl:top-4 cl:transition-colors cl:w-3", {
|
|
523
|
+
"cl:text-white cl:hover:text-off-white": s.headerColour === "secondary",
|
|
524
|
+
"cl:text-secondary cl:hover:text-off-white": s.headerColour === "primary",
|
|
525
|
+
"cl:text-black cl:hover:text-grey-7": s.headerColour === "white"
|
|
526
526
|
}]),
|
|
527
527
|
tabindex: 0,
|
|
528
528
|
onKeypress: te(p, ["enter"]),
|
|
@@ -533,9 +533,9 @@ const No = {
|
|
|
533
533
|
[me, !s.preventClose]
|
|
534
534
|
]),
|
|
535
535
|
b("div", {
|
|
536
|
-
class: A(["cl
|
|
537
|
-
"cl
|
|
538
|
-
"cl
|
|
536
|
+
class: A(["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", {
|
|
537
|
+
"cl:bg-secondary-default cl:text-white": s.headerColour === "secondary",
|
|
538
|
+
"cl:bg-primary-default cl:text-secondary": s.headerColour === "primary"
|
|
539
539
|
}])
|
|
540
540
|
}, [
|
|
541
541
|
I(s.$slots, "title"),
|
|
@@ -555,9 +555,9 @@ const No = {
|
|
|
555
555
|
]))
|
|
556
556
|
], 64));
|
|
557
557
|
}
|
|
558
|
-
}), Uo = { class: "cl
|
|
558
|
+
}), Uo = { class: "cl:bg-grey-0 cl:flex cl:p-1 cl:text-left" }, zo = {
|
|
559
559
|
key: 0,
|
|
560
|
-
class: "cl
|
|
560
|
+
class: "cl:w-1/2"
|
|
561
561
|
}, nl = /* @__PURE__ */ F({
|
|
562
562
|
__name: "cl-ui-combo-box-header",
|
|
563
563
|
props: {
|
|
@@ -571,16 +571,16 @@ const No = {
|
|
|
571
571
|
t.additionalText !== "" ? (c(), h("div", zo, R(t.additionalText), 1)) : z("", !0),
|
|
572
572
|
b("div", {
|
|
573
573
|
class: A({
|
|
574
|
-
"cl
|
|
575
|
-
"cl
|
|
574
|
+
"cl:w-1/2": t.additionalText !== "",
|
|
575
|
+
"cl:w-full": t.additionalText === ""
|
|
576
576
|
})
|
|
577
577
|
}, R(t.text), 3),
|
|
578
578
|
ne(b("div", {
|
|
579
|
-
class: "cl
|
|
579
|
+
class: "cl:cursor-pointer cl:float-right",
|
|
580
580
|
onMousedown: l[0] || (l[0] = (e) => t.$emit("clear-object"))
|
|
581
581
|
}, [
|
|
582
582
|
O(g(le), {
|
|
583
|
-
class: "cl-mt-1 cl
|
|
583
|
+
class: "cl:hover:text-link-default cl:mt-1 cl:transition-colors",
|
|
584
584
|
icon: "ph:x"
|
|
585
585
|
})
|
|
586
586
|
], 544), [
|
|
@@ -590,8 +590,8 @@ const No = {
|
|
|
590
590
|
}
|
|
591
591
|
}), Bo = {
|
|
592
592
|
key: 0,
|
|
593
|
-
class: "cl
|
|
594
|
-
}, Fo = { class: "cl
|
|
593
|
+
class: "cl:w-1/2"
|
|
594
|
+
}, Fo = { class: "cl:float-right cl:py-1 cl:text-black" }, jl = /* @__PURE__ */ F({
|
|
595
595
|
__name: "cl-ui-combo-box-selectable",
|
|
596
596
|
props: {
|
|
597
597
|
isCreateNewOption: { type: Boolean, default: !1 },
|
|
@@ -622,10 +622,10 @@ const No = {
|
|
|
622
622
|
return ee(() => l.selectedIndex, () => s()), (r, u) => {
|
|
623
623
|
var f, y;
|
|
624
624
|
return c(), h("div", {
|
|
625
|
-
class: A(["cl
|
|
626
|
-
"cl
|
|
627
|
-
"cl
|
|
628
|
-
"cl
|
|
625
|
+
class: A(["cl:cursor-pointer cl:duration-75 cl:flex cl:p-1 cl:text-left cl:transition-colors", {
|
|
626
|
+
"cl:bg-white": i.value === !1,
|
|
627
|
+
"cl:bg-link-light cl:text-white cl:opacity-90": i.value && r.isCreateNewOption === !1,
|
|
628
|
+
"cl:bg-primary-default cl:text-black cl:opacity-90": i.value && r.isCreateNewOption
|
|
629
629
|
}]),
|
|
630
630
|
onMousedown: p,
|
|
631
631
|
onMousemove: u[0] || (u[0] = (w) => m(!0)),
|
|
@@ -634,13 +634,13 @@ const No = {
|
|
|
634
634
|
r.option !== null && ((f = r.option) == null ? void 0 : f.parentId) !== 0 && ((y = r.option) == null ? void 0 : y.parentId) !== void 0 ? (c(), h("div", Bo, R(a.value), 1)) : z("", !0),
|
|
635
635
|
b("div", {
|
|
636
636
|
class: A({
|
|
637
|
-
"cl
|
|
638
|
-
"cl
|
|
637
|
+
"cl:w-1/2": a.value !== "",
|
|
638
|
+
"cl:w-full": a.value === ""
|
|
639
639
|
})
|
|
640
640
|
}, R(n.value), 3),
|
|
641
641
|
ne(b("div", Fo, [
|
|
642
642
|
O(g(le), {
|
|
643
|
-
class: "cl
|
|
643
|
+
class: "cl:transition-colors",
|
|
644
644
|
icon: "ph:plus"
|
|
645
645
|
})
|
|
646
646
|
], 512), [
|
|
@@ -651,8 +651,8 @@ const No = {
|
|
|
651
651
|
}
|
|
652
652
|
}), Lo = ["onKeyup"], Po = {
|
|
653
653
|
key: 0,
|
|
654
|
-
class: "cl
|
|
655
|
-
}, jo = { class: "cl
|
|
654
|
+
class: "cl:absolute cl:bg-off-white cl:flex cl:h-full cl:items-center cl:justify-center cl:top-0 cl:w-full cl:z-20"
|
|
655
|
+
}, jo = { class: "cl:bg-white cl:flex cl:p-2 cl:pb-1 cl:sticky cl:top-0 cl:w-full cl:z-10" }, Ho = { class: "cl:inline-block cl:w-full" }, Go = { key: 6 }, Zo = /* @__PURE__ */ F({
|
|
656
656
|
__name: "cl-ui-combo-box-search",
|
|
657
657
|
props: {
|
|
658
658
|
loading: { type: Boolean, default: !1 },
|
|
@@ -728,8 +728,8 @@ const No = {
|
|
|
728
728
|
key: 0,
|
|
729
729
|
ref_key: "container",
|
|
730
730
|
ref: s,
|
|
731
|
-
class: A(["cl
|
|
732
|
-
"cl
|
|
731
|
+
class: A(["cl:absolute cl:bg-white cl:border cl:border-collapse cl:border-grey-0 cl:h-52 cl:mt-2 cl:overflow-y-auto cl:overscroll-y-none cl:rounded-sm cl:text-sm cl:w-full cl:z-20", {
|
|
732
|
+
"cl:overflow-y-hidden": q.loading
|
|
733
733
|
}]),
|
|
734
734
|
onKeydown: [
|
|
735
735
|
x[2] || (x[2] = te(X((S) => v(m.value), ["prevent", "stop"]), ["up"])),
|
|
@@ -746,7 +746,7 @@ const No = {
|
|
|
746
746
|
id: `cl-ui-combo-box-search-input-${q.objectType}`,
|
|
747
747
|
modelValue: a.value,
|
|
748
748
|
"onUpdate:modelValue": x[0] || (x[0] = (S) => a.value = S),
|
|
749
|
-
class: "cl
|
|
749
|
+
class: "cl:box-border cl:font-light cl:mb-2 cl:p-2 cl:text-sm",
|
|
750
750
|
placeholder: q.searchHint,
|
|
751
751
|
type: "search",
|
|
752
752
|
onKeyup: r,
|
|
@@ -769,7 +769,7 @@ const No = {
|
|
|
769
769
|
key: 2,
|
|
770
770
|
text: q.objectType,
|
|
771
771
|
"additional-text": q.objectParentType,
|
|
772
|
-
class: "cl
|
|
772
|
+
class: "cl:bg-grey-2 cl:mt-1"
|
|
773
773
|
}, null, 8, ["text", "additional-text"])) : z("", !0),
|
|
774
774
|
q.results !== null && ((ae = q.results) == null ? void 0 : ae.length) === 0 && a.value.trim() !== "" && q.canCreateNewObject === !1 && q.errorMessage === "" ? (c(), B(nl, {
|
|
775
775
|
key: 3,
|
|
@@ -777,7 +777,7 @@ const No = {
|
|
|
777
777
|
}, null, 8, ["text"])) : z("", !0),
|
|
778
778
|
q.errorMessage !== "" ? (c(), B(nl, {
|
|
779
779
|
key: 4,
|
|
780
|
-
class: "
|
|
780
|
+
class: "cl:bg-danger-light! cl:border-danger-light cl:rounded-sm cl:text-danger-dark",
|
|
781
781
|
text: g(n)("comboBox.errorMessage", { error: q.errorMessage })
|
|
782
782
|
}, null, 8, ["text"])) : z("", !0),
|
|
783
783
|
i.value ? (c(), B(jl, {
|
|
@@ -786,7 +786,7 @@ const No = {
|
|
|
786
786
|
text: g(n)("comboBox.addPrompt", { value: a.value, object: q.objectType }),
|
|
787
787
|
index: -1,
|
|
788
788
|
"selected-index": p.value,
|
|
789
|
-
class: "cl
|
|
789
|
+
class: "cl:px-2",
|
|
790
790
|
onCreateObject: f,
|
|
791
791
|
onOptionHighlighted: N
|
|
792
792
|
}, null, 8, ["text", "selected-index"])) : z("", !0),
|
|
@@ -795,7 +795,7 @@ const No = {
|
|
|
795
795
|
key: W,
|
|
796
796
|
option: S,
|
|
797
797
|
index: W,
|
|
798
|
-
class: "cl
|
|
798
|
+
class: "cl:px-2",
|
|
799
799
|
"selected-index": p.value,
|
|
800
800
|
onSelectObject: u,
|
|
801
801
|
onOptionHighlighted: N
|
|
@@ -804,7 +804,7 @@ const No = {
|
|
|
804
804
|
], 42, Lo)) : z("", !0);
|
|
805
805
|
};
|
|
806
806
|
}
|
|
807
|
-
}), Wo = { class: "cl
|
|
807
|
+
}), Wo = { class: "cl:flex cl:rounded-lg" }, Ko = { class: "cl:inline-block cl:w-full" }, Qo = { class: "cl:pointer-events-none cl:relative cl:top-0.5" }, Yo = { class: "cl:absolute cl:flex cl:float-right cl:font-semibold cl:mt-[5px] cl:right-2 cl:text-danger-default cl:text-sm cl:z-10" }, Jo = ["disabled"], Xo = ["disabled"], xo = { class: "cl:min-h-[16rem] cl:mx-4" }, _o = { class: "cl:p-2 cl:text-right cl:w-full" }, ea = /* @__PURE__ */ F({
|
|
808
808
|
inheritAttrs: !1,
|
|
809
809
|
__name: "cl-ui-combo-box",
|
|
810
810
|
props: {
|
|
@@ -942,7 +942,7 @@ const No = {
|
|
|
942
942
|
return c(), h("div", Y({
|
|
943
943
|
ref_key: "outsideRef",
|
|
944
944
|
ref: we
|
|
945
|
-
}, i, { class: "cl
|
|
945
|
+
}, i, { class: "cl:relative" }), [
|
|
946
946
|
b("div", Wo, [
|
|
947
947
|
b("div", Ko, [
|
|
948
948
|
O(ze, {
|
|
@@ -952,8 +952,8 @@ const No = {
|
|
|
952
952
|
modelValue: w.value,
|
|
953
953
|
"onUpdate:modelValue": $[0] || ($[0] = (Z) => w.value = Z),
|
|
954
954
|
readonly: !0,
|
|
955
|
-
class: A(["cl
|
|
956
|
-
"cl
|
|
955
|
+
class: A(["cl:box-border cl:font-light cl:mb-0 cl:p-[5.5px] cl:rounded-r-none cl:text-sm", {
|
|
956
|
+
"cl:cursor-pointer": d.disabled === !1
|
|
957
957
|
}]),
|
|
958
958
|
placeholder: m.value,
|
|
959
959
|
disabled: d.disabled,
|
|
@@ -971,7 +971,7 @@ const No = {
|
|
|
971
971
|
b("div", Yo, [
|
|
972
972
|
ie(R(g(r)("comboBox.required")) + " ", 1),
|
|
973
973
|
O(g(le), {
|
|
974
|
-
class: "cl
|
|
974
|
+
class: "cl:ml-1 cl:mt-[3px]",
|
|
975
975
|
icon: "ph:warning"
|
|
976
976
|
})
|
|
977
977
|
])
|
|
@@ -980,29 +980,29 @@ const No = {
|
|
|
980
980
|
]),
|
|
981
981
|
u.value ? (c(), h("div", {
|
|
982
982
|
key: 1,
|
|
983
|
-
class: A(["cl
|
|
984
|
-
"cl
|
|
985
|
-
"cl
|
|
983
|
+
class: A(["cl:border cl:border-grey-2 cl:border-l-0 cl:float-right cl:rounded-l-none cl:rounded-lg cl:text-grey-3 cl:transition-colors cl:w-[27px]", {
|
|
984
|
+
"cl:cursor-default cl:bg-off-white": d.disabled,
|
|
985
|
+
"cl:cursor-pointer cl:hover:bg-link-light cl:hover:opacity-90 cl:hover:text-white cl:bg-white": d.disabled === !1
|
|
986
986
|
}]),
|
|
987
987
|
disabled: d.disabled,
|
|
988
988
|
onClick: $[4] || ($[4] = (Z) => N(!1))
|
|
989
989
|
}, [
|
|
990
990
|
O(g(le), {
|
|
991
991
|
icon: "ph:caret-up-bold",
|
|
992
|
-
class: "cl
|
|
992
|
+
class: "cl:ml-[4px] cl:mt-[9px]"
|
|
993
993
|
})
|
|
994
994
|
], 10, Xo)) : (c(), h("div", {
|
|
995
995
|
key: 0,
|
|
996
|
-
class: A(["cl
|
|
997
|
-
"cl
|
|
998
|
-
"cl
|
|
996
|
+
class: A(["cl:border cl:border-grey-2 cl:border-l-0 cl:float-right cl:rounded-l-none cl:rounded-lg cl:text-grey-3 cl:transition-colors cl:w-[27px]", {
|
|
997
|
+
"cl:cursor-default cl:bg-off-white": d.disabled,
|
|
998
|
+
"cl:cursor-pointer cl:hover:bg-link-light cl:hover:opacity-90 cl:hover:text-white cl:bg-white": d.disabled === !1
|
|
999
999
|
}]),
|
|
1000
1000
|
disabled: d.disabled,
|
|
1001
1001
|
onClick: $[3] || ($[3] = (Z) => N(!0))
|
|
1002
1002
|
}, [
|
|
1003
1003
|
O(g(le), {
|
|
1004
1004
|
icon: "ph:caret-down-bold",
|
|
1005
|
-
class: "cl
|
|
1005
|
+
class: "cl:ml-[4px] cl:mt-[9px]"
|
|
1006
1006
|
})
|
|
1007
1007
|
], 10, Jo))
|
|
1008
1008
|
]),
|
|
@@ -1022,7 +1022,7 @@ const No = {
|
|
|
1022
1022
|
"current-object-name": w.value,
|
|
1023
1023
|
"is-visible": u.value,
|
|
1024
1024
|
class: A({
|
|
1025
|
-
"cl
|
|
1025
|
+
"cl:bottom-full": P.value
|
|
1026
1026
|
}),
|
|
1027
1027
|
"search-hint": s.value,
|
|
1028
1028
|
onKeydown: te(X(je, ["prevent"]), ["escape"]),
|
|
@@ -1038,7 +1038,7 @@ const No = {
|
|
|
1038
1038
|
footer: V(({ close: Z }) => [
|
|
1039
1039
|
b("div", _o, [
|
|
1040
1040
|
O(Se, {
|
|
1041
|
-
class: "cl
|
|
1041
|
+
class: "cl:mr-3",
|
|
1042
1042
|
colour: "default",
|
|
1043
1043
|
size: "small",
|
|
1044
1044
|
onClick: Z
|
|
@@ -1069,7 +1069,7 @@ const No = {
|
|
|
1069
1069
|
key: 0,
|
|
1070
1070
|
"current-object": y.value,
|
|
1071
1071
|
"onUpdate:currentObject": $[6] || ($[6] = (Z) => y.value = Z),
|
|
1072
|
-
class: "cl
|
|
1072
|
+
class: "cl:mt-3",
|
|
1073
1073
|
results: d.parentResults,
|
|
1074
1074
|
loading: d.loading,
|
|
1075
1075
|
"object-type": d.objectParentType,
|
|
@@ -1083,7 +1083,7 @@ const No = {
|
|
|
1083
1083
|
O(ze, {
|
|
1084
1084
|
modelValue: v.value,
|
|
1085
1085
|
"onUpdate:modelValue": $[7] || ($[7] = (Z) => v.value = Z),
|
|
1086
|
-
class: "cl
|
|
1086
|
+
class: "cl:box-border cl:font-light cl:mb-2 cl:p-2 cl:text-sm"
|
|
1087
1087
|
}, {
|
|
1088
1088
|
default: V(() => [
|
|
1089
1089
|
ie(R(g(r)("comboBox.createProperty")), 1)
|
|
@@ -1104,13 +1104,13 @@ function la(o) {
|
|
|
1104
1104
|
function ta(o) {
|
|
1105
1105
|
return typeof o.name == "string";
|
|
1106
1106
|
}
|
|
1107
|
-
const oa = {}, aa = { class: "cl
|
|
1107
|
+
const oa = {}, aa = { class: "cl:flex cl:flex-wrap cl:left-0 cl:mt-4 cl:w-full" }, na = {
|
|
1108
1108
|
key: 0,
|
|
1109
|
-
class: "cl
|
|
1109
|
+
class: "cl:w-full"
|
|
1110
1110
|
}, sa = {
|
|
1111
1111
|
key: 1,
|
|
1112
|
-
class: "cl
|
|
1113
|
-
}, ra = { class: "cl
|
|
1112
|
+
class: "cl:leading-10 cl:text-sm cl:w-full"
|
|
1113
|
+
}, ra = { class: "cl:float-left" }, ia = { class: "cl:float-right" };
|
|
1114
1114
|
function ua(o, t) {
|
|
1115
1115
|
return c(), h("div", aa, [
|
|
1116
1116
|
o.$slots.default ? (c(), h("div", na, [
|
|
@@ -1126,11 +1126,11 @@ function ua(o, t) {
|
|
|
1126
1126
|
])) : z("", !0)
|
|
1127
1127
|
]);
|
|
1128
1128
|
}
|
|
1129
|
-
const ca = /* @__PURE__ */ Ce(oa, [["render", ua]]), fl = Symbol(), da = {}, pa = { class: "cl
|
|
1129
|
+
const ca = /* @__PURE__ */ Ce(oa, [["render", ua]]), fl = Symbol(), da = {}, pa = { class: "cl:animate-pulse cl:bg-off-white cl:h-[33px] cl:px-20 cl:rounded-md" };
|
|
1130
1130
|
function fa(o, t) {
|
|
1131
1131
|
return c(), h("div", pa);
|
|
1132
1132
|
}
|
|
1133
|
-
const ma = /* @__PURE__ */ Ce(da, [["render", fa]]), ga = {}, va = { class: "cl
|
|
1133
|
+
const ma = /* @__PURE__ */ Ce(da, [["render", fa]]), ga = {}, va = { class: "cl:animate-pulse cl:bg-off-white cl:h-8 cl:rounded-md" };
|
|
1134
1134
|
function ha(o, t) {
|
|
1135
1135
|
return c(), h("div", va);
|
|
1136
1136
|
}
|
|
@@ -1145,10 +1145,10 @@ const Al = /* @__PURE__ */ Ce(ga, [["render", ha]]), Cl = /* @__PURE__ */ F({
|
|
|
1145
1145
|
return (t, l) => (c(!0), h(Q, null, _(t.rows, (e) => (c(), h("div", Y({
|
|
1146
1146
|
key: e,
|
|
1147
1147
|
ref_for: !0
|
|
1148
|
-
}, t.$attrs, { class: "cl
|
|
1148
|
+
}, t.$attrs, { class: "cl:flex cl:gap-1 cl:items-start" }), [
|
|
1149
1149
|
(c(!0), h(Q, null, _(t.words, (n) => (c(), h("span", {
|
|
1150
1150
|
key: n,
|
|
1151
|
-
class: "cl
|
|
1151
|
+
class: "cl:animate-pulse cl:bg-off-white cl:rounded-full cl:w-16"
|
|
1152
1152
|
}, [
|
|
1153
1153
|
I(t.$slots, "default", {}, () => [
|
|
1154
1154
|
l[0] || (l[0] = ie(" "))
|
|
@@ -1173,10 +1173,10 @@ function hl(o) {
|
|
|
1173
1173
|
}
|
|
1174
1174
|
const ba = {
|
|
1175
1175
|
key: 0,
|
|
1176
|
-
class: "cl
|
|
1177
|
-
}, ya = { key: 1 }, wa = { class: "cl
|
|
1176
|
+
class: "cl:flex cl:gap-2 cl:justify-between cl:mb-2 cl:w-full"
|
|
1177
|
+
}, ya = { key: 1 }, wa = { class: "cl:flex cl:flex-wrap cl:gap-1 cl:lg:flex-nowrap cl:lg:gap-2 cl:md:justify-end cl:pb-2" }, ka = { class: "cl:basis-full cl:col-span-2 cl:grow cl:lg:basis-0" }, $a = {
|
|
1178
1178
|
key: 2,
|
|
1179
|
-
class: "cl
|
|
1179
|
+
class: "cl:flex-1 cl:lg:block cl:lg:flex-none"
|
|
1180
1180
|
}, Ca = /* @__PURE__ */ F({
|
|
1181
1181
|
__name: "cl-ui-grid-action-row",
|
|
1182
1182
|
props: {
|
|
@@ -1195,12 +1195,12 @@ const ba = {
|
|
|
1195
1195
|
return (a, i) => a.initialLoad && (a.$slots["additional-grid-actions"] || g(hl)(a.columns) || g(Hl)(a.columns)) ? (c(), h("div", ba, [
|
|
1196
1196
|
(c(), h(Q, null, _(2, (p) => O(g(ma), {
|
|
1197
1197
|
key: p,
|
|
1198
|
-
class: "cl
|
|
1198
|
+
class: "cl:flex-1 cl:lg:flex-initial"
|
|
1199
1199
|
})), 64))
|
|
1200
1200
|
])) : (c(), h("div", ya, [
|
|
1201
1201
|
b("div", {
|
|
1202
|
-
class: A(["cl
|
|
1203
|
-
"cl
|
|
1202
|
+
class: A(["cl:lg:hidden cl:mb-2 cl:text-sm", {
|
|
1203
|
+
"cl:hidden": a.options.hideGridMobileView
|
|
1204
1204
|
}])
|
|
1205
1205
|
}, [
|
|
1206
1206
|
b("strong", null, R(g(l)("grid.gridTools")), 1)
|
|
@@ -1212,12 +1212,12 @@ const ba = {
|
|
|
1212
1212
|
editMode: a.options.forceEditMode || a.editMode
|
|
1213
1213
|
})))
|
|
1214
1214
|
]),
|
|
1215
|
-
i[4] || (i[4] = b("hr", { class: "cl
|
|
1215
|
+
i[4] || (i[4] = b("hr", { class: "cl:basis-full cl:block cl:border-grey-3 cl:lg:hidden cl:my-4" }, null, -1)),
|
|
1216
1216
|
a.columns.some((p) => p.editable) && a.options.forceEditMode === !1 ? (c(), B(Se, {
|
|
1217
1217
|
key: 0,
|
|
1218
1218
|
size: "small",
|
|
1219
1219
|
colour: "blue",
|
|
1220
|
-
class: "cl
|
|
1220
|
+
class: "cl:flex-1 cl:lg:flex-none",
|
|
1221
1221
|
disabled: a.loading,
|
|
1222
1222
|
onClick: i[0] || (i[0] = X((p) => a.$emit("update:edit-mode", !a.editMode), ["prevent"]))
|
|
1223
1223
|
}, {
|
|
@@ -1234,7 +1234,7 @@ const ba = {
|
|
|
1234
1234
|
key: 1,
|
|
1235
1235
|
size: "small",
|
|
1236
1236
|
colour: "blue",
|
|
1237
|
-
class: "cl
|
|
1237
|
+
class: "cl:flex-1 cl:lg:flex-none",
|
|
1238
1238
|
disabled: a.loading,
|
|
1239
1239
|
onClick: i[1] || (i[1] = X((p) => a.$emit("update:edit-mode", !a.editMode), ["prevent"]))
|
|
1240
1240
|
}, {
|
|
@@ -1252,12 +1252,12 @@ const ba = {
|
|
|
1252
1252
|
])) : z("", !0),
|
|
1253
1253
|
g(hl)(a.columns) || g(Hl)(a.columns) ? (c(), h(Q, { key: 3 }, [
|
|
1254
1254
|
b("div", {
|
|
1255
|
-
class: A(["cl
|
|
1256
|
-
"cl
|
|
1255
|
+
class: A(["cl:block cl:flex-1 cl:lg:flex-none cl:lg:hidden", {
|
|
1256
|
+
"cl:hidden": a.options.hideGridMobileView
|
|
1257
1257
|
}])
|
|
1258
1258
|
}, [
|
|
1259
1259
|
O(Se, {
|
|
1260
|
-
class: "cl
|
|
1260
|
+
class: "cl:w-full",
|
|
1261
1261
|
size: "small",
|
|
1262
1262
|
disabled: a.loading,
|
|
1263
1263
|
onClick: i[2] || (i[2] = X((p) => a.$emit("update:filterPanelOpen", !a.filterPanelOpen), ["prevent"]))
|
|
@@ -1274,7 +1274,7 @@ const ba = {
|
|
|
1274
1274
|
size: "small",
|
|
1275
1275
|
colour: "danger",
|
|
1276
1276
|
disabled: !e.value || a.loading,
|
|
1277
|
-
class: "cl
|
|
1277
|
+
class: "cl:basis-full cl:lg:flex-none",
|
|
1278
1278
|
onClick: i[3] || (i[3] = X((p) => a.$emit("clear-filters"), ["prevent"]))
|
|
1279
1279
|
}, {
|
|
1280
1280
|
default: V(() => [
|
|
@@ -1321,10 +1321,10 @@ const ba = {
|
|
|
1321
1321
|
ref: a
|
|
1322
1322
|
}, i.$attrs, {
|
|
1323
1323
|
"onUpdate:modelValue": p[0] || (p[0] = (m) => e.value = m),
|
|
1324
|
-
class: ["before:
|
|
1325
|
-
"cl
|
|
1326
|
-
"cl
|
|
1327
|
-
"cl
|
|
1324
|
+
class: ["cl:appearance-none cl:before:h-2 cl:before:scale-0 cl:before:w-2 cl:border-2 cl:checked:before:scale-100 cl:grid cl:h-5 cl:m-0 cl:place-content-center cl:rounded-sm cl:text-secondary-default cl:w-5", {
|
|
1325
|
+
"cl:bg-grey-1 cl:border-grey-2": i.disabled,
|
|
1326
|
+
"cl:border-grey-3 cl:checked:bg-primary-light cl:checked:border-primary-darker": !i.readonly && !i.disabled,
|
|
1327
|
+
"cl:bg-grey-1 cl:border-grey-2 cl:checked:bg-primary-light cl:checked:border-primary-light": !!i.readonly && !i.disabled
|
|
1328
1328
|
}],
|
|
1329
1329
|
type: "checkbox",
|
|
1330
1330
|
required: i.required,
|
|
@@ -1360,7 +1360,7 @@ const ba = {
|
|
|
1360
1360
|
} : void 0
|
|
1361
1361
|
]), 1032, ["show-required-asterisk", "errors"]));
|
|
1362
1362
|
}
|
|
1363
|
-
}), ml = /* @__PURE__ */ Ce(qa, [["__scopeId", "data-v-
|
|
1363
|
+
}), ml = /* @__PURE__ */ Ce(qa, [["__scopeId", "data-v-3d7bdddb"]]);
|
|
1364
1364
|
var oe = /* @__PURE__ */ ((o) => (o.CURRENCY = "currency", o.PERCENTAGE = "percentage", o.INTEGER = "integer", o.DECIMAL = "decimal", o.MULTIPLIER = "multiplier", o))(oe || {}), re = /* @__PURE__ */ ((o) => (o.SHORT_DATE = "short-date", o.SHORT_DATETIME = "short-datetime", o.DATE = "date", o.DATETIME = "datetime", o.LONG_DATE = "long-date", o.LONG_DATETIME = "long-datetime", o.TIME = "time", o.MONTH_YEAR = "month-year", o))(re || {});
|
|
1365
1365
|
const Da = {
|
|
1366
1366
|
"en-GB": {
|
|
@@ -1847,13 +1847,13 @@ function Ae(o, t) {
|
|
|
1847
1847
|
}
|
|
1848
1848
|
const Pa = {
|
|
1849
1849
|
key: 3,
|
|
1850
|
-
class: "cl
|
|
1850
|
+
class: "cl:inline-block cl:whitespace-nowrap"
|
|
1851
1851
|
}, ja = {
|
|
1852
1852
|
key: 4,
|
|
1853
|
-
class: "cl
|
|
1853
|
+
class: "cl:inline-block cl:whitespace-nowrap"
|
|
1854
1854
|
}, Ha = {
|
|
1855
1855
|
key: 5,
|
|
1856
|
-
class: "cl
|
|
1856
|
+
class: "cl:inline-block cl:whitespace-nowrap"
|
|
1857
1857
|
}, Ga = ["title", "innerHTML"], Wl = /* @__PURE__ */ F({
|
|
1858
1858
|
__name: "cl-ui-grid-cell-value",
|
|
1859
1859
|
props: {
|
|
@@ -1902,7 +1902,7 @@ const Pa = {
|
|
|
1902
1902
|
}
|
|
1903
1903
|
function p() {
|
|
1904
1904
|
let s = t.data[t.column.field];
|
|
1905
|
-
return s ? (t.column.maxLength && (s = s.trimToLength(t.column.maxLength, t.column.format !== void 0 ? t.column.format === "ellipsis" : !1)), t.searchValue && t.column.searchable && (s = zt(s, t.searchValue.split(" "))), t.column.format === "wrap-text" && (s = `<span class="cl
|
|
1905
|
+
return s ? (t.column.maxLength && (s = s.trimToLength(t.column.maxLength, t.column.format !== void 0 ? t.column.format === "ellipsis" : !1)), t.searchValue && t.column.searchable && (s = zt(s, t.searchValue.split(" "))), t.column.format === "wrap-text" && (s = `<span class="cl:break-words cl:whitespace-pre-wrap">${s}</span>`), s) : "";
|
|
1906
1906
|
}
|
|
1907
1907
|
function m(s, r) {
|
|
1908
1908
|
return t.column.format === oe.INTEGER ? Me(s, oe.DECIMAL, {
|
|
@@ -1968,19 +1968,19 @@ const Pa = {
|
|
|
1968
1968
|
}, {
|
|
1969
1969
|
deep: !0
|
|
1970
1970
|
});
|
|
1971
|
-
const m = T(() => l.options.textSize === "x-small" ? "lg:
|
|
1971
|
+
const m = T(() => l.options.textSize === "x-small" ? "cl:lg:text-xs" : l.options.textSize === "small" ? "cl:lg:text-sm" : l.options.textSize === "medium" ? "cl:lg:text-base" : l.options.textSize === "large" ? "cl:lg:text-lg" : "cl:lg:text-sm");
|
|
1972
1972
|
return (s, r) => (c(), h("td", {
|
|
1973
|
-
class: A(["cl
|
|
1974
|
-
s.options.hideGridMobileView ? "cl
|
|
1973
|
+
class: A(["cl:gap-1 cl:lg:px-1 cl:py-2 cl:text-xs", [
|
|
1974
|
+
s.options.hideGridMobileView ? "cl:table-cell cl:m-0" : "cl:border-b cl:border-grey-1 cl:grid cl:grid-cols-2 cl:m-1 cl:mb-0 cl:lg:border-b-0 cl:lg:m-0 cl:lg:table-cell",
|
|
1975
1975
|
{
|
|
1976
|
-
"cl
|
|
1976
|
+
"cl:bg-link-lighter": i.value
|
|
1977
1977
|
},
|
|
1978
1978
|
m.value
|
|
1979
1979
|
]])
|
|
1980
1980
|
}, [
|
|
1981
1981
|
b("span", {
|
|
1982
|
-
class: A(["cl
|
|
1983
|
-
"cl
|
|
1982
|
+
class: A(["cl:font-semibold cl:lg:hidden", {
|
|
1983
|
+
"cl:hidden": s.options.hideGridMobileView
|
|
1984
1984
|
}])
|
|
1985
1985
|
}, R(g(n)(s.column.caption)), 3),
|
|
1986
1986
|
s.editMode && s.column.editable === !0 ? I(s.$slots, `${s.column.name}Edit`, ge(Y({ key: 0 }, {
|
|
@@ -2058,13 +2058,13 @@ const Pa = {
|
|
|
2058
2058
|
]), 1032, ["data", "column", "options", "time-zone", "search-value", "edit-mode", "row-index", "onEdit", "onUndo"]))), 128))
|
|
2059
2059
|
]));
|
|
2060
2060
|
}
|
|
2061
|
-
}), Ka = ["colspan"], Qa = ["colspan"], Ya = { key: 2 }, Ja = ["colspan"], Xa = { class: "cl
|
|
2061
|
+
}), Ka = ["colspan"], Qa = ["colspan"], Ya = { key: 2 }, Ja = ["colspan"], Xa = { class: "cl:flex cl:flex-wrap cl:justify-center cl:text-center cl:text-sm cl:w-full" }, xa = { key: 0 }, _a = {
|
|
2062
2062
|
key: 1,
|
|
2063
|
-
class: "cl
|
|
2063
|
+
class: "cl:mt-6 cl:w-full"
|
|
2064
2064
|
}, en = {
|
|
2065
2065
|
key: 2,
|
|
2066
|
-
class: "cl
|
|
2067
|
-
}, ln = { class: "cl
|
|
2066
|
+
class: "cl:mt-4"
|
|
2067
|
+
}, ln = { class: "cl:mb-2 cl:w-full" }, tn = /* @__PURE__ */ F({
|
|
2068
2068
|
__name: "cl-ui-grid-body",
|
|
2069
2069
|
props: /* @__PURE__ */ ue({
|
|
2070
2070
|
columns: {},
|
|
@@ -2146,7 +2146,7 @@ const Pa = {
|
|
|
2146
2146
|
colspan: v.columns.length,
|
|
2147
2147
|
class: A(
|
|
2148
2148
|
{
|
|
2149
|
-
"cl
|
|
2149
|
+
"cl:border-t cl:border-off-white": E % 2 === 0
|
|
2150
2150
|
}
|
|
2151
2151
|
)
|
|
2152
2152
|
}, " ", 10, Ka)
|
|
@@ -2160,12 +2160,12 @@ const Pa = {
|
|
|
2160
2160
|
"time-zone": v.timeZone,
|
|
2161
2161
|
"search-value": v.searchValue,
|
|
2162
2162
|
"edit-mode": v.editMode,
|
|
2163
|
-
class: A(["cl
|
|
2164
|
-
"cl
|
|
2165
|
-
"cl
|
|
2166
|
-
"cl
|
|
2167
|
-
"
|
|
2168
|
-
"hover:
|
|
2163
|
+
class: A(["cl:transition-colors", {
|
|
2164
|
+
"cl:bg-white": P % 2 === 0 && v.data.totalRecords > 1,
|
|
2165
|
+
"cl:bg-off-white": P % 2 === 1 || v.data.totalRecords === 1,
|
|
2166
|
+
"cl:cursor-pointer": (v.options.highlightRowSelection || v.options.rowSelectionEnabled) && !v.editMode,
|
|
2167
|
+
"cl:bg-link-lighter!": P === e.value && v.options.highlightRowSelection === !0,
|
|
2168
|
+
"cl:hover:bg-link-lighter": v.options.rowSelectionEnabled && v.options.highlightRowSelection === !0 && !v.editMode
|
|
2169
2169
|
}]),
|
|
2170
2170
|
"row-index": P,
|
|
2171
2171
|
onClick: (N) => {
|
|
@@ -2188,13 +2188,13 @@ const Pa = {
|
|
|
2188
2188
|
]), 1032, ["data", "options", "columns", "time-zone", "search-value", "edit-mode", "class", "row-index", "onClick", "onCellFocus", "onCellEdit"]))), 128)),
|
|
2189
2189
|
v.data.results.length < v.request.pageSize ? (c(!0), h(Q, { key: 0 }, _(Math.max(5 - v.data.results.length, 0), (E) => (c(), h("tr", {
|
|
2190
2190
|
key: E,
|
|
2191
|
-
class: A(["lg:
|
|
2192
|
-
"cl
|
|
2191
|
+
class: A(["cl:lg:table-row", {
|
|
2192
|
+
"cl:hidden": l.options.hideGridMobileView === !1
|
|
2193
2193
|
}])
|
|
2194
2194
|
}, [
|
|
2195
2195
|
b("td", {
|
|
2196
2196
|
colspan: v.columns.length,
|
|
2197
|
-
class: "cl
|
|
2197
|
+
class: "cl:gap-1 cl:lg:px-1 cl:py-2 cl:text-xs"
|
|
2198
2198
|
}, " ", 8, Qa)
|
|
2199
2199
|
], 2))), 128)) : z("", !0)
|
|
2200
2200
|
], 64)) : v.loading ? z("", !0) : (c(), h("tr", Ya, [
|
|
@@ -2224,7 +2224,7 @@ const Pa = {
|
|
|
2224
2224
|
]);
|
|
2225
2225
|
};
|
|
2226
2226
|
}
|
|
2227
|
-
}), on = ["value", "inputmode", "disabled", "placeholder"], an = { class: "cl
|
|
2227
|
+
}), on = ["value", "inputmode", "disabled", "placeholder"], an = { class: "cl:absolute cl:flex-col cl:flex-nowrap cl:h-full cl:hidden cl:justify-between cl:py-0.5 cl:right-1 cl:text-xs cl:top-0 cl:xl:flex" }, nn = ["disabled"], sn = ["disabled"], al = /* @__PURE__ */ F({
|
|
2228
2228
|
inheritAttrs: !1,
|
|
2229
2229
|
__name: "cl-ui-input-number",
|
|
2230
2230
|
props: /* @__PURE__ */ ue({
|
|
@@ -2331,14 +2331,14 @@ const Pa = {
|
|
|
2331
2331
|
b("div", {
|
|
2332
2332
|
ref_key: "focusWithinRef",
|
|
2333
2333
|
ref: p,
|
|
2334
|
-
class: "cl
|
|
2334
|
+
class: "cl:relative cl:w-full"
|
|
2335
2335
|
}, [
|
|
2336
2336
|
(c(), h("input", Y(L.$attrs, {
|
|
2337
2337
|
ref_key: "inputRef",
|
|
2338
2338
|
ref: m,
|
|
2339
2339
|
key: i.value,
|
|
2340
2340
|
value: N.value,
|
|
2341
|
-
class: "[&:hover:not(:focus-within)]:
|
|
2341
|
+
class: "cl:[&:hover:not(:focus-within)]:border-grey-3 cl:bg-white cl:border cl:border-grey-2 cl:disabled:bg-grey-1 cl:disabled:border-grey-2 cl:focus-within:border-link-light cl:outline-none cl:p-1 cl:px-2 cl:rounded-lg cl:transition-colors",
|
|
2342
2342
|
type: "text",
|
|
2343
2343
|
inputmode: L.format === g(oe).DECIMAL && L.precision === 0 ? "numeric" : "decimal",
|
|
2344
2344
|
disabled: L.disabled,
|
|
@@ -2354,7 +2354,7 @@ const Pa = {
|
|
|
2354
2354
|
}), null, 16, on)),
|
|
2355
2355
|
ne(b("div", an, [
|
|
2356
2356
|
b("button", {
|
|
2357
|
-
class: "cl
|
|
2357
|
+
class: "cl:bg-secondary-light/30 cl:border cl:border-grey-3 cl:hover:bg-secondary-light/20 cl:px-1 cl:rounded",
|
|
2358
2358
|
disabled: L.disabled,
|
|
2359
2359
|
onClick: j[4] || (j[4] = (G) => S(!1)),
|
|
2360
2360
|
onKeydown: [
|
|
@@ -2365,7 +2365,7 @@ const Pa = {
|
|
|
2365
2365
|
O(U, { icon: "ph:caret-up-bold" })
|
|
2366
2366
|
], 40, nn),
|
|
2367
2367
|
b("button", {
|
|
2368
|
-
class: "cl
|
|
2368
|
+
class: "cl:bg-secondary-light/30 cl:border cl:border-grey-3 cl:hover:bg-secondary-light/20 cl:px-1 cl:rounded",
|
|
2369
2369
|
disabled: L.disabled,
|
|
2370
2370
|
onClick: j[7] || (j[7] = (G) => S(!0)),
|
|
2371
2371
|
onKeydown: [
|
|
@@ -2401,11 +2401,11 @@ const Pa = {
|
|
|
2401
2401
|
}
|
|
2402
2402
|
}), rn = {
|
|
2403
2403
|
key: 0,
|
|
2404
|
-
class: "cl
|
|
2405
|
-
}, un = { class: "cl
|
|
2404
|
+
class: "cl:flex cl:flex-col cl:lg:flex-row cl:lg:gap-2"
|
|
2405
|
+
}, un = { class: "cl:border cl:border-off-white cl:flex cl:items-center cl:lg:px-4 cl:lg:py-3 cl:mt-2 cl:p-2 cl:rounded-lg cl:w-full" }, cn = { class: "cl:border cl:border-off-white cl:lg:px-4 cl:lg:py-3 cl:mt-2 cl:p-2 cl:rounded-lg" }, dn = ["inert"], pn = { class: "cl:basis-full cl:bg-off-white cl:border cl:border-grey-1 cl:flex cl:flex-1 cl:items-center cl:justify-between cl:lg:basis-0 cl:lg:px-4 cl:lg:py-3 cl:mt-2 cl:p-2 cl:rounded-lg cl:shadow cl:text-sm" }, fn = { class: "cl:flex cl:flex-wrap cl:gap-x-4 cl:gap-y-2 cl:items-center cl:justify-between cl:w-full" }, mn = { class: "cl:flex cl:flex-wrap cl:gap-x-4" }, gn = { class: "cl:flex cl:flex-col cl:lg:flex-row" }, vn = { class: "cl:mr-2 cl:text-grey-3" }, hn = { class: "cl:flex cl:flex-col cl:lg:flex-row" }, bn = { class: "cl:mr-1 cl:text-grey-3" }, yn = {
|
|
2406
2406
|
key: 0,
|
|
2407
|
-
class: "cl
|
|
2408
|
-
}, wn = { class: "cl
|
|
2407
|
+
class: "cl:flex cl:flex-col cl:lg:flex-row"
|
|
2408
|
+
}, wn = { class: "cl:basis-full cl:mr-1 cl:text-grey-3" }, kn = { class: "cl:flex cl:gap-0.5" }, $n = ["onClick"], Cn = { class: "cl:flex cl:gap-1 cl:items-center" }, Tn = ["onClick"], Sn = { class: "cl:basis-full cl:bg-off-white cl:border cl:border-grey-1 cl:flex cl:gap-2 cl:items-center cl:justify-between cl:lg:basis-auto cl:lg:px-4 cl:lg:py-3 cl:mt-2 cl:px-2 cl:py-1 cl:rounded-lg cl:shadow cl:text-sm" }, qn = { class: "cl:flex cl:items-center" }, Dn = { class: "cl:mr-2 cl:text-grey-3" }, On = /* @__PURE__ */ F({
|
|
2409
2409
|
__name: "cl-ui-grid-footer",
|
|
2410
2410
|
props: {
|
|
2411
2411
|
request: {},
|
|
@@ -2455,17 +2455,17 @@ const Pa = {
|
|
|
2455
2455
|
b("div", un, [
|
|
2456
2456
|
O(g(Cl), { words: 3 }),
|
|
2457
2457
|
O(g(Cl), {
|
|
2458
|
-
class: "cl
|
|
2458
|
+
class: "cl:ml-auto",
|
|
2459
2459
|
words: 2
|
|
2460
2460
|
})
|
|
2461
2461
|
]),
|
|
2462
2462
|
b("div", cn, [
|
|
2463
|
-
O(g(Al), { class: "cl
|
|
2463
|
+
O(g(Al), { class: "cl:w-64" })
|
|
2464
2464
|
])
|
|
2465
2465
|
])) : r.loading || (y = (f = r.data) == null ? void 0 : f.results) != null && y.length && r.request ? (c(), h("div", {
|
|
2466
2466
|
key: 1,
|
|
2467
|
-
class: A(["cl
|
|
2468
|
-
"cl
|
|
2467
|
+
class: A(["cl:flex cl:flex-wrap cl:lg:gap-2", {
|
|
2468
|
+
"cl:opacity-40": r.loading
|
|
2469
2469
|
}]),
|
|
2470
2470
|
inert: r.loading
|
|
2471
2471
|
}, [
|
|
@@ -2485,9 +2485,9 @@ const Pa = {
|
|
|
2485
2485
|
b("ul", kn, [
|
|
2486
2486
|
(c(), h(Q, null, _(m, (v, k) => b("li", {
|
|
2487
2487
|
key: k,
|
|
2488
|
-
class: A(["cl
|
|
2489
|
-
"cl
|
|
2490
|
-
"cl
|
|
2488
|
+
class: A(["cl:last:mr-0 cl:mr-1", {
|
|
2489
|
+
"cl:text-black cl:font-bold": r.request.pageSize === v,
|
|
2490
|
+
"cl:cursor-pointer": r.request.pageSize !== v
|
|
2491
2491
|
}]),
|
|
2492
2492
|
onClick: (D) => s(v)
|
|
2493
2493
|
}, R(g(Oe)(v)), 11, $n)), 64))
|
|
@@ -2498,8 +2498,8 @@ const Pa = {
|
|
|
2498
2498
|
b("ul", Cn, [
|
|
2499
2499
|
b("li", {
|
|
2500
2500
|
class: A({
|
|
2501
|
-
"cl
|
|
2502
|
-
"cl
|
|
2501
|
+
"cl:text-grey-2 cl:pointer-events-none": r.request.pageNumber === 1,
|
|
2502
|
+
"cl:cursor-pointer": r.request.pageNumber > 1
|
|
2503
2503
|
}),
|
|
2504
2504
|
onClick: u[0] || (u[0] = (v) => p(1))
|
|
2505
2505
|
}, [
|
|
@@ -2510,8 +2510,8 @@ const Pa = {
|
|
|
2510
2510
|
], 2),
|
|
2511
2511
|
b("li", {
|
|
2512
2512
|
class: A({
|
|
2513
|
-
"cl
|
|
2514
|
-
"cl
|
|
2513
|
+
"cl:cursor-pointer": r.request.pageNumber > 1,
|
|
2514
|
+
"cl:text-grey-2 cl:pointer-events-none": r.request.pageNumber < 2
|
|
2515
2515
|
}),
|
|
2516
2516
|
onClick: u[1] || (u[1] = (v) => r.request.pageNumber > 1 ? p(r.request.pageNumber - 1) : null)
|
|
2517
2517
|
}, [
|
|
@@ -2522,17 +2522,17 @@ const Pa = {
|
|
|
2522
2522
|
], 2),
|
|
2523
2523
|
(c(!0), h(Q, null, _(i.value, (v, k) => (c(), h("li", {
|
|
2524
2524
|
key: k,
|
|
2525
|
-
class: A(["cl
|
|
2526
|
-
"cl
|
|
2527
|
-
"cl
|
|
2528
|
-
"cl
|
|
2525
|
+
class: A(["cl:border cl:border-grey-2 cl:px-1.5 cl:rounded-sm cl:text-secondary-default", {
|
|
2526
|
+
"cl:font-bold cl:bg-primary-lighter cl:border-primary-default": r.request.pageNumber === v && !r.loading,
|
|
2527
|
+
"cl:cursor-pointer ": r.request.pageNumber !== v,
|
|
2528
|
+
"cl:bg-grey-0": r.loading
|
|
2529
2529
|
}]),
|
|
2530
2530
|
onClick: (D) => p(v)
|
|
2531
2531
|
}, R(g(Oe)(v)), 11, Tn))), 128)),
|
|
2532
2532
|
b("li", {
|
|
2533
2533
|
class: A({
|
|
2534
|
-
"cl
|
|
2535
|
-
"cl
|
|
2534
|
+
"cl:text-grey-2 cl:pointer-events-none": r.request.pageNumber >= a.value,
|
|
2535
|
+
"cl:cursor-pointer": r.request.pageNumber < a.value
|
|
2536
2536
|
}),
|
|
2537
2537
|
onClick: u[2] || (u[2] = (v) => p(r.request.pageNumber + 1))
|
|
2538
2538
|
}, [
|
|
@@ -2543,8 +2543,8 @@ const Pa = {
|
|
|
2543
2543
|
], 2),
|
|
2544
2544
|
b("li", {
|
|
2545
2545
|
class: A({
|
|
2546
|
-
"cl
|
|
2547
|
-
"cl
|
|
2546
|
+
"cl:text-grey-2 cl:pointer-events-none": r.request.pageNumber >= a.value,
|
|
2547
|
+
"cl:cursor-pointer": r.request.pageNumber < a.value
|
|
2548
2548
|
}),
|
|
2549
2549
|
onClick: u[3] || (u[3] = (v) => p(a.value))
|
|
2550
2550
|
}, [
|
|
@@ -2689,7 +2689,7 @@ function mt(o, t, l, e) {
|
|
|
2689
2689
|
}
|
|
2690
2690
|
return l;
|
|
2691
2691
|
}
|
|
2692
|
-
const In = { class: "cl
|
|
2692
|
+
const In = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, An = ["onClick"], Mn = /* @__PURE__ */ F({
|
|
2693
2693
|
__name: "cl-ui-quick-dates-group",
|
|
2694
2694
|
props: {
|
|
2695
2695
|
dates: {},
|
|
@@ -2703,9 +2703,9 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
2703
2703
|
var m, s;
|
|
2704
2704
|
return c(), h("button", {
|
|
2705
2705
|
key: p,
|
|
2706
|
-
class: A(["cl
|
|
2707
|
-
"cl
|
|
2708
|
-
"cl
|
|
2706
|
+
class: A(["cl:border cl:cursor-pointer cl:py-1 cl:rounded-md cl:text-center", {
|
|
2707
|
+
"cl:bg-primary-lighter/30 cl:border-primary-default cl:font-bold cl:hover:border-primary-darker": ((m = n.selectedQuickDate) == null ? void 0 : m.name) === i.name,
|
|
2708
|
+
"cl:border-grey-2 cl:hover:border-grey-3 cl:hover:opacity-95 cl:opacity-60": ((s = n.selectedQuickDate) == null ? void 0 : s.name) !== i.name
|
|
2709
2709
|
}]),
|
|
2710
2710
|
onClick: (r) => l("quick-date-selected", i)
|
|
2711
2711
|
}, [
|
|
@@ -2806,9 +2806,9 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
2806
2806
|
...ul,
|
|
2807
2807
|
...cl,
|
|
2808
2808
|
...Xe
|
|
2809
|
-
], Nn = { class: "cl
|
|
2809
|
+
], Nn = { class: "cl:p-2 cl:pt-0" }, Rn = {
|
|
2810
2810
|
key: 0,
|
|
2811
|
-
class: "cl
|
|
2811
|
+
class: "cl:mt-2 cl:opacity-20"
|
|
2812
2812
|
}, vt = /* @__PURE__ */ F({
|
|
2813
2813
|
__name: "cl-ui-quick-dates",
|
|
2814
2814
|
props: {
|
|
@@ -2845,7 +2845,7 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
2845
2845
|
b("div", null, R(g(n)("quickDates.quickDatesHeader")), 1),
|
|
2846
2846
|
(c(!0), h(Q, null, _(a.value, (m, s) => (c(), h("div", {
|
|
2847
2847
|
key: s,
|
|
2848
|
-
class: "cl
|
|
2848
|
+
class: "cl:pt-2"
|
|
2849
2849
|
}, [
|
|
2850
2850
|
O(Mn, {
|
|
2851
2851
|
dates: m,
|
|
@@ -2873,17 +2873,17 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
2873
2873
|
return (e, n) => {
|
|
2874
2874
|
const a = Te("icon");
|
|
2875
2875
|
return c(), h("div", {
|
|
2876
|
-
class: A(["cl
|
|
2876
|
+
class: A(["cl:border cl:border-grey-1 cl:flex cl:flex-nowrap cl:flex-row cl:overflow-hidden cl:rounded-xs range-input", [
|
|
2877
2877
|
e.$attrs.class,
|
|
2878
2878
|
{
|
|
2879
|
-
"cl
|
|
2879
|
+
"cl:bg-grey-3 ": e.disabled
|
|
2880
2880
|
}
|
|
2881
2881
|
]])
|
|
2882
2882
|
}, [
|
|
2883
2883
|
O(Se, Y(l.value, {
|
|
2884
|
-
class: ["cl
|
|
2885
|
-
"cl
|
|
2886
|
-
"cl
|
|
2884
|
+
class: ["cl:basis-full cl:border-transparent cl:flex! cl:hover:border-transparent cl:items-center cl:justify-center", {
|
|
2885
|
+
"cl:text-grey-4 cl:hover:text-grey-3": !e.dateRangeSelected && !e.disabled,
|
|
2886
|
+
"cl:text-primary-darker cl:hover:text-primary-dark": e.dateRangeSelected && !e.disabled
|
|
2887
2887
|
}],
|
|
2888
2888
|
disabled: e.disabled,
|
|
2889
2889
|
onClick: n[0] || (n[0] = (i) => e.$emit("togglePopover"))
|
|
@@ -2891,7 +2891,7 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
2891
2891
|
default: V(() => [
|
|
2892
2892
|
O(a, {
|
|
2893
2893
|
icon: "bi:calendar3",
|
|
2894
|
-
class: "cl
|
|
2894
|
+
class: "cl:text-xl icon"
|
|
2895
2895
|
})
|
|
2896
2896
|
]),
|
|
2897
2897
|
_: 1
|
|
@@ -2901,9 +2901,9 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
2901
2901
|
id: e.$attrs.id ? e.$attrs.id + "Clear" : "clUiDateRangeInputClear",
|
|
2902
2902
|
title: g(t)("input.clearDateRange"),
|
|
2903
2903
|
size: "small",
|
|
2904
|
-
class: A(["cl
|
|
2905
|
-
"cl
|
|
2906
|
-
"cl
|
|
2904
|
+
class: A(["cl:basis-0 cl:border-transparent cl:flex cl:hover:border-transparent cl:items-center cl:justify-center", {
|
|
2905
|
+
"cl:text-grey-4 cl:hover:text-grey-3": !e.dateRangeSelected && !e.disabled,
|
|
2906
|
+
"cl:text-danger-dark cl:hover:text-danger-default": e.dateRangeSelected && !e.disabled
|
|
2907
2907
|
}]),
|
|
2908
2908
|
disabled: e.disabled,
|
|
2909
2909
|
onClick: n[1] || (n[1] = (i) => e.$emit("clear"))
|
|
@@ -2911,7 +2911,7 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
2911
2911
|
default: V(() => [
|
|
2912
2912
|
O(a, {
|
|
2913
2913
|
icon: "ph:x",
|
|
2914
|
-
class: "cl
|
|
2914
|
+
class: "cl:text-sm clear-icon"
|
|
2915
2915
|
})
|
|
2916
2916
|
]),
|
|
2917
2917
|
_: 1
|
|
@@ -3087,11 +3087,11 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
3087
3087
|
ref: a
|
|
3088
3088
|
}, p.$attrs, {
|
|
3089
3089
|
"onUpdate:modelValue": m[0] || (m[0] = (s) => e.value = s),
|
|
3090
|
-
class: ["[&:hover:not(:focus-within)]:
|
|
3091
|
-
"cl
|
|
3092
|
-
"cl
|
|
3093
|
-
"cl
|
|
3094
|
-
"cl
|
|
3090
|
+
class: ["cl:[&:hover:not(:focus-within)]:border-grey-3 cl:bg-white cl:border cl:border-grey-2 cl:disabled:bg-grey-1 cl:disabled:border-grey-2 cl:focus-within:border-link-light cl:outline-none cl:p-1 cl:px-2 cl:rounded-lg cl:transition-colors cl:w-full", {
|
|
3091
|
+
"cl:resize-none": g(n) === "none" || g(n) === "auto",
|
|
3092
|
+
"cl:resize-y": g(n) === "vertical",
|
|
3093
|
+
"cl:resize-x": g(n) === "horizontal",
|
|
3094
|
+
"cl:resize": g(n) === "both"
|
|
3095
3095
|
}],
|
|
3096
3096
|
onFocus: m[1] || (m[1] = (s) => p.$emit("focus")),
|
|
3097
3097
|
onBlur: m[2] || (m[2] = (s) => p.$emit("blur"))
|
|
@@ -3117,7 +3117,7 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
3117
3117
|
} : void 0
|
|
3118
3118
|
]), 1032, ["errors", "show-required-asterisk"]));
|
|
3119
3119
|
}
|
|
3120
|
-
}), Bn = { class: "cl
|
|
3120
|
+
}), Bn = { class: "cl:gap-1 cl:grid cl:grid-cols-[auto_1fr_auto_auto] cl:pt-0.5 cl:w-full" }, Fn = ["disabled"], Ln = { class: "cl:max-w-max" }, Pn = { class: "cl:flex cl:flex-col cl:gap-1 cl:w-full" }, jn = ["min", "disabled", "required", "step", "max"], Hn = { class: "cl:bg-white cl:border cl:border-grey-2 cl:leading-none cl:rounded-full cl:text-center cl:text-xs" }, Gn = ["disabled"], Zn = ["disabled", "title"], Wn = /* @__PURE__ */ F({
|
|
3121
3121
|
inheritAttrs: !1,
|
|
3122
3122
|
__name: "cl-ui-input-range",
|
|
3123
3123
|
props: /* @__PURE__ */ ue({
|
|
@@ -3135,7 +3135,7 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
3135
3135
|
emits: ["update:modelValue"],
|
|
3136
3136
|
setup(o, { expose: t }) {
|
|
3137
3137
|
tt((u) => ({
|
|
3138
|
-
"
|
|
3138
|
+
"00bdf7e8": p.value
|
|
3139
3139
|
}));
|
|
3140
3140
|
const l = o, e = ve(o, "modelValue"), { t: n } = ce(), a = M(), i = M(), p = T(() => `${100 * (e.value - l.min) / (l.max - l.min)}%`), m = M(!1), s = Gt(e, 50);
|
|
3141
3141
|
function r(u) {
|
|
@@ -3161,7 +3161,7 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
3161
3161
|
b("div", Bn, [
|
|
3162
3162
|
b("button", {
|
|
3163
3163
|
disabled: u.disabled,
|
|
3164
|
-
class: "active:
|
|
3164
|
+
class: "cl:active:bg-grey-0 cl:bg-white cl:border cl:border-grey-2 cl:disabled:bg-grey-1 cl:hover:bg-off-white cl:leading-none cl:min-w-[26px] cl:p-[5px] cl:rounded-full cl:shadow cl:text-xs cl:transition-colors",
|
|
3165
3165
|
onClick: f[0] || (f[0] = (w) => r(u.min))
|
|
3166
3166
|
}, R(g(bl)(u.min, u.precision)), 9, Fn),
|
|
3167
3167
|
b("div", Ln, [
|
|
@@ -3171,7 +3171,7 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
3171
3171
|
ref: a,
|
|
3172
3172
|
"onUpdate:modelValue": f[1] || (f[1] = (w) => e.value = w)
|
|
3173
3173
|
}, u.$attrs, {
|
|
3174
|
-
class: "cl
|
|
3174
|
+
class: "cl:appearance-none cl:bg-transparent cl:cursor-pointer cl:disabled:cursor-default cl:outline-none cl:w-48",
|
|
3175
3175
|
type: "range",
|
|
3176
3176
|
min: u.min,
|
|
3177
3177
|
disabled: u.disabled,
|
|
@@ -3195,7 +3195,7 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
3195
3195
|
ref: i,
|
|
3196
3196
|
modelValue: e.value,
|
|
3197
3197
|
"onUpdate:modelValue": f[2] || (f[2] = (w) => e.value = w),
|
|
3198
|
-
class: "cl
|
|
3198
|
+
class: "cl:py-0.5 cl:w-48"
|
|
3199
3199
|
}, u.$attrs, {
|
|
3200
3200
|
min: u.min,
|
|
3201
3201
|
precision: u.precision,
|
|
@@ -3208,12 +3208,12 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
3208
3208
|
]),
|
|
3209
3209
|
b("button", {
|
|
3210
3210
|
disabled: u.disabled,
|
|
3211
|
-
class: "active:
|
|
3211
|
+
class: "cl:active:bg-grey-0 cl:bg-white cl:border cl:border-grey-2 cl:disabled:bg-grey-1 cl:hover:bg-off-white cl:leading-none cl:min-w-[26px] cl:p-[5px] cl:rounded-full cl:shadow cl:text-xs cl:transition-colors",
|
|
3212
3212
|
onClick: f[3] || (f[3] = (w) => r(u.max))
|
|
3213
3213
|
}, R(g(bl)(u.max, u.precision)), 9, Gn),
|
|
3214
3214
|
b("button", {
|
|
3215
3215
|
disabled: u.disabled,
|
|
3216
|
-
class: "active:
|
|
3216
|
+
class: "cl:active:bg-grey-0 cl:bg-white cl:border cl:border-grey-2 cl:disabled:bg-grey-1 cl:hover:bg-off-white cl:leading-none cl:min-w-0 cl:p-[5px] cl:rounded-full cl:shadow cl:text-xs cl:transition-colors",
|
|
3217
3217
|
title: g(n)("input.switchInputMode"),
|
|
3218
3218
|
onClick: f[4] || (f[4] = (w) => m.value = !m.value)
|
|
3219
3219
|
}, [
|
|
@@ -3240,7 +3240,7 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
3240
3240
|
]), 1032, ["errors", "show-required-asterisk"]);
|
|
3241
3241
|
};
|
|
3242
3242
|
}
|
|
3243
|
-
}), Kn = /* @__PURE__ */ Ce(Wn, [["__scopeId", "data-v-
|
|
3243
|
+
}), Kn = /* @__PURE__ */ Ce(Wn, [["__scopeId", "data-v-d5299954"]]), bt = [
|
|
3244
3244
|
"date",
|
|
3245
3245
|
"datetime",
|
|
3246
3246
|
"time"
|
|
@@ -3258,10 +3258,10 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
3258
3258
|
"left-end"
|
|
3259
3259
|
], Yn = {
|
|
3260
3260
|
key: 1,
|
|
3261
|
-
class: "cl
|
|
3261
|
+
class: "cl:relative"
|
|
3262
3262
|
}, Jn = ["value", "disabled", "placeholder"], Xn = {
|
|
3263
3263
|
key: 0,
|
|
3264
|
-
class: "action-icon cl
|
|
3264
|
+
class: "action-icon cl:absolute cl:bg-transparent cl:flex cl:right-2 cl:text-grey-4 cl:top-3.5"
|
|
3265
3265
|
}, xn = /* @__PURE__ */ F({
|
|
3266
3266
|
inheritAttrs: !1,
|
|
3267
3267
|
__name: "cl-ui-calendar-input",
|
|
@@ -3315,27 +3315,27 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
3315
3315
|
placeholder: i.value
|
|
3316
3316
|
}, Vt(p.events, !0)), null, 16, Jn),
|
|
3317
3317
|
O(g(le), {
|
|
3318
|
-
class: "cl
|
|
3318
|
+
class: "cl:absolute cl:bg-transparent cl:cursor-text cl:left-2 cl:text-grey-4 cl:top-3.5 icon",
|
|
3319
3319
|
icon: p.type === "time" ? "ph-clock" : "ph:calendar",
|
|
3320
3320
|
onClick: n
|
|
3321
3321
|
}, null, 8, ["icon"]),
|
|
3322
3322
|
p.disabled ? z("", !0) : (c(), h("div", Xn, [
|
|
3323
3323
|
p.type !== "time" ? (c(), B(g(le), {
|
|
3324
3324
|
key: 0,
|
|
3325
|
-
class: "cl
|
|
3325
|
+
class: "cl:cursor-pointer cl:hover:text-link-light",
|
|
3326
3326
|
icon: "ph:arrow-counter-clockwise",
|
|
3327
3327
|
onClick: m[2] || (m[2] = X((s) => p.$emit("reset"), ["prevent"]))
|
|
3328
3328
|
})) : z("", !0),
|
|
3329
3329
|
!p.required && p.date && (p.type !== "time" || p.date !== "00:00") ? (c(), B(g(le), {
|
|
3330
3330
|
key: 1,
|
|
3331
|
-
class: "cl
|
|
3331
|
+
class: "cl:cursor-pointer cl:hover:text-link-light cl:md:ml-0.5 clear-icon",
|
|
3332
3332
|
icon: "ph:x",
|
|
3333
3333
|
onClick: m[3] || (m[3] = X((s) => p.$emit("clear"), ["prevent"]))
|
|
3334
3334
|
})) : z("", !0)
|
|
3335
3335
|
]))
|
|
3336
3336
|
]));
|
|
3337
3337
|
}
|
|
3338
|
-
}), xe = /* @__PURE__ */ Ce(xn, [["__scopeId", "data-v-
|
|
3338
|
+
}), xe = /* @__PURE__ */ Ce(xn, [["__scopeId", "data-v-63c927a0"]]), yt = /* @__PURE__ */ F({
|
|
3339
3339
|
inheritAttrs: !1,
|
|
3340
3340
|
__name: "cl-ui-input-datetime",
|
|
3341
3341
|
props: /* @__PURE__ */ ue({
|
|
@@ -3556,9 +3556,9 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
3556
3556
|
}
|
|
3557
3557
|
ll(a, () => p.value ? f(!1) : "");
|
|
3558
3558
|
const ae = T(() => ({
|
|
3559
|
-
"cl
|
|
3560
|
-
"cl
|
|
3561
|
-
"cl
|
|
3559
|
+
"cl:cursor-pointer cl:bg-white": !l.disabled,
|
|
3560
|
+
"cl:border-b-transparent cl:rounded-b-none cl:border-link-light": !l.isGridFilter && p.value,
|
|
3561
|
+
"cl:bg-grey-1 cl:cursor-default": l.disabled
|
|
3562
3562
|
}));
|
|
3563
3563
|
return t({
|
|
3564
3564
|
focus() {
|
|
@@ -3570,7 +3570,7 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
3570
3570
|
return c(), h("div", {
|
|
3571
3571
|
ref_key: "outsideRef",
|
|
3572
3572
|
ref: a,
|
|
3573
|
-
class: "cl
|
|
3573
|
+
class: "cl:w-full"
|
|
3574
3574
|
}, [
|
|
3575
3575
|
O(Re, {
|
|
3576
3576
|
"show-required-asterisk": S.required,
|
|
@@ -3581,17 +3581,17 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
3581
3581
|
]),
|
|
3582
3582
|
default: V(() => [
|
|
3583
3583
|
b("div", {
|
|
3584
|
-
class: A(["cl
|
|
3585
|
-
"cl
|
|
3584
|
+
class: A(["cl:w-full", {
|
|
3585
|
+
"cl:relative": S.isGridFilter === !1
|
|
3586
3586
|
}])
|
|
3587
3587
|
}, [
|
|
3588
3588
|
I(S.$slots, "input", ge(he({ handleEnterPress: N, handleEscapePress: H, selectModalVisible: p.value, toggleSelectModalState: f, moveHighlightBackwards: k, moveHighlightForwards: D, moveHighlightToStart: w, moveHighlightToEnd: v })), () => [
|
|
3589
3589
|
r.value === !1 ? (c(), B(wt, {
|
|
3590
3590
|
key: 0,
|
|
3591
3591
|
class: A([[ae.value, {
|
|
3592
|
-
"cl
|
|
3593
|
-
"cl
|
|
3594
|
-
}], "cl
|
|
3592
|
+
"cl:border cl:border-grey-2": S.isGridFilter === !1,
|
|
3593
|
+
"cl:border-link-light": g(s) && !S.openDropDownOnFocus && S.isGridFilter === !1
|
|
3594
|
+
}], "cl:flex cl:gap-2 cl:items-center cl:justify-between cl:min-h-8 cl:rounded-lg cl:select-none cl:transition-colors cl:w-full"]),
|
|
3595
3595
|
onToggleModal: f
|
|
3596
3596
|
}, {
|
|
3597
3597
|
default: V(() => [
|
|
@@ -3599,7 +3599,7 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
3599
3599
|
ref_key: "inputElement",
|
|
3600
3600
|
ref: m,
|
|
3601
3601
|
readonly: "",
|
|
3602
|
-
class: [ae.value, "cl-outline-none cl
|
|
3602
|
+
class: [ae.value, "cl:disabled:border-grey-2 cl:disabled:placeholder-grey-3 cl:outline-none cl:overflow-hidden cl:px-2 cl:py-1 cl:rounded-lg cl:text-ellipsis cl:transition-colors cl:w-full cl:whitespace-nowrap"],
|
|
3603
3603
|
placeholder: e.value === null || e.value === void 0 ? S.placeholder ?? void 0 : void 0,
|
|
3604
3604
|
value: E(e.value) ? e.value.name : e.value,
|
|
3605
3605
|
disabled: S.disabled,
|
|
@@ -3619,7 +3619,7 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
3619
3619
|
]
|
|
3620
3620
|
}), null, 16, _n),
|
|
3621
3621
|
b("div", {
|
|
3622
|
-
class: "cl
|
|
3622
|
+
class: "cl:flex cl:items-center cl:px-2 cl:py-1 cl:relative cl:text-grey-3 cl:z-10",
|
|
3623
3623
|
disabled: S.disabled,
|
|
3624
3624
|
onClick: W[4] || (W[4] = (j) => f())
|
|
3625
3625
|
}, [
|
|
@@ -3636,13 +3636,13 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
3636
3636
|
ref_key: "selectModalRef",
|
|
3637
3637
|
ref: i,
|
|
3638
3638
|
tabindex: r.value ? 0 : void 0,
|
|
3639
|
-
class: ["cl
|
|
3640
|
-
"cl
|
|
3641
|
-
"cl
|
|
3642
|
-
"cl
|
|
3643
|
-
"cl
|
|
3644
|
-
"cl
|
|
3645
|
-
"cl
|
|
3639
|
+
class: ["cl:absolute cl:bg-white cl:border cl:border-grey-2 cl:flex cl:flex-col cl:focus:border-link-light cl:outline-none cl:overflow-y-auto cl:overscroll-contain cl:overscroll-y-none cl:rounded-lg cl:transition-colors cl:w-full cl:z-20", {
|
|
3640
|
+
"cl:border-t cl:mt-0.5": S.isGridFilter,
|
|
3641
|
+
"cl:border-link-light": !S.isGridFilter && p.value,
|
|
3642
|
+
"cl:absolute cl:border-t-0 cl:left-0 cl:rounded-t-none cl:top-8 cl:min-h-20 cl:max-h-56 cl:text-sm": !S.isGridFilter && r.value === !1,
|
|
3643
|
+
"cl:max-h-28": r.value,
|
|
3644
|
+
"cl:overflow-y-auto": S.disabled === !1,
|
|
3645
|
+
"cl:overflow-hidden": S.disabled
|
|
3646
3646
|
}],
|
|
3647
3647
|
inert: S.disabled,
|
|
3648
3648
|
onBlur: W[5] || (W[5] = (j) => f(!1)),
|
|
@@ -3704,11 +3704,11 @@ const In = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, An = ["onClick"], Mn =
|
|
|
3704
3704
|
setup(o, { emit: t }) {
|
|
3705
3705
|
const l = t;
|
|
3706
3706
|
return (e, n) => (c(), h("div", {
|
|
3707
|
-
class: A(["cl
|
|
3708
|
-
"cl
|
|
3709
|
-
"cl
|
|
3710
|
-
"hover:
|
|
3711
|
-
"cl
|
|
3707
|
+
class: A(["cl:px-2 cl:py-0.5", e.disabled ? "cl:bg-grey-1 cl:border-grey-2 cl:placeholder-grey-3" : ["cl:cursor-pointer", {
|
|
3708
|
+
"cl:bg-primary-lighter cl:hover:bg-primary-default": e.isSelected && e.isHighlighted === !1,
|
|
3709
|
+
"cl:bg-primary-default": e.isSelected && e.isHighlighted,
|
|
3710
|
+
"cl:hover:bg-link-lighter": e.isSelected === !1 && e.isHighlighted === !1,
|
|
3711
|
+
"cl:bg-link-lighter": e.isSelected === !1 && e.isHighlighted
|
|
3712
3712
|
}]]),
|
|
3713
3713
|
onClick: n[0] || (n[0] = (a) => e.disabled ? null : l("select"))
|
|
3714
3714
|
}, [
|
|
@@ -3900,7 +3900,7 @@ const cs = {
|
|
|
3900
3900
|
description: "Less than",
|
|
3901
3901
|
allowedTypes: ["number"]
|
|
3902
3902
|
}
|
|
3903
|
-
], fs = { class: "cl
|
|
3903
|
+
], fs = { class: "cl:bg-off-white cl:border-grey-1 cl:border-r cl:flex cl:h-full cl:items-center cl:justify-center cl:rounded-md cl:w-10" }, ms = { class: "cl:p-2 cl:select-none" }, gs = ["onClick"], vs = /* @__PURE__ */ F({
|
|
3904
3904
|
__name: "cl-ui-grid-method-selector",
|
|
3905
3905
|
props: {
|
|
3906
3906
|
filter: {},
|
|
@@ -3944,23 +3944,23 @@ const cs = {
|
|
|
3944
3944
|
return (u, f) => (c(), h("div", {
|
|
3945
3945
|
ref_key: "gridMethodSelectElement",
|
|
3946
3946
|
ref: m,
|
|
3947
|
-
class: "cl
|
|
3947
|
+
class: "cl:group cl:inline cl:relative cl:w-auto"
|
|
3948
3948
|
}, [
|
|
3949
3949
|
b("div", fs, [
|
|
3950
3950
|
i.value ? (c(), B(g(le), {
|
|
3951
3951
|
key: 0,
|
|
3952
3952
|
icon: i.value.icon,
|
|
3953
|
-
class: A(["cl
|
|
3954
|
-
"cl
|
|
3955
|
-
"cl
|
|
3953
|
+
class: A(["cl:text-lg", {
|
|
3954
|
+
"cl:text-grey-4": l.filter === void 0 || l.filter.filterValue === "",
|
|
3955
|
+
"cl:text-primary-default": l.filter && l.filter.filterValue !== ""
|
|
3956
3956
|
}])
|
|
3957
3957
|
}, null, 8, ["icon", "class"])) : z("", !0)
|
|
3958
3958
|
]),
|
|
3959
3959
|
b("div", {
|
|
3960
|
-
class: A(["cl
|
|
3961
|
-
"group-hover:
|
|
3962
|
-
"cl
|
|
3963
|
-
"cl
|
|
3960
|
+
class: A(["cl:absolute cl:bg-white cl:border cl:border-grey-0 cl:flex-wrap cl:font-normal cl:h-0 cl:hidden cl:rounded-sm cl:shadow-lg cl:text-left cl:text-xs cl:top-8 cl:z-10", {
|
|
3961
|
+
"cl:group-hover:flex cl:group-hover:h-auto cl:group-hover:w-52": u.loading === !1,
|
|
3962
|
+
"cl:right-0": r.value === !1,
|
|
3963
|
+
"cl:left-0": r.value
|
|
3964
3964
|
}])
|
|
3965
3965
|
}, [
|
|
3966
3966
|
b("strong", ms, R(g(n)("grid.availableMethods")), 1),
|
|
@@ -3968,15 +3968,15 @@ const cs = {
|
|
|
3968
3968
|
var v;
|
|
3969
3969
|
return c(), h("span", {
|
|
3970
3970
|
key: w,
|
|
3971
|
-
class: A(["cl
|
|
3972
|
-
"cl
|
|
3971
|
+
class: A(["cl:cursor-pointer cl:hover:bg-grey-0 cl:px-4 cl:py-1 cl:transition-colors cl:w-full", {
|
|
3972
|
+
"cl:bg-primary-default cl:opacity-80": y.method === ((v = i.value) == null ? void 0 : v.method)
|
|
3973
3973
|
}]),
|
|
3974
3974
|
onClick: X((k) => p(y.method), ["prevent"])
|
|
3975
3975
|
}, [
|
|
3976
3976
|
ie(R(y.description) + " ", 1),
|
|
3977
3977
|
O(g(le), {
|
|
3978
3978
|
icon: y.icon,
|
|
3979
|
-
class: "cl
|
|
3979
|
+
class: "cl:float-right cl:text-grey-4 cl:text-sm"
|
|
3980
3980
|
}, null, 8, ["icon"])
|
|
3981
3981
|
], 10, gs);
|
|
3982
3982
|
}), 128))
|
|
@@ -4001,16 +4001,16 @@ const cs = {
|
|
|
4001
4001
|
}
|
|
4002
4002
|
]), hs = {
|
|
4003
4003
|
key: 1,
|
|
4004
|
-
class: "cl
|
|
4004
|
+
class: "cl:w-full"
|
|
4005
4005
|
}, bs = {
|
|
4006
4006
|
key: 2,
|
|
4007
|
-
class: "cl
|
|
4007
|
+
class: "cl:w-full"
|
|
4008
4008
|
}, ys = {
|
|
4009
4009
|
key: 3,
|
|
4010
|
-
class: "cl
|
|
4010
|
+
class: "cl:w-full"
|
|
4011
4011
|
}, ws = {
|
|
4012
4012
|
key: 4,
|
|
4013
|
-
class: "cl
|
|
4013
|
+
class: "cl:w-full"
|
|
4014
4014
|
}, ks = /* @__PURE__ */ F({
|
|
4015
4015
|
__name: "cl-ui-grid-filter-input",
|
|
4016
4016
|
props: {
|
|
@@ -4245,8 +4245,8 @@ const cs = {
|
|
|
4245
4245
|
((d = l.filter) == null ? void 0 : d.length) === 0 && (D.value = Qe.id);
|
|
4246
4246
|
}), (d, $) => L.value ? (c(), h("div", {
|
|
4247
4247
|
key: 0,
|
|
4248
|
-
class: A(["cl
|
|
4249
|
-
d.options.hideGridMobileView || r.value || d.column.type === "boolean" || d.column.type === "slot" && d.column.slotType === "boolean" ? "cl
|
|
4248
|
+
class: A(["cl:border cl:border-grey-2 cl:flex cl:relative cl:rounded-md", [
|
|
4249
|
+
d.options.hideGridMobileView || r.value || d.column.type === "boolean" || d.column.type === "slot" && d.column.slotType === "boolean" ? "cl:overflow-visible" : "cl:overflow-hidden cl:lg:overflow-visible!"
|
|
4250
4250
|
]])
|
|
4251
4251
|
}, [
|
|
4252
4252
|
d.column.type === "boolean" || d.column.type === "slot" && d.column.slotType === "boolean" ? (c(), B(Tl, {
|
|
@@ -4255,13 +4255,13 @@ const cs = {
|
|
|
4255
4255
|
list: g(Ql),
|
|
4256
4256
|
disabled: d.loading,
|
|
4257
4257
|
"is-grid-filter": !0,
|
|
4258
|
-
class: "
|
|
4258
|
+
class: "cl:bg-white cl:font-normal cl:min-h-0! cl:rounded-lg!",
|
|
4259
4259
|
"model-value": w.value,
|
|
4260
4260
|
"onUpdate:modelValue": $[0] || ($[0] = (C) => j(null, (C == null ? void 0 : C.value) ?? ""))
|
|
4261
4261
|
}, {
|
|
4262
4262
|
default: V(({ select: C, option: Z, index: pe, highlightIndex: ke, isSelected: fe }) => [
|
|
4263
4263
|
O(Sl, {
|
|
4264
|
-
class: "
|
|
4264
|
+
class: "cl:py-0! cl:text-xs",
|
|
4265
4265
|
"is-selected": fe(Z),
|
|
4266
4266
|
"is-highlighted": pe === ke,
|
|
4267
4267
|
onSelect: (Be) => C(Z)
|
|
@@ -4280,7 +4280,7 @@ const cs = {
|
|
|
4280
4280
|
"time-zone": d.timeZone,
|
|
4281
4281
|
readonly: d.loading,
|
|
4282
4282
|
type: d.column.type === "slot" ? d.column.slotType : d.column.type,
|
|
4283
|
-
class: "
|
|
4283
|
+
class: "cl:border-none cl:h-[2rem]! cl:lg:text-base! cl:mb-0 cl:pb-1 cl:text-xs cl:w-full readonly-filter",
|
|
4284
4284
|
"popover-placement": "bottom-start",
|
|
4285
4285
|
"onUpdate:modelValue": $[1] || ($[1] = (C) => j(null, C ?? ""))
|
|
4286
4286
|
}, null, 8, ["id", "model-value", "time-zone", "readonly", "type"])
|
|
@@ -4288,7 +4288,7 @@ const cs = {
|
|
|
4288
4288
|
O(ht, {
|
|
4289
4289
|
id: `${g(Ee)}-${d.column.name}`,
|
|
4290
4290
|
"model-value": de.value,
|
|
4291
|
-
class: "[&_.clear-icon]:-
|
|
4291
|
+
class: "cl:[&_.clear-icon]:-pb-4 cl:[&_.icon]:text-sm cl:[&_.range-input]:h-[2rem] cl:border-none cl:h-[2rem] cl:mb-0 cl:w-full cl:z-50",
|
|
4292
4292
|
disabled: d.loading,
|
|
4293
4293
|
"time-zone": d.headerDisplayTimezone,
|
|
4294
4294
|
"quick-date-scope": d.quickDateScope,
|
|
@@ -4301,7 +4301,7 @@ const cs = {
|
|
|
4301
4301
|
"model-value": S.value === "" || isNaN(+S.value) ? null : +S.value,
|
|
4302
4302
|
format: y.value,
|
|
4303
4303
|
precision: d.column.format === g(oe).INTEGER ? 0 : g(Ml)(y.value, { locale: g(a), additionalOptions: { maximumFractionDigits: d.column.precision ?? 2 } }).maximumFractionDigits,
|
|
4304
|
-
class: "cl
|
|
4304
|
+
class: "cl:border-none cl:font-normal cl:h-[2rem] cl:lg:text-base cl:mb-0 cl:text-xs cl:w-full readonly-filter",
|
|
4305
4305
|
readonly: d.loading,
|
|
4306
4306
|
"show-arrows": !1,
|
|
4307
4307
|
"allow-empty": !0,
|
|
@@ -4320,7 +4320,7 @@ const cs = {
|
|
|
4320
4320
|
$[4] || ($[4] = (C) => K.value = C),
|
|
4321
4321
|
$[5] || ($[5] = (C) => j(null, C))
|
|
4322
4322
|
],
|
|
4323
|
-
class: "cl
|
|
4323
|
+
class: "cl:border-none cl:font-normal cl:h-[2rem] cl:lg:text-base cl:px-3 cl:text-xs readonly-filter",
|
|
4324
4324
|
readonly: d.loading,
|
|
4325
4325
|
onKeySinglePress: we
|
|
4326
4326
|
}, {
|
|
@@ -4334,7 +4334,7 @@ const cs = {
|
|
|
4334
4334
|
id: `${g(Ee)}-${d.column.name}`,
|
|
4335
4335
|
list: v.value,
|
|
4336
4336
|
"model-value": k.value,
|
|
4337
|
-
class: "
|
|
4337
|
+
class: "cl:bg-white cl:font-normal cl:max-h-52! cl:min-h-0! cl:rounded-lg!",
|
|
4338
4338
|
disabled: d.loading,
|
|
4339
4339
|
"is-grid-filter": !0,
|
|
4340
4340
|
"onUpdate:modelValue": $[6] || ($[6] = (C) => E(C))
|
|
@@ -4344,8 +4344,8 @@ const cs = {
|
|
|
4344
4344
|
"is-highlighted": pe === ke,
|
|
4345
4345
|
"is-selected": fe(Z),
|
|
4346
4346
|
class: A({
|
|
4347
|
-
"
|
|
4348
|
-
"cl
|
|
4347
|
+
"cl:py-0!": Z.name === "",
|
|
4348
|
+
"cl:text-xs": Z.name !== ""
|
|
4349
4349
|
}),
|
|
4350
4350
|
onSelect: (Be) => C(Z)
|
|
4351
4351
|
}, {
|
|
@@ -4368,7 +4368,7 @@ const cs = {
|
|
|
4368
4368
|
}, null, 8, ["filter", "loading", "column", "default-operation"]))
|
|
4369
4369
|
], 2)) : z("", !0);
|
|
4370
4370
|
}
|
|
4371
|
-
}), Yl = /* @__PURE__ */ Ce(ks, [["__scopeId", "data-v-
|
|
4371
|
+
}), Yl = /* @__PURE__ */ Ce(ks, [["__scopeId", "data-v-666fed3c"]]), $s = { key: 1 }, Cs = /* @__PURE__ */ F({
|
|
4372
4372
|
__name: "cl-ui-grid-filter",
|
|
4373
4373
|
props: {
|
|
4374
4374
|
loading: { type: Boolean },
|
|
@@ -4386,7 +4386,7 @@ const cs = {
|
|
|
4386
4386
|
const t = o, l = T(() => el(t.column));
|
|
4387
4387
|
return (e, n) => e.initialLoad && g(el)(e.column) ? (c(), B(g(Al), {
|
|
4388
4388
|
key: 0,
|
|
4389
|
-
class: "cl
|
|
4389
|
+
class: "cl:h-[34px]"
|
|
4390
4390
|
})) : e.bulkEditMode && e.column.editable ? (c(), h("div", $s, [
|
|
4391
4391
|
I(e.$slots, `${e.column.name}BulkEdit`, ge(he({
|
|
4392
4392
|
column: e.column
|
|
@@ -4417,7 +4417,7 @@ const cs = {
|
|
|
4417
4417
|
onPerformDataRequest: n[3] || (n[3] = (a) => e.$emit("perform-data-request"))
|
|
4418
4418
|
}, null, 8, ["loading", "filter", "column", "time-zone", "quick-date-scope", "header-display-timezone", "options"])) : z("", !0);
|
|
4419
4419
|
}
|
|
4420
|
-
}), Ts = ["onClick"], Ss = { key: 1 }, qs = ["onClick"], Ds = { class: "cl
|
|
4420
|
+
}), Ts = ["onClick"], Ss = { key: 1 }, qs = ["onClick"], Ds = { class: "cl:font-normal cl:mr-1" }, Os = /* @__PURE__ */ F({
|
|
4421
4421
|
__name: "cl-ui-grid-header",
|
|
4422
4422
|
props: {
|
|
4423
4423
|
request: {},
|
|
@@ -4459,19 +4459,19 @@ const cs = {
|
|
|
4459
4459
|
}
|
|
4460
4460
|
}
|
|
4461
4461
|
return (s, r) => (c(), h("thead", {
|
|
4462
|
-
class: A(["
|
|
4463
|
-
s.options.hideGridMobileView ? "cl
|
|
4462
|
+
class: A(["cl:-top-1 cl:bg-white cl:z-20", [
|
|
4463
|
+
s.options.hideGridMobileView ? "cl:relative" : "cl:shadow cl:sticky cl:lg:bg-transparent cl:lg:relative cl:lg:shadow-none"
|
|
4464
4464
|
]])
|
|
4465
4465
|
}, [
|
|
4466
4466
|
b("tr", {
|
|
4467
|
-
class: A(["cl
|
|
4468
|
-
"cl
|
|
4467
|
+
class: A(["cl:table-row", {
|
|
4468
|
+
"cl:hidden! cl:lg:table-row!": s.options.hideGridMobileView === !1
|
|
4469
4469
|
}])
|
|
4470
4470
|
}, [
|
|
4471
4471
|
(c(!0), h(Q, null, _(s.columns, (u, f) => (c(), h("th", {
|
|
4472
4472
|
key: f,
|
|
4473
|
-
class: A(["cl
|
|
4474
|
-
"cl
|
|
4473
|
+
class: A(["cl:text-grey-3 cl:text-sm", {
|
|
4474
|
+
"cl:cursor-pointer": g(sl)(u) && s.loading === !1
|
|
4475
4475
|
}]),
|
|
4476
4476
|
onClick: (y) => g(sl)(u) && s.loading === !1 ? p(u.field) : () => {
|
|
4477
4477
|
}
|
|
@@ -4479,13 +4479,13 @@ const cs = {
|
|
|
4479
4479
|
s.initialLoad ? (c(), B(g(Cl), { key: 0 })) : (c(), h("div", Ss, [
|
|
4480
4480
|
ie(R(g(n)(u.caption)) + " ", 1),
|
|
4481
4481
|
ne(O(g(le), {
|
|
4482
|
-
class: "cl
|
|
4482
|
+
class: "cl:inline-block",
|
|
4483
4483
|
icon: "ph:caret-up"
|
|
4484
4484
|
}, null, 512), [
|
|
4485
4485
|
[me, i(u, !0)]
|
|
4486
4486
|
]),
|
|
4487
4487
|
ne(O(g(le), {
|
|
4488
|
-
class: "cl
|
|
4488
|
+
class: "cl:inline-block",
|
|
4489
4489
|
icon: "ph:caret-down"
|
|
4490
4490
|
}, null, 512), [
|
|
4491
4491
|
[me, i(u, !1)]
|
|
@@ -4494,18 +4494,18 @@ const cs = {
|
|
|
4494
4494
|
], 10, Ts))), 128))
|
|
4495
4495
|
], 2),
|
|
4496
4496
|
b("tr", {
|
|
4497
|
-
class: A(["cl
|
|
4498
|
-
"cl
|
|
4499
|
-
"cl
|
|
4497
|
+
class: A(["cl:border cl:border-grey-2 cl:flex cl:flex-wrap cl:lg:border-none cl:lg:p-0 cl:lg:table-row cl:p-2", {
|
|
4498
|
+
"cl:hidden cl:lg:table-row": !s.filterPanelOpen && s.options.hideGridMobileView === !1,
|
|
4499
|
+
"cl:border-none cl:p-0 cl:table-row": s.options.hideGridMobileView
|
|
4500
4500
|
}])
|
|
4501
4501
|
}, [
|
|
4502
4502
|
b("th", {
|
|
4503
|
-
class: A(["cl
|
|
4504
|
-
"cl
|
|
4503
|
+
class: A(["cl:flex cl:justify-end cl:lg:hidden cl:w-full", {
|
|
4504
|
+
"cl:hidden": s.options.hideGridMobileView
|
|
4505
4505
|
}])
|
|
4506
4506
|
}, [
|
|
4507
4507
|
O(g(le), {
|
|
4508
|
-
class: "cl
|
|
4508
|
+
class: "cl:hover:cursor-pointer cl:hover:text-link-default cl:text-grey-4",
|
|
4509
4509
|
icon: "ph:x",
|
|
4510
4510
|
size: 16,
|
|
4511
4511
|
onClick: r[0] || (r[0] = X((u) => s.loading === !1 ? s.$emit("update:filterPanelOpen", !1) : void 0, ["prevent"]))
|
|
@@ -4513,42 +4513,42 @@ const cs = {
|
|
|
4513
4513
|
], 2),
|
|
4514
4514
|
(c(!0), h(Q, null, _(s.columns, (u, f) => (c(), h("th", {
|
|
4515
4515
|
key: f,
|
|
4516
|
-
class: A(["cl
|
|
4517
|
-
s.options.hideGridMobileView ? "cl
|
|
4516
|
+
class: A(["cl:lg:table-cell cl:lg:w-auto cl:py-1 cl:text-xs", [
|
|
4517
|
+
s.options.hideGridMobileView ? "cl:table-cell cl:w-auto" : "cl:grid cl:grid-cols-4 cl:w-full",
|
|
4518
4518
|
{
|
|
4519
|
-
"cl
|
|
4519
|
+
"cl:hidden": !g(el)(u) && s.options.hideGridMobileView == !1
|
|
4520
4520
|
}
|
|
4521
4521
|
]])
|
|
4522
4522
|
}, [
|
|
4523
4523
|
b("div", {
|
|
4524
|
-
class: A(["cl
|
|
4525
|
-
"cl
|
|
4524
|
+
class: A(["cl:col-span-2 cl:lg:hidden", {
|
|
4525
|
+
"cl:hidden": s.options.hideGridMobileView
|
|
4526
4526
|
}])
|
|
4527
4527
|
}, R(g(n)(u.caption)), 3),
|
|
4528
4528
|
g(sl)(u) ? (c(), h("div", {
|
|
4529
4529
|
key: 0,
|
|
4530
|
-
class: A(["cl
|
|
4531
|
-
"cl
|
|
4530
|
+
class: A(["cl:col-span-2 cl:gap-1 cl:lg:hidden cl:span", {
|
|
4531
|
+
"cl:hidden": s.options.hideGridMobileView
|
|
4532
4532
|
}]),
|
|
4533
4533
|
onClick: (y) => s.loading === !1 ? p(u.field) : void 0
|
|
4534
4534
|
}, [
|
|
4535
4535
|
b("span", Ds, R(g(n)("grid.sortBy")), 1),
|
|
4536
4536
|
i(u, !0) ? (c(), B(g(le), {
|
|
4537
4537
|
key: 0,
|
|
4538
|
-
class: "cl
|
|
4538
|
+
class: "cl:cursor-pointer cl:inline-block",
|
|
4539
4539
|
icon: "ph:caret-up"
|
|
4540
4540
|
})) : i(u, !1) ? (c(), B(g(le), {
|
|
4541
4541
|
key: 1,
|
|
4542
|
-
class: "cl
|
|
4542
|
+
class: "cl:cursor-pointer cl:inline-block",
|
|
4543
4543
|
icon: "ph:caret-down"
|
|
4544
4544
|
})) : (c(), B(g(le), {
|
|
4545
4545
|
key: 2,
|
|
4546
|
-
class: "cl
|
|
4546
|
+
class: "cl:cursor-pointer cl:inline-block",
|
|
4547
4547
|
icon: "ph:minus"
|
|
4548
4548
|
}))
|
|
4549
4549
|
], 10, qs)) : z("", !0),
|
|
4550
4550
|
O(Cs, {
|
|
4551
|
-
class: "cl
|
|
4551
|
+
class: "cl:col-span-4 cl:min-w-[100px]",
|
|
4552
4552
|
loading: s.loading,
|
|
4553
4553
|
"initial-load": s.initialLoad,
|
|
4554
4554
|
"bulk-edit-mode": s.bulkEditMode,
|
|
@@ -4572,7 +4572,7 @@ const cs = {
|
|
|
4572
4572
|
], 2)
|
|
4573
4573
|
], 2));
|
|
4574
4574
|
}
|
|
4575
|
-
}), Es = { class: "cl
|
|
4575
|
+
}), Es = { class: "cl:flex cl:mb-2" }, Is = { class: "cl:basis-full cl:grow" }, As = /* @__PURE__ */ F({
|
|
4576
4576
|
__name: "cl-ui-grid-search",
|
|
4577
4577
|
props: /* @__PURE__ */ ue({
|
|
4578
4578
|
columns: {},
|
|
@@ -4624,7 +4624,7 @@ const cs = {
|
|
|
4624
4624
|
f[0] || (f[0] = (w) => n.value = w),
|
|
4625
4625
|
f[1] || (f[1] = (w) => w === "" ? p(w) : g(m)(w))
|
|
4626
4626
|
],
|
|
4627
|
-
class: "cl
|
|
4627
|
+
class: "cl:box-border cl:font-light cl:p-2 cl:pr-9 cl:text-sm",
|
|
4628
4628
|
type: "search",
|
|
4629
4629
|
placeholder: u.columns.length > 4 ? g(s)("grid.search") : g(s)("grid.searchSpecific", { columns: u.columns.map((w) => g(s)(w.caption)).join(", ") }),
|
|
4630
4630
|
onKeypress: f[2] || (f[2] = te((w) => p(n.value), ["enter"]))
|
|
@@ -4637,7 +4637,7 @@ const cs = {
|
|
|
4637
4637
|
]),
|
|
4638
4638
|
n.value ? (c(), B(y, {
|
|
4639
4639
|
key: 0,
|
|
4640
|
-
class: "cl
|
|
4640
|
+
class: "cl:absolute cl:cursor-pointer cl:hover:text-link-light cl:lg:right-4 cl:right-1 cl:text-grey-4 cl:top-3 cl:z-10",
|
|
4641
4641
|
icon: "ph:x-bold",
|
|
4642
4642
|
onClick: f[3] || (f[3] = X((w) => p(""), ["prevent"]))
|
|
4643
4643
|
})) : z("", !0)
|
|
@@ -4645,7 +4645,7 @@ const cs = {
|
|
|
4645
4645
|
]);
|
|
4646
4646
|
};
|
|
4647
4647
|
}
|
|
4648
|
-
}), Ms = { class: "cl
|
|
4648
|
+
}), Ms = { class: "cl:fixed cl:flex cl:h-full cl:justify-end cl:right-0 cl:shadow-lg cl:top-0 cl:z-40" }, Vs = { 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" }, Ns = { class: "cl:mb-4 cl:text-2xl cl:text-off-white" }, Rs = { class: "cl:border-grey-3 cl:border-t cl:flex cl:flex-wrap cl:text-sm cl:w-full" }, Us = { class: "cl:border-b cl:border-grey-2 cl:flex cl:py-2 cl:text-sm cl:w-full" }, zs = { class: "cl:flex-1 cl:py-2" }, Bs = { class: "cl:py-2 cl:w-1/4" }, Fs = { class: "cl:py-2 cl:w-1/5" }, Ls = { class: "cl:flex-1 cl:py-2" }, Ps = { class: "cl:py-2 cl:w-1/4" }, js = { class: "cl:py-2 cl:text-off-white cl:w-1/5" }, Hs = { key: 1 }, Gs = /* @__PURE__ */ F({
|
|
4649
4649
|
inheritAttrs: !1,
|
|
4650
4650
|
__name: "cl-ui-grid-view-manager",
|
|
4651
4651
|
props: {
|
|
@@ -4674,7 +4674,7 @@ const cs = {
|
|
|
4674
4674
|
e("view-manager-visible", a.value);
|
|
4675
4675
|
}), (r, u) => (c(), h(Q, null, [
|
|
4676
4676
|
O(Se, Y(r.$attrs, {
|
|
4677
|
-
class: "cl
|
|
4677
|
+
class: "cl:w-full",
|
|
4678
4678
|
size: "small",
|
|
4679
4679
|
disabled: r.loading,
|
|
4680
4680
|
onClick: u[0] || (u[0] = X((f) => a.value = !0, ["prevent"]))
|
|
@@ -4690,7 +4690,7 @@ const cs = {
|
|
|
4690
4690
|
ne(b("div", Ms, [
|
|
4691
4691
|
b("div", Vs, [
|
|
4692
4692
|
O(g(le), {
|
|
4693
|
-
class: "cl
|
|
4693
|
+
class: "cl:absolute cl:cursor-pointer cl:right-3 cl:text-off-white cl:top-3",
|
|
4694
4694
|
icon: "ph:x",
|
|
4695
4695
|
size: 16,
|
|
4696
4696
|
onClick: u[1] || (u[1] = (f) => a.value = !1)
|
|
@@ -4704,7 +4704,7 @@ const cs = {
|
|
|
4704
4704
|
]),
|
|
4705
4705
|
(c(!0), h(Q, null, _(i.value, (f, y) => (c(), h("li", {
|
|
4706
4706
|
key: y,
|
|
4707
|
-
class: "cl
|
|
4707
|
+
class: "cl:border-b cl:border-grey-2 cl:flex cl:py-2 cl:text-sm cl:w-full"
|
|
4708
4708
|
}, [
|
|
4709
4709
|
b("div", Ls, R(f.viewManagerCaption ? g(n)(f.viewManagerCaption) : g(n)(f.caption)), 1),
|
|
4710
4710
|
b("div", Ps, [
|
|
@@ -4717,13 +4717,13 @@ const cs = {
|
|
|
4717
4717
|
f.visible === void 0 || f.visible === !0 ? (c(), h(Q, { key: 0 }, [
|
|
4718
4718
|
y !== 0 ? (c(), B(g(le), {
|
|
4719
4719
|
key: 0,
|
|
4720
|
-
class: "cl
|
|
4720
|
+
class: "cl:cursor-pointer cl:inline-block cl:mr-2",
|
|
4721
4721
|
icon: "ph:arrow-left",
|
|
4722
4722
|
onClick: (w) => s(f, "down")
|
|
4723
4723
|
}, null, 8, ["onClick"])) : z("", !0),
|
|
4724
4724
|
y !== i.value.length - 1 ? (c(), B(g(le), {
|
|
4725
4725
|
key: 1,
|
|
4726
|
-
class: "cl
|
|
4726
|
+
class: "cl:cursor-pointer cl:inline-block",
|
|
4727
4727
|
icon: "ph:arrow-right",
|
|
4728
4728
|
onClick: (w) => s(f, "up")
|
|
4729
4729
|
}, null, 8, ["onClick"])) : z("", !0)
|
|
@@ -4741,10 +4741,10 @@ const cs = {
|
|
|
4741
4741
|
]))
|
|
4742
4742
|
], 64));
|
|
4743
4743
|
}
|
|
4744
|
-
}), Zs = { class: "cl-relative cl
|
|
4744
|
+
}), Zs = { class: "cl:lg:min-h-fit cl:relative cl:w-full grid-wrapper" }, Ws = {
|
|
4745
4745
|
key: 0,
|
|
4746
|
-
class: "cl
|
|
4747
|
-
}, Ks = { class: "cl
|
|
4746
|
+
class: "cl:absolute cl:flex cl:items-center cl:justify-center cl:min-h-full cl:p-28 cl:pt-0 cl:w-full"
|
|
4747
|
+
}, Ks = { class: "cl:overflow-x-auto cl:overscroll-x-none cl:pt-1" }, Qs = /* @__PURE__ */ F({
|
|
4748
4748
|
__name: "cl-ui-grid",
|
|
4749
4749
|
props: /* @__PURE__ */ ue({
|
|
4750
4750
|
columns: {},
|
|
@@ -4854,7 +4854,7 @@ const cs = {
|
|
|
4854
4854
|
}), (U, G) => (c(), h("div", Zs, [
|
|
4855
4855
|
de.value && W.value.length > 0 ? (c(), B(g(Al), {
|
|
4856
4856
|
key: 0,
|
|
4857
|
-
class: "cl
|
|
4857
|
+
class: "cl:h-[39px] cl:mb-2"
|
|
4858
4858
|
})) : W.value.length > 0 ? (c(), B(As, {
|
|
4859
4859
|
key: 1,
|
|
4860
4860
|
ref_key: "gridSearchRef",
|
|
@@ -4873,7 +4873,7 @@ const cs = {
|
|
|
4873
4873
|
O(Ve, { name: "fade" }, {
|
|
4874
4874
|
default: V(() => [
|
|
4875
4875
|
U.loading && de.value === !1 ? (c(), h("div", Ws, [
|
|
4876
|
-
O(tl, { class: "after
|
|
4876
|
+
O(tl, { class: "cl:after:h-20! cl:after:w-20! cl:h-20 cl:w-20" })
|
|
4877
4877
|
])) : z("", !0)
|
|
4878
4878
|
]),
|
|
4879
4879
|
_: 1
|
|
@@ -4906,13 +4906,13 @@ const cs = {
|
|
|
4906
4906
|
}, 8, ["edit-mode", "filter-panel-open", "can-bulk-edit", "columns", "options", "request", "loading", "initial-load"]),
|
|
4907
4907
|
b("div", Ks, [
|
|
4908
4908
|
b("table", {
|
|
4909
|
-
class: A(["cl
|
|
4910
|
-
"cl
|
|
4909
|
+
class: A(["cl:delay-75 cl:min-h-[276px] cl:overflow-x-auto cl:overscroll-x-none cl:text-left cl:transition-opacity cl:w-full", {
|
|
4910
|
+
"cl:opacity-40 cl:pointer-events-none": U.loading && de.value === !1
|
|
4911
4911
|
}])
|
|
4912
4912
|
}, [
|
|
4913
4913
|
b("colgroup", {
|
|
4914
4914
|
class: A([
|
|
4915
|
-
U.options.hideGridMobileView ? "cl
|
|
4915
|
+
U.options.hideGridMobileView ? "cl:table-column-group" : "cl:hidden cl:lg:table-column-group"
|
|
4916
4916
|
])
|
|
4917
4917
|
}, [
|
|
4918
4918
|
(c(!0), h(Q, null, _(f.value, (K, we) => (c(), h("col", {
|
|
@@ -4982,7 +4982,7 @@ const cs = {
|
|
|
4982
4982
|
}, null, 8, ["request", "loading", "initial-load", "show-unsaved-changes-warning", "data", "options"])) : z("", !0)
|
|
4983
4983
|
]));
|
|
4984
4984
|
}
|
|
4985
|
-
}), Ys = { class: "cl
|
|
4985
|
+
}), Ys = { class: "cl:relative" }, Js = ["id"], Xs = /* @__PURE__ */ F({
|
|
4986
4986
|
inheritAttrs: !1,
|
|
4987
4987
|
__name: "cl-ui-grid-lite",
|
|
4988
4988
|
props: /* @__PURE__ */ ue({
|
|
@@ -5021,13 +5021,13 @@ const cs = {
|
|
|
5021
5021
|
once: !0
|
|
5022
5022
|
}), (y, w) => (c(), h("div", Ys, [
|
|
5023
5023
|
b("div", Y({ id: g(i) }, a, {
|
|
5024
|
-
class: ["cl
|
|
5025
|
-
"cl
|
|
5026
|
-
"cl
|
|
5024
|
+
class: ["cl:border cl:border-off-white cl:grid cl:overflow-hidden cl:rounded-sm cl:text-base cl:w-full", {
|
|
5025
|
+
"cl:opacity-60": y.loading,
|
|
5026
|
+
"cl:text-xs": u.value.smallGridText
|
|
5027
5027
|
}]
|
|
5028
5028
|
}), [
|
|
5029
5029
|
b("div", {
|
|
5030
|
-
class: "0 cl
|
|
5030
|
+
class: "0 cl:grid cl:min-w-full cl:overflow-auto",
|
|
5031
5031
|
style: ot(s())
|
|
5032
5032
|
}, [
|
|
5033
5033
|
O(g($t), {
|
|
@@ -5069,7 +5069,7 @@ const cs = {
|
|
|
5069
5069
|
], 16, Js),
|
|
5070
5070
|
y.loading && !f.value ? (c(), B(tl, {
|
|
5071
5071
|
key: 0,
|
|
5072
|
-
class: "after
|
|
5072
|
+
class: "cl:absolute cl:after:h-14! cl:after:w-14! cl:left-1/2 cl:top-20"
|
|
5073
5073
|
})) : z("", !0)
|
|
5074
5074
|
]));
|
|
5075
5075
|
}
|
|
@@ -5078,7 +5078,7 @@ function yl(o) {
|
|
|
5078
5078
|
const t = o.type !== "slot" || o.slotType !== void 0 && o.field !== void 0, l = o.sortable ?? !0;
|
|
5079
5079
|
return t && l;
|
|
5080
5080
|
}
|
|
5081
|
-
const xs = { class: "cl
|
|
5081
|
+
const xs = { class: "cl:col-[1_/_-1] cl:grid cl:grid-cols-subgrid" }, _s = ["id", "onClick"], $t = /* @__PURE__ */ F({
|
|
5082
5082
|
inheritAttrs: !1,
|
|
5083
5083
|
__name: "cl-ui-grid-lite-header",
|
|
5084
5084
|
props: /* @__PURE__ */ ue({
|
|
@@ -5112,40 +5112,40 @@ const xs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, _s = ["id"
|
|
|
5112
5112
|
(c(!0), h(Q, null, _(a.columns, (m, s) => (c(), h("div", Y({ ref_for: !0 }, a.$attrs, {
|
|
5113
5113
|
id: `${a.gridId}-header-${m.name}`,
|
|
5114
5114
|
key: m.name,
|
|
5115
|
-
class: ["cl
|
|
5116
|
-
a.isSmallGrid ? "cl
|
|
5115
|
+
class: ["cl:border-grey-1 cl:flex cl:font-bold cl:gap-1 cl:items-center cl:justify-between cl:p-2", [
|
|
5116
|
+
a.isSmallGrid ? "cl:px-1 cl:py-1.5 cl:text-xs" : "cl:p-2 cl:text-sm",
|
|
5117
5117
|
{
|
|
5118
|
-
"cl
|
|
5119
|
-
"cl
|
|
5120
|
-
"cl
|
|
5121
|
-
"cl
|
|
5118
|
+
"cl:cursor-pointer": g(yl)(m),
|
|
5119
|
+
"cl:border-r": s !== a.columns.length - 1,
|
|
5120
|
+
"cl:animate-pulse cl:bg-grey-1": a.initialLoad,
|
|
5121
|
+
"cl:bg-off-white": a.initialLoad === !1
|
|
5122
5122
|
}
|
|
5123
5123
|
]],
|
|
5124
5124
|
onClick: (r) => g(yl)(m) ? n(m.field) : () => {
|
|
5125
5125
|
}
|
|
5126
5126
|
}), [
|
|
5127
5127
|
b("span", {
|
|
5128
|
-
class: A(["cl
|
|
5129
|
-
"cl
|
|
5128
|
+
class: A(["cl:tracking-wide cl:whitespace-nowrap", {
|
|
5129
|
+
"cl:opacity-0": a.initialLoad
|
|
5130
5130
|
}])
|
|
5131
5131
|
}, R(m.caption ? g(l)(m.caption) : m.name), 3),
|
|
5132
5132
|
ne(b("div", {
|
|
5133
|
-
class: A(["cl-px-0.5 cl
|
|
5134
|
-
"cl
|
|
5135
|
-
"cl
|
|
5133
|
+
class: A(["cl:hover:bg-link-lighter cl:px-0.5 cl:py-1 cl:rounded", {
|
|
5134
|
+
"cl:bg-link-lighter": e(m, !1) || e(m, !0),
|
|
5135
|
+
"cl:opacity-0": a.initialLoad
|
|
5136
5136
|
}])
|
|
5137
5137
|
}, [
|
|
5138
5138
|
e(m, !0) ? (c(), B(p, {
|
|
5139
5139
|
key: 0,
|
|
5140
|
-
class: "cl
|
|
5140
|
+
class: "cl:text-grey-5 cl:text-xs",
|
|
5141
5141
|
icon: "ph:caret-up-bold"
|
|
5142
5142
|
})) : e(m, !1) ? (c(), B(p, {
|
|
5143
5143
|
key: 1,
|
|
5144
|
-
class: "cl
|
|
5144
|
+
class: "cl:text-grey-5 cl:text-xs",
|
|
5145
5145
|
icon: "ph:caret-down-bold"
|
|
5146
5146
|
})) : (c(), B(p, {
|
|
5147
5147
|
key: 2,
|
|
5148
|
-
class: "cl
|
|
5148
|
+
class: "cl:text-grey-3 cl:text-xs",
|
|
5149
5149
|
icon: "ph:caret-up-down-bold"
|
|
5150
5150
|
}))
|
|
5151
5151
|
], 2), [
|
|
@@ -5164,17 +5164,17 @@ const xs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, _s = ["id"
|
|
|
5164
5164
|
setup(o) {
|
|
5165
5165
|
return (t, l) => (c(!0), h(Q, null, _(t.pageSize, (e) => (c(), h("div", {
|
|
5166
5166
|
key: e,
|
|
5167
|
-
class: "cl
|
|
5167
|
+
class: "cl:col-[1_/_-1] cl:grid cl:grid-cols-subgrid"
|
|
5168
5168
|
}, [
|
|
5169
5169
|
(c(!0), h(Q, null, _(t.columnCount, (n) => (c(), h("div", {
|
|
5170
5170
|
key: n,
|
|
5171
|
-
class: A(["cl
|
|
5172
|
-
"cl
|
|
5171
|
+
class: A(["cl:border-off-white cl:p-2 cl:w-full", {
|
|
5172
|
+
"cl:border-r": n !== n - 1
|
|
5173
5173
|
}])
|
|
5174
5174
|
}, " ", 2))), 128))
|
|
5175
5175
|
]))), 128));
|
|
5176
5176
|
}
|
|
5177
|
-
}), er = { class: "cl
|
|
5177
|
+
}), er = { class: "cl:col-[1_/_-1] cl:grid cl:grid-cols-subgrid" }, Tt = /* @__PURE__ */ F({
|
|
5178
5178
|
inheritAttrs: !1,
|
|
5179
5179
|
__name: "cl-ui-grid-lite-row",
|
|
5180
5180
|
props: {
|
|
@@ -5193,8 +5193,8 @@ const xs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, _s = ["id"
|
|
|
5193
5193
|
"time-zone": t.timeZone,
|
|
5194
5194
|
column: e,
|
|
5195
5195
|
"is-small-grid": t.isSmallGrid,
|
|
5196
|
-
class: ["cl
|
|
5197
|
-
"cl
|
|
5196
|
+
class: ["cl:border-off-white", {
|
|
5197
|
+
"cl:border-r": n !== t.columns.length - 1
|
|
5198
5198
|
}]
|
|
5199
5199
|
}), be({ _: 2 }, [
|
|
5200
5200
|
_(t.$slots, (a, i) => ({
|
|
@@ -5206,7 +5206,7 @@ const xs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, _s = ["id"
|
|
|
5206
5206
|
]), 1040, ["id", "data", "time-zone", "column", "is-small-grid", "class"]))), 128))
|
|
5207
5207
|
]));
|
|
5208
5208
|
}
|
|
5209
|
-
}), lr = { class: "cl
|
|
5209
|
+
}), lr = { class: "cl:col-[1_/_-1] cl:grid cl:grid-cols-subgrid" }, St = /* @__PURE__ */ F({
|
|
5210
5210
|
__name: "cl-ui-grid-lite-body",
|
|
5211
5211
|
props: {
|
|
5212
5212
|
columns: {},
|
|
@@ -5228,8 +5228,8 @@ const xs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, _s = ["id"
|
|
|
5228
5228
|
"column-count": a.columns.length
|
|
5229
5229
|
}, null, 8, ["page-size", "column-count"])) : (((p = a.data) == null ? void 0 : p.results.length) ?? 0) < 1 && a.initialLoad === !1 ? (c(), h("div", {
|
|
5230
5230
|
key: 1,
|
|
5231
|
-
class: A(["cl
|
|
5232
|
-
e.value ? "cl
|
|
5231
|
+
class: A(["cl:col-[1_/_-1] cl:text-center cl:w-full", [
|
|
5232
|
+
e.value ? "cl:p-1" : "cl:p-2"
|
|
5233
5233
|
]])
|
|
5234
5234
|
}, [
|
|
5235
5235
|
I(a.$slots, "noData", {}, () => [
|
|
@@ -5243,8 +5243,8 @@ const xs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, _s = ["id"
|
|
|
5243
5243
|
columns: a.columns,
|
|
5244
5244
|
class: A(
|
|
5245
5245
|
{
|
|
5246
|
-
"cl
|
|
5247
|
-
"cl
|
|
5246
|
+
"cl:border-b cl:border-off-white": s !== a.data.results.length - 1,
|
|
5247
|
+
"cl:bg-off-white/75": s % 2 != 0 && n.value
|
|
5248
5248
|
}
|
|
5249
5249
|
),
|
|
5250
5250
|
"time-zone": a.timeZone,
|
|
@@ -5262,7 +5262,7 @@ const xs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, _s = ["id"
|
|
|
5262
5262
|
}
|
|
5263
5263
|
}), tr = ["id"], or = ["id"], ar = ["id"], nr = {
|
|
5264
5264
|
key: 5,
|
|
5265
|
-
class: "cl
|
|
5265
|
+
class: "cl:inline-block cl:whitespace-nowrap"
|
|
5266
5266
|
}, sr = ["id", "innerHTML"], qt = /* @__PURE__ */ F({
|
|
5267
5267
|
inheritAttrs: !1,
|
|
5268
5268
|
__name: "cl-ui-grid-lite-cell",
|
|
@@ -5308,7 +5308,7 @@ const xs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, _s = ["id"
|
|
|
5308
5308
|
}
|
|
5309
5309
|
function m() {
|
|
5310
5310
|
let r = t.data[t.column.field];
|
|
5311
|
-
return r ? (t.column.maxLength && (r = r.trimToLength(t.column.maxLength, t.column.format !== void 0 ? t.column.format === "ellipsis" : !1)), t.column.format === "wrap-text" && (r = `<span class="cl
|
|
5311
|
+
return r ? (t.column.maxLength && (r = r.trimToLength(t.column.maxLength, t.column.format !== void 0 ? t.column.format === "ellipsis" : !1)), t.column.format === "wrap-text" && (r = `<span class="cl:break-words cl:whitespace-pre-wrap">${r}</span>`), r) : "";
|
|
5312
5312
|
}
|
|
5313
5313
|
function s(r, u) {
|
|
5314
5314
|
return t.column.format === oe.INTEGER ? Me(r, oe.DECIMAL, {
|
|
@@ -5329,13 +5329,13 @@ const xs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, _s = ["id"
|
|
|
5329
5329
|
var f;
|
|
5330
5330
|
return c(), h("div", Y({
|
|
5331
5331
|
class: [
|
|
5332
|
-
r.isSmallGrid ? "cl
|
|
5332
|
+
r.isSmallGrid ? "cl:px-1 cl:py-1.5 cl:text-xs" : "cl:p-2 cl:text-sm"
|
|
5333
5333
|
]
|
|
5334
5334
|
}, e), [
|
|
5335
5335
|
r.$slots[r.column.name] ? I(r.$slots, r.column.name, ge(Y({ key: 0 }, { column: r.column, data: r.data }))) : r.column.type === "boolean" && r.column.field !== void 0 ? (c(), B(ml, {
|
|
5336
5336
|
key: 1,
|
|
5337
5337
|
id: g(l),
|
|
5338
|
-
class: "disabled:checked:
|
|
5338
|
+
class: "cl:disabled:checked:bg-primary-light cl:disabled:checked:border-primary-light",
|
|
5339
5339
|
"model-value": r.data[r.column.field],
|
|
5340
5340
|
disabled: !0
|
|
5341
5341
|
}, null, 8, ["id", "model-value"])) : (r.column.type === "date" || r.column.type === "datetime" || r.column.type === "dateRange") && r.column.field !== void 0 ? (c(), h("span", {
|
|
@@ -5352,11 +5352,11 @@ const xs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, _s = ["id"
|
|
|
5352
5352
|
], 8, tr)) : r.column.type === "list" && r.column.field !== void 0 && r.column.listEntries !== void 0 ? (c(), h("span", {
|
|
5353
5353
|
key: 3,
|
|
5354
5354
|
id: g(l),
|
|
5355
|
-
class: "cl
|
|
5355
|
+
class: "cl:inline-block cl:whitespace-nowrap"
|
|
5356
5356
|
}, R(g(a)(((f = r.column.listEntries.find((y) => y.value === r.data[r.column.field])) == null ? void 0 : f.translationKey) ?? "")), 9, or)) : r.column.type === "number" && r.column.field !== void 0 ? (c(), h("span", {
|
|
5357
5357
|
key: 4,
|
|
5358
5358
|
id: g(l),
|
|
5359
|
-
class: "cl
|
|
5359
|
+
class: "cl:inline-block cl:whitespace-nowrap"
|
|
5360
5360
|
}, R(s(r.data[r.column.field], g(i))), 9, ar)) : r.column.field !== void 0 ? (c(), h("span", nr, [
|
|
5361
5361
|
b("span", {
|
|
5362
5362
|
id: g(l),
|
|
@@ -5366,20 +5366,20 @@ const xs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, _s = ["id"
|
|
|
5366
5366
|
], 16);
|
|
5367
5367
|
};
|
|
5368
5368
|
}
|
|
5369
|
-
}), rr = {}, ir = { class: "cl
|
|
5369
|
+
}), rr = {}, ir = { class: "cl:border cl:border-off-white cl:border-t cl:flex cl:justify-between cl:p-2" };
|
|
5370
5370
|
function ur(o, t) {
|
|
5371
5371
|
return c(), h("div", ir, t[0] || (t[0] = [
|
|
5372
|
-
b("div", { class: "cl
|
|
5373
|
-
b("p", { class: "cl
|
|
5374
|
-
b("p", { class: "cl
|
|
5372
|
+
b("div", { class: "cl:flex cl:gap-2 cl:w-full" }, [
|
|
5373
|
+
b("p", { class: "cl:animate-pulse cl:basis-3/12 cl:bg-grey-1 cl:leading-none cl:rounded-full" }, " "),
|
|
5374
|
+
b("p", { class: "cl:animate-pulse cl:basis-1/12 cl:bg-grey-1 cl:leading-none cl:rounded-full" }, " ")
|
|
5375
5375
|
], -1),
|
|
5376
|
-
b("p", { class: "cl
|
|
5376
|
+
b("p", { class: "cl:animate-pulse cl:basis-1/12 cl:bg-grey-1 cl:leading-none cl:rounded-full" }, " ", -1)
|
|
5377
5377
|
]));
|
|
5378
5378
|
}
|
|
5379
|
-
const Dt = /* @__PURE__ */ Ce(rr, [["render", ur]]), cr = { class: "cl
|
|
5379
|
+
const Dt = /* @__PURE__ */ Ce(rr, [["render", ur]]), cr = { class: "cl:flex cl:gap-4" }, dr = { class: "cl:mr-2" }, pr = {
|
|
5380
5380
|
key: 0,
|
|
5381
|
-
class: "cl
|
|
5382
|
-
}, fr = { class: "cl
|
|
5381
|
+
class: "cl:flex cl:gap-0.5"
|
|
5382
|
+
}, fr = { class: "cl:mr-1 cl:w-full" }, mr = ["id", "onClick"], gr = { class: "cl:flex cl:gap-1 cl:items-center" }, vr = ["id"], hr = ["id"], br = ["id", "onClick"], yr = ["id"], wr = ["id"], Ot = /* @__PURE__ */ F({
|
|
5383
5383
|
__name: "cl-ui-grid-lite-footer",
|
|
5384
5384
|
props: /* @__PURE__ */ ue({
|
|
5385
5385
|
gridId: {},
|
|
@@ -5426,8 +5426,8 @@ const Dt = /* @__PURE__ */ Ce(rr, [["render", ur]]), cr = { class: "cl-flex cl-g
|
|
|
5426
5426
|
const f = Te("icon");
|
|
5427
5427
|
return r.initialLoad ? (c(), B(Dt, { key: 0 })) : (y = r.data) != null && y.results.length && l.value && n.value > 1 ? (c(), h("div", {
|
|
5428
5428
|
key: 1,
|
|
5429
|
-
class: A(["cl
|
|
5430
|
-
r.options.smallGridText ? "cl
|
|
5429
|
+
class: A(["cl:border-off-white cl:border-t cl:flex cl:flex-wrap cl:gap-y-2 cl:justify-between cl:p-2 cl:text-grey-4", [
|
|
5430
|
+
r.options.smallGridText ? "cl:px-1 cl:py-1.5 cl:text-xs" : "cl:p-2 cl:text-sm"
|
|
5431
5431
|
]])
|
|
5432
5432
|
}, [
|
|
5433
5433
|
b("div", cr, [
|
|
@@ -5440,9 +5440,9 @@ const Dt = /* @__PURE__ */ Ce(rr, [["render", ur]]), cr = { class: "cl-flex cl-g
|
|
|
5440
5440
|
(c(!0), h(Q, null, _(m.value, (w, v) => (c(), h("li", {
|
|
5441
5441
|
id: `${r.gridId}-page-size-${w}`,
|
|
5442
5442
|
key: v,
|
|
5443
|
-
class: A(["cl
|
|
5444
|
-
"cl
|
|
5445
|
-
"cl
|
|
5443
|
+
class: A(["cl:border-b cl:px-1", {
|
|
5444
|
+
"cl:text-link-default": l.value.pageSize === w,
|
|
5445
|
+
"cl:border-b-transparent cl:hover:border-b-link-lighter cl:hover:text-link-light cl:cursor-pointer": l.value.pageSize !== w
|
|
5446
5446
|
}]),
|
|
5447
5447
|
onClick: (k) => l.value.pageSize !== w ? s(w) : null
|
|
5448
5448
|
}, R(g(Oe)(w)), 11, mr))), 128))
|
|
@@ -5453,8 +5453,8 @@ const Dt = /* @__PURE__ */ Ce(rr, [["render", ur]]), cr = { class: "cl-flex cl-g
|
|
|
5453
5453
|
b("li", {
|
|
5454
5454
|
id: `${r.gridId}-page-first`,
|
|
5455
5455
|
class: A({
|
|
5456
|
-
"cl
|
|
5457
|
-
"cl
|
|
5456
|
+
"cl:text-grey-2 cl:pointer-events-none": l.value.pageNumber === 1,
|
|
5457
|
+
"cl:cursor-pointer": l.value.pageNumber > 1
|
|
5458
5458
|
}),
|
|
5459
5459
|
onClick: u[0] || (u[0] = (w) => i(1))
|
|
5460
5460
|
}, [
|
|
@@ -5466,8 +5466,8 @@ const Dt = /* @__PURE__ */ Ce(rr, [["render", ur]]), cr = { class: "cl-flex cl-g
|
|
|
5466
5466
|
b("li", {
|
|
5467
5467
|
id: `${r.gridId}-page-previous`,
|
|
5468
5468
|
class: A({
|
|
5469
|
-
"cl
|
|
5470
|
-
"cl
|
|
5469
|
+
"cl:cursor-pointer": l.value.pageNumber > 1,
|
|
5470
|
+
"cl:text-grey-2 cl:pointer-events-none": l.value.pageNumber < 2
|
|
5471
5471
|
}),
|
|
5472
5472
|
onClick: u[1] || (u[1] = (w) => l.value.pageNumber > 1 ? i(l.value.pageNumber - 1) : null)
|
|
5473
5473
|
}, [
|
|
@@ -5479,17 +5479,17 @@ const Dt = /* @__PURE__ */ Ce(rr, [["render", ur]]), cr = { class: "cl-flex cl-g
|
|
|
5479
5479
|
(c(!0), h(Q, null, _(a.value, (w, v) => (c(), h("li", {
|
|
5480
5480
|
id: `${r.gridId}-page-${w}`,
|
|
5481
5481
|
key: v,
|
|
5482
|
-
class: A(["cl
|
|
5483
|
-
"cl
|
|
5484
|
-
"cl
|
|
5482
|
+
class: A(["cl:border cl:border-grey-2 cl:hover:bg-primary-lighter cl:px-1.5 cl:rounded", {
|
|
5483
|
+
"cl:text-secondary-default cl:bg-primary-lighter cl:border-primary-lighter": l.value.pageNumber === w,
|
|
5484
|
+
"cl:cursor-pointer ": l.value.pageNumber !== w
|
|
5485
5485
|
}]),
|
|
5486
5486
|
onClick: (k) => l.value.pageNumber !== w ? i(w) : null
|
|
5487
5487
|
}, R(g(Oe)(w)), 11, br))), 128)),
|
|
5488
5488
|
b("li", {
|
|
5489
5489
|
id: `${r.gridId}-page-next`,
|
|
5490
5490
|
class: A({
|
|
5491
|
-
"cl
|
|
5492
|
-
"cl
|
|
5491
|
+
"cl:text-grey-2 cl:pointer-events-none": l.value.pageNumber >= n.value,
|
|
5492
|
+
"cl:cursor-pointer": l.value.pageNumber < n.value
|
|
5493
5493
|
}),
|
|
5494
5494
|
onClick: u[2] || (u[2] = (w) => i(l.value.pageNumber + 1))
|
|
5495
5495
|
}, [
|
|
@@ -5501,8 +5501,8 @@ const Dt = /* @__PURE__ */ Ce(rr, [["render", ur]]), cr = { class: "cl-flex cl-g
|
|
|
5501
5501
|
b("li", {
|
|
5502
5502
|
id: `${r.gridId}-page-last`,
|
|
5503
5503
|
class: A({
|
|
5504
|
-
"cl
|
|
5505
|
-
"cl
|
|
5504
|
+
"cl:text-grey-2 cl:pointer-events-none": l.value.pageNumber >= n.value,
|
|
5505
|
+
"cl:cursor-pointer": l.value.pageNumber < n.value
|
|
5506
5506
|
}),
|
|
5507
5507
|
onClick: u[3] || (u[3] = (w) => i(n.value))
|
|
5508
5508
|
}, [
|
|
@@ -5516,7 +5516,7 @@ const Dt = /* @__PURE__ */ Ce(rr, [["render", ur]]), cr = { class: "cl-flex cl-g
|
|
|
5516
5516
|
], 2)) : z("", !0);
|
|
5517
5517
|
};
|
|
5518
5518
|
}
|
|
5519
|
-
}), kr = { class: "cl
|
|
5519
|
+
}), kr = { class: "cl:absolute cl:bg-secondary-default cl:flex cl:h-20 cl:items-center cl:justify-between cl:left-0 cl:top-0 cl:w-full cl:z-40" }, $r = /* @__PURE__ */ F({
|
|
5520
5520
|
__name: "cl-ui-header",
|
|
5521
5521
|
props: {
|
|
5522
5522
|
isOpen: { type: Boolean }
|
|
@@ -5531,7 +5531,7 @@ const Dt = /* @__PURE__ */ Ce(rr, [["render", ur]]), cr = { class: "cl-flex cl-g
|
|
|
5531
5531
|
b("div", {
|
|
5532
5532
|
ref_key: "headerMenuElement",
|
|
5533
5533
|
ref: n,
|
|
5534
|
-
class: "cl
|
|
5534
|
+
class: "cl:cursor-pointer cl:flex cl:flex-nowrap",
|
|
5535
5535
|
onClick: i[0] || (i[0] = (p) => a.$emit("open-click"))
|
|
5536
5536
|
}, [
|
|
5537
5537
|
I(a.$slots, "menu"),
|
|
@@ -5539,15 +5539,15 @@ const Dt = /* @__PURE__ */ Ce(rr, [["render", ur]]), cr = { class: "cl-flex cl-g
|
|
|
5539
5539
|
], 512)
|
|
5540
5540
|
]));
|
|
5541
5541
|
}
|
|
5542
|
-
}), Cr = { class: "cl
|
|
5542
|
+
}), Cr = { class: "cl:bg-transparent cl:flex cl:hover:bg-white/10 cl:items-center cl:md:min-w-[320px] cl:select-none" }, Tr = ["src"], Sr = {
|
|
5543
5543
|
key: 0,
|
|
5544
5544
|
id: "cl-ui-header-menu-username",
|
|
5545
|
-
class: "cl
|
|
5545
|
+
class: "cl:text-ellipsis cl:whitespace-nowrap"
|
|
5546
5546
|
}, qr = {
|
|
5547
5547
|
key: 1,
|
|
5548
5548
|
id: "cl-ui-header-menu-group",
|
|
5549
|
-
class: "cl
|
|
5550
|
-
}, Dr = { class: "cl
|
|
5549
|
+
class: "cl:text-ellipsis cl:text-xs cl:whitespace-nowrap"
|
|
5550
|
+
}, Dr = { class: "cl:content-center cl:flex cl:h-20 cl:items-center cl:justify-center cl:justify-items-center cl:md:ml-4 cl:md:w-20 cl:transition-all cl:w-10" }, Or = { class: "cl:absolute cl:bg-white cl:right-0 cl:shadow-2xl cl:top-20 cl:w-full cl:z-20" }, Er = /* @__PURE__ */ F({
|
|
5551
5551
|
__name: "cl-ui-header-menu",
|
|
5552
5552
|
props: {
|
|
5553
5553
|
username: { default: "" },
|
|
@@ -5558,27 +5558,27 @@ const Dt = /* @__PURE__ */ Ce(rr, [["render", ur]]), cr = { class: "cl-flex cl-g
|
|
|
5558
5558
|
},
|
|
5559
5559
|
setup(o) {
|
|
5560
5560
|
return (t, l) => (c(), h("div", {
|
|
5561
|
-
class: A(["md:
|
|
5562
|
-
"cl
|
|
5563
|
-
"cl
|
|
5561
|
+
class: A(["cl:md:relative", {
|
|
5562
|
+
"cl:bg-primary-default": t.colour === "default",
|
|
5563
|
+
"cl:bg-blue-light": t.colour === "secondary"
|
|
5564
5564
|
}])
|
|
5565
5565
|
}, [
|
|
5566
5566
|
b("div", Cr, [
|
|
5567
5567
|
t.image ? (c(), h("img", {
|
|
5568
5568
|
key: 0,
|
|
5569
5569
|
src: t.image,
|
|
5570
|
-
class: "cl
|
|
5570
|
+
class: "cl:hidden cl:m-4 cl:max-h-12 cl:max-w-12 cl:md:block cl:ring-2 cl:ring-white cl:rounded-full"
|
|
5571
5571
|
}, null, 8, Tr)) : (c(), B(g(le), {
|
|
5572
5572
|
key: 1,
|
|
5573
|
-
class: "cl
|
|
5573
|
+
class: "cl:hidden cl:m-4 cl:md:block cl:text-white",
|
|
5574
5574
|
icon: "ph:user-circle",
|
|
5575
5575
|
width: "48",
|
|
5576
5576
|
height: "48"
|
|
5577
5577
|
})),
|
|
5578
5578
|
b("div", {
|
|
5579
|
-
class: A(["cl
|
|
5580
|
-
"cl
|
|
5581
|
-
"cl
|
|
5579
|
+
class: A(["cl:grow cl:hidden cl:md:block cl:my-4", {
|
|
5580
|
+
"cl:text-secondary-default": t.colour === "default",
|
|
5581
|
+
"cl:text-white": t.colour === "secondary"
|
|
5582
5582
|
}])
|
|
5583
5583
|
}, [
|
|
5584
5584
|
t.username ? (c(), h("div", Sr, R(t.username), 1)) : z("", !0),
|
|
@@ -5586,10 +5586,10 @@ const Dt = /* @__PURE__ */ Ce(rr, [["render", ur]]), cr = { class: "cl-flex cl-g
|
|
|
5586
5586
|
], 2),
|
|
5587
5587
|
b("div", Dr, [
|
|
5588
5588
|
O(g(le), {
|
|
5589
|
-
class: A(["cl
|
|
5590
|
-
"cl
|
|
5591
|
-
"cl
|
|
5592
|
-
"cl
|
|
5589
|
+
class: A(["cl:transform-gpu cl:transition-transform", {
|
|
5590
|
+
"cl:rotate-180": t.isOpen,
|
|
5591
|
+
"cl:text-secondary-default": t.colour === "default",
|
|
5592
|
+
"cl:text-white": t.colour === "secondary"
|
|
5593
5593
|
}]),
|
|
5594
5594
|
icon: "ph:caret-down"
|
|
5595
5595
|
}, null, 8, ["class"])
|
|
@@ -5838,12 +5838,12 @@ const Dt = /* @__PURE__ */ Ce(rr, [["render", ur]]), cr = { class: "cl-flex cl-g
|
|
|
5838
5838
|
ref: a,
|
|
5839
5839
|
type: "text",
|
|
5840
5840
|
disabled: v.disabled,
|
|
5841
|
-
class: A(["
|
|
5842
|
-
"hover
|
|
5843
|
-
"
|
|
5844
|
-
"
|
|
5845
|
-
"
|
|
5846
|
-
"cl
|
|
5841
|
+
class: A(["cl:block cl:border cl:duration-300 cl:focus:outline-none cl:h-full cl:mb-1 cl:p-3 cl:rounded-lg cl:transition cl:w-full", {
|
|
5842
|
+
"cl:hover:border-grey-3!": v.disabled === !1,
|
|
5843
|
+
"cl:cursor-default!": v.disabled,
|
|
5844
|
+
"cl:border-danger-default!": !v.isValid,
|
|
5845
|
+
"cl:border-primary-default!": v.isValid && v.highlightWhenValid,
|
|
5846
|
+
"cl:border-grey-0 cl:focus:border-blue-light": v.isValid,
|
|
5847
5847
|
[`${v.inputSpecificClasses}`]: v.inputSpecificClasses !== ""
|
|
5848
5848
|
}]),
|
|
5849
5849
|
step: v.step,
|
|
@@ -5855,9 +5855,9 @@ const Dt = /* @__PURE__ */ Ce(rr, [["render", ur]]), cr = { class: "cl-flex cl-g
|
|
|
5855
5855
|
onFocus: k[0] || (k[0] = (D) => n("focus"))
|
|
5856
5856
|
}, null, 42, Mr));
|
|
5857
5857
|
}
|
|
5858
|
-
}), Nr = { class: "cl
|
|
5858
|
+
}), Nr = { class: "cl:flex cl:items-start" }, Rr = { class: "cl:w-full" }, Ur = ["min", "max", "step", "disabled"], zr = { class: "cl:bg-transparent cl:text-center cl:text-sm cl:w-full" }, Br = { class: "cl:bg-transparent cl:text-sm" }, Fr = {
|
|
5859
5859
|
key: 1,
|
|
5860
|
-
class: "cl
|
|
5860
|
+
class: "cl:emphasis-danger cl:text-sm cl:w-full"
|
|
5861
5861
|
}, Lr = /* @__PURE__ */ F({
|
|
5862
5862
|
inheritAttrs: !1,
|
|
5863
5863
|
__name: "cl-ui-slider",
|
|
@@ -5874,7 +5874,7 @@ const Dt = /* @__PURE__ */ Ce(rr, [["render", ur]]), cr = { class: "cl-flex cl-g
|
|
|
5874
5874
|
emits: ["update:value"],
|
|
5875
5875
|
setup(o, { expose: t }) {
|
|
5876
5876
|
tt((s) => ({
|
|
5877
|
-
"
|
|
5877
|
+
"6cc5d2a4": i.value
|
|
5878
5878
|
}));
|
|
5879
5879
|
const l = o, e = ve(o, "value"), { t: n } = ce(), a = M(), i = T(() => {
|
|
5880
5880
|
let s = (e.value - l.min) / (l.max - l.min) * 100;
|
|
@@ -5888,9 +5888,9 @@ const Dt = /* @__PURE__ */ Ce(rr, [["render", ur]]), cr = { class: "cl-flex cl-g
|
|
|
5888
5888
|
}), (s, r) => p.value ? (c(), h("div", ge(Y({ key: 0 }, s.$attrs)), [
|
|
5889
5889
|
b("div", Nr, [
|
|
5890
5890
|
b("span", {
|
|
5891
|
-
class: A(["cl
|
|
5892
|
-
"cl
|
|
5893
|
-
"cl
|
|
5891
|
+
class: A(["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", {
|
|
5892
|
+
"cl:bg-white cl:cursor-pointer cl:hover:border-grey-1": !s.disabled,
|
|
5893
|
+
"cl:bg-grey-0": s.disabled
|
|
5894
5894
|
}]),
|
|
5895
5895
|
onClick: r[0] || (r[0] = (u) => e.value = s.disabled ? e.value : s.min)
|
|
5896
5896
|
}, R(Number.isInteger(s.min) ? g(Oe)(s.min) : g(Me)(s.min, g(oe).DECIMAL)), 3),
|
|
@@ -5901,7 +5901,7 @@ const Dt = /* @__PURE__ */ Ce(rr, [["render", ur]]), cr = { class: "cl-flex cl-g
|
|
|
5901
5901
|
ref: a,
|
|
5902
5902
|
modelValue: e.value,
|
|
5903
5903
|
"onUpdate:modelValue": r[1] || (r[1] = (u) => e.value = u),
|
|
5904
|
-
class: "cl
|
|
5904
|
+
class: "cl:min-w-[8.5rem] cl:w-full",
|
|
5905
5905
|
format: g(oe).DECIMAL,
|
|
5906
5906
|
precision: Number.isInteger(s.min) ? 0 : g(Ml)(g(oe).DECIMAL).maximumFractionDigits,
|
|
5907
5907
|
min: s.min,
|
|
@@ -5919,7 +5919,7 @@ const Dt = /* @__PURE__ */ Ce(rr, [["render", ur]]), cr = { class: "cl-flex cl-g
|
|
|
5919
5919
|
ref_key: "sliderRef",
|
|
5920
5920
|
ref: a,
|
|
5921
5921
|
"onUpdate:modelValue": r[2] || (r[2] = (u) => e.value = u),
|
|
5922
|
-
class: "cl
|
|
5922
|
+
class: "cl:align-middle cl:appearance-none cl:border cl:border-grey-2 cl:delay-500 cl:ease-in cl:flex-1 cl:h-5 cl:min-w-[8.5rem] cl:outline-none cl:rounded-full cl:transition-colors cl:w-full",
|
|
5923
5923
|
type: "range",
|
|
5924
5924
|
min: s.min,
|
|
5925
5925
|
max: s.max,
|
|
@@ -5937,15 +5937,15 @@ const Dt = /* @__PURE__ */ Ce(rr, [["render", ur]]), cr = { class: "cl-flex cl-g
|
|
|
5937
5937
|
], 64))
|
|
5938
5938
|
]),
|
|
5939
5939
|
b("span", {
|
|
5940
|
-
class: A(["cl
|
|
5941
|
-
"cl
|
|
5942
|
-
"cl
|
|
5940
|
+
class: A(["cl:border cl:border-transparent cl:leading-6 cl:ml-1 cl:px-2 cl:rounded-full cl:select-none cl:shadow cl:text-center cl:text-xs", {
|
|
5941
|
+
"cl:bg-white cl:cursor-pointer cl:hover:border-grey-1": !s.disabled,
|
|
5942
|
+
"cl:bg-grey-0": s.disabled
|
|
5943
5943
|
}]),
|
|
5944
5944
|
onClick: r[3] || (r[3] = (u) => e.value = s.disabled ? e.value : s.max)
|
|
5945
5945
|
}, R(Number.isInteger(s.max) ? g(Oe)(s.max) : g(Me)(s.max, g(oe).DECIMAL)), 3),
|
|
5946
5946
|
b("div", Br, [
|
|
5947
5947
|
b("div", {
|
|
5948
|
-
class: "cl
|
|
5948
|
+
class: "cl:bg-white cl:border cl:border-transparent cl:cursor-pointer cl:float-right cl:hover:border-grey-1 cl:p-1.5 cl:px-2 cl:rounded-full cl:shadow cl:text-xs",
|
|
5949
5949
|
onClick: r[4] || (r[4] = (u) => m.value = !m.value)
|
|
5950
5950
|
}, [
|
|
5951
5951
|
O(g(le), { icon: "ph:arrows-left-right-thin" })
|
|
@@ -5954,7 +5954,7 @@ const Dt = /* @__PURE__ */ Ce(rr, [["render", ur]]), cr = { class: "cl-flex cl-g
|
|
|
5954
5954
|
])
|
|
5955
5955
|
], 16)) : (c(), h("div", Fr, R(g(n)("slider.invalidProps")), 1));
|
|
5956
5956
|
}
|
|
5957
|
-
}), Pr = /* @__PURE__ */ Ce(Lr, [["__scopeId", "data-v-
|
|
5957
|
+
}), Pr = /* @__PURE__ */ Ce(Lr, [["__scopeId", "data-v-aeee15c9"]]);
|
|
5958
5958
|
function Jl(o) {
|
|
5959
5959
|
let t = !1;
|
|
5960
5960
|
switch (o) {
|
|
@@ -6016,24 +6016,24 @@ function xl(o, t) {
|
|
|
6016
6016
|
const l = o.target;
|
|
6017
6017
|
return jr(t) ? l.valueAsNumber : Je(t) ? l.checked : l.value;
|
|
6018
6018
|
}
|
|
6019
|
-
const Gr = { class: "cl
|
|
6019
|
+
const Gr = { class: "cl:flex cl:justify-between" }, Zr = { class: "cl:w-full" }, Wr = {
|
|
6020
6020
|
key: 0,
|
|
6021
|
-
class: "cl
|
|
6021
|
+
class: "cl:block cl:left-auto cl:relative cl:text-danger-default"
|
|
6022
6022
|
}, Kr = {
|
|
6023
6023
|
key: 1,
|
|
6024
|
-
class: "cl
|
|
6024
|
+
class: "cl:bg-danger-light cl:block cl:max-h-6 cl:mb-1 cl:ml-2 cl:px-2 cl:rounded-md cl:text-center cl:text-danger-default cl:text-xs"
|
|
6025
6025
|
}, Qr = {
|
|
6026
6026
|
key: 0,
|
|
6027
|
-
class: "cl
|
|
6027
|
+
class: "cl:relative"
|
|
6028
6028
|
}, Yr = ["type", "disabled", "min", "max", "minlength", "maxlength", "step", "placeholder", "name", "autocomplete"], Jr = { key: 0 }, Xr = { key: 1 }, xr = {
|
|
6029
6029
|
key: 3,
|
|
6030
|
-
class: "cl
|
|
6030
|
+
class: "cl:max-h-[2.75rem] cl:pb-0.5"
|
|
6031
6031
|
}, _r = {
|
|
6032
6032
|
key: 0,
|
|
6033
|
-
class: "cl
|
|
6033
|
+
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"
|
|
6034
6034
|
}, ei = {
|
|
6035
6035
|
key: 1,
|
|
6036
|
-
class: "cl
|
|
6036
|
+
class: "cl:bg-danger-light cl:px-2 cl:rounded-md cl:text-center cl:text-danger-default cl:text-xs cl:w-auto cl:whitespace-pre-line"
|
|
6037
6037
|
}, li = /* @__PURE__ */ F({
|
|
6038
6038
|
inheritAttrs: !1,
|
|
6039
6039
|
__name: "cl-ui-input",
|
|
@@ -6184,7 +6184,7 @@ const Gr = { class: "cl-flex cl-justify-between" }, Zr = { class: "cl-w-full" },
|
|
|
6184
6184
|
}
|
|
6185
6185
|
}), (d, $) => (c(), h("div", Y({ ...d.$attrs, id: void 0 }, {
|
|
6186
6186
|
key: u.value,
|
|
6187
|
-
class: "cl
|
|
6187
|
+
class: "cl:align-top cl:border-none cl:inline-block cl:text-left"
|
|
6188
6188
|
}), [
|
|
6189
6189
|
b("div", {
|
|
6190
6190
|
onMouseenter: $[13] || ($[13] = (C) => G(!0)),
|
|
@@ -6192,7 +6192,7 @@ const Gr = { class: "cl-flex cl-justify-between" }, Zr = { class: "cl-w-full" },
|
|
|
6192
6192
|
}, [
|
|
6193
6193
|
b("div", Gr, [
|
|
6194
6194
|
b("div", Zr, [
|
|
6195
|
-
ne(b("label", { class: "cl
|
|
6195
|
+
ne(b("label", { class: "cl:block cl:mb-1 cl:text-grey-4 cl:text-xs cl:tracking-widest" }, R(d.label), 513), [
|
|
6196
6196
|
[me, d.showLabel && d.label !== ""]
|
|
6197
6197
|
])
|
|
6198
6198
|
]),
|
|
@@ -6204,14 +6204,14 @@ const Gr = { class: "cl-flex cl-justify-between" }, Zr = { class: "cl-w-full" },
|
|
|
6204
6204
|
ref: a,
|
|
6205
6205
|
"onUpdate:modelValue": $[0] || ($[0] = (C) => f.value = C)
|
|
6206
6206
|
}, d.$attrs, {
|
|
6207
|
-
class: ["
|
|
6208
|
-
"hover
|
|
6209
|
-
"
|
|
6210
|
-
"
|
|
6211
|
-
"
|
|
6212
|
-
"cl
|
|
6213
|
-
"
|
|
6214
|
-
"cl
|
|
6207
|
+
class: ["cl:block cl:border cl:duration-300 cl:focus:outline-none cl:h-full cl:mb-1! cl:transition cl:w-full", {
|
|
6208
|
+
"cl:hover:border-grey-3!": d.disabled === !1 && !g(Je)(d.inputType),
|
|
6209
|
+
"cl:cursor-default!": d.disabled,
|
|
6210
|
+
"cl:border-danger-default!": !P.value,
|
|
6211
|
+
"cl:border-primary-default!": P.value && d.highlightWhenValid,
|
|
6212
|
+
"cl:border-grey-0 cl:focus:border-blue-light": P.value && !g(Je)(d.inputType),
|
|
6213
|
+
"cl:p-2!": d.inputType === "checkbox" || d.inputType === "radio",
|
|
6214
|
+
"cl:p-3 cl:rounded-lg!": !g(Je)(d.inputType),
|
|
6215
6215
|
[`${d.inputSpecificClasses}`]: d.inputSpecificClasses !== ""
|
|
6216
6216
|
}],
|
|
6217
6217
|
style: de(),
|
|
@@ -6244,14 +6244,14 @@ const Gr = { class: "cl-flex cl-justify-between" }, Zr = { class: "cl-w-full" },
|
|
|
6244
6244
|
d.inputType === "number" && !d.disabled && d.showArrows ? ne((c(), h("div", Jr, [
|
|
6245
6245
|
O(g(le), {
|
|
6246
6246
|
icon: "ph:caret-up-bold",
|
|
6247
|
-
class: "cl
|
|
6247
|
+
class: "cl:absolute cl:bg-link-default cl:hover:bg-link-light cl:hover:cursor-pointer cl:right-1 cl:rounded-full cl:text-sm cl:text-white cl:top-1",
|
|
6248
6248
|
onClick: j,
|
|
6249
6249
|
onMousedown: $[4] || ($[4] = X(() => {
|
|
6250
6250
|
}, ["prevent"]))
|
|
6251
6251
|
}),
|
|
6252
6252
|
O(g(le), {
|
|
6253
6253
|
icon: "ph:caret-down-bold",
|
|
6254
|
-
class: "cl
|
|
6254
|
+
class: "cl:absolute cl:bg-link-default cl:bottom-2 cl:hover:bg-link-light cl:hover:cursor-pointer cl:right-1 cl:rounded-full cl:text-sm cl:text-white",
|
|
6255
6255
|
onClick: U,
|
|
6256
6256
|
onMousedown: $[5] || ($[5] = X(() => {
|
|
6257
6257
|
}, ["prevent"]))
|
|
@@ -6287,10 +6287,10 @@ const Gr = { class: "cl-flex cl-justify-between" }, Zr = { class: "cl-w-full" },
|
|
|
6287
6287
|
ref: a,
|
|
6288
6288
|
date: y.value,
|
|
6289
6289
|
"onUpdate:date": $[9] || ($[9] = (C) => y.value = C),
|
|
6290
|
-
class: ["cl
|
|
6291
|
-
"hover:
|
|
6292
|
-
"
|
|
6293
|
-
"
|
|
6290
|
+
class: ["cl:block cl:duration-300 cl:focus:outline-none cl:h-fit cl:mb-1 cl:rounded-lg cl:text-sm cl:transition cl:w-full", {
|
|
6291
|
+
"cl:hover:border-grey-3": !d.disabled && d.inputType !== "dateRange",
|
|
6292
|
+
"cl:border-danger-default!": !P.value,
|
|
6293
|
+
"cl:border-primary-default!": P.value && d.highlightWhenValid
|
|
6294
6294
|
}],
|
|
6295
6295
|
disabled: d.disabled,
|
|
6296
6296
|
required: d.isRequired,
|
|
@@ -6325,7 +6325,7 @@ const Gr = { class: "cl-flex cl-justify-between" }, Zr = { class: "cl-w-full" },
|
|
|
6325
6325
|
!P.value && q.value.length > 0 && d.showValidationMessages && N.value ? (c(), h("div", ei, R(q.value), 1)) : z("", !0)
|
|
6326
6326
|
], 16));
|
|
6327
6327
|
}
|
|
6328
|
-
}), ti = /* @__PURE__ */ Ce(li, [["__scopeId", "data-v-
|
|
6328
|
+
}), ti = /* @__PURE__ */ Ce(li, [["__scopeId", "data-v-7321ef20"]]), oi = [
|
|
6329
6329
|
"button",
|
|
6330
6330
|
"checkbox",
|
|
6331
6331
|
"color",
|
|
@@ -6363,8 +6363,8 @@ function ni(o) {
|
|
|
6363
6363
|
}
|
|
6364
6364
|
const si = {
|
|
6365
6365
|
key: 0,
|
|
6366
|
-
class: "cl
|
|
6367
|
-
}, ri = { class: "cl
|
|
6366
|
+
class: "cl:flex cl:relative cl:select-none cl:w-auto cl:z-30"
|
|
6367
|
+
}, ri = { class: "cl:absolute cl:bg-white cl:border cl:border-grey-0 cl:overflow-hidden cl:right-0 cl:rounded-sm cl:shadow-xl cl:text-black cl:top-6 cl:z-30" }, ii = ["data-localename", "data-localecode", "onClick"], ui = { class: "cl:text-xs" }, ci = /* @__PURE__ */ F({
|
|
6368
6368
|
__name: "cl-ui-language-switcher",
|
|
6369
6369
|
props: {
|
|
6370
6370
|
supportedLanguages: {},
|
|
@@ -6385,14 +6385,14 @@ const si = {
|
|
|
6385
6385
|
r && (a.value = !1);
|
|
6386
6386
|
}), (r, u) => i.value !== null && g(ql)(i.value) ? (c(), h("div", si, [
|
|
6387
6387
|
b("div", {
|
|
6388
|
-
class: A(["cl
|
|
6389
|
-
"cl
|
|
6388
|
+
class: A(["cl:flex cl:items-center", {
|
|
6389
|
+
"cl:cursor-pointer": !r.disabled
|
|
6390
6390
|
}]),
|
|
6391
6391
|
onClick: s
|
|
6392
6392
|
}, [
|
|
6393
6393
|
b("span", {
|
|
6394
|
-
class: A(["cl
|
|
6395
|
-
"cl
|
|
6394
|
+
class: A(["cl:font-semibold cl:text-xs", {
|
|
6395
|
+
"cl:opacity-50": r.disabled
|
|
6396
6396
|
}])
|
|
6397
6397
|
}, R(i.value.nativeName), 3)
|
|
6398
6398
|
], 2),
|
|
@@ -6401,7 +6401,7 @@ const si = {
|
|
|
6401
6401
|
ne(b("div", ri, [
|
|
6402
6402
|
(c(!0), h(Q, null, _(p.value, (f, y) => (c(), h("div", {
|
|
6403
6403
|
key: y,
|
|
6404
|
-
class: "cl
|
|
6404
|
+
class: "cl:border-b cl:border-grey-0 cl:cursor-pointer cl:flex cl:hover:bg-grey-0 cl:items-center cl:justify-center cl:last-child:border-b-0 cl:last:border-b-0 cl:lg:p-2 cl:p-1 cl:text-center cl:transition-colors cl:w-28",
|
|
6405
6405
|
"data-localename": f.name,
|
|
6406
6406
|
"data-localecode": f.localeCode,
|
|
6407
6407
|
onClick: (w) => {
|
|
@@ -6418,13 +6418,13 @@ const si = {
|
|
|
6418
6418
|
})
|
|
6419
6419
|
])) : z("", !0);
|
|
6420
6420
|
}
|
|
6421
|
-
}), di = { class: "cl
|
|
6421
|
+
}), di = { class: "cl:relative" }, pi = { class: "cl:h-full cl:xl:h-screen cl:z-0" }, fi = { class: "cl:absolute cl:bg-secondary-default cl:gap-y-1 cl:grid cl:grid-cols-1 cl:left-0 cl:lg:gap-x-1 cl:lg:grid-cols-10 cl:lg:p-10 cl:opacity-95 cl:p-6 cl:top-0 cl:w-full cl:z-10" }, mi = { class: "cl:col-span-10 cl:lg:col-span-3" }, gi = {
|
|
6422
6422
|
key: 0,
|
|
6423
|
-
class: "cl
|
|
6424
|
-
}, vi = { class: "cl
|
|
6423
|
+
class: "cl:col-span-10 cl:flex cl:items-start cl:justify-end cl:lg:col-span-1 cl:lg:p-2 cl:text-white"
|
|
6424
|
+
}, vi = { class: "cl:col-span-3" }, hi = { class: "cl:relative cl:text-grey-4" }, bi = { class: "cl:w-full" }, yi = {
|
|
6425
6425
|
key: 0,
|
|
6426
|
-
class: "cl
|
|
6427
|
-
}, wi = { class: "cl
|
|
6426
|
+
class: "cl:bg-primary-lighter cl:mt-1 cl:rounded-md cl:text-center cl:text-secondary-default cl:text-xs cl:w-full"
|
|
6427
|
+
}, wi = { class: "cl:col-span-3" }, ki = { class: "cl:relative cl:text-grey-4" }, $i = { class: "cl:col-span-2" }, Ci = { class: "cl:col-span-10 cl:emphasis-danger cl:md:mt-3 cl:mt-10 cl:p-3 cl:rounded-md cl:text-sm" }, Ti = /* @__PURE__ */ F({
|
|
6428
6428
|
__name: "cl-ui-login",
|
|
6429
6429
|
props: {
|
|
6430
6430
|
errors: { default: () => [] },
|
|
@@ -6458,15 +6458,15 @@ const si = {
|
|
|
6458
6458
|
I(u.$slots, "language-switcher")
|
|
6459
6459
|
])) : z("", !0),
|
|
6460
6460
|
b("div", {
|
|
6461
|
-
class: A(["cl
|
|
6462
|
-
"cl
|
|
6463
|
-
"cl
|
|
6461
|
+
class: A(["cl:gap-y-4 cl:grid cl:grid-cols-1 cl:lg:gap-x-2 cl:lg:grid-cols-8", {
|
|
6462
|
+
"cl:col-span-7": !u.$slots["language-switcher"],
|
|
6463
|
+
"cl:col-span-6": u.$slots["language-switcher"]
|
|
6464
6464
|
}])
|
|
6465
6465
|
}, [
|
|
6466
6466
|
b("div", vi, [
|
|
6467
6467
|
b("div", hi, [
|
|
6468
6468
|
O(g(le), {
|
|
6469
|
-
class: "cl
|
|
6469
|
+
class: "cl:absolute cl:left-3 cl:top-3 cl:z-10",
|
|
6470
6470
|
icon: "ph:user",
|
|
6471
6471
|
size: 18
|
|
6472
6472
|
}),
|
|
@@ -6476,9 +6476,9 @@ const si = {
|
|
|
6476
6476
|
modelValue: n.value,
|
|
6477
6477
|
"onUpdate:modelValue": f[0] || (f[0] = (y) => n.value = y),
|
|
6478
6478
|
modelModifiers: { trim: !0 },
|
|
6479
|
-
class: A(["cl
|
|
6480
|
-
"
|
|
6481
|
-
"
|
|
6479
|
+
class: A(["cl:border-2 cl:outline-none cl:p-2 cl:pl-9 cl:text-grey-5 cl:text-sm", {
|
|
6480
|
+
"cl:border-primary-default! cl:hover:border-grey-3! cl:focus-within:border-link-light!": n.value !== "" && p.value,
|
|
6481
|
+
"cl:border-danger-dark! cl:hover:border-grey-3! cl:focus-within:border-link-light!": n.value !== "" && !p.value
|
|
6482
6482
|
}]),
|
|
6483
6483
|
errors: m.value,
|
|
6484
6484
|
type: "email",
|
|
@@ -6497,12 +6497,12 @@ const si = {
|
|
|
6497
6497
|
b("div", wi, [
|
|
6498
6498
|
b("div", ki, [
|
|
6499
6499
|
O(g(le), {
|
|
6500
|
-
class: "cl
|
|
6500
|
+
class: "cl:absolute cl:left-3 cl:top-3 cl:z-10",
|
|
6501
6501
|
icon: "ph:lock",
|
|
6502
6502
|
size: 18
|
|
6503
6503
|
}),
|
|
6504
6504
|
ne(O(g(le), {
|
|
6505
|
-
class: "cl
|
|
6505
|
+
class: "cl:absolute cl:cursor-pointer cl:right-4 cl:top-3 cl:z-10",
|
|
6506
6506
|
icon: "ph:eye",
|
|
6507
6507
|
size: 18,
|
|
6508
6508
|
onClick: f[1] || (f[1] = (y) => i.value = "text")
|
|
@@ -6510,7 +6510,7 @@ const si = {
|
|
|
6510
6510
|
[me, i.value === "password"]
|
|
6511
6511
|
]),
|
|
6512
6512
|
ne(O(g(le), {
|
|
6513
|
-
class: "cl
|
|
6513
|
+
class: "cl:absolute cl:cursor-pointer cl:right-4 cl:top-3 cl:z-10",
|
|
6514
6514
|
icon: "ph:eye-slash",
|
|
6515
6515
|
size: 18,
|
|
6516
6516
|
onClick: f[2] || (f[2] = (y) => i.value = "password")
|
|
@@ -6521,8 +6521,8 @@ const si = {
|
|
|
6521
6521
|
id: "cl-ui-login-passwordinput",
|
|
6522
6522
|
modelValue: a.value,
|
|
6523
6523
|
"onUpdate:modelValue": f[3] || (f[3] = (y) => a.value = y),
|
|
6524
|
-
class: A(["cl
|
|
6525
|
-
"
|
|
6524
|
+
class: A(["cl:border-2 cl:outline-none cl:p-2 cl:px-9 cl:text-grey-5 cl:text-sm", {
|
|
6525
|
+
"cl:border-primary-default! cl:hover:border-grey-3! cl:focus-within:border-link-light!": a.value
|
|
6526
6526
|
}]),
|
|
6527
6527
|
type: i.value,
|
|
6528
6528
|
placeholder: g(e)("login.password"),
|
|
@@ -6538,7 +6538,7 @@ const si = {
|
|
|
6538
6538
|
b("div", $i, [
|
|
6539
6539
|
O(Se, {
|
|
6540
6540
|
id: "cl-ui-login-loginbutton",
|
|
6541
|
-
class: "cl
|
|
6541
|
+
class: "cl:w-full",
|
|
6542
6542
|
colour: "blue",
|
|
6543
6543
|
loading: u.loading,
|
|
6544
6544
|
disabled: !p.value || a.value === "",
|
|
@@ -6551,7 +6551,7 @@ const si = {
|
|
|
6551
6551
|
}, 8, ["loading", "disabled"])
|
|
6552
6552
|
])
|
|
6553
6553
|
], 2),
|
|
6554
|
-
O(Ve, { name: "cl
|
|
6554
|
+
O(Ve, { name: "cl:grow-down" }, {
|
|
6555
6555
|
default: V(() => {
|
|
6556
6556
|
var y;
|
|
6557
6557
|
return [
|
|
@@ -6559,7 +6559,7 @@ const si = {
|
|
|
6559
6559
|
(c(!0), h(Q, null, _(u.errors, (w, v) => (c(), h("div", {
|
|
6560
6560
|
id: "cl-ui-login-errors",
|
|
6561
6561
|
key: v,
|
|
6562
|
-
class: "cl
|
|
6562
|
+
class: "cl:font-semibold"
|
|
6563
6563
|
}, R(w), 1))), 128))
|
|
6564
6564
|
], 512), [
|
|
6565
6565
|
[me, (y = u.errors) == null ? void 0 : y.length]
|
|
@@ -6582,8 +6582,8 @@ const si = {
|
|
|
6582
6582
|
"white"
|
|
6583
6583
|
], Di = {
|
|
6584
6584
|
key: 0,
|
|
6585
|
-
class: "cl
|
|
6586
|
-
}, Oi = { class: "cl
|
|
6585
|
+
class: "cl:h-0 cl:w-0"
|
|
6586
|
+
}, Oi = { class: "cl:relative cl:w-full" }, Ei = /* @__PURE__ */ F({
|
|
6587
6587
|
__name: "cl-ui-navigation",
|
|
6588
6588
|
props: {
|
|
6589
6589
|
colour: { default: "default" }
|
|
@@ -6634,13 +6634,13 @@ const si = {
|
|
|
6634
6634
|
}), (k, D) => (c(), h("div", {
|
|
6635
6635
|
ref_key: "navElement",
|
|
6636
6636
|
ref: y,
|
|
6637
|
-
class: "cl
|
|
6637
|
+
class: "cl:flex cl:flex-nowrap cl:relative"
|
|
6638
6638
|
}, [
|
|
6639
6639
|
b("div", {
|
|
6640
6640
|
id: "group-container",
|
|
6641
|
-
class: A(["cl
|
|
6642
|
-
"cl
|
|
6643
|
-
"cl
|
|
6641
|
+
class: A(["cl:h-full cl:overflow-y-auto cl:overscroll-y-none cl:pb-20 cl:w-20 cl:xl:pb-0 cl:z-40", {
|
|
6642
|
+
"cl:bg-primary-default": k.colour === "default",
|
|
6643
|
+
"cl:bg-blue-dark": k.colour === "secondary"
|
|
6644
6644
|
}])
|
|
6645
6645
|
}, [
|
|
6646
6646
|
I(k.$slots, "icon", Y({ navcolour: k.colour }, { groupIsOpen: i, toggleOpen: p }), void 0, !0)
|
|
@@ -6649,14 +6649,14 @@ const si = {
|
|
|
6649
6649
|
O(Ve, { name: "slide-right" }, {
|
|
6650
6650
|
default: V(() => [
|
|
6651
6651
|
ne(b("div", {
|
|
6652
|
-
class: A(["cl
|
|
6653
|
-
"cl
|
|
6654
|
-
"cl
|
|
6652
|
+
class: A(["cl:bg-grey-0 cl:border-grey-2 cl:border-r cl:duration-75 cl:h-full cl:min-w-[260px] cl:overflow-y-auto cl:overscroll-y-none cl:p-8 cl:pb-24 cl:top-0 cl:transition-shadow cl:w-[260px] cl:xl:pb-0 cl:z-30", {
|
|
6653
|
+
"cl:relative": s.value,
|
|
6654
|
+
"cl:absolute cl:left-20 cl:shadow-lg": !s.value
|
|
6655
6655
|
}])
|
|
6656
6656
|
}, [
|
|
6657
6657
|
b("div", Oi, [
|
|
6658
6658
|
b("span", {
|
|
6659
|
-
class: "cl
|
|
6659
|
+
class: "cl:absolute cl:cursor-pointer cl:hidden cl:lg:block! cl:right-0 cl:top-1.5",
|
|
6660
6660
|
onClick: D[0] || (D[0] = () => f())
|
|
6661
6661
|
}, [
|
|
6662
6662
|
s.value ? (c(), B(g(le), {
|
|
@@ -6677,7 +6677,7 @@ const si = {
|
|
|
6677
6677
|
})
|
|
6678
6678
|
], 512));
|
|
6679
6679
|
}
|
|
6680
|
-
}), Ii = /* @__PURE__ */ Ce(Ei, [["__scopeId", "data-v-
|
|
6680
|
+
}), Ii = /* @__PURE__ */ Ce(Ei, [["__scopeId", "data-v-2d4fbb43"]]), Ai = /* @__PURE__ */ F({
|
|
6681
6681
|
__name: "cl-ui-navigation-icon",
|
|
6682
6682
|
props: {
|
|
6683
6683
|
iconValue: {},
|
|
@@ -6686,15 +6686,15 @@ const si = {
|
|
|
6686
6686
|
},
|
|
6687
6687
|
setup(o) {
|
|
6688
6688
|
return (t, l) => (c(), h("div", {
|
|
6689
|
-
class: A(["cl
|
|
6690
|
-
"cl
|
|
6691
|
-
"cl
|
|
6692
|
-
"cl
|
|
6693
|
-
"cl
|
|
6689
|
+
class: A(["cl:cursor-pointer cl:flex cl:h-20 cl:items-center cl:justify-center cl:transition-colors cl:w-20", {
|
|
6690
|
+
"cl:text-secondary-default cl:hover:bg-primary-dark cl:hover:text-white": t.colour === "default",
|
|
6691
|
+
"cl:bg-primary-darker cl:text-white": t.open && t.colour === "default",
|
|
6692
|
+
"cl:text-white cl:hover:bg-blue-light": t.colour === "secondary",
|
|
6693
|
+
"cl:bg-blue-light": t.open && t.colour === "secondary"
|
|
6694
6694
|
}])
|
|
6695
6695
|
}, [
|
|
6696
6696
|
O(g(le), {
|
|
6697
|
-
class: "cl
|
|
6697
|
+
class: "cl:block",
|
|
6698
6698
|
icon: t.iconValue,
|
|
6699
6699
|
width: "24"
|
|
6700
6700
|
}, null, 8, ["icon"])
|
|
@@ -6702,8 +6702,8 @@ const si = {
|
|
|
6702
6702
|
}
|
|
6703
6703
|
}), Mi = {
|
|
6704
6704
|
key: 0,
|
|
6705
|
-
class: "cl
|
|
6706
|
-
}, Vi = { class: "cl
|
|
6705
|
+
class: "cl:font-bold cl:leading-8 cl:mb-8 cl:pr-8 cl:select-none cl:text-lg cl:text-secondary-default"
|
|
6706
|
+
}, Vi = { class: "cl:flex cl:flex-wrap cl:space-y-8 cl:text-sm cl:w-full" }, Ni = /* @__PURE__ */ F({
|
|
6707
6707
|
__name: "cl-ui-navigation-group",
|
|
6708
6708
|
props: {
|
|
6709
6709
|
open: { type: Boolean }
|
|
@@ -6711,7 +6711,7 @@ const si = {
|
|
|
6711
6711
|
setup(o) {
|
|
6712
6712
|
return (t, l) => (c(), h("div", {
|
|
6713
6713
|
class: A({
|
|
6714
|
-
"cl
|
|
6714
|
+
"cl:hidden": !t.open
|
|
6715
6715
|
})
|
|
6716
6716
|
}, [
|
|
6717
6717
|
t.$slots.title ? (c(), h("div", Mi, [
|
|
@@ -6722,10 +6722,10 @@ const si = {
|
|
|
6722
6722
|
])
|
|
6723
6723
|
], 2));
|
|
6724
6724
|
}
|
|
6725
|
-
}), Ri = {}, Ui = { class: "cl
|
|
6725
|
+
}), Ri = {}, Ui = { class: "cl:w-full" }, zi = {
|
|
6726
6726
|
key: 0,
|
|
6727
|
-
class: "cl
|
|
6728
|
-
}, Bi = { class: "cl
|
|
6727
|
+
class: "cl:font-bold cl:mb-4 cl:select-none"
|
|
6728
|
+
}, Bi = { class: "cl:flex cl:flex-wrap cl:space-y-2" };
|
|
6729
6729
|
function Fi(o, t) {
|
|
6730
6730
|
return c(), h("div", Ui, [
|
|
6731
6731
|
o.$slots.title ? (c(), h("div", zi, [
|
|
@@ -6736,7 +6736,7 @@ function Fi(o, t) {
|
|
|
6736
6736
|
])
|
|
6737
6737
|
]);
|
|
6738
6738
|
}
|
|
6739
|
-
const Li = /* @__PURE__ */ Ce(Ri, [["render", Fi]]), Pi = {}, ji = { class: "cl
|
|
6739
|
+
const Li = /* @__PURE__ */ Ce(Ri, [["render", Fi]]), Pi = {}, ji = { class: "cl:cursor-pointer cl:hover:text-primary-darker cl:transition-colors cl:w-full" };
|
|
6740
6740
|
function Hi(o, t) {
|
|
6741
6741
|
return c(), h("div", ji, [
|
|
6742
6742
|
I(o.$slots, "default")
|
|
@@ -6774,33 +6774,33 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
6774
6774
|
}), t({
|
|
6775
6775
|
setTab: u
|
|
6776
6776
|
}), (f, y) => (c(), h("div", {
|
|
6777
|
-
class: A(["cl
|
|
6778
|
-
"cl
|
|
6777
|
+
class: A(["cl:w-full", {
|
|
6778
|
+
"cl:flex cl:flex-row cl:gap-4 cl:xl:gap-6": m.value === !1
|
|
6779
6779
|
}])
|
|
6780
6780
|
}, [
|
|
6781
6781
|
b("div", {
|
|
6782
|
-
class: A(["cl
|
|
6783
|
-
m.value === !1 ? "cl
|
|
6782
|
+
class: A(["cl:flex cl:flex-nowrap", [
|
|
6783
|
+
m.value === !1 ? "cl:items-start" : "cl:items-center cl:w-full",
|
|
6784
6784
|
{
|
|
6785
|
-
"cl
|
|
6786
|
-
"cl
|
|
6785
|
+
"cl:border-r cl:h-full cl:border-grey-1": m.value === !1,
|
|
6786
|
+
"cl:bg-white cl:sticky cl:top-0 cl:z-[22]": f.stickyHeader
|
|
6787
6787
|
}
|
|
6788
6788
|
]])
|
|
6789
6789
|
}, [
|
|
6790
6790
|
b("div", {
|
|
6791
6791
|
ref_key: "headerContainer",
|
|
6792
6792
|
ref: p,
|
|
6793
|
-
class: A(["cl
|
|
6794
|
-
"cl
|
|
6795
|
-
"cl
|
|
6793
|
+
class: A(["cl:border-b cl:border-grey-1 cl:flex cl:flex-nowrap", {
|
|
6794
|
+
"cl:overflow-x-auto cl:overscroll-x-none cl:w-full cl:gap-4 cl:xl:gap-6 cl:px-4 cl:flex-row": m.value,
|
|
6795
|
+
"cl:flex-col cl:border-b-0": m.value === !1
|
|
6796
6796
|
}])
|
|
6797
6797
|
}, [
|
|
6798
6798
|
I(f.$slots, "headings", ge(he({ isTabOpen: s, toggleOpen: r, colour: f.colour, layout: f.layout })))
|
|
6799
6799
|
], 2)
|
|
6800
6800
|
], 2),
|
|
6801
6801
|
ne(b("div", {
|
|
6802
|
-
class: A(["cl
|
|
6803
|
-
"cl
|
|
6802
|
+
class: A(["cl:basis-full cl:p-4", {
|
|
6803
|
+
"cl:overflow-hidden": f.overflowHidden
|
|
6804
6804
|
}])
|
|
6805
6805
|
}, [
|
|
6806
6806
|
I(f.$slots, "content", ge(he({ isTabOpen: s })))
|
|
@@ -6821,17 +6821,17 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
6821
6821
|
setup(o) {
|
|
6822
6822
|
const t = o, l = T(() => t.layout === "horizontal");
|
|
6823
6823
|
return (e, n) => (c(), h("div", {
|
|
6824
|
-
class: A(["cl
|
|
6825
|
-
"cl
|
|
6826
|
-
"cl
|
|
6827
|
-
"cl
|
|
6828
|
-
"cl
|
|
6829
|
-
"cl
|
|
6830
|
-
"cl
|
|
6831
|
-
"cl
|
|
6832
|
-
"cl
|
|
6833
|
-
"cl
|
|
6834
|
-
"cl
|
|
6824
|
+
class: A(["cl:flex cl:font-bold cl:items-center cl:whitespace-nowrap", {
|
|
6825
|
+
"cl:border-b-4 cl:p-2 cl:pt-4": l.value,
|
|
6826
|
+
"cl:border-b-0 cl:border-r-4 cl:pr-4 cl:py-2": l.value === !1,
|
|
6827
|
+
"cl:cursor-pointer cl:hover:border-link-lighter/100 cl:border-link-lighter/0 cl:text-secondary-light cl:hover:text-secondary-dark": e.open === !1 && !e.disabled,
|
|
6828
|
+
"cl:border-primary-default": e.open && (e.colour === "primary" || e.colour === "default") && !e.disabled,
|
|
6829
|
+
"cl:border-secondary-default": e.open && e.colour === "secondary" && !e.disabled,
|
|
6830
|
+
"cl:border-danger-default": e.open && e.colour === "danger" && !e.disabled,
|
|
6831
|
+
"cl:border-blue-default": e.open && e.colour === "blue" && !e.disabled,
|
|
6832
|
+
"cl:text-grey-2 cl:border-link-lighter/0": e.disabled,
|
|
6833
|
+
"cl:border-grey-1": e.disabled && e.open,
|
|
6834
|
+
"cl:text-secondary-dark": e.open
|
|
6835
6835
|
}]),
|
|
6836
6836
|
inert: e.disabled
|
|
6837
6837
|
}, [
|
|
@@ -6840,7 +6840,7 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
6840
6840
|
])
|
|
6841
6841
|
], 10, Wi));
|
|
6842
6842
|
}
|
|
6843
|
-
}), Qi = { key: 0 }, Yi = { class: "cl
|
|
6843
|
+
}), Qi = { key: 0 }, Yi = { class: "cl:font-bold cl:mb-4" }, Ji = /* @__PURE__ */ F({
|
|
6844
6844
|
__name: "cl-ui-tab-content",
|
|
6845
6845
|
props: {
|
|
6846
6846
|
open: { type: Boolean },
|
|
@@ -6863,7 +6863,7 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
6863
6863
|
], xi = [
|
|
6864
6864
|
"horizontal",
|
|
6865
6865
|
"vertical"
|
|
6866
|
-
], _i = { class: "cl
|
|
6866
|
+
], _i = { class: "cl:flex cl:flex-col cl:h-full cl:w-full" }, eu = ["multiple", "accept", "disabled"], lu = ["multiple", "accept", "disabled"], tu = /* @__PURE__ */ F({
|
|
6867
6867
|
inheritAttrs: !1,
|
|
6868
6868
|
__name: "cl-ui-file-uploader",
|
|
6869
6869
|
props: {
|
|
@@ -6930,11 +6930,11 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
6930
6930
|
return (v, k) => (c(), h("div", _i, [
|
|
6931
6931
|
i.value === !1 ? (c(), h("label", Y({ key: 0 }, v.$attrs, {
|
|
6932
6932
|
role: "button",
|
|
6933
|
-
class: ["cl
|
|
6934
|
-
"cl
|
|
6935
|
-
"cl
|
|
6936
|
-
"cl
|
|
6937
|
-
"cl
|
|
6933
|
+
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", {
|
|
6934
|
+
"cl:bg-grey-3 cl:border-grey-5 cl:cursor-default": v.disabled === !0,
|
|
6935
|
+
"cl:bg-primary-light/10 cl:border-primary-darker cl:cursor-pointer": v.disabled === !1,
|
|
6936
|
+
"cl:bg-primary-light/40 cl:hover:bg-primary-light/40": u.value === !0 && v.disabled === !1,
|
|
6937
|
+
"cl:bg-primary-light/10 cl:hover:bg-primary-light/40": u.value === !1 && v.disabled === !1
|
|
6938
6938
|
}],
|
|
6939
6939
|
onDrop: X(p, ["prevent"]),
|
|
6940
6940
|
onDragenter: k[0] || (k[0] = (D) => u.value = !0),
|
|
@@ -6945,7 +6945,7 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
6945
6945
|
ref: f,
|
|
6946
6946
|
type: "file",
|
|
6947
6947
|
multiple: v.allowMultipleFiles,
|
|
6948
|
-
class: "cl
|
|
6948
|
+
class: "cl:hidden",
|
|
6949
6949
|
accept: v.acceptedFileTypes,
|
|
6950
6950
|
disabled: v.disabled,
|
|
6951
6951
|
onInput: m
|
|
@@ -6957,8 +6957,8 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
6957
6957
|
ref: y,
|
|
6958
6958
|
type: "file",
|
|
6959
6959
|
class: A({
|
|
6960
|
-
"cl
|
|
6961
|
-
"cl
|
|
6960
|
+
"cl:cursor-default": v.disabled === !0,
|
|
6961
|
+
"cl:cursor-pointer": v.disabled === !1
|
|
6962
6962
|
}),
|
|
6963
6963
|
multiple: v.allowMultipleFiles,
|
|
6964
6964
|
accept: v.acceptedFileTypes,
|
|
@@ -6970,14 +6970,14 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
6970
6970
|
invalidFiles: a.value
|
|
6971
6971
|
}, () => [
|
|
6972
6972
|
b("div", {
|
|
6973
|
-
class: A(["cl
|
|
6974
|
-
"cl
|
|
6975
|
-
"cl
|
|
6973
|
+
class: A(["cl:flex cl:flex-col cl:flex-nowrap cl:gap-1 cl:pt-1", {
|
|
6974
|
+
"cl:w-full": v.uploaderType === "dragDrop",
|
|
6975
|
+
"cl:w-max": v.uploaderType == "classic"
|
|
6976
6976
|
}])
|
|
6977
6977
|
}, [
|
|
6978
6978
|
(c(!0), h(Q, null, _(a.value, (D) => (c(), h("span", {
|
|
6979
6979
|
key: D.name,
|
|
6980
|
-
class: "cl
|
|
6980
|
+
class: "cl:bg-danger-light cl:px-2 cl:rounded-md cl:text-center cl:text-danger-default cl:text-xs cl:w-auto cl:whitespace-pre-line"
|
|
6981
6981
|
}, R(g(n)("fileUploader.invalidFileType", { filename: D.name })), 1))), 128))
|
|
6982
6982
|
], 2)
|
|
6983
6983
|
]) : z("", !0)
|
|
@@ -7016,9 +7016,9 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
7016
7016
|
]),
|
|
7017
7017
|
default: V(() => [
|
|
7018
7018
|
b("div", Y(m.$attrs, {
|
|
7019
|
-
class: ["cl
|
|
7020
|
-
"cl
|
|
7021
|
-
"cl
|
|
7019
|
+
class: ["cl:flex", {
|
|
7020
|
+
"cl:gap-0 cl:[&_>_div:not(:first-child):has(>_input[type=radio])]:pl-2 cl:[&_button:not(:last-of-type)]:border-r-0 cl:flex-wrap cl:[&_button:first-of-type]:rounded-l-lg! cl:[&_button:last-of-type]:rounded-r-lg!": m.orientation === "horizontal",
|
|
7021
|
+
"cl:gap-1 cl:flex-col": m.orientation === "vertical"
|
|
7022
7022
|
}]
|
|
7023
7023
|
}), [
|
|
7024
7024
|
I(m.$slots, "default", { select: a })
|
|
@@ -7044,9 +7044,9 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
7044
7044
|
setup(o) {
|
|
7045
7045
|
return (t, l) => (c(), B(Se, {
|
|
7046
7046
|
class: A({
|
|
7047
|
-
"
|
|
7048
|
-
"cl
|
|
7049
|
-
"cl
|
|
7047
|
+
"cl:bg-primary-default! cl:border-primary-dark cl:hover:border-primary-dark cl:text-black cl:font-bold": t.isSelected,
|
|
7048
|
+
"cl:border-secondary-light/40 cl:hover:shadow-md cl:hover:border-secondary-light/100 cl:text-secondary-default! cl:hover:bg-primary-default/15 cl:hover:font-bold": t.isSelected === !1,
|
|
7049
|
+
"cl:rounded-none!": t.orientation === "horizontal"
|
|
7050
7050
|
})
|
|
7051
7051
|
}, {
|
|
7052
7052
|
default: V(() => [
|
|
@@ -7055,7 +7055,7 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
7055
7055
|
_: 3
|
|
7056
7056
|
}, 8, ["class"]));
|
|
7057
7057
|
}
|
|
7058
|
-
}), nu = { class: "
|
|
7058
|
+
}), nu = { class: "cl:cursor-pointer cl:flex cl:gap-2 cl:items-center cl:select-none" }, su = ["id", "name", "checked"], Et = /* @__PURE__ */ F({
|
|
7059
7059
|
__name: "cl-ui-radio",
|
|
7060
7060
|
props: {
|
|
7061
7061
|
id: {},
|
|
@@ -7070,7 +7070,7 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
7070
7070
|
name: t.name,
|
|
7071
7071
|
type: "radio",
|
|
7072
7072
|
checked: t.checked,
|
|
7073
|
-
class: "after:checked:
|
|
7073
|
+
class: "cl:after:checked:bg-secondary-default cl:after:h-1.5 cl:after:m-1 cl:after:rounded-full cl:after:w-1.5 cl:appearance-none cl:bg-clip-content cl:border cl:border-grey-3 cl:checked:bg-primary-default cl:checked:border-primary-darker cl:cursor-pointer cl:flex cl:gap-2 cl:h-4 cl:items-center cl:rounded-full cl:w-4",
|
|
7074
7074
|
onClick: l[0] || (l[0] = (e) => t.$emit("click"))
|
|
7075
7075
|
}, null, 8, su),
|
|
7076
7076
|
I(t.$slots, "default")
|
|
@@ -7102,13 +7102,13 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
7102
7102
|
}
|
|
7103
7103
|
}), iu = {
|
|
7104
7104
|
key: 0,
|
|
7105
|
-
class: "cl
|
|
7106
|
-
}, uu = { class: "cl
|
|
7105
|
+
class: "cl:flex-1 cl:mb-1 cl:mt-0.5"
|
|
7106
|
+
}, uu = { class: "cl:flex cl:flex-col cl:gap-1 cl:h-full cl:min-h-0 cl:overflow-y-auto cl:w-full menu-scrollbar-container" }, cu = {
|
|
7107
7107
|
key: 1,
|
|
7108
|
-
class: "cl
|
|
7108
|
+
class: "cl:border-grey-2 cl:border-t cl:hover:text-secondary-default cl:mt-auto cl:pt-1 cl:text-white cl:w-full"
|
|
7109
7109
|
}, du = {
|
|
7110
7110
|
key: 0,
|
|
7111
|
-
class: "cl
|
|
7111
|
+
class: "cl:flex cl:shrink-0 cl:w-16"
|
|
7112
7112
|
}, pu = /* @__PURE__ */ F({
|
|
7113
7113
|
inheritAttrs: !1,
|
|
7114
7114
|
__name: "cl-ui-menu",
|
|
@@ -7146,17 +7146,17 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
7146
7146
|
ref_key: "menuElement",
|
|
7147
7147
|
ref: m
|
|
7148
7148
|
}, s.$attrs, {
|
|
7149
|
-
class: ["cl
|
|
7150
|
-
"cl
|
|
7151
|
-
"cl
|
|
7152
|
-
"cl
|
|
7153
|
-
"cl
|
|
7149
|
+
class: ["cl:bg-off-white cl:border-grey-1 cl:border-r cl:flex cl:flex-col cl:items-start cl:justify-start cl:overflow-hidden cl:p-2 cl:shrink-0", {
|
|
7150
|
+
"cl:w-16": t.value === !1,
|
|
7151
|
+
"cl:w-80 cl:left-0 cl:lg:z-50": t.value,
|
|
7152
|
+
"cl:static": t.value && l.value,
|
|
7153
|
+
"cl:absolute cl:top-20 cl:h-[calc(100%_-_5rem)]": t.value && l.value === !1
|
|
7154
7154
|
}]
|
|
7155
7155
|
}), [
|
|
7156
7156
|
b("div", {
|
|
7157
|
-
class: A(["cl
|
|
7158
|
-
"hover:
|
|
7159
|
-
"cl
|
|
7157
|
+
class: A(["cl:flex cl:items-center cl:justify-between cl:rounded-lg cl:w-full", {
|
|
7158
|
+
"cl:hover:bg-primary-lighter cl:cursor-pointer cl:transition-colors": t.value === !1,
|
|
7159
|
+
"cl:gap-3": t.value
|
|
7160
7160
|
}]),
|
|
7161
7161
|
onClick: r[2] || (r[2] = X(() => {
|
|
7162
7162
|
t.value === !1 && p();
|
|
@@ -7166,32 +7166,32 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
7166
7166
|
}, [
|
|
7167
7167
|
O(g(dl), {
|
|
7168
7168
|
"icon-value": t.value ? "ph:sidebar-simple-duotone" : n.value ? "ph:sidebar-duotone" : "ph:list",
|
|
7169
|
-
class: A(["cl
|
|
7170
|
-
"cl
|
|
7171
|
-
"cl
|
|
7169
|
+
class: A(["cl:transition-colors", {
|
|
7170
|
+
"cl:text-grey-3 cl:hover:text-secondary-default cl:cursor-pointer ": t.value,
|
|
7171
|
+
"cl:text-secondary-default": t.value === !1
|
|
7172
7172
|
}]),
|
|
7173
7173
|
onClick: r[0] || (r[0] = X(() => p(), ["stop"]))
|
|
7174
7174
|
}, null, 8, ["icon-value", "class"]),
|
|
7175
7175
|
t.value ? (c(), h("button", {
|
|
7176
7176
|
key: 0,
|
|
7177
|
-
class: A(["cl
|
|
7178
|
-
"cl
|
|
7179
|
-
"cl
|
|
7177
|
+
class: A(["cl:p-1 cl:right-1 cl:rounded-lg cl:top-2.5", {
|
|
7178
|
+
"cl:text-grey-3 cl:hover:text-secondary-default cl:hover:bg-primary-lightest": l.value === !1,
|
|
7179
|
+
"cl:text-secondary-default cl:hover:bg-danger-light": l.value
|
|
7180
7180
|
}]),
|
|
7181
7181
|
onClick: r[1] || (r[1] = () => {
|
|
7182
7182
|
l.value = !l.value;
|
|
7183
7183
|
})
|
|
7184
7184
|
}, [
|
|
7185
7185
|
O(u, {
|
|
7186
|
-
class: "cl
|
|
7186
|
+
class: "cl:text-lg",
|
|
7187
7187
|
icon: l.value ? "ph:push-pin-slash" : "ph:push-pin"
|
|
7188
7188
|
}, null, 8, ["icon"])
|
|
7189
7189
|
], 2)) : z("", !0)
|
|
7190
7190
|
], 34),
|
|
7191
7191
|
s.$slots.searchInput ? (c(), h("div", {
|
|
7192
7192
|
key: 0,
|
|
7193
|
-
class: A(["cl
|
|
7194
|
-
"hover:
|
|
7193
|
+
class: A(["cl:flex cl:items-center cl:mb-1 cl:relative cl:w-full", {
|
|
7194
|
+
"cl:hover:bg-primary-lighter cl:cursor-pointer cl:rounded-lg cl:transition-colors": t.value === !1
|
|
7195
7195
|
}]),
|
|
7196
7196
|
onClick: r[5] || (r[5] = () => {
|
|
7197
7197
|
t.value === !1 && (p(), s.$emit("search-clicked"));
|
|
@@ -7200,8 +7200,8 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
7200
7200
|
O(g(dl), {
|
|
7201
7201
|
"icon-value": "ph:magnifying-glass",
|
|
7202
7202
|
class: A({
|
|
7203
|
-
"cl
|
|
7204
|
-
"cl
|
|
7203
|
+
"cl:absolute cl:z-10 cl:text-grey-3": t.value,
|
|
7204
|
+
"cl:text-secondary-default": t.value === !1
|
|
7205
7205
|
})
|
|
7206
7206
|
}, null, 8, ["class"]),
|
|
7207
7207
|
t.value ? (c(), h("div", iu, [
|
|
@@ -7219,7 +7219,7 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
7219
7219
|
], 64);
|
|
7220
7220
|
};
|
|
7221
7221
|
}
|
|
7222
|
-
}), fu = /* @__PURE__ */ Ce(pu, [["__scopeId", "data-v-
|
|
7222
|
+
}), fu = /* @__PURE__ */ Ce(pu, [["__scopeId", "data-v-2686f68a"]]), mu = { class: "cl:overflow-hidden cl:shrink-0 cl:w-full" }, gu = ["title"], vu = { class: "cl:flex cl:flex-1 cl:items-center cl:justify-between" }, hu = { class: "cl:font-semibold" }, bu = { class: "cl:mt-1" }, yu = /* @__PURE__ */ F({
|
|
7223
7223
|
__name: "cl-ui-menu-group",
|
|
7224
7224
|
props: {
|
|
7225
7225
|
title: {},
|
|
@@ -7233,7 +7233,7 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
7233
7233
|
const e = Te("icon");
|
|
7234
7234
|
return c(), h("div", mu, [
|
|
7235
7235
|
b("div", {
|
|
7236
|
-
class: "cl
|
|
7236
|
+
class: "cl:cursor-pointer cl:flex cl:hover:bg-primary-lighter cl:items-center cl:rounded-lg cl:text-secondary-default cl:transition-colors",
|
|
7237
7237
|
title: t.title,
|
|
7238
7238
|
onClick: l[0] || (l[0] = (n) => t.$emit("toggle-open"))
|
|
7239
7239
|
}, [
|
|
@@ -7243,14 +7243,14 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
7243
7243
|
t.$slots.default ? (c(), B(e, {
|
|
7244
7244
|
key: 0,
|
|
7245
7245
|
icon: t.open ? "ph:caret-up" : "ph:caret-down",
|
|
7246
|
-
class: "cl
|
|
7246
|
+
class: "cl:mx-2.5"
|
|
7247
7247
|
}, null, 8, ["icon"])) : z("", !0)
|
|
7248
7248
|
], 512), [
|
|
7249
7249
|
[me, t.menuOpen]
|
|
7250
7250
|
])
|
|
7251
7251
|
], 8, gu),
|
|
7252
7252
|
b("div", {
|
|
7253
|
-
class: A(["cl
|
|
7253
|
+
class: A(["cl:overflow-hidden", { "animate-enabled": t.menuOpen }])
|
|
7254
7254
|
}, [
|
|
7255
7255
|
O(Ve, {
|
|
7256
7256
|
name: "menu-slide",
|
|
@@ -7274,7 +7274,7 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
7274
7274
|
]);
|
|
7275
7275
|
};
|
|
7276
7276
|
}
|
|
7277
|
-
}), wu = { class: "cl
|
|
7277
|
+
}), wu = { class: "cl:flex cl:h-12 cl:items-center cl:justify-center cl:shrink-0 cl:w-12" }, _l = "24", dl = /* @__PURE__ */ F({
|
|
7278
7278
|
__name: "cl-ui-menu-icon",
|
|
7279
7279
|
props: {
|
|
7280
7280
|
iconValue: {}
|
|
@@ -7291,19 +7291,19 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
7291
7291
|
]);
|
|
7292
7292
|
};
|
|
7293
7293
|
}
|
|
7294
|
-
}), ku = { class: "cl
|
|
7294
|
+
}), ku = { class: "cl:flex cl:flex-row" }, $u = { class: "cl:flex cl:flex-1 cl:flex-col" }, It = /* @__PURE__ */ F({
|
|
7295
7295
|
__name: "cl-ui-menu-section",
|
|
7296
7296
|
setup(o) {
|
|
7297
7297
|
return (t, l) => (c(), h("div", ku, [
|
|
7298
|
-
l[0] || (l[0] = b("div", { class: "cl
|
|
7299
|
-
b("div", { class: "cl
|
|
7298
|
+
l[0] || (l[0] = b("div", { class: "cl:flex cl:justify-center cl:shrink-0 cl:w-[47px]" }, [
|
|
7299
|
+
b("div", { class: "cl:bg-grey-2 cl:w-[1px]" }, " ")
|
|
7300
7300
|
], -1)),
|
|
7301
7301
|
b("div", $u, [
|
|
7302
7302
|
I(t.$slots, "default")
|
|
7303
7303
|
])
|
|
7304
7304
|
]));
|
|
7305
7305
|
}
|
|
7306
|
-
}), Cu = { class: "cl
|
|
7306
|
+
}), Cu = { class: "cl:cursor-pointer cl:hover:text-primary-dark cl:text-secondary-default cl:text-sm cl:transition-colors cl:w-full" }, Tu = /* @__PURE__ */ F({
|
|
7307
7307
|
__name: "cl-ui-menu-item",
|
|
7308
7308
|
setup(o) {
|
|
7309
7309
|
return (t, l) => (c(), h("div", Cu, [
|
|
@@ -7321,7 +7321,7 @@ const Gi = /* @__PURE__ */ Ce(Pi, [["render", Hi]]), Zi = /* @__PURE__ */ F({
|
|
|
7321
7321
|
return typeof e == "number" ? e + 1 : `calc(${e} + 1px)`;
|
|
7322
7322
|
});
|
|
7323
7323
|
return (e, n) => (c(), h("svg", {
|
|
7324
|
-
class: "cl
|
|
7324
|
+
class: "cl:absolute cl:left-[calc(2.75rem-20px)] cl:stroke-1",
|
|
7325
7325
|
height: l.value,
|
|
7326
7326
|
width: 40
|
|
7327
7327
|
}, [
|
|
@@ -7355,12 +7355,12 @@ function Iu(o, t) {
|
|
|
7355
7355
|
break;
|
|
7356
7356
|
return e ?? null;
|
|
7357
7357
|
}
|
|
7358
|
-
const Au = { class: "cl
|
|
7358
|
+
const Au = { class: "cl:flex cl:flex-nowrap cl:flex-row cl:w-full" }, Mu = { class: "cl:h-8 cl:px-1.5 cl:py-[3px] cl:w-8" }, Vu = ["id"], Nu = {
|
|
7359
7359
|
key: 0,
|
|
7360
|
-
class: "cl
|
|
7360
|
+
class: "cl:w-8"
|
|
7361
7361
|
}, Ru = ["id"], Uu = ["id"], zu = {
|
|
7362
7362
|
key: 3,
|
|
7363
|
-
class: "cl
|
|
7363
|
+
class: "cl:basis-full cl:flex cl:flex-col cl:gap-2 cl:pt-2"
|
|
7364
7364
|
}, Bu = /* @__PURE__ */ F({
|
|
7365
7365
|
__name: "cl-ui-tree-list-subtree",
|
|
7366
7366
|
props: /* @__PURE__ */ ue({
|
|
@@ -7397,7 +7397,7 @@ const Au = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Mu = { cla
|
|
|
7397
7397
|
E.rootNode.children && E.rootNode.children.length > 0 ? (c(), h("button", {
|
|
7398
7398
|
key: 0,
|
|
7399
7399
|
id: `${E.idPrefix}-expand-button`,
|
|
7400
|
-
class: "cl
|
|
7400
|
+
class: "cl:basis-0 cl:bg-white cl:p-1 cl:text-base cl:text-secondary-light",
|
|
7401
7401
|
onClick: P[0] || (P[0] = (q) => i.value = !g(i))
|
|
7402
7402
|
}, [
|
|
7403
7403
|
O(N, {
|
|
@@ -7407,7 +7407,7 @@ const Au = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Mu = { cla
|
|
|
7407
7407
|
]),
|
|
7408
7408
|
E.depth > 0 ? (c(), h("div", Nu)) : z("", !0),
|
|
7409
7409
|
b("div", {
|
|
7410
|
-
class: A(["cl
|
|
7410
|
+
class: A(["cl:basis-full cl:relative", {
|
|
7411
7411
|
"cl-tree-list-selection": e.value === a.value
|
|
7412
7412
|
}])
|
|
7413
7413
|
}, [
|
|
@@ -7416,7 +7416,7 @@ const Au = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Mu = { cla
|
|
|
7416
7416
|
id: `${E.idPrefix}-node-content`,
|
|
7417
7417
|
ref_key: "nodeContentDiv",
|
|
7418
7418
|
ref: p,
|
|
7419
|
-
class: "cl
|
|
7419
|
+
class: "cl:bg-white cl:border cl:border-grey-2 cl:px-2 cl:py-1 cl:rounded"
|
|
7420
7420
|
}, [
|
|
7421
7421
|
I(E.$slots, E.rootNode.slotName ?? "default", {
|
|
7422
7422
|
node: E.rootNode,
|
|
@@ -7432,8 +7432,8 @@ const Au = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Mu = { cla
|
|
|
7432
7432
|
id: `${E.idPrefix}-node-content`,
|
|
7433
7433
|
ref_key: "nodeContentDiv",
|
|
7434
7434
|
ref: p,
|
|
7435
|
-
class: A(["cl
|
|
7436
|
-
"cl
|
|
7435
|
+
class: A(["cl:border cl:border-grey-2 cl:px-2 cl:py-1 cl:rounded-sm cl:text-left cl:w-full", {
|
|
7436
|
+
"cl:bg-primary-lightest cl:border-primary-dark": e.value === a.value,
|
|
7437
7437
|
"cl-tree-list-button": e.value !== a.value
|
|
7438
7438
|
}]),
|
|
7439
7439
|
onClick: P[1] || (P[1] = (q) => e.value = e.value === a.value ? "" : a.value)
|
|
@@ -7484,7 +7484,7 @@ const Au = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Mu = { cla
|
|
|
7484
7484
|
]);
|
|
7485
7485
|
};
|
|
7486
7486
|
}
|
|
7487
|
-
}), Fu = { class: "cl
|
|
7487
|
+
}), Fu = { class: "cl:flex cl:flex-col cl:flex-nowrap cl:gap-4 cl:w-full" }, Lu = /* @__PURE__ */ F({
|
|
7488
7488
|
__name: "cl-ui-tree-list",
|
|
7489
7489
|
props: {
|
|
7490
7490
|
idPrefix: {},
|