{"version":3,"file":"js/chunk-2d469e99.7ca7ed1d.js","sources":["webpack:///./src/components/PhoneInput.vue?1b62","webpack:///src/components/PhoneInput.vue","webpack:///./src/components/PhoneInput.vue?4412","webpack:///./src/components/PhoneInput.vue?d31d","webpack:///./src/components/PhoneInput.vue?ee02"],"sourceRoot":"","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ValidationProvider',{attrs:{\"mode\":\"lazy\",\"rules\":{\n    regex: /([1-9][0-9])(\\s)(\\d{3})(\\s)(\\d{4})/,\n    required: true,\n  }},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\n  var errors = ref.errors;\n  var validated = ref.validated;\n  var valid = ref.valid;\nreturn [_c('b-field',_vm._b({staticClass:\"validator-field\",class:_vm.fieldClass,attrs:{\"type\":{\n      'is-danger': errors[0],\n      'is-success': validated && valid,\n    },\"label-position\":\"on-border\",\"message\":errors,\"label\":_vm.label}},'b-field',_vm.$attrs,false),[_c('span',{staticClass:\"phone-input-group\"},[_c('b-input',_vm._b({directives:[{name:\"mask\",rawName:\"v-mask\",value:('## ### ####'),expression:\"'## ### ####'\"}],staticClass:\"phone-input\",attrs:{\"type\":\"tel\",\"inputmode\":\"numeric\"},model:{value:(_vm.formattedValue),callback:function ($$v) {_vm.formattedValue=$$v},expression:\"formattedValue\"}},'b-input',_vm.$attrs,false)),_c('p',{staticClass:\"control phone-prefix\"},[_c('b-input',{attrs:{\"value\":\"+36\",\"disabled\":\"\"}})],1)],1)])]}}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <ValidationProvider\r\n    mode=\"lazy\"\r\n    :rules=\"{\r\n      regex: /([1-9][0-9])(\\s)(\\d{3})(\\s)(\\d{4})/,\r\n      required: true,\r\n    }\"\r\n    v-slot=\"{ errors, validated, valid }\"\r\n  >\r\n    <b-field\r\n      v-bind=\"$attrs\"\r\n      :type=\"{\r\n        'is-danger': errors[0],\r\n        'is-success': validated && valid,\r\n      }\"\r\n      label-position=\"on-border\"\r\n      :message=\"errors\"\r\n      class=\"validator-field\"\r\n      :class=\"fieldClass\"\r\n      :label=\"label\"\r\n    >\r\n      <span class=\"phone-input-group\">\r\n        <b-input\r\n          v-model=\"formattedValue\"\r\n          type=\"tel\"\r\n          inputmode=\"numeric\"\r\n          v-bind=\"$attrs\"\r\n          v-mask=\"'## ### ####'\"\r\n          class=\"phone-input\"\r\n        ></b-input>\r\n        <p class=\"control phone-prefix\">\r\n          <b-input value=\"+36\" disabled></b-input>\r\n        </p>\r\n      </span>\r\n    </b-field>\r\n  </ValidationProvider>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    vid: {\r\n      type: String,\r\n    },\r\n    label: {\r\n      type: String,\r\n    },\r\n    value: {\r\n      type: [String, Number],\r\n      default: \"\",\r\n    },\r\n    fieldClass: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      formattedValue: null,\r\n    };\r\n  },\r\n  watch: {\r\n    formattedValue() {\r\n      let phoneNumber = \"36\".concat(\r\n        this.formattedValue\r\n          ? this.formattedValue.replace(/\\D+/g, \"\")\r\n          : this.formattedValue\r\n      );\r\n      this.$emit(\"input\", phoneNumber);\r\n    },\r\n    value: {\r\n      immediate: true,\r\n      handler: function (newVal) {\r\n        if (newVal) {\r\n          if (newVal.startsWith(\"36\")) {\r\n            newVal = newVal.substring(2, newVal.length);\r\n          }\r\n          if (newVal.length > 9) {\r\n            newVal = newVal.substring(0, 9);\r\n          }\r\n        }\r\n        this.formattedValue = newVal;\r\n      },\r\n    },\r\n  },\r\n  methods: {\r\n    forceUpdate(value) {\r\n      this.innerValue = value;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import \"@/assets/scss/colors.scss\";\r\n\r\n.phone-input-group {\r\n  display: flex;\r\n\r\n  .phone-input {\r\n    order: 2;\r\n    width: 100%;\r\n\r\n    input {\r\n      width: 100%;\r\n      margin-left: 0;\r\n      border-top-left-radius: 0;\r\n      border-bottom-left-radius: 0;\r\n      -moz-appearance: textfield;\r\n\r\n      &::-webkit-inner-spin-button {\r\n        appearance: none;\r\n        -webkit-appearance: none;\r\n        -moz-appearance: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  .phone-prefix {\r\n    order: 1;\r\n    width: 3.5rem;\r\n\r\n    .control {\r\n      .input {\r\n        width: 100%;\r\n        padding-right: 0;\r\n        border-top-right-radius: 0;\r\n        border-bottom-right-radius: 0;\r\n        margin-right: 0;\r\n        border-right: none;\r\n        border-color: $grey-lightest;\r\n\r\n        &.is-danger {\r\n          border-color: #f14668;\r\n        }\r\n\r\n        &.is-success {\r\n          border-color: #48c78e;\r\n        }\r\n      }\r\n    }\r\n\r\n    .icon.is-right {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n</style>\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!./PhoneInput.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!./PhoneInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PhoneInput.vue?vue&type=template&id=daf4ed32&\"\nimport script from \"./PhoneInput.vue?vue&type=script&lang=js&\"\nexport * from \"./PhoneInput.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PhoneInput.vue?vue&type=style&index=0&lang=scss&\"\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","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhoneInput.vue?vue&type=style&index=0&lang=scss&\""],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","regex","required","scopedSlots","_u","key","fn","ref","errors","validated","valid","_b","staticClass","class","fieldClass","label","$attrs","directives","name","rawName","value","expression","model","callback","$$v","formattedValue","staticRenderFns","props","vid","type","String","Number","default","data","watch","$emit","phoneNumber","immediate","handler","newVal","startsWith","substring","length","methods","forceUpdate","innerValue","component"],"mappings":";;uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,qBAAqB,CAACE,MAAM,CAAC,KAAO,OAAO,MAAQ,CAClJC,MAAO,qCACPC,UAAU,IACTC,YAAYT,EAAIU,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,SAASC,GAClD,IAAIC,EAASD,EAAIC,OACbC,EAAYF,EAAIE,UAChBC,EAAQH,EAAIG,MAClB,MAAO,CAACZ,EAAG,UAAUJ,EAAIiB,GAAG,CAACC,YAAY,kBAAkBC,MAAMnB,EAAIoB,WAAWd,MAAM,CAAC,KAAO,CACxF,YAAaQ,EAAO,GACpB,aAAcC,GAAaC,GAC3B,iBAAiB,YAAY,QAAUF,EAAO,MAAQd,EAAIqB,QAAQ,UAAUrB,EAAIsB,QAAO,GAAO,CAAClB,EAAG,OAAO,CAACc,YAAY,qBAAqB,CAACd,EAAG,UAAUJ,EAAIiB,GAAG,CAACM,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAM,cAAgBC,WAAW,kBAAkBT,YAAY,cAAcZ,MAAM,CAAC,KAAO,MAAM,UAAY,WAAWsB,MAAM,CAACF,MAAO1B,EAAkB,eAAE6B,SAAS,SAAUC,GAAM9B,EAAI+B,eAAeD,GAAKH,WAAW,mBAAmB,UAAU3B,EAAIsB,QAAO,IAAQlB,EAAG,IAAI,CAACc,YAAY,wBAAwB,CAACd,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,MAAM,SAAW,OAAO,IAAI,aACzjB0B,EAAkB,GC4BtB,G,wCAAA,CACEC,MAAO,CACLC,IAAK,CACHC,KAAMC,QAERf,MAAO,CACLc,KAAMC,QAERV,MAAO,CACLS,KAAM,CAACC,OAAQC,QACfC,QAAS,IAEXlB,WAAY,CACVe,KAAMC,OACNE,QAAS,KAGbC,KAjBF,WAkBI,MAAO,CACLR,eAAgB,OAGpBS,MAAO,CACLT,eADJ,WAEM,IAAN,cACA,oBACA,uCACA,qBAEM9B,KAAKwC,MAAM,QAASC,IAEtBhB,MAAO,CACLiB,WAAW,EACXC,QAAS,SAAf,GACYC,IACEA,EAAOC,WAAW,QACpBD,EAASA,EAAOE,UAAU,EAAGF,EAAOG,SAElCH,EAAOG,OAAS,IAClBH,EAASA,EAAOE,UAAU,EAAG,KAGjC9C,KAAK8B,eAAiBc,KAI5BI,QAAS,CACPC,YADJ,SACA,GACMjD,KAAKkD,WAAazB,MCvF4T,I,wBCQhV0B,EAAY,eACd,EACArD,EACAiC,GACA,EACA,KACA,KACA,MAIa,aAAAoB,E,6CCnBf,W","debug_id":"b54f7eb1-9e6e-5baa-b02c-96c2a9b1a63d"}