Function getClasses

components/button/js/button_directive.js:102–180

* Get button classes. * * @return {Array} The list of button classes.

()

     * @return {Array} The list of button classes.
     */
    function getClasses() {
        const classes = [];

        if (angular.isUndefined(lx.color) || !lx.color) {
            if (angular.isDefined(lx.theme) && lx.theme && !_isDefaultEmphasis()) {
                const buttonColor = lx.theme === 'light' ? 'dark' : 'light';
                classes.push(`${CSS_PREFIX}-button--color-${buttonColor}`);
            } else {
                const defaultColor = _isDefaultEmphasis() ? 'primary' : 'dark';
                classes.push(`${CSS_PREFIX}-button--color-${defaultColor}`);
            }

            // Backward compatibility.
            classes.push('btn--primary');
        } else {
            classes.push(`${CSS_PREFIX}-button--color-${lx.color}`);

            // Backward compatibility.
            classes.push(`btn--${lx.color}`);
        }

        if (angular.isUndefined(lx.emphasis) || !lx.emphasis) {
            if (angular.isDefined(lx.type) && lx.type) {
                classes.push(`${CSS_PREFIX}-button--emphasis-${_EMPHASIS_FALLBACK[lx.type]}`);
            } else {
                classes.push(`${CSS_PREFIX}-button--emphasis-${_DEFAULT_PROPS.emphasis}`);
            }
        } else {
            classes.push(`${CSS_PREFIX}-button--emphasis-${lx.emphasis}`);
        }

        if (lx.isSelected) {
            classes.push(`${CSS_PREFIX}-button--is-selected`);
        }

        if (angular.isUndefined(lx.size) || !lx.size) {
            classes.push(`${CSS_PREFIX}-button--size-${_DEFAULT_PROPS.size}`);

            // Backward compatibility.
            classes.push('btn--m');
        } else {
            classes.push(`${CSS_PREFIX}-button--size-${_SIZE_FALLBACK[lx.size]}`);

            // Backward compatibility.
            classes.push(`btn--${lx.size}`);
        }

        if (_isDefaultEmphasis()) {
            if (angular.isUndefined(lx.theme) || !lx.theme) {
                classes.push(`${CSS_PREFIX}-button--theme-${_DEFAULT_PROPS.theme}`);
            } else {
                classes.push(`${CSS_PREFIX}-button--theme-${lx.theme}`);
            }
        }

        if (angular.isUndefined(lx.variant) || !lx.variant) {
            if (angular.isDefined(lx.type) && lx.type) {
                classes.push(`${CSS_PREFIX}-button--variant-${_VARIANT_FALLBACK[lx.type]}`);