foundation.js 4.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. /**
  2. * @license
  3. * Copyright 2018 Google Inc.
  4. *
  5. * Permission is hereby granted, free of charge, to any person obtaining a copy
  6. * of this software and associated documentation files (the "Software"), to deal
  7. * in the Software without restriction, including without limitation the rights
  8. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  9. * copies of the Software, and to permit persons to whom the Software is
  10. * furnished to do so, subject to the following conditions:
  11. *
  12. * The above copyright notice and this permission notice shall be included in
  13. * all copies or substantial portions of the Software.
  14. *
  15. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  16. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  17. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  18. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  19. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  20. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  21. * THE SOFTWARE.
  22. */
  23. import { __assign, __extends } from "tslib";
  24. import { MDCFoundation } from '@material/base/foundation';
  25. import { cssClasses } from './constants';
  26. /** MDC Line Ripple Foundation */
  27. var MDCLineRippleFoundation = /** @class */ (function (_super) {
  28. __extends(MDCLineRippleFoundation, _super);
  29. function MDCLineRippleFoundation(adapter) {
  30. var _this = _super.call(this, __assign(__assign({}, MDCLineRippleFoundation.defaultAdapter), adapter)) || this;
  31. _this.transitionEndHandler = function (evt) {
  32. _this.handleTransitionEnd(evt);
  33. };
  34. return _this;
  35. }
  36. Object.defineProperty(MDCLineRippleFoundation, "cssClasses", {
  37. get: function () {
  38. return cssClasses;
  39. },
  40. enumerable: false,
  41. configurable: true
  42. });
  43. Object.defineProperty(MDCLineRippleFoundation, "defaultAdapter", {
  44. /**
  45. * See {@link MDCLineRippleAdapter} for typing information on parameters and
  46. * return types.
  47. */
  48. get: function () {
  49. // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
  50. return {
  51. addClass: function () { return undefined; },
  52. removeClass: function () { return undefined; },
  53. hasClass: function () { return false; },
  54. setStyle: function () { return undefined; },
  55. registerEventHandler: function () { return undefined; },
  56. deregisterEventHandler: function () { return undefined; },
  57. };
  58. // tslint:enable:object-literal-sort-keys
  59. },
  60. enumerable: false,
  61. configurable: true
  62. });
  63. MDCLineRippleFoundation.prototype.init = function () {
  64. this.adapter.registerEventHandler('transitionend', this.transitionEndHandler);
  65. };
  66. MDCLineRippleFoundation.prototype.destroy = function () {
  67. this.adapter.deregisterEventHandler('transitionend', this.transitionEndHandler);
  68. };
  69. MDCLineRippleFoundation.prototype.activate = function () {
  70. this.adapter.removeClass(cssClasses.LINE_RIPPLE_DEACTIVATING);
  71. this.adapter.addClass(cssClasses.LINE_RIPPLE_ACTIVE);
  72. };
  73. MDCLineRippleFoundation.prototype.setRippleCenter = function (xCoordinate) {
  74. this.adapter.setStyle('transform-origin', xCoordinate + "px center");
  75. };
  76. MDCLineRippleFoundation.prototype.deactivate = function () {
  77. this.adapter.addClass(cssClasses.LINE_RIPPLE_DEACTIVATING);
  78. };
  79. MDCLineRippleFoundation.prototype.handleTransitionEnd = function (evt) {
  80. // Wait for the line ripple to be either transparent or opaque
  81. // before emitting the animation end event
  82. var isDeactivating = this.adapter.hasClass(cssClasses.LINE_RIPPLE_DEACTIVATING);
  83. if (evt.propertyName === 'opacity') {
  84. if (isDeactivating) {
  85. this.adapter.removeClass(cssClasses.LINE_RIPPLE_ACTIVE);
  86. this.adapter.removeClass(cssClasses.LINE_RIPPLE_DEACTIVATING);
  87. }
  88. }
  89. };
  90. return MDCLineRippleFoundation;
  91. }(MDCFoundation));
  92. export { MDCLineRippleFoundation };
  93. // tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.
  94. export default MDCLineRippleFoundation;
  95. //# sourceMappingURL=foundation.js.map