vue-tel-input 6.0.0-beta.4 → 6.0.0-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -430,6 +430,12 @@ var allProps = [{
430
430
  type: String,
431
431
  description: 'Native input <code>name</code> attribute',
432
432
  inDemo: false
433
+ }, {
434
+ name: 'inputOptions.showDialCode',
435
+ default: false,
436
+ type: Boolean,
437
+ description: 'Show dial code in input',
438
+ inDemo: false
433
439
  }, {
434
440
  name: 'inputOptions.placeholder',
435
441
  default: 'Enter a phone number',
@@ -2227,6 +2233,13 @@ module.exports = function (bitmap, value) {
2227
2233
  };
2228
2234
 
2229
2235
 
2236
+ /***/ }),
2237
+
2238
+ /***/ "5ca0":
2239
+ /***/ (function(module, exports, __webpack_require__) {
2240
+
2241
+ // extracted by mini-css-extract-plugin
2242
+
2230
2243
  /***/ }),
2231
2244
 
2232
2245
  /***/ "605d":
@@ -2449,8 +2462,8 @@ module.exports = {
2449
2462
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
2450
2463
 
2451
2464
  "use strict";
2452
- /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_component_css_vue_type_style_index_1_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8e3a");
2453
- /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_component_css_vue_type_style_index_1_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_component_css_vue_type_style_index_1_lang_css__WEBPACK_IMPORTED_MODULE_0__);
2465
+ /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_component_css_vue_type_style_index_1_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("9f6a");
2466
+ /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_component_css_vue_type_style_index_1_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_component_css_vue_type_style_index_1_lang_css__WEBPACK_IMPORTED_MODULE_0__);
2454
2467
  /* unused harmony reexport * */
2455
2468
 
2456
2469
 
@@ -2825,13 +2838,6 @@ var WeakMap = global.WeakMap;
2825
2838
  module.exports = typeof WeakMap === 'function' && /native code/.test(inspectSource(WeakMap));
2826
2839
 
2827
2840
 
2828
- /***/ }),
2829
-
2830
- /***/ "821a":
2831
- /***/ (function(module, exports, __webpack_require__) {
2832
-
2833
- // extracted by mini-css-extract-plugin
2834
-
2835
2841
  /***/ }),
2836
2842
 
2837
2843
  /***/ "825a":
@@ -3017,13 +3023,6 @@ module.exports = require("vue");
3017
3023
 
3018
3024
  /***/ }),
3019
3025
 
3020
- /***/ "8e3a":
3021
- /***/ (function(module, exports, __webpack_require__) {
3022
-
3023
- // extracted by mini-css-extract-plugin
3024
-
3025
- /***/ }),
3026
-
3027
3026
  /***/ "90e3":
3028
3027
  /***/ (function(module, exports) {
3029
3028
 
@@ -3315,6 +3314,13 @@ module.exports = function (IteratorConstructor, NAME, next) {
3315
3314
  };
3316
3315
 
3317
3316
 
3317
+ /***/ }),
3318
+
3319
+ /***/ "9f6a":
3320
+ /***/ (function(module, exports, __webpack_require__) {
3321
+
3322
+ // extracted by mini-css-extract-plugin
3323
+
3318
3324
  /***/ }),
3319
3325
 
3320
3326
  /***/ "9f7f":
@@ -4308,8 +4314,8 @@ module.exports = {
4308
4314
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
4309
4315
 
4310
4316
  "use strict";
4311
- /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_sprite_css_vue_type_style_index_0_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("821a");
4312
- /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_sprite_css_vue_type_style_index_0_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_sprite_css_vue_type_style_index_0_lang_css__WEBPACK_IMPORTED_MODULE_0__);
4317
+ /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_sprite_css_vue_type_style_index_0_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5ca0");
4318
+ /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_sprite_css_vue_type_style_index_0_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_sprite_css_vue_type_style_index_0_lang_css__WEBPACK_IMPORTED_MODULE_0__);
4313
4319
  /* unused harmony reexport * */
4314
4320
 
4315
4321
 
@@ -4860,6 +4866,25 @@ $({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
4860
4866
  });
4861
4867
 
4862
4868
 
4869
+ /***/ }),
4870
+
4871
+ /***/ "d959":
4872
+ /***/ (function(module, exports, __webpack_require__) {
4873
+
4874
+ "use strict";
4875
+
4876
+ Object.defineProperty(exports, "__esModule", { value: true });
4877
+ // runtime helper for setting properties on components
4878
+ // in a tree-shakable way
4879
+ exports.default = (sfc, props) => {
4880
+ const target = sfc.__vccOpts || sfc;
4881
+ for (const [key, val] of props) {
4882
+ target[key] = val;
4883
+ }
4884
+ return target;
4885
+ };
4886
+
4887
+
4863
4888
  /***/ }),
4864
4889
 
4865
4890
  /***/ "da84":
@@ -5154,7 +5179,7 @@ var es_function_name = __webpack_require__("b0c0");
5154
5179
  // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
5155
5180
  var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
5156
5181
 
5157
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/vue-tel-input.vue?vue&type=template&id=14158b1a
5182
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/vue-tel-input.vue?vue&type=template&id=69603075
5158
5183
 
5159
5184
 
5160
5185
  var _hoisted_1 = {
@@ -5178,20 +5203,28 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
5178
5203
  disabled: $props.disabled
5179
5204
  }]
5180
5205
  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
5206
+ "aria-label": "Country Code Selector",
5207
+ "aria-haspopup": "listbox",
5208
+ "aria-expanded": $data.open,
5209
+ role: "button",
5181
5210
  class: ['vti__dropdown', {
5182
5211
  open: $data.open,
5183
5212
  disabled: $props.dropdownOptions.disabled
5184
5213
  }],
5185
5214
  tabindex: $props.dropdownOptions.tabindex,
5186
- onKeydown: [_cache[2] || (_cache[2] = function () {
5215
+ onKeydown: [_cache[1] || (_cache[1] = function () {
5187
5216
  return $options.keyboardNav && $options.keyboardNav.apply($options, arguments);
5188
- }), _cache[4] || (_cache[4] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withKeys"])(function () {
5217
+ }), _cache[3] || (_cache[3] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withKeys"])(function () {
5218
+ return $options.toggleDropdown && $options.toggleDropdown.apply($options, arguments);
5219
+ }, ["space"])), _cache[4] || (_cache[4] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withKeys"])(function () {
5220
+ return $options.reset && $options.reset.apply($options, arguments);
5221
+ }, ["esc"])), _cache[5] || (_cache[5] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withKeys"])(function () {
5189
5222
  return $options.reset && $options.reset.apply($options, arguments);
5190
- }, ["esc"]))],
5191
- onClick: _cache[3] || (_cache[3] = function () {
5223
+ }, ["tab"]))],
5224
+ onClick: _cache[2] || (_cache[2] = function () {
5192
5225
  return $options.toggleDropdown && $options.toggleDropdown.apply($options, arguments);
5193
5226
  })
5194
- }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", _hoisted_1, [$props.dropdownOptions.showFlags ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
5227
+ }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", _hoisted_1, [$props.dropdownOptions.showFlags ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
5195
5228
  key: 0,
5196
5229
  class: ['vti__flag', $data.activeCountryCode.toLowerCase()]
5197
5230
  }, null, 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.dropdownOptions.showDialCodeInSelection ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", _hoisted_2, " +" + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.activeCountry && $options.activeCountry.dialCode), 1)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "arrow-icon", {
@@ -5201,23 +5234,27 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
5201
5234
  })]), $data.open ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("ul", {
5202
5235
  key: 0,
5203
5236
  ref: "list",
5204
- class: ["vti__dropdown-list", $data.dropdownOpenDirection]
5205
- }, [_cache[1] || (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["setBlockTracking"])(-1), _cache[1] = (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($options.sortedCountries, function (pb, index) {
5237
+ class: ["vti__dropdown-list", $data.dropdownOpenDirection],
5238
+ role: "listbox"
5239
+ }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($options.sortedCountries, function (pb, index) {
5206
5240
  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
5241
+ role: "option",
5207
5242
  class: ['vti__dropdown-item', $options.getItemClass(index, pb.iso2)],
5208
5243
  key: pb.iso2 + (pb.preferred ? '-preferred' : ''),
5244
+ tabindex: "-1",
5209
5245
  onClick: function onClick($event) {
5210
5246
  return $options.choose(pb);
5211
5247
  },
5212
5248
  onMousemove: function onMousemove($event) {
5213
5249
  return $data.selectedIndex = index;
5214
- }
5215
- }, [$props.dropdownOptions.showFlags ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
5250
+ },
5251
+ "aria-selected": $data.activeCountryCode === pb.iso2 && !pb.preferred
5252
+ }, [$props.dropdownOptions.showFlags ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
5216
5253
  key: 0,
5217
5254
  class: ['vti__flag', pb.iso2.toLowerCase()]
5218
- }, null, 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("strong", null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(pb.name), 1), $props.dropdownOptions.showDialCodeInList ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", _hoisted_4, " +" + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(pb.dialCode), 1)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 42, ["onClick", "onMousemove"]);
5219
- }), 128)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["setBlockTracking"])(1), _cache[1])], 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 42, ["tabindex"]), [[_directive_click_outside, $options.clickedOutside]]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("input", {
5220
- "onUpdate:modelValue": _cache[5] || (_cache[5] = function ($event) {
5255
+ }, null, 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("strong", null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(pb.name), 1), $props.dropdownOptions.showDialCodeInList ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", _hoisted_4, " +" + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(pb.dialCode), 1)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 42, ["onClick", "onMousemove", "aria-selected"]);
5256
+ }), 128))], 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 42, ["aria-expanded", "tabindex"]), [[_directive_click_outside, $options.clickedOutside]]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("input", {
5257
+ "onUpdate:modelValue": _cache[6] || (_cache[6] = function ($event) {
5221
5258
  return $data.phone = $event;
5222
5259
  }),
5223
5260
  ref: "input",
@@ -5235,23 +5272,23 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
5235
5272
  tabindex: $props.inputOptions.tabindex,
5236
5273
  value: $props.modelValue,
5237
5274
  "aria-describedby": $props.inputOptions['aria-describedby'],
5238
- onBlur: _cache[6] || (_cache[6] = function () {
5275
+ onBlur: _cache[7] || (_cache[7] = function () {
5239
5276
  return $options.onBlur && $options.onBlur.apply($options, arguments);
5240
5277
  }),
5241
- onFocus: _cache[7] || (_cache[7] = function () {
5278
+ onFocus: _cache[8] || (_cache[8] = function () {
5242
5279
  return $options.onFocus && $options.onFocus.apply($options, arguments);
5243
5280
  }),
5244
- onInput: _cache[8] || (_cache[8] = function () {
5281
+ onInput: _cache[9] || (_cache[9] = function () {
5245
5282
  return $options.onInput && $options.onInput.apply($options, arguments);
5246
5283
  }),
5247
- onKeyup: [_cache[9] || (_cache[9] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withKeys"])(function () {
5284
+ onKeyup: [_cache[10] || (_cache[10] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withKeys"])(function () {
5248
5285
  return $options.onEnter && $options.onEnter.apply($options, arguments);
5249
- }, ["enter"])), _cache[10] || (_cache[10] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withKeys"])(function () {
5286
+ }, ["enter"])), _cache[11] || (_cache[11] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withKeys"])(function () {
5250
5287
  return $options.onSpace && $options.onSpace.apply($options, arguments);
5251
5288
  }, ["space"]))]
5252
5289
  }, null, 42, ["type", "autocomplete", "autofocus", "disabled", "id", "maxlength", "name", "placeholder", "readonly", "required", "tabindex", "value", "aria-describedby"]), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelDynamic"], $data.phone]]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "icon-right")], 2);
5253
5290
  }
5254
- // CONCATENATED MODULE: ./src/components/vue-tel-input.vue?vue&type=template&id=14158b1a
5291
+ // CONCATENATED MODULE: ./src/components/vue-tel-input.vue?vue&type=template&id=69603075
5255
5292
 
5256
5293
  // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js + 1 modules
5257
5294
  var objectWithoutProperties = __webpack_require__("15fd");
@@ -8326,7 +8363,7 @@ var utils = __webpack_require__("025e");
8326
8363
  document.body.removeEventListener('click', el.clickOutsideEvent);
8327
8364
  }
8328
8365
  });
8329
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/vue-tel-input.vue?vue&type=script&lang=js
8366
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/vue-tel-input.vue?vue&type=script&lang=js
8330
8367
 
8331
8368
 
8332
8369
 
@@ -8624,7 +8661,7 @@ function getDefault(key) {
8624
8661
  'inputOptions.placeholder': function inputOptionsPlaceholder() {
8625
8662
  this.resetPlaceholder();
8626
8663
  },
8627
- value: function value(_value, oldValue) {
8664
+ modelValue: function modelValue(value, oldValue) {
8628
8665
  var _this3 = this;
8629
8666
 
8630
8667
  if (!this.testCharacters()) {
@@ -8634,7 +8671,7 @@ function getDefault(key) {
8634
8671
  _this3.onInput();
8635
8672
  });
8636
8673
  } else {
8637
- this.phone = _value;
8674
+ this.phone = value;
8638
8675
  }
8639
8676
  },
8640
8677
  open: function open(isDropdownOpened) {
@@ -8806,6 +8843,7 @@ function getDefault(key) {
8806
8843
  if ((_this$inputOptions = this.inputOptions) !== null && _this$inputOptions !== void 0 && _this$inputOptions.showDialCode && parsedCountry) {
8807
8844
  // Reset phone if the showDialCode is set
8808
8845
  this.phone = "+".concat(parsedCountry.dialCode);
8846
+ this.activeCountryCode = parsedCountry.iso2 || '';
8809
8847
  return;
8810
8848
  } // update value, even if international mode is NOT used
8811
8849
 
@@ -8901,6 +8939,7 @@ function getDefault(key) {
8901
8939
  }
8902
8940
 
8903
8941
  var selEle = this.$refs.list.children[this.selectedIndex];
8942
+ selEle.focus();
8904
8943
 
8905
8944
  if (selEle.offsetTop + selEle.clientHeight > this.$refs.list.scrollTop + this.$refs.list.clientHeight) {
8906
8945
  this.$refs.list.scrollTop = selEle.offsetTop - this.$refs.list.clientHeight + selEle.clientHeight;
@@ -8918,6 +8957,8 @@ function getDefault(key) {
8918
8957
 
8919
8958
  var _selEle = this.$refs.list.children[this.selectedIndex];
8920
8959
 
8960
+ _selEle.focus();
8961
+
8921
8962
  if (_selEle.offsetTop < this.$refs.list.scrollTop) {
8922
8963
  this.$refs.list.scrollTop = _selEle.offsetTop;
8923
8964
  }
@@ -8978,6 +9019,10 @@ var spritevue_type_style_index_0_lang_css = __webpack_require__("bfe1");
8978
9019
  // EXTERNAL MODULE: ./src/assets/component.css?vue&type=style&index=1&lang=css
8979
9020
  var componentvue_type_style_index_1_lang_css = __webpack_require__("6b2d");
8980
9021
 
9022
+ // EXTERNAL MODULE: ./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js
9023
+ var exportHelper = __webpack_require__("d959");
9024
+ var exportHelper_default = /*#__PURE__*/__webpack_require__.n(exportHelper);
9025
+
8981
9026
  // CONCATENATED MODULE: ./src/components/vue-tel-input.vue
8982
9027
 
8983
9028
 
@@ -8985,9 +9030,11 @@ var componentvue_type_style_index_1_lang_css = __webpack_require__("6b2d");
8985
9030
 
8986
9031
 
8987
9032
 
8988
- vue_tel_inputvue_type_script_lang_js.render = render
8989
9033
 
8990
- /* harmony default export */ var vue_tel_input = __webpack_exports__["a"] = (vue_tel_inputvue_type_script_lang_js);
9034
+
9035
+ const __exports__ = /*#__PURE__*/exportHelper_default()(vue_tel_inputvue_type_script_lang_js, [['render',render]])
9036
+
9037
+ /* harmony default export */ var vue_tel_input = __webpack_exports__["a"] = (__exports__);
8991
9038
 
8992
9039
  /***/ }),
8993
9040