primevue 3.16.2 → 3.18.0

package/toast/ToastMessage.vue

@@ -4,14 +4,16 @@
             <template v-if="!template">
                 <span :class="iconClass"></span>
                 <div class="p-toast-message-text">
-                    <span class="p-toast-summary">{{message.summary}}</span>
-                    <div class="p-toast-detail">{{message.detail}}</div>
+                    <span class="p-toast-summary">{{ message.summary }}</span>
+                    <div class="p-toast-detail">{{ message.detail }}</div>
                 </div>
             </template>
             <component v-else :is="template" :message="message"></component>
-            <button class="p-toast-icon-close p-link" @click="onCloseClick" v-if="message.closable !== false" type="button" v-ripple>
-                <span class="p-toast-icon-close-icon pi pi-times"></span>
-            </button>
+            <div v-if="message.closable !== false">
+                <button v-ripple class="p-toast-icon-close p-link" @click="onCloseClick" type="button">
+                    <span class="p-toast-icon-close-icon pi pi-times"></span>
+                </button>
+            </div>
         </div>
     </div>
 </template>
@@ -31,7 +33,7 @@ export default {
         if (this.message.life) {
             this.closeTimeout = setTimeout(() => {
                 this.close();
-            }, this.message.life)
+            }, this.message.life);
         }
     },
     beforeUnmount() {
@@ -54,24 +56,31 @@ export default {
     },
     computed: {
         containerClass() {
-            return ['p-toast-message', this.message.styleClass, {
-                'p-toast-message-info': this.message.severity === 'info',
-                'p-toast-message-warn': this.message.severity === 'warn',
-                'p-toast-message-error': this.message.severity === 'error',
-                'p-toast-message-success': this.message.severity === 'success'
-            }];
+            return [
+                'p-toast-message',
+                this.message.styleClass,
+                {
+                    'p-toast-message-info': this.message.severity === 'info',
+                    'p-toast-message-warn': this.message.severity === 'warn',
+                    'p-toast-message-error': this.message.severity === 'error',
+                    'p-toast-message-success': this.message.severity === 'success'
+                }
+            ];
         },
         iconClass() {
-            return ['p-toast-message-icon pi', {
-                'pi-info-circle': this.message.severity === 'info',
-                'pi-exclamation-triangle': this.message.severity === 'warn',
-                'pi-times': this.message.severity === 'error',
-                'pi-check': this.message.severity === 'success'
-            }];
+            return [
+                'p-toast-message-icon pi',
+                {
+                    'pi-info-circle': this.message.severity === 'info',
+                    'pi-exclamation-triangle': this.message.severity === 'warn',
+                    'pi-times': this.message.severity === 'error',
+                    'pi-check': this.message.severity === 'success'
+                }
+            ];
         }
     },
     directives: {
-        'ripple': Ripple
+        ripple: Ripple
     }
-}
+};
 </script>

package/toast/toast.cjs.js

@@ -1,16 +1,16 @@
 'use strict';
 
+var Portal = require('primevue/portal');
 var ToastEventBus = require('primevue/toasteventbus');
+var utils = require('primevue/utils');
 var Ripple = require('primevue/ripple');
 var vue = require('vue');
-var utils = require('primevue/utils');
-var Portal = require('primevue/portal');
 
 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 Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
-var Portal__default = /*#__PURE__*/_interopDefaultLegacy(Portal);
 
 var script$1 = {
     name: 'ToastMessage',
@@ -47,33 +47,41 @@ var script$1 = {
     },
     computed: {
         containerClass() {
-            return ['p-toast-message', this.message.styleClass, {
-                'p-toast-message-info': this.message.severity === 'info',
-                'p-toast-message-warn': this.message.severity === 'warn',
-                'p-toast-message-error': this.message.severity === 'error',
-                'p-toast-message-success': this.message.severity === 'success'
-            }];
+            return [
+                'p-toast-message',
+                this.message.styleClass,
+                {
+                    'p-toast-message-info': this.message.severity === 'info',
+                    'p-toast-message-warn': this.message.severity === 'warn',
+                    'p-toast-message-error': this.message.severity === 'error',
+                    'p-toast-message-success': this.message.severity === 'success'
+                }
+            ];
         },
         iconClass() {
-            return ['p-toast-message-icon pi', {
-                'pi-info-circle': this.message.severity === 'info',
-                'pi-exclamation-triangle': this.message.severity === 'warn',
-                'pi-times': this.message.severity === 'error',
-                'pi-check': this.message.severity === 'success'
-            }];
+            return [
+                'p-toast-message-icon pi',
+                {
+                    'pi-info-circle': this.message.severity === 'info',
+                    'pi-exclamation-triangle': this.message.severity === 'warn',
+                    'pi-times': this.message.severity === 'error',
+                    'pi-check': this.message.severity === 'success'
+                }
+            ];
         }
     },
     directives: {
-        'ripple': Ripple__default["default"]
+        ripple: Ripple__default["default"]
     }
 };
 
 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 = /*#__PURE__*/vue.createElementVNode("span", { class: "p-toast-icon-close-icon pi pi-times" }, null, -1);
-const _hoisted_5 = [
-  _hoisted_4
+const _hoisted_4 = { key: 2 };
+const _hoisted_5 = /*#__PURE__*/vue.createElementVNode("span", { class: "p-toast-icon-close-icon pi pi-times" }, null, -1);
+const _hoisted_6 = [
+  _hoisted_5
 ];
 
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
@@ -103,14 +111,15 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
             message: $props.message
           }, null, 8, ["message"])),
       ($props.message.closable !== false)
-        ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
-            key: 2,
-            class: "p-toast-icon-close p-link",
-            onClick: _cache[0] || (_cache[0] = (...args) => ($options.onCloseClick && $options.onCloseClick(...args))),
-            type: "button"
-          }, _hoisted_5)), [
-            [_directive_ripple]
-          ])
+        ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+            vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
+              class: "p-toast-icon-close p-link",
+              onClick: _cache[0] || (_cache[0] = (...args) => ($options.onCloseClick && $options.onCloseClick(...args))),
+              type: "button"
+            }, _hoisted_6)), [
+              [_directive_ripple]
+            ])
+          ]))
         : vue.createCommentVNode("", true)
     ], 2)
   ], 2))
@@ -148,7 +157,7 @@ var script = {
     data() {
         return {
             messages: []
-        }
+        };
     },
     styleElement: null,
     mounted() {
@@ -181,6 +190,7 @@ var script = {
         },
         remove(message) {
             let index = -1;
+
             for (let i = 0; i < this.messages.length; i++) {
                 if (this.messages[i] === message) {
                     index = i;
@@ -212,7 +222,9 @@ var script = {
         },
         onLeave() {
             if (this.$refs.container && this.autoZIndex && utils.ObjectUtils.isEmpty(this.messages)) {
-                utils.ZIndexUtils.clear(this.$refs.container);
+                setTimeout(() => {
+                    utils.ZIndexUtils.clear(this.$refs.container);
+                }, 200);
             }
         },
         createStyle() {
@@ -222,11 +234,14 @@ var script = {
                 document.head.appendChild(this.styleElement);
 
                 let innerHTML = '';
+
                 for (let breakpoint in this.breakpoints) {
                     let breakpointStyle = '';
+
                     for (let styleProp in this.breakpoints[breakpoint]) {
                         breakpointStyle += styleProp + ':' + this.breakpoints[breakpoint][styleProp] + '!important;';
                     }
+
                     innerHTML += `
                         @media screen and (max-width: ${breakpoint}) {
                             .p-toast[${this.attributeSelector}] {
@@ -246,20 +261,23 @@ var script = {
             }
         }
     },
-    components: {
-        'ToastMessage': script$1,
-        'Portal': Portal__default["default"]
-    },
     computed: {
         containerClass() {
-            return ['p-toast p-component p-toast-' + this.position, {
-                'p-input-filled': this.$primevue.config.inputStyle === 'filled',
-                'p-ripple-disabled': this.$primevue.config.ripple === false
-            }];
+            return [
+                'p-toast p-component p-toast-' + this.position,
+                {
+                    'p-input-filled': this.$primevue.config.inputStyle === 'filled',
+                    'p-ripple-disabled': this.$primevue.config.ripple === false
+                }
+            ];
         },
         attributeSelector() {
             return utils.UniqueComponentId();
         }
+    },
+    components: {
+        ToastMessage: script$1,
+        Portal: Portal__default["default"]
     }
 };
 
@@ -324,7 +342,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\n.p-toast {\n    position: fixed;\n    width: 25rem;\n}\n.p-toast-message-content {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n}\n.p-toast-message-text {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-toast-top-right {\n\ttop: 20px;\n\tright: 20px;\n}\n.p-toast-top-left {\n\ttop: 20px;\n\tleft: 20px;\n}\n.p-toast-bottom-left {\n\tbottom: 20px;\n\tleft: 20px;\n}\n.p-toast-bottom-right {\n\tbottom: 20px;\n\tright: 20px;\n}\n.p-toast-top-center {\n\ttop: 20px;\n    left: 50%;\n    -webkit-transform: translateX(-50%);\n            transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n\tbottom: 20px;\n    left: 50%;\n    -webkit-transform: translateX(-50%);\n            transform: translateX(-50%);\n}\n.p-toast-center {\n\tleft: 50%;\n\ttop: 50%;\n    min-width: 20vw;\n    -webkit-transform: translate(-50%, -50%);\n            transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-toast-icon-close.p-link {\n\tcursor: pointer;\n}\n\n/* Animations */\n.p-toast-message-enter-from {\n    opacity: 0;\n    -webkit-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 .3s, opacity .3s;\n    -webkit-transition: opacity .3s, -webkit-transform .3s;\n    transition: opacity .3s, -webkit-transform .3s;\n    transition: transform .3s, opacity .3s;\n    transition: transform .3s, opacity .3s, -webkit-transform .3s;\n}\n.p-toast-message-leave-active {\n    -webkit-transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s;\n    transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s;\n}\n";
+var css_248z = "\n.p-toast {\n    position: fixed;\n    width: 25rem;\n}\n.p-toast-message-content {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n}\n.p-toast-message-text {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\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    -webkit-transform: translateX(-50%);\n            transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n    bottom: 20px;\n    left: 50%;\n    -webkit-transform: translateX(-50%);\n            transform: translateX(-50%);\n}\n.p-toast-center {\n    left: 50%;\n    top: 50%;\n    min-width: 20vw;\n    -webkit-transform: translate(-50%, -50%);\n            transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    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    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    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;\n    transition: opacity 0.3s, -webkit-transform 0.3s;\n    transition: transform 0.3s, opacity 0.3s;\n    transition: transform 0.3s, opacity 0.3s, -webkit-transform 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";
 styleInject(css_248z);
 
 script.render = render;

package/toast/toast.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/toasteventbus"),t=require("primevue/ripple"),s=require("vue"),n=require("primevue/utils"),o=require("primevue/portal");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e),r=a(t),l=a(o),m={name:"ToastMessage",emits:["close"],props:{message:null,template:null},closeTimeout:null,mounted(){this.message.life&&(this.closeTimeout=setTimeout((()=>{this.close()}),this.message.life))},beforeUnmount(){this.clearCloseTimeout()},methods:{close(){this.$emit("close",this.message)},onCloseClick(){this.clearCloseTimeout(),this.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 pi",{"pi-info-circle":"info"===this.message.severity,"pi-exclamation-triangle":"warn"===this.message.severity,"pi-times":"error"===this.message.severity,"pi-check":"success"===this.message.severity}]}},directives:{ripple:r.default}};const p={class:"p-toast-message-text"},c={class:"p-toast-summary"},u={class:"p-toast-detail"},d=[s.createElementVNode("span",{class:"p-toast-icon-close-icon pi pi-times"},null,-1)];m.render=function(e,t,n,o,a,i){const r=s.resolveDirective("ripple");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(i.containerClass),role:"alert","aria-live":"assertive","aria-atomic":"true"},[s.createElementVNode("div",{class:s.normalizeClass(["p-toast-message-content",n.message.contentStyleClass])},[n.template?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(n.template),{key:1,message:n.message},null,8,["message"])):(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[s.createElementVNode("span",{class:s.normalizeClass(i.iconClass)},null,2),s.createElementVNode("div",p,[s.createElementVNode("span",c,s.toDisplayString(n.message.summary),1),s.createElementVNode("div",u,s.toDisplayString(n.message.detail),1)])],64)),!1!==n.message.closable?s.withDirectives((s.openBlock(),s.createElementBlock("button",{key:2,class:"p-toast-icon-close p-link",onClick:t[0]||(t[0]=(...e)=>i.onCloseClick&&i.onCloseClick(...e)),type:"button"},d)),[[r]]):s.createCommentVNode("",!0)],2)],2)};var h=0,f={name:"Toast",inheritAttrs:!1,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}},data:()=>({messages:[]}),styleElement:null,mounted(){i.default.on("add",this.onAdd),i.default.on("remove-group",this.onRemoveGroup),i.default.on("remove-all-groups",this.onRemoveAllGroups),this.breakpoints&&this.createStyle()},beforeUnmount(){this.destroyStyle(),this.$refs.container&&this.autoZIndex&&n.ZIndexUtils.clear(this.$refs.container),i.default.off("add",this.onAdd),i.default.off("remove-group",this.onRemoveGroup),i.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){t=s;break}this.messages.splice(t,1)},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&&n.ZIndexUtils.set("modal",this.$refs.container,this.baseZIndex||this.$primevue.config.zIndex.modal)},onLeave(){this.$refs.container&&this.autoZIndex&&n.ObjectUtils.isEmpty(this.messages)&&n.ZIndexUtils.clear(this.$refs.container)},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)}},components:{ToastMessage:m,Portal:l.default},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.UniqueComponentId()}};!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: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n}\n.p-toast-message-text {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-toast-top-right {\n\ttop: 20px;\n\tright: 20px;\n}\n.p-toast-top-left {\n\ttop: 20px;\n\tleft: 20px;\n}\n.p-toast-bottom-left {\n\tbottom: 20px;\n\tleft: 20px;\n}\n.p-toast-bottom-right {\n\tbottom: 20px;\n\tright: 20px;\n}\n.p-toast-top-center {\n\ttop: 20px;\n    left: 50%;\n    -webkit-transform: translateX(-50%);\n            transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n\tbottom: 20px;\n    left: 50%;\n    -webkit-transform: translateX(-50%);\n            transform: translateX(-50%);\n}\n.p-toast-center {\n\tleft: 50%;\n\ttop: 50%;\n    min-width: 20vw;\n    -webkit-transform: translate(-50%, -50%);\n            transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-toast-icon-close.p-link {\n\tcursor: pointer;\n}\n\n/* Animations */\n.p-toast-message-enter-from {\n    opacity: 0;\n    -webkit-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 .3s, opacity .3s;\n    -webkit-transition: opacity .3s, -webkit-transform .3s;\n    transition: opacity .3s, -webkit-transform .3s;\n    transition: transform .3s, opacity .3s;\n    transition: transform .3s, opacity .3s, -webkit-transform .3s;\n}\n.p-toast-message-leave-active {\n    -webkit-transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s;\n    transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s;\n}\n"),f.render=function(e,t,n,o,a,i){const r=s.resolveComponent("ToastMessage"),l=s.resolveComponent("Portal");return s.openBlock(),s.createBlock(l,null,{default:s.withCtx((()=>[s.createElementVNode("div",s.mergeProps({ref:"container",class:i.containerClass},e.$attrs),[s.createVNode(s.TransitionGroup,{name:"p-toast-message",tag:"div",onEnter:i.onEnter,onLeave:i.onLeave},{default:s.withCtx((()=>[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(a.messages,(n=>(s.openBlock(),s.createBlock(r,{key:n.id,message:n,onClose:t[0]||(t[0]=e=>i.remove(e)),template:e.$slots.message},null,8,["message","template"])))),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"),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),r=a(t),l={name:"ToastMessage",emits:["close"],props:{message:null,template:null},closeTimeout:null,mounted(){this.message.life&&(this.closeTimeout=setTimeout((()=>{this.close()}),this.message.life))},beforeUnmount(){this.clearCloseTimeout()},methods:{close(){this.$emit("close",this.message)},onCloseClick(){this.clearCloseTimeout(),this.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 pi",{"pi-info-circle":"info"===this.message.severity,"pi-exclamation-triangle":"warn"===this.message.severity,"pi-times":"error"===this.message.severity,"pi-check":"success"===this.message.severity}]}},directives:{ripple:a(n).default}};const m={class:"p-toast-message-text"},p={class:"p-toast-summary"},c={class:"p-toast-detail"},u={key:2},d=[o.createElementVNode("span",{class:"p-toast-icon-close-icon pi pi-times"},null,-1)];l.render=function(e,t,s,n,a,i){const r=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",m,[o.createElementVNode("span",p,o.toDisplayString(s.message.summary),1),o.createElementVNode("div",c,o.toDisplayString(s.message.detail),1)])],64)),!1!==s.message.closable?(o.openBlock(),o.createElementBlock("div",u,[o.withDirectives((o.openBlock(),o.createElementBlock("button",{class:"p-toast-icon-close p-link",onClick:t[0]||(t[0]=(...e)=>i.onCloseClick&&i.onCloseClick(...e)),type:"button"},d)),[[r]])])):o.createCommentVNode("",!0)],2)],2)};var h=0,f={name:"Toast",inheritAttrs:!1,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}},data:()=>({messages:[]}),styleElement:null,mounted(){r.default.on("add",this.onAdd),r.default.on("remove-group",this.onRemoveGroup),r.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),r.default.off("add",this.onAdd),r.default.off("remove-group",this.onRemoveGroup),r.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){t=s;break}this.messages.splice(t,1)},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:l,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: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n}\n.p-toast-message-text {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\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    -webkit-transform: translateX(-50%);\n            transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n    bottom: 20px;\n    left: 50%;\n    -webkit-transform: translateX(-50%);\n            transform: translateX(-50%);\n}\n.p-toast-center {\n    left: 50%;\n    top: 50%;\n    min-width: 20vw;\n    -webkit-transform: translate(-50%, -50%);\n            transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    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    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    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;\n    transition: opacity 0.3s, -webkit-transform 0.3s;\n    transition: transform 0.3s, opacity 0.3s;\n    transition: transform 0.3s, opacity 0.3s, -webkit-transform 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 r=o.resolveComponent("ToastMessage"),l=o.resolveComponent("Portal");return o.openBlock(),o.createBlock(l,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,(s=>(o.openBlock(),o.createBlock(r,{key:s.id,message:s,onClose:t[0]||(t[0]=e=>i.remove(e)),template:e.$slots.message},null,8,["message","template"])))),128))])),_:1},8,["onEnter","onLeave"])],16)])),_:1})},module.exports=f;

package/toast/toast.esm.js

@@ -1,8 +1,8 @@
+import Portal from 'primevue/portal';
 import ToastEventBus from 'primevue/toasteventbus';
+import { ZIndexUtils, ObjectUtils, UniqueComponentId } from 'primevue/utils';
 import Ripple from 'primevue/ripple';
 import { resolveDirective, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, toDisplayString, createBlock, resolveDynamicComponent, withDirectives, createCommentVNode, resolveComponent, withCtx, mergeProps, createVNode, TransitionGroup, renderList } from 'vue';
-import { ZIndexUtils, ObjectUtils, UniqueComponentId } from 'primevue/utils';
-import Portal from 'primevue/portal';
 
 var script$1 = {
     name: 'ToastMessage',
@@ -39,33 +39,41 @@ var script$1 = {
     },
     computed: {
         containerClass() {
-            return ['p-toast-message', this.message.styleClass, {
-                'p-toast-message-info': this.message.severity === 'info',
-                'p-toast-message-warn': this.message.severity === 'warn',
-                'p-toast-message-error': this.message.severity === 'error',
-                'p-toast-message-success': this.message.severity === 'success'
-            }];
+            return [
+                'p-toast-message',
+                this.message.styleClass,
+                {
+                    'p-toast-message-info': this.message.severity === 'info',
+                    'p-toast-message-warn': this.message.severity === 'warn',
+                    'p-toast-message-error': this.message.severity === 'error',
+                    'p-toast-message-success': this.message.severity === 'success'
+                }
+            ];
         },
         iconClass() {
-            return ['p-toast-message-icon pi', {
-                'pi-info-circle': this.message.severity === 'info',
-                'pi-exclamation-triangle': this.message.severity === 'warn',
-                'pi-times': this.message.severity === 'error',
-                'pi-check': this.message.severity === 'success'
-            }];
+            return [
+                'p-toast-message-icon pi',
+                {
+                    'pi-info-circle': this.message.severity === 'info',
+                    'pi-exclamation-triangle': this.message.severity === 'warn',
+                    'pi-times': this.message.severity === 'error',
+                    'pi-check': this.message.severity === 'success'
+                }
+            ];
         }
     },
     directives: {
-        'ripple': Ripple
+        ripple: Ripple
     }
 };
 
 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 = /*#__PURE__*/createElementVNode("span", { class: "p-toast-icon-close-icon pi pi-times" }, null, -1);
-const _hoisted_5 = [
-  _hoisted_4
+const _hoisted_4 = { key: 2 };
+const _hoisted_5 = /*#__PURE__*/createElementVNode("span", { class: "p-toast-icon-close-icon pi pi-times" }, null, -1);
+const _hoisted_6 = [
+  _hoisted_5
 ];
 
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
@@ -95,14 +103,15 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
             message: $props.message
           }, null, 8, ["message"])),
       ($props.message.closable !== false)
-        ? withDirectives((openBlock(), createElementBlock("button", {
-            key: 2,
-            class: "p-toast-icon-close p-link",
-            onClick: _cache[0] || (_cache[0] = (...args) => ($options.onCloseClick && $options.onCloseClick(...args))),
-            type: "button"
-          }, _hoisted_5)), [
-            [_directive_ripple]
-          ])
+        ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            withDirectives((openBlock(), createElementBlock("button", {
+              class: "p-toast-icon-close p-link",
+              onClick: _cache[0] || (_cache[0] = (...args) => ($options.onCloseClick && $options.onCloseClick(...args))),
+              type: "button"
+            }, _hoisted_6)), [
+              [_directive_ripple]
+            ])
+          ]))
         : createCommentVNode("", true)
     ], 2)
   ], 2))
@@ -140,7 +149,7 @@ var script = {
     data() {
         return {
             messages: []
-        }
+        };
     },
     styleElement: null,
     mounted() {
@@ -173,6 +182,7 @@ var script = {
         },
         remove(message) {
             let index = -1;
+
             for (let i = 0; i < this.messages.length; i++) {
                 if (this.messages[i] === message) {
                     index = i;
@@ -204,7 +214,9 @@ var script = {
         },
         onLeave() {
             if (this.$refs.container && this.autoZIndex && ObjectUtils.isEmpty(this.messages)) {
-                ZIndexUtils.clear(this.$refs.container);
+                setTimeout(() => {
+                    ZIndexUtils.clear(this.$refs.container);
+                }, 200);
             }
         },
         createStyle() {
@@ -214,11 +226,14 @@ var script = {
                 document.head.appendChild(this.styleElement);
 
                 let innerHTML = '';
+
                 for (let breakpoint in this.breakpoints) {
                     let breakpointStyle = '';
+
                     for (let styleProp in this.breakpoints[breakpoint]) {
                         breakpointStyle += styleProp + ':' + this.breakpoints[breakpoint][styleProp] + '!important;';
                     }
+
                     innerHTML += `
                         @media screen and (max-width: ${breakpoint}) {
                             .p-toast[${this.attributeSelector}] {
@@ -238,20 +253,23 @@ var script = {
             }
         }
     },
-    components: {
-        'ToastMessage': script$1,
-        'Portal': Portal
-    },
     computed: {
         containerClass() {
-            return ['p-toast p-component p-toast-' + this.position, {
-                'p-input-filled': this.$primevue.config.inputStyle === 'filled',
-                'p-ripple-disabled': this.$primevue.config.ripple === false
-            }];
+            return [
+                'p-toast p-component p-toast-' + this.position,
+                {
+                    'p-input-filled': this.$primevue.config.inputStyle === 'filled',
+                    'p-ripple-disabled': this.$primevue.config.ripple === false
+                }
+            ];
         },
         attributeSelector() {
             return UniqueComponentId();
         }
+    },
+    components: {
+        ToastMessage: script$1,
+        Portal: Portal
     }
 };
 
@@ -316,7 +334,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\n.p-toast {\n    position: fixed;\n    width: 25rem;\n}\n.p-toast-message-content {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n}\n.p-toast-message-text {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-toast-top-right {\n\ttop: 20px;\n\tright: 20px;\n}\n.p-toast-top-left {\n\ttop: 20px;\n\tleft: 20px;\n}\n.p-toast-bottom-left {\n\tbottom: 20px;\n\tleft: 20px;\n}\n.p-toast-bottom-right {\n\tbottom: 20px;\n\tright: 20px;\n}\n.p-toast-top-center {\n\ttop: 20px;\n    left: 50%;\n    -webkit-transform: translateX(-50%);\n            transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n\tbottom: 20px;\n    left: 50%;\n    -webkit-transform: translateX(-50%);\n            transform: translateX(-50%);\n}\n.p-toast-center {\n\tleft: 50%;\n\ttop: 50%;\n    min-width: 20vw;\n    -webkit-transform: translate(-50%, -50%);\n            transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-toast-icon-close.p-link {\n\tcursor: pointer;\n}\n\n/* Animations */\n.p-toast-message-enter-from {\n    opacity: 0;\n    -webkit-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 .3s, opacity .3s;\n    -webkit-transition: opacity .3s, -webkit-transform .3s;\n    transition: opacity .3s, -webkit-transform .3s;\n    transition: transform .3s, opacity .3s;\n    transition: transform .3s, opacity .3s, -webkit-transform .3s;\n}\n.p-toast-message-leave-active {\n    -webkit-transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s;\n    transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s;\n}\n";
+var css_248z = "\n.p-toast {\n    position: fixed;\n    width: 25rem;\n}\n.p-toast-message-content {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n}\n.p-toast-message-text {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\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    -webkit-transform: translateX(-50%);\n            transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n    bottom: 20px;\n    left: 50%;\n    -webkit-transform: translateX(-50%);\n            transform: translateX(-50%);\n}\n.p-toast-center {\n    left: 50%;\n    top: 50%;\n    min-width: 20vw;\n    -webkit-transform: translate(-50%, -50%);\n            transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    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    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    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;\n    transition: opacity 0.3s, -webkit-transform 0.3s;\n    transition: transform 0.3s, opacity 0.3s;\n    transition: transform 0.3s, opacity 0.3s, -webkit-transform 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";
 styleInject(css_248z);
 
 script.render = render;

package/toast/toast.esm.min.js

@@ -1 +1 @@
-import e from"primevue/toasteventbus";import t from"primevue/ripple";import{resolveDirective as s,openBlock as n,createElementBlock as o,normalizeClass as i,createElementVNode as a,Fragment as r,toDisplayString as l,createBlock as m,resolveDynamicComponent as p,withDirectives as c,createCommentVNode as u,resolveComponent as h,withCtx as d,mergeProps as f,createVNode as g,TransitionGroup as y,renderList as b}from"vue";import{ZIndexUtils as v,ObjectUtils as x,UniqueComponentId as k}from"primevue/utils";import w from"primevue/portal";var C={name:"ToastMessage",emits:["close"],props:{message:null,template:null},closeTimeout:null,mounted(){this.message.life&&(this.closeTimeout=setTimeout((()=>{this.close()}),this.message.life))},beforeUnmount(){this.clearCloseTimeout()},methods:{close(){this.$emit("close",this.message)},onCloseClick(){this.clearCloseTimeout(),this.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 pi",{"pi-info-circle":"info"===this.message.severity,"pi-exclamation-triangle":"warn"===this.message.severity,"pi-times":"error"===this.message.severity,"pi-check":"success"===this.message.severity}]}},directives:{ripple:t}};const T={class:"p-toast-message-text"},E={class:"p-toast-summary"},$={class:"p-toast-detail"},S=[a("span",{class:"p-toast-icon-close-icon pi pi-times"},null,-1)];C.render=function(e,t,h,d,f,g){const y=s("ripple");return n(),o("div",{class:i(g.containerClass),role:"alert","aria-live":"assertive","aria-atomic":"true"},[a("div",{class:i(["p-toast-message-content",h.message.contentStyleClass])},[h.template?(n(),m(p(h.template),{key:1,message:h.message},null,8,["message"])):(n(),o(r,{key:0},[a("span",{class:i(g.iconClass)},null,2),a("div",T,[a("span",E,l(h.message.summary),1),a("div",$,l(h.message.detail),1)])],64)),!1!==h.message.closable?c((n(),o("button",{key:2,class:"p-toast-icon-close p-link",onClick:t[0]||(t[0]=(...e)=>g.onCloseClick&&g.onCloseClick(...e)),type:"button"},S)),[[y]]):u("",!0)],2)],2)};var A=0,I={name:"Toast",inheritAttrs:!1,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}},data:()=>({messages:[]}),styleElement:null,mounted(){e.on("add",this.onAdd),e.on("remove-group",this.onRemoveGroup),e.on("remove-all-groups",this.onRemoveAllGroups),this.breakpoints&&this.createStyle()},beforeUnmount(){this.destroyStyle(),this.$refs.container&&this.autoZIndex&&v.clear(this.$refs.container),e.off("add",this.onAdd),e.off("remove-group",this.onRemoveGroup),e.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){t=s;break}this.messages.splice(t,1)},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&&v.set("modal",this.$refs.container,this.baseZIndex||this.$primevue.config.zIndex.modal)},onLeave(){this.$refs.container&&this.autoZIndex&&x.isEmpty(this.messages)&&v.clear(this.$refs.container)},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)}},components:{ToastMessage:C,Portal:w},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:()=>k()}};!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: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n}\n.p-toast-message-text {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-toast-top-right {\n\ttop: 20px;\n\tright: 20px;\n}\n.p-toast-top-left {\n\ttop: 20px;\n\tleft: 20px;\n}\n.p-toast-bottom-left {\n\tbottom: 20px;\n\tleft: 20px;\n}\n.p-toast-bottom-right {\n\tbottom: 20px;\n\tright: 20px;\n}\n.p-toast-top-center {\n\ttop: 20px;\n    left: 50%;\n    -webkit-transform: translateX(-50%);\n            transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n\tbottom: 20px;\n    left: 50%;\n    -webkit-transform: translateX(-50%);\n            transform: translateX(-50%);\n}\n.p-toast-center {\n\tleft: 50%;\n\ttop: 50%;\n    min-width: 20vw;\n    -webkit-transform: translate(-50%, -50%);\n            transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-toast-icon-close.p-link {\n\tcursor: pointer;\n}\n\n/* Animations */\n.p-toast-message-enter-from {\n    opacity: 0;\n    -webkit-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 .3s, opacity .3s;\n    -webkit-transition: opacity .3s, -webkit-transform .3s;\n    transition: opacity .3s, -webkit-transform .3s;\n    transition: transform .3s, opacity .3s;\n    transition: transform .3s, opacity .3s, -webkit-transform .3s;\n}\n.p-toast-message-leave-active {\n    -webkit-transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s;\n    transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s;\n}\n"),I.render=function(e,t,s,i,l,p){const c=h("ToastMessage"),u=h("Portal");return n(),m(u,null,{default:d((()=>[a("div",f({ref:"container",class:p.containerClass},e.$attrs),[g(y,{name:"p-toast-message",tag:"div",onEnter:p.onEnter,onLeave:p.onLeave},{default:d((()=>[(n(!0),o(r,null,b(l.messages,(s=>(n(),m(c,{key:s.id,message:s,onClose:t[0]||(t[0]=e=>p.remove(e)),template:e.$slots.message},null,8,["message","template"])))),128))])),_:1},8,["onEnter","onLeave"])],16)])),_:1})};export{I as default};
+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 r,createElementBlock as l,normalizeClass as m,createElementVNode as p,Fragment as c,toDisplayString as u,createBlock as h,resolveDynamicComponent as d,withDirectives as f,createCommentVNode as g,resolveComponent as y,withCtx as b,mergeProps as v,createVNode as x,TransitionGroup as k,renderList as w}from"vue";var C={name:"ToastMessage",emits:["close"],props:{message:null,template:null},closeTimeout:null,mounted(){this.message.life&&(this.closeTimeout=setTimeout((()=>{this.close()}),this.message.life))},beforeUnmount(){this.clearCloseTimeout()},methods:{close(){this.$emit("close",this.message)},onCloseClick(){this.clearCloseTimeout(),this.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 pi",{"pi-info-circle":"info"===this.message.severity,"pi-exclamation-triangle":"warn"===this.message.severity,"pi-times":"error"===this.message.severity,"pi-check":"success"===this.message.severity}]}},directives:{ripple:i}};const T={class:"p-toast-message-text"},E={class:"p-toast-summary"},$={class:"p-toast-detail"},S={key:2},A=[p("span",{class:"p-toast-icon-close-icon pi pi-times"},null,-1)];C.render=function(e,t,s,n,o,i){const y=a("ripple");return r(),l("div",{class:m(i.containerClass),role:"alert","aria-live":"assertive","aria-atomic":"true"},[p("div",{class:m(["p-toast-message-content",s.message.contentStyleClass])},[s.template?(r(),h(d(s.template),{key:1,message:s.message},null,8,["message"])):(r(),l(c,{key:0},[p("span",{class:m(i.iconClass)},null,2),p("div",T,[p("span",E,u(s.message.summary),1),p("div",$,u(s.message.detail),1)])],64)),!1!==s.message.closable?(r(),l("div",S,[f((r(),l("button",{class:"p-toast-icon-close p-link",onClick:t[0]||(t[0]=(...e)=>i.onCloseClick&&i.onCloseClick(...e)),type:"button"},A)),[[y]])])):g("",!0)],2)],2)};var I=0,G={name:"Toast",inheritAttrs:!1,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}},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=I++),this.messages=[...this.messages,e]},remove(e){let t=-1;for(let s=0;s<this.messages.length;s++)if(this.messages[s]===e){t=s;break}this.messages.splice(t,1)},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:C,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: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n}\n.p-toast-message-text {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\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    -webkit-transform: translateX(-50%);\n            transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n    bottom: 20px;\n    left: 50%;\n    -webkit-transform: translateX(-50%);\n            transform: translateX(-50%);\n}\n.p-toast-center {\n    left: 50%;\n    top: 50%;\n    min-width: 20vw;\n    -webkit-transform: translate(-50%, -50%);\n            transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    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    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    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;\n    transition: opacity 0.3s, -webkit-transform 0.3s;\n    transition: transform 0.3s, opacity 0.3s;\n    transition: transform 0.3s, opacity 0.3s, -webkit-transform 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"),G.render=function(e,t,s,n,o,i){const a=y("ToastMessage"),m=y("Portal");return r(),h(m,null,{default:b((()=>[p("div",v({ref:"container",class:i.containerClass},e.$attrs),[x(k,{name:"p-toast-message",tag:"div",onEnter:i.onEnter,onLeave:i.onLeave},{default:b((()=>[(r(!0),l(c,null,w(o.messages,(s=>(r(),h(a,{key:s.id,message:s,onClose:t[0]||(t[0]=e=>i.remove(e)),template:e.$slots.message},null,8,["message","template"])))),128))])),_:1},8,["onEnter","onLeave"])],16)])),_:1})};export{G as default};