@dimailn/vuetify 2.7.2-alpha32 → 2.7.2-alpha33

package/lib/components/VIcon/VIcon.js

@@ -9,7 +9,7 @@ import { convertToUnit, keys, remapInternalIcon } from '../../util/helpers'; //
 
 import { defineComponent, h } from 'vue';
 import mixins from '../../util/mixins';
-import { normalizeAttrs } from '../../util/helpers';
+import { normalizeClasses } from '../../util/helpers';
 var SIZE_MAP;
 
 (function (SIZE_MAP) {
@@ -29,7 +29,11 @@ function isSvgPath(icon) {
   return /^[mzlhvcsqta]\s*[-+.0-9][^mlhvzcsqta]+/i.test(icon) && /[\dz]$/i.test(icon) && icon.length > 4;
 }
 
-const VIcon = mixins(BindsAttrs, Colorable, Sizeable, Themeable
+function classesToString(classObj) {
+  return Object.keys(classObj).filter(key => classObj[key]).join(' ');
+}
+
+export const VIconInternal = mixins(BindsAttrs, Colorable, Sizeable, Themeable
 /* @vue/component */
 ).extend({
   name: 'v-icon',
@@ -60,8 +64,15 @@ const VIcon = mixins(BindsAttrs, Colorable, Sizeable, Themeable
       let iconName = '';
 
       if (this.$slots.default) {
-        const children = this.$slots.default()[0].children;
-        if (typeof children === 'string') iconName = this.$slots.default()[0].children.trim();
+        const slotChildren = this.$slots.default();
+
+        if (slotChildren && slotChildren[0]) {
+          const children = slotChildren[0].children;
+
+          if (typeof children === 'string') {
+            iconName = children.trim();
+          }
+        }
       }
 
       return remapInternalIcon(this, iconName);
@@ -104,29 +115,37 @@ const VIcon = mixins(BindsAttrs, Colorable, Sizeable, Themeable
       return data;
     },
 
+    applyColors(data) {
+      this.setTextColor(this.color, data);
+    },
+
     getSvgWrapperData() {
       const fontSize = this.getSize();
-      const wrapperData = { ...this.getDefaultData(),
+      const defaultData = this.getDefaultData();
+      const normalizedClasses = normalizeClasses([defaultData.class, this.themeClasses]);
+      const wrapperData = {
+        class: classesToString(normalizedClasses),
+        'aria-hidden': defaultData['aria-hidden'],
+        type: defaultData.type,
         style: fontSize ? {
           fontSize,
           height: fontSize,
           width: fontSize
-        } : undefined
+        } : undefined,
+        ...this.listeners$
       };
+
+      if (this.hasClickListener && this.disabled) {
+        wrapperData.disabled = true;
+      }
+
       this.applyColors(wrapperData);
       return wrapperData;
     },
 
-    applyColors(data) {
-      data.class = { ...data.class,
-        ...this.themeClasses
-      };
-      this.setTextColor(this.color, data);
-    },
-
     renderFontIcon(icon) {
       const newChildren = [];
-      let data = this.getDefaultData();
+      const defaultData = this.getDefaultData();
       let iconType = 'material-icons'; // Material Icon delimiter is _
       // https://material.io/icons/
 
@@ -139,76 +158,79 @@ const VIcon = mixins(BindsAttrs, Colorable, Sizeable, Themeable
       } else {
         iconType = icon.slice(0, delimiterIndex);
         if (isFontAwesome5(iconType)) iconType = '';
-      }
+      } // Создаем объект классов для иконки
 
-      if (typeof data.class === 'string') {
-        data.class = data.class.split(' ').reduce((classes, className) => {
-          classes[className] = true;
-          return classes;
-        }, {});
+
+      const iconClasses = {
+        [iconType]: true
+      };
+
+      if (!isMaterialIcon) {
+        iconClasses[icon] = true;
       }
 
-      data.class[iconType] = true;
-      data.class[icon] = !isMaterialIcon;
+      const allClasses = normalizeClasses([defaultData.class, this.themeClasses, iconClasses]);
       const fontSize = this.getSize();
-      if (fontSize) data.style = {
-        fontSize
+      const fontData = {
+        class: classesToString(allClasses),
+        'aria-hidden': defaultData['aria-hidden'],
+        type: defaultData.type,
+        style: fontSize ? {
+          fontSize
+        } : undefined,
+        ...this.listeners$
       };
-      this.applyColors(data);
-      return h(this.hasClickListener ? 'button' : this.tag, normalizeAttrs(data), {
+
+      if (this.hasClickListener && this.disabled) {
+        fontData.disabled = true;
+      }
+
+      this.applyColors(fontData);
+      return h(this.hasClickListener ? 'button' : this.tag, fontData, {
         default: () => newChildren
       });
     },
 
     renderSvgIcon(icon) {
-      const svgData = {
+      const size = this.getSize();
+      const 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
       };
-      const size = this.getSize();
 
       if (size) {
-        svgData.style = {
+        svgProps.style = {
           fontSize: size,
           height: size,
           width: size
         };
       }
 
-      return h(this.hasClickListener ? 'button' : 'span', this.getSvgWrapperData(), [h('svg', svgData, [h('path', {
-        attrs: {
-          d: icon
-        }
+      return h(this.hasClickListener ? 'button' : 'span', this.getSvgWrapperData(), [h('svg', svgProps, [h('path', {
+        d: icon
       })])]);
     },
 
     renderSvgIconComponent(icon) {
-      const data = {
-        class: {
-          'v-icon__component': true
-        }
-      };
       const size = this.getSize();
-
-      if (size) {
-        data.style = {
+      const componentClasses = normalizeClasses([{
+        'v-icon__component': true
+      }, this.themeClasses]);
+      const componentData = {
+        class: classesToString(componentClasses),
+        style: size ? {
           fontSize: size,
           height: size,
           width: size
-        };
-      }
-
-      this.applyColors(data);
-      const component = icon.component;
-      data.props = icon.props;
-      data.nativeOn = data.on;
+        } : undefined,
+        ...icon.props
+      };
+      this.applyColors(componentData);
       return h(this.hasClickListener ? 'button' : 'span', this.getSvgWrapperData(), {
-        default: () => [h(component, data)]
+        default: () => [h(icon.component, componentData)]
       });
     }
 
@@ -231,7 +253,7 @@ const VIcon = mixins(BindsAttrs, Colorable, Sizeable, Themeable
 });
 export default defineComponent({
   name: 'v-icon',
-  $_wrapperFor: VIcon,
+  $_wrapperFor: VIconInternal,
   functional: true,
 
   mounted() {
@@ -242,7 +264,7 @@ export default defineComponent({
     const data = { ...this.$attrs
     }; // console.log(children && children[0]?.children)
 
-    return h(VIcon, data, {
+    return h(VIconInternal, data, {
       default: () => {
         var _a, _b, _c, _d;
 

package/lib/components/VIcon/VIcon.js.map

@@ -1 +1 @@
-{"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 } 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":"AAAA,OAAO,0CAAP,C,CAEA;;AACA,OAAO,UAAP,MAAuB,0BAAvB;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,QAAP,MAAqB,uBAArB;AACA,OAAO,SAAP,MAAsB,wBAAtB,C,CAEA;;AACA,SAAS,aAAT,EAAwB,IAAxB,EAA8B,iBAA9B,QAAuD,oBAAvD,C,CAEA;;AACA,SAAS,eAAT,EAA0E,CAA1E,QAAmF,KAAnF;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAEA,SAAyB,gBAAzB,QAAiD,oBAAjD;AAEA,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,GAAG,IAAI,QAAQ,CAAC,QAAT,CAAkB,GAAlB,CAAvD,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;;AAED,SAAS,eAAT,CAA0B,QAA1B,EAA2D;AACzD,SAAO,MAAM,CAAC,IAAP,CAAY,QAAZ,EAAsB,MAAtB,CAA6B,GAAG,IAAI,QAAQ,CAAC,GAAD,CAA5C,EAAmD,IAAnD,CAAwD,GAAxD,CAAP;AACD;;AAGD,OAAO,MAAM,aAAa,GAAG,MAAM,CACjC,UADiC,EAEjC,SAFiC,EAGjC,QAHiC,EAIjC;AACA;AALiC,CAAN,CAM3B,MAN2B,CAMpB;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,MAAM,GAAA;AACJ,aAAO,KAAP;AACD,KAHO;;AAIR,IAAA,gBAAgB,GAAA;AACd,aAAO,OAAO,CACZ,KAAK,UAAL,CAAgB,OADJ,CAAd;AAGD;;AARO,GAhBH;AA2BP,EAAA,OAAO,EAAE;AACP,IAAA,OAAO,GAAA;AACL,UAAI,QAAQ,GAAG,EAAf;;AACA,UAAI,KAAK,MAAL,CAAY,OAAhB,EAAyB;AACvB,cAAM,YAAY,GAAG,KAAK,MAAL,CAAY,OAAZ,EAArB;;AACA,YAAI,YAAY,IAAI,YAAY,CAAC,CAAD,CAAhC,EAAqC;AACnC,gBAAM,QAAQ,GAAG,YAAY,CAAC,CAAD,CAAZ,CAAgB,QAAjC;;AACA,cAAG,OAAO,QAAP,KAAoB,QAAvB,EAAiC;AAC/B,YAAA,QAAQ,GAAG,QAAQ,CAAC,IAAT,EAAX;AACD;AACF;AACF;;AACD,aAAO,iBAAiB,CAAC,IAAD,EAAO,QAAP,CAAxB;AACD,KAbM;;AAcP,IAAA,OAAO,GAAA;AACL,YAAM,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,YAAM,YAAY,GAAG,IAAI,CAAC,KAAD,CAAJ,CAAY,IAAZ,CAAiB,GAAG,IAAI,KAAK,CAAC,GAAD,CAA7B,CAArB;AAEA,aACG,YAAY,IAAI,QAAQ,CAAC,YAAD,CAAzB,IAA4C,aAAa,CAAC,KAAK,IAAN,CAD3D;AAGD,KA5BM;;AA6BP;AACA,IAAA,cAAc,GAAA;AACZ,YAAM,IAAI,GAAG;AACX,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,SADI;AAUX,uBAAe,CAAC,KAAK,gBAVV;AAWX,QAAA,IAAI,EAAE,KAAK,gBAAL,GAAwB,QAAxB,GAAmC,SAX9B;AAYX;AACA,WAAG,KAAK;AAbG,OAAb;;AAgBA,UAAG,KAAK,gBAAL,IAAyB,KAAK,QAAjC,EAA2C;AACzC,QAAA,IAAI,CAAC,QAAL,GAAgB,IAAhB;AACD;;AACD,aAAO,IAAP;AACD,KAnDM;;AAoDP,IAAA,WAAW,CAAE,IAAF,EAAW;AACpB,WAAK,YAAL,CAAkB,KAAK,KAAvB,EAA8B,IAA9B;AACD,KAtDM;;AAuDP,IAAA,iBAAiB,GAAA;AACf,YAAM,QAAQ,GAAG,KAAK,OAAL,EAAjB;AAEA,YAAM,WAAW,GAAG,KAAK,cAAL,EAApB;AACA,YAAM,iBAAiB,GAAG,gBAAgB,CAAC,CAAC,WAAW,CAAC,KAAb,EAAoB,KAAK,YAAzB,CAAD,CAA1C;AAEA,YAAM,WAAW,GAAQ;AACvB,QAAA,KAAK,EAAE,eAAe,CAAC,iBAAD,CADC;AAEvB,uBAAe,WAAW,CAAC,aAAD,CAFH;AAGvB,QAAA,IAAI,EAAE,WAAW,CAAC,IAHK;AAIvB,QAAA,KAAK,EAAE,QAAQ,GAAG;AAChB,UAAA,QADgB;AAEhB,UAAA,MAAM,EAAE,QAFQ;AAGhB,UAAA,KAAK,EAAE;AAHS,SAAH,GAIX,SARmB;AASvB,WAAG,KAAK;AATe,OAAzB;;AAYA,UAAG,KAAK,gBAAL,IAAyB,KAAK,QAAjC,EAA2C;AACzC,QAAA,WAAW,CAAC,QAAZ,GAAuB,IAAvB;AACD;;AAED,WAAK,WAAL,CAAiB,WAAjB;AAEA,aAAO,WAAP;AACD,KAhFM;;AAiFP,IAAA,cAAc,CAAE,IAAF,EAAc;AAC1B,YAAM,WAAW,GAAkB,EAAnC;AACA,YAAM,WAAW,GAAG,KAAK,cAAL,EAApB;AAEA,UAAI,QAAQ,GAAG,gBAAf,CAJ0B,CAK1B;AACA;;AACA,YAAM,cAAc,GAAG,IAAI,CAAC,OAAL,CAAa,GAAb,CAAvB;AACA,YAAM,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,OAhByB,CAkB1B;;;AACA,YAAM,WAAW,GAAG;AAAE,SAAC,QAAD,GAAY;AAAd,OAApB;;AACA,UAAI,CAAC,cAAL,EAAqB;AACnB,QAAA,WAAW,CAAC,IAAD,CAAX,GAAoB,IAApB;AACD;;AAED,YAAM,UAAU,GAAG,gBAAgB,CAAC,CAAC,WAAW,CAAC,KAAb,EAAoB,KAAK,YAAzB,EAAuC,WAAvC,CAAD,CAAnC;AAEA,YAAM,QAAQ,GAAG,KAAK,OAAL,EAAjB;AACA,YAAM,QAAQ,GAAQ;AACpB,QAAA,KAAK,EAAE,eAAe,CAAC,UAAD,CADF;AAEpB,uBAAe,WAAW,CAAC,aAAD,CAFN;AAGpB,QAAA,IAAI,EAAE,WAAW,CAAC,IAHE;AAIpB,QAAA,KAAK,EAAE,QAAQ,GAAG;AAAE,UAAA;AAAF,SAAH,GAAkB,SAJb;AAKpB,WAAG,KAAK;AALY,OAAtB;;AAQA,UAAG,KAAK,gBAAL,IAAyB,KAAK,QAAjC,EAA2C;AACzC,QAAA,QAAQ,CAAC,QAAT,GAAoB,IAApB;AACD;;AAED,WAAK,WAAL,CAAiB,QAAjB;AAEA,aAAO,CAAC,CAAC,KAAK,gBAAL,GAAwB,QAAxB,GAAmC,KAAK,GAAzC,EAA8C,QAA9C,EAAwD;AAAC,QAAA,OAAO,EAAE,MAAM;AAAhB,OAAxD,CAAR;AACD,KA3HM;;AA4HP,IAAA,aAAa,CAAE,IAAF,EAAc;AACzB,YAAM,IAAI,GAAG,KAAK,OAAL,EAAb;AACA,YAAM,QAAQ,GAAQ;AACpB,QAAA,KAAK,EAAE,aADa;AAEpB,QAAA,KAAK,EAAE,4BAFa;AAGpB,QAAA,OAAO,EAAE,WAHW;AAIpB,QAAA,IAAI,EAAE,KAJc;AAKpB,uBAAe;AALK,OAAtB;;AAQA,UAAI,IAAJ,EAAU;AACR,QAAA,QAAQ,CAAC,KAAT,GAAiB;AACf,UAAA,QAAQ,EAAE,IADK;AAEf,UAAA,MAAM,EAAE,IAFO;AAGf,UAAA,KAAK,EAAE;AAHQ,SAAjB;AAKD;;AAED,aAAO,CAAC,CAAC,KAAK,gBAAL,GAAwB,QAAxB,GAAmC,MAApC,EAA4C,KAAK,iBAAL,EAA5C,EAAsE,CAC5E,CAAC,CAAC,KAAD,EAAQ,QAAR,EAAkB,CACjB,CAAC,CAAC,MAAD,EAAS;AACR,QAAA,CAAC,EAAE;AADK,OAAT,CADgB,CAAlB,CAD2E,CAAtE,CAAR;AAOD,KArJM;;AAsJP,IAAA,sBAAsB,CACpB,IADoB,EACM;AAE1B,YAAM,IAAI,GAAG,KAAK,OAAL,EAAb;AACA,YAAM,gBAAgB,GAAG,gBAAgB,CAAC,CACxC;AAAE,6BAAqB;AAAvB,OADwC,EAExC,KAAK,YAFmC,CAAD,CAAzC;AAKA,YAAM,aAAa,GAAQ;AACzB,QAAA,KAAK,EAAE,eAAe,CAAC,gBAAD,CADG;AAEzB,QAAA,KAAK,EAAE,IAAI,GAAG;AACZ,UAAA,QAAQ,EAAE,IADE;AAEZ,UAAA,MAAM,EAAE,IAFI;AAGZ,UAAA,KAAK,EAAE;AAHK,SAAH,GAIP,SANqB;AAOzB,WAAG,IAAI,CAAC;AAPiB,OAA3B;AAUA,WAAK,WAAL,CAAiB,aAAjB;AAEA,aAAO,CAAC,CAAC,KAAK,gBAAL,GAAwB,QAAxB,GAAmC,MAApC,EAA4C,KAAK,iBAAL,EAA5C,EAAsE;AAAC,QAAA,OAAO,EAAE,MAAK,CAC3F,CAAC,CAAC,IAAI,CAAC,SAAN,EAAiB,aAAjB,CAD0F;AAAf,OAAtE,CAAR;AAGD;;AA9KM,GA3BF;;AA4MP,EAAA,MAAM,GAAA;AACJ,UAAM,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;;AAvNM,CANoB,CAAtB;AAgOP,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,QADuB;AAG7B,EAAA,YAAY,EAAE,aAHe;AAK7B,EAAA,UAAU,EAAE,IALiB;;AAO7B,EAAA,OAAO,GAAA;AACL,SAAK,GAAL,CAAS,SAAT,GAAqB,EAArB;AACD,GAT4B;;AAW7B,EAAA,MAAM,GAAA;AACJ,UAAM,IAAI,GAAG,EAAE,GAAG,KAAK;AAAV,KAAb,CADI,CAIJ;;AACA,WAAO,CAAC,CAAC,aAAD,EAAgB,IAAhB,EAAsB;AAC5B,MAAA,OAAO,EAAE,MAAK;;;AACZ,YAAI,QAAQ,GAAG,EAAf,CADY,CAGZ;AACA;;AACA,YAAG,CAAA,EAAA,GAAA,KAAK,CAAL,CAAO,KAAP,CAAa,KAAb,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,GAAkB,EAAA,CAAE,WAAvB,EAAoC;AAClC,UAAA,QAAQ,GAAG,KAAK,CAAL,CAAO,KAAP,CAAa,KAAb,CAAmB,WAAnB,IACX,KAAK,CAAL,CAAO,KAAP,CAAa,KAAb,CAAmB,SADR,IAET,QAFF;AAGD;;AAED,cAAM,QAAQ,GAAG,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,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;AAf2B,KAAtB,CAAR;AAiBD;;AAjC4B,CAAD,CAA9B","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/lib/components/VLabel/VLabel.js

@@ -35,6 +35,8 @@ export default mixins(Themeable).extend({
   },
 
   render() {
+    var _a, _b;
+
     const data = this.$attrs;
     const props = this.$props;
     const newData = mergeData({
@@ -53,7 +55,7 @@ export default mixins(Themeable).extend({
       },
       ref: 'label'
     }, data);
-    return h('label', Colorable.methods.setTextColor(props.focused && props.color, newData), this.$slots.default());
+    return h('label', Colorable.methods.setTextColor(props.focused && props.color, newData), (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a));
   }
 
 });

package/lib/components/VLabel/VLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VLabel/VLabel.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,4CAAP,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,SAAP,IAAoB,sBAApB,QAAkD,wBAAlD,C,CAEA;;AACA,SAAgB,CAAhB,QAAyB,KAAzB;AACA,OAAO,MAAP,MAAmB,mBAAnB,C,CAEA;;AACA,SAAS,aAAT,QAA8B,oBAA9B;AACA,OAAO,SAAP,MAAsB,sBAAtB;AAEA;;AACA,eAAe,MAAM,CAAC,SAAD,CAAN,CAAkB,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,MAAM,GAAA;AACJ,UAAM,IAAI,GAAG,KAAK,MAAlB;AACA,UAAM,KAAK,GAAG,KAAK,MAAnB;AAEA,UAAM,OAAO,GAAG,SAAS,CAAC;AACxB,MAAA,KAAK,EAAE;AACL,mBAAW,IADN;AAEL,2BAAmB,KAAK,KAFnB;AAGL,gCAAwB,KAAK,QAHxB;AAIL,WAAG,sBAAsB,CAAC,IAAD;AAJpB,OADiB;AAOxB,MAAA,GAAG,EAAE,KAAK,CAAC,GAPa;AAQxB,qBAAe,CAAC,KAAK,CAAC,GARE;AASxB,MAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,IAAP,CADd;AAEL,QAAA,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,KAAP,CAFf;AAGL,QAAA,QAAQ,EAAE,KAAK,CAAC,QAAN,GAAiB,UAAjB,GAA8B;AAHnC,OATiB;AAcxB,MAAA,GAAG,EAAE;AAdmB,KAAD,EAetB,IAfsB,CAAzB;AAiBA,WAAO,CAAC,CAAC,OAAD,EAAU,SAAS,CAAC,OAAV,CAAkB,YAAlB,CAA+B,KAAK,CAAC,OAAN,IAAiB,KAAK,CAAC,KAAtD,EAA6D,OAA7D,CAAV,EAAiF,KAAK,MAAL,CAAY,OAAZ,EAAjF,CAAR;AACD;;AA/CqC,CAAzB,CAAf","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":"AAAA;AACA,OAAO,4CAAP,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,SAAP,IAAoB,sBAApB,QAAkD,wBAAlD,C,CAEA;;AACA,SAAgB,CAAhB,QAAyB,KAAzB;AACA,OAAO,MAAP,MAAmB,mBAAnB,C,CAEA;;AACA,SAAS,aAAT,QAA8B,oBAA9B;AACA,OAAO,SAAP,MAAsB,sBAAtB;AAEA;;AACA,eAAe,MAAM,CAAC,SAAD,CAAN,CAAkB,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,MAAM,GAAA;;;AACJ,UAAM,IAAI,GAAG,KAAK,MAAlB;AACA,UAAM,KAAK,GAAG,KAAK,MAAnB;AAEA,UAAM,OAAO,GAAG,SAAS,CAAC;AACxB,MAAA,KAAK,EAAE;AACL,mBAAW,IADN;AAEL,2BAAmB,KAAK,KAFnB;AAGL,gCAAwB,KAAK,QAHxB;AAIL,WAAG,sBAAsB,CAAC,IAAD;AAJpB,OADiB;AAOxB,MAAA,GAAG,EAAE,KAAK,CAAC,GAPa;AAQxB,qBAAe,CAAC,KAAK,CAAC,GARE;AASxB,MAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,IAAP,CADd;AAEL,QAAA,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,KAAP,CAFf;AAGL,QAAA,QAAQ,EAAE,KAAK,CAAC,QAAN,GAAiB,UAAjB,GAA8B;AAHnC,OATiB;AAcxB,MAAA,GAAG,EAAE;AAdmB,KAAD,EAetB,IAfsB,CAAzB;AAiBA,WAAO,CAAC,CAAC,OAAD,EAAU,SAAS,CAAC,OAAV,CAAkB,YAAlB,CAA+B,KAAK,CAAC,OAAN,IAAiB,KAAK,CAAC,KAAtD,EAA6D,OAA7D,CAAV,EAAiF,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,CAApG,CAAR;AACD;;AA/CqC,CAAzB,CAAf","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/lib/components/VOtpInput/VOtpInput.js

@@ -6,7 +6,7 @@ import "../../../src/components/VOtpInput/VOtpInput.sass"; // Extensions
 import VInput from '../VInput';
 import VTextField from '../VTextField/VTextField'; // Utilities
 
-import { convertToUnit, keyCodes } from '../../util/helpers';
+import { convertToUnit } from '../../util/helpers';
 import { breaking } from '../../util/console'; // Types
 
 import mixins from '../../util/mixins';
@@ -25,13 +25,19 @@ export 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: () => ({
     initialValue: null,
     isBooted: false,
-    otp: []
+    otp: [],
+    lazyValue: '',
+    inputRefs: []
   }),
   computed: {
     outlined() {
@@ -66,10 +72,6 @@ export default baseMixins.extend({
       return false;
     },
 
-    isEnclosed() {
-      return this.outlined;
-    },
-
     reverse() {
       return false;
     },
@@ -86,11 +88,27 @@ export default baseMixins.extend({
       return false;
     },
 
+    internalValue: {
+      get() {
+        return this.lazyValue;
+      },
+
+      set(val) {
+        this.lazyValue = val;
+        this.$emit('update:modelValue', val);
+      }
+
+    },
+
     classes() {
       return { ...VInput.computed.classes.call(this),
         ...VTextField.computed.classes.call(this),
         'v-otp-input--plain': this.plain
       };
+    },
+
+    isEnclosed() {
+      return false;
     }
 
   },
@@ -113,7 +131,8 @@ export default baseMixins.extend({
       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() {
@@ -160,17 +179,13 @@ export default baseMixins.extend({
 
     genFieldset() {
       return h('fieldset', {
-        attrs: {
-          'aria-hidden': true
-        }
+        'aria-hidden': 'true'
       }, [this.genLegend()]);
     },
 
     genLegend() {
       const span = h('span', {
-        domProps: {
-          innerHTML: '​'
-        }
+        innerHTML: '​'
       });
       return h('legend', {
         style: {
@@ -180,14 +195,13 @@ export default baseMixins.extend({
     },
 
     genInput(otpIdx) {
-      const listeners = Object.assign({}, this.listeners$);
-      delete listeners.change; // Change should not be bound externally
+      const listeners = Object.assign({}, this.$attrs);
+      delete listeners.onChange; // Change should not be bound externally
 
-      return h('input', {
+      const inputProps = {
         style: {},
         value: this.otp[otpIdx],
-        min: this.type === 'number' ? 0 : null,
-        ...this.attrs$,
+        ...this.$attrs,
         autocomplete: 'one-time-code',
         disabled: this.isDisabled,
         readonly: this.isReadonly,
@@ -201,9 +215,18 @@ export default baseMixins.extend({
           onKeydown: this.onKeyDown,
           onKeyup: e => this.onKeyUp(e, otpIdx)
         }),
-        ref: 'input',
-        refInFor: true
-      });
+        ref: el => {
+          if (el) {
+            this.inputRefs[otpIdx] = el;
+          }
+        }
+      };
+
+      if (this.type === 'number') {
+        inputProps.min = 0;
+      }
+
+      return h('input', inputProps);
     },
 
     genTextFieldSlot(otpIdx) {
@@ -218,19 +241,19 @@ export default baseMixins.extend({
     },
 
     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(e, otpIdx) {
       e === null || e === void 0 ? void 0 : e.preventDefault();
       e === null || e === void 0 ? void 0 : e.stopPropagation();
-      const elements = this.$refs.input;
-      const ref = this.$refs.input && elements[otpIdx || 0];
+      const ref = this.inputRefs[otpIdx || 0];
       if (!ref) return;
 
       if (document.activeElement !== ref) {
         ref.focus();
+        this.isFocused = true;
         return ref.select();
       }
 
@@ -270,12 +293,12 @@ export default baseMixins.extend({
     },
 
     clearFocus(index) {
-      const input = this.$refs.input[index];
-      input.blur();
+      const input = this.inputRefs[index];
+      input === null || input === void 0 ? void 0 : input.blur();
     },
 
     onKeyDown(e) {
-      if (e.keyCode === keyCodes.enter) {
+      if (e.key === 'Enter') {
         this.$emit('change', this.internalValue);
       }
 
@@ -283,8 +306,9 @@ export default baseMixins.extend({
     },
 
     onMouseDown(e, otpIdx) {
-      // Prevent input from being blurred
-      if (e.target !== this.$refs.input[otpIdx]) {
+      const inputRef = this.inputRefs[otpIdx]; // Prevent input from being blurred
+
+      if (e.target !== inputRef) {
         e.preventDefault();
         e.stopPropagation();
       }
@@ -306,9 +330,9 @@ export 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);
       }
     },
 

package/lib/components/VOtpInput/VOtpInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VOtpInput/VOtpInput.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport '../VTextField/VTextField.sass'\nimport './VOtpInput.sass'\n\n// Extensions\nimport VInput from '../VInput'\nimport VTextField from '../VTextField/VTextField'\n// Directives\nimport ripple from '../../directives/ripple'\n\n// Utilities\nimport { convertToUnit, keyCodes } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport mixins from '../../util/mixins'\nimport { VNode } from 'vue'\n\nconst baseMixins = mixins(\n  VInput,\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  $refs: {\n    input: HTMLInputElement[]\n  }\n}\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-otp-input',\n\n\n  inheritAttrs: false,\n\n  props: {\n    length: {\n      type: [Number, String],\n      default: 6,\n    },\n    type: {\n      type: String,\n      default: 'text',\n    },\n    plain: Boolean,\n  },\n\n  emits: ['blur', 'focus', 'change', 'keydown', 'finish'],\n\n  data: () => ({\n    initialValue: null,\n    isBooted: false,\n    otp: [] as string[],\n  }),\n\n  computed: {\n    outlined (): boolean {\n      return !this.plain\n    },\n    fullWidth (): boolean {\n      return false\n    },\n    prefix (): boolean {\n      return false\n    },\n    isSingle (): boolean {\n      return true\n    },\n    isSolo (): boolean {\n      return false\n    },\n    soloInverted (): boolean {\n      return false\n    },\n    flat (): boolean {\n      return false\n    },\n    filled (): boolean {\n      return false\n    },\n    isEnclosed (): boolean {\n      return this.outlined\n    },\n    reverse (): boolean {\n      return false\n    },\n    placeholder (): string {\n      return ''\n    },\n    rounded (): boolean {\n      return false\n    },\n    shaped (): boolean {\n      return false\n    },\n    classes (): object {\n      return {\n        ...VInput.computed.classes.call(this),\n        ...VTextField.computed.classes.call(this),\n        'v-otp-input--plain': this.plain,\n      }\n    },\n  },\n\n  watch: {\n    isFocused: 'updateValue',\n    modelValue (val) {\n      this.lazyValue = val\n      this.otp = val?.split('') || []\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('browser-autocomplete')) {\n      breaking('browser-autocomplete', 'autocomplete', this)\n    }\n\n    this.otp = this.internalValue?.split('') || []\n  },\n\n  mounted () {\n    requestAnimationFrame(() => (this.isBooted = true))\n  },\n\n  methods: {\n    /** @public */\n    focus (e: Event, otpIdx: number) {\n      this.onFocus(e, otpIdx || 0)\n    },\n    genInputSlot (otpIdx: number) {\n      return h('div', this.setBackgroundColor(this.backgroundColor, {\n        class: 'v-input__slot',\n        style: { height: convertToUnit(this.height) },\n        onClick: () => this.onClick(otpIdx),\n        onMousedown: (e: Event) => this.onMouseDown(e, otpIdx),\n        onMouseup: (e: Event) => this.onMouseUp(e, otpIdx),\n      }), [this.genDefaultSlot(otpIdx)])\n    },\n    genControl (otpIdx: number) {\n      return h('div', {\n        class: 'v-input__control',\n      }, [\n        this.genInputSlot(otpIdx),\n      ])\n    },\n    genDefaultSlot (otpIdx: number) {\n      return [\n        this.genFieldset(),\n        this.genTextFieldSlot(otpIdx),\n      ]\n    },\n    genContent () {\n      return Array.from({ length: +this.length }, (_, i) => {\n        return h('div', this.setTextColor(this.validationState, {\n          class: ['v-input', this.classes]\n        }), [this.genControl(i)])\n      })\n    },\n    genFieldset () {\n      return h('fieldset', {\n        attrs: {\n          'aria-hidden': true,\n        },\n      }, [this.genLegend()])\n    },\n    genLegend () {\n      const span = h('span', {\n        domProps: { innerHTML: '&#8203;' },\n      })\n\n      return h('legend', {\n        style: {\n          width: '0px',\n        },\n      }, [span])\n    },\n    genInput (otpIdx: number) {\n      const listeners = Object.assign({}, this.listeners$)\n      delete listeners.change // Change should not be bound externally\n\n      return h('input', {\n        style: {},\n        value: this.otp[otpIdx],\n        min: this.type === 'number' ? 0 : null,\n        ...this.attrs$,\n        autocomplete: 'one-time-code',\n        disabled: this.isDisabled,\n        readonly: this.isReadonly,\n        type: this.type,\n        id: `${this.computedId}--${otpIdx}`,\n        class: `otp-field-box--${otpIdx}`,\n        ...Object.assign(listeners, {\n          onBlur: this.onBlur,\n          onInput: (e: Event) => this.onInput(e, otpIdx),\n          onFocus: (e: Event) => this.onFocus(e, otpIdx),\n          onKeydown: this.onKeyDown,\n          onKeyup: (e: KeyboardEvent) => this.onKeyUp(e, otpIdx),\n        }),\n        ref: 'input',\n        refInFor: true,\n      })\n    },\n    genTextFieldSlot (otpIdx: number): VNode {\n      return h('div', {\n        class: 'v-text-field__slot',\n      }, [\n        this.genInput(otpIdx),\n      ])\n    },\n    onBlur (e?: Event) {\n      this.isFocused = false\n      e && this.$nextTick(() => this.$emit('blur', e))\n    },\n    onClick (otpIdx: number) {\n      if (this.isFocused || this.isDisabled || !this.$refs.input[otpIdx]) return\n\n      this.onFocus(undefined, otpIdx)\n    },\n    onFocus (e?: Event, otpIdx?: number) {\n      e?.preventDefault()\n      e?.stopPropagation()\n      const elements = this.$refs.input as HTMLInputElement[]\n      const ref = this.$refs.input && elements[otpIdx || 0]\n      if (!ref) return\n\n      if (document.activeElement !== ref) {\n        ref.focus()\n        return ref.select()\n      }\n\n      if (!this.isFocused) {\n        this.isFocused = true\n        ref.select()\n        e && this.$emit('focus', e)\n      }\n    },\n    onInput (e: Event, index: number) {\n      const maxCursor = +this.length - 1\n\n      const target = e.target as HTMLInputElement\n      const value = target.value\n      const inputDataArray = value?.split('') || []\n\n      const newOtp: string[] = [...this.otp]\n      for (let i = 0; i < inputDataArray.length; i++) {\n        const appIdx = index + i\n        if (appIdx > maxCursor) break\n        newOtp[appIdx] = inputDataArray[i].toString()\n      }\n      if (!inputDataArray.length) {\n        newOtp.splice(index, 1)\n      }\n\n      this.otp = newOtp\n      this.internalValue = this.otp.join('')\n\n      if (index + inputDataArray.length >= +this.length) {\n        this.onCompleted()\n        this.clearFocus(index)\n      } else if (inputDataArray.length) {\n        this.changeFocus(index + inputDataArray.length)\n      }\n    },\n    clearFocus (index: number) {\n      const input = this.$refs.input[index] as HTMLInputElement\n      input.blur()\n    },\n    onKeyDown (e: KeyboardEvent) {\n      if (e.keyCode === keyCodes.enter) {\n        this.$emit('change', this.internalValue)\n      }\n\n      this.$emit('keydown', e)\n    },\n    onMouseDown (e: Event, otpIdx: number) {\n      // Prevent input from being blurred\n      if (e.target !== this.$refs.input[otpIdx]) {\n        e.preventDefault()\n        e.stopPropagation()\n      }\n\n      VInput.methods.onMouseDown.call(this, e)\n    },\n    onMouseUp (e: Event, otpIdx: number) {\n      if (this.hasMouseDown) this.focus(e, otpIdx)\n\n      VInput.methods.onMouseUp.call(this, e)\n    },\n    changeFocus (index: number) {\n      this.onFocus(undefined, index || 0)\n    },\n    updateValue (val: boolean) {\n      // Sets validationState from validatable\n      this.hasColor = val\n\n      if (val) {\n        this.initialValue = this.lazyValue\n      } else if (this.initialValue !== this.lazyValue) {\n        this.$emit('change', this.lazyValue)\n      }\n    },\n    onKeyUp (event: KeyboardEvent, index: number) {\n      event.preventDefault()\n      const eventKey = event.key\n      if (['Tab', 'Shift', 'Meta', 'Control', 'Alt'].includes(eventKey)) {\n        return\n      }\n      if (['Delete'].includes(eventKey)) {\n        return\n      }\n      if (eventKey === 'ArrowLeft' || (eventKey === 'Backspace' && !this.otp[index])) {\n        return index > 0 && this.changeFocus(index - 1)\n      }\n      if (eventKey === 'ArrowRight') {\n        return index + 1 < +this.length && this.changeFocus(index + 1)\n      }\n    },\n    onCompleted () {\n      const rsp = this.otp.join('')\n      if (rsp.length === +this.length) {\n        this.$emit('finish', rsp)\n      }\n    },\n  },\n  render (): VNode {\n    return h('div', {\n      class: ['v-otp-input', this.themeClasses],\n    }, this.genContent())\n  },\n})\n"],"sourceRoot":"","file":"VOtpInput.js"}
+{"version":3,"sources":["../../../src/components/VOtpInput/VOtpInput.ts"],"names":[],"mappings":"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","sourcesContent":["import { h } from 'vue'\n// Styles\nimport '../VTextField/VTextField.sass'\nimport './VOtpInput.sass'\n\n// Extensions\nimport VInput from '../VInput'\nimport VTextField from '../VTextField/VTextField'\n// Directives\nimport ripple from '../../directives/ripple'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport mixins from '../../util/mixins'\nimport type { VNode } from 'vue'\n\nconst baseMixins = mixins(\n  VInput,\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  $refs: {\n    input: HTMLInputElement[]\n  }\n}\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-otp-input',\n\n  inheritAttrs: false,\n\n  props: {\n    length: {\n      type: [Number, String],\n      default: 6,\n    },\n    type: {\n      type: String,\n      default: 'text',\n    },\n    plain: Boolean,\n    modelValue: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: ['blur', 'focus', 'change', 'keydown', 'finish', 'update:modelValue'],\n\n  data: () => ({\n    initialValue: null,\n    isBooted: false,\n    otp: [] as string[],\n    lazyValue: '',\n    inputRefs: [] as HTMLInputElement[],\n  }),\n\n  computed: {\n    outlined (): boolean {\n      return !this.plain\n    },\n    fullWidth (): boolean {\n      return false\n    },\n    prefix (): boolean {\n      return false\n    },\n    isSingle (): boolean {\n      return true\n    },\n    isSolo (): boolean {\n      return false\n    },\n    soloInverted (): boolean {\n      return false\n    },\n    flat (): boolean {\n      return false\n    },\n    filled (): boolean {\n      return false\n    },\n    reverse (): boolean {\n      return false\n    },\n    placeholder (): string {\n      return ''\n    },\n    rounded (): boolean {\n      return false\n    },\n    shaped (): boolean {\n      return false\n    },\n    internalValue: {\n      get (): string {\n        return this.lazyValue\n      },\n      set (val: string) {\n        this.lazyValue = val\n        this.$emit('update:modelValue', val)\n      },\n    },\n    classes (): object {\n      return {\n        ...VInput.computed.classes.call(this),\n        ...VTextField.computed.classes.call(this),\n        'v-otp-input--plain': this.plain,\n      }\n    },\n    isEnclosed (): boolean {\n      return false\n    },\n  },\n\n  watch: {\n    isFocused: 'updateValue',\n    modelValue (val) {\n      this.lazyValue = val\n      this.otp = val?.split('') || []\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('browser-autocomplete')) {\n      breaking('browser-autocomplete', 'autocomplete', this)\n    }\n\n    this.lazyValue = this.modelValue\n    this.otp = this.modelValue?.split('') || []\n  },\n\n  mounted () {\n    requestAnimationFrame(() => (this.isBooted = true))\n  },\n\n  methods: {\n    /** @public */\n    focus (e: Event, otpIdx: number) {\n      this.onFocus(e, otpIdx || 0)\n    },\n    genInputSlot (otpIdx: number) {\n      return h('div', this.setBackgroundColor(this.backgroundColor, {\n        class: 'v-input__slot',\n        style: { height: convertToUnit(this.height) },\n        onClick: () => this.onClick(otpIdx),\n        onMousedown: (e: Event) => this.onMouseDown(e, otpIdx),\n        onMouseup: (e: Event) => this.onMouseUp(e, otpIdx),\n      }), [this.genDefaultSlot(otpIdx)])\n    },\n    genControl (otpIdx: number) {\n      return h('div', {\n        class: 'v-input__control',\n      }, [\n        this.genInputSlot(otpIdx),\n      ])\n    },\n    genDefaultSlot (otpIdx: number) {\n      return [\n        this.genFieldset(),\n        this.genTextFieldSlot(otpIdx),\n      ]\n    },\n    genContent () {\n      return Array.from({ length: +this.length }, (_, i) => {\n        return h('div', this.setTextColor(this.validationState, {\n          class: ['v-input', this.classes],\n        }), [this.genControl(i)])\n      })\n    },\n    genFieldset () {\n      return h('fieldset', {\n        'aria-hidden': 'true',\n      }, [this.genLegend()])\n    },\n    genLegend () {\n      const span = h('span', {\n        innerHTML: '&#8203;',\n      })\n\n      return h('legend', {\n        style: {\n          width: '0px',\n        },\n      }, [span])\n    },\n    genInput (otpIdx: number) {\n      const listeners = Object.assign({}, this.$attrs)\n      delete listeners.onChange // Change should not be bound externally\n\n      const inputProps: any = {\n        style: {},\n        value: this.otp[otpIdx],\n        ...this.$attrs,\n        autocomplete: 'one-time-code',\n        disabled: this.isDisabled,\n        readonly: this.isReadonly,\n        type: this.type,\n        id: `${this.computedId}--${otpIdx}`,\n        class: `otp-field-box--${otpIdx}`,\n        ...Object.assign(listeners, {\n          onBlur: this.onBlur,\n          onInput: (e: Event) => this.onInput(e, otpIdx),\n          onFocus: (e: Event) => this.onFocus(e, otpIdx),\n          onKeydown: this.onKeyDown,\n          onKeyup: (e: KeyboardEvent) => this.onKeyUp(e, otpIdx),\n        }),\n        ref: (el: HTMLInputElement) => {\n          if (el) {\n            this.inputRefs[otpIdx] = el\n          }\n        },\n      }\n\n      if (this.type === 'number') {\n        inputProps.min = 0\n      }\n\n      return h('input', inputProps)\n    },\n    genTextFieldSlot (otpIdx: number): VNode {\n      return h('div', {\n        class: 'v-text-field__slot',\n      }, [\n        this.genInput(otpIdx),\n      ])\n    },\n    onBlur (e?: Event) {\n      this.isFocused = false\n      e && this.$nextTick(() => this.$emit('blur', e))\n    },\n    onClick (otpIdx: number) {\n      if (this.isFocused || this.isDisabled || !this.inputRefs[otpIdx]) return\n\n      this.onFocus(undefined, otpIdx)\n    },\n    onFocus (e?: Event, otpIdx?: number) {\n      e?.preventDefault()\n      e?.stopPropagation()\n\n      const ref = this.inputRefs[otpIdx || 0]\n      if (!ref) return\n\n      if (document.activeElement !== ref) {\n        ref.focus()\n        this.isFocused = true\n        return ref.select()\n      }\n\n      if (!this.isFocused) {\n        this.isFocused = true\n        ref.select()\n        e && this.$emit('focus', e)\n      }\n    },\n    onInput (e: Event, index: number) {\n      const maxCursor = +this.length - 1\n\n      const target = e.target as HTMLInputElement\n      const value = target.value\n      const inputDataArray = value?.split('') || []\n\n      const newOtp: string[] = [...this.otp]\n      for (let i = 0; i < inputDataArray.length; i++) {\n        const appIdx = index + i\n        if (appIdx > maxCursor) break\n        newOtp[appIdx] = inputDataArray[i].toString()\n      }\n      if (!inputDataArray.length) {\n        newOtp.splice(index, 1)\n      }\n\n      this.otp = newOtp\n      this.internalValue = this.otp.join('')\n\n      if (index + inputDataArray.length >= +this.length) {\n        this.onCompleted()\n        this.clearFocus(index)\n      } else if (inputDataArray.length) {\n        this.changeFocus(index + inputDataArray.length)\n      }\n    },\n    clearFocus (index: number) {\n      const input = this.inputRefs[index]\n      input?.blur()\n    },\n    onKeyDown (e: KeyboardEvent) {\n      if (e.key === 'Enter') {\n        this.$emit('change', this.internalValue)\n      }\n\n      this.$emit('keydown', e)\n    },\n    onMouseDown (e: Event, otpIdx: number) {\n      const inputRef = this.inputRefs[otpIdx]\n\n      // Prevent input from being blurred\n      if (e.target !== inputRef) {\n        e.preventDefault()\n        e.stopPropagation()\n      }\n\n      VInput.methods.onMouseDown.call(this, e)\n    },\n    onMouseUp (e: Event, otpIdx: number) {\n      if (this.hasMouseDown) this.focus(e, otpIdx)\n\n      VInput.methods.onMouseUp.call(this, e)\n    },\n    changeFocus (index: number) {\n      this.onFocus(undefined, index || 0)\n    },\n    updateValue (val: boolean) {\n      // Sets validationState from validatable\n      this.hasColor = val\n\n      if (val) {\n        this.initialValue = this.internalValue\n      } else if (this.initialValue !== this.internalValue) {\n        this.$emit('change', this.internalValue)\n      }\n    },\n    onKeyUp (event: KeyboardEvent, index: number) {\n      event.preventDefault()\n      const eventKey = event.key\n\n      if (['Tab', 'Shift', 'Meta', 'Control', 'Alt'].includes(eventKey)) {\n        return\n      }\n      if (['Delete'].includes(eventKey)) {\n        return\n      }\n      if (eventKey === 'ArrowLeft' || (eventKey === 'Backspace' && !this.otp[index])) {\n        return index > 0 && this.changeFocus(index - 1)\n      }\n      if (eventKey === 'ArrowRight') {\n        return index + 1 < +this.length && this.changeFocus(index + 1)\n      }\n    },\n    onCompleted () {\n      const rsp = this.otp.join('')\n      if (rsp.length === +this.length) {\n        this.$emit('finish', rsp)\n      }\n    },\n  },\n  render (): VNode {\n    return h('div', {\n      class: ['v-otp-input', this.themeClasses],\n    }, this.genContent())\n  },\n})\n"],"sourceRoot":"","file":"VOtpInput.js"}