@churchillliving/se-ui-toolkit 6.53.603 → 6.53.604
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}\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"] }] }); }
|
|
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}:host ::ng-deep p-avatar img{-o-object-fit:cover;object-fit:cover}.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}\n"] }]
|
|
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}:host ::ng-deep p-avatar img{-o-object-fit:cover;object-fit:cover}.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: [{
|
|
@@ -9603,11 +9603,11 @@ class MenuBarComponent {
|
|
|
9603
9603
|
});
|
|
9604
9604
|
}
|
|
9605
9605
|
/** @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 }); }
|
|
9606
|
-
/** @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"] }] }); }
|
|
9606
|
+
/** @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}:host ::ng-deep p-avatar img{-o-object-fit:cover;object-fit:cover}.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"] }] }); }
|
|
9607
9607
|
}
|
|
9608
9608
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: MenuBarComponent, decorators: [{
|
|
9609
9609
|
type: Component,
|
|
9610
|
-
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"] }]
|
|
9610
|
+
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}:host ::ng-deep p-avatar img{-o-object-fit:cover;object-fit:cover}.hide-nav .p-menuitem-text,.hide-nav .p-panelmenu-icon,.hide-nav+.nav-footer{display:none;opacity:0}\n"] }]
|
|
9611
9611
|
}], ctorParameters: function () { return [{ type: AuthenticationService }, { type: i2$1.CookieService }, { type: i2.Router }]; }, propDecorators: { hiddenPanelMenu: [{
|
|
9612
9612
|
type: Input
|
|
9613
9613
|
}], toolTip: [{
|