@dimailn/vuetify 2.7.2-alpha0

package/es5/components/VTabs/VTabsItems.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _vue = require("vue");
+
+var _VWindow = _interopRequireDefault(require("../VWindow/VWindow"));
+
+var _VItemGroup = require("./../VItemGroup/VItemGroup");
+
+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-tabs-items',
+  extends: _VWindow.default,
+  props: {
+    mandatory: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    classes: function classes() {
+      return _objectSpread(_objectSpread({}, _VWindow.default.computed.classes.call(this)), {}, {
+        'v-tabs-items': true
+      });
+    },
+    isDark: function isDark() {
+      return this.rootIsDark;
+    }
+  },
+  methods: {
+    getValue: function getValue(item, i) {
+      return item.id || _VItemGroup.BaseItemGroup.methods.getValue.call(this, item, i);
+    }
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=VTabsItems.js.map

package/es5/components/VTabs/VTabsItems.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VTabs/VTabsItems.ts"],"names":[],"mappings":";;;;;;;AACA;;AACA;;AAGA;;;;;;;;;;AAEA;eACe,0BAAgB;AAC7B,EAAA,IAAI,EAAE,cADuB;AAG7B,EAAA,OAAO,EAAE,gBAHoB;AAI7B,EAAA,KAAK,EAAE;AACL,IAAA,SAAS,EAAE;AACT,MAAA,IAAI,EAAE,OADG;AAET,MAAA,OAAO,EAAE;AAFA;AADN,GAJsB;AAW7B,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL,6CACK,iBAAQ,QAAR,CAAiB,OAAjB,CAAyB,IAAzB,CAA8B,IAA9B,CADL;AAEE,wBAAgB;AAFlB;AAID,KANO;AAOR,IAAA,MAPQ,oBAOF;AACJ,aAAO,KAAK,UAAZ;AACD;AATO,GAXmB;AAuB7B,EAAA,OAAO,EAAE;AACP,IAAA,QADO,oBACG,IADH,EAC4B,CAD5B,EACqC;AAC1C,aAAO,IAAI,CAAC,EAAL,IAAW,0BAAc,OAAd,CAAsB,QAAtB,CAA+B,IAA/B,CAAoC,IAApC,EAA0C,IAA1C,EAAgD,CAAhD,CAAlB;AACD;AAHM;AAvBoB,CAAhB,C","sourcesContent":["// Extensions\nimport { defineComponent } from 'vue'\nimport VWindow from '../VWindow/VWindow'\n\n// Types & Components\nimport { BaseItemGroup, GroupableInstance } from './../VItemGroup/VItemGroup'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-tabs-items',\n\n  extends: VWindow,\n  props: {\n    mandatory: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VWindow.computed.classes.call(this),\n        'v-tabs-items': true,\n      }\n    },\n    isDark (): boolean {\n      return this.rootIsDark\n    },\n  },\n\n  methods: {\n    getValue (item: GroupableInstance, i: number) {\n      return item.id || BaseItemGroup.methods.getValue.call(this, item, i)\n    },\n  },\n})\n"],"sourceRoot":"","file":"VTabsItems.js"}

package/es5/components/VTabs/VTabsSlider.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _vue = require("vue");
+
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Mixins
+// Utilities
+
+/* @vue/component */
+var _default = (0, _mixins.default)(_colorable.default).extend({
+  name: 'v-tabs-slider',
+  render: function render() {
+    return (0, _vue.h)('div', this.setBackgroundColor(this.color, {
+      class: 'v-tabs-slider'
+    }));
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=VTabsSlider.js.map

package/es5/components/VTabs/VTabsSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VTabs/VTabsSlider.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;;;AAJA;AAGA;;AAMA;eACe,qBAAO,kBAAP,EAAkB,MAAlB,CAAyB;AACtC,EAAA,IAAI,EAAE,eADgC;AAGtC,EAAA,MAHsC,oBAGhC;AACJ,WAAO,YAAE,KAAF,EAAS,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC;AAClD,MAAA,KAAK,EAAE;AAD2C,KAApC,CAAT,CAAP;AAGD;AAPqC,CAAzB,C","sourcesContent":["import {h} from 'vue'\n// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue/types'\n\n/* @vue/component */\nexport default mixins(Colorable).extend({\n  name: 'v-tabs-slider',\n\n  render (): VNode {\n    return h('div', this.setBackgroundColor(this.color, {\n      class: 'v-tabs-slider',\n    }))\n  },\n})\n"],"sourceRoot":"","file":"VTabsSlider.js"}

package/es5/components/VTabs/index.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "VTabs", {
+  enumerable: true,
+  get: function get() {
+    return _VTabs.default;
+  }
+});
+Object.defineProperty(exports, "VTab", {
+  enumerable: true,
+  get: function get() {
+    return _VTab.default;
+  }
+});
+Object.defineProperty(exports, "VTabsItems", {
+  enumerable: true,
+  get: function get() {
+    return _VTabsItems.default;
+  }
+});
+Object.defineProperty(exports, "VTabItem", {
+  enumerable: true,
+  get: function get() {
+    return _VTabItem.default;
+  }
+});
+Object.defineProperty(exports, "VTabsSlider", {
+  enumerable: true,
+  get: function get() {
+    return _VTabsSlider.default;
+  }
+});
+exports.default = void 0;
+
+var _VTabs = _interopRequireDefault(require("./VTabs"));
+
+var _VTab = _interopRequireDefault(require("./VTab"));
+
+var _VTabsItems = _interopRequireDefault(require("./VTabsItems"));
+
+var _VTabItem = _interopRequireDefault(require("./VTabItem"));
+
+var _VTabsSlider = _interopRequireDefault(require("./VTabsSlider"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  $_vuetify_subcomponents: {
+    VTabs: _VTabs.default,
+    VTab: _VTab.default,
+    VTabsItems: _VTabsItems.default,
+    VTabItem: _VTabItem.default,
+    VTabsSlider: _VTabsSlider.default
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VTabs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;eAIe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,KAAK,EAAL,cADuB;AAEvB,IAAA,IAAI,EAAJ,aAFuB;AAGvB,IAAA,UAAU,EAAV,mBAHuB;AAIvB,IAAA,QAAQ,EAAR,iBAJuB;AAKvB,IAAA,WAAW,EAAX;AALuB;AADZ,C","sourcesContent":["import VTabs from './VTabs'\nimport VTab from './VTab'\nimport VTabsItems from './VTabsItems'\nimport VTabItem from './VTabItem'\nimport VTabsSlider from './VTabsSlider'\n\nexport { VTabs, VTab, VTabItem, VTabsItems, VTabsSlider }\n\nexport default {\n  $_vuetify_subcomponents: {\n    VTabs,\n    VTab,\n    VTabsItems,\n    VTabItem,\n    VTabsSlider,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/VTextField/VTextField.js

@@ -0,0 +1,522 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("../../../src/components/VTextField/VTextField.sass");
+
+var _VInput = _interopRequireDefault(require("../VInput"));
+
+var _VCounter = _interopRequireDefault(require("../VCounter"));
+
+var _VLabel = _interopRequireDefault(require("../VLabel"));
+
+var _intersectable = _interopRequireDefault(require("../../mixins/intersectable"));
+
+var _loadable = _interopRequireDefault(require("../../mixins/loadable"));
+
+var _validatable = _interopRequireDefault(require("../../mixins/validatable"));
+
+var _resize = _interopRequireDefault(require("../../directives/resize"));
+
+var _ripple = _interopRequireDefault(require("../../directives/ripple"));
+
+var _dom = require("../../util/dom");
+
+var _helpers = require("../../util/helpers");
+
+var _console = require("../../util/console");
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+var _vue = require("vue");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+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, (0, _intersectable.default)({
+  onVisible: ['onResize', 'tryAutofocus']
+}), _loadable.default);
+var dirtyTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'month'];
+/* @vue/component */
+
+var _default = baseMixins.extend({
+  name: 'v-text-field',
+  directives: {
+    resize: _resize.default,
+    ripple: _ripple.default
+  },
+  props: {
+    appendOuterIcon: String,
+    autofocus: Boolean,
+    clearable: Boolean,
+    clearIcon: {
+      type: String,
+      default: '$clear'
+    },
+    counter: [Boolean, Number, String],
+    counterValue: Function,
+    filled: Boolean,
+    flat: Boolean,
+    fullWidth: Boolean,
+    label: String,
+    outlined: Boolean,
+    placeholder: String,
+    prefix: String,
+    prependInnerIcon: String,
+    persistentPlaceholder: Boolean,
+    reverse: Boolean,
+    rounded: Boolean,
+    shaped: Boolean,
+    singleLine: Boolean,
+    solo: Boolean,
+    soloInverted: Boolean,
+    suffix: String,
+    type: {
+      type: String,
+      default: 'text'
+    }
+  },
+  data: function data() {
+    return {
+      badInput: false,
+      labelWidth: 0,
+      prefixWidth: 0,
+      prependWidth: 0,
+      initialValue: null,
+      isBooted: false,
+      isClearing: false
+    };
+  },
+  computed: {
+    classes: function classes() {
+      return _objectSpread(_objectSpread({}, _VInput.default.computed.classes.call(this)), {}, {
+        'v-text-field': true,
+        'v-text-field--full-width': this.fullWidth,
+        'v-text-field--prefix': this.prefix,
+        'v-text-field--single-line': this.isSingle,
+        'v-text-field--solo': this.isSolo,
+        'v-text-field--solo-inverted': this.soloInverted,
+        'v-text-field--solo-flat': this.flat,
+        'v-text-field--filled': this.filled,
+        'v-text-field--is-booted': this.isBooted,
+        'v-text-field--enclosed': this.isEnclosed,
+        'v-text-field--reverse': this.reverse,
+        'v-text-field--outlined': this.outlined,
+        'v-text-field--placeholder': this.placeholder,
+        'v-text-field--rounded': this.rounded,
+        'v-text-field--shaped': this.shaped
+      });
+    },
+    computedColor: function computedColor() {
+      var computedColor = _validatable.default.computed.computedColor.call(this);
+
+      if (!this.soloInverted || !this.isFocused) return computedColor;
+      return this.color || 'primary';
+    },
+    computedCounterValue: function computedCounterValue() {
+      if (typeof this.counterValue === 'function') {
+        return this.counterValue(this.internalValue);
+      }
+
+      return _toConsumableArray((this.internalValue || '').toString()).length;
+    },
+    hasCounter: function hasCounter() {
+      return this.counter !== false && this.counter != null;
+    },
+    hasDetails: function hasDetails() {
+      return _VInput.default.computed.hasDetails.call(this) || this.hasCounter;
+    },
+    internalValue: {
+      get: function get() {
+        return this.lazyValue;
+      },
+      set: function set(val) {
+        this.lazyValue = val;
+        this.$emit('update:modelValue', this.lazyValue);
+      }
+    },
+    isDirty: function isDirty() {
+      var _a;
+
+      return ((_a = this.lazyValue) === null || _a === void 0 ? void 0 : _a.toString().length) > 0 || this.badInput;
+    },
+    isEnclosed: function isEnclosed() {
+      return this.filled || this.isSolo || this.outlined;
+    },
+    isLabelActive: function isLabelActive() {
+      return this.isDirty || dirtyTypes.includes(this.type);
+    },
+    isSingle: function isSingle() {
+      return this.isSolo || this.singleLine || this.fullWidth || // https://material.io/components/text-fields/#filled-text-field
+      this.filled && !this.hasLabel;
+    },
+    isSolo: function isSolo() {
+      return this.solo || this.soloInverted;
+    },
+    labelPosition: function labelPosition() {
+      var offset = this.prefix && !this.labelValue ? this.prefixWidth : 0;
+      if (this.labelValue && this.prependWidth) offset -= this.prependWidth;
+      return this.$vuetify.rtl === this.reverse ? {
+        left: offset,
+        right: 'auto'
+      } : {
+        left: 'auto',
+        right: offset
+      };
+    },
+    showLabel: function showLabel() {
+      return this.hasLabel && !(this.isSingle && this.labelValue);
+    },
+    labelValue: function labelValue() {
+      return this.isFocused || this.isLabelActive || this.persistentPlaceholder;
+    }
+  },
+  watch: {
+    // labelValue: 'setLabelWidth', // moved to mounted, see #11533
+    outlined: 'setLabelWidth',
+    label: function label() {
+      this.$nextTick(this.setLabelWidth);
+    },
+    prefix: function prefix() {
+      this.$nextTick(this.setPrefixWidth);
+    },
+    isFocused: 'updateValue',
+    value: function value(val) {
+      this.lazyValue = val;
+    }
+  },
+  created: function created() {
+    /* istanbul ignore next */
+    if (this.$attrs.hasOwnProperty('box')) {
+      (0, _console.breaking)('box', 'filled', this);
+    }
+    /* istanbul ignore next */
+
+
+    if (this.$attrs.hasOwnProperty('browser-autocomplete')) {
+      (0, _console.breaking)('browser-autocomplete', 'autocomplete', this);
+    }
+    /* istanbul ignore if */
+
+
+    if (this.shaped && !(this.filled || this.outlined || this.isSolo)) {
+      (0, _console.consoleWarn)('shaped should be used with either filled or outlined', this);
+    }
+  },
+  mounted: function mounted() {
+    var _this = this;
+
+    // #11533
+    this.$watch(function () {
+      return _this.labelValue;
+    }, this.setLabelWidth);
+    this.autofocus && this.tryAutofocus();
+    requestAnimationFrame(function () {
+      _this.isBooted = true;
+      requestAnimationFrame(function () {
+        if (!_this.isIntersecting) {
+          _this.onResize();
+        }
+      });
+    });
+  },
+  methods: {
+    /** @public */
+    focus: function focus() {
+      this.onFocus();
+    },
+
+    /** @public */
+    blur: function blur(e) {
+      var _this2 = this;
+
+      // https://github.com/vuetifyjs/vuetify/issues/5913
+      // Safari tab order gets broken if called synchronous
+      window.requestAnimationFrame(function () {
+        _this2.$refs.input && _this2.$refs.input.blur();
+      });
+    },
+    clearableCallback: function clearableCallback() {
+      var _this3 = this;
+
+      this.$refs.input && this.$refs.input.focus();
+      this.$nextTick(function () {
+        return _this3.internalValue = null;
+      });
+    },
+    genAppendSlot: function genAppendSlot() {
+      var slot = [];
+
+      if (this.$slots['append-outer']) {
+        slot.push(this.$slots['append-outer']);
+      } else if (this.appendOuterIcon) {
+        slot.push(this.genIcon('appendOuter'));
+      }
+
+      return this.genSlot('append', 'outer', slot);
+    },
+    genPrependInnerSlot: function genPrependInnerSlot() {
+      var slot = [];
+
+      if (this.$slots['prepend-inner']) {
+        slot.push(this.$slots['prepend-inner']());
+      } else if (this.prependInnerIcon) {
+        slot.push(this.genIcon('prependInner'));
+      }
+
+      return this.genSlot('prepend', 'inner', slot);
+    },
+    genIconSlot: function genIconSlot() {
+      var slot = [];
+
+      if (this.$slots.append) {
+        slot.push(this.$slots.append);
+      } else if (this.appendIcon) {
+        slot.push(this.genIcon('append'));
+      }
+
+      return this.genSlot('append', 'inner', slot);
+    },
+    genInputSlot: function genInputSlot() {
+      var input = _VInput.default.methods.genInputSlot.call(this);
+
+      var prepend = this.genPrependInnerSlot();
+
+      if (prepend) {
+        input.children = input.children || [];
+        input.children.unshift(prepend);
+      }
+
+      return input;
+    },
+    genClearIcon: function genClearIcon() {
+      if (!this.clearable) return null; // if the text field has no content then don't display the clear icon.
+      // We add an empty div because other controls depend on a ref to append inner
+
+      if (!this.isDirty) {
+        return this.genSlot('append', 'inner', [(0, _vue.h)('div')]);
+      }
+
+      return this.genSlot('append', 'inner', [this.genIcon('clear', this.clearableCallback)]);
+    },
+    genCounter: function genCounter() {
+      var _a, _b, _c;
+
+      if (!this.hasCounter) return null;
+      var max = this.counter === true ? this.attrs$.maxlength : this.counter;
+      var props = {
+        dark: this.dark,
+        light: this.light,
+        max: max,
+        value: this.computedCounterValue
+      };
+      return (_c = (_b = (_a = this.$slots).counter) === null || _b === void 0 ? void 0 : _b.call(_a, {
+        props: props
+      })) !== null && _c !== void 0 ? _c : (0, _vue.h)(_VCounter.default, props);
+    },
+    genControl: function genControl() {
+      return _VInput.default.methods.genControl.call(this);
+    },
+    genDefaultSlot: function genDefaultSlot() {
+      return [this.genFieldset(), this.genTextFieldSlot(), this.genClearIcon(), this.genIconSlot(), this.genProgress()];
+    },
+    genFieldset: function genFieldset() {
+      if (!this.outlined) return null;
+      return (0, _vue.h)('fieldset', {
+        'aria-hidden': true
+      }, [this.genLegend()]);
+    },
+    genLabel: function genLabel() {
+      if (!this.showLabel) return null;
+      var data = {
+        absolute: true,
+        color: this.validationState,
+        dark: this.dark,
+        disabled: this.isDisabled,
+        focused: !this.isSingle && (this.isFocused || !!this.validationState),
+        for: this.computedId,
+        left: this.labelPosition.left,
+        light: this.light,
+        right: this.labelPosition.right,
+        value: this.labelValue
+      };
+      return (0, _vue.h)(_VLabel.default, data, (0, _helpers.getSlot)(this, 'label') || this.label);
+    },
+    genLegend: function genLegend() {
+      var width = !this.singleLine && (this.labelValue || this.isDirty) ? this.labelWidth : 0;
+      var span = (0, _vue.h)('span', {
+        innerHTML: '&#8203;',
+        class: 'notranslate'
+      });
+      return (0, _vue.h)('legend', {
+        style: {
+          width: !this.isSingle ? (0, _helpers.convertToUnit)(width) : undefined
+        }
+      }, [span]);
+    },
+    genInput: function genInput() {
+      var listeners = Object.assign({}, this.listeners$);
+      delete listeners.change; // Change should not be bound externally
+
+      var _this$attrs$ = this.attrs$,
+          title = _this$attrs$.title,
+          inputAttrs = _objectWithoutProperties(_this$attrs$, ["title"]);
+
+      var node = (0, _vue.h)('input', _objectSpread(_objectSpread(_objectSpread({
+        style: {},
+        value: this.type === 'number' && Object.is(this.lazyValue, -0) ? '-0' : this.lazyValue
+      }, inputAttrs), {}, {
+        autofocus: this.autofocus,
+        disabled: this.isDisabled,
+        id: this.computedId,
+        placeholder: this.persistentPlaceholder || this.isFocused || !this.hasLabel ? this.placeholder : undefined,
+        readonly: this.isReadonly,
+        type: this.type,
+        onBlur: this.onBlur,
+        onInput: this.onInput,
+        onFocus: this.onFocus,
+        onKeydown: this.onKeyDown
+      }, listeners), {}, {
+        ref: 'input'
+      }));
+      return (0, _vue.withDirectives)(node, [[_resize.default, this.onResize, '', {
+        quiet: true
+      }]]);
+    },
+    genMessages: function genMessages() {
+      if (!this.showDetails) return null;
+
+      var messagesNode = _VInput.default.methods.genMessages.call(this);
+
+      var counterNode = this.genCounter();
+      return (0, _vue.h)('div', {
+        class: 'v-text-field__details'
+      }, [messagesNode, counterNode]);
+    },
+    genTextFieldSlot: function genTextFieldSlot() {
+      return (0, _vue.h)('div', {
+        class: 'v-text-field__slot'
+      }, [this.genLabel(), this.prefix ? this.genAffix('prefix') : null, this.genInput(), this.suffix ? this.genAffix('suffix') : null]);
+    },
+    genAffix: function genAffix(type) {
+      return (0, _vue.h)('div', {
+        class: "v-text-field__".concat(type),
+        ref: type
+      }, this[type]);
+    },
+    onBlur: function onBlur(e) {
+      var _this4 = this;
+
+      this.isFocused = false;
+      e && this.$nextTick(function () {
+        return _this4.$emit('blur', e);
+      });
+    },
+    onClick: function onClick() {
+      if (this.isFocused || this.isDisabled || !this.$refs.input) return;
+      this.$refs.input.focus();
+    },
+    onFocus: function onFocus(e) {
+      if (!this.$refs.input) return;
+      var root = (0, _dom.attachedRoot)(this.$el);
+      if (!root) return;
+
+      if (root.activeElement !== this.$refs.input) {
+        return this.$refs.input.focus();
+      }
+
+      if (!this.isFocused) {
+        this.isFocused = true;
+        e && this.$emit('focus', e);
+      }
+    },
+    onInput: function onInput(e) {
+      var target = e.target;
+      this.internalValue = target.value;
+      this.badInput = target.validity && target.validity.badInput;
+    },
+    onKeyDown: function onKeyDown(e) {
+      if (e.keyCode === _helpers.keyCodes.enter && this.lazyValue !== this.initialValue) {
+        this.initialValue = this.lazyValue;
+        this.$emit('update:modelValue', this.initialValue);
+      }
+
+      this.$emit('keydown', e);
+    },
+    onMouseDown: function onMouseDown(e) {
+      // Prevent input from being blurred
+      if (e.target !== this.$refs.input) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+
+      _VInput.default.methods.onMouseDown.call(this, e);
+    },
+    onMouseUp: function onMouseUp(e) {
+      if (this.hasMouseDown) this.focus();
+
+      _VInput.default.methods.onMouseUp.call(this, e);
+    },
+    setLabelWidth: function setLabelWidth() {
+      if (!this.outlined) return;
+      this.labelWidth = this.$refs.label ? Math.min(this.$refs.label.scrollWidth * 0.75 + 6, this.$el.offsetWidth - 24) : 0;
+    },
+    setPrefixWidth: function setPrefixWidth() {
+      if (!this.$refs.prefix) return;
+      this.prefixWidth = this.$refs.prefix.offsetWidth;
+    },
+    setPrependWidth: function setPrependWidth() {
+      if (!this.outlined || !this.$refs['prepend-inner']) return;
+      this.prependWidth = this.$refs['prepend-inner'].offsetWidth;
+    },
+    tryAutofocus: function tryAutofocus() {
+      if (!this.autofocus || typeof document === 'undefined' || !this.$refs.input) return false;
+      var root = (0, _dom.attachedRoot)(this.$el);
+      if (!root || root.activeElement === this.$refs.input) return false;
+      this.$refs.input.focus();
+      return true;
+    },
+    updateValue: function updateValue(val) {
+      // Sets validationState from validatable
+      this.hasColor = val;
+
+      if (val) {
+        this.initialValue = this.lazyValue;
+      } else if (this.initialValue !== this.lazyValue) {
+        this.$emit('update:modelValue', this.lazyValue);
+      }
+    },
+    onResize: function onResize() {
+      this.setLabelWidth();
+      this.setPrefixWidth();
+      this.setPrependWidth();
+    }
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=VTextField.js.map