@visma-swno/vsn-navigation 1.2.0 → 1.3.0-beta.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/dist/assets/vsn-navigation.js +347 -331
- package/dist/custom-elements.json +1 -1
- package/package.json +1 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { LitElement as e, css as t, html as n, nothing as r, svg as i, unsafeCSS as a } from "lit";
|
|
2
2
|
import { customElement as o, property as s, query as c, state as l } from "lit/decorators.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { classMap as f } from "lit/directives/class-map.js";
|
|
3
|
+
import { map as u } from "lit/directives/map.js";
|
|
4
|
+
import { classMap as d } from "lit/directives/class-map.js";
|
|
6
5
|
import { ifDefined as ee } from "lit/directives/if-defined.js";
|
|
6
|
+
import { when as f } from "lit/directives/when.js";
|
|
7
7
|
//#region \0rolldown/runtime.js
|
|
8
8
|
var te = Object.defineProperty, p = (e, t) => {
|
|
9
9
|
let n = {};
|
|
@@ -192,38 +192,38 @@ function g(e) {
|
|
|
192
192
|
function _(e) {
|
|
193
193
|
return "items" in e;
|
|
194
194
|
}
|
|
195
|
-
var
|
|
195
|
+
var de = class e extends Error {
|
|
196
196
|
constructor(t) {
|
|
197
197
|
super(t), this.name = "SearchError", Object.setPrototypeOf(this, e.prototype);
|
|
198
198
|
}
|
|
199
|
-
},
|
|
199
|
+
}, fe = ie("activeId"), pe = ie(Symbol("focus-manager")), me = "lit-localize-status", v = (e, ...t) => ({
|
|
200
200
|
strTag: !0,
|
|
201
201
|
strings: e,
|
|
202
202
|
values: t
|
|
203
|
-
}),
|
|
203
|
+
}), he = (e) => typeof e != "string" && "strTag" in e, ge = (e, t, n) => {
|
|
204
204
|
let r = e[0];
|
|
205
205
|
for (let i = 1; i < e.length; i++) r += t[n ? n[i - 1] : i - 1], r += e[i];
|
|
206
206
|
return r;
|
|
207
|
-
},
|
|
208
|
-
function
|
|
209
|
-
if (
|
|
210
|
-
|
|
207
|
+
}, _e = ((e) => he(e) ? ge(e.strings, e.values) : e), y = _e, ve = !1;
|
|
208
|
+
function ye(e) {
|
|
209
|
+
if (ve) throw Error("lit-localize can only be configured once");
|
|
210
|
+
y = e, ve = !0;
|
|
211
211
|
}
|
|
212
212
|
//#endregion
|
|
213
213
|
//#region node_modules/@lit/localize/internal/localized-controller.js
|
|
214
|
-
var
|
|
214
|
+
var be = class {
|
|
215
215
|
constructor(e) {
|
|
216
216
|
this.__litLocalizeEventHandler = (e) => {
|
|
217
217
|
e.detail.status === "ready" && this.host.requestUpdate();
|
|
218
218
|
}, this.host = e;
|
|
219
219
|
}
|
|
220
220
|
hostConnected() {
|
|
221
|
-
window.addEventListener(
|
|
221
|
+
window.addEventListener(me, this.__litLocalizeEventHandler);
|
|
222
222
|
}
|
|
223
223
|
hostDisconnected() {
|
|
224
|
-
window.removeEventListener(
|
|
224
|
+
window.removeEventListener(me, this.__litLocalizeEventHandler);
|
|
225
225
|
}
|
|
226
|
-
},
|
|
226
|
+
}, xe = (e) => e.addController(new be(e)), b = () => (e, t) => (e.addInitializer(xe), e), Se = class {
|
|
227
227
|
constructor() {
|
|
228
228
|
this.settled = !1, this.promise = new Promise((e, t) => {
|
|
229
229
|
this._resolve = e, this._reject = t;
|
|
@@ -235,80 +235,80 @@ var ve = class {
|
|
|
235
235
|
reject(e) {
|
|
236
236
|
this.settled = !0, this._reject(e);
|
|
237
237
|
}
|
|
238
|
-
},
|
|
239
|
-
for (let e = 0; e < 256; e++)
|
|
240
|
-
function
|
|
238
|
+
}, x = [];
|
|
239
|
+
for (let e = 0; e < 256; e++) x[e] = (e >> 4 & 15).toString(16) + (e & 15).toString(16);
|
|
240
|
+
function Ce(e) {
|
|
241
241
|
let t = 0, n = 8997, r = 0, i = 33826, a = 0, o = 40164, s = 0, c = 52210;
|
|
242
242
|
for (let l = 0; l < e.length; l++) n ^= e.charCodeAt(l), t = n * 435, r = i * 435, a = o * 435, s = c * 435, a += n << 8, s += i << 8, r += t >>> 16, n = t & 65535, a += r >>> 16, i = r & 65535, c = s + (a >>> 16) & 65535, o = a & 65535;
|
|
243
|
-
return
|
|
243
|
+
return x[c >> 8] + x[c & 255] + x[o >> 8] + x[o & 255] + x[i >> 8] + x[i & 255] + x[n >> 8] + x[n & 255];
|
|
244
244
|
}
|
|
245
|
-
var
|
|
246
|
-
function
|
|
247
|
-
return (t ?
|
|
245
|
+
var we = "h", Te = "s";
|
|
246
|
+
function Ee(e, t) {
|
|
247
|
+
return (t ? we : Te) + Ce(typeof e == "string" ? e : e.join(""));
|
|
248
248
|
}
|
|
249
249
|
//#endregion
|
|
250
250
|
//#region node_modules/@lit/localize/internal/runtime-msg.js
|
|
251
|
-
var
|
|
252
|
-
function
|
|
251
|
+
var De = /* @__PURE__ */ new WeakMap(), Oe = /* @__PURE__ */ new Map();
|
|
252
|
+
function ke(e, t, n) {
|
|
253
253
|
if (e) {
|
|
254
|
-
let r = e[n?.id ??
|
|
254
|
+
let r = e[n?.id ?? Ae(t)];
|
|
255
255
|
if (r) {
|
|
256
256
|
if (typeof r == "string") return r;
|
|
257
|
-
if ("strTag" in r) return
|
|
257
|
+
if ("strTag" in r) return ge(r.strings, t.values, r.values);
|
|
258
258
|
{
|
|
259
|
-
let e =
|
|
260
|
-
return e === void 0 && (e = r.values,
|
|
259
|
+
let e = De.get(r);
|
|
260
|
+
return e === void 0 && (e = r.values, De.set(r, e)), {
|
|
261
261
|
...r,
|
|
262
262
|
values: e.map((e) => t.values[e])
|
|
263
263
|
};
|
|
264
264
|
}
|
|
265
265
|
}
|
|
266
266
|
}
|
|
267
|
-
return
|
|
267
|
+
return _e(t);
|
|
268
268
|
}
|
|
269
|
-
function
|
|
270
|
-
let t = typeof e == "string" ? e : e.strings, n =
|
|
271
|
-
return n === void 0 && (n =
|
|
269
|
+
function Ae(e) {
|
|
270
|
+
let t = typeof e == "string" ? e : e.strings, n = Oe.get(t);
|
|
271
|
+
return n === void 0 && (n = Ee(t, typeof e != "string" && !("strTag" in e)), Oe.set(t, n)), n;
|
|
272
272
|
}
|
|
273
273
|
//#endregion
|
|
274
274
|
//#region node_modules/@lit/localize/init/runtime.js
|
|
275
|
-
function
|
|
276
|
-
window.dispatchEvent(new CustomEvent(
|
|
275
|
+
function S(e) {
|
|
276
|
+
window.dispatchEvent(new CustomEvent(me, { detail: e }));
|
|
277
277
|
}
|
|
278
|
-
var
|
|
279
|
-
|
|
280
|
-
var
|
|
281
|
-
getLocale:
|
|
282
|
-
setLocale:
|
|
283
|
-
}),
|
|
284
|
-
if (e === (
|
|
285
|
-
if (!T || !
|
|
278
|
+
var C = "", w, je, T, E, Me, D = new Se();
|
|
279
|
+
D.resolve();
|
|
280
|
+
var O = 0, Ne = (e) => (ye(((e, t) => ke(Me, e, t))), C = je = e.sourceLocale, T = new Set(e.targetLocales), T.add(e.sourceLocale), E = e.loadLocale, {
|
|
281
|
+
getLocale: Pe,
|
|
282
|
+
setLocale: Fe
|
|
283
|
+
}), Pe = () => C, Fe = (e) => {
|
|
284
|
+
if (e === (w ?? C)) return D.promise;
|
|
285
|
+
if (!T || !E) throw Error("Internal error");
|
|
286
286
|
if (!T.has(e)) throw Error("Invalid locale code");
|
|
287
|
-
|
|
288
|
-
let t =
|
|
289
|
-
return
|
|
287
|
+
O++;
|
|
288
|
+
let t = O;
|
|
289
|
+
return w = e, D.settled && (D = new Se()), S({
|
|
290
290
|
status: "loading",
|
|
291
291
|
loadingLocale: e
|
|
292
|
-
}), (e === je ? Promise.resolve({ templates: void 0 }) :
|
|
293
|
-
|
|
292
|
+
}), (e === je ? Promise.resolve({ templates: void 0 }) : E(e)).then((n) => {
|
|
293
|
+
O === t && (C = e, w = void 0, Me = n.templates, S({
|
|
294
294
|
status: "ready",
|
|
295
295
|
readyLocale: e
|
|
296
|
-
}),
|
|
296
|
+
}), D.resolve());
|
|
297
297
|
}, (n) => {
|
|
298
|
-
|
|
298
|
+
O === t && (S({
|
|
299
299
|
status: "error",
|
|
300
300
|
errorLocale: e,
|
|
301
301
|
errorMessage: n.toString()
|
|
302
|
-
}),
|
|
303
|
-
}),
|
|
304
|
-
},
|
|
302
|
+
}), D.reject(n));
|
|
303
|
+
}), D.promise;
|
|
304
|
+
}, Ie = () => {
|
|
305
305
|
if (typeof navigator > "u") return !1;
|
|
306
306
|
let e = navigator.userAgentData?.platform ?? navigator.platform ?? "";
|
|
307
307
|
return /mac/i.test(e);
|
|
308
|
-
},
|
|
308
|
+
}, Le = (e) => !e.shiftKey && !e.altKey && (Ie() ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey), k = (e) => e.shiftKey || e.altKey || e.ctrlKey || e.metaKey, A = (e) => !k(e), Re = () => y("Choose a service"), ze = () => y("Search"), Be = () => Ie() ? "Cmd+K" : "CTRL+K", Ve = (e) => y(v`Type at least ${e} characters to search`), He = () => y("Menu items"), Ue = () => y("Load more"), We = () => y("VSN"), Ge = "survicate-sdk", Ke = "ui-components-feedback", qe = (e) => `https://survey.survicate.com/workspaces/${e}/web_surveys.js`;
|
|
309
309
|
//#endregion
|
|
310
310
|
//#region src/shared/icons.ts
|
|
311
|
-
function
|
|
311
|
+
function j(e, t = 24, r) {
|
|
312
312
|
return n`<svg
|
|
313
313
|
xmlns="http://www.w3.org/2000/svg"
|
|
314
314
|
width="${t}"
|
|
@@ -323,23 +323,23 @@ function A(e, t = 24, r) {
|
|
|
323
323
|
class=${r ?? ""}
|
|
324
324
|
>${e}</svg>`;
|
|
325
325
|
}
|
|
326
|
-
var
|
|
326
|
+
var Je = i``, Ye = i`
|
|
327
327
|
<path d="M4 5h16"/>
|
|
328
328
|
<path d="M4 12h16"/>
|
|
329
329
|
<path d="M4 19h16"/>
|
|
330
|
-
`,
|
|
330
|
+
`, Xe = i`
|
|
331
331
|
<path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"/>
|
|
332
332
|
<path d="M20 2v4"/>
|
|
333
333
|
<path d="M22 4h-4"/>
|
|
334
334
|
<circle cx="4" cy="20" r="2"/>
|
|
335
|
-
`,
|
|
335
|
+
`, Ze = i`
|
|
336
336
|
<path d="M10.268 21a2 2 0 0 0 3.464 0"/>
|
|
337
337
|
<path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"/>
|
|
338
|
-
`,
|
|
338
|
+
`, Qe = i`
|
|
339
339
|
<path d="M10.268 21a2 2 0 0 0 3.464 0"/>
|
|
340
340
|
<path d="M11.68 2.009A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673c-.824-.85-1.678-1.731-2.21-3.348"/>
|
|
341
341
|
<circle cx="18" cy="5" r="3"/>
|
|
342
|
-
`,
|
|
342
|
+
`, $e = i`
|
|
343
343
|
<path d="M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"/>
|
|
344
344
|
<path d="M7 10v12"/>
|
|
345
345
|
`;
|
|
@@ -350,14 +350,14 @@ i`
|
|
|
350
350
|
<path d="M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2"/>
|
|
351
351
|
<path d="M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16"/>
|
|
352
352
|
`;
|
|
353
|
-
var
|
|
353
|
+
var et = i`
|
|
354
354
|
<path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"/>
|
|
355
355
|
<path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
|
|
356
|
-
`,
|
|
356
|
+
`, tt = i`
|
|
357
357
|
<circle cx="12" cy="12" r="10"/>
|
|
358
358
|
<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/>
|
|
359
359
|
<path d="M12 17h.01"/>
|
|
360
|
-
`,
|
|
360
|
+
`, nt = i`
|
|
361
361
|
<circle cx="12" cy="8" r="5"/>
|
|
362
362
|
<path d="M20 21a8 8 0 0 0-16 0"/>
|
|
363
363
|
`;
|
|
@@ -368,11 +368,11 @@ i`
|
|
|
368
368
|
<path d="M12 17v5"/>
|
|
369
369
|
<path d="M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z"/>
|
|
370
370
|
`;
|
|
371
|
-
var
|
|
371
|
+
var rt = i`
|
|
372
372
|
<path d="m16 17 5-5-5-5"/>
|
|
373
373
|
<path d="M21 12H9"/>
|
|
374
374
|
<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/>
|
|
375
|
-
`,
|
|
375
|
+
`, it = i`
|
|
376
376
|
<path d="M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6"/>
|
|
377
377
|
<path d="m21 3-9 9"/>
|
|
378
378
|
<path d="M15 3h6v6"/>
|
|
@@ -381,17 +381,17 @@ i`
|
|
|
381
381
|
<circle cx="12" cy="12" r="10"/>
|
|
382
382
|
<circle cx="12" cy="12" r="1"/>
|
|
383
383
|
`;
|
|
384
|
-
var
|
|
384
|
+
var at = i`
|
|
385
385
|
<path d="m7 15 5 5 5-5"/>
|
|
386
386
|
<path d="m7 9 5-5 5 5"/>
|
|
387
|
-
`,
|
|
387
|
+
`, ot = i`
|
|
388
388
|
<path d="m18 15-6-6-6 6"/>
|
|
389
|
-
`,
|
|
389
|
+
`, M = i`
|
|
390
390
|
<path d="m6 9 6 6 6-6"/>
|
|
391
|
-
`,
|
|
391
|
+
`, st = i`
|
|
392
392
|
<circle cx="11" cy="11" r="8"/>
|
|
393
393
|
<path d="m21 21-4.3-4.3"/>
|
|
394
|
-
`,
|
|
394
|
+
`, ct = i`
|
|
395
395
|
<circle cx="12" cy="12" r="10"/>
|
|
396
396
|
<path d="m15 9-6 6"/>
|
|
397
397
|
<path d="m9 9 6 6"/>
|
|
@@ -401,7 +401,7 @@ i`
|
|
|
401
401
|
<line x1="12" x2="12" y1="8" y2="12"/>
|
|
402
402
|
<line x1="12" x2="12.01" y1="16" y2="16"/>
|
|
403
403
|
`;
|
|
404
|
-
var
|
|
404
|
+
var lt = i`
|
|
405
405
|
<path d="M12 16h.01"/>
|
|
406
406
|
<path d="M12 8v4"/>
|
|
407
407
|
<path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"/>
|
|
@@ -412,12 +412,12 @@ i`
|
|
|
412
412
|
`, i`
|
|
413
413
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.60982 1.03843C2.99778 0.96126 3.39992 1.00087 3.76537 1.15224C4.13082 1.30362 4.44318 1.55996 4.66294 1.88886C4.8827 2.21776 5 2.60444 5 3V4H7V3C7 2.60444 7.1173 2.21776 7.33706 1.88886C7.55682 1.55996 7.86918 1.30362 8.23463 1.15224C8.60009 1.00087 9.00222 0.96126 9.39018 1.03843C9.77814 1.1156 10.1345 1.30608 10.4142 1.58579C10.6939 1.86549 10.8844 2.22186 10.9616 2.60982C11.0387 2.99778 10.9991 3.39992 10.8478 3.76537C10.6964 4.13082 10.44 4.44318 10.1111 4.66294C9.78224 4.8827 9.39556 5 9 5H8V7H9C9.39556 7 9.78224 7.1173 10.1111 7.33706C10.44 7.55682 10.6964 7.86918 10.8478 8.23463C10.9991 8.60009 11.0387 9.00222 10.9616 9.39018C10.8844 9.77814 10.6939 10.1345 10.4142 10.4142C10.1345 10.6939 9.77814 10.8844 9.39018 10.9616C9.00222 11.0387 8.60009 10.9991 8.23463 10.8478C7.86918 10.6964 7.55682 10.44 7.33706 10.1111C7.1173 9.78224 7 9.39556 7 9V8H5V9C5 9.39556 4.8827 9.78224 4.66294 10.1111C4.44318 10.44 4.13082 10.6964 3.76537 10.8478C3.39992 10.9991 2.99778 11.0387 2.60982 10.9616C2.22186 10.8844 1.86549 10.6939 1.58579 10.4142C1.30608 10.1345 1.1156 9.77814 1.03843 9.39018C0.96126 9.00222 1.00087 8.60009 1.15224 8.23463C1.30362 7.86918 1.55996 7.55682 1.88886 7.33706C2.21776 7.1173 2.60444 7 3 7H4V5H3C2.60444 5 2.21776 4.8827 1.88886 4.66294C1.55996 4.44318 1.30362 4.13082 1.15224 3.76537C1.00087 3.39992 0.96126 2.99778 1.03843 2.60982C1.1156 2.22186 1.30608 1.86549 1.58579 1.58579C1.86549 1.30608 2.22186 1.1156 2.60982 1.03843ZM4 4V3C4 2.80222 3.94135 2.60888 3.83147 2.44443C3.72159 2.27998 3.56541 2.15181 3.38268 2.07612C3.19996 2.00043 2.99889 1.98063 2.80491 2.01922C2.61093 2.0578 2.43275 2.15304 2.29289 2.29289C2.15304 2.43275 2.0578 2.61093 2.01922 2.80491C1.98063 2.99889 2.00043 3.19996 2.07612 3.38268C2.15181 3.56541 2.27998 3.72159 2.44443 3.83147C2.60888 3.94135 2.80222 4 3 4H4ZM5 5V7H7V5H5ZM4 8H3C2.80222 8 2.60888 8.05865 2.44443 8.16853C2.27998 8.27841 2.15181 8.43459 2.07612 8.61732C2.00043 8.80004 1.98063 9.00111 2.01922 9.19509C2.0578 9.38907 2.15304 9.56726 2.29289 9.70711C2.43275 9.84696 2.61093 9.9422 2.80491 9.98079C2.99889 10.0194 3.19996 9.99957 3.38268 9.92388C3.56541 9.84819 3.72159 9.72002 3.83147 9.55557C3.94135 9.39112 4 9.19778 4 9V8ZM8 8V9C8 9.19778 8.05865 9.39112 8.16853 9.55557C8.27841 9.72002 8.43459 9.84819 8.61732 9.92388C8.80004 9.99957 9.00111 10.0194 9.19509 9.98079C9.38907 9.9422 9.56726 9.84696 9.70711 9.70711C9.84696 9.56726 9.9422 9.38907 9.98079 9.19509C10.0194 9.00111 9.99957 8.80004 9.92388 8.61732C9.84819 8.43459 9.72002 8.27841 9.55557 8.16853C9.39112 8.05865 9.19778 8 9 8H8ZM8 4H9C9.19778 4 9.39112 3.94135 9.55557 3.83147C9.72002 3.72159 9.84819 3.56541 9.92388 3.38268C9.99957 3.19996 10.0194 2.99889 9.98079 2.80491C9.9422 2.61093 9.84696 2.43275 9.70711 2.29289C9.56726 2.15304 9.38907 2.0578 9.19509 2.01922C9.00111 1.98063 8.80004 2.00043 8.61732 2.07612C8.43459 2.15181 8.27841 2.27998 8.16853 2.44443C8.05865 2.60888 8 2.80222 8 3V4Z"/>
|
|
414
414
|
`;
|
|
415
|
-
var
|
|
415
|
+
var ut = i`
|
|
416
416
|
<path d="m9 18 6-6-6-6"/>
|
|
417
417
|
`;
|
|
418
418
|
//#endregion
|
|
419
419
|
//#region \0@oxc-project+runtime@0.127.0/helpers/decorate.js
|
|
420
|
-
function
|
|
420
|
+
function N(e, t, n, r) {
|
|
421
421
|
var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
|
|
422
422
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
|
|
423
423
|
else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
|
|
@@ -425,9 +425,9 @@ function M(e, t, n, r) {
|
|
|
425
425
|
}
|
|
426
426
|
//#endregion
|
|
427
427
|
//#region src/components/vsn-side-bar/vsn-menu/vsn-menu-item.ts
|
|
428
|
-
var
|
|
428
|
+
var P, F = class extends e {
|
|
429
429
|
static {
|
|
430
|
-
|
|
430
|
+
P = this;
|
|
431
431
|
}
|
|
432
432
|
static {
|
|
433
433
|
this._idCounter = 0;
|
|
@@ -461,8 +461,8 @@ var N, P = class extends e {
|
|
|
461
461
|
this._showTooltip = !1;
|
|
462
462
|
}, this._onKeyDown = (e) => {
|
|
463
463
|
let t = this.tree;
|
|
464
|
-
if (t !== void 0 && !(e.defaultPrevented ||
|
|
465
|
-
if (
|
|
464
|
+
if (t !== void 0 && !(e.defaultPrevented || k(e))) {
|
|
465
|
+
if (P.menuShortcuts.includes(e.key) && (e.preventDefault(), e.stopPropagation()), e.key === "ArrowUp") {
|
|
466
466
|
this._focusManager?.focusPrev(this);
|
|
467
467
|
return;
|
|
468
468
|
}
|
|
@@ -472,20 +472,25 @@ var N, P = class extends e {
|
|
|
472
472
|
}
|
|
473
473
|
_(t) ? this.handleKeyForParent(e.key) : this.handleKeyForLeaf(e.key);
|
|
474
474
|
}
|
|
475
|
-
}
|
|
475
|
+
};
|
|
476
|
+
let e = P._idCounter++;
|
|
477
|
+
this._tooltipId = `vsn-side-menu-item-tooltip-${e}`, this._childListId = `vsn-side-menu-item-list-${e}`;
|
|
476
478
|
}
|
|
477
479
|
focusSelf() {
|
|
478
|
-
this.querySelector("a.ga-side-navigation__item,
|
|
480
|
+
this.querySelector("a.ga-side-navigation__item, button.ga-side-navigation__item")?.focus();
|
|
479
481
|
}
|
|
480
482
|
willUpdate(e) {
|
|
481
483
|
let t = this.tree;
|
|
482
484
|
t !== void 0 && e.has("_currentActiveId") && (this._isActive = this._currentActiveId === t.id, _(t) && (this._isExpanded = this.isActiveNode(t) !== null));
|
|
483
485
|
}
|
|
484
486
|
render() {
|
|
485
|
-
let e = this.tree && _(this.tree) ? this.tree.items : [];
|
|
487
|
+
let e = this.tree !== void 0 && _(this.tree), t = this.tree && _(this.tree) ? this.tree.items : [];
|
|
486
488
|
return n`
|
|
487
489
|
${this.menuItemMarkup()}
|
|
488
|
-
${
|
|
490
|
+
${e ? n`
|
|
491
|
+
<ul class="vsn-menu__list" id="${this._childListId}" ?hidden=${!this._isExpanded}>
|
|
492
|
+
${this._isExpanded ? u(t, (e) => n`<li class="vsn-menu__item">${this.menuItem(e, this.level + 1)}</li>`) : r}
|
|
493
|
+
</ul>` : r}
|
|
489
494
|
`;
|
|
490
495
|
}
|
|
491
496
|
menuItemMarkup() {
|
|
@@ -500,17 +505,18 @@ var N, P = class extends e {
|
|
|
500
505
|
<div class="ga-tooltip ga-tooltip--right-center w-34 max-w-135">${this.tree?.label}</div>
|
|
501
506
|
</div>
|
|
502
507
|
<span class="ga-side-navigation__item-icon">
|
|
503
|
-
${e ? this._isExpanded ?
|
|
508
|
+
${e ? this._isExpanded ? j(M, 16) : j(ut, 16) : ""}
|
|
504
509
|
</span>
|
|
505
510
|
<div class="ga-side-navigation__item-content">
|
|
506
511
|
<div class="ga-side-navigation__item-label">${this.tree?.label}</div>
|
|
507
512
|
</div>
|
|
508
513
|
`;
|
|
509
514
|
return e ? n`
|
|
510
|
-
<
|
|
515
|
+
<button type="button" class="${d(r)}" aria-expanded="${this._isExpanded}" aria-controls="${this._childListId}" aria-describedby="${this._tooltipId}" data-qa-id="${ee(t)}"
|
|
511
516
|
@click=${this._handleItemClick} @mouseenter=${this._onItemMouseEnter}
|
|
512
517
|
@mouseleave=${this._onItemMouseLeave} @keydown=${this._onKeyDown}>${i}
|
|
513
|
-
</
|
|
518
|
+
</button>` : n`<a class="${d(r)}" aria-describedby="${this._tooltipId}"
|
|
519
|
+
aria-current=${ee(this._isActive ? "page" : void 0)}
|
|
514
520
|
href="${this.tree && g(this.tree) ? this.tree.url : ""}" data-qa-id="${ee(t)}"
|
|
515
521
|
@click=${this._handleItemClick} @mouseenter=${this._onItemMouseEnter}
|
|
516
522
|
@mouseleave=${this._onItemMouseLeave} @keydown=${this._onKeyDown}>${i}</a>`;
|
|
@@ -560,7 +566,7 @@ var N, P = class extends e {
|
|
|
560
566
|
this._isExpanded = !this._isExpanded, e.preventDefault(), e.stopPropagation();
|
|
561
567
|
return;
|
|
562
568
|
}
|
|
563
|
-
e.button !== 0 ||
|
|
569
|
+
e.button !== 0 || k(e) || (e.preventDefault(), e.stopPropagation(), (!this._isActive || this.hasPageTitle) && this.dispatchEvent(new CustomEvent("vsn-menu-item-changed", {
|
|
564
570
|
bubbles: !0,
|
|
565
571
|
composed: !0,
|
|
566
572
|
detail: t
|
|
@@ -568,13 +574,13 @@ var N, P = class extends e {
|
|
|
568
574
|
}
|
|
569
575
|
}
|
|
570
576
|
};
|
|
571
|
-
|
|
572
|
-
context:
|
|
577
|
+
N([s({ attribute: !1 })], F.prototype, "tree", void 0), N([s({ type: Number })], F.prototype, "level", void 0), N([ue({
|
|
578
|
+
context: fe,
|
|
573
579
|
subscribe: !0
|
|
574
|
-
}), l()],
|
|
580
|
+
}), l()], F.prototype, "_currentActiveId", void 0), N([l()], F.prototype, "_isActive", void 0), N([l()], F.prototype, "_isExpanded", void 0), N([l()], F.prototype, "_showTooltip", void 0), N([l()], F.prototype, "_tooltipPos", void 0), N([c(".ga-side-navigation__item-label")], F.prototype, "_labelEl", void 0), N([ue({ context: pe })], F.prototype, "_focusManager", void 0), N([s({ type: Boolean })], F.prototype, "hasPageTitle", void 0), F = P = N([o("vsn-menu-item")], F);
|
|
575
581
|
//#endregion
|
|
576
582
|
//#region src/components/vsn-side-bar/vsn-menu/vsn-menu.ts
|
|
577
|
-
var
|
|
583
|
+
var I = class extends e {
|
|
578
584
|
constructor(...e) {
|
|
579
585
|
super(...e), this.items = [], this._currentActiveId = "", this.currentItem = "", this.hasPageTitle = !1, this._focusManager = {
|
|
580
586
|
focusPrev: (e) => {
|
|
@@ -596,9 +602,11 @@ var F = class extends e {
|
|
|
596
602
|
render() {
|
|
597
603
|
return n`
|
|
598
604
|
<div class="flex flex-col ga-side-navigation__body h-full overflow-y-hidden">
|
|
599
|
-
<
|
|
600
|
-
|
|
601
|
-
|
|
605
|
+
<nav class="flex-1 overflow-y-auto ga-scroll" aria-label=${y("Side navigation")}>
|
|
606
|
+
<ul class="vsn-menu__list">
|
|
607
|
+
${u(this.items, (e) => n`<li class="vsn-menu__item">${this.menuItem(e)}</li>`)}
|
|
608
|
+
</ul>
|
|
609
|
+
</nav>
|
|
602
610
|
<div>
|
|
603
611
|
<slot name="nav-footer"></slot>
|
|
604
612
|
</div>
|
|
@@ -610,15 +618,15 @@ var F = class extends e {
|
|
|
610
618
|
<vsn-menu-item .tree=${e} .hasPageTitle=${this.hasPageTitle}></vsn-menu-item>`;
|
|
611
619
|
}
|
|
612
620
|
};
|
|
613
|
-
|
|
621
|
+
N([s({ attribute: !1 })], I.prototype, "items", void 0), N([le({ context: fe }), l()], I.prototype, "_currentActiveId", void 0), N([s()], I.prototype, "currentItem", void 0), N([s({ type: Boolean })], I.prototype, "hasPageTitle", void 0), N([le({ context: pe })], I.prototype, "_focusManager", void 0), I = N([b(), o("vsn-menu")], I);
|
|
614
622
|
//#endregion
|
|
615
623
|
//#region src/components/vsn-side-bar/vsn-menu/vsn-menu-button.ts
|
|
616
|
-
var
|
|
624
|
+
var L = class extends e {
|
|
617
625
|
constructor(...e) {
|
|
618
626
|
super(...e), this.label = "", this.closeOnClick = !1, this._onKeydown = (e) => {
|
|
619
|
-
e.defaultPrevented ||
|
|
627
|
+
e.defaultPrevented || A(e) && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), this.click());
|
|
620
628
|
}, this._onClick = (e) => {
|
|
621
|
-
e.defaultPrevented || e.button !== 0 ||
|
|
629
|
+
e.defaultPrevented || e.button !== 0 || k(e) || this.closeOnClick && this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
|
|
622
630
|
bubbles: !0,
|
|
623
631
|
composed: !0
|
|
624
632
|
}));
|
|
@@ -726,13 +734,13 @@ var I = class extends e {
|
|
|
726
734
|
`;
|
|
727
735
|
}
|
|
728
736
|
};
|
|
729
|
-
|
|
737
|
+
N([s()], L.prototype, "label", void 0), N([s({
|
|
730
738
|
type: Boolean,
|
|
731
739
|
attribute: "close-on-click"
|
|
732
|
-
})],
|
|
740
|
+
})], L.prototype, "closeOnClick", void 0), L = N([o("vsn-menu-button")], L);
|
|
733
741
|
//#endregion
|
|
734
742
|
//#region src/components/vsn-side-bar/vsn-menu/vsn-menu-separator.ts
|
|
735
|
-
var
|
|
743
|
+
var dt = class extends e {
|
|
736
744
|
static {
|
|
737
745
|
this.styles = [t`
|
|
738
746
|
/* flow-root establishes a BFC so the .line's margins stay contained.
|
|
@@ -756,21 +764,15 @@ var ft = class extends e {
|
|
|
756
764
|
return n`<div class="line"></div>`;
|
|
757
765
|
}
|
|
758
766
|
};
|
|
759
|
-
|
|
767
|
+
dt = N([o("vsn-menu-separator")], dt);
|
|
760
768
|
//#endregion
|
|
761
769
|
//#region src/components/vsn-side-bar/vsn-footer/vsn-footer.keyboard.ts
|
|
762
|
-
var
|
|
770
|
+
var ft = class {
|
|
763
771
|
constructor(e) {
|
|
764
772
|
this._prevExpanded = !1, this.onUserKeydown = (e) => {
|
|
765
|
-
e.defaultPrevented ||
|
|
773
|
+
e.defaultPrevented || k(e) || e.key === "Escape" && this.host.expanded && (e.preventDefault(), this.host.expanded = !1);
|
|
766
774
|
}, this.onDropdownKeydown = (e) => {
|
|
767
|
-
if (e.defaultPrevented ||
|
|
768
|
-
if (e.key === "Enter" || e.key === " ") {
|
|
769
|
-
let t = e.target;
|
|
770
|
-
t instanceof HTMLElement && t.classList.contains("ga-side-navigation__footer-dropdown-item") && (e.preventDefault(), t.click());
|
|
771
|
-
return;
|
|
772
|
-
}
|
|
773
|
-
if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
|
|
775
|
+
if (e.defaultPrevented || k(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
|
|
774
776
|
e.preventDefault();
|
|
775
777
|
let t = this.host.querySelector(".ga-side-navigation__footer-dropdown");
|
|
776
778
|
if (!t) return;
|
|
@@ -789,7 +791,7 @@ var pt = class {
|
|
|
789
791
|
} else !this.host.expanded && this._prevExpanded && this.host.querySelector(".ga-side-navigation__user")?.focus();
|
|
790
792
|
this._prevExpanded = this.host.expanded;
|
|
791
793
|
}
|
|
792
|
-
},
|
|
794
|
+
}, pt = class {
|
|
793
795
|
constructor(e, t, n) {
|
|
794
796
|
this._onPointerDown = (e) => {
|
|
795
797
|
let t = e.composedPath();
|
|
@@ -806,18 +808,18 @@ var pt = class {
|
|
|
806
808
|
hostDisconnected() {
|
|
807
809
|
document.removeEventListener("pointerdown", this._onPointerDown, !0);
|
|
808
810
|
}
|
|
809
|
-
},
|
|
810
|
-
function
|
|
811
|
+
}, mt = "initials";
|
|
812
|
+
function ht(e, t, n, r) {
|
|
811
813
|
if (!t) return;
|
|
812
814
|
let i = new URLSearchParams({
|
|
813
|
-
type:
|
|
815
|
+
type: mt,
|
|
814
816
|
size: r
|
|
815
817
|
});
|
|
816
818
|
return n && i.set("client_id", n), `${e}${t}?${i}`;
|
|
817
819
|
}
|
|
818
820
|
//#endregion
|
|
819
821
|
//#region src/components/controllers/focus-trapping-controller.ts
|
|
820
|
-
var
|
|
822
|
+
var R = class {
|
|
821
823
|
constructor(e, t, n = void 0) {
|
|
822
824
|
this._rootElement = null, this._onKeyDown = (e) => {
|
|
823
825
|
if (e.defaultPrevented || e.key !== "Tab" || e.ctrlKey || e.altKey || e.metaKey || !this._appliesCallback() || this._rootElement == null) return;
|
|
@@ -836,31 +838,31 @@ var L = class {
|
|
|
836
838
|
hostUpdated() {
|
|
837
839
|
this._rootElement == null && this._rootSelector && (this._rootElement = this._host.renderRoot.querySelector(this._rootSelector), this._rootElement != null && this._rootElement.addEventListener("keydown", this._onKeyDown));
|
|
838
840
|
}
|
|
839
|
-
},
|
|
840
|
-
profile:
|
|
841
|
-
logout:
|
|
842
|
-
},
|
|
843
|
-
profile:
|
|
844
|
-
logout:
|
|
845
|
-
}),
|
|
841
|
+
}, gt = {
|
|
842
|
+
profile: nt,
|
|
843
|
+
logout: rt
|
|
844
|
+
}, _t = () => ({
|
|
845
|
+
profile: y("My profile"),
|
|
846
|
+
logout: y("Log out")
|
|
847
|
+
}), z = class extends e {
|
|
846
848
|
createRenderRoot() {
|
|
847
849
|
return this;
|
|
848
850
|
}
|
|
849
851
|
get _items() {
|
|
850
852
|
return [{
|
|
851
853
|
id: "profile",
|
|
852
|
-
label:
|
|
854
|
+
label: _t().profile,
|
|
853
855
|
url: this.myProfileUrl
|
|
854
856
|
}, {
|
|
855
857
|
id: "logout",
|
|
856
|
-
label:
|
|
858
|
+
label: _t().logout,
|
|
857
859
|
url: "/logout"
|
|
858
860
|
}];
|
|
859
861
|
}
|
|
860
862
|
constructor() {
|
|
861
|
-
super(), this.expanded = !1, this._avatarFailed = !1, this._keyboard = new
|
|
863
|
+
super(), this.expanded = !1, this._avatarFailed = !1, this._keyboard = new ft(this), new pt(this, [".ga-side-navigation__footer-dropdown", ".ga-side-navigation__user"], () => {
|
|
862
864
|
this.expanded = !1;
|
|
863
|
-
}), new
|
|
865
|
+
}), new R(this, () => this.expanded);
|
|
864
866
|
}
|
|
865
867
|
willUpdate(e) {
|
|
866
868
|
(e.has("user") || e.has("profilePictureBaseUrl")) && (this._avatarFailed = !1);
|
|
@@ -874,9 +876,8 @@ var L = class {
|
|
|
874
876
|
@keydown=${this._keyboard.onUserKeydown}>
|
|
875
877
|
${this.expanded ? this.renderDropdown() : r}
|
|
876
878
|
|
|
877
|
-
<
|
|
878
|
-
|
|
879
|
-
tabindex="0"
|
|
879
|
+
<button
|
|
880
|
+
type="button"
|
|
880
881
|
aria-expanded="${this.expanded}"
|
|
881
882
|
aria-haspopup="menu"
|
|
882
883
|
class="ga-side-navigation__user
|
|
@@ -895,10 +896,10 @@ var L = class {
|
|
|
895
896
|
</div>
|
|
896
897
|
|
|
897
898
|
<span class="ga-side-navigation__user-action">
|
|
898
|
-
${this.expanded ?
|
|
899
|
+
${this.expanded ? j(ot, 16) : j(at, 16)}
|
|
899
900
|
</span>
|
|
900
901
|
|
|
901
|
-
</
|
|
902
|
+
</button>
|
|
902
903
|
</div>
|
|
903
904
|
`;
|
|
904
905
|
}
|
|
@@ -909,14 +910,14 @@ var L = class {
|
|
|
909
910
|
${this._items.map((e) => {
|
|
910
911
|
let t = n`
|
|
911
912
|
<span class="ga-side-navigation__footer-dropdown-icon">
|
|
912
|
-
${
|
|
913
|
+
${j(gt[e.id], 16)}
|
|
913
914
|
</span>
|
|
914
915
|
<span class="ga-side-navigation__footer-dropdown-title">
|
|
915
916
|
${e.label}
|
|
916
917
|
</span>
|
|
917
918
|
${e.external ? n`
|
|
918
919
|
<span class="ga-side-navigation__footer-dropdown-trail">
|
|
919
|
-
${
|
|
920
|
+
${j(it, 16)}
|
|
920
921
|
</span>
|
|
921
922
|
` : r}
|
|
922
923
|
`;
|
|
@@ -926,13 +927,12 @@ var L = class {
|
|
|
926
927
|
@click=${(t) => this._handleProfileClick(t, e)}>
|
|
927
928
|
${t}
|
|
928
929
|
</a>` : n`
|
|
929
|
-
<
|
|
930
|
-
|
|
931
|
-
tabindex="0"
|
|
930
|
+
<button
|
|
931
|
+
type="button"
|
|
932
932
|
class="ga-side-navigation__footer-dropdown-item"
|
|
933
933
|
@click=${(t) => this._handleClick(t, e)}>
|
|
934
934
|
${t}
|
|
935
|
-
</
|
|
935
|
+
</button>`;
|
|
936
936
|
})}
|
|
937
937
|
</div>
|
|
938
938
|
`;
|
|
@@ -957,7 +957,7 @@ var L = class {
|
|
|
957
957
|
}));
|
|
958
958
|
}
|
|
959
959
|
renderAvatar() {
|
|
960
|
-
let e =
|
|
960
|
+
let e = ht(this.profilePictureBaseUrl, this.user.userId, this.user.clientId, "small");
|
|
961
961
|
return e && !this._avatarFailed ? n`<img
|
|
962
962
|
class="ga-side-navigation__user-avatar"
|
|
963
963
|
src=${e}
|
|
@@ -965,33 +965,33 @@ var L = class {
|
|
|
965
965
|
@error=${() => {
|
|
966
966
|
this._avatarFailed = !0;
|
|
967
967
|
}}/>` : n`<span class="ga-side-navigation__user-avatar vsn-side-navigation__user-avatar--icon">
|
|
968
|
-
${
|
|
968
|
+
${j(nt, 24)}
|
|
969
969
|
</span>`;
|
|
970
970
|
}
|
|
971
971
|
};
|
|
972
|
-
|
|
972
|
+
N([s({ attribute: !1 })], z.prototype, "user", void 0), N([s()], z.prototype, "profilePictureBaseUrl", void 0), N([s()], z.prototype, "myProfileUrl", void 0), N([s({
|
|
973
973
|
type: Boolean,
|
|
974
974
|
reflect: !0
|
|
975
|
-
})],
|
|
975
|
+
})], z.prototype, "expanded", void 0), N([l()], z.prototype, "_avatarFailed", void 0), z = N([b(), o("vsn-footer")], z);
|
|
976
976
|
//#endregion
|
|
977
977
|
//#region src/components/vsn-side-bar/vsn-header/vsn-header.keyboard.ts
|
|
978
|
-
var
|
|
978
|
+
var vt = class {
|
|
979
979
|
constructor(e) {
|
|
980
980
|
this.onSwitcherKeydown = (e) => {
|
|
981
|
-
e.defaultPrevented ||
|
|
981
|
+
e.defaultPrevented || k(e) || this.host.expanded && e.key === "Escape" && this.host.requestClose() && e.preventDefault();
|
|
982
982
|
}, this.host = e, e.addController(this);
|
|
983
983
|
}
|
|
984
984
|
hostConnected() {}
|
|
985
|
-
},
|
|
985
|
+
}, B = class extends e {
|
|
986
986
|
constructor(...e) {
|
|
987
987
|
super(...e), this.items = [], this.loading = !1, this.maxHeight = 0, this._handleKeydown = (e) => {
|
|
988
988
|
if (e.defaultPrevented) return;
|
|
989
|
-
if (
|
|
989
|
+
if (A(e) && (e.key === "Enter" || e.key === " ")) {
|
|
990
990
|
let t = e.target;
|
|
991
991
|
t instanceof HTMLElement && t.classList.contains("ga-side-navigation__switcher-dropdown-item") && (e.preventDefault(), t.click());
|
|
992
992
|
return;
|
|
993
993
|
}
|
|
994
|
-
if (
|
|
994
|
+
if (k(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
|
|
995
995
|
e.preventDefault();
|
|
996
996
|
let t = Array.from(this.querySelectorAll(".ga-side-navigation__switcher-dropdown-item"));
|
|
997
997
|
if (t.length === 0) return;
|
|
@@ -1006,7 +1006,7 @@ var yt = class {
|
|
|
1006
1006
|
this.loading || this.querySelector(".ga-side-navigation__switcher-dropdown-item")?.focus();
|
|
1007
1007
|
}
|
|
1008
1008
|
_handleItemClick(e, t) {
|
|
1009
|
-
|
|
1009
|
+
k(e) || (e.preventDefault(), this.dispatchEvent(new CustomEvent("item-select", {
|
|
1010
1010
|
detail: { id: t },
|
|
1011
1011
|
bubbles: !0,
|
|
1012
1012
|
composed: !0
|
|
@@ -1017,16 +1017,16 @@ var yt = class {
|
|
|
1017
1017
|
<div class="ga-side-navigation__switcher-dropdown vsn-switcher-dropdown--loading"
|
|
1018
1018
|
role="status"
|
|
1019
1019
|
aria-busy="true"
|
|
1020
|
-
aria-label=${
|
|
1020
|
+
aria-label=${y("Loading modules")}>
|
|
1021
1021
|
<span class="vsn-spinner"></span>
|
|
1022
1022
|
</div>
|
|
1023
1023
|
` : n`
|
|
1024
1024
|
<div class="ga-side-navigation__switcher-dropdown ga-scroll"
|
|
1025
1025
|
role="menu"
|
|
1026
1026
|
style=${`max-height: ${Math.max(0, this.maxHeight)}px`}
|
|
1027
|
-
aria-label=${
|
|
1027
|
+
aria-label=${Re()}
|
|
1028
1028
|
@keydown=${this._handleKeydown}>
|
|
1029
|
-
<span class="ga-side-navigation__switcher-dropdown-header">${
|
|
1029
|
+
<span class="ga-side-navigation__switcher-dropdown-header">${Re()}</span>
|
|
1030
1030
|
${this.items.map((e) => n`
|
|
1031
1031
|
<a class="ga-side-navigation__switcher-dropdown-item"
|
|
1032
1032
|
href=${e.url ?? ""}
|
|
@@ -1039,10 +1039,10 @@ var yt = class {
|
|
|
1039
1039
|
`;
|
|
1040
1040
|
}
|
|
1041
1041
|
};
|
|
1042
|
-
|
|
1042
|
+
N([s({ attribute: !1 })], B.prototype, "items", void 0), N([s({ type: Boolean })], B.prototype, "loading", void 0), N([s({ attribute: !1 })], B.prototype, "maxHeight", void 0), B = N([b(), o("vsn-switcher-menu")], B);
|
|
1043
1043
|
//#endregion
|
|
1044
1044
|
//#region src/components/vsn-side-bar/vsn-search/vsn-search.ts
|
|
1045
|
-
var
|
|
1045
|
+
var V = class extends e {
|
|
1046
1046
|
constructor(...e) {
|
|
1047
1047
|
super(...e), this.shortcut = "", this.value = "", this.loading = !1, this._scheduleAutoSearch = () => {
|
|
1048
1048
|
this._cancelDebounce(), this._debounceTimer = window.setTimeout(this._emitSearch, 200);
|
|
@@ -1060,7 +1060,7 @@ var B = class extends e {
|
|
|
1060
1060
|
composed: !0
|
|
1061
1061
|
}));
|
|
1062
1062
|
}, this._handleEscape = (e) => {
|
|
1063
|
-
e.defaultPrevented ||
|
|
1063
|
+
e.defaultPrevented || A(e) && e.key === "Escape" && this.value.length > 0 && (e.preventDefault(), this._emitSearchCleared());
|
|
1064
1064
|
};
|
|
1065
1065
|
}
|
|
1066
1066
|
createRenderRoot() {
|
|
@@ -1085,7 +1085,7 @@ var B = class extends e {
|
|
|
1085
1085
|
this._cancelDebounce(), super.disconnectedCallback();
|
|
1086
1086
|
}
|
|
1087
1087
|
_handleEnter(e) {
|
|
1088
|
-
e.defaultPrevented ||
|
|
1088
|
+
e.defaultPrevented || A(e) && e.key === "Enter" && this._emitSearch();
|
|
1089
1089
|
}
|
|
1090
1090
|
render() {
|
|
1091
1091
|
let e = this.value.length > 0 && this.value.length < 3;
|
|
@@ -1094,20 +1094,20 @@ var B = class extends e {
|
|
|
1094
1094
|
<button
|
|
1095
1095
|
type="button"
|
|
1096
1096
|
class="vsn-search__trigger"
|
|
1097
|
-
aria-label=${
|
|
1097
|
+
aria-label=${y("Search")}
|
|
1098
1098
|
?disabled=${!this._canSearch}
|
|
1099
1099
|
@click=${this._emitSearch}>
|
|
1100
|
-
${
|
|
1100
|
+
${j(st, 24)}
|
|
1101
1101
|
</button>
|
|
1102
1102
|
<input type="search"
|
|
1103
|
-
.placeholder=${
|
|
1103
|
+
.placeholder=${ze()}
|
|
1104
1104
|
.value=${this.value}
|
|
1105
1105
|
@input=${this._handleInput}
|
|
1106
1106
|
@keydown=${this._handleEnter}/>
|
|
1107
1107
|
${this._trailingSlot()}
|
|
1108
1108
|
</div>
|
|
1109
|
-
${
|
|
1110
|
-
<div class="vsn-search__helper">${
|
|
1109
|
+
${f(e, () => n`
|
|
1110
|
+
<div class="vsn-search__helper">${Ve(3)}</div>`)}
|
|
1111
1111
|
`;
|
|
1112
1112
|
}
|
|
1113
1113
|
_trailingSlot() {
|
|
@@ -1119,13 +1119,13 @@ var B = class extends e {
|
|
|
1119
1119
|
`;
|
|
1120
1120
|
}
|
|
1121
1121
|
_spinner() {
|
|
1122
|
-
return n`<span class="vsn-spinner" role="status" aria-label=${
|
|
1122
|
+
return n`<span class="vsn-spinner" role="status" aria-label=${y("Searching")}></span>`;
|
|
1123
1123
|
}
|
|
1124
1124
|
_clearButton() {
|
|
1125
1125
|
return n`
|
|
1126
|
-
<button class="vsn-search__clear" aria-label=${
|
|
1126
|
+
<button class="vsn-search__clear" aria-label=${y("Clear search")}
|
|
1127
1127
|
@click=${this._emitSearchCleared}>
|
|
1128
|
-
${
|
|
1128
|
+
${j(ct, 16)}
|
|
1129
1129
|
</button>
|
|
1130
1130
|
`;
|
|
1131
1131
|
}
|
|
@@ -1133,17 +1133,17 @@ var B = class extends e {
|
|
|
1133
1133
|
return n`<kbd class="ga-side-navigation__search-shortcut">${this.shortcut}</kbd>`;
|
|
1134
1134
|
}
|
|
1135
1135
|
};
|
|
1136
|
-
|
|
1136
|
+
N([s()], V.prototype, "shortcut", void 0), N([s()], V.prototype, "value", void 0), N([s({ type: Boolean })], V.prototype, "loading", void 0), V = N([b(), o("vsn-search")], V);
|
|
1137
1137
|
//#endregion
|
|
1138
1138
|
//#region src/components/vsn-side-bar/vsn-header/vsn-header.ts
|
|
1139
|
-
var
|
|
1139
|
+
var H = class extends e {
|
|
1140
1140
|
createRenderRoot() {
|
|
1141
1141
|
return this;
|
|
1142
1142
|
}
|
|
1143
1143
|
constructor() {
|
|
1144
|
-
super(), this.modules = [], this.modulesLoading = !1, this.hasMenu = !1, this.moduleSwitcherMaxHeight = 0, this.searchValue = "", this.searchLoading = !1, this.expanded = !1, this._keyboard = new
|
|
1144
|
+
super(), this.modules = [], this.modulesLoading = !1, this.hasMenu = !1, this.moduleSwitcherMaxHeight = 0, this.searchValue = "", this.searchLoading = !1, this.expanded = !1, this._keyboard = new vt(this), new pt(this, [".ga-side-navigation__switcher-dropdown", ".ga-side-navigation__switcher"], () => {
|
|
1145
1145
|
this.canClose && (this.expanded = !1);
|
|
1146
|
-
}), new
|
|
1146
|
+
}), new R(this, () => this.expanded, ".vsn-switcher-anchor");
|
|
1147
1147
|
}
|
|
1148
1148
|
focus() {
|
|
1149
1149
|
let e = this.querySelector("vsn-search");
|
|
@@ -1159,20 +1159,18 @@ var V = class extends e {
|
|
|
1159
1159
|
<div class="ga-side-navigation__header">
|
|
1160
1160
|
<div class="vsn-switcher-anchor"
|
|
1161
1161
|
@keydown=${this._keyboard.onSwitcherKeydown}>
|
|
1162
|
-
<
|
|
1163
|
-
tabindex="0"
|
|
1164
|
-
role="button"
|
|
1162
|
+
<button type="button" class="ga-side-navigation__switcher ${this.expanded ? "ga-side-navigation__switcher--active" : ""}"
|
|
1165
1163
|
aria-expanded="${this.expanded}"
|
|
1166
1164
|
aria-haspopup="menu"
|
|
1167
1165
|
@click=${this._toggle}
|
|
1168
1166
|
title="">
|
|
1169
1167
|
<span class="ga-side-navigation__switcher-title">${e.title}</span>
|
|
1170
1168
|
<span class="ga-side-navigation__switcher-action">
|
|
1171
|
-
${this.canClose ? this.expanded ?
|
|
1169
|
+
${this.canClose ? this.expanded ? j(M, 16) : j(at, 16) : j(Je, 16)}
|
|
1172
1170
|
</span>
|
|
1173
|
-
</
|
|
1171
|
+
</button>
|
|
1174
1172
|
|
|
1175
|
-
${
|
|
1173
|
+
${f(this.expanded, () => n`
|
|
1176
1174
|
<vsn-switcher-menu
|
|
1177
1175
|
.items=${e.kind === "loading" ? [] : e.available}
|
|
1178
1176
|
.loading=${e.kind === "loading"}
|
|
@@ -1181,9 +1179,9 @@ var V = class extends e {
|
|
|
1181
1179
|
</vsn-switcher-menu>`)}
|
|
1182
1180
|
</div>
|
|
1183
1181
|
|
|
1184
|
-
${
|
|
1182
|
+
${f(this.search?.enabled, () => n`
|
|
1185
1183
|
<vsn-search
|
|
1186
|
-
.shortcut=${
|
|
1184
|
+
.shortcut=${Be()}
|
|
1187
1185
|
.value=${this.searchValue}
|
|
1188
1186
|
.loading=${this.searchLoading}>
|
|
1189
1187
|
</vsn-search>`)}
|
|
@@ -1193,7 +1191,7 @@ var V = class extends e {
|
|
|
1193
1191
|
get _state() {
|
|
1194
1192
|
if (this.modulesLoading) return {
|
|
1195
1193
|
kind: "loading",
|
|
1196
|
-
title: this.activeModuleLabel ||
|
|
1194
|
+
title: this.activeModuleLabel || We()
|
|
1197
1195
|
};
|
|
1198
1196
|
let e = this.modules.find((e) => e.id === this.activeModuleId);
|
|
1199
1197
|
return e ? {
|
|
@@ -1202,7 +1200,7 @@ var V = class extends e {
|
|
|
1202
1200
|
available: this.modules.filter((t) => t.id !== e.id)
|
|
1203
1201
|
} : {
|
|
1204
1202
|
kind: "no-active",
|
|
1205
|
-
title:
|
|
1203
|
+
title: We(),
|
|
1206
1204
|
available: this.modules
|
|
1207
1205
|
};
|
|
1208
1206
|
}
|
|
@@ -1240,16 +1238,16 @@ var V = class extends e {
|
|
|
1240
1238
|
}), !0);
|
|
1241
1239
|
}
|
|
1242
1240
|
};
|
|
1243
|
-
|
|
1241
|
+
N([s({ attribute: !1 })], H.prototype, "modules", void 0), N([s()], H.prototype, "activeModuleId", void 0), N([s()], H.prototype, "activeModuleLabel", void 0), N([s({ type: Boolean })], H.prototype, "modulesLoading", void 0), N([s({ type: Boolean })], H.prototype, "hasMenu", void 0), N([s({ attribute: !1 })], H.prototype, "moduleSwitcherMaxHeight", void 0), N([s({ attribute: !1 })], H.prototype, "search", void 0), N([s()], H.prototype, "searchValue", void 0), N([s({ type: Boolean })], H.prototype, "searchLoading", void 0), N([s({
|
|
1244
1242
|
type: Boolean,
|
|
1245
1243
|
reflect: !0
|
|
1246
|
-
})],
|
|
1244
|
+
})], H.prototype, "expanded", void 0), H = N([b(), o("vsn-header")], H);
|
|
1247
1245
|
//#endregion
|
|
1248
1246
|
//#region src/components/vsn-side-bar/vsn-search-results/vsn-search-results.keyboard.ts
|
|
1249
|
-
var
|
|
1247
|
+
var yt = class {
|
|
1250
1248
|
constructor(e) {
|
|
1251
1249
|
this.onResultsKeydown = (e) => {
|
|
1252
|
-
if (e.defaultPrevented ||
|
|
1250
|
+
if (e.defaultPrevented || k(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
|
|
1253
1251
|
e.preventDefault();
|
|
1254
1252
|
let t = Array.from(this.host.querySelectorAll(".ga-side-navigation__search-results-item"));
|
|
1255
1253
|
if (t.length === 0) return;
|
|
@@ -1260,9 +1258,9 @@ var bt = class {
|
|
|
1260
1258
|
}, this.host = e, e.addController(this);
|
|
1261
1259
|
}
|
|
1262
1260
|
hostConnected() {}
|
|
1263
|
-
},
|
|
1261
|
+
}, bt, U = class extends e {
|
|
1264
1262
|
static {
|
|
1265
|
-
|
|
1263
|
+
bt = this;
|
|
1266
1264
|
}
|
|
1267
1265
|
createRenderRoot() {
|
|
1268
1266
|
return this;
|
|
@@ -1284,7 +1282,7 @@ var bt = class {
|
|
|
1284
1282
|
}
|
|
1285
1283
|
}, this._onItemMouseLeave = () => {
|
|
1286
1284
|
this._showTooltip = !1;
|
|
1287
|
-
}, this._tooltipId = `vsn-search-result-item-tooltip-${
|
|
1285
|
+
}, this._tooltipId = `vsn-search-result-item-tooltip-${bt._idCounter++}`;
|
|
1288
1286
|
}
|
|
1289
1287
|
render() {
|
|
1290
1288
|
let e = this.item;
|
|
@@ -1318,12 +1316,12 @@ var bt = class {
|
|
|
1318
1316
|
}));
|
|
1319
1317
|
}
|
|
1320
1318
|
};
|
|
1321
|
-
|
|
1319
|
+
N([s({ attribute: !1 })], U.prototype, "item", void 0), N([l()], U.prototype, "_showTooltip", void 0), N([l()], U.prototype, "_tooltipPos", void 0), N([c(".ga-side-navigation__search-results-item-label")], U.prototype, "_labelEl", void 0), U = bt = N([o("vsn-search-result-item")], U);
|
|
1322
1320
|
//#endregion
|
|
1323
1321
|
//#region src/components/vsn-side-bar/vsn-search-results/vsn-search-results.ts
|
|
1324
1322
|
var W = class extends e {
|
|
1325
1323
|
constructor(...e) {
|
|
1326
|
-
super(...e), this.loadingMore = !1, this._keyboard = new
|
|
1324
|
+
super(...e), this.loadingMore = !1, this._keyboard = new yt(this);
|
|
1327
1325
|
}
|
|
1328
1326
|
createRenderRoot() {
|
|
1329
1327
|
return this;
|
|
@@ -1334,10 +1332,10 @@ var W = class extends e {
|
|
|
1334
1332
|
_emptyState() {
|
|
1335
1333
|
return n`
|
|
1336
1334
|
<div class="vsn-search-results__empty" role="status" aria-live="polite">
|
|
1337
|
-
<div class="vsn-search-results__empty-title">${
|
|
1338
|
-
<div class="vsn-search-results__empty-message">${
|
|
1339
|
-
<div class="vsn-search-results__empty-hint">${
|
|
1340
|
-
<div class="vsn-search-results__empty-support">${
|
|
1335
|
+
<div class="vsn-search-results__empty-title">${y("No results found")}</div>
|
|
1336
|
+
<div class="vsn-search-results__empty-message">${y("We couldn't find any matches.")}</div>
|
|
1337
|
+
<div class="vsn-search-results__empty-hint">${y("Try different keywords or check spelling.")}</div>
|
|
1338
|
+
<div class="vsn-search-results__empty-support">${y("Need help? Contact support.")}</div>
|
|
1341
1339
|
</div>
|
|
1342
1340
|
`;
|
|
1343
1341
|
}
|
|
@@ -1353,19 +1351,19 @@ var W = class extends e {
|
|
|
1353
1351
|
return n`
|
|
1354
1352
|
<div class="ga-side-navigation__body h-full ga-scroll"
|
|
1355
1353
|
@keydown=${this._keyboard.onResultsKeydown}>
|
|
1356
|
-
<div class="ga-side-navigation__search-results-title">
|
|
1357
|
-
${
|
|
1354
|
+
<div class="ga-side-navigation__search-results-title" role="status" aria-live="polite" aria-atomic="true">
|
|
1355
|
+
${y(t === 1 ? v`${t} result` : v`${t} results`)}
|
|
1358
1356
|
</div>
|
|
1359
1357
|
${e.map((e) => n`
|
|
1360
1358
|
<vsn-search-result-item .item=${e}></vsn-search-result-item>
|
|
1361
1359
|
`)}
|
|
1362
|
-
${
|
|
1360
|
+
${f(this.nextCursor, () => n`
|
|
1363
1361
|
<button
|
|
1364
1362
|
type="button"
|
|
1365
1363
|
class="vsn-search-results__load-more"
|
|
1366
1364
|
?disabled=${this.loadingMore}
|
|
1367
1365
|
@click=${this._onLoadMore}>
|
|
1368
|
-
${
|
|
1366
|
+
${Ue()}
|
|
1369
1367
|
</button>
|
|
1370
1368
|
`)}
|
|
1371
1369
|
</div>
|
|
@@ -1378,7 +1376,7 @@ var W = class extends e {
|
|
|
1378
1376
|
}));
|
|
1379
1377
|
}
|
|
1380
1378
|
};
|
|
1381
|
-
|
|
1379
|
+
N([s({ attribute: !1 })], W.prototype, "results", void 0), N([s()], W.prototype, "errorMessage", void 0), N([s()], W.prototype, "nextCursor", void 0), N([s({ type: Boolean })], W.prototype, "loadingMore", void 0), W = N([b(), o("vsn-search-results")], W);
|
|
1382
1380
|
//#endregion
|
|
1383
1381
|
//#region src/components/vsn-side-bar/vsn-template/vsn-template.ts
|
|
1384
1382
|
var xt = [
|
|
@@ -1396,7 +1394,7 @@ var xt = [
|
|
|
1396
1394
|
<div class="ga-side-navigation__body h-full"
|
|
1397
1395
|
role="status"
|
|
1398
1396
|
aria-busy="true"
|
|
1399
|
-
aria-label=${
|
|
1397
|
+
aria-label=${y("Loading results")}>
|
|
1400
1398
|
${xt.map((e) => n`
|
|
1401
1399
|
<div class="vsn-template__row">
|
|
1402
1400
|
<div class="vsn-template__bar" style="width: ${e}px"></div>
|
|
@@ -1406,7 +1404,7 @@ var xt = [
|
|
|
1406
1404
|
`;
|
|
1407
1405
|
}
|
|
1408
1406
|
};
|
|
1409
|
-
St =
|
|
1407
|
+
St = N([b(), o("vsn-template")], St);
|
|
1410
1408
|
//#endregion
|
|
1411
1409
|
//#region src/components/vsn-side-bar/vsn-error-state/vsn-error-state.ts
|
|
1412
1410
|
var Ct = class extends e {
|
|
@@ -1416,16 +1414,16 @@ var Ct = class extends e {
|
|
|
1416
1414
|
render() {
|
|
1417
1415
|
return n`
|
|
1418
1416
|
<div class="vsn-error-state" role="alert" aria-live="assertive">
|
|
1419
|
-
<div class="vsn-error-state__icon">${
|
|
1420
|
-
<div class="vsn-error-state__title">${
|
|
1421
|
-
<div class="vsn-error-state__message">${
|
|
1422
|
-
<div class="vsn-error-state__hint">${
|
|
1423
|
-
<div class="vsn-error-state__support">${
|
|
1417
|
+
<div class="vsn-error-state__icon">${j(lt, 24)}</div>
|
|
1418
|
+
<div class="vsn-error-state__title">${y("Loading error")}</div>
|
|
1419
|
+
<div class="vsn-error-state__message">${y("We're unable to load the menu.")}</div>
|
|
1420
|
+
<div class="vsn-error-state__hint">${y("Please check your internet connection and try again.")}</div>
|
|
1421
|
+
<div class="vsn-error-state__support">${y("If the issue persists, reload the page or contact support.")}</div>
|
|
1424
1422
|
</div>
|
|
1425
1423
|
`;
|
|
1426
1424
|
}
|
|
1427
1425
|
};
|
|
1428
|
-
Ct =
|
|
1426
|
+
Ct = N([b(), o("vsn-error-state")], Ct);
|
|
1429
1427
|
//#endregion
|
|
1430
1428
|
//#region src/components/vsn-side-bar/vsn-search-scopes/vsn-search-scopes.ts
|
|
1431
1429
|
var wt, G = class extends e {
|
|
@@ -1443,7 +1441,7 @@ var wt, G = class extends e {
|
|
|
1443
1441
|
}
|
|
1444
1442
|
render() {
|
|
1445
1443
|
return this.scopes.length <= 1 ? n`` : n`
|
|
1446
|
-
<div class="ga-radio-group" role="radiogroup" aria-label=${
|
|
1444
|
+
<div class="ga-radio-group" role="radiogroup" aria-label=${y("Search scope")}>
|
|
1447
1445
|
${this.scopes.map((e) => this._renderScope(e))}
|
|
1448
1446
|
</div>
|
|
1449
1447
|
`;
|
|
@@ -1472,7 +1470,7 @@ var wt, G = class extends e {
|
|
|
1472
1470
|
}));
|
|
1473
1471
|
}
|
|
1474
1472
|
};
|
|
1475
|
-
|
|
1473
|
+
N([s({ attribute: !1 })], G.prototype, "scopes", void 0), N([s()], G.prototype, "selectedScopeId", void 0), G = wt = N([b(), o("vsn-search-scopes")], G);
|
|
1476
1474
|
//#endregion
|
|
1477
1475
|
//#region src/shared/lang/locale-codes.ts
|
|
1478
1476
|
var Tt = "en", Et = [
|
|
@@ -1484,13 +1482,12 @@ var Tt = "en", Et = [
|
|
|
1484
1482
|
], Dt = /* @__PURE__ */ p({ templates: () => Ot }), Ot = {
|
|
1485
1483
|
s09a45db408570a7a: "Min profil",
|
|
1486
1484
|
s119f9875b7d4cdfc: "Har du brug for hjælp? Kontakt support.",
|
|
1487
|
-
s1228605ee65ddefa:
|
|
1488
|
-
s2bb33291ef8ae3d4:
|
|
1485
|
+
s1228605ee65ddefa: v`${0} resultat`,
|
|
1486
|
+
s2bb33291ef8ae3d4: v`Indtast mindst ${0} tegn for at søge`,
|
|
1489
1487
|
s2be8f715fbd00dcb: "Vi fandt ingen matchende resultater.",
|
|
1490
|
-
s301876182accccad: " › ",
|
|
1491
1488
|
s3112f1ca236c8a61: "Indlæsningsfejl",
|
|
1492
1489
|
s352719d86112de9a: "Hjælp",
|
|
1493
|
-
s387a4a41718122cb:
|
|
1490
|
+
s387a4a41718122cb: v`${0} resultater`,
|
|
1494
1491
|
s3fb7db4771812f0c: "Hvis problemet fortsætter, genindlæs siden eller kontakt support.",
|
|
1495
1492
|
s4b0c6b66b4efd7d8: "Vælg en tjeneste",
|
|
1496
1493
|
s5be3c6d61cd9182f: "Notifikationer",
|
|
@@ -1507,20 +1504,23 @@ var Tt = "en", Et = [
|
|
|
1507
1504
|
sb64127e4e4f0b575: "Log ud",
|
|
1508
1505
|
sbb588bb505779122: "Feedback",
|
|
1509
1506
|
sd9582ea5f8f8ac5d: "Åbn AI-assistent",
|
|
1507
|
+
sd1b2ae9109b29cf0: "Sidenavigation",
|
|
1510
1508
|
sdb2bf46270cfda6c: "Brødkrumme",
|
|
1511
1509
|
sfbf31f663cef6cc2: "Prøv andre søgeord eller tjek stavningen.",
|
|
1512
1510
|
s7c510419ea376840: "VSN",
|
|
1513
|
-
s38385cd359b17f7a: "Loading modules"
|
|
1511
|
+
s38385cd359b17f7a: "Loading modules",
|
|
1512
|
+
s842e9f4f6fdb5901: "Søgeomfang",
|
|
1513
|
+
s5d369be551a4dd7a: "Menupunkter",
|
|
1514
|
+
s7584ded3d749c75e: "Indlæs mere"
|
|
1514
1515
|
}, kt = /* @__PURE__ */ p({ templates: () => At }), At = {
|
|
1515
1516
|
s09a45db408570a7a: "Oma profiili",
|
|
1516
1517
|
s119f9875b7d4cdfc: "Tarvitsetko apua? Ota yhteyttä tukeen.",
|
|
1517
|
-
s1228605ee65ddefa:
|
|
1518
|
-
s2bb33291ef8ae3d4:
|
|
1518
|
+
s1228605ee65ddefa: v`${0} tulos`,
|
|
1519
|
+
s2bb33291ef8ae3d4: v`Kirjoita vähintään ${0} merkkiä hakua varten`,
|
|
1519
1520
|
s2be8f715fbd00dcb: "Emme löytäneet osumia.",
|
|
1520
|
-
s301876182accccad: " › ",
|
|
1521
1521
|
s3112f1ca236c8a61: "Latausvirhe",
|
|
1522
1522
|
s352719d86112de9a: "Ohje",
|
|
1523
|
-
s387a4a41718122cb:
|
|
1523
|
+
s387a4a41718122cb: v`${0} tulosta`,
|
|
1524
1524
|
s3fb7db4771812f0c: "Jos ongelma jatkuu, lataa sivu uudelleen tai ota yhteyttä tukeen.",
|
|
1525
1525
|
s4b0c6b66b4efd7d8: "Valitse palvelu",
|
|
1526
1526
|
s5be3c6d61cd9182f: "Ilmoitukset",
|
|
@@ -1537,20 +1537,23 @@ var Tt = "en", Et = [
|
|
|
1537
1537
|
sb64127e4e4f0b575: "Kirjaudu ulos",
|
|
1538
1538
|
sbb588bb505779122: "Palaute",
|
|
1539
1539
|
sd9582ea5f8f8ac5d: "Avaa AI-avustaja",
|
|
1540
|
+
sd1b2ae9109b29cf0: "Sivunavigaatio",
|
|
1540
1541
|
sdb2bf46270cfda6c: "Murupolku",
|
|
1541
1542
|
sfbf31f663cef6cc2: "Kokeile eri hakusanoja tai tarkista kirjoitusasu.",
|
|
1542
1543
|
s7c510419ea376840: "VSN",
|
|
1543
|
-
s38385cd359b17f7a: "Loading modules"
|
|
1544
|
+
s38385cd359b17f7a: "Loading modules",
|
|
1545
|
+
s842e9f4f6fdb5901: "Hakuala",
|
|
1546
|
+
s5d369be551a4dd7a: "Valikkokohteet",
|
|
1547
|
+
s7584ded3d749c75e: "Lataa lisää"
|
|
1544
1548
|
}, jt = /* @__PURE__ */ p({ templates: () => Mt }), Mt = {
|
|
1545
1549
|
s09a45db408570a7a: "Mijn profiel",
|
|
1546
1550
|
s119f9875b7d4cdfc: "Hulp nodig? Neem contact op met ondersteuning.",
|
|
1547
|
-
s1228605ee65ddefa:
|
|
1548
|
-
s2bb33291ef8ae3d4:
|
|
1551
|
+
s1228605ee65ddefa: v`${0} resultaat`,
|
|
1552
|
+
s2bb33291ef8ae3d4: v`Typ minimaal ${0} tekens om te zoeken`,
|
|
1549
1553
|
s2be8f715fbd00dcb: "We konden geen overeenkomsten vinden.",
|
|
1550
|
-
s301876182accccad: " › ",
|
|
1551
1554
|
s3112f1ca236c8a61: "Laadingsfout",
|
|
1552
1555
|
s352719d86112de9a: "Hulp",
|
|
1553
|
-
s387a4a41718122cb:
|
|
1556
|
+
s387a4a41718122cb: v`${0} resultaten`,
|
|
1554
1557
|
s3fb7db4771812f0c: "Als het probleem aanhoudt, laad de pagina opnieuw of neem contact op met ondersteuning.",
|
|
1555
1558
|
s4b0c6b66b4efd7d8: "Kies een service",
|
|
1556
1559
|
s5be3c6d61cd9182f: "Meldingen",
|
|
@@ -1567,20 +1570,23 @@ var Tt = "en", Et = [
|
|
|
1567
1570
|
sb64127e4e4f0b575: "Uitloggen",
|
|
1568
1571
|
sbb588bb505779122: "Feedback",
|
|
1569
1572
|
sd9582ea5f8f8ac5d: "AI-assistent openen",
|
|
1573
|
+
sd1b2ae9109b29cf0: "Zijnavigatie",
|
|
1570
1574
|
sdb2bf46270cfda6c: "Broodkruimel",
|
|
1571
1575
|
sfbf31f663cef6cc2: "Probeer andere zoekwoorden of controleer de spelling.",
|
|
1572
1576
|
s7c510419ea376840: "VSN",
|
|
1573
|
-
s38385cd359b17f7a: "Loading modules"
|
|
1577
|
+
s38385cd359b17f7a: "Loading modules",
|
|
1578
|
+
s842e9f4f6fdb5901: "Zoekbereik",
|
|
1579
|
+
s5d369be551a4dd7a: "Menu-items",
|
|
1580
|
+
s7584ded3d749c75e: "Meer laden"
|
|
1574
1581
|
}, Nt = /* @__PURE__ */ p({ templates: () => Pt }), Pt = {
|
|
1575
1582
|
s09a45db408570a7a: "Min profil",
|
|
1576
1583
|
s119f9875b7d4cdfc: "Trenger du hjelp? Kontakt støtte.",
|
|
1577
|
-
s1228605ee65ddefa:
|
|
1578
|
-
s2bb33291ef8ae3d4:
|
|
1584
|
+
s1228605ee65ddefa: v`${0} resultat`,
|
|
1585
|
+
s2bb33291ef8ae3d4: v`Skriv inn minst ${0} tegn for å søke`,
|
|
1579
1586
|
s2be8f715fbd00dcb: "Vi fant ingen treff.",
|
|
1580
|
-
s301876182accccad: " › ",
|
|
1581
1587
|
s3112f1ca236c8a61: "Lastingsfeil",
|
|
1582
1588
|
s352719d86112de9a: "Hjelp",
|
|
1583
|
-
s387a4a41718122cb:
|
|
1589
|
+
s387a4a41718122cb: v`${0} resultater`,
|
|
1584
1590
|
s3fb7db4771812f0c: "Hvis problemet vedvarer, last inn siden på nytt eller kontakt støtte.",
|
|
1585
1591
|
s4b0c6b66b4efd7d8: "Velg en tjeneste",
|
|
1586
1592
|
s5be3c6d61cd9182f: "Varsler",
|
|
@@ -1597,20 +1603,23 @@ var Tt = "en", Et = [
|
|
|
1597
1603
|
sb64127e4e4f0b575: "Logg ut",
|
|
1598
1604
|
sbb588bb505779122: "Tilbakemelding",
|
|
1599
1605
|
sd9582ea5f8f8ac5d: "Åpne AI-assistent",
|
|
1606
|
+
sd1b2ae9109b29cf0: "Sidenavigasjon",
|
|
1600
1607
|
sdb2bf46270cfda6c: "Brødsmule",
|
|
1601
1608
|
sfbf31f663cef6cc2: "Prøv andre søkeord eller sjekk stavemåten.",
|
|
1602
1609
|
s7c510419ea376840: "VSN",
|
|
1603
|
-
s38385cd359b17f7a: "Loading modules"
|
|
1610
|
+
s38385cd359b17f7a: "Loading modules",
|
|
1611
|
+
s842e9f4f6fdb5901: "Søkeomfang",
|
|
1612
|
+
s5d369be551a4dd7a: "Menyelementer",
|
|
1613
|
+
s7584ded3d749c75e: "Last inn mer"
|
|
1604
1614
|
}, Ft = /* @__PURE__ */ p({ templates: () => It }), It = {
|
|
1605
1615
|
s09a45db408570a7a: "Min profil",
|
|
1606
1616
|
s119f9875b7d4cdfc: "Behöver du hjälp? Kontakta support.",
|
|
1607
|
-
s1228605ee65ddefa:
|
|
1608
|
-
s2bb33291ef8ae3d4:
|
|
1617
|
+
s1228605ee65ddefa: v`${0} resultat`,
|
|
1618
|
+
s2bb33291ef8ae3d4: v`Skriv minst ${0} tecken för att söka`,
|
|
1609
1619
|
s2be8f715fbd00dcb: "Vi hittade inga matchningar.",
|
|
1610
|
-
s301876182accccad: " › ",
|
|
1611
1620
|
s3112f1ca236c8a61: "Laddningsfel",
|
|
1612
1621
|
s352719d86112de9a: "Hjälp",
|
|
1613
|
-
s387a4a41718122cb:
|
|
1622
|
+
s387a4a41718122cb: v`${0} resultat`,
|
|
1614
1623
|
s3fb7db4771812f0c: "Om problemet kvarstår, ladda om sidan eller kontakta support.",
|
|
1615
1624
|
s4b0c6b66b4efd7d8: "Välj en tjänst",
|
|
1616
1625
|
s5be3c6d61cd9182f: "Aviseringar",
|
|
@@ -1627,17 +1636,21 @@ var Tt = "en", Et = [
|
|
|
1627
1636
|
sb64127e4e4f0b575: "Logga ut",
|
|
1628
1637
|
sbb588bb505779122: "Feedback",
|
|
1629
1638
|
sd9582ea5f8f8ac5d: "Öppna AI-assistent",
|
|
1639
|
+
sd1b2ae9109b29cf0: "Sidnavigering",
|
|
1630
1640
|
sdb2bf46270cfda6c: "Brödsmula",
|
|
1631
1641
|
sfbf31f663cef6cc2: "Prova andra sökord eller kontrollera stavningen.",
|
|
1632
1642
|
s7c510419ea376840: "VSN",
|
|
1633
|
-
s38385cd359b17f7a: "Loading modules"
|
|
1643
|
+
s38385cd359b17f7a: "Loading modules",
|
|
1644
|
+
s842e9f4f6fdb5901: "Sökområde",
|
|
1645
|
+
s5d369be551a4dd7a: "Menyalternativ",
|
|
1646
|
+
s7584ded3d749c75e: "Läs in mer"
|
|
1634
1647
|
}, Lt = {
|
|
1635
1648
|
da: Dt,
|
|
1636
1649
|
fi: kt,
|
|
1637
1650
|
nl: jt,
|
|
1638
1651
|
no: Nt,
|
|
1639
1652
|
sv: Ft
|
|
1640
|
-
}, { getLocale: Rt, setLocale: zt } =
|
|
1653
|
+
}, { getLocale: Rt, setLocale: zt } = Ne({
|
|
1641
1654
|
sourceLocale: Tt,
|
|
1642
1655
|
targetLocales: Et,
|
|
1643
1656
|
loadLocale: (e) => Lt[e] ? Promise.resolve(Lt[e]) : Promise.reject(/* @__PURE__ */ Error(`Unknown locale: ${e}`))
|
|
@@ -1925,7 +1938,7 @@ var Tt = "en", Et = [
|
|
|
1925
1938
|
}, Yt = "button:not([disabled]), a[href], [tabindex]:not([tabindex=\"-1\"])", Xt = class {
|
|
1926
1939
|
constructor(e) {
|
|
1927
1940
|
this.onKeydown = (e) => {
|
|
1928
|
-
if (e.defaultPrevented ||
|
|
1941
|
+
if (e.defaultPrevented || k(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
|
|
1929
1942
|
let t = this.host.renderRoot.querySelector("slot[name=\"nav-footer\"]");
|
|
1930
1943
|
if (!t) return;
|
|
1931
1944
|
let n = [];
|
|
@@ -1948,6 +1961,17 @@ var Tt = "en", Et = [
|
|
|
1948
1961
|
}
|
|
1949
1962
|
`, Qt = t`
|
|
1950
1963
|
@layer components {
|
|
1964
|
+
.vsn-menu__list {
|
|
1965
|
+
list-style: none;
|
|
1966
|
+
margin: 0;
|
|
1967
|
+
padding: 0;
|
|
1968
|
+
}
|
|
1969
|
+
|
|
1970
|
+
.vsn-menu__item {
|
|
1971
|
+
margin: 0;
|
|
1972
|
+
padding: 0;
|
|
1973
|
+
}
|
|
1974
|
+
|
|
1951
1975
|
.ga-side-navigation__item:focus-visible::after {
|
|
1952
1976
|
position: absolute;
|
|
1953
1977
|
inset: 3px;
|
|
@@ -1959,6 +1983,23 @@ var Tt = "en", Et = [
|
|
|
1959
1983
|
content: var(--tw-content);
|
|
1960
1984
|
}
|
|
1961
1985
|
}
|
|
1986
|
+
`, $t = t`
|
|
1987
|
+
@layer base {
|
|
1988
|
+
button:where(.ga-side-navigation__item),
|
|
1989
|
+
button:where(.ga-side-navigation__switcher),
|
|
1990
|
+
button:where(.ga-side-navigation__user),
|
|
1991
|
+
button:where(.ga-side-navigation__footer-dropdown-item) {
|
|
1992
|
+
appearance: none;
|
|
1993
|
+
background: none;
|
|
1994
|
+
border: 0;
|
|
1995
|
+
padding: 0;
|
|
1996
|
+
font: inherit;
|
|
1997
|
+
text-align: left;
|
|
1998
|
+
width: 100%;
|
|
1999
|
+
cursor: pointer;
|
|
2000
|
+
color: inherit;
|
|
2001
|
+
}
|
|
2002
|
+
}
|
|
1962
2003
|
`, K = class extends e {
|
|
1963
2004
|
static {
|
|
1964
2005
|
this.styles = [
|
|
@@ -1967,6 +2008,7 @@ var Tt = "en", Et = [
|
|
|
1967
2008
|
Vt,
|
|
1968
2009
|
Qt,
|
|
1969
2010
|
Bt,
|
|
2011
|
+
$t,
|
|
1970
2012
|
Ht,
|
|
1971
2013
|
Ut,
|
|
1972
2014
|
Wt,
|
|
@@ -2009,7 +2051,7 @@ var Tt = "en", Et = [
|
|
|
2009
2051
|
composed: !0
|
|
2010
2052
|
}))), this._resizeObserver = new ResizeObserver((e) => {
|
|
2011
2053
|
this._observeMenuSize(e);
|
|
2012
|
-
}), this._resizeObserver.observe(this), new
|
|
2054
|
+
}), this._resizeObserver.observe(this), new R(this, () => this.open);
|
|
2013
2055
|
}
|
|
2014
2056
|
_observeMenuSize(e) {
|
|
2015
2057
|
this._moduleSwitcherMaxHeight = Math.max(0, e[0].contentRect.height - 134);
|
|
@@ -2075,7 +2117,7 @@ var Tt = "en", Et = [
|
|
|
2075
2117
|
this._searchResults = t.results, this._searchNextCursor = t.nextCursor, this._searchLoading = !1, this._searchAbort = void 0;
|
|
2076
2118
|
} catch (e) {
|
|
2077
2119
|
if (this._searchAbort !== r) return;
|
|
2078
|
-
e instanceof
|
|
2120
|
+
e instanceof de ? (this._searchError = e.message, this._searchResults = void 0) : console.error("Search function rejected with non-SearchError:", e), this._searchLoading = !1, this._searchAbort = void 0;
|
|
2079
2121
|
}
|
|
2080
2122
|
}
|
|
2081
2123
|
async _loadMore() {
|
|
@@ -2095,7 +2137,7 @@ var Tt = "en", Et = [
|
|
|
2095
2137
|
this._searchResults = [...this._searchResults ?? [], ...n.results], this._searchNextCursor = n.nextCursor, this._searchLoadingMore = !1, this._searchAbort = void 0;
|
|
2096
2138
|
} catch (e) {
|
|
2097
2139
|
if (this._searchAbort !== t) return;
|
|
2098
|
-
e instanceof
|
|
2140
|
+
e instanceof de ? (this._searchError = e.message, this._searchResults = void 0, this._searchNextCursor = void 0) : console.error("Load-more function rejected with non-SearchError:", e), this._searchLoadingMore = !1, this._searchAbort = void 0;
|
|
2099
2141
|
}
|
|
2100
2142
|
}
|
|
2101
2143
|
_filterTree(e) {
|
|
@@ -2182,7 +2224,7 @@ var Tt = "en", Et = [
|
|
|
2182
2224
|
<vsn-search-scopes
|
|
2183
2225
|
.scopes=${[{
|
|
2184
2226
|
id: "menu",
|
|
2185
|
-
label:
|
|
2227
|
+
label: He()
|
|
2186
2228
|
}, ...e.map((e) => ({
|
|
2187
2229
|
id: e.id,
|
|
2188
2230
|
label: e.label
|
|
@@ -2206,15 +2248,15 @@ var Tt = "en", Et = [
|
|
|
2206
2248
|
`;
|
|
2207
2249
|
}
|
|
2208
2250
|
};
|
|
2209
|
-
|
|
2251
|
+
N([s({ attribute: !1 })], K.prototype, "modules", void 0), N([s()], K.prototype, "activeModuleId", void 0), N([s()], K.prototype, "activeModuleLabel", void 0), N([s({ type: Boolean })], K.prototype, "modulesLoading", void 0), N([s()], K.prototype, "lang", void 0), N([s({ attribute: !1 })], K.prototype, "auth", void 0), N([s({ type: Boolean })], K.prototype, "error", void 0), N([s({
|
|
2210
2252
|
type: Boolean,
|
|
2211
2253
|
reflect: !0
|
|
2212
|
-
})], K.prototype, "open", void 0),
|
|
2254
|
+
})], K.prototype, "open", void 0), N([s({ attribute: !1 })], K.prototype, "menu", void 0), N([l()], K.prototype, "_searchQuery", void 0), N([l()], K.prototype, "_searchResults", void 0), N([l()], K.prototype, "_searchLoading", void 0), N([l()], K.prototype, "_activeScopeId", void 0), N([l()], K.prototype, "_searchError", void 0), N([l()], K.prototype, "_searchNextCursor", void 0), N([l()], K.prototype, "_searchLoadingMore", void 0), N([l()], K.prototype, "_moduleSwitcherMaxHeight", void 0), N([l()], K.prototype, "_hasPageTitle", void 0), K = N([o("vsn-side-bar")], K);
|
|
2213
2255
|
//#endregion
|
|
2214
2256
|
//#region src/components/vsn-top-bar/vsn-breadcrumb-menu-item.ts
|
|
2215
|
-
var
|
|
2257
|
+
var q, J = class extends e {
|
|
2216
2258
|
static {
|
|
2217
|
-
|
|
2259
|
+
q = this;
|
|
2218
2260
|
}
|
|
2219
2261
|
static {
|
|
2220
2262
|
this._idCounter = 0;
|
|
@@ -2234,15 +2276,15 @@ var $t, q = class extends e {
|
|
|
2234
2276
|
}, this._onItemMouseLeave = () => {
|
|
2235
2277
|
this._showTooltip = !1;
|
|
2236
2278
|
}, this._onKeyDown = (e) => {
|
|
2237
|
-
e.defaultPrevented ||
|
|
2279
|
+
e.defaultPrevented || k(e) || (e.key === "Enter" || e.key === " " ? (e.preventDefault(), this._isExpanded = !this._isExpanded) : e.key === "ArrowRight" ? (e.preventDefault(), this._isExpanded = !0) : e.key === "ArrowLeft" && (e.preventDefault(), this._isExpanded = !1));
|
|
2238
2280
|
}, this._onClick = (e) => {
|
|
2239
2281
|
if (e.defaultPrevented) return;
|
|
2240
2282
|
if (this._isParent()) {
|
|
2241
|
-
if (
|
|
2283
|
+
if (k(e)) return;
|
|
2242
2284
|
e.preventDefault(), this._isExpanded = !this._isExpanded;
|
|
2243
2285
|
return;
|
|
2244
2286
|
}
|
|
2245
|
-
if (!this.tree || e.button !== 0 ||
|
|
2287
|
+
if (!this.tree || e.button !== 0 || k(e)) return;
|
|
2246
2288
|
e.preventDefault();
|
|
2247
2289
|
let t = [...this.ancestorPath, this.tree];
|
|
2248
2290
|
this.dispatchEvent(new CustomEvent("vsn-breadcrumb-menu-leaf-select", {
|
|
@@ -2250,7 +2292,7 @@ var $t, q = class extends e {
|
|
|
2250
2292
|
bubbles: !0,
|
|
2251
2293
|
composed: !0
|
|
2252
2294
|
}));
|
|
2253
|
-
}, this._tooltipId = `vsn-menu-item-tooltip-${
|
|
2295
|
+
}, this._tooltipId = `vsn-menu-item-tooltip-${q._idCounter++}`, new R(this, () => this._isExpanded);
|
|
2254
2296
|
}
|
|
2255
2297
|
createRenderRoot() {
|
|
2256
2298
|
return this;
|
|
@@ -2258,12 +2300,12 @@ var $t, q = class extends e {
|
|
|
2258
2300
|
render() {
|
|
2259
2301
|
return n`
|
|
2260
2302
|
${this._menuItemMarkup()}
|
|
2261
|
-
${
|
|
2303
|
+
${f(this._isExpanded, () => n`${this._getExpandedMenu()}`)}
|
|
2262
2304
|
`;
|
|
2263
2305
|
}
|
|
2264
2306
|
_getExpandedMenu() {
|
|
2265
2307
|
return n`
|
|
2266
|
-
${
|
|
2308
|
+
${u(this._getTreeItems(this.tree), (e) => this._menuItem(e, this.level + 1))}
|
|
2267
2309
|
`;
|
|
2268
2310
|
}
|
|
2269
2311
|
_menuItemMarkup() {
|
|
@@ -2276,16 +2318,16 @@ var $t, q = class extends e {
|
|
|
2276
2318
|
<div class="ga-tooltip ga-tooltip--right-start" style="white-space: nowrap">${e}</div>
|
|
2277
2319
|
</div>
|
|
2278
2320
|
<span class="ga-side-navigation__item-icon">
|
|
2279
|
-
${this._isParent() ? this._isExpanded ?
|
|
2321
|
+
${this._isParent() ? this._isExpanded ? j(M, 16) : j(ut, 16) : ""}
|
|
2280
2322
|
</span>
|
|
2281
2323
|
<div class="ga-side-navigation__item-content">
|
|
2282
2324
|
<div class="ga-side-navigation__item-label">${e}</div>
|
|
2283
2325
|
</div>
|
|
2284
2326
|
`;
|
|
2285
2327
|
return this._isParent() ? n`
|
|
2286
|
-
<div class="${
|
|
2328
|
+
<div class="${d(t)}" role="button" tabindex="0" aria-expanded=${this._isExpanded} aria-describedby="${this._tooltipId}" @click=${this._onClick} @keydown=${this._onKeyDown}
|
|
2287
2329
|
@mouseenter=${this._onItemMouseEnter} @mouseleave=${this._onItemMouseLeave}>${r}
|
|
2288
|
-
</div>` : n`<a class="${
|
|
2330
|
+
</div>` : n`<a class="${d(t)}" aria-describedby="${this._tooltipId}"
|
|
2289
2331
|
href="${this.tree && g(this.tree) ? this.tree.url : ""}" @click=${this._onClick}
|
|
2290
2332
|
@mouseenter=${this._onItemMouseEnter} @mouseleave=${this._onItemMouseLeave}>${r}</a>`;
|
|
2291
2333
|
}
|
|
@@ -2300,13 +2342,13 @@ var $t, q = class extends e {
|
|
|
2300
2342
|
if (this.tree && _(this.tree)) return this.tree.items.length > 0;
|
|
2301
2343
|
}
|
|
2302
2344
|
};
|
|
2303
|
-
|
|
2345
|
+
N([s({ attribute: !1 })], J.prototype, "tree", void 0), N([s({ type: Number })], J.prototype, "level", void 0), N([s({ type: Array })], J.prototype, "ancestorPath", void 0), N([l()], J.prototype, "_isExpanded", void 0), N([l()], J.prototype, "_showTooltip", void 0), N([l()], J.prototype, "_tooltipPos", void 0), N([c(".ga-side-navigation__item-label")], J.prototype, "_labelEl", void 0), J = q = N([o("vsn-breadcrumb-menu-item")], J);
|
|
2304
2346
|
//#endregion
|
|
2305
2347
|
//#region src/components/vsn-top-bar/vsn-breadcrumb-menu.ts
|
|
2306
|
-
var
|
|
2348
|
+
var en = class extends e {
|
|
2307
2349
|
constructor() {
|
|
2308
2350
|
super(), this._handleKeyDown = (e) => {
|
|
2309
|
-
if (e.defaultPrevented ||
|
|
2351
|
+
if (e.defaultPrevented || k(e)) return;
|
|
2310
2352
|
if (e.key === "Escape") {
|
|
2311
2353
|
e.preventDefault(), this.dispatchEvent(new CustomEvent("vsn-breadcrumb-menu-close", {
|
|
2312
2354
|
bubbles: !0,
|
|
@@ -2323,7 +2365,7 @@ var J = class extends e {
|
|
|
2323
2365
|
if (!t.length) return;
|
|
2324
2366
|
let n = t.indexOf(e.target);
|
|
2325
2367
|
n !== -1 && (e.preventDefault(), e.key === "ArrowDown" ? n < t.length - 1 && t[n + 1].focus() : n > 0 && t[n - 1].focus());
|
|
2326
|
-
}, new
|
|
2368
|
+
}, new R(this, () => !0);
|
|
2327
2369
|
}
|
|
2328
2370
|
createRenderRoot() {
|
|
2329
2371
|
return this;
|
|
@@ -2344,13 +2386,13 @@ var J = class extends e {
|
|
|
2344
2386
|
style="height: auto; overflow: visible; width: auto; min-width: var(--ga-size-160); max-width: 512px; border-radius: var(--ga-radius); border: var(--ga-size-border-width-sm) solid var(--ga-color-border-primary); background: var(--ga-color-surface-primary);">
|
|
2345
2387
|
<div class="ga-side-navigation__body overflow-y-auto ga-scroll"
|
|
2346
2388
|
style="overflow-x: hidden; max-height: 60vh;">
|
|
2347
|
-
${
|
|
2389
|
+
${u(this.treeList, (e) => this.menuItem(e))}
|
|
2348
2390
|
</div>
|
|
2349
2391
|
</div>
|
|
2350
2392
|
`;
|
|
2351
2393
|
}
|
|
2352
2394
|
};
|
|
2353
|
-
|
|
2395
|
+
N([s({ attribute: !1 })], en.prototype, "treeList", void 0), en = N([o("vsn-breadcrumb-menu")], en);
|
|
2354
2396
|
//#endregion
|
|
2355
2397
|
//#region src/components/vsn-top-bar/vsn-breadcrumbs.ts
|
|
2356
2398
|
var Y = class extends e {
|
|
@@ -2427,25 +2469,6 @@ var Y = class extends e {
|
|
|
2427
2469
|
text-decoration: none;
|
|
2428
2470
|
}
|
|
2429
2471
|
|
|
2430
|
-
.ga-breadcrumb-item.ga-breadcrumb-item--ancestor .ga-breadcrumb-item__trigger {
|
|
2431
|
-
color: var(--ga-color-text-body);
|
|
2432
|
-
cursor: default;
|
|
2433
|
-
}
|
|
2434
|
-
|
|
2435
|
-
.ga-breadcrumb-item.ga-breadcrumb-item--ancestor .ga-breadcrumb-item__trigger .ga-breadcrumb-item__label {
|
|
2436
|
-
color: var(--ga-color-text-body);
|
|
2437
|
-
}
|
|
2438
|
-
|
|
2439
|
-
.ga-breadcrumb-item.ga-breadcrumb-item--ancestor .ga-breadcrumb-item__trigger:hover {
|
|
2440
|
-
background-color: transparent;
|
|
2441
|
-
color: var(--ga-color-text-body);
|
|
2442
|
-
}
|
|
2443
|
-
|
|
2444
|
-
.ga-breadcrumb-item.ga-breadcrumb-item--ancestor .ga-breadcrumb-item__trigger:hover .ga-breadcrumb-item__label {
|
|
2445
|
-
text-decoration: none;
|
|
2446
|
-
color: var(--ga-color-text-body);
|
|
2447
|
-
}
|
|
2448
|
-
|
|
2449
2472
|
/* Focus indicator for keyboard navigation inside breadcrumb dropdowns */
|
|
2450
2473
|
.ga-breadcrumb-item__menu .ga-side-navigation__item:focus-visible {
|
|
2451
2474
|
outline: var(--_focus-ring-offset) solid var(--ga-color-border-focus);
|
|
@@ -2633,7 +2656,7 @@ var Y = class extends e {
|
|
|
2633
2656
|
}
|
|
2634
2657
|
_renderLeafAsAncestor(e) {
|
|
2635
2658
|
return n`
|
|
2636
|
-
<div class="ga-breadcrumb-item ga-breadcrumb-item--link
|
|
2659
|
+
<div class="ga-breadcrumb-item ga-breadcrumb-item--link"
|
|
2637
2660
|
aria-describedby=${this._tooltip ? "vsn-breadcrumb-tooltip" : r}
|
|
2638
2661
|
data-tooltip-label="${e.label ?? ""}" @mouseenter=${this._onBreadcrumbMouseEnter}
|
|
2639
2662
|
@mouseleave=${this._onBreadcrumbMouseLeave} @click="${() => this._onLeafAsAncestorClick(e)}">
|
|
@@ -2752,7 +2775,7 @@ var Y = class extends e {
|
|
|
2752
2775
|
}
|
|
2753
2776
|
render() {
|
|
2754
2777
|
return n`
|
|
2755
|
-
<nav aria-label=${
|
|
2778
|
+
<nav aria-label=${y("Breadcrumb")}>
|
|
2756
2779
|
<div class="ga-breadcrumb">
|
|
2757
2780
|
${this._displayMode === "full" ? this._renderFullBreadcrumbs() : this._displayMode === "overflow" ? this._renderOverflowBreadcrumbs() : this._renderMobileBreadcrumbs()}
|
|
2758
2781
|
</div>
|
|
@@ -2766,10 +2789,10 @@ var Y = class extends e {
|
|
|
2766
2789
|
`;
|
|
2767
2790
|
}
|
|
2768
2791
|
};
|
|
2769
|
-
|
|
2792
|
+
N([s({ attribute: !1 })], Y.prototype, "tree", void 0), N([s({ type: Array })], Y.prototype, "modules", void 0), N([s()], Y.prototype, "activeModuleId", void 0), N([s({ type: Boolean })], Y.prototype, "modulesLoading", void 0), N([l()], Y.prototype, "_openPopoverId", void 0), N([l()], Y.prototype, "_displayMode", void 0), N([l()], Y.prototype, "_overflowCount", void 0), N([l()], Y.prototype, "_tooltip", void 0), Y = N([b(), o("vsn-breadcrumbs")], Y);
|
|
2770
2793
|
//#endregion
|
|
2771
2794
|
//#region src/components/vsn-top-bar/vsn-ai-assistant.ts
|
|
2772
|
-
var
|
|
2795
|
+
var tn = class extends e {
|
|
2773
2796
|
createRenderRoot() {
|
|
2774
2797
|
return this;
|
|
2775
2798
|
}
|
|
@@ -2783,13 +2806,13 @@ var en = class extends e {
|
|
|
2783
2806
|
render() {
|
|
2784
2807
|
return n`
|
|
2785
2808
|
<button type="button" class="ga-button ga-button--secondary ga-button--icon-only"
|
|
2786
|
-
aria-label=${
|
|
2787
|
-
<span class="ga-icon">${
|
|
2809
|
+
aria-label=${y("Open AI assistant")} @click=${this._handleClick}>
|
|
2810
|
+
<span class="ga-icon">${j(Xe)}</span>
|
|
2788
2811
|
</button>
|
|
2789
2812
|
`;
|
|
2790
2813
|
}
|
|
2791
2814
|
};
|
|
2792
|
-
|
|
2815
|
+
tn = N([b(), o("vsn-ai-assistant")], tn);
|
|
2793
2816
|
//#endregion
|
|
2794
2817
|
//#region src/components/vsn-top-bar/vsn-feedback.ts
|
|
2795
2818
|
var X = class extends e {
|
|
@@ -2808,8 +2831,8 @@ var X = class extends e {
|
|
|
2808
2831
|
if (super.updated(e), e.has("feedback") && this.feedback?.workspaceId && !document.getElementById("survicate-sdk") && !window._sva) {
|
|
2809
2832
|
window._sva = window._sva ?? {}, window._sva.forcedLanguage = this.lang;
|
|
2810
2833
|
let e = document.createElement("script");
|
|
2811
|
-
e.id =
|
|
2812
|
-
|
|
2834
|
+
e.id = Ge, e.src = qe(this.feedback.workspaceId), e.async = !0, e.onload = () => this._applyVisitorTraits(), e.onerror = () => {
|
|
2835
|
+
e.remove(), window._sva = void 0;
|
|
2813
2836
|
}, document.head.appendChild(e);
|
|
2814
2837
|
}
|
|
2815
2838
|
if (e.has("auth")) {
|
|
@@ -2820,16 +2843,9 @@ var X = class extends e {
|
|
|
2820
2843
|
}
|
|
2821
2844
|
_applyVisitorTraits() {
|
|
2822
2845
|
let e = this.auth?.user.userEmail;
|
|
2823
|
-
if (!e)
|
|
2824
|
-
|
|
2825
|
-
|
|
2826
|
-
}
|
|
2827
|
-
if (!window._sva?.setVisitorTraits) {
|
|
2828
|
-
let e = !!document.getElementById(Ke);
|
|
2829
|
-
this.feedback?.workspaceId && console.warn(e ? "[vsn-feedback] setVisitorTraits skipped: Survicate SDK not initialized yet" : "[vsn-feedback] setVisitorTraits skipped: Survicate SDK script not present");
|
|
2830
|
-
return;
|
|
2831
|
-
}
|
|
2832
|
-
window._sva.setVisitorTraits({ email: e }), this._traitSet = !0;
|
|
2846
|
+
if (!e) return;
|
|
2847
|
+
let t = window._sva?.setVisitorTraits;
|
|
2848
|
+
t && (t({ email: e }), this._traitSet = !0);
|
|
2833
2849
|
}
|
|
2834
2850
|
disconnectedCallback() {
|
|
2835
2851
|
super.disconnectedCallback(), this._mqMobile.removeEventListener("change", this._handleMediaChange), this._traitSet && window._sva?.reset?.();
|
|
@@ -2838,26 +2854,26 @@ var X = class extends e {
|
|
|
2838
2854
|
this.dispatchEvent(new CustomEvent("vsn-feedback", {
|
|
2839
2855
|
bubbles: !0,
|
|
2840
2856
|
composed: !0
|
|
2841
|
-
})), this.feedback?.surveyId && (this._applyVisitorTraits(), window._sva?.invokeEvent?.(
|
|
2857
|
+
})), this.feedback?.surveyId && (this._applyVisitorTraits(), window._sva?.invokeEvent?.(Ke));
|
|
2842
2858
|
}
|
|
2843
2859
|
render() {
|
|
2844
2860
|
return this._compact ? n`
|
|
2845
2861
|
<button type="button" class="ga-button ga-button--secondary ga-button--icon-only"
|
|
2846
|
-
aria-label=${
|
|
2847
|
-
<span class="ga-icon">${
|
|
2862
|
+
aria-label=${y("Send feedback")} @click=${this._handleClick}>
|
|
2863
|
+
<span class="ga-icon">${j($e)}</span>
|
|
2848
2864
|
</button>
|
|
2849
2865
|
` : n`
|
|
2850
|
-
<button type="button" class="ga-button ga-button--secondary" aria-label=${
|
|
2866
|
+
<button type="button" class="ga-button ga-button--secondary" aria-label=${y("Send feedback")}
|
|
2851
2867
|
@click=${this._handleClick}>
|
|
2852
|
-
${
|
|
2868
|
+
${y("Feedback")}
|
|
2853
2869
|
</button>
|
|
2854
2870
|
`;
|
|
2855
2871
|
}
|
|
2856
2872
|
};
|
|
2857
|
-
|
|
2873
|
+
N([l()], X.prototype, "_compact", void 0), N([s({ attribute: !1 })], X.prototype, "feedback", void 0), N([s({ attribute: !1 })], X.prototype, "auth", void 0), N([s()], X.prototype, "lang", void 0), X = N([b(), o("vsn-feedback")], X);
|
|
2858
2874
|
//#endregion
|
|
2859
2875
|
//#region src/components/vsn-top-bar/vsn-home.ts
|
|
2860
|
-
var
|
|
2876
|
+
var nn = class extends e {
|
|
2861
2877
|
createRenderRoot() {
|
|
2862
2878
|
return this;
|
|
2863
2879
|
}
|
|
@@ -2865,7 +2881,7 @@ var tn = class extends e {
|
|
|
2865
2881
|
e.preventDefault(), this.landingPageUrl && this.dispatchEvent(new CustomEvent("vsn-navigate", {
|
|
2866
2882
|
detail: {
|
|
2867
2883
|
id: "home",
|
|
2868
|
-
label:
|
|
2884
|
+
label: y("Home"),
|
|
2869
2885
|
url: this.landingPageUrl
|
|
2870
2886
|
},
|
|
2871
2887
|
bubbles: !0,
|
|
@@ -2874,17 +2890,17 @@ var tn = class extends e {
|
|
|
2874
2890
|
}
|
|
2875
2891
|
render() {
|
|
2876
2892
|
return this.landingPageUrl ? n`
|
|
2877
|
-
<a href=${this.landingPageUrl} class="ga-button ga-button--ghost ga-button--icon-only" aria-label=${
|
|
2893
|
+
<a href=${this.landingPageUrl} class="ga-button ga-button--ghost ga-button--icon-only" aria-label=${y("Home")}
|
|
2878
2894
|
@click=${this._handleClick}>
|
|
2879
|
-
<span class="ga-icon">${
|
|
2895
|
+
<span class="ga-icon">${j(et)}</span>
|
|
2880
2896
|
</a>
|
|
2881
2897
|
` : r;
|
|
2882
2898
|
}
|
|
2883
2899
|
};
|
|
2884
|
-
|
|
2900
|
+
N([s({ attribute: "landing-page-url" })], nn.prototype, "landingPageUrl", void 0), nn = N([b(), o("vsn-home")], nn);
|
|
2885
2901
|
//#endregion
|
|
2886
2902
|
//#region src/components/vsn-top-bar/vsn-menu-toggle.ts
|
|
2887
|
-
var
|
|
2903
|
+
var rn = class extends e {
|
|
2888
2904
|
createRenderRoot() {
|
|
2889
2905
|
return this;
|
|
2890
2906
|
}
|
|
@@ -2906,25 +2922,25 @@ var nn = class extends e {
|
|
|
2906
2922
|
}
|
|
2907
2923
|
render() {
|
|
2908
2924
|
return n`
|
|
2909
|
-
<button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${
|
|
2925
|
+
<button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${y("Open menu")}
|
|
2910
2926
|
aria-describedby="vsn-menu-toggle-tooltip"
|
|
2911
2927
|
@click=${this._handleClick}
|
|
2912
2928
|
@mouseenter=${this._onActivate}
|
|
2913
2929
|
@mouseleave=${this._onDeactivate}>
|
|
2914
|
-
<span class="ga-icon">${
|
|
2930
|
+
<span class="ga-icon">${j(Ye)}</span>
|
|
2915
2931
|
</button>
|
|
2916
2932
|
<div id="vsn-menu-toggle-tooltip" role="tooltip"
|
|
2917
2933
|
style="position: fixed; inset: unset; margin: 0; padding: 0; border: none; background: transparent; overflow: visible; pointer-events: none; z-index: 9999;"
|
|
2918
2934
|
popover="manual">
|
|
2919
|
-
<div class="ga-tooltip ga-tooltip--bottom-start" style="white-space: nowrap">${
|
|
2935
|
+
<div class="ga-tooltip ga-tooltip--bottom-start" style="white-space: nowrap">${Be()}</div>
|
|
2920
2936
|
</div>
|
|
2921
2937
|
`;
|
|
2922
2938
|
}
|
|
2923
2939
|
};
|
|
2924
|
-
|
|
2940
|
+
N([c("div[role=\"tooltip\"]", !0)], rn.prototype, "_tooltipElement", void 0), rn = N([b(), o("vsn-menu-toggle")], rn);
|
|
2925
2941
|
//#endregion
|
|
2926
2942
|
//#region src/components/vsn-top-bar/vsn-notifications.ts
|
|
2927
|
-
var
|
|
2943
|
+
var an = class extends e {
|
|
2928
2944
|
constructor(...e) {
|
|
2929
2945
|
super(...e), this.notificationActive = !1;
|
|
2930
2946
|
}
|
|
@@ -2939,23 +2955,23 @@ var rn = class extends e {
|
|
|
2939
2955
|
}));
|
|
2940
2956
|
}
|
|
2941
2957
|
render() {
|
|
2942
|
-
let e = this.notificationActive ?
|
|
2958
|
+
let e = this.notificationActive ? Qe : Ze;
|
|
2943
2959
|
return n`
|
|
2944
2960
|
<button type="button" class="ga-button ga-button--secondary ga-button--icon-only"
|
|
2945
|
-
aria-label=${
|
|
2946
|
-
<span class="ga-icon">${
|
|
2961
|
+
aria-label=${y("Notifications")} @click=${this._handleClick}>
|
|
2962
|
+
<span class="ga-icon">${j(e)}</span>
|
|
2947
2963
|
</button>
|
|
2948
2964
|
`;
|
|
2949
2965
|
}
|
|
2950
2966
|
};
|
|
2951
|
-
|
|
2967
|
+
N([s({
|
|
2952
2968
|
type: Boolean,
|
|
2953
2969
|
attribute: "notification-active",
|
|
2954
2970
|
reflect: !0
|
|
2955
|
-
})],
|
|
2971
|
+
})], an.prototype, "notificationActive", void 0), an = N([b(), o("vsn-notifications")], an);
|
|
2956
2972
|
//#endregion
|
|
2957
2973
|
//#region src/components/vsn-top-bar/vsn-help.ts
|
|
2958
|
-
function
|
|
2974
|
+
function on(e) {
|
|
2959
2975
|
try {
|
|
2960
2976
|
let t = new URL(e);
|
|
2961
2977
|
return t.protocol === "https:" || t.protocol === "http:";
|
|
@@ -2975,25 +2991,25 @@ var Z = class extends e {
|
|
|
2975
2991
|
}));
|
|
2976
2992
|
}
|
|
2977
2993
|
render() {
|
|
2978
|
-
return this.helpUrl &&
|
|
2994
|
+
return this.helpUrl && on(this.helpUrl) ? n`
|
|
2979
2995
|
<a href=${this.helpUrl} target="_blank" rel="noopener noreferrer" class="ga-button ga-button--secondary ga-button--icon-only"
|
|
2980
|
-
aria-label=${
|
|
2981
|
-
<span class="ga-icon">${
|
|
2996
|
+
aria-label=${y("Help")}>
|
|
2997
|
+
<span class="ga-icon">${j(tt)}</span>
|
|
2982
2998
|
</a>
|
|
2983
2999
|
` : n`
|
|
2984
|
-
<button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${
|
|
3000
|
+
<button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${y("Help")}
|
|
2985
3001
|
@click=${this._handleClick}>
|
|
2986
|
-
<span class="ga-icon">${
|
|
3002
|
+
<span class="ga-icon">${j(tt)}</span>
|
|
2987
3003
|
</button>
|
|
2988
3004
|
`;
|
|
2989
3005
|
}
|
|
2990
3006
|
};
|
|
2991
|
-
|
|
3007
|
+
N([s({ attribute: "help-url" })], Z.prototype, "helpUrl", void 0), Z = N([b(), o("vsn-help")], Z);
|
|
2992
3008
|
//#endregion
|
|
2993
3009
|
//#region src/components/vsn-top-bar/vsn-top-bar.ts
|
|
2994
3010
|
var Q = class extends e {
|
|
2995
3011
|
constructor() {
|
|
2996
|
-
super(), this.modules = [], this.feedback = null, this.showHelp = !1, this.showNotification = !1, this.notificationActive = !1, this.modulesLoading = !1, this.lang = "en", new
|
|
3012
|
+
super(), this.modules = [], this.feedback = null, this.showHelp = !1, this.showNotification = !1, this.notificationActive = !1, this.modulesLoading = !1, this.lang = "en", new R(this, () => !0);
|
|
2997
3013
|
}
|
|
2998
3014
|
willUpdate(e) {
|
|
2999
3015
|
e.has("lang") && zt(this.lang).catch(console.error);
|
|
@@ -3098,28 +3114,28 @@ var Q = class extends e {
|
|
|
3098
3114
|
`;
|
|
3099
3115
|
}
|
|
3100
3116
|
};
|
|
3101
|
-
|
|
3117
|
+
N([s({ attribute: !1 })], Q.prototype, "tree", void 0), N([s({ type: Array })], Q.prototype, "modules", void 0), N([s()], Q.prototype, "activeModuleId", void 0), N([s({ attribute: "landing-page-url" })], Q.prototype, "landingPageUrl", void 0), N([s({ attribute: !1 })], Q.prototype, "feedback", void 0), N([s({ attribute: !1 })], Q.prototype, "auth", void 0), N([s({
|
|
3102
3118
|
type: Boolean,
|
|
3103
3119
|
attribute: "show-help"
|
|
3104
|
-
})], Q.prototype, "showHelp", void 0),
|
|
3120
|
+
})], Q.prototype, "showHelp", void 0), N([s({ attribute: "help-url" })], Q.prototype, "helpUrl", void 0), N([s({
|
|
3105
3121
|
type: Boolean,
|
|
3106
3122
|
attribute: "show-notification"
|
|
3107
|
-
})], Q.prototype, "showNotification", void 0),
|
|
3123
|
+
})], Q.prototype, "showNotification", void 0), N([s({
|
|
3108
3124
|
type: Boolean,
|
|
3109
3125
|
attribute: "notification-active"
|
|
3110
|
-
})], Q.prototype, "notificationActive", void 0),
|
|
3126
|
+
})], Q.prototype, "notificationActive", void 0), N([s({ type: Boolean })], Q.prototype, "modulesLoading", void 0), N([s()], Q.prototype, "lang", void 0), Q = N([o("vsn-top-bar")], Q);
|
|
3111
3127
|
//#endregion
|
|
3112
3128
|
//#region src/components/vsn-navigation.ts
|
|
3113
3129
|
var $ = class extends e {
|
|
3114
3130
|
constructor(...e) {
|
|
3115
3131
|
super(...e), this.lang = "en", this.showHelp = !1, this.feedback = null, this.showNotification = !1, this.notificationActive = !1, this.open = !1, this._currentItem = "", this._resolvedModules = [], this._modulesLoading = !1, this._modulesLoadToken = 0, this._restoreFocusToToggle = !1, this._onShortcut = (e) => {
|
|
3116
|
-
e.defaultPrevented || !
|
|
3132
|
+
e.defaultPrevented || !Le(e) || e.key.toLowerCase() !== "k" || (e.preventDefault(), this.dispatchEvent(new CustomEvent("vsn-open", {
|
|
3117
3133
|
cancelable: !0,
|
|
3118
3134
|
bubbles: !0,
|
|
3119
3135
|
composed: !0
|
|
3120
3136
|
})) && this._openAndFocusSearch());
|
|
3121
3137
|
}, this._onEscape = (e) => {
|
|
3122
|
-
e.defaultPrevented || this.open &&
|
|
3138
|
+
e.defaultPrevented || this.open && A(e) && e.key === "Escape" && (e.preventDefault(), this.open = !1);
|
|
3123
3139
|
};
|
|
3124
3140
|
}
|
|
3125
3141
|
_resolveModules() {
|
|
@@ -3255,19 +3271,19 @@ var $ = class extends e {
|
|
|
3255
3271
|
`;
|
|
3256
3272
|
}
|
|
3257
3273
|
};
|
|
3258
|
-
|
|
3274
|
+
N([s()], $.prototype, "lang", void 0), N([s({ attribute: !1 })], $.prototype, "tree", void 0), N([s({ attribute: !1 })], $.prototype, "modules", void 0), N([s({ attribute: !1 })], $.prototype, "auth", void 0), N([s({ attribute: "landing-page-url" })], $.prototype, "landingPageUrl", void 0), N([s({
|
|
3259
3275
|
type: Boolean,
|
|
3260
3276
|
attribute: "show-help"
|
|
3261
|
-
})], $.prototype, "showHelp", void 0),
|
|
3277
|
+
})], $.prototype, "showHelp", void 0), N([s({ attribute: "help-url" })], $.prototype, "helpUrl", void 0), N([s({ attribute: !1 })], $.prototype, "feedback", void 0), N([s({
|
|
3262
3278
|
type: Boolean,
|
|
3263
3279
|
attribute: "show-notification"
|
|
3264
|
-
})], $.prototype, "showNotification", void 0),
|
|
3280
|
+
})], $.prototype, "showNotification", void 0), N([s({
|
|
3265
3281
|
type: Boolean,
|
|
3266
3282
|
attribute: "notification-active"
|
|
3267
|
-
})], $.prototype, "notificationActive", void 0),
|
|
3283
|
+
})], $.prototype, "notificationActive", void 0), N([s({
|
|
3268
3284
|
type: Boolean,
|
|
3269
3285
|
attribute: "open",
|
|
3270
3286
|
reflect: !0
|
|
3271
|
-
})], $.prototype, "open", void 0),
|
|
3287
|
+
})], $.prototype, "open", void 0), N([l()], $.prototype, "_currentItem", void 0), N([l()], $.prototype, "_resolvedModules", void 0), N([l()], $.prototype, "_modulesLoading", void 0), $ = N([o("vsn-navigation")], $);
|
|
3272
3288
|
//#endregion
|
|
3273
|
-
export {
|
|
3289
|
+
export { de as SearchError, $ as VSNNavigation, g as isTreeLeaf, _ as isTreeParent };
|