primevue 3.18.0 → 3.19.0

package/panelmenu/panelmenu.esm.js

@@ -1,625 +1,7 @@
-import { ObjectUtils, DomHandler as DomHandler$1, UniqueComponentId } from 'primevue/utils';
+import { ObjectUtils, DomHandler, UniqueComponentId } from 'primevue/utils';
 import Ripple from 'primevue/ripple';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, Fragment, renderList, normalizeStyle, normalizeClass, createElementVNode, createBlock, withCtx, withDirectives, createCommentVNode, toDisplayString, resolveDynamicComponent, createVNode, Transition, vShow } from 'vue';
 
-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'],
@@ -1256,7 +638,7 @@ var script = {
             }
 
             this.changeActiveItem(event, item);
-            DomHandler$1.focus(event.currentTarget);
+            DomHandler.focus(event.currentTarget);
         },
         onHeaderKeyDown(event, item) {
             switch (event.code) {
@@ -1283,16 +665,16 @@ var script = {
             }
         },
         onHeaderArrowDownKey(event) {
-            const rootList = DomHandler$1.hasClass(event.currentTarget, 'p-highlight') ? DomHandler$1.findSingle(event.currentTarget.nextElementSibling, '.p-panelmenu-root-list') : null;
+            const rootList = DomHandler.hasClass(event.currentTarget, 'p-highlight') ? DomHandler.findSingle(event.currentTarget.nextElementSibling, '.p-panelmenu-root-list') : null;
 
-            rootList ? DomHandler$1.focus(rootList) : this.updateFocusedHeader({ originalEvent: event, focusOnNext: true });
+            rootList ? DomHandler.focus(rootList) : this.updateFocusedHeader({ originalEvent: event, focusOnNext: true });
             event.preventDefault();
         },
         onHeaderArrowUpKey(event) {
             const prevHeader = this.findPrevHeader(event.currentTarget.parentElement) || this.findLastHeader();
-            const rootList = DomHandler$1.hasClass(prevHeader, 'p-highlight') ? DomHandler$1.findSingle(prevHeader.nextElementSibling, '.p-panelmenu-root-list') : null;
+            const rootList = DomHandler.hasClass(prevHeader, 'p-highlight') ? DomHandler.findSingle(prevHeader.nextElementSibling, '.p-panelmenu-root-list') : null;
 
-            rootList ? DomHandler$1.focus(rootList) : this.updateFocusedHeader({ originalEvent: event, focusOnNext: false });
+            rootList ? DomHandler.focus(rootList) : this.updateFocusedHeader({ originalEvent: event, focusOnNext: false });
             event.preventDefault();
         },
         onHeaderHomeKey(event) {
@@ -1304,7 +686,7 @@ var script = {
             event.preventDefault();
         },
         onHeaderEnterKey(event, item) {
-            const headerAction = DomHandler$1.findSingle(event.currentTarget, '.p-panelmenu-header-action');
+            const headerAction = DomHandler.findSingle(event.currentTarget, '.p-panelmenu-header-action');
 
             headerAction ? headerAction.click() : this.onHeaderClick(event, item);
             event.preventDefault();
@@ -1314,15 +696,15 @@ var script = {
         },
         findNextHeader(panelElement, selfCheck = false) {
             const nextPanelElement = selfCheck ? panelElement : panelElement.nextElementSibling;
-            const headerElement = DomHandler$1.findSingle(nextPanelElement, '.p-panelmenu-header');
+            const headerElement = DomHandler.findSingle(nextPanelElement, '.p-panelmenu-header');
 
-            return headerElement ? (DomHandler$1.hasClass(headerElement, 'p-disabled') ? this.findNextHeader(headerElement.parentElement) : headerElement) : null;
+            return headerElement ? (DomHandler.hasClass(headerElement, 'p-disabled') ? this.findNextHeader(headerElement.parentElement) : headerElement) : null;
         },
         findPrevHeader(panelElement, selfCheck = false) {
             const prevPanelElement = selfCheck ? panelElement : panelElement.previousElementSibling;
-            const headerElement = DomHandler$1.findSingle(prevPanelElement, '.p-panelmenu-header');
+            const headerElement = DomHandler.findSingle(prevPanelElement, '.p-panelmenu-header');
 
-            return headerElement ? (DomHandler$1.hasClass(headerElement, 'p-disabled') ? this.findPrevHeader(headerElement.parentElement) : headerElement) : null;
+            return headerElement ? (DomHandler.hasClass(headerElement, 'p-disabled') ? this.findPrevHeader(headerElement.parentElement) : headerElement) : null;
         },
         findFirstHeader() {
             return this.findNextHeader(this.$el.firstElementChild, true);
@@ -1333,7 +715,7 @@ var script = {
         updateFocusedHeader(event) {
             const { originalEvent, focusOnNext, selfCheck } = event;
             const panelElement = originalEvent.currentTarget.closest('.p-panelmenu-panel');
-            const header = selfCheck ? DomHandler$1.findSingle(panelElement, '.p-panelmenu-header') : focusOnNext ? this.findNextHeader(panelElement) : this.findPrevHeader(panelElement);
+            const header = selfCheck ? DomHandler.findSingle(panelElement, '.p-panelmenu-header') : focusOnNext ? this.findNextHeader(panelElement) : this.findPrevHeader(panelElement);
 
             header ? this.changeFocusedHeader(originalEvent, header) : focusOnNext ? this.onHeaderHomeKey(originalEvent) : this.onHeaderEndKey(originalEvent);
         },
@@ -1359,7 +741,7 @@ var script = {
             }
         },
         changeFocusedHeader(event, element) {
-            element && DomHandler$1.focus(element);
+            element && DomHandler.focus(element);
         },
         getPanelClass(item) {
             return ['p-panelmenu-panel', this.getItemProp(item, 'class')];