{"__symbolic":"module","version":4,"metadata":{"UiAlertComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"ui-alert","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":22,"character":4},"arguments":["fadeOut",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":24,"character":8},"arguments":[":leave",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":24,"character":29},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":12,"character":16},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":13,"character":2},"arguments":[{"opacity":1}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":14,"character":2},"arguments":[250,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":14,"character":15},"arguments":[{"opacity":0}]}]}]]}]}]}]]}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"template":"<div *ngIf=\"isOpen\"\r\n     class=\"alert\"\r\n     [kitClass]=\"{color: color}\"\r\n     [@fadeOut]>\r\n  <button *ngIf=\"closable\" (click)=\"closeAlert()\" class=\"close\">x</button>\r\n  <div *ngIf=\"title\" class=\"title\">\r\n    <ng-container *ngTemplateOutlet=\"title.contentRef\"></ng-container>\r\n  </div>\r\n  <ng-content></ng-content>\r\n</div>\r\n","styles":[":host{display:block}.alert{border-radius:3px;display:block;margin:8px 0;padding:8px 16px}.alert.color-default{background:#eee;border:1px solid #ddd}.alert.color-primary{background:#86cce9;border:#00bbfa}.title{display:block;font-size:1.2rem;margin:4px 0 8px}.close{background:0 0;border:0;cursor:pointer;float:right;margin:0;padding:0}"]}]}],"members":{"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"isOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"isOpenChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":50,"character":3},"arguments":[{"__symbolic":"reference","name":"UiAlertTitleComponent"}]}]}],"closeAlert":[{"__symbolic":"method"}]}},"UiAlertTitleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ui-alert-title","template":"\n    <ng-template #content>\n      <ng-content></ng-content>\n    </ng-template>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"}}]}],"members":{"contentRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":3},"arguments":["content"]}]}]}},"UiAlertModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@ngx-kit/core","name":"KitClassModule","line":9,"character":4}],"declarations":[{"__symbolic":"reference","name":"UiAlertComponent"},{"__symbolic":"reference","name":"UiAlertTitleComponent"}],"exports":[{"__symbolic":"reference","name":"UiAlertComponent"},{"__symbolic":"reference","name":"UiAlertTitleComponent"}]}]}],"members":{}}},"origins":{"UiAlertComponent":"./src/ui-alert/ui-alert.component","UiAlertTitleComponent":"./src/ui-alert-title/ui-alert-title.component","UiAlertModule":"./src/ui-alert.module"},"importAs":"@ngx-kit/ui-alert"}