{"version":3,"sources":["webpack:///./src/views/admin/Translation.vue?5861","webpack:///src/views/admin/Translation.vue","webpack:///./src/views/admin/Translation.vue?4ca4","webpack:///./src/views/admin/Translation.vue?df48","webpack:///./src/views/admin/Translation.vue?4999","webpack:///../../../src/components/VTextarea/VTextarea.ts"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","domProps","_s","$t","languages","on","languageChanged","model","value","callback","$$v","language","expression","pages","pageChanged","page","class","$vuetify","breakpoint","mdAndUp","$event","cancel","save","reload","secondary","preview","editedItem","$set","_v","contentPreview","_e","loading","staticRenderFns","data","item","id","title","content","computed","undefined","videosContent","length","text","methods","setLanguage","lang","locale","getDictionaryPages","$store","dispatch","then","getDictionaryStatic","JSON","parse","stringify","location","getVideosContentPreview","arr","forEach","url","replace","created","component","VBtn","VCard","VCol","VContainer","VOverlay","VProgressCircular","VRow","VSelect","VTextField","VTextarea","baseMixins","name","props","autoGrow","noResize","rowHeight","type","Number","default","validator","v","isNaN","parseFloat","rows","parseInt","classes","noResizeHandle","watch","lazyValue","$nextTick","mounted","setTimeout","calculateInputHeight","input","$refs","height","minHeight","Math","genInput","onInput","onKeyDown","isFocused","e"],"mappings":"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","file":"js/translation.6ff79465.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)}\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=5db8850d&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=5db8850d&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  \"5db8850d\",\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 { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VOverlay } from 'vuetify/lib/components/VOverlay';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VTextarea } from 'vuetify/lib/components/VTextarea';\ninstallComponents(component, {VBtn,VCard,VCol,VContainer,VOverlay,VProgressCircular,VRow,VSelect,VTextField,VTextarea})\n","import mod 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=5db8850d&lang=scss&scoped=true&\"; export default mod; 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=5db8850d&lang=scss&scoped=true&\"","// 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":""}