material_design_lite-sass 1.0.2.1 → 1.0.3

data/vendor/assets/javascripts/material/data-table.js

@@ -15,135 +15,151 @@
  * limitations under the License.
  */
 
-/**
- * Class constructor for Data Table Card MDL component.
- * Implements MDL component design pattern defined at:
- * https://github.com/jasonmayes/mdl-component-design-pattern
- * @param {HTMLElement} element The element that will be upgraded.
- */
-function MaterialDataTable(element) {
-  'use strict';
-
-  this.element_ = element;
-
-  // Initialize instance.
-  this.init();
-}
-
-/**
- * Store constants in one place so they can be updated easily.
- * @enum {string | number}
- * @private
- */
-MaterialDataTable.prototype.Constant_ = {
-  // None at the moment.
-};
-
-/**
- * Store strings for class names defined by this component that are used in
- * JavaScript. This allows us to simply change it in one place should we
- * decide to modify at a later date.
- * @enum {string}
- * @private
- */
-MaterialDataTable.prototype.CssClasses_ = {
-  DATA_TABLE: 'mdl-data-table',
-  SELECTABLE: 'mdl-data-table--selectable',
-  IS_SELECTED: 'is-selected',
-  IS_UPGRADED: 'is-upgraded'
-};
-
-MaterialDataTable.prototype.selectRow_ = function(checkbox, row, rows) {
+(function() {
   'use strict';
 
-  if (row) {
-    return function() {
-      if (checkbox.checked) {
-        row.classList.add(this.CssClasses_.IS_SELECTED);
-      } else {
-        row.classList.remove(this.CssClasses_.IS_SELECTED);
-      }
-    }.bind(this);
-  }
+  /**
+   * Class constructor for Data Table Card MDL component.
+   * Implements MDL component design pattern defined at:
+   * https://github.com/jasonmayes/mdl-component-design-pattern
+   *
+   * @param {HTMLElement} element The element that will be upgraded.
+   */
+  var MaterialDataTable = function MaterialDataTable(element) {
+    this.element_ = element;
+
+    // Initialize instance.
+    this.init();
+  };
+  window.MaterialDataTable = MaterialDataTable;
+
+  /**
+   * Store constants in one place so they can be updated easily.
+   *
+   * @enum {String | Number}
+   * @private
+   */
+  MaterialDataTable.prototype.Constant_ = {
+    // None at the moment.
+  };
+
+  /**
+   * Store strings for class names defined by this component that are used in
+   * JavaScript. This allows us to simply change it in one place should we
+   * decide to modify at a later date.
+   *
+   * @enum {String}
+   * @private
+   */
+  MaterialDataTable.prototype.CssClasses_ = {
+    DATA_TABLE: 'mdl-data-table',
+    SELECTABLE: 'mdl-data-table--selectable',
+    IS_SELECTED: 'is-selected',
+    IS_UPGRADED: 'is-upgraded'
+  };
+
+  /**
+   * Generates and returns a function that toggles the selection state of a
+   * single row (or multiple rows).
+   *
+   * @param {HTMLElement} checkbox Checkbox that toggles the selection state.
+   * @param {HTMLElement} row Row to toggle when checkbox changes.
+   * @param {HTMLElement[]} rows Rows to toggle when checkbox changes.
+   * @private
+   */
+  MaterialDataTable.prototype.selectRow_ = function(checkbox, row, rows) {
+    if (row) {
+      return function() {
+        if (checkbox.checked) {
+          row.classList.add(this.CssClasses_.IS_SELECTED);
+        } else {
+          row.classList.remove(this.CssClasses_.IS_SELECTED);
+        }
+      }.bind(this);
+    }
 
-  if (rows) {
-    return function() {
-      var i;
-      var el;
-      if (checkbox.checked) {
-        for (i = 0; i < rows.length; i++) {
-          el = rows[i].querySelector('td').querySelector('.mdl-checkbox');
-          el.MaterialCheckbox.check();
-          rows[i].classList.add(this.CssClasses_.IS_SELECTED);
+    if (rows) {
+      return function() {
+        var i;
+        var el;
+        if (checkbox.checked) {
+          for (i = 0; i < rows.length; i++) {
+            el = rows[i].querySelector('td').querySelector('.mdl-checkbox');
+            el.MaterialCheckbox.check();
+            rows[i].classList.add(this.CssClasses_.IS_SELECTED);
+          }
+        } else {
+          for (i = 0; i < rows.length; i++) {
+            el = rows[i].querySelector('td').querySelector('.mdl-checkbox');
+            el.MaterialCheckbox.uncheck();
+            rows[i].classList.remove(this.CssClasses_.IS_SELECTED);
+          }
         }
-      } else {
-        for (i = 0; i < rows.length; i++) {
-          el = rows[i].querySelector('td').querySelector('.mdl-checkbox');
-          el.MaterialCheckbox.uncheck();
-          rows[i].classList.remove(this.CssClasses_.IS_SELECTED);
+      }.bind(this);
+    }
+  };
+
+  /**
+   * Creates a checkbox for a single or or multiple rows and hooks up the
+   * event handling.
+   *
+   * @param {HTMLElement} row Row to toggle when checkbox changes.
+   * @param {HTMLElement[]} rows Rows to toggle when checkbox changes.
+   * @private
+   */
+  MaterialDataTable.prototype.createCheckbox_ = function(row, rows) {
+    var label = document.createElement('label');
+    label.classList.add('mdl-checkbox');
+    label.classList.add('mdl-js-checkbox');
+    label.classList.add('mdl-js-ripple-effect');
+    label.classList.add('mdl-data-table__select');
+    var checkbox = document.createElement('input');
+    checkbox.type = 'checkbox';
+    checkbox.classList.add('mdl-checkbox__input');
+    if (row) {
+      checkbox.addEventListener('change', this.selectRow_(checkbox, row));
+    } else if (rows) {
+      checkbox.addEventListener('change', this.selectRow_(checkbox, null, rows));
+    }
+    label.appendChild(checkbox);
+    componentHandler.upgradeElement(label, 'MaterialCheckbox');
+    return label;
+  };
+
+  /**
+   * Initialize element.
+   */
+  MaterialDataTable.prototype.init = function() {
+    if (this.element_) {
+      var firstHeader = this.element_.querySelector('th');
+      var rows = this.element_.querySelector('tbody').querySelectorAll('tr');
+
+      if (this.element_.classList.contains(this.CssClasses_.SELECTABLE)) {
+        var th = document.createElement('th');
+        var headerCheckbox = this.createCheckbox_(null, rows);
+        th.appendChild(headerCheckbox);
+        firstHeader.parentElement.insertBefore(th, firstHeader);
+
+        for (var i = 0; i < rows.length; i++) {
+          var firstCell = rows[i].querySelector('td');
+          if (firstCell) {
+            var td = document.createElement('td');
+            var rowCheckbox = this.createCheckbox_(rows[i]);
+            td.appendChild(rowCheckbox);
+            rows[i].insertBefore(td, firstCell);
+          }
         }
       }
-    }.bind(this);
-  }
-};
-
-MaterialDataTable.prototype.createCheckbox_ = function(row, rows) {
-  'use strict';
-
-  var label = document.createElement('label');
-  label.classList.add('mdl-checkbox');
-  label.classList.add('mdl-js-checkbox');
-  label.classList.add('mdl-js-ripple-effect');
-  label.classList.add('mdl-data-table__select');
-  var checkbox = document.createElement('input');
-  checkbox.type = 'checkbox';
-  checkbox.classList.add('mdl-checkbox__input');
-  if (row) {
-    checkbox.addEventListener('change', this.selectRow_(checkbox, row));
-  } else if (rows) {
-    checkbox.addEventListener('change', this.selectRow_(checkbox, null, rows));
-  }
-  label.appendChild(checkbox);
-  componentHandler.upgradeElement(label, 'MaterialCheckbox');
-  return label;
-};
-
-/**
- * Initialize element.
- */
-MaterialDataTable.prototype.init = function() {
-  'use strict';
 
-  if (this.element_) {
-
-    var firstHeader = this.element_.querySelector('th');
-    var rows = this.element_.querySelector('tbody').querySelectorAll('tr');
-
-    if (this.element_.classList.contains(this.CssClasses_.SELECTABLE)) {
-      var th = document.createElement('th');
-      var headerCheckbox = this.createCheckbox_(null, rows);
-      th.appendChild(headerCheckbox);
-      firstHeader.parentElement.insertBefore(th, firstHeader);
-
-      for (var i = 0; i < rows.length; i++) {
-        var firstCell = rows[i].querySelector('td');
-        if (firstCell) {
-          var td = document.createElement('td');
-          var rowCheckbox = this.createCheckbox_(rows[i]);
-          td.appendChild(rowCheckbox);
-          rows[i].insertBefore(td, firstCell);
-        }
-      }
+      this.element_.classList.add(this.CssClasses_.IS_UPGRADED);
     }
-
-    this.element_.classList.add(this.CssClasses_.IS_UPGRADED);
-  }
-};
-
-// The component registers itself. It can assume componentHandler is available
-// in the global scope.
-componentHandler.register({
-  constructor: MaterialDataTable,
-  classAsString: 'MaterialDataTable',
-  cssClass: 'mdl-js-data-table'
-});
+  };
+
+  // The component registers itself. It can assume componentHandler is available
+  // in the global scope.
+  componentHandler.register({
+    constructor: MaterialDataTable,
+    classAsString: 'MaterialDataTable',
+    cssClass: 'mdl-js-data-table'
+  });
+})();

data/vendor/assets/javascripts/material/icon-toggle.js

@@ -15,250 +15,246 @@
  * limitations under the License.
  */
 
-/**
- * Class constructor for icon toggle MDL component.
- * Implements MDL component design pattern defined at:
- * https://github.com/jasonmayes/mdl-component-design-pattern
- * @param {HTMLElement} element The element that will be upgraded.
- */
-function MaterialIconToggle(element) {
-  'use strict';
-
-  this.element_ = element;
-
-  // Initialize instance.
-  this.init();
-}
-
-/**
- * Store constants in one place so they can be updated easily.
- * @enum {string | number}
- * @private
- */
-MaterialIconToggle.prototype.Constant_ = {
-  TINY_TIMEOUT: 0.001
-};
-
-/**
- * Store strings for class names defined by this component that are used in
- * JavaScript. This allows us to simply change it in one place should we
- * decide to modify at a later date.
- * @enum {string}
- * @private
- */
-MaterialIconToggle.prototype.CssClasses_ = {
-  INPUT: 'mdl-icon-toggle__input',
-  JS_RIPPLE_EFFECT: 'mdl-js-ripple-effect',
-  RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events',
-  RIPPLE_CONTAINER: 'mdl-icon-toggle__ripple-container',
-  RIPPLE_CENTER: 'mdl-ripple--center',
-  RIPPLE: 'mdl-ripple',
-  IS_FOCUSED: 'is-focused',
-  IS_DISABLED: 'is-disabled',
-  IS_CHECKED: 'is-checked'
-};
-
-/**
- * Handle change of state.
- * @param {Event} event The event that fired.
- * @private
- */
-MaterialIconToggle.prototype.onChange_ = function(event) {
-  'use strict';
-
-  this.updateClasses_();
-};
-
-/**
- * Handle focus of element.
- * @param {Event} event The event that fired.
- * @private
- */
-MaterialIconToggle.prototype.onFocus_ = function(event) {
-  'use strict';
-
-  this.element_.classList.add(this.CssClasses_.IS_FOCUSED);
-};
-
-/**
- * Handle lost focus of element.
- * @param {Event} event The event that fired.
- * @private
- */
-MaterialIconToggle.prototype.onBlur_ = function(event) {
-  'use strict';
-
-  this.element_.classList.remove(this.CssClasses_.IS_FOCUSED);
-};
-
-/**
- * Handle mouseup.
- * @param {Event} event The event that fired.
- * @private
- */
-MaterialIconToggle.prototype.onMouseUp_ = function(event) {
-  'use strict';
-
-  this.blur_();
-};
-
-/**
- * Handle class updates.
- * @param {HTMLElement} button The button whose classes we should update.
- * @param {HTMLElement} label The label whose classes we should update.
- * @private
- */
-MaterialIconToggle.prototype.updateClasses_ = function() {
-  'use strict';
-  this.checkDisabled();
-  this.checkToggleState();
-};
-
-/**
- * Add blur.
- * @private
- */
-MaterialIconToggle.prototype.blur_ = function(event) {
-  'use strict';
-
-  // TODO: figure out why there's a focus event being fired after our blur,
-  // so that we can avoid this hack.
-  window.setTimeout(function() {
-    this.inputElement_.blur();
-  }.bind(this), this.Constant_.TINY_TIMEOUT);
-};
-
-// Public methods.
-
-/**
-* Check the inputs toggle state and update display.
-* @public
-*/
-MaterialIconToggle.prototype.checkToggleState = function() {
+(function() {
   'use strict';
-  if (this.inputElement_.checked) {
-    this.element_.classList.add(this.CssClasses_.IS_CHECKED);
-  } else {
-    this.element_.classList.remove(this.CssClasses_.IS_CHECKED);
-  }
-};
 
-/**
-* Check the inputs disabled state and update display.
-* @public
-*/
-MaterialIconToggle.prototype.checkDisabled = function() {
-  'use strict';
-  if (this.inputElement_.disabled) {
-    this.element_.classList.add(this.CssClasses_.IS_DISABLED);
-  } else {
-    this.element_.classList.remove(this.CssClasses_.IS_DISABLED);
-  }
-};
-
-/**
- * Disable icon toggle.
- * @public
- */
-MaterialIconToggle.prototype.disable = function() {
-  'use strict';
-
-  this.inputElement_.disabled = true;
-  this.updateClasses_();
-};
-
-/**
- * Enable icon toggle.
- * @public
- */
-MaterialIconToggle.prototype.enable = function() {
-  'use strict';
-
-  this.inputElement_.disabled = false;
-  this.updateClasses_();
-};
-
-/**
- * Check icon toggle.
- * @public
- */
-MaterialIconToggle.prototype.check = function() {
-  'use strict';
-
-  this.inputElement_.checked = true;
-  this.updateClasses_();
-};
-
-/**
- * Uncheck icon toggle.
- * @public
- */
-MaterialIconToggle.prototype.uncheck = function() {
-  'use strict';
-
-  this.inputElement_.checked = false;
-  this.updateClasses_();
-};
-
-/**
- * Initialize element.
- */
-MaterialIconToggle.prototype.init = function() {
-  'use strict';
-
-  if (this.element_) {
-    this.inputElement_ =
-        this.element_.querySelector('.' + this.CssClasses_.INPUT);
-
-    if (this.element_.classList.contains(this.CssClasses_.JS_RIPPLE_EFFECT)) {
-      this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS);
-      this.rippleContainerElement_ = document.createElement('span');
-      this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CONTAINER);
-      this.rippleContainerElement_.classList.add(this.CssClasses_.JS_RIPPLE_EFFECT);
-      this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CENTER);
-      this.boundRippleMouseUp = this.onMouseUp_.bind(this);
-      this.rippleContainerElement_.addEventListener('mouseup', this.boundRippleMouseUp);
-
-      var ripple = document.createElement('span');
-      ripple.classList.add(this.CssClasses_.RIPPLE);
-
-      this.rippleContainerElement_.appendChild(ripple);
-      this.element_.appendChild(this.rippleContainerElement_);
+  /**
+   * Class constructor for icon toggle MDL component.
+   * Implements MDL component design pattern defined at:
+   * https://github.com/jasonmayes/mdl-component-design-pattern
+   *
+   * @param {HTMLElement} element The element that will be upgraded.
+   */
+  var MaterialIconToggle = function MaterialIconToggle(element) {
+    this.element_ = element;
+
+    // Initialize instance.
+    this.init();
+  };
+  window.MaterialIconToggle = MaterialIconToggle;
+
+  /**
+   * Store constants in one place so they can be updated easily.
+   *
+   * @enum {String | Number}
+   * @private
+   */
+  MaterialIconToggle.prototype.Constant_ = {
+    TINY_TIMEOUT: 0.001
+  };
+
+  /**
+   * Store strings for class names defined by this component that are used in
+   * JavaScript. This allows us to simply change it in one place should we
+   * decide to modify at a later date.
+   *
+   * @enum {String}
+   * @private
+   */
+  MaterialIconToggle.prototype.CssClasses_ = {
+    INPUT: 'mdl-icon-toggle__input',
+    JS_RIPPLE_EFFECT: 'mdl-js-ripple-effect',
+    RIPPLE_IGNORE_EVENTS: 'mdl-js-ripple-effect--ignore-events',
+    RIPPLE_CONTAINER: 'mdl-icon-toggle__ripple-container',
+    RIPPLE_CENTER: 'mdl-ripple--center',
+    RIPPLE: 'mdl-ripple',
+    IS_FOCUSED: 'is-focused',
+    IS_DISABLED: 'is-disabled',
+    IS_CHECKED: 'is-checked'
+  };
+
+  /**
+   * Handle change of state.
+   *
+   * @param {Event} event The event that fired.
+   * @private
+   */
+  MaterialIconToggle.prototype.onChange_ = function(event) {
+    this.updateClasses_();
+  };
+
+  /**
+   * Handle focus of element.
+   *
+   * @param {Event} event The event that fired.
+   * @private
+   */
+  MaterialIconToggle.prototype.onFocus_ = function(event) {
+    this.element_.classList.add(this.CssClasses_.IS_FOCUSED);
+  };
+
+  /**
+   * Handle lost focus of element.
+   *
+   * @param {Event} event The event that fired.
+   * @private
+   */
+  MaterialIconToggle.prototype.onBlur_ = function(event) {
+    this.element_.classList.remove(this.CssClasses_.IS_FOCUSED);
+  };
+
+  /**
+   * Handle mouseup.
+   *
+   * @param {Event} event The event that fired.
+   * @private
+   */
+  MaterialIconToggle.prototype.onMouseUp_ = function(event) {
+    this.blur_();
+  };
+
+  /**
+   * Handle class updates.
+   *
+   * @private
+   */
+  MaterialIconToggle.prototype.updateClasses_ = function() {
+    this.checkDisabled();
+    this.checkToggleState();
+  };
+
+  /**
+   * Add blur.
+   *
+   * @param {Event} event The event that fired.
+   * @private
+   */
+  MaterialIconToggle.prototype.blur_ = function(event) {
+    // TODO: figure out why there's a focus event being fired after our blur,
+    // so that we can avoid this hack.
+    window.setTimeout(function() {
+      this.inputElement_.blur();
+    }.bind(this), this.Constant_.TINY_TIMEOUT);
+  };
+
+  // Public methods.
+
+  /**
+   * Check the inputs toggle state and update display.
+   *
+   * @public
+   */
+  MaterialIconToggle.prototype.checkToggleState = function() {
+    if (this.inputElement_.checked) {
+      this.element_.classList.add(this.CssClasses_.IS_CHECKED);
+    } else {
+      this.element_.classList.remove(this.CssClasses_.IS_CHECKED);
     }
-
-    this.boundInputOnChange = this.onChange_.bind(this);
-    this.boundInputOnFocus = this.onFocus_.bind(this);
-    this.boundInputOnBlur = this.onBlur_.bind(this);
-    this.boundElementOnMouseUp = this.onMouseUp_.bind(this);
-    this.inputElement_.addEventListener('change', this.boundInputOnChange);
-    this.inputElement_.addEventListener('focus', this.boundInputOnFocus);
-    this.inputElement_.addEventListener('blur', this.boundInputOnBlur);
-    this.element_.addEventListener('mouseup', this.boundElementOnMouseUp);
-
+  };
+
+  /**
+   * Check the inputs disabled state and update display.
+   *
+   * @public
+   */
+  MaterialIconToggle.prototype.checkDisabled = function() {
+    if (this.inputElement_.disabled) {
+      this.element_.classList.add(this.CssClasses_.IS_DISABLED);
+    } else {
+      this.element_.classList.remove(this.CssClasses_.IS_DISABLED);
+    }
+  };
+
+  /**
+   * Disable icon toggle.
+   *
+   * @public
+   */
+  MaterialIconToggle.prototype.disable = function() {
+    this.inputElement_.disabled = true;
     this.updateClasses_();
-    this.element_.classList.add('is-upgraded');
-  }
-};
-
-/*
-* Downgrade the component
-*/
-MaterialIconToggle.prototype.mdlDowngrade_ = function() {
-  'use strict';
-  if (this.rippleContainerElement_) {
-    this.rippleContainerElement_.removeEventListener('mouseup', this.boundRippleMouseUp);
-  }
-  this.inputElement_.removeEventListener('change', this.boundInputOnChange);
-  this.inputElement_.removeEventListener('focus', this.boundInputOnFocus);
-  this.inputElement_.removeEventListener('blur', this.boundInputOnBlur);
-  this.element_.removeEventListener('mouseup', this.boundElementOnMouseUp);
-};
-
-// The component registers itself. It can assume componentHandler is available
-// in the global scope.
-componentHandler.register({
-  constructor: MaterialIconToggle,
-  classAsString: 'MaterialIconToggle',
-  cssClass: 'mdl-js-icon-toggle',
-  widget: true
-});
+  };
+
+  /**
+   * Enable icon toggle.
+   *
+   * @public
+   */
+  MaterialIconToggle.prototype.enable = function() {
+    this.inputElement_.disabled = false;
+    this.updateClasses_();
+  };
+
+  /**
+   * Check icon toggle.
+   *
+   * @public
+   */
+  MaterialIconToggle.prototype.check = function() {
+    this.inputElement_.checked = true;
+    this.updateClasses_();
+  };
+
+  /**
+   * Uncheck icon toggle.
+   *
+   * @public
+   */
+  MaterialIconToggle.prototype.uncheck = function() {
+    this.inputElement_.checked = false;
+    this.updateClasses_();
+  };
+
+  /**
+   * Initialize element.
+   */
+  MaterialIconToggle.prototype.init = function() {
+
+    if (this.element_) {
+      this.inputElement_ =
+          this.element_.querySelector('.' + this.CssClasses_.INPUT);
+
+      if (this.element_.classList.contains(this.CssClasses_.JS_RIPPLE_EFFECT)) {
+        this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS);
+        this.rippleContainerElement_ = document.createElement('span');
+        this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CONTAINER);
+        this.rippleContainerElement_.classList.add(this.CssClasses_.JS_RIPPLE_EFFECT);
+        this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CENTER);
+        this.boundRippleMouseUp = this.onMouseUp_.bind(this);
+        this.rippleContainerElement_.addEventListener('mouseup', this.boundRippleMouseUp);
+
+        var ripple = document.createElement('span');
+        ripple.classList.add(this.CssClasses_.RIPPLE);
+
+        this.rippleContainerElement_.appendChild(ripple);
+        this.element_.appendChild(this.rippleContainerElement_);
+      }
+
+      this.boundInputOnChange = this.onChange_.bind(this);
+      this.boundInputOnFocus = this.onFocus_.bind(this);
+      this.boundInputOnBlur = this.onBlur_.bind(this);
+      this.boundElementOnMouseUp = this.onMouseUp_.bind(this);
+      this.inputElement_.addEventListener('change', this.boundInputOnChange);
+      this.inputElement_.addEventListener('focus', this.boundInputOnFocus);
+      this.inputElement_.addEventListener('blur', this.boundInputOnBlur);
+      this.element_.addEventListener('mouseup', this.boundElementOnMouseUp);
+
+      this.updateClasses_();
+      this.element_.classList.add('is-upgraded');
+    }
+  };
+
+  /**
+   * Downgrade the component
+   *
+   * @private
+   */
+  MaterialIconToggle.prototype.mdlDowngrade_ = function() {
+    if (this.rippleContainerElement_) {
+      this.rippleContainerElement_.removeEventListener('mouseup', this.boundRippleMouseUp);
+    }
+    this.inputElement_.removeEventListener('change', this.boundInputOnChange);
+    this.inputElement_.removeEventListener('focus', this.boundInputOnFocus);
+    this.inputElement_.removeEventListener('blur', this.boundInputOnBlur);
+    this.element_.removeEventListener('mouseup', this.boundElementOnMouseUp);
+  };
+
+  // The component registers itself. It can assume componentHandler is available
+  // in the global scope.
+  componentHandler.register({
+    constructor: MaterialIconToggle,
+    classAsString: 'MaterialIconToggle',
+    cssClass: 'mdl-js-icon-toggle',
+    widget: true
+  });
+})();