{"version":3,"sources":["webpack:///./src/view/pages/vuetify/forms/Textareas.vue?5bf7","webpack:///src/view/pages/vuetify/forms/Textareas.vue","webpack:///./src/view/pages/vuetify/forms/Textareas.vue?0e3c","webpack:///./src/view/pages/vuetify/forms/Textareas.vue","webpack:///../../../src/components/VGrid/VCol.ts","webpack:///../../../src/components/VGrid/grid.ts","webpack:///../../../src/components/VGrid/VContainer.ts","webpack:///../../../src/components/VTextarea/VTextarea.ts"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","scopedSlots","_u","key","fn","proxy","_s","code1","html","code3","code2","code4","staticRenderFns","data","components","KTCodePreview","mounted","$store","dispatch","component","VCol","VContainer","VRow","VTextarea","breakpoints","breakpointProps","props","type","Boolean","String","default","offsetProps","orderProps","propMap","col","Object","offset","order","breakpointClass","className","val","breakpoint","prop","cache","name","functional","cols","alignSelf","validator","str","includes","tag","cacheKey","parent","classList","value","hasColClasses","h","class","id","children","classes","fluid","mergeData","Array","baseMixins","autoGrow","noResize","rowHeight","Number","v","isNaN","parseFloat","rows","parseInt","computed","noResizeHandle","watch","lazyValue","$nextTick","setTimeout","methods","calculateInputHeight","input","$refs","height","minHeight","Math","genInput","onInput","onKeyDown","isFocused","e"],"mappings":"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","file":"js/chunk-9bc7df60.b2f78649.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-alert',{staticClass:\"alert alert-custom alert-white alert-shadow fade show gutter-b\",attrs:{\"show\":\"\",\"variant\":\"light\"}},[_c('div',{staticClass:\"alert-icon\"},[_c('span',{staticClass:\"svg-icon svg-icon-lg\"},[_c('inline-svg',{attrs:{\"src\":\"media/svg/icons/Tools/Compass.svg\"}})],1)]),_c('div',{staticClass:\"alert-text\"},[_c('b',[_vm._v(\"Textareas\")]),_vm._v(\" Textarea components are used for collecting large amounts of textual data. \"),_c('a',{staticClass:\"font-weight-bold\",attrs:{\"href\":\"https://vuetifyjs.com/en/components/textarea\",\"target\":\"_blank\"}},[_vm._v(\" See documentation. \")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('KTCodePreview',{attrs:{\"title\":'Icons'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" The \"),_c('code',[_vm._v(\"append-icon\")]),_vm._v(\" and \"),_c('code',[_vm._v(\"prepend-icon\")]),_vm._v(\" props help add context to \"),_c('code',[_vm._v(\"v-textarea\")]),_vm._v(\". \")]),_c('v-container',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('v-textarea',{staticClass:\"mx-2\",attrs:{\"label\":\"prepend-icon\",\"rows\":\"1\",\"prepend-icon\":\"comment\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('v-textarea',{staticClass:\"mx-2\",attrs:{\"append-icon\":\"comment\",\"label\":\"append-icon\",\"rows\":\"1\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('v-textarea',{staticClass:\"mx-2\",attrs:{\"prepend-inner-icon\":\"comment\",\"label\":\"prepend-inner-icon\",\"rows\":\"1\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('v-textarea',{staticClass:\"mx-2\",attrs:{\"append-outer-icon\":\"comment\",\"label\":\"append-outer-icon\",\"rows\":\"1\"}})],1)],1)],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code1.html)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Browser autocomplete'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" The \"),_c('code',[_vm._v(\"autocomplete\")]),_vm._v(\" prop gives you the option to enable the browser to predict user input. \")]),_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-textarea',{attrs:{\"autocomplete\":\"email\",\"label\":\"Email\"}})],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code3.html)+\" \")]},proxy:true}])})],1),_c('div',{staticClass:\"col-md-6\"},[_c('KTCodePreview',{attrs:{\"title\":'Auto grow'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" When using the \"),_c('code',[_vm._v(\"auto-grow\")]),_vm._v(\" prop, textarea's will automatically increase in size when the contained text exceeds its size. \")]),_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-textarea',{attrs:{\"name\":\"input-7-1\",\"filled\":\"\",\"label\":\"Label\",\"auto-grow\":\"\",\"value\":\"The Woodman set to work at once, and so sharp was his axe that the tree was soon chopped nearly through.\"}})],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code2.html)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Clearable'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" You can clear the text from a \"),_c('code',[_vm._v(\"v-textarea\")]),_vm._v(\" by using the \"),_c('code',[_vm._v(\"clearable\")]),_vm._v(\" prop, and customize the icon used with the \"),_c('code',[_vm._v(\"clearable-icon\")]),_vm._v(\" prop. \")]),_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-textarea',{attrs:{\"name\":\"input-7-1\",\"filled\":\"\",\"label\":\"Label\",\"auto-grow\":\"\",\"value\":\"The Woodman set to work at once, and so sharp was his axe that the tree was soon chopped nearly through.\"}})],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code4.html)+\" \")]},proxy:true}])})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <b-alert\n      show\n      variant=\"light\"\n      class=\"alert alert-custom alert-white alert-shadow fade show gutter-b\"\n    >\n      <div class=\"alert-icon\">\n        <span class=\"svg-icon svg-icon-lg\">\n          <inline-svg src=\"media/svg/icons/Tools/Compass.svg\" />\n        </span>\n      </div>\n      <div class=\"alert-text\">\n        <b>Textareas</b> Textarea components are used for collecting large\n        amounts of textual data.\n        <a\n          class=\"font-weight-bold\"\n          href=\"https://vuetifyjs.com/en/components/textarea\"\n          target=\"_blank\"\n        >\n          See documentation.\n        </a>\n      </div>\n    </b-alert>\n\n    <div class=\"row\">\n      <div class=\"col-md-6\">\n        <KTCodePreview v-bind:title=\"'Icons'\">\n          <template v-slot:preview>\n            <p>\n              The <code>append-icon</code> and <code>prepend-icon</code> props\n              help add context to <code>v-textarea</code>.\n            </p>\n            <v-container>\n              <v-row>\n                <v-col cols=\"12\" sm=\"6\">\n                  <v-textarea\n                    class=\"mx-2\"\n                    label=\"prepend-icon\"\n                    rows=\"1\"\n                    prepend-icon=\"comment\"\n                  ></v-textarea>\n                </v-col>\n                <v-col cols=\"12\" sm=\"6\">\n                  <v-textarea\n                    append-icon=\"comment\"\n                    class=\"mx-2\"\n                    label=\"append-icon\"\n                    rows=\"1\"\n                  ></v-textarea>\n                </v-col>\n                <v-col cols=\"12\" sm=\"6\">\n                  <v-textarea\n                    prepend-inner-icon=\"comment\"\n                    class=\"mx-2\"\n                    label=\"prepend-inner-icon\"\n                    rows=\"1\"\n                  ></v-textarea>\n                </v-col>\n                <v-col cols=\"12\" sm=\"6\">\n                  <v-textarea\n                    append-outer-icon=\"comment\"\n                    class=\"mx-2\"\n                    label=\"append-outer-icon\"\n                    rows=\"1\"\n                  ></v-textarea>\n                </v-col>\n              </v-row>\n            </v-container>\n          </template>\n          <template v-slot:html>\n            {{ code1.html }}\n          </template>\n        </KTCodePreview>\n\n        <KTCodePreview v-bind:title=\"'Browser autocomplete'\">\n          <template v-slot:preview>\n            <p>\n              The <code>autocomplete</code> prop gives you the option to enable\n              the browser to predict user input.\n            </p>\n            <v-container fluid>\n              <v-textarea autocomplete=\"email\" label=\"Email\"></v-textarea>\n            </v-container>\n          </template>\n          <template v-slot:html>\n            {{ code3.html }}\n          </template>\n        </KTCodePreview>\n      </div>\n\n      <div class=\"col-md-6\">\n        <KTCodePreview v-bind:title=\"'Auto grow'\">\n          <template v-slot:preview>\n            <p>\n              When using the <code>auto-grow</code> prop, textarea's will\n              automatically increase in size when the contained text exceeds its\n              size.\n            </p>\n            <v-container fluid>\n              <v-textarea\n                name=\"input-7-1\"\n                filled\n                label=\"Label\"\n                auto-grow\n                value=\"The Woodman set to work at once, and so sharp was his axe that the tree was soon chopped nearly through.\"\n              ></v-textarea>\n            </v-container>\n          </template>\n          <template v-slot:html>\n            {{ code2.html }}\n          </template>\n        </KTCodePreview>\n\n        <KTCodePreview v-bind:title=\"'Clearable'\">\n          <template v-slot:preview>\n            <p>\n              You can clear the text from a <code>v-textarea</code> by using the\n              <code>clearable</code> prop, and customize the icon used with the\n              <code>clearable-icon</code> prop.\n            </p>\n            <v-container fluid>\n              <v-textarea\n                name=\"input-7-1\"\n                filled\n                label=\"Label\"\n                auto-grow\n                value=\"The Woodman set to work at once, and so sharp was his axe that the tree was soon chopped nearly through.\"\n              ></v-textarea>\n            </v-container>\n          </template>\n          <template v-slot:html>\n            {{ code4.html }}\n          </template>\n        </KTCodePreview>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport KTCodePreview from \"@/view/content/CodePreview.vue\";\nimport { SET_BREADCRUMB } from \"@/core/services/store/breadcrumbs.module\";\n\nexport default {\n  data() {\n    return {\n      code1: {\n        html: `<v-container>\n  <v-row>\n    <v-col cols=\"12\" sm=\"6\">\n      <v-textarea\n        class=\"mx-2\"\n        label=\"prepend-icon\"\n        rows=\"1\"\n        prepend-icon=\"comment\"\n      ></v-textarea>\n    </v-col>\n    <v-col cols=\"12\" sm=\"6\">\n      <v-textarea\n        append-icon=\"comment\"\n        class=\"mx-2\"\n        label=\"append-icon\"\n        rows=\"1\"\n      ></v-textarea>\n    </v-col>\n    <v-col cols=\"12\" sm=\"6\">\n      <v-textarea\n        prepend-inner-icon=\"comment\"\n        class=\"mx-2\"\n        label=\"prepend-inner-icon\"\n        rows=\"1\"\n      ></v-textarea>\n    </v-col>\n    <v-col cols=\"12\" sm=\"6\">\n      <v-textarea\n        append-outer-icon=\"comment\"\n        class=\"mx-2\"\n        label=\"append-outer-icon\"\n        rows=\"1\"\n      ></v-textarea>\n    </v-col>\n  </v-row>\n</v-container>`\n      },\n\n      code2: {\n        html: `<v-container fluid>\n  <v-textarea\n    name=\"input-7-1\"\n    filled\n    label=\"Label\"\n    auto-grow\n    value=\"The Woodman set to work at once, and so sharp was his axe that the tree was soon chopped nearly through.\"\n  ></v-textarea>\n</v-container>`\n      },\n\n      code3: {\n        html: `<v-container fluid>\n  <v-textarea\n    autocomplete=\"email\"\n    label=\"Email\"\n  ></v-textarea>\n</v-container>`\n      },\n\n      code4: {\n        html: `<v-container fluid>\n  <v-textarea\n    name=\"input-7-1\"\n    filled\n    label=\"Label\"\n    auto-grow\n    value=\"The Woodman set to work at once, and so sharp was his axe that the tree was soon chopped nearly through.\"\n  ></v-textarea>\n</v-container>`\n      }\n    };\n  },\n  components: {\n    KTCodePreview\n  },\n  mounted() {\n    this.$store.dispatch(SET_BREADCRUMB, [\n      { title: \"Vuetify\", route: \"alerts\" },\n      { title: \"Form Inputs & Control\", route: \"autocompletes\" },\n      { title: \"Textareas\" }\n    ]);\n  }\n};\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Textareas.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Textareas.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Textareas.vue?vue&type=template&id=605d1b53&\"\nimport script from \"./Textareas.vue?vue&type=script&lang=js&\"\nexport * from \"./Textareas.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTextarea } from 'vuetify/lib/components/VTextarea';\ninstallComponents(component, {VCol,VContainer,VRow,VTextarea})\n","import './VGrid.sass'\n\nimport Vue, { VNode, PropOptions } from 'vue'\nimport mergeData from '../../util/mergeData'\nimport { upperFirst } from '../../util/helpers'\n\n// no xs\nconst breakpoints = ['sm', 'md', 'lg', 'xl']\n\nconst breakpointProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props[val] = {\n      type: [Boolean, String, Number],\n      default: false,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst offsetProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props['offset' + upperFirst(val)] = {\n      type: [String, Number],\n      default: null,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst orderProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props['order' + upperFirst(val)] = {\n      type: [String, Number],\n      default: null,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst propMap = {\n  col: Object.keys(breakpointProps),\n  offset: Object.keys(offsetProps),\n  order: Object.keys(orderProps),\n}\n\nfunction breakpointClass (type: keyof typeof propMap, prop: string, val: boolean | string | number) {\n  let className = type\n  if (val == null || val === false) {\n    return undefined\n  }\n  if (prop) {\n    const breakpoint = prop.replace(type, '')\n    className += `-${breakpoint}`\n  }\n  // Handling the boolean style prop when accepting [Boolean, String, Number]\n  // means Vue will not convert <v-col sm></v-col> to sm: true for us.\n  // Since the default is false, an empty string indicates the prop's presence.\n  if (type === 'col' && (val === '' || val === true)) {\n    // .col-md\n    return className.toLowerCase()\n  }\n  // .order-md-6\n  className += `-${val}`\n  return className.toLowerCase()\n}\n\nconst cache = new Map<string, any[]>()\n\nexport default Vue.extend({\n  name: 'v-col',\n  functional: true,\n  props: {\n    cols: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    ...breakpointProps,\n    offset: {\n      type: [String, Number],\n      default: null,\n    },\n    ...offsetProps,\n    order: {\n      type: [String, Number],\n      default: null,\n    },\n    ...orderProps,\n    alignSelf: {\n      type: String,\n      default: null,\n      validator: (str: any) => ['auto', 'start', 'end', 'center', 'baseline', 'stretch'].includes(str),\n    },\n    tag: {\n      type: String,\n      default: 'div',\n    },\n  },\n  render (h, { props, data, children, parent }): VNode {\n    // Super-fast memoization based on props, 5x faster than JSON.stringify\n    let cacheKey = ''\n    for (const prop in props) {\n      cacheKey += String((props as any)[prop])\n    }\n    let classList = cache.get(cacheKey)\n\n    if (!classList) {\n      classList = []\n      // Loop through `col`, `offset`, `order` breakpoint props\n      let type: keyof typeof propMap\n      for (type in propMap) {\n        propMap[type].forEach(prop => {\n          const value: string | number | boolean = (props as any)[prop]\n          const className = breakpointClass(type, prop, value)\n          if (className) classList!.push(className)\n        })\n      }\n\n      const hasColClasses = classList.some(className => className.startsWith('col-'))\n\n      classList.push({\n        // Default to .col if no other col-{bp}-* classes generated nor `cols` specified.\n        col: !hasColClasses || !props.cols,\n        [`col-${props.cols}`]: props.cols,\n        [`offset-${props.offset}`]: props.offset,\n        [`order-${props.order}`]: props.order,\n        [`align-self-${props.alignSelf}`]: props.alignSelf,\n      })\n\n      cache.set(cacheKey, classList)\n    }\n\n    return h(props.tag, mergeData(data, { class: classList }), children)\n  },\n})\n","// Types\nimport Vue, { VNode } from 'vue'\n\nexport default function VGrid (name: string) {\n  /* @vue/component */\n  return Vue.extend({\n    name: `v-${name}`,\n\n    functional: true,\n\n    props: {\n      id: String,\n      tag: {\n        type: String,\n        default: 'div',\n      },\n    },\n\n    render (h, { props, data, children }): VNode {\n      data.staticClass = (`${name} ${data.staticClass || ''}`).trim()\n\n      const { attrs } = data\n      if (attrs) {\n        // reset attrs to extract utility clases like pa-3\n        data.attrs = {}\n        const classes = Object.keys(attrs).filter(key => {\n          // TODO: Remove once resolved\n          // https://github.com/vuejs/vue/issues/7841\n          if (key === 'slot') return false\n\n          const value = attrs[key]\n\n          // add back data attributes like data-test=\"foo\" but do not\n          // add them as classes\n          if (key.startsWith('data-')) {\n            data.attrs![key] = value\n            return false\n          }\n\n          return value || typeof value === 'string'\n        })\n\n        if (classes.length) data.staticClass += ` ${classes.join(' ')}`\n      }\n\n      if (props.id) {\n        data.domProps = data.domProps || {}\n        data.domProps.id = props.id\n      }\n\n      return h(props.tag, data, children)\n    },\n  })\n}\n","import './_grid.sass'\nimport './VGrid.sass'\n\nimport Grid from './grid'\n\nimport mergeData from '../../util/mergeData'\n\n/* @vue/component */\nexport default Grid('container').extend({\n  name: 'v-container',\n  functional: true,\n  props: {\n    id: String,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    fluid: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  render (h, { props, data, children }) {\n    let classes\n    const { attrs } = data\n    if (attrs) {\n      // reset attrs to extract utility clases like pa-3\n      data.attrs = {}\n      classes = Object.keys(attrs).filter(key => {\n        // TODO: Remove once resolved\n        // https://github.com/vuejs/vue/issues/7841\n        if (key === 'slot') return false\n\n        const value = attrs[key]\n\n        // add back data attributes like data-test=\"foo\" but do not\n        // add them as classes\n        if (key.startsWith('data-')) {\n          data.attrs![key] = value\n          return false\n        }\n\n        return value || typeof value === 'string'\n      })\n    }\n\n    if (props.id) {\n      data.domProps = data.domProps || {}\n      data.domProps.id = props.id\n    }\n\n    return h(\n      props.tag,\n      mergeData(data, {\n        staticClass: 'container',\n        class: Array<any>({\n          'container--fluid': props.fluid,\n        }).concat(classes || []),\n      }),\n      children\n    )\n  },\n})\n","// Styles\nimport './VTextarea.sass'\n\n// Extensions\nimport VTextField from '../VTextField/VTextField'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport Vue from 'vue'\n\ninterface options extends Vue {\n  $refs: {\n    input: HTMLTextAreaElement\n  }\n}\n\nconst baseMixins = mixins<options &\n  InstanceType<typeof VTextField>\n>(\n  VTextField\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-textarea',\n\n  props: {\n    autoGrow: Boolean,\n    noResize: Boolean,\n    rowHeight: {\n      type: [Number, String],\n      default: 24,\n      validator: (v: any) => !isNaN(parseFloat(v)),\n    },\n    rows: {\n      type: [Number, String],\n      default: 5,\n      validator: (v: any) => !isNaN(parseInt(v, 10)),\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-textarea': true,\n        'v-textarea--auto-grow': this.autoGrow,\n        'v-textarea--no-resize': this.noResizeHandle,\n        ...VTextField.options.computed.classes.call(this),\n      }\n    },\n    noResizeHandle (): boolean {\n      return this.noResize || this.autoGrow\n    },\n  },\n\n  watch: {\n    lazyValue () {\n      this.autoGrow && this.$nextTick(this.calculateInputHeight)\n    },\n    rowHeight () {\n      this.autoGrow && this.$nextTick(this.calculateInputHeight)\n    },\n  },\n\n  mounted () {\n    setTimeout(() => {\n      this.autoGrow && this.calculateInputHeight()\n    }, 0)\n  },\n\n  methods: {\n    calculateInputHeight () {\n      const input = this.$refs.input\n      if (!input) return\n\n      input.style.height = '0'\n      const height = input.scrollHeight\n      const minHeight = parseInt(this.rows, 10) * parseFloat(this.rowHeight)\n      // This has to be done ASAP, waiting for Vue\n      // to update the DOM causes ugly layout jumping\n      input.style.height = Math.max(minHeight, height) + 'px'\n    },\n    genInput () {\n      const input = VTextField.options.methods.genInput.call(this)\n\n      input.tag = 'textarea'\n      delete input.data!.attrs!.type\n      input.data!.attrs!.rows = this.rows\n\n      return input\n    },\n    onInput (e: Event) {\n      VTextField.options.methods.onInput.call(this, e)\n      this.autoGrow && this.calculateInputHeight()\n    },\n    onKeyDown (e: KeyboardEvent) {\n      // Prevents closing of a\n      // dialog when pressing\n      // enter\n      if (this.isFocused && e.keyCode === 13) {\n        e.stopPropagation()\n      }\n\n      this.$emit('keydown', e)\n    },\n  },\n})\n"],"sourceRoot":""}