import { ElementIDUtils } from "@sankhyalabs/core";
import { h, Host } from "@stencil/core";
export class EzEmptyCard {
  constructor() {
    this.color = "default";
    this.height = undefined;
    this.width = undefined;
  }
  componentDidRender() {
    if (this._element) {
      ElementIDUtils.addIDInfo(this._element);
    }
    if (this._container) {
      const dataInfo = { id: 'container' };
      ElementIDUtils.addIDInfo(this._container, 'empty-card', dataInfo);
    }
  }
  render() {
    const customStyleVars = Object.assign(Object.assign({}, (this.height ? { '--ez-empty-card--custom-height': `${this.height}px` } : {})), (this.width ? { '--ez-empty-card--custom-width': `${this.width}px` } : {}));
    return (h(Host, { style: customStyleVars }, h("div", { ref: element => this._container = element, class: `card_container ${this.color}` }, h("slot", null))));
  }
  static get is() { return "ez-empty-card"; }
  static get encapsulation() { return "shadow"; }
  static get originalStyleUrls() {
    return {
      "$": ["ez-empty-card.css"]
    };
  }
  static get styleUrls() {
    return {
      "$": ["ez-empty-card.css"]
    };
  }
  static get properties() {
    return {
      "color": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "\"default\" | \"green\" | \"gray\" | \"yellow\" | \"red\" | \"petroleum\"",
          "resolved": "\"default\" | \"gray\" | \"green\" | \"petroleum\" | \"red\" | \"yellow\"",
          "references": {}
        },
        "required": false,
        "optional": false,
        "docs": {
          "tags": [],
          "text": "Define a cor tema do componente."
        },
        "attribute": "color",
        "reflect": true,
        "defaultValue": "\"default\""
      },
      "height": {
        "type": "number",
        "mutable": false,
        "complexType": {
          "original": "number",
          "resolved": "number",
          "references": {}
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [],
          "text": "Define o tamanho do componente, sobrescrevendo o padr\u00E3o da propriedade size."
        },
        "attribute": "height",
        "reflect": true
      },
      "width": {
        "type": "number",
        "mutable": false,
        "complexType": {
          "original": "number",
          "resolved": "number",
          "references": {}
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [],
          "text": "Define a largura do componente, sobrescrevendo o padr\u00E3o da propriedade size."
        },
        "attribute": "width",
        "reflect": true
      }
    };
  }
  static get elementRef() { return "_element"; }
}
