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

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.13-3.7.0-beta.0.0-dev.2024-07-10
+* Vuetify v3.6.13-3.7.0-beta.0.0-dev.2024-07-24
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -6821,7 +6821,10 @@
   const makeVInputProps = propsFactory({
     id: String,
     appendIcon: IconValue,
-    centerAffix: Boolean,
+    centerAffix: {
+      type: Boolean,
+      default: true
+    },
     prependIcon: IconValue,
     hideDetails: [Boolean, String],
     hideSpinButtons: Boolean,
@@ -8571,7 +8574,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', {
@@ -11341,7 +11343,10 @@
       default: '$clear'
     },
     active: Boolean,
-    centerAffix: Boolean,
+    centerAffix: {
+      type: Boolean,
+      default: undefined
+    },
     color: String,
     baseColor: String,
     dirty: Boolean,
@@ -11408,9 +11413,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`);
@@ -11499,7 +11503,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,
@@ -11508,7 +11512,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],
@@ -11743,6 +11747,7 @@
           }, props.class],
           "style": props.style
         }, rootAttrs, inputProps, {
+          "centerAffix": !isPlainOrUnderlined.value,
           "focused": isFocused.value
         }), {
           ...slots,
@@ -11768,7 +11773,6 @@
               "dirty": isDirty.value || props.dirty,
               "disabled": isDisabled.value,
               "focused": isFocused.value,
-              "centerAffix": props.centerAffix,
               "error": isValid.value === false
             }), {
               ...slots,
@@ -18109,6 +18113,7 @@
   }
   function provideGroupBy(options) {
     const {
+      disableSort,
       groupBy,
       sortBy
     } = options;
@@ -18117,7 +18122,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);
@@ -18626,7 +18631,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: {
@@ -18652,8 +18657,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') {
@@ -20378,6 +20383,9 @@
         page,
         itemsPerPage
       } = createPagination(props);
+      const {
+        disableSort
+      } = vue.toRefs(props);
       const {
         columns,
         headers,
@@ -20415,12 +20423,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
       });
@@ -20558,6 +20570,9 @@
         multiSort,
         mustSort
       } = createSort(props);
+      const {
+        disableSort
+      } = vue.toRefs(props);
       const {
         columns,
         headers,
@@ -20594,12 +20609,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
       });
@@ -20783,6 +20802,9 @@
         page,
         itemsPerPage
       } = createPagination(props);
+      const {
+        disableSort
+      } = vue.toRefs(props);
       const itemsLength = vue.computed(() => parseInt(props.itemsLength, 10));
       const {
         columns,
@@ -20810,7 +20832,8 @@
         extractRows
       } = provideGroupBy({
         groupBy,
-        sortBy
+        sortBy,
+        disableSort
       });
       const {
         pageCount,
@@ -21574,6 +21597,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;
@@ -24258,7 +24284,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();
@@ -26803,8 +26829,8 @@
     },
     suffix: String,
     modelModifiers: Object,
-    ...omit(makeVInputProps(), ['centerAffix']),
-    ...omit(makeVFieldProps(), ['centerAffix'])
+    ...makeVInputProps(),
+    ...makeVFieldProps()
   }, 'VTextarea');
   const VTextarea = genericComponent()({
     name: 'VTextarea',
@@ -26943,7 +26969,7 @@
           }, props.class],
           "style": props.style
         }, rootAttrs, inputProps, {
-          "centerAffix": false,
+          "centerAffix": rows.value === 1 && !isPlainOrUnderlined.value,
           "focused": isFocused.value
         }), {
           ...slots,
@@ -26968,7 +26994,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,
@@ -27959,6 +27985,7 @@
         }
         return adapter.isValid(model.value) ? adapter.format(model.value, 'keyboardDate') : '';
       });
+      const isInteractive = vue.computed(() => !props.disabled && !props.readonly);
       function onKeydown(e) {
         if (e.key !== 'Enter') return;
         if (!menu.value || !isFocused.value) {
@@ -27981,13 +28008,15 @@
         const datePickerProps = VDatePicker.filterProps(omit(props, ['active']));
         const textFieldProps = VTextField.filterProps(props);
         return vue.createVNode(VTextField, vue.mergeProps(textFieldProps, {
+          "class": props.class,
+          "style": props.style,
           "modelValue": display.value,
-          "onKeydown": onKeydown,
+          "onKeydown": isInteractive.value ? onKeydown : undefined,
           "focused": menu.value || isFocused.value,
           "onFocus": focus,
           "onBlur": blur,
-          "onClick:control": onClick,
-          "onClick:prepend": onClick
+          "onClick:control": isInteractive.value ? onClick : undefined,
+          "onClick:prepend": isInteractive.value ? onClick : undefined
         }), {
           default: () => [vue.createVNode(VMenu, {
             "modelValue": menu.value,
@@ -29008,6 +29037,7 @@
 
   const makeVTimePickerControlsProps = propsFactory({
     ampm: Boolean,
+    ampmInTitle: Boolean,
     ampmReadonly: Boolean,
     color: String,
     disabled: Boolean,
@@ -29092,7 +29122,7 @@
           },
           "disabled": props.disabled,
           "text": props.second == null ? '--' : pad(props.second)
-        }, null), props.ampm && vue.createVNode("div", {
+        }, null), props.ampm && props.ampmInTitle && vue.createVNode("div", {
           "class": ['v-time-picker-controls__ampm', {
             'v-time-picker-controls__ampm--readonly': props.ampmReadonly
           }]
@@ -30262,7 +30292,7 @@
       goTo
     };
   }
-  const version$1 = "3.6.13-3.7.0-beta.0.0-dev.2024-07-10";
+  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
@@ -30515,7 +30545,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.6.13-3.7.0-beta.0.0-dev.2024-07-10";
+  const version = "3.6.13-3.7.0-beta.0.0-dev.2024-07-24";
 
   /* eslint-disable local-rules/sort-imports */