diff --git a/src/components/utils/DomHandler.js b/src/components/utils/DomHandler.js
index bfecd3d0e..b7b2da592 100755
--- a/src/components/utils/DomHandler.js
+++ b/src/components/utils/DomHandler.js
@@ -1,32 +1,32 @@
-export default class DomHandler {
+export default  {
 
-    static innerWidth(el) {
+    innerWidth(el) {
         let width = el.offsetWidth;
         let style = getComputedStyle(el);
 
         width += parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
         return width;
-    }
+    },
 
-    static width(el) {
+    width(el) {
         let width = el.offsetWidth;
         let style = getComputedStyle(el);
 
         width -= parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
         return width;
-    }
+    },
 
-    static getWindowScrollTop() {
+    getWindowScrollTop() {
         let doc = document.documentElement;
         return (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);
-    }
+    },
 
-    static getWindowScrollLeft() {
+    getWindowScrollLeft() {
         let doc = document.documentElement;
         return (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);
-    }
+    },
 
-    static getOuterWidth(el, margin) {
+    getOuterWidth(el, margin) {
         if (el) {
             let width = el.offsetWidth;
 
@@ -40,9 +40,9 @@ export default class DomHandler {
         else {
             return 0;
         }
-    }
+    },
 
-    static getOuterHeight(el, margin) {
+    getOuterHeight(el, margin) {
         if (el) {
             let height = el.offsetHeight;
 
@@ -56,9 +56,9 @@ export default class DomHandler {
         else {
             return 0;
         }
-    }
+    },
 
-    static getClientHeight(el, margin) {
+    getClientHeight(el, margin) {
         if (el) {
             let height = el.clientHeight;
 
@@ -71,9 +71,9 @@ export default class DomHandler {
         } else {
             return 0;
         }
-    }
+    },
 
-    static getViewport() {
+    getViewport() {
         let win = window,
             d = document,
             e = d.documentElement,
@@ -82,18 +82,18 @@ export default class DomHandler {
             h = win.innerHeight || e.clientHeight || g.clientHeight;
 
         return {width: w, height: h};
-    }
+    },
 
-    static getOffset(el) {
+    getOffset(el) {
         var rect = el.getBoundingClientRect();
 
         return {
             top: rect.top + (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0),
             left: rect.left + (window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0),
         };
-    }
+    },
 
-    static index(element) {
+    index(element) {
         let children = element.parentNode.childNodes;
         let num = 0;
         for (var i = 0; i < children.length; i++) {
@@ -101,9 +101,9 @@ export default class DomHandler {
             if (children[i].nodeType === 1) num++;
         }
         return -1;
-    }
+    },
 
-    static addMultipleClasses(element, className) {
+    addMultipleClasses(element, className) {
         if (element.classList) {
             let styles = className.split(' ');
             for (let i = 0; i < styles.length; i++) {
@@ -117,23 +117,23 @@ export default class DomHandler {
                 element.className += ' ' + styles[i];
             }
         }
-    }
+    },
 
-    static addClass(element, className) {
+    addClass(element, className) {
         if (element.classList)
             element.classList.add(className);
         else
             element.className += ' ' + className;
-    }
+    },
 
-    static removeClass(element, className) {
+    removeClass(element, className) {
         if (element.classList)
             element.classList.remove(className);
         else
             element.className = element.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
-    }
+    },
 
-    static hasClass(element, className) {
+    hasClass(element, className) {
         if (element) {
             if (element.classList)
                 return element.classList.contains(className);
@@ -142,35 +142,35 @@ export default class DomHandler {
         }
 
         return false;
-    }
+    },
 
-    static find(element, selector) {
+    find(element, selector) {
         return element.querySelectorAll(selector);
-    }
+    },
 
-    static findSingle(element, selector) {
+    findSingle(element, selector) {
         return element.querySelector(selector);
-    }
+    },
 
-    static getHeight(el) {
+    getHeight(el) {
         let height = el.offsetHeight;
         let style = getComputedStyle(el);
 
         height -= parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
 
         return height;
-    }
+    },
 
-    static getWidth(el) {
+    getWidth(el) {
         let width = el.offsetWidth;
         let style = getComputedStyle(el);
 
         width -= parseFloat(style.paddingLeft) + parseFloat(style.paddingRight) + parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth);
 
         return width;
-    }
+    },
 
-    static absolutePosition(element, target) {
+    absolutePosition(element, target) {
         let elementDimensions = element.offsetParent ? { width: element.offsetWidth, height: element.offsetHeight } : this.getHiddenElementDimensions(element)
         let elementOuterHeight = elementDimensions.height;
         let elementOuterWidth = elementDimensions.width;
@@ -202,9 +202,9 @@ export default class DomHandler {
 
         element.style.top = top + 'px';
         element.style.left = left + 'px';
-    }
+    },
 
-    static relativePosition(element, target) {
+    relativePosition(element, target) {
         let elementDimensions = element.offsetParent ? { width: element.offsetWidth, height: element.offsetHeight } : this.getHiddenElementDimensions(element);
         const targetHeight = target.offsetHeight;
         const targetOffset = target.getBoundingClientRect();
@@ -238,13 +238,13 @@ export default class DomHandler {
 
         element.style.top = top + 'px';
         element.style.left = left + 'px';
-    }
+    },
 
-    static getParents(element, parents = []) {
+    getParents(element, parents = []) {
         return element['parentNode'] === null ? parents : this.getParents(element.parentNode, parents.concat([element.parentNode]));
-    }
+    },
 
-    static getScrollableParents(element) {
+    getScrollableParents(element) {
         let scrollableParents = [];
 
         if (element) {
@@ -274,9 +274,9 @@ export default class DomHandler {
         }
 
         return scrollableParents;
-    }
+    },
 
-    static getHiddenElementOuterHeight(element) {
+    getHiddenElementOuterHeight(element) {
         element.style.visibility = 'hidden';
         element.style.display = 'block';
         let elementHeight = element.offsetHeight;
@@ -284,9 +284,9 @@ export default class DomHandler {
         element.style.visibility = 'visible';
 
         return elementHeight;
-    }
+    },
 
-    static getHiddenElementOuterWidth(element) {
+    getHiddenElementOuterWidth(element) {
         element.style.visibility = 'hidden';
         element.style.display = 'block';
         let elementWidth = element.offsetWidth;
@@ -294,9 +294,9 @@ export default class DomHandler {
         element.style.visibility = 'visible';
 
         return elementWidth;
-    }
+    },
 
-    static getHiddenElementDimensions(element) {
+    getHiddenElementDimensions(element) {
         var dimensions = {};
         element.style.visibility = 'hidden';
         element.style.display = 'block';
@@ -306,9 +306,9 @@ export default class DomHandler {
         element.style.visibility = 'visible';
 
         return dimensions;
-    }
+    },
 
-    static fadeIn(element, duration) {
+    fadeIn(element, duration) {
         element.style.opacity = 0;
 
         var last = +new Date();
@@ -324,9 +324,9 @@ export default class DomHandler {
         };
 
         tick();
-    }
+    },
 
-    static fadeOut(element, ms) {
+    fadeOut(element, ms) {
         var opacity = 1,
             interval = 50,
             duration = ms,
@@ -342,22 +342,22 @@ export default class DomHandler {
 
             element.style.opacity = opacity;
         }, interval);
-    }
+    },
 
-    static getUserAgent() {
+    getUserAgent() {
         return navigator.userAgent;
-    }
+    },
 
-    static appendChild(element, target) {
+    appendChild(element, target) {
         if(this.isElement(target))
             target.appendChild(element);
         else if(target.el && target.elElement)
             target.elElement.appendChild(element);
         else
             throw new Error('Cannot append ' + target + ' to ' + element);
-    }
+    },
 
-    static scrollInView(container, item) {
+    scrollInView(container, item) {
         let borderTopValue = getComputedStyle(container).getPropertyValue('borderTopWidth');
         let borderTop = borderTopValue ? parseFloat(borderTopValue) : 0;
         let paddingTopValue = getComputedStyle(container).getPropertyValue('paddingTop');
@@ -375,9 +375,9 @@ export default class DomHandler {
         else if ((offset + itemHeight) > elementHeight) {
             container.scrollTop = scroll + offset - elementHeight + itemHeight;
         }
-    }
+    },
 
-    static clearSelection() {
+    clearSelection() {
         if(window.getSelection) {
             if(window.getSelection().empty) {
                 window.getSelection().empty();
@@ -392,9 +392,9 @@ export default class DomHandler {
                 //ignore IE bug
             }
         }
-    }
+    },
 
-    static calculateScrollbarWidth() {
+    calculateScrollbarWidth() {
         if(this.calculatedScrollbarWidth != null)
             return this.calculatedScrollbarWidth;
 
@@ -408,9 +408,9 @@ export default class DomHandler {
         this.calculatedScrollbarWidth = scrollbarWidth;
 
         return scrollbarWidth;
-    }
+    },
 
-    static getBrowser() {
+    getBrowser() {
         if(!this.browser) {
             let matched = this.resolveUserAgent();
             this.browser = {};
@@ -428,9 +428,9 @@ export default class DomHandler {
         }
 
         return this.browser;
-    }
+    },
 
-    static resolveUserAgent() {
+    resolveUserAgent() {
         let ua = navigator.userAgent.toLowerCase();
         let match = /(chrome)[ ]([\w.]+)/.exec(ua) ||
             /(webkit)[ ]([\w.]+)/.exec(ua) ||
@@ -443,17 +443,17 @@ export default class DomHandler {
             browser: match[1] || "",
             version: match[2] || "0"
         };
-    }
+    },
 
-    static isVisible(element) {
+    isVisible(element) {
         return element.offsetParent != null;
-    }
+    },
 
-    static invokeElementMethod(element, methodName, args) {
+    invokeElementMethod(element, methodName, args) {
         (element)[methodName].apply(element, args);
-    }
+    },
 
-    static getFocusableElements(element) {
+    getFocusableElements(element) {
         let focusableElements = DomHandler.find(element, `button:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden]),
                 [href][clientHeight][clientWidth]:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden]),
                 input:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden]), select:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden]),
@@ -468,9 +468,9 @@ export default class DomHandler {
         }
 
         return visibleFocusableElements;
-    }
+    },
 
-    static isClickable(element) {
+    isClickable(element) {
         const targetNode = element.nodeName;
         const parentNode = element.parentElement && element.parentElement.nodeName;
 
@@ -479,9 +479,9 @@ export default class DomHandler {
                 this.hasClass(element, 'p-button') || this.hasClass(element.parentElement, 'p-button') ||
                 this.hasClass(element.parentElement, 'p-checkbox') || this.hasClass(element.parentElement, 'p-radiobutton')
         );
-    }
+    },
 
-    static applyStyle(element, style) {
+    applyStyle(element, style) {
         if (typeof style === 'string') {
             element.style.cssText = this.style;
         }
@@ -490,17 +490,17 @@ export default class DomHandler {
                 element.style[prop] = style[prop];
             }
         }
-    }
+    },
 
-    static isIOS() {
+    isIOS() {
         return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window['MSStream'];
-    }
+    },
 
-    static isAndroid() {
+    isAndroid() {
         return /(android)/i.test(navigator.userAgent);
-    }
+    },
 
-    static isTouchDevice() {
+    isTouchDevice() {
         return (('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0));
     }
 }
diff --git a/src/components/utils/ObjectUtils.js b/src/components/utils/ObjectUtils.js
index 3b3edd76a..495e76b67 100755
--- a/src/components/utils/ObjectUtils.js
+++ b/src/components/utils/ObjectUtils.js
@@ -1,13 +1,13 @@
-export default class ObjectUtils {
+export default {
 
-    static equals(obj1, obj2, field) {
+    equals(obj1, obj2, field) {
         if (field)
             return (this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field));
         else
             return this.deepEquals(obj1, obj2);
-    }
+    },
 
-    static deepEquals(a, b) {
+    deepEquals(a, b) {
         if (a === b) return true;
 
         if (a && b && typeof a == 'object' && typeof b == 'object') {
@@ -55,9 +55,9 @@ export default class ObjectUtils {
         }
 
         return a !== a && b !== b;
-    }
+    },
 
-    static resolveFieldData(data, field) {
+    resolveFieldData(data, field) {
         if (data && Object.keys(data).length && field) {
             if (this.isFunction(field)) {
                 return field(data);
@@ -80,13 +80,13 @@ export default class ObjectUtils {
         else {
             return null;
         }
-    }
+    },
 
-    static isFunction(obj) {
+    isFunction(obj) {
         return !!(obj && obj.constructor && obj.call && obj.apply);
-    }
+    },
 
-    static filter(value, fields, filterValue) {
+    filter(value, fields, filterValue) {
         var filteredItems = [];
 
         if (value) {
@@ -101,9 +101,9 @@ export default class ObjectUtils {
         }
 
         return filteredItems;
-    }
+    },
 
-    static reorderArray(value, from, to) {
+    reorderArray(value, from, to) {
         let target;
         if (value && (from !== to)) {
             if (to >= value.length) {
@@ -114,9 +114,9 @@ export default class ObjectUtils {
             }
             value.splice(to, 0, value.splice(from, 1)[0]);
         }
-    }
+    },
 
-    static findIndexInList(value, list) {
+    findIndexInList(value, list) {
         let index = -1;
 
         if (list) {
@@ -129,9 +129,9 @@ export default class ObjectUtils {
         }
 
         return index;
-    }
+    },
 
-    static contains(value, list) {
+    contains(value, list) {
         if (value != null && list && list.length) {
             for (let val of list) {
                 if (this.equals(value, val))
@@ -140,9 +140,9 @@ export default class ObjectUtils {
         }
 
         return false;
-    }
+    },
 
-    static insertIntoOrderedArray(item, index, arr, sourceArr) {
+    insertIntoOrderedArray(item, index, arr, sourceArr) {
         if (arr.length > 0) {
             let injected = false;
             for (let i = 0; i < arr.length; i++) {
@@ -161,9 +161,9 @@ export default class ObjectUtils {
         else {
             arr.push(item);
         }
-    }
+    },
 
-    static removeAccents(str) {
+    removeAccents(str) {
         if (str && str.search(/[\xC0-\xFF]/g) > -1) {
             str = str
                     .replace(/[\xC0-\xC5]/g, "A")
@@ -190,9 +190,9 @@ export default class ObjectUtils {
         }
 
         return str;
-    }
+    },
 
-    static getVNodeProp(vnode, prop) {
+    getVNodeProp(vnode, prop) {
         let props = vnode.props;
         if (props) {
             let kebapProp = prop.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();