@vuetify/nightly 3.6.13-3.7.0-beta.0.0-dev.2024-07-12 → 3.6.13-3.7.0-beta.0.0-dev.2024-07-24

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.13-3.7.0-beta.0.0-dev.2024-07-12
+* Vuetify v3.6.13-3.7.0-beta.0.0-dev.2024-07-24
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -7054,7 +7054,10 @@
   const makeVInputProps = propsFactory({
     id: String,
     appendIcon: IconValue,
-    centerAffix: Boolean,
+    centerAffix: {
+      type: Boolean,
+      default: true
+    },
     prependIcon: IconValue,
     hideDetails: [Boolean, String],
     hideSpinButtons: Boolean,
@@ -8804,7 +8807,6 @@
             children.value.set(parent, list.filter(child => child !== id));
           }
           parents.value.delete(id);
-          opened.value.delete(id);
         },
         open: (id, value, event) => {
           vm.emit('click:open', {
@@ -11574,7 +11576,10 @@
       default: '$clear'
     },
     active: Boolean,
-    centerAffix: Boolean,
+    centerAffix: {
+      type: Boolean,
+      default: undefined
+    },
     color: String,
     baseColor: String,
     dirty: Boolean,
@@ -11641,9 +11646,8 @@
       const {
         rtlClasses
       } = useRtl();
-      const isSingleLine = vue.computed(() => props.singleLine || props.centerAffix);
       const isActive = vue.computed(() => props.dirty || props.active);
-      const hasLabel = vue.computed(() => !isSingleLine.value && !!(props.label || slots.label));
+      const hasLabel = vue.computed(() => !props.singleLine && !!(props.label || slots.label));
       const uid = getUid();
       const id = vue.computed(() => props.id || `input-${uid}`);
       const messagesId = vue.computed(() => `${id.value}-messages`);
@@ -11732,7 +11736,7 @@
           "class": ['v-field', {
             'v-field--active': isActive.value,
             'v-field--appended': hasAppend,
-            'v-field--center-affix': props.centerAffix,
+            'v-field--center-affix': props.centerAffix ?? !isPlainOrUnderlined.value,
             'v-field--disabled': props.disabled,
             'v-field--dirty': props.dirty,
             'v-field--error': props.error,
@@ -11741,7 +11745,7 @@
             'v-field--persistent-clear': props.persistentClear,
             'v-field--prepended': hasPrepend,
             'v-field--reverse': props.reverse,
-            'v-field--single-line': isSingleLine.value,
+            'v-field--single-line': props.singleLine,
             'v-field--no-label': !label(),
             [`v-field--variant-${props.variant}`]: true
           }, themeClasses.value, backgroundColorClasses.value, focusClasses.value, loaderClasses.value, roundedClasses.value, rtlClasses.value, props.class],
@@ -11976,6 +11980,7 @@
           }, props.class],
           "style": props.style
         }, rootAttrs, inputProps, {
+          "centerAffix": !isPlainOrUnderlined.value,
           "focused": isFocused.value
         }), {
           ...slots,
@@ -12001,7 +12006,6 @@
               "dirty": isDirty.value || props.dirty,
               "disabled": isDisabled.value,
               "focused": isFocused.value,
-              "centerAffix": props.centerAffix,
               "error": isValid.value === false
             }), {
               ...slots,
@@ -18342,6 +18346,7 @@
   }
   function provideGroupBy(options) {
     const {
+      disableSort,
       groupBy,
       sortBy
     } = options;
@@ -18350,7 +18355,7 @@
       return groupBy.value.map(val => ({
         ...val,
         order: val.order ?? false
-      })).concat(sortBy.value);
+      })).concat(disableSort?.value ? [] : sortBy.value);
     });
     function isGroupOpen(group) {
       return opened.value.has(group.id);
@@ -18859,7 +18864,7 @@
   function useSortedItems(props, items, sortBy, options) {
     const locale = useLocale();
     const sortedItems = vue.computed(() => {
-      if (!sortBy.value.length || props.disableSort) return items.value;
+      if (!sortBy.value.length) return items.value;
       return sortItems(items.value, sortBy.value, locale.current.value, {
         transform: options?.transform,
         sortFunctions: {
@@ -18885,8 +18890,8 @@
         const sortKey = sortByItems[i].key;
         const sortOrder = sortByItems[i].order ?? 'asc';
         if (sortOrder === false) continue;
-        let sortA = a[1][sortKey];
-        let sortB = b[1][sortKey];
+        let sortA = getObjectValueByPath(a[1], sortKey);
+        let sortB = getObjectValueByPath(b[1], sortKey);
         let sortARaw = a[0].raw;
         let sortBRaw = b[0].raw;
         if (sortOrder === 'desc') {
@@ -20611,6 +20616,9 @@
         page,
         itemsPerPage
       } = createPagination(props);
+      const {
+        disableSort
+      } = vue.toRefs(props);
       const {
         columns,
         headers,
@@ -20648,12 +20656,16 @@
         toggleGroup
       } = provideGroupBy({
         groupBy,
-        sortBy
+        sortBy,
+        disableSort
       });
       const {
         sortedItems
       } = useSortedItems(props, filteredItems, sortByWithGroups, {
-        transform: item => item.columns,
+        transform: item => ({
+          ...item.raw,
+          ...item.columns
+        }),
         sortFunctions,
         sortRawFunctions
       });
@@ -20791,6 +20803,9 @@
         multiSort,
         mustSort
       } = createSort(props);
+      const {
+        disableSort
+      } = vue.toRefs(props);
       const {
         columns,
         headers,
@@ -20827,12 +20842,16 @@
         toggleGroup
       } = provideGroupBy({
         groupBy,
-        sortBy
+        sortBy,
+        disableSort
       });
       const {
         sortedItems
       } = useSortedItems(props, filteredItems, sortByWithGroups, {
-        transform: item => item.columns,
+        transform: item => ({
+          ...item.raw,
+          ...item.columns
+        }),
         sortFunctions,
         sortRawFunctions
       });
@@ -21016,6 +21035,9 @@
         page,
         itemsPerPage
       } = createPagination(props);
+      const {
+        disableSort
+      } = vue.toRefs(props);
       const itemsLength = vue.computed(() => parseInt(props.itemsLength, 10));
       const {
         columns,
@@ -21043,7 +21065,8 @@
         extractRows
       } = provideGroupBy({
         groupBy,
-        sortBy
+        sortBy,
+        disableSort
       });
       const {
         pageCount,
@@ -21807,6 +21830,9 @@
         const _value = adapter.startOfDay(value);
         if (model.value.length === 0) {
           rangeStart.value = undefined;
+        } else if (model.value.length === 1) {
+          rangeStart.value = model.value[0];
+          rangeStop.value = undefined;
         }
         if (!rangeStart.value) {
           rangeStart.value = _value;
@@ -24491,7 +24517,7 @@
       function onPaste(index, e) {
         e.preventDefault();
         e.stopPropagation();
-        const clipboardText = e?.clipboardData?.getData('Text') ?? '';
+        const clipboardText = e?.clipboardData?.getData('Text').slice(0, length.value) ?? '';
         if (isValidNumber(clipboardText)) return;
         model.value = clipboardText.split('');
         inputRef.value?.[index].blur();
@@ -27036,8 +27062,8 @@
     },
     suffix: String,
     modelModifiers: Object,
-    ...omit(makeVInputProps(), ['centerAffix']),
-    ...omit(makeVFieldProps(), ['centerAffix'])
+    ...makeVInputProps(),
+    ...makeVFieldProps()
   }, 'VTextarea');
   const VTextarea = genericComponent()({
     name: 'VTextarea',
@@ -27176,7 +27202,7 @@
           }, props.class],
           "style": props.style
         }, rootAttrs, inputProps, {
-          "centerAffix": false,
+          "centerAffix": rows.value === 1 && !isPlainOrUnderlined.value,
           "focused": isFocused.value
         }), {
           ...slots,
@@ -27201,7 +27227,7 @@
             }, fieldProps, {
               "id": id.value,
               "active": isActive.value || isDirty.value,
-              "centerAffix": false,
+              "centerAffix": rows.value === 1 && !isPlainOrUnderlined.value,
               "dirty": isDirty.value || props.dirty,
               "disabled": isDisabled.value,
               "focused": isFocused.value,
@@ -28133,7 +28159,7 @@
       goTo
     };
   }
-  const version$1 = "3.6.13-3.7.0-beta.0.0-dev.2024-07-12";
+  const version$1 = "3.6.13-3.7.0-beta.0.0-dev.2024-07-24";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -28158,7 +28184,7 @@
       ...options
     });
   };
-  const version = "3.6.13-3.7.0-beta.0.0-dev.2024-07-12";
+  const version = "3.6.13-3.7.0-beta.0.0-dev.2024-07-24";
   createVuetify.version = version;
 
   exports.blueprints = index;