@illinois-grad/grad-vue 2.3.0 → 2.3.2
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/components/GButton.vue.d.ts +5 -3
- package/dist/components/GCurrencyInput.vue.d.ts +1 -1
- package/dist/components/GDateInput.vue.d.ts +1 -1
- package/dist/components/GDateRangeInput.vue.d.ts +1 -1
- package/dist/components/GEmailInput.vue.d.ts +1 -1
- package/dist/components/GTextInput.vue.d.ts +1 -1
- package/dist/grad-vue.css +1 -1
- package/dist/grad-vue.js +79 -77
- package/dist/grad-vue.js.map +1 -1
- package/dist/{main-CgD41CpH.js → main-BKw4zajF.js} +756 -738
- package/dist/main-BKw4zajF.js.map +1 -0
- package/dist/plugin.js +1 -1
- package/package.json +1 -1
- package/dist/main-CgD41CpH.js.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as T, useAttrs as Xe, computed as x, createBlock as q, openBlock as u, resolveDynamicComponent as fe, mergeProps as ae, unref as f, withCtx as U, renderSlot as
|
|
2
|
-
import { toArray as nt, unrefElement as rt, tryOnScopeDispose as it, useFocusWithin as ut, useDebounceFn as dt, useClipboard as ct, useResizeObserver as
|
|
1
|
+
import { defineComponent as T, useSlots as Me, useAttrs as Xe, computed as x, createBlock as q, openBlock as u, resolveDynamicComponent as fe, mergeProps as ae, unref as f, withCtx as U, createElementBlock as v, renderSlot as P, Fragment as F, createElementVNode as n, normalizeClass as G, inject as be, onMounted as re, onBeforeUnmount as de, createCommentVNode as M, renderList as Z, createTextVNode as N, toDisplayString as C, mergeModels as H, useModel as j, useId as Y, toRef as $e, ref as B, createVNode as W, shallowRef as Oe, watch as Q, toValue as Ie, nextTick as J, useTemplateRef as ge, Transition as _e, normalizeStyle as ce, onBeforeMount as Ue, Teleport as je, withDirectives as we, withModifiers as ue, vShow as et, getCurrentInstance as Ne, watchEffect as De, reactive as tt, toRaw as We, vModelCheckbox as Fe, normalizeProps as lt, guardReactiveProps as at, shallowReactive as ot, provide as st } from "vue";
|
|
2
|
+
import { toArray as nt, unrefElement as rt, tryOnScopeDispose as it, useFocusWithin as ut, useDebounceFn as dt, useClipboard as ct, useResizeObserver as Pe } from "@vueuse/core";
|
|
3
3
|
import { createFocusTrap as vt } from "focus-trap";
|
|
4
|
-
const ne = /* @__PURE__ */ T({
|
|
4
|
+
const ft = { class: "g-btn--icon" }, gt = { class: "g-btn--label" }, ne = /* @__PURE__ */ T({
|
|
5
5
|
__name: "GButton",
|
|
6
6
|
props: {
|
|
7
7
|
size: { default: "medium" },
|
|
@@ -9,7 +9,8 @@ const ne = /* @__PURE__ */ T({
|
|
|
9
9
|
outlined: { type: Boolean, default: !1 },
|
|
10
10
|
text: { type: Boolean, default: !1 },
|
|
11
11
|
to: { default: void 0 },
|
|
12
|
-
component: { default: void 0 }
|
|
12
|
+
component: { default: void 0 },
|
|
13
|
+
icon: { default: void 0 }
|
|
13
14
|
},
|
|
14
15
|
emits: [
|
|
15
16
|
"click",
|
|
@@ -23,7 +24,7 @@ const ne = /* @__PURE__ */ T({
|
|
|
23
24
|
"mouseleave"
|
|
24
25
|
],
|
|
25
26
|
setup(e) {
|
|
26
|
-
const l = e, t =
|
|
27
|
+
const l = e, t = Me(), a = Xe(), o = x(() => [
|
|
27
28
|
"g-btn",
|
|
28
29
|
`g-btn--${l.size}`,
|
|
29
30
|
`g-btn--${l.theme}`,
|
|
@@ -32,25 +33,38 @@ const ne = /* @__PURE__ */ T({
|
|
|
32
33
|
"g-btn--text": l.text,
|
|
33
34
|
"g-btn--primary": l.theme === "primary",
|
|
34
35
|
"g-btn--accent": l.theme === "accent",
|
|
35
|
-
"g-btn-has-text": l.text
|
|
36
|
+
"g-btn-has-text": l.text,
|
|
37
|
+
"g-btn-has-icon-class": l.icon,
|
|
38
|
+
"g-btn-has-icon-svg": !!t.icon
|
|
36
39
|
}
|
|
37
40
|
]);
|
|
38
|
-
return (
|
|
41
|
+
return (s, i) => (u(), q(fe(l.component ? l.component : "button"), ae(f(a), {
|
|
39
42
|
to: l.to,
|
|
40
|
-
class:
|
|
43
|
+
class: o.value,
|
|
41
44
|
type: l.to ? void 0 : "button",
|
|
42
|
-
onClick:
|
|
43
|
-
onFocus:
|
|
44
|
-
onBlur:
|
|
45
|
-
onKeydown:
|
|
46
|
-
onKeyup:
|
|
47
|
-
onMousedown:
|
|
48
|
-
onMouseup:
|
|
49
|
-
onMouseenter:
|
|
50
|
-
onMouseleave:
|
|
45
|
+
onClick: i[0] || (i[0] = (d) => s.$emit("click", d)),
|
|
46
|
+
onFocus: i[1] || (i[1] = (d) => s.$emit("focus", d)),
|
|
47
|
+
onBlur: i[2] || (i[2] = (d) => s.$emit("blur", d)),
|
|
48
|
+
onKeydown: i[3] || (i[3] = (d) => s.$emit("keydown", d)),
|
|
49
|
+
onKeyup: i[4] || (i[4] = (d) => s.$emit("keyup", d)),
|
|
50
|
+
onMousedown: i[5] || (i[5] = (d) => s.$emit("mousedown", d)),
|
|
51
|
+
onMouseup: i[6] || (i[6] = (d) => s.$emit("mouseup", d)),
|
|
52
|
+
onMouseenter: i[7] || (i[7] = (d) => s.$emit("mouseenter", d)),
|
|
53
|
+
onMouseleave: i[8] || (i[8] = (d) => s.$emit("mouseleave", d))
|
|
51
54
|
}), {
|
|
52
55
|
default: U(() => [
|
|
53
|
-
|
|
56
|
+
e.icon || t.icon ? (u(), v(F, { key: 0 }, [
|
|
57
|
+
n("span", ft, [
|
|
58
|
+
t.icon ? P(s.$slots, "icon", { key: 0 }) : (u(), v("span", {
|
|
59
|
+
key: 1,
|
|
60
|
+
class: G(e.icon + " g-btn--icon-span"),
|
|
61
|
+
"aria-hidden": "true"
|
|
62
|
+
}, null, 2))
|
|
63
|
+
]),
|
|
64
|
+
n("span", gt, [
|
|
65
|
+
P(s.$slots, "default")
|
|
66
|
+
])
|
|
67
|
+
], 64)) : P(s.$slots, "default", { key: 1 })
|
|
54
68
|
]),
|
|
55
69
|
_: 3
|
|
56
70
|
}, 16, ["to", "class", "type"]));
|
|
@@ -74,20 +88,20 @@ function Ce(e) {
|
|
|
74
88
|
hasErrors: a
|
|
75
89
|
};
|
|
76
90
|
}
|
|
77
|
-
const
|
|
91
|
+
const bt = ["id"], mt = /* @__PURE__ */ T({
|
|
78
92
|
__name: "GFormErrorMessages",
|
|
79
93
|
props: {
|
|
80
94
|
errors: {},
|
|
81
95
|
id: {}
|
|
82
96
|
},
|
|
83
97
|
setup(e) {
|
|
84
|
-
return (l, t) => e.errors.length > 0 ? (u(),
|
|
98
|
+
return (l, t) => e.errors.length > 0 ? (u(), v("div", {
|
|
85
99
|
key: 0,
|
|
86
100
|
class: "g-form-error-messages",
|
|
87
101
|
id: e.id,
|
|
88
102
|
role: "alert"
|
|
89
103
|
}, [
|
|
90
|
-
(u(!0),
|
|
104
|
+
(u(!0), v(F, null, Z(e.errors, (a, o) => (u(), v("div", {
|
|
91
105
|
key: o,
|
|
92
106
|
class: "g-form-error-message"
|
|
93
107
|
}, [
|
|
@@ -103,23 +117,23 @@ const ft = ["id"], gt = /* @__PURE__ */ T({
|
|
|
103
117
|
], -1)),
|
|
104
118
|
N(" " + C(a), 1)
|
|
105
119
|
]))), 128))
|
|
106
|
-
], 8,
|
|
120
|
+
], 8, bt)) : M("", !0);
|
|
107
121
|
}
|
|
108
122
|
}), z = (e, l) => {
|
|
109
123
|
const t = e.__vccOpts || e;
|
|
110
124
|
for (const [a, o] of l)
|
|
111
125
|
t[a] = o;
|
|
112
126
|
return t;
|
|
113
|
-
},
|
|
127
|
+
}, Be = /* @__PURE__ */ z(mt, [["__scopeId", "data-v-e3a13c5d"]]), pt = ["for"], ht = ["id"], yt = {
|
|
114
128
|
key: 0,
|
|
115
129
|
class: "g-text-input-prefix"
|
|
116
|
-
},
|
|
130
|
+
}, kt = ["value", "placeholder", "disabled", "aria-invalid"], wt = {
|
|
117
131
|
key: 1,
|
|
118
132
|
class: "g-text-input-suffix"
|
|
119
|
-
},
|
|
133
|
+
}, $t = /* @__PURE__ */ T({
|
|
120
134
|
inheritAttrs: !1,
|
|
121
135
|
__name: "GTextInput",
|
|
122
|
-
props: /* @__PURE__ */
|
|
136
|
+
props: /* @__PURE__ */ H({
|
|
123
137
|
label: { default: void 0 },
|
|
124
138
|
placeholder: { default: "" },
|
|
125
139
|
disabled: { type: Boolean, default: !1 },
|
|
@@ -133,18 +147,18 @@ const ft = ["id"], gt = /* @__PURE__ */ T({
|
|
|
133
147
|
modelValue: { type: String },
|
|
134
148
|
modelModifiers: {}
|
|
135
149
|
}),
|
|
136
|
-
emits: /* @__PURE__ */
|
|
150
|
+
emits: /* @__PURE__ */ H(["change"], ["update:modelValue"]),
|
|
137
151
|
setup(e, { emit: l }) {
|
|
138
152
|
const t = e, a = j(e, "modelValue"), o = Y(), { displayErrors: s, hasErrors: i } = Ce({
|
|
139
153
|
name: t.name,
|
|
140
154
|
value: a,
|
|
141
|
-
errors:
|
|
142
|
-
}),
|
|
143
|
-
let
|
|
155
|
+
errors: $e(t, "errors")
|
|
156
|
+
}), d = l, r = B(a.value ?? "");
|
|
157
|
+
let c = null;
|
|
144
158
|
function g(b) {
|
|
145
159
|
if (b !== a.value) {
|
|
146
160
|
const y = a.value;
|
|
147
|
-
a.value = b,
|
|
161
|
+
a.value = b, d("change", {
|
|
148
162
|
was: y,
|
|
149
163
|
to: b
|
|
150
164
|
});
|
|
@@ -152,41 +166,45 @@ const ft = ["id"], gt = /* @__PURE__ */ T({
|
|
|
152
166
|
}
|
|
153
167
|
function m(b) {
|
|
154
168
|
const y = b.target.value;
|
|
155
|
-
r.value = y,
|
|
156
|
-
g(r.value),
|
|
169
|
+
r.value = y, c && clearTimeout(c), c = setTimeout(() => {
|
|
170
|
+
g(r.value), c = null;
|
|
157
171
|
}, t.debounce);
|
|
158
172
|
}
|
|
159
173
|
function p(b) {
|
|
160
|
-
|
|
174
|
+
c && (clearTimeout(c), c = null), g(b.target.value);
|
|
161
175
|
}
|
|
162
176
|
function L(b) {
|
|
163
|
-
|
|
177
|
+
c && (clearTimeout(c), c = null), setTimeout(() => {
|
|
164
178
|
const y = b.target.value;
|
|
165
179
|
g(y);
|
|
166
180
|
}, 0);
|
|
167
181
|
}
|
|
168
182
|
function S(b) {
|
|
169
|
-
(b.key === "PageUp" || b.key === "PageDown") && (
|
|
183
|
+
(b.key === "PageUp" || b.key === "PageDown") && (c && (clearTimeout(c), c = null), g(b.target.value)), b.key === "Enter" && g(b.target.value);
|
|
170
184
|
}
|
|
171
|
-
return (b, y) => (u(),
|
|
172
|
-
class:
|
|
185
|
+
return (b, y) => (u(), v("div", {
|
|
186
|
+
class: G(["g-text-input-wrap", { "g-text-input-has-error": f(i) }])
|
|
173
187
|
}, [
|
|
174
|
-
t.label ? (u(),
|
|
188
|
+
t.label ? (u(), v("label", {
|
|
175
189
|
key: 0,
|
|
176
190
|
for: b.$attrs.id || f(o),
|
|
177
191
|
class: "g-text-input-label"
|
|
178
|
-
}, C(t.label), 9,
|
|
179
|
-
b.$slots.instructions || e.instructions ? (u(),
|
|
192
|
+
}, C(t.label), 9, pt)) : M("", !0),
|
|
193
|
+
b.$slots.instructions || e.instructions ? (u(), v("div", {
|
|
180
194
|
key: 1,
|
|
181
195
|
id: "instructions-" + f(o),
|
|
182
196
|
class: "g-text-input-instructions"
|
|
183
197
|
}, [
|
|
184
|
-
|
|
198
|
+
P(b.$slots, "instructions", {}, () => [
|
|
185
199
|
N(C(e.instructions), 1)
|
|
186
200
|
], !0)
|
|
187
|
-
], 8,
|
|
188
|
-
n("div",
|
|
189
|
-
|
|
201
|
+
], 8, ht)) : M("", !0),
|
|
202
|
+
n("div", {
|
|
203
|
+
class: G([{
|
|
204
|
+
"g-text-input-field-wrapper": !0
|
|
205
|
+
}, `g-text-input-field-wrapper--${e.name || "nameless"}`])
|
|
206
|
+
}, [
|
|
207
|
+
t.prefix ? (u(), v("span", yt, C(t.prefix), 1)) : M("", !0),
|
|
190
208
|
n("input", ae({
|
|
191
209
|
value: a.value,
|
|
192
210
|
placeholder: t.placeholder,
|
|
@@ -204,16 +222,16 @@ const ft = ["id"], gt = /* @__PURE__ */ T({
|
|
|
204
222
|
"aria-errormessage": f(i) ? "error-message-" + f(o) : void 0
|
|
205
223
|
}, {
|
|
206
224
|
"aria-invalid": f(i) ? "true" : "false"
|
|
207
|
-
}), null, 16,
|
|
208
|
-
t.suffix ? (u(),
|
|
209
|
-
]),
|
|
210
|
-
W(
|
|
225
|
+
}), null, 16, kt),
|
|
226
|
+
t.suffix ? (u(), v("span", wt, C(t.suffix), 1)) : M("", !0)
|
|
227
|
+
], 2),
|
|
228
|
+
W(Be, {
|
|
211
229
|
errors: f(s),
|
|
212
230
|
id: "error-message-" + f(o)
|
|
213
231
|
}, null, 8, ["errors", "id"])
|
|
214
232
|
], 2));
|
|
215
233
|
}
|
|
216
|
-
}),
|
|
234
|
+
}), Ee = /* @__PURE__ */ z($t, [["__scopeId", "data-v-a8882020"]]);
|
|
217
235
|
function qe() {
|
|
218
236
|
window._g_overlay_stack_state || (window._g_overlay_stack_state = {
|
|
219
237
|
stack: B([]),
|
|
@@ -234,21 +252,21 @@ function qe() {
|
|
|
234
252
|
function xe(e, l = !1, t = !1) {
|
|
235
253
|
if (!document)
|
|
236
254
|
return {};
|
|
237
|
-
const { stack: a, modalStack: o, scrollLockStack: s, updateBodyScrollLock: i } = qe(),
|
|
255
|
+
const { stack: a, modalStack: o, scrollLockStack: s, updateBodyScrollLock: i } = qe(), d = l ? o : a;
|
|
238
256
|
function r() {
|
|
239
|
-
|
|
257
|
+
d.value.push(e), t && !s.value.includes(e) && (s.value.push(e), i());
|
|
240
258
|
}
|
|
241
|
-
function
|
|
242
|
-
const p =
|
|
243
|
-
p !== -1 &&
|
|
259
|
+
function c() {
|
|
260
|
+
const p = d.value.lastIndexOf(e);
|
|
261
|
+
p !== -1 && d.value.splice(p, 1);
|
|
244
262
|
const L = s.value.lastIndexOf(e);
|
|
245
263
|
L !== -1 && (s.value.splice(L, 1), i());
|
|
246
264
|
}
|
|
247
|
-
const g = x(() => !l && o.value.length > 0 ? !1 :
|
|
248
|
-
const p =
|
|
265
|
+
const g = x(() => !l && o.value.length > 0 ? !1 : d.value.length > 0 && d.value[d.value.length - 1] === e), m = x(() => {
|
|
266
|
+
const p = d.value.indexOf(e);
|
|
249
267
|
return p === -1 ? 0 : (l ? 200 : 100) + p;
|
|
250
268
|
});
|
|
251
|
-
return de(
|
|
269
|
+
return de(c), { push: r, pop: c, isTop: g, zIndex: m };
|
|
252
270
|
}
|
|
253
271
|
function _t() {
|
|
254
272
|
if (!document)
|
|
@@ -259,10 +277,10 @@ function _t() {
|
|
|
259
277
|
return { hasModal: a, hasOverlay: o, hasScrollLock: s };
|
|
260
278
|
}
|
|
261
279
|
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
|
262
|
-
const
|
|
263
|
-
function
|
|
280
|
+
const Ct = (e) => e != null;
|
|
281
|
+
function xt(e, l = {}) {
|
|
264
282
|
let t;
|
|
265
|
-
const { immediate: a, ...o } = l, s =
|
|
283
|
+
const { immediate: a, ...o } = l, s = Oe(!1), i = Oe(!1), d = (m) => t && t.activate(m), r = (m) => t && t.deactivate(m), c = () => {
|
|
266
284
|
t && (t.pause(), i.value = !0);
|
|
267
285
|
}, g = () => {
|
|
268
286
|
t && (t.unpause(), i.value = !1);
|
|
@@ -270,7 +288,7 @@ function Ct(e, l = {}) {
|
|
|
270
288
|
return Q(x(() => nt(Ie(e)).map((m) => {
|
|
271
289
|
const p = Ie(m);
|
|
272
290
|
return typeof p == "string" ? p : rt(p);
|
|
273
|
-
}).filter(
|
|
291
|
+
}).filter(Ct)), (m) => {
|
|
274
292
|
if (m.length)
|
|
275
293
|
if (!t)
|
|
276
294
|
t = vt(m, {
|
|
@@ -281,22 +299,22 @@ function Ct(e, l = {}) {
|
|
|
281
299
|
onDeactivate() {
|
|
282
300
|
s.value = !1, l.onDeactivate && l.onDeactivate();
|
|
283
301
|
}
|
|
284
|
-
}), a &&
|
|
302
|
+
}), a && d();
|
|
285
303
|
else {
|
|
286
304
|
const p = t?.active;
|
|
287
|
-
t?.updateContainerElements(m), !p && a &&
|
|
305
|
+
t?.updateContainerElements(m), !p && a && d();
|
|
288
306
|
}
|
|
289
307
|
}, { flush: "post" }), it(() => r()), {
|
|
290
308
|
hasFocus: s,
|
|
291
309
|
isPaused: i,
|
|
292
|
-
activate:
|
|
310
|
+
activate: d,
|
|
293
311
|
deactivate: r,
|
|
294
|
-
pause:
|
|
312
|
+
pause: c,
|
|
295
313
|
unpause: g
|
|
296
314
|
};
|
|
297
315
|
}
|
|
298
|
-
function
|
|
299
|
-
const a = B(!1), { activate: o, deactivate: s, pause: i, unpause:
|
|
316
|
+
function Ve(e, l, t = !1) {
|
|
317
|
+
const a = B(!1), { activate: o, deactivate: s, pause: i, unpause: d } = xt(e, {
|
|
300
318
|
immediate: !0,
|
|
301
319
|
clickOutsideDeactivates: t,
|
|
302
320
|
initialFocus: () => {
|
|
@@ -305,9 +323,9 @@ function Ee(e, l, t = !1) {
|
|
|
305
323
|
const r = e.value?.querySelector("[popover-focus]");
|
|
306
324
|
if (r)
|
|
307
325
|
return r;
|
|
308
|
-
const
|
|
309
|
-
if (
|
|
310
|
-
return
|
|
326
|
+
const c = e.value?.querySelector("h2");
|
|
327
|
+
if (c)
|
|
328
|
+
return c;
|
|
311
329
|
const g = e.value?.querySelector(
|
|
312
330
|
"[aria-selected='true']"
|
|
313
331
|
);
|
|
@@ -325,21 +343,21 @@ function Ee(e, l, t = !1) {
|
|
|
325
343
|
});
|
|
326
344
|
return Q(l, (r) => {
|
|
327
345
|
r ? J(() => {
|
|
328
|
-
|
|
329
|
-
}).catch((
|
|
330
|
-
console.error(
|
|
346
|
+
d();
|
|
347
|
+
}).catch((c) => {
|
|
348
|
+
console.error(c);
|
|
331
349
|
}) : i();
|
|
332
|
-
}), { activate: o, deactivate: s, pause: i, unpause:
|
|
350
|
+
}), { activate: o, deactivate: s, pause: i, unpause: d };
|
|
333
351
|
}
|
|
334
|
-
function
|
|
335
|
-
function s(
|
|
352
|
+
function Te(e, l, t, a, o) {
|
|
353
|
+
function s(d) {
|
|
336
354
|
for (const r of e)
|
|
337
|
-
if (r.value?.contains(
|
|
355
|
+
if (r.value?.contains(d.target))
|
|
338
356
|
return;
|
|
339
357
|
a();
|
|
340
358
|
}
|
|
341
|
-
function i(
|
|
342
|
-
|
|
359
|
+
function i(d) {
|
|
360
|
+
d.key === "Escape" && t.value && l.value && (d.preventDefault(), J(a).catch((r) => {
|
|
343
361
|
console.error(r);
|
|
344
362
|
}));
|
|
345
363
|
}
|
|
@@ -351,28 +369,28 @@ function Ve(e, l, t, a, o) {
|
|
|
351
369
|
}
|
|
352
370
|
function Ze(e, l, t, a) {
|
|
353
371
|
const o = a?.gap ?? 8, s = a?.margin ?? 16, i = a?.preferAbove ?? !1;
|
|
354
|
-
let
|
|
355
|
-
i ? e.top - l.height - o > t.top + s ? (
|
|
372
|
+
let d = !1, r = !1, c;
|
|
373
|
+
i ? e.top - l.height - o > t.top + s ? (c = e.top - l.height - o, d = !0) : e.bottom + l.height + o <= t.bottom - s ? c = e.bottom + o : (c = t.top + s, r = !0) : e.bottom + l.height + o > t.bottom - s && e.top - l.height - o > t.top + s ? (c = e.top - l.height - o, d = !0) : e.bottom + l.height + o > t.bottom - s && e.top - l.height - o <= t.top + s ? (c = t.top + s, r = !0) : c = e.bottom + o;
|
|
356
374
|
let g = e.left + (e.width - l.width) / 2;
|
|
357
375
|
g < t.left + s && (g = t.left + s), g + l.width > t.right - s && (g = t.right - l.width - s), g < t.left + s && (g = t.left + s);
|
|
358
376
|
const m = e.left + (e.width - l.width) / 2, p = g - m;
|
|
359
|
-
return { top:
|
|
377
|
+
return { top: c, left: g, xOffset: p, placedAbove: d, overlay: r };
|
|
360
378
|
}
|
|
361
|
-
const
|
|
379
|
+
const Lt = { class: "g-popover-wrap" }, St = ["id"], It = ["aria-labelledby"], Mt = /* @__PURE__ */ T({
|
|
362
380
|
__name: "GPopover",
|
|
363
|
-
props: /* @__PURE__ */
|
|
381
|
+
props: /* @__PURE__ */ H({
|
|
364
382
|
minimal: { type: Boolean, default: !1 }
|
|
365
383
|
}, {
|
|
366
384
|
modelValue: { type: Boolean, default: !1 },
|
|
367
385
|
modelModifiers: {}
|
|
368
386
|
}),
|
|
369
|
-
emits: /* @__PURE__ */
|
|
387
|
+
emits: /* @__PURE__ */ H(["show", "hide"], ["update:modelValue"]),
|
|
370
388
|
setup(e, { emit: l }) {
|
|
371
|
-
const t = e, a = l, o = j(e, "modelValue"), s = ge("triggerRef"), i = ge("popoverRef"),
|
|
372
|
-
|
|
373
|
-
|
|
389
|
+
const t = e, a = l, o = j(e, "modelValue"), s = ge("triggerRef"), i = ge("popoverRef"), d = Y(), { push: r, pop: c, isTop: g, zIndex: m } = xe(d), { activate: p, deactivate: L } = Ve(i, g, !0);
|
|
390
|
+
Te([i, s], g, o, S, c), Q(o, (O) => {
|
|
391
|
+
O ? (J(() => {
|
|
374
392
|
J(() => p());
|
|
375
|
-
}), r(), a("show")) : (L(),
|
|
393
|
+
}), r(), a("show")) : (L(), c(), a("hide"));
|
|
376
394
|
});
|
|
377
395
|
function S() {
|
|
378
396
|
o.value = !1;
|
|
@@ -382,45 +400,45 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
382
400
|
}
|
|
383
401
|
const y = B({ top: 0, left: 0 }), h = B({ left: "50%" }), A = B(!1), w = B(!1);
|
|
384
402
|
let I = null;
|
|
385
|
-
function
|
|
403
|
+
function K() {
|
|
386
404
|
if (!s.value || !i.value)
|
|
387
405
|
return;
|
|
388
|
-
const
|
|
406
|
+
const O = s.value.getBoundingClientRect(), X = i.value.getBoundingClientRect(), R = window.innerWidth - document.documentElement.clientWidth, te = window.innerWidth - R, ee = new DOMRect(0, 0, te, window.innerHeight), { top: se, left: $, xOffset: V, placedAbove: k, overlay: D } = Ze(O, X, ee, {
|
|
389
407
|
gap: t.minimal ? 0 : 8
|
|
390
408
|
});
|
|
391
|
-
y.value = { top: se, left:
|
|
409
|
+
y.value = { top: se, left: $ }, h.value = {
|
|
392
410
|
left: `${X.width / 2 - V}px`,
|
|
393
411
|
top: k ? "auto" : void 0,
|
|
394
412
|
bottom: k ? "-8px" : void 0
|
|
395
|
-
}, A.value = k, w.value =
|
|
413
|
+
}, A.value = k, w.value = D;
|
|
396
414
|
}
|
|
397
|
-
return Q(o, (
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
() =>
|
|
415
|
+
return Q(o, (O) => {
|
|
416
|
+
O ? J(() => {
|
|
417
|
+
K(), window.addEventListener("resize", K), i.value && (I && I.disconnect(), I = new ResizeObserver(
|
|
418
|
+
() => K()
|
|
401
419
|
), I.observe(i.value));
|
|
402
|
-
}) : (window.removeEventListener("resize",
|
|
420
|
+
}) : (window.removeEventListener("resize", K), I && I.disconnect());
|
|
403
421
|
}), de(() => {
|
|
404
|
-
window.removeEventListener("resize",
|
|
405
|
-
}), (
|
|
422
|
+
window.removeEventListener("resize", K), I && I.disconnect();
|
|
423
|
+
}), (O, X) => (u(), v("div", Lt, [
|
|
406
424
|
n("div", {
|
|
407
425
|
ref_key: "triggerRef",
|
|
408
426
|
ref: s,
|
|
409
427
|
class: "g-popover-trigger",
|
|
410
|
-
id: `${f(
|
|
428
|
+
id: `${f(d)}-trigger`
|
|
411
429
|
}, [
|
|
412
|
-
|
|
413
|
-
], 8,
|
|
414
|
-
W(
|
|
430
|
+
P(O.$slots, "trigger", { toggle: b }, void 0, !0)
|
|
431
|
+
], 8, St),
|
|
432
|
+
W(_e, {
|
|
415
433
|
name: "g-popover-expand",
|
|
416
434
|
appear: ""
|
|
417
435
|
}, {
|
|
418
436
|
default: U(() => [
|
|
419
|
-
o.value ? (u(),
|
|
437
|
+
o.value ? (u(), v("div", {
|
|
420
438
|
key: 0,
|
|
421
439
|
ref_key: "popoverRef",
|
|
422
440
|
ref: i,
|
|
423
|
-
class:
|
|
441
|
+
class: G({
|
|
424
442
|
"g-popover": !0,
|
|
425
443
|
"g-popover-above": A.value,
|
|
426
444
|
"g-popover-below": !A.value,
|
|
@@ -428,21 +446,21 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
428
446
|
}),
|
|
429
447
|
role: "dialog",
|
|
430
448
|
"aria-modal": "true",
|
|
431
|
-
"aria-labelledby": `${f(
|
|
449
|
+
"aria-labelledby": `${f(d)}-trigger`,
|
|
432
450
|
style: ce({
|
|
433
451
|
top: y.value.top + "px",
|
|
434
452
|
left: y.value.left + "px",
|
|
435
453
|
zIndex: f(m)
|
|
436
454
|
})
|
|
437
455
|
}, [
|
|
438
|
-
!w.value && !e.minimal ? (u(),
|
|
456
|
+
!w.value && !e.minimal ? (u(), v("div", {
|
|
439
457
|
key: 0,
|
|
440
|
-
class:
|
|
458
|
+
class: G(["g-popover-arrow", { "g-popover-arrow-above": A.value }]),
|
|
441
459
|
style: ce(h.value),
|
|
442
460
|
"aria-hidden": "true"
|
|
443
461
|
}, null, 6)) : M("", !0),
|
|
444
|
-
|
|
445
|
-
e.minimal ? M("", !0) : (u(),
|
|
462
|
+
P(O.$slots, "default", {}, void 0, !0),
|
|
463
|
+
e.minimal ? M("", !0) : (u(), v("button", {
|
|
446
464
|
key: 1,
|
|
447
465
|
class: "g-popover-close",
|
|
448
466
|
type: "button",
|
|
@@ -461,15 +479,15 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
461
479
|
})
|
|
462
480
|
], -1)
|
|
463
481
|
])]))
|
|
464
|
-
], 14,
|
|
482
|
+
], 14, It)) : M("", !0)
|
|
465
483
|
]),
|
|
466
484
|
_: 3
|
|
467
485
|
})
|
|
468
486
|
]));
|
|
469
487
|
}
|
|
470
|
-
}),
|
|
488
|
+
}), Ae = /* @__PURE__ */ z(Mt, [["__scopeId", "data-v-9df8ca26"]]), Bt = ["disabled"], Et = { class: "g-select-btn-legend" }, Vt = { class: "g-select-btn-row" }, Tt = ["id", "name", "value", "checked", "disabled", "onChange"], At = ["for"], zt = /* @__PURE__ */ T({
|
|
471
489
|
__name: "GSelectButton",
|
|
472
|
-
props: /* @__PURE__ */
|
|
490
|
+
props: /* @__PURE__ */ H({
|
|
473
491
|
options: {},
|
|
474
492
|
label: {},
|
|
475
493
|
size: { default: "medium" },
|
|
@@ -480,13 +498,13 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
480
498
|
modelValue: { default: () => "" },
|
|
481
499
|
modelModifiers: {}
|
|
482
500
|
}),
|
|
483
|
-
emits: /* @__PURE__ */
|
|
501
|
+
emits: /* @__PURE__ */ H(["change"], ["update:modelValue"]),
|
|
484
502
|
setup(e, { emit: l }) {
|
|
485
|
-
const t = e, a = l, o = j(e, "modelValue"), s = Y(), { displayErrors: i, hasErrors:
|
|
503
|
+
const t = e, a = l, o = j(e, "modelValue"), s = Y(), { displayErrors: i, hasErrors: d } = Ce({
|
|
486
504
|
name: t.name,
|
|
487
505
|
value: o,
|
|
488
|
-
errors:
|
|
489
|
-
}), r = x(() => t.options.map((p) => typeof p == "string" ? { label: p, value: p } : p)),
|
|
506
|
+
errors: $e(t, "errors")
|
|
507
|
+
}), r = x(() => t.options.map((p) => typeof p == "string" ? { label: p, value: p } : p)), c = x(() => [
|
|
490
508
|
"g-select-btn-group",
|
|
491
509
|
`g-select-btn-group--${t.size}`
|
|
492
510
|
]), g = (p) => [
|
|
@@ -497,16 +515,16 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
497
515
|
function m(p) {
|
|
498
516
|
!t.disabled && p !== o.value && (o.value = p, a("change", p));
|
|
499
517
|
}
|
|
500
|
-
return (p, L) => (u(),
|
|
501
|
-
class:
|
|
518
|
+
return (p, L) => (u(), v("fieldset", {
|
|
519
|
+
class: G(c.value),
|
|
502
520
|
disabled: t.disabled
|
|
503
521
|
}, [
|
|
504
|
-
n("legend",
|
|
522
|
+
n("legend", Et, C(t.label), 1),
|
|
505
523
|
n("div", {
|
|
506
|
-
class:
|
|
524
|
+
class: G(["g-select-btn-wrapper", { "g-select-btn-has-error": f(d) }])
|
|
507
525
|
}, [
|
|
508
|
-
n("div",
|
|
509
|
-
(u(!0),
|
|
526
|
+
n("div", Vt, [
|
|
527
|
+
(u(!0), v(F, null, Z(r.value, (S, b) => (u(), v(F, {
|
|
510
528
|
key: S.value
|
|
511
529
|
}, [
|
|
512
530
|
n("input", {
|
|
@@ -518,21 +536,21 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
518
536
|
checked: S.value === o.value,
|
|
519
537
|
disabled: t.disabled,
|
|
520
538
|
onChange: (y) => m(S.value)
|
|
521
|
-
}, null, 40,
|
|
539
|
+
}, null, 40, Tt),
|
|
522
540
|
n("label", {
|
|
523
541
|
for: `${f(s)}-${S.value}`,
|
|
524
|
-
class:
|
|
525
|
-
}, C(S.label), 11,
|
|
542
|
+
class: G(g(S.value === o.value))
|
|
543
|
+
}, C(S.label), 11, At)
|
|
526
544
|
], 64))), 128))
|
|
527
545
|
]),
|
|
528
|
-
W(
|
|
546
|
+
W(Be, {
|
|
529
547
|
errors: f(i),
|
|
530
548
|
id: "error-message-" + f(s)
|
|
531
549
|
}, null, 8, ["errors", "id"])
|
|
532
550
|
], 2)
|
|
533
|
-
], 10,
|
|
551
|
+
], 10, Bt));
|
|
534
552
|
}
|
|
535
|
-
}),
|
|
553
|
+
}), Gt = /* @__PURE__ */ z(zt, [["__scopeId", "data-v-cde3230c"]]), Ot = ["width", "height"], Dt = ["cx", "cy", "r"], Ft = ["cx", "cy", "r", "stroke-dasharray", "stroke-dashoffset"], Pt = ["cx", "cy", "r"], oe = 4, Rt = /* @__PURE__ */ T({
|
|
536
554
|
__name: "GProgress",
|
|
537
555
|
props: {
|
|
538
556
|
label: { default: "Loading" },
|
|
@@ -567,11 +585,11 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
567
585
|
"aria-label": l.label
|
|
568
586
|
}
|
|
569
587
|
);
|
|
570
|
-
return (
|
|
571
|
-
(u(),
|
|
588
|
+
return (d, r) => (u(), v("span", ae({ class: "g-progress" }, i.value), [
|
|
589
|
+
(u(), v("svg", {
|
|
572
590
|
width: a.value * 2 + oe,
|
|
573
591
|
height: a.value * 2 + oe,
|
|
574
|
-
class:
|
|
592
|
+
class: G([
|
|
575
593
|
"g-progress__svg",
|
|
576
594
|
{
|
|
577
595
|
"g-progress--determinate": t.value,
|
|
@@ -588,8 +606,8 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
588
606
|
r: a.value,
|
|
589
607
|
"stroke-width": oe,
|
|
590
608
|
fill: "none"
|
|
591
|
-
}, null, 8,
|
|
592
|
-
t.value ? (u(),
|
|
609
|
+
}, null, 8, Dt),
|
|
610
|
+
t.value ? (u(), v("circle", {
|
|
593
611
|
key: 0,
|
|
594
612
|
class: "g-progress__value",
|
|
595
613
|
cx: a.value + oe / 2,
|
|
@@ -600,7 +618,7 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
600
618
|
"stroke-dasharray": o.value,
|
|
601
619
|
"stroke-dashoffset": o.value - s.value,
|
|
602
620
|
style: { transform: "rotate(-90deg)", "transform-origin": "center" }
|
|
603
|
-
}, null, 8,
|
|
621
|
+
}, null, 8, Ft)) : (u(), v("circle", {
|
|
604
622
|
key: 1,
|
|
605
623
|
class: "g-progress__spinner",
|
|
606
624
|
cx: a.value + oe / 2,
|
|
@@ -608,11 +626,11 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
608
626
|
r: a.value,
|
|
609
627
|
"stroke-width": oe,
|
|
610
628
|
fill: "none"
|
|
611
|
-
}, null, 8,
|
|
612
|
-
], 10,
|
|
629
|
+
}, null, 8, Pt))
|
|
630
|
+
], 10, Ot))
|
|
613
631
|
], 16));
|
|
614
632
|
}
|
|
615
|
-
}),
|
|
633
|
+
}), Ht = /* @__PURE__ */ z(Rt, [["__scopeId", "data-v-7dccaf49"]]), Kt = ["id", "aria-labelledby", "aria-describedby"], Ut = { class: "g-alertdialog-inner" }, jt = ["id"], Nt = ["id"], Wt = { class: "g-alertdialog-actions" }, qt = /* @__PURE__ */ T({
|
|
616
634
|
__name: "GAlertDialog",
|
|
617
635
|
props: {
|
|
618
636
|
label: { default: "Confirmation" },
|
|
@@ -621,16 +639,16 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
621
639
|
},
|
|
622
640
|
emits: ["cancel", "confirm"],
|
|
623
641
|
setup(e, { emit: l }) {
|
|
624
|
-
const t = e, a = l, o = B(null), s = B(!0), i = Y(), { pop:
|
|
642
|
+
const t = e, a = l, o = B(null), s = B(!0), i = Y(), { pop: d, push: r, isTop: c, zIndex: g } = xe(i, !0, !0), { deactivate: m, activate: p } = Ve(o, c);
|
|
625
643
|
function L() {
|
|
626
644
|
a("cancel");
|
|
627
645
|
}
|
|
628
|
-
return
|
|
646
|
+
return Te([o], c, s, L, d), re(() => {
|
|
629
647
|
r(), p();
|
|
630
|
-
}),
|
|
631
|
-
|
|
632
|
-
}), (S, b) => (u(), q(
|
|
633
|
-
W(
|
|
648
|
+
}), Ue(() => {
|
|
649
|
+
d(), m();
|
|
650
|
+
}), (S, b) => (u(), q(je, { to: "#modal-root" }, [
|
|
651
|
+
W(_e, {
|
|
634
652
|
name: "g-fade",
|
|
635
653
|
appear: ""
|
|
636
654
|
}, {
|
|
@@ -646,18 +664,18 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
646
664
|
ref: o,
|
|
647
665
|
style: ce({ zIndex: f(g) })
|
|
648
666
|
}, [
|
|
649
|
-
n("div",
|
|
667
|
+
n("div", Ut, [
|
|
650
668
|
n("h2", {
|
|
651
669
|
id: "alertdialog-label-" + f(i),
|
|
652
670
|
class: "g-alertdialog-label"
|
|
653
|
-
}, C(t.label), 9,
|
|
671
|
+
}, C(t.label), 9, jt),
|
|
654
672
|
n("div", {
|
|
655
673
|
id: "alertdialog-description-" + f(i),
|
|
656
674
|
class: "g-alertdialog-content"
|
|
657
675
|
}, [
|
|
658
|
-
|
|
659
|
-
], 8,
|
|
660
|
-
n("div",
|
|
676
|
+
P(S.$slots, "default", {}, void 0, !0)
|
|
677
|
+
], 8, Nt),
|
|
678
|
+
n("div", Wt, [
|
|
661
679
|
W(ne, {
|
|
662
680
|
outlined: "",
|
|
663
681
|
onClick: b[0] || (b[0] = (y) => a("cancel"))
|
|
@@ -678,19 +696,19 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
678
696
|
}, 8, ["theme"])
|
|
679
697
|
])
|
|
680
698
|
])
|
|
681
|
-
], 12,
|
|
699
|
+
], 12, Kt)
|
|
682
700
|
]),
|
|
683
701
|
_: 3
|
|
684
702
|
})
|
|
685
703
|
]));
|
|
686
704
|
}
|
|
687
|
-
}),
|
|
705
|
+
}), Ko = /* @__PURE__ */ z(qt, [["__scopeId", "data-v-8bac6ffd"]]), Zt = ["id"], Yt = { class: "g-select-input-wrap" }, Qt = ["id"], Jt = ["value", "placeholder", "disabled", "aria-controls", "aria-expanded", "aria-activedescendant"], Xt = ["id", "aria-controls", "aria-expanded", "aria-activedescendant"], el = ["id"], tl = ["id", "aria-selected", "onClick"], ll = {
|
|
688
706
|
key: 1,
|
|
689
707
|
"aria-live": "polite",
|
|
690
708
|
class: "g-select-combo-option g-select-option g-select-no-results"
|
|
691
|
-
},
|
|
709
|
+
}, al = /* @__PURE__ */ T({
|
|
692
710
|
__name: "GSelect",
|
|
693
|
-
props: /* @__PURE__ */
|
|
711
|
+
props: /* @__PURE__ */ H({
|
|
694
712
|
options: {},
|
|
695
713
|
label: {},
|
|
696
714
|
hiddenLabel: { type: Boolean },
|
|
@@ -705,20 +723,20 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
705
723
|
modelValue: {},
|
|
706
724
|
modelModifiers: {}
|
|
707
725
|
}),
|
|
708
|
-
emits: /* @__PURE__ */
|
|
726
|
+
emits: /* @__PURE__ */ H(["change"], ["update:modelValue"]),
|
|
709
727
|
setup(e, { emit: l }) {
|
|
710
|
-
const t = e, a = l, o = j(e, "modelValue"), s = Y(), i = B(null),
|
|
728
|
+
const t = e, a = l, o = j(e, "modelValue"), s = Y(), i = B(null), d = B(null), r = B(!1), c = B(0), g = B(!1), m = B(!1), { push: p, pop: L, isTop: S } = xe(s), { displayErrors: b, hasErrors: y } = Ce({
|
|
711
729
|
name: t.name,
|
|
712
730
|
value: o,
|
|
713
|
-
errors:
|
|
731
|
+
errors: $e(t, "errors")
|
|
714
732
|
}), h = B("below"), A = B(null), w = x(() => {
|
|
715
|
-
const
|
|
716
|
-
return A.value !== null && (
|
|
733
|
+
const _ = {};
|
|
734
|
+
return A.value !== null && (_.maxHeight = `${A.value}px`), h.value === "above" ? (_.top = "auto", _.bottom = "100%") : (_.top = "100%", _.bottom = "auto"), _;
|
|
717
735
|
});
|
|
718
736
|
function I() {
|
|
719
737
|
if (!r.value || !i.value)
|
|
720
738
|
return;
|
|
721
|
-
const
|
|
739
|
+
const _ = i.value.getBoundingClientRect(), E = window.innerHeight - _.bottom, le = _.top, ie = d.value?.scrollHeight ?? 200, Le = Math.min(200, ie), Se = 8;
|
|
722
740
|
if (E >= Le) {
|
|
723
741
|
h.value = "below", A.value = Math.max(0, Math.floor(E - Se));
|
|
724
742
|
return;
|
|
@@ -729,53 +747,53 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
729
747
|
}
|
|
730
748
|
h.value = "below", A.value = Math.max(0, Math.floor(E - Se));
|
|
731
749
|
}
|
|
732
|
-
let
|
|
733
|
-
function
|
|
734
|
-
if (
|
|
750
|
+
let K = null;
|
|
751
|
+
function O() {
|
|
752
|
+
if (K)
|
|
735
753
|
return;
|
|
736
|
-
const
|
|
754
|
+
const _ = () => {
|
|
737
755
|
I();
|
|
738
756
|
};
|
|
739
|
-
window.addEventListener("resize",
|
|
757
|
+
window.addEventListener("resize", _, { passive: !0 }), window.addEventListener("scroll", _, {
|
|
740
758
|
passive: !0,
|
|
741
759
|
capture: !0
|
|
742
|
-
}),
|
|
743
|
-
window.removeEventListener("resize",
|
|
760
|
+
}), K = () => {
|
|
761
|
+
window.removeEventListener("resize", _), window.removeEventListener("scroll", _, !0), K = null;
|
|
744
762
|
};
|
|
745
763
|
}
|
|
746
764
|
function X() {
|
|
747
|
-
|
|
765
|
+
K && K();
|
|
748
766
|
}
|
|
749
|
-
const
|
|
767
|
+
const R = x(() => t.options.map((_) => typeof _ == "string" ? { label: _, value: _ } : _)), te = B(""), ee = x(() => {
|
|
750
768
|
if (!t.searchable || !r.value || !te.value)
|
|
751
|
-
return
|
|
752
|
-
const
|
|
753
|
-
return
|
|
754
|
-
(E) => E.label.toLowerCase().includes(
|
|
769
|
+
return R.value;
|
|
770
|
+
const _ = te.value.toLowerCase();
|
|
771
|
+
return R.value.filter(
|
|
772
|
+
(E) => E.label.toLowerCase().includes(_)
|
|
755
773
|
);
|
|
756
|
-
}), se = x(() => ee.value.findIndex((
|
|
774
|
+
}), se = x(() => ee.value.findIndex((_) => _.value === o.value));
|
|
757
775
|
Q(
|
|
758
776
|
() => o.value,
|
|
759
|
-
(
|
|
760
|
-
const E = ee.value.findIndex((le) => le.value ===
|
|
761
|
-
E !== -1 && (
|
|
777
|
+
(_) => {
|
|
778
|
+
const E = ee.value.findIndex((le) => le.value === _);
|
|
779
|
+
E !== -1 && (c.value = E);
|
|
762
780
|
}
|
|
763
|
-
), Q(r, (
|
|
764
|
-
|
|
765
|
-
}), Q(r, (
|
|
766
|
-
|
|
781
|
+
), Q(r, (_) => {
|
|
782
|
+
_ ? p() : L();
|
|
783
|
+
}), Q(r, (_) => {
|
|
784
|
+
_ ? (O(), J(() => {
|
|
767
785
|
I();
|
|
768
786
|
})) : (X(), h.value = "below", A.value = null);
|
|
769
787
|
});
|
|
770
|
-
function
|
|
788
|
+
function $() {
|
|
771
789
|
if (!t.disabled && (r.value = !0, J(() => {
|
|
772
790
|
I();
|
|
773
791
|
}), t.searchable)) {
|
|
774
792
|
te.value = "";
|
|
775
|
-
const
|
|
793
|
+
const _ = ee.value.findIndex(
|
|
776
794
|
(E) => E.value === o.value
|
|
777
795
|
);
|
|
778
|
-
|
|
796
|
+
c.value = _ !== -1 ? _ : 0, J(() => {
|
|
779
797
|
k.value && k.value.focus();
|
|
780
798
|
});
|
|
781
799
|
}
|
|
@@ -787,102 +805,102 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
787
805
|
X();
|
|
788
806
|
});
|
|
789
807
|
const k = B(null);
|
|
790
|
-
function
|
|
808
|
+
function D(_) {
|
|
791
809
|
if (!t.disabled && t.searchable) {
|
|
792
810
|
if (m.value) {
|
|
793
811
|
m.value = !1;
|
|
794
812
|
return;
|
|
795
813
|
}
|
|
796
|
-
|
|
814
|
+
$();
|
|
797
815
|
}
|
|
798
816
|
}
|
|
799
|
-
function ve(
|
|
817
|
+
function ve(_) {
|
|
800
818
|
if (!t.searchable) return;
|
|
801
|
-
r.value ||
|
|
819
|
+
r.value || $(), te.value = _.target.value;
|
|
802
820
|
const E = ee.value.findIndex(
|
|
803
821
|
(le) => le.value === o.value
|
|
804
822
|
);
|
|
805
|
-
|
|
823
|
+
c.value = E !== -1 ? E : 0;
|
|
806
824
|
}
|
|
807
|
-
function me(
|
|
808
|
-
const E =
|
|
825
|
+
function me(_) {
|
|
826
|
+
const E = _.relatedTarget;
|
|
809
827
|
if (g.value) {
|
|
810
828
|
g.value = !1;
|
|
811
829
|
return;
|
|
812
830
|
}
|
|
813
|
-
E &&
|
|
831
|
+
E && d.value && d.value.contains(E) || (t.searchable && (te.value = ""), V());
|
|
814
832
|
}
|
|
815
|
-
function pe(
|
|
816
|
-
const E = ee.value[
|
|
833
|
+
function pe(_) {
|
|
834
|
+
const E = ee.value[_];
|
|
817
835
|
E && E.value !== o.value && (o.value = E.value, a("change", E.value)), m.value = !0, V(), setTimeout(() => {
|
|
818
836
|
m.value = !1;
|
|
819
837
|
}, 100);
|
|
820
838
|
}
|
|
821
839
|
function he() {
|
|
822
|
-
t.disabled || (r.value ? V() :
|
|
840
|
+
t.disabled || (r.value ? V() : $());
|
|
823
841
|
}
|
|
824
|
-
function ye(
|
|
842
|
+
function ye(_) {
|
|
825
843
|
if (t.disabled)
|
|
826
844
|
return;
|
|
827
845
|
const E = ee.value.length - 1;
|
|
828
|
-
if (!r.value && ["ArrowDown", "ArrowUp", "Enter", " "].includes(
|
|
829
|
-
|
|
846
|
+
if (!r.value && ["ArrowDown", "ArrowUp", "Enter", " "].includes(_.key)) {
|
|
847
|
+
_.preventDefault(), $();
|
|
830
848
|
return;
|
|
831
849
|
}
|
|
832
|
-
switch (
|
|
850
|
+
switch (_.key) {
|
|
833
851
|
case "ArrowDown":
|
|
834
|
-
|
|
852
|
+
_.preventDefault(), r.value ? (c.value = Math.min(E, c.value + 1), ke()) : $();
|
|
835
853
|
break;
|
|
836
854
|
case "ArrowUp":
|
|
837
|
-
|
|
855
|
+
_.preventDefault(), r.value ? (c.value = Math.max(0, c.value - 1), ke()) : $();
|
|
838
856
|
break;
|
|
839
857
|
case "Home":
|
|
840
|
-
|
|
858
|
+
_.preventDefault(), c.value = 0, ke();
|
|
841
859
|
break;
|
|
842
860
|
case "End":
|
|
843
|
-
|
|
861
|
+
_.preventDefault(), c.value = E, ke();
|
|
844
862
|
break;
|
|
845
863
|
case "Enter":
|
|
846
864
|
case " ":
|
|
847
|
-
|
|
865
|
+
_.preventDefault(), r.value ? pe(c.value) : $();
|
|
848
866
|
break;
|
|
849
867
|
case "Escape":
|
|
850
|
-
S.value && (
|
|
868
|
+
S.value && (_.preventDefault(), setTimeout(() => {
|
|
851
869
|
V();
|
|
852
870
|
}, 0));
|
|
853
871
|
break;
|
|
854
872
|
}
|
|
855
873
|
}
|
|
856
|
-
function Qe(
|
|
857
|
-
pe(
|
|
874
|
+
function Qe(_) {
|
|
875
|
+
pe(_);
|
|
858
876
|
}
|
|
859
877
|
function Je() {
|
|
860
878
|
g.value = !0;
|
|
861
879
|
}
|
|
862
880
|
function ke() {
|
|
863
881
|
J(() => {
|
|
864
|
-
const
|
|
865
|
-
`${s}-option-${
|
|
882
|
+
const _ = document.getElementById(
|
|
883
|
+
`${s}-option-${c.value}`
|
|
866
884
|
);
|
|
867
|
-
|
|
885
|
+
_ && _.scrollIntoView({ block: "nearest" });
|
|
868
886
|
});
|
|
869
887
|
}
|
|
870
|
-
const
|
|
871
|
-
function
|
|
888
|
+
const ze = x(() => t.clearButton && o.value !== null && o.value !== void 0 && !t.disabled);
|
|
889
|
+
function Ge() {
|
|
872
890
|
t.disabled || (o.value = null, a("change", null), t.searchable && (te.value = ""));
|
|
873
891
|
}
|
|
874
892
|
return de(() => {
|
|
875
893
|
L();
|
|
876
|
-
}), (
|
|
877
|
-
class:
|
|
894
|
+
}), (_, E) => (u(), v("div", {
|
|
895
|
+
class: G(["g-select-root g-select-combo", { "g-select-open": r.value, "g-select-compact": e.compact, "g-select-has-error": f(y) }])
|
|
878
896
|
}, [
|
|
879
|
-
e.hiddenLabel ? M("", !0) : (u(),
|
|
897
|
+
e.hiddenLabel ? M("", !0) : (u(), v("div", {
|
|
880
898
|
key: 0,
|
|
881
899
|
id: f(s) + "-label",
|
|
882
900
|
class: "g-select-combo-label g-select-label"
|
|
883
|
-
}, C(t.label), 9,
|
|
884
|
-
n("div",
|
|
885
|
-
t.searchable ? (u(),
|
|
901
|
+
}, C(t.label), 9, Zt)),
|
|
902
|
+
n("div", Yt, [
|
|
903
|
+
t.searchable ? (u(), v("div", {
|
|
886
904
|
key: 0,
|
|
887
905
|
class: "g-select-combo-input g-select-control",
|
|
888
906
|
id: f(s)
|
|
@@ -894,10 +912,10 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
894
912
|
type: "text",
|
|
895
913
|
name: "comboInput",
|
|
896
914
|
class: ["g-select-search-input", { "g-select-clearable": e.clearButton }],
|
|
897
|
-
value: r.value ? te.value :
|
|
915
|
+
value: r.value ? te.value : R.value[se.value] ? R.value[se.value].label : "",
|
|
898
916
|
placeholder: r.value ? "" : e.placeholder,
|
|
899
917
|
disabled: t.disabled,
|
|
900
|
-
onFocus:
|
|
918
|
+
onFocus: D,
|
|
901
919
|
onInput: ve,
|
|
902
920
|
onKeydown: ye,
|
|
903
921
|
onBlur: me,
|
|
@@ -905,19 +923,19 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
905
923
|
"aria-controls": f(s) + "-listbox",
|
|
906
924
|
"aria-expanded": r.value ? "true" : "false",
|
|
907
925
|
"aria-haspopup": "listbox",
|
|
908
|
-
"aria-activedescendant": r.value ? f(s) + "-option-" +
|
|
926
|
+
"aria-activedescendant": r.value ? f(s) + "-option-" + c.value : void 0
|
|
909
927
|
},
|
|
910
928
|
e.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": f(s) + "-label" },
|
|
911
929
|
{
|
|
912
930
|
role: "combobox",
|
|
913
931
|
autocomplete: "off"
|
|
914
932
|
}
|
|
915
|
-
), null, 16,
|
|
916
|
-
|
|
933
|
+
), null, 16, Jt),
|
|
934
|
+
ze.value ? (u(), v("button", {
|
|
917
935
|
key: 0,
|
|
918
936
|
type: "button",
|
|
919
937
|
class: "g-select-clear-btn",
|
|
920
|
-
onClick:
|
|
938
|
+
onClick: Ge
|
|
921
939
|
}, [...E[0] || (E[0] = [
|
|
922
940
|
n("svg", {
|
|
923
941
|
role: "img",
|
|
@@ -944,7 +962,7 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
944
962
|
d: "M38.75 24.13a1.36 1.36 0 0 1 0 2.36l-12.44 7.18-12.43 7.18a1.36 1.36 0 0 1-2.05-1.18V11a1.36 1.36 0 0 1 2.05-1.18L26.31 17Z"
|
|
945
963
|
})
|
|
946
964
|
], -1))
|
|
947
|
-
], 8,
|
|
965
|
+
], 8, Qt)) : (u(), v("div", ae(
|
|
948
966
|
{
|
|
949
967
|
key: 1,
|
|
950
968
|
ref_key: "comboRef",
|
|
@@ -958,20 +976,20 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
958
976
|
},
|
|
959
977
|
e.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": f(s) + "-label" },
|
|
960
978
|
{
|
|
961
|
-
"aria-activedescendant": r.value ? f(s) + "-option-" +
|
|
979
|
+
"aria-activedescendant": r.value ? f(s) + "-option-" + c.value : void 0,
|
|
962
980
|
tabindex: "0",
|
|
963
981
|
onClick: he,
|
|
964
982
|
onKeydown: ye,
|
|
965
|
-
onFocus:
|
|
983
|
+
onFocus: D,
|
|
966
984
|
onBlur: me
|
|
967
985
|
}
|
|
968
986
|
), [
|
|
969
|
-
N(C(
|
|
970
|
-
|
|
987
|
+
N(C(R.value[se.value] ? R.value[se.value].label : "") + " ", 1),
|
|
988
|
+
ze.value ? (u(), v("button", {
|
|
971
989
|
key: 0,
|
|
972
990
|
type: "button",
|
|
973
991
|
class: "g-select-clear-btn",
|
|
974
|
-
onClick: ue(
|
|
992
|
+
onClick: ue(Ge, ["stop"])
|
|
975
993
|
}, [...E[2] || (E[2] = [
|
|
976
994
|
n("svg", {
|
|
977
995
|
role: "img",
|
|
@@ -998,11 +1016,11 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
998
1016
|
d: "M38.75 24.13a1.36 1.36 0 0 1 0 2.36l-12.44 7.18-12.43 7.18a1.36 1.36 0 0 1-2.05-1.18V11a1.36 1.36 0 0 1 2.05-1.18L26.31 17Z"
|
|
999
1017
|
})
|
|
1000
1018
|
], -1))
|
|
1001
|
-
], 16,
|
|
1019
|
+
], 16, Xt)),
|
|
1002
1020
|
we(n("div", ae(
|
|
1003
1021
|
{
|
|
1004
1022
|
ref_key: "listboxRef",
|
|
1005
|
-
ref:
|
|
1023
|
+
ref: d,
|
|
1006
1024
|
class: ["g-select-combo-menu g-select-list", {
|
|
1007
1025
|
"g-select-combo-menu--above": h.value === "above"
|
|
1008
1026
|
}],
|
|
@@ -1013,11 +1031,11 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
1013
1031
|
e.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": f(s) + "-label" },
|
|
1014
1032
|
{ tabindex: "-1" }
|
|
1015
1033
|
), [
|
|
1016
|
-
ee.value.length > 0 ? (u(!0),
|
|
1034
|
+
ee.value.length > 0 ? (u(!0), v(F, { key: 0 }, Z(ee.value, (le, ie) => (u(), v("div", {
|
|
1017
1035
|
key: le.value,
|
|
1018
1036
|
id: f(s) + "-option-" + ie,
|
|
1019
|
-
class:
|
|
1020
|
-
"g-select-option-current": ie ===
|
|
1037
|
+
class: G(["g-select-combo-option g-select-option", {
|
|
1038
|
+
"g-select-option-current": ie === c.value,
|
|
1021
1039
|
"ilw-theme-blue": le.value === o.value
|
|
1022
1040
|
}]),
|
|
1023
1041
|
role: "option",
|
|
@@ -1025,33 +1043,33 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
1025
1043
|
onMousedown: Je,
|
|
1026
1044
|
onClick: (Le) => Qe(ie)
|
|
1027
1045
|
}, [
|
|
1028
|
-
|
|
1046
|
+
P(_.$slots, "option", {
|
|
1029
1047
|
option: le,
|
|
1030
1048
|
selected: le.value === o.value,
|
|
1031
1049
|
index: ie
|
|
1032
1050
|
}, () => [
|
|
1033
1051
|
N(C(le.label), 1)
|
|
1034
1052
|
], !0)
|
|
1035
|
-
], 42,
|
|
1036
|
-
], 16,
|
|
1053
|
+
], 42, tl))), 128)) : (u(), v("div", ll, " No results found. "))
|
|
1054
|
+
], 16, el), [
|
|
1037
1055
|
[et, r.value]
|
|
1038
1056
|
])
|
|
1039
1057
|
]),
|
|
1040
|
-
W(
|
|
1058
|
+
W(Be, {
|
|
1041
1059
|
errors: f(b),
|
|
1042
1060
|
id: "error-message-" + f(s)
|
|
1043
1061
|
}, null, 8, ["errors", "id"])
|
|
1044
1062
|
], 2));
|
|
1045
1063
|
}
|
|
1046
|
-
}), Ye = /* @__PURE__ */ z(
|
|
1064
|
+
}), Ye = /* @__PURE__ */ z(al, [["__scopeId", "data-v-750e1c19"]]), ol = ["aria-label"], sl = ["placeholder", "value", "aria-expanded", "aria-controls", "aria-activedescendant"], nl = {
|
|
1047
1065
|
key: 0,
|
|
1048
1066
|
class: "g-search-dropdown"
|
|
1049
|
-
},
|
|
1067
|
+
}, rl = {
|
|
1050
1068
|
"aria-live": "polite",
|
|
1051
1069
|
class: "g-search-result-count"
|
|
1052
|
-
},
|
|
1070
|
+
}, il = ["id"], ul = ["aria-label"], dl = { class: "g-search-group-label" }, cl = ["id", "onMousedown", "aria-selected"], vl = ["id", "onMousedown", "aria-selected"], Uo = /* @__PURE__ */ T({
|
|
1053
1071
|
__name: "GSearch",
|
|
1054
|
-
props: /* @__PURE__ */
|
|
1072
|
+
props: /* @__PURE__ */ H({
|
|
1055
1073
|
results: {},
|
|
1056
1074
|
placeholder: { default: "Search..." },
|
|
1057
1075
|
label: { default: "Search" },
|
|
@@ -1061,12 +1079,12 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
1061
1079
|
modelValue: { default: () => "" },
|
|
1062
1080
|
modelModifiers: {}
|
|
1063
1081
|
}),
|
|
1064
|
-
emits: /* @__PURE__ */
|
|
1082
|
+
emits: /* @__PURE__ */ H(["select", "submit"], ["update:modelValue"]),
|
|
1065
1083
|
setup(e, { emit: l }) {
|
|
1066
|
-
const t = j(e, "modelValue"), a = e, o = l, s = B(null), i = B(null),
|
|
1084
|
+
const t = j(e, "modelValue"), a = e, o = l, s = B(null), i = B(null), d = B(!0), r = B(-1), c = x(() => Array.isArray(a.results) && a.results.length && "items" in a.results[0] ? a.results.flatMap((I) => I.items) : a.results), g = x(() => c.value.length);
|
|
1067
1085
|
function m(I) {
|
|
1068
|
-
const
|
|
1069
|
-
t.value =
|
|
1086
|
+
const K = I.target.value;
|
|
1087
|
+
t.value = K, a.auto && K.length > 1 && (d.value = !1);
|
|
1070
1088
|
}
|
|
1071
1089
|
function p() {
|
|
1072
1090
|
J(() => {
|
|
@@ -1076,28 +1094,28 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
1076
1094
|
}
|
|
1077
1095
|
const { focused: L } = ut(s);
|
|
1078
1096
|
function S(I) {
|
|
1079
|
-
const
|
|
1097
|
+
const K = I.altKey;
|
|
1080
1098
|
if (I.key === "ArrowDown") {
|
|
1081
1099
|
if (!g.value)
|
|
1082
1100
|
return;
|
|
1083
|
-
I.preventDefault(),
|
|
1101
|
+
I.preventDefault(), d.value = !1, K || (r.value = (r.value + 1) % g.value, p());
|
|
1084
1102
|
} else if (I.key === "ArrowUp") {
|
|
1085
1103
|
if (!g.value)
|
|
1086
1104
|
return;
|
|
1087
|
-
I.preventDefault(),
|
|
1105
|
+
I.preventDefault(), d.value = !1, r.value = (r.value - 1 + g.value) % g.value, p();
|
|
1088
1106
|
} else if (I.key === "Enter")
|
|
1089
|
-
|
|
1107
|
+
d.value ? (o("submit", t.value), d.value = !1, I.preventDefault()) : b(c.value[r.value]);
|
|
1090
1108
|
else if (I.key === "Escape") {
|
|
1091
1109
|
if (!g.value)
|
|
1092
1110
|
return;
|
|
1093
|
-
I.preventDefault(), h.value || (t.value = ""),
|
|
1111
|
+
I.preventDefault(), h.value || (t.value = ""), d.value = !0, r.value = -1;
|
|
1094
1112
|
}
|
|
1095
|
-
["Backspace", "Delete", "Clear", "Undo"].includes(I.key) && (
|
|
1113
|
+
["Backspace", "Delete", "Clear", "Undo"].includes(I.key) && (d.value = !0);
|
|
1096
1114
|
}
|
|
1097
1115
|
function b(I) {
|
|
1098
|
-
o("select", I), t.value = "",
|
|
1116
|
+
o("select", I), t.value = "", d.value = !0, r.value = -1;
|
|
1099
1117
|
}
|
|
1100
|
-
const y = x(() => !!a.loading), h = x(() => L.value && !
|
|
1118
|
+
const y = x(() => !!a.loading), h = x(() => L.value && !d.value), A = dt(() => {
|
|
1101
1119
|
o("submit", t.value);
|
|
1102
1120
|
}, 300);
|
|
1103
1121
|
Q(
|
|
@@ -1107,14 +1125,14 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
1107
1125
|
}
|
|
1108
1126
|
);
|
|
1109
1127
|
const w = Y();
|
|
1110
|
-
return (I,
|
|
1128
|
+
return (I, K) => (u(), v("div", {
|
|
1111
1129
|
class: "g-search",
|
|
1112
1130
|
role: "search",
|
|
1113
1131
|
"aria-label": a.label
|
|
1114
1132
|
}, [
|
|
1115
1133
|
n("form", {
|
|
1116
1134
|
class: "g-search-form",
|
|
1117
|
-
onSubmit:
|
|
1135
|
+
onSubmit: K[0] || (K[0] = ue((O) => b(null), ["prevent"]))
|
|
1118
1136
|
}, [
|
|
1119
1137
|
n("input", {
|
|
1120
1138
|
ref_key: "inputRef",
|
|
@@ -1130,19 +1148,19 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
1130
1148
|
"aria-expanded": h.value,
|
|
1131
1149
|
"aria-autocomplete": "list",
|
|
1132
1150
|
"aria-controls": `${f(w)}-list`,
|
|
1133
|
-
"aria-activedescendant": r.value >= 0 ? "g-search-option-" +
|
|
1134
|
-
}, null, 40,
|
|
1151
|
+
"aria-activedescendant": r.value >= 0 ? "g-search-option-" + c.value[r.value].id : void 0
|
|
1152
|
+
}, null, 40, sl),
|
|
1135
1153
|
n("button", {
|
|
1136
1154
|
type: "submit",
|
|
1137
1155
|
class: "g-search-submit",
|
|
1138
1156
|
"aria-label": "Submit search",
|
|
1139
1157
|
onKeydown: S
|
|
1140
1158
|
}, [
|
|
1141
|
-
y.value ? (u(), q(
|
|
1159
|
+
y.value ? (u(), q(Ht, {
|
|
1142
1160
|
key: 0,
|
|
1143
1161
|
size: "tiny"
|
|
1144
1162
|
})) : M("", !0),
|
|
1145
|
-
|
|
1163
|
+
K[1] || (K[1] = n("svg", {
|
|
1146
1164
|
role: "img",
|
|
1147
1165
|
"aria-label": "Search",
|
|
1148
1166
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1155,9 +1173,9 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
1155
1173
|
], -1))
|
|
1156
1174
|
], 32)
|
|
1157
1175
|
], 32),
|
|
1158
|
-
h.value ? (u(),
|
|
1159
|
-
n("div",
|
|
1160
|
-
y.value ? M("", !0) : (u(),
|
|
1176
|
+
h.value ? (u(), v("div", nl, [
|
|
1177
|
+
n("div", rl, [
|
|
1178
|
+
y.value ? M("", !0) : (u(), v(F, { key: 0 }, [
|
|
1161
1179
|
N(C(g.value) + " result" + C(g.value === 1 ? "" : "s"), 1)
|
|
1162
1180
|
], 64))
|
|
1163
1181
|
]),
|
|
@@ -1168,75 +1186,75 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
1168
1186
|
ref: i,
|
|
1169
1187
|
"aria-label": "Search results"
|
|
1170
1188
|
}, [
|
|
1171
|
-
g.value > 0 && "items" in a.results[0] ? (u(!0),
|
|
1172
|
-
key:
|
|
1189
|
+
g.value > 0 && "items" in a.results[0] ? (u(!0), v(F, { key: 0 }, Z(a.results, (O, X) => (u(), v("div", {
|
|
1190
|
+
key: O.type,
|
|
1173
1191
|
class: "g-search-group",
|
|
1174
1192
|
role: "group",
|
|
1175
|
-
"aria-label":
|
|
1193
|
+
"aria-label": O.label
|
|
1176
1194
|
}, [
|
|
1177
|
-
|
|
1178
|
-
n("div",
|
|
1195
|
+
P(I.$slots, "group", { group: O }, () => [
|
|
1196
|
+
n("div", dl, C(O.label), 1)
|
|
1179
1197
|
]),
|
|
1180
|
-
(u(!0),
|
|
1181
|
-
key:
|
|
1182
|
-
id: "g-search-option-" +
|
|
1183
|
-
class:
|
|
1184
|
-
"g-search-option-active":
|
|
1198
|
+
(u(!0), v(F, null, Z(O.items, (R, te) => (u(), v("div", {
|
|
1199
|
+
key: R.id,
|
|
1200
|
+
id: "g-search-option-" + R.id,
|
|
1201
|
+
class: G(["g-search-option", {
|
|
1202
|
+
"g-search-option-active": c.value[r.value] && c.value[r.value].id === R.id
|
|
1185
1203
|
}]),
|
|
1186
1204
|
role: "option",
|
|
1187
|
-
onMousedown: ue((ee) => b(
|
|
1188
|
-
"aria-selected":
|
|
1205
|
+
onMousedown: ue((ee) => b(R), ["prevent"]),
|
|
1206
|
+
"aria-selected": c.value[r.value] && c.value[r.value].id === R.id
|
|
1189
1207
|
}, [
|
|
1190
|
-
|
|
1191
|
-
N(C(
|
|
1208
|
+
P(I.$slots, "option", { option: R }, () => [
|
|
1209
|
+
N(C(R.title), 1)
|
|
1192
1210
|
])
|
|
1193
|
-
], 42,
|
|
1194
|
-
], 8,
|
|
1195
|
-
key:
|
|
1196
|
-
id: "g-search-option-" +
|
|
1197
|
-
class:
|
|
1211
|
+
], 42, cl))), 128))
|
|
1212
|
+
], 8, ul))), 128)) : g.value > 0 ? (u(!0), v(F, { key: 1 }, Z(c.value, (O, X) => (u(), v("div", {
|
|
1213
|
+
key: O.id,
|
|
1214
|
+
id: "g-search-option-" + O.id,
|
|
1215
|
+
class: G(["g-search-option", {
|
|
1198
1216
|
"g-search-option-active": r.value === X
|
|
1199
1217
|
}]),
|
|
1200
1218
|
role: "option",
|
|
1201
|
-
onMousedown: ue((
|
|
1219
|
+
onMousedown: ue((R) => b(O), ["prevent"]),
|
|
1202
1220
|
"aria-selected": r.value === X
|
|
1203
1221
|
}, [
|
|
1204
|
-
|
|
1205
|
-
N(C(
|
|
1222
|
+
P(I.$slots, "option", { option: O }, () => [
|
|
1223
|
+
N(C(O.title), 1)
|
|
1206
1224
|
])
|
|
1207
|
-
], 42,
|
|
1208
|
-
], 8,
|
|
1225
|
+
], 42, vl))), 128)) : M("", !0)
|
|
1226
|
+
], 8, il)
|
|
1209
1227
|
])) : M("", !0)
|
|
1210
|
-
], 8,
|
|
1228
|
+
], 8, ol));
|
|
1211
1229
|
}
|
|
1212
|
-
}),
|
|
1213
|
-
class: /* @__PURE__ */
|
|
1230
|
+
}), fl = {
|
|
1231
|
+
class: /* @__PURE__ */ G({
|
|
1214
1232
|
"g-app-header": !0
|
|
1215
1233
|
})
|
|
1216
|
-
},
|
|
1234
|
+
}, gl = { class: "g-app-header__brand" }, bl = {
|
|
1217
1235
|
class: "g-app-header__brand-text",
|
|
1218
1236
|
href: "/"
|
|
1219
|
-
},
|
|
1237
|
+
}, ml = {
|
|
1220
1238
|
key: 0,
|
|
1221
1239
|
class: "g-app-header__block-i-container"
|
|
1222
|
-
},
|
|
1240
|
+
}, pl = { class: "g-app-header__title" }, hl = { class: "g-app-header__app-controls-wrap" }, yl = /* @__PURE__ */ T({
|
|
1223
1241
|
__name: "GAppHeader",
|
|
1224
1242
|
props: {
|
|
1225
1243
|
illinois: { type: Boolean, default: !1 },
|
|
1226
1244
|
brand: { default: "GRAD" }
|
|
1227
1245
|
},
|
|
1228
1246
|
setup(e) {
|
|
1229
|
-
return (l, t) => (u(),
|
|
1247
|
+
return (l, t) => (u(), v("header", fl, [
|
|
1230
1248
|
t[1] || (t[1] = n("div", { class: "g-app-header__background" }, [
|
|
1231
1249
|
n("div", { class: "g-app-header__background-pattern" }),
|
|
1232
1250
|
n("div", { class: "g-app-header__background-gradient" })
|
|
1233
1251
|
], -1)),
|
|
1234
|
-
n("div",
|
|
1235
|
-
|
|
1236
|
-
n("a",
|
|
1252
|
+
n("div", gl, [
|
|
1253
|
+
P(l.$slots, "left", {}, () => [
|
|
1254
|
+
n("a", bl, C(e.brand), 1)
|
|
1237
1255
|
], !0)
|
|
1238
1256
|
]),
|
|
1239
|
-
e.illinois ? (u(),
|
|
1257
|
+
e.illinois ? (u(), v("div", ml, [...t[0] || (t[0] = [
|
|
1240
1258
|
n("svg", {
|
|
1241
1259
|
class: "g-app-header__block-i",
|
|
1242
1260
|
role: "img",
|
|
@@ -1254,16 +1272,16 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
1254
1272
|
d: "M42.1 18.1h9V3H3v15h9c1.7 0 3 1.3 3 3v36.1c0 1.7-1.3 3-3 3H3v15h48.1v-15h-9c-1.7 0-3-1.3-3-3v-36c0-1.7 1.4-3 3-3z"
|
|
1255
1273
|
})
|
|
1256
1274
|
], -1)
|
|
1257
|
-
])])) :
|
|
1258
|
-
n("div", ml, [
|
|
1259
|
-
K(l.$slots, "title", {}, void 0, !0)
|
|
1260
|
-
]),
|
|
1275
|
+
])])) : P(l.$slots, "icon", { key: 1 }, void 0, !0),
|
|
1261
1276
|
n("div", pl, [
|
|
1262
|
-
|
|
1277
|
+
P(l.$slots, "title", {}, void 0, !0)
|
|
1278
|
+
]),
|
|
1279
|
+
n("div", hl, [
|
|
1280
|
+
P(l.$slots, "app-controls", { class: "g-app-header__app-controls" }, void 0, !0)
|
|
1263
1281
|
])
|
|
1264
1282
|
]));
|
|
1265
1283
|
}
|
|
1266
|
-
}),
|
|
1284
|
+
}), jo = /* @__PURE__ */ z(yl, [["__scopeId", "data-v-5c3dd169"]]), kl = ["id"], wl = /* @__PURE__ */ T({
|
|
1267
1285
|
__name: "GSidebar",
|
|
1268
1286
|
props: {
|
|
1269
1287
|
backgroundColor: { default: "" },
|
|
@@ -1281,13 +1299,13 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
1281
1299
|
},
|
|
1282
1300
|
!0
|
|
1283
1301
|
), a = x(() => l.backgroundImage ? l.backgroundImage : l.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), o = x(() => l.backgroundColor ? l.backgroundColor : l.theme === "light" ? "#f9f9f9" : "#030913"), s = x(() => l.topOffsetVar ? `var(${l.topOffsetVar})` : l.topOffset ? l.topOffset : "var(--g-toolbar-height)"), i = Y();
|
|
1284
|
-
function
|
|
1302
|
+
function d(r) {
|
|
1285
1303
|
r.key === "Escape" && t?.isCollapsible?.value && t?.open?.value && (t.open.value = !1, document.getElementById(`${t.id}-hamburger`)?.focus());
|
|
1286
1304
|
}
|
|
1287
|
-
return (r,
|
|
1305
|
+
return (r, c) => (u(), v("div", {
|
|
1288
1306
|
ref: "sidebar-ref",
|
|
1289
1307
|
id: `${f(t)?.id ?? f(i)}-sidebar`,
|
|
1290
|
-
class:
|
|
1308
|
+
class: G(["g-sidebar", [
|
|
1291
1309
|
`g-sidebar__${e.theme}`,
|
|
1292
1310
|
{
|
|
1293
1311
|
"g-sidebar--collapsible": f(t)?.isCollapsible?.value,
|
|
@@ -1302,14 +1320,14 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
1302
1320
|
"--g-sidebar-width": e.width ?? "300px",
|
|
1303
1321
|
width: "var(--g-sidebar-width)"
|
|
1304
1322
|
}),
|
|
1305
|
-
onKeydown:
|
|
1323
|
+
onKeydown: d
|
|
1306
1324
|
}, [
|
|
1307
|
-
|
|
1308
|
-
], 46,
|
|
1325
|
+
P(r.$slots, "default", {}, void 0, !0)
|
|
1326
|
+
], 46, kl));
|
|
1309
1327
|
}
|
|
1310
|
-
}),
|
|
1328
|
+
}), No = /* @__PURE__ */ z(wl, [["__scopeId", "data-v-859b6ad5"]]), $l = ["id"], _l = { class: "g-sidebar-menu__list" }, Cl = ["href", "aria-current", "onClick"], xl = /* @__PURE__ */ T({
|
|
1311
1329
|
__name: "GSidebarMenu",
|
|
1312
|
-
props: /* @__PURE__ */
|
|
1330
|
+
props: /* @__PURE__ */ H({
|
|
1313
1331
|
title: {},
|
|
1314
1332
|
items: {},
|
|
1315
1333
|
offset: { default: 70 },
|
|
@@ -1328,24 +1346,24 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
1328
1346
|
t,
|
|
1329
1347
|
() => {
|
|
1330
1348
|
J(() => {
|
|
1331
|
-
const
|
|
1349
|
+
const c = o.value?.querySelector(
|
|
1332
1350
|
".g-sidebar-menu__is-active"
|
|
1333
1351
|
);
|
|
1334
|
-
|
|
1352
|
+
c && c.scrollIntoView({ block: "nearest" });
|
|
1335
1353
|
});
|
|
1336
1354
|
},
|
|
1337
1355
|
{ immediate: !0 }
|
|
1338
1356
|
);
|
|
1339
1357
|
});
|
|
1340
|
-
const s =
|
|
1341
|
-
function
|
|
1358
|
+
const s = Ne(), i = x(() => s?.appContext?.components?.RouterLink ?? null);
|
|
1359
|
+
function d(c, g) {
|
|
1342
1360
|
if (!g.href || !g.href.startsWith("#"))
|
|
1343
1361
|
return;
|
|
1344
1362
|
const m = g.href.slice(1), p = document.getElementById(m)?.querySelector("h2, h3, h4, h5");
|
|
1345
|
-
p && (
|
|
1363
|
+
p && (c.preventDefault(), p.setAttribute("tabindex", "-1"), p.focus(), p.scrollIntoView({ block: "start" }), history.replaceState(null, "", g.href));
|
|
1346
1364
|
}
|
|
1347
1365
|
const r = Y();
|
|
1348
|
-
return (
|
|
1366
|
+
return (c, g) => (u(), v("nav", ae({
|
|
1349
1367
|
class: ["g-sidebar-menu", [
|
|
1350
1368
|
`g-sidebar-menu__${l.theme}`,
|
|
1351
1369
|
{ "g-sidebar-menu--compact": l.compact }
|
|
@@ -1354,11 +1372,11 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
1354
1372
|
"aria-labelledby": e.title ? f(r) : void 0,
|
|
1355
1373
|
"aria-label": e.title ? void 0 : "Sidebar Menu"
|
|
1356
1374
|
}), [
|
|
1357
|
-
e.title ? (u(),
|
|
1375
|
+
e.title ? (u(), v("h2", {
|
|
1358
1376
|
key: 0,
|
|
1359
1377
|
id: f(r),
|
|
1360
1378
|
class: "g-sidebar-menu__title"
|
|
1361
|
-
}, C(e.title), 9,
|
|
1379
|
+
}, C(e.title), 9, $l)) : M("", !0),
|
|
1362
1380
|
g[0] || (g[0] = n("div", { class: "g-sidebar-menu__divider" }, null, -1)),
|
|
1363
1381
|
n("div", {
|
|
1364
1382
|
class: "g-sidebar-menu__content",
|
|
@@ -1366,7 +1384,7 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
1366
1384
|
ref: o
|
|
1367
1385
|
}, [
|
|
1368
1386
|
n("ul", _l, [
|
|
1369
|
-
(u(!0),
|
|
1387
|
+
(u(!0), v(F, null, Z(e.items, (m) => (u(), v("li", {
|
|
1370
1388
|
key: m.href || m.to,
|
|
1371
1389
|
class: "g-sidebar-menu__item",
|
|
1372
1390
|
ref_for: !0,
|
|
@@ -1381,55 +1399,55 @@ const xt = { class: "g-popover-wrap" }, Lt = ["id"], St = ["aria-labelledby"], I
|
|
|
1381
1399
|
N(C(m.label), 1)
|
|
1382
1400
|
]),
|
|
1383
1401
|
_: 2
|
|
1384
|
-
}, 1032, ["to"])) : (u(),
|
|
1402
|
+
}, 1032, ["to"])) : (u(), v("a", {
|
|
1385
1403
|
key: 1,
|
|
1386
|
-
class:
|
|
1404
|
+
class: G(["g-sidebar-menu__link", {
|
|
1387
1405
|
"g-sidebar-menu__is-active": a.value === (m.href || "")
|
|
1388
1406
|
}]),
|
|
1389
1407
|
href: m.href || m.to || "#",
|
|
1390
1408
|
"aria-current": a.value === (m.href || "") ? "location" : void 0,
|
|
1391
|
-
onClick: (p) =>
|
|
1392
|
-
}, C(m.label), 11,
|
|
1409
|
+
onClick: (p) => d(p, m)
|
|
1410
|
+
}, C(m.label), 11, Cl))
|
|
1393
1411
|
]))), 128))
|
|
1394
1412
|
])
|
|
1395
1413
|
], 512)
|
|
1396
1414
|
], 16));
|
|
1397
1415
|
}
|
|
1398
|
-
}),
|
|
1399
|
-
let
|
|
1400
|
-
function
|
|
1416
|
+
}), Wo = /* @__PURE__ */ z(xl, [["__scopeId", "data-v-26c98caa"]]);
|
|
1417
|
+
let Ll = 1;
|
|
1418
|
+
function Sl(e, l) {
|
|
1401
1419
|
const t = document.createElement("div");
|
|
1402
1420
|
return t.className = "v-gtooltip", t.textContent = e, t.setAttribute("role", "tooltip"), t.setAttribute("id", l), t;
|
|
1403
1421
|
}
|
|
1404
|
-
function
|
|
1405
|
-
const t = e.getBoundingClientRect(), a = l.getBoundingClientRect(), o = new DOMRect(window.scrollX, window.scrollY, window.innerWidth, window.innerHeight), { top: s, left: i, placedAbove:
|
|
1422
|
+
function Re(e, l) {
|
|
1423
|
+
const t = e.getBoundingClientRect(), a = l.getBoundingClientRect(), o = new DOMRect(window.scrollX, window.scrollY, window.innerWidth, window.innerHeight), { top: s, left: i, placedAbove: d } = Ze(t, a, o, {
|
|
1406
1424
|
gap: 8,
|
|
1407
1425
|
margin: 8,
|
|
1408
1426
|
preferAbove: !0
|
|
1409
1427
|
}), g = (t.left + t.width / 2 - i) / a.width * 100;
|
|
1410
|
-
l.style.setProperty("--v-gtooltip-arrow-x", `${g}%`), l.classList.remove("v-gtooltip-bottom"),
|
|
1428
|
+
l.style.setProperty("--v-gtooltip-arrow-x", `${g}%`), l.classList.remove("v-gtooltip-bottom"), d || l.classList.add("v-gtooltip-bottom"), l.style.left = `${i}px`, l.style.top = `${s}px`, l.style.opacity = "1";
|
|
1411
1429
|
}
|
|
1412
|
-
function
|
|
1430
|
+
function Il(e) {
|
|
1413
1431
|
e.style.opacity = "0";
|
|
1414
1432
|
}
|
|
1415
|
-
const
|
|
1433
|
+
const Ml = {
|
|
1416
1434
|
mounted(e, l) {
|
|
1417
1435
|
const t = B(null), a = B(!1), o = B(!1), s = B(l.value);
|
|
1418
|
-
let i = null,
|
|
1419
|
-
e.getAttribute("aria-describedby") ?
|
|
1436
|
+
let i = null, d;
|
|
1437
|
+
e.getAttribute("aria-describedby") ? d = e.getAttribute("aria-describedby") : (d = `v-gtooltip-${++Ll}`, e.setAttribute("aria-describedby", d));
|
|
1420
1438
|
const r = () => {
|
|
1421
|
-
t.value || (t.value =
|
|
1422
|
-
t.value && (a.value || o.value) &&
|
|
1439
|
+
t.value || (t.value = Sl(s.value, d), e.parentNode ? e.parentNode.insertBefore(t.value, e.nextSibling) : document.body.appendChild(t.value), i = new ResizeObserver(() => {
|
|
1440
|
+
t.value && (a.value || o.value) && Re(e, t.value);
|
|
1423
1441
|
}), i.observe(t.value));
|
|
1424
1442
|
};
|
|
1425
|
-
|
|
1443
|
+
De(() => {
|
|
1426
1444
|
t.value && (t.value.textContent = s.value);
|
|
1427
|
-
}),
|
|
1428
|
-
a.value || o.value ? (r(), t.value &&
|
|
1445
|
+
}), De(() => {
|
|
1446
|
+
a.value || o.value ? (r(), t.value && Re(e, t.value)) : t.value && (Il(t.value), setTimeout(() => {
|
|
1429
1447
|
e.dispatchEvent(new CustomEvent("tooltip-hide"));
|
|
1430
1448
|
}, 150));
|
|
1431
1449
|
});
|
|
1432
|
-
const
|
|
1450
|
+
const c = () => {
|
|
1433
1451
|
a.value = !0;
|
|
1434
1452
|
}, g = () => {
|
|
1435
1453
|
a.value = !1;
|
|
@@ -1440,8 +1458,8 @@ const Il = {
|
|
|
1440
1458
|
}, L = (S) => {
|
|
1441
1459
|
(S.key === "Escape" || S.key === "Esc") && (a.value = !1, o.value = !1);
|
|
1442
1460
|
};
|
|
1443
|
-
e.addEventListener("mouseenter",
|
|
1444
|
-
onMouseEnter:
|
|
1461
|
+
e.addEventListener("mouseenter", c), e.addEventListener("mouseleave", g), e.addEventListener("focus", m), e.addEventListener("blur", p), e.addEventListener("keydown", L), r(), e._v_gtooltip = {
|
|
1462
|
+
onMouseEnter: c,
|
|
1445
1463
|
onMouseLeave: g,
|
|
1446
1464
|
onFocus: m,
|
|
1447
1465
|
onBlur: p,
|
|
@@ -1451,7 +1469,7 @@ const Il = {
|
|
|
1451
1469
|
isHovered: a,
|
|
1452
1470
|
isFocused: o,
|
|
1453
1471
|
resizeObserver: i,
|
|
1454
|
-
tooltipId:
|
|
1472
|
+
tooltipId: d
|
|
1455
1473
|
};
|
|
1456
1474
|
},
|
|
1457
1475
|
updated(e, l) {
|
|
@@ -1462,7 +1480,7 @@ const Il = {
|
|
|
1462
1480
|
const l = e._v_gtooltip;
|
|
1463
1481
|
l && l.tooltip && l.tooltip.value && (l.resizeObserver && l.resizeObserver.disconnect(), l.tooltip.value.remove(), l.tooltip.value = null), e.removeEventListener("mouseenter", l.onMouseEnter), e.removeEventListener("mouseleave", l.onMouseLeave), e.removeEventListener("focus", l.onFocus), e.removeEventListener("blur", l.onBlur), e.removeEventListener("keydown", l.onKeyDown), e.removeAttribute("aria-describedby");
|
|
1464
1482
|
}
|
|
1465
|
-
},
|
|
1483
|
+
}, Bl = { class: "g-clipboard-text" }, El = /* @__PURE__ */ T({
|
|
1466
1484
|
__name: "GClipboard",
|
|
1467
1485
|
props: {
|
|
1468
1486
|
text: {},
|
|
@@ -1470,22 +1488,22 @@ const Il = {
|
|
|
1470
1488
|
copyLabel: {}
|
|
1471
1489
|
},
|
|
1472
1490
|
setup(e) {
|
|
1473
|
-
const l = e, t =
|
|
1491
|
+
const l = e, t = Ml, { text: a, copy: o, copied: s, isSupported: i } = ct({
|
|
1474
1492
|
source: l.text
|
|
1475
|
-
}),
|
|
1476
|
-
i.value ? (o(),
|
|
1477
|
-
},
|
|
1478
|
-
|
|
1493
|
+
}), d = B(l.copyLabel ?? "Copy to clipboard"), r = () => {
|
|
1494
|
+
i.value ? (o(), d.value = "Copied") : d.value = "Copy not supported";
|
|
1495
|
+
}, c = () => {
|
|
1496
|
+
d.value = l.copyLabel ?? "Copy to clipboard";
|
|
1479
1497
|
};
|
|
1480
|
-
return (g, m) => (u(),
|
|
1481
|
-
e.hideText ? M("", !0) : (u(),
|
|
1498
|
+
return (g, m) => (u(), v("div", Bl, [
|
|
1499
|
+
e.hideText ? M("", !0) : (u(), v(F, { key: 0 }, [
|
|
1482
1500
|
N(C(l.text), 1)
|
|
1483
1501
|
], 64)),
|
|
1484
|
-
we((u(),
|
|
1502
|
+
we((u(), v("button", {
|
|
1485
1503
|
type: "button",
|
|
1486
1504
|
"aria-label": "Copy",
|
|
1487
1505
|
onClick: r,
|
|
1488
|
-
onTooltipHide:
|
|
1506
|
+
onTooltipHide: c,
|
|
1489
1507
|
class: "g-clipboard-text-button"
|
|
1490
1508
|
}, [...m[0] || (m[0] = [
|
|
1491
1509
|
n("svg", {
|
|
@@ -1501,19 +1519,19 @@ const Il = {
|
|
|
1501
1519
|
})
|
|
1502
1520
|
], -1)
|
|
1503
1521
|
])], 32)), [
|
|
1504
|
-
[f(t),
|
|
1522
|
+
[f(t), d.value]
|
|
1505
1523
|
])
|
|
1506
1524
|
]));
|
|
1507
1525
|
}
|
|
1508
|
-
}),
|
|
1526
|
+
}), qo = /* @__PURE__ */ z(El, [["__scopeId", "data-v-c74932aa"]]), Vl = { class: "g-history-scroller-wrapper" }, Tl = {
|
|
1509
1527
|
key: 0,
|
|
1510
1528
|
class: "g-history-shadow g-history-shadow--top",
|
|
1511
1529
|
"aria-hidden": "true"
|
|
1512
|
-
},
|
|
1530
|
+
}, Al = {
|
|
1513
1531
|
key: 1,
|
|
1514
1532
|
class: "g-history-shadow g-history-shadow--bottom",
|
|
1515
1533
|
"aria-hidden": "true"
|
|
1516
|
-
},
|
|
1534
|
+
}, zl = ["role", "aria-label"], Gl = /* @__PURE__ */ T({
|
|
1517
1535
|
__name: "GHistoryScroller",
|
|
1518
1536
|
props: {
|
|
1519
1537
|
label: {},
|
|
@@ -1521,8 +1539,8 @@ const Il = {
|
|
|
1521
1539
|
},
|
|
1522
1540
|
setup(e) {
|
|
1523
1541
|
const l = e, t = B(null), a = B(null), o = B(!0), s = B(!0);
|
|
1524
|
-
async function i({ focusLast:
|
|
1525
|
-
if (t.value && (t.value.scrollTop = t.value.scrollHeight),
|
|
1542
|
+
async function i({ focusLast: c = !1 } = {}) {
|
|
1543
|
+
if (t.value && (t.value.scrollTop = t.value.scrollHeight), c && a.value) {
|
|
1526
1544
|
const g = a.value.querySelectorAll(".g-history-entry");
|
|
1527
1545
|
if (g.length > 0) {
|
|
1528
1546
|
const m = g[g.length - 1];
|
|
@@ -1530,16 +1548,16 @@ const Il = {
|
|
|
1530
1548
|
}
|
|
1531
1549
|
}
|
|
1532
1550
|
}
|
|
1533
|
-
function
|
|
1551
|
+
function d() {
|
|
1534
1552
|
if (!t.value) return;
|
|
1535
|
-
const { scrollTop:
|
|
1536
|
-
o.value =
|
|
1553
|
+
const { scrollTop: c, scrollHeight: g, clientHeight: m } = t.value;
|
|
1554
|
+
o.value = c + m >= g - 2, s.value = c <= 2;
|
|
1537
1555
|
}
|
|
1538
1556
|
re(() => {
|
|
1539
1557
|
J(i);
|
|
1540
|
-
}),
|
|
1558
|
+
}), Pe(t, () => {
|
|
1541
1559
|
o.value && i();
|
|
1542
|
-
}),
|
|
1560
|
+
}), Pe(a, () => {
|
|
1543
1561
|
o.value && i();
|
|
1544
1562
|
}), Q(
|
|
1545
1563
|
() => l.entries,
|
|
@@ -1548,19 +1566,19 @@ const Il = {
|
|
|
1548
1566
|
}
|
|
1549
1567
|
);
|
|
1550
1568
|
const r = x(() => [...l.entries].reverse());
|
|
1551
|
-
return (
|
|
1552
|
-
s.value ? M("", !0) : (u(),
|
|
1553
|
-
o.value ? M("", !0) : (u(),
|
|
1569
|
+
return (c, g) => (u(), v("div", Vl, [
|
|
1570
|
+
s.value ? M("", !0) : (u(), v("div", Tl)),
|
|
1571
|
+
o.value ? M("", !0) : (u(), v("div", Al)),
|
|
1554
1572
|
n("div", {
|
|
1555
1573
|
ref_key: "scrollerRef",
|
|
1556
1574
|
ref: t,
|
|
1557
1575
|
class: "g-history-scroller",
|
|
1558
1576
|
role: e.label ? "log" : void 0,
|
|
1559
1577
|
"aria-label": e.label,
|
|
1560
|
-
onScroll:
|
|
1578
|
+
onScroll: d
|
|
1561
1579
|
}, [
|
|
1562
1580
|
W(ne, {
|
|
1563
|
-
class:
|
|
1581
|
+
class: G(["g-scroll-to-bottom-btn", { "scroll-to-bottom-btn--hidden": o.value }]),
|
|
1564
1582
|
size: "small",
|
|
1565
1583
|
type: "button",
|
|
1566
1584
|
onClick: g[0] || (g[0] = () => i({ focusLast: !0 })),
|
|
@@ -1587,21 +1605,21 @@ const Il = {
|
|
|
1587
1605
|
ref: a,
|
|
1588
1606
|
class: "g-history-list"
|
|
1589
1607
|
}, [
|
|
1590
|
-
(u(!0),
|
|
1608
|
+
(u(!0), v(F, null, Z(r.value, (m) => (u(), v("div", {
|
|
1591
1609
|
role: "listitem",
|
|
1592
1610
|
key: m.id,
|
|
1593
1611
|
class: "g-history-entry",
|
|
1594
1612
|
tabindex: "-1"
|
|
1595
1613
|
}, [
|
|
1596
|
-
|
|
1614
|
+
P(c.$slots, "default", { entry: m }, void 0, !0)
|
|
1597
1615
|
]))), 128))
|
|
1598
1616
|
], 512)
|
|
1599
|
-
], 40,
|
|
1617
|
+
], 40, zl)
|
|
1600
1618
|
]));
|
|
1601
1619
|
}
|
|
1602
|
-
}),
|
|
1620
|
+
}), Zo = /* @__PURE__ */ z(Gl, [["__scopeId", "data-v-fa53fd7c"]]), Ol = { class: "g-three-way-toggle-wrapper" }, Dl = { class: "g-three-way-toggle-control" }, Fl = ["id"], Pl = ["aria-labelledby", "aria-describedby", "disabled", "aria-invalid", "aria-errormessage"], Rl = { key: 0 }, Hl = { key: 1 }, Kl = { key: 2 }, Ul = ["for"], jl = ["id", "name", "checked", "disabled"], Nl = ["for"], Wl = ["id", "name", "checked", "disabled"], ql = ["for"], Zl = ["id", "name", "checked", "disabled"], Yl = ["id"], Ql = /* @__PURE__ */ T({
|
|
1603
1621
|
__name: "GThreeWayToggle",
|
|
1604
|
-
props: /* @__PURE__ */
|
|
1622
|
+
props: /* @__PURE__ */ H({
|
|
1605
1623
|
label: {},
|
|
1606
1624
|
describedby: {},
|
|
1607
1625
|
error: {},
|
|
@@ -1610,7 +1628,7 @@ const Il = {
|
|
|
1610
1628
|
modelValue: { type: [Boolean, null], default: () => null },
|
|
1611
1629
|
modelModifiers: {}
|
|
1612
1630
|
}),
|
|
1613
|
-
emits: /* @__PURE__ */
|
|
1631
|
+
emits: /* @__PURE__ */ H(["change"], ["update:modelValue"]),
|
|
1614
1632
|
setup(e, { emit: l }) {
|
|
1615
1633
|
const t = e, a = j(e, "modelValue"), o = l;
|
|
1616
1634
|
function s(b) {
|
|
@@ -1623,25 +1641,25 @@ const Il = {
|
|
|
1623
1641
|
function i(b) {
|
|
1624
1642
|
t.disabled || (a.value === b ? s(null) : s(b));
|
|
1625
1643
|
}
|
|
1626
|
-
function
|
|
1644
|
+
function d(b) {
|
|
1627
1645
|
t.disabled || a.value === b && s(null);
|
|
1628
1646
|
}
|
|
1629
|
-
const r = Y(),
|
|
1647
|
+
const r = Y(), c = x(() => `g-three-way-toggle-${r}`), g = Y(), m = Y(), p = Y(), L = x(() => a.value === !1 ? "g-left" : a.value === !0 ? "g-right" : "g-center");
|
|
1630
1648
|
function S(b) {
|
|
1631
1649
|
t.disabled || (b.key === "n" || b.key === "N" ? (s(!1), b.preventDefault()) : (b.key === "y" || b.key === "Y") && (s(!0), b.preventDefault()));
|
|
1632
1650
|
}
|
|
1633
|
-
return (b, y) => (u(),
|
|
1634
|
-
n("div",
|
|
1651
|
+
return (b, y) => (u(), v("div", Ol, [
|
|
1652
|
+
n("div", Dl, [
|
|
1635
1653
|
n("span", {
|
|
1636
1654
|
class: "g-label",
|
|
1637
1655
|
id: f(r)
|
|
1638
1656
|
}, [
|
|
1639
|
-
|
|
1657
|
+
P(b.$slots, "label", {}, () => [
|
|
1640
1658
|
N(C(e.label), 1)
|
|
1641
1659
|
], !0)
|
|
1642
|
-
], 8,
|
|
1660
|
+
], 8, Fl),
|
|
1643
1661
|
n("fieldset", {
|
|
1644
|
-
class:
|
|
1662
|
+
class: G(["g-three-way-toggle", { "g-has-error": e.error }]),
|
|
1645
1663
|
role: "radiogroup",
|
|
1646
1664
|
"aria-labelledby": f(r),
|
|
1647
1665
|
"aria-describedby": e.describedby,
|
|
@@ -1650,31 +1668,31 @@ const Il = {
|
|
|
1650
1668
|
"aria-errormessage": e.error ? f(r) + "-error" : void 0
|
|
1651
1669
|
}, [
|
|
1652
1670
|
n("div", {
|
|
1653
|
-
class:
|
|
1671
|
+
class: G(["g-toggle-track", [L.value, { "g-disabled": e.disabled }]])
|
|
1654
1672
|
}, [
|
|
1655
1673
|
n("span", {
|
|
1656
|
-
class:
|
|
1674
|
+
class: G(["g-toggle-thumb", L.value]),
|
|
1657
1675
|
"aria-hidden": "true"
|
|
1658
1676
|
}, [
|
|
1659
|
-
a.value === !1 ? (u(),
|
|
1677
|
+
a.value === !1 ? (u(), v("span", Rl, "NO")) : a.value === !0 ? (u(), v("span", Hl, "YES")) : (u(), v("span", Kl))
|
|
1660
1678
|
], 2),
|
|
1661
1679
|
n("label", {
|
|
1662
1680
|
for: f(g),
|
|
1663
1681
|
class: "g-toggle-option g-left",
|
|
1664
|
-
onClick: y[1] || (y[1] = (h) =>
|
|
1682
|
+
onClick: y[1] || (y[1] = (h) => d(!1)),
|
|
1665
1683
|
onKeydown: S
|
|
1666
1684
|
}, [
|
|
1667
1685
|
n("input", {
|
|
1668
1686
|
type: "radio",
|
|
1669
1687
|
id: f(g),
|
|
1670
|
-
name:
|
|
1688
|
+
name: c.value,
|
|
1671
1689
|
checked: a.value === !1,
|
|
1672
1690
|
value: "false",
|
|
1673
1691
|
disabled: e.disabled,
|
|
1674
1692
|
onChange: y[0] || (y[0] = (h) => i(!1))
|
|
1675
|
-
}, null, 40,
|
|
1693
|
+
}, null, 40, jl),
|
|
1676
1694
|
y[5] || (y[5] = n("span", { class: "ilw-sr-only" }, "No", -1))
|
|
1677
|
-
], 40,
|
|
1695
|
+
], 40, Ul),
|
|
1678
1696
|
n("label", {
|
|
1679
1697
|
for: f(m),
|
|
1680
1698
|
class: "g-toggle-option g-center",
|
|
@@ -1683,58 +1701,58 @@ const Il = {
|
|
|
1683
1701
|
n("input", {
|
|
1684
1702
|
type: "radio",
|
|
1685
1703
|
id: f(m),
|
|
1686
|
-
name:
|
|
1704
|
+
name: c.value,
|
|
1687
1705
|
checked: a.value === null,
|
|
1688
1706
|
disabled: e.disabled,
|
|
1689
1707
|
onChange: y[2] || (y[2] = (h) => i(null))
|
|
1690
|
-
}, null, 40,
|
|
1708
|
+
}, null, 40, Wl),
|
|
1691
1709
|
y[6] || (y[6] = n("span", { class: "ilw-sr-only" }, "Unset", -1))
|
|
1692
|
-
], 40,
|
|
1710
|
+
], 40, Nl),
|
|
1693
1711
|
n("label", {
|
|
1694
1712
|
for: f(p),
|
|
1695
1713
|
class: "g-toggle-option g-right",
|
|
1696
|
-
onClick: y[4] || (y[4] = (h) =>
|
|
1714
|
+
onClick: y[4] || (y[4] = (h) => d(!0)),
|
|
1697
1715
|
onKeydown: S
|
|
1698
1716
|
}, [
|
|
1699
1717
|
n("input", {
|
|
1700
1718
|
type: "radio",
|
|
1701
1719
|
id: f(p),
|
|
1702
|
-
name:
|
|
1720
|
+
name: c.value,
|
|
1703
1721
|
value: "true",
|
|
1704
1722
|
checked: a.value === !0,
|
|
1705
1723
|
disabled: e.disabled,
|
|
1706
1724
|
onChange: y[3] || (y[3] = (h) => i(!0))
|
|
1707
|
-
}, null, 40,
|
|
1725
|
+
}, null, 40, Zl),
|
|
1708
1726
|
y[7] || (y[7] = n("span", { class: "ilw-sr-only" }, "Yes", -1))
|
|
1709
|
-
], 40,
|
|
1727
|
+
], 40, ql)
|
|
1710
1728
|
], 2)
|
|
1711
|
-
], 10,
|
|
1729
|
+
], 10, Pl)
|
|
1712
1730
|
]),
|
|
1713
|
-
e.error ? (u(),
|
|
1731
|
+
e.error ? (u(), v("div", {
|
|
1714
1732
|
key: 0,
|
|
1715
1733
|
id: `${f(r)}-error`,
|
|
1716
1734
|
class: "g-form-error",
|
|
1717
1735
|
role: "alert",
|
|
1718
1736
|
"aria-atomic": "true"
|
|
1719
|
-
}, C(e.error), 9,
|
|
1737
|
+
}, C(e.error), 9, Yl)) : M("", !0)
|
|
1720
1738
|
]));
|
|
1721
1739
|
}
|
|
1722
|
-
}),
|
|
1740
|
+
}), Yo = /* @__PURE__ */ z(Ql, [["__scopeId", "data-v-b154ee55"]]), Jl = {
|
|
1723
1741
|
ref: "tableBodyRef",
|
|
1724
1742
|
class: "efficient-table-body"
|
|
1725
|
-
},
|
|
1743
|
+
}, Xl = ["aria-rowindex"], ea = {
|
|
1726
1744
|
key: 0,
|
|
1727
1745
|
class: "table-group-checkbox"
|
|
1728
|
-
},
|
|
1746
|
+
}, ta = ["colspan"], la = ["aria-rowindex", "onMousedown", "onClick"], aa = ["checked", "onClick", "aria-label", "name"], oa = ["id"], sa = {
|
|
1729
1747
|
key: 0,
|
|
1730
1748
|
class: "editable-cell"
|
|
1731
|
-
},
|
|
1749
|
+
}, na = {
|
|
1732
1750
|
key: 0,
|
|
1733
1751
|
class: "cell-prefix"
|
|
1734
|
-
},
|
|
1752
|
+
}, ra = ["value", "onChange", "aria-labelledby", "aria-invalid", "name"], ia = ["value"], ua = ["value", "onInput", "aria-labelledby", "aria-invalid", "aria-errormessage", "name"], da = {
|
|
1735
1753
|
key: 3,
|
|
1736
1754
|
class: "cell-suffix"
|
|
1737
|
-
},
|
|
1755
|
+
}, ca = ["id"], va = /* @__PURE__ */ T({
|
|
1738
1756
|
__name: "GTableBody",
|
|
1739
1757
|
props: {
|
|
1740
1758
|
data: {},
|
|
@@ -1765,7 +1783,7 @@ const Il = {
|
|
|
1765
1783
|
if (t.bulkSelectionEnabled)
|
|
1766
1784
|
h.querySelector(
|
|
1767
1785
|
"input[type=checkbox]"
|
|
1768
|
-
) &&
|
|
1786
|
+
) && d(y, b.shiftKey);
|
|
1769
1787
|
else if (t.rowClickable) {
|
|
1770
1788
|
const w = h.querySelector("a[href]")?.getAttribute("href");
|
|
1771
1789
|
w && a("row-click", w);
|
|
@@ -1775,14 +1793,14 @@ const Il = {
|
|
|
1775
1793
|
function i(b) {
|
|
1776
1794
|
return t.selectedRows?.includes(b) ?? !1;
|
|
1777
1795
|
}
|
|
1778
|
-
function
|
|
1796
|
+
function d(b, y = !1) {
|
|
1779
1797
|
a("toggle-row", b, y);
|
|
1780
1798
|
}
|
|
1781
1799
|
function r(b, y, h) {
|
|
1782
1800
|
const w = b.target.value;
|
|
1783
1801
|
a("cell-change", { row: y, column: h, value: w });
|
|
1784
1802
|
}
|
|
1785
|
-
function
|
|
1803
|
+
function c(b, y) {
|
|
1786
1804
|
const h = `${t.tableId}-th-${String(y.key)}`;
|
|
1787
1805
|
return y.editable?.labelKey ? `${`${t.tableId}-td-${b.key}-${y.editable.labelKey}`} ${h} ` : h;
|
|
1788
1806
|
}
|
|
@@ -1806,26 +1824,26 @@ const Il = {
|
|
|
1806
1824
|
if (t.changeTracker)
|
|
1807
1825
|
return t.changeTracker.getError(b.key, y.key);
|
|
1808
1826
|
}
|
|
1809
|
-
return (b, y) => (u(),
|
|
1810
|
-
(u(!0),
|
|
1827
|
+
return (b, y) => (u(), v("tbody", Jl, [
|
|
1828
|
+
(u(!0), v(F, null, Z(e.data, (h, A) => (u(), v(F, {
|
|
1811
1829
|
key: h.key
|
|
1812
1830
|
}, [
|
|
1813
|
-
e.groupBy && (A === 0 || h[e.groupBy] !== e.data[A - 1][e.groupBy]) ? (u(),
|
|
1831
|
+
e.groupBy && (A === 0 || h[e.groupBy] !== e.data[A - 1][e.groupBy]) ? (u(), v("tr", {
|
|
1814
1832
|
key: 0,
|
|
1815
1833
|
"aria-rowindex": e.startIndex + A + 2
|
|
1816
1834
|
}, [
|
|
1817
|
-
e.bulkSelectionEnabled ? (u(),
|
|
1835
|
+
e.bulkSelectionEnabled ? (u(), v("td", ea)) : M("", !0),
|
|
1818
1836
|
n("td", {
|
|
1819
1837
|
colspan: e.columns.length,
|
|
1820
1838
|
class: "table-group-row"
|
|
1821
1839
|
}, [
|
|
1822
|
-
e.groupRender ? (u(), q(fe(e.groupRender(h[e.groupBy], h)), { key: 0 })) : (u(),
|
|
1840
|
+
e.groupRender ? (u(), q(fe(e.groupRender(h[e.groupBy], h)), { key: 0 })) : (u(), v(F, { key: 1 }, [
|
|
1823
1841
|
N(C(h[e.groupBy]), 1)
|
|
1824
1842
|
], 64))
|
|
1825
|
-
], 8,
|
|
1826
|
-
], 8,
|
|
1843
|
+
], 8, ta)
|
|
1844
|
+
], 8, Xl)) : M("", !0),
|
|
1827
1845
|
n("tr", {
|
|
1828
|
-
class:
|
|
1846
|
+
class: G([
|
|
1829
1847
|
"efficient-table-row",
|
|
1830
1848
|
{
|
|
1831
1849
|
"row-striped": A % 2 === 1,
|
|
@@ -1837,7 +1855,7 @@ const Il = {
|
|
|
1837
1855
|
onMousedown: (w) => o(w, h.key),
|
|
1838
1856
|
onClick: (w) => s(w, h.key)
|
|
1839
1857
|
}, [
|
|
1840
|
-
e.bulkSelectionEnabled ? (u(),
|
|
1858
|
+
e.bulkSelectionEnabled ? (u(), v("td", {
|
|
1841
1859
|
key: 0,
|
|
1842
1860
|
class: "td-checkbox",
|
|
1843
1861
|
onClick: y[0] || (y[0] = ue(() => {
|
|
@@ -1846,43 +1864,43 @@ const Il = {
|
|
|
1846
1864
|
n("input", {
|
|
1847
1865
|
type: "checkbox",
|
|
1848
1866
|
checked: i(h.key),
|
|
1849
|
-
onClick: (w) =>
|
|
1867
|
+
onClick: (w) => d(h.key, w.shiftKey),
|
|
1850
1868
|
"aria-label": `Select row ${h.key}`,
|
|
1851
1869
|
name: `row-${h.key}-checkbox`,
|
|
1852
1870
|
class: "g-bulk-select-checkbox"
|
|
1853
|
-
}, null, 8,
|
|
1871
|
+
}, null, 8, aa)
|
|
1854
1872
|
])) : M("", !0),
|
|
1855
|
-
(u(!0),
|
|
1873
|
+
(u(!0), v(F, null, Z(e.columns, (w) => (u(), v("td", {
|
|
1856
1874
|
key: w.key,
|
|
1857
1875
|
id: m(w) ? `${e.tableId}-td-${h.key}-${String(w.key)}` : void 0,
|
|
1858
|
-
class:
|
|
1876
|
+
class: G([
|
|
1859
1877
|
w.editable ? "editable-td" : "",
|
|
1860
1878
|
p(h, w) ? "g-cell-changed" : "",
|
|
1861
1879
|
L(h, w) ? "g-cell-error" : "",
|
|
1862
1880
|
typeof w.tdClass == "function" ? w.tdClass(h) : w.tdClass
|
|
1863
1881
|
])
|
|
1864
1882
|
}, [
|
|
1865
|
-
w.editable ? (u(),
|
|
1866
|
-
w.editable.prefix ? (u(),
|
|
1867
|
-
w.editable.type === "select" ? (u(),
|
|
1883
|
+
w.editable ? (u(), v("div", sa, [
|
|
1884
|
+
w.editable.prefix ? (u(), v("span", na, C(w.editable.prefix), 1)) : M("", !0),
|
|
1885
|
+
w.editable.type === "select" ? (u(), v("select", {
|
|
1868
1886
|
key: 1,
|
|
1869
1887
|
value: h[w.key],
|
|
1870
1888
|
onChange: (I) => r(I, h, w),
|
|
1871
|
-
"aria-labelledby":
|
|
1889
|
+
"aria-labelledby": c(h, w),
|
|
1872
1890
|
"aria-invalid": L(h, w),
|
|
1873
1891
|
name: `row-${h.key}-${String(w.key)}-select`,
|
|
1874
1892
|
class: "editable-input editable-select"
|
|
1875
1893
|
}, [
|
|
1876
|
-
(u(!0),
|
|
1894
|
+
(u(!0), v(F, null, Z(w.editable.options, (I) => (u(), v("option", {
|
|
1877
1895
|
key: I.value,
|
|
1878
1896
|
value: I.value
|
|
1879
|
-
}, C(I.label), 9,
|
|
1880
|
-
], 40,
|
|
1897
|
+
}, C(I.label), 9, ia))), 128))
|
|
1898
|
+
], 40, ra)) : (u(), v("input", ae({
|
|
1881
1899
|
key: 2,
|
|
1882
1900
|
value: h[w.key]
|
|
1883
1901
|
}, { ref_for: !0 }, w.editable.inputAttributes, {
|
|
1884
1902
|
onInput: (I) => r(I, h, w),
|
|
1885
|
-
"aria-labelledby":
|
|
1903
|
+
"aria-labelledby": c(h, w),
|
|
1886
1904
|
"aria-invalid": L(h, w),
|
|
1887
1905
|
"aria-errormessage": L(h, w) ? `${e.tableId}-error-${h.key}-${String(w.key)}` : void 0,
|
|
1888
1906
|
name: `row-${h.key}-${String(w.key)}-input`,
|
|
@@ -1891,89 +1909,89 @@ const Il = {
|
|
|
1891
1909
|
paddingLeft: w.editable.prefix ? "1.5rem" : void 0,
|
|
1892
1910
|
paddingRight: w.editable.suffix ? "2rem" : void 0
|
|
1893
1911
|
}
|
|
1894
|
-
}), null, 16,
|
|
1895
|
-
w.editable.suffix ? (u(),
|
|
1896
|
-
])) : w.display ? (u(), q(fe(w.display(h)), { key: 1 })) : (u(),
|
|
1912
|
+
}), null, 16, ua)),
|
|
1913
|
+
w.editable.suffix ? (u(), v("span", da, C(w.editable.suffix), 1)) : M("", !0)
|
|
1914
|
+
])) : w.display ? (u(), q(fe(w.display(h)), { key: 1 })) : (u(), v(F, { key: 2 }, [
|
|
1897
1915
|
N(C(h[w.key]), 1)
|
|
1898
1916
|
], 64)),
|
|
1899
|
-
L(h, w) ? (u(),
|
|
1917
|
+
L(h, w) ? (u(), v("div", {
|
|
1900
1918
|
key: 3,
|
|
1901
1919
|
role: "alert",
|
|
1902
1920
|
class: "g-cell-error-message",
|
|
1903
1921
|
id: `${e.tableId}-error-${h.key}-${String(w.key)}`
|
|
1904
|
-
}, C(S(h, w)), 9,
|
|
1905
|
-
], 10,
|
|
1906
|
-
], 42,
|
|
1922
|
+
}, C(S(h, w)), 9, ca)) : M("", !0)
|
|
1923
|
+
], 10, oa))), 128))
|
|
1924
|
+
], 42, la)
|
|
1907
1925
|
], 64))), 128))
|
|
1908
1926
|
], 512));
|
|
1909
1927
|
}
|
|
1910
1928
|
});
|
|
1911
|
-
function
|
|
1929
|
+
function He(e) {
|
|
1912
1930
|
if (!(Array.isArray(e) && e.length === 0) && !(e === null || e === !1 || e === ""))
|
|
1913
1931
|
return e;
|
|
1914
1932
|
}
|
|
1915
|
-
function
|
|
1933
|
+
function Qo(e) {
|
|
1916
1934
|
return Object.fromEntries(
|
|
1917
1935
|
Object.entries(e).filter(([l, t]) => t && (!Array.isArray(t) || t.length > 0))
|
|
1918
1936
|
);
|
|
1919
1937
|
}
|
|
1920
|
-
function
|
|
1938
|
+
function Jo(e) {
|
|
1921
1939
|
if (e != null)
|
|
1922
1940
|
return Array.isArray(e) ? e.filter(
|
|
1923
1941
|
(l) => l != null
|
|
1924
1942
|
) : [e];
|
|
1925
1943
|
}
|
|
1926
|
-
function
|
|
1944
|
+
function Xo(e) {
|
|
1927
1945
|
let l = {};
|
|
1928
|
-
for (let [t, a] of Object.entries(
|
|
1946
|
+
for (let [t, a] of Object.entries(We(e)))
|
|
1929
1947
|
Array.isArray(a) ? a.length > 0 && (l[t] = a) : a === !0 ? l[t] = "true" : l[t] = a || void 0;
|
|
1930
1948
|
return l;
|
|
1931
1949
|
}
|
|
1932
|
-
function
|
|
1950
|
+
function fa(e) {
|
|
1933
1951
|
const l = {};
|
|
1934
1952
|
return Object.keys(e).forEach((t) => {
|
|
1935
1953
|
const a = e[t];
|
|
1936
1954
|
a != null && a !== "" && a !== !1 && (Array.isArray(a) ? a.length > 0 && (l[t] = a.map((o) => String(o))) : l[t] = String(a));
|
|
1937
1955
|
}), l;
|
|
1938
1956
|
}
|
|
1939
|
-
function
|
|
1957
|
+
function ga(e, l = {}) {
|
|
1940
1958
|
const t = tt(
|
|
1941
1959
|
Object.fromEntries(
|
|
1942
|
-
Object.entries(e).map(([
|
|
1960
|
+
Object.entries(e).map(([d, r]) => [d, r])
|
|
1943
1961
|
)
|
|
1944
1962
|
), a = l.syncWith;
|
|
1945
1963
|
if (a) {
|
|
1946
1964
|
if (a.value) {
|
|
1947
|
-
const
|
|
1965
|
+
const d = Ie(a);
|
|
1948
1966
|
Object.keys(e).forEach((r) => {
|
|
1949
|
-
if (
|
|
1950
|
-
const
|
|
1951
|
-
typeof
|
|
1967
|
+
if (d[r] !== void 0) {
|
|
1968
|
+
const c = d[r];
|
|
1969
|
+
typeof c == "string" && (c.includes(",") ? t[r] = c.split(",") : t[r] = c);
|
|
1952
1970
|
}
|
|
1953
1971
|
});
|
|
1954
1972
|
}
|
|
1955
1973
|
Q(
|
|
1956
1974
|
t,
|
|
1957
|
-
(
|
|
1958
|
-
a.value =
|
|
1975
|
+
(d) => {
|
|
1976
|
+
a.value = fa(d);
|
|
1959
1977
|
},
|
|
1960
1978
|
{ deep: !0 }
|
|
1961
1979
|
);
|
|
1962
1980
|
}
|
|
1963
1981
|
const o = x(() => {
|
|
1964
|
-
for (const
|
|
1965
|
-
if (
|
|
1982
|
+
for (const d of Object.keys(e))
|
|
1983
|
+
if (He(t[d]))
|
|
1966
1984
|
return !0;
|
|
1967
1985
|
return !1;
|
|
1968
1986
|
}), s = () => {
|
|
1969
|
-
Object.keys(t).forEach((
|
|
1970
|
-
t[
|
|
1987
|
+
Object.keys(t).forEach((d) => {
|
|
1988
|
+
t[d] = void 0;
|
|
1971
1989
|
});
|
|
1972
1990
|
}, i = x(() => {
|
|
1973
|
-
const
|
|
1991
|
+
const d = {};
|
|
1974
1992
|
for (const r of Object.keys(e))
|
|
1975
|
-
|
|
1976
|
-
return
|
|
1993
|
+
d[r] = !!He(t[r]);
|
|
1994
|
+
return d;
|
|
1977
1995
|
});
|
|
1978
1996
|
return {
|
|
1979
1997
|
filters: t,
|
|
@@ -1982,31 +2000,31 @@ function fa(e, l = {}) {
|
|
|
1982
2000
|
filteredColumns: i
|
|
1983
2001
|
};
|
|
1984
2002
|
}
|
|
1985
|
-
const
|
|
2003
|
+
const ba = { class: "g-table-outer-wrap" }, ma = {
|
|
1986
2004
|
key: 0,
|
|
1987
2005
|
class: "g-table-controls"
|
|
1988
|
-
},
|
|
2006
|
+
}, pa = { class: "g-clear-filters-wrap" }, ha = {
|
|
1989
2007
|
key: 0,
|
|
1990
2008
|
class: "pagination"
|
|
1991
|
-
},
|
|
2009
|
+
}, ya = { class: "g-result-count" }, ka = ["aria-label", "aria-rowcount"], wa = { class: "g-table-head" }, $a = { "aria-rowindex": "1" }, _a = {
|
|
1992
2010
|
key: 0,
|
|
1993
2011
|
scope: "col",
|
|
1994
2012
|
class: "g-th g-th-checkbox"
|
|
1995
|
-
},
|
|
2013
|
+
}, Ca = ["checked", "indeterminate", "aria-label"], xa = ["id", "aria-sort"], La = { class: "th-inner" }, Sa = ["onClick"], Ia = {
|
|
1996
2014
|
key: 0,
|
|
1997
2015
|
class: "sort-indicator"
|
|
1998
|
-
},
|
|
2016
|
+
}, Ma = ["aria-label"], Ba = {
|
|
1999
2017
|
key: 1,
|
|
2000
2018
|
class: "g-column-head"
|
|
2001
|
-
},
|
|
2019
|
+
}, Ea = ["onClick", "aria-label"], Va = { key: 1 }, Ta = { class: "g-filter-toggle" }, Aa = ["onUpdate:modelValue", "id", "aria-describedby"], za = ["for"], Ga = ["id"], Oa = {
|
|
2002
2020
|
key: 2,
|
|
2003
2021
|
class: "g-multi-select"
|
|
2004
|
-
},
|
|
2022
|
+
}, Da = ["onUpdate:modelValue", "id", "value"], Fa = ["for"], Pa = {
|
|
2005
2023
|
key: 1,
|
|
2006
2024
|
class: "g-bulk-actions-toolbar"
|
|
2007
|
-
},
|
|
2025
|
+
}, Ra = { class: "g-selected-count" }, Ha = { class: "g-bulk-actions" }, Ka = /* @__PURE__ */ T({
|
|
2008
2026
|
__name: "GTable",
|
|
2009
|
-
props: /* @__PURE__ */
|
|
2027
|
+
props: /* @__PURE__ */ H({
|
|
2010
2028
|
label: {},
|
|
2011
2029
|
data: {},
|
|
2012
2030
|
columns: {},
|
|
@@ -2035,80 +2053,80 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2035
2053
|
},
|
|
2036
2054
|
selectedRowsModifiers: {}
|
|
2037
2055
|
}),
|
|
2038
|
-
emits: /* @__PURE__ */
|
|
2056
|
+
emits: /* @__PURE__ */ H(["row-click", "bulk-action", "cell-change"], ["update:sortField", "update:sortOrder", "update:filter", "update:selectedRows"]),
|
|
2039
2057
|
setup(e, { emit: l }) {
|
|
2040
|
-
const t = j(e, "sortField"), a = j(e, "sortOrder"), o = j(e, "filter"), s = j(e, "selectedRows"), i = e,
|
|
2041
|
-
function r(
|
|
2042
|
-
|
|
2058
|
+
const t = j(e, "sortField"), a = j(e, "sortOrder"), o = j(e, "filter"), s = j(e, "selectedRows"), i = e, d = l;
|
|
2059
|
+
function r($) {
|
|
2060
|
+
$.sortable && (t.value === $.key ? a.value === 1 ? a.value = -1 : a.value === -1 && (t.value = void 0, a.value = 1) : (t.value = $.key, a.value = 1));
|
|
2043
2061
|
}
|
|
2044
|
-
let
|
|
2045
|
-
|
|
2046
|
-
const { filters: g, filteredColumns: m, isFiltered: p, clearFilters: L } =
|
|
2062
|
+
let c = i.filtering;
|
|
2063
|
+
c || (c = ga({}));
|
|
2064
|
+
const { filters: g, filteredColumns: m, isFiltered: p, clearFilters: L } = c, S = x(() => i.data.map(($) => $.key)), b = x(() => s.value.filter(($) => S.value.includes($))), y = x(() => !i.bulkSelectionEnabled || i.data.length === 0 ? !1 : b.value.length === S.value.length), h = x(() => !i.bulkSelectionEnabled || i.data.length === 0 ? !1 : b.value.length > 0 && b.value.length < S.value.length), A = B(null);
|
|
2047
2065
|
function w() {
|
|
2048
2066
|
if (y.value)
|
|
2049
2067
|
s.value = s.value.filter(
|
|
2050
|
-
(
|
|
2068
|
+
($) => !S.value.includes($)
|
|
2051
2069
|
);
|
|
2052
2070
|
else {
|
|
2053
|
-
const
|
|
2054
|
-
S.value.forEach((V) =>
|
|
2071
|
+
const $ = new Set(s.value);
|
|
2072
|
+
S.value.forEach((V) => $.add(V)), s.value = Array.from($);
|
|
2055
2073
|
}
|
|
2056
2074
|
}
|
|
2057
|
-
function I(
|
|
2075
|
+
function I($, V = !1) {
|
|
2058
2076
|
if (V && A.value) {
|
|
2059
|
-
const k = S.value.indexOf(A.value),
|
|
2060
|
-
if (k !== -1 &&
|
|
2061
|
-
const ve = Math.min(k,
|
|
2077
|
+
const k = S.value.indexOf(A.value), D = S.value.indexOf($);
|
|
2078
|
+
if (k !== -1 && D !== -1) {
|
|
2079
|
+
const ve = Math.min(k, D), me = Math.max(k, D), pe = S.value.slice(ve, me + 1), he = new Set(s.value);
|
|
2062
2080
|
pe.forEach((ye) => he.add(ye)), s.value = Array.from(he);
|
|
2063
2081
|
}
|
|
2064
2082
|
} else
|
|
2065
|
-
s.value.includes(
|
|
2066
|
-
(k) => k !==
|
|
2067
|
-
) : s.value = [...s.value,
|
|
2068
|
-
A.value =
|
|
2083
|
+
s.value.includes($) ? s.value = s.value.filter(
|
|
2084
|
+
(k) => k !== $
|
|
2085
|
+
) : s.value = [...s.value, $];
|
|
2086
|
+
A.value = $;
|
|
2069
2087
|
}
|
|
2070
|
-
function
|
|
2071
|
-
|
|
2088
|
+
function K($) {
|
|
2089
|
+
d("row-click", $);
|
|
2072
2090
|
}
|
|
2073
|
-
function
|
|
2074
|
-
|
|
2091
|
+
function O($) {
|
|
2092
|
+
d("bulk-action", $, s.value);
|
|
2075
2093
|
}
|
|
2076
|
-
function X(
|
|
2077
|
-
let V =
|
|
2078
|
-
|
|
2079
|
-
const
|
|
2080
|
-
row:
|
|
2081
|
-
column:
|
|
2094
|
+
function X($) {
|
|
2095
|
+
let V = $.value, k = We($.row[$.column.key]);
|
|
2096
|
+
$.column.editable?.inputAttributes?.type === "number" && (V = $.value === "" ? null : Number($.value)), $.row[$.column.key] = V;
|
|
2097
|
+
const D = {
|
|
2098
|
+
row: $.row,
|
|
2099
|
+
column: $.column,
|
|
2082
2100
|
value: V,
|
|
2083
2101
|
previousValue: k
|
|
2084
2102
|
};
|
|
2085
|
-
|
|
2103
|
+
d("cell-change", D);
|
|
2086
2104
|
}
|
|
2087
|
-
const
|
|
2105
|
+
const R = Y(), te = Me(), ee = x(() => i.showPagination ? !0 : !!te.pagination), se = x(() => !!(p.value || ee.value));
|
|
2088
2106
|
return re(() => {
|
|
2089
2107
|
i.rowClickable && i.bulkSelectionEnabled && console.warn(
|
|
2090
2108
|
"GTable: rowClickable and bulkSelectionEnabled cannot be used together. rowClickable will be ignored."
|
|
2091
2109
|
);
|
|
2092
|
-
for (const
|
|
2093
|
-
if (
|
|
2094
|
-
`GTable: Column "${String(
|
|
2095
|
-
),
|
|
2096
|
-
let V = o.value[
|
|
2097
|
-
o.value[
|
|
2110
|
+
for (const $ of i.columns)
|
|
2111
|
+
if ($.editable && $.display && console.warn(
|
|
2112
|
+
`GTable: Column "${String($.key)}" has both 'editable' and 'display' configured. 'display' will be ignored.`
|
|
2113
|
+
), $.filter && $.filter.type === "multi-select" && !Array.isArray(o.value[$.key])) {
|
|
2114
|
+
let V = o.value[$.key];
|
|
2115
|
+
o.value[$.key] = V ? [V] : [];
|
|
2098
2116
|
}
|
|
2099
2117
|
}), Q(
|
|
2100
2118
|
() => i.columns,
|
|
2101
|
-
(
|
|
2102
|
-
for (const V of
|
|
2119
|
+
($) => {
|
|
2120
|
+
for (const V of $)
|
|
2103
2121
|
if (V.filter && V.filter.type === "multi-select" && !Array.isArray(o.value[V.key])) {
|
|
2104
2122
|
let k = o.value[V.key];
|
|
2105
2123
|
o.value[V.key] = k ? [k] : [];
|
|
2106
2124
|
}
|
|
2107
2125
|
},
|
|
2108
2126
|
{ immediate: !0 }
|
|
2109
|
-
), (
|
|
2110
|
-
se.value ? (u(),
|
|
2111
|
-
n("div",
|
|
2127
|
+
), ($, V) => (u(), v("div", ba, [
|
|
2128
|
+
se.value ? (u(), v("div", ma, [
|
|
2129
|
+
n("div", pa, [
|
|
2112
2130
|
f(p) ? (u(), q(ne, {
|
|
2113
2131
|
key: 0,
|
|
2114
2132
|
outlined: "",
|
|
@@ -2133,10 +2151,10 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2133
2151
|
_: 1
|
|
2134
2152
|
}, 8, ["onClick"])) : M("", !0)
|
|
2135
2153
|
]),
|
|
2136
|
-
ee.value ? (u(),
|
|
2137
|
-
|
|
2154
|
+
ee.value ? (u(), v("div", ha, [
|
|
2155
|
+
P($.$slots, "pagination", {}, void 0, !0)
|
|
2138
2156
|
])) : M("", !0),
|
|
2139
|
-
n("span",
|
|
2157
|
+
n("span", ya, C(i.resultCount || e.data.length) + " results", 1)
|
|
2140
2158
|
])) : M("", !0),
|
|
2141
2159
|
n("table", {
|
|
2142
2160
|
class: "g-table",
|
|
@@ -2144,9 +2162,9 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2144
2162
|
"aria-label": e.label,
|
|
2145
2163
|
"aria-rowcount": i.resultCount || e.data.length
|
|
2146
2164
|
}, [
|
|
2147
|
-
n("thead",
|
|
2148
|
-
n("tr",
|
|
2149
|
-
e.bulkSelectionEnabled ? (u(),
|
|
2165
|
+
n("thead", wa, [
|
|
2166
|
+
n("tr", $a, [
|
|
2167
|
+
e.bulkSelectionEnabled ? (u(), v("th", _a, [
|
|
2150
2168
|
n("input", {
|
|
2151
2169
|
type: "checkbox",
|
|
2152
2170
|
checked: y.value,
|
|
@@ -2154,29 +2172,29 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2154
2172
|
onChange: w,
|
|
2155
2173
|
"aria-label": y.value ? "Deselect all rows" : "Select all rows",
|
|
2156
2174
|
class: "g-bulk-select-checkbox"
|
|
2157
|
-
}, null, 40,
|
|
2175
|
+
}, null, 40, Ca)
|
|
2158
2176
|
])) : M("", !0),
|
|
2159
|
-
(u(!0),
|
|
2177
|
+
(u(!0), v(F, null, Z(e.columns, (k) => (u(), v("th", {
|
|
2160
2178
|
key: k.key,
|
|
2161
|
-
id: `${f(
|
|
2179
|
+
id: `${f(R)}-th-${String(k.key)}`,
|
|
2162
2180
|
"aria-sort": t.value === k.key ? a.value === 1 ? "ascending" : "descending" : "none",
|
|
2163
|
-
class:
|
|
2181
|
+
class: G([
|
|
2164
2182
|
"g-th",
|
|
2165
2183
|
{ sorted: t.value === k.key },
|
|
2166
2184
|
{ filtered: f(m)[k.key] }
|
|
2167
2185
|
]),
|
|
2168
2186
|
scope: "col"
|
|
2169
2187
|
}, [
|
|
2170
|
-
n("div",
|
|
2171
|
-
k.sortable ? (u(),
|
|
2188
|
+
n("div", La, [
|
|
2189
|
+
k.sortable ? (u(), v("button", {
|
|
2172
2190
|
key: 0,
|
|
2173
2191
|
type: "button",
|
|
2174
2192
|
class: "g-column-head",
|
|
2175
|
-
onClick: (
|
|
2193
|
+
onClick: (D) => r(k)
|
|
2176
2194
|
}, [
|
|
2177
2195
|
N(C(k.label) + " ", 1),
|
|
2178
|
-
t.value === k.key ? (u(),
|
|
2179
|
-
(u(),
|
|
2196
|
+
t.value === k.key ? (u(), v("span", Ia, [
|
|
2197
|
+
(u(), v("svg", {
|
|
2180
2198
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2181
2199
|
viewBox: "0 0 640 640",
|
|
2182
2200
|
height: "1.5em",
|
|
@@ -2190,15 +2208,15 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2190
2208
|
fill: "currentColor",
|
|
2191
2209
|
d: "M300.3 199.2C312.9 188.9 331.4 189.7 343.1 201.4L471.1 329.4C480.3 338.6 483 352.3 478 364.3C473 376.3 461.4 384 448.5 384L192.5 384C179.6 384 167.9 376.2 162.9 364.2C157.9 352.2 160.7 338.5 169.9 329.4L297.9 201.4L300.3 199.2z"
|
|
2192
2210
|
}, null, -1)
|
|
2193
|
-
])], 12,
|
|
2211
|
+
])], 12, Ma))
|
|
2194
2212
|
])) : M("", !0)
|
|
2195
|
-
], 8,
|
|
2196
|
-
k.filter ? (u(), q(
|
|
2197
|
-
trigger: U(({ toggle:
|
|
2213
|
+
], 8, Sa)) : (u(), v("span", Ba, C(k.label), 1)),
|
|
2214
|
+
k.filter ? (u(), q(Ae, { key: 2 }, {
|
|
2215
|
+
trigger: U(({ toggle: D }) => [
|
|
2198
2216
|
n("button", {
|
|
2199
|
-
onClick: ue(
|
|
2217
|
+
onClick: ue(D, ["stop"]),
|
|
2200
2218
|
"aria-label": f(m)[k.key] ? "Column Filtered" : "Filter Column",
|
|
2201
|
-
class:
|
|
2219
|
+
class: G(["g-filter-btn", {
|
|
2202
2220
|
"g-active": f(m)[k.key]
|
|
2203
2221
|
}]),
|
|
2204
2222
|
type: "button"
|
|
@@ -2214,61 +2232,61 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2214
2232
|
d: "M96 128C83.1 128 71.4 135.8 66.4 147.8C61.4 159.8 64.2 173.5 73.4 182.6L256 365.3L256 480C256 488.5 259.4 496.6 265.4 502.6L329.4 566.6C338.6 575.8 352.3 578.5 364.3 573.5C376.3 568.5 384 556.9 384 544L384 365.3L566.6 182.7C575.8 173.5 578.5 159.8 573.5 147.8C568.5 135.8 556.9 128 544 128L96 128z"
|
|
2215
2233
|
})
|
|
2216
2234
|
], -1)
|
|
2217
|
-
])], 10,
|
|
2235
|
+
])], 10, Ea)
|
|
2218
2236
|
]),
|
|
2219
2237
|
default: U(() => [
|
|
2220
2238
|
k.filter.type === "select" ? (u(), q(Ye, {
|
|
2221
2239
|
key: 0,
|
|
2222
2240
|
modelValue: o.value[k.key],
|
|
2223
|
-
"onUpdate:modelValue": (
|
|
2241
|
+
"onUpdate:modelValue": (D) => o.value[k.key] = D,
|
|
2224
2242
|
options: k.filter.options,
|
|
2225
2243
|
class: "g-filter-select",
|
|
2226
2244
|
label: "Filter select",
|
|
2227
2245
|
searchable: "",
|
|
2228
2246
|
"clear-button": ""
|
|
2229
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : k.filter.type === "toggle" ? (u(),
|
|
2230
|
-
n("div",
|
|
2247
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : k.filter.type === "toggle" ? (u(), v("div", Va, [
|
|
2248
|
+
n("div", Ta, [
|
|
2231
2249
|
we(n("input", {
|
|
2232
2250
|
type: "checkbox",
|
|
2233
|
-
"onUpdate:modelValue": (
|
|
2234
|
-
id: `${f(
|
|
2235
|
-
"aria-describedby": k.filter.description ? `${f(
|
|
2236
|
-
}, null, 8,
|
|
2237
|
-
[
|
|
2251
|
+
"onUpdate:modelValue": (D) => o.value[k.key] = D,
|
|
2252
|
+
id: `${f(R)}-filter-${String(k.key)}`,
|
|
2253
|
+
"aria-describedby": k.filter.description ? `${f(R)}-filter-description-${String(k.key)}` : void 0
|
|
2254
|
+
}, null, 8, Aa), [
|
|
2255
|
+
[Fe, o.value[k.key]]
|
|
2238
2256
|
]),
|
|
2239
2257
|
n("label", {
|
|
2240
|
-
for: `${f(
|
|
2241
|
-
}, C(k.filter.label), 9,
|
|
2242
|
-
k.filter.description ? (u(),
|
|
2258
|
+
for: `${f(R)}-filter-${String(k.key)}`
|
|
2259
|
+
}, C(k.filter.label), 9, za),
|
|
2260
|
+
k.filter.description ? (u(), v("span", {
|
|
2243
2261
|
key: 0,
|
|
2244
2262
|
class: "g-filter-description",
|
|
2245
|
-
id: `${f(
|
|
2246
|
-
}, C(k.filter.description), 9,
|
|
2263
|
+
id: `${f(R)}-filter-description-${String(k.key)}`
|
|
2264
|
+
}, C(k.filter.description), 9, Ga)) : M("", !0)
|
|
2247
2265
|
])
|
|
2248
|
-
])) : k.filter.type === "multi-select" ? (u(),
|
|
2266
|
+
])) : k.filter.type === "multi-select" ? (u(), v("fieldset", Oa, [
|
|
2249
2267
|
V[4] || (V[4] = n("legend", { class: "g-multi-select-legend" }, " Include values ", -1)),
|
|
2250
|
-
(u(!0),
|
|
2251
|
-
key:
|
|
2268
|
+
(u(!0), v(F, null, Z(k.filter.options, (D) => (u(), v("div", {
|
|
2269
|
+
key: D.value
|
|
2252
2270
|
}, [
|
|
2253
2271
|
we(n("input", {
|
|
2254
2272
|
type: "checkbox",
|
|
2255
2273
|
"onUpdate:modelValue": (ve) => o.value[k.key] = ve,
|
|
2256
|
-
id: `filter-${String(k.key)}-${
|
|
2257
|
-
value:
|
|
2274
|
+
id: `filter-${String(k.key)}-${D.value}`,
|
|
2275
|
+
value: D.value,
|
|
2258
2276
|
name: "filter-multiselect"
|
|
2259
|
-
}, null, 8,
|
|
2260
|
-
[
|
|
2277
|
+
}, null, 8, Da), [
|
|
2278
|
+
[Fe, o.value[k.key]]
|
|
2261
2279
|
]),
|
|
2262
2280
|
n("label", {
|
|
2263
|
-
for: `filter-${String(k.key)}-${
|
|
2264
|
-
}, C(
|
|
2281
|
+
for: `filter-${String(k.key)}-${D.value}`
|
|
2282
|
+
}, C(D.label), 9, Fa)
|
|
2265
2283
|
]))), 128)),
|
|
2266
2284
|
o.value[k.key] && o.value[k.key].length ? (u(), q(ne, {
|
|
2267
2285
|
key: 0,
|
|
2268
2286
|
class: "clear-multiselect-btn",
|
|
2269
2287
|
theme: "accent",
|
|
2270
2288
|
size: "small",
|
|
2271
|
-
onClick: (
|
|
2289
|
+
onClick: (D) => o.value[k.key] = []
|
|
2272
2290
|
}, {
|
|
2273
2291
|
default: U(() => [...V[3] || (V[3] = [
|
|
2274
2292
|
N(" Clear ", -1)
|
|
@@ -2280,10 +2298,10 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2280
2298
|
_: 2
|
|
2281
2299
|
}, 1024)) : M("", !0)
|
|
2282
2300
|
])
|
|
2283
|
-
], 10,
|
|
2301
|
+
], 10, xa))), 128))
|
|
2284
2302
|
])
|
|
2285
2303
|
]),
|
|
2286
|
-
W(
|
|
2304
|
+
W(va, {
|
|
2287
2305
|
data: e.data,
|
|
2288
2306
|
columns: e.columns,
|
|
2289
2307
|
"group-by": e.groupBy,
|
|
@@ -2293,22 +2311,22 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2293
2311
|
"start-index": e.startIndex,
|
|
2294
2312
|
"bulk-selection-enabled": e.bulkSelectionEnabled,
|
|
2295
2313
|
"selected-rows": s.value,
|
|
2296
|
-
"table-id": f(
|
|
2314
|
+
"table-id": f(R),
|
|
2297
2315
|
"change-tracker": e.changeTracker,
|
|
2298
|
-
onRowClick:
|
|
2316
|
+
onRowClick: K,
|
|
2299
2317
|
onToggleRow: I,
|
|
2300
2318
|
onCellChange: X
|
|
2301
2319
|
}, null, 8, ["data", "columns", "group-by", "group-render", "row-clickable", "row-class", "start-index", "bulk-selection-enabled", "selected-rows", "table-id", "change-tracker"])
|
|
2302
|
-
], 8,
|
|
2303
|
-
e.bulkSelectionEnabled && s.value.length > 0 ? (u(),
|
|
2304
|
-
n("span",
|
|
2305
|
-
n("ul",
|
|
2306
|
-
(u(!0),
|
|
2320
|
+
], 8, ka),
|
|
2321
|
+
e.bulkSelectionEnabled && s.value.length > 0 ? (u(), v("div", Pa, [
|
|
2322
|
+
n("span", Ra, C(s.value.length) + " row" + C(s.value.length === 1 ? "" : "s") + " selected", 1),
|
|
2323
|
+
n("ul", Ha, [
|
|
2324
|
+
(u(!0), v(F, null, Z(e.bulkActions, (k) => (u(), v("li", {
|
|
2307
2325
|
key: k.id
|
|
2308
2326
|
}, [
|
|
2309
2327
|
W(ne, {
|
|
2310
2328
|
theme: k.theme || "accent",
|
|
2311
|
-
onClick: (
|
|
2329
|
+
onClick: (D) => O(k.id),
|
|
2312
2330
|
size: "small"
|
|
2313
2331
|
}, {
|
|
2314
2332
|
default: U(() => [
|
|
@@ -2321,12 +2339,12 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2321
2339
|
])) : M("", !0)
|
|
2322
2340
|
]));
|
|
2323
2341
|
}
|
|
2324
|
-
}),
|
|
2342
|
+
}), es = /* @__PURE__ */ z(Ka, [["__scopeId", "data-v-f59daf0b"]]), Ua = {
|
|
2325
2343
|
class: "g-pagination",
|
|
2326
2344
|
"aria-label": "Pagination"
|
|
2327
|
-
},
|
|
2345
|
+
}, ja = ["disabled"], Na = ["disabled"], Wa = { class: "page-range" }, qa = ["disabled"], Za = ["disabled"], Ya = ["value"], Qa = ["value"], Ja = /* @__PURE__ */ T({
|
|
2328
2346
|
__name: "GTablePagination",
|
|
2329
|
-
props: /* @__PURE__ */
|
|
2347
|
+
props: /* @__PURE__ */ H({
|
|
2330
2348
|
start: {},
|
|
2331
2349
|
pageSize: {},
|
|
2332
2350
|
total: {},
|
|
@@ -2339,17 +2357,17 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2339
2357
|
}),
|
|
2340
2358
|
emits: ["update:start", "update:pageSize"],
|
|
2341
2359
|
setup(e) {
|
|
2342
|
-
const l = e, t = x(() => Math.max(1, Math.ceil(l.total / l.pageSize))), a = j(e, "start"), o = j(e, "pageSize"), s = x(() => a.value ?? l.start), i = x(() => o.value ?? l.pageSize),
|
|
2360
|
+
const l = e, t = x(() => Math.max(1, Math.ceil(l.total / l.pageSize))), a = j(e, "start"), o = j(e, "pageSize"), s = x(() => a.value ?? l.start), i = x(() => o.value ?? l.pageSize), d = x(() => l.total === 0 ? 0 : s.value + 1), r = x(() => l.total === 0 ? 0 : Math.min(s.value + i.value, l.total)), c = x(() => Math.floor(s.value / i.value) + 1);
|
|
2343
2361
|
function g(p) {
|
|
2344
2362
|
p < 1 || p > t.value || (a.value = (p - 1) * i.value);
|
|
2345
2363
|
}
|
|
2346
2364
|
function m(p) {
|
|
2347
2365
|
o.value = parseInt(p.target.value, 10);
|
|
2348
2366
|
}
|
|
2349
|
-
return (p, L) => (u(),
|
|
2367
|
+
return (p, L) => (u(), v("nav", Ua, [
|
|
2350
2368
|
n("button", {
|
|
2351
2369
|
class: "first-page g-pagination-button",
|
|
2352
|
-
disabled:
|
|
2370
|
+
disabled: c.value === 1,
|
|
2353
2371
|
onClick: L[0] || (L[0] = (S) => g(1))
|
|
2354
2372
|
}, [...L[4] || (L[4] = [
|
|
2355
2373
|
n("svg", {
|
|
@@ -2373,11 +2391,11 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2373
2391
|
n("path", { d: "M11 7l-5 5l5 5" }),
|
|
2374
2392
|
n("path", { d: "M17 7l-5 5l5 5" })
|
|
2375
2393
|
], -1)
|
|
2376
|
-
])], 8,
|
|
2394
|
+
])], 8, ja),
|
|
2377
2395
|
n("button", {
|
|
2378
2396
|
class: "prev-page g-pagination-button",
|
|
2379
|
-
disabled:
|
|
2380
|
-
onClick: L[1] || (L[1] = (S) => g(
|
|
2397
|
+
disabled: c.value === 1,
|
|
2398
|
+
onClick: L[1] || (L[1] = (S) => g(c.value - 1))
|
|
2381
2399
|
}, [...L[5] || (L[5] = [
|
|
2382
2400
|
n("svg", {
|
|
2383
2401
|
role: "img",
|
|
@@ -2399,12 +2417,12 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2399
2417
|
}),
|
|
2400
2418
|
n("path", { d: "M15 6l-6 6l6 6" })
|
|
2401
2419
|
], -1)
|
|
2402
|
-
])], 8,
|
|
2403
|
-
n("span",
|
|
2420
|
+
])], 8, Na),
|
|
2421
|
+
n("span", Wa, C(d.value) + " to " + C(r.value), 1),
|
|
2404
2422
|
n("button", {
|
|
2405
2423
|
class: "next-page g-pagination-button",
|
|
2406
|
-
disabled:
|
|
2407
|
-
onClick: L[2] || (L[2] = (S) => g(
|
|
2424
|
+
disabled: c.value === t.value,
|
|
2425
|
+
onClick: L[2] || (L[2] = (S) => g(c.value + 1))
|
|
2408
2426
|
}, [...L[6] || (L[6] = [
|
|
2409
2427
|
n("svg", {
|
|
2410
2428
|
role: "img",
|
|
@@ -2426,10 +2444,10 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2426
2444
|
}),
|
|
2427
2445
|
n("path", { d: "M9 6l6 6l-6 6" })
|
|
2428
2446
|
], -1)
|
|
2429
|
-
])], 8,
|
|
2447
|
+
])], 8, qa),
|
|
2430
2448
|
n("button", {
|
|
2431
2449
|
class: "last-page g-pagination-button",
|
|
2432
|
-
disabled:
|
|
2450
|
+
disabled: c.value === t.value,
|
|
2433
2451
|
onClick: L[3] || (L[3] = (S) => g(t.value))
|
|
2434
2452
|
}, [...L[7] || (L[7] = [
|
|
2435
2453
|
n("svg", {
|
|
@@ -2453,25 +2471,25 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2453
2471
|
n("path", { d: "M7 7l5 5l-5 5" }),
|
|
2454
2472
|
n("path", { d: "M13 7l5 5l-5 5" })
|
|
2455
2473
|
], -1)
|
|
2456
|
-
])], 8,
|
|
2474
|
+
])], 8, Za),
|
|
2457
2475
|
n("select", {
|
|
2458
2476
|
id: "page-size-select",
|
|
2459
2477
|
class: "page-size-select",
|
|
2460
2478
|
value: o.value,
|
|
2461
2479
|
onChange: m
|
|
2462
2480
|
}, [
|
|
2463
|
-
(u(!0),
|
|
2481
|
+
(u(!0), v(F, null, Z(l.pageSizes || [10, 25, 50, 100], (S) => (u(), v("option", {
|
|
2464
2482
|
key: S,
|
|
2465
2483
|
value: S
|
|
2466
|
-
}, C(S), 9,
|
|
2467
|
-
], 40,
|
|
2484
|
+
}, C(S), 9, Qa))), 128))
|
|
2485
|
+
], 40, Ya),
|
|
2468
2486
|
L[8] || (L[8] = n("label", {
|
|
2469
2487
|
class: "page-size-label",
|
|
2470
2488
|
for: "page-size-select"
|
|
2471
2489
|
}, "per page", -1))
|
|
2472
2490
|
]));
|
|
2473
2491
|
}
|
|
2474
|
-
}),
|
|
2492
|
+
}), ts = /* @__PURE__ */ z(Ja, [["__scopeId", "data-v-46e71363"]]), Xa = ["id"], eo = { class: "g-modal-inner" }, to = { class: "g-modal-header" }, lo = ["id"], ao = ["id"], oo = /* @__PURE__ */ T({
|
|
2475
2493
|
__name: "GModal",
|
|
2476
2494
|
props: {
|
|
2477
2495
|
label: {},
|
|
@@ -2481,16 +2499,16 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2481
2499
|
},
|
|
2482
2500
|
emits: ["close"],
|
|
2483
2501
|
setup(e, { emit: l }) {
|
|
2484
|
-
const t = l, a = ge("dialog"), o = B(!0), s = Y(), { pop: i, push:
|
|
2502
|
+
const t = l, a = ge("dialog"), o = B(!0), s = Y(), { pop: i, push: d, isTop: r, zIndex: c } = xe(s, !0, !0), { deactivate: g, activate: m } = Ve(a, r);
|
|
2485
2503
|
function p() {
|
|
2486
2504
|
t("close");
|
|
2487
2505
|
}
|
|
2488
|
-
return
|
|
2489
|
-
|
|
2490
|
-
}),
|
|
2506
|
+
return Te([a], r, o, p, i), re(() => {
|
|
2507
|
+
d(), m();
|
|
2508
|
+
}), Ue(() => {
|
|
2491
2509
|
i(), g();
|
|
2492
|
-
}), (L, S) => (u(), q(
|
|
2493
|
-
W(
|
|
2510
|
+
}), (L, S) => (u(), q(je, { to: "#modal-root" }, [
|
|
2511
|
+
W(_e, {
|
|
2494
2512
|
name: "g-fade",
|
|
2495
2513
|
appear: ""
|
|
2496
2514
|
}, {
|
|
@@ -2507,16 +2525,16 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2507
2525
|
}, {
|
|
2508
2526
|
ref_key: "dialog",
|
|
2509
2527
|
ref: a,
|
|
2510
|
-
style: { zIndex: f(
|
|
2528
|
+
style: { zIndex: f(c) }
|
|
2511
2529
|
}), [
|
|
2512
|
-
n("div",
|
|
2513
|
-
n("div",
|
|
2514
|
-
e.hiddenLabel ? M("", !0) : (u(),
|
|
2530
|
+
n("div", eo, [
|
|
2531
|
+
n("div", to, [
|
|
2532
|
+
e.hiddenLabel ? M("", !0) : (u(), v("h2", {
|
|
2515
2533
|
key: 0,
|
|
2516
2534
|
id: "modal-label-" + f(s),
|
|
2517
2535
|
class: "g-modal-label",
|
|
2518
2536
|
tabindex: "-1"
|
|
2519
|
-
}, C(e.label), 9,
|
|
2537
|
+
}, C(e.label), 9, lo)),
|
|
2520
2538
|
n("button", {
|
|
2521
2539
|
class: "g-modal-close",
|
|
2522
2540
|
onClick: p,
|
|
@@ -2539,16 +2557,16 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2539
2557
|
id: "modal-description-" + f(s),
|
|
2540
2558
|
class: "g-modal-content"
|
|
2541
2559
|
}, [
|
|
2542
|
-
|
|
2543
|
-
], 8,
|
|
2560
|
+
P(L.$slots, "default", {}, void 0, !0)
|
|
2561
|
+
], 8, ao)
|
|
2544
2562
|
])
|
|
2545
|
-
], 16,
|
|
2563
|
+
], 16, Xa)
|
|
2546
2564
|
]),
|
|
2547
2565
|
_: 3
|
|
2548
2566
|
})
|
|
2549
2567
|
]));
|
|
2550
2568
|
}
|
|
2551
|
-
}),
|
|
2569
|
+
}), ls = /* @__PURE__ */ z(oo, [["__scopeId", "data-v-d2f3bb35"]]), so = ["id", "aria-expanded", "aria-label", "aria-controls"], no = /* @__PURE__ */ T({
|
|
2552
2570
|
__name: "GHamburgerMenu",
|
|
2553
2571
|
props: {
|
|
2554
2572
|
label: { default: "Main Navigation" }
|
|
@@ -2559,13 +2577,13 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2559
2577
|
function o() {
|
|
2560
2578
|
a("toggle"), t?.toggle();
|
|
2561
2579
|
}
|
|
2562
|
-
function s(
|
|
2563
|
-
|
|
2580
|
+
function s(d) {
|
|
2581
|
+
d.key === "Escape" && t?.open?.value && (t.open.value = !1);
|
|
2564
2582
|
}
|
|
2565
2583
|
const i = Y();
|
|
2566
|
-
return (
|
|
2584
|
+
return (d, r) => (u(), v("button", {
|
|
2567
2585
|
id: `${f(t)?.id ?? f(i)}-hamburger`,
|
|
2568
|
-
class:
|
|
2586
|
+
class: G(["g-hamburger-button", {
|
|
2569
2587
|
"g-hamburger-button--open": f(t)?.open?.value,
|
|
2570
2588
|
"g-hamburger-button--collapsible": f(t)?.isCollapsible?.value
|
|
2571
2589
|
}]),
|
|
@@ -2583,55 +2601,55 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2583
2601
|
n("path", { d: "M11.6 16.52h28.06a3.24 3.24 0 1 0 0-6.48H11.6a3.24 3.24 0 0 0 0 6.48ZM39.66 22.07H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48ZM39.66 34.1H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48Z" })
|
|
2584
2602
|
])
|
|
2585
2603
|
], -1)
|
|
2586
|
-
])], 42,
|
|
2604
|
+
])], 42, so));
|
|
2587
2605
|
}
|
|
2588
|
-
}),
|
|
2606
|
+
}), as = /* @__PURE__ */ z(no, [["__scopeId", "data-v-6c69828a"]]), ro = /* @__PURE__ */ T({
|
|
2589
2607
|
__name: "GDetailList",
|
|
2590
2608
|
props: {
|
|
2591
2609
|
variant: { default: "grid" }
|
|
2592
2610
|
},
|
|
2593
2611
|
setup(e) {
|
|
2594
2612
|
const l = e;
|
|
2595
|
-
return (t, a) => (u(),
|
|
2596
|
-
class:
|
|
2613
|
+
return (t, a) => (u(), v("dl", {
|
|
2614
|
+
class: G(["g-detail-list", `g-detail-list--${l.variant}`])
|
|
2597
2615
|
}, [
|
|
2598
|
-
|
|
2616
|
+
P(t.$slots, "default", {}, void 0, !0)
|
|
2599
2617
|
], 2));
|
|
2600
2618
|
}
|
|
2601
|
-
}),
|
|
2619
|
+
}), os = /* @__PURE__ */ z(ro, [["__scopeId", "data-v-9f983ea6"]]), io = { class: "g-detail-list-item" }, uo = { class: "g-detail-list-item__label" }, co = { class: "g-detail-list-item__value" }, ss = /* @__PURE__ */ T({
|
|
2602
2620
|
__name: "GDetailListItem",
|
|
2603
2621
|
props: {
|
|
2604
2622
|
label: {}
|
|
2605
2623
|
},
|
|
2606
2624
|
setup(e) {
|
|
2607
|
-
return (l, t) => (u(),
|
|
2608
|
-
n("dt",
|
|
2609
|
-
|
|
2625
|
+
return (l, t) => (u(), v("div", io, [
|
|
2626
|
+
n("dt", uo, [
|
|
2627
|
+
P(l.$slots, "label", {}, () => [
|
|
2610
2628
|
N(C(e.label), 1)
|
|
2611
2629
|
])
|
|
2612
2630
|
]),
|
|
2613
|
-
n("dd",
|
|
2614
|
-
|
|
2631
|
+
n("dd", co, [
|
|
2632
|
+
P(l.$slots, "default")
|
|
2615
2633
|
])
|
|
2616
2634
|
]));
|
|
2617
2635
|
}
|
|
2618
|
-
}),
|
|
2636
|
+
}), vo = {
|
|
2619
2637
|
key: 0,
|
|
2620
2638
|
class: "g-scroll-lock-overlay"
|
|
2621
|
-
},
|
|
2639
|
+
}, ns = /* @__PURE__ */ T({
|
|
2622
2640
|
__name: "GOverlay",
|
|
2623
2641
|
setup(e) {
|
|
2624
2642
|
const { hasScrollLock: l } = _t();
|
|
2625
|
-
return (t, a) => (u(), q(
|
|
2643
|
+
return (t, a) => (u(), q(_e, { name: "g-fade" }, {
|
|
2626
2644
|
default: U(() => [
|
|
2627
|
-
f(l) ? (u(),
|
|
2645
|
+
f(l) ? (u(), v("div", vo)) : M("", !0)
|
|
2628
2646
|
]),
|
|
2629
2647
|
_: 1
|
|
2630
2648
|
}));
|
|
2631
2649
|
}
|
|
2632
|
-
}),
|
|
2650
|
+
}), fo = { class: "popover-content" }, go = { class: "year-dropdown" }, bo = { class: "month-selector" }, mo = /* @__PURE__ */ T({
|
|
2633
2651
|
__name: "GTermSelectorControl",
|
|
2634
|
-
props: /* @__PURE__ */
|
|
2652
|
+
props: /* @__PURE__ */ H({
|
|
2635
2653
|
termYears: { default: () => ["2026"] },
|
|
2636
2654
|
termNames: { default: () => ["Spring", "Summer", "Fall"] },
|
|
2637
2655
|
yearLabel: { default: "Select Year" },
|
|
@@ -2645,8 +2663,8 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2645
2663
|
emits: ["update:modelValue"],
|
|
2646
2664
|
setup(e) {
|
|
2647
2665
|
const l = j(e, "modelValue");
|
|
2648
|
-
return (t, a) => (u(),
|
|
2649
|
-
n("div",
|
|
2666
|
+
return (t, a) => (u(), v("div", fo, [
|
|
2667
|
+
n("div", go, [
|
|
2650
2668
|
W(Ye, {
|
|
2651
2669
|
modelValue: l.value.year,
|
|
2652
2670
|
"onUpdate:modelValue": a[0] || (a[0] = (o) => l.value.year = o),
|
|
@@ -2654,8 +2672,8 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2654
2672
|
label: e.yearLabel
|
|
2655
2673
|
}, null, 8, ["modelValue", "options", "label"])
|
|
2656
2674
|
]),
|
|
2657
|
-
n("div",
|
|
2658
|
-
W(
|
|
2675
|
+
n("div", bo, [
|
|
2676
|
+
W(Gt, {
|
|
2659
2677
|
modelValue: l.value.name,
|
|
2660
2678
|
"onUpdate:modelValue": a[1] || (a[1] = (o) => l.value.name = o),
|
|
2661
2679
|
options: e.termNames,
|
|
@@ -2665,12 +2683,12 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2665
2683
|
])
|
|
2666
2684
|
]));
|
|
2667
2685
|
}
|
|
2668
|
-
}),
|
|
2686
|
+
}), po = /* @__PURE__ */ z(mo, [["__scopeId", "data-v-f9b2a431"]]), ho = { class: "g-term-selector" }, yo = { class: "g-term-label" }, ko = {
|
|
2669
2687
|
class: "popover-title",
|
|
2670
2688
|
tabindex: "-1"
|
|
2671
|
-
},
|
|
2689
|
+
}, wo = /* @__PURE__ */ T({
|
|
2672
2690
|
__name: "GTermSelector",
|
|
2673
|
-
props: /* @__PURE__ */
|
|
2691
|
+
props: /* @__PURE__ */ H({
|
|
2674
2692
|
title: { default: "Period Selection" },
|
|
2675
2693
|
yearLabel: {},
|
|
2676
2694
|
periodLabel: {},
|
|
@@ -2685,8 +2703,8 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2685
2703
|
emits: ["update:modelValue"],
|
|
2686
2704
|
setup(e) {
|
|
2687
2705
|
const l = j(e, "modelValue");
|
|
2688
|
-
return (t, a) => (u(),
|
|
2689
|
-
W(
|
|
2706
|
+
return (t, a) => (u(), v("div", ho, [
|
|
2707
|
+
W(Ae, null, {
|
|
2690
2708
|
trigger: U(({ toggle: o }) => [
|
|
2691
2709
|
W(ne, {
|
|
2692
2710
|
class: "g-term-selector-button",
|
|
@@ -2704,7 +2722,7 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2704
2722
|
n("path", { d: "M224 64C206.3 64 192 78.3 192 96L192 128L160 128C124.7 128 96 156.7 96 192L96 240L544 240L544 192C544 156.7 515.3 128 480 128L448 128L448 96C448 78.3 433.7 64 416 64C398.3 64 384 78.3 384 96L384 128L256 128L256 96C256 78.3 241.7 64 224 64zM96 288L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 288L96 288z" })
|
|
2705
2723
|
])
|
|
2706
2724
|
], -1)),
|
|
2707
|
-
n("span",
|
|
2725
|
+
n("span", yo, C(l.value?.name) + " " + C(l.value?.year), 1),
|
|
2708
2726
|
a[1] || (a[1] = n("span", { class: "g-caret" }, [
|
|
2709
2727
|
n("svg", {
|
|
2710
2728
|
role: "none presentation",
|
|
@@ -2719,14 +2737,14 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2719
2737
|
}, 8, ["onClick"])
|
|
2720
2738
|
]),
|
|
2721
2739
|
default: U(() => [
|
|
2722
|
-
n("h2",
|
|
2723
|
-
W(
|
|
2740
|
+
n("h2", ko, C(e.title), 1),
|
|
2741
|
+
W(po, lt(at(t.$props)), null, 16)
|
|
2724
2742
|
]),
|
|
2725
2743
|
_: 1
|
|
2726
2744
|
})
|
|
2727
2745
|
]));
|
|
2728
2746
|
}
|
|
2729
|
-
}),
|
|
2747
|
+
}), rs = /* @__PURE__ */ z(wo, [["__scopeId", "data-v-68fc0cf4"]]), $o = { class: "g-user-menu" }, _o = ["aria-label", "aria-expanded", "onClick"], Co = { class: "g-user-menu__popover" }, xo = { class: "g-user-menu__list" }, Lo = /* @__PURE__ */ T({
|
|
2730
2748
|
__name: "GUserMenu",
|
|
2731
2749
|
props: {
|
|
2732
2750
|
initials: {},
|
|
@@ -2736,26 +2754,26 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2736
2754
|
},
|
|
2737
2755
|
setup(e) {
|
|
2738
2756
|
const t = `${Y()}-email`, a = B(!1), o = ge("emailHeading");
|
|
2739
|
-
|
|
2740
|
-
const i =
|
|
2741
|
-
return (
|
|
2742
|
-
W(
|
|
2757
|
+
Ne()?.appContext?.components?.RouterLink;
|
|
2758
|
+
const i = Me();
|
|
2759
|
+
return (d, r) => (u(), v("div", $o, [
|
|
2760
|
+
W(Ae, {
|
|
2743
2761
|
modelValue: a.value,
|
|
2744
|
-
"onUpdate:modelValue": r[0] || (r[0] = (
|
|
2762
|
+
"onUpdate:modelValue": r[0] || (r[0] = (c) => a.value = c),
|
|
2745
2763
|
minimal: ""
|
|
2746
2764
|
}, {
|
|
2747
|
-
trigger: U(({ toggle:
|
|
2765
|
+
trigger: U(({ toggle: c }) => [
|
|
2748
2766
|
n("button", {
|
|
2749
2767
|
class: "g-user-menu__avatar",
|
|
2750
2768
|
style: ce({ backgroundColor: e.color }),
|
|
2751
2769
|
"aria-label": e.initials + " - " + e.label,
|
|
2752
2770
|
"aria-expanded": a.value,
|
|
2753
2771
|
"aria-haspopup": "menu",
|
|
2754
|
-
onClick:
|
|
2772
|
+
onClick: c
|
|
2755
2773
|
}, C(e.initials), 13, _o)
|
|
2756
2774
|
]),
|
|
2757
2775
|
default: U(() => [
|
|
2758
|
-
n("div",
|
|
2776
|
+
n("div", Co, [
|
|
2759
2777
|
n("h2", {
|
|
2760
2778
|
id: t,
|
|
2761
2779
|
ref_key: "emailHeading",
|
|
@@ -2767,9 +2785,9 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2767
2785
|
class: "g-user-menu__nav",
|
|
2768
2786
|
"aria-labelledby": t
|
|
2769
2787
|
}, [
|
|
2770
|
-
n("ul",
|
|
2771
|
-
(u(!0),
|
|
2772
|
-
(u(), q(fe(
|
|
2788
|
+
n("ul", xo, [
|
|
2789
|
+
(u(!0), v(F, null, Z(i.default(), (c, g) => (u(), v("li", { key: g }, [
|
|
2790
|
+
(u(), q(fe(c)))
|
|
2773
2791
|
]))), 128))
|
|
2774
2792
|
])
|
|
2775
2793
|
])
|
|
@@ -2779,9 +2797,9 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2779
2797
|
}, 8, ["modelValue"])
|
|
2780
2798
|
]));
|
|
2781
2799
|
}
|
|
2782
|
-
}),
|
|
2800
|
+
}), is = /* @__PURE__ */ z(Lo, [["__scopeId", "data-v-4b786fbc"]]), So = /* @__PURE__ */ T({
|
|
2783
2801
|
__name: "GCurrencyInput",
|
|
2784
|
-
props: /* @__PURE__ */
|
|
2802
|
+
props: /* @__PURE__ */ H({
|
|
2785
2803
|
label: { default: void 0 },
|
|
2786
2804
|
placeholder: { default: "" },
|
|
2787
2805
|
disabled: { type: Boolean, default: !1 },
|
|
@@ -2795,7 +2813,7 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2795
2813
|
emits: ["update:modelValue"],
|
|
2796
2814
|
setup(e) {
|
|
2797
2815
|
const l = e, t = j(e, "modelValue");
|
|
2798
|
-
return (a, o) => (u(), q(
|
|
2816
|
+
return (a, o) => (u(), q(Ee, ae({
|
|
2799
2817
|
modelValue: t.value,
|
|
2800
2818
|
"onUpdate:modelValue": o[0] || (o[0] = (s) => t.value = s),
|
|
2801
2819
|
name: l.name,
|
|
@@ -2810,9 +2828,9 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2810
2828
|
min: "0"
|
|
2811
2829
|
}, a.$attrs), null, 16, ["modelValue", "name", "label", "placeholder", "disabled", "errors", "instructions"]));
|
|
2812
2830
|
}
|
|
2813
|
-
}),
|
|
2831
|
+
}), us = /* @__PURE__ */ z(So, [["__scopeId", "data-v-5a04a3f2"]]), Io = /* @__PURE__ */ T({
|
|
2814
2832
|
__name: "GEmailInput",
|
|
2815
|
-
props: /* @__PURE__ */
|
|
2833
|
+
props: /* @__PURE__ */ H({
|
|
2816
2834
|
label: { default: void 0 },
|
|
2817
2835
|
placeholder: { default: "" },
|
|
2818
2836
|
disabled: { type: Boolean, default: !1 },
|
|
@@ -2826,7 +2844,7 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2826
2844
|
emits: ["update:modelValue"],
|
|
2827
2845
|
setup(e) {
|
|
2828
2846
|
const l = j(e, "modelValue");
|
|
2829
|
-
return (t, a) => (u(), q(
|
|
2847
|
+
return (t, a) => (u(), q(Ee, ae({
|
|
2830
2848
|
modelValue: l.value,
|
|
2831
2849
|
"onUpdate:modelValue": a[0] || (a[0] = (o) => l.value = o),
|
|
2832
2850
|
name: e.name,
|
|
@@ -2838,9 +2856,9 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2838
2856
|
type: "email"
|
|
2839
2857
|
}, t.$attrs), null, 16, ["modelValue", "name", "label", "placeholder", "disabled", "errors", "instructions"]));
|
|
2840
2858
|
}
|
|
2841
|
-
}),
|
|
2859
|
+
}), ds = /* @__PURE__ */ z(Io, [["__scopeId", "data-v-dd981675"]]), Mo = /* @__PURE__ */ T({
|
|
2842
2860
|
__name: "GDateInput",
|
|
2843
|
-
props: /* @__PURE__ */
|
|
2861
|
+
props: /* @__PURE__ */ H({
|
|
2844
2862
|
label: { default: void 0 },
|
|
2845
2863
|
placeholder: { default: "" },
|
|
2846
2864
|
disabled: { type: Boolean, default: !1 },
|
|
@@ -2854,7 +2872,7 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2854
2872
|
emits: ["update:modelValue"],
|
|
2855
2873
|
setup(e) {
|
|
2856
2874
|
const l = e, t = j(e, "modelValue");
|
|
2857
|
-
return (a, o) => (u(), q(
|
|
2875
|
+
return (a, o) => (u(), q(Ee, ae({
|
|
2858
2876
|
modelValue: t.value,
|
|
2859
2877
|
"onUpdate:modelValue": o[0] || (o[0] = (s) => t.value = s),
|
|
2860
2878
|
name: l.name,
|
|
@@ -2866,19 +2884,19 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2866
2884
|
type: "date"
|
|
2867
2885
|
}, a.$attrs), null, 16, ["modelValue", "name", "label", "placeholder", "disabled", "errors", "instructions"]));
|
|
2868
2886
|
}
|
|
2869
|
-
}),
|
|
2887
|
+
}), Ke = /* @__PURE__ */ z(Mo, [["__scopeId", "data-v-9065f719"]]), Bo = { class: "g-date-range-input" }, Eo = {
|
|
2870
2888
|
key: 0,
|
|
2871
2889
|
class: "g-date-range-input__label"
|
|
2872
|
-
},
|
|
2890
|
+
}, Vo = {
|
|
2873
2891
|
key: 1,
|
|
2874
2892
|
class: "g-date-range-input__instructions"
|
|
2875
|
-
},
|
|
2893
|
+
}, To = { class: "g-date-range-input__fields" }, Ao = {
|
|
2876
2894
|
key: 2,
|
|
2877
2895
|
class: "g-date-range-input__errors",
|
|
2878
2896
|
role: "alert"
|
|
2879
|
-
},
|
|
2897
|
+
}, zo = /* @__PURE__ */ T({
|
|
2880
2898
|
__name: "GDateRangeInput",
|
|
2881
|
-
props: /* @__PURE__ */
|
|
2899
|
+
props: /* @__PURE__ */ H({
|
|
2882
2900
|
label: { default: void 0 },
|
|
2883
2901
|
startLabel: { default: "Start Date" },
|
|
2884
2902
|
endLabel: { default: "End Date" },
|
|
@@ -2897,7 +2915,7 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2897
2915
|
const l = e, t = j(e, "modelValue"), a = B(t.value.start || null), o = B(t.value.end || null), { displayErrors: s } = Ce({
|
|
2898
2916
|
name: l.name,
|
|
2899
2917
|
value: t,
|
|
2900
|
-
errors:
|
|
2918
|
+
errors: $e(l, "errors")
|
|
2901
2919
|
});
|
|
2902
2920
|
return Q([a, o], () => {
|
|
2903
2921
|
t.value = {
|
|
@@ -2910,54 +2928,54 @@ const ga = { class: "g-table-outer-wrap" }, ba = {
|
|
|
2910
2928
|
i.start !== a.value && (a.value = i.start), i.end !== o.value && (o.value = i.end);
|
|
2911
2929
|
},
|
|
2912
2930
|
{ deep: !0 }
|
|
2913
|
-
), (i,
|
|
2914
|
-
l.label ? (u(),
|
|
2915
|
-
l.instructions ? (u(),
|
|
2916
|
-
n("div",
|
|
2917
|
-
W(
|
|
2931
|
+
), (i, d) => (u(), v("div", Bo, [
|
|
2932
|
+
l.label ? (u(), v("div", Eo, C(l.label), 1)) : M("", !0),
|
|
2933
|
+
l.instructions ? (u(), v("div", Vo, C(l.instructions), 1)) : M("", !0),
|
|
2934
|
+
n("div", To, [
|
|
2935
|
+
W(Ke, {
|
|
2918
2936
|
modelValue: a.value,
|
|
2919
|
-
"onUpdate:modelValue":
|
|
2937
|
+
"onUpdate:modelValue": d[0] || (d[0] = (r) => a.value = r),
|
|
2920
2938
|
label: l.startLabel,
|
|
2921
2939
|
disabled: l.disabled,
|
|
2922
2940
|
class: "g-date-range-input__field"
|
|
2923
2941
|
}, null, 8, ["modelValue", "label", "disabled"]),
|
|
2924
|
-
W(
|
|
2942
|
+
W(Ke, {
|
|
2925
2943
|
modelValue: o.value,
|
|
2926
|
-
"onUpdate:modelValue":
|
|
2944
|
+
"onUpdate:modelValue": d[1] || (d[1] = (r) => o.value = r),
|
|
2927
2945
|
label: l.endLabel,
|
|
2928
2946
|
disabled: l.disabled,
|
|
2929
2947
|
class: "g-date-range-input__field"
|
|
2930
2948
|
}, null, 8, ["modelValue", "label", "disabled"])
|
|
2931
2949
|
]),
|
|
2932
|
-
f(s).length > 0 ? (u(),
|
|
2933
|
-
(u(!0),
|
|
2934
|
-
key:
|
|
2950
|
+
f(s).length > 0 ? (u(), v("div", Ao, [
|
|
2951
|
+
(u(!0), v(F, null, Z(f(s), (r, c) => (u(), v("div", {
|
|
2952
|
+
key: c,
|
|
2935
2953
|
class: "g-date-range-input__error"
|
|
2936
2954
|
}, C(r), 1))), 128))
|
|
2937
2955
|
])) : M("", !0)
|
|
2938
2956
|
]));
|
|
2939
2957
|
}
|
|
2940
|
-
}),
|
|
2941
|
-
function
|
|
2958
|
+
}), cs = /* @__PURE__ */ z(zo, [["__scopeId", "data-v-ea9fe44e"]]);
|
|
2959
|
+
function Go() {
|
|
2942
2960
|
const e = ot({}), l = B(!1), t = x(() => {
|
|
2943
2961
|
const r = {};
|
|
2944
|
-
return Object.entries(e).forEach(([
|
|
2945
|
-
g && g.value && (r[
|
|
2962
|
+
return Object.entries(e).forEach(([c, g]) => {
|
|
2963
|
+
g && g.value && (r[c] = g.value.value);
|
|
2946
2964
|
}), r;
|
|
2947
2965
|
}), a = x(() => {
|
|
2948
2966
|
const r = {};
|
|
2949
|
-
return Object.entries(e).forEach(([
|
|
2967
|
+
return Object.entries(e).forEach(([c, g]) => {
|
|
2950
2968
|
const m = g.errors.value;
|
|
2951
|
-
m && m.length > 0 && (r[
|
|
2969
|
+
m && m.length > 0 && (r[c] = m);
|
|
2952
2970
|
}), r;
|
|
2953
2971
|
}), o = x(() => Object.keys(a.value).length > 0);
|
|
2954
|
-
function s(r,
|
|
2955
|
-
e[r] =
|
|
2972
|
+
function s(r, c) {
|
|
2973
|
+
e[r] = c;
|
|
2956
2974
|
}
|
|
2957
2975
|
function i(r) {
|
|
2958
2976
|
delete e[r];
|
|
2959
2977
|
}
|
|
2960
|
-
async function
|
|
2978
|
+
async function d(r) {
|
|
2961
2979
|
if (!l.value) {
|
|
2962
2980
|
l.value = !0;
|
|
2963
2981
|
try {
|
|
@@ -2975,21 +2993,21 @@ function zo() {
|
|
|
2975
2993
|
hasErrors: o,
|
|
2976
2994
|
registerField: s,
|
|
2977
2995
|
unregisterField: i,
|
|
2978
|
-
submit:
|
|
2996
|
+
submit: d
|
|
2979
2997
|
};
|
|
2980
2998
|
}
|
|
2981
|
-
const
|
|
2999
|
+
const Oo = ["action", "method"], Do = /* @__PURE__ */ T({
|
|
2982
3000
|
__name: "GForm",
|
|
2983
|
-
props: /* @__PURE__ */
|
|
3001
|
+
props: /* @__PURE__ */ H({
|
|
2984
3002
|
action: { default: void 0 },
|
|
2985
3003
|
method: { default: "post" }
|
|
2986
3004
|
}, {
|
|
2987
3005
|
modelValue: { default: () => ({}) },
|
|
2988
3006
|
modelModifiers: {}
|
|
2989
3007
|
}),
|
|
2990
|
-
emits: /* @__PURE__ */
|
|
3008
|
+
emits: /* @__PURE__ */ H(["submit"], ["update:modelValue"]),
|
|
2991
3009
|
setup(e, { emit: l }) {
|
|
2992
|
-
const t = e, a = j(e, "modelValue"), o = l, s = be("form", null), i = s ||
|
|
3010
|
+
const t = e, a = j(e, "modelValue"), o = l, s = be("form", null), i = s || Go();
|
|
2993
3011
|
s || st("form", i), Q(
|
|
2994
3012
|
() => i.values.value,
|
|
2995
3013
|
(r) => {
|
|
@@ -2999,34 +3017,34 @@ const Go = ["action", "method"], Oo = /* @__PURE__ */ T({
|
|
|
2999
3017
|
), Q(
|
|
3000
3018
|
() => a.value,
|
|
3001
3019
|
(r) => {
|
|
3002
|
-
r && Object.entries(r).forEach(([
|
|
3003
|
-
const m = i.fields[
|
|
3020
|
+
r && Object.entries(r).forEach(([c, g]) => {
|
|
3021
|
+
const m = i.fields[c];
|
|
3004
3022
|
m && m.value.value !== g && (m.value.value = g);
|
|
3005
3023
|
});
|
|
3006
3024
|
},
|
|
3007
3025
|
{ deep: !0, immediate: !0 }
|
|
3008
3026
|
);
|
|
3009
|
-
async function
|
|
3010
|
-
r.preventDefault(), await i.submit(async (
|
|
3011
|
-
o("submit",
|
|
3027
|
+
async function d(r) {
|
|
3028
|
+
r.preventDefault(), await i.submit(async (c) => {
|
|
3029
|
+
o("submit", c);
|
|
3012
3030
|
});
|
|
3013
3031
|
}
|
|
3014
|
-
return (r,
|
|
3015
|
-
onSubmit:
|
|
3032
|
+
return (r, c) => (u(), v("form", {
|
|
3033
|
+
onSubmit: d,
|
|
3016
3034
|
action: t.action,
|
|
3017
3035
|
method: t.method,
|
|
3018
3036
|
class: "g-form",
|
|
3019
3037
|
novalidate: ""
|
|
3020
3038
|
}, [
|
|
3021
|
-
|
|
3039
|
+
P(r.$slots, "default", {
|
|
3022
3040
|
isSubmitting: f(i).isSubmitting.value,
|
|
3023
3041
|
hasErrors: f(i).hasErrors.value,
|
|
3024
3042
|
values: f(i).values.value,
|
|
3025
3043
|
errors: f(i).errors.value
|
|
3026
3044
|
}, void 0, !0)
|
|
3027
|
-
], 40,
|
|
3045
|
+
], 40, Oo));
|
|
3028
3046
|
}
|
|
3029
|
-
}),
|
|
3047
|
+
}), vs = /* @__PURE__ */ z(Do, [["__scopeId", "data-v-d583c73a"]]), Fo = /* @__PURE__ */ T({
|
|
3030
3048
|
__name: "GSubmitButton",
|
|
3031
3049
|
props: {
|
|
3032
3050
|
disabled: { type: Boolean, default: !1 },
|
|
@@ -3042,61 +3060,61 @@ const Go = ["action", "method"], Oo = /* @__PURE__ */ T({
|
|
|
3042
3060
|
class: "g-submit-button"
|
|
3043
3061
|
}, {
|
|
3044
3062
|
default: U(() => [
|
|
3045
|
-
o.value ? (u(),
|
|
3063
|
+
o.value ? (u(), v(F, { key: 0 }, [
|
|
3046
3064
|
N(C(l.loadingText), 1)
|
|
3047
|
-
], 64)) :
|
|
3065
|
+
], 64)) : P(s.$slots, "default", { key: 1 }, () => [
|
|
3048
3066
|
i[0] || (i[0] = N("Submit", -1))
|
|
3049
3067
|
], !0)
|
|
3050
3068
|
]),
|
|
3051
3069
|
_: 3
|
|
3052
3070
|
}, 8, ["disabled", "variant"]));
|
|
3053
3071
|
}
|
|
3054
|
-
}),
|
|
3072
|
+
}), fs = /* @__PURE__ */ z(Fo, [["__scopeId", "data-v-c4e2ecac"]]);
|
|
3055
3073
|
export {
|
|
3056
|
-
|
|
3057
|
-
|
|
3058
|
-
|
|
3074
|
+
cs as A,
|
|
3075
|
+
vs as B,
|
|
3076
|
+
fs as C,
|
|
3059
3077
|
Ze as D,
|
|
3060
|
-
|
|
3061
|
-
|
|
3062
|
-
|
|
3078
|
+
Te as E,
|
|
3079
|
+
Ve as F,
|
|
3080
|
+
jo as G,
|
|
3063
3081
|
xe as H,
|
|
3064
3082
|
_t as I,
|
|
3065
|
-
|
|
3083
|
+
Go as J,
|
|
3066
3084
|
Ce as K,
|
|
3067
|
-
|
|
3068
|
-
|
|
3069
|
-
|
|
3070
|
-
|
|
3071
|
-
|
|
3072
|
-
|
|
3073
|
-
|
|
3085
|
+
ga as L,
|
|
3086
|
+
fa as M,
|
|
3087
|
+
Qo as N,
|
|
3088
|
+
Xo as O,
|
|
3089
|
+
Jo as P,
|
|
3090
|
+
He as Q,
|
|
3091
|
+
Ml as V,
|
|
3074
3092
|
ne as _,
|
|
3075
|
-
|
|
3076
|
-
|
|
3077
|
-
|
|
3078
|
-
|
|
3079
|
-
|
|
3093
|
+
Ee as a,
|
|
3094
|
+
Ae as b,
|
|
3095
|
+
Gt as c,
|
|
3096
|
+
Ht as d,
|
|
3097
|
+
Ko as e,
|
|
3080
3098
|
Ye as f,
|
|
3081
|
-
|
|
3082
|
-
|
|
3083
|
-
|
|
3084
|
-
|
|
3085
|
-
|
|
3086
|
-
|
|
3087
|
-
|
|
3088
|
-
|
|
3089
|
-
|
|
3090
|
-
|
|
3091
|
-
|
|
3092
|
-
|
|
3093
|
-
|
|
3094
|
-
|
|
3095
|
-
|
|
3096
|
-
|
|
3097
|
-
|
|
3098
|
-
|
|
3099
|
-
|
|
3100
|
-
|
|
3099
|
+
Uo as g,
|
|
3100
|
+
No as h,
|
|
3101
|
+
Wo as i,
|
|
3102
|
+
qo as j,
|
|
3103
|
+
Zo as k,
|
|
3104
|
+
Yo as l,
|
|
3105
|
+
es as m,
|
|
3106
|
+
va as n,
|
|
3107
|
+
ts as o,
|
|
3108
|
+
ls as p,
|
|
3109
|
+
ns as q,
|
|
3110
|
+
as as r,
|
|
3111
|
+
os as s,
|
|
3112
|
+
ss as t,
|
|
3113
|
+
rs as u,
|
|
3114
|
+
po as v,
|
|
3115
|
+
is as w,
|
|
3116
|
+
us as x,
|
|
3117
|
+
ds as y,
|
|
3118
|
+
Ke as z
|
|
3101
3119
|
};
|
|
3102
|
-
//# sourceMappingURL=main-
|
|
3120
|
+
//# sourceMappingURL=main-BKw4zajF.js.map
|