@dimailn/vuetify 2.7.2-alpha35 → 2.7.2-alpha37

package/dist/vuetify.js

@@ -2226,17 +2226,13 @@ var __read = undefined && undefined.__read || function (o, n) {
       modelValue: this.internalValue,
       onChange: this.updateValue
     });
+    var vnode = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_mixins_button_group__WEBPACK_IMPORTED_MODULE_3__["default"], this.setTextColor(this.color, data), Object(_util_helpers__WEBPACK_IMPORTED_MODULE_12__["getSlot"])(this));
 
     if (this.canScroll) {
-      data.directives = data.directives || [];
-      data.directives.push({
-        arg: this.scrollTarget,
-        name: 'scroll',
-        value: this.onScroll
-      });
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["withDirectives"])(vnode, [['scroll', this.onScroll, this.scrollTarget]]);
     }
 
-    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_mixins_button_group__WEBPACK_IMPORTED_MODULE_3__["default"], this.setTextColor(this.color, data), Object(_util_helpers__WEBPACK_IMPORTED_MODULE_12__["getSlot"])(this));
+    return vnode;
   }
 }));
 
@@ -15499,7 +15495,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_10__["default"])(_
       // if it was dragged onto the overlay (#6969),
       // or if this isn't the topmost dialog (#9907)
 
-      return !(this._isDestroyed || !this.isActive || this.$refs.content.contains(target) || this.overlay && target && !this.overlay.$el.contains(target)) && this.activeZIndex >= this.getMaxZIndex();
+      return !(this.$.isUnmounted || !this.isActive || this.$refs.content.contains(target) || this.overlay && target && !this.overlay.$el.contains(target)) && this.activeZIndex >= this.getMaxZIndex();
     },
     hideScroll: function hideScroll() {
       if (this.fullscreen) {
@@ -19255,7 +19251,7 @@ var BaseItemGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])
       this.updateItem(item, index);
     },
     unregister: function unregister(item) {
-      if (this._isDestroyed) return;
+      if (this.$.isUnmounted) return;
       var index = this.items.indexOf(item);
       var value = this.getValue(item, index);
       this.items.splice(index, 1);
@@ -21098,7 +21094,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 && !this.$refs.content.contains(target);
+      return this.isActive && !this.$.isUnmounted && 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);
@@ -21780,7 +21776,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_14__["default"])(O
       };
     },
     closeConditional: function closeConditional() {
-      return this.isActive && !this._isDestroyed && this.reactsToClick;
+      return this.isActive && !this.$.isUnmounted && this.reactsToClick;
     },
     genAppend: function genAppend() {
       return this.genPosition('append');
@@ -25571,7 +25567,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_14__["default"])(_
     },
     closeConditional: function closeConditional(e) {
       if (!this.isMenuActive) return true;
-      return !this._isDestroyed && ( // Click originates from outside the menu content
+      return !this.$.isUnmounted && ( // Click originates from outside the menu content
       // Multiple selects don't close when an item is clicked
       !this.getContent() || !this.getContent().contains(e.target)) && // Click originates from outside the element
       this.$el && !this.$el.contains(e.target) && e.target !== this.$el;
@@ -25811,7 +25807,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_14__["default"])(_
         parent: this,
         item: item,
         index: index,
-        select: function select(e) {
+        onSelect: function onSelect(e) {
           e.stopPropagation();
           _this.selectedIndex = index;
         },
@@ -27153,7 +27149,11 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"]
   },
   methods: {
     onScroll: function onScroll() {
-      this.$refs.wrapper.scrollLeft = 0;
+      var wrapper = this.$refs.wrapper;
+
+      if (wrapper) {
+        wrapper.scrollLeft = 0;
+      }
     },
     onFocusin: function onFocusin(e) {
       var e_1, _a, e_2, _b;
@@ -27227,8 +27227,6 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"]
       };
     },
     genIcon: function genIcon(location) {
-      var _this = this;
-
       var icon = location;
 
       if (this.$vuetify.rtl && location === 'prev') {
@@ -27240,11 +27238,9 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"]
       var upperLocation = "" + location[0].toUpperCase() + location.slice(1);
       var hasAffix = this["has" + upperLocation];
       if (!this.showArrows && !hasAffix) return null;
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], function () {
-        return {
-          disabled: !hasAffix
-        }, _this[icon + "Icon"];
-      });
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], {
+        disabled: !hasAffix
+      }, this[icon + "Icon"]);
     },
     // Always generate prev for scrollable hint
     genPrev: function genPrev() {
@@ -27262,11 +27258,7 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"]
       }, [slot]);
     },
     genTransition: function genTransition(location) {
-      var _this = this;
-
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_transitions__WEBPACK_IMPORTED_MODULE_3__["VFadeTransition"], function () {
-        return [_this.genIcon(location)];
-      });
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_transitions__WEBPACK_IMPORTED_MODULE_3__["VFadeTransition"], {}, [this.genIcon(location)]);
     },
     genWrapper: function genWrapper() {
       var _this = this;
@@ -27298,11 +27290,12 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"]
     },
     onResize: function onResize() {
       /* istanbul ignore next */
-      if (this._isDestroyed) return;
+      if (this.$.isUnmounted) return;
       this.setWidths();
     },
     onTouchStart: function onTouchStart(e) {
       var content = this.$refs.content;
+      if (!content) return;
       this.startX = this.scrollOffset + e.touchstartX;
       content.style.setProperty('transition', 'none');
       content.style.setProperty('willChange', 'transform');
@@ -27328,9 +27321,9 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"]
     },
     onTouchEnd: function onTouchEnd() {
       if (!this.canTouch) return;
-      var _a = this.$refs,
-          content = _a.content,
-          wrapper = _a.wrapper;
+      var content = this.$refs.content;
+      var wrapper = this.$refs.wrapper;
+      if (!content || !wrapper) return;
       var maxScrollOffset = content.clientWidth - wrapper.clientWidth;
       content.style.setProperty('transition', null);
       content.style.setProperty('willChange', null);
@@ -27364,7 +27357,9 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"]
     : function scrollIntoView() {
       if (!this.selectedItem && this.items.length) {
         var lastItemPosition = this.items[this.items.length - 1].$el.getBoundingClientRect();
-        var wrapperPosition = this.$refs.wrapper.getBoundingClientRect();
+        var wrapper = this.$refs.wrapper;
+        if (!wrapper) return;
+        var wrapperPosition = wrapper.getBoundingClientRect();
 
         if (this.$vuetify.rtl && wrapperPosition.right < lastItemPosition.right || !this.$vuetify.rtl && wrapperPosition.left > lastItemPosition.left) {
           this.scrollTo('prev');
@@ -27396,13 +27391,13 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"]
       var _this = this;
 
       window.requestAnimationFrame(function () {
-        if (_this._isDestroyed) return;
-        var _a = _this.$refs,
-            content = _a.content,
-            wrapper = _a.wrapper;
+        if (_this.$.isUnmounted) return;
+        var content = _this.$refs.content;
+        var wrapper = _this.$refs.wrapper;
+        if (!content || !wrapper) return;
         _this.widths = {
-          content: content ? content.clientWidth : 0,
-          wrapper: wrapper ? wrapper.clientWidth : 0
+          content: content.clientWidth,
+          wrapper: wrapper.clientWidth
         }; // https://github.com/vuetifyjs/vuetify/issues/13212
         // We add +1 to the wrappers width to prevent an issue where the `clientWidth`
         // gets calculated wrongly by the browser if using a different zoom-level.
@@ -29353,13 +29348,15 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(Ob
       style: this.styles,
       ref: 'wrapper'
     };
+    var wrapper = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', wrapperData, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this));
+    var content;
 
     if (!this.isVertical) {
-      contentData.directives = [[vue__WEBPACK_IMPORTED_MODULE_0__["vShow"], this.isActive]];
+      content = Object(vue__WEBPACK_IMPORTED_MODULE_0__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', contentData, [wrapper]), [[vue__WEBPACK_IMPORTED_MODULE_0__["vShow"], this.isActive]]);
+    } else {
+      content = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', contentData, [wrapper]);
     }
 
-    var wrapper = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', wrapperData, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this));
-    var content = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', contentData, [wrapper]);
     return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(this.computedTransition, __assign({}, this.$listeners), function () {
       return [content];
     });
@@ -30453,7 +30450,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_10__["default"])(_
       }, [slider]);
     },
     onResize: function onResize() {
-      if (this._isDestroyed) return;
+      if (this.$.isUnmounted) return;
       clearTimeout(this.resizeTimeout);
       this.resizeTimeout = window.setTimeout(this.callSlider, 0);
     },
@@ -31524,7 +31521,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_V
       input.tag = 'textarea';
       input.type = 'textarea';
       delete input.props.type;
-      input.rows = this.rows;
+      input.props.rows = this.rows;
       return input;
     },
     onInput: function onInput(e) {
@@ -36931,7 +36928,7 @@ function () {
 
   Vuetify.install = _install__WEBPACK_IMPORTED_MODULE_0__["install"];
   Vuetify.installed = false;
-  Vuetify.version = "2.7.2-alpha35";
+  Vuetify.version = "2.7.2-alpha36";
   Vuetify.config = {
     silent: false
   };
@@ -41947,7 +41944,7 @@ function removeActivator(activator) {
       return scopeIdAttrs;
     },
     initDetach: function initDetach() {
-      if (this._isDestroyed || !this.$refs.content || this.hasDetached || // Leave menu in place if attached
+      if (this.$.isUnmounted || !this.$refs.content || this.hasDetached || // Leave menu in place if attached
       // and dev has not changed target
       this.attach === '' || // If used as a boolean prop (<v-menu attach>)
       this.attach === true || // If bound to a boolean (<v-menu :attach="true">)
@@ -42084,7 +42081,11 @@ function factory(namespace, child, parent) {
       this[namespace] && this[namespace].register(this);
     },
     beforeUnmount: function beforeUnmount() {
-      this[namespace] && this[namespace].unregister(this);
+      var _this = this;
+
+      this.$nextTick(function () {
+        _this[namespace] && _this[namespace].unregister(_this);
+      });
     },
     methods: {
       toggle: function toggle(e) {
@@ -43448,7 +43449,11 @@ function factory(prop, event) {
         set: function set(val) {
           if (val === this.internalLazyValue) return;
           this.internalLazyValue = val;
-          this.$emit(event, val);
+          console.log(this, !this.$.isUnmounted); // Don't emit events if component is being destroyed
+
+          if (!this.$.isUnmounted) {
+            this.$emit(event, val);
+          }
         }
       }
     },