maz-ui 2.3.8 → 2.3.12

package/lib/maz-phone-number-input.js

@@ -225,7 +225,7 @@ module.exports = __webpack_require__(9);
 __webpack_require__.r(__webpack_exports__);
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazBtn/_main.vue?vue&type=template&id=247f3a44&
-var render = function() {
+var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -238,31 +238,31 @@ var render = function() {
         class: [
           _vm.classes,
           {
-            "maz-text-hidden": _vm.loading
-          }
+            "maz-text-hidden": _vm.loading,
+          },
         ],
         attrs: {
           id: _vm.uniqueId,
           type: _vm.isLink ? null : _vm.type,
-          disabled: _vm.isLink ? null : _vm.isDisabled
+          disabled: _vm.isLink ? null : _vm.isDisabled,
         },
         on: {
-          click: function($event) {
+          click: function ($event) {
             return _vm.handleClick($event)
           },
-          mouseenter: function($event) {
+          mouseenter: function ($event) {
             return _vm.emitMouseEnter($event)
           },
-          mouseleave: function($event) {
+          mouseleave: function ($event) {
             return _vm.emitMouseLeave($event)
           },
-          focus: function($event) {
+          focus: function ($event) {
             return _vm.emitFocus($event)
           },
-          blur: function($event) {
+          blur: function ($event) {
             return _vm.emitBlur($event)
-          }
-        }
+          },
+        },
       },
       "component",
       _vm.$attrs,
@@ -275,15 +275,17 @@ var render = function() {
             {
               staticClass: "maz-flex maz-flex-center maz-btn__icon-left",
               class: {
-                "maz-mr-2": !_vm.fab && _vm.hasSlotDefault()
-              }
+                "maz-mr-2": !_vm.fab && _vm.hasSlotDefault(),
+              },
             },
             [
-              _vm._t("icon-left" || false, [
-                _c("i", { staticClass: "material-icons" }, [
-                  _vm._v(_vm._s(_vm.leftIconName || _vm.iconName))
-                ])
-              ])
+              _vm._t("icon-left" || false, function () {
+                return [
+                  _c("i", { staticClass: "material-icons" }, [
+                    _vm._v(_vm._s(_vm.leftIconName || _vm.iconName)),
+                  ]),
+                ]
+              }),
             ],
             2
           )
@@ -293,7 +295,7 @@ var render = function() {
         {
           staticClass:
             "maz-flex maz-align-center maz-h-100 maz-overflow-hidden",
-          class: [_vm.textClasses, { "maz-flex-1": _vm.hasSlotDefault() }]
+          class: [_vm.textClasses, { "maz-flex-1": _vm.hasSlotDefault() }],
         },
         [_vm._t("default")],
         2
@@ -304,15 +306,17 @@ var render = function() {
             {
               staticClass: "maz-flex maz-flex-center maz-btn__icon-right",
               class: {
-                "maz-ml-2": !_vm.fab && _vm.hasSlotDefault()
-              }
+                "maz-ml-2": !_vm.fab && _vm.hasSlotDefault(),
+              },
             },
             [
-              _vm._t("icon-right", [
-                _c("i", { staticClass: "material-icons" }, [
-                  _vm._v(_vm._s(_vm.rightIconName))
-                ])
-              ])
+              _vm._t("icon-right", function () {
+                return [
+                  _c("i", { staticClass: "material-icons" }, [
+                    _vm._v(_vm._s(_vm.rightIconName)),
+                  ]),
+                ]
+              }),
             ],
             2
           )
@@ -324,7 +328,7 @@ var render = function() {
             [_c("MazSpinner", { attrs: { size: 25, color: _vm.color } })],
             1
           )
-        : _vm._e()
+        : _vm._e(),
     ]
   )
 }
@@ -347,7 +351,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
@@ -641,7 +645,7 @@ _main.install = function (Vue) {
 __webpack_require__.r(__webpack_exports__);
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazSpinner/_main.vue?vue&type=template&id=67a8ca41&
-var render = function() {
+var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -651,9 +655,9 @@ var render = function() {
       staticClass: "maz-base-component maz-spinner maz-spinner-anim",
       class: [
         {
-          "spinner-anim__white": _vm.dark
+          "spinner-anim__white": _vm.dark,
         },
-        _vm.fillColorClass
+        _vm.fillColorClass,
       ],
       staticStyle: { "enable-background": "new 0 0 50 50" },
       attrs: {
@@ -664,16 +668,15 @@ var render = function() {
         x: "0px",
         y: "0px",
         viewBox: "0 0 50 50",
-        "xml:space": "preserve"
-      }
+        "xml:space": "preserve",
+      },
     },
     [
       _c("path", {
         attrs: {
-          d:
-            "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"
-        }
-      })
+          d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z",
+        },
+      }),
     ]
   )
 }
@@ -803,7 +806,7 @@ __webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport
 __webpack_require__.r(__webpack_exports__);
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazInput/_main.vue?vue&type=template&id=5b617c72&
-var render = function() {
+var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -825,13 +828,13 @@ var render = function() {
           "maz-is-dark": _vm.dark,
           "has-hint": _vm.hint,
           "has-no-label": !_vm.hasLabel && !_vm.hint,
-          "has-left-icon": _vm.hasLeftIcon()
+          "has-left-icon": _vm.hasLeftIcon(),
         },
         "maz-input--" + _vm.size,
         "has-" + _vm.leftNumberIcon + "-right-icon",
-        "maz-input--" + _vm.color
+        "maz-input--" + _vm.color,
       ],
-      on: { click: _vm.focusInput }
+      on: { click: _vm.focusInput },
     },
     [
       _vm.hasLeftIcon()
@@ -840,15 +843,17 @@ var render = function() {
             {
               staticClass: "maz-input__icon maz-flex left",
               class: [
-                _vm.textarea ? "maz-align-start maz-pt-2" : "maz-align-center"
-              ]
+                _vm.textarea ? "maz-align-start maz-pt-2" : "maz-align-center",
+              ],
             },
             [
-              _vm._t("icon-left", [
-                _c("i", { staticClass: "material-icons" }, [
-                  _vm._v(_vm._s(_vm.leftIconName))
-                ])
-              ])
+              _vm._t("icon-left", function () {
+                return [
+                  _c("i", { staticClass: "material-icons" }, [
+                    _vm._v(_vm._s(_vm.leftIconName)),
+                  ]),
+                ]
+              }),
             ],
             2
           )
@@ -859,15 +864,17 @@ var render = function() {
             {
               staticClass: "maz-input__icon maz-flex right",
               class: [
-                _vm.textarea ? "maz-align-start maz-pt-2" : "maz-align-center"
-              ]
+                _vm.textarea ? "maz-align-start maz-pt-2" : "maz-align-center",
+              ],
             },
             [
-              _vm._t("icon-right", [
-                _c("i", { staticClass: "material-icons" }, [
-                  _vm._v(_vm._s(_vm.rightIconName))
-                ])
-              ])
+              _vm._t("icon-right", function () {
+                return [
+                  _c("i", { staticClass: "material-icons" }, [
+                    _vm._v(_vm._s(_vm.rightIconName)),
+                  ]),
+                ]
+              }),
             ],
             2
           )
@@ -882,14 +889,14 @@ var render = function() {
                     name: "model",
                     rawName: "v-model",
                     value: _vm.inputValue,
-                    expression: "inputValue"
-                  }
+                    expression: "inputValue",
+                  },
                 ],
                 ref: "MazInput",
                 staticClass: "maz-input__input maz-border-radius",
                 class: {
                   "has-right-icon":
-                    _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon()
+                    _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon(),
                 },
                 attrs: {
                   id: _vm.uniqueId,
@@ -898,12 +905,12 @@ var render = function() {
                   disabled: _vm.disabled,
                   required: _vm.required,
                   readonly: _vm.readonly,
-                  type: "checkbox"
+                  type: "checkbox",
                 },
                 domProps: {
                   checked: Array.isArray(_vm.inputValue)
                     ? _vm._i(_vm.inputValue, null) > -1
-                    : _vm.inputValue
+                    : _vm.inputValue,
                 },
                 on: {
                   keydown: _vm.keyDown,
@@ -912,7 +919,7 @@ var render = function() {
                   blur: _vm.onBlur,
                   paste: _vm.onPaste,
                   change: [
-                    function($event) {
+                    function ($event) {
                       var $$a = _vm.inputValue,
                         $$el = $event.target,
                         $$c = $$el.checked ? true : false
@@ -931,12 +938,12 @@ var render = function() {
                         _vm.inputValue = $$c
                       }
                     },
-                    _vm.onChange
+                    _vm.onChange,
                   ],
-                  click: function($event) {
+                  click: function ($event) {
                     return _vm.$emit("click", $event)
-                  }
-                }
+                  },
+                },
               },
               "input",
               _vm.$attrs,
@@ -953,14 +960,14 @@ var render = function() {
                     name: "model",
                     rawName: "v-model",
                     value: _vm.inputValue,
-                    expression: "inputValue"
-                  }
+                    expression: "inputValue",
+                  },
                 ],
                 ref: "MazInput",
                 staticClass: "maz-input__input maz-border-radius",
                 class: {
                   "has-right-icon":
-                    _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon()
+                    _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon(),
                 },
                 attrs: {
                   id: _vm.uniqueId,
@@ -969,7 +976,7 @@ var render = function() {
                   disabled: _vm.disabled,
                   required: _vm.required,
                   readonly: _vm.readonly,
-                  type: "radio"
+                  type: "radio",
                 },
                 domProps: { checked: _vm._q(_vm.inputValue, null) },
                 on: {
@@ -979,15 +986,15 @@ var render = function() {
                   blur: _vm.onBlur,
                   paste: _vm.onPaste,
                   change: [
-                    function($event) {
+                    function ($event) {
                       _vm.inputValue = null
                     },
-                    _vm.onChange
+                    _vm.onChange,
                   ],
-                  click: function($event) {
+                  click: function ($event) {
                     return _vm.$emit("click", $event)
-                  }
-                }
+                  },
+                },
               },
               "input",
               _vm.$attrs,
@@ -1004,14 +1011,14 @@ var render = function() {
                     name: "model",
                     rawName: "v-model",
                     value: _vm.inputValue,
-                    expression: "inputValue"
-                  }
+                    expression: "inputValue",
+                  },
                 ],
                 ref: "MazInput",
                 staticClass: "maz-input__input maz-border-radius",
                 class: {
                   "has-right-icon":
-                    _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon()
+                    _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon(),
                 },
                 attrs: {
                   id: _vm.uniqueId,
@@ -1020,7 +1027,7 @@ var render = function() {
                   disabled: _vm.disabled,
                   required: _vm.required,
                   readonly: _vm.readonly,
-                  type: _vm.getType
+                  type: _vm.getType,
                 },
                 domProps: { value: _vm.inputValue },
                 on: {
@@ -1030,16 +1037,16 @@ var render = function() {
                   blur: _vm.onBlur,
                   paste: _vm.onPaste,
                   change: _vm.onChange,
-                  click: function($event) {
+                  click: function ($event) {
                     return _vm.$emit("click", $event)
                   },
-                  input: function($event) {
+                  input: function ($event) {
                     if ($event.target.composing) {
                       return
                     }
                     _vm.inputValue = $event.target.value
-                  }
-                }
+                  },
+                },
               },
               "input",
               _vm.$attrs,
@@ -1055,8 +1062,8 @@ var render = function() {
                     name: "model",
                     rawName: "v-model",
                     value: _vm.inputValue,
-                    expression: "inputValue"
-                  }
+                    expression: "inputValue",
+                  },
                 ],
                 ref: "MazInput",
                 staticClass: "maz-input__input maz-textarea",
@@ -1065,7 +1072,7 @@ var render = function() {
                   placeholder: _vm.placeholderValue,
                   type: _vm.type,
                   required: _vm.required,
-                  readonly: _vm.readonly
+                  readonly: _vm.readonly,
                 },
                 domProps: { value: _vm.inputValue },
                 on: {
@@ -1075,16 +1082,16 @@ var render = function() {
                   blur: _vm.onBlur,
                   paste: _vm.onPaste,
                   change: _vm.onChange,
-                  click: function($event) {
+                  click: function ($event) {
                     return _vm.$emit("click", $event)
                   },
-                  input: function($event) {
+                  input: function ($event) {
                     if ($event.target.composing) {
                       return
                     }
                     _vm.inputValue = $event.target.value
-                  }
-                }
+                  },
+                },
               },
               "textarea",
               _vm.$attrs,
@@ -1099,14 +1106,14 @@ var render = function() {
               staticClass: "maz-input__label",
               class: _vm.error ? "maz-text-danger" : null,
               attrs: { for: _vm.uniqueId, tabindex: "-1" },
-              on: { click: _vm.focusInput }
+              on: { click: _vm.focusInput },
             },
             [
               _vm._v(
                 "\n    " +
                   _vm._s(_vm.hintValue || _vm.placeholderValue) +
                   "\n  "
-              )
+              ),
             ]
           )
         : _vm._e(),
@@ -1121,18 +1128,18 @@ var render = function() {
                 class: { "has-right-icon": _vm.hasRightIcon() },
                 attrs: { title: "clear", type: "button", tabindex: "-1" },
                 on: {
-                  click: function($event) {
+                  click: function ($event) {
                     $event.stopPropagation()
-                    return _vm.clear($event)
-                  }
-                }
+                    return _vm.clear.apply(null, arguments)
+                  },
+                },
               },
               [
                 _c(
                   "i",
                   { staticClass: "maz-input__toggle-btn__icon material-icons" },
                   [_vm._v("\n        close\n      ")]
-                )
+                ),
               ]
             )
           : _vm._e(),
@@ -1145,14 +1152,14 @@ var render = function() {
                   "maz-input__toggle-btn password maz-flex maz-flex-center",
                 class: {
                   "has-clear-btn": _vm.hasClearBtn,
-                  "has-right-icon": _vm.hasRightIcon()
+                  "has-right-icon": _vm.hasRightIcon(),
                 },
                 attrs: { title: "clear", type: "button", tabindex: "-1" },
                 on: {
-                  click: function($event) {
+                  click: function ($event) {
                     _vm.showPassword = !_vm.showPassword
-                  }
-                }
+                  },
+                },
               },
               [
                 _c(
@@ -1165,23 +1172,23 @@ var render = function() {
                           _vm.showPassword ? "visibility_off" : "visibility"
                         ) +
                         "\n      "
-                    )
+                    ),
                   ]
-                )
+                ),
               ]
             )
-          : _vm._e()
+          : _vm._e(),
       ]),
       _vm.loading
         ? _c(
             "div",
             {
               staticClass: "maz-input__loader",
-              class: { textarea: _vm.textarea }
+              class: { textarea: _vm.textarea },
             },
             [_c("div", { staticClass: "maz-input__loader__progress-bar" })]
           )
-        : _vm._e()
+        : _vm._e(),
     ],
     1
   )
@@ -1199,7 +1206,7 @@ var uniqueId = __webpack_require__(2);
 var utils = __webpack_require__(6);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazInput/_main.vue?vue&type=script&lang=js&
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 //
 //
@@ -1645,7 +1652,7 @@ module.exports = require("libphonenumber-js");
 __webpack_require__.r(__webpack_exports__);
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazSelect/_main.vue?vue&type=template&id=2fb08d76&
-var render = function() {
+var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -1656,16 +1663,16 @@ var render = function() {
       class: [
         {
           "has-list-open": _vm.hasOpenList,
-          "maz-is-dark": _vm.dark
+          "maz-is-dark": _vm.dark,
         },
         "maz-select--" + _vm.color,
-        "maz-select--" + _vm.size
+        "maz-select--" + _vm.size,
       ],
       on: {
-        "!blur": function($event) {
+        "!blur": function ($event) {
           return _vm.closeList($event)
-        }
-      }
+        },
+      },
     },
     [
       _vm.multiple
@@ -1675,8 +1682,8 @@ var render = function() {
               ref: "SelectedTags",
               staticClass: "maz-select__tags maz-flex maz-align-center",
               class: {
-                "maz-left-offset": _vm.hasLeftIcon
-              }
+                "maz-left-offset": _vm.hasLeftIcon,
+              },
             },
             [
               _c(
@@ -1684,9 +1691,9 @@ var render = function() {
                 {
                   ref: "SelectedTagsContainer",
                   staticClass: "maz-flex maz-align-center maz-h-100",
-                  attrs: { tag: "div", name: "maz-tags" }
+                  attrs: { tag: "div", name: "maz-tags" },
                 },
-                _vm._l(_vm.selectedOptions, function(option, i) {
+                _vm._l(_vm.selectedOptions, function (option, i) {
                   return _c(
                     "MazBtn",
                     {
@@ -1695,15 +1702,15 @@ var render = function() {
                       attrs: {
                         disabled: _vm.disabled,
                         color: _vm.color,
-                        size: _vm.size
+                        size: _vm.size,
                       },
                       on: {
-                        click: function($event) {
+                        click: function ($event) {
                           $event.preventDefault()
                           $event.stopPropagation()
                           return _vm.removeOption(option[_vm.config.valueKey])
-                        }
-                      }
+                        },
+                      },
                     },
                     [
                       _c("span", { staticClass: "maz-select__tag__text" }, [
@@ -1711,20 +1718,20 @@ var render = function() {
                           "\n          " +
                             _vm._s(option[_vm.config.labelKey]) +
                             "\n        "
-                        )
+                        ),
                       ]),
                       _c(
                         "i",
                         {
-                          staticClass: "maz-select__tag__clear material-icons"
+                          staticClass: "maz-select__tag__clear material-icons",
                         },
                         [_vm._v("\n          close\n        ")]
-                      )
+                      ),
                     ]
                   )
                 }),
                 1
-              )
+              ),
             ],
             1
           )
@@ -1742,32 +1749,32 @@ var render = function() {
               size: _vm.size,
               placeholder: _vm.placeholderShown,
               disabled: _vm.disabled,
-              focus: _vm.hasOpenList
+              focus: _vm.hasOpenList,
             },
             on: {
-              clear: function($event) {
+              clear: function ($event) {
                 return _vm.emitValues(null)
               },
-              keydown: function($event) {
+              keydown: function ($event) {
                 _vm.search ? null : _vm.keyboardNav($event)
               },
-              keyup: function($event) {
+              keyup: function ($event) {
                 return _vm.$emit("keyup", $event)
               },
-              blur: function($event) {
+              blur: function ($event) {
                 return _vm.$emit("blur", $event)
               },
-              change: function($event) {
+              change: function ($event) {
                 return _vm.$emit("change", $event)
               },
-              paste: function($event) {
+              paste: function ($event) {
                 return _vm.$emit("paste", $event)
               },
-              click: function($event) {
+              click: function ($event) {
                 return _vm.$emit("click", $event)
               },
-              focus: _vm.openList
-            }
+              focus: _vm.openList,
+            },
           },
           "MazInput",
           _vm.$attrs,
@@ -1780,38 +1787,39 @@ var render = function() {
             {
               staticClass: "maz-select__toggle maz-flex maz-flex-center",
               attrs: { slot: "icon-right", tabindex: "-1" },
-              slot: "icon-right"
+              slot: "icon-right",
             },
             [
-              _vm._t("arrow", [
-                _c(
-                  "svg",
-                  {
-                    staticClass: "maz-select__toggle__arrow",
-                    attrs: {
-                      mlns: "http://www.w3.org/2000/svg",
-                      width: "24",
-                      height: "24",
-                      viewBox: "0 0 24 24"
-                    }
-                  },
-                  [
-                    _c("path", {
-                      staticClass: "arrow",
+              _vm._t("arrow", function () {
+                return [
+                  _c(
+                    "svg",
+                    {
+                      staticClass: "maz-select__toggle__arrow",
                       attrs: {
-                        d:
-                          "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"
-                      }
-                    }),
-                    _c("path", {
-                      attrs: { fill: "none", d: "M0 0h24v24H0V0z" }
-                    })
-                  ]
-                )
-              ])
+                        mlns: "http://www.w3.org/2000/svg",
+                        width: "24",
+                        height: "24",
+                        viewBox: "0 0 24 24",
+                      },
+                    },
+                    [
+                      _c("path", {
+                        staticClass: "arrow",
+                        attrs: {
+                          d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z",
+                        },
+                      }),
+                      _c("path", {
+                        attrs: { fill: "none", d: "M0 0h24v24H0V0z" },
+                      }),
+                    ]
+                  ),
+                ]
+              }),
             ],
             2
-          )
+          ),
         ],
         2
       ),
@@ -1824,17 +1832,17 @@ var render = function() {
                 name: "show",
                 rawName: "v-show",
                 value: _vm.hasOpenList,
-                expression: "hasOpenList"
-              }
+                expression: "hasOpenList",
+              },
             ],
             staticClass: "maz-select__options-list maz-flex maz-elevation",
             class: [
               _vm.hasPositionTop
                 ? "maz-select__options-list--top maz-direction-column-reverse"
                 : "maz-direction-column",
-              { "maz-select__options-list--right": _vm.hasPositionRight }
+              { "maz-select__options-list--right": _vm.hasPositionRight },
             ],
-            style: [_vm.itemListSize]
+            style: [_vm.itemListSize],
           },
           [
             _vm.search
@@ -1848,26 +1856,26 @@ var render = function() {
                     size: "sm",
                     "no-label": "",
                     name: "new_search_in_options",
-                    autocomplete: "off"
+                    autocomplete: "off",
                   },
                   on: {
                     input: _vm.searchInOptions,
                     keydown: [
                       _vm.keyboardNav,
-                      function($event) {
+                      function ($event) {
                         if (
                           !$event.type.indexOf("key") &&
                           _vm._k($event.keyCode, "esc", 27, $event.key, [
                             "Esc",
-                            "Escape"
+                            "Escape",
                           ])
                         ) {
                           return null
                         }
-                        return _vm.closeList($event)
-                      }
-                    ]
-                  }
+                        return _vm.closeList.apply(null, arguments)
+                      },
+                    ],
+                  },
                 })
               : _vm._e(),
             _c(
@@ -1875,10 +1883,10 @@ var render = function() {
               {
                 ref: "optionsList",
                 staticClass:
-                  "maz-select__options-list__items maz-flex maz-direction-column"
+                  "maz-select__options-list__items maz-flex maz-direction-column",
               },
               [
-                _vm._l(_vm.optionsShown, function(option, i) {
+                _vm._l(_vm.optionsShown, function (option, i) {
                   return _c(
                     "button",
                     {
@@ -1889,58 +1897,63 @@ var render = function() {
                         {
                           selected:
                             _vm.values.length &&
-                            _vm.values.includes(option[_vm.config.valueKey])
+                            _vm.values.includes(option[_vm.config.valueKey]),
                         },
                         {
                           "keyboard-selected":
-                            _vm.tmpValue === option[_vm.config.valueKey]
-                        }
+                            _vm.tmpValue === option[_vm.config.valueKey],
+                        },
                       ],
                       style: [_vm.optionHeight],
                       attrs: { tabindex: "-1", type: "button" },
                       on: {
-                        click: function($event) {
+                        click: function ($event) {
                           $event.preventDefault()
                           $event.stopPropagation()
                           return _vm.updateValue(option[_vm.config.valueKey])
-                        }
-                      }
+                        },
+                      },
                     },
                     [
                       _vm._t(
                         "default",
-                        [
-                          _c(
-                            "span",
-                            {
-                              staticClass: "maz-dots-text",
-                              class: [
-                                {
-                                  "maz-text-muted": !option[_vm.config.valueKey]
-                                },
-                                _vm.values.includes(option[_vm.config.valueKey])
-                                  ? "maz-text-white"
-                                  : "maz-text-color"
+                        function () {
+                          return [
+                            _c(
+                              "span",
+                              {
+                                staticClass: "maz-dots-text",
+                                class: [
+                                  {
+                                    "maz-text-muted":
+                                      !option[_vm.config.valueKey],
+                                  },
+                                  _vm.values.includes(
+                                    option[_vm.config.valueKey]
+                                  )
+                                    ? "maz-text-white"
+                                    : "maz-text-color",
+                                ],
+                              },
+                              [
+                                _vm._v(
+                                  "\n              " +
+                                    _vm._s(option[_vm.config.labelKey]) +
+                                    "\n            "
+                                ),
                               ]
-                            },
-                            [
-                              _vm._v(
-                                "\n              " +
-                                  _vm._s(option[_vm.config.labelKey]) +
-                                  "\n            "
-                              )
-                            ]
-                          )
-                        ],
+                            ),
+                          ]
+                        },
                         {
                           option: Object.assign({}, option, {
                             isSelected: _vm.values.includes(
                               option[_vm.config.valueKey]
-                            )
+                            ),
                           }),
-                          tag: "div"
+                          tag: "div",
                         }
-                      )
+                      ),
                     ],
                     2
                   )
@@ -1948,36 +1961,40 @@ var render = function() {
                 !_vm.optionsShown.length
                   ? _vm._t(
                       "no-results",
-                      [
-                        _c(
-                          "div",
-                          {
-                            staticClass:
-                              "maz-select__options-list__no-results maz-p-1 maz-flex maz-flex-center"
-                          },
-                          [
-                            _c(
-                              "i",
-                              { staticClass: "material-icons maz-text-danger" },
-                              [
-                                _vm._v(
-                                  "\n              search_off\n            "
-                                )
-                              ]
-                            )
-                          ]
-                        )
-                      ],
+                      function () {
+                        return [
+                          _c(
+                            "div",
+                            {
+                              staticClass:
+                                "maz-select__options-list__no-results maz-p-1 maz-flex maz-flex-center",
+                            },
+                            [
+                              _c(
+                                "i",
+                                {
+                                  staticClass: "material-icons maz-text-danger",
+                                },
+                                [
+                                  _vm._v(
+                                    "\n              search_off\n            "
+                                  ),
+                                ]
+                              ),
+                            ]
+                          ),
+                        ]
+                      },
                       { tag: "div" }
                     )
-                  : _vm._e()
+                  : _vm._e(),
               ],
               2
-            )
+            ),
           ],
           1
-        )
-      ])
+        ),
+      ]),
     ],
     1
   )
@@ -2014,13 +2031,13 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 //
 //
@@ -2746,7 +2763,7 @@ module.exports = require("libphonenumber-js/examples.mobile.json");
 __webpack_require__.r(__webpack_exports__);
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazPhoneNumberInput/_main.vue?vue&type=template&id=0022c02d&
-var render = function() {
+var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -2756,9 +2773,9 @@ var render = function() {
       staticClass: "maz-base-component maz-phone-number-input maz-flex",
       class: [
         { "maz-is-dark": _vm.dark },
-        "maz-phone-number-input--" + _vm.size
+        "maz-phone-number-input--" + _vm.size,
       ],
-      attrs: { id: _vm.id }
+      attrs: { id: _vm.id },
     },
     [
       !_vm.noCountrySelector
@@ -2766,13 +2783,13 @@ var render = function() {
             ref: "CountrySelector",
             staticClass: "country-selector",
             class: {
-              "no-padding-left": _vm.noFlags || !_vm.countryCode
+              "no-padding-left": _vm.noFlags || !_vm.countryCode,
             },
             attrs: {
               value: _vm.countryCode,
               options: _vm.countriesSorted,
               placeholder: _vm.t.countrySelectorLabel,
-              search: "",
+              search: !_vm.noSearch,
               position: _vm.position,
               "search-placeholder": _vm.t.countrySelectorSearchPlaceholder,
               "items-height": _vm.countriesHeight,
@@ -2786,20 +2803,20 @@ var render = function() {
               config: {
                 labelKey: "dialCode",
                 searchKey: "name",
-                valueKey: "iso2"
+                valueKey: "iso2",
               },
-              color: _vm.color
+              color: _vm.color,
             },
             on: {
-              input: function($event) {
+              input: function ($event) {
                 return _vm.setCountryCode($event, true)
-              }
+              },
             },
             scopedSlots: _vm._u(
               [
                 {
                   key: "default",
-                  fn: function(ref) {
+                  fn: function (ref) {
                     var option = ref.option
                     return [
                       _c("div", { staticClass: "maz-flex maz-align-center" }, [
@@ -2808,14 +2825,14 @@ var render = function() {
                               "div",
                               {
                                 staticClass:
-                                  "country-selector__flag-container maz-mr-2"
+                                  "country-selector__flag-container maz-mr-2",
                               },
                               [
                                 _c("div", {
                                   class:
                                     "maz-flag maz-flag-" +
-                                    option.iso2.toLowerCase()
-                                })
+                                    option.iso2.toLowerCase(),
+                                }),
                               ]
                             )
                           : _vm._e(),
@@ -2826,15 +2843,15 @@ var render = function() {
                                 staticClass:
                                   "country-selector__calling-code maz-flex-fixed maz-text-muted",
                                 class: {
-                                  "maz-text-muted-dark": option.isSelected
-                                }
+                                  "maz-text-muted-dark": option.isSelected,
+                                },
                               },
                               [
                                 _vm._v(
                                   "\n          +" +
                                     _vm._s(option.dialCode) +
                                     "\n        "
-                                )
+                                ),
                               ]
                             )
                           : _vm._e(),
@@ -2844,26 +2861,26 @@ var render = function() {
                             staticClass:
                               "maz-dots-text maz-flex-1 maz-text-left maz-text-color",
                             class: {
-                              "maz-text-white": option.isSelected
-                            }
+                              "maz-text-white": option.isSelected,
+                            },
                           },
                           [
                             _vm._v(
                               "\n          " +
                                 _vm._s(option.name) +
                                 "\n        "
-                            )
+                            ),
                           ]
-                        )
-                      ])
+                        ),
+                      ]),
                     ]
-                  }
-                }
+                  },
+                },
               ],
               null,
               false,
               2447316597
-            )
+            ),
           })
         : _vm._e(),
       _vm.countryCode && !_vm.noFlags && !_vm.noCountrySelector
@@ -2872,12 +2889,12 @@ var render = function() {
             {
               staticClass: "\n    maz-phone-number-input__country-flag",
               attrs: { tabindex: "-1" },
-              on: { click: _vm.focusCountrySelector }
+              on: { click: _vm.focusCountrySelector },
             },
             [
               _c("div", {
-                class: "maz-flag maz-flag-" + _vm.countryCode.toLowerCase()
-              })
+                class: "maz-flag maz-flag-" + _vm.countryCode.toLowerCase(),
+              }),
             ]
           )
         : _vm._e(),
@@ -2888,7 +2905,7 @@ var render = function() {
             ref: "PhoneNumberInput",
             staticClass: "input-phone-number maz-flex-1",
             class: {
-              "has-border-radius": _vm.noCountrySelector
+              "has-border-radius": _vm.noCountrySelector,
             },
             attrs: {
               id: _vm.uniqueId ? _vm.uniqueId + "_phone_number" : null,
@@ -2899,26 +2916,26 @@ var render = function() {
               size: _vm.size,
               success: _vm.isValid && !_vm.noValidation,
               clearable: "",
-              color: _vm.color
+              color: _vm.color,
             },
             on: {
-              keydown: function(e) {
+              keydown: function (e) {
                 _vm.lastKeyPressed = e.keyCode
               },
-              focus: function($event) {
+              focus: function ($event) {
                 return _vm.$emit("focus", $event)
               },
-              blur: function($event) {
+              blur: function ($event) {
                 return _vm.$emit("blur", $event)
               },
-              change: function($event) {
+              change: function ($event) {
                 return _vm.$emit("change", $event)
               },
-              clear: function($event) {
+              clear: function ($event) {
                 return _vm.$emit("clear", $event)
               },
-              input: _vm.buildResults
-            }
+              input: _vm.buildResults,
+            },
           },
           "MazInput",
           _vm.$attrs,
@@ -2926,10 +2943,10 @@ var render = function() {
         ),
         [
           _vm._t("icon-left", null, { slot: "icon-left" }),
-          _vm._t("icon-right", null, { slot: "icon-right" })
+          _vm._t("icon-right", null, { slot: "icon-right" }),
         ],
         2
-      )
+      ),
     ],
     1
   )
@@ -2962,9 +2979,9 @@ var countries = allCountries.map(function (country) {
   };
 });
 // CONCATENATED MODULE: ./packages/components/MazPhoneNumberInput/utils/index.js
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -3025,7 +3042,9 @@ var utils_getResultsFromPhoneNumber = function getResultsFromPhoneNumber(phoneNu
   var parsing = phoneNumber ? Object(external_libphonenumber_js_["parsePhoneNumberFromString"])(phoneNumber, countryCode) : null;
   var results = {
     countryCode: countryCode,
-    isValid: false
+    isValid: false,
+    phoneNumber: phoneNumber // useful for identifying non-numeric characters being entered.
+
   };
 
   if (parsing) {
@@ -3130,19 +3149,19 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _mainvue_type_script_lang_js_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _mainvue_type_script_lang_js_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _mainvue_type_script_lang_js_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { _mainvue_type_script_lang_js_ownKeys(Object(source), true).forEach(function (key) { _mainvue_type_script_lang_js_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { _mainvue_type_script_lang_js_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _mainvue_type_script_lang_js_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _mainvue_type_script_lang_js_ownKeys(Object(source), !0).forEach(function (key) { _mainvue_type_script_lang_js_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : _mainvue_type_script_lang_js_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _mainvue_type_script_lang_js_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 //
 //
@@ -3338,6 +3357,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       type: Boolean,
       default: false
     },
+    // Remove the search countries functionality
+    noSearch: {
+      type: Boolean,
+      default: false
+    },
     // Change the height of country item in list
     countriesHeight: {
       type: Number,