ngx-vector-components 4.22.1 → 4.22.2

package/fesm2020/ngx-vector-components.mjs

@@ -3879,14 +3879,14 @@ class TopBarComponent {
         this.router.navigate(['fintech/under-construction']);
     }
     goToOnboarding() {
-        this.router.navigate(['onboarding']);
+        this.router.navigate(['onboarding', 'attorney-information']);
     }
 }
 TopBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TopBarComponent, deps: [{ token: MenuService }, { token: AuthService }, { token: i2$1.Router }, { token: ProfileService }], target: i0.ɵɵFactoryTarget.Component });
-TopBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: TopBarComponent, selector: "vector-top-bar", inputs: { fintech: "fintech", accountService: "accountService" }, ngImport: i0, template: "<div class=\"top-bar-container\">\r\n  <div id=\"menu-toggle\" class=\"menu-toggle\" (click)=\"toggleMenu()\">\r\n    <div class=\"menu-icon\"></div>\r\n  </div>\r\n\r\n  <div class=\"left-items-container\" *ngIf=\"fintech && isDesktop() && !doingOnboarding && !isAdmin\">\r\n    <span>Banco {{ currentAccount?.bankCode }}</span>\r\n    <span class=\"separator\"></span>\r\n    <span>AG {{ currentAccount?.agency }}</span>\r\n    <span class=\"separator\"></span>\r\n    <span>CC {{ currentAccount?.accountNumber }}</span>\r\n    <span class=\"separator\"></span>\r\n    <span\r\n      >{{ currentAccount?.accountType === 'CURRENT_ACCOUNT_PF' ? 'CPF' : 'CNPJ' }}\r\n      {{ maskUtil.formatDocument(currentAccount?.document) }}</span\r\n    >\r\n    <ng-container *ngIf=\"otherAccounts?.length\">\r\n      <span class=\"separator\"></span>\r\n      <div class=\"change-account-button cursor-pointer\" (click)=\"changeAccountMenu.toggle($event)\">\r\n        <span class=\"mr-2\">Alternar conta</span>\r\n        <span\r\n          class=\"fas\"\r\n          [ngClass]=\"{ 'fa-angle-down': !openedChangeAccountMenu, 'fa-angle-up': openedChangeAccountMenu }\"\r\n        ></span>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <div class=\"right-items-container\" [ngClass]=\"{ 'hidden-items': hideElements }\" *ngIf=\"!isAdmin && !doingOnboarding\">\r\n    <span *ngIf=\"!fintech\" class=\"fas fa-bell\"></span>\r\n    <span class=\"separator\"></span>\r\n    <div\r\n      #menuContainer\r\n      class=\"menu-container\"\r\n      (click)=\"menu.toggle($event)\"\r\n      pTooltip=\"Enter your username\"\r\n      tooltipPosition=\"bottom\"\r\n      tooltipEvent=\"click\"\r\n    >\r\n      <span class=\"user-name\">{{ currentAccount?.name || vectorFirstName || '' }}</span>\r\n      <span class=\"fas\" [ngClass]=\"{ 'fa-angle-down': !openedMenu, 'fa-angle-up': openedMenu }\"></span>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- <p-overlayPanel #menu (onHide)=\"openedMenu = false\" (onShow)=\"openedMenu = true\">\r\n  <ng-template pTemplate>\r\n    <ul class=\"user-menu\">\r\n      <li (click)=\"logout()\">\r\n        <span class=\"logout user-menu-icon\"></span>\r\n        <span>Sair</span>\r\n      </li>\r\n    </ul>\r\n  </ng-template>\r\n</p-overlayPanel> -->\r\n\r\n<p-overlayPanel #menu (onHide)=\"openedMenu = false\" (onShow)=\"openedMenu = true\">\r\n  <ng-template pTemplate>\r\n    <div class=\"account-info\" *ngIf=\"!isDesktop()\">\r\n      <div class=\"account-info-row\">\r\n        <div class=\"account-info-item\">\r\n          <span>Banco: </span>\r\n          <span class=\"account-info-value\">{{ currentAccount?.bank }}</span>\r\n        </div>\r\n\r\n        <span class=\"separator\"></span>\r\n        <div class=\"account-info-item\">\r\n          <span>AG: </span>\r\n          <span class=\"account-info-value\">{{ currentAccount?.agency }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"account-info-row\">\r\n        <div class=\"account-info-item\">\r\n          <span>CC: </span>\r\n          <span class=\"account-info-value\">{{ currentAccount?.accountNumber }}</span>\r\n        </div>\r\n        <span class=\"separator\"></span>\r\n        <div class=\"account-info-item\">\r\n          <span>{{ currentAccount?.accountType === 'CURRENT_ACCOUNT_PF' ? 'CPF' : 'CNPJ' }}: </span>\r\n          <span class=\"account-info-value\"> {{ maskUtil.formatDocument(currentAccount?.document) }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"change-account-mobile\" (click)=\"changeAccountMenu.toggle($event)\" *ngIf=\"otherAccounts?.length\">\r\n        <span class=\"change-account-mobile-label\">Alternar conta</span>\r\n        <span\r\n          class=\"fas\"\r\n          [ngClass]=\"{ 'fa-angle-down': !openedChangeAccountMenu, 'fa-angle-up': openedChangeAccountMenu }\"\r\n        ></span>\r\n      </div>\r\n    </div>\r\n    <ul class=\"user-menu\">\r\n      <li *ngIf=\"fintech\" (click)=\"goToTermsOfUse(); menu.hide()\">\r\n        <span class=\"terms-of-use user-menu-icon\"></span>\r\n        <span>Termos de Uso</span>\r\n      </li>\r\n      <li *ngIf=\"fintech\" (click)=\"goToPasswordChange(); menu.hide()\">\r\n        <span class=\"fintech-password user-menu-icon\"></span>\r\n        <span>Alterar Senha</span>\r\n      </li>\r\n      <!-- <li *ngIf=\"fintech\" (click)=\"goToTariff()\">\r\n        <span class=\"tariffs user-menu-icon\"></span>\r\n        <span>Tarifas</span>\r\n      </li> -->\r\n      <li (click)=\"logout()\">\r\n        <span class=\"logout user-menu-icon\"></span>\r\n        <span>Sair</span>\r\n      </li>\r\n    </ul>\r\n  </ng-template>\r\n</p-overlayPanel>\r\n\r\n<p-overlayPanel #changeAccountMenu (onHide)=\"openedChangeAccountMenu = false\" (onShow)=\"openedChangeAccountMenu = true\">\r\n  <ng-template pTemplate>\r\n    <div\r\n      *ngFor=\"let account of otherAccounts\"\r\n      class=\"account-info change-account-info\"\r\n      (click)=\"changeAccount(account)\"\r\n    >\r\n      <div class=\"account-info-row\">\r\n        <div class=\"account-info-item\">\r\n          <span>Banco: </span>\r\n          <span class=\"account-info-value\">{{ account?.bank }}</span>\r\n        </div>\r\n\r\n        <span class=\"separator\"></span>\r\n        <div class=\"account-info-item\">\r\n          <span>AG: </span>\r\n          <span class=\"account-info-value\">{{ account?.agency }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"account-info-row\">\r\n        <div class=\"account-info-item\">\r\n          <span>CC: </span>\r\n          <span class=\"account-info-value\">{{ account?.accountNumber }}</span>\r\n        </div>\r\n        <span class=\"separator\"></span>\r\n        <div class=\"account-info-item\">\r\n          <span>{{ account?.accountType === 'CURRENT_ACCOUNT_PF' ? 'CPF' : 'CNPJ' }}: </span>\r\n          <span class=\"account-info-value\"> {{ account?.documentFormatted }}</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div>\r\n      <hr />\r\n      <p class=\"text-center add-account\" (click)=\"goToOnboarding()\">Adicionar uma nova conta</p>\r\n    </div>\r\n  </ng-template>\r\n</p-overlayPanel>\r\n", styles: [".fas{color:#fff}.top-bar-container{height:81px;background-color:var(--theme-light);display:flex;flex:1;align-items:center;padding:15px;color:#fff;font-size:1em;font-weight:600;box-shadow:2px 2px 4px #00000029}.top-bar-container .menu-toggle{cursor:pointer;margin-right:10px;padding:8px}.top-bar-container .menu-toggle .menu-icon{background:url(\"data:image/svg+xml,%3Csvg width%3D%2221%22 height%3D%2214%22 viewBox%3D%220 0 21 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M0 13.846H15V11.538H0V13.846ZM0 8.077H11.538V5.769H0V8.077ZM0 0V2.308H15V0H0ZM20.769 11.065L16.638 6.923L20.769 2.781L19.142 1.154L13.373 6.923L19.142 12.692L20.769 11.065Z%22 fill%3D%22white%22%2F%3E%0D%3C%2Fsvg%3E%0D\");background-repeat:no-repeat;background-size:cover;width:20.77px;height:13.85px}.top-bar-container .menu-toggle span{font-size:1.3em}.top-bar-container .left-items-container{display:flex;align-items:center;flex-direction:row}.top-bar-container .right-items-container{flex:1;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.top-bar-container .right-items-container .menu-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;cursor:pointer}.top-bar-container .right-items-container .menu-container .user-name{margin-right:15px}.separator{height:100%;margin-left:15px;margin-right:15px}.separator:after{content:\"\";height:100%;border-right:2px solid #ffffff}.account-info{display:flex;flex-direction:column;background-color:var(--theme-primary);border-radius:var(--border-radius);color:#fff;padding:5px;width:300px}.account-info .account-info-row{display:flex;flex-direction:row;align-items:center}.account-info .account-info-row .account-info-item{flex:1}.account-info .account-info-row .account-info-item:first-child{flex:.6}.account-info .account-info-row .account-info-item .account-info-value{font-weight:200}.account-info .change-account-mobile{font-size:.8em;align-items:center;display:flex}.account-info .change-account-mobile .change-account-mobile-label{margin-right:5px}.change-account-info{background-color:unset;cursor:pointer}.change-account-info:hover{background-color:var(--theme-primary)}.user-menu{padding:0;margin:0;list-style:none;color:#fff}.user-menu li{display:flex;flex-direction:row;align-items:center;padding:4px;font-weight:200;cursor:pointer;border-radius:var(--border-radius)}.user-menu li:hover{background-color:var(--theme-primary)}.user-menu li .user-menu-icon{width:28px;height:25px;background-repeat:no-repeat}.user-menu li .logout{background-image:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2217.687%22 height%3D%2217.686%22 viewBox%3D%220 0 17.687 17.686%22%3E%0D  %3Cg id%3D%22Grupo_8513%22 data-name%3D%22Grupo 8513%22 transform%3D%22translate(12.157)%22%3E%0D    %3Cg id%3D%22Grupo_1649%22 data-name%3D%22Grupo 1649%22%3E%0D      %3Cg id%3D%22exit-to-app%22%3E%0D        %3Cpath id%3D%22Caminho_706%22 data-name%3D%22Caminho 706%22 d%3D%22M1628.279%2C320.831l1.375%2C1.375%2C4.914-4.912-4.914-4.913-1.375%2C1.375%2C2.554%2C2.555H1621.3v1.965h9.531Zm8.745-12.381h-13.757a1.971%2C1.971%2C0%2C0%2C0-1.965%2C1.965v3.93h1.965v-3.93h13.757v13.756h-13.757v-3.93H1621.3v3.93a1.971%2C1.971%2C0%2C0%2C0%2C1.965%2C1.965h13.757a1.971%2C1.971%2C0%2C0%2C0%2C1.965-1.965V310.415A1.971%2C1.971%2C0%2C0%2C0%2C1637.024%2C308.45Z%22 transform%3D%22translate(-1633.459 -308.45)%22 fill%3D%22%23fff%22%2F%3E%0D      %3C%2Fg%3E%0D    %3C%2Fg%3E%0D  %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\");background-position-y:3px}.add-account{color:#fff;font-size:1.1em;padding:10px;margin:0;font-weight:400;letter-spacing:.25px;cursor:pointer}@media screen and (max-width: 441px){.hidden-items{display:none!important}}\n"], components: [{ type: i4$1.OverlayPanel, selector: "p-overlayPanel", inputs: ["dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2$9.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+TopBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: TopBarComponent, selector: "vector-top-bar", inputs: { fintech: "fintech", accountService: "accountService" }, ngImport: i0, template: "<div class=\"top-bar-container\">\r\n  <div id=\"menu-toggle\" class=\"menu-toggle\" (click)=\"toggleMenu()\">\r\n    <div class=\"menu-icon\"></div>\r\n  </div>\r\n\r\n  <div class=\"left-items-container\" *ngIf=\"fintech && isDesktop() && !doingOnboarding && !isAdmin\">\r\n    <span>Banco {{ currentAccount?.bankCode }}</span>\r\n    <span class=\"separator\"></span>\r\n    <span>AG {{ currentAccount?.agency }}</span>\r\n    <span class=\"separator\"></span>\r\n    <span>CC {{ currentAccount?.accountNumber }}</span>\r\n    <span class=\"separator\"></span>\r\n    <span\r\n      >{{ currentAccount?.accountType === 'CURRENT_ACCOUNT_PF' ? 'CPF' : 'CNPJ' }}\r\n      {{ maskUtil.formatDocument(currentAccount?.document) }}</span\r\n    >\r\n    <ng-container>\r\n      <span class=\"separator\"></span>\r\n      <div class=\"change-account-button cursor-pointer\" (click)=\"changeAccountMenu.toggle($event)\">\r\n        <span class=\"mr-2\">Alternar conta</span>\r\n        <span\r\n          class=\"fas\"\r\n          [ngClass]=\"{ 'fa-angle-down': !openedChangeAccountMenu, 'fa-angle-up': openedChangeAccountMenu }\"\r\n        ></span>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <div class=\"right-items-container\" [ngClass]=\"{ 'hidden-items': hideElements }\" *ngIf=\"!isAdmin && !doingOnboarding\">\r\n    <span *ngIf=\"!fintech\" class=\"fas fa-bell\"></span>\r\n    <span class=\"separator\"></span>\r\n    <div\r\n      #menuContainer\r\n      class=\"menu-container\"\r\n      (click)=\"menu.toggle($event)\"\r\n      pTooltip=\"Enter your username\"\r\n      tooltipPosition=\"bottom\"\r\n      tooltipEvent=\"click\"\r\n    >\r\n      <span class=\"user-name\">{{ currentAccount?.name || vectorFirstName || '' }}</span>\r\n      <span class=\"fas\" [ngClass]=\"{ 'fa-angle-down': !openedMenu, 'fa-angle-up': openedMenu }\"></span>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- <p-overlayPanel #menu (onHide)=\"openedMenu = false\" (onShow)=\"openedMenu = true\">\r\n  <ng-template pTemplate>\r\n    <ul class=\"user-menu\">\r\n      <li (click)=\"logout()\">\r\n        <span class=\"logout user-menu-icon\"></span>\r\n        <span>Sair</span>\r\n      </li>\r\n    </ul>\r\n  </ng-template>\r\n</p-overlayPanel> -->\r\n\r\n<p-overlayPanel #menu (onHide)=\"openedMenu = false\" (onShow)=\"openedMenu = true\">\r\n  <ng-template pTemplate>\r\n    <div class=\"account-info\" *ngIf=\"!isDesktop()\">\r\n      <div class=\"account-info-row\">\r\n        <div class=\"account-info-item\">\r\n          <span>Banco: </span>\r\n          <span class=\"account-info-value\">{{ currentAccount?.bank }}</span>\r\n        </div>\r\n\r\n        <span class=\"separator\"></span>\r\n        <div class=\"account-info-item\">\r\n          <span>AG: </span>\r\n          <span class=\"account-info-value\">{{ currentAccount?.agency }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"account-info-row\">\r\n        <div class=\"account-info-item\">\r\n          <span>CC: </span>\r\n          <span class=\"account-info-value\">{{ currentAccount?.accountNumber }}</span>\r\n        </div>\r\n        <span class=\"separator\"></span>\r\n        <div class=\"account-info-item\">\r\n          <span>{{ currentAccount?.accountType === 'CURRENT_ACCOUNT_PF' ? 'CPF' : 'CNPJ' }}: </span>\r\n          <span class=\"account-info-value\"> {{ maskUtil.formatDocument(currentAccount?.document) }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"change-account-mobile\" (click)=\"changeAccountMenu.toggle($event)\" *ngIf=\"otherAccounts?.length\">\r\n        <span class=\"change-account-mobile-label\">Alternar conta</span>\r\n        <span\r\n          class=\"fas\"\r\n          [ngClass]=\"{ 'fa-angle-down': !openedChangeAccountMenu, 'fa-angle-up': openedChangeAccountMenu }\"\r\n        ></span>\r\n      </div>\r\n    </div>\r\n    <ul class=\"user-menu\">\r\n      <li *ngIf=\"fintech\" (click)=\"goToTermsOfUse(); menu.hide()\">\r\n        <span class=\"terms-of-use user-menu-icon\"></span>\r\n        <span>Termos de Uso</span>\r\n      </li>\r\n      <li *ngIf=\"fintech\" (click)=\"goToPasswordChange(); menu.hide()\">\r\n        <span class=\"fintech-password user-menu-icon\"></span>\r\n        <span>Alterar Senha</span>\r\n      </li>\r\n      <!-- <li *ngIf=\"fintech\" (click)=\"goToTariff()\">\r\n        <span class=\"tariffs user-menu-icon\"></span>\r\n        <span>Tarifas</span>\r\n      </li> -->\r\n      <li (click)=\"logout()\">\r\n        <span class=\"logout user-menu-icon\"></span>\r\n        <span>Sair</span>\r\n      </li>\r\n    </ul>\r\n  </ng-template>\r\n</p-overlayPanel>\r\n\r\n<p-overlayPanel #changeAccountMenu (onHide)=\"openedChangeAccountMenu = false\" (onShow)=\"openedChangeAccountMenu = true\">\r\n  <ng-template pTemplate>\r\n    <div\r\n      *ngFor=\"let account of otherAccounts\"\r\n      class=\"account-info change-account-info\"\r\n      (click)=\"changeAccount(account)\"\r\n    >\r\n      <div class=\"account-info-row\">\r\n        <div class=\"account-info-item\">\r\n          <span>Banco: </span>\r\n          <span class=\"account-info-value\">{{ account?.bank }}</span>\r\n        </div>\r\n\r\n        <span class=\"separator\"></span>\r\n        <div class=\"account-info-item\">\r\n          <span>AG: </span>\r\n          <span class=\"account-info-value\">{{ account?.agency }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"account-info-row\">\r\n        <div class=\"account-info-item\">\r\n          <span>CC: </span>\r\n          <span class=\"account-info-value\">{{ account?.accountNumber }}</span>\r\n        </div>\r\n        <span class=\"separator\"></span>\r\n        <div class=\"account-info-item\">\r\n          <span>{{ account?.accountType === 'CURRENT_ACCOUNT_PF' ? 'CPF' : 'CNPJ' }}: </span>\r\n          <span class=\"account-info-value\"> {{ account?.documentFormatted }}</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div>\r\n      <hr />\r\n      <p class=\"text-center add-account\" (click)=\"goToOnboarding()\">Adicionar uma nova conta</p>\r\n    </div>\r\n  </ng-template>\r\n</p-overlayPanel>\r\n", styles: [".fas{color:#fff}.top-bar-container{height:81px;background-color:var(--theme-light);display:flex;flex:1;align-items:center;padding:15px;color:#fff;font-size:1em;font-weight:600;box-shadow:2px 2px 4px #00000029}.top-bar-container .menu-toggle{cursor:pointer;margin-right:10px;padding:8px}.top-bar-container .menu-toggle .menu-icon{background:url(\"data:image/svg+xml,%3Csvg width%3D%2221%22 height%3D%2214%22 viewBox%3D%220 0 21 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M0 13.846H15V11.538H0V13.846ZM0 8.077H11.538V5.769H0V8.077ZM0 0V2.308H15V0H0ZM20.769 11.065L16.638 6.923L20.769 2.781L19.142 1.154L13.373 6.923L19.142 12.692L20.769 11.065Z%22 fill%3D%22white%22%2F%3E%0D%3C%2Fsvg%3E%0D\");background-repeat:no-repeat;background-size:cover;width:20.77px;height:13.85px}.top-bar-container .menu-toggle span{font-size:1.3em}.top-bar-container .left-items-container{display:flex;align-items:center;flex-direction:row}.top-bar-container .right-items-container{flex:1;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.top-bar-container .right-items-container .menu-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;cursor:pointer}.top-bar-container .right-items-container .menu-container .user-name{margin-right:15px}.separator{height:100%;margin-left:15px;margin-right:15px}.separator:after{content:\"\";height:100%;border-right:2px solid #ffffff}.account-info{display:flex;flex-direction:column;background-color:var(--theme-primary);border-radius:var(--border-radius);color:#fff;padding:5px;width:300px}.account-info .account-info-row{display:flex;flex-direction:row;align-items:center}.account-info .account-info-row .account-info-item{flex:1}.account-info .account-info-row .account-info-item:first-child{flex:.6}.account-info .account-info-row .account-info-item .account-info-value{font-weight:200}.account-info .change-account-mobile{font-size:.8em;align-items:center;display:flex}.account-info .change-account-mobile .change-account-mobile-label{margin-right:5px}.change-account-info{background-color:unset;cursor:pointer}.change-account-info:hover{background-color:var(--theme-primary)}.user-menu{padding:0;margin:0;list-style:none;color:#fff}.user-menu li{display:flex;flex-direction:row;align-items:center;padding:4px;font-weight:200;cursor:pointer;border-radius:var(--border-radius)}.user-menu li:hover{background-color:var(--theme-primary)}.user-menu li .user-menu-icon{width:28px;height:25px;background-repeat:no-repeat}.user-menu li .logout{background-image:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2217.687%22 height%3D%2217.686%22 viewBox%3D%220 0 17.687 17.686%22%3E%0D  %3Cg id%3D%22Grupo_8513%22 data-name%3D%22Grupo 8513%22 transform%3D%22translate(12.157)%22%3E%0D    %3Cg id%3D%22Grupo_1649%22 data-name%3D%22Grupo 1649%22%3E%0D      %3Cg id%3D%22exit-to-app%22%3E%0D        %3Cpath id%3D%22Caminho_706%22 data-name%3D%22Caminho 706%22 d%3D%22M1628.279%2C320.831l1.375%2C1.375%2C4.914-4.912-4.914-4.913-1.375%2C1.375%2C2.554%2C2.555H1621.3v1.965h9.531Zm8.745-12.381h-13.757a1.971%2C1.971%2C0%2C0%2C0-1.965%2C1.965v3.93h1.965v-3.93h13.757v13.756h-13.757v-3.93H1621.3v3.93a1.971%2C1.971%2C0%2C0%2C0%2C1.965%2C1.965h13.757a1.971%2C1.971%2C0%2C0%2C0%2C1.965-1.965V310.415A1.971%2C1.971%2C0%2C0%2C0%2C1637.024%2C308.45Z%22 transform%3D%22translate(-1633.459 -308.45)%22 fill%3D%22%23fff%22%2F%3E%0D      %3C%2Fg%3E%0D    %3C%2Fg%3E%0D  %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\");background-position-y:3px}.add-account{color:#fff;font-size:1.1em;padding:10px;margin:0;font-weight:400;letter-spacing:.25px;cursor:pointer}@media screen and (max-width: 441px){.hidden-items{display:none!important}}\n"], components: [{ type: i4$1.OverlayPanel, selector: "p-overlayPanel", inputs: ["dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2$9.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TopBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vector-top-bar', template: "<div class=\"top-bar-container\">\r\n  <div id=\"menu-toggle\" class=\"menu-toggle\" (click)=\"toggleMenu()\">\r\n    <div class=\"menu-icon\"></div>\r\n  </div>\r\n\r\n  <div class=\"left-items-container\" *ngIf=\"fintech && isDesktop() && !doingOnboarding && !isAdmin\">\r\n    <span>Banco {{ currentAccount?.bankCode }}</span>\r\n    <span class=\"separator\"></span>\r\n    <span>AG {{ currentAccount?.agency }}</span>\r\n    <span class=\"separator\"></span>\r\n    <span>CC {{ currentAccount?.accountNumber }}</span>\r\n    <span class=\"separator\"></span>\r\n    <span\r\n      >{{ currentAccount?.accountType === 'CURRENT_ACCOUNT_PF' ? 'CPF' : 'CNPJ' }}\r\n      {{ maskUtil.formatDocument(currentAccount?.document) }}</span\r\n    >\r\n    <ng-container *ngIf=\"otherAccounts?.length\">\r\n      <span class=\"separator\"></span>\r\n      <div class=\"change-account-button cursor-pointer\" (click)=\"changeAccountMenu.toggle($event)\">\r\n        <span class=\"mr-2\">Alternar conta</span>\r\n        <span\r\n          class=\"fas\"\r\n          [ngClass]=\"{ 'fa-angle-down': !openedChangeAccountMenu, 'fa-angle-up': openedChangeAccountMenu }\"\r\n        ></span>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <div class=\"right-items-container\" [ngClass]=\"{ 'hidden-items': hideElements }\" *ngIf=\"!isAdmin && !doingOnboarding\">\r\n    <span *ngIf=\"!fintech\" class=\"fas fa-bell\"></span>\r\n    <span class=\"separator\"></span>\r\n    <div\r\n      #menuContainer\r\n      class=\"menu-container\"\r\n      (click)=\"menu.toggle($event)\"\r\n      pTooltip=\"Enter your username\"\r\n      tooltipPosition=\"bottom\"\r\n      tooltipEvent=\"click\"\r\n    >\r\n      <span class=\"user-name\">{{ currentAccount?.name || vectorFirstName || '' }}</span>\r\n      <span class=\"fas\" [ngClass]=\"{ 'fa-angle-down': !openedMenu, 'fa-angle-up': openedMenu }\"></span>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- <p-overlayPanel #menu (onHide)=\"openedMenu = false\" (onShow)=\"openedMenu = true\">\r\n  <ng-template pTemplate>\r\n    <ul class=\"user-menu\">\r\n      <li (click)=\"logout()\">\r\n        <span class=\"logout user-menu-icon\"></span>\r\n        <span>Sair</span>\r\n      </li>\r\n    </ul>\r\n  </ng-template>\r\n</p-overlayPanel> -->\r\n\r\n<p-overlayPanel #menu (onHide)=\"openedMenu = false\" (onShow)=\"openedMenu = true\">\r\n  <ng-template pTemplate>\r\n    <div class=\"account-info\" *ngIf=\"!isDesktop()\">\r\n      <div class=\"account-info-row\">\r\n        <div class=\"account-info-item\">\r\n          <span>Banco: </span>\r\n          <span class=\"account-info-value\">{{ currentAccount?.bank }}</span>\r\n        </div>\r\n\r\n        <span class=\"separator\"></span>\r\n        <div class=\"account-info-item\">\r\n          <span>AG: </span>\r\n          <span class=\"account-info-value\">{{ currentAccount?.agency }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"account-info-row\">\r\n        <div class=\"account-info-item\">\r\n          <span>CC: </span>\r\n          <span class=\"account-info-value\">{{ currentAccount?.accountNumber }}</span>\r\n        </div>\r\n        <span class=\"separator\"></span>\r\n        <div class=\"account-info-item\">\r\n          <span>{{ currentAccount?.accountType === 'CURRENT_ACCOUNT_PF' ? 'CPF' : 'CNPJ' }}: </span>\r\n          <span class=\"account-info-value\"> {{ maskUtil.formatDocument(currentAccount?.document) }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"change-account-mobile\" (click)=\"changeAccountMenu.toggle($event)\" *ngIf=\"otherAccounts?.length\">\r\n        <span class=\"change-account-mobile-label\">Alternar conta</span>\r\n        <span\r\n          class=\"fas\"\r\n          [ngClass]=\"{ 'fa-angle-down': !openedChangeAccountMenu, 'fa-angle-up': openedChangeAccountMenu }\"\r\n        ></span>\r\n      </div>\r\n    </div>\r\n    <ul class=\"user-menu\">\r\n      <li *ngIf=\"fintech\" (click)=\"goToTermsOfUse(); menu.hide()\">\r\n        <span class=\"terms-of-use user-menu-icon\"></span>\r\n        <span>Termos de Uso</span>\r\n      </li>\r\n      <li *ngIf=\"fintech\" (click)=\"goToPasswordChange(); menu.hide()\">\r\n        <span class=\"fintech-password user-menu-icon\"></span>\r\n        <span>Alterar Senha</span>\r\n      </li>\r\n      <!-- <li *ngIf=\"fintech\" (click)=\"goToTariff()\">\r\n        <span class=\"tariffs user-menu-icon\"></span>\r\n        <span>Tarifas</span>\r\n      </li> -->\r\n      <li (click)=\"logout()\">\r\n        <span class=\"logout user-menu-icon\"></span>\r\n        <span>Sair</span>\r\n      </li>\r\n    </ul>\r\n  </ng-template>\r\n</p-overlayPanel>\r\n\r\n<p-overlayPanel #changeAccountMenu (onHide)=\"openedChangeAccountMenu = false\" (onShow)=\"openedChangeAccountMenu = true\">\r\n  <ng-template pTemplate>\r\n    <div\r\n      *ngFor=\"let account of otherAccounts\"\r\n      class=\"account-info change-account-info\"\r\n      (click)=\"changeAccount(account)\"\r\n    >\r\n      <div class=\"account-info-row\">\r\n        <div class=\"account-info-item\">\r\n          <span>Banco: </span>\r\n          <span class=\"account-info-value\">{{ account?.bank }}</span>\r\n        </div>\r\n\r\n        <span class=\"separator\"></span>\r\n        <div class=\"account-info-item\">\r\n          <span>AG: </span>\r\n          <span class=\"account-info-value\">{{ account?.agency }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"account-info-row\">\r\n        <div class=\"account-info-item\">\r\n          <span>CC: </span>\r\n          <span class=\"account-info-value\">{{ account?.accountNumber }}</span>\r\n        </div>\r\n        <span class=\"separator\"></span>\r\n        <div class=\"account-info-item\">\r\n          <span>{{ account?.accountType === 'CURRENT_ACCOUNT_PF' ? 'CPF' : 'CNPJ' }}: </span>\r\n          <span class=\"account-info-value\"> {{ account?.documentFormatted }}</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div>\r\n      <hr />\r\n      <p class=\"text-center add-account\" (click)=\"goToOnboarding()\">Adicionar uma nova conta</p>\r\n    </div>\r\n  </ng-template>\r\n</p-overlayPanel>\r\n", styles: [".fas{color:#fff}.top-bar-container{height:81px;background-color:var(--theme-light);display:flex;flex:1;align-items:center;padding:15px;color:#fff;font-size:1em;font-weight:600;box-shadow:2px 2px 4px #00000029}.top-bar-container .menu-toggle{cursor:pointer;margin-right:10px;padding:8px}.top-bar-container .menu-toggle .menu-icon{background:url(\"data:image/svg+xml,%3Csvg width%3D%2221%22 height%3D%2214%22 viewBox%3D%220 0 21 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M0 13.846H15V11.538H0V13.846ZM0 8.077H11.538V5.769H0V8.077ZM0 0V2.308H15V0H0ZM20.769 11.065L16.638 6.923L20.769 2.781L19.142 1.154L13.373 6.923L19.142 12.692L20.769 11.065Z%22 fill%3D%22white%22%2F%3E%0D%3C%2Fsvg%3E%0D\");background-repeat:no-repeat;background-size:cover;width:20.77px;height:13.85px}.top-bar-container .menu-toggle span{font-size:1.3em}.top-bar-container .left-items-container{display:flex;align-items:center;flex-direction:row}.top-bar-container .right-items-container{flex:1;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.top-bar-container .right-items-container .menu-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;cursor:pointer}.top-bar-container .right-items-container .menu-container .user-name{margin-right:15px}.separator{height:100%;margin-left:15px;margin-right:15px}.separator:after{content:\"\";height:100%;border-right:2px solid #ffffff}.account-info{display:flex;flex-direction:column;background-color:var(--theme-primary);border-radius:var(--border-radius);color:#fff;padding:5px;width:300px}.account-info .account-info-row{display:flex;flex-direction:row;align-items:center}.account-info .account-info-row .account-info-item{flex:1}.account-info .account-info-row .account-info-item:first-child{flex:.6}.account-info .account-info-row .account-info-item .account-info-value{font-weight:200}.account-info .change-account-mobile{font-size:.8em;align-items:center;display:flex}.account-info .change-account-mobile .change-account-mobile-label{margin-right:5px}.change-account-info{background-color:unset;cursor:pointer}.change-account-info:hover{background-color:var(--theme-primary)}.user-menu{padding:0;margin:0;list-style:none;color:#fff}.user-menu li{display:flex;flex-direction:row;align-items:center;padding:4px;font-weight:200;cursor:pointer;border-radius:var(--border-radius)}.user-menu li:hover{background-color:var(--theme-primary)}.user-menu li .user-menu-icon{width:28px;height:25px;background-repeat:no-repeat}.user-menu li .logout{background-image:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2217.687%22 height%3D%2217.686%22 viewBox%3D%220 0 17.687 17.686%22%3E%0D  %3Cg id%3D%22Grupo_8513%22 data-name%3D%22Grupo 8513%22 transform%3D%22translate(12.157)%22%3E%0D    %3Cg id%3D%22Grupo_1649%22 data-name%3D%22Grupo 1649%22%3E%0D      %3Cg id%3D%22exit-to-app%22%3E%0D        %3Cpath id%3D%22Caminho_706%22 data-name%3D%22Caminho 706%22 d%3D%22M1628.279%2C320.831l1.375%2C1.375%2C4.914-4.912-4.914-4.913-1.375%2C1.375%2C2.554%2C2.555H1621.3v1.965h9.531Zm8.745-12.381h-13.757a1.971%2C1.971%2C0%2C0%2C0-1.965%2C1.965v3.93h1.965v-3.93h13.757v13.756h-13.757v-3.93H1621.3v3.93a1.971%2C1.971%2C0%2C0%2C0%2C1.965%2C1.965h13.757a1.971%2C1.971%2C0%2C0%2C0%2C1.965-1.965V310.415A1.971%2C1.971%2C0%2C0%2C0%2C1637.024%2C308.45Z%22 transform%3D%22translate(-1633.459 -308.45)%22 fill%3D%22%23fff%22%2F%3E%0D      %3C%2Fg%3E%0D    %3C%2Fg%3E%0D  %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\");background-position-y:3px}.add-account{color:#fff;font-size:1.1em;padding:10px;margin:0;font-weight:400;letter-spacing:.25px;cursor:pointer}@media screen and (max-width: 441px){.hidden-items{display:none!important}}\n"] }]
+            args: [{ selector: 'vector-top-bar', template: "<div class=\"top-bar-container\">\r\n  <div id=\"menu-toggle\" class=\"menu-toggle\" (click)=\"toggleMenu()\">\r\n    <div class=\"menu-icon\"></div>\r\n  </div>\r\n\r\n  <div class=\"left-items-container\" *ngIf=\"fintech && isDesktop() && !doingOnboarding && !isAdmin\">\r\n    <span>Banco {{ currentAccount?.bankCode }}</span>\r\n    <span class=\"separator\"></span>\r\n    <span>AG {{ currentAccount?.agency }}</span>\r\n    <span class=\"separator\"></span>\r\n    <span>CC {{ currentAccount?.accountNumber }}</span>\r\n    <span class=\"separator\"></span>\r\n    <span\r\n      >{{ currentAccount?.accountType === 'CURRENT_ACCOUNT_PF' ? 'CPF' : 'CNPJ' }}\r\n      {{ maskUtil.formatDocument(currentAccount?.document) }}</span\r\n    >\r\n    <ng-container>\r\n      <span class=\"separator\"></span>\r\n      <div class=\"change-account-button cursor-pointer\" (click)=\"changeAccountMenu.toggle($event)\">\r\n        <span class=\"mr-2\">Alternar conta</span>\r\n        <span\r\n          class=\"fas\"\r\n          [ngClass]=\"{ 'fa-angle-down': !openedChangeAccountMenu, 'fa-angle-up': openedChangeAccountMenu }\"\r\n        ></span>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <div class=\"right-items-container\" [ngClass]=\"{ 'hidden-items': hideElements }\" *ngIf=\"!isAdmin && !doingOnboarding\">\r\n    <span *ngIf=\"!fintech\" class=\"fas fa-bell\"></span>\r\n    <span class=\"separator\"></span>\r\n    <div\r\n      #menuContainer\r\n      class=\"menu-container\"\r\n      (click)=\"menu.toggle($event)\"\r\n      pTooltip=\"Enter your username\"\r\n      tooltipPosition=\"bottom\"\r\n      tooltipEvent=\"click\"\r\n    >\r\n      <span class=\"user-name\">{{ currentAccount?.name || vectorFirstName || '' }}</span>\r\n      <span class=\"fas\" [ngClass]=\"{ 'fa-angle-down': !openedMenu, 'fa-angle-up': openedMenu }\"></span>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- <p-overlayPanel #menu (onHide)=\"openedMenu = false\" (onShow)=\"openedMenu = true\">\r\n  <ng-template pTemplate>\r\n    <ul class=\"user-menu\">\r\n      <li (click)=\"logout()\">\r\n        <span class=\"logout user-menu-icon\"></span>\r\n        <span>Sair</span>\r\n      </li>\r\n    </ul>\r\n  </ng-template>\r\n</p-overlayPanel> -->\r\n\r\n<p-overlayPanel #menu (onHide)=\"openedMenu = false\" (onShow)=\"openedMenu = true\">\r\n  <ng-template pTemplate>\r\n    <div class=\"account-info\" *ngIf=\"!isDesktop()\">\r\n      <div class=\"account-info-row\">\r\n        <div class=\"account-info-item\">\r\n          <span>Banco: </span>\r\n          <span class=\"account-info-value\">{{ currentAccount?.bank }}</span>\r\n        </div>\r\n\r\n        <span class=\"separator\"></span>\r\n        <div class=\"account-info-item\">\r\n          <span>AG: </span>\r\n          <span class=\"account-info-value\">{{ currentAccount?.agency }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"account-info-row\">\r\n        <div class=\"account-info-item\">\r\n          <span>CC: </span>\r\n          <span class=\"account-info-value\">{{ currentAccount?.accountNumber }}</span>\r\n        </div>\r\n        <span class=\"separator\"></span>\r\n        <div class=\"account-info-item\">\r\n          <span>{{ currentAccount?.accountType === 'CURRENT_ACCOUNT_PF' ? 'CPF' : 'CNPJ' }}: </span>\r\n          <span class=\"account-info-value\"> {{ maskUtil.formatDocument(currentAccount?.document) }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"change-account-mobile\" (click)=\"changeAccountMenu.toggle($event)\" *ngIf=\"otherAccounts?.length\">\r\n        <span class=\"change-account-mobile-label\">Alternar conta</span>\r\n        <span\r\n          class=\"fas\"\r\n          [ngClass]=\"{ 'fa-angle-down': !openedChangeAccountMenu, 'fa-angle-up': openedChangeAccountMenu }\"\r\n        ></span>\r\n      </div>\r\n    </div>\r\n    <ul class=\"user-menu\">\r\n      <li *ngIf=\"fintech\" (click)=\"goToTermsOfUse(); menu.hide()\">\r\n        <span class=\"terms-of-use user-menu-icon\"></span>\r\n        <span>Termos de Uso</span>\r\n      </li>\r\n      <li *ngIf=\"fintech\" (click)=\"goToPasswordChange(); menu.hide()\">\r\n        <span class=\"fintech-password user-menu-icon\"></span>\r\n        <span>Alterar Senha</span>\r\n      </li>\r\n      <!-- <li *ngIf=\"fintech\" (click)=\"goToTariff()\">\r\n        <span class=\"tariffs user-menu-icon\"></span>\r\n        <span>Tarifas</span>\r\n      </li> -->\r\n      <li (click)=\"logout()\">\r\n        <span class=\"logout user-menu-icon\"></span>\r\n        <span>Sair</span>\r\n      </li>\r\n    </ul>\r\n  </ng-template>\r\n</p-overlayPanel>\r\n\r\n<p-overlayPanel #changeAccountMenu (onHide)=\"openedChangeAccountMenu = false\" (onShow)=\"openedChangeAccountMenu = true\">\r\n  <ng-template pTemplate>\r\n    <div\r\n      *ngFor=\"let account of otherAccounts\"\r\n      class=\"account-info change-account-info\"\r\n      (click)=\"changeAccount(account)\"\r\n    >\r\n      <div class=\"account-info-row\">\r\n        <div class=\"account-info-item\">\r\n          <span>Banco: </span>\r\n          <span class=\"account-info-value\">{{ account?.bank }}</span>\r\n        </div>\r\n\r\n        <span class=\"separator\"></span>\r\n        <div class=\"account-info-item\">\r\n          <span>AG: </span>\r\n          <span class=\"account-info-value\">{{ account?.agency }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"account-info-row\">\r\n        <div class=\"account-info-item\">\r\n          <span>CC: </span>\r\n          <span class=\"account-info-value\">{{ account?.accountNumber }}</span>\r\n        </div>\r\n        <span class=\"separator\"></span>\r\n        <div class=\"account-info-item\">\r\n          <span>{{ account?.accountType === 'CURRENT_ACCOUNT_PF' ? 'CPF' : 'CNPJ' }}: </span>\r\n          <span class=\"account-info-value\"> {{ account?.documentFormatted }}</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div>\r\n      <hr />\r\n      <p class=\"text-center add-account\" (click)=\"goToOnboarding()\">Adicionar uma nova conta</p>\r\n    </div>\r\n  </ng-template>\r\n</p-overlayPanel>\r\n", styles: [".fas{color:#fff}.top-bar-container{height:81px;background-color:var(--theme-light);display:flex;flex:1;align-items:center;padding:15px;color:#fff;font-size:1em;font-weight:600;box-shadow:2px 2px 4px #00000029}.top-bar-container .menu-toggle{cursor:pointer;margin-right:10px;padding:8px}.top-bar-container .menu-toggle .menu-icon{background:url(\"data:image/svg+xml,%3Csvg width%3D%2221%22 height%3D%2214%22 viewBox%3D%220 0 21 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M0 13.846H15V11.538H0V13.846ZM0 8.077H11.538V5.769H0V8.077ZM0 0V2.308H15V0H0ZM20.769 11.065L16.638 6.923L20.769 2.781L19.142 1.154L13.373 6.923L19.142 12.692L20.769 11.065Z%22 fill%3D%22white%22%2F%3E%0D%3C%2Fsvg%3E%0D\");background-repeat:no-repeat;background-size:cover;width:20.77px;height:13.85px}.top-bar-container .menu-toggle span{font-size:1.3em}.top-bar-container .left-items-container{display:flex;align-items:center;flex-direction:row}.top-bar-container .right-items-container{flex:1;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.top-bar-container .right-items-container .menu-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;cursor:pointer}.top-bar-container .right-items-container .menu-container .user-name{margin-right:15px}.separator{height:100%;margin-left:15px;margin-right:15px}.separator:after{content:\"\";height:100%;border-right:2px solid #ffffff}.account-info{display:flex;flex-direction:column;background-color:var(--theme-primary);border-radius:var(--border-radius);color:#fff;padding:5px;width:300px}.account-info .account-info-row{display:flex;flex-direction:row;align-items:center}.account-info .account-info-row .account-info-item{flex:1}.account-info .account-info-row .account-info-item:first-child{flex:.6}.account-info .account-info-row .account-info-item .account-info-value{font-weight:200}.account-info .change-account-mobile{font-size:.8em;align-items:center;display:flex}.account-info .change-account-mobile .change-account-mobile-label{margin-right:5px}.change-account-info{background-color:unset;cursor:pointer}.change-account-info:hover{background-color:var(--theme-primary)}.user-menu{padding:0;margin:0;list-style:none;color:#fff}.user-menu li{display:flex;flex-direction:row;align-items:center;padding:4px;font-weight:200;cursor:pointer;border-radius:var(--border-radius)}.user-menu li:hover{background-color:var(--theme-primary)}.user-menu li .user-menu-icon{width:28px;height:25px;background-repeat:no-repeat}.user-menu li .logout{background-image:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2217.687%22 height%3D%2217.686%22 viewBox%3D%220 0 17.687 17.686%22%3E%0D  %3Cg id%3D%22Grupo_8513%22 data-name%3D%22Grupo 8513%22 transform%3D%22translate(12.157)%22%3E%0D    %3Cg id%3D%22Grupo_1649%22 data-name%3D%22Grupo 1649%22%3E%0D      %3Cg id%3D%22exit-to-app%22%3E%0D        %3Cpath id%3D%22Caminho_706%22 data-name%3D%22Caminho 706%22 d%3D%22M1628.279%2C320.831l1.375%2C1.375%2C4.914-4.912-4.914-4.913-1.375%2C1.375%2C2.554%2C2.555H1621.3v1.965h9.531Zm8.745-12.381h-13.757a1.971%2C1.971%2C0%2C0%2C0-1.965%2C1.965v3.93h1.965v-3.93h13.757v13.756h-13.757v-3.93H1621.3v3.93a1.971%2C1.971%2C0%2C0%2C0%2C1.965%2C1.965h13.757a1.971%2C1.971%2C0%2C0%2C0%2C1.965-1.965V310.415A1.971%2C1.971%2C0%2C0%2C0%2C1637.024%2C308.45Z%22 transform%3D%22translate(-1633.459 -308.45)%22 fill%3D%22%23fff%22%2F%3E%0D      %3C%2Fg%3E%0D    %3C%2Fg%3E%0D  %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\");background-position-y:3px}.add-account{color:#fff;font-size:1.1em;padding:10px;margin:0;font-weight:400;letter-spacing:.25px;cursor:pointer}@media screen and (max-width: 441px){.hidden-items{display:none!important}}\n"] }]
         }], ctorParameters: function () { return [{ type: MenuService }, { type: AuthService }, { type: i2$1.Router }, { type: ProfileService }]; }, propDecorators: { fintech: [{
                 type: Input
             }], accountService: [{