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