import { LightningElement, api, track } from "lwc";

const CSS_CLASS = "modal-hidden";

export default class Modal extends LightningElement {
  @track showModal = false;
  @api objName;
  @api
  set header(value) {
    this.hasHeaderString = value !== "";
    this._headerPrivate = value;
  }
  get header() {
    return this._headerPrivate;
  }

  @track hasHeaderString = false;
  _headerPrivate;

  @api show() {
    this.showModal = true;
    console.log('show!!!!!!!!');
    console.log(this.objName);
  }

  @api hide() {
    this.showModal = false;
  }

  handleDialogClose() {
    //Let parent know that dialog is closed (mainly by that cross button) so it can set proper variables if needed
    const closedialog = new CustomEvent("closedialog");
    this.dispatchEvent(closedialog);
    this.hide();
  }

  handleSlotTaglineChange() {
    const taglineEl = this.template.querySelector("p");
    if (taglineEl && taglineEl.classList) taglineEl.classList.remove(CSS_CLASS);
  }

  handleSlotFooterChange() {
    const footerEl = this.template.querySelector("footer");
    if (footerEl && footerEl.classList) footerEl.classList.remove(CSS_CLASS);
  }
}