@kokoccc/vuetify 1.0.1 → 1.0.3

package/es5/components/VOtpInput/VOtpInput.js

@@ -0,0 +1,394 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _vue = require("vue");
+
+require("../../../src/components/VTextField/VTextField.sass");
+
+require("../../../src/components/VOtpInput/VOtpInput.sass");
+
+var _VInput = _interopRequireDefault(require("../VInput"));
+
+var _VTextField2 = _interopRequireDefault(require("../VTextField/VTextField"));
+
+var _helpers = require("../../util/helpers");
+
+var _console = require("../../util/console");
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var baseMixins = (0, _mixins.default)(_VInput.default);
+/* @vue/component */
+
+var _default = baseMixins.extend({
+  name: 'v-otp-input',
+  inheritAttrs: false,
+  props: {
+    length: {
+      type: [Number, String],
+      default: 6
+    },
+    type: {
+      type: String,
+      default: 'text'
+    },
+    plain: Boolean,
+    modelValue: {
+      type: String,
+      default: ''
+    }
+  },
+  emits: ['blur', 'focus', 'change', 'keydown', 'finish', 'update:modelValue'],
+  data: function data() {
+    return {
+      initialValue: null,
+      isBooted: false,
+      otp: [],
+      lazyValue: '',
+      inputRefs: []
+    };
+  },
+  computed: {
+    outlined: function outlined() {
+      return !this.plain;
+    },
+    fullWidth: function fullWidth() {
+      return false;
+    },
+    prefix: function prefix() {
+      return false;
+    },
+    isSingle: function isSingle() {
+      return true;
+    },
+    isSolo: function isSolo() {
+      return false;
+    },
+    soloInverted: function soloInverted() {
+      return false;
+    },
+    flat: function flat() {
+      return false;
+    },
+    filled: function filled() {
+      return false;
+    },
+    reverse: function reverse() {
+      return false;
+    },
+    placeholder: function placeholder() {
+      return '';
+    },
+    rounded: function rounded() {
+      return false;
+    },
+    shaped: function shaped() {
+      return false;
+    },
+    internalValue: {
+      get: function get() {
+        return this.lazyValue;
+      },
+      set: function set(val) {
+        this.lazyValue = val;
+        this.$emit('update:modelValue', val);
+      }
+    },
+    classes: function classes() {
+      return _objectSpread(_objectSpread(_objectSpread({}, _VInput.default.computed.classes.call(this)), _VTextField2.default.computed.classes.call(this)), {}, {
+        'v-otp-input--plain': this.plain
+      });
+    },
+    isEnclosed: function isEnclosed() {
+      return false;
+    }
+  },
+  watch: {
+    isFocused: 'updateValue',
+    modelValue: function modelValue(val) {
+      this.lazyValue = val;
+      this.otp = (val === null || val === void 0 ? void 0 : val.split('')) || [];
+    }
+  },
+  created: function created() {
+    var _a;
+    /* istanbul ignore next */
+
+
+    if (this.$attrs.hasOwnProperty('browser-autocomplete')) {
+      (0, _console.breaking)('browser-autocomplete', 'autocomplete', this);
+    }
+
+    this.lazyValue = this.modelValue;
+    this.otp = ((_a = this.modelValue) === null || _a === void 0 ? void 0 : _a.split('')) || [];
+  },
+  mounted: function mounted() {
+    var _this = this;
+
+    requestAnimationFrame(function () {
+      return _this.isBooted = true;
+    });
+  },
+  methods: {
+    /** @public */
+    focus: function focus(e, otpIdx) {
+      this.onFocus(e, otpIdx || 0);
+    },
+    genInputSlot: function genInputSlot(otpIdx) {
+      var _this2 = this;
+
+      return (0, _vue.h)('div', this.setBackgroundColor(this.backgroundColor, {
+        class: 'v-input__slot',
+        style: {
+          height: (0, _helpers.convertToUnit)(this.height)
+        },
+        onClick: function onClick() {
+          return _this2.onClick(otpIdx);
+        },
+        onMousedown: function onMousedown(e) {
+          return _this2.onMouseDown(e, otpIdx);
+        },
+        onMouseup: function onMouseup(e) {
+          return _this2.onMouseUp(e, otpIdx);
+        }
+      }), [this.genDefaultSlot(otpIdx)]);
+    },
+    genControl: function genControl(otpIdx) {
+      return (0, _vue.h)('div', {
+        class: 'v-input__control'
+      }, [this.genInputSlot(otpIdx)]);
+    },
+    genDefaultSlot: function genDefaultSlot(otpIdx) {
+      return [this.genFieldset(), this.genTextFieldSlot(otpIdx)];
+    },
+    genContent: function genContent() {
+      var _this3 = this;
+
+      return Array.from({
+        length: +this.length
+      }, function (_, i) {
+        return (0, _vue.h)('div', _this3.setTextColor(_this3.validationState, {
+          class: ['v-input', _this3.classes]
+        }), [_this3.genControl(i)]);
+      });
+    },
+    genFieldset: function genFieldset() {
+      return (0, _vue.h)('fieldset', {
+        'aria-hidden': 'true'
+      }, [this.genLegend()]);
+    },
+    genLegend: function genLegend() {
+      var span = (0, _vue.h)('span', {
+        innerHTML: '&#8203;'
+      });
+      return (0, _vue.h)('legend', {
+        style: {
+          width: '0px'
+        }
+      }, [span]);
+    },
+    genInput: function genInput(otpIdx) {
+      var _this4 = this;
+
+      var listeners = Object.assign({}, this.$attrs);
+      delete listeners.onChange; // Change should not be bound externally
+
+      var inputProps = _objectSpread(_objectSpread(_objectSpread({
+        style: {},
+        value: this.otp[otpIdx]
+      }, this.$attrs), {}, {
+        autocomplete: 'one-time-code',
+        disabled: this.isDisabled,
+        readonly: this.isReadonly,
+        type: this.type,
+        id: "".concat(this.computedId, "--").concat(otpIdx),
+        class: "otp-field-box--".concat(otpIdx)
+      }, Object.assign(listeners, {
+        onBlur: this.onBlur,
+        onInput: function onInput(e) {
+          return _this4.onInput(e, otpIdx);
+        },
+        onFocus: function onFocus(e) {
+          return _this4.onFocus(e, otpIdx);
+        },
+        onKeydown: this.onKeyDown,
+        onKeyup: function onKeyup(e) {
+          return _this4.onKeyUp(e, otpIdx);
+        }
+      })), {}, {
+        ref: function ref(el) {
+          if (el) {
+            _this4.inputRefs[otpIdx] = el;
+          }
+        }
+      });
+
+      if (this.type === 'number') {
+        inputProps.min = 0;
+      }
+
+      return (0, _vue.h)('input', inputProps);
+    },
+    genTextFieldSlot: function genTextFieldSlot(otpIdx) {
+      return (0, _vue.h)('div', {
+        class: 'v-text-field__slot'
+      }, [this.genInput(otpIdx)]);
+    },
+    onBlur: function onBlur(e) {
+      var _this5 = this;
+
+      this.isFocused = false;
+      e && this.$nextTick(function () {
+        return _this5.$emit('blur', e);
+      });
+    },
+    onClick: function onClick(otpIdx) {
+      if (this.isFocused || this.isDisabled || !this.inputRefs[otpIdx]) return;
+      this.onFocus(undefined, otpIdx);
+    },
+    onFocus: function onFocus(e, otpIdx) {
+      e === null || e === void 0 ? void 0 : e.preventDefault();
+      e === null || e === void 0 ? void 0 : e.stopPropagation();
+      var ref = this.inputRefs[otpIdx || 0];
+      if (!ref) return;
+
+      if (document.activeElement !== ref) {
+        ref.focus();
+        this.isFocused = true;
+        return ref.select();
+      }
+
+      if (!this.isFocused) {
+        this.isFocused = true;
+        ref.select();
+        e && this.$emit('focus', e);
+      }
+    },
+    onInput: function onInput(e, index) {
+      var maxCursor = +this.length - 1;
+      var target = e.target;
+      var value = target.value;
+      var inputDataArray = (value === null || value === void 0 ? void 0 : value.split('')) || [];
+
+      var newOtp = _toConsumableArray(this.otp);
+
+      for (var i = 0; i < inputDataArray.length; i++) {
+        var appIdx = index + i;
+        if (appIdx > maxCursor) break;
+        newOtp[appIdx] = inputDataArray[i].toString();
+      }
+
+      if (!inputDataArray.length) {
+        newOtp.splice(index, 1);
+      }
+
+      this.otp = newOtp;
+      this.internalValue = this.otp.join('');
+
+      if (index + inputDataArray.length >= +this.length) {
+        this.onCompleted();
+        this.clearFocus(index);
+      } else if (inputDataArray.length) {
+        this.changeFocus(index + inputDataArray.length);
+      }
+    },
+    clearFocus: function clearFocus(index) {
+      var input = this.inputRefs[index];
+      input === null || input === void 0 ? void 0 : input.blur();
+    },
+    onKeyDown: function onKeyDown(e) {
+      if (e.key === 'Enter') {
+        this.$emit('change', this.internalValue);
+      }
+
+      this.$emit('keydown', e);
+    },
+    onMouseDown: function onMouseDown(e, otpIdx) {
+      var inputRef = this.inputRefs[otpIdx]; // Prevent input from being blurred
+
+      if (e.target !== inputRef) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+
+      _VInput.default.methods.onMouseDown.call(this, e);
+    },
+    onMouseUp: function onMouseUp(e, otpIdx) {
+      if (this.hasMouseDown) this.focus(e, otpIdx);
+
+      _VInput.default.methods.onMouseUp.call(this, e);
+    },
+    changeFocus: function changeFocus(index) {
+      this.onFocus(undefined, index || 0);
+    },
+    updateValue: function updateValue(val) {
+      // Sets validationState from validatable
+      this.hasColor = val;
+
+      if (val) {
+        this.initialValue = this.internalValue;
+      } else if (this.initialValue !== this.internalValue) {
+        this.$emit('change', this.internalValue);
+      }
+    },
+    onKeyUp: function onKeyUp(event, index) {
+      event.preventDefault();
+      var 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: function onCompleted() {
+      var rsp = this.otp.join('');
+
+      if (rsp.length === +this.length) {
+        this.$emit('finish', rsp);
+      }
+    }
+  },
+  render: function render() {
+    return (0, _vue.h)('div', {
+      class: ['v-otp-input', this.themeClasses]
+    }, this.genContent());
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=VOtpInput.js.map

package/es5/components/VOtpInput/VOtpInput.js.map

@@ -0,0 +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 } 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/es5/components/VOtpInput/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "VOtpInput", {
+  enumerable: true,
+  get: function get() {
+    return _VOtpInput.default;
+  }
+});
+exports.default = void 0;
+
+var _VOtpInput = _interopRequireDefault(require("./VOtpInput"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _VOtpInput.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/es5/components/VOtpInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VOtpInput/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;eAGe,kB","sourcesContent":["import VOtpInput from './VOtpInput'\n\nexport { VOtpInput }\nexport default VOtpInput\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/VOverflowBtn/VOverflowBtn.js

@@ -0,0 +1,125 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("../../../src/components/VOverflowBtn/VOverflowBtn.sass");
+
+var _VSelect = _interopRequireDefault(require("../VSelect/VSelect"));
+
+var _VAutocomplete = _interopRequireDefault(require("../VAutocomplete"));
+
+var _VTextField = _interopRequireDefault(require("../VTextField/VTextField"));
+
+var _VBtn = _interopRequireDefault(require("../VBtn"));
+
+var _console = require("../../util/console");
+
+var _vue = require("vue");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/* @vue/component */
+var _default = (0, _vue.defineComponent)({
+  name: 'v-overflow-btn',
+  extends: _VAutocomplete.default,
+  props: {
+    editable: Boolean,
+    segmented: Boolean
+  },
+  emits: ['change'],
+  computed: {
+    classes: function classes() {
+      return _objectSpread(_objectSpread({}, _VAutocomplete.default.computed.classes.call(this)), {}, {
+        'v-overflow-btn': true,
+        'v-overflow-btn--segmented': this.segmented,
+        'v-overflow-btn--editable': this.editable
+      });
+    },
+    isAnyValueAllowed: function isAnyValueAllowed() {
+      return this.editable || _VAutocomplete.default.computed.isAnyValueAllowed.call(this);
+    },
+    isSingle: function isSingle() {
+      return true;
+    },
+    computedItems: function computedItems() {
+      return this.segmented ? this.allItems : this.filteredItems;
+    },
+    labelValue: function labelValue() {
+      return this.isFocused && !this.persistentPlaceholder || this.isLabelActive;
+    }
+  },
+  methods: {
+    genSelections: function genSelections() {
+      return this.editable ? _VAutocomplete.default.methods.genSelections.call(this) : _VSelect.default.methods.genSelections.call(this); // Override v-autocomplete's override
+    },
+    genCommaSelection: function genCommaSelection(item, index, last) {
+      return this.segmented ? this.genSegmentedBtn(item) : _VSelect.default.methods.genCommaSelection.call(this, item, index, last);
+    },
+    genInput: function genInput() {
+      var input = _VTextField.default.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;
+    },
+    genLabel: function genLabel() {
+      if (this.editable && this.isFocused) return null;
+
+      var label = _VTextField.default.methods.genLabel.call(this);
+
+      if (!label) return label;
+      label.data = label.data || {}; // Reset previously set styles from parent
+
+      label.data.style = {};
+      return label;
+    },
+    genSegmentedBtn: function genSegmentedBtn(item) {
+      var _this = this;
+
+      var itemValue = this.getValue(item);
+      var itemObj = this.computedItems.find(function (i) {
+        return _this.getValue(i) === itemValue;
+      }) || item;
+
+      if (!itemObj.text || !itemObj.callback) {
+        (0, _console.consoleWarn)('When using "segmented" prop without a selection slot, items must contain both a text and callback property', this);
+        return null;
+      }
+
+      return (0, _vue.h)(_VBtn.default, {
+        text: true,
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          itemObj.callback(e);
+        }
+      }, function () {
+        return [itemObj.text];
+      });
+    },
+    updateValue: function updateValue(val) {
+      if (val) {
+        this.initialValue = this.lazyValue;
+      } else if (this.initialValue !== this.lazyValue) {
+        this.$emit('change', this.lazyValue);
+      }
+    }
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=VOverflowBtn.js.map

package/es5/components/VOverflowBtn/VOverflowBtn.js.map

@@ -0,0 +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, 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"}

package/es5/components/VOverflowBtn/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "VOverflowBtn", {
+  enumerable: true,
+  get: function get() {
+    return _VOverflowBtn.default;
+  }
+});
+exports.default = void 0;
+
+var _VOverflowBtn = _interopRequireDefault(require("./VOverflowBtn"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _VOverflowBtn.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/es5/components/VOverflowBtn/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VOverflowBtn/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;eAGe,qB","sourcesContent":["import VOverflowBtn from './VOverflowBtn'\n\nexport { VOverflowBtn }\nexport default VOverflowBtn\n"],"sourceRoot":"","file":"index.js"}