{"version":3,"sources":["webpack:///./src/views/forms/form-element/form-input-mask/FormInputMask.vue?648f","webpack:///./src/views/forms/form-element/form-input-mask/code.js","webpack:///src/views/forms/form-element/form-input-mask/FormInputMask.vue","webpack:///./src/views/forms/form-element/form-input-mask/FormInputMask.vue?39b5","webpack:///./src/views/forms/form-element/form-input-mask/FormInputMask.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","scopedSlots","_u","key","fn","_v","_s","codeMask","proxy","staticClass","options","creditCard","model","value","form","callback","$$v","$set","expression","phone","date","time","number","block","delimiter","customDelimiter","prefix","staticRenderFns","components","BCardCode","BFormGroup","BInputGroupPrepend","BInputGroup","Cleave","BRow","BCol","data","cardNumber","datePattern","phoneRegionCode","timePattern","numeral","numeralThousandsGroupStyle","blocks","uppercase","delimiters","component"],"mappings":"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","file":"js/chunk-2d0db2f1.0518c661.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Input Mask\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeMask)+\" \")]},proxy:true}])},[_c('b-row',[_c('b-col',{attrs:{\"md\":\"6\",\"xl\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Credit Card\",\"label-for\":\"cardNumber\"}},[_c('cleave',{staticClass:\"form-control\",attrs:{\"id\":\"cardNumber\",\"raw\":false,\"options\":_vm.options.creditCard,\"placeholder\":\"0000 0000 0000 0000\"},model:{value:(_vm.form.cardNumber),callback:function ($$v) {_vm.$set(_vm.form, \"cardNumber\", $$v)},expression:\"form.cardNumber\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"6\",\"xl\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Phone Number\",\"label-for\":\"phone\"}},[_c('b-input-group',[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_vm._v(\" US (+1) \")]),_c('cleave',{staticClass:\"form-control\",attrs:{\"id\":\"phone\",\"raw\":false,\"options\":_vm.options.phone,\"placeholder\":\"1234 567 8900\"},model:{value:(_vm.form.phone),callback:function ($$v) {_vm.$set(_vm.form, \"phone\", $$v)},expression:\"form.phone\"}})],1)],1)],1),_c('b-col',{attrs:{\"md\":\"6\",\"xl\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Date\",\"label-for\":\"date\"}},[_c('cleave',{staticClass:\"form-control\",attrs:{\"id\":\"date\",\"raw\":false,\"options\":_vm.options.date,\"placeholder\":\"YYYY-MM-DD\"},model:{value:(_vm.form.date),callback:function ($$v) {_vm.$set(_vm.form, \"date\", $$v)},expression:\"form.date\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"6\",\"xl\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Time\",\"label-for\":\"time\"}},[_c('cleave',{staticClass:\"form-control\",attrs:{\"id\":\"time\",\"raw\":false,\"options\":_vm.options.time,\"placeholder\":\"hh:mm:ss\"},model:{value:(_vm.form.time),callback:function ($$v) {_vm.$set(_vm.form, \"time\", $$v)},expression:\"form.time\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"6\",\"xl\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Numeral Formatting\",\"label-for\":\"number\"}},[_c('cleave',{staticClass:\"form-control\",attrs:{\"id\":\"number\",\"raw\":false,\"options\":_vm.options.number,\"placeholder\":\"10,000\"},model:{value:(_vm.form.number),callback:function ($$v) {_vm.$set(_vm.form, \"number\", $$v)},expression:\"form.number\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"6\",\"xl\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Blocks\",\"label-for\":\"block\"}},[_c('cleave',{staticClass:\"form-control\",attrs:{\"id\":\"block\",\"raw\":false,\"options\":_vm.options.block,\"placeholder\":\"Block [4,3,3]\"},model:{value:(_vm.form.block),callback:function ($$v) {_vm.$set(_vm.form, \"block\", $$v)},expression:\"form.block\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"6\",\"xl\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Delimiters\",\"label-for\":\"delimiter\"}},[_c('cleave',{staticClass:\"form-control\",attrs:{\"id\":\"delimiter\",\"raw\":false,\"options\":_vm.options.delimiter,\"placeholder\":\"Delimiter: '.'\"},model:{value:(_vm.form.delimiter),callback:function ($$v) {_vm.$set(_vm.form, \"delimiter\", $$v)},expression:\"form.delimiter\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"6\",\"xl\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Custom Delimiters\",\"label-for\":\"customDelimiter\"}},[_c('cleave',{staticClass:\"form-control\",attrs:{\"id\":\"customDelimiter\",\"raw\":false,\"options\":_vm.options.customDelimiter,\"placeholder\":\"Delimiter: ['.', '.', '-']\"},model:{value:(_vm.form.customDelimiter),callback:function ($$v) {_vm.$set(_vm.form, \"customDelimiter\", $$v)},expression:\"form.customDelimiter\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"6\",\"xl\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Prefix\",\"label-for\":\"prefix\"}},[_c('cleave',{staticClass:\"form-control\",attrs:{\"id\":\"prefix\",\"raw\":false,\"options\":_vm.options.prefix},model:{value:(_vm.form.prefix),callback:function ($$v) {_vm.$set(_vm.form, \"prefix\", $$v)},expression:\"form.prefix\"}})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const codeMask = `\n<template>\n  <b-row>\n\n    <!-- credit card -->\n    <b-col\n      md=\"6\"\n      xl=\"4\"\n    >\n      <b-form-group\n        label=\"Credit Card\"\n        label-for=\"cardNumber\"\n      >\n        <cleave\n          id=\"cardNumber\"\n          v-model=\"form.cardNumber\"\n          class=\"form-control\"\n          :raw=\"false\"\n          :options=\"options.creditCard\"\n          placeholder=\"0000 0000 0000 0000\"\n        />\n      </b-form-group>\n    </b-col>\n\n    <!-- phone number -->\n    <b-col\n      md=\"6\"\n      xl=\"4\"\n    >\n      <b-form-group\n        label=\"Phone Number\"\n        label-for=\"phone\"\n      >\n        <b-input-group>\n          <b-input-group-prepend is-text>\n            US (+1)\n          </b-input-group-prepend>\n          <cleave\n            id=\"phone\"\n            v-model=\"form.phone\"\n            class=\"form-control\"\n            :raw=\"false\"\n            :options=\"options.phone\"\n            placeholder=\"1234 567 8900\"\n          />\n        </b-input-group>\n\n      </b-form-group>\n    </b-col>\n\n    <!-- date -->\n    <b-col\n      md=\"6\"\n      xl=\"4\"\n    >\n      <b-form-group\n        label=\"Date\"\n        label-for=\"date\"\n      >\n        <cleave\n          id=\"date\"\n          v-model=\"form.date\"\n          class=\"form-control\"\n          :raw=\"false\"\n          :options=\"options.date\"\n          placeholder=\"YYYY-MM-DD\"\n        />\n      </b-form-group>\n    </b-col>\n\n    <!-- time -->\n    <b-col\n      md=\"6\"\n      xl=\"4\"\n    >\n      <b-form-group\n        label=\"Time\"\n        label-for=\"time\"\n      >\n        <cleave\n          id=\"time\"\n          v-model=\"form.time\"\n          class=\"form-control\"\n          :raw=\"false\"\n          :options=\"options.time\"\n          placeholder=\"hh:mm:ss\"\n        />\n      </b-form-group>\n    </b-col>\n\n    <!-- Numeral Formatting -->\n    <b-col\n      md=\"6\"\n      xl=\"4\"\n    >\n      <b-form-group\n        label=\"Numeral Formatting\"\n        label-for=\"number\"\n      >\n        <cleave\n          id=\"number\"\n          v-model=\"form.number\"\n          class=\"form-control\"\n          :raw=\"false\"\n          :options=\"options.number\"\n          placeholder=\"10,000\"\n        />\n      </b-form-group>\n    </b-col>\n\n    <!-- block -->\n    <b-col\n      md=\"6\"\n      xl=\"4\"\n    >\n      <b-form-group\n        label=\"Blocks\"\n        label-for=\"block\"\n      >\n        <cleave\n          id=\"block\"\n          v-model=\"form.block\"\n          class=\"form-control\"\n          :raw=\"false\"\n          :options=\"options.block\"\n          placeholder=\"Block [4,3,3]\"\n        />\n      </b-form-group>\n    </b-col>\n\n    <!-- delimiters -->\n    <b-col\n      md=\"6\"\n      xl=\"4\"\n    >\n      <b-form-group\n        label=\"Delimiters\"\n        label-for=\"delimiter\"\n      >\n        <cleave\n          id=\"delimiter\"\n          v-model=\"form.delimiter\"\n          class=\"form-control\"\n          :raw=\"false\"\n          :options=\"options.delimiter\"\n          placeholder=\"Delimiter: '.'\"\n        />\n      </b-form-group>\n    </b-col>\n\n    <!-- Custom Delimiters -->\n    <b-col\n      md=\"6\"\n      xl=\"4\"\n    >\n      <b-form-group\n        label=\"Custom Delimiters\"\n        label-for=\"customDelimiter\"\n      >\n        <cleave\n          id=\"customDelimiter\"\n          v-model=\"form.customDelimiter\"\n          class=\"form-control\"\n          :raw=\"false\"\n          :options=\"options.customDelimiter\"\n          placeholder=\"Delimiter: ['.', '.', '-']\"\n        />\n      </b-form-group>\n    </b-col>\n\n    <!-- prefix -->\n    <b-col\n      md=\"6\"\n      xl=\"4\"\n    >\n      <b-form-group\n        label=\"Prefix\"\n        label-for=\"prefix\"\n      >\n        <cleave\n          id=\"prefix\"\n          v-model=\"form.prefix\"\n          class=\"form-control\"\n          :raw=\"false\"\n          :options=\"options.prefix\"\n        />\n      </b-form-group>\n    </b-col>\n  </b-row>\n</template>\n\n<script>\nimport {BRow, BCol, BFormGroup, BInputGroupPrepend, BInputGroup} from 'bootstrap-vue'\nimport Cleave from 'vue-cleave-component'\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport 'cleave.js/dist/addons/cleave-phone.us'\n\nexport default {\n  components: {\n    BFormGroup,\n    BInputGroupPrepend,\n    BInputGroup,\n    Cleave,\n    BRow,\n    BCol,\n  },\n  data() {\n    return {\n      form: {\n        cardNumber: null,\n        date: null,\n        phone: null,\n      },\n      options: {\n        creditCard: {\n          creditCard: true,\n        },\n        date: {\n          date: true,\n          delimiter: '-',\n          datePattern: ['Y', 'm', 'd'],\n        },\n        phone: {\n          phone: true,\n          phoneRegionCode: 'US',\n        },\n        time: {\n          time: true,\n          timePattern: ['h', 'm', 's'],\n        },\n        number: {\n          numeral: true,\n          numeralThousandsGroupStyle: 'thousand',\n        },\n        block: {\n          blocks: [4, 3, 3],\n          uppercase: true,\n        },\n        delimiter: {\n          delimiter: '·',\n          blocks: [3, 3, 3],\n          uppercase: true,\n        },\n        customDelimiter: {\n          delimiters: ['.', '.', '-'],\n          blocks: [3, 3, 3, 2],\n          uppercase: true,\n        },\n        prefix: {\n          prefix: '+63',\n          blocks: [3, 3, 3, 4],\n          uppercase: true,\n        },\n      },\n    }\n  },\n}\n</script> \n`\nexport const codeDefault = ''\n","<template>\n  <b-card-code title=\"Input Mask\">\n    <b-row>\n\n      <!-- credit card -->\n      <b-col\n        md=\"6\"\n        xl=\"4\"\n      >\n        <b-form-group\n          label=\"Credit Card\"\n          label-for=\"cardNumber\"\n        >\n          <cleave\n            id=\"cardNumber\"\n            v-model=\"form.cardNumber\"\n            class=\"form-control\"\n            :raw=\"false\"\n            :options=\"options.creditCard\"\n            placeholder=\"0000 0000 0000 0000\"\n          />\n        </b-form-group>\n      </b-col>\n\n      <!-- phone number -->\n      <b-col\n        md=\"6\"\n        xl=\"4\"\n      >\n        <b-form-group\n          label=\"Phone Number\"\n          label-for=\"phone\"\n        >\n          <b-input-group>\n            <b-input-group-prepend is-text>\n              US (+1)\n            </b-input-group-prepend>\n            <cleave\n              id=\"phone\"\n              v-model=\"form.phone\"\n              class=\"form-control\"\n              :raw=\"false\"\n              :options=\"options.phone\"\n              placeholder=\"1234 567 8900\"\n            />\n          </b-input-group>\n\n        </b-form-group>\n      </b-col>\n\n      <!-- date -->\n      <b-col\n        md=\"6\"\n        xl=\"4\"\n      >\n        <b-form-group\n          label=\"Date\"\n          label-for=\"date\"\n        >\n          <cleave\n            id=\"date\"\n            v-model=\"form.date\"\n            class=\"form-control\"\n            :raw=\"false\"\n            :options=\"options.date\"\n            placeholder=\"YYYY-MM-DD\"\n          />\n        </b-form-group>\n      </b-col>\n\n      <!-- time -->\n      <b-col\n        md=\"6\"\n        xl=\"4\"\n      >\n        <b-form-group\n          label=\"Time\"\n          label-for=\"time\"\n        >\n          <cleave\n            id=\"time\"\n            v-model=\"form.time\"\n            class=\"form-control\"\n            :raw=\"false\"\n            :options=\"options.time\"\n            placeholder=\"hh:mm:ss\"\n          />\n        </b-form-group>\n      </b-col>\n\n      <!-- Numeral Formatting -->\n      <b-col\n        md=\"6\"\n        xl=\"4\"\n      >\n        <b-form-group\n          label=\"Numeral Formatting\"\n          label-for=\"number\"\n        >\n          <cleave\n            id=\"number\"\n            v-model=\"form.number\"\n            class=\"form-control\"\n            :raw=\"false\"\n            :options=\"options.number\"\n            placeholder=\"10,000\"\n          />\n        </b-form-group>\n      </b-col>\n\n      <!-- block -->\n      <b-col\n        md=\"6\"\n        xl=\"4\"\n      >\n        <b-form-group\n          label=\"Blocks\"\n          label-for=\"block\"\n        >\n          <cleave\n            id=\"block\"\n            v-model=\"form.block\"\n            class=\"form-control\"\n            :raw=\"false\"\n            :options=\"options.block\"\n            placeholder=\"Block [4,3,3]\"\n          />\n        </b-form-group>\n      </b-col>\n\n      <!-- delimiters -->\n      <b-col\n        md=\"6\"\n        xl=\"4\"\n      >\n        <b-form-group\n          label=\"Delimiters\"\n          label-for=\"delimiter\"\n        >\n          <cleave\n            id=\"delimiter\"\n            v-model=\"form.delimiter\"\n            class=\"form-control\"\n            :raw=\"false\"\n            :options=\"options.delimiter\"\n            placeholder=\"Delimiter: '.'\"\n          />\n        </b-form-group>\n      </b-col>\n\n      <!-- Custom Delimiters -->\n      <b-col\n        md=\"6\"\n        xl=\"4\"\n      >\n        <b-form-group\n          label=\"Custom Delimiters\"\n          label-for=\"customDelimiter\"\n        >\n          <cleave\n            id=\"customDelimiter\"\n            v-model=\"form.customDelimiter\"\n            class=\"form-control\"\n            :raw=\"false\"\n            :options=\"options.customDelimiter\"\n            placeholder=\"Delimiter: ['.', '.', '-']\"\n          />\n        </b-form-group>\n      </b-col>\n\n      <!-- prefix -->\n      <b-col\n        md=\"6\"\n        xl=\"4\"\n      >\n        <b-form-group\n          label=\"Prefix\"\n          label-for=\"prefix\"\n        >\n          <cleave\n            id=\"prefix\"\n            v-model=\"form.prefix\"\n            class=\"form-control\"\n            :raw=\"false\"\n            :options=\"options.prefix\"\n          />\n        </b-form-group>\n      </b-col>\n    </b-row>\n\n    <template #code>\n      {{ codeMask }}\n    </template>\n  </b-card-code>\n</template>\n\n<script>\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\nimport {\n  BRow, BCol, BFormGroup, BInputGroupPrepend, BInputGroup,\n} from 'bootstrap-vue'\nimport Cleave from 'vue-cleave-component'\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport 'cleave.js/dist/addons/cleave-phone.us'\nimport { codeMask } from './code'\n\nexport default {\n  components: {\n    BCardCode,\n    BFormGroup,\n    BInputGroupPrepend,\n    BInputGroup,\n    Cleave,\n    BRow,\n    BCol,\n  },\n  data() {\n    return {\n      form: {\n        cardNumber: null,\n        date: null,\n        phone: null,\n      },\n      options: {\n        creditCard: {\n          creditCard: true,\n        },\n        date: {\n          date: true,\n          delimiter: '-',\n          datePattern: ['Y', 'm', 'd'],\n        },\n        phone: {\n          phone: true,\n          phoneRegionCode: 'US',\n        },\n        time: {\n          time: true,\n          timePattern: ['h', 'm', 's'],\n        },\n        number: {\n          numeral: true,\n          numeralThousandsGroupStyle: 'thousand',\n        },\n        block: {\n          blocks: [4, 3, 3],\n          uppercase: true,\n        },\n        delimiter: {\n          delimiter: '·',\n          blocks: [3, 3, 3],\n          uppercase: true,\n        },\n        customDelimiter: {\n          delimiters: ['.', '.', '-'],\n          blocks: [3, 3, 3, 2],\n          uppercase: true,\n        },\n        prefix: {\n          prefix: '+63',\n          blocks: [3, 3, 3, 4],\n          uppercase: true,\n        },\n      },\n      codeMask,\n    }\n  },\n}\n</script>\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!./FormInputMask.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!./FormInputMask.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputMask.vue?vue&type=template&id=a0ceb4bc&\"\nimport script from \"./FormInputMask.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputMask.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":""}