{"__symbolic":"module","version":4,"metadata":{"InovaCoreNavModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":20,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"InovaNavComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material/divider","name":"MatDividerModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":29,"character":4},{"__symbolic":"reference","module":"apollo-angular","name":"ApolloModule","line":30,"character":4},{"__symbolic":"reference","module":"apollo-angular-link-http","name":"HttpLinkModule","line":31,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":32,"character":4},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":33,"character":4}],"exports":[{"__symbolic":"reference","name":"InovaNavComponent"}],"providers":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["navEnv"],"value":{"ngModule":{"__symbolic":"reference","name":"InovaCoreNavModule"},"providers":[{"provide":{"__symbolic":"reference","name":"NAV_ENVIRONMENT"},"useValue":{"__symbolic":"reference","name":"navEnv"}}]}}}},"createApolloConfigFor":{"__symbolic":"function"},"ChatState":{"initiated":1,"active":2,"finished":3,"paused":4},"InovaNavComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"inova-nav","template":"<mat-toolbar>\n    <div [class.hidden]=\"hideWhileLoading && loading\" class=\"expand-button-container\" *ngIf=\"options.length>1 || loading\" [class.loading]=\"loading\">\n        <button id=\"miElemento\" class=\"expand-button\" (click)=\"toggleOptions()\">\n            <div class=\"menu-img-back\" [class.expanded]=\"isExpanded\">\n                <img src=\"assets/images/icono_navegacion.svg\" style=\"width: 25px;margin-top: 5px;\">\n            </div>\n        </button>\n        <div class=\"options\" *ngIf=\"!mobileQuery.matches\">\n            <ng-container *ngFor=\"let option of options\">\n                <div class=\"option-button\" *ngIf=\"option.current || isExpanded\">\n                    <span [attr.id]=\"option.key\" class=\"service-item\" [class.selected]=\"option.current\" (click)=\"toggleMs(option)\">\n                        {{option.service}}\n                    </span>\n                </div>\n            </ng-container>\n\n        </div>\n        <ng-container *ngIf=\"mobileQuery.matches\">\n            <button class=\"expand-button\" [matMenuTriggerFor]=\"menu\" id=\"expand-button-responsive\">\n\n                <h6 class=\"responsive-service-title\">{{getCurrentOptionTitle()}}</h6>\n            </button>\n            <mat-menu #menu=\"matMenu\">\n                <ng-container *ngFor=\"let option of options\">\n                    <button class=\"btn-option-responsive\" mat-menu-item (click)=\"toggleMs(option)\"\n                        [class.selected]=\"option.current\" [attr.id]=\"option.key\">\n                        {{option.service}}\n                    </button>\n                </ng-container>\n            </mat-menu>\n        </ng-container>\n    </div>\n    <div class=\"profile-container\">\n        <div class=\"profile-btn\" [matMenuTriggerFor]=\"profileMenu\">\n            <img [src]=\"getAvatarImg()\" id=\"img-profile\" alt=\"\" onerror=\"this.src='assets/images/profile.jpg'\">\n        </div>\n        <mat-menu #profileMenu=\"matMenu\">\n            <div class=\"profile-menu\">\n                <img [src]=\"getAvatarImg()\" alt=\"\" onerror=\"this.src='assets/images/profile.jpg'\">\n                <h4 class=\"bold\">\n                    {{ user?.nombre }} {{ user?.apellido }}\n                </h4>\n                <h4>{{ user?.userType }}</h4>\n                <ng-container *ngFor=\"let option of userProfileOptions\">\n                    <mat-divider></mat-divider>\n                    <button mat-raised-button (click)=\"goToOption(option)\" color=\"primary\">\n                        <mat-icon *ngIf=\"option.icon\">{{option.icon}}</mat-icon>\n                        {{option.title | translate}}\n                    </button>\n                </ng-container>\n                <mat-divider></mat-divider>\n                <button mat-raised-button (click)=\"signOut()\">\n                    <mat-icon>power_settings_new</mat-icon>\n                    Cerrar sesión\n                </button>\n            </div>\n        </mat-menu>\n    </div>\n</mat-toolbar>\n\n<ng-container *ngFor=\"let fr of frames\">\n    <iframe [hidden]=\"true\" (load)=\"loadIframe($event)\" [attr.id]=\"fr.id\" [src]=\"fr.route\"></iframe>\n</ng-container>\n","styles":[".expand-button-container{display:flex;align-items:center;justify-content:flex-start;background-color:rgba(0,0,0,.5);border-radius:25px;padding:2px}.expand-button{display:flex;align-items:center;justify-content:start;height:40px;background-color:transparent;border:none;border-radius:25px;cursor:pointer}:host ::ng-deep .mat-menu-panel{border-radius:15px!important}.mat-toolbar{background-color:transparent!important;width:100%;display:flex;flex-direction:row;justify-content:end}.profile-btn{width:40px;height:40px;padding-left:10px;cursor:pointer}.profile-btn img{height:100%;border-radius:20px}.profile-menu{text-align:center;width:200px}.profile-menu img{width:80px;height:80px;border-radius:40px}.profile-menu h4.bold{font-weight:700;font-family:Roboto,sans-serif}.profile-menu button{margin:10px 5px 10px 0}.options{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:100%;padding:5px;margin-right:10px}.option-button{display:block;border-radius:4px;margin-left:8px;margin-right:8px;font-size:14px}.back-color{background-color:rgba(0,0,0,.5)}.service-item{color:#fffFFF80;cursor:pointer}.service-item.selected{color:#fff;font-weight:500}.profile-container{margin-left:10px}.menu-img-back{background-color:#f7a813;width:35px;height:35px;border-radius:25px;margin-left:-3px}.menu-img-back.expanded{background-color:#f7a813}.btn-option-responsive.selected{font-weight:500}.responsive-service-title{font-size:14px;margin-right:15px;color:#fff}@keyframes color-transition{0%{background-color:rgba(0,0,0,.2)}50%{background-color:rgba(0,0,0,.6)}}.expand-button-container.loading{width:300px;animation-name:color-transition;animation-duration:2s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:linear}@media only screen and (max-width:1000px){.expand-button-container.loading{width:120px}}.hidden{display:none!important}"]}]}],"members":{"userProfileOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"hideWhileLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":46,"character":5},"arguments":[{"__symbolic":"reference","name":"NAV_ENVIRONMENT"}]}],null,null,null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":45,"character":33},{"__symbolic":"reference","name":"NavEnvironment"},{"__symbolic":"reference","module":"inova-front-core/helpers/services/http","name":"InovaCommonGraphqlApi","line":47,"character":31},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"MediaMatcher","line":49,"character":11},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":50,"character":23},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":51,"character":20},{"__symbolic":"reference","module":"inova-front-core/session","name":"SessionDataService","line":52,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"getCurrentOptionTitle":[{"__symbolic":"method"}],"setIframes":[{"__symbolic":"method"}],"toggleOptions":[{"__symbolic":"method"}],"validateUser":[{"__symbolic":"method"}],"setPerson":[{"__symbolic":"method"}],"set_cliente_services":[{"__symbolic":"method"}],"set_subcliente_services":[{"__symbolic":"method"}],"set_analista_services":[{"__symbolic":"method"}],"set_profesional_services":[{"__symbolic":"method"}],"checkProfessionalRedirect":[{"__symbolic":"method"}],"set_productor_services":[{"__symbolic":"method"}],"getMappedServices":[{"__symbolic":"method"}],"setUserFinalServices":[{"__symbolic":"method"}],"evaluateRole":[{"__symbolic":"method"}],"toggleMs":[{"__symbolic":"method"}],"getAvatarImg":[{"__symbolic":"method"}],"goToOption":[{"__symbolic":"method"}],"signOut":[{"__symbolic":"method"}],"signOutMs":[{"__symbolic":"method"}],"loadIframe":[{"__symbolic":"method"}]}},"NavServices":{"CA":"Admin","REP":"Reportería","BI":"Analítica","CW":"Colectiva Web","CM":"Comunicación","ROUTES":"Rutas"},"NavUserProfileOption":{"__symbolic":"interface"},"NavEnvironment":{"__symbolic":"interface"},"NavServicesMap":{"__symbolic":"interface"},"NAV_MAPPED_SERVICES":[{"service":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"CA"},"key":"colUrl"},{"service":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"REP"},"key":"repUrl"},{"service":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"BI"},"key":"biUrl"},{"service":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"CW"},"key":"itUrl"},{"service":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"CM"},"key":"comUrl"},{"service":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"ROUTES"},"key":"routesUrl"}],"NAV_SERVICES_BY_ROLE":{"cliente":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"CA"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"REP"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"BI"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"CM"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"ROUTES"}],"subcliente":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"CA"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"REP"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"BI"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"CM"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"ROUTES"}],"analista":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"CA"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"REP"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"BI"}],"profesional":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"CW"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"CM"}],"productor":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NavServices"},"member":"CW"}]},"NAV_ENVIRONMENT":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":8,"character":67},"arguments":["NAV_ENVIRONMENT"]},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"apollo-angular","name":"Apollo","line":7,"character":30}]}],"getLiteUserChats":[{"__symbolic":"method"}],"getProfessionalHasContactCenter":[{"__symbolic":"method"}],"getCourses":[{"__symbolic":"method"}],"getProfessionalRulesLite":[{"__symbolic":"method"}],"transformMessageResponse":[{"__symbolic":"method"}]}}},"origins":{"InovaCoreNavModule":"./inova-nav.module","createApolloConfigFor":"./inova-nav.module","ChatState":"./inova-nav/inova-nav.component","InovaNavComponent":"./inova-nav/inova-nav.component","NavServices":"./env/environment.interface","NavUserProfileOption":"./env/environment.interface","NavEnvironment":"./env/environment.interface","NavServicesMap":"./env/environment.interface","NAV_MAPPED_SERVICES":"./env/environment.interface","NAV_SERVICES_BY_ROLE":"./env/environment.interface","NAV_ENVIRONMENT":"./env/environment.nav","ɵa":"./services/nav-api.service"},"importAs":"inova-front-core/nav"}