@vanjana/vue-ui 0.1.135 → 1.0.2

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 (63) hide show
  1. package/dist/theme-light.css +2 -1
  2. package/dist/theme-light.js +0 -1
  3. package/dist/types/components/basic-controls.test.d.ts +1 -0
  4. package/dist/types/components/button.test.d.ts +1 -0
  5. package/dist/types/components/button.vue.d.ts +14 -1
  6. package/dist/types/components/card.vue.d.ts +1 -0
  7. package/dist/types/components/carousel.test.d.ts +1 -0
  8. package/dist/types/components/dialog-host.test.d.ts +1 -0
  9. package/dist/types/components/dialog.test.d.ts +1 -0
  10. package/dist/types/components/form/form-field.vue.d.ts +3 -3
  11. package/dist/types/components/form/form-wrappers.test.d.ts +1 -0
  12. package/dist/types/components/form/input-select.vue.d.ts +3 -2
  13. package/dist/types/components/form/input-slider.vue.d.ts +3 -3
  14. package/dist/types/components/form/input-text-area.vue.d.ts +3 -3
  15. package/dist/types/components/form/input-text.vue.d.ts +3 -3
  16. package/dist/types/components/form/input.test.d.ts +1 -0
  17. package/dist/types/components/form/input.vue.d.ts +11 -4
  18. package/dist/types/components/form/select.test.d.ts +1 -0
  19. package/dist/types/components/form/select.vue.d.ts +17 -2
  20. package/dist/types/components/form/textarea.vue.d.ts +2 -2
  21. package/dist/types/components/index.d.ts +4 -1
  22. package/dist/types/components/notification/notification.test.d.ts +1 -0
  23. package/dist/types/components/overlay-host.test.d.ts +1 -0
  24. package/dist/types/components/page.vue.d.ts +1 -1
  25. package/dist/types/components/shell/shell.vue.d.ts +5 -5
  26. package/dist/types/directives/directives.test.d.ts +1 -0
  27. package/dist/types/model/VjRouteRecord.d.ts +5 -6
  28. package/dist/types/provider/feature-module.d.ts +21 -0
  29. package/dist/types/provider/feature-module.test.d.ts +1 -0
  30. package/dist/types/provider/index.d.ts +2 -0
  31. package/dist/types/provider/router-navigation-provider.d.ts +9 -6
  32. package/dist/types/provider/router-navigation-provider.test.d.ts +1 -0
  33. package/dist/types/provider/static-navigation-provider.test.d.ts +1 -0
  34. package/dist/types/provider/translations.d.ts +18 -0
  35. package/dist/types/services/aside.service.d.ts +6 -245
  36. package/dist/types/services/aside.store.d.ts +11 -247
  37. package/dist/types/services/aside.store.test.d.ts +1 -0
  38. package/dist/types/services/dialog.service.d.ts +1 -7
  39. package/dist/types/services/dialog.store.d.ts +13 -0
  40. package/dist/types/services/focus.d.ts +5 -0
  41. package/dist/types/services/icon-registry.test.d.ts +1 -0
  42. package/dist/types/services/index.d.ts +2 -0
  43. package/dist/types/services/notification.service.d.ts +1 -0
  44. package/dist/types/services/notification.service.test.d.ts +1 -0
  45. package/dist/types/services/overlay.service.d.ts +6 -262
  46. package/dist/types/services/overlay.store.d.ts +11 -264
  47. package/dist/types/services/resizeObserver.service.test.d.ts +1 -0
  48. package/dist/types/stories/components/button.stories.d.ts +43 -4
  49. package/dist/types/stories/components/card.stories.d.ts +3 -0
  50. package/dist/types/stories/components/compact.stories.d.ts +2 -2
  51. package/dist/types/stories/components/form-field-help.stories.d.ts +2 -2
  52. package/dist/types/stories/components/form-field.stories.d.ts +2 -2
  53. package/dist/types/stories/components/input.stories.d.ts +14 -5
  54. package/dist/types/stories/components/notification.stories.d.ts +17 -2
  55. package/dist/types/stories/components/select.stories.d.ts +1 -0
  56. package/dist/types/stories/components/textarea.stories.d.ts +2 -2
  57. package/dist/types/stories/components/tooltip.stories.d.ts +17 -2
  58. package/dist/vanjana-vue-ui.es.js +4246 -4285
  59. package/dist/vanjana-vue-ui.umd.js +1 -1
  60. package/dist/vue-ui.css +2 -1
  61. package/package.json +45 -42
  62. package/themes/common/components/form/_form-field.scss +3 -3
  63. /package/dist/types/components/{nav-bar.vue.d.ts → dialog-host.vue.d.ts} +0 -0
@@ -1,264 +1,8 @@
1
1
  export declare const useOverlayService: () => {
2
- hasOverlay: import("vue").Ref<boolean, boolean>;
3
- overlayComponent: import("vue").Ref<import("vue").FunctionalComponent<any, {}, any, {}> | {
4
- new (...args: any[]): any;
5
- __isFragment?: never;
6
- __isTeleport?: never;
7
- __isSuspense?: never;
8
- } | {
9
- [x: string]: any;
10
- setup?: ((this: void, props: import("@vue/shared").LooseRequired<any>, ctx: {
11
- attrs: {
12
- [x: string]: unknown;
13
- };
14
- slots: Readonly<{
15
- [name: string]: import("vue").Slot<any> | undefined;
16
- }>;
17
- emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
18
- expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed) => void;
19
- }) => any) | undefined;
20
- name?: string | undefined;
21
- template?: string | object | undefined;
22
- render?: Function | undefined;
23
- components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
24
- directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
25
- inheritAttrs?: boolean | undefined;
26
- emits?: any;
27
- slots?: {} | undefined;
28
- expose?: string[] | undefined;
29
- serverPrefetch?: (() => void | Promise<any>) | undefined;
30
- compilerOptions?: {
31
- isCustomElement?: ((tag: string) => boolean) | undefined;
32
- whitespace?: "preserve" | "condense" | undefined;
33
- comments?: boolean | undefined;
34
- delimiters?: [string, string] | undefined;
35
- } | undefined;
36
- call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
37
- __isFragment?: never | undefined;
38
- __isTeleport?: never | undefined;
39
- __isSuspense?: never | undefined;
40
- __defaults?: {} | undefined;
41
- compatConfig?: {
42
- GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
43
- GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
44
- GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
45
- GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
46
- GLOBAL_SET?: boolean | "suppress-warning" | undefined;
47
- GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
48
- GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
49
- GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
50
- CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
51
- CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
52
- CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
53
- CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
54
- CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
55
- CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
56
- CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
57
- INSTANCE_SET?: boolean | "suppress-warning" | undefined;
58
- INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
59
- INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
60
- INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
61
- INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
62
- INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
63
- INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
64
- INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
65
- INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
66
- OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
67
- OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
68
- OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
69
- OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
70
- WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
71
- PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
72
- V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
73
- CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
74
- ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
75
- ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
76
- TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
77
- TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
78
- COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
79
- COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
80
- COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
81
- RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
82
- FILTERS?: boolean | "suppress-warning" | undefined;
83
- PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
84
- MODE?: 2 | 3 | ((comp: import("vue").Component | null) => 2 | 3) | undefined;
85
- } | undefined;
86
- data?: ((this: any, vm: any) => any) | undefined;
87
- computed?: import("vue").ComputedOptions | undefined;
88
- methods?: import("vue").MethodOptions | undefined;
89
- watch?: {
90
- [x: string]: (string | import("vue").WatchCallback | ({
91
- handler: import("vue").WatchCallback | string;
92
- } & import("vue").WatchOptions<boolean>)) | (string | import("vue").WatchCallback | ({
93
- handler: import("vue").WatchCallback | string;
94
- } & import("vue").WatchOptions<boolean>))[];
95
- } | undefined;
96
- provide?: import("vue").ComponentProvideOptions | undefined;
97
- inject?: {} | string[] | undefined;
98
- filters?: Record<string, Function> | undefined;
99
- mixins?: any[] | undefined;
100
- extends?: any;
101
- beforeCreate?: (() => any) | undefined;
102
- created?: (() => any) | undefined;
103
- beforeMount?: (() => any) | undefined;
104
- mounted?: (() => any) | undefined;
105
- beforeUpdate?: (() => any) | undefined;
106
- updated?: (() => any) | undefined;
107
- activated?: (() => any) | undefined;
108
- deactivated?: (() => any) | undefined;
109
- beforeDestroy?: (() => any) | undefined;
110
- beforeUnmount?: (() => any) | undefined;
111
- destroyed?: (() => any) | undefined;
112
- unmounted?: (() => any) | undefined;
113
- renderTracked?: ((e: import("vue").DebuggerEvent) => void) | undefined;
114
- renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | undefined;
115
- errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | undefined;
116
- delimiters?: [string, string] | undefined;
117
- __differentiator?: string | number | symbol | undefined;
118
- __isBuiltIn?: boolean | undefined;
119
- __file?: string | undefined;
120
- __name?: string | undefined;
121
- beforeRouteEnter?: (import("vue-router").TypesConfig extends Record<"beforeRouteEnter", infer T> ? T : import("vue-router").NavigationGuardWithThis<undefined>) | undefined;
122
- beforeRouteUpdate?: (import("vue-router").TypesConfig extends Record<"beforeRouteUpdate", infer T> ? T : import("vue-router").NavigationGuard) | undefined;
123
- beforeRouteLeave?: (import("vue-router").TypesConfig extends Record<"beforeRouteLeave", infer T> ? T : import("vue-router").NavigationGuard) | undefined;
124
- } | null, import("vue").Component | {
125
- [x: string]: any;
126
- setup?: ((this: void, props: import("@vue/shared").LooseRequired<any>, ctx: {
127
- attrs: {
128
- [x: string]: unknown;
129
- };
130
- slots: Readonly<{
131
- [name: string]: import("vue").Slot<any> | undefined;
132
- }>;
133
- emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
134
- expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed) => void;
135
- }) => any) | undefined;
136
- name?: string | undefined;
137
- template?: string | object | undefined;
138
- render?: Function | undefined;
139
- components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
140
- directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
141
- inheritAttrs?: boolean | undefined;
142
- emits?: any;
143
- slots?: {} | undefined;
144
- expose?: string[] | undefined;
145
- serverPrefetch?: (() => void | Promise<any>) | undefined;
146
- compilerOptions?: {
147
- isCustomElement?: ((tag: string) => boolean) | undefined;
148
- whitespace?: "preserve" | "condense" | undefined;
149
- comments?: boolean | undefined;
150
- delimiters?: [string, string] | undefined;
151
- } | undefined;
152
- call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
153
- __isFragment?: never | undefined;
154
- __isTeleport?: never | undefined;
155
- __isSuspense?: never | undefined;
156
- __defaults?: {} | undefined;
157
- compatConfig?: {
158
- GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
159
- GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
160
- GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
161
- GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
162
- GLOBAL_SET?: boolean | "suppress-warning" | undefined;
163
- GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
164
- GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
165
- GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
166
- CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
167
- CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
168
- CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
169
- CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
170
- CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
171
- CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
172
- CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
173
- INSTANCE_SET?: boolean | "suppress-warning" | undefined;
174
- INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
175
- INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
176
- INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
177
- INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
178
- INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
179
- INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
180
- INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
181
- INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
182
- OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
183
- OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
184
- OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
185
- OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
186
- WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
187
- PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
188
- V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
189
- CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
190
- ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
191
- ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
192
- TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
193
- TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
194
- COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
195
- COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
196
- COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
197
- RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
198
- FILTERS?: boolean | "suppress-warning" | undefined;
199
- PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
200
- MODE?: 2 | 3 | ((comp: import("vue").Component | null) => 2 | 3) | undefined;
201
- } | undefined;
202
- data?: ((this: any, vm: any) => any) | undefined;
203
- computed?: import("vue").ComputedOptions | undefined;
204
- methods?: import("vue").MethodOptions | undefined;
205
- watch?: {
206
- [x: string]: (string | import("vue").WatchCallback | ({
207
- handler: import("vue").WatchCallback | string;
208
- } & import("vue").WatchOptions<boolean>)) | (string | import("vue").WatchCallback | ({
209
- handler: import("vue").WatchCallback | string;
210
- } & import("vue").WatchOptions<boolean>))[];
211
- } | undefined;
212
- provide?: import("vue").ComponentProvideOptions | undefined;
213
- inject?: {} | string[] | undefined;
214
- filters?: Record<string, Function> | undefined;
215
- mixins?: any[] | undefined;
216
- extends?: any;
217
- beforeCreate?: (() => any) | undefined;
218
- created?: (() => any) | undefined;
219
- beforeMount?: (() => any) | undefined;
220
- mounted?: (() => any) | undefined;
221
- beforeUpdate?: (() => any) | undefined;
222
- updated?: (() => any) | undefined;
223
- activated?: (() => any) | undefined;
224
- deactivated?: (() => any) | undefined;
225
- beforeDestroy?: (() => any) | undefined;
226
- beforeUnmount?: (() => any) | undefined;
227
- destroyed?: (() => any) | undefined;
228
- unmounted?: (() => any) | undefined;
229
- renderTracked?: ((e: import("vue").DebuggerEvent) => void) | undefined;
230
- renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | undefined;
231
- errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | undefined;
232
- delimiters?: [string, string] | undefined;
233
- __differentiator?: string | number | symbol | undefined;
234
- __isBuiltIn?: boolean | undefined;
235
- __file?: string | undefined;
236
- __name?: string | undefined;
237
- beforeRouteEnter?: (import("vue-router").TypesConfig extends Record<"beforeRouteEnter", infer T> ? T : import("vue-router").NavigationGuardWithThis<undefined>) | undefined;
238
- beforeRouteUpdate?: (import("vue-router").TypesConfig extends Record<"beforeRouteUpdate", infer T> ? T : import("vue-router").NavigationGuard) | undefined;
239
- beforeRouteLeave?: (import("vue-router").TypesConfig extends Record<"beforeRouteLeave", infer T> ? T : import("vue-router").NavigationGuard) | undefined;
240
- } | null>;
241
- overlayOptions: import("vue").Ref<{
242
- position?: import("./overlay.store").OverlayPosition | undefined;
243
- scope?: import("./overlay.store").OverlayScope | undefined;
244
- size?: string | undefined;
245
- props?: Record<string, unknown> | undefined;
246
- autoFocus?: boolean | undefined;
247
- closeOnBackdrop?: boolean | undefined;
248
- closeOnEscape?: boolean | undefined;
249
- }, import("./overlay.store").OverlayOptions | {
250
- position?: import("./overlay.store").OverlayPosition | undefined;
251
- scope?: import("./overlay.store").OverlayScope | undefined;
252
- size?: string | undefined;
253
- props?: Record<string, unknown> | undefined;
254
- autoFocus?: boolean | undefined;
255
- closeOnBackdrop?: boolean | undefined;
256
- closeOnEscape?: boolean | undefined;
257
- }>;
258
- showOverlay: (component: import("vue").Component, options?: import("./overlay.store").OverlayOptions) => {
259
- onClose: (callback: import("./overlay.store").CloseOverlayCallback) => () => void;
260
- close: (data?: unknown) => void;
261
- };
262
- closeOverlay: (data?: unknown, reason?: import("./overlay.store").OverlayCloseReason) => void;
263
- onOverlayClose: (callback: import("./overlay.store").CloseOverlayCallback) => () => void;
2
+ hasOverlay: import("vue").Ref<boolean>;
3
+ overlayComponent: import("vue").Ref<import("vue").Component | null>;
4
+ overlayOptions: import("vue").Ref<import("./overlay.store").OverlayOptions>;
5
+ showOverlay: typeof import("./overlay.store").showOverlay;
6
+ closeOverlay: typeof import("./overlay.store").closeOverlay;
7
+ onOverlayClose: typeof import("./overlay.store").onOverlayClose;
264
8
  };
@@ -1,4 +1,5 @@
1
1
  import type { Component } from 'vue';
2
+ import { type Ref } from 'vue';
2
3
  export type OverlayPosition = 'left' | 'right' | 'bottom' | 'top';
3
4
  export type OverlayScope = 'global' | 'parent';
4
5
  export type OverlayCloseReason = 'close' | 'backdrop' | 'escape' | 'replace';
@@ -12,273 +13,19 @@ export type OverlayOptions = {
12
13
  closeOnEscape?: boolean;
13
14
  };
14
15
  export type CloseOverlayCallback = (data?: unknown, reason?: OverlayCloseReason) => void;
16
+ type OverlayStore = {
17
+ hasOverlay: Ref<boolean>;
18
+ overlayComponent: Ref<Component | null>;
19
+ overlayOptions: Ref<OverlayOptions>;
20
+ showOverlay: typeof showOverlay;
21
+ closeOverlay: typeof closeOverlay;
22
+ onOverlayClose: typeof onOverlayClose;
23
+ };
15
24
  export declare const onOverlayClose: (callback: CloseOverlayCallback) => () => void;
16
25
  export declare const showOverlay: (component: Component, options?: OverlayOptions) => {
17
26
  onClose: (callback: CloseOverlayCallback) => () => void;
18
27
  close: (data?: unknown) => void;
19
28
  };
20
29
  export declare const closeOverlay: (data?: unknown, reason?: OverlayCloseReason) => void;
21
- export declare const overlayStore: {
22
- hasOverlay: import("vue").Ref<boolean, boolean>;
23
- overlayComponent: import("vue").Ref<import("vue").FunctionalComponent<any, {}, any, {}> | {
24
- new (...args: any[]): any;
25
- __isFragment?: never;
26
- __isTeleport?: never;
27
- __isSuspense?: never;
28
- } | {
29
- [x: string]: any;
30
- setup?: ((this: void, props: import("@vue/shared").LooseRequired<any>, ctx: {
31
- attrs: {
32
- [x: string]: unknown;
33
- };
34
- slots: Readonly<{
35
- [name: string]: import("vue").Slot<any> | undefined;
36
- }>;
37
- emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
38
- expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed) => void;
39
- }) => any) | undefined;
40
- name?: string | undefined;
41
- template?: string | object | undefined;
42
- render?: Function | undefined;
43
- components?: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
44
- directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
45
- inheritAttrs?: boolean | undefined;
46
- emits?: any;
47
- slots?: {} | undefined;
48
- expose?: string[] | undefined;
49
- serverPrefetch?: (() => void | Promise<any>) | undefined;
50
- compilerOptions?: {
51
- isCustomElement?: ((tag: string) => boolean) | undefined;
52
- whitespace?: "preserve" | "condense" | undefined;
53
- comments?: boolean | undefined;
54
- delimiters?: [string, string] | undefined;
55
- } | undefined;
56
- call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
57
- __isFragment?: never | undefined;
58
- __isTeleport?: never | undefined;
59
- __isSuspense?: never | undefined;
60
- __defaults?: {} | undefined;
61
- compatConfig?: {
62
- GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
63
- GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
64
- GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
65
- GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
66
- GLOBAL_SET?: boolean | "suppress-warning" | undefined;
67
- GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
68
- GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
69
- GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
70
- CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
71
- CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
72
- CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
73
- CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
74
- CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
75
- CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
76
- CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
77
- INSTANCE_SET?: boolean | "suppress-warning" | undefined;
78
- INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
79
- INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
80
- INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
81
- INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
82
- INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
83
- INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
84
- INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
85
- INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
86
- OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
87
- OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
88
- OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
89
- OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
90
- WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
91
- PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
92
- V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
93
- CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
94
- ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
95
- ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
96
- TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
97
- TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
98
- COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
99
- COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
100
- COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
101
- RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
102
- FILTERS?: boolean | "suppress-warning" | undefined;
103
- PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
104
- MODE?: 2 | 3 | ((comp: Component | null) => 2 | 3) | undefined;
105
- } | undefined;
106
- data?: ((this: any, vm: any) => any) | undefined;
107
- computed?: import("vue").ComputedOptions | undefined;
108
- methods?: import("vue").MethodOptions | undefined;
109
- watch?: {
110
- [x: string]: (string | import("vue").WatchCallback | ({
111
- handler: import("vue").WatchCallback | string;
112
- } & import("vue").WatchOptions<boolean>)) | (string | import("vue").WatchCallback | ({
113
- handler: import("vue").WatchCallback | string;
114
- } & import("vue").WatchOptions<boolean>))[];
115
- } | undefined;
116
- provide?: import("vue").ComponentProvideOptions | undefined;
117
- inject?: {} | string[] | undefined;
118
- filters?: Record<string, Function> | undefined;
119
- mixins?: any[] | undefined;
120
- extends?: any;
121
- beforeCreate?: (() => any) | undefined;
122
- created?: (() => any) | undefined;
123
- beforeMount?: (() => any) | undefined;
124
- mounted?: (() => any) | undefined;
125
- beforeUpdate?: (() => any) | undefined;
126
- updated?: (() => any) | undefined;
127
- activated?: (() => any) | undefined;
128
- deactivated?: (() => any) | undefined;
129
- beforeDestroy?: (() => any) | undefined;
130
- beforeUnmount?: (() => any) | undefined;
131
- destroyed?: (() => any) | undefined;
132
- unmounted?: (() => any) | undefined;
133
- renderTracked?: ((e: import("vue").DebuggerEvent) => void) | undefined;
134
- renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | undefined;
135
- errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | undefined;
136
- delimiters?: [string, string] | undefined;
137
- __differentiator?: string | number | symbol | undefined;
138
- __isBuiltIn?: boolean | undefined;
139
- __file?: string | undefined;
140
- __name?: string | undefined;
141
- beforeRouteEnter?: (import("vue-router").TypesConfig extends Record<"beforeRouteEnter", infer T> ? T : import("vue-router").NavigationGuardWithThis<undefined>) | undefined;
142
- beforeRouteUpdate?: (import("vue-router").TypesConfig extends Record<"beforeRouteUpdate", infer T> ? T : import("vue-router").NavigationGuard) | undefined;
143
- beforeRouteLeave?: (import("vue-router").TypesConfig extends Record<"beforeRouteLeave", infer T> ? T : import("vue-router").NavigationGuard) | undefined;
144
- } | null, Component | {
145
- [x: string]: any;
146
- setup?: ((this: void, props: import("@vue/shared").LooseRequired<any>, ctx: {
147
- attrs: {
148
- [x: string]: unknown;
149
- };
150
- slots: Readonly<{
151
- [name: string]: import("vue").Slot<any> | undefined;
152
- }>;
153
- emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
154
- expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed) => void;
155
- }) => any) | undefined;
156
- name?: string | undefined;
157
- template?: string | object | undefined;
158
- render?: Function | undefined;
159
- components?: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
160
- directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
161
- inheritAttrs?: boolean | undefined;
162
- emits?: any;
163
- slots?: {} | undefined;
164
- expose?: string[] | undefined;
165
- serverPrefetch?: (() => void | Promise<any>) | undefined;
166
- compilerOptions?: {
167
- isCustomElement?: ((tag: string) => boolean) | undefined;
168
- whitespace?: "preserve" | "condense" | undefined;
169
- comments?: boolean | undefined;
170
- delimiters?: [string, string] | undefined;
171
- } | undefined;
172
- call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
173
- __isFragment?: never | undefined;
174
- __isTeleport?: never | undefined;
175
- __isSuspense?: never | undefined;
176
- __defaults?: {} | undefined;
177
- compatConfig?: {
178
- GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
179
- GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
180
- GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
181
- GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
182
- GLOBAL_SET?: boolean | "suppress-warning" | undefined;
183
- GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
184
- GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
185
- GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
186
- CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
187
- CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
188
- CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
189
- CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
190
- CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
191
- CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
192
- CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
193
- INSTANCE_SET?: boolean | "suppress-warning" | undefined;
194
- INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
195
- INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
196
- INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
197
- INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
198
- INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
199
- INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
200
- INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
201
- INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
202
- OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
203
- OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
204
- OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
205
- OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
206
- WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
207
- PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
208
- V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
209
- CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
210
- ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
211
- ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
212
- TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
213
- TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
214
- COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
215
- COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
216
- COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
217
- RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
218
- FILTERS?: boolean | "suppress-warning" | undefined;
219
- PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
220
- MODE?: 2 | 3 | ((comp: Component | null) => 2 | 3) | undefined;
221
- } | undefined;
222
- data?: ((this: any, vm: any) => any) | undefined;
223
- computed?: import("vue").ComputedOptions | undefined;
224
- methods?: import("vue").MethodOptions | undefined;
225
- watch?: {
226
- [x: string]: (string | import("vue").WatchCallback | ({
227
- handler: import("vue").WatchCallback | string;
228
- } & import("vue").WatchOptions<boolean>)) | (string | import("vue").WatchCallback | ({
229
- handler: import("vue").WatchCallback | string;
230
- } & import("vue").WatchOptions<boolean>))[];
231
- } | undefined;
232
- provide?: import("vue").ComponentProvideOptions | undefined;
233
- inject?: {} | string[] | undefined;
234
- filters?: Record<string, Function> | undefined;
235
- mixins?: any[] | undefined;
236
- extends?: any;
237
- beforeCreate?: (() => any) | undefined;
238
- created?: (() => any) | undefined;
239
- beforeMount?: (() => any) | undefined;
240
- mounted?: (() => any) | undefined;
241
- beforeUpdate?: (() => any) | undefined;
242
- updated?: (() => any) | undefined;
243
- activated?: (() => any) | undefined;
244
- deactivated?: (() => any) | undefined;
245
- beforeDestroy?: (() => any) | undefined;
246
- beforeUnmount?: (() => any) | undefined;
247
- destroyed?: (() => any) | undefined;
248
- unmounted?: (() => any) | undefined;
249
- renderTracked?: ((e: import("vue").DebuggerEvent) => void) | undefined;
250
- renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | undefined;
251
- errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | undefined;
252
- delimiters?: [string, string] | undefined;
253
- __differentiator?: string | number | symbol | undefined;
254
- __isBuiltIn?: boolean | undefined;
255
- __file?: string | undefined;
256
- __name?: string | undefined;
257
- beforeRouteEnter?: (import("vue-router").TypesConfig extends Record<"beforeRouteEnter", infer T> ? T : import("vue-router").NavigationGuardWithThis<undefined>) | undefined;
258
- beforeRouteUpdate?: (import("vue-router").TypesConfig extends Record<"beforeRouteUpdate", infer T> ? T : import("vue-router").NavigationGuard) | undefined;
259
- beforeRouteLeave?: (import("vue-router").TypesConfig extends Record<"beforeRouteLeave", infer T> ? T : import("vue-router").NavigationGuard) | undefined;
260
- } | null>;
261
- overlayOptions: import("vue").Ref<{
262
- position?: OverlayPosition | undefined;
263
- scope?: OverlayScope | undefined;
264
- size?: string | undefined;
265
- props?: Record<string, unknown> | undefined;
266
- autoFocus?: boolean | undefined;
267
- closeOnBackdrop?: boolean | undefined;
268
- closeOnEscape?: boolean | undefined;
269
- }, OverlayOptions | {
270
- position?: OverlayPosition | undefined;
271
- scope?: OverlayScope | undefined;
272
- size?: string | undefined;
273
- props?: Record<string, unknown> | undefined;
274
- autoFocus?: boolean | undefined;
275
- closeOnBackdrop?: boolean | undefined;
276
- closeOnEscape?: boolean | undefined;
277
- }>;
278
- showOverlay: (component: Component, options?: OverlayOptions) => {
279
- onClose: (callback: CloseOverlayCallback) => () => void;
280
- close: (data?: unknown) => void;
281
- };
282
- closeOverlay: (data?: unknown, reason?: OverlayCloseReason) => void;
283
- onOverlayClose: (callback: CloseOverlayCallback) => () => void;
284
- };
30
+ export declare const overlayStore: OverlayStore;
31
+ export {};
@@ -9,14 +9,29 @@ declare const meta: {
9
9
  secondary?: boolean;
10
10
  tertiary?: boolean;
11
11
  disabled?: boolean;
12
- }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
12
+ loading?: boolean;
13
+ type?: "button" | "submit" | "reset";
14
+ }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
15
+ click: (event: MouseEvent) => any;
16
+ focus: (event: FocusEvent) => any;
17
+ blur: (event: FocusEvent) => any;
18
+ }, string, import("vue").PublicProps, Readonly<{
13
19
  label?: string;
14
20
  icon?: string;
15
21
  primary?: boolean;
16
22
  secondary?: boolean;
17
23
  tertiary?: boolean;
18
24
  disabled?: boolean;
19
- }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
25
+ loading?: boolean;
26
+ type?: "button" | "submit" | "reset";
27
+ }> & Readonly<{
28
+ onClick?: ((event: MouseEvent) => any) | undefined;
29
+ onFocus?: ((event: FocusEvent) => any) | undefined;
30
+ onBlur?: ((event: FocusEvent) => any) | undefined;
31
+ }>, {
32
+ type: "button" | "submit" | "reset";
33
+ loading: boolean;
34
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
20
35
  render: (args: unknown) => {
21
36
  components: {
22
37
  Button: import("vue").DefineComponent<{
@@ -26,14 +41,29 @@ declare const meta: {
26
41
  secondary?: boolean;
27
42
  tertiary?: boolean;
28
43
  disabled?: boolean;
29
- }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
44
+ loading?: boolean;
45
+ type?: "button" | "submit" | "reset";
46
+ }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
47
+ click: (event: MouseEvent) => any;
48
+ focus: (event: FocusEvent) => any;
49
+ blur: (event: FocusEvent) => any;
50
+ }, string, import("vue").PublicProps, Readonly<{
30
51
  label?: string;
31
52
  icon?: string;
32
53
  primary?: boolean;
33
54
  secondary?: boolean;
34
55
  tertiary?: boolean;
35
56
  disabled?: boolean;
36
- }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
57
+ loading?: boolean;
58
+ type?: "button" | "submit" | "reset";
59
+ }> & Readonly<{
60
+ onClick?: ((event: MouseEvent) => any) | undefined;
61
+ onFocus?: ((event: FocusEvent) => any) | undefined;
62
+ onBlur?: ((event: FocusEvent) => any) | undefined;
63
+ }>, {
64
+ type: "button" | "submit" | "reset";
65
+ loading: boolean;
66
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
37
67
  };
38
68
  setup(this: void): {
39
69
  args: unknown;
@@ -62,6 +92,14 @@ declare const meta: {
62
92
  control: "boolean";
63
93
  description: string;
64
94
  };
95
+ loading: {
96
+ control: "boolean";
97
+ description: string;
98
+ };
99
+ type: {
100
+ control: "select";
101
+ options: string[];
102
+ };
65
103
  };
66
104
  args: {};
67
105
  };
@@ -73,5 +111,6 @@ export declare const Tertiary: Story;
73
111
  export declare const WithIcon: Story;
74
112
  export declare const IconOnly: Story;
75
113
  export declare const DisabledStates: Story;
114
+ export declare const LoadingStates: Story;
76
115
  export declare const LinkButton: Story;
77
116
  export declare const InButtonBar: Story;