vuetify 3.3.16 → 3.3.17

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.16
+* Vuetify v3.3.17
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1109,6 +1109,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 +1713,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 +2234,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 +2393,6 @@
       const theme = provideTheme(props);
       const {
         layoutClasses,
-        layoutStyles,
         getLayoutItem,
         items,
         layoutRef
@@ -2404,7 +2403,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 +3265,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}`);
@@ -14132,11 +14134,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,
@@ -17717,10 +17719,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 +18807,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 +18886,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))]
         });
       });
@@ -20106,6 +20108,11 @@
           day: 'numeric'
         };
         break;
+      case 'shortDate':
+        options = {
+          year: 'numeric'
+        };
+        break;
       default:
         options = {
           timeZone: 'UTC',
@@ -20395,7 +20402,7 @@
       date
     };
   }
-  const version$1 = "3.3.16";
+  const version$1 = "3.3.17";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -20420,7 +20427,7 @@
       ...options
     });
   };
-  const version = "3.3.16";
+  const version = "3.3.17";
   createVuetify.version = version;
 
   exports.components = components;