@angular/material 10.0.0-rc.3 → 10.1.0

package/slide-toggle/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"_MatSlideToggleRequiredValidatorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"MatSlideToggleRequiredValidator"}],"declarations":[{"__symbolic":"reference","name":"MatSlideToggleRequiredValidator"}]}]}],"members":{}},"MatSlideToggleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":23,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","name":"_MatSlideToggleRequiredValidatorModule"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/cdk/observers","name":"ObserversModule","line":28,"character":4}],"exports":[{"__symbolic":"reference","name":"_MatSlideToggleRequiredValidatorModule"},{"__symbolic":"reference","name":"MatSlideToggle"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":33,"character":4}],"declarations":[{"__symbolic":"reference","name":"MatSlideToggle"}]}]}],"members":{}},"MAT_SLIDE_TOGGLE_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":49,"character":11},"useExisting":{"__symbolic":"reference","name":"MatSlideToggle"},"multi":true},"MatSlideToggleChange":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatSlideToggle"},{"__symbolic":"reference","name":"boolean"}]}]}},"MatSlideToggle":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":99,"character":36,"module":"./slide-toggle"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":77,"character":1},"arguments":[{"selector":"mat-slide-toggle","exportAs":"matSlideToggle","host":{"class":"mat-slide-toggle","[id]":"id","[attr.tabindex]":"disabled ? null : -1","[attr.aria-label]":"null","[attr.aria-labelledby]":"null","[class.mat-checked]":"checked","[class.mat-disabled]":"disabled","[class.mat-slide-toggle-label-before]":"labelPosition == \"before\"","[class._mat-animation-noopable]":"_animationMode === \"NoopAnimations\"","$quoted$":["class","[id]","[attr.tabindex]","[attr.aria-label]","[attr.aria-labelledby]","[class.mat-checked]","[class.mat-disabled]","[class.mat-slide-toggle-label-before]","[class._mat-animation-noopable]"]},"providers":[{"__symbolic":"reference","name":"MAT_SLIDE_TOGGLE_VALUE_ACCESSOR"}],"inputs":["disabled","disableRipple","color","tabIndex"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":96,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":97,"character":19},"member":"OnPush"},"template":"<label [attr.for]=\"inputId\" class=\"mat-slide-toggle-label\" #label>\n  <div #toggleBar class=\"mat-slide-toggle-bar\"\n       [class.mat-slide-toggle-bar-no-side-margin]=\"!labelContent.textContent || !labelContent.textContent.trim()\">\n\n    <input #input class=\"mat-slide-toggle-input cdk-visually-hidden\" type=\"checkbox\"\n           role=\"switch\"\n           [id]=\"inputId\"\n           [required]=\"required\"\n           [tabIndex]=\"tabIndex\"\n           [checked]=\"checked\"\n           [disabled]=\"disabled\"\n           [attr.name]=\"name\"\n           [attr.aria-checked]=\"checked.toString()\"\n           [attr.aria-label]=\"ariaLabel\"\n           [attr.aria-labelledby]=\"ariaLabelledby\"\n           (change)=\"_onChangeEvent($event)\"\n           (click)=\"_onInputClick($event)\">\n\n    <div class=\"mat-slide-toggle-thumb-container\" #thumbContainer>\n      <div class=\"mat-slide-toggle-thumb\"></div>\n      <div class=\"mat-slide-toggle-ripple mat-focus-indicator\" mat-ripple\n           [matRippleTrigger]=\"label\"\n           [matRippleDisabled]=\"disableRipple || disabled\"\n           [matRippleCentered]=\"true\"\n           [matRippleRadius]=\"20\"\n           [matRippleAnimation]=\"{enterDuration: 150}\">\n\n        <div class=\"mat-ripple-element mat-slide-toggle-persistent-ripple\"></div>\n      </div>\n    </div>\n\n  </div>\n\n  <span class=\"mat-slide-toggle-content\" #labelContent (cdkObserveContent)=\"_onLabelTextChange()\">\n    <!-- Add an invisible span so JAWS can read the label -->\n    <span style=\"display:none\">&nbsp;</span>\n    <ng-content></ng-content>\n  </span>\n</label>\n","styles":[".mat-slide-toggle{display:inline-block;height:24px;max-width:100%;line-height:24px;white-space:nowrap;outline:none;-webkit-tap-highlight-color:transparent}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container{transform:translate3d(16px, 0, 0)}[dir=rtl] .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container{transform:translate3d(-16px, 0, 0)}.mat-slide-toggle.mat-disabled{opacity:.38}.mat-slide-toggle.mat-disabled .mat-slide-toggle-label,.mat-slide-toggle.mat-disabled .mat-slide-toggle-thumb-container{cursor:default}.mat-slide-toggle-label{display:flex;flex:1;flex-direction:row;align-items:center;height:inherit;cursor:pointer}.mat-slide-toggle-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mat-slide-toggle-label-before .mat-slide-toggle-label{order:1}.mat-slide-toggle-label-before .mat-slide-toggle-bar{order:2}[dir=rtl] .mat-slide-toggle-label-before .mat-slide-toggle-bar,.mat-slide-toggle-bar{margin-right:8px;margin-left:0}[dir=rtl] .mat-slide-toggle-bar,.mat-slide-toggle-label-before .mat-slide-toggle-bar{margin-left:8px;margin-right:0}.mat-slide-toggle-bar-no-side-margin{margin-left:0;margin-right:0}.mat-slide-toggle-thumb-container{position:absolute;z-index:1;width:20px;height:20px;top:-3px;left:0;transform:translate3d(0, 0, 0);transition:all 80ms linear;transition-property:transform}._mat-animation-noopable .mat-slide-toggle-thumb-container{transition:none}[dir=rtl] .mat-slide-toggle-thumb-container{left:auto;right:0}.mat-slide-toggle-thumb{height:20px;width:20px;border-radius:50%}.mat-slide-toggle-bar{position:relative;width:36px;height:14px;flex-shrink:0;border-radius:8px}.mat-slide-toggle-input{bottom:0;left:10px}[dir=rtl] .mat-slide-toggle-input{left:auto;right:10px}.mat-slide-toggle-bar,.mat-slide-toggle-thumb{transition:all 80ms linear;transition-property:background-color;transition-delay:50ms}._mat-animation-noopable .mat-slide-toggle-bar,._mat-animation-noopable .mat-slide-toggle-thumb{transition:none}.mat-slide-toggle .mat-slide-toggle-ripple{position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);height:40px;width:40px;z-index:1;pointer-events:none}.mat-slide-toggle .mat-slide-toggle-ripple .mat-ripple-element:not(.mat-slide-toggle-persistent-ripple){opacity:.12}.mat-slide-toggle-persistent-ripple{width:100%;height:100%;transform:none}.mat-slide-toggle-bar:hover .mat-slide-toggle-persistent-ripple{opacity:.04}.mat-slide-toggle:not(.mat-disabled).cdk-keyboard-focused .mat-slide-toggle-persistent-ripple{opacity:.12}.mat-slide-toggle-persistent-ripple,.mat-slide-toggle.mat-disabled .mat-slide-toggle-bar:hover .mat-slide-toggle-persistent-ripple{opacity:0}@media(hover: none){.mat-slide-toggle-bar:hover .mat-slide-toggle-persistent-ripple{display:none}}.cdk-high-contrast-active .mat-slide-toggle-thumb,.cdk-high-contrast-active .mat-slide-toggle-bar{border:1px solid}.cdk-high-contrast-active .mat-slide-toggle.cdk-keyboard-focused .mat-slide-toggle-bar{outline:2px dotted;outline-offset:5px}\n"]}]}],"members":{"_thumbEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":112,"character":3},"arguments":["thumbContainer"]}]}],"_thumbBarEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":115,"character":3},"arguments":["toggleBar"]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":3}}]}],"labelPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3},"arguments":["aria-label"]}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3},"arguments":["aria-labelledby"]}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":3}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":145,"character":3}}]}],"toggleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":153,"character":3}}]}],"_inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":159,"character":3},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":164,"character":15},"arguments":["tabindex"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":165,"character":15},"arguments":[{"__symbolic":"reference","name":"MAT_SLIDE_TOGGLE_DEFAULT_OPTIONS"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":167,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":167,"character":27},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"ANIMATION_MODULE_TYPE","line":167,"character":34}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":161,"character":26},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":162,"character":37},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":163,"character":42},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"MatSlideToggleDefaultOptions"},{"__symbolic":"reference","name":"string"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_onChangeEvent":[{"__symbolic":"method"}],"_onInputClick":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"_emitChangeEvent":[{"__symbolic":"method"}],"_onLabelTextChange":[{"__symbolic":"method"}]}},"MatSlideToggleDefaultOptions":{"__symbolic":"interface"},"MAT_SLIDE_TOGGLE_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":18,"character":6},"arguments":["mat-slide-toggle-default-options",{"__symbolic":"error","message":"Lambda not supported","line":20,"character":13,"module":"./slide-toggle-config"}]},"MAT_SLIDE_TOGGLE_REQUIRED_VALIDATOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":11},"useExisting":{"__symbolic":"reference","name":"MatSlideToggleRequiredValidator"},"multi":true},"MatSlideToggleRequiredValidator":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/forms","name":"CheckboxRequiredValidator","line":37,"character":53},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":32,"character":1},"arguments":[{"selector":"mat-slide-toggle[required][formControlName],\n             mat-slide-toggle[required][formControl], mat-slide-toggle[required][ngModel]","providers":[{"__symbolic":"reference","name":"MAT_SLIDE_TOGGLE_REQUIRED_VALIDATOR"}]}]}],"members":{}}},"origins":{"_MatSlideToggleRequiredValidatorModule":"./slide-toggle-module","MatSlideToggleModule":"./slide-toggle-module","MAT_SLIDE_TOGGLE_VALUE_ACCESSOR":"./slide-toggle","MatSlideToggleChange":"./slide-toggle","MatSlideToggle":"./slide-toggle","MatSlideToggleDefaultOptions":"./slide-toggle-config","MAT_SLIDE_TOGGLE_DEFAULT_OPTIONS":"./slide-toggle-config","MAT_SLIDE_TOGGLE_REQUIRED_VALIDATOR":"./slide-toggle-required-validator","MatSlideToggleRequiredValidator":"./slide-toggle-required-validator"},"importAs":"@angular/material/slide-toggle"}
+{"__symbolic":"module","version":4,"metadata":{"_MatSlideToggleRequiredValidatorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"MatSlideToggleRequiredValidator"}],"declarations":[{"__symbolic":"reference","name":"MatSlideToggleRequiredValidator"}]}]}],"members":{}},"MatSlideToggleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":21,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","name":"_MatSlideToggleRequiredValidatorModule"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/cdk/observers","name":"ObserversModule","line":26,"character":4}],"exports":[{"__symbolic":"reference","name":"_MatSlideToggleRequiredValidatorModule"},{"__symbolic":"reference","name":"MatSlideToggle"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":31,"character":4}],"declarations":[{"__symbolic":"reference","name":"MatSlideToggle"}]}]}],"members":{}},"MAT_SLIDE_TOGGLE_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":49,"character":11},"useExisting":{"__symbolic":"reference","name":"MatSlideToggle"},"multi":true},"MatSlideToggleChange":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatSlideToggle"},{"__symbolic":"reference","name":"boolean"}]}]}},"MatSlideToggle":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":99,"character":36,"module":"./slide-toggle"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":77,"character":1},"arguments":[{"selector":"mat-slide-toggle","exportAs":"matSlideToggle","host":{"class":"mat-slide-toggle","[id]":"id","[attr.tabindex]":"disabled ? null : -1","[attr.aria-label]":"null","[attr.aria-labelledby]":"null","[class.mat-checked]":"checked","[class.mat-disabled]":"disabled","[class.mat-slide-toggle-label-before]":"labelPosition == \"before\"","[class._mat-animation-noopable]":"_animationMode === \"NoopAnimations\"","$quoted$":["class","[id]","[attr.tabindex]","[attr.aria-label]","[attr.aria-labelledby]","[class.mat-checked]","[class.mat-disabled]","[class.mat-slide-toggle-label-before]","[class._mat-animation-noopable]"]},"providers":[{"__symbolic":"reference","name":"MAT_SLIDE_TOGGLE_VALUE_ACCESSOR"}],"inputs":["disabled","disableRipple","color","tabIndex"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":96,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":97,"character":19},"member":"OnPush"},"template":"<label [attr.for]=\"inputId\" class=\"mat-slide-toggle-label\" #label>\n  <div #toggleBar class=\"mat-slide-toggle-bar\"\n       [class.mat-slide-toggle-bar-no-side-margin]=\"!labelContent.textContent || !labelContent.textContent.trim()\">\n\n    <input #input class=\"mat-slide-toggle-input cdk-visually-hidden\" type=\"checkbox\"\n           role=\"switch\"\n           [id]=\"inputId\"\n           [required]=\"required\"\n           [tabIndex]=\"tabIndex\"\n           [checked]=\"checked\"\n           [disabled]=\"disabled\"\n           [attr.name]=\"name\"\n           [attr.aria-checked]=\"checked.toString()\"\n           [attr.aria-label]=\"ariaLabel\"\n           [attr.aria-labelledby]=\"ariaLabelledby\"\n           (change)=\"_onChangeEvent($event)\"\n           (click)=\"_onInputClick($event)\">\n\n    <div class=\"mat-slide-toggle-thumb-container\" #thumbContainer>\n      <div class=\"mat-slide-toggle-thumb\"></div>\n      <div class=\"mat-slide-toggle-ripple mat-focus-indicator\" mat-ripple\n           [matRippleTrigger]=\"label\"\n           [matRippleDisabled]=\"disableRipple || disabled\"\n           [matRippleCentered]=\"true\"\n           [matRippleRadius]=\"20\"\n           [matRippleAnimation]=\"{enterDuration: 150}\">\n\n        <div class=\"mat-ripple-element mat-slide-toggle-persistent-ripple\"></div>\n      </div>\n    </div>\n\n  </div>\n\n  <span class=\"mat-slide-toggle-content\" #labelContent (cdkObserveContent)=\"_onLabelTextChange()\">\n    <!-- Add an invisible span so JAWS can read the label -->\n    <span style=\"display:none\">&nbsp;</span>\n    <ng-content></ng-content>\n  </span>\n</label>\n","styles":[".mat-slide-toggle{display:inline-block;height:24px;max-width:100%;line-height:24px;white-space:nowrap;outline:none;-webkit-tap-highlight-color:transparent}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container{transform:translate3d(16px, 0, 0)}[dir=rtl] .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container{transform:translate3d(-16px, 0, 0)}.mat-slide-toggle.mat-disabled{opacity:.38}.mat-slide-toggle.mat-disabled .mat-slide-toggle-label,.mat-slide-toggle.mat-disabled .mat-slide-toggle-thumb-container{cursor:default}.mat-slide-toggle-label{display:flex;flex:1;flex-direction:row;align-items:center;height:inherit;cursor:pointer}.mat-slide-toggle-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mat-slide-toggle-label-before .mat-slide-toggle-label{order:1}.mat-slide-toggle-label-before .mat-slide-toggle-bar{order:2}[dir=rtl] .mat-slide-toggle-label-before .mat-slide-toggle-bar,.mat-slide-toggle-bar{margin-right:8px;margin-left:0}[dir=rtl] .mat-slide-toggle-bar,.mat-slide-toggle-label-before .mat-slide-toggle-bar{margin-left:8px;margin-right:0}.mat-slide-toggle-bar-no-side-margin{margin-left:0;margin-right:0}.mat-slide-toggle-thumb-container{position:absolute;z-index:1;width:20px;height:20px;top:-3px;left:0;transform:translate3d(0, 0, 0);transition:all 80ms linear;transition-property:transform}._mat-animation-noopable .mat-slide-toggle-thumb-container{transition:none}[dir=rtl] .mat-slide-toggle-thumb-container{left:auto;right:0}.mat-slide-toggle-thumb{height:20px;width:20px;border-radius:50%}.mat-slide-toggle-bar{position:relative;width:36px;height:14px;flex-shrink:0;border-radius:8px}.mat-slide-toggle-input{bottom:0;left:10px}[dir=rtl] .mat-slide-toggle-input{left:auto;right:10px}.mat-slide-toggle-bar,.mat-slide-toggle-thumb{transition:all 80ms linear;transition-property:background-color;transition-delay:50ms}._mat-animation-noopable .mat-slide-toggle-bar,._mat-animation-noopable .mat-slide-toggle-thumb{transition:none}.mat-slide-toggle .mat-slide-toggle-ripple{position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);height:40px;width:40px;z-index:1;pointer-events:none}.mat-slide-toggle .mat-slide-toggle-ripple .mat-ripple-element:not(.mat-slide-toggle-persistent-ripple){opacity:.12}.mat-slide-toggle-persistent-ripple{width:100%;height:100%;transform:none}.mat-slide-toggle-bar:hover .mat-slide-toggle-persistent-ripple{opacity:.04}.mat-slide-toggle:not(.mat-disabled).cdk-keyboard-focused .mat-slide-toggle-persistent-ripple{opacity:.12}.mat-slide-toggle-persistent-ripple,.mat-slide-toggle.mat-disabled .mat-slide-toggle-bar:hover .mat-slide-toggle-persistent-ripple{opacity:0}@media(hover: none){.mat-slide-toggle-bar:hover .mat-slide-toggle-persistent-ripple{display:none}}.cdk-high-contrast-active .mat-slide-toggle-thumb,.cdk-high-contrast-active .mat-slide-toggle-bar{border:1px solid}.cdk-high-contrast-active .mat-slide-toggle.cdk-keyboard-focused .mat-slide-toggle-bar{outline:2px dotted;outline-offset:5px}\n"]}]}],"members":{"_thumbEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":112,"character":3},"arguments":["thumbContainer"]}]}],"_thumbBarEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":115,"character":3},"arguments":["toggleBar"]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":3}}]}],"labelPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3},"arguments":["aria-label"]}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3},"arguments":["aria-labelledby"]}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":3}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":145,"character":3}}]}],"toggleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":153,"character":3}}]}],"_inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":159,"character":3},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":164,"character":15},"arguments":["tabindex"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":165,"character":15},"arguments":[{"__symbolic":"reference","name":"MAT_SLIDE_TOGGLE_DEFAULT_OPTIONS"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":167,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":167,"character":27},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"ANIMATION_MODULE_TYPE","line":167,"character":34}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":161,"character":26},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":162,"character":37},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":163,"character":42},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"MatSlideToggleDefaultOptions"},{"__symbolic":"reference","name":"string"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_onChangeEvent":[{"__symbolic":"method"}],"_onInputClick":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"_emitChangeEvent":[{"__symbolic":"method"}],"_onLabelTextChange":[{"__symbolic":"method"}]}},"MatSlideToggleDefaultOptions":{"__symbolic":"interface"},"MAT_SLIDE_TOGGLE_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":18,"character":6},"arguments":["mat-slide-toggle-default-options",{"__symbolic":"error","message":"Lambda not supported","line":20,"character":13,"module":"./slide-toggle-config"}]},"MAT_SLIDE_TOGGLE_REQUIRED_VALIDATOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":11},"useExisting":{"__symbolic":"reference","name":"MatSlideToggleRequiredValidator"},"multi":true},"MatSlideToggleRequiredValidator":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/forms","name":"CheckboxRequiredValidator","line":37,"character":53},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":32,"character":1},"arguments":[{"selector":"mat-slide-toggle[required][formControlName],\n             mat-slide-toggle[required][formControl], mat-slide-toggle[required][ngModel]","providers":[{"__symbolic":"reference","name":"MAT_SLIDE_TOGGLE_REQUIRED_VALIDATOR"}]}]}],"members":{}}},"origins":{"_MatSlideToggleRequiredValidatorModule":"./slide-toggle-module","MatSlideToggleModule":"./slide-toggle-module","MAT_SLIDE_TOGGLE_VALUE_ACCESSOR":"./slide-toggle","MatSlideToggleChange":"./slide-toggle","MatSlideToggle":"./slide-toggle","MatSlideToggleDefaultOptions":"./slide-toggle-config","MAT_SLIDE_TOGGLE_DEFAULT_OPTIONS":"./slide-toggle-config","MAT_SLIDE_TOGGLE_REQUIRED_VALIDATOR":"./slide-toggle-required-validator","MatSlideToggleRequiredValidator":"./slide-toggle-required-validator"},"importAs":"@angular/material/slide-toggle"}

package/slide-toggle/testing/slide-toggle-harness.d.ts

@@ -41,6 +41,8 @@ export declare class MatSlideToggleHarness extends ComponentHarness {
     focus(): Promise<void>;
     /** Blurs the slide-toggle. */
     blur(): Promise<void>;
+    /** Whether the slide-toggle is focused. */
+    isFocused(): Promise<boolean>;
     /** Toggle the checked state of the slide-toggle. */
     toggle(): Promise<void>;
     /**

package/slider/testing/slider-harness.d.ts

@@ -52,6 +52,8 @@ export declare class MatSliderHarness extends ComponentHarness {
     focus(): Promise<void>;
     /** Blurs the slider. */
     blur(): Promise<void>;
+    /** Whether the slider is focused. */
+    isFocused(): Promise<boolean>;
     /** Calculates the percentage of the given value. */
     private _calculatePercentage;
 }

package/snack-bar/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"MatSnackBarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":18,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":24,"character":4}],"exports":[{"__symbolic":"reference","name":"MatSnackBarContainer"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":26,"character":34}],"declarations":[{"__symbolic":"reference","name":"MatSnackBarContainer"},{"__symbolic":"reference","name":"SimpleSnackBar"}],"entryComponents":[{"__symbolic":"reference","name":"MatSnackBarContainer"},{"__symbolic":"reference","name":"SimpleSnackBar"}]}]}],"members":{}},"MAT_SNACK_BAR_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":34,"character":8},"arguments":["mat-snack-bar-default-options",{"providedIn":"root","factory":{"__symbolic":"reference","name":"MAT_SNACK_BAR_DEFAULT_OPTIONS_FACTORY"}}]},"MAT_SNACK_BAR_DEFAULT_OPTIONS_FACTORY":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"MatSnackBarConfig"}}},"MatSnackBar":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":47,"character":1},"arguments":[{"providedIn":{"__symbolic":"reference","name":"MatSnackBarModule"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":75,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":75,"character":19}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":76,"character":7},"arguments":[{"__symbolic":"reference","name":"MAT_SNACK_BAR_DEFAULT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":71,"character":24},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"LiveAnnouncer","line":72,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":73,"character":25},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"BreakpointObserver","line":74,"character":35},{"__symbolic":"reference","name":"MatSnackBar"},{"__symbolic":"reference","name":"MatSnackBarConfig"}]}],"openFromComponent":[{"__symbolic":"method"}],"openFromTemplate":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"dismiss":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_attachSnackBarContainer":[{"__symbolic":"method"}],"_attach":[{"__symbolic":"method"}],"_animateSnackBar":[{"__symbolic":"method"}],"_createOverlay":[{"__symbolic":"method"}],"_createInjector":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"MatSnackBarContainer":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"BasePortalOutlet","line":56,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"snack-bar-container","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":46,"character":19},"member":"Default"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":47,"character":17},"member":"None"},"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matSnackBarAnimations"},"member":"snackBarState"}],"host":{"[attr.role]":"_role","class":"mat-snack-bar-container","[@state]":"_animationState","(@state.done)":"onAnimationEnd($event)","$quoted$":["[attr.role]","class","[@state]","(@state.done)"]},"template":"<ng-template cdkPortalOutlet></ng-template>\n","styles":[".mat-snack-bar-container{border-radius:4px;box-sizing:border-box;display:block;margin:24px;max-width:33vw;min-width:344px;padding:14px 16px;min-height:48px;transform-origin:center}.cdk-high-contrast-active .mat-snack-bar-container{border:solid 1px}.mat-snack-bar-handset{width:100%}.mat-snack-bar-handset .mat-snack-bar-container{margin:8px;max-width:100%;min-width:0;width:100%}\n"]}]}],"members":{"_portalOutlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":61,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/portal","name":"CdkPortalOutlet","line":61,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":76,"character":21},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":77,"character":36,"context":{"typeName":"HTMLElement"},"module":"./snack-bar-container"}]},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":78,"character":32},{"__symbolic":"reference","name":"MatSnackBarConfig"}]}],"attachComponentPortal":[{"__symbolic":"method"}],"attachTemplatePortal":[{"__symbolic":"method"}],"onAnimationEnd":[{"__symbolic":"method"}],"enter":[{"__symbolic":"method"}],"exit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_completeExit":[{"__symbolic":"method"}],"_applySnackBarClasses":[{"__symbolic":"method"}],"_assertNotAttached":[{"__symbolic":"method"}]}},"MAT_SNACK_BAR_DATA":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":13,"character":38},"arguments":["MatSnackBarData"]},"MatSnackBarHorizontalPosition":{"__symbolic":"interface"},"MatSnackBarVerticalPosition":{"__symbolic":"interface"},"MatSnackBarConfig":{"__symbolic":"class","arity":1,"members":{}},"MatSnackBarDismiss":{"__symbolic":"interface"},"MatSnackBarRef":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatSnackBarContainer"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayRef","line":54,"character":35}]}],"dismiss":[{"__symbolic":"method"}],"dismissWithAction":[{"__symbolic":"method"}],"closeWithAction":[{"__symbolic":"method"}],"_dismissAfter":[{"__symbolic":"method"}],"_open":[{"__symbolic":"method"}],"_finishDismiss":[{"__symbolic":"method"}],"afterDismissed":[{"__symbolic":"method"}],"afterOpened":[{"__symbolic":"method"}],"onAction":[{"__symbolic":"method"}]}},"SimpleSnackBar":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"simple-snack-bar","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":21,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":22,"character":19},"member":"OnPush"},"host":{"class":"mat-simple-snackbar","$quoted$":["class"]},"template":"<span>{{data.message}}</span>\n<div class=\"mat-simple-snackbar-action\"  *ngIf=\"hasAction\">\n  <button mat-button (click)=\"action()\">{{data.action}}</button>\n</div>\n","styles":[".mat-simple-snackbar{display:flex;justify-content:space-between;align-items:center;line-height:20px;opacity:1}.mat-simple-snackbar-action{flex-shrink:0;margin:-8px -8px -8px 8px}.mat-simple-snackbar-action button{max-height:36px;min-width:0}[dir=rtl] .mat-simple-snackbar-action{margin-left:-8px;margin-right:8px}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":33,"character":5},"arguments":[{"__symbolic":"reference","name":"MAT_SNACK_BAR_DATA"}]}]],"parameters":[{"__symbolic":"reference","name":"MatSnackBarRef"},{"__symbolic":"reference","name":"any"}]}],"action":[{"__symbolic":"method"}]}},"matSnackBarAnimations":{"snackBarState":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":24,"character":17},"arguments":["state",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":25,"character":4},"arguments":["void, hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":25,"character":26},"arguments":[{"transform":"scale(0.8)","opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":29,"character":4},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":29,"character":21},"arguments":[{"transform":"scale(1)","opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":33,"character":4},"arguments":["* => visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":33,"character":31},"arguments":["150ms cubic-bezier(0, 0, 0.2, 1)"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":34,"character":4},"arguments":["* => void, * => hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":34,"character":41},"arguments":["75ms cubic-bezier(0.4, 0.0, 1, 1)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":34,"character":86},"arguments":[{"opacity":0}]}]}]}]]}}},"origins":{"MatSnackBarModule":"./snack-bar-module","MAT_SNACK_BAR_DEFAULT_OPTIONS":"./snack-bar","MAT_SNACK_BAR_DEFAULT_OPTIONS_FACTORY":"./snack-bar","MatSnackBar":"./snack-bar","MatSnackBarContainer":"./snack-bar-container","MAT_SNACK_BAR_DATA":"./snack-bar-config","MatSnackBarHorizontalPosition":"./snack-bar-config","MatSnackBarVerticalPosition":"./snack-bar-config","MatSnackBarConfig":"./snack-bar-config","MatSnackBarDismiss":"./snack-bar-ref","MatSnackBarRef":"./snack-bar-ref","SimpleSnackBar":"./simple-snack-bar","matSnackBarAnimations":"./snack-bar-animations"},"importAs":"@angular/material/snack-bar"}
+{"__symbolic":"module","version":4,"metadata":{"MatSnackBarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":18,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":24,"character":4}],"exports":[{"__symbolic":"reference","name":"MatSnackBarContainer"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":26,"character":34}],"declarations":[{"__symbolic":"reference","name":"MatSnackBarContainer"},{"__symbolic":"reference","name":"SimpleSnackBar"}],"entryComponents":[{"__symbolic":"reference","name":"MatSnackBarContainer"},{"__symbolic":"reference","name":"SimpleSnackBar"}]}]}],"members":{}},"MAT_SNACK_BAR_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":34,"character":8},"arguments":["mat-snack-bar-default-options",{"providedIn":"root","factory":{"__symbolic":"reference","name":"MAT_SNACK_BAR_DEFAULT_OPTIONS_FACTORY"}}]},"MAT_SNACK_BAR_DEFAULT_OPTIONS_FACTORY":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"MatSnackBarConfig"}}},"MatSnackBar":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":47,"character":1},"arguments":[{"providedIn":{"__symbolic":"reference","name":"MatSnackBarModule"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":84,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":84,"character":19}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":85,"character":7},"arguments":[{"__symbolic":"reference","name":"MAT_SNACK_BAR_DEFAULT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":80,"character":24},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"LiveAnnouncer","line":81,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":82,"character":25},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"BreakpointObserver","line":83,"character":35},{"__symbolic":"reference","name":"MatSnackBar"},{"__symbolic":"reference","name":"MatSnackBarConfig"}]}],"openFromComponent":[{"__symbolic":"method"}],"openFromTemplate":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"dismiss":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_attachSnackBarContainer":[{"__symbolic":"method"}],"_attach":[{"__symbolic":"method"}],"_animateSnackBar":[{"__symbolic":"method"}],"_createOverlay":[{"__symbolic":"method"}],"_createInjector":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"_SnackBarContainer":{"__symbolic":"interface"},"MatSnackBarContainer":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"BasePortalOutlet","line":70,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":52,"character":1},"arguments":[{"selector":"snack-bar-container","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":60,"character":19},"member":"Default"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":61,"character":17},"member":"None"},"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matSnackBarAnimations"},"member":"snackBarState"}],"host":{"[attr.role]":"_role","class":"mat-snack-bar-container","[@state]":"_animationState","(@state.done)":"onAnimationEnd($event)","$quoted$":["[attr.role]","class","[@state]","(@state.done)"]},"template":"<ng-template cdkPortalOutlet></ng-template>\n","styles":[".mat-snack-bar-container{border-radius:4px;box-sizing:border-box;display:block;margin:24px;max-width:33vw;min-width:344px;padding:14px 16px;min-height:48px;transform-origin:center}.cdk-high-contrast-active .mat-snack-bar-container{border:solid 1px}.mat-snack-bar-handset{width:100%}.mat-snack-bar-handset .mat-snack-bar-container{margin:8px;max-width:100%;min-width:0;width:100%}\n"]}]}],"members":{"_portalOutlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":76,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/portal","name":"CdkPortalOutlet","line":76,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":91,"character":21},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":92,"character":36,"context":{"typeName":"HTMLElement"},"module":"./snack-bar-container"}]},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":93,"character":32},{"__symbolic":"reference","name":"MatSnackBarConfig"}]}],"attachComponentPortal":[{"__symbolic":"method"}],"attachTemplatePortal":[{"__symbolic":"method"}],"onAnimationEnd":[{"__symbolic":"method"}],"enter":[{"__symbolic":"method"}],"exit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_completeExit":[{"__symbolic":"method"}],"_applySnackBarClasses":[{"__symbolic":"method"}],"_assertNotAttached":[{"__symbolic":"method"}]}},"MAT_SNACK_BAR_DATA":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":13,"character":38},"arguments":["MatSnackBarData"]},"MatSnackBarHorizontalPosition":{"__symbolic":"interface"},"MatSnackBarVerticalPosition":{"__symbolic":"interface"},"MatSnackBarConfig":{"__symbolic":"class","arity":1,"members":{}},"MatSnackBarDismiss":{"__symbolic":"interface"},"MatSnackBarRef":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"_SnackBarContainer"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayRef","line":54,"character":35}]}],"dismiss":[{"__symbolic":"method"}],"dismissWithAction":[{"__symbolic":"method"}],"closeWithAction":[{"__symbolic":"method"}],"_dismissAfter":[{"__symbolic":"method"}],"_open":[{"__symbolic":"method"}],"_finishDismiss":[{"__symbolic":"method"}],"afterDismissed":[{"__symbolic":"method"}],"afterOpened":[{"__symbolic":"method"}],"onAction":[{"__symbolic":"method"}]}},"TextOnlySnackBar":{"__symbolic":"interface"},"SimpleSnackBar":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"simple-snack-bar","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":31,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":32,"character":19},"member":"OnPush"},"host":{"class":"mat-simple-snackbar","$quoted$":["class"]},"template":"<span>{{data.message}}</span>\n<div class=\"mat-simple-snackbar-action\"  *ngIf=\"hasAction\">\n  <button mat-button (click)=\"action()\">{{data.action}}</button>\n</div>\n","styles":[".mat-simple-snackbar{display:flex;justify-content:space-between;align-items:center;line-height:20px;opacity:1}.mat-simple-snackbar-action{flex-shrink:0;margin:-8px -8px -8px 8px}.mat-simple-snackbar-action button{max-height:36px;min-width:0}[dir=rtl] .mat-simple-snackbar-action{margin-left:-8px;margin-right:8px}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":43,"character":5},"arguments":[{"__symbolic":"reference","name":"MAT_SNACK_BAR_DATA"}]}]],"parameters":[{"__symbolic":"reference","name":"MatSnackBarRef"},{"__symbolic":"reference","name":"any"}]}],"action":[{"__symbolic":"method"}]}},"matSnackBarAnimations":{"snackBarState":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":24,"character":17},"arguments":["state",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":25,"character":4},"arguments":["void, hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":25,"character":26},"arguments":[{"transform":"scale(0.8)","opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":29,"character":4},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":29,"character":21},"arguments":[{"transform":"scale(1)","opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":33,"character":4},"arguments":["* => visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":33,"character":31},"arguments":["150ms cubic-bezier(0, 0, 0.2, 1)"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":34,"character":4},"arguments":["* => void, * => hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":34,"character":41},"arguments":["75ms cubic-bezier(0.4, 0.0, 1, 1)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":34,"character":86},"arguments":[{"opacity":0}]}]}]}]]}}},"origins":{"MatSnackBarModule":"./snack-bar-module","MAT_SNACK_BAR_DEFAULT_OPTIONS":"./snack-bar","MAT_SNACK_BAR_DEFAULT_OPTIONS_FACTORY":"./snack-bar","MatSnackBar":"./snack-bar","_SnackBarContainer":"./snack-bar-container","MatSnackBarContainer":"./snack-bar-container","MAT_SNACK_BAR_DATA":"./snack-bar-config","MatSnackBarHorizontalPosition":"./snack-bar-config","MatSnackBarVerticalPosition":"./snack-bar-config","MatSnackBarConfig":"./snack-bar-config","MatSnackBarDismiss":"./snack-bar-ref","MatSnackBarRef":"./snack-bar-ref","TextOnlySnackBar":"./simple-snack-bar","SimpleSnackBar":"./simple-snack-bar","matSnackBarAnimations":"./snack-bar-animations"},"importAs":"@angular/material/snack-bar"}

package/snack-bar/simple-snack-bar.d.ts

@@ -6,11 +6,23 @@
  * found in the LICENSE file at https://angular.io/license
  */
 import { MatSnackBarRef } from './snack-bar-ref';
+/**
+ * Interface for a simple snack bar component that has a message and a single action.
+ */
+export interface TextOnlySnackBar {
+    data: {
+        message: string;
+        action: string;
+    };
+    snackBarRef: MatSnackBarRef<TextOnlySnackBar>;
+    action: () => void;
+    hasAction: boolean;
+}
 /**
  * A component used to open as the default snack bar, matching material spec.
  * This should only be used internally by the snack bar service.
  */
-export declare class SimpleSnackBar {
+export declare class SimpleSnackBar implements TextOnlySnackBar {
     snackBarRef: MatSnackBarRef<SimpleSnackBar>;
     /** Data that was injected into the snack bar. */
     data: {

package/snack-bar/snack-bar-container.d.ts

@@ -10,11 +10,24 @@ import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal, Dom
 import { ChangeDetectorRef, ComponentRef, ElementRef, EmbeddedViewRef, NgZone, OnDestroy } from '@angular/core';
 import { Observable, Subject } from 'rxjs';
 import { MatSnackBarConfig } from './snack-bar-config';
+/**
+ * Internal interface for a snack bar container.
+ * @docs-private
+ */
+export interface _SnackBarContainer {
+    snackBarConfig: MatSnackBarConfig;
+    _onExit: Subject<any>;
+    _onEnter: Subject<any>;
+    enter: () => void;
+    exit: () => Observable<void>;
+    attachTemplatePortal: <C>(portal: TemplatePortal<C>) => EmbeddedViewRef<C>;
+    attachComponentPortal: <T>(portal: ComponentPortal<T>) => ComponentRef<T>;
+}
 /**
  * Internal component that wraps user-provided snack bar content.
  * @docs-private
  */
-export declare class MatSnackBarContainer extends BasePortalOutlet implements OnDestroy {
+export declare class MatSnackBarContainer extends BasePortalOutlet implements OnDestroy, _SnackBarContainer {
     private _ngZone;
     private _elementRef;
     private _changeDetectorRef;
@@ -25,9 +38,9 @@ export declare class MatSnackBarContainer extends BasePortalOutlet implements On
     /** The portal outlet inside of this container into which the snack bar content will be loaded. */
     _portalOutlet: CdkPortalOutlet;
     /** Subject for notifying that the snack bar has exited from view. */
-    readonly _onExit: Subject<any>;
+    readonly _onExit: Subject<void>;
     /** Subject for notifying that the snack bar has finished entering the view. */
-    readonly _onEnter: Subject<any>;
+    readonly _onEnter: Subject<void>;
     /** The state of the snack bar animations. */
     _animationState: string;
     /** ARIA role for the snack bar container. */

package/snack-bar/snack-bar-ref.d.ts

@@ -7,7 +7,7 @@
  */
 import { OverlayRef } from '@angular/cdk/overlay';
 import { Observable } from 'rxjs';
-import { MatSnackBarContainer } from './snack-bar-container';
+import { _SnackBarContainer } from './snack-bar-container';
 /** Event that is emitted when a snack bar is dismissed. */
 export interface MatSnackBarDismiss {
     /** Whether the snack bar was dismissed using the action button. */
@@ -24,7 +24,7 @@ export declare class MatSnackBarRef<T> {
      * The instance of the component making up the content of the snack bar.
      * @docs-private
      */
-    containerInstance: MatSnackBarContainer;
+    containerInstance: _SnackBarContainer;
     /** Subject for notifying the user that the snack bar has been dismissed. */
     private readonly _afterDismissed;
     /** Subject for notifying the user that the snack bar has opened and appeared. */
@@ -38,7 +38,7 @@ export declare class MatSnackBarRef<T> {
     private _durationTimeoutId;
     /** Whether the snack bar was dismissed using the action button. */
     private _dismissedByAction;
-    constructor(containerInstance: MatSnackBarContainer, _overlayRef: OverlayRef);
+    constructor(containerInstance: _SnackBarContainer, _overlayRef: OverlayRef);
     /** Dismisses the snack bar. */
     dismiss(): void;
     /** Marks the snackbar action clicked. */

package/snack-bar/snack-bar.d.ts

@@ -9,9 +9,10 @@ import { LiveAnnouncer } from '@angular/cdk/a11y';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { Overlay } from '@angular/cdk/overlay';
 import { ComponentType } from '@angular/cdk/portal';
-import { EmbeddedViewRef, InjectionToken, Injector, TemplateRef, OnDestroy } from '@angular/core';
-import { SimpleSnackBar } from './simple-snack-bar';
+import { EmbeddedViewRef, InjectionToken, Injector, TemplateRef, OnDestroy, Type } from '@angular/core';
+import { TextOnlySnackBar } from './simple-snack-bar';
 import { MatSnackBarConfig } from './snack-bar-config';
+import { _SnackBarContainer } from './snack-bar-container';
 import { MatSnackBarRef } from './snack-bar-ref';
 /** Injection token that can be used to specify default snack bar. */
 export declare const MAT_SNACK_BAR_DEFAULT_OPTIONS: InjectionToken<MatSnackBarConfig<any>>;
@@ -33,6 +34,12 @@ export declare class MatSnackBar implements OnDestroy {
      * via `_openedSnackBarRef`.
      */
     private _snackBarRefAtThisLevel;
+    /** The component that should be rendered as the snack bar's simple component. */
+    protected simpleSnackBarComponent: Type<TextOnlySnackBar>;
+    /** The container component that attaches the provided template or component. */
+    protected snackBarContainerComponent: Type<_SnackBarContainer>;
+    /** The CSS class to applie for handset mode. */
+    protected handsetCssClass: string;
     /** Reference to the currently opened snackbar at *any* level. */
     get _openedSnackBarRef(): MatSnackBarRef<any> | null;
     set _openedSnackBarRef(value: MatSnackBarRef<any> | null);
@@ -59,7 +66,7 @@ export declare class MatSnackBar implements OnDestroy {
      * @param action The label for the snackbar action.
      * @param config Additional configuration options for the snackbar.
      */
-    open(message: string, action?: string, config?: MatSnackBarConfig): MatSnackBarRef<SimpleSnackBar>;
+    open(message: string, action?: string, config?: MatSnackBarConfig): MatSnackBarRef<TextOnlySnackBar>;
     /**
      * Dismisses the currently-visible snack bar.
      */

package/sort/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"MatSortModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":12}],"exports":[{"__symbolic":"reference","name":"MatSort"},{"__symbolic":"reference","name":"MatSortHeader"}],"declarations":[{"__symbolic":"reference","name":"MatSort"},{"__symbolic":"reference","name":"MatSortHeader"}],"providers":[{"__symbolic":"reference","name":"MAT_SORT_HEADER_INTL_PROVIDER"}]}]}],"members":{}},"SortDirection":{"__symbolic":"interface"},"ArrowViewState":{"__symbolic":"interface"},"ArrowViewStateTransition":{"__symbolic":"interface"},"MatSortHeader":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":97,"character":35,"module":"./sort-header"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":72,"character":1},"arguments":[{"selector":"[mat-sort-header]","exportAs":"matSortHeader","host":{"class":"mat-sort-header","(click)":"_handleClick()","(mouseenter)":"_setIndicatorHintVisible(true)","(mouseleave)":"_setIndicatorHintVisible(false)","[attr.aria-sort]":"_getAriaSortAttribute()","[class.mat-sort-header-disabled]":"_isDisabled()","$quoted$":["class","(click)","(mouseenter)","(mouseleave)","[attr.aria-sort]","[class.mat-sort-header-disabled]"]},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":85,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":86,"character":19},"member":"OnPush"},"inputs":["disabled"],"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matSortAnimations"},"member":"indicator"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matSortAnimations"},"member":"leftPointer"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matSortAnimations"},"member":"rightPointer"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matSortAnimations"},"member":"arrowOpacity"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matSortAnimations"},"member":"arrowPosition"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matSortAnimations"},"member":"allowChildren"}],"template":"<div class=\"mat-sort-header-container\"\n     [class.mat-sort-header-sorted]=\"_isSorted()\"\n     [class.mat-sort-header-position-before]=\"arrowPosition == 'before'\">\n  <button class=\"mat-sort-header-button mat-focus-indicator\" type=\"button\"\n          [attr.disabled]=\"_isDisabled() || null\"\n          [attr.aria-label]=\"_intl.sortButtonLabel(id)\">\n    <ng-content></ng-content>\n  </button>\n\n  <!-- Disable animations while a current animation is running -->\n  <div class=\"mat-sort-header-arrow\"\n       *ngIf=\"_renderArrow()\"\n       [@arrowOpacity]=\"_getArrowViewState()\"\n       [@arrowPosition]=\"_getArrowViewState()\"\n       [@allowChildren]=\"_getArrowDirectionState()\"\n       (@arrowPosition.start)=\"_disableViewStateAnimation = true\"\n       (@arrowPosition.done)=\"_disableViewStateAnimation = false\">\n    <div class=\"mat-sort-header-stem\"></div>\n    <div class=\"mat-sort-header-indicator\" [@indicator]=\"_getArrowDirectionState()\">\n      <div class=\"mat-sort-header-pointer-left\" [@leftPointer]=\"_getArrowDirectionState()\"></div>\n      <div class=\"mat-sort-header-pointer-right\" [@rightPointer]=\"_getArrowDirectionState()\"></div>\n      <div class=\"mat-sort-header-pointer-middle\"></div>\n    </div>\n  </div>\n</div>\n","styles":[".mat-sort-header-container{display:flex;cursor:pointer;align-items:center}.mat-sort-header-disabled .mat-sort-header-container{cursor:default}.mat-sort-header-position-before{flex-direction:row-reverse}.mat-sort-header-button{border:none;background:0 0;display:flex;align-items:center;padding:0;cursor:inherit;outline:0;font:inherit;color:currentColor}[mat-sort-header].cdk-keyboard-focused .mat-sort-header-button,[mat-sort-header].cdk-program-focused .mat-sort-header-button{border-bottom:solid 1px currentColor}.mat-sort-header-button::-moz-focus-inner{border:0}.mat-sort-header-arrow{height:12px;width:12px;min-width:12px;position:relative;display:flex;opacity:0}.mat-sort-header-arrow,[dir=rtl] .mat-sort-header-position-before .mat-sort-header-arrow{margin:0 0 0 6px}.mat-sort-header-position-before .mat-sort-header-arrow,[dir=rtl] .mat-sort-header-arrow{margin:0 6px 0 0}.mat-sort-header-stem{background:currentColor;height:10px;width:2px;margin:auto;display:flex;align-items:center}.cdk-high-contrast-active .mat-sort-header-stem{width:0;border-left:solid 2px}.mat-sort-header-indicator{width:100%;height:2px;display:flex;align-items:center;position:absolute;top:0;left:0}.mat-sort-header-pointer-middle{margin:auto;height:2px;width:2px;background:currentColor;transform:rotate(45deg)}.cdk-high-contrast-active .mat-sort-header-pointer-middle{width:0;height:0;border-top:solid 2px;border-left:solid 2px}.mat-sort-header-pointer-left,.mat-sort-header-pointer-right{background:currentColor;width:6px;height:2px;position:absolute;top:0}.cdk-high-contrast-active .mat-sort-header-pointer-left,.cdk-high-contrast-active .mat-sort-header-pointer-right{width:0;height:0;border-left:solid 6px;border-top:solid 2px}.mat-sort-header-pointer-left{transform-origin:right;left:0}.mat-sort-header-pointer-right{transform-origin:left;right:0}\n"]}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":3},"arguments":["mat-sort-header"]}]}],"arrowPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3}}]}],"start":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":3}}]}],"disableClear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":142,"character":15}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":143,"character":15},"arguments":["MAT_SORT_HEADER_COLUMN_DEF"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":143,"character":53}}],null,null],"parameters":[{"__symbolic":"reference","name":"MatSortHeaderIntl"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":141,"character":33},{"__symbolic":"reference","name":"MatSort"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":145,"character":37},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":146,"character":46,"context":{"typeName":"HTMLElement"},"module":"./sort-header"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_setIndicatorHintVisible":[{"__symbolic":"method"}],"_setAnimationTransitionState":[{"__symbolic":"method"}],"_handleClick":[{"__symbolic":"method"}],"_isSorted":[{"__symbolic":"method"}],"_getArrowDirectionState":[{"__symbolic":"method"}],"_getArrowViewState":[{"__symbolic":"method"}],"_updateArrowDirection":[{"__symbolic":"method"}],"_isDisabled":[{"__symbolic":"method"}],"_getAriaSortAttribute":[{"__symbolic":"method"}],"_renderArrow":[{"__symbolic":"method"}]}},"MatSortHeaderIntl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"ɵprov":{}}},"MAT_SORT_HEADER_INTL_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["parentIntl"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"parentIntl"},"right":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"MatSortHeaderIntl"}}}},"MAT_SORT_HEADER_INTL_PROVIDER":{"provide":{"__symbolic":"reference","name":"MatSortHeaderIntl"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":37,"character":14}},{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":37,"character":30}},{"__symbolic":"reference","name":"MatSortHeaderIntl"}]],"useFactory":{"__symbolic":"reference","name":"MAT_SORT_HEADER_INTL_PROVIDER_FACTORY"}},"MatSortable":{"__symbolic":"interface"},"Sort":{"__symbolic":"interface"},"MatSort":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":69,"character":29,"module":"./sort"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":63,"character":1},"arguments":[{"selector":"[matSort]","exportAs":"matSort","host":{"class":"mat-sort","$quoted$":["class"]},"inputs":["disabled: matSortDisabled"]}]}],"members":{"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3},"arguments":["matSortActive"]}]}],"start":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3},"arguments":["matSortStart"]}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3},"arguments":["matSortDirection"]}]}],"disableClear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3},"arguments":["matSortDisableClear"]}]}],"sortChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":107,"character":3},"arguments":["matSortChange"]}]}],"register":[{"__symbolic":"method"}],"deregister":[{"__symbolic":"method"}],"sort":[{"__symbolic":"method"}],"getNextSortDirection":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"matSortAnimations":{"indicator":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":34,"character":13},"arguments":["indicator",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":35,"character":4},"arguments":["active-asc, asc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":35,"character":29},"arguments":[{"transform":"translateY(0px)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":37,"character":4},"arguments":["active-desc, desc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":31},"arguments":[{"transform":"translateY(10px)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":38,"character":4},"arguments":["active-asc <=> active-desc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":38,"character":45},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":18,"character":34},"member":"ENTERING"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":19,"character":34},"member":"STANDARD_CURVE"}}]}]}]]},"leftPointer":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":42,"character":15},"arguments":["leftPointer",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":43,"character":4},"arguments":["active-asc, asc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":43,"character":29},"arguments":[{"transform":"rotate(-45deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":44,"character":4},"arguments":["active-desc, desc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":44,"character":31},"arguments":[{"transform":"rotate(45deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":45,"character":4},"arguments":["active-asc <=> active-desc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":45,"character":45},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":18,"character":34},"member":"ENTERING"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":19,"character":34},"member":"STANDARD_CURVE"}}]}]}]]},"rightPointer":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":49,"character":16},"arguments":["rightPointer",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":50,"character":4},"arguments":["active-asc, asc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":50,"character":29},"arguments":[{"transform":"rotate(45deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":51,"character":4},"arguments":["active-desc, desc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":51,"character":31},"arguments":[{"transform":"rotate(-45deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":52,"character":4},"arguments":["active-asc <=> active-desc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":52,"character":45},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":18,"character":34},"member":"ENTERING"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":19,"character":34},"member":"STANDARD_CURVE"}}]}]}]]},"arrowOpacity":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":56,"character":16},"arguments":["arrowOpacity",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":57,"character":4},"arguments":["desc-to-active, asc-to-active, active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":57,"character":51},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":58,"character":4},"arguments":["desc-to-hint, asc-to-hint, hint",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":58,"character":45},"arguments":[{"opacity":0.54}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":59,"character":4},"arguments":["hint-to-desc, active-to-desc, desc, hint-to-asc, active-to-asc, asc, void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":60,"character":8},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":62,"character":4},"arguments":["* => asc, * => desc, * => active, * => hint, * => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":62,"character":73},"arguments":["0ms"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":63,"character":4},"arguments":["* <=> *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":63,"character":26},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":18,"character":34},"member":"ENTERING"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":19,"character":34},"member":"STANDARD_CURVE"}}]}]}]]},"arrowPosition":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":73,"character":17},"arguments":["arrowPosition",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":75,"character":4},"arguments":["* => desc-to-hint, * => desc-to-active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":76,"character":8},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":18,"character":34},"member":"ENTERING"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":19,"character":34},"member":"STANDARD_CURVE"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":76,"character":43},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":77,"character":10},"arguments":[{"transform":"translateY(-25%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":78,"character":10},"arguments":[{"transform":"translateY(0)"}]}]]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":81,"character":4},"arguments":["* => hint-to-desc, * => active-to-desc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":82,"character":8},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":18,"character":34},"member":"ENTERING"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":19,"character":34},"member":"STANDARD_CURVE"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":82,"character":43},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":83,"character":10},"arguments":[{"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":84,"character":10},"arguments":[{"transform":"translateY(25%)"}]}]]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":87,"character":4},"arguments":["* => asc-to-hint, * => asc-to-active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":88,"character":8},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":18,"character":34},"member":"ENTERING"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":19,"character":34},"member":"STANDARD_CURVE"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":88,"character":43},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":89,"character":10},"arguments":[{"transform":"translateY(25%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":90,"character":10},"arguments":[{"transform":"translateY(0)"}]}]]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":93,"character":4},"arguments":["* => hint-to-asc, * => active-to-asc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":94,"character":8},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":18,"character":34},"member":"ENTERING"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":19,"character":34},"member":"STANDARD_CURVE"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":94,"character":43},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":95,"character":10},"arguments":[{"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":96,"character":10},"arguments":[{"transform":"translateY(-25%)"}]}]]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":98,"character":4},"arguments":["desc-to-hint, asc-to-hint, hint, desc-to-active, asc-to-active, active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":99,"character":8},"arguments":[{"transform":"translateY(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":100,"character":4},"arguments":["hint-to-desc, active-to-desc, desc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":101,"character":8},"arguments":[{"transform":"translateY(-25%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":102,"character":4},"arguments":["hint-to-asc, active-to-asc, asc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":103,"character":8},"arguments":[{"transform":"translateY(25%)"}]}]}]]},"allowChildren":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":107,"character":17},"arguments":["allowChildren",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":108,"character":4},"arguments":["* <=> *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":109,"character":6},"arguments":["@*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animateChild","line":109,"character":18}},{"optional":true}]}]]}]]}}},"origins":{"MatSortModule":"./sort-module","SortDirection":"./sort-direction","ArrowViewState":"./sort-header","ArrowViewStateTransition":"./sort-header","MatSortHeader":"./sort-header","MatSortHeaderIntl":"./sort-header-intl","MAT_SORT_HEADER_INTL_PROVIDER_FACTORY":"./sort-header-intl","MAT_SORT_HEADER_INTL_PROVIDER":"./sort-header-intl","MatSortable":"./sort","Sort":"./sort","MatSort":"./sort","matSortAnimations":"./sort-animations"},"importAs":"@angular/material/sort"}
+{"__symbolic":"module","version":4,"metadata":{"MatSortModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":12}],"exports":[{"__symbolic":"reference","name":"MatSort"},{"__symbolic":"reference","name":"MatSortHeader"}],"declarations":[{"__symbolic":"reference","name":"MatSort"},{"__symbolic":"reference","name":"MatSortHeader"}],"providers":[{"__symbolic":"reference","name":"MAT_SORT_HEADER_INTL_PROVIDER"}]}]}],"members":{}},"SortDirection":{"__symbolic":"interface"},"ArrowViewState":{"__symbolic":"interface"},"ArrowViewStateTransition":{"__symbolic":"interface"},"MatSortHeader":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":99,"character":35,"module":"./sort-header"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":73,"character":1},"arguments":[{"selector":"[mat-sort-header]","exportAs":"matSortHeader","host":{"class":"mat-sort-header","(click)":"_handleClick()","(keydown)":"_handleKeydown($event)","(mouseenter)":"_setIndicatorHintVisible(true)","(mouseleave)":"_setIndicatorHintVisible(false)","[attr.aria-sort]":"_getAriaSortAttribute()","[class.mat-sort-header-disabled]":"_isDisabled()","$quoted$":["class","(click)","(keydown)","(mouseenter)","(mouseleave)","[attr.aria-sort]","[class.mat-sort-header-disabled]"]},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":87,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":88,"character":19},"member":"OnPush"},"inputs":["disabled"],"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matSortAnimations"},"member":"indicator"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matSortAnimations"},"member":"leftPointer"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matSortAnimations"},"member":"rightPointer"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matSortAnimations"},"member":"arrowOpacity"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matSortAnimations"},"member":"arrowPosition"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matSortAnimations"},"member":"allowChildren"}],"template":"<!--\n  We set the `tabindex` on an element inside the table header, rather than the header itself,\n  because of a bug in NVDA where having a `tabindex` on a `th` breaks keyboard navigation in the\n  table (see https://github.com/nvaccess/nvda/issues/7718). This allows for the header to both\n  be focusable, and have screen readers read out its `aria-sort` state. We prefer this approach\n  over having a button with an `aria-label` inside the header, because the button's `aria-label`\n  will be read out as the user is navigating the table's cell (see #13012).\n\n  The approach is based off of: https://dequeuniversity.com/library/aria/tables/sf-sortable-grid\n-->\n<div class=\"mat-sort-header-container mat-focus-indicator\"\n     [class.mat-sort-header-sorted]=\"_isSorted()\"\n     [class.mat-sort-header-position-before]=\"arrowPosition == 'before'\"\n     [attr.tabindex]=\"_isDisabled() ? null : 0\"\n     role=\"button\">\n\n  <!--\n    TODO(crisbeto): this div isn't strictly necessary, but we have to keep it due to a large\n    number of screenshot diff failures. It should be removed eventually. Note that the difference\n    isn't visible with a shorter header, but once it breaks up into multiple lines, this element\n    causes it to be center-aligned, whereas removing it will keep the text to the left.\n  -->\n  <div class=\"mat-sort-header-content\">\n    <ng-content></ng-content>\n  </div>\n\n  <!-- Disable animations while a current animation is running -->\n  <div class=\"mat-sort-header-arrow\"\n       *ngIf=\"_renderArrow()\"\n       [@arrowOpacity]=\"_getArrowViewState()\"\n       [@arrowPosition]=\"_getArrowViewState()\"\n       [@allowChildren]=\"_getArrowDirectionState()\"\n       (@arrowPosition.start)=\"_disableViewStateAnimation = true\"\n       (@arrowPosition.done)=\"_disableViewStateAnimation = false\">\n    <div class=\"mat-sort-header-stem\"></div>\n    <div class=\"mat-sort-header-indicator\" [@indicator]=\"_getArrowDirectionState()\">\n      <div class=\"mat-sort-header-pointer-left\" [@leftPointer]=\"_getArrowDirectionState()\"></div>\n      <div class=\"mat-sort-header-pointer-right\" [@rightPointer]=\"_getArrowDirectionState()\"></div>\n      <div class=\"mat-sort-header-pointer-middle\"></div>\n    </div>\n  </div>\n</div>\n","styles":[".mat-sort-header-container{display:flex;cursor:pointer;align-items:center;letter-spacing:normal;outline:0}[mat-sort-header].cdk-keyboard-focused .mat-sort-header-container,[mat-sort-header].cdk-program-focused .mat-sort-header-container{border-bottom:solid 1px currentColor}.mat-sort-header-disabled .mat-sort-header-container{cursor:default}.mat-sort-header-content{text-align:center;display:flex;align-items:center}.mat-sort-header-position-before{flex-direction:row-reverse}.mat-sort-header-arrow{height:12px;width:12px;min-width:12px;position:relative;display:flex;opacity:0}.mat-sort-header-arrow,[dir=rtl] .mat-sort-header-position-before .mat-sort-header-arrow{margin:0 0 0 6px}.mat-sort-header-position-before .mat-sort-header-arrow,[dir=rtl] .mat-sort-header-arrow{margin:0 6px 0 0}.mat-sort-header-stem{background:currentColor;height:10px;width:2px;margin:auto;display:flex;align-items:center}.cdk-high-contrast-active .mat-sort-header-stem{width:0;border-left:solid 2px}.mat-sort-header-indicator{width:100%;height:2px;display:flex;align-items:center;position:absolute;top:0;left:0}.mat-sort-header-pointer-middle{margin:auto;height:2px;width:2px;background:currentColor;transform:rotate(45deg)}.cdk-high-contrast-active .mat-sort-header-pointer-middle{width:0;height:0;border-top:solid 2px;border-left:solid 2px}.mat-sort-header-pointer-left,.mat-sort-header-pointer-right{background:currentColor;width:6px;height:2px;position:absolute;top:0}.cdk-high-contrast-active .mat-sort-header-pointer-left,.cdk-high-contrast-active .mat-sort-header-pointer-right{width:0;height:0;border-left:solid 6px;border-top:solid 2px}.mat-sort-header-pointer-left{transform-origin:right;left:0}.mat-sort-header-pointer-right{transform-origin:left;right:0}\n"]}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3},"arguments":["mat-sort-header"]}]}],"arrowPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":3}}]}],"start":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":3}}]}],"disableClear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":137,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":144,"character":15}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":145,"character":15},"arguments":["MAT_SORT_HEADER_COLUMN_DEF"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":145,"character":53}}],null,null],"parameters":[{"__symbolic":"reference","name":"MatSortHeaderIntl"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":143,"character":33},{"__symbolic":"reference","name":"MatSort"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":147,"character":37},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":148,"character":46,"context":{"typeName":"HTMLElement"},"module":"./sort-header"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_setIndicatorHintVisible":[{"__symbolic":"method"}],"_setAnimationTransitionState":[{"__symbolic":"method"}],"_toggleOnInteraction":[{"__symbolic":"method"}],"_handleClick":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_isSorted":[{"__symbolic":"method"}],"_getArrowDirectionState":[{"__symbolic":"method"}],"_getArrowViewState":[{"__symbolic":"method"}],"_updateArrowDirection":[{"__symbolic":"method"}],"_isDisabled":[{"__symbolic":"method"}],"_getAriaSortAttribute":[{"__symbolic":"method"}],"_renderArrow":[{"__symbolic":"method"}]}},"MatSortHeaderIntl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"ɵprov":{}}},"MAT_SORT_HEADER_INTL_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["parentIntl"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"parentIntl"},"right":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"MatSortHeaderIntl"}}}},"MAT_SORT_HEADER_INTL_PROVIDER":{"provide":{"__symbolic":"reference","name":"MatSortHeaderIntl"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":41,"character":14}},{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":41,"character":30}},{"__symbolic":"reference","name":"MatSortHeaderIntl"}]],"useFactory":{"__symbolic":"reference","name":"MAT_SORT_HEADER_INTL_PROVIDER_FACTORY"}},"MatSortable":{"__symbolic":"interface"},"Sort":{"__symbolic":"interface"},"MatSort":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":69,"character":29,"module":"./sort"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":63,"character":1},"arguments":[{"selector":"[matSort]","exportAs":"matSort","host":{"class":"mat-sort","$quoted$":["class"]},"inputs":["disabled: matSortDisabled"]}]}],"members":{"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3},"arguments":["matSortActive"]}]}],"start":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3},"arguments":["matSortStart"]}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3},"arguments":["matSortDirection"]}]}],"disableClear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3},"arguments":["matSortDisableClear"]}]}],"sortChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":107,"character":3},"arguments":["matSortChange"]}]}],"register":[{"__symbolic":"method"}],"deregister":[{"__symbolic":"method"}],"sort":[{"__symbolic":"method"}],"getNextSortDirection":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"matSortAnimations":{"indicator":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":34,"character":13},"arguments":["indicator",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":35,"character":4},"arguments":["active-asc, asc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":35,"character":29},"arguments":[{"transform":"translateY(0px)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":37,"character":4},"arguments":["active-desc, desc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":31},"arguments":[{"transform":"translateY(10px)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":38,"character":4},"arguments":["active-asc <=> active-desc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":38,"character":45},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":18,"character":34},"member":"ENTERING"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":19,"character":34},"member":"STANDARD_CURVE"}}]}]}]]},"leftPointer":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":42,"character":15},"arguments":["leftPointer",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":43,"character":4},"arguments":["active-asc, asc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":43,"character":29},"arguments":[{"transform":"rotate(-45deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":44,"character":4},"arguments":["active-desc, desc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":44,"character":31},"arguments":[{"transform":"rotate(45deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":45,"character":4},"arguments":["active-asc <=> active-desc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":45,"character":45},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":18,"character":34},"member":"ENTERING"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":19,"character":34},"member":"STANDARD_CURVE"}}]}]}]]},"rightPointer":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":49,"character":16},"arguments":["rightPointer",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":50,"character":4},"arguments":["active-asc, asc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":50,"character":29},"arguments":[{"transform":"rotate(45deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":51,"character":4},"arguments":["active-desc, desc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":51,"character":31},"arguments":[{"transform":"rotate(-45deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":52,"character":4},"arguments":["active-asc <=> active-desc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":52,"character":45},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":18,"character":34},"member":"ENTERING"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":19,"character":34},"member":"STANDARD_CURVE"}}]}]}]]},"arrowOpacity":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":56,"character":16},"arguments":["arrowOpacity",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":57,"character":4},"arguments":["desc-to-active, asc-to-active, active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":57,"character":51},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":58,"character":4},"arguments":["desc-to-hint, asc-to-hint, hint",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":58,"character":45},"arguments":[{"opacity":0.54}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":59,"character":4},"arguments":["hint-to-desc, active-to-desc, desc, hint-to-asc, active-to-asc, asc, void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":60,"character":8},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":62,"character":4},"arguments":["* => asc, * => desc, * => active, * => hint, * => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":62,"character":73},"arguments":["0ms"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":63,"character":4},"arguments":["* <=> *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":63,"character":26},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":18,"character":34},"member":"ENTERING"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":19,"character":34},"member":"STANDARD_CURVE"}}]}]}]]},"arrowPosition":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":73,"character":17},"arguments":["arrowPosition",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":75,"character":4},"arguments":["* => desc-to-hint, * => desc-to-active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":76,"character":8},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":18,"character":34},"member":"ENTERING"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":19,"character":34},"member":"STANDARD_CURVE"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":76,"character":43},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":77,"character":10},"arguments":[{"transform":"translateY(-25%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":78,"character":10},"arguments":[{"transform":"translateY(0)"}]}]]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":81,"character":4},"arguments":["* => hint-to-desc, * => active-to-desc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":82,"character":8},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":18,"character":34},"member":"ENTERING"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":19,"character":34},"member":"STANDARD_CURVE"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":82,"character":43},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":83,"character":10},"arguments":[{"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":84,"character":10},"arguments":[{"transform":"translateY(25%)"}]}]]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":87,"character":4},"arguments":["* => asc-to-hint, * => asc-to-active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":88,"character":8},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":18,"character":34},"member":"ENTERING"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":19,"character":34},"member":"STANDARD_CURVE"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":88,"character":43},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":89,"character":10},"arguments":[{"transform":"translateY(25%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":90,"character":10},"arguments":[{"transform":"translateY(0)"}]}]]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":93,"character":4},"arguments":["* => hint-to-asc, * => active-to-asc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":94,"character":8},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":18,"character":34},"member":"ENTERING"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":19,"character":34},"member":"STANDARD_CURVE"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":94,"character":43},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":95,"character":10},"arguments":[{"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":96,"character":10},"arguments":[{"transform":"translateY(-25%)"}]}]]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":98,"character":4},"arguments":["desc-to-hint, asc-to-hint, hint, desc-to-active, asc-to-active, active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":99,"character":8},"arguments":[{"transform":"translateY(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":100,"character":4},"arguments":["hint-to-desc, active-to-desc, desc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":101,"character":8},"arguments":[{"transform":"translateY(-25%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":102,"character":4},"arguments":["hint-to-asc, active-to-asc, asc",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":103,"character":8},"arguments":[{"transform":"translateY(25%)"}]}]}]]},"allowChildren":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":107,"character":17},"arguments":["allowChildren",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":108,"character":4},"arguments":["* <=> *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":109,"character":6},"arguments":["@*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animateChild","line":109,"character":18}},{"optional":true}]}]]}]]}}},"origins":{"MatSortModule":"./sort-module","SortDirection":"./sort-direction","ArrowViewState":"./sort-header","ArrowViewStateTransition":"./sort-header","MatSortHeader":"./sort-header","MatSortHeaderIntl":"./sort-header-intl","MAT_SORT_HEADER_INTL_PROVIDER_FACTORY":"./sort-header-intl","MAT_SORT_HEADER_INTL_PROVIDER":"./sort-header-intl","MatSortable":"./sort","Sort":"./sort","MatSort":"./sort","matSortAnimations":"./sort-animations"},"importAs":"@angular/material/sort"}

package/sort/sort-header-intl.d.ts

@@ -17,7 +17,11 @@ export declare class MatSortHeaderIntl {
      * components if the labels have changed after initialization.
      */
     readonly changes: Subject<void>;
-    /** ARIA label for the sorting button. */
+    /**
+     * ARIA label for the sorting button.
+     * @deprecated Not used anymore. To be removed.
+     * @breaking-change 8.0.0
+     */
     sortButtonLabel: (id: string) => string;
 }
 /** @docs-private */

package/sort/sort-header.d.ts

@@ -100,7 +100,9 @@ export declare class MatSortHeader extends _MatSortHeaderMixinBase implements Ca
      */
     _setAnimationTransitionState(viewState: ArrowViewStateTransition): void;
     /** Triggers the sort on this sort header and removes the indicator hint. */
+    _toggleOnInteraction(): void;
     _handleClick(): void;
+    _handleKeydown(event: KeyboardEvent): void;
     /** Whether this MatSortHeader is currently sorted in either ascending or descending order. */
     _isSorted(): boolean;
     /** Returns the animation state for the arrow direction (indicator and pointers). */
@@ -125,7 +127,7 @@ export declare class MatSortHeader extends _MatSortHeaderMixinBase implements Ca
      * says that the aria-sort property should only be present on one header at a time, so removing
      * ensures this is true.
      */
-    _getAriaSortAttribute(): "ascending" | "descending" | null;
+    _getAriaSortAttribute(): "none" | "ascending" | "descending";
     /** Whether the arrow inside the sort header should be rendered. */
     _renderArrow(): boolean;
     static ngAcceptInputType_disableClear: BooleanInput;

package/sort/testing/sort-header-harness.d.ts

@@ -11,7 +11,7 @@ import { SortHeaderHarnessFilters } from './sort-harness-filters';
 /** Harness for interacting with a standard Angular Material sort header in tests. */
 export declare class MatSortHeaderHarness extends ComponentHarness {
     static hostSelector: string;
-    private _button;
+    private _container;
     /**
      * Gets a `HarnessPredicate` that can be used to
      * search for a sort header with specific attributes.
@@ -21,7 +21,11 @@ export declare class MatSortHeaderHarness extends ComponentHarness {
     getLabel(): Promise<string>;
     /** Gets the sorting direction of the header. */
     getSortDirection(): Promise<SortDirection>;
-    /** Gets the aria-label of the sort header. */
+    /**
+     * Gets the aria-label of the sort header.
+     * @deprecated The sort header no longer has an `aria-label`. This method will be removed.
+     * @breaking-change 11.0.0
+     */
     getAriaLabel(): Promise<string | null>;
     /** Gets whether the sort header is currently being sorted by. */
     isActive(): Promise<boolean>;