@dimailn/vuetify 2.7.2-alpha4 → 2.7.2-alpha40

package/lib/components/VNavigationDrawer/VNavigationDrawer.js

@@ -13,21 +13,16 @@ import SSRBootable from '../../mixins/ssr-bootable';
 import Themeable from '../../mixins/themeable'; // Directives
 
 import ClickOutside from '../../directives/click-outside';
-import Resize from '../../directives/resize';
 import Touch from '../../directives/touch'; // Utilities
 
-import { convertToUnit, getSlot } from '../../util/helpers';
+import { convertToUnit, getSlot, getTagValue } from '../../util/helpers';
+import { breaking } from '../../util/console';
 import mixins from '../../util/mixins';
 const baseMixins = mixins(Applicationable('left', ['isActive', 'isMobile', 'miniVariant', 'expandOnHover', 'permanent', 'right', 'temporary', 'width']), Colorable, Dependent, Mobile, Overlayable, SSRBootable, Themeable);
 /* @vue/component */
 
 export default baseMixins.extend({
   name: 'v-navigation-drawer',
-  directives: {
-    ClickOutside,
-    Resize,
-    Touch
-  },
 
   provide() {
     return {
@@ -68,6 +63,7 @@ export default baseMixins.extend({
     },
     modelValue: null
   },
+  emits: ['update:modelValue', 'transitionend', 'update:mini-variant'],
   data: () => ({
     isMouseover: false,
     touchArea: {
@@ -231,6 +227,15 @@ export default baseMixins.extend({
 
   },
 
+  created() {
+    const breakingProps = [['value', 'modelValue'], ['onInput', 'onUpdate:modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
+    });
+  },
+
   beforeMount() {
     this.init();
   },
@@ -247,7 +252,7 @@ export default baseMixins.extend({
     },
 
     closeConditional() {
-      return this.isActive && !this._isDestroyed && this.reactsToClick;
+      return this.isActive && !this.$.isUnmounted && this.reactsToClick;
     },
 
     genAppend() {
@@ -269,7 +274,7 @@ export default baseMixins.extend({
     },
 
     genDirectives() {
-      const directives = [[ClickOutside, {
+      return [[ClickOutside, {
         handler: () => {
           this.isActive = false;
         },
@@ -281,7 +286,6 @@ export default baseMixins.extend({
         right: this.swipeRight,
         isDirActive: !this.touchless && !this.stateless
       }]];
-      return directives;
     },
 
     genListeners() {
@@ -376,8 +380,9 @@ export default baseMixins.extend({
 
   render() {
     const children = [this.genPrepend(), this.genContent(), this.genAppend(), this.genBorder()];
-    if (this.src || getSlot(this, 'img')) children.unshift(this.genBackground());
-    const node = h(this.$tag, this.setBackgroundColor(this.color, {
+    if (this.src || getSlot(this, 'img')) children.unshift(this.genBackground()); // this.$tag сейчас всегда равен nav|aside, но оборачиваем в getTagValue на случай возможных изменений
+
+    const node = h(getTagValue(this.$tag), this.setBackgroundColor(this.color, {
       class: this.classes,
       style: this.styles,
       ...this.genListeners()

package/lib/components/VNavigationDrawer/VNavigationDrawer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VNavigationDrawer/VNavigationDrawer.ts"],"names":[],"mappings":"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","sourcesContent":["import {h, withDirectives} from 'vue'\n// Styles\nimport './VNavigationDrawer.sass'\n\n// Components\nimport VImg, { srcObject } from '../VImg/VImg'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport Colorable from '../../mixins/colorable'\nimport Dependent from '../../mixins/dependent'\nimport Mobile from '../../mixins/mobile'\nimport Overlayable from '../../mixins/overlayable'\nimport SSRBootable from '../../mixins/ssr-bootable'\nimport Themeable from '../../mixins/themeable'\n\n// Directives\nimport ClickOutside from '../../directives/click-outside'\nimport Resize from '../../directives/resize'\nimport Touch from '../../directives/touch'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode, VNodeDirective, PropType } from 'vue'\nimport { TouchWrapper } from 'vuetify/types'\n\nconst baseMixins = mixins(\n  Applicationable('left', [\n    'isActive',\n    'isMobile',\n    'miniVariant',\n    'expandOnHover',\n    'permanent',\n    'right',\n    'temporary',\n    'width',\n  ]),\n  Colorable,\n  Dependent,\n  Mobile,\n  Overlayable,\n  SSRBootable,\n  Themeable\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-navigation-drawer',\n\n  directives: {\n    ClickOutside,\n    Resize,\n    Touch,\n  },\n\n  provide (): object {\n    return {\n      isInNav: this.$tag === 'nav',\n    }\n  },\n\n  props: {\n    bottom: Boolean,\n    clipped: Boolean,\n    disableResizeWatcher: Boolean,\n    disableRouteWatcher: Boolean,\n    expandOnHover: Boolean,\n    floating: Boolean,\n    height: {\n      type: [Number, String],\n    },\n    miniVariant: Boolean,\n    miniVariantWidth: {\n      type: [Number, String],\n      default: 56,\n    },\n    permanent: Boolean,\n    right: Boolean,\n    src: {\n      type: [String, Object] as PropType<string | srcObject>,\n      default: '',\n    },\n    stateless: Boolean,\n    tag: {\n      type: String\n    },\n    temporary: Boolean,\n    touchless: Boolean,\n    width: {\n      type: [Number, String],\n      default: 256,\n    },\n    modelValue: null as unknown as PropType<any>,\n  },\n\n  data: () => ({\n    isMouseover: false,\n    touchArea: {\n      left: 0,\n      right: 0,\n    },\n    stackMinZIndex: 6,\n  }),\n\n  computed: {\n    $tag() {\n      return this.tag || this.app ? 'nav' : 'aside'\n    },\n    $height() {\n      return this.height || (this.app ? '100vh' : '100%')\n    },\n    /**\n     * Used for setting an app value from a dynamic\n     * property. Called from applicationable.js\n     */\n    applicationProperty (): string {\n      return this.right ? 'right' : 'left'\n    },\n    classes (): object {\n      return {\n        'v-navigation-drawer': true,\n        'v-navigation-drawer--absolute': this.absolute,\n        'v-navigation-drawer--bottom': this.bottom,\n        'v-navigation-drawer--clipped': this.clipped,\n        'v-navigation-drawer--close': !this.isActive,\n        'v-navigation-drawer--fixed': !this.absolute && (this.app || this.fixed),\n        'v-navigation-drawer--floating': this.floating,\n        'v-navigation-drawer--is-mobile': this.isMobile,\n        'v-navigation-drawer--is-mouseover': this.isMouseover,\n        'v-navigation-drawer--mini-variant': this.isMiniVariant,\n        'v-navigation-drawer--custom-mini-variant': Number(this.miniVariantWidth) !== 56,\n        'v-navigation-drawer--open': this.isActive,\n        'v-navigation-drawer--open-on-hover': this.expandOnHover,\n        'v-navigation-drawer--right': this.right,\n        'v-navigation-drawer--temporary': this.temporary,\n        ...this.themeClasses,\n      }\n    },\n    computedMaxHeight (): number | null {\n      if (!this.hasApp) return null\n\n      const computedMaxHeight = (\n        this.$vuetify.application.bottom +\n        this.$vuetify.application.footer +\n        this.$vuetify.application.bar\n      )\n\n      if (!this.clipped) return computedMaxHeight\n\n      return computedMaxHeight + this.$vuetify.application.top\n    },\n    computedTop (): number {\n      if (!this.hasApp) return 0\n\n      let computedTop = this.$vuetify.application.bar\n\n      computedTop += this.clipped\n        ? this.$vuetify.application.top\n        : 0\n\n      return computedTop\n    },\n    computedTransform (): number {\n      if (this.isActive) return 0\n      if (this.isBottom) return 100\n      return this.right ? 100 : -100\n    },\n    computedWidth (): string | number {\n      return this.isMiniVariant ? this.miniVariantWidth : this.width\n    },\n    hasApp (): boolean {\n      return (\n        this.app &&\n        (!this.isMobile && !this.temporary)\n      )\n    },\n    isBottom (): boolean {\n      return this.bottom && this.isMobile\n    },\n    isMiniVariant (): boolean {\n      return (\n        !this.expandOnHover &&\n        this.miniVariant\n      ) || (\n        this.expandOnHover &&\n        !this.isMouseover\n      )\n    },\n    isMobile (): boolean {\n      return (\n        !this.stateless &&\n        !this.permanent &&\n        Mobile.computed.isMobile.call(this)\n      )\n    },\n    reactsToClick (): boolean {\n      return (\n        !this.stateless &&\n        !this.permanent &&\n        (this.isMobile || this.temporary)\n      )\n    },\n    reactsToMobile (): boolean {\n      return (\n        this.app &&\n        !this.disableResizeWatcher &&\n        !this.permanent &&\n        !this.stateless &&\n        !this.temporary\n      )\n    },\n    reactsToResize (): boolean {\n      return !this.disableResizeWatcher && !this.stateless\n    },\n    reactsToRoute (): boolean {\n      return (\n        !this.disableRouteWatcher &&\n        !this.stateless &&\n        (this.temporary || this.isMobile)\n      )\n    },\n    showOverlay (): boolean {\n      return (\n        !this.hideOverlay &&\n        this.isActive &&\n        (this.isMobile || this.temporary)\n      )\n    },\n    styles (): object {\n      const translate = this.isBottom ? 'translateY' : 'translateX'\n      return {\n        height: convertToUnit(this.$height),\n        top: !this.isBottom ? convertToUnit(this.computedTop) : 'auto',\n        maxHeight: this.computedMaxHeight != null\n          ? `calc(100% - ${convertToUnit(this.computedMaxHeight)})`\n          : undefined,\n        transform: `${translate}(${convertToUnit(this.computedTransform, '%')})`,\n        width: convertToUnit(this.computedWidth),\n      }\n    },\n  },\n\n  watch: {\n    $route: 'onRouteChange',\n    isActive (val) {\n      this.$emit('update:modelValue', val)\n    },\n    /**\n     * When mobile changes, adjust the active state\n     * only when there has been a previous value\n     */\n    isMobile (val, prev) {\n      !val &&\n        this.isActive &&\n        !this.temporary &&\n        this.removeOverlay()\n\n      if (prev == null ||\n        !this.reactsToResize ||\n        !this.reactsToMobile\n      ) return\n\n      this.isActive = !val\n    },\n    permanent (val) {\n      // If enabling prop enable the drawer\n      if (val) this.isActive = true\n    },\n    showOverlay (val) {\n      if (val) this.genOverlay()\n      else this.removeOverlay()\n    },\n    modelValue (val) {\n      if (this.permanent) return\n\n      if (val == null) {\n        this.init()\n        return\n      }\n\n      if (val !== this.isActive) this.isActive = val\n    },\n    expandOnHover: 'updateMiniVariant',\n    isMouseover (val) {\n      this.updateMiniVariant(!val)\n    },\n  },\n\n  beforeMount () {\n    this.init()\n  },\n\n  methods: {\n    calculateTouchArea () {\n      const parent = this.$el.parentNode as Element\n\n      if (!parent) return\n\n      const parentRect = parent.getBoundingClientRect()\n\n      this.touchArea = {\n        left: parentRect.left + 50,\n        right: parentRect.right - 50,\n      }\n    },\n    closeConditional () {\n      return this.isActive && !this._isDestroyed && this.reactsToClick\n    },\n    genAppend () {\n      return this.genPosition('append')\n    },\n    genBackground () {\n      const props = {\n        height: '100%',\n        width: '100%',\n        src: this.src,\n      }\n\n      const image = this.$slots.img\n        ? this.$slots.img(props)\n        : h(VImg, { props })\n\n      return h('div', {\n        class: 'v-navigation-drawer__image',\n      }, [image])\n    },\n    genDirectives (): VNodeDirective[] {\n      const directives = [\n        [\n          ClickOutside,\n          {\n            handler: () => { this.isActive = false },\n            closeConditional: this.closeConditional,\n            include: this.getOpenDependentElements,\n          }\n        ],\n        [\n          Touch,\n          {\n            parent: true,\n            left: this.swipeLeft,\n            right: this.swipeRight,\n            isDirActive: !this.touchless && !this.stateless\n          },\n        ]\n      ]\n\n      return directives\n    },\n    genListeners () {\n      const on: Record<string, (e: Event) => void> = {\n        onMouseenter: () => (this.isMouseover = true),\n        onMouseleave: () => (this.isMouseover = false),\n        onTransitionend: (e: Event) => {\n          if (e.target !== e.currentTarget) return\n          this.$emit('transitionend', e)\n\n          // IE11 does not support new Event('resize')\n          const resizeEvent = document.createEvent('UIEvents')\n          resizeEvent.initUIEvent('resize', true, false, window, 0)\n          window.dispatchEvent(resizeEvent)\n        },\n      }\n\n      if (this.miniVariant) {\n        on.onClick = () => this.$emit('update:mini-variant', false)\n      }\n\n      return on\n    },\n    genPosition (name: 'prepend' | 'append') {\n      const slot = getSlot(this, name)\n\n      if (!slot) return slot\n\n      return h('div', {\n        class: `v-navigation-drawer__${name}`,\n      }, slot)\n    },\n    genPrepend () {\n      return this.genPosition('prepend')\n    },\n    genContent () {\n      return h('div', {\n        class: 'v-navigation-drawer__content',\n      }, getSlot(this))\n    },\n    genBorder () {\n      return h('div', {\n        class: 'v-navigation-drawer__border',\n      })\n    },\n    init () {\n      if (this.permanent) {\n        this.isActive = true\n      } else if (this.stateless ||\n        this.modelValue != null\n      ) {\n        this.isActive = this.modelValue\n      } else if (!this.temporary) {\n        this.isActive = !this.isMobile\n      }\n    },\n    onRouteChange () {\n      if (this.reactsToRoute && this.closeConditional()) {\n        this.isActive = false\n      }\n    },\n    swipeLeft (e: TouchWrapper) {\n      if (this.isActive && this.right) return\n      this.calculateTouchArea()\n\n      if (Math.abs(e.touchendX - e.touchstartX) < 100) return\n      if (this.right &&\n        e.touchstartX >= this.touchArea.right\n      ) this.isActive = true\n      else if (!this.right && this.isActive) this.isActive = false\n    },\n    swipeRight (e: TouchWrapper) {\n      if (this.isActive && !this.right) return\n      this.calculateTouchArea()\n\n      if (Math.abs(e.touchendX - e.touchstartX) < 100) return\n      if (!this.right &&\n        e.touchstartX <= this.touchArea.left\n      ) this.isActive = true\n      else if (this.right && this.isActive) this.isActive = false\n    },\n    /**\n     * Update the application layout\n     */\n    updateApplication () {\n      if (\n        !this.isActive ||\n        this.isMobile ||\n        this.temporary ||\n        !this.$el\n      ) return 0\n\n      const width = Number(this.miniVariant ? this.miniVariantWidth : this.width)\n\n      return isNaN(width) ? this.$el.clientWidth : width\n    },\n    updateMiniVariant (val: boolean) {\n      if (this.expandOnHover && this.miniVariant !== val) this.$emit('update:mini-variant', val)\n    },\n  },\n\n  render (): VNode {\n    const children = [\n      this.genPrepend(),\n      this.genContent(),\n      this.genAppend(),\n      this.genBorder(),\n    ]\n\n    if (this.src || getSlot(this, 'img')) children.unshift(this.genBackground())\n\n    const node = h(this.$tag, this.setBackgroundColor(this.color, {\n      class: this.classes,\n      style: this.styles,\n      ...this.genListeners(),\n    }), children)\n\n    return withDirectives(node, this.genDirectives())\n  },\n})\n"],"sourceRoot":"","file":"VNavigationDrawer.js"}
+{"version":3,"sources":["../../../src/components/VNavigationDrawer/VNavigationDrawer.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, withDirectives } from 'vue'\n// Styles\nimport './VNavigationDrawer.sass'\n\n// Components\nimport VImg, { srcObject } from '../VImg/VImg'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport Colorable from '../../mixins/colorable'\nimport Dependent from '../../mixins/dependent'\nimport Mobile from '../../mixins/mobile'\nimport Overlayable from '../../mixins/overlayable'\nimport SSRBootable from '../../mixins/ssr-bootable'\nimport Themeable from '../../mixins/themeable'\n\n// Directives\nimport ClickOutside from '../../directives/click-outside'\nimport Resize from '../../directives/resize'\nimport Touch from '../../directives/touch'\n\n// Utilities\nimport { convertToUnit, getSlot, getTagValue } from '../../util/helpers'\nimport { breaking } from '../../util/console'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode, VNodeDirective, PropType } from 'vue'\nimport { TouchWrapper } from 'vuetify/types'\n\nconst baseMixins = mixins(\n  Applicationable('left', [\n    'isActive',\n    'isMobile',\n    'miniVariant',\n    'expandOnHover',\n    'permanent',\n    'right',\n    'temporary',\n    'width',\n  ]),\n  Colorable,\n  Dependent,\n  Mobile,\n  Overlayable,\n  SSRBootable,\n  Themeable\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-navigation-drawer',\n\n  provide (): object {\n    return {\n      isInNav: this.$tag === 'nav',\n    }\n  },\n\n  props: {\n    bottom: Boolean,\n    clipped: Boolean,\n    disableResizeWatcher: Boolean,\n    disableRouteWatcher: Boolean,\n    expandOnHover: Boolean,\n    floating: Boolean,\n    height: {\n      type: [Number, String],\n    },\n    miniVariant: Boolean,\n    miniVariantWidth: {\n      type: [Number, String],\n      default: 56,\n    },\n    permanent: Boolean,\n    right: Boolean,\n    src: {\n      type: [String, Object] as PropType<string | srcObject>,\n      default: '',\n    },\n    stateless: Boolean,\n    tag: {\n      type: String,\n    },\n    temporary: Boolean,\n    touchless: Boolean,\n    width: {\n      type: [Number, String],\n      default: 256,\n    },\n    modelValue: null as unknown as PropType<any>,\n  },\n\n  emits: ['update:modelValue', 'transitionend', 'update:mini-variant'],\n\n  data: () => ({\n    isMouseover: false,\n    touchArea: {\n      left: 0,\n      right: 0,\n    },\n    stackMinZIndex: 6,\n  }),\n\n  computed: {\n    $tag () {\n      return this.tag || this.app ? 'nav' : 'aside'\n    },\n    $height () {\n      return this.height || (this.app ? '100vh' : '100%')\n    },\n    /**\n     * Used for setting an app value from a dynamic\n     * property. Called from applicationable.js\n     */\n    applicationProperty (): string {\n      return this.right ? 'right' : 'left'\n    },\n    classes (): object {\n      return {\n        'v-navigation-drawer': true,\n        'v-navigation-drawer--absolute': this.absolute,\n        'v-navigation-drawer--bottom': this.bottom,\n        'v-navigation-drawer--clipped': this.clipped,\n        'v-navigation-drawer--close': !this.isActive,\n        'v-navigation-drawer--fixed': !this.absolute && (this.app || this.fixed),\n        'v-navigation-drawer--floating': this.floating,\n        'v-navigation-drawer--is-mobile': this.isMobile,\n        'v-navigation-drawer--is-mouseover': this.isMouseover,\n        'v-navigation-drawer--mini-variant': this.isMiniVariant,\n        'v-navigation-drawer--custom-mini-variant': Number(this.miniVariantWidth) !== 56,\n        'v-navigation-drawer--open': this.isActive,\n        'v-navigation-drawer--open-on-hover': this.expandOnHover,\n        'v-navigation-drawer--right': this.right,\n        'v-navigation-drawer--temporary': this.temporary,\n        ...this.themeClasses,\n      }\n    },\n    computedMaxHeight (): number | null {\n      if (!this.hasApp) return null\n\n      const computedMaxHeight = (\n        this.$vuetify.application.bottom +\n        this.$vuetify.application.footer +\n        this.$vuetify.application.bar\n      )\n\n      if (!this.clipped) return computedMaxHeight\n\n      return computedMaxHeight + this.$vuetify.application.top\n    },\n    computedTop (): number {\n      if (!this.hasApp) return 0\n\n      let computedTop = this.$vuetify.application.bar\n\n      computedTop += this.clipped\n        ? this.$vuetify.application.top\n        : 0\n\n      return computedTop\n    },\n    computedTransform (): number {\n      if (this.isActive) return 0\n      if (this.isBottom) return 100\n      return this.right ? 100 : -100\n    },\n    computedWidth (): string | number {\n      return this.isMiniVariant ? this.miniVariantWidth : this.width\n    },\n    hasApp (): boolean {\n      return (\n        this.app &&\n        (!this.isMobile && !this.temporary)\n      )\n    },\n    isBottom (): boolean {\n      return this.bottom && this.isMobile\n    },\n    isMiniVariant (): boolean {\n      return (\n        !this.expandOnHover &&\n        this.miniVariant\n      ) || (\n        this.expandOnHover &&\n        !this.isMouseover\n      )\n    },\n    isMobile (): boolean {\n      return (\n        !this.stateless &&\n        !this.permanent &&\n        Mobile.computed.isMobile.call(this)\n      )\n    },\n    reactsToClick (): boolean {\n      return (\n        !this.stateless &&\n        !this.permanent &&\n        (this.isMobile || this.temporary)\n      )\n    },\n    reactsToMobile (): boolean {\n      return (\n        this.app &&\n        !this.disableResizeWatcher &&\n        !this.permanent &&\n        !this.stateless &&\n        !this.temporary\n      )\n    },\n    reactsToResize (): boolean {\n      return !this.disableResizeWatcher && !this.stateless\n    },\n    reactsToRoute (): boolean {\n      return (\n        !this.disableRouteWatcher &&\n        !this.stateless &&\n        (this.temporary || this.isMobile)\n      )\n    },\n    showOverlay (): boolean {\n      return (\n        !this.hideOverlay &&\n        this.isActive &&\n        (this.isMobile || this.temporary)\n      )\n    },\n    styles (): object {\n      const translate = this.isBottom ? 'translateY' : 'translateX'\n      return {\n        height: convertToUnit(this.$height),\n        top: !this.isBottom ? convertToUnit(this.computedTop) : 'auto',\n        maxHeight: this.computedMaxHeight != null\n          ? `calc(100% - ${convertToUnit(this.computedMaxHeight)})`\n          : undefined,\n        transform: `${translate}(${convertToUnit(this.computedTransform, '%')})`,\n        width: convertToUnit(this.computedWidth),\n      }\n    },\n  },\n\n  watch: {\n    $route: 'onRouteChange',\n    isActive (val) {\n      this.$emit('update:modelValue', val)\n    },\n    /**\n     * When mobile changes, adjust the active state\n     * only when there has been a previous value\n     */\n    isMobile (val, prev) {\n      !val &&\n        this.isActive &&\n        !this.temporary &&\n        this.removeOverlay()\n\n      if (prev == null ||\n        !this.reactsToResize ||\n        !this.reactsToMobile\n      ) return\n\n      this.isActive = !val\n    },\n    permanent (val) {\n      // If enabling prop enable the drawer\n      if (val) this.isActive = true\n    },\n    showOverlay (val) {\n      if (val) this.genOverlay()\n      else this.removeOverlay()\n    },\n    modelValue (val) {\n      if (this.permanent) return\n\n      if (val == null) {\n        this.init()\n        return\n      }\n\n      if (val !== this.isActive) this.isActive = val\n    },\n    expandOnHover: 'updateMiniVariant',\n    isMouseover (val) {\n      this.updateMiniVariant(!val)\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n      ['onInput', 'onUpdate:modelValue'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  beforeMount () {\n    this.init()\n  },\n\n  methods: {\n    calculateTouchArea () {\n      const parent = this.$el.parentNode as Element\n\n      if (!parent) return\n\n      const parentRect = parent.getBoundingClientRect()\n\n      this.touchArea = {\n        left: parentRect.left + 50,\n        right: parentRect.right - 50,\n      }\n    },\n    closeConditional () {\n      return this.isActive && !this.$.isUnmounted && this.reactsToClick\n    },\n    genAppend () {\n      return this.genPosition('append')\n    },\n    genBackground () {\n      const props = {\n        height: '100%',\n        width: '100%',\n        src: this.src,\n      }\n\n      const image = this.$slots.img\n        ? this.$slots.img(props)\n        : h(VImg, { props })\n\n      return h('div', {\n        class: 'v-navigation-drawer__image',\n      }, [image])\n    },\n    genDirectives (): VNodeDirective[] {\n      return [\n        [\n          ClickOutside,\n          {\n            handler: () => { this.isActive = false },\n            closeConditional: this.closeConditional,\n            include: this.getOpenDependentElements,\n          },\n        ],\n        [\n          Touch,\n          {\n            parent: true,\n            left: this.swipeLeft,\n            right: this.swipeRight,\n            isDirActive: !this.touchless && !this.stateless,\n          },\n        ],\n      ]\n    },\n    genListeners () {\n      const on: Record<string, (e: Event) => void> = {\n        onMouseenter: () => (this.isMouseover = true),\n        onMouseleave: () => (this.isMouseover = false),\n        onTransitionend: (e: Event) => {\n          if (e.target !== e.currentTarget) return\n          this.$emit('transitionend', e)\n\n          // IE11 does not support new Event('resize')\n          const resizeEvent = document.createEvent('UIEvents')\n          resizeEvent.initUIEvent('resize', true, false, window, 0)\n          window.dispatchEvent(resizeEvent)\n        },\n      }\n\n      if (this.miniVariant) {\n        on.onClick = () => this.$emit('update:mini-variant', false)\n      }\n\n      return on\n    },\n    genPosition (name: 'prepend' | 'append') {\n      const slot = getSlot(this, name)\n\n      if (!slot) return slot\n\n      return h('div', {\n        class: `v-navigation-drawer__${name}`,\n      }, slot)\n    },\n    genPrepend () {\n      return this.genPosition('prepend')\n    },\n    genContent () {\n      return h('div', {\n        class: 'v-navigation-drawer__content',\n      }, getSlot(this))\n    },\n    genBorder () {\n      return h('div', {\n        class: 'v-navigation-drawer__border',\n      })\n    },\n    init () {\n      if (this.permanent) {\n        this.isActive = true\n      } else if (this.stateless ||\n        this.modelValue != null\n      ) {\n        this.isActive = this.modelValue\n      } else if (!this.temporary) {\n        this.isActive = !this.isMobile\n      }\n    },\n    onRouteChange () {\n      if (this.reactsToRoute && this.closeConditional()) {\n        this.isActive = false\n      }\n    },\n    swipeLeft (e: TouchWrapper) {\n      if (this.isActive && this.right) return\n      this.calculateTouchArea()\n\n      if (Math.abs(e.touchendX - e.touchstartX) < 100) return\n      if (this.right &&\n        e.touchstartX >= this.touchArea.right\n      ) this.isActive = true\n      else if (!this.right && this.isActive) this.isActive = false\n    },\n    swipeRight (e: TouchWrapper) {\n      if (this.isActive && !this.right) return\n      this.calculateTouchArea()\n\n      if (Math.abs(e.touchendX - e.touchstartX) < 100) return\n      if (!this.right &&\n        e.touchstartX <= this.touchArea.left\n      ) this.isActive = true\n      else if (this.right && this.isActive) this.isActive = false\n    },\n    /**\n     * Update the application layout\n     */\n    updateApplication () {\n      if (\n        !this.isActive ||\n        this.isMobile ||\n        this.temporary ||\n        !this.$el\n      ) return 0\n\n      const width = Number(this.miniVariant ? this.miniVariantWidth : this.width)\n\n      return isNaN(width) ? this.$el.clientWidth : width\n    },\n    updateMiniVariant (val: boolean) {\n      if (this.expandOnHover && this.miniVariant !== val) this.$emit('update:mini-variant', val)\n    },\n  },\n\n  render (): VNode {\n    const children = [\n      this.genPrepend(),\n      this.genContent(),\n      this.genAppend(),\n      this.genBorder(),\n    ]\n\n    if (this.src || getSlot(this, 'img')) children.unshift(this.genBackground())\n\n    // this.$tag сейчас всегда равен nav|aside, но оборачиваем в getTagValue на случай возможных изменений\n    const node = h(getTagValue(this.$tag), this.setBackgroundColor(this.color, {\n      class: this.classes,\n      style: this.styles,\n      ...this.genListeners(),\n    }), children)\n\n    return withDirectives(node, this.genDirectives())\n  },\n})\n"],"sourceRoot":"","file":"VNavigationDrawer.js"}

package/lib/components/VOtpInput/VOtpInput.js

@@ -4,11 +4,9 @@ import "../../../src/components/VTextField/VTextField.sass";
 import "../../../src/components/VOtpInput/VOtpInput.sass"; // Extensions
 
 import VInput from '../VInput';
-import VTextField from '../VTextField/VTextField'; // Directives
+import VTextField from '../VTextField/VTextField'; // Utilities
 
-import ripple from '../../directives/ripple'; // Utilities
-
-import { convertToUnit, keyCodes } from '../../util/helpers';
+import { convertToUnit } from '../../util/helpers';
 import { breaking } from '../../util/console'; // Types
 
 import mixins from '../../util/mixins';
@@ -17,9 +15,6 @@ const baseMixins = mixins(VInput);
 
 export default baseMixins.extend({
   name: 'v-otp-input',
-  directives: {
-    ripple
-  },
   inheritAttrs: false,
   props: {
     length: {
@@ -30,23 +25,90 @@ export default baseMixins.extend({
       type: String,
       default: 'text'
     },
-    plain: Boolean
+    plain: Boolean,
+    modelValue: {
+      type: String,
+      default: ''
+    }
   },
+  emits: ['blur', 'focus', 'change', 'keydown', 'finish', 'update:modelValue'],
   data: () => ({
     initialValue: null,
     isBooted: false,
-    otp: []
+    otp: [],
+    lazyValue: '',
+    inputRefs: []
   }),
   computed: {
     outlined() {
       return !this.plain;
     },
 
+    fullWidth() {
+      return false;
+    },
+
+    prefix() {
+      return false;
+    },
+
+    isSingle() {
+      return true;
+    },
+
+    isSolo() {
+      return false;
+    },
+
+    soloInverted() {
+      return false;
+    },
+
+    flat() {
+      return false;
+    },
+
+    filled() {
+      return false;
+    },
+
+    reverse() {
+      return false;
+    },
+
+    placeholder() {
+      return '';
+    },
+
+    rounded() {
+      return false;
+    },
+
+    shaped() {
+      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;
     }
 
   },
@@ -69,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() {
@@ -116,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: {
@@ -136,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,
@@ -157,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) {
@@ -174,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();
       }
 
@@ -226,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);
       }
 
@@ -239,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();
       }
@@ -262,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  directives: {\n    ripple,\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  data: () => ({\n    initialValue: null,\n    isBooted: false,\n    otp: [] as string[],\n  }),\n\n  computed: {\n    outlined (): Boolean {\n      return !this.plain\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":"AAAA,SAAS,CAAT,QAAkB,KAAlB,C,CACA;;AACA,OAAO,oDAAP;AACA,OAAO,kDAAP,C,CAEA;;AACA,OAAO,MAAP,MAAmB,WAAnB;AACA,OAAO,UAAP,MAAuB,0BAAvB,C,CAIA;;AACA,SAAS,aAAT,QAA8B,oBAA9B;AACA,SAAS,QAAT,QAAyB,oBAAzB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAGA,MAAM,UAAU,GAAG,MAAM,CACvB,MADuB,CAAzB;AAUA;;AACA,eAAe,UAAU,CAAC,MAAX,CAAkB;AAC/B,EAAA,IAAI,EAAE,aADyB;AAG/B,EAAA,YAAY,EAAE,KAHiB;AAK/B,EAAA,KAAK,EAAE;AACL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADA;AAEN,MAAA,OAAO,EAAE;AAFH,KADH;AAKL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,MADF;AAEJ,MAAA,OAAO,EAAE;AAFL,KALD;AASL,IAAA,KAAK,EAAE,OATF;AAUL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,MADI;AAEV,MAAA,OAAO,EAAE;AAFC;AAVP,GALwB;AAqB/B,EAAA,KAAK,EAAE,CAAC,MAAD,EAAS,OAAT,EAAkB,QAAlB,EAA4B,SAA5B,EAAuC,QAAvC,EAAiD,mBAAjD,CArBwB;AAuB/B,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,YAAY,EAAE,IADH;AAEX,IAAA,QAAQ,EAAE,KAFC;AAGX,IAAA,GAAG,EAAE,EAHM;AAIX,IAAA,SAAS,EAAE,EAJA;AAKX,IAAA,SAAS,EAAE;AALA,GAAP,CAvByB;AA+B/B,EAAA,QAAQ,EAAE;AACR,IAAA,QAAQ,GAAA;AACN,aAAO,CAAC,KAAK,KAAb;AACD,KAHO;;AAIR,IAAA,SAAS,GAAA;AACP,aAAO,KAAP;AACD,KANO;;AAOR,IAAA,MAAM,GAAA;AACJ,aAAO,KAAP;AACD,KATO;;AAUR,IAAA,QAAQ,GAAA;AACN,aAAO,IAAP;AACD,KAZO;;AAaR,IAAA,MAAM,GAAA;AACJ,aAAO,KAAP;AACD,KAfO;;AAgBR,IAAA,YAAY,GAAA;AACV,aAAO,KAAP;AACD,KAlBO;;AAmBR,IAAA,IAAI,GAAA;AACF,aAAO,KAAP;AACD,KArBO;;AAsBR,IAAA,MAAM,GAAA;AACJ,aAAO,KAAP;AACD,KAxBO;;AAyBR,IAAA,OAAO,GAAA;AACL,aAAO,KAAP;AACD,KA3BO;;AA4BR,IAAA,WAAW,GAAA;AACT,aAAO,EAAP;AACD,KA9BO;;AA+BR,IAAA,OAAO,GAAA;AACL,aAAO,KAAP;AACD,KAjCO;;AAkCR,IAAA,MAAM,GAAA;AACJ,aAAO,KAAP;AACD,KApCO;;AAqCR,IAAA,aAAa,EAAE;AACb,MAAA,GAAG,GAAA;AACD,eAAO,KAAK,SAAZ;AACD,OAHY;;AAIb,MAAA,GAAG,CAAE,GAAF,EAAa;AACd,aAAK,SAAL,GAAiB,GAAjB;AACA,aAAK,KAAL,CAAW,mBAAX,EAAgC,GAAhC;AACD;;AAPY,KArCP;;AA8CR,IAAA,OAAO,GAAA;AACL,aAAO,EACL,GAAG,MAAM,CAAC,QAAP,CAAgB,OAAhB,CAAwB,IAAxB,CAA6B,IAA7B,CADE;AAEL,WAAG,UAAU,CAAC,QAAX,CAAoB,OAApB,CAA4B,IAA5B,CAAiC,IAAjC,CAFE;AAGL,8BAAsB,KAAK;AAHtB,OAAP;AAKD,KApDO;;AAqDR,IAAA,UAAU,GAAA;AACR,aAAO,KAAP;AACD;;AAvDO,GA/BqB;AAyF/B,EAAA,KAAK,EAAE;AACL,IAAA,SAAS,EAAE,aADN;;AAEL,IAAA,UAAU,CAAE,GAAF,EAAK;AACb,WAAK,SAAL,GAAiB,GAAjB;AACA,WAAK,GAAL,GAAW,CAAA,GAAG,KAAA,IAAH,IAAA,GAAG,KAAA,KAAA,CAAH,GAAG,KAAA,CAAH,GAAA,GAAG,CAAE,KAAL,CAAW,EAAX,CAAA,KAAkB,EAA7B;AACD;;AALI,GAzFwB;;AAiG/B,EAAA,OAAO,GAAA;;AACL;;;AACA,QAAI,KAAK,MAAL,CAAY,cAAZ,CAA2B,sBAA3B,CAAJ,EAAwD;AACtD,MAAA,QAAQ,CAAC,sBAAD,EAAyB,cAAzB,EAAyC,IAAzC,CAAR;AACD;;AAED,SAAK,SAAL,GAAiB,KAAK,UAAtB;AACA,SAAK,GAAL,GAAW,CAAA,CAAA,EAAA,GAAA,KAAK,UAAL,MAAe,IAAf,IAAe,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAe,EAAA,CAAE,KAAF,CAAQ,EAAR,CAAf,KAA8B,EAAzC;AACD,GAzG8B;;AA2G/B,EAAA,OAAO,GAAA;AACL,IAAA,qBAAqB,CAAC,MAAO,KAAK,QAAL,GAAgB,IAAxB,CAArB;AACD,GA7G8B;;AA+G/B,EAAA,OAAO,EAAE;AACP;AACA,IAAA,KAAK,CAAE,CAAF,EAAY,MAAZ,EAA0B;AAC7B,WAAK,OAAL,CAAa,CAAb,EAAgB,MAAM,IAAI,CAA1B;AACD,KAJM;;AAKP,IAAA,YAAY,CAAE,MAAF,EAAgB;AAC1B,aAAO,CAAC,CAAC,KAAD,EAAQ,KAAK,kBAAL,CAAwB,KAAK,eAA7B,EAA8C;AAC5D,QAAA,KAAK,EAAE,eADqD;AAE5D,QAAA,KAAK,EAAE;AAAE,UAAA,MAAM,EAAE,aAAa,CAAC,KAAK,MAAN;AAAvB,SAFqD;AAG5D,QAAA,OAAO,EAAE,MAAM,KAAK,OAAL,CAAa,MAAb,CAH6C;AAI5D,QAAA,WAAW,EAAG,CAAD,IAAc,KAAK,WAAL,CAAiB,CAAjB,EAAoB,MAApB,CAJiC;AAK5D,QAAA,SAAS,EAAG,CAAD,IAAc,KAAK,SAAL,CAAe,CAAf,EAAkB,MAAlB;AALmC,OAA9C,CAAR,EAMJ,CAAC,KAAK,cAAL,CAAoB,MAApB,CAAD,CANI,CAAR;AAOD,KAbM;;AAcP,IAAA,UAAU,CAAE,MAAF,EAAgB;AACxB,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,KAAK,EAAE;AADO,OAAR,EAEL,CACD,KAAK,YAAL,CAAkB,MAAlB,CADC,CAFK,CAAR;AAKD,KApBM;;AAqBP,IAAA,cAAc,CAAE,MAAF,EAAgB;AAC5B,aAAO,CACL,KAAK,WAAL,EADK,EAEL,KAAK,gBAAL,CAAsB,MAAtB,CAFK,CAAP;AAID,KA1BM;;AA2BP,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,CAAC,IAAN,CAAW;AAAE,QAAA,MAAM,EAAE,CAAC,KAAK;AAAhB,OAAX,EAAqC,CAAC,CAAD,EAAI,CAAJ,KAAS;AACnD,eAAO,CAAC,CAAC,KAAD,EAAQ,KAAK,YAAL,CAAkB,KAAK,eAAvB,EAAwC;AACtD,UAAA,KAAK,EAAE,CAAC,SAAD,EAAY,KAAK,OAAjB;AAD+C,SAAxC,CAAR,EAEJ,CAAC,KAAK,UAAL,CAAgB,CAAhB,CAAD,CAFI,CAAR;AAGD,OAJM,CAAP;AAKD,KAjCM;;AAkCP,IAAA,WAAW,GAAA;AACT,aAAO,CAAC,CAAC,UAAD,EAAa;AACnB,uBAAe;AADI,OAAb,EAEL,CAAC,KAAK,SAAL,EAAD,CAFK,CAAR;AAGD,KAtCM;;AAuCP,IAAA,SAAS,GAAA;AACP,YAAM,IAAI,GAAG,CAAC,CAAC,MAAD,EAAS;AACrB,QAAA,SAAS,EAAE;AADU,OAAT,CAAd;AAIA,aAAO,CAAC,CAAC,QAAD,EAAW;AACjB,QAAA,KAAK,EAAE;AACL,UAAA,KAAK,EAAE;AADF;AADU,OAAX,EAIL,CAAC,IAAD,CAJK,CAAR;AAKD,KAjDM;;AAkDP,IAAA,QAAQ,CAAE,MAAF,EAAgB;AACtB,YAAM,SAAS,GAAG,MAAM,CAAC,MAAP,CAAc,EAAd,EAAkB,KAAK,MAAvB,CAAlB;AACA,aAAO,SAAS,CAAC,QAAjB,CAFsB,CAEI;;AAE1B,YAAM,UAAU,GAAQ;AACtB,QAAA,KAAK,EAAE,EADe;AAEtB,QAAA,KAAK,EAAE,KAAK,GAAL,CAAS,MAAT,CAFe;AAGtB,WAAG,KAAK,MAHc;AAItB,QAAA,YAAY,EAAE,eAJQ;AAKtB,QAAA,QAAQ,EAAE,KAAK,UALO;AAMtB,QAAA,QAAQ,EAAE,KAAK,UANO;AAOtB,QAAA,IAAI,EAAE,KAAK,IAPW;AAQtB,QAAA,EAAE,EAAE,GAAG,KAAK,UAAU,KAAK,MAAM,EARX;AAStB,QAAA,KAAK,EAAE,kBAAkB,MAAM,EATT;AAUtB,WAAG,MAAM,CAAC,MAAP,CAAc,SAAd,EAAyB;AAC1B,UAAA,MAAM,EAAE,KAAK,MADa;AAE1B,UAAA,OAAO,EAAG,CAAD,IAAc,KAAK,OAAL,CAAa,CAAb,EAAgB,MAAhB,CAFG;AAG1B,UAAA,OAAO,EAAG,CAAD,IAAc,KAAK,OAAL,CAAa,CAAb,EAAgB,MAAhB,CAHG;AAI1B,UAAA,SAAS,EAAE,KAAK,SAJU;AAK1B,UAAA,OAAO,EAAG,CAAD,IAAsB,KAAK,OAAL,CAAa,CAAb,EAAgB,MAAhB;AALL,SAAzB,CAVmB;AAiBtB,QAAA,GAAG,EAAG,EAAD,IAAyB;AAC5B,cAAI,EAAJ,EAAQ;AACN,iBAAK,SAAL,CAAe,MAAf,IAAyB,EAAzB;AACD;AACF;AArBqB,OAAxB;;AAwBA,UAAI,KAAK,IAAL,KAAc,QAAlB,EAA4B;AAC1B,QAAA,UAAU,CAAC,GAAX,GAAiB,CAAjB;AACD;;AAED,aAAO,CAAC,CAAC,OAAD,EAAU,UAAV,CAAR;AACD,KAnFM;;AAoFP,IAAA,gBAAgB,CAAE,MAAF,EAAgB;AAC9B,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,KAAK,EAAE;AADO,OAAR,EAEL,CACD,KAAK,QAAL,CAAc,MAAd,CADC,CAFK,CAAR;AAKD,KA1FM;;AA2FP,IAAA,MAAM,CAAE,CAAF,EAAW;AACf,WAAK,SAAL,GAAiB,KAAjB;AACA,MAAA,CAAC,IAAI,KAAK,SAAL,CAAe,MAAM,KAAK,KAAL,CAAW,MAAX,EAAmB,CAAnB,CAArB,CAAL;AACD,KA9FM;;AA+FP,IAAA,OAAO,CAAE,MAAF,EAAgB;AACrB,UAAI,KAAK,SAAL,IAAkB,KAAK,UAAvB,IAAqC,CAAC,KAAK,SAAL,CAAe,MAAf,CAA1C,EAAkE;AAElE,WAAK,OAAL,CAAa,SAAb,EAAwB,MAAxB;AACD,KAnGM;;AAoGP,IAAA,OAAO,CAAE,CAAF,EAAa,MAAb,EAA4B;AACjC,MAAA,CAAC,KAAA,IAAD,IAAA,CAAC,KAAA,KAAA,CAAD,GAAC,KAAA,CAAD,GAAA,CAAC,CAAE,cAAH,EAAA;AACA,MAAA,CAAC,KAAA,IAAD,IAAA,CAAC,KAAA,KAAA,CAAD,GAAC,KAAA,CAAD,GAAA,CAAC,CAAE,eAAH,EAAA;AAEA,YAAM,GAAG,GAAG,KAAK,SAAL,CAAe,MAAM,IAAI,CAAzB,CAAZ;AACA,UAAI,CAAC,GAAL,EAAU;;AAEV,UAAI,QAAQ,CAAC,aAAT,KAA2B,GAA/B,EAAoC;AAClC,QAAA,GAAG,CAAC,KAAJ;AACA,aAAK,SAAL,GAAiB,IAAjB;AACA,eAAO,GAAG,CAAC,MAAJ,EAAP;AACD;;AAED,UAAI,CAAC,KAAK,SAAV,EAAqB;AACnB,aAAK,SAAL,GAAiB,IAAjB;AACA,QAAA,GAAG,CAAC,MAAJ;AACA,QAAA,CAAC,IAAI,KAAK,KAAL,CAAW,OAAX,EAAoB,CAApB,CAAL;AACD;AACF,KAtHM;;AAuHP,IAAA,OAAO,CAAE,CAAF,EAAY,KAAZ,EAAyB;AAC9B,YAAM,SAAS,GAAG,CAAC,KAAK,MAAN,GAAe,CAAjC;AAEA,YAAM,MAAM,GAAG,CAAC,CAAC,MAAjB;AACA,YAAM,KAAK,GAAG,MAAM,CAAC,KAArB;AACA,YAAM,cAAc,GAAG,CAAA,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAA,KAAK,CAAE,KAAP,CAAa,EAAb,CAAA,KAAoB,EAA3C;AAEA,YAAM,MAAM,GAAa,CAAC,GAAG,KAAK,GAAT,CAAzB;;AACA,WAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,cAAc,CAAC,MAAnC,EAA2C,CAAC,EAA5C,EAAgD;AAC9C,cAAM,MAAM,GAAG,KAAK,GAAG,CAAvB;AACA,YAAI,MAAM,GAAG,SAAb,EAAwB;AACxB,QAAA,MAAM,CAAC,MAAD,CAAN,GAAiB,cAAc,CAAC,CAAD,CAAd,CAAkB,QAAlB,EAAjB;AACD;;AACD,UAAI,CAAC,cAAc,CAAC,MAApB,EAA4B;AAC1B,QAAA,MAAM,CAAC,MAAP,CAAc,KAAd,EAAqB,CAArB;AACD;;AAED,WAAK,GAAL,GAAW,MAAX;AACA,WAAK,aAAL,GAAqB,KAAK,GAAL,CAAS,IAAT,CAAc,EAAd,CAArB;;AAEA,UAAI,KAAK,GAAG,cAAc,CAAC,MAAvB,IAAiC,CAAC,KAAK,MAA3C,EAAmD;AACjD,aAAK,WAAL;AACA,aAAK,UAAL,CAAgB,KAAhB;AACD,OAHD,MAGO,IAAI,cAAc,CAAC,MAAnB,EAA2B;AAChC,aAAK,WAAL,CAAiB,KAAK,GAAG,cAAc,CAAC,MAAxC;AACD;AACF,KAjJM;;AAkJP,IAAA,UAAU,CAAE,KAAF,EAAe;AACvB,YAAM,KAAK,GAAG,KAAK,SAAL,CAAe,KAAf,CAAd;AACA,MAAA,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAA,KAAK,CAAE,IAAP,EAAA;AACD,KArJM;;AAsJP,IAAA,SAAS,CAAE,CAAF,EAAkB;AACzB,UAAI,CAAC,CAAC,GAAF,KAAU,OAAd,EAAuB;AACrB,aAAK,KAAL,CAAW,QAAX,EAAqB,KAAK,aAA1B;AACD;;AAED,WAAK,KAAL,CAAW,SAAX,EAAsB,CAAtB;AACD,KA5JM;;AA6JP,IAAA,WAAW,CAAE,CAAF,EAAY,MAAZ,EAA0B;AACnC,YAAM,QAAQ,GAAG,KAAK,SAAL,CAAe,MAAf,CAAjB,CADmC,CAGnC;;AACA,UAAI,CAAC,CAAC,MAAF,KAAa,QAAjB,EAA2B;AACzB,QAAA,CAAC,CAAC,cAAF;AACA,QAAA,CAAC,CAAC,eAAF;AACD;;AAED,MAAA,MAAM,CAAC,OAAP,CAAe,WAAf,CAA2B,IAA3B,CAAgC,IAAhC,EAAsC,CAAtC;AACD,KAvKM;;AAwKP,IAAA,SAAS,CAAE,CAAF,EAAY,MAAZ,EAA0B;AACjC,UAAI,KAAK,YAAT,EAAuB,KAAK,KAAL,CAAW,CAAX,EAAc,MAAd;AAEvB,MAAA,MAAM,CAAC,OAAP,CAAe,SAAf,CAAyB,IAAzB,CAA8B,IAA9B,EAAoC,CAApC;AACD,KA5KM;;AA6KP,IAAA,WAAW,CAAE,KAAF,EAAe;AACxB,WAAK,OAAL,CAAa,SAAb,EAAwB,KAAK,IAAI,CAAjC;AACD,KA/KM;;AAgLP,IAAA,WAAW,CAAE,GAAF,EAAc;AACvB;AACA,WAAK,QAAL,GAAgB,GAAhB;;AAEA,UAAI,GAAJ,EAAS;AACP,aAAK,YAAL,GAAoB,KAAK,aAAzB;AACD,OAFD,MAEO,IAAI,KAAK,YAAL,KAAsB,KAAK,aAA/B,EAA8C;AACnD,aAAK,KAAL,CAAW,QAAX,EAAqB,KAAK,aAA1B;AACD;AACF,KAzLM;;AA0LP,IAAA,OAAO,CAAE,KAAF,EAAwB,KAAxB,EAAqC;AAC1C,MAAA,KAAK,CAAC,cAAN;AACA,YAAM,QAAQ,GAAG,KAAK,CAAC,GAAvB;;AAEA,UAAI,CAAC,KAAD,EAAQ,OAAR,EAAiB,MAAjB,EAAyB,SAAzB,EAAoC,KAApC,EAA2C,QAA3C,CAAoD,QAApD,CAAJ,EAAmE;AACjE;AACD;;AACD,UAAI,CAAC,QAAD,EAAW,QAAX,CAAoB,QAApB,CAAJ,EAAmC;AACjC;AACD;;AACD,UAAI,QAAQ,KAAK,WAAb,IAA6B,QAAQ,KAAK,WAAb,IAA4B,CAAC,KAAK,GAAL,CAAS,KAAT,CAA9D,EAAgF;AAC9E,eAAO,KAAK,GAAG,CAAR,IAAa,KAAK,WAAL,CAAiB,KAAK,GAAG,CAAzB,CAApB;AACD;;AACD,UAAI,QAAQ,KAAK,YAAjB,EAA+B;AAC7B,eAAO,KAAK,GAAG,CAAR,GAAY,CAAC,KAAK,MAAlB,IAA4B,KAAK,WAAL,CAAiB,KAAK,GAAG,CAAzB,CAAnC;AACD;AACF,KA1MM;;AA2MP,IAAA,WAAW,GAAA;AACT,YAAM,GAAG,GAAG,KAAK,GAAL,CAAS,IAAT,CAAc,EAAd,CAAZ;;AACA,UAAI,GAAG,CAAC,MAAJ,KAAe,CAAC,KAAK,MAAzB,EAAiC;AAC/B,aAAK,KAAL,CAAW,QAAX,EAAqB,GAArB;AACD;AACF;;AAhNM,GA/GsB;;AAiU/B,EAAA,MAAM,GAAA;AACJ,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,KAAK,EAAE,CAAC,aAAD,EAAgB,KAAK,YAArB;AADO,KAAR,EAEL,KAAK,UAAL,EAFK,CAAR;AAGD;;AArU8B,CAAlB,CAAf","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"}

package/lib/components/VOverflowBtn/VOverflowBtn.js

@@ -8,7 +8,7 @@ import VTextField from '../VTextField/VTextField'; // Components
 import VBtn from '../VBtn'; // Utilities
 
 import { consoleWarn } from '../../util/console';
-import { defineComponent } from 'vue';
+import { defineComponent, h } from 'vue';
 /* @vue/component */
 
 export default defineComponent({
@@ -18,6 +18,7 @@ export default defineComponent({
     editable: Boolean,
     segmented: Boolean
   },
+  emits: ['change'],
   computed: {
     classes() {
       return { ...VAutocomplete.computed.classes.call(this),
@@ -54,10 +55,15 @@ export default defineComponent({
     },
 
     genInput() {
-      const input = VTextField.methods.genInput.call(this);
-      input.data = input.data || {};
-      input.data.domProps.value = this.editable ? this.internalSearch : '';
-      input.data.attrs.readonly = !this.isAnyValueAllowed;
+      const input = VTextField.methods.genInput.call(this); // Ensure data object exists
+
+      if (!input.props) {
+        input.props = {};
+      } // Set value and readonly properties
+
+
+      input.props.value = this.editable ? this.internalSearch : '';
+      input.props.readonly = !this.isAnyValueAllowed;
       return input;
     },
 
@@ -81,17 +87,12 @@ export default defineComponent({
       }
 
       return h(VBtn, {
-        props: {
-          text: true
-        },
-        on: {
-          click(e) {
-            e.stopPropagation();
-            itemObj.callback(e);
-          }
-
+        text: true,
+        onClick: e => {
+          e.stopPropagation();
+          itemObj.callback(e);
         }
-      }, [itemObj.text]);
+      }, () => [itemObj.text]);
     },
 
     updateValue(val) {

package/lib/components/VOverflowBtn/VOverflowBtn.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VOverflowBtn/VOverflowBtn.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VOverflowBtn.sass'\n\n// Extensions\nimport VSelect from '../VSelect/VSelect'\nimport VAutocomplete from '../VAutocomplete'\nimport VTextField from '../VTextField/VTextField'\n\n// Components\nimport VBtn from '../VBtn'\n\n// Utilities\nimport { consoleWarn } from '../../util/console'\nimport { defineComponent } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-overflow-btn',\n\n  extends: VAutocomplete,\n\n  props: {\n    editable: Boolean,\n    segmented: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VAutocomplete.computed.classes.call(this),\n        'v-overflow-btn': true,\n        'v-overflow-btn--segmented': this.segmented,\n        'v-overflow-btn--editable': this.editable,\n      }\n    },\n    isAnyValueAllowed (): boolean {\n      return this.editable ||\n        VAutocomplete.computed.isAnyValueAllowed.call(this)\n    },\n    isSingle (): true {\n      return true\n    },\n    computedItems (): object[] {\n      return this.segmented ? this.allItems : this.filteredItems\n    },\n    labelValue (): boolean {\n      return (this.isFocused && !this.persistentPlaceholder) || this.isLabelActive\n    },\n  },\n\n  methods: {\n    genSelections () {\n      return this.editable\n        ? VAutocomplete.methods.genSelections.call(this)\n        : VSelect.methods.genSelections.call(this) // Override v-autocomplete's override\n    },\n    genCommaSelection (item: any, index: number, last: boolean) {\n      return this.segmented\n        ? this.genSegmentedBtn(item)\n        : VSelect.methods.genCommaSelection.call(this, item, index, last)\n    },\n    genInput () {\n      const input = VTextField.methods.genInput.call(this)\n\n      input.data = input.data || {}\n      input.data.domProps!.value = this.editable ? this.internalSearch : ''\n      input.data.attrs!.readonly = !this.isAnyValueAllowed\n\n      return input\n    },\n    genLabel () {\n      if (this.editable && this.isFocused) return null\n\n      const label = VTextField.methods.genLabel.call(this)\n\n      if (!label) return label\n\n      label.data = label.data || {}\n\n      // Reset previously set styles from parent\n      label.data.style = {}\n\n      return label\n    },\n    genSegmentedBtn (item: any) {\n      const itemValue = this.getValue(item)\n      const itemObj = this.computedItems.find(i => this.getValue(i) === itemValue) || item\n\n      if (!itemObj.text || !itemObj.callback) {\n        consoleWarn('When using \"segmented\" prop without a selection slot, items must contain both a text and callback property', this)\n        return null\n      }\n\n      return h(VBtn, {\n        props: { text: true },\n        on: {\n          click (e: Event) {\n            e.stopPropagation()\n            itemObj.callback(e)\n          },\n        },\n      }, [itemObj.text])\n    },\n    updateValue (val: boolean) {\n      if (val) {\n        this.initialValue = this.lazyValue\n      } else if (this.initialValue !== this.lazyValue) {\n        this.$emit('change', this.lazyValue)\n      }\n    },\n  },\n})\n"],"sourceRoot":"","file":"VOverflowBtn.js"}
+{"version":3,"sources":["../../../src/components/VOverflowBtn/VOverflowBtn.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VOverflowBtn.sass'\n\n// Extensions\nimport VSelect from '../VSelect/VSelect'\nimport VAutocomplete from '../VAutocomplete'\nimport VTextField from '../VTextField/VTextField'\n\n// Components\nimport VBtn from '../VBtn'\n\n// Utilities\nimport { consoleWarn } from '../../util/console'\nimport { defineComponent, h } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-overflow-btn',\n\n  extends: VAutocomplete,\n\n  props: {\n    editable: Boolean,\n    segmented: Boolean,\n  },\n\n  emits: ['change'],\n\n  computed: {\n    classes (): object {\n      return {\n        ...VAutocomplete.computed.classes.call(this),\n        'v-overflow-btn': true,\n        'v-overflow-btn--segmented': this.segmented,\n        'v-overflow-btn--editable': this.editable,\n      }\n    },\n    isAnyValueAllowed (): boolean {\n      return this.editable ||\n        VAutocomplete.computed.isAnyValueAllowed.call(this)\n    },\n    isSingle (): true {\n      return true\n    },\n    computedItems (): object[] {\n      return this.segmented ? this.allItems : this.filteredItems\n    },\n    labelValue (): boolean {\n      return (this.isFocused && !this.persistentPlaceholder) || this.isLabelActive\n    },\n  },\n\n  methods: {\n    genSelections () {\n      return this.editable\n        ? VAutocomplete.methods.genSelections.call(this)\n        : VSelect.methods.genSelections.call(this) // Override v-autocomplete's override\n    },\n    genCommaSelection (item: any, index: number, last: boolean) {\n      return this.segmented\n        ? this.genSegmentedBtn(item)\n        : VSelect.methods.genCommaSelection.call(this, item, index, last)\n    },\n    genInput () {\n      const input = VTextField.methods.genInput.call(this)\n\n      // Ensure data object exists\n      if (!input.props) {\n        input.props = {}\n      }\n\n      // Set value and readonly properties\n      input.props.value = this.editable ? this.internalSearch : ''\n      input.props.readonly = !this.isAnyValueAllowed\n\n      return input\n    },\n    genLabel () {\n      if (this.editable && this.isFocused) return null\n\n      const label = VTextField.methods.genLabel.call(this)\n\n      if (!label) return label\n\n      label.data = label.data || {}\n\n      // Reset previously set styles from parent\n      label.data.style = {}\n\n      return label\n    },\n    genSegmentedBtn (item: any) {\n      const itemValue = this.getValue(item)\n      const itemObj = this.computedItems.find(i => this.getValue(i) === itemValue) || item\n\n      if (!itemObj.text || !itemObj.callback) {\n        consoleWarn('When using \"segmented\" prop without a selection slot, items must contain both a text and callback property', this)\n        return null\n      }\n\n      return h(VBtn, {\n        text: true,\n        onClick: (e: Event) => {\n          e.stopPropagation()\n          itemObj.callback(e)\n        },\n      }, () => [itemObj.text])\n    },\n    updateValue (val: boolean) {\n      if (val) {\n        this.initialValue = this.lazyValue\n      } else if (this.initialValue !== this.lazyValue) {\n        this.$emit('change', this.lazyValue)\n      }\n    },\n  },\n})\n"],"sourceRoot":"","file":"VOverflowBtn.js"}