62 lines
2.0 KiB
JavaScript
62 lines
2.0 KiB
JavaScript
import { style } from '@primeuix/styles/dialog';
|
|
import BaseStyle from '@primevue/core/base/style';
|
|
|
|
/* Position */
|
|
var inlineStyles = {
|
|
mask: function mask(_ref) {
|
|
var position = _ref.position,
|
|
modal = _ref.modal;
|
|
return {
|
|
position: 'fixed',
|
|
height: '100%',
|
|
width: '100%',
|
|
left: 0,
|
|
top: 0,
|
|
display: 'flex',
|
|
justifyContent: position === 'left' || position === 'topleft' || position === 'bottomleft' ? 'flex-start' : position === 'right' || position === 'topright' || position === 'bottomright' ? 'flex-end' : 'center',
|
|
alignItems: position === 'top' || position === 'topleft' || position === 'topright' ? 'flex-start' : position === 'bottom' || position === 'bottomleft' || position === 'bottomright' ? 'flex-end' : 'center',
|
|
pointerEvents: modal ? 'auto' : 'none'
|
|
};
|
|
},
|
|
root: {
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
pointerEvents: 'auto'
|
|
}
|
|
};
|
|
var classes = {
|
|
mask: function mask(_ref2) {
|
|
var props = _ref2.props;
|
|
var positions = ['left', 'right', 'top', 'topleft', 'topright', 'bottom', 'bottomleft', 'bottomright'];
|
|
var pos = positions.find(function (item) {
|
|
return item === props.position;
|
|
});
|
|
return ['p-dialog-mask', {
|
|
'p-overlay-mask p-overlay-mask-enter-active': props.modal
|
|
}, pos ? "p-dialog-".concat(pos) : ''];
|
|
},
|
|
root: function root(_ref3) {
|
|
var props = _ref3.props,
|
|
instance = _ref3.instance;
|
|
return ['p-dialog p-component', {
|
|
'p-dialog-maximized': props.maximizable && instance.maximized
|
|
}];
|
|
},
|
|
header: 'p-dialog-header',
|
|
title: 'p-dialog-title',
|
|
headerActions: 'p-dialog-header-actions',
|
|
pcMaximizeButton: 'p-dialog-maximize-button',
|
|
pcCloseButton: 'p-dialog-close-button',
|
|
content: 'p-dialog-content',
|
|
footer: 'p-dialog-footer'
|
|
};
|
|
var DialogStyle = BaseStyle.extend({
|
|
name: 'dialog',
|
|
style: style,
|
|
classes: classes,
|
|
inlineStyles: inlineStyles
|
|
});
|
|
|
|
export { DialogStyle as default };
|
|
//# sourceMappingURL=index.mjs.map
|