import { tagName } from '@ember-decorators/component';
import Component from '@ember/component';
import defaultValue from 'ember-bootstrap/utils/default-decorator';
import { action, computed } from '@ember/object';
import deprecateSubclassing from 'ember-bootstrap/utils/deprecate-subclassing';
/**
Anchor element that triggers the parent dropdown to open.
Use [Components.DropdownButton](Components.DropdownButton.html) if you want a button instead of an anchor tag.
See [Components.Dropdown](Components.Dropdown.html) for examples.
@class DropdownToggle
@namespace Components
@extends Ember.Component
@publicø
*/
@tagName('')
@deprecateSubclassing
export default class DropdownToggle extends Component {
/**
* @property inNav
* @type {boolean}
* @private
*/
@defaultValue
inNav = false;
@computed('isOpen')
get 'aria-expanded'() {
return this.isOpen ? 'true' : 'false';
}
/**
* When clicking the toggle this action is called.
*
* @event onClick
* @param {*} value
* @public
*/
onClick() {}
@action
handleClick(e) {
e.preventDefault();
this.onClick();
}
@action
handleKeyDown(e) {
this.onKeyDown(e);
}
}