@hashicorp/design-system-components/dist/components/hds/app-header/menu-button.js

Helios Design System Components

import Component from '@glimmer/component';
import { action } from '@ember/object';
import { precompileTemplate } from '@ember/template-compilation';
import { n } from 'decorator-transforms/runtime';
import { setComponentTemplate } from '@ember/component';

var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<Hds::Button\n  class=\"hds-app-header__menu-button\"\n  @text={{hds-t \"hds.components.common.menu\" default=\"Menu\"}}\n  @icon={{this.icon}}\n  @iconPosition=\"trailing\"\n  {{on \"click\" this.onClick}}\n  aria-controls={{@menuContentId}}\n  aria-expanded={{if @isOpen \"true\" \"false\"}}\n  ...attributes\n/>");

/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: MPL-2.0
 */

class HdsAppHeaderMenuButton extends Component {
  get icon() {
    return this.args.isOpen ? 'x' : 'menu';
  }
  onClick() {
    const {
      onClickToggle
    } = this.args;
    if (typeof onClickToggle === 'function') {
      onClickToggle();
    }
  }
  static {
    n(this.prototype, "onClick", [action]);
  }
}
setComponentTemplate(TEMPLATE, HdsAppHeaderMenuButton);

export { HdsAppHeaderMenuButton as default };
//# sourceMappingURL=menu-button.js.map