@propmix/profet-common-header 2.0.2-beta-unstable → 2.0.3-beta-unstable

package/fesm2020/propmix-profet-common-header.mjs

@@ -362,11 +362,11 @@ class HeaderComponent {
         }
     }
     onLogoutClick() {
-        signOut({ global: true, oauth: { preferredSignOutUrl: 'https://portal.dev.profet.ai/login' } })
+        signOut({ global: true, oauth: { preferredSignOutUrl: this.signOutUrl } })
             .then(data => console.log(data))
             .catch(err => {
             console.log(err);
-            signOut({ global: true, oauth: { preferredSignOutUrl: 'https://portal.dev.profet.ai/login' } });
+            signOut({ global: true, oauth: { preferredSignOutUrl: this.signOutUrl } });
         });
     }
     switchCompany(company) {
@@ -399,12 +399,14 @@ class HeaderComponent {
     }
 }
 HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HeaderComponent, selector: "lib-header", inputs: { template: "template" }, outputs: { menuEvent: "menuEvent", infoEvent: "infoEvent" }, ngImport: i0, template: "<mat-toolbar color=\"primary\" class=\"common_header shadow-sm\">\n  <button mat-icon-button (click)=\"menuAction()\" aria-label=\"main menu\" tabindex=\"0\" class=\"menuHamberger me-4\">\n    <img [src]=\"sanitizeUrl(imageDataUrls.hamburgerMenu)\" style=\"width: 20px;height: 20px;\">\n  </button>\n  <a class=\"navbar-brand me-auto\" href=\"#\">\n    <img *ngIf=\"companyProfile\" [src]=\"companyProfile.logo\" alt=\"Logo\" style=\"height: 30px;\">\n  </a>\n  <span class=\"example-spacer\"></span>\n  <ng-container *ngIf=\"template\" [ngTemplateOutlet]=\"template\"></ng-container>\n  <button *ngIf=\"appList.length > 0\" mat-icon-button class=\"me-3 switchButton\" [matMenuTriggerFor]=\"apps\">\n    <img [src]=\"sanitizeUrl(imageDataUrls.appsIcon)\" alt=\"apps icon\" style=\"width:20px;height: 20px;\">\n  </button>\n  <mat-menu #apps=\"matMenu\" class=\"accounts_drpmenu\">\n    <div *ngFor=\"let app of appList\">\n      <button mat-menu-item (click)=\"appRedirect(app)\">\n        {{app.name}}\n        <img *ngIf=\"app.active\" [src]=\"sanitizeUrl(imageDataUrls.checkIcon)\" alt=\"done icon\"\n          style=\"width:18px;height: 18px;margin-left: 5px;\">\n      </button>\n    </div>\n  </mat-menu>\n  <div class=\"profile-name\">\n    <p *ngIf=\"username\" class=\"xsHiddenUsername mb-0\">{{username}}</p>\n    <!--<span class=\"xsHiddenUsername mb-0\" *ngFor=\"let role of userRole\">{{role | formatWord: true:'_'}}</span>-->\n  </div>\n  <button mat-button [matMenuTriggerFor]=\"menu\">\n    <img class=\"avatarLogo\" [src]=\"userImageLink?userImageLink:sanitizeUrl(imageDataUrls.defaultUserImage)\"\n      alt=\"Avatar Logo\" class=\"avatarLogo rounded-pill\">\n  </button>\n  <mat-menu #menu=\"matMenu\" class=\"accounts_drpmenu\">\n    <span *ngIf=\"username\" class=\"xsShowUsername\">{{username}}</span>\n    <button mat-menu-item (click)=\"profile()\">Profile</button>\n    <button *ngIf=\"showSwitchCompanies\" mat-menu-item [matMenuTriggerFor]=\"companies\">Switch Company</button>\n    <mat-menu #companies=\"matMenu\" class=\"accounts_drpmenu\">\n      <div *ngFor=\"let company of userCompanies\">\n        <button mat-menu-item (click)=\"switchCompany(company)\">\n          {{company.name}}\n          <img *ngIf=\"company.activeNow\" [src]=\"sanitizeUrl(imageDataUrls.checkIcon)\" alt=\"done icon\"\n            style=\"width:18px;height: 18px;margin-left: 5px;\">\n        </button>\n      </div>\n    </mat-menu>\n    <button mat-menu-item (click)=\"onLogoutClick()\">Logout</button>\n  </mat-menu>\n</mat-toolbar>", styles: [".profile-name{text-align:end;color:#000}.profile-name span{font-size:12px;color:#9e9e9ede}.avatarLogo{max-width:30px}mat-toolbar.mat-toolbar.common_header.mat-primary.mat-toolbar-single-row{position:fixed;left:0;top:0;background-color:#fff;height:48px}button.switchButton,button.menuHamberger{padding:8px!important}.sidenavPanel{padding:20px 25px;height:100vh;position:relative}ul.navbarList{padding-left:0;list-style:none;margin-top:40px}ul.navbarList li{color:#666;font-weight:400;margin-bottom:25px;width:170px;cursor:pointer}.active{color:#4177d6!important}ul.navbarList li img{width:23px;margin-right:15px}.accounts_drpmenu{margin-top:.7em}.xsShowUsername{display:none;padding:0 16px;height:48px;line-height:48px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], encapsulation: i0.ViewEncapsulation.None });
+HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HeaderComponent, selector: "lib-header", inputs: { template: "template", signOutUrl: "signOutUrl" }, outputs: { menuEvent: "menuEvent", infoEvent: "infoEvent" }, ngImport: i0, template: "<mat-toolbar color=\"primary\" class=\"common_header shadow-sm\">\n  <button mat-icon-button (click)=\"menuAction()\" aria-label=\"main menu\" tabindex=\"0\" class=\"menuHamberger me-4\">\n    <img [src]=\"sanitizeUrl(imageDataUrls.hamburgerMenu)\" style=\"width: 20px;height: 20px;\">\n  </button>\n  <a class=\"navbar-brand me-auto\" href=\"#\">\n    <img *ngIf=\"companyProfile\" [src]=\"companyProfile.logo\" alt=\"Logo\" style=\"height: 30px;\">\n  </a>\n  <span class=\"example-spacer\"></span>\n  <ng-container *ngIf=\"template\" [ngTemplateOutlet]=\"template\"></ng-container>\n  <button *ngIf=\"appList.length > 0\" mat-icon-button class=\"me-3 switchButton\" [matMenuTriggerFor]=\"apps\">\n    <img [src]=\"sanitizeUrl(imageDataUrls.appsIcon)\" alt=\"apps icon\" style=\"width:20px;height: 20px;\">\n  </button>\n  <mat-menu #apps=\"matMenu\" class=\"accounts_drpmenu\">\n    <div *ngFor=\"let app of appList\">\n      <button mat-menu-item (click)=\"appRedirect(app)\">\n        {{app.name}}\n        <img *ngIf=\"app.active\" [src]=\"sanitizeUrl(imageDataUrls.checkIcon)\" alt=\"done icon\"\n          style=\"width:18px;height: 18px;margin-left: 5px;\">\n      </button>\n    </div>\n  </mat-menu>\n  <div class=\"profile-name\">\n    <p *ngIf=\"username\" class=\"xsHiddenUsername mb-0\">{{username}}</p>\n    <!--<span class=\"xsHiddenUsername mb-0\" *ngFor=\"let role of userRole\">{{role | formatWord: true:'_'}}</span>-->\n  </div>\n  <button mat-button [matMenuTriggerFor]=\"menu\">\n    <img class=\"avatarLogo\" [src]=\"userImageLink?userImageLink:sanitizeUrl(imageDataUrls.defaultUserImage)\"\n      alt=\"Avatar Logo\" class=\"avatarLogo rounded-pill\">\n  </button>\n  <mat-menu #menu=\"matMenu\" class=\"accounts_drpmenu\">\n    <span *ngIf=\"username\" class=\"xsShowUsername\">{{username}}</span>\n    <button mat-menu-item (click)=\"profile()\">Profile</button>\n    <button *ngIf=\"showSwitchCompanies\" mat-menu-item [matMenuTriggerFor]=\"companies\">Switch Company</button>\n    <mat-menu #companies=\"matMenu\" class=\"accounts_drpmenu\">\n      <div *ngFor=\"let company of userCompanies\">\n        <button mat-menu-item (click)=\"switchCompany(company)\">\n          {{company.name}}\n          <img *ngIf=\"company.activeNow\" [src]=\"sanitizeUrl(imageDataUrls.checkIcon)\" alt=\"done icon\"\n            style=\"width:18px;height: 18px;margin-left: 5px;\">\n        </button>\n      </div>\n    </mat-menu>\n    <button mat-menu-item (click)=\"onLogoutClick()\">Logout</button>\n  </mat-menu>\n</mat-toolbar>", styles: [".profile-name{text-align:end;color:#000}.profile-name span{font-size:12px;color:#9e9e9ede}.avatarLogo{max-width:30px}mat-toolbar.mat-toolbar.common_header.mat-primary.mat-toolbar-single-row{position:fixed;left:0;top:0;background-color:#fff;height:48px}button.switchButton,button.menuHamberger{padding:8px!important}.sidenavPanel{padding:20px 25px;height:100vh;position:relative}ul.navbarList{padding-left:0;list-style:none;margin-top:40px}ul.navbarList li{color:#666;font-weight:400;margin-bottom:25px;width:170px;cursor:pointer}.active{color:#4177d6!important}ul.navbarList li img{width:23px;margin-right:15px}.accounts_drpmenu{margin-top:.7em}.xsShowUsername{display:none;padding:0 16px;height:48px;line-height:48px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-header', encapsulation: ViewEncapsulation.None, template: "<mat-toolbar color=\"primary\" class=\"common_header shadow-sm\">\n  <button mat-icon-button (click)=\"menuAction()\" aria-label=\"main menu\" tabindex=\"0\" class=\"menuHamberger me-4\">\n    <img [src]=\"sanitizeUrl(imageDataUrls.hamburgerMenu)\" style=\"width: 20px;height: 20px;\">\n  </button>\n  <a class=\"navbar-brand me-auto\" href=\"#\">\n    <img *ngIf=\"companyProfile\" [src]=\"companyProfile.logo\" alt=\"Logo\" style=\"height: 30px;\">\n  </a>\n  <span class=\"example-spacer\"></span>\n  <ng-container *ngIf=\"template\" [ngTemplateOutlet]=\"template\"></ng-container>\n  <button *ngIf=\"appList.length > 0\" mat-icon-button class=\"me-3 switchButton\" [matMenuTriggerFor]=\"apps\">\n    <img [src]=\"sanitizeUrl(imageDataUrls.appsIcon)\" alt=\"apps icon\" style=\"width:20px;height: 20px;\">\n  </button>\n  <mat-menu #apps=\"matMenu\" class=\"accounts_drpmenu\">\n    <div *ngFor=\"let app of appList\">\n      <button mat-menu-item (click)=\"appRedirect(app)\">\n        {{app.name}}\n        <img *ngIf=\"app.active\" [src]=\"sanitizeUrl(imageDataUrls.checkIcon)\" alt=\"done icon\"\n          style=\"width:18px;height: 18px;margin-left: 5px;\">\n      </button>\n    </div>\n  </mat-menu>\n  <div class=\"profile-name\">\n    <p *ngIf=\"username\" class=\"xsHiddenUsername mb-0\">{{username}}</p>\n    <!--<span class=\"xsHiddenUsername mb-0\" *ngFor=\"let role of userRole\">{{role | formatWord: true:'_'}}</span>-->\n  </div>\n  <button mat-button [matMenuTriggerFor]=\"menu\">\n    <img class=\"avatarLogo\" [src]=\"userImageLink?userImageLink:sanitizeUrl(imageDataUrls.defaultUserImage)\"\n      alt=\"Avatar Logo\" class=\"avatarLogo rounded-pill\">\n  </button>\n  <mat-menu #menu=\"matMenu\" class=\"accounts_drpmenu\">\n    <span *ngIf=\"username\" class=\"xsShowUsername\">{{username}}</span>\n    <button mat-menu-item (click)=\"profile()\">Profile</button>\n    <button *ngIf=\"showSwitchCompanies\" mat-menu-item [matMenuTriggerFor]=\"companies\">Switch Company</button>\n    <mat-menu #companies=\"matMenu\" class=\"accounts_drpmenu\">\n      <div *ngFor=\"let company of userCompanies\">\n        <button mat-menu-item (click)=\"switchCompany(company)\">\n          {{company.name}}\n          <img *ngIf=\"company.activeNow\" [src]=\"sanitizeUrl(imageDataUrls.checkIcon)\" alt=\"done icon\"\n            style=\"width:18px;height: 18px;margin-left: 5px;\">\n        </button>\n      </div>\n    </mat-menu>\n    <button mat-menu-item (click)=\"onLogoutClick()\">Logout</button>\n  </mat-menu>\n</mat-toolbar>", styles: [".profile-name{text-align:end;color:#000}.profile-name span{font-size:12px;color:#9e9e9ede}.avatarLogo{max-width:30px}mat-toolbar.mat-toolbar.common_header.mat-primary.mat-toolbar-single-row{position:fixed;left:0;top:0;background-color:#fff;height:48px}button.switchButton,button.menuHamberger{padding:8px!important}.sidenavPanel{padding:20px 25px;height:100vh;position:relative}ul.navbarList{padding-left:0;list-style:none;margin-top:40px}ul.navbarList li{color:#666;font-weight:400;margin-bottom:25px;width:170px;cursor:pointer}.active{color:#4177d6!important}ul.navbarList li img{width:23px;margin-right:15px}.accounts_drpmenu{margin-top:.7em}.xsShowUsername{display:none;padding:0 16px;height:48px;line-height:48px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { template: [{
                 type: Input
+            }], signOutUrl: [{
+                type: Input
             }], menuEvent: [{
                 type: Output
             }], infoEvent: [{