@illinois-grad/grad-vue 3.0.0 → 3.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/custom-elements.json +16 -6
- package/dist/components/GSidebarMenu.vue.d.ts +4 -4
- package/dist/components/GTermSelector.vue.d.ts +5 -5
- package/dist/components/GTreeMenu.vue.d.ts +24 -6
- package/dist/components/tree-menu/GTreeMenuItem.vue.d.ts +6 -4
- package/dist/{grad-vue-DCHrrEXb.js → grad-vue-SX-RHHr3.js} +733 -676
- package/dist/grad-vue-SX-RHHr3.js.map +1 -0
- package/dist/grad-vue-elements.css +41 -1
- package/dist/grad-vue-elements.js +501 -450
- package/dist/grad-vue-elements.js.map +1 -1
- package/dist/grad-vue.css +1 -1
- package/dist/grad-vue.js +1 -1
- package/dist/plugin.js +1 -1
- package/package.json +1 -1
- package/dist/grad-vue-DCHrrEXb.js.map +0 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, getCurrentInstance as d, guardReactiveProps as f, inject as p, mergeModels as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeMount as b, onBeforeUnmount as x, onMounted as S,
|
|
2
|
-
import { createEventHook as
|
|
1
|
+
import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, getCurrentInstance as d, guardReactiveProps as f, inject as p, mergeModels as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeMount as b, onBeforeUnmount as x, onMounted as S, onUpdated as C, openBlock as w, provide as T, reactive as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as A, shallowReactive as j, shallowRef as M, toDisplayString as N, toRaw as P, toRef as F, toValue as I, unref as L, useAttrs as R, useId as z, useModel as B, useSlots as V, useTemplateRef as H, vModelCheckbox as U, vShow as ee, watch as W, watchEffect as G, withCtx as K, withDirectives as q, withModifiers as J } from "vue";
|
|
2
|
+
import { createEventHook as Y, toArray as te, tryOnScopeDispose as X, unrefElement as Z, useClipboard as ne, useDebounceFn as re, useFocusWithin as ie, useIntersectionObserver as ae, useMediaQuery as oe, useMutationObserver as se, useResizeObserver as ce, useSessionStorage as le } from "@vueuse/core";
|
|
3
3
|
import { createFocusTrap as ue } from "focus-trap";
|
|
4
4
|
//#region src/compose/useCustomElementAttrs.ts
|
|
5
5
|
function de() {
|
|
6
6
|
return globalThis.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ === !0;
|
|
7
7
|
}
|
|
8
8
|
function fe(e = {}) {
|
|
9
|
-
let t =
|
|
9
|
+
let t = R(), n = globalThis.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ === !0, i = e.omitInCustomElement ?? [];
|
|
10
10
|
return {
|
|
11
11
|
attrs: t,
|
|
12
12
|
isCustomElement: n,
|
|
@@ -20,7 +20,7 @@ function fe(e = {}) {
|
|
|
20
20
|
}
|
|
21
21
|
//#endregion
|
|
22
22
|
//#region src/components/GButton.vue?vue&type=script&setup=true&lang.ts
|
|
23
|
-
var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" },
|
|
23
|
+
var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Q = /* @__PURE__ */ u({
|
|
24
24
|
inheritAttrs: !1,
|
|
25
25
|
__name: "GButton",
|
|
26
26
|
props: {
|
|
@@ -51,7 +51,7 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Z = /* @__PUR
|
|
|
51
51
|
"mouseleave"
|
|
52
52
|
],
|
|
53
53
|
setup(t) {
|
|
54
|
-
let n = t, a =
|
|
54
|
+
let n = t, a = V(), { forwardedAttrs: c } = fe({ omitInCustomElement: ["id"] }), l = r(() => [
|
|
55
55
|
"g-btn",
|
|
56
56
|
`g-btn--${n.size}`,
|
|
57
57
|
`g-btn--${n.theme}`,
|
|
@@ -65,7 +65,7 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Z = /* @__PUR
|
|
|
65
65
|
"g-btn-has-icon-svg": !!a.icon
|
|
66
66
|
}
|
|
67
67
|
]);
|
|
68
|
-
return (r, u) => (
|
|
68
|
+
return (r, u) => (w(), i(A(n.component ? n.component : "button"), h(L(c), {
|
|
69
69
|
to: n.to,
|
|
70
70
|
class: l.value,
|
|
71
71
|
type: n.to ? void 0 : n.type,
|
|
@@ -79,11 +79,11 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Z = /* @__PUR
|
|
|
79
79
|
onMouseenter: u[7] ||= (e) => r.$emit("mouseenter", e),
|
|
80
80
|
onMouseleave: u[8] ||= (e) => r.$emit("mouseleave", e)
|
|
81
81
|
}), {
|
|
82
|
-
default:
|
|
82
|
+
default: K(() => [t.icon || a.icon ? (w(), o(e, { key: 0 }, [s("span", pe, [a.icon ? k(r.$slots, "icon", { key: 0 }) : (w(), o("span", {
|
|
83
83
|
key: 1,
|
|
84
84
|
class: _(t.icon + " g-btn--icon-span"),
|
|
85
85
|
"aria-hidden": "true"
|
|
86
|
-
}, null, 2))]), s("span", me, [
|
|
86
|
+
}, null, 2))]), s("span", me, [k(r.$slots, "default")])], 64)) : k(r.$slots, "default", { key: 1 })]),
|
|
87
87
|
_: 3
|
|
88
88
|
}, 16, [
|
|
89
89
|
"to",
|
|
@@ -91,24 +91,49 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Z = /* @__PUR
|
|
|
91
91
|
"type"
|
|
92
92
|
]));
|
|
93
93
|
}
|
|
94
|
-
}), he = ["id"], ge = { class: "g-tree-
|
|
94
|
+
}), he = ["id"], ge = { class: "g-tree-menu__divider" }, _e = {
|
|
95
|
+
key: 0,
|
|
96
|
+
class: "g-tree-menu__expand-all-wrapper"
|
|
97
|
+
}, ve = { class: "g-tree-menu__content" }, ye = /* @__PURE__ */ u({
|
|
95
98
|
__name: "GTreeMenu",
|
|
96
99
|
props: {
|
|
97
|
-
|
|
100
|
+
heading: {},
|
|
98
101
|
listType: { default: "ul" },
|
|
99
102
|
theme: { default: "light" },
|
|
100
|
-
storageKey: {}
|
|
103
|
+
storageKey: {},
|
|
104
|
+
showExpandAll: {
|
|
105
|
+
type: Boolean,
|
|
106
|
+
default: !1
|
|
107
|
+
}
|
|
101
108
|
},
|
|
102
109
|
setup(e) {
|
|
103
|
-
let t = e, n =
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
110
|
+
let t = e, n = z();
|
|
111
|
+
T("g-tree-menu-list-type", t.listType), T("g-tree-menu-expanded-storage", t.storageKey ? le(t.storageKey, {}) : null);
|
|
112
|
+
let i = E(/* @__PURE__ */ new Map());
|
|
113
|
+
T("g-tree-menu-expandable-items", i);
|
|
114
|
+
let l = D({
|
|
115
|
+
expanded: !0,
|
|
116
|
+
version: 0
|
|
117
|
+
});
|
|
118
|
+
T("g-tree-menu-expand-all-signal", l);
|
|
119
|
+
let u = r(() => {
|
|
120
|
+
if (i.size === 0) return !1;
|
|
121
|
+
for (let e of i.values()) if (!e) return !1;
|
|
122
|
+
return !0;
|
|
123
|
+
});
|
|
124
|
+
function d() {
|
|
125
|
+
l.value = {
|
|
126
|
+
expanded: !u.value,
|
|
127
|
+
version: l.value.version + 1
|
|
128
|
+
};
|
|
107
129
|
}
|
|
108
|
-
function
|
|
130
|
+
function f(e) {
|
|
131
|
+
return e.querySelector("a, button, [tabindex='0']") || e;
|
|
132
|
+
}
|
|
133
|
+
function p(e) {
|
|
109
134
|
return Array.from(e.querySelectorAll("[data-tree-primary]"));
|
|
110
135
|
}
|
|
111
|
-
function
|
|
136
|
+
function m(e) {
|
|
112
137
|
let t = e.currentTarget, n = document.activeElement;
|
|
113
138
|
if (!t.contains(n) || ![
|
|
114
139
|
"ArrowUp",
|
|
@@ -118,88 +143,95 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Z = /* @__PUR
|
|
|
118
143
|
"Home",
|
|
119
144
|
"End"
|
|
120
145
|
].includes(e.key)) return;
|
|
121
|
-
let
|
|
146
|
+
let r = n.closest(".g-tree-menu__item"), i = r?.querySelector("[data-tree-primary]") ?? null, a = p(t), o = i ? a.indexOf(i) : -1;
|
|
122
147
|
switch (e.key) {
|
|
123
148
|
case "ArrowDown": {
|
|
124
|
-
let e =
|
|
125
|
-
e &&
|
|
149
|
+
let e = a[o + 1];
|
|
150
|
+
e && f(e).focus();
|
|
126
151
|
break;
|
|
127
152
|
}
|
|
128
153
|
case "ArrowUp": {
|
|
129
|
-
let e =
|
|
130
|
-
e &&
|
|
154
|
+
let e = a[o - 1];
|
|
155
|
+
e && f(e).focus();
|
|
131
156
|
break;
|
|
132
157
|
}
|
|
133
158
|
case "ArrowRight":
|
|
134
|
-
if (!
|
|
135
|
-
if (
|
|
136
|
-
let e =
|
|
159
|
+
if (!r || r.dataset.treeExpandable !== "true") break;
|
|
160
|
+
if (r.querySelector("[aria-expanded='true']") === null) {
|
|
161
|
+
let e = r.querySelector(".g-tree-menu__toggle-btn");
|
|
137
162
|
e && e.click();
|
|
138
163
|
} else {
|
|
139
|
-
let e =
|
|
140
|
-
e &&
|
|
164
|
+
let e = a[o + 1];
|
|
165
|
+
e && f(e).focus();
|
|
141
166
|
}
|
|
142
167
|
break;
|
|
143
168
|
case "ArrowLeft":
|
|
144
|
-
if (!
|
|
145
|
-
if (
|
|
146
|
-
let e =
|
|
147
|
-
e && e.click(),
|
|
169
|
+
if (!r) break;
|
|
170
|
+
if (r.querySelector("[aria-expanded='true']") !== null) {
|
|
171
|
+
let e = r.querySelector(".g-tree-menu__toggle-btn");
|
|
172
|
+
e && e.click(), i && g(() => f(i).focus());
|
|
148
173
|
} else {
|
|
149
|
-
let e =
|
|
174
|
+
let e = r.parentElement?.closest(".g-tree-menu__item");
|
|
150
175
|
if (e) {
|
|
151
176
|
let t = e.querySelector("[data-tree-primary]");
|
|
152
|
-
t &&
|
|
177
|
+
t && f(t).focus();
|
|
153
178
|
}
|
|
154
179
|
}
|
|
155
180
|
break;
|
|
156
181
|
case "Home":
|
|
157
|
-
|
|
182
|
+
a.length > 0 && f(a[0]).focus();
|
|
158
183
|
break;
|
|
159
184
|
case "End":
|
|
160
|
-
|
|
185
|
+
a.length > 0 && f(a[a.length - 1]).focus();
|
|
161
186
|
break;
|
|
162
187
|
}
|
|
163
188
|
e.preventDefault();
|
|
164
189
|
}
|
|
165
|
-
return (r, i) => (
|
|
166
|
-
"aria-labelledby": e.
|
|
167
|
-
"aria-label": e.
|
|
168
|
-
}, { onKeydown:
|
|
169
|
-
e.
|
|
190
|
+
return (r, i) => (w(), o("nav", h({ class: ["g-tree-menu", `g-tree-menu--${t.theme}`] }, {
|
|
191
|
+
"aria-labelledby": e.heading ? L(n) : void 0,
|
|
192
|
+
"aria-label": e.heading ? void 0 : "Tree Menu"
|
|
193
|
+
}, { onKeydown: m }), [
|
|
194
|
+
e.heading ? (w(), o("h2", {
|
|
170
195
|
key: 0,
|
|
171
|
-
id:
|
|
196
|
+
id: L(n),
|
|
172
197
|
class: "g-tree-menu__title"
|
|
173
|
-
},
|
|
174
|
-
i[
|
|
175
|
-
|
|
198
|
+
}, N(e.heading), 9, he)) : a("", !0),
|
|
199
|
+
s("div", ge, [i[1] ||= s("div", { class: "g-tree-menu__divider-line" }, null, -1), e.showExpandAll ? (w(), o("div", _e, [s("button", {
|
|
200
|
+
class: "g-tree-menu__expand-all-btn",
|
|
201
|
+
onClick: d
|
|
202
|
+
}, [(w(), o("svg", {
|
|
203
|
+
class: _(["g-tree-menu__expand-all-icon", { "g-tree-menu__expand-all-icon--collapse": u.value }]),
|
|
204
|
+
role: "none presentation",
|
|
205
|
+
viewBox: "0 0 24 24",
|
|
206
|
+
fill: "none",
|
|
207
|
+
stroke: "currentColor",
|
|
208
|
+
"stroke-width": "2.5",
|
|
209
|
+
"stroke-linecap": "round",
|
|
210
|
+
"stroke-linejoin": "round"
|
|
211
|
+
}, [...i[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(" " + N(u.value ? "Collapse all" : "Expand all"), 1)])])) : a("", !0)]),
|
|
212
|
+
s("div", ve, [k(r.$slots, "default")])
|
|
176
213
|
], 16));
|
|
177
214
|
}
|
|
178
|
-
}),
|
|
179
|
-
let n = e.__vccOpts || e;
|
|
180
|
-
for (let [e, r] of t) n[e] = r;
|
|
181
|
-
return n;
|
|
182
|
-
}, ve = /* @__PURE__ */ Q(_e, [["__scopeId", "data-v-80057f6b"]]), ye = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
215
|
+
}), be = /* @__PURE__ */ u({
|
|
183
216
|
name: "GTreeMenuList",
|
|
184
217
|
props: { listType: { default: void 0 } },
|
|
185
218
|
setup(e) {
|
|
186
219
|
let t = e, n = p("g-tree-menu-list-type", "ul"), a = r(() => t.listType ?? n ?? "ul");
|
|
187
|
-
return (e, t) => (
|
|
188
|
-
default:
|
|
220
|
+
return (e, t) => (w(), i(A(a.value), { class: "g-tree-menu__list" }, {
|
|
221
|
+
default: K(() => [k(e.$slots, "default")]),
|
|
189
222
|
_: 3
|
|
190
223
|
}));
|
|
191
224
|
}
|
|
192
|
-
}),
|
|
225
|
+
}), xe = ["data-tree-expandable"], Se = {
|
|
193
226
|
key: 0,
|
|
194
227
|
class: "g-tree-menu__row"
|
|
195
|
-
},
|
|
228
|
+
}, Ce = { class: "g-tree-menu__row-content-text" }, we = {
|
|
196
229
|
key: 1,
|
|
197
230
|
class: "g-tree-menu__row g-tree-menu__row--leaf"
|
|
198
231
|
}, Te = {
|
|
199
232
|
class: "g-tree-menu__row-content",
|
|
200
|
-
tabindex: "-1",
|
|
201
233
|
"data-tree-primary": ""
|
|
202
|
-
}, Ee = /* @__PURE__ */
|
|
234
|
+
}, Ee = /* @__PURE__ */ u({
|
|
203
235
|
name: "GTreeMenuItem",
|
|
204
236
|
props: {
|
|
205
237
|
label: {},
|
|
@@ -210,39 +242,60 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Z = /* @__PUR
|
|
|
210
242
|
},
|
|
211
243
|
emits: ["expand", "collapse"],
|
|
212
244
|
setup(e, { emit: t }) {
|
|
213
|
-
let n = e, c = t, l =
|
|
214
|
-
function
|
|
215
|
-
if (
|
|
216
|
-
|
|
217
|
-
|
|
245
|
+
let n = e, c = t, l = V(), u = d(), f = z(), m = (u?.ce)?._slots?.children?.length > 0, h = r(() => !!l.children || m), g = p("g-tree-menu-expanded-storage", null);
|
|
246
|
+
function v() {
|
|
247
|
+
if (g && n.label !== void 0) {
|
|
248
|
+
if (g.value[n.label] === !0) return !0;
|
|
249
|
+
n.expanded && (g.value[n.label] = !0);
|
|
218
250
|
}
|
|
219
251
|
return n.expanded;
|
|
220
252
|
}
|
|
221
|
-
let
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
}),
|
|
225
|
-
|
|
253
|
+
let y = D(v());
|
|
254
|
+
W(() => n.expanded, (e) => {
|
|
255
|
+
g && n.label !== void 0 || (y.value = e);
|
|
256
|
+
}), W(y, (e) => {
|
|
257
|
+
g && n.label !== void 0 && (e ? g.value[n.label] = !0 : delete g.value[n.label]), T();
|
|
226
258
|
});
|
|
227
|
-
|
|
228
|
-
|
|
259
|
+
let b = D(null);
|
|
260
|
+
function T() {
|
|
261
|
+
if (!h.value || !b.value) return;
|
|
262
|
+
let e = b.value.querySelector("a, button");
|
|
263
|
+
e ? (e.setAttribute("aria-controls", f + "-children"), e.setAttribute("aria-expanded", y.value ? "true" : "false")) : console.warn("No focusable element found for GTreeMenuItem with label:", n.label, "Every item must at least have a plain button to properly work for accessibility.");
|
|
229
264
|
}
|
|
230
|
-
|
|
231
|
-
|
|
265
|
+
S(T), C(T);
|
|
266
|
+
function E() {
|
|
267
|
+
y.value = !y.value, y.value ? c("expand") : c("collapse");
|
|
232
268
|
}
|
|
233
|
-
|
|
234
|
-
|
|
269
|
+
let O = Symbol(), A = p("g-tree-menu-expandable-items", null), j = p("g-tree-menu-expand-all-signal", null), M = D(0);
|
|
270
|
+
function N() {
|
|
271
|
+
A && h.value && A.set(O, y.value);
|
|
272
|
+
}
|
|
273
|
+
function P() {
|
|
274
|
+
A?.delete(O);
|
|
275
|
+
}
|
|
276
|
+
W(y, (e) => {
|
|
277
|
+
A && h.value && A.set(O, e);
|
|
278
|
+
}), j && W(() => j.value.version, () => {
|
|
279
|
+
h.value && (y.value = j.value.expanded, M.value = j.value.version);
|
|
280
|
+
}), S(() => {
|
|
281
|
+
N(), j && h.value && j.value.version > M.value && j.value.expanded && (y.value = !0, M.value = j.value.version);
|
|
282
|
+
}), x(() => {
|
|
283
|
+
P();
|
|
284
|
+
});
|
|
285
|
+
function F(e) {
|
|
286
|
+
e.target.closest("a") || E();
|
|
287
|
+
}
|
|
288
|
+
function I(e) {
|
|
289
|
+
(e.key === "Enter" || e.key === " ") && (E(), e.preventDefault());
|
|
235
290
|
}
|
|
236
|
-
return (
|
|
291
|
+
return (e, t) => (w(), o("li", {
|
|
237
292
|
class: "g-tree-menu__item",
|
|
238
|
-
"data-tree-expandable":
|
|
239
|
-
}, [
|
|
293
|
+
"data-tree-expandable": h.value ? "true" : void 0
|
|
294
|
+
}, [h.value ? (w(), o("div", Se, [s("div", {
|
|
240
295
|
class: "g-tree-menu__toggle-btn",
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
}, [(C(), o("svg", {
|
|
245
|
-
class: _(["g-tree-menu__chevron", { "g-tree-menu__chevron--expanded": g.value }]),
|
|
296
|
+
onClick: E
|
|
297
|
+
}, [(w(), o("svg", {
|
|
298
|
+
class: _(["g-tree-menu__chevron", { "g-tree-menu__chevron--expanded": y.value }]),
|
|
246
299
|
role: "none presentation",
|
|
247
300
|
viewBox: "0 0 24 24",
|
|
248
301
|
fill: "none",
|
|
@@ -250,22 +303,26 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Z = /* @__PUR
|
|
|
250
303
|
"stroke-width": "2.5",
|
|
251
304
|
"stroke-linecap": "round",
|
|
252
305
|
"stroke-linejoin": "round"
|
|
253
|
-
}, [...
|
|
306
|
+
}, [...t[0] ||= [s("polyline", { points: "9 18 15 12 9 6" }, null, -1)]], 2))]), s("span", {
|
|
307
|
+
ref_key: "contentRef",
|
|
308
|
+
ref: b,
|
|
254
309
|
class: "g-tree-menu__row-content",
|
|
255
|
-
tabindex: "-1",
|
|
256
310
|
"data-tree-primary": "",
|
|
257
|
-
onClick:
|
|
258
|
-
onKeydown:
|
|
259
|
-
}, [s("span", Ce, [
|
|
260
|
-
|
|
311
|
+
onClick: F,
|
|
312
|
+
onKeydown: I
|
|
313
|
+
}, [s("span", Ce, [k(e.$slots, "default")])], 544)])) : (w(), o("div", we, [t[1] ||= s("span", { class: "g-tree-menu__spacer" }, null, -1), s("span", Te, [k(e.$slots, "default")])])), h.value && y.value ? (w(), i(be, {
|
|
314
|
+
key: 2,
|
|
315
|
+
id: L(f) + "-children"
|
|
316
|
+
}, {
|
|
317
|
+
default: K(() => [k(e.$slots, "children")]),
|
|
261
318
|
_: 3
|
|
262
|
-
})) : a("", !0)], 8,
|
|
319
|
+
}, 8, ["id"])) : a("", !0)], 8, xe));
|
|
263
320
|
}
|
|
264
|
-
})
|
|
321
|
+
});
|
|
265
322
|
//#endregion
|
|
266
323
|
//#region src/compose/useForm.ts
|
|
267
324
|
function De() {
|
|
268
|
-
let e =
|
|
325
|
+
let e = j({}), t = D(!1), n = r(() => {
|
|
269
326
|
let t = {};
|
|
270
327
|
return Object.entries(e).forEach(([e, n]) => {
|
|
271
328
|
n && n.value && (t[e] = n.value.value);
|
|
@@ -317,7 +374,7 @@ function ke(e = "default") {
|
|
|
317
374
|
//#endregion
|
|
318
375
|
//#region src/compose/useFormField.ts
|
|
319
376
|
function $(e) {
|
|
320
|
-
let t =
|
|
377
|
+
let t = R(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, i = e.formKey ?? n ?? "default", a = p("form", null) ?? (de() ? ke(i) : null), o = r(() => {
|
|
321
378
|
let t = [];
|
|
322
379
|
return e.errors && t.push(...e.errors.value.filter(Boolean)), t;
|
|
323
380
|
}), s = r(() => o.value.length > 0), c = e.name;
|
|
@@ -336,19 +393,19 @@ function $(e) {
|
|
|
336
393
|
}
|
|
337
394
|
//#endregion
|
|
338
395
|
//#region src/components/form/GFormErrorMessages.vue?vue&type=script&setup=true&lang.ts
|
|
339
|
-
var Ae = ["id"], je = /* @__PURE__ */
|
|
396
|
+
var Ae = ["id"], je = /* @__PURE__ */ u({
|
|
340
397
|
__name: "GFormErrorMessages",
|
|
341
398
|
props: {
|
|
342
399
|
errors: {},
|
|
343
400
|
id: {}
|
|
344
401
|
},
|
|
345
402
|
setup(t) {
|
|
346
|
-
return (n, r) => t.errors.length > 0 ? (
|
|
403
|
+
return (n, r) => t.errors.length > 0 ? (w(), o("div", {
|
|
347
404
|
key: 0,
|
|
348
405
|
class: "g-form-error-messages",
|
|
349
406
|
id: t.id,
|
|
350
407
|
role: "alert"
|
|
351
|
-
}, [(
|
|
408
|
+
}, [(w(!0), o(e, null, O(t.errors, (e, t) => (w(), o("div", {
|
|
352
409
|
key: t,
|
|
353
410
|
class: "g-form-error-message"
|
|
354
411
|
}, [r[0] ||= s("svg", {
|
|
@@ -358,9 +415,9 @@ var Ae = ["id"], je = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
358
415
|
}, [s("path", {
|
|
359
416
|
fill: "currentColor",
|
|
360
417
|
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"
|
|
361
|
-
})], -1), c(" " +
|
|
418
|
+
})], -1), c(" " + N(e), 1)]))), 128))], 8, Ae)) : a("", !0);
|
|
362
419
|
}
|
|
363
|
-
}),
|
|
420
|
+
}), Me = ["for"], Ne = {
|
|
364
421
|
key: 0,
|
|
365
422
|
class: "g-text-input-required",
|
|
366
423
|
"aria-hidden": "true"
|
|
@@ -376,7 +433,7 @@ var Ae = ["id"], je = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
376
433
|
], Le = {
|
|
377
434
|
key: 1,
|
|
378
435
|
class: "g-text-input-suffix"
|
|
379
|
-
}, Re = /* @__PURE__ */
|
|
436
|
+
}, Re = /* @__PURE__ */ u({
|
|
380
437
|
inheritAttrs: !1,
|
|
381
438
|
__name: "GTextInput",
|
|
382
439
|
props: /* @__PURE__ */ m({
|
|
@@ -403,12 +460,12 @@ var Ae = ["id"], je = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
403
460
|
}),
|
|
404
461
|
emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
|
|
405
462
|
setup(e, { emit: t }) {
|
|
406
|
-
let n = e, i =
|
|
463
|
+
let n = e, i = B(e, "modelValue"), u = z(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = fe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: g, hasErrors: v } = $({
|
|
407
464
|
name: n.name,
|
|
408
465
|
value: i,
|
|
409
|
-
errors:
|
|
466
|
+
errors: F(n, "errors"),
|
|
410
467
|
formKey: n.formKey
|
|
411
|
-
}), y = t, b =
|
|
468
|
+
}), y = t, b = D(i.value ?? ""), x = null;
|
|
412
469
|
function S(e) {
|
|
413
470
|
if (e !== i.value) {
|
|
414
471
|
let t = i.value;
|
|
@@ -418,7 +475,7 @@ var Ae = ["id"], je = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
418
475
|
});
|
|
419
476
|
}
|
|
420
477
|
}
|
|
421
|
-
function
|
|
478
|
+
function C(e) {
|
|
422
479
|
b.value = e.target.value, x && clearTimeout(x), x = setTimeout(() => {
|
|
423
480
|
S(b.value), x = null;
|
|
424
481
|
}, n.debounce);
|
|
@@ -426,54 +483,54 @@ var Ae = ["id"], je = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
426
483
|
function T(e) {
|
|
427
484
|
x &&= (clearTimeout(x), null), S(e.target.value);
|
|
428
485
|
}
|
|
429
|
-
function
|
|
486
|
+
function E(e) {
|
|
430
487
|
x &&= (clearTimeout(x), null), setTimeout(() => {
|
|
431
488
|
let t = e.target.value;
|
|
432
489
|
S(t);
|
|
433
490
|
}, 0);
|
|
434
491
|
}
|
|
435
|
-
function
|
|
492
|
+
function O(e) {
|
|
436
493
|
(e.key === "PageUp" || e.key === "PageDown") && (x &&= (clearTimeout(x), null), S(e.target.value)), e.key === "Enter" && S(e.target.value);
|
|
437
494
|
}
|
|
438
|
-
return (t, r) => (
|
|
439
|
-
n.label ? (
|
|
495
|
+
return (t, r) => (w(), o("div", { class: _(["g-text-input-wrap", { "g-text-input-has-error": L(v) }]) }, [
|
|
496
|
+
n.label ? (w(), o("label", {
|
|
440
497
|
key: 0,
|
|
441
498
|
for: m.value,
|
|
442
499
|
class: "g-text-input-label"
|
|
443
|
-
}, [c(
|
|
444
|
-
t.$slots.instructions || e.instructions ? (
|
|
500
|
+
}, [c(N(n.label), 1), n.required ? (w(), o("span", Ne, " *")) : a("", !0)], 8, Me)) : a("", !0),
|
|
501
|
+
t.$slots.instructions || e.instructions ? (w(), o("div", {
|
|
445
502
|
key: 1,
|
|
446
|
-
id: "instructions-" +
|
|
503
|
+
id: "instructions-" + L(u),
|
|
447
504
|
class: "g-text-input-instructions"
|
|
448
|
-
}, [
|
|
505
|
+
}, [k(t.$slots, "instructions", {}, () => [c(N(e.instructions), 1)])], 8, Pe)) : a("", !0),
|
|
449
506
|
s("div", { class: _([{ "g-text-input-field-wrapper": !0 }, `g-text-input-field-wrapper--${e.name || "nameless"}`]) }, [
|
|
450
|
-
n.prefix ? (
|
|
507
|
+
n.prefix ? (w(), o("span", Fe, N(n.prefix), 1)) : a("", !0),
|
|
451
508
|
s("input", h({
|
|
452
509
|
value: i.value,
|
|
453
510
|
placeholder: n.placeholder,
|
|
454
511
|
disabled: n.disabled,
|
|
455
512
|
required: n.required,
|
|
456
|
-
onInput:
|
|
513
|
+
onInput: C,
|
|
457
514
|
onBlur: T,
|
|
458
|
-
onPaste:
|
|
459
|
-
onKeydown:
|
|
515
|
+
onPaste: E,
|
|
516
|
+
onKeydown: O,
|
|
460
517
|
type: "text",
|
|
461
518
|
class: "g-text-input"
|
|
462
519
|
}, {
|
|
463
|
-
...
|
|
520
|
+
...L(p),
|
|
464
521
|
id: m.value,
|
|
465
|
-
"aria-describedby": t.$slots.instructions || e.instructions ? "instructions-" +
|
|
466
|
-
"aria-errormessage":
|
|
467
|
-
}, { "aria-invalid":
|
|
468
|
-
n.suffix ? (
|
|
522
|
+
"aria-describedby": t.$slots.instructions || e.instructions ? "instructions-" + L(u) : void 0,
|
|
523
|
+
"aria-errormessage": L(v) ? "error-message-" + L(u) : void 0
|
|
524
|
+
}, { "aria-invalid": L(v) ? "true" : "false" }), null, 16, Ie),
|
|
525
|
+
n.suffix ? (w(), o("span", Le, N(n.suffix), 1)) : a("", !0)
|
|
469
526
|
], 2),
|
|
470
527
|
l(je, {
|
|
471
|
-
errors:
|
|
472
|
-
id: "error-message-" +
|
|
528
|
+
errors: L(g),
|
|
529
|
+
id: "error-message-" + L(u)
|
|
473
530
|
}, null, 8, ["errors", "id"])
|
|
474
531
|
], 2));
|
|
475
532
|
}
|
|
476
|
-
}),
|
|
533
|
+
}), ze = 100, Be = 200, Ve = 102, He = D([]), Ue = D([]), We = D([]);
|
|
477
534
|
function Ge() {
|
|
478
535
|
if (!(typeof document > "u")) if (We.value.length > 0) {
|
|
479
536
|
let e = window.innerWidth - document.documentElement.clientWidth;
|
|
@@ -523,10 +580,10 @@ var Ye = (e) => e != null;
|
|
|
523
580
|
//#endregion
|
|
524
581
|
//#region ../../node_modules/@vueuse/integrations/dist/useFocusTrap-lXZ_YG-8.js
|
|
525
582
|
function Xe(e, t = {}) {
|
|
526
|
-
let n, { immediate: i, ...a } = t, o =
|
|
527
|
-
return
|
|
528
|
-
let t =
|
|
529
|
-
return typeof t == "string" ? t :
|
|
583
|
+
let n, { immediate: i, ...a } = t, o = M(!1), s = M(!1), c = (e) => n && n.activate(e), l = (e) => n && n.deactivate(e);
|
|
584
|
+
return W(r(() => te(I(e)).map((e) => {
|
|
585
|
+
let t = I(e);
|
|
586
|
+
return typeof t == "string" ? t : Z(t);
|
|
530
587
|
}).filter(Ye)), (e) => {
|
|
531
588
|
if (e.length) if (!n) n = ue(e, {
|
|
532
589
|
...a,
|
|
@@ -541,7 +598,7 @@ function Xe(e, t = {}) {
|
|
|
541
598
|
let t = n?.active;
|
|
542
599
|
n?.updateContainerElements(e), !t && i && c();
|
|
543
600
|
}
|
|
544
|
-
}, { flush: "post" }),
|
|
601
|
+
}, { flush: "post" }), X(() => l()), {
|
|
545
602
|
hasFocus: o,
|
|
546
603
|
isPaused: s,
|
|
547
604
|
activate: c,
|
|
@@ -566,7 +623,7 @@ var Ze = [
|
|
|
566
623
|
"[contenteditable='true']"
|
|
567
624
|
].join(",");
|
|
568
625
|
function Qe(e, t, n = !1) {
|
|
569
|
-
let r =
|
|
626
|
+
let r = D(!1), i = () => !!e.value?.querySelector(Ze), { activate: a, deactivate: o, pause: s, unpause: c } = Xe(e, {
|
|
570
627
|
immediate: !1,
|
|
571
628
|
clickOutsideDeactivates: n,
|
|
572
629
|
initialFocus: () => {
|
|
@@ -587,7 +644,7 @@ function Qe(e, t, n = !1) {
|
|
|
587
644
|
});
|
|
588
645
|
}
|
|
589
646
|
});
|
|
590
|
-
return
|
|
647
|
+
return W(t, (e) => {
|
|
591
648
|
e ? g(() => {
|
|
592
649
|
i() && c();
|
|
593
650
|
}).catch((e) => {
|
|
@@ -646,7 +703,7 @@ function et(e, t, n, r) {
|
|
|
646
703
|
}
|
|
647
704
|
//#endregion
|
|
648
705
|
//#region src/components/GPopover.vue?vue&type=script&setup=true&lang.ts
|
|
649
|
-
var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "aria-label"], it = /* @__PURE__ */
|
|
706
|
+
var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "aria-label"], it = /* @__PURE__ */ u({
|
|
650
707
|
__name: "GPopover",
|
|
651
708
|
props: {
|
|
652
709
|
minimal: {
|
|
@@ -664,29 +721,29 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
|
|
|
664
721
|
"update:modelValue"
|
|
665
722
|
],
|
|
666
723
|
setup(e, { expose: c, emit: u }) {
|
|
667
|
-
let d = e, f = u, p =
|
|
668
|
-
|
|
724
|
+
let d = e, f = u, p = D(d.modelValue);
|
|
725
|
+
W(F(d, "modelValue"), (e) => {
|
|
669
726
|
p.value = e;
|
|
670
727
|
});
|
|
671
|
-
let m =
|
|
672
|
-
$e([b, v], A, p,
|
|
728
|
+
let m = V(), h = r(() => !!m.trigger), v = H("triggerRef"), b = H("popoverRef"), { isCustomElement: S } = fe(), C = S, T = z(), { push: E, pop: O, isTop: A, zIndex: j } = Ke(T, !0), { activate: M, deactivate: N } = Qe(b, A, !0);
|
|
729
|
+
$e([b, v], A, p, I, O), W(p, (e) => {
|
|
673
730
|
e ? (g(() => {
|
|
674
731
|
g(() => M());
|
|
675
|
-
}),
|
|
732
|
+
}), E(), f("show")) : (N(), O(), f("hide"));
|
|
676
733
|
});
|
|
677
|
-
function
|
|
734
|
+
function P() {
|
|
678
735
|
p.value = !0, f("update:modelValue", !0);
|
|
679
736
|
}
|
|
680
|
-
function
|
|
737
|
+
function I() {
|
|
681
738
|
p.value = !1, f("update:modelValue", !1);
|
|
682
739
|
}
|
|
683
|
-
function
|
|
740
|
+
function R() {
|
|
684
741
|
p.value = !p.value, f("update:modelValue", p.value);
|
|
685
742
|
}
|
|
686
|
-
let
|
|
743
|
+
let B = D({
|
|
687
744
|
top: 0,
|
|
688
745
|
left: 0
|
|
689
|
-
}),
|
|
746
|
+
}), U = D({ left: "50%" }), G = D(!1), J = D(!1), Y = null;
|
|
690
747
|
function te() {
|
|
691
748
|
if (v.value) return v.value;
|
|
692
749
|
let e = b.value?.parentElement ?? null;
|
|
@@ -698,78 +755,78 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
|
|
|
698
755
|
if (!b.value) return;
|
|
699
756
|
let e = new DOMRect(0, 0, b.value.offsetWidth, b.value.offsetHeight), t = new DOMRect(0, 0, window.innerWidth, window.innerHeight), n = te();
|
|
700
757
|
if (!n) {
|
|
701
|
-
|
|
758
|
+
B.value = {
|
|
702
759
|
top: Math.max((t.height - e.height) / 2, 8),
|
|
703
760
|
left: Math.max((t.width - e.width) / 2, 8)
|
|
704
|
-
}, J.value = !1,
|
|
761
|
+
}, J.value = !1, G.value = !1, U.value = { left: "50%" };
|
|
705
762
|
return;
|
|
706
763
|
}
|
|
707
764
|
let { top: r, left: i, xOffset: a, placedAbove: o, overlay: s } = et(n.getBoundingClientRect(), e, t, { gap: d.minimal ? 0 : 8 });
|
|
708
|
-
|
|
765
|
+
B.value = {
|
|
709
766
|
top: r,
|
|
710
767
|
left: i
|
|
711
|
-
},
|
|
768
|
+
}, U.value = {
|
|
712
769
|
left: `${e.width / 2 - a}px`,
|
|
713
770
|
top: o ? "auto" : void 0,
|
|
714
771
|
bottom: o ? "-8px" : void 0
|
|
715
|
-
},
|
|
772
|
+
}, G.value = o, J.value = s;
|
|
716
773
|
}
|
|
717
|
-
return
|
|
774
|
+
return W(p, (e) => {
|
|
718
775
|
e ? g(() => {
|
|
719
776
|
X(), window.addEventListener("resize", X), window.addEventListener("scroll", X, { capture: !0 }), b.value && (Y && Y.disconnect(), Y = new ResizeObserver(() => X()), Y.observe(b.value));
|
|
720
777
|
}) : (window.removeEventListener("resize", X), window.removeEventListener("scroll", X, { capture: !0 }), Y && Y.disconnect());
|
|
721
778
|
}), x(() => {
|
|
722
779
|
window.removeEventListener("resize", X), window.removeEventListener("scroll", X, { capture: !0 }), Y && Y.disconnect();
|
|
723
780
|
}), c({
|
|
724
|
-
show:
|
|
725
|
-
hide:
|
|
726
|
-
toggle:
|
|
727
|
-
}), (r, c) => (
|
|
781
|
+
show: P,
|
|
782
|
+
hide: I,
|
|
783
|
+
toggle: R
|
|
784
|
+
}), (r, c) => (w(), o("div", tt, [h.value ? (w(), o("div", {
|
|
728
785
|
key: 0,
|
|
729
786
|
ref_key: "triggerRef",
|
|
730
787
|
ref: v,
|
|
731
788
|
class: "g-popover-trigger",
|
|
732
|
-
id: `${
|
|
733
|
-
}, [
|
|
789
|
+
id: `${L(T)}-trigger`
|
|
790
|
+
}, [k(r.$slots, "trigger", { toggle: R })], 8, nt)) : a("", !0), (w(), i(t, {
|
|
734
791
|
to: "#modal-root",
|
|
735
|
-
disabled:
|
|
792
|
+
disabled: L(C)
|
|
736
793
|
}, [l(n, {
|
|
737
794
|
name: "g-popover-expand",
|
|
738
795
|
appear: ""
|
|
739
796
|
}, {
|
|
740
|
-
default:
|
|
797
|
+
default: K(() => [L(S) || p.value ? q((w(), o("div", {
|
|
741
798
|
key: 0,
|
|
742
799
|
ref_key: "popoverRef",
|
|
743
800
|
ref: b,
|
|
744
801
|
class: _({
|
|
745
802
|
"g-popover": !0,
|
|
746
|
-
"g-popover-above":
|
|
747
|
-
"g-popover-below": !
|
|
803
|
+
"g-popover-above": G.value,
|
|
804
|
+
"g-popover-below": !G.value,
|
|
748
805
|
"g-popover-minimal": e.minimal
|
|
749
806
|
}),
|
|
750
807
|
role: "dialog",
|
|
751
808
|
"aria-modal": "true",
|
|
752
|
-
"aria-labelledby": h.value ? `${
|
|
809
|
+
"aria-labelledby": h.value ? `${L(T)}-trigger` : void 0,
|
|
753
810
|
"aria-label": h.value ? void 0 : "Popover",
|
|
754
811
|
style: y({
|
|
755
|
-
top:
|
|
756
|
-
left:
|
|
757
|
-
zIndex:
|
|
812
|
+
top: B.value.top + "px",
|
|
813
|
+
left: B.value.left + "px",
|
|
814
|
+
zIndex: L(j)
|
|
758
815
|
})
|
|
759
816
|
}, [
|
|
760
|
-
!J.value && !e.minimal ? (
|
|
817
|
+
!J.value && !e.minimal ? (w(), o("div", {
|
|
761
818
|
key: 0,
|
|
762
|
-
class: _(["g-popover-arrow", { "g-popover-arrow-above":
|
|
763
|
-
style: y(
|
|
819
|
+
class: _(["g-popover-arrow", { "g-popover-arrow-above": G.value }]),
|
|
820
|
+
style: y(U.value),
|
|
764
821
|
"aria-hidden": "true"
|
|
765
822
|
}, null, 6)) : a("", !0),
|
|
766
|
-
|
|
767
|
-
e.minimal ? a("", !0) : (
|
|
823
|
+
k(r.$slots, "default"),
|
|
824
|
+
e.minimal ? a("", !0) : (w(), o("button", {
|
|
768
825
|
key: 1,
|
|
769
826
|
class: "g-popover-close",
|
|
770
827
|
type: "button",
|
|
771
828
|
"aria-label": "Close popover",
|
|
772
|
-
onClick:
|
|
829
|
+
onClick: I
|
|
773
830
|
}, [...c[0] ||= [s("svg", {
|
|
774
831
|
class: "g-popover-close-icon",
|
|
775
832
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -783,7 +840,7 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
|
|
|
783
840
|
_: 3
|
|
784
841
|
})], 8, ["disabled"]))]));
|
|
785
842
|
}
|
|
786
|
-
}),
|
|
843
|
+
}), at = 1;
|
|
787
844
|
function ot(e = "v-gtooltip") {
|
|
788
845
|
return `${e}-${++at}`;
|
|
789
846
|
}
|
|
@@ -813,12 +870,12 @@ function dt(e) {
|
|
|
813
870
|
}
|
|
814
871
|
//#endregion
|
|
815
872
|
//#region src/components/GTooltip.vue
|
|
816
|
-
var ft = /* @__PURE__ */
|
|
873
|
+
var ft = /* @__PURE__ */ u({
|
|
817
874
|
__name: "GTooltip",
|
|
818
875
|
props: { text: {} },
|
|
819
876
|
emits: ["tooltip-hide"],
|
|
820
877
|
setup(e, { expose: t, emit: n }) {
|
|
821
|
-
let i = e, s = n, c =
|
|
878
|
+
let i = e, s = n, c = V(), l = r(() => !!c.trigger), u = H("hostRef"), d = H("triggerRef"), f = D(null), p = D(!1), m = D(!1), h = null, g = !1, _ = null, v = null, y = null;
|
|
822
879
|
function b() {
|
|
823
880
|
if (l.value && d.value) {
|
|
824
881
|
let e = d.value.firstElementChild;
|
|
@@ -832,18 +889,18 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
832
889
|
f.value && (p.value || m.value) && y && ut(y, f.value);
|
|
833
890
|
}), h.observe(f.value)));
|
|
834
891
|
}
|
|
835
|
-
function
|
|
892
|
+
function C() {
|
|
836
893
|
f.value && (p.value || m.value) && y && ut(y, f.value);
|
|
837
894
|
}
|
|
838
895
|
function T() {
|
|
839
896
|
p.value = !0;
|
|
840
897
|
}
|
|
841
|
-
function
|
|
898
|
+
function E() {
|
|
842
899
|
p.value = !1, m.value = !1;
|
|
843
900
|
}
|
|
844
|
-
function
|
|
901
|
+
function O() {
|
|
845
902
|
if (p.value || m.value) {
|
|
846
|
-
|
|
903
|
+
E();
|
|
847
904
|
return;
|
|
848
905
|
}
|
|
849
906
|
T();
|
|
@@ -869,40 +926,40 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
869
926
|
function I(e) {
|
|
870
927
|
(e.key === "Escape" || e.key === "Esc") && (p.value = !1, m.value = !1);
|
|
871
928
|
}
|
|
872
|
-
return
|
|
929
|
+
return W(() => [
|
|
873
930
|
u.value,
|
|
874
931
|
d.value,
|
|
875
932
|
l.value
|
|
876
933
|
], () => {
|
|
877
934
|
A(b()), S();
|
|
878
|
-
}, { immediate: !0 }),
|
|
935
|
+
}, { immediate: !0 }), W(() => i.text, (e) => {
|
|
879
936
|
f.value && (f.value.textContent = e);
|
|
880
|
-
}),
|
|
937
|
+
}), W(() => p.value || m.value, (e) => {
|
|
881
938
|
if (e) {
|
|
882
|
-
S(), f.value && y && ut(y, f.value), g ||= (window.addEventListener("scroll",
|
|
939
|
+
S(), f.value && y && ut(y, f.value), g ||= (window.addEventListener("scroll", C, { capture: !0 }), !0);
|
|
883
940
|
return;
|
|
884
941
|
}
|
|
885
|
-
g &&= (window.removeEventListener("scroll",
|
|
942
|
+
g &&= (window.removeEventListener("scroll", C, { capture: !0 }), !1), f.value && (dt(f.value), _ && clearTimeout(_), _ = window.setTimeout(() => {
|
|
886
943
|
s("tooltip-hide");
|
|
887
944
|
}, 150));
|
|
888
945
|
}), x(() => {
|
|
889
|
-
g && window.removeEventListener("scroll",
|
|
946
|
+
g && window.removeEventListener("scroll", C, { capture: !0 }), h && h.disconnect(), f.value &&= (f.value.remove(), null), _ && clearTimeout(_), l.value && y && y.removeAttribute("aria-describedby"), j();
|
|
890
947
|
}), t({
|
|
891
948
|
show: T,
|
|
892
|
-
hide:
|
|
893
|
-
toggle:
|
|
894
|
-
}), (e, t) => (
|
|
949
|
+
hide: E,
|
|
950
|
+
toggle: O
|
|
951
|
+
}), (e, t) => (w(), o("div", {
|
|
895
952
|
ref_key: "hostRef",
|
|
896
953
|
ref: u,
|
|
897
954
|
class: "g-tooltip-host"
|
|
898
|
-
}, [l.value ? (
|
|
955
|
+
}, [l.value ? (w(), o("div", {
|
|
899
956
|
key: 0,
|
|
900
957
|
ref_key: "triggerRef",
|
|
901
958
|
ref: d,
|
|
902
959
|
class: "g-tooltip-trigger"
|
|
903
|
-
}, [
|
|
960
|
+
}, [k(e.$slots, "trigger")], 512)) : a("", !0)], 512));
|
|
904
961
|
}
|
|
905
|
-
}),
|
|
962
|
+
}), pt = ["disabled"], mt = { class: "g-select-btn-legend" }, ht = {
|
|
906
963
|
key: 0,
|
|
907
964
|
class: "g-select-btn-required",
|
|
908
965
|
"aria-hidden": "true"
|
|
@@ -914,7 +971,7 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
914
971
|
"disabled",
|
|
915
972
|
"required",
|
|
916
973
|
"onChange"
|
|
917
|
-
], vt = ["for"], yt = /* @__PURE__ */
|
|
974
|
+
], vt = ["for"], yt = /* @__PURE__ */ u({
|
|
918
975
|
__name: "GSelectButton",
|
|
919
976
|
props: /* @__PURE__ */ m({
|
|
920
977
|
options: {},
|
|
@@ -937,10 +994,10 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
937
994
|
}),
|
|
938
995
|
emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
|
|
939
996
|
setup(t, { emit: n }) {
|
|
940
|
-
let i = t, u = n, d =
|
|
997
|
+
let i = t, u = n, d = B(t, "modelValue"), f = z(), { displayErrors: p, hasErrors: m } = $({
|
|
941
998
|
name: i.name,
|
|
942
999
|
value: d,
|
|
943
|
-
errors:
|
|
1000
|
+
errors: F(i, "errors"),
|
|
944
1001
|
formKey: i.formKey
|
|
945
1002
|
}), h = r(() => i.options.map((e) => typeof e == "string" ? {
|
|
946
1003
|
label: e,
|
|
@@ -953,28 +1010,28 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
953
1010
|
function y(e) {
|
|
954
1011
|
!i.disabled && e !== d.value && (d.value = e, u("change", e));
|
|
955
1012
|
}
|
|
956
|
-
return (t, n) => (
|
|
1013
|
+
return (t, n) => (w(), o("fieldset", {
|
|
957
1014
|
class: _(g.value),
|
|
958
1015
|
disabled: i.disabled
|
|
959
|
-
}, [s("legend", mt, [c(
|
|
1016
|
+
}, [s("legend", mt, [c(N(i.label), 1), i.required ? (w(), o("span", ht, " *")) : a("", !0)]), s("div", { class: _(["g-select-btn-wrapper", { "g-select-btn-has-error": L(m) }]) }, [s("div", gt, [(w(!0), o(e, null, O(h.value, (t, n) => (w(), o(e, { key: t.value }, [s("input", {
|
|
960
1017
|
class: "g-select-btn-radio",
|
|
961
1018
|
type: "radio",
|
|
962
|
-
id: `${
|
|
963
|
-
name: i.name ||
|
|
1019
|
+
id: `${L(f)}-${t.value}`,
|
|
1020
|
+
name: i.name || L(f),
|
|
964
1021
|
value: t.value,
|
|
965
1022
|
checked: t.value === d.value,
|
|
966
1023
|
disabled: i.disabled,
|
|
967
1024
|
required: i.required && n === 0,
|
|
968
1025
|
onChange: (e) => y(t.value)
|
|
969
1026
|
}, null, 40, _t), s("label", {
|
|
970
|
-
for: `${
|
|
1027
|
+
for: `${L(f)}-${t.value}`,
|
|
971
1028
|
class: _(v(t.value === d.value))
|
|
972
|
-
},
|
|
973
|
-
errors:
|
|
974
|
-
id: "error-message-" +
|
|
1029
|
+
}, N(t.label), 11, vt)], 64))), 128))]), l(je, {
|
|
1030
|
+
errors: L(p),
|
|
1031
|
+
id: "error-message-" + L(f)
|
|
975
1032
|
}, null, 8, ["errors", "id"])], 2)], 10, pt));
|
|
976
1033
|
}
|
|
977
|
-
}),
|
|
1034
|
+
}), bt = ["width", "height"], xt = [
|
|
978
1035
|
"cx",
|
|
979
1036
|
"cy",
|
|
980
1037
|
"r"
|
|
@@ -988,7 +1045,7 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
988
1045
|
"cx",
|
|
989
1046
|
"cy",
|
|
990
1047
|
"r"
|
|
991
|
-
], wt = /* @__PURE__ */
|
|
1048
|
+
], wt = /* @__PURE__ */ u({
|
|
992
1049
|
__name: "GProgress",
|
|
993
1050
|
props: {
|
|
994
1051
|
label: { default: "Loading" },
|
|
@@ -1013,7 +1070,7 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
1013
1070
|
role: "status",
|
|
1014
1071
|
"aria-label": t.label
|
|
1015
1072
|
});
|
|
1016
|
-
return (e, t) => (
|
|
1073
|
+
return (e, t) => (w(), o("span", h({ class: "g-progress" }, l.value), [(w(), o("svg", {
|
|
1017
1074
|
width: i.value * 2 + 4,
|
|
1018
1075
|
height: i.value * 2 + 4,
|
|
1019
1076
|
class: _(["g-progress__svg", {
|
|
@@ -1029,7 +1086,7 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
1029
1086
|
r: i.value,
|
|
1030
1087
|
"stroke-width": 4,
|
|
1031
1088
|
fill: "none"
|
|
1032
|
-
}, null, 8, xt), n.value ? (
|
|
1089
|
+
}, null, 8, xt), n.value ? (w(), o("circle", {
|
|
1033
1090
|
key: 0,
|
|
1034
1091
|
class: "g-progress__value",
|
|
1035
1092
|
cx: i.value + 4 / 2,
|
|
@@ -1043,7 +1100,7 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
1043
1100
|
transform: "rotate(-90deg)",
|
|
1044
1101
|
"transform-origin": "center"
|
|
1045
1102
|
}
|
|
1046
|
-
}, null, 8, St)) : (
|
|
1103
|
+
}, null, 8, St)) : (w(), o("circle", {
|
|
1047
1104
|
key: 1,
|
|
1048
1105
|
class: "g-progress__spinner",
|
|
1049
1106
|
cx: i.value + 4 / 2,
|
|
@@ -1053,11 +1110,11 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
1053
1110
|
fill: "none"
|
|
1054
1111
|
}, null, 8, Ct))], 10, bt))], 16));
|
|
1055
1112
|
}
|
|
1056
|
-
}),
|
|
1113
|
+
}), Tt = [
|
|
1057
1114
|
"id",
|
|
1058
1115
|
"aria-labelledby",
|
|
1059
1116
|
"aria-describedby"
|
|
1060
|
-
], Et = { class: "g-alertdialog-inner" }, Dt = ["id"], Ot = ["id"], kt = { class: "g-alertdialog-actions" }, At = /* @__PURE__ */
|
|
1117
|
+
], Et = { class: "g-alertdialog-inner" }, Dt = ["id"], Ot = ["id"], kt = { class: "g-alertdialog-actions" }, At = /* @__PURE__ */ u({
|
|
1061
1118
|
__name: "GAlertDialog",
|
|
1062
1119
|
props: {
|
|
1063
1120
|
label: { default: "Confirmation" },
|
|
@@ -1066,7 +1123,7 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
1066
1123
|
},
|
|
1067
1124
|
emits: ["cancel", "confirm"],
|
|
1068
1125
|
setup(e, { emit: r }) {
|
|
1069
|
-
let a = e, o = r, u =
|
|
1126
|
+
let a = e, o = r, u = D(null), d = D(!0), f = z(), { pop: p, push: m, isTop: h, zIndex: g } = Ke(f, !0, !0), { deactivate: _, activate: v } = Qe(u, h);
|
|
1070
1127
|
function x() {
|
|
1071
1128
|
o("cancel");
|
|
1072
1129
|
}
|
|
@@ -1074,47 +1131,47 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
1074
1131
|
m(), v();
|
|
1075
1132
|
}), b(() => {
|
|
1076
1133
|
p(), _();
|
|
1077
|
-
}), (e, r) => (
|
|
1134
|
+
}), (e, r) => (w(), i(t, { to: "#modal-root" }, [l(n, {
|
|
1078
1135
|
name: "g-fade",
|
|
1079
1136
|
appear: ""
|
|
1080
1137
|
}, {
|
|
1081
|
-
default:
|
|
1082
|
-
id: "alertdialog-" +
|
|
1138
|
+
default: K(() => [s("div", {
|
|
1139
|
+
id: "alertdialog-" + L(f),
|
|
1083
1140
|
class: "g-alertdialog",
|
|
1084
1141
|
role: "alertdialog",
|
|
1085
1142
|
"aria-modal": "true",
|
|
1086
|
-
"aria-labelledby": "alertdialog-label-" +
|
|
1087
|
-
"aria-describedby": "alertdialog-description-" +
|
|
1143
|
+
"aria-labelledby": "alertdialog-label-" + L(f),
|
|
1144
|
+
"aria-describedby": "alertdialog-description-" + L(f),
|
|
1088
1145
|
ref_key: "dialog",
|
|
1089
1146
|
ref: u,
|
|
1090
|
-
style: y({ zIndex:
|
|
1147
|
+
style: y({ zIndex: L(g) })
|
|
1091
1148
|
}, [s("div", Et, [
|
|
1092
1149
|
s("h2", {
|
|
1093
|
-
id: "alertdialog-label-" +
|
|
1150
|
+
id: "alertdialog-label-" + L(f),
|
|
1094
1151
|
class: "g-alertdialog-label"
|
|
1095
|
-
},
|
|
1152
|
+
}, N(a.label), 9, Dt),
|
|
1096
1153
|
s("div", {
|
|
1097
|
-
id: "alertdialog-description-" +
|
|
1154
|
+
id: "alertdialog-description-" + L(f),
|
|
1098
1155
|
class: "g-alertdialog-content"
|
|
1099
|
-
}, [
|
|
1100
|
-
s("div", kt, [l(
|
|
1156
|
+
}, [k(e.$slots, "default")], 8, Ot),
|
|
1157
|
+
s("div", kt, [l(Q, {
|
|
1101
1158
|
outlined: "",
|
|
1102
1159
|
onClick: r[0] ||= (e) => o("cancel")
|
|
1103
1160
|
}, {
|
|
1104
|
-
default:
|
|
1161
|
+
default: K(() => [...r[2] ||= [c("Cancel", -1)]]),
|
|
1105
1162
|
_: 1
|
|
1106
|
-
}), l(
|
|
1163
|
+
}), l(Q, {
|
|
1107
1164
|
theme: a.buttonColor,
|
|
1108
1165
|
onClick: r[1] ||= (e) => o("confirm")
|
|
1109
1166
|
}, {
|
|
1110
|
-
default:
|
|
1167
|
+
default: K(() => [c(N(a.buttonText), 1)]),
|
|
1111
1168
|
_: 1
|
|
1112
1169
|
}, 8, ["theme"])])
|
|
1113
1170
|
])], 12, Tt)]),
|
|
1114
1171
|
_: 3
|
|
1115
1172
|
})]));
|
|
1116
1173
|
}
|
|
1117
|
-
})
|
|
1174
|
+
});
|
|
1118
1175
|
//#endregion
|
|
1119
1176
|
//#region src/compose/useSelectDropdown.ts
|
|
1120
1177
|
function jt(e) {
|
|
@@ -1124,7 +1181,7 @@ function jt(e) {
|
|
|
1124
1181
|
} : e);
|
|
1125
1182
|
}
|
|
1126
1183
|
function Mt({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a }) {
|
|
1127
|
-
let { push: o, pop: s, isTop: c } = Ke(i), l =
|
|
1184
|
+
let { push: o, pop: s, isTop: c } = Ke(i), l = D("below"), u = D(null), d = r(() => {
|
|
1128
1185
|
let e = {};
|
|
1129
1186
|
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;
|
|
1130
1187
|
});
|
|
@@ -1147,7 +1204,7 @@ function Mt({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a })
|
|
|
1147
1204
|
function h() {
|
|
1148
1205
|
p && p();
|
|
1149
1206
|
}
|
|
1150
|
-
|
|
1207
|
+
W(e, (e) => {
|
|
1151
1208
|
e ? (o(), m(), g(() => f())) : (s(), h(), l.value = "below", u.value = null);
|
|
1152
1209
|
}), x(() => {
|
|
1153
1210
|
h();
|
|
@@ -1193,7 +1250,7 @@ var Nt = ["id"], Pt = {
|
|
|
1193
1250
|
key: 1,
|
|
1194
1251
|
"aria-live": "polite",
|
|
1195
1252
|
class: "g-select-combo-option g-select-option g-select-no-results"
|
|
1196
|
-
}, Ht = /* @__PURE__ */
|
|
1253
|
+
}, Ht = /* @__PURE__ */ u({
|
|
1197
1254
|
__name: "GSelect",
|
|
1198
1255
|
props: /* @__PURE__ */ m({
|
|
1199
1256
|
options: {},
|
|
@@ -1226,37 +1283,37 @@ var Nt = ["id"], Pt = {
|
|
|
1226
1283
|
}),
|
|
1227
1284
|
emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
|
|
1228
1285
|
setup(t, { emit: n }) {
|
|
1229
|
-
let i = t, u = n, d =
|
|
1286
|
+
let i = t, u = n, d = B(t, "modelValue"), f = z(), p = D(null), m = D(null), v = D(null), y = D(!1), b = D(0), x = D(!1), S = D(!1), { displayErrors: C, hasErrors: T } = $({
|
|
1230
1287
|
name: i.name,
|
|
1231
1288
|
value: d,
|
|
1232
|
-
errors:
|
|
1289
|
+
errors: F(i, "errors"),
|
|
1233
1290
|
formKey: i.formKey
|
|
1234
|
-
}), { menuPlacement:
|
|
1291
|
+
}), { menuPlacement: E, menuStyle: A, isTop: j, scrollOptionIntoView: M } = Mt({
|
|
1235
1292
|
open: y,
|
|
1236
1293
|
anchorRef: p,
|
|
1237
1294
|
listboxRef: m,
|
|
1238
1295
|
baseId: f,
|
|
1239
1296
|
activeIndex: b
|
|
1240
|
-
}),
|
|
1241
|
-
if (!i.searchable || !y.value || !
|
|
1242
|
-
let e =
|
|
1243
|
-
return
|
|
1244
|
-
}), V = r(() =>
|
|
1245
|
-
|
|
1246
|
-
let t =
|
|
1297
|
+
}), P = r(() => jt(i.options)), I = D(""), R = r(() => {
|
|
1298
|
+
if (!i.searchable || !y.value || !I.value) return P.value;
|
|
1299
|
+
let e = I.value.toLowerCase();
|
|
1300
|
+
return P.value.filter((t) => t.label.toLowerCase().includes(e));
|
|
1301
|
+
}), V = r(() => R.value.findIndex((e) => e.value === d.value));
|
|
1302
|
+
W(() => d.value, (e) => {
|
|
1303
|
+
let t = R.value.findIndex((t) => t.value === e);
|
|
1247
1304
|
t !== -1 && (b.value = t);
|
|
1248
1305
|
});
|
|
1249
1306
|
function H() {
|
|
1250
1307
|
if (!i.disabled && (y.value = !0, i.searchable)) {
|
|
1251
|
-
|
|
1252
|
-
let e =
|
|
1308
|
+
I.value = "";
|
|
1309
|
+
let e = R.value.findIndex((e) => e.value === d.value);
|
|
1253
1310
|
b.value = e === -1 ? 0 : e, g(() => {
|
|
1254
1311
|
v.value && v.value.focus();
|
|
1255
1312
|
});
|
|
1256
1313
|
}
|
|
1257
1314
|
}
|
|
1258
|
-
function
|
|
1259
|
-
y.value = !1, i.searchable && (
|
|
1315
|
+
function U() {
|
|
1316
|
+
y.value = !1, i.searchable && (I.value = "");
|
|
1260
1317
|
}
|
|
1261
1318
|
function G(e) {
|
|
1262
1319
|
if (!i.disabled && i.searchable) {
|
|
@@ -1267,10 +1324,10 @@ var Nt = ["id"], Pt = {
|
|
|
1267
1324
|
H();
|
|
1268
1325
|
}
|
|
1269
1326
|
}
|
|
1270
|
-
function
|
|
1327
|
+
function K(e) {
|
|
1271
1328
|
if (!i.searchable) return;
|
|
1272
|
-
y.value || H(),
|
|
1273
|
-
let t =
|
|
1329
|
+
y.value || H(), I.value = e.target.value;
|
|
1330
|
+
let t = R.value.findIndex((e) => e.value === d.value);
|
|
1274
1331
|
b.value = t === -1 ? 0 : t;
|
|
1275
1332
|
}
|
|
1276
1333
|
function Y(e) {
|
|
@@ -1279,20 +1336,20 @@ var Nt = ["id"], Pt = {
|
|
|
1279
1336
|
x.value = !1;
|
|
1280
1337
|
return;
|
|
1281
1338
|
}
|
|
1282
|
-
t && m.value && m.value.contains(t) || (i.searchable && (
|
|
1339
|
+
t && m.value && m.value.contains(t) || (i.searchable && (I.value = ""), U());
|
|
1283
1340
|
}
|
|
1284
1341
|
function te(e) {
|
|
1285
|
-
let t =
|
|
1286
|
-
t && t.value !== d.value && (d.value = t.value, u("change", t.value)), S.value = !0,
|
|
1342
|
+
let t = R.value[e];
|
|
1343
|
+
t && t.value !== d.value && (d.value = t.value, u("change", t.value)), S.value = !0, U(), setTimeout(() => {
|
|
1287
1344
|
S.value = !1;
|
|
1288
1345
|
}, 100);
|
|
1289
1346
|
}
|
|
1290
1347
|
function X() {
|
|
1291
|
-
i.disabled || (y.value ?
|
|
1348
|
+
i.disabled || (y.value ? U() : H());
|
|
1292
1349
|
}
|
|
1293
|
-
function
|
|
1350
|
+
function Z(e) {
|
|
1294
1351
|
if (i.disabled) return;
|
|
1295
|
-
let t =
|
|
1352
|
+
let t = R.value.length - 1;
|
|
1296
1353
|
if (!y.value && [
|
|
1297
1354
|
"ArrowDown",
|
|
1298
1355
|
"ArrowUp",
|
|
@@ -1304,16 +1361,16 @@ var Nt = ["id"], Pt = {
|
|
|
1304
1361
|
}
|
|
1305
1362
|
switch (e.key) {
|
|
1306
1363
|
case "ArrowDown":
|
|
1307
|
-
e.preventDefault(), y.value ? (b.value = Math.min(t, b.value + 1),
|
|
1364
|
+
e.preventDefault(), y.value ? (b.value = Math.min(t, b.value + 1), M()) : H();
|
|
1308
1365
|
break;
|
|
1309
1366
|
case "ArrowUp":
|
|
1310
|
-
e.preventDefault(), y.value ? (b.value = Math.max(0, b.value - 1),
|
|
1367
|
+
e.preventDefault(), y.value ? (b.value = Math.max(0, b.value - 1), M()) : H();
|
|
1311
1368
|
break;
|
|
1312
1369
|
case "Home":
|
|
1313
|
-
e.preventDefault(), b.value = 0,
|
|
1370
|
+
e.preventDefault(), b.value = 0, M();
|
|
1314
1371
|
break;
|
|
1315
1372
|
case "End":
|
|
1316
|
-
e.preventDefault(), b.value = t,
|
|
1373
|
+
e.preventDefault(), b.value = t, M();
|
|
1317
1374
|
break;
|
|
1318
1375
|
case "Enter":
|
|
1319
1376
|
case " ":
|
|
@@ -1321,35 +1378,35 @@ var Nt = ["id"], Pt = {
|
|
|
1321
1378
|
break;
|
|
1322
1379
|
case "Escape":
|
|
1323
1380
|
j.value && (e.preventDefault(), setTimeout(() => {
|
|
1324
|
-
|
|
1381
|
+
U();
|
|
1325
1382
|
}, 0));
|
|
1326
1383
|
break;
|
|
1327
1384
|
}
|
|
1328
1385
|
}
|
|
1329
|
-
function
|
|
1386
|
+
function ne(e) {
|
|
1330
1387
|
te(e);
|
|
1331
1388
|
}
|
|
1332
|
-
function
|
|
1389
|
+
function re() {
|
|
1333
1390
|
x.value = !0;
|
|
1334
1391
|
}
|
|
1335
|
-
let
|
|
1336
|
-
function
|
|
1337
|
-
i.disabled || (d.value = null, u("change", null), i.searchable && (
|
|
1392
|
+
let ie = r(() => i.clearButton && d.value !== null && d.value !== void 0 && !i.disabled);
|
|
1393
|
+
function ae() {
|
|
1394
|
+
i.disabled || (d.value = null, u("change", null), i.searchable && (I.value = ""));
|
|
1338
1395
|
}
|
|
1339
|
-
return (n, r) => (
|
|
1396
|
+
return (n, r) => (w(), o("div", { class: _(["g-select-root g-select-combo", {
|
|
1340
1397
|
"g-select-open": y.value,
|
|
1341
1398
|
"g-select-compact": t.compact,
|
|
1342
|
-
"g-select-has-error":
|
|
1399
|
+
"g-select-has-error": L(T)
|
|
1343
1400
|
}]) }, [
|
|
1344
|
-
t.hiddenLabel ? a("", !0) : (
|
|
1401
|
+
t.hiddenLabel ? a("", !0) : (w(), o("div", {
|
|
1345
1402
|
key: 0,
|
|
1346
|
-
id:
|
|
1403
|
+
id: L(f) + "-label",
|
|
1347
1404
|
class: "g-select-combo-label g-select-label"
|
|
1348
|
-
}, [c(
|
|
1349
|
-
s("div", Ft, [i.searchable ? (
|
|
1405
|
+
}, [c(N(i.label), 1), i.required ? (w(), o("span", Pt, " *")) : a("", !0)], 8, Nt)),
|
|
1406
|
+
s("div", Ft, [i.searchable ? (w(), o("div", {
|
|
1350
1407
|
key: 0,
|
|
1351
1408
|
class: "g-select-combo-input g-select-control",
|
|
1352
|
-
id:
|
|
1409
|
+
id: L(f)
|
|
1353
1410
|
}, [
|
|
1354
1411
|
s("input", h({
|
|
1355
1412
|
ref_key: "comboRef",
|
|
@@ -1357,28 +1414,28 @@ var Nt = ["id"], Pt = {
|
|
|
1357
1414
|
type: "text",
|
|
1358
1415
|
name: "comboInput",
|
|
1359
1416
|
class: ["g-select-search-input", { "g-select-clearable": t.clearButton }],
|
|
1360
|
-
value: y.value ?
|
|
1417
|
+
value: y.value ? I.value : P.value[V.value] ? P.value[V.value].label : "",
|
|
1361
1418
|
placeholder: y.value ? "" : t.placeholder,
|
|
1362
1419
|
disabled: i.disabled,
|
|
1363
1420
|
onFocus: G,
|
|
1364
|
-
onInput:
|
|
1365
|
-
onKeydown:
|
|
1421
|
+
onInput: K,
|
|
1422
|
+
onKeydown: Z,
|
|
1366
1423
|
onBlur: Y,
|
|
1367
1424
|
"aria-autocomplete": "list",
|
|
1368
|
-
"aria-controls":
|
|
1425
|
+
"aria-controls": L(f) + "-listbox",
|
|
1369
1426
|
"aria-expanded": y.value ? "true" : "false",
|
|
1370
1427
|
"aria-required": i.required ? "true" : void 0,
|
|
1371
1428
|
"aria-haspopup": "listbox",
|
|
1372
|
-
"aria-activedescendant": y.value ?
|
|
1373
|
-
}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby":
|
|
1429
|
+
"aria-activedescendant": y.value ? L(f) + "-option-" + b.value : void 0
|
|
1430
|
+
}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": L(f) + "-label" }, {
|
|
1374
1431
|
role: "combobox",
|
|
1375
1432
|
autocomplete: "off"
|
|
1376
1433
|
}), null, 16, Lt),
|
|
1377
|
-
|
|
1434
|
+
ie.value ? (w(), o("button", {
|
|
1378
1435
|
key: 0,
|
|
1379
1436
|
type: "button",
|
|
1380
1437
|
class: "g-select-clear-btn",
|
|
1381
|
-
onClick:
|
|
1438
|
+
onClick: ae
|
|
1382
1439
|
}, [...r[0] ||= [s("svg", {
|
|
1383
1440
|
role: "img",
|
|
1384
1441
|
"aria-label": "Clear Selection",
|
|
@@ -1399,31 +1456,31 @@ var Nt = ["id"], Pt = {
|
|
|
1399
1456
|
fill: "currentColor",
|
|
1400
1457
|
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"
|
|
1401
1458
|
})], -1)
|
|
1402
|
-
], 8, It)) : (
|
|
1459
|
+
], 8, It)) : (w(), o("div", h({
|
|
1403
1460
|
key: 1,
|
|
1404
1461
|
ref_key: "comboRef",
|
|
1405
1462
|
ref: p,
|
|
1406
|
-
id:
|
|
1463
|
+
id: L(f),
|
|
1407
1464
|
class: ["g-select-combo-button g-select-control", { "g-select-clearable": t.clearButton }],
|
|
1408
1465
|
role: "combobox",
|
|
1409
|
-
"aria-controls":
|
|
1466
|
+
"aria-controls": L(f) + "-listbox",
|
|
1410
1467
|
"aria-expanded": y.value ? "true" : "false",
|
|
1411
1468
|
"aria-required": i.required ? "true" : void 0,
|
|
1412
1469
|
"aria-haspopup": "listbox"
|
|
1413
|
-
}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby":
|
|
1414
|
-
"aria-activedescendant": y.value ?
|
|
1470
|
+
}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": L(f) + "-label" }, {
|
|
1471
|
+
"aria-activedescendant": y.value ? L(f) + "-option-" + b.value : void 0,
|
|
1415
1472
|
tabindex: "0",
|
|
1416
1473
|
onClick: X,
|
|
1417
|
-
onKeydown:
|
|
1474
|
+
onKeydown: Z,
|
|
1418
1475
|
onFocus: G,
|
|
1419
1476
|
onBlur: Y
|
|
1420
1477
|
}), [
|
|
1421
|
-
c(
|
|
1422
|
-
|
|
1478
|
+
c(N(P.value[V.value] ? P.value[V.value].label : "") + " ", 1),
|
|
1479
|
+
ie.value ? (w(), o("button", {
|
|
1423
1480
|
key: 0,
|
|
1424
1481
|
type: "button",
|
|
1425
1482
|
class: "g-select-clear-btn",
|
|
1426
|
-
onClick:
|
|
1483
|
+
onClick: J(ae, ["stop"])
|
|
1427
1484
|
}, [...r[2] ||= [s("svg", {
|
|
1428
1485
|
role: "img",
|
|
1429
1486
|
"aria-label": "Clear Selection",
|
|
@@ -1444,36 +1501,36 @@ var Nt = ["id"], Pt = {
|
|
|
1444
1501
|
fill: "currentColor",
|
|
1445
1502
|
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"
|
|
1446
1503
|
})], -1)
|
|
1447
|
-
], 16, Rt)),
|
|
1504
|
+
], 16, Rt)), q(s("div", h({
|
|
1448
1505
|
ref_key: "listboxRef",
|
|
1449
1506
|
ref: m,
|
|
1450
|
-
class: ["g-select-combo-menu g-select-list", { "g-select-combo-menu--above":
|
|
1451
|
-
style:
|
|
1507
|
+
class: ["g-select-combo-menu g-select-list", { "g-select-combo-menu--above": L(E) === "above" }],
|
|
1508
|
+
style: L(A),
|
|
1452
1509
|
role: "listbox",
|
|
1453
|
-
id:
|
|
1454
|
-
}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby":
|
|
1510
|
+
id: L(f) + "-listbox"
|
|
1511
|
+
}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": L(f) + "-label" }, { tabindex: "-1" }), [R.value.length > 0 ? (w(!0), o(e, { key: 0 }, O(R.value, (e, t) => (w(), o("div", {
|
|
1455
1512
|
key: e.value,
|
|
1456
|
-
id:
|
|
1513
|
+
id: L(f) + "-option-" + t,
|
|
1457
1514
|
class: _(["g-select-combo-option g-select-option", {
|
|
1458
1515
|
"g-select-option-current": t === b.value,
|
|
1459
1516
|
"ilw-theme-blue": e.value === d.value
|
|
1460
1517
|
}]),
|
|
1461
1518
|
role: "option",
|
|
1462
1519
|
"aria-selected": e.value === d.value ? "true" : "false",
|
|
1463
|
-
onMousedown:
|
|
1464
|
-
onClick: (e) =>
|
|
1465
|
-
}, [
|
|
1520
|
+
onMousedown: re,
|
|
1521
|
+
onClick: (e) => ne(t)
|
|
1522
|
+
}, [k(n.$slots, "option", {
|
|
1466
1523
|
option: e,
|
|
1467
1524
|
selected: e.value === d.value,
|
|
1468
1525
|
index: t
|
|
1469
|
-
}, () => [c(
|
|
1526
|
+
}, () => [c(N(e.label), 1)])], 42, Bt))), 128)) : (w(), o("div", Vt, " No results found. "))], 16, zt), [[ee, y.value]])]),
|
|
1470
1527
|
l(je, {
|
|
1471
|
-
errors:
|
|
1472
|
-
id: "error-message-" +
|
|
1528
|
+
errors: L(C),
|
|
1529
|
+
id: "error-message-" + L(f)
|
|
1473
1530
|
}, null, 8, ["errors", "id"])
|
|
1474
1531
|
], 2));
|
|
1475
1532
|
}
|
|
1476
|
-
}),
|
|
1533
|
+
}), Ut = ["aria-label"], Wt = [
|
|
1477
1534
|
"placeholder",
|
|
1478
1535
|
"value",
|
|
1479
1536
|
"aria-expanded",
|
|
@@ -1510,7 +1567,7 @@ var Nt = ["id"], Pt = {
|
|
|
1510
1567
|
}),
|
|
1511
1568
|
emits: /* @__PURE__ */ m(["select", "submit"], ["update:modelValue"]),
|
|
1512
1569
|
setup(t, { emit: n }) {
|
|
1513
|
-
let l =
|
|
1570
|
+
let l = B(t, "modelValue"), u = t, d = n, f = D(null), p = D(null), m = D(!0), h = D(-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);
|
|
1514
1571
|
function b(e) {
|
|
1515
1572
|
let t = e.target.value;
|
|
1516
1573
|
l.value = t, u.auto && t.length > 1 && (m.value = !1);
|
|
@@ -1522,7 +1579,7 @@ var Nt = ["id"], Pt = {
|
|
|
1522
1579
|
});
|
|
1523
1580
|
}
|
|
1524
1581
|
let { focused: S } = ie(f);
|
|
1525
|
-
function
|
|
1582
|
+
function C(e) {
|
|
1526
1583
|
let t = e.altKey;
|
|
1527
1584
|
if (e.key === "ArrowDown") {
|
|
1528
1585
|
if (!y.value) return;
|
|
@@ -1545,20 +1602,20 @@ var Nt = ["id"], Pt = {
|
|
|
1545
1602
|
function T(e) {
|
|
1546
1603
|
d("select", e), l.value = "", m.value = !0, h.value = -1;
|
|
1547
1604
|
}
|
|
1548
|
-
let
|
|
1605
|
+
let E = r(() => !!u.loading), A = r(() => S.value && !m.value), j = re(() => {
|
|
1549
1606
|
d("submit", l.value);
|
|
1550
1607
|
}, 300);
|
|
1551
|
-
|
|
1608
|
+
W(() => l.value, (e) => {
|
|
1552
1609
|
e ? u.auto && j() : h.value = -1;
|
|
1553
1610
|
});
|
|
1554
|
-
let
|
|
1555
|
-
return (t, n) => (
|
|
1611
|
+
let M = z();
|
|
1612
|
+
return (t, n) => (w(), o("div", {
|
|
1556
1613
|
class: "g-search",
|
|
1557
1614
|
role: "search",
|
|
1558
1615
|
"aria-label": u.label
|
|
1559
1616
|
}, [s("form", {
|
|
1560
1617
|
class: "g-search-form",
|
|
1561
|
-
onSubmit: n[0] ||=
|
|
1618
|
+
onSubmit: n[0] ||= J((e) => T(null), ["prevent"])
|
|
1562
1619
|
}, [s("input", {
|
|
1563
1620
|
ref_key: "inputRef",
|
|
1564
1621
|
ref: f,
|
|
@@ -1568,18 +1625,18 @@ var Nt = ["id"], Pt = {
|
|
|
1568
1625
|
placeholder: u.placeholder,
|
|
1569
1626
|
value: l.value,
|
|
1570
1627
|
onInput: b,
|
|
1571
|
-
onKeydown:
|
|
1628
|
+
onKeydown: C,
|
|
1572
1629
|
role: "combobox",
|
|
1573
1630
|
"aria-expanded": A.value,
|
|
1574
1631
|
"aria-autocomplete": "list",
|
|
1575
|
-
"aria-controls": `${
|
|
1632
|
+
"aria-controls": `${L(M)}-list`,
|
|
1576
1633
|
"aria-activedescendant": h.value >= 0 ? "g-search-option-" + v.value[h.value].id : void 0
|
|
1577
1634
|
}, null, 40, Wt), s("button", {
|
|
1578
1635
|
type: "submit",
|
|
1579
1636
|
class: "g-search-submit",
|
|
1580
1637
|
"aria-label": "Submit search",
|
|
1581
|
-
onKeydown:
|
|
1582
|
-
}, [
|
|
1638
|
+
onKeydown: C
|
|
1639
|
+
}, [E.value ? (w(), i(wt, {
|
|
1583
1640
|
key: 0,
|
|
1584
1641
|
size: "tiny"
|
|
1585
1642
|
})) : a("", !0), n[1] ||= s("svg", {
|
|
@@ -1590,32 +1647,32 @@ var Nt = ["id"], Pt = {
|
|
|
1590
1647
|
}, [s("path", {
|
|
1591
1648
|
fill: "currentColor",
|
|
1592
1649
|
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"
|
|
1593
|
-
})], -1)], 32)], 32), A.value ? (
|
|
1650
|
+
})], -1)], 32)], 32), A.value ? (w(), o("div", Gt, [s("div", Kt, [E.value ? a("", !0) : (w(), o(e, { key: 0 }, [c(N(y.value) + " result" + N(y.value === 1 ? "" : "s"), 1)], 64))]), s("div", {
|
|
1594
1651
|
role: "listbox",
|
|
1595
|
-
id: `${
|
|
1652
|
+
id: `${L(M)}-list`,
|
|
1596
1653
|
ref_key: "listboxRef",
|
|
1597
1654
|
ref: p,
|
|
1598
1655
|
"aria-label": "Search results"
|
|
1599
|
-
}, [y.value > 0 && "items" in u.results[0] ? (
|
|
1656
|
+
}, [y.value > 0 && "items" in u.results[0] ? (w(!0), o(e, { key: 0 }, O(u.results, (n, r) => (w(), o("div", {
|
|
1600
1657
|
key: n.type,
|
|
1601
1658
|
class: "g-search-group",
|
|
1602
1659
|
role: "group",
|
|
1603
1660
|
"aria-label": n.label
|
|
1604
|
-
}, [
|
|
1661
|
+
}, [k(t.$slots, "group", { group: n }, () => [s("div", Yt, N(n.label), 1)]), (w(!0), o(e, null, O(n.items, (e, n) => (w(), o("div", {
|
|
1605
1662
|
key: e.id,
|
|
1606
1663
|
id: "g-search-option-" + e.id,
|
|
1607
1664
|
class: _(["g-search-option", { "g-search-option-active": v.value[h.value] && v.value[h.value].id === e.id }]),
|
|
1608
1665
|
role: "option",
|
|
1609
|
-
onMousedown:
|
|
1666
|
+
onMousedown: J((t) => T(e), ["prevent"]),
|
|
1610
1667
|
"aria-selected": v.value[h.value] && v.value[h.value].id === e.id
|
|
1611
|
-
}, [
|
|
1668
|
+
}, [k(t.$slots, "option", { option: e }, () => [c(N(e.title), 1)])], 42, Xt))), 128))], 8, Jt))), 128)) : y.value > 0 ? (w(!0), o(e, { key: 1 }, O(v.value, (e, n) => (w(), o("div", {
|
|
1612
1669
|
key: e.id,
|
|
1613
1670
|
id: "g-search-option-" + e.id,
|
|
1614
1671
|
class: _(["g-search-option", { "g-search-option-active": h.value === n }]),
|
|
1615
1672
|
role: "option",
|
|
1616
|
-
onMousedown:
|
|
1673
|
+
onMousedown: J((t) => T(e), ["prevent"]),
|
|
1617
1674
|
"aria-selected": h.value === n
|
|
1618
|
-
}, [
|
|
1675
|
+
}, [k(t.$slots, "option", { option: e }, () => [c(N(e.title), 1)])], 42, Zt))), 128)) : a("", !0)], 8, qt)])) : a("", !0)], 8, Ut));
|
|
1619
1676
|
}
|
|
1620
1677
|
}), $t = { class: /* @__PURE__ */ _({ "g-app-header": !0 }) }, en = { class: "g-app-header__brand" }, tn = {
|
|
1621
1678
|
class: "g-app-header__brand-text",
|
|
@@ -1623,7 +1680,7 @@ var Nt = ["id"], Pt = {
|
|
|
1623
1680
|
}, nn = {
|
|
1624
1681
|
key: 0,
|
|
1625
1682
|
class: "g-app-header__block-i-container"
|
|
1626
|
-
}, rn = { class: "g-app-header__title" }, an = { class: "g-app-header__app-controls-wrap" }, on = /* @__PURE__ */
|
|
1683
|
+
}, rn = { class: "g-app-header__title" }, an = { class: "g-app-header__app-controls-wrap" }, on = /* @__PURE__ */ u({
|
|
1627
1684
|
__name: "GAppHeader",
|
|
1628
1685
|
props: {
|
|
1629
1686
|
illinois: {
|
|
@@ -1633,10 +1690,10 @@ var Nt = ["id"], Pt = {
|
|
|
1633
1690
|
brand: { default: "GRAD" }
|
|
1634
1691
|
},
|
|
1635
1692
|
setup(e) {
|
|
1636
|
-
return (t, n) => (
|
|
1693
|
+
return (t, n) => (w(), o("header", $t, [
|
|
1637
1694
|
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),
|
|
1638
|
-
s("div", en, [
|
|
1639
|
-
e.illinois ? (
|
|
1695
|
+
s("div", en, [k(t.$slots, "left", {}, () => [s("a", tn, N(e.brand), 1)])]),
|
|
1696
|
+
e.illinois ? (w(), o("div", nn, [...n[0] ||= [s("svg", {
|
|
1640
1697
|
class: "g-app-header__block-i",
|
|
1641
1698
|
role: "img",
|
|
1642
1699
|
width: "55",
|
|
@@ -1652,12 +1709,12 @@ var Nt = ["id"], Pt = {
|
|
|
1652
1709
|
class: "g-app-header__block-i-fill",
|
|
1653
1710
|
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"
|
|
1654
1711
|
})
|
|
1655
|
-
], -1)]])) :
|
|
1656
|
-
s("div", rn, [
|
|
1657
|
-
s("div", an, [
|
|
1712
|
+
], -1)]])) : k(t.$slots, "icon", { key: 1 }),
|
|
1713
|
+
s("div", rn, [k(t.$slots, "title")]),
|
|
1714
|
+
s("div", an, [k(t.$slots, "app-controls", { class: "g-app-header__app-controls" })])
|
|
1658
1715
|
]));
|
|
1659
1716
|
}
|
|
1660
|
-
})
|
|
1717
|
+
});
|
|
1661
1718
|
//#endregion
|
|
1662
1719
|
//#region src/compose/useWebComponentSidebar.ts
|
|
1663
1720
|
function sn(e) {
|
|
@@ -1673,7 +1730,7 @@ function ln(e = "default", t = "(max-width: 800px)") {
|
|
|
1673
1730
|
let e = sn(r);
|
|
1674
1731
|
n.set(r, {
|
|
1675
1732
|
id: `g-wc-sidebar-${e}`,
|
|
1676
|
-
open:
|
|
1733
|
+
open: D(!1),
|
|
1677
1734
|
isCollapsible: oe(t, { ssrWidth: 1e3 }),
|
|
1678
1735
|
toggle: () => void 0
|
|
1679
1736
|
});
|
|
@@ -1695,7 +1752,7 @@ function ln(e = "default", t = "(max-width: 800px)") {
|
|
|
1695
1752
|
}, 5));
|
|
1696
1753
|
}
|
|
1697
1754
|
return S(() => {
|
|
1698
|
-
|
|
1755
|
+
W(i.isCollapsible, (e) => {
|
|
1699
1756
|
e ? (document.addEventListener("mousedown", a), document.addEventListener("focusin", o)) : (document.removeEventListener("mousedown", a), document.removeEventListener("focusin", o));
|
|
1700
1757
|
}, { immediate: !0 });
|
|
1701
1758
|
}), x(() => {
|
|
@@ -1704,7 +1761,7 @@ function ln(e = "default", t = "(max-width: 800px)") {
|
|
|
1704
1761
|
}
|
|
1705
1762
|
//#endregion
|
|
1706
1763
|
//#region src/components/GSidebar.vue?vue&type=script&setup=true&lang.ts
|
|
1707
|
-
var un = ["id"], dn = /* @__PURE__ */
|
|
1764
|
+
var un = ["id"], dn = /* @__PURE__ */ u({
|
|
1708
1765
|
__name: "GSidebar",
|
|
1709
1766
|
props: {
|
|
1710
1767
|
backgroundColor: { default: "" },
|
|
@@ -1716,17 +1773,17 @@ var un = ["id"], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
1716
1773
|
sidebarKey: { default: "default" }
|
|
1717
1774
|
},
|
|
1718
1775
|
setup(e) {
|
|
1719
|
-
let t = e, n = p("sidebar", () => void 0, !0) ?? (de() ? ln(t.sidebarKey) : 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 =
|
|
1776
|
+
let t = e, n = p("sidebar", () => void 0, !0) ?? (de() ? ln(t.sidebarKey) : 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 = z();
|
|
1720
1777
|
function l(e) {
|
|
1721
1778
|
e.key === "Escape" && n?.isCollapsible?.value && n?.open?.value && (n.open.value = !1, document.getElementById(`${n.id}-hamburger`)?.focus());
|
|
1722
1779
|
}
|
|
1723
|
-
return (t, r) => (
|
|
1780
|
+
return (t, r) => (w(), o("div", {
|
|
1724
1781
|
ref: "sidebar-ref",
|
|
1725
|
-
id: `${
|
|
1782
|
+
id: `${L(n)?.id ?? L(c)}-sidebar`,
|
|
1726
1783
|
class: _(["g-sidebar", [`g-sidebar__${e.theme}`, {
|
|
1727
|
-
"g-sidebar--collapsible":
|
|
1728
|
-
"g-sidebar--closed": !
|
|
1729
|
-
"g-sidebar--open":
|
|
1784
|
+
"g-sidebar--collapsible": L(n)?.isCollapsible?.value,
|
|
1785
|
+
"g-sidebar--closed": !L(n)?.open?.value && L(n)?.isCollapsible?.value,
|
|
1786
|
+
"g-sidebar--open": L(n)?.open?.value && L(n)?.isCollapsible?.value
|
|
1730
1787
|
}]]),
|
|
1731
1788
|
style: y({
|
|
1732
1789
|
backgroundImage: i.value,
|
|
@@ -1736,16 +1793,16 @@ var un = ["id"], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
1736
1793
|
width: "var(--g-sidebar-width)"
|
|
1737
1794
|
}),
|
|
1738
1795
|
onKeydown: l
|
|
1739
|
-
}, [
|
|
1796
|
+
}, [k(t.$slots, "default")], 46, un));
|
|
1740
1797
|
}
|
|
1741
|
-
}),
|
|
1798
|
+
}), fn = ["id"], pn = { class: "g-sidebar-menu__list" }, mn = [
|
|
1742
1799
|
"href",
|
|
1743
1800
|
"aria-current",
|
|
1744
1801
|
"onClick"
|
|
1745
|
-
], hn = /* @__PURE__ */
|
|
1802
|
+
], hn = /* @__PURE__ */ u({
|
|
1746
1803
|
__name: "GSidebarMenu",
|
|
1747
1804
|
props: /* @__PURE__ */ m({
|
|
1748
|
-
|
|
1805
|
+
heading: {},
|
|
1749
1806
|
items: {},
|
|
1750
1807
|
offset: { default: 70 },
|
|
1751
1808
|
spy: {
|
|
@@ -1766,9 +1823,9 @@ var un = ["id"], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
1766
1823
|
}),
|
|
1767
1824
|
emits: ["update:modelValue"],
|
|
1768
1825
|
setup(t) {
|
|
1769
|
-
let n = t, l =
|
|
1826
|
+
let n = t, l = B(t, "modelValue"), u = r(() => n.spy && l.value ? "#" + l.value : null), f = H("content");
|
|
1770
1827
|
S(() => {
|
|
1771
|
-
|
|
1828
|
+
W(l, () => {
|
|
1772
1829
|
g(() => {
|
|
1773
1830
|
let e = f.value?.querySelector(".g-sidebar-menu__is-active");
|
|
1774
1831
|
e && e.scrollIntoView({ block: "nearest" });
|
|
@@ -1781,56 +1838,56 @@ var un = ["id"], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
1781
1838
|
let n = t.href.slice(1), r = document.getElementById(n)?.querySelector("h2, h3, h4, h5");
|
|
1782
1839
|
r && (e.preventDefault(), r.setAttribute("tabindex", "-1"), r.focus(), r.scrollIntoView({ block: "start" }), history.replaceState(null, "", t.href));
|
|
1783
1840
|
}
|
|
1784
|
-
let y =
|
|
1785
|
-
return (r, l) => (
|
|
1786
|
-
"aria-labelledby": t.
|
|
1787
|
-
"aria-label": t.
|
|
1841
|
+
let y = z();
|
|
1842
|
+
return (r, l) => (w(), o("nav", h({ class: ["g-sidebar-menu", [`g-sidebar-menu__${n.theme}`, { "g-sidebar-menu--compact": n.compact }]] }, {
|
|
1843
|
+
"aria-labelledby": t.heading ? L(y) : void 0,
|
|
1844
|
+
"aria-label": t.heading ? void 0 : "Sidebar Menu"
|
|
1788
1845
|
}), [
|
|
1789
|
-
t.
|
|
1846
|
+
t.heading ? (w(), o("h2", {
|
|
1790
1847
|
key: 0,
|
|
1791
|
-
id:
|
|
1848
|
+
id: L(y),
|
|
1792
1849
|
class: "g-sidebar-menu__title"
|
|
1793
|
-
},
|
|
1850
|
+
}, N(t.heading), 9, fn)) : a("", !0),
|
|
1794
1851
|
l[0] ||= s("div", { class: "g-sidebar-menu__divider" }, null, -1),
|
|
1795
1852
|
s("div", {
|
|
1796
1853
|
class: "g-sidebar-menu__content",
|
|
1797
1854
|
ref_key: "content",
|
|
1798
1855
|
ref: f
|
|
1799
|
-
}, [s("ul", pn, [(
|
|
1856
|
+
}, [s("ul", pn, [(w(!0), o(e, null, O(t.items, (e) => (w(), o("li", {
|
|
1800
1857
|
key: e.href || e.to,
|
|
1801
1858
|
class: "g-sidebar-menu__item",
|
|
1802
1859
|
ref_for: !0,
|
|
1803
1860
|
ref: "listItems"
|
|
1804
|
-
}, [e.to && m.value ? (
|
|
1861
|
+
}, [e.to && m.value ? (w(), i(A(m.value), {
|
|
1805
1862
|
key: 0,
|
|
1806
1863
|
class: "g-sidebar-menu__link",
|
|
1807
1864
|
to: e.to
|
|
1808
1865
|
}, {
|
|
1809
|
-
default:
|
|
1866
|
+
default: K(() => [c(N(e.label), 1)]),
|
|
1810
1867
|
_: 2
|
|
1811
|
-
}, 1032, ["to"])) : (
|
|
1868
|
+
}, 1032, ["to"])) : (w(), o("a", {
|
|
1812
1869
|
key: 1,
|
|
1813
1870
|
class: _(["g-sidebar-menu__link", { "g-sidebar-menu__is-active": u.value === (e.href || "") }]),
|
|
1814
1871
|
href: e.href || e.to || "#",
|
|
1815
1872
|
"aria-current": u.value === (e.href || "") ? "location" : void 0,
|
|
1816
1873
|
onClick: (t) => v(t, e)
|
|
1817
|
-
},
|
|
1874
|
+
}, N(e.label), 11, mn))]))), 128))])], 512)
|
|
1818
1875
|
], 16));
|
|
1819
1876
|
}
|
|
1820
|
-
}),
|
|
1877
|
+
}), gn = {
|
|
1821
1878
|
mounted(e, t) {
|
|
1822
|
-
let n =
|
|
1879
|
+
let n = D(null), r = D(!1), i = D(!1), a = D(t.value), o = null, s = !1, c = st(e), l = () => {
|
|
1823
1880
|
n.value || (n.value = ct(a.value, c), lt(n.value), o = new ResizeObserver(() => {
|
|
1824
1881
|
n.value && (r.value || i.value) && ut(e, n.value);
|
|
1825
1882
|
}), o.observe(n.value));
|
|
1826
1883
|
};
|
|
1827
|
-
|
|
1884
|
+
G(() => {
|
|
1828
1885
|
n.value && (n.value.textContent = a.value);
|
|
1829
1886
|
});
|
|
1830
1887
|
let u = () => {
|
|
1831
1888
|
n.value && (r.value || i.value) && ut(e, n.value);
|
|
1832
1889
|
};
|
|
1833
|
-
|
|
1890
|
+
G(() => {
|
|
1834
1891
|
r.value || i.value ? (l(), n.value && ut(e, n.value), s ||= (window.addEventListener("scroll", u, { capture: !0 }), !0)) : (s &&= (window.removeEventListener("scroll", u, { capture: !0 }), !1), n.value && (dt(n.value), setTimeout(() => {
|
|
1835
1892
|
e.dispatchEvent(new CustomEvent("tooltip-hide"));
|
|
1836
1893
|
}, 150)));
|
|
@@ -1869,7 +1926,7 @@ var un = ["id"], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
1869
1926
|
let t = e._v_gtooltip;
|
|
1870
1927
|
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");
|
|
1871
1928
|
}
|
|
1872
|
-
}, _n = { class: "g-clipboard-text" }, vn = /* @__PURE__ */
|
|
1929
|
+
}, _n = { class: "g-clipboard-text" }, vn = /* @__PURE__ */ u({
|
|
1873
1930
|
__name: "GClipboard",
|
|
1874
1931
|
props: {
|
|
1875
1932
|
text: {},
|
|
@@ -1877,12 +1934,12 @@ var un = ["id"], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
1877
1934
|
copyLabel: {}
|
|
1878
1935
|
},
|
|
1879
1936
|
setup(t) {
|
|
1880
|
-
let n = t, r = gn, { text: i, copy: l, copied: u, isSupported: d } = ne({ source: n.text }), f =
|
|
1937
|
+
let n = t, r = gn, { text: i, copy: l, copied: u, isSupported: d } = ne({ source: n.text }), f = D(n.copyLabel ?? "Copy to clipboard"), p = () => {
|
|
1881
1938
|
d.value ? (l(), f.value = "Copied") : f.value = "Copy not supported";
|
|
1882
1939
|
}, m = () => {
|
|
1883
1940
|
f.value = n.copyLabel ?? "Copy to clipboard";
|
|
1884
1941
|
};
|
|
1885
|
-
return (i, l) => (
|
|
1942
|
+
return (i, l) => (w(), o("div", _n, [t.hideText ? a("", !0) : (w(), o(e, { key: 0 }, [c(N(n.text), 1)], 64)), q((w(), o("button", {
|
|
1886
1943
|
type: "button",
|
|
1887
1944
|
"aria-label": "Copy",
|
|
1888
1945
|
onClick: p,
|
|
@@ -1897,9 +1954,9 @@ var un = ["id"], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
1897
1954
|
}, [s("path", {
|
|
1898
1955
|
fill: "currentColor",
|
|
1899
1956
|
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"
|
|
1900
|
-
})], -1)]], 32)), [[
|
|
1957
|
+
})], -1)]], 32)), [[L(r), f.value]])]));
|
|
1901
1958
|
}
|
|
1902
|
-
}),
|
|
1959
|
+
}), yn = { class: "g-history-scroller-wrapper" }, bn = {
|
|
1903
1960
|
key: 0,
|
|
1904
1961
|
class: "g-history-shadow g-history-shadow--top",
|
|
1905
1962
|
"aria-hidden": "true"
|
|
@@ -1907,14 +1964,14 @@ var un = ["id"], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
1907
1964
|
key: 1,
|
|
1908
1965
|
class: "g-history-shadow g-history-shadow--bottom",
|
|
1909
1966
|
"aria-hidden": "true"
|
|
1910
|
-
}, Sn = ["role", "aria-label"], Cn = /* @__PURE__ */
|
|
1967
|
+
}, Sn = ["role", "aria-label"], Cn = /* @__PURE__ */ u({
|
|
1911
1968
|
__name: "GHistoryScroller",
|
|
1912
1969
|
props: {
|
|
1913
1970
|
label: {},
|
|
1914
1971
|
entries: { default: () => [] }
|
|
1915
1972
|
},
|
|
1916
1973
|
setup(t) {
|
|
1917
|
-
let n = t, i =
|
|
1974
|
+
let n = t, i = D(null), c = D(null), u = D(!0), d = D(!0);
|
|
1918
1975
|
async function f({ focusLast: e = !1 } = {}) {
|
|
1919
1976
|
if (i.value && (i.value.scrollTop = i.value.scrollHeight), e && c.value) {
|
|
1920
1977
|
let e = c.value.querySelectorAll(".g-history-entry");
|
|
@@ -1935,13 +1992,13 @@ var un = ["id"], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
1935
1992
|
u.value && f();
|
|
1936
1993
|
}), ce(c, () => {
|
|
1937
1994
|
u.value && f();
|
|
1938
|
-
}),
|
|
1995
|
+
}), W(() => n.entries, async () => {
|
|
1939
1996
|
u.value && (await g(), f());
|
|
1940
1997
|
});
|
|
1941
1998
|
let m = r(() => [...n.entries].reverse());
|
|
1942
|
-
return (n, r) => (
|
|
1943
|
-
d.value ? a("", !0) : (
|
|
1944
|
-
u.value ? a("", !0) : (
|
|
1999
|
+
return (n, r) => (w(), o("div", yn, [
|
|
2000
|
+
d.value ? a("", !0) : (w(), o("div", bn)),
|
|
2001
|
+
u.value ? a("", !0) : (w(), o("div", xn)),
|
|
1945
2002
|
s("div", {
|
|
1946
2003
|
ref_key: "scrollerRef",
|
|
1947
2004
|
ref: i,
|
|
@@ -1949,14 +2006,14 @@ var un = ["id"], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
1949
2006
|
role: t.label ? "log" : void 0,
|
|
1950
2007
|
"aria-label": t.label,
|
|
1951
2008
|
onScroll: p
|
|
1952
|
-
}, [l(
|
|
2009
|
+
}, [l(Q, {
|
|
1953
2010
|
class: _(["g-scroll-to-bottom-btn", { "scroll-to-bottom-btn--hidden": u.value }]),
|
|
1954
2011
|
size: "small",
|
|
1955
2012
|
type: "button",
|
|
1956
2013
|
onClick: r[0] ||= () => f({ focusLast: !0 }),
|
|
1957
2014
|
"aria-label": "Jump to Latest"
|
|
1958
2015
|
}, {
|
|
1959
|
-
default:
|
|
2016
|
+
default: K(() => [...r[1] ||= [s("svg", {
|
|
1960
2017
|
"aria-hidden": "true",
|
|
1961
2018
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1962
2019
|
viewBox: "0 0 640 640",
|
|
@@ -1971,15 +2028,15 @@ var un = ["id"], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
1971
2028
|
ref_key: "contentRef",
|
|
1972
2029
|
ref: c,
|
|
1973
2030
|
class: "g-history-list"
|
|
1974
|
-
}, [(
|
|
2031
|
+
}, [(w(!0), o(e, null, O(m.value, (e) => (w(), o("div", {
|
|
1975
2032
|
role: "listitem",
|
|
1976
2033
|
key: e.id,
|
|
1977
2034
|
class: "g-history-entry",
|
|
1978
2035
|
tabindex: "-1"
|
|
1979
|
-
}, [
|
|
2036
|
+
}, [k(n.$slots, "default", { entry: e })]))), 128))], 512)], 40, Sn)
|
|
1980
2037
|
]));
|
|
1981
2038
|
}
|
|
1982
|
-
}),
|
|
2039
|
+
}), wn = { class: "g-three-way-toggle-wrapper" }, Tn = { class: "g-three-way-toggle-control" }, En = ["id"], Dn = [
|
|
1983
2040
|
"aria-labelledby",
|
|
1984
2041
|
"aria-describedby",
|
|
1985
2042
|
"disabled",
|
|
@@ -2000,7 +2057,7 @@ var un = ["id"], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
2000
2057
|
"name",
|
|
2001
2058
|
"checked",
|
|
2002
2059
|
"disabled"
|
|
2003
|
-
], Ln = ["id"], Rn = /* @__PURE__ */
|
|
2060
|
+
], Ln = ["id"], Rn = /* @__PURE__ */ u({
|
|
2004
2061
|
__name: "GThreeWayToggle",
|
|
2005
2062
|
props: /* @__PURE__ */ m({
|
|
2006
2063
|
label: {},
|
|
@@ -2016,7 +2073,7 @@ var un = ["id"], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
2016
2073
|
}),
|
|
2017
2074
|
emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
|
|
2018
2075
|
setup(e, { emit: t }) {
|
|
2019
|
-
let n = e, i =
|
|
2076
|
+
let n = e, i = B(e, "modelValue"), l = t;
|
|
2020
2077
|
function u(e) {
|
|
2021
2078
|
let t = i.value;
|
|
2022
2079
|
i.value = e, e !== t && l("change", {
|
|
@@ -2030,34 +2087,34 @@ var un = ["id"], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
2030
2087
|
function f(e) {
|
|
2031
2088
|
n.disabled || i.value === e && u(null);
|
|
2032
2089
|
}
|
|
2033
|
-
let p =
|
|
2090
|
+
let p = z(), m = r(() => `g-three-way-toggle-${p}`), h = z(), g = z(), v = z(), y = r(() => i.value === !1 ? "g-left" : i.value === !0 ? "g-right" : "g-center");
|
|
2034
2091
|
function b(e) {
|
|
2035
2092
|
n.disabled || (e.key === "n" || e.key === "N" ? (u(!1), e.preventDefault()) : (e.key === "y" || e.key === "Y") && (u(!0), e.preventDefault()));
|
|
2036
2093
|
}
|
|
2037
|
-
return (t, n) => (
|
|
2094
|
+
return (t, n) => (w(), o("div", wn, [s("div", Tn, [s("span", {
|
|
2038
2095
|
class: "g-label",
|
|
2039
|
-
id:
|
|
2040
|
-
}, [
|
|
2096
|
+
id: L(p)
|
|
2097
|
+
}, [k(t.$slots, "label", {}, () => [c(N(e.label), 1)])], 8, En), s("fieldset", {
|
|
2041
2098
|
class: _(["g-three-way-toggle", { "g-has-error": e.error }]),
|
|
2042
2099
|
role: "radiogroup",
|
|
2043
|
-
"aria-labelledby":
|
|
2100
|
+
"aria-labelledby": L(p),
|
|
2044
2101
|
"aria-describedby": e.describedby,
|
|
2045
2102
|
disabled: e.disabled,
|
|
2046
2103
|
"aria-invalid": e.error ? "true" : void 0,
|
|
2047
|
-
"aria-errormessage": e.error ?
|
|
2104
|
+
"aria-errormessage": e.error ? L(p) + "-error" : void 0
|
|
2048
2105
|
}, [s("div", { class: _(["g-toggle-track", [y.value, { "g-disabled": e.disabled }]]) }, [
|
|
2049
2106
|
s("span", {
|
|
2050
2107
|
class: _(["g-toggle-thumb", y.value]),
|
|
2051
2108
|
"aria-hidden": "true"
|
|
2052
|
-
}, [i.value === !1 ? (
|
|
2109
|
+
}, [i.value === !1 ? (w(), o("span", On, "NO")) : i.value === !0 ? (w(), o("span", kn, "YES")) : (w(), o("span", An))], 2),
|
|
2053
2110
|
s("label", {
|
|
2054
|
-
for:
|
|
2111
|
+
for: L(h),
|
|
2055
2112
|
class: "g-toggle-option g-left",
|
|
2056
2113
|
onClick: n[1] ||= (e) => f(!1),
|
|
2057
2114
|
onKeydown: b
|
|
2058
2115
|
}, [s("input", {
|
|
2059
2116
|
type: "radio",
|
|
2060
|
-
id:
|
|
2117
|
+
id: L(h),
|
|
2061
2118
|
name: m.value,
|
|
2062
2119
|
checked: i.value === !1,
|
|
2063
2120
|
value: "false",
|
|
@@ -2065,40 +2122,40 @@ var un = ["id"], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
2065
2122
|
onChange: n[0] ||= (e) => d(!1)
|
|
2066
2123
|
}, null, 40, Mn), n[5] ||= s("span", { class: "ilw-sr-only" }, "No", -1)], 40, jn),
|
|
2067
2124
|
s("label", {
|
|
2068
|
-
for:
|
|
2125
|
+
for: L(g),
|
|
2069
2126
|
class: "g-toggle-option g-center",
|
|
2070
2127
|
onKeydown: b
|
|
2071
2128
|
}, [s("input", {
|
|
2072
2129
|
type: "radio",
|
|
2073
|
-
id:
|
|
2130
|
+
id: L(g),
|
|
2074
2131
|
name: m.value,
|
|
2075
2132
|
checked: i.value === null,
|
|
2076
2133
|
disabled: e.disabled,
|
|
2077
2134
|
onChange: n[2] ||= (e) => d(null)
|
|
2078
2135
|
}, null, 40, Pn), n[6] ||= s("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, Nn),
|
|
2079
2136
|
s("label", {
|
|
2080
|
-
for:
|
|
2137
|
+
for: L(v),
|
|
2081
2138
|
class: "g-toggle-option g-right",
|
|
2082
2139
|
onClick: n[4] ||= (e) => f(!0),
|
|
2083
2140
|
onKeydown: b
|
|
2084
2141
|
}, [s("input", {
|
|
2085
2142
|
type: "radio",
|
|
2086
|
-
id:
|
|
2143
|
+
id: L(v),
|
|
2087
2144
|
name: m.value,
|
|
2088
2145
|
value: "true",
|
|
2089
2146
|
checked: i.value === !0,
|
|
2090
2147
|
disabled: e.disabled,
|
|
2091
2148
|
onChange: n[3] ||= (e) => d(!0)
|
|
2092
2149
|
}, null, 40, In), n[7] ||= s("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, Fn)
|
|
2093
|
-
], 2)], 10, Dn)]), e.error ? (
|
|
2150
|
+
], 2)], 10, Dn)]), e.error ? (w(), o("div", {
|
|
2094
2151
|
key: 0,
|
|
2095
|
-
id: `${
|
|
2152
|
+
id: `${L(p)}-error`,
|
|
2096
2153
|
class: "g-form-error",
|
|
2097
2154
|
role: "alert",
|
|
2098
2155
|
"aria-atomic": "true"
|
|
2099
|
-
},
|
|
2156
|
+
}, N(e.error), 9, Ln)) : a("", !0)]));
|
|
2100
2157
|
}
|
|
2101
|
-
}),
|
|
2158
|
+
}), zn = {
|
|
2102
2159
|
ref: "tableBodyRef",
|
|
2103
2160
|
class: "efficient-table-body"
|
|
2104
2161
|
}, Bn = ["aria-rowindex"], Vn = {
|
|
@@ -2201,16 +2258,16 @@ var un = ["id"], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
2201
2258
|
function S(e, t) {
|
|
2202
2259
|
return l.changeTracker ? l.changeTracker.hasError(e.key, t.key) : !1;
|
|
2203
2260
|
}
|
|
2204
|
-
function
|
|
2261
|
+
function C(e, t) {
|
|
2205
2262
|
if (l.changeTracker) return l.changeTracker.getError(e.key, t.key);
|
|
2206
2263
|
}
|
|
2207
|
-
return (n, r) => (
|
|
2264
|
+
return (n, r) => (w(), o("tbody", zn, [(w(!0), o(e, null, O(t.data, (n, l) => (w(), o(e, { key: n.key }, [t.groupBy && (l === 0 || n[t.groupBy] !== t.data[l - 1][t.groupBy]) ? (w(), o("tr", {
|
|
2208
2265
|
key: 0,
|
|
2209
2266
|
"aria-rowindex": t.startIndex + l + 2
|
|
2210
|
-
}, [t.bulkSelectionEnabled ? (
|
|
2267
|
+
}, [t.bulkSelectionEnabled ? (w(), o("td", Vn)) : a("", !0), s("td", {
|
|
2211
2268
|
colspan: t.columns.length,
|
|
2212
2269
|
class: "table-group-row"
|
|
2213
|
-
}, [t.groupRender ? (
|
|
2270
|
+
}, [t.groupRender ? (w(), i(A(t.groupRender(n[t.groupBy], n)), { key: 0 })) : (w(), o(e, { key: 1 }, [c(N(n[t.groupBy]), 1)], 64))], 8, Hn)], 8, Bn)) : a("", !0), s("tr", {
|
|
2214
2271
|
class: _([
|
|
2215
2272
|
"efficient-table-row",
|
|
2216
2273
|
{
|
|
@@ -2222,10 +2279,10 @@ var un = ["id"], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
2222
2279
|
"aria-rowindex": t.startIndex + l + 2,
|
|
2223
2280
|
onMousedown: (e) => d(e, n.key),
|
|
2224
2281
|
onClick: (e) => f(e, n.key)
|
|
2225
|
-
}, [t.bulkSelectionEnabled ? (
|
|
2282
|
+
}, [t.bulkSelectionEnabled ? (w(), o("td", {
|
|
2226
2283
|
key: 0,
|
|
2227
2284
|
class: "td-checkbox",
|
|
2228
|
-
onClick: r[0] ||=
|
|
2285
|
+
onClick: r[0] ||= J(() => {}, ["stop"])
|
|
2229
2286
|
}, [s("input", {
|
|
2230
2287
|
type: "checkbox",
|
|
2231
2288
|
checked: p(n.key),
|
|
@@ -2233,7 +2290,7 @@ var un = ["id"], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
2233
2290
|
"aria-label": `Select row ${n.key}`,
|
|
2234
2291
|
name: `row-${n.key}-checkbox`,
|
|
2235
2292
|
class: "g-bulk-select-checkbox"
|
|
2236
|
-
}, null, 8, Wn)])) : a("", !0), (
|
|
2293
|
+
}, null, 8, Wn)])) : a("", !0), (w(!0), o(e, null, O(t.columns, (r) => (w(), o("td", {
|
|
2237
2294
|
key: r.key,
|
|
2238
2295
|
id: b(r) ? `${t.tableId}-td-${n.key}-${String(r.key)}` : void 0,
|
|
2239
2296
|
class: _([
|
|
@@ -2242,9 +2299,9 @@ var un = ["id"], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
2242
2299
|
S(n, r) ? "g-cell-error" : "",
|
|
2243
2300
|
typeof r.tdClass == "function" ? r.tdClass(n) : r.tdClass
|
|
2244
2301
|
])
|
|
2245
|
-
}, [r.editable ? (
|
|
2246
|
-
r.editable.prefix ? (
|
|
2247
|
-
r.editable.type === "select" ? (
|
|
2302
|
+
}, [r.editable ? (w(), o("div", Kn, [
|
|
2303
|
+
r.editable.prefix ? (w(), o("span", qn, N(r.editable.prefix), 1)) : a("", !0),
|
|
2304
|
+
r.editable.type === "select" ? (w(), o("select", {
|
|
2248
2305
|
key: 1,
|
|
2249
2306
|
value: n[r.key],
|
|
2250
2307
|
onChange: (e) => g(e, n, r),
|
|
@@ -2252,10 +2309,10 @@ var un = ["id"], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
2252
2309
|
"aria-invalid": S(n, r),
|
|
2253
2310
|
name: `row-${n.key}-${String(r.key)}-select`,
|
|
2254
2311
|
class: "editable-input editable-select"
|
|
2255
|
-
}, [(
|
|
2312
|
+
}, [(w(!0), o(e, null, O(r.editable.options, (e) => (w(), o("option", {
|
|
2256
2313
|
key: e.value,
|
|
2257
2314
|
value: e.value
|
|
2258
|
-
},
|
|
2315
|
+
}, N(e.label), 9, Yn))), 128))], 40, Jn)) : (w(), o("input", h({
|
|
2259
2316
|
key: 2,
|
|
2260
2317
|
value: n[r.key]
|
|
2261
2318
|
}, { ref_for: !0 }, r.editable.inputAttributes, {
|
|
@@ -2270,13 +2327,13 @@ var un = ["id"], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
|
2270
2327
|
paddingRight: r.editable.suffix ? "2rem" : void 0
|
|
2271
2328
|
}
|
|
2272
2329
|
}), null, 16, Xn)),
|
|
2273
|
-
r.editable.suffix ? (
|
|
2274
|
-
])) : r.display ? (
|
|
2330
|
+
r.editable.suffix ? (w(), o("span", Zn, N(r.editable.suffix), 1)) : a("", !0)
|
|
2331
|
+
])) : r.display ? (w(), i(A(r.display(n)), { key: 1 })) : (w(), o(e, { key: 2 }, [c(N(n[r.key]), 1)], 64)), S(n, r) ? (w(), o("div", {
|
|
2275
2332
|
key: 3,
|
|
2276
2333
|
role: "alert",
|
|
2277
2334
|
class: "g-cell-error-message",
|
|
2278
2335
|
id: `${t.tableId}-error-${n.key}-${String(r.key)}`
|
|
2279
|
-
},
|
|
2336
|
+
}, N(C(n, r)), 9, Qn)) : a("", !0)], 10, Gn))), 128))], 42, Un)], 64))), 128))], 512));
|
|
2280
2337
|
}
|
|
2281
2338
|
});
|
|
2282
2339
|
//#endregion
|
|
@@ -2292,7 +2349,7 @@ function nr(e) {
|
|
|
2292
2349
|
}
|
|
2293
2350
|
function rr(e) {
|
|
2294
2351
|
let t = {};
|
|
2295
|
-
for (let [n, r] of Object.entries(
|
|
2352
|
+
for (let [n, r] of Object.entries(P(e))) Array.isArray(r) ? r.length > 0 && (t[n] = r) : r === !0 ? t[n] = "true" : t[n] = r || void 0;
|
|
2296
2353
|
return t;
|
|
2297
2354
|
}
|
|
2298
2355
|
function ir(e) {
|
|
@@ -2303,10 +2360,10 @@ function ir(e) {
|
|
|
2303
2360
|
}), t;
|
|
2304
2361
|
}
|
|
2305
2362
|
function ar(e, t = {}) {
|
|
2306
|
-
let n =
|
|
2363
|
+
let n = E(Object.fromEntries(Object.entries(e).map(([e, t]) => [e, t]))), i = t.syncWith;
|
|
2307
2364
|
if (i) {
|
|
2308
2365
|
if (i.value) {
|
|
2309
|
-
let t =
|
|
2366
|
+
let t = I(i);
|
|
2310
2367
|
Object.keys(e).forEach((e) => {
|
|
2311
2368
|
if (t[e] !== void 0) {
|
|
2312
2369
|
let r = t[e];
|
|
@@ -2314,7 +2371,7 @@ function ar(e, t = {}) {
|
|
|
2314
2371
|
}
|
|
2315
2372
|
});
|
|
2316
2373
|
}
|
|
2317
|
-
|
|
2374
|
+
W(n, (e) => {
|
|
2318
2375
|
i.value = ir(e);
|
|
2319
2376
|
}, { deep: !0 });
|
|
2320
2377
|
}
|
|
@@ -2372,7 +2429,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
2372
2429
|
], Ar = ["for"], jr = {
|
|
2373
2430
|
key: 1,
|
|
2374
2431
|
class: "g-bulk-actions-toolbar"
|
|
2375
|
-
}, Mr = { class: "g-selected-count" }, Nr = { class: "g-bulk-actions" }, Pr = /* @__PURE__ */
|
|
2432
|
+
}, Mr = { class: "g-selected-count" }, Nr = { class: "g-bulk-actions" }, Pr = /* @__PURE__ */ u({
|
|
2376
2433
|
__name: "GTable",
|
|
2377
2434
|
props: /* @__PURE__ */ m({
|
|
2378
2435
|
label: {},
|
|
@@ -2416,38 +2473,38 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
2416
2473
|
"update:selectedRows"
|
|
2417
2474
|
]),
|
|
2418
2475
|
setup(t, { emit: n }) {
|
|
2419
|
-
let u =
|
|
2476
|
+
let u = B(t, "sortField"), d = B(t, "sortOrder"), f = B(t, "filter"), p = B(t, "selectedRows"), m = t, h = n;
|
|
2420
2477
|
function g(e) {
|
|
2421
2478
|
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));
|
|
2422
2479
|
}
|
|
2423
2480
|
let v = m.filtering;
|
|
2424
2481
|
v ||= ar({});
|
|
2425
|
-
let { filters: b, filteredColumns: x, isFiltered:
|
|
2426
|
-
function
|
|
2427
|
-
if (j.value) p.value = p.value.filter((e) => !
|
|
2482
|
+
let { filters: b, filteredColumns: x, isFiltered: C, clearFilters: T } = v, E = r(() => m.data.map((e) => e.key)), A = r(() => p.value.filter((e) => E.value.includes(e))), j = r(() => !m.bulkSelectionEnabled || m.data.length === 0 ? !1 : A.value.length === E.value.length), M = r(() => !m.bulkSelectionEnabled || m.data.length === 0 ? !1 : A.value.length > 0 && A.value.length < E.value.length), F = D(null);
|
|
2483
|
+
function I() {
|
|
2484
|
+
if (j.value) p.value = p.value.filter((e) => !E.value.includes(e));
|
|
2428
2485
|
else {
|
|
2429
2486
|
let e = new Set(p.value);
|
|
2430
|
-
|
|
2487
|
+
E.value.forEach((t) => e.add(t)), p.value = Array.from(e);
|
|
2431
2488
|
}
|
|
2432
2489
|
}
|
|
2433
|
-
function
|
|
2490
|
+
function R(e, t = !1) {
|
|
2434
2491
|
if (t && F.value) {
|
|
2435
|
-
let t =
|
|
2492
|
+
let t = E.value.indexOf(F.value), n = E.value.indexOf(e);
|
|
2436
2493
|
if (t !== -1 && n !== -1) {
|
|
2437
|
-
let e = Math.min(t, n), r = Math.max(t, n), i =
|
|
2494
|
+
let e = Math.min(t, n), r = Math.max(t, n), i = E.value.slice(e, r + 1), a = new Set(p.value);
|
|
2438
2495
|
i.forEach((e) => a.add(e)), p.value = Array.from(a);
|
|
2439
2496
|
}
|
|
2440
2497
|
} else p.value.includes(e) ? p.value = p.value.filter((t) => t !== e) : p.value = [...p.value, e];
|
|
2441
2498
|
F.value = e;
|
|
2442
2499
|
}
|
|
2443
|
-
function
|
|
2500
|
+
function H(e) {
|
|
2444
2501
|
h("row-click", e);
|
|
2445
2502
|
}
|
|
2446
|
-
function
|
|
2503
|
+
function ee(e) {
|
|
2447
2504
|
h("bulk-action", e, p.value);
|
|
2448
2505
|
}
|
|
2449
|
-
function
|
|
2450
|
-
let t = e.value, n = e.column.key, r =
|
|
2506
|
+
function G(e) {
|
|
2507
|
+
let t = e.value, n = e.column.key, r = P(e.row[n]);
|
|
2451
2508
|
e.column.editable?.inputAttributes?.type === "number" && (t = e.value === "" ? null : Number(e.value)), e.row[n] = t, h("cell-change", {
|
|
2452
2509
|
row: e.row,
|
|
2453
2510
|
column: e.column,
|
|
@@ -2455,28 +2512,28 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
2455
2512
|
previousValue: r
|
|
2456
2513
|
});
|
|
2457
2514
|
}
|
|
2458
|
-
let Y =
|
|
2515
|
+
let Y = z(), te = V(), X = r(() => m.showPagination ? !0 : !!te.pagination), Z = r(() => !!(C.value || X.value));
|
|
2459
2516
|
return S(() => {
|
|
2460
2517
|
m.rowClickable && m.bulkSelectionEnabled && console.warn("GTable: rowClickable and bulkSelectionEnabled cannot be used together. rowClickable will be ignored.");
|
|
2461
2518
|
for (let e of m.columns) if (e.editable && e.display && console.warn(`GTable: Column "${String(e.key)}" has both 'editable' and 'display' configured. 'display' will be ignored.`), e.filter && e.filter.type === "multi-select" && !Array.isArray(f.value[e.key])) {
|
|
2462
2519
|
let t = f.value[e.key];
|
|
2463
2520
|
f.value[e.key] = t ? [t] : [];
|
|
2464
2521
|
}
|
|
2465
|
-
}),
|
|
2522
|
+
}), W(() => m.columns, (e) => {
|
|
2466
2523
|
for (let t of e) if (t.filter && t.filter.type === "multi-select" && !Array.isArray(f.value[t.key])) {
|
|
2467
2524
|
let e = f.value[t.key];
|
|
2468
2525
|
f.value[t.key] = e ? [e] : [];
|
|
2469
2526
|
}
|
|
2470
|
-
}, { immediate: !0 }), (n, r) => (
|
|
2471
|
-
|
|
2472
|
-
s("div", cr, [
|
|
2527
|
+
}, { immediate: !0 }), (n, r) => (w(), o("div", or, [
|
|
2528
|
+
Z.value ? (w(), o("div", sr, [
|
|
2529
|
+
s("div", cr, [L(C) ? (w(), i(Q, {
|
|
2473
2530
|
key: 0,
|
|
2474
2531
|
outlined: "",
|
|
2475
2532
|
size: "small",
|
|
2476
2533
|
class: "clear-filters",
|
|
2477
|
-
onClick:
|
|
2534
|
+
onClick: L(T)
|
|
2478
2535
|
}, {
|
|
2479
|
-
default:
|
|
2536
|
+
default: K(() => [...r[0] ||= [s("svg", {
|
|
2480
2537
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2481
2538
|
viewBox: "0 0 51.26 51.26",
|
|
2482
2539
|
height: "1em",
|
|
@@ -2487,37 +2544,37 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
2487
2544
|
})], -1), s("span", { class: "g-clear-filters-text" }, " Clear Filters ", -1)]]),
|
|
2488
2545
|
_: 1
|
|
2489
2546
|
}, 8, ["onClick"])) : a("", !0)]),
|
|
2490
|
-
X.value ? (
|
|
2491
|
-
s("span", ur,
|
|
2547
|
+
X.value ? (w(), o("div", lr, [k(n.$slots, "pagination")])) : a("", !0),
|
|
2548
|
+
s("span", ur, N(m.resultCount || t.data.length) + " results", 1)
|
|
2492
2549
|
])) : a("", !0),
|
|
2493
2550
|
s("table", {
|
|
2494
2551
|
class: "g-table",
|
|
2495
2552
|
ref: "tableRef",
|
|
2496
2553
|
"aria-label": t.label,
|
|
2497
2554
|
"aria-rowcount": m.resultCount || t.data.length
|
|
2498
|
-
}, [s("thead", fr, [s("tr", pr, [t.bulkSelectionEnabled ? (
|
|
2555
|
+
}, [s("thead", fr, [s("tr", pr, [t.bulkSelectionEnabled ? (w(), o("th", mr, [s("input", {
|
|
2499
2556
|
type: "checkbox",
|
|
2500
2557
|
checked: j.value,
|
|
2501
|
-
indeterminate:
|
|
2502
|
-
onChange:
|
|
2558
|
+
indeterminate: M.value,
|
|
2559
|
+
onChange: I,
|
|
2503
2560
|
"aria-label": j.value ? "Deselect all rows" : "Select all rows",
|
|
2504
2561
|
class: "g-bulk-select-checkbox"
|
|
2505
|
-
}, null, 40, hr)])) : a("", !0), (
|
|
2562
|
+
}, null, 40, hr)])) : a("", !0), (w(!0), o(e, null, O(t.columns, (t) => (w(), o("th", {
|
|
2506
2563
|
key: t.key,
|
|
2507
|
-
id: `${
|
|
2564
|
+
id: `${L(Y)}-th-${String(t.key)}`,
|
|
2508
2565
|
"aria-sort": u.value === t.key ? d.value === 1 ? "ascending" : "descending" : "none",
|
|
2509
2566
|
class: _([
|
|
2510
2567
|
"g-th",
|
|
2511
2568
|
{ sorted: u.value === t.key },
|
|
2512
|
-
{ filtered:
|
|
2569
|
+
{ filtered: L(x)[t.key] }
|
|
2513
2570
|
]),
|
|
2514
2571
|
scope: "col"
|
|
2515
|
-
}, [s("div", _r, [t.sortable ? (
|
|
2572
|
+
}, [s("div", _r, [t.sortable ? (w(), o("button", {
|
|
2516
2573
|
key: 0,
|
|
2517
2574
|
type: "button",
|
|
2518
2575
|
class: "g-column-head",
|
|
2519
2576
|
onClick: (e) => g(t)
|
|
2520
|
-
}, [c(
|
|
2577
|
+
}, [c(N(t.label) + " ", 1), u.value === t.key ? (w(), o("span", yr, [(w(), o("svg", {
|
|
2521
2578
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2522
2579
|
viewBox: "0 0 640 640",
|
|
2523
2580
|
height: "1.5em",
|
|
@@ -2527,11 +2584,11 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
2527
2584
|
}, [...r[1] ||= [s("path", {
|
|
2528
2585
|
fill: "currentColor",
|
|
2529
2586
|
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"
|
|
2530
|
-
}, null, -1)]], 12, br))])) : a("", !0)], 8, vr)) : (
|
|
2531
|
-
trigger:
|
|
2532
|
-
onClick:
|
|
2533
|
-
"aria-label":
|
|
2534
|
-
class: _(["g-filter-btn", { "g-active":
|
|
2587
|
+
}, null, -1)]], 12, br))])) : a("", !0)], 8, vr)) : (w(), o("span", xr, N(t.label), 1)), t.filter ? (w(), i(it, { key: 2 }, {
|
|
2588
|
+
trigger: K(({ toggle: e }) => [s("button", {
|
|
2589
|
+
onClick: J(e, ["stop"]),
|
|
2590
|
+
"aria-label": L(x)[t.key] ? "Column Filtered" : "Filter Column",
|
|
2591
|
+
class: _(["g-filter-btn", { "g-active": L(x)[t.key] }]),
|
|
2535
2592
|
type: "button"
|
|
2536
2593
|
}, [...r[2] ||= [s("svg", {
|
|
2537
2594
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2542,7 +2599,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
2542
2599
|
fill: "currentColor",
|
|
2543
2600
|
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"
|
|
2544
2601
|
})], -1)]], 10, Sr)]),
|
|
2545
|
-
default:
|
|
2602
|
+
default: K(() => [t.filter.type === "select" ? (w(), i(Ht, {
|
|
2546
2603
|
key: 0,
|
|
2547
2604
|
modelValue: f.value[t.key],
|
|
2548
2605
|
"onUpdate:modelValue": (e) => f.value[t.key] = e,
|
|
@@ -2555,36 +2612,36 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
2555
2612
|
"modelValue",
|
|
2556
2613
|
"onUpdate:modelValue",
|
|
2557
2614
|
"options"
|
|
2558
|
-
])) : t.filter.type === "toggle" ? (
|
|
2559
|
-
|
|
2615
|
+
])) : t.filter.type === "toggle" ? (w(), o("div", Cr, [s("div", wr, [
|
|
2616
|
+
q(s("input", {
|
|
2560
2617
|
type: "checkbox",
|
|
2561
2618
|
"onUpdate:modelValue": (e) => f.value[t.key] = e,
|
|
2562
|
-
id: `${
|
|
2563
|
-
"aria-describedby": t.filter.description ? `${
|
|
2564
|
-
}, null, 8, Tr), [[
|
|
2565
|
-
s("label", { for: `${
|
|
2566
|
-
t.filter.description ? (
|
|
2619
|
+
id: `${L(Y)}-filter-${String(t.key)}`,
|
|
2620
|
+
"aria-describedby": t.filter.description ? `${L(Y)}-filter-description-${String(t.key)}` : void 0
|
|
2621
|
+
}, null, 8, Tr), [[U, f.value[t.key]]]),
|
|
2622
|
+
s("label", { for: `${L(Y)}-filter-${String(t.key)}` }, N(t.filter.label), 9, Er),
|
|
2623
|
+
t.filter.description ? (w(), o("span", {
|
|
2567
2624
|
key: 0,
|
|
2568
2625
|
class: "g-filter-description",
|
|
2569
|
-
id: `${
|
|
2570
|
-
},
|
|
2571
|
-
])])) : t.filter.type === "multi-select" ? (
|
|
2626
|
+
id: `${L(Y)}-filter-description-${String(t.key)}`
|
|
2627
|
+
}, N(t.filter.description), 9, Dr)) : a("", !0)
|
|
2628
|
+
])])) : t.filter.type === "multi-select" ? (w(), o("fieldset", Or, [
|
|
2572
2629
|
r[4] ||= s("legend", { class: "g-multi-select-legend" }, " Include values ", -1),
|
|
2573
|
-
(
|
|
2630
|
+
(w(!0), o(e, null, O(t.filter.options, (e) => (w(), o("div", { key: e.value }, [q(s("input", {
|
|
2574
2631
|
type: "checkbox",
|
|
2575
2632
|
"onUpdate:modelValue": (e) => f.value[t.key] = e,
|
|
2576
2633
|
id: `filter-${String(t.key)}-${e.value}`,
|
|
2577
2634
|
value: e.value,
|
|
2578
2635
|
name: "filter-multiselect"
|
|
2579
|
-
}, null, 8, kr), [[
|
|
2580
|
-
f.value[t.key] && f.value[t.key].length ? (
|
|
2636
|
+
}, null, 8, kr), [[U, f.value[t.key]]]), s("label", { for: `filter-${String(t.key)}-${e.value}` }, N(e.label), 9, Ar)]))), 128)),
|
|
2637
|
+
f.value[t.key] && f.value[t.key].length ? (w(), i(Q, {
|
|
2581
2638
|
key: 0,
|
|
2582
2639
|
class: "clear-multiselect-btn",
|
|
2583
2640
|
theme: "accent",
|
|
2584
2641
|
size: "small",
|
|
2585
2642
|
onClick: (e) => f.value[t.key] = []
|
|
2586
2643
|
}, {
|
|
2587
|
-
default:
|
|
2644
|
+
default: K(() => [...r[3] ||= [c(" Clear ", -1)]]),
|
|
2588
2645
|
_: 1
|
|
2589
2646
|
}, 8, ["onClick"])) : a("", !0)
|
|
2590
2647
|
])) : a("", !0)]),
|
|
@@ -2599,11 +2656,11 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
2599
2656
|
"start-index": t.startIndex,
|
|
2600
2657
|
"bulk-selection-enabled": t.bulkSelectionEnabled,
|
|
2601
2658
|
"selected-rows": p.value,
|
|
2602
|
-
"table-id":
|
|
2659
|
+
"table-id": L(Y),
|
|
2603
2660
|
"change-tracker": t.changeTracker,
|
|
2604
|
-
onRowClick:
|
|
2605
|
-
onToggleRow:
|
|
2606
|
-
onCellChange:
|
|
2661
|
+
onRowClick: H,
|
|
2662
|
+
onToggleRow: R,
|
|
2663
|
+
onCellChange: G
|
|
2607
2664
|
}, null, 8, [
|
|
2608
2665
|
"data",
|
|
2609
2666
|
"columns",
|
|
@@ -2617,20 +2674,20 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
2617
2674
|
"table-id",
|
|
2618
2675
|
"change-tracker"
|
|
2619
2676
|
])], 8, dr),
|
|
2620
|
-
t.bulkSelectionEnabled && p.value.length > 0 ? (
|
|
2677
|
+
t.bulkSelectionEnabled && p.value.length > 0 ? (w(), o("div", jr, [s("span", Mr, N(p.value.length) + " row" + N(p.value.length === 1 ? "" : "s") + " selected", 1), s("ul", Nr, [(w(!0), o(e, null, O(t.bulkActions, (e) => (w(), o("li", { key: e.id }, [l(Q, {
|
|
2621
2678
|
theme: e.theme || "accent",
|
|
2622
|
-
onClick: (t) =>
|
|
2679
|
+
onClick: (t) => ee(e.id),
|
|
2623
2680
|
size: "small"
|
|
2624
2681
|
}, {
|
|
2625
|
-
default:
|
|
2682
|
+
default: K(() => [c(N(e.label) + " " + N(p.value.length) + " row" + N(p.value.length === 1 ? "" : "s"), 1)]),
|
|
2626
2683
|
_: 2
|
|
2627
2684
|
}, 1032, ["theme", "onClick"])]))), 128))])])) : a("", !0)
|
|
2628
2685
|
]));
|
|
2629
2686
|
}
|
|
2630
|
-
}),
|
|
2687
|
+
}), Fr = {
|
|
2631
2688
|
class: "g-pagination",
|
|
2632
2689
|
"aria-label": "Pagination"
|
|
2633
|
-
}, Ir = ["disabled"], Lr = ["disabled"], Rr = { class: "page-range" }, zr = ["disabled"], Br = ["disabled"], Vr = ["value"], Hr = ["value"], Ur = /* @__PURE__ */
|
|
2690
|
+
}, Ir = ["disabled"], Lr = ["disabled"], Rr = { class: "page-range" }, zr = ["disabled"], Br = ["disabled"], Vr = ["value"], Hr = ["value"], Ur = /* @__PURE__ */ u({
|
|
2634
2691
|
__name: "GTablePagination",
|
|
2635
2692
|
props: /* @__PURE__ */ m({
|
|
2636
2693
|
start: {},
|
|
@@ -2645,14 +2702,14 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
2645
2702
|
}),
|
|
2646
2703
|
emits: ["update:start", "update:pageSize"],
|
|
2647
2704
|
setup(t) {
|
|
2648
|
-
let n = t, i = r(() => Math.max(1, Math.ceil(n.total / n.pageSize))), a =
|
|
2705
|
+
let n = t, i = r(() => Math.max(1, Math.ceil(n.total / n.pageSize))), a = B(t, "start"), c = B(t, "pageSize"), l = r(() => a.value ?? n.start), u = r(() => c.value ?? n.pageSize), d = r(() => n.total === 0 ? 0 : l.value + 1), f = r(() => n.total === 0 ? 0 : Math.min(l.value + u.value, n.total)), p = r(() => Math.floor(l.value / u.value) + 1);
|
|
2649
2706
|
function m(e) {
|
|
2650
2707
|
e < 1 || e > i.value || (a.value = (e - 1) * u.value);
|
|
2651
2708
|
}
|
|
2652
2709
|
function h(e) {
|
|
2653
2710
|
c.value = parseInt(e.target.value, 10);
|
|
2654
2711
|
}
|
|
2655
|
-
return (t, r) => (
|
|
2712
|
+
return (t, r) => (w(), o("nav", Fr, [
|
|
2656
2713
|
s("button", {
|
|
2657
2714
|
class: "first-page g-pagination-button",
|
|
2658
2715
|
disabled: p.value === 1,
|
|
@@ -2699,7 +2756,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
2699
2756
|
d: "M0 0h24v24H0z",
|
|
2700
2757
|
fill: "none"
|
|
2701
2758
|
}), s("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, Lr),
|
|
2702
|
-
s("span", Rr,
|
|
2759
|
+
s("span", Rr, N(d.value) + " to " + N(f.value), 1),
|
|
2703
2760
|
s("button", {
|
|
2704
2761
|
class: "next-page g-pagination-button",
|
|
2705
2762
|
disabled: p.value === i.value,
|
|
@@ -2751,22 +2808,22 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
2751
2808
|
class: "page-size-select",
|
|
2752
2809
|
value: c.value,
|
|
2753
2810
|
onChange: h
|
|
2754
|
-
}, [(
|
|
2811
|
+
}, [(w(!0), o(e, null, O(n.pageSizes || [
|
|
2755
2812
|
10,
|
|
2756
2813
|
25,
|
|
2757
2814
|
50,
|
|
2758
2815
|
100
|
|
2759
|
-
], (e) => (
|
|
2816
|
+
], (e) => (w(), o("option", {
|
|
2760
2817
|
key: e,
|
|
2761
2818
|
value: e
|
|
2762
|
-
},
|
|
2819
|
+
}, N(e), 9, Hr))), 128))], 40, Vr),
|
|
2763
2820
|
r[8] ||= s("label", {
|
|
2764
2821
|
class: "page-size-label",
|
|
2765
2822
|
for: "page-size-select"
|
|
2766
2823
|
}, "per page", -1)
|
|
2767
2824
|
]));
|
|
2768
2825
|
}
|
|
2769
|
-
}),
|
|
2826
|
+
}), Wr = ["id"], Gr = { class: "g-modal-inner" }, Kr = { class: "g-modal-header" }, qr = ["id"], Jr = ["id"], Yr = /* @__PURE__ */ u({
|
|
2770
2827
|
__name: "GModal",
|
|
2771
2828
|
props: {
|
|
2772
2829
|
label: {},
|
|
@@ -2780,42 +2837,42 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
2780
2837
|
},
|
|
2781
2838
|
emits: ["close"],
|
|
2782
2839
|
setup(e, { emit: c }) {
|
|
2783
|
-
let u = e, d = c, f =
|
|
2840
|
+
let u = e, d = c, f = H("dialog"), p = D(!0), m = z(), { pop: g, push: _, isTop: v, zIndex: y } = Ke(m, !0, !0), { deactivate: x, activate: C } = Qe(f, v);
|
|
2784
2841
|
function T() {
|
|
2785
2842
|
d("close");
|
|
2786
2843
|
}
|
|
2787
2844
|
$e([f], v, p, T, g), S(() => {
|
|
2788
|
-
_(),
|
|
2845
|
+
_(), C();
|
|
2789
2846
|
}), b(() => {
|
|
2790
2847
|
g(), x();
|
|
2791
2848
|
});
|
|
2792
|
-
let
|
|
2849
|
+
let E = r(() => {
|
|
2793
2850
|
let e = [`g-modal--${u.size}`];
|
|
2794
2851
|
return u.classes && (e = e.concat(Array.isArray(u.classes) ? u.classes : [u.classes])), e;
|
|
2795
2852
|
});
|
|
2796
|
-
return (r, c) => (
|
|
2853
|
+
return (r, c) => (w(), i(t, { to: "#modal-root" }, [l(n, {
|
|
2797
2854
|
name: "g-fade",
|
|
2798
2855
|
appear: ""
|
|
2799
2856
|
}, {
|
|
2800
|
-
default:
|
|
2801
|
-
id: "modal-" +
|
|
2802
|
-
class: ["g-modal",
|
|
2857
|
+
default: K(() => [s("div", h({
|
|
2858
|
+
id: "modal-" + L(m),
|
|
2859
|
+
class: ["g-modal", E.value],
|
|
2803
2860
|
role: "dialog",
|
|
2804
2861
|
"aria-modal": "true"
|
|
2805
2862
|
}, {
|
|
2806
|
-
"aria-labelledby": e.hiddenLabel ? void 0 : "modal-label-" +
|
|
2863
|
+
"aria-labelledby": e.hiddenLabel ? void 0 : "modal-label-" + L(m),
|
|
2807
2864
|
"aria-label": e.hiddenLabel ? e.label : void 0,
|
|
2808
2865
|
"aria-describedby": e.describedby ? e.describedby : void 0
|
|
2809
2866
|
}, {
|
|
2810
2867
|
ref_key: "dialog",
|
|
2811
2868
|
ref: f,
|
|
2812
|
-
style: { zIndex:
|
|
2813
|
-
}), [s("div", Gr, [s("div", Kr, [e.hiddenLabel ? a("", !0) : (
|
|
2869
|
+
style: { zIndex: L(y) }
|
|
2870
|
+
}), [s("div", Gr, [s("div", Kr, [e.hiddenLabel ? a("", !0) : (w(), o("h2", {
|
|
2814
2871
|
key: 0,
|
|
2815
|
-
id: "modal-label-" +
|
|
2872
|
+
id: "modal-label-" + L(m),
|
|
2816
2873
|
class: "g-modal-label",
|
|
2817
2874
|
tabindex: "-1"
|
|
2818
|
-
},
|
|
2875
|
+
}, N(e.label), 9, qr)), s("button", {
|
|
2819
2876
|
class: "g-modal-close",
|
|
2820
2877
|
onClick: T,
|
|
2821
2878
|
"aria-label": "Close"
|
|
@@ -2828,18 +2885,18 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
2828
2885
|
fill: "currentColor",
|
|
2829
2886
|
d: "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"
|
|
2830
2887
|
})], -1)]])]), s("div", {
|
|
2831
|
-
id: "modal-description-" +
|
|
2888
|
+
id: "modal-description-" + L(m),
|
|
2832
2889
|
class: "g-modal-content"
|
|
2833
|
-
}, [
|
|
2890
|
+
}, [k(r.$slots, "default")], 8, Jr)])], 16, Wr)]),
|
|
2834
2891
|
_: 3
|
|
2835
2892
|
})]));
|
|
2836
2893
|
}
|
|
2837
|
-
}),
|
|
2894
|
+
}), Xr = [
|
|
2838
2895
|
"id",
|
|
2839
2896
|
"aria-expanded",
|
|
2840
2897
|
"aria-label",
|
|
2841
2898
|
"aria-controls"
|
|
2842
|
-
], Zr = /* @__PURE__ */
|
|
2899
|
+
], Zr = /* @__PURE__ */ u({
|
|
2843
2900
|
__name: "GHamburgerMenu",
|
|
2844
2901
|
props: {
|
|
2845
2902
|
label: { default: "Main Navigation" },
|
|
@@ -2854,35 +2911,35 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
2854
2911
|
function c(e) {
|
|
2855
2912
|
e.key === "Escape" && r?.open?.value && (r.open.value = !1);
|
|
2856
2913
|
}
|
|
2857
|
-
let l =
|
|
2858
|
-
return (t, n) => (
|
|
2859
|
-
id: `${
|
|
2914
|
+
let l = z();
|
|
2915
|
+
return (t, n) => (w(), o("button", {
|
|
2916
|
+
id: `${L(r)?.id ?? L(l)}-hamburger`,
|
|
2860
2917
|
class: _(["g-hamburger-button", {
|
|
2861
|
-
"g-hamburger-button--open":
|
|
2862
|
-
"g-hamburger-button--collapsible":
|
|
2918
|
+
"g-hamburger-button--open": L(r)?.open?.value,
|
|
2919
|
+
"g-hamburger-button--collapsible": L(r)?.isCollapsible?.value
|
|
2863
2920
|
}]),
|
|
2864
2921
|
onClick: a,
|
|
2865
2922
|
onKeydown: c,
|
|
2866
|
-
"aria-expanded":
|
|
2923
|
+
"aria-expanded": L(r)?.open?.value ? "true" : "false",
|
|
2867
2924
|
"aria-label": e.label,
|
|
2868
|
-
"aria-controls":
|
|
2925
|
+
"aria-controls": L(r) ? `${L(r).id}-sidebar` : void 0
|
|
2869
2926
|
}, [...n[0] ||= [s("svg", {
|
|
2870
2927
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2871
2928
|
viewBox: "0 0 51.26 51.26"
|
|
2872
2929
|
}, [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)]], 42, Xr));
|
|
2873
2930
|
}
|
|
2874
|
-
}),
|
|
2931
|
+
}), Qr = /* @__PURE__ */ u({
|
|
2875
2932
|
__name: "GDetailList",
|
|
2876
2933
|
props: { variant: { default: "grid" } },
|
|
2877
2934
|
setup(e) {
|
|
2878
2935
|
let t = e;
|
|
2879
|
-
return (e, n) => (
|
|
2936
|
+
return (e, n) => (w(), o("dl", { class: _(["g-detail-list", `g-detail-list--${t.variant}`]) }, [k(e.$slots, "default")], 2));
|
|
2880
2937
|
}
|
|
2881
|
-
}),
|
|
2938
|
+
}), $r = { class: "g-detail-list-item" }, ei = { class: "g-detail-list-item__label" }, ti = { class: "g-detail-list-item__value" }, ni = /* @__PURE__ */ u({
|
|
2882
2939
|
__name: "GDetailListItem",
|
|
2883
2940
|
props: { label: {} },
|
|
2884
2941
|
setup(e) {
|
|
2885
|
-
return (t, n) => (
|
|
2942
|
+
return (t, n) => (w(), o("div", $r, [s("dt", ei, [k(t.$slots, "label", {}, () => [c(N(e.label), 1)])]), s("dd", ti, [k(t.$slots, "default")])]));
|
|
2886
2943
|
}
|
|
2887
2944
|
}), ri = {
|
|
2888
2945
|
key: 0,
|
|
@@ -2891,12 +2948,12 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
2891
2948
|
__name: "GOverlay",
|
|
2892
2949
|
setup(e) {
|
|
2893
2950
|
let { hasScrollLock: t } = qe();
|
|
2894
|
-
return (e, r) => (
|
|
2895
|
-
default:
|
|
2951
|
+
return (e, r) => (w(), i(n, { name: "g-fade" }, {
|
|
2952
|
+
default: K(() => [L(t) ? (w(), o("div", ri)) : a("", !0)]),
|
|
2896
2953
|
_: 1
|
|
2897
2954
|
}));
|
|
2898
2955
|
}
|
|
2899
|
-
}), ai = { class: "popover-content" }, oi = { class: "year-dropdown" }, si = { class: "month-selector" }, ci = /* @__PURE__ */
|
|
2956
|
+
}), ai = { class: "popover-content" }, oi = { class: "year-dropdown" }, si = { class: "month-selector" }, ci = /* @__PURE__ */ u({
|
|
2900
2957
|
__name: "GTermSelectorControl",
|
|
2901
2958
|
props: /* @__PURE__ */ m({
|
|
2902
2959
|
termYears: { default: () => ["2026"] },
|
|
@@ -2916,8 +2973,8 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
2916
2973
|
}),
|
|
2917
2974
|
emits: ["update:modelValue"],
|
|
2918
2975
|
setup(e) {
|
|
2919
|
-
let t =
|
|
2920
|
-
return (n, r) => (
|
|
2976
|
+
let t = B(e, "modelValue");
|
|
2977
|
+
return (n, r) => (w(), o("div", ai, [s("div", oi, [l(Ht, {
|
|
2921
2978
|
modelValue: t.value.year,
|
|
2922
2979
|
"onUpdate:modelValue": r[0] ||= (e) => t.value.year = e,
|
|
2923
2980
|
options: e.termYears,
|
|
@@ -2938,13 +2995,13 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
2938
2995
|
"label"
|
|
2939
2996
|
])])]));
|
|
2940
2997
|
}
|
|
2941
|
-
}),
|
|
2942
|
-
class: "popover-title",
|
|
2998
|
+
}), li = { class: "g-term-selector" }, ui = { class: "g-term-label" }, di = {
|
|
2999
|
+
class: "g-popover-title",
|
|
2943
3000
|
tabindex: "-1"
|
|
2944
|
-
}, fi = /* @__PURE__ */
|
|
3001
|
+
}, fi = /* @__PURE__ */ u({
|
|
2945
3002
|
__name: "GTermSelector",
|
|
2946
3003
|
props: /* @__PURE__ */ m({
|
|
2947
|
-
|
|
3004
|
+
heading: { default: "Period Selection" },
|
|
2948
3005
|
yearLabel: {},
|
|
2949
3006
|
periodLabel: {},
|
|
2950
3007
|
termYears: { default: () => ["2026"] },
|
|
@@ -2962,21 +3019,21 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
2962
3019
|
}),
|
|
2963
3020
|
emits: ["update:modelValue"],
|
|
2964
3021
|
setup(e) {
|
|
2965
|
-
let t =
|
|
2966
|
-
return (n, r) => (
|
|
2967
|
-
trigger:
|
|
3022
|
+
let t = B(e, "modelValue");
|
|
3023
|
+
return (n, r) => (w(), o("div", li, [l(it, null, {
|
|
3024
|
+
trigger: K(({ toggle: e }) => [l(Q, {
|
|
2968
3025
|
class: "g-term-selector-button",
|
|
2969
3026
|
theme: "none",
|
|
2970
3027
|
outlined: "",
|
|
2971
3028
|
onClick: e
|
|
2972
3029
|
}, {
|
|
2973
|
-
default:
|
|
3030
|
+
default: K(() => [
|
|
2974
3031
|
r[0] ||= s("span", { class: "g-calendar-icon" }, [s("svg", {
|
|
2975
3032
|
role: "none presentation",
|
|
2976
3033
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2977
3034
|
viewBox: "0 0 640 640"
|
|
2978
3035
|
}, [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),
|
|
2979
|
-
s("span", ui,
|
|
3036
|
+
s("span", ui, N(t.value?.name) + " " + N(t.value?.year), 1),
|
|
2980
3037
|
r[1] ||= s("span", { class: "g-caret" }, [s("svg", {
|
|
2981
3038
|
role: "none presentation",
|
|
2982
3039
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2985,15 +3042,15 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
2985
3042
|
]),
|
|
2986
3043
|
_: 1
|
|
2987
3044
|
}, 8, ["onClick"])]),
|
|
2988
|
-
default:
|
|
3045
|
+
default: K(() => [s("h2", di, N(e.heading), 1), l(ci, v(f(n.$props)), null, 16)]),
|
|
2989
3046
|
_: 1
|
|
2990
3047
|
})]));
|
|
2991
3048
|
}
|
|
2992
|
-
}),
|
|
3049
|
+
}), pi = { class: "g-user-menu" }, mi = [
|
|
2993
3050
|
"aria-label",
|
|
2994
3051
|
"aria-expanded",
|
|
2995
3052
|
"onClick"
|
|
2996
|
-
], hi = { class: "g-user-menu__popover" }, gi = { class: "g-user-menu__list" }, _i = /* @__PURE__ */
|
|
3053
|
+
], hi = { class: "g-user-menu__popover" }, gi = { class: "g-user-menu__list" }, _i = /* @__PURE__ */ u({
|
|
2997
3054
|
__name: "GUserMenu",
|
|
2998
3055
|
props: {
|
|
2999
3056
|
initials: {},
|
|
@@ -3002,36 +3059,36 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3002
3059
|
label: { default: "User menu" }
|
|
3003
3060
|
},
|
|
3004
3061
|
setup(t) {
|
|
3005
|
-
let n = `${
|
|
3062
|
+
let n = `${z()}-email`, r = D(!1), a = H("emailHeading");
|
|
3006
3063
|
d()?.appContext?.components?.RouterLink;
|
|
3007
|
-
let c =
|
|
3008
|
-
return (u, d) => (
|
|
3064
|
+
let c = V();
|
|
3065
|
+
return (u, d) => (w(), o("div", pi, [l(it, {
|
|
3009
3066
|
modelValue: r.value,
|
|
3010
3067
|
"onUpdate:modelValue": d[0] ||= (e) => r.value = e,
|
|
3011
3068
|
minimal: ""
|
|
3012
3069
|
}, {
|
|
3013
|
-
trigger:
|
|
3070
|
+
trigger: K(({ toggle: e }) => [s("button", {
|
|
3014
3071
|
class: "g-user-menu__avatar",
|
|
3015
3072
|
style: y({ backgroundColor: t.color }),
|
|
3016
3073
|
"aria-label": t.initials + " - " + t.label,
|
|
3017
3074
|
"aria-expanded": r.value,
|
|
3018
3075
|
"aria-haspopup": "menu",
|
|
3019
3076
|
onClick: e
|
|
3020
|
-
},
|
|
3021
|
-
default:
|
|
3077
|
+
}, N(t.initials), 13, mi)]),
|
|
3078
|
+
default: K(() => [s("div", hi, [s("h2", {
|
|
3022
3079
|
id: n,
|
|
3023
3080
|
ref_key: "emailHeading",
|
|
3024
3081
|
ref: a,
|
|
3025
3082
|
class: "g-user-menu__email",
|
|
3026
3083
|
tabindex: "-1"
|
|
3027
|
-
},
|
|
3084
|
+
}, N(t.email), 513), s("nav", {
|
|
3028
3085
|
class: "g-user-menu__nav",
|
|
3029
3086
|
"aria-labelledby": n
|
|
3030
|
-
}, [s("ul", gi, [(
|
|
3087
|
+
}, [s("ul", gi, [(w(!0), o(e, null, O(c.default(), (e, t) => (w(), o("li", { key: t }, [(w(), i(A(e)))]))), 128))])])])]),
|
|
3031
3088
|
_: 1
|
|
3032
3089
|
}, 8, ["modelValue"])]));
|
|
3033
3090
|
}
|
|
3034
|
-
}),
|
|
3091
|
+
}), vi = /* @__PURE__ */ u({
|
|
3035
3092
|
__name: "GCurrencyInput",
|
|
3036
3093
|
props: /* @__PURE__ */ m({
|
|
3037
3094
|
label: { default: void 0 },
|
|
@@ -3054,8 +3111,8 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3054
3111
|
}),
|
|
3055
3112
|
emits: ["update:modelValue"],
|
|
3056
3113
|
setup(e) {
|
|
3057
|
-
let t = e, n =
|
|
3058
|
-
return (e, r) => (
|
|
3114
|
+
let t = e, n = B(e, "modelValue");
|
|
3115
|
+
return (e, r) => (w(), i(Re, h({
|
|
3059
3116
|
modelValue: n.value,
|
|
3060
3117
|
"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
|
|
3061
3118
|
name: t.name,
|
|
@@ -3082,7 +3139,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3082
3139
|
"form-key"
|
|
3083
3140
|
]));
|
|
3084
3141
|
}
|
|
3085
|
-
}),
|
|
3142
|
+
}), yi = /* @__PURE__ */ u({
|
|
3086
3143
|
__name: "GEmailInput",
|
|
3087
3144
|
props: /* @__PURE__ */ m({
|
|
3088
3145
|
label: { default: void 0 },
|
|
@@ -3104,8 +3161,8 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3104
3161
|
}),
|
|
3105
3162
|
emits: ["update:modelValue"],
|
|
3106
3163
|
setup(e) {
|
|
3107
|
-
let t =
|
|
3108
|
-
return (n, r) => (
|
|
3164
|
+
let t = B(e, "modelValue");
|
|
3165
|
+
return (n, r) => (w(), i(Re, h({
|
|
3109
3166
|
modelValue: t.value,
|
|
3110
3167
|
"onUpdate:modelValue": r[0] ||= (e) => t.value = e,
|
|
3111
3168
|
name: e.name,
|
|
@@ -3127,7 +3184,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3127
3184
|
"instructions"
|
|
3128
3185
|
]));
|
|
3129
3186
|
}
|
|
3130
|
-
}),
|
|
3187
|
+
}), bi = ["for"], xi = {
|
|
3131
3188
|
key: 0,
|
|
3132
3189
|
class: "g-file-input-required"
|
|
3133
3190
|
}, Si = {
|
|
@@ -3146,7 +3203,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3146
3203
|
key: 1,
|
|
3147
3204
|
class: "g-file-input-pills",
|
|
3148
3205
|
"aria-label": "Selected files"
|
|
3149
|
-
}, Ei = /* @__PURE__ */
|
|
3206
|
+
}, Ei = /* @__PURE__ */ u({
|
|
3150
3207
|
inheritAttrs: !1,
|
|
3151
3208
|
__name: "GFileInput",
|
|
3152
3209
|
props: /* @__PURE__ */ m({
|
|
@@ -3176,12 +3233,12 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3176
3233
|
}),
|
|
3177
3234
|
emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
|
|
3178
3235
|
setup(t, { emit: n }) {
|
|
3179
|
-
let i = t, u =
|
|
3236
|
+
let i = t, u = B(t, "modelValue"), d = z(), { displayErrors: f } = $({
|
|
3180
3237
|
name: i.name,
|
|
3181
3238
|
value: u,
|
|
3182
|
-
errors:
|
|
3239
|
+
errors: F(i, "errors"),
|
|
3183
3240
|
formKey: i.formKey
|
|
3184
|
-
}), p = n, m =
|
|
3241
|
+
}), p = n, m = D([]);
|
|
3185
3242
|
function h(e) {
|
|
3186
3243
|
let t = [];
|
|
3187
3244
|
if (i.maxFiles !== void 0 && e.length > i.maxFiles && t.push(`You may select at most ${i.maxFiles} file${i.maxFiles === 1 ? "" : "s"}.`), i.maxFileSize !== void 0) {
|
|
@@ -3198,19 +3255,19 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3198
3255
|
m.value = h(n), u.value = n, p("change", n);
|
|
3199
3256
|
}
|
|
3200
3257
|
let v = r(() => [...f.value, ...m.value]), y = r(() => v.value.length > 0), b = r(() => u.value.map((e) => e.name));
|
|
3201
|
-
return (n, r) => (
|
|
3202
|
-
t.label ? (
|
|
3258
|
+
return (n, r) => (w(), o("div", { class: _(["g-file-input-wrap", { "g-file-input-has-error": y.value }]) }, [
|
|
3259
|
+
t.label ? (w(), o("label", {
|
|
3203
3260
|
key: 0,
|
|
3204
|
-
for:
|
|
3261
|
+
for: L(d),
|
|
3205
3262
|
class: "g-file-input-label"
|
|
3206
|
-
}, [c(
|
|
3263
|
+
}, [c(N(t.label) + " ", 1), t.required ? (w(), o("span", xi, "*")) : a("", !0)], 8, bi)) : a("", !0),
|
|
3207
3264
|
s("div", { class: _(["g-file-input-box", { "g-file-input-box--disabled": t.disabled }]) }, [
|
|
3208
|
-
t.instructions ? (
|
|
3209
|
-
id: "instructions-" +
|
|
3265
|
+
t.instructions ? (w(), o("div", Si, [s("span", {
|
|
3266
|
+
id: "instructions-" + L(d),
|
|
3210
3267
|
class: "g-file-input-instructions"
|
|
3211
|
-
},
|
|
3268
|
+
}, N(t.instructions), 9, Ci)])) : a("", !0),
|
|
3212
3269
|
s("input", {
|
|
3213
|
-
id:
|
|
3270
|
+
id: L(d),
|
|
3214
3271
|
type: "file",
|
|
3215
3272
|
class: "g-file-input",
|
|
3216
3273
|
disabled: t.disabled,
|
|
@@ -3218,11 +3275,11 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3218
3275
|
accept: t.accept || void 0,
|
|
3219
3276
|
multiple: t.multiple,
|
|
3220
3277
|
"aria-invalid": y.value ? "true" : "false",
|
|
3221
|
-
"aria-describedby": t.instructions ? "instructions-" +
|
|
3222
|
-
"aria-errormessage": y.value ? "error-message-" +
|
|
3278
|
+
"aria-describedby": t.instructions ? "instructions-" + L(d) : void 0,
|
|
3279
|
+
"aria-errormessage": y.value ? "error-message-" + L(d) : void 0,
|
|
3223
3280
|
onChange: g
|
|
3224
3281
|
}, null, 40, wi),
|
|
3225
|
-
t.multiple && b.value.length > 0 ? (
|
|
3282
|
+
t.multiple && b.value.length > 0 ? (w(), o("ul", Ti, [(w(!0), o(e, null, O(b.value, (e) => (w(), o("li", {
|
|
3226
3283
|
key: e,
|
|
3227
3284
|
class: "g-file-input-pill"
|
|
3228
3285
|
}, [r[0] ||= s("svg", {
|
|
@@ -3230,15 +3287,15 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3230
3287
|
role: "none presentation",
|
|
3231
3288
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3232
3289
|
viewBox: "0 0 640 640"
|
|
3233
|
-
}, [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(" " +
|
|
3290
|
+
}, [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(" " + N(e), 1)]))), 128))])) : a("", !0)
|
|
3234
3291
|
], 2),
|
|
3235
3292
|
l(je, {
|
|
3236
3293
|
errors: v.value,
|
|
3237
|
-
id: "error-message-" +
|
|
3294
|
+
id: "error-message-" + L(d)
|
|
3238
3295
|
}, null, 8, ["errors", "id"])
|
|
3239
3296
|
], 2));
|
|
3240
3297
|
}
|
|
3241
|
-
}),
|
|
3298
|
+
}), Di = /* @__PURE__ */ u({
|
|
3242
3299
|
__name: "GDateInput",
|
|
3243
3300
|
props: /* @__PURE__ */ m({
|
|
3244
3301
|
label: { default: void 0 },
|
|
@@ -3261,8 +3318,8 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3261
3318
|
}),
|
|
3262
3319
|
emits: ["update:modelValue"],
|
|
3263
3320
|
setup(e) {
|
|
3264
|
-
let t = e, n =
|
|
3265
|
-
return (e, r) => (
|
|
3321
|
+
let t = e, n = B(e, "modelValue");
|
|
3322
|
+
return (e, r) => (w(), i(Re, h({
|
|
3266
3323
|
modelValue: n.value,
|
|
3267
3324
|
"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
|
|
3268
3325
|
name: t.name,
|
|
@@ -3286,7 +3343,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3286
3343
|
"form-key"
|
|
3287
3344
|
]));
|
|
3288
3345
|
}
|
|
3289
|
-
}),
|
|
3346
|
+
}), Oi = { class: "g-date-range-input" }, ki = {
|
|
3290
3347
|
key: 0,
|
|
3291
3348
|
class: "g-date-range-input__label"
|
|
3292
3349
|
}, Ai = {
|
|
@@ -3300,7 +3357,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3300
3357
|
key: 2,
|
|
3301
3358
|
class: "g-date-range-input__errors",
|
|
3302
3359
|
role: "alert"
|
|
3303
|
-
}, Pi = /* @__PURE__ */
|
|
3360
|
+
}, Pi = /* @__PURE__ */ u({
|
|
3304
3361
|
__name: "GDateRangeInput",
|
|
3305
3362
|
props: /* @__PURE__ */ m({
|
|
3306
3363
|
label: { default: void 0 },
|
|
@@ -3327,22 +3384,22 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3327
3384
|
}),
|
|
3328
3385
|
emits: ["update:modelValue"],
|
|
3329
3386
|
setup(t) {
|
|
3330
|
-
let n = t, r =
|
|
3387
|
+
let n = t, r = B(t, "modelValue"), i = D(r.value.start || null), u = D(r.value.end || null), { displayErrors: d } = $({
|
|
3331
3388
|
name: n.name,
|
|
3332
3389
|
value: r,
|
|
3333
|
-
errors:
|
|
3390
|
+
errors: F(n, "errors"),
|
|
3334
3391
|
formKey: n.formKey
|
|
3335
3392
|
});
|
|
3336
|
-
return
|
|
3393
|
+
return W([i, u], () => {
|
|
3337
3394
|
r.value = {
|
|
3338
3395
|
start: i.value,
|
|
3339
3396
|
end: u.value
|
|
3340
3397
|
};
|
|
3341
|
-
}),
|
|
3398
|
+
}), W(r, (e) => {
|
|
3342
3399
|
e.start !== i.value && (i.value = e.start), e.end !== u.value && (u.value = e.end);
|
|
3343
|
-
}, { deep: !0 }), (t, r) => (
|
|
3344
|
-
n.label ? (
|
|
3345
|
-
n.instructions ? (
|
|
3400
|
+
}, { deep: !0 }), (t, r) => (w(), o("div", Oi, [
|
|
3401
|
+
n.label ? (w(), o("div", ki, [c(N(n.label), 1), n.required ? (w(), o("span", Ai, " *")) : a("", !0)])) : a("", !0),
|
|
3402
|
+
n.instructions ? (w(), o("div", ji, N(n.instructions), 1)) : a("", !0),
|
|
3346
3403
|
s("div", Mi, [l(Di, {
|
|
3347
3404
|
modelValue: i.value,
|
|
3348
3405
|
"onUpdate:modelValue": r[0] ||= (e) => i.value = e,
|
|
@@ -3368,13 +3425,13 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3368
3425
|
"disabled",
|
|
3369
3426
|
"required"
|
|
3370
3427
|
])]),
|
|
3371
|
-
|
|
3428
|
+
L(d).length > 0 ? (w(), o("div", Ni, [(w(!0), o(e, null, O(L(d), (e, t) => (w(), o("div", {
|
|
3372
3429
|
key: t,
|
|
3373
3430
|
class: "g-date-range-input__error"
|
|
3374
|
-
},
|
|
3431
|
+
}, N(e), 1))), 128))])) : a("", !0)
|
|
3375
3432
|
]));
|
|
3376
3433
|
}
|
|
3377
|
-
}),
|
|
3434
|
+
}), Fi = ["action", "method"], Ii = /* @__PURE__ */ u({
|
|
3378
3435
|
__name: "GForm",
|
|
3379
3436
|
props: /* @__PURE__ */ m({
|
|
3380
3437
|
action: { default: void 0 },
|
|
@@ -3386,10 +3443,10 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3386
3443
|
}),
|
|
3387
3444
|
emits: /* @__PURE__ */ m(["submit"], ["update:modelValue"]),
|
|
3388
3445
|
setup(e, { emit: t }) {
|
|
3389
|
-
let n = e, r =
|
|
3390
|
-
a ||
|
|
3446
|
+
let n = e, r = B(e, "modelValue"), i = t, a = p("form", null), s = a ?? (de() ? ke(n.formKey) : De());
|
|
3447
|
+
a || T("form", s), W(() => s.values.value, (e) => {
|
|
3391
3448
|
r.value = { ...e };
|
|
3392
|
-
}, { deep: !0 }),
|
|
3449
|
+
}, { deep: !0 }), W(() => r.value, (e) => {
|
|
3393
3450
|
e && Object.entries(e).forEach(([e, t]) => {
|
|
3394
3451
|
let n = s.fields[e];
|
|
3395
3452
|
n && n.value.value !== t && (n.value.value = t);
|
|
@@ -3403,20 +3460,20 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3403
3460
|
i("submit", e);
|
|
3404
3461
|
});
|
|
3405
3462
|
}
|
|
3406
|
-
return (e, t) => (
|
|
3463
|
+
return (e, t) => (w(), o("form", {
|
|
3407
3464
|
onSubmit: c,
|
|
3408
3465
|
action: n.action,
|
|
3409
3466
|
method: n.method,
|
|
3410
3467
|
class: "g-form",
|
|
3411
3468
|
novalidate: ""
|
|
3412
|
-
}, [
|
|
3413
|
-
isSubmitting:
|
|
3414
|
-
hasErrors:
|
|
3415
|
-
values:
|
|
3416
|
-
errors:
|
|
3417
|
-
}
|
|
3469
|
+
}, [k(e.$slots, "default", {
|
|
3470
|
+
isSubmitting: L(s).isSubmitting.value,
|
|
3471
|
+
hasErrors: L(s).hasErrors.value,
|
|
3472
|
+
values: L(s).values.value,
|
|
3473
|
+
errors: L(s).errors.value
|
|
3474
|
+
})], 40, Fi));
|
|
3418
3475
|
}
|
|
3419
|
-
}),
|
|
3476
|
+
}), Li = /* @__PURE__ */ u({
|
|
3420
3477
|
__name: "GSubmitButton",
|
|
3421
3478
|
props: {
|
|
3422
3479
|
disabled: {
|
|
@@ -3428,18 +3485,18 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3428
3485
|
formKey: { default: "default" }
|
|
3429
3486
|
},
|
|
3430
3487
|
setup(e) {
|
|
3431
|
-
let t = e, n =
|
|
3432
|
-
return (e, n) => (
|
|
3488
|
+
let t = e, n = R(), a = typeof n["form-key"] == "string" ? n["form-key"] : void 0, o = t.formKey || a || "default", l = p("form", null) ?? (de() ? ke(o) : null), u = r(() => t.disabled || (l?.isSubmitting.value ?? !1)), d = r(() => l?.isSubmitting.value ?? !1);
|
|
3489
|
+
return (e, n) => (w(), i(Q, {
|
|
3433
3490
|
type: "submit",
|
|
3434
3491
|
disabled: u.value,
|
|
3435
3492
|
variant: t.variant,
|
|
3436
3493
|
class: "g-submit-button"
|
|
3437
3494
|
}, {
|
|
3438
|
-
default:
|
|
3495
|
+
default: K(() => [q(s("span", null, N(t.loadingText), 513), [[ee, d.value]]), q(s("span", null, [k(e.$slots, "default", {}, () => [n[0] ||= c("Submit", -1)])], 512), [[ee, !d.value]])]),
|
|
3439
3496
|
_: 3
|
|
3440
3497
|
}, 8, ["disabled", "variant"]));
|
|
3441
3498
|
}
|
|
3442
|
-
}),
|
|
3499
|
+
}), Ri = {
|
|
3443
3500
|
key: 0,
|
|
3444
3501
|
class: "g-checkbox-group__legend"
|
|
3445
3502
|
}, zi = {
|
|
@@ -3462,7 +3519,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3462
3519
|
"disabled",
|
|
3463
3520
|
"required",
|
|
3464
3521
|
"onChange"
|
|
3465
|
-
], Ki = { class: "g-checkbox-group__label-text" }, qi = ["id"], Ji = /* @__PURE__ */
|
|
3522
|
+
], Ki = { class: "g-checkbox-group__label-text" }, qi = ["id"], Ji = /* @__PURE__ */ u({
|
|
3466
3523
|
__name: "GCheckboxGroup",
|
|
3467
3524
|
props: /* @__PURE__ */ m({
|
|
3468
3525
|
label: { default: void 0 },
|
|
@@ -3485,10 +3542,10 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3485
3542
|
}),
|
|
3486
3543
|
emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
|
|
3487
3544
|
setup(t, { emit: n }) {
|
|
3488
|
-
let u = t, d =
|
|
3545
|
+
let u = t, d = B(t, "modelValue"), f = z(), { displayErrors: p, hasErrors: m } = $({
|
|
3489
3546
|
name: u.name,
|
|
3490
3547
|
value: d,
|
|
3491
|
-
errors:
|
|
3548
|
+
errors: F(u, "errors"),
|
|
3492
3549
|
formKey: u.formKey
|
|
3493
3550
|
}), g = n;
|
|
3494
3551
|
function v(e) {
|
|
@@ -3498,7 +3555,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3498
3555
|
let n;
|
|
3499
3556
|
n = u.radio ? t ? [e] : [] : t ? d.value.includes(e) ? d.value : [...d.value, e] : d.value.filter((t) => t !== e), d.value = n, g("change", n);
|
|
3500
3557
|
}
|
|
3501
|
-
let b = r(() => u.radio ? "radio" : "checkbox"), x = r(() => `error-message-${f}`), S = r(() => `instructions-${f}`),
|
|
3558
|
+
let b = r(() => u.radio ? "radio" : "checkbox"), x = r(() => `error-message-${f}`), S = r(() => `instructions-${f}`), C = r(() => u.radio || u.options.length > 1), T = r(() => {
|
|
3502
3559
|
let e = [];
|
|
3503
3560
|
return u.instructions && e.push(S.value), u.radio ? {
|
|
3504
3561
|
role: "radiogroup",
|
|
@@ -3510,10 +3567,10 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3510
3567
|
function E(e) {
|
|
3511
3568
|
return `${f}-hint-${e}`;
|
|
3512
3569
|
}
|
|
3513
|
-
function
|
|
3570
|
+
function D(e) {
|
|
3514
3571
|
return `${f}-input-${e}`;
|
|
3515
3572
|
}
|
|
3516
|
-
function
|
|
3573
|
+
function k(e, t) {
|
|
3517
3574
|
let n = [];
|
|
3518
3575
|
return !u.radio && u.instructions && n.push(S.value), e.hint && n.push(E(t)), u.radio ? { "aria-describedby": n.length ? n.join(" ") : void 0 } : {
|
|
3519
3576
|
"aria-describedby": n.length ? n.join(" ") : void 0,
|
|
@@ -3522,43 +3579,43 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3522
3579
|
"aria-errormessage": m.value ? x.value : void 0
|
|
3523
3580
|
};
|
|
3524
3581
|
}
|
|
3525
|
-
return (n, r) => (
|
|
3526
|
-
default:
|
|
3527
|
-
|
|
3528
|
-
t.instructions ? (
|
|
3582
|
+
return (n, r) => (w(), i(A(C.value ? "fieldset" : "div"), h({ class: ["g-checkbox-group", { "g-checkbox-group--error": L(m) }] }, T.value), {
|
|
3583
|
+
default: K(() => [
|
|
3584
|
+
C.value && t.label ? (w(), o("legend", Ri, [c(N(t.label), 1), t.required ? (w(), o("span", zi, "\xA0*")) : a("", !0)])) : !C.value && t.label ? (w(), o("div", Bi, [c(N(t.label), 1), t.required ? (w(), o("span", Vi, "\xA0*")) : a("", !0)])) : a("", !0),
|
|
3585
|
+
t.instructions ? (w(), o("div", {
|
|
3529
3586
|
key: 2,
|
|
3530
3587
|
id: S.value,
|
|
3531
3588
|
class: "g-checkbox-group__instructions"
|
|
3532
|
-
},
|
|
3533
|
-
s("div", Ui, [(
|
|
3589
|
+
}, N(t.instructions), 9, Hi)) : a("", !0),
|
|
3590
|
+
s("div", Ui, [(w(!0), o(e, null, O(t.options, (e, n) => (w(), o("div", {
|
|
3534
3591
|
key: e.value,
|
|
3535
3592
|
class: _(["g-checkbox-group__option-wrapper", { "g-checkbox-group__option-wrapper--disabled": e.disabled }])
|
|
3536
3593
|
}, [s("label", {
|
|
3537
3594
|
class: _(["g-checkbox-group__option", { "g-checkbox-group__option--checked": v(e.value) }]),
|
|
3538
|
-
for:
|
|
3595
|
+
for: D(n)
|
|
3539
3596
|
}, [s("input", h({
|
|
3540
|
-
id:
|
|
3597
|
+
id: D(n),
|
|
3541
3598
|
type: b.value,
|
|
3542
|
-
name: t.name ||
|
|
3599
|
+
name: t.name || L(f),
|
|
3543
3600
|
value: e.value,
|
|
3544
3601
|
checked: v(e.value),
|
|
3545
3602
|
disabled: e.disabled,
|
|
3546
3603
|
required: t.required && (t.radio && n === 0 || !t.radio && t.options.length === 1),
|
|
3547
3604
|
class: "g-checkbox-group__input"
|
|
3548
|
-
}, { ref_for: !0 },
|
|
3605
|
+
}, { ref_for: !0 }, k(e, n), { onChange: (t) => y(e.value, t.target.checked) }), null, 16, Gi), s("span", Ki, N(e.label), 1)], 10, Wi), e.hint ? (w(), o("div", {
|
|
3549
3606
|
key: 0,
|
|
3550
3607
|
id: E(n),
|
|
3551
3608
|
class: "g-checkbox-group__hint"
|
|
3552
|
-
},
|
|
3609
|
+
}, N(e.hint), 9, qi)) : a("", !0)], 2))), 128))]),
|
|
3553
3610
|
l(je, {
|
|
3554
|
-
errors:
|
|
3611
|
+
errors: L(p),
|
|
3555
3612
|
id: x.value
|
|
3556
3613
|
}, null, 8, ["errors", "id"])
|
|
3557
3614
|
]),
|
|
3558
3615
|
_: 1
|
|
3559
3616
|
}, 16, ["class"]));
|
|
3560
3617
|
}
|
|
3561
|
-
}),
|
|
3618
|
+
}), Yi = ["for"], Xi = {
|
|
3562
3619
|
key: 0,
|
|
3563
3620
|
class: "g-textarea-required",
|
|
3564
3621
|
"aria-hidden": "true"
|
|
@@ -3575,7 +3632,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3575
3632
|
key: 2,
|
|
3576
3633
|
class: "g-textarea-char-count",
|
|
3577
3634
|
"aria-live": "polite"
|
|
3578
|
-
}, ea = /* @__PURE__ */
|
|
3635
|
+
}, ea = /* @__PURE__ */ u({
|
|
3579
3636
|
inheritAttrs: !1,
|
|
3580
3637
|
__name: "GTextarea",
|
|
3581
3638
|
props: /* @__PURE__ */ m({
|
|
@@ -3609,20 +3666,20 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3609
3666
|
}),
|
|
3610
3667
|
emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
|
|
3611
3668
|
setup(e, { emit: t }) {
|
|
3612
|
-
let n = e, i =
|
|
3669
|
+
let n = e, i = B(e, "modelValue"), u = z(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = fe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: v, hasErrors: y } = $({
|
|
3613
3670
|
name: n.name,
|
|
3614
3671
|
value: i,
|
|
3615
|
-
errors:
|
|
3672
|
+
errors: F(n, "errors"),
|
|
3616
3673
|
formKey: n.formKey
|
|
3617
|
-
}), b = t, x =
|
|
3674
|
+
}), b = t, x = H("textareaEl");
|
|
3618
3675
|
function S() {
|
|
3619
3676
|
let e = x.value;
|
|
3620
3677
|
e && (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
|
|
3621
3678
|
}
|
|
3622
|
-
|
|
3679
|
+
W(() => i.value, () => {
|
|
3623
3680
|
n.autoGrow && g(S);
|
|
3624
3681
|
});
|
|
3625
|
-
function
|
|
3682
|
+
function C(e) {
|
|
3626
3683
|
if (e !== i.value) {
|
|
3627
3684
|
let t = i.value;
|
|
3628
3685
|
i.value = e, b("change", {
|
|
@@ -3635,25 +3692,25 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3635
3692
|
i.value = e.target.value, n.autoGrow && S();
|
|
3636
3693
|
}
|
|
3637
3694
|
function E(e) {
|
|
3638
|
-
|
|
3695
|
+
C(e.target.value);
|
|
3639
3696
|
}
|
|
3640
3697
|
function D(e) {
|
|
3641
3698
|
setTimeout(() => {
|
|
3642
3699
|
let t = e.target.value;
|
|
3643
|
-
|
|
3700
|
+
C(t), n.autoGrow && S();
|
|
3644
3701
|
}, 0);
|
|
3645
3702
|
}
|
|
3646
|
-
return (t, r) => (
|
|
3647
|
-
n.label ? (
|
|
3703
|
+
return (t, r) => (w(), o("div", { class: _(["g-textarea-wrap", { "g-textarea-has-error": L(y) }]) }, [
|
|
3704
|
+
n.label ? (w(), o("label", {
|
|
3648
3705
|
key: 0,
|
|
3649
3706
|
for: m.value,
|
|
3650
3707
|
class: "g-textarea-label"
|
|
3651
|
-
}, [c(
|
|
3652
|
-
t.$slots.instructions || e.instructions ? (
|
|
3708
|
+
}, [c(N(n.label), 1), n.required ? (w(), o("span", Xi, " *")) : a("", !0)], 8, Yi)) : a("", !0),
|
|
3709
|
+
t.$slots.instructions || e.instructions ? (w(), o("div", {
|
|
3653
3710
|
key: 1,
|
|
3654
|
-
id: "instructions-" +
|
|
3711
|
+
id: "instructions-" + L(u),
|
|
3655
3712
|
class: "g-textarea-instructions"
|
|
3656
|
-
}, [
|
|
3713
|
+
}, [k(t.$slots, "instructions", {}, () => [c(N(e.instructions), 1)])], 8, Zi)) : a("", !0),
|
|
3657
3714
|
s("textarea", h({
|
|
3658
3715
|
ref: "textareaEl",
|
|
3659
3716
|
value: i.value ?? "",
|
|
@@ -3665,24 +3722,24 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3665
3722
|
maxlength: n.maxlength ?? void 0,
|
|
3666
3723
|
class: "g-textarea"
|
|
3667
3724
|
}, {
|
|
3668
|
-
...
|
|
3725
|
+
...L(p),
|
|
3669
3726
|
id: m.value,
|
|
3670
|
-
"aria-describedby": t.$slots.instructions || e.instructions ? "instructions-" +
|
|
3671
|
-
"aria-errormessage":
|
|
3727
|
+
"aria-describedby": t.$slots.instructions || e.instructions ? "instructions-" + L(u) : void 0,
|
|
3728
|
+
"aria-errormessage": L(y) ? "error-message-" + L(u) : void 0
|
|
3672
3729
|
}, {
|
|
3673
|
-
"aria-invalid":
|
|
3730
|
+
"aria-invalid": L(y) ? "true" : "false",
|
|
3674
3731
|
onInput: T,
|
|
3675
3732
|
onBlur: E,
|
|
3676
3733
|
onPaste: D
|
|
3677
3734
|
}), null, 16, Qi),
|
|
3678
|
-
n.maxlength === void 0 ? a("", !0) : (
|
|
3735
|
+
n.maxlength === void 0 ? a("", !0) : (w(), o("div", $i, N((i.value ?? "").length) + " / " + N(n.maxlength), 1)),
|
|
3679
3736
|
l(je, {
|
|
3680
|
-
errors:
|
|
3681
|
-
id: "error-message-" +
|
|
3737
|
+
errors: L(v),
|
|
3738
|
+
id: "error-message-" + L(u)
|
|
3682
3739
|
}, null, 8, ["errors", "id"])
|
|
3683
3740
|
], 2));
|
|
3684
3741
|
}
|
|
3685
|
-
}),
|
|
3742
|
+
}), ta = ["id", "for"], na = {
|
|
3686
3743
|
key: 0,
|
|
3687
3744
|
class: "g-multiselect-required",
|
|
3688
3745
|
"aria-hidden": "true"
|
|
@@ -3716,7 +3773,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3716
3773
|
key: 1,
|
|
3717
3774
|
"aria-live": "polite",
|
|
3718
3775
|
class: "g-multiselect-option g-multiselect-no-results"
|
|
3719
|
-
}, pa = /* @__PURE__ */
|
|
3776
|
+
}, pa = /* @__PURE__ */ u({
|
|
3720
3777
|
__name: "GMultiSelect",
|
|
3721
3778
|
props: /* @__PURE__ */ m({
|
|
3722
3779
|
options: {},
|
|
@@ -3744,27 +3801,27 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3744
3801
|
}),
|
|
3745
3802
|
emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
|
|
3746
3803
|
setup(t, { emit: n }) {
|
|
3747
|
-
let i = t, u = n, d =
|
|
3804
|
+
let i = t, u = n, d = B(t, "modelValue"), f = z(), p = D(null), m = D(null), v = D(null), y = D(!1), b = D(0), x = D(""), S = D(!1), { displayErrors: C, hasErrors: T } = $({
|
|
3748
3805
|
name: i.name,
|
|
3749
3806
|
value: d,
|
|
3750
|
-
errors:
|
|
3807
|
+
errors: F(i, "errors"),
|
|
3751
3808
|
formKey: i.formKey
|
|
3752
|
-
}), { menuPlacement:
|
|
3809
|
+
}), { menuPlacement: E, menuStyle: k, isTop: A, scrollOptionIntoView: j } = Mt({
|
|
3753
3810
|
open: y,
|
|
3754
3811
|
anchorRef: m,
|
|
3755
3812
|
listboxRef: v,
|
|
3756
3813
|
baseId: f,
|
|
3757
3814
|
activeIndex: b
|
|
3758
|
-
}),
|
|
3759
|
-
if (!x.value) return
|
|
3815
|
+
}), M = r(() => jt(i.options)), P = r(() => {
|
|
3816
|
+
if (!x.value) return M.value;
|
|
3760
3817
|
let e = x.value.toLowerCase();
|
|
3761
|
-
return
|
|
3818
|
+
return M.value.filter((t) => t.label.toLowerCase().includes(e));
|
|
3762
3819
|
});
|
|
3763
|
-
function
|
|
3820
|
+
function I(e) {
|
|
3764
3821
|
return d.value.includes(e);
|
|
3765
3822
|
}
|
|
3766
|
-
function
|
|
3767
|
-
let t =
|
|
3823
|
+
function R(e) {
|
|
3824
|
+
let t = M.value.find((t) => t.value === e);
|
|
3768
3825
|
return t ? t.label : String(e);
|
|
3769
3826
|
}
|
|
3770
3827
|
function V() {
|
|
@@ -3774,9 +3831,9 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3774
3831
|
y.value = !1, x.value = "";
|
|
3775
3832
|
}
|
|
3776
3833
|
function U(e) {
|
|
3777
|
-
let t =
|
|
3834
|
+
let t = P.value[e];
|
|
3778
3835
|
if (!t) return;
|
|
3779
|
-
let n = d.value, r =
|
|
3836
|
+
let n = d.value, r = I(t.value) ? n.filter((e) => e !== t.value) : [...n, t.value];
|
|
3780
3837
|
d.value = r, u("change", r), g(() => p.value?.focus());
|
|
3781
3838
|
}
|
|
3782
3839
|
function W(e) {
|
|
@@ -3787,7 +3844,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3787
3844
|
function G() {
|
|
3788
3845
|
i.disabled || (p.value?.focus(), y.value || V());
|
|
3789
3846
|
}
|
|
3790
|
-
function
|
|
3847
|
+
function K(e) {
|
|
3791
3848
|
x.value = e.target.value, b.value = 0, y.value || V();
|
|
3792
3849
|
}
|
|
3793
3850
|
function Y() {
|
|
@@ -3804,12 +3861,12 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3804
3861
|
function X(e) {
|
|
3805
3862
|
e.preventDefault();
|
|
3806
3863
|
}
|
|
3807
|
-
function
|
|
3864
|
+
function Z() {
|
|
3808
3865
|
S.value = !0;
|
|
3809
3866
|
}
|
|
3810
|
-
function
|
|
3867
|
+
function ne(e) {
|
|
3811
3868
|
if (i.disabled) return;
|
|
3812
|
-
let t =
|
|
3869
|
+
let t = P.value.length - 1;
|
|
3813
3870
|
switch (e.key) {
|
|
3814
3871
|
case "ArrowDown":
|
|
3815
3872
|
e.preventDefault(), y.value ? (b.value = Math.min(t, b.value + 1), j()) : V();
|
|
@@ -3824,10 +3881,10 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3824
3881
|
e.preventDefault(), b.value = t, j();
|
|
3825
3882
|
break;
|
|
3826
3883
|
case "Enter":
|
|
3827
|
-
e.preventDefault(), y.value &&
|
|
3884
|
+
e.preventDefault(), y.value && P.value.length > 0 ? U(b.value) : y.value || V();
|
|
3828
3885
|
break;
|
|
3829
3886
|
case " ":
|
|
3830
|
-
y.value && !x.value && (e.preventDefault(),
|
|
3887
|
+
y.value && !x.value && (e.preventDefault(), P.value.length > 0 && U(b.value));
|
|
3831
3888
|
break;
|
|
3832
3889
|
case "Escape":
|
|
3833
3890
|
A.value && (e.preventDefault(), setTimeout(() => H(), 0));
|
|
@@ -3837,25 +3894,25 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3837
3894
|
break;
|
|
3838
3895
|
}
|
|
3839
3896
|
}
|
|
3840
|
-
let
|
|
3897
|
+
let re = r(() => `${f}-input`), ie = r(() => `${f}-label`), ae = r(() => `${f}-instructions`), oe = r(() => `error-message-${f}`), se = r(() => {
|
|
3841
3898
|
let e = [];
|
|
3842
|
-
return i.instructions && e.push(
|
|
3899
|
+
return i.instructions && e.push(ae.value), T.value && e.push(oe.value), e.length > 0 ? e.join(" ") : void 0;
|
|
3843
3900
|
});
|
|
3844
|
-
return (n, r) => (
|
|
3901
|
+
return (n, r) => (w(), o("div", { class: _(["g-multiselect-root", {
|
|
3845
3902
|
"g-multiselect-open": y.value,
|
|
3846
|
-
"g-multiselect-has-error":
|
|
3903
|
+
"g-multiselect-has-error": L(T)
|
|
3847
3904
|
}]) }, [
|
|
3848
|
-
t.hiddenLabel ? a("", !0) : (
|
|
3905
|
+
t.hiddenLabel ? a("", !0) : (w(), o("label", {
|
|
3849
3906
|
key: 0,
|
|
3850
|
-
id:
|
|
3851
|
-
for:
|
|
3907
|
+
id: ie.value,
|
|
3908
|
+
for: re.value,
|
|
3852
3909
|
class: "g-multiselect-label"
|
|
3853
|
-
}, [c(
|
|
3854
|
-
t.instructions ? (
|
|
3910
|
+
}, [c(N(t.label), 1), t.required ? (w(), o("span", na, " *")) : a("", !0)], 8, ta)),
|
|
3911
|
+
t.instructions ? (w(), o("div", {
|
|
3855
3912
|
key: 1,
|
|
3856
|
-
id:
|
|
3913
|
+
id: ae.value,
|
|
3857
3914
|
class: "g-multiselect-instructions"
|
|
3858
|
-
},
|
|
3915
|
+
}, N(t.instructions), 9, ra)) : a("", !0),
|
|
3859
3916
|
s("div", {
|
|
3860
3917
|
ref_key: "controlRef",
|
|
3861
3918
|
ref: m,
|
|
@@ -3864,17 +3921,17 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3864
3921
|
}, [
|
|
3865
3922
|
s("ul", {
|
|
3866
3923
|
class: "g-multiselect-chips",
|
|
3867
|
-
"aria-labelledby":
|
|
3868
|
-
}, [(
|
|
3924
|
+
"aria-labelledby": ie.value
|
|
3925
|
+
}, [(w(!0), o(e, null, O(d.value, (e) => (w(), o("li", {
|
|
3869
3926
|
key: e,
|
|
3870
3927
|
class: "g-multiselect-chip"
|
|
3871
|
-
}, [s("span", aa,
|
|
3928
|
+
}, [s("span", aa, N(R(e)), 1), s("button", {
|
|
3872
3929
|
type: "button",
|
|
3873
3930
|
class: "g-multiselect-chip-remove",
|
|
3874
|
-
"aria-label": `Remove ${
|
|
3931
|
+
"aria-label": `Remove ${R(e)}`,
|
|
3875
3932
|
disabled: t.disabled,
|
|
3876
|
-
onMousedown:
|
|
3877
|
-
onClick:
|
|
3933
|
+
onMousedown: Z,
|
|
3934
|
+
onClick: J((t) => W(e), ["stop"])
|
|
3878
3935
|
}, [...r[0] ||= [s("svg", {
|
|
3879
3936
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3880
3937
|
viewBox: "0 0 51.26 51.26",
|
|
@@ -3890,7 +3947,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3890
3947
|
type: "text",
|
|
3891
3948
|
role: "combobox",
|
|
3892
3949
|
class: "g-multiselect-input",
|
|
3893
|
-
id:
|
|
3950
|
+
id: re.value,
|
|
3894
3951
|
value: x.value,
|
|
3895
3952
|
placeholder: d.value.length === 0 ? t.placeholder : void 0,
|
|
3896
3953
|
disabled: t.disabled,
|
|
@@ -3898,13 +3955,13 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3898
3955
|
"aria-autocomplete": "list",
|
|
3899
3956
|
"aria-expanded": y.value ? "true" : "false",
|
|
3900
3957
|
"aria-haspopup": "listbox",
|
|
3901
|
-
"aria-controls":
|
|
3902
|
-
"aria-activedescendant": y.value &&
|
|
3958
|
+
"aria-controls": L(f) + "-listbox",
|
|
3959
|
+
"aria-activedescendant": y.value && P.value.length > 0 ? L(f) + "-option-" + b.value : void 0
|
|
3903
3960
|
}, t.hiddenLabel ? { "aria-label": t.label } : void 0, {
|
|
3904
|
-
"aria-describedby":
|
|
3961
|
+
"aria-describedby": se.value,
|
|
3905
3962
|
"aria-required": t.required ? "true" : void 0,
|
|
3906
|
-
onInput:
|
|
3907
|
-
onKeydown:
|
|
3963
|
+
onInput: K,
|
|
3964
|
+
onKeydown: ne,
|
|
3908
3965
|
onFocus: Y,
|
|
3909
3966
|
onBlur: te
|
|
3910
3967
|
}), null, 16, sa),
|
|
@@ -3918,36 +3975,36 @@ var or = { class: "g-table-outer-wrap" }, sr = {
|
|
|
3918
3975
|
fill: "currentColor",
|
|
3919
3976
|
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"
|
|
3920
3977
|
})], -1),
|
|
3921
|
-
|
|
3978
|
+
q(s("div", h({
|
|
3922
3979
|
ref_key: "listboxRef",
|
|
3923
3980
|
ref: v,
|
|
3924
|
-
id:
|
|
3981
|
+
id: L(f) + "-listbox",
|
|
3925
3982
|
role: "listbox",
|
|
3926
3983
|
"aria-multiselectable": "true"
|
|
3927
|
-
}, t.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby":
|
|
3928
|
-
class: ["g-multiselect-listbox", { "g-multiselect-listbox--above":
|
|
3929
|
-
style:
|
|
3984
|
+
}, t.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": ie.value }, {
|
|
3985
|
+
class: ["g-multiselect-listbox", { "g-multiselect-listbox--above": L(E) === "above" }],
|
|
3986
|
+
style: L(k),
|
|
3930
3987
|
tabindex: "-1"
|
|
3931
|
-
}), [
|
|
3988
|
+
}), [P.value.length > 0 ? (w(!0), o(e, { key: 0 }, O(P.value, (e, t) => (w(), o("div", {
|
|
3932
3989
|
key: e.value,
|
|
3933
|
-
id:
|
|
3990
|
+
id: L(f) + "-option-" + t,
|
|
3934
3991
|
role: "option",
|
|
3935
3992
|
class: _(["g-multiselect-option", {
|
|
3936
3993
|
"g-multiselect-option--active": t === b.value,
|
|
3937
|
-
"g-multiselect-option--selected":
|
|
3994
|
+
"g-multiselect-option--selected": I(e.value)
|
|
3938
3995
|
}]),
|
|
3939
|
-
"aria-selected":
|
|
3996
|
+
"aria-selected": I(e.value) ? "true" : "false",
|
|
3940
3997
|
onMousedown: X,
|
|
3941
3998
|
onClick: (e) => U(t)
|
|
3942
|
-
}, [s("span", ua, [
|
|
3999
|
+
}, [s("span", ua, [I(e.value) ? (w(), o("svg", da, [...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(" " + N(e.label), 1)], 42, la))), 128)) : (w(), o("div", fa, " No results found. "))], 16, ca), [[ee, y.value]])
|
|
3943
4000
|
], 2),
|
|
3944
4001
|
l(je, {
|
|
3945
|
-
errors:
|
|
3946
|
-
id:
|
|
4002
|
+
errors: L(C),
|
|
4003
|
+
id: oe.value
|
|
3947
4004
|
}, null, 8, ["errors", "id"])
|
|
3948
4005
|
], 2));
|
|
3949
4006
|
}
|
|
3950
|
-
})
|
|
4007
|
+
});
|
|
3951
4008
|
//#endregion
|
|
3952
4009
|
//#region src/compose/useActiveLink.ts
|
|
3953
4010
|
function ma(e, t, n) {
|
|
@@ -3957,9 +4014,9 @@ function ma(e, t, n) {
|
|
|
3957
4014
|
.5,
|
|
3958
4015
|
.75,
|
|
3959
4016
|
1
|
|
3960
|
-
], i = `${-t}px 0px 0px 0px`, a = /* @__PURE__ */ new Map(), o =
|
|
4017
|
+
], i = `${-t}px 0px 0px 0px`, a = /* @__PURE__ */ new Map(), o = D(Array.from(Z(e)?.children || []));
|
|
3961
4018
|
se(e, () => {
|
|
3962
|
-
o.value = Array.from(
|
|
4019
|
+
o.value = Array.from(Z(e)?.children || []);
|
|
3963
4020
|
}, { childList: !0 });
|
|
3964
4021
|
let { stop: s } = ae(o, (e) => {
|
|
3965
4022
|
let t = o.value[o.value.length - 1];
|
|
@@ -3981,7 +4038,7 @@ function ma(e, t, n) {
|
|
|
3981
4038
|
//#endregion
|
|
3982
4039
|
//#region src/compose/useSidebar.ts
|
|
3983
4040
|
function ha(e = "(max-width: 800px)") {
|
|
3984
|
-
let t =
|
|
4041
|
+
let t = z(), n = D(!1), r = oe(e, { ssrWidth: 1e3 });
|
|
3985
4042
|
function i(e) {
|
|
3986
4043
|
if (!r.value || !n.value) return;
|
|
3987
4044
|
let i = e.target, a = document.getElementById(`${t}-sidebar`);
|
|
@@ -3997,7 +4054,7 @@ function ha(e = "(max-width: 800px)") {
|
|
|
3997
4054
|
}, 5));
|
|
3998
4055
|
}
|
|
3999
4056
|
return S(() => {
|
|
4000
|
-
|
|
4057
|
+
W(r, (e) => {
|
|
4001
4058
|
e ? (document.addEventListener("mousedown", i), document.addEventListener("focusin", a)) : (document.removeEventListener("mousedown", i), document.removeEventListener("focusin", a));
|
|
4002
4059
|
}, { immediate: !0 });
|
|
4003
4060
|
}), x(() => {
|
|
@@ -4012,9 +4069,9 @@ function ha(e = "(max-width: 800px)") {
|
|
|
4012
4069
|
//#endregion
|
|
4013
4070
|
//#region src/compose/useTableChanges.ts
|
|
4014
4071
|
function ga() {
|
|
4015
|
-
let e =
|
|
4072
|
+
let e = j(/* @__PURE__ */ new Map()), t = Y(), n = (n) => {
|
|
4016
4073
|
let r = n.column.key, i = n.row.key, a = n.value, o = n.previousValue;
|
|
4017
|
-
e.has(i) || e.set(i,
|
|
4074
|
+
e.has(i) || e.set(i, j(/* @__PURE__ */ new Map()));
|
|
4018
4075
|
let s = e.get(i), c = s.get(r), l = c ? c.previousValue : o, u = c?.error;
|
|
4019
4076
|
if (a === l) s.delete(r), s.size === 0 && e.delete(i), t.trigger({
|
|
4020
4077
|
rowKey: i,
|
|
@@ -4114,6 +4171,6 @@ function ga() {
|
|
|
4114
4171
|
};
|
|
4115
4172
|
}
|
|
4116
4173
|
//#endregion
|
|
4117
|
-
export { ke as $, $n as A, Ht as B, Pr as C, tr as D, rr as E, hn as F, it as G, wt as H, dn as I, Qe as J, et as K, ln as L, Cn as M, vn as N, ir as O, gn as P, $ as Q, on as R, Ur as S, er as T, yt as U, At as V, ft as W, qe as X, Ke as Y, Re as Z, ii as _, ea as a, Zr as b, Ii as c, Ei as d, De as et, yi as f, ci as g, fi as h, pa as i,
|
|
4174
|
+
export { ke as $, $n as A, Ht as B, Pr as C, tr as D, rr as E, hn as F, it as G, wt as H, dn as I, Qe as J, et as K, ln as L, Cn as M, vn as N, ir as O, gn as P, $ as Q, on as R, Ur as S, er as T, yt as U, At as V, ft as W, qe as X, Ke as Y, Re as Z, ii as _, ea as a, Zr as b, Ii as c, Ei as d, De as et, yi as f, ci as g, fi as h, pa as i, Q as it, Rn as j, ar as k, Pi as l, _i as m, ha as n, be as nt, Ji as o, vi as p, $e as q, ma as r, ye as rt, Li as s, ga as t, Ee as tt, Di as u, ni as v, nr as w, Yr as x, Qr as y, Qt as z };
|
|
4118
4175
|
|
|
4119
|
-
//# sourceMappingURL=grad-vue-
|
|
4176
|
+
//# sourceMappingURL=grad-vue-SX-RHHr3.js.map
|