{"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/FormTextAreaDisableResize.vue?eac2","webpack:///src/views/forms/form-element/form-textarea/FormTextAreaDisableResize.vue","webpack:///./src/views/forms/form-element/form-textarea/FormTextAreaDisableResize.vue?bdf9","webpack:///./src/views/forms/form-element/form-textarea/FormTextAreaDisableResize.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,yBAAyBC,YAAYN,EAAIO,GAAG,CAAC,CAACC,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACT,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAI5B,mBAAmB,OAAOwC,OAAM,MAAS,CAACT,EAAG,cAAc,CAACA,EAAG,OAAO,CAACH,EAAIU,GAAG,qHAAqHP,EAAG,OAAO,CAACH,EAAIU,GAAG,eAAeP,EAAG,OAAO,CAACH,EAAIU,GAAG,eAAeP,EAAG,OAAO,CAACH,EAAIU,GAAG,UAAUP,EAAG,OAAO,CAACH,EAAIU,GAAG,SAASP,EAAG,kBAAkB,CAACE,MAAM,CAAC,GAAK,qBAAqB,YAAc,wBAAwB,KAAO,IAAI,YAAY,OAAO,IACzpBQ,EAAkB,G,gDC6BP,GACbC,WAAYA,CACV9C,UAAJA,OACI+C,cAAJA,OACIxB,UAAJA,QAEEM,KANF,WAOI,MAAO,CACLzB,kBAANA,0BCtCgZ,I,YCO5Y4C,EAAY,eACd,EACAtB,EACAmB,GACA,EACA,KACA,KACA,MAIa,aAAAG,E","file":"js/chunk-70fa0eca.3798930e.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\":\"Disable resize handle\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeDisableResize)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\" Some web browsers will allow the user to re-size the height of the textarea. To disable this feature, set the \")]),_c('code',[_vm._v(\"no-resize\")]),_c('span',[_vm._v(\" prop to \")]),_c('code',[_vm._v(\"true\")]),_c('span',[_vm._v(\".\")])]),_c('b-form-textarea',{attrs:{\"id\":\"textarea-no-resize\",\"placeholder\":\"Fixed height textarea\",\"rows\":\"3\",\"no-resize\":\"\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card-code title=\"Disable resize handle\">\n    <b-card-text>\n      <span>\n        Some web browsers will allow the user to re-size the height of the textarea. To disable this feature, set the\n      </span>\n      <code>no-resize</code>\n      <span> prop to </span>\n      <code>true</code>\n      <span>.</span>\n    </b-card-text>\n\n    <b-form-textarea\n      id=\"textarea-no-resize\"\n      placeholder=\"Fixed height textarea\"\n      rows=\"3\"\n      no-resize\n    />\n\n    <template #code>\n      {{ codeDisableResize }}\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 { codeDisableResize } from './code'\n\nexport default {\n  components: {\n    BCardCode,\n    BFormTextarea,\n    BCardText,\n  },\n  data() {\n    return {\n      codeDisableResize,\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!./FormTextAreaDisableResize.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!./FormTextAreaDisableResize.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormTextAreaDisableResize.vue?vue&type=template&id=a3fb1804&\"\nimport script from \"./FormTextAreaDisableResize.vue?vue&type=script&lang=js&\"\nexport * from \"./FormTextAreaDisableResize.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":""}