primevue 3.12.2 → 3.12.5

package/steps/steps.cjs.js

@@ -79,35 +79,38 @@ var script = {
     }
 };
 
-const _hoisted_1 = { role: "tablist" };
-const _hoisted_2 = { class: "p-steps-number" };
-const _hoisted_3 = { class: "p-steps-title" };
-const _hoisted_4 = { class: "p-steps-number" };
-const _hoisted_5 = { class: "p-steps-title" };
+const _hoisted_1 = ["id"];
+const _hoisted_2 = { role: "tablist" };
+const _hoisted_3 = ["aria-selected", "aria-expanded"];
+const _hoisted_4 = ["href", "onClick"];
+const _hoisted_5 = { class: "p-steps-number" };
+const _hoisted_6 = { class: "p-steps-title" };
+const _hoisted_7 = { class: "p-steps-number" };
+const _hoisted_8 = { class: "p-steps-title" };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_router_link = vue.resolveComponent("router-link");
 
-  return (vue.openBlock(), vue.createBlock("div", {
+  return (vue.openBlock(), vue.createElementBlock("div", {
     id: $props.id,
-    class: $options.containerClass
+    class: vue.normalizeClass($options.containerClass)
   }, [
-    vue.createVNode("ul", _hoisted_1, [
-      (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($props.model, (item, index) => {
-        return (vue.openBlock(), vue.createBlock(vue.Fragment, {
+    vue.createElementVNode("ul", _hoisted_2, [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.model, (item, index) => {
+        return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: item.to
         }, [
           ($options.visible(item))
-            ? (vue.openBlock(), vue.createBlock("li", {
+            ? (vue.openBlock(), vue.createElementBlock("li", {
                 key: 0,
-                class: $options.getItemClass(item),
-                style: item.style,
+                class: vue.normalizeClass($options.getItemClass(item)),
+                style: vue.normalizeStyle(item.style),
                 role: "tab",
                 "aria-selected": $options.isActive(item),
                 "aria-expanded": $options.isActive(item)
               }, [
                 (!_ctx.$slots.item)
-                  ? (vue.openBlock(), vue.createBlock(vue.Fragment, { key: 0 }, [
+                  ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                       (!$options.isItemDisabled(item))
                         ? (vue.openBlock(), vue.createBlock(_component_router_link, {
                             key: 0,
@@ -115,37 +118,37 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             custom: ""
                           }, {
                             default: vue.withCtx(({navigate, href, isActive, isExactActive}) => [
-                              vue.createVNode("a", {
+                              vue.createElementVNode("a", {
                                 href: href,
-                                class: $options.linkClass({isActive, isExactActive}),
+                                class: vue.normalizeClass($options.linkClass({isActive, isExactActive})),
                                 onClick: $event => ($options.onItemClick($event, item, navigate)),
                                 role: "presentation"
                               }, [
-                                vue.createVNode("span", _hoisted_2, vue.toDisplayString(index + 1), 1),
-                                vue.createVNode("span", _hoisted_3, vue.toDisplayString($options.label(item)), 1)
-                              ], 10, ["href", "onClick"])
+                                vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(index + 1), 1),
+                                vue.createElementVNode("span", _hoisted_6, vue.toDisplayString($options.label(item)), 1)
+                              ], 10, _hoisted_4)
                             ]),
                             _: 2
                           }, 1032, ["to"]))
-                        : (vue.openBlock(), vue.createBlock("span", {
+                        : (vue.openBlock(), vue.createElementBlock("span", {
                             key: 1,
-                            class: $options.linkClass(),
+                            class: vue.normalizeClass($options.linkClass()),
                             role: "presentation"
                           }, [
-                            vue.createVNode("span", _hoisted_4, vue.toDisplayString(index + 1), 1),
-                            vue.createVNode("span", _hoisted_5, vue.toDisplayString($options.label(item)), 1)
+                            vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(index + 1), 1),
+                            vue.createElementVNode("span", _hoisted_8, vue.toDisplayString($options.label(item)), 1)
                           ], 2))
                     ], 64))
                   : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.item), {
                       key: 1,
                       item: item
                     }, null, 8, ["item"]))
-              ], 14, ["aria-selected", "aria-expanded"]))
+              ], 14, _hoisted_3))
             : vue.createCommentVNode("", true)
         ], 64))
       }), 128))
     ])
-  ], 10, ["id"]))
+  ], 10, _hoisted_1))
 }
 
 function styleInject(css, ref) {

package/steps/steps.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("vue"),n={name:"Steps",props:{id:{type:String,default:e.UniqueComponentId()},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},exact:{type:Boolean,default:!0}},methods:{onItemClick(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},isActive(e){return this.activeRoute===e.to||this.activeRoute===e.to+"/"},getItemClass(e){return["p-steps-item",e.class,{"p-highlight p-steps-current":this.isActive(e),"p-disabled":this.isItemDisabled(e)}]},linkClass(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},isItemDisabled(e){return this.disabled(e)||this.readonly&&!this.isActive(e)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label},computed:{activeRoute(){return this.$route.path},containerClass(){return["p-steps p-component",{"p-readonly":this.readonly}]}}};const i={role:"tablist"},s={class:"p-steps-number"},l={class:"p-steps-title"},a={class:"p-steps-number"},o={class:"p-steps-title"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===n&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-steps {\n    position: relative;\n}\n.p-steps ul {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-steps-item {\n    position: relative;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-steps-item .p-menuitem-link {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    text-decoration: none;\n}\n.p-steps.p-steps-readonly .p-steps-item {\n    cursor: auto;\n}\n.p-steps-item.p-steps-current .p-menuitem-link {\n    cursor: default;\n}\n.p-steps-title {\n    white-space: nowrap;\n}\n.p-steps-number {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-steps-title {\n    display: block;\n}\n"),n.render=function(e,n,r,c,p,d){const m=t.resolveComponent("router-link");return t.openBlock(),t.createBlock("div",{id:r.id,class:d.containerClass},[t.createVNode("ul",i,[(t.openBlock(!0),t.createBlock(t.Fragment,null,t.renderList(r.model,((n,i)=>(t.openBlock(),t.createBlock(t.Fragment,{key:n.to},[d.visible(n)?(t.openBlock(),t.createBlock("li",{key:0,class:d.getItemClass(n),style:n.style,role:"tab","aria-selected":d.isActive(n),"aria-expanded":d.isActive(n)},[e.$slots.item?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.item),{key:1,item:n},null,8,["item"])):(t.openBlock(),t.createBlock(t.Fragment,{key:0},[d.isItemDisabled(n)?(t.openBlock(),t.createBlock("span",{key:1,class:d.linkClass(),role:"presentation"},[t.createVNode("span",a,t.toDisplayString(i+1),1),t.createVNode("span",o,t.toDisplayString(d.label(n)),1)],2)):(t.openBlock(),t.createBlock(m,{key:0,to:n.to,custom:""},{default:t.withCtx((({navigate:e,href:a,isActive:o,isExactActive:r})=>[t.createVNode("a",{href:a,class:d.linkClass({isActive:o,isExactActive:r}),onClick:t=>d.onItemClick(t,n,e),role:"presentation"},[t.createVNode("span",s,t.toDisplayString(i+1),1),t.createVNode("span",l,t.toDisplayString(d.label(n)),1)],10,["href","onClick"])])),_:2},1032,["to"]))],64))],14,["aria-selected","aria-expanded"])):t.createCommentVNode("",!0)],64)))),128))])],10,["id"])},module.exports=n;
+"use strict";var e=require("primevue/utils"),t=require("vue"),n={name:"Steps",props:{id:{type:String,default:e.UniqueComponentId()},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},exact:{type:Boolean,default:!0}},methods:{onItemClick(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},isActive(e){return this.activeRoute===e.to||this.activeRoute===e.to+"/"},getItemClass(e){return["p-steps-item",e.class,{"p-highlight p-steps-current":this.isActive(e),"p-disabled":this.isItemDisabled(e)}]},linkClass(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},isItemDisabled(e){return this.disabled(e)||this.readonly&&!this.isActive(e)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label},computed:{activeRoute(){return this.$route.path},containerClass(){return["p-steps p-component",{"p-readonly":this.readonly}]}}};const i=["id"],l={role:"tablist"},s=["aria-selected","aria-expanded"],a=["href","onClick"],o={class:"p-steps-number"},r={class:"p-steps-title"},c={class:"p-steps-number"},p={class:"p-steps-title"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-steps {\n    position: relative;\n}\n.p-steps ul {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-steps-item {\n    position: relative;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-steps-item .p-menuitem-link {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    text-decoration: none;\n}\n.p-steps.p-steps-readonly .p-steps-item {\n    cursor: auto;\n}\n.p-steps-item.p-steps-current .p-menuitem-link {\n    cursor: default;\n}\n.p-steps-title {\n    white-space: nowrap;\n}\n.p-steps-number {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-steps-title {\n    display: block;\n}\n"),n.render=function(e,n,d,m,u,b){const k=t.resolveComponent("router-link");return t.openBlock(),t.createElementBlock("div",{id:d.id,class:t.normalizeClass(b.containerClass)},[t.createElementVNode("ul",l,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d.model,((n,i)=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:n.to},[b.visible(n)?(t.openBlock(),t.createElementBlock("li",{key:0,class:t.normalizeClass(b.getItemClass(n)),style:t.normalizeStyle(n.style),role:"tab","aria-selected":b.isActive(n),"aria-expanded":b.isActive(n)},[e.$slots.item?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.item),{key:1,item:n},null,8,["item"])):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[b.isItemDisabled(n)?(t.openBlock(),t.createElementBlock("span",{key:1,class:t.normalizeClass(b.linkClass()),role:"presentation"},[t.createElementVNode("span",c,t.toDisplayString(i+1),1),t.createElementVNode("span",p,t.toDisplayString(b.label(n)),1)],2)):(t.openBlock(),t.createBlock(k,{key:0,to:n.to,custom:""},{default:t.withCtx((({navigate:e,href:l,isActive:s,isExactActive:c})=>[t.createElementVNode("a",{href:l,class:t.normalizeClass(b.linkClass({isActive:s,isExactActive:c})),onClick:t=>b.onItemClick(t,n,e),role:"presentation"},[t.createElementVNode("span",o,t.toDisplayString(i+1),1),t.createElementVNode("span",r,t.toDisplayString(b.label(n)),1)],10,a)])),_:2},1032,["to"]))],64))],14,s)):t.createCommentVNode("",!0)],64)))),128))])],10,i)},module.exports=n;

package/steps/steps.esm.js

@@ -1,5 +1,5 @@
 import { UniqueComponentId } from 'primevue/utils';
-import { resolveComponent, openBlock, createBlock, createVNode, Fragment, renderList, withCtx, toDisplayString, resolveDynamicComponent, createCommentVNode } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, createBlock, withCtx, toDisplayString, resolveDynamicComponent, createCommentVNode } from 'vue';
 
 var script = {
     name: 'Steps',
@@ -77,35 +77,38 @@ var script = {
     }
 };
 
-const _hoisted_1 = { role: "tablist" };
-const _hoisted_2 = { class: "p-steps-number" };
-const _hoisted_3 = { class: "p-steps-title" };
-const _hoisted_4 = { class: "p-steps-number" };
-const _hoisted_5 = { class: "p-steps-title" };
+const _hoisted_1 = ["id"];
+const _hoisted_2 = { role: "tablist" };
+const _hoisted_3 = ["aria-selected", "aria-expanded"];
+const _hoisted_4 = ["href", "onClick"];
+const _hoisted_5 = { class: "p-steps-number" };
+const _hoisted_6 = { class: "p-steps-title" };
+const _hoisted_7 = { class: "p-steps-number" };
+const _hoisted_8 = { class: "p-steps-title" };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_router_link = resolveComponent("router-link");
 
-  return (openBlock(), createBlock("div", {
+  return (openBlock(), createElementBlock("div", {
     id: $props.id,
-    class: $options.containerClass
+    class: normalizeClass($options.containerClass)
   }, [
-    createVNode("ul", _hoisted_1, [
-      (openBlock(true), createBlock(Fragment, null, renderList($props.model, (item, index) => {
-        return (openBlock(), createBlock(Fragment, {
+    createElementVNode("ul", _hoisted_2, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($props.model, (item, index) => {
+        return (openBlock(), createElementBlock(Fragment, {
           key: item.to
         }, [
           ($options.visible(item))
-            ? (openBlock(), createBlock("li", {
+            ? (openBlock(), createElementBlock("li", {
                 key: 0,
-                class: $options.getItemClass(item),
-                style: item.style,
+                class: normalizeClass($options.getItemClass(item)),
+                style: normalizeStyle(item.style),
                 role: "tab",
                 "aria-selected": $options.isActive(item),
                 "aria-expanded": $options.isActive(item)
               }, [
                 (!_ctx.$slots.item)
-                  ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                  ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                       (!$options.isItemDisabled(item))
                         ? (openBlock(), createBlock(_component_router_link, {
                             key: 0,
@@ -113,37 +116,37 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             custom: ""
                           }, {
                             default: withCtx(({navigate, href, isActive, isExactActive}) => [
-                              createVNode("a", {
+                              createElementVNode("a", {
                                 href: href,
-                                class: $options.linkClass({isActive, isExactActive}),
+                                class: normalizeClass($options.linkClass({isActive, isExactActive})),
                                 onClick: $event => ($options.onItemClick($event, item, navigate)),
                                 role: "presentation"
                               }, [
-                                createVNode("span", _hoisted_2, toDisplayString(index + 1), 1),
-                                createVNode("span", _hoisted_3, toDisplayString($options.label(item)), 1)
-                              ], 10, ["href", "onClick"])
+                                createElementVNode("span", _hoisted_5, toDisplayString(index + 1), 1),
+                                createElementVNode("span", _hoisted_6, toDisplayString($options.label(item)), 1)
+                              ], 10, _hoisted_4)
                             ]),
                             _: 2
                           }, 1032, ["to"]))
-                        : (openBlock(), createBlock("span", {
+                        : (openBlock(), createElementBlock("span", {
                             key: 1,
-                            class: $options.linkClass(),
+                            class: normalizeClass($options.linkClass()),
                             role: "presentation"
                           }, [
-                            createVNode("span", _hoisted_4, toDisplayString(index + 1), 1),
-                            createVNode("span", _hoisted_5, toDisplayString($options.label(item)), 1)
+                            createElementVNode("span", _hoisted_7, toDisplayString(index + 1), 1),
+                            createElementVNode("span", _hoisted_8, toDisplayString($options.label(item)), 1)
                           ], 2))
                     ], 64))
                   : (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.item), {
                       key: 1,
                       item: item
                     }, null, 8, ["item"]))
-              ], 14, ["aria-selected", "aria-expanded"]))
+              ], 14, _hoisted_3))
             : createCommentVNode("", true)
         ], 64))
       }), 128))
     ])
-  ], 10, ["id"]))
+  ], 10, _hoisted_1))
 }
 
 function styleInject(css, ref) {
@@ -178,4 +181,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

package/steps/steps.esm.min.js

@@ -1 +1 @@
-import{UniqueComponentId as e}from"primevue/utils";import{resolveComponent as t,openBlock as n,createBlock as i,createVNode as s,Fragment as l,renderList as a,withCtx as o,toDisplayString as p,resolveDynamicComponent as r,createCommentVNode as c}from"vue";var d={name:"Steps",props:{id:{type:String,default:e()},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},exact:{type:Boolean,default:!0}},methods:{onItemClick(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},isActive(e){return this.activeRoute===e.to||this.activeRoute===e.to+"/"},getItemClass(e){return["p-steps-item",e.class,{"p-highlight p-steps-current":this.isActive(e),"p-disabled":this.isItemDisabled(e)}]},linkClass(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},isItemDisabled(e){return this.disabled(e)||this.readonly&&!this.isActive(e)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label},computed:{activeRoute(){return this.$route.path},containerClass(){return["p-steps p-component",{"p-readonly":this.readonly}]}}};const m={role:"tablist"},u={class:"p-steps-number"},b={class:"p-steps-title"},f={class:"p-steps-number"},x={class:"p-steps-title"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===n&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-steps {\n    position: relative;\n}\n.p-steps ul {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-steps-item {\n    position: relative;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-steps-item .p-menuitem-link {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    text-decoration: none;\n}\n.p-steps.p-steps-readonly .p-steps-item {\n    cursor: auto;\n}\n.p-steps-item.p-steps-current .p-menuitem-link {\n    cursor: default;\n}\n.p-steps-title {\n    white-space: nowrap;\n}\n.p-steps-number {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-steps-title {\n    display: block;\n}\n"),d.render=function(e,d,y,k,v,h){const g=t("router-link");return n(),i("div",{id:y.id,class:h.containerClass},[s("ul",m,[(n(!0),i(l,null,a(y.model,((t,a)=>(n(),i(l,{key:t.to},[h.visible(t)?(n(),i("li",{key:0,class:h.getItemClass(t),style:t.style,role:"tab","aria-selected":h.isActive(t),"aria-expanded":h.isActive(t)},[e.$slots.item?(n(),i(r(e.$slots.item),{key:1,item:t},null,8,["item"])):(n(),i(l,{key:0},[h.isItemDisabled(t)?(n(),i("span",{key:1,class:h.linkClass(),role:"presentation"},[s("span",f,p(a+1),1),s("span",x,p(h.label(t)),1)],2)):(n(),i(g,{key:0,to:t.to,custom:""},{default:o((({navigate:e,href:n,isActive:i,isExactActive:l})=>[s("a",{href:n,class:h.linkClass({isActive:i,isExactActive:l}),onClick:n=>h.onItemClick(n,t,e),role:"presentation"},[s("span",u,p(a+1),1),s("span",b,p(h.label(t)),1)],10,["href","onClick"])])),_:2},1032,["to"]))],64))],14,["aria-selected","aria-expanded"])):c("",!0)],64)))),128))])],10,["id"])};export default d;
+import{UniqueComponentId as e}from"primevue/utils";import{resolveComponent as t,openBlock as n,createElementBlock as i,normalizeClass as s,createElementVNode as l,Fragment as a,renderList as o,normalizeStyle as p,createBlock as r,withCtx as c,toDisplayString as d,resolveDynamicComponent as m,createCommentVNode as u}from"vue";var b={name:"Steps",props:{id:{type:String,default:e()},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},exact:{type:Boolean,default:!0}},methods:{onItemClick(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},isActive(e){return this.activeRoute===e.to||this.activeRoute===e.to+"/"},getItemClass(e){return["p-steps-item",e.class,{"p-highlight p-steps-current":this.isActive(e),"p-disabled":this.isItemDisabled(e)}]},linkClass(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},isItemDisabled(e){return this.disabled(e)||this.readonly&&!this.isActive(e)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label},computed:{activeRoute(){return this.$route.path},containerClass(){return["p-steps p-component",{"p-readonly":this.readonly}]}}};const f=["id"],x={role:"tablist"},y=["aria-selected","aria-expanded"],k=["href","onClick"],v={class:"p-steps-number"},h={class:"p-steps-title"},g={class:"p-steps-number"},C={class:"p-steps-title"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===n&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-steps {\n    position: relative;\n}\n.p-steps ul {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-steps-item {\n    position: relative;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-steps-item .p-menuitem-link {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    text-decoration: none;\n}\n.p-steps.p-steps-readonly .p-steps-item {\n    cursor: auto;\n}\n.p-steps-item.p-steps-current .p-menuitem-link {\n    cursor: default;\n}\n.p-steps-title {\n    white-space: nowrap;\n}\n.p-steps-number {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-steps-title {\n    display: block;\n}\n"),b.render=function(e,b,w,A,I,E){const B=t("router-link");return n(),i("div",{id:w.id,class:s(E.containerClass)},[l("ul",x,[(n(!0),i(a,null,o(w.model,((t,o)=>(n(),i(a,{key:t.to},[E.visible(t)?(n(),i("li",{key:0,class:s(E.getItemClass(t)),style:p(t.style),role:"tab","aria-selected":E.isActive(t),"aria-expanded":E.isActive(t)},[e.$slots.item?(n(),r(m(e.$slots.item),{key:1,item:t},null,8,["item"])):(n(),i(a,{key:0},[E.isItemDisabled(t)?(n(),i("span",{key:1,class:s(E.linkClass()),role:"presentation"},[l("span",g,d(o+1),1),l("span",C,d(E.label(t)),1)],2)):(n(),r(B,{key:0,to:t.to,custom:""},{default:c((({navigate:e,href:n,isActive:i,isExactActive:a})=>[l("a",{href:n,class:s(E.linkClass({isActive:i,isExactActive:a})),onClick:n=>E.onItemClick(n,t,e),role:"presentation"},[l("span",v,d(o+1),1),l("span",h,d(E.label(t)),1)],10,k)])),_:2},1032,["to"]))],64))],14,y)):u("",!0)],64)))),128))])],10,f)};export{b as default};

package/steps/steps.js

@@ -78,35 +78,38 @@ this.primevue.steps = (function (utils, vue) {
         }
     };
 
-    const _hoisted_1 = { role: "tablist" };
-    const _hoisted_2 = { class: "p-steps-number" };
-    const _hoisted_3 = { class: "p-steps-title" };
-    const _hoisted_4 = { class: "p-steps-number" };
-    const _hoisted_5 = { class: "p-steps-title" };
+    const _hoisted_1 = ["id"];
+    const _hoisted_2 = { role: "tablist" };
+    const _hoisted_3 = ["aria-selected", "aria-expanded"];
+    const _hoisted_4 = ["href", "onClick"];
+    const _hoisted_5 = { class: "p-steps-number" };
+    const _hoisted_6 = { class: "p-steps-title" };
+    const _hoisted_7 = { class: "p-steps-number" };
+    const _hoisted_8 = { class: "p-steps-title" };
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       const _component_router_link = vue.resolveComponent("router-link");
 
-      return (vue.openBlock(), vue.createBlock("div", {
+      return (vue.openBlock(), vue.createElementBlock("div", {
         id: $props.id,
-        class: $options.containerClass
+        class: vue.normalizeClass($options.containerClass)
       }, [
-        vue.createVNode("ul", _hoisted_1, [
-          (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($props.model, (item, index) => {
-            return (vue.openBlock(), vue.createBlock(vue.Fragment, {
+        vue.createElementVNode("ul", _hoisted_2, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.model, (item, index) => {
+            return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
               key: item.to
             }, [
               ($options.visible(item))
-                ? (vue.openBlock(), vue.createBlock("li", {
+                ? (vue.openBlock(), vue.createElementBlock("li", {
                     key: 0,
-                    class: $options.getItemClass(item),
-                    style: item.style,
+                    class: vue.normalizeClass($options.getItemClass(item)),
+                    style: vue.normalizeStyle(item.style),
                     role: "tab",
                     "aria-selected": $options.isActive(item),
                     "aria-expanded": $options.isActive(item)
                   }, [
                     (!_ctx.$slots.item)
-                      ? (vue.openBlock(), vue.createBlock(vue.Fragment, { key: 0 }, [
+                      ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                           (!$options.isItemDisabled(item))
                             ? (vue.openBlock(), vue.createBlock(_component_router_link, {
                                 key: 0,
@@ -114,37 +117,37 @@ this.primevue.steps = (function (utils, vue) {
                                 custom: ""
                               }, {
                                 default: vue.withCtx(({navigate, href, isActive, isExactActive}) => [
-                                  vue.createVNode("a", {
+                                  vue.createElementVNode("a", {
                                     href: href,
-                                    class: $options.linkClass({isActive, isExactActive}),
+                                    class: vue.normalizeClass($options.linkClass({isActive, isExactActive})),
                                     onClick: $event => ($options.onItemClick($event, item, navigate)),
                                     role: "presentation"
                                   }, [
-                                    vue.createVNode("span", _hoisted_2, vue.toDisplayString(index + 1), 1),
-                                    vue.createVNode("span", _hoisted_3, vue.toDisplayString($options.label(item)), 1)
-                                  ], 10, ["href", "onClick"])
+                                    vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(index + 1), 1),
+                                    vue.createElementVNode("span", _hoisted_6, vue.toDisplayString($options.label(item)), 1)
+                                  ], 10, _hoisted_4)
                                 ]),
                                 _: 2
                               }, 1032, ["to"]))
-                            : (vue.openBlock(), vue.createBlock("span", {
+                            : (vue.openBlock(), vue.createElementBlock("span", {
                                 key: 1,
-                                class: $options.linkClass(),
+                                class: vue.normalizeClass($options.linkClass()),
                                 role: "presentation"
                               }, [
-                                vue.createVNode("span", _hoisted_4, vue.toDisplayString(index + 1), 1),
-                                vue.createVNode("span", _hoisted_5, vue.toDisplayString($options.label(item)), 1)
+                                vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(index + 1), 1),
+                                vue.createElementVNode("span", _hoisted_8, vue.toDisplayString($options.label(item)), 1)
                               ], 2))
                         ], 64))
                       : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.item), {
                           key: 1,
                           item: item
                         }, null, 8, ["item"]))
-                  ], 14, ["aria-selected", "aria-expanded"]))
+                  ], 14, _hoisted_3))
                 : vue.createCommentVNode("", true)
             ], 64))
           }), 128))
         ])
-      ], 10, ["id"]))
+      ], 10, _hoisted_1))
     }
 
     function styleInject(css, ref) {
@@ -181,4 +184,4 @@ this.primevue.steps = (function (utils, vue) {
 
     return script;
 
-}(primevue.utils, Vue));
+})(primevue.utils, Vue);

package/steps/steps.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.steps=function(e,t){"use strict";var n={name:"Steps",props:{id:{type:String,default:e.UniqueComponentId()},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},exact:{type:Boolean,default:!0}},methods:{onItemClick(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},isActive(e){return this.activeRoute===e.to||this.activeRoute===e.to+"/"},getItemClass(e){return["p-steps-item",e.class,{"p-highlight p-steps-current":this.isActive(e),"p-disabled":this.isItemDisabled(e)}]},linkClass(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},isItemDisabled(e){return this.disabled(e)||this.readonly&&!this.isActive(e)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label},computed:{activeRoute(){return this.$route.path},containerClass(){return["p-steps p-component",{"p-readonly":this.readonly}]}}};const i={role:"tablist"},s={class:"p-steps-number"},l={class:"p-steps-title"},a={class:"p-steps-number"},o={class:"p-steps-title"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===n&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-steps {\n    position: relative;\n}\n.p-steps ul {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-steps-item {\n    position: relative;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-steps-item .p-menuitem-link {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    text-decoration: none;\n}\n.p-steps.p-steps-readonly .p-steps-item {\n    cursor: auto;\n}\n.p-steps-item.p-steps-current .p-menuitem-link {\n    cursor: default;\n}\n.p-steps-title {\n    white-space: nowrap;\n}\n.p-steps-number {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-steps-title {\n    display: block;\n}\n"),n.render=function(e,n,r,c,p,d){const m=t.resolveComponent("router-link");return t.openBlock(),t.createBlock("div",{id:r.id,class:d.containerClass},[t.createVNode("ul",i,[(t.openBlock(!0),t.createBlock(t.Fragment,null,t.renderList(r.model,((n,i)=>(t.openBlock(),t.createBlock(t.Fragment,{key:n.to},[d.visible(n)?(t.openBlock(),t.createBlock("li",{key:0,class:d.getItemClass(n),style:n.style,role:"tab","aria-selected":d.isActive(n),"aria-expanded":d.isActive(n)},[e.$slots.item?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.item),{key:1,item:n},null,8,["item"])):(t.openBlock(),t.createBlock(t.Fragment,{key:0},[d.isItemDisabled(n)?(t.openBlock(),t.createBlock("span",{key:1,class:d.linkClass(),role:"presentation"},[t.createVNode("span",a,t.toDisplayString(i+1),1),t.createVNode("span",o,t.toDisplayString(d.label(n)),1)],2)):(t.openBlock(),t.createBlock(m,{key:0,to:n.to,custom:""},{default:t.withCtx((({navigate:e,href:a,isActive:o,isExactActive:r})=>[t.createVNode("a",{href:a,class:d.linkClass({isActive:o,isExactActive:r}),onClick:t=>d.onItemClick(t,n,e),role:"presentation"},[t.createVNode("span",s,t.toDisplayString(i+1),1),t.createVNode("span",l,t.toDisplayString(d.label(n)),1)],10,["href","onClick"])])),_:2},1032,["to"]))],64))],14,["aria-selected","aria-expanded"])):t.createCommentVNode("",!0)],64)))),128))])],10,["id"])},n}(primevue.utils,Vue);
+this.primevue=this.primevue||{},this.primevue.steps=function(e,t){"use strict";var n={name:"Steps",props:{id:{type:String,default:e.UniqueComponentId()},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},exact:{type:Boolean,default:!0}},methods:{onItemClick(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},isActive(e){return this.activeRoute===e.to||this.activeRoute===e.to+"/"},getItemClass(e){return["p-steps-item",e.class,{"p-highlight p-steps-current":this.isActive(e),"p-disabled":this.isItemDisabled(e)}]},linkClass(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},isItemDisabled(e){return this.disabled(e)||this.readonly&&!this.isActive(e)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label},computed:{activeRoute(){return this.$route.path},containerClass(){return["p-steps p-component",{"p-readonly":this.readonly}]}}};const i=["id"],l={role:"tablist"},s=["aria-selected","aria-expanded"],a=["href","onClick"],o={class:"p-steps-number"},r={class:"p-steps-title"},c={class:"p-steps-number"},p={class:"p-steps-title"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-steps {\n    position: relative;\n}\n.p-steps ul {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-steps-item {\n    position: relative;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-steps-item .p-menuitem-link {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    text-decoration: none;\n}\n.p-steps.p-steps-readonly .p-steps-item {\n    cursor: auto;\n}\n.p-steps-item.p-steps-current .p-menuitem-link {\n    cursor: default;\n}\n.p-steps-title {\n    white-space: nowrap;\n}\n.p-steps-number {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-steps-title {\n    display: block;\n}\n"),n.render=function(e,n,d,m,u,b){const k=t.resolveComponent("router-link");return t.openBlock(),t.createElementBlock("div",{id:d.id,class:t.normalizeClass(b.containerClass)},[t.createElementVNode("ul",l,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d.model,((n,i)=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:n.to},[b.visible(n)?(t.openBlock(),t.createElementBlock("li",{key:0,class:t.normalizeClass(b.getItemClass(n)),style:t.normalizeStyle(n.style),role:"tab","aria-selected":b.isActive(n),"aria-expanded":b.isActive(n)},[e.$slots.item?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.item),{key:1,item:n},null,8,["item"])):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[b.isItemDisabled(n)?(t.openBlock(),t.createElementBlock("span",{key:1,class:t.normalizeClass(b.linkClass()),role:"presentation"},[t.createElementVNode("span",c,t.toDisplayString(i+1),1),t.createElementVNode("span",p,t.toDisplayString(b.label(n)),1)],2)):(t.openBlock(),t.createBlock(k,{key:0,to:n.to,custom:""},{default:t.withCtx((({navigate:e,href:l,isActive:s,isExactActive:c})=>[t.createElementVNode("a",{href:l,class:t.normalizeClass(b.linkClass({isActive:s,isExactActive:c})),onClick:t=>b.onItemClick(t,n,e),role:"presentation"},[t.createElementVNode("span",o,t.toDisplayString(i+1),1),t.createElementVNode("span",r,t.toDisplayString(b.label(n)),1)],10,a)])),_:2},1032,["to"]))],64))],14,s)):t.createCommentVNode("",!0)],64)))),128))])],10,i)},n}(primevue.utils,Vue);

package/styleclass/styleclass.cjs.js

@@ -139,10 +139,11 @@ function resolveTarget(el, binding) {
 function bindDocumentListener(target, el, binding) {
     if (!target.$p_styleclass_documentlistener) {
         target.$p_styleclass_documentlistener = (event) => {
-            if (getComputedStyle(target).getPropertyValue('position') === 'static') {
+            if (!isVisible(target) || getComputedStyle(target).getPropertyValue('position') === 'static') {
                 unbindDocumentListener(target);
             }
-            else if (!el.isSameNode(event.target) && !el.contains(event.target) && !target.contains(event.target)) {
+
+            else if (isOutsideClick(event, target, el)) {
                 leave(target, binding);
             }
         };
@@ -158,6 +159,14 @@ function unbindDocumentListener(target) {
     }
 }
 
+function isVisible(target) {
+    return target.offsetParent !== null;
+}
+
+function isOutsideClick(event, target, el) {
+    return !el.isSameNode(event.target) && !el.contains(event.target) && !target.contains(event.target);
+}
+
 const StyleClass = {
     mounted(el, binding) {
         bind(el, binding);

package/styleclass/styleclass.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils");function l(l,t){l.$_pstyleclass_clicklistener=()=>{const n=function(e,l){switch(l.value.selector){case"@next":return e.nextElementSibling;case"@prev":return e.previousElementSibling;case"@parent":return e.parentElement;case"@grandparent":return e.parentElement.parentElement;default:return document.querySelector(l.value.selector)}}(l,t);t.value.toggleClass?e.DomHandler.hasClass(n,t.value.toggleClass)?e.DomHandler.removeClass(n,t.value.toggleClass):e.DomHandler.addClass(n,t.value.toggleClass):null===n.offsetParent?function(l,t,n){n.value.enterActiveClass?l.$_pstyleclass_animating||(l.$_pstyleclass_animating=!0,"slidedown"===n.value.enterActiveClass&&(l.style.height="0px",e.DomHandler.removeClass(l,"hidden"),l.style.maxHeight=l.scrollHeight+"px",e.DomHandler.addClass(l,"hidden"),l.style.height=""),e.DomHandler.addClass(l,n.value.enterActiveClass),n.value.enterClass&&e.DomHandler.removeClass(l,n.value.enterClass),l.$p_styleclass_enterlistener=()=>{e.DomHandler.removeClass(l,n.value.enterActiveClass),n.value.enterToClass&&e.DomHandler.addClass(l,n.value.enterToClass),l.removeEventListener("animationend",l.$p_styleclass_enterlistener),"slidedown"===n.value.enterActiveClass&&(l.style.maxHeight=""),l.$_pstyleclass_animating=!1},l.addEventListener("animationend",l.$p_styleclass_enterlistener)):(n.value.enterClass&&e.DomHandler.removeClass(l,n.value.enterClass),n.value.enterToClass&&e.DomHandler.addClass(l,n.value.enterToClass));n.value.hideOnOutsideClick&&function(e,l,t){e.$p_styleclass_documentlistener||(e.$p_styleclass_documentlistener=n=>{"static"===getComputedStyle(e).getPropertyValue("position")?a(e):l.isSameNode(n.target)||l.contains(n.target)||e.contains(n.target)||s(e,t)},e.ownerDocument.addEventListener("click",e.$p_styleclass_documentlistener))}(l,t,n)}(n,l,t):s(n,t)},l.addEventListener("click",l.$_pstyleclass_clicklistener)}function s(l,s){s.value.leaveActiveClass?l.$_pstyleclass_animating||(l.$_pstyleclass_animating=!0,e.DomHandler.addClass(l,s.value.leaveActiveClass),s.value.leaveClass&&e.DomHandler.removeClass(l,s.value.leaveClass),l.$p_styleclass_leavelistener=()=>{e.DomHandler.removeClass(l,s.value.leaveActiveClass),s.value.leaveToClass&&e.DomHandler.addClass(l,s.value.leaveToClass),l.removeEventListener("animationend",l.$p_styleclass_leavelistener),l.$_pstyleclass_animating=!1},l.addEventListener("animationend",l.$p_styleclass_leavelistener)):(s.value.leaveClass&&e.DomHandler.removeClass(l,s.value.leaveClass),s.value.leaveToClass&&e.DomHandler.addClass(l,s.value.leaveToClass)),s.value.hideOnOutsideClick&&a(l)}function a(e){e.$p_styleclass_documentlistener&&(e.ownerDocument.removeEventListener("click",e.$p_styleclass_documentlistener),e.$p_styleclass_documentlistener=null)}const t={mounted(e,s){l(e,s)},unmounted(e){!function(e){e.$_pstyleclass_clicklistener&&(e.addEventListener("click",e.$_pstyleclass_clicklistener),e.$_pstyleclass_clicklistener=null),a(e)}(e)}};module.exports=t;
+"use strict";var e=require("primevue/utils");function l(l,t){l.$_pstyleclass_clicklistener=()=>{const n=function(e,l){switch(l.value.selector){case"@next":return e.nextElementSibling;case"@prev":return e.previousElementSibling;case"@parent":return e.parentElement;case"@grandparent":return e.parentElement.parentElement;default:return document.querySelector(l.value.selector)}}(l,t);t.value.toggleClass?e.DomHandler.hasClass(n,t.value.toggleClass)?e.DomHandler.removeClass(n,t.value.toggleClass):e.DomHandler.addClass(n,t.value.toggleClass):null===n.offsetParent?function(l,t,n){n.value.enterActiveClass?l.$_pstyleclass_animating||(l.$_pstyleclass_animating=!0,"slidedown"===n.value.enterActiveClass&&(l.style.height="0px",e.DomHandler.removeClass(l,"hidden"),l.style.maxHeight=l.scrollHeight+"px",e.DomHandler.addClass(l,"hidden"),l.style.height=""),e.DomHandler.addClass(l,n.value.enterActiveClass),n.value.enterClass&&e.DomHandler.removeClass(l,n.value.enterClass),l.$p_styleclass_enterlistener=()=>{e.DomHandler.removeClass(l,n.value.enterActiveClass),n.value.enterToClass&&e.DomHandler.addClass(l,n.value.enterToClass),l.removeEventListener("animationend",l.$p_styleclass_enterlistener),"slidedown"===n.value.enterActiveClass&&(l.style.maxHeight=""),l.$_pstyleclass_animating=!1},l.addEventListener("animationend",l.$p_styleclass_enterlistener)):(n.value.enterClass&&e.DomHandler.removeClass(l,n.value.enterClass),n.value.enterToClass&&e.DomHandler.addClass(l,n.value.enterToClass));n.value.hideOnOutsideClick&&function(e,l,t){e.$p_styleclass_documentlistener||(e.$p_styleclass_documentlistener=n=>{!function(e){return null!==e.offsetParent}(e)||"static"===getComputedStyle(e).getPropertyValue("position")?a(e):function(e,l,s){return!s.isSameNode(e.target)&&!s.contains(e.target)&&!l.contains(e.target)}(n,e,l)&&s(e,t)},e.ownerDocument.addEventListener("click",e.$p_styleclass_documentlistener))}(l,t,n)}(n,l,t):s(n,t)},l.addEventListener("click",l.$_pstyleclass_clicklistener)}function s(l,s){s.value.leaveActiveClass?l.$_pstyleclass_animating||(l.$_pstyleclass_animating=!0,e.DomHandler.addClass(l,s.value.leaveActiveClass),s.value.leaveClass&&e.DomHandler.removeClass(l,s.value.leaveClass),l.$p_styleclass_leavelistener=()=>{e.DomHandler.removeClass(l,s.value.leaveActiveClass),s.value.leaveToClass&&e.DomHandler.addClass(l,s.value.leaveToClass),l.removeEventListener("animationend",l.$p_styleclass_leavelistener),l.$_pstyleclass_animating=!1},l.addEventListener("animationend",l.$p_styleclass_leavelistener)):(s.value.leaveClass&&e.DomHandler.removeClass(l,s.value.leaveClass),s.value.leaveToClass&&e.DomHandler.addClass(l,s.value.leaveToClass)),s.value.hideOnOutsideClick&&a(l)}function a(e){e.$p_styleclass_documentlistener&&(e.ownerDocument.removeEventListener("click",e.$p_styleclass_documentlistener),e.$p_styleclass_documentlistener=null)}const t={mounted(e,s){l(e,s)},unmounted(e){!function(e){e.$_pstyleclass_clicklistener&&(e.addEventListener("click",e.$_pstyleclass_clicklistener),e.$_pstyleclass_clicklistener=null),a(e)}(e)}};module.exports=t;

package/styleclass/styleclass.esm.js

@@ -137,10 +137,11 @@ function resolveTarget(el, binding) {
 function bindDocumentListener(target, el, binding) {
     if (!target.$p_styleclass_documentlistener) {
         target.$p_styleclass_documentlistener = (event) => {
-            if (getComputedStyle(target).getPropertyValue('position') === 'static') {
+            if (!isVisible(target) || getComputedStyle(target).getPropertyValue('position') === 'static') {
                 unbindDocumentListener(target);
             }
-            else if (!el.isSameNode(event.target) && !el.contains(event.target) && !target.contains(event.target)) {
+
+            else if (isOutsideClick(event, target, el)) {
                 leave(target, binding);
             }
         };
@@ -156,6 +157,14 @@ function unbindDocumentListener(target) {
     }
 }
 
+function isVisible(target) {
+    return target.offsetParent !== null;
+}
+
+function isOutsideClick(event, target, el) {
+    return !el.isSameNode(event.target) && !el.contains(event.target) && !target.contains(event.target);
+}
+
 const StyleClass = {
     mounted(el, binding) {
         bind(el, binding);
@@ -165,4 +174,4 @@ const StyleClass = {
     }
 };
 
-export default StyleClass;
+export { StyleClass as default };

package/styleclass/styleclass.esm.min.js

@@ -1 +1 @@
-import{DomHandler as e}from"primevue/utils";function s(s,t){s.$_pstyleclass_clicklistener=()=>{const n=function(e,s){switch(s.value.selector){case"@next":return e.nextElementSibling;case"@prev":return e.previousElementSibling;case"@parent":return e.parentElement;case"@grandparent":return e.parentElement.parentElement;default:return document.querySelector(s.value.selector)}}(s,t);t.value.toggleClass?e.hasClass(n,t.value.toggleClass)?e.removeClass(n,t.value.toggleClass):e.addClass(n,t.value.toggleClass):null===n.offsetParent?function(s,t,n){n.value.enterActiveClass?s.$_pstyleclass_animating||(s.$_pstyleclass_animating=!0,"slidedown"===n.value.enterActiveClass&&(s.style.height="0px",e.removeClass(s,"hidden"),s.style.maxHeight=s.scrollHeight+"px",e.addClass(s,"hidden"),s.style.height=""),e.addClass(s,n.value.enterActiveClass),n.value.enterClass&&e.removeClass(s,n.value.enterClass),s.$p_styleclass_enterlistener=()=>{e.removeClass(s,n.value.enterActiveClass),n.value.enterToClass&&e.addClass(s,n.value.enterToClass),s.removeEventListener("animationend",s.$p_styleclass_enterlistener),"slidedown"===n.value.enterActiveClass&&(s.style.maxHeight=""),s.$_pstyleclass_animating=!1},s.addEventListener("animationend",s.$p_styleclass_enterlistener)):(n.value.enterClass&&e.removeClass(s,n.value.enterClass),n.value.enterToClass&&e.addClass(s,n.value.enterToClass));n.value.hideOnOutsideClick&&function(e,s,t){e.$p_styleclass_documentlistener||(e.$p_styleclass_documentlistener=n=>{"static"===getComputedStyle(e).getPropertyValue("position")?a(e):s.isSameNode(n.target)||s.contains(n.target)||e.contains(n.target)||l(e,t)},e.ownerDocument.addEventListener("click",e.$p_styleclass_documentlistener))}(s,t,n)}(n,s,t):l(n,t)},s.addEventListener("click",s.$_pstyleclass_clicklistener)}function l(s,l){l.value.leaveActiveClass?s.$_pstyleclass_animating||(s.$_pstyleclass_animating=!0,e.addClass(s,l.value.leaveActiveClass),l.value.leaveClass&&e.removeClass(s,l.value.leaveClass),s.$p_styleclass_leavelistener=()=>{e.removeClass(s,l.value.leaveActiveClass),l.value.leaveToClass&&e.addClass(s,l.value.leaveToClass),s.removeEventListener("animationend",s.$p_styleclass_leavelistener),s.$_pstyleclass_animating=!1},s.addEventListener("animationend",s.$p_styleclass_leavelistener)):(l.value.leaveClass&&e.removeClass(s,l.value.leaveClass),l.value.leaveToClass&&e.addClass(s,l.value.leaveToClass)),l.value.hideOnOutsideClick&&a(s)}function a(e){e.$p_styleclass_documentlistener&&(e.ownerDocument.removeEventListener("click",e.$p_styleclass_documentlistener),e.$p_styleclass_documentlistener=null)}const t={mounted(e,l){s(e,l)},unmounted(e){!function(e){e.$_pstyleclass_clicklistener&&(e.addEventListener("click",e.$_pstyleclass_clicklistener),e.$_pstyleclass_clicklistener=null),a(e)}(e)}};export default t;
+import{DomHandler as e}from"primevue/utils";function s(s,a){s.$_pstyleclass_clicklistener=()=>{const n=function(e,s){switch(s.value.selector){case"@next":return e.nextElementSibling;case"@prev":return e.previousElementSibling;case"@parent":return e.parentElement;case"@grandparent":return e.parentElement.parentElement;default:return document.querySelector(s.value.selector)}}(s,a);a.value.toggleClass?e.hasClass(n,a.value.toggleClass)?e.removeClass(n,a.value.toggleClass):e.addClass(n,a.value.toggleClass):null===n.offsetParent?function(s,a,n){n.value.enterActiveClass?s.$_pstyleclass_animating||(s.$_pstyleclass_animating=!0,"slidedown"===n.value.enterActiveClass&&(s.style.height="0px",e.removeClass(s,"hidden"),s.style.maxHeight=s.scrollHeight+"px",e.addClass(s,"hidden"),s.style.height=""),e.addClass(s,n.value.enterActiveClass),n.value.enterClass&&e.removeClass(s,n.value.enterClass),s.$p_styleclass_enterlistener=()=>{e.removeClass(s,n.value.enterActiveClass),n.value.enterToClass&&e.addClass(s,n.value.enterToClass),s.removeEventListener("animationend",s.$p_styleclass_enterlistener),"slidedown"===n.value.enterActiveClass&&(s.style.maxHeight=""),s.$_pstyleclass_animating=!1},s.addEventListener("animationend",s.$p_styleclass_enterlistener)):(n.value.enterClass&&e.removeClass(s,n.value.enterClass),n.value.enterToClass&&e.addClass(s,n.value.enterToClass));n.value.hideOnOutsideClick&&function(e,s,a){e.$p_styleclass_documentlistener||(e.$p_styleclass_documentlistener=n=>{!function(e){return null!==e.offsetParent}(e)||"static"===getComputedStyle(e).getPropertyValue("position")?t(e):function(e,s,l){return!l.isSameNode(e.target)&&!l.contains(e.target)&&!s.contains(e.target)}(n,e,s)&&l(e,a)},e.ownerDocument.addEventListener("click",e.$p_styleclass_documentlistener))}(s,a,n)}(n,s,a):l(n,a)},s.addEventListener("click",s.$_pstyleclass_clicklistener)}function l(s,l){l.value.leaveActiveClass?s.$_pstyleclass_animating||(s.$_pstyleclass_animating=!0,e.addClass(s,l.value.leaveActiveClass),l.value.leaveClass&&e.removeClass(s,l.value.leaveClass),s.$p_styleclass_leavelistener=()=>{e.removeClass(s,l.value.leaveActiveClass),l.value.leaveToClass&&e.addClass(s,l.value.leaveToClass),s.removeEventListener("animationend",s.$p_styleclass_leavelistener),s.$_pstyleclass_animating=!1},s.addEventListener("animationend",s.$p_styleclass_leavelistener)):(l.value.leaveClass&&e.removeClass(s,l.value.leaveClass),l.value.leaveToClass&&e.addClass(s,l.value.leaveToClass)),l.value.hideOnOutsideClick&&t(s)}function t(e){e.$p_styleclass_documentlistener&&(e.ownerDocument.removeEventListener("click",e.$p_styleclass_documentlistener),e.$p_styleclass_documentlistener=null)}const a={mounted(e,l){s(e,l)},unmounted(e){!function(e){e.$_pstyleclass_clicklistener&&(e.addEventListener("click",e.$_pstyleclass_clicklistener),e.$_pstyleclass_clicklistener=null),t(e)}(e)}};export{a as default};

package/styleclass/styleclass.js

@@ -139,10 +139,11 @@ this.primevue.styleclass = (function (utils) {
     function bindDocumentListener(target, el, binding) {
         if (!target.$p_styleclass_documentlistener) {
             target.$p_styleclass_documentlistener = (event) => {
-                if (getComputedStyle(target).getPropertyValue('position') === 'static') {
+                if (!isVisible(target) || getComputedStyle(target).getPropertyValue('position') === 'static') {
                     unbindDocumentListener(target);
                 }
-                else if (!el.isSameNode(event.target) && !el.contains(event.target) && !target.contains(event.target)) {
+
+                else if (isOutsideClick(event, target, el)) {
                     leave(target, binding);
                 }
             };
@@ -158,6 +159,14 @@ this.primevue.styleclass = (function (utils) {
         }
     }
 
+    function isVisible(target) {
+        return target.offsetParent !== null;
+    }
+
+    function isOutsideClick(event, target, el) {
+        return !el.isSameNode(event.target) && !el.contains(event.target) && !target.contains(event.target);
+    }
+
     const StyleClass = {
         mounted(el, binding) {
             bind(el, binding);
@@ -169,4 +178,4 @@ this.primevue.styleclass = (function (utils) {
 
     return StyleClass;
 
-}(primevue.utils));
+})(primevue.utils);

package/styleclass/styleclass.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.styleclass=function(e){"use strict";function s(s,t){s.$_pstyleclass_clicklistener=()=>{const n=function(e,s){switch(s.value.selector){case"@next":return e.nextElementSibling;case"@prev":return e.previousElementSibling;case"@parent":return e.parentElement;case"@grandparent":return e.parentElement.parentElement;default:return document.querySelector(s.value.selector)}}(s,t);t.value.toggleClass?e.DomHandler.hasClass(n,t.value.toggleClass)?e.DomHandler.removeClass(n,t.value.toggleClass):e.DomHandler.addClass(n,t.value.toggleClass):null===n.offsetParent?function(s,t,n){n.value.enterActiveClass?s.$_pstyleclass_animating||(s.$_pstyleclass_animating=!0,"slidedown"===n.value.enterActiveClass&&(s.style.height="0px",e.DomHandler.removeClass(s,"hidden"),s.style.maxHeight=s.scrollHeight+"px",e.DomHandler.addClass(s,"hidden"),s.style.height=""),e.DomHandler.addClass(s,n.value.enterActiveClass),n.value.enterClass&&e.DomHandler.removeClass(s,n.value.enterClass),s.$p_styleclass_enterlistener=()=>{e.DomHandler.removeClass(s,n.value.enterActiveClass),n.value.enterToClass&&e.DomHandler.addClass(s,n.value.enterToClass),s.removeEventListener("animationend",s.$p_styleclass_enterlistener),"slidedown"===n.value.enterActiveClass&&(s.style.maxHeight=""),s.$_pstyleclass_animating=!1},s.addEventListener("animationend",s.$p_styleclass_enterlistener)):(n.value.enterClass&&e.DomHandler.removeClass(s,n.value.enterClass),n.value.enterToClass&&e.DomHandler.addClass(s,n.value.enterToClass));n.value.hideOnOutsideClick&&function(e,s,t){e.$p_styleclass_documentlistener||(e.$p_styleclass_documentlistener=n=>{"static"===getComputedStyle(e).getPropertyValue("position")?a(e):s.isSameNode(n.target)||s.contains(n.target)||e.contains(n.target)||l(e,t)},e.ownerDocument.addEventListener("click",e.$p_styleclass_documentlistener))}(s,t,n)}(n,s,t):l(n,t)},s.addEventListener("click",s.$_pstyleclass_clicklistener)}function l(s,l){l.value.leaveActiveClass?s.$_pstyleclass_animating||(s.$_pstyleclass_animating=!0,e.DomHandler.addClass(s,l.value.leaveActiveClass),l.value.leaveClass&&e.DomHandler.removeClass(s,l.value.leaveClass),s.$p_styleclass_leavelistener=()=>{e.DomHandler.removeClass(s,l.value.leaveActiveClass),l.value.leaveToClass&&e.DomHandler.addClass(s,l.value.leaveToClass),s.removeEventListener("animationend",s.$p_styleclass_leavelistener),s.$_pstyleclass_animating=!1},s.addEventListener("animationend",s.$p_styleclass_leavelistener)):(l.value.leaveClass&&e.DomHandler.removeClass(s,l.value.leaveClass),l.value.leaveToClass&&e.DomHandler.addClass(s,l.value.leaveToClass)),l.value.hideOnOutsideClick&&a(s)}function a(e){e.$p_styleclass_documentlistener&&(e.ownerDocument.removeEventListener("click",e.$p_styleclass_documentlistener),e.$p_styleclass_documentlistener=null)}return{mounted(e,l){s(e,l)},unmounted(e){!function(e){e.$_pstyleclass_clicklistener&&(e.addEventListener("click",e.$_pstyleclass_clicklistener),e.$_pstyleclass_clicklistener=null),a(e)}(e)}}}(primevue.utils);
+this.primevue=this.primevue||{},this.primevue.styleclass=function(e){"use strict";function s(s,t){s.$_pstyleclass_clicklistener=()=>{const n=function(e,s){switch(s.value.selector){case"@next":return e.nextElementSibling;case"@prev":return e.previousElementSibling;case"@parent":return e.parentElement;case"@grandparent":return e.parentElement.parentElement;default:return document.querySelector(s.value.selector)}}(s,t);t.value.toggleClass?e.DomHandler.hasClass(n,t.value.toggleClass)?e.DomHandler.removeClass(n,t.value.toggleClass):e.DomHandler.addClass(n,t.value.toggleClass):null===n.offsetParent?function(s,t,n){n.value.enterActiveClass?s.$_pstyleclass_animating||(s.$_pstyleclass_animating=!0,"slidedown"===n.value.enterActiveClass&&(s.style.height="0px",e.DomHandler.removeClass(s,"hidden"),s.style.maxHeight=s.scrollHeight+"px",e.DomHandler.addClass(s,"hidden"),s.style.height=""),e.DomHandler.addClass(s,n.value.enterActiveClass),n.value.enterClass&&e.DomHandler.removeClass(s,n.value.enterClass),s.$p_styleclass_enterlistener=()=>{e.DomHandler.removeClass(s,n.value.enterActiveClass),n.value.enterToClass&&e.DomHandler.addClass(s,n.value.enterToClass),s.removeEventListener("animationend",s.$p_styleclass_enterlistener),"slidedown"===n.value.enterActiveClass&&(s.style.maxHeight=""),s.$_pstyleclass_animating=!1},s.addEventListener("animationend",s.$p_styleclass_enterlistener)):(n.value.enterClass&&e.DomHandler.removeClass(s,n.value.enterClass),n.value.enterToClass&&e.DomHandler.addClass(s,n.value.enterToClass));n.value.hideOnOutsideClick&&function(e,s,t){e.$p_styleclass_documentlistener||(e.$p_styleclass_documentlistener=n=>{!function(e){return null!==e.offsetParent}(e)||"static"===getComputedStyle(e).getPropertyValue("position")?a(e):function(e,s,l){return!l.isSameNode(e.target)&&!l.contains(e.target)&&!s.contains(e.target)}(n,e,s)&&l(e,t)},e.ownerDocument.addEventListener("click",e.$p_styleclass_documentlistener))}(s,t,n)}(n,s,t):l(n,t)},s.addEventListener("click",s.$_pstyleclass_clicklistener)}function l(s,l){l.value.leaveActiveClass?s.$_pstyleclass_animating||(s.$_pstyleclass_animating=!0,e.DomHandler.addClass(s,l.value.leaveActiveClass),l.value.leaveClass&&e.DomHandler.removeClass(s,l.value.leaveClass),s.$p_styleclass_leavelistener=()=>{e.DomHandler.removeClass(s,l.value.leaveActiveClass),l.value.leaveToClass&&e.DomHandler.addClass(s,l.value.leaveToClass),s.removeEventListener("animationend",s.$p_styleclass_leavelistener),s.$_pstyleclass_animating=!1},s.addEventListener("animationend",s.$p_styleclass_leavelistener)):(l.value.leaveClass&&e.DomHandler.removeClass(s,l.value.leaveClass),l.value.leaveToClass&&e.DomHandler.addClass(s,l.value.leaveToClass)),l.value.hideOnOutsideClick&&a(s)}function a(e){e.$p_styleclass_documentlistener&&(e.ownerDocument.removeEventListener("click",e.$p_styleclass_documentlistener),e.$p_styleclass_documentlistener=null)}return{mounted(e,l){s(e,l)},unmounted(e){!function(e){e.$_pstyleclass_clicklistener&&(e.addEventListener("click",e.$_pstyleclass_clicklistener),e.$_pstyleclass_clicklistener=null),a(e)}(e)}}}(primevue.utils);