primereact 10.5.2 → 10.6.0

package/utils/utils.esm.js

@@ -74,7 +74,9 @@ function classNames() {
     var classes = [];
     for (var i = 0; i < args.length; i++) {
       var className = args[i];
-      if (!className) continue;
+      if (!className) {
+        continue;
+      }
       var type = _typeof(className);
       if (type === 'string' || type === 'number') {
         classes.push(className);
@@ -83,7 +85,7 @@ function classNames() {
           var _ref2 = _slicedToArray(_ref, 2),
             key = _ref2[0],
             value = _ref2[1];
-          return !!value ? key : null;
+          return value ? key : null;
         });
         classes = _classes.length ? classes.concat(_classes.filter(function (c) {
           return !!c;
@@ -179,7 +181,7 @@ var DomHandler = /*#__PURE__*/function () {
       if (el) {
         var width = el.offsetWidth;
         var style = getComputedStyle(el);
-        width += parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
+        width = width + (parseFloat(style.paddingLeft) + parseFloat(style.paddingRight));
         return width;
       }
       return 0;
@@ -190,7 +192,7 @@ var DomHandler = /*#__PURE__*/function () {
       if (el) {
         var width = el.offsetWidth;
         var style = getComputedStyle(el);
-        width -= parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
+        width = width - (parseFloat(style.paddingLeft) + parseFloat(style.paddingRight));
         return width;
       }
       return 0;
@@ -219,7 +221,7 @@ var DomHandler = /*#__PURE__*/function () {
         var width = el.getBoundingClientRect().width || el.offsetWidth;
         if (margin) {
           var style = getComputedStyle(el);
-          width += parseFloat(style.marginLeft) + parseFloat(style.marginRight);
+          width = width + (parseFloat(style.marginLeft) + parseFloat(style.marginRight));
         }
         return width;
       }
@@ -232,7 +234,7 @@ var DomHandler = /*#__PURE__*/function () {
         var height = el.getBoundingClientRect().height || el.offsetHeight;
         if (margin) {
           var style = getComputedStyle(el);
-          height += parseFloat(style.marginTop) + parseFloat(style.marginBottom);
+          height = height + (parseFloat(style.marginTop) + parseFloat(style.marginBottom));
         }
         return height;
       }
@@ -245,7 +247,7 @@ var DomHandler = /*#__PURE__*/function () {
         var height = el.clientHeight;
         if (margin) {
           var style = getComputedStyle(el);
-          height += parseFloat(style.marginTop) + parseFloat(style.marginBottom);
+          height = height + (parseFloat(style.marginTop) + parseFloat(style.marginBottom));
         }
         return height;
       }
@@ -258,7 +260,7 @@ var DomHandler = /*#__PURE__*/function () {
         var width = el.clientWidth;
         if (margin) {
           var style = getComputedStyle(el);
-          width += parseFloat(style.marginLeft) + parseFloat(style.marginRight);
+          width = width + (parseFloat(style.marginLeft) + parseFloat(style.marginRight));
         }
         return width;
       }
@@ -267,12 +269,12 @@ var DomHandler = /*#__PURE__*/function () {
   }, {
     key: "getViewport",
     value: function getViewport() {
-      var win = window,
-        d = document,
-        e = d.documentElement,
-        g = d.getElementsByTagName('body')[0],
-        w = win.innerWidth || e.clientWidth || g.clientWidth,
-        h = win.innerHeight || e.clientHeight || g.clientHeight;
+      var win = window;
+      var d = document;
+      var e = d.documentElement;
+      var g = d.getElementsByTagName('body')[0];
+      var w = win.innerWidth || e.clientWidth || g.clientWidth;
+      var h = win.innerHeight || e.clientHeight || g.clientHeight;
       return {
         width: w,
         height: h
@@ -300,8 +302,12 @@ var DomHandler = /*#__PURE__*/function () {
         var children = element.parentNode.childNodes;
         var num = 0;
         for (var i = 0; i < children.length; i++) {
-          if (children[i] === element) return num;
-          if (children[i].nodeType === 1) num++;
+          if (children[i] === element) {
+            return num;
+          }
+          if (children[i].nodeType === 1) {
+            num++;
+          }
         }
       }
       return -1;
@@ -318,7 +324,7 @@ var DomHandler = /*#__PURE__*/function () {
         } else {
           var _styles = className.split(' ');
           for (var _i = 0; _i < _styles.length; _i++) {
-            element.className += ' ' + _styles[_i];
+            element.className = element.className + (' ' + _styles[_i]);
           }
         }
       }
@@ -344,21 +350,32 @@ var DomHandler = /*#__PURE__*/function () {
     key: "addClass",
     value: function addClass(element, className) {
       if (element && className) {
-        if (element.classList) element.classList.add(className);else element.className += ' ' + className;
+        if (element.classList) {
+          element.classList.add(className);
+        } else {
+          element.className = element.className + (' ' + className);
+        }
       }
     }
   }, {
     key: "removeClass",
     value: function removeClass(element, className) {
       if (element && className) {
-        if (element.classList) element.classList.remove(className);else element.className = element.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
+        if (element.classList) {
+          element.classList.remove(className);
+        } else {
+          element.className = element.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
+        }
       }
     }
   }, {
     key: "hasClass",
     value: function hasClass(element, className) {
       if (element) {
-        if (element.classList) return element.classList.contains(className);else return new RegExp('(^| )' + className + '( |$)', 'gi').test(element.className);
+        if (element.classList) {
+          return element.classList.contains(className);
+        }
+        return new RegExp('(^| )' + className + '( |$)', 'gi').test(element.className);
       }
       return false;
     }
@@ -407,7 +424,7 @@ var DomHandler = /*#__PURE__*/function () {
                   var _ref4 = _slicedToArray(_ref3, 2),
                     _k = _ref4[0],
                     _v = _ref4[1];
-                  return rule === 'style' && (!!_v || _v === 0) ? "".concat(_k.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase(), ":").concat(_v) : !!_v ? _k : undefined;
+                  return rule === 'style' && (!!_v || _v === 0) ? "".concat(_k.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase(), ":").concat(_v) : _v ? _k : undefined;
                 });
                 cv = _cv.length ? cv.concat(_cv.filter(function (c) {
                   return !!c;
@@ -467,7 +484,7 @@ var DomHandler = /*#__PURE__*/function () {
       if (el) {
         var height = el.offsetHeight;
         var style = getComputedStyle(el);
-        height -= parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
+        height = height - (parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth));
         return height;
       }
       return 0;
@@ -478,7 +495,7 @@ var DomHandler = /*#__PURE__*/function () {
       if (el) {
         var width = el.offsetWidth;
         var style = getComputedStyle(el);
-        width -= parseFloat(style.paddingLeft) + parseFloat(style.paddingRight) + parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth);
+        width = width - (parseFloat(style.paddingLeft) + parseFloat(style.paddingRight) + parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth));
         return width;
       }
       return 0;
@@ -513,7 +530,8 @@ var DomHandler = /*#__PURE__*/function () {
         var windowScrollTop = this.getWindowScrollTop();
         var windowScrollLeft = this.getWindowScrollLeft();
         var viewport = this.getViewport();
-        var top, left;
+        var top;
+        var left;
         if (targetOffset.top + targetOuterHeight + elementOuterHeight > viewport.height) {
           top = targetOffset.top + windowScrollTop - elementOuterHeight;
           if (top < 0) {
@@ -526,7 +544,11 @@ var DomHandler = /*#__PURE__*/function () {
         }
         var targetOffsetPx = targetOffset.left;
         var alignOffset = align === 'left' ? 0 : elementOuterWidth - targetOuterWidth;
-        if (targetOffsetPx + targetOuterWidth + elementOuterWidth > viewport.width) left = Math.max(0, targetOffsetPx + windowScrollLeft + targetOuterWidth - elementOuterWidth);else left = targetOffsetPx - alignOffset + windowScrollLeft;
+        if (targetOffsetPx + targetOuterWidth + elementOuterWidth > viewport.width) {
+          left = Math.max(0, targetOffsetPx + windowScrollLeft + targetOuterWidth - elementOuterWidth);
+        } else {
+          left = targetOffsetPx - alignOffset + windowScrollLeft;
+        }
         element.style.top = top + 'px';
         element.style.left = left + 'px';
       }
@@ -542,7 +564,8 @@ var DomHandler = /*#__PURE__*/function () {
         var targetHeight = target.offsetHeight;
         var targetOffset = target.getBoundingClientRect();
         var viewport = this.getViewport();
-        var top, left;
+        var top;
+        var left;
         if (targetOffset.top + targetHeight + elementDimensions.height > viewport.height) {
           top = -1 * elementDimensions.height;
           if (targetOffset.top + top < 0) {
@@ -727,7 +750,7 @@ var DomHandler = /*#__PURE__*/function () {
     key: "getParents",
     value: function getParents(element) {
       var parents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-      return element['parentNode'] === null ? parents : this.getParents(element.parentNode, parents.concat([element.parentNode]));
+      return element.parentNode === null ? parents : this.getParents(element.parentNode, parents.concat([element.parentNode]));
     }
   }, {
     key: "getScrollableParents",
@@ -754,7 +777,7 @@ var DomHandler = /*#__PURE__*/function () {
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var parent = _step.value;
-            var scrollSelectors = parent.nodeType === 1 && parent.dataset['scrollselectors'];
+            var scrollSelectors = parent.nodeType === 1 && parent.dataset.scrollselectors;
             if (scrollSelectors) {
               var selectors = scrollSelectors.split(',');
               var _iterator2 = _createForOfIteratorHelper$1(selectors),
@@ -856,11 +879,11 @@ var DomHandler = /*#__PURE__*/function () {
     key: "fadeOut",
     value: function fadeOut(element, duration) {
       if (element) {
-        var opacity = 1,
-          interval = 50,
-          gap = interval / duration;
+        var opacity = 1;
+        var interval = 50;
+        var gap = interval / duration;
         var fading = setInterval(function () {
-          opacity -= gap;
+          opacity = opacity - gap;
           if (opacity <= 0) {
             opacity = 0;
             clearInterval(fading);
@@ -877,7 +900,7 @@ var DomHandler = /*#__PURE__*/function () {
   }, {
     key: "isIOS",
     value: function isIOS() {
-      return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window['MSStream'];
+      return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
     }
   }, {
     key: "isAndroid",
@@ -907,12 +930,24 @@ var DomHandler = /*#__PURE__*/function () {
   }, {
     key: "appendChild",
     value: function appendChild(element, target) {
-      if (this.isElement(target)) target.appendChild(element);else if (target.el && target.el.nativeElement) target.el.nativeElement.appendChild(element);else throw new Error('Cannot append ' + target + ' to ' + element);
+      if (this.isElement(target)) {
+        target.appendChild(element);
+      } else if (target.el && target.el.nativeElement) {
+        target.el.nativeElement.appendChild(element);
+      } else {
+        throw new Error('Cannot append ' + target + ' to ' + element);
+      }
     }
   }, {
     key: "removeChild",
     value: function removeChild(element, target) {
-      if (this.isElement(target)) target.removeChild(element);else if (target.el && target.el.nativeElement) target.el.nativeElement.removeChild(element);else throw new Error('Cannot remove ' + element + ' from ' + target);
+      if (this.isElement(target)) {
+        target.removeChild(element);
+      } else if (target.el && target.el.nativeElement) {
+        target.el.nativeElement.removeChild(element);
+      } else {
+        throw new Error('Cannot remove ' + element + ' from ' + target);
+      }
     }
   }, {
     key: "isElement",
@@ -947,9 +982,9 @@ var DomHandler = /*#__PURE__*/function () {
         } else if (window.getSelection().removeAllRanges && window.getSelection().rangeCount > 0 && window.getSelection().getRangeAt(0).getClientRects().length > 0) {
           window.getSelection().removeAllRanges();
         }
-      } else if (document['selection'] && document['selection'].empty) {
+      } else if (document.selection && document.selection.empty) {
         try {
-          document['selection'].empty();
+          document.selection.empty();
         } catch (error) {
           //ignore IE bug
         }
@@ -961,16 +996,17 @@ var DomHandler = /*#__PURE__*/function () {
       if (el) {
         var style = getComputedStyle(el);
         return el.offsetWidth - el.clientWidth - parseFloat(style.borderLeftWidth) - parseFloat(style.borderRightWidth);
-      } else {
-        if (this.calculatedScrollbarWidth != null) return this.calculatedScrollbarWidth;
-        var scrollDiv = document.createElement('div');
-        scrollDiv.className = 'p-scrollbar-measure';
-        document.body.appendChild(scrollDiv);
-        var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
-        document.body.removeChild(scrollDiv);
-        this.calculatedScrollbarWidth = scrollbarWidth;
-        return scrollbarWidth;
       }
+      if (this.calculatedScrollbarWidth != null) {
+        return this.calculatedScrollbarWidth;
+      }
+      var scrollDiv = document.createElement('div');
+      scrollDiv.className = 'p-scrollbar-measure';
+      document.body.appendChild(scrollDiv);
+      var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
+      document.body.removeChild(scrollDiv);
+      this.calculatedScrollbarWidth = scrollbarWidth;
+      return scrollbarWidth;
     }
   }, {
     key: "calculateBodyScrollbarWidth",
@@ -985,12 +1021,12 @@ var DomHandler = /*#__PURE__*/function () {
         this.browser = {};
         if (matched.browser) {
           this.browser[matched.browser] = true;
-          this.browser['version'] = matched.version;
+          this.browser.version = matched.version;
         }
-        if (this.browser['chrome']) {
-          this.browser['webkit'] = true;
-        } else if (this.browser['webkit']) {
-          this.browser['safari'] = true;
+        if (this.browser.chrome) {
+          this.browser.webkit = true;
+        } else if (this.browser.webkit) {
+          this.browser.safari = true;
         }
       }
       return this.browser;
@@ -1045,7 +1081,9 @@ var DomHandler = /*#__PURE__*/function () {
       try {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
           var focusableElement = _step3.value;
-          if (getComputedStyle(focusableElement).display !== 'none' && getComputedStyle(focusableElement).visibility !== 'hidden') visibleFocusableElements.push(focusableElement);
+          if (getComputedStyle(focusableElement).display !== 'none' && getComputedStyle(focusableElement).visibility !== 'hidden') {
+            visibleFocusableElements.push(focusableElement);
+          }
         }
       } catch (err) {
         _iterator3.e(err);
@@ -1092,7 +1130,9 @@ var DomHandler = /*#__PURE__*/function () {
   }, {
     key: "focusFirstElement",
     value: function focusFirstElement(el, scrollTo) {
-      if (!el) return;
+      if (!el) {
+        return;
+      }
       var firstFocusableElement = DomHandler.getFirstFocusableElement(el);
       firstFocusableElement && DomHandler.focus(firstFocusableElement, scrollTo);
       return firstFocusableElement;
@@ -1237,20 +1277,21 @@ var DomHandler = /*#__PURE__*/function () {
   }, {
     key: "getTargetElement",
     value: function getTargetElement(target) {
-      if (!target) return null;
+      if (!target) {
+        return null;
+      }
       if (target === 'document') {
         return document;
       } else if (target === 'window') {
         return window;
       } else if (_typeof(target) === 'object' && target.hasOwnProperty('current')) {
         return this.isExist(target.current) ? target.current : null;
-      } else {
-        var isFunction = function isFunction(obj) {
-          return !!(obj && obj.constructor && obj.call && obj.apply);
-        };
-        var element = isFunction(target) ? target() : target;
-        return element && element.nodeType === 9 || this.isExist(element) ? element : null;
       }
+      var isFunction = function isFunction(obj) {
+        return !!(obj && obj.constructor && obj.call && obj.apply);
+      };
+      var element = isFunction(target) ? target() : target;
+      return element && element.nodeType === 9 || this.isExist(element) ? element : null;
     }
 
     /**
@@ -1259,7 +1300,9 @@ var DomHandler = /*#__PURE__*/function () {
   }, {
     key: "getAttributeNames",
     value: function getAttributeNames(node) {
-      var index, rv, attrs;
+      var index;
+      var rv;
+      var attrs;
       rv = [];
       attrs = node.attributes;
       for (index = 0; index < attrs.length; ++index) {
@@ -1279,7 +1322,11 @@ var DomHandler = /*#__PURE__*/function () {
   }, {
     key: "isEqualElement",
     value: function isEqualElement(elm1, elm2) {
-      var attrs1, attrs2, name, node1, node2;
+      var attrs1;
+      var attrs2;
+      var name;
+      var node1;
+      var node2;
 
       // Compare attributes without order sensitivity
       attrs1 = DomHandler.getAttributeNames(elm1);
@@ -1306,11 +1353,9 @@ var DomHandler = /*#__PURE__*/function () {
               return false;
             }
           }
-        } else {
-          if (elm1.getAttribute(name) !== elm2.getAttribute(name)) {
-            // console.log("Found nodes with mis-matched values for attribute '" + name + "'; not equiv");
-            return false;
-          }
+        } else if (elm1.getAttribute(name) !== elm2.getAttribute(name)) {
+          // console.log("Found nodes with mis-matched values for attribute '" + name + "'; not equiv");
+          return false;
         }
       }
 
@@ -1376,7 +1421,11 @@ function EventBus() {
   return {
     on: function on(type, handler) {
       var handlers = allHandlers.get(type);
-      if (!handlers) handlers = [handler];else handlers.push(handler);
+      if (!handlers) {
+        handlers = [handler];
+      } else {
+        handlers.push(handler);
+      }
       allHandlers.set(type, handlers);
     },
     off: function off(type, handler) {
@@ -1432,35 +1481,61 @@ var ObjectUtils = /*#__PURE__*/function () {
   }, {
     key: "deepEquals",
     value: function deepEquals(a, b) {
-      if (a === b) return true;
-      if (a && b && _typeof(a) == 'object' && _typeof(b) == 'object') {
-        var arrA = Array.isArray(a),
-          arrB = Array.isArray(b),
-          i,
-          length,
-          key;
+      if (a === b) {
+        return true;
+      }
+      if (a && b && _typeof(a) === 'object' && _typeof(b) === 'object') {
+        var arrA = Array.isArray(a);
+        var arrB = Array.isArray(b);
+        var i;
+        var length;
+        var key;
         if (arrA && arrB) {
           length = a.length;
-          if (length !== b.length) return false;
-          for (i = length; i-- !== 0;) if (!this.deepEquals(a[i], b[i])) return false;
+          if (length !== b.length) {
+            return false;
+          }
+          for (i = length; i-- !== 0;) {
+            if (!this.deepEquals(a[i], b[i])) {
+              return false;
+            }
+          }
           return true;
         }
-        if (arrA !== arrB) return false;
-        var dateA = a instanceof Date,
-          dateB = b instanceof Date;
-        if (dateA !== dateB) return false;
-        if (dateA && dateB) return a.getTime() === b.getTime();
-        var regexpA = a instanceof RegExp,
-          regexpB = b instanceof RegExp;
-        if (regexpA !== regexpB) return false;
-        if (regexpA && regexpB) return a.toString() === b.toString();
+        if (arrA !== arrB) {
+          return false;
+        }
+        var dateA = a instanceof Date;
+        var dateB = b instanceof Date;
+        if (dateA !== dateB) {
+          return false;
+        }
+        if (dateA && dateB) {
+          return a.getTime() === b.getTime();
+        }
+        var regexpA = a instanceof RegExp;
+        var regexpB = b instanceof RegExp;
+        if (regexpA !== regexpB) {
+          return false;
+        }
+        if (regexpA && regexpB) {
+          return a.toString() === b.toString();
+        }
         var keys = Object.keys(a);
         length = keys.length;
-        if (length !== Object.keys(b).length) return false;
-        for (i = length; i-- !== 0;) if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
+        if (length !== Object.keys(b).length) {
+          return false;
+        }
+        for (i = length; i-- !== 0;) {
+          if (!Object.prototype.hasOwnProperty.call(b, keys[i])) {
+            return false;
+          }
+        }
         for (i = length; i-- !== 0;) {
           key = keys[i];
-          if (!this.deepEquals(a[key], b[key])) return false;
+          if (!this.deepEquals(a[key], b[key])) {
+            return false;
+          }
         }
         return true;
       }
@@ -1477,7 +1552,9 @@ var ObjectUtils = /*#__PURE__*/function () {
       }
       try {
         var value = data[field];
-        if (this.isNotEmpty(value)) return value;
+        if (this.isNotEmpty(value)) {
+          return value;
+        }
       } catch (_unused) {
         // Performance optimization: https://github.com/primefaces/primereact/issues/4797
         // do nothing and continue to other methods to resolve field data
@@ -1489,17 +1566,16 @@ var ObjectUtils = /*#__PURE__*/function () {
           return data[field];
         } else if (field.indexOf('.') === -1) {
           return data[field];
-        } else {
-          var fields = field.split('.');
-          var _value = data;
-          for (var i = 0, len = fields.length; i < len; ++i) {
-            if (_value == null) {
-              return null;
-            }
-            _value = _value[fields[i]];
+        }
+        var fields = field.split('.');
+        var _value = data;
+        for (var i = 0, len = fields.length; i < len; ++i) {
+          if (_value == null) {
+            return null;
           }
-          return _value;
+          _value = _value[fields[i]];
         }
+        return _value;
       }
       return null;
     }
@@ -1546,8 +1622,8 @@ var ObjectUtils = /*#__PURE__*/function () {
     value: function reorderArray(value, from, to) {
       if (value && from !== to) {
         if (to >= value.length) {
-          to %= value.length;
-          from %= value.length;
+          to = to % value.length;
+          from = from % value.length;
         }
         value.splice(to, 0, value.splice(from, 1)[0]);
       }
@@ -1814,7 +1890,17 @@ var ObjectUtils = /*#__PURE__*/function () {
       var result = -1;
       var emptyValue1 = this.isEmpty(value1);
       var emptyValue2 = this.isEmpty(value2);
-      if (emptyValue1 && emptyValue2) result = 0;else if (emptyValue1) result = order;else if (emptyValue2) result = -order;else if (typeof value1 === 'string' && typeof value2 === 'string') result = comparator(value1, value2);else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
+      if (emptyValue1 && emptyValue2) {
+        result = 0;
+      } else if (emptyValue1) {
+        result = order;
+      } else if (emptyValue2) {
+        result = -order;
+      } else if (typeof value1 === 'string' && typeof value2 === 'string') {
+        result = comparator(value1, value2);
+      } else {
+        result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
+      }
       return result;
     }
   }, {
@@ -1949,9 +2035,22 @@ function mask(el, options) {
     onBlur: null
   };
   options = _objectSpread$1(_objectSpread$1({}, defaultOptions), options);
-  var tests, partialPosition, len, firstNonMaskPos, defs, androidChrome, lastRequiredNonMaskPos, oldVal, focusText, caretTimeoutId, buffer, defaultBuffer;
+  var tests;
+  var partialPosition;
+  var len;
+  var firstNonMaskPos;
+  var defs;
+  var androidChrome;
+  var lastRequiredNonMaskPos;
+  var oldVal;
+  var focusText;
+  var caretTimeoutId;
+  var buffer;
+  var defaultBuffer;
   var caret = function caret(first, last) {
-    var range, begin, end;
+    var range;
+    var begin;
+    var end;
     if (!el.offsetParent || el !== document.activeElement) {
       return;
     }
@@ -1960,8 +2059,8 @@ function mask(el, options) {
       end = typeof last === 'number' ? last : begin;
       if (el.setSelectionRange) {
         el.setSelectionRange(begin, end);
-      } else if (el['createTextRange']) {
-        range = el['createTextRange']();
+      } else if (el.createTextRange) {
+        range = el.createTextRange();
         range.collapse(true);
         range.moveEnd('character', end);
         range.moveStart('character', begin);
@@ -1971,8 +2070,8 @@ function mask(el, options) {
       if (el.setSelectionRange) {
         begin = el.selectionStart;
         end = el.selectionEnd;
-      } else if (document['selection'] && document['selection'].createRange) {
-        range = document['selection'].createRange();
+      } else if (document.selection && document.selection.createRange) {
+        range = document.selection.createRange();
         begin = 0 - range.duplicate().moveStart('character', -100000);
         end = begin + range.text.length;
       }
@@ -2000,15 +2099,16 @@ function mask(el, options) {
     return options.unmask ? getUnmaskedValue() : el && el.value;
   };
   var seekNext = function seekNext(pos) {
-    while (++pos < len && !tests[pos]);
+    while (++pos < len && !tests[pos]) {}
     return pos;
   };
   var seekPrev = function seekPrev(pos) {
-    while (--pos >= 0 && !tests[pos]);
+    while (--pos >= 0 && !tests[pos]) {}
     return pos;
   };
   var shiftL = function shiftL(begin, end) {
-    var i, j;
+    var i;
+    var j;
     if (begin < 0) {
       return;
     }
@@ -2027,7 +2127,10 @@ function mask(el, options) {
     caret(Math.max(firstNonMaskPos, begin));
   };
   var shiftR = function shiftR(pos) {
-    var i, c, j, t;
+    var i;
+    var c;
+    var j;
+    var t;
     for (i = pos, c = getPlaceholder(pos); i < len; i++) {
       if (tests[i]) {
         j = seekNext(i);
@@ -2047,14 +2150,20 @@ function mask(el, options) {
     if (oldVal && oldVal.length && oldVal.length > curVal.length) {
       // a deletion or backspace happened
       checkVal(true);
-      while (pos.begin > 0 && !tests[pos.begin - 1]) pos.begin--;
+      while (pos.begin > 0 && !tests[pos.begin - 1]) {
+        pos.begin--;
+      }
       if (pos.begin === 0) {
-        while (pos.begin < firstNonMaskPos && !tests[pos.begin]) pos.begin++;
+        while (pos.begin < firstNonMaskPos && !tests[pos.begin]) {
+          pos.begin++;
+        }
       }
       caret(pos.begin, pos.begin);
     } else {
       checkVal(true);
-      while (pos.begin < len && !tests[pos.begin]) pos.begin++;
+      while (pos.begin < len && !tests[pos.begin]) {
+        pos.begin++;
+      }
       caret(pos.begin, pos.begin);
     }
     if (options.onComplete && isCompleted()) {
@@ -2078,10 +2187,10 @@ function mask(el, options) {
     if (options.readOnly) {
       return;
     }
-    var k = e.which || e.keyCode,
-      pos,
-      begin,
-      end;
+    var k = e.which || e.keyCode;
+    var pos;
+    var begin;
+    var end;
     oldVal = el.value;
 
     //backspace, delete, and escape get special treatment
@@ -2113,12 +2222,12 @@ function mask(el, options) {
     if (options.readOnly) {
       return;
     }
-    var k = e.which || e.keyCode,
-      pos = caret(),
-      p,
-      c,
-      next,
-      completed;
+    var k = e.which || e.keyCode;
+    var pos = caret();
+    var p;
+    var c;
+    var next;
+    var completed;
     if (e.ctrlKey || e.altKey || e.metaKey || k < 32) {
       //Ignore
       return;
@@ -2172,11 +2281,11 @@ function mask(el, options) {
   };
   var checkVal = function checkVal(allow) {
     //try to place characters where they belong
-    var test = el.value,
-      lastMatch = -1,
-      i,
-      c,
-      pos;
+    var test = el.value;
+    var lastMatch = -1;
+    var i;
+    var c;
+    var pos;
     for (i = 0, pos = 0; i < len; i++) {
       if (tests[i]) {
         buffer[i] = getPlaceholder(i);
@@ -2207,7 +2316,9 @@ function mask(el, options) {
       if (options.autoClear || buffer.join('') === defaultBuffer) {
         // Invalid value. Remove it and replace it with the
         // mask, which is the default behavior.
-        if (el.value) el.value = '';
+        if (el.value) {
+          el.value = '';
+        }
         clearBuffer(0, len);
       } else {
         // Invalid value, but we opt to show the value to the
@@ -2244,7 +2355,11 @@ function mask(el, options) {
     }
   };
   var onInput = function onInput(event) {
-    if (androidChrome) handleAndroidInput(event);else handleInputChange(event);
+    if (androidChrome) {
+      handleAndroidInput(event);
+    } else {
+      handleInputChange(event);
+    }
   };
   var handleInputChange = function handleInputChange(e) {
     if (options.readOnly) {
@@ -2337,7 +2452,11 @@ function mask(el, options) {
     for (var _i = 0; _i < maskTokens.length; _i++) {
       var _c = maskTokens[_i];
       if (_c !== '?') {
-        if (defs[_c]) buffer.push(getPlaceholder(_i));else buffer.push(_c);
+        if (defs[_c]) {
+          buffer.push(getPlaceholder(_i));
+        } else {
+          buffer.push(_c);
+        }
       }
     }
     defaultBuffer = buffer.join('');
@@ -2368,26 +2487,30 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  */
 function mergeProps(props) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  if (!props) return undefined;
+  if (!props) {
+    return undefined;
+  }
   var isFunction = function isFunction(obj) {
     return typeof obj === 'function';
   };
   var classNameMergeFunction = options.classNameMergeFunction;
   var hasMergeFunction = isFunction(classNameMergeFunction);
   return props.reduce(function (merged, ps) {
-    if (!ps) return merged;
+    if (!ps) {
+      return merged;
+    }
     var _loop = function _loop() {
       var value = ps[key];
       if (key === 'style') {
-        merged['style'] = _objectSpread(_objectSpread({}, merged['style']), ps['style']);
+        merged.style = _objectSpread(_objectSpread({}, merged.style), ps.style);
       } else if (key === 'className') {
         var newClassName = '';
         if (hasMergeFunction) {
-          newClassName = classNameMergeFunction(merged['className'], ps['className']);
+          newClassName = classNameMergeFunction(merged.className, ps.className);
         } else {
-          newClassName = [merged['className'], ps['className']].join(' ').trim();
+          newClassName = [merged.className, ps.className].join(' ').trim();
         }
-        merged['className'] = newClassName || undefined;
+        merged.className = newClassName || undefined;
       } else if (isFunction(value)) {
         var existingFn = merged[key];
         merged[key] = existingFn ? function () {