@kong-ui-public/app-layout 4.13.6-pr.3616.747fa9e40.0 → 4.13.6

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