Show: Inherited Protected Private Deprecated

# File `src/ui/react/src/components/base/button-state-classes.js`

                                (function() {
                                    'use strict';

                                    /**
                                     * ButtonStateClasses is a mixin that decorates the domElement of a component
                                     * with different CSS classes based on the current state of the element.
                                     *
                                     * To check for state, the component can expose the following methods:
                                     * - `Function` **isActive** to check the active state
                                     * - `Function` **isDisabled** to check the disabled state
                                     *
                                     * @class ButtonStateClasses
                                     */
                                    var ButtonStateClasses = {
                                        /**
                                         * Returns the list of state classes associated to the current element's state, according
                                         * to the results of the isActive and isDisabled methods.
                                         *
                                         * @method getStateClasses
                                         * @return {String} A string with the state CSS classes.
                                         */
                                        getStateClasses: function() {
                                            var stateClasses = '';

                                            // Check for active state
                                            if (AlloyEditor.Lang.isFunction(this.isActive) && this.isActive()) {
                                                stateClasses += 'ae-button-pressed';
                                            }

                                            // Check for disabled state
                                            if (AlloyEditor.Lang.isFunction(this.isDisabled) && this.isDisabled()) {
                                                stateClasses += ' ae-button-disabled';
                                            }

                                            return stateClasses;
                                        }
                                    };

                                    AlloyEditor.ButtonStateClasses = ButtonStateClasses;
                                }());