@sankhyalabs/ezui 3.0.1 → 3.0.2

package/dist/collection/components/ez-dialog/ez-dialog.js

@@ -1,4 +1,4 @@
-import { Component, h, Prop, Method, Event, forceUpdate, Element } from "@stencil/core";
+import { h, forceUpdate } from "@stencil/core";
 import { DialogType } from "./DialogType";
 import { ElementIDUtils } from "@sankhyalabs/core";
 class Message {
@@ -19,15 +19,13 @@ export class EzDialog {
     this.labelConfirm = 'Sim';
     this.labelCancel = 'Não';
     this.btnConfirmDanger = false;
-    /**
-     * Define se o ez-dialog será utilizado no modo de confirmação.
-     */
+    this._messageQueue = [];
     this.confirm = false;
-    /**
-     * Define se o ez-dialog está aberto.
-     */
+    this.dialogType = undefined;
+    this.message = undefined;
     this.opened = false;
-    this._messageQueue = [];
+    this.personalizedIconPath = undefined;
+    this.ezTitle = undefined;
   }
   handleButtonClick(selectedOption) {
     this.opened = this._messageQueue.length > 0;
@@ -124,221 +122,217 @@ export class EzDialog {
   }
   render() {
     if (this.opened && this._currentMessage) {
-      return (h("div", { class: "overlay" },
-        h("div", { class: "dialog" },
-          this.getTypeIndicatorElement(this._currentMessage),
-          h("div", { class: this.getClassContainer(this._currentMessage) },
-            h("div", { class: "title__container" },
-              h("div", { class: "title__box" },
-                this.getIconElement(this._currentMessage),
-                h("div", { class: this.getClassTitleLabel(this._currentMessage), innerHTML: this._currentMessage.title, "data-element-id": ElementIDUtils.getInternalIDInfo("title") })),
-              h("button", { class: "btn-close", onClick: () => this.handleButtonClick(false), "data-element-id": ElementIDUtils.getInternalIDInfo("buttonClose") })),
-            h("div", { class: "message", innerHTML: this._currentMessage.message, "data-element-id": ElementIDUtils.getInternalIDInfo("message") }),
-            this._currentMessage.confirm &&
-              h("div", { class: "button-yes-no__container" },
-                h("ez-button", { class: "button__cancel", "data-element-id": ElementIDUtils.getInternalIDInfo("cancel"), label: this._currentMessage.labelCancel, onClick: () => this.handleButtonClick(false) }),
-                h("ez-button", { class: !this._currentMessage.btnConfirmDanger ? "button__confirm" : "button__confirm--danger", "data-element-id": ElementIDUtils.getInternalIDInfo("confirm"), label: this._currentMessage.labelConfirm, onClick: () => this.handleButtonClick(true) })),
-            !this._currentMessage.confirm &&
-              h("div", { class: "button__confirm--container" },
-                h("ez-button", { label: 'Ok', "data-element-id": ElementIDUtils.getInternalIDInfo("ok"), class: "button__confirm", onClick: () => this.handleButtonClick(true) }))))));
+      return (h("div", { class: "overlay" }, h("div", { class: "dialog" }, this.getTypeIndicatorElement(this._currentMessage), h("div", { class: this.getClassContainer(this._currentMessage) }, h("div", { class: "title__container" }, h("div", { class: "title__box" }, this.getIconElement(this._currentMessage), h("div", { class: this.getClassTitleLabel(this._currentMessage), innerHTML: this._currentMessage.title, "data-element-id": ElementIDUtils.getInternalIDInfo("title") })), h("button", { class: "btn-close", onClick: () => this.handleButtonClick(false), "data-element-id": ElementIDUtils.getInternalIDInfo("buttonClose") })), h("div", { class: "message", innerHTML: this._currentMessage.message, "data-element-id": ElementIDUtils.getInternalIDInfo("message") }), this._currentMessage.confirm &&
+        h("div", { class: "button-yes-no__container" }, h("ez-button", { class: "button__cancel", "data-element-id": ElementIDUtils.getInternalIDInfo("cancel"), label: this._currentMessage.labelCancel, onClick: () => this.handleButtonClick(false) }), h("ez-button", { class: !this._currentMessage.btnConfirmDanger ? "button__confirm" : "button__confirm--danger", "data-element-id": ElementIDUtils.getInternalIDInfo("confirm"), label: this._currentMessage.labelConfirm, onClick: () => this.handleButtonClick(true) })), !this._currentMessage.confirm &&
+        h("div", { class: "button__confirm--container" }, h("ez-button", { label: 'Ok', "data-element-id": ElementIDUtils.getInternalIDInfo("ok"), class: "button__confirm", onClick: () => this.handleButtonClick(true) }))))));
     }
     return null;
   }
   static get is() { return "ez-dialog"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-dialog.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-dialog.css"]
-  }; }
-  static get properties() { return {
-    "confirm": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define se o ez-dialog ser\u00E1 utilizado no modo de confirma\u00E7\u00E3o."
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-dialog.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-dialog.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "confirm": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se o ez-dialog ser\u00E1 utilizado no modo de confirma\u00E7\u00E3o."
+        },
+        "attribute": "confirm",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "confirm",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "dialogType": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "DialogType",
-        "resolved": "DialogType.CRITICAL | DialogType.DEFAULT | DialogType.SUCCESS | DialogType.WARN",
-        "references": {
-          "DialogType": {
-            "location": "import",
-            "path": "./DialogType"
+      "dialogType": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "DialogType",
+          "resolved": "DialogType.CRITICAL | DialogType.DEFAULT | DialogType.SUCCESS | DialogType.WARN",
+          "references": {
+            "DialogType": {
+              "location": "import",
+              "path": "./DialogType"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define apar\u00EAncia do ez-dialog."
-      },
-      "attribute": "dialog-type",
-      "reflect": false
-    },
-    "message": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define a menssagem exibida no ez-dialog."
-      },
-      "attribute": "message",
-      "reflect": false
-    },
-    "opened": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define se o ez-dialog est\u00E1 aberto."
-      },
-      "attribute": "opened",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "personalizedIconPath": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o \u00EDcone a ser exibido."
-      },
-      "attribute": "personalized-icon-path",
-      "reflect": false
-    },
-    "ezTitle": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define apar\u00EAncia do ez-dialog."
+        },
+        "attribute": "dialog-type",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Texto a ser apresentado como t\u00EDtulo do campo."
+      "message": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a menssagem exibida no ez-dialog."
+        },
+        "attribute": "message",
+        "reflect": false
       },
-      "attribute": "ez-title",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "ezCancel",
-      "name": "ezCancel",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido ao cancelar o ez-dialog."
+      "opened": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se o ez-dialog est\u00E1 aberto."
+        },
+        "attribute": "opened",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "ezAccept",
-      "name": "ezAccept",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido ao confirmar o ez-dialog."
+      "personalizedIconPath": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o \u00EDcone a ser exibido."
+        },
+        "attribute": "personalized-icon-path",
+        "reflect": false
       },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "ezTitle": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Texto a ser apresentado como t\u00EDtulo do campo."
+        },
+        "attribute": "ez-title",
+        "reflect": false
       }
-    }]; }
-  static get methods() { return {
-    "show": {
-      "complexType": {
-        "signature": "(title: string, message: string, dialogType: DialogType, confirm: boolean, icon: string, labelCancel: string, labelConfirm: string, btnConfirmDanger: boolean) => Promise<boolean>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+    };
+  }
+  static get events() {
+    return [{
+        "method": "ezCancel",
+        "name": "ezCancel",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido ao cancelar o ez-dialog."
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }, {
+        "method": "ezAccept",
+        "name": "ezAccept",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido ao confirmar o ez-dialog."
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "show": {
+        "complexType": {
+          "signature": "(title: string, message: string, dialogType: DialogType, confirm: boolean, icon: string, labelCancel: string, labelConfirm: string, btnConfirmDanger: boolean) => Promise<boolean>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "DialogType": {
+              "location": "import",
+              "path": "./DialogType"
+            }
           },
-          "DialogType": {
-            "location": "import",
-            "path": "./DialogType"
-          }
+          "return": "Promise<boolean>"
         },
-        "return": "Promise<boolean>"
-      },
-      "docs": {
-        "text": "Exibe o ez-dialog.",
-        "tags": []
+        "docs": {
+          "text": "Exibe o ez-dialog.",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "_element"; }
 }