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