foundation.js 4.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. /**
  2. * @license
  3. * Copyright 2017 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, numbers, strings } from './constants';
  26. /** MDC Notched Outline Foundation */
  27. var MDCNotchedOutlineFoundation = /** @class */ (function (_super) {
  28. __extends(MDCNotchedOutlineFoundation, _super);
  29. function MDCNotchedOutlineFoundation(adapter) {
  30. return _super.call(this, __assign(__assign({}, MDCNotchedOutlineFoundation.defaultAdapter), adapter)) || this;
  31. }
  32. Object.defineProperty(MDCNotchedOutlineFoundation, "strings", {
  33. get: function () {
  34. return strings;
  35. },
  36. enumerable: false,
  37. configurable: true
  38. });
  39. Object.defineProperty(MDCNotchedOutlineFoundation, "cssClasses", {
  40. get: function () {
  41. return cssClasses;
  42. },
  43. enumerable: false,
  44. configurable: true
  45. });
  46. Object.defineProperty(MDCNotchedOutlineFoundation, "numbers", {
  47. get: function () {
  48. return numbers;
  49. },
  50. enumerable: false,
  51. configurable: true
  52. });
  53. Object.defineProperty(MDCNotchedOutlineFoundation, "defaultAdapter", {
  54. /**
  55. * See {@link MDCNotchedOutlineAdapter} for typing information on parameters
  56. * and return types.
  57. */
  58. get: function () {
  59. // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
  60. return {
  61. addClass: function () { return undefined; },
  62. removeClass: function () { return undefined; },
  63. setNotchWidthProperty: function () { return undefined; },
  64. removeNotchWidthProperty: function () { return undefined; },
  65. };
  66. // tslint:enable:object-literal-sort-keys
  67. },
  68. enumerable: false,
  69. configurable: true
  70. });
  71. /**
  72. * Adds the outline notched selector and updates the notch width calculated
  73. * based off of notchWidth.
  74. */
  75. MDCNotchedOutlineFoundation.prototype.notch = function (notchWidth) {
  76. var OUTLINE_NOTCHED = MDCNotchedOutlineFoundation.cssClasses.OUTLINE_NOTCHED;
  77. if (notchWidth > 0) {
  78. notchWidth +=
  79. numbers.NOTCH_ELEMENT_PADDING; // Add padding from left/right.
  80. }
  81. this.adapter.setNotchWidthProperty(notchWidth);
  82. this.adapter.addClass(OUTLINE_NOTCHED);
  83. };
  84. /**
  85. * Removes notched outline selector to close the notch in the outline.
  86. */
  87. MDCNotchedOutlineFoundation.prototype.closeNotch = function () {
  88. var OUTLINE_NOTCHED = MDCNotchedOutlineFoundation.cssClasses.OUTLINE_NOTCHED;
  89. this.adapter.removeClass(OUTLINE_NOTCHED);
  90. this.adapter.removeNotchWidthProperty();
  91. };
  92. return MDCNotchedOutlineFoundation;
  93. }(MDCFoundation));
  94. export { MDCNotchedOutlineFoundation };
  95. // tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.
  96. export default MDCNotchedOutlineFoundation;
  97. //# sourceMappingURL=foundation.js.map