@kong-ui-public/app-layout 4.4.4-pr.2098.c450e4c49.0 → 4.4.5
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.
- package/dist/app-layout.es.js +2191 -0
- package/dist/app-layout.umd.js +11 -0
- package/dist/style.css +1 -0
- package/dist/types/components/AppLayout.vue.d.ts +103 -0
- package/dist/types/components/AppLayout.vue.d.ts.map +1 -0
- package/dist/types/components/aboutSection/AppAboutSection.vue.d.ts +44 -0
- package/dist/types/components/aboutSection/AppAboutSection.vue.d.ts.map +1 -0
- package/dist/types/components/errors/AppError.vue.d.ts +17 -0
- package/dist/types/components/errors/AppError.vue.d.ts.map +1 -0
- package/dist/types/components/icons/BananaSplit.vue.d.ts +3 -0
- package/dist/types/components/icons/BananaSplit.vue.d.ts.map +1 -0
- package/dist/types/components/navbar/AccountDropdown.vue.d.ts +53 -0
- package/dist/types/components/navbar/AccountDropdown.vue.d.ts.map +1 -0
- package/dist/types/components/navbar/AppNavbar.vue.d.ts +52 -0
- package/dist/types/components/navbar/AppNavbar.vue.d.ts.map +1 -0
- package/dist/types/components/pageHeader/AppPageHeader.vue.d.ts +43 -0
- package/dist/types/components/pageHeader/AppPageHeader.vue.d.ts.map +1 -0
- package/dist/types/components/pageInfoSection/AppPageInfoSection.vue.d.ts +62 -0
- package/dist/types/components/pageInfoSection/AppPageInfoSection.vue.d.ts.map +1 -0
- package/dist/types/components/sidebar/AppSidebar.vue.d.ts +260 -0
- package/dist/types/components/sidebar/AppSidebar.vue.d.ts.map +1 -0
- package/dist/types/components/sidebar/ItemBadge.vue.d.ts +17 -0
- package/dist/types/components/sidebar/ItemBadge.vue.d.ts.map +1 -0
- package/dist/types/components/sidebar/SidebarItem.vue.d.ts +43 -0
- package/dist/types/components/sidebar/SidebarItem.vue.d.ts.map +1 -0
- package/dist/types/components/sidebar/SidebarToggle.vue.d.ts +19 -0
- package/dist/types/components/sidebar/SidebarToggle.vue.d.ts.map +1 -0
- package/dist/types/composables/index.d.ts +2 -0
- package/dist/types/composables/index.d.ts.map +1 -0
- package/dist/types/composables/useDebounce.d.ts +4 -0
- package/dist/types/composables/useDebounce.d.ts.map +1 -0
- package/dist/types/index.d.ts +20 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/types/index.d.ts +2 -0
- package/dist/types/types/index.d.ts.map +1 -0
- package/dist/types/types/sidebar.d.ts +29 -0
- package/dist/types/types/sidebar.d.ts.map +1 -0
- package/package.json +4 -4
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import type { PropType } from 'vue';
|
|
2
|
+
import type { HeaderTag } from '@kong/kongponents';
|
|
3
|
+
declare function __VLS_template(): {
|
|
4
|
+
slots: {
|
|
5
|
+
header?(_: {}): any;
|
|
6
|
+
actions?(_: {}): any;
|
|
7
|
+
default?(_: {}): any;
|
|
8
|
+
};
|
|
9
|
+
refs: {};
|
|
10
|
+
attrs: Partial<{}>;
|
|
11
|
+
};
|
|
12
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
|
+
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
14
|
+
collapsible: {
|
|
15
|
+
type: BooleanConstructor;
|
|
16
|
+
default: boolean;
|
|
17
|
+
};
|
|
18
|
+
title: {
|
|
19
|
+
type: StringConstructor;
|
|
20
|
+
default: string;
|
|
21
|
+
};
|
|
22
|
+
description: {
|
|
23
|
+
type: StringConstructor;
|
|
24
|
+
default: string;
|
|
25
|
+
};
|
|
26
|
+
titleTag: {
|
|
27
|
+
type: PropType<HeaderTag>;
|
|
28
|
+
default: string;
|
|
29
|
+
validator: (value: HeaderTag) => boolean;
|
|
30
|
+
};
|
|
31
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
32
|
+
collapsible: {
|
|
33
|
+
type: BooleanConstructor;
|
|
34
|
+
default: boolean;
|
|
35
|
+
};
|
|
36
|
+
title: {
|
|
37
|
+
type: StringConstructor;
|
|
38
|
+
default: string;
|
|
39
|
+
};
|
|
40
|
+
description: {
|
|
41
|
+
type: StringConstructor;
|
|
42
|
+
default: string;
|
|
43
|
+
};
|
|
44
|
+
titleTag: {
|
|
45
|
+
type: PropType<HeaderTag>;
|
|
46
|
+
default: string;
|
|
47
|
+
validator: (value: HeaderTag) => boolean;
|
|
48
|
+
};
|
|
49
|
+
}>> & Readonly<{}>, {
|
|
50
|
+
title: string;
|
|
51
|
+
description: string;
|
|
52
|
+
titleTag: HeaderTag;
|
|
53
|
+
collapsible: boolean;
|
|
54
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
55
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
56
|
+
export default _default;
|
|
57
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
58
|
+
new (): {
|
|
59
|
+
$slots: S;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
//# sourceMappingURL=AppPageInfoSection.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppPageInfoSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/pageInfoSection/AppPageInfoSection.vue"],"names":[],"mappings":"AA+KA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAgDlD,iBAAS,cAAc;;wBAyFM,GAAG;yBACF,GAAG;yBACH,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AA2BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;cAmBD,QAAQ,CAAC,SAAS,CAAC;;2BAEhB,SAAS,KAAG,OAAO;;;;;;;;;;;;;;;;cAFtB,QAAQ,CAAC,SAAS,CAAC;;2BAEhB,SAAS,KAAG,OAAO;;;;;;;4EAGxC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1,260 @@
|
|
|
1
|
+
import type { PropType } from 'vue';
|
|
2
|
+
import type { SidebarPrimaryItem } from '../../types';
|
|
3
|
+
declare function __VLS_template(): {
|
|
4
|
+
slots: Partial<Record<`sidebar-icon-${string}`, (_: {}) => any>> & Partial<Record<`sidebar-icon-${string}`, (_: {}) => any>> & {
|
|
5
|
+
header?(_: {}): any;
|
|
6
|
+
top?(_: {}): any;
|
|
7
|
+
footer?(_: {}): any;
|
|
8
|
+
};
|
|
9
|
+
refs: {
|
|
10
|
+
focusTrap: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
active: {
|
|
12
|
+
type: BooleanConstructor;
|
|
13
|
+
default: boolean;
|
|
14
|
+
};
|
|
15
|
+
} & {
|
|
16
|
+
escapeDeactivates: {
|
|
17
|
+
type: BooleanConstructor;
|
|
18
|
+
default: true;
|
|
19
|
+
};
|
|
20
|
+
returnFocusOnDeactivate: {
|
|
21
|
+
type: BooleanConstructor;
|
|
22
|
+
default: true;
|
|
23
|
+
};
|
|
24
|
+
allowOutsideClick: {
|
|
25
|
+
type: PropType<boolean | import("focus-trap").MouseEventToBoolean | undefined>;
|
|
26
|
+
default: true;
|
|
27
|
+
};
|
|
28
|
+
clickOutsideDeactivates: PropType<boolean | import("focus-trap").MouseEventToBoolean | undefined>;
|
|
29
|
+
initialFocus: PropType<import("focus-trap").FocusTargetOrFalse | (() => void) | undefined>;
|
|
30
|
+
fallbackFocus: PropType<import("focus-trap").FocusTarget | undefined>;
|
|
31
|
+
checkCanFocusTrap: PropType<((containers: (HTMLElement | SVGElement)[]) => Promise<void>) | undefined>;
|
|
32
|
+
checkCanReturnFocus: PropType<((trigger: HTMLElement | SVGElement) => Promise<void>) | undefined>;
|
|
33
|
+
delayInitialFocus: {
|
|
34
|
+
type: BooleanConstructor;
|
|
35
|
+
default: true;
|
|
36
|
+
};
|
|
37
|
+
document: PropType<Document | undefined>;
|
|
38
|
+
preventScroll: BooleanConstructor;
|
|
39
|
+
setReturnFocus: PropType<import("focus-trap").FocusTargetValueOrFalse | ((nodeFocusedBeforeActivation: HTMLElement | SVGElement) => import("focus-trap").FocusTargetValueOrFalse) | undefined>;
|
|
40
|
+
tabbableOptions: PropType<import("focus-trap").FocusTrapTabbableOptions | undefined>;
|
|
41
|
+
}>> & {
|
|
42
|
+
onActivate?: ((...args: any[]) => any) | undefined;
|
|
43
|
+
onPostActivate?: ((...args: any[]) => any) | undefined;
|
|
44
|
+
onDeactivate?: ((...args: any[]) => any) | undefined;
|
|
45
|
+
onPostDeactivate?: ((...args: any[]) => any) | undefined;
|
|
46
|
+
"onUpdate:active"?: ((...args: any[]) => any) | undefined;
|
|
47
|
+
}, {
|
|
48
|
+
activate(): void;
|
|
49
|
+
deactivate(): void;
|
|
50
|
+
renderImpl(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
51
|
+
[key: string]: any;
|
|
52
|
+
}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
53
|
+
[key: string]: any;
|
|
54
|
+
}>[] | null;
|
|
55
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:active" | "activate" | "postActivate" | "deactivate" | "postDeactivate")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
|
|
56
|
+
returnFocusOnDeactivate: boolean;
|
|
57
|
+
escapeDeactivates: boolean;
|
|
58
|
+
allowOutsideClick: boolean | import("focus-trap").MouseEventToBoolean | undefined;
|
|
59
|
+
preventScroll: boolean;
|
|
60
|
+
delayInitialFocus: boolean;
|
|
61
|
+
active: boolean;
|
|
62
|
+
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
63
|
+
P: {};
|
|
64
|
+
B: {};
|
|
65
|
+
D: {};
|
|
66
|
+
C: {};
|
|
67
|
+
M: {};
|
|
68
|
+
Defaults: {};
|
|
69
|
+
}, Readonly<import("vue").ExtractPropTypes<{
|
|
70
|
+
active: {
|
|
71
|
+
type: BooleanConstructor;
|
|
72
|
+
default: boolean;
|
|
73
|
+
};
|
|
74
|
+
} & {
|
|
75
|
+
escapeDeactivates: {
|
|
76
|
+
type: BooleanConstructor;
|
|
77
|
+
default: true;
|
|
78
|
+
};
|
|
79
|
+
returnFocusOnDeactivate: {
|
|
80
|
+
type: BooleanConstructor;
|
|
81
|
+
default: true;
|
|
82
|
+
};
|
|
83
|
+
allowOutsideClick: {
|
|
84
|
+
type: PropType<boolean | import("focus-trap").MouseEventToBoolean | undefined>;
|
|
85
|
+
default: true;
|
|
86
|
+
};
|
|
87
|
+
clickOutsideDeactivates: PropType<boolean | import("focus-trap").MouseEventToBoolean | undefined>;
|
|
88
|
+
initialFocus: PropType<import("focus-trap").FocusTargetOrFalse | (() => void) | undefined>;
|
|
89
|
+
fallbackFocus: PropType<import("focus-trap").FocusTarget | undefined>;
|
|
90
|
+
checkCanFocusTrap: PropType<((containers: (HTMLElement | SVGElement)[]) => Promise<void>) | undefined>;
|
|
91
|
+
checkCanReturnFocus: PropType<((trigger: HTMLElement | SVGElement) => Promise<void>) | undefined>;
|
|
92
|
+
delayInitialFocus: {
|
|
93
|
+
type: BooleanConstructor;
|
|
94
|
+
default: true;
|
|
95
|
+
};
|
|
96
|
+
document: PropType<Document | undefined>;
|
|
97
|
+
preventScroll: BooleanConstructor;
|
|
98
|
+
setReturnFocus: PropType<import("focus-trap").FocusTargetValueOrFalse | ((nodeFocusedBeforeActivation: HTMLElement | SVGElement) => import("focus-trap").FocusTargetValueOrFalse) | undefined>;
|
|
99
|
+
tabbableOptions: PropType<import("focus-trap").FocusTrapTabbableOptions | undefined>;
|
|
100
|
+
}>> & {
|
|
101
|
+
onActivate?: ((...args: any[]) => any) | undefined;
|
|
102
|
+
onPostActivate?: ((...args: any[]) => any) | undefined;
|
|
103
|
+
onDeactivate?: ((...args: any[]) => any) | undefined;
|
|
104
|
+
onPostDeactivate?: ((...args: any[]) => any) | undefined;
|
|
105
|
+
"onUpdate:active"?: ((...args: any[]) => any) | undefined;
|
|
106
|
+
}, {
|
|
107
|
+
activate(): void;
|
|
108
|
+
deactivate(): void;
|
|
109
|
+
renderImpl(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
110
|
+
[key: string]: any;
|
|
111
|
+
}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
112
|
+
[key: string]: any;
|
|
113
|
+
}>[] | null;
|
|
114
|
+
}, {}, {}, {}, {
|
|
115
|
+
returnFocusOnDeactivate: boolean;
|
|
116
|
+
escapeDeactivates: boolean;
|
|
117
|
+
allowOutsideClick: boolean | import("focus-trap").MouseEventToBoolean | undefined;
|
|
118
|
+
preventScroll: boolean;
|
|
119
|
+
delayInitialFocus: boolean;
|
|
120
|
+
active: boolean;
|
|
121
|
+
}> | null;
|
|
122
|
+
};
|
|
123
|
+
attrs: Partial<{}>;
|
|
124
|
+
};
|
|
125
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
126
|
+
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
127
|
+
topItems: {
|
|
128
|
+
type: PropType<SidebarPrimaryItem[]>;
|
|
129
|
+
default: () => never[];
|
|
130
|
+
};
|
|
131
|
+
bottomItems: {
|
|
132
|
+
type: PropType<SidebarPrimaryItem[]>;
|
|
133
|
+
default: () => never[];
|
|
134
|
+
};
|
|
135
|
+
headerHeight: {
|
|
136
|
+
type: NumberConstructor;
|
|
137
|
+
default: number;
|
|
138
|
+
};
|
|
139
|
+
topOffset: {
|
|
140
|
+
type: NumberConstructor;
|
|
141
|
+
default: number;
|
|
142
|
+
};
|
|
143
|
+
zIndex: {
|
|
144
|
+
type: NumberConstructor;
|
|
145
|
+
default: number;
|
|
146
|
+
};
|
|
147
|
+
open: {
|
|
148
|
+
type: BooleanConstructor;
|
|
149
|
+
default: boolean;
|
|
150
|
+
};
|
|
151
|
+
mobileEnabled: {
|
|
152
|
+
type: BooleanConstructor;
|
|
153
|
+
default: boolean;
|
|
154
|
+
};
|
|
155
|
+
mobileTopOffset: {
|
|
156
|
+
type: NumberConstructor;
|
|
157
|
+
default: number;
|
|
158
|
+
};
|
|
159
|
+
mobileHeaderVisible: {
|
|
160
|
+
type: BooleanConstructor;
|
|
161
|
+
default: boolean;
|
|
162
|
+
};
|
|
163
|
+
mobileCloseDelay: {
|
|
164
|
+
type: NumberConstructor;
|
|
165
|
+
default: number;
|
|
166
|
+
};
|
|
167
|
+
mobileOverlay: {
|
|
168
|
+
type: BooleanConstructor;
|
|
169
|
+
default: boolean;
|
|
170
|
+
};
|
|
171
|
+
mobileOverlayZIndex: {
|
|
172
|
+
type: NumberConstructor;
|
|
173
|
+
default: null;
|
|
174
|
+
};
|
|
175
|
+
mobileOverlayCloseOnClick: {
|
|
176
|
+
type: BooleanConstructor;
|
|
177
|
+
default: boolean;
|
|
178
|
+
};
|
|
179
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
180
|
+
click: (...args: any[]) => void;
|
|
181
|
+
toggle: (...args: any[]) => void;
|
|
182
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
183
|
+
topItems: {
|
|
184
|
+
type: PropType<SidebarPrimaryItem[]>;
|
|
185
|
+
default: () => never[];
|
|
186
|
+
};
|
|
187
|
+
bottomItems: {
|
|
188
|
+
type: PropType<SidebarPrimaryItem[]>;
|
|
189
|
+
default: () => never[];
|
|
190
|
+
};
|
|
191
|
+
headerHeight: {
|
|
192
|
+
type: NumberConstructor;
|
|
193
|
+
default: number;
|
|
194
|
+
};
|
|
195
|
+
topOffset: {
|
|
196
|
+
type: NumberConstructor;
|
|
197
|
+
default: number;
|
|
198
|
+
};
|
|
199
|
+
zIndex: {
|
|
200
|
+
type: NumberConstructor;
|
|
201
|
+
default: number;
|
|
202
|
+
};
|
|
203
|
+
open: {
|
|
204
|
+
type: BooleanConstructor;
|
|
205
|
+
default: boolean;
|
|
206
|
+
};
|
|
207
|
+
mobileEnabled: {
|
|
208
|
+
type: BooleanConstructor;
|
|
209
|
+
default: boolean;
|
|
210
|
+
};
|
|
211
|
+
mobileTopOffset: {
|
|
212
|
+
type: NumberConstructor;
|
|
213
|
+
default: number;
|
|
214
|
+
};
|
|
215
|
+
mobileHeaderVisible: {
|
|
216
|
+
type: BooleanConstructor;
|
|
217
|
+
default: boolean;
|
|
218
|
+
};
|
|
219
|
+
mobileCloseDelay: {
|
|
220
|
+
type: NumberConstructor;
|
|
221
|
+
default: number;
|
|
222
|
+
};
|
|
223
|
+
mobileOverlay: {
|
|
224
|
+
type: BooleanConstructor;
|
|
225
|
+
default: boolean;
|
|
226
|
+
};
|
|
227
|
+
mobileOverlayZIndex: {
|
|
228
|
+
type: NumberConstructor;
|
|
229
|
+
default: null;
|
|
230
|
+
};
|
|
231
|
+
mobileOverlayCloseOnClick: {
|
|
232
|
+
type: BooleanConstructor;
|
|
233
|
+
default: boolean;
|
|
234
|
+
};
|
|
235
|
+
}>> & Readonly<{
|
|
236
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
237
|
+
onToggle?: ((...args: any[]) => any) | undefined;
|
|
238
|
+
}>, {
|
|
239
|
+
topOffset: number;
|
|
240
|
+
zIndex: number;
|
|
241
|
+
topItems: SidebarPrimaryItem[];
|
|
242
|
+
bottomItems: SidebarPrimaryItem[];
|
|
243
|
+
headerHeight: number;
|
|
244
|
+
open: boolean;
|
|
245
|
+
mobileEnabled: boolean;
|
|
246
|
+
mobileTopOffset: number;
|
|
247
|
+
mobileHeaderVisible: boolean;
|
|
248
|
+
mobileCloseDelay: number;
|
|
249
|
+
mobileOverlay: boolean;
|
|
250
|
+
mobileOverlayZIndex: number;
|
|
251
|
+
mobileOverlayCloseOnClick: boolean;
|
|
252
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
253
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
254
|
+
export default _default;
|
|
255
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
256
|
+
new (): {
|
|
257
|
+
$slots: S;
|
|
258
|
+
};
|
|
259
|
+
};
|
|
260
|
+
//# sourceMappingURL=AppSidebar.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppSidebar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/AppSidebar.vue"],"names":[],"mappings":"AAymBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAoVrD,iBAAS,cAAc;+DA2K+D,GAAG,yDACpB,GAAG;wBAE5C,GAAG;qBACN,GAAG;wBACC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAtgBhC,GAjeM;+BAieN,GA7dE;6BA6dF,GA1dQ;iCA0dR,GAvdyB;kCAudzB,GAjdO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAidP,GAjeM;+BAieN,GA7dE;6BA6dF,GA1dQ;iCA0dR,GAvdyB;kCAudzB,GAjdO;;;;;;;;;;;;;;;;;;WAi+BO,OAAO,IAA6B;EAEjD;AA+ED,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;cAQF,QAAQ,CAAC,kBAAkB,EAAE,CAAC;;;;cAI9B,QAAQ,CAAC,kBAAkB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAJ9B,QAAQ,CAAC,kBAAkB,EAAE,CAAC;;;;cAI9B,QAAQ,CAAC,kBAAkB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAiD/C,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
count: {
|
|
3
|
+
type: NumberConstructor;
|
|
4
|
+
required: true;
|
|
5
|
+
default: undefined;
|
|
6
|
+
};
|
|
7
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
8
|
+
count: {
|
|
9
|
+
type: NumberConstructor;
|
|
10
|
+
required: true;
|
|
11
|
+
default: undefined;
|
|
12
|
+
};
|
|
13
|
+
}>> & Readonly<{}>, {
|
|
14
|
+
count: number;
|
|
15
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
16
|
+
export default _default;
|
|
17
|
+
//# sourceMappingURL=ItemBadge.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ItemBadge.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/ItemBadge.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;AAgJA,wBAYG"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import type { PropType } from 'vue';
|
|
2
|
+
import type { SidebarPrimaryItem, SidebarSecondaryItem } from '../../types';
|
|
3
|
+
declare function __VLS_template(): {
|
|
4
|
+
slots: Partial<Record<`sidebar-icon-${string}`, (_: {}) => any>>;
|
|
5
|
+
refs: {};
|
|
6
|
+
attrs: Partial<{}>;
|
|
7
|
+
};
|
|
8
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
9
|
+
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
10
|
+
item: {
|
|
11
|
+
type: PropType<SidebarPrimaryItem | SidebarSecondaryItem>;
|
|
12
|
+
required: true;
|
|
13
|
+
};
|
|
14
|
+
/** True if the item is not an L1 primary sidebar item */
|
|
15
|
+
subnavItem: {
|
|
16
|
+
type: BooleanConstructor;
|
|
17
|
+
default: boolean;
|
|
18
|
+
};
|
|
19
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
20
|
+
click: (...args: any[]) => void;
|
|
21
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
22
|
+
item: {
|
|
23
|
+
type: PropType<SidebarPrimaryItem | SidebarSecondaryItem>;
|
|
24
|
+
required: true;
|
|
25
|
+
};
|
|
26
|
+
/** True if the item is not an L1 primary sidebar item */
|
|
27
|
+
subnavItem: {
|
|
28
|
+
type: BooleanConstructor;
|
|
29
|
+
default: boolean;
|
|
30
|
+
};
|
|
31
|
+
}>> & Readonly<{
|
|
32
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
33
|
+
}>, {
|
|
34
|
+
subnavItem: boolean;
|
|
35
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
36
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
37
|
+
export default _default;
|
|
38
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
39
|
+
new (): {
|
|
40
|
+
$slots: S;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=SidebarItem.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidebarItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/SidebarItem.vue"],"names":[],"mappings":"AAyXA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAmE3E,iBAAS,cAAc;+DAmJ6D,GAAG;;WAUzE,OAAO,IAA6B;EAEjD;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;cAQD,QAAQ,CAAC,kBAAkB,GAAG,oBAAoB,CAAC;;;IAGrE,yDAAyD;;;;;;;;;cAHvC,QAAQ,CAAC,kBAAkB,GAAG,oBAAoB,CAAC;;;IAGrE,yDAAyD;;;;;;;;;4EAMzD,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
active: {
|
|
3
|
+
type: BooleanConstructor;
|
|
4
|
+
default: boolean;
|
|
5
|
+
};
|
|
6
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7
|
+
toggle: (...args: any[]) => void;
|
|
8
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
9
|
+
active: {
|
|
10
|
+
type: BooleanConstructor;
|
|
11
|
+
default: boolean;
|
|
12
|
+
};
|
|
13
|
+
}>> & Readonly<{
|
|
14
|
+
onToggle?: ((...args: any[]) => any) | undefined;
|
|
15
|
+
}>, {
|
|
16
|
+
active: boolean;
|
|
17
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
18
|
+
export default _default;
|
|
19
|
+
//# sourceMappingURL=SidebarToggle.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidebarToggle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/SidebarToggle.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwLA,wBAYG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDebounce.d.ts","sourceRoot":"","sources":["../../../src/composables/useDebounce.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,WAAW;gCAQE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,SAAS,MAAM,KAAG,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,IAAI;EAkBjG"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { App } from 'vue';
|
|
2
|
+
import AccountDropdown from './components/navbar/AccountDropdown.vue';
|
|
3
|
+
import AppAboutSection from './components/aboutSection/AppAboutSection.vue';
|
|
4
|
+
import AppError from './components/errors/AppError.vue';
|
|
5
|
+
import AppLayout from './components/AppLayout.vue';
|
|
6
|
+
import AppNavbar from './components/navbar/AppNavbar.vue';
|
|
7
|
+
import AppPageHeader from './components/pageHeader/AppPageHeader.vue';
|
|
8
|
+
import AppSidebar from './components/sidebar/AppSidebar.vue';
|
|
9
|
+
import SidebarToggle from './components/sidebar/SidebarToggle.vue';
|
|
10
|
+
import AppPageInfoSection from './components/pageInfoSection/AppPageInfoSection.vue';
|
|
11
|
+
declare const _default: {
|
|
12
|
+
install: (app: App, options?: {
|
|
13
|
+
name?: string;
|
|
14
|
+
[key: string]: any;
|
|
15
|
+
}) => void;
|
|
16
|
+
};
|
|
17
|
+
export default _default;
|
|
18
|
+
export { AccountDropdown, AppAboutSection, AppError, AppLayout, AppNavbar, AppPageHeader, AppSidebar, SidebarToggle, AppPageInfoSection, };
|
|
19
|
+
export * from './types';
|
|
20
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B,OAAO,eAAe,MAAM,yCAAyC,CAAA;AACrE,OAAO,eAAe,MAAM,+CAA+C,CAAA;AAC3E,OAAO,QAAQ,MAAM,kCAAkC,CAAA;AACvD,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAClD,OAAO,SAAS,MAAM,mCAAmC,CAAA;AACzD,OAAO,aAAa,MAAM,2CAA2C,CAAA;AACrE,OAAO,UAAU,MAAM,qCAAqC,CAAA;AAC5D,OAAO,aAAa,MAAM,wCAAwC,CAAA;AAClE,OAAO,kBAAkB,MAAM,qDAAqD,CAAA;;mBAMnE,GAAG,YAAW;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,KAAQ,IAAI;;AAHhF,wBAMC;AAGD,OAAO,EACL,eAAe,EACf,eAAe,EACf,QAAQ,EACR,SAAS,EACT,SAAS,EACT,aAAa,EACb,UAAU,EACV,aAAa,EACb,kBAAkB,GACnB,CAAA;AAED,cAAc,SAAS,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export interface SidebarSecondaryItem {
|
|
2
|
+
/** The display text of the sidebar item */
|
|
3
|
+
name: string;
|
|
4
|
+
/** The [Vue Router `to` object](https://router.vuejs.org/api/interfaces/RouterLinkProps.html#to) or a URL path (relative or absolute) to navigate to on click */
|
|
5
|
+
to: string | Record<string, any>;
|
|
6
|
+
/** Set external to true if you want to navigate via anchor tag instead of a router-link. The `to` property must be set to a string. */
|
|
7
|
+
external?: boolean;
|
|
8
|
+
/** Set newWindow to true if you want to open the link in a new window or tab. If the `to` property is set to a string that starts with `http*` it will open in a new window automatically. Setting newWindow to true essentially forces external to true as well. */
|
|
9
|
+
newWindow?: boolean;
|
|
10
|
+
/** Is the sidebar item active */
|
|
11
|
+
active?: boolean;
|
|
12
|
+
/** Number to display in a badge to the right of the L2 item name */
|
|
13
|
+
badgeCount?: number;
|
|
14
|
+
/** The data-testid attribute to apply to the sidebar item. Auto-generated if not provided. */
|
|
15
|
+
testId?: string;
|
|
16
|
+
/** Auto-generated (do not provide) unique key of the secondary item's top-level navigation parent item */
|
|
17
|
+
parentKey?: string;
|
|
18
|
+
}
|
|
19
|
+
export interface SidebarPrimaryItem extends Omit<SidebarSecondaryItem, 'parentKey' | 'badgeCount'> {
|
|
20
|
+
/** Unique key of top-level navigation item. Auto-generated if not provided. */
|
|
21
|
+
key: string;
|
|
22
|
+
/** Label to show under the name when the item is expanded */
|
|
23
|
+
label?: string;
|
|
24
|
+
/** Is the top-level sidebar item expanded */
|
|
25
|
+
expanded?: boolean;
|
|
26
|
+
/** Nested sidebar items (children) without icons */
|
|
27
|
+
items?: SidebarSecondaryItem[];
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=sidebar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/types/sidebar.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAA;IACZ,iKAAiK;IACjK,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAChC,uIAAuI;IACvI,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qQAAqQ;IACrQ,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,8FAA8F;IAC9F,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0GAA0G;IAC1G,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,YAAY,CAAC;IAChG,+EAA+E;IAC/E,GAAG,EAAE,MAAM,CAAA;IACX,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oDAAoD;IACpD,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAA;CAC/B"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kong-ui-public/app-layout",
|
|
3
|
-
"version": "4.4.
|
|
3
|
+
"version": "4.4.5",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/app-layout.umd.js",
|
|
6
6
|
"module": "./dist/app-layout.es.js",
|
|
@@ -21,19 +21,19 @@
|
|
|
21
21
|
"access": "public"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
|
-
"@kong/kongponents": "^9.29.
|
|
24
|
+
"@kong/kongponents": "^9.29.11",
|
|
25
25
|
"vue": ">= 3.3.13 < 4",
|
|
26
26
|
"vue-router": "^4.4.5"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@kong/icons": "^1.
|
|
29
|
+
"@kong/icons": "^1.26.0",
|
|
30
30
|
"focus-trap": "^7.6.0",
|
|
31
31
|
"focus-trap-vue": "^4.0.3",
|
|
32
32
|
"lodash.clonedeep": "^4.5.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"@kong/design-tokens": "1.17.4",
|
|
36
|
-
"@kong/kongponents": "9.29.
|
|
36
|
+
"@kong/kongponents": "9.29.11",
|
|
37
37
|
"@types/lodash.clonedeep": "^4.5.9",
|
|
38
38
|
"vue": "^3.5.13",
|
|
39
39
|
"vue-router": "^4.4.5"
|