@hashicorp/design-system-components/dist/components/hds/reveal/toggle/button.js

Helios Design System Components

import Component from '@glimmer/component';
import HdsButton from '../../button/index.js';
import { precompileTemplate } from '@ember/template-compilation';
import { setComponentTemplate } from '@ember/component';

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
class HdsRevealToggleButton extends Component {
  get classNames() {
    const classes = ['hds-reveal__toggle-button'];
    // add a class based on the @isOpen argument
    if (this.args.isOpen) {
      classes.push('hds-reveal__toggle-button--is-open');
    }
    return classes.join(' ');
  }
  static {
    setComponentTemplate(precompileTemplate("<HdsButton @text={{@text}} @color=\"tertiary\" @icon=\"chevron-down\" aria-expanded={{if @isOpen \"true\" \"false\"}} class={{this.classNames}} ...attributes />", {
      strictMode: true,
      scope: () => ({
        HdsButton
      })
    }), this);
  }
}

export { HdsRevealToggleButton as default };
//# sourceMappingURL=button.js.map