vuetify 3.3.16 → 3.3.18

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.16
+* Vuetify v3.3.18
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -127,7 +127,8 @@
     return getNestedValue(obj, path.split('.'), fallback);
   }
   function getPropertyFromItem(item, property, fallback) {
-    if (property == null) return item === undefined ? fallback : item;
+    if (property === true) return item === undefined ? fallback : item;
+    if (property == null || typeof property === 'boolean') return fallback;
     if (item !== Object(item)) {
       if (typeof property !== 'function') return fallback;
       const value = property(item, fallback);
@@ -1109,6 +1110,17 @@
   function getForeground(color) {
     const blackContrast = Math.abs(APCAcontrast(parseColor(0), parseColor(color)));
     const whiteContrast = Math.abs(APCAcontrast(parseColor(0xffffff), parseColor(color)));
+
+    // TODO: warn about poor color selections
+    // const contrastAsText = Math.abs(APCAcontrast(colorVal, colorToInt(theme.colors.background)))
+    // const minContrast = Math.max(blackContrast, whiteContrast)
+    // if (minContrast < 60) {
+    //   consoleInfo(`${key} theme color ${color} has poor contrast (${minContrast.toFixed()}%)`)
+    // } else if (contrastAsText < 60 && !['background', 'surface'].includes(color)) {
+    //   consoleInfo(`${key} theme color ${color} has poor contrast as text (${contrastAsText.toFixed()}%)`)
+    // }
+
+    // Prefer white text if both have an acceptable contrast ratio
     return whiteContrast > Math.min(blackContrast, 50) ? '#fff' : '#000';
   }
 
@@ -1702,7 +1714,7 @@
       'v-layout--full-height': props.fullHeight
     }]);
     const layoutStyles = vue.computed(() => ({
-      zIndex: rootZIndex.value,
+      zIndex: parentLayout ? rootZIndex.value : undefined,
       position: parentLayout ? 'relative' : undefined,
       overflow: parentLayout ? 'hidden' : undefined
     }));
@@ -2223,17 +2235,6 @@
           if (/^on-[a-z]/.test(color) || theme.colors[`on-${color}`]) continue;
           const onColor = `on-${color}`;
           const colorVal = parseColor(theme.colors[color]);
-
-          // TODO: warn about poor color selections
-          // const contrastAsText = Math.abs(APCAcontrast(colorVal, colorToInt(theme.colors.background)))
-          // const minContrast = Math.max(blackContrast, whiteContrast)
-          // if (minContrast < 60) {
-          //   consoleInfo(`${key} theme color ${color} has poor contrast (${minContrast.toFixed()}%)`)
-          // } else if (contrastAsText < 60 && !['background', 'surface'].includes(color)) {
-          //   consoleInfo(`${key} theme color ${color} has poor contrast as text (${contrastAsText.toFixed()}%)`)
-          // }
-
-          // Prefer white text if both have an acceptable contrast ratio
           theme.colors[onColor] = getForeground(colorVal);
         }
       }
@@ -2393,7 +2394,6 @@
       const theme = provideTheme(props);
       const {
         layoutClasses,
-        layoutStyles,
         getLayoutItem,
         items,
         layoutRef
@@ -2404,7 +2404,7 @@
       useRender(() => vue.createVNode("div", {
         "ref": layoutRef,
         "class": ['v-application', theme.themeClasses.value, layoutClasses.value, rtlClasses.value, props.class],
-        "style": [layoutStyles.value, props.style]
+        "style": [props.style]
       }, [vue.createVNode("div", {
         "class": "v-application__wrap"
       }, [slots.default?.()])]));
@@ -3266,9 +3266,12 @@
         if (isCssColor(colors.value.background)) {
           styles.backgroundColor = colors.value.background;
           if (!colors.value.text) {
-            const textColor = getForeground(styles.backgroundColor);
-            styles.color = textColor;
-            styles.caretColor = textColor;
+            const backgroundColor = parseColor(colors.value.background);
+            if (backgroundColor.a == null || backgroundColor.a === 1) {
+              const textColor = getForeground(backgroundColor);
+              styles.color = textColor;
+              styles.caretColor = textColor;
+            }
           }
         } else {
           classes.push(`bg-${colors.value.background}`);
@@ -7877,7 +7880,8 @@
   // Types
 
   const makeVListChildrenProps = propsFactory({
-    items: Array
+    items: Array,
+    returnObject: Boolean
   }, 'VListChildren');
   const VListChildren = genericComponent()({
     name: 'VListChildren',
@@ -7935,14 +7939,20 @@
                 ...itemProps,
                 ...activatorProps
               }
-            }) : vue.createVNode(VListItem, vue.mergeProps(itemProps, activatorProps), slotsWithItem);
+            }) : vue.createVNode(VListItem, vue.mergeProps({
+              "title": itemProps.title,
+              "value": props.returnObject ? item : itemProps.value
+            }, activatorProps), slotsWithItem);
           },
           default: () => vue.createVNode(VListChildren, {
             "items": children
           }, slots)
         }) : slots.item ? slots.item({
           props: itemProps
-        }) : vue.createVNode(VListItem, itemProps, slotsWithItem);
+        }) : vue.createVNode(VListItem, {
+          "title": itemProps.title,
+          "value": props.returnObject ? item : itemProps.value
+        }, slotsWithItem);
       });
     }
   });
@@ -8226,7 +8236,8 @@
           "onKeydown": onKeydown
         }, {
           default: () => [vue.createVNode(VListChildren, {
-            "items": items.value
+            "items": items.value,
+            "returnObject": props.returnObject
           }, slots)]
         });
       });
@@ -10343,7 +10354,7 @@
   const makeVTextFieldProps = propsFactory({
     autofocus: Boolean,
     counter: [Boolean, Number, String],
-    counterValue: Function,
+    counterValue: [Number, Function],
     prefix: String,
     placeholder: String,
     persistentPlaceholder: Boolean,
@@ -10384,7 +10395,7 @@
         blur
       } = useFocus(props);
       const counterValue = vue.computed(() => {
-        return typeof props.counterValue === 'function' ? props.counterValue(model.value) : (model.value ?? '').toString().length;
+        return typeof props.counterValue === 'function' ? props.counterValue(model.value) : typeof props.counterValue === 'number' ? props.counterValue : (model.value ?? '').toString().length;
       });
       const max = vue.computed(() => {
         if (attrs.maxlength) return attrs.maxlength;
@@ -11038,6 +11049,7 @@
           "focused": isFocused.value,
           "onUpdate:focused": $event => isFocused.value = $event,
           "validationValue": model.externalValue,
+          "counterValue": model.value.length,
           "dirty": isDirty,
           "class": ['v-select', {
             'v-select--active-menu': menu.value,
@@ -11144,7 +11156,8 @@
               "key": "chip",
               "closable": props.closableChips,
               "size": "small",
-              "text": item.title
+              "text": item.title,
+              "disabled": item.props.disabled
             }, slotProps), null) : vue.createVNode(VDefaultsProvider, {
               "key": "chip-defaults",
               "defaults": {
@@ -11441,7 +11454,7 @@
           }
           const originalSelectionIndex = selectionIndex.value;
           const selectedItem = model.value[selectionIndex.value];
-          if (selectedItem) select(selectedItem);
+          if (selectedItem && !selectedItem.props.disabled) select(selectedItem);
           selectionIndex.value = originalSelectionIndex >= length - 1 ? length - 2 : originalSelectionIndex;
         }
         if (e.key === 'ArrowLeft') {
@@ -11561,6 +11574,7 @@
           "focused": isFocused.value,
           "onUpdate:focused": $event => isFocused.value = $event,
           "validationValue": model.externalValue,
+          "counterValue": model.value.length,
           "dirty": isDirty,
           "onInput": onInput,
           "onChange": onChange,
@@ -11671,7 +11685,8 @@
               "key": "chip",
               "closable": props.closableChips,
               "size": "small",
-              "text": item.title
+              "text": item.title,
+              "disabled": item.props.disabled
             }, slotProps), null) : vue.createVNode(VDefaultsProvider, {
               "key": "chip-defaults",
               "defaults": {
@@ -14132,11 +14147,11 @@
           "focused": isFocused.value
         }), {
           ...slots,
-          prepend: hasPrepend ? slotProps => vue.createVNode(vue.Fragment, null, [slots.label?.(slotProps) ?? props.label ? vue.createVNode(VLabel, {
+          prepend: hasPrepend ? slotProps => vue.createVNode(vue.Fragment, null, [slots.label?.(slotProps) ?? (props.label ? vue.createVNode(VLabel, {
             "id": slotProps.id.value,
             "class": "v-slider__label",
             "text": props.label
-          }, null) : undefined, slots.prepend?.(slotProps)]) : undefined,
+          }, null) : undefined), slots.prepend?.(slotProps)]) : undefined,
           default: _ref4 => {
             let {
               id,
@@ -15010,7 +15025,7 @@
           }
           const originalSelectionIndex = selectionIndex.value;
           const selectedItem = model.value[selectionIndex.value];
-          if (selectedItem) select(selectedItem);
+          if (selectedItem && !selectedItem.props.disabled) select(selectedItem);
           selectionIndex.value = originalSelectionIndex >= length - 1 ? length - 2 : originalSelectionIndex;
         }
         if (e.key === 'ArrowLeft') {
@@ -15118,6 +15133,7 @@
           "focused": isFocused.value,
           "onUpdate:focused": $event => isFocused.value = $event,
           "validationValue": model.externalValue,
+          "counterValue": props.multiple ? model.value.length : search.value.length,
           "dirty": isDirty,
           "class": ['v-combobox', {
             'v-combobox--active-menu': menu.value,
@@ -15227,7 +15243,8 @@
               "key": "chip",
               "closable": props.closableChips,
               "size": "small",
-              "text": item.title
+              "text": item.title,
+              "disabled": item.props.disabled
             }, slotProps), null) : vue.createVNode(VDefaultsProvider, {
               "key": "chip-defaults",
               "defaults": {
@@ -17717,10 +17734,10 @@
           "focused": isFocused.value
         }), {
           ...slots,
-          prepend: hasPrepend ? slotProps => vue.createVNode(vue.Fragment, null, [slots.label?.(slotProps) ?? props.label ? vue.createVNode(VLabel, {
+          prepend: hasPrepend ? slotProps => vue.createVNode(vue.Fragment, null, [slots.label?.(slotProps) ?? (props.label ? vue.createVNode(VLabel, {
             "class": "v-slider__label",
             "text": props.label
-          }, null) : undefined, slots.prepend?.(slotProps)]) : undefined,
+          }, null) : undefined), slots.prepend?.(slotProps)]) : undefined,
           default: _ref4 => {
             let {
               id,
@@ -18805,8 +18822,8 @@
   function parseItems(items) {
     if (!items) return [];
     return items.map(item => {
-      if (typeof item === 'string') return {
-        title: item,
+      if (!isObject(item)) return {
+        text: item,
         value: item
       };
       return item;
@@ -18884,7 +18901,7 @@
           "symbol": VTabsSymbol
         }), {
           default: () => [slots.default ? slots.default() : parsedItems.value.map(item => vue.createVNode(VTab, vue.mergeProps(item, {
-            "key": item.title
+            "key": item.text
           }), null))]
         });
       });
@@ -20002,8 +20019,8 @@
     let currentWeek = [];
     const firstDayOfMonth = startOfMonth(date);
     const lastDayOfMonth = endOfMonth(date);
-    const firstDayWeekIndex = firstDayOfMonth.getDay() - firstDay[locale.slice(-2).toUpperCase()];
-    const lastDayWeekIndex = lastDayOfMonth.getDay() - firstDay[locale.slice(-2).toUpperCase()];
+    const firstDayWeekIndex = (firstDayOfMonth.getDay() - firstDay[locale.slice(-2).toUpperCase()] + 7) % 7;
+    const lastDayWeekIndex = (lastDayOfMonth.getDay() - firstDay[locale.slice(-2).toUpperCase()] + 7) % 7;
     for (let i = 0; i < firstDayWeekIndex; i++) {
       const adjacentDay = new Date(firstDayOfMonth);
       adjacentDay.setDate(adjacentDay.getDate() - (firstDayWeekIndex - i));
@@ -20106,6 +20123,11 @@
           day: 'numeric'
         };
         break;
+      case 'shortDate':
+        options = {
+          year: 'numeric'
+        };
+        break;
       default:
         options = {
           timeZone: 'UTC',
@@ -20395,7 +20417,7 @@
       date
     };
   }
-  const version$1 = "3.3.16";
+  const version$1 = "3.3.18";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -20420,7 +20442,7 @@
       ...options
     });
   };
-  const version = "3.3.16";
+  const version = "3.3.18";
   createVuetify.version = version;
 
   exports.components = components;