vuetify 3.4.4 → 3.4.6

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.4.4
+* Vuetify v3.4.6
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2219,100 +2219,103 @@ const ThemeSymbol = Symbol.for('vuetify:theme');
 const makeThemeProps = propsFactory({
   theme: String
 }, 'theme');
-const defaultThemeOptions = {
-  defaultTheme: 'light',
-  variations: {
-    colors: [],
-    lighten: 0,
-    darken: 0
-  },
-  themes: {
-    light: {
-      dark: false,
-      colors: {
-        background: '#FFFFFF',
-        surface: '#FFFFFF',
-        'surface-bright': '#FFFFFF',
-        'surface-variant': '#424242',
-        'on-surface-variant': '#EEEEEE',
-        primary: '#1867C0',
-        'primary-darken-1': '#1F5592',
-        secondary: '#48A9A6',
-        'secondary-darken-1': '#018786',
-        error: '#B00020',
-        info: '#2196F3',
-        success: '#4CAF50',
-        warning: '#FB8C00'
-      },
-      variables: {
-        'border-color': '#000000',
-        'border-opacity': 0.12,
-        'high-emphasis-opacity': 0.87,
-        'medium-emphasis-opacity': 0.60,
-        'disabled-opacity': 0.38,
-        'idle-opacity': 0.04,
-        'hover-opacity': 0.04,
-        'focus-opacity': 0.12,
-        'selected-opacity': 0.08,
-        'activated-opacity': 0.12,
-        'pressed-opacity': 0.12,
-        'dragged-opacity': 0.08,
-        'theme-kbd': '#212529',
-        'theme-on-kbd': '#FFFFFF',
-        'theme-code': '#F5F5F5',
-        'theme-on-code': '#000000'
-      }
+function genDefaults() {
+  return {
+    defaultTheme: 'light',
+    variations: {
+      colors: [],
+      lighten: 0,
+      darken: 0
     },
-    dark: {
-      dark: true,
-      colors: {
-        background: '#121212',
-        surface: '#212121',
-        'surface-bright': '#ccbfd6',
-        'surface-variant': '#a3a3a3',
-        'on-surface-variant': '#424242',
-        primary: '#2196F3',
-        'primary-darken-1': '#277CC1',
-        secondary: '#54B6B2',
-        'secondary-darken-1': '#48A9A6',
-        error: '#CF6679',
-        info: '#2196F3',
-        success: '#4CAF50',
-        warning: '#FB8C00'
+    themes: {
+      light: {
+        dark: false,
+        colors: {
+          background: '#FFFFFF',
+          surface: '#FFFFFF',
+          'surface-bright': '#FFFFFF',
+          'surface-variant': '#424242',
+          'on-surface-variant': '#EEEEEE',
+          primary: '#1867C0',
+          'primary-darken-1': '#1F5592',
+          secondary: '#48A9A6',
+          'secondary-darken-1': '#018786',
+          error: '#B00020',
+          info: '#2196F3',
+          success: '#4CAF50',
+          warning: '#FB8C00'
+        },
+        variables: {
+          'border-color': '#000000',
+          'border-opacity': 0.12,
+          'high-emphasis-opacity': 0.87,
+          'medium-emphasis-opacity': 0.60,
+          'disabled-opacity': 0.38,
+          'idle-opacity': 0.04,
+          'hover-opacity': 0.04,
+          'focus-opacity': 0.12,
+          'selected-opacity': 0.08,
+          'activated-opacity': 0.12,
+          'pressed-opacity': 0.12,
+          'dragged-opacity': 0.08,
+          'theme-kbd': '#212529',
+          'theme-on-kbd': '#FFFFFF',
+          'theme-code': '#F5F5F5',
+          'theme-on-code': '#000000'
+        }
       },
-      variables: {
-        'border-color': '#FFFFFF',
-        'border-opacity': 0.12,
-        'high-emphasis-opacity': 1,
-        'medium-emphasis-opacity': 0.70,
-        'disabled-opacity': 0.50,
-        'idle-opacity': 0.10,
-        'hover-opacity': 0.04,
-        'focus-opacity': 0.12,
-        'selected-opacity': 0.08,
-        'activated-opacity': 0.12,
-        'pressed-opacity': 0.16,
-        'dragged-opacity': 0.08,
-        'theme-kbd': '#212529',
-        'theme-on-kbd': '#FFFFFF',
-        'theme-code': '#343434',
-        'theme-on-code': '#CCCCCC'
+      dark: {
+        dark: true,
+        colors: {
+          background: '#121212',
+          surface: '#212121',
+          'surface-bright': '#ccbfd6',
+          'surface-variant': '#a3a3a3',
+          'on-surface-variant': '#424242',
+          primary: '#2196F3',
+          'primary-darken-1': '#277CC1',
+          secondary: '#54B6B2',
+          'secondary-darken-1': '#48A9A6',
+          error: '#CF6679',
+          info: '#2196F3',
+          success: '#4CAF50',
+          warning: '#FB8C00'
+        },
+        variables: {
+          'border-color': '#FFFFFF',
+          'border-opacity': 0.12,
+          'high-emphasis-opacity': 1,
+          'medium-emphasis-opacity': 0.70,
+          'disabled-opacity': 0.50,
+          'idle-opacity': 0.10,
+          'hover-opacity': 0.04,
+          'focus-opacity': 0.12,
+          'selected-opacity': 0.08,
+          'activated-opacity': 0.12,
+          'pressed-opacity': 0.16,
+          'dragged-opacity': 0.08,
+          'theme-kbd': '#212529',
+          'theme-on-kbd': '#FFFFFF',
+          'theme-code': '#343434',
+          'theme-on-code': '#CCCCCC'
+        }
       }
     }
-  }
-};
+  };
+}
 function parseThemeOptions() {
-  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultThemeOptions;
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : genDefaults();
+  const defaults = genDefaults();
   if (!options) return {
-    ...defaultThemeOptions,
+    ...defaults,
     isDisabled: true
   };
   const themes = {};
   for (const [key, theme] of Object.entries(options.themes ?? {})) {
-    const defaultTheme = theme.dark || key === 'dark' ? defaultThemeOptions.themes?.dark : defaultThemeOptions.themes?.light;
+    const defaultTheme = theme.dark || key === 'dark' ? defaults.themes?.dark : defaults.themes?.light;
     themes[key] = mergeDeep(defaultTheme, theme);
   }
-  return mergeDeep(defaultThemeOptions, {
+  return mergeDeep(defaults, {
     ...options,
     themes
   });
@@ -4967,6 +4970,7 @@ function LoaderSlot(props, _ref) {
     color: props.color,
     isActive: props.active
   }) || createVNode(VProgressLinear, {
+    "absolute": props.absolute,
     "active": props.active,
     "color": props.color,
     "height": "2",
@@ -8558,21 +8562,18 @@ function useLocationStrategies(props, data) {
     useToggleScope(() => !!(data.isActive.value && props.locationStrategy), reset => {
       watch(() => props.locationStrategy, reset);
       onScopeDispose(() => {
+        window.removeEventListener('resize', onResize);
         updateLocation.value = undefined;
       });
+      window.addEventListener('resize', onResize, {
+        passive: true
+      });
       if (typeof props.locationStrategy === 'function') {
         updateLocation.value = props.locationStrategy(data, props, contentStyles)?.updateLocation;
       } else {
         updateLocation.value = locationStrategies[props.locationStrategy](data, props, contentStyles)?.updateLocation;
       }
     });
-    window.addEventListener('resize', onResize, {
-      passive: true
-    });
-    onScopeDispose(() => {
-      window.removeEventListener('resize', onResize);
-      updateLocation.value = undefined;
-    });
   }
   function onResize(e) {
     updateLocation.value?.(e);
@@ -11930,7 +11931,7 @@ const VAutocomplete = genericComponent()({
         isPristine.value = true;
         nextTick(() => isSelecting.value = false);
       } else {
-        if (!props.multiple && !search.value) model.value = [];else if (highlightFirst.value && !listHasFocus.value && !model.value.some(_ref2 => {
+        if (!props.multiple && search.value == null) model.value = [];else if (highlightFirst.value && !listHasFocus.value && !model.value.some(_ref2 => {
           let {
             value
           } = _ref2;
@@ -18185,6 +18186,7 @@ const VDataTableHeaders = genericComponent()({
         "colspan": columns.value.length
       }, [createVNode(LoaderSlot, {
         "name": "v-data-table-progress",
+        "absolute": true,
         "active": true,
         "color": typeof props.loading === 'boolean' ? undefined : props.loading,
         "indeterminate": true
@@ -18417,7 +18419,7 @@ const VDataTableRows = genericComponent()({
       t
     } = useLocale();
     useRender(() => {
-      if (props.loading) {
+      if (props.loading && (!props.items.length || slots.loading)) {
         return createVNode("tr", {
           "class": "v-data-table-rows-loading",
           "key": "loading"
@@ -20122,6 +20124,9 @@ const VDatePicker = genericComponent()({
         month.value = 11;
       }
     }
+    function onClickDate() {
+      viewMode.value = 'month';
+    }
     function onClickMonth() {
       viewMode.value = viewMode.value === 'months' ? 'month' : 'months';
     }
@@ -20171,7 +20176,9 @@ const VDatePicker = genericComponent()({
           default: () => [slots.header?.(headerProps)]
         }) : createVNode(VDatePickerHeader, mergeProps({
           "key": "header"
-        }, datePickerHeaderProps, headerProps), slots),
+        }, datePickerHeaderProps, headerProps, {
+          "onClick": viewMode.value !== 'month' ? onClickDate : undefined
+        }), slots),
         default: () => createVNode(Fragment, null, [createVNode(VDatePickerControls, mergeProps(datePickerControlsProps, {
           "disabled": disabled.value,
           "text": text.value,
@@ -20251,9 +20258,7 @@ const VExpansionPanels = genericComponent()({
     const variantClass = computed(() => props.variant && `v-expansion-panels--variant-${props.variant}`);
     provideDefaults({
       VExpansionPanel: {
-        color: toRef(props, 'color')
-      },
-      VExpansionPanelTitle: {
+        color: toRef(props, 'color'),
         readonly: toRef(props, 'readonly'),
         static: toRef(props, 'static')
       }
@@ -20413,6 +20418,9 @@ const VExpansionPanel = genericComponent()({
     provideDefaults({
       VExpansionPanelText: {
         eager: toRef(props, 'eager')
+      },
+      VExpansionPanelTitle: {
+        readonly: toRef(props, 'readonly')
       }
     });
     useRender(() => {
@@ -25259,7 +25267,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.4.4";
+const version$1 = "3.4.6";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -25273,7 +25281,7 @@ function inject(key) {
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.4.4";
+const version = "3.4.6";
 
 /* eslint-disable local-rules/sort-imports */