@illinois-grad/grad-vue 3.0.8 → 3.0.9
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/GSelect.vue.d.ts +1 -3
- package/dist/components/GSelectButton.vue.d.ts +1 -3
- package/dist/components/GThreeWayToggle.vue.d.ts +1 -3
- package/dist/compose/useScrollRestore.d.ts +12 -0
- package/dist/{grad-vue-BV5cHdAW.js → grad-vue-D1bBU4zO.js} +509 -468
- package/dist/grad-vue-D1bBU4zO.js.map +1 -0
- package/dist/grad-vue-elements.css +30 -30
- package/dist/grad-vue-elements.js +232 -191
- package/dist/grad-vue-elements.js.map +1 -1
- package/dist/grad-vue.css +1 -1
- package/dist/grad-vue.d.ts +1 -0
- package/dist/grad-vue.js +2 -2
- package/dist/plugin.js +2 -2
- package/dist/plugin.js.map +1 -1
- package/package.json +4 -4
- package/dist/grad-vue-BV5cHdAW.js.map +0 -1
|
@@ -91,13 +91,95 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
91
91
|
"type"
|
|
92
92
|
]));
|
|
93
93
|
}
|
|
94
|
-
})
|
|
94
|
+
});
|
|
95
|
+
//#endregion
|
|
96
|
+
//#region src/compose/useScrollRestore.ts
|
|
97
|
+
function ge(e, t) {
|
|
98
|
+
let n = t ? ue(`${t}:scroll`, 0, { writeDefaults: !1 }) : null, r = O(!!(n?.value && n.value > 0)), i = null, a = null, o = null, s = !1;
|
|
99
|
+
function c(e) {
|
|
100
|
+
if (typeof window > "u") return null;
|
|
101
|
+
let t = e.parentElement;
|
|
102
|
+
for (; t && t !== document.documentElement && t !== document.body;) {
|
|
103
|
+
let e = window.getComputedStyle(t);
|
|
104
|
+
if (e.overflowY === "auto" || e.overflowY === "scroll") return t;
|
|
105
|
+
t = t.parentElement;
|
|
106
|
+
}
|
|
107
|
+
return null;
|
|
108
|
+
}
|
|
109
|
+
function l() {
|
|
110
|
+
n && i && (n.value = i.scrollTop);
|
|
111
|
+
}
|
|
112
|
+
function u() {
|
|
113
|
+
a &&= (a.disconnect(), null), o &&= (o.disconnect(), null);
|
|
114
|
+
}
|
|
115
|
+
function d() {
|
|
116
|
+
r.value = !1;
|
|
117
|
+
}
|
|
118
|
+
function f() {
|
|
119
|
+
return !e.value || !i ? !1 : e.value.getClientRects().length > 0 && i.getClientRects().length > 0 && i.clientHeight > 0;
|
|
120
|
+
}
|
|
121
|
+
function p() {
|
|
122
|
+
if (!n || !i || s) {
|
|
123
|
+
d();
|
|
124
|
+
return;
|
|
125
|
+
}
|
|
126
|
+
if (n.value <= 0) {
|
|
127
|
+
d();
|
|
128
|
+
return;
|
|
129
|
+
}
|
|
130
|
+
if (f()) {
|
|
131
|
+
if (i.scrollHeight - i.clientHeight <= 0) {
|
|
132
|
+
d(), u();
|
|
133
|
+
return;
|
|
134
|
+
}
|
|
135
|
+
i.scrollTop = n.value, s = i.scrollTop > 0, s && (d(), u());
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
function m(e) {
|
|
139
|
+
if (typeof MutationObserver > "u") return;
|
|
140
|
+
o = new MutationObserver(() => {
|
|
141
|
+
p();
|
|
142
|
+
});
|
|
143
|
+
let t = e;
|
|
144
|
+
for (; t;) o.observe(t, {
|
|
145
|
+
attributes: !0,
|
|
146
|
+
attributeFilter: [
|
|
147
|
+
"class",
|
|
148
|
+
"style",
|
|
149
|
+
"hidden",
|
|
150
|
+
"open"
|
|
151
|
+
]
|
|
152
|
+
}), t = t.parentElement;
|
|
153
|
+
}
|
|
154
|
+
return S(() => {
|
|
155
|
+
if (!e.value) {
|
|
156
|
+
d();
|
|
157
|
+
return;
|
|
158
|
+
}
|
|
159
|
+
if (!n) {
|
|
160
|
+
d();
|
|
161
|
+
return;
|
|
162
|
+
}
|
|
163
|
+
if (i = c(e.value), !i) {
|
|
164
|
+
d();
|
|
165
|
+
return;
|
|
166
|
+
}
|
|
167
|
+
p(), r.value && (typeof ResizeObserver < "u" && (a = new ResizeObserver(() => {
|
|
168
|
+
p();
|
|
169
|
+
}), a.observe(e.value), a.observe(i)), m(e.value)), i.addEventListener("scroll", l);
|
|
170
|
+
}), C(() => {
|
|
171
|
+
u(), i &&= (i.removeEventListener("scroll", l), null), s = !1;
|
|
172
|
+
}), { isPendingScrollRestore: r };
|
|
173
|
+
}
|
|
174
|
+
//#endregion
|
|
175
|
+
//#region src/components/GTreeMenu.vue?vue&type=script&setup=true&lang.ts
|
|
176
|
+
var _e = { class: "g-tree-menu__divider" }, ve = {
|
|
95
177
|
key: 0,
|
|
96
178
|
class: "g-tree-menu__divider-line"
|
|
97
|
-
},
|
|
179
|
+
}, ye = {
|
|
98
180
|
key: 1,
|
|
99
181
|
class: "g-tree-menu__expand-all-wrapper"
|
|
100
|
-
},
|
|
182
|
+
}, be = { class: "g-tree-menu__content" }, xe = /* @__PURE__ */ u({
|
|
101
183
|
__name: "GTreeMenu",
|
|
102
184
|
props: {
|
|
103
185
|
heading: {},
|
|
@@ -117,76 +199,31 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
117
199
|
setup(e) {
|
|
118
200
|
let t = e, n = B();
|
|
119
201
|
E("g-tree-menu-list-type", t.listType), E("g-tree-menu-expanded-storage", t.storageKey ? ue(t.storageKey, {}) : null);
|
|
120
|
-
let l = U("nav-el"),
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
for (; t && t !== document.documentElement && t !== document.body;) {
|
|
124
|
-
let e = window.getComputedStyle(t);
|
|
125
|
-
if (e.overflowY === "auto" || e.overflowY === "scroll") return t;
|
|
126
|
-
t = t.parentElement;
|
|
127
|
-
}
|
|
128
|
-
return null;
|
|
129
|
-
}
|
|
130
|
-
let f = null, p = null, m = null, v = !1;
|
|
131
|
-
function y() {
|
|
132
|
-
u && f && (u.value = f.scrollTop);
|
|
133
|
-
}
|
|
134
|
-
function b() {
|
|
135
|
-
p &&= (p.disconnect(), null), m &&= (m.disconnect(), null);
|
|
136
|
-
}
|
|
137
|
-
function x() {
|
|
138
|
-
!u || !f || v || u.value <= 0 || (f.scrollTop = u.value, v = f.scrollTop > 0, v && b());
|
|
139
|
-
}
|
|
140
|
-
function w(e) {
|
|
141
|
-
if (typeof MutationObserver > "u") return;
|
|
142
|
-
m = new MutationObserver(() => {
|
|
143
|
-
x();
|
|
144
|
-
});
|
|
145
|
-
let t = e;
|
|
146
|
-
for (; t;) m.observe(t, {
|
|
147
|
-
attributes: !0,
|
|
148
|
-
attributeFilter: [
|
|
149
|
-
"class",
|
|
150
|
-
"style",
|
|
151
|
-
"hidden",
|
|
152
|
-
"open"
|
|
153
|
-
]
|
|
154
|
-
}), t = t.parentElement;
|
|
155
|
-
}
|
|
156
|
-
S(() => {
|
|
157
|
-
!u || !l.value || (f = d(l.value), f && (g(() => {
|
|
158
|
-
x();
|
|
159
|
-
}), typeof ResizeObserver < "u" && (p = new ResizeObserver(() => {
|
|
160
|
-
x();
|
|
161
|
-
}), p.observe(l.value), p.observe(f)), w(l.value), f.addEventListener("scroll", y)));
|
|
162
|
-
}), C(() => {
|
|
163
|
-
b(), f &&= (f.removeEventListener("scroll", y), null), v = !1;
|
|
164
|
-
});
|
|
165
|
-
let k = D(/* @__PURE__ */ new Map());
|
|
166
|
-
E("g-tree-menu-expandable-items", k);
|
|
167
|
-
let M = O({
|
|
202
|
+
let { isPendingScrollRestore: l } = ge(U("nav-el"), t.storageKey), u = D(/* @__PURE__ */ new Map());
|
|
203
|
+
E("g-tree-menu-expandable-items", u);
|
|
204
|
+
let d = O({
|
|
168
205
|
expanded: !0,
|
|
169
206
|
version: 0
|
|
170
207
|
});
|
|
171
|
-
E("g-tree-menu-expand-all-signal",
|
|
172
|
-
let
|
|
173
|
-
if (
|
|
174
|
-
for (let e of
|
|
208
|
+
E("g-tree-menu-expand-all-signal", d);
|
|
209
|
+
let f = r(() => {
|
|
210
|
+
if (u.size === 0) return !1;
|
|
211
|
+
for (let e of u.values()) if (!e) return !1;
|
|
175
212
|
return !0;
|
|
176
213
|
});
|
|
177
|
-
function
|
|
178
|
-
|
|
179
|
-
expanded: !
|
|
180
|
-
version:
|
|
214
|
+
function p() {
|
|
215
|
+
d.value = {
|
|
216
|
+
expanded: !f.value,
|
|
217
|
+
version: d.value.version + 1
|
|
181
218
|
};
|
|
182
219
|
}
|
|
183
|
-
function
|
|
220
|
+
function m(e) {
|
|
184
221
|
return e.querySelector("a, button, [tabindex='0']") || e;
|
|
185
222
|
}
|
|
186
|
-
function
|
|
223
|
+
function v(e) {
|
|
187
224
|
return Array.from(e.querySelectorAll("[data-tree-primary]"));
|
|
188
225
|
}
|
|
189
|
-
function
|
|
226
|
+
function y(e) {
|
|
190
227
|
let t = e.currentTarget, n = document.activeElement;
|
|
191
228
|
if (!t.contains(n) || ![
|
|
192
229
|
"ArrowUp",
|
|
@@ -196,16 +233,16 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
196
233
|
"Home",
|
|
197
234
|
"End"
|
|
198
235
|
].includes(e.key)) return;
|
|
199
|
-
let r = n.closest(".g-tree-menu__item"), i = r?.querySelector("[data-tree-primary]") ?? null, a =
|
|
236
|
+
let r = n.closest(".g-tree-menu__item"), i = r?.querySelector("[data-tree-primary]") ?? null, a = v(t), o = i ? a.indexOf(i) : -1;
|
|
200
237
|
switch (e.key) {
|
|
201
238
|
case "ArrowDown": {
|
|
202
239
|
let e = a[o + 1];
|
|
203
|
-
e &&
|
|
240
|
+
e && m(e).focus();
|
|
204
241
|
break;
|
|
205
242
|
}
|
|
206
243
|
case "ArrowUp": {
|
|
207
244
|
let e = a[o - 1];
|
|
208
|
-
e &&
|
|
245
|
+
e && m(e).focus();
|
|
209
246
|
break;
|
|
210
247
|
}
|
|
211
248
|
case "ArrowRight":
|
|
@@ -215,38 +252,42 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
215
252
|
e && e.click();
|
|
216
253
|
} else {
|
|
217
254
|
let e = a[o + 1];
|
|
218
|
-
e &&
|
|
255
|
+
e && m(e).focus();
|
|
219
256
|
}
|
|
220
257
|
break;
|
|
221
258
|
case "ArrowLeft":
|
|
222
259
|
if (!r) break;
|
|
223
260
|
if (r.querySelector("[aria-expanded='true']") !== null) {
|
|
224
261
|
let e = r.querySelector(".g-tree-menu__toggle-btn");
|
|
225
|
-
e && e.click(), i && g(() =>
|
|
262
|
+
e && e.click(), i && g(() => m(i).focus());
|
|
226
263
|
} else {
|
|
227
264
|
let e = r.parentElement?.closest(".g-tree-menu__item");
|
|
228
265
|
if (e) {
|
|
229
266
|
let t = e.querySelector("[data-tree-primary]");
|
|
230
|
-
t &&
|
|
267
|
+
t && m(t).focus();
|
|
231
268
|
}
|
|
232
269
|
}
|
|
233
270
|
break;
|
|
234
271
|
case "Home":
|
|
235
|
-
a.length > 0 &&
|
|
272
|
+
a.length > 0 && m(a[0]).focus();
|
|
236
273
|
break;
|
|
237
274
|
case "End":
|
|
238
|
-
a.length > 0 &&
|
|
275
|
+
a.length > 0 && m(a[a.length - 1]).focus();
|
|
239
276
|
break;
|
|
240
277
|
}
|
|
241
278
|
e.preventDefault();
|
|
242
279
|
}
|
|
243
|
-
return (r,
|
|
280
|
+
return (r, u) => (T(), o("nav", h({
|
|
244
281
|
ref: "nav-el",
|
|
245
|
-
class: ["g-tree-menu", [
|
|
282
|
+
class: ["g-tree-menu", [
|
|
283
|
+
`g-tree-menu--${t.theme}`,
|
|
284
|
+
{ "g-tree-menu--restore-pending": R(l) },
|
|
285
|
+
{ "g-tree-menu--small-heading": e.smallHeading }
|
|
286
|
+
]]
|
|
246
287
|
}, {
|
|
247
288
|
"aria-labelledby": e.heading ? R(n) : void 0,
|
|
248
289
|
"aria-label": e.heading ? void 0 : "Tree Menu"
|
|
249
|
-
}, { onKeydown:
|
|
290
|
+
}, { onKeydown: y }), [
|
|
250
291
|
e.heading ? (T(), i(j(e.headingLevel), {
|
|
251
292
|
key: 0,
|
|
252
293
|
id: R(n),
|
|
@@ -255,11 +296,11 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
255
296
|
default: J(() => [c(P(e.heading), 1)]),
|
|
256
297
|
_: 1
|
|
257
298
|
}, 8, ["id"])) : a("", !0),
|
|
258
|
-
s("div",
|
|
299
|
+
s("div", _e, [e.smallHeading ? a("", !0) : (T(), o("div", ve)), e.showExpandAll ? (T(), o("div", ye, [s("button", {
|
|
259
300
|
class: "g-tree-menu__expand-all-btn",
|
|
260
|
-
onClick:
|
|
301
|
+
onClick: p
|
|
261
302
|
}, [(T(), o("svg", {
|
|
262
|
-
class: _(["g-tree-menu__expand-all-icon", { "g-tree-menu__expand-all-icon--collapse":
|
|
303
|
+
class: _(["g-tree-menu__expand-all-icon", { "g-tree-menu__expand-all-icon--collapse": f.value }]),
|
|
263
304
|
role: "none",
|
|
264
305
|
viewBox: "0 0 24 24",
|
|
265
306
|
fill: "none",
|
|
@@ -267,11 +308,11 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
267
308
|
"stroke-width": "2.5",
|
|
268
309
|
"stroke-linecap": "round",
|
|
269
310
|
"stroke-linejoin": "round"
|
|
270
|
-
}, [...
|
|
271
|
-
s("div",
|
|
311
|
+
}, [...u[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(f.value ? "Collapse all" : "Expand all"), 1)])])) : a("", !0)]),
|
|
312
|
+
s("div", be, [A(r.$slots, "default")])
|
|
272
313
|
], 16));
|
|
273
314
|
}
|
|
274
|
-
}),
|
|
315
|
+
}), Se = /* @__PURE__ */ u({
|
|
275
316
|
name: "GTreeMenuList",
|
|
276
317
|
props: { listType: { default: void 0 } },
|
|
277
318
|
setup(e) {
|
|
@@ -288,16 +329,16 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
288
329
|
_: 3
|
|
289
330
|
}, 8, ["role"]));
|
|
290
331
|
}
|
|
291
|
-
}),
|
|
332
|
+
}), Ce = {
|
|
292
333
|
key: 0,
|
|
293
334
|
class: "g-tree-menu__row"
|
|
294
|
-
},
|
|
335
|
+
}, we = { class: "g-tree-menu__row-content-text" }, Te = {
|
|
295
336
|
key: 1,
|
|
296
337
|
class: "g-tree-menu__row g-tree-menu__row--leaf"
|
|
297
|
-
},
|
|
338
|
+
}, Ee = {
|
|
298
339
|
class: "g-tree-menu__row-content",
|
|
299
340
|
"data-tree-primary": ""
|
|
300
|
-
},
|
|
341
|
+
}, De = /* @__PURE__ */ u({
|
|
301
342
|
name: "GTreeMenuItem",
|
|
302
343
|
inheritAttrs: !1,
|
|
303
344
|
props: {
|
|
@@ -369,7 +410,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
369
410
|
class: "g-tree-menu__item",
|
|
370
411
|
"data-tree-expandable": g.value ? "true" : void 0
|
|
371
412
|
}), {
|
|
372
|
-
default: J(() => [g.value ? (T(), o("div",
|
|
413
|
+
default: J(() => [g.value ? (T(), o("div", Ce, [s("div", {
|
|
373
414
|
class: "g-tree-menu__toggle-btn",
|
|
374
415
|
onClick: D
|
|
375
416
|
}, [(T(), o("svg", {
|
|
@@ -388,7 +429,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
388
429
|
"data-tree-primary": "",
|
|
389
430
|
onClick: L,
|
|
390
431
|
onKeydown: V
|
|
391
|
-
}, [s("span",
|
|
432
|
+
}, [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", Ee, [A(e.$slots, "default")])])), g.value && b.value ? (T(), i(Se, {
|
|
392
433
|
key: 2,
|
|
393
434
|
id: R(f) + "-children"
|
|
394
435
|
}, {
|
|
@@ -401,7 +442,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
401
442
|
});
|
|
402
443
|
//#endregion
|
|
403
444
|
//#region src/compose/useForm.ts
|
|
404
|
-
function
|
|
445
|
+
function Oe() {
|
|
405
446
|
let e = M({}), t = O(!1), n = r(() => {
|
|
406
447
|
let t = {};
|
|
407
448
|
return Object.entries(e).forEach(([e, n]) => {
|
|
@@ -443,18 +484,18 @@ function De() {
|
|
|
443
484
|
}
|
|
444
485
|
//#endregion
|
|
445
486
|
//#region src/compose/useWebComponentForm.ts
|
|
446
|
-
function
|
|
487
|
+
function ke() {
|
|
447
488
|
let e = globalThis;
|
|
448
489
|
return e.__GRAD_VUE_WC_FORMS__ ||= /* @__PURE__ */ new Map(), e.__GRAD_VUE_WC_FORMS__;
|
|
449
490
|
}
|
|
450
|
-
function
|
|
451
|
-
let t =
|
|
452
|
-
return t.has(n) || t.set(n,
|
|
491
|
+
function Ae(e = "default") {
|
|
492
|
+
let t = ke(), n = e || "default";
|
|
493
|
+
return t.has(n) || t.set(n, Oe()), t.get(n);
|
|
453
494
|
}
|
|
454
495
|
//#endregion
|
|
455
496
|
//#region src/compose/useFormField.ts
|
|
456
497
|
function $(e) {
|
|
457
|
-
let t = z(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, i = e.formKey ?? n ?? "default", a = p("form", null) ?? (fe() ?
|
|
498
|
+
let t = z(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, i = e.formKey ?? n ?? "default", a = p("form", null) ?? (fe() ? Ae(i) : null), o = r(() => {
|
|
458
499
|
let t = [];
|
|
459
500
|
return e.errors && t.push(...e.errors.value.filter(Boolean)), t;
|
|
460
501
|
}), s = r(() => o.value.length > 0), c = e.name;
|
|
@@ -473,7 +514,7 @@ function $(e) {
|
|
|
473
514
|
}
|
|
474
515
|
//#endregion
|
|
475
516
|
//#region src/components/form/GFormErrorMessages.vue?vue&type=script&setup=true&lang.ts
|
|
476
|
-
var
|
|
517
|
+
var je = ["id"], Me = /* @__PURE__ */ u({
|
|
477
518
|
__name: "GFormErrorMessages",
|
|
478
519
|
props: {
|
|
479
520
|
errors: {},
|
|
@@ -495,28 +536,28 @@ var Ae = ["id"], je = /* @__PURE__ */ u({
|
|
|
495
536
|
}, [s("path", {
|
|
496
537
|
fill: "currentColor",
|
|
497
538
|
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"
|
|
498
|
-
})], -1), c(" " + P(e), 1)]))), 128))], 8,
|
|
539
|
+
})], -1), c(" " + P(e), 1)]))), 128))], 8, je)) : a("", !0);
|
|
499
540
|
}
|
|
500
|
-
}),
|
|
541
|
+
}), Ne = ["for"], Pe = {
|
|
501
542
|
key: 0,
|
|
502
543
|
class: "g-text-input-required",
|
|
503
544
|
"aria-hidden": "true"
|
|
504
|
-
},
|
|
545
|
+
}, Fe = ["id"], Ie = {
|
|
505
546
|
key: 0,
|
|
506
547
|
class: "g-text-input-prefix"
|
|
507
|
-
},
|
|
548
|
+
}, Le = [
|
|
508
549
|
"value",
|
|
509
550
|
"placeholder",
|
|
510
551
|
"disabled",
|
|
511
552
|
"required",
|
|
512
553
|
"aria-invalid"
|
|
513
|
-
],
|
|
554
|
+
], Re = {
|
|
514
555
|
key: 1,
|
|
515
556
|
class: "g-text-input-suffix"
|
|
516
|
-
},
|
|
557
|
+
}, ze = /* @__PURE__ */ u({
|
|
517
558
|
inheritAttrs: !1,
|
|
518
559
|
__name: "GTextInput",
|
|
519
|
-
props:
|
|
560
|
+
props: /*@__PURE__*/ m({
|
|
520
561
|
label: { default: void 0 },
|
|
521
562
|
placeholder: { default: "" },
|
|
522
563
|
disabled: {
|
|
@@ -538,7 +579,7 @@ var Ae = ["id"], je = /* @__PURE__ */ u({
|
|
|
538
579
|
modelValue: { type: String },
|
|
539
580
|
modelModifiers: {}
|
|
540
581
|
}),
|
|
541
|
-
emits:
|
|
582
|
+
emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
|
|
542
583
|
setup(e, { emit: t }) {
|
|
543
584
|
let n = e, i = V(e, "modelValue"), u = B(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = pe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: g, hasErrors: v } = $({
|
|
544
585
|
name: n.name,
|
|
@@ -577,14 +618,14 @@ var Ae = ["id"], je = /* @__PURE__ */ u({
|
|
|
577
618
|
key: 0,
|
|
578
619
|
for: m.value,
|
|
579
620
|
class: "g-text-input-label"
|
|
580
|
-
}, [c(P(n.label), 1), n.required ? (T(), o("span",
|
|
621
|
+
}, [c(P(n.label), 1), n.required ? (T(), o("span", Pe, " *")) : a("", !0)], 8, Ne)) : a("", !0),
|
|
581
622
|
t.$slots.instructions || e.instructions ? (T(), o("div", {
|
|
582
623
|
key: 1,
|
|
583
624
|
id: "instructions-" + R(u),
|
|
584
625
|
class: "g-text-input-instructions"
|
|
585
|
-
}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8,
|
|
626
|
+
}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8, Fe)) : a("", !0),
|
|
586
627
|
s("div", { class: _([{ "g-text-input-field-wrapper": !0 }, `g-text-input-field-wrapper--${e.name || "nameless"}`]) }, [
|
|
587
|
-
n.prefix ? (T(), o("span",
|
|
628
|
+
n.prefix ? (T(), o("span", Ie, P(n.prefix), 1)) : a("", !0),
|
|
588
629
|
s("input", h({
|
|
589
630
|
value: i.value,
|
|
590
631
|
placeholder: n.placeholder,
|
|
@@ -601,37 +642,37 @@ var Ae = ["id"], je = /* @__PURE__ */ u({
|
|
|
601
642
|
id: m.value,
|
|
602
643
|
"aria-describedby": t.$slots.instructions || e.instructions ? "instructions-" + R(u) : void 0,
|
|
603
644
|
"aria-errormessage": R(v) ? "error-message-" + R(u) : void 0
|
|
604
|
-
}, { "aria-invalid": R(v) ? "true" : "false" }), null, 16,
|
|
605
|
-
n.suffix ? (T(), o("span",
|
|
645
|
+
}, { "aria-invalid": R(v) ? "true" : "false" }), null, 16, Le),
|
|
646
|
+
n.suffix ? (T(), o("span", Re, P(n.suffix), 1)) : a("", !0)
|
|
606
647
|
], 2),
|
|
607
|
-
l(
|
|
648
|
+
l(Me, {
|
|
608
649
|
errors: R(g),
|
|
609
650
|
id: "error-message-" + R(u)
|
|
610
651
|
}, null, 8, ["errors", "id"])
|
|
611
652
|
], 2));
|
|
612
653
|
}
|
|
613
|
-
}),
|
|
614
|
-
function
|
|
615
|
-
if (!(typeof document > "u")) if (
|
|
654
|
+
}), Be = 100, Ve = 200, He = 102, Ue = O([]), We = O([]), Ge = O([]);
|
|
655
|
+
function Ke() {
|
|
656
|
+
if (!(typeof document > "u")) if (Ge.value.length > 0) {
|
|
616
657
|
let e = window.innerWidth - document.documentElement.clientWidth;
|
|
617
658
|
document.body.classList.add("g-scroll-lock"), document.body.style.paddingRight = `${e}px`, document.body.style.setProperty("--g-scrollbar-width", `${e}px`);
|
|
618
659
|
} else document.body.style.paddingRight = "0", document.body.classList.remove("g-scroll-lock"), document.body.style.removeProperty("--g-scrollbar-width");
|
|
619
660
|
}
|
|
620
|
-
function
|
|
661
|
+
function qe(e, t = !1, n = !1) {
|
|
621
662
|
if (typeof document > "u") return {};
|
|
622
|
-
let i = t ?
|
|
663
|
+
let i = t ? We : Ue;
|
|
623
664
|
function a() {
|
|
624
|
-
i.value.push(e), n && !
|
|
665
|
+
i.value.push(e), n && !Ge.value.includes(e) && (Ge.value.push(e), Ke());
|
|
625
666
|
}
|
|
626
667
|
function o() {
|
|
627
668
|
let t = i.value.lastIndexOf(e);
|
|
628
669
|
t !== -1 && i.value.splice(t, 1);
|
|
629
|
-
let n =
|
|
630
|
-
n !== -1 && (
|
|
670
|
+
let n = Ge.value.lastIndexOf(e);
|
|
671
|
+
n !== -1 && (Ge.value.splice(n, 1), Ke());
|
|
631
672
|
}
|
|
632
|
-
let s = r(() => !t &&
|
|
673
|
+
let s = r(() => !t && We.value.length > 0 ? !1 : i.value.length > 0 && i.value[i.value.length - 1] === e), c = r(() => {
|
|
633
674
|
let n = i.value.indexOf(e);
|
|
634
|
-
return n === -1 ? 0 : (t ?
|
|
675
|
+
return n === -1 ? 0 : (t ? Ve : Be) + n;
|
|
635
676
|
});
|
|
636
677
|
return x(o), {
|
|
637
678
|
push: a,
|
|
@@ -640,31 +681,31 @@ function Ke(e, t = !1, n = !1) {
|
|
|
640
681
|
zIndex: c
|
|
641
682
|
};
|
|
642
683
|
}
|
|
643
|
-
function
|
|
684
|
+
function Je() {
|
|
644
685
|
return typeof document > "u" ? {} : {
|
|
645
|
-
hasModal: r(() =>
|
|
646
|
-
hasOverlay: r(() =>
|
|
647
|
-
hasScrollLock: r(() =>
|
|
686
|
+
hasModal: r(() => We.value.length > 0),
|
|
687
|
+
hasOverlay: r(() => Ue.value.length > 0 || We.value.length > 0),
|
|
688
|
+
hasScrollLock: r(() => Ge.value.length > 0)
|
|
648
689
|
};
|
|
649
690
|
}
|
|
650
|
-
function
|
|
691
|
+
function Ye() {
|
|
651
692
|
let e = 0;
|
|
652
|
-
return
|
|
653
|
-
e = Math.max(e, ze + n);
|
|
654
|
-
}), Ue.value.forEach((t, n) => {
|
|
693
|
+
return Ue.value.forEach((t, n) => {
|
|
655
694
|
e = Math.max(e, Be + n);
|
|
656
|
-
}),
|
|
695
|
+
}), We.value.forEach((t, n) => {
|
|
696
|
+
e = Math.max(e, Ve + n);
|
|
697
|
+
}), e > 0 ? e + 1 : He;
|
|
657
698
|
}
|
|
658
699
|
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
|
659
|
-
var
|
|
700
|
+
var Xe = (e) => e != null;
|
|
660
701
|
//#endregion
|
|
661
702
|
//#region ../../node_modules/@vueuse/integrations/dist/useFocusTrap-lXZ_YG-8.js
|
|
662
|
-
function
|
|
703
|
+
function Ze(e, t = {}) {
|
|
663
704
|
let n, { immediate: i, ...a } = t, o = N(!1), s = N(!1), c = (e) => n && n.activate(e), l = (e) => n && n.deactivate(e);
|
|
664
705
|
return K(r(() => Z(L(e)).map((e) => {
|
|
665
706
|
let t = L(e);
|
|
666
707
|
return typeof t == "string" ? t : ne(t);
|
|
667
|
-
}).filter(
|
|
708
|
+
}).filter(Xe)), (e) => {
|
|
668
709
|
if (e.length) if (!n) n = de(e, {
|
|
669
710
|
...a,
|
|
670
711
|
onActivate() {
|
|
@@ -693,7 +734,7 @@ function Xe(e, t = {}) {
|
|
|
693
734
|
}
|
|
694
735
|
//#endregion
|
|
695
736
|
//#region src/compose/useOverlayFocus.ts
|
|
696
|
-
var
|
|
737
|
+
var Qe = [
|
|
697
738
|
"a[href]",
|
|
698
739
|
"button:not([disabled])",
|
|
699
740
|
"input:not([disabled])",
|
|
@@ -702,8 +743,8 @@ var Ze = [
|
|
|
702
743
|
"[tabindex]:not([tabindex='-1'])",
|
|
703
744
|
"[contenteditable='true']"
|
|
704
745
|
].join(",");
|
|
705
|
-
function
|
|
706
|
-
let r = O(!1), i = () => !!e.value?.querySelector(
|
|
746
|
+
function $e(e, t, n = !1) {
|
|
747
|
+
let r = O(!1), i = () => !!e.value?.querySelector(Qe), { activate: a, deactivate: o, pause: s, unpause: c } = Ze(e, {
|
|
707
748
|
immediate: !1,
|
|
708
749
|
clickOutsideDeactivates: n,
|
|
709
750
|
initialFocus: () => {
|
|
@@ -747,7 +788,7 @@ function Qe(e, t, n = !1) {
|
|
|
747
788
|
}
|
|
748
789
|
//#endregion
|
|
749
790
|
//#region src/compose/useOverlayEscape.ts
|
|
750
|
-
function
|
|
791
|
+
function et(e, t, n, r, i) {
|
|
751
792
|
function a(i) {
|
|
752
793
|
if (!(!n.value || !t.value)) {
|
|
753
794
|
for (let t of e) if (t.value?.contains(i.target)) return;
|
|
@@ -767,7 +808,7 @@ function $e(e, t, n, r, i) {
|
|
|
767
808
|
}
|
|
768
809
|
//#endregion
|
|
769
810
|
//#region src/compose/popoverPosition.ts
|
|
770
|
-
function
|
|
811
|
+
function tt(e, t, n, r) {
|
|
771
812
|
let i = r?.gap ?? 8, a = r?.margin ?? 16, o = r?.preferAbove ?? !1, s = !1, c = !1, l;
|
|
772
813
|
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;
|
|
773
814
|
let u = e.left + (e.width - t.width) / 2;
|
|
@@ -783,7 +824,7 @@ function et(e, t, n, r) {
|
|
|
783
824
|
}
|
|
784
825
|
//#endregion
|
|
785
826
|
//#region src/components/GPopover.vue?vue&type=script&setup=true&lang.ts
|
|
786
|
-
var
|
|
827
|
+
var nt = { class: "g-popover-wrap" }, rt = ["id"], it = ["aria-labelledby", "aria-label"], at = /* @__PURE__ */ u({
|
|
787
828
|
__name: "GPopover",
|
|
788
829
|
props: {
|
|
789
830
|
minimal: {
|
|
@@ -805,8 +846,8 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
|
|
|
805
846
|
K(I(d, "modelValue"), (e) => {
|
|
806
847
|
p.value = e;
|
|
807
848
|
});
|
|
808
|
-
let m = H(), h = r(() => !!m.trigger), v = U("triggerRef"), b = U("popoverRef"), { isCustomElement: S } = pe(), C = S, w = B(), { push: E, pop: D, isTop: k, zIndex: j } =
|
|
809
|
-
|
|
849
|
+
let m = H(), h = r(() => !!m.trigger), v = U("triggerRef"), b = U("popoverRef"), { isCustomElement: S } = pe(), C = S, w = B(), { push: E, pop: D, isTop: k, zIndex: j } = qe(w, !0), { activate: M, deactivate: N } = $e(b, k, !0);
|
|
850
|
+
et([b, v], k, p, F, D), K(p, (e) => {
|
|
810
851
|
e ? (g(() => {
|
|
811
852
|
g(() => M());
|
|
812
853
|
}), E(), f("show")) : (N(), D(), f("hide"));
|
|
@@ -841,7 +882,7 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
|
|
|
841
882
|
}, q.value = !1, W.value = !1, V.value = { left: "50%" };
|
|
842
883
|
return;
|
|
843
884
|
}
|
|
844
|
-
let { top: r, left: i, xOffset: a, placedAbove: o, overlay: s } =
|
|
885
|
+
let { top: r, left: i, xOffset: a, placedAbove: o, overlay: s } = tt(n.getBoundingClientRect(), e, t, { gap: d.minimal ? 0 : 8 });
|
|
845
886
|
z.value = {
|
|
846
887
|
top: r,
|
|
847
888
|
left: i
|
|
@@ -861,13 +902,13 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
|
|
|
861
902
|
show: P,
|
|
862
903
|
hide: F,
|
|
863
904
|
toggle: L
|
|
864
|
-
}), (r, c) => (T(), o("div",
|
|
905
|
+
}), (r, c) => (T(), o("div", nt, [h.value ? (T(), o("div", {
|
|
865
906
|
key: 0,
|
|
866
907
|
ref_key: "triggerRef",
|
|
867
908
|
ref: v,
|
|
868
909
|
class: "g-popover-trigger",
|
|
869
910
|
id: `${R(w)}-trigger`
|
|
870
|
-
}, [A(r.$slots, "trigger", { toggle: L })], 8,
|
|
911
|
+
}, [A(r.$slots, "trigger", { toggle: L })], 8, rt)) : a("", !0), (T(), i(t, {
|
|
871
912
|
to: "#modal-root",
|
|
872
913
|
disabled: R(C)
|
|
873
914
|
}, [l(n, {
|
|
@@ -916,41 +957,41 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
|
|
|
916
957
|
fill: "currentColor",
|
|
917
958
|
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"
|
|
918
959
|
})], -1)]]))
|
|
919
|
-
], 14,
|
|
960
|
+
], 14, it)), [[G, p.value]]) : a("", !0)]),
|
|
920
961
|
_: 3
|
|
921
962
|
})], 8, ["disabled"]))]));
|
|
922
963
|
}
|
|
923
|
-
}),
|
|
924
|
-
function
|
|
925
|
-
return `${e}-${++
|
|
964
|
+
}), ot = 1;
|
|
965
|
+
function st(e = "v-gtooltip") {
|
|
966
|
+
return `${e}-${++ot}`;
|
|
926
967
|
}
|
|
927
|
-
function
|
|
968
|
+
function ct(e, t = "v-gtooltip") {
|
|
928
969
|
let n = e.getAttribute("aria-describedby");
|
|
929
970
|
if (n) return n;
|
|
930
|
-
let r =
|
|
971
|
+
let r = st(t);
|
|
931
972
|
return e.setAttribute("aria-describedby", r), r;
|
|
932
973
|
}
|
|
933
|
-
function
|
|
974
|
+
function lt(e, t) {
|
|
934
975
|
let n = document.createElement("div");
|
|
935
976
|
return n.className = "v-gtooltip", n.textContent = e, n.setAttribute("role", "tooltip"), n.setAttribute("id", t), n;
|
|
936
977
|
}
|
|
937
|
-
function
|
|
978
|
+
function ut(e) {
|
|
938
979
|
(document.getElementById("modal-root") ?? document.body).appendChild(e);
|
|
939
980
|
}
|
|
940
|
-
function
|
|
941
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), { top: i, left: a, placedAbove: o } =
|
|
981
|
+
function dt(e, t) {
|
|
982
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), { top: i, left: a, placedAbove: o } = tt(n, r, new DOMRect(0, 0, window.innerWidth, window.innerHeight), {
|
|
942
983
|
gap: 8,
|
|
943
984
|
margin: 8,
|
|
944
985
|
preferAbove: !0
|
|
945
986
|
}), s = (n.left + n.width / 2 - a) / r.width * 100;
|
|
946
|
-
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 = `${
|
|
987
|
+
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 = `${Ye()}`, t.style.opacity = "1";
|
|
947
988
|
}
|
|
948
|
-
function
|
|
989
|
+
function ft(e) {
|
|
949
990
|
e.style.opacity = "0";
|
|
950
991
|
}
|
|
951
992
|
//#endregion
|
|
952
993
|
//#region src/components/GTooltip.vue
|
|
953
|
-
var
|
|
994
|
+
var pt = /* @__PURE__ */ u({
|
|
954
995
|
__name: "GTooltip",
|
|
955
996
|
props: { text: {} },
|
|
956
997
|
emits: ["tooltip-hide"],
|
|
@@ -965,12 +1006,12 @@ var ft = /* @__PURE__ */ u({
|
|
|
965
1006
|
return t instanceof HTMLElement ? t : null;
|
|
966
1007
|
}
|
|
967
1008
|
function S() {
|
|
968
|
-
y && (v || (v = l.value ?
|
|
969
|
-
f.value && (p.value || m.value) && y &&
|
|
1009
|
+
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(() => {
|
|
1010
|
+
f.value && (p.value || m.value) && y && dt(y, f.value);
|
|
970
1011
|
}), h.observe(f.value)));
|
|
971
1012
|
}
|
|
972
1013
|
function C() {
|
|
973
|
-
f.value && (p.value || m.value) && y &&
|
|
1014
|
+
f.value && (p.value || m.value) && y && dt(y, f.value);
|
|
974
1015
|
}
|
|
975
1016
|
function w() {
|
|
976
1017
|
p.value = !0;
|
|
@@ -1016,10 +1057,10 @@ var ft = /* @__PURE__ */ u({
|
|
|
1016
1057
|
f.value && (f.value.textContent = e);
|
|
1017
1058
|
}), K(() => p.value || m.value, (e) => {
|
|
1018
1059
|
if (e) {
|
|
1019
|
-
S(), f.value && y &&
|
|
1060
|
+
S(), f.value && y && dt(y, f.value), g ||= (window.addEventListener("scroll", C, { capture: !0 }), !0);
|
|
1020
1061
|
return;
|
|
1021
1062
|
}
|
|
1022
|
-
g &&= (window.removeEventListener("scroll", C, { capture: !0 }), !1), f.value && (
|
|
1063
|
+
g &&= (window.removeEventListener("scroll", C, { capture: !0 }), !1), f.value && (ft(f.value), _ && clearTimeout(_), _ = window.setTimeout(() => {
|
|
1023
1064
|
s("tooltip-hide");
|
|
1024
1065
|
}, 150));
|
|
1025
1066
|
}), x(() => {
|
|
@@ -1039,11 +1080,11 @@ var ft = /* @__PURE__ */ u({
|
|
|
1039
1080
|
class: "g-tooltip-trigger"
|
|
1040
1081
|
}, [A(e.$slots, "trigger")], 512)) : a("", !0)], 512));
|
|
1041
1082
|
}
|
|
1042
|
-
}),
|
|
1083
|
+
}), mt = ["disabled"], ht = { class: "g-select-btn-legend" }, gt = {
|
|
1043
1084
|
key: 0,
|
|
1044
1085
|
class: "g-select-btn-required",
|
|
1045
1086
|
"aria-hidden": "true"
|
|
1046
|
-
},
|
|
1087
|
+
}, _t = { class: "g-select-btn-row" }, vt = [
|
|
1047
1088
|
"id",
|
|
1048
1089
|
"name",
|
|
1049
1090
|
"value",
|
|
@@ -1051,9 +1092,9 @@ var ft = /* @__PURE__ */ u({
|
|
|
1051
1092
|
"disabled",
|
|
1052
1093
|
"required",
|
|
1053
1094
|
"onChange"
|
|
1054
|
-
],
|
|
1095
|
+
], yt = ["for"], bt = /* @__PURE__ */ u({
|
|
1055
1096
|
__name: "GSelectButton",
|
|
1056
|
-
props:
|
|
1097
|
+
props: /*@__PURE__*/ m({
|
|
1057
1098
|
options: {},
|
|
1058
1099
|
label: {},
|
|
1059
1100
|
size: { default: "medium" },
|
|
@@ -1072,7 +1113,7 @@ var ft = /* @__PURE__ */ u({
|
|
|
1072
1113
|
modelValue: { default: () => "" },
|
|
1073
1114
|
modelModifiers: {}
|
|
1074
1115
|
}),
|
|
1075
|
-
emits:
|
|
1116
|
+
emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
|
|
1076
1117
|
setup(t, { emit: n }) {
|
|
1077
1118
|
let i = t, u = n, d = V(t, "modelValue"), f = B(), { displayErrors: p, hasErrors: m } = $({
|
|
1078
1119
|
name: i.name,
|
|
@@ -1093,7 +1134,7 @@ var ft = /* @__PURE__ */ u({
|
|
|
1093
1134
|
return (t, n) => (T(), o("fieldset", {
|
|
1094
1135
|
class: _(g.value),
|
|
1095
1136
|
disabled: i.disabled
|
|
1096
|
-
}, [s("legend",
|
|
1137
|
+
}, [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", {
|
|
1097
1138
|
class: "g-select-btn-radio",
|
|
1098
1139
|
type: "radio",
|
|
1099
1140
|
id: `${R(f)}-${t.value}`,
|
|
@@ -1103,29 +1144,29 @@ var ft = /* @__PURE__ */ u({
|
|
|
1103
1144
|
disabled: i.disabled,
|
|
1104
1145
|
required: i.required && n === 0,
|
|
1105
1146
|
onChange: (e) => y(t.value)
|
|
1106
|
-
}, null, 40,
|
|
1147
|
+
}, null, 40, vt), s("label", {
|
|
1107
1148
|
for: `${R(f)}-${t.value}`,
|
|
1108
1149
|
class: _(v(t.value === d.value))
|
|
1109
|
-
}, P(t.label), 11,
|
|
1150
|
+
}, P(t.label), 11, yt)], 64))), 128))]), l(Me, {
|
|
1110
1151
|
errors: R(p),
|
|
1111
1152
|
id: "error-message-" + R(f)
|
|
1112
|
-
}, null, 8, ["errors", "id"])], 2)], 10,
|
|
1153
|
+
}, null, 8, ["errors", "id"])], 2)], 10, mt));
|
|
1113
1154
|
}
|
|
1114
|
-
}),
|
|
1155
|
+
}), xt = ["width", "height"], St = [
|
|
1115
1156
|
"cx",
|
|
1116
1157
|
"cy",
|
|
1117
1158
|
"r"
|
|
1118
|
-
],
|
|
1159
|
+
], Ct = [
|
|
1119
1160
|
"cx",
|
|
1120
1161
|
"cy",
|
|
1121
1162
|
"r",
|
|
1122
1163
|
"stroke-dasharray",
|
|
1123
1164
|
"stroke-dashoffset"
|
|
1124
|
-
],
|
|
1165
|
+
], wt = [
|
|
1125
1166
|
"cx",
|
|
1126
1167
|
"cy",
|
|
1127
1168
|
"r"
|
|
1128
|
-
],
|
|
1169
|
+
], Tt = /* @__PURE__ */ u({
|
|
1129
1170
|
__name: "GProgress",
|
|
1130
1171
|
props: {
|
|
1131
1172
|
label: { default: "Loading" },
|
|
@@ -1166,7 +1207,7 @@ var ft = /* @__PURE__ */ u({
|
|
|
1166
1207
|
r: i.value,
|
|
1167
1208
|
"stroke-width": 4,
|
|
1168
1209
|
fill: "none"
|
|
1169
|
-
}, null, 8,
|
|
1210
|
+
}, null, 8, St), n.value ? (T(), o("circle", {
|
|
1170
1211
|
key: 0,
|
|
1171
1212
|
class: "g-progress__value",
|
|
1172
1213
|
cx: i.value + 4 / 2,
|
|
@@ -1180,7 +1221,7 @@ var ft = /* @__PURE__ */ u({
|
|
|
1180
1221
|
transform: "rotate(-90deg)",
|
|
1181
1222
|
"transform-origin": "center"
|
|
1182
1223
|
}
|
|
1183
|
-
}, null, 8,
|
|
1224
|
+
}, null, 8, Ct)) : (T(), o("circle", {
|
|
1184
1225
|
key: 1,
|
|
1185
1226
|
class: "g-progress__spinner",
|
|
1186
1227
|
cx: i.value + 4 / 2,
|
|
@@ -1188,13 +1229,13 @@ var ft = /* @__PURE__ */ u({
|
|
|
1188
1229
|
r: i.value,
|
|
1189
1230
|
"stroke-width": 4,
|
|
1190
1231
|
fill: "none"
|
|
1191
|
-
}, null, 8,
|
|
1232
|
+
}, null, 8, wt))], 10, xt))], 16));
|
|
1192
1233
|
}
|
|
1193
|
-
}),
|
|
1234
|
+
}), Et = [
|
|
1194
1235
|
"id",
|
|
1195
1236
|
"aria-labelledby",
|
|
1196
1237
|
"aria-describedby"
|
|
1197
|
-
],
|
|
1238
|
+
], Dt = { class: "g-alertdialog-inner" }, Ot = ["id"], kt = ["id"], At = { class: "g-alertdialog-actions" }, jt = /* @__PURE__ */ u({
|
|
1198
1239
|
__name: "GAlertDialog",
|
|
1199
1240
|
props: {
|
|
1200
1241
|
label: { default: "Confirmation" },
|
|
@@ -1203,11 +1244,11 @@ var ft = /* @__PURE__ */ u({
|
|
|
1203
1244
|
},
|
|
1204
1245
|
emits: ["cancel", "confirm"],
|
|
1205
1246
|
setup(e, { emit: r }) {
|
|
1206
|
-
let a = e, o = r, u = O(null), d = O(!0), f = B(), { pop: p, push: m, isTop: h, zIndex: g } =
|
|
1247
|
+
let a = e, o = r, u = O(null), d = O(!0), f = B(), { pop: p, push: m, isTop: h, zIndex: g } = qe(f, !0, !0), { deactivate: _, activate: v } = $e(u, h);
|
|
1207
1248
|
function x() {
|
|
1208
1249
|
o("cancel");
|
|
1209
1250
|
}
|
|
1210
|
-
return
|
|
1251
|
+
return et([u], h, d, x, p), S(() => {
|
|
1211
1252
|
m(), v();
|
|
1212
1253
|
}), b(() => {
|
|
1213
1254
|
p(), _();
|
|
@@ -1225,16 +1266,16 @@ var ft = /* @__PURE__ */ u({
|
|
|
1225
1266
|
ref_key: "dialog",
|
|
1226
1267
|
ref: u,
|
|
1227
1268
|
style: y({ zIndex: R(g) })
|
|
1228
|
-
}, [s("div",
|
|
1269
|
+
}, [s("div", Dt, [
|
|
1229
1270
|
s("h2", {
|
|
1230
1271
|
id: "alertdialog-label-" + R(f),
|
|
1231
1272
|
class: "g-alertdialog-label"
|
|
1232
|
-
}, P(a.label), 9,
|
|
1273
|
+
}, P(a.label), 9, Ot),
|
|
1233
1274
|
s("div", {
|
|
1234
1275
|
id: "alertdialog-description-" + R(f),
|
|
1235
1276
|
class: "g-alertdialog-content"
|
|
1236
|
-
}, [A(e.$slots, "default")], 8,
|
|
1237
|
-
s("div",
|
|
1277
|
+
}, [A(e.$slots, "default")], 8, kt),
|
|
1278
|
+
s("div", At, [l(Q, {
|
|
1238
1279
|
outlined: "",
|
|
1239
1280
|
onClick: r[0] ||= (e) => o("cancel")
|
|
1240
1281
|
}, {
|
|
@@ -1247,21 +1288,21 @@ var ft = /* @__PURE__ */ u({
|
|
|
1247
1288
|
default: J(() => [c(P(a.buttonText), 1)]),
|
|
1248
1289
|
_: 1
|
|
1249
1290
|
}, 8, ["theme"])])
|
|
1250
|
-
])], 12,
|
|
1291
|
+
])], 12, Et)]),
|
|
1251
1292
|
_: 3
|
|
1252
1293
|
})]));
|
|
1253
1294
|
}
|
|
1254
1295
|
});
|
|
1255
1296
|
//#endregion
|
|
1256
1297
|
//#region src/compose/useSelectDropdown.ts
|
|
1257
|
-
function
|
|
1298
|
+
function Mt(e) {
|
|
1258
1299
|
return e.map((e) => typeof e == "string" ? {
|
|
1259
1300
|
label: e,
|
|
1260
1301
|
value: e
|
|
1261
1302
|
} : e);
|
|
1262
1303
|
}
|
|
1263
|
-
function
|
|
1264
|
-
let { push: o, pop: s, isTop: c } =
|
|
1304
|
+
function Nt({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a }) {
|
|
1305
|
+
let { push: o, pop: s, isTop: c } = qe(i), l = O("below"), u = O(null), d = r(() => {
|
|
1265
1306
|
let e = {};
|
|
1266
1307
|
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;
|
|
1267
1308
|
});
|
|
@@ -1304,11 +1345,11 @@ function Mt({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a })
|
|
|
1304
1345
|
}
|
|
1305
1346
|
//#endregion
|
|
1306
1347
|
//#region src/components/GSelect.vue?vue&type=script&setup=true&lang.ts
|
|
1307
|
-
var
|
|
1348
|
+
var Pt = ["id"], Ft = {
|
|
1308
1349
|
key: 0,
|
|
1309
1350
|
class: "g-select-required",
|
|
1310
1351
|
"aria-hidden": "true"
|
|
1311
|
-
},
|
|
1352
|
+
}, It = { class: "g-select-input-wrap" }, Lt = ["id"], Rt = [
|
|
1312
1353
|
"value",
|
|
1313
1354
|
"placeholder",
|
|
1314
1355
|
"disabled",
|
|
@@ -1316,23 +1357,23 @@ var Nt = ["id"], Pt = {
|
|
|
1316
1357
|
"aria-expanded",
|
|
1317
1358
|
"aria-required",
|
|
1318
1359
|
"aria-activedescendant"
|
|
1319
|
-
],
|
|
1360
|
+
], zt = [
|
|
1320
1361
|
"id",
|
|
1321
1362
|
"aria-controls",
|
|
1322
1363
|
"aria-expanded",
|
|
1323
1364
|
"aria-required",
|
|
1324
1365
|
"aria-activedescendant"
|
|
1325
|
-
],
|
|
1366
|
+
], Bt = ["id"], Vt = [
|
|
1326
1367
|
"id",
|
|
1327
1368
|
"aria-selected",
|
|
1328
1369
|
"onClick"
|
|
1329
|
-
],
|
|
1370
|
+
], Ht = {
|
|
1330
1371
|
key: 1,
|
|
1331
1372
|
"aria-live": "polite",
|
|
1332
1373
|
class: "g-select-combo-option g-select-option g-select-no-results"
|
|
1333
|
-
},
|
|
1374
|
+
}, Ut = /* @__PURE__ */ u({
|
|
1334
1375
|
__name: "GSelect",
|
|
1335
|
-
props:
|
|
1376
|
+
props: /*@__PURE__*/ m({
|
|
1336
1377
|
options: {},
|
|
1337
1378
|
label: {},
|
|
1338
1379
|
hiddenLabel: { type: Boolean },
|
|
@@ -1361,20 +1402,20 @@ var Nt = ["id"], Pt = {
|
|
|
1361
1402
|
modelValue: {},
|
|
1362
1403
|
modelModifiers: {}
|
|
1363
1404
|
}),
|
|
1364
|
-
emits:
|
|
1405
|
+
emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
|
|
1365
1406
|
setup(t, { emit: n }) {
|
|
1366
1407
|
let i = t, u = n, d = V(t, "modelValue"), f = B(), p = O(null), m = O(null), v = O(null), y = O(!1), b = O(0), x = O(!1), S = O(!1), { displayErrors: C, hasErrors: w } = $({
|
|
1367
1408
|
name: i.name,
|
|
1368
1409
|
value: d,
|
|
1369
1410
|
errors: I(i, "errors"),
|
|
1370
1411
|
formKey: i.formKey
|
|
1371
|
-
}), { menuPlacement: E, menuStyle: D, isTop: j, scrollOptionIntoView: M } =
|
|
1412
|
+
}), { menuPlacement: E, menuStyle: D, isTop: j, scrollOptionIntoView: M } = Nt({
|
|
1372
1413
|
open: y,
|
|
1373
1414
|
anchorRef: p,
|
|
1374
1415
|
listboxRef: m,
|
|
1375
1416
|
baseId: f,
|
|
1376
1417
|
activeIndex: b
|
|
1377
|
-
}), N = r(() =>
|
|
1418
|
+
}), N = r(() => Mt(i.options)), F = O(""), L = r(() => {
|
|
1378
1419
|
if (!i.searchable || !y.value || !F.value) return N.value;
|
|
1379
1420
|
let e = F.value.toLowerCase();
|
|
1380
1421
|
return N.value.filter((t) => t.label.toLowerCase().includes(e));
|
|
@@ -1482,8 +1523,8 @@ var Nt = ["id"], Pt = {
|
|
|
1482
1523
|
key: 0,
|
|
1483
1524
|
id: R(f) + "-label",
|
|
1484
1525
|
class: "g-select-combo-label g-select-label"
|
|
1485
|
-
}, [c(P(i.label), 1), i.required ? (T(), o("span",
|
|
1486
|
-
s("div",
|
|
1526
|
+
}, [c(P(i.label), 1), i.required ? (T(), o("span", Ft, " *")) : a("", !0)], 8, Pt)),
|
|
1527
|
+
s("div", It, [i.searchable ? (T(), o("div", {
|
|
1487
1528
|
key: 0,
|
|
1488
1529
|
class: "g-select-combo-input g-select-control",
|
|
1489
1530
|
id: R(f)
|
|
@@ -1510,7 +1551,7 @@ var Nt = ["id"], Pt = {
|
|
|
1510
1551
|
}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": R(f) + "-label" }, {
|
|
1511
1552
|
role: "combobox",
|
|
1512
1553
|
autocomplete: "off"
|
|
1513
|
-
}), null, 16,
|
|
1554
|
+
}), null, 16, Rt),
|
|
1514
1555
|
ie.value ? (T(), o("button", {
|
|
1515
1556
|
key: 0,
|
|
1516
1557
|
type: "button",
|
|
@@ -1536,7 +1577,7 @@ var Nt = ["id"], Pt = {
|
|
|
1536
1577
|
fill: "currentColor",
|
|
1537
1578
|
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"
|
|
1538
1579
|
})], -1)
|
|
1539
|
-
], 8,
|
|
1580
|
+
], 8, Lt)) : (T(), o("div", h({
|
|
1540
1581
|
key: 1,
|
|
1541
1582
|
ref_key: "comboRef",
|
|
1542
1583
|
ref: p,
|
|
@@ -1581,7 +1622,7 @@ var Nt = ["id"], Pt = {
|
|
|
1581
1622
|
fill: "currentColor",
|
|
1582
1623
|
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"
|
|
1583
1624
|
})], -1)
|
|
1584
|
-
], 16,
|
|
1625
|
+
], 16, zt)), Y(s("div", h({
|
|
1585
1626
|
ref_key: "listboxRef",
|
|
1586
1627
|
ref: m,
|
|
1587
1628
|
class: ["g-select-combo-menu g-select-list", { "g-select-combo-menu--above": R(E) === "above" }],
|
|
@@ -1603,36 +1644,36 @@ var Nt = ["id"], Pt = {
|
|
|
1603
1644
|
option: e,
|
|
1604
1645
|
selected: e.value === d.value,
|
|
1605
1646
|
index: t
|
|
1606
|
-
}, () => [c(P(e.label), 1)])], 42,
|
|
1607
|
-
l(
|
|
1647
|
+
}, () => [c(P(e.label), 1)])], 42, Vt))), 128)) : (T(), o("div", Ht, " No results found. "))], 16, Bt), [[G, y.value]])]),
|
|
1648
|
+
l(Me, {
|
|
1608
1649
|
errors: R(C),
|
|
1609
1650
|
id: "error-message-" + R(f)
|
|
1610
1651
|
}, null, 8, ["errors", "id"])
|
|
1611
1652
|
], 2));
|
|
1612
1653
|
}
|
|
1613
|
-
}),
|
|
1654
|
+
}), Wt = ["aria-label"], Gt = [
|
|
1614
1655
|
"placeholder",
|
|
1615
1656
|
"value",
|
|
1616
1657
|
"aria-expanded",
|
|
1617
1658
|
"aria-controls",
|
|
1618
1659
|
"aria-activedescendant"
|
|
1619
|
-
],
|
|
1660
|
+
], Kt = {
|
|
1620
1661
|
key: 0,
|
|
1621
1662
|
class: "g-search-dropdown"
|
|
1622
|
-
},
|
|
1663
|
+
}, qt = {
|
|
1623
1664
|
"aria-live": "polite",
|
|
1624
1665
|
class: "g-search-result-count"
|
|
1625
|
-
},
|
|
1666
|
+
}, Jt = ["id"], Yt = ["aria-label"], Xt = { class: "g-search-group-label" }, Zt = [
|
|
1626
1667
|
"id",
|
|
1627
1668
|
"onMousedown",
|
|
1628
1669
|
"aria-selected"
|
|
1629
|
-
],
|
|
1670
|
+
], Qt = [
|
|
1630
1671
|
"id",
|
|
1631
1672
|
"onMousedown",
|
|
1632
1673
|
"aria-selected"
|
|
1633
|
-
],
|
|
1674
|
+
], $t = /* @__PURE__ */ u({
|
|
1634
1675
|
__name: "GSearch",
|
|
1635
|
-
props:
|
|
1676
|
+
props: /*@__PURE__*/ m({
|
|
1636
1677
|
results: {},
|
|
1637
1678
|
placeholder: { default: "Search..." },
|
|
1638
1679
|
label: { default: "Search" },
|
|
@@ -1645,7 +1686,7 @@ var Nt = ["id"], Pt = {
|
|
|
1645
1686
|
modelValue: { default: () => "" },
|
|
1646
1687
|
modelModifiers: {}
|
|
1647
1688
|
}),
|
|
1648
|
-
emits:
|
|
1689
|
+
emits: /*@__PURE__*/ m(["select", "submit"], ["update:modelValue"]),
|
|
1649
1690
|
setup(t, { emit: n }) {
|
|
1650
1691
|
let l = V(t, "modelValue"), u = t, d = n, f = O(null), p = O(null), m = O(!0), h = O(-1), v = r(() => Array.isArray(u.results) && u.results.length && "items" in u.results[0] ? u.results.flatMap((e) => e.items) : u.results), y = r(() => v.value.length);
|
|
1651
1692
|
function b(e) {
|
|
@@ -1711,12 +1752,12 @@ var Nt = ["id"], Pt = {
|
|
|
1711
1752
|
"aria-autocomplete": "list",
|
|
1712
1753
|
"aria-controls": `${R(M)}-list`,
|
|
1713
1754
|
"aria-activedescendant": h.value >= 0 ? "g-search-option-" + v.value[h.value].id : void 0
|
|
1714
|
-
}, null, 40,
|
|
1755
|
+
}, null, 40, Gt), s("button", {
|
|
1715
1756
|
type: "submit",
|
|
1716
1757
|
class: "g-search-submit",
|
|
1717
1758
|
"aria-label": "Submit search",
|
|
1718
1759
|
onKeydown: C
|
|
1719
|
-
}, [E.value ? (T(), i(
|
|
1760
|
+
}, [E.value ? (T(), i(Tt, {
|
|
1720
1761
|
key: 0,
|
|
1721
1762
|
size: "tiny"
|
|
1722
1763
|
})) : a("", !0), n[1] ||= s("svg", {
|
|
@@ -1727,7 +1768,7 @@ var Nt = ["id"], Pt = {
|
|
|
1727
1768
|
}, [s("path", {
|
|
1728
1769
|
fill: "currentColor",
|
|
1729
1770
|
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"
|
|
1730
|
-
})], -1)], 32)], 32), D.value ? (T(), o("div",
|
|
1771
|
+
})], -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", {
|
|
1731
1772
|
role: "listbox",
|
|
1732
1773
|
id: `${R(M)}-list`,
|
|
1733
1774
|
ref_key: "listboxRef",
|
|
@@ -1738,29 +1779,29 @@ var Nt = ["id"], Pt = {
|
|
|
1738
1779
|
class: "g-search-group",
|
|
1739
1780
|
role: "group",
|
|
1740
1781
|
"aria-label": n.label
|
|
1741
|
-
}, [A(t.$slots, "group", { group: n }, () => [s("div",
|
|
1782
|
+
}, [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", {
|
|
1742
1783
|
key: e.id,
|
|
1743
1784
|
id: "g-search-option-" + e.id,
|
|
1744
1785
|
class: _(["g-search-option", { "g-search-option-active": v.value[h.value] && v.value[h.value].id === e.id }]),
|
|
1745
1786
|
role: "option",
|
|
1746
1787
|
onMousedown: X((t) => w(e), ["prevent"]),
|
|
1747
1788
|
"aria-selected": v.value[h.value] && v.value[h.value].id === e.id
|
|
1748
|
-
}, [A(t.$slots, "option", { option: e }, () => [c(P(e.title), 1)])], 42,
|
|
1789
|
+
}, [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", {
|
|
1749
1790
|
key: e.id,
|
|
1750
1791
|
id: "g-search-option-" + e.id,
|
|
1751
1792
|
class: _(["g-search-option", { "g-search-option-active": h.value === n }]),
|
|
1752
1793
|
role: "option",
|
|
1753
1794
|
onMousedown: X((t) => w(e), ["prevent"]),
|
|
1754
1795
|
"aria-selected": h.value === n
|
|
1755
|
-
}, [A(t.$slots, "option", { option: e }, () => [c(P(e.title), 1)])], 42,
|
|
1796
|
+
}, [A(t.$slots, "option", { option: e }, () => [c(P(e.title), 1)])], 42, Qt))), 128)) : a("", !0)], 8, Jt)])) : a("", !0)], 8, Wt));
|
|
1756
1797
|
}
|
|
1757
|
-
}),
|
|
1798
|
+
}), en = { class: /*@__PURE__*/ _({ "g-app-header": !0 }) }, tn = { class: "g-app-header__brand" }, nn = {
|
|
1758
1799
|
class: "g-app-header__brand-text",
|
|
1759
1800
|
href: "/"
|
|
1760
|
-
},
|
|
1801
|
+
}, rn = {
|
|
1761
1802
|
key: 0,
|
|
1762
1803
|
class: "g-app-header__block-i-container"
|
|
1763
|
-
},
|
|
1804
|
+
}, an = { class: "g-app-header__title" }, on = { class: "g-app-header__app-controls-wrap" }, sn = /* @__PURE__ */ u({
|
|
1764
1805
|
__name: "GAppHeader",
|
|
1765
1806
|
props: {
|
|
1766
1807
|
illinois: {
|
|
@@ -1770,10 +1811,10 @@ var Nt = ["id"], Pt = {
|
|
|
1770
1811
|
brand: { default: "GRAD" }
|
|
1771
1812
|
},
|
|
1772
1813
|
setup(e) {
|
|
1773
|
-
return (t, n) => (T(), o("header",
|
|
1814
|
+
return (t, n) => (T(), o("header", en, [
|
|
1774
1815
|
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),
|
|
1775
|
-
s("div",
|
|
1776
|
-
e.illinois ? (T(), o("div",
|
|
1816
|
+
s("div", tn, [A(t.$slots, "left", {}, () => [s("a", nn, P(e.brand), 1)])]),
|
|
1817
|
+
e.illinois ? (T(), o("div", rn, [...n[0] ||= [s("svg", {
|
|
1777
1818
|
class: "g-app-header__block-i",
|
|
1778
1819
|
role: "img",
|
|
1779
1820
|
width: "55",
|
|
@@ -1790,24 +1831,24 @@ var Nt = ["id"], Pt = {
|
|
|
1790
1831
|
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"
|
|
1791
1832
|
})
|
|
1792
1833
|
], -1)]])) : A(t.$slots, "icon", { key: 1 }),
|
|
1793
|
-
s("div",
|
|
1794
|
-
s("div",
|
|
1834
|
+
s("div", an, [A(t.$slots, "title")]),
|
|
1835
|
+
s("div", on, [A(t.$slots, "app-controls", { class: "g-app-header__app-controls" })])
|
|
1795
1836
|
]));
|
|
1796
1837
|
}
|
|
1797
1838
|
});
|
|
1798
1839
|
//#endregion
|
|
1799
1840
|
//#region src/compose/useWebComponentSidebar.ts
|
|
1800
|
-
function
|
|
1841
|
+
function cn(e) {
|
|
1801
1842
|
return e.replace(/[^a-zA-Z0-9_-]/g, "-");
|
|
1802
1843
|
}
|
|
1803
|
-
function
|
|
1844
|
+
function ln() {
|
|
1804
1845
|
let e = globalThis;
|
|
1805
1846
|
return e.__GRAD_VUE_WC_SIDEBAR_CHANNELS__ ||= /* @__PURE__ */ new Map(), e.__GRAD_VUE_WC_SIDEBAR_CHANNELS__;
|
|
1806
1847
|
}
|
|
1807
|
-
function
|
|
1808
|
-
let n =
|
|
1848
|
+
function un(e = "default", t) {
|
|
1849
|
+
let n = ln(), r = e || "default", i = typeof t == "string" ? t : t?.value, a = i && i.trim() ? i : "(max-width: 800px)";
|
|
1809
1850
|
if (!n.has(r)) {
|
|
1810
|
-
let e =
|
|
1851
|
+
let e = cn(r), t = O(a);
|
|
1811
1852
|
n.set(r, {
|
|
1812
1853
|
id: `g-wc-sidebar-${e}`,
|
|
1813
1854
|
open: O(!1),
|
|
@@ -1844,7 +1885,7 @@ function ln(e = "default", t) {
|
|
|
1844
1885
|
}
|
|
1845
1886
|
//#endregion
|
|
1846
1887
|
//#region src/components/GSidebar.vue?vue&type=script&setup=true&lang.ts
|
|
1847
|
-
var
|
|
1888
|
+
var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
1848
1889
|
__name: "GSidebar",
|
|
1849
1890
|
props: {
|
|
1850
1891
|
backgroundColor: { default: "" },
|
|
@@ -1857,7 +1898,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
1857
1898
|
mediaQuery: {}
|
|
1858
1899
|
},
|
|
1859
1900
|
setup(e) {
|
|
1860
|
-
let t = e, n = p("sidebar", () => void 0, !0) ?? (fe() ?
|
|
1901
|
+
let t = e, n = p("sidebar", () => void 0, !0) ?? (fe() ? 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();
|
|
1861
1902
|
function l(e) {
|
|
1862
1903
|
e.key === "Escape" && n?.isCollapsible?.value && n?.open?.value && (n.open.value = !1, document.getElementById(`${n.id}-hamburger`)?.focus());
|
|
1863
1904
|
}
|
|
@@ -1877,15 +1918,15 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
1877
1918
|
width: "var(--g-sidebar-width)"
|
|
1878
1919
|
}),
|
|
1879
1920
|
onKeydown: l
|
|
1880
|
-
}, [A(t.$slots, "default")], 46,
|
|
1921
|
+
}, [A(t.$slots, "default")], 46, dn));
|
|
1881
1922
|
}
|
|
1882
|
-
}),
|
|
1923
|
+
}), pn = ["id"], mn = { class: "g-sidebar-menu__list" }, hn = [
|
|
1883
1924
|
"href",
|
|
1884
1925
|
"aria-current",
|
|
1885
1926
|
"onClick"
|
|
1886
|
-
],
|
|
1927
|
+
], gn = /* @__PURE__ */ u({
|
|
1887
1928
|
__name: "GSidebarMenu",
|
|
1888
|
-
props:
|
|
1929
|
+
props: /*@__PURE__*/ m({
|
|
1889
1930
|
heading: {},
|
|
1890
1931
|
items: {},
|
|
1891
1932
|
offset: { default: 70 },
|
|
@@ -1931,13 +1972,13 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
1931
1972
|
key: 0,
|
|
1932
1973
|
id: R(y),
|
|
1933
1974
|
class: "g-sidebar-menu__title"
|
|
1934
|
-
}, P(t.heading), 9,
|
|
1975
|
+
}, P(t.heading), 9, pn)) : a("", !0),
|
|
1935
1976
|
l[0] ||= s("div", { class: "g-sidebar-menu__divider" }, null, -1),
|
|
1936
1977
|
s("div", {
|
|
1937
1978
|
class: "g-sidebar-menu__content",
|
|
1938
1979
|
ref_key: "content",
|
|
1939
1980
|
ref: f
|
|
1940
|
-
}, [s("ul",
|
|
1981
|
+
}, [s("ul", mn, [(T(!0), o(e, null, k(t.items, (e) => (T(), o("li", {
|
|
1941
1982
|
key: e.href || e.to,
|
|
1942
1983
|
class: "g-sidebar-menu__item",
|
|
1943
1984
|
ref_for: !0,
|
|
@@ -1955,24 +1996,24 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
1955
1996
|
href: e.href || e.to || "#",
|
|
1956
1997
|
"aria-current": u.value === (e.href || "") ? "location" : void 0,
|
|
1957
1998
|
onClick: (t) => v(t, e)
|
|
1958
|
-
}, P(e.label), 11,
|
|
1999
|
+
}, P(e.label), 11, hn))]))), 128))])], 512)
|
|
1959
2000
|
], 16));
|
|
1960
2001
|
}
|
|
1961
|
-
}),
|
|
2002
|
+
}), _n = {
|
|
1962
2003
|
mounted(e, t) {
|
|
1963
|
-
let n = O(null), r = O(!1), i = O(!1), a = O(t.value), o = null, s = !1, c =
|
|
1964
|
-
n.value || (n.value =
|
|
1965
|
-
n.value && (r.value || i.value) &&
|
|
2004
|
+
let n = O(null), r = O(!1), i = O(!1), a = O(t.value), o = null, s = !1, c = ct(e), l = () => {
|
|
2005
|
+
n.value || (n.value = lt(a.value, c), ut(n.value), o = new ResizeObserver(() => {
|
|
2006
|
+
n.value && (r.value || i.value) && dt(e, n.value);
|
|
1966
2007
|
}), o.observe(n.value));
|
|
1967
2008
|
};
|
|
1968
2009
|
q(() => {
|
|
1969
2010
|
n.value && (n.value.textContent = a.value);
|
|
1970
2011
|
});
|
|
1971
2012
|
let u = () => {
|
|
1972
|
-
n.value && (r.value || i.value) &&
|
|
2013
|
+
n.value && (r.value || i.value) && dt(e, n.value);
|
|
1973
2014
|
};
|
|
1974
2015
|
q(() => {
|
|
1975
|
-
r.value || i.value ? (l(), n.value &&
|
|
2016
|
+
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(() => {
|
|
1976
2017
|
e.dispatchEvent(new CustomEvent("tooltip-hide"));
|
|
1977
2018
|
}, 150)));
|
|
1978
2019
|
});
|
|
@@ -2010,7 +2051,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2010
2051
|
let t = e._v_gtooltip;
|
|
2011
2052
|
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");
|
|
2012
2053
|
}
|
|
2013
|
-
},
|
|
2054
|
+
}, vn = { class: "g-clipboard-text" }, yn = /* @__PURE__ */ u({
|
|
2014
2055
|
__name: "GClipboard",
|
|
2015
2056
|
props: {
|
|
2016
2057
|
text: {},
|
|
@@ -2018,12 +2059,12 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2018
2059
|
copyLabel: {}
|
|
2019
2060
|
},
|
|
2020
2061
|
setup(t) {
|
|
2021
|
-
let n = t, r =
|
|
2062
|
+
let n = t, r = _n, { text: i, copy: l, copied: u, isSupported: d } = re({ source: n.text }), f = O(n.copyLabel ?? "Copy to clipboard"), p = () => {
|
|
2022
2063
|
d.value ? (l(), f.value = "Copied") : f.value = "Copy not supported";
|
|
2023
2064
|
}, m = () => {
|
|
2024
2065
|
f.value = n.copyLabel ?? "Copy to clipboard";
|
|
2025
2066
|
};
|
|
2026
|
-
return (i, l) => (T(), o("div",
|
|
2067
|
+
return (i, l) => (T(), o("div", vn, [t.hideText ? a("", !0) : (T(), o(e, { key: 0 }, [c(P(n.text), 1)], 64)), Y((T(), o("button", {
|
|
2027
2068
|
type: "button",
|
|
2028
2069
|
"aria-label": "Copy",
|
|
2029
2070
|
onClick: p,
|
|
@@ -2040,15 +2081,15 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2040
2081
|
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"
|
|
2041
2082
|
})], -1)]], 32)), [[R(r), f.value]])]));
|
|
2042
2083
|
}
|
|
2043
|
-
}),
|
|
2084
|
+
}), bn = { class: "g-history-scroller-wrapper" }, xn = {
|
|
2044
2085
|
key: 0,
|
|
2045
2086
|
class: "g-history-shadow g-history-shadow--top",
|
|
2046
2087
|
"aria-hidden": "true"
|
|
2047
|
-
},
|
|
2088
|
+
}, Sn = {
|
|
2048
2089
|
key: 1,
|
|
2049
2090
|
class: "g-history-shadow g-history-shadow--bottom",
|
|
2050
2091
|
"aria-hidden": "true"
|
|
2051
|
-
},
|
|
2092
|
+
}, Cn = ["role", "aria-label"], wn = /* @__PURE__ */ u({
|
|
2052
2093
|
__name: "GHistoryScroller",
|
|
2053
2094
|
props: {
|
|
2054
2095
|
label: {},
|
|
@@ -2080,9 +2121,9 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2080
2121
|
u.value && (await g(), f());
|
|
2081
2122
|
});
|
|
2082
2123
|
let m = r(() => [...n.entries].reverse());
|
|
2083
|
-
return (n, r) => (T(), o("div",
|
|
2084
|
-
d.value ? a("", !0) : (T(), o("div",
|
|
2085
|
-
u.value ? a("", !0) : (T(), o("div",
|
|
2124
|
+
return (n, r) => (T(), o("div", bn, [
|
|
2125
|
+
d.value ? a("", !0) : (T(), o("div", xn)),
|
|
2126
|
+
u.value ? a("", !0) : (T(), o("div", Sn)),
|
|
2086
2127
|
s("div", {
|
|
2087
2128
|
ref_key: "scrollerRef",
|
|
2088
2129
|
ref: i,
|
|
@@ -2117,33 +2158,33 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2117
2158
|
key: e.id,
|
|
2118
2159
|
class: "g-history-entry",
|
|
2119
2160
|
tabindex: "-1"
|
|
2120
|
-
}, [A(n.$slots, "default", { entry: e })]))), 128))], 512)], 40,
|
|
2161
|
+
}, [A(n.$slots, "default", { entry: e })]))), 128))], 512)], 40, Cn)
|
|
2121
2162
|
]));
|
|
2122
2163
|
}
|
|
2123
|
-
}),
|
|
2164
|
+
}), Tn = { class: "g-three-way-toggle-wrapper" }, En = { class: "g-three-way-toggle-control" }, Dn = ["id"], On = [
|
|
2124
2165
|
"aria-labelledby",
|
|
2125
2166
|
"aria-describedby",
|
|
2126
2167
|
"disabled",
|
|
2127
2168
|
"aria-invalid",
|
|
2128
2169
|
"aria-errormessage"
|
|
2129
|
-
],
|
|
2170
|
+
], kn = { key: 0 }, An = { key: 1 }, jn = { key: 2 }, Mn = ["for"], Nn = [
|
|
2130
2171
|
"id",
|
|
2131
2172
|
"name",
|
|
2132
2173
|
"checked",
|
|
2133
2174
|
"disabled"
|
|
2134
|
-
],
|
|
2175
|
+
], Pn = ["for"], Fn = [
|
|
2135
2176
|
"id",
|
|
2136
2177
|
"name",
|
|
2137
2178
|
"checked",
|
|
2138
2179
|
"disabled"
|
|
2139
|
-
],
|
|
2180
|
+
], In = ["for"], Ln = [
|
|
2140
2181
|
"id",
|
|
2141
2182
|
"name",
|
|
2142
2183
|
"checked",
|
|
2143
2184
|
"disabled"
|
|
2144
|
-
],
|
|
2185
|
+
], Rn = ["id"], zn = /* @__PURE__ */ u({
|
|
2145
2186
|
__name: "GThreeWayToggle",
|
|
2146
|
-
props:
|
|
2187
|
+
props: /*@__PURE__*/ m({
|
|
2147
2188
|
label: {},
|
|
2148
2189
|
describedby: {},
|
|
2149
2190
|
error: {},
|
|
@@ -2155,7 +2196,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2155
2196
|
},
|
|
2156
2197
|
modelModifiers: {}
|
|
2157
2198
|
}),
|
|
2158
|
-
emits:
|
|
2199
|
+
emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
|
|
2159
2200
|
setup(e, { emit: t }) {
|
|
2160
2201
|
let n = e, i = V(e, "modelValue"), l = t;
|
|
2161
2202
|
function u(e) {
|
|
@@ -2175,10 +2216,10 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2175
2216
|
function b(e) {
|
|
2176
2217
|
n.disabled || (e.key === "n" || e.key === "N" ? (u(!1), e.preventDefault()) : (e.key === "y" || e.key === "Y") && (u(!0), e.preventDefault()));
|
|
2177
2218
|
}
|
|
2178
|
-
return (t, n) => (T(), o("div",
|
|
2219
|
+
return (t, n) => (T(), o("div", Tn, [s("div", En, [s("span", {
|
|
2179
2220
|
class: "g-label",
|
|
2180
2221
|
id: R(p)
|
|
2181
|
-
}, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])], 8,
|
|
2222
|
+
}, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])], 8, Dn), s("fieldset", {
|
|
2182
2223
|
class: _(["g-three-way-toggle", { "g-has-error": e.error }]),
|
|
2183
2224
|
role: "radiogroup",
|
|
2184
2225
|
"aria-labelledby": R(p),
|
|
@@ -2190,7 +2231,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2190
2231
|
s("span", {
|
|
2191
2232
|
class: _(["g-toggle-thumb", y.value]),
|
|
2192
2233
|
"aria-hidden": "true"
|
|
2193
|
-
}, [i.value === !1 ? (T(), o("span",
|
|
2234
|
+
}, [i.value === !1 ? (T(), o("span", kn, "NO")) : i.value === !0 ? (T(), o("span", An, "YES")) : (T(), o("span", jn))], 2),
|
|
2194
2235
|
s("label", {
|
|
2195
2236
|
for: R(h),
|
|
2196
2237
|
class: "g-toggle-option g-left",
|
|
@@ -2204,7 +2245,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2204
2245
|
value: "false",
|
|
2205
2246
|
disabled: e.disabled,
|
|
2206
2247
|
onChange: n[0] ||= (e) => d(!1)
|
|
2207
|
-
}, null, 40,
|
|
2248
|
+
}, null, 40, Nn), n[5] ||= s("span", { class: "ilw-sr-only" }, "No", -1)], 40, Mn),
|
|
2208
2249
|
s("label", {
|
|
2209
2250
|
for: R(g),
|
|
2210
2251
|
class: "g-toggle-option g-center",
|
|
@@ -2216,7 +2257,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2216
2257
|
checked: i.value === null,
|
|
2217
2258
|
disabled: e.disabled,
|
|
2218
2259
|
onChange: n[2] ||= (e) => d(null)
|
|
2219
|
-
}, null, 40,
|
|
2260
|
+
}, null, 40, Fn), n[6] ||= s("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, Pn),
|
|
2220
2261
|
s("label", {
|
|
2221
2262
|
for: R(v),
|
|
2222
2263
|
class: "g-toggle-option g-right",
|
|
@@ -2230,53 +2271,53 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2230
2271
|
checked: i.value === !0,
|
|
2231
2272
|
disabled: e.disabled,
|
|
2232
2273
|
onChange: n[3] ||= (e) => d(!0)
|
|
2233
|
-
}, null, 40,
|
|
2234
|
-
], 2)], 10,
|
|
2274
|
+
}, null, 40, Ln), n[7] ||= s("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, In)
|
|
2275
|
+
], 2)], 10, On)]), e.error ? (T(), o("div", {
|
|
2235
2276
|
key: 0,
|
|
2236
2277
|
id: `${R(p)}-error`,
|
|
2237
2278
|
class: "g-form-error",
|
|
2238
2279
|
role: "alert",
|
|
2239
2280
|
"aria-atomic": "true"
|
|
2240
|
-
}, P(e.error), 9,
|
|
2281
|
+
}, P(e.error), 9, Rn)) : a("", !0)]));
|
|
2241
2282
|
}
|
|
2242
|
-
}),
|
|
2283
|
+
}), Bn = {
|
|
2243
2284
|
ref: "tableBodyRef",
|
|
2244
2285
|
class: "efficient-table-body"
|
|
2245
|
-
},
|
|
2286
|
+
}, Vn = ["aria-rowindex"], Hn = {
|
|
2246
2287
|
key: 0,
|
|
2247
2288
|
class: "table-group-checkbox"
|
|
2248
|
-
},
|
|
2289
|
+
}, Un = ["colspan"], Wn = [
|
|
2249
2290
|
"aria-rowindex",
|
|
2250
2291
|
"onMousedown",
|
|
2251
2292
|
"onClick"
|
|
2252
|
-
],
|
|
2293
|
+
], Gn = [
|
|
2253
2294
|
"checked",
|
|
2254
2295
|
"onClick",
|
|
2255
2296
|
"aria-label",
|
|
2256
2297
|
"name"
|
|
2257
|
-
],
|
|
2298
|
+
], Kn = ["id"], qn = {
|
|
2258
2299
|
key: 0,
|
|
2259
2300
|
class: "editable-cell"
|
|
2260
|
-
},
|
|
2301
|
+
}, Jn = {
|
|
2261
2302
|
key: 0,
|
|
2262
2303
|
class: "cell-prefix"
|
|
2263
|
-
},
|
|
2304
|
+
}, Yn = [
|
|
2264
2305
|
"value",
|
|
2265
2306
|
"onChange",
|
|
2266
2307
|
"aria-labelledby",
|
|
2267
2308
|
"aria-invalid",
|
|
2268
2309
|
"name"
|
|
2269
|
-
],
|
|
2310
|
+
], Xn = ["value"], Zn = [
|
|
2270
2311
|
"value",
|
|
2271
2312
|
"onInput",
|
|
2272
2313
|
"aria-labelledby",
|
|
2273
2314
|
"aria-invalid",
|
|
2274
2315
|
"aria-errormessage",
|
|
2275
2316
|
"name"
|
|
2276
|
-
],
|
|
2317
|
+
], Qn = {
|
|
2277
2318
|
key: 3,
|
|
2278
2319
|
class: "cell-suffix"
|
|
2279
|
-
},
|
|
2320
|
+
}, $n = ["id"], er = /* @__PURE__ */ u({
|
|
2280
2321
|
__name: "GTableBody",
|
|
2281
2322
|
props: {
|
|
2282
2323
|
data: {},
|
|
@@ -2345,13 +2386,13 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2345
2386
|
function C(e, t) {
|
|
2346
2387
|
if (l.changeTracker) return l.changeTracker.getError(e.key, t.key);
|
|
2347
2388
|
}
|
|
2348
|
-
return (n, r) => (T(), o("tbody",
|
|
2389
|
+
return (n, r) => (T(), o("tbody", Bn, [(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", {
|
|
2349
2390
|
key: 0,
|
|
2350
2391
|
"aria-rowindex": t.startIndex + l + 2
|
|
2351
|
-
}, [t.bulkSelectionEnabled ? (T(), o("td",
|
|
2392
|
+
}, [t.bulkSelectionEnabled ? (T(), o("td", Hn)) : a("", !0), s("td", {
|
|
2352
2393
|
colspan: t.columns.length,
|
|
2353
2394
|
class: "table-group-row"
|
|
2354
|
-
}, [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,
|
|
2395
|
+
}, [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, Un)], 8, Vn)) : a("", !0), s("tr", {
|
|
2355
2396
|
class: _([
|
|
2356
2397
|
"efficient-table-row",
|
|
2357
2398
|
{
|
|
@@ -2374,7 +2415,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2374
2415
|
"aria-label": `Select row ${n.key}`,
|
|
2375
2416
|
name: `row-${n.key}-checkbox`,
|
|
2376
2417
|
class: "g-bulk-select-checkbox"
|
|
2377
|
-
}, null, 8,
|
|
2418
|
+
}, null, 8, Gn)])) : a("", !0), (T(!0), o(e, null, k(t.columns, (r) => (T(), o("td", {
|
|
2378
2419
|
key: r.key,
|
|
2379
2420
|
id: b(r) ? `${t.tableId}-td-${n.key}-${String(r.key)}` : void 0,
|
|
2380
2421
|
class: _([
|
|
@@ -2383,8 +2424,8 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2383
2424
|
S(n, r) ? "g-cell-error" : "",
|
|
2384
2425
|
typeof r.tdClass == "function" ? r.tdClass(n) : r.tdClass
|
|
2385
2426
|
])
|
|
2386
|
-
}, [r.editable ? (T(), o("div",
|
|
2387
|
-
r.editable.prefix ? (T(), o("span",
|
|
2427
|
+
}, [r.editable ? (T(), o("div", qn, [
|
|
2428
|
+
r.editable.prefix ? (T(), o("span", Jn, P(r.editable.prefix), 1)) : a("", !0),
|
|
2388
2429
|
r.editable.type === "select" ? (T(), o("select", {
|
|
2389
2430
|
key: 1,
|
|
2390
2431
|
value: n[r.key],
|
|
@@ -2396,7 +2437,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2396
2437
|
}, [(T(!0), o(e, null, k(r.editable.options, (e) => (T(), o("option", {
|
|
2397
2438
|
key: e.value,
|
|
2398
2439
|
value: e.value
|
|
2399
|
-
}, P(e.label), 9,
|
|
2440
|
+
}, P(e.label), 9, Xn))), 128))], 40, Yn)) : (T(), o("input", h({
|
|
2400
2441
|
key: 2,
|
|
2401
2442
|
value: n[r.key]
|
|
2402
2443
|
}, { ref_for: !0 }, r.editable.inputAttributes, {
|
|
@@ -2410,24 +2451,24 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2410
2451
|
paddingLeft: r.editable.prefix ? "1.5rem" : void 0,
|
|
2411
2452
|
paddingRight: r.editable.suffix ? "2rem" : void 0
|
|
2412
2453
|
}
|
|
2413
|
-
}), null, 16,
|
|
2414
|
-
r.editable.suffix ? (T(), o("span",
|
|
2454
|
+
}), null, 16, Zn)),
|
|
2455
|
+
r.editable.suffix ? (T(), o("span", Qn, P(r.editable.suffix), 1)) : a("", !0)
|
|
2415
2456
|
])) : 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", {
|
|
2416
2457
|
key: 3,
|
|
2417
2458
|
role: "alert",
|
|
2418
2459
|
class: "g-cell-error-message",
|
|
2419
2460
|
id: `${t.tableId}-error-${n.key}-${String(r.key)}`
|
|
2420
|
-
}, P(C(n, r)), 9,
|
|
2461
|
+
}, P(C(n, r)), 9, $n)) : a("", !0)], 10, Kn))), 128))], 42, Wn)], 64))), 128))], 512));
|
|
2421
2462
|
}
|
|
2422
|
-
}),
|
|
2463
|
+
}), tr = ["id", "for"], nr = {
|
|
2423
2464
|
key: 0,
|
|
2424
2465
|
class: "g-multiselect-required",
|
|
2425
2466
|
"aria-hidden": "true"
|
|
2426
|
-
},
|
|
2467
|
+
}, rr = ["id"], ir = ["aria-labelledby"], ar = { class: "g-multiselect-chip-label" }, or = [
|
|
2427
2468
|
"aria-label",
|
|
2428
2469
|
"disabled",
|
|
2429
2470
|
"onClick"
|
|
2430
|
-
],
|
|
2471
|
+
], sr = [
|
|
2431
2472
|
"id",
|
|
2432
2473
|
"value",
|
|
2433
2474
|
"placeholder",
|
|
@@ -2437,25 +2478,25 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2437
2478
|
"aria-activedescendant",
|
|
2438
2479
|
"aria-describedby",
|
|
2439
2480
|
"aria-required"
|
|
2440
|
-
],
|
|
2481
|
+
], cr = ["id"], lr = [
|
|
2441
2482
|
"id",
|
|
2442
2483
|
"aria-selected",
|
|
2443
2484
|
"onClick"
|
|
2444
|
-
],
|
|
2485
|
+
], ur = {
|
|
2445
2486
|
class: "g-multiselect-option-check",
|
|
2446
2487
|
"aria-hidden": "true"
|
|
2447
|
-
},
|
|
2488
|
+
}, dr = {
|
|
2448
2489
|
key: 0,
|
|
2449
2490
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2450
2491
|
viewBox: "0 0 640 640",
|
|
2451
2492
|
width: "1.25em"
|
|
2452
|
-
},
|
|
2493
|
+
}, fr = {
|
|
2453
2494
|
key: 1,
|
|
2454
2495
|
"aria-live": "polite",
|
|
2455
2496
|
class: "g-multiselect-option g-multiselect-no-results"
|
|
2456
|
-
},
|
|
2497
|
+
}, pr = /* @__PURE__ */ u({
|
|
2457
2498
|
__name: "GMultiSelect",
|
|
2458
|
-
props:
|
|
2499
|
+
props: /*@__PURE__*/ m({
|
|
2459
2500
|
options: {},
|
|
2460
2501
|
label: {},
|
|
2461
2502
|
hiddenLabel: {
|
|
@@ -2479,20 +2520,20 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2479
2520
|
modelValue: { default: () => [] },
|
|
2480
2521
|
modelModifiers: {}
|
|
2481
2522
|
}),
|
|
2482
|
-
emits:
|
|
2523
|
+
emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
|
|
2483
2524
|
setup(t, { emit: n }) {
|
|
2484
2525
|
let i = t, u = n, d = V(t, "modelValue"), f = B(), p = O(null), m = O(null), v = O(null), y = O(!1), b = O(0), x = O(""), S = O(!1), { displayErrors: C, hasErrors: w } = $({
|
|
2485
2526
|
name: i.name,
|
|
2486
2527
|
value: d,
|
|
2487
2528
|
errors: I(i, "errors"),
|
|
2488
2529
|
formKey: i.formKey
|
|
2489
|
-
}), { menuPlacement: E, menuStyle: D, isTop: A, scrollOptionIntoView: j } =
|
|
2530
|
+
}), { menuPlacement: E, menuStyle: D, isTop: A, scrollOptionIntoView: j } = Nt({
|
|
2490
2531
|
open: y,
|
|
2491
2532
|
anchorRef: m,
|
|
2492
2533
|
listboxRef: v,
|
|
2493
2534
|
baseId: f,
|
|
2494
2535
|
activeIndex: b
|
|
2495
|
-
}), M = r(() =>
|
|
2536
|
+
}), M = r(() => Mt(i.options)), N = r(() => {
|
|
2496
2537
|
if (!x.value) return M.value;
|
|
2497
2538
|
let e = x.value.toLowerCase();
|
|
2498
2539
|
return M.value.filter((t) => t.label.toLowerCase().includes(e));
|
|
@@ -2587,12 +2628,12 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2587
2628
|
id: ie.value,
|
|
2588
2629
|
for: re.value,
|
|
2589
2630
|
class: "g-multiselect-label"
|
|
2590
|
-
}, [c(P(t.label), 1), t.required ? (T(), o("span",
|
|
2631
|
+
}, [c(P(t.label), 1), t.required ? (T(), o("span", nr, " *")) : a("", !0)], 8, tr)),
|
|
2591
2632
|
t.instructions ? (T(), o("div", {
|
|
2592
2633
|
key: 1,
|
|
2593
2634
|
id: ae.value,
|
|
2594
2635
|
class: "g-multiselect-instructions"
|
|
2595
|
-
}, P(t.instructions), 9,
|
|
2636
|
+
}, P(t.instructions), 9, rr)) : a("", !0),
|
|
2596
2637
|
s("div", {
|
|
2597
2638
|
ref_key: "controlRef",
|
|
2598
2639
|
ref: m,
|
|
@@ -2605,7 +2646,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2605
2646
|
}, [(T(!0), o(e, null, k(d.value, (e) => (T(), o("li", {
|
|
2606
2647
|
key: e,
|
|
2607
2648
|
class: "g-multiselect-chip"
|
|
2608
|
-
}, [s("span",
|
|
2649
|
+
}, [s("span", ar, P(L(e)), 1), s("button", {
|
|
2609
2650
|
type: "button",
|
|
2610
2651
|
class: "g-multiselect-chip-remove",
|
|
2611
2652
|
"aria-label": `Remove ${L(e)}`,
|
|
@@ -2620,7 +2661,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2620
2661
|
}, [s("path", {
|
|
2621
2662
|
fill: "currentColor",
|
|
2622
2663
|
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"
|
|
2623
|
-
})], -1)]], 40,
|
|
2664
|
+
})], -1)]], 40, or)]))), 128))], 8, ir),
|
|
2624
2665
|
s("input", h({
|
|
2625
2666
|
ref_key: "inputRef",
|
|
2626
2667
|
ref: p,
|
|
@@ -2644,7 +2685,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2644
2685
|
onKeydown: ne,
|
|
2645
2686
|
onFocus: J,
|
|
2646
2687
|
onBlur: ee
|
|
2647
|
-
}), null, 16,
|
|
2688
|
+
}), null, 16, sr),
|
|
2648
2689
|
r[2] ||= s("svg", {
|
|
2649
2690
|
class: "g-multiselect-caret",
|
|
2650
2691
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2676,9 +2717,9 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2676
2717
|
"aria-selected": F(e.value) ? "true" : "false",
|
|
2677
2718
|
onMousedown: Z,
|
|
2678
2719
|
onClick: (e) => U(t)
|
|
2679
|
-
}, [s("span",
|
|
2720
|
+
}, [s("span", ur, [F(e.value) ? (T(), o("svg", dr, [...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, lr))), 128)) : (T(), o("div", fr, " No results found. "))], 16, cr), [[G, y.value]])
|
|
2680
2721
|
], 2),
|
|
2681
|
-
l(
|
|
2722
|
+
l(Me, {
|
|
2682
2723
|
errors: R(C),
|
|
2683
2724
|
id: oe.value
|
|
2684
2725
|
}, null, 8, ["errors", "id"])
|
|
@@ -2687,28 +2728,28 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2687
2728
|
});
|
|
2688
2729
|
//#endregion
|
|
2689
2730
|
//#region src/compose/useFiltering.ts
|
|
2690
|
-
function
|
|
2731
|
+
function mr(e) {
|
|
2691
2732
|
if (!(Array.isArray(e) && e.length === 0) && !(e === null || e === !1 || e === "")) return e;
|
|
2692
2733
|
}
|
|
2693
|
-
function
|
|
2734
|
+
function hr(e) {
|
|
2694
2735
|
return Object.fromEntries(Object.entries(e).filter(([e, t]) => t && (!Array.isArray(t) || t.length > 0)));
|
|
2695
2736
|
}
|
|
2696
|
-
function
|
|
2737
|
+
function gr(e) {
|
|
2697
2738
|
if (e != null) return Array.isArray(e) ? e.filter((e) => e != null) : [e];
|
|
2698
2739
|
}
|
|
2699
|
-
function
|
|
2740
|
+
function _r(e) {
|
|
2700
2741
|
let t = {};
|
|
2701
2742
|
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;
|
|
2702
2743
|
return t;
|
|
2703
2744
|
}
|
|
2704
|
-
function
|
|
2745
|
+
function vr(e) {
|
|
2705
2746
|
let t = {};
|
|
2706
2747
|
return Object.keys(e).forEach((n) => {
|
|
2707
2748
|
let r = e[n];
|
|
2708
2749
|
r != null && r !== "" && r !== !1 && (Array.isArray(r) ? r.length > 0 && (t[n] = r.map((e) => String(e))) : t[n] = String(r));
|
|
2709
2750
|
}), t;
|
|
2710
2751
|
}
|
|
2711
|
-
function
|
|
2752
|
+
function yr(e, t = {}) {
|
|
2712
2753
|
let n = D(Object.fromEntries(Object.entries(e).map(([e, t]) => [e, t]))), i = t.syncWith;
|
|
2713
2754
|
if (i) {
|
|
2714
2755
|
if (i.value) {
|
|
@@ -2721,13 +2762,13 @@ function vr(e, t = {}) {
|
|
|
2721
2762
|
});
|
|
2722
2763
|
}
|
|
2723
2764
|
K(n, (e) => {
|
|
2724
|
-
i.value =
|
|
2765
|
+
i.value = vr(e);
|
|
2725
2766
|
}, { deep: !0 });
|
|
2726
2767
|
}
|
|
2727
2768
|
return {
|
|
2728
2769
|
filters: n,
|
|
2729
2770
|
isFiltered: r(() => {
|
|
2730
|
-
for (let t of Object.keys(e)) if (
|
|
2771
|
+
for (let t of Object.keys(e)) if (mr(n[t])) return !0;
|
|
2731
2772
|
return !1;
|
|
2732
2773
|
}),
|
|
2733
2774
|
clearFilters: () => {
|
|
@@ -2737,50 +2778,50 @@ function vr(e, t = {}) {
|
|
|
2737
2778
|
},
|
|
2738
2779
|
filteredColumns: r(() => {
|
|
2739
2780
|
let t = {};
|
|
2740
|
-
for (let r of Object.keys(e)) t[r] = !!
|
|
2781
|
+
for (let r of Object.keys(e)) t[r] = !!mr(n[r]);
|
|
2741
2782
|
return t;
|
|
2742
2783
|
})
|
|
2743
2784
|
};
|
|
2744
2785
|
}
|
|
2745
2786
|
//#endregion
|
|
2746
2787
|
//#region src/components/GTable.vue?vue&type=script&setup=true&lang.ts
|
|
2747
|
-
var
|
|
2788
|
+
var br = { class: "g-table-outer-wrap" }, xr = {
|
|
2748
2789
|
key: 0,
|
|
2749
2790
|
class: "g-table-controls"
|
|
2750
|
-
},
|
|
2791
|
+
}, Sr = { class: "g-clear-filters-wrap" }, Cr = {
|
|
2751
2792
|
key: 0,
|
|
2752
2793
|
class: "pagination"
|
|
2753
|
-
},
|
|
2794
|
+
}, wr = { class: "g-result-count" }, Tr = ["aria-label", "aria-rowcount"], Er = { class: "g-table-head" }, Dr = { "aria-rowindex": "1" }, Or = {
|
|
2754
2795
|
key: 0,
|
|
2755
2796
|
scope: "col",
|
|
2756
2797
|
class: "g-th g-th-checkbox"
|
|
2757
|
-
},
|
|
2798
|
+
}, kr = [
|
|
2758
2799
|
"checked",
|
|
2759
2800
|
"indeterminate",
|
|
2760
2801
|
"aria-label"
|
|
2761
|
-
],
|
|
2802
|
+
], Ar = ["id", "aria-sort"], jr = { class: "th-inner" }, Mr = ["onClick"], Nr = {
|
|
2762
2803
|
key: 0,
|
|
2763
2804
|
class: "sort-indicator"
|
|
2764
|
-
},
|
|
2805
|
+
}, Pr = ["aria-label"], Fr = {
|
|
2765
2806
|
key: 1,
|
|
2766
2807
|
class: "g-column-head"
|
|
2767
|
-
},
|
|
2808
|
+
}, Ir = ["onClick", "aria-label"], Lr = { key: 1 }, Rr = { class: "g-filter-toggle" }, zr = [
|
|
2768
2809
|
"onUpdate:modelValue",
|
|
2769
2810
|
"id",
|
|
2770
2811
|
"aria-describedby"
|
|
2771
|
-
],
|
|
2812
|
+
], Br = ["for"], Vr = ["id"], Hr = {
|
|
2772
2813
|
key: 3,
|
|
2773
2814
|
class: "g-multi-select"
|
|
2774
|
-
},
|
|
2815
|
+
}, Ur = [
|
|
2775
2816
|
"onUpdate:modelValue",
|
|
2776
2817
|
"id",
|
|
2777
2818
|
"value"
|
|
2778
|
-
],
|
|
2819
|
+
], Wr = ["for"], Gr = {
|
|
2779
2820
|
key: 1,
|
|
2780
2821
|
class: "g-bulk-actions-toolbar"
|
|
2781
|
-
},
|
|
2822
|
+
}, Kr = { class: "g-selected-count" }, qr = { class: "g-bulk-actions" }, Jr = /* @__PURE__ */ u({
|
|
2782
2823
|
__name: "GTable",
|
|
2783
|
-
props:
|
|
2824
|
+
props: /*@__PURE__*/ m({
|
|
2784
2825
|
label: {},
|
|
2785
2826
|
data: {},
|
|
2786
2827
|
columns: {},
|
|
@@ -2811,7 +2852,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
2811
2852
|
selectedRows: { default: () => [] },
|
|
2812
2853
|
selectedRowsModifiers: {}
|
|
2813
2854
|
}),
|
|
2814
|
-
emits:
|
|
2855
|
+
emits: /*@__PURE__*/ m([
|
|
2815
2856
|
"row-click",
|
|
2816
2857
|
"bulk-action",
|
|
2817
2858
|
"cell-change"
|
|
@@ -2827,7 +2868,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
2827
2868
|
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));
|
|
2828
2869
|
}
|
|
2829
2870
|
let v = m.filtering;
|
|
2830
|
-
v ||=
|
|
2871
|
+
v ||= yr({});
|
|
2831
2872
|
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);
|
|
2832
2873
|
function I() {
|
|
2833
2874
|
if (j.value) p.value = p.value.filter((e) => !E.value.includes(e));
|
|
@@ -2873,9 +2914,9 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
2873
2914
|
let e = f.value[t.key];
|
|
2874
2915
|
f.value[t.key] = e ? [e] : [];
|
|
2875
2916
|
}
|
|
2876
|
-
}, { immediate: !0 }), (n, r) => (T(), o("div",
|
|
2877
|
-
te.value ? (T(), o("div",
|
|
2878
|
-
s("div",
|
|
2917
|
+
}, { immediate: !0 }), (n, r) => (T(), o("div", br, [
|
|
2918
|
+
te.value ? (T(), o("div", xr, [
|
|
2919
|
+
s("div", Sr, [R(C) ? (T(), i(Q, {
|
|
2879
2920
|
key: 0,
|
|
2880
2921
|
outlined: "",
|
|
2881
2922
|
size: "small",
|
|
@@ -2893,22 +2934,22 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
2893
2934
|
})], -1), s("span", { class: "g-clear-filters-text" }, " Clear Filters ", -1)]]),
|
|
2894
2935
|
_: 1
|
|
2895
2936
|
}, 8, ["onClick"])) : a("", !0)]),
|
|
2896
|
-
Z.value ? (T(), o("div",
|
|
2897
|
-
s("span",
|
|
2937
|
+
Z.value ? (T(), o("div", Cr, [A(n.$slots, "pagination")])) : a("", !0),
|
|
2938
|
+
s("span", wr, P(m.resultCount || t.data.length) + " results", 1)
|
|
2898
2939
|
])) : a("", !0),
|
|
2899
2940
|
s("table", {
|
|
2900
2941
|
class: "g-table",
|
|
2901
2942
|
ref: "tableRef",
|
|
2902
2943
|
"aria-label": t.label,
|
|
2903
2944
|
"aria-rowcount": m.resultCount || t.data.length
|
|
2904
|
-
}, [s("thead",
|
|
2945
|
+
}, [s("thead", Er, [s("tr", Dr, [t.bulkSelectionEnabled ? (T(), o("th", Or, [s("input", {
|
|
2905
2946
|
type: "checkbox",
|
|
2906
2947
|
checked: j.value,
|
|
2907
2948
|
indeterminate: M.value,
|
|
2908
2949
|
onChange: I,
|
|
2909
2950
|
"aria-label": j.value ? "Deselect all rows" : "Select all rows",
|
|
2910
2951
|
class: "g-bulk-select-checkbox"
|
|
2911
|
-
}, null, 40,
|
|
2952
|
+
}, null, 40, kr)])) : a("", !0), (T(!0), o(e, null, k(t.columns, (t) => (T(), o("th", {
|
|
2912
2953
|
key: t.key,
|
|
2913
2954
|
id: `${R(q)}-th-${String(t.key)}`,
|
|
2914
2955
|
"aria-sort": u.value === t.key ? d.value === 1 ? "ascending" : "descending" : "none",
|
|
@@ -2918,12 +2959,12 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
2918
2959
|
{ filtered: R(x)[t.key] }
|
|
2919
2960
|
]),
|
|
2920
2961
|
scope: "col"
|
|
2921
|
-
}, [s("div",
|
|
2962
|
+
}, [s("div", jr, [t.sortable ? (T(), o("button", {
|
|
2922
2963
|
key: 0,
|
|
2923
2964
|
type: "button",
|
|
2924
2965
|
class: "g-column-head",
|
|
2925
2966
|
onClick: (e) => g(t)
|
|
2926
|
-
}, [c(P(t.label) + " ", 1), u.value === t.key ? (T(), o("span",
|
|
2967
|
+
}, [c(P(t.label) + " ", 1), u.value === t.key ? (T(), o("span", Nr, [(T(), o("svg", {
|
|
2927
2968
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2928
2969
|
viewBox: "0 0 640 640",
|
|
2929
2970
|
height: "1.5em",
|
|
@@ -2933,7 +2974,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
2933
2974
|
}, [...r[1] ||= [s("path", {
|
|
2934
2975
|
fill: "currentColor",
|
|
2935
2976
|
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"
|
|
2936
|
-
}, null, -1)]], 12,
|
|
2977
|
+
}, null, -1)]], 12, Pr))])) : a("", !0)], 8, Mr)) : (T(), o("span", Fr, P(t.label), 1)), t.filter ? (T(), i(at, { key: 2 }, {
|
|
2937
2978
|
trigger: J(({ toggle: e }) => [s("button", {
|
|
2938
2979
|
onClick: X(e, ["stop"]),
|
|
2939
2980
|
"aria-label": R(x)[t.key] ? "Column Filtered" : "Filter Column",
|
|
@@ -2947,8 +2988,8 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
2947
2988
|
}, [s("path", {
|
|
2948
2989
|
fill: "currentColor",
|
|
2949
2990
|
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"
|
|
2950
|
-
})], -1)]], 10,
|
|
2951
|
-
default: J(() => [t.filter.type === "select" ? (T(), i(
|
|
2991
|
+
})], -1)]], 10, Ir)]),
|
|
2992
|
+
default: J(() => [t.filter.type === "select" ? (T(), i(Ut, {
|
|
2952
2993
|
key: 0,
|
|
2953
2994
|
modelValue: f.value[t.key],
|
|
2954
2995
|
"onUpdate:modelValue": (e) => f.value[t.key] = e,
|
|
@@ -2961,20 +3002,20 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
2961
3002
|
"modelValue",
|
|
2962
3003
|
"onUpdate:modelValue",
|
|
2963
3004
|
"options"
|
|
2964
|
-
])) : t.filter.type === "toggle" ? (T(), o("div",
|
|
3005
|
+
])) : t.filter.type === "toggle" ? (T(), o("div", Lr, [s("div", Rr, [
|
|
2965
3006
|
Y(s("input", {
|
|
2966
3007
|
type: "checkbox",
|
|
2967
3008
|
"onUpdate:modelValue": (e) => f.value[t.key] = e,
|
|
2968
3009
|
id: `${R(q)}-filter-${String(t.key)}`,
|
|
2969
3010
|
"aria-describedby": t.filter.description ? `${R(q)}-filter-description-${String(t.key)}` : void 0
|
|
2970
|
-
}, null, 8,
|
|
2971
|
-
s("label", { for: `${R(q)}-filter-${String(t.key)}` }, P(t.filter.label), 9,
|
|
3011
|
+
}, null, 8, zr), [[W, f.value[t.key]]]),
|
|
3012
|
+
s("label", { for: `${R(q)}-filter-${String(t.key)}` }, P(t.filter.label), 9, Br),
|
|
2972
3013
|
t.filter.description ? (T(), o("span", {
|
|
2973
3014
|
key: 0,
|
|
2974
3015
|
class: "g-filter-description",
|
|
2975
3016
|
id: `${R(q)}-filter-description-${String(t.key)}`
|
|
2976
|
-
}, P(t.filter.description), 9,
|
|
2977
|
-
])])) : t.filter.type === "multi-select" && t.filter.searchable ? (T(), i(
|
|
3017
|
+
}, P(t.filter.description), 9, Vr)) : a("", !0)
|
|
3018
|
+
])])) : t.filter.type === "multi-select" && t.filter.searchable ? (T(), i(pr, {
|
|
2978
3019
|
key: 2,
|
|
2979
3020
|
modelValue: f.value[t.key],
|
|
2980
3021
|
"onUpdate:modelValue": (e) => f.value[t.key] = e,
|
|
@@ -2987,7 +3028,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
2987
3028
|
"onUpdate:modelValue",
|
|
2988
3029
|
"options",
|
|
2989
3030
|
"placeholder"
|
|
2990
|
-
])) : t.filter.type === "multi-select" ? (T(), o("fieldset",
|
|
3031
|
+
])) : t.filter.type === "multi-select" ? (T(), o("fieldset", Hr, [
|
|
2991
3032
|
r[4] ||= s("legend", { class: "g-multi-select-legend" }, " Include values ", -1),
|
|
2992
3033
|
(T(!0), o(e, null, k(t.filter.options, (e) => (T(), o("div", { key: e.value }, [Y(s("input", {
|
|
2993
3034
|
type: "checkbox",
|
|
@@ -2995,7 +3036,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
2995
3036
|
id: `filter-${String(t.key)}-${e.value}`,
|
|
2996
3037
|
value: e.value,
|
|
2997
3038
|
name: "filter-multiselect"
|
|
2998
|
-
}, null, 8,
|
|
3039
|
+
}, null, 8, Ur), [[W, f.value[t.key]]]), s("label", { for: `filter-${String(t.key)}-${e.value}` }, P(e.label), 9, Wr)]))), 128)),
|
|
2999
3040
|
f.value[t.key] && f.value[t.key].length ? (T(), i(Q, {
|
|
3000
3041
|
key: 0,
|
|
3001
3042
|
class: "clear-multiselect-btn",
|
|
@@ -3008,7 +3049,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3008
3049
|
}, 8, ["onClick"])) : a("", !0)
|
|
3009
3050
|
])) : a("", !0)]),
|
|
3010
3051
|
_: 2
|
|
3011
|
-
}, 1024)) : a("", !0)])], 10,
|
|
3052
|
+
}, 1024)) : a("", !0)])], 10, Ar))), 128))])]), l(er, {
|
|
3012
3053
|
data: t.data,
|
|
3013
3054
|
columns: t.columns,
|
|
3014
3055
|
"group-by": t.groupBy,
|
|
@@ -3035,8 +3076,8 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3035
3076
|
"selected-rows",
|
|
3036
3077
|
"table-id",
|
|
3037
3078
|
"change-tracker"
|
|
3038
|
-
])], 8,
|
|
3039
|
-
t.bulkSelectionEnabled && p.value.length > 0 ? (T(), o("div",
|
|
3079
|
+
])], 8, Tr),
|
|
3080
|
+
t.bulkSelectionEnabled && p.value.length > 0 ? (T(), o("div", Gr, [s("span", Kr, P(p.value.length) + " row" + P(p.value.length === 1 ? "" : "s") + " selected", 1), s("ul", qr, [(T(!0), o(e, null, k(t.bulkActions, (e) => (T(), o("li", { key: e.id }, [l(Q, {
|
|
3040
3081
|
theme: e.theme || "accent",
|
|
3041
3082
|
onClick: (t) => U(e.id),
|
|
3042
3083
|
size: "small"
|
|
@@ -3046,12 +3087,12 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3046
3087
|
}, 1032, ["theme", "onClick"])]))), 128))])])) : a("", !0)
|
|
3047
3088
|
]));
|
|
3048
3089
|
}
|
|
3049
|
-
}),
|
|
3090
|
+
}), Yr = {
|
|
3050
3091
|
class: "g-pagination",
|
|
3051
3092
|
"aria-label": "Pagination"
|
|
3052
|
-
},
|
|
3093
|
+
}, Xr = ["disabled"], Zr = ["disabled"], Qr = { class: "page-range" }, $r = ["disabled"], ei = ["disabled"], ti = ["value"], ni = ["value"], ri = /* @__PURE__ */ u({
|
|
3053
3094
|
__name: "GTablePagination",
|
|
3054
|
-
props:
|
|
3095
|
+
props: /*@__PURE__*/ m({
|
|
3055
3096
|
start: {},
|
|
3056
3097
|
pageSize: {},
|
|
3057
3098
|
total: {},
|
|
@@ -3071,7 +3112,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3071
3112
|
function h(e) {
|
|
3072
3113
|
c.value = parseInt(e.target.value, 10);
|
|
3073
3114
|
}
|
|
3074
|
-
return (t, r) => (T(), o("nav",
|
|
3115
|
+
return (t, r) => (T(), o("nav", Yr, [
|
|
3075
3116
|
s("button", {
|
|
3076
3117
|
class: "first-page g-pagination-button",
|
|
3077
3118
|
disabled: p.value === 1,
|
|
@@ -3096,7 +3137,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3096
3137
|
}),
|
|
3097
3138
|
s("path", { d: "M11 7l-5 5l5 5" }),
|
|
3098
3139
|
s("path", { d: "M17 7l-5 5l5 5" })
|
|
3099
|
-
], -1)]], 8,
|
|
3140
|
+
], -1)]], 8, Xr),
|
|
3100
3141
|
s("button", {
|
|
3101
3142
|
class: "prev-page g-pagination-button",
|
|
3102
3143
|
disabled: p.value === 1,
|
|
@@ -3117,8 +3158,8 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3117
3158
|
stroke: "none",
|
|
3118
3159
|
d: "M0 0h24v24H0z",
|
|
3119
3160
|
fill: "none"
|
|
3120
|
-
}), s("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8,
|
|
3121
|
-
s("span",
|
|
3161
|
+
}), s("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, Zr),
|
|
3162
|
+
s("span", Qr, P(d.value) + " to " + P(f.value), 1),
|
|
3122
3163
|
s("button", {
|
|
3123
3164
|
class: "next-page g-pagination-button",
|
|
3124
3165
|
disabled: p.value === i.value,
|
|
@@ -3139,7 +3180,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3139
3180
|
stroke: "none",
|
|
3140
3181
|
d: "M0 0h24v24H0z",
|
|
3141
3182
|
fill: "none"
|
|
3142
|
-
}), s("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8,
|
|
3183
|
+
}), s("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, $r),
|
|
3143
3184
|
s("button", {
|
|
3144
3185
|
class: "last-page g-pagination-button",
|
|
3145
3186
|
disabled: p.value === i.value,
|
|
@@ -3164,7 +3205,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3164
3205
|
}),
|
|
3165
3206
|
s("path", { d: "M7 7l5 5l-5 5" }),
|
|
3166
3207
|
s("path", { d: "M13 7l5 5l-5 5" })
|
|
3167
|
-
], -1)]], 8,
|
|
3208
|
+
], -1)]], 8, ei),
|
|
3168
3209
|
s("select", {
|
|
3169
3210
|
id: "page-size-select",
|
|
3170
3211
|
class: "page-size-select",
|
|
@@ -3178,14 +3219,14 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3178
3219
|
], (e) => (T(), o("option", {
|
|
3179
3220
|
key: e,
|
|
3180
3221
|
value: e
|
|
3181
|
-
}, P(e), 9,
|
|
3222
|
+
}, P(e), 9, ni))), 128))], 40, ti),
|
|
3182
3223
|
r[8] ||= s("label", {
|
|
3183
3224
|
class: "page-size-label",
|
|
3184
3225
|
for: "page-size-select"
|
|
3185
3226
|
}, "per page", -1)
|
|
3186
3227
|
]));
|
|
3187
3228
|
}
|
|
3188
|
-
}),
|
|
3229
|
+
}), ii = ["id"], ai = { class: "g-modal-inner" }, oi = { class: "g-modal-header" }, si = ["id"], ci = ["id"], li = /* @__PURE__ */ u({
|
|
3189
3230
|
__name: "GModal",
|
|
3190
3231
|
props: {
|
|
3191
3232
|
label: {},
|
|
@@ -3199,11 +3240,11 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3199
3240
|
},
|
|
3200
3241
|
emits: ["close"],
|
|
3201
3242
|
setup(e, { emit: c }) {
|
|
3202
|
-
let u = e, d = c, f = U("dialog"), p = O(!0), m = B(), { pop: g, push: _, isTop: v, zIndex: y } =
|
|
3243
|
+
let u = e, d = c, f = U("dialog"), p = O(!0), m = B(), { pop: g, push: _, isTop: v, zIndex: y } = qe(m, !0, !0), { deactivate: x, activate: C } = $e(f, v);
|
|
3203
3244
|
function w() {
|
|
3204
3245
|
d("close");
|
|
3205
3246
|
}
|
|
3206
|
-
|
|
3247
|
+
et([f], v, p, w, g), S(() => {
|
|
3207
3248
|
_(), C();
|
|
3208
3249
|
}), b(() => {
|
|
3209
3250
|
g(), x();
|
|
@@ -3229,12 +3270,12 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3229
3270
|
ref_key: "dialog",
|
|
3230
3271
|
ref: f,
|
|
3231
3272
|
style: { zIndex: R(y) }
|
|
3232
|
-
}), [s("div",
|
|
3273
|
+
}), [s("div", ai, [s("div", oi, [e.hiddenLabel ? a("", !0) : (T(), o("h2", {
|
|
3233
3274
|
key: 0,
|
|
3234
3275
|
id: "modal-label-" + R(m),
|
|
3235
3276
|
class: "g-modal-label",
|
|
3236
3277
|
tabindex: "-1"
|
|
3237
|
-
}, P(e.label), 9,
|
|
3278
|
+
}, P(e.label), 9, si)), s("button", {
|
|
3238
3279
|
class: "g-modal-close",
|
|
3239
3280
|
onClick: w,
|
|
3240
3281
|
"aria-label": "Close"
|
|
@@ -3249,19 +3290,19 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3249
3290
|
})], -1)]])]), s("div", {
|
|
3250
3291
|
id: "modal-description-" + R(m),
|
|
3251
3292
|
class: "g-modal-content"
|
|
3252
|
-
}, [A(r.$slots, "default")], 8,
|
|
3293
|
+
}, [A(r.$slots, "default")], 8, ci)])], 16, ii)]),
|
|
3253
3294
|
_: 3
|
|
3254
3295
|
})]));
|
|
3255
3296
|
}
|
|
3256
|
-
}),
|
|
3297
|
+
}), ui = [
|
|
3257
3298
|
"id",
|
|
3258
3299
|
"aria-expanded",
|
|
3259
3300
|
"aria-label",
|
|
3260
3301
|
"aria-controls"
|
|
3261
|
-
],
|
|
3302
|
+
], di = {
|
|
3262
3303
|
key: 0,
|
|
3263
3304
|
class: "g-hamburger-label"
|
|
3264
|
-
},
|
|
3305
|
+
}, fi = /* @__PURE__ */ u({
|
|
3265
3306
|
__name: "GHamburgerMenu",
|
|
3266
3307
|
props: {
|
|
3267
3308
|
label: { default: "Main Navigation" },
|
|
@@ -3274,7 +3315,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3274
3315
|
},
|
|
3275
3316
|
emits: ["toggle"],
|
|
3276
3317
|
setup(e, { emit: t }) {
|
|
3277
|
-
let n = e, r = p("sidebar") ?? (fe() ?
|
|
3318
|
+
let n = e, r = p("sidebar") ?? (fe() ? un(n.sidebarKey, I(n, "mediaQuery")) : void 0), i = t;
|
|
3278
3319
|
function c() {
|
|
3279
3320
|
i("toggle"), r?.toggle();
|
|
3280
3321
|
}
|
|
@@ -3297,36 +3338,36 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3297
3338
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3298
3339
|
viewBox: "0 0 51.26 51.26",
|
|
3299
3340
|
role: "none"
|
|
3300
|
-
}, [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",
|
|
3341
|
+
}, [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", di, P(e.label), 1)) : a("", !0)], 42, ui));
|
|
3301
3342
|
}
|
|
3302
|
-
}),
|
|
3343
|
+
}), pi = /* @__PURE__ */ u({
|
|
3303
3344
|
__name: "GDetailList",
|
|
3304
3345
|
props: { variant: { default: "grid" } },
|
|
3305
3346
|
setup(e) {
|
|
3306
3347
|
let t = e;
|
|
3307
3348
|
return (e, n) => (T(), o("dl", { class: _(["g-detail-list", `g-detail-list--${t.variant}`]) }, [A(e.$slots, "default")], 2));
|
|
3308
3349
|
}
|
|
3309
|
-
}),
|
|
3350
|
+
}), mi = { class: "g-detail-list-item" }, hi = { class: "g-detail-list-item__label" }, gi = { class: "g-detail-list-item__value" }, _i = /* @__PURE__ */ u({
|
|
3310
3351
|
__name: "GDetailListItem",
|
|
3311
3352
|
props: { label: {} },
|
|
3312
3353
|
setup(e) {
|
|
3313
|
-
return (t, n) => (T(), o("div",
|
|
3354
|
+
return (t, n) => (T(), o("div", mi, [s("dt", hi, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])]), s("dd", gi, [A(t.$slots, "default")])]));
|
|
3314
3355
|
}
|
|
3315
|
-
}),
|
|
3356
|
+
}), vi = {
|
|
3316
3357
|
key: 0,
|
|
3317
3358
|
class: "g-scroll-lock-overlay"
|
|
3318
|
-
},
|
|
3359
|
+
}, yi = /* @__PURE__ */ u({
|
|
3319
3360
|
__name: "GOverlay",
|
|
3320
3361
|
setup(e) {
|
|
3321
|
-
let { hasScrollLock: t } =
|
|
3362
|
+
let { hasScrollLock: t } = Je();
|
|
3322
3363
|
return (e, r) => (T(), i(n, { name: "g-fade" }, {
|
|
3323
|
-
default: J(() => [R(t) ? (T(), o("div",
|
|
3364
|
+
default: J(() => [R(t) ? (T(), o("div", vi)) : a("", !0)]),
|
|
3324
3365
|
_: 1
|
|
3325
3366
|
}));
|
|
3326
3367
|
}
|
|
3327
|
-
}),
|
|
3368
|
+
}), bi = { class: "popover-content" }, xi = { class: "year-dropdown" }, Si = { class: "month-selector" }, Ci = /* @__PURE__ */ u({
|
|
3328
3369
|
__name: "GTermSelectorControl",
|
|
3329
|
-
props:
|
|
3370
|
+
props: /*@__PURE__*/ m({
|
|
3330
3371
|
termYears: { default: () => ["2026"] },
|
|
3331
3372
|
termNames: { default: () => [
|
|
3332
3373
|
"Spring",
|
|
@@ -3345,7 +3386,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3345
3386
|
emits: ["update:modelValue"],
|
|
3346
3387
|
setup(e) {
|
|
3347
3388
|
let t = V(e, "modelValue");
|
|
3348
|
-
return (n, r) => (T(), o("div",
|
|
3389
|
+
return (n, r) => (T(), o("div", bi, [s("div", xi, [l(Ut, {
|
|
3349
3390
|
modelValue: t.value.year,
|
|
3350
3391
|
"onUpdate:modelValue": r[0] ||= (e) => t.value.year = e,
|
|
3351
3392
|
options: e.termYears,
|
|
@@ -3354,7 +3395,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3354
3395
|
"modelValue",
|
|
3355
3396
|
"options",
|
|
3356
3397
|
"label"
|
|
3357
|
-
])]), s("div",
|
|
3398
|
+
])]), s("div", Si, [l(bt, {
|
|
3358
3399
|
modelValue: t.value.name,
|
|
3359
3400
|
"onUpdate:modelValue": r[1] ||= (e) => t.value.name = e,
|
|
3360
3401
|
options: e.termNames,
|
|
@@ -3366,12 +3407,12 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3366
3407
|
"label"
|
|
3367
3408
|
])])]));
|
|
3368
3409
|
}
|
|
3369
|
-
}),
|
|
3410
|
+
}), wi = { class: "g-term-selector" }, Ti = { class: "g-term-label" }, Ei = {
|
|
3370
3411
|
class: "g-popover-title",
|
|
3371
3412
|
tabindex: "-1"
|
|
3372
|
-
},
|
|
3413
|
+
}, Di = /* @__PURE__ */ u({
|
|
3373
3414
|
__name: "GTermSelector",
|
|
3374
|
-
props:
|
|
3415
|
+
props: /*@__PURE__*/ m({
|
|
3375
3416
|
heading: { default: "Period Selection" },
|
|
3376
3417
|
yearLabel: {},
|
|
3377
3418
|
periodLabel: {},
|
|
@@ -3391,7 +3432,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3391
3432
|
emits: ["update:modelValue"],
|
|
3392
3433
|
setup(e) {
|
|
3393
3434
|
let t = V(e, "modelValue");
|
|
3394
|
-
return (n, r) => (T(), o("div",
|
|
3435
|
+
return (n, r) => (T(), o("div", wi, [l(at, null, {
|
|
3395
3436
|
trigger: J(({ toggle: e }) => [l(Q, {
|
|
3396
3437
|
class: "g-term-selector-button",
|
|
3397
3438
|
theme: "none",
|
|
@@ -3404,7 +3445,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3404
3445
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3405
3446
|
viewBox: "0 0 640 640"
|
|
3406
3447
|
}, [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),
|
|
3407
|
-
s("span",
|
|
3448
|
+
s("span", Ti, P(t.value?.name) + " " + P(t.value?.year), 1),
|
|
3408
3449
|
r[1] ||= s("span", { class: "g-caret" }, [s("svg", {
|
|
3409
3450
|
role: "none presentation",
|
|
3410
3451
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3413,15 +3454,15 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3413
3454
|
]),
|
|
3414
3455
|
_: 1
|
|
3415
3456
|
}, 8, ["onClick"])]),
|
|
3416
|
-
default: J(() => [s("h2",
|
|
3457
|
+
default: J(() => [s("h2", Ei, P(e.heading), 1), l(Ci, v(f(n.$props)), null, 16)]),
|
|
3417
3458
|
_: 1
|
|
3418
3459
|
})]));
|
|
3419
3460
|
}
|
|
3420
|
-
}),
|
|
3461
|
+
}), Oi = { class: "g-user-menu" }, ki = [
|
|
3421
3462
|
"aria-label",
|
|
3422
3463
|
"aria-expanded",
|
|
3423
3464
|
"onClick"
|
|
3424
|
-
],
|
|
3465
|
+
], Ai = { class: "g-user-menu__popover" }, ji = { class: "g-user-menu__list" }, Mi = /* @__PURE__ */ u({
|
|
3425
3466
|
__name: "GUserMenu",
|
|
3426
3467
|
props: {
|
|
3427
3468
|
initials: {},
|
|
@@ -3433,7 +3474,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3433
3474
|
let n = `${B()}-email`, r = O(!1), a = U("emailHeading");
|
|
3434
3475
|
d()?.appContext?.components?.RouterLink;
|
|
3435
3476
|
let c = H();
|
|
3436
|
-
return (u, d) => (T(), o("div",
|
|
3477
|
+
return (u, d) => (T(), o("div", Oi, [l(at, {
|
|
3437
3478
|
modelValue: r.value,
|
|
3438
3479
|
"onUpdate:modelValue": d[0] ||= (e) => r.value = e,
|
|
3439
3480
|
minimal: ""
|
|
@@ -3445,8 +3486,8 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3445
3486
|
"aria-expanded": r.value,
|
|
3446
3487
|
"aria-haspopup": "menu",
|
|
3447
3488
|
onClick: e
|
|
3448
|
-
}, P(t.initials), 13,
|
|
3449
|
-
default: J(() => [s("div",
|
|
3489
|
+
}, P(t.initials), 13, ki)]),
|
|
3490
|
+
default: J(() => [s("div", Ai, [s("h2", {
|
|
3450
3491
|
id: n,
|
|
3451
3492
|
ref_key: "emailHeading",
|
|
3452
3493
|
ref: a,
|
|
@@ -3455,13 +3496,13 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3455
3496
|
}, P(t.email), 513), s("nav", {
|
|
3456
3497
|
class: "g-user-menu__nav",
|
|
3457
3498
|
"aria-labelledby": n
|
|
3458
|
-
}, [s("ul",
|
|
3499
|
+
}, [s("ul", ji, [(T(!0), o(e, null, k(c.default(), (e, t) => (T(), o("li", { key: t }, [(T(), i(j(e)))]))), 128))])])])]),
|
|
3459
3500
|
_: 1
|
|
3460
3501
|
}, 8, ["modelValue"])]));
|
|
3461
3502
|
}
|
|
3462
|
-
}),
|
|
3503
|
+
}), Ni = /* @__PURE__ */ u({
|
|
3463
3504
|
__name: "GCurrencyInput",
|
|
3464
|
-
props:
|
|
3505
|
+
props: /*@__PURE__*/ m({
|
|
3465
3506
|
label: { default: void 0 },
|
|
3466
3507
|
placeholder: { default: "" },
|
|
3467
3508
|
disabled: {
|
|
@@ -3483,7 +3524,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3483
3524
|
emits: ["update:modelValue"],
|
|
3484
3525
|
setup(e) {
|
|
3485
3526
|
let t = e, n = V(e, "modelValue");
|
|
3486
|
-
return (e, r) => (T(), i(
|
|
3527
|
+
return (e, r) => (T(), i(ze, h({
|
|
3487
3528
|
modelValue: n.value,
|
|
3488
3529
|
"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
|
|
3489
3530
|
name: t.name,
|
|
@@ -3510,9 +3551,9 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3510
3551
|
"form-key"
|
|
3511
3552
|
]));
|
|
3512
3553
|
}
|
|
3513
|
-
}),
|
|
3554
|
+
}), Pi = /* @__PURE__ */ u({
|
|
3514
3555
|
__name: "GEmailInput",
|
|
3515
|
-
props:
|
|
3556
|
+
props: /*@__PURE__*/ m({
|
|
3516
3557
|
label: { default: void 0 },
|
|
3517
3558
|
placeholder: { default: "" },
|
|
3518
3559
|
disabled: {
|
|
@@ -3533,7 +3574,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3533
3574
|
emits: ["update:modelValue"],
|
|
3534
3575
|
setup(e) {
|
|
3535
3576
|
let t = V(e, "modelValue");
|
|
3536
|
-
return (n, r) => (T(), i(
|
|
3577
|
+
return (n, r) => (T(), i(ze, h({
|
|
3537
3578
|
modelValue: t.value,
|
|
3538
3579
|
"onUpdate:modelValue": r[0] ||= (e) => t.value = e,
|
|
3539
3580
|
name: e.name,
|
|
@@ -3555,13 +3596,13 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3555
3596
|
"instructions"
|
|
3556
3597
|
]));
|
|
3557
3598
|
}
|
|
3558
|
-
}),
|
|
3599
|
+
}), Fi = ["for"], Ii = {
|
|
3559
3600
|
key: 0,
|
|
3560
3601
|
class: "g-file-input-required"
|
|
3561
|
-
},
|
|
3602
|
+
}, Li = {
|
|
3562
3603
|
key: 0,
|
|
3563
3604
|
class: "g-file-input-box-header"
|
|
3564
|
-
},
|
|
3605
|
+
}, Ri = ["id"], zi = [
|
|
3565
3606
|
"id",
|
|
3566
3607
|
"disabled",
|
|
3567
3608
|
"required",
|
|
@@ -3570,14 +3611,14 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3570
3611
|
"aria-invalid",
|
|
3571
3612
|
"aria-describedby",
|
|
3572
3613
|
"aria-errormessage"
|
|
3573
|
-
],
|
|
3614
|
+
], Bi = {
|
|
3574
3615
|
key: 1,
|
|
3575
3616
|
class: "g-file-input-pills",
|
|
3576
3617
|
"aria-label": "Selected files"
|
|
3577
|
-
},
|
|
3618
|
+
}, Vi = /* @__PURE__ */ u({
|
|
3578
3619
|
inheritAttrs: !1,
|
|
3579
3620
|
__name: "GFileInput",
|
|
3580
|
-
props:
|
|
3621
|
+
props: /*@__PURE__*/ m({
|
|
3581
3622
|
label: {},
|
|
3582
3623
|
instructions: { default: "" },
|
|
3583
3624
|
disabled: {
|
|
@@ -3602,7 +3643,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3602
3643
|
modelValue: { default: () => [] },
|
|
3603
3644
|
modelModifiers: {}
|
|
3604
3645
|
}),
|
|
3605
|
-
emits:
|
|
3646
|
+
emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
|
|
3606
3647
|
setup(t, { emit: n }) {
|
|
3607
3648
|
let i = t, u = V(t, "modelValue"), d = B(), { displayErrors: f } = $({
|
|
3608
3649
|
name: i.name,
|
|
@@ -3631,12 +3672,12 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3631
3672
|
key: 0,
|
|
3632
3673
|
for: R(d),
|
|
3633
3674
|
class: "g-file-input-label"
|
|
3634
|
-
}, [c(P(t.label) + " ", 1), t.required ? (T(), o("span",
|
|
3675
|
+
}, [c(P(t.label) + " ", 1), t.required ? (T(), o("span", Ii, "*")) : a("", !0)], 8, Fi)) : a("", !0),
|
|
3635
3676
|
s("div", { class: _(["g-file-input-box", { "g-file-input-box--disabled": t.disabled }]) }, [
|
|
3636
|
-
t.instructions ? (T(), o("div",
|
|
3677
|
+
t.instructions ? (T(), o("div", Li, [s("span", {
|
|
3637
3678
|
id: "instructions-" + R(d),
|
|
3638
3679
|
class: "g-file-input-instructions"
|
|
3639
|
-
}, P(t.instructions), 9,
|
|
3680
|
+
}, P(t.instructions), 9, Ri)])) : a("", !0),
|
|
3640
3681
|
s("input", {
|
|
3641
3682
|
id: R(d),
|
|
3642
3683
|
type: "file",
|
|
@@ -3649,8 +3690,8 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3649
3690
|
"aria-describedby": t.instructions ? "instructions-" + R(d) : void 0,
|
|
3650
3691
|
"aria-errormessage": y.value ? "error-message-" + R(d) : void 0,
|
|
3651
3692
|
onChange: g
|
|
3652
|
-
}, null, 40,
|
|
3653
|
-
t.multiple && b.value.length > 0 ? (T(), o("ul",
|
|
3693
|
+
}, null, 40, zi),
|
|
3694
|
+
t.multiple && b.value.length > 0 ? (T(), o("ul", Bi, [(T(!0), o(e, null, k(b.value, (e) => (T(), o("li", {
|
|
3654
3695
|
key: e,
|
|
3655
3696
|
class: "g-file-input-pill"
|
|
3656
3697
|
}, [r[0] ||= s("svg", {
|
|
@@ -3660,15 +3701,15 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3660
3701
|
viewBox: "0 0 640 640"
|
|
3661
3702
|
}, [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)
|
|
3662
3703
|
], 2),
|
|
3663
|
-
l(
|
|
3704
|
+
l(Me, {
|
|
3664
3705
|
errors: v.value,
|
|
3665
3706
|
id: "error-message-" + R(d)
|
|
3666
3707
|
}, null, 8, ["errors", "id"])
|
|
3667
3708
|
], 2));
|
|
3668
3709
|
}
|
|
3669
|
-
}),
|
|
3710
|
+
}), Hi = /* @__PURE__ */ u({
|
|
3670
3711
|
__name: "GDateInput",
|
|
3671
|
-
props:
|
|
3712
|
+
props: /*@__PURE__*/ m({
|
|
3672
3713
|
label: { default: void 0 },
|
|
3673
3714
|
placeholder: { default: "" },
|
|
3674
3715
|
disabled: {
|
|
@@ -3690,7 +3731,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3690
3731
|
emits: ["update:modelValue"],
|
|
3691
3732
|
setup(e) {
|
|
3692
3733
|
let t = e, n = V(e, "modelValue");
|
|
3693
|
-
return (e, r) => (T(), i(
|
|
3734
|
+
return (e, r) => (T(), i(ze, h({
|
|
3694
3735
|
modelValue: n.value,
|
|
3695
3736
|
"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
|
|
3696
3737
|
name: t.name,
|
|
@@ -3714,23 +3755,23 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3714
3755
|
"form-key"
|
|
3715
3756
|
]));
|
|
3716
3757
|
}
|
|
3717
|
-
}),
|
|
3758
|
+
}), Ui = { class: "g-date-range-input" }, Wi = {
|
|
3718
3759
|
key: 0,
|
|
3719
3760
|
class: "g-date-range-input__label"
|
|
3720
|
-
},
|
|
3761
|
+
}, Gi = {
|
|
3721
3762
|
key: 0,
|
|
3722
3763
|
class: "g-date-range-input__required",
|
|
3723
3764
|
"aria-hidden": "true"
|
|
3724
|
-
},
|
|
3765
|
+
}, Ki = {
|
|
3725
3766
|
key: 1,
|
|
3726
3767
|
class: "g-date-range-input__instructions"
|
|
3727
|
-
},
|
|
3768
|
+
}, qi = { class: "g-date-range-input__fields" }, Ji = {
|
|
3728
3769
|
key: 2,
|
|
3729
3770
|
class: "g-date-range-input__errors",
|
|
3730
3771
|
role: "alert"
|
|
3731
|
-
},
|
|
3772
|
+
}, Yi = /* @__PURE__ */ u({
|
|
3732
3773
|
__name: "GDateRangeInput",
|
|
3733
|
-
props:
|
|
3774
|
+
props: /*@__PURE__*/ m({
|
|
3734
3775
|
label: { default: void 0 },
|
|
3735
3776
|
startLabel: { default: "Start Date" },
|
|
3736
3777
|
endLabel: { default: "End Date" },
|
|
@@ -3768,10 +3809,10 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3768
3809
|
};
|
|
3769
3810
|
}), K(r, (e) => {
|
|
3770
3811
|
e.start !== i.value && (i.value = e.start), e.end !== u.value && (u.value = e.end);
|
|
3771
|
-
}, { deep: !0 }), (t, r) => (T(), o("div",
|
|
3772
|
-
n.label ? (T(), o("div",
|
|
3773
|
-
n.instructions ? (T(), o("div",
|
|
3774
|
-
s("div",
|
|
3812
|
+
}, { deep: !0 }), (t, r) => (T(), o("div", Ui, [
|
|
3813
|
+
n.label ? (T(), o("div", Wi, [c(P(n.label), 1), n.required ? (T(), o("span", Gi, " *")) : a("", !0)])) : a("", !0),
|
|
3814
|
+
n.instructions ? (T(), o("div", Ki, P(n.instructions), 1)) : a("", !0),
|
|
3815
|
+
s("div", qi, [l(Hi, {
|
|
3775
3816
|
modelValue: i.value,
|
|
3776
3817
|
"onUpdate:modelValue": r[0] ||= (e) => i.value = e,
|
|
3777
3818
|
label: n.startLabel,
|
|
@@ -3783,7 +3824,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3783
3824
|
"label",
|
|
3784
3825
|
"disabled",
|
|
3785
3826
|
"required"
|
|
3786
|
-
]), l(
|
|
3827
|
+
]), l(Hi, {
|
|
3787
3828
|
modelValue: u.value,
|
|
3788
3829
|
"onUpdate:modelValue": r[1] ||= (e) => u.value = e,
|
|
3789
3830
|
label: n.endLabel,
|
|
@@ -3796,15 +3837,15 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3796
3837
|
"disabled",
|
|
3797
3838
|
"required"
|
|
3798
3839
|
])]),
|
|
3799
|
-
R(d).length > 0 ? (T(), o("div",
|
|
3840
|
+
R(d).length > 0 ? (T(), o("div", Ji, [(T(!0), o(e, null, k(R(d), (e, t) => (T(), o("div", {
|
|
3800
3841
|
key: t,
|
|
3801
3842
|
class: "g-date-range-input__error"
|
|
3802
3843
|
}, P(e), 1))), 128))])) : a("", !0)
|
|
3803
3844
|
]));
|
|
3804
3845
|
}
|
|
3805
|
-
}),
|
|
3846
|
+
}), Xi = ["action", "method"], Zi = /* @__PURE__ */ u({
|
|
3806
3847
|
__name: "GForm",
|
|
3807
|
-
props:
|
|
3848
|
+
props: /*@__PURE__*/ m({
|
|
3808
3849
|
action: { default: void 0 },
|
|
3809
3850
|
method: { default: "post" },
|
|
3810
3851
|
formKey: { default: "default" }
|
|
@@ -3812,9 +3853,9 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3812
3853
|
modelValue: { default: () => ({}) },
|
|
3813
3854
|
modelModifiers: {}
|
|
3814
3855
|
}),
|
|
3815
|
-
emits:
|
|
3856
|
+
emits: /*@__PURE__*/ m(["submit"], ["update:modelValue"]),
|
|
3816
3857
|
setup(e, { emit: t }) {
|
|
3817
|
-
let n = e, r = V(e, "modelValue"), i = t, a = p("form", null), s = a ?? (fe() ?
|
|
3858
|
+
let n = e, r = V(e, "modelValue"), i = t, a = p("form", null), s = a ?? (fe() ? Ae(n.formKey) : Oe());
|
|
3818
3859
|
a || E("form", s), K(() => s.values.value, (e) => {
|
|
3819
3860
|
r.value = { ...e };
|
|
3820
3861
|
}, { deep: !0 }), K(() => r.value, (e) => {
|
|
@@ -3842,9 +3883,9 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3842
3883
|
hasErrors: R(s).hasErrors.value,
|
|
3843
3884
|
values: R(s).values.value,
|
|
3844
3885
|
errors: R(s).errors.value
|
|
3845
|
-
})], 40,
|
|
3886
|
+
})], 40, Xi));
|
|
3846
3887
|
}
|
|
3847
|
-
}),
|
|
3888
|
+
}), Qi = /* @__PURE__ */ u({
|
|
3848
3889
|
__name: "GSubmitButton",
|
|
3849
3890
|
props: {
|
|
3850
3891
|
disabled: {
|
|
@@ -3856,7 +3897,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3856
3897
|
formKey: { default: "default" }
|
|
3857
3898
|
},
|
|
3858
3899
|
setup(e) {
|
|
3859
|
-
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) ?? (fe() ?
|
|
3900
|
+
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) ?? (fe() ? Ae(o) : null), u = r(() => t.disabled || (l?.isSubmitting.value ?? !1)), d = r(() => l?.isSubmitting.value ?? !1);
|
|
3860
3901
|
return (e, n) => (T(), i(Q, {
|
|
3861
3902
|
type: "submit",
|
|
3862
3903
|
disabled: u.value,
|
|
@@ -3867,21 +3908,21 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3867
3908
|
_: 3
|
|
3868
3909
|
}, 8, ["disabled", "variant"]));
|
|
3869
3910
|
}
|
|
3870
|
-
}),
|
|
3911
|
+
}), $i = {
|
|
3871
3912
|
key: 0,
|
|
3872
3913
|
class: "g-checkbox-group__legend"
|
|
3873
|
-
},
|
|
3914
|
+
}, ea = {
|
|
3874
3915
|
key: 0,
|
|
3875
3916
|
class: "g-checkbox-group__required",
|
|
3876
3917
|
"aria-hidden": "true"
|
|
3877
|
-
},
|
|
3918
|
+
}, ta = {
|
|
3878
3919
|
key: 1,
|
|
3879
3920
|
class: "g-checkbox-group__label"
|
|
3880
|
-
},
|
|
3921
|
+
}, na = {
|
|
3881
3922
|
key: 0,
|
|
3882
3923
|
class: "g-checkbox-group__required",
|
|
3883
3924
|
"aria-hidden": "true"
|
|
3884
|
-
},
|
|
3925
|
+
}, ra = ["id"], ia = { class: "g-checkbox-group__options" }, aa = ["for"], oa = [
|
|
3885
3926
|
"id",
|
|
3886
3927
|
"type",
|
|
3887
3928
|
"name",
|
|
@@ -3890,9 +3931,9 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3890
3931
|
"disabled",
|
|
3891
3932
|
"required",
|
|
3892
3933
|
"onChange"
|
|
3893
|
-
],
|
|
3934
|
+
], sa = { class: "g-checkbox-group__label-text" }, ca = ["id"], la = /* @__PURE__ */ u({
|
|
3894
3935
|
__name: "GCheckboxGroup",
|
|
3895
|
-
props:
|
|
3936
|
+
props: /*@__PURE__*/ m({
|
|
3896
3937
|
label: { default: void 0 },
|
|
3897
3938
|
options: {},
|
|
3898
3939
|
instructions: { default: "" },
|
|
@@ -3911,7 +3952,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3911
3952
|
modelValue: { default: () => [] },
|
|
3912
3953
|
modelModifiers: {}
|
|
3913
3954
|
}),
|
|
3914
|
-
emits:
|
|
3955
|
+
emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
|
|
3915
3956
|
setup(t, { emit: n }) {
|
|
3916
3957
|
let u = t, d = V(t, "modelValue"), f = B(), { displayErrors: p, hasErrors: m } = $({
|
|
3917
3958
|
name: u.name,
|
|
@@ -3952,13 +3993,13 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3952
3993
|
}
|
|
3953
3994
|
return (n, r) => (T(), i(j(C.value ? "fieldset" : "div"), h({ class: ["g-checkbox-group", { "g-checkbox-group--error": R(m) }] }, w.value), {
|
|
3954
3995
|
default: J(() => [
|
|
3955
|
-
C.value && t.label ? (T(), o("legend",
|
|
3996
|
+
C.value && t.label ? (T(), o("legend", $i, [c(P(t.label), 1), t.required ? (T(), o("span", ea, "\xA0*")) : a("", !0)])) : !C.value && t.label ? (T(), o("div", ta, [c(P(t.label), 1), t.required ? (T(), o("span", na, "\xA0*")) : a("", !0)])) : a("", !0),
|
|
3956
3997
|
t.instructions ? (T(), o("div", {
|
|
3957
3998
|
key: 2,
|
|
3958
3999
|
id: S.value,
|
|
3959
4000
|
class: "g-checkbox-group__instructions"
|
|
3960
|
-
}, P(t.instructions), 9,
|
|
3961
|
-
s("div",
|
|
4001
|
+
}, P(t.instructions), 9, ra)) : a("", !0),
|
|
4002
|
+
s("div", ia, [(T(!0), o(e, null, k(t.options, (e, n) => (T(), o("div", {
|
|
3962
4003
|
key: e.value,
|
|
3963
4004
|
class: _(["g-checkbox-group__option-wrapper", { "g-checkbox-group__option-wrapper--disabled": e.disabled }])
|
|
3964
4005
|
}, [s("label", {
|
|
@@ -3973,12 +4014,12 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3973
4014
|
disabled: e.disabled,
|
|
3974
4015
|
required: t.required && (t.radio && n === 0 || !t.radio && t.options.length === 1),
|
|
3975
4016
|
class: "g-checkbox-group__input"
|
|
3976
|
-
}, { ref_for: !0 }, O(e, n), { onChange: (t) => y(e.value, t.target.checked) }), null, 16,
|
|
4017
|
+
}, { ref_for: !0 }, O(e, n), { onChange: (t) => y(e.value, t.target.checked) }), null, 16, oa), s("span", sa, P(e.label), 1)], 10, aa), e.hint ? (T(), o("div", {
|
|
3977
4018
|
key: 0,
|
|
3978
4019
|
id: E(n),
|
|
3979
4020
|
class: "g-checkbox-group__hint"
|
|
3980
|
-
}, P(e.hint), 9,
|
|
3981
|
-
l(
|
|
4021
|
+
}, P(e.hint), 9, ca)) : a("", !0)], 2))), 128))]),
|
|
4022
|
+
l(Me, {
|
|
3982
4023
|
errors: R(p),
|
|
3983
4024
|
id: x.value
|
|
3984
4025
|
}, null, 8, ["errors", "id"])
|
|
@@ -3986,11 +4027,11 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3986
4027
|
_: 1
|
|
3987
4028
|
}, 16, ["class"]));
|
|
3988
4029
|
}
|
|
3989
|
-
}),
|
|
4030
|
+
}), ua = ["for"], da = {
|
|
3990
4031
|
key: 0,
|
|
3991
4032
|
class: "g-textarea-required",
|
|
3992
4033
|
"aria-hidden": "true"
|
|
3993
|
-
},
|
|
4034
|
+
}, fa = ["id"], pa = [
|
|
3994
4035
|
"value",
|
|
3995
4036
|
"placeholder",
|
|
3996
4037
|
"disabled",
|
|
@@ -3999,14 +4040,14 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3999
4040
|
"rows",
|
|
4000
4041
|
"maxlength",
|
|
4001
4042
|
"aria-invalid"
|
|
4002
|
-
],
|
|
4043
|
+
], ma = {
|
|
4003
4044
|
key: 2,
|
|
4004
4045
|
class: "g-textarea-char-count",
|
|
4005
4046
|
"aria-live": "polite"
|
|
4006
|
-
},
|
|
4047
|
+
}, ha = /* @__PURE__ */ u({
|
|
4007
4048
|
inheritAttrs: !1,
|
|
4008
4049
|
__name: "GTextarea",
|
|
4009
|
-
props:
|
|
4050
|
+
props: /*@__PURE__*/ m({
|
|
4010
4051
|
label: { default: void 0 },
|
|
4011
4052
|
placeholder: { default: "" },
|
|
4012
4053
|
disabled: {
|
|
@@ -4035,7 +4076,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
4035
4076
|
modelValue: { type: String },
|
|
4036
4077
|
modelModifiers: {}
|
|
4037
4078
|
}),
|
|
4038
|
-
emits:
|
|
4079
|
+
emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
|
|
4039
4080
|
setup(e, { emit: t }) {
|
|
4040
4081
|
let n = e, i = V(e, "modelValue"), u = B(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = pe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: v, hasErrors: y } = $({
|
|
4041
4082
|
name: n.name,
|
|
@@ -4076,12 +4117,12 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
4076
4117
|
key: 0,
|
|
4077
4118
|
for: m.value,
|
|
4078
4119
|
class: "g-textarea-label"
|
|
4079
|
-
}, [c(P(n.label), 1), n.required ? (T(), o("span",
|
|
4120
|
+
}, [c(P(n.label), 1), n.required ? (T(), o("span", da, " *")) : a("", !0)], 8, ua)) : a("", !0),
|
|
4080
4121
|
t.$slots.instructions || e.instructions ? (T(), o("div", {
|
|
4081
4122
|
key: 1,
|
|
4082
4123
|
id: "instructions-" + R(u),
|
|
4083
4124
|
class: "g-textarea-instructions"
|
|
4084
|
-
}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8,
|
|
4125
|
+
}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8, fa)) : a("", !0),
|
|
4085
4126
|
s("textarea", h({
|
|
4086
4127
|
ref: "textareaEl",
|
|
4087
4128
|
value: i.value ?? "",
|
|
@@ -4102,9 +4143,9 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
4102
4143
|
onInput: w,
|
|
4103
4144
|
onBlur: E,
|
|
4104
4145
|
onPaste: D
|
|
4105
|
-
}), null, 16,
|
|
4106
|
-
n.maxlength === void 0 ? a("", !0) : (T(), o("div",
|
|
4107
|
-
l(
|
|
4146
|
+
}), null, 16, pa),
|
|
4147
|
+
n.maxlength === void 0 ? a("", !0) : (T(), o("div", ma, P((i.value ?? "").length) + " / " + P(n.maxlength), 1)),
|
|
4148
|
+
l(Me, {
|
|
4108
4149
|
errors: R(v),
|
|
4109
4150
|
id: "error-message-" + R(u)
|
|
4110
4151
|
}, null, 8, ["errors", "id"])
|
|
@@ -4113,7 +4154,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
4113
4154
|
});
|
|
4114
4155
|
//#endregion
|
|
4115
4156
|
//#region src/compose/useActiveLink.ts
|
|
4116
|
-
function
|
|
4157
|
+
function ga(e, t, n) {
|
|
4117
4158
|
let r = [
|
|
4118
4159
|
0,
|
|
4119
4160
|
.25,
|
|
@@ -4143,7 +4184,7 @@ function ha(e, t, n) {
|
|
|
4143
4184
|
}
|
|
4144
4185
|
//#endregion
|
|
4145
4186
|
//#region src/compose/useSidebar.ts
|
|
4146
|
-
function
|
|
4187
|
+
function _a(e = "(max-width: 800px)") {
|
|
4147
4188
|
let t = B(), n = O(!1), r = se(e, { ssrWidth: 1e3 });
|
|
4148
4189
|
function i(e) {
|
|
4149
4190
|
if (!r.value || !n.value) return;
|
|
@@ -4174,7 +4215,7 @@ function ga(e = "(max-width: 800px)") {
|
|
|
4174
4215
|
}
|
|
4175
4216
|
//#endregion
|
|
4176
4217
|
//#region src/compose/useTableChanges.ts
|
|
4177
|
-
function
|
|
4218
|
+
function va() {
|
|
4178
4219
|
let e = M(/* @__PURE__ */ new Map()), t = ee(), n = (n) => {
|
|
4179
4220
|
let r = n.column.key, i = n.row.key, a = n.value, o = n.previousValue;
|
|
4180
4221
|
e.has(i) || e.set(i, M(/* @__PURE__ */ new Map()));
|
|
@@ -4277,6 +4318,6 @@ function _a() {
|
|
|
4277
4318
|
};
|
|
4278
4319
|
}
|
|
4279
4320
|
//#endregion
|
|
4280
|
-
export {
|
|
4321
|
+
export { Ae as $, er as A, Ut as B, gr as C, vr as D, hr as E, gn as F, at as G, Tt as H, fn as I, $e as J, tt as K, un as L, wn as M, yn as N, yr as O, _n as P, $ as Q, sn as R, Jr as S, _r as T, bt as U, jt as V, pt as W, Je as X, qe as Y, ze as Z, _i as _, la as a, Q as at, li as b, Yi as c, Pi as d, Oe as et, Ni as f, yi as g, Ci as h, ha as i, ge as it, zn as j, pr as k, Hi as l, Di as m, _a as n, Se as nt, Qi as o, Mi as p, et as q, ga as r, xe as rt, Zi as s, va as t, De as tt, Vi as u, pi as v, mr as w, ri as x, fi as y, $t as z };
|
|
4281
4322
|
|
|
4282
|
-
//# sourceMappingURL=grad-vue-
|
|
4323
|
+
//# sourceMappingURL=grad-vue-D1bBU4zO.js.map
|