import cx from "classnames";
import { LightningElement, api } from "lwc";
import { normalizeBoolean } from "dxUtils/normalizers";

export default class ModalDrawer extends LightningElement {
    private _open = false;

    @api get open() {
        return this._open;
    }

    set open(value) {
        this._open = normalizeBoolean(value);
    }

    get containerClass(): string {
        return cx(
            "modal-drawer_container",
            this._open && "modal-drawer_active"
        );
    }

    handleKeyDown(event: KeyboardEvent): void {
        if (event.key === "Escape") {
            this.handleToggleModal();
        }
    }

    handleToggleModal() {
        this._open = !this._open;
        this.dispatchEvent(new CustomEvent("clickclose"));
    }
}