primevue 3.12.2 → 3.12.5

package/timeline/timeline.js

@@ -34,24 +34,26 @@ this.primevue.timeline = (function (utils, vue) {
 
     const _hoisted_1 = { class: "p-timeline-event-opposite" };
     const _hoisted_2 = { class: "p-timeline-event-separator" };
-    const _hoisted_3 = /*#__PURE__*/vue.createVNode("div", { class: "p-timeline-event-marker" }, null, -1);
-    const _hoisted_4 = /*#__PURE__*/vue.createVNode("div", { class: "p-timeline-event-connector" }, null, -1);
+    const _hoisted_3 = /*#__PURE__*/vue.createElementVNode("div", { class: "p-timeline-event-marker" }, null, -1);
+    const _hoisted_4 = /*#__PURE__*/vue.createElementVNode("div", { class: "p-timeline-event-connector" }, null, -1);
     const _hoisted_5 = { class: "p-timeline-event-content" };
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
-      return (vue.openBlock(), vue.createBlock("div", { class: $options.containerClass }, [
-        (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($props.value, (item, index) => {
-          return (vue.openBlock(), vue.createBlock("div", {
+      return (vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass($options.containerClass)
+      }, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.value, (item, index) => {
+          return (vue.openBlock(), vue.createElementBlock("div", {
             key: $options.getKey(item, index),
             class: "p-timeline-event"
           }, [
-            vue.createVNode("div", _hoisted_1, [
+            vue.createElementVNode("div", _hoisted_1, [
               vue.renderSlot(_ctx.$slots, "opposite", {
                 item: item,
                 index: index
               })
             ]),
-            vue.createVNode("div", _hoisted_2, [
+            vue.createElementVNode("div", _hoisted_2, [
               vue.renderSlot(_ctx.$slots, "marker", {
                 item: item,
                 index: index
@@ -64,7 +66,7 @@ this.primevue.timeline = (function (utils, vue) {
                   ])
                 : vue.createCommentVNode("", true)
             ]),
-            vue.createVNode("div", _hoisted_5, [
+            vue.createElementVNode("div", _hoisted_5, [
               vue.renderSlot(_ctx.$slots, "content", {
                 item: item,
                 index: index
@@ -109,4 +111,4 @@ this.primevue.timeline = (function (utils, vue) {
 
     return script;
 
-}(primevue.utils, Vue));
+})(primevue.utils, Vue);

package/timeline/timeline.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.timeline=function(e,n){"use strict";var t={name:"Timeline",props:{value:null,align:{mode:String,default:"left"},layout:{mode:String,default:"vertical"},dataKey:null},methods:{getKey(n,t){return this.dataKey?e.ObjectUtils.resolveFieldData(n,this.dataKey):t}},computed:{containerClass(){return["p-timeline p-component","p-timeline-"+this.align,"p-timeline-"+this.layout]}}};const i={class:"p-timeline-event-opposite"},l={class:"p-timeline-event-separator"},o=n.createVNode("div",{class:"p-timeline-event-marker"},null,-1),r=n.createVNode("div",{class:"p-timeline-event-connector"},null,-1),m={class:"p-timeline-event-content"};return function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===t&&i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-timeline {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-flex: 1;\n        -ms-flex-positive: 1;\n            flex-grow: 1;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-timeline-left .p-timeline-event-opposite {\n    text-align: right;\n}\n.p-timeline-left .p-timeline-event-content {\n    text-align: left;\n}\n.p-timeline-right .p-timeline-event {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: row-reverse;\n            flex-direction: row-reverse;\n}\n.p-timeline-right .p-timeline-event-opposite {\n    text-align: left;\n}\n.p-timeline-right .p-timeline-event-content {\n    text-align: right;\n}\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: row-reverse;\n            flex-direction: row-reverse;\n}\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {\n    text-align: right;\n}\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {\n    text-align: left;\n}\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {\n    text-align: left;\n}\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {\n    text-align: right;\n}\n.p-timeline-event {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    position: relative;\n    min-height: 70px;\n}\n.p-timeline-event:last-child {\n    min-height: 0;\n}\n.p-timeline-event-opposite {\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    padding: 0 1rem;\n}\n.p-timeline-event-content {\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    padding: 0 1rem;\n}\n.p-timeline-event-separator {\n    -webkit-box-flex: 0;\n        -ms-flex: 0;\n            flex: 0;\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-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-timeline-event-marker {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-item-align: baseline;\n        align-self: baseline;\n}\n.p-timeline-event-connector {\n    -webkit-box-flex: 1;\n        -ms-flex-positive: 1;\n            flex-grow: 1;\n}\n.p-timeline-horizontal {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n}\n.p-timeline-horizontal .p-timeline-event {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n}\n.p-timeline-horizontal .p-timeline-event:last-child {\n    -webkit-box-flex: 0;\n        -ms-flex: 0;\n            flex: 0;\n}\n.p-timeline-horizontal .p-timeline-event-separator {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n}\n.p-timeline-horizontal .p-timeline-event-connector  {\n    width: 100%;\n}\n.p-timeline-bottom .p-timeline-event {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: column-reverse;\n            flex-direction: column-reverse;\n}\n.p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: column-reverse;\n            flex-direction: column-reverse;\n}\n"),t.render=function(e,t,a,s,c,p){return n.openBlock(),n.createBlock("div",{class:p.containerClass},[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(a.value,((t,s)=>(n.openBlock(),n.createBlock("div",{key:p.getKey(t,s),class:"p-timeline-event"},[n.createVNode("div",i,[n.renderSlot(e.$slots,"opposite",{item:t,index:s})]),n.createVNode("div",l,[n.renderSlot(e.$slots,"marker",{item:t,index:s},(()=>[o])),s!==a.value.length-1?n.renderSlot(e.$slots,"connector",{key:0},(()=>[r])):n.createCommentVNode("",!0)]),n.createVNode("div",m,[n.renderSlot(e.$slots,"content",{item:t,index:s})])])))),128))],2)},t}(primevue.utils,Vue);
+this.primevue=this.primevue||{},this.primevue.timeline=function(e,n){"use strict";var t={name:"Timeline",props:{value:null,align:{mode:String,default:"left"},layout:{mode:String,default:"vertical"},dataKey:null},methods:{getKey(n,t){return this.dataKey?e.ObjectUtils.resolveFieldData(n,this.dataKey):t}},computed:{containerClass(){return["p-timeline p-component","p-timeline-"+this.align,"p-timeline-"+this.layout]}}};const i={class:"p-timeline-event-opposite"},l={class:"p-timeline-event-separator"},o=n.createElementVNode("div",{class:"p-timeline-event-marker"},null,-1),r=n.createElementVNode("div",{class:"p-timeline-event-connector"},null,-1),m={class:"p-timeline-event-content"};return function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===t&&i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-timeline {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-flex: 1;\n        -ms-flex-positive: 1;\n            flex-grow: 1;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-timeline-left .p-timeline-event-opposite {\n    text-align: right;\n}\n.p-timeline-left .p-timeline-event-content {\n    text-align: left;\n}\n.p-timeline-right .p-timeline-event {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: row-reverse;\n            flex-direction: row-reverse;\n}\n.p-timeline-right .p-timeline-event-opposite {\n    text-align: left;\n}\n.p-timeline-right .p-timeline-event-content {\n    text-align: right;\n}\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: row-reverse;\n            flex-direction: row-reverse;\n}\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {\n    text-align: right;\n}\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {\n    text-align: left;\n}\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {\n    text-align: left;\n}\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {\n    text-align: right;\n}\n.p-timeline-event {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    position: relative;\n    min-height: 70px;\n}\n.p-timeline-event:last-child {\n    min-height: 0;\n}\n.p-timeline-event-opposite {\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    padding: 0 1rem;\n}\n.p-timeline-event-content {\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    padding: 0 1rem;\n}\n.p-timeline-event-separator {\n    -webkit-box-flex: 0;\n        -ms-flex: 0;\n            flex: 0;\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-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-timeline-event-marker {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-item-align: baseline;\n        align-self: baseline;\n}\n.p-timeline-event-connector {\n    -webkit-box-flex: 1;\n        -ms-flex-positive: 1;\n            flex-grow: 1;\n}\n.p-timeline-horizontal {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n}\n.p-timeline-horizontal .p-timeline-event {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n}\n.p-timeline-horizontal .p-timeline-event:last-child {\n    -webkit-box-flex: 0;\n        -ms-flex: 0;\n            flex: 0;\n}\n.p-timeline-horizontal .p-timeline-event-separator {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n}\n.p-timeline-horizontal .p-timeline-event-connector  {\n    width: 100%;\n}\n.p-timeline-bottom .p-timeline-event {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: column-reverse;\n            flex-direction: column-reverse;\n}\n.p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: column-reverse;\n            flex-direction: column-reverse;\n}\n"),t.render=function(e,t,a,s,c,p){return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(p.containerClass)},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(a.value,((t,s)=>(n.openBlock(),n.createElementBlock("div",{key:p.getKey(t,s),class:"p-timeline-event"},[n.createElementVNode("div",i,[n.renderSlot(e.$slots,"opposite",{item:t,index:s})]),n.createElementVNode("div",l,[n.renderSlot(e.$slots,"marker",{item:t,index:s},(()=>[o])),s!==a.value.length-1?n.renderSlot(e.$slots,"connector",{key:0},(()=>[r])):n.createCommentVNode("",!0)]),n.createElementVNode("div",m,[n.renderSlot(e.$slots,"content",{item:t,index:s})])])))),128))],2)},t}(primevue.utils,Vue);

package/toast/Toast.vue

@@ -11,7 +11,7 @@
 <script>
 import ToastEventBus from 'primevue/toasteventbus';
 import ToastMessage from './ToastMessage.vue';
-import {ZIndexUtils,UniqueComponentId} from 'primevue/utils';
+import {ZIndexUtils,UniqueComponentId,ObjectUtils} from 'primevue/utils';
 
 var messageIdx = 0;
 
@@ -106,7 +106,7 @@ export default {
             }
         },
         onLeave() {
-            if (this.$refs.container && this.autoZIndex) {
+            if (this.$refs.container && this.autoZIndex && ObjectUtils.isEmpty(this.messages)) {
                 ZIndexUtils.clear(this.$refs.container);
             }
         },

package/toast/toast.cjs.js

@@ -62,33 +62,38 @@ var script$1 = {
         }
     },
     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.createVNode("span", { class: "p-toast-icon-close-icon pi pi-times" }, null, -1);
+const _hoisted_4 = /*#__PURE__*/vue.createElementVNode("span", { class: "p-toast-icon-close-icon pi pi-times" }, null, -1);
+const _hoisted_5 = [
+  _hoisted_4
+];
 
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_ripple = vue.resolveDirective("ripple");
 
-  return (vue.openBlock(), vue.createBlock("div", {
-    class: $options.containerClass,
+  return (vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass($options.containerClass),
     role: "alert",
     "aria-live": "assertive",
     "aria-atomic": "true"
   }, [
-    vue.createVNode("div", {
-      class: ["p-toast-message-content", $props.message.contentStyleClass]
+    vue.createElementVNode("div", {
+      class: vue.normalizeClass(["p-toast-message-content", $props.message.contentStyleClass])
     }, [
       (!$props.template)
-        ? (vue.openBlock(), vue.createBlock(vue.Fragment, { key: 0 }, [
-            vue.createVNode("span", { class: $options.iconClass }, null, 2),
-            vue.createVNode("div", _hoisted_1, [
-              vue.createVNode("span", _hoisted_2, vue.toDisplayString($props.message.summary), 1),
-              vue.createVNode("div", _hoisted_3, vue.toDisplayString($props.message.detail), 1)
+        ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass($options.iconClass)
+            }, null, 2),
+            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), {
@@ -96,14 +101,12 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
             message: $props.message
           }, null, 8, ["message"])),
       ($props.message.closable !== false)
-        ? vue.withDirectives((vue.openBlock(), vue.createBlock("button", {
+        ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
             key: 2,
             class: "p-toast-icon-close p-link",
-            onClick: _cache[1] || (_cache[1] = (...args) => ($options.onCloseClick && $options.onCloseClick(...args))),
+            onClick: _cache[0] || (_cache[0] = (...args) => ($options.onCloseClick && $options.onCloseClick(...args))),
             type: "button"
-          }, [
-            _hoisted_4
-          ], 512)), [
+          }, _hoisted_5)), [
             [_directive_ripple]
           ])
         : vue.createCommentVNode("", true)
@@ -147,9 +150,9 @@ var script = {
     },
     styleElement: null,
     mounted() {
-        ToastEventBus__default['default'].on('add', this.onAdd);
-        ToastEventBus__default['default'].on('remove-group', this.onRemoveGroup);
-        ToastEventBus__default['default'].on('remove-all-groups', this.onRemoveAllGroups);
+        ToastEventBus__default["default"].on('add', this.onAdd);
+        ToastEventBus__default["default"].on('remove-group', this.onRemoveGroup);
+        ToastEventBus__default["default"].on('remove-all-groups', this.onRemoveAllGroups);
 
         if (this.breakpoints) {
             this.createStyle();
@@ -162,9 +165,9 @@ var script = {
             utils.ZIndexUtils.clear(this.$refs.container);
         }
 
-        ToastEventBus__default['default'].off('add', this.onAdd);
-        ToastEventBus__default['default'].off('remove-group', this.onRemoveGroup);
-        ToastEventBus__default['default'].off('remove-all-groups', this.onRemoveAllGroups);
+        ToastEventBus__default["default"].off('add', this.onAdd);
+        ToastEventBus__default["default"].off('remove-group', this.onRemoveGroup);
+        ToastEventBus__default["default"].off('remove-all-groups', this.onRemoveAllGroups);
     },
     methods: {
         add(message) {
@@ -206,7 +209,7 @@ var script = {
             }
         },
         onLeave() {
-            if (this.$refs.container && this.autoZIndex) {
+            if (this.$refs.container && this.autoZIndex && utils.ObjectUtils.isEmpty(this.messages)) {
                 utils.ZIndexUtils.clear(this.$refs.container);
             }
         },
@@ -261,7 +264,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ToastMessage = vue.resolveComponent("ToastMessage");
 
   return (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
-    vue.createVNode("div", vue.mergeProps({
+    vue.createElementVNode("div", vue.mergeProps({
       ref: "container",
       class: $options.containerClass
     }, _ctx.$attrs), [
@@ -272,11 +275,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         onLeave: $options.onLeave
       }, {
         default: vue.withCtx(() => [
-          (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($data.messages, (msg) => {
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($data.messages, (msg) => {
             return (vue.openBlock(), vue.createBlock(_component_ToastMessage, {
               key: msg.id,
               message: msg,
-              onClose: _cache[1] || (_cache[1] = $event => ($options.remove($event))),
+              onClose: _cache[0] || (_cache[0] = $event => ($options.remove($event))),
               template: _ctx.$slots.message
             }, null, 8, ["message", "template"]))
           }), 128))

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");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(e),i={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:o(t).default}};const r={class:"p-toast-message-text"},l={class:"p-toast-summary"},m={class:"p-toast-detail"},p=s.createVNode("span",{class:"p-toast-icon-close-icon pi pi-times"},null,-1);i.render=function(e,t,n,o,a,i){const c=s.resolveDirective("ripple");return s.openBlock(),s.createBlock("div",{class:i.containerClass,role:"alert","aria-live":"assertive","aria-atomic":"true"},[s.createVNode("div",{class:["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.createBlock(s.Fragment,{key:0},[s.createVNode("span",{class:i.iconClass},null,2),s.createVNode("div",r,[s.createVNode("span",l,s.toDisplayString(n.message.summary),1),s.createVNode("div",m,s.toDisplayString(n.message.detail),1)])],64)),!1!==n.message.closable?s.withDirectives((s.openBlock(),s.createBlock("button",{key:2,class:"p-toast-icon-close p-link",onClick:t[1]||(t[1]=(...e)=>i.onCloseClick&&i.onCloseClick(...e)),type:"button"},[p],512)),[[c]]):s.createCommentVNode("",!0)],2)],2)};var c=0,d={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(){a.default.on("add",this.onAdd),a.default.on("remove-group",this.onRemoveGroup),a.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),a.default.off("add",this.onAdd),a.default.off("remove-group",this.onRemoveGroup),a.default.off("remove-all-groups",this.onRemoveAllGroups)},methods:{add(e){null==e.id&&(e.id=c++),this.messages=[...this.messages,e]},remove(e){let t=-1;for(let s=0;s<this.messages.length;s++)if(this.messages[s]===e){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.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:i},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"),d.render=function(e,t,n,o,a,i){const r=s.resolveComponent("ToastMessage");return s.openBlock(),s.createBlock(s.Teleport,{to:"body"},[s.createVNode("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.createBlock(s.Fragment,null,s.renderList(a.messages,(n=>(s.openBlock(),s.createBlock(r,{key:n.id,message:n,onClose:t[1]||(t[1]=e=>i.remove(e)),template:e.$slots.message},null,8,["message","template"])))),128))])),_:1},8,["onEnter","onLeave"])],16)])},module.exports=d;
+"use strict";var e=require("primevue/toasteventbus"),t=require("primevue/ripple"),s=require("vue"),n=require("primevue/utils");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(e),i={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:o(t).default}};const r={class:"p-toast-message-text"},l={class:"p-toast-summary"},m={class:"p-toast-detail"},p=[s.createElementVNode("span",{class:"p-toast-icon-close-icon pi pi-times"},null,-1)];i.render=function(e,t,n,o,a,i){const c=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",r,[s.createElementVNode("span",l,s.toDisplayString(n.message.summary),1),s.createElementVNode("div",m,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"},p)),[[c]]):s.createCommentVNode("",!0)],2)],2)};var c=0,d={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(){a.default.on("add",this.onAdd),a.default.on("remove-group",this.onRemoveGroup),a.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),a.default.off("add",this.onAdd),a.default.off("remove-group",this.onRemoveGroup),a.default.off("remove-all-groups",this.onRemoveAllGroups)},methods:{add(e){null==e.id&&(e.id=c++),this.messages=[...this.messages,e]},remove(e){let t=-1;for(let s=0;s<this.messages.length;s++)if(this.messages[s]===e){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:i},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"),d.render=function(e,t,n,o,a,i){const r=s.resolveComponent("ToastMessage");return s.openBlock(),s.createBlock(s.Teleport,{to:"body"},[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)])},module.exports=d;

package/toast/toast.esm.js

@@ -1,7 +1,7 @@
 import ToastEventBus from 'primevue/toasteventbus';
 import Ripple from 'primevue/ripple';
-import { resolveDirective, openBlock, createBlock, createVNode, Fragment, toDisplayString, resolveDynamicComponent, withDirectives, createCommentVNode, resolveComponent, Teleport, mergeProps, TransitionGroup, withCtx, renderList } from 'vue';
-import { ZIndexUtils, UniqueComponentId } from 'primevue/utils';
+import { resolveDirective, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, toDisplayString, createBlock, resolveDynamicComponent, withDirectives, createCommentVNode, resolveComponent, Teleport, mergeProps, createVNode, TransitionGroup, withCtx, renderList } from 'vue';
+import { ZIndexUtils, ObjectUtils, UniqueComponentId } from 'primevue/utils';
 
 var script$1 = {
     name: 'ToastMessage',
@@ -62,26 +62,31 @@ var script$1 = {
 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__*/createVNode("span", { class: "p-toast-icon-close-icon pi pi-times" }, null, -1);
+const _hoisted_4 = /*#__PURE__*/createElementVNode("span", { class: "p-toast-icon-close-icon pi pi-times" }, null, -1);
+const _hoisted_5 = [
+  _hoisted_4
+];
 
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_ripple = resolveDirective("ripple");
 
-  return (openBlock(), createBlock("div", {
-    class: $options.containerClass,
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass($options.containerClass),
     role: "alert",
     "aria-live": "assertive",
     "aria-atomic": "true"
   }, [
-    createVNode("div", {
-      class: ["p-toast-message-content", $props.message.contentStyleClass]
+    createElementVNode("div", {
+      class: normalizeClass(["p-toast-message-content", $props.message.contentStyleClass])
     }, [
       (!$props.template)
-        ? (openBlock(), createBlock(Fragment, { key: 0 }, [
-            createVNode("span", { class: $options.iconClass }, null, 2),
-            createVNode("div", _hoisted_1, [
-              createVNode("span", _hoisted_2, toDisplayString($props.message.summary), 1),
-              createVNode("div", _hoisted_3, toDisplayString($props.message.detail), 1)
+        ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createElementVNode("span", {
+              class: normalizeClass($options.iconClass)
+            }, null, 2),
+            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), {
@@ -89,14 +94,12 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
             message: $props.message
           }, null, 8, ["message"])),
       ($props.message.closable !== false)
-        ? withDirectives((openBlock(), createBlock("button", {
+        ? withDirectives((openBlock(), createElementBlock("button", {
             key: 2,
             class: "p-toast-icon-close p-link",
-            onClick: _cache[1] || (_cache[1] = (...args) => ($options.onCloseClick && $options.onCloseClick(...args))),
+            onClick: _cache[0] || (_cache[0] = (...args) => ($options.onCloseClick && $options.onCloseClick(...args))),
             type: "button"
-          }, [
-            _hoisted_4
-          ], 512)), [
+          }, _hoisted_5)), [
             [_directive_ripple]
           ])
         : createCommentVNode("", true)
@@ -199,7 +202,7 @@ var script = {
             }
         },
         onLeave() {
-            if (this.$refs.container && this.autoZIndex) {
+            if (this.$refs.container && this.autoZIndex && ObjectUtils.isEmpty(this.messages)) {
                 ZIndexUtils.clear(this.$refs.container);
             }
         },
@@ -254,7 +257,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ToastMessage = resolveComponent("ToastMessage");
 
   return (openBlock(), createBlock(Teleport, { to: "body" }, [
-    createVNode("div", mergeProps({
+    createElementVNode("div", mergeProps({
       ref: "container",
       class: $options.containerClass
     }, _ctx.$attrs), [
@@ -265,11 +268,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         onLeave: $options.onLeave
       }, {
         default: withCtx(() => [
-          (openBlock(true), createBlock(Fragment, null, renderList($data.messages, (msg) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList($data.messages, (msg) => {
             return (openBlock(), createBlock(_component_ToastMessage, {
               key: msg.id,
               message: msg,
-              onClose: _cache[1] || (_cache[1] = $event => ($options.remove($event))),
+              onClose: _cache[0] || (_cache[0] = $event => ($options.remove($event))),
               template: _ctx.$slots.message
             }, null, 8, ["message", "template"]))
           }), 128))
@@ -312,4 +315,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

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,createBlock as o,createVNode as i,Fragment as a,toDisplayString as r,resolveDynamicComponent as l,withDirectives as m,createCommentVNode as p,resolveComponent as c,Teleport as h,mergeProps as u,TransitionGroup as d,withCtx as f,renderList as g}from"vue";import{ZIndexUtils as y,UniqueComponentId as b}from"primevue/utils";var v={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 x={class:"p-toast-message-text"},k={class:"p-toast-summary"},w={class:"p-toast-detail"},C=i("span",{class:"p-toast-icon-close-icon pi pi-times"},null,-1);v.render=function(e,t,c,h,u,d){const f=s("ripple");return n(),o("div",{class:d.containerClass,role:"alert","aria-live":"assertive","aria-atomic":"true"},[i("div",{class:["p-toast-message-content",c.message.contentStyleClass]},[c.template?(n(),o(l(c.template),{key:1,message:c.message},null,8,["message"])):(n(),o(a,{key:0},[i("span",{class:d.iconClass},null,2),i("div",x,[i("span",k,r(c.message.summary),1),i("div",w,r(c.message.detail),1)])],64)),!1!==c.message.closable?m((n(),o("button",{key:2,class:"p-toast-icon-close p-link",onClick:t[1]||(t[1]=(...e)=>d.onCloseClick&&d.onCloseClick(...e)),type:"button"},[C],512)),[[f]]):p("",!0)],2)],2)};var T=0,E={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&&y.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=T++),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&&y.set("modal",this.$refs.container,this.baseZIndex||this.$primevue.config.zIndex.modal)},onLeave(){this.$refs.container&&this.autoZIndex&&y.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:v},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:()=>b()}};!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"),E.render=function(e,t,s,r,l,m){const p=c("ToastMessage");return n(),o(h,{to:"body"},[i("div",u({ref:"container",class:m.containerClass},e.$attrs),[i(d,{name:"p-toast-message",tag:"div",onEnter:m.onEnter,onLeave:m.onLeave},{default:f((()=>[(n(!0),o(a,null,g(l.messages,(s=>(n(),o(p,{key:s.id,message:s,onClose:t[1]||(t[1]=e=>m.remove(e)),template:e.$slots.message},null,8,["message","template"])))),128))])),_:1},8,["onEnter","onLeave"])],16)])};export default E;
+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 h,resolveComponent as u,Teleport as d,mergeProps as f,createVNode as g,TransitionGroup as y,withCtx as b,renderList as v}from"vue";import{ZIndexUtils as x,ObjectUtils as k,UniqueComponentId as w}from"primevue/utils";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,u,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",u.message.contentStyleClass])},[u.template?(n(),m(p(u.template),{key:1,message:u.message},null,8,["message"])):(n(),o(r,{key:0},[a("span",{class:i(g.iconClass)},null,2),a("div",T,[a("span",E,l(u.message.summary),1),a("div",$,l(u.message.detail),1)])],64)),!1!==u.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]]):h("",!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&&x.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&&x.set("modal",this.$refs.container,this.baseZIndex||this.$primevue.config.zIndex.modal)},onLeave(){this.$refs.container&&this.autoZIndex&&k.isEmpty(this.messages)&&x.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},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:()=>w()}};!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=u("ToastMessage");return n(),m(d,{to:"body"},[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:b((()=>[(n(!0),o(r,null,v(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)])};export{I as default};

package/toast/toast.js

@@ -59,33 +59,38 @@ this.primevue.toast = (function (ToastEventBus, Ripple, vue, utils) {
             }
         },
         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.createVNode("span", { class: "p-toast-icon-close-icon pi pi-times" }, null, -1);
+    const _hoisted_4 = /*#__PURE__*/vue.createElementVNode("span", { class: "p-toast-icon-close-icon pi pi-times" }, null, -1);
+    const _hoisted_5 = [
+      _hoisted_4
+    ];
 
     function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       const _directive_ripple = vue.resolveDirective("ripple");
 
-      return (vue.openBlock(), vue.createBlock("div", {
-        class: $options.containerClass,
+      return (vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass($options.containerClass),
         role: "alert",
         "aria-live": "assertive",
         "aria-atomic": "true"
       }, [
-        vue.createVNode("div", {
-          class: ["p-toast-message-content", $props.message.contentStyleClass]
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["p-toast-message-content", $props.message.contentStyleClass])
         }, [
           (!$props.template)
-            ? (vue.openBlock(), vue.createBlock(vue.Fragment, { key: 0 }, [
-                vue.createVNode("span", { class: $options.iconClass }, null, 2),
-                vue.createVNode("div", _hoisted_1, [
-                  vue.createVNode("span", _hoisted_2, vue.toDisplayString($props.message.summary), 1),
-                  vue.createVNode("div", _hoisted_3, vue.toDisplayString($props.message.detail), 1)
+            ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                vue.createElementVNode("span", {
+                  class: vue.normalizeClass($options.iconClass)
+                }, null, 2),
+                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), {
@@ -93,14 +98,12 @@ this.primevue.toast = (function (ToastEventBus, Ripple, vue, utils) {
                 message: $props.message
               }, null, 8, ["message"])),
           ($props.message.closable !== false)
-            ? vue.withDirectives((vue.openBlock(), vue.createBlock("button", {
+            ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
                 key: 2,
                 class: "p-toast-icon-close p-link",
-                onClick: _cache[1] || (_cache[1] = (...args) => ($options.onCloseClick && $options.onCloseClick(...args))),
+                onClick: _cache[0] || (_cache[0] = (...args) => ($options.onCloseClick && $options.onCloseClick(...args))),
                 type: "button"
-              }, [
-                _hoisted_4
-              ], 512)), [
+              }, _hoisted_5)), [
                 [_directive_ripple]
               ])
             : vue.createCommentVNode("", true)
@@ -144,9 +147,9 @@ this.primevue.toast = (function (ToastEventBus, Ripple, vue, utils) {
         },
         styleElement: null,
         mounted() {
-            ToastEventBus__default['default'].on('add', this.onAdd);
-            ToastEventBus__default['default'].on('remove-group', this.onRemoveGroup);
-            ToastEventBus__default['default'].on('remove-all-groups', this.onRemoveAllGroups);
+            ToastEventBus__default["default"].on('add', this.onAdd);
+            ToastEventBus__default["default"].on('remove-group', this.onRemoveGroup);
+            ToastEventBus__default["default"].on('remove-all-groups', this.onRemoveAllGroups);
 
             if (this.breakpoints) {
                 this.createStyle();
@@ -159,9 +162,9 @@ this.primevue.toast = (function (ToastEventBus, Ripple, vue, utils) {
                 utils.ZIndexUtils.clear(this.$refs.container);
             }
 
-            ToastEventBus__default['default'].off('add', this.onAdd);
-            ToastEventBus__default['default'].off('remove-group', this.onRemoveGroup);
-            ToastEventBus__default['default'].off('remove-all-groups', this.onRemoveAllGroups);
+            ToastEventBus__default["default"].off('add', this.onAdd);
+            ToastEventBus__default["default"].off('remove-group', this.onRemoveGroup);
+            ToastEventBus__default["default"].off('remove-all-groups', this.onRemoveAllGroups);
         },
         methods: {
             add(message) {
@@ -203,7 +206,7 @@ this.primevue.toast = (function (ToastEventBus, Ripple, vue, utils) {
                 }
             },
             onLeave() {
-                if (this.$refs.container && this.autoZIndex) {
+                if (this.$refs.container && this.autoZIndex && utils.ObjectUtils.isEmpty(this.messages)) {
                     utils.ZIndexUtils.clear(this.$refs.container);
                 }
             },
@@ -258,7 +261,7 @@ this.primevue.toast = (function (ToastEventBus, Ripple, vue, utils) {
       const _component_ToastMessage = vue.resolveComponent("ToastMessage");
 
       return (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
-        vue.createVNode("div", vue.mergeProps({
+        vue.createElementVNode("div", vue.mergeProps({
           ref: "container",
           class: $options.containerClass
         }, _ctx.$attrs), [
@@ -269,11 +272,11 @@ this.primevue.toast = (function (ToastEventBus, Ripple, vue, utils) {
             onLeave: $options.onLeave
           }, {
             default: vue.withCtx(() => [
-              (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($data.messages, (msg) => {
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($data.messages, (msg) => {
                 return (vue.openBlock(), vue.createBlock(_component_ToastMessage, {
                   key: msg.id,
                   message: msg,
-                  onClose: _cache[1] || (_cache[1] = $event => ($options.remove($event))),
+                  onClose: _cache[0] || (_cache[0] = $event => ($options.remove($event))),
                   template: _ctx.$slots.message
                 }, null, 8, ["message", "template"]))
               }), 128))
@@ -318,4 +321,4 @@ this.primevue.toast = (function (ToastEventBus, Ripple, vue, utils) {
 
     return script;
 
-}(primevue.toasteventbus, primevue.ripple, Vue, primevue.utils));
+})(primevue.toasteventbus, primevue.ripple, Vue, primevue.utils);

package/toast/toast.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.toast=function(e,t,s,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(e),i={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:o(t).default}};const r={class:"p-toast-message-text"},l={class:"p-toast-summary"},m={class:"p-toast-detail"},p=s.createVNode("span",{class:"p-toast-icon-close-icon pi pi-times"},null,-1);i.render=function(e,t,n,o,a,i){const c=s.resolveDirective("ripple");return s.openBlock(),s.createBlock("div",{class:i.containerClass,role:"alert","aria-live":"assertive","aria-atomic":"true"},[s.createVNode("div",{class:["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.createBlock(s.Fragment,{key:0},[s.createVNode("span",{class:i.iconClass},null,2),s.createVNode("div",r,[s.createVNode("span",l,s.toDisplayString(n.message.summary),1),s.createVNode("div",m,s.toDisplayString(n.message.detail),1)])],64)),!1!==n.message.closable?s.withDirectives((s.openBlock(),s.createBlock("button",{key:2,class:"p-toast-icon-close p-link",onClick:t[1]||(t[1]=(...e)=>i.onCloseClick&&i.onCloseClick(...e)),type:"button"},[p],512)),[[c]]):s.createCommentVNode("",!0)],2)],2)};var c=0,d={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(){a.default.on("add",this.onAdd),a.default.on("remove-group",this.onRemoveGroup),a.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),a.default.off("add",this.onAdd),a.default.off("remove-group",this.onRemoveGroup),a.default.off("remove-all-groups",this.onRemoveAllGroups)},methods:{add(e){null==e.id&&(e.id=c++),this.messages=[...this.messages,e]},remove(e){let t=-1;for(let s=0;s<this.messages.length;s++)if(this.messages[s]===e){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.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:i},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()}};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: -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"),d.render=function(e,t,n,o,a,i){const r=s.resolveComponent("ToastMessage");return s.openBlock(),s.createBlock(s.Teleport,{to:"body"},[s.createVNode("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.createBlock(s.Fragment,null,s.renderList(a.messages,(n=>(s.openBlock(),s.createBlock(r,{key:n.id,message:n,onClose:t[1]||(t[1]=e=>i.remove(e)),template:e.$slots.message},null,8,["message","template"])))),128))])),_:1},8,["onEnter","onLeave"])],16)])},d}(primevue.toasteventbus,primevue.ripple,Vue,primevue.utils);
+this.primevue=this.primevue||{},this.primevue.toast=function(e,t,s,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(e),i={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:o(t).default}};const l={class:"p-toast-message-text"},r={class:"p-toast-summary"},m={class:"p-toast-detail"},p=[s.createElementVNode("span",{class:"p-toast-icon-close-icon pi pi-times"},null,-1)];i.render=function(e,t,n,o,a,i){const c=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",l,[s.createElementVNode("span",r,s.toDisplayString(n.message.summary),1),s.createElementVNode("div",m,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"},p)),[[c]]):s.createCommentVNode("",!0)],2)],2)};var c=0,d={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(){a.default.on("add",this.onAdd),a.default.on("remove-group",this.onRemoveGroup),a.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),a.default.off("add",this.onAdd),a.default.off("remove-group",this.onRemoveGroup),a.default.off("remove-all-groups",this.onRemoveAllGroups)},methods:{add(e){null==e.id&&(e.id=c++),this.messages=[...this.messages,e]},remove(e){let t=-1;for(let s=0;s<this.messages.length;s++)if(this.messages[s]===e){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:i},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()}};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: -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"),d.render=function(e,t,n,o,a,i){const l=s.resolveComponent("ToastMessage");return s.openBlock(),s.createBlock(s.Teleport,{to:"body"},[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(l,{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)])},d}(primevue.toasteventbus,primevue.ripple,Vue,primevue.utils);

package/toasteventbus/toasteventbus.esm.js

@@ -2,4 +2,4 @@ import { EventBus } from 'primevue/utils';
 
 var ToastEventBus = EventBus();
 
-export default ToastEventBus;
+export { ToastEventBus as default };

package/toasteventbus/toasteventbus.esm.min.js

@@ -1 +1 @@
-import{EventBus as r}from"primevue/utils";var e=r();export default e;
+import{EventBus as r}from"primevue/utils";var e=r();export{e as default};

package/toasteventbus/toasteventbus.js

@@ -6,4 +6,4 @@ this.primevue.toasteventbus = (function (utils) {
 
 	return ToastEventBus;
 
-}(primevue.utils));
+})(primevue.utils);