vuetify 3.11.0 → 3.11.2

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.11.0
+* Vuetify v3.11.2
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -8464,7 +8464,7 @@
     },
     showArrows: {
       type: [Boolean, String],
-      validator: v => typeof v === 'boolean' || ['always', 'desktop', 'mobile'].includes(v)
+      validator: v => typeof v === 'boolean' || ['always', 'desktop', 'mobile', 'never'].includes(v)
     },
     ...makeComponentProps(),
     ...makeDisplayProps({
@@ -8698,6 +8698,9 @@
       const hasOverflowOrScroll = vue.computed(() => isOverflowing.value || Math.abs(scrollOffset.value) > 0);
       const hasAffixes = vue.computed(() => {
         switch (props.showArrows) {
+          case 'never':
+            return false;
+
           // Always show arrows on desktop & mobile
           case 'always':
             return true;
@@ -13164,7 +13167,9 @@
   function useAutofocus(props) {
     function onIntersect(isIntersecting, entries) {
       if (!props.autofocus || !isIntersecting) return;
-      entries[0].target?.focus?.();
+      const el = entries[0].target;
+      const target = el.matches('input,textarea') ? el : el.querySelector('input,textarea');
+      target?.focus();
     }
     return {
       onIntersect
@@ -13342,7 +13347,7 @@
                   },
                   controlRef
                 } = _ref3;
-                const inputNode = vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
+                const inputNode = vue.createElementVNode("input", vue.mergeProps({
                   "ref": val => inputRef.value = controlRef.value = val,
                   "value": model.value,
                   "onInput": onInput,
@@ -13357,21 +13362,19 @@
                   "type": props.type,
                   "onFocus": focus,
                   "onBlur": blur
-                }, slotProps, inputAttrs), null), [[Intersect, {
-                  handler: onIntersect
-                }, null, {
-                  once: true
-                }]]);
+                }, slotProps, inputAttrs), null);
                 return vue.createElementVNode(vue.Fragment, null, [props.prefix && vue.createElementVNode("span", {
                   "class": "v-text-field__prefix"
                 }, [vue.createElementVNode("span", {
                   "class": "v-text-field__prefix__text"
-                }, [props.prefix])]), slots.default ? vue.createElementVNode("div", {
+                }, [props.prefix])]), vue.withDirectives(slots.default ? vue.createElementVNode("div", {
                   "class": vue.normalizeClass(fieldClass),
                   "data-no-activator": ""
                 }, [slots.default(), inputNode]) : vue.cloneVNode(inputNode, {
                   class: fieldClass
-                }), props.suffix && vue.createElementVNode("span", {
+                }), [[Intersect, onIntersect, null, {
+                  once: true
+                }]]), props.suffix && vue.createElementVNode("span", {
                   "class": "v-text-field__suffix"
                 }, [vue.createElementVNode("span", {
                   "class": "v-text-field__suffix__text"
@@ -25032,6 +25035,7 @@
     disableSort: Boolean,
     fixedHeader: Boolean,
     multiSort: Boolean,
+    initialSortOrder: String,
     sortAscIcon: {
       type: IconValue,
       default: '$sortAsc'
@@ -25094,8 +25098,7 @@
       }
       function getSortIcon(column) {
         const item = sortBy.value.find(item => item.key === column.key);
-        if (!item) return props.sortAscIcon;
-        return item.order === 'asc' ? props.sortAscIcon : props.sortDescIcon;
+        return !item && props.initialSortOrder === 'asc' || item?.order === 'asc' ? props.sortAscIcon : props.sortDescIcon;
       }
       const {
         backgroundColorClasses,
@@ -25195,6 +25198,7 @@
         const displayItems = vue.computed(() => {
           return columns.value.filter(column => column?.sortable && !props.disableSort);
         });
+        const showSelectColumn = columns.value.find(column => column.key === 'data-table-select');
         return vue.createVNode(VDataTableColumn, vue.mergeProps({
           "tag": "th",
           "class": [...headerCellClasses.value],
@@ -25212,16 +25216,15 @@
             "label": t('$vuetify.dataTable.sortBy'),
             "multiple": props.multiSort,
             "variant": "underlined",
-            "onClick:clear": () => sortBy.value = [],
-            "onClick:append": () => selectAll(!allSelected.value)
+            "onClick:clear": () => sortBy.value = []
           }, {
-            append: () => vue.createVNode(VCheckboxBtn, {
+            append: showSelectColumn ? () => vue.createVNode(VCheckboxBtn, {
               "color": props.color,
               "density": "compact",
               "modelValue": allSelected.value,
               "indeterminate": someSelected.value && !allSelected.value,
-              "onUpdate:modelValue": selectAll
-            }, null),
+              "onUpdate:modelValue": () => selectAll(!allSelected.value)
+            }, null) : undefined,
             chip: props => vue.createVNode(VChip, {
               "onClick": props.item.raw?.sortable ? () => toggleSort(props.item.raw) : undefined,
               "onMousedown": e => {
@@ -25777,7 +25780,7 @@
     ...makeDataTableItemsProps(),
     ...makeDataTableSelectProps(),
     ...makeDataTableSortProps(),
-    ...omit(makeVDataTableHeadersProps(), ['multiSort']),
+    ...omit(makeVDataTableHeadersProps(), ['multiSort', 'initialSortOrder']),
     ...makeVTableProps()
   }, 'DataTable');
   const makeVDataTableProps = propsFactory({
@@ -27669,7 +27672,10 @@
         const formattedDate = model.value[0] && adapter.isValid(model.value[0]) ? adapter.format(adapter.date(model.value[0]), props.headerDateFormat) : t(props.header);
         return props.landscape && formattedDate.split(' ').length === 3 ? formattedDate.replace(' ', '\n') : formattedDate;
       });
-      const date = vue.toRef(() => adapter.parseISO(`${year.value}-${month.value + 1}-01`));
+      const date = vue.toRef(() => {
+        const monthTwoDigits = String(month.value + 1).padStart(2, '0');
+        return adapter.parseISO(`${year.value}-${monthTwoDigits}-01`);
+      });
       const monthYearText = vue.toRef(() => adapter.format(date.value, 'monthAndYear'));
       const monthText = vue.toRef(() => adapter.format(date.value, 'monthShort'));
       const yearText = vue.toRef(() => adapter.format(date.value, 'year'));
@@ -27771,7 +27777,8 @@
       function onClickNextYear() {
         year.value++;
         if (maxDate.value) {
-          const monthStart = adapter.parseISO(`${year.value}-${month.value + 1}-01`);
+          const monthTwoDigits = String(month.value + 1).padStart(2, '0');
+          const monthStart = adapter.parseISO(`${year.value}-${monthTwoDigits}-01`);
           if (adapter.isAfter(monthStart, maxDate.value)) {
             month.value = adapter.getMonth(maxDate.value);
           }
@@ -27781,7 +27788,8 @@
       function onClickPrevYear() {
         year.value--;
         if (minDate.value) {
-          const monthStart = adapter.endOfMonth(adapter.parseISO(`${year.value}-${month.value + 1}-01`));
+          const monthTwoDigits = String(month.value + 1).padStart(2, '0');
+          const monthStart = adapter.endOfMonth(adapter.parseISO(`${year.value}-${monthTwoDigits}-01`));
           if (adapter.isAfter(minDate.value, monthStart)) {
             month.value = adapter.getMonth(minDate.value);
           }
@@ -30638,7 +30646,7 @@
       });
       const isOutOfRange = vue.computed(() => {
         if (_lastParsedValue.value === null) return false;
-        const numberFromText = Number(_inputText.value);
+        const numberFromText = Number(_inputText.value?.replace(decimalSeparator.value, '.'));
         return numberFromText !== clamp(numberFromText, props.min, props.max);
       });
       const canIncrease = vue.computed(() => {
@@ -33508,6 +33516,7 @@
     sliderTransition: String,
     sliderTransitionDuration: [String, Number],
     hideSlider: Boolean,
+    inset: Boolean,
     direction: {
       type: String,
       default: 'horizontal'
@@ -33602,8 +33611,8 @@
         return vue.createVNode(VBtn, vue.mergeProps({
           "symbol": VTabsSymbol,
           "ref": rootEl,
-          "class": ['v-tab', props.class, isSelected.value ? insetColorClasses.value : []],
-          "style": [props.style, isSelected.value ? insetColorStyles.value : []],
+          "class": ['v-tab', props.class, isSelected.value && props.inset ? insetColorClasses.value : []],
+          "style": [props.style, isSelected.value && props.inset ? insetColorStyles.value : []],
           "tabindex": isSelected.value ? 0 : -1,
           "role": "tab",
           "aria-selected": String(isSelected.value),
@@ -33766,6 +33775,7 @@
           direction: vue.toRef(props, 'direction'),
           stacked: vue.toRef(props, 'stacked'),
           fixed: vue.toRef(props, 'fixedTabs'),
+          inset: vue.toRef(props, 'inset'),
           sliderColor: vue.toRef(props, 'sliderColor'),
           sliderTransition: vue.toRef(props, 'sliderTransition'),
           sliderTransitionDuration: vue.toRef(props, 'sliderTransitionDuration'),
@@ -36467,7 +36477,7 @@
       };
     });
   }
-  const version$1 = "3.11.0";
+  const version$1 = "3.11.2";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -36492,7 +36502,7 @@
       ...options
     });
   };
-  const version = "3.11.0";
+  const version = "3.11.2";
   createVuetify.version = version;
 
   exports.blueprints = index;