@dimailn/vuetify 2.7.2-alpha0 → 2.7.2-alpha10

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: {
@@ -1457,8 +1457,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
 /* harmony import */ var _mixins_transitionable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/transitionable */ "./src/mixins/transitionable/index.ts");
 /* harmony import */ var _mixins_positionable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../mixins/positionable */ "./src/mixins/positionable/index.ts");
-/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
-/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
+/* harmony import */ var _util_mergeData__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/mergeData */ "./src/util/mergeData.ts");
+/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
+/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -1498,11 +1499,12 @@ var __rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
  // Utilities
 
 
 
-/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_3__["default"], Object(_mixins_positionable__WEBPACK_IMPORTED_MODULE_7__["factory"])(['left', 'bottom']), _mixins_themeable__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_toggleable__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_transitionable__WEBPACK_IMPORTED_MODULE_6__["default"]).extend({
+/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_3__["default"], Object(_mixins_positionable__WEBPACK_IMPORTED_MODULE_7__["factory"])(['left', 'bottom']), _mixins_themeable__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_toggleable__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_transitionable__WEBPACK_IMPORTED_MODULE_6__["default"]).extend({
   name: 'v-badge',
   props: {
     avatar: Boolean,
@@ -1594,7 +1596,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
   },
   methods: {
     calcPosition: function calcPosition(offset) {
-      return "calc(100% - " + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_9__["convertToUnit"])(offset || this.offset) + ")";
+      return "calc(100% - " + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_10__["convertToUnit"])(offset || this.offset) + ")";
     },
     genBadge: function genBadge() {
       var lang = this.$vuetify.lang;
@@ -1623,7 +1625,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
     genBadgeContent: function genBadgeContent() {
       // Dot prop shows no content
       if (this.dot) return undefined;
-      var slot = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_9__["getSlot"])(this, 'badge');
+      var slot = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_10__["getSlot"])(this, 'badge');
       if (slot) return slot;
       if (this.content) return String(this.content);
       if (this.icon) return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], this.icon);
@@ -1637,7 +1639,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
   },
   render: function render() {
     var badge = [this.genBadgeWrapper()];
-    var children = [Object(_util_helpers__WEBPACK_IMPORTED_MODULE_9__["getSlot"])(this)];
+    var children = [Object(_util_helpers__WEBPACK_IMPORTED_MODULE_10__["getSlot"])(this)];
 
     var _a = this.$attrs,
         _x = _a["aria-atomic"],
@@ -1648,7 +1650,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
         attrs = __rest(_a, ['aria-atomic', 'aria-label', 'aria-live', "role", "title"]);
 
     if (this.inline && this.left) children.unshift(badge);else children.push(badge);
-    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('span', __assign({
+    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('span', Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_8__["default"])({
       class: ['v-badge', this.classes]
     }, attrs), children);
   }
@@ -9696,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({
@@ -9896,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);
   }
 }));
 
@@ -10354,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);
   },
@@ -11241,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);
     }
@@ -12459,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: {
@@ -14797,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: {
@@ -15258,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() {
@@ -15367,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: {
@@ -16221,7 +16235,7 @@ var __assign = undefined && undefined.__assign || function () {
       this.inputs = this.inputs.filter(function (i) {
         return i._uid !== found._uid;
       });
-      this.$delete(this.errorBag, found._uid);
+      delete this.errorBag[found._uid];
     }
   },
   render: function render() {
@@ -16361,7 +16375,7 @@ function breakpointClass(type, prop, val) {
 var cache = new Map();
 /* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_1__["defineComponent"])({
   name: 'v-col',
-  functional: true,
+  inheritAttrs: false,
   props: __assign(__assign(__assign(__assign(__assign(__assign({
     cols: {
       type: [Boolean, String, Number],
@@ -16429,9 +16443,9 @@ var cache = new Map();
       cache.set(cacheKey, classList);
     }
 
-    return Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])(props.tag, Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_2__["default"])(data, {
+    return Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])(props.tag, Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_2__["default"])({
       class: classList
-    }), children);
+    }, data), children);
   }
 }));
 
@@ -17599,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"
           }
@@ -17821,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;
     }
   },
@@ -18211,7 +18225,7 @@ var BaseItemGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])
       // As long as a value is defined, show it
       // Otherwise, check if multiple
       // to determine which default to provide
-      internalLazyValue: this.value !== undefined ? this.value : this.multiple ? [] : undefined,
+      internalLazyValue: this.modelValue !== undefined ? this.modelValue : this.multiple ? [] : undefined,
       items: []
     };
   },
@@ -18967,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: {
@@ -19972,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);
@@ -21374,7 +21388,7 @@ var __assign = undefined && undefined.__assign || function () {
       type: [Number, String],
       default: 0.46
     },
-    value: {
+    modelValue: {
       default: true
     },
     zIndex: {
@@ -22828,7 +22842,7 @@ var __assign = undefined && undefined.__assign || function () {
 
 
 
-var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_3__["BaseItemGroup"], _VInput__WEBPACK_IMPORTED_MODULE_2__["default"]);
+var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_VInput__WEBPACK_IMPORTED_MODULE_2__["default"], _VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_3__["BaseItemGroup"]);
 /* @vue/component */
 
 /* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend({
@@ -22852,7 +22866,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_V
     // If no value set on VRadio
     // will match valueComparator
     // force default to null
-    value: null
+    modelValue: null
   },
   computed: {
     classes: function classes() {
@@ -23952,7 +23966,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_14__["default"])(_
 
       return __assign(__assign(__assign({}, defaultMenuProps), {
         eager: this.eager,
-        value: this.menuCanShow && this.isMenuActive,
+        modelValue: this.menuCanShow && this.isMenuActive,
         nudgeBottom: normalisedProps.offsetY ? 1 : 0
       }), normalisedProps);
     }
@@ -24006,7 +24020,6 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_14__["default"])(_
   methods: {
     /** @public */
     blur: function blur(e) {
-      console.log("BLUUUUR");
       _VTextField_VTextField__WEBPACK_IMPORTED_MODULE_6__["default"].methods.blur.call(this, e);
       this.isMenuActive = false;
       this.isFocused = false;
@@ -24140,7 +24153,6 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_14__["default"])(_
       var input = _VTextField_VTextField__WEBPACK_IMPORTED_MODULE_6__["default"].methods.genInput.call(this);
       delete input.props.name;
       input.props = Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_11__["default"])(input.props, {
-        value: null,
         readonly: true,
         type: 'text',
         'aria-readonly': String(this.isReadonly),
@@ -24149,8 +24161,10 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_14__["default"])(_
         placeholder: !this.isDirty && (this.persistentPlaceholder || this.isFocused || !this.hasLabel) ? this.placeholder : undefined,
         onKeypress: this.onKeyPress
       });
-      input.props = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_12__["normalizeAttrs"])(input.props); // console.log(input)
-
+      input.props = __assign(__assign({}, input.props), {
+        value: null
+      });
+      input.props = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_12__["normalizeAttrs"])(input.props);
       return input;
     },
     genHiddenInput: function genHiddenInput() {
@@ -24951,11 +24965,11 @@ var __assign = undefined && undefined.__assign || function () {
   render: function render() {
     var _a, _b;
 
-    var data = {
+    var data = __assign({
       class: this.classes,
-      style: this.styles,
-      on: this.listeners$
-    };
+      style: this.styles
+    }, this.listeners$);
+
     return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(this.tag, this.setBackgroundColor(this.color, data), (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a));
   }
 }));
@@ -27639,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);
   },
@@ -27791,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: {
@@ -27962,11 +27976,11 @@ var __assign = undefined && undefined.__assign || function () {
     inset: Boolean
   },
   render: function render() {
-    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', __assign(__assign({
+    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', __assign(__assign(__assign({}, this.$attrs), {
       class: ['v-subheader', __assign({
         'v-subheader--inset': this.inset
-      }, this.themeClasses)]
-    }, this.$attrs), this.$listeners), Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getSlot"])(this));
+      }, this.themeClasses), this.$attrs.class]
+    }), this.$listeners), Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getSlot"])(this));
   }
 }));
 
@@ -28716,7 +28730,6 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_10__["default"])(_
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VTabsItems__WEBPACK_IMPORTED_MODULE_3__["default"], {
         modelValue: this.internalValue,
         'onUpdate:modelValue': function onUpdateModelValue(val) {
-          console.log(val);
           _this.internalValue = val;
         }
       }, item);
@@ -29348,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;
     }
   },
@@ -32332,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: {
@@ -33757,6 +33770,22 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _util_mergeData__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/mergeData */ "./src/util/mergeData.ts");
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
 var __read = undefined && undefined.__read || function (o, n) {
   var m = typeof Symbol === "function" && o[Symbol.iterator];
   if (!m) return o;
@@ -33921,10 +33950,9 @@ function createJavascriptTransition(name, functions, mode) {
       }
     },
     render: function render() {
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(vue__WEBPACK_IMPORTED_MODULE_0__["Transition"], Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_1__["default"])(this.$attrs, {
-        name: name,
-        functions: functions
-      }), this.$slots.default());
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(vue__WEBPACK_IMPORTED_MODULE_0__["Transition"], Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_1__["default"])(this.$attrs, __assign({
+        name: name
+      }, functions)), this.$slots.default());
     }
   };
 }
@@ -33954,7 +33982,7 @@ __webpack_require__.r(__webpack_exports__);
   var sizeProperty = x ? 'width' : 'height';
   var offsetProperty = "offset" + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["upperFirst"])(sizeProperty);
   return {
-    beforeEnter: function beforeEnter(el) {
+    onBeforeEnter: function onBeforeEnter(el) {
       var _a;
 
       el._parent = el.parentNode;
@@ -33963,7 +33991,7 @@ __webpack_require__.r(__webpack_exports__);
         overflow: el.style.overflow
       }, _a[sizeProperty] = el.style[sizeProperty], _a);
     },
-    enter: function enter(el) {
+    onEnter: function onEnter(el) {
       var initialStyle = el._initialStyle;
       el.style.setProperty('transition', 'none', 'important'); // Hide overflow to account for collapsed margins in the calculated height
 
@@ -33982,9 +34010,9 @@ __webpack_require__.r(__webpack_exports__);
         el.style[sizeProperty] = offset;
       });
     },
-    afterEnter: resetStyles,
-    enterCancelled: resetStyles,
-    leave: function leave(el) {
+    onAfterEnter: resetStyles,
+    onEnterCancelled: resetStyles,
+    onLeave: function onLeave(el) {
       var _a;
 
       el._initialStyle = (_a = {
@@ -33999,8 +34027,8 @@ __webpack_require__.r(__webpack_exports__);
         return el.style[sizeProperty] = '0';
       });
     },
-    afterLeave: afterLeave,
-    leaveCancelled: afterLeave
+    onAfterLeave: afterLeave,
+    onLeaveCancelled: afterLeave
   };
 
   function afterLeave(el) {
@@ -35115,7 +35143,7 @@ function () {
 
   Vuetify.install = _install__WEBPACK_IMPORTED_MODULE_0__["install"];
   Vuetify.installed = false;
-  Vuetify.version = "2.7.2-alpha0";
+  Vuetify.version = "2.7.2-alpha10";
   Vuetify.config = {
     silent: false
   };
@@ -39224,9 +39252,14 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_d
 
     this.addActivatorEvents();
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.removeActivatorEvents();
   },
+  computed: {
+    isActivatable: function isActivatable() {
+      return true;
+    }
+  },
   methods: {
     addActivatorEvents: function addActivatorEvents() {
       var e_1, _a;
@@ -39256,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() {
@@ -39306,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;
 
@@ -39327,12 +39365,9 @@ 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.$options.mixins && //                         Activatable is indirectly used via Menuable
-        vm.$options.mixins.some(function (m) {
-          return m.options && ['activatable', 'menuable'].includes(m.options.name);
-        })) {
+        if (vm && (vm.isActivatable !== undefined || vm.isMenuable !== undefined)) {
           // Activator is actually another activatible component, use its activator (#8846)
           activator = vm.getActivator();
         } else {
@@ -39457,7 +39492,7 @@ function applicationable(value, events) {
     deactivated: function deactivated() {
       this.removeApplication();
     },
-    destroyed: function destroyed() {
+    unmounted: function unmounted() {
       this.removeApplication();
     },
     methods: {
@@ -39503,7 +39538,7 @@ function makeWatcher(property) {
   return function (val, oldVal) {
     for (var attr in oldVal) {
       if (!Object.prototype.hasOwnProperty.call(val, attr)) {
-        this.$delete(this.$data[property], attr);
+        delete this.$data[property][attr];
       }
     }
 
@@ -40050,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 */
@@ -40105,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) {
@@ -40280,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: {
@@ -40341,9 +40376,9 @@ 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, {
+      _directives_intersect__WEBPACK_IMPORTED_MODULE_0__["default"].unmounted(this.$el, {
         name: 'intersect',
         value: this.onObserve
       }, vnode);
@@ -40628,6 +40663,9 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_s
     };
   },
   computed: {
+    isMenuable: function isMenuable() {
+      return true;
+    },
     computedLeft: function computedLeft() {
       var a = this.dimensions.activator;
       var c = this.dimensions.content;
@@ -40682,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);
     }
@@ -41002,7 +41040,6 @@ function mapEventName(str) {
         eventFirst = false;
       }
 
-      console.log(this.$attrs);
       var listeners = Object.keys(this.$attrs).filter(function (key) {
         return key.endsWith(suffix);
       }).reduce(function (acc, key) {
@@ -41166,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: {
@@ -41181,12 +41218,14 @@ var __assign = undefined && undefined.__assign || function () {
       var wrapper = {
         data: function data() {
           return {
-            value: false
+            value: false,
+            zIndex: undefined
           };
         },
         render: function render() {
           return Object(vue__WEBPACK_IMPORTED_MODULE_2__["h"])(_components_VOverlay__WEBPACK_IMPORTED_MODULE_0__["default"], __assign({
-            value: this.value
+            modelValue: this.value,
+            zIndex: this.zIndex
           }, props));
         }
       }; // // Create the overlay app
@@ -41248,7 +41287,6 @@ var __assign = undefined && undefined.__assign || function () {
 
           _this.overlayApp = null;
           _this.overlay = null;
-          console.log('destroyed');
         }); // Cancel animation frame in case
         // overlay is removed before it
         // has finished its animation
@@ -41611,10 +41649,6 @@ function factory(prop, event) {
 
   return Object(vue__WEBPACK_IMPORTED_MODULE_0__["defineComponent"])({
     name: 'proxyable',
-    model: {
-      prop: prop,
-      event: event
-    },
     props: (_a = {}, _a[prop] = {
       required: false
     }, _a),
@@ -42785,7 +42819,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);
   },
@@ -43028,7 +43062,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;
     }
   },
@@ -43038,7 +43072,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: {
@@ -43270,7 +43304,9 @@ function (_super) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Breakpoint", function() { return Breakpoint; });
-/* harmony import */ var _service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../service */ "./src/services/service/index.ts");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../service */ "./src/services/service/index.ts");
 var __extends = undefined && undefined.__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -43297,8 +43333,9 @@ var __extends = undefined && undefined.__extends || function () {
 
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
   };
-}(); // Extensions
+}();
 
+ // Extensions
 
 
 
@@ -43342,7 +43379,7 @@ function (_super) {
     _this.mobileBreakpoint = mobileBreakpoint;
     _this.scrollBarWidth = scrollBarWidth;
     _this.thresholds = thresholds;
-    return _this;
+    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["reactive"])(_this);
   }
 
   Breakpoint.prototype.init = function () {
@@ -43454,7 +43491,7 @@ function (_super) {
 
   Breakpoint.property = 'breakpoint';
   return Breakpoint;
-}(_service__WEBPACK_IMPORTED_MODULE_0__["Service"]);
+}(_service__WEBPACK_IMPORTED_MODULE_1__["Service"]);