vuetify 2.6.0-beta.0 → 2.6.3

package/dist/vuetify.js

@@ -1136,13 +1136,31 @@ var defaultMenuProps = __assign(__assign({}, _VSelect_VSelect__WEBPACK_IMPORTED_
 
 
       if (val === oldVal) return;
-      this.setMenuIndex(-1);
+
+      if (!this.autoSelectFirst) {
+        var preSelectedItem_1 = oldVal[this.$refs.menu.listIndex];
+
+        if (preSelectedItem_1) {
+          this.setMenuIndex(val.findIndex(function (i) {
+            return i === preSelectedItem_1;
+          }));
+        } else {
+          this.setMenuIndex(-1);
+        }
+
+        this.$emit('update:list-index', this.$refs.menu.listIndex);
+      }
+
       this.$nextTick(function () {
         if (!_this.internalSearch || val.length !== 1 && !_this.autoSelectFirst) return;
 
         _this.$refs.menu.getTiles();
 
-        _this.setMenuIndex(0);
+        if (_this.autoSelectFirst && val.length) {
+          _this.setMenuIndex(0);
+
+          _this.$emit('update:list-index', _this.$refs.menu.listIndex);
+        }
       });
     },
     onInternalSearchChanged: function onInternalSearchChanged() {
@@ -1853,7 +1871,7 @@ var __assign = undefined && undefined.__assign || function () {
     }
   },
   render: function render(h) {
-    return h(_transitions__WEBPACK_IMPORTED_MODULE_4__["VExpandTransition"], [h('div', this.setBackgroundColor(this.color, {
+    var data = {
       staticClass: 'v-banner',
       attrs: this.attrs$,
       class: this.classes,
@@ -1862,7 +1880,8 @@ var __assign = undefined && undefined.__assign || function () {
         name: 'show',
         value: this.isActive
       }]
-    }), [this.genWrapper()])]);
+    };
+    return h(_transitions__WEBPACK_IMPORTED_MODULE_4__["VExpandTransition"], [h('div', this.outlined ? data : this.setBackgroundColor(this.color, data), [this.genWrapper()])]);
   }
 }));
 
@@ -2000,6 +2019,9 @@ var __assign = undefined && undefined.__assign || function () {
       });
     }
   },
+  watch: {
+    canScroll: 'onScroll'
+  },
   created: function created() {
     /* istanbul ignore next */
     if (this.$attrs.hasOwnProperty('active')) {
@@ -2008,8 +2030,13 @@ var __assign = undefined && undefined.__assign || function () {
   },
   methods: {
     thresholdMet: function thresholdMet() {
-      this.isActive = !this.isScrollingUp;
-      this.$emit('update:input-value', this.isActive);
+      if (this.hideOnScroll) {
+        this.isActive = !this.isScrollingUp || this.currentScroll > this.computedScrollThreshold;
+        this.$emit('update:input-value', this.isActive);
+      }
+
+      if (this.currentThreshold < this.computedScrollThreshold) return;
+      this.savedScroll = this.currentScroll;
     },
     updateApplication: function updateApplication() {
       return this.$el ? this.$el.clientHeight : 0;
@@ -2115,10 +2142,7 @@ var __assign = undefined && undefined.__assign || function () {
   name: 'v-bottom-sheet',
   props: {
     inset: Boolean,
-    maxWidth: {
-      type: [String, Number],
-      default: 'auto'
-    },
+    maxWidth: [String, Number],
     transition: {
       type: String,
       default: 'bottom-sheet-transition'
@@ -3543,8 +3567,10 @@ var __spread = undefined && undefined.__spread || function () {
         key: day.date,
         staticClass: 'v-calendar-daily_head-day',
         class: this.getRelativeClasses(day),
-        on: this.getDefaultMouseEventHandlers(':day', function (_e) {
-          return _this.getSlotScope(day);
+        on: this.getDefaultMouseEventHandlers(':day', function (nativeEvent) {
+          return __assign({
+            nativeEvent: nativeEvent
+          }, _this.getSlotScope(day));
         })
       }, __spread([this.genHeadWeekday(day), this.genHeadDayLabel(day)], this.genDayHeader(day, index)));
     },
@@ -3589,8 +3615,10 @@ var __spread = undefined && undefined.__spread || function () {
             prevent: true,
             result: false
           }
-        }, function (_e) {
-          return day;
+        }, function (nativeEvent) {
+          return __assign({
+            nativeEvent: nativeEvent
+          }, day);
         })
       }, this.dayFormatter(day, false));
     },
@@ -3623,11 +3651,18 @@ var __spread = undefined && undefined.__spread || function () {
       return this.days.map(this.genDay);
     },
     genDay: function genDay(day, index) {
+      var _this = this;
+
       return this.$createElement('div', {
         key: day.date,
         staticClass: 'v-calendar-daily__day',
-        class: this.getRelativeClasses(day)
-      }, __spread(this.genDayIntervals(index, day), this.genDayBody(day)));
+        class: this.getRelativeClasses(day),
+        on: this.getDefaultMouseEventHandlers(':time', function (nativeEvent) {
+          return __assign({
+            nativeEvent: nativeEvent
+          }, _this.getSlotScope(_this.getTimestampAtEvent(nativeEvent, day)));
+        })
+      }, __spread(this.genDayIntervals(index), this.genDayBody(day)));
     },
     genDayBody: function genDayBody(day) {
       var _this = this;
@@ -3636,14 +3671,10 @@ var __spread = undefined && undefined.__spread || function () {
         return _this.getSlotScope(day);
       }) || [];
     },
-    genDayIntervals: function genDayIntervals(index, day) {
-      var _this = this;
-
-      return this.intervals[index].map(function (i) {
-        return _this.genDayInterval(i, day);
-      });
+    genDayIntervals: function genDayIntervals(index) {
+      return this.intervals[index].map(this.genDayInterval);
     },
-    genDayInterval: function genDayInterval(interval, day) {
+    genDayInterval: function genDayInterval(interval) {
       var _this = this;
 
       var height = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["convertToUnit"])(this.intervalHeight);
@@ -3653,10 +3684,7 @@ var __spread = undefined && undefined.__spread || function () {
         staticClass: 'v-calendar-daily__day-interval',
         style: __assign({
           height: height
-        }, styler(interval)),
-        on: this.getDefaultMouseEventHandlers(':time', function (e) {
-          return _this.getSlotScope(_this.getTimestampAtEvent(e, day));
-        })
+        }, styler(interval))
       };
       var children = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getSlot"])(this, 'interval', function () {
         return _this.getSlotScope(interval);
@@ -3672,8 +3700,10 @@ var __spread = undefined && undefined.__spread || function () {
         style: {
           width: width
         },
-        on: this.getDefaultMouseEventHandlers(':interval', function (e) {
-          return _this.getTimestampAtEvent(e, _this.parsedStart);
+        on: this.getDefaultMouseEventHandlers(':interval', function (nativeEvent) {
+          return __assign({
+            nativeEvent: nativeEvent
+          }, _this.getTimestampAtEvent(nativeEvent, _this.parsedStart));
         })
       };
       return this.$createElement('div', data, this.genIntervalLabels());
@@ -3964,8 +3994,10 @@ var __spread = undefined && undefined.__spread || function () {
         key: day.date,
         staticClass: 'v-calendar-weekly__day',
         class: this.getRelativeClasses(day, outside),
-        on: this.getDefaultMouseEventHandlers(':day', function (_e) {
-          return day;
+        on: this.getDefaultMouseEventHandlers(':day', function (nativeEvent) {
+          return __assign({
+            nativeEvent: nativeEvent
+          }, day);
         })
       }, __spread([this.genDayLabel(day)], Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this, 'day', function () {
         return __assign({
@@ -4001,8 +4033,10 @@ var __spread = undefined && undefined.__spread || function () {
             prevent: true,
             result: false
           }
-        }, function (_e) {
-          return day;
+        }, function (nativeEvent) {
+          return __assign({
+            nativeEvent: nativeEvent
+          }, day);
         })
       }, hasMonth ? this.monthFormatter(day, this.shortMonths) + ' ' + this.dayFormatter(day, false) : this.dayFormatter(day, false));
     },
@@ -4511,13 +4545,15 @@ var MINUTES_IN_DAY = 1440;
         var name = _this.eventNameFunction(event, timedEvent);
 
         if (event.start.hasTime) {
+          var eventSummaryClass = 'v-event-summary';
+
           if (timedEvent) {
             var time = timeSummary();
             var delimiter = singline ? ', ' : '<br>';
-            return "<strong>" + name + "</strong>" + delimiter + time;
+            return "<span class=\"" + eventSummaryClass + "\"><strong>" + name + "</strong>" + delimiter + time + "</span>";
           } else {
             var time = formatTime(event.start, true);
-            return "<strong>" + time + "</strong> " + name;
+            return "<span class=\"" + eventSummaryClass + "\"><strong>" + time + "</strong> " + name + "</span>";
           }
         }
 
@@ -4568,8 +4604,6 @@ var MINUTES_IN_DAY = 1440;
       });
     },
     genMore: function genMore(day) {
-      var _this = this;
-
       var _a;
 
       var eventHeight = this.eventHeight;
@@ -4587,11 +4621,11 @@ var MINUTES_IN_DAY = 1440;
           name: 'ripple',
           value: (_a = this.eventRipple) !== null && _a !== void 0 ? _a : true
         }],
-        on: {
-          click: function click(e) {
-            return _this.$emit('click:more', day, e);
-          }
-        },
+        on: this.getDefaultMouseEventHandlers(':more', function (nativeEvent) {
+          return __assign({
+            nativeEvent: nativeEvent
+          }, day);
+        }),
         style: {
           display: 'none',
           height: eventHeight + "px",
@@ -4968,10 +5002,19 @@ __webpack_require__.r(__webpack_exports__);
             // This block of code aims to make sure touchEvent is always dispatched from the element that is being pointed at
 
 
-            if (e instanceof TouchEvent) {
-              var currentTarget = document.elementFromPoint(e.changedTouches[0].clientX, e.changedTouches[0].clientY);
+            if (e && 'touches' in e) {
+              var classSeparator_1 = ' ';
+              var eventTargetClasses_1 = (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.className.split(classSeparator_1);
+              var currentTargets = document.elementsFromPoint(e.changedTouches[0].clientX, e.changedTouches[0].clientY); // Get "the same kind" current hovering target by checking
+              // If element has the same class of initial touch start element (which has touch event listener registered)
+
+              var currentTarget = currentTargets.find(function (t) {
+                return t.className.split(classSeparator_1).some(function (c) {
+                  return eventTargetClasses_1.includes(c);
+                });
+              });
 
-              if (currentTarget && !((_a = e.target) === null || _a === void 0 ? void 0 : _a.isSameNode(currentTarget)) && ((_b = e.target) === null || _b === void 0 ? void 0 : _b.className) === currentTarget.className) {
+              if (currentTarget && !((_b = e.target) === null || _b === void 0 ? void 0 : _b.isSameNode(currentTarget))) {
                 currentTarget.dispatchEvent(new TouchEvent(e.type, {
                   changedTouches: e.changedTouches,
                   targetTouches: e.targetTouches,
@@ -9191,10 +9234,6 @@ var __assign = undefined && undefined.__assign || function () {
       if (this.getMenuIndex() > -1) return;
       this.$nextTick(this.updateSelf);
     },
-    onFilteredItemsChanged: function onFilteredItemsChanged(val, oldVal) {
-      if (!this.autoSelectFirst) return;
-      _VAutocomplete_VAutocomplete__WEBPACK_IMPORTED_MODULE_2__["default"].options.methods.onFilteredItemsChanged.call(this, val, oldVal);
-    },
     onKeyDown: function onKeyDown(e) {
       var keyCode = e.keyCode;
 
@@ -9249,7 +9288,7 @@ var __assign = undefined && undefined.__assign || function () {
       }
     },
     setValue: function setValue(value) {
-      _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.setValue.call(this, value !== null && value !== void 0 ? value : this.internalSearch);
+      _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.setValue.call(this, value === undefined ? this.internalSearch : value);
     },
     updateEditing: function updateEditing() {
       var _this = this;
@@ -9584,16 +9623,10 @@ var __spread = undefined && undefined.__spread || function () {
       }
     },
     sortBy: {
-      type: [String, Array],
-      default: function _default() {
-        return [];
-      }
+      type: [String, Array]
     },
     sortDesc: {
-      type: [Boolean, Array],
-      default: function _default() {
-        return [];
-      }
+      type: [Boolean, Array]
     },
     customSort: {
       type: Function,
@@ -10760,8 +10793,8 @@ var __assign = undefined && undefined.__assign || function () {
       var children = [];
       var value = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["getObjectValueByPath"])(props.item, header.value);
       var slotName = header.value;
-      var scopedSlot = data.scopedSlots && data.scopedSlots[slotName];
-      var regularSlot = computedSlots[slotName];
+      var scopedSlot = data.scopedSlots && data.scopedSlots.hasOwnProperty(slotName) && data.scopedSlots[slotName];
+      var regularSlot = computedSlots.hasOwnProperty(slotName) && computedSlots[slotName];
 
       if (scopedSlot) {
         children.push(scopedSlot({
@@ -10875,8 +10908,8 @@ function needsTd(slot) {
       var children = [];
       var value = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["getObjectValueByPath"])(props.item, header.value);
       var slotName = header.value;
-      var scopedSlot = data.scopedSlots && data.scopedSlots[slotName];
-      var regularSlot = computedSlots[slotName];
+      var scopedSlot = data.scopedSlots && data.scopedSlots.hasOwnProperty(slotName) && data.scopedSlots[slotName];
+      var regularSlot = computedSlots.hasOwnProperty(slotName) && computedSlots[slotName];
 
       if (scopedSlot) {
         children.push.apply(children, __spread(Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["wrapInArray"])(scopedSlot({
@@ -11956,7 +11989,7 @@ var __spread = undefined && undefined.__spread || function () {
         return this.$createElement('th', data, [this.genSelectAll()]);
       }
 
-      children.push(this.$scopedSlots[header.value] ? this.$scopedSlots[header.value]({
+      children.push(this.$scopedSlots.hasOwnProperty(header.value) ? this.$scopedSlots[header.value]({
         header: header
       }) : this.$createElement('span', [header.text]));
 
@@ -14780,10 +14813,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_10__["default"])(_
     disabled: Boolean,
     fullscreen: Boolean,
     light: Boolean,
-    maxWidth: {
-      type: [String, Number],
-      default: 'none'
-    },
+    maxWidth: [String, Number],
     noClickAnimation: Boolean,
     origin: {
       type: String,
@@ -14799,10 +14829,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_10__["default"])(_
       type: [String, Boolean],
       default: 'dialog-transition'
     },
-    width: {
-      type: [String, Number],
-      default: 'auto'
-    }
+    width: [String, Number]
   },
   data: function data() {
     return {
@@ -14909,9 +14936,11 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_10__["default"])(_
 
       this.$nextTick(function () {
         _this.$nextTick(function () {
-          _this.previousActiveElement = document.activeElement;
+          if (!_this.$refs.content.contains(document.activeElement)) {
+            _this.previousActiveElement = document.activeElement;
 
-          _this.$refs.content.focus();
+            _this.$refs.content.focus();
+          }
 
           _this.bind();
         });
@@ -14984,8 +15013,9 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_10__["default"])(_
         }, [_this.$createElement('div', {
           class: _this.contentClasses,
           attrs: __assign({
-            role: 'document',
-            tabindex: _this.isActive ? 0 : undefined
+            role: 'dialog',
+            tabindex: _this.isActive ? 0 : undefined,
+            'aria-modal': _this.hideOverlay ? undefined : 'true'
           }, _this.getScopeIdAttrs()),
           on: {
             keydown: _this.onKeydown
@@ -15030,8 +15060,8 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_10__["default"])(_
 
       if (!this.fullscreen) {
         data.style = __assign(__assign({}, data.style), {
-          maxWidth: this.maxWidth === 'none' ? undefined : Object(_util_helpers__WEBPACK_IMPORTED_MODULE_12__["convertToUnit"])(this.maxWidth),
-          width: this.width === 'auto' ? undefined : Object(_util_helpers__WEBPACK_IMPORTED_MODULE_12__["convertToUnit"])(this.width)
+          maxWidth: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_12__["convertToUnit"])(this.maxWidth),
+          width: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_12__["convertToUnit"])(this.width)
         });
       }
 
@@ -15043,9 +15073,6 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_10__["default"])(_
       staticClass: 'v-dialog__container',
       class: {
         'v-dialog__container--attached': this.attach === '' || this.attach === true || this.attach === 'attach'
-      },
-      attrs: {
-        role: 'dialog'
       }
     }, [this.genActivator(), this.genContent()]);
   }
@@ -18126,10 +18153,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BaseItemGroup", function() { return BaseItemGroup; });
 /* harmony import */ var _VItemGroup_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VItemGroup.sass */ "./src/components/VItemGroup/VItemGroup.sass");
 /* harmony import */ var _VItemGroup_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VItemGroup_sass__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _mixins_proxyable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/proxyable */ "./src/mixins/proxyable/index.ts");
-/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
-/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
-/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
+/* harmony import */ var _mixins_comparable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/comparable */ "./src/mixins/comparable/index.ts");
+/* harmony import */ var _mixins_proxyable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/proxyable */ "./src/mixins/proxyable/index.ts");
+/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
+/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
+/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -18147,13 +18175,15 @@ var __assign = undefined && undefined.__assign || function () {
 }; // Styles
 
 
+ // Mixins
+
 
 
  // Utilities
 
 
 
-var BaseItemGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_mixins_proxyable__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__["default"]).extend({
+var BaseItemGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_mixins_comparable__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_proxyable__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_3__["default"]).extend({
   name: 'base-item-group',
   props: {
     activeClass: {
@@ -18209,7 +18239,7 @@ var BaseItemGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])
 
       if (!this.multiple) {
         return function (v) {
-          return _this.internalValue === v;
+          return _this.valueComparator(_this.internalValue, v);
         };
       }
 
@@ -18217,7 +18247,9 @@ var BaseItemGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])
 
       if (Array.isArray(internalValue)) {
         return function (v) {
-          return internalValue.includes(v);
+          return internalValue.some(function (intern) {
+            return _this.valueComparator(intern, v);
+          });
         };
       }
 
@@ -18232,7 +18264,7 @@ var BaseItemGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])
   },
   created: function created() {
     if (this.multiple && !Array.isArray(this.internalValue)) {
-      Object(_util_console__WEBPACK_IMPORTED_MODULE_4__["consoleWarn"])('Model must be bound to an array if the multiple property is true.', this);
+      Object(_util_console__WEBPACK_IMPORTED_MODULE_5__["consoleWarn"])('Model must be bound to an array if the multiple property is true.', this);
     }
   },
   methods: {
@@ -18242,7 +18274,7 @@ var BaseItemGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])
       };
     },
     getValue: function getValue(item, i) {
-      return item.value == null || item.value === '' ? i : item.value;
+      return item.value === undefined ? i : item.value;
     },
     onClick: function onClick(item) {
       this.updateInternalValue(this.getValue(item, this.items.indexOf(item)));
@@ -19173,6 +19205,13 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
       }
 
       return attrs;
+    },
+    toggle: function toggle() {
+      if (this.to && this.inputValue === undefined) {
+        this.isActive = !this.isActive;
+      }
+
+      this.$emit('change');
     }
   },
   render: function render(h) {
@@ -19202,7 +19241,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
       active: this.isActive,
       toggle: this.toggle
     }) : this.$slots.default;
-    return h(tag, this.setTextColor(this.color, data), children);
+    return h(tag, this.isActive ? this.setTextColor(this.color, data) : data, children);
   }
 }));
 
@@ -19700,10 +19739,6 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_
     },
     offsetX: Boolean,
     offsetY: Boolean,
-    openOnClick: {
-      type: Boolean,
-      default: true
-    },
     openOnHover: Boolean,
     origin: {
       type: String,
@@ -19987,7 +20022,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_
     },
     getTiles: function getTiles() {
       if (!this.$refs.content) return;
-      this.tiles = Array.from(this.$refs.content.querySelectorAll('.v-list-item'));
+      this.tiles = Array.from(this.$refs.content.querySelectorAll('.v-list-item, .v-divider, .v-subheader'));
     },
     mouseEnterHandler: function mouseEnterHandler() {
       var _this = this;
@@ -20002,7 +20037,9 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_
 
 
       this.runDelay('close', function () {
-        if (_this.$refs.content.contains(e.relatedTarget)) return;
+        var _a;
+
+        if ((_a = _this.$refs.content) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) return;
         requestAnimationFrame(function () {
           _this.isActive = false;
 
@@ -20544,6 +20581,12 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_13__["default"])(O
       var _this = this;
 
       var on = {
+        mouseenter: function mouseenter() {
+          return _this.isMouseover = true;
+        },
+        mouseleave: function mouseleave() {
+          return _this.isMouseover = false;
+        },
         transitionend: function transitionend(e) {
           if (e.target !== e.currentTarget) return;
 
@@ -20562,16 +20605,6 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_13__["default"])(O
         };
       }
 
-      if (this.expandOnHover) {
-        on.mouseenter = function () {
-          return _this.isMouseover = true;
-        };
-
-        on.mouseleave = function () {
-          return _this.isMouseover = false;
-        };
-      }
-
       return on;
     },
     genPosition: function genPosition(name) {
@@ -20626,11 +20659,11 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_13__["default"])(O
      */
     updateApplication: function updateApplication() {
       if (!this.isActive || this.isMobile || this.temporary || !this.$el) return 0;
-      var width = Number(this.computedWidth);
+      var width = Number(this.miniVariant ? this.miniVariantWidth : this.width);
       return isNaN(width) ? this.$el.clientWidth : width;
     },
     updateMiniVariant: function updateMiniVariant(val) {
-      if (this.miniVariant !== val) this.$emit('update:mini-variant', val);
+      if (this.expandOnHover && this.miniVariant !== val) this.$emit('update:mini-variant', val);
     }
   },
   render: function render(h) {
@@ -20770,17 +20803,14 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
   inheritAttrs: false,
   props: {
     length: {
-      type: Number,
+      type: [Number, String],
       default: 6
     },
     type: {
       type: String,
       default: 'text'
     },
-    plain: {
-      type: Boolean,
-      default: false
-    }
+    plain: Boolean
   },
   data: function data() {
     return {
@@ -20807,6 +20837,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
     isFocused: 'updateValue',
     value: function value(val) {
       this.lazyValue = val;
+      this.otp = (val === null || val === void 0 ? void 0 : val.split('')) || [];
     }
   },
   created: function created() {
@@ -20861,25 +20892,17 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
     genDefaultSlot: function genDefaultSlot(otpIdx) {
       return [this.genFieldset(), this.genTextFieldSlot(otpIdx)];
     },
-    genCol: function genCol(otpIdx) {
-      var node = this.$createElement('div', this.setTextColor(this.validationState, {
-        staticClass: 'v-input',
-        class: this.classes
-      }), [this.genControl(otpIdx)]);
-      return this.$createElement('div', {
-        staticClass: 'col-input'
-      }, [node]);
-    },
     genContent: function genContent() {
       var _this = this;
 
-      var cols = __spread(Array(this.length).keys()).map(function (x) {
-        return _this.genCol(x);
+      return Array.from({
+        length: +this.length
+      }, function (_, i) {
+        return _this.$createElement('div', _this.setTextColor(_this.validationState, {
+          staticClass: 'v-input',
+          class: _this.classes
+        }), [_this.genControl(i)]);
       });
-
-      return [this.$createElement('div', {
-        staticClass: 'row-container'
-      }, cols)];
     },
     genFieldset: function genFieldset() {
       return this.$createElement('fieldset', {
@@ -20987,7 +21010,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
       var nextIndex = otpIdx + 1;
 
       if (value) {
-        if (nextIndex < this.length) {
+        if (nextIndex < +this.length) {
           this.changeFocus(nextIndex);
         } else {
           this.clearFocus(otpIdx);
@@ -21022,7 +21045,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
     onPaste: function onPaste(event, index) {
       var _a;
 
-      var maxCursor = this.length - 1;
+      var maxCursor = +this.length - 1;
       var inputVal = (_a = event === null || event === void 0 ? void 0 : event.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('Text');
       var inputDataArray = (inputVal === null || inputVal === void 0 ? void 0 : inputVal.split('')) || [];
       event.preventDefault();
@@ -21036,10 +21059,11 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
       }
 
       this.otp = newOtp;
+      this.internalValue = this.otp.join('');
       var targetFocus = Math.min(index + inputDataArray.length, maxCursor);
       this.changeFocus(targetFocus);
 
-      if (newOtp.length === this.length) {
+      if (newOtp.length === +this.length) {
         this.onCompleted();
         this.clearFocus(targetFocus);
       }
@@ -21081,13 +21105,13 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
       }
 
       if (eventKey === 'ArrowRight') {
-        return index + 1 < this.length && this.changeFocus(index + 1);
+        return index + 1 < +this.length && this.changeFocus(index + 1);
       }
     },
     onCompleted: function onCompleted() {
       var rsp = this.otp.join('');
 
-      if (rsp.length === this.length) {
+      if (rsp.length === +this.length) {
         this.$emit('finish', rsp);
       }
     }
@@ -21390,6 +21414,7 @@ var __assign = undefined && undefined.__assign || function () {
     if (this.isActive) children.push(this.genContent());
     return h('div', {
       staticClass: 'v-overlay',
+      on: this.$listeners,
       class: this.classes,
       style: this.styles
     }, children);
@@ -22746,8 +22771,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _VRadioGroup_sass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_VRadioGroup_sass__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _VInput__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VInput */ "./src/components/VInput/index.ts");
 /* harmony import */ var _VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VItemGroup/VItemGroup */ "./src/components/VItemGroup/VItemGroup.ts");
-/* harmony import */ var _mixins_comparable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/comparable */ "./src/mixins/comparable/index.ts");
-/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
+/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -22769,12 +22793,10 @@ var __assign = undefined && undefined.__assign || function () {
  // Extensions
 
 
- // Mixins
-
  // Types
 
 
-var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_mixins_comparable__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"])(_VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_3__["BaseItemGroup"], _VInput__WEBPACK_IMPORTED_MODULE_2__["default"]);
 /* @vue/component */
 
 /* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend({
@@ -22835,6 +22857,13 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_m
       return label;
     },
     onClick: _VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_3__["BaseItemGroup"].options.methods.onClick
+  },
+  render: function render(h) {
+    var vnode = _VInput__WEBPACK_IMPORTED_MODULE_2__["default"].options.render.call(this, h);
+
+    this._b(vnode.data, 'div', this.attrs$);
+
+    return vnode;
   }
 }));
 
@@ -23166,7 +23195,10 @@ var __spread = undefined && undefined.__spread || function () {
         this.thumbPressed = true;
       }
 
-      this.activeThumb = this.getIndexOfClosestValue(this.internalValue, value);
+      if (this.activeThumb === null) {
+        this.activeThumb = this.getIndexOfClosestValue(this.internalValue, value);
+      }
+
       this.setInternalValue(value);
     },
     onKeyDown: function onKeyDown(e) {
@@ -23935,7 +23967,12 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_14__["default"])(_
       var uniqueValues = new Map();
 
       for (var index = 0; index < arr.length; ++index) {
-        var item = arr[index]; // Do not deduplicate headers or dividers (#12517)
+        var item = arr[index]; // Do not return null values if existant (#14421)
+
+        if (item == null) {
+          continue;
+        } // Do not deduplicate headers or dividers (#12517)
+
 
         if (item.header || item.divider) {
           uniqueValues.set(item, item);
@@ -24259,7 +24296,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_14__["default"])(_
       if (!menu) return; // If menu is active, allow default
       // listIndex change from menu
 
-      if (this.isMenuActive && keyCode !== _util_helpers__WEBPACK_IMPORTED_MODULE_12__["keyCodes"].tab) {
+      if (this.isMenuActive && [_util_helpers__WEBPACK_IMPORTED_MODULE_12__["keyCodes"].up, _util_helpers__WEBPACK_IMPORTED_MODULE_12__["keyCodes"].down, _util_helpers__WEBPACK_IMPORTED_MODULE_12__["keyCodes"].home, _util_helpers__WEBPACK_IMPORTED_MODULE_12__["keyCodes"].end, _util_helpers__WEBPACK_IMPORTED_MODULE_12__["keyCodes"].enter].includes(keyCode)) {
         this.$nextTick(function () {
           menu.changeListIndex(e);
 
@@ -25394,7 +25431,9 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"]
     // and need to be recalculated
     isOverflowing: 'setWidths',
     scrollOffset: function scrollOffset(val) {
+      if (this.$vuetify.rtl) val = -val;
       var scroll = val <= 0 ? bias(-val) : val > this.widths.content - this.widths.wrapper ? -(this.widths.content - this.widths.wrapper) + bias(this.widths.content - this.widths.wrapper - val) : -val;
+      if (this.$vuetify.rtl) scroll = -scroll;
       this.$refs.content.style.transform = "translateX(" + scroll + "px)";
     }
   },
@@ -25658,12 +25697,11 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"]
         wrapper: this.$refs.wrapper ? this.$refs.wrapper.clientWidth : 0
       }, this.$vuetify.rtl, this.scrollOffset);
     },
-    setWidths
-    /* istanbul ignore next */
-    : function setWidths() {
+    setWidths: function setWidths() {
       var _this = this;
 
       window.requestAnimationFrame(function () {
+        if (_this._isDestroyed) return;
         var _a = _this.$refs,
             content = _a.content,
             wrapper = _a.wrapper;
@@ -27619,6 +27657,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _mixins_registrable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/registrable */ "./src/mixins/registrable/index.ts");
 /* harmony import */ var _directives_ripple__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../directives/ripple */ "./src/directives/ripple/index.ts");
 /* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
+/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
 // Components
  // Mixins
 
@@ -27628,6 +27667,7 @@ __webpack_require__.r(__webpack_exports__);
  // Utilities
 
 
+
 var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_1__["default"], Object(_mixins_registrable__WEBPACK_IMPORTED_MODULE_2__["inject"])('stepper', 'v-stepper-step', 'v-stepper'));
 /* @vue/component */
 
@@ -27732,6 +27772,11 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_m
 
       return children;
     },
+    keyboardClick: function keyboardClick(e) {
+      if (e.keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_5__["keyCodes"].space) {
+        this.click(e);
+      }
+    },
     toggle: function toggle(step) {
       this.isActive = step.toString() === this.step.toString();
       this.isInactive = Number(step) < Number(this.step);
@@ -27739,6 +27784,9 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_m
   },
   render: function render(h) {
     return h('div', {
+      attrs: {
+        tabindex: this.editable ? 0 : -1
+      },
       staticClass: 'v-stepper__step',
       class: this.classes,
       directives: [{
@@ -27746,7 +27794,8 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_m
         value: this.editable
       }],
       on: {
-        click: this.click
+        click: this.click,
+        keydown: this.keyboardClick
       }
     }, [this.genStep(), this.genLabel()]);
   }
@@ -28246,7 +28295,8 @@ Object(_mixins_groupable__WEBPACK_IMPORTED_MODULE_0__["factory"])('tabsBar'), _m
       }), this.groupClasses);
     },
     value: function value() {
-      var to = this.to || this.href || '';
+      var to = this.to || this.href;
+      if (to == null) return to;
 
       if (this.$router && this.to === Object(this.to)) {
         var resolve = this.$router.resolve(this.to, this.$route, this.append);
@@ -28256,18 +28306,29 @@ Object(_mixins_groupable__WEBPACK_IMPORTED_MODULE_0__["factory"])('tabsBar'), _m
       return to.replace('#', '');
     }
   },
-  mounted: function mounted() {
-    this.onRouteChange();
-  },
   methods: {
     click: function click(e) {
-      // If user provides an
+      // Prevent keyboard actions
+      // from children elements
+      // within disabled tabs
+      if (this.disabled) {
+        e.preventDefault();
+        return;
+      } // If user provides an
       // actual link, do not
       // prevent default
+
+
       if (this.href && this.href.indexOf('#') > -1) e.preventDefault();
       if (e.detail) this.$el.blur();
       this.$emit('click', e);
       this.to || this.toggle();
+    },
+    toggle: function toggle() {
+      // VItemGroup treats a change event as a click
+      if (!this.isActive || !this.tabsBar.mandatory && !this.to) {
+        this.$emit('change');
+      }
     }
   },
   render: function render(h) {
@@ -28280,7 +28341,7 @@ Object(_mixins_groupable__WEBPACK_IMPORTED_MODULE_0__["factory"])('tabsBar'), _m
     data.attrs = __assign(__assign({}, data.attrs), {
       'aria-selected': String(this.isActive),
       role: 'tab',
-      tabindex: 0
+      tabindex: this.disabled ? -1 : 0
     });
     data.on = __assign(__assign({}, data.on), {
       keydown: function keydown(e) {
@@ -29230,7 +29291,12 @@ var dirtyTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'mo
     }, this.setLabelWidth);
     this.autofocus && this.tryAutofocus();
     requestAnimationFrame(function () {
-      return _this.isBooted = true;
+      _this.isBooted = true;
+      requestAnimationFrame(function () {
+        if (!_this.isIntersecting) {
+          _this.onResize();
+        }
+      });
     });
   },
   methods: {
@@ -31140,6 +31206,10 @@ __webpack_require__.r(__webpack_exports__);
       type: Boolean,
       default: true
     },
+    openOnFocus: {
+      type: Boolean,
+      default: true
+    },
     tag: {
       type: String,
       default: 'span'
@@ -31246,17 +31316,19 @@ __webpack_require__.r(__webpack_exports__);
 
       var listeners = _mixins_activatable__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.genActivatorListeners.call(this);
 
-      listeners.focus = function (e) {
-        _this.getActivator(e);
+      if (this.openOnFocus) {
+        listeners.focus = function (e) {
+          _this.getActivator(e);
 
-        _this.runDelay('open');
-      };
+          _this.runDelay('open');
+        };
 
-      listeners.blur = function (e) {
-        _this.getActivator(e);
+        listeners.blur = function (e) {
+          _this.getActivator(e);
 
-        _this.runDelay('close');
-      };
+          _this.runDelay('close');
+        };
+      }
 
       listeners.keydown = function (e) {
         if (e.keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_7__["keyCodes"].esc) {
@@ -32027,6 +32099,7 @@ var VTreeviewNodeProps = {
     type: String,
     default: 'primary'
   },
+  disablePerNode: Boolean,
   expandIcon: {
     type: String,
     default: '$subgroup'
@@ -32112,7 +32185,7 @@ var VTreeviewNode = baseMixins.extend().extend({
   },
   computed: {
     disabled: function disabled() {
-      return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["getObjectValueByPath"])(this.item, this.itemDisabled) || this.parentIsDisabled && this.selectionType === 'leaf';
+      return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["getObjectValueByPath"])(this.item, this.itemDisabled) || !this.disablePerNode && this.parentIsDisabled && this.selectionType === 'leaf';
     },
     key: function key() {
       return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["getObjectValueByPath"])(this.item, this.itemKey);
@@ -32300,6 +32373,7 @@ var VTreeviewNode = baseMixins.extend().extend({
           selectable: this.selectable,
           selectedColor: this.selectedColor,
           color: this.color,
+          disablePerNode: this.disablePerNode,
           expandIcon: this.expandIcon,
           indeterminateIcon: this.indeterminateIcon,
           offIcon: this.offIcon,
@@ -33718,16 +33792,8 @@ function createSimpleTransition(name, origin, mode) {
 
       if (context.props.hideOnLeave) {
         data.on.leave = mergeTransitions(data.on.leave, function (el) {
-          el._initialDisplay = [el.style.display, el.style.getPropertyPriority('display')];
           el.style.setProperty('display', 'none', 'important');
         });
-        data.on.afterLeave = mergeTransitions(data.on.afterLeave, function (el) {
-          var _a;
-
-          if (el) {
-            el._initialDisplay ? (_a = el.style).setProperty.apply(_a, __spread(['display'], el._initialDisplay)) : el.style.removeProperty('display');
-          }
-        });
       }
 
       return h(tag, Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_0__["default"])(context.data, data), context.children);
@@ -33990,7 +34056,7 @@ function checkIsActive(e, binding) {
   return isActive(e);
 }
 
-function directive(e, el, binding) {
+function directive(e, el, binding, vnode) {
   var handler = typeof binding.value === 'function' ? binding.value : binding.value.handler;
   el._clickOutside.lastMousedownWasOutside && checkEvent(e, el, binding) && setTimeout(function () {
     checkIsActive(e, binding) && handler && handler(e);
@@ -34012,9 +34078,9 @@ var ClickOutside = {
   // sure that the root element is
   // available, iOS does not support
   // clicks on body
-  inserted: function inserted(el, binding) {
+  inserted: function inserted(el, binding, vnode) {
     var onClick = function onClick(e) {
-      return directive(e, el, binding);
+      return directive(e, el, binding, vnode);
     };
 
     var onMousedown = function onMousedown(e) {
@@ -34025,20 +34091,31 @@ var ClickOutside = {
       app.addEventListener('click', onClick, true);
       app.addEventListener('mousedown', onMousedown, true);
     });
-    el._clickOutside = {
-      lastMousedownWasOutside: true,
+
+    if (!el._clickOutside) {
+      el._clickOutside = {
+        lastMousedownWasOutside: true
+      };
+    }
+
+    el._clickOutside[vnode.context._uid] = {
       onClick: onClick,
       onMousedown: onMousedown
     };
   },
-  unbind: function unbind(el) {
+  unbind: function unbind(el, binding, vnode) {
     if (!el._clickOutside) return;
     handleShadow(el, function (app) {
-      if (!app || !el._clickOutside) return;
-      app.removeEventListener('click', el._clickOutside.onClick, true);
-      app.removeEventListener('mousedown', el._clickOutside.onMousedown, true);
+      var _a;
+
+      if (!app || !((_a = el._clickOutside) === null || _a === void 0 ? void 0 : _a[vnode.context._uid])) return;
+      var _b = el._clickOutside[vnode.context._uid],
+          onClick = _b.onClick,
+          onMousedown = _b.onMousedown;
+      app.removeEventListener('click', onClick, true);
+      app.removeEventListener('mousedown', onMousedown, true);
     });
-    delete el._clickOutside;
+    delete el._clickOutside[vnode.context._uid];
   }
 };
 /* harmony default export */ __webpack_exports__["default"] = (ClickOutside);
@@ -34097,7 +34174,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Intersect", function() { return Intersect; });
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-function inserted(el, binding) {
+function inserted(el, binding, vnode) {
   if (typeof window === 'undefined' || !('IntersectionObserver' in window)) return;
   var modifiers = binding.modifiers || {};
   var value = binding.value;
@@ -34110,39 +34187,42 @@ function inserted(el, binding) {
       options = _a.options;
 
   var observer = new IntersectionObserver(function (entries, observer) {
+    var _a;
+
     if (entries === void 0) {
       entries = [];
     }
-    /* istanbul ignore if */
 
+    var _observe = (_a = el._observe) === null || _a === void 0 ? void 0 : _a[vnode.context._uid];
 
-    if (!el._observe) return; // Just in case, should never fire
+    if (!_observe) return; // Just in case, should never fire
 
     var isIntersecting = entries.some(function (entry) {
       return entry.isIntersecting;
     }); // If is not quiet or has already been
     // initted, invoke the user callback
 
-    if (handler && (!modifiers.quiet || el._observe.init) && (!modifiers.once || isIntersecting || !el._observe.init)) {
+    if (handler && (!modifiers.quiet || _observe.init) && (!modifiers.once || isIntersecting || _observe.init)) {
       handler(entries, observer, isIntersecting);
     }
 
-    if (isIntersecting && modifiers.once) unbind(el);else el._observe.init = true;
+    if (isIntersecting && modifiers.once) unbind(el, binding, vnode);else _observe.init = true;
   }, options);
-  el._observe = {
+  el._observe = Object(el._observe);
+  el._observe[vnode.context._uid] = {
     init: false,
     observer: observer
   };
   observer.observe(el);
 }
 
-function unbind(el) {
-  /* istanbul ignore if */
-  if (!el._observe) return;
-
-  el._observe.observer.unobserve(el);
+function unbind(el, binding, vnode) {
+  var _a;
 
-  delete el._observe;
+  var observe = (_a = el._observe) === null || _a === void 0 ? void 0 : _a[vnode.context._uid];
+  if (!observe) return;
+  observe.observer.unobserve(el);
+  delete el._observe[vnode.context._uid];
 }
 
 var Intersect = {
@@ -34178,7 +34258,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
   return t;
 };
 
-function inserted(el, binding) {
+function inserted(el, binding, vnode) {
   var modifiers = binding.modifiers || {};
   var value = binding.value;
   var callback = _typeof(value) === 'object' ? value.handler : value;
@@ -34207,21 +34287,23 @@ function inserted(el, binding) {
 
     callback(mutationsList, observer); // If has the once modifier, unbind
 
-    once && unbind(el);
+    once && unbind(el, binding, vnode);
   });
   observer.observe(el, options);
-  el._mutate = {
+  el._mutate = Object(el._mutate);
+  el._mutate[vnode.context._uid] = {
     observer: observer
   };
 }
 
-function unbind(el) {
-  /* istanbul ignore if */
-  if (!el._mutate) return;
+function unbind(el, binding, vnode) {
+  var _a;
+
+  if (!((_a = el._mutate) === null || _a === void 0 ? void 0 : _a[vnode.context._uid])) return;
 
-  el._mutate.observer.disconnect();
+  el._mutate[vnode.context._uid].observer.disconnect();
 
-  delete el._mutate;
+  delete el._mutate[vnode.context._uid];
 }
 
 var Mutate = {
@@ -34242,13 +34324,14 @@ var Mutate = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Resize", function() { return Resize; });
-function inserted(el, binding) {
+function inserted(el, binding, vnode) {
   var callback = binding.value;
   var options = binding.options || {
     passive: true
   };
   window.addEventListener('resize', callback, options);
-  el._onResize = {
+  el._onResize = Object(el._onResize);
+  el._onResize[vnode.context._uid] = {
     callback: callback,
     options: options
   };
@@ -34258,13 +34341,15 @@ function inserted(el, binding) {
   }
 }
 
-function unbind(el) {
-  if (!el._onResize) return;
-  var _a = el._onResize,
-      callback = _a.callback,
-      options = _a.options;
+function unbind(el, binding, vnode) {
+  var _a;
+
+  if (!((_a = el._onResize) === null || _a === void 0 ? void 0 : _a[vnode.context._uid])) return;
+  var _b = el._onResize[vnode.context._uid],
+      callback = _b.callback,
+      options = _b.options;
   window.removeEventListener('resize', callback, options);
-  delete el._onResize;
+  delete el._onResize[vnode.context._uid];
 }
 
 var Resize = {
@@ -34347,10 +34432,6 @@ function transform(el, value) {
   el.style.webkitTransform = value;
 }
 
-function opacity(el, value) {
-  el.style.opacity = value.toString();
-}
-
 function isTouchEvent(e) {
   return e.constructor.name === 'TouchEvent';
 }
@@ -34442,13 +34523,11 @@ var ripples = {
     animation.classList.add('v-ripple__animation--enter');
     animation.classList.add('v-ripple__animation--visible');
     transform(animation, "translate(" + x + ", " + y + ") scale3d(" + scale + "," + scale + "," + scale + ")");
-    opacity(animation, 0);
     animation.dataset.activated = String(performance.now());
     setTimeout(function () {
       animation.classList.remove('v-ripple__animation--enter');
       animation.classList.add('v-ripple__animation--in');
       transform(animation, "translate(" + centerX + ", " + centerY + ") scale3d(1,1,1)");
-      opacity(animation, 0.25);
     }, 0);
   },
   hide: function hide(el) {
@@ -34462,7 +34541,6 @@ var ripples = {
     setTimeout(function () {
       animation.classList.remove('v-ripple__animation--in');
       animation.classList.add('v-ripple__animation--out');
-      opacity(animation, 0);
       setTimeout(function () {
         var ripples = el.getElementsByClassName('v-ripple__animation');
 
@@ -34696,7 +34774,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Scroll", function() { return Scroll; });
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-function inserted(el, binding) {
+function inserted(el, binding, vnode) {
   var _a = (binding.modifiers || {}).self,
       self = _a === void 0 ? false : _a;
   var value = binding.value;
@@ -34707,7 +34785,8 @@ function inserted(el, binding) {
   var target = self ? el : binding.arg ? document.querySelector(binding.arg) : window;
   if (!target) return;
   target.addEventListener('scroll', handler, options);
-  el._onScroll = {
+  el._onScroll = Object(el._onScroll);
+  el._onScroll[vnode.context._uid] = {
     handler: handler,
     options: options,
     // Don't reference self
@@ -34715,15 +34794,17 @@ function inserted(el, binding) {
   };
 }
 
-function unbind(el) {
-  if (!el._onScroll) return;
-  var _a = el._onScroll,
-      handler = _a.handler,
-      options = _a.options,
-      _b = _a.target,
-      target = _b === void 0 ? el : _b;
+function unbind(el, binding, vnode) {
+  var _a;
+
+  if (!((_a = el._onScroll) === null || _a === void 0 ? void 0 : _a[vnode.context._uid])) return;
+  var _b = el._onScroll[vnode.context._uid],
+      handler = _b.handler,
+      options = _b.options,
+      _c = _b.target,
+      target = _c === void 0 ? el : _c;
   target.removeEventListener('scroll', handler, options);
-  delete el._onScroll;
+  delete el._onScroll[vnode.context._uid];
 }
 
 var Scroll = {
@@ -34922,7 +35003,7 @@ function () {
 
   Vuetify.install = _install__WEBPACK_IMPORTED_MODULE_0__["install"];
   Vuetify.installed = false;
-  Vuetify.version = "2.6.0-beta.0";
+  Vuetify.version = "2.6.3";
   Vuetify.config = {
     silent: false
   };
@@ -36359,7 +36440,7 @@ __webpack_require__.r(__webpack_exports__);
   },
   rating: {
     ariaLabel: {
-      icon: 'Rating {0} of {1}'
+      icon: 'Note de {0} sur {1}'
     }
   }
 });
@@ -36903,8 +36984,8 @@ __webpack_require__.r(__webpack_exports__);
     itemsPerPageAll: 'Tutti',
     nextPage: 'Pagina seguente',
     prevPage: 'Pagina precedente',
-    firstPage: 'Pagina prima',
-    lastPage: 'Pagina ultima',
+    firstPage: 'Prima pagina',
+    lastPage: 'Ultima pagina',
     pageText: '{0}-{1} di {2}'
   },
   datePicker: {
@@ -36919,15 +37000,15 @@ __webpack_require__.r(__webpack_exports__);
     prev: 'Vista precedente',
     next: 'Prossima vista',
     ariaLabel: {
-      delimiter: 'Carousel slide {0} of {1}'
+      delimiter: 'Carousel slide {0} di {1}'
     }
   },
   calendar: {
     moreEvents: '{0} di più'
   },
   fileInput: {
-    counter: '{0} files',
-    counterSize: '{0} files ({1} in totale)'
+    counter: '{0} file',
+    counterSize: '{0} file ({1} in totale)'
   },
   timePicker: {
     am: 'AM',
@@ -36944,7 +37025,7 @@ __webpack_require__.r(__webpack_exports__);
   },
   rating: {
     ariaLabel: {
-      icon: 'Rating {0} of {1}'
+      icon: 'Valutazione {0} di {1}'
     }
   }
 });
@@ -38706,6 +38787,10 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_d
     },
     disabled: Boolean,
     internalActivator: Boolean,
+    openOnClick: {
+      type: Boolean,
+      default: true
+    },
     openOnHover: Boolean,
     openOnFocus: Boolean
   },
@@ -38770,7 +38855,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_d
     },
     genActivatorAttributes: function genActivatorAttributes() {
       return {
-        role: 'button',
+        role: this.openOnClick && !this.openOnHover ? 'button' : undefined,
         'aria-haspopup': true,
         'aria-expanded': String(this.isActive)
       };
@@ -38793,7 +38878,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_d
 
           _this.runDelay('close');
         };
-      } else {
+      } else if (this.openOnClick) {
         listeners.click = function (e) {
           var activator = _this.getActivator(e);
 
@@ -39513,6 +39598,12 @@ function validateAttachTarget(val) {
   if (type === 'boolean' || type === 'string') return true;
   return val.nodeType === Node.ELEMENT_NODE;
 }
+
+function removeActivator(activator) {
+  activator.forEach(function (node) {
+    node.elm && node.elm.parentNode && node.elm.parentNode.removeChild(node.elm);
+  });
+}
 /* @vue/component */
 
 
@@ -39566,23 +39657,35 @@ function validateAttachTarget(val) {
     this.isActive = false;
   },
   beforeDestroy: function beforeDestroy() {
-    // IE11 Fix
-    try {
-      if (this.$refs.content && this.$refs.content.parentNode) {
-        this.$refs.content.parentNode.removeChild(this.$refs.content);
-      }
+    if (this.$refs.content && this.$refs.content.parentNode) {
+      this.$refs.content.parentNode.removeChild(this.$refs.content);
+    }
+  },
+  destroyed: function destroyed() {
+    var _this = this;
 
-      if (this.activatorNode) {
-        var activator = Array.isArray(this.activatorNode) ? this.activatorNode : [this.activatorNode];
-        activator.forEach(function (node) {
-          node.elm && node.elm.parentNode && node.elm.parentNode.removeChild(node.elm);
+    if (this.activatorNode) {
+      var activator_1 = Array.isArray(this.activatorNode) ? this.activatorNode : [this.activatorNode];
+
+      if (this.$el.isConnected) {
+        // Component has been destroyed but the element still exists, we must be in a transition
+        // Wait for the transition to finish before cleaning up the detached activator
+        var observer_1 = new MutationObserver(function (list) {
+          if (list.some(function (record) {
+            return Array.from(record.removedNodes).includes(_this.$el);
+          })) {
+            observer_1.disconnect();
+            removeActivator(activator_1);
+          }
+        });
+        observer_1.observe(this.$el.parentNode, {
+          subtree: false,
+          childList: true
         });
+      } else {
+        removeActivator(activator_1);
       }
-    } catch (e) {
-      console.log(e);
     }
-    /* eslint-disable-line no-console */
-
   },
   methods: {
     getScopeIdAttrs: function getScopeIdAttrs() {
@@ -39766,17 +39869,26 @@ __webpack_require__.r(__webpack_exports__);
 function intersectable(options) {
   return vue__WEBPACK_IMPORTED_MODULE_2___default.a.extend({
     name: 'intersectable',
+    data: function data() {
+      return {
+        isIntersecting: false
+      };
+    },
     mounted: function mounted() {
       _directives_intersect__WEBPACK_IMPORTED_MODULE_0__["default"].inserted(this.$el, {
         name: 'intersect',
         value: this.onObserve
-      });
+      }, this.$vnode);
     },
     destroyed: function destroyed() {
-      _directives_intersect__WEBPACK_IMPORTED_MODULE_0__["default"].unbind(this.$el);
+      _directives_intersect__WEBPACK_IMPORTED_MODULE_0__["default"].unbind(this.$el, {
+        name: 'intersect',
+        value: this.onObserve
+      }, this.$vnode);
     },
     methods: {
       onObserve: function onObserve(entries, observer, isIntersecting) {
+        this.isIntersecting = isIntersecting;
         if (!isIntersecting) return;
 
         for (var i = 0, length = options.onVisible.length; i < length; i++) {
@@ -39999,7 +40111,6 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_s
       default: 0
     },
     offsetOverflow: Boolean,
-    openOnClick: Boolean,
     positionX: {
       type: Number,
       default: null
@@ -40061,7 +40172,8 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_s
       var activatorLeft = (this.attach !== false ? a.offsetLeft : a.left) || 0;
       var minWidth = Math.max(a.width, c.width);
       var left = 0;
-      left += this.left ? activatorLeft - (minWidth - a.width) : activatorLeft;
+      left += activatorLeft;
+      if (this.left || this.$vuetify.rtl && !this.right) left -= minWidth - a.width;
 
       if (this.offsetX) {
         var maxWidth = isNaN(Number(this.maxWidth)) ? a.width : Math.min(a.width, Number(this.maxWidth));
@@ -40201,14 +40313,16 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_s
       var listeners = _activatable__WEBPACK_IMPORTED_MODULE_2__["default"].options.methods.genActivatorListeners.call(this);
       var onClick = listeners.click;
 
-      listeners.click = function (e) {
-        if (_this.openOnClick) {
-          onClick && onClick(e);
-        }
+      if (onClick) {
+        listeners.click = function (e) {
+          if (_this.openOnClick) {
+            onClick && onClick(e);
+          }
 
-        _this.absoluteX = e.clientX;
-        _this.absoluteY = e.clientY;
-      };
+          _this.absoluteX = e.clientX;
+          _this.absoluteY = e.clientY;
+        };
+      }
 
       return listeners;
     },
@@ -40506,19 +40620,30 @@ __webpack_require__.r(__webpack_exports__);
     hasScrollbar: function hasScrollbar(el) {
       if (!el || el.nodeType !== Node.ELEMENT_NODE) return false;
       var style = window.getComputedStyle(el);
-      return ['auto', 'scroll'].includes(style.overflowY) && el.scrollHeight > el.clientHeight;
+      return (['auto', 'scroll'].includes(style.overflowY) || el.tagName === 'SELECT') && el.scrollHeight > el.clientHeight || ['auto', 'scroll'].includes(style.overflowX) && el.scrollWidth > el.clientWidth;
     },
-    shouldScroll: function shouldScroll(el, delta) {
+    shouldScroll: function shouldScroll(el, e) {
       if (el.hasAttribute('data-app')) return false;
-      var alreadyAtTop = el.scrollTop === 0;
-      var alreadyAtBottom = el.scrollTop + el.clientHeight === el.scrollHeight;
+      var dir = e.shiftKey || e.deltaX ? 'x' : 'y';
+      var delta = dir === 'y' ? e.deltaY : e.deltaX || e.deltaY;
+      var alreadyAtStart;
+      var alreadyAtEnd;
+
+      if (dir === 'y') {
+        alreadyAtStart = el.scrollTop === 0;
+        alreadyAtEnd = el.scrollTop + el.clientHeight === el.scrollHeight;
+      } else {
+        alreadyAtStart = el.scrollLeft === 0;
+        alreadyAtEnd = el.scrollLeft + el.clientWidth === el.scrollWidth;
+      }
+
       var scrollingUp = delta < 0;
       var scrollingDown = delta > 0;
-      if (!alreadyAtTop && scrollingUp) return true;
-      if (!alreadyAtBottom && scrollingDown) return true;
+      if (!alreadyAtStart && scrollingUp) return true;
+      if (!alreadyAtEnd && scrollingDown) return true;
 
-      if (alreadyAtTop || alreadyAtBottom) {
-        return this.shouldScroll(el.parentNode, delta);
+      if (alreadyAtStart || alreadyAtEnd) {
+        return this.shouldScroll(el.parentNode, e);
       }
 
       return false;
@@ -40534,7 +40659,6 @@ __webpack_require__.r(__webpack_exports__);
     },
     checkPath: function checkPath(e) {
       var path = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["composedPath"])(e);
-      var delta = e.deltaY;
 
       if (e.type === 'keydown' && path[0] === document.body) {
         var dialog = this.$refs.dialog; // getSelection returns null in firefox in some edge cases, can be ignored
@@ -40542,7 +40666,7 @@ __webpack_require__.r(__webpack_exports__);
         var selected = window.getSelection().anchorNode;
 
         if (dialog && this.hasScrollbar(dialog) && this.isInside(selected, dialog)) {
-          return !this.shouldScroll(dialog, delta);
+          return !this.shouldScroll(dialog, e);
         }
 
         return true;
@@ -40553,7 +40677,7 @@ __webpack_require__.r(__webpack_exports__);
         if (el === document) return true;
         if (el === document.documentElement) return true;
         if (el === this.$refs.content) return true;
-        if (this.hasScrollbar(el)) return !this.shouldScroll(el, delta);
+        if (this.hasScrollbar(el)) return !this.shouldScroll(el, e);
       }
 
       return true;
@@ -41167,10 +41291,10 @@ var __assign = undefined && undefined.__assign || function () {
   watch: {
     $route: 'onRouteChange'
   },
+  mounted: function mounted() {
+    this.onRouteChange();
+  },
   methods: {
-    click: function click(e) {
-      this.$emit('click', e);
-    },
     generateRouteLink: function generateRouteLink() {
       var _a;
 
@@ -41187,9 +41311,9 @@ var __assign = undefined && undefined.__assign || function () {
           name: 'ripple',
           value: this.computedRipple
         }]
-      }, _a[this.to ? 'nativeOn' : 'on'] = __assign(__assign({}, this.$listeners), {
+      }, _a[this.to ? 'nativeOn' : 'on'] = __assign(__assign({}, this.$listeners), 'click' in this ? {
         click: this.click
-      }), _a.ref = 'link', _a);
+      } : undefined), _a.ref = 'link', _a);
 
       if (typeof this.exact === 'undefined') {
         exact = this.to === '/' || this.to === Object(this.to) && this.to.path === '/';
@@ -41231,16 +41355,19 @@ var __assign = undefined && undefined.__assign || function () {
       var _this = this;
 
       if (!this.to || !this.$refs.link || !this.$route) return;
-      var activeClass = (this.activeClass + " " + (this.proxyClass || '')).trim();
-      var path = "_vnode.data.class." + activeClass;
+      var activeClass = ((this.activeClass || '') + " " + (this.proxyClass || '')).trim();
+      var exactActiveClass = ((this.exactActiveClass || '') + " " + (this.proxyClass || '')).trim() || activeClass;
+      var path = '_vnode.data.class.' + (this.exact ? exactActiveClass : activeClass);
       this.$nextTick(function () {
         /* istanbul ignore else */
-        if (Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["getObjectValueByPath"])(_this.$refs.link, path)) {
+        if (!Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["getObjectValueByPath"])(_this.$refs.link, path) === _this.isActive) {
           _this.toggle();
         }
       });
     },
-    toggle: function toggle() {}
+    toggle: function toggle() {
+      this.isActive = !this.isActive;
+    }
   }
 }));
 
@@ -42389,9 +42516,7 @@ function (_super) {
   }
 
   Application.prototype.register = function (uid, location, size) {
-    var _a;
-
-    this.application[location] = (_a = {}, _a[uid] = size, _a);
+    this.application[location][uid] = size;
     this.update(location);
   };
 
@@ -45628,12 +45753,12 @@ function searchItems(items, search) {
  */
 
 function getSlotType(vm, name, split) {
-  if (vm.$slots[name] && vm.$scopedSlots[name] && vm.$scopedSlots[name].name) {
+  if (vm.$slots.hasOwnProperty(name) && vm.$scopedSlots.hasOwnProperty(name) && vm.$scopedSlots[name].name) {
     return split ? 'v-slot' : 'scoped';
   }
 
-  if (vm.$slots[name]) return 'normal';
-  if (vm.$scopedSlots[name]) return 'scoped';
+  if (vm.$slots.hasOwnProperty(name)) return 'normal';
+  if (vm.$scopedSlots.hasOwnProperty(name)) return 'scoped';
 }
 function debounce(fn, delay) {
   var timeoutId = 0;
@@ -45685,9 +45810,9 @@ function getSlot(vm, name, data, optional) {
     optional = false;
   }
 
-  if (vm.$scopedSlots[name]) {
+  if (vm.$scopedSlots.hasOwnProperty(name)) {
     return vm.$scopedSlots[name](data instanceof Function ? data() : data);
-  } else if (vm.$slots[name] && (!data || optional)) {
+  } else if (vm.$slots.hasOwnProperty(name) && (!data || optional)) {
     return vm.$slots[name];
   }