@angular/material 12.2.5 → 12.2.6

package/bundles/material-form-field.umd.js

@@ -1027,7 +1027,7 @@
                     providers: [
                         { provide: MAT_FORM_FIELD, useExisting: MatFormField },
                     ],
-                    styles: [".mat-form-field{display:inline-block;position:relative;text-align:left}[dir=rtl] .mat-form-field{text-align:right}.mat-form-field-wrapper{position:relative}.mat-form-field-flex{display:inline-flex;align-items:baseline;box-sizing:border-box;width:100%}.mat-form-field-prefix,.mat-form-field-suffix{white-space:nowrap;flex:none;position:relative}.mat-form-field-infix{display:block;position:relative;flex:auto;min-width:0;width:180px}.cdk-high-contrast-active .mat-form-field-infix{border-image:linear-gradient(transparent, transparent)}.mat-form-field-label-wrapper{position:absolute;left:0;box-sizing:content-box;width:100%;height:100%;overflow:hidden;pointer-events:none}[dir=rtl] .mat-form-field-label-wrapper{left:auto;right:0}.mat-form-field-label{position:absolute;left:0;font:inherit;pointer-events:none;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transform-origin:0 0;transition:transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1),color 400ms cubic-bezier(0.25, 0.8, 0.25, 1),width 400ms cubic-bezier(0.25, 0.8, 0.25, 1);display:none}[dir=rtl] .mat-form-field-label{transform-origin:100% 0;left:auto;right:0}.mat-form-field-empty.mat-form-field-label,.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{display:block}.mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{display:none}.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{display:block;transition:none}.mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-label-wrapper .mat-form-field-label{display:none}.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-can-float .mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-label-wrapper .mat-form-field-label{display:block}.mat-form-field-label:not(.mat-form-field-empty){transition:none}.mat-form-field-underline{position:absolute;width:100%;pointer-events:none;transform:scale3d(1, 1.0001, 1)}.mat-form-field-ripple{position:absolute;left:0;width:100%;transform-origin:50%;transform:scaleX(0.5);opacity:0;transition:background-color 300ms cubic-bezier(0.55, 0, 0.55, 0.2)}.mat-form-field.mat-focused .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple{opacity:1;transform:none;transition:transform 300ms cubic-bezier(0.25, 0.8, 0.25, 1),opacity 100ms cubic-bezier(0.25, 0.8, 0.25, 1),background-color 300ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-subscript-wrapper{position:absolute;box-sizing:border-box;width:100%;overflow:hidden}.mat-form-field-subscript-wrapper .mat-icon,.mat-form-field-label-wrapper .mat-icon{width:1em;height:1em;font-size:inherit;vertical-align:baseline}.mat-form-field-hint-wrapper{display:flex}.mat-form-field-hint-spacer{flex:1 0 1em}.mat-error{display:block}.mat-form-field-control-wrapper{position:relative}.mat-form-field-hint-end{order:1}.mat-form-field._mat-animation-noopable .mat-form-field-label,.mat-form-field._mat-animation-noopable .mat-form-field-ripple{transition:none}\n", ".mat-form-field-appearance-fill .mat-form-field-flex{border-radius:4px 4px 0 0;padding:.75em .75em 0 .75em}.cdk-high-contrast-active .mat-form-field-appearance-fill .mat-form-field-flex{outline:solid 1px}.cdk-high-contrast-active .mat-form-field-appearance-fill.mat-focused .mat-form-field-flex{outline:dashed 3px}.mat-form-field-appearance-fill .mat-form-field-underline::before{content:\"\";display:block;position:absolute;bottom:0;height:1px;width:100%}.mat-form-field-appearance-fill .mat-form-field-ripple{bottom:0;height:2px}.cdk-high-contrast-active .mat-form-field-appearance-fill .mat-form-field-ripple{height:0}.mat-form-field-appearance-fill:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{opacity:1;transform:none;transition:opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-appearance-fill._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{transition:none}.mat-form-field-appearance-fill .mat-form-field-subscript-wrapper{padding:0 1em}\n", ".mat-input-element{font:inherit;background:transparent;color:currentColor;border:none;outline:none;padding:0;margin:0;width:100%;max-width:100%;vertical-align:bottom;text-align:inherit;box-sizing:content-box}.mat-input-element:-moz-ui-invalid{box-shadow:none}.mat-input-element::-ms-clear,.mat-input-element::-ms-reveal{display:none}.mat-input-element,.mat-input-element::-webkit-search-cancel-button,.mat-input-element::-webkit-search-decoration,.mat-input-element::-webkit-search-results-button,.mat-input-element::-webkit-search-results-decoration{-webkit-appearance:none}.mat-input-element::-webkit-contacts-auto-fill-button,.mat-input-element::-webkit-caps-lock-indicator,.mat-input-element::-webkit-credentials-auto-fill-button{visibility:hidden}.mat-input-element[type=date],.mat-input-element[type=datetime],.mat-input-element[type=datetime-local],.mat-input-element[type=month],.mat-input-element[type=week],.mat-input-element[type=time]{line-height:1}.mat-input-element[type=date]::after,.mat-input-element[type=datetime]::after,.mat-input-element[type=datetime-local]::after,.mat-input-element[type=month]::after,.mat-input-element[type=week]::after,.mat-input-element[type=time]::after{content:\" \";white-space:pre;width:1px}.mat-input-element::-webkit-inner-spin-button,.mat-input-element::-webkit-calendar-picker-indicator,.mat-input-element::-webkit-clear-button{font-size:.75em}.mat-input-element::placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-input-element::placeholder:-ms-input-placeholder{-ms-user-select:text}.mat-input-element::-moz-placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-input-element::-moz-placeholder:-ms-input-placeholder{-ms-user-select:text}.mat-input-element::-webkit-input-placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-input-element::-webkit-input-placeholder:-ms-input-placeholder{-ms-user-select:text}.mat-input-element:-ms-input-placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-input-element:-ms-input-placeholder:-ms-input-placeholder{-ms-user-select:text}.mat-form-field-hide-placeholder .mat-input-element::placeholder{color:transparent !important;-webkit-text-fill-color:transparent;transition:none}.cdk-high-contrast-active .mat-form-field-hide-placeholder .mat-input-element::placeholder{opacity:0}.mat-form-field-hide-placeholder .mat-input-element::-moz-placeholder{color:transparent !important;-webkit-text-fill-color:transparent;transition:none}.cdk-high-contrast-active .mat-form-field-hide-placeholder .mat-input-element::-moz-placeholder{opacity:0}.mat-form-field-hide-placeholder .mat-input-element::-webkit-input-placeholder{color:transparent !important;-webkit-text-fill-color:transparent;transition:none}.cdk-high-contrast-active .mat-form-field-hide-placeholder .mat-input-element::-webkit-input-placeholder{opacity:0}.mat-form-field-hide-placeholder .mat-input-element:-ms-input-placeholder{color:transparent !important;-webkit-text-fill-color:transparent;transition:none}.cdk-high-contrast-active .mat-form-field-hide-placeholder .mat-input-element:-ms-input-placeholder{opacity:0}textarea.mat-input-element{resize:vertical;overflow:auto}textarea.mat-input-element.cdk-textarea-autosize{resize:none}textarea.mat-input-element{padding:2px 0;margin:-2px 0}select.mat-input-element{-moz-appearance:none;-webkit-appearance:none;position:relative;background-color:transparent;display:inline-flex;box-sizing:border-box;padding-top:1em;top:-1em;margin-bottom:-1em}select.mat-input-element::-ms-expand{display:none}select.mat-input-element::-moz-focus-inner{border:0}select.mat-input-element:not(:disabled){cursor:pointer}select.mat-input-element::-ms-value{color:inherit;background:none}.mat-focused .cdk-high-contrast-active select.mat-input-element::-ms-value{color:inherit}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{content:\"\";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;position:absolute;top:50%;right:0;margin-top:-2.5px;pointer-events:none}[dir=rtl] .mat-form-field-type-mat-native-select .mat-form-field-infix::after{right:auto;left:0}.mat-form-field-type-mat-native-select .mat-input-element{padding-right:15px}[dir=rtl] .mat-form-field-type-mat-native-select .mat-input-element{padding-right:0;padding-left:15px}.mat-form-field-type-mat-native-select .mat-form-field-label-wrapper{max-width:calc(100% - 10px)}.mat-form-field-type-mat-native-select.mat-form-field-appearance-outline .mat-form-field-infix::after{margin-top:-5px}.mat-form-field-type-mat-native-select.mat-form-field-appearance-fill .mat-form-field-infix::after{margin-top:-10px}\n", ".mat-form-field-appearance-legacy .mat-form-field-label{transform:perspective(100px);-ms-transform:none}.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon{width:1em}.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon-button,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button{font:inherit;vertical-align:baseline}.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button .mat-icon{font-size:inherit}.mat-form-field-appearance-legacy .mat-form-field-underline{height:1px}.cdk-high-contrast-active .mat-form-field-appearance-legacy .mat-form-field-underline{height:0;border-top:solid 1px}.mat-form-field-appearance-legacy .mat-form-field-ripple{top:0;height:2px;overflow:hidden}.cdk-high-contrast-active .mat-form-field-appearance-legacy .mat-form-field-ripple{height:0;border-top:solid 2px}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-position:0;background-color:transparent}.cdk-high-contrast-active .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{border-top-style:dotted;border-top-width:2px}.mat-form-field-appearance-legacy.mat-form-field-invalid:not(.mat-focused) .mat-form-field-ripple{height:1px}\n", ".mat-form-field-appearance-outline .mat-form-field-wrapper{margin:.25em 0}.mat-form-field-appearance-outline .mat-form-field-flex{padding:0 .75em 0 .75em;margin-top:-0.25em;position:relative}.mat-form-field-appearance-outline .mat-form-field-prefix,.mat-form-field-appearance-outline .mat-form-field-suffix{top:.25em}.mat-form-field-appearance-outline .mat-form-field-outline{display:flex;position:absolute;top:.25em;left:0;right:0;bottom:0;pointer-events:none}.mat-form-field-appearance-outline .mat-form-field-outline-start,.mat-form-field-appearance-outline .mat-form-field-outline-end{border:1px solid currentColor;min-width:5px}.mat-form-field-appearance-outline .mat-form-field-outline-start{border-radius:5px 0 0 5px;border-right-style:none}[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-outline-start{border-right-style:solid;border-left-style:none;border-radius:0 5px 5px 0}.mat-form-field-appearance-outline .mat-form-field-outline-end{border-radius:0 5px 5px 0;border-left-style:none;flex-grow:1}[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-outline-end{border-left-style:solid;border-right-style:none;border-radius:5px 0 0 5px}.mat-form-field-appearance-outline .mat-form-field-outline-gap{border-radius:.000001px;border:1px solid currentColor;border-left-style:none;border-right-style:none}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap{border-top-color:transparent}.mat-form-field-appearance-outline .mat-form-field-outline-thick{opacity:0}.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap{border-width:2px}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline,.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline{opacity:0;transition:opacity 100ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline-thick{opacity:1}.cdk-high-contrast-active .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{border:3px dashed}.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline{opacity:0;transition:opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick{opacity:1}.mat-form-field-appearance-outline .mat-form-field-subscript-wrapper{padding:0 1em}.mat-form-field-appearance-outline._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-outline,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-start,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-end,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-gap{transition:none}\n", ".mat-form-field-appearance-standard .mat-form-field-flex{padding-top:.75em}.mat-form-field-appearance-standard .mat-form-field-underline{height:1px}.cdk-high-contrast-active .mat-form-field-appearance-standard .mat-form-field-underline{height:0;border-top:solid 1px}.mat-form-field-appearance-standard .mat-form-field-ripple{bottom:0;height:2px}.cdk-high-contrast-active .mat-form-field-appearance-standard .mat-form-field-ripple{height:0;border-top:solid 2px}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-position:0;background-color:transparent}.cdk-high-contrast-active .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{border-top-style:dotted;border-top-width:2px}.mat-form-field-appearance-standard:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{opacity:1;transform:none;transition:opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-appearance-standard._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{transition:none}\n"]
+                    styles: [".mat-form-field{display:inline-block;position:relative;text-align:left}[dir=rtl] .mat-form-field{text-align:right}.mat-form-field-wrapper{position:relative}.mat-form-field-flex{display:inline-flex;align-items:baseline;box-sizing:border-box;width:100%}.mat-form-field-prefix,.mat-form-field-suffix{white-space:nowrap;flex:none;position:relative}.mat-form-field-infix{display:block;position:relative;flex:auto;min-width:0;width:180px}.cdk-high-contrast-active .mat-form-field-infix{border-image:linear-gradient(transparent, transparent)}.mat-form-field-label-wrapper{position:absolute;left:0;box-sizing:content-box;width:100%;height:100%;overflow:hidden;pointer-events:none}[dir=rtl] .mat-form-field-label-wrapper{left:auto;right:0}.mat-form-field-label{position:absolute;left:0;font:inherit;pointer-events:none;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transform-origin:0 0;transition:transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1),color 400ms cubic-bezier(0.25, 0.8, 0.25, 1),width 400ms cubic-bezier(0.25, 0.8, 0.25, 1);display:none}[dir=rtl] .mat-form-field-label{transform-origin:100% 0;left:auto;right:0}.mat-form-field-empty.mat-form-field-label,.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{display:block}.mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{display:none}.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{display:block;transition:none}.mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-label-wrapper .mat-form-field-label{display:none}.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-can-float .mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-label-wrapper .mat-form-field-label{display:block}.mat-form-field-label:not(.mat-form-field-empty){transition:none}.mat-form-field-underline{position:absolute;width:100%;pointer-events:none;transform:scale3d(1, 1.0001, 1)}.mat-form-field-ripple{position:absolute;left:0;width:100%;transform-origin:50%;transform:scaleX(0.5);opacity:0;transition:background-color 300ms cubic-bezier(0.55, 0, 0.55, 0.2)}.mat-form-field.mat-focused .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple{opacity:1;transform:none;transition:transform 300ms cubic-bezier(0.25, 0.8, 0.25, 1),opacity 100ms cubic-bezier(0.25, 0.8, 0.25, 1),background-color 300ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-subscript-wrapper{position:absolute;box-sizing:border-box;width:100%;overflow:hidden}.mat-form-field-subscript-wrapper .mat-icon,.mat-form-field-label-wrapper .mat-icon{width:1em;height:1em;font-size:inherit;vertical-align:baseline}.mat-form-field-hint-wrapper{display:flex}.mat-form-field-hint-spacer{flex:1 0 1em}.mat-error{display:block}.mat-form-field-control-wrapper{position:relative}.mat-form-field-hint-end{order:1}.mat-form-field._mat-animation-noopable .mat-form-field-label,.mat-form-field._mat-animation-noopable .mat-form-field-ripple{transition:none}\n", ".mat-form-field-appearance-fill .mat-form-field-flex{border-radius:4px 4px 0 0;padding:.75em .75em 0 .75em}.cdk-high-contrast-active .mat-form-field-appearance-fill .mat-form-field-flex{outline:solid 1px}.cdk-high-contrast-active .mat-form-field-appearance-fill.mat-focused .mat-form-field-flex{outline:dashed 3px}.mat-form-field-appearance-fill .mat-form-field-underline::before{content:\"\";display:block;position:absolute;bottom:0;height:1px;width:100%}.mat-form-field-appearance-fill .mat-form-field-ripple{bottom:0;height:2px}.cdk-high-contrast-active .mat-form-field-appearance-fill .mat-form-field-ripple{height:0}.mat-form-field-appearance-fill:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{opacity:1;transform:none;transition:opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-appearance-fill._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{transition:none}.mat-form-field-appearance-fill .mat-form-field-subscript-wrapper{padding:0 1em}\n", ".mat-input-element{font:inherit;background:transparent;color:currentColor;border:none;outline:none;padding:0;margin:0;width:100%;max-width:100%;vertical-align:bottom;text-align:inherit;box-sizing:content-box}.mat-input-element:-moz-ui-invalid{box-shadow:none}.mat-input-element::-ms-clear,.mat-input-element::-ms-reveal{display:none}.mat-input-element,.mat-input-element::-webkit-search-cancel-button,.mat-input-element::-webkit-search-decoration,.mat-input-element::-webkit-search-results-button,.mat-input-element::-webkit-search-results-decoration{-webkit-appearance:none}.mat-input-element::-webkit-contacts-auto-fill-button,.mat-input-element::-webkit-caps-lock-indicator,.mat-input-element:not([type=password])::-webkit-credentials-auto-fill-button{visibility:hidden}.mat-input-element[type=date],.mat-input-element[type=datetime],.mat-input-element[type=datetime-local],.mat-input-element[type=month],.mat-input-element[type=week],.mat-input-element[type=time]{line-height:1}.mat-input-element[type=date]::after,.mat-input-element[type=datetime]::after,.mat-input-element[type=datetime-local]::after,.mat-input-element[type=month]::after,.mat-input-element[type=week]::after,.mat-input-element[type=time]::after{content:\" \";white-space:pre;width:1px}.mat-input-element::-webkit-inner-spin-button,.mat-input-element::-webkit-calendar-picker-indicator,.mat-input-element::-webkit-clear-button{font-size:.75em}.mat-input-element::placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-input-element::placeholder:-ms-input-placeholder{-ms-user-select:text}.mat-input-element::-moz-placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-input-element::-moz-placeholder:-ms-input-placeholder{-ms-user-select:text}.mat-input-element::-webkit-input-placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-input-element::-webkit-input-placeholder:-ms-input-placeholder{-ms-user-select:text}.mat-input-element:-ms-input-placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-input-element:-ms-input-placeholder:-ms-input-placeholder{-ms-user-select:text}.mat-form-field-hide-placeholder .mat-input-element::placeholder{color:transparent !important;-webkit-text-fill-color:transparent;transition:none}.cdk-high-contrast-active .mat-form-field-hide-placeholder .mat-input-element::placeholder{opacity:0}.mat-form-field-hide-placeholder .mat-input-element::-moz-placeholder{color:transparent !important;-webkit-text-fill-color:transparent;transition:none}.cdk-high-contrast-active .mat-form-field-hide-placeholder .mat-input-element::-moz-placeholder{opacity:0}.mat-form-field-hide-placeholder .mat-input-element::-webkit-input-placeholder{color:transparent !important;-webkit-text-fill-color:transparent;transition:none}.cdk-high-contrast-active .mat-form-field-hide-placeholder .mat-input-element::-webkit-input-placeholder{opacity:0}.mat-form-field-hide-placeholder .mat-input-element:-ms-input-placeholder{color:transparent !important;-webkit-text-fill-color:transparent;transition:none}.cdk-high-contrast-active .mat-form-field-hide-placeholder .mat-input-element:-ms-input-placeholder{opacity:0}textarea.mat-input-element{resize:vertical;overflow:auto}textarea.mat-input-element.cdk-textarea-autosize{resize:none}textarea.mat-input-element{padding:2px 0;margin:-2px 0}select.mat-input-element{-moz-appearance:none;-webkit-appearance:none;position:relative;background-color:transparent;display:inline-flex;box-sizing:border-box;padding-top:1em;top:-1em;margin-bottom:-1em}select.mat-input-element::-ms-expand{display:none}select.mat-input-element::-moz-focus-inner{border:0}select.mat-input-element:not(:disabled){cursor:pointer}select.mat-input-element::-ms-value{color:inherit;background:none}.mat-focused .cdk-high-contrast-active select.mat-input-element::-ms-value{color:inherit}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{content:\"\";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;position:absolute;top:50%;right:0;margin-top:-2.5px;pointer-events:none}[dir=rtl] .mat-form-field-type-mat-native-select .mat-form-field-infix::after{right:auto;left:0}.mat-form-field-type-mat-native-select .mat-input-element{padding-right:15px}[dir=rtl] .mat-form-field-type-mat-native-select .mat-input-element{padding-right:0;padding-left:15px}.mat-form-field-type-mat-native-select .mat-form-field-label-wrapper{max-width:calc(100% - 10px)}.mat-form-field-type-mat-native-select.mat-form-field-appearance-outline .mat-form-field-infix::after{margin-top:-5px}.mat-form-field-type-mat-native-select.mat-form-field-appearance-fill .mat-form-field-infix::after{margin-top:-10px}\n", ".mat-form-field-appearance-legacy .mat-form-field-label{transform:perspective(100px);-ms-transform:none}.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon{width:1em}.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon-button,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button{font:inherit;vertical-align:baseline}.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button .mat-icon{font-size:inherit}.mat-form-field-appearance-legacy .mat-form-field-underline{height:1px}.cdk-high-contrast-active .mat-form-field-appearance-legacy .mat-form-field-underline{height:0;border-top:solid 1px}.mat-form-field-appearance-legacy .mat-form-field-ripple{top:0;height:2px;overflow:hidden}.cdk-high-contrast-active .mat-form-field-appearance-legacy .mat-form-field-ripple{height:0;border-top:solid 2px}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-position:0;background-color:transparent}.cdk-high-contrast-active .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{border-top-style:dotted;border-top-width:2px}.mat-form-field-appearance-legacy.mat-form-field-invalid:not(.mat-focused) .mat-form-field-ripple{height:1px}\n", ".mat-form-field-appearance-outline .mat-form-field-wrapper{margin:.25em 0}.mat-form-field-appearance-outline .mat-form-field-flex{padding:0 .75em 0 .75em;margin-top:-0.25em;position:relative}.mat-form-field-appearance-outline .mat-form-field-prefix,.mat-form-field-appearance-outline .mat-form-field-suffix{top:.25em}.mat-form-field-appearance-outline .mat-form-field-outline{display:flex;position:absolute;top:.25em;left:0;right:0;bottom:0;pointer-events:none}.mat-form-field-appearance-outline .mat-form-field-outline-start,.mat-form-field-appearance-outline .mat-form-field-outline-end{border:1px solid currentColor;min-width:5px}.mat-form-field-appearance-outline .mat-form-field-outline-start{border-radius:5px 0 0 5px;border-right-style:none}[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-outline-start{border-right-style:solid;border-left-style:none;border-radius:0 5px 5px 0}.mat-form-field-appearance-outline .mat-form-field-outline-end{border-radius:0 5px 5px 0;border-left-style:none;flex-grow:1}[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-outline-end{border-left-style:solid;border-right-style:none;border-radius:5px 0 0 5px}.mat-form-field-appearance-outline .mat-form-field-outline-gap{border-radius:.000001px;border:1px solid currentColor;border-left-style:none;border-right-style:none}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap{border-top-color:transparent}.mat-form-field-appearance-outline .mat-form-field-outline-thick{opacity:0}.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap{border-width:2px}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline,.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline{opacity:0;transition:opacity 100ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline-thick{opacity:1}.cdk-high-contrast-active .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{border:3px dashed}.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline{opacity:0;transition:opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick{opacity:1}.mat-form-field-appearance-outline .mat-form-field-subscript-wrapper{padding:0 1em}.mat-form-field-appearance-outline._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-outline,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-start,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-end,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-gap{transition:none}\n", ".mat-form-field-appearance-standard .mat-form-field-flex{padding-top:.75em}.mat-form-field-appearance-standard .mat-form-field-underline{height:1px}.cdk-high-contrast-active .mat-form-field-appearance-standard .mat-form-field-underline{height:0;border-top:solid 1px}.mat-form-field-appearance-standard .mat-form-field-ripple{bottom:0;height:2px}.cdk-high-contrast-active .mat-form-field-appearance-standard .mat-form-field-ripple{height:0;border-top:solid 2px}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-position:0;background-color:transparent}.cdk-high-contrast-active .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{border-top-style:dotted;border-top-width:2px}.mat-form-field-appearance-standard:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{opacity:1;transform:none;transition:opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-appearance-standard._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{transition:none}\n"]
                 },] }
     ];
     MatFormField.ctorParameters = function () { return [

package/bundles/material-menu.umd.js

@@ -382,24 +382,14 @@
      */
     var transformMenu = matMenuAnimations.transformMenu;
 
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
     /**
      * Injection token that can be used to reference instances of `MatMenuContent`. It serves
      * as alternative token to the actual `MatMenuContent` class which could cause unnecessary
      * retention of the class and its directive metadata.
      */
     var MAT_MENU_CONTENT = new core.InjectionToken('MatMenuContent');
-    /**
-     * Menu content that will be rendered lazily once the menu is opened.
-     */
-    var MatMenuContent = /** @class */ (function () {
-        function MatMenuContent(_template, _componentFactoryResolver, _appRef, _injector, _viewContainerRef, _document, _changeDetectorRef) {
+    var _MatMenuContentBase = /** @class */ (function () {
+        function _MatMenuContentBase(_template, _componentFactoryResolver, _appRef, _injector, _viewContainerRef, _document, _changeDetectorRef) {
             this._template = _template;
             this._componentFactoryResolver = _componentFactoryResolver;
             this._appRef = _appRef;
@@ -414,7 +404,7 @@
          * Attaches the content with a particular context.
          * @docs-private
          */
-        MatMenuContent.prototype.attach = function (context) {
+        _MatMenuContentBase.prototype.attach = function (context) {
             if (context === void 0) { context = {}; }
             if (!this._portal) {
                 this._portal = new portal.TemplatePortal(this._template, this._viewContainerRef);
@@ -444,25 +434,22 @@
          * Detaches the content.
          * @docs-private
          */
-        MatMenuContent.prototype.detach = function () {
+        _MatMenuContentBase.prototype.detach = function () {
             if (this._portal.isAttached) {
                 this._portal.detach();
             }
         };
-        MatMenuContent.prototype.ngOnDestroy = function () {
+        _MatMenuContentBase.prototype.ngOnDestroy = function () {
             if (this._outlet) {
                 this._outlet.dispose();
             }
         };
-        return MatMenuContent;
+        return _MatMenuContentBase;
     }());
-    MatMenuContent.decorators = [
-        { type: core.Directive, args: [{
-                    selector: 'ng-template[matMenuContent]',
-                    providers: [{ provide: MAT_MENU_CONTENT, useExisting: MatMenuContent }],
-                },] }
+    _MatMenuContentBase.decorators = [
+        { type: core.Directive }
     ];
-    MatMenuContent.ctorParameters = function () { return [
+    _MatMenuContentBase.ctorParameters = function () { return [
         { type: core.TemplateRef },
         { type: core.ComponentFactoryResolver },
         { type: core.ApplicationRef },
@@ -471,6 +458,22 @@
         { type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] },
         { type: core.ChangeDetectorRef }
     ]; };
+    /**
+     * Menu content that will be rendered lazily once the menu is opened.
+     */
+    var MatMenuContent = /** @class */ (function (_super) {
+        __extends(MatMenuContent, _super);
+        function MatMenuContent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return MatMenuContent;
+    }(_MatMenuContentBase));
+    MatMenuContent.decorators = [
+        { type: core.Directive, args: [{
+                    selector: 'ng-template[matMenuContent]',
+                    providers: [{ provide: MAT_MENU_CONTENT, useExisting: MatMenuContent }],
+                },] }
+    ];
 
     /**
      * @license
@@ -1099,9 +1102,8 @@
     /** Options for binding a passive event listener. */
     var passiveEventListenerOptions = platform.normalizePassiveListenerOptions({ passive: true });
     // TODO(andrewseguin): Remove the kebab versions in favor of camelCased attribute selectors
-    /** Directive applied to an element that should trigger a `mat-menu`. */
-    var MatMenuTrigger = /** @class */ (function () {
-        function MatMenuTrigger(_overlay, _element, _viewContainerRef, scrollStrategy, parentMenu, 
+    var _MatMenuTriggerBase = /** @class */ (function () {
+        function _MatMenuTriggerBase(_overlay, _element, _viewContainerRef, scrollStrategy, parentMenu, 
         // `MatMenuTrigger` is commonly used in combination with a `MatMenuItem`.
         // tslint:disable-next-line: lightweight-tokens
         _menuItemInstance, _dir, 
@@ -1132,6 +1134,7 @@
             // Tracking input type is necessary so it's possible to only auto-focus
             // the first item of the list when the menu is opened via the keyboard
             this._openedBy = undefined;
+            this._ariaHaspopup = true;
             /**
              * Whether focus should be restored when the menu is closed.
              * Note that disabling this option can have accessibility implications
@@ -1163,7 +1166,21 @@
                 _menuItemInstance._triggersSubmenu = this.triggersSubmenu();
             }
         }
-        Object.defineProperty(MatMenuTrigger.prototype, "_deprecatedMatMenuTriggerFor", {
+        Object.defineProperty(_MatMenuTriggerBase.prototype, "_ariaExpanded", {
+            get: function () {
+                return this.menuOpen || null;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(_MatMenuTriggerBase.prototype, "_ariaControl", {
+            get: function () {
+                return this.menuOpen ? this.menu.panelId : null;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(_MatMenuTriggerBase.prototype, "_deprecatedMatMenuTriggerFor", {
             /**
              * @deprecated
              * @breaking-change 8.0.0
@@ -1175,7 +1192,7 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MatMenuTrigger.prototype, "menu", {
+        Object.defineProperty(_MatMenuTriggerBase.prototype, "menu", {
             /** References the menu instance that the trigger is associated with. */
             get: function () { return this._menu; },
             set: function (menu) {
@@ -1201,11 +1218,11 @@
             enumerable: false,
             configurable: true
         });
-        MatMenuTrigger.prototype.ngAfterContentInit = function () {
+        _MatMenuTriggerBase.prototype.ngAfterContentInit = function () {
             this._checkMenu();
             this._handleHover();
         };
-        MatMenuTrigger.prototype.ngOnDestroy = function () {
+        _MatMenuTriggerBase.prototype.ngOnDestroy = function () {
             if (this._overlayRef) {
                 this._overlayRef.dispose();
                 this._overlayRef = null;
@@ -1215,7 +1232,7 @@
             this._closingActionsSubscription.unsubscribe();
             this._hoverSubscription.unsubscribe();
         };
-        Object.defineProperty(MatMenuTrigger.prototype, "menuOpen", {
+        Object.defineProperty(_MatMenuTriggerBase.prototype, "menuOpen", {
             /** Whether the menu is open. */
             get: function () {
                 return this._menuOpen;
@@ -1223,7 +1240,7 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(MatMenuTrigger.prototype, "dir", {
+        Object.defineProperty(_MatMenuTriggerBase.prototype, "dir", {
             /** The text direction of the containing app. */
             get: function () {
                 return this._dir && this._dir.value === 'rtl' ? 'rtl' : 'ltr';
@@ -1232,15 +1249,15 @@
             configurable: true
         });
         /** Whether the menu triggers a sub-menu or a top-level one. */
-        MatMenuTrigger.prototype.triggersSubmenu = function () {
+        _MatMenuTriggerBase.prototype.triggersSubmenu = function () {
             return !!(this._menuItemInstance && this._parentMaterialMenu);
         };
         /** Toggles the menu between the open and closed states. */
-        MatMenuTrigger.prototype.toggleMenu = function () {
+        _MatMenuTriggerBase.prototype.toggleMenu = function () {
             return this._menuOpen ? this.closeMenu() : this.openMenu();
         };
         /** Opens the menu. */
-        MatMenuTrigger.prototype.openMenu = function () {
+        _MatMenuTriggerBase.prototype.openMenu = function () {
             var _this = this;
             if (this._menuOpen) {
                 return;
@@ -1262,14 +1279,14 @@
             }
         };
         /** Closes the menu. */
-        MatMenuTrigger.prototype.closeMenu = function () {
+        _MatMenuTriggerBase.prototype.closeMenu = function () {
             this.menu.close.emit();
         };
         /**
          * Focuses the menu trigger.
          * @param origin Source of the menu trigger's focus.
          */
-        MatMenuTrigger.prototype.focus = function (origin, options) {
+        _MatMenuTriggerBase.prototype.focus = function (origin, options) {
             if (this._focusMonitor && origin) {
                 this._focusMonitor.focusVia(this._element, origin, options);
             }
@@ -1280,12 +1297,12 @@
         /**
          * Updates the position of the menu to ensure that it fits all options within the viewport.
          */
-        MatMenuTrigger.prototype.updatePosition = function () {
+        _MatMenuTriggerBase.prototype.updatePosition = function () {
             var _a;
             (_a = this._overlayRef) === null || _a === void 0 ? void 0 : _a.updatePosition();
         };
         /** Closes the menu and does the necessary cleanup. */
-        MatMenuTrigger.prototype._destroyMenu = function (reason) {
+        _MatMenuTriggerBase.prototype._destroyMenu = function (reason) {
             var _this = this;
             if (!this._overlayRef || !this.menuOpen) {
                 return;
@@ -1330,7 +1347,7 @@
          * This method sets the menu state to open and focuses the first item if
          * the menu was opened via the keyboard.
          */
-        MatMenuTrigger.prototype._initMenu = function () {
+        _MatMenuTriggerBase.prototype._initMenu = function () {
             this.menu.parentMenu = this.triggersSubmenu() ? this._parentMaterialMenu : undefined;
             this.menu.direction = this.dir;
             this._setMenuElevation();
@@ -1338,7 +1355,7 @@
             this._setIsMenuOpen(true);
         };
         /** Updates the menu elevation based on the amount of parent menus that it has. */
-        MatMenuTrigger.prototype._setMenuElevation = function () {
+        _MatMenuTriggerBase.prototype._setMenuElevation = function () {
             if (this.menu.setElevation) {
                 var depth = 0;
                 var parentMenu = this.menu.parentMenu;
@@ -1350,7 +1367,7 @@
             }
         };
         // set state rather than toggle to support triggers sharing a menu
-        MatMenuTrigger.prototype._setIsMenuOpen = function (isOpen) {
+        _MatMenuTriggerBase.prototype._setIsMenuOpen = function (isOpen) {
             this._menuOpen = isOpen;
             this._menuOpen ? this.menuOpened.emit() : this.menuClosed.emit();
             if (this.triggersSubmenu()) {
@@ -1361,7 +1378,7 @@
          * This method checks that a valid instance of MatMenu has been passed into
          * matMenuTriggerFor. If not, an exception is thrown.
          */
-        MatMenuTrigger.prototype._checkMenu = function () {
+        _MatMenuTriggerBase.prototype._checkMenu = function () {
             if (!this.menu && (typeof ngDevMode === 'undefined' || ngDevMode)) {
                 throwMatMenuMissingError();
             }
@@ -1370,7 +1387,7 @@
          * This method creates the overlay from the provided menu's template and saves its
          * OverlayRef so that it can be attached to the DOM when openMenu is called.
          */
-        MatMenuTrigger.prototype._createOverlay = function () {
+        _MatMenuTriggerBase.prototype._createOverlay = function () {
             if (!this._overlayRef) {
                 var config = this._getOverlayConfig();
                 this._subscribeToPositions(config.positionStrategy);
@@ -1386,7 +1403,7 @@
          * This method builds the configuration object needed to create the overlay, the OverlayState.
          * @returns OverlayConfig
          */
-        MatMenuTrigger.prototype._getOverlayConfig = function () {
+        _MatMenuTriggerBase.prototype._getOverlayConfig = function () {
             return new overlay.OverlayConfig({
                 positionStrategy: this._overlay.position()
                     .flexibleConnectedTo(this._element)
@@ -1404,7 +1421,7 @@
          * on the menu based on the new position. This ensures the animation origin is always
          * correct, even if a fallback position is used for the overlay.
          */
-        MatMenuTrigger.prototype._subscribeToPositions = function (position) {
+        _MatMenuTriggerBase.prototype._subscribeToPositions = function (position) {
             var _this = this;
             if (this.menu.setPositionClasses) {
                 position.positionChanges.subscribe(function (change) {
@@ -1419,7 +1436,7 @@
          * so the overlay connects with the trigger correctly.
          * @param positionStrategy Strategy whose position to update.
          */
-        MatMenuTrigger.prototype._setPosition = function (positionStrategy) {
+        _MatMenuTriggerBase.prototype._setPosition = function (positionStrategy) {
             var _b = __read(this.menu.xPosition === 'before' ? ['end', 'start'] : ['start', 'end'], 2), originX = _b[0], originFallbackX = _b[1];
             var _c = __read(this.menu.yPosition === 'above' ? ['bottom', 'top'] : ['top', 'bottom'], 2), overlayY = _c[0], overlayFallbackY = _c[1];
             var _d = __read([overlayY, overlayFallbackY], 2), originY = _d[0], originFallbackY = _d[1];
@@ -1456,7 +1473,7 @@
             ]);
         };
         /** Returns a stream that emits whenever an action that should close the menu occurs. */
-        MatMenuTrigger.prototype._menuClosingActions = function () {
+        _MatMenuTriggerBase.prototype._menuClosingActions = function () {
             var _this = this;
             var backdrop = this._overlayRef.backdropClick();
             var detachments = this._overlayRef.detachments();
@@ -1465,7 +1482,7 @@
             return rxjs.merge(backdrop, parentClose, hover, detachments);
         };
         /** Handles mouse presses on the trigger. */
-        MatMenuTrigger.prototype._handleMousedown = function (event) {
+        _MatMenuTriggerBase.prototype._handleMousedown = function (event) {
             if (!a11y.isFakeMousedownFromScreenReader(event)) {
                 // Since right or middle button clicks won't trigger the `click` event,
                 // we shouldn't consider the menu as opened by mouse in those cases.
@@ -1479,7 +1496,7 @@
             }
         };
         /** Handles key presses on the trigger. */
-        MatMenuTrigger.prototype._handleKeydown = function (event) {
+        _MatMenuTriggerBase.prototype._handleKeydown = function (event) {
             var keyCode = event.keyCode;
             // Pressing enter on the trigger will trigger the click handler later.
             if (keyCode === keycodes.ENTER || keyCode === keycodes.SPACE) {
@@ -1492,7 +1509,7 @@
             }
         };
         /** Handles click events on the trigger. */
-        MatMenuTrigger.prototype._handleClick = function (event) {
+        _MatMenuTriggerBase.prototype._handleClick = function (event) {
             if (this.triggersSubmenu()) {
                 // Stop event propagation to avoid closing the parent menu.
                 event.stopPropagation();
@@ -1503,7 +1520,7 @@
             }
         };
         /** Handles the cases where the user hovers over the trigger. */
-        MatMenuTrigger.prototype._handleHover = function () {
+        _MatMenuTriggerBase.prototype._handleHover = function () {
             var _this = this;
             // Subscribe to changes in the hovered item in order to toggle the panel.
             if (!this.triggersSubmenu() || !this._parentMaterialMenu) {
@@ -1532,7 +1549,7 @@
             });
         };
         /** Gets the portal that should be attached to the overlay. */
-        MatMenuTrigger.prototype._getPortal = function () {
+        _MatMenuTriggerBase.prototype._getPortal = function () {
             // Note that we can avoid this check by keeping the portal on the menu panel.
             // While it would be cleaner, we'd have to introduce another required method on
             // `MatMenuPanel`, making it harder to consume.
@@ -1541,24 +1558,12 @@
             }
             return this._portal;
         };
-        return MatMenuTrigger;
+        return _MatMenuTriggerBase;
     }());
-    MatMenuTrigger.decorators = [
-        { type: core.Directive, args: [{
-                    selector: "[mat-menu-trigger-for], [matMenuTriggerFor]",
-                    host: {
-                        'class': 'mat-menu-trigger',
-                        'aria-haspopup': 'true',
-                        '[attr.aria-expanded]': 'menuOpen || null',
-                        '[attr.aria-controls]': 'menuOpen ? menu.panelId : null',
-                        '(mousedown)': '_handleMousedown($event)',
-                        '(keydown)': '_handleKeydown($event)',
-                        '(click)': '_handleClick($event)',
-                    },
-                    exportAs: 'matMenuTrigger'
-                },] }
+    _MatMenuTriggerBase.decorators = [
+        { type: core.Directive }
     ];
-    MatMenuTrigger.ctorParameters = function () { return [
+    _MatMenuTriggerBase.ctorParameters = function () { return [
         { type: overlay.Overlay },
         { type: core.ElementRef },
         { type: core.ViewContainerRef },
@@ -1568,7 +1573,10 @@
         { type: bidi.Directionality, decorators: [{ type: core.Optional }] },
         { type: a11y.FocusMonitor }
     ]; };
-    MatMenuTrigger.propDecorators = {
+    _MatMenuTriggerBase.propDecorators = {
+        _ariaExpanded: [{ type: core.HostBinding, args: ['attr.aria-expanded',] }],
+        _ariaControl: [{ type: core.HostBinding, args: ['attr.aria-controls',] }],
+        _ariaHaspopup: [{ type: core.HostBinding, args: ['attr.aria-haspopup',] }],
         _deprecatedMatMenuTriggerFor: [{ type: core.Input, args: ['mat-menu-trigger-for',] }],
         menu: [{ type: core.Input, args: ['matMenuTriggerFor',] }],
         menuData: [{ type: core.Input, args: ['matMenuTriggerData',] }],
@@ -1576,8 +1584,28 @@
         menuOpened: [{ type: core.Output }],
         onMenuOpen: [{ type: core.Output }],
         menuClosed: [{ type: core.Output }],
-        onMenuClose: [{ type: core.Output }]
+        onMenuClose: [{ type: core.Output }],
+        _handleMousedown: [{ type: core.HostListener, args: ['mousedown', ['$event'],] }],
+        _handleKeydown: [{ type: core.HostListener, args: ['keydown', ['$event'],] }],
+        _handleClick: [{ type: core.HostListener, args: ['click', ['$event'],] }]
     };
+    /** Directive applied to an element that should trigger a `mat-menu`. */
+    var MatMenuTrigger = /** @class */ (function (_super) {
+        __extends(MatMenuTrigger, _super);
+        function MatMenuTrigger() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return MatMenuTrigger;
+    }(_MatMenuTriggerBase));
+    MatMenuTrigger.decorators = [
+        { type: core.Directive, args: [{
+                    selector: "[mat-menu-trigger-for], [matMenuTriggerFor]",
+                    host: {
+                        'class': 'mat-menu-trigger',
+                    },
+                    exportAs: 'matMenuTrigger'
+                },] }
+    ];
 
     /**
      * @license
@@ -1586,25 +1614,6 @@
      * Use of this source code is governed by an MIT-style license that can be
      * found in the LICENSE file at https://angular.io/license
      */
-    /**
-     * Used by both the current `MatMenuModule` and the MDC `MatMenuModule`
-     * to declare the menu-related directives.
-     */
-    var _MatMenuDirectivesModule = /** @class */ (function () {
-        function _MatMenuDirectivesModule() {
-        }
-        return _MatMenuDirectivesModule;
-    }());
-    _MatMenuDirectivesModule.decorators = [
-        { type: core.NgModule, args: [{
-                    exports: [MatMenuTrigger, MatMenuContent, core$1.MatCommonModule],
-                    declarations: [
-                        MatMenuTrigger,
-                        MatMenuContent,
-                    ],
-                    providers: [MAT_MENU_SCROLL_STRATEGY_FACTORY_PROVIDER]
-                },] }
-    ];
     var MatMenuModule = /** @class */ (function () {
         function MatMenuModule() {
         }
@@ -1617,10 +1626,16 @@
                         core$1.MatCommonModule,
                         core$1.MatRippleModule,
                         overlay.OverlayModule,
-                        _MatMenuDirectivesModule,
                     ],
-                    exports: [scrolling.CdkScrollableModule, core$1.MatCommonModule, MatMenu, MatMenuItem, _MatMenuDirectivesModule],
-                    declarations: [MatMenu, MatMenuItem],
+                    exports: [
+                        scrolling.CdkScrollableModule,
+                        core$1.MatCommonModule,
+                        MatMenu,
+                        MatMenuItem,
+                        MatMenuTrigger,
+                        MatMenuContent
+                    ],
+                    declarations: [MatMenu, MatMenuItem, MatMenuTrigger, MatMenuContent],
                     providers: [MAT_MENU_SCROLL_STRATEGY_FACTORY_PROVIDER]
                 },] }
     ];
@@ -1647,7 +1662,8 @@
     exports.MatMenuModule = MatMenuModule;
     exports.MatMenuTrigger = MatMenuTrigger;
     exports._MatMenuBase = _MatMenuBase;
-    exports._MatMenuDirectivesModule = _MatMenuDirectivesModule;
+    exports._MatMenuContentBase = _MatMenuContentBase;
+    exports._MatMenuTriggerBase = _MatMenuTriggerBase;
     exports.fadeInItems = fadeInItems;
     exports.matMenuAnimations = matMenuAnimations;
     exports.transformMenu = transformMenu;