[{"__symbolic":"module","version":3,"metadata":{"CardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bb-card","template":"\n      <div class=\"card\">\n          <div class=\"card-header\" *ngIf=\"title || leftButtonBar || rightButtonBar\">\n              <div class=\"card-header__items card-header__items--left\" *ngIf=\"leftButtonBar\">\n                  <button class=\"card-header__button\" *ngFor=\"let button of leftButtonBar\" (click)=\"onButtonClick(button)\">\n                      <i class=\"material-icons\">{{ button.icon }}</i>\n                  </button>\n              </div>\n              <span class=\"card-header__title\"><ng-container *ngIf=\"title\">{{ title | translate }}</ng-container></span>\n              <div class=\"card-header__items card-header__items--right\" *ngIf=\"rightButtonBar\">\n                  <button class=\"card-header__button\" *ngFor=\"let button of rightButtonBar\" (click)=\"onButtonClick(button)\">\n                      <i class=\"material-icons\">{{ button.icon }}</i>\n                  </button>\n              </div>\n          </div>\n          <div class=\"card-body\" [ngClass]=\"{'card-body--overflow': overflow !== 0}\" [style.padding]=\"padding\"\n               [style.height]=\"overflow === 0 ? 'auto': overflow + 'px'\">\n              <ng-content></ng-content>\n          </div>\n      </div>\n    ","styles":["\n      .card{border-radius:4px;margin-bottom:20px;background-color:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,0.1)}.card-header{height:50px;display:flex;padding:0 20px;position:relative;background-color:#ffffff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:1px solid #d0d4d9}.card-header__title,.card-header__button{color:#6a788d}.card-header__title{flex:1;font-size:17px;max-width:100%;overflow:hidden;font-weight:500;line-height:46px;white-space:nowrap;text-overflow:ellipsis}.card-header__items{display:flex;align-items:center;margin-right:-13px}.card-header__items--right>.card-header__button:first-child{margin-left:5px}.card-header__items--left{margin-right:0;margin-left:-13px}.card-header__items--left>.card-header__button{margin-left:0}.card-header__items--left>.card-header__button:last-child{margin-right:5px}.card-header__button{width:38px;height:38px;border:none;display:flex;border-radius:50%;align-items:center;justify-content:center;background-color:transparent;transition:color 150ms cubic-bezier(0, 0, 0.2, 1),background-color 150ms cubic-bezier(0, 0, 0.2, 1)}.card-header__button:hover{color:#000000;background-color:rgba(0,0,0,0.1)}.card-body{padding:20px;background-color:#f6f9fc;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.card-body--overflow{overflow-y:auto}\n    "]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"overflow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"leftButtonBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rightButtonBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onButtonClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onButtonClick":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"CardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bb-card","template":"\n      <div class=\"card\">\n          <div class=\"card-header\" *ngIf=\"title || leftButtonBar || rightButtonBar\">\n              <div class=\"card-header__items card-header__items--left\" *ngIf=\"leftButtonBar\">\n                  <button class=\"card-header__button\" *ngFor=\"let button of leftButtonBar\" (click)=\"onButtonClick(button)\">\n                      <i class=\"material-icons\">{{ button.icon }}</i>\n                  </button>\n              </div>\n              <span class=\"card-header__title\"><ng-container *ngIf=\"title\">{{ title | translate }}</ng-container></span>\n              <div class=\"card-header__items card-header__items--right\" *ngIf=\"rightButtonBar\">\n                  <button class=\"card-header__button\" *ngFor=\"let button of rightButtonBar\" (click)=\"onButtonClick(button)\">\n                      <i class=\"material-icons\">{{ button.icon }}</i>\n                  </button>\n              </div>\n          </div>\n          <div class=\"card-body\" [ngClass]=\"{'card-body--overflow': overflow !== 0}\" [style.padding]=\"padding\"\n               [style.height]=\"overflow === 0 ? 'auto': overflow + 'px'\">\n              <ng-content></ng-content>\n          </div>\n      </div>\n    ","styles":["\n      .card{border-radius:4px;margin-bottom:20px;background-color:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,0.1)}.card-header{height:50px;display:flex;padding:0 20px;position:relative;background-color:#ffffff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:1px solid #d0d4d9}.card-header__title,.card-header__button{color:#6a788d}.card-header__title{flex:1;font-size:17px;max-width:100%;overflow:hidden;font-weight:500;line-height:46px;white-space:nowrap;text-overflow:ellipsis}.card-header__items{display:flex;align-items:center;margin-right:-13px}.card-header__items--right>.card-header__button:first-child{margin-left:5px}.card-header__items--left{margin-right:0;margin-left:-13px}.card-header__items--left>.card-header__button{margin-left:0}.card-header__items--left>.card-header__button:last-child{margin-right:5px}.card-header__button{width:38px;height:38px;border:none;display:flex;border-radius:50%;align-items:center;justify-content:center;background-color:transparent;transition:color 150ms cubic-bezier(0, 0, 0.2, 1),background-color 150ms cubic-bezier(0, 0, 0.2, 1)}.card-header__button:hover{color:#000000;background-color:rgba(0,0,0,0.1)}.card-body{padding:20px;background-color:#f6f9fc;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.card-body--overflow{overflow-y:auto}\n    "]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"overflow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"leftButtonBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rightButtonBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onButtonClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onButtonClick":[{"__symbolic":"method"}]}}}}]