carbon-custom-elements/es/globals/mixins/form.js

A Carbon Design System variant that's as easy to use as native HTML elements, with no framework tax, no framework silo.

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

/**
 * @license
 *
 * Copyright IBM Corp. 2019
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
import on from 'carbon-components/es/globals/js/misc/on';

/**
 * @param Base The base class.
 * @returns A mix-in to handle `formdata` event on the containing form.
 */
const FormMixin = Base => {
  /**
   * A mix-in class to handle `formdata` event on the containing form.
   */
  class FormMixinImpl extends Base {
    constructor(...args) {
      super(...args);

      _defineProperty(this, "_hFormdata", null);
    }

    connectedCallback() {
      // @ts-ignore
      super.connectedCallback();
      const form = this.closest('form');

      if (form) {
        this._hFormdata = on(form, 'formdata', this._handleFormdata.bind(this));
      }
    }

    disconnectedCallback() {
      if (this._hFormdata) {
        this._hFormdata = this._hFormdata.release();
      } // @ts-ignore


      super.disconnectedCallback();
    }

  }

  return FormMixinImpl;
};

export default FormMixin;
//# sourceMappingURL=form.js.map