[{"__symbolic":"module","version":4,"metadata":{"SlideOutPanelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"alm-slide-out-panel","styleUrls":["./slide-out-panel.component.less"],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":21,"character":4},"arguments":["slideInOut",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":22,"character":6},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":22,"character":18},"arguments":[{"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":25,"character":6},"arguments":["out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":25,"character":19},"arguments":[{"transform":"translateX(100%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":28,"character":6},"arguments":["in => out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":28,"character":30},"arguments":["300ms ease-in-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":29,"character":6},"arguments":["out => in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":29,"character":30},"arguments":["500ms ease-in-out"]}]}]]}],"template":"<div [@slideInOut]=\"panelState\" class=\"detail-panel\"><div class=\"col-md-12 col-sm-12 col-xs-12 mobile-bar\"><div class=\"dropdown-kebab-pf detail-type-dropdown col-sm-8\"><span class=\"wi-type-icon fa {{itemIcon}} fa-2x\"></span> <span *ngIf=\"itemName\" class=\"detail-id\" id=\"wi-detail-id\">{{itemName}}</span></div><div class=\"col-sm-4\"><span class=\"pull-right\"><span class=\"pficon-close detail-close\" (click)=\"closeDetails()\"></span></span></div></div><div class=\"clear-float\"></div><ng-content></ng-content></div>"}]}],"members":{"panelState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"itemName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"itemIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"panelStateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"closeDetails":[{"__symbolic":"method"}]}}}}]