@illinois-grad/grad-vue 3.0.12 → 3.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/table/TableColumn.d.ts +8 -1
- package/dist/{grad-vue-85A5znlz.js → grad-vue-BkZSETi2.js} +495 -471
- package/dist/{grad-vue-85A5znlz.js.map → grad-vue-BkZSETi2.js.map} +1 -1
- package/dist/grad-vue-elements.css +27 -27
- package/dist/grad-vue-elements.js +781 -727
- package/dist/grad-vue-elements.js.map +1 -1
- package/dist/grad-vue.css +1 -1
- package/dist/grad-vue.js +1 -1
- package/dist/plugin.js +1 -1
- package/package.json +1 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, getCurrentInstance as d, guardReactiveProps as f, inject as p, mergeModels as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeMount as b, onBeforeUnmount as x, onMounted as S, onUnmounted as C, onUpdated as w, openBlock as T, provide as E, reactive as D, ref as O, renderList as k, renderSlot as A, resolveDynamicComponent as j, shallowReactive as M, shallowRef as N, toDisplayString as P, toRaw as F, toRef as I, toValue as L, unref as R, useAttrs as z, useId as B, useModel as V, useSlots as H, useTemplateRef as U, vModelCheckbox as W,
|
|
2
|
-
import { createEventHook as
|
|
3
|
-
import { createFocusTrap as
|
|
1
|
+
import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, getCurrentInstance as d, guardReactiveProps as f, inject as p, mergeModels as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeMount as b, onBeforeUnmount as x, onMounted as S, onUnmounted as C, onUpdated as w, openBlock as T, provide as E, reactive as D, ref as O, renderList as k, renderSlot as A, resolveDynamicComponent as j, shallowReactive as M, shallowRef as N, toDisplayString as P, toRaw as F, toRef as I, toValue as L, unref as R, useAttrs as z, useId as B, useModel as V, useSlots as H, useTemplateRef as U, vModelCheckbox as W, vModelText as G, vShow as ee, watch as K, watchEffect as q, withCtx as J, withDirectives as Y, withModifiers as te } from "vue";
|
|
2
|
+
import { createEventHook as X, toArray as ne, tryOnScopeDispose as re, unrefElement as ie, useClipboard as ae, useDebounceFn as oe, useFocusWithin as se, useIntersectionObserver as ce, useMediaQuery as le, useMutationObserver as ue, useResizeObserver as de, useSessionStorage as fe } from "@vueuse/core";
|
|
3
|
+
import { createFocusTrap as pe } from "focus-trap";
|
|
4
4
|
//#region src/compose/useCustomElementAttrs.ts
|
|
5
|
-
function
|
|
5
|
+
function Z() {
|
|
6
6
|
return globalThis.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ === !0;
|
|
7
7
|
}
|
|
8
|
-
function
|
|
8
|
+
function me(e = {}) {
|
|
9
9
|
let t = z(), n = globalThis.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ === !0, i = e.omitInCustomElement ?? [];
|
|
10
10
|
return {
|
|
11
11
|
attrs: t,
|
|
@@ -20,7 +20,7 @@ function pe(e = {}) {
|
|
|
20
20
|
}
|
|
21
21
|
//#endregion
|
|
22
22
|
//#region src/components/GButton.vue?vue&type=script&setup=true&lang.ts
|
|
23
|
-
var
|
|
23
|
+
var he = { class: "g-btn--icon" }, ge = { class: "g-btn--label" }, Q = /* @__PURE__ */ u({
|
|
24
24
|
inheritAttrs: !1,
|
|
25
25
|
__name: "GButton",
|
|
26
26
|
props: {
|
|
@@ -51,7 +51,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
51
51
|
"mouseleave"
|
|
52
52
|
],
|
|
53
53
|
setup(t) {
|
|
54
|
-
let n = t, a = H(), { forwardedAttrs: c } =
|
|
54
|
+
let n = t, a = H(), { forwardedAttrs: c } = me({ omitInCustomElement: ["id"] }), l = r(() => [
|
|
55
55
|
"g-btn",
|
|
56
56
|
`g-btn--${n.size}`,
|
|
57
57
|
`g-btn--${n.theme}`,
|
|
@@ -79,11 +79,11 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
79
79
|
onMouseenter: u[7] ||= (e) => r.$emit("mouseenter", e),
|
|
80
80
|
onMouseleave: u[8] ||= (e) => r.$emit("mouseleave", e)
|
|
81
81
|
}), {
|
|
82
|
-
default: J(() => [t.icon || a.icon ? (T(), o(e, { key: 0 }, [s("span",
|
|
82
|
+
default: J(() => [t.icon || a.icon ? (T(), o(e, { key: 0 }, [s("span", he, [a.icon ? A(r.$slots, "icon", { key: 0 }) : (T(), o("span", {
|
|
83
83
|
key: 1,
|
|
84
84
|
class: _(t.icon + " g-btn--icon-span"),
|
|
85
85
|
"aria-hidden": "true"
|
|
86
|
-
}, null, 2))]), s("span",
|
|
86
|
+
}, null, 2))]), s("span", ge, [A(r.$slots, "default")])], 64)) : A(r.$slots, "default", { key: 1 })]),
|
|
87
87
|
_: 3
|
|
88
88
|
}, 16, [
|
|
89
89
|
"to",
|
|
@@ -91,13 +91,13 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
91
91
|
"type"
|
|
92
92
|
]));
|
|
93
93
|
}
|
|
94
|
-
}),
|
|
94
|
+
}), _e = { class: "g-tree-menu__divider" }, ve = {
|
|
95
95
|
key: 0,
|
|
96
96
|
class: "g-tree-menu__divider-line"
|
|
97
|
-
},
|
|
97
|
+
}, ye = {
|
|
98
98
|
key: 1,
|
|
99
99
|
class: "g-tree-menu__expand-all-wrapper"
|
|
100
|
-
},
|
|
100
|
+
}, be = { class: "g-tree-menu__content" }, xe = /* @__PURE__ */ u({
|
|
101
101
|
__name: "GTreeMenu",
|
|
102
102
|
props: {
|
|
103
103
|
heading: {},
|
|
@@ -116,7 +116,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
116
116
|
},
|
|
117
117
|
setup(e) {
|
|
118
118
|
let t = e, n = B();
|
|
119
|
-
E("g-tree-menu-list-type", t.listType), E("g-tree-menu-expanded-storage", t.storageKey ?
|
|
119
|
+
E("g-tree-menu-list-type", t.listType), E("g-tree-menu-expanded-storage", t.storageKey ? fe(t.storageKey, {}) : null);
|
|
120
120
|
let l = D(/* @__PURE__ */ new Map());
|
|
121
121
|
E("g-tree-menu-expandable-items", l);
|
|
122
122
|
let u = O({
|
|
@@ -207,7 +207,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
207
207
|
default: J(() => [c(P(e.heading), 1)]),
|
|
208
208
|
_: 1
|
|
209
209
|
}, 8, ["id"])) : a("", !0),
|
|
210
|
-
s("div",
|
|
210
|
+
s("div", _e, [e.smallHeading ? a("", !0) : (T(), o("div", ve)), e.showExpandAll ? (T(), o("div", ye, [s("button", {
|
|
211
211
|
class: "g-tree-menu__expand-all-btn",
|
|
212
212
|
onClick: f
|
|
213
213
|
}, [(T(), o("svg", {
|
|
@@ -220,14 +220,14 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
220
220
|
"stroke-linecap": "round",
|
|
221
221
|
"stroke-linejoin": "round"
|
|
222
222
|
}, [...l[0] ||= [s("polyline", { points: "7 8 12 13 17 8" }, null, -1), s("polyline", { points: "7 13 12 18 17 13" }, null, -1)]], 2)), c(" " + P(d.value ? "Collapse all" : "Expand all"), 1)])])) : a("", !0)]),
|
|
223
|
-
s("div",
|
|
223
|
+
s("div", be, [A(r.$slots, "default")])
|
|
224
224
|
], 16));
|
|
225
225
|
}
|
|
226
|
-
}),
|
|
226
|
+
}), Se = /* @__PURE__ */ u({
|
|
227
227
|
name: "GTreeMenuList",
|
|
228
228
|
props: { listType: { default: void 0 } },
|
|
229
229
|
setup(e) {
|
|
230
|
-
let t = e, n = p("g-tree-menu-list-type", "ul"), a = r(() => t.listType ?? n ?? "ul"), o =
|
|
230
|
+
let t = e, n = p("g-tree-menu-list-type", "ul"), a = r(() => t.listType ?? n ?? "ul"), o = Z(), s = d();
|
|
231
231
|
return S(() => {
|
|
232
232
|
if (!o) return;
|
|
233
233
|
let e = s?.ce;
|
|
@@ -240,13 +240,13 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
240
240
|
_: 3
|
|
241
241
|
}, 8, ["role"]));
|
|
242
242
|
}
|
|
243
|
-
}),
|
|
243
|
+
}), Ce = {
|
|
244
244
|
key: 0,
|
|
245
245
|
class: "g-tree-menu__row"
|
|
246
|
-
},
|
|
246
|
+
}, we = { class: "g-tree-menu__row-content-text" }, Te = {
|
|
247
247
|
key: 1,
|
|
248
248
|
class: "g-tree-menu__row g-tree-menu__row--leaf"
|
|
249
|
-
},
|
|
249
|
+
}, Ee = /* @__PURE__ */ u({
|
|
250
250
|
name: "GTreeMenuItem",
|
|
251
251
|
inheritAttrs: !1,
|
|
252
252
|
props: {
|
|
@@ -304,21 +304,21 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
304
304
|
function V(e) {
|
|
305
305
|
(e.key === "Enter" || e.key === " ") && (D(), e.preventDefault());
|
|
306
306
|
}
|
|
307
|
-
let U =
|
|
307
|
+
let U = Z(), W = u?.ce;
|
|
308
308
|
S(() => {
|
|
309
309
|
U && W && W.setAttribute("role", "listitem");
|
|
310
310
|
});
|
|
311
|
-
let G = z(),
|
|
311
|
+
let G = z(), ee = r(() => {
|
|
312
312
|
if (!U) return G;
|
|
313
313
|
let { role: e, ...t } = G;
|
|
314
314
|
return t;
|
|
315
315
|
});
|
|
316
|
-
return (e, t) => (T(), i(j(R(U) ? "div" : "li"), h(
|
|
316
|
+
return (e, t) => (T(), i(j(R(U) ? "div" : "li"), h(ee.value, {
|
|
317
317
|
role: R(U) ? "presentation" : void 0,
|
|
318
318
|
class: "g-tree-menu__item",
|
|
319
319
|
"data-tree-expandable": g.value ? "true" : void 0
|
|
320
320
|
}), {
|
|
321
|
-
default: J(() => [g.value ? (T(), o("div",
|
|
321
|
+
default: J(() => [g.value ? (T(), o("div", Ce, [s("div", {
|
|
322
322
|
class: "g-tree-menu__toggle-btn",
|
|
323
323
|
onClick: D
|
|
324
324
|
}, [(T(), o("svg", {
|
|
@@ -337,12 +337,12 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
337
337
|
"data-tree-primary": "",
|
|
338
338
|
onClick: L,
|
|
339
339
|
onKeydown: V
|
|
340
|
-
}, [s("span",
|
|
340
|
+
}, [s("span", we, [A(e.$slots, "default")])], 544)])) : (T(), o("div", Te, [t[1] ||= s("span", { class: "g-tree-menu__spacer" }, null, -1), s("span", {
|
|
341
341
|
class: "g-tree-menu__row-content",
|
|
342
342
|
ref_key: "contentRef",
|
|
343
343
|
ref: C,
|
|
344
344
|
"data-tree-primary": ""
|
|
345
|
-
}, [A(e.$slots, "default")], 512)])), g.value && b.value ? (T(), i(
|
|
345
|
+
}, [A(e.$slots, "default")], 512)])), g.value && b.value ? (T(), i(Se, {
|
|
346
346
|
key: 2,
|
|
347
347
|
id: R(f) + "-children"
|
|
348
348
|
}, {
|
|
@@ -355,7 +355,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
355
355
|
});
|
|
356
356
|
//#endregion
|
|
357
357
|
//#region src/compose/useForm.ts
|
|
358
|
-
function
|
|
358
|
+
function De() {
|
|
359
359
|
let e = M({}), t = O(!1), n = r(() => {
|
|
360
360
|
let t = {};
|
|
361
361
|
return Object.entries(e).forEach(([e, n]) => {
|
|
@@ -397,18 +397,18 @@ function Ee() {
|
|
|
397
397
|
}
|
|
398
398
|
//#endregion
|
|
399
399
|
//#region src/compose/useWebComponentForm.ts
|
|
400
|
-
function
|
|
400
|
+
function Oe() {
|
|
401
401
|
let e = globalThis;
|
|
402
402
|
return e.__GRAD_VUE_WC_FORMS__ ||= /* @__PURE__ */ new Map(), e.__GRAD_VUE_WC_FORMS__;
|
|
403
403
|
}
|
|
404
|
-
function
|
|
405
|
-
let t =
|
|
406
|
-
return t.has(n) || t.set(n,
|
|
404
|
+
function ke(e = "default") {
|
|
405
|
+
let t = Oe(), n = e || "default";
|
|
406
|
+
return t.has(n) || t.set(n, De()), t.get(n);
|
|
407
407
|
}
|
|
408
408
|
//#endregion
|
|
409
409
|
//#region src/compose/useFormField.ts
|
|
410
410
|
function $(e) {
|
|
411
|
-
let t = z(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, i = e.formKey ?? n ?? "default", a = p("form", null) ?? (
|
|
411
|
+
let t = z(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, i = e.formKey ?? n ?? "default", a = p("form", null) ?? (Z() ? ke(i) : null), o = r(() => {
|
|
412
412
|
let t = [];
|
|
413
413
|
return e.errors && t.push(...e.errors.value.filter(Boolean)), t;
|
|
414
414
|
}), s = r(() => o.value.length > 0), c = e.name;
|
|
@@ -427,7 +427,7 @@ function $(e) {
|
|
|
427
427
|
}
|
|
428
428
|
//#endregion
|
|
429
429
|
//#region src/components/form/GFormErrorMessages.vue?vue&type=script&setup=true&lang.ts
|
|
430
|
-
var
|
|
430
|
+
var Ae = ["id"], je = /* @__PURE__ */ u({
|
|
431
431
|
__name: "GFormErrorMessages",
|
|
432
432
|
props: {
|
|
433
433
|
errors: {},
|
|
@@ -450,25 +450,25 @@ var ke = ["id"], Ae = /* @__PURE__ */ u({
|
|
|
450
450
|
}, [s("path", {
|
|
451
451
|
fill: "currentColor",
|
|
452
452
|
d: "M320 64C334.7 64 348.2 72.1 355.2 85L571.2 485C577.9 497.4 577.6 512.4 570.4 524.5C563.2 536.6 550.1 544 536 544L104 544C89.9 544 76.8 536.6 69.6 524.5C62.4 512.4 62.1 497.4 68.8 485L284.8 85C291.8 72.1 305.3 64 320 64zM320 416C302.3 416 288 430.3 288 448C288 465.7 302.3 480 320 480C337.7 480 352 465.7 352 448C352 430.3 337.7 416 320 416zM320 224C301.8 224 287.3 239.5 288.6 257.7L296 361.7C296.9 374.2 307.4 384 319.9 384C332.5 384 342.9 374.3 343.8 361.7L351.2 257.7C352.5 239.5 338.1 224 319.8 224z"
|
|
453
|
-
})], -1), c(" " + P(e), 1)]))), 128))], 8,
|
|
453
|
+
})], -1), c(" " + P(e), 1)]))), 128))], 8, Ae)) : a("", !0);
|
|
454
454
|
}
|
|
455
|
-
}),
|
|
455
|
+
}), Me = ["for"], Ne = {
|
|
456
456
|
key: 0,
|
|
457
457
|
class: "g-text-input-required",
|
|
458
458
|
"aria-hidden": "true"
|
|
459
|
-
},
|
|
459
|
+
}, Pe = ["id"], Fe = {
|
|
460
460
|
key: 0,
|
|
461
461
|
class: "g-text-input-prefix"
|
|
462
|
-
},
|
|
462
|
+
}, Ie = [
|
|
463
463
|
"value",
|
|
464
464
|
"placeholder",
|
|
465
465
|
"disabled",
|
|
466
466
|
"required",
|
|
467
467
|
"aria-invalid"
|
|
468
|
-
],
|
|
468
|
+
], Le = {
|
|
469
469
|
key: 1,
|
|
470
470
|
class: "g-text-input-suffix"
|
|
471
|
-
},
|
|
471
|
+
}, Re = /* @__PURE__ */ u({
|
|
472
472
|
inheritAttrs: !1,
|
|
473
473
|
__name: "GTextInput",
|
|
474
474
|
props: /*@__PURE__*/ m({
|
|
@@ -495,7 +495,7 @@ var ke = ["id"], Ae = /* @__PURE__ */ u({
|
|
|
495
495
|
}),
|
|
496
496
|
emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
|
|
497
497
|
setup(e, { emit: t }) {
|
|
498
|
-
let n = e, i = V(e, "modelValue"), u = B(), { attrs: d, isCustomElement: f, forwardedAttrs: p } =
|
|
498
|
+
let n = e, i = V(e, "modelValue"), u = B(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = me({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: g, hasErrors: v } = $({
|
|
499
499
|
name: n.name,
|
|
500
500
|
value: i,
|
|
501
501
|
errors: I(n, "errors"),
|
|
@@ -532,14 +532,14 @@ var ke = ["id"], Ae = /* @__PURE__ */ u({
|
|
|
532
532
|
key: 0,
|
|
533
533
|
for: m.value,
|
|
534
534
|
class: "g-text-input-label"
|
|
535
|
-
}, [c(P(n.label), 1), n.required ? (T(), o("span",
|
|
535
|
+
}, [c(P(n.label), 1), n.required ? (T(), o("span", Ne, " *")) : a("", !0)], 8, Me)) : a("", !0),
|
|
536
536
|
t.$slots.instructions || e.instructions ? (T(), o("div", {
|
|
537
537
|
key: 1,
|
|
538
538
|
id: "instructions-" + R(u),
|
|
539
539
|
class: "g-text-input-instructions"
|
|
540
|
-
}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8,
|
|
540
|
+
}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8, Pe)) : a("", !0),
|
|
541
541
|
s("div", { class: _([{ "g-text-input-field-wrapper": !0 }, `g-text-input-field-wrapper--${e.name || "nameless"}`]) }, [
|
|
542
|
-
n.prefix ? (T(), o("span",
|
|
542
|
+
n.prefix ? (T(), o("span", Fe, P(n.prefix), 1)) : a("", !0),
|
|
543
543
|
s("input", h({
|
|
544
544
|
value: i.value,
|
|
545
545
|
placeholder: n.placeholder,
|
|
@@ -556,37 +556,37 @@ var ke = ["id"], Ae = /* @__PURE__ */ u({
|
|
|
556
556
|
id: m.value,
|
|
557
557
|
"aria-describedby": t.$slots.instructions || e.instructions ? "instructions-" + R(u) : void 0,
|
|
558
558
|
"aria-errormessage": R(v) ? "error-message-" + R(u) : void 0
|
|
559
|
-
}, { "aria-invalid": R(v) ? "true" : "false" }), null, 16,
|
|
560
|
-
n.suffix ? (T(), o("span",
|
|
559
|
+
}, { "aria-invalid": R(v) ? "true" : "false" }), null, 16, Ie),
|
|
560
|
+
n.suffix ? (T(), o("span", Le, P(n.suffix), 1)) : a("", !0)
|
|
561
561
|
], 2),
|
|
562
|
-
l(
|
|
562
|
+
l(je, {
|
|
563
563
|
errors: R(g),
|
|
564
564
|
id: "error-message-" + R(u)
|
|
565
565
|
}, null, 8, ["errors", "id"])
|
|
566
566
|
], 2));
|
|
567
567
|
}
|
|
568
|
-
}),
|
|
569
|
-
function
|
|
570
|
-
if (!(typeof document > "u")) if (
|
|
568
|
+
}), ze = 100, Be = 200, Ve = 102, He = O([]), Ue = O([]), We = O([]);
|
|
569
|
+
function Ge() {
|
|
570
|
+
if (!(typeof document > "u")) if (We.value.length > 0) {
|
|
571
571
|
let e = window.innerWidth - document.documentElement.clientWidth;
|
|
572
572
|
document.body.classList.add("g-scroll-lock"), document.body.style.paddingRight = `${e}px`, document.body.style.setProperty("--g-scrollbar-width", `${e}px`);
|
|
573
573
|
} else document.body.style.paddingRight = "0", document.body.classList.remove("g-scroll-lock"), document.body.style.removeProperty("--g-scrollbar-width");
|
|
574
574
|
}
|
|
575
|
-
function
|
|
575
|
+
function Ke(e, t = !1, n = !1) {
|
|
576
576
|
if (typeof document > "u") return {};
|
|
577
|
-
let i = t ?
|
|
577
|
+
let i = t ? Ue : He;
|
|
578
578
|
function a() {
|
|
579
|
-
i.value.push(e), n && !
|
|
579
|
+
i.value.push(e), n && !We.value.includes(e) && (We.value.push(e), Ge());
|
|
580
580
|
}
|
|
581
581
|
function o() {
|
|
582
582
|
let t = i.value.lastIndexOf(e);
|
|
583
583
|
t !== -1 && i.value.splice(t, 1);
|
|
584
|
-
let n =
|
|
585
|
-
n !== -1 && (
|
|
584
|
+
let n = We.value.lastIndexOf(e);
|
|
585
|
+
n !== -1 && (We.value.splice(n, 1), Ge());
|
|
586
586
|
}
|
|
587
|
-
let s = r(() => !t &&
|
|
587
|
+
let s = r(() => !t && Ue.value.length > 0 ? !1 : i.value.length > 0 && i.value[i.value.length - 1] === e), c = r(() => {
|
|
588
588
|
let n = i.value.indexOf(e);
|
|
589
|
-
return n === -1 ? 0 : (t ?
|
|
589
|
+
return n === -1 ? 0 : (t ? Be : ze) + n;
|
|
590
590
|
});
|
|
591
591
|
return x(o), {
|
|
592
592
|
push: a,
|
|
@@ -595,32 +595,32 @@ function Ge(e, t = !1, n = !1) {
|
|
|
595
595
|
zIndex: c
|
|
596
596
|
};
|
|
597
597
|
}
|
|
598
|
-
function
|
|
598
|
+
function qe() {
|
|
599
599
|
return typeof document > "u" ? {} : {
|
|
600
|
-
hasModal: r(() =>
|
|
601
|
-
hasOverlay: r(() =>
|
|
602
|
-
hasScrollLock: r(() =>
|
|
600
|
+
hasModal: r(() => Ue.value.length > 0),
|
|
601
|
+
hasOverlay: r(() => He.value.length > 0 || Ue.value.length > 0),
|
|
602
|
+
hasScrollLock: r(() => We.value.length > 0)
|
|
603
603
|
};
|
|
604
604
|
}
|
|
605
|
-
function
|
|
605
|
+
function Je() {
|
|
606
606
|
let e = 0;
|
|
607
|
-
return
|
|
608
|
-
e = Math.max(e, Re + n);
|
|
609
|
-
}), He.value.forEach((t, n) => {
|
|
607
|
+
return He.value.forEach((t, n) => {
|
|
610
608
|
e = Math.max(e, ze + n);
|
|
611
|
-
}),
|
|
609
|
+
}), Ue.value.forEach((t, n) => {
|
|
610
|
+
e = Math.max(e, Be + n);
|
|
611
|
+
}), e > 0 ? e + 1 : Ve;
|
|
612
612
|
}
|
|
613
613
|
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
|
614
|
-
var
|
|
614
|
+
var Ye = (e) => e != null;
|
|
615
615
|
//#endregion
|
|
616
616
|
//#region ../../node_modules/@vueuse/integrations/dist/useFocusTrap-lXZ_YG-8.js
|
|
617
|
-
function
|
|
617
|
+
function Xe(e, t = {}) {
|
|
618
618
|
let n, { immediate: i, ...a } = t, o = N(!1), s = N(!1), c = (e) => n && n.activate(e), l = (e) => n && n.deactivate(e);
|
|
619
|
-
return K(r(() =>
|
|
619
|
+
return K(r(() => ne(L(e)).map((e) => {
|
|
620
620
|
let t = L(e);
|
|
621
|
-
return typeof t == "string" ? t :
|
|
622
|
-
}).filter(
|
|
623
|
-
if (e.length) if (!n) n =
|
|
621
|
+
return typeof t == "string" ? t : ie(t);
|
|
622
|
+
}).filter(Ye)), (e) => {
|
|
623
|
+
if (e.length) if (!n) n = pe(e, {
|
|
624
624
|
...a,
|
|
625
625
|
onActivate() {
|
|
626
626
|
o.value = !0, t.onActivate && t.onActivate();
|
|
@@ -633,7 +633,7 @@ function Ye(e, t = {}) {
|
|
|
633
633
|
let t = n?.active;
|
|
634
634
|
n?.updateContainerElements(e), !t && i && c();
|
|
635
635
|
}
|
|
636
|
-
}, { flush: "post" }),
|
|
636
|
+
}, { flush: "post" }), re(() => l()), {
|
|
637
637
|
hasFocus: o,
|
|
638
638
|
isPaused: s,
|
|
639
639
|
activate: c,
|
|
@@ -648,7 +648,7 @@ function Ye(e, t = {}) {
|
|
|
648
648
|
}
|
|
649
649
|
//#endregion
|
|
650
650
|
//#region src/compose/useOverlayFocus.ts
|
|
651
|
-
var
|
|
651
|
+
var Ze = [
|
|
652
652
|
"a[href]",
|
|
653
653
|
"button:not([disabled])",
|
|
654
654
|
"input:not([disabled])",
|
|
@@ -657,8 +657,8 @@ var Xe = [
|
|
|
657
657
|
"[tabindex]:not([tabindex='-1'])",
|
|
658
658
|
"[contenteditable='true']"
|
|
659
659
|
].join(",");
|
|
660
|
-
function
|
|
661
|
-
let r = O(!1), i = () => !!e.value?.querySelector(
|
|
660
|
+
function Qe(e, t, n = !1) {
|
|
661
|
+
let r = O(!1), i = () => !!e.value?.querySelector(Ze), { activate: a, deactivate: o, pause: s, unpause: c } = Xe(e, {
|
|
662
662
|
immediate: !1,
|
|
663
663
|
clickOutsideDeactivates: n,
|
|
664
664
|
initialFocus: () => {
|
|
@@ -702,7 +702,7 @@ function Ze(e, t, n = !1) {
|
|
|
702
702
|
}
|
|
703
703
|
//#endregion
|
|
704
704
|
//#region src/compose/useOverlayEscape.ts
|
|
705
|
-
function
|
|
705
|
+
function $e(e, t, n, r, i) {
|
|
706
706
|
function a(i) {
|
|
707
707
|
if (!(!n.value || !t.value)) {
|
|
708
708
|
for (let t of e) if (t.value?.contains(i.target)) return;
|
|
@@ -722,7 +722,7 @@ function Qe(e, t, n, r, i) {
|
|
|
722
722
|
}
|
|
723
723
|
//#endregion
|
|
724
724
|
//#region src/compose/popoverPosition.ts
|
|
725
|
-
function
|
|
725
|
+
function et(e, t, n, r) {
|
|
726
726
|
let i = r?.gap ?? 8, a = r?.margin ?? 16, o = r?.preferAbove ?? !1, s = !1, c = !1, l;
|
|
727
727
|
o ? e.top - t.height - i > n.top + a ? (l = e.top - t.height - i, s = !0) : e.bottom + t.height + i <= n.bottom - a ? l = e.bottom + i : (l = n.top + a, c = !0) : e.bottom + t.height + i > n.bottom - a && e.top - t.height - i > n.top + a ? (l = e.top - t.height - i, s = !0) : e.bottom + t.height + i > n.bottom - a && e.top - t.height - i <= n.top + a ? (l = n.top + a, c = !0) : l = e.bottom + i;
|
|
728
728
|
let u = e.left + (e.width - t.width) / 2;
|
|
@@ -738,15 +738,15 @@ function $e(e, t, n, r) {
|
|
|
738
738
|
}
|
|
739
739
|
//#endregion
|
|
740
740
|
//#region src/components/GClientOnly.vue
|
|
741
|
-
var
|
|
741
|
+
var tt = /* @__PURE__ */ u({
|
|
742
742
|
__name: "GClientOnly",
|
|
743
743
|
setup(e) {
|
|
744
|
-
let t = O(
|
|
744
|
+
let t = O(Z());
|
|
745
745
|
return S(() => {
|
|
746
746
|
t.value = !0;
|
|
747
747
|
}), (e, n) => t.value ? A(e.$slots, "default", { key: 0 }) : A(e.$slots, "fallback", { key: 1 });
|
|
748
748
|
}
|
|
749
|
-
}),
|
|
749
|
+
}), nt = { class: "g-popover-wrap" }, rt = ["id"], it = ["aria-labelledby", "aria-label"], at = /* @__PURE__ */ u({
|
|
750
750
|
__name: "GPopover",
|
|
751
751
|
props: {
|
|
752
752
|
minimal: {
|
|
@@ -768,8 +768,8 @@ var et = /* @__PURE__ */ u({
|
|
|
768
768
|
K(I(d, "modelValue"), (e) => {
|
|
769
769
|
p.value = e;
|
|
770
770
|
});
|
|
771
|
-
let m = H(), h = r(() => !!m.trigger), v = U("triggerRef"), b = U("popoverRef"), { isCustomElement: S } =
|
|
772
|
-
|
|
771
|
+
let m = H(), h = r(() => !!m.trigger), v = U("triggerRef"), b = U("popoverRef"), { isCustomElement: S } = me(), C = S, w = B(), { push: E, pop: D, isTop: k, zIndex: j } = Ke(w, !0), { activate: M, deactivate: N } = Qe(b, k, !0);
|
|
772
|
+
$e([b, v], k, p, F, D), K(p, (e) => {
|
|
773
773
|
e ? (g(() => {
|
|
774
774
|
g(() => M());
|
|
775
775
|
}), E(), f("show")) : (N(), D(), f("hide"));
|
|
@@ -786,25 +786,25 @@ var et = /* @__PURE__ */ u({
|
|
|
786
786
|
let z = O({
|
|
787
787
|
top: 0,
|
|
788
788
|
left: 0
|
|
789
|
-
}), V = O({ left: "50%" }), W = O(!1),
|
|
790
|
-
function
|
|
789
|
+
}), V = O({ left: "50%" }), W = O(!1), G = O(!1), q = null;
|
|
790
|
+
function te() {
|
|
791
791
|
if (v.value) return v.value;
|
|
792
792
|
let e = b.value?.parentElement ?? null;
|
|
793
793
|
for (; e && e.tagName.toLowerCase() !== "g-popover";) e = e.parentElement;
|
|
794
794
|
let t = e?.previousElementSibling;
|
|
795
795
|
return t instanceof HTMLElement ? t : null;
|
|
796
796
|
}
|
|
797
|
-
function
|
|
797
|
+
function X() {
|
|
798
798
|
if (!b.value) return;
|
|
799
|
-
let e = new DOMRect(0, 0, b.value.offsetWidth, b.value.offsetHeight), t = new DOMRect(0, 0, window.innerWidth, window.innerHeight), n =
|
|
799
|
+
let e = new DOMRect(0, 0, b.value.offsetWidth, b.value.offsetHeight), t = new DOMRect(0, 0, window.innerWidth, window.innerHeight), n = te();
|
|
800
800
|
if (!n) {
|
|
801
801
|
z.value = {
|
|
802
802
|
top: Math.max((t.height - e.height) / 2, 8),
|
|
803
803
|
left: Math.max((t.width - e.width) / 2, 8)
|
|
804
|
-
},
|
|
804
|
+
}, G.value = !1, W.value = !1, V.value = { left: "50%" };
|
|
805
805
|
return;
|
|
806
806
|
}
|
|
807
|
-
let { top: r, left: i, xOffset: a, placedAbove: o, overlay: s } =
|
|
807
|
+
let { top: r, left: i, xOffset: a, placedAbove: o, overlay: s } = et(n.getBoundingClientRect(), e, t, { gap: d.minimal ? 0 : 8 });
|
|
808
808
|
z.value = {
|
|
809
809
|
top: r,
|
|
810
810
|
left: i
|
|
@@ -812,25 +812,25 @@ var et = /* @__PURE__ */ u({
|
|
|
812
812
|
left: `${e.width / 2 - a}px`,
|
|
813
813
|
top: o ? "auto" : void 0,
|
|
814
814
|
bottom: o ? "-8px" : void 0
|
|
815
|
-
}, W.value = o,
|
|
815
|
+
}, W.value = o, G.value = s;
|
|
816
816
|
}
|
|
817
817
|
return K(p, (e) => {
|
|
818
818
|
e ? g(() => {
|
|
819
|
-
|
|
820
|
-
}) : (window.removeEventListener("resize",
|
|
819
|
+
X(), window.addEventListener("resize", X), window.addEventListener("scroll", X, { capture: !0 }), b.value && (q && q.disconnect(), q = new ResizeObserver(() => X()), q.observe(b.value));
|
|
820
|
+
}) : (window.removeEventListener("resize", X), window.removeEventListener("scroll", X, { capture: !0 }), q && q.disconnect());
|
|
821
821
|
}), x(() => {
|
|
822
|
-
window.removeEventListener("resize",
|
|
822
|
+
window.removeEventListener("resize", X), window.removeEventListener("scroll", X, { capture: !0 }), q && q.disconnect();
|
|
823
823
|
}), c({
|
|
824
824
|
show: P,
|
|
825
825
|
hide: F,
|
|
826
826
|
toggle: L
|
|
827
|
-
}), (r, c) => (T(), o("div",
|
|
827
|
+
}), (r, c) => (T(), o("div", nt, [h.value ? (T(), o("div", {
|
|
828
828
|
key: 0,
|
|
829
829
|
ref_key: "triggerRef",
|
|
830
830
|
ref: v,
|
|
831
831
|
class: "g-popover-trigger",
|
|
832
832
|
id: `${R(w)}-trigger`
|
|
833
|
-
}, [A(r.$slots, "trigger", { toggle: L })], 8,
|
|
833
|
+
}, [A(r.$slots, "trigger", { toggle: L })], 8, rt)) : a("", !0), l(tt, null, {
|
|
834
834
|
default: J(() => [(T(), i(t, {
|
|
835
835
|
to: "#modal-root",
|
|
836
836
|
disabled: R(C)
|
|
@@ -858,7 +858,7 @@ var et = /* @__PURE__ */ u({
|
|
|
858
858
|
zIndex: R(j)
|
|
859
859
|
})
|
|
860
860
|
}, [
|
|
861
|
-
!
|
|
861
|
+
!G.value && !e.minimal ? (T(), o("div", {
|
|
862
862
|
key: 0,
|
|
863
863
|
class: _(["g-popover-arrow", { "g-popover-arrow-above": W.value }]),
|
|
864
864
|
style: y(V.value),
|
|
@@ -880,43 +880,43 @@ var et = /* @__PURE__ */ u({
|
|
|
880
880
|
fill: "currentColor",
|
|
881
881
|
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"
|
|
882
882
|
})], -1)]]))
|
|
883
|
-
], 14,
|
|
883
|
+
], 14, it)), [[ee, p.value]]) : a("", !0)]),
|
|
884
884
|
_: 3
|
|
885
885
|
})], 8, ["disabled"]))]),
|
|
886
886
|
_: 3
|
|
887
887
|
})]));
|
|
888
888
|
}
|
|
889
|
-
}),
|
|
890
|
-
function
|
|
891
|
-
return `${e}-${++
|
|
889
|
+
}), ot = 1;
|
|
890
|
+
function st(e = "v-gtooltip") {
|
|
891
|
+
return `${e}-${++ot}`;
|
|
892
892
|
}
|
|
893
|
-
function
|
|
893
|
+
function ct(e, t = "v-gtooltip") {
|
|
894
894
|
let n = e.getAttribute("aria-describedby");
|
|
895
895
|
if (n) return n;
|
|
896
|
-
let r =
|
|
896
|
+
let r = st(t);
|
|
897
897
|
return e.setAttribute("aria-describedby", r), r;
|
|
898
898
|
}
|
|
899
|
-
function
|
|
899
|
+
function lt(e, t) {
|
|
900
900
|
let n = document.createElement("div");
|
|
901
901
|
return n.className = "v-gtooltip", n.textContent = e, n.setAttribute("role", "tooltip"), n.setAttribute("id", t), n;
|
|
902
902
|
}
|
|
903
|
-
function
|
|
903
|
+
function ut(e) {
|
|
904
904
|
(document.getElementById("modal-root") ?? document.body).appendChild(e);
|
|
905
905
|
}
|
|
906
|
-
function
|
|
907
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), { top: i, left: a, placedAbove: o } =
|
|
906
|
+
function dt(e, t) {
|
|
907
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), { top: i, left: a, placedAbove: o } = et(n, r, new DOMRect(0, 0, window.innerWidth, window.innerHeight), {
|
|
908
908
|
gap: 8,
|
|
909
909
|
margin: 8,
|
|
910
910
|
preferAbove: !0
|
|
911
911
|
}), s = (n.left + n.width / 2 - a) / r.width * 100;
|
|
912
|
-
t.style.setProperty("--v-gtooltip-arrow-x", `${s}%`), t.classList.remove("v-gtooltip-bottom"), o || t.classList.add("v-gtooltip-bottom"), t.style.left = `${a}px`, t.style.top = `${i}px`, t.style.zIndex = `${
|
|
912
|
+
t.style.setProperty("--v-gtooltip-arrow-x", `${s}%`), t.classList.remove("v-gtooltip-bottom"), o || t.classList.add("v-gtooltip-bottom"), t.style.left = `${a}px`, t.style.top = `${i}px`, t.style.zIndex = `${Je()}`, t.style.visibility = "visible", t.style.opacity = "1";
|
|
913
913
|
}
|
|
914
|
-
function
|
|
914
|
+
function ft(e) {
|
|
915
915
|
e.style.opacity = "0", e.style.visibility = "hidden";
|
|
916
916
|
}
|
|
917
917
|
//#endregion
|
|
918
918
|
//#region src/components/GTooltip.vue
|
|
919
|
-
var
|
|
919
|
+
var pt = /* @__PURE__ */ u({
|
|
920
920
|
__name: "GTooltip",
|
|
921
921
|
props: { text: {} },
|
|
922
922
|
emits: ["tooltip-hide"],
|
|
@@ -931,12 +931,12 @@ var ft = /* @__PURE__ */ u({
|
|
|
931
931
|
return t instanceof HTMLElement ? t : null;
|
|
932
932
|
}
|
|
933
933
|
function S() {
|
|
934
|
-
y && (v || (v = l.value ?
|
|
935
|
-
f.value && (p.value || m.value) && y &&
|
|
934
|
+
y && (v || (v = l.value ? st("g-tooltip") : ct(y, "g-tooltip"), l.value && y.setAttribute("aria-describedby", v)), f.value || (f.value = lt(i.text, v), ut(f.value), h = new ResizeObserver(() => {
|
|
935
|
+
f.value && (p.value || m.value) && y && dt(y, f.value);
|
|
936
936
|
}), h.observe(f.value)));
|
|
937
937
|
}
|
|
938
938
|
function C() {
|
|
939
|
-
f.value && (p.value || m.value) && y &&
|
|
939
|
+
f.value && (p.value || m.value) && y && dt(y, f.value);
|
|
940
940
|
}
|
|
941
941
|
function w() {
|
|
942
942
|
p.value = !0;
|
|
@@ -982,10 +982,10 @@ var ft = /* @__PURE__ */ u({
|
|
|
982
982
|
f.value && (f.value.textContent = e);
|
|
983
983
|
}), K(() => p.value || m.value, (e) => {
|
|
984
984
|
if (e) {
|
|
985
|
-
S(), f.value && y &&
|
|
985
|
+
S(), f.value && y && dt(y, f.value), g ||= (window.addEventListener("scroll", C, { capture: !0 }), !0);
|
|
986
986
|
return;
|
|
987
987
|
}
|
|
988
|
-
g &&= (window.removeEventListener("scroll", C, { capture: !0 }), !1), f.value && (
|
|
988
|
+
g &&= (window.removeEventListener("scroll", C, { capture: !0 }), !1), f.value && (ft(f.value), _ && clearTimeout(_), _ = window.setTimeout(() => {
|
|
989
989
|
s("tooltip-hide");
|
|
990
990
|
}, 150));
|
|
991
991
|
}), x(() => {
|
|
@@ -1005,11 +1005,11 @@ var ft = /* @__PURE__ */ u({
|
|
|
1005
1005
|
class: "g-tooltip-trigger"
|
|
1006
1006
|
}, [A(e.$slots, "trigger")], 512)) : a("", !0)], 512));
|
|
1007
1007
|
}
|
|
1008
|
-
}),
|
|
1008
|
+
}), mt = ["disabled"], ht = { class: "g-select-btn-legend" }, gt = {
|
|
1009
1009
|
key: 0,
|
|
1010
1010
|
class: "g-select-btn-required",
|
|
1011
1011
|
"aria-hidden": "true"
|
|
1012
|
-
},
|
|
1012
|
+
}, _t = { class: "g-select-btn-row" }, vt = [
|
|
1013
1013
|
"id",
|
|
1014
1014
|
"name",
|
|
1015
1015
|
"value",
|
|
@@ -1017,7 +1017,7 @@ var ft = /* @__PURE__ */ u({
|
|
|
1017
1017
|
"disabled",
|
|
1018
1018
|
"required",
|
|
1019
1019
|
"onChange"
|
|
1020
|
-
],
|
|
1020
|
+
], yt = ["for"], bt = /* @__PURE__ */ u({
|
|
1021
1021
|
__name: "GSelectButton",
|
|
1022
1022
|
props: /*@__PURE__*/ m({
|
|
1023
1023
|
options: {},
|
|
@@ -1059,7 +1059,7 @@ var ft = /* @__PURE__ */ u({
|
|
|
1059
1059
|
return (t, n) => (T(), o("fieldset", {
|
|
1060
1060
|
class: _(g.value),
|
|
1061
1061
|
disabled: i.disabled
|
|
1062
|
-
}, [s("legend",
|
|
1062
|
+
}, [s("legend", ht, [c(P(i.label), 1), i.required ? (T(), o("span", gt, " *")) : a("", !0)]), s("div", { class: _(["g-select-btn-wrapper", { "g-select-btn-has-error": R(m) }]) }, [s("div", _t, [(T(!0), o(e, null, k(h.value, (t, n) => (T(), o(e, { key: t.value }, [s("input", {
|
|
1063
1063
|
class: "g-select-btn-radio",
|
|
1064
1064
|
type: "radio",
|
|
1065
1065
|
id: `${R(f)}-${t.value}`,
|
|
@@ -1069,29 +1069,29 @@ var ft = /* @__PURE__ */ u({
|
|
|
1069
1069
|
disabled: i.disabled,
|
|
1070
1070
|
required: i.required && n === 0,
|
|
1071
1071
|
onChange: (e) => y(t.value)
|
|
1072
|
-
}, null, 40,
|
|
1072
|
+
}, null, 40, vt), s("label", {
|
|
1073
1073
|
for: `${R(f)}-${t.value}`,
|
|
1074
1074
|
class: _(v(t.value === d.value))
|
|
1075
|
-
}, P(t.label), 11,
|
|
1075
|
+
}, P(t.label), 11, yt)], 64))), 128))]), l(je, {
|
|
1076
1076
|
errors: R(p),
|
|
1077
1077
|
id: "error-message-" + R(f)
|
|
1078
|
-
}, null, 8, ["errors", "id"])], 2)], 10,
|
|
1078
|
+
}, null, 8, ["errors", "id"])], 2)], 10, mt));
|
|
1079
1079
|
}
|
|
1080
|
-
}),
|
|
1080
|
+
}), xt = ["width", "height"], St = [
|
|
1081
1081
|
"cx",
|
|
1082
1082
|
"cy",
|
|
1083
1083
|
"r"
|
|
1084
|
-
],
|
|
1084
|
+
], Ct = [
|
|
1085
1085
|
"cx",
|
|
1086
1086
|
"cy",
|
|
1087
1087
|
"r",
|
|
1088
1088
|
"stroke-dasharray",
|
|
1089
1089
|
"stroke-dashoffset"
|
|
1090
|
-
],
|
|
1090
|
+
], wt = [
|
|
1091
1091
|
"cx",
|
|
1092
1092
|
"cy",
|
|
1093
1093
|
"r"
|
|
1094
|
-
],
|
|
1094
|
+
], Tt = /* @__PURE__ */ u({
|
|
1095
1095
|
__name: "GProgress",
|
|
1096
1096
|
props: {
|
|
1097
1097
|
label: { default: "Loading" },
|
|
@@ -1132,7 +1132,7 @@ var ft = /* @__PURE__ */ u({
|
|
|
1132
1132
|
r: i.value,
|
|
1133
1133
|
"stroke-width": 4,
|
|
1134
1134
|
fill: "none"
|
|
1135
|
-
}, null, 8,
|
|
1135
|
+
}, null, 8, St), n.value ? (T(), o("circle", {
|
|
1136
1136
|
key: 0,
|
|
1137
1137
|
class: "g-progress__value",
|
|
1138
1138
|
cx: i.value + 4 / 2,
|
|
@@ -1146,7 +1146,7 @@ var ft = /* @__PURE__ */ u({
|
|
|
1146
1146
|
transform: "rotate(-90deg)",
|
|
1147
1147
|
"transform-origin": "center"
|
|
1148
1148
|
}
|
|
1149
|
-
}, null, 8,
|
|
1149
|
+
}, null, 8, Ct)) : (T(), o("circle", {
|
|
1150
1150
|
key: 1,
|
|
1151
1151
|
class: "g-progress__spinner",
|
|
1152
1152
|
cx: i.value + 4 / 2,
|
|
@@ -1154,13 +1154,13 @@ var ft = /* @__PURE__ */ u({
|
|
|
1154
1154
|
r: i.value,
|
|
1155
1155
|
"stroke-width": 4,
|
|
1156
1156
|
fill: "none"
|
|
1157
|
-
}, null, 8,
|
|
1157
|
+
}, null, 8, wt))], 10, xt))], 16));
|
|
1158
1158
|
}
|
|
1159
|
-
}),
|
|
1159
|
+
}), Et = [
|
|
1160
1160
|
"id",
|
|
1161
1161
|
"aria-labelledby",
|
|
1162
1162
|
"aria-describedby"
|
|
1163
|
-
],
|
|
1163
|
+
], Dt = { class: "g-alertdialog-inner" }, Ot = ["id"], kt = ["id"], At = { class: "g-alertdialog-actions" }, jt = /* @__PURE__ */ u({
|
|
1164
1164
|
__name: "GAlertDialog",
|
|
1165
1165
|
props: {
|
|
1166
1166
|
label: { default: "Confirmation" },
|
|
@@ -1169,11 +1169,11 @@ var ft = /* @__PURE__ */ u({
|
|
|
1169
1169
|
},
|
|
1170
1170
|
emits: ["cancel", "confirm"],
|
|
1171
1171
|
setup(e, { emit: r }) {
|
|
1172
|
-
let a = e, o = r, u = O(null), d = O(!0), f = B(), { pop: p, push: m, isTop: h, zIndex: g } =
|
|
1172
|
+
let a = e, o = r, u = O(null), d = O(!0), f = B(), { pop: p, push: m, isTop: h, zIndex: g } = Ke(f, !0, !0), { deactivate: _, activate: v } = Qe(u, h);
|
|
1173
1173
|
function x() {
|
|
1174
1174
|
o("cancel");
|
|
1175
1175
|
}
|
|
1176
|
-
return
|
|
1176
|
+
return $e([u], h, d, x, p), S(() => {
|
|
1177
1177
|
m(), v();
|
|
1178
1178
|
}), b(() => {
|
|
1179
1179
|
p(), _();
|
|
@@ -1191,16 +1191,16 @@ var ft = /* @__PURE__ */ u({
|
|
|
1191
1191
|
ref_key: "dialog",
|
|
1192
1192
|
ref: u,
|
|
1193
1193
|
style: y({ zIndex: R(g) })
|
|
1194
|
-
}, [s("div",
|
|
1194
|
+
}, [s("div", Dt, [
|
|
1195
1195
|
s("h2", {
|
|
1196
1196
|
id: "alertdialog-label-" + R(f),
|
|
1197
1197
|
class: "g-alertdialog-label"
|
|
1198
|
-
}, P(a.label), 9,
|
|
1198
|
+
}, P(a.label), 9, Ot),
|
|
1199
1199
|
s("div", {
|
|
1200
1200
|
id: "alertdialog-description-" + R(f),
|
|
1201
1201
|
class: "g-alertdialog-content"
|
|
1202
|
-
}, [A(e.$slots, "default")], 8,
|
|
1203
|
-
s("div",
|
|
1202
|
+
}, [A(e.$slots, "default")], 8, kt),
|
|
1203
|
+
s("div", At, [l(Q, {
|
|
1204
1204
|
outlined: "",
|
|
1205
1205
|
onClick: r[0] ||= (e) => o("cancel")
|
|
1206
1206
|
}, {
|
|
@@ -1213,21 +1213,21 @@ var ft = /* @__PURE__ */ u({
|
|
|
1213
1213
|
default: J(() => [c(P(a.buttonText), 1)]),
|
|
1214
1214
|
_: 1
|
|
1215
1215
|
}, 8, ["theme"])])
|
|
1216
|
-
])], 12,
|
|
1216
|
+
])], 12, Et)]),
|
|
1217
1217
|
_: 3
|
|
1218
1218
|
})]));
|
|
1219
1219
|
}
|
|
1220
1220
|
});
|
|
1221
1221
|
//#endregion
|
|
1222
1222
|
//#region src/compose/useSelectDropdown.ts
|
|
1223
|
-
function
|
|
1223
|
+
function Mt(e) {
|
|
1224
1224
|
return e.map((e) => typeof e == "string" ? {
|
|
1225
1225
|
label: e,
|
|
1226
1226
|
value: e
|
|
1227
1227
|
} : e);
|
|
1228
1228
|
}
|
|
1229
|
-
function
|
|
1230
|
-
let { push: o, pop: s, isTop: c } =
|
|
1229
|
+
function Nt({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a }) {
|
|
1230
|
+
let { push: o, pop: s, isTop: c } = Ke(i), l = O("below"), u = O(null), d = r(() => {
|
|
1231
1231
|
let e = {};
|
|
1232
1232
|
return u.value !== null && (e.maxHeight = `${u.value}px`), l.value === "above" ? (e.top = "auto", e.bottom = "100%") : (e.top = "100%", e.bottom = "auto"), e;
|
|
1233
1233
|
});
|
|
@@ -1270,11 +1270,11 @@ function Mt({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a })
|
|
|
1270
1270
|
}
|
|
1271
1271
|
//#endregion
|
|
1272
1272
|
//#region src/components/GSelect.vue?vue&type=script&setup=true&lang.ts
|
|
1273
|
-
var
|
|
1273
|
+
var Pt = ["id"], Ft = {
|
|
1274
1274
|
key: 0,
|
|
1275
1275
|
class: "g-select-required",
|
|
1276
1276
|
"aria-hidden": "true"
|
|
1277
|
-
},
|
|
1277
|
+
}, It = { class: "g-select-input-wrap" }, Lt = ["id"], Rt = [
|
|
1278
1278
|
"value",
|
|
1279
1279
|
"placeholder",
|
|
1280
1280
|
"disabled",
|
|
@@ -1282,21 +1282,21 @@ var Nt = ["id"], Pt = {
|
|
|
1282
1282
|
"aria-expanded",
|
|
1283
1283
|
"aria-required",
|
|
1284
1284
|
"aria-activedescendant"
|
|
1285
|
-
],
|
|
1285
|
+
], zt = [
|
|
1286
1286
|
"id",
|
|
1287
1287
|
"aria-controls",
|
|
1288
1288
|
"aria-expanded",
|
|
1289
1289
|
"aria-required",
|
|
1290
1290
|
"aria-activedescendant"
|
|
1291
|
-
],
|
|
1291
|
+
], Bt = ["id"], Vt = [
|
|
1292
1292
|
"id",
|
|
1293
1293
|
"aria-selected",
|
|
1294
1294
|
"onClick"
|
|
1295
|
-
],
|
|
1295
|
+
], Ht = {
|
|
1296
1296
|
key: 1,
|
|
1297
1297
|
"aria-live": "polite",
|
|
1298
1298
|
class: "g-select-combo-option g-select-option g-select-no-results"
|
|
1299
|
-
},
|
|
1299
|
+
}, Ut = /* @__PURE__ */ u({
|
|
1300
1300
|
__name: "GSelect",
|
|
1301
1301
|
props: /*@__PURE__*/ m({
|
|
1302
1302
|
options: {},
|
|
@@ -1334,13 +1334,13 @@ var Nt = ["id"], Pt = {
|
|
|
1334
1334
|
value: d,
|
|
1335
1335
|
errors: I(i, "errors"),
|
|
1336
1336
|
formKey: i.formKey
|
|
1337
|
-
}), { menuPlacement: E, menuStyle: D, isTop: j, scrollOptionIntoView: M } =
|
|
1337
|
+
}), { menuPlacement: E, menuStyle: D, isTop: j, scrollOptionIntoView: M } = Nt({
|
|
1338
1338
|
open: y,
|
|
1339
1339
|
anchorRef: p,
|
|
1340
1340
|
listboxRef: m,
|
|
1341
1341
|
baseId: f,
|
|
1342
1342
|
activeIndex: b
|
|
1343
|
-
}), N = r(() =>
|
|
1343
|
+
}), N = r(() => Mt(i.options)), F = O(""), L = r(() => {
|
|
1344
1344
|
if (!i.searchable || !y.value || !F.value) return N.value;
|
|
1345
1345
|
let e = F.value.toLowerCase();
|
|
1346
1346
|
return N.value.filter((t) => t.label.toLowerCase().includes(e));
|
|
@@ -1370,13 +1370,13 @@ var Nt = ["id"], Pt = {
|
|
|
1370
1370
|
H();
|
|
1371
1371
|
}
|
|
1372
1372
|
}
|
|
1373
|
-
function
|
|
1373
|
+
function G(e) {
|
|
1374
1374
|
if (!i.searchable) return;
|
|
1375
1375
|
y.value || H(), F.value = e.target.value;
|
|
1376
1376
|
let t = L.value.findIndex((e) => e.value === d.value);
|
|
1377
1377
|
b.value = t === -1 ? 0 : t;
|
|
1378
1378
|
}
|
|
1379
|
-
function
|
|
1379
|
+
function q(e) {
|
|
1380
1380
|
let t = e.relatedTarget;
|
|
1381
1381
|
if (x.value) {
|
|
1382
1382
|
x.value = !1;
|
|
@@ -1384,16 +1384,16 @@ var Nt = ["id"], Pt = {
|
|
|
1384
1384
|
}
|
|
1385
1385
|
t && m.value && m.value.contains(t) || (i.searchable && (F.value = ""), U());
|
|
1386
1386
|
}
|
|
1387
|
-
function
|
|
1387
|
+
function J(e) {
|
|
1388
1388
|
let t = L.value[e];
|
|
1389
1389
|
t && t.value !== d.value && (d.value = t.value, u("change", t.value)), S.value = !0, U(), setTimeout(() => {
|
|
1390
1390
|
S.value = !1;
|
|
1391
1391
|
}, 100);
|
|
1392
1392
|
}
|
|
1393
|
-
function
|
|
1393
|
+
function X() {
|
|
1394
1394
|
i.disabled || (y.value ? U() : H());
|
|
1395
1395
|
}
|
|
1396
|
-
function
|
|
1396
|
+
function ne(e) {
|
|
1397
1397
|
if (i.disabled) return;
|
|
1398
1398
|
let t = L.value.length - 1;
|
|
1399
1399
|
if (!y.value && [
|
|
@@ -1420,7 +1420,7 @@ var Nt = ["id"], Pt = {
|
|
|
1420
1420
|
break;
|
|
1421
1421
|
case "Enter":
|
|
1422
1422
|
case " ":
|
|
1423
|
-
e.preventDefault(), y.value ?
|
|
1423
|
+
e.preventDefault(), y.value ? J(b.value) : H();
|
|
1424
1424
|
break;
|
|
1425
1425
|
case "Escape":
|
|
1426
1426
|
j.value && (e.preventDefault(), setTimeout(() => {
|
|
@@ -1429,14 +1429,14 @@ var Nt = ["id"], Pt = {
|
|
|
1429
1429
|
break;
|
|
1430
1430
|
}
|
|
1431
1431
|
}
|
|
1432
|
-
function
|
|
1433
|
-
|
|
1432
|
+
function re(e) {
|
|
1433
|
+
J(e);
|
|
1434
1434
|
}
|
|
1435
|
-
function
|
|
1435
|
+
function ie() {
|
|
1436
1436
|
x.value = !0;
|
|
1437
1437
|
}
|
|
1438
|
-
let
|
|
1439
|
-
function
|
|
1438
|
+
let ae = r(() => i.clearButton && d.value !== null && d.value !== void 0 && !i.disabled);
|
|
1439
|
+
function oe() {
|
|
1440
1440
|
i.disabled || (d.value = null, u("change", null), i.searchable && (F.value = ""));
|
|
1441
1441
|
}
|
|
1442
1442
|
return (n, r) => (T(), o("div", { class: _(["g-select-root g-select-combo", {
|
|
@@ -1448,8 +1448,8 @@ var Nt = ["id"], Pt = {
|
|
|
1448
1448
|
key: 0,
|
|
1449
1449
|
id: R(f) + "-label",
|
|
1450
1450
|
class: "g-select-combo-label g-select-label"
|
|
1451
|
-
}, [c(P(i.label), 1), i.required ? (T(), o("span",
|
|
1452
|
-
s("div",
|
|
1451
|
+
}, [c(P(i.label), 1), i.required ? (T(), o("span", Ft, " *")) : a("", !0)], 8, Pt)),
|
|
1452
|
+
s("div", It, [i.searchable ? (T(), o("div", {
|
|
1453
1453
|
key: 0,
|
|
1454
1454
|
class: "g-select-combo-input g-select-control",
|
|
1455
1455
|
id: R(f)
|
|
@@ -1464,9 +1464,9 @@ var Nt = ["id"], Pt = {
|
|
|
1464
1464
|
placeholder: y.value ? "" : t.placeholder,
|
|
1465
1465
|
disabled: i.disabled,
|
|
1466
1466
|
onFocus: W,
|
|
1467
|
-
onInput:
|
|
1468
|
-
onKeydown:
|
|
1469
|
-
onBlur:
|
|
1467
|
+
onInput: G,
|
|
1468
|
+
onKeydown: ne,
|
|
1469
|
+
onBlur: q,
|
|
1470
1470
|
"aria-autocomplete": "list",
|
|
1471
1471
|
"aria-controls": R(f) + "-listbox",
|
|
1472
1472
|
"aria-expanded": y.value ? "true" : "false",
|
|
@@ -1476,12 +1476,12 @@ var Nt = ["id"], Pt = {
|
|
|
1476
1476
|
}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": R(f) + "-label" }, {
|
|
1477
1477
|
role: "combobox",
|
|
1478
1478
|
autocomplete: "off"
|
|
1479
|
-
}), null, 16,
|
|
1480
|
-
|
|
1479
|
+
}), null, 16, Rt),
|
|
1480
|
+
ae.value ? (T(), o("button", {
|
|
1481
1481
|
key: 0,
|
|
1482
1482
|
type: "button",
|
|
1483
1483
|
class: "g-select-clear-btn",
|
|
1484
|
-
onClick:
|
|
1484
|
+
onClick: oe
|
|
1485
1485
|
}, [...r[0] ||= [s("svg", {
|
|
1486
1486
|
role: "img",
|
|
1487
1487
|
"aria-label": "Clear Selection",
|
|
@@ -1502,7 +1502,7 @@ var Nt = ["id"], Pt = {
|
|
|
1502
1502
|
fill: "currentColor",
|
|
1503
1503
|
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"
|
|
1504
1504
|
})], -1)
|
|
1505
|
-
], 8,
|
|
1505
|
+
], 8, Lt)) : (T(), o("div", h({
|
|
1506
1506
|
key: 1,
|
|
1507
1507
|
ref_key: "comboRef",
|
|
1508
1508
|
ref: p,
|
|
@@ -1516,17 +1516,17 @@ var Nt = ["id"], Pt = {
|
|
|
1516
1516
|
}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": R(f) + "-label" }, {
|
|
1517
1517
|
"aria-activedescendant": y.value ? R(f) + "-option-" + b.value : void 0,
|
|
1518
1518
|
tabindex: "0",
|
|
1519
|
-
onClick:
|
|
1520
|
-
onKeydown:
|
|
1519
|
+
onClick: X,
|
|
1520
|
+
onKeydown: ne,
|
|
1521
1521
|
onFocus: W,
|
|
1522
|
-
onBlur:
|
|
1522
|
+
onBlur: q
|
|
1523
1523
|
}), [
|
|
1524
1524
|
c(P(N.value[z.value] ? N.value[z.value].label : "") + " ", 1),
|
|
1525
|
-
|
|
1525
|
+
ae.value ? (T(), o("button", {
|
|
1526
1526
|
key: 0,
|
|
1527
1527
|
type: "button",
|
|
1528
1528
|
class: "g-select-clear-btn",
|
|
1529
|
-
onClick:
|
|
1529
|
+
onClick: te(oe, ["stop"])
|
|
1530
1530
|
}, [...r[2] ||= [s("svg", {
|
|
1531
1531
|
role: "img",
|
|
1532
1532
|
"aria-label": "Clear Selection",
|
|
@@ -1547,7 +1547,7 @@ var Nt = ["id"], Pt = {
|
|
|
1547
1547
|
fill: "currentColor",
|
|
1548
1548
|
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"
|
|
1549
1549
|
})], -1)
|
|
1550
|
-
], 16,
|
|
1550
|
+
], 16, zt)), Y(s("div", h({
|
|
1551
1551
|
ref_key: "listboxRef",
|
|
1552
1552
|
ref: m,
|
|
1553
1553
|
class: ["g-select-combo-menu g-select-list", { "g-select-combo-menu--above": R(E) === "above" }],
|
|
@@ -1563,40 +1563,40 @@ var Nt = ["id"], Pt = {
|
|
|
1563
1563
|
}]),
|
|
1564
1564
|
role: "option",
|
|
1565
1565
|
"aria-selected": e.value === d.value ? "true" : "false",
|
|
1566
|
-
onMousedown:
|
|
1567
|
-
onClick: (e) =>
|
|
1566
|
+
onMousedown: ie,
|
|
1567
|
+
onClick: (e) => re(t)
|
|
1568
1568
|
}, [A(n.$slots, "option", {
|
|
1569
1569
|
option: e,
|
|
1570
1570
|
selected: e.value === d.value,
|
|
1571
1571
|
index: t
|
|
1572
|
-
}, () => [c(P(e.label), 1)])], 42,
|
|
1573
|
-
l(
|
|
1572
|
+
}, () => [c(P(e.label), 1)])], 42, Vt))), 128)) : (T(), o("div", Ht, " No results found. "))], 16, Bt), [[ee, y.value]])]),
|
|
1573
|
+
l(je, {
|
|
1574
1574
|
errors: R(C),
|
|
1575
1575
|
id: "error-message-" + R(f)
|
|
1576
1576
|
}, null, 8, ["errors", "id"])
|
|
1577
1577
|
], 2));
|
|
1578
1578
|
}
|
|
1579
|
-
}),
|
|
1579
|
+
}), Wt = ["aria-label"], Gt = [
|
|
1580
1580
|
"placeholder",
|
|
1581
1581
|
"value",
|
|
1582
1582
|
"aria-expanded",
|
|
1583
1583
|
"aria-controls",
|
|
1584
1584
|
"aria-activedescendant"
|
|
1585
|
-
],
|
|
1585
|
+
], Kt = {
|
|
1586
1586
|
key: 0,
|
|
1587
1587
|
class: "g-search-dropdown"
|
|
1588
|
-
},
|
|
1588
|
+
}, qt = {
|
|
1589
1589
|
"aria-live": "polite",
|
|
1590
1590
|
class: "g-search-result-count"
|
|
1591
|
-
},
|
|
1591
|
+
}, Jt = ["id"], Yt = ["aria-label"], Xt = { class: "g-search-group-label" }, Zt = [
|
|
1592
1592
|
"id",
|
|
1593
1593
|
"onMousedown",
|
|
1594
1594
|
"aria-selected"
|
|
1595
|
-
],
|
|
1595
|
+
], Qt = [
|
|
1596
1596
|
"id",
|
|
1597
1597
|
"onMousedown",
|
|
1598
1598
|
"aria-selected"
|
|
1599
|
-
],
|
|
1599
|
+
], $t = /* @__PURE__ */ u({
|
|
1600
1600
|
__name: "GSearch",
|
|
1601
1601
|
props: /*@__PURE__*/ m({
|
|
1602
1602
|
results: {},
|
|
@@ -1624,7 +1624,7 @@ var Nt = ["id"], Pt = {
|
|
|
1624
1624
|
e && e.scrollIntoView({ block: "nearest" });
|
|
1625
1625
|
});
|
|
1626
1626
|
}
|
|
1627
|
-
let { focused: S } =
|
|
1627
|
+
let { focused: S } = se(f);
|
|
1628
1628
|
function C(e) {
|
|
1629
1629
|
let t = e.altKey;
|
|
1630
1630
|
if (e.key === "ArrowDown") {
|
|
@@ -1648,7 +1648,7 @@ var Nt = ["id"], Pt = {
|
|
|
1648
1648
|
function w(e) {
|
|
1649
1649
|
d("select", e), l.value = "", m.value = !0, h.value = -1;
|
|
1650
1650
|
}
|
|
1651
|
-
let E = r(() => !!u.loading), D = r(() => S.value && !m.value), j =
|
|
1651
|
+
let E = r(() => !!u.loading), D = r(() => S.value && !m.value), j = oe(() => {
|
|
1652
1652
|
d("submit", l.value);
|
|
1653
1653
|
}, 300);
|
|
1654
1654
|
K(() => l.value, (e) => {
|
|
@@ -1661,7 +1661,7 @@ var Nt = ["id"], Pt = {
|
|
|
1661
1661
|
"aria-label": u.label
|
|
1662
1662
|
}, [s("form", {
|
|
1663
1663
|
class: "g-search-form",
|
|
1664
|
-
onSubmit: n[0] ||=
|
|
1664
|
+
onSubmit: n[0] ||= te((e) => w(null), ["prevent"])
|
|
1665
1665
|
}, [s("input", {
|
|
1666
1666
|
ref_key: "inputRef",
|
|
1667
1667
|
ref: f,
|
|
@@ -1677,12 +1677,12 @@ var Nt = ["id"], Pt = {
|
|
|
1677
1677
|
"aria-autocomplete": "list",
|
|
1678
1678
|
"aria-controls": `${R(M)}-list`,
|
|
1679
1679
|
"aria-activedescendant": h.value >= 0 ? "g-search-option-" + v.value[h.value].id : void 0
|
|
1680
|
-
}, null, 40,
|
|
1680
|
+
}, null, 40, Gt), s("button", {
|
|
1681
1681
|
type: "submit",
|
|
1682
1682
|
class: "g-search-submit",
|
|
1683
1683
|
"aria-label": "Submit search",
|
|
1684
1684
|
onKeydown: C
|
|
1685
|
-
}, [E.value ? (T(), i(
|
|
1685
|
+
}, [E.value ? (T(), i(Tt, {
|
|
1686
1686
|
key: 0,
|
|
1687
1687
|
size: "tiny"
|
|
1688
1688
|
})) : a("", !0), n[1] ||= s("svg", {
|
|
@@ -1693,7 +1693,7 @@ var Nt = ["id"], Pt = {
|
|
|
1693
1693
|
}, [s("path", {
|
|
1694
1694
|
fill: "currentColor",
|
|
1695
1695
|
d: "M30 9.76A14.05 14.05 0 1 0 28.3 31l11.3 13a3.34 3.34 0 0 0 4.72-4.72L31.44 27.86A14.05 14.05 0 0 0 30 9.76ZM27.27 27a10.26 10.26 0 1 1 0-14.5 10.25 10.25 0 0 1 0 14.5Z"
|
|
1696
|
-
})], -1)], 32)], 32), D.value ? (T(), o("div",
|
|
1696
|
+
})], -1)], 32)], 32), D.value ? (T(), o("div", Kt, [s("div", qt, [E.value ? a("", !0) : (T(), o(e, { key: 0 }, [c(P(y.value) + " result" + P(y.value === 1 ? "" : "s"), 1)], 64))]), s("div", {
|
|
1697
1697
|
role: "listbox",
|
|
1698
1698
|
id: `${R(M)}-list`,
|
|
1699
1699
|
ref_key: "listboxRef",
|
|
@@ -1704,29 +1704,29 @@ var Nt = ["id"], Pt = {
|
|
|
1704
1704
|
class: "g-search-group",
|
|
1705
1705
|
role: "group",
|
|
1706
1706
|
"aria-label": n.label
|
|
1707
|
-
}, [A(t.$slots, "group", { group: n }, () => [s("div",
|
|
1707
|
+
}, [A(t.$slots, "group", { group: n }, () => [s("div", Xt, P(n.label), 1)]), (T(!0), o(e, null, k(n.items, (e, n) => (T(), o("div", {
|
|
1708
1708
|
key: e.id,
|
|
1709
1709
|
id: "g-search-option-" + e.id,
|
|
1710
1710
|
class: _(["g-search-option", { "g-search-option-active": v.value[h.value] && v.value[h.value].id === e.id }]),
|
|
1711
1711
|
role: "option",
|
|
1712
|
-
onMousedown:
|
|
1712
|
+
onMousedown: te((t) => w(e), ["prevent"]),
|
|
1713
1713
|
"aria-selected": v.value[h.value] && v.value[h.value].id === e.id
|
|
1714
|
-
}, [A(t.$slots, "option", { option: e }, () => [c(P(e.title), 1)])], 42,
|
|
1714
|
+
}, [A(t.$slots, "option", { option: e }, () => [c(P(e.title), 1)])], 42, Zt))), 128))], 8, Yt))), 128)) : y.value > 0 ? (T(!0), o(e, { key: 1 }, k(v.value, (e, n) => (T(), o("div", {
|
|
1715
1715
|
key: e.id,
|
|
1716
1716
|
id: "g-search-option-" + e.id,
|
|
1717
1717
|
class: _(["g-search-option", { "g-search-option-active": h.value === n }]),
|
|
1718
1718
|
role: "option",
|
|
1719
|
-
onMousedown:
|
|
1719
|
+
onMousedown: te((t) => w(e), ["prevent"]),
|
|
1720
1720
|
"aria-selected": h.value === n
|
|
1721
|
-
}, [A(t.$slots, "option", { option: e }, () => [c(P(e.title), 1)])], 42,
|
|
1721
|
+
}, [A(t.$slots, "option", { option: e }, () => [c(P(e.title), 1)])], 42, Qt))), 128)) : a("", !0)], 8, Jt)])) : a("", !0)], 8, Wt));
|
|
1722
1722
|
}
|
|
1723
|
-
}),
|
|
1723
|
+
}), en = { class: /*@__PURE__*/ _({ "g-app-header": !0 }) }, tn = { class: "g-app-header__brand" }, nn = {
|
|
1724
1724
|
class: "g-app-header__brand-text",
|
|
1725
1725
|
href: "/"
|
|
1726
|
-
},
|
|
1726
|
+
}, rn = {
|
|
1727
1727
|
key: 0,
|
|
1728
1728
|
class: "g-app-header__block-i-container"
|
|
1729
|
-
},
|
|
1729
|
+
}, an = { class: "g-app-header__title" }, on = { class: "g-app-header__app-controls-wrap" }, sn = /* @__PURE__ */ u({
|
|
1730
1730
|
__name: "GAppHeader",
|
|
1731
1731
|
props: {
|
|
1732
1732
|
illinois: {
|
|
@@ -1736,10 +1736,10 @@ var Nt = ["id"], Pt = {
|
|
|
1736
1736
|
brand: { default: "GRAD" }
|
|
1737
1737
|
},
|
|
1738
1738
|
setup(e) {
|
|
1739
|
-
return (t, n) => (T(), o("header",
|
|
1739
|
+
return (t, n) => (T(), o("header", en, [
|
|
1740
1740
|
n[1] ||= s("div", { class: "g-app-header__background" }, [s("div", { class: "g-app-header__background-pattern" }), s("div", { class: "g-app-header__background-gradient" })], -1),
|
|
1741
|
-
s("div",
|
|
1742
|
-
e.illinois ? (T(), o("div",
|
|
1741
|
+
s("div", tn, [A(t.$slots, "left", {}, () => [s("a", nn, P(e.brand), 1)])]),
|
|
1742
|
+
e.illinois ? (T(), o("div", rn, [...n[0] ||= [s("svg", {
|
|
1743
1743
|
class: "g-app-header__block-i",
|
|
1744
1744
|
role: "img",
|
|
1745
1745
|
width: "55",
|
|
@@ -1756,29 +1756,29 @@ var Nt = ["id"], Pt = {
|
|
|
1756
1756
|
d: "M42.1 18.1h9V3H3v15h9c1.7 0 3 1.3 3 3v36.1c0 1.7-1.3 3-3 3H3v15h48.1v-15h-9c-1.7 0-3-1.3-3-3v-36c0-1.7 1.4-3 3-3z"
|
|
1757
1757
|
})
|
|
1758
1758
|
], -1)]])) : A(t.$slots, "icon", { key: 1 }),
|
|
1759
|
-
s("div",
|
|
1760
|
-
s("div",
|
|
1759
|
+
s("div", an, [A(t.$slots, "title")]),
|
|
1760
|
+
s("div", on, [A(t.$slots, "app-controls", { class: "g-app-header__app-controls" })])
|
|
1761
1761
|
]));
|
|
1762
1762
|
}
|
|
1763
1763
|
});
|
|
1764
1764
|
//#endregion
|
|
1765
1765
|
//#region src/compose/useWebComponentSidebar.ts
|
|
1766
|
-
function
|
|
1766
|
+
function cn(e) {
|
|
1767
1767
|
return e.replace(/[^a-zA-Z0-9_-]/g, "-");
|
|
1768
1768
|
}
|
|
1769
|
-
function
|
|
1769
|
+
function ln() {
|
|
1770
1770
|
let e = globalThis;
|
|
1771
1771
|
return e.__GRAD_VUE_WC_SIDEBAR_CHANNELS__ ||= /* @__PURE__ */ new Map(), e.__GRAD_VUE_WC_SIDEBAR_CHANNELS__;
|
|
1772
1772
|
}
|
|
1773
|
-
function
|
|
1774
|
-
let n =
|
|
1773
|
+
function un(e = "default", t) {
|
|
1774
|
+
let n = ln(), r = e || "default", i = typeof t == "string" ? t : t?.value, a = i && i.trim() ? i : "(max-width: 800px)";
|
|
1775
1775
|
if (!n.has(r)) {
|
|
1776
|
-
let e =
|
|
1776
|
+
let e = cn(r), t = O(a);
|
|
1777
1777
|
n.set(r, {
|
|
1778
1778
|
id: `g-wc-sidebar-${e}`,
|
|
1779
1779
|
open: O(!1),
|
|
1780
1780
|
breakpoint: t,
|
|
1781
|
-
isCollapsible:
|
|
1781
|
+
isCollapsible: le(t, { ssrWidth: 1e3 }),
|
|
1782
1782
|
toggle: () => void 0
|
|
1783
1783
|
});
|
|
1784
1784
|
}
|
|
@@ -1810,8 +1810,8 @@ function ln(e = "default", t) {
|
|
|
1810
1810
|
}
|
|
1811
1811
|
//#endregion
|
|
1812
1812
|
//#region src/compose/useScrollRestore.ts
|
|
1813
|
-
function
|
|
1814
|
-
let n = t ?
|
|
1813
|
+
function dn(e, t) {
|
|
1814
|
+
let n = t ? fe(`${t}:scroll`, 0, { writeDefaults: !1 }) : null, r = O(!!(n?.value && n.value > 0)), i = null, a = null, o = null, s = !1;
|
|
1815
1815
|
function c(e) {
|
|
1816
1816
|
let t = window.getComputedStyle(e);
|
|
1817
1817
|
return t.overflowY === "auto" || t.overflowY === "scroll";
|
|
@@ -1893,7 +1893,7 @@ function un(e, t) {
|
|
|
1893
1893
|
}
|
|
1894
1894
|
//#endregion
|
|
1895
1895
|
//#region src/components/GSidebar.vue?vue&type=script&setup=true&lang.ts
|
|
1896
|
-
var
|
|
1896
|
+
var fn = ["id"], pn = /* @__PURE__ */ u({
|
|
1897
1897
|
__name: "GSidebar",
|
|
1898
1898
|
props: {
|
|
1899
1899
|
backgroundColor: { default: "" },
|
|
@@ -1907,7 +1907,7 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
1907
1907
|
storageKey: {}
|
|
1908
1908
|
},
|
|
1909
1909
|
setup(e) {
|
|
1910
|
-
let t = e, n = p("sidebar", () => void 0, !0) ?? (
|
|
1910
|
+
let t = e, n = p("sidebar", () => void 0, !0) ?? (Z() ? un(t.sidebarKey, I(t, "mediaQuery")) : void 0), i = r(() => t.backgroundImage ? t.backgroundImage : t.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), a = r(() => t.backgroundColor ? t.backgroundColor : t.theme === "light" ? "#f9f9f9" : "#030913"), s = r(() => t.topOffsetVar ? `var(${t.topOffsetVar})` : t.topOffset ? t.topOffset : "var(--g-toolbar-height)"), c = B(), { isPendingScrollRestore: l } = dn(U("sidebar-ref"), t.storageKey);
|
|
1911
1911
|
function u(e) {
|
|
1912
1912
|
e.key === "Escape" && n?.isCollapsible?.value && n?.open?.value && (n.open.value = !1, document.getElementById(`${n.id}-hamburger`)?.focus());
|
|
1913
1913
|
}
|
|
@@ -1928,13 +1928,13 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
1928
1928
|
width: "var(--g-sidebar-width)"
|
|
1929
1929
|
}),
|
|
1930
1930
|
onKeydown: u
|
|
1931
|
-
}, [A(t.$slots, "default")], 46,
|
|
1931
|
+
}, [A(t.$slots, "default")], 46, fn));
|
|
1932
1932
|
}
|
|
1933
|
-
}),
|
|
1933
|
+
}), mn = ["id"], hn = { class: "g-sidebar-menu__list" }, gn = [
|
|
1934
1934
|
"href",
|
|
1935
1935
|
"aria-current",
|
|
1936
1936
|
"onClick"
|
|
1937
|
-
],
|
|
1937
|
+
], _n = /* @__PURE__ */ u({
|
|
1938
1938
|
__name: "GSidebarMenu",
|
|
1939
1939
|
props: /*@__PURE__*/ m({
|
|
1940
1940
|
heading: {},
|
|
@@ -1982,13 +1982,13 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
1982
1982
|
key: 0,
|
|
1983
1983
|
id: R(y),
|
|
1984
1984
|
class: "g-sidebar-menu__title"
|
|
1985
|
-
}, P(t.heading), 9,
|
|
1985
|
+
}, P(t.heading), 9, mn)) : a("", !0),
|
|
1986
1986
|
l[0] ||= s("div", { class: "g-sidebar-menu__divider" }, null, -1),
|
|
1987
1987
|
s("div", {
|
|
1988
1988
|
class: "g-sidebar-menu__content",
|
|
1989
1989
|
ref_key: "content",
|
|
1990
1990
|
ref: f
|
|
1991
|
-
}, [s("ul",
|
|
1991
|
+
}, [s("ul", hn, [(T(!0), o(e, null, k(t.items, (e) => (T(), o("li", {
|
|
1992
1992
|
key: e.href || e.to,
|
|
1993
1993
|
class: "g-sidebar-menu__item",
|
|
1994
1994
|
ref_for: !0,
|
|
@@ -2006,24 +2006,24 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2006
2006
|
href: e.href || e.to || "#",
|
|
2007
2007
|
"aria-current": u.value === (e.href || "") ? "location" : void 0,
|
|
2008
2008
|
onClick: (t) => v(t, e)
|
|
2009
|
-
}, P(e.label), 11,
|
|
2009
|
+
}, P(e.label), 11, gn))]))), 128))])], 512)
|
|
2010
2010
|
], 16));
|
|
2011
2011
|
}
|
|
2012
|
-
}),
|
|
2012
|
+
}), vn = {
|
|
2013
2013
|
mounted(e, t) {
|
|
2014
|
-
let n = O(null), r = O(!1), i = O(!1), a = O(t.value), o = null, s = !1, c =
|
|
2015
|
-
n.value || (n.value =
|
|
2016
|
-
n.value && (r.value || i.value) &&
|
|
2014
|
+
let n = O(null), r = O(!1), i = O(!1), a = O(t.value), o = null, s = !1, c = ct(e), l = () => {
|
|
2015
|
+
n.value || (n.value = lt(a.value, c), ut(n.value), o = new ResizeObserver(() => {
|
|
2016
|
+
n.value && (r.value || i.value) && dt(e, n.value);
|
|
2017
2017
|
}), o.observe(n.value));
|
|
2018
2018
|
};
|
|
2019
2019
|
q(() => {
|
|
2020
2020
|
n.value && (n.value.textContent = a.value);
|
|
2021
2021
|
});
|
|
2022
2022
|
let u = () => {
|
|
2023
|
-
n.value && (r.value || i.value) &&
|
|
2023
|
+
n.value && (r.value || i.value) && dt(e, n.value);
|
|
2024
2024
|
};
|
|
2025
2025
|
q(() => {
|
|
2026
|
-
r.value || i.value ? (l(), n.value &&
|
|
2026
|
+
r.value || i.value ? (l(), n.value && dt(e, n.value), s ||= (window.addEventListener("scroll", u, { capture: !0 }), !0)) : (s &&= (window.removeEventListener("scroll", u, { capture: !0 }), !1), n.value && (ft(n.value), setTimeout(() => {
|
|
2027
2027
|
e.dispatchEvent(new CustomEvent("tooltip-hide"));
|
|
2028
2028
|
}, 150)));
|
|
2029
2029
|
});
|
|
@@ -2061,7 +2061,7 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2061
2061
|
let t = e._v_gtooltip;
|
|
2062
2062
|
t && t.tooltip && t.tooltip.value && (t.resizeObserver && t.resizeObserver.disconnect(), t.tooltip.value.remove(), t.tooltip.value = null), t && t.onScroll && window.removeEventListener("scroll", t.onScroll, { capture: !0 }), e.removeEventListener("mouseenter", t.onMouseEnter), e.removeEventListener("mouseleave", t.onMouseLeave), e.removeEventListener("focus", t.onFocus), e.removeEventListener("blur", t.onBlur), e.removeEventListener("keydown", t.onKeyDown), e.removeAttribute("aria-describedby");
|
|
2063
2063
|
}
|
|
2064
|
-
},
|
|
2064
|
+
}, yn = { class: "g-clipboard-text" }, bn = /* @__PURE__ */ u({
|
|
2065
2065
|
__name: "GClipboard",
|
|
2066
2066
|
props: {
|
|
2067
2067
|
text: {},
|
|
@@ -2069,12 +2069,12 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2069
2069
|
copyLabel: {}
|
|
2070
2070
|
},
|
|
2071
2071
|
setup(t) {
|
|
2072
|
-
let n = t, r =
|
|
2072
|
+
let n = t, r = vn, { text: i, copy: l, copied: u, isSupported: d } = ae({ source: n.text }), f = O(n.copyLabel ?? "Copy to clipboard"), p = () => {
|
|
2073
2073
|
d.value ? (l(), f.value = "Copied") : f.value = "Copy not supported";
|
|
2074
2074
|
}, m = () => {
|
|
2075
2075
|
f.value = n.copyLabel ?? "Copy to clipboard";
|
|
2076
2076
|
};
|
|
2077
|
-
return (i, l) => (T(), o("div",
|
|
2077
|
+
return (i, l) => (T(), o("div", yn, [t.hideText ? a("", !0) : (T(), o(e, { key: 0 }, [c(P(n.text), 1)], 64)), Y((T(), o("button", {
|
|
2078
2078
|
type: "button",
|
|
2079
2079
|
"aria-label": "Copy",
|
|
2080
2080
|
onClick: p,
|
|
@@ -2091,15 +2091,15 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2091
2091
|
d: "M480 400L288 400C279.2 400 272 392.8 272 384L272 128C272 119.2 279.2 112 288 112L421.5 112C425.7 112 429.8 113.7 432.8 116.7L491.3 175.2C494.3 178.2 496 182.3 496 186.5L496 384C496 392.8 488.8 400 480 400zM288 448L480 448C515.3 448 544 419.3 544 384L544 186.5C544 169.5 537.3 153.2 525.3 141.2L466.7 82.7C454.7 70.7 438.5 64 421.5 64L288 64C252.7 64 224 92.7 224 128L224 384C224 419.3 252.7 448 288 448zM160 192C124.7 192 96 220.7 96 256L96 512C96 547.3 124.7 576 160 576L352 576C387.3 576 416 547.3 416 512L416 496L368 496L368 512C368 520.8 360.8 528 352 528L160 528C151.2 528 144 520.8 144 512L144 256C144 247.2 151.2 240 160 240L176 240L176 192L160 192z"
|
|
2092
2092
|
})], -1)]], 32)), [[R(r), f.value]])]));
|
|
2093
2093
|
}
|
|
2094
|
-
}),
|
|
2094
|
+
}), xn = { class: "g-history-scroller-wrapper" }, Sn = {
|
|
2095
2095
|
key: 0,
|
|
2096
2096
|
class: "g-history-shadow g-history-shadow--top",
|
|
2097
2097
|
"aria-hidden": "true"
|
|
2098
|
-
},
|
|
2098
|
+
}, Cn = {
|
|
2099
2099
|
key: 1,
|
|
2100
2100
|
class: "g-history-shadow g-history-shadow--bottom",
|
|
2101
2101
|
"aria-hidden": "true"
|
|
2102
|
-
},
|
|
2102
|
+
}, wn = ["role", "aria-label"], Tn = /* @__PURE__ */ u({
|
|
2103
2103
|
__name: "GHistoryScroller",
|
|
2104
2104
|
props: {
|
|
2105
2105
|
label: {},
|
|
@@ -2123,17 +2123,17 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2123
2123
|
}
|
|
2124
2124
|
S(() => {
|
|
2125
2125
|
g(f);
|
|
2126
|
-
}),
|
|
2126
|
+
}), de(i, () => {
|
|
2127
2127
|
u.value && f();
|
|
2128
|
-
}),
|
|
2128
|
+
}), de(c, () => {
|
|
2129
2129
|
u.value && f();
|
|
2130
2130
|
}), K(() => n.entries, async () => {
|
|
2131
2131
|
u.value && (await g(), f());
|
|
2132
2132
|
});
|
|
2133
2133
|
let m = r(() => [...n.entries].reverse());
|
|
2134
|
-
return (n, r) => (T(), o("div",
|
|
2135
|
-
d.value ? a("", !0) : (T(), o("div",
|
|
2136
|
-
u.value ? a("", !0) : (T(), o("div",
|
|
2134
|
+
return (n, r) => (T(), o("div", xn, [
|
|
2135
|
+
d.value ? a("", !0) : (T(), o("div", Sn)),
|
|
2136
|
+
u.value ? a("", !0) : (T(), o("div", Cn)),
|
|
2137
2137
|
s("div", {
|
|
2138
2138
|
ref_key: "scrollerRef",
|
|
2139
2139
|
ref: i,
|
|
@@ -2168,31 +2168,31 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2168
2168
|
key: e.id,
|
|
2169
2169
|
class: "g-history-entry",
|
|
2170
2170
|
tabindex: "-1"
|
|
2171
|
-
}, [A(n.$slots, "default", { entry: e })]))), 128))], 512)], 40,
|
|
2171
|
+
}, [A(n.$slots, "default", { entry: e })]))), 128))], 512)], 40, wn)
|
|
2172
2172
|
]));
|
|
2173
2173
|
}
|
|
2174
|
-
}),
|
|
2174
|
+
}), En = { class: "g-three-way-toggle-wrapper" }, Dn = { class: "g-three-way-toggle-control" }, On = ["id"], kn = [
|
|
2175
2175
|
"aria-labelledby",
|
|
2176
2176
|
"aria-describedby",
|
|
2177
2177
|
"disabled",
|
|
2178
2178
|
"aria-invalid",
|
|
2179
2179
|
"aria-errormessage"
|
|
2180
|
-
],
|
|
2180
|
+
], An = { key: 0 }, jn = { key: 1 }, Mn = { key: 2 }, Nn = ["for"], Pn = [
|
|
2181
2181
|
"id",
|
|
2182
2182
|
"name",
|
|
2183
2183
|
"checked",
|
|
2184
2184
|
"disabled"
|
|
2185
|
-
],
|
|
2185
|
+
], Fn = ["for"], In = [
|
|
2186
2186
|
"id",
|
|
2187
2187
|
"name",
|
|
2188
2188
|
"checked",
|
|
2189
2189
|
"disabled"
|
|
2190
|
-
],
|
|
2190
|
+
], Ln = ["for"], Rn = [
|
|
2191
2191
|
"id",
|
|
2192
2192
|
"name",
|
|
2193
2193
|
"checked",
|
|
2194
2194
|
"disabled"
|
|
2195
|
-
],
|
|
2195
|
+
], zn = ["id"], Bn = /* @__PURE__ */ u({
|
|
2196
2196
|
__name: "GThreeWayToggle",
|
|
2197
2197
|
props: /*@__PURE__*/ m({
|
|
2198
2198
|
label: {},
|
|
@@ -2226,10 +2226,10 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2226
2226
|
function b(e) {
|
|
2227
2227
|
n.disabled || (e.key === "n" || e.key === "N" ? (u(!1), e.preventDefault()) : (e.key === "y" || e.key === "Y") && (u(!0), e.preventDefault()));
|
|
2228
2228
|
}
|
|
2229
|
-
return (t, n) => (T(), o("div",
|
|
2229
|
+
return (t, n) => (T(), o("div", En, [s("div", Dn, [s("span", {
|
|
2230
2230
|
class: "g-label",
|
|
2231
2231
|
id: R(p)
|
|
2232
|
-
}, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])], 8,
|
|
2232
|
+
}, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])], 8, On), s("fieldset", {
|
|
2233
2233
|
class: _(["g-three-way-toggle", { "g-has-error": e.error }]),
|
|
2234
2234
|
role: "radiogroup",
|
|
2235
2235
|
"aria-labelledby": R(p),
|
|
@@ -2241,7 +2241,7 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2241
2241
|
s("span", {
|
|
2242
2242
|
class: _(["g-toggle-thumb", y.value]),
|
|
2243
2243
|
"aria-hidden": "true"
|
|
2244
|
-
}, [i.value === !1 ? (T(), o("span",
|
|
2244
|
+
}, [i.value === !1 ? (T(), o("span", An, "NO")) : i.value === !0 ? (T(), o("span", jn, "YES")) : (T(), o("span", Mn))], 2),
|
|
2245
2245
|
s("label", {
|
|
2246
2246
|
for: R(h),
|
|
2247
2247
|
class: "g-toggle-option g-left",
|
|
@@ -2255,7 +2255,7 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2255
2255
|
value: "false",
|
|
2256
2256
|
disabled: e.disabled,
|
|
2257
2257
|
onChange: n[0] ||= (e) => d(!1)
|
|
2258
|
-
}, null, 40,
|
|
2258
|
+
}, null, 40, Pn), n[5] ||= s("span", { class: "ilw-sr-only" }, "No", -1)], 40, Nn),
|
|
2259
2259
|
s("label", {
|
|
2260
2260
|
for: R(g),
|
|
2261
2261
|
class: "g-toggle-option g-center",
|
|
@@ -2267,7 +2267,7 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2267
2267
|
checked: i.value === null,
|
|
2268
2268
|
disabled: e.disabled,
|
|
2269
2269
|
onChange: n[2] ||= (e) => d(null)
|
|
2270
|
-
}, null, 40,
|
|
2270
|
+
}, null, 40, In), n[6] ||= s("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, Fn),
|
|
2271
2271
|
s("label", {
|
|
2272
2272
|
for: R(v),
|
|
2273
2273
|
class: "g-toggle-option g-right",
|
|
@@ -2281,54 +2281,54 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2281
2281
|
checked: i.value === !0,
|
|
2282
2282
|
disabled: e.disabled,
|
|
2283
2283
|
onChange: n[3] ||= (e) => d(!0)
|
|
2284
|
-
}, null, 40,
|
|
2285
|
-
], 2)], 10,
|
|
2284
|
+
}, null, 40, Rn), n[7] ||= s("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, Ln)
|
|
2285
|
+
], 2)], 10, kn)]), e.error ? (T(), o("div", {
|
|
2286
2286
|
key: 0,
|
|
2287
2287
|
id: `${R(p)}-error`,
|
|
2288
2288
|
class: "g-form-error",
|
|
2289
2289
|
role: "alert",
|
|
2290
2290
|
"aria-atomic": "true"
|
|
2291
|
-
}, P(e.error), 9,
|
|
2291
|
+
}, P(e.error), 9, zn)) : a("", !0)]));
|
|
2292
2292
|
}
|
|
2293
|
-
}),
|
|
2293
|
+
}), Vn = {
|
|
2294
2294
|
ref: "tableBodyRef",
|
|
2295
2295
|
class: "efficient-table-body"
|
|
2296
|
-
},
|
|
2296
|
+
}, Hn = ["aria-rowindex"], Un = {
|
|
2297
2297
|
key: 0,
|
|
2298
2298
|
class: "table-group-checkbox"
|
|
2299
|
-
},
|
|
2299
|
+
}, Wn = ["colspan"], Gn = [
|
|
2300
2300
|
"aria-rowindex",
|
|
2301
2301
|
"onMousedown",
|
|
2302
2302
|
"onClick"
|
|
2303
|
-
],
|
|
2303
|
+
], Kn = [
|
|
2304
2304
|
"checked",
|
|
2305
2305
|
"onClick",
|
|
2306
2306
|
"aria-label",
|
|
2307
2307
|
"name"
|
|
2308
|
-
],
|
|
2308
|
+
], qn = ["id"], Jn = {
|
|
2309
2309
|
key: 0,
|
|
2310
2310
|
class: "editable-cell"
|
|
2311
|
-
},
|
|
2311
|
+
}, Yn = {
|
|
2312
2312
|
key: 0,
|
|
2313
2313
|
class: "cell-prefix"
|
|
2314
|
-
},
|
|
2314
|
+
}, Xn = [
|
|
2315
2315
|
"value",
|
|
2316
2316
|
"onChange",
|
|
2317
2317
|
"aria-labelledby",
|
|
2318
2318
|
"aria-invalid",
|
|
2319
2319
|
"aria-errormessage",
|
|
2320
2320
|
"name"
|
|
2321
|
-
],
|
|
2321
|
+
], Zn = ["value"], Qn = [
|
|
2322
2322
|
"value",
|
|
2323
2323
|
"onInput",
|
|
2324
2324
|
"aria-labelledby",
|
|
2325
2325
|
"aria-invalid",
|
|
2326
2326
|
"aria-errormessage",
|
|
2327
2327
|
"name"
|
|
2328
|
-
],
|
|
2328
|
+
], $n = {
|
|
2329
2329
|
key: 3,
|
|
2330
2330
|
class: "cell-suffix"
|
|
2331
|
-
},
|
|
2331
|
+
}, er = ["id"], tr = /* @__PURE__ */ u({
|
|
2332
2332
|
__name: "GTableBody",
|
|
2333
2333
|
props: {
|
|
2334
2334
|
data: {},
|
|
@@ -2397,13 +2397,13 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2397
2397
|
function C(e, t) {
|
|
2398
2398
|
if (l.changeTracker) return l.changeTracker.getError(e.key, t.key);
|
|
2399
2399
|
}
|
|
2400
|
-
return (n, r) => (T(), o("tbody",
|
|
2400
|
+
return (n, r) => (T(), o("tbody", Vn, [(T(!0), o(e, null, k(t.data, (n, l) => (T(), o(e, { key: n.key }, [t.groupBy && (l === 0 || n[t.groupBy] !== t.data[l - 1][t.groupBy]) ? (T(), o("tr", {
|
|
2401
2401
|
key: 0,
|
|
2402
2402
|
"aria-rowindex": t.startIndex + l + 2
|
|
2403
|
-
}, [t.bulkSelectionEnabled ? (T(), o("td",
|
|
2403
|
+
}, [t.bulkSelectionEnabled ? (T(), o("td", Un)) : a("", !0), s("td", {
|
|
2404
2404
|
colspan: t.columns.length,
|
|
2405
2405
|
class: "table-group-row"
|
|
2406
|
-
}, [t.groupRender ? (T(), i(j(t.groupRender(n[t.groupBy], n)), { key: 0 })) : (T(), o(e, { key: 1 }, [c(P(n[t.groupBy]), 1)], 64))], 8,
|
|
2406
|
+
}, [t.groupRender ? (T(), i(j(t.groupRender(n[t.groupBy], n)), { key: 0 })) : (T(), o(e, { key: 1 }, [c(P(n[t.groupBy]), 1)], 64))], 8, Wn)], 8, Hn)) : a("", !0), s("tr", {
|
|
2407
2407
|
class: _([
|
|
2408
2408
|
"efficient-table-row",
|
|
2409
2409
|
{
|
|
@@ -2418,7 +2418,7 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2418
2418
|
}, [t.bulkSelectionEnabled ? (T(), o("td", {
|
|
2419
2419
|
key: 0,
|
|
2420
2420
|
class: "td-checkbox",
|
|
2421
|
-
onClick: r[0] ||=
|
|
2421
|
+
onClick: r[0] ||= te(() => {}, ["stop"])
|
|
2422
2422
|
}, [s("input", {
|
|
2423
2423
|
type: "checkbox",
|
|
2424
2424
|
checked: p(n.key),
|
|
@@ -2426,7 +2426,7 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2426
2426
|
"aria-label": `Select row ${n.key}`,
|
|
2427
2427
|
name: `row-${n.key}-checkbox`,
|
|
2428
2428
|
class: "g-bulk-select-checkbox"
|
|
2429
|
-
}, null, 8,
|
|
2429
|
+
}, null, 8, Kn)])) : a("", !0), (T(!0), o(e, null, k(t.columns, (r) => (T(), o("td", {
|
|
2430
2430
|
key: r.key,
|
|
2431
2431
|
id: b(r) ? `${t.tableId}-td-${n.key}-${String(r.key)}` : void 0,
|
|
2432
2432
|
class: _([
|
|
@@ -2435,8 +2435,8 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2435
2435
|
S(n, r) ? "g-cell-error" : "",
|
|
2436
2436
|
typeof r.tdClass == "function" ? r.tdClass(n) : r.tdClass
|
|
2437
2437
|
])
|
|
2438
|
-
}, [r.editable ? (T(), o("div",
|
|
2439
|
-
r.editable.prefix ? (T(), o("span",
|
|
2438
|
+
}, [r.editable ? (T(), o("div", Jn, [
|
|
2439
|
+
r.editable.prefix ? (T(), o("span", Yn, P(r.editable.prefix), 1)) : a("", !0),
|
|
2440
2440
|
r.editable.type === "select" ? (T(), o("select", {
|
|
2441
2441
|
key: 1,
|
|
2442
2442
|
value: n[r.key],
|
|
@@ -2449,7 +2449,7 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2449
2449
|
}, [(T(!0), o(e, null, k(r.editable.options, (e) => (T(), o("option", {
|
|
2450
2450
|
key: e.value,
|
|
2451
2451
|
value: e.value
|
|
2452
|
-
}, P(e.label), 9,
|
|
2452
|
+
}, P(e.label), 9, Zn))), 128))], 40, Xn)) : (T(), o("input", h({
|
|
2453
2453
|
key: 2,
|
|
2454
2454
|
value: n[r.key]
|
|
2455
2455
|
}, { ref_for: !0 }, r.editable.inputAttributes, {
|
|
@@ -2463,24 +2463,24 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2463
2463
|
paddingLeft: r.editable.prefix ? "1.5rem" : void 0,
|
|
2464
2464
|
paddingRight: r.editable.suffix ? "2rem" : void 0
|
|
2465
2465
|
}
|
|
2466
|
-
}), null, 16,
|
|
2467
|
-
r.editable.suffix ? (T(), o("span",
|
|
2466
|
+
}), null, 16, Qn)),
|
|
2467
|
+
r.editable.suffix ? (T(), o("span", $n, P(r.editable.suffix), 1)) : a("", !0)
|
|
2468
2468
|
])) : r.display ? (T(), i(j(r.display(n)), { key: 1 })) : (T(), o(e, { key: 2 }, [c(P(n[r.key]), 1)], 64)), S(n, r) ? (T(), o("div", {
|
|
2469
2469
|
key: 3,
|
|
2470
2470
|
role: "alert",
|
|
2471
2471
|
class: "g-cell-error-message",
|
|
2472
2472
|
id: `${t.tableId}-error-${n.key}-${String(r.key)}`
|
|
2473
|
-
}, P(C(n, r)), 9,
|
|
2473
|
+
}, P(C(n, r)), 9, er)) : a("", !0)], 10, qn))), 128))], 42, Gn)], 64))), 128))], 512));
|
|
2474
2474
|
}
|
|
2475
|
-
}),
|
|
2475
|
+
}), nr = ["id", "for"], rr = {
|
|
2476
2476
|
key: 0,
|
|
2477
2477
|
class: "g-multiselect-required",
|
|
2478
2478
|
"aria-hidden": "true"
|
|
2479
|
-
},
|
|
2479
|
+
}, ir = ["id"], ar = ["aria-labelledby"], or = { class: "g-multiselect-chip-label" }, sr = [
|
|
2480
2480
|
"aria-label",
|
|
2481
2481
|
"disabled",
|
|
2482
2482
|
"onClick"
|
|
2483
|
-
],
|
|
2483
|
+
], cr = [
|
|
2484
2484
|
"id",
|
|
2485
2485
|
"value",
|
|
2486
2486
|
"placeholder",
|
|
@@ -2490,23 +2490,23 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2490
2490
|
"aria-activedescendant",
|
|
2491
2491
|
"aria-describedby",
|
|
2492
2492
|
"aria-required"
|
|
2493
|
-
],
|
|
2493
|
+
], lr = ["id"], ur = [
|
|
2494
2494
|
"id",
|
|
2495
2495
|
"aria-selected",
|
|
2496
2496
|
"onClick"
|
|
2497
|
-
],
|
|
2497
|
+
], dr = {
|
|
2498
2498
|
class: "g-multiselect-option-check",
|
|
2499
2499
|
"aria-hidden": "true"
|
|
2500
|
-
},
|
|
2500
|
+
}, fr = {
|
|
2501
2501
|
key: 0,
|
|
2502
2502
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2503
2503
|
viewBox: "0 0 640 640",
|
|
2504
2504
|
width: "1.25em"
|
|
2505
|
-
},
|
|
2505
|
+
}, pr = {
|
|
2506
2506
|
key: 1,
|
|
2507
2507
|
"aria-live": "polite",
|
|
2508
2508
|
class: "g-multiselect-option g-multiselect-no-results"
|
|
2509
|
-
},
|
|
2509
|
+
}, mr = /* @__PURE__ */ u({
|
|
2510
2510
|
__name: "GMultiSelect",
|
|
2511
2511
|
props: /*@__PURE__*/ m({
|
|
2512
2512
|
options: {},
|
|
@@ -2539,13 +2539,13 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2539
2539
|
value: d,
|
|
2540
2540
|
errors: I(i, "errors"),
|
|
2541
2541
|
formKey: i.formKey
|
|
2542
|
-
}), { menuPlacement: E, menuStyle: D, isTop: A, scrollOptionIntoView: j } =
|
|
2542
|
+
}), { menuPlacement: E, menuStyle: D, isTop: A, scrollOptionIntoView: j } = Nt({
|
|
2543
2543
|
open: y,
|
|
2544
2544
|
anchorRef: m,
|
|
2545
2545
|
listboxRef: v,
|
|
2546
2546
|
baseId: f,
|
|
2547
2547
|
activeIndex: b
|
|
2548
|
-
}), M = r(() =>
|
|
2548
|
+
}), M = r(() => Mt(i.options)), N = r(() => {
|
|
2549
2549
|
if (!x.value) return M.value;
|
|
2550
2550
|
let e = x.value.toLowerCase();
|
|
2551
2551
|
return M.value.filter((t) => t.label.toLowerCase().includes(e));
|
|
@@ -2574,16 +2574,16 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2574
2574
|
let t = d.value.filter((t) => t !== e);
|
|
2575
2575
|
d.value = t, u("change", t);
|
|
2576
2576
|
}
|
|
2577
|
-
function
|
|
2577
|
+
function G() {
|
|
2578
2578
|
i.disabled || (p.value?.focus(), y.value || z());
|
|
2579
2579
|
}
|
|
2580
|
-
function
|
|
2580
|
+
function K(e) {
|
|
2581
2581
|
x.value = e.target.value, b.value = 0, y.value || z();
|
|
2582
2582
|
}
|
|
2583
|
-
function
|
|
2583
|
+
function q() {
|
|
2584
2584
|
i.disabled || y.value || z();
|
|
2585
2585
|
}
|
|
2586
|
-
function
|
|
2586
|
+
function J(e) {
|
|
2587
2587
|
if (S.value) {
|
|
2588
2588
|
S.value = !1;
|
|
2589
2589
|
return;
|
|
@@ -2591,13 +2591,13 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2591
2591
|
let t = e.relatedTarget;
|
|
2592
2592
|
t && v.value?.contains(t) || t && m.value?.contains(t) || H();
|
|
2593
2593
|
}
|
|
2594
|
-
function
|
|
2594
|
+
function X(e) {
|
|
2595
2595
|
e.preventDefault();
|
|
2596
2596
|
}
|
|
2597
|
-
function
|
|
2597
|
+
function ne() {
|
|
2598
2598
|
S.value = !0;
|
|
2599
2599
|
}
|
|
2600
|
-
function
|
|
2600
|
+
function re(e) {
|
|
2601
2601
|
if (i.disabled) return;
|
|
2602
2602
|
let t = N.value.length - 1;
|
|
2603
2603
|
switch (e.key) {
|
|
@@ -2627,9 +2627,9 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2627
2627
|
break;
|
|
2628
2628
|
}
|
|
2629
2629
|
}
|
|
2630
|
-
let
|
|
2630
|
+
let ie = r(() => `${f}-input`), ae = r(() => `${f}-label`), oe = r(() => `${f}-instructions`), se = r(() => `error-message-${f}`), ce = r(() => {
|
|
2631
2631
|
let e = [];
|
|
2632
|
-
return i.instructions && e.push(
|
|
2632
|
+
return i.instructions && e.push(oe.value), w.value && e.push(se.value), e.length > 0 ? e.join(" ") : void 0;
|
|
2633
2633
|
});
|
|
2634
2634
|
return (n, r) => (T(), o("div", { class: _(["g-multiselect-root", {
|
|
2635
2635
|
"g-multiselect-open": y.value,
|
|
@@ -2637,35 +2637,35 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2637
2637
|
}]) }, [
|
|
2638
2638
|
t.hiddenLabel ? a("", !0) : (T(), o("label", {
|
|
2639
2639
|
key: 0,
|
|
2640
|
-
id:
|
|
2641
|
-
for:
|
|
2640
|
+
id: ae.value,
|
|
2641
|
+
for: ie.value,
|
|
2642
2642
|
class: "g-multiselect-label"
|
|
2643
|
-
}, [c(P(t.label), 1), t.required ? (T(), o("span",
|
|
2643
|
+
}, [c(P(t.label), 1), t.required ? (T(), o("span", rr, " *")) : a("", !0)], 8, nr)),
|
|
2644
2644
|
t.instructions ? (T(), o("div", {
|
|
2645
2645
|
key: 1,
|
|
2646
|
-
id:
|
|
2646
|
+
id: oe.value,
|
|
2647
2647
|
class: "g-multiselect-instructions"
|
|
2648
|
-
}, P(t.instructions), 9,
|
|
2648
|
+
}, P(t.instructions), 9, ir)) : a("", !0),
|
|
2649
2649
|
s("div", {
|
|
2650
2650
|
ref_key: "controlRef",
|
|
2651
2651
|
ref: m,
|
|
2652
2652
|
class: _(["g-multiselect-control", { "g-multiselect-control--disabled": t.disabled }]),
|
|
2653
|
-
onClick:
|
|
2653
|
+
onClick: G
|
|
2654
2654
|
}, [
|
|
2655
2655
|
d.value.length ? (T(), o("ul", {
|
|
2656
2656
|
key: 0,
|
|
2657
2657
|
class: "g-multiselect-chips",
|
|
2658
|
-
"aria-labelledby":
|
|
2658
|
+
"aria-labelledby": ae.value
|
|
2659
2659
|
}, [(T(!0), o(e, null, k(d.value, (e) => (T(), o("li", {
|
|
2660
2660
|
key: e,
|
|
2661
2661
|
class: "g-multiselect-chip"
|
|
2662
|
-
}, [s("span",
|
|
2662
|
+
}, [s("span", or, P(L(e)), 1), s("button", {
|
|
2663
2663
|
type: "button",
|
|
2664
2664
|
class: "g-multiselect-chip-remove",
|
|
2665
2665
|
"aria-label": `Remove ${L(e)}`,
|
|
2666
2666
|
disabled: t.disabled,
|
|
2667
|
-
onMousedown:
|
|
2668
|
-
onClick:
|
|
2667
|
+
onMousedown: ne,
|
|
2668
|
+
onClick: te((t) => W(e), ["stop"])
|
|
2669
2669
|
}, [...r[0] ||= [s("svg", {
|
|
2670
2670
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2671
2671
|
viewBox: "0 0 51.26 51.26",
|
|
@@ -2674,14 +2674,14 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2674
2674
|
}, [s("path", {
|
|
2675
2675
|
fill: "currentColor",
|
|
2676
2676
|
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"
|
|
2677
|
-
})], -1)]], 40,
|
|
2677
|
+
})], -1)]], 40, sr)]))), 128))], 8, ar)) : a("", !0),
|
|
2678
2678
|
s("input", h({
|
|
2679
2679
|
ref_key: "inputRef",
|
|
2680
2680
|
ref: p,
|
|
2681
2681
|
type: "text",
|
|
2682
2682
|
role: "combobox",
|
|
2683
2683
|
class: "g-multiselect-input",
|
|
2684
|
-
id:
|
|
2684
|
+
id: ie.value,
|
|
2685
2685
|
value: x.value,
|
|
2686
2686
|
placeholder: d.value.length === 0 ? t.placeholder : void 0,
|
|
2687
2687
|
disabled: t.disabled,
|
|
@@ -2692,13 +2692,13 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2692
2692
|
"aria-controls": R(f) + "-listbox",
|
|
2693
2693
|
"aria-activedescendant": y.value && N.value.length > 0 ? R(f) + "-option-" + b.value : void 0
|
|
2694
2694
|
}, t.hiddenLabel ? { "aria-label": t.label } : void 0, {
|
|
2695
|
-
"aria-describedby":
|
|
2695
|
+
"aria-describedby": ce.value,
|
|
2696
2696
|
"aria-required": t.required ? "true" : void 0,
|
|
2697
|
-
onInput:
|
|
2698
|
-
onKeydown:
|
|
2699
|
-
onFocus:
|
|
2700
|
-
onBlur:
|
|
2701
|
-
}), null, 16,
|
|
2697
|
+
onInput: K,
|
|
2698
|
+
onKeydown: re,
|
|
2699
|
+
onFocus: q,
|
|
2700
|
+
onBlur: J
|
|
2701
|
+
}), null, 16, cr),
|
|
2702
2702
|
r[2] ||= s("svg", {
|
|
2703
2703
|
class: "g-multiselect-caret",
|
|
2704
2704
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2715,7 +2715,7 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2715
2715
|
id: R(f) + "-listbox",
|
|
2716
2716
|
role: "listbox",
|
|
2717
2717
|
"aria-multiselectable": "true"
|
|
2718
|
-
}, t.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby":
|
|
2718
|
+
}, t.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": ae.value }, {
|
|
2719
2719
|
class: ["g-multiselect-listbox", { "g-multiselect-listbox--above": R(E) === "above" }],
|
|
2720
2720
|
style: R(D),
|
|
2721
2721
|
tabindex: "-1"
|
|
@@ -2728,41 +2728,41 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
|
2728
2728
|
"g-multiselect-option--selected": F(e.value)
|
|
2729
2729
|
}]),
|
|
2730
2730
|
"aria-selected": F(e.value) ? "true" : "false",
|
|
2731
|
-
onMousedown:
|
|
2731
|
+
onMousedown: X,
|
|
2732
2732
|
onClick: (e) => U(t)
|
|
2733
|
-
}, [s("span",
|
|
2733
|
+
}, [s("span", dr, [F(e.value) ? (T(), o("svg", fr, [...r[1] ||= [s("path", { d: "M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z" }, null, -1)]])) : a("", !0)]), c(" " + P(e.label), 1)], 42, ur))), 128)) : (T(), o("div", pr, " No results found. "))], 16, lr), [[ee, y.value]])
|
|
2734
2734
|
], 2),
|
|
2735
|
-
l(
|
|
2735
|
+
l(je, {
|
|
2736
2736
|
errors: R(C),
|
|
2737
|
-
id:
|
|
2737
|
+
id: se.value
|
|
2738
2738
|
}, null, 8, ["errors", "id"])
|
|
2739
2739
|
], 2));
|
|
2740
2740
|
}
|
|
2741
2741
|
});
|
|
2742
2742
|
//#endregion
|
|
2743
2743
|
//#region src/compose/useFiltering.ts
|
|
2744
|
-
function
|
|
2744
|
+
function hr(e) {
|
|
2745
2745
|
if (!(Array.isArray(e) && e.length === 0) && !(e === null || e === !1 || e === "")) return e;
|
|
2746
2746
|
}
|
|
2747
|
-
function
|
|
2747
|
+
function gr(e) {
|
|
2748
2748
|
return Object.fromEntries(Object.entries(e).filter(([e, t]) => t && (!Array.isArray(t) || t.length > 0)));
|
|
2749
2749
|
}
|
|
2750
|
-
function
|
|
2750
|
+
function _r(e) {
|
|
2751
2751
|
if (e != null) return Array.isArray(e) ? e.filter((e) => e != null) : [e];
|
|
2752
2752
|
}
|
|
2753
|
-
function
|
|
2753
|
+
function vr(e) {
|
|
2754
2754
|
let t = {};
|
|
2755
2755
|
for (let [n, r] of Object.entries(F(e))) Array.isArray(r) ? r.length > 0 && (t[n] = r) : r === !0 ? t[n] = "true" : t[n] = r || void 0;
|
|
2756
2756
|
return t;
|
|
2757
2757
|
}
|
|
2758
|
-
function
|
|
2758
|
+
function yr(e) {
|
|
2759
2759
|
let t = {};
|
|
2760
2760
|
return Object.keys(e).forEach((n) => {
|
|
2761
2761
|
let r = e[n];
|
|
2762
2762
|
r != null && r !== "" && r !== !1 && (Array.isArray(r) ? r.length > 0 && (t[n] = r.map((e) => String(e))) : t[n] = String(r));
|
|
2763
2763
|
}), t;
|
|
2764
2764
|
}
|
|
2765
|
-
function
|
|
2765
|
+
function br(e, t = {}) {
|
|
2766
2766
|
let n = D(Object.fromEntries(Object.entries(e).map(([e, t]) => [e, t]))), i = t.syncWith;
|
|
2767
2767
|
if (i) {
|
|
2768
2768
|
if (i.value) {
|
|
@@ -2775,13 +2775,13 @@ function yr(e, t = {}) {
|
|
|
2775
2775
|
});
|
|
2776
2776
|
}
|
|
2777
2777
|
K(n, (e) => {
|
|
2778
|
-
i.value =
|
|
2778
|
+
i.value = yr(e);
|
|
2779
2779
|
}, { deep: !0 });
|
|
2780
2780
|
}
|
|
2781
2781
|
return {
|
|
2782
2782
|
filters: n,
|
|
2783
2783
|
isFiltered: r(() => {
|
|
2784
|
-
for (let t of Object.keys(e)) if (
|
|
2784
|
+
for (let t of Object.keys(e)) if (hr(n[t])) return !0;
|
|
2785
2785
|
return !1;
|
|
2786
2786
|
}),
|
|
2787
2787
|
clearFilters: () => {
|
|
@@ -2791,48 +2791,56 @@ function yr(e, t = {}) {
|
|
|
2791
2791
|
},
|
|
2792
2792
|
filteredColumns: r(() => {
|
|
2793
2793
|
let t = {};
|
|
2794
|
-
for (let r of Object.keys(e)) t[r] = !!
|
|
2794
|
+
for (let r of Object.keys(e)) t[r] = !!hr(n[r]);
|
|
2795
2795
|
return t;
|
|
2796
2796
|
})
|
|
2797
2797
|
};
|
|
2798
2798
|
}
|
|
2799
2799
|
//#endregion
|
|
2800
2800
|
//#region src/components/GTable.vue?vue&type=script&setup=true&lang.ts
|
|
2801
|
-
var
|
|
2801
|
+
var xr = { class: "g-table-outer-wrap" }, Sr = {
|
|
2802
2802
|
key: 0,
|
|
2803
2803
|
class: "g-table-controls"
|
|
2804
|
-
},
|
|
2804
|
+
}, Cr = { class: "g-clear-filters-wrap" }, wr = {
|
|
2805
2805
|
key: 0,
|
|
2806
2806
|
class: "pagination"
|
|
2807
|
-
},
|
|
2807
|
+
}, Tr = { class: "g-result-count" }, Er = ["aria-label", "aria-rowcount"], Dr = { class: "g-table-head" }, Or = { "aria-rowindex": "1" }, kr = {
|
|
2808
2808
|
key: 0,
|
|
2809
2809
|
scope: "col",
|
|
2810
2810
|
class: "g-th g-th-checkbox"
|
|
2811
|
-
},
|
|
2811
|
+
}, Ar = [
|
|
2812
2812
|
"checked",
|
|
2813
2813
|
"indeterminate",
|
|
2814
2814
|
"aria-label"
|
|
2815
|
-
],
|
|
2815
|
+
], jr = ["id", "aria-sort"], Mr = { class: "th-inner" }, Nr = ["onClick"], Pr = {
|
|
2816
2816
|
key: 0,
|
|
2817
2817
|
class: "sort-indicator"
|
|
2818
|
-
},
|
|
2818
|
+
}, Fr = ["aria-label"], Ir = {
|
|
2819
2819
|
key: 1,
|
|
2820
2820
|
class: "g-column-head"
|
|
2821
|
-
},
|
|
2821
|
+
}, Lr = ["onClick", "aria-label"], Rr = {
|
|
2822
|
+
key: 1,
|
|
2823
|
+
class: "g-filter-search",
|
|
2824
|
+
role: "search"
|
|
2825
|
+
}, zr = [
|
|
2826
|
+
"onUpdate:modelValue",
|
|
2827
|
+
"placeholder",
|
|
2828
|
+
"aria-label"
|
|
2829
|
+
], Br = { key: 2 }, Vr = { class: "g-filter-toggle" }, Hr = [
|
|
2822
2830
|
"onUpdate:modelValue",
|
|
2823
2831
|
"id",
|
|
2824
2832
|
"aria-describedby"
|
|
2825
|
-
],
|
|
2826
|
-
key:
|
|
2833
|
+
], Ur = ["for"], Wr = ["id"], Gr = {
|
|
2834
|
+
key: 4,
|
|
2827
2835
|
class: "g-multi-select"
|
|
2828
|
-
},
|
|
2836
|
+
}, Kr = [
|
|
2829
2837
|
"onUpdate:modelValue",
|
|
2830
2838
|
"id",
|
|
2831
2839
|
"value"
|
|
2832
|
-
],
|
|
2840
|
+
], qr = ["for"], Jr = {
|
|
2833
2841
|
key: 1,
|
|
2834
2842
|
class: "g-bulk-actions-toolbar"
|
|
2835
|
-
},
|
|
2843
|
+
}, Yr = { class: "g-selected-count" }, Xr = { class: "g-bulk-actions" }, Zr = /* @__PURE__ */ u({
|
|
2836
2844
|
__name: "GTable",
|
|
2837
2845
|
props: /*@__PURE__*/ m({
|
|
2838
2846
|
label: {},
|
|
@@ -2881,7 +2889,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
2881
2889
|
e.sortable && (u.value === e.key ? d.value === 1 ? d.value = -1 : d.value === -1 && (u.value = void 0, d.value = 1) : (u.value = e.key, d.value = 1));
|
|
2882
2890
|
}
|
|
2883
2891
|
let v = m.filtering;
|
|
2884
|
-
v ||=
|
|
2892
|
+
v ||= br({});
|
|
2885
2893
|
let { filters: b, filteredColumns: x, isFiltered: C, clearFilters: w } = v, E = r(() => m.data.map((e) => e.key)), D = r(() => p.value.filter((e) => E.value.includes(e))), j = r(() => !m.bulkSelectionEnabled || m.data.length === 0 ? !1 : D.value.length === E.value.length), M = r(() => !m.bulkSelectionEnabled || m.data.length === 0 ? !1 : D.value.length > 0 && D.value.length < E.value.length), N = O(null);
|
|
2886
2894
|
function I() {
|
|
2887
2895
|
if (j.value) p.value = p.value.filter((e) => !E.value.includes(e));
|
|
@@ -2906,7 +2914,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
2906
2914
|
function U(e) {
|
|
2907
2915
|
h("bulk-action", e, p.value);
|
|
2908
2916
|
}
|
|
2909
|
-
function
|
|
2917
|
+
function ee(e) {
|
|
2910
2918
|
let t = e.value, n = e.column.key, r = F(e.row[n]);
|
|
2911
2919
|
e.column.editable?.inputAttributes?.type === "number" && (t = e.value === "" ? null : Number(e.value)), e.row[n] = t, h("cell-change", {
|
|
2912
2920
|
row: e.row,
|
|
@@ -2915,7 +2923,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
2915
2923
|
previousValue: r
|
|
2916
2924
|
});
|
|
2917
2925
|
}
|
|
2918
|
-
let q = B(),
|
|
2926
|
+
let q = B(), X = H(), ne = r(() => m.showPagination ? !0 : !!X.pagination), re = r(() => !!(C.value || ne.value));
|
|
2919
2927
|
return S(() => {
|
|
2920
2928
|
m.rowClickable && m.bulkSelectionEnabled && console.warn("GTable: rowClickable and bulkSelectionEnabled cannot be used together. rowClickable will be ignored.");
|
|
2921
2929
|
for (let e of m.columns) if (e.editable && e.display && console.warn(`GTable: Column "${String(e.key)}" has both 'editable' and 'display' configured. 'display' will be ignored.`), e.filter && e.filter.type === "multi-select" && !Array.isArray(f.value[e.key])) {
|
|
@@ -2927,9 +2935,9 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
2927
2935
|
let e = f.value[t.key];
|
|
2928
2936
|
f.value[t.key] = e ? [e] : [];
|
|
2929
2937
|
}
|
|
2930
|
-
}, { immediate: !0 }), (n, r) => (T(), o("div",
|
|
2931
|
-
|
|
2932
|
-
s("div",
|
|
2938
|
+
}, { immediate: !0 }), (n, r) => (T(), o("div", xr, [
|
|
2939
|
+
re.value ? (T(), o("div", Sr, [
|
|
2940
|
+
s("div", Cr, [R(C) ? (T(), i(Q, {
|
|
2933
2941
|
key: 0,
|
|
2934
2942
|
outlined: "",
|
|
2935
2943
|
size: "small",
|
|
@@ -2947,22 +2955,22 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
2947
2955
|
})], -1), s("span", { class: "g-clear-filters-text" }, " Clear Filters ", -1)]]),
|
|
2948
2956
|
_: 1
|
|
2949
2957
|
}, 8, ["onClick"])) : a("", !0)]),
|
|
2950
|
-
|
|
2951
|
-
s("span",
|
|
2958
|
+
ne.value ? (T(), o("div", wr, [A(n.$slots, "pagination")])) : a("", !0),
|
|
2959
|
+
s("span", Tr, P(m.resultCount || t.data.length) + " results", 1)
|
|
2952
2960
|
])) : a("", !0),
|
|
2953
2961
|
s("table", {
|
|
2954
2962
|
class: "g-table",
|
|
2955
2963
|
ref: "tableRef",
|
|
2956
2964
|
"aria-label": t.label,
|
|
2957
2965
|
"aria-rowcount": m.resultCount || t.data.length
|
|
2958
|
-
}, [s("thead",
|
|
2966
|
+
}, [s("thead", Dr, [s("tr", Or, [t.bulkSelectionEnabled ? (T(), o("th", kr, [s("input", {
|
|
2959
2967
|
type: "checkbox",
|
|
2960
2968
|
checked: j.value,
|
|
2961
2969
|
indeterminate: M.value,
|
|
2962
2970
|
onChange: I,
|
|
2963
2971
|
"aria-label": j.value ? "Deselect all rows" : "Select all rows",
|
|
2964
2972
|
class: "g-bulk-select-checkbox"
|
|
2965
|
-
}, null, 40,
|
|
2973
|
+
}, null, 40, Ar)])) : a("", !0), (T(!0), o(e, null, k(t.columns, (t) => (T(), o("th", {
|
|
2966
2974
|
key: t.key,
|
|
2967
2975
|
id: `${R(q)}-th-${String(t.key)}`,
|
|
2968
2976
|
"aria-sort": u.value === t.key ? d.value === 1 ? "ascending" : "descending" : "none",
|
|
@@ -2972,12 +2980,12 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
2972
2980
|
{ filtered: R(x)[t.key] }
|
|
2973
2981
|
]),
|
|
2974
2982
|
scope: "col"
|
|
2975
|
-
}, [s("div",
|
|
2983
|
+
}, [s("div", Mr, [t.sortable ? (T(), o("button", {
|
|
2976
2984
|
key: 0,
|
|
2977
2985
|
type: "button",
|
|
2978
2986
|
class: "g-column-head",
|
|
2979
2987
|
onClick: (e) => g(t)
|
|
2980
|
-
}, [c(P(t.label) + " ", 1), u.value === t.key ? (T(), o("span",
|
|
2988
|
+
}, [c(P(t.label) + " ", 1), u.value === t.key ? (T(), o("span", Pr, [(T(), o("svg", {
|
|
2981
2989
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2982
2990
|
viewBox: "0 0 640 640",
|
|
2983
2991
|
height: "1.5em",
|
|
@@ -2987,9 +2995,9 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
2987
2995
|
}, [...r[1] ||= [s("path", {
|
|
2988
2996
|
fill: "currentColor",
|
|
2989
2997
|
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"
|
|
2990
|
-
}, null, -1)]], 12,
|
|
2998
|
+
}, null, -1)]], 12, Fr))])) : a("", !0)], 8, Nr)) : (T(), o("span", Ir, P(t.label), 1)), t.filter ? (T(), i(at, { key: 2 }, {
|
|
2991
2999
|
trigger: J(({ toggle: e }) => [s("button", {
|
|
2992
|
-
onClick:
|
|
3000
|
+
onClick: te(e, ["stop"]),
|
|
2993
3001
|
"aria-label": R(x)[t.key] ? "Column Filtered" : "Filter Column",
|
|
2994
3002
|
class: _(["g-filter-btn", { "g-active": R(x)[t.key] }]),
|
|
2995
3003
|
type: "button"
|
|
@@ -3001,8 +3009,8 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3001
3009
|
}, [s("path", {
|
|
3002
3010
|
fill: "currentColor",
|
|
3003
3011
|
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"
|
|
3004
|
-
})], -1)]], 10,
|
|
3005
|
-
default: J(() => [t.filter.type === "select" ? (T(), i(
|
|
3012
|
+
})], -1)]], 10, Lr)]),
|
|
3013
|
+
default: J(() => [t.filter.type === "select" ? (T(), i(Ut, {
|
|
3006
3014
|
key: 0,
|
|
3007
3015
|
modelValue: f.value[t.key],
|
|
3008
3016
|
"onUpdate:modelValue": (e) => f.value[t.key] = e,
|
|
@@ -3015,21 +3023,37 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3015
3023
|
"modelValue",
|
|
3016
3024
|
"onUpdate:modelValue",
|
|
3017
3025
|
"options"
|
|
3018
|
-
])) : t.filter.type === "
|
|
3026
|
+
])) : t.filter.type === "search" ? (T(), o("div", Rr, [r[3] ||= s("span", {
|
|
3027
|
+
class: "g-filter-search-icon",
|
|
3028
|
+
"aria-hidden": "true"
|
|
3029
|
+
}, [s("svg", {
|
|
3030
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
3031
|
+
viewBox: "0 0 51.26 51.26",
|
|
3032
|
+
height: "1em"
|
|
3033
|
+
}, [s("path", {
|
|
3034
|
+
fill: "currentColor",
|
|
3035
|
+
d: "M30 9.76A14.05 14.05 0 1 0 28.3 31l11.3 13a3.34 3.34 0 0 0 4.72-4.72L31.44 27.86A14.05 14.05 0 0 0 30 9.76ZM27.27 27a10.26 10.26 0 1 1 0-14.5 10.25 10.25 0 0 1 0 14.5Z"
|
|
3036
|
+
})])], -1), Y(s("input", {
|
|
3037
|
+
type: "search",
|
|
3038
|
+
class: "g-filter-search-input",
|
|
3039
|
+
"onUpdate:modelValue": (e) => f.value[t.key] = e,
|
|
3040
|
+
placeholder: t.filter.placeholder,
|
|
3041
|
+
"aria-label": `Search ${t.label}`
|
|
3042
|
+
}, null, 8, zr), [[G, f.value[t.key]]])])) : t.filter.type === "toggle" ? (T(), o("div", Br, [s("div", Vr, [
|
|
3019
3043
|
Y(s("input", {
|
|
3020
3044
|
type: "checkbox",
|
|
3021
3045
|
"onUpdate:modelValue": (e) => f.value[t.key] = e,
|
|
3022
3046
|
id: `${R(q)}-filter-${String(t.key)}`,
|
|
3023
3047
|
"aria-describedby": t.filter.description ? `${R(q)}-filter-description-${String(t.key)}` : void 0
|
|
3024
|
-
}, null, 8,
|
|
3025
|
-
s("label", { for: `${R(q)}-filter-${String(t.key)}` }, P(t.filter.label), 9,
|
|
3048
|
+
}, null, 8, Hr), [[W, f.value[t.key]]]),
|
|
3049
|
+
s("label", { for: `${R(q)}-filter-${String(t.key)}` }, P(t.filter.label), 9, Ur),
|
|
3026
3050
|
t.filter.description ? (T(), o("span", {
|
|
3027
3051
|
key: 0,
|
|
3028
3052
|
class: "g-filter-description",
|
|
3029
3053
|
id: `${R(q)}-filter-description-${String(t.key)}`
|
|
3030
|
-
}, P(t.filter.description), 9,
|
|
3031
|
-
])])) : t.filter.type === "multi-select" && t.filter.searchable ? (T(), i(
|
|
3032
|
-
key:
|
|
3054
|
+
}, P(t.filter.description), 9, Wr)) : a("", !0)
|
|
3055
|
+
])])) : t.filter.type === "multi-select" && t.filter.searchable ? (T(), i(mr, {
|
|
3056
|
+
key: 3,
|
|
3033
3057
|
modelValue: f.value[t.key],
|
|
3034
3058
|
"onUpdate:modelValue": (e) => f.value[t.key] = e,
|
|
3035
3059
|
options: t.filter.options,
|
|
@@ -3041,15 +3065,15 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3041
3065
|
"onUpdate:modelValue",
|
|
3042
3066
|
"options",
|
|
3043
3067
|
"placeholder"
|
|
3044
|
-
])) : t.filter.type === "multi-select" ? (T(), o("fieldset",
|
|
3045
|
-
r[
|
|
3068
|
+
])) : t.filter.type === "multi-select" ? (T(), o("fieldset", Gr, [
|
|
3069
|
+
r[5] ||= s("legend", { class: "g-multi-select-legend" }, " Include values ", -1),
|
|
3046
3070
|
(T(!0), o(e, null, k(t.filter.options, (e) => (T(), o("div", { key: e.value }, [Y(s("input", {
|
|
3047
3071
|
type: "checkbox",
|
|
3048
3072
|
"onUpdate:modelValue": (e) => f.value[t.key] = e,
|
|
3049
3073
|
id: `filter-${String(t.key)}-${e.value}`,
|
|
3050
3074
|
value: e.value,
|
|
3051
3075
|
name: "filter-multiselect"
|
|
3052
|
-
}, null, 8,
|
|
3076
|
+
}, null, 8, Kr), [[W, f.value[t.key]]]), s("label", { for: `filter-${String(t.key)}-${e.value}` }, P(e.label), 9, qr)]))), 128)),
|
|
3053
3077
|
f.value[t.key] && f.value[t.key].length ? (T(), i(Q, {
|
|
3054
3078
|
key: 0,
|
|
3055
3079
|
class: "clear-multiselect-btn",
|
|
@@ -3057,12 +3081,12 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3057
3081
|
size: "small",
|
|
3058
3082
|
onClick: (e) => f.value[t.key] = []
|
|
3059
3083
|
}, {
|
|
3060
|
-
default: J(() => [...r[
|
|
3084
|
+
default: J(() => [...r[4] ||= [c(" Clear ", -1)]]),
|
|
3061
3085
|
_: 1
|
|
3062
3086
|
}, 8, ["onClick"])) : a("", !0)
|
|
3063
3087
|
])) : a("", !0)]),
|
|
3064
3088
|
_: 2
|
|
3065
|
-
}, 1024)) : a("", !0)])], 10,
|
|
3089
|
+
}, 1024)) : a("", !0)])], 10, jr))), 128))])]), l(tr, {
|
|
3066
3090
|
data: t.data,
|
|
3067
3091
|
columns: t.columns,
|
|
3068
3092
|
"group-by": t.groupBy,
|
|
@@ -3076,7 +3100,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3076
3100
|
"change-tracker": t.changeTracker,
|
|
3077
3101
|
onRowClick: z,
|
|
3078
3102
|
onToggleRow: L,
|
|
3079
|
-
onCellChange:
|
|
3103
|
+
onCellChange: ee
|
|
3080
3104
|
}, null, 8, [
|
|
3081
3105
|
"data",
|
|
3082
3106
|
"columns",
|
|
@@ -3089,8 +3113,8 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3089
3113
|
"selected-rows",
|
|
3090
3114
|
"table-id",
|
|
3091
3115
|
"change-tracker"
|
|
3092
|
-
])], 8,
|
|
3093
|
-
t.bulkSelectionEnabled && p.value.length > 0 ? (T(), o("div",
|
|
3116
|
+
])], 8, Er),
|
|
3117
|
+
t.bulkSelectionEnabled && p.value.length > 0 ? (T(), o("div", Jr, [s("span", Yr, P(p.value.length) + " row" + P(p.value.length === 1 ? "" : "s") + " selected", 1), s("ul", Xr, [(T(!0), o(e, null, k(t.bulkActions, (e) => (T(), o("li", { key: e.id }, [l(Q, {
|
|
3094
3118
|
theme: e.theme || "accent",
|
|
3095
3119
|
onClick: (t) => U(e.id),
|
|
3096
3120
|
size: "small"
|
|
@@ -3100,10 +3124,10 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3100
3124
|
}, 1032, ["theme", "onClick"])]))), 128))])])) : a("", !0)
|
|
3101
3125
|
]));
|
|
3102
3126
|
}
|
|
3103
|
-
}),
|
|
3127
|
+
}), Qr = {
|
|
3104
3128
|
class: "g-pagination",
|
|
3105
3129
|
"aria-label": "Pagination"
|
|
3106
|
-
},
|
|
3130
|
+
}, $r = ["disabled"], ei = ["disabled"], ti = { class: "page-range" }, ni = ["disabled"], ri = ["disabled"], ii = ["value"], ai = ["value"], oi = /* @__PURE__ */ u({
|
|
3107
3131
|
__name: "GTablePagination",
|
|
3108
3132
|
props: /*@__PURE__*/ m({
|
|
3109
3133
|
start: {},
|
|
@@ -3125,7 +3149,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3125
3149
|
function h(e) {
|
|
3126
3150
|
c.value = parseInt(e.target.value, 10);
|
|
3127
3151
|
}
|
|
3128
|
-
return (t, r) => (T(), o("nav",
|
|
3152
|
+
return (t, r) => (T(), o("nav", Qr, [
|
|
3129
3153
|
s("button", {
|
|
3130
3154
|
class: "first-page g-pagination-button",
|
|
3131
3155
|
disabled: p.value === 1,
|
|
@@ -3150,7 +3174,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3150
3174
|
}),
|
|
3151
3175
|
s("path", { d: "M11 7l-5 5l5 5" }),
|
|
3152
3176
|
s("path", { d: "M17 7l-5 5l5 5" })
|
|
3153
|
-
], -1)]], 8,
|
|
3177
|
+
], -1)]], 8, $r),
|
|
3154
3178
|
s("button", {
|
|
3155
3179
|
class: "prev-page g-pagination-button",
|
|
3156
3180
|
disabled: p.value === 1,
|
|
@@ -3171,8 +3195,8 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3171
3195
|
stroke: "none",
|
|
3172
3196
|
d: "M0 0h24v24H0z",
|
|
3173
3197
|
fill: "none"
|
|
3174
|
-
}), s("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8,
|
|
3175
|
-
s("span",
|
|
3198
|
+
}), s("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, ei),
|
|
3199
|
+
s("span", ti, P(d.value) + " to " + P(f.value), 1),
|
|
3176
3200
|
s("button", {
|
|
3177
3201
|
class: "next-page g-pagination-button",
|
|
3178
3202
|
disabled: p.value === i.value,
|
|
@@ -3193,7 +3217,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3193
3217
|
stroke: "none",
|
|
3194
3218
|
d: "M0 0h24v24H0z",
|
|
3195
3219
|
fill: "none"
|
|
3196
|
-
}), s("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8,
|
|
3220
|
+
}), s("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, ni),
|
|
3197
3221
|
s("button", {
|
|
3198
3222
|
class: "last-page g-pagination-button",
|
|
3199
3223
|
disabled: p.value === i.value,
|
|
@@ -3218,7 +3242,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3218
3242
|
}),
|
|
3219
3243
|
s("path", { d: "M7 7l5 5l-5 5" }),
|
|
3220
3244
|
s("path", { d: "M13 7l5 5l-5 5" })
|
|
3221
|
-
], -1)]], 8,
|
|
3245
|
+
], -1)]], 8, ri),
|
|
3222
3246
|
s("select", {
|
|
3223
3247
|
id: "page-size-select",
|
|
3224
3248
|
class: "page-size-select",
|
|
@@ -3232,14 +3256,14 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3232
3256
|
], (e) => (T(), o("option", {
|
|
3233
3257
|
key: e,
|
|
3234
3258
|
value: e
|
|
3235
|
-
}, P(e), 9,
|
|
3259
|
+
}, P(e), 9, ai))), 128))], 40, ii),
|
|
3236
3260
|
r[8] ||= s("label", {
|
|
3237
3261
|
class: "page-size-label",
|
|
3238
3262
|
for: "page-size-select"
|
|
3239
3263
|
}, "per page", -1)
|
|
3240
3264
|
]));
|
|
3241
3265
|
}
|
|
3242
|
-
}),
|
|
3266
|
+
}), si = ["id"], ci = { class: "g-modal-inner" }, li = { class: "g-modal-header" }, ui = ["id"], di = ["id"], fi = /* @__PURE__ */ u({
|
|
3243
3267
|
__name: "GModal",
|
|
3244
3268
|
props: {
|
|
3245
3269
|
label: {},
|
|
@@ -3253,11 +3277,11 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3253
3277
|
},
|
|
3254
3278
|
emits: ["close"],
|
|
3255
3279
|
setup(e, { emit: c }) {
|
|
3256
|
-
let u = e, d = c, f = U("dialog"), p = O(!0), m = B(), { pop: g, push: _, isTop: v, zIndex: y } =
|
|
3280
|
+
let u = e, d = c, f = U("dialog"), p = O(!0), m = B(), { pop: g, push: _, isTop: v, zIndex: y } = Ke(m, !0, !0), { deactivate: x, activate: C } = Qe(f, v);
|
|
3257
3281
|
function w() {
|
|
3258
3282
|
d("close");
|
|
3259
3283
|
}
|
|
3260
|
-
|
|
3284
|
+
$e([f], v, p, w, g), S(() => {
|
|
3261
3285
|
_(), C();
|
|
3262
3286
|
}), b(() => {
|
|
3263
3287
|
g(), x();
|
|
@@ -3283,12 +3307,12 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3283
3307
|
ref_key: "dialog",
|
|
3284
3308
|
ref: f,
|
|
3285
3309
|
style: { zIndex: R(y) }
|
|
3286
|
-
}), [s("div",
|
|
3310
|
+
}), [s("div", ci, [s("div", li, [e.hiddenLabel ? a("", !0) : (T(), o("h2", {
|
|
3287
3311
|
key: 0,
|
|
3288
3312
|
id: "modal-label-" + R(m),
|
|
3289
3313
|
class: "g-modal-label",
|
|
3290
3314
|
tabindex: "-1"
|
|
3291
|
-
}, P(e.label), 9,
|
|
3315
|
+
}, P(e.label), 9, ui)), s("button", {
|
|
3292
3316
|
class: "g-modal-close",
|
|
3293
3317
|
onClick: w,
|
|
3294
3318
|
"aria-label": "Close"
|
|
@@ -3303,19 +3327,19 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3303
3327
|
})], -1)]])]), s("div", {
|
|
3304
3328
|
id: "modal-description-" + R(m),
|
|
3305
3329
|
class: "g-modal-content"
|
|
3306
|
-
}, [A(r.$slots, "default")], 8,
|
|
3330
|
+
}, [A(r.$slots, "default")], 8, di)])], 16, si)]),
|
|
3307
3331
|
_: 3
|
|
3308
3332
|
})]));
|
|
3309
3333
|
}
|
|
3310
|
-
}),
|
|
3334
|
+
}), pi = [
|
|
3311
3335
|
"id",
|
|
3312
3336
|
"aria-expanded",
|
|
3313
3337
|
"aria-label",
|
|
3314
3338
|
"aria-controls"
|
|
3315
|
-
],
|
|
3339
|
+
], mi = {
|
|
3316
3340
|
key: 0,
|
|
3317
3341
|
class: "g-hamburger-label"
|
|
3318
|
-
},
|
|
3342
|
+
}, hi = /* @__PURE__ */ u({
|
|
3319
3343
|
__name: "GHamburgerMenu",
|
|
3320
3344
|
props: {
|
|
3321
3345
|
label: { default: "Main Navigation" },
|
|
@@ -3328,7 +3352,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3328
3352
|
},
|
|
3329
3353
|
emits: ["toggle"],
|
|
3330
3354
|
setup(e, { emit: t }) {
|
|
3331
|
-
let n = e, r = p("sidebar") ?? (
|
|
3355
|
+
let n = e, r = p("sidebar") ?? (Z() ? un(n.sidebarKey, I(n, "mediaQuery")) : void 0), i = t;
|
|
3332
3356
|
function c() {
|
|
3333
3357
|
i("toggle"), r?.toggle();
|
|
3334
3358
|
}
|
|
@@ -3351,34 +3375,34 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3351
3375
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3352
3376
|
viewBox: "0 0 51.26 51.26",
|
|
3353
3377
|
role: "none"
|
|
3354
|
-
}, [s("g", { fill: "currentColor" }, [s("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" })])], -1), e.labelVisible ? (T(), o("span",
|
|
3378
|
+
}, [s("g", { fill: "currentColor" }, [s("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" })])], -1), e.labelVisible ? (T(), o("span", mi, P(e.label), 1)) : a("", !0)], 42, pi));
|
|
3355
3379
|
}
|
|
3356
|
-
}),
|
|
3380
|
+
}), gi = /* @__PURE__ */ u({
|
|
3357
3381
|
__name: "GDetailList",
|
|
3358
3382
|
props: { variant: { default: "grid" } },
|
|
3359
3383
|
setup(e) {
|
|
3360
3384
|
let t = e;
|
|
3361
3385
|
return (e, n) => (T(), o("dl", { class: _(["g-detail-list", `g-detail-list--${t.variant}`]) }, [A(e.$slots, "default")], 2));
|
|
3362
3386
|
}
|
|
3363
|
-
}),
|
|
3387
|
+
}), _i = { class: "g-detail-list-item" }, vi = { class: "g-detail-list-item__label" }, yi = { class: "g-detail-list-item__value" }, bi = /* @__PURE__ */ u({
|
|
3364
3388
|
__name: "GDetailListItem",
|
|
3365
3389
|
props: { label: {} },
|
|
3366
3390
|
setup(e) {
|
|
3367
|
-
return (t, n) => (T(), o("div",
|
|
3391
|
+
return (t, n) => (T(), o("div", _i, [s("dt", vi, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])]), s("dd", yi, [A(t.$slots, "default")])]));
|
|
3368
3392
|
}
|
|
3369
|
-
}),
|
|
3393
|
+
}), xi = {
|
|
3370
3394
|
key: 0,
|
|
3371
3395
|
class: "g-scroll-lock-overlay"
|
|
3372
|
-
},
|
|
3396
|
+
}, Si = /* @__PURE__ */ u({
|
|
3373
3397
|
__name: "GOverlay",
|
|
3374
3398
|
setup(e) {
|
|
3375
|
-
let { hasScrollLock: t } =
|
|
3399
|
+
let { hasScrollLock: t } = qe();
|
|
3376
3400
|
return (e, r) => (T(), i(n, { name: "g-fade" }, {
|
|
3377
|
-
default: J(() => [R(t) ? (T(), o("div",
|
|
3401
|
+
default: J(() => [R(t) ? (T(), o("div", xi)) : a("", !0)]),
|
|
3378
3402
|
_: 1
|
|
3379
3403
|
}));
|
|
3380
3404
|
}
|
|
3381
|
-
}),
|
|
3405
|
+
}), Ci = { class: "popover-content" }, wi = { class: "year-dropdown" }, Ti = { class: "month-selector" }, Ei = /* @__PURE__ */ u({
|
|
3382
3406
|
__name: "GTermSelectorControl",
|
|
3383
3407
|
props: /*@__PURE__*/ m({
|
|
3384
3408
|
termYears: { default: () => ["2026"] },
|
|
@@ -3399,7 +3423,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3399
3423
|
emits: ["update:modelValue"],
|
|
3400
3424
|
setup(e) {
|
|
3401
3425
|
let t = V(e, "modelValue");
|
|
3402
|
-
return (n, r) => (T(), o("div",
|
|
3426
|
+
return (n, r) => (T(), o("div", Ci, [s("div", wi, [l(Ut, {
|
|
3403
3427
|
modelValue: t.value.year,
|
|
3404
3428
|
"onUpdate:modelValue": r[0] ||= (e) => t.value.year = e,
|
|
3405
3429
|
options: e.termYears,
|
|
@@ -3408,7 +3432,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3408
3432
|
"modelValue",
|
|
3409
3433
|
"options",
|
|
3410
3434
|
"label"
|
|
3411
|
-
])]), s("div",
|
|
3435
|
+
])]), s("div", Ti, [l(bt, {
|
|
3412
3436
|
modelValue: t.value.name,
|
|
3413
3437
|
"onUpdate:modelValue": r[1] ||= (e) => t.value.name = e,
|
|
3414
3438
|
options: e.termNames,
|
|
@@ -3420,10 +3444,10 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3420
3444
|
"label"
|
|
3421
3445
|
])])]));
|
|
3422
3446
|
}
|
|
3423
|
-
}),
|
|
3447
|
+
}), Di = { class: "g-term-selector" }, Oi = { class: "g-term-label" }, ki = {
|
|
3424
3448
|
class: "g-popover-title",
|
|
3425
3449
|
tabindex: "-1"
|
|
3426
|
-
},
|
|
3450
|
+
}, Ai = /* @__PURE__ */ u({
|
|
3427
3451
|
__name: "GTermSelector",
|
|
3428
3452
|
props: /*@__PURE__*/ m({
|
|
3429
3453
|
heading: { default: "Period Selection" },
|
|
@@ -3445,7 +3469,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3445
3469
|
emits: ["update:modelValue"],
|
|
3446
3470
|
setup(e) {
|
|
3447
3471
|
let t = V(e, "modelValue");
|
|
3448
|
-
return (n, r) => (T(), o("div",
|
|
3472
|
+
return (n, r) => (T(), o("div", Di, [l(at, null, {
|
|
3449
3473
|
trigger: J(({ toggle: e }) => [l(Q, {
|
|
3450
3474
|
class: "g-term-selector-button",
|
|
3451
3475
|
theme: "none",
|
|
@@ -3458,7 +3482,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3458
3482
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3459
3483
|
viewBox: "0 0 640 640"
|
|
3460
3484
|
}, [s("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" })])], -1),
|
|
3461
|
-
s("span",
|
|
3485
|
+
s("span", Oi, P(t.value?.name) + " " + P(t.value?.year), 1),
|
|
3462
3486
|
r[1] ||= s("span", { class: "g-caret" }, [s("svg", {
|
|
3463
3487
|
role: "none",
|
|
3464
3488
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3467,15 +3491,15 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3467
3491
|
]),
|
|
3468
3492
|
_: 1
|
|
3469
3493
|
}, 8, ["onClick"])]),
|
|
3470
|
-
default: J(() => [s("h2",
|
|
3494
|
+
default: J(() => [s("h2", ki, P(e.heading), 1), l(Ei, v(f(n.$props)), null, 16)]),
|
|
3471
3495
|
_: 1
|
|
3472
3496
|
})]));
|
|
3473
3497
|
}
|
|
3474
|
-
}),
|
|
3498
|
+
}), ji = { class: "g-user-menu" }, Mi = [
|
|
3475
3499
|
"aria-label",
|
|
3476
3500
|
"aria-expanded",
|
|
3477
3501
|
"onClick"
|
|
3478
|
-
],
|
|
3502
|
+
], Ni = { class: "g-user-menu__popover" }, Pi = { class: "g-user-menu__list" }, Fi = /* @__PURE__ */ u({
|
|
3479
3503
|
__name: "GUserMenu",
|
|
3480
3504
|
props: {
|
|
3481
3505
|
initials: {},
|
|
@@ -3487,7 +3511,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3487
3511
|
let n = `${B()}-email`, r = O(!1), a = U("emailHeading");
|
|
3488
3512
|
d()?.appContext?.components?.RouterLink;
|
|
3489
3513
|
let c = H();
|
|
3490
|
-
return (u, d) => (T(), o("div",
|
|
3514
|
+
return (u, d) => (T(), o("div", ji, [l(at, {
|
|
3491
3515
|
modelValue: r.value,
|
|
3492
3516
|
"onUpdate:modelValue": d[0] ||= (e) => r.value = e,
|
|
3493
3517
|
minimal: ""
|
|
@@ -3499,8 +3523,8 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3499
3523
|
"aria-expanded": r.value,
|
|
3500
3524
|
"aria-haspopup": "menu",
|
|
3501
3525
|
onClick: e
|
|
3502
|
-
}, P(t.initials), 13,
|
|
3503
|
-
default: J(() => [s("div",
|
|
3526
|
+
}, P(t.initials), 13, Mi)]),
|
|
3527
|
+
default: J(() => [s("div", Ni, [s("h2", {
|
|
3504
3528
|
id: n,
|
|
3505
3529
|
ref_key: "emailHeading",
|
|
3506
3530
|
ref: a,
|
|
@@ -3509,11 +3533,11 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3509
3533
|
}, P(t.email), 513), s("nav", {
|
|
3510
3534
|
class: "g-user-menu__nav",
|
|
3511
3535
|
"aria-labelledby": n
|
|
3512
|
-
}, [s("ul",
|
|
3536
|
+
}, [s("ul", Pi, [(T(!0), o(e, null, k(c.default(), (e, t) => (T(), o("li", { key: t }, [(T(), i(j(e)))]))), 128))])])])]),
|
|
3513
3537
|
_: 1
|
|
3514
3538
|
}, 8, ["modelValue"])]));
|
|
3515
3539
|
}
|
|
3516
|
-
}),
|
|
3540
|
+
}), Ii = /* @__PURE__ */ u({
|
|
3517
3541
|
__name: "GCurrencyInput",
|
|
3518
3542
|
props: /*@__PURE__*/ m({
|
|
3519
3543
|
label: { default: void 0 },
|
|
@@ -3537,7 +3561,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3537
3561
|
emits: ["update:modelValue"],
|
|
3538
3562
|
setup(e) {
|
|
3539
3563
|
let t = e, n = V(e, "modelValue");
|
|
3540
|
-
return (e, r) => (T(), i(
|
|
3564
|
+
return (e, r) => (T(), i(Re, h({
|
|
3541
3565
|
modelValue: n.value,
|
|
3542
3566
|
"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
|
|
3543
3567
|
name: t.name,
|
|
@@ -3564,7 +3588,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3564
3588
|
"form-key"
|
|
3565
3589
|
]));
|
|
3566
3590
|
}
|
|
3567
|
-
}),
|
|
3591
|
+
}), Li = /* @__PURE__ */ u({
|
|
3568
3592
|
__name: "GEmailInput",
|
|
3569
3593
|
props: /*@__PURE__*/ m({
|
|
3570
3594
|
label: { default: void 0 },
|
|
@@ -3587,7 +3611,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3587
3611
|
emits: ["update:modelValue"],
|
|
3588
3612
|
setup(e) {
|
|
3589
3613
|
let t = V(e, "modelValue");
|
|
3590
|
-
return (n, r) => (T(), i(
|
|
3614
|
+
return (n, r) => (T(), i(Re, h({
|
|
3591
3615
|
modelValue: t.value,
|
|
3592
3616
|
"onUpdate:modelValue": r[0] ||= (e) => t.value = e,
|
|
3593
3617
|
name: e.name,
|
|
@@ -3609,13 +3633,13 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3609
3633
|
"instructions"
|
|
3610
3634
|
]));
|
|
3611
3635
|
}
|
|
3612
|
-
}),
|
|
3636
|
+
}), Ri = ["for"], zi = {
|
|
3613
3637
|
key: 0,
|
|
3614
3638
|
class: "g-file-input-required"
|
|
3615
|
-
},
|
|
3639
|
+
}, Bi = {
|
|
3616
3640
|
key: 0,
|
|
3617
3641
|
class: "g-file-input-box-header"
|
|
3618
|
-
},
|
|
3642
|
+
}, Vi = ["id"], Hi = [
|
|
3619
3643
|
"id",
|
|
3620
3644
|
"disabled",
|
|
3621
3645
|
"required",
|
|
@@ -3624,11 +3648,11 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3624
3648
|
"aria-invalid",
|
|
3625
3649
|
"aria-describedby",
|
|
3626
3650
|
"aria-errormessage"
|
|
3627
|
-
],
|
|
3651
|
+
], Ui = {
|
|
3628
3652
|
key: 1,
|
|
3629
3653
|
class: "g-file-input-pills",
|
|
3630
3654
|
"aria-label": "Selected files"
|
|
3631
|
-
},
|
|
3655
|
+
}, Wi = /* @__PURE__ */ u({
|
|
3632
3656
|
inheritAttrs: !1,
|
|
3633
3657
|
__name: "GFileInput",
|
|
3634
3658
|
props: /*@__PURE__*/ m({
|
|
@@ -3685,12 +3709,12 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3685
3709
|
key: 0,
|
|
3686
3710
|
for: R(d),
|
|
3687
3711
|
class: "g-file-input-label"
|
|
3688
|
-
}, [c(P(t.label) + " ", 1), t.required ? (T(), o("span",
|
|
3712
|
+
}, [c(P(t.label) + " ", 1), t.required ? (T(), o("span", zi, "*")) : a("", !0)], 8, Ri)) : a("", !0),
|
|
3689
3713
|
s("div", { class: _(["g-file-input-box", { "g-file-input-box--disabled": t.disabled }]) }, [
|
|
3690
|
-
t.instructions ? (T(), o("div",
|
|
3714
|
+
t.instructions ? (T(), o("div", Bi, [s("span", {
|
|
3691
3715
|
id: "instructions-" + R(d),
|
|
3692
3716
|
class: "g-file-input-instructions"
|
|
3693
|
-
}, P(t.instructions), 9,
|
|
3717
|
+
}, P(t.instructions), 9, Vi)])) : a("", !0),
|
|
3694
3718
|
s("input", {
|
|
3695
3719
|
id: R(d),
|
|
3696
3720
|
type: "file",
|
|
@@ -3703,8 +3727,8 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3703
3727
|
"aria-describedby": t.instructions ? "instructions-" + R(d) : void 0,
|
|
3704
3728
|
"aria-errormessage": y.value ? "error-message-" + R(d) : void 0,
|
|
3705
3729
|
onChange: g
|
|
3706
|
-
}, null, 40,
|
|
3707
|
-
t.multiple && b.value.length > 0 ? (T(), o("ul",
|
|
3730
|
+
}, null, 40, Hi),
|
|
3731
|
+
t.multiple && b.value.length > 0 ? (T(), o("ul", Ui, [(T(!0), o(e, null, k(b.value, (e) => (T(), o("li", {
|
|
3708
3732
|
key: e,
|
|
3709
3733
|
class: "g-file-input-pill"
|
|
3710
3734
|
}, [r[0] ||= s("svg", {
|
|
@@ -3714,13 +3738,13 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3714
3738
|
viewBox: "0 0 640 640"
|
|
3715
3739
|
}, [s("path", { d: "M192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 234.5C512 217.5 505.3 201.2 493.3 189.2L386.7 82.7C374.7 70.7 358.5 64 341.5 64L192 64zM453.5 240L360 240C346.7 240 336 229.3 336 216L336 122.5L453.5 240z" })], -1), c(" " + P(e), 1)]))), 128))])) : a("", !0)
|
|
3716
3740
|
], 2),
|
|
3717
|
-
l(
|
|
3741
|
+
l(je, {
|
|
3718
3742
|
errors: v.value,
|
|
3719
3743
|
id: "error-message-" + R(d)
|
|
3720
3744
|
}, null, 8, ["errors", "id"])
|
|
3721
3745
|
], 2));
|
|
3722
3746
|
}
|
|
3723
|
-
}),
|
|
3747
|
+
}), Gi = /* @__PURE__ */ u({
|
|
3724
3748
|
__name: "GDateInput",
|
|
3725
3749
|
props: /*@__PURE__*/ m({
|
|
3726
3750
|
label: { default: void 0 },
|
|
@@ -3744,7 +3768,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3744
3768
|
emits: ["update:modelValue"],
|
|
3745
3769
|
setup(e) {
|
|
3746
3770
|
let t = e, n = V(e, "modelValue");
|
|
3747
|
-
return (e, r) => (T(), i(
|
|
3771
|
+
return (e, r) => (T(), i(Re, h({
|
|
3748
3772
|
modelValue: n.value,
|
|
3749
3773
|
"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
|
|
3750
3774
|
name: t.name,
|
|
@@ -3768,21 +3792,21 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3768
3792
|
"form-key"
|
|
3769
3793
|
]));
|
|
3770
3794
|
}
|
|
3771
|
-
}),
|
|
3795
|
+
}), Ki = { class: "g-date-range-input" }, qi = {
|
|
3772
3796
|
key: 0,
|
|
3773
3797
|
class: "g-date-range-input__label"
|
|
3774
|
-
},
|
|
3798
|
+
}, Ji = {
|
|
3775
3799
|
key: 0,
|
|
3776
3800
|
class: "g-date-range-input__required",
|
|
3777
3801
|
"aria-hidden": "true"
|
|
3778
|
-
},
|
|
3802
|
+
}, Yi = {
|
|
3779
3803
|
key: 1,
|
|
3780
3804
|
class: "g-date-range-input__instructions"
|
|
3781
|
-
},
|
|
3805
|
+
}, Xi = { class: "g-date-range-input__fields" }, Zi = {
|
|
3782
3806
|
key: 2,
|
|
3783
3807
|
class: "g-date-range-input__errors",
|
|
3784
3808
|
role: "alert"
|
|
3785
|
-
},
|
|
3809
|
+
}, Qi = /* @__PURE__ */ u({
|
|
3786
3810
|
__name: "GDateRangeInput",
|
|
3787
3811
|
props: /*@__PURE__*/ m({
|
|
3788
3812
|
label: { default: void 0 },
|
|
@@ -3822,10 +3846,10 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3822
3846
|
};
|
|
3823
3847
|
}), K(r, (e) => {
|
|
3824
3848
|
e.start !== i.value && (i.value = e.start), e.end !== u.value && (u.value = e.end);
|
|
3825
|
-
}, { deep: !0 }), (t, r) => (T(), o("div",
|
|
3826
|
-
n.label ? (T(), o("div",
|
|
3827
|
-
n.instructions ? (T(), o("div",
|
|
3828
|
-
s("div",
|
|
3849
|
+
}, { deep: !0 }), (t, r) => (T(), o("div", Ki, [
|
|
3850
|
+
n.label ? (T(), o("div", qi, [c(P(n.label), 1), n.required ? (T(), o("span", Ji, " *")) : a("", !0)])) : a("", !0),
|
|
3851
|
+
n.instructions ? (T(), o("div", Yi, P(n.instructions), 1)) : a("", !0),
|
|
3852
|
+
s("div", Xi, [l(Gi, {
|
|
3829
3853
|
modelValue: i.value,
|
|
3830
3854
|
"onUpdate:modelValue": r[0] ||= (e) => i.value = e,
|
|
3831
3855
|
label: n.startLabel,
|
|
@@ -3837,7 +3861,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3837
3861
|
"label",
|
|
3838
3862
|
"disabled",
|
|
3839
3863
|
"required"
|
|
3840
|
-
]), l(
|
|
3864
|
+
]), l(Gi, {
|
|
3841
3865
|
modelValue: u.value,
|
|
3842
3866
|
"onUpdate:modelValue": r[1] ||= (e) => u.value = e,
|
|
3843
3867
|
label: n.endLabel,
|
|
@@ -3850,13 +3874,13 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3850
3874
|
"disabled",
|
|
3851
3875
|
"required"
|
|
3852
3876
|
])]),
|
|
3853
|
-
R(d).length > 0 ? (T(), o("div",
|
|
3877
|
+
R(d).length > 0 ? (T(), o("div", Zi, [(T(!0), o(e, null, k(R(d), (e, t) => (T(), o("div", {
|
|
3854
3878
|
key: t,
|
|
3855
3879
|
class: "g-date-range-input__error"
|
|
3856
3880
|
}, P(e), 1))), 128))])) : a("", !0)
|
|
3857
3881
|
]));
|
|
3858
3882
|
}
|
|
3859
|
-
}),
|
|
3883
|
+
}), $i = ["action", "method"], ea = /* @__PURE__ */ u({
|
|
3860
3884
|
__name: "GForm",
|
|
3861
3885
|
props: /*@__PURE__*/ m({
|
|
3862
3886
|
action: { default: void 0 },
|
|
@@ -3868,7 +3892,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3868
3892
|
}),
|
|
3869
3893
|
emits: /*@__PURE__*/ m(["submit"], ["update:modelValue"]),
|
|
3870
3894
|
setup(e, { emit: t }) {
|
|
3871
|
-
let n = e, r = V(e, "modelValue"), i = t, a = p("form", null), s = a ?? (
|
|
3895
|
+
let n = e, r = V(e, "modelValue"), i = t, a = p("form", null), s = a ?? (Z() ? ke(n.formKey) : De());
|
|
3872
3896
|
a || E("form", s), K(() => s.values.value, (e) => {
|
|
3873
3897
|
r.value = { ...e };
|
|
3874
3898
|
}, { deep: !0 }), K(() => r.value, (e) => {
|
|
@@ -3896,9 +3920,9 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3896
3920
|
hasErrors: R(s).hasErrors.value,
|
|
3897
3921
|
values: R(s).values.value,
|
|
3898
3922
|
errors: R(s).errors.value
|
|
3899
|
-
})], 40,
|
|
3923
|
+
})], 40, $i));
|
|
3900
3924
|
}
|
|
3901
|
-
}),
|
|
3925
|
+
}), ta = /* @__PURE__ */ u({
|
|
3902
3926
|
__name: "GSubmitButton",
|
|
3903
3927
|
props: {
|
|
3904
3928
|
disabled: {
|
|
@@ -3910,32 +3934,32 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3910
3934
|
formKey: { default: "default" }
|
|
3911
3935
|
},
|
|
3912
3936
|
setup(e) {
|
|
3913
|
-
let t = e, n = z(), a = typeof n["form-key"] == "string" ? n["form-key"] : void 0, o = t.formKey || a || "default", l = p("form", null) ?? (
|
|
3937
|
+
let t = e, n = z(), a = typeof n["form-key"] == "string" ? n["form-key"] : void 0, o = t.formKey || a || "default", l = p("form", null) ?? (Z() ? ke(o) : null), u = r(() => t.disabled || (l?.isSubmitting.value ?? !1)), d = r(() => l?.isSubmitting.value ?? !1);
|
|
3914
3938
|
return (e, n) => (T(), i(Q, {
|
|
3915
3939
|
type: "submit",
|
|
3916
3940
|
disabled: u.value,
|
|
3917
3941
|
variant: t.variant,
|
|
3918
3942
|
class: "g-submit-button"
|
|
3919
3943
|
}, {
|
|
3920
|
-
default: J(() => [Y(s("span", null, P(t.loadingText), 513), [[
|
|
3944
|
+
default: J(() => [Y(s("span", null, P(t.loadingText), 513), [[ee, d.value]]), Y(s("span", null, [A(e.$slots, "default", {}, () => [n[0] ||= c("Submit", -1)])], 512), [[ee, !d.value]])]),
|
|
3921
3945
|
_: 3
|
|
3922
3946
|
}, 8, ["disabled", "variant"]));
|
|
3923
3947
|
}
|
|
3924
|
-
}),
|
|
3948
|
+
}), na = {
|
|
3925
3949
|
key: 0,
|
|
3926
3950
|
class: "g-checkbox-group__legend"
|
|
3927
|
-
},
|
|
3951
|
+
}, ra = {
|
|
3928
3952
|
key: 0,
|
|
3929
3953
|
class: "g-checkbox-group__required",
|
|
3930
3954
|
"aria-hidden": "true"
|
|
3931
|
-
},
|
|
3955
|
+
}, ia = {
|
|
3932
3956
|
key: 1,
|
|
3933
3957
|
class: "g-checkbox-group__label"
|
|
3934
|
-
},
|
|
3958
|
+
}, aa = {
|
|
3935
3959
|
key: 0,
|
|
3936
3960
|
class: "g-checkbox-group__required",
|
|
3937
3961
|
"aria-hidden": "true"
|
|
3938
|
-
},
|
|
3962
|
+
}, oa = ["id"], sa = { class: "g-checkbox-group__options" }, ca = ["for"], la = [
|
|
3939
3963
|
"id",
|
|
3940
3964
|
"type",
|
|
3941
3965
|
"name",
|
|
@@ -3944,7 +3968,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
3944
3968
|
"disabled",
|
|
3945
3969
|
"required",
|
|
3946
3970
|
"onChange"
|
|
3947
|
-
],
|
|
3971
|
+
], ua = { class: "g-checkbox-group__label-text" }, da = ["id"], fa = /* @__PURE__ */ u({
|
|
3948
3972
|
__name: "GCheckboxGroup",
|
|
3949
3973
|
props: /*@__PURE__*/ m({
|
|
3950
3974
|
label: { default: void 0 },
|
|
@@ -4005,13 +4029,13 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
4005
4029
|
}
|
|
4006
4030
|
return (n, r) => (T(), i(j(C.value ? "fieldset" : "div"), h({ class: ["g-checkbox-group", { "g-checkbox-group--error": R(m) }] }, w.value), {
|
|
4007
4031
|
default: J(() => [
|
|
4008
|
-
C.value && t.label ? (T(), o("legend",
|
|
4032
|
+
C.value && t.label ? (T(), o("legend", na, [c(P(t.label), 1), t.required ? (T(), o("span", ra, "\xA0*")) : a("", !0)])) : !C.value && t.label ? (T(), o("div", ia, [c(P(t.label), 1), t.required ? (T(), o("span", aa, "\xA0*")) : a("", !0)])) : a("", !0),
|
|
4009
4033
|
t.instructions ? (T(), o("div", {
|
|
4010
4034
|
key: 2,
|
|
4011
4035
|
id: S.value,
|
|
4012
4036
|
class: "g-checkbox-group__instructions"
|
|
4013
|
-
}, P(t.instructions), 9,
|
|
4014
|
-
s("div",
|
|
4037
|
+
}, P(t.instructions), 9, oa)) : a("", !0),
|
|
4038
|
+
s("div", sa, [(T(!0), o(e, null, k(t.options, (e, n) => (T(), o("div", {
|
|
4015
4039
|
key: e.value,
|
|
4016
4040
|
class: _(["g-checkbox-group__option-wrapper", { "g-checkbox-group__option-wrapper--disabled": e.disabled }])
|
|
4017
4041
|
}, [s("label", {
|
|
@@ -4026,12 +4050,12 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
4026
4050
|
disabled: e.disabled,
|
|
4027
4051
|
required: t.required && (t.radio && n === 0 || !t.radio && t.options.length === 1),
|
|
4028
4052
|
class: "g-checkbox-group__input"
|
|
4029
|
-
}, { ref_for: !0 }, O(e, n), { onChange: (t) => y(e.value, t.target.checked) }), null, 16,
|
|
4053
|
+
}, { ref_for: !0 }, O(e, n), { onChange: (t) => y(e.value, t.target.checked) }), null, 16, la), s("span", ua, P(e.label), 1)], 10, ca), e.hint ? (T(), o("div", {
|
|
4030
4054
|
key: 0,
|
|
4031
4055
|
id: E(n),
|
|
4032
4056
|
class: "g-checkbox-group__hint"
|
|
4033
|
-
}, P(e.hint), 9,
|
|
4034
|
-
l(
|
|
4057
|
+
}, P(e.hint), 9, da)) : a("", !0)], 2))), 128))]),
|
|
4058
|
+
l(je, {
|
|
4035
4059
|
errors: R(p),
|
|
4036
4060
|
id: x.value
|
|
4037
4061
|
}, null, 8, ["errors", "id"])
|
|
@@ -4039,11 +4063,11 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
4039
4063
|
_: 1
|
|
4040
4064
|
}, 16, ["class"]));
|
|
4041
4065
|
}
|
|
4042
|
-
}),
|
|
4066
|
+
}), pa = ["for"], ma = {
|
|
4043
4067
|
key: 0,
|
|
4044
4068
|
class: "g-textarea-required",
|
|
4045
4069
|
"aria-hidden": "true"
|
|
4046
|
-
},
|
|
4070
|
+
}, ha = ["id"], ga = [
|
|
4047
4071
|
"value",
|
|
4048
4072
|
"placeholder",
|
|
4049
4073
|
"disabled",
|
|
@@ -4052,11 +4076,11 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
4052
4076
|
"rows",
|
|
4053
4077
|
"maxlength",
|
|
4054
4078
|
"aria-invalid"
|
|
4055
|
-
],
|
|
4079
|
+
], _a = {
|
|
4056
4080
|
key: 2,
|
|
4057
4081
|
class: "g-textarea-char-count",
|
|
4058
4082
|
"aria-live": "polite"
|
|
4059
|
-
},
|
|
4083
|
+
}, va = /* @__PURE__ */ u({
|
|
4060
4084
|
inheritAttrs: !1,
|
|
4061
4085
|
__name: "GTextarea",
|
|
4062
4086
|
props: /*@__PURE__*/ m({
|
|
@@ -4090,7 +4114,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
4090
4114
|
}),
|
|
4091
4115
|
emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
|
|
4092
4116
|
setup(e, { emit: t }) {
|
|
4093
|
-
let n = e, i = V(e, "modelValue"), u = B(), { attrs: d, isCustomElement: f, forwardedAttrs: p } =
|
|
4117
|
+
let n = e, i = V(e, "modelValue"), u = B(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = me({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: v, hasErrors: y } = $({
|
|
4094
4118
|
name: n.name,
|
|
4095
4119
|
value: i,
|
|
4096
4120
|
errors: I(n, "errors"),
|
|
@@ -4129,12 +4153,12 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
4129
4153
|
key: 0,
|
|
4130
4154
|
for: m.value,
|
|
4131
4155
|
class: "g-textarea-label"
|
|
4132
|
-
}, [c(P(n.label), 1), n.required ? (T(), o("span",
|
|
4156
|
+
}, [c(P(n.label), 1), n.required ? (T(), o("span", ma, " *")) : a("", !0)], 8, pa)) : a("", !0),
|
|
4133
4157
|
t.$slots.instructions || e.instructions ? (T(), o("div", {
|
|
4134
4158
|
key: 1,
|
|
4135
4159
|
id: "instructions-" + R(u),
|
|
4136
4160
|
class: "g-textarea-instructions"
|
|
4137
|
-
}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8,
|
|
4161
|
+
}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8, ha)) : a("", !0),
|
|
4138
4162
|
s("textarea", h({
|
|
4139
4163
|
ref: "textareaEl",
|
|
4140
4164
|
value: i.value ?? "",
|
|
@@ -4155,9 +4179,9 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
4155
4179
|
onInput: w,
|
|
4156
4180
|
onBlur: E,
|
|
4157
4181
|
onPaste: D
|
|
4158
|
-
}), null, 16,
|
|
4159
|
-
n.maxlength === void 0 ? a("", !0) : (T(), o("div",
|
|
4160
|
-
l(
|
|
4182
|
+
}), null, 16, ga),
|
|
4183
|
+
n.maxlength === void 0 ? a("", !0) : (T(), o("div", _a, P((i.value ?? "").length) + " / " + P(n.maxlength), 1)),
|
|
4184
|
+
l(je, {
|
|
4161
4185
|
errors: R(v),
|
|
4162
4186
|
id: "error-message-" + R(u)
|
|
4163
4187
|
}, null, 8, ["errors", "id"])
|
|
@@ -4166,18 +4190,18 @@ var br = { class: "g-table-outer-wrap" }, xr = {
|
|
|
4166
4190
|
});
|
|
4167
4191
|
//#endregion
|
|
4168
4192
|
//#region src/compose/useActiveLink.ts
|
|
4169
|
-
function
|
|
4193
|
+
function ya(e, t, n) {
|
|
4170
4194
|
let r = [
|
|
4171
4195
|
0,
|
|
4172
4196
|
.25,
|
|
4173
4197
|
.5,
|
|
4174
4198
|
.75,
|
|
4175
4199
|
1
|
|
4176
|
-
], i = `${-t}px 0px 0px 0px`, a = /* @__PURE__ */ new Map(), o = O(Array.from(
|
|
4177
|
-
|
|
4178
|
-
o.value = Array.from(
|
|
4200
|
+
], i = `${-t}px 0px 0px 0px`, a = /* @__PURE__ */ new Map(), o = O(Array.from(ie(e)?.children || []));
|
|
4201
|
+
ue(e, () => {
|
|
4202
|
+
o.value = Array.from(ie(e)?.children || []);
|
|
4179
4203
|
}, { childList: !0 });
|
|
4180
|
-
let { stop: s } =
|
|
4204
|
+
let { stop: s } = ce(o, (e) => {
|
|
4181
4205
|
let t = o.value[o.value.length - 1];
|
|
4182
4206
|
for (let n of e) a.set(n.target, n.isIntersecting ? Math.ceil(100 * n.intersectionRatio) / 100 : 0), n.target === t && n.intersectionRatio === 1 && a.set(n.target, Infinity);
|
|
4183
4207
|
let r = null, i = 0;
|
|
@@ -4196,8 +4220,8 @@ function ga(e, t, n) {
|
|
|
4196
4220
|
}
|
|
4197
4221
|
//#endregion
|
|
4198
4222
|
//#region src/compose/useSidebar.ts
|
|
4199
|
-
function
|
|
4200
|
-
let t = B(), n = O(!1), r =
|
|
4223
|
+
function ba(e = "(max-width: 800px)") {
|
|
4224
|
+
let t = B(), n = O(!1), r = le(e, { ssrWidth: 1e3 });
|
|
4201
4225
|
function i(e) {
|
|
4202
4226
|
if (!r.value || !n.value) return;
|
|
4203
4227
|
let i = e.target, a = document.getElementById(`${t}-sidebar`), o = document.getElementById(`${t}-hamburger`);
|
|
@@ -4227,8 +4251,8 @@ function _a(e = "(max-width: 800px)") {
|
|
|
4227
4251
|
}
|
|
4228
4252
|
//#endregion
|
|
4229
4253
|
//#region src/compose/useTableChanges.ts
|
|
4230
|
-
function
|
|
4231
|
-
let e = M(/* @__PURE__ */ new Map()), t =
|
|
4254
|
+
function xa() {
|
|
4255
|
+
let e = M(/* @__PURE__ */ new Map()), t = X(), n = (n) => {
|
|
4232
4256
|
let r = n.column.key, i = n.row.key, a = n.value, o = n.previousValue;
|
|
4233
4257
|
e.has(i) || e.set(i, M(/* @__PURE__ */ new Map()));
|
|
4234
4258
|
let s = e.get(i), c = s.get(r), l = c ? c.previousValue : o, u = c?.error;
|
|
@@ -4330,6 +4354,6 @@ function va() {
|
|
|
4330
4354
|
};
|
|
4331
4355
|
}
|
|
4332
4356
|
//#endregion
|
|
4333
|
-
export { $,
|
|
4357
|
+
export { $, tr as A, $t as B, _r as C, yr as D, gr as E, _n as F, pt as G, jt as H, pn as I, $e as J, at as K, dn as L, Tn as M, bn as N, br as O, vn as P, Re as Q, un as R, Zr as S, vr as T, Tt as U, Ut as V, bt as W, Ke as X, Qe as Y, qe as Z, bi as _, fa as a, Q as at, fi as b, Qi as c, Li as d, ke as et, Ii as f, Si as g, Ei as h, va as i, xe as it, Bn as j, mr as k, Gi as l, Ai as m, ba as n, Ee as nt, ta as o, Fi as p, et as q, ya as r, Se as rt, ea as s, xa as t, De as tt, Wi as u, gi as v, hr as w, oi as x, hi as y, sn as z };
|
|
4334
4358
|
|
|
4335
|
-
//# sourceMappingURL=grad-vue-
|
|
4359
|
+
//# sourceMappingURL=grad-vue-BkZSETi2.js.map
|