@vuetify/nightly 3.7.0-master.2024-08-21 → 3.7.0-master.2024-08-26

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 (55) hide show
  1. package/dist/json/importMap-labs.json +16 -16
  2. package/dist/json/importMap.json +128 -128
  3. package/dist/json/web-types.json +12 -1
  4. package/dist/vuetify-labs.css +2915 -2915
  5. package/dist/vuetify-labs.d.ts +1845 -36
  6. package/dist/vuetify-labs.esm.js +7 -3
  7. package/dist/vuetify-labs.esm.js.map +1 -1
  8. package/dist/vuetify-labs.js +7 -3
  9. package/dist/vuetify-labs.min.css +2 -2
  10. package/dist/vuetify.css +704 -704
  11. package/dist/vuetify.d.ts +400 -70
  12. package/dist/vuetify.esm.js +7 -3
  13. package/dist/vuetify.esm.js.map +1 -1
  14. package/dist/vuetify.js +7 -3
  15. package/dist/vuetify.js.map +1 -1
  16. package/dist/vuetify.min.css +2 -2
  17. package/dist/vuetify.min.js +5 -5
  18. package/dist/vuetify.min.js.map +1 -1
  19. package/lib/components/VAutocomplete/index.d.mts +45 -3
  20. package/lib/components/VCombobox/index.d.mts +45 -3
  21. package/lib/components/VDialog/VDialog.mjs +2 -0
  22. package/lib/components/VDialog/VDialog.mjs.map +1 -1
  23. package/lib/components/VDialog/index.d.mts +42 -3
  24. package/lib/components/VFileInput/index.d.mts +27 -3
  25. package/lib/components/VForm/index.d.mts +96 -3
  26. package/lib/components/VMenu/index.d.mts +45 -3
  27. package/lib/components/VSelect/index.d.mts +45 -3
  28. package/lib/components/VSnackbar/index.d.mts +36 -3
  29. package/lib/components/VTabs/index.d.mts +15 -3
  30. package/lib/components/VTextField/index.d.mts +33 -3
  31. package/lib/components/VTextarea/index.d.mts +27 -3
  32. package/lib/components/VTooltip/index.d.mts +36 -3
  33. package/lib/components/index.d.mts +357 -27
  34. package/lib/components/index.mjs +1 -1
  35. package/lib/components/index.mjs.map +1 -1
  36. package/lib/composables/forwardRefs.mjs +2 -0
  37. package/lib/composables/forwardRefs.mjs.map +1 -1
  38. package/lib/entry-bundler.mjs +1 -1
  39. package/lib/framework.mjs +1 -1
  40. package/lib/index.d.mts +43 -43
  41. package/lib/labs/VNumberInput/index.d.mts +2273 -794
  42. package/lib/labs/VSnackbarQueue/index.d.mts +36 -3
  43. package/lib/labs/components.d.mts +2293 -781
  44. package/package.json +1 -1
  45. package/lib/components/VTreeview/VTreeview.mjs +0 -350
  46. package/lib/components/VTreeview/VTreeview.mjs.map +0 -1
  47. package/lib/components/VTreeview/VTreeview.sass +0 -128
  48. package/lib/components/VTreeview/VTreeviewNode.mjs +0 -321
  49. package/lib/components/VTreeview/VTreeviewNode.mjs.map +0 -1
  50. package/lib/components/VTreeview/_mixins.sass +0 -18
  51. package/lib/components/VTreeview/_variables.scss +0 -10
  52. package/lib/components/VTreeview/index.mjs +0 -10
  53. package/lib/components/VTreeview/index.mjs.map +0 -1
  54. package/lib/components/VTreeview/util/filterTreeItems.mjs +0 -25
  55. package/lib/components/VTreeview/util/filterTreeItems.mjs.map +0 -1
package/lib/components/VAutocomplete/index.d.mts CHANGED
@@ -1485,7 +1485,21 @@ declare const VMenu: {
1485
1485
  globalTop: Readonly<vue.Ref<boolean>>;
1486
1486
  localTop: vue.ComputedRef<boolean>;
1487
1487
  updateLocation: vue.Ref<((e: Event) => void) | undefined>;
1488
- }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
1488
+ }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
1489
+ _allExposed: {
1490
+ activatorEl: vue.Ref<HTMLElement | undefined>;
1491
+ scrimEl: vue.Ref<HTMLElement | undefined>;
1492
+ target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
1493
+ animateClick: () => void;
1494
+ contentEl: vue.Ref<HTMLElement | undefined>;
1495
+ globalTop: Readonly<vue.Ref<boolean>>;
1496
+ localTop: vue.ComputedRef<boolean>;
1497
+ updateLocation: vue.Ref<((e: Event) => void) | undefined>;
1498
+ } | {
1499
+ id: vue.ComputedRef<string>;
1500
+ ΨopenChildren: vue.ShallowRef<Set<number>>;
1501
+ };
1502
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
1489
1503
  'update:modelValue': (value: boolean) => true;
1490
1504
  }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
1491
1505
  location: Anchor | undefined;
@@ -2152,7 +2166,21 @@ declare const VMenu: {
2152
2166
  globalTop: Readonly<vue.Ref<boolean>>;
2153
2167
  localTop: vue.ComputedRef<boolean>;
2154
2168
  updateLocation: vue.Ref<((e: Event) => void) | undefined>;
2155
- }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, {}, {}, {}, {
2169
+ }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
2170
+ _allExposed: {
2171
+ activatorEl: vue.Ref<HTMLElement | undefined>;
2172
+ scrimEl: vue.Ref<HTMLElement | undefined>;
2173
+ target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
2174
+ animateClick: () => void;
2175
+ contentEl: vue.Ref<HTMLElement | undefined>;
2176
+ globalTop: Readonly<vue.Ref<boolean>>;
2177
+ localTop: vue.ComputedRef<boolean>;
2178
+ updateLocation: vue.Ref<((e: Event) => void) | undefined>;
2179
+ } | {
2180
+ id: vue.ComputedRef<string>;
2181
+ ΨopenChildren: vue.ShallowRef<Set<number>>;
2182
+ };
2183
+ }, {}, {}, {}, {
2156
2184
  location: Anchor | undefined;
2157
2185
  origin: "auto" | Anchor | "overlap";
2158
2186
  transition: string | boolean | (vue.TransitionProps & {
@@ -2724,7 +2752,21 @@ declare const VMenu: {
2724
2752
  globalTop: Readonly<vue.Ref<boolean>>;
2725
2753
  localTop: vue.ComputedRef<boolean>;
2726
2754
  updateLocation: vue.Ref<((e: Event) => void) | undefined>;
2727
- }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
2755
+ }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
2756
+ _allExposed: {
2757
+ activatorEl: vue.Ref<HTMLElement | undefined>;
2758
+ scrimEl: vue.Ref<HTMLElement | undefined>;
2759
+ target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
2760
+ animateClick: () => void;
2761
+ contentEl: vue.Ref<HTMLElement | undefined>;
2762
+ globalTop: Readonly<vue.Ref<boolean>>;
2763
+ localTop: vue.ComputedRef<boolean>;
2764
+ updateLocation: vue.Ref<((e: Event) => void) | undefined>;
2765
+ } | {
2766
+ id: vue.ComputedRef<string>;
2767
+ ΨopenChildren: vue.ShallowRef<Set<number>>;
2768
+ };
2769
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
2728
2770
  'update:modelValue': (value: boolean) => true;
2729
2771
  }, string, {
2730
2772
  location: Anchor | undefined;
package/lib/components/VCombobox/index.d.mts CHANGED
@@ -1485,7 +1485,21 @@ declare const VMenu: {
1485
1485
  globalTop: Readonly<vue.Ref<boolean>>;
1486
1486
  localTop: vue.ComputedRef<boolean>;
1487
1487
  updateLocation: vue.Ref<((e: Event) => void) | undefined>;
1488
- }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
1488
+ }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
1489
+ _allExposed: {
1490
+ activatorEl: vue.Ref<HTMLElement | undefined>;
1491
+ scrimEl: vue.Ref<HTMLElement | undefined>;
1492
+ target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
1493
+ animateClick: () => void;
1494
+ contentEl: vue.Ref<HTMLElement | undefined>;
1495
+ globalTop: Readonly<vue.Ref<boolean>>;
1496
+ localTop: vue.ComputedRef<boolean>;
1497
+ updateLocation: vue.Ref<((e: Event) => void) | undefined>;
1498
+ } | {
1499
+ id: vue.ComputedRef<string>;
1500
+ ΨopenChildren: vue.ShallowRef<Set<number>>;
1501
+ };
1502
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
1489
1503
  'update:modelValue': (value: boolean) => true;
1490
1504
  }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
1491
1505
  location: Anchor | undefined;
@@ -2152,7 +2166,21 @@ declare const VMenu: {
2152
2166
  globalTop: Readonly<vue.Ref<boolean>>;
2153
2167
  localTop: vue.ComputedRef<boolean>;
2154
2168
  updateLocation: vue.Ref<((e: Event) => void) | undefined>;
2155
- }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, {}, {}, {}, {
2169
+ }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
2170
+ _allExposed: {
2171
+ activatorEl: vue.Ref<HTMLElement | undefined>;
2172
+ scrimEl: vue.Ref<HTMLElement | undefined>;
2173
+ target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
2174
+ animateClick: () => void;
2175
+ contentEl: vue.Ref<HTMLElement | undefined>;
2176
+ globalTop: Readonly<vue.Ref<boolean>>;
2177
+ localTop: vue.ComputedRef<boolean>;
2178
+ updateLocation: vue.Ref<((e: Event) => void) | undefined>;
2179
+ } | {
2180
+ id: vue.ComputedRef<string>;
2181
+ ΨopenChildren: vue.ShallowRef<Set<number>>;
2182
+ };
2183
+ }, {}, {}, {}, {
2156
2184
  location: Anchor | undefined;
2157
2185
  origin: "auto" | Anchor | "overlap";
2158
2186
  transition: string | boolean | (vue.TransitionProps & {
@@ -2724,7 +2752,21 @@ declare const VMenu: {
2724
2752
  globalTop: Readonly<vue.Ref<boolean>>;
2725
2753
  localTop: vue.ComputedRef<boolean>;
2726
2754
  updateLocation: vue.Ref<((e: Event) => void) | undefined>;
2727
- }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
2755
+ }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
2756
+ _allExposed: {
2757
+ activatorEl: vue.Ref<HTMLElement | undefined>;
2758
+ scrimEl: vue.Ref<HTMLElement | undefined>;
2759
+ target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
2760
+ animateClick: () => void;
2761
+ contentEl: vue.Ref<HTMLElement | undefined>;
2762
+ globalTop: Readonly<vue.Ref<boolean>>;
2763
+ localTop: vue.ComputedRef<boolean>;
2764
+ updateLocation: vue.Ref<((e: Event) => void) | undefined>;
2765
+ } | {
2766
+ id: vue.ComputedRef<string>;
2767
+ ΨopenChildren: vue.ShallowRef<Set<number>>;
2768
+ };
2769
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
2728
2770
  'update:modelValue': (value: boolean) => true;
2729
2771
  }, string, {
2730
2772
  location: Anchor | undefined;
package/lib/components/VDialog/VDialog.mjs CHANGED
@@ -33,6 +33,7 @@ export const VDialog = genericComponent()({
33
33
  props: makeVDialogProps(),
34
34
  emits: {
35
35
  'update:modelValue': value => true,
36
+ afterEnter: () => true,
36
37
  afterLeave: () => true
37
38
  },
38
39
  setup(props, _ref) {
@@ -74,6 +75,7 @@ export const VDialog = genericComponent()({
74
75
  });
75
76
  }
76
77
  function onAfterEnter() {
78
+ emit('afterEnter');
77
79
  if (overlay.value?.contentEl && !overlay.value.contentEl.contains(document.activeElement)) {
78
80
  overlay.value.contentEl.focus({
79
81
  preventScroll: true
package/lib/components/VDialog/VDialog.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"VDialog.mjs","names":["VDialogTransition","VDefaultsProvider","VOverlay","makeVOverlayProps","forwardRefs","useProxiedModel","useScopeId","mergeProps","nextTick","ref","watch","focusableChildren","genericComponent","IN_BROWSER","propsFactory","useRender","makeVDialogProps","fullscreen","Boolean","retainFocus","type","default","scrollable","origin","scrollStrategy","transition","component","zIndex","VDialog","name","props","emits","value","afterLeave","setup","_ref","emit","slots","isActive","scopeId","overlay","onFocusin","e","before","relatedTarget","after","target","contentEl","globalTop","document","includes","contains","focusable","length","firstElement","lastElement","focus","val","addEventListener","removeEventListener","immediate","onAfterEnter","activeElement","preventScroll","onAfterLeave","activatorEl","overlayProps","filterProps","activatorProps","String","contentProps","tabindex","_createVNode","_mergeProps","class","style","$event","activator","_len","arguments","args","Array","_key"],"sources":["../../../src/components/VDialog/VDialog.tsx"],"sourcesContent":["// Styles\nimport './VDialog.sass'\n\n// Components\nimport { VDialogTransition } from '@/components/transitions'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VOverlay } from '@/components/VOverlay'\nimport { makeVOverlayProps } from '@/components/VOverlay/VOverlay'\n\n// Composables\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useScopeId } from '@/composables/scopeId'\n\n// Utilities\nimport { mergeProps, nextTick, ref, watch } from 'vue'\nimport { focusableChildren, genericComponent, IN_BROWSER, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { Component } from 'vue'\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\n\nexport const makeVDialogProps = propsFactory({\n fullscreen: Boolean,\n retainFocus: {\n type: Boolean,\n default: true,\n },\n scrollable: Boolean,\n\n ...makeVOverlayProps({\n origin: 'center center' as const,\n scrollStrategy: 'block' as const,\n transition: { component: VDialogTransition as Component },\n zIndex: 2400,\n }),\n}, 'VDialog')\n\nexport const VDialog = genericComponent<OverlaySlots>()({\n name: 'VDialog',\n\n props: makeVDialogProps(),\n\n emits: {\n 'update:modelValue': (value: boolean) => true,\n afterLeave: () => true,\n },\n\n setup (props, { emit, slots }) {\n const isActive = useProxiedModel(props, 'modelValue')\n const { scopeId } = useScopeId()\n\n const overlay = ref<VOverlay>()\n function onFocusin (e: FocusEvent) {\n const before = e.relatedTarget as HTMLElement | null\n const after = e.target as HTMLElement | null\n\n if (\n before !== after &&\n overlay.value?.contentEl &&\n // We're the topmost dialog\n overlay.value?.globalTop &&\n // It isn't the document or the dialog body\n ![document, overlay.value.contentEl].includes(after!) &&\n // It isn't inside the dialog body\n !overlay.value.contentEl.contains(after)\n ) {\n const focusable = focusableChildren(overlay.value.contentEl)\n\n if (!focusable.length) return\n\n const firstElement = focusable[0]\n const lastElement = focusable[focusable.length - 1]\n\n if (before === firstElement) {\n lastElement.focus()\n } else {\n firstElement.focus()\n }\n }\n }\n\n if (IN_BROWSER) {\n watch(() => isActive.value && props.retainFocus, val => {\n val\n ? document.addEventListener('focusin', onFocusin)\n : document.removeEventListener('focusin', onFocusin)\n }, { immediate: true })\n }\n\n function onAfterEnter () {\n if (overlay.value?.contentEl && !overlay.value.contentEl.contains(document.activeElement)) {\n overlay.value.contentEl.focus({ preventScroll: true })\n }\n }\n\n function onAfterLeave () {\n emit('afterLeave')\n }\n\n watch(isActive, async val => {\n if (!val) {\n await nextTick()\n overlay.value!.activatorEl?.focus({ preventScroll: true })\n }\n })\n\n useRender(() => {\n const overlayProps = VOverlay.filterProps(props)\n const activatorProps = mergeProps({\n 'aria-haspopup': 'dialog',\n 'aria-expanded': String(isActive.value),\n }, props.activatorProps)\n const contentProps = mergeProps({\n tabindex: -1,\n }, props.contentProps)\n\n return (\n <VOverlay\n ref={ overlay }\n class={[\n 'v-dialog',\n {\n 'v-dialog--fullscreen': props.fullscreen,\n 'v-dialog--scrollable': props.scrollable,\n },\n props.class,\n ]}\n style={ props.style }\n { ...overlayProps }\n v-model={ isActive.value }\n aria-modal=\"true\"\n activatorProps={ activatorProps }\n contentProps={ contentProps }\n role=\"dialog\"\n onAfterEnter={ onAfterEnter }\n onAfterLeave={ onAfterLeave }\n { ...scopeId }\n >\n {{\n activator: slots.activator,\n default: (...args) => (\n <VDefaultsProvider root=\"VDialog\">\n { slots.default?.(...args) }\n </VDefaultsProvider>\n ),\n }}\n </VOverlay>\n )\n })\n\n return forwardRefs({}, overlay)\n },\n})\n\nexport type VDialog = InstanceType<typeof VDialog>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,iBAAiB;AAAA,SACjBC,iBAAiB;AAAA,SACjBC,QAAQ;AAAA,SACRC,iBAAiB,oCAE1B;AAAA,SACSC,WAAW;AAAA,SACXC,eAAe;AAAA,SACfC,UAAU,yCAEnB;AACA,SAASC,UAAU,EAAEC,QAAQ,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAA,SAC7CC,iBAAiB,EAAEC,gBAAgB,EAAEC,UAAU,EAAEC,YAAY,EAAEC,SAAS,gCAEjF;AAIA,OAAO,MAAMC,gBAAgB,GAAGF,YAAY,CAAC;EAC3CG,UAAU,EAAEC,OAAO;EACnBC,WAAW,EAAE;IACXC,IAAI,EAAEF,OAAO;IACbG,OAAO,EAAE;EACX,CAAC;EACDC,UAAU,EAAEJ,OAAO;EAEnB,GAAGf,iBAAiB,CAAC;IACnBoB,MAAM,EAAE,eAAwB;IAChCC,cAAc,EAAE,OAAgB;IAChCC,UAAU,EAAE;MAAEC,SAAS,EAAE1B;IAA+B,CAAC;IACzD2B,MAAM,EAAE;EACV,CAAC;AACH,CAAC,EAAE,SAAS,CAAC;AAEb,OAAO,MAAMC,OAAO,GAAGhB,gBAAgB,CAAe,CAAC,CAAC;EACtDiB,IAAI,EAAE,SAAS;EAEfC,KAAK,EAAEd,gBAAgB,CAAC,CAAC;EAEzBe,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAc,IAAK,IAAI;IAC7CC,UAAU,EAAEA,CAAA,KAAM;EACpB,CAAC;EAEDC,KAAKA,CAAEJ,KAAK,EAAAK,IAAA,EAAmB;IAAA,IAAjB;MAAEC,IAAI;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC3B,MAAMG,QAAQ,GAAGjC,eAAe,CAACyB,KAAK,EAAE,YAAY,CAAC;IACrD,MAAM;MAAES;IAAQ,CAAC,GAAGjC,UAAU,CAAC,CAAC;IAEhC,MAAMkC,OAAO,GAAG/B,GAAG,CAAW,CAAC;IAC/B,SAASgC,SAASA,CAAEC,CAAa,EAAE;MACjC,MAAMC,MAAM,GAAGD,CAAC,CAACE,aAAmC;MACpD,MAAMC,KAAK,GAAGH,CAAC,CAACI,MAA4B;MAE5C,IACEH,MAAM,KAAKE,KAAK,IAChBL,OAAO,CAACR,KAAK,EAAEe,SAAS;MACxB;MACAP,OAAO,CAACR,KAAK,EAAEgB,SAAS;MACxB;MACA,CAAC,CAACC,QAAQ,EAAET,OAAO,CAACR,KAAK,CAACe,SAAS,CAAC,CAACG,QAAQ,CAACL,KAAM,CAAC;MACrD;MACA,CAACL,OAAO,CAACR,KAAK,CAACe,SAAS,CAACI,QAAQ,CAACN,KAAK,CAAC,EACxC;QACA,MAAMO,SAAS,GAAGzC,iBAAiB,CAAC6B,OAAO,CAACR,KAAK,CAACe,SAAS,CAAC;QAE5D,IAAI,CAACK,SAAS,CAACC,MAAM,EAAE;QAEvB,MAAMC,YAAY,GAAGF,SAAS,CAAC,CAAC,CAAC;QACjC,MAAMG,WAAW,GAAGH,SAAS,CAACA,SAAS,CAACC,MAAM,GAAG,CAAC,CAAC;QAEnD,IAAIV,MAAM,KAAKW,YAAY,EAAE;UAC3BC,WAAW,CAACC,KAAK,CAAC,CAAC;QACrB,CAAC,MAAM;UACLF,YAAY,CAACE,KAAK,CAAC,CAAC;QACtB;MACF;IACF;IAEA,IAAI3C,UAAU,EAAE;MACdH,KAAK,CAAC,MAAM4B,QAAQ,CAACN,KAAK,IAAIF,KAAK,CAACX,WAAW,EAAEsC,GAAG,IAAI;QACtDA,GAAG,GACCR,QAAQ,CAACS,gBAAgB,CAAC,SAAS,EAAEjB,SAAS,CAAC,GAC/CQ,QAAQ,CAACU,mBAAmB,CAAC,SAAS,EAAElB,SAAS,CAAC;MACxD,CAAC,EAAE;QAAEmB,SAAS,EAAE;MAAK,CAAC,CAAC;IACzB;IAEA,SAASC,YAAYA,CAAA,EAAI;MACvB,IAAIrB,OAAO,CAACR,KAAK,EAAEe,SAAS,IAAI,CAACP,OAAO,CAACR,KAAK,CAACe,SAAS,CAACI,QAAQ,CAACF,QAAQ,CAACa,aAAa,CAAC,EAAE;QACzFtB,OAAO,CAACR,KAAK,CAACe,SAAS,CAACS,KAAK,CAAC;UAAEO,aAAa,EAAE;QAAK,CAAC,CAAC;MACxD;IACF;IAEA,SAASC,YAAYA,CAAA,EAAI;MACvB5B,IAAI,CAAC,YAAY,CAAC;IACpB;IAEA1B,KAAK,CAAC4B,QAAQ,EAAE,MAAMmB,GAAG,IAAI;MAC3B,IAAI,CAACA,GAAG,EAAE;QACR,MAAMjD,QAAQ,CAAC,CAAC;QAChBgC,OAAO,CAACR,KAAK,CAAEiC,WAAW,EAAET,KAAK,CAAC;UAAEO,aAAa,EAAE;QAAK,CAAC,CAAC;MAC5D;IACF,CAAC,CAAC;IAEFhD,SAAS,CAAC,MAAM;MACd,MAAMmD,YAAY,GAAGhE,QAAQ,CAACiE,WAAW,CAACrC,KAAK,CAAC;MAChD,MAAMsC,cAAc,GAAG7D,UAAU,CAAC;QAChC,eAAe,EAAE,QAAQ;QACzB,eAAe,EAAE8D,MAAM,CAAC/B,QAAQ,CAACN,KAAK;MACxC,CAAC,EAAEF,KAAK,CAACsC,cAAc,CAAC;MACxB,MAAME,YAAY,GAAG/D,UAAU,CAAC;QAC9BgE,QAAQ,EAAE,CAAC;MACb,CAAC,EAAEzC,KAAK,CAACwC,YAAY,CAAC;MAEtB,OAAAE,YAAA,CAAAtE,QAAA,EAAAuE,WAAA;QAAA,OAEUjC,OAAO;QAAA,SACN,CACL,UAAU,EACV;UACE,sBAAsB,EAAEV,KAAK,CAACb,UAAU;UACxC,sBAAsB,EAAEa,KAAK,CAACR;QAChC,CAAC,EACDQ,KAAK,CAAC4C,KAAK,CACZ;QAAA,SACO5C,KAAK,CAAC6C;MAAK,GACdT,YAAY;QAAA,cACP5B,QAAQ,CAACN,KAAK;QAAA,uBAAA4C,MAAA,IAAdtC,QAAQ,CAACN,KAAK,GAAA4C,MAAA;QAAA;QAAA,kBAEPR,cAAc;QAAA,gBAChBE,YAAY;QAAA;QAAA,gBAEZT,YAAY;QAAA,gBACZG;MAAY,GACtBzB,OAAO;QAGVsC,SAAS,EAAExC,KAAK,CAACwC,SAAS;QAC1BxD,OAAO,EAAE,SAAAA,CAAA;UAAA,SAAAyD,IAAA,GAAAC,SAAA,CAAA1B,MAAA,EAAI2B,IAAI,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;YAAJF,IAAI,CAAAE,IAAA,IAAAH,SAAA,CAAAG,IAAA;UAAA;UAAA,OAAAV,YAAA,CAAAvE,iBAAA;YAAA;UAAA;YAAAoB,OAAA,EAAAA,CAAA,MAEXgB,KAAK,CAAChB,OAAO,GAAG,GAAG2D,IAAI,CAAC;UAAA;QAAA;MAE7B;IAIT,CAAC,CAAC;IAEF,OAAO5E,WAAW,CAAC,CAAC,CAAC,EAAEoC,OAAO,CAAC;EACjC;AACF,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"VDialog.mjs","names":["VDialogTransition","VDefaultsProvider","VOverlay","makeVOverlayProps","forwardRefs","useProxiedModel","useScopeId","mergeProps","nextTick","ref","watch","focusableChildren","genericComponent","IN_BROWSER","propsFactory","useRender","makeVDialogProps","fullscreen","Boolean","retainFocus","type","default","scrollable","origin","scrollStrategy","transition","component","zIndex","VDialog","name","props","emits","value","afterEnter","afterLeave","setup","_ref","emit","slots","isActive","scopeId","overlay","onFocusin","e","before","relatedTarget","after","target","contentEl","globalTop","document","includes","contains","focusable","length","firstElement","lastElement","focus","val","addEventListener","removeEventListener","immediate","onAfterEnter","activeElement","preventScroll","onAfterLeave","activatorEl","overlayProps","filterProps","activatorProps","String","contentProps","tabindex","_createVNode","_mergeProps","class","style","$event","activator","_len","arguments","args","Array","_key"],"sources":["../../../src/components/VDialog/VDialog.tsx"],"sourcesContent":["// Styles\nimport './VDialog.sass'\n\n// Components\nimport { VDialogTransition } from '@/components/transitions'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VOverlay } from '@/components/VOverlay'\nimport { makeVOverlayProps } from '@/components/VOverlay/VOverlay'\n\n// Composables\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useScopeId } from '@/composables/scopeId'\n\n// Utilities\nimport { mergeProps, nextTick, ref, watch } from 'vue'\nimport { focusableChildren, genericComponent, IN_BROWSER, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { Component } from 'vue'\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\n\nexport const makeVDialogProps = propsFactory({\n fullscreen: Boolean,\n retainFocus: {\n type: Boolean,\n default: true,\n },\n scrollable: Boolean,\n\n ...makeVOverlayProps({\n origin: 'center center' as const,\n scrollStrategy: 'block' as const,\n transition: { component: VDialogTransition as Component },\n zIndex: 2400,\n }),\n}, 'VDialog')\n\nexport const VDialog = genericComponent<OverlaySlots>()({\n name: 'VDialog',\n\n props: makeVDialogProps(),\n\n emits: {\n 'update:modelValue': (value: boolean) => true,\n afterEnter: () => true,\n afterLeave: () => true,\n },\n\n setup (props, { emit, slots }) {\n const isActive = useProxiedModel(props, 'modelValue')\n const { scopeId } = useScopeId()\n\n const overlay = ref<VOverlay>()\n function onFocusin (e: FocusEvent) {\n const before = e.relatedTarget as HTMLElement | null\n const after = e.target as HTMLElement | null\n\n if (\n before !== after &&\n overlay.value?.contentEl &&\n // We're the topmost dialog\n overlay.value?.globalTop &&\n // It isn't the document or the dialog body\n ![document, overlay.value.contentEl].includes(after!) &&\n // It isn't inside the dialog body\n !overlay.value.contentEl.contains(after)\n ) {\n const focusable = focusableChildren(overlay.value.contentEl)\n\n if (!focusable.length) return\n\n const firstElement = focusable[0]\n const lastElement = focusable[focusable.length - 1]\n\n if (before === firstElement) {\n lastElement.focus()\n } else {\n firstElement.focus()\n }\n }\n }\n\n if (IN_BROWSER) {\n watch(() => isActive.value && props.retainFocus, val => {\n val\n ? document.addEventListener('focusin', onFocusin)\n : document.removeEventListener('focusin', onFocusin)\n }, { immediate: true })\n }\n\n function onAfterEnter () {\n emit('afterEnter')\n if (overlay.value?.contentEl && !overlay.value.contentEl.contains(document.activeElement)) {\n overlay.value.contentEl.focus({ preventScroll: true })\n }\n }\n\n function onAfterLeave () {\n emit('afterLeave')\n }\n\n watch(isActive, async val => {\n if (!val) {\n await nextTick()\n overlay.value!.activatorEl?.focus({ preventScroll: true })\n }\n })\n\n useRender(() => {\n const overlayProps = VOverlay.filterProps(props)\n const activatorProps = mergeProps({\n 'aria-haspopup': 'dialog',\n 'aria-expanded': String(isActive.value),\n }, props.activatorProps)\n const contentProps = mergeProps({\n tabindex: -1,\n }, props.contentProps)\n\n return (\n <VOverlay\n ref={ overlay }\n class={[\n 'v-dialog',\n {\n 'v-dialog--fullscreen': props.fullscreen,\n 'v-dialog--scrollable': props.scrollable,\n },\n props.class,\n ]}\n style={ props.style }\n { ...overlayProps }\n v-model={ isActive.value }\n aria-modal=\"true\"\n activatorProps={ activatorProps }\n contentProps={ contentProps }\n role=\"dialog\"\n onAfterEnter={ onAfterEnter }\n onAfterLeave={ onAfterLeave }\n { ...scopeId }\n >\n {{\n activator: slots.activator,\n default: (...args) => (\n <VDefaultsProvider root=\"VDialog\">\n { slots.default?.(...args) }\n </VDefaultsProvider>\n ),\n }}\n </VOverlay>\n )\n })\n\n return forwardRefs({}, overlay)\n },\n})\n\nexport type VDialog = InstanceType<typeof VDialog>\n"],"mappings":"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","ignoreList":[]}
package/lib/components/VDialog/index.d.mts CHANGED
@@ -175,6 +175,7 @@ declare const VDialog: {
175
175
  targetRef: TemplateRef;
176
176
  }) => vue.VNodeChild) | undefined;
177
177
  } & {
178
+ onAfterEnter?: (() => any) | undefined;
178
179
  onAfterLeave?: (() => any) | undefined;
179
180
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
180
181
  }, Omit<Omit<{
@@ -631,8 +632,20 @@ declare const VDialog: {
631
632
  globalTop: Readonly<vue.Ref<boolean>>;
632
633
  localTop: vue.ComputedRef<boolean>;
633
634
  updateLocation: vue.Ref<((e: Event) => void) | undefined>;
634
- }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
635
+ }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
636
+ _allExposed: {
637
+ activatorEl: vue.Ref<HTMLElement | undefined>;
638
+ scrimEl: vue.Ref<HTMLElement | undefined>;
639
+ target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
640
+ animateClick: () => void;
641
+ contentEl: vue.Ref<HTMLElement | undefined>;
642
+ globalTop: Readonly<vue.Ref<boolean>>;
643
+ localTop: vue.ComputedRef<boolean>;
644
+ updateLocation: vue.Ref<((e: Event) => void) | undefined>;
645
+ } | {};
646
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
635
647
  'update:modelValue': (value: boolean) => true;
648
+ afterEnter: () => true;
636
649
  afterLeave: () => true;
637
650
  }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
638
651
  absolute: boolean;
@@ -716,6 +729,7 @@ declare const VDialog: {
716
729
  targetRef: TemplateRef;
717
730
  }) => vue.VNodeChild) | undefined;
718
731
  } & {
732
+ onAfterEnter?: (() => any) | undefined;
719
733
  onAfterLeave?: (() => any) | undefined;
720
734
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
721
735
  }, {
@@ -847,6 +861,7 @@ declare const VDialog: {
847
861
  targetRef: TemplateRef;
848
862
  }) => vue.VNodeChild) | undefined;
849
863
  } & {
864
+ onAfterEnter?: (() => any) | undefined;
850
865
  onAfterLeave?: (() => any) | undefined;
851
866
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
852
867
  }, Omit<Omit<{
@@ -1303,7 +1318,18 @@ declare const VDialog: {
1303
1318
  globalTop: Readonly<vue.Ref<boolean>>;
1304
1319
  localTop: vue.ComputedRef<boolean>;
1305
1320
  updateLocation: vue.Ref<((e: Event) => void) | undefined>;
1306
- }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, {}, {}, {}, {
1321
+ }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
1322
+ _allExposed: {
1323
+ activatorEl: vue.Ref<HTMLElement | undefined>;
1324
+ scrimEl: vue.Ref<HTMLElement | undefined>;
1325
+ target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
1326
+ animateClick: () => void;
1327
+ contentEl: vue.Ref<HTMLElement | undefined>;
1328
+ globalTop: Readonly<vue.Ref<boolean>>;
1329
+ localTop: vue.ComputedRef<boolean>;
1330
+ updateLocation: vue.Ref<((e: Event) => void) | undefined>;
1331
+ } | {};
1332
+ }, {}, {}, {}, {
1307
1333
  absolute: boolean;
1308
1334
  location: Anchor;
1309
1335
  origin: "auto" | Anchor | "overlap";
@@ -1420,6 +1446,7 @@ declare const VDialog: {
1420
1446
  targetRef: TemplateRef;
1421
1447
  }) => vue.VNodeChild) | undefined;
1422
1448
  } & {
1449
+ onAfterEnter?: (() => any) | undefined;
1423
1450
  onAfterLeave?: (() => any) | undefined;
1424
1451
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
1425
1452
  }, Omit<Omit<{
@@ -1876,8 +1903,20 @@ declare const VDialog: {
1876
1903
  globalTop: Readonly<vue.Ref<boolean>>;
1877
1904
  localTop: vue.ComputedRef<boolean>;
1878
1905
  updateLocation: vue.Ref<((e: Event) => void) | undefined>;
1879
- }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
1906
+ }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
1907
+ _allExposed: {
1908
+ activatorEl: vue.Ref<HTMLElement | undefined>;
1909
+ scrimEl: vue.Ref<HTMLElement | undefined>;
1910
+ target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
1911
+ animateClick: () => void;
1912
+ contentEl: vue.Ref<HTMLElement | undefined>;
1913
+ globalTop: Readonly<vue.Ref<boolean>>;
1914
+ localTop: vue.ComputedRef<boolean>;
1915
+ updateLocation: vue.Ref<((e: Event) => void) | undefined>;
1916
+ } | {};
1917
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
1880
1918
  'update:modelValue': (value: boolean) => true;
1919
+ afterEnter: () => true;
1881
1920
  afterLeave: () => true;
1882
1921
  }, string, {
1883
1922
  absolute: boolean;
package/lib/components/VFileInput/index.d.mts CHANGED
@@ -465,7 +465,15 @@ declare const VFileInput: {
465
465
  }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
466
466
  modelValue?: unknown;
467
467
  'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
468
- }, VInputSlots>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "ref" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
468
+ }, VInputSlots>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "ref" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & {
469
+ _allExposed: {
470
+ reset: () => Promise<void>;
471
+ resetValidation: () => Promise<void>;
472
+ validate: (silent?: boolean) => Promise<string[]>;
473
+ isValid: vue.ComputedRef<boolean | null>;
474
+ errorMessages: vue.ComputedRef<string[]>;
475
+ } | {};
476
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
469
477
  'click:control': (e: MouseEvent) => true;
470
478
  'mousedown:control': (e: MouseEvent) => true;
471
479
  'update:focused': (focused: boolean) => true;
@@ -1029,7 +1037,15 @@ declare const VFileInput: {
1029
1037
  }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
1030
1038
  modelValue?: unknown;
1031
1039
  'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
1032
- }, VInputSlots>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "ref" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`>, {}, {}, {}, {
1040
+ }, VInputSlots>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "ref" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & {
1041
+ _allExposed: {
1042
+ reset: () => Promise<void>;
1043
+ resetValidation: () => Promise<void>;
1044
+ validate: (silent?: boolean) => Promise<string[]>;
1045
+ isValid: vue.ComputedRef<boolean | null>;
1046
+ errorMessages: vue.ComputedRef<string[]>;
1047
+ } | {};
1048
+ }, {}, {}, {}, {
1033
1049
  flat: boolean;
1034
1050
  reverse: boolean;
1035
1051
  variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -1428,7 +1444,15 @@ declare const VFileInput: {
1428
1444
  }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
1429
1445
  modelValue?: unknown;
1430
1446
  'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
1431
- }, VInputSlots>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "ref" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
1447
+ }, VInputSlots>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "ref" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & {
1448
+ _allExposed: {
1449
+ reset: () => Promise<void>;
1450
+ resetValidation: () => Promise<void>;
1451
+ validate: (silent?: boolean) => Promise<string[]>;
1452
+ isValid: vue.ComputedRef<boolean | null>;
1453
+ errorMessages: vue.ComputedRef<string[]>;
1454
+ } | {};
1455
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
1432
1456
  'click:control': (e: MouseEvent) => true;
1433
1457
  'mousedown:control': (e: MouseEvent) => true;
1434
1458
  'update:focused': (focused: boolean) => true;
package/lib/components/VForm/index.d.mts CHANGED
@@ -216,7 +216,38 @@ declare const VForm: {
216
216
  }>;
217
217
  reset: () => void;
218
218
  resetValidation: () => void;
219
- } & HTMLFormElement, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
219
+ } & HTMLFormElement & {
220
+ _allExposed: {
221
+ errors: vue.Ref<{
222
+ id: number | string;
223
+ errorMessages: string[];
224
+ }[]>;
225
+ isDisabled: vue.ComputedRef<boolean>;
226
+ isReadonly: vue.ComputedRef<boolean>;
227
+ isValidating: vue.ShallowRef<boolean>;
228
+ isValid: vue.Ref<boolean | null> & {
229
+ readonly externalValue: boolean | null;
230
+ };
231
+ items: vue.Ref<{
232
+ id: number | string;
233
+ validate: () => Promise<string[]>;
234
+ reset: () => Promise<void>;
235
+ resetValidation: () => Promise<void>;
236
+ vm: vue.Raw<vue.ComponentInternalInstance>;
237
+ isValid: boolean | null;
238
+ errorMessages: string[];
239
+ }[]>;
240
+ validate: () => Promise<{
241
+ valid: boolean;
242
+ errors: {
243
+ id: number | string;
244
+ errorMessages: string[];
245
+ }[];
246
+ }>;
247
+ reset: () => void;
248
+ resetValidation: () => void;
249
+ };
250
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
220
251
  'update:modelValue': (val: boolean | null) => true;
221
252
  submit: (e: SubmitEventPromise) => true;
222
253
  }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
@@ -567,7 +598,38 @@ declare const VForm: {
567
598
  }>;
568
599
  reset: () => void;
569
600
  resetValidation: () => void;
570
- } & HTMLFormElement, {}, {}, {}, {
601
+ } & HTMLFormElement & {
602
+ _allExposed: {
603
+ errors: vue.Ref<{
604
+ id: number | string;
605
+ errorMessages: string[];
606
+ }[]>;
607
+ isDisabled: vue.ComputedRef<boolean>;
608
+ isReadonly: vue.ComputedRef<boolean>;
609
+ isValidating: vue.ShallowRef<boolean>;
610
+ isValid: vue.Ref<boolean | null> & {
611
+ readonly externalValue: boolean | null;
612
+ };
613
+ items: vue.Ref<{
614
+ id: number | string;
615
+ validate: () => Promise<string[]>;
616
+ reset: () => Promise<void>;
617
+ resetValidation: () => Promise<void>;
618
+ vm: vue.Raw<vue.ComponentInternalInstance>;
619
+ isValid: boolean | null;
620
+ errorMessages: string[];
621
+ }[]>;
622
+ validate: () => Promise<{
623
+ valid: boolean;
624
+ errors: {
625
+ id: number | string;
626
+ errorMessages: string[];
627
+ }[];
628
+ }>;
629
+ reset: () => void;
630
+ resetValidation: () => void;
631
+ };
632
+ }, {}, {}, {}, {
571
633
  style: vue.StyleValue;
572
634
  disabled: boolean;
573
635
  readonly: boolean;
@@ -744,7 +806,38 @@ declare const VForm: {
744
806
  }>;
745
807
  reset: () => void;
746
808
  resetValidation: () => void;
747
- } & HTMLFormElement, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
809
+ } & HTMLFormElement & {
810
+ _allExposed: {
811
+ errors: vue.Ref<{
812
+ id: number | string;
813
+ errorMessages: string[];
814
+ }[]>;
815
+ isDisabled: vue.ComputedRef<boolean>;
816
+ isReadonly: vue.ComputedRef<boolean>;
817
+ isValidating: vue.ShallowRef<boolean>;
818
+ isValid: vue.Ref<boolean | null> & {
819
+ readonly externalValue: boolean | null;
820
+ };
821
+ items: vue.Ref<{
822
+ id: number | string;
823
+ validate: () => Promise<string[]>;
824
+ reset: () => Promise<void>;
825
+ resetValidation: () => Promise<void>;
826
+ vm: vue.Raw<vue.ComponentInternalInstance>;
827
+ isValid: boolean | null;
828
+ errorMessages: string[];
829
+ }[]>;
830
+ validate: () => Promise<{
831
+ valid: boolean;
832
+ errors: {
833
+ id: number | string;
834
+ errorMessages: string[];
835
+ }[];
836
+ }>;
837
+ reset: () => void;
838
+ resetValidation: () => void;
839
+ };
840
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
748
841
  'update:modelValue': (val: boolean | null) => true;
749
842
  submit: (e: SubmitEventPromise) => true;
750
843
  }, string, {
package/lib/components/VMenu/index.d.mts CHANGED
@@ -631,7 +631,21 @@ declare const VMenu: {
631
631
  globalTop: Readonly<vue.Ref<boolean>>;
632
632
  localTop: vue.ComputedRef<boolean>;
633
633
  updateLocation: vue.Ref<((e: Event) => void) | undefined>;
634
- }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
634
+ }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
635
+ _allExposed: {
636
+ activatorEl: vue.Ref<HTMLElement | undefined>;
637
+ scrimEl: vue.Ref<HTMLElement | undefined>;
638
+ target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
639
+ animateClick: () => void;
640
+ contentEl: vue.Ref<HTMLElement | undefined>;
641
+ globalTop: Readonly<vue.Ref<boolean>>;
642
+ localTop: vue.ComputedRef<boolean>;
643
+ updateLocation: vue.Ref<((e: Event) => void) | undefined>;
644
+ } | {
645
+ id: vue.ComputedRef<string>;
646
+ ΨopenChildren: vue.ShallowRef<Set<number>>;
647
+ };
648
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
635
649
  'update:modelValue': (value: boolean) => true;
636
650
  }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
637
651
  location: Anchor | undefined;
@@ -1298,7 +1312,21 @@ declare const VMenu: {
1298
1312
  globalTop: Readonly<vue.Ref<boolean>>;
1299
1313
  localTop: vue.ComputedRef<boolean>;
1300
1314
  updateLocation: vue.Ref<((e: Event) => void) | undefined>;
1301
- }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, {}, {}, {}, {
1315
+ }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
1316
+ _allExposed: {
1317
+ activatorEl: vue.Ref<HTMLElement | undefined>;
1318
+ scrimEl: vue.Ref<HTMLElement | undefined>;
1319
+ target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
1320
+ animateClick: () => void;
1321
+ contentEl: vue.Ref<HTMLElement | undefined>;
1322
+ globalTop: Readonly<vue.Ref<boolean>>;
1323
+ localTop: vue.ComputedRef<boolean>;
1324
+ updateLocation: vue.Ref<((e: Event) => void) | undefined>;
1325
+ } | {
1326
+ id: vue.ComputedRef<string>;
1327
+ ΨopenChildren: vue.ShallowRef<Set<number>>;
1328
+ };
1329
+ }, {}, {}, {}, {
1302
1330
  location: Anchor | undefined;
1303
1331
  origin: "auto" | Anchor | "overlap";
1304
1332
  transition: string | boolean | (vue.TransitionProps & {
@@ -1870,7 +1898,21 @@ declare const VMenu: {
1870
1898
  globalTop: Readonly<vue.Ref<boolean>>;
1871
1899
  localTop: vue.ComputedRef<boolean>;
1872
1900
  updateLocation: vue.Ref<((e: Event) => void) | undefined>;
1873
- }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
1901
+ }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
1902
+ _allExposed: {
1903
+ activatorEl: vue.Ref<HTMLElement | undefined>;
1904
+ scrimEl: vue.Ref<HTMLElement | undefined>;
1905
+ target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
1906
+ animateClick: () => void;
1907
+ contentEl: vue.Ref<HTMLElement | undefined>;
1908
+ globalTop: Readonly<vue.Ref<boolean>>;
1909
+ localTop: vue.ComputedRef<boolean>;
1910
+ updateLocation: vue.Ref<((e: Event) => void) | undefined>;
1911
+ } | {
1912
+ id: vue.ComputedRef<string>;
1913
+ ΨopenChildren: vue.ShallowRef<Set<number>>;
1914
+ };
1915
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
1874
1916
  'update:modelValue': (value: boolean) => true;
1875
1917
  }, string, {
1876
1918
  location: Anchor | undefined;