@kong-ui-public/app-layout 4.10.2-pr.2582.db987385e.0 → 4.10.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.
Files changed (40) hide show
  1. package/dist/app-layout.es.js +2473 -0
  2. package/dist/app-layout.umd.js +12 -0
  3. package/dist/style.css +1 -0
  4. package/dist/types/components/AppLayout.vue.d.ts +124 -0
  5. package/dist/types/components/AppLayout.vue.d.ts.map +1 -0
  6. package/dist/types/components/aboutSection/AppAboutSection.vue.d.ts +36 -0
  7. package/dist/types/components/aboutSection/AppAboutSection.vue.d.ts.map +1 -0
  8. package/dist/types/components/errors/AppError.vue.d.ts +13 -0
  9. package/dist/types/components/errors/AppError.vue.d.ts.map +1 -0
  10. package/dist/types/components/gradientBadge/GradientBadge.vue.d.ts +34 -0
  11. package/dist/types/components/gradientBadge/GradientBadge.vue.d.ts.map +1 -0
  12. package/dist/types/components/icons/BananaSplit.vue.d.ts +3 -0
  13. package/dist/types/components/icons/BananaSplit.vue.d.ts.map +1 -0
  14. package/dist/types/components/navbar/AccountDropdown.vue.d.ts +50 -0
  15. package/dist/types/components/navbar/AccountDropdown.vue.d.ts.map +1 -0
  16. package/dist/types/components/navbar/AppNavbar.vue.d.ts +53 -0
  17. package/dist/types/components/navbar/AppNavbar.vue.d.ts.map +1 -0
  18. package/dist/types/components/pageHeader/AppPageHeader.vue.d.ts +44 -0
  19. package/dist/types/components/pageHeader/AppPageHeader.vue.d.ts.map +1 -0
  20. package/dist/types/components/pageInfoSection/AppPageInfoSection.vue.d.ts +60 -0
  21. package/dist/types/components/pageInfoSection/AppPageInfoSection.vue.d.ts.map +1 -0
  22. package/dist/types/components/sidebar/AppSidebar.vue.d.ts +164 -0
  23. package/dist/types/components/sidebar/AppSidebar.vue.d.ts.map +1 -0
  24. package/dist/types/components/sidebar/ItemBadge.vue.d.ts +17 -0
  25. package/dist/types/components/sidebar/ItemBadge.vue.d.ts.map +1 -0
  26. package/dist/types/components/sidebar/SidebarItem.vue.d.ts +43 -0
  27. package/dist/types/components/sidebar/SidebarItem.vue.d.ts.map +1 -0
  28. package/dist/types/components/sidebar/SidebarToggle.vue.d.ts +19 -0
  29. package/dist/types/components/sidebar/SidebarToggle.vue.d.ts.map +1 -0
  30. package/dist/types/composables/index.d.ts +2 -0
  31. package/dist/types/composables/index.d.ts.map +1 -0
  32. package/dist/types/composables/useDebounce.d.ts +4 -0
  33. package/dist/types/composables/useDebounce.d.ts.map +1 -0
  34. package/dist/types/index.d.ts +21 -0
  35. package/dist/types/index.d.ts.map +1 -0
  36. package/dist/types/types/index.d.ts +2 -0
  37. package/dist/types/types/index.d.ts.map +1 -0
  38. package/dist/types/types/sidebar.d.ts +39 -0
  39. package/dist/types/types/sidebar.d.ts.map +1 -0
  40. package/package.json +4 -4
package/dist/app-layout.es.js ADDED
@@ -0,0 +1,2473 @@
1
+ import { defineComponent as ie, resolveComponent as he, createBlock as W, openBlock as p, withCtx as L, renderSlot as C, createElementBlock as k, Fragment as Ee, renderList as pe, normalizeClass as re, createTextVNode as xe, toDisplayString as Q, computed as S, createSlots as Me, createVNode as Le, createCommentVNode as $, createElementVNode as E, createStaticVNode as In, useCssVars as yt, reactive as qe, useSlots as je, onMounted as Pe, getCurrentInstance as Yt, hasInjectionContext as Qt, inject as $n, watch as Te, getCurrentScope as On, onScopeDispose as En, shallowRef as Xe, watchEffect as Jt, toValue as Ae, unref as be, resolveDynamicComponent as Fe, withKeys as An, ref as ae, onUnmounted as Fn, Comment as Nn, cloneVNode as Dn, nextTick as Ht, onBeforeUnmount as ea, withModifiers as Rn, toRef as Bn } from "vue";
2
+ import { ChevronRightIcon as ta, ChevronDownIcon as xn } from "@kong/icons";
3
+ import { KButton as Mn, HeaderTags as Ln } from "@kong/kongponents";
4
+ const jn = /* @__PURE__ */ ie({
5
+ __name: "AccountDropdown",
6
+ props: {
7
+ options: {
8
+ type: Array,
9
+ required: !0
10
+ },
11
+ width: {
12
+ type: String,
13
+ default: "240"
14
+ },
15
+ userInitials: {
16
+ type: String,
17
+ required: !0,
18
+ // Important: default to a string with a single empty space to force the dropdown to always be visible
19
+ default: " "
20
+ }
21
+ },
22
+ setup(a) {
23
+ return (t, r) => {
24
+ const n = he("KDropdownItem"), s = he("KDropdown");
25
+ return p(), W(s, {
26
+ class: "account-dropdown",
27
+ "kpop-attributes": { placement: "bottom-end" },
28
+ "trigger-text": a.userInitials,
29
+ width: a.width
30
+ }, {
31
+ items: L(({ handleSelection: u }) => [
32
+ C(t.$slots, "default", {}, () => [
33
+ (p(!0), k(Ee, null, pe(a.options, (o) => (p(), W(n, {
34
+ key: o.value,
35
+ class: re({ "has-divider": o.hasDivider }),
36
+ "data-testid": "select-" + o.value,
37
+ "has-divider": o.hasDivider,
38
+ onClick: (d) => u(o)
39
+ }, {
40
+ default: L(() => [
41
+ C(t.$slots, "default", { option: o }, () => [
42
+ xe(Q(o.label), 1)
43
+ ], !0)
44
+ ]),
45
+ _: 2
46
+ }, 1032, ["class", "data-testid", "has-divider", "onClick"]))), 128))
47
+ ], !0)
48
+ ]),
49
+ _: 3
50
+ }, 8, ["trigger-text", "width"]);
51
+ };
52
+ }
53
+ }), oe = (a, t) => {
54
+ const r = a.__vccOpts || a;
55
+ for (const [n, s] of t)
56
+ r[n] = s;
57
+ return r;
58
+ }, wo = /* @__PURE__ */ oe(jn, [["__scopeId", "data-v-b33191a2"]]), Pn = {
59
+ class: "about-section-title",
60
+ "data-testid": "about-section-title"
61
+ }, Kn = { class: "about-section-header-end" }, Zn = {
62
+ key: 0,
63
+ class: "about-section-timestamps-created",
64
+ "data-testid": "about-section-timestamps-created"
65
+ }, Hn = {
66
+ key: 1,
67
+ class: "about-section-timestamps-arrow"
68
+ }, Wn = {
69
+ key: 2,
70
+ class: "about-section-timestamps-modified",
71
+ "data-testid": "about-section-timestamps-modified"
72
+ }, Gn = {
73
+ key: 1,
74
+ class: "about-section-actions",
75
+ "data-testid": "about-section-actions"
76
+ }, zn = {
77
+ key: 0,
78
+ "data-testid": "about-section-loading-skeleton"
79
+ }, Un = { key: 1 }, Vn = {
80
+ key: 0,
81
+ class: "about-section-description",
82
+ "data-testid": "about-section-description"
83
+ }, qn = {
84
+ key: 1,
85
+ class: "about-section-content",
86
+ "data-testid": "about-section-content"
87
+ }, Xn = {
88
+ key: 2,
89
+ "data-testid": "about-divider-section-separator"
90
+ }, Yn = {
91
+ key: 3,
92
+ class: "about-divider-section",
93
+ "data-testid": "about-divider-section"
94
+ }, Qn = /* @__PURE__ */ ie({
95
+ __name: "AppAboutSection",
96
+ props: {
97
+ title: { default: "" },
98
+ description: { default: "" },
99
+ created: { default: "" },
100
+ createdLabel: { default: "Created" },
101
+ modified: { default: "" },
102
+ modifiedLabel: { default: "Modified" },
103
+ isLoading: { type: Boolean, default: !1 }
104
+ },
105
+ setup(a) {
106
+ const t = a, r = S(() => !!t.modified && t.modified !== t.created);
107
+ return (n, s) => {
108
+ const u = he("KSkeletonBox"), o = he("KCard");
109
+ return p(), W(o, {
110
+ class: "kong-ui-app-about-section",
111
+ "title-tag": "h2"
112
+ }, Me({
113
+ default: L(() => [
114
+ n.isLoading ? (p(), k("div", zn, [
115
+ Le(u, {
116
+ height: "2",
117
+ width: "100"
118
+ }),
119
+ Le(u, {
120
+ height: "2",
121
+ width: "100"
122
+ })
123
+ ])) : (p(), k("div", Un, [
124
+ n.description ? (p(), k("p", Vn, Q(n.description), 1)) : $("", !0),
125
+ n.$slots.default ? (p(), k("div", qn, [
126
+ C(n.$slots, "default", {}, void 0, !0)
127
+ ])) : $("", !0),
128
+ n.$slots["divider-section"] ? (p(), k("hr", Xn)) : $("", !0),
129
+ n.$slots["divider-section"] ? (p(), k("div", Yn, [
130
+ C(n.$slots, "divider-section", {}, void 0, !0)
131
+ ])) : $("", !0)
132
+ ]))
133
+ ]),
134
+ _: 2
135
+ }, [
136
+ n.$slots.title || n.title ? {
137
+ name: "title",
138
+ fn: L(() => [
139
+ E("span", Pn, [
140
+ C(n.$slots, "title", {}, () => [
141
+ xe(Q(n.title), 1)
142
+ ], !0)
143
+ ])
144
+ ]),
145
+ key: "0"
146
+ } : void 0,
147
+ n.$slots.actions || n.created || n.modified ? {
148
+ name: "actions",
149
+ fn: L(() => [
150
+ E("div", Kn, [
151
+ n.created || n.modified ? (p(), k("div", {
152
+ key: 0,
153
+ class: re(["about-section-timestamps", { "has-actions": n.$slots.actions }])
154
+ }, [
155
+ n.created ? (p(), k("span", Zn, Q(n.createdLabel) + ": " + Q(n.created), 1)) : $("", !0),
156
+ n.created && r.value ? (p(), k("span", Hn, "->")) : $("", !0),
157
+ r.value ? (p(), k("span", Wn, Q(n.modifiedLabel) + ": " + Q(n.modified), 1)) : $("", !0)
158
+ ], 2)) : $("", !0),
159
+ n.$slots.actions ? (p(), k("div", Gn, [
160
+ C(n.$slots, "actions", {}, void 0, !0)
161
+ ])) : $("", !0)
162
+ ])
163
+ ]),
164
+ key: "1"
165
+ } : void 0
166
+ ]), 1024);
167
+ };
168
+ }
169
+ }), ko = /* @__PURE__ */ oe(Qn, [["__scopeId", "data-v-f5864a9c"]]), Jn = {}, er = {
170
+ fill: "none",
171
+ height: "130",
172
+ width: "130",
173
+ xmlns: "http://www.w3.org/2000/svg"
174
+ };
175
+ function tr(a, t) {
176
+ return p(), k("svg", er, t[0] || (t[0] = [
177
+ In('<path clip-rule="evenodd" d="M19.111 120.198c-.226 0-.409-.164-.409-.368v-4.812c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.165-.409-.368v-4.812c0-.204.183-.368.409-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.164-.409-.367V66.89c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368V47.64c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.164-.409-.368v-4.812c0-.204.183-.368.409-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.369v-4.812c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.165-.409-.368V9.138c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368ZM110.889 120.198c-.225 0-.408-.164-.408-.368v-4.812c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.165-.408-.368v-4.812c0-.204.183-.368.408-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.164-.408-.367V66.89c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368V47.64c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.164-.408-.368v-4.812c0-.204.183-.368.408-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.369v-4.812c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.165-.408-.368V9.138c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Z" fill="#D6D6D6" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M123.553 107.758a.399.399 0 0 1-.388.408h-5.068a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.399.399 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408H87.69a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.135 0a.398.398 0 0 1-.388.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408h-5.068a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408h-5.068a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408H37.01a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408h-5.067a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.067c.215 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408H6.603a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409ZM123.553 21.434a.399.399 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.399.399 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.387.409h-5.068a.399.399 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.136 0a.398.398 0 0 1-.387.409H87.69a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.136 0a.398.398 0 0 1-.387.409h-5.068a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.136 0a.398.398 0 0 1-.387.409h-5.068a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.135 0a.399.399 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409H37.01a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.387.409H6.603a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Z" fill="#D6D6D6" fill-rule="evenodd"></path><circle cx="65" cy="65" opacity=".5" r="64" stroke="#B6B6BD" stroke-dasharray="5.69 5.69" stroke-linecap="round" stroke-width=".854"></circle><g clip-path="url(#a)" stroke="#169FCC" stroke-miterlimit="10" stroke-width="1.42"><path d="m33.523 104.868-5.72-.695a1.214 1.214 0 0 1-.766-.386 1.182 1.182 0 0 1-.312-.788v-7.448c0-.095.038-.186.106-.253a.365.365 0 0 1 .256-.104l5.254-.263M61.471 22.733a1.761 1.761 0 0 1 1.45.235 49.628 49.628 0 0 1 15.613 17.6 48.797 48.797 0 0 1 5.65 22.702 47.236 47.236 0 0 1-.333 5.325 41.34 41.34 0 0 0-12.501-.441 48.503 48.503 0 0 0-1.813-23.734 49.117 49.117 0 0 0-12.91-20.119c1.602-.591 3.223-1.136 4.844-1.568Z"></path><path d="M71.35 68.154a39.493 39.493 0 0 0-10.813 3.757 51.298 51.298 0 0 0 3.251-18.062c0-9.392-4.939-19.179-9.783-27.237-.257-.432 0-1.616 2.642-2.32"></path><path d="M56.236 78.58a13.605 13.605 0 0 0-4.29-9.289 14.017 14.017 0 0 0-9.622-3.786 9.617 9.617 0 0 1-6.456-2.446 9.341 9.341 0 0 1-3.079-6.1l-.286-4.256c3.09 0 9.46 4.105 13.216 4.866 3.757.76 8.21.253 11.862 3.437a13.303 13.303 0 0 1 4.357 6.575"></path><path d="M68.594 75.442c-3.432 6.95-7.914 11.59-14.303 16.033a47.076 47.076 0 0 1-21.702 8.058v-4.696c11.642-4.809 22.208-11.806 27.948-22.88"></path><path d="M76.499 84.815a46.939 46.939 0 0 1-17.392 14.511 50.925 50.925 0 0 1-22.885 5.457c-2.317 0-3.662.47-3.662-.695v-4.555"></path><path d="M83.85 68.595c22.304 16.22 4.044 39.25-19.652 37.663.954-.939 29.95-22.222-3.661-34.3"></path><path d="M84.184 58.47c13.607 0 25.746 26.242 17.383 30.995-1.182-17.508-17.716-20.87-17.716-20.87"></path></g><defs><clipPath id="a"><path d="M0 0h79v85H0z" fill="#fff" transform="translate(26 22)"></path></clipPath></defs>', 5)
178
+ ]));
179
+ }
180
+ const ar = /* @__PURE__ */ oe(Jn, [["render", tr]]), nr = { class: "kong-ui-app-error" }, rr = { class: "banana-icon" }, ir = { class: "kong-ui-app-error-content" }, or = /* @__PURE__ */ ie({
181
+ __name: "AppError",
182
+ setup(a) {
183
+ return (t, r) => (p(), k("section", nr, [
184
+ E("div", rr, [
185
+ Le(ar)
186
+ ]),
187
+ E("div", ir, [
188
+ C(t.$slots, "default", {}, () => [
189
+ r[0] || (r[0] = E("h2", null, "An unexpected error has occurred", -1)),
190
+ r[1] || (r[1] = E("p", null, [
191
+ xe("Go back to the previous page or "),
192
+ E("a", { href: "/" }, "return home"),
193
+ xe(".")
194
+ ], -1))
195
+ ], !0)
196
+ ])
197
+ ]));
198
+ }
199
+ }), To = /* @__PURE__ */ oe(or, [["__scopeId", "data-v-b6d8dc55"]]), sr = { class: "kong-ui-app-navbar" }, lr = { class: "header-content" }, cr = { class: "mobile-header-left" }, ur = {
200
+ key: 0,
201
+ class: "app-navbar-logo"
202
+ }, dr = { class: "navbar-content" }, fr = { class: "navbar-content-left" }, vr = { class: "navbar-content-center" }, br = { class: "navbar-content-right" }, pr = /* @__PURE__ */ ie({
203
+ __name: "AppNavbar",
204
+ props: {
205
+ topOffset: {
206
+ type: Number,
207
+ default: 0
208
+ },
209
+ leftOffset: {
210
+ type: Number,
211
+ default: 240
212
+ // Defaults to the width of AppSidebar.vue
213
+ },
214
+ zIndex: {
215
+ type: Number,
216
+ default: 3
217
+ }
218
+ },
219
+ setup(a) {
220
+ yt((o) => ({
221
+ "27c93a10": u.value.top,
222
+ "0f284bf5": u.value.zIndex,
223
+ d1659a78: u.value.left,
224
+ "3d9232e8": s.marginRight,
225
+ "038c3c78": s.width
226
+ }));
227
+ const t = a, r = je(), n = S(() => !!r.logo), s = qe({
228
+ marginRight: "0",
229
+ width: "0"
230
+ });
231
+ Pe(() => {
232
+ var o, d;
233
+ (d = (o = document == null ? void 0 : document.querySelector(".kong-ui-app-navbar .app-navbar-logo")) == null ? void 0 : o.children) != null && d.length ? (s.marginRight = "32px", s.width = "calc(240px - 32px)") : (s.marginRight = "0", s.width = "0");
234
+ });
235
+ const u = S(() => ({
236
+ top: t.topOffset ? `${t.topOffset}px` : "0",
237
+ left: t.leftOffset ? `${t.leftOffset}px` : "0",
238
+ zIndex: t.zIndex
239
+ }));
240
+ return (o, d) => (p(), k("header", sr, [
241
+ E("div", lr, [
242
+ E("div", cr, [
243
+ C(o.$slots, "mobile-sidebar-toggle"),
244
+ C(o.$slots, "mobile-logo")
245
+ ]),
246
+ n.value ? (p(), k("div", ur, [
247
+ C(o.$slots, "logo")
248
+ ])) : $("", !0),
249
+ E("div", dr, [
250
+ E("div", fr, [
251
+ C(o.$slots, "left")
252
+ ]),
253
+ E("div", vr, [
254
+ C(o.$slots, "center")
255
+ ]),
256
+ E("div", br, [
257
+ C(o.$slots, "right")
258
+ ])
259
+ ])
260
+ ])
261
+ ]));
262
+ }
263
+ }), hr = /* @__PURE__ */ oe(pr, [["__scopeId", "data-v-2f6fc50f"]]);
264
+ function mr(a) {
265
+ return On() ? (En(a), !0) : !1;
266
+ }
267
+ const vt = /* @__PURE__ */ new WeakMap(), gr = (...a) => {
268
+ var t;
269
+ const r = a[0], n = (t = Yt()) == null ? void 0 : t.proxy;
270
+ if (n == null && !Qt())
271
+ throw new Error("injectLocal must be called in setup");
272
+ return n && vt.has(n) && r in vt.get(n) ? vt.get(n)[r] : $n(...a);
273
+ }, yr = typeof window < "u" && typeof document < "u";
274
+ typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
275
+ const wr = Object.prototype.toString, kr = (a) => wr.call(a) === "[object Object]";
276
+ function Wt(a) {
277
+ return a.endsWith("rem") ? Number.parseFloat(a) * 16 : Number.parseFloat(a);
278
+ }
279
+ function bt(a) {
280
+ return Array.isArray(a) ? a : [a];
281
+ }
282
+ function Tr(a, t, r) {
283
+ return Te(
284
+ a,
285
+ t,
286
+ {
287
+ ...r,
288
+ immediate: !0
289
+ }
290
+ );
291
+ }
292
+ const aa = yr ? window : void 0;
293
+ function _r(a) {
294
+ var t;
295
+ const r = Ae(a);
296
+ return (t = r == null ? void 0 : r.$el) != null ? t : r;
297
+ }
298
+ function Sr(...a) {
299
+ const t = [], r = () => {
300
+ t.forEach((d) => d()), t.length = 0;
301
+ }, n = (d, b, T, _) => (d.addEventListener(b, T, _), () => d.removeEventListener(b, T, _)), s = S(() => {
302
+ const d = bt(Ae(a[0])).filter((b) => b != null);
303
+ return d.every((b) => typeof b != "string") ? d : void 0;
304
+ }), u = Tr(
305
+ () => {
306
+ var d, b;
307
+ return [
308
+ (b = (d = s.value) == null ? void 0 : d.map((T) => _r(T))) != null ? b : [aa].filter((T) => T != null),
309
+ bt(Ae(s.value ? a[1] : a[0])),
310
+ bt(be(s.value ? a[2] : a[1])),
311
+ // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
312
+ Ae(s.value ? a[3] : a[2])
313
+ ];
314
+ },
315
+ ([d, b, T, _]) => {
316
+ if (r(), !(d != null && d.length) || !(b != null && b.length) || !(T != null && T.length))
317
+ return;
318
+ const B = kr(_) ? { ..._ } : _;
319
+ t.push(
320
+ ...d.flatMap(
321
+ (x) => b.flatMap(
322
+ (P) => T.map((A) => n(x, P, A, B))
323
+ )
324
+ )
325
+ );
326
+ },
327
+ { flush: "post" }
328
+ ), o = () => {
329
+ u(), r();
330
+ };
331
+ return mr(r), o;
332
+ }
333
+ function Cr() {
334
+ const a = Xe(!1), t = Yt();
335
+ return t && Pe(() => {
336
+ a.value = !0;
337
+ }, t), a;
338
+ }
339
+ function Ir(a) {
340
+ const t = Cr();
341
+ return S(() => (t.value, !!a()));
342
+ }
343
+ const $r = Symbol("vueuse-ssr-width");
344
+ function Or() {
345
+ const a = Qt() ? gr($r, null) : null;
346
+ return typeof a == "number" ? a : void 0;
347
+ }
348
+ function Er(a, t = {}) {
349
+ const { window: r = aa, ssrWidth: n = Or() } = t, s = Ir(() => r && "matchMedia" in r && typeof r.matchMedia == "function"), u = Xe(typeof n == "number"), o = Xe(), d = Xe(!1), b = (T) => {
350
+ d.value = T.matches;
351
+ };
352
+ return Jt(() => {
353
+ if (u.value) {
354
+ u.value = !s.value;
355
+ const T = Ae(a).split(",");
356
+ d.value = T.some((_) => {
357
+ const B = _.includes("not all"), x = _.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), P = _.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
358
+ let A = !!(x || P);
359
+ return x && A && (A = n >= Wt(x[1])), P && A && (A = n <= Wt(P[1])), B ? !A : A;
360
+ });
361
+ return;
362
+ }
363
+ s.value && (o.value = r.matchMedia(Ae(a)), d.value = o.value.matches);
364
+ }), Sr(o, "change", b, { passive: !0 }), S(() => d.value);
365
+ }
366
+ const Ar = "#ffffff", Fr = "#000933", Nr = "#000933", Dr = "#ffffff", Rr = "0px", Br = "4px", xr = "640px", Mr = "16px", Lr = "#bee2ff", jr = ["title"], pt = 99, Pr = /* @__PURE__ */ ie({
367
+ __name: "ItemBadge",
368
+ props: {
369
+ count: {
370
+ type: Number,
371
+ required: !0,
372
+ default: void 0
373
+ }
374
+ },
375
+ setup(a) {
376
+ const t = a, r = S(() => t.count ? t.count > pt ? `${pt}+` : t.count.toString() : "");
377
+ return (n, s) => r.value ? (p(), k("div", {
378
+ key: 0,
379
+ class: "item-badge",
380
+ title: (a.count || 0) > pt ? String(a.count) : void 0
381
+ }, Q(r.value), 9, jr)) : $("", !0);
382
+ }
383
+ }), Kr = /* @__PURE__ */ oe(Pr, [["__scopeId", "data-v-afb0d903"]]), Zr = ["data-testid"], Hr = ["aria-controls", "aria-current", "aria-expanded", "href", "target", "onClick", "onKeypress"], Wr = {
384
+ key: 0,
385
+ class: "sidebar-item-icon"
386
+ }, Gr = { class: "sidebar-item-name-container" }, zr = { class: "sidebar-item-name has-tooltip" }, Ur = {
387
+ key: 2,
388
+ class: "sidebar-item-label truncate-text truncate-18"
389
+ }, Vr = {
390
+ key: 1,
391
+ class: "sidebar-item-after"
392
+ }, qr = ["id"], Xr = /* @__PURE__ */ ie({
393
+ __name: "SidebarItem",
394
+ props: {
395
+ item: {
396
+ type: Object,
397
+ required: !0
398
+ },
399
+ /** True if the item is not an L1 primary sidebar item */
400
+ subnavItem: {
401
+ type: Boolean,
402
+ default: !1
403
+ }
404
+ },
405
+ emits: ["click"],
406
+ setup(a, { emit: t }) {
407
+ const r = t, n = a, s = je(), u = S(() => typeof n.item.to != "string" ? !1 : !!n.item.newWindow || !!n.item.external || n.item.to.startsWith("http")), o = S(() => !n.item.to || typeof n.item.to != "string" || !n.item.newWindow ? !1 : n.item.newWindow && (n.item.to.startsWith("http") || n.item.to.startsWith("/"))), d = S(
408
+ () => n.subnavItem && // item has non-zero badgeCount OR
409
+ n.item.badgeCount !== void 0 && n.item.badgeCount !== 0 || // slot content for the badge
410
+ !!s[`sidebar-after-${n.item.key}`]
411
+ ), b = (_) => {
412
+ r("click", _);
413
+ }, T = (_, B, x) => {
414
+ b(B), typeof x == "function" && (_.preventDefault(), x());
415
+ };
416
+ return (_, B) => {
417
+ var A;
418
+ const x = he("KTooltip"), P = he("SidebarItem", !0);
419
+ return p(), k("li", {
420
+ class: re([a.subnavItem ? "sidebar-item-secondary" : "sidebar-item-primary", { expanded: a.item.expanded }, { active: a.item.active }]),
421
+ "data-testid": a.item.testId ? `sidebar-item-${a.item.testId}` : void 0
422
+ }, [
423
+ (p(), W(Fe(u.value ? "div" : "router-link"), {
424
+ custom: u.value ? void 0 : !0,
425
+ to: !u.value && !o.value ? a.item.to : void 0
426
+ }, {
427
+ default: L((j) => {
428
+ var ne, K;
429
+ return [
430
+ E("a", {
431
+ "aria-controls": (ne = a.item.items) != null && ne.length && a.item.expanded ? `subnav-${a.item.key}` : void 0,
432
+ "aria-current": a.item.active ? "page" : void 0,
433
+ "aria-expanded": (K = a.item.items) != null && K.length && a.item.expanded ? !0 : void 0,
434
+ class: re(["sidebar-item-link", { "sidebar-item-external-link": o.value, "router-link": !u.value }]),
435
+ href: u.value ? String(a.item.to || "#") : j == null ? void 0 : j.href,
436
+ target: o.value ? "_blank" : void 0,
437
+ onClick: (G) => T(G, a.item, j == null ? void 0 : j.navigate),
438
+ onKeypress: An((G) => T(G, a.item, j == null ? void 0 : j.navigate), ["enter"])
439
+ }, [
440
+ E("div", {
441
+ class: re(["sidebar-item-display", { "has-label": !!a.item.label && a.item.expanded, "has-after-content": d.value }])
442
+ }, [
443
+ _.$slots[`sidebar-icon-${a.item.key}`] ? (p(), k("div", Wr, [
444
+ a.subnavItem ? $("", !0) : C(_.$slots, `sidebar-icon-${a.item.key}`, { key: 0 }, void 0, !0)
445
+ ])) : $("", !0),
446
+ E("div", Gr, [
447
+ (a.subnavItem && !d.value ? a.item.name.length < 25 : a.item.name.length < 18) ? (p(), k("div", {
448
+ key: 0,
449
+ class: re(["sidebar-item-name truncate-text", [a.subnavItem ? "has-after-content-max-width truncate-24" : "truncate-17"]])
450
+ }, Q(a.item.name), 3)) : (p(), W(x, {
451
+ key: 1,
452
+ class: "sidebar-item-tooltip",
453
+ placement: "right",
454
+ "position-fixed": "",
455
+ text: a.item.name
456
+ }, {
457
+ default: L(() => [
458
+ E("div", zr, [
459
+ E("span", {
460
+ class: re(["truncate-text", [a.subnavItem ? "truncate-18" : "truncate-17", { "has-after-content-max-width": d.value }]])
461
+ }, Q(a.item.name), 3)
462
+ ])
463
+ ]),
464
+ _: 1
465
+ }, 8, ["text"])),
466
+ a.item.label && a.item.expanded ? (p(), k("div", Ur, Q(a.item.label), 1)) : $("", !0)
467
+ ]),
468
+ d.value ? (p(), k("div", Vr, [
469
+ a.item.badgeCount ? (p(), W(Kr, {
470
+ key: 0,
471
+ count: a.item.badgeCount
472
+ }, null, 8, ["count"])) : C(_.$slots, `sidebar-after-${a.item.key}`, { key: 1 }, void 0, !0)
473
+ ])) : $("", !0)
474
+ ], 2)
475
+ ], 42, Hr)
476
+ ];
477
+ }),
478
+ _: 3
479
+ }, 8, ["custom", "to"])),
480
+ (A = a.item.items) != null && A.length && a.item.expanded ? (p(), k("ul", {
481
+ key: 0,
482
+ id: `subnav-${a.item.key}`,
483
+ class: "level-secondary"
484
+ }, [
485
+ (p(!0), k(Ee, null, pe(a.item.items, (j) => (p(), W(P, {
486
+ key: j.name,
487
+ item: j,
488
+ "subnav-item": !0,
489
+ onClick: (ne) => b(j)
490
+ }, null, 8, ["item", "onClick"]))), 128))
491
+ ], 8, qr)) : $("", !0)
492
+ ], 10, Zr);
493
+ };
494
+ }
495
+ }), Gt = /* @__PURE__ */ oe(Xr, [["__scopeId", "data-v-7ea61d78"]]);
496
+ /*!
497
+ * tabbable 6.2.0
498
+ * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
499
+ */
500
+ var na = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], Ye = /* @__PURE__ */ na.join(","), ra = typeof Element > "u", _e = ra ? function() {
501
+ } : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, Qe = !ra && Element.prototype.getRootNode ? function(a) {
502
+ var t;
503
+ return a == null || (t = a.getRootNode) === null || t === void 0 ? void 0 : t.call(a);
504
+ } : function(a) {
505
+ return a == null ? void 0 : a.ownerDocument;
506
+ }, Je = function a(t, r) {
507
+ var n;
508
+ r === void 0 && (r = !0);
509
+ var s = t == null || (n = t.getAttribute) === null || n === void 0 ? void 0 : n.call(t, "inert"), u = s === "" || s === "true", o = u || r && t && a(t.parentNode);
510
+ return o;
511
+ }, Yr = function(t) {
512
+ var r, n = t == null || (r = t.getAttribute) === null || r === void 0 ? void 0 : r.call(t, "contenteditable");
513
+ return n === "" || n === "true";
514
+ }, ia = function(t, r, n) {
515
+ if (Je(t))
516
+ return [];
517
+ var s = Array.prototype.slice.apply(t.querySelectorAll(Ye));
518
+ return r && _e.call(t, Ye) && s.unshift(t), s = s.filter(n), s;
519
+ }, oa = function a(t, r, n) {
520
+ for (var s = [], u = Array.from(t); u.length; ) {
521
+ var o = u.shift();
522
+ if (!Je(o, !1))
523
+ if (o.tagName === "SLOT") {
524
+ var d = o.assignedElements(), b = d.length ? d : o.children, T = a(b, !0, n);
525
+ n.flatten ? s.push.apply(s, T) : s.push({
526
+ scopeParent: o,
527
+ candidates: T
528
+ });
529
+ } else {
530
+ var _ = _e.call(o, Ye);
531
+ _ && n.filter(o) && (r || !t.includes(o)) && s.push(o);
532
+ var B = o.shadowRoot || // check for an undisclosed shadow
533
+ typeof n.getShadowRoot == "function" && n.getShadowRoot(o), x = !Je(B, !1) && (!n.shadowRootFilter || n.shadowRootFilter(o));
534
+ if (B && x) {
535
+ var P = a(B === !0 ? o.children : B.children, !0, n);
536
+ n.flatten ? s.push.apply(s, P) : s.push({
537
+ scopeParent: o,
538
+ candidates: P
539
+ });
540
+ } else
541
+ u.unshift.apply(u, o.children);
542
+ }
543
+ }
544
+ return s;
545
+ }, sa = function(t) {
546
+ return !isNaN(parseInt(t.getAttribute("tabindex"), 10));
547
+ }, ke = function(t) {
548
+ if (!t)
549
+ throw new Error("No node provided");
550
+ return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || Yr(t)) && !sa(t) ? 0 : t.tabIndex;
551
+ }, Qr = function(t, r) {
552
+ var n = ke(t);
553
+ return n < 0 && r && !sa(t) ? 0 : n;
554
+ }, Jr = function(t, r) {
555
+ return t.tabIndex === r.tabIndex ? t.documentOrder - r.documentOrder : t.tabIndex - r.tabIndex;
556
+ }, la = function(t) {
557
+ return t.tagName === "INPUT";
558
+ }, ei = function(t) {
559
+ return la(t) && t.type === "hidden";
560
+ }, ti = function(t) {
561
+ var r = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(n) {
562
+ return n.tagName === "SUMMARY";
563
+ });
564
+ return r;
565
+ }, ai = function(t, r) {
566
+ for (var n = 0; n < t.length; n++)
567
+ if (t[n].checked && t[n].form === r)
568
+ return t[n];
569
+ }, ni = function(t) {
570
+ if (!t.name)
571
+ return !0;
572
+ var r = t.form || Qe(t), n = function(d) {
573
+ return r.querySelectorAll('input[type="radio"][name="' + d + '"]');
574
+ }, s;
575
+ if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
576
+ s = n(window.CSS.escape(t.name));
577
+ else
578
+ try {
579
+ s = n(t.name);
580
+ } catch (o) {
581
+ return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", o.message), !1;
582
+ }
583
+ var u = ai(s, t.form);
584
+ return !u || u === t;
585
+ }, ri = function(t) {
586
+ return la(t) && t.type === "radio";
587
+ }, ii = function(t) {
588
+ return ri(t) && !ni(t);
589
+ }, oi = function(t) {
590
+ var r, n = t && Qe(t), s = (r = n) === null || r === void 0 ? void 0 : r.host, u = !1;
591
+ if (n && n !== t) {
592
+ var o, d, b;
593
+ for (u = !!((o = s) !== null && o !== void 0 && (d = o.ownerDocument) !== null && d !== void 0 && d.contains(s) || t != null && (b = t.ownerDocument) !== null && b !== void 0 && b.contains(t)); !u && s; ) {
594
+ var T, _, B;
595
+ n = Qe(s), s = (T = n) === null || T === void 0 ? void 0 : T.host, u = !!((_ = s) !== null && _ !== void 0 && (B = _.ownerDocument) !== null && B !== void 0 && B.contains(s));
596
+ }
597
+ }
598
+ return u;
599
+ }, zt = function(t) {
600
+ var r = t.getBoundingClientRect(), n = r.width, s = r.height;
601
+ return n === 0 && s === 0;
602
+ }, si = function(t, r) {
603
+ var n = r.displayCheck, s = r.getShadowRoot;
604
+ if (getComputedStyle(t).visibility === "hidden")
605
+ return !0;
606
+ var u = _e.call(t, "details>summary:first-of-type"), o = u ? t.parentElement : t;
607
+ if (_e.call(o, "details:not([open]) *"))
608
+ return !0;
609
+ if (!n || n === "full" || n === "legacy-full") {
610
+ if (typeof s == "function") {
611
+ for (var d = t; t; ) {
612
+ var b = t.parentElement, T = Qe(t);
613
+ if (b && !b.shadowRoot && s(b) === !0)
614
+ return zt(t);
615
+ t.assignedSlot ? t = t.assignedSlot : !b && T !== t.ownerDocument ? t = T.host : t = b;
616
+ }
617
+ t = d;
618
+ }
619
+ if (oi(t))
620
+ return !t.getClientRects().length;
621
+ if (n !== "legacy-full")
622
+ return !0;
623
+ } else if (n === "non-zero-area")
624
+ return zt(t);
625
+ return !1;
626
+ }, li = function(t) {
627
+ if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
628
+ for (var r = t.parentElement; r; ) {
629
+ if (r.tagName === "FIELDSET" && r.disabled) {
630
+ for (var n = 0; n < r.children.length; n++) {
631
+ var s = r.children.item(n);
632
+ if (s.tagName === "LEGEND")
633
+ return _e.call(r, "fieldset[disabled] *") ? !0 : !s.contains(t);
634
+ }
635
+ return !0;
636
+ }
637
+ r = r.parentElement;
638
+ }
639
+ return !1;
640
+ }, et = function(t, r) {
641
+ return !(r.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
642
+ // because we're limited in the type of selectors we can use in JSDom (see related
643
+ // note related to `candidateSelectors`)
644
+ Je(r) || ei(r) || si(r, t) || // For a details element with a summary, the summary element gets the focus
645
+ ti(r) || li(r));
646
+ }, mt = function(t, r) {
647
+ return !(ii(r) || ke(r) < 0 || !et(t, r));
648
+ }, ci = function(t) {
649
+ var r = parseInt(t.getAttribute("tabindex"), 10);
650
+ return !!(isNaN(r) || r >= 0);
651
+ }, ui = function a(t) {
652
+ var r = [], n = [];
653
+ return t.forEach(function(s, u) {
654
+ var o = !!s.scopeParent, d = o ? s.scopeParent : s, b = Qr(d, o), T = o ? a(s.candidates) : d;
655
+ b === 0 ? o ? r.push.apply(r, T) : r.push(d) : n.push({
656
+ documentOrder: u,
657
+ tabIndex: b,
658
+ item: s,
659
+ isScope: o,
660
+ content: T
661
+ });
662
+ }), n.sort(Jr).reduce(function(s, u) {
663
+ return u.isScope ? s.push.apply(s, u.content) : s.push(u.content), s;
664
+ }, []).concat(r);
665
+ }, di = function(t, r) {
666
+ r = r || {};
667
+ var n;
668
+ return r.getShadowRoot ? n = oa([t], r.includeContainer, {
669
+ filter: mt.bind(null, r),
670
+ flatten: !1,
671
+ getShadowRoot: r.getShadowRoot,
672
+ shadowRootFilter: ci
673
+ }) : n = ia(t, r.includeContainer, mt.bind(null, r)), ui(n);
674
+ }, fi = function(t, r) {
675
+ r = r || {};
676
+ var n;
677
+ return r.getShadowRoot ? n = oa([t], r.includeContainer, {
678
+ filter: et.bind(null, r),
679
+ flatten: !0,
680
+ getShadowRoot: r.getShadowRoot
681
+ }) : n = ia(t, r.includeContainer, et.bind(null, r)), n;
682
+ }, Oe = function(t, r) {
683
+ if (r = r || {}, !t)
684
+ throw new Error("No node provided");
685
+ return _e.call(t, Ye) === !1 ? !1 : mt(r, t);
686
+ }, vi = /* @__PURE__ */ na.concat("iframe").join(","), ht = function(t, r) {
687
+ if (r = r || {}, !t)
688
+ throw new Error("No node provided");
689
+ return _e.call(t, vi) === !1 ? !1 : et(r, t);
690
+ };
691
+ /*!
692
+ * focus-trap 7.6.5
693
+ * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
694
+ */
695
+ function gt(a, t) {
696
+ (t == null || t > a.length) && (t = a.length);
697
+ for (var r = 0, n = Array(t); r < t; r++) n[r] = a[r];
698
+ return n;
699
+ }
700
+ function bi(a) {
701
+ if (Array.isArray(a)) return gt(a);
702
+ }
703
+ function pi(a, t, r) {
704
+ return (t = wi(t)) in a ? Object.defineProperty(a, t, {
705
+ value: r,
706
+ enumerable: !0,
707
+ configurable: !0,
708
+ writable: !0
709
+ }) : a[t] = r, a;
710
+ }
711
+ function hi(a) {
712
+ if (typeof Symbol < "u" && a[Symbol.iterator] != null || a["@@iterator"] != null) return Array.from(a);
713
+ }
714
+ function mi() {
715
+ throw new TypeError(`Invalid attempt to spread non-iterable instance.
716
+ In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
717
+ }
718
+ function Ut(a, t) {
719
+ var r = Object.keys(a);
720
+ if (Object.getOwnPropertySymbols) {
721
+ var n = Object.getOwnPropertySymbols(a);
722
+ t && (n = n.filter(function(s) {
723
+ return Object.getOwnPropertyDescriptor(a, s).enumerable;
724
+ })), r.push.apply(r, n);
725
+ }
726
+ return r;
727
+ }
728
+ function Vt(a) {
729
+ for (var t = 1; t < arguments.length; t++) {
730
+ var r = arguments[t] != null ? arguments[t] : {};
731
+ t % 2 ? Ut(Object(r), !0).forEach(function(n) {
732
+ pi(a, n, r[n]);
733
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(r)) : Ut(Object(r)).forEach(function(n) {
734
+ Object.defineProperty(a, n, Object.getOwnPropertyDescriptor(r, n));
735
+ });
736
+ }
737
+ return a;
738
+ }
739
+ function gi(a) {
740
+ return bi(a) || hi(a) || ki(a) || mi();
741
+ }
742
+ function yi(a, t) {
743
+ if (typeof a != "object" || !a) return a;
744
+ var r = a[Symbol.toPrimitive];
745
+ if (r !== void 0) {
746
+ var n = r.call(a, t);
747
+ if (typeof n != "object") return n;
748
+ throw new TypeError("@@toPrimitive must return a primitive value.");
749
+ }
750
+ return (t === "string" ? String : Number)(a);
751
+ }
752
+ function wi(a) {
753
+ var t = yi(a, "string");
754
+ return typeof t == "symbol" ? t : t + "";
755
+ }
756
+ function ki(a, t) {
757
+ if (a) {
758
+ if (typeof a == "string") return gt(a, t);
759
+ var r = {}.toString.call(a).slice(8, -1);
760
+ return r === "Object" && a.constructor && (r = a.constructor.name), r === "Map" || r === "Set" ? Array.from(a) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? gt(a, t) : void 0;
761
+ }
762
+ }
763
+ var qt = {
764
+ activateTrap: function(t, r) {
765
+ if (t.length > 0) {
766
+ var n = t[t.length - 1];
767
+ n !== r && n._setPausedState(!0);
768
+ }
769
+ var s = t.indexOf(r);
770
+ s === -1 || t.splice(s, 1), t.push(r);
771
+ },
772
+ deactivateTrap: function(t, r) {
773
+ var n = t.indexOf(r);
774
+ n !== -1 && t.splice(n, 1), t.length > 0 && !t[t.length - 1]._isManuallyPaused() && t[t.length - 1]._setPausedState(!1);
775
+ }
776
+ }, Ti = function(t) {
777
+ return t.tagName && t.tagName.toLowerCase() === "input" && typeof t.select == "function";
778
+ }, _i = function(t) {
779
+ return (t == null ? void 0 : t.key) === "Escape" || (t == null ? void 0 : t.key) === "Esc" || (t == null ? void 0 : t.keyCode) === 27;
780
+ }, Be = function(t) {
781
+ return (t == null ? void 0 : t.key) === "Tab" || (t == null ? void 0 : t.keyCode) === 9;
782
+ }, Si = function(t) {
783
+ return Be(t) && !t.shiftKey;
784
+ }, Ci = function(t) {
785
+ return Be(t) && t.shiftKey;
786
+ }, Xt = function(t) {
787
+ return setTimeout(t, 0);
788
+ }, Re = function(t) {
789
+ for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), s = 1; s < r; s++)
790
+ n[s - 1] = arguments[s];
791
+ return typeof t == "function" ? t.apply(void 0, n) : t;
792
+ }, Ue = function(t) {
793
+ return t.target.shadowRoot && typeof t.composedPath == "function" ? t.composedPath()[0] : t.target;
794
+ }, Ii = [], $i = function(t, r) {
795
+ var n = (r == null ? void 0 : r.document) || document, s = (r == null ? void 0 : r.trapStack) || Ii, u = Vt({
796
+ returnFocusOnDeactivate: !0,
797
+ escapeDeactivates: !0,
798
+ delayInitialFocus: !0,
799
+ isKeyForward: Si,
800
+ isKeyBackward: Ci
801
+ }, r), o = {
802
+ // containers given to createFocusTrap()
803
+ // @type {Array<HTMLElement>}
804
+ containers: [],
805
+ // list of objects identifying tabbable nodes in `containers` in the trap
806
+ // NOTE: it's possible that a group has no tabbable nodes if nodes get removed while the trap
807
+ // is active, but the trap should never get to a state where there isn't at least one group
808
+ // with at least one tabbable node in it (that would lead to an error condition that would
809
+ // result in an error being thrown)
810
+ // @type {Array<{
811
+ // container: HTMLElement,
812
+ // tabbableNodes: Array<HTMLElement>, // empty if none
813
+ // focusableNodes: Array<HTMLElement>, // empty if none
814
+ // posTabIndexesFound: boolean,
815
+ // firstTabbableNode: HTMLElement|undefined,
816
+ // lastTabbableNode: HTMLElement|undefined,
817
+ // firstDomTabbableNode: HTMLElement|undefined,
818
+ // lastDomTabbableNode: HTMLElement|undefined,
819
+ // nextTabbableNode: (node: HTMLElement, forward: boolean) => HTMLElement|undefined
820
+ // }>}
821
+ containerGroups: [],
822
+ // same order/length as `containers` list
823
+ // references to objects in `containerGroups`, but only those that actually have
824
+ // tabbable nodes in them
825
+ // NOTE: same order as `containers` and `containerGroups`, but __not necessarily__
826
+ // the same length
827
+ tabbableGroups: [],
828
+ nodeFocusedBeforeActivation: null,
829
+ mostRecentlyFocusedNode: null,
830
+ active: !1,
831
+ paused: !1,
832
+ manuallyPaused: !1,
833
+ // timer ID for when delayInitialFocus is true and initial focus in this trap
834
+ // has been delayed during activation
835
+ delayInitialFocusTimer: void 0,
836
+ // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
837
+ recentNavEvent: void 0
838
+ }, d, b = function(l, f, m) {
839
+ return l && l[f] !== void 0 ? l[f] : u[m || f];
840
+ }, T = function(l, f) {
841
+ var m = typeof (f == null ? void 0 : f.composedPath) == "function" ? f.composedPath() : void 0;
842
+ return o.containerGroups.findIndex(function(F) {
843
+ var R = F.container, M = F.tabbableNodes;
844
+ return R.contains(l) || // fall back to explicit tabbable search which will take into consideration any
845
+ // web components if the `tabbableOptions.getShadowRoot` option was used for
846
+ // the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
847
+ // look inside web components even if open)
848
+ (m == null ? void 0 : m.includes(R)) || M.find(function(O) {
849
+ return O === l;
850
+ });
851
+ });
852
+ }, _ = function(l) {
853
+ var f = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, m = f.hasFallback, F = m === void 0 ? !1 : m, R = f.params, M = R === void 0 ? [] : R, O = u[l];
854
+ if (typeof O == "function" && (O = O.apply(void 0, gi(M))), O === !0 && (O = void 0), !O) {
855
+ if (O === void 0 || O === !1)
856
+ return O;
857
+ throw new Error("`".concat(l, "` was specified but was not a node, or did not return a node"));
858
+ }
859
+ var w = O;
860
+ if (typeof O == "string") {
861
+ try {
862
+ w = n.querySelector(O);
863
+ } catch (v) {
864
+ throw new Error("`".concat(l, '` appears to be an invalid selector; error="').concat(v.message, '"'));
865
+ }
866
+ if (!w && !F)
867
+ throw new Error("`".concat(l, "` as selector refers to no known node"));
868
+ }
869
+ return w;
870
+ }, B = function() {
871
+ var l = _("initialFocus", {
872
+ hasFallback: !0
873
+ });
874
+ if (l === !1)
875
+ return !1;
876
+ if (l === void 0 || l && !ht(l, u.tabbableOptions))
877
+ if (T(n.activeElement) >= 0)
878
+ l = n.activeElement;
879
+ else {
880
+ var f = o.tabbableGroups[0], m = f && f.firstTabbableNode;
881
+ l = m || _("fallbackFocus");
882
+ }
883
+ else l === null && (l = _("fallbackFocus"));
884
+ if (!l)
885
+ throw new Error("Your focus-trap needs to have at least one focusable element");
886
+ return l;
887
+ }, x = function() {
888
+ if (o.containerGroups = o.containers.map(function(l) {
889
+ var f = di(l, u.tabbableOptions), m = fi(l, u.tabbableOptions), F = f.length > 0 ? f[0] : void 0, R = f.length > 0 ? f[f.length - 1] : void 0, M = m.find(function(v) {
890
+ return Oe(v);
891
+ }), O = m.slice().reverse().find(function(v) {
892
+ return Oe(v);
893
+ }), w = !!f.find(function(v) {
894
+ return ke(v) > 0;
895
+ });
896
+ return {
897
+ container: l,
898
+ tabbableNodes: f,
899
+ focusableNodes: m,
900
+ /** True if at least one node with positive `tabindex` was found in this container. */
901
+ posTabIndexesFound: w,
902
+ /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
903
+ firstTabbableNode: F,
904
+ /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
905
+ lastTabbableNode: R,
906
+ // NOTE: DOM order is NOT NECESSARILY "document position" order, but figuring that out
907
+ // would require more than just https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition
908
+ // because that API doesn't work with Shadow DOM as well as it should (@see
909
+ // https://github.com/whatwg/dom/issues/320) and since this first/last is only needed, so far,
910
+ // to address an edge case related to positive tabindex support, this seems like a much easier,
911
+ // "close enough most of the time" alternative for positive tabindexes which should generally
912
+ // be avoided anyway...
913
+ /** First tabbable node in container, __DOM__ order; `undefined` if none. */
914
+ firstDomTabbableNode: M,
915
+ /** Last tabbable node in container, __DOM__ order; `undefined` if none. */
916
+ lastDomTabbableNode: O,
917
+ /**
918
+ * Finds the __tabbable__ node that follows the given node in the specified direction,
919
+ * in this container, if any.
920
+ * @param {HTMLElement} node
921
+ * @param {boolean} [forward] True if going in forward tab order; false if going
922
+ * in reverse.
923
+ * @returns {HTMLElement|undefined} The next tabbable node, if any.
924
+ */
925
+ nextTabbableNode: function(I) {
926
+ var y = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, g = f.indexOf(I);
927
+ return g < 0 ? y ? m.slice(m.indexOf(I) + 1).find(function(Y) {
928
+ return Oe(Y);
929
+ }) : m.slice(0, m.indexOf(I)).reverse().find(function(Y) {
930
+ return Oe(Y);
931
+ }) : f[g + (y ? 1 : -1)];
932
+ }
933
+ };
934
+ }), o.tabbableGroups = o.containerGroups.filter(function(l) {
935
+ return l.tabbableNodes.length > 0;
936
+ }), o.tabbableGroups.length <= 0 && !_("fallbackFocus"))
937
+ throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
938
+ if (o.containerGroups.find(function(l) {
939
+ return l.posTabIndexesFound;
940
+ }) && o.containerGroups.length > 1)
941
+ throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
942
+ }, P = function(l) {
943
+ var f = l.activeElement;
944
+ if (f)
945
+ return f.shadowRoot && f.shadowRoot.activeElement !== null ? P(f.shadowRoot) : f;
946
+ }, A = function(l) {
947
+ if (l !== !1 && l !== P(document)) {
948
+ if (!l || !l.focus) {
949
+ A(B());
950
+ return;
951
+ }
952
+ l.focus({
953
+ preventScroll: !!u.preventScroll
954
+ }), o.mostRecentlyFocusedNode = l, Ti(l) && l.select();
955
+ }
956
+ }, j = function(l) {
957
+ var f = _("setReturnFocus", {
958
+ params: [l]
959
+ });
960
+ return f || (f === !1 ? !1 : l);
961
+ }, ne = function(l) {
962
+ var f = l.target, m = l.event, F = l.isBackward, R = F === void 0 ? !1 : F;
963
+ f = f || Ue(m), x();
964
+ var M = null;
965
+ if (o.tabbableGroups.length > 0) {
966
+ var O = T(f, m), w = O >= 0 ? o.containerGroups[O] : void 0;
967
+ if (O < 0)
968
+ R ? M = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : M = o.tabbableGroups[0].firstTabbableNode;
969
+ else if (R) {
970
+ var v = o.tabbableGroups.findIndex(function(X) {
971
+ var ce = X.firstTabbableNode;
972
+ return f === ce;
973
+ });
974
+ if (v < 0 && (w.container === f || ht(f, u.tabbableOptions) && !Oe(f, u.tabbableOptions) && !w.nextTabbableNode(f, !1)) && (v = O), v >= 0) {
975
+ var I = v === 0 ? o.tabbableGroups.length - 1 : v - 1, y = o.tabbableGroups[I];
976
+ M = ke(f) >= 0 ? y.lastTabbableNode : y.lastDomTabbableNode;
977
+ } else Be(m) || (M = w.nextTabbableNode(f, !1));
978
+ } else {
979
+ var g = o.tabbableGroups.findIndex(function(X) {
980
+ var ce = X.lastTabbableNode;
981
+ return f === ce;
982
+ });
983
+ if (g < 0 && (w.container === f || ht(f, u.tabbableOptions) && !Oe(f, u.tabbableOptions) && !w.nextTabbableNode(f)) && (g = O), g >= 0) {
984
+ var Y = g === o.tabbableGroups.length - 1 ? 0 : g + 1, H = o.tabbableGroups[Y];
985
+ M = ke(f) >= 0 ? H.firstTabbableNode : H.firstDomTabbableNode;
986
+ } else Be(m) || (M = w.nextTabbableNode(f));
987
+ }
988
+ } else
989
+ M = _("fallbackFocus");
990
+ return M;
991
+ }, K = function(l) {
992
+ var f = Ue(l);
993
+ if (!(T(f, l) >= 0)) {
994
+ if (Re(u.clickOutsideDeactivates, l)) {
995
+ d.deactivate({
996
+ // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
997
+ // which will result in the outside click setting focus to the node
998
+ // that was clicked (and if not focusable, to "nothing"); by setting
999
+ // `returnFocus: true`, we'll attempt to re-focus the node originally-focused
1000
+ // on activation (or the configured `setReturnFocus` node), whether the
1001
+ // outside click was on a focusable node or not
1002
+ returnFocus: u.returnFocusOnDeactivate
1003
+ });
1004
+ return;
1005
+ }
1006
+ Re(u.allowOutsideClick, l) || l.preventDefault();
1007
+ }
1008
+ }, G = function(l) {
1009
+ var f = Ue(l), m = T(f, l) >= 0;
1010
+ if (m || f instanceof Document)
1011
+ m && (o.mostRecentlyFocusedNode = f);
1012
+ else {
1013
+ l.stopImmediatePropagation();
1014
+ var F, R = !0;
1015
+ if (o.mostRecentlyFocusedNode)
1016
+ if (ke(o.mostRecentlyFocusedNode) > 0) {
1017
+ var M = T(o.mostRecentlyFocusedNode), O = o.containerGroups[M].tabbableNodes;
1018
+ if (O.length > 0) {
1019
+ var w = O.findIndex(function(v) {
1020
+ return v === o.mostRecentlyFocusedNode;
1021
+ });
1022
+ w >= 0 && (u.isKeyForward(o.recentNavEvent) ? w + 1 < O.length && (F = O[w + 1], R = !1) : w - 1 >= 0 && (F = O[w - 1], R = !1));
1023
+ }
1024
+ } else
1025
+ o.containerGroups.some(function(v) {
1026
+ return v.tabbableNodes.some(function(I) {
1027
+ return ke(I) > 0;
1028
+ });
1029
+ }) || (R = !1);
1030
+ else
1031
+ R = !1;
1032
+ R && (F = ne({
1033
+ // move FROM the MRU node, not event-related node (which will be the node that is
1034
+ // outside the trap causing the focus escape we're trying to fix)
1035
+ target: o.mostRecentlyFocusedNode,
1036
+ isBackward: u.isKeyBackward(o.recentNavEvent)
1037
+ })), A(F || o.mostRecentlyFocusedNode || B());
1038
+ }
1039
+ o.recentNavEvent = void 0;
1040
+ }, fe = function(l) {
1041
+ var f = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
1042
+ o.recentNavEvent = l;
1043
+ var m = ne({
1044
+ event: l,
1045
+ isBackward: f
1046
+ });
1047
+ m && (Be(l) && l.preventDefault(), A(m));
1048
+ }, le = function(l) {
1049
+ (u.isKeyForward(l) || u.isKeyBackward(l)) && fe(l, u.isKeyBackward(l));
1050
+ }, J = function(l) {
1051
+ _i(l) && Re(u.escapeDeactivates, l) !== !1 && (l.preventDefault(), d.deactivate());
1052
+ }, q = function(l) {
1053
+ var f = Ue(l);
1054
+ T(f, l) >= 0 || Re(u.clickOutsideDeactivates, l) || Re(u.allowOutsideClick, l) || (l.preventDefault(), l.stopImmediatePropagation());
1055
+ }, se = function() {
1056
+ if (o.active)
1057
+ return qt.activateTrap(s, d), o.delayInitialFocusTimer = u.delayInitialFocus ? Xt(function() {
1058
+ A(B());
1059
+ }) : A(B()), n.addEventListener("focusin", G, !0), n.addEventListener("mousedown", K, {
1060
+ capture: !0,
1061
+ passive: !1
1062
+ }), n.addEventListener("touchstart", K, {
1063
+ capture: !0,
1064
+ passive: !1
1065
+ }), n.addEventListener("click", q, {
1066
+ capture: !0,
1067
+ passive: !1
1068
+ }), n.addEventListener("keydown", le, {
1069
+ capture: !0,
1070
+ passive: !1
1071
+ }), n.addEventListener("keydown", J), d;
1072
+ }, N = function() {
1073
+ if (o.active)
1074
+ return n.removeEventListener("focusin", G, !0), n.removeEventListener("mousedown", K, !0), n.removeEventListener("touchstart", K, !0), n.removeEventListener("click", q, !0), n.removeEventListener("keydown", le, !0), n.removeEventListener("keydown", J), d;
1075
+ }, z = function(l) {
1076
+ var f = l.some(function(m) {
1077
+ var F = Array.from(m.removedNodes);
1078
+ return F.some(function(R) {
1079
+ return R === o.mostRecentlyFocusedNode;
1080
+ });
1081
+ });
1082
+ f && A(B());
1083
+ }, Z = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(z) : void 0, U = function() {
1084
+ Z && (Z.disconnect(), o.active && !o.paused && o.containers.map(function(l) {
1085
+ Z.observe(l, {
1086
+ subtree: !0,
1087
+ childList: !0
1088
+ });
1089
+ }));
1090
+ };
1091
+ return d = {
1092
+ get active() {
1093
+ return o.active;
1094
+ },
1095
+ get paused() {
1096
+ return o.paused;
1097
+ },
1098
+ activate: function(l) {
1099
+ if (o.active)
1100
+ return this;
1101
+ var f = b(l, "onActivate"), m = b(l, "onPostActivate"), F = b(l, "checkCanFocusTrap");
1102
+ F || x(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = P(n), f == null || f();
1103
+ var R = function() {
1104
+ F && x(), se(), U(), m == null || m();
1105
+ };
1106
+ return F ? (F(o.containers.concat()).then(R, R), this) : (R(), this);
1107
+ },
1108
+ deactivate: function(l) {
1109
+ if (!o.active)
1110
+ return this;
1111
+ var f = Vt({
1112
+ onDeactivate: u.onDeactivate,
1113
+ onPostDeactivate: u.onPostDeactivate,
1114
+ checkCanReturnFocus: u.checkCanReturnFocus
1115
+ }, l);
1116
+ clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, N(), o.active = !1, o.paused = !1, U(), qt.deactivateTrap(s, d);
1117
+ var m = b(f, "onDeactivate"), F = b(f, "onPostDeactivate"), R = b(f, "checkCanReturnFocus"), M = b(f, "returnFocus", "returnFocusOnDeactivate");
1118
+ m == null || m();
1119
+ var O = function() {
1120
+ Xt(function() {
1121
+ M && A(j(o.nodeFocusedBeforeActivation)), F == null || F();
1122
+ });
1123
+ };
1124
+ return M && R ? (R(j(o.nodeFocusedBeforeActivation)).then(O, O), this) : (O(), this);
1125
+ },
1126
+ pause: function(l) {
1127
+ return o.active ? (o.manuallyPaused = !0, this._setPausedState(!0, l)) : this;
1128
+ },
1129
+ unpause: function(l) {
1130
+ return o.active ? (o.manuallyPaused = !1, s[s.length - 1] !== this ? this : this._setPausedState(!1, l)) : this;
1131
+ },
1132
+ updateContainerElements: function(l) {
1133
+ var f = [].concat(l).filter(Boolean);
1134
+ return o.containers = f.map(function(m) {
1135
+ return typeof m == "string" ? n.querySelector(m) : m;
1136
+ }), o.active && x(), U(), this;
1137
+ }
1138
+ }, Object.defineProperties(d, {
1139
+ _isManuallyPaused: {
1140
+ value: function() {
1141
+ return o.manuallyPaused;
1142
+ }
1143
+ },
1144
+ _setPausedState: {
1145
+ value: function(l, f) {
1146
+ if (o.paused === l)
1147
+ return this;
1148
+ if (o.paused = l, l) {
1149
+ var m = b(f, "onPause"), F = b(f, "onPostPause");
1150
+ m == null || m(), N(), U(), F == null || F();
1151
+ } else {
1152
+ var R = b(f, "onUnpause"), M = b(f, "onPostUnpause");
1153
+ R == null || R(), x(), se(), U(), M == null || M();
1154
+ }
1155
+ return this;
1156
+ }
1157
+ }
1158
+ }), d.updateContainerElements(t), d;
1159
+ };
1160
+ /*!
1161
+ * focus-trap-vue v4.0.3
1162
+ * (c) 2025 Eduardo San Martin Morote
1163
+ * @license MIT
1164
+ */
1165
+ const Oi = {
1166
+ escapeDeactivates: {
1167
+ type: Boolean,
1168
+ default: !0
1169
+ },
1170
+ returnFocusOnDeactivate: {
1171
+ type: Boolean,
1172
+ default: !0
1173
+ },
1174
+ allowOutsideClick: {
1175
+ type: [Boolean, Function],
1176
+ default: !0
1177
+ },
1178
+ clickOutsideDeactivates: [Boolean, Function],
1179
+ initialFocus: [String, Function, Boolean],
1180
+ fallbackFocus: [String, Function],
1181
+ checkCanFocusTrap: Function,
1182
+ checkCanReturnFocus: Function,
1183
+ delayInitialFocus: {
1184
+ type: Boolean,
1185
+ default: !0
1186
+ },
1187
+ document: Object,
1188
+ preventScroll: Boolean,
1189
+ setReturnFocus: [Object, String, Boolean, Function],
1190
+ tabbableOptions: Object
1191
+ }, Ei = ie({
1192
+ name: "FocusTrap",
1193
+ props: Object.assign({
1194
+ active: {
1195
+ // TODO: could be options for activate but what about the options for deactivating?
1196
+ type: Boolean,
1197
+ default: !0
1198
+ }
1199
+ }, Oi),
1200
+ emits: [
1201
+ "update:active",
1202
+ "activate",
1203
+ "postActivate",
1204
+ "deactivate",
1205
+ "postDeactivate"
1206
+ ],
1207
+ render() {
1208
+ return this.renderImpl();
1209
+ },
1210
+ setup(a, { slots: t, emit: r }) {
1211
+ let n;
1212
+ const s = ae(null), u = S(() => {
1213
+ const d = s.value;
1214
+ return d && (d instanceof HTMLElement ? d : d.$el);
1215
+ });
1216
+ function o() {
1217
+ return n || (n = $i(u.value, {
1218
+ escapeDeactivates: a.escapeDeactivates,
1219
+ allowOutsideClick: a.allowOutsideClick,
1220
+ returnFocusOnDeactivate: a.returnFocusOnDeactivate,
1221
+ clickOutsideDeactivates: a.clickOutsideDeactivates,
1222
+ onActivate: () => {
1223
+ r("update:active", !0), r("activate");
1224
+ },
1225
+ onDeactivate: () => {
1226
+ r("update:active", !1), r("deactivate");
1227
+ },
1228
+ onPostActivate: () => r("postActivate"),
1229
+ onPostDeactivate: () => r("postDeactivate"),
1230
+ initialFocus: a.initialFocus,
1231
+ fallbackFocus: a.fallbackFocus,
1232
+ tabbableOptions: a.tabbableOptions,
1233
+ delayInitialFocus: a.delayInitialFocus,
1234
+ preventScroll: a.preventScroll
1235
+ }));
1236
+ }
1237
+ return Pe(() => {
1238
+ Te(() => a.active, (d) => {
1239
+ d && u.value ? o().activate() : n && (n.deactivate(), (!u.value || u.value.nodeType === Node.COMMENT_NODE) && (n = null));
1240
+ }, { immediate: !0, flush: "post" });
1241
+ }), Fn(() => {
1242
+ n && n.deactivate(), n = null;
1243
+ }), {
1244
+ activate() {
1245
+ o().activate();
1246
+ },
1247
+ deactivate() {
1248
+ n && n.deactivate();
1249
+ },
1250
+ renderImpl() {
1251
+ if (!t.default)
1252
+ return null;
1253
+ const d = t.default().filter((T) => T.type !== Nn);
1254
+ return !d || !d.length || d.length > 1 ? (console.error("[focus-trap-vue]: FocusTrap requires exactly one child."), d) : Dn(d[0], { ref: s });
1255
+ }
1256
+ };
1257
+ }
1258
+ });
1259
+ function ca() {
1260
+ return {
1261
+ debounce: (t, r) => {
1262
+ let n;
1263
+ return (...s) => {
1264
+ clearTimeout(n), n = window == null ? void 0 : window.setTimeout(() => {
1265
+ t(...s);
1266
+ }, r);
1267
+ };
1268
+ }
1269
+ };
1270
+ }
1271
+ var Ve = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
1272
+ function Ai(a) {
1273
+ return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
1274
+ }
1275
+ var tt = { exports: {} };
1276
+ tt.exports;
1277
+ (function(a, t) {
1278
+ var r = 200, n = "__lodash_hash_undefined__", s = 9007199254740991, u = "[object Arguments]", o = "[object Array]", d = "[object Boolean]", b = "[object Date]", T = "[object Error]", _ = "[object Function]", B = "[object GeneratorFunction]", x = "[object Map]", P = "[object Number]", A = "[object Object]", j = "[object Promise]", ne = "[object RegExp]", K = "[object Set]", G = "[object String]", fe = "[object Symbol]", le = "[object WeakMap]", J = "[object ArrayBuffer]", q = "[object DataView]", se = "[object Float32Array]", N = "[object Float64Array]", z = "[object Int8Array]", Z = "[object Int16Array]", U = "[object Int32Array]", D = "[object Uint8Array]", l = "[object Uint8ClampedArray]", f = "[object Uint16Array]", m = "[object Uint32Array]", F = /[\\^$.*+?()[\]{}|]/g, R = /\w*$/, M = /^\[object .+?Constructor\]$/, O = /^(?:0|[1-9]\d*)$/, w = {};
1279
+ w[u] = w[o] = w[J] = w[q] = w[d] = w[b] = w[se] = w[N] = w[z] = w[Z] = w[U] = w[x] = w[P] = w[A] = w[ne] = w[K] = w[G] = w[fe] = w[D] = w[l] = w[f] = w[m] = !0, w[T] = w[_] = w[le] = !1;
1280
+ var v = typeof Ve == "object" && Ve && Ve.Object === Object && Ve, I = typeof self == "object" && self && self.Object === Object && self, y = v || I || Function("return this")(), g = t && !t.nodeType && t, Y = g && !0 && a && !a.nodeType && a, H = Y && Y.exports === g;
1281
+ function X(e, i) {
1282
+ return e.set(i[0], i[1]), e;
1283
+ }
1284
+ function ce(e, i) {
1285
+ return e.add(i), e;
1286
+ }
1287
+ function ua(e, i) {
1288
+ for (var c = -1, h = e ? e.length : 0; ++c < h && i(e[c], c, e) !== !1; )
1289
+ ;
1290
+ return e;
1291
+ }
1292
+ function da(e, i) {
1293
+ for (var c = -1, h = i.length, V = e.length; ++c < h; )
1294
+ e[V + c] = i[c];
1295
+ return e;
1296
+ }
1297
+ function wt(e, i, c, h) {
1298
+ for (var V = -1, ee = e ? e.length : 0; ++V < ee; )
1299
+ c = i(c, e[V], V, e);
1300
+ return c;
1301
+ }
1302
+ function fa(e, i) {
1303
+ for (var c = -1, h = Array(e); ++c < e; )
1304
+ h[c] = i(c);
1305
+ return h;
1306
+ }
1307
+ function va(e, i) {
1308
+ return e == null ? void 0 : e[i];
1309
+ }
1310
+ function kt(e) {
1311
+ var i = !1;
1312
+ if (e != null && typeof e.toString != "function")
1313
+ try {
1314
+ i = !!(e + "");
1315
+ } catch {
1316
+ }
1317
+ return i;
1318
+ }
1319
+ function Tt(e) {
1320
+ var i = -1, c = Array(e.size);
1321
+ return e.forEach(function(h, V) {
1322
+ c[++i] = [V, h];
1323
+ }), c;
1324
+ }
1325
+ function at(e, i) {
1326
+ return function(c) {
1327
+ return e(i(c));
1328
+ };
1329
+ }
1330
+ function _t(e) {
1331
+ var i = -1, c = Array(e.size);
1332
+ return e.forEach(function(h) {
1333
+ c[++i] = h;
1334
+ }), c;
1335
+ }
1336
+ var ba = Array.prototype, pa = Function.prototype, Ke = Object.prototype, nt = y["__core-js_shared__"], St = function() {
1337
+ var e = /[^.]+$/.exec(nt && nt.keys && nt.keys.IE_PROTO || "");
1338
+ return e ? "Symbol(src)_1." + e : "";
1339
+ }(), Ct = pa.toString, ve = Ke.hasOwnProperty, Ze = Ke.toString, ha = RegExp(
1340
+ "^" + Ct.call(ve).replace(F, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
1341
+ ), It = H ? y.Buffer : void 0, $t = y.Symbol, Ot = y.Uint8Array, ma = at(Object.getPrototypeOf, Object), ga = Object.create, ya = Ke.propertyIsEnumerable, wa = ba.splice, Et = Object.getOwnPropertySymbols, ka = It ? It.isBuffer : void 0, Ta = at(Object.keys, Object), rt = Ie(y, "DataView"), Ne = Ie(y, "Map"), it = Ie(y, "Promise"), ot = Ie(y, "Set"), st = Ie(y, "WeakMap"), De = Ie(Object, "create"), _a = ye(rt), Sa = ye(Ne), Ca = ye(it), Ia = ye(ot), $a = ye(st), At = $t ? $t.prototype : void 0, Ft = At ? At.valueOf : void 0;
1342
+ function me(e) {
1343
+ var i = -1, c = e ? e.length : 0;
1344
+ for (this.clear(); ++i < c; ) {
1345
+ var h = e[i];
1346
+ this.set(h[0], h[1]);
1347
+ }
1348
+ }
1349
+ function Oa() {
1350
+ this.__data__ = De ? De(null) : {};
1351
+ }
1352
+ function Ea(e) {
1353
+ return this.has(e) && delete this.__data__[e];
1354
+ }
1355
+ function Aa(e) {
1356
+ var i = this.__data__;
1357
+ if (De) {
1358
+ var c = i[e];
1359
+ return c === n ? void 0 : c;
1360
+ }
1361
+ return ve.call(i, e) ? i[e] : void 0;
1362
+ }
1363
+ function Fa(e) {
1364
+ var i = this.__data__;
1365
+ return De ? i[e] !== void 0 : ve.call(i, e);
1366
+ }
1367
+ function Na(e, i) {
1368
+ var c = this.__data__;
1369
+ return c[e] = De && i === void 0 ? n : i, this;
1370
+ }
1371
+ me.prototype.clear = Oa, me.prototype.delete = Ea, me.prototype.get = Aa, me.prototype.has = Fa, me.prototype.set = Na;
1372
+ function ue(e) {
1373
+ var i = -1, c = e ? e.length : 0;
1374
+ for (this.clear(); ++i < c; ) {
1375
+ var h = e[i];
1376
+ this.set(h[0], h[1]);
1377
+ }
1378
+ }
1379
+ function Da() {
1380
+ this.__data__ = [];
1381
+ }
1382
+ function Ra(e) {
1383
+ var i = this.__data__, c = He(i, e);
1384
+ if (c < 0)
1385
+ return !1;
1386
+ var h = i.length - 1;
1387
+ return c == h ? i.pop() : wa.call(i, c, 1), !0;
1388
+ }
1389
+ function Ba(e) {
1390
+ var i = this.__data__, c = He(i, e);
1391
+ return c < 0 ? void 0 : i[c][1];
1392
+ }
1393
+ function xa(e) {
1394
+ return He(this.__data__, e) > -1;
1395
+ }
1396
+ function Ma(e, i) {
1397
+ var c = this.__data__, h = He(c, e);
1398
+ return h < 0 ? c.push([e, i]) : c[h][1] = i, this;
1399
+ }
1400
+ ue.prototype.clear = Da, ue.prototype.delete = Ra, ue.prototype.get = Ba, ue.prototype.has = xa, ue.prototype.set = Ma;
1401
+ function Se(e) {
1402
+ var i = -1, c = e ? e.length : 0;
1403
+ for (this.clear(); ++i < c; ) {
1404
+ var h = e[i];
1405
+ this.set(h[0], h[1]);
1406
+ }
1407
+ }
1408
+ function La() {
1409
+ this.__data__ = {
1410
+ hash: new me(),
1411
+ map: new (Ne || ue)(),
1412
+ string: new me()
1413
+ };
1414
+ }
1415
+ function ja(e) {
1416
+ return We(this, e).delete(e);
1417
+ }
1418
+ function Pa(e) {
1419
+ return We(this, e).get(e);
1420
+ }
1421
+ function Ka(e) {
1422
+ return We(this, e).has(e);
1423
+ }
1424
+ function Za(e, i) {
1425
+ return We(this, e).set(e, i), this;
1426
+ }
1427
+ Se.prototype.clear = La, Se.prototype.delete = ja, Se.prototype.get = Pa, Se.prototype.has = Ka, Se.prototype.set = Za;
1428
+ function Ce(e) {
1429
+ this.__data__ = new ue(e);
1430
+ }
1431
+ function Ha() {
1432
+ this.__data__ = new ue();
1433
+ }
1434
+ function Wa(e) {
1435
+ return this.__data__.delete(e);
1436
+ }
1437
+ function Ga(e) {
1438
+ return this.__data__.get(e);
1439
+ }
1440
+ function za(e) {
1441
+ return this.__data__.has(e);
1442
+ }
1443
+ function Ua(e, i) {
1444
+ var c = this.__data__;
1445
+ if (c instanceof ue) {
1446
+ var h = c.__data__;
1447
+ if (!Ne || h.length < r - 1)
1448
+ return h.push([e, i]), this;
1449
+ c = this.__data__ = new Se(h);
1450
+ }
1451
+ return c.set(e, i), this;
1452
+ }
1453
+ Ce.prototype.clear = Ha, Ce.prototype.delete = Wa, Ce.prototype.get = Ga, Ce.prototype.has = za, Ce.prototype.set = Ua;
1454
+ function Va(e, i) {
1455
+ var c = ut(e) || yn(e) ? fa(e.length, String) : [], h = c.length, V = !!h;
1456
+ for (var ee in e)
1457
+ ve.call(e, ee) && !(V && (ee == "length" || pn(ee, h))) && c.push(ee);
1458
+ return c;
1459
+ }
1460
+ function Nt(e, i, c) {
1461
+ var h = e[i];
1462
+ (!(ve.call(e, i) && xt(h, c)) || c === void 0 && !(i in e)) && (e[i] = c);
1463
+ }
1464
+ function He(e, i) {
1465
+ for (var c = e.length; c--; )
1466
+ if (xt(e[c][0], i))
1467
+ return c;
1468
+ return -1;
1469
+ }
1470
+ function qa(e, i) {
1471
+ return e && Dt(i, dt(i), e);
1472
+ }
1473
+ function lt(e, i, c, h, V, ee, de) {
1474
+ var te;
1475
+ if (h && (te = ee ? h(e, V, ee, de) : h(e)), te !== void 0)
1476
+ return te;
1477
+ if (!Ge(e))
1478
+ return e;
1479
+ var jt = ut(e);
1480
+ if (jt) {
1481
+ if (te = fn(e), !i)
1482
+ return cn(e, te);
1483
+ } else {
1484
+ var $e = ge(e), Pt = $e == _ || $e == B;
1485
+ if (kn(e))
1486
+ return tn(e, i);
1487
+ if ($e == A || $e == u || Pt && !ee) {
1488
+ if (kt(e))
1489
+ return ee ? e : {};
1490
+ if (te = vn(Pt ? {} : e), !i)
1491
+ return un(e, qa(te, e));
1492
+ } else {
1493
+ if (!w[$e])
1494
+ return ee ? e : {};
1495
+ te = bn(e, $e, lt, i);
1496
+ }
1497
+ }
1498
+ de || (de = new Ce());
1499
+ var Kt = de.get(e);
1500
+ if (Kt)
1501
+ return Kt;
1502
+ if (de.set(e, te), !jt)
1503
+ var Zt = c ? dn(e) : dt(e);
1504
+ return ua(Zt || e, function(ft, ze) {
1505
+ Zt && (ze = ft, ft = e[ze]), Nt(te, ze, lt(ft, i, c, h, ze, e, de));
1506
+ }), te;
1507
+ }
1508
+ function Xa(e) {
1509
+ return Ge(e) ? ga(e) : {};
1510
+ }
1511
+ function Ya(e, i, c) {
1512
+ var h = i(e);
1513
+ return ut(e) ? h : da(h, c(e));
1514
+ }
1515
+ function Qa(e) {
1516
+ return Ze.call(e);
1517
+ }
1518
+ function Ja(e) {
1519
+ if (!Ge(e) || mn(e))
1520
+ return !1;
1521
+ var i = Lt(e) || kt(e) ? ha : M;
1522
+ return i.test(ye(e));
1523
+ }
1524
+ function en(e) {
1525
+ if (!Bt(e))
1526
+ return Ta(e);
1527
+ var i = [];
1528
+ for (var c in Object(e))
1529
+ ve.call(e, c) && c != "constructor" && i.push(c);
1530
+ return i;
1531
+ }
1532
+ function tn(e, i) {
1533
+ if (i)
1534
+ return e.slice();
1535
+ var c = new e.constructor(e.length);
1536
+ return e.copy(c), c;
1537
+ }
1538
+ function ct(e) {
1539
+ var i = new e.constructor(e.byteLength);
1540
+ return new Ot(i).set(new Ot(e)), i;
1541
+ }
1542
+ function an(e, i) {
1543
+ var c = i ? ct(e.buffer) : e.buffer;
1544
+ return new e.constructor(c, e.byteOffset, e.byteLength);
1545
+ }
1546
+ function nn(e, i, c) {
1547
+ var h = i ? c(Tt(e), !0) : Tt(e);
1548
+ return wt(h, X, new e.constructor());
1549
+ }
1550
+ function rn(e) {
1551
+ var i = new e.constructor(e.source, R.exec(e));
1552
+ return i.lastIndex = e.lastIndex, i;
1553
+ }
1554
+ function on(e, i, c) {
1555
+ var h = i ? c(_t(e), !0) : _t(e);
1556
+ return wt(h, ce, new e.constructor());
1557
+ }
1558
+ function sn(e) {
1559
+ return Ft ? Object(Ft.call(e)) : {};
1560
+ }
1561
+ function ln(e, i) {
1562
+ var c = i ? ct(e.buffer) : e.buffer;
1563
+ return new e.constructor(c, e.byteOffset, e.length);
1564
+ }
1565
+ function cn(e, i) {
1566
+ var c = -1, h = e.length;
1567
+ for (i || (i = Array(h)); ++c < h; )
1568
+ i[c] = e[c];
1569
+ return i;
1570
+ }
1571
+ function Dt(e, i, c, h) {
1572
+ c || (c = {});
1573
+ for (var V = -1, ee = i.length; ++V < ee; ) {
1574
+ var de = i[V], te = void 0;
1575
+ Nt(c, de, te === void 0 ? e[de] : te);
1576
+ }
1577
+ return c;
1578
+ }
1579
+ function un(e, i) {
1580
+ return Dt(e, Rt(e), i);
1581
+ }
1582
+ function dn(e) {
1583
+ return Ya(e, dt, Rt);
1584
+ }
1585
+ function We(e, i) {
1586
+ var c = e.__data__;
1587
+ return hn(i) ? c[typeof i == "string" ? "string" : "hash"] : c.map;
1588
+ }
1589
+ function Ie(e, i) {
1590
+ var c = va(e, i);
1591
+ return Ja(c) ? c : void 0;
1592
+ }
1593
+ var Rt = Et ? at(Et, Object) : Sn, ge = Qa;
1594
+ (rt && ge(new rt(new ArrayBuffer(1))) != q || Ne && ge(new Ne()) != x || it && ge(it.resolve()) != j || ot && ge(new ot()) != K || st && ge(new st()) != le) && (ge = function(e) {
1595
+ var i = Ze.call(e), c = i == A ? e.constructor : void 0, h = c ? ye(c) : void 0;
1596
+ if (h)
1597
+ switch (h) {
1598
+ case _a:
1599
+ return q;
1600
+ case Sa:
1601
+ return x;
1602
+ case Ca:
1603
+ return j;
1604
+ case Ia:
1605
+ return K;
1606
+ case $a:
1607
+ return le;
1608
+ }
1609
+ return i;
1610
+ });
1611
+ function fn(e) {
1612
+ var i = e.length, c = e.constructor(i);
1613
+ return i && typeof e[0] == "string" && ve.call(e, "index") && (c.index = e.index, c.input = e.input), c;
1614
+ }
1615
+ function vn(e) {
1616
+ return typeof e.constructor == "function" && !Bt(e) ? Xa(ma(e)) : {};
1617
+ }
1618
+ function bn(e, i, c, h) {
1619
+ var V = e.constructor;
1620
+ switch (i) {
1621
+ case J:
1622
+ return ct(e);
1623
+ case d:
1624
+ case b:
1625
+ return new V(+e);
1626
+ case q:
1627
+ return an(e, h);
1628
+ case se:
1629
+ case N:
1630
+ case z:
1631
+ case Z:
1632
+ case U:
1633
+ case D:
1634
+ case l:
1635
+ case f:
1636
+ case m:
1637
+ return ln(e, h);
1638
+ case x:
1639
+ return nn(e, h, c);
1640
+ case P:
1641
+ case G:
1642
+ return new V(e);
1643
+ case ne:
1644
+ return rn(e);
1645
+ case K:
1646
+ return on(e, h, c);
1647
+ case fe:
1648
+ return sn(e);
1649
+ }
1650
+ }
1651
+ function pn(e, i) {
1652
+ return i = i ?? s, !!i && (typeof e == "number" || O.test(e)) && e > -1 && e % 1 == 0 && e < i;
1653
+ }
1654
+ function hn(e) {
1655
+ var i = typeof e;
1656
+ return i == "string" || i == "number" || i == "symbol" || i == "boolean" ? e !== "__proto__" : e === null;
1657
+ }
1658
+ function mn(e) {
1659
+ return !!St && St in e;
1660
+ }
1661
+ function Bt(e) {
1662
+ var i = e && e.constructor, c = typeof i == "function" && i.prototype || Ke;
1663
+ return e === c;
1664
+ }
1665
+ function ye(e) {
1666
+ if (e != null) {
1667
+ try {
1668
+ return Ct.call(e);
1669
+ } catch {
1670
+ }
1671
+ try {
1672
+ return e + "";
1673
+ } catch {
1674
+ }
1675
+ }
1676
+ return "";
1677
+ }
1678
+ function gn(e) {
1679
+ return lt(e, !0, !0);
1680
+ }
1681
+ function xt(e, i) {
1682
+ return e === i || e !== e && i !== i;
1683
+ }
1684
+ function yn(e) {
1685
+ return wn(e) && ve.call(e, "callee") && (!ya.call(e, "callee") || Ze.call(e) == u);
1686
+ }
1687
+ var ut = Array.isArray;
1688
+ function Mt(e) {
1689
+ return e != null && Tn(e.length) && !Lt(e);
1690
+ }
1691
+ function wn(e) {
1692
+ return _n(e) && Mt(e);
1693
+ }
1694
+ var kn = ka || Cn;
1695
+ function Lt(e) {
1696
+ var i = Ge(e) ? Ze.call(e) : "";
1697
+ return i == _ || i == B;
1698
+ }
1699
+ function Tn(e) {
1700
+ return typeof e == "number" && e > -1 && e % 1 == 0 && e <= s;
1701
+ }
1702
+ function Ge(e) {
1703
+ var i = typeof e;
1704
+ return !!e && (i == "object" || i == "function");
1705
+ }
1706
+ function _n(e) {
1707
+ return !!e && typeof e == "object";
1708
+ }
1709
+ function dt(e) {
1710
+ return Mt(e) ? Va(e) : en(e);
1711
+ }
1712
+ function Sn() {
1713
+ return [];
1714
+ }
1715
+ function Cn() {
1716
+ return !1;
1717
+ }
1718
+ a.exports = gn;
1719
+ })(tt, tt.exports);
1720
+ var Fi = tt.exports;
1721
+ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
1722
+ key: 0,
1723
+ class: "sidebar-header"
1724
+ }, Ri = { class: "sidebar-content-container" }, Bi = {
1725
+ key: 0,
1726
+ class: "sidebar-top"
1727
+ }, xi = { "aria-label": "Main menu" }, Mi = ["id"], Li = ["aria-labelledby"], ji = {
1728
+ key: 1,
1729
+ class: "sidebar-level-divider",
1730
+ role: "separator"
1731
+ }, Pi = {
1732
+ key: 2,
1733
+ class: "level-primary bottom-items"
1734
+ }, Ki = { class: "sidebar-footer" }, we = "_ungrouped", Zi = /* @__PURE__ */ ie({
1735
+ __name: "AppSidebar",
1736
+ props: {
1737
+ topItems: {
1738
+ type: Array,
1739
+ default: () => []
1740
+ },
1741
+ bottomItems: {
1742
+ type: Array,
1743
+ default: () => []
1744
+ },
1745
+ groupConfig: {
1746
+ type: Object,
1747
+ default: () => ({})
1748
+ },
1749
+ headerHeight: {
1750
+ type: Number,
1751
+ default: 60
1752
+ },
1753
+ topOffset: {
1754
+ type: Number,
1755
+ default: 0
1756
+ },
1757
+ zIndex: {
1758
+ type: Number,
1759
+ default: 3
1760
+ },
1761
+ // Props that only impact mobile
1762
+ open: {
1763
+ type: Boolean,
1764
+ default: !1
1765
+ },
1766
+ mobileEnabled: {
1767
+ type: Boolean,
1768
+ default: !1
1769
+ },
1770
+ mobileTopOffset: {
1771
+ type: Number,
1772
+ default: 0
1773
+ },
1774
+ mobileHeaderVisible: {
1775
+ type: Boolean,
1776
+ default: !1
1777
+ },
1778
+ mobileCloseDelay: {
1779
+ type: Number,
1780
+ default: 350
1781
+ },
1782
+ mobileOverlay: {
1783
+ type: Boolean,
1784
+ default: !0
1785
+ },
1786
+ mobileOverlayZIndex: {
1787
+ type: Number,
1788
+ default: null
1789
+ },
1790
+ mobileOverlayCloseOnClick: {
1791
+ type: Boolean,
1792
+ default: !0
1793
+ }
1794
+ },
1795
+ emits: ["click", "toggle", "toggle-collapse"],
1796
+ setup(a, { emit: t }) {
1797
+ yt((v) => ({
1798
+ "1bb9155e": d.value.mobileHeight,
1799
+ "676b5d6b": d.value.mobileTop,
1800
+ "59c6ce92": a.zIndex,
1801
+ bbad6fe2: d.value.height,
1802
+ "4d9eb36d": d.value.top,
1803
+ "7d4233c1": T.value.marginTop,
1804
+ "87d455f0": O.value,
1805
+ "3fa34e2b": b.value.display,
1806
+ "655fc57c": b.value.minHeight,
1807
+ "6fe3ed88": _.value.top,
1808
+ bcea619e: _.value.zIndex
1809
+ }));
1810
+ const r = t, n = a, s = je(), u = S(() => !!s.header), o = S(() => !!s.top), d = S(() => ({
1811
+ mobileTop: n.mobileTopOffset && n.mobileEnabled ? `${n.mobileTopOffset}px` : n.topOffset ? `${n.topOffset}px` : "0",
1812
+ top: n.topOffset ? `${n.topOffset}px` : "0",
1813
+ mobileHeight: n.mobileTopOffset && n.mobileEnabled ? `calc(100% - ${n.mobileTopOffset}px)` : "100%",
1814
+ height: n.topOffset ? `calc(100% - ${n.topOffset}px)` : "100%"
1815
+ })), b = S(() => ({
1816
+ display: !n.mobileHeaderVisible && n.mobileEnabled ? "none" : "flex",
1817
+ minHeight: `${n.headerHeight}px`
1818
+ })), T = S(() => ({
1819
+ marginTop: u.value ? `${n.headerHeight}px` : "0"
1820
+ })), _ = S(() => ({
1821
+ top: n.mobileTopOffset && n.mobileEnabled ? `${n.mobileTopOffset}px` : "0",
1822
+ zIndex: n.mobileOverlayZIndex !== null ? n.mobileOverlayZIndex : n.zIndex > 1 ? n.zIndex - 1 : 1
1823
+ })), B = (v) => Ni(v).map((y) => {
1824
+ var g, Y, H;
1825
+ if (y) {
1826
+ (!y.key || !((g = y.key) != null && g.trim())) && (y.key = String(y.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-")), (!y.testId || !((Y = y.testId) != null && Y.trim())) && (y.testId = String(y.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
1827
+ for (const X of y.items || [])
1828
+ X.parentKey = y.key, (!X.testId || !((H = X.testId) != null && H.trim())) && (X.testId = String(X.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
1829
+ }
1830
+ return y;
1831
+ }), x = S(() => n.topItems.length ? B(n.topItems) : []), P = S(() => n.bottomItems.length ? B(n.bottomItems) : []), A = (v = "") => v.trim().replace(" ", "").replace(/[^a-z0-9]+/gi, "-").toLowerCase(), j = S(() => {
1832
+ var I;
1833
+ const v = /* @__PURE__ */ new Map();
1834
+ v.set(we, []);
1835
+ for (const y of x.value) {
1836
+ const g = y.group || we;
1837
+ v.has(g) || v.set(g, []), (I = v.get(g)) == null || I.push(y);
1838
+ }
1839
+ return v;
1840
+ }), ne = Er(`max-width: ${xr}`), K = (v = "") => {
1841
+ if (v === we || !v.trim())
1842
+ return null;
1843
+ const I = {
1844
+ label: v,
1845
+ collapsible: !1,
1846
+ collapsed: !1
1847
+ };
1848
+ let y = v.trim().replace(" ", "");
1849
+ return y = y.charAt(0).toLowerCase() + y.slice(1), v && n.groupConfig && (n.groupConfig[v] || n.groupConfig[y]) ? n.groupConfig[v] || n.groupConfig[y] : I;
1850
+ }, G = (v) => {
1851
+ var I;
1852
+ return !!((I = K(v)) != null && I.collapsible);
1853
+ }, fe = (v) => {
1854
+ var I;
1855
+ return !!((I = K(v)) != null && I.collapsed);
1856
+ }, le = (v, I, y) => {
1857
+ const g = K(v);
1858
+ g && (g.collapsed = !I), y(), r("toggle-collapse", v, g);
1859
+ }, J = ae(n.open), q = (v) => {
1860
+ var I, y;
1861
+ J.value !== v && (J.value = v, r("toggle", v)), v ? (I = document == null ? void 0 : document.body) == null || I.classList.add("kong-ui-app-sidebar-open") : (y = document == null ? void 0 : document.body) == null || y.classList.remove("kong-ui-app-sidebar-open"), N.value = !1;
1862
+ }, se = () => {
1863
+ n.mobileOverlayCloseOnClick && q(!1);
1864
+ }, N = ae(!1), z = (v) => {
1865
+ N.value = !0, r("click", v), setTimeout(() => {
1866
+ q(!1);
1867
+ }, n.mobileCloseDelay);
1868
+ };
1869
+ Te(() => n.open, (v) => {
1870
+ q(v);
1871
+ });
1872
+ const { debounce: Z } = ca(), U = Z(() => {
1873
+ J.value && D.value !== (window == null ? void 0 : window.innerWidth) && (D.value = window == null ? void 0 : window.innerWidth, q(!1));
1874
+ }, 200), D = ae(), l = ae(!1), f = ae(), m = () => {
1875
+ l.value || (l.value = !0, clearTimeout(f.value), f.value = setTimeout(() => l.value = !1, 1300));
1876
+ }, F = ae(null), R = S(() => J.value && n.mobileEnabled), M = async (v) => {
1877
+ var I, y;
1878
+ v ? (await Ht(), await new Promise((g) => setTimeout(g, 300)), (I = F.value) == null || I.activate()) : (y = F.value) == null || y.deactivate();
1879
+ };
1880
+ Te(R, async (v) => {
1881
+ v ? await M(!0) : await M(!1);
1882
+ }, { immediate: !0 });
1883
+ const O = ae("0px"), w = () => {
1884
+ var X;
1885
+ if (!(/Mac|iPhone|iPod|iPad/i.test(navigator == null ? void 0 : navigator.platform) || /macOS|Mac|iPhone|iPod|iPad/i.test((X = navigator == null ? void 0 : navigator.userAgentData) == null ? void 0 : X.platform)))
1886
+ return;
1887
+ const I = document.createElement("div");
1888
+ I.style.visibility = "hidden", I.style.width = "100px", document.body.appendChild(I);
1889
+ const y = I.offsetWidth;
1890
+ I.style.overflow = "scroll";
1891
+ const g = document.createElement("div");
1892
+ g.style.width = "100%", I.appendChild(g);
1893
+ const Y = g.offsetWidth;
1894
+ I.parentNode && I.parentNode.removeChild(I), y - Y === 0 && (O.value = "8px");
1895
+ };
1896
+ return Pe(async () => {
1897
+ if (D.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", U), window.addEventListener("resize", m), n.groupConfig && ne.value)
1898
+ for (const v in n.groupConfig) {
1899
+ const I = n.groupConfig[v];
1900
+ I.collapsed = !1;
1901
+ }
1902
+ await Ht(), w();
1903
+ }), ea(() => {
1904
+ window.removeEventListener("resize", U), window.removeEventListener("resize", m);
1905
+ }), Te(() => n.groupConfig, (v) => {
1906
+ console.log("groupConfig updated", v);
1907
+ }), (v, I) => {
1908
+ const y = he("KCollapse");
1909
+ return p(), k(Ee, null, [
1910
+ J.value && a.mobileOverlay && a.mobileEnabled ? (p(), k("div", {
1911
+ key: 0,
1912
+ class: "kong-ui-app-sidebar-overlay",
1913
+ onClick: se
1914
+ })) : $("", !0),
1915
+ Le(be(Ei), {
1916
+ ref_key: "focusTrap",
1917
+ ref: F,
1918
+ active: !1,
1919
+ "allow-outside-click": "",
1920
+ "fallback-focus": ".kong-ui-app-sidebar"
1921
+ }, {
1922
+ default: L(() => [
1923
+ E("aside", {
1924
+ class: re(["kong-ui-app-sidebar", {
1925
+ "sidebar-open": J.value,
1926
+ "no-sidebar-header": !u.value,
1927
+ "mobile-header-hidden": a.mobileEnabled && (!u.value || !a.mobileHeaderVisible),
1928
+ "mobile-disabled": !a.mobileEnabled,
1929
+ "disable-transitions": l.value
1930
+ }]),
1931
+ tabindex: "-1"
1932
+ }, [
1933
+ u.value ? (p(), k("div", Di, [
1934
+ C(v.$slots, "header", {}, void 0, !0)
1935
+ ])) : $("", !0),
1936
+ E("div", Ri, [
1937
+ o.value ? (p(), k("div", Bi, [
1938
+ C(v.$slots, "top", {}, void 0, !0)
1939
+ ])) : $("", !0),
1940
+ E("nav", xi, [
1941
+ j.value.size > 0 ? (p(!0), k(Ee, { key: 0 }, pe(j.value, ([g, Y]) => (p(), W(y, {
1942
+ key: g,
1943
+ class: re(["level-primary-group-collapse", {
1944
+ "not-collapsible": !G(g),
1945
+ ungrouped: g === we
1946
+ }]),
1947
+ "data-testid": g === we ? "level-primary-group-collapse-ungrouped" : `level-primary-group-collapse-${g}`,
1948
+ "model-value": G(g) && fe(g) || !1
1949
+ }, {
1950
+ trigger: L(({ isCollapsed: H, toggle: X }) => [
1951
+ (p(), W(Fe(G(g) ? be(Mn) : "div"), {
1952
+ appearance: G(g) ? "none" : void 0,
1953
+ class: "level-primary-group-collapse-trigger",
1954
+ onClick: (ce) => G(g) ? le(g, H, X) : void 0
1955
+ }, {
1956
+ default: L(() => {
1957
+ var ce;
1958
+ return [
1959
+ g !== we ? (p(), k("div", {
1960
+ key: 0,
1961
+ id: `level-primary-group-${A(g)}`,
1962
+ class: "level-primary-group-name",
1963
+ "data-testid": "level-primary-group-name",
1964
+ role: "presentation"
1965
+ }, Q(((ce = K(g)) == null ? void 0 : ce.label) || g), 9, Mi)) : $("", !0),
1966
+ G(g) ? (p(), W(Fe(H ? be(ta) : be(xn)), {
1967
+ key: 1,
1968
+ class: "level-primary-group-collapse-icon",
1969
+ color: be(Lr),
1970
+ "data-testid": "level-primary-group-collapse-icon",
1971
+ size: be(Mr)
1972
+ }, null, 8, ["color", "size"])) : $("", !0)
1973
+ ];
1974
+ }),
1975
+ _: 2
1976
+ }, 1032, ["appearance", "onClick"]))
1977
+ ]),
1978
+ default: L(() => [
1979
+ E("ul", {
1980
+ "aria-labelledby": g !== we ? `level-primary-group-${A(g)}` : void 0,
1981
+ class: "level-primary top-items"
1982
+ }, [
1983
+ (p(!0), k(Ee, null, pe(Y, (H) => (p(), W(Gt, {
1984
+ key: H.name,
1985
+ item: H,
1986
+ onClick: z
1987
+ }, Me({
1988
+ [`sidebar-icon-${H.key}`]: L(() => [
1989
+ C(v.$slots, `sidebar-icon-${H.key}`, {}, void 0, !0)
1990
+ ]),
1991
+ _: 2
1992
+ }, [
1993
+ v.$slots[`sidebar-after-${H.key}`] ? {
1994
+ name: `sidebar-after-${H.key}`,
1995
+ fn: L(() => [
1996
+ C(v.$slots, `sidebar-after-${H.key}`, {}, void 0, !0)
1997
+ ]),
1998
+ key: "0"
1999
+ } : void 0
2000
+ ]), 1032, ["item"]))), 128))
2001
+ ], 8, Li)
2002
+ ]),
2003
+ _: 2
2004
+ }, 1032, ["class", "data-testid", "model-value"]))), 128)) : $("", !0),
2005
+ j.value.size > 0 && P.value.length ? (p(), k("div", ji)) : $("", !0),
2006
+ P.value.length ? (p(), k("ul", Pi, [
2007
+ (p(!0), k(Ee, null, pe(P.value, (g) => (p(), W(Gt, {
2008
+ key: g.name,
2009
+ item: g,
2010
+ onClick: z
2011
+ }, {
2012
+ [`sidebar-icon-${g.key}`]: L(() => [
2013
+ C(v.$slots, `sidebar-icon-${g.key}`, {}, void 0, !0)
2014
+ ]),
2015
+ _: 2
2016
+ }, 1032, ["item"]))), 128))
2017
+ ])) : $("", !0)
2018
+ ])
2019
+ ]),
2020
+ E("div", Ki, [
2021
+ C(v.$slots, "footer", {}, void 0, !0)
2022
+ ])
2023
+ ], 2)
2024
+ ]),
2025
+ _: 3
2026
+ }, 512)
2027
+ ], 64);
2028
+ };
2029
+ }
2030
+ }), Hi = /* @__PURE__ */ oe(Zi, [["__scopeId", "data-v-857560c7"]]), Wi = ["aria-label"], Gi = /* @__PURE__ */ ie({
2031
+ __name: "SidebarToggle",
2032
+ props: {
2033
+ active: {
2034
+ type: Boolean,
2035
+ default: !1
2036
+ }
2037
+ },
2038
+ emits: ["toggle"],
2039
+ setup(a, { emit: t }) {
2040
+ const r = t, n = a, s = ae(n.active || !1), u = (o) => {
2041
+ o.preventDefault(), s.value = !s.value, r("toggle", s.value);
2042
+ };
2043
+ return Te(() => n.active, (o) => {
2044
+ s.value = o;
2045
+ }), (o, d) => (p(), k("a", {
2046
+ "aria-haspopup": "true",
2047
+ "aria-label": s.value ? "Close Main Menu" : "Open Main Menu",
2048
+ class: re(["sidebar-menu-toggle", { active: s.value }]),
2049
+ href: "#",
2050
+ role: "button",
2051
+ onClick: Rn(u, ["prevent"])
2052
+ }, d[0] || (d[0] = [
2053
+ E("span", { class: "line" }, null, -1),
2054
+ E("span", { class: "line" }, null, -1),
2055
+ E("span", { class: "line" }, null, -1)
2056
+ ]), 10, Wi));
2057
+ }
2058
+ }), zi = /* @__PURE__ */ oe(Gi, [["__scopeId", "data-v-cbb41bbd"]]), Ui = { id: "kong-ui-app-layout-notification" }, Vi = { class: "mobile-logo" }, qi = {
2059
+ key: 0,
2060
+ class: "navbar-logo"
2061
+ }, Xi = {
2062
+ class: "kong-ui-app-layout-main",
2063
+ "data-testid": "kong-ui-app-layout-main"
2064
+ }, Yi = { class: "kong-ui-app-layout-content" }, Qi = { class: "kong-ui-app-layout-content-inner" }, Ji = /* @__PURE__ */ ie({
2065
+ __name: "AppLayout",
2066
+ props: {
2067
+ hideDefaultSlot: {
2068
+ type: Boolean,
2069
+ default: !1
2070
+ },
2071
+ // Navbar props
2072
+ navbarHidden: {
2073
+ type: Boolean,
2074
+ default: !1
2075
+ },
2076
+ // Sidebar props
2077
+ sidebarHidden: {
2078
+ type: Boolean,
2079
+ default: !1
2080
+ },
2081
+ sidebarOpen: {
2082
+ type: Boolean,
2083
+ default: !1
2084
+ },
2085
+ sidebarTopItems: {
2086
+ type: Array,
2087
+ default: () => []
2088
+ },
2089
+ sidebarBottomItems: {
2090
+ type: Array,
2091
+ default: () => []
2092
+ },
2093
+ groupConfig: {
2094
+ type: Object,
2095
+ default: () => ({})
2096
+ },
2097
+ theme: {
2098
+ type: String,
2099
+ default: "light",
2100
+ validator: (a) => ["light", "dark"].includes(a)
2101
+ }
2102
+ },
2103
+ emits: ["sidebar-click", "update:topOffset", "toggle-collapse"],
2104
+ setup(a, { emit: t }) {
2105
+ yt((N) => ({
2106
+ "26cbc8ac": K.value,
2107
+ "4eb9dde2": G.value,
2108
+ "5f0811fa": ne.value,
2109
+ "37ad0844": fe.value,
2110
+ "999c315e": le.value
2111
+ }));
2112
+ const r = a, n = t, s = je(), u = qe({
2113
+ navbarLeft: S(() => !!s["navbar-left"]),
2114
+ navbarCenter: S(() => !!s["navbar-center"]),
2115
+ navbarRight: S(() => !!s["navbar-right"]),
2116
+ navbarLogo: S(() => !!s["navbar-logo"]),
2117
+ navbarMobileLogo: S(() => !!s["navbar-mobile-logo"]),
2118
+ sidebarHeader: S(() => !!s["sidebar-header"]),
2119
+ sidebarTop: S(() => !!s["sidebar-top"]),
2120
+ sidebarFooter: S(() => !!s["sidebar-footer"])
2121
+ }), o = S(() => r.hideDefaultSlot), d = qe({
2122
+ hidden: S(() => r.navbarHidden)
2123
+ }), b = qe({
2124
+ topItems: S(() => r.sidebarTopItems),
2125
+ bottomItems: S(() => r.sidebarBottomItems),
2126
+ open: S(() => r.sidebarOpen),
2127
+ hidden: S(() => r.sidebarHidden)
2128
+ }), T = (N) => {
2129
+ n("sidebar-click", N);
2130
+ }, _ = ae(!1), B = (N) => {
2131
+ _.value = N;
2132
+ };
2133
+ Jt(() => {
2134
+ _.value = Bn(b, "open").value || !1;
2135
+ });
2136
+ const x = ae(0), P = ae(60), A = ae(0), j = S(() => d.hidden ? A.value : P.value + A.value), ne = S(() => r.theme === "light" ? Nr : Dr), K = S(() => r.theme === "light" ? Ar : Fr), G = S(() => r.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), fe = S(() => `${j.value}px`), le = S(() => b.hidden || d.hidden ? Rr : Br), { debounce: J } = ca(), q = J((N = !1) => {
2137
+ if (N || x.value !== (window == null ? void 0 : window.innerWidth)) {
2138
+ x.value = window == null ? void 0 : window.innerWidth;
2139
+ const z = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
2140
+ z && (A.value = z.offsetHeight);
2141
+ }
2142
+ }, 200), se = ae();
2143
+ return Te(A, (N) => {
2144
+ n("update:topOffset", N || 0);
2145
+ }, { immediate: !0 }), Pe(() => {
2146
+ var z, Z;
2147
+ (z = document == null ? void 0 : document.body) == null || z.classList.add("kong-ui-app-layout-body"), (Z = document == null ? void 0 : document.documentElement) == null || Z.classList.add("kong-ui-app-layout-html"), x.value = window == null ? void 0 : window.innerWidth, q(!0);
2148
+ const N = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
2149
+ N && (se.value = new ResizeObserver((U) => {
2150
+ window.requestAnimationFrame(() => {
2151
+ if (!(!Array.isArray(U) || !U.length))
2152
+ for (const D of U) {
2153
+ const l = D.contentRect.height;
2154
+ A.value !== l && (A.value = l);
2155
+ }
2156
+ });
2157
+ }), se.value.observe(N)), window.addEventListener("resize", q);
2158
+ }), ea(() => {
2159
+ se.value && se.value.disconnect(), window.removeEventListener("resize", q);
2160
+ }), (N, z) => (p(), k("div", {
2161
+ class: re(["kong-ui-app-layout", [
2162
+ { "navbar-hidden": d.hidden },
2163
+ { "sidebar-hidden": b.hidden }
2164
+ ]])
2165
+ }, [
2166
+ E("div", Ui, [
2167
+ C(N.$slots, "notification", {}, void 0, !0)
2168
+ ]),
2169
+ d.hidden ? $("", !0) : (p(), W(hr, {
2170
+ key: String(b.hidden),
2171
+ "left-offset": b.hidden ? 0 : void 0,
2172
+ "top-offset": A.value
2173
+ }, Me({
2174
+ "mobile-sidebar-toggle": L(() => [
2175
+ b.hidden ? $("", !0) : (p(), W(zi, {
2176
+ key: 0,
2177
+ active: _.value,
2178
+ onToggle: B
2179
+ }, null, 8, ["active"]))
2180
+ ]),
2181
+ _: 2
2182
+ }, [
2183
+ u.navbarMobileLogo ? {
2184
+ name: "mobile-logo",
2185
+ fn: L(() => [
2186
+ E("div", Vi, [
2187
+ C(N.$slots, "navbar-mobile-logo", {}, void 0, !0)
2188
+ ])
2189
+ ]),
2190
+ key: "0"
2191
+ } : void 0,
2192
+ u.navbarLogo ? {
2193
+ name: "logo",
2194
+ fn: L(() => [
2195
+ b.hidden ? (p(), k("div", qi, [
2196
+ C(N.$slots, "navbar-logo", {}, void 0, !0)
2197
+ ])) : $("", !0)
2198
+ ]),
2199
+ key: "1"
2200
+ } : void 0,
2201
+ u.navbarLeft ? {
2202
+ name: "left",
2203
+ fn: L(() => [
2204
+ C(N.$slots, "navbar-left", {}, void 0, !0)
2205
+ ]),
2206
+ key: "2"
2207
+ } : void 0,
2208
+ u.navbarCenter ? {
2209
+ name: "center",
2210
+ fn: L(() => [
2211
+ C(N.$slots, "navbar-center", {}, void 0, !0)
2212
+ ]),
2213
+ key: "3"
2214
+ } : void 0,
2215
+ u.navbarRight ? {
2216
+ name: "right",
2217
+ fn: L(() => [
2218
+ C(N.$slots, "navbar-right", {}, void 0, !0)
2219
+ ]),
2220
+ key: "4"
2221
+ } : void 0
2222
+ ]), 1032, ["left-offset", "top-offset"])),
2223
+ b.hidden ? $("", !0) : (p(), W(Hi, {
2224
+ key: 1,
2225
+ "bottom-items": b.bottomItems,
2226
+ "group-config": a.groupConfig,
2227
+ "header-height": P.value,
2228
+ "mobile-enabled": "",
2229
+ "mobile-header-visible": !1,
2230
+ "mobile-top-offset": j.value,
2231
+ open: _.value,
2232
+ "top-items": b.topItems,
2233
+ "top-offset": A.value,
2234
+ onClick: T,
2235
+ onToggle: B,
2236
+ onToggleCollapse: z[0] || (z[0] = (Z, U) => n("toggle-collapse", Z, U))
2237
+ }, Me({ _: 2 }, [
2238
+ u.sidebarHeader ? {
2239
+ name: "header",
2240
+ fn: L(() => [
2241
+ C(N.$slots, "sidebar-header", {}, void 0, !0)
2242
+ ]),
2243
+ key: "0"
2244
+ } : void 0,
2245
+ u.sidebarTop ? {
2246
+ name: "top",
2247
+ fn: L(() => [
2248
+ C(N.$slots, "sidebar-top", {}, void 0, !0)
2249
+ ]),
2250
+ key: "1"
2251
+ } : void 0,
2252
+ u.sidebarFooter ? {
2253
+ name: "footer",
2254
+ fn: L(() => [
2255
+ C(N.$slots, "sidebar-footer", {}, void 0, !0)
2256
+ ]),
2257
+ key: "2"
2258
+ } : void 0,
2259
+ pe([...b.topItems || [], ...b.bottomItems || []], (Z) => ({
2260
+ name: `sidebar-icon-${Z.key}`,
2261
+ fn: L(() => [
2262
+ C(N.$slots, `sidebar-icon-${Z.key}`, {}, void 0, !0)
2263
+ ])
2264
+ })),
2265
+ pe([...b.topItems || [], ...b.bottomItems || []], (Z) => ({
2266
+ name: `sidebar-after-${Z.key}`,
2267
+ fn: L(() => [
2268
+ C(N.$slots, `sidebar-after-${Z.key}`, {}, void 0, !0)
2269
+ ])
2270
+ }))
2271
+ ]), 1032, ["bottom-items", "group-config", "header-height", "mobile-top-offset", "open", "top-items", "top-offset"])),
2272
+ E("main", Xi, [
2273
+ E("div", Yi, [
2274
+ E("div", Qi, [
2275
+ z[1] || (z[1] = E("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)),
2276
+ C(N.$slots, "app-error", {}, void 0, !0),
2277
+ o.value ? $("", !0) : C(N.$slots, "default", { key: 0 }, void 0, !0)
2278
+ ])
2279
+ ])
2280
+ ])
2281
+ ], 2));
2282
+ }
2283
+ }), eo = /* @__PURE__ */ oe(Ji, [["__scopeId", "data-v-a92b50c0"]]), to = { class: "kong-ui-app-page-header" }, ao = {
2284
+ key: 0,
2285
+ class: "page-header-breadcrumbs",
2286
+ "data-testid": "page-header-breadcrumbs"
2287
+ }, no = { class: "page-header-title-section" }, ro = { class: "page-header-title-wrapper" }, io = {
2288
+ key: 0,
2289
+ class: "page-header-title-before",
2290
+ "data-testid": "page-header-title-before"
2291
+ }, oo = ["title"], so = {
2292
+ key: 1,
2293
+ class: "page-header-title-after",
2294
+ "data-testid": "page-header-title-after"
2295
+ }, lo = {
2296
+ key: 0,
2297
+ class: "page-header-actions",
2298
+ "data-testid": "page-header-actions"
2299
+ }, co = {
2300
+ key: 1,
2301
+ class: "page-header-section-below",
2302
+ "data-testid": "page-header-section-below"
2303
+ }, uo = /* @__PURE__ */ ie({
2304
+ __name: "AppPageHeader",
2305
+ props: {
2306
+ title: {
2307
+ type: String,
2308
+ default: ""
2309
+ // Provide a fallback string to prevent the component unmounting from throwing an error
2310
+ },
2311
+ breadcrumbs: {
2312
+ type: Array,
2313
+ default: () => []
2314
+ }
2315
+ },
2316
+ setup(a) {
2317
+ const t = a, r = je(), n = S(() => {
2318
+ var u;
2319
+ return !!((u = t.breadcrumbs) != null && u.length);
2320
+ }), s = S(() => Object.keys(r).filter((u) => u.startsWith("icon-")));
2321
+ return (u, o) => {
2322
+ const d = he("KBreadcrumbs");
2323
+ return p(), k("div", to, [
2324
+ n.value ? (p(), k("div", ao, [
2325
+ Le(d, {
2326
+ "item-max-width": "150",
2327
+ items: a.breadcrumbs
2328
+ }, Me({ _: 2 }, [
2329
+ pe(s.value, (b) => ({
2330
+ name: b,
2331
+ fn: L(() => [
2332
+ C(u.$slots, b, {}, void 0, !0)
2333
+ ])
2334
+ }))
2335
+ ]), 1032, ["items"])
2336
+ ])) : $("", !0),
2337
+ E("div", no, [
2338
+ E("div", ro, [
2339
+ u.$slots["title-before"] ? (p(), k("div", io, [
2340
+ C(u.$slots, "title-before", {}, void 0, !0)
2341
+ ])) : $("", !0),
2342
+ E("h1", {
2343
+ class: "page-header-title",
2344
+ "data-testid": "page-header-title",
2345
+ title: a.title
2346
+ }, Q(a.title), 9, oo),
2347
+ u.$slots["title-after"] ? (p(), k("div", so, [
2348
+ C(u.$slots, "title-after", {}, void 0, !0)
2349
+ ])) : $("", !0)
2350
+ ]),
2351
+ u.$slots.actions ? (p(), k("div", lo, [
2352
+ C(u.$slots, "actions", {}, void 0, !0)
2353
+ ])) : $("", !0)
2354
+ ]),
2355
+ u.$slots.below ? (p(), k("div", co, [
2356
+ C(u.$slots, "below", {}, void 0, !0)
2357
+ ])) : $("", !0)
2358
+ ]);
2359
+ };
2360
+ }
2361
+ }), _o = /* @__PURE__ */ oe(uo, [["__scopeId", "data-v-204b7f98"]]), fo = { class: "app-page-info-section-default-header" }, vo = {
2362
+ key: 1,
2363
+ class: "app-page-info-section-description",
2364
+ "data-testid": "app-page-info-section-description"
2365
+ }, bo = {
2366
+ key: 0,
2367
+ class: "app-page-info-section-content",
2368
+ "data-testid": "app-page-info-section-content"
2369
+ }, po = /* @__PURE__ */ ie({
2370
+ __name: "AppPageInfoSection",
2371
+ props: {
2372
+ collapsible: {
2373
+ type: Boolean,
2374
+ default: !0
2375
+ },
2376
+ title: {
2377
+ type: String,
2378
+ default: ""
2379
+ },
2380
+ description: {
2381
+ type: String,
2382
+ default: ""
2383
+ },
2384
+ titleTag: {
2385
+ type: String,
2386
+ default: "div",
2387
+ validator: (a) => Ln.includes(a)
2388
+ }
2389
+ },
2390
+ setup(a) {
2391
+ return (t, r) => (p(), W(Fe(a.collapsible ? "details" : "div"), {
2392
+ class: "app-page-info-section",
2393
+ "data-testid": "app-page-info-section"
2394
+ }, {
2395
+ default: L(() => [
2396
+ (p(), W(Fe(a.collapsible ? "summary" : "div"), {
2397
+ class: "app-page-info-section-header",
2398
+ "data-testid": "app-page-info-section-header"
2399
+ }, {
2400
+ default: L(() => [
2401
+ C(t.$slots, "header", {}, () => [
2402
+ E("div", fo, [
2403
+ a.title ? (p(), W(Fe(a.titleTag), {
2404
+ key: 0,
2405
+ class: "app-page-info-section-title",
2406
+ "data-testid": "app-page-info-section-title"
2407
+ }, {
2408
+ default: L(() => [
2409
+ xe(Q(a.title), 1)
2410
+ ]),
2411
+ _: 1
2412
+ })) : $("", !0),
2413
+ a.description ? (p(), k("div", vo, Q(a.description), 1)) : $("", !0)
2414
+ ])
2415
+ ]),
2416
+ a.collapsible ? (p(), W(be(ta), {
2417
+ key: 0,
2418
+ class: "app-page-info-section-chevron-icon",
2419
+ decorative: ""
2420
+ })) : t.$slots.actions ? C(t.$slots, "actions", { key: 1 }) : $("", !0)
2421
+ ]),
2422
+ _: 3
2423
+ })),
2424
+ t.$slots.default ? (p(), k("div", bo, [
2425
+ C(t.$slots, "default")
2426
+ ])) : $("", !0)
2427
+ ]),
2428
+ _: 3
2429
+ }));
2430
+ }
2431
+ }), So = /* @__PURE__ */ oe(po, [["__scopeId", "data-v-62f17e32"]]), ho = /* @__PURE__ */ ie({
2432
+ __name: "GradientBadge",
2433
+ props: {
2434
+ large: {
2435
+ type: Boolean,
2436
+ default: !1
2437
+ },
2438
+ inverse: {
2439
+ type: Boolean,
2440
+ default: !1
2441
+ }
2442
+ },
2443
+ setup(a) {
2444
+ return (t, r) => (p(), k("div", {
2445
+ class: re(["gradient-badge", { inverse: a.inverse }])
2446
+ }, [
2447
+ E("div", {
2448
+ class: re(["gradient-badge-content", { large: a.large }])
2449
+ }, [
2450
+ C(t.$slots, "default", {}, void 0, !0)
2451
+ ], 2)
2452
+ ], 2));
2453
+ }
2454
+ }), Co = /* @__PURE__ */ oe(ho, [["__scopeId", "data-v-4679a763"]]), Io = {
2455
+ // Customize Vue plugin options as desired
2456
+ // Providing a `name` property allows for customizing the registered name of your component (useful if exporting a single component).
2457
+ install: (a, t = {}) => {
2458
+ a.component(t.name || "AppLayout", eo);
2459
+ }
2460
+ };
2461
+ export {
2462
+ wo as AccountDropdown,
2463
+ ko as AppAboutSection,
2464
+ To as AppError,
2465
+ eo as AppLayout,
2466
+ hr as AppNavbar,
2467
+ _o as AppPageHeader,
2468
+ So as AppPageInfoSection,
2469
+ Hi as AppSidebar,
2470
+ Co as GradientBadge,
2471
+ zi as SidebarToggle,
2472
+ Io as default
2473
+ };