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