@dimailn/vuetify 2.7.2-alpha34 → 2.7.2-alpha36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/dist/vuetify.js +41 -40
  2. package/dist/vuetify.js.map +1 -1
  3. package/dist/vuetify.min.css +1 -1
  4. package/dist/vuetify.min.js +2 -2
  5. package/es5/components/VBottomNavigation/VBottomNavigation.js +3 -7
  6. package/es5/components/VBottomNavigation/VBottomNavigation.js.map +1 -1
  7. package/es5/components/VSelect/VSelect.js +1 -1
  8. package/es5/components/VSelect/VSelect.js.map +1 -1
  9. package/es5/components/VSlideGroup/VSlideGroup.js +32 -33
  10. package/es5/components/VSlideGroup/VSlideGroup.js.map +1 -1
  11. package/es5/components/VStepper/VStepperContent.js +5 -3
  12. package/es5/components/VStepper/VStepperContent.js.map +1 -1
  13. package/es5/components/VTextField/VTextField.js +4 -3
  14. package/es5/components/VTextField/VTextField.js.map +1 -1
  15. package/es5/components/VTextarea/VTextarea.js +1 -1
  16. package/es5/components/VTextarea/VTextarea.js.map +1 -1
  17. package/es5/framework.js +1 -1
  18. package/es5/mixins/proxyable/index.js +5 -2
  19. package/es5/mixins/proxyable/index.js.map +1 -1
  20. package/lib/components/VBottomNavigation/VBottomNavigation.js +4 -8
  21. package/lib/components/VBottomNavigation/VBottomNavigation.js.map +1 -1
  22. package/lib/components/VSelect/VSelect.js +1 -1
  23. package/lib/components/VSelect/VSelect.js.map +1 -1
  24. package/lib/components/VSlideGroup/VSlideGroup.js +21 -18
  25. package/lib/components/VSlideGroup/VSlideGroup.js.map +1 -1
  26. package/lib/components/VStepper/VStepperContent.js +6 -4
  27. package/lib/components/VStepper/VStepperContent.js.map +1 -1
  28. package/lib/components/VTextField/VTextField.js +4 -3
  29. package/lib/components/VTextField/VTextField.js.map +1 -1
  30. package/lib/components/VTextarea/VTextarea.js +1 -1
  31. package/lib/components/VTextarea/VTextarea.js.map +1 -1
  32. package/lib/framework.js +1 -1
  33. package/lib/mixins/proxyable/index.js +5 -2
  34. package/lib/mixins/proxyable/index.js.map +1 -1
  35. package/package.json +1 -1
  36. package/src/components/VBottomNavigation/VBottomNavigation.ts +9 -9
  37. package/src/components/VBottomNavigation/__tests__/__snapshots__/VBottomNavigation.spec.ts.snap +0 -1
  38. package/src/components/VExpansionPanel/__tests__/VExpansionPanel.spec.ts +2 -2
  39. package/src/components/VExpansionPanel/__tests__/__snapshots__/VExpansionPanel.spec.ts.snap +6 -7
  40. package/src/components/VSelect/VSelect.ts +1 -1
  41. package/src/components/VSlideGroup/VSlideGroup.ts +33 -19
  42. package/src/components/VStepper/VStepperContent.ts +8 -9
  43. package/src/components/VTextField/VTextField.ts +9 -8
  44. package/src/components/VTextarea/VTextarea.ts +1 -1
  45. package/src/components/VTextarea/__tests__/VTextarea.spec.ts +51 -0
  46. package/src/components/VTextarea/__tests__/__snapshots__/VTextarea.spec.ts.snap +85 -0
  47. package/src/components/VTreeview/__tests__/VTreeviewNode.spec.ts +31 -46
  48. package/src/components/VTreeview/__tests__/__snapshots__/VTreeviewNode.spec.ts.snap +48 -17
  49. package/src/mixins/proxyable/index.ts +4 -1
package/dist/vuetify.js CHANGED
@@ -2226,17 +2226,13 @@ var __read = undefined && undefined.__read || function (o, n) {
2226
2226
  modelValue: this.internalValue,
2227
2227
  onChange: this.updateValue
2228
2228
  });
2229
+ var vnode = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_mixins_button_group__WEBPACK_IMPORTED_MODULE_3__["default"], this.setTextColor(this.color, data), Object(_util_helpers__WEBPACK_IMPORTED_MODULE_12__["getSlot"])(this));
2229
2230
 
2230
2231
  if (this.canScroll) {
2231
- data.directives = data.directives || [];
2232
- data.directives.push({
2233
- arg: this.scrollTarget,
2234
- name: 'scroll',
2235
- value: this.onScroll
2236
- });
2232
+ return Object(vue__WEBPACK_IMPORTED_MODULE_0__["withDirectives"])(vnode, [['scroll', this.onScroll, this.scrollTarget]]);
2237
2233
  }
2238
2234
 
2239
- return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_mixins_button_group__WEBPACK_IMPORTED_MODULE_3__["default"], this.setTextColor(this.color, data), Object(_util_helpers__WEBPACK_IMPORTED_MODULE_12__["getSlot"])(this));
2235
+ return vnode;
2240
2236
  }
2241
2237
  }));
2242
2238
 
@@ -25811,7 +25807,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_14__["default"])(_
25811
25807
  parent: this,
25812
25808
  item: item,
25813
25809
  index: index,
25814
- select: function select(e) {
25810
+ onSelect: function onSelect(e) {
25815
25811
  e.stopPropagation();
25816
25812
  _this.selectedIndex = index;
25817
25813
  },
@@ -27153,7 +27149,11 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"]
27153
27149
  },
27154
27150
  methods: {
27155
27151
  onScroll: function onScroll() {
27156
- this.$refs.wrapper.scrollLeft = 0;
27152
+ var wrapper = this.$refs.wrapper;
27153
+
27154
+ if (wrapper) {
27155
+ wrapper.scrollLeft = 0;
27156
+ }
27157
27157
  },
27158
27158
  onFocusin: function onFocusin(e) {
27159
27159
  var e_1, _a, e_2, _b;
@@ -27227,8 +27227,6 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"]
27227
27227
  };
27228
27228
  },
27229
27229
  genIcon: function genIcon(location) {
27230
- var _this = this;
27231
-
27232
27230
  var icon = location;
27233
27231
 
27234
27232
  if (this.$vuetify.rtl && location === 'prev') {
@@ -27240,11 +27238,9 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"]
27240
27238
  var upperLocation = "" + location[0].toUpperCase() + location.slice(1);
27241
27239
  var hasAffix = this["has" + upperLocation];
27242
27240
  if (!this.showArrows && !hasAffix) return null;
27243
- return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], function () {
27244
- return {
27245
- disabled: !hasAffix
27246
- }, _this[icon + "Icon"];
27247
- });
27241
+ return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], {
27242
+ disabled: !hasAffix
27243
+ }, this[icon + "Icon"]);
27248
27244
  },
27249
27245
  // Always generate prev for scrollable hint
27250
27246
  genPrev: function genPrev() {
@@ -27262,11 +27258,7 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"]
27262
27258
  }, [slot]);
27263
27259
  },
27264
27260
  genTransition: function genTransition(location) {
27265
- var _this = this;
27266
-
27267
- return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_transitions__WEBPACK_IMPORTED_MODULE_3__["VFadeTransition"], function () {
27268
- return [_this.genIcon(location)];
27269
- });
27261
+ return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_transitions__WEBPACK_IMPORTED_MODULE_3__["VFadeTransition"], {}, [this.genIcon(location)]);
27270
27262
  },
27271
27263
  genWrapper: function genWrapper() {
27272
27264
  var _this = this;
@@ -27303,6 +27295,7 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"]
27303
27295
  },
27304
27296
  onTouchStart: function onTouchStart(e) {
27305
27297
  var content = this.$refs.content;
27298
+ if (!content) return;
27306
27299
  this.startX = this.scrollOffset + e.touchstartX;
27307
27300
  content.style.setProperty('transition', 'none');
27308
27301
  content.style.setProperty('willChange', 'transform');
@@ -27328,9 +27321,9 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"]
27328
27321
  },
27329
27322
  onTouchEnd: function onTouchEnd() {
27330
27323
  if (!this.canTouch) return;
27331
- var _a = this.$refs,
27332
- content = _a.content,
27333
- wrapper = _a.wrapper;
27324
+ var content = this.$refs.content;
27325
+ var wrapper = this.$refs.wrapper;
27326
+ if (!content || !wrapper) return;
27334
27327
  var maxScrollOffset = content.clientWidth - wrapper.clientWidth;
27335
27328
  content.style.setProperty('transition', null);
27336
27329
  content.style.setProperty('willChange', null);
@@ -27364,7 +27357,9 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"]
27364
27357
  : function scrollIntoView() {
27365
27358
  if (!this.selectedItem && this.items.length) {
27366
27359
  var lastItemPosition = this.items[this.items.length - 1].$el.getBoundingClientRect();
27367
- var wrapperPosition = this.$refs.wrapper.getBoundingClientRect();
27360
+ var wrapper = this.$refs.wrapper;
27361
+ if (!wrapper) return;
27362
+ var wrapperPosition = wrapper.getBoundingClientRect();
27368
27363
 
27369
27364
  if (this.$vuetify.rtl && wrapperPosition.right < lastItemPosition.right || !this.$vuetify.rtl && wrapperPosition.left > lastItemPosition.left) {
27370
27365
  this.scrollTo('prev');
@@ -27397,12 +27392,12 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"]
27397
27392
 
27398
27393
  window.requestAnimationFrame(function () {
27399
27394
  if (_this._isDestroyed) return;
27400
- var _a = _this.$refs,
27401
- content = _a.content,
27402
- wrapper = _a.wrapper;
27395
+ var content = _this.$refs.content;
27396
+ var wrapper = _this.$refs.wrapper;
27397
+ if (!content || !wrapper) return;
27403
27398
  _this.widths = {
27404
- content: content ? content.clientWidth : 0,
27405
- wrapper: wrapper ? wrapper.clientWidth : 0
27399
+ content: content.clientWidth,
27400
+ wrapper: wrapper.clientWidth
27406
27401
  }; // https://github.com/vuetifyjs/vuetify/issues/13212
27407
27402
  // We add +1 to the wrappers width to prevent an issue where the `clientWidth`
27408
27403
  // gets calculated wrongly by the browser if using a different zoom-level.
@@ -29353,13 +29348,15 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(Ob
29353
29348
  style: this.styles,
29354
29349
  ref: 'wrapper'
29355
29350
  };
29351
+ var wrapper = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', wrapperData, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this));
29352
+ var content;
29356
29353
 
29357
29354
  if (!this.isVertical) {
29358
- contentData.directives = [[vue__WEBPACK_IMPORTED_MODULE_0__["vShow"], this.isActive]];
29355
+ content = Object(vue__WEBPACK_IMPORTED_MODULE_0__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', contentData, [wrapper]), [[vue__WEBPACK_IMPORTED_MODULE_0__["vShow"], this.isActive]]);
29356
+ } else {
29357
+ content = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', contentData, [wrapper]);
29359
29358
  }
29360
29359
 
29361
- var wrapper = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', wrapperData, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this));
29362
- var content = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', contentData, [wrapper]);
29363
29360
  return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(this.computedTransition, __assign({}, this.$listeners), function () {
29364
29361
  return [content];
29365
29362
  });
@@ -30959,7 +30956,7 @@ var dirtyTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'mo
30959
30956
  default: 'text'
30960
30957
  }
30961
30958
  },
30962
- emits: ['update:modelValue', 'blur', 'focus', 'keydown', 'click:clear'],
30959
+ emits: ['update:modelValue', 'blur', 'focus', 'keydown', 'click:clear', 'click'],
30963
30960
  data: function data() {
30964
30961
  return {
30965
30962
  badInput: false,
@@ -31215,7 +31212,7 @@ var dirtyTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'mo
31215
31212
 
31216
31213
  if (!this.showLabel) return null;
31217
31214
  var data = {
31218
- ref: "label",
31215
+ ref: 'label',
31219
31216
  absolute: true,
31220
31217
  color: this.validationState,
31221
31218
  dark: this.dark,
@@ -31299,7 +31296,8 @@ var dirtyTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'mo
31299
31296
  return _this.$emit('blur', e);
31300
31297
  });
31301
31298
  },
31302
- onClick: function onClick() {
31299
+ onClick: function onClick(e) {
31300
+ this.$emit('click', e);
31303
31301
  if (this.isFocused || this.isDisabled || !this.$refs.input) return;
31304
31302
  this.$refs.input.focus();
31305
31303
  },
@@ -31523,7 +31521,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_V
31523
31521
  input.tag = 'textarea';
31524
31522
  input.type = 'textarea';
31525
31523
  delete input.props.type;
31526
- input.rows = this.rows;
31524
+ input.props.rows = this.rows;
31527
31525
  return input;
31528
31526
  },
31529
31527
  onInput: function onInput(e) {
@@ -36930,7 +36928,7 @@ function () {
36930
36928
 
36931
36929
  Vuetify.install = _install__WEBPACK_IMPORTED_MODULE_0__["install"];
36932
36930
  Vuetify.installed = false;
36933
- Vuetify.version = "2.7.2-alpha34";
36931
+ Vuetify.version = "2.7.2-alpha36";
36934
36932
  Vuetify.config = {
36935
36933
  silent: false
36936
36934
  };
@@ -43446,8 +43444,11 @@ function factory(prop, event) {
43446
43444
  },
43447
43445
  set: function set(val) {
43448
43446
  if (val === this.internalLazyValue) return;
43449
- this.internalLazyValue = val;
43450
- this.$emit(event, val);
43447
+ this.internalLazyValue = val; // Don't emit events if component is being destroyed
43448
+
43449
+ if (!this._isDestroyed) {
43450
+ this.$emit(event, val);
43451
+ }
43451
43452
  }
43452
43453
  }
43453
43454
  },