@sankhyalabs/ezui 1.2.0-beta.9 → 2.0.0

package/dist/ezui/ez-time-input.entry.js

@@ -1,164 +0,0 @@
-import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-1e9d524f.js';
-import { T as TimeFormatter, M as MaskFormatter, N as NumberUtils } from './index-b96183c8.js';
-import { C as CSSVarsUtils } from './CSSVarsUtils-00f67f32.js';
-
-const ezTimeInputCss = ":host{display:flex;flex-wrap:wrap;position:relative;width:100%}";
-
-let EzTimeInput = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ezChange = createEvent(this, "ezChange", 7);
-    this.ezStartChange = createEvent(this, "ezStartChange", 7);
-    this.ezCancelWaitingChange = createEvent(this, "ezCancelWaitingChange", 7);
-    /**
-     * Deixa o campo disponível ou não para digitação.
-     */
-    this.enabled = true;
-    /**
-    * Define se o componente irá ou não considerar os segundos.
-    */
-    this.showSeconds = false;
-    /**
-     * Define o modo do tamanho do campo; opções: slim e regular.
-     */
-    this.mode = "regular";
-  }
-  observeErrorMessage() {
-    var _a;
-    if (this._textInput) {
-      this._textInput.errorMessage = this.errorMessage;
-      if (!((_a = this.errorMessage) === null || _a === void 0 ? void 0 : _a.trim())) {
-        this.prepareValue(this._viewValue);
-        if ((this._textInput.value || '') !== this._viewValue) {
-          this._textInput.value = this._viewValue;
-        }
-      }
-    }
-  }
-  observeShowSeconds() {
-    if (this.showSeconds) {
-      this.prepareMask("##:##:##");
-    }
-    else {
-      this.prepareMask("##:##");
-    }
-  }
-  observeValue(newValue, oldValue) {
-    if (this._textInput && newValue != oldValue) {
-      let newValueValidated = this.validateValue(newValue);
-      const oldValueValidated = this.validateValue(oldValue);
-      if (newValueValidated != oldValueValidated) {
-        this._viewValue = newValueValidated == undefined ? "" : newValueValidated.toString();
-        this.prepareValue(this._viewValue);
-        if (this._viewValue && !TimeFormatter.validateTime(this._viewValue, this.showSeconds)) {
-          this.setError("Favor inserir um horário válido.");
-          newValueValidated = undefined;
-        }
-        else {
-          this.setError("");
-        }
-        const valueEmitted = newValueValidated === null ? undefined : newValueValidated;
-        this.ezChange.emit(valueEmitted);
-      }
-    }
-  }
-  //---------------------------------------------
-  // Private methods
-  //---------------------------------------------
-  prepareMask(mask) {
-    if (this._maskFormatter == undefined) {
-      this._maskFormatter = new MaskFormatter(mask);
-    }
-    else {
-      this._maskFormatter.mask = mask;
-    }
-  }
-  validateValue(value) {
-    return isNaN(value) || value === undefined ? null : value;
-  }
-  setError(msg) {
-    this.errorMessage = msg;
-    if (this._textInput && (msg === null || msg === void 0 ? void 0 : msg.trim())) {
-      this.ezCancelWaitingChange.emit();
-    }
-  }
-  //---------------------------------------------
-  // Public methods
-  //---------------------------------------------
-  getViewValue() {
-    return this._viewValue;
-  }
-  prepareValue(value) {
-    try {
-      this._viewValue = TimeFormatter.prepareValue(value, this.showSeconds);
-      if (this._textInput && this._textInput.value !== this._viewValue) {
-        this._textInput.value = this._viewValue;
-      }
-    }
-    catch (e) {
-      this.setError(e.message);
-    }
-  }
-  /**
-   * Faz o foco no componente de input
-   */
-  async setFocus() {
-    this._textInput.setFocus();
-  }
-  /**
-   * Remove o foco no componente de input
-   */
-  async setBlur() {
-    this._textInput.setBlur();
-  }
-  /**
-   * Retorna informando se o campo está inválido (true | false)
-   */
-  async isInvalid() {
-    return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
-  }
-  //---------------------------------------------
-  // Event handlers
-  //---------------------------------------------
-  handleBlur() {
-    if (this._textInput) {
-      this._viewValue = this._textInput.value;
-      this.prepareValue(this._viewValue);
-      this.value = NumberUtils.stringToNumber(this._viewValue.replace(/\D/g, ""));
-    }
-  }
-  handleInput() {
-    const parsedNumber = NumberUtils.stringToNumber(this._textInput.value.replace(/\D/g, ""));
-    if (parsedNumber !== this.value) {
-      this.ezStartChange.emit({ waitmessage: "", blocking: false });
-    }
-  }
-  //---------------------------------------------
-  // Lifecycle web component
-  //---------------------------------------------
-  componentDidLoad() {
-    CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
-  }
-  componentWillLoad() {
-    this.observeShowSeconds();
-    if (this.value) {
-      this.prepareValue(this.value.toString());
-    }
-    else if (this._viewValue) {
-      this.prepareValue(this._viewValue);
-    }
-  }
-  render() {
-    return (h(Host, null, h("ez-text-input", { ref: (el) => this._textInput = el, "data-slave-mode": "true", value: this._viewValue, enabled: this.enabled, label: this.label, restrict: "0123456789:", onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), errorMessage: this.errorMessage, mode: this.mode }, h("ez-icon", { slot: "leftIcon", iconName: "timer-outline" }))));
-  }
-  static get assetsDirs() { return ["../assets"]; }
-  get _elem() { return getElement(this); }
-  static get watchers() { return {
-    "errorMessage": ["observeErrorMessage"],
-    "showSeconds": ["observeShowSeconds"],
-    "value": ["observeValue"]
-  }; }
-};
-EzTimeInput.style = ezTimeInputCss;
-
-export { EzTimeInput as ez_time_input };

package/dist/ezui/ez-toast.entry.js

@@ -1,84 +0,0 @@
-import { r as registerInstance, i as forceUpdate, h, f as Host } from './index-1e9d524f.js';
-
-const ezToastCss = ":host{--ez-toast__btn__close__image:url('data:image/svg+xml;utf8,<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg%22%3E<path d=\"M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z\"/></svg>');--ez-toast__container-z-index:var(--more-visible, 2);--ez-toast__container--background-color:var(--color--secondary, #383c45);--ez-toast__icon--padding-left:var(--space--small, 6px)}.toast__container{position:fixed;display:flex;bottom:100px;z-index:var(--ez-toast__container-z-index);left:100px;width:280px;box-sizing:border-box;background-color:var(--ez-toast__container--background-color);border-radius:6px;align-items:center;padding:12px;visibility:hidden}.message__container{font-family:\"Sora\", \"Algerian\";text-shadow:0 0 0 #353535, 0 0 1px transparent;color:#FFFFFF;font-size:14px;width:90%;overflow:hidden;hyphens:auto;height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;text-overflow:ellipsis}.message__conteiner--icon{padding-left:var(--ez-toast__icon--padding-left);width:80%}.btn-close{margin-top:3px;display:flex;justify-content:flex-end;align-self:flex-start;padding:0;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:#FFFFFF;width:12px;height:12px;-webkit-mask-image:var(--ez-toast__btn__close__image);mask-image:var(--ez-toast__btn__close__image)}.toast__container--opened{animation:fadein 0.5s, fadeout 0.5s 3s;visibility:visible}@-webkit-keyframes fadein{from{left:-100px;opacity:0}to{left:100px;opacity:1}}@keyframes fadein{from{left:-100px;opacity:0}to{left:100px;opacity:1}}@-webkit-keyframes fadeout{from{left:100px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{from{left:100px;opacity:1}to{bottom:0;opacity:0}}";
-
-let EzToast = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this._nextMessages = [];
-    this._currentMessageInfo = { message: "", fadeTime: undefined, useIcon: undefined };
-    this._toastOpenedClass = "toast__container--opened";
-    this._lastTimeOut = undefined;
-    this._lang = "pt"; // Controla qual idioma será usado para definir a regras de hifenização.
-    /**
-    * Controla o tempo de exibição do componente em milissegundos.
-    */
-    this.fadeTime = 5000;
-    /**
-    * Adiciona ícone de check no componente.
-    */
-    this.useIcon = false;
-    /**
-    * Controla o uso do icone de fechar o toast.
-    */
-    this.canClose = true;
-  }
-  /**
-  * Exibe o componente na tela.
-  */
-  async show(message, fadeTime, useIcon, canClose) {
-    return new Promise(resolve => {
-      var _a;
-      if ((_a = this.container) === null || _a === void 0 ? void 0 : _a.classList.contains(this._toastOpenedClass)) {
-        this._nextMessages.push({ message, fadeTime, useIcon, canClose, callBack: resolve });
-      }
-      else {
-        this._currentMessageInfo.message = message || this.message;
-        this._currentMessageInfo.fadeTime = fadeTime || this.fadeTime;
-        this._currentMessageInfo.useIcon = useIcon || this.useIcon;
-        this._currentMessageInfo.callBack = resolve;
-        if (canClose) {
-          this._currentMessageInfo.canClose = this.canClose;
-        }
-        forceUpdate(this);
-        this.displayToast();
-        this._lastTimeOut = setTimeout(() => {
-          this.hideToast();
-        }, this._currentMessageInfo.fadeTime + 400);
-      }
-    });
-  }
-  hideToast() {
-    this.makeToastInvisible();
-    if (this._nextMessages.length > 0) {
-      if (this._currentMessageInfo.callBack) {
-        this._currentMessageInfo.callBack(true);
-      }
-      setTimeout(() => {
-        let newMessageInfo = this._nextMessages.shift();
-        this.show(newMessageInfo.message, newMessageInfo.fadeTime, newMessageInfo.useIcon);
-      });
-    }
-    if (this._currentMessageInfo.callBack) {
-      this._currentMessageInfo.callBack(true);
-    }
-  }
-  makeToastInvisible() {
-    this.container.classList.remove(this._toastOpenedClass);
-    this.container.style.animation = `none`;
-    if (this._lastTimeOut)
-      clearTimeout(this._lastTimeOut);
-  }
-  displayToast() {
-    this.container.classList.add(this._toastOpenedClass);
-    this.container.style.animation = `fadein 0.5s, fadeout 0.5s ${this.fadeTime / 1000}s`;
-  }
-  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, 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(); } }))));
-  }
-};
-EzToast.style = ezToastCss;
-
-export { EzToast as ez_toast };

package/dist/ezui/ez-upload.entry.js

@@ -1,379 +0,0 @@
-import { r as registerInstance, e as createEvent, i as forceUpdate, h, g as getElement } from './index-1e9d524f.js';
-import { A as ApplicationUtils } from './ApplicationUtils-30a69eb0.js';
-import './DialogType-72afa679.js';
-
-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) {
-            try {
-              resolve(JSON.parse(response));
-            }
-            catch (error) {
-              reject(`Servidor não retornou um objeto válido: ${response}.\n${error}`);
-            }
-          }
-        }
-      };
-      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));
-    });
-  }
-}
-
-const ezUploadCss = ":host{--ez-upload--height:42px;--ez-upload--width:100%;--ez-upload__icon--width:48px;--ez-upload__container--background-color:var(--background--medium, #d2dce9);--ez-upload__color--primary:var(--color--primary, #008561);--ez-upload--padding--extra-small:var(--space--extra-small, 3px);--ez-upload--padding--small:var(--space--small, 6px);--ez-upload--padding--medium:var(--space--medium, 12px);--ez-upload--padding--large:var(--space--large, 24px);--ez-upload__border--color:var(--color-strokes, #DCE0E8);--ez-upload--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--ez-upload--text--primary:var(--text-primary, #626e82);--ez-upload--font-size:var(--text--medium, 14px);--ez-upload--font-family:var(--font-pattern, Arial);--ez-upload--font-weight:var(--text-weight--large, 500);--ez-upload__btn__cancel-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"8x\" width=\"8px\"><path d=\"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\"/></svg>');--ez-upload__file-icon-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"11x\" width=\"9px\"><path d=\"M 1.2272719,8.4999999 V 2.75 c 0,-1.1045695 1.4652499,-2 3.2727273,-2 1.8074777,0 3.2727281,0.8954305 3.2727281,2 V 8.9999999 C 7.7727273,9.690356 6.8569456,10.25 5.7272719,10.25 4.5975985,10.25 3.6818174,9.690356 3.6818174,8.9999999 V 3.75 c 0,-0.2761425 0.3663125,-0.5 0.8181818,-0.5 0.4518694,0 0.8181818,0.2238575 0.8181818,0.5 V 8.4999999 H 6.5454537 V 3.75 C 6.5454537,3.059644 5.6296725,2.5 4.4999992,2.5 3.3703258,2.5 2.4545446,3.059644 2.4545446,3.75 V 8.9999999 C 2.4545446,10.10457 3.9197945,11 5.7272719,11 7.5347496,11 9,10.10457 9,8.9999999 V 2.75 C 9,1.231217 6.9852809,0 4.4999992,0 2.0147181,5e-7 0,1.231217 0,2.75 v 5.7499999 z\"/></svg>');display:flex;flex-wrap:wrap;position:relative;padding-bottom:16px;font-family:var(--ez-upload--font-family);font-size:var(--ez-upload--font-size);width:var(--ez-upload--width);font-weight:var(--ez-upload--font-weight)}.iu{display:flex;flex-wrap:wrap;background-color:var(--ez-upload__container--background-color);padding:var(--ez-upload--padding--small);width:100%;border-radius:12px;box-sizing:border-box}.iu__container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border:2px dashed var(--ez-upload__border--color);border-radius:6px;box-sizing:border-box}.iu__footer{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;padding:0 var(--ez-upload--padding--medium) var(--ez-upload--padding--medium) var(--ez-upload--padding--medium);box-sizing:border-box}.iu__item{display:flex;width:100%;justify-content:flex-start;align-items:center;align-self:center;padding-bottom:var(--ez-upload--padding--extra-small);box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iu__item-label{display:flex;max-width:80%;align-self:stretch;align-items:center}.file__name{font-weight:200}.box__content{width:100%;justify-content:center;align-items:center;height:100%;border:1px dashed var(--ez-upload__border--color);border-radius:6px;box-sizing:border-box}.box__container{display:flex;flex-wrap:wrap;background-color:var(--ez-upload__container--background-color);padding:6px;width:100%;border-radius:12px}a:-webkit-any-link{color:#008561;fill:#008561;cursor:pointer;text-decoration:none}progress[value]{display:flex;width:100%;appearance:none;border:1px solid var(--ez-upload__border--color);height:12px;justify-content:flex-start;align-items:center;border-radius:3px;position:relative}progress[value]::-webkit-progress-bar{display:flex;-webkit-appearance:none;width:100%;background-color:rgb(255, 255, 255);border-radius:2px;padding:2px}progress[value]::-webkit-progress-value{display:flex;width:100%;background-color:var(--ez-upload__color--primary)}.text--center{text-align:center}.align--middle{align-self:center;align-items:center}.text{font-family:\"Sora\", \"Algerian\";text-shadow:0 0 0 #353535, 0 0 1px transparent}.text--primary{color:var(--ez-upload--text--primary);text-shadow:var(--ez-upload--text-shadow)}.text--ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text--medium{font-size:14px}.text--small{font-size:12px}.btn-cancel{outline:none;border:none;background-color:unset;cursor:pointer}.btn-cancel::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:8px;height:8px;-webkit-mask-image:var(--ez-upload__btn__cancel-image);mask-image:var(--ez-upload__btn__cancel-image)}.iu_header{display:flex;flex-direction:column;width:100%}.iu__label{padding:var(--space--small);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ez-upload--font-family);font-size:var(--text--extra-small);font-weight:var(--ez-upload--font-weight);color:var(--ez-upload--text--primary);text-shadow:var(--ez-upload--text-shadow)}.iu__file-icon{outline:none;border:none;background-color:unset;cursor:pointer}.iu__file-icon:disabled{cursor:unset}.iu__file-icon::after{content:'';display:flex;background-color:var(--text--primary, #626e82);width:9px;height:11px;-webkit-mask-image:var(--ez-upload__file-icon-image);mask-image:var(--ez-upload__file-icon-image)}.iu__file-icon:disabled::after{background-color:var(--text--disable, #AFB6C0)}.iu__icon-label{justify-content:center;display:flex;cursor:pointer;padding:var(--ez-upload--padding--large) 0px;box-sizing:border-box}.background--disabled{background-color:var(--color--disable-secondary, #F2F5F8)}.text--disabled{color:var(--text--disable, #AFB6C0)}.mouse-pointer--disabled{cursor:unset}.appearanceNone{width:0px;height:0px}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}";
-
-let EzUpload = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ezChange = createEvent(this, "ezChange", 7);
-    this.ezStartChange = createEvent(this, "ezStartChange", 7);
-    this.ezCancelWaitingChange = createEvent(this, "ezCancelWaitingChange", 7);
-    this._filePointers = new Map();
-    /**
-    * Deixa o campo disponível ou não para digitação.
-    */
-    this.enabled = true;
-  }
-  observeValue(newValue, oldValue) {
-    //Observamos o mundo externo, se um novo valor foi atribuído,
-    //precisamos cancelar a alteração anterior, isso envolve, percorrer
-    //a lista de ponteiros e cancelar todos os uploads em andamento.
-    if (newValue !== this._updatingValue || (newValue == undefined && oldValue != undefined)) {
-      this._filePointers.forEach(f => {
-        if (this.isRemoteFile(f)) {
-          f.abortUpload();
-        }
-      });
-      this._filePointers = new Map();
-      this.updateFilePointers();
-      this._updatingValue = undefined;
-    }
-  }
-  updateFilePointers() {
-    if (this.value) {
-      this.value.forEach(ezFile => this._filePointers.set(ezFile.name, ezFile));
-    }
-  }
-  observeRequestHeaders() {
-    this._requestHeaders = new Map();
-    if (typeof this.requestHeaders == "string") {
-      try {
-        this.requestHeaders = JSON.parse(this.requestHeaders);
-      }
-      catch (e) {
-        this.requestHeaders = undefined;
-      }
-    }
-    for (var key in this.requestHeaders) {
-      this._requestHeaders.set(key, this.requestHeaders[key]);
-    }
-  }
-  /**
-  * Método responsável por adicionar um ou mais arquivos ao componente.
-  */
-  async addFiles(files) {
-    if (this.maxFiles > 0) {
-      let countDistinctFiles = this._filePointers.size;
-      files.forEach(file => {
-        if (!this._filePointers.has(file.name)) {
-          countDistinctFiles++;
-        }
-      });
-      if (countDistinctFiles > this.maxFiles) {
-        this.showError(`A quantidade máxima de arquivos é ${this.maxFiles}.`);
-        return;
-      }
-    }
-    Array.prototype.forEach.call(files, this.addFile.bind(this));
-  }
-  /**
-   * Realiza o foco no componente de upload
-   */
-  async setFocus() {
-    this._fileInput.focus();
-  }
-  /**
-   * Remove o foco no componente de upload
-   */
-  async setBlur() {
-    this._fileInput.blur();
-  }
-  async addFile(file) {
-    const oldFile = this._filePointers.get(file.name);
-    if (oldFile) {
-      ApplicationUtils.confirm("Substituir arquivo", `Já existe um arquivo chamado "${file.name}". Deseja substituí-lo?`)
-        .then(ok => {
-        if (ok) {
-          if (this.isRemoteFile(oldFile)) {
-            oldFile.abortUpload();
-          }
-          this.doAddFile(file);
-        }
-      });
-    }
-    else {
-      this.doAddFile(file);
-    }
-  }
-  async doAddFile(file) {
-    try {
-      if (this.validateFile(file)) {
-        this.ezStartChange.emit({ waitmessage: "Há arquivos sendo enviados. Por favor aguarde a conclusão ou cancele o envio.", blocking: true });
-        const uploadingFile = new RemoteFile(file);
-        const oldPointer = this._filePointers.get(file.name);
-        if (oldPointer && this.isRemoteFile(oldPointer)) {
-          oldPointer.abortUpload();
-        }
-        this._filePointers.set(file.name, uploadingFile);
-        uploadingFile.upload(this.urlUpload, this._requestHeaders, (file) => this.updateFeedback(file))
-          .then((files) => files.forEach(ezFile => this.finishUpload(uploadingFile.name, ezFile)))
-          .catch(msg => {
-          this.ezCancelWaitingChange.emit();
-          this.showError(msg);
-        });
-        forceUpdate(this);
-      }
-    }
-    catch (error) {
-      this.ezCancelWaitingChange.emit();
-      throw error;
-    }
-  }
-  finishUpload(key, ezFile) {
-    this._filePointers.set(key, ezFile);
-    this.updateValue();
-  }
-  updateValue() {
-    this._updatingValue = [];
-    this._filePointers.forEach(f => {
-      if (!this.isRemoteFile(f)) {
-        this._updatingValue.push(f);
-      }
-    });
-    if (this._filePointers.size === this._updatingValue.length) {
-      this.value = this._updatingValue;
-      this.ezChange.emit(this.value);
-    }
-  }
-  buildProgressId(uploading) {
-    let sanitizedName = uploading.name.replace(/[^a-z0-9_]/gi, "_");
-    return `PROGRESS_${sanitizedName}_${uploading.file.lastModified}`;
-  }
-  updateFeedback(uf) {
-    window.requestAnimationFrame(() => {
-      if (this._host) {
-        const progress = this._host.shadowRoot.querySelector("#" + this.buildProgressId(uf));
-        if (progress) {
-          progress.value = uf.progress;
-        }
-      }
-    });
-  }
-  validateFile(file) {
-    if (!this._filePointers.has(file.name) && this.maxFiles > 0 && this._filePointers.size >= this.maxFiles) {
-      this.showError(`A quantidade máxima de arquivos é ${this.maxFiles}.`);
-      return false;
-    }
-    if (file.size === 0) {
-      this.showError(`Erro de permissão: O arquivo "${file.name}" não pode ser enviado.`);
-      return false;
-    }
-    if (!this.urlUpload) {
-      this.showError("Endereço de upload não informado");
-      return false;
-    }
-    if (this.maxFileSize >= 0 && file.size > this.maxFileSize) {
-      this.showError("O tamanho máximo dos arquivos é de " + this.formatBytes(this.maxFileSize));
-      return false;
-    }
-    return true;
-  }
-  showError(message) {
-    ApplicationUtils.alert("Enviando arquivo", message);
-  }
-  formatBytes(bytes, decimals = 1) {
-    if (bytes === 0)
-      return "0 Bytes";
-    const k = 1024;
-    const dm = decimals < 0 ? 0 : decimals;
-    const sizes = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
-    const i = Math.floor(Math.log(bytes) / Math.log(k));
-    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
-  }
-  onFileInputChange(event) {
-    const input = event.target;
-    this.addFiles(Array.from(input.files));
-    this._fileInput.value = "";
-  }
-  isRemoteFile(item) {
-    return "file" in item;
-  }
-  removeFromList(name) {
-    this._filePointers.delete(name);
-    this.updateValue();
-  }
-  removeFile(name) {
-    const item = this._filePointers.get(name);
-    if (this.isRemoteFile(item)) {
-      item.abortUpload();
-      this.removeFromList(name);
-    }
-    else {
-      if (this.urlDelete) {
-        const uploadingFile = new RemoteFile(null);
-        this._filePointers.set(item.name, uploadingFile);
-        uploadingFile.delete(item, this.urlDelete, null)
-          .then(_ok => this.removeFromList(name))
-          .catch(msg => this.showError(msg));
-      }
-      else {
-        this.removeFromList(name);
-      }
-    }
-  }
-  openFilesDialog() {
-    if (this.enabled) {
-      this._fileInput.click();
-    }
-  }
-  componentDidLoad() {
-    if (this.enabled && this._dropZone && window.FileList && window.File) {
-      this._dropZone.addEventListener("dragover", event => {
-        event.stopPropagation();
-        event.preventDefault();
-        event.dataTransfer.dropEffect = "copy";
-        this._dropZone.style.background = "#c2dbff";
-      });
-      this._dropZone.addEventListener("drop", event => {
-        event.stopPropagation();
-        event.preventDefault();
-        this.addFiles(Array.from(event.dataTransfer.files));
-        this._dropZone.style.background = "";
-      });
-      this._dropZone.addEventListener("dragleave", _event => {
-        this._dropZone.style.background = "";
-      });
-    }
-  }
-  componentWillRender() {
-    if (this.value) {
-      if (this._filePointers.size < this.value.length) {
-        this.updateFilePointers();
-      }
-    }
-  }
-  render() {
-    return (h("div", { ref: (el) => this._dropZone = el, class: this.evalDisabledClass("iu", "background--disabled") }, h("div", { class: "iu__container", onClick: () => this.openFilesDialog() }, h("div", { class: "iu_header" }, this.label ? h("label", { class: this.evalDisabledClass("iu__label", "text--disabled"), title: this.label }, this.label) : null, h("div", { class: this.evalDisabledClass("iu__icon-label", "mouse-pointer--disabled") }, h("button", { class: "iu__file-icon", disabled: !this.enabled }), h("div", { class: this.evalDisabledClass("text text--center text--medium text--primary", "text--disabled") }, this.enabled ? "Arraste e solte ou clique para adicionar arquivos" : "Somente leitura"))), this.buildFooter()), h("input", { ref: (el) => this._fileInput = el, onChange: (ev) => this.onFileInputChange(ev), type: "file", multiple: true, class: "appearanceNone" })));
-  }
-  buildFooter() {
-    if (this._filePointers.size === 0) {
-      return null;
-    }
-    const items = [];
-    this._filePointers.forEach(item => items.push(this.buildFileItem(item)));
-    return (h("div", { class: "iu__footer" }, items));
-  }
-  buildFileItem(item) {
-    const fileName = item.name;
-    const progress = Number(item["progress"]);
-    const downloadURL = item["downloadURL"];
-    const label = `${fileName} (${this.formatBytes(item.size)})`;
-    return (h("div", { class: "iu__item", key: fileName, onClick: evt => evt.stopPropagation() }, h("div", { class: "iu__item-label modificador" }, h("div", { title: label, class: "col--stretch align--middle file__name text text--primary text--small text--ellipsis align--middle" }, downloadURL ? h("a", { href: downloadURL, download: true }, label) : label)), isNaN(progress)
-      ?
-        null
-      :
-        h("div", { class: "col col--sd-4 col--stretch align--middle" }, h("progress", { id: this.buildProgressId(item), value: progress, max: "100" })), this.enabled
-      ?
-        h("div", { class: "col col--stretch align--middle" }, h("button", { class: "btn-cancel ", onClick: () => this.removeFile(fileName) }))
-      :
-        null));
-  }
-  evalDisabledClass(regularClasses, disabledClass) {
-    return this.enabled ? regularClasses : `${regularClasses} ${disabledClass}`;
-  }
-  get _host() { return getElement(this); }
-  static get watchers() { return {
-    "value": ["observeValue"],
-    "requestHeaders": ["observeRequestHeaders"]
-  }; }
-};
-EzUpload.style = ezUploadCss;
-
-export { EzUpload as ez_upload };