{"version":3,"sources":["webpack:///./src/views/admin/Translation.vue?eeaa","webpack:///./src/views/admin/Translation.vue","webpack:///src/views/admin/Translation.vue","webpack:///./src/views/admin/Translation.vue?4de4","webpack:///./src/views/admin/Translation.vue?7ae0","webpack:///../../../src/components/VTextarea/VTextarea.ts"],"names":["_c","staticClass","attrs","_vm","on","value","language","callback","expression","$t","page","$$v","class","domProps","cancel","save","reload","secondary","$event","preview","model","_e","staticRenderFns","render","data","pages","item","id","title","content","editedItem","loading","computed","_objectSpread","mapGetters","contentPreview","text","videosContent","getVideosContentPreview","undefined","length","methods","setLanguage","locale","lang","languages","find","languageChanged","getDictionaryPages","_this","$store","dispatch","then","response","items","notification","show","result","message","getDictionaryStatic","error","errorMessage","axiosSource","token","reason","pageChanged","_this2","DictionaryStaticID","Title","videos","Videos","Content","JSON","parse","stringify","_this3","location","arr","split","url","forEach","replace","created","component","baseMixins","mixins","VTextField","extend","name","props","autoGrow","Boolean","noResize","rowHeight","type","Number","String","default","validator","v","isNaN","parseFloat","rows","parseInt","classes","this","noResizeHandle","options","call","watch","val","$nextTick","calculateInputHeight","_a","$refs","input","style","removeProperty","lazyValue","mounted","setTimeout","height","scrollHeight","minHeight","Math","max","genInput","tag","onInput","e","onKeyDown","isFocused","keyCode","stopPropagation","$emit"],"mappings":"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","file":"js/translation.ca1292be.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Translation.vue?vue&type=style&index=0&id=3a5eea0f&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{staticClass:\"white--text\",attrs:{\"fluid\":\"\"}},[_c('v-row',{attrs:{\"id\":\"content\"}},[_c('v-col',{staticClass:\"px-1 py-0\",attrs:{\"cols\":\"12\"}},[_c('h1',{domProps:{\"innerHTML\":_vm._s(_vm.$t('translation.title'))}})]),_c('v-col',{staticClass:\"pl-2 pr-7 pb-0\",attrs:{\"cols\":\"12\",\"sm\":\"2\"}},[_c('v-select',{attrs:{\"items\":_vm.languages,\"item-text\":\"title\",\"item-value\":\"locale\",\"label\":_vm.$t('translation.languageLabel')},on:{\"change\":_vm.languageChanged},model:{value:(_vm.language),callback:function ($$v) {_vm.language=$$v},expression:\"language\"}})],1),_c('v-col',{staticClass:\"pl-2 pr-7 pb-0\",attrs:{\"cols\":\"12\",\"sm\":\"3\"}},[_c('v-select',{attrs:{\"items\":_vm.pages,\"item-text\":\"title\",\"item-value\":\"id\",\"label\":_vm.$t('translation.pageLabel')},on:{\"change\":_vm.pageChanged},model:{value:(_vm.page),callback:function ($$v) {_vm.page=$$v},expression:\"page\"}})],1),_c('v-col',{staticClass:\"pa-0 px-3 pb-0\",attrs:{\"cols\":\"12\",\"sm\":\"7\"}},[_c('v-row',[_c('v-col',{staticClass:\"px-1\",attrs:{\"cols\":\"6\",\"sm\":\"3\",\"align\":\"right\"}},[_c('v-btn',{staticClass:\"primary white--text full-width\",class:{ 'mt-3 mb-0': _vm.$vuetify.breakpoint.mdAndUp },attrs:{\"depressed\":\"\",\"tile\":\"\"},domProps:{\"innerHTML\":_vm._s(_vm.$t('translation.cancelButton'))},on:{\"click\":function($event){return _vm.cancel()}}})],1),_c('v-col',{staticClass:\"px-1\",attrs:{\"cols\":\"6\",\"sm\":\"3\",\"align\":\"right\"}},[_c('v-btn',{staticClass:\"primary white--text full-width\",class:{ 'mt-3 mb-0': _vm.$vuetify.breakpoint.mdAndUp },attrs:{\"depressed\":\"\",\"tile\":\"\"},domProps:{\"innerHTML\":_vm._s(_vm.$t('translation.saveButton'))},on:{\"click\":function($event){return _vm.save()}}})],1),_c('v-col',{staticClass:\"px-1\",attrs:{\"cols\":\"6\",\"sm\":\"3\",\"align\":\"right\"}},[_c('v-btn',{staticClass:\"primary white--text full-width\",class:{ 'mt-3 mb-0': _vm.$vuetify.breakpoint.mdAndUp },attrs:{\"depressed\":\"\",\"tile\":\"\"},domProps:{\"innerHTML\":_vm._s(_vm.$t('translation.reloadButton'))},on:{\"click\":function($event){return _vm.reload()}}})],1),_c('v-col',{staticClass:\"px-1\",attrs:{\"cols\":\"6\",\"sm\":\"3\",\"align\":\"right\"}},[_c('v-btn',{staticClass:\"primary white--text full-width\",class:{\n              'mt-3 mb-0': _vm.$vuetify.breakpoint.mdAndUp,\n              secondary: _vm.preview,\n            },attrs:{\"depressed\":\"\",\"tile\":\"\"},domProps:{\"innerHTML\":_vm._s(_vm.$t('translation.previewButton'))},on:{\"click\":function($event){_vm.preview = !_vm.preview}}})],1)],1)],1),_c('v-col',{staticClass:\"px-1 pb-0\",attrs:{\"cols\":\"12\",\"sm\":_vm.preview ? 6 : 12}},[_c('v-col',[_c('v-row',[_c('v-col',{staticClass:\"pa-0\",attrs:{\"cols\":\"6\"}},[_c('v-text-field',{attrs:{\"label\":_vm.$t('translation.titleLabel')},model:{value:(_vm.editedItem.title),callback:function ($$v) {_vm.$set(_vm.editedItem, \"title\", $$v)},expression:\"editedItem.title\"}})],1),_c('v-col',{staticClass:\"pa-0 pl-3\",attrs:{\"cols\":\"6\"}},[_c('v-text-field',{attrs:{\"label\":_vm.$t('translation.videosLabel')},model:{value:(_vm.editedItem.videos),callback:function ($$v) {_vm.$set(_vm.editedItem, \"videos\", $$v)},expression:\"editedItem.videos\"}})],1)],1)],1),_c('v-col',{staticClass:\"pa-0\"},[_c('v-textarea',{staticClass:\"font-small\",attrs:{\"auto-grow\":\"\",\"outlined\":\"\",\"label\":_vm.$t('translation.contentLabel')},model:{value:(_vm.editedItem.content),callback:function ($$v) {_vm.$set(_vm.editedItem, \"content\", $$v)},expression:\"editedItem.content\"}})],1)],1),(_vm.preview)?_c('v-col',{staticClass:\"px-1 pb-0\",attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('v-col',{staticClass:\"pa-0\"},[_c('h2',[_vm._v(_vm._s(_vm.$t(\"translation.previewLabel\")))])]),_c('v-col',{staticClass:\"pa-0\"},[_c('v-card',{staticClass:\"pa-3\",attrs:{\"flat\":\"\"}},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.contentPreview)}})])],1)],1):_vm._e()],1),_c('v-overlay',{attrs:{\"value\":_vm.loading}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"size\":\"64\"}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container fluid class=\"white--text\">\r\n    <v-row id=\"content\">\r\n      <v-col cols=\"12\" class=\"px-1 py-0\">\r\n        <h1 v-html=\"$t('translation.title')\"></h1>\r\n      </v-col>\r\n      <v-col cols=\"12\" sm=\"2\" class=\"pl-2 pr-7 pb-0\">\r\n        <v-select\r\n          v-model=\"language\"\r\n          :items=\"languages\"\r\n          item-text=\"title\"\r\n          item-value=\"locale\"\r\n          :label=\"$t('translation.languageLabel')\"\r\n          @change=\"languageChanged\"\r\n        ></v-select>\r\n      </v-col>\r\n      <v-col cols=\"12\" sm=\"3\" class=\"pl-2 pr-7 pb-0\">\r\n        <v-select\r\n          v-model=\"page\"\r\n          :items=\"pages\"\r\n          item-text=\"title\"\r\n          item-value=\"id\"\r\n          :label=\"$t('translation.pageLabel')\"\r\n          @change=\"pageChanged\"\r\n        ></v-select>\r\n      </v-col>\r\n      <v-col cols=\"12\" sm=\"7\" class=\"pa-0 px-3 pb-0\">\r\n        <v-row>\r\n          <v-col cols=\"6\" sm=\"3\" class=\"px-1\" align=\"right\">\r\n            <v-btn\r\n              depressed\r\n              tile\r\n              v-html=\"$t('translation.cancelButton')\"\r\n              class=\"primary white--text full-width\"\r\n              :class=\"{ 'mt-3 mb-0': $vuetify.breakpoint.mdAndUp }\"\r\n              @click=\"cancel()\"\r\n            ></v-btn>\r\n          </v-col>\r\n          <v-col cols=\"6\" sm=\"3\" class=\"px-1\" align=\"right\">\r\n            <v-btn\r\n              depressed\r\n              tile\r\n              v-html=\"$t('translation.saveButton')\"\r\n              class=\"primary white--text full-width\"\r\n              :class=\"{ 'mt-3 mb-0': $vuetify.breakpoint.mdAndUp }\"\r\n              @click=\"save()\"\r\n            ></v-btn>\r\n          </v-col>\r\n          <v-col cols=\"6\" sm=\"3\" class=\"px-1\" align=\"right\">\r\n            <v-btn\r\n              depressed\r\n              tile\r\n              v-html=\"$t('translation.reloadButton')\"\r\n              class=\"primary white--text full-width\"\r\n              :class=\"{ 'mt-3 mb-0': $vuetify.breakpoint.mdAndUp }\"\r\n              @click=\"reload()\"\r\n            ></v-btn>\r\n          </v-col>\r\n          <v-col cols=\"6\" sm=\"3\" class=\"px-1\" align=\"right\">\r\n            <v-btn\r\n              depressed\r\n              tile\r\n              v-html=\"$t('translation.previewButton')\"\r\n              class=\"primary white--text full-width\"\r\n              :class=\"{\r\n                'mt-3 mb-0': $vuetify.breakpoint.mdAndUp,\r\n                secondary: preview,\r\n              }\"\r\n              @click=\"preview = !preview\"\r\n            ></v-btn>\r\n          </v-col>\r\n        </v-row>\r\n      </v-col>\r\n      <v-col cols=\"12\" :sm=\"preview ? 6 : 12\" class=\"px-1 pb-0\">\r\n        <v-col>\r\n          <v-row>\r\n            <v-col cols=\"6\" class=\"pa-0\">\r\n              <v-text-field\r\n                v-model=\"editedItem.title\"\r\n                :label=\"$t('translation.titleLabel')\"\r\n              >\r\n              </v-text-field>\r\n            </v-col>\r\n            <v-col cols=\"6\" class=\"pa-0 pl-3\">\r\n              <v-text-field\r\n                v-model=\"editedItem.videos\"\r\n                :label=\"$t('translation.videosLabel')\"\r\n              >\r\n              </v-text-field>\r\n            </v-col>\r\n          </v-row>\r\n        </v-col>\r\n        <v-col class=\"pa-0\">\r\n          <v-textarea\r\n            v-model=\"editedItem.content\"\r\n            auto-grow\r\n            outlined\r\n            :label=\"$t('translation.contentLabel')\"\r\n            class=\"font-small\"\r\n          ></v-textarea>\r\n        </v-col>\r\n      </v-col>\r\n      <v-col v-if=\"preview\" cols=\"12\" sm=\"6\" class=\"px-1 pb-0\">\r\n        <v-col class=\"pa-0\">\r\n          <h2>{{ $t(\"translation.previewLabel\") }}</h2>\r\n        </v-col>\r\n        <v-col class=\"pa-0\">\r\n          <v-card flat class=\"pa-3\">\r\n            <div v-html=\"contentPreview\"></div>\r\n          </v-card>\r\n        </v-col>\r\n      </v-col>\r\n    </v-row>\r\n\r\n    <v-overlay :value=\"loading\">\r\n      <v-progress-circular indeterminate size=\"64\"></v-progress-circular>\r\n    </v-overlay>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      pages: [],\r\n      page: null,\r\n      item: {\r\n        id: null,\r\n        title: null,\r\n        content: null,\r\n      },\r\n      editedItem: {\r\n        id: null,\r\n        title: null,\r\n        content: null,\r\n      },\r\n      language: null,\r\n      loading: false,\r\n      preview: true,\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    ...mapGetters([\"languages\", \"axiosSource\"]),\r\n    contentPreview() {\r\n      let text = \"<h1>\" + this.editedItem.title + \"</h1>\";\r\n\r\n      const videosContent = this.getVideosContentPreview();\r\n\r\n      if (videosContent != undefined && videosContent.length > 0) {\r\n        text += videosContent;\r\n      }\r\n\r\n      text += this.editedItem.content;\r\n\r\n      if (this.editedItem.content) {\r\n        return text;\r\n      } else {\r\n        return \"\";\r\n      }\r\n    },\r\n  },\r\n\r\n  methods: {\r\n    setLanguage(locale) {\r\n      const lang = this.languages.find((item) => item.locale === locale);\r\n\r\n      if (lang) {\r\n        this.language = lang;\r\n      }\r\n    },\r\n    languageChanged(locale) {\r\n      this.setLanguage(locale);\r\n      this.getDictionaryPages(locale);\r\n    },\r\n    getDictionaryPages(locale) {\r\n      this.loading = true;\r\n\r\n      this.$store.dispatch(\"getDictionaryPages\", locale).then(\r\n        (response) => {\r\n          this.loading = false;\r\n\r\n          this.pages = response.items;\r\n\r\n          const notification = {\r\n            show: true,\r\n            result: true,\r\n            message: response.message,\r\n          };\r\n\r\n          this.$store.dispatch(\"showSnackbar\", notification);\r\n\r\n          this.getDictionaryStatic(this.language.locale, this.page);\r\n        },\r\n        (error) => {\r\n          this.loading = false;\r\n\r\n          this.pages = [];\r\n          this.item = {};\r\n          this.editedItem = {};\r\n\r\n          let errorMessage;\r\n          if (\r\n            this.axiosSource &&\r\n            this.axiosSource.token &&\r\n            this.axiosSource.token.reason &&\r\n            this.axiosSource.token.reason.message\r\n          ) {\r\n            errorMessage = this.axiosSource.token.reason.message;\r\n          } else {\r\n            errorMessage = error.message;\r\n          }\r\n\r\n          const notification = {\r\n            show: true,\r\n            result: false,\r\n            message: errorMessage,\r\n          };\r\n\r\n          this.$store.dispatch(\"showSnackbar\", notification);\r\n        }\r\n      );\r\n    },\r\n    pageChanged(page) {\r\n      this.getDictionaryStatic(this.language.locale, page);\r\n    },\r\n    getDictionaryStatic(locale, page) {\r\n      if (!locale || !page) {\r\n        return;\r\n      }\r\n\r\n      this.loading = true;\r\n\r\n      this.$store\r\n        .dispatch(\"getDictionaryStatic\", {\r\n          locale: locale,\r\n          page: page,\r\n        })\r\n        .then(\r\n          (response) => {\r\n            this.loading = false;\r\n\r\n            this.item = {\r\n              id: response.item.DictionaryStaticID,\r\n              title: response.item.Title,\r\n              videos: response.item.Videos,\r\n              content: response.item.Content,\r\n            };\r\n\r\n            this.editedItem = JSON.parse(JSON.stringify(this.item));\r\n\r\n            const notification = {\r\n              show: true,\r\n              result: true,\r\n              message: response.message,\r\n            };\r\n\r\n            this.$store.dispatch(\"showSnackbar\", notification);\r\n          },\r\n          (error) => {\r\n            this.loading = false;\r\n\r\n            this.item = {};\r\n            this.editedItem = {};\r\n\r\n            let errorMessage;\r\n            if (\r\n              this.axiosSource &&\r\n              this.axiosSource.token &&\r\n              this.axiosSource.token.reason &&\r\n              this.axiosSource.token.reason.message\r\n            ) {\r\n              errorMessage = this.axiosSource.token.reason.message;\r\n            } else {\r\n              errorMessage = error.message;\r\n            }\r\n\r\n            const notification = {\r\n              show: true,\r\n              result: false,\r\n              message: errorMessage,\r\n            };\r\n\r\n            this.$store.dispatch(\"showSnackbar\", notification);\r\n          }\r\n        );\r\n    },\r\n    cancel() {\r\n      this.editedItem = JSON.parse(JSON.stringify(this.item));\r\n    },\r\n    save() {\r\n      this.loading = true;\r\n\r\n      this.$store\r\n        .dispatch(\"updateDictionaryStatic\", {\r\n          id: this.editedItem.id,\r\n          title: this.editedItem.title,\r\n          videos: this.editedItem.videos,\r\n          content: this.editedItem.content,\r\n        })\r\n        .then(\r\n          (response) => {\r\n            this.loading = false;\r\n\r\n            this.item = {\r\n              id: response.item.DictionaryStaticID,\r\n              title: response.item.Title,\r\n              videos: response.item.Videos,\r\n              content: response.item.Content,\r\n            };\r\n\r\n            this.editedItem = JSON.parse(JSON.stringify(this.item));\r\n\r\n            const notification = {\r\n              show: true,\r\n              result: true,\r\n              message: response.message,\r\n            };\r\n\r\n            this.$store.dispatch(\"showSnackbar\", notification);\r\n          },\r\n          (error) => {\r\n            this.loading = false;\r\n\r\n            this.item = {};\r\n            this.editedItem = {};\r\n\r\n            let errorMessage;\r\n            if (\r\n              this.axiosSource &&\r\n              this.axiosSource.token &&\r\n              this.axiosSource.token.reason &&\r\n              this.axiosSource.token.reason.message\r\n            ) {\r\n              errorMessage = this.axiosSource.token.reason.message;\r\n            } else {\r\n              errorMessage = error.message;\r\n            }\r\n\r\n            const notification = {\r\n              show: true,\r\n              result: false,\r\n              message: errorMessage,\r\n            };\r\n\r\n            this.$store.dispatch(\"showSnackbar\", notification);\r\n          }\r\n        );\r\n    },\r\n    reload() {\r\n      location.reload();\r\n    },\r\n    getVideosContentPreview() {\r\n      if (\r\n        this.editedItem.videos != undefined &&\r\n        this.editedItem.videos.length > 0\r\n      ) {\r\n        let content = \"\";\r\n\r\n        const arr = this.editedItem.videos.split(\",\");\r\n        let url = \"\";\r\n\r\n        arr.forEach((id) => {\r\n          url = \"https://player.vimeo.com/video/\" + id.replace(/\"/g, \"\");\r\n          content +=\r\n            \"<iframe title='vimeo-player' src='\" +\r\n            url +\r\n            \"' frameborder='0' allowfullscreen ></iframe>\";\r\n        });\r\n\r\n        return content;\r\n      } else {\r\n        return \"\";\r\n      }\r\n    },\r\n  },\r\n\r\n  created() {\r\n    this.setLanguage(\"en\");\r\n\r\n    if (this.language) {\r\n      this.getDictionaryPages(this.language.locale);\r\n    }\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.font-small {\r\n  font-size: 14px;\r\n}\r\n</style>\r\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!./Translation.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!./Translation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Translation.vue?vue&type=template&id=3a5eea0f&scoped=true&\"\nimport script from \"./Translation.vue?vue&type=script&lang=js&\"\nexport * from \"./Translation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Translation.vue?vue&type=style&index=0&id=3a5eea0f&prod&lang=scss&scoped=true&\"\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  \"3a5eea0f\",\n  null\n  \n)\n\nexport default component.exports","// 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    autoGrow (val: boolean) {\n      this.$nextTick(() => {\n        val\n          ? this.calculateInputHeight()\n          : this.$refs.input?.style.removeProperty('height')\n      })\n    },\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":""}