@dimailn/vuetify 2.7.2-alpha5 → 2.7.2-alpha7

package/dist/vuetify.js

@@ -1102,7 +1102,7 @@ var defaultMenuProps = __assign(__assign({}, _VSelect_VSelect__WEBPACK_IMPORTED_
   created: function created() {
     this.setSearch();
   },
-  destroyed: function destroyed() {
+  unmounted: function unmounted() {
     document.removeEventListener('copy', this.onCopy);
   },
   methods: {
@@ -9698,8 +9698,17 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
         if (Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["deepEqual"])(options, old)) return;
         this.$emit('update:options', options);
       },
-      deep: true,
-      immediate: true
+      deep: true
+      /*
+        In Vue 3 this watcher fires even before created hook and
+        if mounting fails and the consumer code relies on update:options event to fetch data
+        it causes infinite loop because each data update triggers an attempt to render a table,
+        but because mounting constantly fails(for example, due to error in slot) it never happens.
+        Previously, in Vue 2 slot errors didn't cause mounting failure, we had partially rendered component.
+        This immediate prop is compensated by firing event in mounted hook.
+      */
+      // immediate: true,
+
     },
     page: function page(_page) {
       this.updateOptions({
@@ -9898,6 +9907,9 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
   },
   render: function render() {
     return this.$slots.default && this.$slots.default(this.scopedProps)[0];
+  },
+  mounted: function mounted() {
+    this.$emit('update:options', this.internalOptions);
   }
 }));
 
@@ -10356,7 +10368,7 @@ var __read = undefined && undefined.__read || function (o, n) {
     window.addEventListener('keydown', this.onKeyDown);
     window.addEventListener('keyup', this.onKeyUp);
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     window.removeEventListener('keydown', this.onKeyDown);
     window.removeEventListener('keyup', this.onKeyUp);
   },
@@ -11243,7 +11255,7 @@ function searchTableItems(items, search, headersWithCustomFilters, headersWithou
       this.calcWidths();
     }
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     if (this.calculateWidths) {
       window.removeEventListener('resize', this.calcWidths);
     }
@@ -12461,7 +12473,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_V
       passive: true
     });
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.$refs.table.removeEventListener('scroll', this.scrollDebounce);
   },
   methods: {
@@ -14799,7 +14811,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_10__["default"])(_
       _this.isActive && _this.show();
     });
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     if (typeof window !== 'undefined') this.unbind();
   },
   methods: {
@@ -15260,7 +15272,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_6__["default"])(_m
   created: function created() {
     this.expansionPanel.registerContent(this);
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.expansionPanel.unregisterContent();
   },
   render: function render() {
@@ -15369,7 +15381,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_m
   created: function created() {
     this.expansionPanel.registerHeader(this);
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.expansionPanel.unregisterHeader();
   },
   methods: {
@@ -17823,7 +17835,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
     }
   },
   watch: {
-    value: function value(val) {
+    modelValue: function modelValue(val) {
       this.lazyValue = val;
     }
   },
@@ -18969,7 +18981,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_
       this.isActive = this.matchRoute(this.$route.path);
     }
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.list && this.list.unregister(this);
   },
   methods: {
@@ -19974,7 +19986,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_
     },
     closeConditional: function closeConditional(e) {
       var target = e.target;
-      return this.isActive && !this._isDestroyed && this.closeOnClick && !this.$refs.content.contains(target);
+      return this.isActive && !this._isDestroyed && this.closeOnClick && this.$refs.content && !this.$refs.content.contains(target);
     },
     genActivatorAttributes: function genActivatorAttributes() {
       var attributes = _mixins_activatable__WEBPACK_IMPORTED_MODULE_3__["default"].methods.genActivatorAttributes.call(this);
@@ -27641,7 +27653,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(Ob
     this.$refs.wrapper.addEventListener('transitionend', this.onTransition, false);
     this.stepper && this.stepper.register(this);
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.$refs.wrapper.removeEventListener('transitionend', this.onTransition, false);
     this.stepper && this.stepper.unregister(this);
   },
@@ -27793,7 +27805,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_m
   mounted: function mounted() {
     this.stepper && this.stepper.register(this);
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.stepper && this.stepper.unregister(this);
   },
   methods: {
@@ -29349,7 +29361,7 @@ var dirtyTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'mo
       this.$nextTick(this.setPrefixWidth);
     },
     isFocused: 'updateValue',
-    value: function value(val) {
+    modelValue: function modelValue(val) {
       this.lazyValue = val;
     }
   },
@@ -32333,7 +32345,7 @@ var VTreeviewNode = baseMixins.extend({
   created: function created() {
     this.treeview.register(this);
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.treeview.unregister(this);
   },
   methods: {
@@ -35131,7 +35143,7 @@ function () {
 
   Vuetify.install = _install__WEBPACK_IMPORTED_MODULE_0__["install"];
   Vuetify.installed = false;
-  Vuetify.version = "2.7.2-alpha5";
+  Vuetify.version = "2.7.2-alpha7";
   Vuetify.config = {
     silent: false
   };
@@ -39240,7 +39252,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_d
 
     this.addActivatorEvents();
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.removeActivatorEvents();
   },
   computed: {
@@ -39277,7 +39289,10 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_d
       var node = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this, 'activator', Object.assign(this.getValueProxy(), {
         attrs: __assign(__assign({}, this.genActivatorListeners()), this.genActivatorAttributes())
       })) || [];
-      this.activatorNode = node;
+      node = Array.isArray(node) ? node : [node];
+      this.activatorNode = node.flatMap(function (node) {
+        return node.type === Symbol.for('v-fgt') ? node.children : node;
+      });
       return node;
     },
     genActivatorAttributes: function genActivatorAttributes() {
@@ -39327,7 +39342,9 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_d
       return listeners;
     },
     getActivator: function getActivator(e) {
-      // If we've already fetched the activator, re-use
+      var _a; // If we've already fetched the activator, re-use
+
+
       if (this.activatorElement) return this.activatorElement;
       var activator = null;
 
@@ -39348,7 +39365,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_d
         // Use the contents of the activator slot
         // There's either only one element in it or we
         // don't have a click event to use as a last resort
-        var vm = this.activatorNode[0].component.ctx;
+        var vm = (_a = this.activatorNode[0].component) === null || _a === void 0 ? void 0 : _a.ctx;
 
         if (vm && (vm.isActivatable !== undefined || vm.isMenuable !== undefined)) {
           // Activator is actually another activatible component, use its activator (#8846)
@@ -39475,7 +39492,7 @@ function applicationable(value, events) {
     deactivated: function deactivated() {
       this.removeApplication();
     },
-    destroyed: function destroyed() {
+    unmounted: function unmounted() {
       this.removeApplication();
     },
     methods: {
@@ -40068,7 +40085,7 @@ function validateAttachTarget(val) {
 
 function removeActivator(activator) {
   activator.forEach(function (node) {
-    node.elm && node.elm.parentNode && node.elm.parentNode.removeChild(node.elm);
+    node.el && node.el.parentNode && node.el.parentNode.removeChild(node.el);
   });
 }
 /* @vue/component */
@@ -40123,12 +40140,12 @@ function removeActivator(activator) {
   deactivated: function deactivated() {
     this.isActive = false;
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     if (this.$refs.content && this.$refs.content.parentNode) {
       this.$refs.content.parentNode.removeChild(this.$refs.content);
     }
   },
-  destroyed: function destroyed() {
+  unmounted: function unmounted() {
     var _this = this;
 
     if (this.activatorNode) {
@@ -40298,7 +40315,7 @@ function factory(namespace, child, parent) {
     created: function created() {
       this[namespace] && this[namespace].register(this);
     },
-    beforeDestroy: function beforeDestroy() {
+    beforeUnmount: function beforeUnmount() {
       this[namespace] && this[namespace].unregister(this);
     },
     methods: {
@@ -40359,7 +40376,7 @@ function intersectable(options) {
         value: this.onObserve
       }, vnode);
     },
-    destroyed: function destroyed() {
+    unmounted: function unmounted() {
       var vnode = Object(vue__WEBPACK_IMPORTED_MODULE_2__["getCurrentInstance"])().vnode;
       _directives_intersect__WEBPACK_IMPORTED_MODULE_0__["default"].unbind(this.$el, {
         name: 'intersect',
@@ -40703,7 +40720,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_s
       window.addEventListener('resize', this.updateDimensions, false);
     }
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     if (this.hasWindow) {
       window.removeEventListener('resize', this.updateDimensions, false);
     }
@@ -41186,7 +41203,7 @@ var __assign = undefined && undefined.__assign || function () {
       if (value) this.removeOverlay();else this.genOverlay();
     }
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.removeOverlay();
   },
   methods: {
@@ -42800,7 +42817,7 @@ __webpack_require__.r(__webpack_exports__);
       return this.objHeight();
     }
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     window.removeEventListener('scroll', this.translate, false);
     window.removeEventListener('resize', this.translate, false);
   },
@@ -43043,7 +43060,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_c
         this.$emit('update:error', val);
       }
     },
-    value: function value(val) {
+    modelValue: function modelValue(val) {
       this.lazyValue = val;
     }
   },
@@ -43053,7 +43070,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_c
   created: function created() {
     this.form && this.form.register(this);
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.form && this.form.unregister(this);
   },
   methods: {