@sankhyalabs/ezui 1.1.37 → 1.1.41

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

@@ -0,0 +1,113 @@
+import { Component, h, Prop, Method } from '@stencil/core';
+export class EzToast {
+  constructor() {
+    /**
+    * Controla o tempo de exibição do componente em milissegundos.
+    */
+    this.fadeTime = 5000;
+    /**
+    * Adiciona ícone de check no componente.
+    */
+    this.useIcon = false;
+  }
+  async show() {
+    this.container.classList.add("toast__container--oppened");
+    this.container.style.animation = `fadein 0.5s, fadeout 0.5s ${this.fadeTime / 1000}s`;
+    setTimeout(() => {
+      this.container.classList.remove("toast__container--oppened");
+      this.container.style.animation = `none`;
+    }, this.fadeTime + 400);
+  }
+  render() {
+    return (h("div", { ref: (el) => this.container = el, class: "toast__container" },
+      this.useIcon ?
+        h("slot", { name: "icon" })
+        : undefined,
+      h("div", { class: this.useIcon ? "message__container message__conteiner--icon" : "message__container", title: this.message },
+        " ",
+        this.message,
+        " "),
+      h("button", { class: "btn-close", onClick: () => { this.container.classList.remove("toast__container--oppened"); this.container.style.animation = `none`; } })));
+  }
+  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 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": "Controla o tempo de exibi\u00E7\u00E3o do componente 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": "Adiciona \u00EDcone de check no componente."
+      },
+      "attribute": "use-icon",
+      "reflect": false,
+      "defaultValue": "false"
+    }
+  }; }
+  static get methods() { return {
+    "show": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    }
+  }; }
+}

package/dist/collection/components/ez-upload/RemoteFile.js

@@ -0,0 +1,89 @@
+export default class RemoteFile {
+  constructor(file) {
+    this.file = file;
+    this.size = file.size;
+    this.name = file.name;
+  }
+  abortUpload() {
+    if (this._uploadingXhr) {
+      this._aborted = true;
+      this._uploadingXhr.abort();
+      this._uploadingXhr = undefined;
+    }
+  }
+  isUploading() {
+    return this._uploadingXhr !== undefined;
+  }
+  async upload(server, headers, updateCallBack) {
+    return new Promise((resolve, reject) => {
+      const xhr = new XMLHttpRequest();
+      this._uploadingXhr = xhr;
+      this._aborted = false;
+      this.progress = 0;
+      xhr.upload.onprogress = (e) => {
+        const loaded = e.loaded;
+        const total = e.total;
+        this.progress = ~~((loaded / total) * 100);
+        updateCallBack(this, loaded, total);
+      };
+      xhr.onreadystatechange = () => {
+        if (xhr.readyState == 4) {
+          this._uploadingXhr = undefined;
+          const status = xhr.status;
+          if (!this._aborted) {
+            if (status === 0) {
+              reject("Servidor indisponível");
+            }
+            else if (status >= 500) {
+              reject("Erro inesperado no servidor");
+            }
+            else if (status >= 400) {
+              reject("Operação não permitida");
+            }
+          }
+          const response = xhr.response;
+          if (response) {
+            resolve(JSON.parse(response));
+          }
+        }
+      };
+      xhr.ontimeout = () => {
+        reject("Tempo limite de transferência atingido.");
+      };
+      const formData = new FormData();
+      formData.append("ARQUIVO", this.file, this.file.name);
+      xhr.open("POST", server, true);
+      if (headers) {
+        headers.forEach((value, key) => xhr.setRequestHeader(key, value));
+      }
+      xhr.send(formData);
+    });
+  }
+  async delete(item, server, headers) {
+    return new Promise((resolve, reject) => {
+      const xhr = new XMLHttpRequest();
+      xhr.onreadystatechange = () => {
+        if (xhr.readyState == 4) {
+          if (xhr.status === 0) {
+            reject("Servidor indisponível");
+          }
+          else if (xhr.status >= 500) {
+            reject("Erro inesperado no servidor");
+          }
+          else if (xhr.status >= 400) {
+            reject("Operação não permitida");
+          }
+          resolve(true);
+        }
+      };
+      xhr.ontimeout = () => {
+        reject("Tempo limite de remoção atingido.");
+      };
+      xhr.open("DELETE", server, true);
+      if (headers) {
+        headers.forEach((value, key) => xhr.setRequestHeader(key, value));
+      }
+      xhr.send(JSON.stringify(item));
+    });
+  }
+}

package/dist/collection/components/ez-upload/ez-upload.css

@@ -53,7 +53,6 @@
 
 .iu__container {
   width: 100%;
-  height: 100%;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
@@ -200,6 +199,22 @@ progress[value]::-webkit-progress-value {
   clip-path: path("M 8,0.8 7.2,0 4,3.2 0.8,0 0,0.8 3.2,4 0,7.2 0.8,8 4,4.8 7.2,8 8,7.2 4.8,4 Z");
 }
 
+.iu__label{
+  padding: var(--space--small);
+  padding-top: 0;
+  box-sizing: border-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  
+  /*public*/
+  font-family: var(--iu--font-family);
+  font-size: var(--text--extra-small);
+  font-weight: var( --iu--font-weight);
+  color: var(--iu--text--primary);
+  text-shadow: var(--iu--text-shadow);
+}
+
 .iu__file-icon {
   outline: none;
   border: none;