material-button.umd.js 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301
  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. (function (global, factory) {
  9. typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/a11y'), require('@angular/core'), require('@angular/material/core'), require('@angular/platform-browser/animations'), require('@angular/common')) :
  10. typeof define === 'function' && define.amd ? define('@angular/material/button', ['exports', '@angular/cdk/a11y', '@angular/core', '@angular/material/core', '@angular/platform-browser/animations', '@angular/common'], factory) :
  11. (factory((global.ng = global.ng || {}, global.ng.material = global.ng.material || {}, global.ng.material.button = {}),global.ng.cdk.a11y,global.ng.core,global.ng.material.core,global.ng.platformBrowser.animations,global.ng.common));
  12. }(this, (function (exports,a11y,core,core$1,animations,common) { 'use strict';
  13. /*! *****************************************************************************
  14. Copyright (c) Microsoft Corporation. All rights reserved.
  15. Licensed under the Apache License, Version 2.0 (the "License"); you may not use
  16. this file except in compliance with the License. You may obtain a copy of the
  17. License at http://www.apache.org/licenses/LICENSE-2.0
  18. THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  19. KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
  20. WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
  21. MERCHANTABLITY OR NON-INFRINGEMENT.
  22. See the Apache Version 2.0 License for specific language governing permissions
  23. and limitations under the License.
  24. ***************************************************************************** */
  25. /* global Reflect, Promise */
  26. var extendStatics = function(d, b) {
  27. extendStatics = Object.setPrototypeOf ||
  28. ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
  29. function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
  30. return extendStatics(d, b);
  31. };
  32. function __extends(d, b) {
  33. extendStatics(d, b);
  34. function __() { this.constructor = d; }
  35. d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
  36. }
  37. /**
  38. * @fileoverview added by tsickle
  39. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  40. */
  41. /**
  42. * Default color palette for round buttons (mat-fab and mat-mini-fab)
  43. * @type {?}
  44. */
  45. var DEFAULT_ROUND_BUTTON_COLOR = 'accent';
  46. /**
  47. * List of classes to add to MatButton instances based on host attributes to
  48. * style as different variants.
  49. * @type {?}
  50. */
  51. var BUTTON_HOST_ATTRIBUTES = [
  52. 'mat-button',
  53. 'mat-flat-button',
  54. 'mat-icon-button',
  55. 'mat-raised-button',
  56. 'mat-stroked-button',
  57. 'mat-mini-fab',
  58. 'mat-fab',
  59. ];
  60. // Boilerplate for applying mixins to MatButton.
  61. /**
  62. * \@docs-private
  63. */
  64. var
  65. // Boilerplate for applying mixins to MatButton.
  66. /**
  67. * \@docs-private
  68. */
  69. MatButtonBase = /** @class */ (function () {
  70. function MatButtonBase(_elementRef) {
  71. this._elementRef = _elementRef;
  72. }
  73. return MatButtonBase;
  74. }());
  75. /** @type {?} */
  76. var _MatButtonMixinBase = core$1.mixinColor(core$1.mixinDisabled(core$1.mixinDisableRipple(MatButtonBase)));
  77. /**
  78. * Material design button.
  79. */
  80. var MatButton = /** @class */ (function (_super) {
  81. __extends(MatButton, _super);
  82. function MatButton(elementRef, _focusMonitor, _animationMode) {
  83. var _this = _super.call(this, elementRef) || this;
  84. _this._focusMonitor = _focusMonitor;
  85. _this._animationMode = _animationMode;
  86. /**
  87. * Whether the button is round.
  88. */
  89. _this.isRoundButton = _this._hasHostAttributes('mat-fab', 'mat-mini-fab');
  90. /**
  91. * Whether the button is icon button.
  92. */
  93. _this.isIconButton = _this._hasHostAttributes('mat-icon-button');
  94. // For each of the variant selectors that is present in the button's host
  95. // attributes, add the correct corresponding class.
  96. for (var _i = 0, BUTTON_HOST_ATTRIBUTES_1 = BUTTON_HOST_ATTRIBUTES; _i < BUTTON_HOST_ATTRIBUTES_1.length; _i++) {
  97. var attr = BUTTON_HOST_ATTRIBUTES_1[_i];
  98. if (_this._hasHostAttributes(attr)) {
  99. ((/** @type {?} */ (_this._getHostElement()))).classList.add(attr);
  100. }
  101. }
  102. // Add a class that applies to all buttons. This makes it easier to target if somebody
  103. // wants to target all Material buttons. We do it here rather than `host` to ensure that
  104. // the class is applied to derived classes.
  105. elementRef.nativeElement.classList.add('mat-button-base');
  106. _this._focusMonitor.monitor(_this._elementRef, true);
  107. if (_this.isRoundButton) {
  108. _this.color = DEFAULT_ROUND_BUTTON_COLOR;
  109. }
  110. return _this;
  111. }
  112. /**
  113. * @return {?}
  114. */
  115. MatButton.prototype.ngOnDestroy = /**
  116. * @return {?}
  117. */
  118. function () {
  119. this._focusMonitor.stopMonitoring(this._elementRef);
  120. };
  121. /** Focuses the button. */
  122. /**
  123. * Focuses the button.
  124. * @param {?=} _origin
  125. * @param {?=} options
  126. * @return {?}
  127. */
  128. MatButton.prototype.focus = /**
  129. * Focuses the button.
  130. * @param {?=} _origin
  131. * @param {?=} options
  132. * @return {?}
  133. */
  134. function (_origin, options) {
  135. // Note that we aren't using `_origin`, but we need to keep it because some internal consumers
  136. // use `MatButton` in a `FocusKeyManager` and we need it to match `FocusableOption`.
  137. this._getHostElement().focus(options);
  138. };
  139. /**
  140. * @return {?}
  141. */
  142. MatButton.prototype._getHostElement = /**
  143. * @return {?}
  144. */
  145. function () {
  146. return this._elementRef.nativeElement;
  147. };
  148. /**
  149. * @return {?}
  150. */
  151. MatButton.prototype._isRippleDisabled = /**
  152. * @return {?}
  153. */
  154. function () {
  155. return this.disableRipple || this.disabled;
  156. };
  157. /** Gets whether the button has one of the given attributes. */
  158. /**
  159. * Gets whether the button has one of the given attributes.
  160. * @param {...?} attributes
  161. * @return {?}
  162. */
  163. MatButton.prototype._hasHostAttributes = /**
  164. * Gets whether the button has one of the given attributes.
  165. * @param {...?} attributes
  166. * @return {?}
  167. */
  168. function () {
  169. var _this = this;
  170. var attributes = [];
  171. for (var _i = 0; _i < arguments.length; _i++) {
  172. attributes[_i] = arguments[_i];
  173. }
  174. return attributes.some((/**
  175. * @param {?} attribute
  176. * @return {?}
  177. */
  178. function (attribute) { return _this._getHostElement().hasAttribute(attribute); }));
  179. };
  180. MatButton.decorators = [
  181. { type: core.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]",
  182. exportAs: 'matButton',
  183. host: {
  184. '[attr.disabled]': 'disabled || null',
  185. '[class._mat-animation-noopable]': '_animationMode === "NoopAnimations"',
  186. },
  187. 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>",
  188. 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}}"],
  189. inputs: ['disabled', 'disableRipple', 'color'],
  190. encapsulation: core.ViewEncapsulation.None,
  191. changeDetection: core.ChangeDetectionStrategy.OnPush,
  192. },] },
  193. ];
  194. /** @nocollapse */
  195. MatButton.ctorParameters = function () { return [
  196. { type: core.ElementRef },
  197. { type: a11y.FocusMonitor },
  198. { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [animations.ANIMATION_MODULE_TYPE,] }] }
  199. ]; };
  200. MatButton.propDecorators = {
  201. ripple: [{ type: core.ViewChild, args: [core$1.MatRipple, { static: false },] }]
  202. };
  203. return MatButton;
  204. }(_MatButtonMixinBase));
  205. /**
  206. * Material design anchor button.
  207. */
  208. var MatAnchor = /** @class */ (function (_super) {
  209. __extends(MatAnchor, _super);
  210. function MatAnchor(focusMonitor, elementRef, animationMode) {
  211. return _super.call(this, elementRef, focusMonitor, animationMode) || this;
  212. }
  213. /**
  214. * @param {?} event
  215. * @return {?}
  216. */
  217. MatAnchor.prototype._haltDisabledEvents = /**
  218. * @param {?} event
  219. * @return {?}
  220. */
  221. function (event) {
  222. // A disabled button shouldn't apply any actions
  223. if (this.disabled) {
  224. event.preventDefault();
  225. event.stopImmediatePropagation();
  226. }
  227. };
  228. MatAnchor.decorators = [
  229. { type: core.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]",
  230. exportAs: 'matButton, matAnchor',
  231. host: {
  232. // Note that we ignore the user-specified tabindex when it's disabled for
  233. // consistency with the `mat-button` applied on native buttons where even
  234. // though they have an index, they're not tabbable.
  235. '[attr.tabindex]': 'disabled ? -1 : (tabIndex || 0)',
  236. '[attr.disabled]': 'disabled || null',
  237. '[attr.aria-disabled]': 'disabled.toString()',
  238. '(click)': '_haltDisabledEvents($event)',
  239. '[class._mat-animation-noopable]': '_animationMode === "NoopAnimations"',
  240. },
  241. inputs: ['disabled', 'disableRipple', 'color'],
  242. 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>",
  243. 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}}"],
  244. encapsulation: core.ViewEncapsulation.None,
  245. changeDetection: core.ChangeDetectionStrategy.OnPush,
  246. },] },
  247. ];
  248. /** @nocollapse */
  249. MatAnchor.ctorParameters = function () { return [
  250. { type: a11y.FocusMonitor },
  251. { type: core.ElementRef },
  252. { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [animations.ANIMATION_MODULE_TYPE,] }] }
  253. ]; };
  254. MatAnchor.propDecorators = {
  255. tabIndex: [{ type: core.Input }]
  256. };
  257. return MatAnchor;
  258. }(MatButton));
  259. /**
  260. * @fileoverview added by tsickle
  261. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  262. */
  263. var MatButtonModule = /** @class */ (function () {
  264. function MatButtonModule() {
  265. }
  266. MatButtonModule.decorators = [
  267. { type: core.NgModule, args: [{
  268. imports: [
  269. common.CommonModule,
  270. core$1.MatRippleModule,
  271. core$1.MatCommonModule,
  272. ],
  273. exports: [
  274. MatButton,
  275. MatAnchor,
  276. core$1.MatCommonModule,
  277. ],
  278. declarations: [
  279. MatButton,
  280. MatAnchor,
  281. ],
  282. },] },
  283. ];
  284. return MatButtonModule;
  285. }());
  286. exports.MatButtonModule = MatButtonModule;
  287. exports.MatButton = MatButton;
  288. exports.MatAnchor = MatAnchor;
  289. Object.defineProperty(exports, '__esModule', { value: true });
  290. })));
  291. //# sourceMappingURL=material-button.umd.js.map