[{"__symbolic":"module","version":3,"metadata":{"ButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bb-button","styles":["\n      .button{padding:0;width:auto;color:#ffffff;font-size:14px;font-weight:500;user-select:none;position:relative;text-align:center;border-radius:3px;align-items:center;display:inline-flex;text-decoration:none;justify-content:center;border:1px solid #0c6ebe;box-shadow:0 0 0 0 transparent;background:#007ee5 linear-gradient(#168add, #007ee5);transition:background 300ms cubic-bezier(0, 0, 0.2, 1),padding-left 300ms cubic-bezier(0, 0, 0.2, 1),box-shadow 300ms cubic-bezier(0, 0, 0.2, 1)}.button::before,.button::after{content:'';flex:1 0 auto}.button:active{background:linear-gradient(#1b80d3, #0a74cb)}.button:hover{background:linear-gradient(#168eef, #007ee5)}.button:focus{box-shadow:0 0 0 2px #a0d1fa}.button__text{width:100%;padding:8px 12px;text-align:center;align-items:center;display:inline-flex;justify-content:center}.button__icon{width:32px;height:32px;display:flex;min-width:32px;min-height:32px;align-items:center;justify-content:center}.button__icon+.button__text{border-color:#2265d4;border-left:1px solid rgba(0,0,0,0.2)}.button>svg{left:2px;opacity:0;position:absolute;will-change:opacity;top:calc(50% - 16px);transition:opacity 100ms cubic-bezier(0, 0, 0.2, 1)}.button--reversed{flex-direction:row-reverse}.button--reversed .button__icon+.button__text{border-right:1px solid rgba(0,0,0,0.2);border-left:none}.button--loading{padding-left:30px}.button--loading>svg{opacity:1}.button:disabled,.button--loading{opacity:0.4;cursor:default;pointer-events:none}.button--grouped{margin-bottom:20px}.button--default{color:#2895F1;background:transparent;border:1px solid transparent}.button--default:active{background:transparent}.button--default:hover{text-decoration:underline;background:transparent}.button--default:focus{box-shadow:0 0 0 0 transparent}.button--default__icon .button__text{border-color:transparent}.button--green{border:1px solid #388e3c;background:#43a047 linear-gradient(#4caf50, #43a047)}.button--green:active{background:linear-gradient(#449c47, #3c8f3f)}.button--green:hover{background:linear-gradient(#48a64c, #3d9141)}.button--green:focus{box-shadow:0 0 0 2px rgba(75,166,66,0.4)}.button--green__icon .button__text{border-color:#2e6e31}.button--red{border:1px solid #941414;background:#be2c2c linear-gradient(#ca2d2d, #be2c2c)}.button--red:active{background:linear-gradient(#be2a2a, #a82626)}.button--red:hover{background:linear-gradient(#b82929, #b02727)}.button--red:focus{box-shadow:0 0 0 2px rgba(211,47,47,0.4)}.button--red__icon .button__text{border-color:#bf2d2d}\n    "],"template":"\n      <button [attr.type]=\"type\" [disabled]=\"disabled\" class=\"button {{ 'button--' + color }}\"\n              [ngClass]=\"{'button--loading': loading, 'button--reversed': reversed, 'button--grouped': grouped}\">\n          <svg width=\"32px\" height=\"32px\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"\n               preserveAspectRatio=\"xMidYMid\" class=\"lds-ring\">\n              <circle cx=\"50\" cy=\"50\" r=\"30\" stroke-width=\"10\" fill=\"none\"></circle>\n              <circle cx=\"50\" cy=\"50\" r=\"30\" stroke=\"#ffffff\" stroke-width=\"10\" fill=\"none\" transform=\"rotate(144 50 50)\">\n                  <animateTransform attributeName=\"transform\" type=\"rotate\" calcMode=\"linear\" values=\"0 50 50;360 50 50\"\n                                    keyTimes=\"0;1\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\"></animateTransform>\n                  <animate attributeName=\"stroke-dasharray\" calcMode=\"linear\"\n                           values=\"18.84955592153876 169.64600329384882;94.2477796076938 94.24777960769377;18.84955592153876 169.64600329384882\"\n                           keyTimes=\"0;0.5;1\" dur=\"1\" begin=\"0s\" repeatCount=\"indefinite\"></animate>\n              </circle>\n          </svg>\n\n          <i class=\"material-icons button__icon\" *ngIf=\"icon\">{{ icon }}</i>\n\n          <span class=\"button__text\" *ngIf=\"text\">{{ text | translate }}</span>\n      </button>\n    "}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"reversed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"grouped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}]}}}},{"__symbolic":"module","version":1,"metadata":{"ButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bb-button","styles":["\n      .button{padding:0;width:auto;color:#ffffff;font-size:14px;font-weight:500;user-select:none;position:relative;text-align:center;border-radius:3px;align-items:center;display:inline-flex;text-decoration:none;justify-content:center;border:1px solid #0c6ebe;box-shadow:0 0 0 0 transparent;background:#007ee5 linear-gradient(#168add, #007ee5);transition:background 300ms cubic-bezier(0, 0, 0.2, 1),padding-left 300ms cubic-bezier(0, 0, 0.2, 1),box-shadow 300ms cubic-bezier(0, 0, 0.2, 1)}.button::before,.button::after{content:'';flex:1 0 auto}.button:active{background:linear-gradient(#1b80d3, #0a74cb)}.button:hover{background:linear-gradient(#168eef, #007ee5)}.button:focus{box-shadow:0 0 0 2px #a0d1fa}.button__text{width:100%;padding:8px 12px;text-align:center;align-items:center;display:inline-flex;justify-content:center}.button__icon{width:32px;height:32px;display:flex;min-width:32px;min-height:32px;align-items:center;justify-content:center}.button__icon+.button__text{border-color:#2265d4;border-left:1px solid rgba(0,0,0,0.2)}.button>svg{left:2px;opacity:0;position:absolute;will-change:opacity;top:calc(50% - 16px);transition:opacity 100ms cubic-bezier(0, 0, 0.2, 1)}.button--reversed{flex-direction:row-reverse}.button--reversed .button__icon+.button__text{border-right:1px solid rgba(0,0,0,0.2);border-left:none}.button--loading{padding-left:30px}.button--loading>svg{opacity:1}.button:disabled,.button--loading{opacity:0.4;cursor:default;pointer-events:none}.button--grouped{margin-bottom:20px}.button--default{color:#2895F1;background:transparent;border:1px solid transparent}.button--default:active{background:transparent}.button--default:hover{text-decoration:underline;background:transparent}.button--default:focus{box-shadow:0 0 0 0 transparent}.button--default__icon .button__text{border-color:transparent}.button--green{border:1px solid #388e3c;background:#43a047 linear-gradient(#4caf50, #43a047)}.button--green:active{background:linear-gradient(#449c47, #3c8f3f)}.button--green:hover{background:linear-gradient(#48a64c, #3d9141)}.button--green:focus{box-shadow:0 0 0 2px rgba(75,166,66,0.4)}.button--green__icon .button__text{border-color:#2e6e31}.button--red{border:1px solid #941414;background:#be2c2c linear-gradient(#ca2d2d, #be2c2c)}.button--red:active{background:linear-gradient(#be2a2a, #a82626)}.button--red:hover{background:linear-gradient(#b82929, #b02727)}.button--red:focus{box-shadow:0 0 0 2px rgba(211,47,47,0.4)}.button--red__icon .button__text{border-color:#bf2d2d}\n    "],"template":"\n      <button [attr.type]=\"type\" [disabled]=\"disabled\" class=\"button {{ 'button--' + color }}\"\n              [ngClass]=\"{'button--loading': loading, 'button--reversed': reversed, 'button--grouped': grouped}\">\n          <svg width=\"32px\" height=\"32px\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"\n               preserveAspectRatio=\"xMidYMid\" class=\"lds-ring\">\n              <circle cx=\"50\" cy=\"50\" r=\"30\" stroke-width=\"10\" fill=\"none\"></circle>\n              <circle cx=\"50\" cy=\"50\" r=\"30\" stroke=\"#ffffff\" stroke-width=\"10\" fill=\"none\" transform=\"rotate(144 50 50)\">\n                  <animateTransform attributeName=\"transform\" type=\"rotate\" calcMode=\"linear\" values=\"0 50 50;360 50 50\"\n                                    keyTimes=\"0;1\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\"></animateTransform>\n                  <animate attributeName=\"stroke-dasharray\" calcMode=\"linear\"\n                           values=\"18.84955592153876 169.64600329384882;94.2477796076938 94.24777960769377;18.84955592153876 169.64600329384882\"\n                           keyTimes=\"0;0.5;1\" dur=\"1\" begin=\"0s\" repeatCount=\"indefinite\"></animate>\n              </circle>\n          </svg>\n\n          <i class=\"material-icons button__icon\" *ngIf=\"icon\">{{ icon }}</i>\n\n          <span class=\"button__text\" *ngIf=\"text\">{{ text | translate }}</span>\n      </button>\n    "}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"reversed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"grouped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}]}}}}]