primevue/toast/style/toaststyle.min.js

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [![Discord Chat](https://img.shields.io/discord/55794023

this.primevue=this.primevue||{},this.primevue.toast=this.primevue.toast||{},this.primevue.toast.style=function(t){"use strict";function e(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function o(t,e,n){return(e=s(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function s(t){var e=r(t,"string");return"symbol"===n(e)?e:String(e)}function r(t,e){if("object"!==n(t)||null===t)return t;var o=t[Symbol.toPrimitive];if(void 0!==o){var s=o.call(t,e||"default");if("object"!==n(s))return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}return e(primevue.base.style).default.extend({name:"toast",css:"\n@layer primevue {\n    .p-toast {\n        width: 25rem;\n        white-space: pre-line;\n        word-break: break-word;\n    }\n\n    .p-toast-message-icon {\n        flex-shrink: 0;\n    }\n\n    .p-toast-message-content {\n        display: flex;\n        align-items: flex-start;\n    }\n\n    .p-toast-message-text {\n        flex: 1 1 auto;\n    }\n\n    .p-toast-top-center {\n        transform: translateX(-50%);\n    }\n\n    .p-toast-bottom-center {\n        transform: translateX(-50%);\n    }\n\n    .p-toast-center {\n        min-width: 20vw;\n        transform: translate(-50%, -50%);\n    }\n\n    .p-toast-icon-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-toast-icon-close.p-link {\n        cursor: pointer;\n    }\n\n    /* Animations */\n    .p-toast-message-enter-from {\n        opacity: 0;\n        -webkit-transform: translateY(50%);\n        -ms-transform: translateY(50%);\n        transform: translateY(50%);\n    }\n\n    .p-toast-message-leave-from {\n        max-height: 1000px;\n    }\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\n    .p-toast-message-enter-active {\n        -webkit-transition: transform 0.3s, opacity 0.3s;\n        transition: transform 0.3s, opacity 0.3s;\n    }\n\n    .p-toast-message-leave-active {\n        -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n    }\n}\n",classes:{root:function(t){var e=t.instance;return["p-toast p-component p-toast-"+t.props.position,{"p-input-filled":"filled"===e.$primevue.config.inputStyle,"p-ripple-disabled":!1===e.$primevue.config.ripple}]},container:function(t){var e=t.props;return["p-toast-message",{"p-toast-message-info":"info"===e.message.severity||void 0===e.message.severity,"p-toast-message-warn":"warn"===e.message.severity,"p-toast-message-error":"error"===e.message.severity,"p-toast-message-success":"success"===e.message.severity}]},content:"p-toast-message-content",icon:function(t){var e,n=t.props;return["p-toast-message-icon",(e={},o(e,n.infoIcon,"info"===n.message.severity),o(e,n.warnIcon,"warn"===n.message.severity),o(e,n.errorIcon,"error"===n.message.severity),o(e,n.successIcon,"success"===n.message.severity),e)]},text:"p-toast-message-text",summary:"p-toast-summary",detail:"p-toast-detail",closeButton:"p-toast-icon-close p-link",closeIcon:"p-toast-icon-close-icon"},inlineStyles:{root:function(t){var e=t.position;return{position:"fixed",top:"top-right"===e||"top-left"===e||"top-center"===e?"20px":"center"===e?"50%":null,right:("top-right"===e||"bottom-right"===e)&&"20px",bottom:("bottom-left"===e||"bottom-right"===e||"bottom-center"===e)&&"20px",left:"top-left"===e||"bottom-left"===e?"20px":"center"===e||"top-center"===e||"bottom-center"===e?"50%":null}}}})}();