{"version":3,"sources":["webpack:///./src/views/forms/form-element/form-input-mask/FormInputMask.vue?183d","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?5a83","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.b10139d1.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 = `\r\n<template>\r\n  <b-row>\r\n\r\n    <!-- credit card -->\r\n    <b-col\r\n      md=\"6\"\r\n      xl=\"4\"\r\n    >\r\n      <b-form-group\r\n        label=\"Credit Card\"\r\n        label-for=\"cardNumber\"\r\n      >\r\n        <cleave\r\n          id=\"cardNumber\"\r\n          v-model=\"form.cardNumber\"\r\n          class=\"form-control\"\r\n          :raw=\"false\"\r\n          :options=\"options.creditCard\"\r\n          placeholder=\"0000 0000 0000 0000\"\r\n        />\r\n      </b-form-group>\r\n    </b-col>\r\n\r\n    <!-- phone number -->\r\n    <b-col\r\n      md=\"6\"\r\n      xl=\"4\"\r\n    >\r\n      <b-form-group\r\n        label=\"Phone Number\"\r\n        label-for=\"phone\"\r\n      >\r\n        <b-input-group>\r\n          <b-input-group-prepend is-text>\r\n            US (+1)\r\n          </b-input-group-prepend>\r\n          <cleave\r\n            id=\"phone\"\r\n            v-model=\"form.phone\"\r\n            class=\"form-control\"\r\n            :raw=\"false\"\r\n            :options=\"options.phone\"\r\n            placeholder=\"1234 567 8900\"\r\n          />\r\n        </b-input-group>\r\n\r\n      </b-form-group>\r\n    </b-col>\r\n\r\n    <!-- date -->\r\n    <b-col\r\n      md=\"6\"\r\n      xl=\"4\"\r\n    >\r\n      <b-form-group\r\n        label=\"Date\"\r\n        label-for=\"date\"\r\n      >\r\n        <cleave\r\n          id=\"date\"\r\n          v-model=\"form.date\"\r\n          class=\"form-control\"\r\n          :raw=\"false\"\r\n          :options=\"options.date\"\r\n          placeholder=\"YYYY-MM-DD\"\r\n        />\r\n      </b-form-group>\r\n    </b-col>\r\n\r\n    <!-- time -->\r\n    <b-col\r\n      md=\"6\"\r\n      xl=\"4\"\r\n    >\r\n      <b-form-group\r\n        label=\"Time\"\r\n        label-for=\"time\"\r\n      >\r\n        <cleave\r\n          id=\"time\"\r\n          v-model=\"form.time\"\r\n          class=\"form-control\"\r\n          :raw=\"false\"\r\n          :options=\"options.time\"\r\n          placeholder=\"hh:mm:ss\"\r\n        />\r\n      </b-form-group>\r\n    </b-col>\r\n\r\n    <!-- Numeral Formatting -->\r\n    <b-col\r\n      md=\"6\"\r\n      xl=\"4\"\r\n    >\r\n      <b-form-group\r\n        label=\"Numeral Formatting\"\r\n        label-for=\"number\"\r\n      >\r\n        <cleave\r\n          id=\"number\"\r\n          v-model=\"form.number\"\r\n          class=\"form-control\"\r\n          :raw=\"false\"\r\n          :options=\"options.number\"\r\n          placeholder=\"10,000\"\r\n        />\r\n      </b-form-group>\r\n    </b-col>\r\n\r\n    <!-- block -->\r\n    <b-col\r\n      md=\"6\"\r\n      xl=\"4\"\r\n    >\r\n      <b-form-group\r\n        label=\"Blocks\"\r\n        label-for=\"block\"\r\n      >\r\n        <cleave\r\n          id=\"block\"\r\n          v-model=\"form.block\"\r\n          class=\"form-control\"\r\n          :raw=\"false\"\r\n          :options=\"options.block\"\r\n          placeholder=\"Block [4,3,3]\"\r\n        />\r\n      </b-form-group>\r\n    </b-col>\r\n\r\n    <!-- delimiters -->\r\n    <b-col\r\n      md=\"6\"\r\n      xl=\"4\"\r\n    >\r\n      <b-form-group\r\n        label=\"Delimiters\"\r\n        label-for=\"delimiter\"\r\n      >\r\n        <cleave\r\n          id=\"delimiter\"\r\n          v-model=\"form.delimiter\"\r\n          class=\"form-control\"\r\n          :raw=\"false\"\r\n          :options=\"options.delimiter\"\r\n          placeholder=\"Delimiter: '.'\"\r\n        />\r\n      </b-form-group>\r\n    </b-col>\r\n\r\n    <!-- Custom Delimiters -->\r\n    <b-col\r\n      md=\"6\"\r\n      xl=\"4\"\r\n    >\r\n      <b-form-group\r\n        label=\"Custom Delimiters\"\r\n        label-for=\"customDelimiter\"\r\n      >\r\n        <cleave\r\n          id=\"customDelimiter\"\r\n          v-model=\"form.customDelimiter\"\r\n          class=\"form-control\"\r\n          :raw=\"false\"\r\n          :options=\"options.customDelimiter\"\r\n          placeholder=\"Delimiter: ['.', '.', '-']\"\r\n        />\r\n      </b-form-group>\r\n    </b-col>\r\n\r\n    <!-- prefix -->\r\n    <b-col\r\n      md=\"6\"\r\n      xl=\"4\"\r\n    >\r\n      <b-form-group\r\n        label=\"Prefix\"\r\n        label-for=\"prefix\"\r\n      >\r\n        <cleave\r\n          id=\"prefix\"\r\n          v-model=\"form.prefix\"\r\n          class=\"form-control\"\r\n          :raw=\"false\"\r\n          :options=\"options.prefix\"\r\n        />\r\n      </b-form-group>\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport {BRow, BCol, BFormGroup, BInputGroupPrepend, BInputGroup} from 'bootstrap-vue'\r\nimport Cleave from 'vue-cleave-component'\r\n// eslint-disable-next-line import/no-extraneous-dependencies\r\nimport 'cleave.js/dist/addons/cleave-phone.us'\r\n\r\nexport default {\r\n  components: {\r\n    BFormGroup,\r\n    BInputGroupPrepend,\r\n    BInputGroup,\r\n    Cleave,\r\n    BRow,\r\n    BCol,\r\n  },\r\n  data() {\r\n    return {\r\n      form: {\r\n        cardNumber: null,\r\n        date: null,\r\n        phone: null,\r\n      },\r\n      options: {\r\n        creditCard: {\r\n          creditCard: true,\r\n        },\r\n        date: {\r\n          date: true,\r\n          delimiter: '-',\r\n          datePattern: ['Y', 'm', 'd'],\r\n        },\r\n        phone: {\r\n          phone: true,\r\n          phoneRegionCode: 'US',\r\n        },\r\n        time: {\r\n          time: true,\r\n          timePattern: ['h', 'm', 's'],\r\n        },\r\n        number: {\r\n          numeral: true,\r\n          numeralThousandsGroupStyle: 'thousand',\r\n        },\r\n        block: {\r\n          blocks: [4, 3, 3],\r\n          uppercase: true,\r\n        },\r\n        delimiter: {\r\n          delimiter: '·',\r\n          blocks: [3, 3, 3],\r\n          uppercase: true,\r\n        },\r\n        customDelimiter: {\r\n          delimiters: ['.', '.', '-'],\r\n          blocks: [3, 3, 3, 2],\r\n          uppercase: true,\r\n        },\r\n        prefix: {\r\n          prefix: '+63',\r\n          blocks: [3, 3, 3, 4],\r\n          uppercase: true,\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script> \r\n`\r\nexport const codeDefault = ''\r\n","<template>\r\n  <b-card-code title=\"Input Mask\">\r\n    <b-row>\r\n\r\n      <!-- credit card -->\r\n      <b-col\r\n        md=\"6\"\r\n        xl=\"4\"\r\n      >\r\n        <b-form-group\r\n          label=\"Credit Card\"\r\n          label-for=\"cardNumber\"\r\n        >\r\n          <cleave\r\n            id=\"cardNumber\"\r\n            v-model=\"form.cardNumber\"\r\n            class=\"form-control\"\r\n            :raw=\"false\"\r\n            :options=\"options.creditCard\"\r\n            placeholder=\"0000 0000 0000 0000\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- phone number -->\r\n      <b-col\r\n        md=\"6\"\r\n        xl=\"4\"\r\n      >\r\n        <b-form-group\r\n          label=\"Phone Number\"\r\n          label-for=\"phone\"\r\n        >\r\n          <b-input-group>\r\n            <b-input-group-prepend is-text>\r\n              US (+1)\r\n            </b-input-group-prepend>\r\n            <cleave\r\n              id=\"phone\"\r\n              v-model=\"form.phone\"\r\n              class=\"form-control\"\r\n              :raw=\"false\"\r\n              :options=\"options.phone\"\r\n              placeholder=\"1234 567 8900\"\r\n            />\r\n          </b-input-group>\r\n\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- date -->\r\n      <b-col\r\n        md=\"6\"\r\n        xl=\"4\"\r\n      >\r\n        <b-form-group\r\n          label=\"Date\"\r\n          label-for=\"date\"\r\n        >\r\n          <cleave\r\n            id=\"date\"\r\n            v-model=\"form.date\"\r\n            class=\"form-control\"\r\n            :raw=\"false\"\r\n            :options=\"options.date\"\r\n            placeholder=\"YYYY-MM-DD\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- time -->\r\n      <b-col\r\n        md=\"6\"\r\n        xl=\"4\"\r\n      >\r\n        <b-form-group\r\n          label=\"Time\"\r\n          label-for=\"time\"\r\n        >\r\n          <cleave\r\n            id=\"time\"\r\n            v-model=\"form.time\"\r\n            class=\"form-control\"\r\n            :raw=\"false\"\r\n            :options=\"options.time\"\r\n            placeholder=\"hh:mm:ss\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- Numeral Formatting -->\r\n      <b-col\r\n        md=\"6\"\r\n        xl=\"4\"\r\n      >\r\n        <b-form-group\r\n          label=\"Numeral Formatting\"\r\n          label-for=\"number\"\r\n        >\r\n          <cleave\r\n            id=\"number\"\r\n            v-model=\"form.number\"\r\n            class=\"form-control\"\r\n            :raw=\"false\"\r\n            :options=\"options.number\"\r\n            placeholder=\"10,000\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- block -->\r\n      <b-col\r\n        md=\"6\"\r\n        xl=\"4\"\r\n      >\r\n        <b-form-group\r\n          label=\"Blocks\"\r\n          label-for=\"block\"\r\n        >\r\n          <cleave\r\n            id=\"block\"\r\n            v-model=\"form.block\"\r\n            class=\"form-control\"\r\n            :raw=\"false\"\r\n            :options=\"options.block\"\r\n            placeholder=\"Block [4,3,3]\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- delimiters -->\r\n      <b-col\r\n        md=\"6\"\r\n        xl=\"4\"\r\n      >\r\n        <b-form-group\r\n          label=\"Delimiters\"\r\n          label-for=\"delimiter\"\r\n        >\r\n          <cleave\r\n            id=\"delimiter\"\r\n            v-model=\"form.delimiter\"\r\n            class=\"form-control\"\r\n            :raw=\"false\"\r\n            :options=\"options.delimiter\"\r\n            placeholder=\"Delimiter: '.'\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- Custom Delimiters -->\r\n      <b-col\r\n        md=\"6\"\r\n        xl=\"4\"\r\n      >\r\n        <b-form-group\r\n          label=\"Custom Delimiters\"\r\n          label-for=\"customDelimiter\"\r\n        >\r\n          <cleave\r\n            id=\"customDelimiter\"\r\n            v-model=\"form.customDelimiter\"\r\n            class=\"form-control\"\r\n            :raw=\"false\"\r\n            :options=\"options.customDelimiter\"\r\n            placeholder=\"Delimiter: ['.', '.', '-']\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- prefix -->\r\n      <b-col\r\n        md=\"6\"\r\n        xl=\"4\"\r\n      >\r\n        <b-form-group\r\n          label=\"Prefix\"\r\n          label-for=\"prefix\"\r\n        >\r\n          <cleave\r\n            id=\"prefix\"\r\n            v-model=\"form.prefix\"\r\n            class=\"form-control\"\r\n            :raw=\"false\"\r\n            :options=\"options.prefix\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n    </b-row>\r\n\r\n    <template #code>\r\n      {{ codeMask }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport {\r\n  BRow, BCol, BFormGroup, BInputGroupPrepend, BInputGroup,\r\n} from 'bootstrap-vue'\r\nimport Cleave from 'vue-cleave-component'\r\n// eslint-disable-next-line import/no-extraneous-dependencies\r\nimport 'cleave.js/dist/addons/cleave-phone.us'\r\nimport { codeMask } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormGroup,\r\n    BInputGroupPrepend,\r\n    BInputGroup,\r\n    Cleave,\r\n    BRow,\r\n    BCol,\r\n  },\r\n  data() {\r\n    return {\r\n      form: {\r\n        cardNumber: null,\r\n        date: null,\r\n        phone: null,\r\n      },\r\n      options: {\r\n        creditCard: {\r\n          creditCard: true,\r\n        },\r\n        date: {\r\n          date: true,\r\n          delimiter: '-',\r\n          datePattern: ['Y', 'm', 'd'],\r\n        },\r\n        phone: {\r\n          phone: true,\r\n          phoneRegionCode: 'US',\r\n        },\r\n        time: {\r\n          time: true,\r\n          timePattern: ['h', 'm', 's'],\r\n        },\r\n        number: {\r\n          numeral: true,\r\n          numeralThousandsGroupStyle: 'thousand',\r\n        },\r\n        block: {\r\n          blocks: [4, 3, 3],\r\n          uppercase: true,\r\n        },\r\n        delimiter: {\r\n          delimiter: '·',\r\n          blocks: [3, 3, 3],\r\n          uppercase: true,\r\n        },\r\n        customDelimiter: {\r\n          delimiters: ['.', '.', '-'],\r\n          blocks: [3, 3, 3, 2],\r\n          uppercase: true,\r\n        },\r\n        prefix: {\r\n          prefix: '+63',\r\n          blocks: [3, 3, 3, 4],\r\n          uppercase: true,\r\n        },\r\n      },\r\n      codeMask,\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./FormInputMask.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!./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":""}