@churchillliving/se-ui-toolkit 6.53.594 → 6.53.595
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.
|
@@ -105,11 +105,11 @@ export class MenuBarComponent {
|
|
|
105
105
|
});
|
|
106
106
|
}
|
|
107
107
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: MenuBarComponent, deps: [{ token: i1.AuthenticationService }, { token: i2.CookieService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
108
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: MenuBarComponent, selector: "se-menu-bar", inputs: { hiddenPanelMenu: "hiddenPanelMenu", toolTip: "toolTip", menuItemsTop: "menuItemsTop", menuItemsBottom: "menuItemsBottom", menuFooter: "menuFooter", menuTitle: "menuTitle", headshotPath: "headshotPath" }, outputs: { onClickEvent: "onClickEvent" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"wrapper menu-bar-wrapper main-menu-bar menu-bar-component\" *ngIf=\"hiddenPanelMenu\">\n <div\n *ngIf=\"!isMenubarHidden\"\n class=\"p-0 sidebar\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <!-- [style]=\"{ backgroundColor: menuBackColor }\" -->\n <div class=\"flex align-items-center toggle-btn\">\n <p-avatar \n pBadge\n (click)=\"clickEvent()\"\n [image]=\"headshotPath\" \n size=\"xlarge\"\n [hidden]=\"!this.headshotPath\"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n <p-avatar \n pBadge\n (click)=\"clickEvent()\"\n icon=\"pi pi-user\" \n size=\"xlarge\"\n [hidden]=\"this.headshotPath\"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n <button class=\"toggle-btn hover-scale\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\" \n [ngClass]=\"toggleMenu ? 'pi-chevron-right' : 'pi-chevron-left'\"\n ></i>\n \n <span>{{ menuTitle }}</span>\n </button>\n </div>\n <nav\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <div class=\"main-menu-menus-wrapper\">\n <div class=\"top-menu-main-menu-wrapper\">\n <p-panelMenu [model]=\"menuBarItemsTop\" class=\"menuSidebar first\"></p-panelMenu>\n </div>\n <div class=\"bottom-menu-main-menu-wrapper\">\n <p-panelMenu [model]=\"menuBarItemsBottom\" class=\"menuSidebar second\"></p-panelMenu>\n </div>\n </div>\n </nav>\n <div class=\"nav-footer m-2\" [innerHtml]=\"menuFooter\"></div>\n </div>\n</div>\n", styles: [".wrapper{position:relative;z-index:1}.hide-nav .p-menuitem-text,.hide-nav .p-panelmenu-icon,.hide-nav+.nav-footer{display:none;opacity:0}
|
|
108
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: MenuBarComponent, selector: "se-menu-bar", inputs: { hiddenPanelMenu: "hiddenPanelMenu", toolTip: "toolTip", menuItemsTop: "menuItemsTop", menuItemsBottom: "menuItemsBottom", menuFooter: "menuFooter", menuTitle: "menuTitle", headshotPath: "headshotPath" }, outputs: { onClickEvent: "onClickEvent" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"wrapper menu-bar-wrapper main-menu-bar menu-bar-component\" *ngIf=\"hiddenPanelMenu\">\n <div\n *ngIf=\"!isMenubarHidden\"\n class=\"p-0 sidebar\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <!-- [style]=\"{ backgroundColor: menuBackColor }\" -->\n <div class=\"flex align-items-center toggle-btn\">\n <p-avatar \n pBadge\n (click)=\"clickEvent()\"\n [image]=\"headshotPath\" \n size=\"xlarge\"\n [hidden]=\"!this.headshotPath\"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n <p-avatar \n pBadge\n (click)=\"clickEvent()\"\n icon=\"pi pi-user\" \n size=\"xlarge\"\n [hidden]=\"this.headshotPath\"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n <button class=\"toggle-btn hover-scale\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\" \n [ngClass]=\"toggleMenu ? 'pi-chevron-right' : 'pi-chevron-left'\"\n ></i>\n \n <span>{{ menuTitle }}</span>\n </button>\n </div>\n <nav\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <div class=\"main-menu-menus-wrapper\">\n <div class=\"top-menu-main-menu-wrapper\">\n <p-panelMenu [model]=\"menuBarItemsTop\" class=\"menuSidebar first\"></p-panelMenu>\n </div>\n <div class=\"bottom-menu-main-menu-wrapper\">\n <p-panelMenu [model]=\"menuBarItemsBottom\" class=\"menuSidebar second\"></p-panelMenu>\n </div>\n </div>\n </nav>\n <div class=\"nav-footer m-2\" [innerHtml]=\"menuFooter\"></div>\n </div>\n</div>\n", styles: [".wrapper{position:relative;z-index:1}.hide-nav .p-menuitem-text,.hide-nav .p-panelmenu-icon,.hide-nav+.nav-footer{display:none;opacity:0}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.PanelMenu, selector: "p-panelMenu", inputs: ["model", "style", "styleClass", "multiple", "transitionOptions", "id", "tabindex"] }, { kind: "component", type: i6.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "style", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }] }); }
|
|
109
109
|
}
|
|
110
110
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: MenuBarComponent, decorators: [{
|
|
111
111
|
type: Component,
|
|
112
|
-
args: [{ selector: 'se-menu-bar', template: "<div class=\"wrapper menu-bar-wrapper main-menu-bar menu-bar-component\" *ngIf=\"hiddenPanelMenu\">\n <div\n *ngIf=\"!isMenubarHidden\"\n class=\"p-0 sidebar\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <!-- [style]=\"{ backgroundColor: menuBackColor }\" -->\n <div class=\"flex align-items-center toggle-btn\">\n <p-avatar \n pBadge\n (click)=\"clickEvent()\"\n [image]=\"headshotPath\" \n size=\"xlarge\"\n [hidden]=\"!this.headshotPath\"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n <p-avatar \n pBadge\n (click)=\"clickEvent()\"\n icon=\"pi pi-user\" \n size=\"xlarge\"\n [hidden]=\"this.headshotPath\"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n <button class=\"toggle-btn hover-scale\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\" \n [ngClass]=\"toggleMenu ? 'pi-chevron-right' : 'pi-chevron-left'\"\n ></i>\n \n <span>{{ menuTitle }}</span>\n </button>\n </div>\n <nav\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <div class=\"main-menu-menus-wrapper\">\n <div class=\"top-menu-main-menu-wrapper\">\n <p-panelMenu [model]=\"menuBarItemsTop\" class=\"menuSidebar first\"></p-panelMenu>\n </div>\n <div class=\"bottom-menu-main-menu-wrapper\">\n <p-panelMenu [model]=\"menuBarItemsBottom\" class=\"menuSidebar second\"></p-panelMenu>\n </div>\n </div>\n </nav>\n <div class=\"nav-footer m-2\" [innerHtml]=\"menuFooter\"></div>\n </div>\n</div>\n", styles: [".wrapper{position:relative;z-index:1}.hide-nav .p-menuitem-text,.hide-nav .p-panelmenu-icon,.hide-nav+.nav-footer{display:none;opacity:0}
|
|
112
|
+
args: [{ selector: 'se-menu-bar', template: "<div class=\"wrapper menu-bar-wrapper main-menu-bar menu-bar-component\" *ngIf=\"hiddenPanelMenu\">\n <div\n *ngIf=\"!isMenubarHidden\"\n class=\"p-0 sidebar\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <!-- [style]=\"{ backgroundColor: menuBackColor }\" -->\n <div class=\"flex align-items-center toggle-btn\">\n <p-avatar \n pBadge\n (click)=\"clickEvent()\"\n [image]=\"headshotPath\" \n size=\"xlarge\"\n [hidden]=\"!this.headshotPath\"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n <p-avatar \n pBadge\n (click)=\"clickEvent()\"\n icon=\"pi pi-user\" \n size=\"xlarge\"\n [hidden]=\"this.headshotPath\"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n <button class=\"toggle-btn hover-scale\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\" \n [ngClass]=\"toggleMenu ? 'pi-chevron-right' : 'pi-chevron-left'\"\n ></i>\n \n <span>{{ menuTitle }}</span>\n </button>\n </div>\n <nav\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <div class=\"main-menu-menus-wrapper\">\n <div class=\"top-menu-main-menu-wrapper\">\n <p-panelMenu [model]=\"menuBarItemsTop\" class=\"menuSidebar first\"></p-panelMenu>\n </div>\n <div class=\"bottom-menu-main-menu-wrapper\">\n <p-panelMenu [model]=\"menuBarItemsBottom\" class=\"menuSidebar second\"></p-panelMenu>\n </div>\n </div>\n </nav>\n <div class=\"nav-footer m-2\" [innerHtml]=\"menuFooter\"></div>\n </div>\n</div>\n", styles: [".wrapper{position:relative;z-index:1}.hide-nav .p-menuitem-text,.hide-nav .p-panelmenu-icon,.hide-nav+.nav-footer{display:none;opacity:0}\n"] }]
|
|
113
113
|
}], ctorParameters: function () { return [{ type: i1.AuthenticationService }, { type: i2.CookieService }, { type: i3.Router }]; }, propDecorators: { hiddenPanelMenu: [{
|
|
114
114
|
type: Input
|
|
115
115
|
}], toolTip: [{
|
|
@@ -301,11 +301,11 @@ export class SidebarComponent {
|
|
|
301
301
|
});
|
|
302
302
|
}
|
|
303
303
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SidebarComponent, deps: [{ token: i0.Renderer2 }, { token: i1.AuthenticationService }, { token: i2.DialogService }, { token: i3.Router }, { token: i4.PageLoggerService }, { token: i5.HyperlinkService }, { token: i6.AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
304
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SidebarComponent, selector: "se-sidebar", inputs: { navHidden: "navHidden", collapseSidebar: "collapseSidebar", menuTitle: "menuTitle", activeTestMode: "activeTestMode", sidebarItems: "sidebarItems" }, ngImport: i0, template: "<span\n *ngIf=\"!isSidebarHidden && sidebarItemsList && sidebarItemsList.length > 0\"\n>\n<span *ngIf=\"!navHidden\">\n <nav\n *ngIf=\"!collapseSidebar\"\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <button class=\"toggle-btn\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\"\n [ngClass]=\"toggleMenu ? 'pi-chevron-left' : 'pi-chevron-right'\"\n ></i>\n <span>{{ menuTitle }}</span>\n </button>\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\n </nav>\n</span>\n \n <span *ngIf=\"collapseSidebar\" class=\"navbar navbar-expand-lg p-0 grow-1\"\n class='hide-nav'>\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\n </span>\n</span>", styles: [":host ::ng-deep .p-menu{width:auto!important}:host ::ng-deep .p-panelmenu-header-link .p-panelmenu-icon:before{display:none}.sidebar .navbar{width:260px;overflow:auto;transition:width .5s;-webkit-transition:width .5s}.hide-nav .toggle-btn span{display:none}
|
|
304
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SidebarComponent, selector: "se-sidebar", inputs: { navHidden: "navHidden", collapseSidebar: "collapseSidebar", menuTitle: "menuTitle", activeTestMode: "activeTestMode", sidebarItems: "sidebarItems" }, ngImport: i0, template: "<span\n *ngIf=\"!isSidebarHidden && sidebarItemsList && sidebarItemsList.length > 0\"\n>\n<span *ngIf=\"!navHidden\">\n <nav\n *ngIf=\"!collapseSidebar\"\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <button class=\"toggle-btn\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\"\n [ngClass]=\"toggleMenu ? 'pi-chevron-left' : 'pi-chevron-right'\"\n ></i>\n <span>{{ menuTitle }}</span>\n </button>\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\n </nav>\n</span>\n \n <span *ngIf=\"collapseSidebar\" class=\"navbar navbar-expand-lg p-0 grow-1\"\n class='hide-nav'>\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\n </span>\n</span>", styles: [":host ::ng-deep .p-menu{width:auto!important}:host ::ng-deep .p-panelmenu-header-link .p-panelmenu-icon:before{display:none}.sidebar .navbar{width:260px;overflow:auto;transition:width .5s;-webkit-transition:width .5s}.hide-nav .toggle-btn span{display:none}:host ::ng-deep .hide-nav .p-menuitem-text,:host ::ng-deep .hide-nav .p-panelmenu-icon,:host ::ng-deep .hide-nav+.nav-footer{display:none;opacity:0}\n"], dependencies: [{ kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.PanelMenu, selector: "p-panelMenu", inputs: ["model", "style", "styleClass", "multiple", "transitionOptions", "id", "tabindex"] }] }); }
|
|
305
305
|
}
|
|
306
306
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SidebarComponent, decorators: [{
|
|
307
307
|
type: Component,
|
|
308
|
-
args: [{ selector: 'se-sidebar', template: "<span\n *ngIf=\"!isSidebarHidden && sidebarItemsList && sidebarItemsList.length > 0\"\n>\n<span *ngIf=\"!navHidden\">\n <nav\n *ngIf=\"!collapseSidebar\"\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <button class=\"toggle-btn\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\"\n [ngClass]=\"toggleMenu ? 'pi-chevron-left' : 'pi-chevron-right'\"\n ></i>\n <span>{{ menuTitle }}</span>\n </button>\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\n </nav>\n</span>\n \n <span *ngIf=\"collapseSidebar\" class=\"navbar navbar-expand-lg p-0 grow-1\"\n class='hide-nav'>\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\n </span>\n</span>", styles: [":host ::ng-deep .p-menu{width:auto!important}:host ::ng-deep .p-panelmenu-header-link .p-panelmenu-icon:before{display:none}.sidebar .navbar{width:260px;overflow:auto;transition:width .5s;-webkit-transition:width .5s}.hide-nav .toggle-btn span{display:none}
|
|
308
|
+
args: [{ selector: 'se-sidebar', template: "<span\n *ngIf=\"!isSidebarHidden && sidebarItemsList && sidebarItemsList.length > 0\"\n>\n<span *ngIf=\"!navHidden\">\n <nav\n *ngIf=\"!collapseSidebar\"\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <button class=\"toggle-btn\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\"\n [ngClass]=\"toggleMenu ? 'pi-chevron-left' : 'pi-chevron-right'\"\n ></i>\n <span>{{ menuTitle }}</span>\n </button>\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\n </nav>\n</span>\n \n <span *ngIf=\"collapseSidebar\" class=\"navbar navbar-expand-lg p-0 grow-1\"\n class='hide-nav'>\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\n </span>\n</span>", styles: [":host ::ng-deep .p-menu{width:auto!important}:host ::ng-deep .p-panelmenu-header-link .p-panelmenu-icon:before{display:none}.sidebar .navbar{width:260px;overflow:auto;transition:width .5s;-webkit-transition:width .5s}.hide-nav .toggle-btn span{display:none}:host ::ng-deep .hide-nav .p-menuitem-text,:host ::ng-deep .hide-nav .p-panelmenu-icon,:host ::ng-deep .hide-nav+.nav-footer{display:none;opacity:0}\n"] }]
|
|
309
309
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i1.AuthenticationService }, { type: i2.DialogService }, { type: i3.Router }, { type: i4.PageLoggerService }, { type: i5.HyperlinkService }, { type: i6.AlertService }]; }, propDecorators: { navHidden: [{
|
|
310
310
|
type: Input
|
|
311
311
|
}], collapseSidebar: [{
|
|
@@ -9563,11 +9563,11 @@ class MenuBarComponent {
|
|
|
9563
9563
|
});
|
|
9564
9564
|
}
|
|
9565
9565
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: MenuBarComponent, deps: [{ token: AuthenticationService }, { token: i2$1.CookieService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9566
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: MenuBarComponent, selector: "se-menu-bar", inputs: { hiddenPanelMenu: "hiddenPanelMenu", toolTip: "toolTip", menuItemsTop: "menuItemsTop", menuItemsBottom: "menuItemsBottom", menuFooter: "menuFooter", menuTitle: "menuTitle", headshotPath: "headshotPath" }, outputs: { onClickEvent: "onClickEvent" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"wrapper menu-bar-wrapper main-menu-bar menu-bar-component\" *ngIf=\"hiddenPanelMenu\">\n <div\n *ngIf=\"!isMenubarHidden\"\n class=\"p-0 sidebar\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <!-- [style]=\"{ backgroundColor: menuBackColor }\" -->\n <div class=\"flex align-items-center toggle-btn\">\n <p-avatar \n pBadge\n (click)=\"clickEvent()\"\n [image]=\"headshotPath\" \n size=\"xlarge\"\n [hidden]=\"!this.headshotPath\"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n <p-avatar \n pBadge\n (click)=\"clickEvent()\"\n icon=\"pi pi-user\" \n size=\"xlarge\"\n [hidden]=\"this.headshotPath\"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n <button class=\"toggle-btn hover-scale\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\" \n [ngClass]=\"toggleMenu ? 'pi-chevron-right' : 'pi-chevron-left'\"\n ></i>\n \n <span>{{ menuTitle }}</span>\n </button>\n </div>\n <nav\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <div class=\"main-menu-menus-wrapper\">\n <div class=\"top-menu-main-menu-wrapper\">\n <p-panelMenu [model]=\"menuBarItemsTop\" class=\"menuSidebar first\"></p-panelMenu>\n </div>\n <div class=\"bottom-menu-main-menu-wrapper\">\n <p-panelMenu [model]=\"menuBarItemsBottom\" class=\"menuSidebar second\"></p-panelMenu>\n </div>\n </div>\n </nav>\n <div class=\"nav-footer m-2\" [innerHtml]=\"menuFooter\"></div>\n </div>\n</div>\n", styles: [".wrapper{position:relative;z-index:1}.hide-nav .p-menuitem-text,.hide-nav .p-panelmenu-icon,.hide-nav+.nav-footer{display:none;opacity:0}
|
|
9566
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: MenuBarComponent, selector: "se-menu-bar", inputs: { hiddenPanelMenu: "hiddenPanelMenu", toolTip: "toolTip", menuItemsTop: "menuItemsTop", menuItemsBottom: "menuItemsBottom", menuFooter: "menuFooter", menuTitle: "menuTitle", headshotPath: "headshotPath" }, outputs: { onClickEvent: "onClickEvent" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"wrapper menu-bar-wrapper main-menu-bar menu-bar-component\" *ngIf=\"hiddenPanelMenu\">\n <div\n *ngIf=\"!isMenubarHidden\"\n class=\"p-0 sidebar\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <!-- [style]=\"{ backgroundColor: menuBackColor }\" -->\n <div class=\"flex align-items-center toggle-btn\">\n <p-avatar \n pBadge\n (click)=\"clickEvent()\"\n [image]=\"headshotPath\" \n size=\"xlarge\"\n [hidden]=\"!this.headshotPath\"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n <p-avatar \n pBadge\n (click)=\"clickEvent()\"\n icon=\"pi pi-user\" \n size=\"xlarge\"\n [hidden]=\"this.headshotPath\"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n <button class=\"toggle-btn hover-scale\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\" \n [ngClass]=\"toggleMenu ? 'pi-chevron-right' : 'pi-chevron-left'\"\n ></i>\n \n <span>{{ menuTitle }}</span>\n </button>\n </div>\n <nav\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <div class=\"main-menu-menus-wrapper\">\n <div class=\"top-menu-main-menu-wrapper\">\n <p-panelMenu [model]=\"menuBarItemsTop\" class=\"menuSidebar first\"></p-panelMenu>\n </div>\n <div class=\"bottom-menu-main-menu-wrapper\">\n <p-panelMenu [model]=\"menuBarItemsBottom\" class=\"menuSidebar second\"></p-panelMenu>\n </div>\n </div>\n </nav>\n <div class=\"nav-footer m-2\" [innerHtml]=\"menuFooter\"></div>\n </div>\n</div>\n", styles: [".wrapper{position:relative;z-index:1}.hide-nav .p-menuitem-text,.hide-nav .p-panelmenu-icon,.hide-nav+.nav-footer{display:none;opacity:0}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5$2.PanelMenu, selector: "p-panelMenu", inputs: ["model", "style", "styleClass", "multiple", "transitionOptions", "id", "tabindex"] }, { kind: "component", type: i6$1.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "style", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }] }); }
|
|
9567
9567
|
}
|
|
9568
9568
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: MenuBarComponent, decorators: [{
|
|
9569
9569
|
type: Component,
|
|
9570
|
-
args: [{ selector: 'se-menu-bar', template: "<div class=\"wrapper menu-bar-wrapper main-menu-bar menu-bar-component\" *ngIf=\"hiddenPanelMenu\">\n <div\n *ngIf=\"!isMenubarHidden\"\n class=\"p-0 sidebar\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <!-- [style]=\"{ backgroundColor: menuBackColor }\" -->\n <div class=\"flex align-items-center toggle-btn\">\n <p-avatar \n pBadge\n (click)=\"clickEvent()\"\n [image]=\"headshotPath\" \n size=\"xlarge\"\n [hidden]=\"!this.headshotPath\"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n <p-avatar \n pBadge\n (click)=\"clickEvent()\"\n icon=\"pi pi-user\" \n size=\"xlarge\"\n [hidden]=\"this.headshotPath\"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n <button class=\"toggle-btn hover-scale\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\" \n [ngClass]=\"toggleMenu ? 'pi-chevron-right' : 'pi-chevron-left'\"\n ></i>\n \n <span>{{ menuTitle }}</span>\n </button>\n </div>\n <nav\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <div class=\"main-menu-menus-wrapper\">\n <div class=\"top-menu-main-menu-wrapper\">\n <p-panelMenu [model]=\"menuBarItemsTop\" class=\"menuSidebar first\"></p-panelMenu>\n </div>\n <div class=\"bottom-menu-main-menu-wrapper\">\n <p-panelMenu [model]=\"menuBarItemsBottom\" class=\"menuSidebar second\"></p-panelMenu>\n </div>\n </div>\n </nav>\n <div class=\"nav-footer m-2\" [innerHtml]=\"menuFooter\"></div>\n </div>\n</div>\n", styles: [".wrapper{position:relative;z-index:1}.hide-nav .p-menuitem-text,.hide-nav .p-panelmenu-icon,.hide-nav+.nav-footer{display:none;opacity:0}
|
|
9570
|
+
args: [{ selector: 'se-menu-bar', template: "<div class=\"wrapper menu-bar-wrapper main-menu-bar menu-bar-component\" *ngIf=\"hiddenPanelMenu\">\n <div\n *ngIf=\"!isMenubarHidden\"\n class=\"p-0 sidebar\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <!-- [style]=\"{ backgroundColor: menuBackColor }\" -->\n <div class=\"flex align-items-center toggle-btn\">\n <p-avatar \n pBadge\n (click)=\"clickEvent()\"\n [image]=\"headshotPath\" \n size=\"xlarge\"\n [hidden]=\"!this.headshotPath\"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n <p-avatar \n pBadge\n (click)=\"clickEvent()\"\n icon=\"pi pi-user\" \n size=\"xlarge\"\n [hidden]=\"this.headshotPath\"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n <button class=\"toggle-btn hover-scale\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\" \n [ngClass]=\"toggleMenu ? 'pi-chevron-right' : 'pi-chevron-left'\"\n ></i>\n \n <span>{{ menuTitle }}</span>\n </button>\n </div>\n <nav\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <div class=\"main-menu-menus-wrapper\">\n <div class=\"top-menu-main-menu-wrapper\">\n <p-panelMenu [model]=\"menuBarItemsTop\" class=\"menuSidebar first\"></p-panelMenu>\n </div>\n <div class=\"bottom-menu-main-menu-wrapper\">\n <p-panelMenu [model]=\"menuBarItemsBottom\" class=\"menuSidebar second\"></p-panelMenu>\n </div>\n </div>\n </nav>\n <div class=\"nav-footer m-2\" [innerHtml]=\"menuFooter\"></div>\n </div>\n</div>\n", styles: [".wrapper{position:relative;z-index:1}.hide-nav .p-menuitem-text,.hide-nav .p-panelmenu-icon,.hide-nav+.nav-footer{display:none;opacity:0}\n"] }]
|
|
9571
9571
|
}], ctorParameters: function () { return [{ type: AuthenticationService }, { type: i2$1.CookieService }, { type: i2.Router }]; }, propDecorators: { hiddenPanelMenu: [{
|
|
9572
9572
|
type: Input
|
|
9573
9573
|
}], toolTip: [{
|
|
@@ -9886,11 +9886,11 @@ class SidebarComponent {
|
|
|
9886
9886
|
});
|
|
9887
9887
|
}
|
|
9888
9888
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SidebarComponent, deps: [{ token: i0.Renderer2 }, { token: AuthenticationService }, { token: i1.DialogService }, { token: i2.Router }, { token: PageLoggerService }, { token: HyperlinkService }, { token: AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9889
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SidebarComponent, selector: "se-sidebar", inputs: { navHidden: "navHidden", collapseSidebar: "collapseSidebar", menuTitle: "menuTitle", activeTestMode: "activeTestMode", sidebarItems: "sidebarItems" }, ngImport: i0, template: "<span\n *ngIf=\"!isSidebarHidden && sidebarItemsList && sidebarItemsList.length > 0\"\n>\n<span *ngIf=\"!navHidden\">\n <nav\n *ngIf=\"!collapseSidebar\"\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <button class=\"toggle-btn\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\"\n [ngClass]=\"toggleMenu ? 'pi-chevron-left' : 'pi-chevron-right'\"\n ></i>\n <span>{{ menuTitle }}</span>\n </button>\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\n </nav>\n</span>\n \n <span *ngIf=\"collapseSidebar\" class=\"navbar navbar-expand-lg p-0 grow-1\"\n class='hide-nav'>\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\n </span>\n</span>", styles: [":host ::ng-deep .p-menu{width:auto!important}:host ::ng-deep .p-panelmenu-header-link .p-panelmenu-icon:before{display:none}.sidebar .navbar{width:260px;overflow:auto;transition:width .5s;-webkit-transition:width .5s}.hide-nav .toggle-btn span{display:none}
|
|
9889
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SidebarComponent, selector: "se-sidebar", inputs: { navHidden: "navHidden", collapseSidebar: "collapseSidebar", menuTitle: "menuTitle", activeTestMode: "activeTestMode", sidebarItems: "sidebarItems" }, ngImport: i0, template: "<span\n *ngIf=\"!isSidebarHidden && sidebarItemsList && sidebarItemsList.length > 0\"\n>\n<span *ngIf=\"!navHidden\">\n <nav\n *ngIf=\"!collapseSidebar\"\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <button class=\"toggle-btn\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\"\n [ngClass]=\"toggleMenu ? 'pi-chevron-left' : 'pi-chevron-right'\"\n ></i>\n <span>{{ menuTitle }}</span>\n </button>\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\n </nav>\n</span>\n \n <span *ngIf=\"collapseSidebar\" class=\"navbar navbar-expand-lg p-0 grow-1\"\n class='hide-nav'>\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\n </span>\n</span>", styles: [":host ::ng-deep .p-menu{width:auto!important}:host ::ng-deep .p-panelmenu-header-link .p-panelmenu-icon:before{display:none}.sidebar .navbar{width:260px;overflow:auto;transition:width .5s;-webkit-transition:width .5s}.hide-nav .toggle-btn span{display:none}:host ::ng-deep .hide-nav .p-menuitem-text,:host ::ng-deep .hide-nav .p-panelmenu-icon,:host ::ng-deep .hide-nav+.nav-footer{display:none;opacity:0}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5$2.PanelMenu, selector: "p-panelMenu", inputs: ["model", "style", "styleClass", "multiple", "transitionOptions", "id", "tabindex"] }] }); }
|
|
9890
9890
|
}
|
|
9891
9891
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SidebarComponent, decorators: [{
|
|
9892
9892
|
type: Component,
|
|
9893
|
-
args: [{ selector: 'se-sidebar', template: "<span\n *ngIf=\"!isSidebarHidden && sidebarItemsList && sidebarItemsList.length > 0\"\n>\n<span *ngIf=\"!navHidden\">\n <nav\n *ngIf=\"!collapseSidebar\"\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <button class=\"toggle-btn\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\"\n [ngClass]=\"toggleMenu ? 'pi-chevron-left' : 'pi-chevron-right'\"\n ></i>\n <span>{{ menuTitle }}</span>\n </button>\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\n </nav>\n</span>\n \n <span *ngIf=\"collapseSidebar\" class=\"navbar navbar-expand-lg p-0 grow-1\"\n class='hide-nav'>\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\n </span>\n</span>", styles: [":host ::ng-deep .p-menu{width:auto!important}:host ::ng-deep .p-panelmenu-header-link .p-panelmenu-icon:before{display:none}.sidebar .navbar{width:260px;overflow:auto;transition:width .5s;-webkit-transition:width .5s}.hide-nav .toggle-btn span{display:none}
|
|
9893
|
+
args: [{ selector: 'se-sidebar', template: "<span\n *ngIf=\"!isSidebarHidden && sidebarItemsList && sidebarItemsList.length > 0\"\n>\n<span *ngIf=\"!navHidden\">\n <nav\n *ngIf=\"!collapseSidebar\"\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <button class=\"toggle-btn\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\"\n [ngClass]=\"toggleMenu ? 'pi-chevron-left' : 'pi-chevron-right'\"\n ></i>\n <span>{{ menuTitle }}</span>\n </button>\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\n </nav>\n</span>\n \n <span *ngIf=\"collapseSidebar\" class=\"navbar navbar-expand-lg p-0 grow-1\"\n class='hide-nav'>\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\n </span>\n</span>", styles: [":host ::ng-deep .p-menu{width:auto!important}:host ::ng-deep .p-panelmenu-header-link .p-panelmenu-icon:before{display:none}.sidebar .navbar{width:260px;overflow:auto;transition:width .5s;-webkit-transition:width .5s}.hide-nav .toggle-btn span{display:none}:host ::ng-deep .hide-nav .p-menuitem-text,:host ::ng-deep .hide-nav .p-panelmenu-icon,:host ::ng-deep .hide-nav+.nav-footer{display:none;opacity:0}\n"] }]
|
|
9894
9894
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: AuthenticationService }, { type: i1.DialogService }, { type: i2.Router }, { type: PageLoggerService }, { type: HyperlinkService }, { type: AlertService }]; }, propDecorators: { navHidden: [{
|
|
9895
9895
|
type: Input
|
|
9896
9896
|
}], collapseSidebar: [{
|