primevue 3.27.0 → 3.28.0

package/toast/toast.esm.min.js

@@ -1 +1 @@
-import e from"primevue/portal";import t from"primevue/toasteventbus";import{ZIndexUtils as s,ObjectUtils as o,UniqueComponentId as n}from"primevue/utils";import i from"primevue/icons/check";import a from"primevue/icons/exclamationtriangle";import r from"primevue/icons/infocircle";import l from"primevue/icons/times";import c from"primevue/icons/timescircle";import m from"primevue/ripple";import{resolveDirective as p,openBlock as u,createElementBlock as d,normalizeClass as h,createElementVNode as f,Fragment as g,createBlock as y,resolveDynamicComponent as v,toDisplayString as I,createTextVNode as b,withDirectives as x,mergeProps as C,createCommentVNode as S,resolveComponent as T,withCtx as k,createVNode as w,TransitionGroup as E,renderList as $}from"vue";var A={name:"ToastMessage",emits:["close"],props:{message:{type:null,default:null},templates:{type:Object,default:null},closeIcon:{type:String,default:null},infoIcon:{type:String,default:null},warnIcon:{type:String,default:null},errorIcon:{type:String,default:null},successIcon:{type:String,default:null},closeButtonProps:{type:null,default:null}},closeTimeout:null,mounted(){this.message.life&&(this.closeTimeout=setTimeout((()=>{this.close({message:this.message,type:"life-end"})}),this.message.life))},beforeUnmount(){this.clearCloseTimeout()},methods:{close(e){this.$emit("close",e)},onCloseClick(){this.clearCloseTimeout(),this.close({message:this.message,type:"close"})},clearCloseTimeout(){this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=null)}},computed:{containerClass(){return["p-toast-message",this.message.styleClass,{"p-toast-message-info":"info"===this.message.severity,"p-toast-message-warn":"warn"===this.message.severity,"p-toast-message-error":"error"===this.message.severity,"p-toast-message-success":"success"===this.message.severity}]},iconComponent(){return{info:!this.infoIcon&&r,success:!this.successIcon&&i,warn:!this.warnIcon&&a,error:!this.errorIcon&&c}[this.message.severity]},iconClass(){return[{[this.infoIcon]:"info"===this.message.severity,[this.warnIcon]:"warn"===this.message.severity,[this.errorIcon]:"error"===this.message.severity,[this.successIcon]:"success"===this.message.severity}]},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{TimesIcon:l,InfoCircleIcon:r,CheckIcon:i,ExclamationTriangleIcon:a,TimesCircleIcon:c},directives:{ripple:m}};const B={class:"p-toast-message-text"},P={class:"p-toast-summary"},L={class:"p-toast-detail"},G={key:2},R=["aria-label"];A.render=function(e,t,s,o,n,i){const a=p("ripple");return u(),d("div",{class:h(i.containerClass),role:"alert","aria-live":"assertive","aria-atomic":"true"},[f("div",{class:h(["p-toast-message-content",s.message.contentStyleClass])},[s.templates.message?(u(),y(v(s.templates.message),{key:1,message:s.message},null,8,["message"])):(u(),d(g,{key:0},[(u(),y(v(s.templates.icon?s.templates.icon:i.iconComponent.name?i.iconComponent:"span"),{class:h([i.iconClass,"p-toast-message-icon"])},null,8,["class"])),f("div",B,[f("span",P,I(s.message.summary),1),f("div",L,I(s.message.detail),1)])],64)),b(I(s.message.closable)+" ",1),!1!==s.message.closable?(u(),d("div",G,[x((u(),d("button",C({class:"p-toast-icon-close p-link",type:"button","aria-label":i.closeAriaLabel,onClick:t[0]||(t[0]=(...e)=>i.onCloseClick&&i.onCloseClick(...e)),autofocus:""},s.closeButtonProps),[(u(),y(v(s.templates.closeicon||"TimesIcon"),{class:h(["p-toast-icon-close-icon",s.closeIcon])},null,8,["class"]))],16,R)),[[a]])])):S("",!0)],2)],2)};var Z=0,M={name:"Toast",inheritAttrs:!1,emits:["close","life-end"],props:{group:{type:String,default:null},position:{type:String,default:"top-right"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},breakpoints:{type:Object,default:null},closeIcon:{type:String,default:void 0},infoIcon:{type:String,default:void 0},warnIcon:{type:String,default:void 0},errorIcon:{type:String,default:void 0},successIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},data:()=>({messages:[]}),styleElement:null,mounted(){t.on("add",this.onAdd),t.on("remove-group",this.onRemoveGroup),t.on("remove-all-groups",this.onRemoveAllGroups),this.breakpoints&&this.createStyle()},beforeUnmount(){this.destroyStyle(),this.$refs.container&&this.autoZIndex&&s.clear(this.$refs.container),t.off("add",this.onAdd),t.off("remove-group",this.onRemoveGroup),t.off("remove-all-groups",this.onRemoveAllGroups)},methods:{add(e){null==e.id&&(e.id=Z++),this.messages=[...this.messages,e]},remove(e){let t=-1;for(let s=0;s<this.messages.length;s++)if(this.messages[s]===e.message){t=s;break}this.messages.splice(t,1),this.$emit(e.type,{message:e.message})},onAdd(e){this.group==e.group&&this.add(e)},onRemoveGroup(e){this.group===e&&(this.messages=[])},onRemoveAllGroups(){this.messages=[]},onEnter(){this.$refs.container.setAttribute(this.attributeSelector,""),this.autoZIndex&&s.set("modal",this.$refs.container,this.baseZIndex||this.$primevue.config.zIndex.modal)},onLeave(){this.$refs.container&&this.autoZIndex&&o.isEmpty(this.messages)&&setTimeout((()=>{s.clear(this.$refs.container)}),200)},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints){let s="";for(let e in this.breakpoints[t])s+=e+":"+this.breakpoints[t][e]+"!important;";e+=`\n                        @media screen and (max-width: ${t}) {\n                            .p-toast[${this.attributeSelector}] {\n                                ${s}\n                            }\n                        }\n                    `}this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)}},computed:{containerClass(){return["p-toast p-component p-toast-"+this.position,{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},attributeSelector:()=>n()},components:{ToastMessage:A,Portal:e}};!function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===s&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-toast {\n    position: fixed;\n    width: 25rem;\n}\n.p-toast-message-content {\n    display: flex;\n    align-items: flex-start;\n}\n.p-toast-message-text {\n    flex: 1 1 auto;\n}\n.p-toast-top-right {\n    top: 20px;\n    right: 20px;\n}\n.p-toast-top-left {\n    top: 20px;\n    left: 20px;\n}\n.p-toast-bottom-left {\n    bottom: 20px;\n    left: 20px;\n}\n.p-toast-bottom-right {\n    bottom: 20px;\n    right: 20px;\n}\n.p-toast-top-center {\n    top: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-center {\n    left: 50%;\n    top: 50%;\n    min-width: 20vw;\n    transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-toast-icon-close.p-link {\n    cursor: pointer;\n}\n\n/* Animations */\n.p-toast-message-enter-from {\n    opacity: 0;\n    -webkit-transform: translateY(50%);\n    -ms-transform: translateY(50%);\n    transform: translateY(50%);\n}\n.p-toast-message-leave-from {\n    max-height: 1000px;\n}\n.p-toast .p-toast-message.p-toast-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin-bottom: 0;\n    overflow: hidden;\n}\n.p-toast-message-enter-active {\n    -webkit-transition: transform 0.3s, opacity 0.3s;\n    transition: transform 0.3s, opacity 0.3s;\n}\n.p-toast-message-leave-active {\n    -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n}\n"),M.render=function(e,t,s,o,n,i){const a=T("ToastMessage"),r=T("Portal");return u(),y(r,null,{default:k((()=>[f("div",C({ref:"container",class:i.containerClass},e.$attrs),[w(E,{name:"p-toast-message",tag:"div",onEnter:i.onEnter,onLeave:i.onLeave},{default:k((()=>[(u(!0),d(g,null,$(n.messages,(o=>(u(),y(a,{key:o.id,message:o,templates:e.$slots,closeIcon:s.closeIcon,infoIcon:s.infoIcon,warnIcon:s.warnIcon,errorIcon:s.errorIcon,successIcon:s.successIcon,closeButtonProps:s.closeButtonProps,onClose:t[0]||(t[0]=e=>i.remove(e))},null,8,["message","templates","closeIcon","infoIcon","warnIcon","errorIcon","successIcon","closeButtonProps"])))),128))])),_:1},8,["onEnter","onLeave"])],16)])),_:1})};export{M as default};
+import e from"primevue/basecomponent";import t from"primevue/portal";import s from"primevue/toasteventbus";import{ZIndexUtils as o,ObjectUtils as n,UniqueComponentId as i}from"primevue/utils";import a from"primevue/icons/check";import r from"primevue/icons/exclamationtriangle";import l from"primevue/icons/infocircle";import m from"primevue/icons/times";import c from"primevue/icons/timescircle";import p from"primevue/ripple";import{resolveDirective as u,openBlock as d,createElementBlock as h,mergeProps as f,createElementVNode as g,Fragment as y,createBlock as v,resolveDynamicComponent as I,toDisplayString as b,normalizeProps as x,withDirectives as C,createCommentVNode as S,resolveComponent as T,withCtx as k,createVNode as w,TransitionGroup as E,renderList as $}from"vue";var A={name:"ToastMessage",extends:e,emits:["close"],props:{message:{type:null,default:null},templates:{type:Object,default:null},closeIcon:{type:String,default:null},infoIcon:{type:String,default:null},warnIcon:{type:String,default:null},errorIcon:{type:String,default:null},successIcon:{type:String,default:null},closeButtonProps:{type:null,default:null}},closeTimeout:null,mounted(){this.message.life&&(this.closeTimeout=setTimeout((()=>{this.close({message:this.message,type:"life-end"})}),this.message.life))},beforeUnmount(){this.clearCloseTimeout()},methods:{close(e){this.$emit("close",e)},onCloseClick(){this.clearCloseTimeout(),this.close({message:this.message,type:"close"})},clearCloseTimeout(){this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=null)}},computed:{containerClass(){return["p-toast-message",this.message.styleClass,{"p-toast-message-info":"info"===this.message.severity,"p-toast-message-warn":"warn"===this.message.severity,"p-toast-message-error":"error"===this.message.severity,"p-toast-message-success":"success"===this.message.severity}]},iconComponent(){return{info:!this.infoIcon&&l,success:!this.successIcon&&a,warn:!this.warnIcon&&r,error:!this.errorIcon&&c}[this.message.severity]},iconClass(){return[{[this.infoIcon]:"info"===this.message.severity,[this.warnIcon]:"warn"===this.message.severity,[this.errorIcon]:"error"===this.message.severity,[this.successIcon]:"success"===this.message.severity}]},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{TimesIcon:m,InfoCircleIcon:l,CheckIcon:a,ExclamationTriangleIcon:r,TimesCircleIcon:c},directives:{ripple:p}};const B=["aria-label"];A.render=function(e,t,s,o,n,i){const a=u("ripple");return d(),h("div",f({class:i.containerClass,role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("container")),[g("div",f({class:["p-toast-message-content",s.message.contentStyleClass]},e.ptm("content")),[s.templates.message?(d(),v(I(s.templates.message),{key:1,message:s.message},null,8,["message"])):(d(),h(y,{key:0},[(d(),v(I(s.templates.icon?s.templates.icon:i.iconComponent.name?i.iconComponent:"span"),f({class:[i.iconClass,"p-toast-message-icon"]},e.ptm("icon")),null,16,["class"])),g("div",f({class:"p-toast-message-text"},e.ptm("text")),[g("span",f({class:"p-toast-summary"},e.ptm("summary")),b(s.message.summary),17),g("div",f({class:"p-toast-detail"},e.ptm("detail")),b(s.message.detail),17)],16)],64)),!1!==s.message.closable?(d(),h("div",x(f({key:2},e.ptm("buttonContainer"))),[C((d(),h("button",f({class:"p-toast-icon-close p-link",type:"button","aria-label":i.closeAriaLabel,onClick:t[0]||(t[0]=(...e)=>i.onCloseClick&&i.onCloseClick(...e)),autofocus:""},{...s.closeButtonProps,...e.ptm("button")}),[(d(),v(I(s.templates.closeicon||"TimesIcon"),f({class:["p-toast-icon-close-icon",s.closeIcon]},e.ptm("buttonIcon")),null,16,["class"]))],16,B)),[[a]])],16)):S("",!0)],16)],16)};var P=0,L={name:"Toast",extends:e,inheritAttrs:!1,emits:["close","life-end"],props:{group:{type:String,default:null},position:{type:String,default:"top-right"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},breakpoints:{type:Object,default:null},closeIcon:{type:String,default:void 0},infoIcon:{type:String,default:void 0},warnIcon:{type:String,default:void 0},errorIcon:{type:String,default:void 0},successIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},data:()=>({messages:[]}),styleElement:null,mounted(){s.on("add",this.onAdd),s.on("remove-group",this.onRemoveGroup),s.on("remove-all-groups",this.onRemoveAllGroups),this.breakpoints&&this.createStyle()},beforeUnmount(){this.destroyStyle(),this.$refs.container&&this.autoZIndex&&o.clear(this.$refs.container),s.off("add",this.onAdd),s.off("remove-group",this.onRemoveGroup),s.off("remove-all-groups",this.onRemoveAllGroups)},methods:{add(e){null==e.id&&(e.id=P++),this.messages=[...this.messages,e]},remove(e){let t=-1;for(let s=0;s<this.messages.length;s++)if(this.messages[s]===e.message){t=s;break}this.messages.splice(t,1),this.$emit(e.type,{message:e.message})},onAdd(e){this.group==e.group&&this.add(e)},onRemoveGroup(e){this.group===e&&(this.messages=[])},onRemoveAllGroups(){this.messages=[]},onEnter(){this.$refs.container.setAttribute(this.attributeSelector,""),this.autoZIndex&&o.set("modal",this.$refs.container,this.baseZIndex||this.$primevue.config.zIndex.modal)},onLeave(){this.$refs.container&&this.autoZIndex&&n.isEmpty(this.messages)&&setTimeout((()=>{o.clear(this.$refs.container)}),200)},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints){let s="";for(let e in this.breakpoints[t])s+=e+":"+this.breakpoints[t][e]+"!important;";e+=`\n                        @media screen and (max-width: ${t}) {\n                            .p-toast[${this.attributeSelector}] {\n                                ${s}\n                            }\n                        }\n                    `}this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)}},computed:{containerClass(){return["p-toast p-component p-toast-"+this.position,{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},attributeSelector:()=>i()},components:{ToastMessage:A,Portal:t}};!function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===s&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-toast {\n    position: fixed;\n    width: 25rem;\n}\n.p-toast-message-content {\n    display: flex;\n    align-items: flex-start;\n}\n.p-toast-message-text {\n    flex: 1 1 auto;\n}\n.p-toast-top-right {\n    top: 20px;\n    right: 20px;\n}\n.p-toast-top-left {\n    top: 20px;\n    left: 20px;\n}\n.p-toast-bottom-left {\n    bottom: 20px;\n    left: 20px;\n}\n.p-toast-bottom-right {\n    bottom: 20px;\n    right: 20px;\n}\n.p-toast-top-center {\n    top: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-center {\n    left: 50%;\n    top: 50%;\n    min-width: 20vw;\n    transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-toast-icon-close.p-link {\n    cursor: pointer;\n}\n\n/* Animations */\n.p-toast-message-enter-from {\n    opacity: 0;\n    -webkit-transform: translateY(50%);\n    -ms-transform: translateY(50%);\n    transform: translateY(50%);\n}\n.p-toast-message-leave-from {\n    max-height: 1000px;\n}\n.p-toast .p-toast-message.p-toast-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin-bottom: 0;\n    overflow: hidden;\n}\n.p-toast-message-enter-active {\n    -webkit-transition: transform 0.3s, opacity 0.3s;\n    transition: transform 0.3s, opacity 0.3s;\n}\n.p-toast-message-leave-active {\n    -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n}\n"),L.render=function(e,t,s,o,n,i){const a=T("ToastMessage"),r=T("Portal");return d(),v(r,null,{default:k((()=>[g("div",f({ref:"container",class:i.containerClass},{...e.$attrs,...e.ptm("root")}),[w(E,{name:"p-toast-message",tag:"div",onEnter:i.onEnter,onLeave:i.onLeave},{default:k((()=>[(d(!0),h(y,null,$(n.messages,(o=>(d(),v(a,{key:o.id,message:o,templates:e.$slots,closeIcon:s.closeIcon,infoIcon:s.infoIcon,warnIcon:s.warnIcon,errorIcon:s.errorIcon,successIcon:s.successIcon,closeButtonProps:s.closeButtonProps,onClose:t[0]||(t[0]=e=>i.remove(e)),pt:e.pt},null,8,["message","templates","closeIcon","infoIcon","warnIcon","errorIcon","successIcon","closeButtonProps","pt"])))),128))])),_:1},8,["onEnter","onLeave"])],16)])),_:1})};export{L as default};

package/toast/toast.js

@@ -1,9 +1,10 @@
 this.primevue = this.primevue || {};
-this.primevue.toast = (function (Portal, ToastEventBus, utils, CheckIcon, ExclamationTriangleIcon, InfoCircleIcon, TimesIcon, TimesCircleIcon, Ripple, vue) {
+this.primevue.toast = (function (BaseComponent, Portal, ToastEventBus, utils, CheckIcon, ExclamationTriangleIcon, InfoCircleIcon, TimesIcon, TimesCircleIcon, Ripple, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
     var Portal__default = /*#__PURE__*/_interopDefaultLegacy(Portal);
     var ToastEventBus__default = /*#__PURE__*/_interopDefaultLegacy(ToastEventBus);
     var CheckIcon__default = /*#__PURE__*/_interopDefaultLegacy(CheckIcon);
@@ -15,6 +16,7 @@ this.primevue.toast = (function (Portal, ToastEventBus, utils, CheckIcon, Exclam
 
     var script$1 = {
         name: 'ToastMessage',
+        extends: BaseComponent__default["default"],
         emits: ['close'],
         props: {
             message: {
@@ -123,58 +125,53 @@ this.primevue.toast = (function (Portal, ToastEventBus, utils, CheckIcon, Exclam
         }
     };
 
-    const _hoisted_1 = { class: "p-toast-message-text" };
-    const _hoisted_2 = { class: "p-toast-summary" };
-    const _hoisted_3 = { class: "p-toast-detail" };
-    const _hoisted_4 = { key: 2 };
-    const _hoisted_5 = ["aria-label"];
+    const _hoisted_1 = ["aria-label"];
 
     function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       const _directive_ripple = vue.resolveDirective("ripple");
 
-      return (vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass($options.containerClass),
+      return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: $options.containerClass,
         role: "alert",
         "aria-live": "assertive",
         "aria-atomic": "true"
-      }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(["p-toast-message-content", $props.message.contentStyleClass])
-        }, [
+      }, _ctx.ptm('container')), [
+        vue.createElementVNode("div", vue.mergeProps({
+          class: ["p-toast-message-content", $props.message.contentStyleClass]
+        }, _ctx.ptm('content')), [
           (!$props.templates.message)
             ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.icon ? $props.templates.icon : $options.iconComponent.name ? $options.iconComponent : 'span'), {
-                  class: vue.normalizeClass([$options.iconClass, "p-toast-message-icon"])
-                }, null, 8, ["class"])),
-                vue.createElementVNode("div", _hoisted_1, [
-                  vue.createElementVNode("span", _hoisted_2, vue.toDisplayString($props.message.summary), 1),
-                  vue.createElementVNode("div", _hoisted_3, vue.toDisplayString($props.message.detail), 1)
-                ])
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.icon ? $props.templates.icon : $options.iconComponent.name ? $options.iconComponent : 'span'), vue.mergeProps({
+                  class: [$options.iconClass, "p-toast-message-icon"]
+                }, _ctx.ptm('icon')), null, 16, ["class"])),
+                vue.createElementVNode("div", vue.mergeProps({ class: "p-toast-message-text" }, _ctx.ptm('text')), [
+                  vue.createElementVNode("span", vue.mergeProps({ class: "p-toast-summary" }, _ctx.ptm('summary')), vue.toDisplayString($props.message.summary), 17),
+                  vue.createElementVNode("div", vue.mergeProps({ class: "p-toast-detail" }, _ctx.ptm('detail')), vue.toDisplayString($props.message.detail), 17)
+                ], 16)
               ], 64))
             : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.message), {
                 key: 1,
                 message: $props.message
               }, null, 8, ["message"])),
-          vue.createTextVNode(vue.toDisplayString($props.message.closable) + " ", 1),
           ($props.message.closable !== false)
-            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+            ? (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({ key: 2 }, _ctx.ptm('buttonContainer'))), [
                 vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
                   class: "p-toast-icon-close p-link",
                   type: "button",
                   "aria-label": $options.closeAriaLabel,
                   onClick: _cache[0] || (_cache[0] = (...args) => ($options.onCloseClick && $options.onCloseClick(...args))),
                   autofocus: ""
-                }, $props.closeButtonProps), [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.closeicon || 'TimesIcon'), {
-                    class: vue.normalizeClass(['p-toast-icon-close-icon', $props.closeIcon])
-                  }, null, 8, ["class"]))
-                ], 16, _hoisted_5)), [
+                }, { ...$props.closeButtonProps, ..._ctx.ptm('button') }), [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.closeicon || 'TimesIcon'), vue.mergeProps({
+                    class: ['p-toast-icon-close-icon', $props.closeIcon]
+                  }, _ctx.ptm('buttonIcon')), null, 16, ["class"]))
+                ], 16, _hoisted_1)), [
                   [_directive_ripple]
                 ])
-              ]))
+              ], 16))
             : vue.createCommentVNode("", true)
-        ], 2)
-      ], 2))
+        ], 16)
+      ], 16))
     }
 
     script$1.render = render$1;
@@ -183,6 +180,7 @@ this.primevue.toast = (function (Portal, ToastEventBus, utils, CheckIcon, Exclam
 
     var script = {
         name: 'Toast',
+        extends: BaseComponent__default["default"],
         inheritAttrs: false,
         emits: ['close', 'life-end'],
         props: {
@@ -368,7 +366,7 @@ this.primevue.toast = (function (Portal, ToastEventBus, utils, CheckIcon, Exclam
           vue.createElementVNode("div", vue.mergeProps({
             ref: "container",
             class: $options.containerClass
-          }, _ctx.$attrs), [
+          }, { ..._ctx.$attrs, ..._ctx.ptm('root') }), [
             vue.createVNode(vue.TransitionGroup, {
               name: "p-toast-message",
               tag: "div",
@@ -387,8 +385,9 @@ this.primevue.toast = (function (Portal, ToastEventBus, utils, CheckIcon, Exclam
                     errorIcon: $props.errorIcon,
                     successIcon: $props.successIcon,
                     closeButtonProps: $props.closeButtonProps,
-                    onClose: _cache[0] || (_cache[0] = $event => ($options.remove($event)))
-                  }, null, 8, ["message", "templates", "closeIcon", "infoIcon", "warnIcon", "errorIcon", "successIcon", "closeButtonProps"]))
+                    onClose: _cache[0] || (_cache[0] = $event => ($options.remove($event))),
+                    pt: _ctx.pt
+                  }, null, 8, ["message", "templates", "closeIcon", "infoIcon", "warnIcon", "errorIcon", "successIcon", "closeButtonProps", "pt"]))
                 }), 128))
               ]),
               _: 1
@@ -433,4 +432,4 @@ this.primevue.toast = (function (Portal, ToastEventBus, utils, CheckIcon, Exclam
 
     return script;
 
-})(primevue.portal, primevue.toasteventbus, primevue.utils, primevue.icons.check, primevue.icons.exclamationtriangle, primevue.icons.infocircle, primevue.icons.times, primevue.icons.timescircle, primevue.ripple, Vue);
+})(primevue.basecomponent, primevue.portal, primevue.toasteventbus, primevue.utils, primevue.icons.check, primevue.icons.exclamationtriangle, primevue.icons.infocircle, primevue.icons.times, primevue.icons.timescircle, primevue.ripple, Vue);

package/toast/toast.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.toast=function(e,t,s,o,n,a,i,l,r,c){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=m(e),u=m(t),d=m(o),h=m(n),f=m(a),g=m(i),v=m(l),y=m(r),I={name:"ToastMessage",emits:["close"],props:{message:{type:null,default:null},templates:{type:Object,default:null},closeIcon:{type:String,default:null},infoIcon:{type:String,default:null},warnIcon:{type:String,default:null},errorIcon:{type:String,default:null},successIcon:{type:String,default:null},closeButtonProps:{type:null,default:null}},closeTimeout:null,mounted(){this.message.life&&(this.closeTimeout=setTimeout((()=>{this.close({message:this.message,type:"life-end"})}),this.message.life))},beforeUnmount(){this.clearCloseTimeout()},methods:{close(e){this.$emit("close",e)},onCloseClick(){this.clearCloseTimeout(),this.close({message:this.message,type:"close"})},clearCloseTimeout(){this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=null)}},computed:{containerClass(){return["p-toast-message",this.message.styleClass,{"p-toast-message-info":"info"===this.message.severity,"p-toast-message-warn":"warn"===this.message.severity,"p-toast-message-error":"error"===this.message.severity,"p-toast-message-success":"success"===this.message.severity}]},iconComponent(){return{info:!this.infoIcon&&f.default,success:!this.successIcon&&d.default,warn:!this.warnIcon&&h.default,error:!this.errorIcon&&v.default}[this.message.severity]},iconClass(){return[{[this.infoIcon]:"info"===this.message.severity,[this.warnIcon]:"warn"===this.message.severity,[this.errorIcon]:"error"===this.message.severity,[this.successIcon]:"success"===this.message.severity}]},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{TimesIcon:g.default,InfoCircleIcon:f.default,CheckIcon:d.default,ExclamationTriangleIcon:h.default,TimesCircleIcon:v.default},directives:{ripple:y.default}};const b={class:"p-toast-message-text"},C={class:"p-toast-summary"},x={class:"p-toast-detail"},k={key:2},B=["aria-label"];I.render=function(e,t,s,o,n,a){const i=c.resolveDirective("ripple");return c.openBlock(),c.createElementBlock("div",{class:c.normalizeClass(a.containerClass),role:"alert","aria-live":"assertive","aria-atomic":"true"},[c.createElementVNode("div",{class:c.normalizeClass(["p-toast-message-content",s.message.contentStyleClass])},[s.templates.message?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(s.templates.message),{key:1,message:s.message},null,8,["message"])):(c.openBlock(),c.createElementBlock(c.Fragment,{key:0},[(c.openBlock(),c.createBlock(c.resolveDynamicComponent(s.templates.icon?s.templates.icon:a.iconComponent.name?a.iconComponent:"span"),{class:c.normalizeClass([a.iconClass,"p-toast-message-icon"])},null,8,["class"])),c.createElementVNode("div",b,[c.createElementVNode("span",C,c.toDisplayString(s.message.summary),1),c.createElementVNode("div",x,c.toDisplayString(s.message.detail),1)])],64)),c.createTextVNode(c.toDisplayString(s.message.closable)+" ",1),!1!==s.message.closable?(c.openBlock(),c.createElementBlock("div",k,[c.withDirectives((c.openBlock(),c.createElementBlock("button",c.mergeProps({class:"p-toast-icon-close p-link",type:"button","aria-label":a.closeAriaLabel,onClick:t[0]||(t[0]=(...e)=>a.onCloseClick&&a.onCloseClick(...e)),autofocus:""},s.closeButtonProps),[(c.openBlock(),c.createBlock(c.resolveDynamicComponent(s.templates.closeicon||"TimesIcon"),{class:c.normalizeClass(["p-toast-icon-close-icon",s.closeIcon])},null,8,["class"]))],16,B)),[[i]])])):c.createCommentVNode("",!0)],2)],2)};var E=0,S={name:"Toast",inheritAttrs:!1,emits:["close","life-end"],props:{group:{type:String,default:null},position:{type:String,default:"top-right"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},breakpoints:{type:Object,default:null},closeIcon:{type:String,default:void 0},infoIcon:{type:String,default:void 0},warnIcon:{type:String,default:void 0},errorIcon:{type:String,default:void 0},successIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},data:()=>({messages:[]}),styleElement:null,mounted(){u.default.on("add",this.onAdd),u.default.on("remove-group",this.onRemoveGroup),u.default.on("remove-all-groups",this.onRemoveAllGroups),this.breakpoints&&this.createStyle()},beforeUnmount(){this.destroyStyle(),this.$refs.container&&this.autoZIndex&&s.ZIndexUtils.clear(this.$refs.container),u.default.off("add",this.onAdd),u.default.off("remove-group",this.onRemoveGroup),u.default.off("remove-all-groups",this.onRemoveAllGroups)},methods:{add(e){null==e.id&&(e.id=E++),this.messages=[...this.messages,e]},remove(e){let t=-1;for(let s=0;s<this.messages.length;s++)if(this.messages[s]===e.message){t=s;break}this.messages.splice(t,1),this.$emit(e.type,{message:e.message})},onAdd(e){this.group==e.group&&this.add(e)},onRemoveGroup(e){this.group===e&&(this.messages=[])},onRemoveAllGroups(){this.messages=[]},onEnter(){this.$refs.container.setAttribute(this.attributeSelector,""),this.autoZIndex&&s.ZIndexUtils.set("modal",this.$refs.container,this.baseZIndex||this.$primevue.config.zIndex.modal)},onLeave(){this.$refs.container&&this.autoZIndex&&s.ObjectUtils.isEmpty(this.messages)&&setTimeout((()=>{s.ZIndexUtils.clear(this.$refs.container)}),200)},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints){let s="";for(let e in this.breakpoints[t])s+=e+":"+this.breakpoints[t][e]+"!important;";e+=`\n                        @media screen and (max-width: ${t}) {\n                            .p-toast[${this.attributeSelector}] {\n                                ${s}\n                            }\n                        }\n                    `}this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)}},computed:{containerClass(){return["p-toast p-component p-toast-"+this.position,{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},attributeSelector:()=>s.UniqueComponentId()},components:{ToastMessage:I,Portal:p.default}};return function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===s&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-toast {\n    position: fixed;\n    width: 25rem;\n}\n.p-toast-message-content {\n    display: flex;\n    align-items: flex-start;\n}\n.p-toast-message-text {\n    flex: 1 1 auto;\n}\n.p-toast-top-right {\n    top: 20px;\n    right: 20px;\n}\n.p-toast-top-left {\n    top: 20px;\n    left: 20px;\n}\n.p-toast-bottom-left {\n    bottom: 20px;\n    left: 20px;\n}\n.p-toast-bottom-right {\n    bottom: 20px;\n    right: 20px;\n}\n.p-toast-top-center {\n    top: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-center {\n    left: 50%;\n    top: 50%;\n    min-width: 20vw;\n    transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-toast-icon-close.p-link {\n    cursor: pointer;\n}\n\n/* Animations */\n.p-toast-message-enter-from {\n    opacity: 0;\n    -webkit-transform: translateY(50%);\n    -ms-transform: translateY(50%);\n    transform: translateY(50%);\n}\n.p-toast-message-leave-from {\n    max-height: 1000px;\n}\n.p-toast .p-toast-message.p-toast-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin-bottom: 0;\n    overflow: hidden;\n}\n.p-toast-message-enter-active {\n    -webkit-transition: transform 0.3s, opacity 0.3s;\n    transition: transform 0.3s, opacity 0.3s;\n}\n.p-toast-message-leave-active {\n    -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n}\n"),S.render=function(e,t,s,o,n,a){const i=c.resolveComponent("ToastMessage"),l=c.resolveComponent("Portal");return c.openBlock(),c.createBlock(l,null,{default:c.withCtx((()=>[c.createElementVNode("div",c.mergeProps({ref:"container",class:a.containerClass},e.$attrs),[c.createVNode(c.TransitionGroup,{name:"p-toast-message",tag:"div",onEnter:a.onEnter,onLeave:a.onLeave},{default:c.withCtx((()=>[(c.openBlock(!0),c.createElementBlock(c.Fragment,null,c.renderList(n.messages,(o=>(c.openBlock(),c.createBlock(i,{key:o.id,message:o,templates:e.$slots,closeIcon:s.closeIcon,infoIcon:s.infoIcon,warnIcon:s.warnIcon,errorIcon:s.errorIcon,successIcon:s.successIcon,closeButtonProps:s.closeButtonProps,onClose:t[0]||(t[0]=e=>a.remove(e))},null,8,["message","templates","closeIcon","infoIcon","warnIcon","errorIcon","successIcon","closeButtonProps"])))),128))])),_:1},8,["onEnter","onLeave"])],16)])),_:1})},S}(primevue.portal,primevue.toasteventbus,primevue.utils,primevue.icons.check,primevue.icons.exclamationtriangle,primevue.icons.infocircle,primevue.icons.times,primevue.icons.timescircle,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.toast=function(e,t,s,o,n,a,i,l,r,c,m){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=p(e),d=p(t),f=p(s),h=p(n),g=p(a),v=p(i),y=p(l),I=p(r),b=p(c),x={name:"ToastMessage",extends:u.default,emits:["close"],props:{message:{type:null,default:null},templates:{type:Object,default:null},closeIcon:{type:String,default:null},infoIcon:{type:String,default:null},warnIcon:{type:String,default:null},errorIcon:{type:String,default:null},successIcon:{type:String,default:null},closeButtonProps:{type:null,default:null}},closeTimeout:null,mounted(){this.message.life&&(this.closeTimeout=setTimeout((()=>{this.close({message:this.message,type:"life-end"})}),this.message.life))},beforeUnmount(){this.clearCloseTimeout()},methods:{close(e){this.$emit("close",e)},onCloseClick(){this.clearCloseTimeout(),this.close({message:this.message,type:"close"})},clearCloseTimeout(){this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=null)}},computed:{containerClass(){return["p-toast-message",this.message.styleClass,{"p-toast-message-info":"info"===this.message.severity,"p-toast-message-warn":"warn"===this.message.severity,"p-toast-message-error":"error"===this.message.severity,"p-toast-message-success":"success"===this.message.severity}]},iconComponent(){return{info:!this.infoIcon&&v.default,success:!this.successIcon&&h.default,warn:!this.warnIcon&&g.default,error:!this.errorIcon&&I.default}[this.message.severity]},iconClass(){return[{[this.infoIcon]:"info"===this.message.severity,[this.warnIcon]:"warn"===this.message.severity,[this.errorIcon]:"error"===this.message.severity,[this.successIcon]:"success"===this.message.severity}]},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{TimesIcon:y.default,InfoCircleIcon:v.default,CheckIcon:h.default,ExclamationTriangleIcon:g.default,TimesCircleIcon:I.default},directives:{ripple:b.default}};const k=["aria-label"];x.render=function(e,t,s,o,n,a){const i=m.resolveDirective("ripple");return m.openBlock(),m.createElementBlock("div",m.mergeProps({class:a.containerClass,role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("container")),[m.createElementVNode("div",m.mergeProps({class:["p-toast-message-content",s.message.contentStyleClass]},e.ptm("content")),[s.templates.message?(m.openBlock(),m.createBlock(m.resolveDynamicComponent(s.templates.message),{key:1,message:s.message},null,8,["message"])):(m.openBlock(),m.createElementBlock(m.Fragment,{key:0},[(m.openBlock(),m.createBlock(m.resolveDynamicComponent(s.templates.icon?s.templates.icon:a.iconComponent.name?a.iconComponent:"span"),m.mergeProps({class:[a.iconClass,"p-toast-message-icon"]},e.ptm("icon")),null,16,["class"])),m.createElementVNode("div",m.mergeProps({class:"p-toast-message-text"},e.ptm("text")),[m.createElementVNode("span",m.mergeProps({class:"p-toast-summary"},e.ptm("summary")),m.toDisplayString(s.message.summary),17),m.createElementVNode("div",m.mergeProps({class:"p-toast-detail"},e.ptm("detail")),m.toDisplayString(s.message.detail),17)],16)],64)),!1!==s.message.closable?(m.openBlock(),m.createElementBlock("div",m.normalizeProps(m.mergeProps({key:2},e.ptm("buttonContainer"))),[m.withDirectives((m.openBlock(),m.createElementBlock("button",m.mergeProps({class:"p-toast-icon-close p-link",type:"button","aria-label":a.closeAriaLabel,onClick:t[0]||(t[0]=(...e)=>a.onCloseClick&&a.onCloseClick(...e)),autofocus:""},{...s.closeButtonProps,...e.ptm("button")}),[(m.openBlock(),m.createBlock(m.resolveDynamicComponent(s.templates.closeicon||"TimesIcon"),m.mergeProps({class:["p-toast-icon-close-icon",s.closeIcon]},e.ptm("buttonIcon")),null,16,["class"]))],16,k)),[[i]])],16)):m.createCommentVNode("",!0)],16)],16)};var C=0,B={name:"Toast",extends:u.default,inheritAttrs:!1,emits:["close","life-end"],props:{group:{type:String,default:null},position:{type:String,default:"top-right"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},breakpoints:{type:Object,default:null},closeIcon:{type:String,default:void 0},infoIcon:{type:String,default:void 0},warnIcon:{type:String,default:void 0},errorIcon:{type:String,default:void 0},successIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},data:()=>({messages:[]}),styleElement:null,mounted(){f.default.on("add",this.onAdd),f.default.on("remove-group",this.onRemoveGroup),f.default.on("remove-all-groups",this.onRemoveAllGroups),this.breakpoints&&this.createStyle()},beforeUnmount(){this.destroyStyle(),this.$refs.container&&this.autoZIndex&&o.ZIndexUtils.clear(this.$refs.container),f.default.off("add",this.onAdd),f.default.off("remove-group",this.onRemoveGroup),f.default.off("remove-all-groups",this.onRemoveAllGroups)},methods:{add(e){null==e.id&&(e.id=C++),this.messages=[...this.messages,e]},remove(e){let t=-1;for(let s=0;s<this.messages.length;s++)if(this.messages[s]===e.message){t=s;break}this.messages.splice(t,1),this.$emit(e.type,{message:e.message})},onAdd(e){this.group==e.group&&this.add(e)},onRemoveGroup(e){this.group===e&&(this.messages=[])},onRemoveAllGroups(){this.messages=[]},onEnter(){this.$refs.container.setAttribute(this.attributeSelector,""),this.autoZIndex&&o.ZIndexUtils.set("modal",this.$refs.container,this.baseZIndex||this.$primevue.config.zIndex.modal)},onLeave(){this.$refs.container&&this.autoZIndex&&o.ObjectUtils.isEmpty(this.messages)&&setTimeout((()=>{o.ZIndexUtils.clear(this.$refs.container)}),200)},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints){let s="";for(let e in this.breakpoints[t])s+=e+":"+this.breakpoints[t][e]+"!important;";e+=`\n                        @media screen and (max-width: ${t}) {\n                            .p-toast[${this.attributeSelector}] {\n                                ${s}\n                            }\n                        }\n                    `}this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)}},computed:{containerClass(){return["p-toast p-component p-toast-"+this.position,{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},attributeSelector:()=>o.UniqueComponentId()},components:{ToastMessage:x,Portal:d.default}};return function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===s&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-toast {\n    position: fixed;\n    width: 25rem;\n}\n.p-toast-message-content {\n    display: flex;\n    align-items: flex-start;\n}\n.p-toast-message-text {\n    flex: 1 1 auto;\n}\n.p-toast-top-right {\n    top: 20px;\n    right: 20px;\n}\n.p-toast-top-left {\n    top: 20px;\n    left: 20px;\n}\n.p-toast-bottom-left {\n    bottom: 20px;\n    left: 20px;\n}\n.p-toast-bottom-right {\n    bottom: 20px;\n    right: 20px;\n}\n.p-toast-top-center {\n    top: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-center {\n    left: 50%;\n    top: 50%;\n    min-width: 20vw;\n    transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-toast-icon-close.p-link {\n    cursor: pointer;\n}\n\n/* Animations */\n.p-toast-message-enter-from {\n    opacity: 0;\n    -webkit-transform: translateY(50%);\n    -ms-transform: translateY(50%);\n    transform: translateY(50%);\n}\n.p-toast-message-leave-from {\n    max-height: 1000px;\n}\n.p-toast .p-toast-message.p-toast-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin-bottom: 0;\n    overflow: hidden;\n}\n.p-toast-message-enter-active {\n    -webkit-transition: transform 0.3s, opacity 0.3s;\n    transition: transform 0.3s, opacity 0.3s;\n}\n.p-toast-message-leave-active {\n    -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n}\n"),B.render=function(e,t,s,o,n,a){const i=m.resolveComponent("ToastMessage"),l=m.resolveComponent("Portal");return m.openBlock(),m.createBlock(l,null,{default:m.withCtx((()=>[m.createElementVNode("div",m.mergeProps({ref:"container",class:a.containerClass},{...e.$attrs,...e.ptm("root")}),[m.createVNode(m.TransitionGroup,{name:"p-toast-message",tag:"div",onEnter:a.onEnter,onLeave:a.onLeave},{default:m.withCtx((()=>[(m.openBlock(!0),m.createElementBlock(m.Fragment,null,m.renderList(n.messages,(o=>(m.openBlock(),m.createBlock(i,{key:o.id,message:o,templates:e.$slots,closeIcon:s.closeIcon,infoIcon:s.infoIcon,warnIcon:s.warnIcon,errorIcon:s.errorIcon,successIcon:s.successIcon,closeButtonProps:s.closeButtonProps,onClose:t[0]||(t[0]=e=>a.remove(e)),pt:e.pt},null,8,["message","templates","closeIcon","infoIcon","warnIcon","errorIcon","successIcon","closeButtonProps","pt"])))),128))])),_:1},8,["onEnter","onLeave"])],16)])),_:1})},B}(primevue.basecomponent,primevue.portal,primevue.toasteventbus,primevue.utils,primevue.icons.check,primevue.icons.exclamationtriangle,primevue.icons.infocircle,primevue.icons.times,primevue.icons.timescircle,primevue.ripple,Vue);

package/treeselect/TreeSelect.d.ts

@@ -148,12 +148,11 @@ export interface TreeSelectSlots {
     empty(): VNode[];
     /**
      * Custom indicator template.
-     * @deprecated since v3.27.0. Use 'checkboxicon' slot.
+     * @deprecated since v3.27.0. Use 'triggericon' slot.
      */
     indicator(): VNode[];
     /**
      * Custom indicator template.
-     * @deprecated since v3.27.0. Use 'checkboxicon' slot.
      */
     triggericon(): VNode[];
     /**

package/vetur-attributes.json

@@ -259,6 +259,34 @@
     "description": "Shape of the element, valid options are \"square\" and \"circle\".",
     "type": "string"
   },
+  "avatar/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
+  "avatargroup/label": {
+    "description": "Defines the text to display.",
+    "type": "string"
+  },
+  "avatargroup/icon": {
+    "description": "Defines the icon to display.",
+    "type": "string"
+  },
+  "avatargroup/image": {
+    "description": "Defines the image to display.",
+    "type": "string"
+  },
+  "avatargroup/size": {
+    "description": "Size of the element, valid options are \"large\" and \"xlarge\".",
+    "type": "string"
+  },
+  "avatargroup/shape": {
+    "description": "Shape of the element, valid options are \"square\" and \"circle\".",
+    "type": "string"
+  },
+  "avatargroup/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "badge/value": {
     "description": "Value to display inside the badge.",
     "type": "string | number"
@@ -271,6 +299,10 @@
     "description": "Size of the badge, valid options are \"large\" and \"xlarge\".",
     "type": "string"
   },
+  "badge/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "blockui/blocked": {
     "description": "Controls the blocked state.",
     "type": "array"
@@ -287,6 +319,10 @@
     "description": "Whether to automatically manage layering.",
     "type": "boolean"
   },
+  "blockui/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "breadcrumb/model": {
     "description": "An array of menuitems.",
     "type": "array"
@@ -299,6 +335,10 @@
     "description": "Whether to apply 'router-link-active-exact' class if route exactly matches the item path.",
     "type": "boolean"
   },
+  "breadcrumb/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "button/label": {
     "description": "Text of the button.",
     "type": "string"
@@ -363,6 +403,10 @@
     "description": "Add a plain textual class to the button without a background initially.",
     "type": "boolean"
   },
+  "button/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "calendar/modelValue": {
     "description": "Value of the component.",
     "type": "any"
@@ -775,6 +819,10 @@
     "description": "Height of the chart in non-responsive mode.",
     "type": "number"
   },
+  "chart/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "checkbox/value": {
     "description": "Value of the checkbox.",
     "type": "any"
@@ -855,6 +903,10 @@
     "description": "Icon of the remove element.",
     "type": "string"
   },
+  "chip/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "chips/modelValue": {
     "description": "Value of the component.",
     "type": "array"
@@ -1127,10 +1179,18 @@
     "description": "Whether the dialog can be relocated by dragging.",
     "type": "boolean"
   },
+  "confirmdialog/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "confirmpopup/group": {
     "description": "Optional key to match the key of the confirmation, useful to target a specific confirm dialog instance.",
     "type": "string"
   },
+  "confirmpopup/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "contextmenu/model": {
     "description": "An array of menuitems.",
     "type": "array"
@@ -1155,6 +1215,10 @@
     "description": "Whether to apply 'router-link-active-exact' class if route exactly matches the item path.",
     "type": "boolean"
   },
+  "contextmenu/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "datatable/value": {
     "description": "An array of objects to display.",
     "type": "array"
@@ -1567,6 +1631,10 @@
     "description": "A valid query selector or an HTMLElement to specify where the dialog gets attached. Special keywords are \"body\" for document body and \"self\" for the element itself.",
     "type": "string"
   },
+  "dialog/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "divider/align": {
     "description": "Alignment of the content, options are \"left\", \"center\", \"right\" for horizontal layout and \"top\", \"center\", \"bottom\" for vertical.",
     "type": "string"
@@ -1607,6 +1675,10 @@
     "description": "Whether to display the tooltip on items. The modifiers of tooltip can be used like an object in it. Valid keys are 'event' and 'position'.",
     "type": "object"
   },
+  "dock/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "dropdown/modelValue": {
     "description": "Value of the component.",
     "type": "any"
@@ -1919,6 +1991,10 @@
     "description": "Style class of the component.",
     "type": "string"
   },
+  "fileupload/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "galleria/id": {
     "description": "Unique identifier of the element.",
     "type": "string"
@@ -2031,6 +2107,10 @@
     "description": "Display a custom icon for the message.",
     "type": "string"
   },
+  "inlinemessage/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "inplace/active": {
     "description": "Whether the content is displayed or not.",
     "type": "boolean"
@@ -2043,6 +2123,10 @@
     "description": "When present, it specifies that the element should be disabled.",
     "type": "boolean"
   },
+  "inplace/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "inputmask/modelValue": {
     "description": "Value of the component.",
     "type": "any"
@@ -2407,6 +2491,10 @@
     "description": "Whether to apply 'router-link-active-exact' class if route exactly matches the item path.",
     "type": "boolean"
   },
+  "megamenu/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "menu/modelValue": {
     "description": "An array of menuitems.",
     "type": "array"
@@ -2431,6 +2519,10 @@
     "description": "Whether to apply 'router-link-active-exact' class if route exactly matches the item path.",
     "type": "boolean"
   },
+  "menu/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "menubar/modelValue": {
     "description": "An array of menuitems.",
     "type": "array"
@@ -2439,6 +2531,10 @@
     "description": "Whether to apply 'router-link-active-exact' class if route exactly matches the item path.",
     "type": "boolean"
   },
+  "menubar/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "message/severity": {
     "description": "Severity level of the message. Valid severities are \"success\", \"info\", \"warn\" and \"error\".",
     "type": "string"
@@ -2463,6 +2559,10 @@
     "description": "Display a custom close icon for the message.",
     "type": "string"
   },
+  "message/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "multiselect/modelValue": {
     "description": "Value of the component.",
     "type": "any"
@@ -2743,6 +2843,10 @@
     "description": "Display a custom close icon for the message.",
     "type": "string"
   },
+  "overlaypanel/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "paginator/totalRecords": {
     "description": "Number of total records.",
     "type": "number"
@@ -2807,6 +2911,10 @@
     "description": "Whether to apply 'router-link-active-exact' class if route exactly matches the item path.",
     "type": "boolean"
   },
+  "panelmenu/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "password/modelValue": {
     "description": "Value of the component.",
     "type": "any"
@@ -2955,6 +3063,10 @@
     "description": "Whether to display the progress bar value.",
     "type": "boolean"
   },
+  "progressbar/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "progressspinner/strokeWidth": {
     "description": "Width of the circle stroke.",
     "type": "string"
@@ -2967,6 +3079,10 @@
     "description": "Duration of the rotate animation.",
     "type": "string"
   },
+  "progressspinner/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "radiobutton/value": {
     "description": "Value of the checkbox.",
     "type": "any"
@@ -3063,6 +3179,10 @@
     "description": "Defines the scrolling behavi, \"smooth\" adds an animation and \"auto\" scrolls with a jump.",
     "type": "string"
   },
+  "scrolltop/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "selectbutton/modelValue": {
     "description": "Value of the component.",
     "type": "any"
@@ -3143,6 +3263,10 @@
     "description": "Icon to display in the sidebar close button.",
     "type": "string"
   },
+  "sidebar/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "skeleton/shape": {
     "description": "Shape of the element, options are \"rectangle\" and \"circle\".",
     "type": "string"
@@ -3167,6 +3291,10 @@
     "description": "Type of the animation, valid options are \"wave\" and \"none\".",
     "type": "string"
   },
+  "skeleton/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "slider/modelValue": {
     "description": "Value of the component.",
     "type": "number"
@@ -3279,6 +3407,10 @@
     "description": "Whether to display the tooltip on items. The modifiers of tooltip can be used like an object in it. Valid keys are 'event' and 'position'.",
     "type": "object"
   },
+  "speeddial/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "splitbutton/label": {
     "description": "Text of the button.",
     "type": "string"
@@ -3347,6 +3479,10 @@
     "description": "Add a plain textual class to the button without a background initially.",
     "type": "boolean"
   },
+  "splitbutton/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "splitter/layout": {
     "description": "Orientation of the panels, valid values are \"horizontal\" and \"vertical\".",
     "type": "string"
@@ -3399,6 +3535,10 @@
     "description": "Whether to apply 'router-link-active-exact' class if route exactly matches the item path.",
     "type": "boolean"
   },
+  "steps/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "tabmenu/model": {
     "description": "An array of menuitems.",
     "type": "array"
@@ -3411,6 +3551,10 @@
     "description": "Active index of menuitem.",
     "type": "number"
   },
+  "tabmenu/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "tabpanel/header": {
     "description": "Orientation of tab headers.",
     "type": "string"
@@ -3507,6 +3651,10 @@
     "description": "Icon of the tag to display next to the value.",
     "type": "string"
   },
+  "tag/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "terminal/welcomeMessage": {
     "description": "Initial text to display on terminal.",
     "type": "string"
@@ -3515,6 +3663,10 @@
     "description": "Prompt text for each command.",
     "type": "string"
   },
+  "terminal/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "textarea/modelValue": {
     "description": "Value of the component.",
     "type": "any"
@@ -3547,6 +3699,10 @@
     "description": "Whether to apply 'router-link-active-exact' class if route exactly matches the item path.",
     "type": "boolean"
   },
+  "tieredmenu/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "timeline/value": {
     "description": "An array of events to display.",
     "type": "array"
@@ -3583,6 +3739,10 @@
     "description": "Object literal to define widths per screen size.",
     "type": "object"
   },
+  "toast/pt": {
+    "description": "Uses to pass attributes to DOM elements inside the component.",
+    "type": "any"
+  },
   "togglebutton/modelValue": {
     "description": "Value of the component.",
     "type": "any"