UNPKG

ember-mobile-menu

Version:
41 lines (38 loc) 1.1 kB
import Component from '@glimmer/component'; import './mobile-menu-toggle.css'; import { on } from '@ember/modifier'; import { precompileTemplate } from '@ember/template-compilation'; import { setComponentTemplate } from '@ember/component'; const _fn = () => {}; /** * A toggle component to open or close a menu. * * @class MobileMenuToggle * @public */ class MobileMenuToggle extends Component { /** * Target menu for the toggle * * @argument target * @type String 'left' or 'right' */ /** * Hook fired when the toggle is clicked. You can pass in an action. * * @argument onClick * @type function */ get onClick() { return () => this.args.onClick(this.args.target) ?? _fn; } static { setComponentTemplate(precompileTemplate("\n <button class=\"mobile-menu__toggle\" type=\"button\" {{on \"click\" this.onClick}} ...attributes>\n {{yield}}\n </button>\n ", { strictMode: true, scope: () => ({ on }) }), this); } } export { MobileMenuToggle as default }; //# sourceMappingURL=mobile-menu-toggle.js.map