@vuetify/nightly 3.0.4 → 3.0.5-dev-20221212.0

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.0.4
+* Vuetify v3.0.5-dev-20221212.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -513,7 +513,7 @@
 
     if (parent) {
       vm = {
-        _isVue: true,
+        __isVue: true,
         $parent: parent,
         $options: vm
       };
@@ -545,7 +545,7 @@
     if (vm.$root === vm) {
       return '<Root>';
     }
-    const options = typeof vm === 'function' && vm.cid != null ? vm.options : vm._isVue ? vm.$options || vm.constructor.options : vm || {};
+    const options = typeof vm === 'function' && vm.cid != null ? vm.options : vm.__isVue ? vm.$options || vm.constructor.options : vm || {};
     let name = options.name || options._componentTag;
     const file = options.__file;
     if (!name && file) {
@@ -555,7 +555,7 @@
     return (name ? `<${classify(name)}>` : `<Anonymous>`) + (file && includeFile !== false ? ` at ${file}` : '');
   }
   function generateComponentTrace(vm) {
-    if (vm._isVue && vm.$parent) {
+    if (vm.__isVue && vm.$parent) {
       const tree = [];
       let currentRecursiveSequence = 0;
       while (vm) {
@@ -3147,6 +3147,11 @@
       const isExtended = vue.ref(!!(props.extended || (_slots$extension = slots.extension) != null && _slots$extension.call(slots)));
       const contentHeight = vue.computed(() => parseInt(Number(props.height) + (props.density === 'prominent' ? Number(props.height) : 0) - (props.density === 'comfortable' ? 8 : 0) - (props.density === 'compact' ? 16 : 0), 10));
       const extensionHeight = vue.computed(() => isExtended.value ? parseInt(Number(props.extensionHeight) + (props.density === 'prominent' ? Number(props.extensionHeight) : 0) - (props.density === 'comfortable' ? 4 : 0) - (props.density === 'compact' ? 8 : 0), 10) : 0);
+      provideDefaults({
+        VBtn: {
+          variant: 'text'
+        }
+      });
       useRender(() => {
         var _slots$extension2, _slots$image, _slots$prepend, _slots$default, _slots$append;
         const hasTitle = !!(props.title || slots.title);
@@ -4531,7 +4536,7 @@
 
   // Composables
   const makeLoaderProps = propsFactory({
-    loading: Boolean
+    loading: [Boolean, String]
   }, 'loader');
   function useLoader(props) {
     let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getCurrentInstanceName();
@@ -5409,7 +5414,7 @@
           "class": "v-field__overlay"
         }, null), vue.createVNode(LoaderSlot, {
           "name": "v-field",
-          "active": props.loading,
+          "active": !!props.loading,
           "color": props.error ? 'error' : props.color
         }, {
           default: slots.loader
@@ -5702,7 +5707,7 @@
     const isDisabled = vue.computed(() => !!(props.disabled || form != null && form.isDisabled.value));
     const isReadonly = vue.computed(() => !!(props.readonly || form != null && form.isReadonly.value));
     const errorMessages = vue.computed(() => {
-      return props.errorMessages.length ? wrapInArray(props.errorMessages.slice(0, Math.max(0, +props.maxErrors))) : internalErrorMessages.value;
+      return props.errorMessages.length ? wrapInArray(props.errorMessages).slice(0, Math.max(0, +props.maxErrors)) : internalErrorMessages.value;
     });
     const isValid = vue.computed(() => {
       if (props.error || errorMessages.value.length) return false;
@@ -5766,7 +5771,7 @@
       const results = [];
       isValidating.value = true;
       for (const rule of props.rules) {
-        if (results.length >= (props.maxErrors || 1)) {
+        if (results.length >= (props.maxErrors ?? 1)) {
           break;
         }
         const handler = typeof rule === 'function' ? rule : () => rule;
@@ -6799,7 +6804,7 @@
           "class": ['v-chip', {
             'v-chip--disabled': props.disabled,
             'v-chip--label': props.label,
-            'v-chip--link': isClickable,
+            'v-chip--link': isClickable.value,
             'v-chip--filter': hasFilter,
             'v-chip--pill': props.pill
           }, themeClasses.value, borderClasses.value, hasColor ? colorClasses.value : undefined, densityClasses.value, elevationClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, group == null ? void 0 : group.selectedClass.value],
@@ -9059,8 +9064,9 @@
 
   const StackSymbol = Symbol.for('vuetify:stack');
   const globalStack = vue.reactive([]);
-  function useStack(isActive, zIndex) {
+  function useStack(isActive, zIndex, disableGlobalStack) {
     const vm = getCurrentInstance('useStack');
+    const createStackEntry = !disableGlobalStack;
     const parent = vue.inject(StackSymbol, undefined);
     const stack = vue.reactive({
       activeChildren: new Set()
@@ -9071,20 +9077,26 @@
       var _globalStack$at;
       const lastZIndex = (_globalStack$at = globalStack.at(-1)) == null ? void 0 : _globalStack$at[1];
       _zIndex.value = lastZIndex ? lastZIndex + 10 : +zIndex.value;
-      globalStack.push([vm.uid, _zIndex.value]);
+      if (createStackEntry) {
+        globalStack.push([vm.uid, _zIndex.value]);
+      }
       parent == null ? void 0 : parent.activeChildren.add(vm.uid);
       vue.onScopeDispose(() => {
-        const idx = globalStack.findIndex(v => v[0] === vm.uid);
-        globalStack.splice(idx, 1);
+        if (createStackEntry) {
+          const idx = globalStack.findIndex(v => v[0] === vm.uid);
+          globalStack.splice(idx, 1);
+        }
         parent == null ? void 0 : parent.activeChildren.delete(vm.uid);
       });
     });
     const globalTop = vue.ref(true);
-    vue.watchEffect(() => {
-      var _globalStack$at2;
-      const _isTop = ((_globalStack$at2 = globalStack.at(-1)) == null ? void 0 : _globalStack$at2[0]) === vm.uid;
-      setTimeout(() => globalTop.value = _isTop);
-    });
+    if (createStackEntry) {
+      vue.watchEffect(() => {
+        var _globalStack$at2;
+        const _isTop = ((_globalStack$at2 = globalStack.at(-1)) == null ? void 0 : _globalStack$at2[0]) === vm.uid;
+        setTimeout(() => globalTop.value = _isTop);
+      });
+    }
     const localTop = vue.computed(() => !stack.activeChildren.size);
     return {
       globalTop: vue.readonly(globalTop),
@@ -9263,7 +9275,10 @@
       ClickOutside
     },
     inheritAttrs: false,
-    props: makeVOverlayProps(),
+    props: {
+      _disableGlobalStack: Boolean,
+      ...makeVOverlayProps()
+    },
     emits: {
       'click:outside': e => true,
       'update:modelValue': value => true,
@@ -9303,7 +9318,7 @@
         globalTop,
         localTop,
         stackStyles
-      } = useStack(isActive, vue.toRef(props, 'zIndex'));
+      } = useStack(isActive, vue.toRef(props, 'zIndex'), props._disableGlobalStack);
       const {
         activatorEl,
         activatorRef,
@@ -17815,7 +17830,8 @@
           "eager": true,
           "activatorProps": vue.mergeProps({
             'aria-describedby': id.value
-          }, props.activatorProps)
+          }, props.activatorProps),
+          "_disableGlobalStack": true
         }, scopeId), {
           activator: slots.activator,
           default: function () {
@@ -18198,7 +18214,7 @@
       locale
     };
   }
-  const version$1 = "3.0.4";
+  const version$1 = "3.0.5-dev-20221212.0";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -18219,7 +18235,7 @@
       ...options
     });
   };
-  const version = "3.0.4";
+  const version = "3.0.5-dev-20221212.0";
   createVuetify.version = version;
 
   exports.components = components;