@illinois-grad/grad-vue 3.0.7 → 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/custom-elements.json +30 -0
- package/dist/components/GHamburgerMenu.vue.d.ts +11 -0
- 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/components/GTreeMenu.vue.d.ts +22 -0
- package/dist/compose/useScrollRestore.d.ts +12 -0
- package/dist/{grad-vue-DmUhI4Ja.js → grad-vue-D1bBU4zO.js} +542 -482
- package/dist/grad-vue-D1bBU4zO.js.map +1 -0
- package/dist/grad-vue-elements.css +27 -27
- package/dist/grad-vue-elements.js +446 -383
- 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-DmUhI4Ja.js.map +0 -1
|
@@ -91,10 +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,
|
|
178
|
+
class: "g-tree-menu__divider-line"
|
|
179
|
+
}, ye = {
|
|
180
|
+
key: 1,
|
|
96
181
|
class: "g-tree-menu__expand-all-wrapper"
|
|
97
|
-
},
|
|
182
|
+
}, be = { class: "g-tree-menu__content" }, xe = /* @__PURE__ */ u({
|
|
98
183
|
__name: "GTreeMenu",
|
|
99
184
|
props: {
|
|
100
185
|
heading: {},
|
|
@@ -104,81 +189,41 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
104
189
|
showExpandAll: {
|
|
105
190
|
type: Boolean,
|
|
106
191
|
default: !1
|
|
192
|
+
},
|
|
193
|
+
headingLevel: { default: "h2" },
|
|
194
|
+
smallHeading: {
|
|
195
|
+
type: Boolean,
|
|
196
|
+
default: !1
|
|
107
197
|
}
|
|
108
198
|
},
|
|
109
199
|
setup(e) {
|
|
110
200
|
let t = e, n = B();
|
|
111
201
|
E("g-tree-menu-list-type", t.listType), E("g-tree-menu-expanded-storage", t.storageKey ? ue(t.storageKey, {}) : null);
|
|
112
|
-
let
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
for (; t && t !== document.documentElement && t !== document.body;) {
|
|
116
|
-
let e = window.getComputedStyle(t);
|
|
117
|
-
if (e.overflowY === "auto" || e.overflowY === "scroll") return t;
|
|
118
|
-
t = t.parentElement;
|
|
119
|
-
}
|
|
120
|
-
return null;
|
|
121
|
-
}
|
|
122
|
-
let d = null, f = null, p = null, m = !1;
|
|
123
|
-
function v() {
|
|
124
|
-
l && d && (l.value = d.scrollTop);
|
|
125
|
-
}
|
|
126
|
-
function y() {
|
|
127
|
-
f &&= (f.disconnect(), null), p &&= (p.disconnect(), null);
|
|
128
|
-
}
|
|
129
|
-
function b() {
|
|
130
|
-
!l || !d || m || l.value <= 0 || (d.scrollTop = l.value, m = d.scrollTop > 0, m && y());
|
|
131
|
-
}
|
|
132
|
-
function x(e) {
|
|
133
|
-
if (typeof MutationObserver > "u") return;
|
|
134
|
-
p = new MutationObserver(() => {
|
|
135
|
-
b();
|
|
136
|
-
});
|
|
137
|
-
let t = e;
|
|
138
|
-
for (; t;) p.observe(t, {
|
|
139
|
-
attributes: !0,
|
|
140
|
-
attributeFilter: [
|
|
141
|
-
"class",
|
|
142
|
-
"style",
|
|
143
|
-
"hidden",
|
|
144
|
-
"open"
|
|
145
|
-
]
|
|
146
|
-
}), t = t.parentElement;
|
|
147
|
-
}
|
|
148
|
-
S(() => {
|
|
149
|
-
!l || !i.value || (d = u(i.value), d && (g(() => {
|
|
150
|
-
b();
|
|
151
|
-
}), typeof ResizeObserver < "u" && (f = new ResizeObserver(() => {
|
|
152
|
-
b();
|
|
153
|
-
}), f.observe(i.value), f.observe(d)), x(i.value), d.addEventListener("scroll", v)));
|
|
154
|
-
}), C(() => {
|
|
155
|
-
y(), d &&= (d.removeEventListener("scroll", v), null), m = !1;
|
|
156
|
-
});
|
|
157
|
-
let w = D(/* @__PURE__ */ new Map());
|
|
158
|
-
E("g-tree-menu-expandable-items", w);
|
|
159
|
-
let k = 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({
|
|
160
205
|
expanded: !0,
|
|
161
206
|
version: 0
|
|
162
207
|
});
|
|
163
|
-
E("g-tree-menu-expand-all-signal",
|
|
164
|
-
let
|
|
165
|
-
if (
|
|
166
|
-
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;
|
|
167
212
|
return !0;
|
|
168
213
|
});
|
|
169
|
-
function
|
|
170
|
-
|
|
171
|
-
expanded: !
|
|
172
|
-
version:
|
|
214
|
+
function p() {
|
|
215
|
+
d.value = {
|
|
216
|
+
expanded: !f.value,
|
|
217
|
+
version: d.value.version + 1
|
|
173
218
|
};
|
|
174
219
|
}
|
|
175
|
-
function
|
|
220
|
+
function m(e) {
|
|
176
221
|
return e.querySelector("a, button, [tabindex='0']") || e;
|
|
177
222
|
}
|
|
178
|
-
function
|
|
223
|
+
function v(e) {
|
|
179
224
|
return Array.from(e.querySelectorAll("[data-tree-primary]"));
|
|
180
225
|
}
|
|
181
|
-
function
|
|
226
|
+
function y(e) {
|
|
182
227
|
let t = e.currentTarget, n = document.activeElement;
|
|
183
228
|
if (!t.contains(n) || ![
|
|
184
229
|
"ArrowUp",
|
|
@@ -188,16 +233,16 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
188
233
|
"Home",
|
|
189
234
|
"End"
|
|
190
235
|
].includes(e.key)) return;
|
|
191
|
-
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;
|
|
192
237
|
switch (e.key) {
|
|
193
238
|
case "ArrowDown": {
|
|
194
239
|
let e = a[o + 1];
|
|
195
|
-
e &&
|
|
240
|
+
e && m(e).focus();
|
|
196
241
|
break;
|
|
197
242
|
}
|
|
198
243
|
case "ArrowUp": {
|
|
199
244
|
let e = a[o - 1];
|
|
200
|
-
e &&
|
|
245
|
+
e && m(e).focus();
|
|
201
246
|
break;
|
|
202
247
|
}
|
|
203
248
|
case "ArrowRight":
|
|
@@ -207,48 +252,55 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
207
252
|
e && e.click();
|
|
208
253
|
} else {
|
|
209
254
|
let e = a[o + 1];
|
|
210
|
-
e &&
|
|
255
|
+
e && m(e).focus();
|
|
211
256
|
}
|
|
212
257
|
break;
|
|
213
258
|
case "ArrowLeft":
|
|
214
259
|
if (!r) break;
|
|
215
260
|
if (r.querySelector("[aria-expanded='true']") !== null) {
|
|
216
261
|
let e = r.querySelector(".g-tree-menu__toggle-btn");
|
|
217
|
-
e && e.click(), i && g(() =>
|
|
262
|
+
e && e.click(), i && g(() => m(i).focus());
|
|
218
263
|
} else {
|
|
219
264
|
let e = r.parentElement?.closest(".g-tree-menu__item");
|
|
220
265
|
if (e) {
|
|
221
266
|
let t = e.querySelector("[data-tree-primary]");
|
|
222
|
-
t &&
|
|
267
|
+
t && m(t).focus();
|
|
223
268
|
}
|
|
224
269
|
}
|
|
225
270
|
break;
|
|
226
271
|
case "Home":
|
|
227
|
-
a.length > 0 &&
|
|
272
|
+
a.length > 0 && m(a[0]).focus();
|
|
228
273
|
break;
|
|
229
274
|
case "End":
|
|
230
|
-
a.length > 0 &&
|
|
275
|
+
a.length > 0 && m(a[a.length - 1]).focus();
|
|
231
276
|
break;
|
|
232
277
|
}
|
|
233
278
|
e.preventDefault();
|
|
234
279
|
}
|
|
235
|
-
return (r,
|
|
280
|
+
return (r, u) => (T(), o("nav", h({
|
|
236
281
|
ref: "nav-el",
|
|
237
|
-
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
|
+
]]
|
|
238
287
|
}, {
|
|
239
288
|
"aria-labelledby": e.heading ? R(n) : void 0,
|
|
240
289
|
"aria-label": e.heading ? void 0 : "Tree Menu"
|
|
241
|
-
}, { onKeydown:
|
|
242
|
-
e.heading ? (T(),
|
|
290
|
+
}, { onKeydown: y }), [
|
|
291
|
+
e.heading ? (T(), i(j(e.headingLevel), {
|
|
243
292
|
key: 0,
|
|
244
293
|
id: R(n),
|
|
245
294
|
class: "g-tree-menu__title"
|
|
246
|
-
},
|
|
247
|
-
|
|
295
|
+
}, {
|
|
296
|
+
default: J(() => [c(P(e.heading), 1)]),
|
|
297
|
+
_: 1
|
|
298
|
+
}, 8, ["id"])) : a("", !0),
|
|
299
|
+
s("div", _e, [e.smallHeading ? a("", !0) : (T(), o("div", ve)), e.showExpandAll ? (T(), o("div", ye, [s("button", {
|
|
248
300
|
class: "g-tree-menu__expand-all-btn",
|
|
249
|
-
onClick:
|
|
301
|
+
onClick: p
|
|
250
302
|
}, [(T(), o("svg", {
|
|
251
|
-
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 }]),
|
|
252
304
|
role: "none",
|
|
253
305
|
viewBox: "0 0 24 24",
|
|
254
306
|
fill: "none",
|
|
@@ -256,11 +308,11 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
256
308
|
"stroke-width": "2.5",
|
|
257
309
|
"stroke-linecap": "round",
|
|
258
310
|
"stroke-linejoin": "round"
|
|
259
|
-
}, [...
|
|
260
|
-
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")])
|
|
261
313
|
], 16));
|
|
262
314
|
}
|
|
263
|
-
}),
|
|
315
|
+
}), Se = /* @__PURE__ */ u({
|
|
264
316
|
name: "GTreeMenuList",
|
|
265
317
|
props: { listType: { default: void 0 } },
|
|
266
318
|
setup(e) {
|
|
@@ -277,16 +329,16 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
277
329
|
_: 3
|
|
278
330
|
}, 8, ["role"]));
|
|
279
331
|
}
|
|
280
|
-
}),
|
|
332
|
+
}), Ce = {
|
|
281
333
|
key: 0,
|
|
282
334
|
class: "g-tree-menu__row"
|
|
283
|
-
},
|
|
335
|
+
}, we = { class: "g-tree-menu__row-content-text" }, Te = {
|
|
284
336
|
key: 1,
|
|
285
337
|
class: "g-tree-menu__row g-tree-menu__row--leaf"
|
|
286
|
-
},
|
|
338
|
+
}, Ee = {
|
|
287
339
|
class: "g-tree-menu__row-content",
|
|
288
340
|
"data-tree-primary": ""
|
|
289
|
-
},
|
|
341
|
+
}, De = /* @__PURE__ */ u({
|
|
290
342
|
name: "GTreeMenuItem",
|
|
291
343
|
inheritAttrs: !1,
|
|
292
344
|
props: {
|
|
@@ -358,7 +410,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
358
410
|
class: "g-tree-menu__item",
|
|
359
411
|
"data-tree-expandable": g.value ? "true" : void 0
|
|
360
412
|
}), {
|
|
361
|
-
default: J(() => [g.value ? (T(), o("div",
|
|
413
|
+
default: J(() => [g.value ? (T(), o("div", Ce, [s("div", {
|
|
362
414
|
class: "g-tree-menu__toggle-btn",
|
|
363
415
|
onClick: D
|
|
364
416
|
}, [(T(), o("svg", {
|
|
@@ -377,7 +429,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
377
429
|
"data-tree-primary": "",
|
|
378
430
|
onClick: L,
|
|
379
431
|
onKeydown: V
|
|
380
|
-
}, [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, {
|
|
381
433
|
key: 2,
|
|
382
434
|
id: R(f) + "-children"
|
|
383
435
|
}, {
|
|
@@ -390,7 +442,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
|
|
|
390
442
|
});
|
|
391
443
|
//#endregion
|
|
392
444
|
//#region src/compose/useForm.ts
|
|
393
|
-
function
|
|
445
|
+
function Oe() {
|
|
394
446
|
let e = M({}), t = O(!1), n = r(() => {
|
|
395
447
|
let t = {};
|
|
396
448
|
return Object.entries(e).forEach(([e, n]) => {
|
|
@@ -432,18 +484,18 @@ function De() {
|
|
|
432
484
|
}
|
|
433
485
|
//#endregion
|
|
434
486
|
//#region src/compose/useWebComponentForm.ts
|
|
435
|
-
function
|
|
487
|
+
function ke() {
|
|
436
488
|
let e = globalThis;
|
|
437
489
|
return e.__GRAD_VUE_WC_FORMS__ ||= /* @__PURE__ */ new Map(), e.__GRAD_VUE_WC_FORMS__;
|
|
438
490
|
}
|
|
439
|
-
function
|
|
440
|
-
let t =
|
|
441
|
-
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);
|
|
442
494
|
}
|
|
443
495
|
//#endregion
|
|
444
496
|
//#region src/compose/useFormField.ts
|
|
445
497
|
function $(e) {
|
|
446
|
-
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(() => {
|
|
447
499
|
let t = [];
|
|
448
500
|
return e.errors && t.push(...e.errors.value.filter(Boolean)), t;
|
|
449
501
|
}), s = r(() => o.value.length > 0), c = e.name;
|
|
@@ -462,7 +514,7 @@ function $(e) {
|
|
|
462
514
|
}
|
|
463
515
|
//#endregion
|
|
464
516
|
//#region src/components/form/GFormErrorMessages.vue?vue&type=script&setup=true&lang.ts
|
|
465
|
-
var
|
|
517
|
+
var je = ["id"], Me = /* @__PURE__ */ u({
|
|
466
518
|
__name: "GFormErrorMessages",
|
|
467
519
|
props: {
|
|
468
520
|
errors: {},
|
|
@@ -484,28 +536,28 @@ var Ae = ["id"], je = /* @__PURE__ */ u({
|
|
|
484
536
|
}, [s("path", {
|
|
485
537
|
fill: "currentColor",
|
|
486
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"
|
|
487
|
-
})], -1), c(" " + P(e), 1)]))), 128))], 8,
|
|
539
|
+
})], -1), c(" " + P(e), 1)]))), 128))], 8, je)) : a("", !0);
|
|
488
540
|
}
|
|
489
|
-
}),
|
|
541
|
+
}), Ne = ["for"], Pe = {
|
|
490
542
|
key: 0,
|
|
491
543
|
class: "g-text-input-required",
|
|
492
544
|
"aria-hidden": "true"
|
|
493
|
-
},
|
|
545
|
+
}, Fe = ["id"], Ie = {
|
|
494
546
|
key: 0,
|
|
495
547
|
class: "g-text-input-prefix"
|
|
496
|
-
},
|
|
548
|
+
}, Le = [
|
|
497
549
|
"value",
|
|
498
550
|
"placeholder",
|
|
499
551
|
"disabled",
|
|
500
552
|
"required",
|
|
501
553
|
"aria-invalid"
|
|
502
|
-
],
|
|
554
|
+
], Re = {
|
|
503
555
|
key: 1,
|
|
504
556
|
class: "g-text-input-suffix"
|
|
505
|
-
},
|
|
557
|
+
}, ze = /* @__PURE__ */ u({
|
|
506
558
|
inheritAttrs: !1,
|
|
507
559
|
__name: "GTextInput",
|
|
508
|
-
props:
|
|
560
|
+
props: /*@__PURE__*/ m({
|
|
509
561
|
label: { default: void 0 },
|
|
510
562
|
placeholder: { default: "" },
|
|
511
563
|
disabled: {
|
|
@@ -527,7 +579,7 @@ var Ae = ["id"], je = /* @__PURE__ */ u({
|
|
|
527
579
|
modelValue: { type: String },
|
|
528
580
|
modelModifiers: {}
|
|
529
581
|
}),
|
|
530
|
-
emits:
|
|
582
|
+
emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
|
|
531
583
|
setup(e, { emit: t }) {
|
|
532
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 } = $({
|
|
533
585
|
name: n.name,
|
|
@@ -566,14 +618,14 @@ var Ae = ["id"], je = /* @__PURE__ */ u({
|
|
|
566
618
|
key: 0,
|
|
567
619
|
for: m.value,
|
|
568
620
|
class: "g-text-input-label"
|
|
569
|
-
}, [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),
|
|
570
622
|
t.$slots.instructions || e.instructions ? (T(), o("div", {
|
|
571
623
|
key: 1,
|
|
572
624
|
id: "instructions-" + R(u),
|
|
573
625
|
class: "g-text-input-instructions"
|
|
574
|
-
}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8,
|
|
626
|
+
}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8, Fe)) : a("", !0),
|
|
575
627
|
s("div", { class: _([{ "g-text-input-field-wrapper": !0 }, `g-text-input-field-wrapper--${e.name || "nameless"}`]) }, [
|
|
576
|
-
n.prefix ? (T(), o("span",
|
|
628
|
+
n.prefix ? (T(), o("span", Ie, P(n.prefix), 1)) : a("", !0),
|
|
577
629
|
s("input", h({
|
|
578
630
|
value: i.value,
|
|
579
631
|
placeholder: n.placeholder,
|
|
@@ -590,37 +642,37 @@ var Ae = ["id"], je = /* @__PURE__ */ u({
|
|
|
590
642
|
id: m.value,
|
|
591
643
|
"aria-describedby": t.$slots.instructions || e.instructions ? "instructions-" + R(u) : void 0,
|
|
592
644
|
"aria-errormessage": R(v) ? "error-message-" + R(u) : void 0
|
|
593
|
-
}, { "aria-invalid": R(v) ? "true" : "false" }), null, 16,
|
|
594
|
-
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)
|
|
595
647
|
], 2),
|
|
596
|
-
l(
|
|
648
|
+
l(Me, {
|
|
597
649
|
errors: R(g),
|
|
598
650
|
id: "error-message-" + R(u)
|
|
599
651
|
}, null, 8, ["errors", "id"])
|
|
600
652
|
], 2));
|
|
601
653
|
}
|
|
602
|
-
}),
|
|
603
|
-
function
|
|
604
|
-
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) {
|
|
605
657
|
let e = window.innerWidth - document.documentElement.clientWidth;
|
|
606
658
|
document.body.classList.add("g-scroll-lock"), document.body.style.paddingRight = `${e}px`, document.body.style.setProperty("--g-scrollbar-width", `${e}px`);
|
|
607
659
|
} else document.body.style.paddingRight = "0", document.body.classList.remove("g-scroll-lock"), document.body.style.removeProperty("--g-scrollbar-width");
|
|
608
660
|
}
|
|
609
|
-
function
|
|
661
|
+
function qe(e, t = !1, n = !1) {
|
|
610
662
|
if (typeof document > "u") return {};
|
|
611
|
-
let i = t ?
|
|
663
|
+
let i = t ? We : Ue;
|
|
612
664
|
function a() {
|
|
613
|
-
i.value.push(e), n && !
|
|
665
|
+
i.value.push(e), n && !Ge.value.includes(e) && (Ge.value.push(e), Ke());
|
|
614
666
|
}
|
|
615
667
|
function o() {
|
|
616
668
|
let t = i.value.lastIndexOf(e);
|
|
617
669
|
t !== -1 && i.value.splice(t, 1);
|
|
618
|
-
let n =
|
|
619
|
-
n !== -1 && (
|
|
670
|
+
let n = Ge.value.lastIndexOf(e);
|
|
671
|
+
n !== -1 && (Ge.value.splice(n, 1), Ke());
|
|
620
672
|
}
|
|
621
|
-
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(() => {
|
|
622
674
|
let n = i.value.indexOf(e);
|
|
623
|
-
return n === -1 ? 0 : (t ?
|
|
675
|
+
return n === -1 ? 0 : (t ? Ve : Be) + n;
|
|
624
676
|
});
|
|
625
677
|
return x(o), {
|
|
626
678
|
push: a,
|
|
@@ -629,31 +681,31 @@ function Ke(e, t = !1, n = !1) {
|
|
|
629
681
|
zIndex: c
|
|
630
682
|
};
|
|
631
683
|
}
|
|
632
|
-
function
|
|
684
|
+
function Je() {
|
|
633
685
|
return typeof document > "u" ? {} : {
|
|
634
|
-
hasModal: r(() =>
|
|
635
|
-
hasOverlay: r(() =>
|
|
636
|
-
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)
|
|
637
689
|
};
|
|
638
690
|
}
|
|
639
|
-
function
|
|
691
|
+
function Ye() {
|
|
640
692
|
let e = 0;
|
|
641
|
-
return
|
|
642
|
-
e = Math.max(e, ze + n);
|
|
643
|
-
}), Ue.value.forEach((t, n) => {
|
|
693
|
+
return Ue.value.forEach((t, n) => {
|
|
644
694
|
e = Math.max(e, Be + n);
|
|
645
|
-
}),
|
|
695
|
+
}), We.value.forEach((t, n) => {
|
|
696
|
+
e = Math.max(e, Ve + n);
|
|
697
|
+
}), e > 0 ? e + 1 : He;
|
|
646
698
|
}
|
|
647
699
|
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
|
648
|
-
var
|
|
700
|
+
var Xe = (e) => e != null;
|
|
649
701
|
//#endregion
|
|
650
702
|
//#region ../../node_modules/@vueuse/integrations/dist/useFocusTrap-lXZ_YG-8.js
|
|
651
|
-
function
|
|
703
|
+
function Ze(e, t = {}) {
|
|
652
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);
|
|
653
705
|
return K(r(() => Z(L(e)).map((e) => {
|
|
654
706
|
let t = L(e);
|
|
655
707
|
return typeof t == "string" ? t : ne(t);
|
|
656
|
-
}).filter(
|
|
708
|
+
}).filter(Xe)), (e) => {
|
|
657
709
|
if (e.length) if (!n) n = de(e, {
|
|
658
710
|
...a,
|
|
659
711
|
onActivate() {
|
|
@@ -682,7 +734,7 @@ function Xe(e, t = {}) {
|
|
|
682
734
|
}
|
|
683
735
|
//#endregion
|
|
684
736
|
//#region src/compose/useOverlayFocus.ts
|
|
685
|
-
var
|
|
737
|
+
var Qe = [
|
|
686
738
|
"a[href]",
|
|
687
739
|
"button:not([disabled])",
|
|
688
740
|
"input:not([disabled])",
|
|
@@ -691,8 +743,8 @@ var Ze = [
|
|
|
691
743
|
"[tabindex]:not([tabindex='-1'])",
|
|
692
744
|
"[contenteditable='true']"
|
|
693
745
|
].join(",");
|
|
694
|
-
function
|
|
695
|
-
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, {
|
|
696
748
|
immediate: !1,
|
|
697
749
|
clickOutsideDeactivates: n,
|
|
698
750
|
initialFocus: () => {
|
|
@@ -736,7 +788,7 @@ function Qe(e, t, n = !1) {
|
|
|
736
788
|
}
|
|
737
789
|
//#endregion
|
|
738
790
|
//#region src/compose/useOverlayEscape.ts
|
|
739
|
-
function
|
|
791
|
+
function et(e, t, n, r, i) {
|
|
740
792
|
function a(i) {
|
|
741
793
|
if (!(!n.value || !t.value)) {
|
|
742
794
|
for (let t of e) if (t.value?.contains(i.target)) return;
|
|
@@ -756,7 +808,7 @@ function $e(e, t, n, r, i) {
|
|
|
756
808
|
}
|
|
757
809
|
//#endregion
|
|
758
810
|
//#region src/compose/popoverPosition.ts
|
|
759
|
-
function
|
|
811
|
+
function tt(e, t, n, r) {
|
|
760
812
|
let i = r?.gap ?? 8, a = r?.margin ?? 16, o = r?.preferAbove ?? !1, s = !1, c = !1, l;
|
|
761
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;
|
|
762
814
|
let u = e.left + (e.width - t.width) / 2;
|
|
@@ -772,7 +824,7 @@ function et(e, t, n, r) {
|
|
|
772
824
|
}
|
|
773
825
|
//#endregion
|
|
774
826
|
//#region src/components/GPopover.vue?vue&type=script&setup=true&lang.ts
|
|
775
|
-
var
|
|
827
|
+
var nt = { class: "g-popover-wrap" }, rt = ["id"], it = ["aria-labelledby", "aria-label"], at = /* @__PURE__ */ u({
|
|
776
828
|
__name: "GPopover",
|
|
777
829
|
props: {
|
|
778
830
|
minimal: {
|
|
@@ -794,8 +846,8 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
|
|
|
794
846
|
K(I(d, "modelValue"), (e) => {
|
|
795
847
|
p.value = e;
|
|
796
848
|
});
|
|
797
|
-
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 } =
|
|
798
|
-
|
|
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) => {
|
|
799
851
|
e ? (g(() => {
|
|
800
852
|
g(() => M());
|
|
801
853
|
}), E(), f("show")) : (N(), D(), f("hide"));
|
|
@@ -830,7 +882,7 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
|
|
|
830
882
|
}, q.value = !1, W.value = !1, V.value = { left: "50%" };
|
|
831
883
|
return;
|
|
832
884
|
}
|
|
833
|
-
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 });
|
|
834
886
|
z.value = {
|
|
835
887
|
top: r,
|
|
836
888
|
left: i
|
|
@@ -850,13 +902,13 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
|
|
|
850
902
|
show: P,
|
|
851
903
|
hide: F,
|
|
852
904
|
toggle: L
|
|
853
|
-
}), (r, c) => (T(), o("div",
|
|
905
|
+
}), (r, c) => (T(), o("div", nt, [h.value ? (T(), o("div", {
|
|
854
906
|
key: 0,
|
|
855
907
|
ref_key: "triggerRef",
|
|
856
908
|
ref: v,
|
|
857
909
|
class: "g-popover-trigger",
|
|
858
910
|
id: `${R(w)}-trigger`
|
|
859
|
-
}, [A(r.$slots, "trigger", { toggle: L })], 8,
|
|
911
|
+
}, [A(r.$slots, "trigger", { toggle: L })], 8, rt)) : a("", !0), (T(), i(t, {
|
|
860
912
|
to: "#modal-root",
|
|
861
913
|
disabled: R(C)
|
|
862
914
|
}, [l(n, {
|
|
@@ -905,41 +957,41 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
|
|
|
905
957
|
fill: "currentColor",
|
|
906
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"
|
|
907
959
|
})], -1)]]))
|
|
908
|
-
], 14,
|
|
960
|
+
], 14, it)), [[G, p.value]]) : a("", !0)]),
|
|
909
961
|
_: 3
|
|
910
962
|
})], 8, ["disabled"]))]));
|
|
911
963
|
}
|
|
912
|
-
}),
|
|
913
|
-
function
|
|
914
|
-
return `${e}-${++
|
|
964
|
+
}), ot = 1;
|
|
965
|
+
function st(e = "v-gtooltip") {
|
|
966
|
+
return `${e}-${++ot}`;
|
|
915
967
|
}
|
|
916
|
-
function
|
|
968
|
+
function ct(e, t = "v-gtooltip") {
|
|
917
969
|
let n = e.getAttribute("aria-describedby");
|
|
918
970
|
if (n) return n;
|
|
919
|
-
let r =
|
|
971
|
+
let r = st(t);
|
|
920
972
|
return e.setAttribute("aria-describedby", r), r;
|
|
921
973
|
}
|
|
922
|
-
function
|
|
974
|
+
function lt(e, t) {
|
|
923
975
|
let n = document.createElement("div");
|
|
924
976
|
return n.className = "v-gtooltip", n.textContent = e, n.setAttribute("role", "tooltip"), n.setAttribute("id", t), n;
|
|
925
977
|
}
|
|
926
|
-
function
|
|
978
|
+
function ut(e) {
|
|
927
979
|
(document.getElementById("modal-root") ?? document.body).appendChild(e);
|
|
928
980
|
}
|
|
929
|
-
function
|
|
930
|
-
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), {
|
|
931
983
|
gap: 8,
|
|
932
984
|
margin: 8,
|
|
933
985
|
preferAbove: !0
|
|
934
986
|
}), s = (n.left + n.width / 2 - a) / r.width * 100;
|
|
935
|
-
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";
|
|
936
988
|
}
|
|
937
|
-
function
|
|
989
|
+
function ft(e) {
|
|
938
990
|
e.style.opacity = "0";
|
|
939
991
|
}
|
|
940
992
|
//#endregion
|
|
941
993
|
//#region src/components/GTooltip.vue
|
|
942
|
-
var
|
|
994
|
+
var pt = /* @__PURE__ */ u({
|
|
943
995
|
__name: "GTooltip",
|
|
944
996
|
props: { text: {} },
|
|
945
997
|
emits: ["tooltip-hide"],
|
|
@@ -954,12 +1006,12 @@ var ft = /* @__PURE__ */ u({
|
|
|
954
1006
|
return t instanceof HTMLElement ? t : null;
|
|
955
1007
|
}
|
|
956
1008
|
function S() {
|
|
957
|
-
y && (v || (v = l.value ?
|
|
958
|
-
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);
|
|
959
1011
|
}), h.observe(f.value)));
|
|
960
1012
|
}
|
|
961
1013
|
function C() {
|
|
962
|
-
f.value && (p.value || m.value) && y &&
|
|
1014
|
+
f.value && (p.value || m.value) && y && dt(y, f.value);
|
|
963
1015
|
}
|
|
964
1016
|
function w() {
|
|
965
1017
|
p.value = !0;
|
|
@@ -1005,10 +1057,10 @@ var ft = /* @__PURE__ */ u({
|
|
|
1005
1057
|
f.value && (f.value.textContent = e);
|
|
1006
1058
|
}), K(() => p.value || m.value, (e) => {
|
|
1007
1059
|
if (e) {
|
|
1008
|
-
S(), f.value && y &&
|
|
1060
|
+
S(), f.value && y && dt(y, f.value), g ||= (window.addEventListener("scroll", C, { capture: !0 }), !0);
|
|
1009
1061
|
return;
|
|
1010
1062
|
}
|
|
1011
|
-
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(() => {
|
|
1012
1064
|
s("tooltip-hide");
|
|
1013
1065
|
}, 150));
|
|
1014
1066
|
}), x(() => {
|
|
@@ -1028,11 +1080,11 @@ var ft = /* @__PURE__ */ u({
|
|
|
1028
1080
|
class: "g-tooltip-trigger"
|
|
1029
1081
|
}, [A(e.$slots, "trigger")], 512)) : a("", !0)], 512));
|
|
1030
1082
|
}
|
|
1031
|
-
}),
|
|
1083
|
+
}), mt = ["disabled"], ht = { class: "g-select-btn-legend" }, gt = {
|
|
1032
1084
|
key: 0,
|
|
1033
1085
|
class: "g-select-btn-required",
|
|
1034
1086
|
"aria-hidden": "true"
|
|
1035
|
-
},
|
|
1087
|
+
}, _t = { class: "g-select-btn-row" }, vt = [
|
|
1036
1088
|
"id",
|
|
1037
1089
|
"name",
|
|
1038
1090
|
"value",
|
|
@@ -1040,9 +1092,9 @@ var ft = /* @__PURE__ */ u({
|
|
|
1040
1092
|
"disabled",
|
|
1041
1093
|
"required",
|
|
1042
1094
|
"onChange"
|
|
1043
|
-
],
|
|
1095
|
+
], yt = ["for"], bt = /* @__PURE__ */ u({
|
|
1044
1096
|
__name: "GSelectButton",
|
|
1045
|
-
props:
|
|
1097
|
+
props: /*@__PURE__*/ m({
|
|
1046
1098
|
options: {},
|
|
1047
1099
|
label: {},
|
|
1048
1100
|
size: { default: "medium" },
|
|
@@ -1061,7 +1113,7 @@ var ft = /* @__PURE__ */ u({
|
|
|
1061
1113
|
modelValue: { default: () => "" },
|
|
1062
1114
|
modelModifiers: {}
|
|
1063
1115
|
}),
|
|
1064
|
-
emits:
|
|
1116
|
+
emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
|
|
1065
1117
|
setup(t, { emit: n }) {
|
|
1066
1118
|
let i = t, u = n, d = V(t, "modelValue"), f = B(), { displayErrors: p, hasErrors: m } = $({
|
|
1067
1119
|
name: i.name,
|
|
@@ -1082,7 +1134,7 @@ var ft = /* @__PURE__ */ u({
|
|
|
1082
1134
|
return (t, n) => (T(), o("fieldset", {
|
|
1083
1135
|
class: _(g.value),
|
|
1084
1136
|
disabled: i.disabled
|
|
1085
|
-
}, [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", {
|
|
1086
1138
|
class: "g-select-btn-radio",
|
|
1087
1139
|
type: "radio",
|
|
1088
1140
|
id: `${R(f)}-${t.value}`,
|
|
@@ -1092,29 +1144,29 @@ var ft = /* @__PURE__ */ u({
|
|
|
1092
1144
|
disabled: i.disabled,
|
|
1093
1145
|
required: i.required && n === 0,
|
|
1094
1146
|
onChange: (e) => y(t.value)
|
|
1095
|
-
}, null, 40,
|
|
1147
|
+
}, null, 40, vt), s("label", {
|
|
1096
1148
|
for: `${R(f)}-${t.value}`,
|
|
1097
1149
|
class: _(v(t.value === d.value))
|
|
1098
|
-
}, P(t.label), 11,
|
|
1150
|
+
}, P(t.label), 11, yt)], 64))), 128))]), l(Me, {
|
|
1099
1151
|
errors: R(p),
|
|
1100
1152
|
id: "error-message-" + R(f)
|
|
1101
|
-
}, null, 8, ["errors", "id"])], 2)], 10,
|
|
1153
|
+
}, null, 8, ["errors", "id"])], 2)], 10, mt));
|
|
1102
1154
|
}
|
|
1103
|
-
}),
|
|
1155
|
+
}), xt = ["width", "height"], St = [
|
|
1104
1156
|
"cx",
|
|
1105
1157
|
"cy",
|
|
1106
1158
|
"r"
|
|
1107
|
-
],
|
|
1159
|
+
], Ct = [
|
|
1108
1160
|
"cx",
|
|
1109
1161
|
"cy",
|
|
1110
1162
|
"r",
|
|
1111
1163
|
"stroke-dasharray",
|
|
1112
1164
|
"stroke-dashoffset"
|
|
1113
|
-
],
|
|
1165
|
+
], wt = [
|
|
1114
1166
|
"cx",
|
|
1115
1167
|
"cy",
|
|
1116
1168
|
"r"
|
|
1117
|
-
],
|
|
1169
|
+
], Tt = /* @__PURE__ */ u({
|
|
1118
1170
|
__name: "GProgress",
|
|
1119
1171
|
props: {
|
|
1120
1172
|
label: { default: "Loading" },
|
|
@@ -1155,7 +1207,7 @@ var ft = /* @__PURE__ */ u({
|
|
|
1155
1207
|
r: i.value,
|
|
1156
1208
|
"stroke-width": 4,
|
|
1157
1209
|
fill: "none"
|
|
1158
|
-
}, null, 8,
|
|
1210
|
+
}, null, 8, St), n.value ? (T(), o("circle", {
|
|
1159
1211
|
key: 0,
|
|
1160
1212
|
class: "g-progress__value",
|
|
1161
1213
|
cx: i.value + 4 / 2,
|
|
@@ -1169,7 +1221,7 @@ var ft = /* @__PURE__ */ u({
|
|
|
1169
1221
|
transform: "rotate(-90deg)",
|
|
1170
1222
|
"transform-origin": "center"
|
|
1171
1223
|
}
|
|
1172
|
-
}, null, 8,
|
|
1224
|
+
}, null, 8, Ct)) : (T(), o("circle", {
|
|
1173
1225
|
key: 1,
|
|
1174
1226
|
class: "g-progress__spinner",
|
|
1175
1227
|
cx: i.value + 4 / 2,
|
|
@@ -1177,13 +1229,13 @@ var ft = /* @__PURE__ */ u({
|
|
|
1177
1229
|
r: i.value,
|
|
1178
1230
|
"stroke-width": 4,
|
|
1179
1231
|
fill: "none"
|
|
1180
|
-
}, null, 8,
|
|
1232
|
+
}, null, 8, wt))], 10, xt))], 16));
|
|
1181
1233
|
}
|
|
1182
|
-
}),
|
|
1234
|
+
}), Et = [
|
|
1183
1235
|
"id",
|
|
1184
1236
|
"aria-labelledby",
|
|
1185
1237
|
"aria-describedby"
|
|
1186
|
-
],
|
|
1238
|
+
], Dt = { class: "g-alertdialog-inner" }, Ot = ["id"], kt = ["id"], At = { class: "g-alertdialog-actions" }, jt = /* @__PURE__ */ u({
|
|
1187
1239
|
__name: "GAlertDialog",
|
|
1188
1240
|
props: {
|
|
1189
1241
|
label: { default: "Confirmation" },
|
|
@@ -1192,11 +1244,11 @@ var ft = /* @__PURE__ */ u({
|
|
|
1192
1244
|
},
|
|
1193
1245
|
emits: ["cancel", "confirm"],
|
|
1194
1246
|
setup(e, { emit: r }) {
|
|
1195
|
-
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);
|
|
1196
1248
|
function x() {
|
|
1197
1249
|
o("cancel");
|
|
1198
1250
|
}
|
|
1199
|
-
return
|
|
1251
|
+
return et([u], h, d, x, p), S(() => {
|
|
1200
1252
|
m(), v();
|
|
1201
1253
|
}), b(() => {
|
|
1202
1254
|
p(), _();
|
|
@@ -1214,16 +1266,16 @@ var ft = /* @__PURE__ */ u({
|
|
|
1214
1266
|
ref_key: "dialog",
|
|
1215
1267
|
ref: u,
|
|
1216
1268
|
style: y({ zIndex: R(g) })
|
|
1217
|
-
}, [s("div",
|
|
1269
|
+
}, [s("div", Dt, [
|
|
1218
1270
|
s("h2", {
|
|
1219
1271
|
id: "alertdialog-label-" + R(f),
|
|
1220
1272
|
class: "g-alertdialog-label"
|
|
1221
|
-
}, P(a.label), 9,
|
|
1273
|
+
}, P(a.label), 9, Ot),
|
|
1222
1274
|
s("div", {
|
|
1223
1275
|
id: "alertdialog-description-" + R(f),
|
|
1224
1276
|
class: "g-alertdialog-content"
|
|
1225
|
-
}, [A(e.$slots, "default")], 8,
|
|
1226
|
-
s("div",
|
|
1277
|
+
}, [A(e.$slots, "default")], 8, kt),
|
|
1278
|
+
s("div", At, [l(Q, {
|
|
1227
1279
|
outlined: "",
|
|
1228
1280
|
onClick: r[0] ||= (e) => o("cancel")
|
|
1229
1281
|
}, {
|
|
@@ -1236,21 +1288,21 @@ var ft = /* @__PURE__ */ u({
|
|
|
1236
1288
|
default: J(() => [c(P(a.buttonText), 1)]),
|
|
1237
1289
|
_: 1
|
|
1238
1290
|
}, 8, ["theme"])])
|
|
1239
|
-
])], 12,
|
|
1291
|
+
])], 12, Et)]),
|
|
1240
1292
|
_: 3
|
|
1241
1293
|
})]));
|
|
1242
1294
|
}
|
|
1243
1295
|
});
|
|
1244
1296
|
//#endregion
|
|
1245
1297
|
//#region src/compose/useSelectDropdown.ts
|
|
1246
|
-
function
|
|
1298
|
+
function Mt(e) {
|
|
1247
1299
|
return e.map((e) => typeof e == "string" ? {
|
|
1248
1300
|
label: e,
|
|
1249
1301
|
value: e
|
|
1250
1302
|
} : e);
|
|
1251
1303
|
}
|
|
1252
|
-
function
|
|
1253
|
-
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(() => {
|
|
1254
1306
|
let e = {};
|
|
1255
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;
|
|
1256
1308
|
});
|
|
@@ -1293,11 +1345,11 @@ function Mt({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a })
|
|
|
1293
1345
|
}
|
|
1294
1346
|
//#endregion
|
|
1295
1347
|
//#region src/components/GSelect.vue?vue&type=script&setup=true&lang.ts
|
|
1296
|
-
var
|
|
1348
|
+
var Pt = ["id"], Ft = {
|
|
1297
1349
|
key: 0,
|
|
1298
1350
|
class: "g-select-required",
|
|
1299
1351
|
"aria-hidden": "true"
|
|
1300
|
-
},
|
|
1352
|
+
}, It = { class: "g-select-input-wrap" }, Lt = ["id"], Rt = [
|
|
1301
1353
|
"value",
|
|
1302
1354
|
"placeholder",
|
|
1303
1355
|
"disabled",
|
|
@@ -1305,23 +1357,23 @@ var Nt = ["id"], Pt = {
|
|
|
1305
1357
|
"aria-expanded",
|
|
1306
1358
|
"aria-required",
|
|
1307
1359
|
"aria-activedescendant"
|
|
1308
|
-
],
|
|
1360
|
+
], zt = [
|
|
1309
1361
|
"id",
|
|
1310
1362
|
"aria-controls",
|
|
1311
1363
|
"aria-expanded",
|
|
1312
1364
|
"aria-required",
|
|
1313
1365
|
"aria-activedescendant"
|
|
1314
|
-
],
|
|
1366
|
+
], Bt = ["id"], Vt = [
|
|
1315
1367
|
"id",
|
|
1316
1368
|
"aria-selected",
|
|
1317
1369
|
"onClick"
|
|
1318
|
-
],
|
|
1370
|
+
], Ht = {
|
|
1319
1371
|
key: 1,
|
|
1320
1372
|
"aria-live": "polite",
|
|
1321
1373
|
class: "g-select-combo-option g-select-option g-select-no-results"
|
|
1322
|
-
},
|
|
1374
|
+
}, Ut = /* @__PURE__ */ u({
|
|
1323
1375
|
__name: "GSelect",
|
|
1324
|
-
props:
|
|
1376
|
+
props: /*@__PURE__*/ m({
|
|
1325
1377
|
options: {},
|
|
1326
1378
|
label: {},
|
|
1327
1379
|
hiddenLabel: { type: Boolean },
|
|
@@ -1350,20 +1402,20 @@ var Nt = ["id"], Pt = {
|
|
|
1350
1402
|
modelValue: {},
|
|
1351
1403
|
modelModifiers: {}
|
|
1352
1404
|
}),
|
|
1353
|
-
emits:
|
|
1405
|
+
emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
|
|
1354
1406
|
setup(t, { emit: n }) {
|
|
1355
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 } = $({
|
|
1356
1408
|
name: i.name,
|
|
1357
1409
|
value: d,
|
|
1358
1410
|
errors: I(i, "errors"),
|
|
1359
1411
|
formKey: i.formKey
|
|
1360
|
-
}), { menuPlacement: E, menuStyle: D, isTop: j, scrollOptionIntoView: M } =
|
|
1412
|
+
}), { menuPlacement: E, menuStyle: D, isTop: j, scrollOptionIntoView: M } = Nt({
|
|
1361
1413
|
open: y,
|
|
1362
1414
|
anchorRef: p,
|
|
1363
1415
|
listboxRef: m,
|
|
1364
1416
|
baseId: f,
|
|
1365
1417
|
activeIndex: b
|
|
1366
|
-
}), N = r(() =>
|
|
1418
|
+
}), N = r(() => Mt(i.options)), F = O(""), L = r(() => {
|
|
1367
1419
|
if (!i.searchable || !y.value || !F.value) return N.value;
|
|
1368
1420
|
let e = F.value.toLowerCase();
|
|
1369
1421
|
return N.value.filter((t) => t.label.toLowerCase().includes(e));
|
|
@@ -1471,8 +1523,8 @@ var Nt = ["id"], Pt = {
|
|
|
1471
1523
|
key: 0,
|
|
1472
1524
|
id: R(f) + "-label",
|
|
1473
1525
|
class: "g-select-combo-label g-select-label"
|
|
1474
|
-
}, [c(P(i.label), 1), i.required ? (T(), o("span",
|
|
1475
|
-
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", {
|
|
1476
1528
|
key: 0,
|
|
1477
1529
|
class: "g-select-combo-input g-select-control",
|
|
1478
1530
|
id: R(f)
|
|
@@ -1499,7 +1551,7 @@ var Nt = ["id"], Pt = {
|
|
|
1499
1551
|
}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": R(f) + "-label" }, {
|
|
1500
1552
|
role: "combobox",
|
|
1501
1553
|
autocomplete: "off"
|
|
1502
|
-
}), null, 16,
|
|
1554
|
+
}), null, 16, Rt),
|
|
1503
1555
|
ie.value ? (T(), o("button", {
|
|
1504
1556
|
key: 0,
|
|
1505
1557
|
type: "button",
|
|
@@ -1525,7 +1577,7 @@ var Nt = ["id"], Pt = {
|
|
|
1525
1577
|
fill: "currentColor",
|
|
1526
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"
|
|
1527
1579
|
})], -1)
|
|
1528
|
-
], 8,
|
|
1580
|
+
], 8, Lt)) : (T(), o("div", h({
|
|
1529
1581
|
key: 1,
|
|
1530
1582
|
ref_key: "comboRef",
|
|
1531
1583
|
ref: p,
|
|
@@ -1570,7 +1622,7 @@ var Nt = ["id"], Pt = {
|
|
|
1570
1622
|
fill: "currentColor",
|
|
1571
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"
|
|
1572
1624
|
})], -1)
|
|
1573
|
-
], 16,
|
|
1625
|
+
], 16, zt)), Y(s("div", h({
|
|
1574
1626
|
ref_key: "listboxRef",
|
|
1575
1627
|
ref: m,
|
|
1576
1628
|
class: ["g-select-combo-menu g-select-list", { "g-select-combo-menu--above": R(E) === "above" }],
|
|
@@ -1592,36 +1644,36 @@ var Nt = ["id"], Pt = {
|
|
|
1592
1644
|
option: e,
|
|
1593
1645
|
selected: e.value === d.value,
|
|
1594
1646
|
index: t
|
|
1595
|
-
}, () => [c(P(e.label), 1)])], 42,
|
|
1596
|
-
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, {
|
|
1597
1649
|
errors: R(C),
|
|
1598
1650
|
id: "error-message-" + R(f)
|
|
1599
1651
|
}, null, 8, ["errors", "id"])
|
|
1600
1652
|
], 2));
|
|
1601
1653
|
}
|
|
1602
|
-
}),
|
|
1654
|
+
}), Wt = ["aria-label"], Gt = [
|
|
1603
1655
|
"placeholder",
|
|
1604
1656
|
"value",
|
|
1605
1657
|
"aria-expanded",
|
|
1606
1658
|
"aria-controls",
|
|
1607
1659
|
"aria-activedescendant"
|
|
1608
|
-
],
|
|
1660
|
+
], Kt = {
|
|
1609
1661
|
key: 0,
|
|
1610
1662
|
class: "g-search-dropdown"
|
|
1611
|
-
},
|
|
1663
|
+
}, qt = {
|
|
1612
1664
|
"aria-live": "polite",
|
|
1613
1665
|
class: "g-search-result-count"
|
|
1614
|
-
},
|
|
1666
|
+
}, Jt = ["id"], Yt = ["aria-label"], Xt = { class: "g-search-group-label" }, Zt = [
|
|
1615
1667
|
"id",
|
|
1616
1668
|
"onMousedown",
|
|
1617
1669
|
"aria-selected"
|
|
1618
|
-
],
|
|
1670
|
+
], Qt = [
|
|
1619
1671
|
"id",
|
|
1620
1672
|
"onMousedown",
|
|
1621
1673
|
"aria-selected"
|
|
1622
|
-
],
|
|
1674
|
+
], $t = /* @__PURE__ */ u({
|
|
1623
1675
|
__name: "GSearch",
|
|
1624
|
-
props:
|
|
1676
|
+
props: /*@__PURE__*/ m({
|
|
1625
1677
|
results: {},
|
|
1626
1678
|
placeholder: { default: "Search..." },
|
|
1627
1679
|
label: { default: "Search" },
|
|
@@ -1634,7 +1686,7 @@ var Nt = ["id"], Pt = {
|
|
|
1634
1686
|
modelValue: { default: () => "" },
|
|
1635
1687
|
modelModifiers: {}
|
|
1636
1688
|
}),
|
|
1637
|
-
emits:
|
|
1689
|
+
emits: /*@__PURE__*/ m(["select", "submit"], ["update:modelValue"]),
|
|
1638
1690
|
setup(t, { emit: n }) {
|
|
1639
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);
|
|
1640
1692
|
function b(e) {
|
|
@@ -1700,12 +1752,12 @@ var Nt = ["id"], Pt = {
|
|
|
1700
1752
|
"aria-autocomplete": "list",
|
|
1701
1753
|
"aria-controls": `${R(M)}-list`,
|
|
1702
1754
|
"aria-activedescendant": h.value >= 0 ? "g-search-option-" + v.value[h.value].id : void 0
|
|
1703
|
-
}, null, 40,
|
|
1755
|
+
}, null, 40, Gt), s("button", {
|
|
1704
1756
|
type: "submit",
|
|
1705
1757
|
class: "g-search-submit",
|
|
1706
1758
|
"aria-label": "Submit search",
|
|
1707
1759
|
onKeydown: C
|
|
1708
|
-
}, [E.value ? (T(), i(
|
|
1760
|
+
}, [E.value ? (T(), i(Tt, {
|
|
1709
1761
|
key: 0,
|
|
1710
1762
|
size: "tiny"
|
|
1711
1763
|
})) : a("", !0), n[1] ||= s("svg", {
|
|
@@ -1716,7 +1768,7 @@ var Nt = ["id"], Pt = {
|
|
|
1716
1768
|
}, [s("path", {
|
|
1717
1769
|
fill: "currentColor",
|
|
1718
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"
|
|
1719
|
-
})], -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", {
|
|
1720
1772
|
role: "listbox",
|
|
1721
1773
|
id: `${R(M)}-list`,
|
|
1722
1774
|
ref_key: "listboxRef",
|
|
@@ -1727,29 +1779,29 @@ var Nt = ["id"], Pt = {
|
|
|
1727
1779
|
class: "g-search-group",
|
|
1728
1780
|
role: "group",
|
|
1729
1781
|
"aria-label": n.label
|
|
1730
|
-
}, [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", {
|
|
1731
1783
|
key: e.id,
|
|
1732
1784
|
id: "g-search-option-" + e.id,
|
|
1733
1785
|
class: _(["g-search-option", { "g-search-option-active": v.value[h.value] && v.value[h.value].id === e.id }]),
|
|
1734
1786
|
role: "option",
|
|
1735
1787
|
onMousedown: X((t) => w(e), ["prevent"]),
|
|
1736
1788
|
"aria-selected": v.value[h.value] && v.value[h.value].id === e.id
|
|
1737
|
-
}, [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", {
|
|
1738
1790
|
key: e.id,
|
|
1739
1791
|
id: "g-search-option-" + e.id,
|
|
1740
1792
|
class: _(["g-search-option", { "g-search-option-active": h.value === n }]),
|
|
1741
1793
|
role: "option",
|
|
1742
1794
|
onMousedown: X((t) => w(e), ["prevent"]),
|
|
1743
1795
|
"aria-selected": h.value === n
|
|
1744
|
-
}, [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));
|
|
1745
1797
|
}
|
|
1746
|
-
}),
|
|
1798
|
+
}), en = { class: /*@__PURE__*/ _({ "g-app-header": !0 }) }, tn = { class: "g-app-header__brand" }, nn = {
|
|
1747
1799
|
class: "g-app-header__brand-text",
|
|
1748
1800
|
href: "/"
|
|
1749
|
-
},
|
|
1801
|
+
}, rn = {
|
|
1750
1802
|
key: 0,
|
|
1751
1803
|
class: "g-app-header__block-i-container"
|
|
1752
|
-
},
|
|
1804
|
+
}, an = { class: "g-app-header__title" }, on = { class: "g-app-header__app-controls-wrap" }, sn = /* @__PURE__ */ u({
|
|
1753
1805
|
__name: "GAppHeader",
|
|
1754
1806
|
props: {
|
|
1755
1807
|
illinois: {
|
|
@@ -1759,10 +1811,10 @@ var Nt = ["id"], Pt = {
|
|
|
1759
1811
|
brand: { default: "GRAD" }
|
|
1760
1812
|
},
|
|
1761
1813
|
setup(e) {
|
|
1762
|
-
return (t, n) => (T(), o("header",
|
|
1814
|
+
return (t, n) => (T(), o("header", en, [
|
|
1763
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),
|
|
1764
|
-
s("div",
|
|
1765
|
-
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", {
|
|
1766
1818
|
class: "g-app-header__block-i",
|
|
1767
1819
|
role: "img",
|
|
1768
1820
|
width: "55",
|
|
@@ -1779,24 +1831,24 @@ var Nt = ["id"], Pt = {
|
|
|
1779
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"
|
|
1780
1832
|
})
|
|
1781
1833
|
], -1)]])) : A(t.$slots, "icon", { key: 1 }),
|
|
1782
|
-
s("div",
|
|
1783
|
-
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" })])
|
|
1784
1836
|
]));
|
|
1785
1837
|
}
|
|
1786
1838
|
});
|
|
1787
1839
|
//#endregion
|
|
1788
1840
|
//#region src/compose/useWebComponentSidebar.ts
|
|
1789
|
-
function
|
|
1841
|
+
function cn(e) {
|
|
1790
1842
|
return e.replace(/[^a-zA-Z0-9_-]/g, "-");
|
|
1791
1843
|
}
|
|
1792
|
-
function
|
|
1844
|
+
function ln() {
|
|
1793
1845
|
let e = globalThis;
|
|
1794
1846
|
return e.__GRAD_VUE_WC_SIDEBAR_CHANNELS__ ||= /* @__PURE__ */ new Map(), e.__GRAD_VUE_WC_SIDEBAR_CHANNELS__;
|
|
1795
1847
|
}
|
|
1796
|
-
function
|
|
1797
|
-
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)";
|
|
1798
1850
|
if (!n.has(r)) {
|
|
1799
|
-
let e =
|
|
1851
|
+
let e = cn(r), t = O(a);
|
|
1800
1852
|
n.set(r, {
|
|
1801
1853
|
id: `g-wc-sidebar-${e}`,
|
|
1802
1854
|
open: O(!1),
|
|
@@ -1811,8 +1863,8 @@ function ln(e = "default", t) {
|
|
|
1811
1863
|
}, { immediate: !0 });
|
|
1812
1864
|
function s(e) {
|
|
1813
1865
|
if (!o.isCollapsible.value || !o.open.value) return;
|
|
1814
|
-
let t = e.target, n = document.getElementById(`${o.id}-sidebar`);
|
|
1815
|
-
n && (n.contains(t) || setTimeout(() => {
|
|
1866
|
+
let t = e.target, n = document.getElementById(`${o.id}-sidebar`), r = document.getElementById(`${o.id}-hamburger`);
|
|
1867
|
+
n && (n.contains(t) || r?.contains(t) || setTimeout(() => {
|
|
1816
1868
|
o.open.value = !1;
|
|
1817
1869
|
}, 5));
|
|
1818
1870
|
}
|
|
@@ -1833,7 +1885,7 @@ function ln(e = "default", t) {
|
|
|
1833
1885
|
}
|
|
1834
1886
|
//#endregion
|
|
1835
1887
|
//#region src/components/GSidebar.vue?vue&type=script&setup=true&lang.ts
|
|
1836
|
-
var
|
|
1888
|
+
var dn = ["id"], fn = /* @__PURE__ */ u({
|
|
1837
1889
|
__name: "GSidebar",
|
|
1838
1890
|
props: {
|
|
1839
1891
|
backgroundColor: { default: "" },
|
|
@@ -1846,7 +1898,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
1846
1898
|
mediaQuery: {}
|
|
1847
1899
|
},
|
|
1848
1900
|
setup(e) {
|
|
1849
|
-
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();
|
|
1850
1902
|
function l(e) {
|
|
1851
1903
|
e.key === "Escape" && n?.isCollapsible?.value && n?.open?.value && (n.open.value = !1, document.getElementById(`${n.id}-hamburger`)?.focus());
|
|
1852
1904
|
}
|
|
@@ -1866,15 +1918,15 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
1866
1918
|
width: "var(--g-sidebar-width)"
|
|
1867
1919
|
}),
|
|
1868
1920
|
onKeydown: l
|
|
1869
|
-
}, [A(t.$slots, "default")], 46,
|
|
1921
|
+
}, [A(t.$slots, "default")], 46, dn));
|
|
1870
1922
|
}
|
|
1871
|
-
}),
|
|
1923
|
+
}), pn = ["id"], mn = { class: "g-sidebar-menu__list" }, hn = [
|
|
1872
1924
|
"href",
|
|
1873
1925
|
"aria-current",
|
|
1874
1926
|
"onClick"
|
|
1875
|
-
],
|
|
1927
|
+
], gn = /* @__PURE__ */ u({
|
|
1876
1928
|
__name: "GSidebarMenu",
|
|
1877
|
-
props:
|
|
1929
|
+
props: /*@__PURE__*/ m({
|
|
1878
1930
|
heading: {},
|
|
1879
1931
|
items: {},
|
|
1880
1932
|
offset: { default: 70 },
|
|
@@ -1920,13 +1972,13 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
1920
1972
|
key: 0,
|
|
1921
1973
|
id: R(y),
|
|
1922
1974
|
class: "g-sidebar-menu__title"
|
|
1923
|
-
}, P(t.heading), 9,
|
|
1975
|
+
}, P(t.heading), 9, pn)) : a("", !0),
|
|
1924
1976
|
l[0] ||= s("div", { class: "g-sidebar-menu__divider" }, null, -1),
|
|
1925
1977
|
s("div", {
|
|
1926
1978
|
class: "g-sidebar-menu__content",
|
|
1927
1979
|
ref_key: "content",
|
|
1928
1980
|
ref: f
|
|
1929
|
-
}, [s("ul",
|
|
1981
|
+
}, [s("ul", mn, [(T(!0), o(e, null, k(t.items, (e) => (T(), o("li", {
|
|
1930
1982
|
key: e.href || e.to,
|
|
1931
1983
|
class: "g-sidebar-menu__item",
|
|
1932
1984
|
ref_for: !0,
|
|
@@ -1944,24 +1996,24 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
1944
1996
|
href: e.href || e.to || "#",
|
|
1945
1997
|
"aria-current": u.value === (e.href || "") ? "location" : void 0,
|
|
1946
1998
|
onClick: (t) => v(t, e)
|
|
1947
|
-
}, P(e.label), 11,
|
|
1999
|
+
}, P(e.label), 11, hn))]))), 128))])], 512)
|
|
1948
2000
|
], 16));
|
|
1949
2001
|
}
|
|
1950
|
-
}),
|
|
2002
|
+
}), _n = {
|
|
1951
2003
|
mounted(e, t) {
|
|
1952
|
-
let n = O(null), r = O(!1), i = O(!1), a = O(t.value), o = null, s = !1, c =
|
|
1953
|
-
n.value || (n.value =
|
|
1954
|
-
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);
|
|
1955
2007
|
}), o.observe(n.value));
|
|
1956
2008
|
};
|
|
1957
2009
|
q(() => {
|
|
1958
2010
|
n.value && (n.value.textContent = a.value);
|
|
1959
2011
|
});
|
|
1960
2012
|
let u = () => {
|
|
1961
|
-
n.value && (r.value || i.value) &&
|
|
2013
|
+
n.value && (r.value || i.value) && dt(e, n.value);
|
|
1962
2014
|
};
|
|
1963
2015
|
q(() => {
|
|
1964
|
-
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(() => {
|
|
1965
2017
|
e.dispatchEvent(new CustomEvent("tooltip-hide"));
|
|
1966
2018
|
}, 150)));
|
|
1967
2019
|
});
|
|
@@ -1999,7 +2051,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
1999
2051
|
let t = e._v_gtooltip;
|
|
2000
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");
|
|
2001
2053
|
}
|
|
2002
|
-
},
|
|
2054
|
+
}, vn = { class: "g-clipboard-text" }, yn = /* @__PURE__ */ u({
|
|
2003
2055
|
__name: "GClipboard",
|
|
2004
2056
|
props: {
|
|
2005
2057
|
text: {},
|
|
@@ -2007,12 +2059,12 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2007
2059
|
copyLabel: {}
|
|
2008
2060
|
},
|
|
2009
2061
|
setup(t) {
|
|
2010
|
-
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 = () => {
|
|
2011
2063
|
d.value ? (l(), f.value = "Copied") : f.value = "Copy not supported";
|
|
2012
2064
|
}, m = () => {
|
|
2013
2065
|
f.value = n.copyLabel ?? "Copy to clipboard";
|
|
2014
2066
|
};
|
|
2015
|
-
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", {
|
|
2016
2068
|
type: "button",
|
|
2017
2069
|
"aria-label": "Copy",
|
|
2018
2070
|
onClick: p,
|
|
@@ -2029,15 +2081,15 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2029
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"
|
|
2030
2082
|
})], -1)]], 32)), [[R(r), f.value]])]));
|
|
2031
2083
|
}
|
|
2032
|
-
}),
|
|
2084
|
+
}), bn = { class: "g-history-scroller-wrapper" }, xn = {
|
|
2033
2085
|
key: 0,
|
|
2034
2086
|
class: "g-history-shadow g-history-shadow--top",
|
|
2035
2087
|
"aria-hidden": "true"
|
|
2036
|
-
},
|
|
2088
|
+
}, Sn = {
|
|
2037
2089
|
key: 1,
|
|
2038
2090
|
class: "g-history-shadow g-history-shadow--bottom",
|
|
2039
2091
|
"aria-hidden": "true"
|
|
2040
|
-
},
|
|
2092
|
+
}, Cn = ["role", "aria-label"], wn = /* @__PURE__ */ u({
|
|
2041
2093
|
__name: "GHistoryScroller",
|
|
2042
2094
|
props: {
|
|
2043
2095
|
label: {},
|
|
@@ -2069,9 +2121,9 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2069
2121
|
u.value && (await g(), f());
|
|
2070
2122
|
});
|
|
2071
2123
|
let m = r(() => [...n.entries].reverse());
|
|
2072
|
-
return (n, r) => (T(), o("div",
|
|
2073
|
-
d.value ? a("", !0) : (T(), o("div",
|
|
2074
|
-
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)),
|
|
2075
2127
|
s("div", {
|
|
2076
2128
|
ref_key: "scrollerRef",
|
|
2077
2129
|
ref: i,
|
|
@@ -2106,33 +2158,33 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2106
2158
|
key: e.id,
|
|
2107
2159
|
class: "g-history-entry",
|
|
2108
2160
|
tabindex: "-1"
|
|
2109
|
-
}, [A(n.$slots, "default", { entry: e })]))), 128))], 512)], 40,
|
|
2161
|
+
}, [A(n.$slots, "default", { entry: e })]))), 128))], 512)], 40, Cn)
|
|
2110
2162
|
]));
|
|
2111
2163
|
}
|
|
2112
|
-
}),
|
|
2164
|
+
}), Tn = { class: "g-three-way-toggle-wrapper" }, En = { class: "g-three-way-toggle-control" }, Dn = ["id"], On = [
|
|
2113
2165
|
"aria-labelledby",
|
|
2114
2166
|
"aria-describedby",
|
|
2115
2167
|
"disabled",
|
|
2116
2168
|
"aria-invalid",
|
|
2117
2169
|
"aria-errormessage"
|
|
2118
|
-
],
|
|
2170
|
+
], kn = { key: 0 }, An = { key: 1 }, jn = { key: 2 }, Mn = ["for"], Nn = [
|
|
2119
2171
|
"id",
|
|
2120
2172
|
"name",
|
|
2121
2173
|
"checked",
|
|
2122
2174
|
"disabled"
|
|
2123
|
-
],
|
|
2175
|
+
], Pn = ["for"], Fn = [
|
|
2124
2176
|
"id",
|
|
2125
2177
|
"name",
|
|
2126
2178
|
"checked",
|
|
2127
2179
|
"disabled"
|
|
2128
|
-
],
|
|
2180
|
+
], In = ["for"], Ln = [
|
|
2129
2181
|
"id",
|
|
2130
2182
|
"name",
|
|
2131
2183
|
"checked",
|
|
2132
2184
|
"disabled"
|
|
2133
|
-
],
|
|
2185
|
+
], Rn = ["id"], zn = /* @__PURE__ */ u({
|
|
2134
2186
|
__name: "GThreeWayToggle",
|
|
2135
|
-
props:
|
|
2187
|
+
props: /*@__PURE__*/ m({
|
|
2136
2188
|
label: {},
|
|
2137
2189
|
describedby: {},
|
|
2138
2190
|
error: {},
|
|
@@ -2144,7 +2196,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2144
2196
|
},
|
|
2145
2197
|
modelModifiers: {}
|
|
2146
2198
|
}),
|
|
2147
|
-
emits:
|
|
2199
|
+
emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
|
|
2148
2200
|
setup(e, { emit: t }) {
|
|
2149
2201
|
let n = e, i = V(e, "modelValue"), l = t;
|
|
2150
2202
|
function u(e) {
|
|
@@ -2164,10 +2216,10 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2164
2216
|
function b(e) {
|
|
2165
2217
|
n.disabled || (e.key === "n" || e.key === "N" ? (u(!1), e.preventDefault()) : (e.key === "y" || e.key === "Y") && (u(!0), e.preventDefault()));
|
|
2166
2218
|
}
|
|
2167
|
-
return (t, n) => (T(), o("div",
|
|
2219
|
+
return (t, n) => (T(), o("div", Tn, [s("div", En, [s("span", {
|
|
2168
2220
|
class: "g-label",
|
|
2169
2221
|
id: R(p)
|
|
2170
|
-
}, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])], 8,
|
|
2222
|
+
}, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])], 8, Dn), s("fieldset", {
|
|
2171
2223
|
class: _(["g-three-way-toggle", { "g-has-error": e.error }]),
|
|
2172
2224
|
role: "radiogroup",
|
|
2173
2225
|
"aria-labelledby": R(p),
|
|
@@ -2179,7 +2231,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2179
2231
|
s("span", {
|
|
2180
2232
|
class: _(["g-toggle-thumb", y.value]),
|
|
2181
2233
|
"aria-hidden": "true"
|
|
2182
|
-
}, [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),
|
|
2183
2235
|
s("label", {
|
|
2184
2236
|
for: R(h),
|
|
2185
2237
|
class: "g-toggle-option g-left",
|
|
@@ -2193,7 +2245,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2193
2245
|
value: "false",
|
|
2194
2246
|
disabled: e.disabled,
|
|
2195
2247
|
onChange: n[0] ||= (e) => d(!1)
|
|
2196
|
-
}, null, 40,
|
|
2248
|
+
}, null, 40, Nn), n[5] ||= s("span", { class: "ilw-sr-only" }, "No", -1)], 40, Mn),
|
|
2197
2249
|
s("label", {
|
|
2198
2250
|
for: R(g),
|
|
2199
2251
|
class: "g-toggle-option g-center",
|
|
@@ -2205,7 +2257,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2205
2257
|
checked: i.value === null,
|
|
2206
2258
|
disabled: e.disabled,
|
|
2207
2259
|
onChange: n[2] ||= (e) => d(null)
|
|
2208
|
-
}, null, 40,
|
|
2260
|
+
}, null, 40, Fn), n[6] ||= s("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, Pn),
|
|
2209
2261
|
s("label", {
|
|
2210
2262
|
for: R(v),
|
|
2211
2263
|
class: "g-toggle-option g-right",
|
|
@@ -2219,53 +2271,53 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2219
2271
|
checked: i.value === !0,
|
|
2220
2272
|
disabled: e.disabled,
|
|
2221
2273
|
onChange: n[3] ||= (e) => d(!0)
|
|
2222
|
-
}, null, 40,
|
|
2223
|
-
], 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", {
|
|
2224
2276
|
key: 0,
|
|
2225
2277
|
id: `${R(p)}-error`,
|
|
2226
2278
|
class: "g-form-error",
|
|
2227
2279
|
role: "alert",
|
|
2228
2280
|
"aria-atomic": "true"
|
|
2229
|
-
}, P(e.error), 9,
|
|
2281
|
+
}, P(e.error), 9, Rn)) : a("", !0)]));
|
|
2230
2282
|
}
|
|
2231
|
-
}),
|
|
2283
|
+
}), Bn = {
|
|
2232
2284
|
ref: "tableBodyRef",
|
|
2233
2285
|
class: "efficient-table-body"
|
|
2234
|
-
},
|
|
2286
|
+
}, Vn = ["aria-rowindex"], Hn = {
|
|
2235
2287
|
key: 0,
|
|
2236
2288
|
class: "table-group-checkbox"
|
|
2237
|
-
},
|
|
2289
|
+
}, Un = ["colspan"], Wn = [
|
|
2238
2290
|
"aria-rowindex",
|
|
2239
2291
|
"onMousedown",
|
|
2240
2292
|
"onClick"
|
|
2241
|
-
],
|
|
2293
|
+
], Gn = [
|
|
2242
2294
|
"checked",
|
|
2243
2295
|
"onClick",
|
|
2244
2296
|
"aria-label",
|
|
2245
2297
|
"name"
|
|
2246
|
-
],
|
|
2298
|
+
], Kn = ["id"], qn = {
|
|
2247
2299
|
key: 0,
|
|
2248
2300
|
class: "editable-cell"
|
|
2249
|
-
},
|
|
2301
|
+
}, Jn = {
|
|
2250
2302
|
key: 0,
|
|
2251
2303
|
class: "cell-prefix"
|
|
2252
|
-
},
|
|
2304
|
+
}, Yn = [
|
|
2253
2305
|
"value",
|
|
2254
2306
|
"onChange",
|
|
2255
2307
|
"aria-labelledby",
|
|
2256
2308
|
"aria-invalid",
|
|
2257
2309
|
"name"
|
|
2258
|
-
],
|
|
2310
|
+
], Xn = ["value"], Zn = [
|
|
2259
2311
|
"value",
|
|
2260
2312
|
"onInput",
|
|
2261
2313
|
"aria-labelledby",
|
|
2262
2314
|
"aria-invalid",
|
|
2263
2315
|
"aria-errormessage",
|
|
2264
2316
|
"name"
|
|
2265
|
-
],
|
|
2317
|
+
], Qn = {
|
|
2266
2318
|
key: 3,
|
|
2267
2319
|
class: "cell-suffix"
|
|
2268
|
-
},
|
|
2320
|
+
}, $n = ["id"], er = /* @__PURE__ */ u({
|
|
2269
2321
|
__name: "GTableBody",
|
|
2270
2322
|
props: {
|
|
2271
2323
|
data: {},
|
|
@@ -2334,13 +2386,13 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2334
2386
|
function C(e, t) {
|
|
2335
2387
|
if (l.changeTracker) return l.changeTracker.getError(e.key, t.key);
|
|
2336
2388
|
}
|
|
2337
|
-
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", {
|
|
2338
2390
|
key: 0,
|
|
2339
2391
|
"aria-rowindex": t.startIndex + l + 2
|
|
2340
|
-
}, [t.bulkSelectionEnabled ? (T(), o("td",
|
|
2392
|
+
}, [t.bulkSelectionEnabled ? (T(), o("td", Hn)) : a("", !0), s("td", {
|
|
2341
2393
|
colspan: t.columns.length,
|
|
2342
2394
|
class: "table-group-row"
|
|
2343
|
-
}, [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", {
|
|
2344
2396
|
class: _([
|
|
2345
2397
|
"efficient-table-row",
|
|
2346
2398
|
{
|
|
@@ -2363,7 +2415,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2363
2415
|
"aria-label": `Select row ${n.key}`,
|
|
2364
2416
|
name: `row-${n.key}-checkbox`,
|
|
2365
2417
|
class: "g-bulk-select-checkbox"
|
|
2366
|
-
}, null, 8,
|
|
2418
|
+
}, null, 8, Gn)])) : a("", !0), (T(!0), o(e, null, k(t.columns, (r) => (T(), o("td", {
|
|
2367
2419
|
key: r.key,
|
|
2368
2420
|
id: b(r) ? `${t.tableId}-td-${n.key}-${String(r.key)}` : void 0,
|
|
2369
2421
|
class: _([
|
|
@@ -2372,8 +2424,8 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2372
2424
|
S(n, r) ? "g-cell-error" : "",
|
|
2373
2425
|
typeof r.tdClass == "function" ? r.tdClass(n) : r.tdClass
|
|
2374
2426
|
])
|
|
2375
|
-
}, [r.editable ? (T(), o("div",
|
|
2376
|
-
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),
|
|
2377
2429
|
r.editable.type === "select" ? (T(), o("select", {
|
|
2378
2430
|
key: 1,
|
|
2379
2431
|
value: n[r.key],
|
|
@@ -2385,7 +2437,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2385
2437
|
}, [(T(!0), o(e, null, k(r.editable.options, (e) => (T(), o("option", {
|
|
2386
2438
|
key: e.value,
|
|
2387
2439
|
value: e.value
|
|
2388
|
-
}, P(e.label), 9,
|
|
2440
|
+
}, P(e.label), 9, Xn))), 128))], 40, Yn)) : (T(), o("input", h({
|
|
2389
2441
|
key: 2,
|
|
2390
2442
|
value: n[r.key]
|
|
2391
2443
|
}, { ref_for: !0 }, r.editable.inputAttributes, {
|
|
@@ -2399,24 +2451,24 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2399
2451
|
paddingLeft: r.editable.prefix ? "1.5rem" : void 0,
|
|
2400
2452
|
paddingRight: r.editable.suffix ? "2rem" : void 0
|
|
2401
2453
|
}
|
|
2402
|
-
}), null, 16,
|
|
2403
|
-
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)
|
|
2404
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", {
|
|
2405
2457
|
key: 3,
|
|
2406
2458
|
role: "alert",
|
|
2407
2459
|
class: "g-cell-error-message",
|
|
2408
2460
|
id: `${t.tableId}-error-${n.key}-${String(r.key)}`
|
|
2409
|
-
}, P(C(n, r)), 9,
|
|
2461
|
+
}, P(C(n, r)), 9, $n)) : a("", !0)], 10, Kn))), 128))], 42, Wn)], 64))), 128))], 512));
|
|
2410
2462
|
}
|
|
2411
|
-
}),
|
|
2463
|
+
}), tr = ["id", "for"], nr = {
|
|
2412
2464
|
key: 0,
|
|
2413
2465
|
class: "g-multiselect-required",
|
|
2414
2466
|
"aria-hidden": "true"
|
|
2415
|
-
},
|
|
2467
|
+
}, rr = ["id"], ir = ["aria-labelledby"], ar = { class: "g-multiselect-chip-label" }, or = [
|
|
2416
2468
|
"aria-label",
|
|
2417
2469
|
"disabled",
|
|
2418
2470
|
"onClick"
|
|
2419
|
-
],
|
|
2471
|
+
], sr = [
|
|
2420
2472
|
"id",
|
|
2421
2473
|
"value",
|
|
2422
2474
|
"placeholder",
|
|
@@ -2426,25 +2478,25 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2426
2478
|
"aria-activedescendant",
|
|
2427
2479
|
"aria-describedby",
|
|
2428
2480
|
"aria-required"
|
|
2429
|
-
],
|
|
2481
|
+
], cr = ["id"], lr = [
|
|
2430
2482
|
"id",
|
|
2431
2483
|
"aria-selected",
|
|
2432
2484
|
"onClick"
|
|
2433
|
-
],
|
|
2485
|
+
], ur = {
|
|
2434
2486
|
class: "g-multiselect-option-check",
|
|
2435
2487
|
"aria-hidden": "true"
|
|
2436
|
-
},
|
|
2488
|
+
}, dr = {
|
|
2437
2489
|
key: 0,
|
|
2438
2490
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2439
2491
|
viewBox: "0 0 640 640",
|
|
2440
2492
|
width: "1.25em"
|
|
2441
|
-
},
|
|
2493
|
+
}, fr = {
|
|
2442
2494
|
key: 1,
|
|
2443
2495
|
"aria-live": "polite",
|
|
2444
2496
|
class: "g-multiselect-option g-multiselect-no-results"
|
|
2445
|
-
},
|
|
2497
|
+
}, pr = /* @__PURE__ */ u({
|
|
2446
2498
|
__name: "GMultiSelect",
|
|
2447
|
-
props:
|
|
2499
|
+
props: /*@__PURE__*/ m({
|
|
2448
2500
|
options: {},
|
|
2449
2501
|
label: {},
|
|
2450
2502
|
hiddenLabel: {
|
|
@@ -2468,20 +2520,20 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2468
2520
|
modelValue: { default: () => [] },
|
|
2469
2521
|
modelModifiers: {}
|
|
2470
2522
|
}),
|
|
2471
|
-
emits:
|
|
2523
|
+
emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
|
|
2472
2524
|
setup(t, { emit: n }) {
|
|
2473
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 } = $({
|
|
2474
2526
|
name: i.name,
|
|
2475
2527
|
value: d,
|
|
2476
2528
|
errors: I(i, "errors"),
|
|
2477
2529
|
formKey: i.formKey
|
|
2478
|
-
}), { menuPlacement: E, menuStyle: D, isTop: A, scrollOptionIntoView: j } =
|
|
2530
|
+
}), { menuPlacement: E, menuStyle: D, isTop: A, scrollOptionIntoView: j } = Nt({
|
|
2479
2531
|
open: y,
|
|
2480
2532
|
anchorRef: m,
|
|
2481
2533
|
listboxRef: v,
|
|
2482
2534
|
baseId: f,
|
|
2483
2535
|
activeIndex: b
|
|
2484
|
-
}), M = r(() =>
|
|
2536
|
+
}), M = r(() => Mt(i.options)), N = r(() => {
|
|
2485
2537
|
if (!x.value) return M.value;
|
|
2486
2538
|
let e = x.value.toLowerCase();
|
|
2487
2539
|
return M.value.filter((t) => t.label.toLowerCase().includes(e));
|
|
@@ -2576,12 +2628,12 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2576
2628
|
id: ie.value,
|
|
2577
2629
|
for: re.value,
|
|
2578
2630
|
class: "g-multiselect-label"
|
|
2579
|
-
}, [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)),
|
|
2580
2632
|
t.instructions ? (T(), o("div", {
|
|
2581
2633
|
key: 1,
|
|
2582
2634
|
id: ae.value,
|
|
2583
2635
|
class: "g-multiselect-instructions"
|
|
2584
|
-
}, P(t.instructions), 9,
|
|
2636
|
+
}, P(t.instructions), 9, rr)) : a("", !0),
|
|
2585
2637
|
s("div", {
|
|
2586
2638
|
ref_key: "controlRef",
|
|
2587
2639
|
ref: m,
|
|
@@ -2594,7 +2646,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2594
2646
|
}, [(T(!0), o(e, null, k(d.value, (e) => (T(), o("li", {
|
|
2595
2647
|
key: e,
|
|
2596
2648
|
class: "g-multiselect-chip"
|
|
2597
|
-
}, [s("span",
|
|
2649
|
+
}, [s("span", ar, P(L(e)), 1), s("button", {
|
|
2598
2650
|
type: "button",
|
|
2599
2651
|
class: "g-multiselect-chip-remove",
|
|
2600
2652
|
"aria-label": `Remove ${L(e)}`,
|
|
@@ -2609,7 +2661,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2609
2661
|
}, [s("path", {
|
|
2610
2662
|
fill: "currentColor",
|
|
2611
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"
|
|
2612
|
-
})], -1)]], 40,
|
|
2664
|
+
})], -1)]], 40, or)]))), 128))], 8, ir),
|
|
2613
2665
|
s("input", h({
|
|
2614
2666
|
ref_key: "inputRef",
|
|
2615
2667
|
ref: p,
|
|
@@ -2633,7 +2685,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2633
2685
|
onKeydown: ne,
|
|
2634
2686
|
onFocus: J,
|
|
2635
2687
|
onBlur: ee
|
|
2636
|
-
}), null, 16,
|
|
2688
|
+
}), null, 16, sr),
|
|
2637
2689
|
r[2] ||= s("svg", {
|
|
2638
2690
|
class: "g-multiselect-caret",
|
|
2639
2691
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2665,9 +2717,9 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2665
2717
|
"aria-selected": F(e.value) ? "true" : "false",
|
|
2666
2718
|
onMousedown: Z,
|
|
2667
2719
|
onClick: (e) => U(t)
|
|
2668
|
-
}, [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]])
|
|
2669
2721
|
], 2),
|
|
2670
|
-
l(
|
|
2722
|
+
l(Me, {
|
|
2671
2723
|
errors: R(C),
|
|
2672
2724
|
id: oe.value
|
|
2673
2725
|
}, null, 8, ["errors", "id"])
|
|
@@ -2676,28 +2728,28 @@ var un = ["id"], dn = /* @__PURE__ */ u({
|
|
|
2676
2728
|
});
|
|
2677
2729
|
//#endregion
|
|
2678
2730
|
//#region src/compose/useFiltering.ts
|
|
2679
|
-
function
|
|
2731
|
+
function mr(e) {
|
|
2680
2732
|
if (!(Array.isArray(e) && e.length === 0) && !(e === null || e === !1 || e === "")) return e;
|
|
2681
2733
|
}
|
|
2682
|
-
function
|
|
2734
|
+
function hr(e) {
|
|
2683
2735
|
return Object.fromEntries(Object.entries(e).filter(([e, t]) => t && (!Array.isArray(t) || t.length > 0)));
|
|
2684
2736
|
}
|
|
2685
|
-
function
|
|
2737
|
+
function gr(e) {
|
|
2686
2738
|
if (e != null) return Array.isArray(e) ? e.filter((e) => e != null) : [e];
|
|
2687
2739
|
}
|
|
2688
|
-
function
|
|
2740
|
+
function _r(e) {
|
|
2689
2741
|
let t = {};
|
|
2690
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;
|
|
2691
2743
|
return t;
|
|
2692
2744
|
}
|
|
2693
|
-
function
|
|
2745
|
+
function vr(e) {
|
|
2694
2746
|
let t = {};
|
|
2695
2747
|
return Object.keys(e).forEach((n) => {
|
|
2696
2748
|
let r = e[n];
|
|
2697
2749
|
r != null && r !== "" && r !== !1 && (Array.isArray(r) ? r.length > 0 && (t[n] = r.map((e) => String(e))) : t[n] = String(r));
|
|
2698
2750
|
}), t;
|
|
2699
2751
|
}
|
|
2700
|
-
function
|
|
2752
|
+
function yr(e, t = {}) {
|
|
2701
2753
|
let n = D(Object.fromEntries(Object.entries(e).map(([e, t]) => [e, t]))), i = t.syncWith;
|
|
2702
2754
|
if (i) {
|
|
2703
2755
|
if (i.value) {
|
|
@@ -2710,13 +2762,13 @@ function vr(e, t = {}) {
|
|
|
2710
2762
|
});
|
|
2711
2763
|
}
|
|
2712
2764
|
K(n, (e) => {
|
|
2713
|
-
i.value =
|
|
2765
|
+
i.value = vr(e);
|
|
2714
2766
|
}, { deep: !0 });
|
|
2715
2767
|
}
|
|
2716
2768
|
return {
|
|
2717
2769
|
filters: n,
|
|
2718
2770
|
isFiltered: r(() => {
|
|
2719
|
-
for (let t of Object.keys(e)) if (
|
|
2771
|
+
for (let t of Object.keys(e)) if (mr(n[t])) return !0;
|
|
2720
2772
|
return !1;
|
|
2721
2773
|
}),
|
|
2722
2774
|
clearFilters: () => {
|
|
@@ -2726,50 +2778,50 @@ function vr(e, t = {}) {
|
|
|
2726
2778
|
},
|
|
2727
2779
|
filteredColumns: r(() => {
|
|
2728
2780
|
let t = {};
|
|
2729
|
-
for (let r of Object.keys(e)) t[r] = !!
|
|
2781
|
+
for (let r of Object.keys(e)) t[r] = !!mr(n[r]);
|
|
2730
2782
|
return t;
|
|
2731
2783
|
})
|
|
2732
2784
|
};
|
|
2733
2785
|
}
|
|
2734
2786
|
//#endregion
|
|
2735
2787
|
//#region src/components/GTable.vue?vue&type=script&setup=true&lang.ts
|
|
2736
|
-
var
|
|
2788
|
+
var br = { class: "g-table-outer-wrap" }, xr = {
|
|
2737
2789
|
key: 0,
|
|
2738
2790
|
class: "g-table-controls"
|
|
2739
|
-
},
|
|
2791
|
+
}, Sr = { class: "g-clear-filters-wrap" }, Cr = {
|
|
2740
2792
|
key: 0,
|
|
2741
2793
|
class: "pagination"
|
|
2742
|
-
},
|
|
2794
|
+
}, wr = { class: "g-result-count" }, Tr = ["aria-label", "aria-rowcount"], Er = { class: "g-table-head" }, Dr = { "aria-rowindex": "1" }, Or = {
|
|
2743
2795
|
key: 0,
|
|
2744
2796
|
scope: "col",
|
|
2745
2797
|
class: "g-th g-th-checkbox"
|
|
2746
|
-
},
|
|
2798
|
+
}, kr = [
|
|
2747
2799
|
"checked",
|
|
2748
2800
|
"indeterminate",
|
|
2749
2801
|
"aria-label"
|
|
2750
|
-
],
|
|
2802
|
+
], Ar = ["id", "aria-sort"], jr = { class: "th-inner" }, Mr = ["onClick"], Nr = {
|
|
2751
2803
|
key: 0,
|
|
2752
2804
|
class: "sort-indicator"
|
|
2753
|
-
},
|
|
2805
|
+
}, Pr = ["aria-label"], Fr = {
|
|
2754
2806
|
key: 1,
|
|
2755
2807
|
class: "g-column-head"
|
|
2756
|
-
},
|
|
2808
|
+
}, Ir = ["onClick", "aria-label"], Lr = { key: 1 }, Rr = { class: "g-filter-toggle" }, zr = [
|
|
2757
2809
|
"onUpdate:modelValue",
|
|
2758
2810
|
"id",
|
|
2759
2811
|
"aria-describedby"
|
|
2760
|
-
],
|
|
2812
|
+
], Br = ["for"], Vr = ["id"], Hr = {
|
|
2761
2813
|
key: 3,
|
|
2762
2814
|
class: "g-multi-select"
|
|
2763
|
-
},
|
|
2815
|
+
}, Ur = [
|
|
2764
2816
|
"onUpdate:modelValue",
|
|
2765
2817
|
"id",
|
|
2766
2818
|
"value"
|
|
2767
|
-
],
|
|
2819
|
+
], Wr = ["for"], Gr = {
|
|
2768
2820
|
key: 1,
|
|
2769
2821
|
class: "g-bulk-actions-toolbar"
|
|
2770
|
-
},
|
|
2822
|
+
}, Kr = { class: "g-selected-count" }, qr = { class: "g-bulk-actions" }, Jr = /* @__PURE__ */ u({
|
|
2771
2823
|
__name: "GTable",
|
|
2772
|
-
props:
|
|
2824
|
+
props: /*@__PURE__*/ m({
|
|
2773
2825
|
label: {},
|
|
2774
2826
|
data: {},
|
|
2775
2827
|
columns: {},
|
|
@@ -2800,7 +2852,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
2800
2852
|
selectedRows: { default: () => [] },
|
|
2801
2853
|
selectedRowsModifiers: {}
|
|
2802
2854
|
}),
|
|
2803
|
-
emits:
|
|
2855
|
+
emits: /*@__PURE__*/ m([
|
|
2804
2856
|
"row-click",
|
|
2805
2857
|
"bulk-action",
|
|
2806
2858
|
"cell-change"
|
|
@@ -2816,7 +2868,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
2816
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));
|
|
2817
2869
|
}
|
|
2818
2870
|
let v = m.filtering;
|
|
2819
|
-
v ||=
|
|
2871
|
+
v ||= yr({});
|
|
2820
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);
|
|
2821
2873
|
function I() {
|
|
2822
2874
|
if (j.value) p.value = p.value.filter((e) => !E.value.includes(e));
|
|
@@ -2862,9 +2914,9 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
2862
2914
|
let e = f.value[t.key];
|
|
2863
2915
|
f.value[t.key] = e ? [e] : [];
|
|
2864
2916
|
}
|
|
2865
|
-
}, { immediate: !0 }), (n, r) => (T(), o("div",
|
|
2866
|
-
te.value ? (T(), o("div",
|
|
2867
|
-
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, {
|
|
2868
2920
|
key: 0,
|
|
2869
2921
|
outlined: "",
|
|
2870
2922
|
size: "small",
|
|
@@ -2882,22 +2934,22 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
2882
2934
|
})], -1), s("span", { class: "g-clear-filters-text" }, " Clear Filters ", -1)]]),
|
|
2883
2935
|
_: 1
|
|
2884
2936
|
}, 8, ["onClick"])) : a("", !0)]),
|
|
2885
|
-
Z.value ? (T(), o("div",
|
|
2886
|
-
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)
|
|
2887
2939
|
])) : a("", !0),
|
|
2888
2940
|
s("table", {
|
|
2889
2941
|
class: "g-table",
|
|
2890
2942
|
ref: "tableRef",
|
|
2891
2943
|
"aria-label": t.label,
|
|
2892
2944
|
"aria-rowcount": m.resultCount || t.data.length
|
|
2893
|
-
}, [s("thead",
|
|
2945
|
+
}, [s("thead", Er, [s("tr", Dr, [t.bulkSelectionEnabled ? (T(), o("th", Or, [s("input", {
|
|
2894
2946
|
type: "checkbox",
|
|
2895
2947
|
checked: j.value,
|
|
2896
2948
|
indeterminate: M.value,
|
|
2897
2949
|
onChange: I,
|
|
2898
2950
|
"aria-label": j.value ? "Deselect all rows" : "Select all rows",
|
|
2899
2951
|
class: "g-bulk-select-checkbox"
|
|
2900
|
-
}, null, 40,
|
|
2952
|
+
}, null, 40, kr)])) : a("", !0), (T(!0), o(e, null, k(t.columns, (t) => (T(), o("th", {
|
|
2901
2953
|
key: t.key,
|
|
2902
2954
|
id: `${R(q)}-th-${String(t.key)}`,
|
|
2903
2955
|
"aria-sort": u.value === t.key ? d.value === 1 ? "ascending" : "descending" : "none",
|
|
@@ -2907,12 +2959,12 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
2907
2959
|
{ filtered: R(x)[t.key] }
|
|
2908
2960
|
]),
|
|
2909
2961
|
scope: "col"
|
|
2910
|
-
}, [s("div",
|
|
2962
|
+
}, [s("div", jr, [t.sortable ? (T(), o("button", {
|
|
2911
2963
|
key: 0,
|
|
2912
2964
|
type: "button",
|
|
2913
2965
|
class: "g-column-head",
|
|
2914
2966
|
onClick: (e) => g(t)
|
|
2915
|
-
}, [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", {
|
|
2916
2968
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2917
2969
|
viewBox: "0 0 640 640",
|
|
2918
2970
|
height: "1.5em",
|
|
@@ -2922,7 +2974,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
2922
2974
|
}, [...r[1] ||= [s("path", {
|
|
2923
2975
|
fill: "currentColor",
|
|
2924
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"
|
|
2925
|
-
}, 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 }, {
|
|
2926
2978
|
trigger: J(({ toggle: e }) => [s("button", {
|
|
2927
2979
|
onClick: X(e, ["stop"]),
|
|
2928
2980
|
"aria-label": R(x)[t.key] ? "Column Filtered" : "Filter Column",
|
|
@@ -2936,8 +2988,8 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
2936
2988
|
}, [s("path", {
|
|
2937
2989
|
fill: "currentColor",
|
|
2938
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"
|
|
2939
|
-
})], -1)]], 10,
|
|
2940
|
-
default: J(() => [t.filter.type === "select" ? (T(), i(
|
|
2991
|
+
})], -1)]], 10, Ir)]),
|
|
2992
|
+
default: J(() => [t.filter.type === "select" ? (T(), i(Ut, {
|
|
2941
2993
|
key: 0,
|
|
2942
2994
|
modelValue: f.value[t.key],
|
|
2943
2995
|
"onUpdate:modelValue": (e) => f.value[t.key] = e,
|
|
@@ -2950,20 +3002,20 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
2950
3002
|
"modelValue",
|
|
2951
3003
|
"onUpdate:modelValue",
|
|
2952
3004
|
"options"
|
|
2953
|
-
])) : t.filter.type === "toggle" ? (T(), o("div",
|
|
3005
|
+
])) : t.filter.type === "toggle" ? (T(), o("div", Lr, [s("div", Rr, [
|
|
2954
3006
|
Y(s("input", {
|
|
2955
3007
|
type: "checkbox",
|
|
2956
3008
|
"onUpdate:modelValue": (e) => f.value[t.key] = e,
|
|
2957
3009
|
id: `${R(q)}-filter-${String(t.key)}`,
|
|
2958
3010
|
"aria-describedby": t.filter.description ? `${R(q)}-filter-description-${String(t.key)}` : void 0
|
|
2959
|
-
}, null, 8,
|
|
2960
|
-
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),
|
|
2961
3013
|
t.filter.description ? (T(), o("span", {
|
|
2962
3014
|
key: 0,
|
|
2963
3015
|
class: "g-filter-description",
|
|
2964
3016
|
id: `${R(q)}-filter-description-${String(t.key)}`
|
|
2965
|
-
}, P(t.filter.description), 9,
|
|
2966
|
-
])])) : 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, {
|
|
2967
3019
|
key: 2,
|
|
2968
3020
|
modelValue: f.value[t.key],
|
|
2969
3021
|
"onUpdate:modelValue": (e) => f.value[t.key] = e,
|
|
@@ -2976,7 +3028,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
2976
3028
|
"onUpdate:modelValue",
|
|
2977
3029
|
"options",
|
|
2978
3030
|
"placeholder"
|
|
2979
|
-
])) : t.filter.type === "multi-select" ? (T(), o("fieldset",
|
|
3031
|
+
])) : t.filter.type === "multi-select" ? (T(), o("fieldset", Hr, [
|
|
2980
3032
|
r[4] ||= s("legend", { class: "g-multi-select-legend" }, " Include values ", -1),
|
|
2981
3033
|
(T(!0), o(e, null, k(t.filter.options, (e) => (T(), o("div", { key: e.value }, [Y(s("input", {
|
|
2982
3034
|
type: "checkbox",
|
|
@@ -2984,7 +3036,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
2984
3036
|
id: `filter-${String(t.key)}-${e.value}`,
|
|
2985
3037
|
value: e.value,
|
|
2986
3038
|
name: "filter-multiselect"
|
|
2987
|
-
}, 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)),
|
|
2988
3040
|
f.value[t.key] && f.value[t.key].length ? (T(), i(Q, {
|
|
2989
3041
|
key: 0,
|
|
2990
3042
|
class: "clear-multiselect-btn",
|
|
@@ -2997,7 +3049,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
2997
3049
|
}, 8, ["onClick"])) : a("", !0)
|
|
2998
3050
|
])) : a("", !0)]),
|
|
2999
3051
|
_: 2
|
|
3000
|
-
}, 1024)) : a("", !0)])], 10,
|
|
3052
|
+
}, 1024)) : a("", !0)])], 10, Ar))), 128))])]), l(er, {
|
|
3001
3053
|
data: t.data,
|
|
3002
3054
|
columns: t.columns,
|
|
3003
3055
|
"group-by": t.groupBy,
|
|
@@ -3024,8 +3076,8 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3024
3076
|
"selected-rows",
|
|
3025
3077
|
"table-id",
|
|
3026
3078
|
"change-tracker"
|
|
3027
|
-
])], 8,
|
|
3028
|
-
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, {
|
|
3029
3081
|
theme: e.theme || "accent",
|
|
3030
3082
|
onClick: (t) => U(e.id),
|
|
3031
3083
|
size: "small"
|
|
@@ -3035,12 +3087,12 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3035
3087
|
}, 1032, ["theme", "onClick"])]))), 128))])])) : a("", !0)
|
|
3036
3088
|
]));
|
|
3037
3089
|
}
|
|
3038
|
-
}),
|
|
3090
|
+
}), Yr = {
|
|
3039
3091
|
class: "g-pagination",
|
|
3040
3092
|
"aria-label": "Pagination"
|
|
3041
|
-
},
|
|
3093
|
+
}, Xr = ["disabled"], Zr = ["disabled"], Qr = { class: "page-range" }, $r = ["disabled"], ei = ["disabled"], ti = ["value"], ni = ["value"], ri = /* @__PURE__ */ u({
|
|
3042
3094
|
__name: "GTablePagination",
|
|
3043
|
-
props:
|
|
3095
|
+
props: /*@__PURE__*/ m({
|
|
3044
3096
|
start: {},
|
|
3045
3097
|
pageSize: {},
|
|
3046
3098
|
total: {},
|
|
@@ -3060,7 +3112,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3060
3112
|
function h(e) {
|
|
3061
3113
|
c.value = parseInt(e.target.value, 10);
|
|
3062
3114
|
}
|
|
3063
|
-
return (t, r) => (T(), o("nav",
|
|
3115
|
+
return (t, r) => (T(), o("nav", Yr, [
|
|
3064
3116
|
s("button", {
|
|
3065
3117
|
class: "first-page g-pagination-button",
|
|
3066
3118
|
disabled: p.value === 1,
|
|
@@ -3085,7 +3137,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3085
3137
|
}),
|
|
3086
3138
|
s("path", { d: "M11 7l-5 5l5 5" }),
|
|
3087
3139
|
s("path", { d: "M17 7l-5 5l5 5" })
|
|
3088
|
-
], -1)]], 8,
|
|
3140
|
+
], -1)]], 8, Xr),
|
|
3089
3141
|
s("button", {
|
|
3090
3142
|
class: "prev-page g-pagination-button",
|
|
3091
3143
|
disabled: p.value === 1,
|
|
@@ -3106,8 +3158,8 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3106
3158
|
stroke: "none",
|
|
3107
3159
|
d: "M0 0h24v24H0z",
|
|
3108
3160
|
fill: "none"
|
|
3109
|
-
}), s("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8,
|
|
3110
|
-
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),
|
|
3111
3163
|
s("button", {
|
|
3112
3164
|
class: "next-page g-pagination-button",
|
|
3113
3165
|
disabled: p.value === i.value,
|
|
@@ -3128,7 +3180,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3128
3180
|
stroke: "none",
|
|
3129
3181
|
d: "M0 0h24v24H0z",
|
|
3130
3182
|
fill: "none"
|
|
3131
|
-
}), s("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8,
|
|
3183
|
+
}), s("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, $r),
|
|
3132
3184
|
s("button", {
|
|
3133
3185
|
class: "last-page g-pagination-button",
|
|
3134
3186
|
disabled: p.value === i.value,
|
|
@@ -3153,7 +3205,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3153
3205
|
}),
|
|
3154
3206
|
s("path", { d: "M7 7l5 5l-5 5" }),
|
|
3155
3207
|
s("path", { d: "M13 7l5 5l-5 5" })
|
|
3156
|
-
], -1)]], 8,
|
|
3208
|
+
], -1)]], 8, ei),
|
|
3157
3209
|
s("select", {
|
|
3158
3210
|
id: "page-size-select",
|
|
3159
3211
|
class: "page-size-select",
|
|
@@ -3167,14 +3219,14 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3167
3219
|
], (e) => (T(), o("option", {
|
|
3168
3220
|
key: e,
|
|
3169
3221
|
value: e
|
|
3170
|
-
}, P(e), 9,
|
|
3222
|
+
}, P(e), 9, ni))), 128))], 40, ti),
|
|
3171
3223
|
r[8] ||= s("label", {
|
|
3172
3224
|
class: "page-size-label",
|
|
3173
3225
|
for: "page-size-select"
|
|
3174
3226
|
}, "per page", -1)
|
|
3175
3227
|
]));
|
|
3176
3228
|
}
|
|
3177
|
-
}),
|
|
3229
|
+
}), ii = ["id"], ai = { class: "g-modal-inner" }, oi = { class: "g-modal-header" }, si = ["id"], ci = ["id"], li = /* @__PURE__ */ u({
|
|
3178
3230
|
__name: "GModal",
|
|
3179
3231
|
props: {
|
|
3180
3232
|
label: {},
|
|
@@ -3188,11 +3240,11 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3188
3240
|
},
|
|
3189
3241
|
emits: ["close"],
|
|
3190
3242
|
setup(e, { emit: c }) {
|
|
3191
|
-
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);
|
|
3192
3244
|
function w() {
|
|
3193
3245
|
d("close");
|
|
3194
3246
|
}
|
|
3195
|
-
|
|
3247
|
+
et([f], v, p, w, g), S(() => {
|
|
3196
3248
|
_(), C();
|
|
3197
3249
|
}), b(() => {
|
|
3198
3250
|
g(), x();
|
|
@@ -3218,12 +3270,12 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3218
3270
|
ref_key: "dialog",
|
|
3219
3271
|
ref: f,
|
|
3220
3272
|
style: { zIndex: R(y) }
|
|
3221
|
-
}), [s("div",
|
|
3273
|
+
}), [s("div", ai, [s("div", oi, [e.hiddenLabel ? a("", !0) : (T(), o("h2", {
|
|
3222
3274
|
key: 0,
|
|
3223
3275
|
id: "modal-label-" + R(m),
|
|
3224
3276
|
class: "g-modal-label",
|
|
3225
3277
|
tabindex: "-1"
|
|
3226
|
-
}, P(e.label), 9,
|
|
3278
|
+
}, P(e.label), 9, si)), s("button", {
|
|
3227
3279
|
class: "g-modal-close",
|
|
3228
3280
|
onClick: w,
|
|
3229
3281
|
"aria-label": "Close"
|
|
@@ -3238,76 +3290,84 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3238
3290
|
})], -1)]])]), s("div", {
|
|
3239
3291
|
id: "modal-description-" + R(m),
|
|
3240
3292
|
class: "g-modal-content"
|
|
3241
|
-
}, [A(r.$slots, "default")], 8,
|
|
3293
|
+
}, [A(r.$slots, "default")], 8, ci)])], 16, ii)]),
|
|
3242
3294
|
_: 3
|
|
3243
3295
|
})]));
|
|
3244
3296
|
}
|
|
3245
|
-
}),
|
|
3297
|
+
}), ui = [
|
|
3246
3298
|
"id",
|
|
3247
3299
|
"aria-expanded",
|
|
3248
3300
|
"aria-label",
|
|
3249
3301
|
"aria-controls"
|
|
3250
|
-
],
|
|
3302
|
+
], di = {
|
|
3303
|
+
key: 0,
|
|
3304
|
+
class: "g-hamburger-label"
|
|
3305
|
+
}, fi = /* @__PURE__ */ u({
|
|
3251
3306
|
__name: "GHamburgerMenu",
|
|
3252
3307
|
props: {
|
|
3253
3308
|
label: { default: "Main Navigation" },
|
|
3254
3309
|
sidebarKey: { default: "default" },
|
|
3255
|
-
mediaQuery: {}
|
|
3310
|
+
mediaQuery: {},
|
|
3311
|
+
labelVisible: {
|
|
3312
|
+
type: Boolean,
|
|
3313
|
+
default: !1
|
|
3314
|
+
}
|
|
3256
3315
|
},
|
|
3257
3316
|
emits: ["toggle"],
|
|
3258
3317
|
setup(e, { emit: t }) {
|
|
3259
|
-
let n = e, r = p("sidebar") ?? (fe() ?
|
|
3260
|
-
function
|
|
3318
|
+
let n = e, r = p("sidebar") ?? (fe() ? un(n.sidebarKey, I(n, "mediaQuery")) : void 0), i = t;
|
|
3319
|
+
function c() {
|
|
3261
3320
|
i("toggle"), r?.toggle();
|
|
3262
3321
|
}
|
|
3263
|
-
function
|
|
3322
|
+
function l(e) {
|
|
3264
3323
|
e.key === "Escape" && r?.open?.value && (r.open.value = !1);
|
|
3265
3324
|
}
|
|
3266
|
-
let
|
|
3325
|
+
let u = B();
|
|
3267
3326
|
return (t, n) => (T(), o("button", {
|
|
3268
|
-
id: `${R(r)?.id ?? R(
|
|
3327
|
+
id: `${R(r)?.id ?? R(u)}-hamburger`,
|
|
3269
3328
|
class: _(["g-hamburger-button", {
|
|
3270
3329
|
"g-hamburger-button--open": R(r)?.open?.value,
|
|
3271
3330
|
"g-hamburger-button--collapsible": R(r)?.isCollapsible?.value
|
|
3272
3331
|
}]),
|
|
3273
|
-
onClick:
|
|
3274
|
-
onKeydown:
|
|
3332
|
+
onClick: c,
|
|
3333
|
+
onKeydown: l,
|
|
3275
3334
|
"aria-expanded": R(r)?.open?.value ? "true" : "false",
|
|
3276
|
-
"aria-label": e.label,
|
|
3335
|
+
"aria-label": e.labelVisible ? void 0 : e.label,
|
|
3277
3336
|
"aria-controls": R(r) ? `${R(r).id}-sidebar` : void 0
|
|
3278
|
-
}, [
|
|
3337
|
+
}, [n[0] ||= s("svg", {
|
|
3279
3338
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3280
|
-
viewBox: "0 0 51.26 51.26"
|
|
3281
|
-
|
|
3339
|
+
viewBox: "0 0 51.26 51.26",
|
|
3340
|
+
role: "none"
|
|
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));
|
|
3282
3342
|
}
|
|
3283
|
-
}),
|
|
3343
|
+
}), pi = /* @__PURE__ */ u({
|
|
3284
3344
|
__name: "GDetailList",
|
|
3285
3345
|
props: { variant: { default: "grid" } },
|
|
3286
3346
|
setup(e) {
|
|
3287
3347
|
let t = e;
|
|
3288
3348
|
return (e, n) => (T(), o("dl", { class: _(["g-detail-list", `g-detail-list--${t.variant}`]) }, [A(e.$slots, "default")], 2));
|
|
3289
3349
|
}
|
|
3290
|
-
}),
|
|
3350
|
+
}), mi = { class: "g-detail-list-item" }, hi = { class: "g-detail-list-item__label" }, gi = { class: "g-detail-list-item__value" }, _i = /* @__PURE__ */ u({
|
|
3291
3351
|
__name: "GDetailListItem",
|
|
3292
3352
|
props: { label: {} },
|
|
3293
3353
|
setup(e) {
|
|
3294
|
-
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")])]));
|
|
3295
3355
|
}
|
|
3296
|
-
}),
|
|
3356
|
+
}), vi = {
|
|
3297
3357
|
key: 0,
|
|
3298
3358
|
class: "g-scroll-lock-overlay"
|
|
3299
|
-
},
|
|
3359
|
+
}, yi = /* @__PURE__ */ u({
|
|
3300
3360
|
__name: "GOverlay",
|
|
3301
3361
|
setup(e) {
|
|
3302
|
-
let { hasScrollLock: t } =
|
|
3362
|
+
let { hasScrollLock: t } = Je();
|
|
3303
3363
|
return (e, r) => (T(), i(n, { name: "g-fade" }, {
|
|
3304
|
-
default: J(() => [R(t) ? (T(), o("div",
|
|
3364
|
+
default: J(() => [R(t) ? (T(), o("div", vi)) : a("", !0)]),
|
|
3305
3365
|
_: 1
|
|
3306
3366
|
}));
|
|
3307
3367
|
}
|
|
3308
|
-
}),
|
|
3368
|
+
}), bi = { class: "popover-content" }, xi = { class: "year-dropdown" }, Si = { class: "month-selector" }, Ci = /* @__PURE__ */ u({
|
|
3309
3369
|
__name: "GTermSelectorControl",
|
|
3310
|
-
props:
|
|
3370
|
+
props: /*@__PURE__*/ m({
|
|
3311
3371
|
termYears: { default: () => ["2026"] },
|
|
3312
3372
|
termNames: { default: () => [
|
|
3313
3373
|
"Spring",
|
|
@@ -3326,7 +3386,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3326
3386
|
emits: ["update:modelValue"],
|
|
3327
3387
|
setup(e) {
|
|
3328
3388
|
let t = V(e, "modelValue");
|
|
3329
|
-
return (n, r) => (T(), o("div",
|
|
3389
|
+
return (n, r) => (T(), o("div", bi, [s("div", xi, [l(Ut, {
|
|
3330
3390
|
modelValue: t.value.year,
|
|
3331
3391
|
"onUpdate:modelValue": r[0] ||= (e) => t.value.year = e,
|
|
3332
3392
|
options: e.termYears,
|
|
@@ -3335,7 +3395,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3335
3395
|
"modelValue",
|
|
3336
3396
|
"options",
|
|
3337
3397
|
"label"
|
|
3338
|
-
])]), s("div",
|
|
3398
|
+
])]), s("div", Si, [l(bt, {
|
|
3339
3399
|
modelValue: t.value.name,
|
|
3340
3400
|
"onUpdate:modelValue": r[1] ||= (e) => t.value.name = e,
|
|
3341
3401
|
options: e.termNames,
|
|
@@ -3347,12 +3407,12 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3347
3407
|
"label"
|
|
3348
3408
|
])])]));
|
|
3349
3409
|
}
|
|
3350
|
-
}),
|
|
3410
|
+
}), wi = { class: "g-term-selector" }, Ti = { class: "g-term-label" }, Ei = {
|
|
3351
3411
|
class: "g-popover-title",
|
|
3352
3412
|
tabindex: "-1"
|
|
3353
|
-
},
|
|
3413
|
+
}, Di = /* @__PURE__ */ u({
|
|
3354
3414
|
__name: "GTermSelector",
|
|
3355
|
-
props:
|
|
3415
|
+
props: /*@__PURE__*/ m({
|
|
3356
3416
|
heading: { default: "Period Selection" },
|
|
3357
3417
|
yearLabel: {},
|
|
3358
3418
|
periodLabel: {},
|
|
@@ -3372,7 +3432,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3372
3432
|
emits: ["update:modelValue"],
|
|
3373
3433
|
setup(e) {
|
|
3374
3434
|
let t = V(e, "modelValue");
|
|
3375
|
-
return (n, r) => (T(), o("div",
|
|
3435
|
+
return (n, r) => (T(), o("div", wi, [l(at, null, {
|
|
3376
3436
|
trigger: J(({ toggle: e }) => [l(Q, {
|
|
3377
3437
|
class: "g-term-selector-button",
|
|
3378
3438
|
theme: "none",
|
|
@@ -3385,7 +3445,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3385
3445
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3386
3446
|
viewBox: "0 0 640 640"
|
|
3387
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),
|
|
3388
|
-
s("span",
|
|
3448
|
+
s("span", Ti, P(t.value?.name) + " " + P(t.value?.year), 1),
|
|
3389
3449
|
r[1] ||= s("span", { class: "g-caret" }, [s("svg", {
|
|
3390
3450
|
role: "none presentation",
|
|
3391
3451
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3394,15 +3454,15 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3394
3454
|
]),
|
|
3395
3455
|
_: 1
|
|
3396
3456
|
}, 8, ["onClick"])]),
|
|
3397
|
-
default: J(() => [s("h2",
|
|
3457
|
+
default: J(() => [s("h2", Ei, P(e.heading), 1), l(Ci, v(f(n.$props)), null, 16)]),
|
|
3398
3458
|
_: 1
|
|
3399
3459
|
})]));
|
|
3400
3460
|
}
|
|
3401
|
-
}),
|
|
3461
|
+
}), Oi = { class: "g-user-menu" }, ki = [
|
|
3402
3462
|
"aria-label",
|
|
3403
3463
|
"aria-expanded",
|
|
3404
3464
|
"onClick"
|
|
3405
|
-
],
|
|
3465
|
+
], Ai = { class: "g-user-menu__popover" }, ji = { class: "g-user-menu__list" }, Mi = /* @__PURE__ */ u({
|
|
3406
3466
|
__name: "GUserMenu",
|
|
3407
3467
|
props: {
|
|
3408
3468
|
initials: {},
|
|
@@ -3414,7 +3474,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3414
3474
|
let n = `${B()}-email`, r = O(!1), a = U("emailHeading");
|
|
3415
3475
|
d()?.appContext?.components?.RouterLink;
|
|
3416
3476
|
let c = H();
|
|
3417
|
-
return (u, d) => (T(), o("div",
|
|
3477
|
+
return (u, d) => (T(), o("div", Oi, [l(at, {
|
|
3418
3478
|
modelValue: r.value,
|
|
3419
3479
|
"onUpdate:modelValue": d[0] ||= (e) => r.value = e,
|
|
3420
3480
|
minimal: ""
|
|
@@ -3426,8 +3486,8 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3426
3486
|
"aria-expanded": r.value,
|
|
3427
3487
|
"aria-haspopup": "menu",
|
|
3428
3488
|
onClick: e
|
|
3429
|
-
}, P(t.initials), 13,
|
|
3430
|
-
default: J(() => [s("div",
|
|
3489
|
+
}, P(t.initials), 13, ki)]),
|
|
3490
|
+
default: J(() => [s("div", Ai, [s("h2", {
|
|
3431
3491
|
id: n,
|
|
3432
3492
|
ref_key: "emailHeading",
|
|
3433
3493
|
ref: a,
|
|
@@ -3436,13 +3496,13 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3436
3496
|
}, P(t.email), 513), s("nav", {
|
|
3437
3497
|
class: "g-user-menu__nav",
|
|
3438
3498
|
"aria-labelledby": n
|
|
3439
|
-
}, [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))])])])]),
|
|
3440
3500
|
_: 1
|
|
3441
3501
|
}, 8, ["modelValue"])]));
|
|
3442
3502
|
}
|
|
3443
|
-
}),
|
|
3503
|
+
}), Ni = /* @__PURE__ */ u({
|
|
3444
3504
|
__name: "GCurrencyInput",
|
|
3445
|
-
props:
|
|
3505
|
+
props: /*@__PURE__*/ m({
|
|
3446
3506
|
label: { default: void 0 },
|
|
3447
3507
|
placeholder: { default: "" },
|
|
3448
3508
|
disabled: {
|
|
@@ -3464,7 +3524,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3464
3524
|
emits: ["update:modelValue"],
|
|
3465
3525
|
setup(e) {
|
|
3466
3526
|
let t = e, n = V(e, "modelValue");
|
|
3467
|
-
return (e, r) => (T(), i(
|
|
3527
|
+
return (e, r) => (T(), i(ze, h({
|
|
3468
3528
|
modelValue: n.value,
|
|
3469
3529
|
"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
|
|
3470
3530
|
name: t.name,
|
|
@@ -3491,9 +3551,9 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3491
3551
|
"form-key"
|
|
3492
3552
|
]));
|
|
3493
3553
|
}
|
|
3494
|
-
}),
|
|
3554
|
+
}), Pi = /* @__PURE__ */ u({
|
|
3495
3555
|
__name: "GEmailInput",
|
|
3496
|
-
props:
|
|
3556
|
+
props: /*@__PURE__*/ m({
|
|
3497
3557
|
label: { default: void 0 },
|
|
3498
3558
|
placeholder: { default: "" },
|
|
3499
3559
|
disabled: {
|
|
@@ -3514,7 +3574,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3514
3574
|
emits: ["update:modelValue"],
|
|
3515
3575
|
setup(e) {
|
|
3516
3576
|
let t = V(e, "modelValue");
|
|
3517
|
-
return (n, r) => (T(), i(
|
|
3577
|
+
return (n, r) => (T(), i(ze, h({
|
|
3518
3578
|
modelValue: t.value,
|
|
3519
3579
|
"onUpdate:modelValue": r[0] ||= (e) => t.value = e,
|
|
3520
3580
|
name: e.name,
|
|
@@ -3536,13 +3596,13 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3536
3596
|
"instructions"
|
|
3537
3597
|
]));
|
|
3538
3598
|
}
|
|
3539
|
-
}),
|
|
3599
|
+
}), Fi = ["for"], Ii = {
|
|
3540
3600
|
key: 0,
|
|
3541
3601
|
class: "g-file-input-required"
|
|
3542
|
-
},
|
|
3602
|
+
}, Li = {
|
|
3543
3603
|
key: 0,
|
|
3544
3604
|
class: "g-file-input-box-header"
|
|
3545
|
-
},
|
|
3605
|
+
}, Ri = ["id"], zi = [
|
|
3546
3606
|
"id",
|
|
3547
3607
|
"disabled",
|
|
3548
3608
|
"required",
|
|
@@ -3551,14 +3611,14 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3551
3611
|
"aria-invalid",
|
|
3552
3612
|
"aria-describedby",
|
|
3553
3613
|
"aria-errormessage"
|
|
3554
|
-
],
|
|
3614
|
+
], Bi = {
|
|
3555
3615
|
key: 1,
|
|
3556
3616
|
class: "g-file-input-pills",
|
|
3557
3617
|
"aria-label": "Selected files"
|
|
3558
|
-
},
|
|
3618
|
+
}, Vi = /* @__PURE__ */ u({
|
|
3559
3619
|
inheritAttrs: !1,
|
|
3560
3620
|
__name: "GFileInput",
|
|
3561
|
-
props:
|
|
3621
|
+
props: /*@__PURE__*/ m({
|
|
3562
3622
|
label: {},
|
|
3563
3623
|
instructions: { default: "" },
|
|
3564
3624
|
disabled: {
|
|
@@ -3583,7 +3643,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3583
3643
|
modelValue: { default: () => [] },
|
|
3584
3644
|
modelModifiers: {}
|
|
3585
3645
|
}),
|
|
3586
|
-
emits:
|
|
3646
|
+
emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
|
|
3587
3647
|
setup(t, { emit: n }) {
|
|
3588
3648
|
let i = t, u = V(t, "modelValue"), d = B(), { displayErrors: f } = $({
|
|
3589
3649
|
name: i.name,
|
|
@@ -3612,12 +3672,12 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3612
3672
|
key: 0,
|
|
3613
3673
|
for: R(d),
|
|
3614
3674
|
class: "g-file-input-label"
|
|
3615
|
-
}, [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),
|
|
3616
3676
|
s("div", { class: _(["g-file-input-box", { "g-file-input-box--disabled": t.disabled }]) }, [
|
|
3617
|
-
t.instructions ? (T(), o("div",
|
|
3677
|
+
t.instructions ? (T(), o("div", Li, [s("span", {
|
|
3618
3678
|
id: "instructions-" + R(d),
|
|
3619
3679
|
class: "g-file-input-instructions"
|
|
3620
|
-
}, P(t.instructions), 9,
|
|
3680
|
+
}, P(t.instructions), 9, Ri)])) : a("", !0),
|
|
3621
3681
|
s("input", {
|
|
3622
3682
|
id: R(d),
|
|
3623
3683
|
type: "file",
|
|
@@ -3630,8 +3690,8 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3630
3690
|
"aria-describedby": t.instructions ? "instructions-" + R(d) : void 0,
|
|
3631
3691
|
"aria-errormessage": y.value ? "error-message-" + R(d) : void 0,
|
|
3632
3692
|
onChange: g
|
|
3633
|
-
}, null, 40,
|
|
3634
|
-
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", {
|
|
3635
3695
|
key: e,
|
|
3636
3696
|
class: "g-file-input-pill"
|
|
3637
3697
|
}, [r[0] ||= s("svg", {
|
|
@@ -3641,15 +3701,15 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3641
3701
|
viewBox: "0 0 640 640"
|
|
3642
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)
|
|
3643
3703
|
], 2),
|
|
3644
|
-
l(
|
|
3704
|
+
l(Me, {
|
|
3645
3705
|
errors: v.value,
|
|
3646
3706
|
id: "error-message-" + R(d)
|
|
3647
3707
|
}, null, 8, ["errors", "id"])
|
|
3648
3708
|
], 2));
|
|
3649
3709
|
}
|
|
3650
|
-
}),
|
|
3710
|
+
}), Hi = /* @__PURE__ */ u({
|
|
3651
3711
|
__name: "GDateInput",
|
|
3652
|
-
props:
|
|
3712
|
+
props: /*@__PURE__*/ m({
|
|
3653
3713
|
label: { default: void 0 },
|
|
3654
3714
|
placeholder: { default: "" },
|
|
3655
3715
|
disabled: {
|
|
@@ -3671,7 +3731,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3671
3731
|
emits: ["update:modelValue"],
|
|
3672
3732
|
setup(e) {
|
|
3673
3733
|
let t = e, n = V(e, "modelValue");
|
|
3674
|
-
return (e, r) => (T(), i(
|
|
3734
|
+
return (e, r) => (T(), i(ze, h({
|
|
3675
3735
|
modelValue: n.value,
|
|
3676
3736
|
"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
|
|
3677
3737
|
name: t.name,
|
|
@@ -3695,23 +3755,23 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3695
3755
|
"form-key"
|
|
3696
3756
|
]));
|
|
3697
3757
|
}
|
|
3698
|
-
}),
|
|
3758
|
+
}), Ui = { class: "g-date-range-input" }, Wi = {
|
|
3699
3759
|
key: 0,
|
|
3700
3760
|
class: "g-date-range-input__label"
|
|
3701
|
-
},
|
|
3761
|
+
}, Gi = {
|
|
3702
3762
|
key: 0,
|
|
3703
3763
|
class: "g-date-range-input__required",
|
|
3704
3764
|
"aria-hidden": "true"
|
|
3705
|
-
},
|
|
3765
|
+
}, Ki = {
|
|
3706
3766
|
key: 1,
|
|
3707
3767
|
class: "g-date-range-input__instructions"
|
|
3708
|
-
},
|
|
3768
|
+
}, qi = { class: "g-date-range-input__fields" }, Ji = {
|
|
3709
3769
|
key: 2,
|
|
3710
3770
|
class: "g-date-range-input__errors",
|
|
3711
3771
|
role: "alert"
|
|
3712
|
-
},
|
|
3772
|
+
}, Yi = /* @__PURE__ */ u({
|
|
3713
3773
|
__name: "GDateRangeInput",
|
|
3714
|
-
props:
|
|
3774
|
+
props: /*@__PURE__*/ m({
|
|
3715
3775
|
label: { default: void 0 },
|
|
3716
3776
|
startLabel: { default: "Start Date" },
|
|
3717
3777
|
endLabel: { default: "End Date" },
|
|
@@ -3749,10 +3809,10 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3749
3809
|
};
|
|
3750
3810
|
}), K(r, (e) => {
|
|
3751
3811
|
e.start !== i.value && (i.value = e.start), e.end !== u.value && (u.value = e.end);
|
|
3752
|
-
}, { deep: !0 }), (t, r) => (T(), o("div",
|
|
3753
|
-
n.label ? (T(), o("div",
|
|
3754
|
-
n.instructions ? (T(), o("div",
|
|
3755
|
-
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, {
|
|
3756
3816
|
modelValue: i.value,
|
|
3757
3817
|
"onUpdate:modelValue": r[0] ||= (e) => i.value = e,
|
|
3758
3818
|
label: n.startLabel,
|
|
@@ -3764,7 +3824,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3764
3824
|
"label",
|
|
3765
3825
|
"disabled",
|
|
3766
3826
|
"required"
|
|
3767
|
-
]), l(
|
|
3827
|
+
]), l(Hi, {
|
|
3768
3828
|
modelValue: u.value,
|
|
3769
3829
|
"onUpdate:modelValue": r[1] ||= (e) => u.value = e,
|
|
3770
3830
|
label: n.endLabel,
|
|
@@ -3777,15 +3837,15 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3777
3837
|
"disabled",
|
|
3778
3838
|
"required"
|
|
3779
3839
|
])]),
|
|
3780
|
-
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", {
|
|
3781
3841
|
key: t,
|
|
3782
3842
|
class: "g-date-range-input__error"
|
|
3783
3843
|
}, P(e), 1))), 128))])) : a("", !0)
|
|
3784
3844
|
]));
|
|
3785
3845
|
}
|
|
3786
|
-
}),
|
|
3846
|
+
}), Xi = ["action", "method"], Zi = /* @__PURE__ */ u({
|
|
3787
3847
|
__name: "GForm",
|
|
3788
|
-
props:
|
|
3848
|
+
props: /*@__PURE__*/ m({
|
|
3789
3849
|
action: { default: void 0 },
|
|
3790
3850
|
method: { default: "post" },
|
|
3791
3851
|
formKey: { default: "default" }
|
|
@@ -3793,9 +3853,9 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3793
3853
|
modelValue: { default: () => ({}) },
|
|
3794
3854
|
modelModifiers: {}
|
|
3795
3855
|
}),
|
|
3796
|
-
emits:
|
|
3856
|
+
emits: /*@__PURE__*/ m(["submit"], ["update:modelValue"]),
|
|
3797
3857
|
setup(e, { emit: t }) {
|
|
3798
|
-
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());
|
|
3799
3859
|
a || E("form", s), K(() => s.values.value, (e) => {
|
|
3800
3860
|
r.value = { ...e };
|
|
3801
3861
|
}, { deep: !0 }), K(() => r.value, (e) => {
|
|
@@ -3823,9 +3883,9 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3823
3883
|
hasErrors: R(s).hasErrors.value,
|
|
3824
3884
|
values: R(s).values.value,
|
|
3825
3885
|
errors: R(s).errors.value
|
|
3826
|
-
})], 40,
|
|
3886
|
+
})], 40, Xi));
|
|
3827
3887
|
}
|
|
3828
|
-
}),
|
|
3888
|
+
}), Qi = /* @__PURE__ */ u({
|
|
3829
3889
|
__name: "GSubmitButton",
|
|
3830
3890
|
props: {
|
|
3831
3891
|
disabled: {
|
|
@@ -3837,7 +3897,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3837
3897
|
formKey: { default: "default" }
|
|
3838
3898
|
},
|
|
3839
3899
|
setup(e) {
|
|
3840
|
-
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);
|
|
3841
3901
|
return (e, n) => (T(), i(Q, {
|
|
3842
3902
|
type: "submit",
|
|
3843
3903
|
disabled: u.value,
|
|
@@ -3848,21 +3908,21 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3848
3908
|
_: 3
|
|
3849
3909
|
}, 8, ["disabled", "variant"]));
|
|
3850
3910
|
}
|
|
3851
|
-
}),
|
|
3911
|
+
}), $i = {
|
|
3852
3912
|
key: 0,
|
|
3853
3913
|
class: "g-checkbox-group__legend"
|
|
3854
|
-
},
|
|
3914
|
+
}, ea = {
|
|
3855
3915
|
key: 0,
|
|
3856
3916
|
class: "g-checkbox-group__required",
|
|
3857
3917
|
"aria-hidden": "true"
|
|
3858
|
-
},
|
|
3918
|
+
}, ta = {
|
|
3859
3919
|
key: 1,
|
|
3860
3920
|
class: "g-checkbox-group__label"
|
|
3861
|
-
},
|
|
3921
|
+
}, na = {
|
|
3862
3922
|
key: 0,
|
|
3863
3923
|
class: "g-checkbox-group__required",
|
|
3864
3924
|
"aria-hidden": "true"
|
|
3865
|
-
},
|
|
3925
|
+
}, ra = ["id"], ia = { class: "g-checkbox-group__options" }, aa = ["for"], oa = [
|
|
3866
3926
|
"id",
|
|
3867
3927
|
"type",
|
|
3868
3928
|
"name",
|
|
@@ -3871,9 +3931,9 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3871
3931
|
"disabled",
|
|
3872
3932
|
"required",
|
|
3873
3933
|
"onChange"
|
|
3874
|
-
],
|
|
3934
|
+
], sa = { class: "g-checkbox-group__label-text" }, ca = ["id"], la = /* @__PURE__ */ u({
|
|
3875
3935
|
__name: "GCheckboxGroup",
|
|
3876
|
-
props:
|
|
3936
|
+
props: /*@__PURE__*/ m({
|
|
3877
3937
|
label: { default: void 0 },
|
|
3878
3938
|
options: {},
|
|
3879
3939
|
instructions: { default: "" },
|
|
@@ -3892,7 +3952,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3892
3952
|
modelValue: { default: () => [] },
|
|
3893
3953
|
modelModifiers: {}
|
|
3894
3954
|
}),
|
|
3895
|
-
emits:
|
|
3955
|
+
emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
|
|
3896
3956
|
setup(t, { emit: n }) {
|
|
3897
3957
|
let u = t, d = V(t, "modelValue"), f = B(), { displayErrors: p, hasErrors: m } = $({
|
|
3898
3958
|
name: u.name,
|
|
@@ -3933,13 +3993,13 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3933
3993
|
}
|
|
3934
3994
|
return (n, r) => (T(), i(j(C.value ? "fieldset" : "div"), h({ class: ["g-checkbox-group", { "g-checkbox-group--error": R(m) }] }, w.value), {
|
|
3935
3995
|
default: J(() => [
|
|
3936
|
-
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),
|
|
3937
3997
|
t.instructions ? (T(), o("div", {
|
|
3938
3998
|
key: 2,
|
|
3939
3999
|
id: S.value,
|
|
3940
4000
|
class: "g-checkbox-group__instructions"
|
|
3941
|
-
}, P(t.instructions), 9,
|
|
3942
|
-
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", {
|
|
3943
4003
|
key: e.value,
|
|
3944
4004
|
class: _(["g-checkbox-group__option-wrapper", { "g-checkbox-group__option-wrapper--disabled": e.disabled }])
|
|
3945
4005
|
}, [s("label", {
|
|
@@ -3954,12 +4014,12 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3954
4014
|
disabled: e.disabled,
|
|
3955
4015
|
required: t.required && (t.radio && n === 0 || !t.radio && t.options.length === 1),
|
|
3956
4016
|
class: "g-checkbox-group__input"
|
|
3957
|
-
}, { 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", {
|
|
3958
4018
|
key: 0,
|
|
3959
4019
|
id: E(n),
|
|
3960
4020
|
class: "g-checkbox-group__hint"
|
|
3961
|
-
}, P(e.hint), 9,
|
|
3962
|
-
l(
|
|
4021
|
+
}, P(e.hint), 9, ca)) : a("", !0)], 2))), 128))]),
|
|
4022
|
+
l(Me, {
|
|
3963
4023
|
errors: R(p),
|
|
3964
4024
|
id: x.value
|
|
3965
4025
|
}, null, 8, ["errors", "id"])
|
|
@@ -3967,11 +4027,11 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3967
4027
|
_: 1
|
|
3968
4028
|
}, 16, ["class"]));
|
|
3969
4029
|
}
|
|
3970
|
-
}),
|
|
4030
|
+
}), ua = ["for"], da = {
|
|
3971
4031
|
key: 0,
|
|
3972
4032
|
class: "g-textarea-required",
|
|
3973
4033
|
"aria-hidden": "true"
|
|
3974
|
-
},
|
|
4034
|
+
}, fa = ["id"], pa = [
|
|
3975
4035
|
"value",
|
|
3976
4036
|
"placeholder",
|
|
3977
4037
|
"disabled",
|
|
@@ -3980,14 +4040,14 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
3980
4040
|
"rows",
|
|
3981
4041
|
"maxlength",
|
|
3982
4042
|
"aria-invalid"
|
|
3983
|
-
],
|
|
4043
|
+
], ma = {
|
|
3984
4044
|
key: 2,
|
|
3985
4045
|
class: "g-textarea-char-count",
|
|
3986
4046
|
"aria-live": "polite"
|
|
3987
|
-
},
|
|
4047
|
+
}, ha = /* @__PURE__ */ u({
|
|
3988
4048
|
inheritAttrs: !1,
|
|
3989
4049
|
__name: "GTextarea",
|
|
3990
|
-
props:
|
|
4050
|
+
props: /*@__PURE__*/ m({
|
|
3991
4051
|
label: { default: void 0 },
|
|
3992
4052
|
placeholder: { default: "" },
|
|
3993
4053
|
disabled: {
|
|
@@ -4016,7 +4076,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
4016
4076
|
modelValue: { type: String },
|
|
4017
4077
|
modelModifiers: {}
|
|
4018
4078
|
}),
|
|
4019
|
-
emits:
|
|
4079
|
+
emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
|
|
4020
4080
|
setup(e, { emit: t }) {
|
|
4021
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 } = $({
|
|
4022
4082
|
name: n.name,
|
|
@@ -4057,12 +4117,12 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
4057
4117
|
key: 0,
|
|
4058
4118
|
for: m.value,
|
|
4059
4119
|
class: "g-textarea-label"
|
|
4060
|
-
}, [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),
|
|
4061
4121
|
t.$slots.instructions || e.instructions ? (T(), o("div", {
|
|
4062
4122
|
key: 1,
|
|
4063
4123
|
id: "instructions-" + R(u),
|
|
4064
4124
|
class: "g-textarea-instructions"
|
|
4065
|
-
}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8,
|
|
4125
|
+
}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8, fa)) : a("", !0),
|
|
4066
4126
|
s("textarea", h({
|
|
4067
4127
|
ref: "textareaEl",
|
|
4068
4128
|
value: i.value ?? "",
|
|
@@ -4083,9 +4143,9 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
4083
4143
|
onInput: w,
|
|
4084
4144
|
onBlur: E,
|
|
4085
4145
|
onPaste: D
|
|
4086
|
-
}), null, 16,
|
|
4087
|
-
n.maxlength === void 0 ? a("", !0) : (T(), o("div",
|
|
4088
|
-
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, {
|
|
4089
4149
|
errors: R(v),
|
|
4090
4150
|
id: "error-message-" + R(u)
|
|
4091
4151
|
}, null, 8, ["errors", "id"])
|
|
@@ -4094,7 +4154,7 @@ var yr = { class: "g-table-outer-wrap" }, br = {
|
|
|
4094
4154
|
});
|
|
4095
4155
|
//#endregion
|
|
4096
4156
|
//#region src/compose/useActiveLink.ts
|
|
4097
|
-
function
|
|
4157
|
+
function ga(e, t, n) {
|
|
4098
4158
|
let r = [
|
|
4099
4159
|
0,
|
|
4100
4160
|
.25,
|
|
@@ -4124,12 +4184,12 @@ function ma(e, t, n) {
|
|
|
4124
4184
|
}
|
|
4125
4185
|
//#endregion
|
|
4126
4186
|
//#region src/compose/useSidebar.ts
|
|
4127
|
-
function
|
|
4187
|
+
function _a(e = "(max-width: 800px)") {
|
|
4128
4188
|
let t = B(), n = O(!1), r = se(e, { ssrWidth: 1e3 });
|
|
4129
4189
|
function i(e) {
|
|
4130
4190
|
if (!r.value || !n.value) return;
|
|
4131
|
-
let i = e.target, a = document.getElementById(`${t}-sidebar`);
|
|
4132
|
-
a && (a.contains(i) || setTimeout(() => {
|
|
4191
|
+
let i = e.target, a = document.getElementById(`${t}-sidebar`), o = document.getElementById(`${t}-hamburger`);
|
|
4192
|
+
a && (a.contains(i) || o?.contains(i) || setTimeout(() => {
|
|
4133
4193
|
n.value = !1;
|
|
4134
4194
|
}, 5));
|
|
4135
4195
|
}
|
|
@@ -4155,7 +4215,7 @@ function ha(e = "(max-width: 800px)") {
|
|
|
4155
4215
|
}
|
|
4156
4216
|
//#endregion
|
|
4157
4217
|
//#region src/compose/useTableChanges.ts
|
|
4158
|
-
function
|
|
4218
|
+
function va() {
|
|
4159
4219
|
let e = M(/* @__PURE__ */ new Map()), t = ee(), n = (n) => {
|
|
4160
4220
|
let r = n.column.key, i = n.row.key, a = n.value, o = n.previousValue;
|
|
4161
4221
|
e.has(i) || e.set(i, M(/* @__PURE__ */ new Map()));
|
|
@@ -4258,6 +4318,6 @@ function ga() {
|
|
|
4258
4318
|
};
|
|
4259
4319
|
}
|
|
4260
4320
|
//#endregion
|
|
4261
|
-
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 };
|
|
4262
4322
|
|
|
4263
|
-
//# sourceMappingURL=grad-vue-
|
|
4323
|
+
//# sourceMappingURL=grad-vue-D1bBU4zO.js.map
|