primevue 2.4.2 → 2.7.0

package/toast/toast.common.js

@@ -2557,7 +2557,7 @@ exports = module.exports = __webpack_require__("2350")(false);
 
 
 // module
-exports.push([module.i, ".p-toast{position:fixed;width:25rem}.p-toast-message-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.p-toast-message-text{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.p-toast-top-right{top:20px;right:20px}.p-toast-top-left{top:20px;left:20px}.p-toast-bottom-left{bottom:20px;left:20px}.p-toast-bottom-right{bottom:20px;right:20px}.p-toast-top-center{top:20px;left:50%;margin-left:-10em}.p-toast-bottom-center{bottom:20px;left:50%;margin-left:-10em}.p-toast-center{left:50%;top:50%;min-width:20vw;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.p-toast-icon-close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative}.p-toast-icon-close.p-link{cursor:pointer}.p-toast-message-enter{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}.p-toast-message-leave{max-height:1000px}.p-toast .p-toast-message.p-toast-message-leave-to{max-height:0;opacity:0;margin-bottom:0;overflow:hidden}.p-toast-message-enter-active{-webkit-transition:transform .3s,opacity .3s;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.p-toast-message-leave-active{-webkit-transition:max-height .45s cubic-bezier(0,1,0,1),opacity .3s,margin-bottom .3s;transition:max-height .45s cubic-bezier(0,1,0,1),opacity .3s,margin-bottom .3s}", ""]);
+exports.push([module.i, ".p-toast{position:fixed;width:25rem}.p-toast-message-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.p-toast-message-text{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.p-toast-top-right{top:20px;right:20px}.p-toast-top-left{top:20px;left:20px}.p-toast-bottom-left{bottom:20px;left:20px}.p-toast-bottom-right{bottom:20px;right:20px}.p-toast-top-center{top:20px}.p-toast-bottom-center,.p-toast-top-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.p-toast-bottom-center{bottom:20px}.p-toast-center{left:50%;top:50%;min-width:20vw;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.p-toast-icon-close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative}.p-toast-icon-close.p-link{cursor:pointer}.p-toast-message-enter{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}.p-toast-message-leave{max-height:1000px}.p-toast .p-toast-message.p-toast-message-leave-to{max-height:0;opacity:0;margin-bottom:0;overflow:hidden}.p-toast-message-enter-active{-webkit-transition:transform .3s,opacity .3s;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.p-toast-message-leave-active{-webkit-transition:max-height .45s cubic-bezier(0,1,0,1),opacity .3s,margin-bottom .3s;transition:max-height .45s cubic-bezier(0,1,0,1),opacity .3s,margin-bottom .3s}", ""]);
 
 // exports
 
@@ -4627,12 +4627,12 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"271bee23-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/toast/Toast.vue?vue&type=template&id=37021435&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",class:_vm.containerClass},[_c('transition-group',{attrs:{"name":"p-toast-message","tag":"div"}},_vm._l((_vm.messages),function(msg){return _c('ToastMessage',{key:msg.id,attrs:{"message":msg},on:{"close":function($event){return _vm.remove($event)}}})}),1)],1)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9d50adc0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/toast/Toast.vue?vue&type=template&id=49c23346&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",class:_vm.containerClass},[_c('transition-group',{attrs:{"name":"p-toast-message","tag":"div"},on:{"enter":_vm.onEnter}},_vm._l((_vm.messages),function(msg){return _c('ToastMessage',{key:msg.id,attrs:{"message":msg,"templates":_vm.$scopedSlots},on:{"close":function($event){return _vm.remove($event)}}})}),1)],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/toast/Toast.vue?vue&type=template&id=37021435&
+// CONCATENATED MODULE: ./src/components/toast/Toast.vue?vue&type=template&id=49c23346&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs2/core-js/array/is-array.js
 var is_array = __webpack_require__("a745");
@@ -4707,12 +4707,12 @@ var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpac
 
 var EventBus = new external_commonjs_vue_commonjs2_vue_root_Vue_default.a();
 /* harmony default export */ var ToastEventBus = (EventBus);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"271bee23-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/toast/ToastMessage.vue?vue&type=template&id=52b20c78&
-var ToastMessagevue_type_template_id_52b20c78_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.containerClass,attrs:{"role":"alert","aria-live":"assertive","aria-atomic":"true"}},[_c('div',{staticClass:"p-toast-message-content"},[_c('span',{class:_vm.iconClass}),_c('div',{staticClass:"p-toast-message-text"},[_c('span',{staticClass:"p-toast-summary"},[_vm._v(_vm._s(_vm.message.summary))]),_c('div',{staticClass:"p-toast-detail"},[_vm._v(_vm._s(_vm.message.detail))])]),(_vm.message.closable !== false)?_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-toast-icon-close p-link",attrs:{"type":"button"},on:{"click":_vm.onCloseClick}},[_c('span',{staticClass:"p-toast-icon-close-icon pi pi-times"})]):_vm._e()])])}
-var ToastMessagevue_type_template_id_52b20c78_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9d50adc0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/toast/ToastMessage.vue?vue&type=template&id=65233dd4&
+var ToastMessagevue_type_template_id_65233dd4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.containerClass,attrs:{"role":"alert","aria-live":"assertive","aria-atomic":"true"}},[_c('div',{staticClass:"p-toast-message-content",class:_vm.message.contentStyleClass},[(_vm.templates['message'])?_c('ToastMessageTemplate',{attrs:{"message":_vm.message,"template":_vm.templates['message']}}):[_c('span',{class:_vm.iconClass}),_c('div',{staticClass:"p-toast-message-text"},[_c('span',{staticClass:"p-toast-summary"},[_vm._v(_vm._s(_vm.message.summary))]),_c('div',{staticClass:"p-toast-detail"},[_vm._v(_vm._s(_vm.message.detail))])])],(_vm.message.closable !== false)?_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-toast-icon-close p-link",attrs:{"type":"button"},on:{"click":_vm.onCloseClick}},[_c('span',{staticClass:"p-toast-icon-close-icon pi pi-times"})]):_vm._e()],2)])}
+var ToastMessagevue_type_template_id_65233dd4_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/toast/ToastMessage.vue?vue&type=template&id=52b20c78&
+// CONCATENATED MODULE: ./src/components/toast/ToastMessage.vue?vue&type=template&id=65233dd4&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es7.symbol.async-iterator.js
 var es7_symbol_async_iterator = __webpack_require__("ac4d");
@@ -5320,6 +5320,11 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function isAndroid() {
       return /(android)/i.test(navigator.userAgent);
     }
+  }, {
+    key: "isTouchDevice",
+    value: function isTouchDevice() {
+      return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+    }
   }]);
 
   return DomHandler;
@@ -5420,10 +5425,33 @@ var Ripple = {
 //
 //
 //
+//
+//
+//
 
+var ToastMessageTemplate = {
+  functional: true,
+  props: {
+    message: {
+      type: null,
+      default: null
+    },
+    template: {
+      type: null,
+      default: null
+    }
+  },
+  render: function render(createElement, context) {
+    var content = context.props.template({
+      'message': context.props.message
+    });
+    return [content];
+  }
+};
 /* harmony default export */ var ToastMessagevue_type_script_lang_js_ = ({
   props: {
-    message: null
+    message: null,
+    templates: null
   },
   closeTimeout: null,
   mounted: function mounted() {
@@ -5435,21 +5463,27 @@ var Ripple = {
       }, this.message.life);
     }
   },
+  beforeDestroy: function beforeDestroy() {
+    this.clearCloseTimeout();
+  },
   methods: {
     close: function close() {
       this.$emit('close', this.message);
     },
     onCloseClick: function onCloseClick() {
+      this.clearCloseTimeout();
+      this.close();
+    },
+    clearCloseTimeout: function clearCloseTimeout() {
       if (this.closeTimeout) {
         clearTimeout(this.closeTimeout);
+        this.closeTimeout = null;
       }
-
-      this.close();
     }
   },
   computed: {
     containerClass: function containerClass() {
-      return ['p-toast-message', {
+      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',
@@ -5465,6 +5499,9 @@ var Ripple = {
       }];
     }
   },
+  components: {
+    'ToastMessageTemplate': ToastMessageTemplate
+  },
   directives: {
     'ripple': ripple_Ripple
   }
@@ -5581,8 +5618,8 @@ function normalizeComponent (
 
 var component = normalizeComponent(
   toast_ToastMessagevue_type_script_lang_js_,
-  ToastMessagevue_type_template_id_52b20c78_render,
-  ToastMessagevue_type_template_id_52b20c78_staticRenderFns,
+  ToastMessagevue_type_template_id_65233dd4_render,
+  ToastMessagevue_type_template_id_65233dd4_staticRenderFns,
   false,
   null,
   null,
@@ -5591,6 +5628,13 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var ToastMessage = (component.exports);
+// CONCATENATED MODULE: ./src/components/utils/UniqueComponentId.js
+var lastId = 0;
+/* harmony default export */ var UniqueComponentId = (function () {
+  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'pv_id_';
+  lastId++;
+  return "".concat(prefix).concat(lastId);
+});
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/toast/Toast.vue?vue&type=script&lang=js&
 
 
@@ -5605,6 +5649,7 @@ var component = normalizeComponent(
 
 
 
+
 var messageIdx = 0;
 /* harmony default export */ var Toastvue_type_script_lang_js_ = ({
   props: {
@@ -5623,6 +5668,10 @@ var messageIdx = 0;
     baseZIndex: {
       type: Number,
       default: 0
+    },
+    breakpoints: {
+      type: Object,
+      default: null
     }
   },
   data: function data() {
@@ -5630,6 +5679,7 @@ var messageIdx = 0;
       messages: []
     };
   },
+  styleElement: null,
   mounted: function mounted() {
     var _this = this;
 
@@ -5647,10 +5697,17 @@ var messageIdx = 0;
       _this.messages = [];
     });
     this.updateZIndex();
+
+    if (this.breakpoints) {
+      this.createStyle();
+    }
   },
   beforeUpdate: function beforeUpdate() {
     this.updateZIndex();
   },
+  beforeDestroy: function beforeDestroy() {
+    this.destroyStyle();
+  },
   methods: {
     add: function add(message) {
       if (message.id == null) {
@@ -5675,6 +5732,35 @@ var messageIdx = 0;
       if (this.autoZIndex) {
         this.$refs.container.style.zIndex = String(this.baseZIndex + DomHandler_DomHandler.generateZIndex());
       }
+    },
+    onEnter: function onEnter() {
+      this.$refs.container.setAttribute(this.attributeSelector, '');
+    },
+    createStyle: function createStyle() {
+      if (!this.styleElement) {
+        this.styleElement = document.createElement('style');
+        this.styleElement.type = 'text/css';
+        document.head.appendChild(this.styleElement);
+        var innerHTML = '';
+
+        for (var breakpoint in this.breakpoints) {
+          var breakpointStyle = '';
+
+          for (var styleProp in this.breakpoints[breakpoint]) {
+            breakpointStyle += styleProp + ':' + this.breakpoints[breakpoint][styleProp] + '!important;';
+          }
+
+          innerHTML += "\n                        @media screen and (max-width: ".concat(breakpoint, ") {\n                            .p-toast[").concat(this.attributeSelector, "] {\n                                ").concat(breakpointStyle, "\n                            }\n                        }\n                    ");
+        }
+
+        this.styleElement.innerHTML = innerHTML;
+      }
+    },
+    destroyStyle: function destroyStyle() {
+      if (this.styleElement) {
+        document.head.removeChild(this.styleElement);
+        this.styleElement = null;
+      }
     }
   },
   components: {
@@ -5683,6 +5769,9 @@ var messageIdx = 0;
   computed: {
     containerClass: function containerClass() {
       return 'p-toast p-component p-toast-' + this.position;
+    },
+    attributeSelector: function attributeSelector() {
+      return UniqueComponentId();
     }
   }
 });

package/toast/toast.umd.js

@@ -2566,7 +2566,7 @@ exports = module.exports = __webpack_require__("2350")(false);
 
 
 // module
-exports.push([module.i, ".p-toast{position:fixed;width:25rem}.p-toast-message-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.p-toast-message-text{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.p-toast-top-right{top:20px;right:20px}.p-toast-top-left{top:20px;left:20px}.p-toast-bottom-left{bottom:20px;left:20px}.p-toast-bottom-right{bottom:20px;right:20px}.p-toast-top-center{top:20px;left:50%;margin-left:-10em}.p-toast-bottom-center{bottom:20px;left:50%;margin-left:-10em}.p-toast-center{left:50%;top:50%;min-width:20vw;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.p-toast-icon-close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative}.p-toast-icon-close.p-link{cursor:pointer}.p-toast-message-enter{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}.p-toast-message-leave{max-height:1000px}.p-toast .p-toast-message.p-toast-message-leave-to{max-height:0;opacity:0;margin-bottom:0;overflow:hidden}.p-toast-message-enter-active{-webkit-transition:transform .3s,opacity .3s;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.p-toast-message-leave-active{-webkit-transition:max-height .45s cubic-bezier(0,1,0,1),opacity .3s,margin-bottom .3s;transition:max-height .45s cubic-bezier(0,1,0,1),opacity .3s,margin-bottom .3s}", ""]);
+exports.push([module.i, ".p-toast{position:fixed;width:25rem}.p-toast-message-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.p-toast-message-text{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.p-toast-top-right{top:20px;right:20px}.p-toast-top-left{top:20px;left:20px}.p-toast-bottom-left{bottom:20px;left:20px}.p-toast-bottom-right{bottom:20px;right:20px}.p-toast-top-center{top:20px}.p-toast-bottom-center,.p-toast-top-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.p-toast-bottom-center{bottom:20px}.p-toast-center{left:50%;top:50%;min-width:20vw;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.p-toast-icon-close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative}.p-toast-icon-close.p-link{cursor:pointer}.p-toast-message-enter{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}.p-toast-message-leave{max-height:1000px}.p-toast .p-toast-message.p-toast-message-leave-to{max-height:0;opacity:0;margin-bottom:0;overflow:hidden}.p-toast-message-enter-active{-webkit-transition:transform .3s,opacity .3s;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.p-toast-message-leave-active{-webkit-transition:max-height .45s cubic-bezier(0,1,0,1),opacity .3s,margin-bottom .3s;transition:max-height .45s cubic-bezier(0,1,0,1),opacity .3s,margin-bottom .3s}", ""]);
 
 // exports
 
@@ -4636,12 +4636,12 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"271bee23-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/toast/Toast.vue?vue&type=template&id=37021435&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",class:_vm.containerClass},[_c('transition-group',{attrs:{"name":"p-toast-message","tag":"div"}},_vm._l((_vm.messages),function(msg){return _c('ToastMessage',{key:msg.id,attrs:{"message":msg},on:{"close":function($event){return _vm.remove($event)}}})}),1)],1)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9d50adc0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/toast/Toast.vue?vue&type=template&id=49c23346&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",class:_vm.containerClass},[_c('transition-group',{attrs:{"name":"p-toast-message","tag":"div"},on:{"enter":_vm.onEnter}},_vm._l((_vm.messages),function(msg){return _c('ToastMessage',{key:msg.id,attrs:{"message":msg,"templates":_vm.$scopedSlots},on:{"close":function($event){return _vm.remove($event)}}})}),1)],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/toast/Toast.vue?vue&type=template&id=37021435&
+// CONCATENATED MODULE: ./src/components/toast/Toast.vue?vue&type=template&id=49c23346&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs2/core-js/array/is-array.js
 var is_array = __webpack_require__("a745");
@@ -4716,12 +4716,12 @@ var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpac
 
 var EventBus = new external_commonjs_vue_commonjs2_vue_root_Vue_default.a();
 /* harmony default export */ var ToastEventBus = (EventBus);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"271bee23-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/toast/ToastMessage.vue?vue&type=template&id=52b20c78&
-var ToastMessagevue_type_template_id_52b20c78_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.containerClass,attrs:{"role":"alert","aria-live":"assertive","aria-atomic":"true"}},[_c('div',{staticClass:"p-toast-message-content"},[_c('span',{class:_vm.iconClass}),_c('div',{staticClass:"p-toast-message-text"},[_c('span',{staticClass:"p-toast-summary"},[_vm._v(_vm._s(_vm.message.summary))]),_c('div',{staticClass:"p-toast-detail"},[_vm._v(_vm._s(_vm.message.detail))])]),(_vm.message.closable !== false)?_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-toast-icon-close p-link",attrs:{"type":"button"},on:{"click":_vm.onCloseClick}},[_c('span',{staticClass:"p-toast-icon-close-icon pi pi-times"})]):_vm._e()])])}
-var ToastMessagevue_type_template_id_52b20c78_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9d50adc0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/toast/ToastMessage.vue?vue&type=template&id=65233dd4&
+var ToastMessagevue_type_template_id_65233dd4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.containerClass,attrs:{"role":"alert","aria-live":"assertive","aria-atomic":"true"}},[_c('div',{staticClass:"p-toast-message-content",class:_vm.message.contentStyleClass},[(_vm.templates['message'])?_c('ToastMessageTemplate',{attrs:{"message":_vm.message,"template":_vm.templates['message']}}):[_c('span',{class:_vm.iconClass}),_c('div',{staticClass:"p-toast-message-text"},[_c('span',{staticClass:"p-toast-summary"},[_vm._v(_vm._s(_vm.message.summary))]),_c('div',{staticClass:"p-toast-detail"},[_vm._v(_vm._s(_vm.message.detail))])])],(_vm.message.closable !== false)?_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-toast-icon-close p-link",attrs:{"type":"button"},on:{"click":_vm.onCloseClick}},[_c('span',{staticClass:"p-toast-icon-close-icon pi pi-times"})]):_vm._e()],2)])}
+var ToastMessagevue_type_template_id_65233dd4_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/toast/ToastMessage.vue?vue&type=template&id=52b20c78&
+// CONCATENATED MODULE: ./src/components/toast/ToastMessage.vue?vue&type=template&id=65233dd4&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es7.symbol.async-iterator.js
 var es7_symbol_async_iterator = __webpack_require__("ac4d");
@@ -5329,6 +5329,11 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function isAndroid() {
       return /(android)/i.test(navigator.userAgent);
     }
+  }, {
+    key: "isTouchDevice",
+    value: function isTouchDevice() {
+      return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+    }
   }]);
 
   return DomHandler;
@@ -5429,10 +5434,33 @@ var Ripple = {
 //
 //
 //
+//
+//
+//
 
+var ToastMessageTemplate = {
+  functional: true,
+  props: {
+    message: {
+      type: null,
+      default: null
+    },
+    template: {
+      type: null,
+      default: null
+    }
+  },
+  render: function render(createElement, context) {
+    var content = context.props.template({
+      'message': context.props.message
+    });
+    return [content];
+  }
+};
 /* harmony default export */ var ToastMessagevue_type_script_lang_js_ = ({
   props: {
-    message: null
+    message: null,
+    templates: null
   },
   closeTimeout: null,
   mounted: function mounted() {
@@ -5444,21 +5472,27 @@ var Ripple = {
       }, this.message.life);
     }
   },
+  beforeDestroy: function beforeDestroy() {
+    this.clearCloseTimeout();
+  },
   methods: {
     close: function close() {
       this.$emit('close', this.message);
     },
     onCloseClick: function onCloseClick() {
+      this.clearCloseTimeout();
+      this.close();
+    },
+    clearCloseTimeout: function clearCloseTimeout() {
       if (this.closeTimeout) {
         clearTimeout(this.closeTimeout);
+        this.closeTimeout = null;
       }
-
-      this.close();
     }
   },
   computed: {
     containerClass: function containerClass() {
-      return ['p-toast-message', {
+      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',
@@ -5474,6 +5508,9 @@ var Ripple = {
       }];
     }
   },
+  components: {
+    'ToastMessageTemplate': ToastMessageTemplate
+  },
   directives: {
     'ripple': ripple_Ripple
   }
@@ -5590,8 +5627,8 @@ function normalizeComponent (
 
 var component = normalizeComponent(
   toast_ToastMessagevue_type_script_lang_js_,
-  ToastMessagevue_type_template_id_52b20c78_render,
-  ToastMessagevue_type_template_id_52b20c78_staticRenderFns,
+  ToastMessagevue_type_template_id_65233dd4_render,
+  ToastMessagevue_type_template_id_65233dd4_staticRenderFns,
   false,
   null,
   null,
@@ -5600,6 +5637,13 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var ToastMessage = (component.exports);
+// CONCATENATED MODULE: ./src/components/utils/UniqueComponentId.js
+var lastId = 0;
+/* harmony default export */ var UniqueComponentId = (function () {
+  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'pv_id_';
+  lastId++;
+  return "".concat(prefix).concat(lastId);
+});
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/toast/Toast.vue?vue&type=script&lang=js&
 
 
@@ -5614,6 +5658,7 @@ var component = normalizeComponent(
 
 
 
+
 var messageIdx = 0;
 /* harmony default export */ var Toastvue_type_script_lang_js_ = ({
   props: {
@@ -5632,6 +5677,10 @@ var messageIdx = 0;
     baseZIndex: {
       type: Number,
       default: 0
+    },
+    breakpoints: {
+      type: Object,
+      default: null
     }
   },
   data: function data() {
@@ -5639,6 +5688,7 @@ var messageIdx = 0;
       messages: []
     };
   },
+  styleElement: null,
   mounted: function mounted() {
     var _this = this;
 
@@ -5656,10 +5706,17 @@ var messageIdx = 0;
       _this.messages = [];
     });
     this.updateZIndex();
+
+    if (this.breakpoints) {
+      this.createStyle();
+    }
   },
   beforeUpdate: function beforeUpdate() {
     this.updateZIndex();
   },
+  beforeDestroy: function beforeDestroy() {
+    this.destroyStyle();
+  },
   methods: {
     add: function add(message) {
       if (message.id == null) {
@@ -5684,6 +5741,35 @@ var messageIdx = 0;
       if (this.autoZIndex) {
         this.$refs.container.style.zIndex = String(this.baseZIndex + DomHandler_DomHandler.generateZIndex());
       }
+    },
+    onEnter: function onEnter() {
+      this.$refs.container.setAttribute(this.attributeSelector, '');
+    },
+    createStyle: function createStyle() {
+      if (!this.styleElement) {
+        this.styleElement = document.createElement('style');
+        this.styleElement.type = 'text/css';
+        document.head.appendChild(this.styleElement);
+        var innerHTML = '';
+
+        for (var breakpoint in this.breakpoints) {
+          var breakpointStyle = '';
+
+          for (var styleProp in this.breakpoints[breakpoint]) {
+            breakpointStyle += styleProp + ':' + this.breakpoints[breakpoint][styleProp] + '!important;';
+          }
+
+          innerHTML += "\n                        @media screen and (max-width: ".concat(breakpoint, ") {\n                            .p-toast[").concat(this.attributeSelector, "] {\n                                ").concat(breakpointStyle, "\n                            }\n                        }\n                    ");
+        }
+
+        this.styleElement.innerHTML = innerHTML;
+      }
+    },
+    destroyStyle: function destroyStyle() {
+      if (this.styleElement) {
+        document.head.removeChild(this.styleElement);
+        this.styleElement = null;
+      }
     }
   },
   components: {
@@ -5692,6 +5778,9 @@ var messageIdx = 0;
   computed: {
     containerClass: function containerClass() {
       return 'p-toast p-component p-toast-' + this.position;
+    },
+    attributeSelector: function attributeSelector() {
+      return UniqueComponentId();
     }
   }
 });