@dimailn/vuetify 2.7.2-alpha32 → 2.7.2-alpha34

package/es5/components/VIcon/VIcon.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.VIconInternal = void 0;
 
 require("../../../src/components/VIcon/VIcon.sass");
 
@@ -50,7 +50,13 @@ function isSvgPath(icon) {
   return /^[mzlhvcsqta]\s*[-+.0-9][^mlhvzcsqta]+/i.test(icon) && /[\dz]$/i.test(icon) && icon.length > 4;
 }
 
-var VIcon = (0, _mixins.default)(_bindsAttrs.default, _colorable.default, _sizeable.default, _themeable.default
+function classesToString(classObj) {
+  return Object.keys(classObj).filter(function (key) {
+    return classObj[key];
+  }).join(' ');
+}
+
+var VIconInternal = (0, _mixins.default)(_bindsAttrs.default, _colorable.default, _sizeable.default, _themeable.default
 /* @vue/component */
 ).extend({
   name: 'v-icon',
@@ -79,8 +85,15 @@ var VIcon = (0, _mixins.default)(_bindsAttrs.default, _colorable.default, _sizea
       var iconName = '';
 
       if (this.$slots.default) {
-        var children = this.$slots.default()[0].children;
-        if (typeof children === 'string') iconName = this.$slots.default()[0].children.trim();
+        var slotChildren = this.$slots.default();
+
+        if (slotChildren && slotChildren[0]) {
+          var children = slotChildren[0].children;
+
+          if (typeof children === 'string') {
+            iconName = children.trim();
+          }
+        }
       }
 
       return (0, _helpers.remapInternalIcon)(this, iconName);
@@ -120,27 +133,35 @@ var VIcon = (0, _mixins.default)(_bindsAttrs.default, _colorable.default, _sizea
 
       return data;
     },
+    applyColors: function applyColors(data) {
+      this.setTextColor(this.color, data);
+    },
     getSvgWrapperData: function getSvgWrapperData() {
       var fontSize = this.getSize();
+      var defaultData = this.getDefaultData();
+      var normalizedClasses = (0, _helpers.normalizeClasses)([defaultData.class, this.themeClasses]);
 
-      var wrapperData = _objectSpread(_objectSpread({}, this.getDefaultData()), {}, {
+      var wrapperData = _objectSpread({
+        class: classesToString(normalizedClasses),
+        'aria-hidden': defaultData['aria-hidden'],
+        type: defaultData.type,
         style: fontSize ? {
           fontSize: fontSize,
           height: fontSize,
           width: fontSize
         } : undefined
-      });
+      }, this.listeners$);
+
+      if (this.hasClickListener && this.disabled) {
+        wrapperData.disabled = true;
+      }
 
       this.applyColors(wrapperData);
       return wrapperData;
     },
-    applyColors: function applyColors(data) {
-      data.class = _objectSpread(_objectSpread({}, data.class), this.themeClasses);
-      this.setTextColor(this.color, data);
-    },
     renderFontIcon: function renderFontIcon(icon) {
       var newChildren = [];
-      var data = this.getDefaultData();
+      var defaultData = this.getDefaultData();
       var iconType = 'material-icons'; // Material Icon delimiter is _
       // https://material.io/icons/
 
@@ -153,77 +174,79 @@ var VIcon = (0, _mixins.default)(_bindsAttrs.default, _colorable.default, _sizea
       } else {
         iconType = icon.slice(0, delimiterIndex);
         if (isFontAwesome5(iconType)) iconType = '';
-      }
+      } // Создаем объект классов для иконки
+
 
-      if (typeof data.class === 'string') {
-        data.class = data.class.split(' ').reduce(function (classes, className) {
-          classes[className] = true;
-          return classes;
-        }, {});
+      var iconClasses = _defineProperty({}, iconType, true);
+
+      if (!isMaterialIcon) {
+        iconClasses[icon] = true;
       }
 
-      data.class[iconType] = true;
-      data.class[icon] = !isMaterialIcon;
+      var allClasses = (0, _helpers.normalizeClasses)([defaultData.class, this.themeClasses, iconClasses]);
       var fontSize = this.getSize();
-      if (fontSize) data.style = {
-        fontSize: fontSize
-      };
-      this.applyColors(data);
-      return (0, _vue.h)(this.hasClickListener ? 'button' : this.tag, (0, _helpers.normalizeAttrs)(data), {
+
+      var fontData = _objectSpread({
+        class: classesToString(allClasses),
+        'aria-hidden': defaultData['aria-hidden'],
+        type: defaultData.type,
+        style: fontSize ? {
+          fontSize: fontSize
+        } : undefined
+      }, this.listeners$);
+
+      if (this.hasClickListener && this.disabled) {
+        fontData.disabled = true;
+      }
+
+      this.applyColors(fontData);
+      return (0, _vue.h)(this.hasClickListener ? 'button' : this.tag, fontData, {
         default: function _default() {
           return newChildren;
         }
       });
     },
     renderSvgIcon: function renderSvgIcon(icon) {
-      var svgData = {
+      var size = this.getSize();
+      var svgProps = {
         class: 'v-icon__svg',
-        attrs: {
-          xmlns: 'http://www.w3.org/2000/svg',
-          viewBox: '0 0 24 24',
-          role: 'img',
-          'aria-hidden': true
-        }
+        xmlns: 'http://www.w3.org/2000/svg',
+        viewBox: '0 0 24 24',
+        role: 'img',
+        'aria-hidden': true
       };
-      var size = this.getSize();
 
       if (size) {
-        svgData.style = {
+        svgProps.style = {
           fontSize: size,
           height: size,
           width: size
         };
       }
 
-      return (0, _vue.h)(this.hasClickListener ? 'button' : 'span', this.getSvgWrapperData(), [(0, _vue.h)('svg', svgData, [(0, _vue.h)('path', {
-        attrs: {
-          d: icon
-        }
+      return (0, _vue.h)(this.hasClickListener ? 'button' : 'span', this.getSvgWrapperData(), [(0, _vue.h)('svg', svgProps, [(0, _vue.h)('path', {
+        d: icon
       })])]);
     },
     renderSvgIconComponent: function renderSvgIconComponent(icon) {
-      var data = {
-        class: {
-          'v-icon__component': true
-        }
-      };
       var size = this.getSize();
+      var componentClasses = (0, _helpers.normalizeClasses)([{
+        'v-icon__component': true
+      }, this.themeClasses]);
 
-      if (size) {
-        data.style = {
+      var componentData = _objectSpread({
+        class: classesToString(componentClasses),
+        style: size ? {
           fontSize: size,
           height: size,
           width: size
-        };
-      }
+        } : undefined
+      }, icon.props);
 
-      this.applyColors(data);
-      var component = icon.component;
-      data.props = icon.props;
-      data.nativeOn = data.on;
+      this.applyColors(componentData);
       return (0, _vue.h)(this.hasClickListener ? 'button' : 'span', this.getSvgWrapperData(), {
         default: function _default() {
-          return [(0, _vue.h)(component, data)];
+          return [(0, _vue.h)(icon.component, componentData)];
         }
       });
     }
@@ -242,10 +265,11 @@ var VIcon = (0, _mixins.default)(_bindsAttrs.default, _colorable.default, _sizea
     return this.renderSvgIconComponent(icon);
   }
 });
+exports.VIconInternal = VIconInternal;
 
 var _default2 = (0, _vue.defineComponent)({
   name: 'v-icon',
-  $_wrapperFor: VIcon,
+  $_wrapperFor: VIconInternal,
   functional: true,
   mounted: function mounted() {
     this.$el.innerHTML = '';
@@ -256,7 +280,7 @@ var _default2 = (0, _vue.defineComponent)({
     var data = _objectSpread({}, this.$attrs); // console.log(children && children[0]?.children)
 
 
-    return (0, _vue.h)(VIcon, data, {
+    return (0, _vue.h)(VIconInternal, data, {
       default: function _default() {
         var _a, _b, _c, _d;
 

package/es5/components/VIcon/VIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VIcon/VIcon.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AACA;;AACA;;AAGA;;AAGA;;AACA;;;;;;;;;;AAIA,IAAK,QAAL;;AAAA,CAAA,UAAK,QAAL,EAAa;AACX,EAAA,QAAA,CAAA,QAAA,CAAA,GAAA,MAAA;AACA,EAAA,QAAA,CAAA,OAAA,CAAA,GAAA,MAAA;AACA,EAAA,QAAA,CAAA,SAAA,CAAA,GAAA,MAAA;AACA,EAAA,QAAA,CAAA,QAAA,CAAA,GAAA,MAAA;AACA,EAAA,QAAA,CAAA,OAAA,CAAA,GAAA,MAAA;AACA,EAAA,QAAA,CAAA,QAAA,CAAA,GAAA,MAAA;AACD,CAPD,EAAK,QAAQ,KAAR,QAAQ,GAAA,EAAA,CAAb;;AASA,SAAS,cAAT,CAAyB,QAAzB,EAAyC;AACvC,SAAO,CAAC,KAAD,EAAQ,KAAR,EAAe,KAAf,EAAsB,KAAtB,EAA6B,KAA7B,EAAoC,KAApC,EAA2C,IAA3C,CAAgD,UAAA,GAAG;AAAA,WAAI,QAAQ,CAAC,QAAT,CAAkB,GAAlB,CAAJ;AAAA,GAAnD,CAAP;AACD;;AAED,SAAS,SAAT,CAAoB,IAApB,EAAgC;AAC9B,SAAQ,0CAA0C,IAA1C,CAA+C,IAA/C,KAAwD,UAAU,IAAV,CAAe,IAAf,CAAxD,IAAgF,IAAI,CAAC,MAAL,GAAc,CAAtG;AACD;;AAGD,IAAM,KAAK,GAAG,qBACZ,mBADY,EAEZ,kBAFY,EAGZ,iBAHY,EAIZ;AACA;AALY,EAMZ,MANY,CAML;AACP,EAAA,IAAI,EAAE,QADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE,OADF;AAEL,IAAA,QAAQ,EAAE,OAFL;AAGL,IAAA,IAAI,EAAE,OAHD;AAIL,IAAA,KAAK,EAAE,OAJF;AAKL,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CALD;AAML,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,QAAQ,EAAE,KAFP;AAGH,MAAA,OAAO,EAAE;AAHN;AANA,GAHA;AAgBP,EAAA,QAAQ,EAAE;AACR,IAAA,MADQ,oBACF;AACJ,aAAO,KAAP;AACD,KAHO;AAIR,IAAA,gBAJQ,8BAIQ;AACd,aAAO,OAAO,CACZ,KAAK,UAAL,CAAgB,OADJ,CAAd;AAGD;AARO,GAhBH;AA2BP,EAAA,OAAO,EAAE;AACP,IAAA,OADO,qBACA;AACL,UAAI,QAAQ,GAAG,EAAf;;AACA,UAAI,KAAK,MAAL,CAAY,OAAhB,EAAyB;AACvB,YAAM,QAAQ,GAAG,KAAK,MAAL,CAAY,OAAZ,GAAsB,CAAtB,EAAyB,QAA1C;AACA,YAAG,OAAO,QAAP,KAAoB,QAAvB,EACE,QAAQ,GAAG,KAAK,MAAL,CAAY,OAAZ,GAAsB,CAAtB,EAAyB,QAAzB,CAAmC,IAAnC,EAAX;AAEH;;AACD,aAAO,gCAAkB,IAAlB,EAAwB,QAAxB,CAAP;AACD,KAVM;AAWP,IAAA,OAXO,qBAWA;AACL,UAAM,KAAK,GAAG;AACZ,QAAA,MAAM,EAAE,KAAK,MADD;AAEZ,QAAA,KAAK,EAAE,KAAK,KAFA;AAGZ,QAAA,MAAM,EAAE,KAAK,MAHD;AAIZ,QAAA,KAAK,EAAE,KAAK,KAJA;AAKZ,QAAA,MAAM,EAAE,KAAK;AALD,OAAd;AAQA,UAAM,YAAY,GAAG,mBAAK,KAAL,EAAY,IAAZ,CAAiB,UAAA,GAAG;AAAA,eAAI,KAAK,CAAC,GAAD,CAAT;AAAA,OAApB,CAArB;AAEA,aACG,YAAY,IAAI,QAAQ,CAAC,YAAD,CAAzB,IAA4C,4BAAc,KAAK,IAAnB,CAD9C;AAGD,KAzBM;AA0BP;AACA,IAAA,cA3BO,4BA2BO;AACZ,UAAM,IAAI;AACR,QAAA,KAAK,EAAE;AACL,8BAAoB,KAAK,QADpB;AAEL,0BAAgB,KAAK,IAFhB;AAGL,0BAAgB,KAAK,gBAHhB;AAIL,2BAAiB,KAAK,KAJjB;AAKL,2BAAiB,KAAK,KALjB;AAML,oBAAU,IANL;AAOL,yBAAe;AAPV,SADC;AAUR,uBAAe,CAAC,KAAK,gBAVb;AAWR,QAAA,IAAI,EAAE,KAAK,gBAAL,GAAwB,QAAxB,GAAmC;AAXjC,SAaL,KAAK,UAbA,CAAV;;AAgBA,UAAG,KAAK,gBAAL,IAAyB,KAAK,QAAjC,EAA2C;AACzC,QAAA,IAAI,CAAC,QAAL,GAAgB,IAAhB;AACD;;AACD,aAAO,IAAP;AACD,KAhDM;AAiDP,IAAA,iBAjDO,+BAiDU;AACf,UAAM,QAAQ,GAAG,KAAK,OAAL,EAAjB;;AACA,UAAM,WAAW,mCACZ,KAAK,cAAL,EADY;AAEf,QAAA,KAAK,EAAE,QAAQ,GAAG;AAChB,UAAA,QAAQ,EAAR,QADgB;AAEhB,UAAA,MAAM,EAAE,QAFQ;AAGhB,UAAA,KAAK,EAAE;AAHS,SAAH,GAIX;AANW,QAAjB;;AAQA,WAAK,WAAL,CAAiB,WAAjB;AAEA,aAAO,WAAP;AACD,KA9DM;AA+DP,IAAA,WA/DO,uBA+DM,IA/DN,EA+DqB;AAC1B,MAAA,IAAI,CAAC,KAAL,mCAAkB,IAAI,CAAC,KAAvB,GAAiC,KAAK,YAAtC;AACA,WAAK,YAAL,CAAkB,KAAK,KAAvB,EAA8B,IAA9B;AACD,KAlEM;AAmEP,IAAA,cAnEO,0BAmES,IAnET,EAmEqB;AAC1B,UAAM,WAAW,GAAkB,EAAnC;AACA,UAAI,IAAI,GAAG,KAAK,cAAL,EAAX;AAEA,UAAI,QAAQ,GAAG,gBAAf,CAJ0B,CAK1B;AACA;;AACA,UAAM,cAAc,GAAG,IAAI,CAAC,OAAL,CAAa,GAAb,CAAvB;AACA,UAAM,cAAc,GAAG,cAAc,IAAI,CAAC,CAA1C;;AAEA,UAAI,cAAJ,EAAoB;AAClB;AACA,QAAA,WAAW,CAAC,IAAZ,CAAiB,IAAjB;AACD,OAHD,MAGO;AACL,QAAA,QAAQ,GAAG,IAAI,CAAC,KAAL,CAAW,CAAX,EAAc,cAAd,CAAX;AACA,YAAI,cAAc,CAAC,QAAD,CAAlB,EAA8B,QAAQ,GAAG,EAAX;AAC/B;;AAED,UAAG,OAAO,IAAI,CAAC,KAAZ,KAAsB,QAAzB,EAAmC;AACjC,QAAA,IAAI,CAAC,KAAL,GAAa,IAAI,CAAC,KAAL,CAAW,KAAX,CAAiB,GAAjB,EAAsB,MAAtB,CAA6B,UAAC,OAAD,EAAU,SAAV,EAAuB;AAC/D,UAAA,OAAO,CAAC,SAAD,CAAP,GAAqB,IAArB;AACA,iBAAO,OAAP;AACD,SAHY,EAGV,EAHU,CAAb;AAID;;AAED,MAAA,IAAI,CAAC,KAAL,CAAW,QAAX,IAAuB,IAAvB;AACA,MAAA,IAAI,CAAC,KAAL,CAAW,IAAX,IAAmB,CAAC,cAApB;AAEA,UAAM,QAAQ,GAAG,KAAK,OAAL,EAAjB;AACA,UAAI,QAAJ,EAAc,IAAI,CAAC,KAAL,GAAa;AAAE,QAAA,QAAQ,EAAR;AAAF,OAAb;AAEd,WAAK,WAAL,CAAiB,IAAjB;AAEA,aAAO,YAAE,KAAK,gBAAL,GAAwB,QAAxB,GAAmC,KAAK,GAA1C,EAA+C,6BAAe,IAAf,CAA/C,EAAqE;AAAC,QAAA,OAAO,EAAE;AAAA,iBAAM,WAAN;AAAA;AAAV,OAArE,CAAP;AACD,KArGM;AAsGP,IAAA,aAtGO,yBAsGQ,IAtGR,EAsGoB;AACzB,UAAM,OAAO,GAAc;AACzB,QAAA,KAAK,EAAE,aADkB;AAEzB,QAAA,KAAK,EAAE;AACL,UAAA,KAAK,EAAE,4BADF;AAEL,UAAA,OAAO,EAAE,WAFJ;AAGL,UAAA,IAAI,EAAE,KAHD;AAIL,yBAAe;AAJV;AAFkB,OAA3B;AAUA,UAAM,IAAI,GAAG,KAAK,OAAL,EAAb;;AACA,UAAI,IAAJ,EAAU;AACR,QAAA,OAAO,CAAC,KAAR,GAAgB;AACd,UAAA,QAAQ,EAAE,IADI;AAEd,UAAA,MAAM,EAAE,IAFM;AAGd,UAAA,KAAK,EAAE;AAHO,SAAhB;AAKD;;AAED,aAAO,YAAE,KAAK,gBAAL,GAAwB,QAAxB,GAAmC,MAArC,EAA6C,KAAK,iBAAL,EAA7C,EAAuE,CAC5E,YAAE,KAAF,EAAS,OAAT,EAAkB,CAChB,YAAE,MAAF,EAAU;AACR,QAAA,KAAK,EAAE;AACL,UAAA,CAAC,EAAE;AADE;AADC,OAAV,CADgB,CAAlB,CAD4E,CAAvE,CAAP;AASD,KAnIM;AAoIP,IAAA,sBApIO,kCAqIL,IArIK,EAqIqB;AAE1B,UAAM,IAAI,GAAc;AACtB,QAAA,KAAK,EAAE;AACL,+BAAqB;AADhB;AADe,OAAxB;AAMA,UAAM,IAAI,GAAG,KAAK,OAAL,EAAb;;AACA,UAAI,IAAJ,EAAU;AACR,QAAA,IAAI,CAAC,KAAL,GAAa;AACX,UAAA,QAAQ,EAAE,IADC;AAEX,UAAA,MAAM,EAAE,IAFG;AAGX,UAAA,KAAK,EAAE;AAHI,SAAb;AAKD;;AAED,WAAK,WAAL,CAAiB,IAAjB;AAEA,UAAM,SAAS,GAAG,IAAI,CAAC,SAAvB;AACA,MAAA,IAAI,CAAC,KAAL,GAAa,IAAI,CAAC,KAAlB;AACA,MAAA,IAAI,CAAC,QAAL,GAAgB,IAAI,CAAC,EAArB;AAEA,aAAO,YAAE,KAAK,gBAAL,GAAwB,QAAxB,GAAmC,MAArC,EAA6C,KAAK,iBAAL,EAA7C,EAAuE;AAAC,QAAA,OAAO,EAAE;AAAA,iBAAK,CAC3F,YAAE,SAAF,EAAa,IAAb,CAD2F,CAAL;AAAA;AAAV,OAAvE,CAAP;AAGD;AA/JM,GA3BF;AA6LP,EAAA,MA7LO,oBA6LD;AACJ,QAAM,IAAI,GAAG,KAAK,OAAL,EAAb;;AAEA,QAAI,OAAO,IAAP,KAAgB,QAApB,EAA8B;AAC5B,UAAI,SAAS,CAAC,IAAD,CAAb,EAAqB;AACnB,eAAO,KAAK,aAAL,CAAmB,IAAnB,CAAP;AACD;;AACD,aAAO,KAAK,cAAL,CAAoB,IAApB,CAAP;AACD;;AAED,WAAO,KAAK,sBAAL,CAA4B,IAA5B,CAAP;AACD;AAxMM,CANK,CAAd;;gBAiNe,0BAAgB;AAC7B,EAAA,IAAI,EAAE,QADuB;AAG7B,EAAA,YAAY,EAAE,KAHe;AAK7B,EAAA,UAAU,EAAE,IALiB;AAO7B,EAAA,OAP6B,qBAOtB;AACL,SAAK,GAAL,CAAS,SAAT,GAAqB,EAArB;AACD,GAT4B;AAW7B,EAAA,MAX6B,oBAWvB;AAAA;;AACJ,QAAM,IAAI,qBAAQ,KAAK,MAAb,CAAV,CADI,CAIJ;;;AACA,WAAO,YAAE,KAAF,EAAS,IAAT,EAAe;AACpB,MAAA,OAAO,EAAE,oBAAK;;;AACZ,YAAI,QAAQ,GAAG,EAAf,CADY,CAGZ;AACA;;AACA,YAAG,CAAA,EAAA,GAAA,KAAI,CAAC,CAAL,CAAO,KAAP,CAAa,KAAb,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,GAAkB,EAAA,CAAE,WAAvB,EAAoC;AAClC,UAAA,QAAQ,GAAG,KAAI,CAAC,CAAL,CAAO,KAAP,CAAa,KAAb,CAAmB,WAAnB,IACX,KAAI,CAAC,CAAL,CAAO,KAAP,CAAa,KAAb,CAAmB,SADR,IAET,QAFF;AAGD;;AAED,YAAM,QAAQ,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAI,CAAC,MAAL,EAAY,OAAZ,MAAmB,IAAnB,IAAmB,EAAA,KAAA,KAAA,CAAnB,GAAmB,KAAA,CAAnB,GAAmB,EAAA,CAAA,IAAA,CAAA,EAAA,CAApC;AAEA,eAAO,QAAQ,GAAG,CAAC,QAAD,CAAH,GAAgB,QAAQ,KAAI,CAAA,EAAA,GAAA,QAAQ,CAAC,CAAD,CAAR,MAAW,IAAX,IAAW,EAAA,KAAA,KAAA,CAAX,GAAW,KAAA,CAAX,GAAW,EAAA,CAAE,QAAjB,CAAvC;AACD;AAfmB,KAAf,CAAP;AAiBD;AAjC4B,CAAhB,C","sourcesContent":["import './VIcon.sass'\n\n// Mixins\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport Colorable from '../../mixins/colorable'\nimport Sizeable from '../../mixins/sizeable'\nimport Themeable from '../../mixins/themeable'\n\n// Util\nimport { convertToUnit, keys, remapInternalIcon } from '../../util/helpers'\n\n// Types\nimport { defineComponent, CreateElement, VNode, VNodeChildren, VNodeData, h } from 'vue'\nimport mixins from '../../util/mixins'\nimport { VuetifyIcon, VuetifyIconComponent } from 'vuetify/types/services/icons'\nimport { normalizeAttrs } from '../../util/helpers'\n\nenum SIZE_MAP {\n  xSmall = '12px',\n  small = '16px',\n  default = '24px',\n  medium = '28px',\n  large = '36px',\n  xLarge = '40px'\n}\n\nfunction isFontAwesome5 (iconType: string): boolean {\n  return ['fas', 'far', 'fal', 'fab', 'fad', 'fak'].some(val => iconType.includes(val))\n}\n\nfunction isSvgPath (icon: string): boolean {\n  return (/^[mzlhvcsqta]\\s*[-+.0-9][^mlhvzcsqta]+/i.test(icon) && /[\\dz]$/i.test(icon) && icon.length > 4)\n}\n\n\nconst VIcon = mixins(\n  BindsAttrs,\n  Colorable,\n  Sizeable,\n  Themeable\n  /* @vue/component */\n).extend({\n  name: 'v-icon',\n\n  props: {\n    dense: Boolean,\n    disabled: Boolean,\n    left: Boolean,\n    right: Boolean,\n    size: [Number, String],\n    tag: {\n      type: String,\n      required: false,\n      default: 'i',\n    },\n  },\n\n  computed: {\n    medium () {\n      return false\n    },\n    hasClickListener (): boolean {\n      return Boolean(\n        this.listeners$.onClick\n      )\n    },\n  },\n\n  methods: {\n    getIcon (): VuetifyIcon {\n      let iconName = ''\n      if (this.$slots.default) {\n        const children = this.$slots.default()[0].children\n        if(typeof children === 'string')\n          iconName = this.$slots.default()[0].children!.trim()\n\n      }\n      return remapInternalIcon(this, iconName)\n    },\n    getSize (): string | undefined {\n      const sizes = {\n        xSmall: this.xSmall,\n        small: this.small,\n        medium: this.medium,\n        large: this.large,\n        xLarge: this.xLarge,\n      }\n\n      const explicitSize = keys(sizes).find(key => sizes[key])\n\n      return (\n        (explicitSize && SIZE_MAP[explicitSize]) || convertToUnit(this.size)\n      )\n    },\n    // Component data for both font icon and SVG wrapper span\n    getDefaultData (): VNodeData {\n      const data = {\n        class: {\n          'v-icon--disabled': this.disabled,\n          'v-icon--left': this.left,\n          'v-icon--link': this.hasClickListener,\n          'v-icon--right': this.right,\n          'v-icon--dense': this.dense,\n          'v-icon': true,\n          'notranslate': true\n        },\n        'aria-hidden': !this.hasClickListener,\n        type: this.hasClickListener ? 'button' : undefined,\n        // ...this.attrs$,\n        ...this.listeners$,\n      }\n\n      if(this.hasClickListener && this.disabled) {\n        data.disabled = true\n      }\n      return data\n    },\n    getSvgWrapperData () {\n      const fontSize = this.getSize()\n      const wrapperData = {\n        ...this.getDefaultData(),\n        style: fontSize ? {\n          fontSize,\n          height: fontSize,\n          width: fontSize,\n        } : undefined,\n      }\n      this.applyColors(wrapperData)\n\n      return wrapperData\n    },\n    applyColors (data: VNodeData): void {\n      data.class = { ...data.class, ...this.themeClasses }\n      this.setTextColor(this.color, data)\n    },\n    renderFontIcon (icon: string): VNode {\n      const newChildren: VNodeChildren = []\n      let data = this.getDefaultData()\n\n      let iconType = 'material-icons'\n      // Material Icon delimiter is _\n      // https://material.io/icons/\n      const delimiterIndex = icon.indexOf('-')\n      const isMaterialIcon = delimiterIndex <= -1\n\n      if (isMaterialIcon) {\n        // Material icon uses ligatures.\n        newChildren.push(icon)\n      } else {\n        iconType = icon.slice(0, delimiterIndex)\n        if (isFontAwesome5(iconType)) iconType = ''\n      }\n\n      if(typeof data.class === 'string') {\n        data.class = data.class.split(' ').reduce((classes, className) => {\n          classes[className] = true\n          return classes\n        }, {})\n      }\n\n      data.class[iconType] = true\n      data.class[icon] = !isMaterialIcon\n\n      const fontSize = this.getSize()\n      if (fontSize) data.style = { fontSize }\n\n      this.applyColors(data)\n\n      return h(this.hasClickListener ? 'button' : this.tag, normalizeAttrs(data), {default: () => newChildren})\n    },\n    renderSvgIcon (icon: string): VNode {\n      const svgData: VNodeData = {\n        class: 'v-icon__svg',\n        attrs: {\n          xmlns: 'http://www.w3.org/2000/svg',\n          viewBox: '0 0 24 24',\n          role: 'img',\n          'aria-hidden': true,\n        },\n      }\n\n      const size = this.getSize()\n      if (size) {\n        svgData.style = {\n          fontSize: size,\n          height: size,\n          width: size,\n        }\n      }\n\n      return h(this.hasClickListener ? 'button' : 'span', this.getSvgWrapperData(), [\n        h('svg', svgData, [\n          h('path', {\n            attrs: {\n              d: icon,\n            },\n          }),\n        ]),\n      ])\n    },\n    renderSvgIconComponent (\n      icon: VuetifyIconComponent\n    ): VNode {\n      const data: VNodeData = {\n        class: {\n          'v-icon__component': true,\n        },\n      }\n\n      const size = this.getSize()\n      if (size) {\n        data.style = {\n          fontSize: size,\n          height: size,\n          width: size,\n        }\n      }\n\n      this.applyColors(data)\n\n      const component = icon.component\n      data.props = icon.props\n      data.nativeOn = data.on\n\n      return h(this.hasClickListener ? 'button' : 'span', this.getSvgWrapperData(), {default: () =>[\n        h(component, data),\n      ]})\n    },\n  },\n\n  render (): VNode {\n    const icon = this.getIcon()\n\n    if (typeof icon === 'string') {\n      if (isSvgPath(icon)) {\n        return this.renderSvgIcon(icon)\n      }\n      return this.renderFontIcon(icon)\n    }\n\n    return this.renderSvgIconComponent(icon)\n  },\n})\n\nexport default defineComponent({\n  name: 'v-icon',\n\n  $_wrapperFor: VIcon,\n\n  functional: true,\n\n  mounted() {\n    this.$el.innerHTML = ''\n  },\n\n  render (): VNode {\n    const data = { ...this.$attrs }\n\n\n    // console.log(children && children[0]?.children)\n    return h(VIcon, data, {\n      default: () => {\n        let iconName = ''\n\n        // Support usage of v-text and v-html\n        // if (data.domProps) {\n        if(this.$.vnode.props?.textContent) {\n          iconName = this.$.vnode.props.textContent  ||\n          this.$.vnode.props.innerHTML ||\n            iconName\n        }\n\n        const children = this.$slots.default?.()\n\n        return iconName ? [iconName] : children && children[0]?.children\n      }\n    })\n  }\n})\n"],"sourceRoot":"","file":"VIcon.js"}
+{"version":3,"sources":["../../../src/components/VIcon/VIcon.ts"],"names":[],"mappings":"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","sourcesContent":["import './VIcon.sass'\n\n// Mixins\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport Colorable from '../../mixins/colorable'\nimport Sizeable from '../../mixins/sizeable'\nimport Themeable from '../../mixins/themeable'\n\n// Util\nimport { convertToUnit, keys, remapInternalIcon } from '../../util/helpers'\n\n// Types\nimport { defineComponent, CreateElement, VNode, VNodeChildren, VNodeData, h } from 'vue'\nimport mixins from '../../util/mixins'\nimport { VuetifyIcon, VuetifyIconComponent } from 'vuetify/types/services/icons'\nimport { normalizeAttrs, normalizeClasses } from '../../util/helpers'\n\nenum SIZE_MAP {\n  xSmall = '12px',\n  small = '16px',\n  default = '24px',\n  medium = '28px',\n  large = '36px',\n  xLarge = '40px'\n}\n\nfunction isFontAwesome5 (iconType: string): boolean {\n  return ['fas', 'far', 'fal', 'fab', 'fad', 'fak'].some(val => iconType.includes(val))\n}\n\nfunction isSvgPath (icon: string): boolean {\n  return (/^[mzlhvcsqta]\\s*[-+.0-9][^mlhvzcsqta]+/i.test(icon) && /[\\dz]$/i.test(icon) && icon.length > 4)\n}\n\nfunction classesToString (classObj: Record<string, boolean>): string {\n  return Object.keys(classObj).filter(key => classObj[key]).join(' ')\n}\n\n\nexport const VIconInternal = mixins(\n  BindsAttrs,\n  Colorable,\n  Sizeable,\n  Themeable\n  /* @vue/component */\n).extend({\n  name: 'v-icon',\n\n  props: {\n    dense: Boolean,\n    disabled: Boolean,\n    left: Boolean,\n    right: Boolean,\n    size: [Number, String],\n    tag: {\n      type: String,\n      required: false,\n      default: 'i',\n    },\n  },\n\n  computed: {\n    medium () {\n      return false\n    },\n    hasClickListener (): boolean {\n      return Boolean(\n        this.listeners$.onClick\n      )\n    },\n  },\n\n  methods: {\n    getIcon (): VuetifyIcon {\n      let iconName = ''\n      if (this.$slots.default) {\n        const slotChildren = this.$slots.default()\n        if (slotChildren && slotChildren[0]) {\n          const children = slotChildren[0].children\n          if(typeof children === 'string') {\n            iconName = children.trim()\n          }\n        }\n      }\n      return remapInternalIcon(this, iconName)\n    },\n    getSize (): string | undefined {\n      const sizes = {\n        xSmall: this.xSmall,\n        small: this.small,\n        medium: this.medium,\n        large: this.large,\n        xLarge: this.xLarge,\n      }\n\n      const explicitSize = keys(sizes).find(key => sizes[key])\n\n      return (\n        (explicitSize && SIZE_MAP[explicitSize]) || convertToUnit(this.size)\n      )\n    },\n    // Component data for both font icon and SVG wrapper span\n    getDefaultData (): VNodeData {\n      const data = {\n        class: {\n          'v-icon--disabled': this.disabled,\n          'v-icon--left': this.left,\n          'v-icon--link': this.hasClickListener,\n          'v-icon--right': this.right,\n          'v-icon--dense': this.dense,\n          'v-icon': true,\n          'notranslate': true\n        },\n        'aria-hidden': !this.hasClickListener,\n        type: this.hasClickListener ? 'button' : undefined,\n        // ...this.attrs$,\n        ...this.listeners$,\n      }\n\n      if(this.hasClickListener && this.disabled) {\n        data.disabled = true\n      }\n      return data\n    },\n    applyColors (data: any): void {\n      this.setTextColor(this.color, data)\n    },\n    getSvgWrapperData () {\n      const fontSize = this.getSize()\n\n      const defaultData = this.getDefaultData()\n      const normalizedClasses = normalizeClasses([defaultData.class, this.themeClasses])\n\n      const wrapperData: any = {\n        class: classesToString(normalizedClasses),\n        'aria-hidden': defaultData['aria-hidden'],\n        type: defaultData.type,\n        style: fontSize ? {\n          fontSize,\n          height: fontSize,\n          width: fontSize,\n        } : undefined,\n        ...this.listeners$,\n      }\n\n      if(this.hasClickListener && this.disabled) {\n        wrapperData.disabled = true\n      }\n\n      this.applyColors(wrapperData)\n\n      return wrapperData\n    },\n    renderFontIcon (icon: string): VNode {\n      const newChildren: VNodeChildren = []\n      const defaultData = this.getDefaultData()\n\n      let iconType = 'material-icons'\n      // Material Icon delimiter is _\n      // https://material.io/icons/\n      const delimiterIndex = icon.indexOf('-')\n      const isMaterialIcon = delimiterIndex <= -1\n\n      if (isMaterialIcon) {\n        // Material icon uses ligatures.\n        newChildren.push(icon)\n      } else {\n        iconType = icon.slice(0, delimiterIndex)\n        if (isFontAwesome5(iconType)) iconType = ''\n      }\n\n      // Создаем объект классов для иконки\n      const iconClasses = { [iconType]: true }\n      if (!isMaterialIcon) {\n        iconClasses[icon] = true\n      }\n\n      const allClasses = normalizeClasses([defaultData.class, this.themeClasses, iconClasses])\n\n      const fontSize = this.getSize()\n      const fontData: any = {\n        class: classesToString(allClasses),\n        'aria-hidden': defaultData['aria-hidden'],\n        type: defaultData.type,\n        style: fontSize ? { fontSize } : undefined,\n        ...this.listeners$,\n      }\n\n      if(this.hasClickListener && this.disabled) {\n        fontData.disabled = true\n      }\n\n      this.applyColors(fontData)\n\n      return h(this.hasClickListener ? 'button' : this.tag, fontData, {default: () => newChildren})\n    },\n    renderSvgIcon (icon: string): VNode {\n      const size = this.getSize()\n      const svgProps: any = {\n        class: 'v-icon__svg',\n        xmlns: 'http://www.w3.org/2000/svg',\n        viewBox: '0 0 24 24',\n        role: 'img',\n        'aria-hidden': true,\n      }\n\n      if (size) {\n        svgProps.style = {\n          fontSize: size,\n          height: size,\n          width: size,\n        }\n      }\n\n      return h(this.hasClickListener ? 'button' : 'span', this.getSvgWrapperData(), [\n        h('svg', svgProps, [\n          h('path', {\n            d: icon,\n          }),\n        ]),\n      ])\n    },\n    renderSvgIconComponent (\n      icon: VuetifyIconComponent\n    ): VNode {\n      const size = this.getSize()\n      const componentClasses = normalizeClasses([\n        { 'v-icon__component': true },\n        this.themeClasses\n      ])\n\n      const componentData: any = {\n        class: classesToString(componentClasses),\n        style: size ? {\n          fontSize: size,\n          height: size,\n          width: size,\n        } : undefined,\n        ...icon.props,\n      }\n\n      this.applyColors(componentData)\n\n      return h(this.hasClickListener ? 'button' : 'span', this.getSvgWrapperData(), {default: () =>[\n        h(icon.component, componentData),\n      ]})\n    },\n  },\n\n  render (): VNode {\n    const icon = this.getIcon()\n\n    if (typeof icon === 'string') {\n      if (isSvgPath(icon)) {\n        return this.renderSvgIcon(icon)\n      }\n      return this.renderFontIcon(icon)\n    }\n\n    return this.renderSvgIconComponent(icon)\n  },\n})\n\nexport default defineComponent({\n  name: 'v-icon',\n\n  $_wrapperFor: VIconInternal,\n\n  functional: true,\n\n  mounted() {\n    this.$el.innerHTML = ''\n  },\n\n  render (): VNode {\n    const data = { ...this.$attrs }\n\n\n    // console.log(children && children[0]?.children)\n    return h(VIconInternal, data, {\n      default: () => {\n        let iconName = ''\n\n        // Support usage of v-text and v-html\n        // if (data.domProps) {\n        if(this.$.vnode.props?.textContent) {\n          iconName = this.$.vnode.props.textContent  ||\n          this.$.vnode.props.innerHTML ||\n            iconName\n        }\n\n        const children = this.$slots.default?.()\n\n        return iconName ? [iconName] : children && children[0]?.children\n      }\n    })\n  }\n})\n"],"sourceRoot":"","file":"VIcon.js"}

package/es5/components/VItemGroup/VItemGroup.js

@@ -37,6 +37,10 @@ var BaseItemGroup = (0, _mixins.default)(_comparable.default, _proxyable.default
       type: String,
       default: 'v-item--active'
     },
+    allowDeselect: {
+      type: Boolean,
+      default: true
+    },
     mandatory: Boolean,
     max: {
       type: [Number, String],
@@ -228,6 +232,7 @@ var BaseItemGroup = (0, _mixins.default)(_comparable.default, _proxyable.default
     updateSingle: function updateSingle(value) {
       var isSame = this.valueComparator(this.internalValue, value);
       if (this.mandatory && isSame) return;
+      if (!this.allowDeselect && isSame) return;
       this.internalValue = isSame ? undefined : value;
     }
   },

package/es5/components/VItemGroup/VItemGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VItemGroup/VItemGroup.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VItemGroup.sass'\n\n// Mixins\nimport Comparable from '../../mixins/comparable'\nimport Groupable from '../../mixins/groupable'\nimport Proxyable from '../../mixins/proxyable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue/types'\nimport { defineComponent } from 'vue'\n\nexport type GroupableInstance = InstanceType<typeof Groupable> & {\n  id?: string\n  to?: any\n  value?: any\n }\n\nexport const BaseItemGroup = mixins(\n  Comparable,\n  Proxyable,\n  Themeable\n).extend({\n  name: 'base-item-group',\n\n  emits: ['update:modelValue'],\n\n  props: {\n    activeClass: {\n      type: String,\n      default: 'v-item--active',\n    },\n    mandatory: Boolean,\n    max: {\n      type: [Number, String],\n      default: null,\n    },\n    multiple: Boolean,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  data () {\n    return {\n      // As long as a value is defined, show it\n      // Otherwise, check if multiple\n      // to determine which default to provide\n      internalLazyValue: this.modelValue !== undefined\n        ? this.modelValue\n        : this.multiple ? [] : undefined,\n      items: [] as GroupableInstance[],\n    }\n  },\n\n  computed: {\n    classes (): Record<string, boolean> {\n      return {\n        'v-item-group': true,\n        ...this.themeClasses,\n      }\n    },\n    selectedIndex (): number {\n      return (this.selectedItem && this.items.indexOf(this.selectedItem)) || -1\n    },\n    selectedItem (): GroupableInstance | undefined {\n      if (this.multiple) return undefined\n\n      return this.selectedItems[0]\n    },\n    selectedItems (): GroupableInstance[] {\n      return this.items.filter((item, index) => {\n        return this.toggleMethod(this.getValue(item, index))\n      })\n    },\n    selectedValues (): any[] {\n      if (this.internalValue == null) return []\n\n      return Array.isArray(this.internalValue)\n        ? this.internalValue\n        : [this.internalValue]\n    },\n    toggleMethod (): (v: any) => boolean {\n      if (!this.multiple) {\n        return (v: any) => this.valueComparator(this.internalValue, v)\n      }\n\n      const internalValue = this.internalValue\n      if (Array.isArray(internalValue)) {\n        return (v: any) => internalValue.some(intern => this.valueComparator(intern, v))\n      }\n\n      return () => false\n    },\n  },\n\n  watch: {\n    internalValue: 'updateItemsState',\n    items: 'updateItemsState'\n  },\n\n  created () {\n    if (this.multiple && !Array.isArray(this.internalValue)) {\n      consoleWarn('Model must be bound to an array if the multiple property is true.', this)\n    }\n  },\n\n  methods: {\n\n    genData (): object {\n      return {\n        class: this.classes,\n      }\n    },\n    getValue (item: GroupableInstance, i: number): unknown {\n      return item.value === undefined\n        ? i\n        : item.value\n    },\n    onClick (item: GroupableInstance) {\n      this.updateInternalValue(\n        this.getValue(item, this.items.indexOf(item))\n      )\n    },\n    register (item: GroupableInstance) {\n      const index = this.items.push(item) - 1\n\n      // TODO!!!\n      item.$on('change', () => this.onClick(item))\n\n      // If no value provided and mandatory,\n      // assign first registered item\n      if (this.mandatory && !this.selectedValues.length) {\n        this.updateMandatory()\n      }\n\n      this.updateItem(item, index)\n    },\n    unregister (item: GroupableInstance) {\n      if (this._isDestroyed) return\n\n      const index = this.items.indexOf(item)\n      const value = this.getValue(item, index)\n\n      this.items.splice(index, 1)\n\n      const valueIndex = this.selectedValues.indexOf(value)\n\n      // Items is not selected, do nothing\n      if (valueIndex < 0) return\n\n      // If not mandatory, use regular update process\n      if (!this.mandatory) {\n        return this.updateInternalValue(value)\n      }\n\n      // Remove the value\n      if (this.multiple && Array.isArray(this.internalValue)) {\n        this.internalValue = this.internalValue.filter(v => v !== value)\n      } else {\n        this.internalValue = undefined\n      }\n\n      // If mandatory and we have no selection\n      // add the last item as value\n      /* istanbul ignore else */\n      if (!this.selectedItems.length) {\n        this.updateMandatory(true)\n      }\n    },\n    updateItem (item: GroupableInstance, index: number) {\n      const value = this.getValue(item, index)\n\n      item.isActive = this.toggleMethod(value)\n    },\n    // https://github.com/vuetifyjs/vuetify/issues/5352\n    updateItemsState () {\n      this.$nextTick(() => {\n        if (this.mandatory &&\n          !this.selectedItems.length\n        ) {\n          return this.updateMandatory()\n        }\n\n        // TODO: Make this smarter so it\n        // doesn't have to iterate every\n        // child in an update\n        this.items.forEach(this.updateItem)\n      })\n    },\n    updateInternalValue (value: any) {\n      this.multiple\n        ? this.updateMultiple(value)\n        : this.updateSingle(value)\n    },\n    updateMandatory (last?: boolean) {\n      if (!this.items.length) return\n\n      const items = this.items.slice()\n\n      if (last) items.reverse()\n\n      const item = items.find(item => !item.disabled)\n\n      // If no tabs are available\n      // aborts mandatory value\n      if (!item) return\n\n      const index = this.items.indexOf(item)\n\n      this.updateInternalValue(\n        this.getValue(item, index)\n      )\n    },\n    updateMultiple (value: any) {\n      const defaultValue = Array.isArray(this.internalValue)\n        ? this.internalValue\n        : []\n      const internalValue = defaultValue.slice()\n      const index = internalValue.findIndex(val => this.valueComparator(val, value))\n\n      if (\n        this.mandatory &&\n        // Item already exists\n        index > -1 &&\n        // value would be reduced below min\n        internalValue.length - 1 < 1\n      ) return\n\n      if (\n        // Max is set\n        this.max != null &&\n        // Item doesn't exist\n        index < 0 &&\n        // value would be increased above max\n        internalValue.length + 1 > this.max\n      ) return\n\n      index > -1\n        ? internalValue.splice(index, 1)\n        : internalValue.push(value)\n\n      this.internalValue = internalValue\n    },\n    updateSingle (value: any) {\n      const isSame = this.valueComparator(this.internalValue, value)\n\n      if (this.mandatory && isSame) return\n\n      this.internalValue = isSame ? undefined : value\n    },\n  },\n\n  render (): VNode {\n    const data = this.genData()\n    return h(this.tag, {\n      class: data.class,\n      ...data.attrs,\n    }, getSlot(this))\n  },\n})\n\nexport default defineComponent({\n  name: 'v-item-group',\n  extends: BaseItemGroup,\n\n  provide (): object {\n    return {\n      itemGroup: this,\n    }\n  },\n})\n"],"sourceRoot":"","file":"VItemGroup.js"}
+{"version":3,"sources":["../../../src/components/VItemGroup/VItemGroup.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VItemGroup.sass'\n\n// Mixins\nimport Comparable from '../../mixins/comparable'\nimport Groupable from '../../mixins/groupable'\nimport Proxyable from '../../mixins/proxyable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue/types'\nimport { defineComponent } from 'vue'\n\nexport type GroupableInstance = InstanceType<typeof Groupable> & {\n  id?: string\n  to?: any\n  value?: any\n }\n\nexport const BaseItemGroup = mixins(\n  Comparable,\n  Proxyable,\n  Themeable\n).extend({\n  name: 'base-item-group',\n\n  emits: ['update:modelValue'],\n\n  props: {\n    activeClass: {\n      type: String,\n      default: 'v-item--active',\n    },\n    allowDeselect: {\n      type: Boolean,\n      default: true,\n    },\n    mandatory: Boolean,\n    max: {\n      type: [Number, String],\n      default: null,\n    },\n    multiple: Boolean,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  data () {\n    return {\n      // As long as a value is defined, show it\n      // Otherwise, check if multiple\n      // to determine which default to provide\n      internalLazyValue: this.modelValue !== undefined\n        ? this.modelValue\n        : this.multiple ? [] : undefined,\n      items: [] as GroupableInstance[],\n    }\n  },\n\n  computed: {\n    classes (): Record<string, boolean> {\n      return {\n        'v-item-group': true,\n        ...this.themeClasses,\n      }\n    },\n    selectedIndex (): number {\n      return (this.selectedItem && this.items.indexOf(this.selectedItem)) || -1\n    },\n    selectedItem (): GroupableInstance | undefined {\n      if (this.multiple) return undefined\n\n      return this.selectedItems[0]\n    },\n    selectedItems (): GroupableInstance[] {\n      return this.items.filter((item, index) => {\n        return this.toggleMethod(this.getValue(item, index))\n      })\n    },\n    selectedValues (): any[] {\n      if (this.internalValue == null) return []\n\n      return Array.isArray(this.internalValue)\n        ? this.internalValue\n        : [this.internalValue]\n    },\n    toggleMethod (): (v: any) => boolean {\n      if (!this.multiple) {\n        return (v: any) => this.valueComparator(this.internalValue, v)\n      }\n\n      const internalValue = this.internalValue\n      if (Array.isArray(internalValue)) {\n        return (v: any) => internalValue.some(intern => this.valueComparator(intern, v))\n      }\n\n      return () => false\n    },\n  },\n\n  watch: {\n    internalValue: 'updateItemsState',\n    items: 'updateItemsState'\n  },\n\n  created () {\n    if (this.multiple && !Array.isArray(this.internalValue)) {\n      consoleWarn('Model must be bound to an array if the multiple property is true.', this)\n    }\n  },\n\n  methods: {\n\n    genData (): object {\n      return {\n        class: this.classes,\n      }\n    },\n    getValue (item: GroupableInstance, i: number): unknown {\n      return item.value === undefined\n        ? i\n        : item.value\n    },\n    onClick (item: GroupableInstance) {\n      this.updateInternalValue(\n        this.getValue(item, this.items.indexOf(item))\n      )\n    },\n    register (item: GroupableInstance) {\n      const index = this.items.push(item) - 1\n\n      // TODO!!!\n      item.$on('change', () => this.onClick(item))\n\n      // If no value provided and mandatory,\n      // assign first registered item\n      if (this.mandatory && !this.selectedValues.length) {\n        this.updateMandatory()\n      }\n\n      this.updateItem(item, index)\n    },\n    unregister (item: GroupableInstance) {\n      if (this._isDestroyed) return\n\n      const index = this.items.indexOf(item)\n      const value = this.getValue(item, index)\n\n      this.items.splice(index, 1)\n\n      const valueIndex = this.selectedValues.indexOf(value)\n\n      // Items is not selected, do nothing\n      if (valueIndex < 0) return\n\n      // If not mandatory, use regular update process\n      if (!this.mandatory) {\n        return this.updateInternalValue(value)\n      }\n\n      // Remove the value\n      if (this.multiple && Array.isArray(this.internalValue)) {\n        this.internalValue = this.internalValue.filter(v => v !== value)\n      } else {\n        this.internalValue = undefined\n      }\n\n      // If mandatory and we have no selection\n      // add the last item as value\n      /* istanbul ignore else */\n      if (!this.selectedItems.length) {\n        this.updateMandatory(true)\n      }\n    },\n    updateItem (item: GroupableInstance, index: number) {\n      const value = this.getValue(item, index)\n\n      item.isActive = this.toggleMethod(value)\n    },\n    // https://github.com/vuetifyjs/vuetify/issues/5352\n    updateItemsState () {\n      this.$nextTick(() => {\n        if (this.mandatory &&\n          !this.selectedItems.length\n        ) {\n          return this.updateMandatory()\n        }\n\n        // TODO: Make this smarter so it\n        // doesn't have to iterate every\n        // child in an update\n        this.items.forEach(this.updateItem)\n      })\n    },\n    updateInternalValue (value: any) {\n      this.multiple\n        ? this.updateMultiple(value)\n        : this.updateSingle(value)\n    },\n    updateMandatory (last?: boolean) {\n      if (!this.items.length) return\n\n      const items = this.items.slice()\n\n      if (last) items.reverse()\n\n      const item = items.find(item => !item.disabled)\n\n      // If no tabs are available\n      // aborts mandatory value\n      if (!item) return\n\n      const index = this.items.indexOf(item)\n\n      this.updateInternalValue(\n        this.getValue(item, index)\n      )\n    },\n    updateMultiple (value: any) {\n      const defaultValue = Array.isArray(this.internalValue)\n        ? this.internalValue\n        : []\n      const internalValue = defaultValue.slice()\n      const index = internalValue.findIndex(val => this.valueComparator(val, value))\n\n      if (\n        this.mandatory &&\n        // Item already exists\n        index > -1 &&\n        // value would be reduced below min\n        internalValue.length - 1 < 1\n      ) return\n\n      if (\n        // Max is set\n        this.max != null &&\n        // Item doesn't exist\n        index < 0 &&\n        // value would be increased above max\n        internalValue.length + 1 > this.max\n      ) return\n\n      index > -1\n        ? internalValue.splice(index, 1)\n        : internalValue.push(value)\n\n      this.internalValue = internalValue\n    },\n    updateSingle (value: any) {\n      const isSame = this.valueComparator(this.internalValue, value)\n\n      if (this.mandatory && isSame) return\n      if (!this.allowDeselect && isSame) return\n\n      this.internalValue = isSame ? undefined : value\n    },\n  },\n\n  render (): VNode {\n    const data = this.genData()\n    return h(this.tag, {\n      class: data.class,\n      ...data.attrs,\n    }, getSlot(this))\n  },\n})\n\nexport default defineComponent({\n  name: 'v-item-group',\n  extends: BaseItemGroup,\n\n  provide (): object {\n    return {\n      itemGroup: this,\n    }\n  },\n})\n"],"sourceRoot":"","file":"VItemGroup.js"}

package/es5/components/VLabel/VLabel.js

@@ -57,6 +57,8 @@ var _default = (0, _mixins.default)(_themeable.default).extend({
     value: Boolean
   },
   render: function render() {
+    var _a, _b;
+
     var data = this.$attrs;
     var props = this.$props;
     var newData = (0, _mergeData.default)({
@@ -74,7 +76,7 @@ var _default = (0, _mixins.default)(_themeable.default).extend({
       },
       ref: 'label'
     }, data);
-    return (0, _vue.h)('label', _colorable.default.methods.setTextColor(props.focused && props.color, newData), this.$slots.default());
+    return (0, _vue.h)('label', _colorable.default.methods.setTextColor(props.focused && props.color, newData), (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a));
   }
 });
 

package/es5/components/VLabel/VLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VLabel/VLabel.ts"],"names":[],"mappings":";;;;;;;;;AACA;;AAGA;;AACA;;AAGA;;AACA;;AAGA;;AACA;;;;;;;;;;;;;;AAEA;eACe,qBAAO,kBAAP,EAAkB,MAAlB,CAAyB;AACtC,EAAA,IAAI,EAAE,SADgC;AAGtC,EAAA,UAAU,EAAE,IAH0B;AAKtC,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,EAAE,OADL;AAEL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,MADD;AAEL,MAAA,OAAO,EAAE;AAFJ,KAFF;AAML,IAAA,QAAQ,EAAE,OANL;AAOL,IAAA,OAAO,EAAE,OAPJ;AAQL,IAAA,GAAG,EAAE,MARA;AASL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADF;AAEJ,MAAA,OAAO,EAAE;AAFL,KATD;AAaL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADD;AAEL,MAAA,OAAO,EAAE;AAFJ,KAbF;AAiBL,IAAA,KAAK,EAAE;AAjBF,GAL+B;AAyBtC,EAAA,MAzBsC,oBAyBhC;AACJ,QAAM,IAAI,GAAG,KAAK,MAAlB;AACA,QAAM,KAAK,GAAG,KAAK,MAAnB;AAEA,QAAM,OAAO,GAAG,wBAAU;AACxB,MAAA,KAAK;AACH,mBAAW,IADR;AAEH,2BAAmB,KAAK,KAFrB;AAGH,gCAAwB,KAAK;AAH1B,SAIA,uCAAuB,IAAvB,CAJA,CADmB;AAOxB,MAAA,GAAG,EAAE,KAAK,CAAC,GAPa;AAQxB,qBAAe,CAAC,KAAK,CAAC,GARE;AASxB,MAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,4BAAc,KAAK,CAAC,IAApB,CADD;AAEL,QAAA,KAAK,EAAE,4BAAc,KAAK,CAAC,KAApB,CAFF;AAGL,QAAA,QAAQ,EAAE,KAAK,CAAC,QAAN,GAAiB,UAAjB,GAA8B;AAHnC,OATiB;AAcxB,MAAA,GAAG,EAAE;AAdmB,KAAV,EAeb,IAfa,CAAhB;AAiBA,WAAO,YAAE,OAAF,EAAW,mBAAU,OAAV,CAAkB,YAAlB,CAA+B,KAAK,CAAC,OAAN,IAAiB,KAAK,CAAC,KAAtD,EAA6D,OAA7D,CAAX,EAAkF,KAAK,MAAL,CAAY,OAAZ,EAAlF,CAAP;AACD;AA/CqC,CAAzB,C","sourcesContent":["// Styles\nimport './VLabel.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable, { functionalThemeClasses } from '../../mixins/themeable'\n\n// Types\nimport { VNode, h } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Helpers\nimport { convertToUnit } from '../../util/helpers'\nimport mergeData from '../../util/mergeData'\n\n/* @vue/component */\nexport default mixins(Themeable).extend({\n  name: 'v-label',\n\n  functional: true,\n\n  props: {\n    absolute: Boolean,\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    disabled: Boolean,\n    focused: Boolean,\n    for: String,\n    left: {\n      type: [Number, String],\n      default: 0,\n    },\n    right: {\n      type: [Number, String],\n      default: 'auto',\n    },\n    value: Boolean,\n  },\n\n  render (): VNode {\n    const data = this.$attrs\n    const props = this.$props\n\n    const newData = mergeData({\n      class: {\n        'v-label': true,\n        'v-label--active': this.value,\n        'v-label--is-disabled': this.disabled,\n        ...functionalThemeClasses(this),\n      },\n      for: props.for,\n      'aria-hidden': !props.for,\n      style: {\n        left: convertToUnit(props.left),\n        right: convertToUnit(props.right),\n        position: props.absolute ? 'absolute' : 'relative',\n      },\n      ref: 'label',\n    }, data)\n\n    return h('label', Colorable.methods.setTextColor(props.focused && props.color, newData), this.$slots.default())\n  },\n})\n"],"sourceRoot":"","file":"VLabel.js"}
+{"version":3,"sources":["../../../src/components/VLabel/VLabel.ts"],"names":[],"mappings":";;;;;;;;;AACA;;AAGA;;AACA;;AAGA;;AACA;;AAGA;;AACA;;;;;;;;;;;;;;AAEA;eACe,qBAAO,kBAAP,EAAkB,MAAlB,CAAyB;AACtC,EAAA,IAAI,EAAE,SADgC;AAGtC,EAAA,UAAU,EAAE,IAH0B;AAKtC,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,EAAE,OADL;AAEL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,MADD;AAEL,MAAA,OAAO,EAAE;AAFJ,KAFF;AAML,IAAA,QAAQ,EAAE,OANL;AAOL,IAAA,OAAO,EAAE,OAPJ;AAQL,IAAA,GAAG,EAAE,MARA;AASL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADF;AAEJ,MAAA,OAAO,EAAE;AAFL,KATD;AAaL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADD;AAEL,MAAA,OAAO,EAAE;AAFJ,KAbF;AAiBL,IAAA,KAAK,EAAE;AAjBF,GAL+B;AAyBtC,EAAA,MAzBsC,oBAyBhC;;;AACJ,QAAM,IAAI,GAAG,KAAK,MAAlB;AACA,QAAM,KAAK,GAAG,KAAK,MAAnB;AAEA,QAAM,OAAO,GAAG,wBAAU;AACxB,MAAA,KAAK;AACH,mBAAW,IADR;AAEH,2BAAmB,KAAK,KAFrB;AAGH,gCAAwB,KAAK;AAH1B,SAIA,uCAAuB,IAAvB,CAJA,CADmB;AAOxB,MAAA,GAAG,EAAE,KAAK,CAAC,GAPa;AAQxB,qBAAe,CAAC,KAAK,CAAC,GARE;AASxB,MAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,4BAAc,KAAK,CAAC,IAApB,CADD;AAEL,QAAA,KAAK,EAAE,4BAAc,KAAK,CAAC,KAApB,CAFF;AAGL,QAAA,QAAQ,EAAE,KAAK,CAAC,QAAN,GAAiB,UAAjB,GAA8B;AAHnC,OATiB;AAcxB,MAAA,GAAG,EAAE;AAdmB,KAAV,EAeb,IAfa,CAAhB;AAiBA,WAAO,YAAE,OAAF,EAAW,mBAAU,OAAV,CAAkB,YAAlB,CAA+B,KAAK,CAAC,OAAN,IAAiB,KAAK,CAAC,KAAtD,EAA6D,OAA7D,CAAX,EAAkF,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAK,MAAL,EAAY,OAAZ,MAAmB,IAAnB,IAAmB,EAAA,KAAA,KAAA,CAAnB,GAAmB,KAAA,CAAnB,GAAmB,EAAA,CAAA,IAAA,CAAA,EAAA,CAArG,CAAP;AACD;AA/CqC,CAAzB,C","sourcesContent":["// Styles\nimport './VLabel.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable, { functionalThemeClasses } from '../../mixins/themeable'\n\n// Types\nimport { VNode, h } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Helpers\nimport { convertToUnit } from '../../util/helpers'\nimport mergeData from '../../util/mergeData'\n\n/* @vue/component */\nexport default mixins(Themeable).extend({\n  name: 'v-label',\n\n  functional: true,\n\n  props: {\n    absolute: Boolean,\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    disabled: Boolean,\n    focused: Boolean,\n    for: String,\n    left: {\n      type: [Number, String],\n      default: 0,\n    },\n    right: {\n      type: [Number, String],\n      default: 'auto',\n    },\n    value: Boolean,\n  },\n\n  render (): VNode {\n    const data = this.$attrs\n    const props = this.$props\n\n    const newData = mergeData({\n      class: {\n        'v-label': true,\n        'v-label--active': this.value,\n        'v-label--is-disabled': this.disabled,\n        ...functionalThemeClasses(this),\n      },\n      for: props.for,\n      'aria-hidden': !props.for,\n      style: {\n        left: convertToUnit(props.left),\n        right: convertToUnit(props.right),\n        position: props.absolute ? 'absolute' : 'relative',\n      },\n      ref: 'label',\n    }, data)\n\n    return h('label', Colorable.methods.setTextColor(props.focused && props.color, newData), this.$slots.default?.())\n  },\n})\n"],"sourceRoot":"","file":"VLabel.js"}

package/es5/components/VOtpInput/VOtpInput.js

@@ -56,14 +56,20 @@ var _default = baseMixins.extend({
       type: String,
       default: 'text'
     },
-    plain: Boolean
+    plain: Boolean,
+    modelValue: {
+      type: String,
+      default: ''
+    }
   },
-  emits: ['blur', 'focus', 'change', 'keydown', 'finish'],
+  emits: ['blur', 'focus', 'change', 'keydown', 'finish', 'update:modelValue'],
   data: function data() {
     return {
       initialValue: null,
       isBooted: false,
-      otp: []
+      otp: [],
+      lazyValue: '',
+      inputRefs: []
     };
   },
   computed: {
@@ -91,9 +97,6 @@ var _default = baseMixins.extend({
     filled: function filled() {
       return false;
     },
-    isEnclosed: function isEnclosed() {
-      return this.outlined;
-    },
     reverse: function reverse() {
       return false;
     },
@@ -106,10 +109,22 @@ var _default = baseMixins.extend({
     shaped: function shaped() {
       return false;
     },
+    internalValue: {
+      get: function get() {
+        return this.lazyValue;
+      },
+      set: function set(val) {
+        this.lazyValue = val;
+        this.$emit('update:modelValue', val);
+      }
+    },
     classes: function classes() {
       return _objectSpread(_objectSpread(_objectSpread({}, _VInput.default.computed.classes.call(this)), _VTextField2.default.computed.classes.call(this)), {}, {
         'v-otp-input--plain': this.plain
       });
+    },
+    isEnclosed: function isEnclosed() {
+      return false;
     }
   },
   watch: {
@@ -128,7 +143,8 @@ var _default = baseMixins.extend({
       (0, _console.breaking)('browser-autocomplete', 'autocomplete', this);
     }
 
-    this.otp = ((_a = this.internalValue) === null || _a === void 0 ? void 0 : _a.split('')) || [];
+    this.lazyValue = this.modelValue;
+    this.otp = ((_a = this.modelValue) === null || _a === void 0 ? void 0 : _a.split('')) || [];
   },
   mounted: function mounted() {
     var _this = this;
@@ -182,16 +198,12 @@ var _default = baseMixins.extend({
     },
     genFieldset: function genFieldset() {
       return (0, _vue.h)('fieldset', {
-        attrs: {
-          'aria-hidden': true
-        }
+        'aria-hidden': 'true'
       }, [this.genLegend()]);
     },
     genLegend: function genLegend() {
       var span = (0, _vue.h)('span', {
-        domProps: {
-          innerHTML: '​'
-        }
+        innerHTML: '​'
       });
       return (0, _vue.h)('legend', {
         style: {
@@ -202,14 +214,13 @@ var _default = baseMixins.extend({
     genInput: function genInput(otpIdx) {
       var _this4 = this;
 
-      var listeners = Object.assign({}, this.listeners$);
-      delete listeners.change; // Change should not be bound externally
+      var listeners = Object.assign({}, this.$attrs);
+      delete listeners.onChange; // Change should not be bound externally
 
-      return (0, _vue.h)('input', _objectSpread(_objectSpread(_objectSpread({
+      var inputProps = _objectSpread(_objectSpread(_objectSpread({
         style: {},
-        value: this.otp[otpIdx],
-        min: this.type === 'number' ? 0 : null
-      }, this.attrs$), {}, {
+        value: this.otp[otpIdx]
+      }, this.$attrs), {}, {
         autocomplete: 'one-time-code',
         disabled: this.isDisabled,
         readonly: this.isReadonly,
@@ -229,9 +240,18 @@ var _default = baseMixins.extend({
           return _this4.onKeyUp(e, otpIdx);
         }
       })), {}, {
-        ref: 'input',
-        refInFor: true
-      }));
+        ref: function ref(el) {
+          if (el) {
+            _this4.inputRefs[otpIdx] = el;
+          }
+        }
+      });
+
+      if (this.type === 'number') {
+        inputProps.min = 0;
+      }
+
+      return (0, _vue.h)('input', inputProps);
     },
     genTextFieldSlot: function genTextFieldSlot(otpIdx) {
       return (0, _vue.h)('div', {
@@ -247,18 +267,18 @@ var _default = baseMixins.extend({
       });
     },
     onClick: function onClick(otpIdx) {
-      if (this.isFocused || this.isDisabled || !this.$refs.input[otpIdx]) return;
+      if (this.isFocused || this.isDisabled || !this.inputRefs[otpIdx]) return;
       this.onFocus(undefined, otpIdx);
     },
     onFocus: function onFocus(e, otpIdx) {
       e === null || e === void 0 ? void 0 : e.preventDefault();
       e === null || e === void 0 ? void 0 : e.stopPropagation();
-      var elements = this.$refs.input;
-      var ref = this.$refs.input && elements[otpIdx || 0];
+      var ref = this.inputRefs[otpIdx || 0];
       if (!ref) return;
 
       if (document.activeElement !== ref) {
         ref.focus();
+        this.isFocused = true;
         return ref.select();
       }
 
@@ -297,19 +317,20 @@ var _default = baseMixins.extend({
       }
     },
     clearFocus: function clearFocus(index) {
-      var input = this.$refs.input[index];
-      input.blur();
+      var input = this.inputRefs[index];
+      input === null || input === void 0 ? void 0 : input.blur();
     },
     onKeyDown: function onKeyDown(e) {
-      if (e.keyCode === _helpers.keyCodes.enter) {
+      if (e.key === 'Enter') {
         this.$emit('change', this.internalValue);
       }
 
       this.$emit('keydown', e);
     },
     onMouseDown: function onMouseDown(e, otpIdx) {
-      // Prevent input from being blurred
-      if (e.target !== this.$refs.input[otpIdx]) {
+      var inputRef = this.inputRefs[otpIdx]; // Prevent input from being blurred
+
+      if (e.target !== inputRef) {
         e.preventDefault();
         e.stopPropagation();
       }
@@ -329,9 +350,9 @@ var _default = baseMixins.extend({
       this.hasColor = val;
 
       if (val) {
-        this.initialValue = this.lazyValue;
-      } else if (this.initialValue !== this.lazyValue) {
-        this.$emit('change', this.lazyValue);
+        this.initialValue = this.internalValue;
+      } else if (this.initialValue !== this.internalValue) {
+        this.$emit('change', this.internalValue);
       }
     },
     onKeyUp: function onKeyUp(event, index) {