@zoff-tech/zt-bottom-drawer
Version:
Bottom Drawer / Web Component
37 lines (33 loc) • 1.15 kB
JavaScript
import { r as registerInstance, h, H as Host } from './index-8f8312e9.js';
import { menuController } from '@utils/menu-controller';
import { g as getIonMode } from './ionic-global-8c2131e9.js';
import { u as updateVisibility } from './menu-toggle-util-6356b6ce.js';
const menuToggleCss = ":host(.menu-toggle-hidden){display:none}";
const MenuToggle = class {
constructor(hostRef) {
registerInstance(this, hostRef);
this.onClick = () => {
return menuController.toggle(this.menu);
};
this.visible = false;
this.menu = undefined;
this.autoHide = true;
}
connectedCallback() {
this.visibilityChanged();
}
async visibilityChanged() {
this.visible = await updateVisibility(this.menu);
}
render() {
const mode = getIonMode(this);
const hidden = this.autoHide && !this.visible;
return (h(Host, { onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
[mode]: true,
'menu-toggle-hidden': hidden,
} }, h("slot", null)));
}
};
MenuToggle.style = menuToggleCss;
export { MenuToggle as ion_menu_toggle };
//# sourceMappingURL=ion-menu-toggle.entry.js.map