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
2 lines (1 loc) • 1.92 kB
JavaScript
import e from"primevue/base/style";var n=e.extend({name:"tieredmenu",css:"\n@layer primevue {\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu-enter-from,\n .p-tieredmenu-leave-active {\n opacity: 0;\n }\n\n .p-tieredmenu-enter-active {\n transition: opacity 250ms;\n }\n}\n",classes:{root:function(e){var n=e.instance;return["p-tieredmenu p-component",{"p-tieredmenu-overlay":e.props.popup,"p-input-filled":"filled"===n.$primevue.config.inputStyle,"p-ripple-disabled":!1===n.$primevue.config.ripple}]},start:"p-tieredmenu-start",menu:"p-tieredmenu-root-list",menuitem:function(e){var n=e.instance,t=e.processedItem;return["p-menuitem",{"p-menuitem-active p-highlight":n.isItemActive(t),"p-focus":n.isItemFocused(t),"p-disabled":n.isItemDisabled(t)}]},content:"p-menuitem-content",action:"p-menuitem-link",icon:"p-menuitem-icon",text:"p-menuitem-text",submenuIcon:"p-submenu-icon",submenu:"p-submenu-list",separator:"p-menuitem-separator",end:"p-tieredmenu-end"},inlineStyles:{submenu:function(e){return{display:e.instance.isItemActive(e.processedItem)?"block":"none"}}}});export{n as default};