grapesjs/src/selector_manager/model/State.ts

import { Model } from '../../common';

/**
 * @typedef State
 * @property {String} name State name, eg. `hover`, `nth-of-type(2n)`
 * @property {String} label State label, eg. `Hover`, `Even/Odd`
 */
export default class State extends Model {
  defaults() {
    return {
      name: '',
      label: '',
    };
  }

  /**
   * Get state name
   * @returns {String}
   */
  getName(): string {
    return this.get('name');
  }

  /**
   * Get state label. If label was not provided, the name will be returned.
   * @returns {String}
   */
  getLabel(): string {
    return this.get('label') || this.getName();
  }
}
State.prototype.idAttribute = 'name';