58 lines
3.1 KiB
JavaScript
58 lines
3.1 KiB
JavaScript
import { style } from '@primeuix/styles/toast';
|
|
import BaseStyle from '@primevue/core/base/style';
|
|
|
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
|
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
|
|
// Position
|
|
var inlineStyles = {
|
|
root: function root(_ref) {
|
|
var position = _ref.position;
|
|
return {
|
|
position: 'fixed',
|
|
top: position === 'top-right' || position === 'top-left' || position === 'top-center' ? '20px' : position === 'center' ? '50%' : null,
|
|
right: (position === 'top-right' || position === 'bottom-right') && '20px',
|
|
bottom: (position === 'bottom-left' || position === 'bottom-right' || position === 'bottom-center') && '20px',
|
|
left: position === 'top-left' || position === 'bottom-left' ? '20px' : position === 'center' || position === 'top-center' || position === 'bottom-center' ? '50%' : null
|
|
};
|
|
}
|
|
};
|
|
var classes = {
|
|
root: function root(_ref2) {
|
|
var props = _ref2.props;
|
|
return ['p-toast p-component p-toast-' + props.position];
|
|
},
|
|
message: function message(_ref3) {
|
|
var props = _ref3.props;
|
|
return ['p-toast-message', {
|
|
'p-toast-message-info': props.message.severity === 'info' || props.message.severity === undefined,
|
|
'p-toast-message-warn': props.message.severity === 'warn',
|
|
'p-toast-message-error': props.message.severity === 'error',
|
|
'p-toast-message-success': props.message.severity === 'success',
|
|
'p-toast-message-secondary': props.message.severity === 'secondary',
|
|
'p-toast-message-contrast': props.message.severity === 'contrast'
|
|
}];
|
|
},
|
|
messageContent: 'p-toast-message-content',
|
|
messageIcon: function messageIcon(_ref4) {
|
|
var props = _ref4.props;
|
|
return ['p-toast-message-icon', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, props.infoIcon, props.message.severity === 'info'), props.warnIcon, props.message.severity === 'warn'), props.errorIcon, props.message.severity === 'error'), props.successIcon, props.message.severity === 'success')];
|
|
},
|
|
messageText: 'p-toast-message-text',
|
|
summary: 'p-toast-summary',
|
|
detail: 'p-toast-detail',
|
|
closeButton: 'p-toast-close-button',
|
|
closeIcon: 'p-toast-close-icon'
|
|
};
|
|
var ToastStyle = BaseStyle.extend({
|
|
name: 'toast',
|
|
style: style,
|
|
classes: classes,
|
|
inlineStyles: inlineStyles
|
|
});
|
|
|
|
export { ToastStyle as default };
|
|
//# sourceMappingURL=index.mjs.map
|