@angular/material
Version:
Angular Material
1 lines • 16.6 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"MatExpansionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":28,"character":12},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":28,"character":26},{"__symbolic":"reference","module":"@angular/cdk/accordion","name":"CdkAccordionModule","line":28,"character":38},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":28,"character":58}],"exports":[{"__symbolic":"reference","name":"MatAccordion"},{"__symbolic":"reference","name":"MatExpansionPanel"},{"__symbolic":"reference","name":"MatExpansionPanelActionRow"},{"__symbolic":"reference","name":"MatExpansionPanelHeader"},{"__symbolic":"reference","name":"MatExpansionPanelTitle"},{"__symbolic":"reference","name":"MatExpansionPanelDescription"},{"__symbolic":"reference","name":"MatExpansionPanelContent"}],"declarations":[{"__symbolic":"reference","name":"MatAccordion"},{"__symbolic":"reference","name":"MatExpansionPanel"},{"__symbolic":"reference","name":"MatExpansionPanelActionRow"},{"__symbolic":"reference","name":"MatExpansionPanelHeader"},{"__symbolic":"reference","name":"MatExpansionPanelTitle"},{"__symbolic":"reference","name":"MatExpansionPanelDescription"},{"__symbolic":"reference","name":"MatExpansionPanelContent"}],"providers":[{"__symbolic":"reference","module":"@angular/cdk/collections","name":"UNIQUE_SELECTION_DISPATCHER_PROVIDER","line":47,"character":14}]}]}],"members":{}},"MatAccordionDisplayMode":{"__symbolic":"interface"},"MatAccordion":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/accordion","name":"CdkAccordion","line":25,"character":34},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":18,"character":1},"arguments":[{"selector":"mat-accordion","exportAs":"matAccordion","host":{"class":"mat-accordion"}}]}],"members":{"hideToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"displayMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}]}},"MatExpansionPanelState":{"__symbolic":"interface"},"MatExpansionPanel":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/accordion","name":"CdkAccordionItem","line":67,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":49,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"mat-expansion-panel","exportAs":"matExpansionPanel","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":55,"character":17},"member":"None"},"preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":57,"character":19},"member":"OnPush"},"inputs":["disabled","expanded"],"outputs":["opened","closed","expandedChange"],"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matExpansionAnimations"},"member":"bodyExpansion"}],"host":{"class":"mat-expansion-panel","[class.mat-expanded]":"expanded","[class.mat-expansion-panel-spacing]":"_hasSpacing()"},"template":"<ng-content select=\"mat-expansion-panel-header\"></ng-content><div class=\"mat-expansion-panel-content\" role=\"region\" [@bodyExpansion]=\"_getExpandedState()\" (@bodyExpansion.done)=\"_bodyAnimation($event)\" (@bodyExpansion.start)=\"_bodyAnimation($event)\" [class.mat-expanded]=\"expanded\" [attr.aria-labelledby]=\"_headerId\" [id]=\"id\" #body><div class=\"mat-expansion-panel-body\"><ng-content></ng-content><ng-template [cdkPortalOutlet]=\"_portal\"></ng-template></div><ng-content select=\"mat-action-row\"></ng-content></div>","styles":[".mat-expansion-panel{transition:box-shadow 280ms cubic-bezier(.4,0,.2,1);box-sizing:content-box;display:block;margin:0;transition:margin 225ms cubic-bezier(.4,0,.2,1)}.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.mat-expansion-panel-content{overflow:hidden}.mat-expansion-panel-content.mat-expanded{overflow:visible}.mat-expansion-panel-body{padding:0 24px 16px}.mat-expansion-panel-spacing{margin:16px 0}.mat-accordion .mat-expansion-panel-spacing:first-child{margin-top:0}.mat-accordion .mat-expansion-panel-spacing:last-child{margin-bottom:0}.mat-action-row{border-top-style:solid;border-top-width:1px;display:flex;flex-direction:row;justify-content:flex-end;padding:16px 8px 16px 24px}.mat-action-row button.mat-button{margin-left:8px}[dir=rtl] .mat-action-row button.mat-button{margin-left:0;margin-right:8px}"]}]}],"members":{"hideToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"_lazyContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":84,"character":3},"arguments":[{"__symbolic":"reference","name":"MatExpansionPanelContent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":92,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":92,"character":27}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"MatAccordion"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":93,"character":34},{"__symbolic":"reference","module":"@angular/cdk/collections","name":"UniqueSelectionDispatcher","line":94,"character":42},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":95,"character":41}]}],"_getHideToggle":[{"__symbolic":"method"}],"_hasSpacing":[{"__symbolic":"method"}],"_getExpandedState":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_bodyAnimation":[{"__symbolic":"method"}]}},"MatExpansionPanelActionRow":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":160,"character":1},"arguments":[{"selector":"mat-action-row","host":{"class":"mat-action-row"}}]}],"members":{}},"MatExpansionPanelHeader":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"mat-expansion-panel-header","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":38,"character":17},"member":"None"},"preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":40,"character":19},"member":"OnPush"},"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matExpansionAnimations"},"member":"indicatorRotate"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matExpansionAnimations"},"member":"expansionHeaderHeight"}],"host":{"class":"mat-expansion-panel-header","role":"button","[attr.id]":"panel._headerId","[attr.tabindex]":"panel.disabled ? -1 : 0","[attr.aria-controls]":"_getPanelId()","[attr.aria-expanded]":"_isExpanded()","[attr.aria-disabled]":"panel.disabled","[class.mat-expanded]":"_isExpanded()","(click)":"_toggle()","(keydown)":"_keydown($event)","[@expansionHeight]":"{\n value: _getExpandedState(),\n params: {\n collapsedHeight: collapsedHeight,\n expandedHeight: expandedHeight\n }\n }"},"template":"<span class=\"mat-content\"><ng-content select=\"mat-panel-title\"></ng-content><ng-content select=\"mat-panel-description\"></ng-content><ng-content></ng-content></span><span [@indicatorRotate]=\"_getExpandedState()\" *ngIf=\"_showToggle()\" class=\"mat-expansion-indicator\"></span>","styles":[".mat-expansion-panel-header{display:flex;flex-direction:row;align-items:center;padding:0 24px}.mat-expansion-panel-header:focus,.mat-expansion-panel-header:hover{outline:0}.mat-expansion-panel-header.mat-expanded:focus,.mat-expansion-panel-header.mat-expanded:hover{background:inherit}.mat-expansion-panel-header:not([aria-disabled=true]){cursor:pointer}.mat-content{display:flex;flex:1;flex-direction:row;overflow:hidden}.mat-expansion-panel-header-description,.mat-expansion-panel-header-title{display:flex;flex-grow:1;margin-right:16px}[dir=rtl] .mat-expansion-panel-header-description,[dir=rtl] .mat-expansion-panel-header-title{margin-right:0;margin-left:16px}.mat-expansion-panel-header-description{flex-grow:2}.mat-expansion-indicator::after{border-style:solid;border-width:0 2px 2px 0;content:'';display:inline-block;padding:3px;transform:rotate(45deg);vertical-align:middle}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":69,"character":5}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"MatExpansionPanel"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":70,"character":22},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":71,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":72,"character":32}]}],"expandedHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"collapsedHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"_toggle":[{"__symbolic":"method"}],"_isExpanded":[{"__symbolic":"method"}],"_getExpandedState":[{"__symbolic":"method"}],"_getPanelId":[{"__symbolic":"method"}],"_showToggle":[{"__symbolic":"method"}],"_keydown":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MatExpansionPanelDescription":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":142,"character":1},"arguments":[{"selector":"mat-panel-description","host":{"class":"mat-expansion-panel-header-description"}}]}],"members":{}},"MatExpansionPanelTitle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":155,"character":1},"arguments":[{"selector":"mat-panel-title","host":{"class":"mat-expansion-panel-header-title"}}]}],"members":{}},"MatExpansionPanelContent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":14,"character":1},"arguments":[{"selector":"ng-template[matExpansionPanelContent]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"EXPANSION_PANEL_ANIMATION_TIMING":"225ms cubic-bezier(0.4,0.0,0.2,1)","matExpansionAnimations":{"indicatorRotate":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":26,"character":19},"arguments":["indicatorRotate",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":27,"character":4},"arguments":["collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":27,"character":23},"arguments":[{"transform":"rotate(0deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":28,"character":4},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":28,"character":22},"arguments":[{"transform":"rotate(180deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":29,"character":4},"arguments":["expanded <=> collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":29,"character":41},"arguments":["225ms cubic-bezier(0.4,0.0,0.2,1)"]}]}]]},"expansionHeaderHeight":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":33,"character":25},"arguments":["expansionHeight",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":34,"character":4},"arguments":["collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":34,"character":23},"arguments":[{"height":"{{collapsedHeight}}"}]},{"params":{"collapsedHeight":"48px"}}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":39,"character":4},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":39,"character":22},"arguments":[{"height":"{{expandedHeight}}"}]},{"params":{"expandedHeight":"64px"}}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":44,"character":4},"arguments":["expanded <=> collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":44,"character":41},"arguments":["225ms cubic-bezier(0.4,0.0,0.2,1)"]}]}]]},"bodyExpansion":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":48,"character":17},"arguments":["bodyExpansion",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":49,"character":4},"arguments":["collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":49,"character":23},"arguments":[{"height":"0px","visibility":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":50,"character":4},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":50,"character":22},"arguments":[{"height":"*","visibility":"visible"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":51,"character":4},"arguments":["expanded <=> collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":51,"character":41},"arguments":["225ms cubic-bezier(0.4,0.0,0.2,1)"]}]}]]}}},"origins":{"MatExpansionModule":"./expansion-module","MatAccordionDisplayMode":"./accordion","MatAccordion":"./accordion","MatExpansionPanelState":"./expansion-panel","MatExpansionPanel":"./expansion-panel","MatExpansionPanelActionRow":"./expansion-panel","MatExpansionPanelHeader":"./expansion-panel-header","MatExpansionPanelDescription":"./expansion-panel-header","MatExpansionPanelTitle":"./expansion-panel-header","MatExpansionPanelContent":"./expansion-panel-content","EXPANSION_PANEL_ANIMATION_TIMING":"./expansion-animations","matExpansionAnimations":"./expansion-animations"},"importAs":"@angular/material/expansion"}