{"version":3,"sources":["webpack:///../core/components/textarea/Textarea.vue","webpack:///../core/components/textarea/Textarea.vue?9861","webpack:///../core/components/textarea/index.js","webpack:///../core/components/textarea/Textarea.vue?74d3","webpack:///../examples/textarea/TextAreaAutoResizeDemo.vue","webpack:///../examples/textarea/TextAreaAutoResizeDemo.vue?55d8"],"names":["class","type","editable","ref","$attrs","filled","value","modelValue","handleClear","maxlength","maxLength","updateModel","resize","showLimit","length","name","components","LvInput","data","localValue","props","String","default","Number","Boolean","autoResize","mounted","this","$refs","textarea","offsetParent","resizeTextareaV2","methods","style","height","scrollHeight","clientHeight","offsetHeight","event","$emit","updateValue","target","newValue","computed","listeners","$listeners","input","toString","__exports__","render","LvTextarea","placeholder","rows","label","LvButton","value1"],"mappings":"2IAKSA,MAAM,uB,iFAJb,eAKM,YAJJ,eAEW,EAFX,eAEW,CAFDC,KAAK,OAAQC,UAAU,EAAOC,IAAI,aAAoB,EAAAC,OAAM,CAAGJ,MAAK,eAAmB,EAAAK,QAAWC,MAAO,EAAAC,WAAa,QAAK,+BAAE,EAAAC,kB,yBACrI,iBAAuM,CAAvM,eAAuM,WAAvM,eAAuM,CAA5LC,UAAW,EAAAC,UAAWV,MAAM,+BAAsC,EAAAI,OAAM,CAAG,QAAK,8BAAE,EAAAO,aAAA,EAAAA,YAAA,qBAAcL,MAAO,EAAAC,WAAYJ,IAAI,WAAYH,MAAK,qBAA+B,aAAN,EAAAY,U,8DAEvI,EAAAC,WAAa,EAAAH,W,iBAApD,eAA+H,MAA/H,EAA+H,eAA7D,EAAAH,WAAa,EAAAA,WAAWO,OAAM,GAAO,MAAG,eAAG,EAAAJ,WAAS,I,oFAO3G,GACbK,KAAM,aACNC,WAAY,CACVC,QAAA,QAEFC,KALa,WAMX,MAAO,CACLC,WAAY,KAGhBC,MAAO,CACLd,MAAO,CACLL,KAAMoB,OACNC,QAAS,IAEXZ,UAAW,CACTT,KAAMsB,QAGRV,UAAW,CACTZ,KAAMuB,QACNF,SAAS,GAEXG,WAAY,CACVxB,KAAMuB,QACNF,SAAS,GAEXV,OAAQ,CACNX,KAAMoB,OACNC,QAAS,SAIbI,QAjCa,WAkCPC,KAAKC,MAAMC,SAASC,cAAgBH,KAAKF,YAC3CE,KAAKI,oBAGTC,QAAS,CAsBPD,iBAtBO,WAuBLJ,KAAKC,MAAMC,SAASI,MAAMC,OAAS,OACnCP,KAAKC,MAAMC,SAASI,MAAMC,OAASP,KAAKC,MAAMC,SAASM,cAAgBR,KAAKC,MAAMC,SAASO,aAAeT,KAAKC,MAAMC,SAASQ,cAAgB,MAGhJ1B,YA3BO,SA2BK2B,GACVX,KAAKY,MAAM,eAAgBD,GAC3BX,KAAKa,YAAYF,EAAMG,OAAOnC,QAEhCkC,YA/BO,SA+BKE,GACNf,KAAKF,YAEPE,KAAKI,mBAEPJ,KAAKR,WAAauB,EAClBf,KAAKY,MAAM,QAASG,GACpBf,KAAKY,MAAM,oBAAqBG,IAElClC,YAxCO,WAyCLmB,KAAKa,YAAY,IACjBb,KAAKY,MAAM,WAGfI,SAAU,CACRC,UADQ,WACI,WACV,wCACKjB,KAAKkB,YADV,IAEEC,MAAO,SAAAR,GACL,EAAK3B,YAAY2B,OAIvBjC,OATQ,WAUN,OAA0B,MAAnBsB,KAAKpB,YAAsBoB,KAAKpB,WAAWwC,WAAWjC,OAAS,GAExEP,WAZQ,WAaN,OAAOoB,KAAKvB,OAAOG,WAAaoB,KAAKvB,OAAOG,WAAaoB,KAAKrB,MAAQqB,KAAKrB,MAAQqB,KAAKR,c,iCCrG9F,MAAM6B,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,QCRAC,U,yDCDf,W,4DCCOjB,MAAA,gB,qBAAmG,eAAM,mB,oFAA9G,eAAoH,MAApH,EAAoH,CAA3F,eAA8E,GAAjEkB,YAAY,GAAGC,KAAK,IAAIC,MAAM,cAAe5B,YAAY,I,EAAS,I,4BAM3F,GACbT,WAAY,CACVkC,WAAA,OACAI,SAAA,QAEFpC,KALa,WAMX,MAAO,CACLqC,OAAQ,M,qBCTd,MAAMP,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD","file":"js/chunk-507d3842.eb690f00.js","sourcesContent":["<template>\n  <div>\n    <lv-input type=\"text\" :editable=\"false\" ref=\"mainInput\" v-bind=\"$attrs\" :class=\"{ '--not-empty': filled }\" :value=\"modelValue\" @clear=\"handleClear()\">\n      <textarea :maxlength=\"maxLength\" class=\"lv-textarea light-scrollbar\" v-bind=\"$attrs\" @input=\"updateModel\" :value=\"modelValue\" ref=\"textarea\" :class=\"{ '--resize-vertical': resize === 'vertical' }\" />\n    </lv-input>\n    <div class=\"lv-textarea__limits\" v-if=\"showLimit && maxLength\">{{ modelValue ? modelValue.length : 0 }} / {{ maxLength }}</div>\n  </div>\n</template>\n\n<script>\nimport LvInput from 'lightvue/input';\n\nexport default {\n  name: 'LvTextarea',\n  components: {\n    LvInput,\n  },\n  data() {\n    return {\n      localValue: '',\n    };\n  },\n  props: {\n    value: {\n      type: String,\n      default: '',\n    },\n    maxLength: {\n      type: Number,\n      // default: 524288,\n    },\n    showLimit: {\n      type: Boolean,\n      default: false,\n    },\n    autoResize: {\n      type: Boolean,\n      default: false,\n    },\n    resize: {\n      type: String,\n      default: 'none',\n    },\n  },\n  // cachedScrollHeight: null,\n  mounted() {\n    if (this.$refs.textarea.offsetParent && this.autoResize) {\n      this.resizeTextareaV2();\n    }\n  },\n  methods: {\n    // resizeTextarea() {\n    //   if (!this.cachedScrollHeight) {\n    //     this.cachedScrollHeight = this.$refs.textarea.scrollHeight;\n    //     this.$refs.textarea.style.overflow = 'hidden';\n    //   }\n\n    //   if (this.cachedScrollHeight !== this.$refs.textarea.scrollHeight) {\n    //     this.$refs.textarea.style.height = '';\n    //     this.$refs.textarea.style.height = this.$refs.textarea.scrollHeight + 'px';\n\n    //     if (parseFloat(this.$refs.textarea.style.height) >= parseFloat(this.$refs.textarea.style.maxHeight)) {\n    //       this.$refs.textarea.style.overflowY = 'scroll';\n    //       this.$refs.textarea.style.height = this.$refs.textarea.style.maxHeight;\n    //     } else {\n    //       this.$refs.textarea.style.overflow = 'hidden';\n    //     }\n\n    //     this.cachedScrollHeight = this.$refs.textarea.scrollHeight;\n    //   }\n    // },\n    // New Function for Auto resize\n    resizeTextareaV2() {\n      this.$refs.textarea.style.height = 'auto';\n      this.$refs.textarea.style.height = this.$refs.textarea.scrollHeight + (this.$refs.textarea.clientHeight - this.$refs.textarea.offsetHeight) + 'px';\n    },\n\n    updateModel(event) {\n      this.$emit('input-native', event);\n      this.updateValue(event.target.value);\n    },\n    updateValue(newValue) {\n      if (this.autoResize) {\n        // this.resizeTextarea();\n        this.resizeTextareaV2(); // New Function for auto Resize\n      }\n      this.localValue = newValue;\n      this.$emit('input', newValue); // Only for Vue 2\n      this.$emit('update:modelValue', newValue); // Only for Vue 3\n    },\n    handleClear() {\n      this.updateValue('');\n      this.$emit('clear');\n    },\n  },\n  computed: {\n    listeners() {\n      return {\n        ...this.$listeners,\n        input: event => {\n          this.updateModel(event);\n        },\n      };\n    },\n    filled() {\n      return this.modelValue != null && this.modelValue.toString().length > 0;\n    },\n    modelValue() {\n      return this.$attrs.modelValue ? this.$attrs.modelValue : this.value ? this.value : this.localValue;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.lv-textarea {\n  border: none;\n  width: 100%;\n  background: transparent;\n  outline: none;\n  resize: none;\n  font-family: inherit;\n  &.--resize-vertical {\n    resize: vertical;\n  }\n}\n.lv-textarea__limits {\n  display: flex;\n  justify-content: flex-end;\n  margin-top: 5px;\n}\n</style>\n","import { render } from \"./Textarea.vue?vue&type=template&id=7114cbea\"\nimport script from \"./Textarea.vue?vue&type=script&lang=js\"\nexport * from \"./Textarea.vue?vue&type=script&lang=js\"\n\nimport \"./Textarea.vue?vue&type=style&index=0&id=7114cbea&lang=scss\"\n\nimport exportComponent from \"/opt/build/repo/docs-v3/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import LvTextarea from './Textarea.vue';\nexport default LvTextarea;\n","export * from \"-!../../../docs-v3/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../docs-v3/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../docs-v3/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../docs-v3/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../docs-v3/node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../docs-v3/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../docs-v3/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Textarea.vue?vue&type=style&index=0&id=7114cbea&lang=scss\"","<template>\n  <div style=\"width: 100%\"><lv-textarea placeholder=\"\" rows=\"9\" label=\"Auto Resize\" :autoResize=\"true\" /> <br /></div>\n</template>\n\n<script>\nimport LvTextarea from 'lightvue/textarea';\nimport LvButton from 'lightvue/button';\nexport default {\n  components: {\n    LvTextarea,\n    LvButton,\n  },\n  data() {\n    return {\n      value1: '',\n    };\n  },\n};\n</script>\n\n<style></style>\n","import { render } from \"./TextAreaAutoResizeDemo.vue?vue&type=template&id=5906a3a1\"\nimport script from \"./TextAreaAutoResizeDemo.vue?vue&type=script&lang=js\"\nexport * from \"./TextAreaAutoResizeDemo.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/opt/build/repo/docs-v3/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}