info-library 2.14.18-beta.1 → 2.14.18-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -379,10 +379,10 @@ export class InfoSidebarComponent {
|
|
|
379
379
|
i0.ɵɵproperty("ngIf", ctx._platform.Config.ux >= 3);
|
|
380
380
|
i0.ɵɵadvance(1);
|
|
381
381
|
i0.ɵɵproperty("ngIf", ctx._platform.Config.ux <= 2);
|
|
382
|
-
} }, dependencies: [i8.NgClass, i8.NgForOf, i8.NgIf, i9.MatIcon, i10.MatProgressBar, i11.MatTooltip, i7.RouterLinkWithHref, i12.InfoTranslatePipe], styles: [".uxc3[_nghost-%COMP%]{display:block;height:100%;left:0;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:240px;z-index:9997}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]{left:-240px;top:84px}}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{position:relative}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]:before{top:180px}}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]:before{position:fixed;content:\" \";visibility:hidden;left:240px;top:0;width:370px;height:100%;z-index:-1;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]:before{display:none}}.uxc3[_nghost-%COMP%] .site-sidebar.opened[_ngcontent-%COMP%]:before{opacity:1;visibility:visible}.uxc3[_nghost-%COMP%] .site-sidebar.opened[_ngcontent-%COMP%] .sub-menu-overlay[_ngcontent-%COMP%]{opacity:.5;visibility:visible}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-sidebar.opened[_ngcontent-%COMP%] .sub-menu-overlay[_ngcontent-%COMP%]{opacity:0!important}}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .sub-menu-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-2}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%]{display:block;padding-top:5px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%]{position:absolute;top:20px;right:20px;width:20px;height:20px;cursor:pointer;transition:right .2s ease-in-out}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{font-size:20px;width:inherit;height:inherit;transition:transform .2s ease-in-out;transform:rotate(180deg)}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%] mat-icon.min[_ngcontent-%COMP%]{transform:rotate(0)}@media (max-width: 991px){.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%]{display:none}}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%]{width:240px;overflow-y:auto}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:30px 0 0;padding:10px 0 90px}@media (max-width: 991px){.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{margin-top:0}}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]{position:relative;margin-bottom:3px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:after{bottom:0;content:\"\";position:absolute;left:-5px;top:0;transition:transform .2s ease-in-out;width:5px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{display:block;font-size:14px;font-weight:500;padding:5px 5px 10px 20px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{height:auto;top:6px;margin-right:15px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{margin-bottom:0;transition:opacity .2s ease-in-out}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:hover > .item-link[_ngcontent-%COMP%]{font-weight:600}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:hover:after{transform:translate(4px)}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.active[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.opened[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{background:transparent;font-weight:600}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.active[_ngcontent-%COMP%]:after, .uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.opened[_ngcontent-%COMP%]:after{transform:translate(4px)}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.disabled[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{opacity:.5;cursor:default}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{font-family:Open Sans,sans-serif;visibility:hidden;opacity:0;position:fixed;left:240px;width:370px;padding:0 40px;top:100px;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{display:none}}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] h4[_ngcontent-%COMP%]{font-size:24px;font-weight:500}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{margin:0;padding:0;list-style:none}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{margin:10px 3px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{font-size:14px;font-weight:500;cursor:pointer;padding:5px 0;margin:0;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{text-decoration:none!important;font-weight:600!important}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.opened[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{visibility:visible;opacity:1}.uxc3[_nghost-%COMP%] .sidebar-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-3}.uxc2[_nghost-%COMP%]{display:block;height:100%;left:0;position:fixed;top:0;transition:left .2s ease-in-out;width:240px;z-index:997}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]{left:-240px}}.uxc2[_nghost-%COMP%] .logo[_ngcontent-%COMP%]{background:main-color(600);display:block;height:70px}.uxc2[_nghost-%COMP%] .logo[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{align-items:flex-end;display:flex;font-family:Open Sans,sans-serif;height:inherit;padding:5px 15px;text-decoration:none}.uxc2[_nghost-%COMP%] .logo[_ngcontent-%COMP%] a[_ngcontent-%COMP%] i.logo-img[_ngcontent-%COMP%]{width:210px;height:50px;margin:auto;vertical-align:top}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{position:relative;z-index:9999}}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%]{background-size:cover;padding:8px 20px}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{margin:0;font-size:1.2em}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] small[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] label[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin-top:5px}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] p[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{font-size:.9em;cursor:pointer}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] p[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{text-decoration:underline}.uxc2[_nghost-%COMP%] .sidebar-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%]{display:block;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%]{width:240px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;padding:10px 0 22px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]{position:relative;margin-bottom:3px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:after{bottom:0;content:\"\";position:absolute;right:100%;top:0;transition:transform .2s ease-in-out;width:4px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%]{display:block;font-size:1rem;font-weight:400;padding:11px 22px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%] .item-badge[_ngcontent-%COMP%]{border-radius:8px;float:right;font-size:10px;line-height:1;margin-top:2px;padding:2px 6px 4px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{transition:color .2s ease-in-out;width:22px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{font-size:18px;height:auto;width:25px;top:4px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.menu-item-group[_ngcontent-%COMP%]:after{display:none}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .group-title[_ngcontent-%COMP%]{color:#0009;display:block;font-size:.8rem;font-weight:600;padding:6px 22px 5px;text-transform:uppercase}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub[_ngcontent-%COMP%]{list-style-type:none;overflow:hidden;margin:0;max-height:0;padding:0;transition:max-height .1s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%]{padding:5px 22px 6px 48px;font-size:.9em}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:first-child > .item-link[_ngcontent-%COMP%]:before{border-top:1px solid transparent;content:\"\";left:0;position:absolute;right:0;top:0;transition:border .2s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:hover:not(.disabled):after{transform:translate(4px)}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.active[_ngcontent-%COMP%]:after{transform:translate(4px)}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.disabled[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{opacity:.5;cursor:default}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub[_ngcontent-%COMP%]{position:relative}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{position:relative}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .caret[_ngcontent-%COMP%]{margin-top:.55rem;position:absolute;right:13px;top:6px;transition:transform .1s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub.active[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .caret[_ngcontent-%COMP%]{transform:rotate(90deg)}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub.active[_ngcontent-%COMP%] > .sub[_ngcontent-%COMP%]{max-height:1000px}"] });
|
|
382
|
+
} }, dependencies: [i8.NgClass, i8.NgForOf, i8.NgIf, i9.MatIcon, i10.MatProgressBar, i11.MatTooltip, i7.RouterLinkWithHref, i12.InfoTranslatePipe], styles: [".uxc3[_nghost-%COMP%]{display:block;height:100%;left:0;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:240px;z-index:9997}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]{left:-240px;top:84px}}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{position:relative}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]:before{top:180px}}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]:before{position:fixed;content:\" \";visibility:hidden;left:240px;top:0;width:370px;height:100%;z-index:-1;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]:before{display:none}}.uxc3[_nghost-%COMP%] .site-sidebar.opened[_ngcontent-%COMP%]:before{opacity:1;visibility:visible}.uxc3[_nghost-%COMP%] .site-sidebar.opened[_ngcontent-%COMP%] .sub-menu-overlay[_ngcontent-%COMP%]{opacity:.5;visibility:visible}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-sidebar.opened[_ngcontent-%COMP%] .sub-menu-overlay[_ngcontent-%COMP%]{opacity:0!important}}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .sub-menu-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-2}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%]{display:block;padding-top:5px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%]{position:absolute;top:20px;right:20px;width:20px;height:20px;cursor:pointer;transition:right .2s ease-in-out}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{font-size:20px;width:inherit;height:inherit;transition:transform .2s ease-in-out;transform:rotate(180deg)}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%] mat-icon.min[_ngcontent-%COMP%]{transform:rotate(0)}@media (max-width: 991px){.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%]{display:none}}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%]{width:240px;overflow-y:auto}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:30px 0 0;padding:10px 0 90px;max-height:calc(100% - 150px);overflow-y:auto}@media (max-width: 991px){.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{margin-top:0}}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]{position:relative;margin-bottom:3px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:after{bottom:0;content:\"\";position:absolute;left:-5px;top:0;transition:transform .2s ease-in-out;width:5px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{display:block;font-size:14px;font-weight:500;padding:5px 5px 10px 20px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{height:auto;top:6px;margin-right:15px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{margin-bottom:0;transition:opacity .2s ease-in-out}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:hover > .item-link[_ngcontent-%COMP%]{font-weight:600}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:hover:after{transform:translate(4px)}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.active[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.opened[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{background:transparent;font-weight:600}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.active[_ngcontent-%COMP%]:after, .uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.opened[_ngcontent-%COMP%]:after{transform:translate(4px)}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.disabled[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{opacity:.5;cursor:default}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{font-family:Open Sans,sans-serif;visibility:hidden;opacity:0;position:fixed;left:240px;width:370px;padding:0 40px;top:100px;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{display:none}}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] h4[_ngcontent-%COMP%]{font-size:24px;font-weight:500}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{margin:0;padding:0;list-style:none}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{margin:10px 3px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{font-size:14px;font-weight:500;cursor:pointer;padding:5px 0;margin:0;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{text-decoration:none!important;font-weight:600!important}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.opened[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{visibility:visible;opacity:1}.uxc3[_nghost-%COMP%] .sidebar-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-3}.uxc2[_nghost-%COMP%]{display:block;height:100%;left:0;position:fixed;top:0;transition:left .2s ease-in-out;width:240px;z-index:997}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]{left:-240px}}.uxc2[_nghost-%COMP%] .logo[_ngcontent-%COMP%]{background:main-color(600);display:block;height:70px}.uxc2[_nghost-%COMP%] .logo[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{align-items:flex-end;display:flex;font-family:Open Sans,sans-serif;height:inherit;padding:5px 15px;text-decoration:none}.uxc2[_nghost-%COMP%] .logo[_ngcontent-%COMP%] a[_ngcontent-%COMP%] i.logo-img[_ngcontent-%COMP%]{width:210px;height:50px;margin:auto;vertical-align:top}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{position:relative;z-index:9999}}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%]{background-size:cover;padding:8px 20px}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{margin:0;font-size:1.2em}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] small[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] label[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin-top:5px}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] p[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{font-size:.9em;cursor:pointer}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] p[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{text-decoration:underline}.uxc2[_nghost-%COMP%] .sidebar-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%]{display:block;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%]{width:240px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;padding:10px 0 22px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]{position:relative;margin-bottom:3px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:after{bottom:0;content:\"\";position:absolute;right:100%;top:0;transition:transform .2s ease-in-out;width:4px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%]{display:block;font-size:1rem;font-weight:400;padding:11px 22px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%] .item-badge[_ngcontent-%COMP%]{border-radius:8px;float:right;font-size:10px;line-height:1;margin-top:2px;padding:2px 6px 4px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{transition:color .2s ease-in-out;width:22px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{font-size:18px;height:auto;width:25px;top:4px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.menu-item-group[_ngcontent-%COMP%]:after{display:none}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .group-title[_ngcontent-%COMP%]{color:#0009;display:block;font-size:.8rem;font-weight:600;padding:6px 22px 5px;text-transform:uppercase}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub[_ngcontent-%COMP%]{list-style-type:none;overflow:hidden;margin:0;max-height:0;padding:0;transition:max-height .1s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%]{padding:5px 22px 6px 48px;font-size:.9em}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:first-child > .item-link[_ngcontent-%COMP%]:before{border-top:1px solid transparent;content:\"\";left:0;position:absolute;right:0;top:0;transition:border .2s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:hover:not(.disabled):after{transform:translate(4px)}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.active[_ngcontent-%COMP%]:after{transform:translate(4px)}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.disabled[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{opacity:.5;cursor:default}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub[_ngcontent-%COMP%]{position:relative}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{position:relative}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .caret[_ngcontent-%COMP%]{margin-top:.55rem;position:absolute;right:13px;top:6px;transition:transform .1s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub.active[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .caret[_ngcontent-%COMP%]{transform:rotate(90deg)}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub.active[_ngcontent-%COMP%] > .sub[_ngcontent-%COMP%]{max-height:1000px}"] });
|
|
383
383
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoSidebarComponent, [{
|
|
384
384
|
type: Component,
|
|
385
|
-
args: [{ selector: 'info-sidebar', template: "<ng-container *ngIf=\"_platform.Config.ux >= 3\">\r\n <div class=\"site-sidebar\" [ngClass]=\"{ 'opened': openSubmenu }\" >\r\n <nav>\r\n <div class=\"main-menu\">\r\n <a id=\"menu-min-icon\" (click)=\"toggleSidebar()\">\r\n <mat-icon [ngClass]=\"{ 'min': _platform.MenuMin }\">menu</mat-icon>\r\n </a>\r\n\r\n <ul *ngIf=\"menu\">\r\n \r\n <li class=\"menu-item\" *ngFor=\"let m of menu\" [ngClass]=\"{ 'active': menuAtivo == m.Title, 'disabled': !m.Enabled, 'opened': openSubmenu == m.Title }\">\r\n \r\n <a *ngIf=\"m.Sub == null\" [routerLink]=\"m.Routing\" class=\"item-link\" (click)=\"changeSidebar();access(m.Title);tooltip.hide();\" >\r\n <mat-icon #tooltip=\"matTooltip\" [matTooltip]=\"m.Title | translate\" [matTooltipDisabled]=\"!_platform.MenuMin\" matTooltipPosition=\"right\" [matTooltipShowDelay]=\"600\" matTooltipClass=\"mat-tooltip\">{{ m.Icon }}</mat-icon>\r\n <label class=\"title\">{{ m.Title | translate }}</label>\r\n </a>\r\n \r\n <ng-container *ngIf=\"m.Sub != null\">\r\n <a class=\"item-link\" (click)=\"toggleSubmenu(m.Title);tooltip.hide();\" >\r\n <mat-icon #tooltip=\"matTooltip\" [matTooltip]=\"m.Title | translate\" [matTooltipDisabled]=\"!_platform.MenuMin\" matTooltipPosition=\"right\" [matTooltipShowDelay]=\"600\" matTooltipClass=\"mat-tooltip\" >{{ m.Icon }}</mat-icon>\r\n <label class=\"title\">{{ m.Title | translate }}</label>\r\n </a>\r\n \r\n <div class=\"sub-menu\">\r\n <h4>{{ m.Title | translate }}</h4>\r\n \r\n <ul>\r\n <li *ngFor=\"let s of m.Sub\">\r\n <a [routerLink]=\"s.Routing\" class=\"item-link\" (click)=\"changeSidebar();access(m.Title);\" >{{ s.Title | translate }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </ng-container>\r\n </li>\r\n </ul>\r\n </div>\r\n </nav>\r\n <div class=\"sub-menu-overlay\" (click)=\"openSubmenu = ''\"></div>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"_platform.Config.ux <= 2\">\r\n <div class=\"site-sidebar\">\r\n\r\n <div class=\"logo\">\r\n <a href=\"/\" >\r\n <i class=\"logo-img\"></i>\r\n </a>\r\n </div>\r\n\r\n <div class=\"info\">\r\n <span>{{ _session.Usuario }}</span>\r\n <small>{{ _session.Perfil }}</small>\r\n </div>\r\n\r\n <nav>\r\n <div class=\"main-menu\">\r\n <section class=\"loading-bar\" *ngIf=\"loading\">\r\n <mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar>\r\n </section>\r\n <ul *ngIf=\"menu\">\r\n <li class=\"menu-item\" *ngFor=\"let m of menu\" [ngClass]=\"{ 'has-sub': m.Sub != null, 'active': m.Active, 'menu-item-group': m.Group, 'disabled': !m.Enabled }\">\r\n \r\n <!-- Grupos -->\r\n <span class=\"group-title\" *ngIf=\"m.Group\">{{ m.Title }} </span>\r\n \r\n <!-- Itens -->\r\n <a href=\"#\" [routerLink]=\"m.Routing\" class=\"item-link\" *ngIf=\"!m.Group && m.Sub == null && m.Enabled\" (click)=\"toggle($event, m);resetLastSearch();\">\r\n <mat-icon>{{ m.Icon }}</mat-icon>{{ m.Title | translate }}\r\n </a>\r\n \r\n <a class=\"item-link\" *ngIf=\"!m.Group && m.Sub == null && !m.Enabled\">\r\n <mat-icon>{{ m.Icon }}</mat-icon>{{ m.Title | translate }} \r\n </a>\r\n \r\n <!-- Item com submenu -->\r\n <a href=\"#\" class=\"item-link\" *ngIf=\"!m.Group && m.Sub != null\" (click)=\"toggle($event, m)\">\r\n <mat-icon class=\"icon\">{{ m.Icon }}</mat-icon>{{ m.Title | translate }}\r\n <i class=\"caret fa fa-angle-right\" *ngIf=\"m.Sub\"></i>\r\n </a>\r\n \r\n <!-- Sub Menu -->\r\n <ul class=\"sub\" *ngIf=\"!m.Group && m.Sub != null\">\r\n <li class=\"menu-item\" *ngFor=\"let s of m.Sub\">\r\n <a [routerLink]=\"s.Routing\" (click)=\"resetLastSearch()\" class=\"item-link\" >{{ s.Title | translate }}</a>\r\n </li>\r\n </ul>\r\n </li>\r\n </ul>\r\n </div>\r\n </nav>\r\n </div>\r\n</ng-container>\r\n\r\n<div class=\"sidebar-overlay\"></div>", styles: [":host.uxc3{display:block;height:100%;left:0;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:240px;z-index:9997}@media screen and (max-width: 991px){:host.uxc3{left:-240px;top:84px}}:host.uxc3 .site-sidebar{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media screen and (max-width: 991px){:host.uxc3 .site-sidebar{position:relative}:host.uxc3 .site-sidebar:before{top:180px}}:host.uxc3 .site-sidebar:before{position:fixed;content:\" \";visibility:hidden;left:240px;top:0;width:370px;height:100%;z-index:-1;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}@media screen and (max-width: 991px){:host.uxc3 .site-sidebar:before{display:none}}:host.uxc3 .site-sidebar.opened:before{opacity:1;visibility:visible}:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:.5;visibility:visible}@media screen and (max-width: 991px){:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:0!important}}:host.uxc3 .site-sidebar .sub-menu-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-2}:host.uxc3 nav{display:block;padding-top:5px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}:host.uxc3 nav #menu-min-icon{position:absolute;top:20px;right:20px;width:20px;height:20px;cursor:pointer;transition:right .2s ease-in-out}:host.uxc3 nav #menu-min-icon mat-icon{font-size:20px;width:inherit;height:inherit;transition:transform .2s ease-in-out;transform:rotate(180deg)}:host.uxc3 nav #menu-min-icon mat-icon.min{transform:rotate(0)}@media (max-width: 991px){:host.uxc3 nav #menu-min-icon{display:none}}:host.uxc3 nav .main-menu{width:240px;overflow-y:auto}:host.uxc3 nav .main-menu>ul{list-style-type:none;margin:30px 0 0;padding:10px 0 90px}@media (max-width: 991px){:host.uxc3 nav .main-menu>ul{margin-top:0}}:host.uxc3 nav .main-menu>ul .menu-item{position:relative;margin-bottom:3px}:host.uxc3 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";position:absolute;left:-5px;top:0;transition:transform .2s ease-in-out;width:5px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link{display:block;font-size:14px;font-weight:500;padding:5px 5px 10px 20px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .mat-icon{height:auto;top:6px;margin-right:15px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .title{margin-bottom:0;transition:opacity .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item:hover>.item-link{font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item:hover:after{transform:translate(4px)}:host.uxc3 nav .main-menu>ul .menu-item.active>.item-link,:host.uxc3 nav .main-menu>ul .menu-item.opened>.item-link{background:transparent;font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item.active:after,:host.uxc3 nav .main-menu>ul .menu-item.opened:after{transform:translate(4px)}:host.uxc3 nav .main-menu>ul .menu-item.disabled>.item-link{opacity:.5;cursor:default}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{font-family:Open Sans,sans-serif;visibility:hidden;opacity:0;position:fixed;left:240px;width:370px;padding:0 40px;top:100px;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out}@media screen and (max-width: 991px){:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{display:none}}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu h4{font-size:24px;font-weight:500}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul{margin:0;padding:0;list-style:none}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li{margin:10px 3px}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a{font-size:14px;font-weight:500;cursor:pointer;padding:5px 0;margin:0;transition:color .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a:hover{text-decoration:none!important;font-weight:600!important}:host.uxc3 nav .main-menu>ul .menu-item.opened .sub-menu{visibility:visible;opacity:1}:host.uxc3 .sidebar-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-3}:host.uxc2{display:block;height:100%;left:0;position:fixed;top:0;transition:left .2s ease-in-out;width:240px;z-index:997}@media only screen and (max-width: 991px){:host.uxc2{left:-240px}}:host.uxc2 .logo{background:main-color(600);display:block;height:70px}:host.uxc2 .logo a{align-items:flex-end;display:flex;font-family:Open Sans,sans-serif;height:inherit;padding:5px 15px;text-decoration:none}:host.uxc2 .logo a i.logo-img{width:210px;height:50px;margin:auto;vertical-align:top}:host.uxc2 .site-sidebar{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media only screen and (max-width: 991px){:host.uxc2 .site-sidebar{position:relative;z-index:9999}}:host.uxc2 .site-sidebar .info{background-size:cover;padding:8px 20px}:host.uxc2 .site-sidebar .info span{margin:0;font-size:1.2em}:host.uxc2 .site-sidebar .info small{display:block}:host.uxc2 .site-sidebar .info label{display:block}:host.uxc2 .site-sidebar .info p{margin-top:5px}:host.uxc2 .site-sidebar .info p a{font-size:.9em;cursor:pointer}:host.uxc2 .site-sidebar .info p a:hover{text-decoration:underline}:host.uxc2 .sidebar-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}:host.uxc2 nav{display:block;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}:host.uxc2 nav .main-menu{width:240px}:host.uxc2 nav .main-menu>ul{list-style-type:none;margin:0;padding:10px 0 22px}:host.uxc2 nav .main-menu>ul .menu-item{position:relative;margin-bottom:3px}:host.uxc2 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";position:absolute;right:100%;top:0;transition:transform .2s ease-in-out;width:4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link{display:block;font-size:1rem;font-weight:400;padding:11px 22px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .item-link .item-badge{border-radius:8px;float:right;font-size:10px;line-height:1;margin-top:2px;padding:2px 6px 4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .icon{transition:color .2s ease-in-out;width:22px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .mat-icon{font-size:18px;height:auto;width:25px;top:4px}:host.uxc2 nav .main-menu>ul .menu-item.menu-item-group:after{display:none}:host.uxc2 nav .main-menu>ul .menu-item .group-title{color:#0009;display:block;font-size:.8rem;font-weight:600;padding:6px 22px 5px;text-transform:uppercase}:host.uxc2 nav .main-menu>ul .menu-item .sub{list-style-type:none;overflow:hidden;margin:0;max-height:0;padding:0;transition:max-height .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item .item-link{padding:5px 22px 6px 48px;font-size:.9em}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item:first-child>.item-link:before{border-top:1px solid transparent;content:\"\";left:0;position:absolute;right:0;top:0;transition:border .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item:hover:not(.disabled):after{transform:translate(4px)}:host.uxc2 nav .main-menu>ul .menu-item.active:after{transform:translate(4px)}:host.uxc2 nav .main-menu>ul .menu-item.disabled>.item-link{opacity:.5;cursor:default}:host.uxc2 nav .main-menu>ul .menu-item.has-sub{position:relative}:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link{position:relative}:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link .caret{margin-top:.55rem;position:absolute;right:13px;top:6px;transition:transform .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.item-link .caret{transform:rotate(90deg)}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.sub{max-height:1000px}\n"] }]
|
|
385
|
+
args: [{ selector: 'info-sidebar', template: "<ng-container *ngIf=\"_platform.Config.ux >= 3\">\r\n <div class=\"site-sidebar\" [ngClass]=\"{ 'opened': openSubmenu }\" >\r\n <nav>\r\n <div class=\"main-menu\">\r\n <a id=\"menu-min-icon\" (click)=\"toggleSidebar()\">\r\n <mat-icon [ngClass]=\"{ 'min': _platform.MenuMin }\">menu</mat-icon>\r\n </a>\r\n\r\n <ul *ngIf=\"menu\">\r\n \r\n <li class=\"menu-item\" *ngFor=\"let m of menu\" [ngClass]=\"{ 'active': menuAtivo == m.Title, 'disabled': !m.Enabled, 'opened': openSubmenu == m.Title }\">\r\n \r\n <a *ngIf=\"m.Sub == null\" [routerLink]=\"m.Routing\" class=\"item-link\" (click)=\"changeSidebar();access(m.Title);tooltip.hide();\" >\r\n <mat-icon #tooltip=\"matTooltip\" [matTooltip]=\"m.Title | translate\" [matTooltipDisabled]=\"!_platform.MenuMin\" matTooltipPosition=\"right\" [matTooltipShowDelay]=\"600\" matTooltipClass=\"mat-tooltip\">{{ m.Icon }}</mat-icon>\r\n <label class=\"title\">{{ m.Title | translate }}</label>\r\n </a>\r\n \r\n <ng-container *ngIf=\"m.Sub != null\">\r\n <a class=\"item-link\" (click)=\"toggleSubmenu(m.Title);tooltip.hide();\" >\r\n <mat-icon #tooltip=\"matTooltip\" [matTooltip]=\"m.Title | translate\" [matTooltipDisabled]=\"!_platform.MenuMin\" matTooltipPosition=\"right\" [matTooltipShowDelay]=\"600\" matTooltipClass=\"mat-tooltip\" >{{ m.Icon }}</mat-icon>\r\n <label class=\"title\">{{ m.Title | translate }}</label>\r\n </a>\r\n \r\n <div class=\"sub-menu\">\r\n <h4>{{ m.Title | translate }}</h4>\r\n \r\n <ul>\r\n <li *ngFor=\"let s of m.Sub\">\r\n <a [routerLink]=\"s.Routing\" class=\"item-link\" (click)=\"changeSidebar();access(m.Title);\" >{{ s.Title | translate }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </ng-container>\r\n </li>\r\n </ul>\r\n </div>\r\n </nav>\r\n <div class=\"sub-menu-overlay\" (click)=\"openSubmenu = ''\"></div>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"_platform.Config.ux <= 2\">\r\n <div class=\"site-sidebar\">\r\n\r\n <div class=\"logo\">\r\n <a href=\"/\" >\r\n <i class=\"logo-img\"></i>\r\n </a>\r\n </div>\r\n\r\n <div class=\"info\">\r\n <span>{{ _session.Usuario }}</span>\r\n <small>{{ _session.Perfil }}</small>\r\n </div>\r\n\r\n <nav>\r\n <div class=\"main-menu\">\r\n <section class=\"loading-bar\" *ngIf=\"loading\">\r\n <mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar>\r\n </section>\r\n <ul *ngIf=\"menu\">\r\n <li class=\"menu-item\" *ngFor=\"let m of menu\" [ngClass]=\"{ 'has-sub': m.Sub != null, 'active': m.Active, 'menu-item-group': m.Group, 'disabled': !m.Enabled }\">\r\n \r\n <!-- Grupos -->\r\n <span class=\"group-title\" *ngIf=\"m.Group\">{{ m.Title }} </span>\r\n \r\n <!-- Itens -->\r\n <a href=\"#\" [routerLink]=\"m.Routing\" class=\"item-link\" *ngIf=\"!m.Group && m.Sub == null && m.Enabled\" (click)=\"toggle($event, m);resetLastSearch();\">\r\n <mat-icon>{{ m.Icon }}</mat-icon>{{ m.Title | translate }}\r\n </a>\r\n \r\n <a class=\"item-link\" *ngIf=\"!m.Group && m.Sub == null && !m.Enabled\">\r\n <mat-icon>{{ m.Icon }}</mat-icon>{{ m.Title | translate }} \r\n </a>\r\n \r\n <!-- Item com submenu -->\r\n <a href=\"#\" class=\"item-link\" *ngIf=\"!m.Group && m.Sub != null\" (click)=\"toggle($event, m)\">\r\n <mat-icon class=\"icon\">{{ m.Icon }}</mat-icon>{{ m.Title | translate }}\r\n <i class=\"caret fa fa-angle-right\" *ngIf=\"m.Sub\"></i>\r\n </a>\r\n \r\n <!-- Sub Menu -->\r\n <ul class=\"sub\" *ngIf=\"!m.Group && m.Sub != null\">\r\n <li class=\"menu-item\" *ngFor=\"let s of m.Sub\">\r\n <a [routerLink]=\"s.Routing\" (click)=\"resetLastSearch()\" class=\"item-link\" >{{ s.Title | translate }}</a>\r\n </li>\r\n </ul>\r\n </li>\r\n </ul>\r\n </div>\r\n </nav>\r\n </div>\r\n</ng-container>\r\n\r\n<div class=\"sidebar-overlay\"></div>", styles: [":host.uxc3{display:block;height:100%;left:0;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:240px;z-index:9997}@media screen and (max-width: 991px){:host.uxc3{left:-240px;top:84px}}:host.uxc3 .site-sidebar{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media screen and (max-width: 991px){:host.uxc3 .site-sidebar{position:relative}:host.uxc3 .site-sidebar:before{top:180px}}:host.uxc3 .site-sidebar:before{position:fixed;content:\" \";visibility:hidden;left:240px;top:0;width:370px;height:100%;z-index:-1;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}@media screen and (max-width: 991px){:host.uxc3 .site-sidebar:before{display:none}}:host.uxc3 .site-sidebar.opened:before{opacity:1;visibility:visible}:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:.5;visibility:visible}@media screen and (max-width: 991px){:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:0!important}}:host.uxc3 .site-sidebar .sub-menu-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-2}:host.uxc3 nav{display:block;padding-top:5px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}:host.uxc3 nav #menu-min-icon{position:absolute;top:20px;right:20px;width:20px;height:20px;cursor:pointer;transition:right .2s ease-in-out}:host.uxc3 nav #menu-min-icon mat-icon{font-size:20px;width:inherit;height:inherit;transition:transform .2s ease-in-out;transform:rotate(180deg)}:host.uxc3 nav #menu-min-icon mat-icon.min{transform:rotate(0)}@media (max-width: 991px){:host.uxc3 nav #menu-min-icon{display:none}}:host.uxc3 nav .main-menu{width:240px;overflow-y:auto}:host.uxc3 nav .main-menu>ul{list-style-type:none;margin:30px 0 0;padding:10px 0 90px;max-height:calc(100% - 150px);overflow-y:auto}@media (max-width: 991px){:host.uxc3 nav .main-menu>ul{margin-top:0}}:host.uxc3 nav .main-menu>ul .menu-item{position:relative;margin-bottom:3px}:host.uxc3 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";position:absolute;left:-5px;top:0;transition:transform .2s ease-in-out;width:5px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link{display:block;font-size:14px;font-weight:500;padding:5px 5px 10px 20px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .mat-icon{height:auto;top:6px;margin-right:15px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .title{margin-bottom:0;transition:opacity .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item:hover>.item-link{font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item:hover:after{transform:translate(4px)}:host.uxc3 nav .main-menu>ul .menu-item.active>.item-link,:host.uxc3 nav .main-menu>ul .menu-item.opened>.item-link{background:transparent;font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item.active:after,:host.uxc3 nav .main-menu>ul .menu-item.opened:after{transform:translate(4px)}:host.uxc3 nav .main-menu>ul .menu-item.disabled>.item-link{opacity:.5;cursor:default}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{font-family:Open Sans,sans-serif;visibility:hidden;opacity:0;position:fixed;left:240px;width:370px;padding:0 40px;top:100px;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out}@media screen and (max-width: 991px){:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{display:none}}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu h4{font-size:24px;font-weight:500}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul{margin:0;padding:0;list-style:none}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li{margin:10px 3px}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a{font-size:14px;font-weight:500;cursor:pointer;padding:5px 0;margin:0;transition:color .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a:hover{text-decoration:none!important;font-weight:600!important}:host.uxc3 nav .main-menu>ul .menu-item.opened .sub-menu{visibility:visible;opacity:1}:host.uxc3 .sidebar-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-3}:host.uxc2{display:block;height:100%;left:0;position:fixed;top:0;transition:left .2s ease-in-out;width:240px;z-index:997}@media only screen and (max-width: 991px){:host.uxc2{left:-240px}}:host.uxc2 .logo{background:main-color(600);display:block;height:70px}:host.uxc2 .logo a{align-items:flex-end;display:flex;font-family:Open Sans,sans-serif;height:inherit;padding:5px 15px;text-decoration:none}:host.uxc2 .logo a i.logo-img{width:210px;height:50px;margin:auto;vertical-align:top}:host.uxc2 .site-sidebar{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media only screen and (max-width: 991px){:host.uxc2 .site-sidebar{position:relative;z-index:9999}}:host.uxc2 .site-sidebar .info{background-size:cover;padding:8px 20px}:host.uxc2 .site-sidebar .info span{margin:0;font-size:1.2em}:host.uxc2 .site-sidebar .info small{display:block}:host.uxc2 .site-sidebar .info label{display:block}:host.uxc2 .site-sidebar .info p{margin-top:5px}:host.uxc2 .site-sidebar .info p a{font-size:.9em;cursor:pointer}:host.uxc2 .site-sidebar .info p a:hover{text-decoration:underline}:host.uxc2 .sidebar-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}:host.uxc2 nav{display:block;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}:host.uxc2 nav .main-menu{width:240px}:host.uxc2 nav .main-menu>ul{list-style-type:none;margin:0;padding:10px 0 22px}:host.uxc2 nav .main-menu>ul .menu-item{position:relative;margin-bottom:3px}:host.uxc2 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";position:absolute;right:100%;top:0;transition:transform .2s ease-in-out;width:4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link{display:block;font-size:1rem;font-weight:400;padding:11px 22px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .item-link .item-badge{border-radius:8px;float:right;font-size:10px;line-height:1;margin-top:2px;padding:2px 6px 4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .icon{transition:color .2s ease-in-out;width:22px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .mat-icon{font-size:18px;height:auto;width:25px;top:4px}:host.uxc2 nav .main-menu>ul .menu-item.menu-item-group:after{display:none}:host.uxc2 nav .main-menu>ul .menu-item .group-title{color:#0009;display:block;font-size:.8rem;font-weight:600;padding:6px 22px 5px;text-transform:uppercase}:host.uxc2 nav .main-menu>ul .menu-item .sub{list-style-type:none;overflow:hidden;margin:0;max-height:0;padding:0;transition:max-height .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item .item-link{padding:5px 22px 6px 48px;font-size:.9em}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item:first-child>.item-link:before{border-top:1px solid transparent;content:\"\";left:0;position:absolute;right:0;top:0;transition:border .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item:hover:not(.disabled):after{transform:translate(4px)}:host.uxc2 nav .main-menu>ul .menu-item.active:after{transform:translate(4px)}:host.uxc2 nav .main-menu>ul .menu-item.disabled>.item-link{opacity:.5;cursor:default}:host.uxc2 nav .main-menu>ul .menu-item.has-sub{position:relative}:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link{position:relative}:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link .caret{margin-top:.55rem;position:absolute;right:13px;top:6px;transition:transform .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.item-link .caret{transform:rotate(90deg)}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.sub{max-height:1000px}\n"] }]
|
|
386
386
|
}], function () { return [{ type: i1.InfoDataService }, { type: i2.InfoAuthenticationService }, { type: i3.InfoThemeService }, { type: i4.InfoSessionModel }, { type: i5.InfoPlatformModel }, { type: i6.InfoLastSearchModel }, { type: i7.Router }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { api: [{
|
|
387
387
|
type: Input
|
|
388
388
|
}], method: [{
|
|
@@ -7684,11 +7684,11 @@ class InfoSidebarComponent {
|
|
|
7684
7684
|
i0.ɵɵadvance(1);
|
|
7685
7685
|
i0.ɵɵproperty("ngIf", ctx._platform.Config.ux <= 2);
|
|
7686
7686
|
}
|
|
7687
|
-
}, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i4.MatIcon, i7.MatProgressBar, i15.MatTooltip, i1$1.RouterLinkWithHref, InfoTranslatePipe], styles: [".uxc3[_nghost-%COMP%]{display:block;height:100%;left:0;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:240px;z-index:9997}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]{left:-240px;top:84px}}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{position:relative}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]:before{top:180px}}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]:before{position:fixed;content:\" \";visibility:hidden;left:240px;top:0;width:370px;height:100%;z-index:-1;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]:before{display:none}}.uxc3[_nghost-%COMP%] .site-sidebar.opened[_ngcontent-%COMP%]:before{opacity:1;visibility:visible}.uxc3[_nghost-%COMP%] .site-sidebar.opened[_ngcontent-%COMP%] .sub-menu-overlay[_ngcontent-%COMP%]{opacity:.5;visibility:visible}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-sidebar.opened[_ngcontent-%COMP%] .sub-menu-overlay[_ngcontent-%COMP%]{opacity:0!important}}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .sub-menu-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-2}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%]{display:block;padding-top:5px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%]{position:absolute;top:20px;right:20px;width:20px;height:20px;cursor:pointer;transition:right .2s ease-in-out}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{font-size:20px;width:inherit;height:inherit;transition:transform .2s ease-in-out;transform:rotate(180deg)}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%] mat-icon.min[_ngcontent-%COMP%]{transform:rotate(0)}@media (max-width: 991px){.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%]{display:none}}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%]{width:240px;overflow-y:auto}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:30px 0 0;padding:10px 0 90px}@media (max-width: 991px){.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{margin-top:0}}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]{position:relative;margin-bottom:3px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:after{bottom:0;content:\"\";position:absolute;left:-5px;top:0;transition:transform .2s ease-in-out;width:5px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{display:block;font-size:14px;font-weight:500;padding:5px 5px 10px 20px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{height:auto;top:6px;margin-right:15px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{margin-bottom:0;transition:opacity .2s ease-in-out}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:hover > .item-link[_ngcontent-%COMP%]{font-weight:600}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:hover:after{transform:translate(4px)}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.active[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.opened[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{background:transparent;font-weight:600}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.active[_ngcontent-%COMP%]:after, .uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.opened[_ngcontent-%COMP%]:after{transform:translate(4px)}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.disabled[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{opacity:.5;cursor:default}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{font-family:Open Sans,sans-serif;visibility:hidden;opacity:0;position:fixed;left:240px;width:370px;padding:0 40px;top:100px;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{display:none}}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] h4[_ngcontent-%COMP%]{font-size:24px;font-weight:500}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{margin:0;padding:0;list-style:none}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{margin:10px 3px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{font-size:14px;font-weight:500;cursor:pointer;padding:5px 0;margin:0;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{text-decoration:none!important;font-weight:600!important}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.opened[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{visibility:visible;opacity:1}.uxc3[_nghost-%COMP%] .sidebar-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-3}.uxc2[_nghost-%COMP%]{display:block;height:100%;left:0;position:fixed;top:0;transition:left .2s ease-in-out;width:240px;z-index:997}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]{left:-240px}}.uxc2[_nghost-%COMP%] .logo[_ngcontent-%COMP%]{background:main-color(600);display:block;height:70px}.uxc2[_nghost-%COMP%] .logo[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{align-items:flex-end;display:flex;font-family:Open Sans,sans-serif;height:inherit;padding:5px 15px;text-decoration:none}.uxc2[_nghost-%COMP%] .logo[_ngcontent-%COMP%] a[_ngcontent-%COMP%] i.logo-img[_ngcontent-%COMP%]{width:210px;height:50px;margin:auto;vertical-align:top}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{position:relative;z-index:9999}}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%]{background-size:cover;padding:8px 20px}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{margin:0;font-size:1.2em}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] small[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] label[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin-top:5px}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] p[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{font-size:.9em;cursor:pointer}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] p[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{text-decoration:underline}.uxc2[_nghost-%COMP%] .sidebar-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%]{display:block;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%]{width:240px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;padding:10px 0 22px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]{position:relative;margin-bottom:3px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:after{bottom:0;content:\"\";position:absolute;right:100%;top:0;transition:transform .2s ease-in-out;width:4px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%]{display:block;font-size:1rem;font-weight:400;padding:11px 22px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%] .item-badge[_ngcontent-%COMP%]{border-radius:8px;float:right;font-size:10px;line-height:1;margin-top:2px;padding:2px 6px 4px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{transition:color .2s ease-in-out;width:22px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{font-size:18px;height:auto;width:25px;top:4px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.menu-item-group[_ngcontent-%COMP%]:after{display:none}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .group-title[_ngcontent-%COMP%]{color:#0009;display:block;font-size:.8rem;font-weight:600;padding:6px 22px 5px;text-transform:uppercase}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub[_ngcontent-%COMP%]{list-style-type:none;overflow:hidden;margin:0;max-height:0;padding:0;transition:max-height .1s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%]{padding:5px 22px 6px 48px;font-size:.9em}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:first-child > .item-link[_ngcontent-%COMP%]:before{border-top:1px solid transparent;content:\"\";left:0;position:absolute;right:0;top:0;transition:border .2s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:hover:not(.disabled):after{transform:translate(4px)}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.active[_ngcontent-%COMP%]:after{transform:translate(4px)}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.disabled[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{opacity:.5;cursor:default}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub[_ngcontent-%COMP%]{position:relative}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{position:relative}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .caret[_ngcontent-%COMP%]{margin-top:.55rem;position:absolute;right:13px;top:6px;transition:transform .1s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub.active[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .caret[_ngcontent-%COMP%]{transform:rotate(90deg)}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub.active[_ngcontent-%COMP%] > .sub[_ngcontent-%COMP%]{max-height:1000px}"] });
|
|
7687
|
+
}, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i4.MatIcon, i7.MatProgressBar, i15.MatTooltip, i1$1.RouterLinkWithHref, InfoTranslatePipe], styles: [".uxc3[_nghost-%COMP%]{display:block;height:100%;left:0;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:240px;z-index:9997}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]{left:-240px;top:84px}}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{position:relative}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]:before{top:180px}}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]:before{position:fixed;content:\" \";visibility:hidden;left:240px;top:0;width:370px;height:100%;z-index:-1;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]:before{display:none}}.uxc3[_nghost-%COMP%] .site-sidebar.opened[_ngcontent-%COMP%]:before{opacity:1;visibility:visible}.uxc3[_nghost-%COMP%] .site-sidebar.opened[_ngcontent-%COMP%] .sub-menu-overlay[_ngcontent-%COMP%]{opacity:.5;visibility:visible}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] .site-sidebar.opened[_ngcontent-%COMP%] .sub-menu-overlay[_ngcontent-%COMP%]{opacity:0!important}}.uxc3[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .sub-menu-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-2}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%]{display:block;padding-top:5px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%]{position:absolute;top:20px;right:20px;width:20px;height:20px;cursor:pointer;transition:right .2s ease-in-out}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{font-size:20px;width:inherit;height:inherit;transition:transform .2s ease-in-out;transform:rotate(180deg)}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%] mat-icon.min[_ngcontent-%COMP%]{transform:rotate(0)}@media (max-width: 991px){.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] #menu-min-icon[_ngcontent-%COMP%]{display:none}}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%]{width:240px;overflow-y:auto}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:30px 0 0;padding:10px 0 90px;max-height:calc(100% - 150px);overflow-y:auto}@media (max-width: 991px){.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{margin-top:0}}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]{position:relative;margin-bottom:3px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:after{bottom:0;content:\"\";position:absolute;left:-5px;top:0;transition:transform .2s ease-in-out;width:5px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{display:block;font-size:14px;font-weight:500;padding:5px 5px 10px 20px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{height:auto;top:6px;margin-right:15px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{margin-bottom:0;transition:opacity .2s ease-in-out}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:hover > .item-link[_ngcontent-%COMP%]{font-weight:600}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:hover:after{transform:translate(4px)}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.active[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.opened[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{background:transparent;font-weight:600}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.active[_ngcontent-%COMP%]:after, .uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.opened[_ngcontent-%COMP%]:after{transform:translate(4px)}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.disabled[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{opacity:.5;cursor:default}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{font-family:Open Sans,sans-serif;visibility:hidden;opacity:0;position:fixed;left:240px;width:370px;padding:0 40px;top:100px;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{display:none}}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] h4[_ngcontent-%COMP%]{font-size:24px;font-weight:500}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{margin:0;padding:0;list-style:none}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{margin:10px 3px}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{font-size:14px;font-weight:500;cursor:pointer;padding:5px 0;margin:0;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{text-decoration:none!important;font-weight:600!important}.uxc3[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.opened[_ngcontent-%COMP%] .sub-menu[_ngcontent-%COMP%]{visibility:visible;opacity:1}.uxc3[_nghost-%COMP%] .sidebar-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-3}.uxc2[_nghost-%COMP%]{display:block;height:100%;left:0;position:fixed;top:0;transition:left .2s ease-in-out;width:240px;z-index:997}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]{left:-240px}}.uxc2[_nghost-%COMP%] .logo[_ngcontent-%COMP%]{background:main-color(600);display:block;height:70px}.uxc2[_nghost-%COMP%] .logo[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{align-items:flex-end;display:flex;font-family:Open Sans,sans-serif;height:inherit;padding:5px 15px;text-decoration:none}.uxc2[_nghost-%COMP%] .logo[_ngcontent-%COMP%] a[_ngcontent-%COMP%] i.logo-img[_ngcontent-%COMP%]{width:210px;height:50px;margin:auto;vertical-align:top}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%]{position:relative;z-index:9999}}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%]{background-size:cover;padding:8px 20px}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{margin:0;font-size:1.2em}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] small[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] label[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin-top:5px}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] p[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{font-size:.9em;cursor:pointer}.uxc2[_nghost-%COMP%] .site-sidebar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] p[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{text-decoration:underline}.uxc2[_nghost-%COMP%] .sidebar-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%]{display:block;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%]{width:240px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;padding:10px 0 22px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]{position:relative;margin-bottom:3px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:after{bottom:0;content:\"\";position:absolute;right:100%;top:0;transition:transform .2s ease-in-out;width:4px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%]{display:block;font-size:1rem;font-weight:400;padding:11px 22px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%] .item-badge[_ngcontent-%COMP%]{border-radius:8px;float:right;font-size:10px;line-height:1;margin-top:2px;padding:2px 6px 4px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{transition:color .2s ease-in-out;width:22px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{font-size:18px;height:auto;width:25px;top:4px}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.menu-item-group[_ngcontent-%COMP%]:after{display:none}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .group-title[_ngcontent-%COMP%]{color:#0009;display:block;font-size:.8rem;font-weight:600;padding:6px 22px 5px;text-transform:uppercase}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub[_ngcontent-%COMP%]{list-style-type:none;overflow:hidden;margin:0;max-height:0;padding:0;transition:max-height .1s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .item-link[_ngcontent-%COMP%]{padding:5px 22px 6px 48px;font-size:.9em}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%] .sub[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:first-child > .item-link[_ngcontent-%COMP%]:before{border-top:1px solid transparent;content:\"\";left:0;position:absolute;right:0;top:0;transition:border .2s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item[_ngcontent-%COMP%]:hover:not(.disabled):after{transform:translate(4px)}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.active[_ngcontent-%COMP%]:after{transform:translate(4px)}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.disabled[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{opacity:.5;cursor:default}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub[_ngcontent-%COMP%]{position:relative}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{position:relative}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .caret[_ngcontent-%COMP%]{margin-top:.55rem;position:absolute;right:13px;top:6px;transition:transform .1s ease-in-out}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub.active[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%] .caret[_ngcontent-%COMP%]{transform:rotate(90deg)}.uxc2[_nghost-%COMP%] nav[_ngcontent-%COMP%] .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] .menu-item.has-sub.active[_ngcontent-%COMP%] > .sub[_ngcontent-%COMP%]{max-height:1000px}"] });
|
|
7688
7688
|
(function () {
|
|
7689
7689
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoSidebarComponent, [{
|
|
7690
7690
|
type: Component,
|
|
7691
|
-
args: [{ selector: 'info-sidebar', template: "<ng-container *ngIf=\"_platform.Config.ux >= 3\">\r\n <div class=\"site-sidebar\" [ngClass]=\"{ 'opened': openSubmenu }\" >\r\n <nav>\r\n <div class=\"main-menu\">\r\n <a id=\"menu-min-icon\" (click)=\"toggleSidebar()\">\r\n <mat-icon [ngClass]=\"{ 'min': _platform.MenuMin }\">menu</mat-icon>\r\n </a>\r\n\r\n <ul *ngIf=\"menu\">\r\n \r\n <li class=\"menu-item\" *ngFor=\"let m of menu\" [ngClass]=\"{ 'active': menuAtivo == m.Title, 'disabled': !m.Enabled, 'opened': openSubmenu == m.Title }\">\r\n \r\n <a *ngIf=\"m.Sub == null\" [routerLink]=\"m.Routing\" class=\"item-link\" (click)=\"changeSidebar();access(m.Title);tooltip.hide();\" >\r\n <mat-icon #tooltip=\"matTooltip\" [matTooltip]=\"m.Title | translate\" [matTooltipDisabled]=\"!_platform.MenuMin\" matTooltipPosition=\"right\" [matTooltipShowDelay]=\"600\" matTooltipClass=\"mat-tooltip\">{{ m.Icon }}</mat-icon>\r\n <label class=\"title\">{{ m.Title | translate }}</label>\r\n </a>\r\n \r\n <ng-container *ngIf=\"m.Sub != null\">\r\n <a class=\"item-link\" (click)=\"toggleSubmenu(m.Title);tooltip.hide();\" >\r\n <mat-icon #tooltip=\"matTooltip\" [matTooltip]=\"m.Title | translate\" [matTooltipDisabled]=\"!_platform.MenuMin\" matTooltipPosition=\"right\" [matTooltipShowDelay]=\"600\" matTooltipClass=\"mat-tooltip\" >{{ m.Icon }}</mat-icon>\r\n <label class=\"title\">{{ m.Title | translate }}</label>\r\n </a>\r\n \r\n <div class=\"sub-menu\">\r\n <h4>{{ m.Title | translate }}</h4>\r\n \r\n <ul>\r\n <li *ngFor=\"let s of m.Sub\">\r\n <a [routerLink]=\"s.Routing\" class=\"item-link\" (click)=\"changeSidebar();access(m.Title);\" >{{ s.Title | translate }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </ng-container>\r\n </li>\r\n </ul>\r\n </div>\r\n </nav>\r\n <div class=\"sub-menu-overlay\" (click)=\"openSubmenu = ''\"></div>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"_platform.Config.ux <= 2\">\r\n <div class=\"site-sidebar\">\r\n\r\n <div class=\"logo\">\r\n <a href=\"/\" >\r\n <i class=\"logo-img\"></i>\r\n </a>\r\n </div>\r\n\r\n <div class=\"info\">\r\n <span>{{ _session.Usuario }}</span>\r\n <small>{{ _session.Perfil }}</small>\r\n </div>\r\n\r\n <nav>\r\n <div class=\"main-menu\">\r\n <section class=\"loading-bar\" *ngIf=\"loading\">\r\n <mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar>\r\n </section>\r\n <ul *ngIf=\"menu\">\r\n <li class=\"menu-item\" *ngFor=\"let m of menu\" [ngClass]=\"{ 'has-sub': m.Sub != null, 'active': m.Active, 'menu-item-group': m.Group, 'disabled': !m.Enabled }\">\r\n \r\n <!-- Grupos -->\r\n <span class=\"group-title\" *ngIf=\"m.Group\">{{ m.Title }} </span>\r\n \r\n <!-- Itens -->\r\n <a href=\"#\" [routerLink]=\"m.Routing\" class=\"item-link\" *ngIf=\"!m.Group && m.Sub == null && m.Enabled\" (click)=\"toggle($event, m);resetLastSearch();\">\r\n <mat-icon>{{ m.Icon }}</mat-icon>{{ m.Title | translate }}\r\n </a>\r\n \r\n <a class=\"item-link\" *ngIf=\"!m.Group && m.Sub == null && !m.Enabled\">\r\n <mat-icon>{{ m.Icon }}</mat-icon>{{ m.Title | translate }} \r\n </a>\r\n \r\n <!-- Item com submenu -->\r\n <a href=\"#\" class=\"item-link\" *ngIf=\"!m.Group && m.Sub != null\" (click)=\"toggle($event, m)\">\r\n <mat-icon class=\"icon\">{{ m.Icon }}</mat-icon>{{ m.Title | translate }}\r\n <i class=\"caret fa fa-angle-right\" *ngIf=\"m.Sub\"></i>\r\n </a>\r\n \r\n <!-- Sub Menu -->\r\n <ul class=\"sub\" *ngIf=\"!m.Group && m.Sub != null\">\r\n <li class=\"menu-item\" *ngFor=\"let s of m.Sub\">\r\n <a [routerLink]=\"s.Routing\" (click)=\"resetLastSearch()\" class=\"item-link\" >{{ s.Title | translate }}</a>\r\n </li>\r\n </ul>\r\n </li>\r\n </ul>\r\n </div>\r\n </nav>\r\n </div>\r\n</ng-container>\r\n\r\n<div class=\"sidebar-overlay\"></div>", styles: [":host.uxc3{display:block;height:100%;left:0;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:240px;z-index:9997}@media screen and (max-width: 991px){:host.uxc3{left:-240px;top:84px}}:host.uxc3 .site-sidebar{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media screen and (max-width: 991px){:host.uxc3 .site-sidebar{position:relative}:host.uxc3 .site-sidebar:before{top:180px}}:host.uxc3 .site-sidebar:before{position:fixed;content:\" \";visibility:hidden;left:240px;top:0;width:370px;height:100%;z-index:-1;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}@media screen and (max-width: 991px){:host.uxc3 .site-sidebar:before{display:none}}:host.uxc3 .site-sidebar.opened:before{opacity:1;visibility:visible}:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:.5;visibility:visible}@media screen and (max-width: 991px){:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:0!important}}:host.uxc3 .site-sidebar .sub-menu-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-2}:host.uxc3 nav{display:block;padding-top:5px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}:host.uxc3 nav #menu-min-icon{position:absolute;top:20px;right:20px;width:20px;height:20px;cursor:pointer;transition:right .2s ease-in-out}:host.uxc3 nav #menu-min-icon mat-icon{font-size:20px;width:inherit;height:inherit;transition:transform .2s ease-in-out;transform:rotate(180deg)}:host.uxc3 nav #menu-min-icon mat-icon.min{transform:rotate(0)}@media (max-width: 991px){:host.uxc3 nav #menu-min-icon{display:none}}:host.uxc3 nav .main-menu{width:240px;overflow-y:auto}:host.uxc3 nav .main-menu>ul{list-style-type:none;margin:30px 0 0;padding:10px 0 90px}@media (max-width: 991px){:host.uxc3 nav .main-menu>ul{margin-top:0}}:host.uxc3 nav .main-menu>ul .menu-item{position:relative;margin-bottom:3px}:host.uxc3 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";position:absolute;left:-5px;top:0;transition:transform .2s ease-in-out;width:5px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link{display:block;font-size:14px;font-weight:500;padding:5px 5px 10px 20px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .mat-icon{height:auto;top:6px;margin-right:15px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .title{margin-bottom:0;transition:opacity .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item:hover>.item-link{font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item:hover:after{transform:translate(4px)}:host.uxc3 nav .main-menu>ul .menu-item.active>.item-link,:host.uxc3 nav .main-menu>ul .menu-item.opened>.item-link{background:transparent;font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item.active:after,:host.uxc3 nav .main-menu>ul .menu-item.opened:after{transform:translate(4px)}:host.uxc3 nav .main-menu>ul .menu-item.disabled>.item-link{opacity:.5;cursor:default}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{font-family:Open Sans,sans-serif;visibility:hidden;opacity:0;position:fixed;left:240px;width:370px;padding:0 40px;top:100px;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out}@media screen and (max-width: 991px){:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{display:none}}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu h4{font-size:24px;font-weight:500}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul{margin:0;padding:0;list-style:none}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li{margin:10px 3px}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a{font-size:14px;font-weight:500;cursor:pointer;padding:5px 0;margin:0;transition:color .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a:hover{text-decoration:none!important;font-weight:600!important}:host.uxc3 nav .main-menu>ul .menu-item.opened .sub-menu{visibility:visible;opacity:1}:host.uxc3 .sidebar-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-3}:host.uxc2{display:block;height:100%;left:0;position:fixed;top:0;transition:left .2s ease-in-out;width:240px;z-index:997}@media only screen and (max-width: 991px){:host.uxc2{left:-240px}}:host.uxc2 .logo{background:main-color(600);display:block;height:70px}:host.uxc2 .logo a{align-items:flex-end;display:flex;font-family:Open Sans,sans-serif;height:inherit;padding:5px 15px;text-decoration:none}:host.uxc2 .logo a i.logo-img{width:210px;height:50px;margin:auto;vertical-align:top}:host.uxc2 .site-sidebar{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media only screen and (max-width: 991px){:host.uxc2 .site-sidebar{position:relative;z-index:9999}}:host.uxc2 .site-sidebar .info{background-size:cover;padding:8px 20px}:host.uxc2 .site-sidebar .info span{margin:0;font-size:1.2em}:host.uxc2 .site-sidebar .info small{display:block}:host.uxc2 .site-sidebar .info label{display:block}:host.uxc2 .site-sidebar .info p{margin-top:5px}:host.uxc2 .site-sidebar .info p a{font-size:.9em;cursor:pointer}:host.uxc2 .site-sidebar .info p a:hover{text-decoration:underline}:host.uxc2 .sidebar-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}:host.uxc2 nav{display:block;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}:host.uxc2 nav .main-menu{width:240px}:host.uxc2 nav .main-menu>ul{list-style-type:none;margin:0;padding:10px 0 22px}:host.uxc2 nav .main-menu>ul .menu-item{position:relative;margin-bottom:3px}:host.uxc2 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";position:absolute;right:100%;top:0;transition:transform .2s ease-in-out;width:4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link{display:block;font-size:1rem;font-weight:400;padding:11px 22px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .item-link .item-badge{border-radius:8px;float:right;font-size:10px;line-height:1;margin-top:2px;padding:2px 6px 4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .icon{transition:color .2s ease-in-out;width:22px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .mat-icon{font-size:18px;height:auto;width:25px;top:4px}:host.uxc2 nav .main-menu>ul .menu-item.menu-item-group:after{display:none}:host.uxc2 nav .main-menu>ul .menu-item .group-title{color:#0009;display:block;font-size:.8rem;font-weight:600;padding:6px 22px 5px;text-transform:uppercase}:host.uxc2 nav .main-menu>ul .menu-item .sub{list-style-type:none;overflow:hidden;margin:0;max-height:0;padding:0;transition:max-height .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item .item-link{padding:5px 22px 6px 48px;font-size:.9em}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item:first-child>.item-link:before{border-top:1px solid transparent;content:\"\";left:0;position:absolute;right:0;top:0;transition:border .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item:hover:not(.disabled):after{transform:translate(4px)}:host.uxc2 nav .main-menu>ul .menu-item.active:after{transform:translate(4px)}:host.uxc2 nav .main-menu>ul .menu-item.disabled>.item-link{opacity:.5;cursor:default}:host.uxc2 nav .main-menu>ul .menu-item.has-sub{position:relative}:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link{position:relative}:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link .caret{margin-top:.55rem;position:absolute;right:13px;top:6px;transition:transform .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.item-link .caret{transform:rotate(90deg)}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.sub{max-height:1000px}\n"] }]
|
|
7691
|
+
args: [{ selector: 'info-sidebar', template: "<ng-container *ngIf=\"_platform.Config.ux >= 3\">\r\n <div class=\"site-sidebar\" [ngClass]=\"{ 'opened': openSubmenu }\" >\r\n <nav>\r\n <div class=\"main-menu\">\r\n <a id=\"menu-min-icon\" (click)=\"toggleSidebar()\">\r\n <mat-icon [ngClass]=\"{ 'min': _platform.MenuMin }\">menu</mat-icon>\r\n </a>\r\n\r\n <ul *ngIf=\"menu\">\r\n \r\n <li class=\"menu-item\" *ngFor=\"let m of menu\" [ngClass]=\"{ 'active': menuAtivo == m.Title, 'disabled': !m.Enabled, 'opened': openSubmenu == m.Title }\">\r\n \r\n <a *ngIf=\"m.Sub == null\" [routerLink]=\"m.Routing\" class=\"item-link\" (click)=\"changeSidebar();access(m.Title);tooltip.hide();\" >\r\n <mat-icon #tooltip=\"matTooltip\" [matTooltip]=\"m.Title | translate\" [matTooltipDisabled]=\"!_platform.MenuMin\" matTooltipPosition=\"right\" [matTooltipShowDelay]=\"600\" matTooltipClass=\"mat-tooltip\">{{ m.Icon }}</mat-icon>\r\n <label class=\"title\">{{ m.Title | translate }}</label>\r\n </a>\r\n \r\n <ng-container *ngIf=\"m.Sub != null\">\r\n <a class=\"item-link\" (click)=\"toggleSubmenu(m.Title);tooltip.hide();\" >\r\n <mat-icon #tooltip=\"matTooltip\" [matTooltip]=\"m.Title | translate\" [matTooltipDisabled]=\"!_platform.MenuMin\" matTooltipPosition=\"right\" [matTooltipShowDelay]=\"600\" matTooltipClass=\"mat-tooltip\" >{{ m.Icon }}</mat-icon>\r\n <label class=\"title\">{{ m.Title | translate }}</label>\r\n </a>\r\n \r\n <div class=\"sub-menu\">\r\n <h4>{{ m.Title | translate }}</h4>\r\n \r\n <ul>\r\n <li *ngFor=\"let s of m.Sub\">\r\n <a [routerLink]=\"s.Routing\" class=\"item-link\" (click)=\"changeSidebar();access(m.Title);\" >{{ s.Title | translate }}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </ng-container>\r\n </li>\r\n </ul>\r\n </div>\r\n </nav>\r\n <div class=\"sub-menu-overlay\" (click)=\"openSubmenu = ''\"></div>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"_platform.Config.ux <= 2\">\r\n <div class=\"site-sidebar\">\r\n\r\n <div class=\"logo\">\r\n <a href=\"/\" >\r\n <i class=\"logo-img\"></i>\r\n </a>\r\n </div>\r\n\r\n <div class=\"info\">\r\n <span>{{ _session.Usuario }}</span>\r\n <small>{{ _session.Perfil }}</small>\r\n </div>\r\n\r\n <nav>\r\n <div class=\"main-menu\">\r\n <section class=\"loading-bar\" *ngIf=\"loading\">\r\n <mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar>\r\n </section>\r\n <ul *ngIf=\"menu\">\r\n <li class=\"menu-item\" *ngFor=\"let m of menu\" [ngClass]=\"{ 'has-sub': m.Sub != null, 'active': m.Active, 'menu-item-group': m.Group, 'disabled': !m.Enabled }\">\r\n \r\n <!-- Grupos -->\r\n <span class=\"group-title\" *ngIf=\"m.Group\">{{ m.Title }} </span>\r\n \r\n <!-- Itens -->\r\n <a href=\"#\" [routerLink]=\"m.Routing\" class=\"item-link\" *ngIf=\"!m.Group && m.Sub == null && m.Enabled\" (click)=\"toggle($event, m);resetLastSearch();\">\r\n <mat-icon>{{ m.Icon }}</mat-icon>{{ m.Title | translate }}\r\n </a>\r\n \r\n <a class=\"item-link\" *ngIf=\"!m.Group && m.Sub == null && !m.Enabled\">\r\n <mat-icon>{{ m.Icon }}</mat-icon>{{ m.Title | translate }} \r\n </a>\r\n \r\n <!-- Item com submenu -->\r\n <a href=\"#\" class=\"item-link\" *ngIf=\"!m.Group && m.Sub != null\" (click)=\"toggle($event, m)\">\r\n <mat-icon class=\"icon\">{{ m.Icon }}</mat-icon>{{ m.Title | translate }}\r\n <i class=\"caret fa fa-angle-right\" *ngIf=\"m.Sub\"></i>\r\n </a>\r\n \r\n <!-- Sub Menu -->\r\n <ul class=\"sub\" *ngIf=\"!m.Group && m.Sub != null\">\r\n <li class=\"menu-item\" *ngFor=\"let s of m.Sub\">\r\n <a [routerLink]=\"s.Routing\" (click)=\"resetLastSearch()\" class=\"item-link\" >{{ s.Title | translate }}</a>\r\n </li>\r\n </ul>\r\n </li>\r\n </ul>\r\n </div>\r\n </nav>\r\n </div>\r\n</ng-container>\r\n\r\n<div class=\"sidebar-overlay\"></div>", styles: [":host.uxc3{display:block;height:100%;left:0;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:240px;z-index:9997}@media screen and (max-width: 991px){:host.uxc3{left:-240px;top:84px}}:host.uxc3 .site-sidebar{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media screen and (max-width: 991px){:host.uxc3 .site-sidebar{position:relative}:host.uxc3 .site-sidebar:before{top:180px}}:host.uxc3 .site-sidebar:before{position:fixed;content:\" \";visibility:hidden;left:240px;top:0;width:370px;height:100%;z-index:-1;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}@media screen and (max-width: 991px){:host.uxc3 .site-sidebar:before{display:none}}:host.uxc3 .site-sidebar.opened:before{opacity:1;visibility:visible}:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:.5;visibility:visible}@media screen and (max-width: 991px){:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:0!important}}:host.uxc3 .site-sidebar .sub-menu-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-2}:host.uxc3 nav{display:block;padding-top:5px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}:host.uxc3 nav #menu-min-icon{position:absolute;top:20px;right:20px;width:20px;height:20px;cursor:pointer;transition:right .2s ease-in-out}:host.uxc3 nav #menu-min-icon mat-icon{font-size:20px;width:inherit;height:inherit;transition:transform .2s ease-in-out;transform:rotate(180deg)}:host.uxc3 nav #menu-min-icon mat-icon.min{transform:rotate(0)}@media (max-width: 991px){:host.uxc3 nav #menu-min-icon{display:none}}:host.uxc3 nav .main-menu{width:240px;overflow-y:auto}:host.uxc3 nav .main-menu>ul{list-style-type:none;margin:30px 0 0;padding:10px 0 90px;max-height:calc(100% - 150px);overflow-y:auto}@media (max-width: 991px){:host.uxc3 nav .main-menu>ul{margin-top:0}}:host.uxc3 nav .main-menu>ul .menu-item{position:relative;margin-bottom:3px}:host.uxc3 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";position:absolute;left:-5px;top:0;transition:transform .2s ease-in-out;width:5px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link{display:block;font-size:14px;font-weight:500;padding:5px 5px 10px 20px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .mat-icon{height:auto;top:6px;margin-right:15px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .title{margin-bottom:0;transition:opacity .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item:hover>.item-link{font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item:hover:after{transform:translate(4px)}:host.uxc3 nav .main-menu>ul .menu-item.active>.item-link,:host.uxc3 nav .main-menu>ul .menu-item.opened>.item-link{background:transparent;font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item.active:after,:host.uxc3 nav .main-menu>ul .menu-item.opened:after{transform:translate(4px)}:host.uxc3 nav .main-menu>ul .menu-item.disabled>.item-link{opacity:.5;cursor:default}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{font-family:Open Sans,sans-serif;visibility:hidden;opacity:0;position:fixed;left:240px;width:370px;padding:0 40px;top:100px;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out}@media screen and (max-width: 991px){:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{display:none}}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu h4{font-size:24px;font-weight:500}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul{margin:0;padding:0;list-style:none}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li{margin:10px 3px}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a{font-size:14px;font-weight:500;cursor:pointer;padding:5px 0;margin:0;transition:color .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a:hover{text-decoration:none!important;font-weight:600!important}:host.uxc3 nav .main-menu>ul .menu-item.opened .sub-menu{visibility:visible;opacity:1}:host.uxc3 .sidebar-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-3}:host.uxc2{display:block;height:100%;left:0;position:fixed;top:0;transition:left .2s ease-in-out;width:240px;z-index:997}@media only screen and (max-width: 991px){:host.uxc2{left:-240px}}:host.uxc2 .logo{background:main-color(600);display:block;height:70px}:host.uxc2 .logo a{align-items:flex-end;display:flex;font-family:Open Sans,sans-serif;height:inherit;padding:5px 15px;text-decoration:none}:host.uxc2 .logo a i.logo-img{width:210px;height:50px;margin:auto;vertical-align:top}:host.uxc2 .site-sidebar{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media only screen and (max-width: 991px){:host.uxc2 .site-sidebar{position:relative;z-index:9999}}:host.uxc2 .site-sidebar .info{background-size:cover;padding:8px 20px}:host.uxc2 .site-sidebar .info span{margin:0;font-size:1.2em}:host.uxc2 .site-sidebar .info small{display:block}:host.uxc2 .site-sidebar .info label{display:block}:host.uxc2 .site-sidebar .info p{margin-top:5px}:host.uxc2 .site-sidebar .info p a{font-size:.9em;cursor:pointer}:host.uxc2 .site-sidebar .info p a:hover{text-decoration:underline}:host.uxc2 .sidebar-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}:host.uxc2 nav{display:block;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}:host.uxc2 nav .main-menu{width:240px}:host.uxc2 nav .main-menu>ul{list-style-type:none;margin:0;padding:10px 0 22px}:host.uxc2 nav .main-menu>ul .menu-item{position:relative;margin-bottom:3px}:host.uxc2 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";position:absolute;right:100%;top:0;transition:transform .2s ease-in-out;width:4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link{display:block;font-size:1rem;font-weight:400;padding:11px 22px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .item-link .item-badge{border-radius:8px;float:right;font-size:10px;line-height:1;margin-top:2px;padding:2px 6px 4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .icon{transition:color .2s ease-in-out;width:22px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .mat-icon{font-size:18px;height:auto;width:25px;top:4px}:host.uxc2 nav .main-menu>ul .menu-item.menu-item-group:after{display:none}:host.uxc2 nav .main-menu>ul .menu-item .group-title{color:#0009;display:block;font-size:.8rem;font-weight:600;padding:6px 22px 5px;text-transform:uppercase}:host.uxc2 nav .main-menu>ul .menu-item .sub{list-style-type:none;overflow:hidden;margin:0;max-height:0;padding:0;transition:max-height .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item .item-link{padding:5px 22px 6px 48px;font-size:.9em}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item:first-child>.item-link:before{border-top:1px solid transparent;content:\"\";left:0;position:absolute;right:0;top:0;transition:border .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item:hover:not(.disabled):after{transform:translate(4px)}:host.uxc2 nav .main-menu>ul .menu-item.active:after{transform:translate(4px)}:host.uxc2 nav .main-menu>ul .menu-item.disabled>.item-link{opacity:.5;cursor:default}:host.uxc2 nav .main-menu>ul .menu-item.has-sub{position:relative}:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link{position:relative}:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link .caret{margin-top:.55rem;position:absolute;right:13px;top:6px;transition:transform .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.item-link .caret{transform:rotate(90deg)}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.sub{max-height:1000px}\n"] }]
|
|
7692
7692
|
}], function () { return [{ type: InfoDataService }, { type: InfoAuthenticationService }, { type: InfoThemeService }, { type: InfoSessionModel }, { type: InfoPlatformModel }, { type: InfoLastSearchModel }, { type: i1$1.Router }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { api: [{
|
|
7693
7693
|
type: Input
|
|
7694
7694
|
}], method: [{
|