@sankhyalabs/ezui 3.0.0 → 3.0.2

package/dist/collection/components/ez-modal-container/ez-modal-container.js

@@ -1,12 +1,15 @@
-import { Component, h, Host, Prop, Event } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import ModalAction from "./modal-action";
 import ModalButtonStatus from "./modal-button-status";
 export class EzModalContainer {
   constructor() {
-    /**
-     * Define se o cabeçalho será mostrado.
-     */
+    this.modalTitle = undefined;
+    this.modalSubTitle = undefined;
     this.showTitleBar = true;
+    this.cancelButtonLabel = undefined;
+    this.okButtonLabel = undefined;
+    this.cancelButtonStatus = undefined;
+    this.okButtonStatus = undefined;
   }
   cancelIsVisible() {
     return (this.cancelButtonStatus !== ModalButtonStatus.HIDDEN && this.cancelButtonLabel != undefined);
@@ -26,165 +29,160 @@ export class EzModalContainer {
     this._closeButton.focus();
   }
   render() {
-    return (h(Host, null,
-      h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: evt => this.focusLast(evt) }),
-      this.showTitleBar && h("div", { class: "ez-modal-container__header ez-margin-bottom--large ez-align--middle" },
-        h("div", { class: "ez-col ez-align--middle ez-modal-container__title" },
-          h("h2", { class: "ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle),
-          this.modalSubTitle ? h("div", { class: "ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle) : undefined),
-        h("button", { ref: ref => this._closeButton = ref, class: "ez-modal-container__close-button", onClick: () => this.ezModalAction.emit(ModalAction.CLOSE) },
-          h("ez-icon", { class: "ez-modal-container__close-icon", size: "medium", iconName: "close" }))),
-      h("div", { class: "ez-modal-container__content" },
-        h("slot", null)),
-      h("div", { class: "ez-flex ez-flex--justify-end" },
-        this.cancelIsVisible() ? h("ez-button", { label: this.cancelButtonLabel, enabled: this.cancelButtonStatus !== ModalButtonStatus.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction.CANCEL) }) : undefined,
-        this.okIsVisible() ? h("ez-button", { ref: ref => this._okButton = ref, label: this.okButtonLabel, enabled: this.okButtonStatus !== ModalButtonStatus.DISABLED, class: "ez-button--primary ez-margin-left--medium", onClick: () => this.ezModalAction.emit(ModalAction.OK) }) : undefined),
-      h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: evt => this.focusFirst(evt) })));
+    return (h(Host, null, h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: evt => this.focusLast(evt) }), this.showTitleBar && h("div", { class: "ez-modal-container__header ez-margin-bottom--large ez-align--middle" }, h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, h("h2", { class: "ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle ? h("div", { class: "ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle) : undefined), h("button", { ref: ref => this._closeButton = ref, class: "ez-modal-container__close-button", onClick: () => this.ezModalAction.emit(ModalAction.CLOSE) }, h("ez-icon", { class: "ez-modal-container__close-icon", size: "medium", iconName: "close" }))), h("div", { class: "ez-modal-container__content" }, h("slot", null)), h("div", { class: "ez-flex ez-flex--justify-end" }, this.cancelIsVisible() ? h("ez-button", { label: this.cancelButtonLabel, enabled: this.cancelButtonStatus !== ModalButtonStatus.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction.CANCEL) }) : undefined, this.okIsVisible() ? h("ez-button", { ref: ref => this._okButton = ref, label: this.okButtonLabel, enabled: this.okButtonStatus !== ModalButtonStatus.DISABLED, class: "ez-button--primary ez-margin-left--medium", onClick: () => this.ezModalAction.emit(ModalAction.OK) }) : undefined), h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: evt => this.focusFirst(evt) })));
   }
   static get is() { return "ez-modal-container"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["./ez-modal-container.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-modal-container.css"]
-  }; }
-  static get properties() { return {
-    "modalTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Texto a ser apresentado como t\u00EDtulo do modal."
-      },
-      "attribute": "modal-title",
-      "reflect": false
-    },
-    "modalSubTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Texto do subt\u00EDtulo, geralmente usado para orienta\u00E7\u00E3o do usu\u00E1rio."
-      },
-      "attribute": "modal-sub-title",
-      "reflect": false
-    },
-    "showTitleBar": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define se o cabe\u00E7alho ser\u00E1 mostrado."
-      },
-      "attribute": "show-title-bar",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "cancelButtonLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o texto do bot\u00E3o de cancelamento."
-      },
-      "attribute": "cancel-button-label",
-      "reflect": false
-    },
-    "okButtonLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Determina o texto do bot\u00E3o de confirma\u00E7\u00E3o."
+  static get originalStyleUrls() {
+    return {
+      "$": ["./ez-modal-container.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-modal-container.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "modalTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Texto a ser apresentado como t\u00EDtulo do modal."
+        },
+        "attribute": "modal-title",
+        "reflect": false
       },
-      "attribute": "ok-button-label",
-      "reflect": false
-    },
-    "cancelButtonStatus": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"HIDDEN\"|\"ENABLED\"|\"DISABLED\"",
-        "resolved": "\"DISABLED\" | \"ENABLED\" | \"HIDDEN\"",
-        "references": {}
+      "modalSubTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Texto do subt\u00EDtulo, geralmente usado para orienta\u00E7\u00E3o do usu\u00E1rio."
+        },
+        "attribute": "modal-sub-title",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o estado do bot\u00E3o de cancelamento."
+      "showTitleBar": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se o cabe\u00E7alho ser\u00E1 mostrado."
+        },
+        "attribute": "show-title-bar",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "attribute": "cancel-button-status",
-      "reflect": false
-    },
-    "okButtonStatus": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"HIDDEN\"|\"ENABLED\"|\"DISABLED\"",
-        "resolved": "\"DISABLED\" | \"ENABLED\" | \"HIDDEN\"",
-        "references": {}
+      "cancelButtonLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o texto do bot\u00E3o de cancelamento."
+        },
+        "attribute": "cancel-button-label",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o estado do bot\u00E3o de confirma\u00E7\u00E3o."
+      "okButtonLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Determina o texto do bot\u00E3o de confirma\u00E7\u00E3o."
+        },
+        "attribute": "ok-button-label",
+        "reflect": false
       },
-      "attribute": "ok-button-status",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "ezModalAction",
-      "name": "ezModalAction",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Representa a intera\u00E7\u00E3o com o usu\u00E1rio.\nOK - Quando o bot\u00E3o \u00E9 acionado\nCANCEL - Quando o bot\u00E3o de cancelar \u00E9 acionado\nCLOSE - Quando o bot\u00E3o de fechar \u00E9 acionado.\nLOAD - Quando o modal \u00E9 carregado (eventualmente pode ser usado para dar foco a um elemento espec\u00EDfico)"
+      "cancelButtonStatus": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"HIDDEN\"|\"ENABLED\"|\"DISABLED\"",
+          "resolved": "\"DISABLED\" | \"ENABLED\" | \"HIDDEN\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o estado do bot\u00E3o de cancelamento."
+        },
+        "attribute": "cancel-button-status",
+        "reflect": false
       },
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "okButtonStatus": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"HIDDEN\"|\"ENABLED\"|\"DISABLED\"",
+          "resolved": "\"DISABLED\" | \"ENABLED\" | \"HIDDEN\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o estado do bot\u00E3o de confirma\u00E7\u00E3o."
+        },
+        "attribute": "ok-button-status",
+        "reflect": false
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "ezModalAction",
+        "name": "ezModalAction",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Representa a intera\u00E7\u00E3o com o usu\u00E1rio.\nOK - Quando o bot\u00E3o \u00E9 acionado\nCANCEL - Quando o bot\u00E3o de cancelar \u00E9 acionado\nCLOSE - Quando o bot\u00E3o de fechar \u00E9 acionado.\nLOAD - Quando o modal \u00E9 carregado (eventualmente pode ser usado para dar foco a um elemento espec\u00EDfico)"
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }];
+  }
 }