forms-reactive/dist/cjs/ion-menu-toggle.cjs.entry.js

Reactive Form Web Component

'use strict';

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

const index = require('./index-6e930523.js');
const index$1 = require('./index-c62a7462.js');
const ionicGlobal = require('./ionic-global-59ee60c1.js');
const menuToggleUtil = require('./menu-toggle-util-2e45df46.js');
require('./index-a370c7e1.js');
require('./hardware-back-button-3ff29c5b.js');
require('./index-08ee9991.js');
require('./helpers-4dca71bf.js');
require('./animation-38c620f1.js');

const menuToggleCss = ":host(.menu-toggle-hidden){display:none}";
const IonMenuToggleStyle0 = menuToggleCss;

const MenuToggle = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.onClick = () => {
            return index$1.menuController.toggle(this.menu);
        };
        this.visible = false;
        this.menu = undefined;
        this.autoHide = true;
    }
    connectedCallback() {
        this.visibilityChanged();
    }
    async visibilityChanged() {
        this.visible = await menuToggleUtil.updateVisibility(this.menu);
    }
    render() {
        const mode = ionicGlobal.getIonMode(this);
        const hidden = this.autoHide && !this.visible;
        return (index.h(index.Host, { key: '88e88fa13ac7f10ba3acfe378bd11cda0c7e2749', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
                [mode]: true,
                'menu-toggle-hidden': hidden,
            } }, index.h("slot", { key: '0a14c7b63eda64702d2fd1b4bc7db4809892842d' })));
    }
};
MenuToggle.style = IonMenuToggleStyle0;

exports.ion_menu_toggle = MenuToggle;

//# sourceMappingURL=ion-menu-toggle.cjs.entry.js.map