refactor: removed comments

Author: wuda-io

docs/js/materialize.js

@@ -1,133 +1,88 @@
 import { Component } from "./component";
-import $ from "cash-dom";
 
-  let _defaults = {};
-
-  /**
-   * @class
-   *
-   */
-  export class CharacterCounter extends Component {
-    isInvalid: boolean;
-    isValidLength: boolean;
-    private _handleUpdateCounterBound: any;
-    counterEl: HTMLSpanElement;
-    /**
-     * Construct CharacterCounter instance
-     * @constructor
-     * @param {Element} el
-     * @param {Object} options
-     */
-    constructor(el, options) {
-      super(CharacterCounter, el, options);
-
-      (this.el as any).M_CharacterCounter = this;
-
-      /**
-       * Options for the character counter
-       */
-      this.options = $.extend({}, CharacterCounter.defaults, options);
-
-      this.isInvalid = false;
-      this.isValidLength = false;
-      this._setupCounter();
-      this._setupEventHandlers();
-    }
+let _defaults = {};
+
+export class CharacterCounter extends Component {
+  isInvalid: boolean;
+  isValidLength: boolean;
+  private _handleUpdateCounterBound: any;
+  counterEl: HTMLSpanElement;
+
+  constructor(el: Element, options: Object) {
+    super(CharacterCounter, el, options);
+    (this.el as any).M_CharacterCounter = this;
+    this.options = {...CharacterCounter.defaults, ...options};
+    this.isInvalid = false;
+    this.isValidLength = false;
+    this._setupCounter();
+    this._setupEventHandlers();
+  }
 
-    static get defaults() {
-      return _defaults;
-    }
+  static get defaults() {
+    return _defaults;
+  }
 
-    static init(els, options) {
-      return super.init(this, els, options);
-    }
+  static init(els, options) {
+    return super.init(this, els, options);
+  }
 
-    /**
-     * Get Instance
-     */
-    static getInstance(el) {
-      let domElem = !!el.jquery ? el[0] : el;
-      return domElem.M_CharacterCounter;
-    }
+  static getInstance(el) {
+    let domElem = !!el.jquery ? el[0] : el;
+    return domElem.M_CharacterCounter;
+  }
 
-    /**
-     * Teardown component
-     */
-    destroy() {
-      this._removeEventHandlers();
-      (this.el as any).CharacterCounter = undefined;
-      this._removeCounter();
-    }
+  destroy() {
+    this._removeEventHandlers();
+    (this.el as any).CharacterCounter = undefined;
+    this._removeCounter();
+  }
 
-    /**
-     * Setup Event Handlers
-     */
-    _setupEventHandlers() {
-      this._handleUpdateCounterBound = this.updateCounter.bind(this);
+  _setupEventHandlers() {
+    this._handleUpdateCounterBound = this.updateCounter.bind(this);
+    this.el.addEventListener('focus', this._handleUpdateCounterBound, true);
+    this.el.addEventListener('input', this._handleUpdateCounterBound, true);
+  }
 
-      this.el.addEventListener('focus', this._handleUpdateCounterBound, true);
-      this.el.addEventListener('input', this._handleUpdateCounterBound, true);
-    }
+  _removeEventHandlers() {
+    this.el.removeEventListener('focus', this._handleUpdateCounterBound, true);
+    this.el.removeEventListener('input', this._handleUpdateCounterBound, true);
+  }
 
-    /**
-     * Remove Event Handlers
-     */
-    _removeEventHandlers() {
-      this.el.removeEventListener('focus', this._handleUpdateCounterBound, true);
-      this.el.removeEventListener('input', this._handleUpdateCounterBound, true);
-    }
+  _setupCounter() {
+    this.counterEl = document.createElement('span');
+    this.counterEl.classList.add('character-counter');
+    this.counterEl.style.float = 'right';
+    this.counterEl.style.fontSize = '12px';
+    this.counterEl.style.height = '1';
+    this.el.parentElement.appendChild(this.counterEl);
+  }
 
-    /**
-     * Setup counter element
-     */
-    _setupCounter() {
-      this.counterEl = document.createElement('span');
-      $(this.counterEl)
-        .addClass('character-counter')
-        .css({
-          float: 'right',
-          'font-size': '12px',
-          height: 1
-        });
+  _removeCounter() {
+    this.counterEl.remove();
+  }
 
-      this.$el.parent().append(this.counterEl);
-    }
+  updateCounter() {
+    let maxLength = parseInt(this.el.getAttribute('data-length')),
+      actualLength = (this.el as HTMLInputElement).value.length;
 
-    /**
-     * Remove counter element
-     */
-    _removeCounter() {
-      $(this.counterEl).remove();
+    this.isValidLength = actualLength <= maxLength;
+    let counterString = actualLength.toString();
+    if (maxLength) {
+      counterString += '/' + maxLength;
+      this._validateInput();
     }
+    this.counterEl.innerHTML = counterString;
+  }
 
-    /**
-     * Update counter
-     */
-    updateCounter() {
-      let maxLength = +this.$el.attr('data-length'),
-        actualLength = (this.el as HTMLInputElement).value.length;
-      this.isValidLength = actualLength <= maxLength;
-      let counterString = actualLength.toString();
-
-      if (maxLength) {
-        counterString += '/' + maxLength;
-        this._validateInput();
-      }
-
-      $(this.counterEl).html(counterString);
+  _validateInput() {
+    if (this.isValidLength && this.isInvalid) {
+      this.isInvalid = false;
+      this.el.classList.remove('invalid');
     }
-
-    /**
-     * Add validation classes
-     */
-    _validateInput() {
-      if (this.isValidLength && this.isInvalid) {
-        this.isInvalid = false;
-        this.$el.removeClass('invalid');
-      } else if (!this.isValidLength && !this.isInvalid) {
-        this.isInvalid = true;
-        this.$el.removeClass('valid');
-        this.$el.addClass('invalid');
-      }
+    else if (!this.isValidLength && !this.isInvalid) {
+      this.isInvalid = true;
+      this.el.classList.remove('valid');
+      this.el.classList.add('invalid');
     }
   }
+}