/* eslint-disable @typescript-eslint/no-inferrable-types */
import { Component, ViewEncapsulation, Input, Output, EventEmitter, ChangeDetectorRef } from '@angular/core';
import { MAT_SELECT_CONFIG } from '@angular/material/select';
import { Router } from '@angular/router';
import { Subject, throwError } from 'rxjs';
import { catchError, takeUntil } from 'rxjs/operators';
import { AxoSnackBarService, AxoSnackBarType } from '../../public-api';
import { AuthService } from '../core/auth/auth.service';
// eslint-disable-next-line @typescript-eslint/no-unused-vars
import { UserService } from '../core/user/user.service';
import { MyAppListService } from '../app-list/my-app-list.service';
import { OrganizationListDto } from '../../public-api';
import { MatDialog } from '@angular/material/dialog';
import { FlattenService } from '../flatten-module/flatten.service';
import { CommonService } from '../../public-api';
import * as i0 from "@angular/core";
import * as i1 from "../core/auth/auth.service";
import * as i2 from "../core/user/user.service";
import * as i3 from "../app-list/my-app-list.service";
import * as i4 from "@angular/router";
import * as i5 from "../../public-api";
import * as i6 from "@angular/material/dialog";
import * as i7 from "../flatten-module/flatten.service";
import * as i8 from "@angular/material/button";
import * as i9 from "@angular/material/menu";
import * as i10 from "@angular/common";
function CommonHeaderComponent_ng_template_11_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "p", 24);
    i0.ɵɵtext(1);
    i0.ɵɵpipe(2, "uppercase");
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r1 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.user.fname[0] + ctx_r1.user.lname[0]));
} }
function CommonHeaderComponent_ng_container_14_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelement(1, "img", 25);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const ctx_r2 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("src", ctx_r2.baseUrl + ctx_r2.userImage, i0.ɵɵsanitizeUrl);
} }
export class CommonHeaderComponent {
    constructor(_authService, _changeDetectorRef, _userService, _mpAppListService, _router, _axoSnackBar, dialog, _flattenService, _commonService) {
        this._authService = _authService;
        this._changeDetectorRef = _changeDetectorRef;
        this._userService = _userService;
        this._mpAppListService = _mpAppListService;
        this._router = _router;
        this._axoSnackBar = _axoSnackBar;
        this.dialog = dialog;
        this._flattenService = _flattenService;
        this._commonService = _commonService;
        this.organizationList = [];
        this.switchAccountEvent = new EventEmitter();
        this.openAppEvent = new EventEmitter();
        this.updateListEvent = new EventEmitter();
        this.version = '';
        this.appId = '';
        /*
           * Subject object which helps unsubscribe all the subscribed objects in the component
           */
        this._unsubscribeAll = new Subject();
    }
    /**
     * Getter for current year
     */
    get currentYear() {
        return new Date().getFullYear();
    }
    getUserDetails() {
        this._commonService.getUserDetail()
            .pipe(takeUntil(this._unsubscribeAll), catchError(error => {
            console.error('Error fetching user details:', error);
            this._axoSnackBar.openSnackBar('Error fetching user details', AxoSnackBarType.error);
            return throwError(error);
        }))
            .subscribe((response) => {
            this.user = response.ud;
            this.userCount = response?.ud?.user_count || 0;
            this.userLimit = response?.ud?.user_limit || 0;
            this.trialEndDate = response?.ud?.trial_end_date || '';
            this.payment_status = response?.ud?.payment_status || '';
            this._changeDetectorRef.detectChanges();
            // After fetching the user details, populate the user object with the response
        });
    }
    navigatetoOrganiation() {
        this._router.navigateByUrl('organization');
    }
    navigatetoOrganiationSettings() {
        this._router.navigateByUrl('organization-settings');
    }
    navigateToRoute() {
        this._router.navigateByUrl('apps');
    }
    ngOnInit() {
        this.getUserDetails();
        this._commonService.sendlimitexceedmail();
        if (this.user) {
            this.userEmail = this.user.email;
            this.userName = this.user['fname'] + ' ' + this.user['lname'];
            this.userImage = this.user['uimg'];
        }
        const url = sessionStorage.getItem('url');
        if (url) {
            window.location.href = url;
            // Remove saved data from sessionStorage
            sessionStorage.removeItem('url');
            // Remove all saved data from sessionStorage
            sessionStorage.clear();
        }
    }
    /**
     * Call apps App Version Id route
     *
     * @param appVersionId
     */
    openApp(appVersionId) {
        this.openAppEvent.emit(appVersionId);
    }
    /**
     * function use to Switch the organization
     */
    switchAccount(organizationId) {
        this.switchAccountEvent.emit(organizationId);
    }
    /**
     * Sign out
     */
    signOut() {
        this._authService.signOut();
    }
    /**
     * Billing
     */
    navigateToBilling() {
        this._router.navigateByUrl('paymentinfo/pricing');
    }
    ///////////////////// Create Appp///////////////////
    /**
     *to create new app
     */
    /**
     * On destroy
     */
    ngOnDestroy() {
        // Unsubscribe from all subscriptions
        this._unsubscribeAll.next();
        this._unsubscribeAll.complete();
    }
}
CommonHeaderComponent.ɵfac = function CommonHeaderComponent_Factory(t) { return new (t || CommonHeaderComponent)(i0.ɵɵdirectiveInject(i1.AuthService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i2.UserService), i0.ɵɵdirectiveInject(i3.MyAppListService), i0.ɵɵdirectiveInject(i4.Router), i0.ɵɵdirectiveInject(i5.AxoSnackBarService), i0.ɵɵdirectiveInject(i6.MatDialog), i0.ɵɵdirectiveInject(i7.FlattenService), i0.ɵɵdirectiveInject(i5.CommonService)); };
CommonHeaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CommonHeaderComponent, selectors: [["app-common-header"]], inputs: { appList: "appList", baseUrl: "baseUrl", organizationList: "organizationList", selectedOrganization: "selectedOrganization", user: "user", listType: "listType" }, outputs: { switchAccountEvent: "switchAccountEvent", openAppEvent: "openAppEvent", updateListEvent: "updateListEvent" }, features: [i0.ɵɵProvidersFeature([
            {
                provide: MAT_SELECT_CONFIG,
                useValue: { overlayPanelClass: 'organization-list-overlay-panel' },
            },
        ])], decls: 37, vars: 7, consts: [[1, "flex", "flex-col", "flex-auto", "h-full-appList", "my-app-list", "overflow-hidden", "page-background", "axo-font", 2, "border-bottom", "1px solid #E9EFFA"], [1, "sticky", "top-0", "bg-white"], [1, "app-list-main-header", "relative", "flex", "flex-0", "h-12", "z-49", "box-border", "px-6"], [1, "flex", "flex-auto", "items-center", "min-w-0"], ["src", "assets/images/logo/axo-logo.svg", "alt", "Logo image", 1, "w-36", "h-7", "cursor-pointer", 3, "click"], [1, "flex", "flex-auto", "justify-end", "items-center", "min-w-0", "gap-3"], ["mat-icon-button", "", 1, "mt-1.5"], ["svgIcon", "axo_search"], ["svgIcon", "axo_notifiction-2", 1, "cursor-pointer", "axo_notifiction-2"], ["mat-icon-button", "", 3, "matMenuTriggerFor", "click"], ["isEmptyImage", ""], ["mat-button", "", 1, "border-0", 3, "matMenuTriggerFor"], [4, "ngIf", "ngIfElse"], ["backdropClass", "app-list-mat-menu-panel-class"], ["userProfile09Menu", "matMenu"], ["mat-menu-item", "", 1, "h-full", "user-info"], [1, "inline-grid", "py-3"], [1, "user-name-title"], [1, "user-emailid"], [1, "my-0"], ["mat-menu-item", "", 1, "user-logout-btn", "organization-btn", 3, "click"], [1, "logout-label"], ["mat-menu-item", "", 1, "user-logout-btn", "billing-btn", 3, "click"], ["mat-menu-item", "", 1, "user-logout-btn", 3, "click"], [1, "uppercase", "font-medium", "cursor-pointer", "text-sm", "h-8", "w-8", "flex", "justify-center", "items-center", "ml-2", "bg-gray-300", "rounded-full", "m-0"], ["alt", "Avatar", 1, "organizationIcon", 3, "src"]], template: function CommonHeaderComponent_Template(rf, ctx) { if (rf & 1) {
        i0.ɵɵelementStart(0, "div", 0);
        i0.ɵɵelementStart(1, "div", 1);
        i0.ɵɵelementStart(2, "div", 2);
        i0.ɵɵelementStart(3, "div", 3);
        i0.ɵɵelementStart(4, "img", 4);
        i0.ɵɵlistener("click", function CommonHeaderComponent_Template_img_click_4_listener() { return ctx.navigateToRoute(); });
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(5, "div", 5);
        i0.ɵɵelementStart(6, "button", 6);
        i0.ɵɵelement(7, "mat-icon", 7);
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(8, "button", 6);
        i0.ɵɵelement(9, "mat-icon", 8);
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(10, "button", 9);
        i0.ɵɵlistener("click", function CommonHeaderComponent_Template_button_click_10_listener($event) { return $event.stopPropagation(); });
        i0.ɵɵtemplate(11, CommonHeaderComponent_ng_template_11_Template, 3, 3, "ng-template", null, 10, i0.ɵɵtemplateRefExtractor);
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(13, "button", 11);
        i0.ɵɵtemplate(14, CommonHeaderComponent_ng_container_14_Template, 2, 1, "ng-container", 12);
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(15, "mat-menu", 13, 14);
        i0.ɵɵelementStart(17, "button", 15);
        i0.ɵɵelementStart(18, "div", 16);
        i0.ɵɵelementStart(19, "span", 17);
        i0.ɵɵtext(20);
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(21, "span", 18);
        i0.ɵɵtext(22);
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelement(23, "mat-divider", 19);
        i0.ɵɵelementStart(24, "button", 20);
        i0.ɵɵlistener("click", function CommonHeaderComponent_Template_button_click_24_listener() { return ctx.navigatetoOrganiation(); });
        i0.ɵɵelementStart(25, "span", 21);
        i0.ɵɵtext(26, "Organization Users");
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(27, "button", 20);
        i0.ɵɵlistener("click", function CommonHeaderComponent_Template_button_click_27_listener() { return ctx.navigatetoOrganiationSettings(); });
        i0.ɵɵelementStart(28, "span", 21);
        i0.ɵɵtext(29, "Organization Settings");
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(30, "button", 22);
        i0.ɵɵlistener("click", function CommonHeaderComponent_Template_button_click_30_listener() { return ctx.navigateToBilling(); });
        i0.ɵɵelementStart(31, "span", 21);
        i0.ɵɵtext(32, "Billing");
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelement(33, "mat-divider", 19);
        i0.ɵɵelementStart(34, "button", 23);
        i0.ɵɵlistener("click", function CommonHeaderComponent_Template_button_click_34_listener() { return ctx.signOut(); });
        i0.ɵɵelementStart(35, "span", 21);
        i0.ɵɵtext(36, "Logout");
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
    } if (rf & 2) {
        const _r0 = i0.ɵɵreference(12);
        const _r3 = i0.ɵɵreference(16);
        i0.ɵɵadvance(10);
        i0.ɵɵproperty("matMenuTriggerFor", _r3);
        i0.ɵɵadvance(3);
        i0.ɵɵproperty("matMenuTriggerFor", _r3);
        i0.ɵɵadvance(1);
        i0.ɵɵproperty("ngIf", ctx.user && ctx.userImage)("ngIfElse", _r0);
        i0.ɵɵadvance(6);
        i0.ɵɵtextInterpolate2("", ctx.user.fname, " ", ctx.user.lname, "");
        i0.ɵɵadvance(2);
        i0.ɵɵtextInterpolate(ctx.user.email);
    } }, directives: [i8.MatButton, i9.MatMenuTrigger, i10.NgIf, i9.MatMenu, i9.MatMenuItem], pipes: [i10.UpperCasePipe], styles: ["lib-app-common-header{width:100%}lib-app-common-header .app-list-main-header{box-shadow:0 2px 8px -3px #4e4e4e6e!important}lib-app-common-header .app-list-main-subheader{margin-top:1.5px}lib-app-common-header .app-list-main-subheader .app-list-header{width:100%;background:#FCFDFF;z-index:99;height:3.3rem;border-bottom:.5px solid #cccccc7d}lib-app-common-header .app-list-main-subheader .main-title{color:#3b3f4a}lib-app-common-header .app-list-main-subheader .organization-mat-select .mat-form-field-wrapper{display:flex;align-items:center}lib-app-common-header .app-list{height:calc(100vh - 9.5rem)}lib-app-common-header .app-list .contact-img{height:30px;width:30px;margin-left:-32px}lib-app-common-header .app-list .contact-names{padding-left:13px;padding-top:1px}lib-app-common-header .app-list mat-selection-list{position:relative;margin-top:-20.5px;width:100%;height:80vh;overflow-y:scroll}lib-app-common-header .app-list ::ng-deep .mat-pseudo-checkbox{display:none!important}lib-app-common-header .app-list .app-grid{row-gap:30px}lib-app-common-header .app-list .app-grid .card-outer-div .fuse-card{flex:0 0 100%;max-width:100%;border-radius:9px;opacity:1;display:flex;cursor:pointer;align-items:center;position:relative;box-shadow:none;justify-content:start}lib-app-common-header .app-list .app-grid .card-outer-div .fuse-card .mat-icon{color:#64748b}lib-app-common-header .app-list .app-grid .card-outer-div .fuse-card .custmize-btn{color:#6554c0}lib-app-common-header .app-list .app-grid .card-outer-div .fuse-card .custmize-btn:hover{background-color:#6554c0!important}lib-app-common-header .app-list .app-grid .card-outer-div .fuse-card .app-title-wrapper{max-height:2.4rem;overflow:hidden}lib-app-common-header .app-list .app-grid .card-outer-div .fuse-card .app_title{font-weight:500;width:90%;max-width:90%;overflow:hidden;text-overflow:ellipsis;font-size:14px;display:-webkit-box!important;white-space:normal;margin:0 auto;-webkit-line-clamp:2;-webkit-box-orient:vertical}lib-app-common-header .app-list .app-grid .card-outer-div .fuse-card .app_version{color:#4a4a4a}@media screen and (max-width: 768px){lib-app-common-header .app-list .app-grid .card-outer-div .fuse-card{padding-top:0!important}}lib-app-common-header .app-list .app-grid .card .mat-icon-button .mat-button-focus-overlay{width:20px;margin-top:0;background-color:#fff!important;margin-left:9px}lib-app-common-header .app-list .app-grid .dots-vertical{position:absolute;right:1px;top:10px}@media only screen and (max-width: 320px){lib-app-common-header .app-list .card-body{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media only screen and (max-width: 600px){lib-app-common-header .app-list{height:calc(100vh - 13.3rem)}}lib-app-common-header .mat-form-field-ripple{background-color:transparent!important}lib-app-common-header .mat-form-field-underline{background-color:transparent!important}lib-app-common-header .mat-form-field-wrapper{padding-bottom:0!important}lib-app-common-header .mat-form-field-wrapper .mat-form-field-flex{padding:0!important}lib-app-common-header .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{padding:0!important;border:0!important;width:auto}@media only screen and (max-width: 425px){lib-app-common-header .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{min-width:100px;max-width:180px}}lib-app-common-header .app-list-footer{border-top:1px solid #8080802e}lib-app-common-header .app-list-footer span{font-family:Poppins,sans-serif}lib-app-common-header .no-app-created{height:calc(100vh - 150px)}.empty-app-icon{padding:9px;background:#e6a478;border-radius:50%;color:#fff;cursor:pointer;font-family:Roboto,sans-serif}.userEmptyIcon{border-radius:100%!important;min-width:35px!important;min-height:35px!important;max-height:35px!important;line-height:35px;background:#e6a478;margin-right:14px;text-align:center;color:#fff}.organizationIcon{border-radius:55%!important;width:1.75rem;height:1.75rem;margin-right:.5rem;display:inline;object-fit:cover}.organizationIconprofile{border-radius:55%!important;width:2.5rem;height:2.5rem;margin-right:.875rem}.mat-menu-panel{background-color:#fff;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px}.mat-select-panel:not([class*=mat-elevation-z]){background-color:#fff;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.app-list-mat-menu-item:hover{color:#fff;background-color:#6554c0}.user-name-title{font-size:14px;margin-left:5px;margin-top:1px;font-weight:400;color:#2e2f35;height:22px;display:inline-block;font-family:Roboto,sans-serif}.user-emailid{font-size:13px;font-weight:400;color:#8d8d8d;margin-left:5px;display:block;word-wrap:break-word}.organization-section{border-top:1px solid #ddd!important}.logout-title{font-family:Roboto,sans-serif}.logout-title:hover{background:transparent;color:#333!important;background-color:transparent!important;background-image:none!important}.mat-menu-item:hover{background:#f5f5f5!important}.organizationList .mat-option-text{display:flex!important;align-items:center}.org-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:85%;font-weight:500;font-size:1rem;color:#717271;padding-right:.4rem}@media only screen and (max-width: 425px){.org-name{font-size:12px}}.org-icon-span{display:flex;align-items:center}.organization-list-overlay-panel{background:#FCFDFF;transform:translate(-15px) translateY(45px)!important;width:14%}.app-list-mat-menu-panel-class+.cdk-overlay-connected-position-bounding-box .mat-menu-content{min-width:250px}.app-list-mat-menu-panel-class+.cdk-overlay-connected-position-bounding-box .mat-divider{border-top-color:#e2e8f0}.user-info .user-name-title,.user-info .user-emailid{line-height:initial;font-weight:400;height:22px;display:inline-block;font-family:Roboto,sans-serif;word-wrap:break-word}.user-info .user-emailid{font-size:14px;color:#2e2f35}.user-info .user-name-title{font-size:13px;color:#8d8d8d}.user-info:hover{background-color:#6c52ed!important}.user-info:hover .user-emailid,.user-info:hover .user-name-title{color:#fff!important}.user-logout-btn .mat-icon,.user-logout-btn .logout-lable{font-size:16px;font-weight:500}.user-logout-btn:hover{background-color:#6c52ed!important}.user-logout-btn:hover .mat-icon,.user-logout-btn:hover .logout-lable{color:#fff!important}.axo_notifiction-2{height:30px!important;width:30px!important}\n"], encapsulation: 2 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CommonHeaderComponent, [{
        type: Component,
        args: [{ selector: 'app-common-header', encapsulation: ViewEncapsulation.None, providers: [
                    {
                        provide: MAT_SELECT_CONFIG,
                        useValue: { overlayPanelClass: 'organization-list-overlay-panel' },
                    },
                ], template: "<div class=\"flex flex-col flex-auto h-full-appList my-app-list overflow-hidden page-background axo-font\" style=\"border-bottom: 1px solid #E9EFFA;\">\n    <!-- Header -->\n    <div class=\"sticky top-0 bg-white\">\n        <div class=\"app-list-main-header relative flex flex-0 h-12 z-49 box-border px-6\">\n          <div class=\"flex flex-auto items-center min-w-0\">\n              <img class=\"w-36 h-7 cursor-pointer\" src=\"assets/images/logo/axo-logo.svg\" alt=\"Logo image\" (click)=\"navigateToRoute()\">\n            </div>\n\n            <div class=\"flex flex-auto justify-end items-center min-w-0 gap-3\">\n                <button mat-icon-button class=\"mt-1.5\">\n                    <mat-icon svgIcon=\"axo_search\"></mat-icon>\n                </button>\n                <button mat-icon-button class=\"mt-1.5\">\n                    <mat-icon class=\"cursor-pointer axo_notifiction-2\" svgIcon=\"axo_notifiction-2\"></mat-icon>\n                </button>\n\n\n                <button (click)=\"$event.stopPropagation();\" mat-icon-button [matMenuTriggerFor]=\"userProfile09Menu\">\n                    <!-- <ng-container *ngIf=\"userImage; else isEmptyImage\">\n                        <img [src]=\"baseUrl + userImage\" onError =\"this.src='assets/icons/organization.png'\" class=\"organizationIcon\" alt=\"avtar\">\n                    </ng-container> -->\n                    <ng-template #isEmptyImage>\n\n                        <p class=\"uppercase font-medium cursor-pointer text-sm h-8 w-8 flex justify-center items-center ml-2 bg-gray-300 rounded-full m-0\">{{ user.fname[0] + user.lname[0] | uppercase }}</p>\n\n                    </ng-template>\n                </button>\n                <button mat-button [matMenuTriggerFor]=\"userProfile09Menu\" class=\"border-0\">\n                  <ng-container *ngIf=\"user && userImage; else isEmptyImage\">\n                    <img class=\"organizationIcon\" [src]=\"baseUrl + userImage\" alt=\"Avatar\" />\n                  </ng-container>\n                  <!-- <ng-container *ngIf=\"!(user && userImage); else isEmptyImage\">\n                    <span class=\"userEmptyIcon\">{{ (user?.name?.charAt(0) || '') | uppercase }}</span>\n                  </ng-container> -->\n                </button>\n\n                <mat-menu #userProfile09Menu=\"matMenu\" backdropClass=\"app-list-mat-menu-panel-class\">\n                  <button mat-menu-item class=\"h-full user-info\">\n                    <!-- <img class=\"organizationIconprofile\" [src]=\"baseUrl + userImage\" alt=\"Avatar\" (error)=\"fallbackToDefaultImage($event)\" /> -->\n                    <div class=\"inline-grid py-3\">\n                      <span class=\"user-name-title\">{{ user.fname }} {{ user.lname }}</span>\n                      <span class=\"user-emailid\">{{ user.email }}</span>\n\n                    </div>\n                  </button>\n\n                  <mat-divider class=\"my-0\"></mat-divider>\n                  <button mat-menu-item class=\"user-logout-btn organization-btn\" (click)=\"navigatetoOrganiation()\">\n                      <!-- <mat-icon [svgIcon]=\"'heroicons_outline:user-group'\"></mat-icon> -->\n                      <span class=\"logout-label\">Organization Users</span>\n                    </button>\n                    <button mat-menu-item class=\"user-logout-btn organization-btn\" (click)=\"navigatetoOrganiationSettings()\">\n                      <!-- <mat-icon [svgIcon]=\"'heroicons_outline:user-group'\"></mat-icon> -->\n                      <span class=\"logout-label\">Organization Settings</span>\n                    </button>\n                    <button mat-menu-item class=\"user-logout-btn billing-btn\" (click)=\"navigateToBilling()\">\n                      <!-- <mat-icon [svgIcon]=\"'heroicons_outline:credit-card'\"></mat-icon> -->\n                      <span class=\"logout-label\">Billing</span>\n                    </button>\n                    <mat-divider class=\"my-0\"></mat-divider>\n                    <button mat-menu-item class=\"user-logout-btn\" (click)=\"signOut()\">\n                      <!-- <mat-icon [svgIcon]=\"'heroicons_outline:logout'\"></mat-icon> -->\n                      <span class=\"logout-label\">Logout</span>\n                    </button>\n                </mat-menu>\n\n\n\n\n\n            </div>\n        </div>\n", styles: ["lib-app-common-header{width:100%}lib-app-common-header .app-list-main-header{box-shadow:0 2px 8px -3px #4e4e4e6e!important}lib-app-common-header .app-list-main-subheader{margin-top:1.5px}lib-app-common-header .app-list-main-subheader .app-list-header{width:100%;background:#FCFDFF;z-index:99;height:3.3rem;border-bottom:.5px solid #cccccc7d}lib-app-common-header .app-list-main-subheader .main-title{color:#3b3f4a}lib-app-common-header .app-list-main-subheader .organization-mat-select .mat-form-field-wrapper{display:flex;align-items:center}lib-app-common-header .app-list{height:calc(100vh - 9.5rem)}lib-app-common-header .app-list .contact-img{height:30px;width:30px;margin-left:-32px}lib-app-common-header .app-list .contact-names{padding-left:13px;padding-top:1px}lib-app-common-header .app-list mat-selection-list{position:relative;margin-top:-20.5px;width:100%;height:80vh;overflow-y:scroll}lib-app-common-header .app-list ::ng-deep .mat-pseudo-checkbox{display:none!important}lib-app-common-header .app-list .app-grid{row-gap:30px}lib-app-common-header .app-list .app-grid .card-outer-div .fuse-card{flex:0 0 100%;max-width:100%;border-radius:9px;opacity:1;display:flex;cursor:pointer;align-items:center;position:relative;box-shadow:none;justify-content:start}lib-app-common-header .app-list .app-grid .card-outer-div .fuse-card .mat-icon{color:#64748b}lib-app-common-header .app-list .app-grid .card-outer-div .fuse-card .custmize-btn{color:#6554c0}lib-app-common-header .app-list .app-grid .card-outer-div .fuse-card .custmize-btn:hover{background-color:#6554c0!important}lib-app-common-header .app-list .app-grid .card-outer-div .fuse-card .app-title-wrapper{max-height:2.4rem;overflow:hidden}lib-app-common-header .app-list .app-grid .card-outer-div .fuse-card .app_title{font-weight:500;width:90%;max-width:90%;overflow:hidden;text-overflow:ellipsis;font-size:14px;display:-webkit-box!important;white-space:normal;margin:0 auto;-webkit-line-clamp:2;-webkit-box-orient:vertical}lib-app-common-header .app-list .app-grid .card-outer-div .fuse-card .app_version{color:#4a4a4a}@media screen and (max-width: 768px){lib-app-common-header .app-list .app-grid .card-outer-div .fuse-card{padding-top:0!important}}lib-app-common-header .app-list .app-grid .card .mat-icon-button .mat-button-focus-overlay{width:20px;margin-top:0;background-color:#fff!important;margin-left:9px}lib-app-common-header .app-list .app-grid .dots-vertical{position:absolute;right:1px;top:10px}@media only screen and (max-width: 320px){lib-app-common-header .app-list .card-body{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media only screen and (max-width: 600px){lib-app-common-header .app-list{height:calc(100vh - 13.3rem)}}lib-app-common-header .mat-form-field-ripple{background-color:transparent!important}lib-app-common-header .mat-form-field-underline{background-color:transparent!important}lib-app-common-header .mat-form-field-wrapper{padding-bottom:0!important}lib-app-common-header .mat-form-field-wrapper .mat-form-field-flex{padding:0!important}lib-app-common-header .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{padding:0!important;border:0!important;width:auto}@media only screen and (max-width: 425px){lib-app-common-header .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{min-width:100px;max-width:180px}}lib-app-common-header .app-list-footer{border-top:1px solid #8080802e}lib-app-common-header .app-list-footer span{font-family:Poppins,sans-serif}lib-app-common-header .no-app-created{height:calc(100vh - 150px)}.empty-app-icon{padding:9px;background:#e6a478;border-radius:50%;color:#fff;cursor:pointer;font-family:Roboto,sans-serif}.userEmptyIcon{border-radius:100%!important;min-width:35px!important;min-height:35px!important;max-height:35px!important;line-height:35px;background:#e6a478;margin-right:14px;text-align:center;color:#fff}.organizationIcon{border-radius:55%!important;width:1.75rem;height:1.75rem;margin-right:.5rem;display:inline;object-fit:cover}.organizationIconprofile{border-radius:55%!important;width:2.5rem;height:2.5rem;margin-right:.875rem}.mat-menu-panel{background-color:#fff;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px}.mat-select-panel:not([class*=mat-elevation-z]){background-color:#fff;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.app-list-mat-menu-item:hover{color:#fff;background-color:#6554c0}.user-name-title{font-size:14px;margin-left:5px;margin-top:1px;font-weight:400;color:#2e2f35;height:22px;display:inline-block;font-family:Roboto,sans-serif}.user-emailid{font-size:13px;font-weight:400;color:#8d8d8d;margin-left:5px;display:block;word-wrap:break-word}.organization-section{border-top:1px solid #ddd!important}.logout-title{font-family:Roboto,sans-serif}.logout-title:hover{background:transparent;color:#333!important;background-color:transparent!important;background-image:none!important}.mat-menu-item:hover{background:#f5f5f5!important}.organizationList .mat-option-text{display:flex!important;align-items:center}.org-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:85%;font-weight:500;font-size:1rem;color:#717271;padding-right:.4rem}@media only screen and (max-width: 425px){.org-name{font-size:12px}}.org-icon-span{display:flex;align-items:center}.organization-list-overlay-panel{background:#FCFDFF;transform:translate(-15px) translateY(45px)!important;width:14%}.app-list-mat-menu-panel-class+.cdk-overlay-connected-position-bounding-box .mat-menu-content{min-width:250px}.app-list-mat-menu-panel-class+.cdk-overlay-connected-position-bounding-box .mat-divider{border-top-color:#e2e8f0}.user-info .user-name-title,.user-info .user-emailid{line-height:initial;font-weight:400;height:22px;display:inline-block;font-family:Roboto,sans-serif;word-wrap:break-word}.user-info .user-emailid{font-size:14px;color:#2e2f35}.user-info .user-name-title{font-size:13px;color:#8d8d8d}.user-info:hover{background-color:#6c52ed!important}.user-info:hover .user-emailid,.user-info:hover .user-name-title{color:#fff!important}.user-logout-btn .mat-icon,.user-logout-btn .logout-lable{font-size:16px;font-weight:500}.user-logout-btn:hover{background-color:#6c52ed!important}.user-logout-btn:hover .mat-icon,.user-logout-btn:hover .logout-lable{color:#fff!important}.axo_notifiction-2{height:30px!important;width:30px!important}\n"] }]
    }], function () { return [{ type: i1.AuthService }, { type: i0.ChangeDetectorRef }, { type: i2.UserService }, { type: i3.MyAppListService }, { type: i4.Router }, { type: i5.AxoSnackBarService }, { type: i6.MatDialog }, { type: i7.FlattenService }, { type: i5.CommonService }]; }, { appList: [{
            type: Input
        }], baseUrl: [{
            type: Input
        }], organizationList: [{
            type: Input
        }], selectedOrganization: [{
            type: Input
        }], user: [{
            type: Input
        }], listType: [{
            type: Input
        }], switchAccountEvent: [{
            type: Output
        }], openAppEvent: [{
            type: Output
        }], updateListEvent: [{
            type: Output
        }] }); })();
//# sourceMappingURL=data:application/json;base64, 