primevue
Version:
PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc
2 lines (1 loc) • 3.89 kB
JavaScript
"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function e(t){return e="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},e(t)}function n(t,n,s){var r;return(n="symbol"==e(r=o(n,"string"))?r:String(r))in t?Object.defineProperty(t,n,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[n]=s,t}function o(t,n){if("object"!=e(t)||!t)return t;var o=t[Symbol.toPrimitive];if(void 0!==o){var s=o.call(t,n||"default");if("object"!=e(s))return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}var s=t(require("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=t.props;return["p-toast-message-icon",n(n(n(n({},e.infoIcon,"info"===e.message.severity),e.warnIcon,"warn"===e.message.severity),e.errorIcon,"error"===e.message.severity),e.successIcon,"success"===e.message.severity)]},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}}}});module.exports=s;