{"version":3,"sources":["webpack:///./src/@core/components/b-card-code/index.js","webpack:///./src/views/forms/form-element/form-textarea/code.js","webpack:///./node_modules/bootstrap-vue/esm/mixins/form-state.js","webpack:///./node_modules/bootstrap-vue/esm/components/card/card-text.js","webpack:///./src/views/forms/form-element/form-textarea/FormTextAreaFloatingLabel.vue?3d4a","webpack:///src/views/forms/form-element/form-textarea/FormTextAreaFloatingLabel.vue","webpack:///./src/views/forms/form-element/form-textarea/FormTextAreaFloatingLabel.vue?1700","webpack:///./src/views/forms/form-element/form-textarea/FormTextAreaFloatingLabel.vue"],"names":["BCardCode","codeAutoHeight","codeDebounce","codeDefault","codeDisableResize","codeFloatingLabel","codeFormatter","codeRows","codeReadonly","codeSize","codeStates","codeCounter","props","state","formStateMixin","extend","computed","computedState","this","stateClass","computedAriaInvalid","ariaInvalid","textTag","BCardText","name","functional","render","h","_ref","data","children","staticClass","_vm","_h","$createElement","_c","_self","attrs","scopedSlots","_u","key","fn","_v","_s","proxy","staticRenderFns","components","BFormTextarea","component"],"mappings":"mKAAA,gBAEeA,e,kCCFf,ufAAO,IAAMC,EAAiB,6zBA4CjBC,EAAe,+XA2BfC,EAAc,sXAyBdC,EAAoB,qUAuBpBC,EAAoB,0XAuBpBC,EAAgB,8rCAyDhBC,EAAW,yQAoBXC,EAAe,2YAyBfC,EAAW,ipCAkEXC,EAAa,oYA2BbC,EAAc,ya,kCCjV3B,wHAaWC,EAAQ,eAAsB,CAEvCC,MAAO,eAAS,OAAmB,OAClC,aAGQC,EAAiB,aAAIC,OAAO,CACrCH,MAAOA,EACPI,SAAU,CACRC,cAAe,WAEb,OAAO,eAAUC,KAAKL,OAASK,KAAKL,MAAQ,MAE9CM,WAAY,WACV,IAAIN,EAAQK,KAAKD,cACjB,OAAiB,IAAVJ,EAAiB,YAAuB,IAAVA,EAAkB,aAAe,MAExEO,oBAAqB,WACnB,IAAIC,EAAcH,KAAKG,YAEvB,OAAoB,IAAhBA,GAAwC,SAAhBA,GAA0C,KAAhBA,IAIxB,IAAvBH,KAAKD,cAHH,OAGsCI,O,kCCrCrD,kGAKWT,EAAQ,eAAsB,CACvCU,QAAS,eAAS,OAAkB,MACnC,QAGQC,EAAyB,aAAIR,OAAO,CAC7CS,KAAM,OACNC,YAAY,EACZb,MAAOA,EACPc,OAAQ,SAAgBC,EAAGC,GACzB,IAAIhB,EAAQgB,EAAKhB,MACbiB,EAAOD,EAAKC,KACZC,EAAWF,EAAKE,SACpB,OAAOH,EAAEf,EAAMU,QAAS,eAAUO,EAAM,CACtCE,YAAa,cACXD,O,yCCpBR,IAAIJ,EAAS,WAAa,IAAIM,EAAId,KAASe,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQ,kBAAkBC,YAAYN,EAAIO,GAAG,CAAC,CAACC,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACT,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAI3B,mBAAmB,OAAOuC,OAAM,MAAS,CAACT,EAAG,cAAc,CAACA,EAAG,OAAO,CAACH,EAAIU,GAAG,UAAUP,EAAG,OAAO,CAACH,EAAIU,GAAG,uBAAuBP,EAAG,OAAO,CAACH,EAAIU,GAAG,+CAA+CP,EAAG,MAAM,CAACJ,YAAY,8BAA8B,CAACI,EAAG,kBAAkB,CAACE,MAAM,CAAC,GAAK,WAAW,KAAO,IAAI,YAAc,uBAAuBF,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,mBAAmB,CAACL,EAAIU,GAAG,wBAAwB,IAAI,IAC/nBG,EAAkB,G,gDC2BP,GACbC,WAAYA,CACV9C,UAAJA,OACIuB,UAAJA,OACIwB,cAAJA,QAEElB,KANF,WAOI,MAAO,CACLxB,kBAANA,0BCpCgZ,I,YCO5Y2C,EAAY,eACd,EACAtB,EACAmB,GACA,EACA,KACA,KACA,MAIa,aAAAG,E","file":"js/chunk-20d0f4b1.8b65a358.js","sourcesContent":["import BCardCode from './BCardCode.vue'\n\nexport default BCardCode\n","export const codeAutoHeight = `\n<template>\n  <b-row>\n    <b-col\n      xl=\"6\"\n      cols=\"12\"\n    >\n      <label for=\"textarea-auto-height\">Auto height:</label>\n      <b-form-textarea\n        id=\"textarea-auto-height\"\n        placeholder=\"Auto height textarea\"\n        rows=\"3\"\n        max-rows=\"8\"\n      />\n    </b-col>\n    <b-col\n      xl=\"6\"\n      cols=\"12\"\n    >\n      <label for=\"textarea-no-auto-shrink\">No auto-shrink:</label>\n      <b-form-textarea\n        id=\"textarea-no-auto-shrink\"\n        placeholder=\"Auto height (no-shrink) textarea\"\n        rows=\"3\"\n        max-rows=\"8\"\n        no-auto-shrink\n      />\n    </b-col>\n  </b-row>\n</template>\n\n<script>\nimport { BFormTextarea, BRow, BCol } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormTextarea,\n    BRow,\n    BCol,\n  },\n}\n</script>\n`\n\nexport const codeDebounce = `\n<template>\n  <div>\n    <b-form-textarea\n      v-model=\"value\"\n      debounce=\"500\"\n      rows=\"3\"\n      max-rows=\"5\"\n    />\n    <pre class=\"mt-1\">{{ value }}</pre>\n  </div>\n</template>\n\n<script>\nimport { BFormTextarea } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormTextarea,\n  },\n  data: () => ({\n    value: '',\n  }),\n}\n</script>\n`\n\nexport const codeDefault = `\n<template>\n  <div>\n    <label for=\"textarea-default\">Textarea</label>\n    <b-form-textarea\n      id=\"textarea-default\"\n      placeholder=\"Textarea\"\n      rows=\"3\"\n    />\n  </div>\n</template>\n\n<script>\nimport { BFormTextarea, BCardText } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BCardText,\n    BFormTextarea,\n  },\n}\n</script>\n\n`\n\nexport const codeDisableResize = `\n<template>\n  <div>\n    <b-form-textarea\n      id=\"textarea-no-resize\"\n      placeholder=\"Fixed height textarea\"\n      rows=\"3\"\n      no-resize\n    />\n  </div>\n</template>\n\n<script>\nimport { BFormTextarea } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormTextarea,\n  },\n}\n</script>\n`\n\nexport const codeFloatingLabel = `\n<template>\n  <div class=\"form-label-group\">\n    <b-form-textarea\n      id=\"textarea\"\n      rows=\"3\"\n      placeholder=\"Label in Textarea\"\n    />\n    <label for=\"label-textarea\">Label in Textarea</label>\n  </div>\n</template>\n\n<script>\nimport { BFormTextarea } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormTextarea,\n  },\n}\n</script>\n`\n\nexport const codeFormatter = `\n<template>\n  <div>\n    <b-form-group\n      class=\"mb-0\"\n      label=\"Textarea with formatter (on input)\"\n      label-for=\"textarea-formatter\"\n      description=\"We will convert your text to lowercase instantly\"\n    >\n      <b-form-textarea\n        id=\"textarea-formatter\"\n        v-model=\"text1\"\n        placeholder=\"Enter your text\"\n        :formatter=\"formatter\"\n      />\n    </b-form-group>\n    <p><b>Value:</b> {{ text1 }}</p>\n\n    <b-form-group\n      class=\"mb-0\"\n      label=\"Textarea with lazy formatter (on blur)\"\n      label-for=\"textarea-lazy\"\n      description=\"This one is a little lazy!\"\n    >\n      <b-form-textarea\n        id=\"textarea-lazy\"\n        v-model=\"text2\"\n        placeholder=\"Enter your text\"\n        lazy-formatter\n        :formatter=\"formatter\"\n      />\n    </b-form-group>\n    <p><b>Value:</b> {{ text2 }}</p>\n  </div>\n</template>\n\n<script>\nimport { BFormTextarea, BFormGroup } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormTextarea,\n    BFormGroup,\n  },\n  data: () => ({\n    text1: '',\n    text2: '',\n  }),\n  methods: {\n    formatter(value) {\n      return value.toLowerCase()\n    },\n  },\n}\n</script>\n`\n\nexport const codeRows = `\n<template>\n  <b-form-textarea\n    id=\"textarea-rows\"\n    placeholder=\"Tall textarea\"\n    rows=\"8\"\n  />\n</template>\n\n<script>\nimport { BFormTextarea} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormTextarea,\n  },\n}\n</script>\n`\n\nexport const codeReadonly = `\n<template>\n  <div>\n    <b-form-textarea\n      id=\"textarea-plaintext\"\n      plaintext\n      :value=\"text\"\n    />\n  </div>\n</template>\n\n<script>\nimport { BFormTextarea } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormTextarea,\n  },\n  data: () => ({\n    text: \"This is some text.\\nIt is read only and doesn't look like an input.\",\n  }),\n}\n</script>\n`\n\nexport const codeSize = `\n<template>\n  <b-row>\n    <b-col sm=\"2\">\n      <label\n        for=\"textarea-small\"\n        class=\"text-nowrap\"\n      >Small:</label>\n    </b-col>\n    <b-col\n      sm=\"10\"\n      class=\"mb-1\"\n    >\n      <b-form-textarea\n        id=\"textarea-small\"\n        size=\"sm\"\n        placeholder=\"Small textarea\"\n      />\n    </b-col>\n    <b-col sm=\"2\">\n      <label\n        for=\"textarea-default\"\n        class=\"text-nowrap\"\n      >Default:</label>\n    </b-col>\n    <b-col\n      sm=\"10\"\n      class=\"mb-1\"\n    >\n      <b-form-textarea\n        id=\"textarea-default\"\n        placeholder=\"Default textarea\"\n      />\n    </b-col>\n    <b-col sm=\"2\">\n      <label\n        for=\"textarea-large\"\n        class=\"text-nowrap\"\n      >Large:</label>\n    </b-col>\n    <b-col\n      sm=\"10\"\n      class=\"mb-1\"\n    >\n      <b-form-textarea\n        id=\"textarea-large\"\n        size=\"lg\"\n        placeholder=\"Large textarea\"\n      />\n    </b-col>\n  </b-row>\n</template>\n\n<script>\nimport { BFormTextarea, BRow, BCol } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormTextarea,\n    BRow,\n    BCol,\n  },\n}\n</script>\n`\n\nexport const codeStates = `\n<template>\n  <b-form-textarea\n    id=\"textarea-state\"\n    v-model=\"text\"\n    :state=\"text.length <= 10\"\n    placeholder=\"Enter only 10 characters\"\n    rows=\"3\"\n  />\n</template>\n\n<script>\nimport { BFormTextarea } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormTextarea,\n  },\n  data() {\n    return {\n      text: '',\n    }\n  },\n}\n</script>\n`\n\nexport const codeCounter = `\n<template>\n  <div>\n    <b-form-textarea\n      id=\"textarea-state\"\n      v-model=\"text\"\n      :state=\"text.length <= 10\"\n      placeholder=\"Enter only 10 characters\"\n      rows=\"3\"\n    />\n  </div>\n</template>\n\n<script>\nimport { BFormTextarea } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormTextarea,\n  },\n  data: () => ({\n    value: '',\n    maxChar: 20,\n  }),\n}\n</script>\n`\n","/* Form control contextual state class computation\n *\n * Returned class is either 'is-valid' or 'is-invalid' based on the 'state' prop\n * state can be one of five values:\n *  - true for is-valid\n *  - false for is-invalid\n *  - null for no contextual state\n */\nimport { Vue } from '../vue';\nimport { PROP_TYPE_BOOLEAN } from '../constants/props';\nimport { isBoolean } from '../utils/inspect';\nimport { makeProp, makePropsConfigurable } from '../utils/props'; // --- Props ---\n\nexport var props = makePropsConfigurable({\n  // Tri-state prop: true, false, null (or undefined)\n  state: makeProp(PROP_TYPE_BOOLEAN, null)\n}, 'formState'); // --- Mixin ---\n// @vue/component\n\nexport var formStateMixin = Vue.extend({\n  props: props,\n  computed: {\n    computedState: function computedState() {\n      // If not a boolean, ensure that value is null\n      return isBoolean(this.state) ? this.state : null;\n    },\n    stateClass: function stateClass() {\n      var state = this.computedState;\n      return state === true ? 'is-valid' : state === false ? 'is-invalid' : null;\n    },\n    computedAriaInvalid: function computedAriaInvalid() {\n      var ariaInvalid = this.ariaInvalid;\n\n      if (ariaInvalid === true || ariaInvalid === 'true' || ariaInvalid === '') {\n        return 'true';\n      }\n\n      return this.computedState === false ? 'true' : ariaInvalid;\n    }\n  }\n});","import { Vue, mergeData } from '../../vue';\nimport { NAME_CARD_TEXT } from '../../constants/components';\nimport { PROP_TYPE_STRING } from '../../constants/props';\nimport { makeProp, makePropsConfigurable } from '../../utils/props'; // --- Props ---\n\nexport var props = makePropsConfigurable({\n  textTag: makeProp(PROP_TYPE_STRING, 'p')\n}, NAME_CARD_TEXT); // --- Main component ---\n// @vue/component\n\nexport var BCardText = /*#__PURE__*/Vue.extend({\n  name: NAME_CARD_TEXT,\n  functional: true,\n  props: props,\n  render: function render(h, _ref) {\n    var props = _ref.props,\n        data = _ref.data,\n        children = _ref.children;\n    return h(props.textTag, mergeData(data, {\n      staticClass: 'card-text'\n    }), children);\n  }\n});","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Floating Label\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeFloatingLabel)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Use \")]),_c('code',[_vm._v(\".form-label-group\")]),_c('span',[_vm._v(\" to add a Floating Label with Textarea.\")])]),_c('div',{staticClass:\"form-label-group mt-2 mb-0\"},[_c('b-form-textarea',{attrs:{\"id\":\"textarea\",\"rows\":\"3\",\"placeholder\":\"Label in Textarea\"}}),_c('label',{attrs:{\"for\":\"label-textarea\"}},[_vm._v(\"Label in Textarea\")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card-code title=\"Floating Label\">\n    <b-card-text>\n      <span>Use </span>\n      <code>.form-label-group</code>\n      <span> to add a Floating Label with Textarea.</span>\n    </b-card-text>\n\n    <div class=\"form-label-group mt-2 mb-0\">\n      <b-form-textarea\n        id=\"textarea\"\n        rows=\"3\"\n        placeholder=\"Label in Textarea\"\n      />\n      <label for=\"label-textarea\">Label in Textarea</label>\n    </div>\n\n    <template #code>\n      {{ codeFloatingLabel }}\n    </template>\n  </b-card-code>\n</template>\n\n<script>\nimport BCardCode from '@core/components/b-card-code'\nimport { BFormTextarea, BCardText } from 'bootstrap-vue'\nimport { codeFloatingLabel } from './code'\n\nexport default {\n  components: {\n    BCardCode,\n    BCardText,\n    BFormTextarea,\n  },\n  data() {\n    return {\n      codeFloatingLabel,\n    }\n  },\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormTextAreaFloatingLabel.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormTextAreaFloatingLabel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormTextAreaFloatingLabel.vue?vue&type=template&id=e763fa7c&\"\nimport script from \"./FormTextAreaFloatingLabel.vue?vue&type=script&lang=js&\"\nexport * from \"./FormTextAreaFloatingLabel.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"],"sourceRoot":""}