@vuetify/nightly 3.0.0-alpha.8 → 3.0.0-beta.0

package/lib/components/index.mjs

@@ -1,87 +1,94 @@
 export * from "./VApp/index.mjs";
 export * from "./VAppBar/index.mjs";
-export * from "./VAlert/index.mjs"; // export * from './VAutocomplete'
-
+export * from "./VAlert/index.mjs";
+export * from "./VAutocomplete/index.mjs";
 export * from "./VAvatar/index.mjs";
 export * from "./VBadge/index.mjs";
 export * from "./VBanner/index.mjs";
 export * from "./VBottomNavigation/index.mjs"; // export * from './VBottomSheet'
 
-export * from "./VBreadcrumbs/index.mjs"; // export * from './VBtn'
-
-export * from "./VBtn/index.mjs"; // export * from './VBtnToggle'
-// export * from './VCalendar'
-
-export * from "./VCard/index.mjs"; // export * from './VCarousel'
-// export * from './VCheckbox'
-
-export * from "./VChip/index.mjs"; // export * from './VChipGroup'
-
-export * from "./VCode/index.mjs"; // export * from './VColorPicker'
-// export * from './VContent'
-// export * from './VCombobox'
-// export * from './VCounter'
-// export * from './VData'
+export * from "./VBreadcrumbs/index.mjs";
+export * from "./VBtn/index.mjs";
+export * from "./VBtnGroup/index.mjs";
+export * from "./VBtnToggle/index.mjs"; // export * from './VCalendar'
+
+export * from "./VCard/index.mjs";
+export * from "./VCarousel/index.mjs";
+export * from "./VCheckbox/index.mjs";
+export * from "./VChip/index.mjs";
+export * from "./VChipGroup/index.mjs";
+export * from "./VCode/index.mjs";
+export * from "./VColorPicker/index.mjs"; // export * from './VContent'
+
+export * from "./VCombobox/index.mjs";
+export * from "./VCounter/index.mjs"; // export * from './VData'
 // export * from './VDataIterator'
 // export * from './VDataTable'
 // export * from './VDatePicker'
 
 export * from "./VDefaultsProvider/index.mjs";
 export * from "./VDialog/index.mjs";
-export * from "./VDivider/index.mjs"; // export * from './VExpansionPanel'
-// export * from './VFileInput'
-
-export * from "./VFooter/index.mjs"; // export * from './VForm'
-
-export * from "./VGrid/index.mjs"; // export * from './VHover'
-
+export * from "./VDivider/index.mjs";
+export * from "./VExpansionPanel/index.mjs";
+export * from "./VField/index.mjs";
+export * from "./VFileInput/index.mjs";
+export * from "./VFooter/index.mjs";
+export * from "./VForm/index.mjs";
+export * from "./VGrid/index.mjs";
+export * from "./VHover/index.mjs";
 export * from "./VIcon/index.mjs";
-export * from "./VImg/index.mjs"; // export * from './VInput'
-// export * from './VItemGroup'
-
+export * from "./VImg/index.mjs";
+export * from "./VInput/index.mjs";
+export * from "./VItemGroup/index.mjs";
 export * from "./VKbd/index.mjs";
-export * from "./VItemGroup/index.mjs"; // export * from './VLabel'
-
+export * from "./VLabel/index.mjs";
 export * from "./VLayout/index.mjs";
-export * from "./VLocaleProvider/index.mjs";
-export * from "./VList/index.mjs";
 export * from "./VLazy/index.mjs";
-export * from "./VMain/index.mjs"; // export * from './VMenu'
-// export * from './VMessages'
-
-export * from "./VNavigationDrawer/index.mjs"; // export * from './VOverflowBtn'
+export * from "./VList/index.mjs";
+export * from "./VLocaleProvider/index.mjs";
+export * from "./VMain/index.mjs";
+export * from "./VMenu/index.mjs";
+export * from "./VMessages/index.mjs";
+export * from "./VNavigationDrawer/index.mjs";
+export * from "./VNoSsr/index.mjs"; // export * from './VOtpInput'
+// export * from './VOverflowBtn'
 
 export * from "./VOverlay/index.mjs";
 export * from "./VPagination/index.mjs";
-export * from "./VSheet/index.mjs"; // export * from './VParallax'
-// export * from './VPicker'
-
-export * from "./VProgressCircular/index.mjs"; // export * from './VProgressLinear'
-// export * from './VRadioGroup'
-// export * from './VRangeSlider'
+export * from "./VParallax/index.mjs"; // export * from './VPicker'
 
+export * from "./VProgressCircular/index.mjs";
+export * from "./VProgressLinear/index.mjs";
+export * from "./VRadio/index.mjs";
+export * from "./VRadioGroup/index.mjs";
+export * from "./VRangeSlider/index.mjs";
 export * from "./VRating/index.mjs";
-export * from "./VResponsive/index.mjs"; // export * from './VSelect'
-// export * from './VSkeletonLoader'
-// export * from './VSlider'
-// export * from './VSlideGroup'
-// export * from './VSnackbar'
-// export * from './VSparkline'
+export * from "./VResponsive/index.mjs";
+export * from "./VSelect/index.mjs";
+export * from "./VSelectionControl/index.mjs";
+export * from "./VSelectionControlGroup/index.mjs";
+export * from "./VSheet/index.mjs"; // export * from './VSkeletonLoader'
+
+export * from "./VSlideGroup/index.mjs";
+export * from "./VSlider/index.mjs";
+export * from "./VSnackbar/index.mjs"; // export * from './VSparkline'
 // export * from './VSpeedDial'
 // export * from './VStepper'
-// export * from './VSwitch'
-
-export * from "./VSystemBar/index.mjs"; // export * from './VTabs'
-// export * from './VTextarea'
-// export * from './VTextField'
 
+export * from "./VSwitch/index.mjs";
+export * from "./VSystemBar/index.mjs";
+export * from "./VTabs/index.mjs";
+export * from "./VTable/index.mjs";
+export * from "./VTextarea/index.mjs";
+export * from "./VTextField/index.mjs";
 export * from "./VThemeProvider/index.mjs";
 export * from "./VTimeline/index.mjs"; // export * from './VTimePicker'
-// export * from './VToolbar'
-// export * from './VTooltip'
-// export * from './VTreeview'
-// export * from './VVirtualScroll'
-// export * from './VWindow'
 
+export * from "./VToolbar/index.mjs";
+export * from "./VTooltip/index.mjs"; // export * from './VTreeview'
+
+export * from "./VValidation/index.mjs"; // export * from './VVirtualScroll'
+
+export * from "./VWindow/index.mjs";
 export * from "./transitions/index.mjs";
 //# sourceMappingURL=index.mjs.map

package/lib/components/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.ts"],"names":[],"mappings":";;oCAGA;;;;;+CAKA;;0CAEA;;kCAEA;AACA;;mCAEA;AACA;;mCAEA;;mCAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;sCAIA;AACA;;qCAEA;;mCAEA;;;kCAGA;AACA;;;wCAGA;;;;;;mCAMA;AACA;;+CAEA;;;;oCAIA;AACA;;+CAEA;AACA;AACA;;;yCAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;wCAEA;AACA;AACA;;;uCAGA;AACA;AACA;AACA;AACA;AACA","sourcesContent":["export * from './VApp'\nexport * from './VAppBar'\nexport * from './VAlert'\n// export * from './VAutocomplete'\nexport * from './VAvatar'\nexport * from './VBadge'\nexport * from './VBanner'\nexport * from './VBottomNavigation'\n// export * from './VBottomSheet'\nexport * from './VBreadcrumbs'\n// export * from './VBtn'\nexport * from './VBtn'\n// export * from './VBtnToggle'\n// export * from './VCalendar'\nexport * from './VCard'\n// export * from './VCarousel'\n// export * from './VCheckbox'\nexport * from './VChip'\n// export * from './VChipGroup'\nexport * from './VCode'\n// export * from './VColorPicker'\n// export * from './VContent'\n// export * from './VCombobox'\n// export * from './VCounter'\n// export * from './VData'\n// export * from './VDataIterator'\n// export * from './VDataTable'\n// export * from './VDatePicker'\nexport * from './VDefaultsProvider'\nexport * from './VDialog'\nexport * from './VDivider'\n// export * from './VExpansionPanel'\n// export * from './VFileInput'\nexport * from './VFooter'\n// export * from './VForm'\nexport * from './VGrid'\n// export * from './VHover'\nexport * from './VIcon'\nexport * from './VImg'\n// export * from './VInput'\n// export * from './VItemGroup'\nexport * from './VKbd'\nexport * from './VItemGroup'\n// export * from './VLabel'\nexport * from './VLayout'\nexport * from './VLocaleProvider'\nexport * from './VList'\nexport * from './VLazy'\nexport * from './VMain'\n// export * from './VMenu'\n// export * from './VMessages'\nexport * from './VNavigationDrawer'\n// export * from './VOverflowBtn'\nexport * from './VOverlay'\nexport * from './VPagination'\nexport * from './VSheet'\n// export * from './VParallax'\n// export * from './VPicker'\nexport * from './VProgressCircular'\n// export * from './VProgressLinear'\n// export * from './VRadioGroup'\n// export * from './VRangeSlider'\nexport * from './VRating'\nexport * from './VResponsive'\n// export * from './VSelect'\n// export * from './VSkeletonLoader'\n// export * from './VSlider'\n// export * from './VSlideGroup'\n// export * from './VSnackbar'\n// export * from './VSparkline'\n// export * from './VSpeedDial'\n// export * from './VStepper'\n// export * from './VSwitch'\nexport * from './VSystemBar'\n// export * from './VTabs'\n// export * from './VTextarea'\n// export * from './VTextField'\nexport * from './VThemeProvider'\nexport * from './VTimeline'\n// export * from './VTimePicker'\n// export * from './VToolbar'\n// export * from './VTooltip'\n// export * from './VTreeview'\n// export * from './VVirtualScroll'\n// export * from './VWindow'\nexport * from './transitions'\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;+CAQA;;;;;wCAKA;;;;;;;;0CAQA;;;sCAGA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;oCA0BA;AACA;;;;uCAIA;;;;;;;;;;;;oCAYA;;;;uCAIA;AACA;AACA;;;;;;;;;uCASA;;;sCAGA;;yCAEA","sourcesContent":["export * from './VApp'\nexport * from './VAppBar'\nexport * from './VAlert'\nexport * from './VAutocomplete'\nexport * from './VAvatar'\nexport * from './VBadge'\nexport * from './VBanner'\nexport * from './VBottomNavigation'\n// export * from './VBottomSheet'\nexport * from './VBreadcrumbs'\nexport * from './VBtn'\nexport * from './VBtnGroup'\nexport * from './VBtnToggle'\n// export * from './VCalendar'\nexport * from './VCard'\nexport * from './VCarousel'\nexport * from './VCheckbox'\nexport * from './VChip'\nexport * from './VChipGroup'\nexport * from './VCode'\nexport * from './VColorPicker'\n// export * from './VContent'\nexport * from './VCombobox'\nexport * from './VCounter'\n// export * from './VData'\n// export * from './VDataIterator'\n// export * from './VDataTable'\n// export * from './VDatePicker'\nexport * from './VDefaultsProvider'\nexport * from './VDialog'\nexport * from './VDivider'\nexport * from './VExpansionPanel'\nexport * from './VField'\nexport * from './VFileInput'\nexport * from './VFooter'\nexport * from './VForm'\nexport * from './VGrid'\nexport * from './VHover'\nexport * from './VIcon'\nexport * from './VImg'\nexport * from './VInput'\nexport * from './VItemGroup'\nexport * from './VKbd'\nexport * from './VLabel'\nexport * from './VLayout'\nexport * from './VLazy'\nexport * from './VList'\nexport * from './VLocaleProvider'\nexport * from './VMain'\nexport * from './VMenu'\nexport * from './VMessages'\nexport * from './VNavigationDrawer'\nexport * from './VNoSsr'\n// export * from './VOtpInput'\n// export * from './VOverflowBtn'\nexport * from './VOverlay'\nexport * from './VPagination'\nexport * from './VParallax'\n// export * from './VPicker'\nexport * from './VProgressCircular'\nexport * from './VProgressLinear'\nexport * from './VRadio'\nexport * from './VRadioGroup'\nexport * from './VRangeSlider'\nexport * from './VRating'\nexport * from './VResponsive'\nexport * from './VSelect'\nexport * from './VSelectionControl'\nexport * from './VSelectionControlGroup'\nexport * from './VSheet'\n// export * from './VSkeletonLoader'\nexport * from './VSlideGroup'\nexport * from './VSlider'\nexport * from './VSnackbar'\n// export * from './VSparkline'\n// export * from './VSpeedDial'\n// export * from './VStepper'\nexport * from './VSwitch'\nexport * from './VSystemBar'\nexport * from './VTabs'\nexport * from './VTable'\nexport * from './VTextarea'\nexport * from './VTextField'\nexport * from './VThemeProvider'\nexport * from './VTimeline'\n// export * from './VTimePicker'\nexport * from './VToolbar'\nexport * from './VTooltip'\n// export * from './VTreeview'\nexport * from './VValidation'\n// export * from './VVirtualScroll'\nexport * from './VWindow'\nexport * from './transitions'\n"],"file":"index.mjs"}

package/lib/components/transitions/createTransition.mjs

@@ -1,11 +1,13 @@
 // Utilities
-import { defineComponent, h, Transition, TransitionGroup } from 'vue';
-import { makeProps } from "../../util/index.mjs"; // Types
+import { h, Transition, TransitionGroup } from 'vue';
+import { defineComponent } from "../../util/index.mjs"; // Types
 
-export function createCssTransition(name, origin = 'top center 0', mode) {
+export function createCssTransition(name) {
+  let origin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top center 0';
+  let mode = arguments.length > 2 ? arguments[2] : undefined;
   return defineComponent({
     name,
-    props: makeProps({
+    props: {
       group: Boolean,
       hideOnLeave: Boolean,
       leaveAbsolute: Boolean,
@@ -17,11 +19,12 @@ export function createCssTransition(name, origin = 'top center 0', mode) {
         type: String,
         default: origin
       }
-    }),
+    },
 
-    setup(props, {
-      slots
-    }) {
+    setup(props, _ref) {
+      let {
+        slots
+      } = _ref;
       return () => {
         const tag = props.group ? TransitionGroup : Transition;
         return h(tag, {
@@ -55,8 +58,7 @@ export function createCssTransition(name, origin = 'top center 0', mode) {
             }
 
             if (props.hideOnLeave) {
-              el._initialDisplay = el.style.display;
-              el.style.display = 'none';
+              el.style.setProperty('display', 'none', 'important');
             }
           },
 
@@ -76,10 +78,6 @@ export function createCssTransition(name, origin = 'top center 0', mode) {
               el.style.width = width || '';
               el.style.height = height || '';
             }
-
-            if (props.hideOnLeave && el) {
-              el.style.display = el._initialDisplay || '';
-            }
           }
 
         }, slots.default);
@@ -88,19 +86,21 @@ export function createCssTransition(name, origin = 'top center 0', mode) {
 
   });
 }
-export function createJavascriptTransition(name, functions, mode = 'in-out') {
+export function createJavascriptTransition(name, functions) {
+  let mode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'in-out';
   return defineComponent({
     name,
-    props: makeProps({
+    props: {
       mode: {
         type: String,
         default: mode
       }
-    }),
+    },
 
-    setup(props, {
-      slots
-    }) {
+    setup(props, _ref2) {
+      let {
+        slots
+      } = _ref2;
       return () => {
         return h(Transition, {
           name,

package/lib/components/transitions/createTransition.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/transitions/createTransition.ts"],"names":["defineComponent","h","Transition","TransitionGroup","makeProps","createCssTransition","name","origin","mode","props","group","Boolean","hideOnLeave","leaveAbsolute","type","String","default","setup","slots","tag","onBeforeEnter","el","style","transformOrigin","onLeave","offsetTop","offsetLeft","offsetWidth","offsetHeight","_transitionInitialStyles","position","top","left","width","height","_initialDisplay","display","onAfterLeave","createJavascriptTransition","functions"],"mappings":"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","sourcesContent":["// Utilities\nimport { defineComponent, h, Transition, TransitionGroup } from 'vue'\nimport { makeProps } from '@/util'\n\n// Types\nimport type { FunctionalComponent, Prop } from 'vue'\n\nexport function createCssTransition (\n  name: string,\n  origin = 'top center 0',\n  mode?: string\n) {\n  return defineComponent({\n    name,\n\n    props: makeProps({\n      group: Boolean,\n      hideOnLeave: Boolean,\n      leaveAbsolute: Boolean,\n      mode: {\n        type: String,\n        default: mode,\n      },\n      origin: {\n        type: String,\n        default: origin,\n      },\n    }),\n\n    setup (props, { slots }) {\n      return () => {\n        const tag = props.group ? TransitionGroup : Transition\n\n        return h(tag as FunctionalComponent, {\n          name,\n          mode: props.mode,\n          onBeforeEnter (el: HTMLElement) {\n            el.style.transformOrigin = props.origin\n          },\n          onLeave (el: HTMLElement) {\n            if (props.leaveAbsolute) {\n              const { offsetTop, offsetLeft, offsetWidth, offsetHeight } = el\n              el._transitionInitialStyles = {\n                position: el.style.position,\n                top: el.style.top,\n                left: el.style.left,\n                width: el.style.width,\n                height: el.style.height,\n              }\n              el.style.position = 'absolute'\n              el.style.top = `${offsetTop}px`\n              el.style.left = `${offsetLeft}px`\n              el.style.width = `${offsetWidth}px`\n              el.style.height = `${offsetHeight}px`\n            }\n\n            if (props.hideOnLeave) {\n              (el as any)._initialDisplay = el.style.display\n              el.style.display = 'none'\n            }\n          },\n          onAfterLeave (el: HTMLElement) {\n            if (props.leaveAbsolute && el?._transitionInitialStyles) {\n              const { position, top, left, width, height } = el._transitionInitialStyles\n              delete el._transitionInitialStyles\n              el.style.position = position || ''\n              el.style.top = top || ''\n              el.style.left = left || ''\n              el.style.width = width || ''\n              el.style.height = height || ''\n            }\n\n            if (props.hideOnLeave && el) {\n              el.style.display = (el as any)._initialDisplay || ''\n            }\n          },\n        }, slots.default)\n      }\n    },\n  })\n}\n\nexport function createJavascriptTransition (\n  name: string,\n  functions: Record<string, any>,\n  mode = 'in-out'\n) {\n  return defineComponent({\n    name,\n\n    props: makeProps({\n      mode: {\n        type: String,\n        default: mode,\n      } as Prop<'in-out' | 'out-in' | 'default'>,\n    }),\n\n    setup (props, { slots }) {\n      return () => {\n        return h(Transition, {\n          name,\n          // mode: props.mode, // TODO: vuejs/vue-next#3104\n          ...functions,\n        }, slots.default)\n      }\n    },\n  })\n}\n"],"file":"createTransition.mjs"}
+{"version":3,"sources":["../../../src/components/transitions/createTransition.ts"],"names":["h","Transition","TransitionGroup","defineComponent","createCssTransition","name","origin","mode","props","group","Boolean","hideOnLeave","leaveAbsolute","type","String","default","setup","slots","tag","onBeforeEnter","el","style","transformOrigin","onLeave","offsetTop","offsetLeft","offsetWidth","offsetHeight","_transitionInitialStyles","position","top","left","width","height","setProperty","onAfterLeave","createJavascriptTransition","functions"],"mappings":"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","sourcesContent":["// Utilities\nimport { h, Transition, TransitionGroup } from 'vue'\nimport { defineComponent } from '@/util'\n\n// Types\nimport type { FunctionalComponent, Prop } from 'vue'\n\nexport function createCssTransition (\n  name: string,\n  origin = 'top center 0',\n  mode?: string\n) {\n  return defineComponent({\n    name,\n\n    props: {\n      group: Boolean,\n      hideOnLeave: Boolean,\n      leaveAbsolute: Boolean,\n      mode: {\n        type: String,\n        default: mode,\n      },\n      origin: {\n        type: String,\n        default: origin,\n      },\n    },\n\n    setup (props, { slots }) {\n      return () => {\n        const tag = props.group ? TransitionGroup : Transition\n\n        return h(tag as FunctionalComponent, {\n          name,\n          mode: props.mode,\n          onBeforeEnter (el: HTMLElement) {\n            el.style.transformOrigin = props.origin\n          },\n          onLeave (el: HTMLElement) {\n            if (props.leaveAbsolute) {\n              const { offsetTop, offsetLeft, offsetWidth, offsetHeight } = el\n              el._transitionInitialStyles = {\n                position: el.style.position,\n                top: el.style.top,\n                left: el.style.left,\n                width: el.style.width,\n                height: el.style.height,\n              }\n              el.style.position = 'absolute'\n              el.style.top = `${offsetTop}px`\n              el.style.left = `${offsetLeft}px`\n              el.style.width = `${offsetWidth}px`\n              el.style.height = `${offsetHeight}px`\n            }\n\n            if (props.hideOnLeave) {\n              el.style.setProperty('display', 'none', 'important')\n            }\n          },\n          onAfterLeave (el: HTMLElement) {\n            if (props.leaveAbsolute && el?._transitionInitialStyles) {\n              const { position, top, left, width, height } = el._transitionInitialStyles\n              delete el._transitionInitialStyles\n              el.style.position = position || ''\n              el.style.top = top || ''\n              el.style.left = left || ''\n              el.style.width = width || ''\n              el.style.height = height || ''\n            }\n          },\n        }, slots.default)\n      }\n    },\n  })\n}\n\nexport function createJavascriptTransition (\n  name: string,\n  functions: Record<string, any>,\n  mode = 'in-out'\n) {\n  return defineComponent({\n    name,\n\n    props: {\n      mode: {\n        type: String,\n        default: mode,\n      } as Prop<'in-out' | 'out-in' | 'default'>,\n    },\n\n    setup (props, { slots }) {\n      return () => {\n        return h(Transition, {\n          name,\n          // mode: props.mode, // TODO: vuejs/vue-next#3104\n          ...functions,\n        }, slots.default)\n      }\n    },\n  })\n}\n"],"file":"createTransition.mjs"}

package/lib/components/transitions/dialog-transition.mjs

@@ -1,17 +1,23 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
-import { defineComponent, Transition } from 'vue';
-import { acceleratedEasing, deceleratedEasing, makeProps } from "../../util/index.mjs";
-export default defineComponent({
+import { Transition } from 'vue';
+import { acceleratedEasing, deceleratedEasing, defineComponent, nullifyTransforms } from "../../util/index.mjs";
+export const VDialogTransition = defineComponent({
   name: 'VDialogTransition',
-  props: makeProps({
+  props: {
     target: Object
-  }),
+  },
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
     const functions = {
-      onEnter(el, done) {
+      onBeforeEnter(el) {
+        el.style.pointerEvents = 'none';
+      },
+
+      async onEnter(el, done) {
+        await new Promise(resolve => requestAnimationFrame(resolve));
         const {
           x,
           y
@@ -28,7 +34,16 @@ export default defineComponent({
         animation.finished.then(() => done());
       },
 
-      onLeave(el, done) {
+      onAfterEnter(el) {
+        el.style.removeProperty('pointer-events');
+      },
+
+      onBeforeLeave(el) {
+        el.style.pointerEvents = 'none';
+      },
+
+      async onLeave(el, done) {
+        await new Promise(resolve => requestAnimationFrame(resolve));
         const {
           x,
           y
@@ -43,6 +58,10 @@ export default defineComponent({
           easing: acceleratedEasing
         });
         animation.finished.then(() => done());
+      },
+
+      onAfterLeave(el) {
+        el.style.removeProperty('pointer-events');
       }
 
     };
@@ -51,7 +70,7 @@ export default defineComponent({
         "name": "dialog-transition"
       }, functions, {
         "css": false
-      }), slots, 16) : _createVNode(Transition, {
+      }), slots) : _createVNode(Transition, {
         "name": "dialog-transition"
       }, slots);
     };
@@ -60,20 +79,29 @@ export default defineComponent({
 });
 
 function getDimensions(target, el) {
-  const initialDisplay = el.style.display;
-  const initialTransform = el.style.transform;
-  el.style.transition = 'none';
-  el.style.display = '';
-  el.style.transform = 'none';
   const targetBox = target.getBoundingClientRect();
-  const elBox = el.getBoundingClientRect();
-  const x = targetBox.width / 2 + targetBox.left - (elBox.width / 2 + elBox.left);
-  const y = targetBox.height / 2 + targetBox.top - (elBox.height / 2 + elBox.top);
-  el.style.display = initialDisplay;
-  el.style.transform = initialTransform;
+  const elBox = nullifyTransforms(el);
+  const [originX, originY] = getComputedStyle(el).transformOrigin.split(' ').map(v => parseFloat(v));
+  const [anchorSide, anchorOffset] = getComputedStyle(el).getPropertyValue('--v-overlay-anchor-origin').split(' ');
+  let offsetX = targetBox.left + targetBox.width / 2;
+
+  if (anchorSide === 'left' || anchorOffset === 'left') {
+    offsetX -= targetBox.width / 2;
+  } else if (anchorSide === 'right' || anchorOffset === 'right') {
+    offsetX += targetBox.width / 2;
+  }
+
+  let offsetY = targetBox.top + targetBox.height / 2;
+
+  if (anchorSide === 'top' || anchorOffset === 'top') {
+    offsetY -= targetBox.height / 2;
+  } else if (anchorSide === 'bottom' || anchorOffset === 'bottom') {
+    offsetY += targetBox.height / 2;
+  }
+
   return {
-    x,
-    y
+    x: offsetX - (originX + elBox.left),
+    y: offsetY - (originY + elBox.top)
   };
 }
 //# sourceMappingURL=dialog-transition.mjs.map

package/lib/components/transitions/dialog-transition.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/transitions/dialog-transition.tsx"],"names":["defineComponent","Transition","acceleratedEasing","deceleratedEasing","makeProps","name","props","target","Object","setup","slots","functions","onEnter","el","done","x","y","getDimensions","animation","animate","transform","opacity","duration","easing","finished","then","onLeave","initialDisplay","style","display","initialTransform","transition","targetBox","getBoundingClientRect","elBox","width","left","height","top"],"mappings":"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","sourcesContent":["import type { PropType } from 'vue'\nimport { defineComponent, Transition } from 'vue'\nimport { acceleratedEasing, deceleratedEasing, makeProps } from '@/util'\n\nexport default defineComponent({\n  name: 'VDialogTransition',\n\n  props: makeProps({\n    target: Object as PropType<HTMLElement>,\n  }),\n\n  setup (props, { slots }) {\n    const functions = {\n      onEnter (el: Element, done: () => void) {\n        const { x, y } = getDimensions(props.target!, el as HTMLElement)\n\n        const animation = el.animate([\n          { transform: `translate(${x}px, ${y}px) scale(0.1)`, opacity: 0 },\n          { transform: '' },\n        ], {\n          duration: 225,\n          easing: deceleratedEasing,\n        })\n        animation.finished.then(() => done())\n      },\n      onLeave (el: Element, done: () => void) {\n        const { x, y } = getDimensions(props.target!, el as HTMLElement)\n\n        const animation = el.animate([\n          { transform: '' },\n          { transform: `translate(${x}px, ${y}px) scale(0.1)`, opacity: 0 },\n        ], {\n          duration: 125,\n          easing: acceleratedEasing,\n        })\n        animation.finished.then(() => done())\n      },\n    }\n\n    return () => {\n      return props.target\n        ? <Transition name=\"dialog-transition\" { ...functions } css={ false } v-slots={ slots } />\n        : <Transition name=\"dialog-transition\" v-slots={ slots } />\n    }\n  },\n})\n\nfunction getDimensions (target: HTMLElement, el: HTMLElement) {\n  const initialDisplay = el.style.display\n  const initialTransform = el.style.transform\n\n  el.style.transition = 'none'\n  el.style.display = ''\n  el.style.transform = 'none'\n\n  const targetBox = target.getBoundingClientRect()\n  const elBox = el.getBoundingClientRect()\n  const x = (targetBox.width / 2 + targetBox.left) - (elBox.width / 2 + elBox.left)\n  const y = (targetBox.height / 2 + targetBox.top) - (elBox.height / 2 + elBox.top)\n  el.style.display = initialDisplay\n  el.style.transform = initialTransform\n\n  return { x, y }\n}\n"],"file":"dialog-transition.mjs"}
+{"version":3,"sources":["../../../src/components/transitions/dialog-transition.tsx"],"names":["Transition","acceleratedEasing","deceleratedEasing","defineComponent","nullifyTransforms","VDialogTransition","name","props","target","Object","setup","slots","functions","onBeforeEnter","el","style","pointerEvents","onEnter","done","Promise","resolve","requestAnimationFrame","x","y","getDimensions","animation","animate","transform","opacity","duration","easing","finished","then","onAfterEnter","removeProperty","onBeforeLeave","onLeave","onAfterLeave","targetBox","getBoundingClientRect","elBox","originX","originY","getComputedStyle","transformOrigin","split","map","v","parseFloat","anchorSide","anchorOffset","getPropertyValue","offsetX","left","width","offsetY","top","height"],"mappings":"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","sourcesContent":["import type { PropType } from 'vue'\nimport { Transition } from 'vue'\nimport { acceleratedEasing, deceleratedEasing, defineComponent, nullifyTransforms } from '@/util'\n\nexport const VDialogTransition = defineComponent({\n  name: 'VDialogTransition',\n\n  props: {\n    target: Object as PropType<HTMLElement>,\n  },\n\n  setup (props, { slots }) {\n    const functions = {\n      onBeforeEnter (el: Element) {\n        (el as HTMLElement).style.pointerEvents = 'none'\n      },\n      async onEnter (el: Element, done: () => void) {\n        await new Promise(resolve => requestAnimationFrame(resolve))\n\n        const { x, y } = getDimensions(props.target!, el as HTMLElement)\n\n        const animation = el.animate([\n          { transform: `translate(${x}px, ${y}px) scale(0.1)`, opacity: 0 },\n          { transform: '' },\n        ], {\n          duration: 225,\n          easing: deceleratedEasing,\n        })\n        animation.finished.then(() => done())\n      },\n      onAfterEnter (el: Element) {\n        (el as HTMLElement).style.removeProperty('pointer-events')\n      },\n      onBeforeLeave (el: Element) {\n        (el as HTMLElement).style.pointerEvents = 'none'\n      },\n      async onLeave (el: Element, done: () => void) {\n        await new Promise(resolve => requestAnimationFrame(resolve))\n\n        const { x, y } = getDimensions(props.target!, el as HTMLElement)\n\n        const animation = el.animate([\n          { transform: '' },\n          { transform: `translate(${x}px, ${y}px) scale(0.1)`, opacity: 0 },\n        ], {\n          duration: 125,\n          easing: acceleratedEasing,\n        })\n        animation.finished.then(() => done())\n      },\n      onAfterLeave (el: Element) {\n        (el as HTMLElement).style.removeProperty('pointer-events')\n      },\n    }\n\n    return () => {\n      return props.target\n        ? (\n          <Transition\n            name=\"dialog-transition\"\n            { ...functions }\n            css={ false }\n            v-slots={ slots }\n          />\n        )\n        : <Transition name=\"dialog-transition\" v-slots={ slots } />\n    }\n  },\n})\n\nfunction getDimensions (target: HTMLElement, el: HTMLElement) {\n  const targetBox = target.getBoundingClientRect()\n  const elBox = nullifyTransforms(el)\n  const [originX, originY] = getComputedStyle(el).transformOrigin.split(' ').map(v => parseFloat(v))\n\n  const [anchorSide, anchorOffset] = getComputedStyle(el).getPropertyValue('--v-overlay-anchor-origin').split(' ')\n\n  let offsetX = targetBox.left + targetBox.width / 2\n  if (anchorSide === 'left' || anchorOffset === 'left') {\n    offsetX -= targetBox.width / 2\n  } else if (anchorSide === 'right' || anchorOffset === 'right') {\n    offsetX += targetBox.width / 2\n  }\n\n  let offsetY = targetBox.top + targetBox.height / 2\n  if (anchorSide === 'top' || anchorOffset === 'top') {\n    offsetY -= targetBox.height / 2\n  } else if (anchorSide === 'bottom' || anchorOffset === 'bottom') {\n    offsetY += targetBox.height / 2\n  }\n\n  return {\n    x: offsetX - (originX + elBox.left),\n    y: offsetY - (originY + elBox.top),\n  }\n}\n"],"file":"dialog-transition.mjs"}

package/lib/components/transitions/expand-transition.mjs

@@ -1,6 +1,8 @@
 // Utilities
 import { camelize } from 'vue';
-export default function (expandedParentClass = '', x = false) {
+export default function () {
+  let expandedParentClass = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let x = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   const sizeProperty = x ? 'width' : 'height';
   const offsetProperty = camelize(`offset-${sizeProperty}`);
   return {

package/lib/components/transitions/expand-transition.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/transitions/expand-transition.ts"],"names":["camelize","expandedParentClass","x","sizeProperty","offsetProperty","onBeforeEnter","el","_parent","parentNode","_initialStyle","transition","style","overflow","onEnter","initialStyle","setProperty","offset","offsetHeight","classList","add","requestAnimationFrame","onAfterEnter","resetStyles","onEnterCancelled","onLeave","onAfterLeave","onLeaveCancelled","remove","size"],"mappings":"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","sourcesContent":["// Utilities\nimport { camelize } from 'vue'\n\ninterface HTMLExpandElement extends HTMLElement {\n  _parent?: (Node & ParentNode & HTMLElement) | null\n  _initialStyle?: {\n    transition: string\n    overflow: string\n    height?: string | null\n    width?: string | null\n  }\n}\n\nexport default function (expandedParentClass = '', x = false) {\n  const sizeProperty = x ? 'width' : 'height' as 'width' | 'height'\n  const offsetProperty = camelize(`offset-${sizeProperty}`) as 'offsetHeight' | 'offsetWidth'\n\n  return {\n    onBeforeEnter (el: HTMLExpandElement) {\n      el._parent = el.parentNode as (Node & ParentNode & HTMLElement) | null\n      el._initialStyle = {\n        transition: el.style.transition,\n        overflow: el.style.overflow,\n        [sizeProperty]: el.style[sizeProperty],\n      }\n    },\n\n    onEnter (el: HTMLExpandElement) {\n      const initialStyle = el._initialStyle!\n\n      el.style.setProperty('transition', 'none', 'important')\n      // Hide overflow to account for collapsed margins in the calculated height\n      el.style.overflow = 'hidden'\n      const offset = `${el[offsetProperty]}px`\n\n      el.style[sizeProperty] = '0'\n\n      void el.offsetHeight // force reflow\n\n      el.style.transition = initialStyle.transition\n\n      if (expandedParentClass && el._parent) {\n        el._parent.classList.add(expandedParentClass)\n      }\n\n      requestAnimationFrame(() => {\n        el.style[sizeProperty] = offset\n      })\n    },\n\n    onAfterEnter: resetStyles,\n    onEnterCancelled: resetStyles,\n\n    onLeave (el: HTMLExpandElement) {\n      el._initialStyle = {\n        transition: '',\n        overflow: el.style.overflow,\n        [sizeProperty]: el.style[sizeProperty],\n      }\n\n      el.style.overflow = 'hidden'\n      el.style[sizeProperty] = `${el[offsetProperty]}px`\n      void el.offsetHeight // force reflow\n\n      requestAnimationFrame(() => (el.style[sizeProperty] = '0'))\n    },\n\n    onAfterLeave,\n    onLeaveCancelled: onAfterLeave,\n  }\n\n  function onAfterLeave (el: HTMLExpandElement) {\n    if (expandedParentClass && el._parent) {\n      el._parent.classList.remove(expandedParentClass)\n    }\n    resetStyles(el)\n  }\n\n  function resetStyles (el: HTMLExpandElement) {\n    const size = el._initialStyle![sizeProperty]\n    el.style.overflow = el._initialStyle!.overflow\n    if (size != null) el.style[sizeProperty] = size\n    delete el._initialStyle\n  }\n}\n"],"file":"expand-transition.mjs"}
+{"version":3,"sources":["../../../src/components/transitions/expand-transition.ts"],"names":["camelize","expandedParentClass","x","sizeProperty","offsetProperty","onBeforeEnter","el","_parent","parentNode","_initialStyle","transition","style","overflow","onEnter","initialStyle","setProperty","offset","offsetHeight","classList","add","requestAnimationFrame","onAfterEnter","resetStyles","onEnterCancelled","onLeave","onAfterLeave","onLeaveCancelled","remove","size"],"mappings":"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","sourcesContent":["// Utilities\nimport { camelize } from 'vue'\n\ninterface HTMLExpandElement extends HTMLElement {\n  _parent?: (Node & ParentNode & HTMLElement) | null\n  _initialStyle?: {\n    transition: string\n    overflow: string\n    height?: string | null\n    width?: string | null\n  }\n}\n\nexport default function (expandedParentClass = '', x = false) {\n  const sizeProperty = x ? 'width' : 'height' as 'width' | 'height'\n  const offsetProperty = camelize(`offset-${sizeProperty}`) as 'offsetHeight' | 'offsetWidth'\n\n  return {\n    onBeforeEnter (el: HTMLExpandElement) {\n      el._parent = el.parentNode as (Node & ParentNode & HTMLElement) | null\n      el._initialStyle = {\n        transition: el.style.transition,\n        overflow: el.style.overflow,\n        [sizeProperty]: el.style[sizeProperty],\n      }\n    },\n\n    onEnter (el: HTMLExpandElement) {\n      const initialStyle = el._initialStyle!\n\n      el.style.setProperty('transition', 'none', 'important')\n      // Hide overflow to account for collapsed margins in the calculated height\n      el.style.overflow = 'hidden'\n      const offset = `${el[offsetProperty]}px`\n\n      el.style[sizeProperty] = '0'\n\n      void el.offsetHeight // force reflow\n\n      el.style.transition = initialStyle.transition\n\n      if (expandedParentClass && el._parent) {\n        el._parent.classList.add(expandedParentClass)\n      }\n\n      requestAnimationFrame(() => {\n        el.style[sizeProperty] = offset\n      })\n    },\n\n    onAfterEnter: resetStyles,\n    onEnterCancelled: resetStyles,\n\n    onLeave (el: HTMLExpandElement) {\n      el._initialStyle = {\n        transition: '',\n        overflow: el.style.overflow,\n        [sizeProperty]: el.style[sizeProperty],\n      }\n\n      el.style.overflow = 'hidden'\n      el.style[sizeProperty] = `${el[offsetProperty]}px`\n      void el.offsetHeight // force reflow\n\n      requestAnimationFrame(() => (el.style[sizeProperty] = '0'))\n    },\n\n    onAfterLeave,\n    onLeaveCancelled: onAfterLeave,\n  }\n\n  function onAfterLeave (el: HTMLExpandElement) {\n    if (expandedParentClass && el._parent) {\n      el._parent.classList.remove(expandedParentClass)\n    }\n    resetStyles(el)\n  }\n\n  function resetStyles (el: HTMLExpandElement) {\n    const size = el._initialStyle![sizeProperty]\n    el.style.overflow = el._initialStyle!.overflow\n    if (size != null) el.style[sizeProperty] = size\n    delete el._initialStyle\n  }\n}\n"],"file":"expand-transition.mjs"}

package/lib/components/transitions/index.mjs

@@ -23,5 +23,5 @@ export const VSlideYReverseTransition = createCssTransition('slide-y-reverse-tra
 
 export const VExpandTransition = createJavascriptTransition('expand-transition', ExpandTransitionGenerator());
 export const VExpandXTransition = createJavascriptTransition('expand-x-transition', ExpandTransitionGenerator('', true));
-export { default as VDialogTransition } from "./dialog-transition.mjs";
+export { VDialogTransition } from "./dialog-transition.mjs";
 //# sourceMappingURL=index.mjs.map

package/lib/components/transitions/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/transitions/index.ts"],"names":["createCssTransition","createJavascriptTransition","ExpandTransitionGenerator","VCarouselTransition","VCarouselReverseTransition","VTabTransition","VTabReverseTransition","VMenuTransition","VFabTransition","VDialogBottomTransition","VDialogTopTransition","VFadeTransition","VScaleTransition","VScrollXTransition","VScrollXReverseTransition","VScrollYTransition","VScrollYReverseTransition","VSlideXTransition","VSlideXReverseTransition","VSlideYTransition","VSlideYReverseTransition","VExpandTransition","VExpandXTransition","default","VDialogTransition"],"mappings":"SACEA,mB,EACAC,0B;OAGKC,yB,iCAEP;;AACA,OAAO,MAAMC,mBAAmB,GAAGH,mBAAmB,CAAC,qBAAD,CAA/C;AACP,OAAO,MAAMI,0BAA0B,GAAGJ,mBAAmB,CAAC,6BAAD,CAAtD;AACP,OAAO,MAAMK,cAAc,GAAGL,mBAAmB,CAAC,gBAAD,CAA1C;AACP,OAAO,MAAMM,qBAAqB,GAAGN,mBAAmB,CAAC,wBAAD,CAAjD;AACP,OAAO,MAAMO,eAAe,GAAGP,mBAAmB,CAAC,iBAAD,CAA3C;AACP,OAAO,MAAMQ,cAAc,GAAGR,mBAAmB,CAAC,gBAAD,EAAmB,eAAnB,EAAoC,QAApC,CAA1C,C,CAEP;;AACA,OAAO,MAAMS,uBAAuB,GAAGT,mBAAmB,CAAC,0BAAD,CAAnD;AACP,OAAO,MAAMU,oBAAoB,GAAGV,mBAAmB,CAAC,uBAAD,CAAhD;AACP,OAAO,MAAMW,eAAe,GAAGX,mBAAmB,CAAC,iBAAD,CAA3C;AACP,OAAO,MAAMY,gBAAgB,GAAGZ,mBAAmB,CAAC,kBAAD,CAA5C;AACP,OAAO,MAAMa,kBAAkB,GAAGb,mBAAmB,CAAC,qBAAD,CAA9C;AACP,OAAO,MAAMc,yBAAyB,GAAGd,mBAAmB,CAAC,6BAAD,CAArD;AACP,OAAO,MAAMe,kBAAkB,GAAGf,mBAAmB,CAAC,qBAAD,CAA9C;AACP,OAAO,MAAMgB,yBAAyB,GAAGhB,mBAAmB,CAAC,6BAAD,CAArD;AACP,OAAO,MAAMiB,iBAAiB,GAAGjB,mBAAmB,CAAC,oBAAD,CAA7C;AACP,OAAO,MAAMkB,wBAAwB,GAAGlB,mBAAmB,CAAC,4BAAD,CAApD;AACP,OAAO,MAAMmB,iBAAiB,GAAGnB,mBAAmB,CAAC,oBAAD,CAA7C;AACP,OAAO,MAAMoB,wBAAwB,GAAGpB,mBAAmB,CAAC,4BAAD,CAApD,C,CAEP;;AACA,OAAO,MAAMqB,iBAAiB,GAAGpB,0BAA0B,CAAC,mBAAD,EAAsBC,yBAAyB,EAA/C,CAApD;AACP,OAAO,MAAMoB,kBAAkB,GAAGrB,0BAA0B,CAAC,qBAAD,EAAwBC,yBAAyB,CAAC,EAAD,EAAK,IAAL,CAAjD,CAArD;SAEEqB,OAAO,IAAIC,iB","sourcesContent":["import {\n  createCssTransition,\n  createJavascriptTransition,\n} from './createTransition'\n\nimport ExpandTransitionGenerator from './expand-transition'\n\n// Component specific transitions\nexport const VCarouselTransition = createCssTransition('carousel-transition')\nexport const VCarouselReverseTransition = createCssTransition('carousel-reverse-transition')\nexport const VTabTransition = createCssTransition('tab-transition')\nexport const VTabReverseTransition = createCssTransition('tab-reverse-transition')\nexport const VMenuTransition = createCssTransition('menu-transition')\nexport const VFabTransition = createCssTransition('fab-transition', 'center center', 'out-in')\n\n// Generic transitions\nexport const VDialogBottomTransition = createCssTransition('dialog-bottom-transition')\nexport const VDialogTopTransition = createCssTransition('dialog-top-transition')\nexport const VFadeTransition = createCssTransition('fade-transition')\nexport const VScaleTransition = createCssTransition('scale-transition')\nexport const VScrollXTransition = createCssTransition('scroll-x-transition')\nexport const VScrollXReverseTransition = createCssTransition('scroll-x-reverse-transition')\nexport const VScrollYTransition = createCssTransition('scroll-y-transition')\nexport const VScrollYReverseTransition = createCssTransition('scroll-y-reverse-transition')\nexport const VSlideXTransition = createCssTransition('slide-x-transition')\nexport const VSlideXReverseTransition = createCssTransition('slide-x-reverse-transition')\nexport const VSlideYTransition = createCssTransition('slide-y-transition')\nexport const VSlideYReverseTransition = createCssTransition('slide-y-reverse-transition')\n\n// Javascript transitions\nexport const VExpandTransition = createJavascriptTransition('expand-transition', ExpandTransitionGenerator())\nexport const VExpandXTransition = createJavascriptTransition('expand-x-transition', ExpandTransitionGenerator('', true))\n\nexport { default as VDialogTransition } from './dialog-transition'\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/transitions/index.ts"],"names":["createCssTransition","createJavascriptTransition","ExpandTransitionGenerator","VCarouselTransition","VCarouselReverseTransition","VTabTransition","VTabReverseTransition","VMenuTransition","VFabTransition","VDialogBottomTransition","VDialogTopTransition","VFadeTransition","VScaleTransition","VScrollXTransition","VScrollXReverseTransition","VScrollYTransition","VScrollYReverseTransition","VSlideXTransition","VSlideXReverseTransition","VSlideYTransition","VSlideYReverseTransition","VExpandTransition","VExpandXTransition","VDialogTransition"],"mappings":"SACEA,mB,EACAC,0B;OAGKC,yB,iCAEP;;AACA,OAAO,MAAMC,mBAAmB,GAAGH,mBAAmB,CAAC,qBAAD,CAA/C;AACP,OAAO,MAAMI,0BAA0B,GAAGJ,mBAAmB,CAAC,6BAAD,CAAtD;AACP,OAAO,MAAMK,cAAc,GAAGL,mBAAmB,CAAC,gBAAD,CAA1C;AACP,OAAO,MAAMM,qBAAqB,GAAGN,mBAAmB,CAAC,wBAAD,CAAjD;AACP,OAAO,MAAMO,eAAe,GAAGP,mBAAmB,CAAC,iBAAD,CAA3C;AACP,OAAO,MAAMQ,cAAc,GAAGR,mBAAmB,CAAC,gBAAD,EAAmB,eAAnB,EAAoC,QAApC,CAA1C,C,CAEP;;AACA,OAAO,MAAMS,uBAAuB,GAAGT,mBAAmB,CAAC,0BAAD,CAAnD;AACP,OAAO,MAAMU,oBAAoB,GAAGV,mBAAmB,CAAC,uBAAD,CAAhD;AACP,OAAO,MAAMW,eAAe,GAAGX,mBAAmB,CAAC,iBAAD,CAA3C;AACP,OAAO,MAAMY,gBAAgB,GAAGZ,mBAAmB,CAAC,kBAAD,CAA5C;AACP,OAAO,MAAMa,kBAAkB,GAAGb,mBAAmB,CAAC,qBAAD,CAA9C;AACP,OAAO,MAAMc,yBAAyB,GAAGd,mBAAmB,CAAC,6BAAD,CAArD;AACP,OAAO,MAAMe,kBAAkB,GAAGf,mBAAmB,CAAC,qBAAD,CAA9C;AACP,OAAO,MAAMgB,yBAAyB,GAAGhB,mBAAmB,CAAC,6BAAD,CAArD;AACP,OAAO,MAAMiB,iBAAiB,GAAGjB,mBAAmB,CAAC,oBAAD,CAA7C;AACP,OAAO,MAAMkB,wBAAwB,GAAGlB,mBAAmB,CAAC,4BAAD,CAApD;AACP,OAAO,MAAMmB,iBAAiB,GAAGnB,mBAAmB,CAAC,oBAAD,CAA7C;AACP,OAAO,MAAMoB,wBAAwB,GAAGpB,mBAAmB,CAAC,4BAAD,CAApD,C,CAEP;;AACA,OAAO,MAAMqB,iBAAiB,GAAGpB,0BAA0B,CAAC,mBAAD,EAAsBC,yBAAyB,EAA/C,CAApD;AACP,OAAO,MAAMoB,kBAAkB,GAAGrB,0BAA0B,CAAC,qBAAD,EAAwBC,yBAAyB,CAAC,EAAD,EAAK,IAAL,CAAjD,CAArD;SAEEqB,iB","sourcesContent":["import {\n  createCssTransition,\n  createJavascriptTransition,\n} from './createTransition'\n\nimport ExpandTransitionGenerator from './expand-transition'\n\n// Component specific transitions\nexport const VCarouselTransition = createCssTransition('carousel-transition')\nexport const VCarouselReverseTransition = createCssTransition('carousel-reverse-transition')\nexport const VTabTransition = createCssTransition('tab-transition')\nexport const VTabReverseTransition = createCssTransition('tab-reverse-transition')\nexport const VMenuTransition = createCssTransition('menu-transition')\nexport const VFabTransition = createCssTransition('fab-transition', 'center center', 'out-in')\n\n// Generic transitions\nexport const VDialogBottomTransition = createCssTransition('dialog-bottom-transition')\nexport const VDialogTopTransition = createCssTransition('dialog-top-transition')\nexport const VFadeTransition = createCssTransition('fade-transition')\nexport const VScaleTransition = createCssTransition('scale-transition')\nexport const VScrollXTransition = createCssTransition('scroll-x-transition')\nexport const VScrollXReverseTransition = createCssTransition('scroll-x-reverse-transition')\nexport const VScrollYTransition = createCssTransition('scroll-y-transition')\nexport const VScrollYReverseTransition = createCssTransition('scroll-y-reverse-transition')\nexport const VSlideXTransition = createCssTransition('slide-x-transition')\nexport const VSlideXReverseTransition = createCssTransition('slide-x-reverse-transition')\nexport const VSlideYTransition = createCssTransition('slide-y-transition')\nexport const VSlideYReverseTransition = createCssTransition('slide-y-reverse-transition')\n\n// Javascript transitions\nexport const VExpandTransition = createJavascriptTransition('expand-transition', ExpandTransitionGenerator())\nexport const VExpandXTransition = createJavascriptTransition('expand-x-transition', ExpandTransitionGenerator('', true))\n\nexport { VDialogTransition } from './dialog-transition'\n"],"file":"index.mjs"}

package/lib/composables/border.mjs

@@ -1,12 +1,13 @@
 // Utilities
 import { computed } from 'vue';
-import { propsFactory } from "../util/index.mjs"; // Types
+import { getCurrentInstanceName, propsFactory } from "../util/index.mjs"; // Types
 
 // Composables
 export const makeBorderProps = propsFactory({
   border: [Boolean, Number, String]
 }, 'border');
-export function useBorder(props, name) {
+export function useBorder(props) {
+  let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getCurrentInstanceName();
   const borderClasses = computed(() => {
     const classes = [];
 

package/lib/composables/border.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/border.ts"],"names":["computed","propsFactory","makeBorderProps","border","Boolean","Number","String","useBorder","props","name","borderClasses","classes","push","value","split"],"mappings":"AAAA;AACA,SAASA,QAAT,QAAyB,KAAzB;SACSC,Y,6BAET;;AAKA;AACA,OAAO,MAAMC,eAAe,GAAGD,YAAY,CAAC;AAC1CE,EAAAA,MAAM,EAAE,CAACC,OAAD,EAAUC,MAAV,EAAkBC,MAAlB;AADkC,CAAD,EAExC,QAFwC,CAApC;AAIP,OAAO,SAASC,SAAT,CAAoBC,KAApB,EAAwCC,IAAxC,EAAsD;AAC3D,QAAMC,aAAa,GAAGV,QAAQ,CAAC,MAAM;AACnC,UAAMW,OAAiB,GAAG,EAA1B;;AAEA,QAAIH,KAAK,CAACL,MAAN,IAAgB,IAAhB,IAAwBK,KAAK,CAACL,MAAN,KAAiB,KAA7C,EAAoD;AAClDQ,MAAAA,OAAO,CAACC,IAAR,CAAc,GAAEH,IAAK,UAArB;AACD;;AAED,QACG,OAAOD,KAAK,CAACL,MAAb,KAAwB,QAAxB,IAAoCK,KAAK,CAACL,MAAN,KAAiB,EAAtD,IACAK,KAAK,CAACL,MAAN,KAAiB,CAFnB,EAGE;AACA,WAAK,MAAMU,KAAX,IAAoBP,MAAM,CAACE,KAAK,CAACL,MAAP,CAAN,CAAqBW,KAArB,CAA2B,GAA3B,CAApB,EAAqD;AACnDH,QAAAA,OAAO,CAACC,IAAR,CAAc,UAASC,KAAM,EAA7B;AACD;AACF;;AAED,WAAOF,OAAP;AACD,GAjB6B,CAA9B;AAmBA,SAAO;AAAED,IAAAA;AAAF,GAAP;AACD","sourcesContent":["// Utilities\nimport { computed } from 'vue'\nimport { propsFactory } from '@/util'\n\n// Types\nexport interface BorderProps {\n  border?: boolean | number | string\n}\n\n// Composables\nexport const makeBorderProps = propsFactory({\n  border: [Boolean, Number, String],\n}, 'border')\n\nexport function useBorder (props: BorderProps, name: string) {\n  const borderClasses = computed(() => {\n    const classes: string[] = []\n\n    if (props.border != null && props.border !== false) {\n      classes.push(`${name}--border`)\n    }\n\n    if (\n      (typeof props.border === 'string' && props.border !== '') ||\n      props.border === 0\n    ) {\n      for (const value of String(props.border).split(' ')) {\n        classes.push(`border-${value}`)\n      }\n    }\n\n    return classes\n  })\n\n  return { borderClasses }\n}\n"],"file":"border.mjs"}
+{"version":3,"sources":["../../src/composables/border.ts"],"names":["computed","getCurrentInstanceName","propsFactory","makeBorderProps","border","Boolean","Number","String","useBorder","props","name","borderClasses","classes","push","value","split"],"mappings":"AAAA;AACA,SAASA,QAAT,QAAyB,KAAzB;SACSC,sB,EAAwBC,Y,6BAEjC;;AAKA;AACA,OAAO,MAAMC,eAAe,GAAGD,YAAY,CAAC;AAC1CE,EAAAA,MAAM,EAAE,CAACC,OAAD,EAAUC,MAAV,EAAkBC,MAAlB;AADkC,CAAD,EAExC,QAFwC,CAApC;AAIP,OAAO,SAASC,SAAT,CACLC,KADK,EAGL;AAAA,MADAC,IACA,uEADOT,sBAAsB,EAC7B;AACA,QAAMU,aAAa,GAAGX,QAAQ,CAAC,MAAM;AACnC,UAAMY,OAAiB,GAAG,EAA1B;;AAEA,QAAIH,KAAK,CAACL,MAAN,IAAgB,IAAhB,IAAwBK,KAAK,CAACL,MAAN,KAAiB,KAA7C,EAAoD;AAClDQ,MAAAA,OAAO,CAACC,IAAR,CAAc,GAAEH,IAAK,UAArB;AACD;;AAED,QACG,OAAOD,KAAK,CAACL,MAAb,KAAwB,QAAxB,IAAoCK,KAAK,CAACL,MAAN,KAAiB,EAAtD,IACAK,KAAK,CAACL,MAAN,KAAiB,CAFnB,EAGE;AACA,WAAK,MAAMU,KAAX,IAAoBP,MAAM,CAACE,KAAK,CAACL,MAAP,CAAN,CAAqBW,KAArB,CAA2B,GAA3B,CAApB,EAAqD;AACnDH,QAAAA,OAAO,CAACC,IAAR,CAAc,UAASC,KAAM,EAA7B;AACD;AACF;;AAED,WAAOF,OAAP;AACD,GAjB6B,CAA9B;AAmBA,SAAO;AAAED,IAAAA;AAAF,GAAP;AACD","sourcesContent":["// Utilities\nimport { computed } from 'vue'\nimport { getCurrentInstanceName, propsFactory } from '@/util'\n\n// Types\nexport interface BorderProps {\n  border?: boolean | number | string\n}\n\n// Composables\nexport const makeBorderProps = propsFactory({\n  border: [Boolean, Number, String],\n}, 'border')\n\nexport function useBorder (\n  props: BorderProps,\n  name = getCurrentInstanceName(),\n) {\n  const borderClasses = computed(() => {\n    const classes: string[] = []\n\n    if (props.border != null && props.border !== false) {\n      classes.push(`${name}--border`)\n    }\n\n    if (\n      (typeof props.border === 'string' && props.border !== '') ||\n      props.border === 0\n    ) {\n      for (const value of String(props.border).split(' ')) {\n        classes.push(`border-${value}`)\n      }\n    }\n\n    return classes\n  })\n\n  return { borderClasses }\n}\n"],"file":"border.mjs"}

package/lib/composables/defaults.mjs

@@ -1,5 +1,7 @@
-import { computed, inject, provide, ref } from 'vue';
-import { mergeDeep } from "../util/helpers.mjs";
+// Utilities
+import { computed, inject, provide, ref, unref } from 'vue';
+import { mergeDeep } from "../util/index.mjs"; // Types
+
 export const DefaultsSymbol = Symbol.for('vuetify:defaults');
 export function createDefaults(options) {
   return ref(options != null ? options : {});
@@ -9,9 +11,31 @@ export function useDefaults() {
   if (!defaults) throw new Error('[Vuetify] Could not find defaults instance');
   return defaults;
 }
-export function provideDefaults(props) {
-  const defaults = useDefaults();
-  const newDefaults = computed(() => mergeDeep(defaults.value, props == null ? void 0 : props.defaults));
+export function provideDefaults(defaults, options) {
+  const injectedDefaults = useDefaults();
+  const providedDefaults = ref(defaults);
+  const newDefaults = computed(() => {
+    const scoped = unref(options == null ? void 0 : options.scoped);
+    const reset = unref(options == null ? void 0 : options.reset);
+    const root = unref(options == null ? void 0 : options.root);
+    let properties = mergeDeep(providedDefaults.value, {
+      prev: injectedDefaults.value
+    });
+    if (scoped) return properties;
+
+    if (reset || root) {
+      const len = Number(reset || Infinity);
+
+      for (let i = 0; i <= len; i++) {
+        if (!properties.prev) break;
+        properties = properties.prev;
+      }
+
+      return properties;
+    }
+
+    return mergeDeep(properties, properties.prev);
+  });
   provide(DefaultsSymbol, newDefaults);
   return newDefaults;
 }