{"__symbolic":"module","version":4,"metadata":{"HeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"db-header","template":"<header [ngClass]=\"{'backoffice': isBackoffice}\">\n  <figure *ngIf=\"!isBackoffice\">\n    <db-picture-input class=\"picture\" [photo]=\"accountSelected.photo\" (change)=\"changeFile($event);\" [typeHeader]=\"true\"></db-picture-input>\n  </figure>\n  <div class=\"header-content d-flex align-items-center justify-content-end\">\n    <ng-content select=\"db-notifications\"></ng-content>\n    <ng-content select=\"db-help-icon\"></ng-content>\n  </div>\n</header>\n<section class=\"container-fluid\">\n  <div class=\"d-flex justify-content-between content\" [class.backoffice-ml]=\"isBackoffice\">\n    <section class=\"row\">\n      <p><strong>{{ accountSelected?.role || accountSelected?.companyName }}</strong>   •  {{ accountSelected.personName }}</p>\n      <div *ngIf=\"header.accounts.length > 1\" class=\"profile-select\">\n        <db-dropdown\n          itemProp=\"personName\"\n          [actionsMenu]=\"true\"\n          [items]=\"header.accounts\"\n          [isExternalContent]=\"true\"\n          actionMenuIcon=\"icon-Vector-Stroke-46 fs-8\">\n          <ng-container *ngFor=\"let account of header.accounts\">\n            <section class=\"d-flex justify-content-between profiles\" [class.account-bloqued]=\"account?.statusAccount === 'AccountBlocked'\" (click)=\"changeAccount(account)\">\n              <div>\n                <db-profile name=\"{{ account.personName }}\" imageUrl=\"{{ account.photo }}\"></db-profile>\n              </div>\n              <div>\n                <p>{{ account.personName }} • <strong>{{ account?.role || account?.companyName}}</strong></p>\n                <small><strong>Agência: </strong>{{ account.agency }} • <strong>Conta: </strong>{{ account.account }}</small>\n                <p><small class=\"account-bloqued-label\" *ngIf=\"account?.statusAccount === 'AccountBlocked'\">Conta Bloqueada</small></p>\n              </div>\n            </section>\n          </ng-container>\n        </db-dropdown>\n      </div>\n    </section>\n\n    <section class=\"row\">\n      <p *ngIf=\"accountSelected.agency\">\n        <strong>Agência: {{ accountSelected.agency }} </strong> - <strong>Conta: {{ accountSelected.account }}</strong>\n      </p>\n      <a dbLink (click)=\"onLoggoutClick()\">\n        <i class=\"icon-Vector-Stroke-132\"></i>\n        Sair\n      </a>\n    </section>\n  </div>\n</section>\n\n","styles":["@-webkit-keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@-webkit-keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@-webkit-keyframes slideToLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideToLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@-webkit-keyframes slideToRight{0%{transform:translateX(0)}to{transform:translateX(110%)}}@keyframes slideToRight{0%{transform:translateX(0)}to{transform:translateX(110%)}}@-webkit-keyframes fadeIn{0%{opacity:0;display:none}to{opacity:1;display:block}}@keyframes fadeIn{0%{opacity:0;display:none}to{opacity:1;display:block}}@-webkit-keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}@keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}@-webkit-keyframes spinner{to{transform:rotate(1turn)}}@keyframes spinner{to{transform:rotate(1turn)}}@-webkit-keyframes circleAnimation{to{transform:rotate(1turn)}}@keyframes circleAnimation{to{transform:rotate(1turn)}}:host header{background:#333;height:5.1428571429rem}:host header.backoffice{background:#fff;border:1px solid #f1eeee}:host header figure{left:20%!important;width:92px!important;height:92px!important;position:absolute;border-radius:50%;top:2.1428571429rem}:host header figure img{display:block;margin-left:auto;max-width:100%;max-height:100%;margin-right:auto;border-radius:50%}:host .picture{width:3.5714285714rem;height:3.5714285714rem;background:no-repeat 50%;border-radius:50%;overflow:hidden;position:relative}:host .header-content{height:100%;padding-right:1%;width:50%;margin-left:50%;position:relative}:host section{text-align:center;position:relative;padding:1.1428571429rem}:host section .content{margin-left:26%;margin-top:-1.0714285714rem}:host section .content i{margin-left:1.1428571429rem}:host section .backoffice-ml{margin-left:19%}:host section p{font-size:15px}:host .profile-select{margin-top:-1rem;margin-left:.7142857143rem}:host .profile-select>::ng-deep db-dropdown .dropdown-menu{right:-1rem}:host .profiles{border:1px solid #f1eeee;padding:1.1428571429rem}:host .profiles:hover{cursor:pointer;transition:all .35s}:host .profiles.account-bloqued,:host .profiles:hover{background-color:#eaeaea}:host a[dbLink]{transition:.4s;cursor:pointer;color:#292828;text-decoration:none}:host .account-bloqued-label,:host a[dbLink]:hover{color:#e8003d}:host .account-bloqued{background-color:#eaeaea}"]}]}],"members":{"img":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"isBackoffice":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"onloggout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"onChangeAccount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"onUploadImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"handleMaxFileSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"onLoggoutClick":[{"__symbolic":"method"}],"changeAccount":[{"__symbolic":"method"}],"changeFile":[{"__symbolic":"method"}]}},"Header":{"__symbolic":"interface"},"AccountHeader":{"__symbolic":"interface"},"HeaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@desbank/components/src/lib/link","name":"LinkModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@desbank/components/src/lib/dropdown","name":"DropdownModule","line":16,"character":4},{"__symbolic":"reference","module":"@desbank/components/src/lib/profile","name":"ProfileModule","line":17,"character":4},{"__symbolic":"reference","module":"@desbank/components/src/lib/picture-input","name":"PictureInputModule","line":18,"character":4}],"declarations":[{"__symbolic":"reference","name":"HeaderComponent"}],"exports":[{"__symbolic":"reference","name":"HeaderComponent"}]}]}],"members":{}}},"origins":{"HeaderComponent":"./header.component","Header":"./header.interface","AccountHeader":"./header.interface","HeaderModule":"./header.module"},"importAs":"@desbank/components/src/lib/header"}