{"version":3,"sources":["webpack:///../examples/textarea/TextareaDemo__Customised.vue","webpack:///../examples/textarea/TextareaDemo__Customised.vue?10da","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"],"names":["style","label","rows","bottom-bar","components","LvTextarea","LvButton","data","value1","__exports__","render","class","type","editable","ref","$attrs","filled","value","modelValue","handleClear","maxlength","maxLength","updateModel","resize","showLimit","length","name","LvInput","localValue","props","String","default","Number","Boolean","autoResize","mounted","this","$refs","textarea","offsetParent","resizeTextareaV2","methods","height","scrollHeight","clientHeight","offsetHeight","event","$emit","updateValue","target","newValue","computed","listeners","$listeners","input","toString"],"mappings":"0IACOA,MAAA,gB,EAA+E,eAAM,mB,oFAA1F,eAAgG,MAAhG,EAAgG,CAAvE,eAA2D,GAA9CC,MAAM,kBAAkBC,KAAK,IAAIC,aAAA,KAAa,I,4BAMvE,GACbC,WAAY,CACVC,WAAA,OACAC,SAAA,QAEFC,KALa,WAMX,MAAO,CACLC,OAAQ,M,qBCTd,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,gB,6DCFNC,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,aACNtB,WAAY,CACVuB,QAAA,QAEFpB,KALa,WAMX,MAAO,CACLqB,WAAY,KAGhBC,MAAO,CACLZ,MAAO,CACLL,KAAMkB,OACNC,QAAS,IAEXV,UAAW,CACTT,KAAMoB,QAGRR,UAAW,CACTZ,KAAMqB,QACNF,SAAS,GAEXG,WAAY,CACVtB,KAAMqB,QACNF,SAAS,GAEXR,OAAQ,CACNX,KAAMkB,OACNC,QAAS,SAIbI,QAjCa,WAkCPC,KAAKC,MAAMC,SAASC,cAAgBH,KAAKF,YAC3CE,KAAKI,oBAGTC,QAAS,CAsBPD,iBAtBO,WAuBLJ,KAAKC,MAAMC,SAAStC,MAAM0C,OAAS,OACnCN,KAAKC,MAAMC,SAAStC,MAAM0C,OAASN,KAAKC,MAAMC,SAASK,cAAgBP,KAAKC,MAAMC,SAASM,aAAeR,KAAKC,MAAMC,SAASO,cAAgB,MAGhJvB,YA3BO,SA2BKwB,GACVV,KAAKW,MAAM,eAAgBD,GAC3BV,KAAKY,YAAYF,EAAMG,OAAOhC,QAEhC+B,YA/BO,SA+BKE,GACNd,KAAKF,YAEPE,KAAKI,mBAEPJ,KAAKR,WAAasB,EAClBd,KAAKW,MAAM,QAASG,GACpBd,KAAKW,MAAM,oBAAqBG,IAElC/B,YAxCO,WAyCLiB,KAAKY,YAAY,IACjBZ,KAAKW,MAAM,WAGfI,SAAU,CACRC,UADQ,WACI,WACV,wCACKhB,KAAKiB,YADV,IAEEC,MAAO,SAAAR,GACL,EAAKxB,YAAYwB,OAIvB9B,OATQ,WAUN,OAA0B,MAAnBoB,KAAKlB,YAAsBkB,KAAKlB,WAAWqC,WAAW9B,OAAS,GAExEP,WAZQ,WAaN,OAAOkB,KAAKrB,OAAOG,WAAakB,KAAKrB,OAAOG,WAAakB,KAAKnB,MAAQmB,KAAKnB,MAAQmB,KAAKR,c,iCCrG9F,MAAMnB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,QCRAL,U,yDCDf","file":"js/chunk-28edb07c.7fa7efd3.js","sourcesContent":["<template>\n  <div style=\"width: 100%\"><lv-textarea label=\"Material Design\" rows=\"9\" bottom-bar /><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 \"./TextareaDemo__Customised.vue?vue&type=template&id=cb4a8f8e\"\nimport script from \"./TextareaDemo__Customised.vue?vue&type=script&lang=js\"\nexport * from \"./TextareaDemo__Customised.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__","<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\""],"sourceRoot":""}