| {"__symbolic":"module","version":4,"metadata":{"CovalentExpansionPanelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":26,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":27,"character":12},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":27,"character":26},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":27,"character":43},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":27,"character":58}],"declarations":[[{"__symbolic":"reference","name":"TdExpansionPanelGroupComponent"},{"__symbolic":"reference","name":"TdExpansionPanelComponent"},{"__symbolic":"reference","name":"TdExpansionPanelHeaderDirective"},{"__symbolic":"reference","name":"TdExpansionPanelLabelDirective"},{"__symbolic":"reference","name":"TdExpansionPanelSublabelDirective"},{"__symbolic":"reference","name":"TdExpansionPanelSummaryComponent"}]],"exports":[[{"__symbolic":"reference","name":"TdExpansionPanelGroupComponent"},{"__symbolic":"reference","name":"TdExpansionPanelComponent"},{"__symbolic":"reference","name":"TdExpansionPanelHeaderDirective"},{"__symbolic":"reference","name":"TdExpansionPanelLabelDirective"},{"__symbolic":"reference","name":"TdExpansionPanelSublabelDirective"},{"__symbolic":"reference","name":"TdExpansionPanelSummaryComponent"}]]}]}],"members":{}},"TdExpansionPanelHeaderDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"TemplatePortalDirective","line":27,"character":53},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":24,"character":1},"arguments":[{"selector":"[td-expansion-panel-header]ng-template"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":28,"character":63}]}]}},"TdExpansionPanelLabelDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"TemplatePortalDirective","line":36,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":33,"character":1},"arguments":[{"selector":"[td-expansion-panel-label]ng-template"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":28,"character":63}]}]}},"TdExpansionPanelSublabelDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"TemplatePortalDirective","line":45,"character":55},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":42,"character":1},"arguments":[{"selector":"[td-expansion-panel-sublabel]ng-template"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":28,"character":63}]}]}},"TdExpansionPanelSummaryComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":51,"character":1},"arguments":[{"selector":"td-expansion-summary","template":"<ng-content></ng-content>"}]}],"members":{}},"TdExpansionPanelBase":{"__symbolic":"class","members":{}},"_TdExpansionPanelMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisableRipple","line":60,"character":42},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisabled","line":60,"character":61},"arguments":[{"__symbolic":"reference","name":"TdExpansionPanelBase"}]}]},"TdExpansionPanelComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_TdExpansionPanelMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":62,"character":1},"arguments":[{"selector":"td-expansion-panel","inputs":["disabled","disableRipple"],"animations":[{"__symbolic":"reference","module":"@covalent/core/common","name":"tdCollapseAnimation","line":67,"character":15},{"__symbolic":"reference","module":"@covalent/core/common","name":"tdRotateAnimation","line":67,"character":36}],"template":"<div\n class=\"td-expansion-panel-header\"\n [class.mat-disabled]=\"disabled\"\n matRipple\n [matRippleDisabled]=\"disabled || disableRipple\"\n [tabIndex]=\"disabled ? -1 : 0\"\n (keydown.enter)=\"clickEvent()\"\n (click)=\"clickEvent()\"\n>\n <ng-template [cdkPortalOutlet]=\"expansionPanelHeader\"></ng-template>\n <div class=\"td-expansion-panel-header-content\" [class.mat-disabled]=\"disabled\" *ngIf=\"!expansionPanelHeader\">\n <div *ngIf=\"label || expansionPanelLabel\" class=\"td-expansion-label\">\n <ng-template [cdkPortalOutlet]=\"expansionPanelLabel\"></ng-template>\n <ng-template [ngIf]=\"!expansionPanelLabel\">{{ label }}</ng-template>\n </div>\n <div *ngIf=\"sublabel || expansionPanelSublabel\" class=\"td-expansion-sublabel\">\n <ng-template [cdkPortalOutlet]=\"expansionPanelSublabel\"></ng-template>\n <ng-template [ngIf]=\"!expansionPanelSublabel\">{{ sublabel }}</ng-template>\n </div>\n <mat-icon class=\"td-expand-icon\" *ngIf=\"!disabled\" [@tdRotate]=\"expand\">keyboard_arrow_down</mat-icon>\n </div>\n</div>\n<div class=\"td-expansion-content\" [@tdCollapse]=\"!expand\">\n <ng-content></ng-content>\n</div>\n<div class=\"td-expansion-summary\" [@tdCollapse]=\"expand\">\n <ng-content select=\"td-expansion-summary\"></ng-content>\n</div>\n","styles":[":host{display:block}:host .td-expansion-panel-header{outline:none;position:relative}:host .td-expansion-panel-header:focus:not(.mat-disabled),:host .td-expansion-panel-header:hover:not(.mat-disabled){cursor:pointer}:host .td-expansion-panel-header .td-expansion-panel-header-content{-ms-flex:1;-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex:1;flex-direction:row;height:48px;justify-content:flex-start;max-width:100%;padding:0 24px}:host .td-expansion-panel-header .td-expansion-panel-header-content .td-expansion-label,:host .td-expansion-panel-header .td-expansion-panel-header-content .td-expansion-sublabel{-ms-flex:1;flex:1}:host .td-expansion-content.ng-animating,:host .td-expansion-summary.ng-animating{overflow:hidden}.td-expansion-label,.td-expansion-sublabel{margin-right:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep [dir=rtl] .td-expansion-label,::ng-deep [dir=rtl] .td-expansion-sublabel{margin-left:16px;margin-right:inherit}"]}]}],"members":{"expansionPanelHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":72,"character":3},"arguments":[{"__symbolic":"reference","name":"TdExpansionPanelHeaderDirective"}]}]}],"expansionPanelLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":74,"character":3},"arguments":[{"__symbolic":"reference","name":"TdExpansionPanelLabelDirective"}]}]}],"expansionPanelSublabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":75,"character":3},"arguments":[{"__symbolic":"reference","name":"TdExpansionPanelSublabelDirective"}]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"sublabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"expand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3},"arguments":["expand"]}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":107,"character":3}}]}],"collapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":113,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":115,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":115,"character":65}]}],"clickEvent":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"onDisabledChange":[{"__symbolic":"method"}],"_setExpand":[{"__symbolic":"method"}],"_onExpanded":[{"__symbolic":"method"}],"_onCollapsed":[{"__symbolic":"method"}]}},"TdExpansionPanelGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"td-expansion-panel-group","template":"<ng-content></ng-content>\n","styles":[""]}]}],"members":{"multi":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3},"arguments":["multi"]}]}],"expansionPanels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":42,"character":3},"arguments":[{"__symbolic":"reference","name":"TdExpansionPanelComponent"},{"descendants":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":45,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":45,"character":65}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"openAll":[{"__symbolic":"method"}],"closeAll":[{"__symbolic":"method"}],"_attachListeners":[{"__symbolic":"method"}],"_closeAllExcept":[{"__symbolic":"method"}]}}},"origins":{"CovalentExpansionPanelModule":"./expansion-panel.module","TdExpansionPanelHeaderDirective":"./expansion-panel.component","TdExpansionPanelLabelDirective":"./expansion-panel.component","TdExpansionPanelSublabelDirective":"./expansion-panel.component","TdExpansionPanelSummaryComponent":"./expansion-panel.component","TdExpansionPanelBase":"./expansion-panel.component","_TdExpansionPanelMixinBase":"./expansion-panel.component","TdExpansionPanelComponent":"./expansion-panel.component","TdExpansionPanelGroupComponent":"./expansion-panel-group.component"},"importAs":"@covalent/core/expansion-panel"} |