@visma-swno/vsn-navigation 1.5.0-beta.3 → 1.5.0-beta.4
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 +265 -211
- package/dist/custom-elements.json +1 -1
- package/package.json +1 -1
|
@@ -99,41 +99,42 @@ function ye(e) {
|
|
|
99
99
|
function be(e) {
|
|
100
100
|
window.dispatchEvent(new CustomEvent(re, { detail: e }));
|
|
101
101
|
}
|
|
102
|
-
var b = "", xe,
|
|
103
|
-
|
|
104
|
-
var
|
|
105
|
-
getLocale:
|
|
106
|
-
setLocale:
|
|
107
|
-
}),
|
|
108
|
-
if (e === (
|
|
109
|
-
if (!
|
|
110
|
-
if (!
|
|
111
|
-
|
|
112
|
-
let t =
|
|
113
|
-
return
|
|
102
|
+
var b = "", x, xe, S, Se, Ce, C = new de();
|
|
103
|
+
C.resolve();
|
|
104
|
+
var w = 0, we = (e) => (ce(((e, t) => ve(Ce, e, t))), b = xe = e.sourceLocale, S = new Set(e.targetLocales), S.add(e.sourceLocale), Se = e.loadLocale, {
|
|
105
|
+
getLocale: Te,
|
|
106
|
+
setLocale: Ee
|
|
107
|
+
}), Te = () => b, Ee = (e) => {
|
|
108
|
+
if (e === (x ?? b)) return C.promise;
|
|
109
|
+
if (!S || !Se) throw Error("Internal error");
|
|
110
|
+
if (!S.has(e)) throw Error("Invalid locale code");
|
|
111
|
+
w++;
|
|
112
|
+
let t = w;
|
|
113
|
+
return x = e, C.settled && (C = new de()), be({
|
|
114
114
|
status: "loading",
|
|
115
115
|
loadingLocale: e
|
|
116
|
-
}), (e ===
|
|
117
|
-
|
|
116
|
+
}), (e === xe ? Promise.resolve({ templates: void 0 }) : Se(e)).then((n) => {
|
|
117
|
+
w === t && (b = e, x = void 0, Ce = n.templates, be({
|
|
118
118
|
status: "ready",
|
|
119
119
|
readyLocale: e
|
|
120
|
-
}),
|
|
120
|
+
}), C.resolve());
|
|
121
121
|
}, (n) => {
|
|
122
|
-
|
|
122
|
+
w === t && (be({
|
|
123
123
|
status: "error",
|
|
124
124
|
errorLocale: e,
|
|
125
125
|
errorMessage: n.toString()
|
|
126
|
-
}),
|
|
127
|
-
}),
|
|
128
|
-
},
|
|
126
|
+
}), C.reject(n));
|
|
127
|
+
}), C.promise;
|
|
128
|
+
}, De = () => {
|
|
129
129
|
if (typeof navigator > "u") return !1;
|
|
130
130
|
let e = navigator.userAgentData?.platform ?? navigator.platform ?? "";
|
|
131
131
|
return /mac/i.test(e);
|
|
132
|
-
},
|
|
132
|
+
}, Oe = (e) => !e.shiftKey && !e.altKey && (De() ? e.ctrlKey !== e.metaKey : e.ctrlKey && !e.metaKey), T = (e) => e.shiftKey || e.altKey || e.ctrlKey || e.metaKey, E = (e) => !T(e), ke = () => _("Choose a service"), Ae = () => _("Search"), je = () => De() ? "⌘O / Ctrl+O" : "Ctrl+O", Me = () => De() ? n`<kbd><kbd>⌘</kbd><kbd>O</kbd></kbd>/<kbd><kbd>Ctrl</kbd>+<kbd>O</kbd></kbd>` : n`<kbd><kbd>Ctrl</kbd>+<kbd>O</kbd></kbd>`, Ne = (e) => e.split(" ").filter((e) => e.length > 0), D = (e) => Ne(e).join("").length >= 3, Pe = (e) => _(g`Type at least ${e} characters to search`), Fe = () => _("Menu items"), Ie = () => _("Load more"), Le = () => _("Services"), Re = () => _("Services"), O = "menu", ze = "survicate-sdk", Be = "ui-components-feedback", Ve = (e) => `https://survey.survicate.com/workspaces/${e}/web_surveys.js`;
|
|
133
133
|
//#endregion
|
|
134
134
|
//#region src/shared/icons.ts
|
|
135
|
-
function
|
|
136
|
-
return n
|
|
135
|
+
function k(e, t = 24, r) {
|
|
136
|
+
return n`
|
|
137
|
+
<svg
|
|
137
138
|
xmlns="http://www.w3.org/2000/svg"
|
|
138
139
|
width="${t}"
|
|
139
140
|
height="${t}"
|
|
@@ -145,7 +146,8 @@ function O(e, t = 24, r) {
|
|
|
145
146
|
stroke-linejoin="round"
|
|
146
147
|
aria-hidden="true"
|
|
147
148
|
class=${r ?? ""}
|
|
148
|
-
|
|
149
|
+
>${e}
|
|
150
|
+
</svg>`;
|
|
149
151
|
}
|
|
150
152
|
var He = i``, Ue = i`
|
|
151
153
|
<path d="M4 5h16"/>
|
|
@@ -210,7 +212,7 @@ var $e = i`
|
|
|
210
212
|
<path d="m7 9 5-5 5 5"/>
|
|
211
213
|
`, et = i`
|
|
212
214
|
<path d="m18 15-6-6-6 6"/>
|
|
213
|
-
`,
|
|
215
|
+
`, A = i`
|
|
214
216
|
<path d="m6 9 6 6 6-6"/>
|
|
215
217
|
`, tt = i`
|
|
216
218
|
<circle cx="11" cy="11" r="8"/>
|
|
@@ -238,7 +240,11 @@ i`
|
|
|
238
240
|
`;
|
|
239
241
|
var it = i`
|
|
240
242
|
<path d="m9 18 6-6-6-6"/>
|
|
241
|
-
|
|
243
|
+
`;
|
|
244
|
+
i`<path d="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3"/>`, i`<path d="M9 19a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-6a1 1 0 0 1 1-1h3.293a.707.707 0 0 0 .5-1.207l-7.086-7.086a1 1 0 0 0-1.414 0l-7.086 7.086a.707.707 0 0 0 .5 1.207H8a1 1 0 0 1 1 1z"/>`;
|
|
245
|
+
//#endregion
|
|
246
|
+
//#region node_modules/@lit/context/lib/context-request-event.js
|
|
247
|
+
var at = class extends Event {
|
|
242
248
|
constructor(e, t, n, r) {
|
|
243
249
|
super("context-request", {
|
|
244
250
|
bubbles: !0,
|
|
@@ -404,10 +410,10 @@ function ft({ context: e, subscribe: t }) {
|
|
|
404
410
|
}
|
|
405
411
|
//#endregion
|
|
406
412
|
//#region src/shared/types/index.ts
|
|
407
|
-
function
|
|
413
|
+
function j(e) {
|
|
408
414
|
return "url" in e;
|
|
409
415
|
}
|
|
410
|
-
function
|
|
416
|
+
function M(e) {
|
|
411
417
|
return "items" in e;
|
|
412
418
|
}
|
|
413
419
|
var pt = class e extends Error {
|
|
@@ -417,7 +423,7 @@ var pt = class e extends Error {
|
|
|
417
423
|
}, mt = ot("activeId"), ht = ot(Symbol("focus-manager"));
|
|
418
424
|
//#endregion
|
|
419
425
|
//#region \0@oxc-project+runtime@0.127.0/helpers/decorate.js
|
|
420
|
-
function
|
|
426
|
+
function N(e, t, n, r) {
|
|
421
427
|
var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
|
|
422
428
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
|
|
423
429
|
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 +431,9 @@ function M(e, t, n, r) {
|
|
|
425
431
|
}
|
|
426
432
|
//#endregion
|
|
427
433
|
//#region src/components/vsn-side-bar/vsn-menu/vsn-menu-item.ts
|
|
428
|
-
var
|
|
434
|
+
var P, F = class extends e {
|
|
429
435
|
static {
|
|
430
|
-
|
|
436
|
+
P = this;
|
|
431
437
|
}
|
|
432
438
|
static {
|
|
433
439
|
this._idCounter = 0;
|
|
@@ -461,8 +467,8 @@ var N, P = class extends e {
|
|
|
461
467
|
this._showTooltip = !1;
|
|
462
468
|
}, this._onKeyDown = (e) => {
|
|
463
469
|
let t = this.tree;
|
|
464
|
-
if (t !== void 0 && !(e.defaultPrevented ||
|
|
465
|
-
if (
|
|
470
|
+
if (t !== void 0 && !(e.defaultPrevented || T(e))) {
|
|
471
|
+
if (P.menuShortcuts.includes(e.key) && (e.preventDefault(), e.stopPropagation()), e.key === "ArrowUp") {
|
|
466
472
|
this._focusManager?.focusPrev(this);
|
|
467
473
|
return;
|
|
468
474
|
}
|
|
@@ -470,10 +476,10 @@ var N, P = class extends e {
|
|
|
470
476
|
this._focusManager?.focusNext(this);
|
|
471
477
|
return;
|
|
472
478
|
}
|
|
473
|
-
|
|
479
|
+
M(t) ? this.handleKeyForParent(e.key) : this.handleKeyForLeaf(e.key);
|
|
474
480
|
}
|
|
475
481
|
};
|
|
476
|
-
let e =
|
|
482
|
+
let e = P._idCounter++;
|
|
477
483
|
this._tooltipId = `vsn-side-menu-item-tooltip-${e}`, this._childListId = `vsn-side-menu-item-list-${e}`;
|
|
478
484
|
}
|
|
479
485
|
focusSelf() {
|
|
@@ -481,10 +487,10 @@ var N, P = class extends e {
|
|
|
481
487
|
}
|
|
482
488
|
willUpdate(e) {
|
|
483
489
|
let t = this.tree;
|
|
484
|
-
t !== void 0 && e.has("_currentActiveId") && (this._isActive = this._currentActiveId === t.id,
|
|
490
|
+
t !== void 0 && e.has("_currentActiveId") && (this._isActive = this._currentActiveId === t.id, M(t) && (this._isExpanded = this.isActiveNode(t) !== null));
|
|
485
491
|
}
|
|
486
492
|
render() {
|
|
487
|
-
let e = this.tree !== void 0 &&
|
|
493
|
+
let e = this.tree !== void 0 && M(this.tree), t = this.tree && M(this.tree) ? this.tree.items : [];
|
|
488
494
|
return n`
|
|
489
495
|
${this.menuItemMarkup()}
|
|
490
496
|
${e ? n`
|
|
@@ -494,7 +500,7 @@ var N, P = class extends e {
|
|
|
494
500
|
`;
|
|
495
501
|
}
|
|
496
502
|
menuItemMarkup() {
|
|
497
|
-
let e = this.tree !== void 0 &&
|
|
503
|
+
let e = this.tree !== void 0 && M(this.tree), t = this.tree?.["data-qa-id"], r = {
|
|
498
504
|
"ga-side-navigation__item": !0,
|
|
499
505
|
[`ga-side-navigation__item--level-${this.level}`]: this.level > 1,
|
|
500
506
|
"ga-side-navigation__item--expanded": this._isExpanded,
|
|
@@ -505,7 +511,7 @@ var N, P = class extends e {
|
|
|
505
511
|
<div class="ga-tooltip ga-tooltip--right-center w-34 max-w-135">${this.tree?.label}</div>
|
|
506
512
|
</div>
|
|
507
513
|
<span class="ga-side-navigation__item-icon">
|
|
508
|
-
${e ? this._isExpanded ?
|
|
514
|
+
${e ? this._isExpanded ? k(A, 16) : k(it, 16) : ""}
|
|
509
515
|
</span>
|
|
510
516
|
<div class="ga-side-navigation__item-content">
|
|
511
517
|
<div class="ga-side-navigation__item-label">${this.tree?.label}</div>
|
|
@@ -517,7 +523,7 @@ var N, P = class extends e {
|
|
|
517
523
|
@mouseleave=${this._onItemMouseLeave} @keydown=${this._onKeyDown}>${i}
|
|
518
524
|
</button>` : n`<a class="${d(r)}" aria-describedby="${this._tooltipId}"
|
|
519
525
|
aria-current=${ee(this._isActive ? "page" : void 0)}
|
|
520
|
-
href="${this.tree &&
|
|
526
|
+
href="${this.tree && j(this.tree) ? this.tree.url : ""}" data-qa-id="${ee(t)}"
|
|
521
527
|
@click=${this._handleItemClick} @mouseenter=${this._onItemMouseEnter}
|
|
522
528
|
@mouseleave=${this._onItemMouseLeave} @keydown=${this._onKeyDown}>${i}</a>`;
|
|
523
529
|
}
|
|
@@ -553,7 +559,7 @@ var N, P = class extends e {
|
|
|
553
559
|
}
|
|
554
560
|
isActiveNode(e) {
|
|
555
561
|
if (e.id === this._currentActiveId) return e;
|
|
556
|
-
if (
|
|
562
|
+
if (M(e)) for (let t of e.items) {
|
|
557
563
|
let e = this.isActiveNode(t);
|
|
558
564
|
if (e) return e;
|
|
559
565
|
}
|
|
@@ -562,11 +568,11 @@ var N, P = class extends e {
|
|
|
562
568
|
_handleItemClick(e) {
|
|
563
569
|
let t = this.tree;
|
|
564
570
|
if (t !== void 0) {
|
|
565
|
-
if (
|
|
571
|
+
if (M(t)) {
|
|
566
572
|
this._isExpanded = !this._isExpanded, e.preventDefault(), e.stopPropagation();
|
|
567
573
|
return;
|
|
568
574
|
}
|
|
569
|
-
e.button !== 0 ||
|
|
575
|
+
e.button !== 0 || T(e) || (e.preventDefault(), e.stopPropagation(), (!this._isActive || this.hasPageTitle) && this.dispatchEvent(new CustomEvent("vsn-menu-item-changed", {
|
|
570
576
|
bubbles: !0,
|
|
571
577
|
composed: !0,
|
|
572
578
|
detail: t
|
|
@@ -574,13 +580,13 @@ var N, P = class extends e {
|
|
|
574
580
|
}
|
|
575
581
|
}
|
|
576
582
|
};
|
|
577
|
-
|
|
583
|
+
N([s({ attribute: !1 })], F.prototype, "tree", void 0), N([s({ type: Number })], F.prototype, "level", void 0), N([ft({
|
|
578
584
|
context: mt,
|
|
579
585
|
subscribe: !0
|
|
580
|
-
}), l()],
|
|
586
|
+
}), 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([ft({ context: ht })], F.prototype, "_focusManager", void 0), N([s({ type: Boolean })], F.prototype, "hasPageTitle", void 0), F = P = N([o("vsn-menu-item")], F);
|
|
581
587
|
//#endregion
|
|
582
588
|
//#region src/components/vsn-side-bar/vsn-menu/vsn-menu.ts
|
|
583
|
-
var
|
|
589
|
+
var I = class extends e {
|
|
584
590
|
constructor(...e) {
|
|
585
591
|
super(...e), this.items = [], this._currentActiveId = "", this.currentItem = "", this.hasPageTitle = !1, this._focusManager = {
|
|
586
592
|
focusPrev: (e) => {
|
|
@@ -618,15 +624,15 @@ var F = class extends e {
|
|
|
618
624
|
<vsn-menu-item .tree=${e} .hasPageTitle=${this.hasPageTitle}></vsn-menu-item>`;
|
|
619
625
|
}
|
|
620
626
|
};
|
|
621
|
-
|
|
627
|
+
N([s({ attribute: !1 })], I.prototype, "items", void 0), N([dt({ context: mt }), l()], I.prototype, "_currentActiveId", void 0), N([s()], I.prototype, "currentItem", void 0), N([s({ type: Boolean })], I.prototype, "hasPageTitle", void 0), N([dt({ context: ht })], I.prototype, "_focusManager", void 0), I = N([v(), o("vsn-menu")], I);
|
|
622
628
|
//#endregion
|
|
623
629
|
//#region src/components/vsn-side-bar/vsn-menu/vsn-menu-button.ts
|
|
624
|
-
var
|
|
630
|
+
var L = class extends e {
|
|
625
631
|
constructor(...e) {
|
|
626
632
|
super(...e), this.label = "", this.closeOnClick = !1, this._onKeydown = (e) => {
|
|
627
|
-
e.defaultPrevented ||
|
|
633
|
+
e.defaultPrevented || E(e) && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), this.click());
|
|
628
634
|
}, this._onClick = (e) => {
|
|
629
|
-
e.defaultPrevented || e.button !== 0 ||
|
|
635
|
+
e.defaultPrevented || e.button !== 0 || T(e) || this.closeOnClick && this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
|
|
630
636
|
bubbles: !0,
|
|
631
637
|
composed: !0
|
|
632
638
|
}));
|
|
@@ -737,10 +743,10 @@ var I = class extends e {
|
|
|
737
743
|
`;
|
|
738
744
|
}
|
|
739
745
|
};
|
|
740
|
-
|
|
746
|
+
N([s()], L.prototype, "label", void 0), N([s({
|
|
741
747
|
type: Boolean,
|
|
742
748
|
attribute: "close-on-click"
|
|
743
|
-
})],
|
|
749
|
+
})], L.prototype, "closeOnClick", void 0), L = N([o("vsn-menu-button")], L);
|
|
744
750
|
//#endregion
|
|
745
751
|
//#region src/components/vsn-side-bar/vsn-menu/vsn-menu-separator.ts
|
|
746
752
|
var gt = class extends e {
|
|
@@ -767,15 +773,15 @@ var gt = class extends e {
|
|
|
767
773
|
return n`<div class="line"></div>`;
|
|
768
774
|
}
|
|
769
775
|
};
|
|
770
|
-
gt =
|
|
776
|
+
gt = N([o("vsn-menu-separator")], gt);
|
|
771
777
|
//#endregion
|
|
772
778
|
//#region src/components/vsn-side-bar/vsn-footer/vsn-footer.keyboard.ts
|
|
773
779
|
var _t = class {
|
|
774
780
|
constructor(e) {
|
|
775
781
|
this._prevExpanded = !1, this.onUserKeydown = (e) => {
|
|
776
|
-
e.defaultPrevented ||
|
|
782
|
+
e.defaultPrevented || T(e) || e.key === "Escape" && this.host.expanded && (e.preventDefault(), this.host.expanded = !1);
|
|
777
783
|
}, this.onDropdownKeydown = (e) => {
|
|
778
|
-
if (e.defaultPrevented ||
|
|
784
|
+
if (e.defaultPrevented || T(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
|
|
779
785
|
e.preventDefault();
|
|
780
786
|
let t = this.host.querySelector(".ga-side-navigation__footer-dropdown");
|
|
781
787
|
if (!t) return;
|
|
@@ -822,7 +828,7 @@ function bt(e, t, n, r) {
|
|
|
822
828
|
}
|
|
823
829
|
//#endregion
|
|
824
830
|
//#region src/components/controllers/focus-trapping-controller.ts
|
|
825
|
-
var
|
|
831
|
+
var R = class {
|
|
826
832
|
constructor(e, t, n = void 0) {
|
|
827
833
|
this._rootElement = null, this._onKeyDown = (e) => {
|
|
828
834
|
if (e.defaultPrevented || e.key !== "Tab" || e.ctrlKey || e.altKey || e.metaKey || !this._appliesCallback() || this._rootElement == null) return;
|
|
@@ -847,7 +853,7 @@ var L = class {
|
|
|
847
853
|
}, St = () => ({
|
|
848
854
|
profile: _("My profile"),
|
|
849
855
|
logout: _("Log out")
|
|
850
|
-
}),
|
|
856
|
+
}), z = class extends e {
|
|
851
857
|
createRenderRoot() {
|
|
852
858
|
return this;
|
|
853
859
|
}
|
|
@@ -890,7 +896,7 @@ var L = class {
|
|
|
890
896
|
this._showTooltip = !1;
|
|
891
897
|
}, this._keyboard = new _t(this), new vt(this, [".ga-side-navigation__footer-dropdown", ".ga-side-navigation__user"], () => {
|
|
892
898
|
this.expanded = !1;
|
|
893
|
-
}), new
|
|
899
|
+
}), new R(this, () => this.expanded);
|
|
894
900
|
}
|
|
895
901
|
willUpdate(e) {
|
|
896
902
|
(e.has("user") || e.has("profilePictureBaseUrl")) && (this._avatarFailed = !1);
|
|
@@ -928,7 +934,7 @@ var L = class {
|
|
|
928
934
|
</div>
|
|
929
935
|
|
|
930
936
|
<span class="ga-side-navigation__user-action">
|
|
931
|
-
${this.expanded ?
|
|
937
|
+
${this.expanded ? k(et, 16) : k($e, 16)}
|
|
932
938
|
</span>
|
|
933
939
|
|
|
934
940
|
</button>
|
|
@@ -950,14 +956,14 @@ var L = class {
|
|
|
950
956
|
${this._items.map((e) => {
|
|
951
957
|
let t = n`
|
|
952
958
|
<span class="ga-side-navigation__footer-dropdown-icon">
|
|
953
|
-
${
|
|
959
|
+
${k(xt[e.id], 16)}
|
|
954
960
|
</span>
|
|
955
961
|
<span class="ga-side-navigation__footer-dropdown-title">
|
|
956
962
|
${e.label}
|
|
957
963
|
</span>
|
|
958
964
|
${e.external ? n`
|
|
959
965
|
<span class="ga-side-navigation__footer-dropdown-trail">
|
|
960
|
-
${
|
|
966
|
+
${k(Qe, 16)}
|
|
961
967
|
</span>
|
|
962
968
|
` : r}
|
|
963
969
|
`;
|
|
@@ -1005,26 +1011,26 @@ var L = class {
|
|
|
1005
1011
|
@error=${() => {
|
|
1006
1012
|
this._avatarFailed = !0;
|
|
1007
1013
|
}}/>` : n`<span class="ga-side-navigation__user-avatar vsn-side-navigation__user-avatar--icon">
|
|
1008
|
-
${
|
|
1014
|
+
${k(Xe, 24)}
|
|
1009
1015
|
</span>`;
|
|
1010
1016
|
}
|
|
1011
1017
|
};
|
|
1012
|
-
|
|
1018
|
+
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({
|
|
1013
1019
|
type: Boolean,
|
|
1014
1020
|
reflect: !0
|
|
1015
|
-
})],
|
|
1021
|
+
})], z.prototype, "expanded", void 0), N([l()], z.prototype, "_avatarFailed", void 0), N([l()], z.prototype, "_showTooltip", void 0), N([l()], z.prototype, "_tooltipLabel", void 0), N([l()], z.prototype, "_tooltipPos", void 0), z = N([v(), o("vsn-footer")], z);
|
|
1016
1022
|
//#endregion
|
|
1017
1023
|
//#region src/components/vsn-side-bar/vsn-header/vsn-header.keyboard.ts
|
|
1018
1024
|
var Ct = class {
|
|
1019
1025
|
constructor(e) {
|
|
1020
1026
|
this.onSwitcherKeydown = (e) => {
|
|
1021
|
-
e.defaultPrevented ||
|
|
1027
|
+
e.defaultPrevented || T(e) || this.host.expanded && e.key === "Escape" && this.host.requestClose() && e.preventDefault();
|
|
1022
1028
|
}, this.host = e, e.addController(this);
|
|
1023
1029
|
}
|
|
1024
1030
|
hostConnected() {}
|
|
1025
|
-
},
|
|
1031
|
+
}, B, V = class extends e {
|
|
1026
1032
|
static {
|
|
1027
|
-
|
|
1033
|
+
B = this;
|
|
1028
1034
|
}
|
|
1029
1035
|
createRenderRoot() {
|
|
1030
1036
|
return this;
|
|
@@ -1035,18 +1041,18 @@ var Ct = class {
|
|
|
1035
1041
|
constructor() {
|
|
1036
1042
|
super(), this.items = [], this.loading = !1, this.maxHeight = 0, this._handleKeydown = (e) => {
|
|
1037
1043
|
if (e.defaultPrevented) return;
|
|
1038
|
-
if (
|
|
1044
|
+
if (E(e) && (e.key === "Enter" || e.key === " ")) {
|
|
1039
1045
|
let t = e.target;
|
|
1040
1046
|
t instanceof HTMLElement && t.classList.contains("ga-side-navigation__switcher-dropdown-item") && (e.preventDefault(), t.click());
|
|
1041
1047
|
return;
|
|
1042
1048
|
}
|
|
1043
|
-
if (
|
|
1049
|
+
if (T(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
|
|
1044
1050
|
e.preventDefault();
|
|
1045
1051
|
let t = Array.from(this.querySelectorAll(".ga-side-navigation__switcher-dropdown-item"));
|
|
1046
1052
|
if (t.length === 0) return;
|
|
1047
1053
|
let n = this.getRootNode().activeElement, r = n instanceof HTMLElement ? t.indexOf(n) : -1, i = null;
|
|
1048
1054
|
e.key === "ArrowUp" && r > 0 ? i = t[r - 1] : e.key === "ArrowDown" && r < t.length - 1 && (i = t[r + 1]), i?.focus();
|
|
1049
|
-
}, this._headerId = `vsn-switcher-dropdown-header-${
|
|
1055
|
+
}, this._headerId = `vsn-switcher-dropdown-header-${B._idCounter++}`;
|
|
1050
1056
|
}
|
|
1051
1057
|
firstUpdated() {
|
|
1052
1058
|
this.focus();
|
|
@@ -1058,7 +1064,7 @@ var Ct = class {
|
|
|
1058
1064
|
}));
|
|
1059
1065
|
}
|
|
1060
1066
|
_handleItemClick(e, t) {
|
|
1061
|
-
|
|
1067
|
+
T(e) || (e.preventDefault(), this.dispatchEvent(new CustomEvent("item-select", {
|
|
1062
1068
|
detail: { id: t },
|
|
1063
1069
|
bubbles: !0,
|
|
1064
1070
|
composed: !0
|
|
@@ -1078,7 +1084,7 @@ var Ct = class {
|
|
|
1078
1084
|
aria-labelledby=${this._headerId}
|
|
1079
1085
|
@keydown=${this._handleKeydown}>
|
|
1080
1086
|
<span id=${this._headerId}
|
|
1081
|
-
class="ga-side-navigation__switcher-dropdown-header">${
|
|
1087
|
+
class="ga-side-navigation__switcher-dropdown-header">${ke()}</span>
|
|
1082
1088
|
${this.items.map((e) => n`
|
|
1083
1089
|
<a class="ga-side-navigation__switcher-dropdown-item"
|
|
1084
1090
|
href=${e.url ?? ""}
|
|
@@ -1090,10 +1096,10 @@ var Ct = class {
|
|
|
1090
1096
|
`;
|
|
1091
1097
|
}
|
|
1092
1098
|
};
|
|
1093
|
-
|
|
1099
|
+
N([s({ attribute: !1 })], V.prototype, "items", void 0), N([s({ type: Boolean })], V.prototype, "loading", void 0), N([s({ attribute: !1 })], V.prototype, "maxHeight", void 0), V = B = N([v(), o("vsn-switcher-menu")], V);
|
|
1094
1100
|
//#endregion
|
|
1095
1101
|
//#region src/components/vsn-side-bar/vsn-search/vsn-search.ts
|
|
1096
|
-
var
|
|
1102
|
+
var H = class extends e {
|
|
1097
1103
|
constructor(...e) {
|
|
1098
1104
|
super(...e), this.shortcut = "", this.value = "", this.loading = !1, this._scheduleAutoSearch = () => {
|
|
1099
1105
|
this._cancelDebounce(), this._debounceTimer = window.setTimeout(this._emitSearch, 200);
|
|
@@ -1111,14 +1117,14 @@ var B = class extends e {
|
|
|
1111
1117
|
composed: !0
|
|
1112
1118
|
}));
|
|
1113
1119
|
}, this._handleEscape = (e) => {
|
|
1114
|
-
e.defaultPrevented ||
|
|
1120
|
+
e.defaultPrevented || E(e) && e.key === "Escape" && this.value.length > 0 && (e.preventDefault(), this._emitSearchCleared());
|
|
1115
1121
|
};
|
|
1116
1122
|
}
|
|
1117
1123
|
createRenderRoot() {
|
|
1118
1124
|
return this;
|
|
1119
1125
|
}
|
|
1120
1126
|
render() {
|
|
1121
|
-
let e = this.value.length > 0 && !
|
|
1127
|
+
let e = this.value.length > 0 && !D(this.value);
|
|
1122
1128
|
return n`
|
|
1123
1129
|
<div class="ga-input ga-side-navigation__search" @keydown=${this._handleEscape}>
|
|
1124
1130
|
<button
|
|
@@ -1127,10 +1133,10 @@ var B = class extends e {
|
|
|
1127
1133
|
aria-label=${_("Search")}
|
|
1128
1134
|
?disabled=${!this._canSearch}
|
|
1129
1135
|
@click=${this._emitSearch}>
|
|
1130
|
-
${
|
|
1136
|
+
${k(tt, 24)}
|
|
1131
1137
|
</button>
|
|
1132
1138
|
<input type="search"
|
|
1133
|
-
.placeholder=${
|
|
1139
|
+
.placeholder=${Ae()}
|
|
1134
1140
|
.value=${this.value}
|
|
1135
1141
|
@input=${this._handleInput}
|
|
1136
1142
|
@keydown=${this._handleEnter}/>
|
|
@@ -1145,7 +1151,7 @@ var B = class extends e {
|
|
|
1145
1151
|
e?.focus(), e?.select();
|
|
1146
1152
|
}
|
|
1147
1153
|
get _canSearch() {
|
|
1148
|
-
return
|
|
1154
|
+
return D(this.value);
|
|
1149
1155
|
}
|
|
1150
1156
|
_handleInput(e) {
|
|
1151
1157
|
let t = e.target.value;
|
|
@@ -1159,7 +1165,7 @@ var B = class extends e {
|
|
|
1159
1165
|
this._cancelDebounce(), super.disconnectedCallback();
|
|
1160
1166
|
}
|
|
1161
1167
|
_handleEnter(e) {
|
|
1162
|
-
e.defaultPrevented ||
|
|
1168
|
+
e.defaultPrevented || E(e) && e.key === "Enter" && this._emitSearch();
|
|
1163
1169
|
}
|
|
1164
1170
|
_trailingSlot() {
|
|
1165
1171
|
let e = this.loading, t = this.value.length > 0, i = !this.loading && this.value.length === 0 && this.shortcut.length > 0;
|
|
@@ -1176,7 +1182,7 @@ var B = class extends e {
|
|
|
1176
1182
|
return n`
|
|
1177
1183
|
<button class="vsn-search__clear" aria-label=${_("Clear search")}
|
|
1178
1184
|
@click=${this._emitSearchCleared}>
|
|
1179
|
-
${
|
|
1185
|
+
${k(nt, 16)}
|
|
1180
1186
|
</button>
|
|
1181
1187
|
`;
|
|
1182
1188
|
}
|
|
@@ -1184,17 +1190,17 @@ var B = class extends e {
|
|
|
1184
1190
|
return n`<kbd class="ga-side-navigation__search-shortcut">${this.shortcut}</kbd>`;
|
|
1185
1191
|
}
|
|
1186
1192
|
};
|
|
1187
|
-
|
|
1193
|
+
N([s()], H.prototype, "shortcut", void 0), N([s()], H.prototype, "value", void 0), N([s({ type: Boolean })], H.prototype, "loading", void 0), H = N([v(), o("vsn-search")], H);
|
|
1188
1194
|
//#endregion
|
|
1189
1195
|
//#region src/components/vsn-side-bar/vsn-header/vsn-header.ts
|
|
1190
|
-
var
|
|
1196
|
+
var U = class extends e {
|
|
1191
1197
|
createRenderRoot() {
|
|
1192
1198
|
return this;
|
|
1193
1199
|
}
|
|
1194
1200
|
constructor() {
|
|
1195
1201
|
super(), this.modules = [], this.modulesLoading = !1, this.moduleSwitcherAlwaysOpen = !1, this.moduleSwitcherMaxHeight = 0, this.searchValue = "", this.searchLoading = !1, this.expanded = !1, this._keyboard = new Ct(this), new vt(this, [".ga-side-navigation__switcher-dropdown", ".ga-side-navigation__switcher"], () => {
|
|
1196
1202
|
this.canClose && (this.expanded = !1);
|
|
1197
|
-
}), new
|
|
1203
|
+
}), new R(this, () => this.canClose && this.expanded, ".vsn-switcher-anchor");
|
|
1198
1204
|
}
|
|
1199
1205
|
focus() {
|
|
1200
1206
|
let e = this.querySelector("vsn-search") || this.querySelector("button.ga-side-navigation__switcher") || this.querySelector("vsn-switcher-menu");
|
|
@@ -1215,7 +1221,7 @@ var V = class extends e {
|
|
|
1215
1221
|
title="">
|
|
1216
1222
|
<span class="ga-side-navigation__switcher-title">${e.title}</span>
|
|
1217
1223
|
<span class="ga-side-navigation__switcher-action">
|
|
1218
|
-
${this.expanded ?
|
|
1224
|
+
${this.expanded ? k(A, 16) : k($e, 16)}
|
|
1219
1225
|
</span>
|
|
1220
1226
|
</button>
|
|
1221
1227
|
` : n`
|
|
@@ -1225,7 +1231,7 @@ var V = class extends e {
|
|
|
1225
1231
|
title="">
|
|
1226
1232
|
<span class="ga-side-navigation__switcher-title">${e.title}</span>
|
|
1227
1233
|
<span class="ga-side-navigation__switcher-action">
|
|
1228
|
-
${
|
|
1234
|
+
${k(He, 16)}
|
|
1229
1235
|
</span>
|
|
1230
1236
|
</div>
|
|
1231
1237
|
`}
|
|
@@ -1241,7 +1247,7 @@ var V = class extends e {
|
|
|
1241
1247
|
|
|
1242
1248
|
${f(this.search?.enabled || !1, () => n`
|
|
1243
1249
|
<vsn-search
|
|
1244
|
-
.shortcut=${
|
|
1250
|
+
.shortcut=${je()}
|
|
1245
1251
|
.value=${this.searchValue}
|
|
1246
1252
|
.loading=${this.searchLoading}>
|
|
1247
1253
|
</vsn-search>`)}
|
|
@@ -1300,16 +1306,16 @@ var V = class extends e {
|
|
|
1300
1306
|
}), !0);
|
|
1301
1307
|
}
|
|
1302
1308
|
};
|
|
1303
|
-
|
|
1309
|
+
N([s({ attribute: !1 })], U.prototype, "modules", void 0), N([s()], U.prototype, "activeModuleId", void 0), N([s()], U.prototype, "activeModuleLabel", void 0), N([s({ type: Boolean })], U.prototype, "modulesLoading", void 0), N([s({ type: Boolean })], U.prototype, "moduleSwitcherAlwaysOpen", void 0), N([s({ attribute: !1 })], U.prototype, "moduleSwitcherMaxHeight", void 0), N([s({ attribute: !1 })], U.prototype, "search", void 0), N([s()], U.prototype, "searchValue", void 0), N([s({ type: Boolean })], U.prototype, "searchLoading", void 0), N([s({
|
|
1304
1310
|
type: Boolean,
|
|
1305
1311
|
reflect: !0
|
|
1306
|
-
})],
|
|
1312
|
+
})], U.prototype, "expanded", void 0), U = N([v(), o("vsn-header")], U);
|
|
1307
1313
|
//#endregion
|
|
1308
1314
|
//#region src/components/vsn-side-bar/vsn-search-results/vsn-search-results.keyboard.ts
|
|
1309
|
-
var
|
|
1315
|
+
var wt = class {
|
|
1310
1316
|
constructor(e) {
|
|
1311
1317
|
this.onResultsKeydown = (e) => {
|
|
1312
|
-
if (e.defaultPrevented ||
|
|
1318
|
+
if (e.defaultPrevented || T(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
|
|
1313
1319
|
e.preventDefault();
|
|
1314
1320
|
let t = Array.from(this.host.querySelectorAll(".ga-side-navigation__search-results-item"));
|
|
1315
1321
|
if (t.length === 0) return;
|
|
@@ -1320,9 +1326,9 @@ var Tt = class {
|
|
|
1320
1326
|
}, this.host = e, e.addController(this);
|
|
1321
1327
|
}
|
|
1322
1328
|
hostConnected() {}
|
|
1323
|
-
},
|
|
1329
|
+
}, Tt, W = class extends e {
|
|
1324
1330
|
static {
|
|
1325
|
-
|
|
1331
|
+
Tt = this;
|
|
1326
1332
|
}
|
|
1327
1333
|
createRenderRoot() {
|
|
1328
1334
|
return this;
|
|
@@ -1344,7 +1350,7 @@ var Tt = class {
|
|
|
1344
1350
|
}
|
|
1345
1351
|
}, this._onItemMouseLeave = () => {
|
|
1346
1352
|
this._showTooltip = !1;
|
|
1347
|
-
}, this._tooltipId = `vsn-search-result-item-tooltip-${
|
|
1353
|
+
}, this._tooltipId = `vsn-search-result-item-tooltip-${Tt._idCounter++}`;
|
|
1348
1354
|
}
|
|
1349
1355
|
render() {
|
|
1350
1356
|
let e = this.item;
|
|
@@ -1378,12 +1384,12 @@ var Tt = class {
|
|
|
1378
1384
|
}));
|
|
1379
1385
|
}
|
|
1380
1386
|
};
|
|
1381
|
-
|
|
1387
|
+
N([s({ attribute: !1 })], W.prototype, "item", void 0), N([l()], W.prototype, "_showTooltip", void 0), N([l()], W.prototype, "_tooltipPos", void 0), N([c(".ga-side-navigation__search-results-item-label")], W.prototype, "_labelEl", void 0), W = Tt = N([o("vsn-search-result-item")], W);
|
|
1382
1388
|
//#endregion
|
|
1383
1389
|
//#region src/components/vsn-side-bar/vsn-search-results/vsn-search-results.ts
|
|
1384
|
-
var
|
|
1390
|
+
var G = class extends e {
|
|
1385
1391
|
constructor(...e) {
|
|
1386
|
-
super(...e), this.loadingMore = !1, this._keyboard = new
|
|
1392
|
+
super(...e), this.loadingMore = !1, this._keyboard = new wt(this);
|
|
1387
1393
|
}
|
|
1388
1394
|
createRenderRoot() {
|
|
1389
1395
|
return this;
|
|
@@ -1438,16 +1444,16 @@ var U = class extends e {
|
|
|
1438
1444
|
}));
|
|
1439
1445
|
}
|
|
1440
1446
|
};
|
|
1441
|
-
|
|
1447
|
+
N([s({ attribute: !1 })], G.prototype, "results", void 0), N([s()], G.prototype, "errorMessage", void 0), N([s()], G.prototype, "nextCursor", void 0), N([s({ type: Boolean })], G.prototype, "loadingMore", void 0), G = N([v(), o("vsn-search-results")], G);
|
|
1442
1448
|
//#endregion
|
|
1443
1449
|
//#region src/components/vsn-side-bar/vsn-template/vsn-template.ts
|
|
1444
|
-
var
|
|
1450
|
+
var Et = [
|
|
1445
1451
|
160,
|
|
1446
1452
|
96,
|
|
1447
1453
|
144,
|
|
1448
1454
|
192,
|
|
1449
1455
|
160
|
|
1450
|
-
],
|
|
1456
|
+
], Dt = class extends e {
|
|
1451
1457
|
createRenderRoot() {
|
|
1452
1458
|
return this;
|
|
1453
1459
|
}
|
|
@@ -1457,7 +1463,7 @@ var Dt = [
|
|
|
1457
1463
|
role="status"
|
|
1458
1464
|
aria-busy="true"
|
|
1459
1465
|
aria-label=${_("Loading results")}>
|
|
1460
|
-
${
|
|
1466
|
+
${Et.map((e) => n`
|
|
1461
1467
|
<div class="vsn-template__row">
|
|
1462
1468
|
<div class="vsn-template__bar" style="width: ${e}px"></div>
|
|
1463
1469
|
</div>
|
|
@@ -1466,17 +1472,17 @@ var Dt = [
|
|
|
1466
1472
|
`;
|
|
1467
1473
|
}
|
|
1468
1474
|
};
|
|
1469
|
-
|
|
1475
|
+
Dt = N([v(), o("vsn-template")], Dt);
|
|
1470
1476
|
//#endregion
|
|
1471
1477
|
//#region src/components/vsn-side-bar/vsn-error-state/vsn-error-state.ts
|
|
1472
|
-
var
|
|
1478
|
+
var Ot = class extends e {
|
|
1473
1479
|
createRenderRoot() {
|
|
1474
1480
|
return this;
|
|
1475
1481
|
}
|
|
1476
1482
|
render() {
|
|
1477
1483
|
return n`
|
|
1478
1484
|
<div class="vsn-error-state" role="alert" aria-live="assertive">
|
|
1479
|
-
<div class="vsn-error-state__icon">${
|
|
1485
|
+
<div class="vsn-error-state__icon">${k(rt, 24)}</div>
|
|
1480
1486
|
<div class="vsn-error-state__title">${_("Loading error")}</div>
|
|
1481
1487
|
<div class="vsn-error-state__message">${_("We're unable to load the menu.")}</div>
|
|
1482
1488
|
<div class="vsn-error-state__hint">${_("Please check your internet connection and try again.")}</div>
|
|
@@ -1485,15 +1491,15 @@ var kt = class extends e {
|
|
|
1485
1491
|
`;
|
|
1486
1492
|
}
|
|
1487
1493
|
};
|
|
1488
|
-
|
|
1494
|
+
Ot = N([v(), o("vsn-error-state")], Ot);
|
|
1489
1495
|
//#endregion
|
|
1490
1496
|
//#region src/components/vsn-side-bar/vsn-search-scopes/vsn-search-scopes.ts
|
|
1491
|
-
var
|
|
1497
|
+
var kt, K = class extends e {
|
|
1492
1498
|
static {
|
|
1493
|
-
|
|
1499
|
+
kt = this;
|
|
1494
1500
|
}
|
|
1495
1501
|
constructor(...e) {
|
|
1496
|
-
super(...e), this.scopes = [], this.selectedScopeId = "", this._name = `vsn-search-scope-${++
|
|
1502
|
+
super(...e), this.scopes = [], this.selectedScopeId = "", this._name = `vsn-search-scope-${++kt._counter}`;
|
|
1497
1503
|
}
|
|
1498
1504
|
createRenderRoot() {
|
|
1499
1505
|
return this;
|
|
@@ -1531,16 +1537,16 @@ var At, W = class extends e {
|
|
|
1531
1537
|
}));
|
|
1532
1538
|
}
|
|
1533
1539
|
};
|
|
1534
|
-
|
|
1540
|
+
N([s({ attribute: !1 })], K.prototype, "scopes", void 0), N([s()], K.prototype, "selectedScopeId", void 0), K = kt = N([v(), o("vsn-search-scopes")], K);
|
|
1535
1541
|
//#endregion
|
|
1536
1542
|
//#region src/shared/lang/locale-codes.ts
|
|
1537
|
-
var
|
|
1543
|
+
var At = "en", jt = [
|
|
1538
1544
|
"da",
|
|
1539
1545
|
"fi",
|
|
1540
1546
|
"nl",
|
|
1541
1547
|
"no",
|
|
1542
1548
|
"sv"
|
|
1543
|
-
],
|
|
1549
|
+
], Mt = /* @__PURE__ */ p({ templates: () => Nt }), Nt = {
|
|
1544
1550
|
s09a45db408570a7a: "Min profil",
|
|
1545
1551
|
s119f9875b7d4cdfc: "Har du brug for hjælp? Kontakt support.",
|
|
1546
1552
|
s1228605ee65ddefa: g`${0} resultat`,
|
|
@@ -1579,7 +1585,7 @@ var jt = "en", Mt = [
|
|
|
1579
1585
|
sf55d634dcc743595: "Tjenester",
|
|
1580
1586
|
sfbf31f663cef6cc2: "Prøv andre søgeord eller tjek stavningen.",
|
|
1581
1587
|
s38385cd359b17f7a: "Loading modules"
|
|
1582
|
-
},
|
|
1588
|
+
}, Pt = /* @__PURE__ */ p({ templates: () => Ft }), Ft = {
|
|
1583
1589
|
s09a45db408570a7a: "Oma profiili",
|
|
1584
1590
|
s119f9875b7d4cdfc: "Tarvitsetko apua? Ota yhteyttä tukeen.",
|
|
1585
1591
|
s1228605ee65ddefa: g`${0} tulos`,
|
|
@@ -1618,7 +1624,7 @@ var jt = "en", Mt = [
|
|
|
1618
1624
|
sf55d634dcc743595: "Palvelut",
|
|
1619
1625
|
sfbf31f663cef6cc2: "Kokeile eri hakusanoja tai tarkista kirjoitusasu.",
|
|
1620
1626
|
s38385cd359b17f7a: "Loading modules"
|
|
1621
|
-
},
|
|
1627
|
+
}, It = /* @__PURE__ */ p({ templates: () => Lt }), Lt = {
|
|
1622
1628
|
s09a45db408570a7a: "Mijn profiel",
|
|
1623
1629
|
s119f9875b7d4cdfc: "Hulp nodig? Neem contact op met ondersteuning.",
|
|
1624
1630
|
s1228605ee65ddefa: g`${0} resultaat`,
|
|
@@ -1657,7 +1663,7 @@ var jt = "en", Mt = [
|
|
|
1657
1663
|
sf55d634dcc743595: "Services",
|
|
1658
1664
|
sfbf31f663cef6cc2: "Probeer andere zoekwoorden of controleer de spelling.",
|
|
1659
1665
|
s38385cd359b17f7a: "Loading modules"
|
|
1660
|
-
},
|
|
1666
|
+
}, Rt = /* @__PURE__ */ p({ templates: () => zt }), zt = {
|
|
1661
1667
|
s09a45db408570a7a: "Min profil",
|
|
1662
1668
|
s119f9875b7d4cdfc: "Trenger du hjelp? Kontakt støtte.",
|
|
1663
1669
|
s1228605ee65ddefa: g`${0} resultat`,
|
|
@@ -1696,7 +1702,7 @@ var jt = "en", Mt = [
|
|
|
1696
1702
|
sf55d634dcc743595: "Tjenester",
|
|
1697
1703
|
sfbf31f663cef6cc2: "Prøv andre søkeord eller sjekk stavemåten.",
|
|
1698
1704
|
s38385cd359b17f7a: "Loading modules"
|
|
1699
|
-
},
|
|
1705
|
+
}, Bt = /* @__PURE__ */ p({ templates: () => Vt }), Vt = {
|
|
1700
1706
|
s09a45db408570a7a: "Min profil",
|
|
1701
1707
|
s119f9875b7d4cdfc: "Behöver du hjälp? Kontakta support.",
|
|
1702
1708
|
s1228605ee65ddefa: g`${0} resultat`,
|
|
@@ -1735,17 +1741,17 @@ var jt = "en", Mt = [
|
|
|
1735
1741
|
sf55d634dcc743595: "Tjänster",
|
|
1736
1742
|
sfbf31f663cef6cc2: "Prova andra sökord eller kontrollera stavningen.",
|
|
1737
1743
|
s38385cd359b17f7a: "Loading modules"
|
|
1738
|
-
},
|
|
1739
|
-
da:
|
|
1740
|
-
fi:
|
|
1741
|
-
nl:
|
|
1742
|
-
no:
|
|
1743
|
-
sv:
|
|
1744
|
-
}, { getLocale:
|
|
1745
|
-
sourceLocale:
|
|
1746
|
-
targetLocales:
|
|
1747
|
-
loadLocale: (e) =>
|
|
1748
|
-
}),
|
|
1744
|
+
}, Ht = {
|
|
1745
|
+
da: Mt,
|
|
1746
|
+
fi: Pt,
|
|
1747
|
+
nl: It,
|
|
1748
|
+
no: Rt,
|
|
1749
|
+
sv: Bt
|
|
1750
|
+
}, { getLocale: Ut, setLocale: Wt } = we({
|
|
1751
|
+
sourceLocale: At,
|
|
1752
|
+
targetLocales: jt,
|
|
1753
|
+
loadLocale: (e) => Ht[e] ? Promise.resolve(Ht[e]) : Promise.reject(/* @__PURE__ */ Error(`Unknown locale: ${e}`))
|
|
1754
|
+
}), Gt = t`
|
|
1749
1755
|
@layer components {
|
|
1750
1756
|
vsn-footer {
|
|
1751
1757
|
display: block;
|
|
@@ -1795,7 +1801,7 @@ var jt = "en", Mt = [
|
|
|
1795
1801
|
justify-content: center;
|
|
1796
1802
|
}
|
|
1797
1803
|
}
|
|
1798
|
-
`,
|
|
1804
|
+
`, Kt = t`
|
|
1799
1805
|
@layer components {
|
|
1800
1806
|
.vsn-switcher-anchor {
|
|
1801
1807
|
position: relative;
|
|
@@ -1809,7 +1815,7 @@ var jt = "en", Mt = [
|
|
|
1809
1815
|
z-index: 10;
|
|
1810
1816
|
}
|
|
1811
1817
|
}
|
|
1812
|
-
`,
|
|
1818
|
+
`, qt = t`
|
|
1813
1819
|
.vsn-search__trigger,
|
|
1814
1820
|
.vsn-search__clear {
|
|
1815
1821
|
display: inline-flex;
|
|
@@ -1858,7 +1864,7 @@ var jt = "en", Mt = [
|
|
|
1858
1864
|
.ga-side-navigation__search input::placeholder {
|
|
1859
1865
|
color: var(--ga-color-text-disable-selected);
|
|
1860
1866
|
}
|
|
1861
|
-
`,
|
|
1867
|
+
`, Jt = t`
|
|
1862
1868
|
.vsn-search-results__empty {
|
|
1863
1869
|
display: flex;
|
|
1864
1870
|
flex-direction: column;
|
|
@@ -1927,7 +1933,7 @@ var jt = "en", Mt = [
|
|
|
1927
1933
|
cursor: not-allowed;
|
|
1928
1934
|
opacity: 0.5;
|
|
1929
1935
|
}
|
|
1930
|
-
`,
|
|
1936
|
+
`, Yt = t`
|
|
1931
1937
|
@layer components {
|
|
1932
1938
|
vsn-search-scopes {
|
|
1933
1939
|
display: block;
|
|
@@ -1948,7 +1954,7 @@ var jt = "en", Mt = [
|
|
|
1948
1954
|
text-overflow: ellipsis;
|
|
1949
1955
|
}
|
|
1950
1956
|
}
|
|
1951
|
-
`,
|
|
1957
|
+
`, Xt = t`
|
|
1952
1958
|
.vsn-template__row {
|
|
1953
1959
|
display: flex;
|
|
1954
1960
|
flex-direction: column;
|
|
@@ -1963,7 +1969,7 @@ var jt = "en", Mt = [
|
|
|
1963
1969
|
background: var(--ga-color-miscellaneous-skeleton-element, #F2F3F5);
|
|
1964
1970
|
flex-shrink: 0;
|
|
1965
1971
|
}
|
|
1966
|
-
`,
|
|
1972
|
+
`, Zt = t`
|
|
1967
1973
|
.vsn-error-state {
|
|
1968
1974
|
display: flex;
|
|
1969
1975
|
flex-direction: column;
|
|
@@ -2002,7 +2008,7 @@ var jt = "en", Mt = [
|
|
|
2002
2008
|
font-weight: 400;
|
|
2003
2009
|
color: var(--ga-color-text-on-disabled);
|
|
2004
2010
|
}
|
|
2005
|
-
`,
|
|
2011
|
+
`, Qt = t`
|
|
2006
2012
|
.vsn-spinner {
|
|
2007
2013
|
display: inline-block;
|
|
2008
2014
|
flex-shrink: 0;
|
|
@@ -2022,14 +2028,14 @@ var jt = "en", Mt = [
|
|
|
2022
2028
|
@keyframes vsn-spin {
|
|
2023
2029
|
to { transform: rotate(360deg); }
|
|
2024
2030
|
}
|
|
2025
|
-
`,
|
|
2031
|
+
`, $t = "button:not([disabled]), a[href], [tabindex]:not([tabindex=\"-1\"])", en = class {
|
|
2026
2032
|
constructor(e) {
|
|
2027
2033
|
this.onKeydown = (e) => {
|
|
2028
|
-
if (e.defaultPrevented ||
|
|
2034
|
+
if (e.defaultPrevented || T(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
|
|
2029
2035
|
let t = this.host.renderRoot.querySelector("slot[name=\"nav-footer\"]");
|
|
2030
2036
|
if (!t) return;
|
|
2031
2037
|
let n = [];
|
|
2032
|
-
for (let e of t.assignedElements({ flatten: !0 })) e.matches(
|
|
2038
|
+
for (let e of t.assignedElements({ flatten: !0 })) e.matches($t) && n.push(e), n.push(...Array.from(e.querySelectorAll($t)));
|
|
2033
2039
|
if (n.length === 0) return;
|
|
2034
2040
|
let r = e.composedPath()[0];
|
|
2035
2041
|
if (!(r instanceof HTMLElement)) return;
|
|
@@ -2041,7 +2047,7 @@ var jt = "en", Mt = [
|
|
|
2041
2047
|
}, this.host = e, e.addController(this);
|
|
2042
2048
|
}
|
|
2043
2049
|
hostConnected() {}
|
|
2044
|
-
},
|
|
2050
|
+
}, tn = t`
|
|
2045
2051
|
.ga-scroll {
|
|
2046
2052
|
scrollbar-color: var(--ga-color-text-disabled) var(--ga-color-surface-page);
|
|
2047
2053
|
scrollbar-width: thin;
|
|
@@ -2087,21 +2093,21 @@ var jt = "en", Mt = [
|
|
|
2087
2093
|
color: inherit;
|
|
2088
2094
|
}
|
|
2089
2095
|
}
|
|
2090
|
-
`,
|
|
2096
|
+
`, q = class extends e {
|
|
2091
2097
|
static {
|
|
2092
2098
|
this.styles = [
|
|
2093
2099
|
h,
|
|
2094
|
-
|
|
2095
|
-
qt,
|
|
2096
|
-
nn,
|
|
2100
|
+
tn,
|
|
2097
2101
|
Kt,
|
|
2102
|
+
nn,
|
|
2103
|
+
Gt,
|
|
2098
2104
|
rn,
|
|
2105
|
+
qt,
|
|
2099
2106
|
Jt,
|
|
2100
2107
|
Yt,
|
|
2101
2108
|
Xt,
|
|
2102
2109
|
Zt,
|
|
2103
2110
|
Qt,
|
|
2104
|
-
$t,
|
|
2105
2111
|
t`
|
|
2106
2112
|
:host {
|
|
2107
2113
|
position: absolute;
|
|
@@ -2126,7 +2132,7 @@ var jt = "en", Mt = [
|
|
|
2126
2132
|
};
|
|
2127
2133
|
}
|
|
2128
2134
|
constructor() {
|
|
2129
|
-
super(), this.modules = [], this.modulesLoading = !1, this.moduleSwitcherAlwaysOpen = !1, this.lang = "en", this.error = !1, this.open = !1, this._searchQuery = "", this._searchLoading = !1, this._activeScopeId =
|
|
2135
|
+
super(), this.modules = [], this.modulesLoading = !1, this.moduleSwitcherAlwaysOpen = !1, this.lang = "en", this.error = !1, this.open = !1, this._searchQuery = "", this._searchLoading = !1, this._activeScopeId = O, this._searchLoadingMore = !1, this._moduleSwitcherMaxHeight = 0, this._hasPageTitle = !1, this._navFooterKeyboard = new en(this), this._customWidthPerLanguage = { fi: "30em" }, this._onNavigate = (e) => {
|
|
2130
2136
|
this._searchQuery = "", this._searchResults = void 0, this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
|
|
2131
2137
|
bubbles: !0,
|
|
2132
2138
|
composed: !0
|
|
@@ -2145,24 +2151,24 @@ var jt = "en", Mt = [
|
|
|
2145
2151
|
this._activeScopeId = e.detail.scopeId, this._runSearch(this._searchQuery, this._activeScopeId);
|
|
2146
2152
|
}, this._resizeObserver = new ResizeObserver((e) => {
|
|
2147
2153
|
this._observeMenuSize(e);
|
|
2148
|
-
}), this._resizeObserver.observe(this), new
|
|
2154
|
+
}), this._resizeObserver.observe(this), new R(this, () => this.open);
|
|
2149
2155
|
}
|
|
2150
2156
|
downLevelTree(e) {
|
|
2151
2157
|
if (!e) return;
|
|
2152
2158
|
let t = e[0];
|
|
2153
|
-
if (!(!t || !
|
|
2159
|
+
if (!(!t || !M(t))) return t;
|
|
2154
2160
|
}
|
|
2155
2161
|
_observeMenuSize(e) {
|
|
2156
2162
|
this._moduleSwitcherMaxHeight = Math.max(0, e[0].contentRect.height - 134);
|
|
2157
2163
|
}
|
|
2158
2164
|
willUpdate(e) {
|
|
2159
|
-
e.has("lang") &&
|
|
2165
|
+
e.has("lang") && Wt(this.lang).catch(console.error), e.has("open") && e.get("open") && !this.open && this.resetSidebarToInitialState(), e.has("menu") && (this._hasPageTitle = this.menu?.pageTitle !== void 0, e.get("menu")?.items !== this.menu?.items && this._runSearch(this._searchQuery, this._activeScopeId));
|
|
2160
2166
|
}
|
|
2161
2167
|
updated(e) {
|
|
2162
2168
|
e.has("open") && this.open && this._scrollActiveItemIntoView(), e.has("menu") && this.open && this.menu?.currentItem && (e.get("menu")?.currentItem || this._scrollActiveItemIntoView());
|
|
2163
2169
|
}
|
|
2164
2170
|
resetSidebarToInitialState() {
|
|
2165
|
-
this._searchQuery = "", this._activeScopeId =
|
|
2171
|
+
this._searchQuery = "", this._activeScopeId = O, this._clearSearchState(), this.renderRoot.querySelector("vsn-header")?.reset(), this.renderRoot.querySelector("vsn-footer")?.reset();
|
|
2166
2172
|
}
|
|
2167
2173
|
render() {
|
|
2168
2174
|
let e = this._viewMode();
|
|
@@ -2204,19 +2210,19 @@ var jt = "en", Mt = [
|
|
|
2204
2210
|
await this.updateComplete, this.renderRoot.querySelector("vsn-header")?.focus();
|
|
2205
2211
|
}
|
|
2206
2212
|
_onSearchInput(e) {
|
|
2207
|
-
this._searchQuery = e.detail.value,
|
|
2213
|
+
this._searchQuery = e.detail.value, D(e.detail.value) || this._clearSearchState();
|
|
2208
2214
|
}
|
|
2209
2215
|
_onSearchSubmit(e) {
|
|
2210
2216
|
this._runSearch(e.detail.query, this._activeScopeId);
|
|
2211
2217
|
}
|
|
2212
2218
|
_onSearchCleared() {
|
|
2213
|
-
this._searchQuery = "", this._activeScopeId =
|
|
2219
|
+
this._searchQuery = "", this._activeScopeId = O, this._clearSearchState(), this.focusSearch();
|
|
2214
2220
|
}
|
|
2215
2221
|
_clearSearchState() {
|
|
2216
2222
|
this._searchAbort?.abort(), this._searchAbort = void 0, this._searchResults = void 0, this._searchLoading = !1, this._searchLoadingMore = !1, this._searchError = void 0, this._searchNextCursor = void 0;
|
|
2217
2223
|
}
|
|
2218
2224
|
async _runSearch(e, t) {
|
|
2219
|
-
if (this._searchAbort?.abort(), this._searchAbort = void 0, this._searchError = void 0, this._searchNextCursor = void 0, this._searchLoadingMore = !1, !
|
|
2225
|
+
if (this._searchAbort?.abort(), this._searchAbort = void 0, this._searchError = void 0, this._searchNextCursor = void 0, this._searchLoadingMore = !1, !D(e)) {
|
|
2220
2226
|
this._searchResults = void 0, this._searchLoading = !1;
|
|
2221
2227
|
return;
|
|
2222
2228
|
}
|
|
@@ -2267,7 +2273,7 @@ var jt = "en", Mt = [
|
|
|
2267
2273
|
let t = this._menu?.items, n = Ne(e.toLowerCase());
|
|
2268
2274
|
if (!t?.length || n.length === 0) return [];
|
|
2269
2275
|
let r = [], i = (e, t) => {
|
|
2270
|
-
for (let a of e) if (
|
|
2276
|
+
for (let a of e) if (M(a)) i(a.items, [...t, a]);
|
|
2271
2277
|
else {
|
|
2272
2278
|
let e = `${a.label} ${a.keywords ?? ""}`.toLowerCase();
|
|
2273
2279
|
if (n.every((t) => e.includes(t))) {
|
|
@@ -2329,7 +2335,7 @@ var jt = "en", Mt = [
|
|
|
2329
2335
|
return e.length === 0 ? n`` : n`
|
|
2330
2336
|
<vsn-search-scopes
|
|
2331
2337
|
.scopes=${[{
|
|
2332
|
-
id:
|
|
2338
|
+
id: O,
|
|
2333
2339
|
label: Fe()
|
|
2334
2340
|
}, ...e.map((e) => ({
|
|
2335
2341
|
id: e.id,
|
|
@@ -2354,13 +2360,13 @@ var jt = "en", Mt = [
|
|
|
2354
2360
|
`;
|
|
2355
2361
|
}
|
|
2356
2362
|
};
|
|
2357
|
-
|
|
2363
|
+
N([s({ attribute: !1 })], q.prototype, "modules", void 0), N([s()], q.prototype, "activeModuleId", void 0), N([s()], q.prototype, "activeModuleLabel", void 0), N([s({ type: Boolean })], q.prototype, "modulesLoading", void 0), N([s({ type: Boolean })], q.prototype, "moduleSwitcherAlwaysOpen", void 0), N([s()], q.prototype, "lang", void 0), N([s({ attribute: !1 })], q.prototype, "auth", void 0), N([s({ type: Boolean })], q.prototype, "error", void 0), N([s({
|
|
2358
2364
|
type: Boolean,
|
|
2359
2365
|
reflect: !0
|
|
2360
|
-
})],
|
|
2366
|
+
})], q.prototype, "open", void 0), N([s({ attribute: !1 })], q.prototype, "menu", void 0), N([l()], q.prototype, "_searchQuery", void 0), N([l()], q.prototype, "_searchResults", void 0), N([l()], q.prototype, "_searchLoading", void 0), N([l()], q.prototype, "_activeScopeId", void 0), N([l()], q.prototype, "_searchError", void 0), N([l()], q.prototype, "_searchNextCursor", void 0), N([l()], q.prototype, "_searchLoadingMore", void 0), N([l()], q.prototype, "_moduleSwitcherMaxHeight", void 0), N([l()], q.prototype, "_hasPageTitle", void 0), q = N([o("vsn-side-bar")], q);
|
|
2361
2367
|
//#endregion
|
|
2362
2368
|
//#region src/components/vsn-top-bar/vsn-breadcrumb-menu-item.ts
|
|
2363
|
-
var an,
|
|
2369
|
+
var an, J = class extends e {
|
|
2364
2370
|
static {
|
|
2365
2371
|
an = this;
|
|
2366
2372
|
}
|
|
@@ -2382,15 +2388,15 @@ var an, q = class extends e {
|
|
|
2382
2388
|
}, this._onItemMouseLeave = () => {
|
|
2383
2389
|
this._showTooltip = !1;
|
|
2384
2390
|
}, this._onKeyDown = (e) => {
|
|
2385
|
-
e.defaultPrevented ||
|
|
2391
|
+
e.defaultPrevented || T(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));
|
|
2386
2392
|
}, this._onClick = (e) => {
|
|
2387
2393
|
if (e.defaultPrevented) return;
|
|
2388
2394
|
if (this._isParent()) {
|
|
2389
|
-
if (
|
|
2395
|
+
if (T(e)) return;
|
|
2390
2396
|
e.preventDefault(), this._isExpanded = !this._isExpanded;
|
|
2391
2397
|
return;
|
|
2392
2398
|
}
|
|
2393
|
-
if (!this.tree || e.button !== 0 ||
|
|
2399
|
+
if (!this.tree || e.button !== 0 || T(e)) return;
|
|
2394
2400
|
e.preventDefault();
|
|
2395
2401
|
let t = [...this.ancestorPath, this.tree];
|
|
2396
2402
|
this.dispatchEvent(new CustomEvent("vsn-breadcrumb-menu-leaf-select", {
|
|
@@ -2398,7 +2404,7 @@ var an, q = class extends e {
|
|
|
2398
2404
|
bubbles: !0,
|
|
2399
2405
|
composed: !0
|
|
2400
2406
|
}));
|
|
2401
|
-
}, this._tooltipId = `vsn-menu-item-tooltip-${an._idCounter++}`, new
|
|
2407
|
+
}, this._tooltipId = `vsn-menu-item-tooltip-${an._idCounter++}`, new R(this, () => this._isExpanded);
|
|
2402
2408
|
}
|
|
2403
2409
|
createRenderRoot() {
|
|
2404
2410
|
return this;
|
|
@@ -2424,7 +2430,7 @@ var an, q = class extends e {
|
|
|
2424
2430
|
<div class="ga-tooltip ga-tooltip--right-start" style="white-space: nowrap">${e}</div>
|
|
2425
2431
|
</div>
|
|
2426
2432
|
<span class="ga-side-navigation__item-icon">
|
|
2427
|
-
${this._isParent() ? this._isExpanded ?
|
|
2433
|
+
${this._isParent() ? this._isExpanded ? k(A, 16) : k(it, 16) : ""}
|
|
2428
2434
|
</span>
|
|
2429
2435
|
<div class="ga-side-navigation__item-content">
|
|
2430
2436
|
<div class="ga-side-navigation__item-label">${e}</div>
|
|
@@ -2434,7 +2440,7 @@ var an, q = class extends e {
|
|
|
2434
2440
|
<div class="${d(t)}" role="button" tabindex="0" aria-expanded=${this._isExpanded} aria-describedby="${this._tooltipId}" @click=${this._onClick} @keydown=${this._onKeyDown}
|
|
2435
2441
|
@mouseenter=${this._onItemMouseEnter} @mouseleave=${this._onItemMouseLeave}>${r}
|
|
2436
2442
|
</div>` : n`<a class="${d(t)}" aria-describedby="${this._tooltipId}"
|
|
2437
|
-
href="${this.tree &&
|
|
2443
|
+
href="${this.tree && j(this.tree) ? this.tree.url : ""}" @click=${this._onClick}
|
|
2438
2444
|
@mouseenter=${this._onItemMouseEnter} @mouseleave=${this._onItemMouseLeave}>${r}</a>`;
|
|
2439
2445
|
}
|
|
2440
2446
|
_menuItem(e, t) {
|
|
@@ -2442,19 +2448,19 @@ var an, q = class extends e {
|
|
|
2442
2448
|
<vsn-breadcrumb-menu-item .tree=${e} .level=${t} .ancestorPath=${this.tree ? [...this.ancestorPath, this.tree] : this.ancestorPath}></vsn-breadcrumb-menu-item>`;
|
|
2443
2449
|
}
|
|
2444
2450
|
_getTreeItems(e) {
|
|
2445
|
-
if (e !== void 0 &&
|
|
2451
|
+
if (e !== void 0 && M(e)) return e.items;
|
|
2446
2452
|
}
|
|
2447
2453
|
_isParent() {
|
|
2448
|
-
if (this.tree &&
|
|
2454
|
+
if (this.tree && M(this.tree)) return this.tree.items.length > 0;
|
|
2449
2455
|
}
|
|
2450
2456
|
};
|
|
2451
|
-
|
|
2457
|
+
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 = an = N([o("vsn-breadcrumb-menu-item")], J);
|
|
2452
2458
|
//#endregion
|
|
2453
2459
|
//#region src/components/vsn-top-bar/vsn-breadcrumb-menu.ts
|
|
2454
2460
|
var on = class extends e {
|
|
2455
2461
|
constructor() {
|
|
2456
2462
|
super(), this._handleKeyDown = (e) => {
|
|
2457
|
-
if (e.defaultPrevented ||
|
|
2463
|
+
if (e.defaultPrevented || T(e)) return;
|
|
2458
2464
|
if (e.key === "Escape") {
|
|
2459
2465
|
e.preventDefault(), this.dispatchEvent(new CustomEvent("vsn-breadcrumb-menu-close", {
|
|
2460
2466
|
bubbles: !0,
|
|
@@ -2471,7 +2477,7 @@ var on = class extends e {
|
|
|
2471
2477
|
if (!t.length) return;
|
|
2472
2478
|
let n = t.indexOf(e.target);
|
|
2473
2479
|
n !== -1 && (e.preventDefault(), e.key === "ArrowDown" ? n < t.length - 1 && t[n + 1].focus() : n > 0 && t[n - 1].focus());
|
|
2474
|
-
}, new
|
|
2480
|
+
}, new R(this, () => !0);
|
|
2475
2481
|
}
|
|
2476
2482
|
createRenderRoot() {
|
|
2477
2483
|
return this;
|
|
@@ -2498,10 +2504,10 @@ var on = class extends e {
|
|
|
2498
2504
|
`;
|
|
2499
2505
|
}
|
|
2500
2506
|
};
|
|
2501
|
-
|
|
2507
|
+
N([s({ attribute: !1 })], on.prototype, "treeList", void 0), on = N([o("vsn-breadcrumb-menu")], on);
|
|
2502
2508
|
//#endregion
|
|
2503
2509
|
//#region src/components/vsn-top-bar/vsn-breadcrumbs.ts
|
|
2504
|
-
var
|
|
2510
|
+
var Y = class extends e {
|
|
2505
2511
|
constructor(...e) {
|
|
2506
2512
|
super(...e), this.modules = [], this.modulesLoading = !1, this._openPopoverId = null, this._displayMode = "full", this._overflowCount = 0, this._tooltip = null, this._mqDesktop = window.matchMedia("(min-width: 1440px)"), this._mqTablet = window.matchMedia("(min-width: 768px) and (max-width: 1439px)"), this._ro = null, this._lastContainerWidth = 0, this._mounted = !1, this._handleMediaChange = () => {
|
|
2507
2513
|
this._mqDesktop.matches ? (this._displayMode = "full", this._overflowCount = 0) : this._mqTablet.matches ? (this._displayMode = "overflow", this._overflowCount = 0, this._mounted && this.updateComplete.then(() => this._recalculateOverflow())) : (this._displayMode = "mobile", this._overflowCount = 0);
|
|
@@ -2522,8 +2528,8 @@ var J = class extends e {
|
|
|
2522
2528
|
static {
|
|
2523
2529
|
this.styles = [
|
|
2524
2530
|
h,
|
|
2525
|
-
|
|
2526
|
-
|
|
2531
|
+
tn,
|
|
2532
|
+
Qt,
|
|
2527
2533
|
t`
|
|
2528
2534
|
.vsn-bc-modules-loading {
|
|
2529
2535
|
display: flex;
|
|
@@ -2646,7 +2652,7 @@ var J = class extends e {
|
|
|
2646
2652
|
_findPath(e, t, n = []) {
|
|
2647
2653
|
let r = [...n, e];
|
|
2648
2654
|
if (e.id === t) return r;
|
|
2649
|
-
for (let n of
|
|
2655
|
+
for (let n of M(e) ? e.items : []) {
|
|
2650
2656
|
let e = this._findPath(n, t, r);
|
|
2651
2657
|
if (e) return e;
|
|
2652
2658
|
}
|
|
@@ -2659,7 +2665,7 @@ var J = class extends e {
|
|
|
2659
2665
|
return `vsn-bc-item-${e}-trigger`;
|
|
2660
2666
|
}
|
|
2661
2667
|
_onLeafAsAncestorClick(e, t) {
|
|
2662
|
-
e.button !== 0 ||
|
|
2668
|
+
e.button !== 0 || T(e) || (e.preventDefault(), this.dispatchEvent(new CustomEvent("vsn-menu-item-changed", {
|
|
2663
2669
|
detail: t,
|
|
2664
2670
|
bubbles: !0,
|
|
2665
2671
|
composed: !0
|
|
@@ -2765,14 +2771,14 @@ var J = class extends e {
|
|
|
2765
2771
|
_handleLeafSelect(e, t) {
|
|
2766
2772
|
(this.shadowRoot?.getElementById(t))?.hidePopover?.();
|
|
2767
2773
|
let n = e.detail.path, r = n[n.length - 1];
|
|
2768
|
-
r &&
|
|
2774
|
+
r && j(r) && this.dispatchEvent(new CustomEvent("vsn-menu-item-changed", {
|
|
2769
2775
|
detail: r,
|
|
2770
2776
|
bubbles: !0,
|
|
2771
2777
|
composed: !0
|
|
2772
2778
|
}));
|
|
2773
2779
|
}
|
|
2774
2780
|
_renderLeafAsAncestor(e) {
|
|
2775
|
-
let t =
|
|
2781
|
+
let t = j(e) ? n`<a class="ga-breadcrumb-item__trigger" href=${e.url} @click=${(t) => this._onLeafAsAncestorClick(t, e)}>
|
|
2776
2782
|
<span class="ga-breadcrumb-item__label">${e.label ?? ""}</span>
|
|
2777
2783
|
</a>` : n`<span class="ga-breadcrumb-item__trigger">
|
|
2778
2784
|
<span class="ga-breadcrumb-item__label">${e.label ?? ""}</span>
|
|
@@ -2787,7 +2793,7 @@ var J = class extends e {
|
|
|
2787
2793
|
</div>`;
|
|
2788
2794
|
}
|
|
2789
2795
|
_renderLastItem(e, t, r) {
|
|
2790
|
-
return r ? n`${
|
|
2796
|
+
return r ? n`${M(e) && e.items.length > 0 ? this._renderBreadcrumbItem(e, t) : this._renderLeafAsAncestor(e)}${this._renderPageTitle(r)}` : this._renderCurrentItem(e);
|
|
2791
2797
|
}
|
|
2792
2798
|
_renderPageTitle(e) {
|
|
2793
2799
|
return n`
|
|
@@ -2809,7 +2815,7 @@ var J = class extends e {
|
|
|
2809
2815
|
</div>`;
|
|
2810
2816
|
}
|
|
2811
2817
|
_renderBreadcrumbItem(e, t) {
|
|
2812
|
-
if (!
|
|
2818
|
+
if (!M(e) || e.items.length === 0) return n``;
|
|
2813
2819
|
let i = this._popoverItemId(t), a = this._popoverItemTriggerId(t);
|
|
2814
2820
|
return n`
|
|
2815
2821
|
<div class="ga-breadcrumb-item ga-breadcrumb-item--link"
|
|
@@ -2911,7 +2917,7 @@ var J = class extends e {
|
|
|
2911
2917
|
`;
|
|
2912
2918
|
}
|
|
2913
2919
|
};
|
|
2914
|
-
|
|
2920
|
+
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([v(), o("vsn-breadcrumbs")], Y);
|
|
2915
2921
|
//#endregion
|
|
2916
2922
|
//#region src/components/vsn-top-bar/vsn-ai-assistant.ts
|
|
2917
2923
|
var sn = class extends e {
|
|
@@ -2929,15 +2935,15 @@ var sn = class extends e {
|
|
|
2929
2935
|
return n`
|
|
2930
2936
|
<button type="button" class="ga-button ga-button--secondary ga-button--icon-only"
|
|
2931
2937
|
aria-label=${_("Open AI assistant")} @click=${this._handleClick}>
|
|
2932
|
-
<span class="ga-icon">${
|
|
2938
|
+
<span class="ga-icon">${k(We)}</span>
|
|
2933
2939
|
</button>
|
|
2934
2940
|
`;
|
|
2935
2941
|
}
|
|
2936
2942
|
};
|
|
2937
|
-
sn =
|
|
2943
|
+
sn = N([v(), o("vsn-ai-assistant")], sn);
|
|
2938
2944
|
//#endregion
|
|
2939
2945
|
//#region src/components/vsn-top-bar/vsn-feedback.ts
|
|
2940
|
-
var
|
|
2946
|
+
var X = class extends e {
|
|
2941
2947
|
constructor(...e) {
|
|
2942
2948
|
super(...e), this._compact = !1, this.feedback = null, this.lang = "en", this._mqMobile = window.matchMedia("(max-width: 767px)"), this._handleMediaChange = () => {
|
|
2943
2949
|
this._compact = this._mqMobile.matches;
|
|
@@ -3039,7 +3045,7 @@ var Y = class extends e {
|
|
|
3039
3045
|
return this._compact ? n`
|
|
3040
3046
|
<button type="button" class="ga-button ga-button--secondary ga-button--icon-only"
|
|
3041
3047
|
aria-label=${_("Send feedback")} @click=${this._handleClick}>
|
|
3042
|
-
<span class="ga-icon">${
|
|
3048
|
+
<span class="ga-icon">${k(qe)}</span>
|
|
3043
3049
|
</button>
|
|
3044
3050
|
` : n`
|
|
3045
3051
|
<button type="button" class="ga-button ga-button--secondary" aria-label=${_("Send feedback")}
|
|
@@ -3049,7 +3055,7 @@ var Y = class extends e {
|
|
|
3049
3055
|
`;
|
|
3050
3056
|
}
|
|
3051
3057
|
};
|
|
3052
|
-
|
|
3058
|
+
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([v(), o("vsn-feedback")], X);
|
|
3053
3059
|
//#endregion
|
|
3054
3060
|
//#region src/components/vsn-top-bar/vsn-home.ts
|
|
3055
3061
|
var cn = class extends e {
|
|
@@ -3071,12 +3077,12 @@ var cn = class extends e {
|
|
|
3071
3077
|
return this.landingPageUrl ? n`
|
|
3072
3078
|
<a href=${this.landingPageUrl} class="ga-button ga-button--ghost ga-button--icon-only" aria-label=${_("Home")}
|
|
3073
3079
|
@click=${this._handleClick}>
|
|
3074
|
-
<span class="ga-icon">${
|
|
3080
|
+
<span class="ga-icon">${k(Je)}</span>
|
|
3075
3081
|
</a>
|
|
3076
3082
|
` : r;
|
|
3077
3083
|
}
|
|
3078
3084
|
};
|
|
3079
|
-
|
|
3085
|
+
N([s({ attribute: "landing-page-url" })], cn.prototype, "landingPageUrl", void 0), cn = N([v(), o("vsn-home")], cn);
|
|
3080
3086
|
//#endregion
|
|
3081
3087
|
//#region src/components/vsn-top-bar/vsn-menu-toggle.ts
|
|
3082
3088
|
var ln = class extends e {
|
|
@@ -3106,17 +3112,18 @@ var ln = class extends e {
|
|
|
3106
3112
|
@click=${this._handleClick}
|
|
3107
3113
|
@mouseenter=${this._onActivate}
|
|
3108
3114
|
@mouseleave=${this._onDeactivate}>
|
|
3109
|
-
<span class="ga-icon">${
|
|
3115
|
+
<span class="ga-icon">${k(Ue)}</span>
|
|
3110
3116
|
</button>
|
|
3111
3117
|
<div id="vsn-menu-toggle-tooltip" role="tooltip"
|
|
3112
3118
|
style="position: fixed; inset: unset; margin: 0; padding: 0; border: none; background: transparent; overflow: visible; pointer-events: none; z-index: 9999;"
|
|
3113
3119
|
popover="manual">
|
|
3114
|
-
<div class="ga-tooltip ga-tooltip--bottom-start" style="white-space: nowrap"
|
|
3120
|
+
<div class="ga-tooltip ga-tooltip--bottom-start kbd-only" style="white-space: nowrap;">
|
|
3121
|
+
<span class="content">${Me()}</span></div>
|
|
3115
3122
|
</div>
|
|
3116
3123
|
`;
|
|
3117
3124
|
}
|
|
3118
3125
|
};
|
|
3119
|
-
|
|
3126
|
+
N([c("div[role=\"tooltip\"]", !0)], ln.prototype, "_tooltipElement", void 0), ln = N([v(), o("vsn-menu-toggle")], ln);
|
|
3120
3127
|
//#endregion
|
|
3121
3128
|
//#region src/components/vsn-top-bar/vsn-notifications.ts
|
|
3122
3129
|
var un = class extends e {
|
|
@@ -3138,16 +3145,16 @@ var un = class extends e {
|
|
|
3138
3145
|
return n`
|
|
3139
3146
|
<button type="button" class="ga-button ga-button--secondary ga-button--icon-only"
|
|
3140
3147
|
aria-label=${_("Notifications")} @click=${this._handleClick}>
|
|
3141
|
-
<span class="ga-icon">${
|
|
3148
|
+
<span class="ga-icon">${k(e)}</span>
|
|
3142
3149
|
</button>
|
|
3143
3150
|
`;
|
|
3144
3151
|
}
|
|
3145
3152
|
};
|
|
3146
|
-
|
|
3153
|
+
N([s({
|
|
3147
3154
|
type: Boolean,
|
|
3148
3155
|
attribute: "notification-active",
|
|
3149
3156
|
reflect: !0
|
|
3150
|
-
})], un.prototype, "notificationActive", void 0), un =
|
|
3157
|
+
})], un.prototype, "notificationActive", void 0), un = N([v(), o("vsn-notifications")], un);
|
|
3151
3158
|
//#endregion
|
|
3152
3159
|
//#region src/components/vsn-top-bar/vsn-help.ts
|
|
3153
3160
|
function dn(e) {
|
|
@@ -3158,7 +3165,7 @@ function dn(e) {
|
|
|
3158
3165
|
return !1;
|
|
3159
3166
|
}
|
|
3160
3167
|
}
|
|
3161
|
-
var
|
|
3168
|
+
var fn = class extends e {
|
|
3162
3169
|
createRenderRoot() {
|
|
3163
3170
|
return this;
|
|
3164
3171
|
}
|
|
@@ -3173,17 +3180,17 @@ var X = class extends e {
|
|
|
3173
3180
|
return this.helpUrl && dn(this.helpUrl) ? n`
|
|
3174
3181
|
<a href=${this.helpUrl} target="_blank" rel="noopener noreferrer" class="ga-button ga-button--secondary ga-button--icon-only"
|
|
3175
3182
|
aria-label=${_("Help")}>
|
|
3176
|
-
<span class="ga-icon">${
|
|
3183
|
+
<span class="ga-icon">${k(Ye)}</span>
|
|
3177
3184
|
</a>
|
|
3178
3185
|
` : n`
|
|
3179
3186
|
<button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${_("Help")}
|
|
3180
3187
|
@click=${this._handleClick}>
|
|
3181
|
-
<span class="ga-icon">${
|
|
3188
|
+
<span class="ga-icon">${k(Ye)}</span>
|
|
3182
3189
|
</button>
|
|
3183
3190
|
`;
|
|
3184
3191
|
}
|
|
3185
3192
|
};
|
|
3186
|
-
|
|
3193
|
+
N([s({ attribute: "help-url" })], fn.prototype, "helpUrl", void 0), fn = N([v(), o("vsn-help")], fn);
|
|
3187
3194
|
//#endregion
|
|
3188
3195
|
//#region src/components/vsn-top-bar/vsn-top-bar.ts
|
|
3189
3196
|
var Z = class extends e {
|
|
@@ -3191,7 +3198,7 @@ var Z = class extends e {
|
|
|
3191
3198
|
super(...e), this.modules = [], this.feedback = null, this.showHelp = !1, this.showNotification = !1, this.notificationActive = !1, this.modulesLoading = !1, this.lang = "en";
|
|
3192
3199
|
}
|
|
3193
3200
|
willUpdate(e) {
|
|
3194
|
-
e.has("lang") &&
|
|
3201
|
+
e.has("lang") && Wt(this.lang).catch(console.error);
|
|
3195
3202
|
}
|
|
3196
3203
|
focusMenuToggle() {
|
|
3197
3204
|
this.renderRoot.querySelector("vsn-menu-toggle")?.focus();
|
|
@@ -3233,6 +3240,53 @@ var Z = class extends e {
|
|
|
3233
3240
|
border-color: transparent;
|
|
3234
3241
|
}
|
|
3235
3242
|
|
|
3243
|
+
.ga-tooltip {
|
|
3244
|
+
padding: calc(var(--ga-size-spacing-03) * var(--ga-base-scaling-factor, 1));
|
|
3245
|
+
}
|
|
3246
|
+
|
|
3247
|
+
.ga-tooltip .content {
|
|
3248
|
+
line-height: 24px;
|
|
3249
|
+
width: 172px;
|
|
3250
|
+
display: flex;
|
|
3251
|
+
padding-left: calc(var(--ga-size-spacing-02) * var(--ga-base-scaling-factor, 1));
|
|
3252
|
+
padding-right: calc(var(--ga-size-spacing-02) * var(--ga-base-scaling-factor, 1));
|
|
3253
|
+
gap: calc(var(--ga-size-spacing-01) * var(--ga-base-scaling-factor, 1));
|
|
3254
|
+
font-size: calc(var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)) !important;
|
|
3255
|
+
align-items: center;
|
|
3256
|
+
}
|
|
3257
|
+
|
|
3258
|
+
.ga-tooltip.kbd-only .content {
|
|
3259
|
+
line-height: 16px;
|
|
3260
|
+
width: auto;
|
|
3261
|
+
justify-content: center;
|
|
3262
|
+
}
|
|
3263
|
+
|
|
3264
|
+
.ga-tooltip kbd {
|
|
3265
|
+
border: 0 !important;
|
|
3266
|
+
border-radius: var(--ga-radius) !important;
|
|
3267
|
+
background-color: var(--ga-color-surface-action) !important;
|
|
3268
|
+
color: var(--ga-color-text-on-action) !important;
|
|
3269
|
+
padding-inline: calc(var(--ga-size-spacing-02) * var(--ga-base-scaling-factor, 1)) !important;
|
|
3270
|
+
padding-block: 1px !important;
|
|
3271
|
+
font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
|
|
3272
|
+
font-size: calc(var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)) !important;
|
|
3273
|
+
line-height: calc(var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)) !important;
|
|
3274
|
+
letter-spacing: calc(var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)) !important;
|
|
3275
|
+
box-shadow: none !important;
|
|
3276
|
+
font-variant-numeric: tabular-nums;
|
|
3277
|
+
display: flex;
|
|
3278
|
+
gap: calc(var(--ga-size-spacing-01) * var(--ga-base-scaling-factor, 1));
|
|
3279
|
+
}
|
|
3280
|
+
|
|
3281
|
+
.ga-tooltip.kbd-only kbd {
|
|
3282
|
+
padding-block: 0 !important;
|
|
3283
|
+
background: transparent !important;
|
|
3284
|
+
}
|
|
3285
|
+
|
|
3286
|
+
.ga-tooltip kbd > kbd {
|
|
3287
|
+
padding: 0 !important;
|
|
3288
|
+
}
|
|
3289
|
+
|
|
3236
3290
|
@media (max-width: 767px) {
|
|
3237
3291
|
.ga-page-header__global-navigation {
|
|
3238
3292
|
flex-wrap: wrap;
|
|
@@ -3296,19 +3350,19 @@ var Z = class extends e {
|
|
|
3296
3350
|
`;
|
|
3297
3351
|
}
|
|
3298
3352
|
};
|
|
3299
|
-
|
|
3353
|
+
N([s({ attribute: !1 })], Z.prototype, "tree", void 0), N([s({ type: Array })], Z.prototype, "modules", void 0), N([s()], Z.prototype, "activeModuleId", void 0), N([s({ attribute: "landing-page-url" })], Z.prototype, "landingPageUrl", void 0), N([s({ attribute: !1 })], Z.prototype, "feedback", void 0), N([s({ attribute: !1 })], Z.prototype, "auth", void 0), N([s({
|
|
3300
3354
|
type: Boolean,
|
|
3301
3355
|
attribute: "show-help"
|
|
3302
|
-
})], Z.prototype, "showHelp", void 0),
|
|
3356
|
+
})], Z.prototype, "showHelp", void 0), N([s({ attribute: "help-url" })], Z.prototype, "helpUrl", void 0), N([s({
|
|
3303
3357
|
type: Boolean,
|
|
3304
3358
|
attribute: "show-notification"
|
|
3305
|
-
})], Z.prototype, "showNotification", void 0),
|
|
3359
|
+
})], Z.prototype, "showNotification", void 0), N([s({
|
|
3306
3360
|
type: Boolean,
|
|
3307
3361
|
attribute: "notification-active"
|
|
3308
|
-
})], Z.prototype, "notificationActive", void 0),
|
|
3362
|
+
})], Z.prototype, "notificationActive", void 0), N([s({ type: Boolean })], Z.prototype, "modulesLoading", void 0), N([s()], Z.prototype, "lang", void 0), Z = N([o("vsn-top-bar")], Z);
|
|
3309
3363
|
//#endregion
|
|
3310
3364
|
//#region src/components/vsn-card.ts
|
|
3311
|
-
var
|
|
3365
|
+
var pn = class extends e {
|
|
3312
3366
|
static {
|
|
3313
3367
|
this.styles = [h, t`
|
|
3314
3368
|
:host {
|
|
@@ -3329,7 +3383,7 @@ var fn = class extends e {
|
|
|
3329
3383
|
return n`<slot></slot>`;
|
|
3330
3384
|
}
|
|
3331
3385
|
};
|
|
3332
|
-
|
|
3386
|
+
pn = N([o("vsn-card")], pn);
|
|
3333
3387
|
//#endregion
|
|
3334
3388
|
//#region src/components/vsn-skip-to-main.ts
|
|
3335
3389
|
var Q = class extends e {
|
|
@@ -3397,7 +3451,7 @@ var Q = class extends e {
|
|
|
3397
3451
|
t && (t.tabIndex < 0 && t.setAttribute("tabindex", "-1"), t.focus());
|
|
3398
3452
|
}
|
|
3399
3453
|
};
|
|
3400
|
-
|
|
3454
|
+
N([s()], Q.prototype, "href", void 0), Q = N([v(), o("vsn-skip-to-main")], Q);
|
|
3401
3455
|
//#endregion
|
|
3402
3456
|
//#region src/components/vsn-navigation.ts
|
|
3403
3457
|
var $ = class extends e {
|
|
@@ -3420,7 +3474,7 @@ var $ = class extends e {
|
|
|
3420
3474
|
detail: t
|
|
3421
3475
|
}));
|
|
3422
3476
|
}, this._onShortcut = (e) => {
|
|
3423
|
-
if (!e.defaultPrevented && !e.repeat && !(!
|
|
3477
|
+
if (!e.defaultPrevented && !e.repeat && !(!Oe(e) || e.key.toLowerCase() !== "o")) if (e.preventDefault(), this.open) this._closeSideBar();
|
|
3424
3478
|
else {
|
|
3425
3479
|
if (!this.dispatchEvent(new CustomEvent("vsn-open", {
|
|
3426
3480
|
cancelable: !0,
|
|
@@ -3430,7 +3484,7 @@ var $ = class extends e {
|
|
|
3430
3484
|
this._openAndFocusSearch();
|
|
3431
3485
|
}
|
|
3432
3486
|
}, this._onEscape = (e) => {
|
|
3433
|
-
e.defaultPrevented || this.open &&
|
|
3487
|
+
e.defaultPrevented || this.open && E(e) && e.key === "Escape" && (e.preventDefault(), this.open = !1);
|
|
3434
3488
|
};
|
|
3435
3489
|
}
|
|
3436
3490
|
_resolveModules() {
|
|
@@ -3453,7 +3507,7 @@ var $ = class extends e {
|
|
|
3453
3507
|
static {
|
|
3454
3508
|
this.styles = [
|
|
3455
3509
|
h,
|
|
3456
|
-
|
|
3510
|
+
tn,
|
|
3457
3511
|
t`
|
|
3458
3512
|
:host {
|
|
3459
3513
|
display: flex;
|
|
@@ -3570,22 +3624,22 @@ var $ = class extends e {
|
|
|
3570
3624
|
`;
|
|
3571
3625
|
}
|
|
3572
3626
|
};
|
|
3573
|
-
|
|
3627
|
+
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({
|
|
3574
3628
|
type: Boolean,
|
|
3575
3629
|
attribute: "show-help"
|
|
3576
|
-
})], $.prototype, "showHelp", void 0),
|
|
3630
|
+
})], $.prototype, "showHelp", void 0), N([s({ attribute: "help-url" })], $.prototype, "helpUrl", void 0), N([s({ attribute: !1 })], $.prototype, "feedback", void 0), N([s({
|
|
3577
3631
|
type: Boolean,
|
|
3578
3632
|
attribute: "module-switcher-always-open"
|
|
3579
|
-
})], $.prototype, "moduleSwitcherAlwaysOpen", void 0),
|
|
3633
|
+
})], $.prototype, "moduleSwitcherAlwaysOpen", void 0), N([s({
|
|
3580
3634
|
type: Boolean,
|
|
3581
3635
|
attribute: "show-notification"
|
|
3582
|
-
})], $.prototype, "showNotification", void 0),
|
|
3636
|
+
})], $.prototype, "showNotification", void 0), N([s({
|
|
3583
3637
|
type: Boolean,
|
|
3584
3638
|
attribute: "notification-active"
|
|
3585
|
-
})], $.prototype, "notificationActive", void 0),
|
|
3639
|
+
})], $.prototype, "notificationActive", void 0), N([s({
|
|
3586
3640
|
type: Boolean,
|
|
3587
3641
|
attribute: "open",
|
|
3588
3642
|
reflect: !0
|
|
3589
|
-
})], $.prototype, "open", void 0),
|
|
3643
|
+
})], $.prototype, "open", void 0), N([l()], $.prototype, "_resolvedModules", void 0), N([l()], $.prototype, "_modulesLoading", void 0), $ = N([o("vsn-navigation")], $);
|
|
3590
3644
|
//#endregion
|
|
3591
|
-
export { pt as SearchError, $ as VSNNavigation, Q as VSNSkipToMain,
|
|
3645
|
+
export { pt as SearchError, $ as VSNNavigation, Q as VSNSkipToMain, j as isTreeLeaf, M as isTreeParent };
|