@vuetify/nightly 3.0.0-alpha.3 → 3.0.0-beta.2

package/lib/components/VNoSsr/VNoSsr.mjs

@@ -0,0 +1,23 @@
+// Composables
+import { useHydration } from "../../composables/hydration.mjs"; // Utilities
+
+import { defineComponent } from "../../util/index.mjs";
+import { ref } from 'vue';
+export const VNoSsr = defineComponent({
+  name: 'VNoSsr',
+
+  setup(_, _ref) {
+    let {
+      slots
+    } = _ref;
+    const show = ref(false);
+    useHydration(() => show.value = true);
+    return () => {
+      var _slots$default;
+
+      return show.value && ((_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots));
+    };
+  }
+
+});
+//# sourceMappingURL=VNoSsr.mjs.map

package/lib/components/VNoSsr/VNoSsr.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VNoSsr/VNoSsr.tsx"],"names":["useHydration","defineComponent","ref","VNoSsr","name","setup","_","slots","show","value","default"],"mappings":"AAAA;SACSA,Y,2CAET;;SACSC,e;AACT,SAASC,GAAT,QAAoB,KAApB;AAEA,OAAO,MAAMC,MAAM,GAAGF,eAAe,CAAC;AACpCG,EAAAA,IAAI,EAAE,QAD8B;;AAGpCC,EAAAA,KAAK,CAAEC,CAAF,QAAgB;AAAA,QAAX;AAAEC,MAAAA;AAAF,KAAW;AACnB,UAAMC,IAAI,GAAGN,GAAG,CAAC,KAAD,CAAhB;AAEAF,IAAAA,YAAY,CAAC,MAAOQ,IAAI,CAACC,KAAL,GAAa,IAArB,CAAZ;AAEA,WAAO;AAAA;;AAAA,aAAMD,IAAI,CAACC,KAAL,uBAAcF,KAAK,CAACG,OAApB,qBAAc,oBAAAH,KAAK,CAAnB,CAAN;AAAA,KAAP;AACD;;AATmC,CAAD,CAA9B","sourcesContent":["// Composables\nimport { useHydration } from '@/composables/hydration'\n\n// Utilities\nimport { defineComponent } from '@/util'\nimport { ref } from 'vue'\n\nexport const VNoSsr = defineComponent({\n  name: 'VNoSsr',\n\n  setup (_, { slots }) {\n    const show = ref(false)\n\n    useHydration(() => (show.value = true))\n\n    return () => show.value && slots.default?.()\n  },\n\n})\n"],"file":"VNoSsr.mjs"}

package/lib/components/VNoSsr/index.mjs

@@ -0,0 +1,2 @@
+export { VNoSsr } from "./VNoSsr.mjs";
+//# sourceMappingURL=index.mjs.map

package/lib/components/VNoSsr/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VNoSsr/index.ts"],"names":["VNoSsr"],"mappings":"SAASA,M","sourcesContent":["export { VNoSsr } from './VNoSsr'\n"],"file":"index.mjs"}

package/lib/components/VOtpInput/VOtpInput.mjs

@@ -0,0 +1,345 @@
+// @ts-nocheck
+
+/* eslint-disable */
+// Styles
+import "../VTextField/VTextField.css";
+import "./VOtpInput.css"; // Extensions
+
+import VInput from "../VInput/index.mjs";
+import VTextField from "../VTextField/VTextField.mjs"; // Directives
+
+import ripple from "../../directives/ripple/index.mjs"; // Utilities
+
+import { convertToUnit, keyCodes } from "../../util/helpers.mjs";
+import { breaking } from "../../util/console.mjs"; // Types
+
+import mixins from "../../util/mixins.mjs";
+const baseMixins = mixins(VInput);
+
+/* @vue/component */
+export default baseMixins.extend().extend({
+  name: 'v-otp-input',
+  directives: {
+    ripple
+  },
+  inheritAttrs: false,
+  props: {
+    length: {
+      type: [Number, String],
+      default: 6
+    },
+    type: {
+      type: String,
+      default: 'text'
+    },
+    plain: Boolean
+  },
+  data: () => ({
+    badInput: false,
+    initialValue: null,
+    isBooted: false,
+    otp: []
+  }),
+  computed: {
+    outlined() {
+      return !this.plain;
+    },
+
+    classes() {
+      return { ...VInput.options.computed.classes.call(this),
+        ...VTextField.options.computed.classes.call(this),
+        'v-otp-input--plain': this.plain
+      };
+    },
+
+    isDirty() {
+      return VInput.options.computed.isDirty.call(this) || this.badInput;
+    }
+
+  },
+  watch: {
+    isFocused: 'updateValue',
+
+    value(val) {
+      this.lazyValue = val;
+    }
+
+  },
+
+  created() {
+    var _this$internalValue;
+
+    /* istanbul ignore next */
+    if (this.$attrs.hasOwnProperty('browser-autocomplete')) {
+      breaking('browser-autocomplete', 'autocomplete', this);
+    }
+
+    this.otp = ((_this$internalValue = this.internalValue) == null ? void 0 : _this$internalValue.split('')) || [];
+  },
+
+  mounted() {
+    requestAnimationFrame(() => this.isBooted = true);
+  },
+
+  methods: {
+    /** @public */
+    focus(e, otpIdx) {
+      this.onFocus(e, otpIdx || 0);
+    },
+
+    genInputSlot(otpIdx) {
+      return this.$createElement('div', this.setBackgroundColor(this.backgroundColor, {
+        staticClass: 'v-input__slot',
+        style: {
+          height: convertToUnit(this.height)
+        },
+        on: {
+          click: () => this.onClick(otpIdx),
+          mousedown: e => this.onMouseDown(e, otpIdx),
+          mouseup: e => this.onMouseUp(e, otpIdx)
+        }
+      }), [this.genDefaultSlot(otpIdx)]);
+    },
+
+    genControl(otpIdx) {
+      return this.$createElement('div', {
+        staticClass: 'v-input__control'
+      }, [this.genInputSlot(otpIdx)]);
+    },
+
+    genDefaultSlot(otpIdx) {
+      return [this.genFieldset(), this.genTextFieldSlot(otpIdx)];
+    },
+
+    genContent() {
+      return Array.from({
+        length: +this.length
+      }, (_, i) => {
+        return this.$createElement('div', this.setTextColor(this.validationState, {
+          staticClass: 'v-input',
+          class: this.classes
+        }), [this.genControl(i)]);
+      });
+    },
+
+    genFieldset() {
+      return this.$createElement('fieldset', {
+        attrs: {
+          'aria-hidden': true
+        }
+      }, [this.genLegend()]);
+    },
+
+    genLegend() {
+      const span = this.$createElement('span', {
+        domProps: {
+          innerHTML: '​'
+        }
+      });
+      return this.$createElement('legend', {
+        style: {
+          width: '0px'
+        }
+      }, [span]);
+    },
+
+    genInput(otpIdx) {
+      const listeners = Object.assign({}, this.listeners$);
+      delete listeners.change; // Change should not be bound externally
+
+      return this.$createElement('input', {
+        style: {},
+        domProps: {
+          value: this.otp[otpIdx],
+          min: this.type === 'number' ? 0 : null
+        },
+        attrs: { ...this.attrs$,
+          disabled: this.isDisabled,
+          readonly: this.isReadonly,
+          type: this.type,
+          id: `${this.computedId}--${otpIdx}`,
+          class: `otp-field-box--${otpIdx}`,
+          maxlength: 1
+        },
+        on: Object.assign(listeners, {
+          blur: this.onBlur,
+          input: e => this.onInput(e, otpIdx),
+          focus: e => this.onFocus(e, otpIdx),
+          paste: e => this.onPaste(e, otpIdx),
+          keydown: this.onKeyDown,
+          keyup: e => this.onKeyUp(e, otpIdx)
+        }),
+        ref: 'input',
+        refInFor: true
+      });
+    },
+
+    genTextFieldSlot(otpIdx) {
+      return this.$createElement('div', {
+        staticClass: 'v-text-field__slot'
+      }, [this.genInput(otpIdx)]);
+    },
+
+    onBlur(e) {
+      this.isFocused = false;
+      e && this.$nextTick(() => this.$emit('blur', e));
+    },
+
+    onClick(otpIdx) {
+      if (this.isFocused || this.isDisabled || !this.$refs.input[otpIdx]) return;
+      this.onFocus(undefined, otpIdx);
+    },
+
+    onFocus(e, otpIdx) {
+      e == null ? void 0 : e.preventDefault();
+      e == null ? void 0 : e.stopPropagation();
+      const elements = this.$refs.input;
+      const ref = this.$refs.input && elements[otpIdx || 0];
+      if (!ref) return;
+
+      if (document.activeElement !== ref) {
+        ref.focus();
+        return ref.select();
+      }
+
+      if (!this.isFocused) {
+        this.isFocused = true;
+        ref.select();
+        e && this.$emit('focus', e);
+      }
+    },
+
+    onInput(e, otpIdx) {
+      const target = e.target;
+      const value = target.value;
+      this.applyValue(otpIdx, target.value, () => {
+        this.internalValue = this.otp.join('');
+      });
+      this.badInput = target.validity && target.validity.badInput;
+      const nextIndex = otpIdx + 1;
+
+      if (value) {
+        if (nextIndex < +this.length) {
+          this.changeFocus(nextIndex);
+        } else {
+          this.clearFocus(otpIdx);
+          this.onCompleted();
+        }
+      }
+    },
+
+    clearFocus(index) {
+      const input = this.$refs.input[index];
+      input.blur();
+    },
+
+    onKeyDown(e) {
+      if (e.keyCode === keyCodes.enter) {
+        this.$emit('change', this.internalValue);
+      }
+
+      this.$emit('keydown', e);
+    },
+
+    onMouseDown(e, otpIdx) {
+      // Prevent input from being blurred
+      if (e.target !== this.$refs.input[otpIdx]) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+
+      VInput.options.methods.onMouseDown.call(this, e);
+    },
+
+    onMouseUp(e, otpIdx) {
+      if (this.hasMouseDown) this.focus(e, otpIdx);
+      VInput.options.methods.onMouseUp.call(this, e);
+    },
+
+    onPaste(event, index) {
+      var _event$clipboardData;
+
+      const maxCursor = +this.length - 1;
+      const inputVal = event == null ? void 0 : (_event$clipboardData = event.clipboardData) == null ? void 0 : _event$clipboardData.getData('Text');
+      const inputDataArray = (inputVal == null ? void 0 : inputVal.split('')) || [];
+      event.preventDefault();
+      const newOtp = [...this.otp];
+
+      for (let i = 0; i < inputDataArray.length; i++) {
+        const appIdx = index + i;
+        if (appIdx > maxCursor) break;
+        newOtp[appIdx] = inputDataArray[i].toString();
+      }
+
+      this.otp = newOtp;
+      const targetFocus = Math.min(index + inputDataArray.length, maxCursor);
+      this.changeFocus(targetFocus);
+
+      if (newOtp.length === +this.length) {
+        this.onCompleted();
+        this.clearFocus(targetFocus);
+      }
+    },
+
+    applyValue(index, inputVal, next) {
+      const newOtp = [...this.otp];
+      newOtp[index] = inputVal;
+      this.otp = newOtp;
+      next();
+    },
+
+    changeFocus(index) {
+      this.onFocus(undefined, index || 0);
+    },
+
+    updateValue(val) {
+      // Sets validationState from validatable
+      this.hasColor = val;
+
+      if (val) {
+        this.initialValue = this.lazyValue;
+      } else if (this.initialValue !== this.lazyValue) {
+        this.$emit('change', this.lazyValue);
+      }
+    },
+
+    onKeyUp(event, index) {
+      event.preventDefault();
+      const eventKey = event.key;
+
+      if (['Tab', 'Shift', 'Meta', 'Control', 'Alt'].includes(eventKey)) {
+        return;
+      }
+
+      if (['Delete'].includes(eventKey)) {
+        return;
+      }
+
+      if (eventKey === 'ArrowLeft' || eventKey === 'Backspace' && !this.otp[index]) {
+        return index > 0 && this.changeFocus(index - 1);
+      }
+
+      if (eventKey === 'ArrowRight') {
+        return index + 1 < +this.length && this.changeFocus(index + 1);
+      }
+    },
+
+    onCompleted() {
+      const rsp = this.otp.join('');
+
+      if (rsp.length === +this.length) {
+        this.$emit('finish', rsp);
+      }
+    }
+
+  },
+
+  render(h) {
+    return h('div', {
+      staticClass: 'v-otp-input',
+      class: this.themeClasses
+    }, this.genContent());
+  }
+
+});
+//# sourceMappingURL=VOtpInput.mjs.map

package/lib/components/VOtpInput/VOtpInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VOtpInput/VOtpInput.ts"],"names":["VInput","VTextField","ripple","convertToUnit","keyCodes","breaking","mixins","baseMixins","extend","name","directives","inheritAttrs","props","length","type","Number","String","default","plain","Boolean","data","badInput","initialValue","isBooted","otp","computed","outlined","classes","options","call","isDirty","watch","isFocused","value","val","lazyValue","created","$attrs","hasOwnProperty","internalValue","split","mounted","requestAnimationFrame","methods","focus","e","otpIdx","onFocus","genInputSlot","$createElement","setBackgroundColor","backgroundColor","staticClass","style","height","on","click","onClick","mousedown","onMouseDown","mouseup","onMouseUp","genDefaultSlot","genControl","genFieldset","genTextFieldSlot","genContent","Array","from","_","i","setTextColor","validationState","class","attrs","genLegend","span","domProps","innerHTML","width","genInput","listeners","Object","assign","listeners$","change","min","attrs$","disabled","isDisabled","readonly","isReadonly","id","computedId","maxlength","blur","onBlur","input","onInput","paste","onPaste","keydown","onKeyDown","keyup","onKeyUp","ref","refInFor","$nextTick","$emit","$refs","undefined","preventDefault","stopPropagation","elements","document","activeElement","select","target","applyValue","join","validity","nextIndex","changeFocus","clearFocus","onCompleted","index","keyCode","enter","hasMouseDown","event","maxCursor","inputVal","clipboardData","getData","inputDataArray","newOtp","appIdx","toString","targetFocus","Math","next","updateValue","hasColor","eventKey","key","includes","rsp","render","h","themeClasses"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\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<options>().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    badInput: false,\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.options.computed.classes.call(this),\n        ...VTextField.options.computed.classes.call(this),\n        'v-otp-input--plain': this.plain,\n      }\n    },\n    isDirty (): boolean {\n      return VInput.options.computed.isDirty.call(this) || this.badInput\n    },\n  },\n\n  watch: {\n    isFocused: 'updateValue',\n    value (val) {\n      this.lazyValue = val\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 this.$createElement('div', this.setBackgroundColor(this.backgroundColor, {\n        staticClass: 'v-input__slot',\n        style: { height: convertToUnit(this.height) },\n        on: {\n          click: () => this.onClick(otpIdx),\n          mousedown: (e: Event) => this.onMouseDown(e, otpIdx),\n          mouseup: (e: Event) => this.onMouseUp(e, otpIdx),\n        },\n      }), [this.genDefaultSlot(otpIdx)])\n    },\n    genControl (otpIdx: number) {\n      return this.$createElement('div', {\n        staticClass: '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 this.$createElement('div', this.setTextColor(this.validationState, {\n          staticClass: 'v-input',\n          class: this.classes,\n        }), [this.genControl(i)])\n      })\n    },\n    genFieldset () {\n      return this.$createElement('fieldset', {\n        attrs: {\n          'aria-hidden': true,\n        },\n      }, [this.genLegend()])\n    },\n    genLegend () {\n      const span = this.$createElement('span', {\n        domProps: { innerHTML: '&#8203;' },\n      })\n\n      return this.$createElement('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 this.$createElement('input', {\n        style: {},\n        domProps: {\n          value: this.otp[otpIdx],\n          min: this.type === 'number' ? 0 : null,\n        },\n        attrs: {\n          ...this.attrs$,\n          disabled: this.isDisabled,\n          readonly: this.isReadonly,\n          type: this.type,\n          id: `${this.computedId}--${otpIdx}`,\n          class: `otp-field-box--${otpIdx}`,\n          maxlength: 1,\n        },\n        on: Object.assign(listeners, {\n          blur: this.onBlur,\n          input: (e: Event) => this.onInput(e, otpIdx),\n          focus: (e: Event) => this.onFocus(e, otpIdx),\n          paste: (e: ClipboardEvent) => this.onPaste(e, otpIdx),\n          keydown: this.onKeyDown,\n          keyup: (e: KeyboardEvent) => this.onKeyUp(e, otpIdx),\n        }),\n        ref: 'input',\n        refInFor: true,\n      })\n    },\n    genTextFieldSlot (otpIdx: number): VNode {\n      return this.$createElement('div', {\n        staticClass: '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, otpIdx: number) {\n      const target = e.target as HTMLInputElement\n      const value = target.value\n      this.applyValue(otpIdx, target.value, () => {\n        this.internalValue = this.otp.join('')\n      })\n      this.badInput = target.validity && target.validity.badInput\n\n      const nextIndex = otpIdx + 1\n      if (value) {\n        if (nextIndex < +this.length) {\n          this.changeFocus(nextIndex)\n        } else {\n          this.clearFocus(otpIdx)\n          this.onCompleted()\n        }\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.options.methods.onMouseDown.call(this, e)\n    },\n    onMouseUp (e: Event, otpIdx: number) {\n      if (this.hasMouseDown) this.focus(e, otpIdx)\n\n      VInput.options.methods.onMouseUp.call(this, e)\n    },\n    onPaste (event: ClipboardEvent, index: number) {\n      const maxCursor = +this.length - 1\n      const inputVal = event?.clipboardData?.getData('Text')\n      const inputDataArray = inputVal?.split('') || []\n      event.preventDefault()\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      this.otp = newOtp\n      const targetFocus = Math.min(index + inputDataArray.length, maxCursor)\n      this.changeFocus(targetFocus)\n\n      if (newOtp.length === +this.length) { this.onCompleted(); this.clearFocus(targetFocus) }\n    },\n    applyValue (index: number, inputVal: string, next: Function) {\n      const newOtp: string[] = [...this.otp]\n      newOtp[index] = inputVal\n      this.otp = newOtp\n      next()\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 (h): VNode {\n    return h('div', {\n      staticClass: 'v-otp-input',\n      class: this.themeClasses,\n    }, this.genContent())\n  },\n})\n"],"file":"VOtpInput.mjs"}

package/lib/components/VOtpInput/VOtpInput.sass

@@ -0,0 +1,37 @@
+// Imports
+@import './_variables.scss'
+
+// Theme
++theme(v-otp-input) using ($material)
+  .v-input
+    .v-input__control
+      .v-input__slot
+        background: map-get($material, 'bg-color')
+
+.v-otp-input
+  display: flex
+  flex-wrap: wrap
+  flex: 1 1 auto
+  margin-right: -$otp-gutter
+  margin-left: -$otp-gutter
+
+  input
+    text-align: center
+
+  .v-input
+    margin: 0
+    flex: 1 0 $otp-width + $otp-gutter * 2
+    max-width: 100%
+    width: 100%
+    padding: $otp-gutter
+
+    &.v-otp-input--plain
+      fieldset
+        display: none
+
+    input[type=number]::-webkit-outer-spin-button,
+    input[type=number]::-webkit-inner-spin-button
+      -webkit-appearance: none
+      margin: 0
+    input[type=number]
+      -moz-appearance: textfield

package/lib/components/VOtpInput/_variables.scss

@@ -0,0 +1,4 @@
+@import '../../styles/styles.sass';
+
+$otp-gutter: 4px !default;
+$otp-width: 24px !default;

package/lib/components/VOtpInput/index.mjs

@@ -0,0 +1,4 @@
+import VOtpInput from "./VOtpInput.mjs";
+export { VOtpInput };
+export default VOtpInput;
+//# sourceMappingURL=index.mjs.map

package/lib/components/VOtpInput/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VOtpInput/index.ts"],"names":["VOtpInput"],"mappings":"OAAOA,S;AAEP,SAASA,SAAT;AACA,eAAeA,SAAf","sourcesContent":["import VOtpInput from './VOtpInput'\n\nexport { VOtpInput }\nexport default VOtpInput\n"],"file":"index.mjs"}

package/lib/components/VOverflowBtn/VOverflowBtn.mjs

@@ -2,7 +2,7 @@
 
 /* eslint-disable */
 // Styles
-import "./VOverflowBtn.sass"; // Extensions
+import "./VOverflowBtn.css"; // Extensions
 
 import VSelect from "../VSelect/VSelect.mjs";
 import VAutocomplete from "../VAutocomplete/index.mjs";

package/lib/components/VOverflowBtn/VOverflowBtn.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VOverflowBtn/VOverflowBtn.ts"],"names":["VSelect","VAutocomplete","VTextField","VBtn","consoleWarn","extend","name","props","editable","Boolean","segmented","computed","classes","options","call","isAnyValueAllowed","isSingle","computedItems","allItems","filteredItems","methods","genSelections","genCommaSelection","item","index","last","genSegmentedBtn","genInput","input","data","domProps","value","internalSearch","attrs","readonly","genLabel","isFocused","label","style","itemValue","getValue","itemObj","find","i","text","callback","$createElement","on","click","e","stopPropagation","updateValue","val","initialValue","lazyValue","$emit"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// 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'\n\n/* @vue/component */\nexport default VAutocomplete.extend({\n  name: 'v-overflow-btn',\n\n  props: {\n    editable: Boolean,\n    segmented: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VAutocomplete.options.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.options.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  },\n\n  methods: {\n    genSelections () {\n      return this.editable\n        ? VAutocomplete.options.methods.genSelections.call(this)\n        : VSelect.options.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.options.methods.genCommaSelection.call(this, item, index, last)\n    },\n    genInput () {\n      const input = VTextField.options.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.options.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 this.$createElement(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"],"file":"VOverflowBtn.mjs"}
+{"version":3,"sources":["../../../src/components/VOverflowBtn/VOverflowBtn.ts"],"names":["VSelect","VAutocomplete","VTextField","VBtn","consoleWarn","extend","name","props","editable","Boolean","segmented","computed","classes","options","call","isAnyValueAllowed","isSingle","computedItems","allItems","filteredItems","methods","genSelections","genCommaSelection","item","index","last","genSegmentedBtn","genInput","input","data","domProps","value","internalSearch","attrs","readonly","genLabel","isFocused","label","style","itemValue","getValue","itemObj","find","i","text","callback","$createElement","on","click","e","stopPropagation","updateValue","val","initialValue","lazyValue","$emit"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// 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'\n\n/* @vue/component */\nexport default VAutocomplete.extend({\n  name: 'v-overflow-btn',\n\n  props: {\n    editable: Boolean,\n    segmented: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VAutocomplete.options.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.options.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  },\n\n  methods: {\n    genSelections () {\n      return this.editable\n        ? VAutocomplete.options.methods.genSelections.call(this)\n        : VSelect.options.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.options.methods.genCommaSelection.call(this, item, index, last)\n    },\n    genInput () {\n      const input = VTextField.options.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.options.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 this.$createElement(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"],"file":"VOverflowBtn.mjs"}

package/lib/components/VOverlay/VOverlay.css

@@ -0,0 +1,63 @@
+.v-overlay-container {
+  contain: layout;
+  left: 0;
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  display: contents;
+}
+
+.v-overlay-scroll-blocked {
+  padding-inline-end: var(--v-scrollbar-offset);
+  overflow-y: hidden !important;
+}
+html.v-overlay-scroll-blocked {
+  position: fixed;
+  top: var(--v-body-scroll-y);
+  left: var(--v-body-scroll-x);
+  width: 100%;
+  height: 100%;
+}
+
+.v-overlay {
+  border-radius: inherit;
+  display: flex;
+  left: 0;
+  pointer-events: none;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 2000;
+}
+
+.v-overlay__content {
+  outline: none;
+  position: absolute;
+  pointer-events: auto;
+  contain: layout;
+}
+
+.v-overlay__scrim {
+  pointer-events: auto;
+  background: rgb(var(--v-theme-on-surface));
+  border-radius: inherit;
+  bottom: 0;
+  left: 0;
+  opacity: 32%;
+  position: fixed;
+  right: 0;
+  top: 0;
+}
+
+.v-overlay--absolute {
+  position: absolute;
+}
+
+.v-overlay--contained .v-overlay__scrim {
+  position: absolute;
+}
+
+.v-overlay--scroll-blocked {
+  padding-inline-end: var(--v-scrollbar-offset);
+}