primevue 3.37.0 → 3.38.1

package/README.md

@@ -21,7 +21,7 @@ npm install primevue
 yarn add primevue
 
 # Using pnpm
-pnpm add nuxt-primevue
+pnpm add primevue
 ```
 
 ## Plugin

package/accordion/Accordion.d.ts

@@ -174,6 +174,14 @@ export interface AccordionSlots {
      * Default slot to detect AccordionTab components.
      */
     default(): VNode[];
+    /**
+     * Custom collapse icon template.
+     */
+    collapseicon(): VNode[];
+    /**
+     * Custom expand icon template.
+     */
+    expandicon(): VNode[];
 }
 
 /**

package/accordion/Accordion.vue

@@ -21,8 +21,14 @@
                     v-bind="{ ...getTabProp(tab, 'headeractionprops'), ...getTabPT(tab, 'headeraction', i) }"
                 >
                     <component v-if="tab.children && tab.children.headericon" :is="tab.children.headericon" :isTabActive="isTabActive(i)" :index="i"></component>
-                    <component v-else-if="isTabActive(i)" :is="collapseIcon ? 'span' : 'ChevronDownIcon'" :class="[cx('tab.headerIcon'), collapseIcon]" aria-hidden="true" v-bind="getTabPT(tab, 'headericon', i)" />
-                    <component v-else :is="expandIcon ? 'span' : 'ChevronRightIcon'" :class="[cx('tab.headerIcon'), expandIcon]" aria-hidden="true" v-bind="getTabPT(tab, 'headericon', i)" />
+                    <component
+                        v-else-if="isTabActive(i)"
+                        :is="$slots.collapseicon ? $slots.collapseicon : collapseIcon ? 'span' : 'ChevronDownIcon'"
+                        :class="[cx('tab.headerIcon'), collapseIcon]"
+                        aria-hidden="true"
+                        v-bind="getTabPT(tab, 'headericon', i)"
+                    />
+                    <component v-else :is="$slots.expandicon ? $slots.expandicon : expandIcon ? 'span' : 'ChevronRightIcon'" :class="[cx('tab.headerIcon'), expandIcon]" aria-hidden="true" v-bind="getTabPT(tab, 'headericon', i)" />
                     <span v-if="tab.props && tab.props.header" :class="cx('tab.headerTitle')" v-bind="getTabPT(tab, 'headertitle', i)">{{ tab.props.header }}</span>
                     <component v-if="tab.children && tab.children.header" :is="tab.children.header"></component>
                 </a>

package/accordion/accordion.cjs.js

@@ -298,11 +298,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       isTabActive: $options.isTabActive(i),
       index: i
-    }, null, 8, ["isTabActive", "index"])) : $options.isTabActive(i) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.collapseIcon ? 'span' : 'ChevronDownIcon'), vue.mergeProps({
+    }, null, 8, ["isTabActive", "index"])) : $options.isTabActive(i) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.collapseicon ? _ctx.$slots.collapseicon : _ctx.collapseIcon ? 'span' : 'ChevronDownIcon'), vue.mergeProps({
       key: 1,
       "class": [_ctx.cx('tab.headerIcon'), _ctx.collapseIcon],
       "aria-hidden": "true"
-    }, $options.getTabPT(tab, 'headericon', i)), null, 16, ["class"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.expandIcon ? 'span' : 'ChevronRightIcon'), vue.mergeProps({
+    }, $options.getTabPT(tab, 'headericon', i)), null, 16, ["class"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.expandicon ? _ctx.$slots.expandicon : _ctx.expandIcon ? 'span' : 'ChevronRightIcon'), vue.mergeProps({
       key: 2,
       "class": [_ctx.cx('tab.headerIcon'), _ctx.expandIcon],
       "aria-hidden": "true"

package/accordion/accordion.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/chevrondown"),t=require("primevue/icons/chevronright"),n=require("primevue/ripple"),a=require("primevue/utils"),i=require("vue"),r=require("primevue/accordion/style"),o=require("primevue/basecomponent");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(e),s=c(t),l=c(n),p=c(r),u={name:"Accordion",extends:{name:"BaseAccordion",extends:c(o).default,props:{multiple:{type:Boolean,default:!1},activeIndex:{type:[Number,Array],default:null},lazy:{type:Boolean,default:!1},expandIcon:{type:String,default:void 0},collapseIcon:{type:String,default:void 0},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1}},style:p.default,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-open","tab-close","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex}},watch:{"$attrs.id":function(e){this.id=e||a.UniqueComponentId()},activeIndex:function(e){this.d_activeIndex=e}},mounted:function(){this.id=this.id||a.UniqueComponentId()},methods:{isAccordionTab:function(e){return"AccordionTab"===e.type.name},isTabActive:function(e){return this.multiple?this.d_activeIndex&&this.d_activeIndex.includes(e):this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var a=this.tabs.length,r={props:e.props||{},parent:{props:this.$props,state:this.$data},context:{index:n,count:a,first:0===n,last:n===a-1,active:this.isTabActive(n)}};return i.mergeProps(this.ptm("tab.".concat(t),{tab:r}),this.ptm("accordiontab.".concat(t),{accordiontab:r}),this.ptm("accordiontab.".concat(t),r),this.ptmo(this.getTabProp(e,"pt"),t,r))},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(e,t,n){switch(e.code){case"ArrowDown":this.onTabArrowDownKey(e);break;case"ArrowUp":this.onTabArrowUpKey(e);break;case"Home":this.onTabHomeKey(e);break;case"End":this.onTabEndKey(e);break;case"Enter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowDownKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowUpKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=a.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling,'[data-pc-section="header"]');return t?a.DomHandler.getAttribute(t,"data-p-disabled")?this.findNextHeaderAction(t.parentElement):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=a.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling,'[data-pc-section="header"]');return t?a.DomHandler.getAttribute(t,"data-p-disabled")?this.findPrevHeaderAction(t.parentElement):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$el.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$el.lastElementChild,!0)},changeActiveIndex:function(e,t,n){if(!this.getTabProp(t,"disabled")){var a=this.isTabActive(n),i=a?"tab-close":"tab-open";this.multiple?a?this.d_activeIndex=this.d_activeIndex.filter((function(e){return e!==n})):this.d_activeIndex?this.d_activeIndex.push(n):this.d_activeIndex=[n]:this.d_activeIndex=this.d_activeIndex===n?null:n,this.$emit("update:activeIndex",this.d_activeIndex),this.$emit(i,{originalEvent:e,index:n})}},changeFocusedTab:function(e,t){if(t&&(a.DomHandler.focus(t),this.selectOnFocus)){var n=parseInt(t.parentElement.parentElement.dataset.pcIndex,10);this.changeActiveIndex(e,this.tabs[n],n)}}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isAccordionTab(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isAccordionTab(n)&&t.push(n)})),t}),[])}},components:{ChevronDownIcon:d.default,ChevronRightIcon:s.default},directives:{ripple:l.default}};function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function m(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e){var t=g(e,"string");return"symbol"===b(t)?t:String(t)}function g(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!==b(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var y=["data-pc-index","data-p-active"],T=["data-p-highlight","data-p-disabled"],x=["id","tabindex","aria-disabled","aria-expanded","aria-controls","onClick","onKeydown"],P=["id","aria-labelledby"];u.render=function(e,t,n,a,r,o){return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root")},e.ptm("root")),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(o.tabs,(function(t,n){return i.openBlock(),i.createElementBlock("div",i.mergeProps({key:o.getKey(t,n),class:e.cx("tab.root",{tab:t,index:n})},o.getTabPT(t,"root",n),{"data-pc-name":"accordiontab","data-pc-index":n,"data-p-active":o.isTabActive(n)}),[i.createElementVNode("div",i.mergeProps({style:o.getTabProp(t,"headerStyle"),class:[e.cx("tab.header",{tab:t,index:n}),o.getTabProp(t,"headerClass")]},f(f({},o.getTabProp(t,"headerProps")),o.getTabPT(t,"header",n)),{"data-p-highlight":o.isTabActive(n),"data-p-disabled":o.getTabProp(t,"disabled")}),[i.createElementVNode("a",i.mergeProps({id:o.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:o.getTabProp(t,"disabled")?-1:e.tabindex,role:"button","aria-disabled":o.getTabProp(t,"disabled"),"aria-expanded":o.isTabActive(n),"aria-controls":o.getTabContentId(n),onClick:function(e){return o.onTabClick(e,t,n)},onKeydown:function(e){return o.onTabKeyDown(e,t,n)}},f(f({},o.getTabProp(t,"headeractionprops")),o.getTabPT(t,"headeraction",n))),[t.children&&t.children.headericon?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.children.headericon),{key:0,isTabActive:o.isTabActive(n),index:n},null,8,["isTabActive","index"])):o.isTabActive(n)?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.collapseIcon?"span":"ChevronDownIcon"),i.mergeProps({key:1,class:[e.cx("tab.headerIcon"),e.collapseIcon],"aria-hidden":"true"},o.getTabPT(t,"headericon",n)),null,16,["class"])):(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.expandIcon?"span":"ChevronRightIcon"),i.mergeProps({key:2,class:[e.cx("tab.headerIcon"),e.expandIcon],"aria-hidden":"true"},o.getTabPT(t,"headericon",n)),null,16,["class"])),t.props&&t.props.header?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:3,class:e.cx("tab.headerTitle")},o.getTabPT(t,"headertitle",n)),i.toDisplayString(t.props.header),17)):i.createCommentVNode("",!0),t.children&&t.children.header?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.children.header),{key:4})):i.createCommentVNode("",!0)],16,x)],16,T),i.createVNode(i.Transition,i.mergeProps({name:"p-toggleable-content"},o.getTabPT(t,"transition",n)),{default:i.withCtx((function(){return[!e.lazy||o.isTabActive(n)?i.withDirectives((i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,id:o.getTabContentId(n),style:o.getTabProp(t,"contentStyle"),class:[e.cx("tab.toggleableContent"),o.getTabProp(t,"contentClass")],role:"region","aria-labelledby":o.getTabHeaderActionId(n)},f(f({},o.getTabProp(t,"contentProps")),o.getTabPT(t,"toggleablecontent",n))),[i.createElementVNode("div",i.mergeProps({class:e.cx("tab.content")},o.getTabPT(t,"content",n)),[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t)))],16)],16,P)),[[i.vShow,!!e.lazy||o.isTabActive(n)]]):i.createCommentVNode("",!0)]})),_:2},1040)],16,y)})),128))],16)},module.exports=u;
+"use strict";var e=require("primevue/icons/chevrondown"),t=require("primevue/icons/chevronright"),n=require("primevue/ripple"),a=require("primevue/utils"),i=require("vue"),o=require("primevue/accordion/style"),r=require("primevue/basecomponent");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(e),s=c(t),l=c(n),p=c(o),u={name:"Accordion",extends:{name:"BaseAccordion",extends:c(r).default,props:{multiple:{type:Boolean,default:!1},activeIndex:{type:[Number,Array],default:null},lazy:{type:Boolean,default:!1},expandIcon:{type:String,default:void 0},collapseIcon:{type:String,default:void 0},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1}},style:p.default,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-open","tab-close","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex}},watch:{"$attrs.id":function(e){this.id=e||a.UniqueComponentId()},activeIndex:function(e){this.d_activeIndex=e}},mounted:function(){this.id=this.id||a.UniqueComponentId()},methods:{isAccordionTab:function(e){return"AccordionTab"===e.type.name},isTabActive:function(e){return this.multiple?this.d_activeIndex&&this.d_activeIndex.includes(e):this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var a=this.tabs.length,o={props:e.props||{},parent:{props:this.$props,state:this.$data},context:{index:n,count:a,first:0===n,last:n===a-1,active:this.isTabActive(n)}};return i.mergeProps(this.ptm("tab.".concat(t),{tab:o}),this.ptm("accordiontab.".concat(t),{accordiontab:o}),this.ptm("accordiontab.".concat(t),o),this.ptmo(this.getTabProp(e,"pt"),t,o))},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(e,t,n){switch(e.code){case"ArrowDown":this.onTabArrowDownKey(e);break;case"ArrowUp":this.onTabArrowUpKey(e);break;case"Home":this.onTabHomeKey(e);break;case"End":this.onTabEndKey(e);break;case"Enter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowDownKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowUpKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=a.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling,'[data-pc-section="header"]');return t?a.DomHandler.getAttribute(t,"data-p-disabled")?this.findNextHeaderAction(t.parentElement):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=a.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling,'[data-pc-section="header"]');return t?a.DomHandler.getAttribute(t,"data-p-disabled")?this.findPrevHeaderAction(t.parentElement):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$el.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$el.lastElementChild,!0)},changeActiveIndex:function(e,t,n){if(!this.getTabProp(t,"disabled")){var a=this.isTabActive(n),i=a?"tab-close":"tab-open";this.multiple?a?this.d_activeIndex=this.d_activeIndex.filter((function(e){return e!==n})):this.d_activeIndex?this.d_activeIndex.push(n):this.d_activeIndex=[n]:this.d_activeIndex=this.d_activeIndex===n?null:n,this.$emit("update:activeIndex",this.d_activeIndex),this.$emit(i,{originalEvent:e,index:n})}},changeFocusedTab:function(e,t){if(t&&(a.DomHandler.focus(t),this.selectOnFocus)){var n=parseInt(t.parentElement.parentElement.dataset.pcIndex,10);this.changeActiveIndex(e,this.tabs[n],n)}}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isAccordionTab(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isAccordionTab(n)&&t.push(n)})),t}),[])}},components:{ChevronDownIcon:d.default,ChevronRightIcon:s.default},directives:{ripple:l.default}};function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function m(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e){var t=g(e,"string");return"symbol"===b(t)?t:String(t)}function g(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!==b(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var y=["data-pc-index","data-p-active"],T=["data-p-highlight","data-p-disabled"],x=["id","tabindex","aria-disabled","aria-expanded","aria-controls","onClick","onKeydown"],P=["id","aria-labelledby"];u.render=function(e,t,n,a,o,r){return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root")},e.ptm("root")),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(r.tabs,(function(t,n){return i.openBlock(),i.createElementBlock("div",i.mergeProps({key:r.getKey(t,n),class:e.cx("tab.root",{tab:t,index:n})},r.getTabPT(t,"root",n),{"data-pc-name":"accordiontab","data-pc-index":n,"data-p-active":r.isTabActive(n)}),[i.createElementVNode("div",i.mergeProps({style:r.getTabProp(t,"headerStyle"),class:[e.cx("tab.header",{tab:t,index:n}),r.getTabProp(t,"headerClass")]},f(f({},r.getTabProp(t,"headerProps")),r.getTabPT(t,"header",n)),{"data-p-highlight":r.isTabActive(n),"data-p-disabled":r.getTabProp(t,"disabled")}),[i.createElementVNode("a",i.mergeProps({id:r.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:r.getTabProp(t,"disabled")?-1:e.tabindex,role:"button","aria-disabled":r.getTabProp(t,"disabled"),"aria-expanded":r.isTabActive(n),"aria-controls":r.getTabContentId(n),onClick:function(e){return r.onTabClick(e,t,n)},onKeydown:function(e){return r.onTabKeyDown(e,t,n)}},f(f({},r.getTabProp(t,"headeractionprops")),r.getTabPT(t,"headeraction",n))),[t.children&&t.children.headericon?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.children.headericon),{key:0,isTabActive:r.isTabActive(n),index:n},null,8,["isTabActive","index"])):r.isTabActive(n)?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$slots.collapseicon?e.$slots.collapseicon:e.collapseIcon?"span":"ChevronDownIcon"),i.mergeProps({key:1,class:[e.cx("tab.headerIcon"),e.collapseIcon],"aria-hidden":"true"},r.getTabPT(t,"headericon",n)),null,16,["class"])):(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$slots.expandicon?e.$slots.expandicon:e.expandIcon?"span":"ChevronRightIcon"),i.mergeProps({key:2,class:[e.cx("tab.headerIcon"),e.expandIcon],"aria-hidden":"true"},r.getTabPT(t,"headericon",n)),null,16,["class"])),t.props&&t.props.header?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:3,class:e.cx("tab.headerTitle")},r.getTabPT(t,"headertitle",n)),i.toDisplayString(t.props.header),17)):i.createCommentVNode("",!0),t.children&&t.children.header?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.children.header),{key:4})):i.createCommentVNode("",!0)],16,x)],16,T),i.createVNode(i.Transition,i.mergeProps({name:"p-toggleable-content"},r.getTabPT(t,"transition",n)),{default:i.withCtx((function(){return[!e.lazy||r.isTabActive(n)?i.withDirectives((i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,id:r.getTabContentId(n),style:r.getTabProp(t,"contentStyle"),class:[e.cx("tab.toggleableContent"),r.getTabProp(t,"contentClass")],role:"region","aria-labelledby":r.getTabHeaderActionId(n)},f(f({},r.getTabProp(t,"contentProps")),r.getTabPT(t,"toggleablecontent",n))),[i.createElementVNode("div",i.mergeProps({class:e.cx("tab.content")},r.getTabPT(t,"content",n)),[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t)))],16)],16,P)),[[i.vShow,!!e.lazy||r.isTabActive(n)]]):i.createCommentVNode("",!0)]})),_:2},1040)],16,y)})),128))],16)},module.exports=u;

package/accordion/accordion.esm.js

@@ -288,11 +288,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       isTabActive: $options.isTabActive(i),
       index: i
-    }, null, 8, ["isTabActive", "index"])) : $options.isTabActive(i) ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.collapseIcon ? 'span' : 'ChevronDownIcon'), mergeProps({
+    }, null, 8, ["isTabActive", "index"])) : $options.isTabActive(i) ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.collapseicon ? _ctx.$slots.collapseicon : _ctx.collapseIcon ? 'span' : 'ChevronDownIcon'), mergeProps({
       key: 1,
       "class": [_ctx.cx('tab.headerIcon'), _ctx.collapseIcon],
       "aria-hidden": "true"
-    }, $options.getTabPT(tab, 'headericon', i)), null, 16, ["class"])) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.expandIcon ? 'span' : 'ChevronRightIcon'), mergeProps({
+    }, $options.getTabPT(tab, 'headericon', i)), null, 16, ["class"])) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.expandicon ? _ctx.$slots.expandicon : _ctx.expandIcon ? 'span' : 'ChevronRightIcon'), mergeProps({
       key: 2,
       "class": [_ctx.cx('tab.headerIcon'), _ctx.expandIcon],
       "aria-hidden": "true"

package/accordion/accordion.esm.min.js

@@ -1 +1 @@
-import e from"primevue/icons/chevrondown";import t from"primevue/icons/chevronright";import n from"primevue/ripple";import{UniqueComponentId as i,DomHandler as a}from"primevue/utils";import{mergeProps as r,openBlock as o,createElementBlock as c,Fragment as d,renderList as s,createElementVNode as l,createBlock as p,resolveDynamicComponent as b,toDisplayString as u,createCommentVNode as h,createVNode as f,Transition as v,withCtx as g,withDirectives as T,vShow as m}from"vue";import y from"primevue/accordion/style";import x from"primevue/basecomponent";var A={name:"Accordion",extends:{name:"BaseAccordion",extends:x,props:{multiple:{type:Boolean,default:!1},activeIndex:{type:[Number,Array],default:null},lazy:{type:Boolean,default:!1},expandIcon:{type:String,default:void 0},collapseIcon:{type:String,default:void 0},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1}},style:y,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-open","tab-close","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex}},watch:{"$attrs.id":function(e){this.id=e||i()},activeIndex:function(e){this.d_activeIndex=e}},mounted:function(){this.id=this.id||i()},methods:{isAccordionTab:function(e){return"AccordionTab"===e.type.name},isTabActive:function(e){return this.multiple?this.d_activeIndex&&this.d_activeIndex.includes(e):this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var i=this.tabs.length,a={props:e.props||{},parent:{props:this.$props,state:this.$data},context:{index:n,count:i,first:0===n,last:n===i-1,active:this.isTabActive(n)}};return r(this.ptm("tab.".concat(t),{tab:a}),this.ptm("accordiontab.".concat(t),{accordiontab:a}),this.ptm("accordiontab.".concat(t),a),this.ptmo(this.getTabProp(e,"pt"),t,a))},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(e,t,n){switch(e.code){case"ArrowDown":this.onTabArrowDownKey(e);break;case"ArrowUp":this.onTabArrowUpKey(e);break;case"Home":this.onTabHomeKey(e);break;case"End":this.onTabEndKey(e);break;case"Enter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowDownKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowUpKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=a.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling,'[data-pc-section="header"]');return t?a.getAttribute(t,"data-p-disabled")?this.findNextHeaderAction(t.parentElement):a.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=a.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling,'[data-pc-section="header"]');return t?a.getAttribute(t,"data-p-disabled")?this.findPrevHeaderAction(t.parentElement):a.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$el.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$el.lastElementChild,!0)},changeActiveIndex:function(e,t,n){if(!this.getTabProp(t,"disabled")){var i=this.isTabActive(n),a=i?"tab-close":"tab-open";this.multiple?i?this.d_activeIndex=this.d_activeIndex.filter((function(e){return e!==n})):this.d_activeIndex?this.d_activeIndex.push(n):this.d_activeIndex=[n]:this.d_activeIndex=this.d_activeIndex===n?null:n,this.$emit("update:activeIndex",this.d_activeIndex),this.$emit(a,{originalEvent:e,index:n})}},changeFocusedTab:function(e,t){if(t&&(a.focus(t),this.selectOnFocus)){var n=parseInt(t.parentElement.parentElement.dataset.pcIndex,10);this.changeActiveIndex(e,this.tabs[n],n)}}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isAccordionTab(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isAccordionTab(n)&&t.push(n)})),t}),[])}},components:{ChevronDownIcon:e,ChevronRightIcon:t},directives:{ripple:n}};function I(e){return I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},I(e)}function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function E(e,t,n){return(t=S(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e){var t=O(e,"string");return"symbol"===I(t)?t:String(t)}function O(e,t){if("object"!==I(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==I(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var H=["data-pc-index","data-p-active"],_=["data-p-highlight","data-p-disabled"],k=["id","tabindex","aria-disabled","aria-expanded","aria-controls","onClick","onKeydown"],K=["id","aria-labelledby"];A.render=function(e,t,n,i,a,y){return o(),c("div",r({class:e.cx("root")},e.ptm("root")),[(o(!0),c(d,null,s(y.tabs,(function(t,n){return o(),c("div",r({key:y.getKey(t,n),class:e.cx("tab.root",{tab:t,index:n})},y.getTabPT(t,"root",n),{"data-pc-name":"accordiontab","data-pc-index":n,"data-p-active":y.isTabActive(n)}),[l("div",r({style:y.getTabProp(t,"headerStyle"),class:[e.cx("tab.header",{tab:t,index:n}),y.getTabProp(t,"headerClass")]},w(w({},y.getTabProp(t,"headerProps")),y.getTabPT(t,"header",n)),{"data-p-highlight":y.isTabActive(n),"data-p-disabled":y.getTabProp(t,"disabled")}),[l("a",r({id:y.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:y.getTabProp(t,"disabled")?-1:e.tabindex,role:"button","aria-disabled":y.getTabProp(t,"disabled"),"aria-expanded":y.isTabActive(n),"aria-controls":y.getTabContentId(n),onClick:function(e){return y.onTabClick(e,t,n)},onKeydown:function(e){return y.onTabKeyDown(e,t,n)}},w(w({},y.getTabProp(t,"headeractionprops")),y.getTabPT(t,"headeraction",n))),[t.children&&t.children.headericon?(o(),p(b(t.children.headericon),{key:0,isTabActive:y.isTabActive(n),index:n},null,8,["isTabActive","index"])):y.isTabActive(n)?(o(),p(b(e.collapseIcon?"span":"ChevronDownIcon"),r({key:1,class:[e.cx("tab.headerIcon"),e.collapseIcon],"aria-hidden":"true"},y.getTabPT(t,"headericon",n)),null,16,["class"])):(o(),p(b(e.expandIcon?"span":"ChevronRightIcon"),r({key:2,class:[e.cx("tab.headerIcon"),e.expandIcon],"aria-hidden":"true"},y.getTabPT(t,"headericon",n)),null,16,["class"])),t.props&&t.props.header?(o(),c("span",r({key:3,class:e.cx("tab.headerTitle")},y.getTabPT(t,"headertitle",n)),u(t.props.header),17)):h("",!0),t.children&&t.children.header?(o(),p(b(t.children.header),{key:4})):h("",!0)],16,k)],16,_),f(v,r({name:"p-toggleable-content"},y.getTabPT(t,"transition",n)),{default:g((function(){return[!e.lazy||y.isTabActive(n)?T((o(),c("div",r({key:0,id:y.getTabContentId(n),style:y.getTabProp(t,"contentStyle"),class:[e.cx("tab.toggleableContent"),y.getTabProp(t,"contentClass")],role:"region","aria-labelledby":y.getTabHeaderActionId(n)},w(w({},y.getTabProp(t,"contentProps")),y.getTabPT(t,"toggleablecontent",n))),[l("div",r({class:e.cx("tab.content")},y.getTabPT(t,"content",n)),[(o(),p(b(t)))],16)],16,K)),[[m,!!e.lazy||y.isTabActive(n)]]):h("",!0)]})),_:2},1040)],16,H)})),128))],16)};export{A as default};
+import e from"primevue/icons/chevrondown";import t from"primevue/icons/chevronright";import n from"primevue/ripple";import{UniqueComponentId as i,DomHandler as a}from"primevue/utils";import{mergeProps as r,openBlock as o,createElementBlock as c,Fragment as d,renderList as s,createElementVNode as l,createBlock as p,resolveDynamicComponent as b,toDisplayString as u,createCommentVNode as h,createVNode as f,Transition as v,withCtx as g,withDirectives as T,vShow as m}from"vue";import y from"primevue/accordion/style";import x from"primevue/basecomponent";var A={name:"Accordion",extends:{name:"BaseAccordion",extends:x,props:{multiple:{type:Boolean,default:!1},activeIndex:{type:[Number,Array],default:null},lazy:{type:Boolean,default:!1},expandIcon:{type:String,default:void 0},collapseIcon:{type:String,default:void 0},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1}},style:y,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-open","tab-close","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex}},watch:{"$attrs.id":function(e){this.id=e||i()},activeIndex:function(e){this.d_activeIndex=e}},mounted:function(){this.id=this.id||i()},methods:{isAccordionTab:function(e){return"AccordionTab"===e.type.name},isTabActive:function(e){return this.multiple?this.d_activeIndex&&this.d_activeIndex.includes(e):this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var i=this.tabs.length,a={props:e.props||{},parent:{props:this.$props,state:this.$data},context:{index:n,count:i,first:0===n,last:n===i-1,active:this.isTabActive(n)}};return r(this.ptm("tab.".concat(t),{tab:a}),this.ptm("accordiontab.".concat(t),{accordiontab:a}),this.ptm("accordiontab.".concat(t),a),this.ptmo(this.getTabProp(e,"pt"),t,a))},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(e,t,n){switch(e.code){case"ArrowDown":this.onTabArrowDownKey(e);break;case"ArrowUp":this.onTabArrowUpKey(e);break;case"Home":this.onTabHomeKey(e);break;case"End":this.onTabEndKey(e);break;case"Enter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowDownKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowUpKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=a.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling,'[data-pc-section="header"]');return t?a.getAttribute(t,"data-p-disabled")?this.findNextHeaderAction(t.parentElement):a.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=a.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling,'[data-pc-section="header"]');return t?a.getAttribute(t,"data-p-disabled")?this.findPrevHeaderAction(t.parentElement):a.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$el.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$el.lastElementChild,!0)},changeActiveIndex:function(e,t,n){if(!this.getTabProp(t,"disabled")){var i=this.isTabActive(n),a=i?"tab-close":"tab-open";this.multiple?i?this.d_activeIndex=this.d_activeIndex.filter((function(e){return e!==n})):this.d_activeIndex?this.d_activeIndex.push(n):this.d_activeIndex=[n]:this.d_activeIndex=this.d_activeIndex===n?null:n,this.$emit("update:activeIndex",this.d_activeIndex),this.$emit(a,{originalEvent:e,index:n})}},changeFocusedTab:function(e,t){if(t&&(a.focus(t),this.selectOnFocus)){var n=parseInt(t.parentElement.parentElement.dataset.pcIndex,10);this.changeActiveIndex(e,this.tabs[n],n)}}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isAccordionTab(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isAccordionTab(n)&&t.push(n)})),t}),[])}},components:{ChevronDownIcon:e,ChevronRightIcon:t},directives:{ripple:n}};function I(e){return I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},I(e)}function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function E(e,t,n){return(t=S(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e){var t=O(e,"string");return"symbol"===I(t)?t:String(t)}function O(e,t){if("object"!==I(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==I(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var H=["data-pc-index","data-p-active"],_=["data-p-highlight","data-p-disabled"],k=["id","tabindex","aria-disabled","aria-expanded","aria-controls","onClick","onKeydown"],K=["id","aria-labelledby"];A.render=function(e,t,n,i,a,y){return o(),c("div",r({class:e.cx("root")},e.ptm("root")),[(o(!0),c(d,null,s(y.tabs,(function(t,n){return o(),c("div",r({key:y.getKey(t,n),class:e.cx("tab.root",{tab:t,index:n})},y.getTabPT(t,"root",n),{"data-pc-name":"accordiontab","data-pc-index":n,"data-p-active":y.isTabActive(n)}),[l("div",r({style:y.getTabProp(t,"headerStyle"),class:[e.cx("tab.header",{tab:t,index:n}),y.getTabProp(t,"headerClass")]},w(w({},y.getTabProp(t,"headerProps")),y.getTabPT(t,"header",n)),{"data-p-highlight":y.isTabActive(n),"data-p-disabled":y.getTabProp(t,"disabled")}),[l("a",r({id:y.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:y.getTabProp(t,"disabled")?-1:e.tabindex,role:"button","aria-disabled":y.getTabProp(t,"disabled"),"aria-expanded":y.isTabActive(n),"aria-controls":y.getTabContentId(n),onClick:function(e){return y.onTabClick(e,t,n)},onKeydown:function(e){return y.onTabKeyDown(e,t,n)}},w(w({},y.getTabProp(t,"headeractionprops")),y.getTabPT(t,"headeraction",n))),[t.children&&t.children.headericon?(o(),p(b(t.children.headericon),{key:0,isTabActive:y.isTabActive(n),index:n},null,8,["isTabActive","index"])):y.isTabActive(n)?(o(),p(b(e.$slots.collapseicon?e.$slots.collapseicon:e.collapseIcon?"span":"ChevronDownIcon"),r({key:1,class:[e.cx("tab.headerIcon"),e.collapseIcon],"aria-hidden":"true"},y.getTabPT(t,"headericon",n)),null,16,["class"])):(o(),p(b(e.$slots.expandicon?e.$slots.expandicon:e.expandIcon?"span":"ChevronRightIcon"),r({key:2,class:[e.cx("tab.headerIcon"),e.expandIcon],"aria-hidden":"true"},y.getTabPT(t,"headericon",n)),null,16,["class"])),t.props&&t.props.header?(o(),c("span",r({key:3,class:e.cx("tab.headerTitle")},y.getTabPT(t,"headertitle",n)),u(t.props.header),17)):h("",!0),t.children&&t.children.header?(o(),p(b(t.children.header),{key:4})):h("",!0)],16,k)],16,_),f(v,r({name:"p-toggleable-content"},y.getTabPT(t,"transition",n)),{default:g((function(){return[!e.lazy||y.isTabActive(n)?T((o(),c("div",r({key:0,id:y.getTabContentId(n),style:y.getTabProp(t,"contentStyle"),class:[e.cx("tab.toggleableContent"),y.getTabProp(t,"contentClass")],role:"region","aria-labelledby":y.getTabHeaderActionId(n)},w(w({},y.getTabProp(t,"contentProps")),y.getTabPT(t,"toggleablecontent",n))),[l("div",r({class:e.cx("tab.content")},y.getTabPT(t,"content",n)),[(o(),p(b(t)))],16)],16,K)),[[m,!!e.lazy||y.isTabActive(n)]]):h("",!0)]})),_:2},1040)],16,H)})),128))],16)};export{A as default};

package/accordion/accordion.js

@@ -292,11 +292,11 @@ this.primevue.accordion = (function (ChevronDownIcon, ChevronRightIcon, Ripple,
           key: 0,
           isTabActive: $options.isTabActive(i),
           index: i
-        }, null, 8, ["isTabActive", "index"])) : $options.isTabActive(i) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.collapseIcon ? 'span' : 'ChevronDownIcon'), vue.mergeProps({
+        }, null, 8, ["isTabActive", "index"])) : $options.isTabActive(i) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.collapseicon ? _ctx.$slots.collapseicon : _ctx.collapseIcon ? 'span' : 'ChevronDownIcon'), vue.mergeProps({
           key: 1,
           "class": [_ctx.cx('tab.headerIcon'), _ctx.collapseIcon],
           "aria-hidden": "true"
-        }, $options.getTabPT(tab, 'headericon', i)), null, 16, ["class"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.expandIcon ? 'span' : 'ChevronRightIcon'), vue.mergeProps({
+        }, $options.getTabPT(tab, 'headericon', i)), null, 16, ["class"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.expandicon ? _ctx.$slots.expandicon : _ctx.expandIcon ? 'span' : 'ChevronRightIcon'), vue.mergeProps({
           key: 2,
           "class": [_ctx.cx('tab.headerIcon'), _ctx.expandIcon],
           "aria-hidden": "true"

package/accordion/accordion.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.accordion=function(e,t,n,a,i,o,r){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(e),s=c(t),l=c(n),p=c(o),u={name:"Accordion",extends:{name:"BaseAccordion",extends:c(r).default,props:{multiple:{type:Boolean,default:!1},activeIndex:{type:[Number,Array],default:null},lazy:{type:Boolean,default:!1},expandIcon:{type:String,default:void 0},collapseIcon:{type:String,default:void 0},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1}},style:p.default,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-open","tab-close","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex}},watch:{"$attrs.id":function(e){this.id=e||a.UniqueComponentId()},activeIndex:function(e){this.d_activeIndex=e}},mounted:function(){this.id=this.id||a.UniqueComponentId()},methods:{isAccordionTab:function(e){return"AccordionTab"===e.type.name},isTabActive:function(e){return this.multiple?this.d_activeIndex&&this.d_activeIndex.includes(e):this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var a=this.tabs.length,o={props:e.props||{},parent:{props:this.$props,state:this.$data},context:{index:n,count:a,first:0===n,last:n===a-1,active:this.isTabActive(n)}};return i.mergeProps(this.ptm("tab.".concat(t),{tab:o}),this.ptm("accordiontab.".concat(t),{accordiontab:o}),this.ptm("accordiontab.".concat(t),o),this.ptmo(this.getTabProp(e,"pt"),t,o))},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(e,t,n){switch(e.code){case"ArrowDown":this.onTabArrowDownKey(e);break;case"ArrowUp":this.onTabArrowUpKey(e);break;case"Home":this.onTabHomeKey(e);break;case"End":this.onTabEndKey(e);break;case"Enter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowDownKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowUpKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=a.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling,'[data-pc-section="header"]');return t?a.DomHandler.getAttribute(t,"data-p-disabled")?this.findNextHeaderAction(t.parentElement):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=a.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling,'[data-pc-section="header"]');return t?a.DomHandler.getAttribute(t,"data-p-disabled")?this.findPrevHeaderAction(t.parentElement):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$el.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$el.lastElementChild,!0)},changeActiveIndex:function(e,t,n){if(!this.getTabProp(t,"disabled")){var a=this.isTabActive(n),i=a?"tab-close":"tab-open";this.multiple?a?this.d_activeIndex=this.d_activeIndex.filter((function(e){return e!==n})):this.d_activeIndex?this.d_activeIndex.push(n):this.d_activeIndex=[n]:this.d_activeIndex=this.d_activeIndex===n?null:n,this.$emit("update:activeIndex",this.d_activeIndex),this.$emit(i,{originalEvent:e,index:n})}},changeFocusedTab:function(e,t){if(t&&(a.DomHandler.focus(t),this.selectOnFocus)){var n=parseInt(t.parentElement.parentElement.dataset.pcIndex,10);this.changeActiveIndex(e,this.tabs[n],n)}}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isAccordionTab(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isAccordionTab(n)&&t.push(n)})),t}),[])}},components:{ChevronDownIcon:d.default,ChevronRightIcon:s.default},directives:{ripple:l.default}};function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function m(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e){var t=g(e,"string");return"symbol"===b(t)?t:String(t)}function g(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!==b(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var y=["data-pc-index","data-p-active"],T=["data-p-highlight","data-p-disabled"],x=["id","tabindex","aria-disabled","aria-expanded","aria-controls","onClick","onKeydown"],P=["id","aria-labelledby"];return u.render=function(e,t,n,a,o,r){return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root")},e.ptm("root")),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(r.tabs,(function(t,n){return i.openBlock(),i.createElementBlock("div",i.mergeProps({key:r.getKey(t,n),class:e.cx("tab.root",{tab:t,index:n})},r.getTabPT(t,"root",n),{"data-pc-name":"accordiontab","data-pc-index":n,"data-p-active":r.isTabActive(n)}),[i.createElementVNode("div",i.mergeProps({style:r.getTabProp(t,"headerStyle"),class:[e.cx("tab.header",{tab:t,index:n}),r.getTabProp(t,"headerClass")]},f(f({},r.getTabProp(t,"headerProps")),r.getTabPT(t,"header",n)),{"data-p-highlight":r.isTabActive(n),"data-p-disabled":r.getTabProp(t,"disabled")}),[i.createElementVNode("a",i.mergeProps({id:r.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:r.getTabProp(t,"disabled")?-1:e.tabindex,role:"button","aria-disabled":r.getTabProp(t,"disabled"),"aria-expanded":r.isTabActive(n),"aria-controls":r.getTabContentId(n),onClick:function(e){return r.onTabClick(e,t,n)},onKeydown:function(e){return r.onTabKeyDown(e,t,n)}},f(f({},r.getTabProp(t,"headeractionprops")),r.getTabPT(t,"headeraction",n))),[t.children&&t.children.headericon?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.children.headericon),{key:0,isTabActive:r.isTabActive(n),index:n},null,8,["isTabActive","index"])):r.isTabActive(n)?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.collapseIcon?"span":"ChevronDownIcon"),i.mergeProps({key:1,class:[e.cx("tab.headerIcon"),e.collapseIcon],"aria-hidden":"true"},r.getTabPT(t,"headericon",n)),null,16,["class"])):(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.expandIcon?"span":"ChevronRightIcon"),i.mergeProps({key:2,class:[e.cx("tab.headerIcon"),e.expandIcon],"aria-hidden":"true"},r.getTabPT(t,"headericon",n)),null,16,["class"])),t.props&&t.props.header?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:3,class:e.cx("tab.headerTitle")},r.getTabPT(t,"headertitle",n)),i.toDisplayString(t.props.header),17)):i.createCommentVNode("",!0),t.children&&t.children.header?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.children.header),{key:4})):i.createCommentVNode("",!0)],16,x)],16,T),i.createVNode(i.Transition,i.mergeProps({name:"p-toggleable-content"},r.getTabPT(t,"transition",n)),{default:i.withCtx((function(){return[!e.lazy||r.isTabActive(n)?i.withDirectives((i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,id:r.getTabContentId(n),style:r.getTabProp(t,"contentStyle"),class:[e.cx("tab.toggleableContent"),r.getTabProp(t,"contentClass")],role:"region","aria-labelledby":r.getTabHeaderActionId(n)},f(f({},r.getTabProp(t,"contentProps")),r.getTabPT(t,"toggleablecontent",n))),[i.createElementVNode("div",i.mergeProps({class:e.cx("tab.content")},r.getTabPT(t,"content",n)),[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t)))],16)],16,P)),[[i.vShow,!!e.lazy||r.isTabActive(n)]]):i.createCommentVNode("",!0)]})),_:2},1040)],16,y)})),128))],16)},u}(primevue.icons.chevrondown,primevue.icons.chevronright,primevue.ripple,primevue.utils,Vue,primevue.accordion.style,primevue.basecomponent);
+this.primevue=this.primevue||{},this.primevue.accordion=function(e,t,n,a,i,o,r){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(e),s=c(t),l=c(n),p=c(o),u={name:"Accordion",extends:{name:"BaseAccordion",extends:c(r).default,props:{multiple:{type:Boolean,default:!1},activeIndex:{type:[Number,Array],default:null},lazy:{type:Boolean,default:!1},expandIcon:{type:String,default:void 0},collapseIcon:{type:String,default:void 0},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1}},style:p.default,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-open","tab-close","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex}},watch:{"$attrs.id":function(e){this.id=e||a.UniqueComponentId()},activeIndex:function(e){this.d_activeIndex=e}},mounted:function(){this.id=this.id||a.UniqueComponentId()},methods:{isAccordionTab:function(e){return"AccordionTab"===e.type.name},isTabActive:function(e){return this.multiple?this.d_activeIndex&&this.d_activeIndex.includes(e):this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var a=this.tabs.length,o={props:e.props||{},parent:{props:this.$props,state:this.$data},context:{index:n,count:a,first:0===n,last:n===a-1,active:this.isTabActive(n)}};return i.mergeProps(this.ptm("tab.".concat(t),{tab:o}),this.ptm("accordiontab.".concat(t),{accordiontab:o}),this.ptm("accordiontab.".concat(t),o),this.ptmo(this.getTabProp(e,"pt"),t,o))},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(e,t,n){switch(e.code){case"ArrowDown":this.onTabArrowDownKey(e);break;case"ArrowUp":this.onTabArrowUpKey(e);break;case"Home":this.onTabHomeKey(e);break;case"End":this.onTabEndKey(e);break;case"Enter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowDownKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowUpKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=a.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling,'[data-pc-section="header"]');return t?a.DomHandler.getAttribute(t,"data-p-disabled")?this.findNextHeaderAction(t.parentElement):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=a.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling,'[data-pc-section="header"]');return t?a.DomHandler.getAttribute(t,"data-p-disabled")?this.findPrevHeaderAction(t.parentElement):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$el.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$el.lastElementChild,!0)},changeActiveIndex:function(e,t,n){if(!this.getTabProp(t,"disabled")){var a=this.isTabActive(n),i=a?"tab-close":"tab-open";this.multiple?a?this.d_activeIndex=this.d_activeIndex.filter((function(e){return e!==n})):this.d_activeIndex?this.d_activeIndex.push(n):this.d_activeIndex=[n]:this.d_activeIndex=this.d_activeIndex===n?null:n,this.$emit("update:activeIndex",this.d_activeIndex),this.$emit(i,{originalEvent:e,index:n})}},changeFocusedTab:function(e,t){if(t&&(a.DomHandler.focus(t),this.selectOnFocus)){var n=parseInt(t.parentElement.parentElement.dataset.pcIndex,10);this.changeActiveIndex(e,this.tabs[n],n)}}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isAccordionTab(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isAccordionTab(n)&&t.push(n)})),t}),[])}},components:{ChevronDownIcon:d.default,ChevronRightIcon:s.default},directives:{ripple:l.default}};function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function m(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e){var t=g(e,"string");return"symbol"===b(t)?t:String(t)}function g(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!==b(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var y=["data-pc-index","data-p-active"],T=["data-p-highlight","data-p-disabled"],x=["id","tabindex","aria-disabled","aria-expanded","aria-controls","onClick","onKeydown"],P=["id","aria-labelledby"];return u.render=function(e,t,n,a,o,r){return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root")},e.ptm("root")),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(r.tabs,(function(t,n){return i.openBlock(),i.createElementBlock("div",i.mergeProps({key:r.getKey(t,n),class:e.cx("tab.root",{tab:t,index:n})},r.getTabPT(t,"root",n),{"data-pc-name":"accordiontab","data-pc-index":n,"data-p-active":r.isTabActive(n)}),[i.createElementVNode("div",i.mergeProps({style:r.getTabProp(t,"headerStyle"),class:[e.cx("tab.header",{tab:t,index:n}),r.getTabProp(t,"headerClass")]},f(f({},r.getTabProp(t,"headerProps")),r.getTabPT(t,"header",n)),{"data-p-highlight":r.isTabActive(n),"data-p-disabled":r.getTabProp(t,"disabled")}),[i.createElementVNode("a",i.mergeProps({id:r.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:r.getTabProp(t,"disabled")?-1:e.tabindex,role:"button","aria-disabled":r.getTabProp(t,"disabled"),"aria-expanded":r.isTabActive(n),"aria-controls":r.getTabContentId(n),onClick:function(e){return r.onTabClick(e,t,n)},onKeydown:function(e){return r.onTabKeyDown(e,t,n)}},f(f({},r.getTabProp(t,"headeractionprops")),r.getTabPT(t,"headeraction",n))),[t.children&&t.children.headericon?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.children.headericon),{key:0,isTabActive:r.isTabActive(n),index:n},null,8,["isTabActive","index"])):r.isTabActive(n)?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$slots.collapseicon?e.$slots.collapseicon:e.collapseIcon?"span":"ChevronDownIcon"),i.mergeProps({key:1,class:[e.cx("tab.headerIcon"),e.collapseIcon],"aria-hidden":"true"},r.getTabPT(t,"headericon",n)),null,16,["class"])):(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$slots.expandicon?e.$slots.expandicon:e.expandIcon?"span":"ChevronRightIcon"),i.mergeProps({key:2,class:[e.cx("tab.headerIcon"),e.expandIcon],"aria-hidden":"true"},r.getTabPT(t,"headericon",n)),null,16,["class"])),t.props&&t.props.header?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:3,class:e.cx("tab.headerTitle")},r.getTabPT(t,"headertitle",n)),i.toDisplayString(t.props.header),17)):i.createCommentVNode("",!0),t.children&&t.children.header?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.children.header),{key:4})):i.createCommentVNode("",!0)],16,x)],16,T),i.createVNode(i.Transition,i.mergeProps({name:"p-toggleable-content"},r.getTabPT(t,"transition",n)),{default:i.withCtx((function(){return[!e.lazy||r.isTabActive(n)?i.withDirectives((i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,id:r.getTabContentId(n),style:r.getTabProp(t,"contentStyle"),class:[e.cx("tab.toggleableContent"),r.getTabProp(t,"contentClass")],role:"region","aria-labelledby":r.getTabHeaderActionId(n)},f(f({},r.getTabProp(t,"contentProps")),r.getTabPT(t,"toggleablecontent",n))),[i.createElementVNode("div",i.mergeProps({class:e.cx("tab.content")},r.getTabPT(t,"content",n)),[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t)))],16)],16,P)),[[i.vShow,!!e.lazy||r.isTabActive(n)]]):i.createCommentVNode("",!0)]})),_:2},1040)],16,y)})),128))],16)},u}(primevue.icons.chevrondown,primevue.icons.chevronright,primevue.ripple,primevue.utils,Vue,primevue.accordion.style,primevue.basecomponent);

package/animateonscroll/AnimateOnScroll.d.ts

@@ -0,0 +1,87 @@
+/**
+ *
+ *  AnimateOnScroll manages PrimeFlex CSS classes declaratively to during enter/leave animations on scroll or on page load.
+ *
+ * [Live Demo](https://primevue.org/animateonscroll)
+ *
+ * @module animateonscroll
+ */
+import { DirectiveBinding, ObjectDirective } from 'vue';
+import { DirectiveHooks } from '../basedirective/BaseDirective';
+
+/**
+ * Defines options of AnimateOnScroll.
+ */
+export interface AnimateOnScrollOptions {
+    /**
+     * Style class to add when item goes into viewport, use white space as a delimeter to define multiple classes.
+     */
+    enterClass?: string | undefined;
+    /**
+     * Style class to add when item leaves the viewport, use white space as a delimeter to define multiple classes.
+     */
+    leaveClass?: string | undefined;
+    /**
+     * Specifies the `root` option of the IntersectionObserver API
+     */
+    root?: Element | Document | null;
+    /**
+     * Specifies the `rootMargin` option of the IntersectionObserver API
+     */
+    rootMargin?: string;
+    /**
+     * Specifies the `threshold` option of the IntersectionObserver API
+     */
+    threshold?: ReadonlyArray<number>;
+}
+
+/**
+ * Custom passthrough(pt) directive options.
+ */
+export interface AnimateOnScrollDirectivePassThroughOptions {
+    /**
+     * Used to manage all lifecycle hooks
+     * @see {@link BaseDirective.DirectiveHooks}
+     */
+    hooks?: DirectiveHooks;
+}
+
+/**
+ * Defines modifiers of AnimateOnScroll.
+ */
+export interface AnimateOnScrollDirectiveModifiers {
+    /**
+     * Whether the scroll event listener should be removed after initial run.
+     *  @defaultValue true
+     */
+    once?: boolean | undefined;
+}
+
+/**
+ * Binding of AnimateOnScroll directive.
+ */
+export interface AnimateOnScrollDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
+    /**
+     * Value of the AnimateOnScroll.
+     */
+    value?: AnimateOnScrollOptions | undefined;
+    /**
+     * Modifiers of the tooltip.
+     * @type {AnimateOnScrollDirectiveModifiers}
+     */
+    modifiers?: AnimateOnScrollDirectiveModifiers | undefined;
+}
+
+/**
+ * **PrimeVue - AnimateOnScroll**
+ *
+ * _AnimateOnScroll manages PrimeFlex CSS classes declaratively to during enter/leave animations on scroll or on page load._
+ *
+ * [Live Demo](https://www.primevue.org/animateonscroll/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ */
+declare const AnimateOnScroll: ObjectDirective;
+
+export default AnimateOnScroll;

package/animateonscroll/animateonscroll.cjs.js

@@ -0,0 +1,132 @@
+'use strict';
+
+var utils = require('primevue/utils');
+var BaseDirective = require('primevue/basedirective');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var BaseDirective__default = /*#__PURE__*/_interopDefaultLegacy(BaseDirective);
+
+var BaseAnimateOnScroll = BaseDirective__default["default"].extend({});
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var AnimateOnScroll = BaseAnimateOnScroll.extend('animateonscroll', {
+  created: function created() {
+    this.$value = this.$value || {};
+    this.$el.style.opacity = this.$value.enterClass ? '0' : '';
+  },
+  mounted: function mounted() {
+    this.$el.setAttribute('data-pd-animateonscroll', true);
+    this.bindIntersectionObserver();
+  },
+  unmounted: function unmounted() {
+    this.unbindAnimationEvents();
+    this.unbindIntersectionObserver();
+  },
+  observer: undefined,
+  resetObserver: undefined,
+  isObserverActive: false,
+  animationState: undefined,
+  animationEndListener: undefined,
+  methods: {
+    bindAnimationEvents: function bindAnimationEvents() {
+      var _this = this;
+      if (!this.animationEndListener) {
+        this.animationEndListener = function () {
+          utils.DomHandler.removeMultipleClasses(_this.$el, [_this.$value.enterClass, _this.$value.leaveClass]);
+          !_this.$modifiers.once && _this.resetObserver.observe(_this.$el);
+          _this.unbindAnimationEvents();
+        };
+        this.$el.addEventListener('animationend', this.animationEndListener);
+      }
+    },
+    bindIntersectionObserver: function bindIntersectionObserver() {
+      var _this2 = this;
+      var _this$$value = this.$value,
+        root = _this$$value.root,
+        rootMargin = _this$$value.rootMargin,
+        _this$$value$threshol = _this$$value.threshold,
+        threshold = _this$$value$threshol === void 0 ? 0.5 : _this$$value$threshol;
+      var options = {
+        root: root,
+        rootMargin: rootMargin,
+        threshold: threshold
+      };
+
+      // States
+      this.observer = new IntersectionObserver(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 1),
+          entry = _ref2[0];
+        if (_this2.isObserverActive) {
+          if (entry.boundingClientRect.top > 0) {
+            entry.isIntersecting ? _this2.enter() : _this2.leave();
+          }
+        } else if (entry.isIntersecting) {
+          _this2.enter();
+        }
+        _this2.isObserverActive = true;
+      }, options);
+      setTimeout(function () {
+        return _this2.observer.observe(_this2.$el);
+      }, 0);
+
+      // Reset
+      this.resetObserver = new IntersectionObserver(function (_ref3) {
+        var _ref4 = _slicedToArray(_ref3, 1),
+          entry = _ref4[0];
+        if (entry.boundingClientRect.top > 0 && !entry.isIntersecting) {
+          _this2.$el.style.opacity = _this2.$value.enterClass ? '0' : '';
+          utils.DomHandler.removeMultipleClasses(_this2.$el, [_this2.$value.enterClass, _this2.$value.leaveClass]);
+          _this2.resetObserver.unobserve(_this2.$el);
+        }
+        _this2.animationState = undefined;
+      }, _objectSpread(_objectSpread({}, options), {}, {
+        threshold: 0
+      }));
+    },
+    enter: function enter() {
+      if (this.animationState !== 'enter' && this.$value.enterClass) {
+        this.$el.style.opacity = '';
+        utils.DomHandler.removeMultipleClasses(this.$el, this.$value.leaveClass);
+        utils.DomHandler.addMultipleClasses(this.$el, this.$value.enterClass);
+        this.$modifiers.once && this.unbindIntersectionObserver(this.$el);
+        this.bindAnimationEvents();
+        this.animationState = 'enter';
+      }
+    },
+    leave: function leave() {
+      if (this.animationState !== 'leave' && this.$value.leaveClass) {
+        this.$el.style.opacity = this.$value.enterClass ? '0' : '';
+        utils.DomHandler.removeMultipleClasses(this.$el, this.$value.enterClass);
+        utils.DomHandler.addMultipleClasses(this.$el, this.$value.leaveClass);
+        this.bindAnimationEvents();
+        this.animationState = 'leave';
+      }
+    },
+    unbindAnimationEvents: function unbindAnimationEvents() {
+      if (this.animationEndListener) {
+        this.$el.removeEventListener('animationend', this.animationEndListener);
+        this.animationEndListener = undefined;
+      }
+    },
+    unbindIntersectionObserver: function unbindIntersectionObserver() {
+      var _this$observer, _this$resetObserver;
+      (_this$observer = this.observer) === null || _this$observer === void 0 || _this$observer.unobserve(this.$el);
+      (_this$resetObserver = this.resetObserver) === null || _this$resetObserver === void 0 || _this$resetObserver.unobserve(this.$el);
+      this.isObserverActive = false;
+    }
+  }
+});
+
+module.exports = AnimateOnScroll;

package/animateonscroll/animateonscroll.cjs.min.js

@@ -0,0 +1 @@
+"use strict";var e=require("primevue/utils");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function s(e,t,n){return(t=o(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e){var t=a(e,"string");return"symbol"===n(t)?t:String(t)}function a(e,t){if("object"!==n(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var i=r.call(e,t||"default");if("object"!==n(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function l(e,t){return d(e)||b(e,t)||v(e,t)||u()}function u(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,s,o,a=[],l=!0,u=!1;try{if(s=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=s.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){u=!0,i=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw i}}return a}}function d(e){if(Array.isArray(e))return e}var f=t(require("primevue/basedirective")).default.extend({}).extend("animateonscroll",{created:function(){this.$value=this.$value||{},this.$el.style.opacity=this.$value.enterClass?"0":""},mounted:function(){this.$el.setAttribute("data-pd-animateonscroll",!0),this.bindIntersectionObserver()},unmounted:function(){this.unbindAnimationEvents(),this.unbindIntersectionObserver()},observer:void 0,resetObserver:void 0,isObserverActive:!1,animationState:void 0,animationEndListener:void 0,methods:{bindAnimationEvents:function(){var t=this;this.animationEndListener||(this.animationEndListener=function(){e.DomHandler.removeMultipleClasses(t.$el,[t.$value.enterClass,t.$value.leaveClass]),!t.$modifiers.once&&t.resetObserver.observe(t.$el),t.unbindAnimationEvents()},this.$el.addEventListener("animationend",this.animationEndListener))},bindIntersectionObserver:function(){var t=this,n=this.$value,r=n.threshold,s={root:n.root,rootMargin:n.rootMargin,threshold:void 0===r?.5:r};this.observer=new IntersectionObserver((function(e){var n=l(e,1)[0];t.isObserverActive?n.boundingClientRect.top>0&&(n.isIntersecting?t.enter():t.leave()):n.isIntersecting&&t.enter(),t.isObserverActive=!0}),s),setTimeout((function(){return t.observer.observe(t.$el)}),0),this.resetObserver=new IntersectionObserver((function(n){var r=l(n,1)[0];r.boundingClientRect.top>0&&!r.isIntersecting&&(t.$el.style.opacity=t.$value.enterClass?"0":"",e.DomHandler.removeMultipleClasses(t.$el,[t.$value.enterClass,t.$value.leaveClass]),t.resetObserver.unobserve(t.$el)),t.animationState=void 0}),i(i({},s),{},{threshold:0}))},enter:function(){"enter"!==this.animationState&&this.$value.enterClass&&(this.$el.style.opacity="",e.DomHandler.removeMultipleClasses(this.$el,this.$value.leaveClass),e.DomHandler.addMultipleClasses(this.$el,this.$value.enterClass),this.$modifiers.once&&this.unbindIntersectionObserver(this.$el),this.bindAnimationEvents(),this.animationState="enter")},leave:function(){"leave"!==this.animationState&&this.$value.leaveClass&&(this.$el.style.opacity=this.$value.enterClass?"0":"",e.DomHandler.removeMultipleClasses(this.$el,this.$value.enterClass),e.DomHandler.addMultipleClasses(this.$el,this.$value.leaveClass),this.bindAnimationEvents(),this.animationState="leave")},unbindAnimationEvents:function(){this.animationEndListener&&(this.$el.removeEventListener("animationend",this.animationEndListener),this.animationEndListener=void 0)},unbindIntersectionObserver:function(){var e,t;null===(e=this.observer)||void 0===e||e.unobserve(this.$el),null===(t=this.resetObserver)||void 0===t||t.unobserve(this.$el),this.isObserverActive=!1}}});module.exports=f;

package/animateonscroll/animateonscroll.esm.js

@@ -0,0 +1,126 @@
+import { DomHandler } from 'primevue/utils';
+import BaseDirective from 'primevue/basedirective';
+
+var BaseAnimateOnScroll = BaseDirective.extend({});
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var AnimateOnScroll = BaseAnimateOnScroll.extend('animateonscroll', {
+  created: function created() {
+    this.$value = this.$value || {};
+    this.$el.style.opacity = this.$value.enterClass ? '0' : '';
+  },
+  mounted: function mounted() {
+    this.$el.setAttribute('data-pd-animateonscroll', true);
+    this.bindIntersectionObserver();
+  },
+  unmounted: function unmounted() {
+    this.unbindAnimationEvents();
+    this.unbindIntersectionObserver();
+  },
+  observer: undefined,
+  resetObserver: undefined,
+  isObserverActive: false,
+  animationState: undefined,
+  animationEndListener: undefined,
+  methods: {
+    bindAnimationEvents: function bindAnimationEvents() {
+      var _this = this;
+      if (!this.animationEndListener) {
+        this.animationEndListener = function () {
+          DomHandler.removeMultipleClasses(_this.$el, [_this.$value.enterClass, _this.$value.leaveClass]);
+          !_this.$modifiers.once && _this.resetObserver.observe(_this.$el);
+          _this.unbindAnimationEvents();
+        };
+        this.$el.addEventListener('animationend', this.animationEndListener);
+      }
+    },
+    bindIntersectionObserver: function bindIntersectionObserver() {
+      var _this2 = this;
+      var _this$$value = this.$value,
+        root = _this$$value.root,
+        rootMargin = _this$$value.rootMargin,
+        _this$$value$threshol = _this$$value.threshold,
+        threshold = _this$$value$threshol === void 0 ? 0.5 : _this$$value$threshol;
+      var options = {
+        root: root,
+        rootMargin: rootMargin,
+        threshold: threshold
+      };
+
+      // States
+      this.observer = new IntersectionObserver(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 1),
+          entry = _ref2[0];
+        if (_this2.isObserverActive) {
+          if (entry.boundingClientRect.top > 0) {
+            entry.isIntersecting ? _this2.enter() : _this2.leave();
+          }
+        } else if (entry.isIntersecting) {
+          _this2.enter();
+        }
+        _this2.isObserverActive = true;
+      }, options);
+      setTimeout(function () {
+        return _this2.observer.observe(_this2.$el);
+      }, 0);
+
+      // Reset
+      this.resetObserver = new IntersectionObserver(function (_ref3) {
+        var _ref4 = _slicedToArray(_ref3, 1),
+          entry = _ref4[0];
+        if (entry.boundingClientRect.top > 0 && !entry.isIntersecting) {
+          _this2.$el.style.opacity = _this2.$value.enterClass ? '0' : '';
+          DomHandler.removeMultipleClasses(_this2.$el, [_this2.$value.enterClass, _this2.$value.leaveClass]);
+          _this2.resetObserver.unobserve(_this2.$el);
+        }
+        _this2.animationState = undefined;
+      }, _objectSpread(_objectSpread({}, options), {}, {
+        threshold: 0
+      }));
+    },
+    enter: function enter() {
+      if (this.animationState !== 'enter' && this.$value.enterClass) {
+        this.$el.style.opacity = '';
+        DomHandler.removeMultipleClasses(this.$el, this.$value.leaveClass);
+        DomHandler.addMultipleClasses(this.$el, this.$value.enterClass);
+        this.$modifiers.once && this.unbindIntersectionObserver(this.$el);
+        this.bindAnimationEvents();
+        this.animationState = 'enter';
+      }
+    },
+    leave: function leave() {
+      if (this.animationState !== 'leave' && this.$value.leaveClass) {
+        this.$el.style.opacity = this.$value.enterClass ? '0' : '';
+        DomHandler.removeMultipleClasses(this.$el, this.$value.enterClass);
+        DomHandler.addMultipleClasses(this.$el, this.$value.leaveClass);
+        this.bindAnimationEvents();
+        this.animationState = 'leave';
+      }
+    },
+    unbindAnimationEvents: function unbindAnimationEvents() {
+      if (this.animationEndListener) {
+        this.$el.removeEventListener('animationend', this.animationEndListener);
+        this.animationEndListener = undefined;
+      }
+    },
+    unbindIntersectionObserver: function unbindIntersectionObserver() {
+      var _this$observer, _this$resetObserver;
+      (_this$observer = this.observer) === null || _this$observer === void 0 || _this$observer.unobserve(this.$el);
+      (_this$resetObserver = this.resetObserver) === null || _this$resetObserver === void 0 || _this$resetObserver.unobserve(this.$el);
+      this.isObserverActive = false;
+    }
+  }
+});
+
+export { AnimateOnScroll as default };

package/animateonscroll/animateonscroll.esm.min.js

@@ -0,0 +1 @@
+import{DomHandler as e}from"primevue/utils";import t from"primevue/basedirective";function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function s(e,t,n){return(t=o(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e){var t=a(e,"string");return"symbol"===n(t)?t:String(t)}function a(e,t){if("object"!==n(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var i=r.call(e,t||"default");if("object"!==n(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function l(e,t){return f(e)||b(e,t)||v(e,t)||u()}function u(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,s,o,a=[],l=!0,u=!1;try{if(s=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=s.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){u=!0,i=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw i}}return a}}function f(e){if(Array.isArray(e))return e}var h=t.extend({}).extend("animateonscroll",{created:function(){this.$value=this.$value||{},this.$el.style.opacity=this.$value.enterClass?"0":""},mounted:function(){this.$el.setAttribute("data-pd-animateonscroll",!0),this.bindIntersectionObserver()},unmounted:function(){this.unbindAnimationEvents(),this.unbindIntersectionObserver()},observer:void 0,resetObserver:void 0,isObserverActive:!1,animationState:void 0,animationEndListener:void 0,methods:{bindAnimationEvents:function(){var t=this;this.animationEndListener||(this.animationEndListener=function(){e.removeMultipleClasses(t.$el,[t.$value.enterClass,t.$value.leaveClass]),!t.$modifiers.once&&t.resetObserver.observe(t.$el),t.unbindAnimationEvents()},this.$el.addEventListener("animationend",this.animationEndListener))},bindIntersectionObserver:function(){var t=this,n=this.$value,r=n.threshold,s={root:n.root,rootMargin:n.rootMargin,threshold:void 0===r?.5:r};this.observer=new IntersectionObserver((function(e){var n=l(e,1)[0];t.isObserverActive?n.boundingClientRect.top>0&&(n.isIntersecting?t.enter():t.leave()):n.isIntersecting&&t.enter(),t.isObserverActive=!0}),s),setTimeout((function(){return t.observer.observe(t.$el)}),0),this.resetObserver=new IntersectionObserver((function(n){var r=l(n,1)[0];r.boundingClientRect.top>0&&!r.isIntersecting&&(t.$el.style.opacity=t.$value.enterClass?"0":"",e.removeMultipleClasses(t.$el,[t.$value.enterClass,t.$value.leaveClass]),t.resetObserver.unobserve(t.$el)),t.animationState=void 0}),i(i({},s),{},{threshold:0}))},enter:function(){"enter"!==this.animationState&&this.$value.enterClass&&(this.$el.style.opacity="",e.removeMultipleClasses(this.$el,this.$value.leaveClass),e.addMultipleClasses(this.$el,this.$value.enterClass),this.$modifiers.once&&this.unbindIntersectionObserver(this.$el),this.bindAnimationEvents(),this.animationState="enter")},leave:function(){"leave"!==this.animationState&&this.$value.leaveClass&&(this.$el.style.opacity=this.$value.enterClass?"0":"",e.removeMultipleClasses(this.$el,this.$value.enterClass),e.addMultipleClasses(this.$el,this.$value.leaveClass),this.bindAnimationEvents(),this.animationState="leave")},unbindAnimationEvents:function(){this.animationEndListener&&(this.$el.removeEventListener("animationend",this.animationEndListener),this.animationEndListener=void 0)},unbindIntersectionObserver:function(){var e,t;null===(e=this.observer)||void 0===e||e.unobserve(this.$el),null===(t=this.resetObserver)||void 0===t||t.unobserve(this.$el),this.isObserverActive=!1}}});export{h as default};