primevue 3.26.0 → 3.27.0

package/toast/toast.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/portal"),t=require("primevue/toasteventbus"),s=require("primevue/utils"),n=require("primevue/ripple"),o=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e),l=a(t),r={name:"ToastMessage",emits:["close"],props:{message:{type:null,default:null},template:{type:null,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}]},iconClass(){return["p-toast-message-icon",{[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}},directives:{ripple:a(n).default}};const c={class:"p-toast-message-text"},m={class:"p-toast-summary"},p={class:"p-toast-detail"},u={key:2},d=["aria-label"];r.render=function(e,t,s,n,a,i){const l=o.resolveDirective("ripple");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(i.containerClass),role:"alert","aria-live":"assertive","aria-atomic":"true"},[o.createElementVNode("div",{class:o.normalizeClass(["p-toast-message-content",s.message.contentStyleClass])},[s.template?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(s.template),{key:1,message:s.message},null,8,["message"])):(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[o.createElementVNode("span",{class:o.normalizeClass(i.iconClass)},null,2),o.createElementVNode("div",c,[o.createElementVNode("span",m,o.toDisplayString(s.message.summary),1),o.createElementVNode("div",p,o.toDisplayString(s.message.detail),1)])],64)),!1!==s.message.closable?(o.openBlock(),o.createElementBlock("div",u,[o.withDirectives((o.openBlock(),o.createElementBlock("button",o.mergeProps({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),[o.createElementVNode("span",{class:o.normalizeClass(["p-toast-icon-close-icon",s.closeIcon])},null,2)],16,d)),[[l]])])):o.createCommentVNode("",!0)],2)],2)};var h=0,f={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:"pi pi-times"},infoIcon:{type:String,default:"pi pi-info-circle"},warnIcon:{type:String,default:"pi pi-exclamation-triangle"},errorIcon:{type:String,default:"pi pi-times"},successIcon:{type:String,default:"pi pi-check"},closeButtonProps:{type:null,default:null}},data:()=>({messages:[]}),styleElement:null,mounted(){l.default.on("add",this.onAdd),l.default.on("remove-group",this.onRemoveGroup),l.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),l.default.off("add",this.onAdd),l.default.off("remove-group",this.onRemoveGroup),l.default.off("remove-all-groups",this.onRemoveAllGroups)},methods:{add(e){null==e.id&&(e.id=h++),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:r,Portal:i.default}};!function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===s&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.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"),f.render=function(e,t,s,n,a,i){const l=o.resolveComponent("ToastMessage"),r=o.resolveComponent("Portal");return o.openBlock(),o.createBlock(r,null,{default:o.withCtx((()=>[o.createElementVNode("div",o.mergeProps({ref:"container",class:i.containerClass},e.$attrs),[o.createVNode(o.TransitionGroup,{name:"p-toast-message",tag:"div",onEnter:i.onEnter,onLeave:i.onLeave},{default:o.withCtx((()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(a.messages,(n=>(o.openBlock(),o.createBlock(l,{key:n.id,message:n,template:e.$slots.message,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","template","closeIcon","infoIcon","warnIcon","errorIcon","successIcon","closeButtonProps"])))),128))])),_:1},8,["onEnter","onLeave"])],16)])),_:1})},module.exports=f;
+"use strict";var e=require("primevue/portal"),t=require("primevue/toasteventbus"),s=require("primevue/utils"),o=require("primevue/icons/check"),n=require("primevue/icons/exclamationtriangle"),a=require("primevue/icons/infocircle"),i=require("primevue/icons/times"),l=require("primevue/icons/timescircle"),r=require("primevue/ripple"),c=require("vue");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=m(e),u=m(t),d=m(o),f=m(n),h=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&&h.default,success:!this.successIcon&&d.default,warn:!this.warnIcon&&f.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:h.default,CheckIcon:d.default,ExclamationTriangleIcon:f.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}};!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})},module.exports=S;

package/toast/toast.esm.js

@@ -1,8 +1,13 @@
 import Portal from 'primevue/portal';
 import ToastEventBus from 'primevue/toasteventbus';
 import { ZIndexUtils, ObjectUtils, UniqueComponentId } from 'primevue/utils';
+import CheckIcon from 'primevue/icons/check';
+import ExclamationTriangleIcon from 'primevue/icons/exclamationtriangle';
+import InfoCircleIcon from 'primevue/icons/infocircle';
+import TimesIcon from 'primevue/icons/times';
+import TimesCircleIcon from 'primevue/icons/timescircle';
 import Ripple from 'primevue/ripple';
-import { resolveDirective, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, toDisplayString, createBlock, resolveDynamicComponent, withDirectives, mergeProps, createCommentVNode, resolveComponent, withCtx, createVNode, TransitionGroup, renderList } from 'vue';
+import { resolveDirective, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, createBlock, resolveDynamicComponent, toDisplayString, createTextVNode, withDirectives, mergeProps, createCommentVNode, resolveComponent, withCtx, createVNode, TransitionGroup, renderList } from 'vue';
 
 var script$1 = {
     name: 'ToastMessage',
@@ -12,8 +17,8 @@ var script$1 = {
             type: null,
             default: null
         },
-        template: {
-            type: null,
+        templates: {
+            type: Object,
             default: null
         },
         closeIcon: {
@@ -80,9 +85,16 @@ var script$1 = {
                 }
             ];
         },
+        iconComponent() {
+            return {
+                info: !this.infoIcon && InfoCircleIcon,
+                success: !this.successIcon && CheckIcon,
+                warn: !this.warnIcon && ExclamationTriangleIcon,
+                error: !this.errorIcon && TimesCircleIcon
+            }[this.message.severity];
+        },
         iconClass() {
             return [
-                'p-toast-message-icon',
                 {
                     [this.infoIcon]: this.message.severity === 'info',
                     [this.warnIcon]: this.message.severity === 'warn',
@@ -95,6 +107,13 @@ var script$1 = {
             return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;
         }
     },
+    components: {
+        TimesIcon: TimesIcon,
+        InfoCircleIcon: InfoCircleIcon,
+        CheckIcon: CheckIcon,
+        ExclamationTriangleIcon: ExclamationTriangleIcon,
+        TimesCircleIcon: TimesCircleIcon
+    },
     directives: {
         ripple: Ripple
     }
@@ -118,20 +137,21 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("div", {
       class: normalizeClass(["p-toast-message-content", $props.message.contentStyleClass])
     }, [
-      (!$props.template)
+      (!$props.templates.message)
         ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createElementVNode("span", {
-              class: normalizeClass($options.iconClass)
-            }, null, 2),
+            (openBlock(), createBlock(resolveDynamicComponent($props.templates.icon ? $props.templates.icon : $options.iconComponent.name ? $options.iconComponent : 'span'), {
+              class: normalizeClass([$options.iconClass, "p-toast-message-icon"])
+            }, null, 8, ["class"])),
             createElementVNode("div", _hoisted_1, [
               createElementVNode("span", _hoisted_2, toDisplayString($props.message.summary), 1),
               createElementVNode("div", _hoisted_3, toDisplayString($props.message.detail), 1)
             ])
           ], 64))
-        : (openBlock(), createBlock(resolveDynamicComponent($props.template), {
+        : (openBlock(), createBlock(resolveDynamicComponent($props.templates.message), {
             key: 1,
             message: $props.message
           }, null, 8, ["message"])),
+      createTextVNode(toDisplayString($props.message.closable) + " ", 1),
       ($props.message.closable !== false)
         ? (openBlock(), createElementBlock("div", _hoisted_4, [
             withDirectives((openBlock(), createElementBlock("button", mergeProps({
@@ -141,9 +161,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
               onClick: _cache[0] || (_cache[0] = (...args) => ($options.onCloseClick && $options.onCloseClick(...args))),
               autofocus: ""
             }, $props.closeButtonProps), [
-              createElementVNode("span", {
+              (openBlock(), createBlock(resolveDynamicComponent($props.templates.closeicon || 'TimesIcon'), {
                 class: normalizeClass(['p-toast-icon-close-icon', $props.closeIcon])
-              }, null, 2)
+              }, null, 8, ["class"]))
             ], 16, _hoisted_5)), [
               [_directive_ripple]
             ])
@@ -184,23 +204,23 @@ var script = {
         },
         closeIcon: {
             type: String,
-            default: 'pi pi-times'
+            default: undefined
         },
         infoIcon: {
             type: String,
-            default: 'pi pi-info-circle'
+            default: undefined
         },
         warnIcon: {
             type: String,
-            default: 'pi pi-exclamation-triangle'
+            default: undefined
         },
         errorIcon: {
             type: String,
-            default: 'pi pi-times'
+            default: undefined
         },
         successIcon: {
             type: String,
-            default: 'pi pi-check'
+            default: undefined
         },
         closeButtonProps: {
             type: null,
@@ -356,7 +376,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               return (openBlock(), createBlock(_component_ToastMessage, {
                 key: msg.id,
                 message: msg,
-                template: _ctx.$slots.message,
+                templates: _ctx.$slots,
                 closeIcon: $props.closeIcon,
                 infoIcon: $props.infoIcon,
                 warnIcon: $props.warnIcon,
@@ -364,7 +384,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 successIcon: $props.successIcon,
                 closeButtonProps: $props.closeButtonProps,
                 onClose: _cache[0] || (_cache[0] = $event => ($options.remove($event)))
-              }, null, 8, ["message", "template", "closeIcon", "infoIcon", "warnIcon", "errorIcon", "successIcon", "closeButtonProps"]))
+              }, null, 8, ["message", "templates", "closeIcon", "infoIcon", "warnIcon", "errorIcon", "successIcon", "closeButtonProps"]))
             }), 128))
           ]),
           _: 1

package/toast/toast.esm.min.js

@@ -1 +1 @@
-import e from"primevue/portal";import t from"primevue/toasteventbus";import{ZIndexUtils as s,ObjectUtils as n,UniqueComponentId as o}from"primevue/utils";import i from"primevue/ripple";import{resolveDirective as a,openBlock as l,createElementBlock as r,normalizeClass as m,createElementVNode as c,Fragment as p,toDisplayString as u,createBlock as d,resolveDynamicComponent as h,withDirectives as f,mergeProps as g,createCommentVNode as y,resolveComponent as v,withCtx as b,createVNode as I,TransitionGroup as x,renderList as C}from"vue";var S={name:"ToastMessage",emits:["close"],props:{message:{type:null,default:null},template:{type:null,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}]},iconClass(){return["p-toast-message-icon",{[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}},directives:{ripple:i}};const k={class:"p-toast-message-text"},T={class:"p-toast-summary"},w={class:"p-toast-detail"},$={key:2},E=["aria-label"];S.render=function(e,t,s,n,o,i){const v=a("ripple");return l(),r("div",{class:m(i.containerClass),role:"alert","aria-live":"assertive","aria-atomic":"true"},[c("div",{class:m(["p-toast-message-content",s.message.contentStyleClass])},[s.template?(l(),d(h(s.template),{key:1,message:s.message},null,8,["message"])):(l(),r(p,{key:0},[c("span",{class:m(i.iconClass)},null,2),c("div",k,[c("span",T,u(s.message.summary),1),c("div",w,u(s.message.detail),1)])],64)),!1!==s.message.closable?(l(),r("div",$,[f((l(),r("button",g({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),[c("span",{class:m(["p-toast-icon-close-icon",s.closeIcon])},null,2)],16,E)),[[v]])])):y("",!0)],2)],2)};var A=0,B={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:"pi pi-times"},infoIcon:{type:String,default:"pi pi-info-circle"},warnIcon:{type:String,default:"pi pi-exclamation-triangle"},errorIcon:{type:String,default:"pi pi-times"},successIcon:{type:String,default:"pi pi-check"},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=A++),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&&n.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:()=>o()},components:{ToastMessage:S,Portal:e}};!function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===s&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.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,n,o,i){const a=v("ToastMessage"),m=v("Portal");return l(),d(m,null,{default:b((()=>[c("div",g({ref:"container",class:i.containerClass},e.$attrs),[I(x,{name:"p-toast-message",tag:"div",onEnter:i.onEnter,onLeave:i.onLeave},{default:b((()=>[(l(!0),r(p,null,C(o.messages,(n=>(l(),d(a,{key:n.id,message:n,template:e.$slots.message,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","template","closeIcon","infoIcon","warnIcon","errorIcon","successIcon","closeButtonProps"])))),128))])),_:1},8,["onEnter","onLeave"])],16)])),_:1})};export{B as default};
+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};

package/toast/toast.js

@@ -1,11 +1,16 @@
 this.primevue = this.primevue || {};
-this.primevue.toast = (function (Portal, ToastEventBus, utils, Ripple, vue) {
+this.primevue.toast = (function (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 Portal__default = /*#__PURE__*/_interopDefaultLegacy(Portal);
     var ToastEventBus__default = /*#__PURE__*/_interopDefaultLegacy(ToastEventBus);
+    var CheckIcon__default = /*#__PURE__*/_interopDefaultLegacy(CheckIcon);
+    var ExclamationTriangleIcon__default = /*#__PURE__*/_interopDefaultLegacy(ExclamationTriangleIcon);
+    var InfoCircleIcon__default = /*#__PURE__*/_interopDefaultLegacy(InfoCircleIcon);
+    var TimesIcon__default = /*#__PURE__*/_interopDefaultLegacy(TimesIcon);
+    var TimesCircleIcon__default = /*#__PURE__*/_interopDefaultLegacy(TimesCircleIcon);
     var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 
     var script$1 = {
@@ -16,8 +21,8 @@ this.primevue.toast = (function (Portal, ToastEventBus, utils, Ripple, vue) {
                 type: null,
                 default: null
             },
-            template: {
-                type: null,
+            templates: {
+                type: Object,
                 default: null
             },
             closeIcon: {
@@ -84,9 +89,16 @@ this.primevue.toast = (function (Portal, ToastEventBus, utils, Ripple, vue) {
                     }
                 ];
             },
+            iconComponent() {
+                return {
+                    info: !this.infoIcon && InfoCircleIcon__default["default"],
+                    success: !this.successIcon && CheckIcon__default["default"],
+                    warn: !this.warnIcon && ExclamationTriangleIcon__default["default"],
+                    error: !this.errorIcon && TimesCircleIcon__default["default"]
+                }[this.message.severity];
+            },
             iconClass() {
                 return [
-                    'p-toast-message-icon',
                     {
                         [this.infoIcon]: this.message.severity === 'info',
                         [this.warnIcon]: this.message.severity === 'warn',
@@ -99,6 +111,13 @@ this.primevue.toast = (function (Portal, ToastEventBus, utils, Ripple, vue) {
                 return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;
             }
         },
+        components: {
+            TimesIcon: TimesIcon__default["default"],
+            InfoCircleIcon: InfoCircleIcon__default["default"],
+            CheckIcon: CheckIcon__default["default"],
+            ExclamationTriangleIcon: ExclamationTriangleIcon__default["default"],
+            TimesCircleIcon: TimesCircleIcon__default["default"]
+        },
         directives: {
             ripple: Ripple__default["default"]
         }
@@ -122,20 +141,21 @@ this.primevue.toast = (function (Portal, ToastEventBus, utils, Ripple, vue) {
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["p-toast-message-content", $props.message.contentStyleClass])
         }, [
-          (!$props.template)
+          (!$props.templates.message)
             ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                vue.createElementVNode("span", {
-                  class: vue.normalizeClass($options.iconClass)
-                }, null, 2),
+                (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)
                 ])
               ], 64))
-            : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.template), {
+            : (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.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
@@ -145,9 +165,9 @@ this.primevue.toast = (function (Portal, ToastEventBus, utils, Ripple, vue) {
                   onClick: _cache[0] || (_cache[0] = (...args) => ($options.onCloseClick && $options.onCloseClick(...args))),
                   autofocus: ""
                 }, $props.closeButtonProps), [
-                  vue.createElementVNode("span", {
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.closeicon || 'TimesIcon'), {
                     class: vue.normalizeClass(['p-toast-icon-close-icon', $props.closeIcon])
-                  }, null, 2)
+                  }, null, 8, ["class"]))
                 ], 16, _hoisted_5)), [
                   [_directive_ripple]
                 ])
@@ -188,23 +208,23 @@ this.primevue.toast = (function (Portal, ToastEventBus, utils, Ripple, vue) {
             },
             closeIcon: {
                 type: String,
-                default: 'pi pi-times'
+                default: undefined
             },
             infoIcon: {
                 type: String,
-                default: 'pi pi-info-circle'
+                default: undefined
             },
             warnIcon: {
                 type: String,
-                default: 'pi pi-exclamation-triangle'
+                default: undefined
             },
             errorIcon: {
                 type: String,
-                default: 'pi pi-times'
+                default: undefined
             },
             successIcon: {
                 type: String,
-                default: 'pi pi-check'
+                default: undefined
             },
             closeButtonProps: {
                 type: null,
@@ -360,7 +380,7 @@ this.primevue.toast = (function (Portal, ToastEventBus, utils, Ripple, vue) {
                   return (vue.openBlock(), vue.createBlock(_component_ToastMessage, {
                     key: msg.id,
                     message: msg,
-                    template: _ctx.$slots.message,
+                    templates: _ctx.$slots,
                     closeIcon: $props.closeIcon,
                     infoIcon: $props.infoIcon,
                     warnIcon: $props.warnIcon,
@@ -368,7 +388,7 @@ this.primevue.toast = (function (Portal, ToastEventBus, utils, Ripple, vue) {
                     successIcon: $props.successIcon,
                     closeButtonProps: $props.closeButtonProps,
                     onClose: _cache[0] || (_cache[0] = $event => ($options.remove($event)))
-                  }, null, 8, ["message", "template", "closeIcon", "infoIcon", "warnIcon", "errorIcon", "successIcon", "closeButtonProps"]))
+                  }, null, 8, ["message", "templates", "closeIcon", "infoIcon", "warnIcon", "errorIcon", "successIcon", "closeButtonProps"]))
                 }), 128))
               ]),
               _: 1
@@ -413,4 +433,4 @@ this.primevue.toast = (function (Portal, ToastEventBus, utils, Ripple, vue) {
 
     return script;
 
-})(primevue.portal, primevue.toasteventbus, primevue.utils, primevue.ripple, Vue);
+})(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,n,o){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e),l=a(t),r={name:"ToastMessage",emits:["close"],props:{message:{type:null,default:null},template:{type:null,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}]},iconClass(){return["p-toast-message-icon",{[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}},directives:{ripple:a(n).default}};const c={class:"p-toast-message-text"},m={class:"p-toast-summary"},p={class:"p-toast-detail"},u={key:2},d=["aria-label"];r.render=function(e,t,s,n,a,i){const l=o.resolveDirective("ripple");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(i.containerClass),role:"alert","aria-live":"assertive","aria-atomic":"true"},[o.createElementVNode("div",{class:o.normalizeClass(["p-toast-message-content",s.message.contentStyleClass])},[s.template?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(s.template),{key:1,message:s.message},null,8,["message"])):(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[o.createElementVNode("span",{class:o.normalizeClass(i.iconClass)},null,2),o.createElementVNode("div",c,[o.createElementVNode("span",m,o.toDisplayString(s.message.summary),1),o.createElementVNode("div",p,o.toDisplayString(s.message.detail),1)])],64)),!1!==s.message.closable?(o.openBlock(),o.createElementBlock("div",u,[o.withDirectives((o.openBlock(),o.createElementBlock("button",o.mergeProps({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),[o.createElementVNode("span",{class:o.normalizeClass(["p-toast-icon-close-icon",s.closeIcon])},null,2)],16,d)),[[l]])])):o.createCommentVNode("",!0)],2)],2)};var h=0,f={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:"pi pi-times"},infoIcon:{type:String,default:"pi pi-info-circle"},warnIcon:{type:String,default:"pi pi-exclamation-triangle"},errorIcon:{type:String,default:"pi pi-times"},successIcon:{type:String,default:"pi pi-check"},closeButtonProps:{type:null,default:null}},data:()=>({messages:[]}),styleElement:null,mounted(){l.default.on("add",this.onAdd),l.default.on("remove-group",this.onRemoveGroup),l.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),l.default.off("add",this.onAdd),l.default.off("remove-group",this.onRemoveGroup),l.default.off("remove-all-groups",this.onRemoveAllGroups)},methods:{add(e){null==e.id&&(e.id=h++),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:r,Portal:i.default}};return function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===s&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.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"),f.render=function(e,t,s,n,a,i){const l=o.resolveComponent("ToastMessage"),r=o.resolveComponent("Portal");return o.openBlock(),o.createBlock(r,null,{default:o.withCtx((()=>[o.createElementVNode("div",o.mergeProps({ref:"container",class:i.containerClass},e.$attrs),[o.createVNode(o.TransitionGroup,{name:"p-toast-message",tag:"div",onEnter:i.onEnter,onLeave:i.onLeave},{default:o.withCtx((()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(a.messages,(n=>(o.openBlock(),o.createBlock(l,{key:n.id,message:n,template:e.$slots.message,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","template","closeIcon","infoIcon","warnIcon","errorIcon","successIcon","closeButtonProps"])))),128))])),_:1},8,["onEnter","onLeave"])],16)])),_:1})},f}(primevue.portal,primevue.toasteventbus,primevue.utils,primevue.ripple,Vue);
+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);

package/togglebutton/ToggleButton.d.ts

@@ -7,7 +7,7 @@
  * @module togglebutton
  *
  */
-import { InputHTMLAttributes } from 'vue';
+import { InputHTMLAttributes, VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
 /**
@@ -21,10 +21,12 @@ export interface ToggleButtonProps {
     modelValue?: boolean | undefined;
     /**
      * Icon for the on state.
+     * @deprecated since v3.27.0. Use 'icon' slot.
      */
     onIcon?: string | undefined;
     /**
      * Icon for the off state.
+     * @deprecated since v3.27.0. Use 'icon' slot.
      */
     offIcon?: string | undefined;
     /**
@@ -80,7 +82,21 @@ export interface ToggleButtonProps {
 /**
  * Defines valid slots in ToggleButton component.
  */
-export interface ToggleButtonSlots {}
+export interface ToggleButtonSlots {
+    /**
+     * Custom icon template.
+     */
+    icon(scope: {
+        /**
+         * Current value
+         */
+        value: any;
+        /**
+         * Icon style class
+         */
+        class: any;
+    }): VNode[];
+}
 
 /**
  * Defines valid emits in ToggleButton component.

package/togglebutton/ToggleButton.vue

@@ -16,7 +16,9 @@
                 v-bind="inputProps"
             />
         </span>
-        <span v-if="hasIcon" :class="iconClass"></span>
+        <slot name="icon" :value="modelValue" :class="iconClass">
+            <span v-if="onIcon || offIcon" :class="iconClass" />
+        </slot>
         <span class="p-button-label">{{ label }}</span>
     </div>
 </template>
@@ -149,7 +151,7 @@ export default {
             return this.onLabel && this.onLabel.length > 0 && this.offLabel && this.offLabel.length > 0;
         },
         hasIcon() {
-            return this.onIcon && this.onIcon.length > 0 && this.offIcon && this.offIcon.length > 0;
+            return this.$slots.icon || (this.onIcon && this.offIcon);
         },
         label() {
             return this.hasLabel ? (this.modelValue ? this.onLabel : this.offLabel) : '&nbsp;';

package/togglebutton/togglebutton.cjs.js

@@ -132,7 +132,7 @@ var script = {
             return this.onLabel && this.onLabel.length > 0 && this.offLabel && this.offLabel.length > 0;
         },
         hasIcon() {
-            return this.onIcon && this.onIcon.length > 0 && this.offIcon && this.offIcon.length > 0;
+            return this.$slots.icon || (this.onIcon && this.offIcon);
         },
         label() {
             return this.hasLabel ? (this.modelValue ? this.onLabel : this.offLabel) : ' ';
@@ -170,12 +170,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         onBlur: _cache[1] || (_cache[1] = $event => ($options.onBlur($event)))
       }, $props.inputProps), null, 16, _hoisted_2)
     ]),
-    ($options.hasIcon)
-      ? (vue.openBlock(), vue.createElementBlock("span", {
-          key: 0,
-          class: vue.normalizeClass($options.iconClass)
-        }, null, 2))
-      : vue.createCommentVNode("", true),
+    vue.renderSlot(_ctx.$slots, "icon", {
+      value: $props.modelValue,
+      class: vue.normalizeClass($options.iconClass)
+    }, () => [
+      ($props.onIcon || $props.offIcon)
+        ? (vue.openBlock(), vue.createElementBlock("span", {
+            key: 0,
+            class: vue.normalizeClass($options.iconClass)
+          }, null, 2))
+        : vue.createCommentVNode("", true)
+    ]),
     vue.createElementVNode("span", _hoisted_3, vue.toDisplayString($options.label), 1)
   ], 2)), [
     [_directive_ripple]

package/togglebutton/togglebutton.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/ripple"),t=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"ToggleButton",emits:["update:modelValue","change","click","focus","blur"],props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:{type:String,default:"Yes"},offLabel:{type:String,default:"No"},iconPos:{type:String,default:"left"},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},outsideClickListener:null,data:()=>({focused:!1}),mounted(){this.bindOutsideClickListener()},beforeUnmount(){this.unbindOutsideClickListener()},methods:{onClick(e){this.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",e),this.$emit("click",e),this.focused=!0)},onFocus(e){this.focused=!0,this.$emit("focus",e)},onBlur(e){this.focused=!1,this.$emit("blur",e)},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.focused&&!this.$refs.container.contains(e.target)&&(this.focused=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)}},computed:{buttonClass(){return["p-button p-togglebutton p-component",{"p-focus":this.focused,"p-button-icon-only":this.hasIcon&&!this.hasLabel,"p-disabled":this.disabled,"p-highlight":!0===this.modelValue}]},iconClass(){return[this.modelValue?this.onIcon:this.offIcon,"p-button-icon",{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label}]},hasLabel(){return this.onLabel&&this.onLabel.length>0&&this.offLabel&&this.offLabel.length>0},hasIcon(){return this.onIcon&&this.onIcon.length>0&&this.offIcon&&this.offIcon.length>0},label(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:" "}},directives:{ripple:l(e).default}};const n={class:"p-hidden-accessible"},s=["id","checked","value","aria-labelledby","aria-label"],o={class:"p-button-label"};i.render=function(e,l,i,a,u,c){const r=t.resolveDirective("ripple");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{ref:"container",class:t.normalizeClass(c.buttonClass),onClick:l[2]||(l[2]=e=>c.onClick(e))},[t.createElementVNode("span",n,[t.createElementVNode("input",t.mergeProps({id:i.inputId,type:"checkbox",role:"switch",class:i.inputClass,style:i.inputStyle,checked:i.modelValue,value:i.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:l[0]||(l[0]=e=>c.onFocus(e)),onBlur:l[1]||(l[1]=e=>c.onBlur(e))},i.inputProps),null,16,s)]),c.hasIcon?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(c.iconClass)},null,2)):t.createCommentVNode("",!0),t.createElementVNode("span",o,t.toDisplayString(c.label),1)],2)),[[r]])},module.exports=i;
+"use strict";var e=require("primevue/ripple"),t=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"ToggleButton",emits:["update:modelValue","change","click","focus","blur"],props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:{type:String,default:"Yes"},offLabel:{type:String,default:"No"},iconPos:{type:String,default:"left"},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},outsideClickListener:null,data:()=>({focused:!1}),mounted(){this.bindOutsideClickListener()},beforeUnmount(){this.unbindOutsideClickListener()},methods:{onClick(e){this.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",e),this.$emit("click",e),this.focused=!0)},onFocus(e){this.focused=!0,this.$emit("focus",e)},onBlur(e){this.focused=!1,this.$emit("blur",e)},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.focused&&!this.$refs.container.contains(e.target)&&(this.focused=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)}},computed:{buttonClass(){return["p-button p-togglebutton p-component",{"p-focus":this.focused,"p-button-icon-only":this.hasIcon&&!this.hasLabel,"p-disabled":this.disabled,"p-highlight":!0===this.modelValue}]},iconClass(){return[this.modelValue?this.onIcon:this.offIcon,"p-button-icon",{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label}]},hasLabel(){return this.onLabel&&this.onLabel.length>0&&this.offLabel&&this.offLabel.length>0},hasIcon(){return this.$slots.icon||this.onIcon&&this.offIcon},label(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:" "}},directives:{ripple:l(e).default}};const n={class:"p-hidden-accessible"},s=["id","checked","value","aria-labelledby","aria-label"],o={class:"p-button-label"};i.render=function(e,l,i,a,u,c){const r=t.resolveDirective("ripple");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{ref:"container",class:t.normalizeClass(c.buttonClass),onClick:l[2]||(l[2]=e=>c.onClick(e))},[t.createElementVNode("span",n,[t.createElementVNode("input",t.mergeProps({id:i.inputId,type:"checkbox",role:"switch",class:i.inputClass,style:i.inputStyle,checked:i.modelValue,value:i.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:l[0]||(l[0]=e=>c.onFocus(e)),onBlur:l[1]||(l[1]=e=>c.onBlur(e))},i.inputProps),null,16,s)]),t.renderSlot(e.$slots,"icon",{value:i.modelValue,class:t.normalizeClass(c.iconClass)},(()=>[i.onIcon||i.offIcon?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(c.iconClass)},null,2)):t.createCommentVNode("",!0)])),t.createElementVNode("span",o,t.toDisplayString(c.label),1)],2)),[[r]])},module.exports=i;

package/togglebutton/togglebutton.esm.js

@@ -1,5 +1,5 @@
 import Ripple from 'primevue/ripple';
-import { resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, createCommentVNode, toDisplayString } from 'vue';
+import { resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, renderSlot, createCommentVNode, toDisplayString } from 'vue';
 
 var script = {
     name: 'ToggleButton',
@@ -126,7 +126,7 @@ var script = {
             return this.onLabel && this.onLabel.length > 0 && this.offLabel && this.offLabel.length > 0;
         },
         hasIcon() {
-            return this.onIcon && this.onIcon.length > 0 && this.offIcon && this.offIcon.length > 0;
+            return this.$slots.icon || (this.onIcon && this.offIcon);
         },
         label() {
             return this.hasLabel ? (this.modelValue ? this.onLabel : this.offLabel) : ' ';
@@ -164,12 +164,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         onBlur: _cache[1] || (_cache[1] = $event => ($options.onBlur($event)))
       }, $props.inputProps), null, 16, _hoisted_2)
     ]),
-    ($options.hasIcon)
-      ? (openBlock(), createElementBlock("span", {
-          key: 0,
-          class: normalizeClass($options.iconClass)
-        }, null, 2))
-      : createCommentVNode("", true),
+    renderSlot(_ctx.$slots, "icon", {
+      value: $props.modelValue,
+      class: normalizeClass($options.iconClass)
+    }, () => [
+      ($props.onIcon || $props.offIcon)
+        ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: normalizeClass($options.iconClass)
+          }, null, 2))
+        : createCommentVNode("", true)
+    ]),
     createElementVNode("span", _hoisted_3, toDisplayString($options.label), 1)
   ], 2)), [
     [_directive_ripple]