primevue 3.30.2 → 3.32.0

package/resources/themes/mdc-light-deeppurple/theme.css

@@ -2364,9 +2364,16 @@
   font-size: 1.25rem;
   padding: 0.71375rem 0.9375rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/resources/themes/mdc-light-indigo/theme.css

@@ -2364,9 +2364,16 @@
   font-size: 1.25rem;
   padding: 0.71375rem 0.9375rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/resources/themes/mira/theme.css

@@ -2368,9 +2368,16 @@
   font-size: 1.25rem;
   padding: 0.625rem 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/resources/themes/nano/theme.css

@@ -2340,9 +2340,16 @@
   font-size: 1.25rem;
   padding: 0.3125rem 0.625rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/resources/themes/nova/theme.css

@@ -2352,9 +2352,16 @@
   font-size: 1.25rem;
   padding: 0.53625rem 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/resources/themes/nova-accent/theme.css

@@ -2340,9 +2340,16 @@
   font-size: 1.25rem;
   padding: 0.53625rem 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/resources/themes/nova-alt/theme.css

@@ -2352,9 +2352,16 @@
   font-size: 1.25rem;
   padding: 0.53625rem 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/resources/themes/nova-vue/theme.css

@@ -2352,9 +2352,16 @@
   font-size: 1.25rem;
   padding: 0.53625rem 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/resources/themes/rhea/theme.css

@@ -2340,9 +2340,16 @@
   font-size: 1.25rem;
   padding: 0.53625rem 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/resources/themes/saga-blue/theme.css

@@ -2340,9 +2340,16 @@
   font-size: 1.25rem;
   padding: 0.625rem 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/resources/themes/saga-green/theme.css

@@ -2340,9 +2340,16 @@
   font-size: 1.25rem;
   padding: 0.625rem 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/resources/themes/saga-orange/theme.css

@@ -2340,9 +2340,16 @@
   font-size: 1.25rem;
   padding: 0.625rem 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/resources/themes/saga-purple/theme.css

@@ -2340,9 +2340,16 @@
   font-size: 1.25rem;
   padding: 0.625rem 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/resources/themes/soho-dark/theme.css

@@ -2364,9 +2364,16 @@
   font-size: 1.25rem;
   padding: 0.9375rem 1.5625rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/resources/themes/soho-light/theme.css

@@ -2364,9 +2364,16 @@
   font-size: 1.25rem;
   padding: 0.9375rem 1.5625rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/resources/themes/tailwind-light/theme.css

@@ -2375,9 +2375,16 @@
   font-size: 1.25rem;
   padding: 0.9375rem 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/resources/themes/vela-blue/theme.css

@@ -2340,9 +2340,16 @@
   font-size: 1.25rem;
   padding: 0.625rem 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/resources/themes/vela-green/theme.css

@@ -2340,9 +2340,16 @@
   font-size: 1.25rem;
   padding: 0.625rem 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/resources/themes/vela-orange/theme.css

@@ -2340,9 +2340,16 @@
   font-size: 1.25rem;
   padding: 0.625rem 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/resources/themes/vela-purple/theme.css

@@ -2340,9 +2340,16 @@
   font-size: 1.25rem;
   padding: 0.625rem 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/resources/themes/viva-dark/theme.css

@@ -2372,9 +2372,16 @@
   font-size: 1.25rem;
   padding: 0.625rem 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/resources/themes/viva-light/theme.css

@@ -2372,9 +2372,16 @@
   font-size: 1.25rem;
   padding: 0.625rem 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
   background-color: transparent;

package/ripple/Ripple.d.ts

@@ -16,7 +16,7 @@ export declare type RippleDirectivePassThroughOptionType = RippleDirectivePassTh
  */
 export interface RippleOptions {
     /**
-     * Uses to pass attributes to DOM elements inside the component.
+     * Used to pass attributes to DOM elements inside the component.
      * @type {RippleDirectivePassThroughOptions}
      */
     pt?: RippleDirectivePassThroughOptions;
@@ -33,11 +33,11 @@ export interface RippleOptions {
  */
 export interface RippleDirectivePassThroughOptions {
     /**
-     * Uses to pass attributes to the root's DOM element.
+     * Used to pass attributes to the root's DOM element.
      */
     root?: RippleDirectivePassThroughOptionType;
     /**
-     * Uses to manage all lifecycle hooks
+     * Used to manage all lifecycle hooks
      * @see {@link BaseDirective.DirectiveHooks}
      */
     hooks?: DirectiveHooks;

package/row/Row.d.ts

@@ -27,11 +27,11 @@ export interface RowPassThroughMethodOptions {
  */
 export interface RowPassThroughOptions {
     /**
-     * Uses to pass attributes to the root's DOM element.
+     * Used to pass attributes to the root's DOM element.
      */
     root?: RowPassThroughOptionType;
     /**
-     * Uses to manage all lifecycle hooks
+     * Used to manage all lifecycle hooks
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;

package/scrollpanel/ScrollPanel.d.ts

@@ -28,27 +28,27 @@ export interface ScrollPanelPassThroughMethodOptions {
  */
 export interface ScrollPanelPassThroughOptions {
     /**
-     * Uses to pass attributes to the root's DOM element.
+     * Used to pass attributes to the root's DOM element.
      */
     root?: ScrollPanelPassThroughOptionType;
     /**
-     * Uses to pass attributes to the wrapper's DOM element.
+     * Used to pass attributes to the wrapper's DOM element.
      */
     wrapper?: ScrollPanelPassThroughOptionType;
     /**
-     * Uses to pass attributes to the content's DOM element.
+     * Used to pass attributes to the content's DOM element.
      */
     content?: ScrollPanelPassThroughOptionType;
     /**
-     * Uses to pass attributes to the horizontal panel's DOM element.
+     * Used to pass attributes to the horizontal panel's DOM element.
      */
     barX?: ScrollPanelPassThroughOptionType;
     /**
-     * Uses to pass attributes to the vertical panel's DOM element.
+     * Used to pass attributes to the vertical panel's DOM element.
      */
     barY?: ScrollPanelPassThroughOptionType;
     /**
-     * Uses to manage all lifecycle hooks
+     * Used to manage all lifecycle hooks
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
@@ -96,7 +96,7 @@ export interface ScrollPanelProps {
      */
     step?: number | undefined;
     /**
-     * Uses to pass attributes to DOM elements inside the component.
+     * Used to pass attributes to DOM elements inside the component.
      * @type {ScrollPanelPassThroughOptions}
      */
     pt?: ScrollPanelPassThroughOptions;

package/scrolltop/ScrollTop.d.ts

@@ -7,12 +7,14 @@
  * @module scrolltop
  *
  */
-import { VNode } from 'vue';
+import { TransitionProps, VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
 export declare type ScrollTopPassThroughOptionType = ScrollTopPassThroughAttributes | ((options: ScrollTopPassThroughMethodOptions) => ScrollTopPassThroughAttributes | string) | string | null | undefined;
 
+export declare type ScrollTopPassThroughTransitionType = TransitionProps | ((options: ScrollTopPassThroughMethodOptions) => TransitionProps) | undefined;
+
 /**
  * Custom passthrough(pt) option method.
  */
@@ -28,18 +30,22 @@ export interface ScrollTopPassThroughMethodOptions {
  */
 export interface ScrollTopPassThroughOptions {
     /**
-     * Uses to pass attributes to the root's DOM element.
+     * Used to pass attributes to the root's DOM element.
      */
     root?: ScrollTopPassThroughOptionType;
     /**
-     * Uses to pass attributes to the icon's DOM element.
+     * Used to pass attributes to the icon's DOM element.
      */
     icon?: ScrollTopPassThroughOptionType;
     /**
-     * Uses to manage all lifecycle hooks
+     * Used to manage all lifecycle hooks
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
+    /**
+     * Used to control Vue Transition API.
+     */
+    transition?: ScrollTopPassThroughTransitionType;
 }
 
 /**
@@ -85,7 +91,7 @@ export interface ScrollTopProps {
      */
     behavior?: string | undefined;
     /**
-     * Uses to pass attributes to DOM elements inside the component.
+     * Used to pass attributes to DOM elements inside the component.
      * @type {ScrollTopPassThroughOptions}
      */
     pt?: ScrollTopPassThroughOptions;

package/scrolltop/ScrollTop.vue

@@ -1,5 +1,5 @@
 <template>
-    <transition name="p-scrolltop" appear @enter="onEnter" @after-leave="onAfterLeave">
+    <transition name="p-scrolltop" appear @enter="onEnter" @after-leave="onAfterLeave" v-bind="ptm('transition')">
         <button v-if="visible" :ref="containerRef" :class="cx('root')" @click="onClick" type="button" :aria-label="scrollTopAriaLabel" v-bind="ptm('root')" data-pc-name="scrolltop">
             <slot name="icon" :class="cx('icon')">
                 <component :is="icon ? 'span' : 'ChevronUpIcon'" :class="[cx('icon'), icon]" v-bind="ptm('icon')" />

package/scrolltop/scrolltop.cjs.js

@@ -137,12 +137,12 @@ var script = {
 
 var _hoisted_1 = ["aria-label"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createBlock(vue.Transition, {
+  return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({
     name: "p-scrolltop",
     appear: "",
     onEnter: $options.onEnter,
     onAfterLeave: $options.onAfterLeave
-  }, {
+  }, _ctx.ptm('transition')), {
     "default": vue.withCtx(function () {
       return [$data.visible ? (vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
         key: 0,
@@ -164,7 +164,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       })], 16, _hoisted_1)) : vue.createCommentVNode("", true)];
     }),
     _: 3
-  }, 8, ["onEnter", "onAfterLeave"]);
+  }, 16, ["onEnter", "onAfterLeave"]);
 }
 
 script.render = render;

package/scrolltop/scrolltop.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/chevronup"),n=require("primevue/utils"),t=require("primevue/basecomponent"),o=require("primevue/usestyle"),i=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(e),s=r(t),c=o.useStyle("\n.p-scrolltop {\n    position: fixed;\n    bottom: 20px;\n    right: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-scrolltop-sticky {\n    position: sticky;\n}\n\n.p-scrolltop-sticky.p-link {\n    margin-left: auto;\n}\n\n.p-scrolltop-enter-from {\n    opacity: 0;\n}\n\n.p-scrolltop-enter-active {\n    transition: opacity 0.15s;\n}\n\n.p-scrolltop.p-scrolltop-leave-to {\n    opacity: 0;\n}\n\n.p-scrolltop-leave-active {\n    transition: opacity 0.15s;\n}\n",{name:"scrolltop",manual:!0}),a={name:"ScrollTop",extends:{name:"BaseScrollTop",extends:s.default,props:{target:{type:String,default:"window"},threshold:{type:Number,default:400},icon:{type:String,default:void 0},behavior:{type:String,default:"smooth"}},css:{classes:{root:function(e){return["p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==e.props.target}]},icon:"p-scrolltop-icon"},loadStyle:c.load},provide:function(){return{$parentInstance:this}}},scrollListener:null,container:null,data:function(){return{visible:!1}},mounted:function(){"window"===this.target?this.bindDocumentScrollListener():"parent"===this.target&&this.bindParentScrollListener()},beforeUnmount:function(){"window"===this.target?this.unbindDocumentScrollListener():"parent"===this.target&&this.unbindParentScrollListener(),this.container&&(n.ZIndexUtils.clear(this.container),this.overlay=null)},methods:{onClick:function(){("window"===this.target?window:this.$el.parentElement).scroll({top:0,behavior:this.behavior})},checkVisibility:function(e){this.visible=e>this.threshold},bindParentScrollListener:function(){var e=this;this.scrollListener=function(){e.checkVisibility(e.$el.parentElement.scrollTop)},this.$el.parentElement.addEventListener("scroll",this.scrollListener)},bindDocumentScrollListener:function(){var e=this;this.scrollListener=function(){e.checkVisibility(n.DomHandler.getWindowScrollTop())},window.addEventListener("scroll",this.scrollListener)},unbindParentScrollListener:function(){this.scrollListener&&(this.$el.parentElement.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)},unbindDocumentScrollListener:function(){this.scrollListener&&(window.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)},onEnter:function(e){n.ZIndexUtils.set("overlay",e,this.$primevue.config.zIndex.overlay)},onAfterLeave:function(e){n.ZIndexUtils.clear(e)},containerRef:function(e){this.container=e}},computed:{scrollTopAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.scrollTop:void 0}},components:{ChevronUpIcon:l.default}},p=["aria-label"];a.render=function(e,n,t,o,r,l){return i.openBlock(),i.createBlock(i.Transition,{name:"p-scrolltop",appear:"",onEnter:l.onEnter,onAfterLeave:l.onAfterLeave},{default:i.withCtx((function(){return[r.visible?(i.openBlock(),i.createElementBlock("button",i.mergeProps({key:0,ref:l.containerRef,class:e.cx("root"),onClick:n[0]||(n[0]=function(){return l.onClick&&l.onClick.apply(l,arguments)}),type:"button","aria-label":l.scrollTopAriaLabel},e.ptm("root"),{"data-pc-name":"scrolltop"}),[i.renderSlot(e.$slots,"icon",{class:i.normalizeClass(e.cx("icon"))},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.icon?"span":"ChevronUpIcon"),i.mergeProps({class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16,["class"]))]}))],16,p)):i.createCommentVNode("",!0)]})),_:3},8,["onEnter","onAfterLeave"])},module.exports=a;
+"use strict";var e=require("primevue/icons/chevronup"),n=require("primevue/utils"),t=require("primevue/basecomponent"),o=require("primevue/usestyle"),i=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(e),s=r(t),c=o.useStyle("\n.p-scrolltop {\n    position: fixed;\n    bottom: 20px;\n    right: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-scrolltop-sticky {\n    position: sticky;\n}\n\n.p-scrolltop-sticky.p-link {\n    margin-left: auto;\n}\n\n.p-scrolltop-enter-from {\n    opacity: 0;\n}\n\n.p-scrolltop-enter-active {\n    transition: opacity 0.15s;\n}\n\n.p-scrolltop.p-scrolltop-leave-to {\n    opacity: 0;\n}\n\n.p-scrolltop-leave-active {\n    transition: opacity 0.15s;\n}\n",{name:"scrolltop",manual:!0}),a={name:"ScrollTop",extends:{name:"BaseScrollTop",extends:s.default,props:{target:{type:String,default:"window"},threshold:{type:Number,default:400},icon:{type:String,default:void 0},behavior:{type:String,default:"smooth"}},css:{classes:{root:function(e){return["p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==e.props.target}]},icon:"p-scrolltop-icon"},loadStyle:c.load},provide:function(){return{$parentInstance:this}}},scrollListener:null,container:null,data:function(){return{visible:!1}},mounted:function(){"window"===this.target?this.bindDocumentScrollListener():"parent"===this.target&&this.bindParentScrollListener()},beforeUnmount:function(){"window"===this.target?this.unbindDocumentScrollListener():"parent"===this.target&&this.unbindParentScrollListener(),this.container&&(n.ZIndexUtils.clear(this.container),this.overlay=null)},methods:{onClick:function(){("window"===this.target?window:this.$el.parentElement).scroll({top:0,behavior:this.behavior})},checkVisibility:function(e){this.visible=e>this.threshold},bindParentScrollListener:function(){var e=this;this.scrollListener=function(){e.checkVisibility(e.$el.parentElement.scrollTop)},this.$el.parentElement.addEventListener("scroll",this.scrollListener)},bindDocumentScrollListener:function(){var e=this;this.scrollListener=function(){e.checkVisibility(n.DomHandler.getWindowScrollTop())},window.addEventListener("scroll",this.scrollListener)},unbindParentScrollListener:function(){this.scrollListener&&(this.$el.parentElement.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)},unbindDocumentScrollListener:function(){this.scrollListener&&(window.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)},onEnter:function(e){n.ZIndexUtils.set("overlay",e,this.$primevue.config.zIndex.overlay)},onAfterLeave:function(e){n.ZIndexUtils.clear(e)},containerRef:function(e){this.container=e}},computed:{scrollTopAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.scrollTop:void 0}},components:{ChevronUpIcon:l.default}},p=["aria-label"];a.render=function(e,n,t,o,r,l){return i.openBlock(),i.createBlock(i.Transition,i.mergeProps({name:"p-scrolltop",appear:"",onEnter:l.onEnter,onAfterLeave:l.onAfterLeave},e.ptm("transition")),{default:i.withCtx((function(){return[r.visible?(i.openBlock(),i.createElementBlock("button",i.mergeProps({key:0,ref:l.containerRef,class:e.cx("root"),onClick:n[0]||(n[0]=function(){return l.onClick&&l.onClick.apply(l,arguments)}),type:"button","aria-label":l.scrollTopAriaLabel},e.ptm("root"),{"data-pc-name":"scrolltop"}),[i.renderSlot(e.$slots,"icon",{class:i.normalizeClass(e.cx("icon"))},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.icon?"span":"ChevronUpIcon"),i.mergeProps({class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16,["class"]))]}))],16,p)):i.createCommentVNode("",!0)]})),_:3},16,["onEnter","onAfterLeave"])},module.exports=a;

package/scrolltop/scrolltop.esm.js

@@ -2,7 +2,7 @@ import ChevronUpIcon from 'primevue/icons/chevronup';
 import { ZIndexUtils, DomHandler } from 'primevue/utils';
 import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
-import { openBlock, createBlock, Transition, withCtx, createElementBlock, mergeProps, renderSlot, normalizeClass, resolveDynamicComponent, createCommentVNode } from 'vue';
+import { openBlock, createBlock, Transition, mergeProps, withCtx, createElementBlock, renderSlot, normalizeClass, resolveDynamicComponent, createCommentVNode } from 'vue';
 
 var styles = "\n.p-scrolltop {\n    position: fixed;\n    bottom: 20px;\n    right: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-scrolltop-sticky {\n    position: sticky;\n}\n\n.p-scrolltop-sticky.p-link {\n    margin-left: auto;\n}\n\n.p-scrolltop-enter-from {\n    opacity: 0;\n}\n\n.p-scrolltop-enter-active {\n    transition: opacity 0.15s;\n}\n\n.p-scrolltop.p-scrolltop-leave-to {\n    opacity: 0;\n}\n\n.p-scrolltop-leave-active {\n    transition: opacity 0.15s;\n}\n";
 var classes = {
@@ -130,12 +130,12 @@ var script = {
 
 var _hoisted_1 = ["aria-label"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(Transition, {
+  return openBlock(), createBlock(Transition, mergeProps({
     name: "p-scrolltop",
     appear: "",
     onEnter: $options.onEnter,
     onAfterLeave: $options.onAfterLeave
-  }, {
+  }, _ctx.ptm('transition')), {
     "default": withCtx(function () {
       return [$data.visible ? (openBlock(), createElementBlock("button", mergeProps({
         key: 0,
@@ -157,7 +157,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       })], 16, _hoisted_1)) : createCommentVNode("", true)];
     }),
     _: 3
-  }, 8, ["onEnter", "onAfterLeave"]);
+  }, 16, ["onEnter", "onAfterLeave"]);
 }
 
 script.render = render;

package/scrolltop/scrolltop.esm.min.js

@@ -1 +1 @@
-import n from"primevue/icons/chevronup";import{ZIndexUtils as t,DomHandler as e}from"primevue/utils";import o from"primevue/basecomponent";import{useStyle as i}from"primevue/usestyle";import{openBlock as r,createBlock as l,Transition as s,withCtx as c,createElementBlock as a,mergeProps as p,renderSlot as u,normalizeClass as h,resolveDynamicComponent as f,createCommentVNode as m}from"vue";var d=i("\n.p-scrolltop {\n    position: fixed;\n    bottom: 20px;\n    right: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-scrolltop-sticky {\n    position: sticky;\n}\n\n.p-scrolltop-sticky.p-link {\n    margin-left: auto;\n}\n\n.p-scrolltop-enter-from {\n    opacity: 0;\n}\n\n.p-scrolltop-enter-active {\n    transition: opacity 0.15s;\n}\n\n.p-scrolltop.p-scrolltop-leave-to {\n    opacity: 0;\n}\n\n.p-scrolltop-leave-active {\n    transition: opacity 0.15s;\n}\n",{name:"scrolltop",manual:!0}),v={name:"ScrollTop",extends:{name:"BaseScrollTop",extends:o,props:{target:{type:String,default:"window"},threshold:{type:Number,default:400},icon:{type:String,default:void 0},behavior:{type:String,default:"smooth"}},css:{classes:{root:function(n){return["p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==n.props.target}]},icon:"p-scrolltop-icon"},loadStyle:d.load},provide:function(){return{$parentInstance:this}}},scrollListener:null,container:null,data:function(){return{visible:!1}},mounted:function(){"window"===this.target?this.bindDocumentScrollListener():"parent"===this.target&&this.bindParentScrollListener()},beforeUnmount:function(){"window"===this.target?this.unbindDocumentScrollListener():"parent"===this.target&&this.unbindParentScrollListener(),this.container&&(t.clear(this.container),this.overlay=null)},methods:{onClick:function(){("window"===this.target?window:this.$el.parentElement).scroll({top:0,behavior:this.behavior})},checkVisibility:function(n){this.visible=n>this.threshold},bindParentScrollListener:function(){var n=this;this.scrollListener=function(){n.checkVisibility(n.$el.parentElement.scrollTop)},this.$el.parentElement.addEventListener("scroll",this.scrollListener)},bindDocumentScrollListener:function(){var n=this;this.scrollListener=function(){n.checkVisibility(e.getWindowScrollTop())},window.addEventListener("scroll",this.scrollListener)},unbindParentScrollListener:function(){this.scrollListener&&(this.$el.parentElement.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)},unbindDocumentScrollListener:function(){this.scrollListener&&(window.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)},onEnter:function(n){t.set("overlay",n,this.$primevue.config.zIndex.overlay)},onAfterLeave:function(n){t.clear(n)},containerRef:function(n){this.container=n}},computed:{scrollTopAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.scrollTop:void 0}},components:{ChevronUpIcon:n}},L=["aria-label"];v.render=function(n,t,e,o,i,d){return r(),l(s,{name:"p-scrolltop",appear:"",onEnter:d.onEnter,onAfterLeave:d.onAfterLeave},{default:c((function(){return[i.visible?(r(),a("button",p({key:0,ref:d.containerRef,class:n.cx("root"),onClick:t[0]||(t[0]=function(){return d.onClick&&d.onClick.apply(d,arguments)}),type:"button","aria-label":d.scrollTopAriaLabel},n.ptm("root"),{"data-pc-name":"scrolltop"}),[u(n.$slots,"icon",{class:h(n.cx("icon"))},(function(){return[(r(),l(f(n.icon?"span":"ChevronUpIcon"),p({class:[n.cx("icon"),n.icon]},n.ptm("icon")),null,16,["class"]))]}))],16,L)):m("",!0)]})),_:3},8,["onEnter","onAfterLeave"])};export{v as default};
+import n from"primevue/icons/chevronup";import{ZIndexUtils as t,DomHandler as e}from"primevue/utils";import o from"primevue/basecomponent";import{useStyle as i}from"primevue/usestyle";import{openBlock as r,createBlock as l,Transition as s,mergeProps as c,withCtx as a,createElementBlock as p,renderSlot as u,normalizeClass as h,resolveDynamicComponent as m,createCommentVNode as f}from"vue";var d=i("\n.p-scrolltop {\n    position: fixed;\n    bottom: 20px;\n    right: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-scrolltop-sticky {\n    position: sticky;\n}\n\n.p-scrolltop-sticky.p-link {\n    margin-left: auto;\n}\n\n.p-scrolltop-enter-from {\n    opacity: 0;\n}\n\n.p-scrolltop-enter-active {\n    transition: opacity 0.15s;\n}\n\n.p-scrolltop.p-scrolltop-leave-to {\n    opacity: 0;\n}\n\n.p-scrolltop-leave-active {\n    transition: opacity 0.15s;\n}\n",{name:"scrolltop",manual:!0}),v={name:"ScrollTop",extends:{name:"BaseScrollTop",extends:o,props:{target:{type:String,default:"window"},threshold:{type:Number,default:400},icon:{type:String,default:void 0},behavior:{type:String,default:"smooth"}},css:{classes:{root:function(n){return["p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==n.props.target}]},icon:"p-scrolltop-icon"},loadStyle:d.load},provide:function(){return{$parentInstance:this}}},scrollListener:null,container:null,data:function(){return{visible:!1}},mounted:function(){"window"===this.target?this.bindDocumentScrollListener():"parent"===this.target&&this.bindParentScrollListener()},beforeUnmount:function(){"window"===this.target?this.unbindDocumentScrollListener():"parent"===this.target&&this.unbindParentScrollListener(),this.container&&(t.clear(this.container),this.overlay=null)},methods:{onClick:function(){("window"===this.target?window:this.$el.parentElement).scroll({top:0,behavior:this.behavior})},checkVisibility:function(n){this.visible=n>this.threshold},bindParentScrollListener:function(){var n=this;this.scrollListener=function(){n.checkVisibility(n.$el.parentElement.scrollTop)},this.$el.parentElement.addEventListener("scroll",this.scrollListener)},bindDocumentScrollListener:function(){var n=this;this.scrollListener=function(){n.checkVisibility(e.getWindowScrollTop())},window.addEventListener("scroll",this.scrollListener)},unbindParentScrollListener:function(){this.scrollListener&&(this.$el.parentElement.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)},unbindDocumentScrollListener:function(){this.scrollListener&&(window.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)},onEnter:function(n){t.set("overlay",n,this.$primevue.config.zIndex.overlay)},onAfterLeave:function(n){t.clear(n)},containerRef:function(n){this.container=n}},computed:{scrollTopAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.scrollTop:void 0}},components:{ChevronUpIcon:n}},L=["aria-label"];v.render=function(n,t,e,o,i,d){return r(),l(s,c({name:"p-scrolltop",appear:"",onEnter:d.onEnter,onAfterLeave:d.onAfterLeave},n.ptm("transition")),{default:a((function(){return[i.visible?(r(),p("button",c({key:0,ref:d.containerRef,class:n.cx("root"),onClick:t[0]||(t[0]=function(){return d.onClick&&d.onClick.apply(d,arguments)}),type:"button","aria-label":d.scrollTopAriaLabel},n.ptm("root"),{"data-pc-name":"scrolltop"}),[u(n.$slots,"icon",{class:h(n.cx("icon"))},(function(){return[(r(),l(m(n.icon?"span":"ChevronUpIcon"),c({class:[n.cx("icon"),n.icon]},n.ptm("icon")),null,16,["class"]))]}))],16,L)):f("",!0)]})),_:3},16,["onEnter","onAfterLeave"])};export{v as default};