primevue 3.18.0 → 3.19.0

package/panelmenu/panelmenu.js

@@ -6,624 +6,6 @@ this.primevue.panelmenu = (function (utils, Ripple, vue) {
 
     var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 
-    var DomHandler = {
-        innerWidth(el) {
-            if (el) {
-                let width = el.offsetWidth;
-                let style = getComputedStyle(el);
-
-                width += parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
-
-                return width;
-            }
-
-            return 0;
-        },
-
-        width(el) {
-            if (el) {
-                let width = el.offsetWidth;
-                let style = getComputedStyle(el);
-
-                width -= parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
-
-                return width;
-            }
-
-            return 0;
-        },
-
-        getWindowScrollTop() {
-            let doc = document.documentElement;
-
-            return (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);
-        },
-
-        getWindowScrollLeft() {
-            let doc = document.documentElement;
-
-            return (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);
-        },
-
-        getOuterWidth(el, margin) {
-            if (el) {
-                let width = el.offsetWidth;
-
-                if (margin) {
-                    let style = getComputedStyle(el);
-
-                    width += parseFloat(style.marginLeft) + parseFloat(style.marginRight);
-                }
-
-                return width;
-            }
-
-            return 0;
-        },
-
-        getOuterHeight(el, margin) {
-            if (el) {
-                let height = el.offsetHeight;
-
-                if (margin) {
-                    let style = getComputedStyle(el);
-
-                    height += parseFloat(style.marginTop) + parseFloat(style.marginBottom);
-                }
-
-                return height;
-            }
-
-            return 0;
-        },
-
-        getClientHeight(el, margin) {
-            if (el) {
-                let height = el.clientHeight;
-
-                if (margin) {
-                    let style = getComputedStyle(el);
-
-                    height += parseFloat(style.marginTop) + parseFloat(style.marginBottom);
-                }
-
-                return height;
-            }
-
-            return 0;
-        },
-
-        getViewport() {
-            let 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;
-
-            return { width: w, height: h };
-        },
-
-        getOffset(el) {
-            if (el) {
-                let 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)
-                };
-            }
-
-            return {
-                top: 'auto',
-                left: 'auto'
-            };
-        },
-
-        index(element) {
-            if (element) {
-                let children = element.parentNode.childNodes;
-                let num = 0;
-
-                for (let i = 0; i < children.length; i++) {
-                    if (children[i] === element) return num;
-                    if (children[i].nodeType === 1) num++;
-                }
-            }
-
-            return -1;
-        },
-
-        addMultipleClasses(element, className) {
-            if (element && className) {
-                if (element.classList) {
-                    let styles = className.split(' ');
-
-                    for (let i = 0; i < styles.length; i++) {
-                        element.classList.add(styles[i]);
-                    }
-                } else {
-                    let styles = className.split(' ');
-
-                    for (let i = 0; i < styles.length; i++) {
-                        element.className += ' ' + styles[i];
-                    }
-                }
-            }
-        },
-
-        addClass(element, className) {
-            if (element && className) {
-                if (element.classList) element.classList.add(className);
-                else element.className += ' ' + className;
-            }
-        },
-
-        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'), ' ');
-            }
-        },
-
-        hasClass(element, className) {
-            if (element) {
-                if (element.classList) return element.classList.contains(className);
-                else return new RegExp('(^| )' + className + '( |$)', 'gi').test(element.className);
-            }
-
-            return false;
-        },
-
-        find(element, selector) {
-            return element ? element.querySelectorAll(selector) : [];
-        },
-
-        findSingle(element, selector) {
-            if (element) {
-                return element.querySelector(selector);
-            }
-
-            return null;
-        },
-
-        getHeight(el) {
-            if (el) {
-                let height = el.offsetHeight;
-                let style = getComputedStyle(el);
-
-                height -= parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
-
-                return height;
-            }
-
-            return 0;
-        },
-
-        getWidth(el) {
-            if (el) {
-                let width = el.offsetWidth;
-                let style = getComputedStyle(el);
-
-                width -= parseFloat(style.paddingLeft) + parseFloat(style.paddingRight) + parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth);
-
-                return width;
-            }
-
-            return 0;
-        },
-
-        absolutePosition(element, target) {
-            if (element) {
-                let elementDimensions = element.offsetParent ? { width: element.offsetWidth, height: element.offsetHeight } : this.getHiddenElementDimensions(element);
-                let elementOuterHeight = elementDimensions.height;
-                let elementOuterWidth = elementDimensions.width;
-                let targetOuterHeight = target.offsetHeight;
-                let targetOuterWidth = target.offsetWidth;
-                let targetOffset = target.getBoundingClientRect();
-                let windowScrollTop = this.getWindowScrollTop();
-                let windowScrollLeft = this.getWindowScrollLeft();
-                let viewport = this.getViewport();
-                let top, left;
-
-                if (targetOffset.top + targetOuterHeight + elementOuterHeight > viewport.height) {
-                    top = targetOffset.top + windowScrollTop - elementOuterHeight;
-                    element.style.transformOrigin = 'bottom';
-
-                    if (top < 0) {
-                        top = windowScrollTop;
-                    }
-                } else {
-                    top = targetOuterHeight + targetOffset.top + windowScrollTop;
-                    element.style.transformOrigin = 'top';
-                }
-
-                if (targetOffset.left + elementOuterWidth > viewport.width) left = Math.max(0, targetOffset.left + windowScrollLeft + targetOuterWidth - elementOuterWidth);
-                else left = targetOffset.left + windowScrollLeft;
-
-                element.style.top = top + 'px';
-                element.style.left = left + 'px';
-            }
-        },
-
-        relativePosition(element, target) {
-            if (element) {
-                let elementDimensions = element.offsetParent ? { width: element.offsetWidth, height: element.offsetHeight } : this.getHiddenElementDimensions(element);
-                const targetHeight = target.offsetHeight;
-                const targetOffset = target.getBoundingClientRect();
-                const viewport = this.getViewport();
-                let top, left;
-
-                if (targetOffset.top + targetHeight + elementDimensions.height > viewport.height) {
-                    top = -1 * elementDimensions.height;
-                    element.style.transformOrigin = 'bottom';
-
-                    if (targetOffset.top + top < 0) {
-                        top = -1 * targetOffset.top;
-                    }
-                } else {
-                    top = targetHeight;
-                    element.style.transformOrigin = 'top';
-                }
-
-                if (elementDimensions.width > viewport.width) {
-                    // element wider then viewport and cannot fit on screen (align at left side of viewport)
-                    left = targetOffset.left * -1;
-                } else if (targetOffset.left + elementDimensions.width > viewport.width) {
-                    // element wider then viewport but can be fit on screen (align at right side of viewport)
-                    left = (targetOffset.left + elementDimensions.width - viewport.width) * -1;
-                } else {
-                    // element fits on screen (align with target)
-                    left = 0;
-                }
-
-                element.style.top = top + 'px';
-                element.style.left = left + 'px';
-            }
-        },
-
-        getParents(element, parents = []) {
-            return element['parentNode'] === null ? parents : this.getParents(element.parentNode, parents.concat([element.parentNode]));
-        },
-
-        getScrollableParents(element) {
-            let scrollableParents = [];
-
-            if (element) {
-                let parents = this.getParents(element);
-                const overflowRegex = /(auto|scroll)/;
-
-                const overflowCheck = (node) => {
-                    let styleDeclaration = window['getComputedStyle'](node, null);
-
-                    return overflowRegex.test(styleDeclaration.getPropertyValue('overflow')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowX')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowY'));
-                };
-
-                for (let parent of parents) {
-                    let scrollSelectors = parent.nodeType === 1 && parent.dataset['scrollselectors'];
-
-                    if (scrollSelectors) {
-                        let selectors = scrollSelectors.split(',');
-
-                        for (let selector of selectors) {
-                            let el = this.findSingle(parent, selector);
-
-                            if (el && overflowCheck(el)) {
-                                scrollableParents.push(el);
-                            }
-                        }
-                    }
-
-                    if (parent.nodeType !== 9 && overflowCheck(parent)) {
-                        scrollableParents.push(parent);
-                    }
-                }
-            }
-
-            return scrollableParents;
-        },
-
-        getHiddenElementOuterHeight(element) {
-            if (element) {
-                element.style.visibility = 'hidden';
-                element.style.display = 'block';
-                let elementHeight = element.offsetHeight;
-
-                element.style.display = 'none';
-                element.style.visibility = 'visible';
-
-                return elementHeight;
-            }
-
-            return 0;
-        },
-
-        getHiddenElementOuterWidth(element) {
-            if (element) {
-                element.style.visibility = 'hidden';
-                element.style.display = 'block';
-                let elementWidth = element.offsetWidth;
-
-                element.style.display = 'none';
-                element.style.visibility = 'visible';
-
-                return elementWidth;
-            }
-
-            return 0;
-        },
-
-        getHiddenElementDimensions(element) {
-            if (element) {
-                let dimensions = {};
-
-                element.style.visibility = 'hidden';
-                element.style.display = 'block';
-                dimensions.width = element.offsetWidth;
-                dimensions.height = element.offsetHeight;
-                element.style.display = 'none';
-                element.style.visibility = 'visible';
-
-                return dimensions;
-            }
-
-            return 0;
-        },
-
-        fadeIn(element, duration) {
-            if (element) {
-                element.style.opacity = 0;
-
-                let last = +new Date();
-                let opacity = 0;
-
-                let tick = function () {
-                    opacity = +element.style.opacity + (new Date().getTime() - last) / duration;
-                    element.style.opacity = opacity;
-                    last = +new Date();
-
-                    if (+opacity < 1) {
-                        (window.requestAnimationFrame && requestAnimationFrame(tick)) || setTimeout(tick, 16);
-                    }
-                };
-
-                tick();
-            }
-        },
-
-        fadeOut(element, ms) {
-            if (element) {
-                let opacity = 1,
-                    interval = 50,
-                    duration = ms,
-                    gap = interval / duration;
-
-                let fading = setInterval(() => {
-                    opacity -= gap;
-
-                    if (opacity <= 0) {
-                        opacity = 0;
-                        clearInterval(fading);
-                    }
-
-                    element.style.opacity = opacity;
-                }, interval);
-            }
-        },
-
-        getUserAgent() {
-            return navigator.userAgent;
-        },
-
-        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);
-        },
-
-        scrollInView(container, item) {
-            let borderTopValue = getComputedStyle(container).getPropertyValue('borderTopWidth');
-            let borderTop = borderTopValue ? parseFloat(borderTopValue) : 0;
-            let paddingTopValue = getComputedStyle(container).getPropertyValue('paddingTop');
-            let paddingTop = paddingTopValue ? parseFloat(paddingTopValue) : 0;
-            let containerRect = container.getBoundingClientRect();
-            let itemRect = item.getBoundingClientRect();
-            let offset = itemRect.top + document.body.scrollTop - (containerRect.top + document.body.scrollTop) - borderTop - paddingTop;
-            let scroll = container.scrollTop;
-            let elementHeight = container.clientHeight;
-            let itemHeight = this.getOuterHeight(item);
-
-            if (offset < 0) {
-                container.scrollTop = scroll + offset;
-            } else if (offset + itemHeight > elementHeight) {
-                container.scrollTop = scroll + offset - elementHeight + itemHeight;
-            }
-        },
-
-        clearSelection() {
-            if (window.getSelection) {
-                if (window.getSelection().empty) {
-                    window.getSelection().empty();
-                } 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) {
-                try {
-                    document['selection'].empty();
-                } catch (error) {
-                    //ignore IE bug
-                }
-            }
-        },
-
-        getSelection() {
-            if (window.getSelection) return window.getSelection().toString();
-            else if (document.getSelection) return document.getSelection().toString();
-            else if (document['selection']) return document['selection'].createRange().text;
-
-            return null;
-        },
-
-        calculateScrollbarWidth() {
-            if (this.calculatedScrollbarWidth != null) return this.calculatedScrollbarWidth;
-
-            let scrollDiv = document.createElement('div');
-
-            scrollDiv.className = 'p-scrollbar-measure';
-            document.body.appendChild(scrollDiv);
-
-            let scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
-
-            document.body.removeChild(scrollDiv);
-
-            this.calculatedScrollbarWidth = scrollbarWidth;
-
-            return scrollbarWidth;
-        },
-
-        getBrowser() {
-            if (!this.browser) {
-                let matched = this.resolveUserAgent();
-
-                this.browser = {};
-
-                if (matched.browser) {
-                    this.browser[matched.browser] = true;
-                    this.browser['version'] = matched.version;
-                }
-
-                if (this.browser['chrome']) {
-                    this.browser['webkit'] = true;
-                } else if (this.browser['webkit']) {
-                    this.browser['safari'] = true;
-                }
-            }
-
-            return this.browser;
-        },
-
-        resolveUserAgent() {
-            let ua = navigator.userAgent.toLowerCase();
-            let match = /(chrome)[ ]([\w.]+)/.exec(ua) || /(webkit)[ ]([\w.]+)/.exec(ua) || /(opera)(?:.*version|)[ ]([\w.]+)/.exec(ua) || /(msie) ([\w.]+)/.exec(ua) || (ua.indexOf('compatible') < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(ua)) || [];
-
-            return {
-                browser: match[1] || '',
-                version: match[2] || '0'
-            };
-        },
-
-        isVisible(element) {
-            return element && element.offsetParent != null;
-        },
-
-        invokeElementMethod(element, methodName, args) {
-            element[methodName].apply(element, args);
-        },
-
-        isExist(element) {
-            return element !== null && typeof element !== 'undefined' && element.nodeName && element.parentNode;
-        },
-
-        isClient() {
-            return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-        },
-
-        focus(el, options) {
-            el && document.activeElement !== el && el.focus(options);
-        },
-
-        getFocusableElements(element, selector = '') {
-            let focusableElements = this.find(
-                element,
-                `button:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector},
-                [href][clientHeight][clientWidth]:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector},
-                input:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector},
-                select:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector},
-                textarea:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector},
-                [tabIndex]:not([tabIndex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector},
-                [contenteditable]:not([tabIndex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector}`
-            );
-
-            let visibleFocusableElements = [];
-
-            for (let focusableElement of focusableElements) {
-                if (getComputedStyle(focusableElement).display != 'none' && getComputedStyle(focusableElement).visibility != 'hidden') visibleFocusableElements.push(focusableElement);
-            }
-
-            return visibleFocusableElements;
-        },
-
-        getFirstFocusableElement(element, selector) {
-            const focusableElements = this.getFocusableElements(element, selector);
-
-            return focusableElements.length > 0 ? focusableElements[0] : null;
-        },
-
-        isClickable(element) {
-            const targetNode = element.nodeName;
-            const parentNode = element.parentElement && element.parentElement.nodeName;
-
-            return (
-                targetNode == 'INPUT' ||
-                targetNode == 'BUTTON' ||
-                targetNode == 'A' ||
-                parentNode == 'INPUT' ||
-                parentNode == 'BUTTON' ||
-                parentNode == 'A' ||
-                this.hasClass(element, 'p-button') ||
-                this.hasClass(element.parentElement, 'p-button') ||
-                this.hasClass(element.parentElement, 'p-checkbox') ||
-                this.hasClass(element.parentElement, 'p-radiobutton')
-            );
-        },
-
-        applyStyle(element, style) {
-            if (typeof style === 'string') {
-                element.style.cssText = style;
-            } else {
-                for (let prop in style) {
-                    element.style[prop] = style[prop];
-                }
-            }
-        },
-
-        isIOS() {
-            return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window['MSStream'];
-        },
-
-        isAndroid() {
-            return /(android)/i.test(navigator.userAgent);
-        },
-
-        isTouchDevice() {
-            return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
-        },
-
-        exportCSV(csv, filename) {
-            let blob = new Blob([csv], {
-                type: 'application/csv;charset=utf-8;'
-            });
-
-            if (window.navigator.msSaveOrOpenBlob) {
-                navigator.msSaveOrOpenBlob(blob, filename + '.csv');
-            } else {
-                let link = document.createElement('a');
-
-                if (link.download !== undefined) {
-                    link.setAttribute('href', URL.createObjectURL(blob));
-                    link.setAttribute('download', filename + '.csv');
-                    link.style.display = 'none';
-                    document.body.appendChild(link);
-                    link.click();
-                    document.body.removeChild(link);
-                } else {
-                    csv = 'data:text/csv;charset=utf-8,' + csv;
-                    window.open(encodeURI(csv));
-                }
-            }
-        }
-    };
-
     var script$2 = {
         name: 'PanelMenuSub',
         emits: ['item-toggle'],
@@ -1025,8 +407,8 @@ this.primevue.panelmenu = (function (utils, Ripple, vue) {
             },
             onEnterKey(event) {
                 if (utils.ObjectUtils.isNotEmpty(this.focusedItem)) {
-                    const element = DomHandler.findSingle(this.$el, `li[id="${`${this.focusedItemId}`}"]`);
-                    const anchorElement = element && DomHandler.findSingle(element, '.p-menuitem-link');
+                    const element = utils.DomHandler.findSingle(this.$el, `li[id="${`${this.focusedItemId}`}"]`);
+                    const anchorElement = element && utils.DomHandler.findSingle(element, '.p-menuitem-link');
 
                     anchorElement ? anchorElement.click() : element && element.click();
                 }
@@ -1047,7 +429,7 @@ this.primevue.panelmenu = (function (utils, Ripple, vue) {
                 }
 
                 this.focusedItem = processedItem;
-                DomHandler.focus(this.$el);
+                utils.DomHandler.focus(this.$el);
             },
             isElementInPanel(event, element) {
                 const panel = event.currentTarget.closest('.p-panelmenu-panel');
@@ -1089,7 +471,7 @@ this.primevue.panelmenu = (function (utils, Ripple, vue) {
                 }
             },
             scrollInView() {
-                const element = DomHandler.findSingle(this.$el, `li[id="${`${this.focusedItemId}`}"]`);
+                const element = utils.DomHandler.findSingle(this.$el, `li[id="${`${this.focusedItemId}`}"]`);
 
                 if (element) {
                     element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'start' });