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
51 lines (48 loc) • 1.52 kB
JavaScript
import { style } from '@primeuix/styles/tieredmenu';
import BaseStyle from '@primevue/core/base/style';
var inlineStyles = {
submenu: function submenu(_ref) {
var instance = _ref.instance,
processedItem = _ref.processedItem;
return {
display: instance.isItemActive(processedItem) ? 'flex' : 'none'
};
}
};
var classes = {
root: function root(_ref2) {
var props = _ref2.props,
instance = _ref2.instance;
return ['p-tieredmenu p-component', {
'p-tieredmenu-overlay': props.popup,
'p-tieredmenu-mobile': instance.queryMatches
}];
},
start: 'p-tieredmenu-start',
rootList: 'p-tieredmenu-root-list',
item: function item(_ref3) {
var instance = _ref3.instance,
processedItem = _ref3.processedItem;
return ['p-tieredmenu-item', {
'p-tieredmenu-item-active': instance.isItemActive(processedItem),
'p-focus': instance.isItemFocused(processedItem),
'p-disabled': instance.isItemDisabled(processedItem)
}];
},
itemContent: 'p-tieredmenu-item-content',
itemLink: 'p-tieredmenu-item-link',
itemIcon: 'p-tieredmenu-item-icon',
itemLabel: 'p-tieredmenu-item-label',
submenuIcon: 'p-tieredmenu-submenu-icon',
submenu: 'p-tieredmenu-submenu',
separator: 'p-tieredmenu-separator',
end: 'p-tieredmenu-end'
};
var TieredMenuStyle = BaseStyle.extend({
name: 'tieredmenu',
style: style,
classes: classes,
inlineStyles: inlineStyles
});
export { TieredMenuStyle as default };
//# sourceMappingURL=index.mjs.map