button.es5.js 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277
  1. /**
  2. * @license
  3. * Copyright Google LLC All Rights Reserved.
  4. *
  5. * Use of this source code is governed by an MIT-style license that can be
  6. * found in the LICENSE file at https://angular.io/license
  7. */
  8. import { __extends } from 'tslib';
  9. import { FocusMonitor } from '@angular/cdk/a11y';
  10. import { ChangeDetectionStrategy, Component, ElementRef, ViewChild, ViewEncapsulation, Optional, Inject, Input, NgModule } from '@angular/core';
  11. import { MatRipple, mixinColor, mixinDisabled, mixinDisableRipple, MatCommonModule, MatRippleModule } from '@angular/material/core';
  12. import { ANIMATION_MODULE_TYPE } from '@angular/platform-browser/animations';
  13. import { CommonModule } from '@angular/common';
  14. /**
  15. * @fileoverview added by tsickle
  16. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  17. */
  18. /**
  19. * Default color palette for round buttons (mat-fab and mat-mini-fab)
  20. * @type {?}
  21. */
  22. var DEFAULT_ROUND_BUTTON_COLOR = 'accent';
  23. /**
  24. * List of classes to add to MatButton instances based on host attributes to
  25. * style as different variants.
  26. * @type {?}
  27. */
  28. var BUTTON_HOST_ATTRIBUTES = [
  29. 'mat-button',
  30. 'mat-flat-button',
  31. 'mat-icon-button',
  32. 'mat-raised-button',
  33. 'mat-stroked-button',
  34. 'mat-mini-fab',
  35. 'mat-fab',
  36. ];
  37. // Boilerplate for applying mixins to MatButton.
  38. /**
  39. * \@docs-private
  40. */
  41. var
  42. // Boilerplate for applying mixins to MatButton.
  43. /**
  44. * \@docs-private
  45. */
  46. MatButtonBase = /** @class */ (function () {
  47. function MatButtonBase(_elementRef) {
  48. this._elementRef = _elementRef;
  49. }
  50. return MatButtonBase;
  51. }());
  52. /** @type {?} */
  53. var _MatButtonMixinBase = mixinColor(mixinDisabled(mixinDisableRipple(MatButtonBase)));
  54. /**
  55. * Material design button.
  56. */
  57. var MatButton = /** @class */ (function (_super) {
  58. __extends(MatButton, _super);
  59. function MatButton(elementRef, _focusMonitor, _animationMode) {
  60. var _this = _super.call(this, elementRef) || this;
  61. _this._focusMonitor = _focusMonitor;
  62. _this._animationMode = _animationMode;
  63. /**
  64. * Whether the button is round.
  65. */
  66. _this.isRoundButton = _this._hasHostAttributes('mat-fab', 'mat-mini-fab');
  67. /**
  68. * Whether the button is icon button.
  69. */
  70. _this.isIconButton = _this._hasHostAttributes('mat-icon-button');
  71. // For each of the variant selectors that is present in the button's host
  72. // attributes, add the correct corresponding class.
  73. for (var _i = 0, BUTTON_HOST_ATTRIBUTES_1 = BUTTON_HOST_ATTRIBUTES; _i < BUTTON_HOST_ATTRIBUTES_1.length; _i++) {
  74. var attr = BUTTON_HOST_ATTRIBUTES_1[_i];
  75. if (_this._hasHostAttributes(attr)) {
  76. ((/** @type {?} */ (_this._getHostElement()))).classList.add(attr);
  77. }
  78. }
  79. // Add a class that applies to all buttons. This makes it easier to target if somebody
  80. // wants to target all Material buttons. We do it here rather than `host` to ensure that
  81. // the class is applied to derived classes.
  82. elementRef.nativeElement.classList.add('mat-button-base');
  83. _this._focusMonitor.monitor(_this._elementRef, true);
  84. if (_this.isRoundButton) {
  85. _this.color = DEFAULT_ROUND_BUTTON_COLOR;
  86. }
  87. return _this;
  88. }
  89. /**
  90. * @return {?}
  91. */
  92. MatButton.prototype.ngOnDestroy = /**
  93. * @return {?}
  94. */
  95. function () {
  96. this._focusMonitor.stopMonitoring(this._elementRef);
  97. };
  98. /** Focuses the button. */
  99. /**
  100. * Focuses the button.
  101. * @param {?=} _origin
  102. * @param {?=} options
  103. * @return {?}
  104. */
  105. MatButton.prototype.focus = /**
  106. * Focuses the button.
  107. * @param {?=} _origin
  108. * @param {?=} options
  109. * @return {?}
  110. */
  111. function (_origin, options) {
  112. // Note that we aren't using `_origin`, but we need to keep it because some internal consumers
  113. // use `MatButton` in a `FocusKeyManager` and we need it to match `FocusableOption`.
  114. this._getHostElement().focus(options);
  115. };
  116. /**
  117. * @return {?}
  118. */
  119. MatButton.prototype._getHostElement = /**
  120. * @return {?}
  121. */
  122. function () {
  123. return this._elementRef.nativeElement;
  124. };
  125. /**
  126. * @return {?}
  127. */
  128. MatButton.prototype._isRippleDisabled = /**
  129. * @return {?}
  130. */
  131. function () {
  132. return this.disableRipple || this.disabled;
  133. };
  134. /** Gets whether the button has one of the given attributes. */
  135. /**
  136. * Gets whether the button has one of the given attributes.
  137. * @param {...?} attributes
  138. * @return {?}
  139. */
  140. MatButton.prototype._hasHostAttributes = /**
  141. * Gets whether the button has one of the given attributes.
  142. * @param {...?} attributes
  143. * @return {?}
  144. */
  145. function () {
  146. var _this = this;
  147. var attributes = [];
  148. for (var _i = 0; _i < arguments.length; _i++) {
  149. attributes[_i] = arguments[_i];
  150. }
  151. return attributes.some((/**
  152. * @param {?} attribute
  153. * @return {?}
  154. */
  155. function (attribute) { return _this._getHostElement().hasAttribute(attribute); }));
  156. };
  157. MatButton.decorators = [
  158. { type: Component, args: [{selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],\n button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],\n button[mat-flat-button]",
  159. exportAs: 'matButton',
  160. host: {
  161. '[attr.disabled]': 'disabled || null',
  162. '[class._mat-animation-noopable]': '_animationMode === "NoopAnimations"',
  163. },
  164. template: "<span class=\"mat-button-wrapper\"><ng-content></ng-content></span><div matRipple class=\"mat-button-ripple\" [class.mat-button-ripple-round]=\"isRoundButton || isIconButton\" [matRippleDisabled]=\"_isRippleDisabled()\" [matRippleCentered]=\"isIconButton\" [matRippleTrigger]=\"_getHostElement()\"></div><div class=\"mat-button-focus-overlay\"></div>",
  165. styles: [".mat-button .mat-button-focus-overlay,.mat-icon-button .mat-button-focus-overlay{opacity:0}.mat-button:hover .mat-button-focus-overlay,.mat-stroked-button:hover .mat-button-focus-overlay{opacity:.04}@media (hover:none){.mat-button:hover .mat-button-focus-overlay,.mat-stroked-button:hover .mat-button-focus-overlay{opacity:0}}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible}.mat-button::-moz-focus-inner,.mat-flat-button::-moz-focus-inner,.mat-icon-button::-moz-focus-inner,.mat-stroked-button::-moz-focus-inner{border:0}.mat-button[disabled],.mat-flat-button[disabled],.mat-icon-button[disabled],.mat-stroked-button[disabled]{cursor:default}.mat-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-button.cdk-program-focused .mat-button-focus-overlay,.mat-flat-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-flat-button.cdk-program-focused .mat-button-focus-overlay,.mat-icon-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-icon-button.cdk-program-focused .mat-button-focus-overlay,.mat-stroked-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-stroked-button.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-button::-moz-focus-inner,.mat-flat-button::-moz-focus-inner,.mat-icon-button::-moz-focus-inner,.mat-stroked-button::-moz-focus-inner{border:0}.mat-raised-button{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible;transform:translate3d(0,0,0);transition:background .4s cubic-bezier(.25,.8,.25,1),box-shadow 280ms cubic-bezier(.4,0,.2,1)}.mat-raised-button::-moz-focus-inner{border:0}.mat-raised-button[disabled]{cursor:default}.mat-raised-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-raised-button.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-raised-button::-moz-focus-inner{border:0}._mat-animation-noopable.mat-raised-button{transition:none;animation:none}.mat-stroked-button{border:1px solid currentColor;padding:0 15px;line-height:34px}.mat-stroked-button .mat-button-focus-overlay,.mat-stroked-button .mat-button-ripple.mat-ripple{top:-1px;left:-1px;right:-1px;bottom:-1px}.mat-fab{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible;transform:translate3d(0,0,0);transition:background .4s cubic-bezier(.25,.8,.25,1),box-shadow 280ms cubic-bezier(.4,0,.2,1);min-width:0;border-radius:50%;width:56px;height:56px;padding:0;flex-shrink:0}.mat-fab::-moz-focus-inner{border:0}.mat-fab[disabled]{cursor:default}.mat-fab.cdk-keyboard-focused .mat-button-focus-overlay,.mat-fab.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-fab::-moz-focus-inner{border:0}._mat-animation-noopable.mat-fab{transition:none;animation:none}.mat-fab .mat-button-wrapper{padding:16px 0;display:inline-block;line-height:24px}.mat-mini-fab{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible;transform:translate3d(0,0,0);transition:background .4s cubic-bezier(.25,.8,.25,1),box-shadow 280ms cubic-bezier(.4,0,.2,1);min-width:0;border-radius:50%;width:40px;height:40px;padding:0;flex-shrink:0}.mat-mini-fab::-moz-focus-inner{border:0}.mat-mini-fab[disabled]{cursor:default}.mat-mini-fab.cdk-keyboard-focused .mat-button-focus-overlay,.mat-mini-fab.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-mini-fab::-moz-focus-inner{border:0}._mat-animation-noopable.mat-mini-fab{transition:none;animation:none}.mat-mini-fab .mat-button-wrapper{padding:8px 0;display:inline-block;line-height:24px}.mat-icon-button{padding:0;min-width:0;width:40px;height:40px;flex-shrink:0;line-height:40px;border-radius:50%}.mat-icon-button .mat-icon,.mat-icon-button i{line-height:24px}.mat-button-focus-overlay,.mat-button-ripple.mat-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-button-ripple.mat-ripple:not(:empty){transform:translateZ(0)}.mat-button-focus-overlay{opacity:0;transition:opacity .2s cubic-bezier(.35,0,.25,1),background-color .2s cubic-bezier(.35,0,.25,1)}._mat-animation-noopable .mat-button-focus-overlay{transition:none}@media (-ms-high-contrast:active){.mat-button-focus-overlay{background-color:#fff}}@media (-ms-high-contrast:black-on-white){.mat-button-focus-overlay{background-color:#000}}.mat-button-ripple-round{border-radius:50%;z-index:1}.mat-button .mat-button-wrapper>*,.mat-fab .mat-button-wrapper>*,.mat-flat-button .mat-button-wrapper>*,.mat-icon-button .mat-button-wrapper>*,.mat-mini-fab .mat-button-wrapper>*,.mat-raised-button .mat-button-wrapper>*,.mat-stroked-button .mat-button-wrapper>*{vertical-align:middle}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button{display:block;font-size:inherit;width:2.5em;height:2.5em}@media (-ms-high-contrast:active){.mat-button,.mat-fab,.mat-flat-button,.mat-icon-button,.mat-mini-fab,.mat-raised-button{outline:solid 1px}}"],
  166. inputs: ['disabled', 'disableRipple', 'color'],
  167. encapsulation: ViewEncapsulation.None,
  168. changeDetection: ChangeDetectionStrategy.OnPush,
  169. },] },
  170. ];
  171. /** @nocollapse */
  172. MatButton.ctorParameters = function () { return [
  173. { type: ElementRef },
  174. { type: FocusMonitor },
  175. { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ANIMATION_MODULE_TYPE,] }] }
  176. ]; };
  177. MatButton.propDecorators = {
  178. ripple: [{ type: ViewChild, args: [MatRipple, { static: false },] }]
  179. };
  180. return MatButton;
  181. }(_MatButtonMixinBase));
  182. /**
  183. * Material design anchor button.
  184. */
  185. var MatAnchor = /** @class */ (function (_super) {
  186. __extends(MatAnchor, _super);
  187. function MatAnchor(focusMonitor, elementRef, animationMode) {
  188. return _super.call(this, elementRef, focusMonitor, animationMode) || this;
  189. }
  190. /**
  191. * @param {?} event
  192. * @return {?}
  193. */
  194. MatAnchor.prototype._haltDisabledEvents = /**
  195. * @param {?} event
  196. * @return {?}
  197. */
  198. function (event) {
  199. // A disabled button shouldn't apply any actions
  200. if (this.disabled) {
  201. event.preventDefault();
  202. event.stopImmediatePropagation();
  203. }
  204. };
  205. MatAnchor.decorators = [
  206. { type: Component, args: [{selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab],\n a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]",
  207. exportAs: 'matButton, matAnchor',
  208. host: {
  209. // Note that we ignore the user-specified tabindex when it's disabled for
  210. // consistency with the `mat-button` applied on native buttons where even
  211. // though they have an index, they're not tabbable.
  212. '[attr.tabindex]': 'disabled ? -1 : (tabIndex || 0)',
  213. '[attr.disabled]': 'disabled || null',
  214. '[attr.aria-disabled]': 'disabled.toString()',
  215. '(click)': '_haltDisabledEvents($event)',
  216. '[class._mat-animation-noopable]': '_animationMode === "NoopAnimations"',
  217. },
  218. inputs: ['disabled', 'disableRipple', 'color'],
  219. template: "<span class=\"mat-button-wrapper\"><ng-content></ng-content></span><div matRipple class=\"mat-button-ripple\" [class.mat-button-ripple-round]=\"isRoundButton || isIconButton\" [matRippleDisabled]=\"_isRippleDisabled()\" [matRippleCentered]=\"isIconButton\" [matRippleTrigger]=\"_getHostElement()\"></div><div class=\"mat-button-focus-overlay\"></div>",
  220. styles: [".mat-button .mat-button-focus-overlay,.mat-icon-button .mat-button-focus-overlay{opacity:0}.mat-button:hover .mat-button-focus-overlay,.mat-stroked-button:hover .mat-button-focus-overlay{opacity:.04}@media (hover:none){.mat-button:hover .mat-button-focus-overlay,.mat-stroked-button:hover .mat-button-focus-overlay{opacity:0}}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible}.mat-button::-moz-focus-inner,.mat-flat-button::-moz-focus-inner,.mat-icon-button::-moz-focus-inner,.mat-stroked-button::-moz-focus-inner{border:0}.mat-button[disabled],.mat-flat-button[disabled],.mat-icon-button[disabled],.mat-stroked-button[disabled]{cursor:default}.mat-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-button.cdk-program-focused .mat-button-focus-overlay,.mat-flat-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-flat-button.cdk-program-focused .mat-button-focus-overlay,.mat-icon-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-icon-button.cdk-program-focused .mat-button-focus-overlay,.mat-stroked-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-stroked-button.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-button::-moz-focus-inner,.mat-flat-button::-moz-focus-inner,.mat-icon-button::-moz-focus-inner,.mat-stroked-button::-moz-focus-inner{border:0}.mat-raised-button{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible;transform:translate3d(0,0,0);transition:background .4s cubic-bezier(.25,.8,.25,1),box-shadow 280ms cubic-bezier(.4,0,.2,1)}.mat-raised-button::-moz-focus-inner{border:0}.mat-raised-button[disabled]{cursor:default}.mat-raised-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-raised-button.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-raised-button::-moz-focus-inner{border:0}._mat-animation-noopable.mat-raised-button{transition:none;animation:none}.mat-stroked-button{border:1px solid currentColor;padding:0 15px;line-height:34px}.mat-stroked-button .mat-button-focus-overlay,.mat-stroked-button .mat-button-ripple.mat-ripple{top:-1px;left:-1px;right:-1px;bottom:-1px}.mat-fab{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible;transform:translate3d(0,0,0);transition:background .4s cubic-bezier(.25,.8,.25,1),box-shadow 280ms cubic-bezier(.4,0,.2,1);min-width:0;border-radius:50%;width:56px;height:56px;padding:0;flex-shrink:0}.mat-fab::-moz-focus-inner{border:0}.mat-fab[disabled]{cursor:default}.mat-fab.cdk-keyboard-focused .mat-button-focus-overlay,.mat-fab.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-fab::-moz-focus-inner{border:0}._mat-animation-noopable.mat-fab{transition:none;animation:none}.mat-fab .mat-button-wrapper{padding:16px 0;display:inline-block;line-height:24px}.mat-mini-fab{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible;transform:translate3d(0,0,0);transition:background .4s cubic-bezier(.25,.8,.25,1),box-shadow 280ms cubic-bezier(.4,0,.2,1);min-width:0;border-radius:50%;width:40px;height:40px;padding:0;flex-shrink:0}.mat-mini-fab::-moz-focus-inner{border:0}.mat-mini-fab[disabled]{cursor:default}.mat-mini-fab.cdk-keyboard-focused .mat-button-focus-overlay,.mat-mini-fab.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-mini-fab::-moz-focus-inner{border:0}._mat-animation-noopable.mat-mini-fab{transition:none;animation:none}.mat-mini-fab .mat-button-wrapper{padding:8px 0;display:inline-block;line-height:24px}.mat-icon-button{padding:0;min-width:0;width:40px;height:40px;flex-shrink:0;line-height:40px;border-radius:50%}.mat-icon-button .mat-icon,.mat-icon-button i{line-height:24px}.mat-button-focus-overlay,.mat-button-ripple.mat-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-button-ripple.mat-ripple:not(:empty){transform:translateZ(0)}.mat-button-focus-overlay{opacity:0;transition:opacity .2s cubic-bezier(.35,0,.25,1),background-color .2s cubic-bezier(.35,0,.25,1)}._mat-animation-noopable .mat-button-focus-overlay{transition:none}@media (-ms-high-contrast:active){.mat-button-focus-overlay{background-color:#fff}}@media (-ms-high-contrast:black-on-white){.mat-button-focus-overlay{background-color:#000}}.mat-button-ripple-round{border-radius:50%;z-index:1}.mat-button .mat-button-wrapper>*,.mat-fab .mat-button-wrapper>*,.mat-flat-button .mat-button-wrapper>*,.mat-icon-button .mat-button-wrapper>*,.mat-mini-fab .mat-button-wrapper>*,.mat-raised-button .mat-button-wrapper>*,.mat-stroked-button .mat-button-wrapper>*{vertical-align:middle}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button{display:block;font-size:inherit;width:2.5em;height:2.5em}@media (-ms-high-contrast:active){.mat-button,.mat-fab,.mat-flat-button,.mat-icon-button,.mat-mini-fab,.mat-raised-button{outline:solid 1px}}"],
  221. encapsulation: ViewEncapsulation.None,
  222. changeDetection: ChangeDetectionStrategy.OnPush,
  223. },] },
  224. ];
  225. /** @nocollapse */
  226. MatAnchor.ctorParameters = function () { return [
  227. { type: FocusMonitor },
  228. { type: ElementRef },
  229. { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ANIMATION_MODULE_TYPE,] }] }
  230. ]; };
  231. MatAnchor.propDecorators = {
  232. tabIndex: [{ type: Input }]
  233. };
  234. return MatAnchor;
  235. }(MatButton));
  236. /**
  237. * @fileoverview added by tsickle
  238. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  239. */
  240. var MatButtonModule = /** @class */ (function () {
  241. function MatButtonModule() {
  242. }
  243. MatButtonModule.decorators = [
  244. { type: NgModule, args: [{
  245. imports: [
  246. CommonModule,
  247. MatRippleModule,
  248. MatCommonModule,
  249. ],
  250. exports: [
  251. MatButton,
  252. MatAnchor,
  253. MatCommonModule,
  254. ],
  255. declarations: [
  256. MatButton,
  257. MatAnchor,
  258. ],
  259. },] },
  260. ];
  261. return MatButtonModule;
  262. }());
  263. /**
  264. * @fileoverview added by tsickle
  265. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  266. */
  267. /**
  268. * @fileoverview added by tsickle
  269. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  270. */
  271. export { MatButtonModule, MatButton, MatAnchor };
  272. //# sourceMappingURL=button.es5.js.map