@sankhyalabs/ezui 3.0.1 → 3.0.2

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

@@ -1,4 +1,4 @@
-import { Component, h, Method, Prop, Host, forceUpdate, Element } from '@stencil/core';
+import { h, Host, forceUpdate } from '@stencil/core';
 import { ElementIDUtils } from "@sankhyalabs/core";
 export class EzToast {
   constructor() {
@@ -7,17 +7,9 @@ export class EzToast {
     this._toastOpenedClass = "toast__container--opened";
     this._lastTimeOut = undefined;
     this._lang = "pt"; // Controla qual idioma será usado para definir a regras de hifenização.
-    /**
-    * Define o tempo de exibição em milissegundos.
-    */
+    this.message = undefined;
     this.fadeTime = 5000;
-    /**
-    * Se true permite a utilização do slot de ícone.
-    */
     this.useIcon = false;
-    /**
-    * Se false, o usuário não consegue fechar.
-    */
     this.canClose = true;
   }
   /**
@@ -81,124 +73,128 @@ export class EzToast {
     this.buildDataElementId();
   }
   render() {
-    return (h(Host, null,
-      h("div", { ref: (el) => this.container = el, class: "toast__container" },
-        this._currentMessageInfo.useIcon &&
-          h("slot", { name: "icon" }),
-        h("div", { lang: this._lang, ref: (el) => this._elemText = el, class: this._currentMessageInfo.useIcon ? "message__container message__conteiner--icon" : "message__container", title: this._currentMessageInfo.message, innerHTML: this._currentMessageInfo.message }),
-        this._currentMessageInfo.canClose &&
-          h("button", { class: "btn-close", onClick: () => { this.hideToast(); }, ref: (el) => this._elemBtnClose = el }))));
+    return (h(Host, null, h("div", { ref: (el) => this.container = el, class: "toast__container" }, this._currentMessageInfo.useIcon &&
+      h("slot", { name: "icon" }), h("div", { lang: this._lang, ref: (el) => this._elemText = el, class: this._currentMessageInfo.useIcon ? "message__container message__conteiner--icon" : "message__container", title: this._currentMessageInfo.message, innerHTML: this._currentMessageInfo.message }), this._currentMessageInfo.canClose &&
+      h("button", { class: "btn-close", onClick: () => { this.hideToast(); }, ref: (el) => this._elemBtnClose = el }))));
   }
   static get is() { return "ez-toast"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-toast.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-toast.css"]
-  }; }
-  static get properties() { return {
-    "message": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Mensagem a ser exibida no componente."
-      },
-      "attribute": "message",
-      "reflect": false
-    },
-    "fadeTime": {
-      "type": "number",
-      "mutable": true,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o tempo de exibi\u00E7\u00E3o em milissegundos."
-      },
-      "attribute": "fade-time",
-      "reflect": false,
-      "defaultValue": "5000"
-    },
-    "useIcon": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Se true permite a utiliza\u00E7\u00E3o do slot de \u00EDcone."
-      },
-      "attribute": "use-icon",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "canClose": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-toast.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-toast.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "message": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Mensagem a ser exibida no componente."
+        },
+        "attribute": "message",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Se false, o usu\u00E1rio n\u00E3o consegue fechar."
+      "fadeTime": {
+        "type": "number",
+        "mutable": true,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o tempo de exibi\u00E7\u00E3o em milissegundos."
+        },
+        "attribute": "fade-time",
+        "reflect": false,
+        "defaultValue": "5000"
       },
-      "attribute": "can-close",
-      "reflect": false,
-      "defaultValue": "true"
-    }
-  }; }
-  static get methods() { return {
-    "show": {
-      "complexType": {
-        "signature": "(message: string, fadeTime: number, useIcon: boolean, canClose?: boolean) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "useIcon": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se true permite a utiliza\u00E7\u00E3o do slot de \u00EDcone."
         },
-        "return": "Promise<void>"
+        "attribute": "use-icon",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "docs": {
-        "text": "Exibe o ez-toast.",
-        "tags": []
+      "canClose": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se false, o usu\u00E1rio n\u00E3o consegue fechar."
+        },
+        "attribute": "can-close",
+        "reflect": false,
+        "defaultValue": "true"
       }
-    }
-  }; }
+    };
+  }
+  static get methods() {
+    return {
+      "show": {
+        "complexType": {
+          "signature": "(message: string, fadeTime: number, useIcon: boolean, canClose?: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Exibe o ez-toast.",
+          "tags": []
+        }
+      }
+    };
+  }
   static get elementRef() { return "_element"; }
 }