[{"__symbolic":"module","version":3,"metadata":{"ModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bb-modal","template":"\n      <div [@modalWrapperState]=\"wrapperState\" (@modalWrapperState.done)=\"animationDone($event)\" class=\"modal__wrapper\">\n          <div [@modalState]=\"state\" [class]=\"'modal modal--' + modifier\" [ngClass]=\"{'modal--overflow': overflow}\"\n               bbClickOutside (clickOutside)=\"onClickOutside($event)\">\n              <bb-card *ngIf=\"boilerplate; else data\" [title]=\"title\" [leftButtonBar]=\"leftButtonBar\"\n                       [rightButtonBar]=\"rightButtonBar || [{id: 'goBackModal', icon: 'clear'}]\"\n                       (onButtonClicked)=\"onClick($event)\">\n                  <ng-container *ngTemplateOutlet=\"data\"></ng-container>\n              </bb-card>\n\n              <ng-template #data>\n                  <ng-content></ng-content>\n              </ng-template>\n          </div>\n\n          <div *ngIf=\"state !== 'active' && !initial\"\n               style=\"position: fixed; top: calc(50% - 32px); left: calc(50% - 32px)\">\n              <svg width=\"64px\" height=\"64px\"\n                   xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" 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=\"#9f9f9f\" 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          </div>\n      </div>\n    ","styles":["\n      .modal{width:100%;filter:none;max-width:750px;margin:20px auto 0;will-change:transform, opacity}.modal--small{max-width:400px}.modal__wrapper{top:0;left:0;right:0;bottom:0;z-index:300;padding:20px;position:fixed;overflow-y:auto;will-change:opacity;background-color:rgba(0,0,0,0.5)}:host /deep/ .card-body{overflow-x:inherit}:host /deep/ .modal--overflow .card-body{overflow-y:auto;max-height:calc(100vh - 170px)}@media only screen and (min-width: 768px){.modal{margin:40px auto 0}.modal__wrapper{padding:40px 20px 20px}:host /deep/ .modal--overflow .card-body{max-height:calc(100vh - 210px)}}\n    "],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["modalState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"scale(0.95)","opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"none","opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["inactive => active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["220ms cubic-bezier(0.0, 0.0, 0.2, 1)"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["active => inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["220ms cubic-bezier(0.0, 0.0, 0.2, 1)"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["inactive => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":[220,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"scale(0.95)","opacity":0}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"scale(0.95)","opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":[110]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["modalWrapperState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["inactive => active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["220ms cubic-bezier(0.0, 0.0, 0.2, 1)"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["active => inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["220ms cubic-bezier(0.0, 0.0, 0.2, 1)"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["inactive => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":[220,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":[220]}]]}]]}]}]}],"members":{"out":[{"__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"}}]}],"boilerplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"back":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"modifier":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"wait":[{"__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"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router"},{"__symbolic":"reference","module":"@angular/common","name":"Location"}]}],"ngOnInit":[{"__symbolic":"method"}],"onClickOutside":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"animationDone":[{"__symbolic":"method"}],"quit":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bb-modal","template":"\n      <div [@modalWrapperState]=\"wrapperState\" (@modalWrapperState.done)=\"animationDone($event)\" class=\"modal__wrapper\">\n          <div [@modalState]=\"state\" [class]=\"'modal modal--' + modifier\" [ngClass]=\"{'modal--overflow': overflow}\"\n               bbClickOutside (clickOutside)=\"onClickOutside($event)\">\n              <bb-card *ngIf=\"boilerplate; else data\" [title]=\"title\" [leftButtonBar]=\"leftButtonBar\"\n                       [rightButtonBar]=\"rightButtonBar || [{id: 'goBackModal', icon: 'clear'}]\"\n                       (onButtonClicked)=\"onClick($event)\">\n                  <ng-container *ngTemplateOutlet=\"data\"></ng-container>\n              </bb-card>\n\n              <ng-template #data>\n                  <ng-content></ng-content>\n              </ng-template>\n          </div>\n\n          <div *ngIf=\"state !== 'active' && !initial\"\n               style=\"position: fixed; top: calc(50% - 32px); left: calc(50% - 32px)\">\n              <svg width=\"64px\" height=\"64px\"\n                   xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" 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=\"#9f9f9f\" 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          </div>\n      </div>\n    ","styles":["\n      .modal{width:100%;filter:none;max-width:750px;margin:20px auto 0;will-change:transform, opacity}.modal--small{max-width:400px}.modal__wrapper{top:0;left:0;right:0;bottom:0;z-index:300;padding:20px;position:fixed;overflow-y:auto;will-change:opacity;background-color:rgba(0,0,0,0.5)}:host /deep/ .card-body{overflow-x:inherit}:host /deep/ .modal--overflow .card-body{overflow-y:auto;max-height:calc(100vh - 170px)}@media only screen and (min-width: 768px){.modal{margin:40px auto 0}.modal__wrapper{padding:40px 20px 20px}:host /deep/ .modal--overflow .card-body{max-height:calc(100vh - 210px)}}\n    "],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["modalState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"scale(0.95)","opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"none","opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["inactive => active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["220ms cubic-bezier(0.0, 0.0, 0.2, 1)"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["active => inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["220ms cubic-bezier(0.0, 0.0, 0.2, 1)"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["inactive => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":[220,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"scale(0.95)","opacity":0}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"scale(0.95)","opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":[110]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["modalWrapperState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["inactive => active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["220ms cubic-bezier(0.0, 0.0, 0.2, 1)"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["active => inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["220ms cubic-bezier(0.0, 0.0, 0.2, 1)"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["inactive => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":[220,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":[220]}]]}]]}]}]}],"members":{"out":[{"__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"}}]}],"boilerplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"back":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"modifier":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"wait":[{"__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"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router"},{"__symbolic":"reference","module":"@angular/common","name":"Location"}]}],"ngOnInit":[{"__symbolic":"method"}],"onClickOutside":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"animationDone":[{"__symbolic":"method"}],"quit":[{"__symbolic":"method"}]}}}}]