@dimailn/vuetify 2.7.2-alpha46 → 2.7.2-alpha47

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 (51) hide show
  1. package/dist/vuetify.js +98 -96
  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/VIcon/VIcon.js +73 -93
  6. package/es5/components/VIcon/VIcon.js.map +1 -1
  7. package/es5/components/VMenu/VMenu.js +3 -1
  8. package/es5/components/VMenu/VMenu.js.map +1 -1
  9. package/es5/framework.js +1 -1
  10. package/lib/components/VIcon/VIcon.js +50 -96
  11. package/lib/components/VIcon/VIcon.js.map +1 -1
  12. package/lib/components/VMenu/VMenu.js +8 -5
  13. package/lib/components/VMenu/VMenu.js.map +1 -1
  14. package/lib/framework.js +1 -1
  15. package/package.json +1 -1
  16. package/src/components/VAlert/__tests__/__snapshots__/VAlert.spec.ts.snap +2 -2
  17. package/src/components/VAppBar/__tests__/__snapshots__/VAppBarNavIcon.spec.ts.snap +1 -1
  18. package/src/components/VBanner/__tests__/__snapshots__/VBanner.spec.ts.snap +1 -1
  19. package/src/components/VCheckbox/__tests__/__snapshots__/VCheckbox.spec.ts.snap +16 -13
  20. package/src/components/VChip/__tests__/__snapshots__/VChip.spec.ts.snap +5 -0
  21. package/src/components/VColorPicker/__tests__/__snapshots__/VColorPicker.spec.ts.snap +33 -24
  22. package/src/components/VColorPicker/__tests__/__snapshots__/VColorPickerEdit.spec.ts.snap +10 -5
  23. package/src/components/VDataIterator/__tests__/__snapshots__/VDataFooter.spec.ts.snap +50 -29
  24. package/src/components/VDataIterator/__tests__/__snapshots__/VDataIterator.spec.ts.snap +38 -23
  25. package/src/components/VDataTable/__tests__/__snapshots__/VDataTable.spec.ts.snap +670 -438
  26. package/src/components/VDataTable/__tests__/__snapshots__/VDataTableHeader.spec.ts.snap +88 -53
  27. package/src/components/VDataTable/mixins/__tests__/__snapshots__/header.spec.ts.snap +4 -4
  28. package/src/components/VDatePicker/__tests__/__snapshots__/VDatePicker.date.spec.ts.snap +68 -0
  29. package/src/components/VDatePicker/__tests__/__snapshots__/VDatePicker.month.spec.ts.snap +40 -0
  30. package/src/components/VDatePicker/__tests__/__snapshots__/VDatePickerHeader.spec.ts.snap +40 -0
  31. package/src/components/VDatePicker/__tests__/__snapshots__/VDatePickerTitle.spec.ts.snap +4 -0
  32. package/src/components/VExpansionPanel/__tests__/__snapshots__/VExpansionPanel.spec.ts.snap +1 -1
  33. package/src/components/VFileInput/__tests__/__snapshots__/VFileInput.spec.ts.snap +43 -43
  34. package/src/components/VIcon/VIcon.ts +50 -98
  35. package/src/components/VIcon/__tests__/VIcon.spec.ts +26 -5
  36. package/src/components/VIcon/__tests__/__snapshots__/VIcon.spec.ts.snap +11 -4
  37. package/src/components/VInput/__tests__/__snapshots__/VInput.spec.ts.snap +18 -2
  38. package/src/components/VList/__tests__/__snapshots__/VListGroup.spec.ts.snap +1 -1
  39. package/src/components/VMenu/VMenu.ts +10 -7
  40. package/src/components/VOverflowBtn/__tests__/__snapshots__/VOverflowBtn.spec.ts.snap +10 -10
  41. package/src/components/VPagination/__tests__/__snapshots__/VPagination.spec.ts.snap +16 -16
  42. package/src/components/VRadioGroup/__tests__/__snapshots__/VRadio.spec.ts.snap +13 -11
  43. package/src/components/VRadioGroup/__tests__/__snapshots__/VRadioGroup.spec.ts.snap +1 -1
  44. package/src/components/VSelect/__tests__/__snapshots__/VSelect.spec.ts.snap +19 -7
  45. package/src/components/VSelect/__tests__/__snapshots__/VSelect2.spec.ts.snap +29 -9
  46. package/src/components/VSelect/__tests__/__snapshots__/VSelect3.spec.ts.snap +6 -2
  47. package/src/components/VStepper/__tests__/__snapshots__/VStepperStep.spec.ts.snap +6 -5
  48. package/src/components/VTextField/__tests__/__snapshots__/VTextField.spec.ts.snap +14 -12
  49. package/src/components/VTimeline/__tests__/__snapshots__/VTimelineItem.spec.ts.snap +2 -1
  50. package/src/components/VTreeview/__tests__/__snapshots__/VTreeview.spec.ts.snap +42 -21
  51. package/src/components/VTreeview/__tests__/__snapshots__/VTreeviewNode.spec.ts.snap +5 -4
package/dist/vuetify.js CHANGED
@@ -17962,12 +17962,11 @@ __webpack_require__.r(__webpack_exports__);
17962
17962
  /*!***************************************!*\
17963
17963
  !*** ./src/components/VIcon/VIcon.ts ***!
17964
17964
  \***************************************/
17965
- /*! exports provided: VIconInternal, default */
17965
+ /*! exports provided: default */
17966
17966
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
17967
17967
 
17968
17968
  "use strict";
17969
17969
  __webpack_require__.r(__webpack_exports__);
17970
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VIconInternal", function() { return VIconInternal; });
17971
17970
  /* harmony import */ var _VIcon_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VIcon.sass */ "./src/components/VIcon/VIcon.sass");
17972
17971
  /* harmony import */ var _VIcon_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VIcon_sass__WEBPACK_IMPORTED_MODULE_0__);
17973
17972
  /* harmony import */ var _mixins_binds_attrs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/binds-attrs */ "./src/mixins/binds-attrs/index.ts");
@@ -17994,6 +17993,23 @@ var __assign = undefined && undefined.__assign || function () {
17994
17993
  return __assign.apply(this, arguments);
17995
17994
  };
17996
17995
 
17996
+ var __values = undefined && undefined.__values || function (o) {
17997
+ var s = typeof Symbol === "function" && Symbol.iterator,
17998
+ m = s && o[s],
17999
+ i = 0;
18000
+ if (m) return m.call(o);
18001
+ if (o && typeof o.length === "number") return {
18002
+ next: function next() {
18003
+ if (o && i >= o.length) o = void 0;
18004
+ return {
18005
+ value: o && o[i++],
18006
+ done: !o
18007
+ };
18008
+ }
18009
+ };
18010
+ throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
18011
+ };
18012
+
17997
18013
  // Mixins
17998
18014
 
17999
18015
 
@@ -18027,13 +18043,37 @@ function isSvgPath(icon) {
18027
18043
  return /^[mzlhvcsqta]\s*[-+.0-9][^mlhvzcsqta]+/i.test(icon) && /[\dz]$/i.test(icon) && icon.length > 4;
18028
18044
  }
18029
18045
 
18030
- function classesToString(classObj) {
18031
- return Object.keys(classObj).filter(function (key) {
18032
- return classObj[key];
18033
- }).join(' ');
18046
+ function readFirstText(node) {
18047
+ var e_1, _a;
18048
+
18049
+ if (!node) return '';
18050
+ if (typeof node === 'string') return node.trim();
18051
+ if (typeof node.children === 'string') return node.children.trim();
18052
+
18053
+ if (Array.isArray(node.children)) {
18054
+ try {
18055
+ for (var _b = __values(node.children), _c = _b.next(); !_c.done; _c = _b.next()) {
18056
+ var child = _c.value;
18057
+ var text = readFirstText(child);
18058
+ if (text) return text;
18059
+ }
18060
+ } catch (e_1_1) {
18061
+ e_1 = {
18062
+ error: e_1_1
18063
+ };
18064
+ } finally {
18065
+ try {
18066
+ if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
18067
+ } finally {
18068
+ if (e_1) throw e_1.error;
18069
+ }
18070
+ }
18071
+ }
18072
+
18073
+ return '';
18034
18074
  }
18035
18075
 
18036
- var VIconInternal = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_mixins_binds_attrs__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_sizeable__WEBPACK_IMPORTED_MODULE_3__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_4__["default"]
18076
+ /* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_mixins_binds_attrs__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_sizeable__WEBPACK_IMPORTED_MODULE_3__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_4__["default"]
18037
18077
  /* @vue/component */
18038
18078
  ).extend({
18039
18079
  name: 'v-icon',
@@ -18047,7 +18087,9 @@ var VIconInternal = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])
18047
18087
  type: String,
18048
18088
  required: false,
18049
18089
  default: 'i'
18050
- }
18090
+ },
18091
+ textContent: String,
18092
+ innerHTML: String
18051
18093
  },
18052
18094
  computed: {
18053
18095
  medium: function medium() {
@@ -18059,20 +18101,32 @@ var VIconInternal = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])
18059
18101
  },
18060
18102
  methods: {
18061
18103
  getIcon: function getIcon() {
18062
- var iconName = '';
18104
+ var e_2, _a;
18063
18105
 
18064
- if (this.$slots.default) {
18065
- var slotChildren = this.$slots.default();
18106
+ var _b, _c;
18066
18107
 
18067
- if (slotChildren && slotChildren[0]) {
18068
- var children = slotChildren[0].children;
18108
+ var iconName = '';
18109
+ if (this.textContent) iconName = this.textContent.trim();else if (this.innerHTML) iconName = this.innerHTML.trim();else {
18110
+ var slotChildren = ((_c = (_b = this.$slots).default) === null || _c === void 0 ? void 0 : _c.call(_b)) || [];
18069
18111
 
18070
- if (typeof children === 'string') {
18071
- iconName = children.trim();
18112
+ try {
18113
+ for (var slotChildren_1 = __values(slotChildren), slotChildren_1_1 = slotChildren_1.next(); !slotChildren_1_1.done; slotChildren_1_1 = slotChildren_1.next()) {
18114
+ var child = slotChildren_1_1.value;
18115
+ iconName = readFirstText(child);
18116
+ if (iconName) break;
18117
+ }
18118
+ } catch (e_2_1) {
18119
+ e_2 = {
18120
+ error: e_2_1
18121
+ };
18122
+ } finally {
18123
+ try {
18124
+ if (slotChildren_1_1 && !slotChildren_1_1.done && (_a = slotChildren_1.return)) _a.call(slotChildren_1);
18125
+ } finally {
18126
+ if (e_2) throw e_2.error;
18072
18127
  }
18073
18128
  }
18074
18129
  }
18075
-
18076
18130
  return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["remapInternalIcon"])(this, iconName);
18077
18131
  },
18078
18132
  getSize: function getSize() {
@@ -18111,36 +18165,26 @@ var VIconInternal = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])
18111
18165
  return data;
18112
18166
  },
18113
18167
  applyColors: function applyColors(data) {
18168
+ data.class = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["normalizeClasses"])([data.class, this.themeClasses]);
18114
18169
  this.setTextColor(this.color, data);
18115
18170
  },
18116
18171
  getSvgWrapperData: function getSvgWrapperData() {
18117
18172
  var fontSize = this.getSize();
18118
- var defaultData = this.getDefaultData();
18119
- var normalizedClasses = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["normalizeClasses"])([defaultData.class, this.themeClasses]);
18120
18173
 
18121
- var wrapperData = __assign({
18122
- class: classesToString(normalizedClasses),
18123
- 'aria-hidden': defaultData['aria-hidden'],
18124
- type: defaultData.type,
18174
+ var wrapperData = __assign(__assign({}, this.getDefaultData()), {
18125
18175
  style: fontSize ? {
18126
18176
  fontSize: fontSize,
18127
18177
  height: fontSize,
18128
18178
  width: fontSize
18129
18179
  } : undefined
18130
- }, this.listeners$);
18131
-
18132
- if (this.hasClickListener && this.disabled) {
18133
- wrapperData.disabled = true;
18134
- }
18180
+ });
18135
18181
 
18136
18182
  this.applyColors(wrapperData);
18137
18183
  return wrapperData;
18138
18184
  },
18139
18185
  renderFontIcon: function renderFontIcon(icon) {
18140
- var _a;
18141
-
18142
18186
  var newChildren = [];
18143
- var defaultData = this.getDefaultData();
18187
+ var data = this.getDefaultData();
18144
18188
  var iconType = 'material-icons'; // Material Icon delimiter is _
18145
18189
  // https://material.io/icons/
18146
18190
 
@@ -18153,34 +18197,17 @@ var VIconInternal = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])
18153
18197
  } else {
18154
18198
  iconType = icon.slice(0, delimiterIndex);
18155
18199
  if (isFontAwesome5(iconType)) iconType = '';
18156
- } // Создаем объект классов для иконки
18157
-
18158
-
18159
- var iconClasses = (_a = {}, _a[iconType] = true, _a);
18160
-
18161
- if (!isMaterialIcon) {
18162
- iconClasses[icon] = true;
18163
18200
  }
18164
18201
 
18165
- var allClasses = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["normalizeClasses"])([defaultData.class, this.themeClasses, iconClasses]);
18202
+ data.class[iconType] = true;
18203
+ data.class[icon] = !isMaterialIcon;
18166
18204
  var fontSize = this.getSize();
18167
-
18168
- var fontData = __assign({
18169
- class: classesToString(allClasses),
18170
- 'aria-hidden': defaultData['aria-hidden'],
18171
- type: defaultData.type,
18172
- style: fontSize ? {
18173
- fontSize: fontSize
18174
- } : undefined
18175
- }, this.listeners$);
18176
-
18177
- if (this.hasClickListener && this.disabled) {
18178
- fontData.disabled = true;
18179
- }
18180
-
18181
- this.applyColors(fontData);
18205
+ if (fontSize) data.style = {
18206
+ fontSize: fontSize
18207
+ };
18208
+ this.applyColors(data);
18182
18209
  var el = this.hasClickListener ? 'button' : Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["getTagValue"])(this.tag);
18183
- return typeof el === 'string' ? Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])(el, fontData, newChildren) : Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])(el, fontData, {
18210
+ return typeof el === 'string' ? Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])(el, data, newChildren) : Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])(el, data, {
18184
18211
  default: function _default() {
18185
18212
  return newChildren;
18186
18213
  }
@@ -18209,24 +18236,27 @@ var VIconInternal = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])
18209
18236
  })])]);
18210
18237
  },
18211
18238
  renderSvgIconComponent: function renderSvgIconComponent(icon) {
18239
+ var data = {
18240
+ class: {
18241
+ 'v-icon__component': true
18242
+ }
18243
+ };
18212
18244
  var size = this.getSize();
18213
- var componentClasses = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["normalizeClasses"])([{
18214
- 'v-icon__component': true
18215
- }, this.themeClasses]);
18216
18245
 
18217
- var componentData = __assign({
18218
- class: classesToString(componentClasses),
18219
- style: size ? {
18246
+ if (size) {
18247
+ data.style = {
18220
18248
  fontSize: size,
18221
18249
  height: size,
18222
18250
  width: size
18223
- } : undefined
18224
- }, icon.props);
18251
+ };
18252
+ }
18225
18253
 
18226
- this.applyColors(componentData);
18254
+ this.applyColors(data);
18255
+ var component = icon.component;
18256
+ Object.assign(data, icon.props);
18227
18257
  return Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])(this.hasClickListener ? 'button' : 'span', this.getSvgWrapperData(), {
18228
18258
  default: function _default() {
18229
- return [Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])(icon.component, componentData)];
18259
+ return [Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])(component, data)];
18230
18260
  }
18231
18261
  });
18232
18262
  }
@@ -18244,36 +18274,6 @@ var VIconInternal = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])
18244
18274
 
18245
18275
  return this.renderSvgIconComponent(icon);
18246
18276
  }
18247
- });
18248
- /* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_6__["defineComponent"])({
18249
- name: 'v-icon',
18250
- $_wrapperFor: VIconInternal,
18251
- functional: true,
18252
- mounted: function mounted() {
18253
- this.$el.innerHTML = '';
18254
- },
18255
- render: function render() {
18256
- var _this = this;
18257
-
18258
- var data = __assign({}, this.$attrs); // console.log(children && children[0]?.children)
18259
-
18260
-
18261
- return Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])(VIconInternal, data, {
18262
- default: function _default() {
18263
- var _a, _b, _c, _d;
18264
-
18265
- var iconName = ''; // Support usage of v-text and v-html
18266
- // if (data.domProps) {
18267
-
18268
- if ((_a = _this.$.vnode.props) === null || _a === void 0 ? void 0 : _a.textContent) {
18269
- iconName = _this.$.vnode.props.textContent || _this.$.vnode.props.innerHTML || iconName;
18270
- }
18271
-
18272
- var children = (_c = (_b = _this.$slots).default) === null || _c === void 0 ? void 0 : _c.call(_b);
18273
- return iconName ? [iconName] : children && ((_d = children[0]) === null || _d === void 0 ? void 0 : _d.children);
18274
- }
18275
- });
18276
- }
18277
18277
  }));
18278
18278
 
18279
18279
  /***/ }),
@@ -21404,12 +21404,14 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_
21404
21404
  var directives = [[_directives_resize__WEBPACK_IMPORTED_MODULE_11__["default"], this.onResize, '500']]; // console.log('vmenurender', this, this.activator, this.getActivator())
21405
21405
 
21406
21406
  return Object(vue__WEBPACK_IMPORTED_MODULE_0__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', data, [!this.activator && this.genActivator(), this.showLazyContent(function () {
21407
+ var transition = _this.genTransition();
21408
+
21407
21409
  return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VThemeProvider__WEBPACK_IMPORTED_MODULE_2__["VThemeProvider"], {
21408
21410
  root: true,
21409
21411
  light: _this.light,
21410
21412
  dark: _this.dark
21411
21413
  }, function () {
21412
- return [_this.genTransition()];
21414
+ return [transition];
21413
21415
  })];
21414
21416
  })]), directives);
21415
21417
  }
@@ -37111,7 +37113,7 @@ function () {
37111
37113
 
37112
37114
  Vuetify.install = _install__WEBPACK_IMPORTED_MODULE_0__["install"];
37113
37115
  Vuetify.installed = false;
37114
- Vuetify.version = "2.7.2-alpha46";
37116
+ Vuetify.version = "2.7.2-alpha47";
37115
37117
  Vuetify.config = {
37116
37118
  silent: false
37117
37119
  };