UNPKG

3.45 kBJavaScriptView Raw
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 */
23import { __extends } from "tslib";
24import { MDCComponent } from '@material/base/component';
25import { MDCLineRippleFoundation } from './foundation';
26var MDCLineRipple = /** @class */ (function (_super) {
27 __extends(MDCLineRipple, _super);
28 function MDCLineRipple() {
29 return _super !== null && _super.apply(this, arguments) || this;
30 }
31 MDCLineRipple.attachTo = function (root) {
32 return new MDCLineRipple(root);
33 };
34 /**
35 * Activates the line ripple
36 */
37 MDCLineRipple.prototype.activate = function () {
38 this.foundation.activate();
39 };
40 /**
41 * Deactivates the line ripple
42 */
43 MDCLineRipple.prototype.deactivate = function () {
44 this.foundation.deactivate();
45 };
46 /**
47 * Sets the transform origin given a user's click location.
48 * The `rippleCenter` is the x-coordinate of the middle of the ripple.
49 */
50 MDCLineRipple.prototype.setRippleCenter = function (xCoordinate) {
51 this.foundation.setRippleCenter(xCoordinate);
52 };
53 MDCLineRipple.prototype.getDefaultFoundation = function () {
54 var _this = this;
55 // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
56 // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
57 // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
58 var adapter = {
59 addClass: function (className) { return _this.root.classList.add(className); },
60 removeClass: function (className) { return _this.root.classList.remove(className); },
61 hasClass: function (className) { return _this.root.classList.contains(className); },
62 setStyle: function (propertyName, value) { return _this.root.style.setProperty(propertyName, value); },
63 registerEventHandler: function (evtType, handler) { return _this.listen(evtType, handler); },
64 deregisterEventHandler: function (evtType, handler) { return _this.unlisten(evtType, handler); },
65 };
66 // tslint:enable:object-literal-sort-keys
67 return new MDCLineRippleFoundation(adapter);
68 };
69 return MDCLineRipple;
70}(MDCComponent));
71export { MDCLineRipple };
72//# sourceMappingURL=component.js.map
\No newline at end of file