@vuetify/nightly 3.1.2-next-20230113.0 → 3.1.2

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.2-next-20230113.0
+* Vuetify v3.1.2
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -4384,9 +4384,69 @@
     updated: updated$1
   };
 
+  // Composables
+
+  // Types
+
+  const oppositeMap = {
+    center: 'center',
+    top: 'bottom',
+    bottom: 'top',
+    left: 'right',
+    right: 'left'
+  };
+  const makeLocationProps = propsFactory({
+    location: String
+  }, 'location');
+  function useLocation(props) {
+    let opposite = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    let offset = arguments.length > 2 ? arguments[2] : undefined;
+    const {
+      isRtl
+    } = useRtl();
+    const locationStyles = vue.computed(() => {
+      if (!props.location) return {};
+      const {
+        side,
+        align
+      } = parseAnchor(props.location.split(' ').length > 1 ? props.location : `${props.location} center`, isRtl.value);
+      function getOffset(side) {
+        return offset ? offset(side) : 0;
+      }
+      const styles = {};
+      if (side !== 'center') {
+        if (opposite) styles[oppositeMap[side]] = `calc(100% - ${getOffset(side)}px)`;else styles[side] = 0;
+      }
+      if (align !== 'center') {
+        if (opposite) styles[oppositeMap[align]] = `calc(100% - ${getOffset(align)}px)`;else styles[align] = 0;
+      } else {
+        if (side === 'center') styles.top = styles.left = '50%';else {
+          styles[{
+            top: 'left',
+            bottom: 'left',
+            left: 'top',
+            right: 'top'
+          }[side]] = '50%';
+        }
+        styles.transform = {
+          top: 'translateX(-50%)',
+          bottom: 'translateX(-50%)',
+          left: 'translateY(-50%)',
+          right: 'translateY(-50%)',
+          center: 'translate(-50%, -50%)'
+        }[side];
+      }
+      return styles;
+    });
+    return {
+      locationStyles
+    };
+  }
+
   const VProgressLinear = defineComponent({
     name: 'VProgressLinear',
     props: {
+      absolute: Boolean,
       active: {
         type: Boolean,
         default: true
@@ -4416,6 +4476,9 @@
       stream: Boolean,
       striped: Boolean,
       roundedBar: Boolean,
+      ...makeLocationProps({
+        location: 'top'
+      }),
       ...makeRoundedProps(),
       ...makeTagProps(),
       ...makeThemeProps()
@@ -4434,6 +4497,9 @@
       const {
         themeClasses
       } = provideTheme(props);
+      const {
+        locationStyles
+      } = useLocation(props);
       const {
         textColorClasses,
         textColorStyles
@@ -4475,6 +4541,7 @@
       useRender(() => vue.createVNode(props.tag, {
         "ref": intersectionRef,
         "class": ['v-progress-linear', {
+          'v-progress-linear--absolute': props.absolute,
           'v-progress-linear--active': props.active && isIntersecting.value,
           'v-progress-linear--reverse': isReversed.value,
           'v-progress-linear--rounded': props.rounded,
@@ -4482,8 +4549,11 @@
           'v-progress-linear--striped': props.striped
         }, roundedClasses.value, themeClasses.value],
         "style": {
+          bottom: props.location === 'bottom' ? 0 : undefined,
+          top: props.location === 'top' ? 0 : undefined,
           height: props.active ? convertToUnit(height.value) : 0,
-          '--v-progress-linear-height': convertToUnit(height.value)
+          '--v-progress-linear-height': convertToUnit(height.value),
+          ...locationStyles.value
         },
         "role": "progressbar",
         "aria-hidden": props.active ? 'false' : 'true',
@@ -4569,65 +4639,6 @@
     }, null)]);
   }
 
-  // Composables
-
-  // Types
-
-  const oppositeMap = {
-    center: 'center',
-    top: 'bottom',
-    bottom: 'top',
-    left: 'right',
-    right: 'left'
-  };
-  const makeLocationProps = propsFactory({
-    location: String
-  }, 'location');
-  function useLocation(props) {
-    let opposite = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    let offset = arguments.length > 2 ? arguments[2] : undefined;
-    const {
-      isRtl
-    } = useRtl();
-    const locationStyles = vue.computed(() => {
-      if (!props.location) return {};
-      const {
-        side,
-        align
-      } = parseAnchor(props.location.split(' ').length > 1 ? props.location : `${props.location} center`, isRtl.value);
-      function getOffset(side) {
-        return offset ? offset(side) : 0;
-      }
-      const styles = {};
-      if (side !== 'center') {
-        if (opposite) styles[oppositeMap[side]] = `calc(100% - ${getOffset(side)}px)`;else styles[side] = 0;
-      }
-      if (align !== 'center') {
-        if (opposite) styles[oppositeMap[align]] = `calc(100% - ${getOffset(align)}px)`;else styles[align] = 0;
-      } else {
-        if (side === 'center') styles.top = styles.left = '50%';else {
-          styles[{
-            top: 'left',
-            bottom: 'left',
-            left: 'top',
-            right: 'top'
-          }[side]] = '50%';
-        }
-        styles.transform = {
-          top: 'translateX(-50%)',
-          bottom: 'translateX(-50%)',
-          left: 'translateY(-50%)',
-          right: 'translateY(-50%)',
-          center: 'translate(-50%, -50%)'
-        }[side];
-      }
-      return styles;
-    });
-    return {
-      locationStyles
-    };
-  }
-
   // Utilities
 
   // Types
@@ -4833,8 +4844,14 @@
       const group = useGroupItem(props, props.symbol, false);
       const link = useLink(props, attrs);
       const isActive = vue.computed(() => {
-        var _link$isActive;
-        return props.active !== false && (props.active || ((_link$isActive = link.isActive) == null ? void 0 : _link$isActive.value) || (group == null ? void 0 : group.isSelected.value));
+        if (props.active !== undefined) {
+          return props.active;
+        }
+        if (link.isLink.value) {
+          var _link$isActive;
+          return (_link$isActive = link.isActive) == null ? void 0 : _link$isActive.value;
+        }
+        return group == null ? void 0 : group.isSelected.value;
       });
       const isDisabled = vue.computed(() => (group == null ? void 0 : group.disabled.value) || props.disabled);
       const isElevated = vue.computed(() => {
@@ -4844,7 +4861,7 @@
       useRender(() => {
         var _slots$prepend, _slots$default, _slots$append, _slots$loader;
         const Tag = link.isLink.value ? 'a' : props.tag;
-        const hasColor = !group || group.isSelected.value;
+        const hasColor = !group || isActive.value;
         const hasPrepend = !!(props.prependIcon || slots.prepend);
         const hasAppend = !!(props.appendIcon || slots.append);
         const hasIcon = !!(props.icon && props.icon !== true);
@@ -7579,6 +7596,10 @@
       nav: Boolean,
       prependAvatar: String,
       prependIcon: IconValue,
+      ripple: {
+        type: Boolean,
+        default: true
+      },
       subtitle: [String, Number, Boolean],
       title: [String, Number, Boolean],
       value: null,
@@ -7770,7 +7791,7 @@
               "key": "append-avatar"
             }, null)])]
           })]
-        }), [[vue.resolveDirective("ripple"), isClickable.value]]);
+        }), [[vue.resolveDirective("ripple"), isClickable.value && props.ripple]]);
       });
       return {};
     }
@@ -9938,6 +9959,7 @@
               "activator": "parent",
               "contentClass": "v-select__content",
               "eager": props.eager,
+              "maxHeight": 310,
               "openOnClick": false,
               "closeOnContentClick": false,
               "transition": props.transition
@@ -10053,7 +10075,7 @@
     const customFiltersLength = Object.keys((options == null ? void 0 : options.customKeyFilter) ?? {}).length;
     if (!(items != null && items.length)) return array;
     loop: for (let i = 0; i < items.length; i++) {
-      const item = items[i].raw;
+      const item = items[i];
       const customMatches = {};
       const defaultMatches = {};
       let match = -1;
@@ -10093,7 +10115,7 @@
     }
     return array;
   }
-  function useFilter(props, items, query) {
+  function useFilter(props, items, query, options) {
     const strQuery = vue.computed(() => typeof (query == null ? void 0 : query.value) !== 'string' && typeof (query == null ? void 0 : query.value) !== 'number' ? '' : String(query.value));
     const filteredItems = vue.ref([]);
     const filteredMatches = vue.ref(new Map());
@@ -10104,7 +10126,7 @@
       const results = filterItems(transformedItems, strQuery.value, {
         customKeyFilter: props.customKeyFilter,
         default: props.customFilter,
-        filterKeys: props.filterKeys,
+        filterKeys: vue.unref(options == null ? void 0 : options.filterKeys) ?? props.filterKeys,
         filterMode: props.filterMode,
         noFilter: props.noFilter
       });
@@ -10327,6 +10349,7 @@
               "activator": "parent",
               "contentClass": "v-autocomplete__content",
               "eager": props.eager,
+              "maxHeight": 310,
               "openOnClick": false,
               "closeOnContentClick": false,
               "transition": props.transition,
@@ -11035,7 +11058,10 @@
       },
       prependAvatar: String,
       prependIcon: IconValue,
-      ripple: Boolean,
+      ripple: {
+        type: Boolean,
+        default: true
+      },
       subtitle: String,
       text: String,
       title: String,
@@ -11156,7 +11182,7 @@
           }), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots), slots.actions && vue.createVNode(VCardActions, null, {
             default: slots.actions
           }), genOverlays(isClickable.value, 'v-card')]
-        }), [[vue.resolveDirective("ripple"), isClickable.value]]);
+        }), [[vue.resolveDirective("ripple"), isClickable.value && props.ripple]]);
       });
       return {};
     }
@@ -12449,6 +12475,10 @@
       position: {
         type: Number,
         required: true
+      },
+      ripple: {
+        type: Boolean,
+        default: true
       }
     },
     emits: {
@@ -12549,7 +12579,7 @@
         }, null), vue.withDirectives(vue.createVNode("div", {
           "class": ['v-slider-thumb__ripple', textColorClasses.value],
           "style": textColorStyles.value
-        }, null), [[vue.resolveDirective("ripple"), true, null, {
+        }, null), [[vue.resolveDirective("ripple"), props.ripple, null, {
           circle: true,
           center: true
         }]]), vue.createVNode(VScaleTransition, {
@@ -13601,7 +13631,7 @@
             vTextFieldRef.value.setSelectionRange(0, 0);
           }
         }
-        if (e.key === 'Enter') {
+        if (e.key === 'Enter' && search.value) {
           select(transformItem$1(props, search.value));
           search.value = '';
         }
@@ -13690,6 +13720,7 @@
               "activator": "parent",
               "contentClass": "v-combobox__content",
               "eager": props.eager,
+              "maxHeight": 310,
               "openOnClick": false,
               "closeOnContentClick": false,
               "transition": props.transition,
@@ -18363,7 +18394,7 @@
       locale
     };
   }
-  const version$1 = "3.1.2-next-20230113.0";
+  const version$1 = "3.1.2";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -18384,7 +18415,7 @@
       ...options
     });
   };
-  const version = "3.1.2-next-20230113.0";
+  const version = "3.1.2";
   createVuetify.version = version;
 
   exports.components = components;