ember-mobile-menu
Version:
A draggable sidebar menu for Ember.
41 lines (38 loc) • 1.1 kB
JavaScript
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