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

package/lib/components/VInput/VInput.css

@@ -0,0 +1,112 @@
+.v-input {
+  display: grid;
+  flex: 1 1 auto;
+  font-size: 1rem;
+  font-weight: 400;
+}
+.v-input--disabled {
+  pointer-events: none;
+}
+.v-input--density-default {
+  --v-input-control-height: 56px;
+  --v-input-padding-top: 16px;
+}
+
+.v-input--density-comfortable {
+  --v-input-control-height: 48px;
+  --v-input-padding-top: 12px;
+}
+
+.v-input--density-compact {
+  --v-input-control-height: 40px;
+  --v-input-padding-top: 8px;
+}
+
+.v-input--vertical {
+  grid-template-areas: "append" "control" "prepend";
+  grid-template-rows: max-content auto max-content;
+  grid-template-columns: min-content;
+}
+.v-input--vertical .v-input__prepend {
+  margin-block-start: 16px;
+}
+.v-input--vertical .v-input__append {
+  margin-block-end: 16px;
+}
+
+.v-input--horizontal {
+  grid-template-areas: "prepend control append" "a messages b";
+  grid-template-columns: max-content minmax(0, 1fr) max-content;
+  grid-template-rows: auto auto;
+}
+.v-input--horizontal .v-input__prepend {
+  margin-inline-end: 16px;
+}
+.v-input--horizontal .v-input__append {
+  margin-inline-start: 16px;
+}
+
+.v-input__details {
+  align-items: flex-end;
+  display: flex;
+  font-size: 0.75rem;
+  font-weight: 400;
+  grid-area: messages;
+  letter-spacing: 0.0333333333em;
+  line-height: normal;
+  margin-bottom: 16px;
+  min-height: 22px;
+  padding-top: 6px;
+  overflow: hidden;
+  justify-content: space-between;
+}
+
+.v-input__details > .v-icon,
+.v-input__prepend > .v-icon,
+.v-input__append > .v-icon {
+  opacity: var(--v-medium-emphasis-opacity);
+}
+.v-input--disabled .v-input__details > .v-icon,
+.v-input--disabled .v-input__details .v-messages, .v-input--error .v-input__details > .v-icon,
+.v-input--error .v-input__details .v-messages,
+.v-input--disabled .v-input__prepend > .v-icon,
+.v-input--disabled .v-input__prepend .v-messages,
+.v-input--error .v-input__prepend > .v-icon,
+.v-input--error .v-input__prepend .v-messages,
+.v-input--disabled .v-input__append > .v-icon,
+.v-input--disabled .v-input__append .v-messages,
+.v-input--error .v-input__append > .v-icon,
+.v-input--error .v-input__append .v-messages {
+  opacity: 1;
+}
+.v-input--disabled .v-input__details,
+.v-input--disabled .v-input__prepend,
+.v-input--disabled .v-input__append {
+  opacity: var(--v-disabled-opacity);
+}
+.v-input--error:not(.v-input--disabled) .v-input__details > .v-icon,
+.v-input--error:not(.v-input--disabled) .v-input__details .v-messages,
+.v-input--error:not(.v-input--disabled) .v-input__prepend > .v-icon,
+.v-input--error:not(.v-input--disabled) .v-input__prepend .v-messages,
+.v-input--error:not(.v-input--disabled) .v-input__append > .v-icon,
+.v-input--error:not(.v-input--disabled) .v-input__append .v-messages {
+  color: rgb(var(--v-theme-error));
+}
+
+.v-input__prepend,
+.v-input__append {
+  display: flex;
+  padding-top: var(--v-input-padding-top);
+}
+
+.v-input__prepend {
+  grid-area: prepend;
+}
+
+.v-input__append {
+  grid-area: append;
+}
+
+.v-input__control {
+  grid-area: control;
+}

package/lib/components/VInput/VInput.mjs

@@ -1,292 +1,116 @@
-// @ts-nocheck
-
-/* eslint-disable */
+import { resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 // Styles
-import "./VInput.sass"; // Components
-
-import VIcon from "../VIcon/index.mjs";
-import VLabel from "../VLabel/index.mjs";
-import VMessages from "../VMessages/index.mjs"; // Mixins
-
-import BindsAttrs from "../../mixins/binds-attrs/index.mjs";
-import Validatable from "../../mixins/validatable/index.mjs"; // Utilities
-
-import { convertToUnit, getSlot, kebabCase } from "../../util/helpers.mjs";
-import mergeData from "../../util/mergeData.mjs"; // Types
-
-import mixins from "../../util/mixins.mjs";
-const baseMixins = mixins(BindsAttrs, Validatable);
-
-/* @vue/component */
-export default baseMixins.extend().extend({
-  name: 'v-input',
-  inheritAttrs: false,
-  props: {
-    appendIcon: String,
-    backgroundColor: {
-      type: String,
-      default: ''
-    },
-    dense: Boolean,
-    height: [Number, String],
-    hideDetails: [Boolean, String],
-    hint: String,
-    id: String,
-    label: String,
-    loading: Boolean,
-    persistentHint: Boolean,
-    prependIcon: String,
-    value: null
-  },
-
-  data() {
-    return {
-      lazyValue: this.value,
-      hasMouseDown: false
-    };
-  },
+import "./VInput.css"; // Components
 
-  computed: {
-    classes() {
-      return {
-        'v-input--has-state': this.hasState,
-        'v-input--hide-details': !this.showDetails,
-        'v-input--is-label-active': this.isLabelActive,
-        'v-input--is-dirty': this.isDirty,
-        'v-input--is-disabled': this.isDisabled,
-        'v-input--is-focused': this.isFocused,
-        // <v-switch loading>.loading === '' so we can't just cast to boolean
-        'v-input--is-loading': this.loading !== false && this.loading != null,
-        'v-input--is-readonly': this.isReadonly,
-        'v-input--dense': this.dense,
-        ...this.themeClasses
-      };
-    },
+import { VIcon } from "../VIcon/index.mjs";
+import { VMessages } from "../VMessages/index.mjs"; // Composables
 
-    computedId() {
-      return this.id || "input-".concat(this._uid);
-    },
+import { makeDensityProps, useDensity } from "../../composables/density.mjs";
+import { makeValidationProps, useValidation } from "../../composables/validation.mjs"; // Utilities
 
-    hasDetails() {
-      return this.messagesToDisplay.length > 0;
-    },
-
-    hasHint() {
-      return !this.hasMessages && !!this.hint && (this.persistentHint || this.isFocused);
-    },
-
-    hasLabel() {
-      return !!(this.$slots.label || this.label);
-    },
-
-    // Proxy for `lazyValue`
-    // This allows an input
-    // to function without
-    // a provided model
-    internalValue: {
-      get() {
-        return this.lazyValue;
-      },
-
-      set(val) {
-        this.lazyValue = val;
-        this.$emit(this.$_modelEvent, val);
-      }
-
-    },
-
-    isDirty() {
-      return !!this.lazyValue;
-    },
-
-    isLabelActive() {
-      return this.isDirty;
-    },
-
-    messagesToDisplay() {
-      if (this.hasHint) return [this.hint];
-      if (!this.hasMessages) return [];
-      return this.validations.map(validation => {
-        if (typeof validation === 'string') return validation;
-        const validationResult = validation(this.internalValue);
-        return typeof validationResult === 'string' ? validationResult : '';
-      }).filter(message => message !== '');
-    },
-
-    showDetails() {
-      return this.hideDetails === false || this.hideDetails === 'auto' && this.hasDetails;
-    }
+import { computed } from 'vue';
+import { genericComponent, getUid, pick, propsFactory, useRender } from "../../util/index.mjs"; // Types
 
+export const makeVInputProps = propsFactory({
+  id: String,
+  appendIcon: String,
+  prependIcon: String,
+  hideDetails: [Boolean, String],
+  messages: {
+    type: [Array, String],
+    default: () => []
   },
-  watch: {
-    value(val) {
-      this.lazyValue = val;
-    }
-
+  direction: {
+    type: String,
+    default: 'horizontal',
+    validator: v => ['horizontal', 'vertical'].includes(v)
   },
-
-  beforeCreate() {
-    // v-radio-group needs to emit a different event
-    // https://github.com/vuetifyjs/vuetify/issues/4752
-    this.$_modelEvent = this.$options.model && this.$options.model.event || 'input';
+  ...makeDensityProps(),
+  ...makeValidationProps()
+});
+export const VInput = genericComponent()({
+  name: 'VInput',
+  props: { ...makeVInputProps()
   },
-
-  methods: {
-    genContent() {
-      return [this.genPrependSlot(), this.genControl(), this.genAppendSlot()];
-    },
-
-    genControl() {
-      return this.$createElement('div', {
-        staticClass: 'v-input__control',
-        attrs: {
-          title: this.attrs$.title
-        }
-      }, [this.genInputSlot(), this.genMessages()]);
-    },
-
-    genDefaultSlot() {
-      return [this.genLabel(), this.$slots.default];
-    },
-
-    genIcon(type, cb, extraData = {}) {
-      const icon = this["".concat(type, "Icon")];
-      const eventName = "click:".concat(kebabCase(type));
-      const hasListener = !!(this.listeners$[eventName] || cb);
-      const data = mergeData({
-        attrs: {
-          'aria-label': hasListener ? kebabCase(type).split('-')[0] + ' icon' : undefined,
-          color: this.validationState,
-          dark: this.dark,
-          disabled: this.isDisabled,
-          light: this.light
-        },
-        on: !hasListener ? undefined : {
-          click: e => {
-            e.preventDefault();
-            e.stopPropagation();
-            this.$emit(eventName, e);
-            cb && cb(e);
-          },
-          // Container has g event that will
-          // trigger menu open if enclosed
-          mouseup: e => {
-            e.preventDefault();
-            e.stopPropagation();
-          }
-        }
-      }, extraData);
-      return this.$createElement('div', {
-        staticClass: "v-input__icon",
-        class: type ? "v-input__icon--".concat(kebabCase(type)) : undefined
-      }, [this.$createElement(VIcon, data, icon)]);
-    },
-
-    genInputSlot() {
-      return this.$createElement('div', this.setBackgroundColor(this.backgroundColor, {
-        staticClass: 'v-input__slot',
-        style: {
-          height: convertToUnit(this.height)
-        },
-        on: {
-          click: this.onClick,
-          mousedown: this.onMouseDown,
-          mouseup: this.onMouseUp
-        },
-        ref: 'input-slot'
-      }), [this.genDefaultSlot()]);
-    },
-
-    genLabel() {
-      if (!this.hasLabel) return null;
-      return this.$createElement(VLabel, {
-        props: {
-          color: this.validationState,
-          dark: this.dark,
-          disabled: this.isDisabled,
-          focused: this.hasState,
-          for: this.computedId,
-          light: this.light
-        }
-      }, this.$slots.label || this.label);
-    },
-
-    genMessages() {
-      if (!this.showDetails) return null;
-      return this.$createElement(VMessages, {
-        props: {
-          color: this.hasHint ? '' : this.validationState,
-          dark: this.dark,
-          light: this.light,
-          value: this.messagesToDisplay
-        },
-        attrs: {
-          role: this.hasMessages ? 'alert' : null
-        },
-        scopedSlots: {
-          default: props => getSlot(this, 'message', props)
-        }
-      });
-    },
-
-    genSlot(type, location, slot) {
-      if (!slot.length) return null;
-      const ref = "".concat(type, "-").concat(location);
-      return this.$createElement('div', {
-        staticClass: "v-input__".concat(ref),
-        ref
-      }, slot);
-    },
-
-    genPrependSlot() {
-      const slot = [];
-
-      if (this.$slots.prepend) {
-        slot.push(this.$slots.prepend);
-      } else if (this.prependIcon) {
-        slot.push(this.genIcon('prepend'));
-      }
-
-      return this.genSlot('prepend', 'outer', slot);
-    },
-
-    genAppendSlot() {
-      const slot = []; // Append icon for text field was really
-      // an appended inner icon, v-text-field
-      // will overwrite this method in order to obtain
-      // backwards compat
-
-      if (this.$slots.append) {
-        slot.push(this.$slots.append);
-      } else if (this.appendIcon) {
-        slot.push(this.genIcon('append'));
-      }
-
-      return this.genSlot('append', 'outer', slot);
-    },
-
-    onClick(e) {
-      this.$emit('click', e);
-    },
-
-    onMouseDown(e) {
-      this.hasMouseDown = true;
-      this.$emit('mousedown', e);
-    },
-
-    onMouseUp(e) {
-      this.hasMouseDown = false;
-      this.$emit('mouseup', e);
-    }
-
+  emits: {
+    'update:modelValue': val => true
   },
 
-  render(h) {
-    return h('div', this.setTextColor(this.validationState, {
-      staticClass: 'v-input',
-      class: this.classes
-    }), this.genContent());
+  setup(props, _ref) {
+    let {
+      attrs,
+      slots,
+      emit
+    } = _ref;
+    const {
+      densityClasses
+    } = useDensity(props);
+    const {
+      errorMessages,
+      isDirty,
+      isDisabled,
+      isReadonly,
+      isPristine,
+      isValid,
+      isValidating,
+      reset,
+      resetValidation,
+      validate,
+      validationClasses
+    } = useValidation(props);
+    const uid = getUid();
+    const id = computed(() => props.id || `input-${uid}`);
+    const slotProps = computed(() => ({
+      id,
+      isDirty,
+      isDisabled,
+      isReadonly,
+      isPristine,
+      isValid,
+      isValidating,
+      reset,
+      resetValidation,
+      validate
+    }));
+    useRender(() => {
+      var _props$messages, _slots$prepend, _slots$default, _slots$append, _slots$details;
+
+      const hasPrepend = !!(slots.prepend || props.prependIcon);
+      const hasAppend = !!(slots.append || props.appendIcon);
+      const hasMessages = !!((_props$messages = props.messages) != null && _props$messages.length || errorMessages.value.length);
+      const hasDetails = !props.hideDetails || props.hideDetails === 'auto' && hasMessages;
+      return _createVNode("div", {
+        "class": ['v-input', `v-input--${props.direction}`, densityClasses.value, validationClasses.value]
+      }, [hasPrepend && _createVNode("div", {
+        "class": "v-input__prepend"
+      }, [slots == null ? void 0 : (_slots$prepend = slots.prepend) == null ? void 0 : _slots$prepend.call(slots, slotProps.value), props.prependIcon && _createVNode(VIcon, {
+        "onClick": attrs['onClick:prepend'],
+        "icon": props.prependIcon
+      }, null)]), slots.default && _createVNode("div", {
+        "class": "v-input__control"
+      }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, slotProps.value)]), hasAppend && _createVNode("div", {
+        "class": "v-input__append"
+      }, [slots == null ? void 0 : (_slots$append = slots.append) == null ? void 0 : _slots$append.call(slots, slotProps.value), props.appendIcon && _createVNode(VIcon, {
+        "onClick": attrs['onClick:append'],
+        "icon": props.appendIcon
+      }, null)]), hasDetails && _createVNode("div", {
+        "class": "v-input__details"
+      }, [_createVNode(VMessages, {
+        "active": hasMessages,
+        "messages": errorMessages.value.length > 0 ? errorMessages.value : props.messages
+      }, {
+        message: slots.message
+      }), (_slots$details = slots.details) == null ? void 0 : _slots$details.call(slots, slotProps.value)])]);
+    });
+    return {
+      reset,
+      resetValidation,
+      validate
+    };
   }
 
 });
+export function filterInputProps(props) {
+  return pick(props, Object.keys(VInput.props));
+}
 //# sourceMappingURL=VInput.mjs.map

package/lib/components/VInput/VInput.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VInput/VInput.ts"],"names":["VIcon","VLabel","VMessages","BindsAttrs","Validatable","convertToUnit","getSlot","kebabCase","mergeData","mixins","baseMixins","extend","name","inheritAttrs","props","appendIcon","String","backgroundColor","type","default","dense","Boolean","height","Number","hideDetails","hint","id","label","loading","persistentHint","prependIcon","value","data","lazyValue","hasMouseDown","computed","classes","hasState","showDetails","isLabelActive","isDirty","isDisabled","isFocused","isReadonly","themeClasses","computedId","_uid","hasDetails","messagesToDisplay","length","hasHint","hasMessages","hasLabel","$slots","internalValue","get","set","val","$emit","$_modelEvent","validations","map","validation","validationResult","filter","message","watch","beforeCreate","$options","model","event","methods","genContent","genPrependSlot","genControl","genAppendSlot","$createElement","staticClass","attrs","title","attrs$","genInputSlot","genMessages","genDefaultSlot","genLabel","genIcon","cb","extraData","icon","eventName","hasListener","listeners$","split","undefined","color","validationState","dark","disabled","light","on","click","e","preventDefault","stopPropagation","mouseup","class","setBackgroundColor","style","onClick","mousedown","onMouseDown","onMouseUp","ref","focused","for","role","scopedSlots","genSlot","location","slot","prepend","push","append","render","h","setTextColor"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Styles\nimport './VInput.sass'\n\n// Components\nimport VIcon from '../VIcon'\nimport VLabel from '../VLabel'\nimport VMessages from '../VMessages'\n\n// Mixins\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport Validatable from '../../mixins/validatable'\n\n// Utilities\nimport {\n  convertToUnit,\n  getSlot,\n  kebabCase,\n} from '../../util/helpers'\nimport mergeData from '../../util/mergeData'\n\n// Types\nimport { VNode, VNodeData, PropType } from 'vue'\nimport mixins from '../../util/mixins'\nimport { InputValidationRule } from 'vuetify/types'\n\nconst baseMixins = mixins(\n  BindsAttrs,\n  Validatable,\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  /* eslint-disable-next-line camelcase */\n  $_modelEvent: string\n}\n\n/* @vue/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'v-input',\n\n  inheritAttrs: false,\n\n  props: {\n    appendIcon: String,\n    backgroundColor: {\n      type: String,\n      default: '',\n    },\n    dense: Boolean,\n    height: [Number, String],\n    hideDetails: [Boolean, String] as PropType<boolean | 'auto'>,\n    hint: String,\n    id: String,\n    label: String,\n    loading: Boolean,\n    persistentHint: Boolean,\n    prependIcon: String,\n    value: null as any as PropType<any>,\n  },\n\n  data () {\n    return {\n      lazyValue: this.value,\n      hasMouseDown: false,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-input--has-state': this.hasState,\n        'v-input--hide-details': !this.showDetails,\n        'v-input--is-label-active': this.isLabelActive,\n        'v-input--is-dirty': this.isDirty,\n        'v-input--is-disabled': this.isDisabled,\n        'v-input--is-focused': this.isFocused,\n        // <v-switch loading>.loading === '' so we can't just cast to boolean\n        'v-input--is-loading': this.loading !== false && this.loading != null,\n        'v-input--is-readonly': this.isReadonly,\n        'v-input--dense': this.dense,\n        ...this.themeClasses,\n      }\n    },\n    computedId (): string {\n      return this.id || `input-${this._uid}`\n    },\n    hasDetails (): boolean {\n      return this.messagesToDisplay.length > 0\n    },\n    hasHint (): boolean {\n      return !this.hasMessages &&\n        !!this.hint &&\n        (this.persistentHint || this.isFocused)\n    },\n    hasLabel (): boolean {\n      return !!(this.$slots.label || this.label)\n    },\n    // Proxy for `lazyValue`\n    // This allows an input\n    // to function without\n    // a provided model\n    internalValue: {\n      get (): any {\n        return this.lazyValue\n      },\n      set (val: any) {\n        this.lazyValue = val\n        this.$emit(this.$_modelEvent, val)\n      },\n    },\n    isDirty (): boolean {\n      return !!this.lazyValue\n    },\n    isLabelActive (): boolean {\n      return this.isDirty\n    },\n    messagesToDisplay (): string[] {\n      if (this.hasHint) return [this.hint]\n\n      if (!this.hasMessages) return []\n\n      return this.validations.map((validation: string | InputValidationRule) => {\n        if (typeof validation === 'string') return validation\n\n        const validationResult = validation(this.internalValue)\n\n        return typeof validationResult === 'string' ? validationResult : ''\n      }).filter(message => message !== '')\n    },\n    showDetails (): boolean {\n      return this.hideDetails === false || (this.hideDetails === 'auto' && this.hasDetails)\n    },\n  },\n\n  watch: {\n    value (val) {\n      this.lazyValue = val\n    },\n  },\n\n  beforeCreate () {\n    // v-radio-group needs to emit a different event\n    // https://github.com/vuetifyjs/vuetify/issues/4752\n    this.$_modelEvent = (this.$options.model && this.$options.model.event) || 'input'\n  },\n\n  methods: {\n    genContent () {\n      return [\n        this.genPrependSlot(),\n        this.genControl(),\n        this.genAppendSlot(),\n      ]\n    },\n    genControl () {\n      return this.$createElement('div', {\n        staticClass: 'v-input__control',\n        attrs: { title: this.attrs$.title },\n      }, [\n        this.genInputSlot(),\n        this.genMessages(),\n      ])\n    },\n    genDefaultSlot () {\n      return [\n        this.genLabel(),\n        this.$slots.default,\n      ]\n    },\n    genIcon (\n      type: string,\n      cb?: (e: Event) => void,\n      extraData: VNodeData = {}\n    ) {\n      const icon = (this as any)[`${type}Icon`]\n      const eventName = `click:${kebabCase(type)}`\n      const hasListener = !!(this.listeners$[eventName] || cb)\n\n      const data = mergeData({\n        attrs: {\n          'aria-label': hasListener ? kebabCase(type).split('-')[0] + ' icon' : undefined,\n          color: this.validationState,\n          dark: this.dark,\n          disabled: this.isDisabled,\n          light: this.light,\n        },\n        on: !hasListener\n          ? undefined\n          : {\n            click: (e: Event) => {\n              e.preventDefault()\n              e.stopPropagation()\n\n              this.$emit(eventName, e)\n              cb && cb(e)\n            },\n            // Container has g event that will\n            // trigger menu open if enclosed\n            mouseup: (e: Event) => {\n              e.preventDefault()\n              e.stopPropagation()\n            },\n          },\n      }, extraData)\n\n      return this.$createElement('div', {\n        staticClass: `v-input__icon`,\n        class: type ? `v-input__icon--${kebabCase(type)}` : undefined,\n      }, [\n        this.$createElement(\n          VIcon,\n          data,\n          icon\n        ),\n      ])\n    },\n    genInputSlot () {\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,\n          mousedown: this.onMouseDown,\n          mouseup: this.onMouseUp,\n        },\n        ref: 'input-slot',\n      }), [this.genDefaultSlot()])\n    },\n    genLabel () {\n      if (!this.hasLabel) return null\n\n      return this.$createElement(VLabel, {\n        props: {\n          color: this.validationState,\n          dark: this.dark,\n          disabled: this.isDisabled,\n          focused: this.hasState,\n          for: this.computedId,\n          light: this.light,\n        },\n      }, this.$slots.label || this.label)\n    },\n    genMessages () {\n      if (!this.showDetails) return null\n\n      return this.$createElement(VMessages, {\n        props: {\n          color: this.hasHint ? '' : this.validationState,\n          dark: this.dark,\n          light: this.light,\n          value: this.messagesToDisplay,\n        },\n        attrs: {\n          role: this.hasMessages ? 'alert' : null,\n        },\n        scopedSlots: {\n          default: props => getSlot(this, 'message', props),\n        },\n      })\n    },\n    genSlot (\n      type: string,\n      location: string,\n      slot: (VNode | VNode[])[]\n    ) {\n      if (!slot.length) return null\n\n      const ref = `${type}-${location}`\n\n      return this.$createElement('div', {\n        staticClass: `v-input__${ref}`,\n        ref,\n      }, slot)\n    },\n    genPrependSlot () {\n      const slot = []\n\n      if (this.$slots.prepend) {\n        slot.push(this.$slots.prepend)\n      } else if (this.prependIcon) {\n        slot.push(this.genIcon('prepend'))\n      }\n\n      return this.genSlot('prepend', 'outer', slot)\n    },\n    genAppendSlot () {\n      const slot = []\n\n      // Append icon for text field was really\n      // an appended inner icon, v-text-field\n      // will overwrite this method in order to obtain\n      // backwards compat\n      if (this.$slots.append) {\n        slot.push(this.$slots.append)\n      } else if (this.appendIcon) {\n        slot.push(this.genIcon('append'))\n      }\n\n      return this.genSlot('append', 'outer', slot)\n    },\n    onClick (e: Event) {\n      this.$emit('click', e)\n    },\n    onMouseDown (e: Event) {\n      this.hasMouseDown = true\n      this.$emit('mousedown', e)\n    },\n    onMouseUp (e: Event) {\n      this.hasMouseDown = false\n      this.$emit('mouseup', e)\n    },\n  },\n\n  render (h): VNode {\n    return h('div', this.setTextColor(this.validationState, {\n      staticClass: 'v-input',\n      class: this.classes,\n    }), this.genContent())\n  },\n})\n"],"file":"VInput.mjs"}
+{"version":3,"sources":["../../../src/components/VInput/VInput.tsx"],"names":["VIcon","VMessages","makeDensityProps","useDensity","makeValidationProps","useValidation","computed","genericComponent","getUid","pick","propsFactory","useRender","makeVInputProps","id","String","appendIcon","prependIcon","hideDetails","Boolean","messages","type","Array","default","direction","validator","v","includes","VInput","name","props","emits","val","setup","attrs","slots","emit","densityClasses","errorMessages","isDirty","isDisabled","isReadonly","isPristine","isValid","isValidating","reset","resetValidation","validate","validationClasses","uid","slotProps","hasPrepend","prepend","hasAppend","append","hasMessages","length","value","hasDetails","message","details","filterInputProps","Object","keys"],"mappings":"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","sourcesContent":["// Styles\nimport './VInput.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\nimport { VMessages } from '@/components/VMessages'\n\n// Composables\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeValidationProps, useValidation } from '@/composables/validation'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, getUid, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ComputedRef, ExtractPropTypes, PropType, Ref } from 'vue'\nimport type { MakeSlots } from '@/util'\n\nexport interface VInputSlot {\n  id: ComputedRef<string>\n  isDirty: ComputedRef<boolean>\n  isDisabled: ComputedRef<boolean>\n  isReadonly: ComputedRef<boolean>\n  isPristine: Ref<boolean>\n  isValid: ComputedRef<boolean | null>\n  isValidating: Ref<boolean>\n  reset: () => void\n  resetValidation: () => void\n  validate: () => void\n}\n\nexport const makeVInputProps = propsFactory({\n  id: String,\n  appendIcon: String,\n  prependIcon: String,\n  hideDetails: [Boolean, String] as PropType<boolean | 'auto'>,\n  messages: {\n    type: [Array, String] as PropType<string | string[]>,\n    default: () => ([]),\n  },\n  direction: {\n    type: String as PropType<'horizontal' | 'vertical'>,\n    default: 'horizontal',\n    validator: (v: any) => ['horizontal', 'vertical'].includes(v),\n  },\n\n  ...makeDensityProps(),\n  ...makeValidationProps(),\n})\n\nexport type VInputSlots = MakeSlots<{\n  default: [VInputSlot]\n  prepend: [VInputSlot]\n  append: [VInputSlot]\n  details: [VInputSlot]\n}>\n\nexport const VInput = genericComponent<new <T>() => {\n  $slots: VInputSlots\n}>()({\n  name: 'VInput',\n\n  props: {\n    ...makeVInputProps(),\n  },\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { attrs, slots, emit }) {\n    const { densityClasses } = useDensity(props)\n    const {\n      errorMessages,\n      isDirty,\n      isDisabled,\n      isReadonly,\n      isPristine,\n      isValid,\n      isValidating,\n      reset,\n      resetValidation,\n      validate,\n      validationClasses,\n    } = useValidation(props)\n\n    const uid = getUid()\n    const id = computed(() => props.id || `input-${uid}`)\n\n    const slotProps = computed<VInputSlot>(() => ({\n      id,\n      isDirty,\n      isDisabled,\n      isReadonly,\n      isPristine,\n      isValid,\n      isValidating,\n      reset,\n      resetValidation,\n      validate,\n    }))\n\n    useRender(() => {\n      const hasPrepend = !!(slots.prepend || props.prependIcon)\n      const hasAppend = !!(slots.append || props.appendIcon)\n      const hasMessages = !!(\n        props.messages?.length ||\n        errorMessages.value.length\n      )\n      const hasDetails = !props.hideDetails || (\n        props.hideDetails === 'auto' &&\n        hasMessages\n      )\n\n      return (\n        <div class={[\n          'v-input',\n          `v-input--${props.direction}`,\n          densityClasses.value,\n          validationClasses.value,\n        ]}\n        >\n          { hasPrepend && (\n            <div\n              class=\"v-input__prepend\"\n            >\n              { slots?.prepend?.(slotProps.value) }\n\n              { props.prependIcon && (\n                <VIcon\n                  onClick={ attrs['onClick:prepend'] }\n                  icon={ props.prependIcon }\n                />\n              ) }\n            </div>\n          ) }\n\n          { slots.default && (\n            <div class=\"v-input__control\">\n              { slots.default?.(slotProps.value) }\n            </div>\n          ) }\n\n          { hasAppend && (\n            <div\n              class=\"v-input__append\"\n            >\n              { slots?.append?.(slotProps.value) }\n\n              { props.appendIcon && (\n                <VIcon\n                  onClick={ attrs['onClick:append'] }\n                  icon={ props.appendIcon }\n                />\n              ) }\n            </div>\n          ) }\n\n          { hasDetails && (\n            <div class=\"v-input__details\">\n              <VMessages\n                active={ hasMessages }\n                messages={ errorMessages.value.length > 0\n                  ? errorMessages.value\n                  : props.messages\n                }\n                v-slots={{ message: slots.message }}\n              />\n\n              { slots.details?.(slotProps.value) }\n            </div>\n          ) }\n        </div>\n      )\n    })\n\n    return {\n      reset,\n      resetValidation,\n      validate,\n    }\n  },\n})\n\nexport type VInput = InstanceType<typeof VInput>\n\nexport function filterInputProps (props: ExtractPropTypes<ReturnType<typeof makeVInputProps>>) {\n  return pick(props, Object.keys(VInput.props) as any)\n}\n"],"file":"VInput.mjs"}