primevue 3.16.0 → 3.17.0

package/steps/steps.cjs.js

@@ -10,7 +10,7 @@ var script = {
             type: String,
             default: utils.UniqueComponentId()
         },
-		model: {
+        model: {
             type: Array,
             default: null
         },
@@ -27,6 +27,7 @@ var script = {
         onItemClick(event, item, navigate) {
             if (this.disabled(item) || this.readonly) {
                 event.preventDefault();
+
                 return;
             }
 
@@ -45,33 +46,40 @@ var script = {
             return item.to ? this.$router.resolve(item.to).path === this.$route.path : false;
         },
         getItemClass(item) {
-            return ['p-steps-item', item.class, {
-                'p-highlight p-steps-current': this.isActive(item),
-                'p-disabled': this.isItemDisabled(item)
-            }];
+            return [
+                'p-steps-item',
+                item.class,
+                {
+                    'p-highlight p-steps-current': this.isActive(item),
+                    'p-disabled': this.isItemDisabled(item)
+                }
+            ];
         },
         linkClass(routerProps) {
-            return ['p-menuitem-link', {
-                'router-link-active': routerProps && routerProps.isActive,
-                'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
-            }];
+            return [
+                'p-menuitem-link',
+                {
+                    'router-link-active': routerProps && routerProps.isActive,
+                    'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
+                }
+            ];
         },
         isItemDisabled(item) {
-            return (this.disabled(item) || (this.readonly && !this.isActive(item)));
+            return this.disabled(item) || (this.readonly && !this.isActive(item));
         },
         visible(item) {
-            return (typeof item.visible === 'function' ? item.visible() : item.visible !== false);
+            return typeof item.visible === 'function' ? item.visible() : item.visible !== false;
         },
         disabled(item) {
-            return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+            return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
         },
         label(item) {
-            return (typeof item.label === 'function' ? item.label() : item.label);
+            return typeof item.label === 'function' ? item.label() : item.label;
         }
     },
     computed: {
         containerClass() {
-            return ['p-steps p-component', {'p-readonly': this.readonly}];
+            return ['p-steps p-component', { 'p-readonly': this.readonly }];
         }
     }
 };
@@ -114,10 +122,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             to: item.to,
                             custom: ""
                           }, {
-                            default: vue.withCtx(({navigate, href, isActive, isExactActive}) => [
+                            default: vue.withCtx(({ navigate, href, isActive, isExactActive }) => [
                               vue.createElementVNode("a", {
                                 href: href,
-                                class: vue.normalizeClass($options.linkClass({isActive, isExactActive})),
+                                class: vue.normalizeClass($options.linkClass({ isActive, isExactActive })),
                                 onClick: $event => ($options.onItemClick($event, item, navigate)),
                                 role: "presentation"
                               }, [

package/steps/steps.esm.js

@@ -8,7 +8,7 @@ var script = {
             type: String,
             default: UniqueComponentId()
         },
-		model: {
+        model: {
             type: Array,
             default: null
         },
@@ -25,6 +25,7 @@ var script = {
         onItemClick(event, item, navigate) {
             if (this.disabled(item) || this.readonly) {
                 event.preventDefault();
+
                 return;
             }
 
@@ -43,33 +44,40 @@ var script = {
             return item.to ? this.$router.resolve(item.to).path === this.$route.path : false;
         },
         getItemClass(item) {
-            return ['p-steps-item', item.class, {
-                'p-highlight p-steps-current': this.isActive(item),
-                'p-disabled': this.isItemDisabled(item)
-            }];
+            return [
+                'p-steps-item',
+                item.class,
+                {
+                    'p-highlight p-steps-current': this.isActive(item),
+                    'p-disabled': this.isItemDisabled(item)
+                }
+            ];
         },
         linkClass(routerProps) {
-            return ['p-menuitem-link', {
-                'router-link-active': routerProps && routerProps.isActive,
-                'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
-            }];
+            return [
+                'p-menuitem-link',
+                {
+                    'router-link-active': routerProps && routerProps.isActive,
+                    'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
+                }
+            ];
         },
         isItemDisabled(item) {
-            return (this.disabled(item) || (this.readonly && !this.isActive(item)));
+            return this.disabled(item) || (this.readonly && !this.isActive(item));
         },
         visible(item) {
-            return (typeof item.visible === 'function' ? item.visible() : item.visible !== false);
+            return typeof item.visible === 'function' ? item.visible() : item.visible !== false;
         },
         disabled(item) {
-            return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+            return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
         },
         label(item) {
-            return (typeof item.label === 'function' ? item.label() : item.label);
+            return typeof item.label === 'function' ? item.label() : item.label;
         }
     },
     computed: {
         containerClass() {
-            return ['p-steps p-component', {'p-readonly': this.readonly}];
+            return ['p-steps p-component', { 'p-readonly': this.readonly }];
         }
     }
 };
@@ -112,10 +120,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             to: item.to,
                             custom: ""
                           }, {
-                            default: withCtx(({navigate, href, isActive, isExactActive}) => [
+                            default: withCtx(({ navigate, href, isActive, isExactActive }) => [
                               createElementVNode("a", {
                                 href: href,
-                                class: normalizeClass($options.linkClass({isActive, isExactActive})),
+                                class: normalizeClass($options.linkClass({ isActive, isExactActive })),
                                 onClick: $event => ($options.onItemClick($event, item, navigate)),
                                 role: "presentation"
                               }, [

package/steps/steps.js

@@ -9,7 +9,7 @@ this.primevue.steps = (function (utils, vue) {
                 type: String,
                 default: utils.UniqueComponentId()
             },
-    		model: {
+            model: {
                 type: Array,
                 default: null
             },
@@ -26,6 +26,7 @@ this.primevue.steps = (function (utils, vue) {
             onItemClick(event, item, navigate) {
                 if (this.disabled(item) || this.readonly) {
                     event.preventDefault();
+
                     return;
                 }
 
@@ -44,33 +45,40 @@ this.primevue.steps = (function (utils, vue) {
                 return item.to ? this.$router.resolve(item.to).path === this.$route.path : false;
             },
             getItemClass(item) {
-                return ['p-steps-item', item.class, {
-                    'p-highlight p-steps-current': this.isActive(item),
-                    'p-disabled': this.isItemDisabled(item)
-                }];
+                return [
+                    'p-steps-item',
+                    item.class,
+                    {
+                        'p-highlight p-steps-current': this.isActive(item),
+                        'p-disabled': this.isItemDisabled(item)
+                    }
+                ];
             },
             linkClass(routerProps) {
-                return ['p-menuitem-link', {
-                    'router-link-active': routerProps && routerProps.isActive,
-                    'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
-                }];
+                return [
+                    'p-menuitem-link',
+                    {
+                        'router-link-active': routerProps && routerProps.isActive,
+                        'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
+                    }
+                ];
             },
             isItemDisabled(item) {
-                return (this.disabled(item) || (this.readonly && !this.isActive(item)));
+                return this.disabled(item) || (this.readonly && !this.isActive(item));
             },
             visible(item) {
-                return (typeof item.visible === 'function' ? item.visible() : item.visible !== false);
+                return typeof item.visible === 'function' ? item.visible() : item.visible !== false;
             },
             disabled(item) {
-                return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+                return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
             },
             label(item) {
-                return (typeof item.label === 'function' ? item.label() : item.label);
+                return typeof item.label === 'function' ? item.label() : item.label;
             }
         },
         computed: {
             containerClass() {
-                return ['p-steps p-component', {'p-readonly': this.readonly}];
+                return ['p-steps p-component', { 'p-readonly': this.readonly }];
             }
         }
     };
@@ -113,10 +121,10 @@ this.primevue.steps = (function (utils, vue) {
                                 to: item.to,
                                 custom: ""
                               }, {
-                                default: vue.withCtx(({navigate, href, isActive, isExactActive}) => [
+                                default: vue.withCtx(({ navigate, href, isActive, isExactActive }) => [
                                   vue.createElementVNode("a", {
                                     href: href,
-                                    class: vue.normalizeClass($options.linkClass({isActive, isExactActive})),
+                                    class: vue.normalizeClass($options.linkClass({ isActive, isExactActive })),
                                     onClick: $event => ($options.onItemClick($event, item, navigate)),
                                     role: "presentation"
                                   }, [

package/styleclass/styleclass.cjs.js

@@ -7,18 +7,14 @@ function bind(el, binding) {
         const target = resolveTarget(el, binding);
 
         if (binding.value.toggleClass) {
-            if (utils.DomHandler.hasClass(target, binding.value.toggleClass))
-                utils.DomHandler.removeClass(target, binding.value.toggleClass);
-            else
-                utils.DomHandler.addClass(target, binding.value.toggleClass);
-        }
-        else {
-            if (target.offsetParent === null)
-                enter(target, el, binding);
-            else 
-                leave(target, binding);
+            if (utils.DomHandler.hasClass(target, binding.value.toggleClass)) utils.DomHandler.removeClass(target, binding.value.toggleClass);
+            else utils.DomHandler.addClass(target, binding.value.toggleClass);
+        } else {
+            if (target.offsetParent === null) enter(target, el, binding);
+            else leave(target, binding);
         }
     };
+
     el.addEventListener('click', el.$_pstyleclass_clicklistener);
 }
 
@@ -45,28 +41,30 @@ function enter(target, el, binding) {
             }
 
             utils.DomHandler.addClass(target, binding.value.enterActiveClass);
+
             if (binding.value.enterClass) {
                 utils.DomHandler.removeClass(target, binding.value.enterClass);
             }
 
             target.$p_styleclass_enterlistener = () => {
                 utils.DomHandler.removeClass(target, binding.value.enterActiveClass);
+
                 if (binding.value.enterToClass) {
                     utils.DomHandler.addClass(target, binding.value.enterToClass);
                 }
+
                 target.removeEventListener('animationend', target.$p_styleclass_enterlistener);
-            
+
                 if (binding.value.enterActiveClass === 'slidedown') {
                     target.style.maxHeight = '';
                 }
-        
+
                 target.$_pstyleclass_animating = false;
             };
-            
+
             target.addEventListener('animationend', target.$p_styleclass_enterlistener);
         }
-    }
-    else {
+    } else {
         if (binding.value.enterClass) {
             utils.DomHandler.removeClass(target, binding.value.enterClass);
         }
@@ -86,23 +84,25 @@ function leave(target, binding) {
         if (!target.$_pstyleclass_animating) {
             target.$_pstyleclass_animating = true;
             utils.DomHandler.addClass(target, binding.value.leaveActiveClass);
+
             if (binding.value.leaveClass) {
                 utils.DomHandler.removeClass(target, binding.value.leaveClass);
             }
 
             target.$p_styleclass_leavelistener = () => {
                 utils.DomHandler.removeClass(target, binding.value.leaveActiveClass);
+
                 if (binding.value.leaveToClass) {
                     utils.DomHandler.addClass(target, binding.value.leaveToClass);
                 }
+
                 target.removeEventListener('animationend', target.$p_styleclass_leavelistener);
                 target.$_pstyleclass_animating = false;
             };
 
             target.addEventListener('animationend', target.$p_styleclass_leavelistener);
         }
-    }
-    else {
+    } else {
         if (binding.value.leaveClass) {
             utils.DomHandler.removeClass(target, binding.value.leaveClass);
         }
@@ -141,13 +141,11 @@ function bindDocumentListener(target, el, binding) {
         target.$p_styleclass_documentlistener = (event) => {
             if (!isVisible(target) || getComputedStyle(target).getPropertyValue('position') === 'static') {
                 unbindDocumentListener(target);
-            }
-
-            else if (isOutsideClick(event, target, el)) {
+            } else if (isOutsideClick(event, target, el)) {
                 leave(target, binding);
             }
         };
-        
+
         target.ownerDocument.addEventListener('click', target.$p_styleclass_documentlistener);
     }
 }

package/styleclass/styleclass.esm.js

@@ -5,18 +5,14 @@ function bind(el, binding) {
         const target = resolveTarget(el, binding);
 
         if (binding.value.toggleClass) {
-            if (DomHandler.hasClass(target, binding.value.toggleClass))
-                DomHandler.removeClass(target, binding.value.toggleClass);
-            else
-                DomHandler.addClass(target, binding.value.toggleClass);
-        }
-        else {
-            if (target.offsetParent === null)
-                enter(target, el, binding);
-            else 
-                leave(target, binding);
+            if (DomHandler.hasClass(target, binding.value.toggleClass)) DomHandler.removeClass(target, binding.value.toggleClass);
+            else DomHandler.addClass(target, binding.value.toggleClass);
+        } else {
+            if (target.offsetParent === null) enter(target, el, binding);
+            else leave(target, binding);
         }
     };
+
     el.addEventListener('click', el.$_pstyleclass_clicklistener);
 }
 
@@ -43,28 +39,30 @@ function enter(target, el, binding) {
             }
 
             DomHandler.addClass(target, binding.value.enterActiveClass);
+
             if (binding.value.enterClass) {
                 DomHandler.removeClass(target, binding.value.enterClass);
             }
 
             target.$p_styleclass_enterlistener = () => {
                 DomHandler.removeClass(target, binding.value.enterActiveClass);
+
                 if (binding.value.enterToClass) {
                     DomHandler.addClass(target, binding.value.enterToClass);
                 }
+
                 target.removeEventListener('animationend', target.$p_styleclass_enterlistener);
-            
+
                 if (binding.value.enterActiveClass === 'slidedown') {
                     target.style.maxHeight = '';
                 }
-        
+
                 target.$_pstyleclass_animating = false;
             };
-            
+
             target.addEventListener('animationend', target.$p_styleclass_enterlistener);
         }
-    }
-    else {
+    } else {
         if (binding.value.enterClass) {
             DomHandler.removeClass(target, binding.value.enterClass);
         }
@@ -84,23 +82,25 @@ function leave(target, binding) {
         if (!target.$_pstyleclass_animating) {
             target.$_pstyleclass_animating = true;
             DomHandler.addClass(target, binding.value.leaveActiveClass);
+
             if (binding.value.leaveClass) {
                 DomHandler.removeClass(target, binding.value.leaveClass);
             }
 
             target.$p_styleclass_leavelistener = () => {
                 DomHandler.removeClass(target, binding.value.leaveActiveClass);
+
                 if (binding.value.leaveToClass) {
                     DomHandler.addClass(target, binding.value.leaveToClass);
                 }
+
                 target.removeEventListener('animationend', target.$p_styleclass_leavelistener);
                 target.$_pstyleclass_animating = false;
             };
 
             target.addEventListener('animationend', target.$p_styleclass_leavelistener);
         }
-    }
-    else {
+    } else {
         if (binding.value.leaveClass) {
             DomHandler.removeClass(target, binding.value.leaveClass);
         }
@@ -139,13 +139,11 @@ function bindDocumentListener(target, el, binding) {
         target.$p_styleclass_documentlistener = (event) => {
             if (!isVisible(target) || getComputedStyle(target).getPropertyValue('position') === 'static') {
                 unbindDocumentListener(target);
-            }
-
-            else if (isOutsideClick(event, target, el)) {
+            } else if (isOutsideClick(event, target, el)) {
                 leave(target, binding);
             }
         };
-        
+
         target.ownerDocument.addEventListener('click', target.$p_styleclass_documentlistener);
     }
 }

package/styleclass/styleclass.js

@@ -7,18 +7,14 @@ this.primevue.styleclass = (function (utils) {
             const target = resolveTarget(el, binding);
 
             if (binding.value.toggleClass) {
-                if (utils.DomHandler.hasClass(target, binding.value.toggleClass))
-                    utils.DomHandler.removeClass(target, binding.value.toggleClass);
-                else
-                    utils.DomHandler.addClass(target, binding.value.toggleClass);
-            }
-            else {
-                if (target.offsetParent === null)
-                    enter(target, el, binding);
-                else 
-                    leave(target, binding);
+                if (utils.DomHandler.hasClass(target, binding.value.toggleClass)) utils.DomHandler.removeClass(target, binding.value.toggleClass);
+                else utils.DomHandler.addClass(target, binding.value.toggleClass);
+            } else {
+                if (target.offsetParent === null) enter(target, el, binding);
+                else leave(target, binding);
             }
         };
+
         el.addEventListener('click', el.$_pstyleclass_clicklistener);
     }
 
@@ -45,28 +41,30 @@ this.primevue.styleclass = (function (utils) {
                 }
 
                 utils.DomHandler.addClass(target, binding.value.enterActiveClass);
+
                 if (binding.value.enterClass) {
                     utils.DomHandler.removeClass(target, binding.value.enterClass);
                 }
 
                 target.$p_styleclass_enterlistener = () => {
                     utils.DomHandler.removeClass(target, binding.value.enterActiveClass);
+
                     if (binding.value.enterToClass) {
                         utils.DomHandler.addClass(target, binding.value.enterToClass);
                     }
+
                     target.removeEventListener('animationend', target.$p_styleclass_enterlistener);
-                
+
                     if (binding.value.enterActiveClass === 'slidedown') {
                         target.style.maxHeight = '';
                     }
-            
+
                     target.$_pstyleclass_animating = false;
                 };
-                
+
                 target.addEventListener('animationend', target.$p_styleclass_enterlistener);
             }
-        }
-        else {
+        } else {
             if (binding.value.enterClass) {
                 utils.DomHandler.removeClass(target, binding.value.enterClass);
             }
@@ -86,23 +84,25 @@ this.primevue.styleclass = (function (utils) {
             if (!target.$_pstyleclass_animating) {
                 target.$_pstyleclass_animating = true;
                 utils.DomHandler.addClass(target, binding.value.leaveActiveClass);
+
                 if (binding.value.leaveClass) {
                     utils.DomHandler.removeClass(target, binding.value.leaveClass);
                 }
 
                 target.$p_styleclass_leavelistener = () => {
                     utils.DomHandler.removeClass(target, binding.value.leaveActiveClass);
+
                     if (binding.value.leaveToClass) {
                         utils.DomHandler.addClass(target, binding.value.leaveToClass);
                     }
+
                     target.removeEventListener('animationend', target.$p_styleclass_leavelistener);
                     target.$_pstyleclass_animating = false;
                 };
 
                 target.addEventListener('animationend', target.$p_styleclass_leavelistener);
             }
-        }
-        else {
+        } else {
             if (binding.value.leaveClass) {
                 utils.DomHandler.removeClass(target, binding.value.leaveClass);
             }
@@ -141,13 +141,11 @@ this.primevue.styleclass = (function (utils) {
             target.$p_styleclass_documentlistener = (event) => {
                 if (!isVisible(target) || getComputedStyle(target).getPropertyValue('position') === 'static') {
                     unbindDocumentListener(target);
-                }
-
-                else if (isOutsideClick(event, target, el)) {
+                } else if (isOutsideClick(event, target, el)) {
                     leave(target, binding);
                 }
             };
-            
+
             target.ownerDocument.addEventListener('click', target.$p_styleclass_documentlistener);
         }
     }

package/tabmenu/TabMenu.d.ts

@@ -49,13 +49,13 @@ export declare type TabMenuEmits = {
      * @param {TabMenuChangeEvent} event - Custom tab change event.
      */
     'tab-change': (event: TabMenuChangeEvent) => void;
-}
+};
 
-declare class TabMenu extends ClassComponent<TabMenuProps, TabMenuSlots, TabMenuEmits> { }
+declare class TabMenu extends ClassComponent<TabMenuProps, TabMenuSlots, TabMenuEmits> {}
 
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
-        TabMenu: GlobalComponentConstructor<TabMenu>
+        TabMenu: GlobalComponentConstructor<TabMenu>;
     }
 }
 
@@ -65,7 +65,7 @@ declare module '@vue/runtime-core' {
  *
  * Demos:
  *
- * - [TabMenu](https://www.primefaces.org/primevue/showcase/#/tabmenu)
+ * - [TabMenu](https://www.primefaces.org/primevue/tabmenu)
  *
  */
 export default TabMenu;