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