76 lines
2.8 KiB
JavaScript
76 lines
2.8 KiB
JavaScript
|
import { style } from '@primeuix/styles/cascadeselect';
|
||
|
|
import BaseStyle from '@primevue/core/base/style';
|
||
|
|
|
||
|
|
var inlineStyles = {
|
||
|
|
root: function root(_ref) {
|
||
|
|
var props = _ref.props;
|
||
|
|
return {
|
||
|
|
position: props.appendTo === 'self' ? 'relative' : undefined
|
||
|
|
};
|
||
|
|
}
|
||
|
|
};
|
||
|
|
var classes = {
|
||
|
|
root: function root(_ref2) {
|
||
|
|
var instance = _ref2.instance,
|
||
|
|
props = _ref2.props;
|
||
|
|
return ['p-cascadeselect p-component p-inputwrapper', {
|
||
|
|
'p-cascadeselect-mobile': instance.queryMatches,
|
||
|
|
'p-disabled': props.disabled,
|
||
|
|
'p-invalid': instance.$invalid,
|
||
|
|
'p-variant-filled': instance.$variant === 'filled',
|
||
|
|
'p-focus': instance.focused,
|
||
|
|
'p-inputwrapper-filled': instance.$filled,
|
||
|
|
'p-inputwrapper-focus': instance.focused || instance.overlayVisible,
|
||
|
|
'p-cascadeselect-open': instance.overlayVisible,
|
||
|
|
'p-cascadeselect-fluid': instance.$fluid,
|
||
|
|
'p-cascadeselect-sm p-inputfield-sm': props.size === 'small',
|
||
|
|
'p-cascadeselect-lg p-inputfield-lg': props.size === 'large'
|
||
|
|
}];
|
||
|
|
},
|
||
|
|
label: function label(_ref3) {
|
||
|
|
var _instance$label;
|
||
|
|
var instance = _ref3.instance,
|
||
|
|
props = _ref3.props;
|
||
|
|
return ['p-cascadeselect-label', {
|
||
|
|
'p-placeholder': instance.label === props.placeholder,
|
||
|
|
'p-cascadeselect-label-empty': !instance.$slots['value'] && (instance.label === 'p-emptylabel' || ((_instance$label = instance.label) === null || _instance$label === void 0 ? void 0 : _instance$label.length) === 0)
|
||
|
|
}];
|
||
|
|
},
|
||
|
|
clearIcon: 'p-cascadeselect-clear-icon',
|
||
|
|
dropdown: 'p-cascadeselect-dropdown',
|
||
|
|
loadingIcon: 'p-cascadeselect-loading-icon',
|
||
|
|
dropdownIcon: 'p-cascadeselect-dropdown-icon',
|
||
|
|
overlay: function overlay(_ref4) {
|
||
|
|
var instance = _ref4.instance;
|
||
|
|
return ['p-cascadeselect-overlay p-component', {
|
||
|
|
'p-cascadeselect-mobile-active': instance.queryMatches
|
||
|
|
}];
|
||
|
|
},
|
||
|
|
listContainer: 'p-cascadeselect-list-container',
|
||
|
|
list: 'p-cascadeselect-list',
|
||
|
|
option: function option(_ref5) {
|
||
|
|
var instance = _ref5.instance,
|
||
|
|
processedOption = _ref5.processedOption;
|
||
|
|
return ['p-cascadeselect-option', {
|
||
|
|
'p-cascadeselect-option-active': instance.isOptionActive(processedOption),
|
||
|
|
'p-cascadeselect-option-selected': instance.isOptionSelected(processedOption),
|
||
|
|
'p-focus': instance.isOptionFocused(processedOption),
|
||
|
|
'p-disabled': instance.isOptionDisabled(processedOption)
|
||
|
|
}];
|
||
|
|
},
|
||
|
|
optionContent: 'p-cascadeselect-option-content',
|
||
|
|
optionText: 'p-cascadeselect-option-text',
|
||
|
|
groupIconContainer: 'p-cascadeselect-group-icon-container',
|
||
|
|
groupIcon: 'p-cascadeselect-group-icon',
|
||
|
|
optionList: 'p-cascadeselect-overlay p-cascadeselect-option-list'
|
||
|
|
};
|
||
|
|
var CascadeSelectStyle = BaseStyle.extend({
|
||
|
|
name: 'cascadeselect',
|
||
|
|
style: style,
|
||
|
|
classes: classes,
|
||
|
|
inlineStyles: inlineStyles
|
||
|
|
});
|
||
|
|
|
||
|
|
export { CascadeSelectStyle as default };
|
||
|
|
//# sourceMappingURL=index.mjs.map
|