'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const core = require('./core-0f211bec.js');
const ripple = require('./ripple-22577e93.js');

const BceMenuButton = class {
    constructor(hostRef) {
        core.registerInstance(this, hostRef);
        this.handleClick = (event) => {
            ripple.ripple(this.el, event);
            this.onToggleMenu.emit();
        };
        this.onToggleMenu = core.createEvent(this, "toggle-menu", 7);
    }
    render() {
        return (core.h(core.Host, { onClick: this.handleClick }, core.h("span", null), core.h("span", null), core.h("span", null)));
    }
    get el() { return core.getElement(this); }
    static get style() { return "bce-menu-button{position:relative;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-pack:distribute;justify-content:space-around;width:56px;height:56px;padding:16px;overflow:hidden;cursor:pointer}bce-menu-button span{-ms-flex:0 0 3px;flex:0 0 3px;background-color:var(--bce-color-t);border-radius:3px}bce-menu-button:hover{background-color:rgba(0,0,0,.1)}"; }
};

exports.bce_menu_button = BceMenuButton;
