vuetify 3.0.0-beta.9 → 3.0.1

package/lib/components/index.mjs

@@ -6,12 +6,10 @@ 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/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";
@@ -19,13 +17,11 @@ 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";
@@ -52,11 +48,9 @@ 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 "./VParallax/index.mjs"; // export * from './VPicker'
-
 export * from "./VProgressCircular/index.mjs";
 export * from "./VProgressLinear/index.mjs";
 export * from "./VRadio/index.mjs";
@@ -68,13 +62,11 @@ 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/index.mjs";
 export * from "./VSystemBar/index.mjs";
 export * from "./VTabs/index.mjs";
@@ -83,12 +75,9 @@ 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/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,"file":"index.mjs","names":[],"sources":["../../src/components/index.ts"],"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"],"mappings":";;;;;;;+CAQA;;;;;wCAKA;;;;;;;;0CAQA;;;sCAGA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;oCA0BA;AACA;;;;uCAIA;;;;;;;;;;;;oCAYA;;;;uCAIA;AACA;AACA;;;;;;;;;uCASA;;;sCAGA;;yCAEA"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/components/index.ts"],"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"],"mappings":";;;;;;;+CAQA;AAAA;AAAA;AAAA;AAAA,wCAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0CAQA;AAAA;AAAA,sCAGA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCA0BA;AACA;AAAA;AAAA;AAAA,uCAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAYA;AAAA;AAAA;AAAA,uCAIA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCASA;AAAA;AAAA,sCAGA;AAAA,yCAEA;AAAA;AAAA"}

package/lib/components/transitions/createTransition.mjs

@@ -1,7 +1,6 @@
 // Utilities
 import { h, Transition, TransitionGroup } from 'vue';
 import { defineComponent } from "../../util/index.mjs"; // Types
-
 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;
@@ -20,7 +19,6 @@ export function createCssTransition(name) {
         default: origin
       }
     },
-
     setup(props, _ref) {
       let {
         slots
@@ -30,11 +28,9 @@ export function createCssTransition(name) {
         return h(tag, {
           name,
           mode: props.mode,
-
           onBeforeEnter(el) {
             el.style.transformOrigin = props.origin;
           },
-
           onLeave(el) {
             if (props.leaveAbsolute) {
               const {
@@ -56,12 +52,10 @@ export function createCssTransition(name) {
               el.style.width = `${offsetWidth}px`;
               el.style.height = `${offsetHeight}px`;
             }
-
             if (props.hideOnLeave) {
               el.style.setProperty('display', 'none', 'important');
             }
           },
-
           onAfterLeave(el) {
             if (props.leaveAbsolute && el != null && el._transitionInitialStyles) {
               const {
@@ -79,11 +73,9 @@ export function createCssTransition(name) {
               el.style.height = height || '';
             }
           }
-
         }, slots.default);
       };
     }
-
   });
 }
 export function createJavascriptTransition(name, functions) {
@@ -96,7 +88,6 @@ export function createJavascriptTransition(name, functions) {
         default: mode
       }
     },
-
     setup(props, _ref2) {
       let {
         slots
@@ -109,7 +100,6 @@ export function createJavascriptTransition(name, functions) {
         }, slots.default);
       };
     }
-
   });
 }
 //# sourceMappingURL=createTransition.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"createTransition.mjs","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"],"sources":["../../../src/components/transitions/createTransition.ts"],"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"],"mappings":"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"}
+{"version":3,"file":"createTransition.mjs","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"],"sources":["../../../src/components/transitions/createTransition.ts"],"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"],"mappings":"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"}

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

@@ -1,12 +1,11 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
 import { Transition } from 'vue';
-import { acceleratedEasing, deceleratedEasing, defineComponent, nullifyTransforms, standardEasing } from "../../util/index.mjs";
+import { acceleratedEasing, animate, deceleratedEasing, defineComponent, nullifyTransforms, standardEasing } from "../../util/index.mjs";
 export const VDialogTransition = defineComponent({
   name: 'VDialogTransition',
   props: {
     target: Object
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -16,10 +15,8 @@ export const VDialogTransition = defineComponent({
         el.style.pointerEvents = 'none';
         el.style.visibility = 'hidden';
       },
-
       async onEnter(el, done) {
         var _getChildren;
-
         await new Promise(resolve => requestAnimationFrame(resolve));
         await new Promise(resolve => requestAnimationFrame(resolve));
         el.style.visibility = '';
@@ -30,7 +27,7 @@ export const VDialogTransition = defineComponent({
           sy,
           speed
         } = getDimensions(props.target, el);
-        const animation = el.animate([{
+        const animation = animate(el, [{
           transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`,
           opacity: 0
         }, {
@@ -40,7 +37,7 @@ export const VDialogTransition = defineComponent({
           easing: deceleratedEasing
         });
         (_getChildren = getChildren(el)) == null ? void 0 : _getChildren.forEach(el => {
-          el.animate([{
+          animate(el, [{
             opacity: 0
           }, {
             opacity: 0,
@@ -54,18 +51,14 @@ export const VDialogTransition = defineComponent({
         });
         animation.finished.then(() => done());
       },
-
       onAfterEnter(el) {
         el.style.removeProperty('pointer-events');
       },
-
       onBeforeLeave(el) {
         el.style.pointerEvents = 'none';
       },
-
       async onLeave(el, done) {
         var _getChildren2;
-
         await new Promise(resolve => requestAnimationFrame(resolve));
         const {
           x,
@@ -74,7 +67,7 @@ export const VDialogTransition = defineComponent({
           sy,
           speed
         } = getDimensions(props.target, el);
-        const animation = el.animate([{
+        const animation = animate(el, [{
           transform: ''
         }, {
           transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`,
@@ -85,7 +78,7 @@ export const VDialogTransition = defineComponent({
         });
         animation.finished.then(() => done());
         (_getChildren2 = getChildren(el)) == null ? void 0 : _getChildren2.forEach(el => {
-          el.animate([{}, {
+          animate(el, [{}, {
             opacity: 0,
             offset: 0.2
           }, {
@@ -96,11 +89,9 @@ export const VDialogTransition = defineComponent({
           });
         });
       },
-
       onAfterLeave(el) {
         el.style.removeProperty('pointer-events');
       }
-
     };
     return () => {
       return props.target ? _createVNode(Transition, _mergeProps({
@@ -112,44 +103,38 @@ export const VDialogTransition = defineComponent({
       }, slots);
     };
   }
-
 });
-/** Animatable children (card, sheet, list) */
 
+/** Animatable children (card, sheet, list) */
 function getChildren(el) {
   var _el$querySelector;
-
   const els = (_el$querySelector = el.querySelector(':scope > .v-card, :scope > .v-sheet, :scope > .v-list')) == null ? void 0 : _el$querySelector.children;
   return els && [...els];
 }
-
 function getDimensions(target, el) {
   const targetBox = target.getBoundingClientRect();
   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;
   }
-
   const tsx = targetBox.width / elBox.width;
   const tsy = targetBox.height / elBox.height;
   const maxs = Math.max(1, tsx, tsy);
   const sx = tsx / maxs;
-  const sy = tsy / maxs; // Animate elements larger than 12% of the screen area up to 1.5x slower
+  const sy = tsy / maxs;
 
+  // Animate elements larger than 12% of the screen area up to 1.5x slower
   const asa = elBox.width * elBox.height / (window.innerWidth * window.innerHeight);
   const speed = asa > 0.12 ? Math.min(1.5, (asa - 0.12) * 10 + 1) : 1;
   return {

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

@@ -1 +1 @@
-{"version":3,"file":"dialog-transition.mjs","names":["Transition","acceleratedEasing","deceleratedEasing","defineComponent","nullifyTransforms","standardEasing","VDialogTransition","name","props","target","Object","setup","slots","functions","onBeforeEnter","el","style","pointerEvents","visibility","onEnter","done","Promise","resolve","requestAnimationFrame","x","y","sx","sy","speed","getDimensions","animation","animate","transform","opacity","duration","easing","getChildren","forEach","offset","finished","then","onAfterEnter","removeProperty","onBeforeLeave","onLeave","onAfterLeave","els","querySelector","children","targetBox","getBoundingClientRect","elBox","originX","originY","getComputedStyle","transformOrigin","split","map","v","parseFloat","anchorSide","anchorOffset","getPropertyValue","offsetX","left","width","offsetY","top","height","tsx","tsy","maxs","Math","max","asa","window","innerWidth","innerHeight","min"],"sources":["../../../src/components/transitions/dialog-transition.tsx"],"sourcesContent":["import type { PropType } from 'vue'\nimport { Transition } from 'vue'\nimport { acceleratedEasing, deceleratedEasing, defineComponent, nullifyTransforms, standardEasing } 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        ;(el as HTMLElement).style.visibility = 'hidden'\n      },\n      async onEnter (el: Element, done: () => void) {\n        await new Promise(resolve => requestAnimationFrame(resolve))\n        await new Promise(resolve => requestAnimationFrame(resolve))\n        ;(el as HTMLElement).style.visibility = ''\n\n        const { x, y, sx, sy, speed } = getDimensions(props.target!, el as HTMLElement)\n\n        const animation = el.animate([\n          { transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`, opacity: 0 },\n          { transform: '' },\n        ], {\n          duration: 225 * speed,\n          easing: deceleratedEasing,\n        })\n        getChildren(el)?.forEach(el => {\n          el.animate([\n            { opacity: 0 },\n            { opacity: 0, offset: 0.33 },\n            { opacity: 1 },\n          ], {\n            duration: 225 * 2 * speed,\n            easing: standardEasing,\n          })\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, sx, sy, speed } = getDimensions(props.target!, el as HTMLElement)\n\n        const animation = el.animate([\n          { transform: '' },\n          { transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`, opacity: 0 },\n        ], {\n          duration: 125 * speed,\n          easing: acceleratedEasing,\n        })\n        animation.finished.then(() => done())\n        getChildren(el)?.forEach(el => {\n          el.animate([\n            {},\n            { opacity: 0, offset: 0.2 },\n            { opacity: 0 },\n          ], {\n            duration: 125 * 2 * speed,\n            easing: standardEasing,\n          })\n        })\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\n/** Animatable children (card, sheet, list) */\nfunction getChildren (el: Element) {\n  const els = el.querySelector(':scope > .v-card, :scope > .v-sheet, :scope > .v-list')?.children\n  return els && [...els]\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  const tsx = targetBox.width / elBox.width\n  const tsy = targetBox.height / elBox.height\n  const maxs = Math.max(1, tsx, tsy)\n  const sx = tsx / maxs\n  const sy = tsy / maxs\n\n  // Animate elements larger than 12% of the screen area up to 1.5x slower\n  const asa = (elBox.width * elBox.height) / (window.innerWidth * window.innerHeight)\n  const speed = asa > 0.12\n    ? Math.min(1.5, (asa - 0.12) * 10 + 1)\n    : 1\n\n  return {\n    x: offsetX - (originX + elBox.left),\n    y: offsetY - (originY + elBox.top),\n    sx,\n    sy,\n    speed,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"dialog-transition.mjs","names":["Transition","acceleratedEasing","animate","deceleratedEasing","defineComponent","nullifyTransforms","standardEasing","VDialogTransition","name","props","target","Object","setup","slots","functions","onBeforeEnter","el","style","pointerEvents","visibility","onEnter","done","Promise","resolve","requestAnimationFrame","x","y","sx","sy","speed","getDimensions","animation","transform","opacity","duration","easing","getChildren","forEach","offset","finished","then","onAfterEnter","removeProperty","onBeforeLeave","onLeave","onAfterLeave","els","querySelector","children","targetBox","getBoundingClientRect","elBox","originX","originY","getComputedStyle","transformOrigin","split","map","v","parseFloat","anchorSide","anchorOffset","getPropertyValue","offsetX","left","width","offsetY","top","height","tsx","tsy","maxs","Math","max","asa","window","innerWidth","innerHeight","min"],"sources":["../../../src/components/transitions/dialog-transition.tsx"],"sourcesContent":["import type { PropType } from 'vue'\nimport { Transition } from 'vue'\nimport {\n  acceleratedEasing,\n  animate,\n  deceleratedEasing,\n  defineComponent,\n  nullifyTransforms,\n  standardEasing,\n} 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        ;(el as HTMLElement).style.visibility = 'hidden'\n      },\n      async onEnter (el: Element, done: () => void) {\n        await new Promise(resolve => requestAnimationFrame(resolve))\n        await new Promise(resolve => requestAnimationFrame(resolve))\n        ;(el as HTMLElement).style.visibility = ''\n\n        const { x, y, sx, sy, speed } = getDimensions(props.target!, el as HTMLElement)\n\n        const animation = animate(el, [\n          { transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`, opacity: 0 },\n          { transform: '' },\n        ], {\n          duration: 225 * speed,\n          easing: deceleratedEasing,\n        })\n        getChildren(el)?.forEach(el => {\n          animate(el, [\n            { opacity: 0 },\n            { opacity: 0, offset: 0.33 },\n            { opacity: 1 },\n          ], {\n            duration: 225 * 2 * speed,\n            easing: standardEasing,\n          })\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, sx, sy, speed } = getDimensions(props.target!, el as HTMLElement)\n\n        const animation = animate(el, [\n          { transform: '' },\n          { transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`, opacity: 0 },\n        ], {\n          duration: 125 * speed,\n          easing: acceleratedEasing,\n        })\n        animation.finished.then(() => done())\n        getChildren(el)?.forEach(el => {\n          animate(el, [\n            {},\n            { opacity: 0, offset: 0.2 },\n            { opacity: 0 },\n          ], {\n            duration: 125 * 2 * speed,\n            easing: standardEasing,\n          })\n        })\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\n/** Animatable children (card, sheet, list) */\nfunction getChildren (el: Element) {\n  const els = el.querySelector(':scope > .v-card, :scope > .v-sheet, :scope > .v-list')?.children\n  return els && [...els]\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  const tsx = targetBox.width / elBox.width\n  const tsy = targetBox.height / elBox.height\n  const maxs = Math.max(1, tsx, tsy)\n  const sx = tsx / maxs\n  const sy = tsy / maxs\n\n  // Animate elements larger than 12% of the screen area up to 1.5x slower\n  const asa = (elBox.width * elBox.height) / (window.innerWidth * window.innerHeight)\n  const speed = asa > 0.12\n    ? Math.min(1.5, (asa - 0.12) * 10 + 1)\n    : 1\n\n  return {\n    x: offsetX - (originX + elBox.left),\n    y: offsetY - (originY + elBox.top),\n    sx,\n    sy,\n    speed,\n  }\n}\n\nexport type VDialogTransition = InstanceType<typeof VDialogTransition>\n"],"mappings":"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"}

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

@@ -14,30 +14,25 @@ export default function () {
         [sizeProperty]: el.style[sizeProperty]
       };
     },
-
     onEnter(el) {
       const initialStyle = el._initialStyle;
-      el.style.setProperty('transition', 'none', 'important'); // Hide overflow to account for collapsed margins in the calculated height
-
+      el.style.setProperty('transition', 'none', 'important');
+      // Hide overflow to account for collapsed margins in the calculated height
       el.style.overflow = 'hidden';
       const offset = `${el[offsetProperty]}px`;
       el.style[sizeProperty] = '0';
       void el.offsetHeight; // force reflow
 
       el.style.transition = initialStyle.transition;
-
       if (expandedParentClass && el._parent) {
         el._parent.classList.add(expandedParentClass);
       }
-
       requestAnimationFrame(() => {
         el.style[sizeProperty] = offset;
       });
     },
-
     onAfterEnter: resetStyles,
     onEnterCancelled: resetStyles,
-
     onLeave(el) {
       el._initialStyle = {
         transition: '',
@@ -50,19 +45,15 @@ export default function () {
 
       requestAnimationFrame(() => el.style[sizeProperty] = '0');
     },
-
     onAfterLeave,
     onLeaveCancelled: onAfterLeave
   };
-
   function onAfterLeave(el) {
     if (expandedParentClass && el._parent) {
       el._parent.classList.remove(expandedParentClass);
     }
-
     resetStyles(el);
   }
-
   function resetStyles(el) {
     const size = el._initialStyle[sizeProperty];
     el.style.overflow = el._initialStyle.overflow;

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

@@ -1 +1 @@
-{"version":3,"file":"expand-transition.mjs","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"],"sources":["../../../src/components/transitions/expand-transition.ts"],"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"],"mappings":"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"}
+{"version":3,"file":"expand-transition.mjs","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"],"sources":["../../../src/components/transitions/expand-transition.ts"],"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"],"mappings":"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"}