@angular/material 12.2.7 → 12.2.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/bundles/material-bottom-sheet.umd.js.map +1 -1
  2. package/bundles/material-core.umd.js +2 -2
  3. package/bundles/material-core.umd.js.map +1 -1
  4. package/bundles/material-datepicker.umd.js +2 -2
  5. package/bundles/material-datepicker.umd.js.map +1 -1
  6. package/bundles/material-dialog.umd.js.map +1 -1
  7. package/bundles/material-expansion.umd.js +1 -1
  8. package/bundles/material-input.umd.js +6 -0
  9. package/bundles/material-input.umd.js.map +1 -1
  10. package/bundles/material-snack-bar.umd.js.map +1 -1
  11. package/bundles/material-sort.umd.js +46 -8
  12. package/bundles/material-sort.umd.js.map +1 -1
  13. package/bundles/material-stepper.umd.js +7 -3
  14. package/bundles/material-stepper.umd.js.map +1 -1
  15. package/bundles/material-tooltip.umd.js.map +1 -1
  16. package/core/index.metadata.json +1 -1
  17. package/core/typography/_typography.scss +7 -2
  18. package/datepicker/_datepicker-theme.scss +1 -1
  19. package/datepicker/index.metadata.json +1 -1
  20. package/esm2015/bottom-sheet/bottom-sheet-ref.js +1 -1
  21. package/esm2015/core/common-behaviors/common-module.js +1 -1
  22. package/esm2015/core/version.js +1 -1
  23. package/esm2015/datepicker/calendar.js +3 -3
  24. package/esm2015/dialog/dialog-ref.js +1 -1
  25. package/esm2015/expansion/expansion-panel-header.js +1 -1
  26. package/esm2015/input/input.js +7 -1
  27. package/esm2015/snack-bar/snack-bar-container.js +1 -1
  28. package/esm2015/snack-bar/snack-bar-ref.js +1 -1
  29. package/esm2015/sort/sort-header-intl.js +1 -3
  30. package/esm2015/sort/sort-header.js +42 -6
  31. package/esm2015/stepper/step-header.js +3 -3
  32. package/esm2015/stepper/stepper-intl.js +5 -1
  33. package/esm2015/stepper/stepper.js +1 -1
  34. package/esm2015/tooltip/tooltip.js +1 -1
  35. package/expansion/index.metadata.json +1 -1
  36. package/fesm2015/bottom-sheet.js.map +1 -1
  37. package/fesm2015/core.js +2 -2
  38. package/fesm2015/core.js.map +1 -1
  39. package/fesm2015/datepicker.js +2 -2
  40. package/fesm2015/datepicker.js.map +1 -1
  41. package/fesm2015/dialog.js.map +1 -1
  42. package/fesm2015/expansion.js +1 -1
  43. package/fesm2015/input.js +6 -0
  44. package/fesm2015/input.js.map +1 -1
  45. package/fesm2015/snack-bar.js.map +1 -1
  46. package/fesm2015/sort.js +40 -6
  47. package/fesm2015/sort.js.map +1 -1
  48. package/fesm2015/stepper.js +7 -3
  49. package/fesm2015/stepper.js.map +1 -1
  50. package/fesm2015/tooltip.js.map +1 -1
  51. package/input/_input-theme.scss +8 -6
  52. package/input/index.metadata.json +1 -1
  53. package/input/input.d.ts +2 -0
  54. package/package.json +2 -2
  55. package/prebuilt-themes/deeppurple-amber.css +1 -1
  56. package/prebuilt-themes/indigo-pink.css +1 -1
  57. package/prebuilt-themes/pink-bluegrey.css +1 -1
  58. package/prebuilt-themes/purple-green.css +1 -1
  59. package/schematics/ng-add/index.js +1 -1
  60. package/schematics/ng-add/index.mjs +1 -1
  61. package/sort/index.metadata.json +1 -1
  62. package/sort/sort-header-intl.d.ts +0 -2
  63. package/sort/sort-header.d.ts +20 -3
  64. package/stepper/index.metadata.json +1 -1
  65. package/stepper/stepper-intl.d.ts +4 -0
  66. package/tabs/_tabs-theme.scss +6 -2
  67. package/tooltip/tooltip.d.ts +2 -2
@@ -1 +1 @@
1
- {"__symbolic":"module","version":4,"metadata":{"MatSortModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":12},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":17,"character":26}],"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":71,"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":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":"<!--\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":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":149,"character":15}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":150,"character":15},"arguments":["MAT_SORT_HEADER_COLUMN_DEF"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":150,"character":53}}],null,null],"parameters":[{"__symbolic":"reference","name":"MatSortHeaderIntl"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":146,"character":42},{"__symbolic":"reference","name":"MatSort"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":152,"character":37},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":153,"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"}],"_handleStateChanges":[{"__symbolic":"method"}]}},"MatSortHeaderIntl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":17,"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":35,"character":14}},{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":35,"character":30}},{"__symbolic":"reference","name":"MatSortHeaderIntl"}]],"useFactory":{"__symbolic":"reference","name":"MAT_SORT_HEADER_INTL_PROVIDER_FACTORY"}},"MatSortable":{"__symbolic":"interface"},"Sort":{"__symbolic":"interface"},"MatSortDefaultOptions":{"__symbolic":"interface"},"MAT_SORT_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":64,"character":8},"arguments":["MAT_SORT_DEFAULT_OPTIONS"]},"MatSort":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":78,"character":29,"module":"./sort"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":72,"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":87,"character":3},"arguments":["matSortActive"]}]}],"start":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3},"arguments":["matSortStart"]}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3},"arguments":["matSortDirection"]}]}],"disableClear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3},"arguments":["matSortDisableClear"]}]}],"sortChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":117,"character":3},"arguments":["matSortChange"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":119,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":119,"character":27},"arguments":[{"__symbolic":"reference","name":"MAT_SORT_DEFAULT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}],"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","MatSortDefaultOptions":"./sort","MAT_SORT_DEFAULT_OPTIONS":"./sort","MatSort":"./sort","matSortAnimations":"./sort-animations"},"importAs":"@angular/material/sort"}
1
+ {"__symbolic":"module","version":4,"metadata":{"MatSortModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":12},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":17,"character":26}],"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":71,"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":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":"<!--\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":132,"character":3},"arguments":["mat-sort-header"]}]}],"arrowPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":3}}]}],"start":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":3}}]}],"sortActionDescription":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":3}}]}],"disableClear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":157,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":171,"character":15}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":172,"character":15},"arguments":["MAT_SORT_HEADER_COLUMN_DEF"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":172,"character":53}}],null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":177,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"AriaDescriber","line":177,"character":22}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":177,"character":38}}]],"parameters":[{"__symbolic":"reference","name":"MatSortHeaderIntl"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":168,"character":42},{"__symbolic":"reference","name":"MatSort"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":174,"character":37},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":175,"character":46,"context":{"typeName":"HTMLElement"},"module":"./sort-header"}]},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"AriaDescriber","line":177,"character":74}]}],"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"}],"_updateSortActionDescription":[{"__symbolic":"method"}],"_handleStateChanges":[{"__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":33,"character":14}},{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":33,"character":30}},{"__symbolic":"reference","name":"MatSortHeaderIntl"}]],"useFactory":{"__symbolic":"reference","name":"MAT_SORT_HEADER_INTL_PROVIDER_FACTORY"}},"MatSortable":{"__symbolic":"interface"},"Sort":{"__symbolic":"interface"},"MatSortDefaultOptions":{"__symbolic":"interface"},"MAT_SORT_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":64,"character":8},"arguments":["MAT_SORT_DEFAULT_OPTIONS"]},"MatSort":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":78,"character":29,"module":"./sort"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":72,"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":87,"character":3},"arguments":["matSortActive"]}]}],"start":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3},"arguments":["matSortStart"]}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3},"arguments":["matSortDirection"]}]}],"disableClear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3},"arguments":["matSortDisableClear"]}]}],"sortChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":117,"character":3},"arguments":["matSortChange"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":119,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":119,"character":27},"arguments":[{"__symbolic":"reference","name":"MAT_SORT_DEFAULT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}],"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","MatSortDefaultOptions":"./sort","MAT_SORT_DEFAULT_OPTIONS":"./sort","MatSort":"./sort","matSortAnimations":"./sort-animations"},"importAs":"@angular/material/sort"}
@@ -10,8 +10,6 @@ import { Subject } from 'rxjs';
10
10
  /**
11
11
  * To modify the labels and text displayed, create a new instance of MatSortHeaderIntl and
12
12
  * include it in a custom provider.
13
- * @deprecated No longer being used. To be removed.
14
- * @breaking-change 13.0.0
15
13
  */
16
14
  export declare class MatSortHeaderIntl {
17
15
  /**
@@ -5,10 +5,10 @@
5
5
  * Use of this source code is governed by an MIT-style license that can be
6
6
  * found in the LICENSE file at https://angular.io/license
7
7
  */
8
+ import { AriaDescriber, FocusMonitor } from '@angular/cdk/a11y';
8
9
  import { BooleanInput } from '@angular/cdk/coercion';
9
- import { ChangeDetectorRef, OnDestroy, OnInit, ElementRef, AfterViewInit } from '@angular/core';
10
+ import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
10
11
  import { CanDisable } from '@angular/material/core';
11
- import { FocusMonitor } from '@angular/cdk/a11y';
12
12
  import { MatSort, MatSortable } from './sort';
13
13
  import { SortDirection } from './sort-direction';
14
14
  import { MatSortHeaderIntl } from './sort-header-intl';
@@ -58,7 +58,14 @@ export declare class MatSortHeader extends _MatSortHeaderBase implements CanDisa
58
58
  _columnDef: MatSortHeaderColumnDef;
59
59
  private _focusMonitor;
60
60
  private _elementRef;
61
+ /** @breaking-change 14.0.0 _ariaDescriber will be required. */
62
+ private _ariaDescriber?;
61
63
  private _rerenderSubscription;
64
+ /**
65
+ * The element with role="button" inside this component's view. We need this
66
+ * in order to apply a description with AriaDescriber.
67
+ */
68
+ private _sortButton;
62
69
  /**
63
70
  * Flag set to true when the indicator should be displayed while the sort is not active. Used to
64
71
  * provide an affordance that the header is sortable by showing on focus and hover.
@@ -85,6 +92,13 @@ export declare class MatSortHeader extends _MatSortHeaderBase implements CanDisa
85
92
  arrowPosition: 'before' | 'after';
86
93
  /** Overrides the sort start value of the containing MatSort for this MatSortable. */
87
94
  start: 'asc' | 'desc';
95
+ /**
96
+ * Description applied to MatSortHeader's button element with aria-describedby. This text should
97
+ * describe the action that will occur when the user clicks the sort header.
98
+ */
99
+ get sortActionDescription(): string;
100
+ set sortActionDescription(value: string);
101
+ private _sortActionDescription;
88
102
  /** Overrides the disable clear value of the containing MatSort for this MatSortable. */
89
103
  get disableClear(): boolean;
90
104
  set disableClear(v: boolean);
@@ -94,7 +108,9 @@ export declare class MatSortHeader extends _MatSortHeaderBase implements CanDisa
94
108
  * @deprecated `_intl` parameter isn't being used anymore and it'll be removed.
95
109
  * @breaking-change 13.0.0
96
110
  */
97
- _intl: MatSortHeaderIntl, _changeDetectorRef: ChangeDetectorRef, _sort: MatSort, _columnDef: MatSortHeaderColumnDef, _focusMonitor: FocusMonitor, _elementRef: ElementRef<HTMLElement>);
111
+ _intl: MatSortHeaderIntl, _changeDetectorRef: ChangeDetectorRef, _sort: MatSort, _columnDef: MatSortHeaderColumnDef, _focusMonitor: FocusMonitor, _elementRef: ElementRef<HTMLElement>,
112
+ /** @breaking-change 14.0.0 _ariaDescriber will be required. */
113
+ _ariaDescriber?: AriaDescriber | null | undefined);
98
114
  ngOnInit(): void;
99
115
  ngAfterViewInit(): void;
100
116
  ngOnDestroy(): void;
@@ -140,6 +156,7 @@ export declare class MatSortHeader extends _MatSortHeaderBase implements CanDisa
140
156
  _getAriaSortAttribute(): "none" | "ascending" | "descending";
141
157
  /** Whether the arrow inside the sort header should be rendered. */
142
158
  _renderArrow(): boolean;
159
+ private _updateSortActionDescription;
143
160
  /** Handles changes in the sorting state. */
144
161
  private _handleStateChanges;
145
162
  static ngAcceptInputType_disableClear: BooleanInput;
@@ -1 +1 @@
1
- {"__symbolic":"module","version":4,"exports":[{"export":[{"name":"StepperOrientation","as":"StepperOrientation"},{"name":"StepState","as":"StepState"}],"from":"@angular/cdk/stepper"}],"metadata":{"MatStepperModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":24,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":29,"character":4},{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStepperModule","line":30,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":31,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":32,"character":4}],"exports":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":35,"character":4},{"__symbolic":"reference","name":"MatStep"},{"__symbolic":"reference","name":"MatStepLabel"},{"__symbolic":"reference","name":"MatStepper"},{"__symbolic":"reference","name":"MatStepperNext"},{"__symbolic":"reference","name":"MatStepperPrevious"},{"__symbolic":"reference","name":"MatStepHeader"},{"__symbolic":"reference","name":"MatStepperIcon"},{"__symbolic":"reference","name":"MatStepContent"}],"declarations":[{"__symbolic":"reference","name":"MatHorizontalStepper"},{"__symbolic":"reference","name":"MatVerticalStepper"},{"__symbolic":"reference","name":"MatStep"},{"__symbolic":"reference","name":"MatStepLabel"},{"__symbolic":"reference","name":"MatStepper"},{"__symbolic":"reference","name":"MatStepperNext"},{"__symbolic":"reference","name":"MatStepperPrevious"},{"__symbolic":"reference","name":"MatStepHeader"},{"__symbolic":"reference","name":"MatStepperIcon"},{"__symbolic":"reference","name":"MatStepContent"}],"providers":[{"__symbolic":"reference","name":"MAT_STEPPER_INTL_PROVIDER"},{"__symbolic":"reference","module":"@angular/material/core","name":"ErrorStateMatcher","line":57,"character":41}]}]}],"members":{}},"MatStepLabel":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStepLabel","line":14,"character":34},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"[matStepLabel]"}]}],"members":{}},"MatStep":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStep","line":64,"character":29},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":53,"character":1},"arguments":[{"selector":"mat-step","providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"ErrorStateMatcher","line":57,"character":14},"useExisting":{"__symbolic":"reference","name":"MatStep"}},{"provide":{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStep","line":58,"character":14},"useExisting":{"__symbolic":"reference","name":"MatStep"}}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":60,"character":17},"member":"None"},"exportAs":"matStep","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":62,"character":19},"member":"OnPush"},"template":"<ng-template>\n <ng-content></ng-content>\n <ng-template [cdkPortalOutlet]=\"_portal\"></ng-template>\n</ng-template>\n"}]}],"members":{"stepLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":68,"character":3},"arguments":[{"__symbolic":"reference","name":"MatStepLabel"}]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"_lazyContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":74,"character":3},"arguments":[{"__symbolic":"reference","name":"MatStepContent"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":79,"character":15},"arguments":[{"__symbolic":"reference","name":"MatStepper"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":80,"character":15}}],null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":82,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":82,"character":27},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"STEPPER_GLOBAL_OPTIONS","line":82,"character":34}]}]],"parameters":[{"__symbolic":"reference","name":"MatStepper"},{"__symbolic":"reference","module":"@angular/material/core","name":"ErrorStateMatcher","line":80,"character":54},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":81,"character":41},{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"StepperOptions","line":82,"character":75}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"isErrorState":[{"__symbolic":"method"}]}},"MatHorizontalStepper":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Reference to non-exported class","line":123,"character":0,"context":{"className":"_MatProxyStepperBase"},"module":"./stepper"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":136,"character":1},"arguments":[{"selector":"mat-horizontal-stepper"}]}],"members":{}},"MatVerticalStepper":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Reference to non-exported class","line":123,"character":0,"context":{"className":"_MatProxyStepperBase"},"module":"./stepper"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":143,"character":1},"arguments":[{"selector":"mat-vertical-stepper"}]}],"members":{}},"MatStepper":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStepper","line":175,"character":32},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":147,"character":1},"arguments":[{"selector":"mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]","exportAs":"matStepper, matVerticalStepper, matHorizontalStepper","inputs":["selectedIndex"],"host":{"[class.mat-stepper-horizontal]":"orientation === \"horizontal\"","[class.mat-stepper-vertical]":"orientation === \"vertical\"","[class.mat-stepper-label-position-end]":"orientation === \"horizontal\" && labelPosition == \"end\"","[class.mat-stepper-label-position-bottom]":"orientation === \"horizontal\" && labelPosition == \"bottom\"","[attr.aria-orientation]":"orientation","role":"tablist","$quoted$":["[class.mat-stepper-horizontal]","[class.mat-stepper-vertical]","[class.mat-stepper-label-position-end]","[class.mat-stepper-label-position-bottom]","[attr.aria-orientation]","role"]},"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matStepperAnimations"},"member":"horizontalStepTransition"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matStepperAnimations"},"member":"verticalStepTransition"}],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStepper","line":168,"character":14},"useExisting":{"__symbolic":"reference","name":"MatStepper"}},{"provide":{"__symbolic":"reference","name":"MatHorizontalStepper"},"useExisting":{"__symbolic":"reference","name":"MatStepper"}},{"provide":{"__symbolic":"reference","name":"MatVerticalStepper"},"useExisting":{"__symbolic":"reference","name":"MatStepper"}}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":172,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":173,"character":19},"member":"OnPush"},"template":"<ng-container [ngSwitch]=\"orientation\">\n <!-- Horizontal stepper -->\n <ng-container *ngSwitchCase=\"'horizontal'\">\n <div class=\"mat-horizontal-stepper-header-container\">\n <ng-container *ngFor=\"let step of steps; let i = index; let isLast = last\">\n <ng-container\n [ngTemplateOutlet]=\"stepTemplate\"\n [ngTemplateOutletContext]=\"{step: step, i: i}\"></ng-container>\n <div *ngIf=\"!isLast\" class=\"mat-stepper-horizontal-line\"></div>\n </ng-container>\n </div>\n\n <div class=\"mat-horizontal-content-container\">\n <div *ngFor=\"let step of steps; let i = index\"\n class=\"mat-horizontal-stepper-content\" role=\"tabpanel\"\n [@horizontalStepTransition]=\"_getAnimationDirection(i)\"\n (@horizontalStepTransition.done)=\"_animationDone.next($event)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n </div>\n </ng-container>\n\n <!-- Vertical stepper -->\n <ng-container *ngSwitchCase=\"'vertical'\">\n <div class=\"mat-step\" *ngFor=\"let step of steps; let i = index; let isLast = last\">\n <ng-container\n [ngTemplateOutlet]=\"stepTemplate\"\n [ngTemplateOutletContext]=\"{step: step, i: i}\"></ng-container>\n <div class=\"mat-vertical-content-container\" [class.mat-stepper-vertical-line]=\"!isLast\">\n <div class=\"mat-vertical-stepper-content\" role=\"tabpanel\"\n [@verticalStepTransition]=\"_getAnimationDirection(i)\"\n (@verticalStepTransition.done)=\"_animationDone.next($event)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\">\n <div class=\"mat-vertical-content\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n </div>\n </div>\n </div>\n </ng-container>\n\n</ng-container>\n\n<!-- Common step templating -->\n<ng-template let-step=\"step\" let-i=\"i\" #stepTemplate>\n <mat-step-header\n [class.mat-horizontal-stepper-header]=\"orientation === 'horizontal'\"\n [class.mat-vertical-stepper-header]=\"orientation === 'vertical'\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-posinset]=\"i + 1\"\n [attr.aria-setsize]=\"steps.length\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex == i\"\n [attr.aria-label]=\"step.ariaLabel || null\"\n [attr.aria-labelledby]=\"(!step.ariaLabel && step.ariaLabelledby) ? step.ariaLabelledby : null\"\n [attr.aria-disabled]=\"_stepIsNavigable(i, step) ? null : true\"\n [index]=\"i\"\n [state]=\"_getIndicatorType(i, step.state)\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"_stepIsNavigable(i, step)\"\n [optional]=\"step.optional\"\n [errorMessage]=\"step.errorMessage\"\n [iconOverrides]=\"_iconOverrides\"\n [disableRipple]=\"disableRipple || !_stepIsNavigable(i, step)\"\n [color]=\"step.color || color\"></mat-step-header>\n</ng-template>\n","styles":[".mat-stepper-vertical,.mat-stepper-horizontal{display:block}.mat-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header-container{align-items:flex-start}.mat-stepper-horizontal-line{border-top-width:1px;border-top-style:solid;flex:auto;height:0;margin:0 -16px;min-width:32px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{margin:0;min-width:0;position:relative}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px)}.mat-horizontal-stepper-header{display:flex;height:72px;overflow:hidden;align-items:center;padding:0 24px}.mat-horizontal-stepper-header .mat-step-icon{margin-right:8px;flex:none}[dir=rtl] .mat-horizontal-stepper-header .mat-step-icon{margin-right:0;margin-left:8px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header{box-sizing:border-box;flex-direction:column;height:auto}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after{right:0}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before{left:0}[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:last-child::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:first-child::after{display:none}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-icon{margin-right:0;margin-left:0}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-label{padding:16px 0 0 0;text-align:center;width:100%}.mat-vertical-stepper-header{display:flex;align-items:center;height:24px}.mat-vertical-stepper-header .mat-step-icon{margin-right:12px}[dir=rtl] .mat-vertical-stepper-header .mat-step-icon{margin-right:0;margin-left:12px}.mat-horizontal-stepper-content{outline:0}.mat-horizontal-stepper-content[aria-expanded=false]{height:0;overflow:hidden}.mat-horizontal-content-container{overflow:hidden;padding:0 24px 24px 24px}.mat-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] .mat-vertical-content-container{margin-left:0;margin-right:36px}.mat-stepper-vertical-line::before{content:\"\";position:absolute;left:0;border-left-width:1px;border-left-style:solid}[dir=rtl] .mat-stepper-vertical-line::before{left:auto;right:0}.mat-vertical-stepper-content{overflow:hidden;outline:0}.mat-vertical-content{padding:0 24px 24px 24px}.mat-step:last-child .mat-vertical-content-container{border:none}\n"]}]}],"members":{"_stepHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":177,"character":3},"arguments":[{"__symbolic":"reference","name":"MatStepHeader"}]}]}],"_steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":180,"character":3},"arguments":[{"__symbolic":"reference","name":"MatStep"},{"descendants":true}]}]}],"_icons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":186,"character":3},"arguments":[{"__symbolic":"reference","name":"MatStepperIcon"},{"descendants":true}]}]}],"animationDone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":189,"character":3}}]}],"disableRipple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":192,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":195,"character":3}}]}],"labelPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":201,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":211,"character":5}}],null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":214,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":214,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":211,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":212,"character":23},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":213,"character":27,"context":{"typeName":"HTMLElement"},"module":"./stepper"}]},{"__symbolic":"reference","name":"any"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"_stepIsNavigable":[{"__symbolic":"method"}]}},"MatStepperNext":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStepperNext","line":20,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"button[matStepperNext]","host":{"class":"mat-stepper-next","[type]":"type","$quoted$":["class","[type]"]},"inputs":["type"]}]}],"members":{}},"MatStepperPrevious":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStepperPrevious","line":32,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":24,"character":1},"arguments":[{"selector":"button[matStepperPrevious]","host":{"class":"mat-stepper-previous","[type]":"type","$quoted$":["class","[type]"]},"inputs":["type"]}]}],"members":{}},"MatStepHeader":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":48,"character":35,"module":"./step-header"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":36,"character":1},"arguments":[{"selector":"mat-step-header","inputs":["color"],"host":{"class":"mat-step-header","role":"tab","$quoted$":["class","role"]},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":45,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":46,"character":19},"member":"OnPush"},"template":"<div class=\"mat-step-header-ripple mat-focus-indicator\" matRipple\n [matRippleTrigger]=\"_getHostElement()\"\n [matRippleDisabled]=\"disableRipple\"></div>\n\n<div class=\"mat-step-icon-state-{{state}} mat-step-icon\" [class.mat-step-icon-selected]=\"selected\">\n <div class=\"mat-step-icon-content\" [ngSwitch]=\"!!(iconOverrides && iconOverrides[state])\">\n <ng-container\n *ngSwitchCase=\"true\"\n [ngTemplateOutlet]=\"iconOverrides[state]\"\n [ngTemplateOutletContext]=\"_getIconContext()\"></ng-container>\n <ng-container *ngSwitchDefault [ngSwitch]=\"state\">\n <span *ngSwitchCase=\"'number'\">{{_getDefaultTextForState(state)}}</span>\n <mat-icon *ngSwitchDefault>{{_getDefaultTextForState(state)}}</mat-icon>\n </ng-container>\n </div>\n</div>\n<div class=\"mat-step-label\"\n [class.mat-step-label-active]=\"active\"\n [class.mat-step-label-selected]=\"selected\"\n [class.mat-step-label-error]=\"state == 'error'\">\n <!-- If there is a label template, use it. -->\n <div class=\"mat-step-text-label\" *ngIf=\"_templateLabel()\">\n <ng-container [ngTemplateOutlet]=\"_templateLabel()!.template\"></ng-container>\n </div>\n <!-- If there is no label template, fall back to the text label. -->\n <div class=\"mat-step-text-label\" *ngIf=\"_stringLabel()\">{{label}}</div>\n\n <div class=\"mat-step-optional\" *ngIf=\"optional && state != 'error'\">{{_intl.optionalLabel}}</div>\n <div class=\"mat-step-sub-label-error\" *ngIf=\"state == 'error'\">{{errorMessage}}</div>\n</div>\n\n","styles":[".mat-step-header{overflow:hidden;outline:none;cursor:pointer;position:relative;box-sizing:content-box;-webkit-tap-highlight-color:transparent}.mat-step-optional,.mat-step-sub-label-error{font-size:12px}.mat-step-icon{border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative}.mat-step-icon-content,.mat-step-icon .mat-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.mat-step-icon .mat-icon{font-size:16px;height:16px;width:16px}.mat-step-icon-state-error .mat-icon{font-size:24px;height:24px;width:24px}.mat-step-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:50px;vertical-align:middle}.mat-step-text-label{text-overflow:ellipsis;overflow:hidden}.mat-step-header .mat-step-header-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}\n"]}]}],"members":{"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"errorMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"iconOverrides":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"optional":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}}]}],"disableRipple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatStepperIntl"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":81,"character":27},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":82,"character":28,"context":{"typeName":"HTMLElement"},"module":"./step-header"}]},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":83,"character":23}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_stringLabel":[{"__symbolic":"method"}],"_templateLabel":[{"__symbolic":"method"}],"_getHostElement":[{"__symbolic":"method"}],"_getIconContext":[{"__symbolic":"method"}],"_getDefaultTextForState":[{"__symbolic":"method"}]}},"MatStepperIntl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"ɵprov":{}}},"MAT_STEPPER_INTL_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["parentIntl"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"parentIntl"},"right":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"MatStepperIntl"}}}},"MAT_STEPPER_INTL_PROVIDER":{"provide":{"__symbolic":"reference","name":"MatStepperIntl"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":14}},{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":34,"character":30}},{"__symbolic":"reference","name":"MatStepperIntl"}]],"useFactory":{"__symbolic":"reference","name":"MAT_STEPPER_INTL_PROVIDER_FACTORY"}},"matStepperAnimations":{"horizontalStepTransition":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":25,"character":28},"arguments":["horizontalStepTransition",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":26,"character":4},"arguments":["previous",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":26,"character":22},"arguments":[{"transform":"translate3d(-100%, 0, 0)","visibility":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":30,"character":4},"arguments":["current",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":30,"character":21},"arguments":[{"transform":"none","visibility":"inherit"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":31,"character":4},"arguments":["next",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":31,"character":18},"arguments":[{"transform":"translate3d(100%, 0, 0)","visibility":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":32,"character":4},"arguments":["* => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":32,"character":25},"arguments":["500ms cubic-bezier(0.35, 0, 0.25, 1)"]}]}]]},"verticalStepTransition":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":36,"character":26},"arguments":["verticalStepTransition",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":37,"character":4},"arguments":["previous",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":22},"arguments":[{"height":"0px","visibility":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":38,"character":4},"arguments":["next",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":38,"character":18},"arguments":[{"height":"0px","visibility":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":42,"character":4},"arguments":["current",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":42,"character":21},"arguments":[{"height":"*","visibility":"inherit"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":43,"character":4},"arguments":["* <=> current",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":43,"character":32},"arguments":["225ms cubic-bezier(0.4, 0.0, 0.2, 1)"]}]}]]}},"MatStepperIconContext":{"__symbolic":"interface"},"MatStepperIcon":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":24,"character":1},"arguments":[{"selector":"ng-template[matStepperIcon]"}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3},"arguments":["matStepperIcon"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"MatStepContent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1},"arguments":[{"selector":"ng-template[matStepContent]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}}},"origins":{"MatStepperModule":"./stepper-module","MatStepLabel":"./step-label","MatStep":"./stepper","MatHorizontalStepper":"./stepper","MatVerticalStepper":"./stepper","MatStepper":"./stepper","MatStepperNext":"./stepper-button","MatStepperPrevious":"./stepper-button","MatStepHeader":"./step-header","MatStepperIntl":"./stepper-intl","MAT_STEPPER_INTL_PROVIDER_FACTORY":"./stepper-intl","MAT_STEPPER_INTL_PROVIDER":"./stepper-intl","matStepperAnimations":"./stepper-animations","MatStepperIconContext":"./stepper-icon","MatStepperIcon":"./stepper-icon","MatStepContent":"./step-content"},"importAs":"@angular/material/stepper"}
1
+ {"__symbolic":"module","version":4,"exports":[{"export":[{"name":"StepperOrientation","as":"StepperOrientation"},{"name":"StepState","as":"StepState"}],"from":"@angular/cdk/stepper"}],"metadata":{"MatStepperModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":24,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":29,"character":4},{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStepperModule","line":30,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":31,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":32,"character":4}],"exports":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":35,"character":4},{"__symbolic":"reference","name":"MatStep"},{"__symbolic":"reference","name":"MatStepLabel"},{"__symbolic":"reference","name":"MatStepper"},{"__symbolic":"reference","name":"MatStepperNext"},{"__symbolic":"reference","name":"MatStepperPrevious"},{"__symbolic":"reference","name":"MatStepHeader"},{"__symbolic":"reference","name":"MatStepperIcon"},{"__symbolic":"reference","name":"MatStepContent"}],"declarations":[{"__symbolic":"reference","name":"MatHorizontalStepper"},{"__symbolic":"reference","name":"MatVerticalStepper"},{"__symbolic":"reference","name":"MatStep"},{"__symbolic":"reference","name":"MatStepLabel"},{"__symbolic":"reference","name":"MatStepper"},{"__symbolic":"reference","name":"MatStepperNext"},{"__symbolic":"reference","name":"MatStepperPrevious"},{"__symbolic":"reference","name":"MatStepHeader"},{"__symbolic":"reference","name":"MatStepperIcon"},{"__symbolic":"reference","name":"MatStepContent"}],"providers":[{"__symbolic":"reference","name":"MAT_STEPPER_INTL_PROVIDER"},{"__symbolic":"reference","module":"@angular/material/core","name":"ErrorStateMatcher","line":57,"character":41}]}]}],"members":{}},"MatStepLabel":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStepLabel","line":14,"character":34},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"[matStepLabel]"}]}],"members":{}},"MatStep":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStep","line":64,"character":29},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":53,"character":1},"arguments":[{"selector":"mat-step","providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"ErrorStateMatcher","line":57,"character":14},"useExisting":{"__symbolic":"reference","name":"MatStep"}},{"provide":{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStep","line":58,"character":14},"useExisting":{"__symbolic":"reference","name":"MatStep"}}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":60,"character":17},"member":"None"},"exportAs":"matStep","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":62,"character":19},"member":"OnPush"},"template":"<ng-template>\n <ng-content></ng-content>\n <ng-template [cdkPortalOutlet]=\"_portal\"></ng-template>\n</ng-template>\n"}]}],"members":{"stepLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":68,"character":3},"arguments":[{"__symbolic":"reference","name":"MatStepLabel"}]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"_lazyContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":74,"character":3},"arguments":[{"__symbolic":"reference","name":"MatStepContent"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":79,"character":15},"arguments":[{"__symbolic":"reference","name":"MatStepper"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":80,"character":15}}],null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":82,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":82,"character":27},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"STEPPER_GLOBAL_OPTIONS","line":82,"character":34}]}]],"parameters":[{"__symbolic":"reference","name":"MatStepper"},{"__symbolic":"reference","module":"@angular/material/core","name":"ErrorStateMatcher","line":80,"character":54},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":81,"character":41},{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"StepperOptions","line":82,"character":75}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"isErrorState":[{"__symbolic":"method"}]}},"MatHorizontalStepper":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Reference to non-exported class","line":123,"character":0,"context":{"className":"_MatProxyStepperBase"},"module":"./stepper"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":136,"character":1},"arguments":[{"selector":"mat-horizontal-stepper"}]}],"members":{}},"MatVerticalStepper":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Reference to non-exported class","line":123,"character":0,"context":{"className":"_MatProxyStepperBase"},"module":"./stepper"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":143,"character":1},"arguments":[{"selector":"mat-vertical-stepper"}]}],"members":{}},"MatStepper":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStepper","line":175,"character":32},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":147,"character":1},"arguments":[{"selector":"mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]","exportAs":"matStepper, matVerticalStepper, matHorizontalStepper","inputs":["selectedIndex"],"host":{"[class.mat-stepper-horizontal]":"orientation === \"horizontal\"","[class.mat-stepper-vertical]":"orientation === \"vertical\"","[class.mat-stepper-label-position-end]":"orientation === \"horizontal\" && labelPosition == \"end\"","[class.mat-stepper-label-position-bottom]":"orientation === \"horizontal\" && labelPosition == \"bottom\"","[attr.aria-orientation]":"orientation","role":"tablist","$quoted$":["[class.mat-stepper-horizontal]","[class.mat-stepper-vertical]","[class.mat-stepper-label-position-end]","[class.mat-stepper-label-position-bottom]","[attr.aria-orientation]","role"]},"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matStepperAnimations"},"member":"horizontalStepTransition"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"matStepperAnimations"},"member":"verticalStepTransition"}],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStepper","line":168,"character":14},"useExisting":{"__symbolic":"reference","name":"MatStepper"}},{"provide":{"__symbolic":"reference","name":"MatHorizontalStepper"},"useExisting":{"__symbolic":"reference","name":"MatStepper"}},{"provide":{"__symbolic":"reference","name":"MatVerticalStepper"},"useExisting":{"__symbolic":"reference","name":"MatStepper"}}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":172,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":173,"character":19},"member":"OnPush"},"template":"<ng-container [ngSwitch]=\"orientation\">\n <!-- Horizontal stepper -->\n <ng-container *ngSwitchCase=\"'horizontal'\">\n <div class=\"mat-horizontal-stepper-header-container\">\n <ng-container *ngFor=\"let step of steps; let i = index; let isLast = last\">\n <ng-container\n [ngTemplateOutlet]=\"stepTemplate\"\n [ngTemplateOutletContext]=\"{step: step, i: i}\"></ng-container>\n <div *ngIf=\"!isLast\" class=\"mat-stepper-horizontal-line\"></div>\n </ng-container>\n </div>\n\n <div class=\"mat-horizontal-content-container\">\n <div *ngFor=\"let step of steps; let i = index\"\n class=\"mat-horizontal-stepper-content\" role=\"tabpanel\"\n [@horizontalStepTransition]=\"_getAnimationDirection(i)\"\n (@horizontalStepTransition.done)=\"_animationDone.next($event)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n </div>\n </ng-container>\n\n <!-- Vertical stepper -->\n <ng-container *ngSwitchCase=\"'vertical'\">\n <div class=\"mat-step\" *ngFor=\"let step of steps; let i = index; let isLast = last\">\n <ng-container\n [ngTemplateOutlet]=\"stepTemplate\"\n [ngTemplateOutletContext]=\"{step: step, i: i}\"></ng-container>\n <div class=\"mat-vertical-content-container\" [class.mat-stepper-vertical-line]=\"!isLast\">\n <div class=\"mat-vertical-stepper-content\" role=\"tabpanel\"\n [@verticalStepTransition]=\"_getAnimationDirection(i)\"\n (@verticalStepTransition.done)=\"_animationDone.next($event)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\">\n <div class=\"mat-vertical-content\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n </div>\n </div>\n </div>\n </ng-container>\n\n</ng-container>\n\n<!-- Common step templating -->\n<ng-template let-step=\"step\" let-i=\"i\" #stepTemplate>\n <mat-step-header\n [class.mat-horizontal-stepper-header]=\"orientation === 'horizontal'\"\n [class.mat-vertical-stepper-header]=\"orientation === 'vertical'\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-posinset]=\"i + 1\"\n [attr.aria-setsize]=\"steps.length\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex == i\"\n [attr.aria-label]=\"step.ariaLabel || null\"\n [attr.aria-labelledby]=\"(!step.ariaLabel && step.ariaLabelledby) ? step.ariaLabelledby : null\"\n [attr.aria-disabled]=\"_stepIsNavigable(i, step) ? null : true\"\n [index]=\"i\"\n [state]=\"_getIndicatorType(i, step.state)\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"_stepIsNavigable(i, step)\"\n [optional]=\"step.optional\"\n [errorMessage]=\"step.errorMessage\"\n [iconOverrides]=\"_iconOverrides\"\n [disableRipple]=\"disableRipple || !_stepIsNavigable(i, step)\"\n [color]=\"step.color || color\"></mat-step-header>\n</ng-template>\n","styles":[".mat-stepper-vertical,.mat-stepper-horizontal{display:block}.mat-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header-container{align-items:flex-start}.mat-stepper-horizontal-line{border-top-width:1px;border-top-style:solid;flex:auto;height:0;margin:0 -16px;min-width:32px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{margin:0;min-width:0;position:relative}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px)}.mat-horizontal-stepper-header{display:flex;height:72px;overflow:hidden;align-items:center;padding:0 24px}.mat-horizontal-stepper-header .mat-step-icon{margin-right:8px;flex:none}[dir=rtl] .mat-horizontal-stepper-header .mat-step-icon{margin-right:0;margin-left:8px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header{box-sizing:border-box;flex-direction:column;height:auto}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after{right:0}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before{left:0}[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:last-child::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:first-child::after{display:none}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-icon{margin-right:0;margin-left:0}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-label{padding:16px 0 0 0;text-align:center;width:100%}.mat-vertical-stepper-header{display:flex;align-items:center;height:24px}.mat-vertical-stepper-header .mat-step-icon{margin-right:12px}[dir=rtl] .mat-vertical-stepper-header .mat-step-icon{margin-right:0;margin-left:12px}.mat-horizontal-stepper-content{outline:0}.mat-horizontal-stepper-content[aria-expanded=false]{height:0;overflow:hidden}.mat-horizontal-content-container{overflow:hidden;padding:0 24px 24px 24px}.cdk-high-contrast-active .mat-horizontal-content-container{outline:solid 1px}.mat-vertical-content-container{margin-left:36px;border:0;position:relative}.cdk-high-contrast-active .mat-vertical-content-container{outline:solid 1px}[dir=rtl] .mat-vertical-content-container{margin-left:0;margin-right:36px}.mat-stepper-vertical-line::before{content:\"\";position:absolute;left:0;border-left-width:1px;border-left-style:solid}[dir=rtl] .mat-stepper-vertical-line::before{left:auto;right:0}.mat-vertical-stepper-content{overflow:hidden;outline:0}.mat-vertical-content{padding:0 24px 24px 24px}.mat-step:last-child .mat-vertical-content-container{border:none}\n"]}]}],"members":{"_stepHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":177,"character":3},"arguments":[{"__symbolic":"reference","name":"MatStepHeader"}]}]}],"_steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":180,"character":3},"arguments":[{"__symbolic":"reference","name":"MatStep"},{"descendants":true}]}]}],"_icons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":186,"character":3},"arguments":[{"__symbolic":"reference","name":"MatStepperIcon"},{"descendants":true}]}]}],"animationDone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":189,"character":3}}]}],"disableRipple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":192,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":195,"character":3}}]}],"labelPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":201,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":211,"character":5}}],null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":214,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":214,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":211,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":212,"character":23},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":213,"character":27,"context":{"typeName":"HTMLElement"},"module":"./stepper"}]},{"__symbolic":"reference","name":"any"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"_stepIsNavigable":[{"__symbolic":"method"}]}},"MatStepperNext":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStepperNext","line":20,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"button[matStepperNext]","host":{"class":"mat-stepper-next","[type]":"type","$quoted$":["class","[type]"]},"inputs":["type"]}]}],"members":{}},"MatStepperPrevious":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStepperPrevious","line":32,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":24,"character":1},"arguments":[{"selector":"button[matStepperPrevious]","host":{"class":"mat-stepper-previous","[type]":"type","$quoted$":["class","[type]"]},"inputs":["type"]}]}],"members":{}},"MatStepHeader":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":48,"character":35,"module":"./step-header"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":36,"character":1},"arguments":[{"selector":"mat-step-header","inputs":["color"],"host":{"class":"mat-step-header","role":"tab","$quoted$":["class","role"]},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":45,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":46,"character":19},"member":"OnPush"},"template":"<div class=\"mat-step-header-ripple mat-focus-indicator\" matRipple\n [matRippleTrigger]=\"_getHostElement()\"\n [matRippleDisabled]=\"disableRipple\"></div>\n\n<div class=\"mat-step-icon-state-{{state}} mat-step-icon\" [class.mat-step-icon-selected]=\"selected\">\n <div class=\"mat-step-icon-content\" [ngSwitch]=\"!!(iconOverrides && iconOverrides[state])\">\n <ng-container\n *ngSwitchCase=\"true\"\n [ngTemplateOutlet]=\"iconOverrides[state]\"\n [ngTemplateOutletContext]=\"_getIconContext()\"></ng-container>\n <ng-container *ngSwitchDefault [ngSwitch]=\"state\">\n <span *ngSwitchCase=\"'number'\">{{_getDefaultTextForState(state)}}</span>\n <span class=\"cdk-visually-hidden\" *ngIf=\"state === 'done'\">{{_intl.completedLabel}}</span>\n <span class=\"cdk-visually-hidden\" *ngIf=\"state === 'edit'\">{{_intl.editableLabel}}</span>\n <mat-icon *ngSwitchDefault>{{_getDefaultTextForState(state)}}</mat-icon>\n </ng-container>\n </div>\n</div>\n<div class=\"mat-step-label\"\n [class.mat-step-label-active]=\"active\"\n [class.mat-step-label-selected]=\"selected\"\n [class.mat-step-label-error]=\"state == 'error'\">\n <!-- If there is a label template, use it. -->\n <div class=\"mat-step-text-label\" *ngIf=\"_templateLabel()\">\n <ng-container [ngTemplateOutlet]=\"_templateLabel()!.template\"></ng-container>\n </div>\n <!-- If there is no label template, fall back to the text label. -->\n <div class=\"mat-step-text-label\" *ngIf=\"_stringLabel()\">{{label}}</div>\n\n <div class=\"mat-step-optional\" *ngIf=\"optional && state != 'error'\">{{_intl.optionalLabel}}</div>\n <div class=\"mat-step-sub-label-error\" *ngIf=\"state == 'error'\">{{errorMessage}}</div>\n</div>\n\n","styles":[".mat-step-header{overflow:hidden;outline:none;cursor:pointer;position:relative;box-sizing:content-box;-webkit-tap-highlight-color:transparent}.cdk-high-contrast-active .mat-step-header{outline:solid 1px}.cdk-high-contrast-active .mat-step-header.cdk-keyboard-focused,.cdk-high-contrast-active .mat-step-header.cdk-program-focused{outline:solid 3px}.cdk-high-contrast-active .mat-step-header[aria-selected=true] .mat-step-label{text-decoration:underline}.mat-step-optional,.mat-step-sub-label-error{font-size:12px}.mat-step-icon{border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative}.mat-step-icon-content,.mat-step-icon .mat-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.mat-step-icon .mat-icon{font-size:16px;height:16px;width:16px}.mat-step-icon-state-error .mat-icon{font-size:24px;height:24px;width:24px}.mat-step-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:50px;vertical-align:middle}.mat-step-text-label{text-overflow:ellipsis;overflow:hidden}.mat-step-header .mat-step-header-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}\n"]}]}],"members":{"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"errorMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"iconOverrides":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"optional":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}}]}],"disableRipple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatStepperIntl"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":81,"character":27},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":82,"character":28,"context":{"typeName":"HTMLElement"},"module":"./step-header"}]},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":83,"character":23}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_stringLabel":[{"__symbolic":"method"}],"_templateLabel":[{"__symbolic":"method"}],"_getHostElement":[{"__symbolic":"method"}],"_getIconContext":[{"__symbolic":"method"}],"_getDefaultTextForState":[{"__symbolic":"method"}]}},"MatStepperIntl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"ɵprov":{}}},"MAT_STEPPER_INTL_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["parentIntl"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"parentIntl"},"right":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"MatStepperIntl"}}}},"MAT_STEPPER_INTL_PROVIDER":{"provide":{"__symbolic":"reference","name":"MatStepperIntl"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":40,"character":14}},{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":40,"character":30}},{"__symbolic":"reference","name":"MatStepperIntl"}]],"useFactory":{"__symbolic":"reference","name":"MAT_STEPPER_INTL_PROVIDER_FACTORY"}},"matStepperAnimations":{"horizontalStepTransition":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":25,"character":28},"arguments":["horizontalStepTransition",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":26,"character":4},"arguments":["previous",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":26,"character":22},"arguments":[{"transform":"translate3d(-100%, 0, 0)","visibility":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":30,"character":4},"arguments":["current",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":30,"character":21},"arguments":[{"transform":"none","visibility":"inherit"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":31,"character":4},"arguments":["next",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":31,"character":18},"arguments":[{"transform":"translate3d(100%, 0, 0)","visibility":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":32,"character":4},"arguments":["* => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":32,"character":25},"arguments":["500ms cubic-bezier(0.35, 0, 0.25, 1)"]}]}]]},"verticalStepTransition":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":36,"character":26},"arguments":["verticalStepTransition",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":37,"character":4},"arguments":["previous",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":22},"arguments":[{"height":"0px","visibility":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":38,"character":4},"arguments":["next",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":38,"character":18},"arguments":[{"height":"0px","visibility":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":42,"character":4},"arguments":["current",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":42,"character":21},"arguments":[{"height":"*","visibility":"inherit"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":43,"character":4},"arguments":["* <=> current",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":43,"character":32},"arguments":["225ms cubic-bezier(0.4, 0.0, 0.2, 1)"]}]}]]}},"MatStepperIconContext":{"__symbolic":"interface"},"MatStepperIcon":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":24,"character":1},"arguments":[{"selector":"ng-template[matStepperIcon]"}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3},"arguments":["matStepperIcon"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"MatStepContent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1},"arguments":[{"selector":"ng-template[matStepContent]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}}},"origins":{"MatStepperModule":"./stepper-module","MatStepLabel":"./step-label","MatStep":"./stepper","MatHorizontalStepper":"./stepper","MatVerticalStepper":"./stepper","MatStepper":"./stepper","MatStepperNext":"./stepper-button","MatStepperPrevious":"./stepper-button","MatStepHeader":"./step-header","MatStepperIntl":"./stepper-intl","MAT_STEPPER_INTL_PROVIDER_FACTORY":"./stepper-intl","MAT_STEPPER_INTL_PROVIDER":"./stepper-intl","matStepperAnimations":"./stepper-animations","MatStepperIconContext":"./stepper-icon","MatStepperIcon":"./stepper-icon","MatStepContent":"./step-content"},"importAs":"@angular/material/stepper"}
@@ -16,6 +16,10 @@ export declare class MatStepperIntl {
16
16
  readonly changes: Subject<void>;
17
17
  /** Label that is rendered below optional steps. */
18
18
  optionalLabel: string;
19
+ /** Label that is used to indicate step as completed to screen readers. */
20
+ completedLabel: string;
21
+ /** Label that is used to indicate step as editable to screen readers. */
22
+ editableLabel: string;
19
23
  }
20
24
  /** @docs-private */
21
25
  export declare function MAT_STEPPER_INTL_PROVIDER_FACTORY(parentIntl: MatStepperIntl): MatStepperIntl;
@@ -126,7 +126,9 @@
126
126
 
127
127
  > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
128
128
  > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
129
- border-color: theming.get-color-from-palette($background-color, default-contrast, 0.4);
129
+ // Set the color opacity via `opacity`, rather than `rgba`, because it may be a CSS variable.
130
+ border-color: theming.get-color-from-palette($background-color, default-contrast, 1);
131
+ opacity: 0.4;
130
132
  }
131
133
 
132
134
  // Set ripples color to be the contrast color of the new background. Otherwise the ripple
@@ -134,7 +136,9 @@
134
136
  > .mat-tab-header .mat-ripple-element,
135
137
  > .mat-tab-link-container .mat-ripple-element,
136
138
  > .mat-tab-header-pagination .mat-ripple-element {
137
- background-color: theming.get-color-from-palette($background-color, default-contrast, 0.12);
139
+ // Set the color opacity via `opacity`, rather than `rgba`, because it may be a CSS variable.
140
+ background-color: theming.get-color-from-palette($background-color, default-contrast, 1);
141
+ opacity: 0.12;
138
142
  }
139
143
  }
140
144
 
@@ -208,9 +208,9 @@ export declare abstract class _TooltipComponentBase implements OnDestroy {
208
208
  [key: string]: any;
209
209
  };
210
210
  /** The timeout ID of any current timer set to show the tooltip */
211
- _showTimeoutId: number | undefined;
211
+ _showTimeoutId: any;
212
212
  /** The timeout ID of any current timer set to hide the tooltip */
213
- _hideTimeoutId: number | undefined;
213
+ _hideTimeoutId: any;
214
214
  /** Property watched by the animation framework to show or hide the tooltip */
215
215
  _visibility: TooltipVisibility;
216
216
  /** Whether interactions on the page should close the tooltip */