vuetify 3.1.6 → 3.1.8

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.6
+* Vuetify v3.1.8
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1675,17 +1675,9 @@
       if (current.value.dark) {
         createCssClass(lines, ':root', ['color-scheme: dark']);
       }
+      createCssClass(lines, ':root', genCssVariables(current.value));
       for (const [themeName, theme] of Object.entries(computedThemes.value)) {
-        const {
-          variables,
-          dark
-        } = theme;
-        createCssClass(lines, `.v-theme--${themeName}`, [`color-scheme: ${dark ? 'dark' : 'normal'}`, ...genCssVariables(theme), ...Object.keys(variables).map(key => {
-          const value = variables[key];
-          const color = typeof value === 'string' && value.startsWith('#') ? parseColor$1(value) : undefined;
-          const rgb = color ? `${color.r}, ${color.g}, ${color.b}` : undefined;
-          return `--v-${key}: ${rgb ?? value}`;
-        })]);
+        createCssClass(lines, `.v-theme--${themeName}`, [`color-scheme: ${theme.dark ? 'dark' : 'normal'}`, ...genCssVariables(theme)]);
       }
       const bgLines = [];
       const fgLines = [];
@@ -1798,6 +1790,11 @@
         variables.push(`--v-theme-${key}-overlay-multiplier: ${getLuma(value) > 0.18 ? lightOverlay : darkOverlay}`);
       }
     }
+    for (const [key, value] of Object.entries(theme.variables)) {
+      const color = typeof value === 'string' && value.startsWith('#') ? parseColor$1(value) : undefined;
+      const rgb = color ? `${color.r}, ${color.g}, ${color.b}` : undefined;
+      variables.push(`--v-${key}: ${rgb ?? value}`);
+    }
     return variables;
   }
 
@@ -2027,7 +2024,7 @@
     en: false,
     es: false,
     et: false,
-    fa: false,
+    fa: true,
     fi: false,
     fr: false,
     hr: false,
@@ -2188,7 +2185,7 @@
   // Types
 
   function createCssTransition(name) {
-    let origin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top center 0';
+    let origin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'center center';
     let mode = arguments.length > 2 ? arguments[2] : undefined;
     return genericComponent()({
       name,
@@ -6179,6 +6176,7 @@
               "id": id.value,
               "active": isActive.value || isDirty.value,
               "dirty": isDirty.value || props.dirty,
+              "disabled": isDisabled.value,
               "focused": isFocused.value,
               "error": isValid.value === false
             }), {
@@ -9127,8 +9125,8 @@
   function getClientHeight(isHydrate) {
     return IN_BROWSER && !isHydrate ? window.innerHeight : 0;
   }
-  function getPlatform() {
-    const userAgent = IN_BROWSER ? window.navigator.userAgent : 'ssr';
+  function getPlatform(isHydrate) {
+    const userAgent = IN_BROWSER && !isHydrate ? window.navigator.userAgent : 'ssr';
     function match(regexp) {
       return Boolean(userAgent.match(regexp));
     }
@@ -9143,7 +9141,6 @@
     const win = match(/win/i);
     const mac = match(/mac/i);
     const linux = match(/linux/i);
-    const ssr = match(/ssr/i);
     return {
       android,
       ios,
@@ -9157,7 +9154,7 @@
       mac,
       linux,
       touch: SUPPORTS_TOUCH,
-      ssr
+      ssr: userAgent === 'ssr'
     };
   }
   function createDisplay(options, ssr) {
@@ -9166,13 +9163,17 @@
       mobileBreakpoint
     } = parseDisplayOptions(options);
     const height = vue.ref(getClientHeight(ssr));
-    const platform = getPlatform();
+    const platform = vue.shallowRef(getPlatform(ssr));
     const state = vue.reactive({});
     const width = vue.ref(getClientWidth(ssr));
-    function update() {
+    function updateSize() {
       height.value = getClientHeight();
       width.value = getClientWidth();
     }
+    function update() {
+      updateSize();
+      platform.value = getPlatform();
+    }
 
     // eslint-disable-next-line max-statements
     vue.watchEffect(() => {
@@ -9184,7 +9185,7 @@
       const xxl = width.value >= thresholds.xxl;
       const name = xs ? 'xs' : sm ? 'sm' : md ? 'md' : lg ? 'lg' : xl ? 'xl' : 'xxl';
       const breakpointValue = typeof mobileBreakpoint === 'number' ? mobileBreakpoint : thresholds[mobileBreakpoint];
-      const mobile = !platform.ssr ? width.value < breakpointValue : platform.android || platform.ios || platform.opera;
+      const mobile = width.value < breakpointValue;
       state.xs = xs;
       state.sm = sm;
       state.md = md;
@@ -9204,11 +9205,11 @@
       state.width = width.value;
       state.mobile = mobile;
       state.mobileBreakpoint = mobileBreakpoint;
-      state.platform = platform;
+      state.platform = platform.value;
       state.thresholds = thresholds;
     });
     if (IN_BROWSER) {
-      window.addEventListener('resize', update, {
+      window.addEventListener('resize', updateSize, {
         passive: true
       });
     }
@@ -14221,6 +14222,7 @@
               "id": id.value,
               "active": isDirty.value || isFocused.value,
               "dirty": isDirty.value,
+              "disabled": isDisabled.value,
               "focused": isFocused.value,
               "error": isValid.value === false
             }), {
@@ -16857,19 +16859,17 @@
           "modelValue": isActive.value,
           "onUpdate:modelValue": $event => isActive.value = $event,
           "contentProps": vue.mergeProps({
-            style: locationStyles.value
+            class: ['v-snackbar__wrapper', themeClasses.value, colorClasses.value, roundedClasses.value, variantClasses.value],
+            style: [locationStyles.value, colorStyles.value],
+            onPointerenter,
+            onPointerleave: startTimeout
           }, overlayProps.contentProps),
           "persistent": true,
           "noClickAnimation": true,
           "scrim": false,
           "scrollStrategy": "none"
         }, scopeId), {
-          default: () => [vue.createVNode("div", {
-            "class": ['v-snackbar__wrapper', themeClasses.value, colorClasses.value, roundedClasses.value, variantClasses.value],
-            "style": [colorStyles.value],
-            "onPointerenter": onPointerenter,
-            "onPointerleave": startTimeout
-          }, [genOverlays(false, 'v-snackbar'), slots.default && vue.createVNode("div", {
+          default: () => [genOverlays(false, 'v-snackbar'), slots.default && vue.createVNode("div", {
             "class": "v-snackbar__content",
             "role": "status",
             "aria-live": "polite"
@@ -16884,7 +16884,7 @@
             default: () => [vue.createVNode("div", {
               "class": "v-snackbar__actions"
             }, [slots.actions()])]
-          })])],
+          })],
           activator: slots.activator
         });
       });
@@ -17486,6 +17486,7 @@
             }, fieldProps, {
               "active": isActive.value || isDirty.value,
               "dirty": isDirty.value || props.dirty,
+              "disabled": isDisabled.value,
               "focused": isFocused.value,
               "error": isValid.value === false
             }), {
@@ -18764,7 +18765,7 @@
             "item": item
           }, slots);
         }
-        return vue.createVNode(vue.Fragment, null, [slots.item ? slots.item({
+        const slotProps = {
           index,
           item,
           columns: columns.value,
@@ -18772,7 +18773,8 @@
           toggleExpand,
           isSelected,
           toggleSelect
-        }) : vue.createVNode(VDataTableRow, {
+        };
+        return vue.createVNode(vue.Fragment, null, [slots.item ? slots.item(slotProps) : vue.createVNode(VDataTableRow, {
           "key": `item_${item.value}`,
           "onClick": event => {
             if (expandOnClick.value) {
@@ -18783,10 +18785,7 @@
             });
           },
           "item": item
-        }, slots), isExpanded(item) && slots['expanded-row']?.({
-          item,
-          columns: columns.value
-        })]);
+        }, slots), isExpanded(item) && slots['expanded-row']?.(slotProps)]);
       })]));
       return {};
     }
@@ -19019,7 +19018,8 @@
       page,
       itemsPerPage,
       sortBy,
-      groupBy
+      groupBy,
+      search
     } = _ref;
     const vm = getCurrentInstance('VDataTable');
     const options = vue.computed(() => ({
@@ -19036,6 +19036,11 @@
       deep: true
     });
 
+    // Reset page when searching
+    vue.watch(() => search?.value, () => {
+      page.value = 1;
+    });
+
     // Reset page when items-per-page changes
     vue.watch(itemsPerPage, () => {
       page.value = 1;
@@ -19105,9 +19110,10 @@
         items
       } = useDataTableItems(props, columns);
       const filterKeys = vue.computed(() => columns.value.map(c => 'columns.' + c.key));
+      const search = vue.toRef(props, 'search');
       const {
         filteredItems
-      } = useFilter(props, items, vue.toRef(props, 'search'), {
+      } = useFilter(props, items, search, {
         filterKeys
       });
       const {
@@ -19140,7 +19146,8 @@
         page,
         itemsPerPage,
         sortBy,
-        groupBy
+        groupBy,
+        search
       });
       provideDefaults({
         VDataTableRows: {
@@ -19294,9 +19301,10 @@
         items
       } = useDataTableItems(props, columns);
       const filterKeys = vue.computed(() => columns.value.map(c => 'columns.' + c.key));
+      const search = vue.toRef(props, 'search');
       const {
         filteredItems
-      } = useFilter(props, items, vue.toRef(props, 'search'), {
+      } = useFilter(props, items, search, {
         filterKeys
       });
       const {
@@ -19332,7 +19340,8 @@
         sortBy,
         page: vue.ref(1),
         itemsPerPage: vue.ref(-1),
-        groupBy
+        groupBy,
+        search
       });
       provideDefaults({
         VDataTableRows: {
@@ -19572,13 +19581,15 @@
         resizeRef.value = rootEl.value;
       });
       const display = useDisplay();
-      const sizes = createRange(props.items.length).map(() => itemHeight.value);
+      const sizeMap = new Map();
+      let sizes = createRange(props.items.length).map(() => itemHeight.value);
       const visibleItems = vue.computed(() => {
         return props.visibleItems ? parseInt(props.visibleItems, 10) : Math.max(12, Math.ceil((contentRect.value?.height ?? display.height.value) / itemHeight.value * 1.7 + 1));
       });
       function handleItemResize(index, height) {
         itemHeight.value = Math.max(itemHeight.value, height);
         sizes[index] = height;
+        sizeMap.set(props.items[index], height);
       }
       function calculateOffset(index) {
         return sizes.slice(0, index).reduce((curr, value) => curr + (value || itemHeight.value), 0);
@@ -19632,6 +19643,17 @@
           itemHeight.value = sizes.slice(first.value, last.value).reduce((curr, height) => curr + height, 0) / visibleItems.value;
         }
       });
+      vue.watch(() => props.items.length, () => {
+        sizes = createRange(props.items.length).map(() => itemHeight.value);
+        sizeMap.forEach((height, item) => {
+          const index = props.items.indexOf(item);
+          if (index === -1) {
+            sizeMap.delete(item);
+          } else {
+            sizes[index] = height;
+          }
+        });
+      });
       useRender(() => vue.createVNode("div", {
         "ref": rootEl,
         "class": "v-virtual-scroll",
@@ -20010,7 +20032,7 @@
       locale
     };
   }
-  const version$1 = "3.1.6";
+  const version$1 = "3.1.8";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -20022,7 +20044,7 @@
     }
   }
 
-  const version = "3.1.6";
+  const version = "3.1.8";
 
   const createVuetify = function () {
     let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};