@kong-ui-public/app-layout 4.7.3 → 4.8.1-pr.2488.45c2dead3.0

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