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.48 kB
JavaScript
import { style } from '@primeuix/styles/menubar';
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 instance = _ref2.instance;
return ['p-menubar p-component', {
'p-menubar-mobile': instance.queryMatches,
'p-menubar-mobile-active': instance.mobileActive
}];
},
start: 'p-menubar-start',
button: 'p-menubar-button',
rootList: 'p-menubar-root-list',
item: function item(_ref3) {
var instance = _ref3.instance,
processedItem = _ref3.processedItem;
return ['p-menubar-item', {
'p-menubar-item-active': instance.isItemActive(processedItem),
'p-focus': instance.isItemFocused(processedItem),
'p-disabled': instance.isItemDisabled(processedItem)
}];
},
itemContent: 'p-menubar-item-content',
itemLink: 'p-menubar-item-link',
itemIcon: 'p-menubar-item-icon',
itemLabel: 'p-menubar-item-label',
submenuIcon: 'p-menubar-submenu-icon',
submenu: 'p-menubar-submenu',
separator: 'p-menubar-separator',
end: 'p-menubar-end'
};
var MenubarStyle = BaseStyle.extend({
name: 'menubar',
style: style,
classes: classes,
inlineStyles: inlineStyles
});
export { MenubarStyle as default };
//# sourceMappingURL=index.mjs.map