@vuetify/nightly 2.6.6 → 2.6.7

package/dist/vuetify.js

@@ -14969,10 +14969,11 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
 
       this.$nextTick(function () {
         _this.$nextTick(function () {
-          if (!_this.$refs.content.contains(document.activeElement)) {
-            _this.previousActiveElement = document.activeElement;
+          var _a, _b;
 
-            _this.$refs.content.focus();
+          if (!((_a = _this.$refs.dialog) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement))) {
+            _this.previousActiveElement = document.activeElement;
+            (_b = _this.$refs.dialog) === null || _b === void 0 ? void 0 : _b.focus();
           }
 
           _this.bind();
@@ -15015,16 +15016,16 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
       if (!e || !this.retainFocus) return;
       var target = e.target;
 
-      if (!!target && // It isn't the document or the dialog body
-      ![document, this.$refs.content].includes(target) && // It isn't inside the dialog body
-      !this.$refs.content.contains(target) && // We're the topmost dialog
+      if (!!target && this.$refs.dialog && // It isn't the document or the dialog body
+      ![document, this.$refs.dialog].includes(target) && // It isn't inside the dialog body
+      !this.$refs.dialog.contains(target) && // We're the topmost dialog
       this.activeZIndex >= this.getMaxZIndex() && // It isn't inside a dependent element (like a menu)
       !this.getOpenDependentElements().some(function (el) {
         return el.contains(target);
       }) // So we must have focused something outside the dialog and its children
       ) {
           // Find and focus the first available element inside the dialog
-          var focusable = this.$refs.content.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+          var focusable = this.$refs.dialog.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
 
           var el = __spread(focusable).find(function (el) {
             return !el.hasAttribute('disabled');
@@ -15047,7 +15048,6 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
           class: _this.contentClasses,
           attrs: __assign({
             role: 'dialog',
-            tabindex: _this.isActive ? 0 : undefined,
             'aria-modal': _this.hideOverlay ? undefined : 'true'
           }, _this.getScopeIdAttrs()),
           on: {
@@ -15074,6 +15074,9 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
     genInnerContent: function genInnerContent() {
       var data = {
         class: this.classes,
+        attrs: {
+          tabindex: this.isActive ? 0 : undefined
+        },
         ref: 'dialog',
         directives: [{
           name: 'click-outside',
@@ -19261,10 +19264,12 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
     data.attrs = __assign(__assign({}, data.attrs), this.genAttrs());
     data[this.to ? 'nativeOn' : 'on'] = __assign(__assign({}, data[this.to ? 'nativeOn' : 'on']), {
       keydown: function keydown(e) {
-        /* istanbul ignore else */
-        if (e.keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_7__["keyCodes"].enter) _this.click(e);
+        if (!_this.disabled) {
+          /* istanbul ignore else */
+          if (e.keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_7__["keyCodes"].enter) _this.click(e);
 
-        _this.$emit('keydown', e);
+          _this.$emit('keydown', e);
+        }
       }
     });
     if (this.inactive) tag = 'div';
@@ -20849,7 +20854,6 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
   },
   data: function data() {
     return {
-      badInput: false,
       initialValue: null,
       isBooted: false,
       otp: []
@@ -20863,9 +20867,6 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
       return __assign(__assign(__assign({}, _VInput__WEBPACK_IMPORTED_MODULE_2__["default"].options.computed.classes.call(this)), _VTextField_VTextField__WEBPACK_IMPORTED_MODULE_3__["default"].options.computed.classes.call(this)), {
         'v-otp-input--plain': this.plain
       });
-    },
-    isDirty: function isDirty() {
-      return _VInput__WEBPACK_IMPORTED_MODULE_2__["default"].options.computed.isDirty.call(this) || this.badInput;
     }
   },
   watch: {
@@ -20971,12 +20972,12 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
           min: this.type === 'number' ? 0 : null
         },
         attrs: __assign(__assign({}, this.attrs$), {
+          autocomplete: 'one-time-code',
           disabled: this.isDisabled,
           readonly: this.isReadonly,
           type: this.type,
           id: this.computedId + "--" + otpIdx,
-          class: "otp-field-box--" + otpIdx,
-          maxlength: 1
+          class: "otp-field-box--" + otpIdx
         }),
         on: Object.assign(listeners, {
           blur: this.onBlur,
@@ -20986,9 +20987,6 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
           focus: function focus(e) {
             return _this.onFocus(e, otpIdx);
           },
-          paste: function paste(e) {
-            return _this.onPaste(e, otpIdx);
-          },
           keydown: this.onKeyDown,
           keyup: function keyup(e) {
             return _this.onKeyUp(e, otpIdx);
@@ -21033,24 +21031,32 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
         e && this.$emit('focus', e);
       }
     },
-    onInput: function onInput(e, otpIdx) {
-      var _this = this;
-
+    onInput: function onInput(e, index) {
+      var maxCursor = +this.length - 1;
       var target = e.target;
       var value = target.value;
-      this.applyValue(otpIdx, target.value, function () {
-        _this.internalValue = _this.otp.join('');
-      });
-      this.badInput = target.validity && target.validity.badInput;
-      var nextIndex = otpIdx + 1;
+      var inputDataArray = (value === null || value === void 0 ? void 0 : value.split('')) || [];
 
-      if (value) {
-        if (nextIndex < +this.length) {
-          this.changeFocus(nextIndex);
-        } else {
-          this.clearFocus(otpIdx);
-          this.onCompleted();
-        }
+      var newOtp = __spread(this.otp);
+
+      for (var i = 0; i < inputDataArray.length; i++) {
+        var appIdx = index + i;
+        if (appIdx > maxCursor) break;
+        newOtp[appIdx] = inputDataArray[i].toString();
+      }
+
+      if (!inputDataArray.length) {
+        newOtp.splice(index, 1);
+      }
+
+      this.otp = newOtp;
+      this.internalValue = this.otp.join('');
+
+      if (index + inputDataArray.length >= +this.length) {
+        this.onCompleted();
+        this.clearFocus(index);
+      } else if (inputDataArray.length) {
+        this.changeFocus(index + inputDataArray.length);
       }
     },
     clearFocus: function clearFocus(index) {
@@ -21077,39 +21083,6 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
       if (this.hasMouseDown) this.focus(e, otpIdx);
       _VInput__WEBPACK_IMPORTED_MODULE_2__["default"].options.methods.onMouseUp.call(this, e);
     },
-    onPaste: function onPaste(event, index) {
-      var _a;
-
-      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();
-
-      var newOtp = __spread(this.otp);
-
-      for (var i = 0; i < inputDataArray.length; i++) {
-        var appIdx = index + i;
-        if (appIdx > maxCursor) break;
-        newOtp[appIdx] = inputDataArray[i].toString();
-      }
-
-      this.otp = newOtp;
-      this.internalValue = this.otp.join('');
-      var targetFocus = Math.min(index + inputDataArray.length, maxCursor);
-      this.changeFocus(targetFocus);
-
-      if (newOtp.length === +this.length) {
-        this.onCompleted();
-        this.clearFocus(targetFocus);
-      }
-    },
-    applyValue: function applyValue(index, inputVal, next) {
-      var newOtp = __spread(this.otp);
-
-      newOtp[index] = inputVal;
-      this.otp = newOtp;
-      next();
-    },
     changeFocus: function changeFocus(index) {
       this.onFocus(undefined, index || 0);
     },
@@ -23849,7 +23822,9 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_14__["default"])(_
       return "list-" + this._uid;
     },
     computedCounterValue: function computedCounterValue() {
-      var value = this.multiple ? this.selectedItems : (this.getText(this.selectedItems[0]) || '').toString();
+      var _a;
+
+      var value = this.multiple ? this.selectedItems : ((_a = this.getText(this.selectedItems[0])) !== null && _a !== void 0 ? _a : '').toString();
 
       if (typeof this.counterValue === 'function') {
         return this.counterValue(value);
@@ -24321,7 +24296,9 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_14__["default"])(_
       this.keyboardLookupPrefix += e.key.toLowerCase();
       this.keyboardLookupLastTime = now;
       var index = this.allItems.findIndex(function (item) {
-        var text = (_this.getText(item) || '').toString();
+        var _a;
+
+        var text = ((_a = _this.getText(item)) !== null && _a !== void 0 ? _a : '').toString();
         return text.toLowerCase().startsWith(_this.keyboardLookupPrefix);
       });
       var item = this.allItems[index];
@@ -25401,7 +25378,6 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"]
   },
   data: function data() {
     return {
-      internalItemsLength: 0,
       isOverflowing: false,
       resizeTimeout: 0,
       startX: 0,
@@ -25482,12 +25458,33 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"]
       this.$refs.content.style.transform = "translateX(" + scroll + "px)";
     }
   },
-  beforeUpdate: function beforeUpdate() {
-    this.internalItemsLength = (this.$children || []).length;
-  },
-  updated: function updated() {
-    if (this.internalItemsLength === (this.$children || []).length) return;
-    this.setWidths();
+  mounted: function mounted() {
+    var _this = this;
+
+    if (typeof ResizeObserver !== 'undefined') {
+      var obs_1 = new ResizeObserver(function () {
+        _this.onResize();
+      });
+      obs_1.observe(this.$el);
+      obs_1.observe(this.$refs.content);
+      this.$on('hook:destroyed', function () {
+        obs_1.disconnect();
+      });
+    } else {
+      var itemsLength_1 = 0;
+      this.$on('hook:beforeUpdate', function () {
+        var _a;
+
+        itemsLength_1 = (((_a = _this.$refs.content) === null || _a === void 0 ? void 0 : _a.children) || []).length;
+      });
+      this.$on('hook:updated', function () {
+        var _a;
+
+        if (itemsLength_1 === (((_a = _this.$refs.content) === null || _a === void 0 ? void 0 : _a.children) || []).length) return;
+
+        _this.setWidths();
+      });
+    }
   },
   methods: {
     onScroll: function onScroll() {
@@ -28595,6 +28592,16 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
   mounted: function mounted() {
     var _this = this;
 
+    if (typeof ResizeObserver !== 'undefined') {
+      var obs_1 = new ResizeObserver(function () {
+        _this.onResize();
+      });
+      obs_1.observe(this.$el);
+      this.$on('hook:destroyed', function () {
+        obs_1.disconnect();
+      });
+    }
+
     this.$nextTick(function () {
       window.setTimeout(_this.callSlider, 30);
     });
@@ -35046,7 +35053,7 @@ function () {
 
   Vuetify.install = _install__WEBPACK_IMPORTED_MODULE_0__["install"];
   Vuetify.installed = false;
-  Vuetify.version = "2.6.6";
+  Vuetify.version = "2.6.7";
   Vuetify.config = {
     silent: false
   };