[{"__symbolic":"module","version":4,"metadata":{"FarrisPanelItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"farris-panel-item","template":"<!-- <div class=\"card\" [class.single]=\"single\" [class.disabled]=\"disabled\" [style.width]=\"width\" [style.height]=\"height\"> --> <!-- <div class=\"card\"> --> <!-- 标题  是否有模板 --> <div class=\"card-header\" (click)=\"selectPanelItem($event)\"> <!-- 标题  是否有模板 --> <div class=\"panel-item-title\"> <span *ngIf=\"!headRef;else head\"> {{tabTitle}} </span> <ng-template #head [ngTemplateOutlet]=\"headRef\"></ng-template> <span class=\"f-icon f-accordion-collapse\" *ngIf=\"!active&&fold\"></span> <span class=\"f-icon f-accordion-expand\" *ngIf=\"active&&fold\"></span> </div> <div class=\"panel-item-tool\"> <ng-template [ngTemplateOutlet]=\"toolTempl\"></ng-template> </div> <div class=\"panel-item-clear\"> </div> </div> <!-- panel内容模板 --> <div #cardBody [@dropAnimation]=\"active?'active':'inactive'\"> <div class=\"card-body\"> <ng-template [ngTemplateOutlet]=\"contentRef\"> </ng-template> </div> </div> <!-- </div> --> <!-- </div> -->","styles":[".card-header{ cursor: pointer; } .panel-item-title { float: left; } .panel-item-tool { float: right; } .panel-item-clear { clear: both; } .f-state-disabled { pointer-events: none; } .single { border: 1px solid #dcdee2; }"],"animations":[{"__symbolic":"reference","module":"../util/drop.animation","name":"dropAnimation","line":10,"character":17}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":19},"member":"None"}}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"fold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5}}]}],"tabTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":5},"arguments":["title"]}]}],"farrisPanelItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":42,"character":5},"arguments":["class.farris-panel-item"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":44,"character":5},"arguments":["class.f-state-disabled"]}]}],"headRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":46,"character":5},"arguments":["headTempl"]}]}],"toolTempl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":48,"character":5},"arguments":["toolTempl"]}]}],"contentRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":50,"character":5},"arguments":["contentTempl"]}]}],"cardBody":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":51,"character":5},"arguments":["cardBody"]}]}],"isCard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":56,"character":5},"arguments":["class.card"]}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":57,"character":5},"arguments":["class.f-state-selected"]}]}],"default":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":61,"character":5},"arguments":["class.f-state-default"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":67,"character":9}}]],"parameters":[{"__symbolic":"reference","module":"../panel/panel-item-list.component","name":"FarrisPanelComponent","line":67,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"isActive":[{"__symbolic":"method"}],"resolveSize":[{"__symbolic":"method"}],"selectPanelItem":[{"__symbolic":"method"}],"start":[{"__symbolic":"method"}],"done":[{"__symbolic":"method"}]}}}}]