primevue/megamenu/style/megamenustyle.cjs.min.js

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

"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e=n(require("primevue/base/style")).default.extend({name:"megamenu",css:"\n@layer primevue {\n    .p-megamenu {\n        display: flex;\n        position: relative;\n    }\n\n    .p-megamenu-root-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu .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-megamenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-megamenu-panel {\n        display: none;\n        width: auto;\n        z-index: 1;\n        left: 0;\n        min-width: 100%;\n    }\n\n    .p-megamenu-panel:not(.p-megamenu-mobile) {\n        position: absolute;\n    }\n\n    .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        display: block;\n    }\n\n    .p-megamenu-submenu {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n\n    /* Horizontal */\n    .p-megamenu-horizontal {\n        align-items: center;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    /* Vertical */\n    .p-megamenu-vertical {\n        flex-direction: column;\n    }\n    \n    .p-megamenu-vertical:not(.p-megamenu-mobile) {\n        display: inline-flex;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        left: 100%;\n        top: 0;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-megamenu-grid {\n        display: flex;\n    }\n\n    .p-megamenu-col-2,\n    .p-megamenu-col-3,\n    .p-megamenu-col-4,\n    .p-megamenu-col-6,\n    .p-megamenu-col-12 {\n        flex: 0 0 auto;\n        padding: 0.5rem;\n    }\n\n    .p-megamenu-col-2 {\n        width: 16.6667%;\n    }\n\n    .p-megamenu-col-3 {\n        width: 25%;\n    }\n\n    .p-megamenu-col-4 {\n        width: 33.3333%;\n    }\n\n    .p-megamenu-col-6 {\n        width: 50%;\n    }\n\n    .p-megamenu-col-12 {\n        width: 100%;\n    }\n\n    .p-megamenu.p-megamenu-mobile .p-megamenu-button {\n        display: flex;\n    }\n\n    .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {\n        position: absolute;\n        display: none;\n        width: 100%;\n    }\n\n    .p-megamenu.p-megamenu-mobile .p-submenu-list {\n        width: 100%;\n        position: static;\n        box-shadow: none;\n        border: 0 none;\n    }\n\n    .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {\n        width: 100%;\n        position: static;\n    }\n\n    .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {\n        display: flex;\n        flex-direction: column;\n        top: 100%;\n        left: 0;\n        z-index: 1;\n    }\n\n    .p-megamenu.p-megamenu-mobile .p-megamenu-grid {\n        flex-wrap: wrap;\n        overflow: auto;\n        max-height: 90%;\n    }\n}\n",classes:{root:function(n){var e=n.instance;return["p-megamenu p-component",{"p-megamenu-mobile":e.queryMatches,"p-megamenu-mobile-active":e.mobileActive,"p-megamenu-horizontal":e.horizontal,"p-megamenu-vertical":e.vertical}]},start:"p-megamenu-start",menubutton:"p-megamenu-button",menu:"p-megamenu-root-list",submenuHeader:function(n){return["p-megamenu-submenu-header p-submenu-header",{"p-disabled":n.instance.isItemDisabled(n.processedItem)}]},menuitem:function(n){var e=n.instance,m=n.processedItem;return["p-menuitem",{"p-menuitem-active p-highlight":e.isItemActive(m),"p-focus":e.isItemFocused(m),"p-disabled":e.isItemDisabled(m)}]},content:"p-menuitem-content",action:"p-menuitem-link",icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",panel:"p-megamenu-panel",grid:"p-megamenu-grid",column:function(n){var e,m=n.instance,t=n.processedItem,a=m.isItemGroup(t)?t.items.length:0;if(m.$parentInstance.queryMatches)e="p-megamenu-col-12";else switch(a){case 2:e="p-megamenu-col-6";break;case 3:e="p-megamenu-col-4";break;case 4:e="p-megamenu-col-3";break;case 6:e="p-megamenu-col-2";break;default:e="p-megamenu-col-12"}return e},submenu:"p-submenu-list p-megamenu-submenu",submenuLabel:"p-menuitem-text",separator:"p-menuitem-separator",end:"p-megamenu-end"},inlineStyles:{submenu:function(n){return{display:n.instance.isItemActive(n.processedItem)?"block":"none"}}}});module.exports=e;