@vuetify/nightly 3.0.4 → 3.0.5-dev-20221212.0

package/dist/vuetify.esm.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.
 */
@@ -509,7 +509,7 @@ function createMessage(message, vm, parent) {
 
   if (parent) {
     vm = {
-      _isVue: true,
+      __isVue: true,
       $parent: parent,
       $options: vm
     };
@@ -541,7 +541,7 @@ function formatComponentName(vm, includeFile) {
   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) {
@@ -551,7 +551,7 @@ function formatComponentName(vm, includeFile) {
   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) {
@@ -3143,6 +3143,11 @@ const VToolbar = genericComponent()({
     const isExtended = ref(!!(props.extended || (_slots$extension = slots.extension) != null && _slots$extension.call(slots)));
     const contentHeight = 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 = 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);
@@ -4527,7 +4532,7 @@ const VProgressLinear = defineComponent({
 
 // Composables
 const makeLoaderProps = propsFactory({
-  loading: Boolean
+  loading: [Boolean, String]
 }, 'loader');
 function useLoader(props) {
   let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getCurrentInstanceName();
@@ -5405,7 +5410,7 @@ const VField = genericComponent()({
         "class": "v-field__overlay"
       }, null), createVNode(LoaderSlot, {
         "name": "v-field",
-        "active": props.loading,
+        "active": !!props.loading,
         "color": props.error ? 'error' : props.color
       }, {
         default: slots.loader
@@ -5698,7 +5703,7 @@ function useValidation(props) {
   const isDisabled = computed(() => !!(props.disabled || form != null && form.isDisabled.value));
   const isReadonly = computed(() => !!(props.readonly || form != null && form.isReadonly.value));
   const errorMessages = 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 = computed(() => {
     if (props.error || errorMessages.value.length) return false;
@@ -5762,7 +5767,7 @@ function useValidation(props) {
     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;
@@ -6795,7 +6800,7 @@ const VChip = defineComponent({
         "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],
@@ -9055,8 +9060,9 @@ function useHydration() {
 
 const StackSymbol = Symbol.for('vuetify:stack');
 const globalStack = reactive([]);
-function useStack(isActive, zIndex) {
+function useStack(isActive, zIndex, disableGlobalStack) {
   const vm = getCurrentInstance('useStack');
+  const createStackEntry = !disableGlobalStack;
   const parent = inject$1(StackSymbol, undefined);
   const stack = reactive({
     activeChildren: new Set()
@@ -9067,20 +9073,26 @@ function useStack(isActive, zIndex) {
     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);
     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 = ref(true);
-  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) {
+    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 = computed(() => !stack.activeChildren.size);
   return {
     globalTop: readonly(globalTop),
@@ -9259,7 +9271,10 @@ const VOverlay = genericComponent()({
     ClickOutside
   },
   inheritAttrs: false,
-  props: makeVOverlayProps(),
+  props: {
+    _disableGlobalStack: Boolean,
+    ...makeVOverlayProps()
+  },
   emits: {
     'click:outside': e => true,
     'update:modelValue': value => true,
@@ -9299,7 +9314,7 @@ const VOverlay = genericComponent()({
       globalTop,
       localTop,
       stackStyles
-    } = useStack(isActive, toRef(props, 'zIndex'));
+    } = useStack(isActive, toRef(props, 'zIndex'), props._disableGlobalStack);
     const {
       activatorEl,
       activatorRef,
@@ -17811,7 +17826,8 @@ const VTooltip = genericComponent()({
         "eager": true,
         "activatorProps": mergeProps({
           'aria-describedby': id.value
-        }, props.activatorProps)
+        }, props.activatorProps),
+        "_disableGlobalStack": true
       }, scopeId), {
         activator: slots.activator,
         default: function () {
@@ -18194,7 +18210,7 @@ function createVuetify$1() {
     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
@@ -18215,7 +18231,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.0.4";
+const version = "3.0.5-dev-20221212.0";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDisplay, useLayout, useLocale, useRtl, useTheme, version };