@dimailn/vuetify 2.7.2-alpha4 → 2.7.2-alpha6

package/dist/vuetify.js

@@ -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);
   }
 }));
 
@@ -10788,23 +10800,23 @@ function needsTd(slot) {
     rtl: Boolean
   },
   render: function render() {
-    var _this = this;
+    var _this = this; // const props = this.$props
+
 
-    var props = this.$props;
     var data = this.$attrs;
-    var columns = props.headers.map(function (header) {
+    var columns = this.headers.map(function (header) {
       var children = [];
-      var value = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["getObjectValueByPath"])(props.item, header.value);
+      var value = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["getObjectValueByPath"])(_this.item, header.value);
       var slotName = header.value;
 
       var scopedSlot = _this.$slots.hasOwnProperty(slotName) && _this.$slots[slotName];
 
       if (scopedSlot) {
         children.push.apply(children, __spreadArray([], __read(Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["wrapInArray"])(scopedSlot({
-          item: props.item,
+          item: _this.item,
           isMobile: false,
           header: header,
-          index: props.index,
+          index: _this.index,
           value: value
         }))), false));
       } else {
@@ -17601,7 +17613,7 @@ var hasIntersect = typeof window !== 'undefined' && 'IntersectionObserver' in wi
       var content = _VResponsive__WEBPACK_IMPORTED_MODULE_3__["default"].methods.genContent.call(this);
 
       if (this.naturalWidth) {
-        content = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(content.type, Object(vue__WEBPACK_IMPORTED_MODULE_0__["mergeProps"])(content.data, {
+        content = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(content.type, Object(vue__WEBPACK_IMPORTED_MODULE_0__["mergeProps"])(content.props, {
           style: {
             width: this.naturalWidth + "px"
           }
@@ -20171,8 +20183,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_
         'v-menu--attached': this.attach === '' || this.attach === true || this.attach === 'attach'
       }]
     };
-    var directives = [[_directives_resize__WEBPACK_IMPORTED_MODULE_11__["default"], this.onResize, '500']]; // console.log('vmenurender', this, this.activator, this.getActivator())
-
+    var directives = [[_directives_resize__WEBPACK_IMPORTED_MODULE_11__["default"], this.onResize, '500']];
     return Object(vue__WEBPACK_IMPORTED_MODULE_0__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', data, [!this.activator && this.genActivator(), this.showLazyContent(function () {
       return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VThemeProvider__WEBPACK_IMPORTED_MODULE_2__["VThemeProvider"], {
         root: true,
@@ -35131,7 +35142,7 @@ function () {
 
   Vuetify.install = _install__WEBPACK_IMPORTED_MODULE_0__["install"];
   Vuetify.installed = false;
-  Vuetify.version = "2.7.2-alpha4";
+  Vuetify.version = "2.7.2-alpha5";
   Vuetify.config = {
     silent: false
   };
@@ -39277,7 +39288,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 +39341,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 +39364,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)