vuetify 3.1.10 → 3.1.11

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 (200) hide show
  1. package/dist/json/attributes.json +203 -27
  2. package/dist/json/importMap.json +98 -98
  3. package/dist/json/tags.json +46 -2
  4. package/dist/json/web-types.json +481 -49
  5. package/dist/vuetify-labs.css +224 -204
  6. package/dist/vuetify-labs.d.ts +56923 -14294
  7. package/dist/vuetify-labs.esm.js +121 -129
  8. package/dist/vuetify-labs.esm.js.map +1 -1
  9. package/dist/vuetify-labs.js +121 -129
  10. package/dist/vuetify-labs.min.css +2 -2
  11. package/dist/vuetify.css +47 -39
  12. package/dist/vuetify.d.ts +55374 -15927
  13. package/dist/vuetify.esm.js +118 -129
  14. package/dist/vuetify.esm.js.map +1 -1
  15. package/dist/vuetify.js +118 -129
  16. package/dist/vuetify.js.map +1 -1
  17. package/dist/vuetify.min.css +2 -2
  18. package/dist/vuetify.min.js +640 -642
  19. package/dist/vuetify.min.js.map +1 -1
  20. package/lib/blueprints/index.d.ts +6 -9
  21. package/lib/blueprints/md1.d.ts +6 -9
  22. package/lib/blueprints/md2.d.ts +6 -9
  23. package/lib/blueprints/md3.d.ts +6 -9
  24. package/lib/blueprints/md3.mjs +6 -0
  25. package/lib/blueprints/md3.mjs.map +1 -1
  26. package/lib/components/VAlert/index.d.ts +509 -83
  27. package/lib/components/VApp/VApp.css +1 -0
  28. package/lib/components/VApp/VApp.sass +1 -0
  29. package/lib/components/VApp/index.d.ts +158 -20
  30. package/lib/components/VAppBar/VAppBar.mjs +2 -2
  31. package/lib/components/VAppBar/VAppBar.mjs.map +1 -1
  32. package/lib/components/VAppBar/index.d.ts +616 -110
  33. package/lib/components/VAutocomplete/VAutocomplete.mjs +2 -2
  34. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  35. package/lib/components/VAutocomplete/index.d.ts +1656 -130
  36. package/lib/components/VAvatar/index.d.ts +205 -29
  37. package/lib/components/VBadge/index.d.ts +284 -42
  38. package/lib/components/VBanner/index.d.ts +478 -84
  39. package/lib/components/VBottomNavigation/index.d.ts +321 -40
  40. package/lib/components/VBreadcrumbs/index.d.ts +325 -45
  41. package/lib/components/VBtn/VBtn.css +0 -5
  42. package/lib/components/VBtn/VBtn.mjs +40 -39
  43. package/lib/components/VBtn/VBtn.mjs.map +1 -1
  44. package/lib/components/VBtn/VBtn.sass +0 -7
  45. package/lib/components/VBtn/_variables.scss +0 -2
  46. package/lib/components/VBtn/index.d.ts +452 -69
  47. package/lib/components/VBtnGroup/VBtnGroup.mjs +1 -7
  48. package/lib/components/VBtnGroup/VBtnGroup.mjs.map +1 -1
  49. package/lib/components/VBtnGroup/index.d.ts +185 -26
  50. package/lib/components/VBtnToggle/VBtnToggle.mjs +2 -2
  51. package/lib/components/VBtnToggle/VBtnToggle.mjs.map +1 -1
  52. package/lib/components/VBtnToggle/index.d.ts +245 -35
  53. package/lib/components/VCard/index.d.ts +938 -172
  54. package/lib/components/VCarousel/index.d.ts +561 -123
  55. package/lib/components/VCheckbox/VCheckbox.mjs +2 -2
  56. package/lib/components/VCheckbox/VCheckbox.mjs.map +1 -1
  57. package/lib/components/VCheckbox/VCheckboxBtn.mjs +1 -4
  58. package/lib/components/VCheckbox/VCheckboxBtn.mjs.map +1 -1
  59. package/lib/components/VCheckbox/index.d.ts +831 -147
  60. package/lib/components/VChip/index.d.ts +473 -75
  61. package/lib/components/VChipGroup/index.d.ts +227 -32
  62. package/lib/components/VCode/index.d.ts +109 -16
  63. package/lib/components/VColorPicker/index.d.ts +284 -20
  64. package/lib/components/VCombobox/VCombobox.mjs +2 -2
  65. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  66. package/lib/components/VCombobox/index.d.ts +1668 -130
  67. package/lib/components/VCounter/index.d.ts +1894 -87
  68. package/lib/components/VDefaultsProvider/index.d.ts +131 -22
  69. package/lib/components/VDialog/VDialog.css +31 -24
  70. package/lib/components/VDialog/VDialog.mjs +2 -2
  71. package/lib/components/VDialog/VDialog.mjs.map +1 -1
  72. package/lib/components/VDialog/VDialog.sass +19 -12
  73. package/lib/components/VDialog/index.d.ts +2362 -146
  74. package/lib/components/VDivider/index.d.ts +130 -23
  75. package/lib/components/VExpansionPanel/index.d.ts +719 -119
  76. package/lib/components/VField/index.d.ts +163 -21
  77. package/lib/components/VFileInput/index.d.ts +1038 -104
  78. package/lib/components/VFooter/index.d.ts +203 -28
  79. package/lib/components/VForm/index.d.ts +204 -23
  80. package/lib/components/VGrid/VCol.mjs +6 -5
  81. package/lib/components/VGrid/VCol.mjs.map +1 -1
  82. package/lib/components/VGrid/VRow.mjs +4 -4
  83. package/lib/components/VGrid/VRow.mjs.map +1 -1
  84. package/lib/components/VGrid/index.d.ts +733 -76
  85. package/lib/components/VHover/index.d.ts +182 -35
  86. package/lib/components/VIcon/index.d.ts +494 -50
  87. package/lib/components/VImg/index.d.ts +275 -46
  88. package/lib/components/VInput/index.d.ts +315 -53
  89. package/lib/components/VItemGroup/index.d.ts +308 -52
  90. package/lib/components/VKbd/VKbd.css +1 -0
  91. package/lib/components/VKbd/VKbd.sass +1 -0
  92. package/lib/components/VKbd/_variables.scss +1 -0
  93. package/lib/components/VKbd/index.d.ts +109 -16
  94. package/lib/components/VLabel/index.d.ts +113 -20
  95. package/lib/components/VLayout/index.d.ts +296 -41
  96. package/lib/components/VLazy/VLazy.mjs +4 -1
  97. package/lib/components/VLazy/VLazy.mjs.map +1 -1
  98. package/lib/components/VLazy/index.d.ts +219 -30
  99. package/lib/components/VList/VListChildren.mjs +2 -2
  100. package/lib/components/VList/VListChildren.mjs.map +1 -1
  101. package/lib/components/VList/VListGroup.mjs +1 -4
  102. package/lib/components/VList/VListGroup.mjs.map +1 -1
  103. package/lib/components/VList/index.d.ts +1461 -223
  104. package/lib/components/VLocaleProvider/index.d.ts +121 -20
  105. package/lib/components/VMain/index.d.ts +118 -17
  106. package/lib/components/VMenu/VMenu.css +4 -4
  107. package/lib/components/VMenu/VMenu.mjs +2 -2
  108. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  109. package/lib/components/VMenu/VMenu.sass +1 -1
  110. package/lib/components/VMenu/index.d.ts +2368 -142
  111. package/lib/components/VMessages/index.d.ts +1921 -98
  112. package/lib/components/VNavigationDrawer/index.d.ts +379 -56
  113. package/lib/components/VOverlay/VOverlay.css +2 -2
  114. package/lib/components/VOverlay/VOverlay.mjs +1 -4
  115. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  116. package/lib/components/VOverlay/VOverlay.sass +1 -1
  117. package/lib/components/VOverlay/_variables.scss +1 -1
  118. package/lib/components/VOverlay/index.d.ts +519 -85
  119. package/lib/components/VPagination/index.d.ts +502 -68
  120. package/lib/components/VParallax/VParallax.mjs +3 -3
  121. package/lib/components/VParallax/VParallax.mjs.map +1 -1
  122. package/lib/components/VParallax/index.d.ts +141 -28
  123. package/lib/components/VProgressCircular/index.d.ts +186 -25
  124. package/lib/components/VProgressLinear/index.d.ts +319 -48
  125. package/lib/components/VRadio/index.d.ts +313 -57
  126. package/lib/components/VRadioGroup/VRadioGroup.mjs +4 -6
  127. package/lib/components/VRadioGroup/VRadioGroup.mjs.map +1 -1
  128. package/lib/components/VRadioGroup/index.d.ts +463 -83
  129. package/lib/components/VRangeSlider/index.d.ts +528 -80
  130. package/lib/components/VRating/index.d.ts +305 -43
  131. package/lib/components/VResponsive/index.d.ts +142 -27
  132. package/lib/components/VSelect/VSelect.mjs +2 -2
  133. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  134. package/lib/components/VSelect/index.d.ts +3060 -328
  135. package/lib/components/VSelectionControl/VSelectionControl.mjs +1 -4
  136. package/lib/components/VSelectionControl/VSelectionControl.mjs.map +1 -1
  137. package/lib/components/VSelectionControl/index.d.ts +76 -4
  138. package/lib/components/VSelectionControlGroup/index.d.ts +242 -38
  139. package/lib/components/VSheet/VSheet.mjs +1 -7
  140. package/lib/components/VSheet/VSheet.mjs.map +1 -1
  141. package/lib/components/VSheet/index.d.ts +194 -31
  142. package/lib/components/VSlideGroup/index.d.ts +475 -83
  143. package/lib/components/VSlider/index.d.ts +521 -79
  144. package/lib/components/VSlider/slider.mjs +2 -5
  145. package/lib/components/VSlider/slider.mjs.map +1 -1
  146. package/lib/components/VSnackbar/VSnackbar.mjs +2 -2
  147. package/lib/components/VSnackbar/VSnackbar.mjs.map +1 -1
  148. package/lib/components/VSnackbar/index.d.ts +1219 -81
  149. package/lib/components/VSwitch/VSwitch.mjs +2 -2
  150. package/lib/components/VSwitch/VSwitch.mjs.map +1 -1
  151. package/lib/components/VSwitch/index.d.ts +498 -92
  152. package/lib/components/VSystemBar/index.d.ts +184 -27
  153. package/lib/components/VTable/index.d.ts +190 -35
  154. package/lib/components/VTabs/VTab.mjs +7 -23
  155. package/lib/components/VTabs/VTab.mjs.map +1 -1
  156. package/lib/components/VTabs/index.d.ts +623 -71
  157. package/lib/components/VTextField/VTextField.mjs +8 -5
  158. package/lib/components/VTextField/VTextField.mjs.map +1 -1
  159. package/lib/components/VTextField/index.d.ts +1404 -106
  160. package/lib/components/VTextarea/VTextarea.mjs +7 -1
  161. package/lib/components/VTextarea/VTextarea.mjs.map +1 -1
  162. package/lib/components/VTextarea/index.d.ts +1014 -102
  163. package/lib/components/VThemeProvider/index.d.ts +124 -19
  164. package/lib/components/VTimeline/index.d.ts +441 -71
  165. package/lib/components/VToolbar/VToolbar.mjs +1 -4
  166. package/lib/components/VToolbar/VToolbar.mjs.map +1 -1
  167. package/lib/components/VToolbar/index.d.ts +542 -93
  168. package/lib/components/VTooltip/VTooltip.css +3 -3
  169. package/lib/components/VTooltip/VTooltip.mjs +2 -2
  170. package/lib/components/VTooltip/VTooltip.mjs.map +1 -1
  171. package/lib/components/VTooltip/VTooltip.sass +1 -1
  172. package/lib/components/VTooltip/index.d.ts +1263 -81
  173. package/lib/components/VValidation/index.d.ts +201 -30
  174. package/lib/components/VWindow/index.d.ts +527 -95
  175. package/lib/components/index.d.ts +55131 -15681
  176. package/lib/components/transitions/index.d.ts +2097 -308
  177. package/lib/composables/display.mjs +2 -0
  178. package/lib/composables/display.mjs.map +1 -1
  179. package/lib/composables/form.mjs.map +1 -1
  180. package/lib/entry-bundler.mjs +1 -1
  181. package/lib/framework.mjs +1 -1
  182. package/lib/index.d.ts +32 -35
  183. package/lib/labs/VDataTable/VDataTable.css +12 -0
  184. package/lib/labs/VDataTable/VDataTable.sass +6 -0
  185. package/lib/labs/VDataTable/VDataTableRow.mjs +2 -0
  186. package/lib/labs/VDataTable/VDataTableRow.mjs.map +1 -1
  187. package/lib/labs/VDataTable/VDataTableRows.mjs +1 -0
  188. package/lib/labs/VDataTable/VDataTableRows.mjs.map +1 -1
  189. package/lib/labs/VDataTable/index.d.ts +4176 -1016
  190. package/lib/labs/VVirtualScroll/index.d.ts +32 -1
  191. package/lib/labs/components.d.ts +4212 -1026
  192. package/lib/styles/main.css +4 -0
  193. package/lib/styles/settings/_utilities.scss +7 -0
  194. package/lib/util/animation.mjs +8 -1
  195. package/lib/util/animation.mjs.map +1 -1
  196. package/lib/util/defineComponent.mjs +12 -5
  197. package/lib/util/defineComponent.mjs.map +1 -1
  198. package/lib/util/helpers.mjs +4 -0
  199. package/lib/util/helpers.mjs.map +1 -1
  200. package/package.json +3 -2
@@ -1,5 +1,5 @@
1
1
  import * as vue from 'vue';
2
- import { Ref, DeepReadonly } from 'vue';
2
+ import { Ref, DeepReadonly, ComponentPropsOptions, ExtractPropTypes } from 'vue';
3
3
 
4
4
  interface InternalThemeDefinition {
5
5
  dark: boolean;
@@ -43,7 +43,148 @@ interface ThemeInstance {
43
43
  };
44
44
  }
45
45
 
46
- declare const VApp: vue.DefineComponent<{
46
+ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
47
+ filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): [yes: Partial<Pick<T, U>>, no: Omit<T, U>];
48
+ }
49
+
50
+ declare const VApp: {
51
+ new (...args: any[]): {
52
+ $: vue.ComponentInternalInstance;
53
+ $data: {};
54
+ $props: Partial<{
55
+ fullHeight: boolean;
56
+ }> & Omit<{
57
+ fullHeight: boolean;
58
+ } & {
59
+ theme?: string | undefined;
60
+ overlaps?: string[] | undefined;
61
+ } & {
62
+ $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
63
+ default?: (() => vue.VNodeChild) | undefined;
64
+ };
65
+ $slots?: {
66
+ default?: (() => vue.VNodeChild) | undefined;
67
+ } | undefined;
68
+ 'v-slots'?: {
69
+ default?: false | (() => vue.VNodeChild) | undefined;
70
+ } | undefined;
71
+ } & {
72
+ "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
73
+ } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "fullHeight">;
74
+ $attrs: {
75
+ [x: string]: unknown;
76
+ };
77
+ $refs: {
78
+ [x: string]: unknown;
79
+ };
80
+ $slots: Readonly<{
81
+ [name: string]: vue.Slot | undefined;
82
+ }>;
83
+ $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
84
+ $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
85
+ $emit: (event: string, ...args: any[]) => void;
86
+ $el: any;
87
+ $options: vue.ComponentOptionsBase<{
88
+ fullHeight: boolean;
89
+ } & {
90
+ theme?: string | undefined;
91
+ overlaps?: string[] | undefined;
92
+ } & {
93
+ $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
94
+ default?: (() => vue.VNodeChild) | undefined;
95
+ };
96
+ $slots?: {
97
+ default?: (() => vue.VNodeChild) | undefined;
98
+ } | undefined;
99
+ 'v-slots'?: {
100
+ default?: false | (() => vue.VNodeChild) | undefined;
101
+ } | undefined;
102
+ } & {
103
+ "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
104
+ }, {
105
+ getLayoutItem: (id: string) => {
106
+ size: number;
107
+ position: "left" | "top" | "bottom" | "right";
108
+ top: number;
109
+ bottom: number;
110
+ left: number;
111
+ right: number;
112
+ id: string;
113
+ } | undefined;
114
+ items: vue.ComputedRef<{
115
+ size: number;
116
+ position: "left" | "top" | "bottom" | "right";
117
+ top: number;
118
+ bottom: number;
119
+ left: number;
120
+ right: number;
121
+ id: string;
122
+ }[]>;
123
+ theme: ThemeInstance;
124
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
125
+ fullHeight: boolean;
126
+ }, {}, string> & {
127
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
128
+ created?: ((() => void) | (() => void)[]) | undefined;
129
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
130
+ mounted?: ((() => void) | (() => void)[]) | undefined;
131
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
132
+ updated?: ((() => void) | (() => void)[]) | undefined;
133
+ activated?: ((() => void) | (() => void)[]) | undefined;
134
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
135
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
136
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
137
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
138
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
139
+ renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
140
+ renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
141
+ errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
142
+ };
143
+ $forceUpdate: () => void;
144
+ $nextTick: typeof vue.nextTick;
145
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
146
+ } & {
147
+ fullHeight: boolean;
148
+ } & {
149
+ theme?: string | undefined;
150
+ overlaps?: string[] | undefined;
151
+ } & {
152
+ $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
153
+ default?: (() => vue.VNodeChild) | undefined;
154
+ };
155
+ $slots?: {
156
+ default?: (() => vue.VNodeChild) | undefined;
157
+ } | undefined;
158
+ 'v-slots'?: {
159
+ default?: false | (() => vue.VNodeChild) | undefined;
160
+ } | undefined;
161
+ } & {
162
+ "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
163
+ } & vue.ShallowUnwrapRef<{
164
+ getLayoutItem: (id: string) => {
165
+ size: number;
166
+ position: "left" | "top" | "bottom" | "right";
167
+ top: number;
168
+ bottom: number;
169
+ left: number;
170
+ right: number;
171
+ id: string;
172
+ } | undefined;
173
+ items: vue.ComputedRef<{
174
+ size: number;
175
+ position: "left" | "top" | "bottom" | "right";
176
+ top: number;
177
+ bottom: number;
178
+ left: number;
179
+ right: number;
180
+ id: string;
181
+ }[]>;
182
+ theme: ThemeInstance;
183
+ }> & {} & vue.ComponentCustomProperties & {};
184
+ __isFragment?: undefined;
185
+ __isTeleport?: undefined;
186
+ __isSuspense?: undefined;
187
+ } & vue.ComponentOptionsBase<{
47
188
  fullHeight: boolean;
48
189
  } & {
49
190
  theme?: string | undefined;
@@ -80,26 +221,23 @@ declare const VApp: vue.DefineComponent<{
80
221
  id: string;
81
222
  }[]>;
82
223
  theme: ThemeInstance;
83
- }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
224
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
84
225
  fullHeight: boolean;
85
- } & {
86
- theme?: string | undefined;
87
- overlaps?: string[] | undefined;
88
- } & {
89
- $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
90
- default?: (() => vue.VNodeChild) | undefined;
226
+ }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
227
+ theme: StringConstructor;
228
+ overlaps: vue.Prop<string[], string[]>;
229
+ fullHeight: {
230
+ type: vue.PropType<boolean>;
231
+ default: boolean;
91
232
  };
92
- $slots?: {
93
- default?: (() => vue.VNodeChild) | undefined;
94
- } | undefined;
95
- 'v-slots'?: {
96
- default?: false | (() => vue.VNodeChild) | undefined;
97
- } | undefined;
98
- } & {
99
- "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
100
- }, {
101
- fullHeight: boolean;
102
- }>;
233
+ }, vue.ExtractPropTypes<{
234
+ theme: StringConstructor;
235
+ overlaps: vue.Prop<string[], string[]>;
236
+ fullHeight: {
237
+ type: vue.PropType<boolean>;
238
+ default: boolean;
239
+ };
240
+ }>>;
103
241
  type VApp = InstanceType<typeof VApp>;
104
242
 
105
243
  export { VApp };
@@ -3,7 +3,7 @@ import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirectiv
3
3
  import "./VAppBar.css";
4
4
 
5
5
  // Components
6
- import { filterToolbarProps, makeVToolbarProps, VToolbar } from "../VToolbar/VToolbar.mjs"; // Composables
6
+ import { makeVToolbarProps, VToolbar } from "../VToolbar/VToolbar.mjs"; // Composables
7
7
  import { makeLayoutItemProps, useLayoutItem } from "../../composables/layout.mjs";
8
8
  import { useProxiedModel } from "../../composables/proxiedModel.mjs";
9
9
  import { useSsrBoot } from "../../composables/ssrBoot.mjs"; // Utilities
@@ -64,7 +64,7 @@ export const VAppBar = genericComponent()({
64
64
  absolute: toRef(props, 'absolute')
65
65
  });
66
66
  useRender(() => {
67
- const [toolbarProps] = filterToolbarProps(props);
67
+ const [toolbarProps] = VToolbar.filterProps(props);
68
68
  return _createVNode(VToolbar, _mergeProps({
69
69
  "ref": vToolbarRef,
70
70
  "class": ['v-app-bar', {
@@ -1 +1 @@
1
- {"version":3,"file":"VAppBar.mjs","names":["filterToolbarProps","makeVToolbarProps","VToolbar","makeLayoutItemProps","useLayoutItem","useProxiedModel","useSsrBoot","computed","ref","toRef","genericComponent","useRender","VAppBar","name","props","modelValue","type","Boolean","default","location","String","validator","value","includes","height","Number","emits","setup","slots","vToolbarRef","isActive","contentHeight","extensionHeight","ssrBootStyles","layoutItemStyles","id","order","parseInt","position","layoutSize","elementSize","active","absolute","toolbarProps","undefined"],"sources":["../../../src/components/VAppBar/VAppBar.tsx"],"sourcesContent":["// Styles\nimport './VAppBar.sass'\n\n// Components\nimport { filterToolbarProps, makeVToolbarProps, VToolbar } from '@/components/VToolbar/VToolbar'\n\n// Composables\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useSsrBoot } from '@/composables/ssrBoot'\n\n// Utilities\nimport { computed, ref, toRef } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VToolbarSlots } from '@/components/VToolbar/VToolbar'\n\nexport const VAppBar = genericComponent<VToolbarSlots>()({\n name: 'VAppBar',\n\n props: {\n // TODO: Implement scrolling techniques\n // hideOnScroll: Boolean\n // invertedScroll: Boolean\n // collapseOnScroll: Boolean\n // elevateOnScroll: Boolean\n // shrinkOnScroll: Boolean\n // fadeImageOnScroll: Boolean\n modelValue: {\n type: Boolean,\n default: true,\n },\n location: {\n type: String as PropType<'top' | 'bottom'>,\n default: 'top',\n validator: (value: any) => ['top', 'bottom'].includes(value),\n },\n\n ...makeVToolbarProps(),\n ...makeLayoutItemProps(),\n\n height: {\n type: [Number, String],\n default: 64,\n },\n },\n\n emits: {\n 'update:modelValue': (value: boolean) => true,\n },\n\n setup (props, { slots }) {\n const vToolbarRef = ref()\n const isActive = useProxiedModel(props, 'modelValue')\n const height = computed(() => {\n const height: number = vToolbarRef.value?.contentHeight ?? 0\n const extensionHeight: number = vToolbarRef.value?.extensionHeight ?? 0\n\n return (height + extensionHeight)\n })\n const { ssrBootStyles } = useSsrBoot()\n const { layoutItemStyles } = useLayoutItem({\n id: props.name,\n order: computed(() => parseInt(props.order, 10)),\n position: toRef(props, 'location'),\n layoutSize: height,\n elementSize: height,\n active: isActive,\n absolute: toRef(props, 'absolute'),\n })\n\n useRender(() => {\n const [toolbarProps] = filterToolbarProps(props)\n\n return (\n <VToolbar\n ref={ vToolbarRef }\n class={[\n 'v-app-bar',\n {\n 'v-app-bar--bottom': props.location === 'bottom',\n },\n ]}\n style={{\n ...layoutItemStyles.value,\n height: undefined,\n ...ssrBootStyles.value,\n }}\n { ...toolbarProps }\n v-slots={ slots }\n />\n )\n })\n\n return {}\n },\n})\n\nexport type VAppBar = InstanceType<typeof VAppBar>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,kBAAkB,EAAEC,iBAAiB,EAAEC,QAAQ,oCAExD;AAAA,SACSC,mBAAmB,EAAEC,aAAa;AAAA,SAClCC,eAAe;AAAA,SACfC,UAAU,yCAEnB;AACA,SAASC,QAAQ,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAA,SACjCC,gBAAgB,EAAEC,SAAS,gCAEpC;AAIA,OAAO,MAAMC,OAAO,GAAGF,gBAAgB,EAAiB,CAAC;EACvDG,IAAI,EAAE,SAAS;EAEfC,KAAK,EAAE;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACAC,UAAU,EAAE;MACVC,IAAI,EAAEC,OAAO;MACbC,OAAO,EAAE;IACX,CAAC;IACDC,QAAQ,EAAE;MACRH,IAAI,EAAEI,MAAoC;MAC1CF,OAAO,EAAE,KAAK;MACdG,SAAS,EAAGC,KAAU,IAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAACC,QAAQ,CAACD,KAAK;IAC7D,CAAC;IAED,GAAGrB,iBAAiB,EAAE;IACtB,GAAGE,mBAAmB,EAAE;IAExBqB,MAAM,EAAE;MACNR,IAAI,EAAE,CAACS,MAAM,EAAEL,MAAM,CAAC;MACtBF,OAAO,EAAE;IACX;EACF,CAAC;EAEDQ,KAAK,EAAE;IACL,mBAAmB,EAAGJ,KAAc,IAAK;EAC3C,CAAC;EAEDK,KAAK,CAAEb,KAAK,QAAa;IAAA,IAAX;MAAEc;IAAM,CAAC;IACrB,MAAMC,WAAW,GAAGrB,GAAG,EAAE;IACzB,MAAMsB,QAAQ,GAAGzB,eAAe,CAACS,KAAK,EAAE,YAAY,CAAC;IACrD,MAAMU,MAAM,GAAGjB,QAAQ,CAAC,MAAM;MAC5B,MAAMiB,MAAc,GAAGK,WAAW,CAACP,KAAK,EAAES,aAAa,IAAI,CAAC;MAC5D,MAAMC,eAAuB,GAAGH,WAAW,CAACP,KAAK,EAAEU,eAAe,IAAI,CAAC;MAEvE,OAAQR,MAAM,GAAGQ,eAAe;IAClC,CAAC,CAAC;IACF,MAAM;MAAEC;IAAc,CAAC,GAAG3B,UAAU,EAAE;IACtC,MAAM;MAAE4B;IAAiB,CAAC,GAAG9B,aAAa,CAAC;MACzC+B,EAAE,EAAErB,KAAK,CAACD,IAAI;MACduB,KAAK,EAAE7B,QAAQ,CAAC,MAAM8B,QAAQ,CAACvB,KAAK,CAACsB,KAAK,EAAE,EAAE,CAAC,CAAC;MAChDE,QAAQ,EAAE7B,KAAK,CAACK,KAAK,EAAE,UAAU,CAAC;MAClCyB,UAAU,EAAEf,MAAM;MAClBgB,WAAW,EAAEhB,MAAM;MACnBiB,MAAM,EAAEX,QAAQ;MAChBY,QAAQ,EAAEjC,KAAK,CAACK,KAAK,EAAE,UAAU;IACnC,CAAC,CAAC;IAEFH,SAAS,CAAC,MAAM;MACd,MAAM,CAACgC,YAAY,CAAC,GAAG3C,kBAAkB,CAACc,KAAK,CAAC;MAEhD;QAAA,OAEUe,WAAW;QAAA,SACV,CACL,WAAW,EACX;UACE,mBAAmB,EAAEf,KAAK,CAACK,QAAQ,KAAK;QAC1C,CAAC,CACF;QAAA,SACM;UACL,GAAGe,gBAAgB,CAACZ,KAAK;UACzBE,MAAM,EAAEoB,SAAS;UACjB,GAAGX,aAAa,CAACX;QACnB;MAAC,GACIqB,YAAY,GACPf,KAAK;IAGrB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
1
+ {"version":3,"file":"VAppBar.mjs","names":["makeVToolbarProps","VToolbar","makeLayoutItemProps","useLayoutItem","useProxiedModel","useSsrBoot","computed","ref","toRef","genericComponent","useRender","VAppBar","name","props","modelValue","type","Boolean","default","location","String","validator","value","includes","height","Number","emits","setup","slots","vToolbarRef","isActive","contentHeight","extensionHeight","ssrBootStyles","layoutItemStyles","id","order","parseInt","position","layoutSize","elementSize","active","absolute","toolbarProps","filterProps","undefined"],"sources":["../../../src/components/VAppBar/VAppBar.tsx"],"sourcesContent":["// Styles\nimport './VAppBar.sass'\n\n// Components\nimport { makeVToolbarProps, VToolbar } from '@/components/VToolbar/VToolbar'\n\n// Composables\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useSsrBoot } from '@/composables/ssrBoot'\n\n// Utilities\nimport { computed, ref, toRef } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VToolbarSlots } from '@/components/VToolbar/VToolbar'\n\nexport const VAppBar = genericComponent<VToolbarSlots>()({\n name: 'VAppBar',\n\n props: {\n // TODO: Implement scrolling techniques\n // hideOnScroll: Boolean\n // invertedScroll: Boolean\n // collapseOnScroll: Boolean\n // elevateOnScroll: Boolean\n // shrinkOnScroll: Boolean\n // fadeImageOnScroll: Boolean\n modelValue: {\n type: Boolean,\n default: true,\n },\n location: {\n type: String as PropType<'top' | 'bottom'>,\n default: 'top',\n validator: (value: any) => ['top', 'bottom'].includes(value),\n },\n\n ...makeVToolbarProps(),\n ...makeLayoutItemProps(),\n\n height: {\n type: [Number, String],\n default: 64,\n },\n },\n\n emits: {\n 'update:modelValue': (value: boolean) => true,\n },\n\n setup (props, { slots }) {\n const vToolbarRef = ref()\n const isActive = useProxiedModel(props, 'modelValue')\n const height = computed(() => {\n const height: number = vToolbarRef.value?.contentHeight ?? 0\n const extensionHeight: number = vToolbarRef.value?.extensionHeight ?? 0\n\n return (height + extensionHeight)\n })\n const { ssrBootStyles } = useSsrBoot()\n const { layoutItemStyles } = useLayoutItem({\n id: props.name,\n order: computed(() => parseInt(props.order, 10)),\n position: toRef(props, 'location'),\n layoutSize: height,\n elementSize: height,\n active: isActive,\n absolute: toRef(props, 'absolute'),\n })\n\n useRender(() => {\n const [toolbarProps] = VToolbar.filterProps(props)\n\n return (\n <VToolbar\n ref={ vToolbarRef }\n class={[\n 'v-app-bar',\n {\n 'v-app-bar--bottom': props.location === 'bottom',\n },\n ]}\n style={{\n ...layoutItemStyles.value,\n height: undefined,\n ...ssrBootStyles.value,\n }}\n { ...toolbarProps }\n v-slots={ slots }\n />\n )\n })\n\n return {}\n },\n})\n\nexport type VAppBar = InstanceType<typeof VAppBar>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,iBAAiB,EAAEC,QAAQ,oCAEpC;AAAA,SACSC,mBAAmB,EAAEC,aAAa;AAAA,SAClCC,eAAe;AAAA,SACfC,UAAU,yCAEnB;AACA,SAASC,QAAQ,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAA,SACjCC,gBAAgB,EAAEC,SAAS,gCAEpC;AAIA,OAAO,MAAMC,OAAO,GAAGF,gBAAgB,EAAiB,CAAC;EACvDG,IAAI,EAAE,SAAS;EAEfC,KAAK,EAAE;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACAC,UAAU,EAAE;MACVC,IAAI,EAAEC,OAAO;MACbC,OAAO,EAAE;IACX,CAAC;IACDC,QAAQ,EAAE;MACRH,IAAI,EAAEI,MAAoC;MAC1CF,OAAO,EAAE,KAAK;MACdG,SAAS,EAAGC,KAAU,IAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAACC,QAAQ,CAACD,KAAK;IAC7D,CAAC;IAED,GAAGrB,iBAAiB,EAAE;IACtB,GAAGE,mBAAmB,EAAE;IAExBqB,MAAM,EAAE;MACNR,IAAI,EAAE,CAACS,MAAM,EAAEL,MAAM,CAAC;MACtBF,OAAO,EAAE;IACX;EACF,CAAC;EAEDQ,KAAK,EAAE;IACL,mBAAmB,EAAGJ,KAAc,IAAK;EAC3C,CAAC;EAEDK,KAAK,CAAEb,KAAK,QAAa;IAAA,IAAX;MAAEc;IAAM,CAAC;IACrB,MAAMC,WAAW,GAAGrB,GAAG,EAAE;IACzB,MAAMsB,QAAQ,GAAGzB,eAAe,CAACS,KAAK,EAAE,YAAY,CAAC;IACrD,MAAMU,MAAM,GAAGjB,QAAQ,CAAC,MAAM;MAC5B,MAAMiB,MAAc,GAAGK,WAAW,CAACP,KAAK,EAAES,aAAa,IAAI,CAAC;MAC5D,MAAMC,eAAuB,GAAGH,WAAW,CAACP,KAAK,EAAEU,eAAe,IAAI,CAAC;MAEvE,OAAQR,MAAM,GAAGQ,eAAe;IAClC,CAAC,CAAC;IACF,MAAM;MAAEC;IAAc,CAAC,GAAG3B,UAAU,EAAE;IACtC,MAAM;MAAE4B;IAAiB,CAAC,GAAG9B,aAAa,CAAC;MACzC+B,EAAE,EAAErB,KAAK,CAACD,IAAI;MACduB,KAAK,EAAE7B,QAAQ,CAAC,MAAM8B,QAAQ,CAACvB,KAAK,CAACsB,KAAK,EAAE,EAAE,CAAC,CAAC;MAChDE,QAAQ,EAAE7B,KAAK,CAACK,KAAK,EAAE,UAAU,CAAC;MAClCyB,UAAU,EAAEf,MAAM;MAClBgB,WAAW,EAAEhB,MAAM;MACnBiB,MAAM,EAAEX,QAAQ;MAChBY,QAAQ,EAAEjC,KAAK,CAACK,KAAK,EAAE,UAAU;IACnC,CAAC,CAAC;IAEFH,SAAS,CAAC,MAAM;MACd,MAAM,CAACgC,YAAY,CAAC,GAAGzC,QAAQ,CAAC0C,WAAW,CAAC9B,KAAK,CAAC;MAElD;QAAA,OAEUe,WAAW;QAAA,SACV,CACL,WAAW,EACX;UACE,mBAAmB,EAAEf,KAAK,CAACK,QAAQ,KAAK;QAC1C,CAAC,CACF;QAAA,SACM;UACL,GAAGe,gBAAgB,CAACZ,KAAK;UACzBE,MAAM,EAAEqB,SAAS;UACjB,GAAGZ,aAAa,CAACX;QACnB;MAAC,GACIqB,YAAY,GACPf,KAAK;IAGrB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}