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