44 lines
1.4 KiB
JavaScript
44 lines
1.4 KiB
JavaScript
|
import { style } from '@primeuix/styles/listbox';
|
||
|
|
import BaseStyle from '@primevue/core/base/style';
|
||
|
|
|
||
|
|
var classes = {
|
||
|
|
root: function root(_ref) {
|
||
|
|
var instance = _ref.instance,
|
||
|
|
props = _ref.props;
|
||
|
|
return ['p-listbox p-component', {
|
||
|
|
'p-listbox-striped': props.striped,
|
||
|
|
'p-disabled': props.disabled,
|
||
|
|
'p-listbox-fluid': props.fluid,
|
||
|
|
'p-invalid': instance.$invalid
|
||
|
|
}];
|
||
|
|
},
|
||
|
|
header: 'p-listbox-header',
|
||
|
|
pcFilter: 'p-listbox-filter',
|
||
|
|
listContainer: 'p-listbox-list-container',
|
||
|
|
list: 'p-listbox-list',
|
||
|
|
optionGroup: 'p-listbox-option-group',
|
||
|
|
option: function option(_ref2) {
|
||
|
|
var instance = _ref2.instance,
|
||
|
|
props = _ref2.props,
|
||
|
|
_option = _ref2.option,
|
||
|
|
index = _ref2.index,
|
||
|
|
getItemOptions = _ref2.getItemOptions;
|
||
|
|
return ['p-listbox-option', {
|
||
|
|
'p-listbox-option-selected': instance.isSelected(_option) && props.highlightOnSelect,
|
||
|
|
'p-focus': instance.focusedOptionIndex === instance.getOptionIndex(index, getItemOptions),
|
||
|
|
'p-disabled': instance.isOptionDisabled(_option)
|
||
|
|
}];
|
||
|
|
},
|
||
|
|
optionCheckIcon: 'p-listbox-option-check-icon',
|
||
|
|
optionBlankIcon: 'p-listbox-option-blank-icon',
|
||
|
|
emptyMessage: 'p-listbox-empty-message'
|
||
|
|
};
|
||
|
|
var ListboxStyle = BaseStyle.extend({
|
||
|
|
name: 'listbox',
|
||
|
|
style: style,
|
||
|
|
classes: classes
|
||
|
|
});
|
||
|
|
|
||
|
|
export { ListboxStyle as default };
|
||
|
|
//# sourceMappingURL=index.mjs.map
|