@angular/material
Version:
Angular Material
1 lines • 20.6 kB
JSON
{"__symbolic":"module","version":3,"metadata":{"MdStepperModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/material/core","name":"MdCommonModule"},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule"},{"__symbolic":"reference","module":"@angular/material/button","name":"MdButtonModule"},{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStepperModule"},{"__symbolic":"reference","module":"@angular/material/icon","name":"MdIconModule"}],"exports":[{"__symbolic":"reference","module":"@angular/material/core","name":"MdCommonModule"},{"__symbolic":"reference","name":"MatHorizontalStepper"},{"__symbolic":"reference","name":"MatVerticalStepper"},{"__symbolic":"reference","name":"MatStep"},{"__symbolic":"reference","name":"MatStepLabel"},{"__symbolic":"reference","name":"MatStepper"},{"__symbolic":"reference","name":"MatStepperNext"},{"__symbolic":"reference","name":"MatStepperPrevious"},{"__symbolic":"reference","name":"MatStepHeader"}],"declarations":[{"__symbolic":"reference","name":"MatHorizontalStepper"},{"__symbolic":"reference","name":"MatVerticalStepper"},{"__symbolic":"reference","name":"MatStep"},{"__symbolic":"reference","name":"MatStepLabel"},{"__symbolic":"reference","name":"MatStepper"},{"__symbolic":"reference","name":"MatStepperNext"},{"__symbolic":"reference","name":"MatStepperPrevious"},{"__symbolic":"reference","name":"MatStepHeader"}]}]}],"members":{}},"MdStepLabel":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"CdkStepLabel","module":"@angular/cdk/stepper"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[mdStepLabel], [matStepLabel]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"MdStep":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"CdkStep","module":"@angular/cdk/stepper"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-step, mat-step","providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MD_ERROR_GLOBAL_OPTIONS"},"useExisting":{"__symbolic":"reference","name":"MatStep"}}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"preserveWhitespaces":false,"template":"<ng-template><ng-content></ng-content></ng-template>"}]}],"members":{"stepLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"MatStepLabel"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"MatStepper"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MD_ERROR_GLOBAL_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","name":"MatStepper"},{"__symbolic":"reference","module":"@angular/material/core","name":"ErrorOptions"}]}]}},"MdStepper":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"CdkStepper","module":"@angular/cdk/stepper"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[mdStepper]"}]}],"members":{"_stepHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","name":"MatStepHeader"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}}]}]}],"_steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"MatStep"}]}]}]}},"MdHorizontalStepper":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MatStepper"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-horizontal-stepper, mat-horizontal-stepper","inputs":["selectedIndex"],"host":{"class":"mat-stepper-horizontal","role":"tablist"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["stepTransition",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["previous",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"translate3d(-100%, 0, 0)","visibility":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["current",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"translate3d(0%, 0, 0)","visibility":"visible"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["next",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"translate3d(100%, 0, 0)","visibility":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["* => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["500ms cubic-bezier(0.35, 0, 0.25, 1)"]}]}]]}],"providers":[{"provide":{"__symbolic":"reference","name":"MatStepper"},"useExisting":{"__symbolic":"reference","name":"MatHorizontalStepper"}}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"preserveWhitespaces":false,"viewProviders":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MATERIAL_COMPATIBILITY_MODE"},"useValue":true}],"template":"<div class=\"mat-horizontal-stepper-header-container\"><ng-container *ngFor=\"let step of _steps; let i = index; let isLast = last\"><mat-step-header class=\"mat-horizontal-stepper-header\" (click)=\"step.select()\" (keydown)=\"_onKeydown($event)\" [tabIndex]=\"_focusIndex === i ? 0 : -1\" [id]=\"_getStepLabelId(i)\" [attr.aria-controls]=\"_getStepContentId(i)\" [attr.aria-selected]=\"selectedIndex == i\" [index]=\"i\" [icon]=\"_getIndicatorType(i)\" [label]=\"step.stepLabel || step.label\" [selected]=\"selectedIndex === i\" [active]=\"step.completed || selectedIndex === i\" [optional]=\"step.optional\"></mat-step-header><div *ngIf=\"!isLast\" class=\"mat-stepper-horizontal-line\"></div></ng-container></div><div class=\"mat-horizontal-content-container\"><div *ngFor=\"let step of _steps; let i = index\" class=\"mat-horizontal-stepper-content\" role=\"tabpanel\" [@stepTransition]=\"_getAnimationDirection(i)\" [id]=\"_getStepContentId(i)\" [attr.aria-labelledby]=\"_getStepLabelId(i)\" [attr.aria-expanded]=\"selectedIndex === i\"><ng-container [ngTemplateOutlet]=\"step.content\"></ng-container></div></div>","styles":[".mat-stepper-horizontal,.mat-stepper-vertical{display:block}.mat-step-header{overflow:hidden;outline:0}.mat-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center}.mat-stepper-horizontal-line{border-top-width:1px;border-top-style:solid;flex:auto;height:0;margin:0 -16px;min-width:32px}.mat-horizontal-stepper-header{display:flex;height:72px;overflow:hidden;align-items:center;padding:0 24px}.mat-horizontal-stepper-header .mat-step-icon,.mat-horizontal-stepper-header .mat-step-icon-not-touched{margin-right:8px;flex:none}[dir=rtl] .mat-horizontal-stepper-header .mat-step-icon,[dir=rtl] .mat-horizontal-stepper-header .mat-step-icon-not-touched{margin-right:0;margin-left:8px}.mat-vertical-stepper-header{display:flex;align-items:center;padding:24px;max-height:24px}.mat-vertical-stepper-header .mat-step-icon,.mat-vertical-stepper-header .mat-step-icon-not-touched{margin-right:12px}[dir=rtl] .mat-vertical-stepper-header .mat-step-icon,[dir=rtl] .mat-vertical-stepper-header .mat-step-icon-not-touched{margin-right:0;margin-left:12px}.mat-horizontal-stepper-content{overflow:hidden}.mat-horizontal-stepper-content[aria-expanded=false]{height:0}.mat-horizontal-content-container{overflow:hidden;padding:0 24px 24px 24px}.mat-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] .mat-vertical-content-container{margin-left:0;margin-right:36px}.mat-stepper-vertical-line::before{content:'';position:absolute;top:-16px;bottom:-16px;left:0;border-left-width:1px;border-left-style:solid}[dir=rtl] .mat-stepper-vertical-line::before{left:auto;right:0}.mat-vertical-stepper-content{overflow:hidden}.mat-vertical-content{padding:0 24px 24px 24px}.mat-step:last-child .mat-vertical-content-container{border:none}"]}]}],"members":{}},"MdVerticalStepper":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MatStepper"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-vertical-stepper, mat-vertical-stepper","inputs":["selectedIndex"],"host":{"class":"mat-stepper-vertical","role":"tablist"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["stepTransition",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["previous",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"0px","visibility":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["next",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"0px","visibility":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["current",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*","visibility":"visible"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["* <=> current",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["225ms cubic-bezier(0.4, 0.0, 0.2, 1)"]}]}]]}],"providers":[{"provide":{"__symbolic":"reference","name":"MatStepper"},"useExisting":{"__symbolic":"reference","name":"MatVerticalStepper"}}],"viewProviders":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MATERIAL_COMPATIBILITY_MODE"},"useValue":true}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"preserveWhitespaces":false,"template":"<div class=\"mat-step\" *ngFor=\"let step of _steps; let i = index; let isLast = last\"><mat-step-header class=\"mat-vertical-stepper-header\" (click)=\"step.select()\" (keydown)=\"_onKeydown($event)\" [tabIndex]=\"_focusIndex == i ? 0 : -1\" [id]=\"_getStepLabelId(i)\" [attr.aria-controls]=\"_getStepContentId(i)\" [attr.aria-selected]=\"selectedIndex === i\" [index]=\"i\" [icon]=\"_getIndicatorType(i)\" [label]=\"step.stepLabel || step.label\" [selected]=\"selectedIndex === i\" [active]=\"step.completed || selectedIndex === i\" [optional]=\"step.optional\"></mat-step-header><div class=\"mat-vertical-content-container\" [class.mat-stepper-vertical-line]=\"!isLast\"><div class=\"mat-vertical-stepper-content\" role=\"tabpanel\" [@stepTransition]=\"_getAnimationDirection(i)\" [id]=\"_getStepContentId(i)\" [attr.aria-labelledby]=\"_getStepLabelId(i)\" [attr.aria-expanded]=\"selectedIndex === i\"><div class=\"mat-vertical-content\"><ng-container [ngTemplateOutlet]=\"step.content\"></ng-container></div></div></div></div>","styles":[".mat-stepper-horizontal,.mat-stepper-vertical{display:block}.mat-step-header{overflow:hidden;outline:0}.mat-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center}.mat-stepper-horizontal-line{border-top-width:1px;border-top-style:solid;flex:auto;height:0;margin:0 -16px;min-width:32px}.mat-horizontal-stepper-header{display:flex;height:72px;overflow:hidden;align-items:center;padding:0 24px}.mat-horizontal-stepper-header .mat-step-icon,.mat-horizontal-stepper-header .mat-step-icon-not-touched{margin-right:8px;flex:none}[dir=rtl] .mat-horizontal-stepper-header .mat-step-icon,[dir=rtl] .mat-horizontal-stepper-header .mat-step-icon-not-touched{margin-right:0;margin-left:8px}.mat-vertical-stepper-header{display:flex;align-items:center;padding:24px;max-height:24px}.mat-vertical-stepper-header .mat-step-icon,.mat-vertical-stepper-header .mat-step-icon-not-touched{margin-right:12px}[dir=rtl] .mat-vertical-stepper-header .mat-step-icon,[dir=rtl] .mat-vertical-stepper-header .mat-step-icon-not-touched{margin-right:0;margin-left:12px}.mat-horizontal-stepper-content{overflow:hidden}.mat-horizontal-stepper-content[aria-expanded=false]{height:0}.mat-horizontal-content-container{overflow:hidden;padding:0 24px 24px 24px}.mat-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] .mat-vertical-content-container{margin-left:0;margin-right:36px}.mat-stepper-vertical-line::before{content:'';position:absolute;top:-16px;bottom:-16px;left:0;border-left-width:1px;border-left-style:solid}[dir=rtl] .mat-stepper-vertical-line::before{left:auto;right:0}.mat-vertical-stepper-content{overflow:hidden}.mat-vertical-content{padding:0 24px 24px 24px}.mat-step:last-child .mat-vertical-content-container{border:none}"]}]}],"members":{}},"MdStepperNext":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"CdkStepperNext","module":"@angular/cdk/stepper"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"button[mdStepperNext], button[matStepperNext]","host":{"(click)":"_stepper.next()"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStepper"},"useExisting":{"__symbolic":"reference","name":"MatStepper"}}]}]}],"members":{}},"MdStepperPrevious":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"CdkStepperPrevious","module":"@angular/cdk/stepper"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"button[mdStepperPrevious], button[matStepperPrevious]","host":{"(click)":"_stepper.previous()"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStepper"},"useExisting":{"__symbolic":"reference","name":"MatStepper"}}]}]}],"members":{}},"MdStepHeader":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-step-header, mat-step-header","host":{"class":"mat-step-header","role":"tab"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"preserveWhitespaces":false,"viewProviders":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MATERIAL_COMPATIBILITY_MODE"},"useValue":true}],"template":"<div [class.mat-step-icon]=\"icon !== 'number' || selected\" [class.mat-step-icon-not-touched]=\"icon == 'number' && !selected\" [ngSwitch]=\"icon\"><span *ngSwitchCase=\"'number'\">{{index + 1}}</span><mat-icon *ngSwitchCase=\"'edit'\">create</mat-icon><mat-icon *ngSwitchCase=\"'done'\">done</mat-icon></div><div class=\"mat-step-label\" [class.mat-step-label-active]=\"active\"><ng-container *ngIf=\"_templateLabel()\" [ngTemplateOutlet]=\"label.template\"></ng-container><div class=\"mat-step-text-label\" *ngIf=\"_stringLabel()\">{{label}}</div><div class=\"mat-step-optional\" *ngIf=\"optional\">Optional</div></div>","styles":[".mat-step-optional{font-size:12px}.mat-step-icon,.mat-step-icon-not-touched{border-radius:50%;height:24px;width:24px;align-items:center;justify-content:center;display:flex}.mat-step-icon .mat-icon{font-size:16px;height:16px;width:16px}.mat-step-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:50px;vertical-align:middle}.mat-step-text-label{text-overflow:ellipsis;overflow:hidden}"]}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"optional":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_stringLabel":[{"__symbolic":"method"}],"_templateLabel":[{"__symbolic":"method"}]}},"MatStep":{"__symbolic":"reference","name":"MdStep"},"MatStepHeader":{"__symbolic":"reference","name":"MdStepHeader"},"MatStepLabel":{"__symbolic":"reference","name":"MdStepLabel"},"MatStepper":{"__symbolic":"reference","name":"MdStepper"},"MatHorizontalStepper":{"__symbolic":"reference","name":"MdHorizontalStepper"},"MatStepperModule":{"__symbolic":"reference","name":"MdStepperModule"},"MatVerticalStepper":{"__symbolic":"reference","name":"MdVerticalStepper"},"MatStepperPrevious":{"__symbolic":"reference","name":"MdStepperPrevious"},"MatStepperNext":{"__symbolic":"reference","name":"MdStepperNext"}},"origins":{"MdStepperModule":"./stepper-module","_MdStepLabel":"@angular/cdk/stepper","MdStepLabel":"./step-label","_MdStep":"@angular/cdk/stepper","_MdStepper":"@angular/cdk/stepper","MdStep":"./stepper","MdStepper":"./stepper","MdHorizontalStepper":"./stepper","MdVerticalStepper":"./stepper","_MdStepperNext":"@angular/cdk/stepper","_MdStepperPrevious":"@angular/cdk/stepper","MdStepperNext":"./stepper-button","MdStepperPrevious":"./stepper-button","MdStepHeader":"./step-header","MatStep":"./stepper","MatStepHeader":"./step-header","MatStepLabel":"./step-label","MatStepper":"./stepper","MatHorizontalStepper":"./stepper","MatStepperModule":"./stepper-module","MatVerticalStepper":"./stepper","MatStepperPrevious":"./stepper-button","MatStepperNext":"./stepper-button"},"importAs":"@angular/material/stepper"}