vuetify 3.3.4 → 3.3.5

package/dist/json/attributes.json

@@ -3555,10 +3555,6 @@
     "type": "string\n",
     "description": "Text shown when no **display-date** is set."
   },
-  "v-date-picker/transition": {
-    "type": "string\n",
-    "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
-  },
   "v-date-picker/multiple": {
     "type": "boolean\n",
     "description": "Allow the selection of multiple dates"

package/dist/json/importMap.json

@@ -4,18 +4,6 @@
       "from": "components/VApp/index.mjs",
       "styles": []
     },
-    "VAppBar": {
-      "from": "components/VAppBar/index.mjs",
-      "styles": []
-    },
-    "VAppBarNavIcon": {
-      "from": "components/VAppBar/index.mjs",
-      "styles": []
-    },
-    "VAppBarTitle": {
-      "from": "components/VAppBar/index.mjs",
-      "styles": []
-    },
     "VAlert": {
       "from": "components/VAlert/index.mjs",
       "styles": []
@@ -100,6 +88,14 @@
       "from": "components/VCard/index.mjs",
       "styles": []
     },
+    "VCarousel": {
+      "from": "components/VCarousel/index.mjs",
+      "styles": []
+    },
+    "VCarouselItem": {
+      "from": "components/VCarousel/index.mjs",
+      "styles": []
+    },
     "VCheckbox": {
       "from": "components/VCheckbox/index.mjs",
       "styles": []
@@ -120,14 +116,6 @@
       "from": "components/VCode/index.mjs",
       "styles": []
     },
-    "VCarousel": {
-      "from": "components/VCarousel/index.mjs",
-      "styles": []
-    },
-    "VCarouselItem": {
-      "from": "components/VCarousel/index.mjs",
-      "styles": []
-    },
     "VColorPicker": {
       "from": "components/VColorPicker/index.mjs",
       "styles": []
@@ -328,14 +316,14 @@
       "from": "components/VSlider/index.mjs",
       "styles": []
     },
-    "VSwitch": {
-      "from": "components/VSwitch/index.mjs",
-      "styles": []
-    },
     "VSnackbar": {
       "from": "components/VSnackbar/index.mjs",
       "styles": []
     },
+    "VSwitch": {
+      "from": "components/VSwitch/index.mjs",
+      "styles": []
+    },
     "VSystemBar": {
       "from": "components/VSystemBar/index.mjs",
       "styles": []
@@ -352,6 +340,10 @@
       "from": "components/VTable/index.mjs",
       "styles": []
     },
+    "VTextarea": {
+      "from": "components/VTextarea/index.mjs",
+      "styles": []
+    },
     "VTextField": {
       "from": "components/VTextField/index.mjs",
       "styles": []
@@ -388,6 +380,18 @@
       "from": "components/VWindow/index.mjs",
       "styles": []
     },
+    "VAppBar": {
+      "from": "components/VAppBar/index.mjs",
+      "styles": []
+    },
+    "VAppBarNavIcon": {
+      "from": "components/VAppBar/index.mjs",
+      "styles": []
+    },
+    "VAppBarTitle": {
+      "from": "components/VAppBar/index.mjs",
+      "styles": []
+    },
     "VDefaultsProvider": {
       "from": "components/VDefaultsProvider/index.mjs",
       "styles": []
@@ -396,10 +400,6 @@
       "from": "components/VForm/index.mjs",
       "styles": []
     },
-    "VHover": {
-      "from": "components/VHover/index.mjs",
-      "styles": []
-    },
     "VContainer": {
       "from": "components/VGrid/index.mjs",
       "styles": []
@@ -416,6 +416,10 @@
       "from": "components/VGrid/index.mjs",
       "styles": []
     },
+    "VHover": {
+      "from": "components/VHover/index.mjs",
+      "styles": []
+    },
     "VLayout": {
       "from": "components/VLayout/index.mjs",
       "styles": []
@@ -527,10 +531,6 @@
     "VDialogTransition": {
       "from": "components/transitions/index.mjs",
       "styles": []
-    },
-    "VTextarea": {
-      "from": "components/VTextarea/index.mjs",
-      "styles": []
     }
   },
   "directives": [

package/dist/json/tags.json

@@ -1150,7 +1150,6 @@
       "tag",
       "theme",
       "title",
-      "transition",
       "view-mode",
       "width"
     ],

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "3.3.4",
+  "version": "3.3.5",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -15074,16 +15074,6 @@
                 "type": "string\n"
               }
             },
-            {
-              "name": "transition",
-              "description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition.",
-              "doc-url": "https://vuetifyjs.com/api/v-date-picker#props",
-              "default": "'fade'",
-              "value": {
-                "kind": "expression",
-                "type": "string\n"
-              }
-            },
             {
               "name": "multiple",
               "description": "Allow the selection of multiple dates",
@@ -15487,7 +15477,7 @@
               "name": "displayDate",
               "description": "MISSING DESCRIPTION",
               "doc-url": "https://vuetifyjs.com/api/v-date-picker-controls#props",
-              "default": "new Date('2023-06-13T20:04:56.103Z')",
+              "default": "new Date('2023-06-20T16:36:52.948Z')",
               "value": {
                 "kind": "expression",
                 "type": "any\n"
@@ -15694,7 +15684,7 @@
               "name": "displayDate",
               "description": "MISSING DESCRIPTION",
               "doc-url": "https://vuetifyjs.com/api/v-date-picker-month#props",
-              "default": "new Date('2023-06-13T20:04:56.103Z')",
+              "default": "new Date('2023-06-20T16:36:52.948Z')",
               "value": {
                 "kind": "expression",
                 "type": "any\n"

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.4
+* Vuetify v3.3.5
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -16180,19 +16180,17 @@ html.overflow-y-hidden {
 
 .v-date-picker {
   overflow: hidden;
-  width: 358px;
 }
 .v-date-picker .v-date-picker-month {
-  padding-bottom: 8px;
   padding-inline-start: 12px;
   padding-inline-end: 12px;
 }
 .v-date-picker .v-date-picker-month .v-date-picker-month__day {
-  height: 40px;
-  width: 40px;
+  height: 48px;
+  width: 48px;
 }
 .v-date-picker .v-date-picker-month .v-date-picker-month__day .v-btn {
-  --v-btn-height: 24px;
+  --v-btn-height: 28px;
   --v-btn-size: 0.85rem;
 }.v-date-picker-controls {
   display: flex;
@@ -16200,10 +16198,12 @@ html.overflow-y-hidden {
   justify-content: space-between;
   font-size: 0.875rem;
   padding-inline-start: 24px;
+  padding-top: 4px;
+  padding-bottom: 4px;
   padding-inline-end: 12px;
 }
 .v-date-picker-controls .v-btn:last-child {
-  margin-left: 24px;
+  margin-left: 4px;
 }
 
 .v-date-picker-controls__date {
@@ -16264,7 +16264,6 @@ html.overflow-y-hidden {
 }.v-date-picker-month {
   display: flex;
   justify-content: center;
-  height: 268px;
   min-width: 328px;
   --v-date-picker-month-day-diff: 4px;
 }
@@ -16338,7 +16337,7 @@ html.overflow-y-hidden {
 .v-date-picker-month__day--selected.v-date-picker-month__day--start.v-date-picker-month__day--week-end .v-date-picker-month__day--range {
   display: none;
 }.v-date-picker-years {
-  height: 268px;
+  height: 308px;
   overflow-y: scroll;
 }
 
@@ -16386,7 +16385,7 @@ html.overflow-y-hidden {
   grid-auto-rows: min-content;
   grid-template-areas: "title" "header" "body";
   overflow: hidden;
-  width: 358px;
+  width: 360px;
 }
 .v-picker.v-sheet.v-picker--with-actions {
   grid-template-areas: "title" "header" "body" "actions";
@@ -20615,6 +20614,11 @@ textarea.v-field__input::placeholder {
 
 .v-img__gradient {
   background-repeat: no-repeat;
+}.v-item-group {
+  flex: 0 1 auto;
+  max-width: 100%;
+  position: relative;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 }.v-input {
   display: grid;
   flex: 1 1 auto;
@@ -20775,11 +20779,6 @@ textarea.v-field__input::placeholder {
 
 .v-layout-item--absolute {
   position: absolute;
-}.v-item-group {
-  flex: 0 1 auto;
-  max-width: 100%;
-  position: relative;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 }.v-list {
   overflow: auto;
   padding: 8px 0;

package/dist/vuetify-labs.d.ts

@@ -72016,9 +72016,6 @@ declare const VDatePicker: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: {
-            transition?: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component | undefined;
-            })> | undefined;
             header?: string | undefined;
             style?: vue.StyleValue | undefined;
             title?: string | undefined;
@@ -72151,9 +72148,6 @@ declare const VDatePicker: {
         $emit: ((event: "update:modelValue", date: any[]) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "update:inputMode", inputMode: "calendar" | "keyboard") => void) & ((event: "update:displayDate", date: any) => void) & ((event: "update:viewMode", viewMode: "month" | "year") => void) & ((event: "click:cancel") => void) & ((event: "click:save") => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
-            transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component | undefined;
-            })>;
             header: string;
             style: vue.StyleValue;
             title: string;
@@ -72236,9 +72230,6 @@ declare const VDatePicker: {
             'click:cancel': () => true;
             'click:save': () => true;
         }, string, {
-            transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component | undefined;
-            })>;
             header: string;
             style: vue.StyleValue;
             title: string;
@@ -72292,9 +72283,6 @@ declare const VDatePicker: {
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
-        transition: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
-        })>;
         header: string;
         style: vue.StyleValue;
         title: string;
@@ -72373,9 +72361,6 @@ declare const VDatePicker: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
-    transition: NonNullable<string | boolean | (vue.TransitionProps & {
-        component?: vue.Component | undefined;
-    })>;
     header: string;
     style: vue.StyleValue;
     title: string;
@@ -72458,9 +72443,6 @@ declare const VDatePicker: {
     'click:cancel': () => true;
     'click:save': () => true;
 }, string, {
-    transition: NonNullable<string | boolean | (vue.TransitionProps & {
-        component?: vue.Component | undefined;
-    })>;
     header: string;
     style: vue.StyleValue;
     title: string;
@@ -72571,20 +72553,6 @@ declare const VDatePicker: {
         type: StringConstructor[];
         default: string;
     };
-    transition: Omit<{
-        type: vue.PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
-        })>;
-        default: string;
-        validator: (val: unknown) => boolean;
-    }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
-        })>>;
-        default: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
-        })>;
-    };
     inputMode: {
         type: vue.PropType<"calendar" | "keyboard">;
         default: string;
@@ -72692,20 +72660,6 @@ declare const VDatePicker: {
         type: StringConstructor[];
         default: string;
     };
-    transition: Omit<{
-        type: vue.PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
-        })>;
-        default: string;
-        validator: (val: unknown) => boolean;
-    }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
-        })>>;
-        default: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component | undefined;
-        })>;
-    };
     inputMode: {
         type: vue.PropType<"calendar" | "keyboard">;
         default: string;

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.4
+* Vuetify v3.3.5
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -19104,12 +19104,14 @@ function useVirtual(props, items, offset) {
     const direction = scrollTop < lastScrollTop ? UP : DOWN;
     const midPointIndex = calculateMidPointIndex(scrollTop + height / 2);
     const buffer = Math.round(visibleItems.value / 3);
-    if (direction === UP && midPointIndex <= first.value + buffer * 2 - 1) {
-      first.value = clamp(midPointIndex - buffer, 0, items.value.length);
-    } else if (direction === DOWN && midPointIndex >= first.value + buffer * 2 - 1) {
-      first.value = clamp(midPointIndex - buffer, 0, items.value.length - visibleItems.value);
+    const firstIndex = midPointIndex - buffer;
+    const lastIndex = first.value + buffer * 2 - 1;
+    if (direction === UP && midPointIndex <= lastIndex) {
+      first.value = clamp(firstIndex, 0, items.value.length);
+    } else if (direction === DOWN && midPointIndex >= lastIndex) {
+      first.value = clamp(firstIndex, 0, items.value.length - visibleItems.value);
     }
-    lastScrollTop = containerRef.value.scrollTop;
+    lastScrollTop = scrollTop;
   }
   function scrollToIndex(index) {
     if (!containerRef.value) return;
@@ -22576,9 +22578,6 @@ const makeVDatePickerProps = propsFactory({
   },
   hideActions: Boolean,
   ...makeDateProps(),
-  ...makeTransitionProps({
-    transition: 'fade'
-  }),
   ...makeVDatePickerControlsProps(),
   ...makeVDatePickerMonthProps(),
   ...makeVDatePickerYearsProps(),
@@ -22625,7 +22624,9 @@ const VDatePicker = genericComponent()({
       if (props.hideActions) {
         emit('update:modelValue', val);
       }
-      isReversing.value = adapter.isBefore(val[0], oldVal[0]);
+      if (val[0] && oldVal[0]) {
+        isReversing.value = adapter.isBefore(val[0], oldVal[0]);
+      }
     });
     function onClickCancel() {
       emit('click:cancel');
@@ -22661,16 +22662,19 @@ const VDatePicker = genericComponent()({
           "onUpdate:displayDate": $event => displayDate.value = $event,
           "viewMode": viewMode.value,
           "onUpdate:viewMode": $event => viewMode.value = $event
-        }), null), createVNode(MaybeTransition, {
-          "transition": props.transition,
-          "mode": "out-in"
+        }), null), createVNode(VFadeTransition, {
+          "hideOnLeave": true
         }, {
-          default: () => [viewMode.value === 'month' ? createVNode(VDatePickerMonth, mergeProps(datePickerMonthProps, {
+          default: () => [viewMode.value === 'month' ? createVNode(VDatePickerMonth, mergeProps({
+            "key": "date-picker-month"
+          }, datePickerMonthProps, {
             "modelValue": model.value,
             "onUpdate:modelValue": $event => model.value = $event,
             "displayDate": displayDate.value,
             "onUpdate:displayDate": $event => displayDate.value = $event
-          }), null) : createVNode(VDatePickerYears, mergeProps(datePickerYearsProps, {
+          }), null) : createVNode(VDatePickerYears, mergeProps({
+            "key": "date-picker-years"
+          }, datePickerYearsProps, {
             "displayDate": displayDate.value,
             "onUpdate:displayDate": $event => displayDate.value = $event,
             "viewMode": viewMode.value,
@@ -23415,7 +23419,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.3.4";
+const version$1 = "3.3.5";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -23429,7 +23433,7 @@ function inject(key) {
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.3.4";
+const version = "3.3.5";
 
 /* eslint-disable local-rules/sort-imports */